hunk.code_window:           "hidden": {
               "path": "actionConfiguration.pluginSpecifiedTemplates[0].value",
               "comparison": "EQUALS",
               "value": true
             }
           }
         ]
       }
     ]
   }
  
hunk.labels: keep keep keep keep add keep keep keep keep keep
hunk.after_edit:         },
           {
             "label": "Use Prepared Statement",
             "info": "Turning on Prepared Statement makes your queries resilient against bad things like SQL injections. However, it cannot be used if your dynamic binding contains any SQL keywords like 'SELECT', 'WHERE', 'AND', etc.",
             "configProperty": "actionConfiguration.pluginSpecifiedTemplates[0].value",
             "controlType": "SWITCH",
             "initialValue": true
  
hunk.file_path: app/server/appsmith-plugins/mysqlPlugin/src/main/resources/editor.json
hunk.type: add
file: import React from "react";
  import styled from "styled-components";
  
  const StyledLoader = styled.div`
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 4px;
    overflow-x: hidden;
    .line {
      position: absolute;
      opacity: 0.4;
      background: #d36500;
      width: 150%;
      height: 4px;
    }
    .subline {
      position: absolute;
      background: #d36500;
      height: 4px;
    }
    .inc {
      animation: increase 2s infinite;
    }
    @keyframes increase {
      from {
        left: -5%;
        width: 5%;
      }
      to {
        left: 130%;
        width: 100%;
      }
    }
  `;
  
  function PageLoadingBar() {
    return (
      <StyledLoader>
        <div className="line" />
        <div className="subline inc" />
      </StyledLoader>
    );
  }
  
  export default PageLoadingBar;
  