formating removed-72

Author: MenamAfzal

client/packages/lowcoder/src/comps/comps/textInputComp/inputComp.tsx

@@ -1,22 +1,15 @@
-import {Input, Section, sectionNames} from 'lowcoder-design';
-import {BoolControl} from 'comps/controls/boolControl';
-import {styleControl} from 'comps/controls/styleControl';
-import {
-  AnimationStyle,
-  InputFieldStyle,
-  InputLikeStyle,
-  InputLikeStyleType,
-  LabelStyle,
-  LabelStyleType,
-} from 'comps/controls/styleControlConstants';
+import { Input, Section, sectionNames } from "lowcoder-design";
+import { BoolControl } from "comps/controls/boolControl";
+import { styleControl } from "comps/controls/styleControl";
+import { AnimationStyle, InputFieldStyle, InputLikeStyle, InputLikeStyleType, LabelStyle, LabelStyleType } from "comps/controls/styleControlConstants";
 import {
   NameConfig,
   NameConfigPlaceHolder,
   NameConfigRequired,
-} from 'comps/generators/withExposing';
-import styled from 'styled-components';
-import {UICompBuilder} from '../../generators';
-import {FormDataPropertyView} from '../formComp/formDataConstants';
+} from "comps/generators/withExposing";
+import styled from "styled-components";
+import { UICompBuilder } from "../../generators";
+import { FormDataPropertyView } from "../formComp/formDataConstants";
 import {
   fixOldInputCompData,
   getStyle,
@@ -27,27 +20,27 @@ import {
   TextInputInteractionSection,
   TextInputValidationSection,
   useTextInputProps,
-} from './textInputConstants';
+} from "./textInputConstants";
 import {
   allowClearPropertyView,
   hiddenPropertyView,
   readOnlyPropertyView,
-} from 'comps/utils/propertyUtils';
-import {trans} from 'i18n';
-import {IconControl} from 'comps/controls/iconControl';
-import {hasIcon} from 'comps/utils';
-import {InputRef} from 'antd/es/input';
-import {RefControl} from 'comps/controls/refControl';
-import {migrateOldData, withDefault} from 'comps/generators/simpleGenerators';
+} from "comps/utils/propertyUtils";
+import { trans } from "i18n";
+import { IconControl } from "comps/controls/iconControl";
+import { hasIcon } from "comps/utils";
+import { InputRef } from "antd/es/input";
+import { RefControl } from "comps/controls/refControl";
+import { migrateOldData, withDefault } from "comps/generators/simpleGenerators";
 
-import React, {useContext} from 'react';
-import {EditorContext} from 'comps/editorState';
+import React, { useContext } from "react";
+import { EditorContext } from "comps/editorState";
 
 /**
  * Input Comp
  */
 
-const InputStyle = styled(Input)<{$style: InputLikeStyleType}>`
+const InputStyle = styled(Input) <{ $style: InputLikeStyleType }>`
   ${(props) => props.$style && getStyle(props.$style)}
 `;
 
@@ -81,8 +74,8 @@ let InputBasicComp = new UICompBuilder(childrenMap, (props) => {
     ),
     style: props.style,
     labelStyle: props.labelStyle,
-    inputFieldStyle: props.inputFieldStyle,
-    animationStyle: props.animationStyle,
+    inputFieldStyle:props.inputFieldStyle,
+    animationStyle:props.animationStyle,
     ...validateState,
   });
 })
@@ -92,64 +85,44 @@ let InputBasicComp = new UICompBuilder(childrenMap, (props) => {
         <TextInputBasicSection {...children} />
         <FormDataPropertyView {...children} />
 
-        {['layout', 'both'].includes(
-          useContext(EditorContext).editorModeStatus
-        ) && children.label.getPropertyView()}
+        {["layout", "both"].includes(useContext(EditorContext).editorModeStatus) && (
+          children.label.getPropertyView()
+        )}
 
-        {['logic', 'both'].includes(
-          useContext(EditorContext).editorModeStatus
-        ) && (
-          <>
-            <TextInputInteractionSection {...children} />
-            <Section name={sectionNames.layout}>
-              {hiddenPropertyView(children)}
-            </Section>
+        {["logic", "both"].includes(useContext(EditorContext).editorModeStatus) && (
+          <><TextInputInteractionSection {...children} />
+            <Section name={sectionNames.layout}>{hiddenPropertyView(children)}</Section>
             <Section name={sectionNames.advanced}>
-              {children.prefixIcon.propertyView({
-                label: trans('button.prefixIcon'),
-              })}
-              {children.suffixIcon.propertyView({
-                label: trans('button.suffixIcon'),
-              })}
-              {children.showCount.propertyView({
-                label: trans('prop.showCount'),
-              })}
+              {children.prefixIcon.propertyView({ label: trans("button.prefixIcon") })}
+              {children.suffixIcon.propertyView({ label: trans("button.suffixIcon") })}
+              {children.showCount.propertyView({ label: trans("prop.showCount") })}
               {allowClearPropertyView(children)}
               {readOnlyPropertyView(children)}
             </Section>
             <TextInputValidationSection {...children} />
           </>
         )}
-        {['layout', 'both'].includes(
-          useContext(EditorContext).editorModeStatus
-        ) && (
+        {["layout", "both"].includes(useContext(EditorContext).editorModeStatus) && (
           <>
-            <Section name={sectionNames.style}>
-              {children.style.getPropertyView()}
-            </Section>
-            <Section name={sectionNames.labelStyle}>
-              {children.labelStyle.getPropertyView()}
-            </Section>
-            <Section name={sectionNames.inputFieldStyle}>
-              {children.inputFieldStyle.getPropertyView()}
-            </Section>
-            <Section name={sectionNames.animationStyle}>
-              {children.animationStyle.getPropertyView()}
-            </Section>
+            <Section name={sectionNames.style}>{children.style.getPropertyView()}</Section>
+            <Section name={sectionNames.labelStyle}>{children.labelStyle.getPropertyView()}</Section>
+            <Section name={sectionNames.inputFieldStyle}>{children.inputFieldStyle.getPropertyView()}</Section>
+            <Section name={sectionNames.animationStyle}>{children.animationStyle.getPropertyView()}</Section>
           </>
         )}
       </>
     );
   })
   .setExposeMethodConfigs(inputRefMethods)
   .setExposeStateConfigs([
-    new NameConfig('value', trans('export.inputValueDesc')),
+    new NameConfig("value", trans("export.inputValueDesc")),
     NameConfigPlaceHolder,
     NameConfigRequired,
     ...TextInputConfigs,
   ])
   .build();
 
+
 const InputComp = migrateOldData(InputBasicComp, fixOldInputCompData);
 
-export {InputComp};
+export { InputComp };