formating removed-67

Author: MenamAfzal

client/packages/lowcoder/src/comps/comps/switchComp.tsx

@@ -1,59 +1,36 @@
-import {default as Switch} from 'antd/es/switch';
-import {BoolCodeControl} from 'comps/controls/codeControl';
-import {booleanExposingStateControl} from 'comps/controls/codeStateControl';
-import {
-  changeEvent,
-  eventHandlerControl,
-} from 'comps/controls/eventHandlerControl';
-import {LabelControl} from 'comps/controls/labelControl';
-import {styleControl} from 'comps/controls/styleControl';
-import {
-  SwitchStyle,
-  SwitchStyleType,
-  LabelStyle,
-  InputFieldStyle,
-  AnimationStyle,
-} from 'comps/controls/styleControlConstants';
-import {migrateOldData} from 'comps/generators/simpleGenerators';
-import {Section, sectionNames} from 'lowcoder-design';
-import styled, {css} from 'styled-components';
-import {UICompBuilder} from '../generators';
-import {
-  CommonNameConfig,
-  NameConfig,
-  withExposingConfigs,
-} from '../generators/withExposing';
-import {
-  formDataChildren,
-  FormDataPropertyView,
-} from './formComp/formDataConstants';
-import {
-  hiddenPropertyView,
-  disabledPropertyView,
-} from 'comps/utils/propertyUtils';
-import {trans} from 'i18n';
-import {RefControl} from 'comps/controls/refControl';
-import {refMethods} from 'comps/generators/withMethodExposing';
-import {
-  blurMethod,
-  clickMethod,
-  focusWithOptions,
-} from 'comps/utils/methodUtils';
+import { default as Switch } from "antd/es/switch";
+import { BoolCodeControl } from "comps/controls/codeControl";
+import { booleanExposingStateControl } from "comps/controls/codeStateControl";
+import { changeEvent, eventHandlerControl } from "comps/controls/eventHandlerControl";
+import { LabelControl } from "comps/controls/labelControl";
+import { styleControl } from "comps/controls/styleControl";
+import { SwitchStyle, SwitchStyleType, LabelStyle,  InputFieldStyle, AnimationStyle } from "comps/controls/styleControlConstants";
+import { migrateOldData } from "comps/generators/simpleGenerators";
+import { Section, sectionNames } from "lowcoder-design";
+import styled, { css } from "styled-components";
+import { UICompBuilder } from "../generators";
+import { CommonNameConfig, NameConfig, withExposingConfigs } from "../generators/withExposing";
+import { formDataChildren, FormDataPropertyView } from "./formComp/formDataConstants";
+import { hiddenPropertyView, disabledPropertyView } from "comps/utils/propertyUtils";
+import { trans } from "i18n";
+import { RefControl } from "comps/controls/refControl";
+import { refMethods } from "comps/generators/withMethodExposing";
+import { blurMethod, clickMethod, focusWithOptions } from "comps/utils/methodUtils";
 
-import {useContext} from 'react';
-import {EditorContext} from 'comps/editorState';
+import { useContext } from "react";
+import { EditorContext } from "comps/editorState";
 
 const EventOptions = [
   changeEvent,
   {
-    label: trans('switchComp.open'),
-    value: 'true',
-    description: trans('switchComp.openDesc'),
+    label: trans("switchComp.open"),
+    value: "true",
+    description: trans("switchComp.openDesc"),
   },
   {
-    label: trans('switchComp.close'),
-    value: 'false',
-    description: trans('switchComp.closeDesc'),
+    label: trans("switchComp.close"),
+    value: "false",
+    description: trans("switchComp.closeDesc"),
   },
 ] as const;
 
@@ -72,7 +49,7 @@ const getStyle = (style: SwitchStyleType) => {
   `;
 };
 
-const SwitchWrapper = styled.div<{disabled: boolean; $style: SwitchStyleType}>`
+const SwitchWrapper = styled.div<{ disabled: boolean; $style: SwitchStyleType }>`
   min-height: 32px;
   display: flex;
   align-items: center;
@@ -92,7 +69,7 @@ const SwitchWrapper = styled.div<{disabled: boolean; $style: SwitchStyleType}>`
  * compatible with old data 2022-08-23
  */
 function fixOldData(oldData: any) {
-  if (oldData && oldData.hasOwnProperty('unChecked')) {
+  if (oldData && oldData.hasOwnProperty("unChecked")) {
     return {
       label: oldData.label,
       handle: oldData.handle,
@@ -127,8 +104,8 @@ let SwitchTmpComp = (function () {
     return props.label({
       style: props.style,
       labelStyle: props.labelStyle,
-      inputFieldStyle: props.inputFieldStyle,
-      animationStyle: props.animationStyle,
+      inputFieldStyle:props.inputFieldStyle,
+      animationStyle:props.animationStyle,
       children: (
         <SwitchWrapper disabled={props.disabled} $style={props.inputFieldStyle}>
           <Switch
@@ -137,8 +114,8 @@ let SwitchTmpComp = (function () {
             ref={props.viewRef}
             onChange={(checked) => {
               props.value.onChange(checked);
-              props.onEvent('change');
-              props.onEvent(checked ? 'true' : 'false');
+              props.onEvent("change");
+              props.onEvent(checked ? "true" : "false");
             }}
           />
         </SwitchWrapper>
@@ -149,30 +126,24 @@ let SwitchTmpComp = (function () {
       return (
         <>
           <Section name={sectionNames.basic}>
-            {children.value.propertyView({
-              label: trans('switchComp.defaultValue'),
-            })}
+            {children.value.propertyView({ label: trans("switchComp.defaultValue") })}
           </Section>
 
           <FormDataPropertyView {...children} />
 
-          {['logic', 'both'].includes(
-            useContext(EditorContext).editorModeStatus
-          ) && (
+          {["logic", "both"].includes(useContext(EditorContext).editorModeStatus) && (
             <Section name={sectionNames.interaction}>
               {children.onEvent.getPropertyView()}
               {disabledPropertyView(children)}
               {hiddenPropertyView(children)}
             </Section>
           )}
 
-          {['layout', 'both'].includes(
-            useContext(EditorContext).editorModeStatus
-          ) && children.label.getPropertyView()}
+          {["layout", "both"].includes(useContext(EditorContext).editorModeStatus) && (
+            children.label.getPropertyView()
+          )}
 
-          {['layout', 'both'].includes(
-            useContext(EditorContext).editorModeStatus
-          ) && (
+          {["layout", "both"].includes(useContext(EditorContext).editorModeStatus) && (
             <>
               <Section name={sectionNames.style}>
                 {children.style.getPropertyView()}
@@ -191,13 +162,11 @@ let SwitchTmpComp = (function () {
         </>
       );
     })
-    .setExposeMethodConfigs(
-      refMethods([focusWithOptions, blurMethod, clickMethod])
-    )
+    .setExposeMethodConfigs(refMethods([focusWithOptions, blurMethod, clickMethod]))
     .build();
 })();
 
 export const SwitchComp = withExposingConfigs(SwitchTmpComp, [
-  new NameConfig('value', trans('switchComp.valueDesc')),
+  new NameConfig("value", trans("switchComp.valueDesc")),
   ...CommonNameConfig,
 ]);