formating removed-51

Author: MenamAfzal

client/packages/lowcoder/src/comps/comps/numberInputComp/rangeSliderComp.tsx

@@ -1,34 +1,25 @@
-import {trans} from 'i18n';
-import {Section, sectionNames} from 'lowcoder-design';
-import {numberExposingStateControl} from '../../controls/codeStateControl';
-import {UICompBuilder} from '../../generators';
-import {
-  CommonNameConfig,
-  NameConfig,
-  withExposingConfigs,
-} from '../../generators/withExposing';
-import {
-  SliderChildren,
-  SliderPropertyView,
-  SliderStyled,
-  SliderWrapper,
-} from './sliderCompConstants';
-import {hasIcon} from 'comps/utils';
-import {BoolControl} from 'comps/controls/boolControl';
+import { trans } from "i18n";
+import { Section, sectionNames } from "lowcoder-design";
+import { numberExposingStateControl } from "../../controls/codeStateControl";
+import { UICompBuilder } from "../../generators";
+import { CommonNameConfig, NameConfig, withExposingConfigs } from "../../generators/withExposing";
+import { SliderChildren, SliderPropertyView, SliderStyled, SliderWrapper } from "./sliderCompConstants";
+import { hasIcon } from "comps/utils";
+import { BoolControl } from "comps/controls/boolControl";
 
 const RangeSliderBasicComp = (function () {
   const childrenMap = {
     ...SliderChildren,
-    start: numberExposingStateControl('start', 10),
-    end: numberExposingStateControl('end', 60),
+    start: numberExposingStateControl("start", 10),
+    end: numberExposingStateControl("end", 60),
     vertical: BoolControl,
   };
   return new UICompBuilder(childrenMap, (props) => {
     return props.label({
       style: props.style,
       labelStyle: props.labelStyle,
-      inputFieldStyle: props.inputFieldStyle,
-      animationStyle: props.animationStyle,
+      inputFieldStyle:props.inputFieldStyle,
+      animationStyle:props.animationStyle,
       children: (
         <SliderWrapper
           vertical={props.vertical}
@@ -43,12 +34,12 @@ const RangeSliderBasicComp = (function () {
             range={true}
             value={[props.start.value, props.end.value]}
             $style={props.inputFieldStyle}
-            style={{margin: 0}}
+            style={{ margin: 0 }}
             vertical={props.vertical || false}
             onChange={([start, end]) => {
               props.start.onChange(start);
               props.end.onChange(end);
-              props.onEvent('change');
+              props.onEvent("change");
             }}
           />
           {hasIcon(props.suffixIcon) && props.suffixIcon}
@@ -60,15 +51,15 @@ const RangeSliderBasicComp = (function () {
       return (
         <>
           <Section name={sectionNames.basic}>
-            {children.start.propertyView({label: trans('rangeSlider.start')})}
-            {children.end.propertyView({label: trans('rangeSlider.end')})}
-            {children.max.propertyView({label: trans('prop.maximum')})}
-            {children.min.propertyView({label: trans('prop.minimum')})}
+            {children.start.propertyView({ label: trans("rangeSlider.start") })}
+            {children.end.propertyView({ label: trans("rangeSlider.end") })}
+            {children.max.propertyView({ label: trans("prop.maximum") })}
+            {children.min.propertyView({ label: trans("prop.minimum") })}
             {children.step.propertyView({
-              label: trans('rangeSlider.step'),
-              tooltip: trans('rangeSlider.stepTooltip'),
+              label: trans("rangeSlider.step"),
+              tooltip: trans("rangeSlider.stepTooltip"),
             })}
-            {children.vertical.propertyView({label: trans('slider.vertical')})}
+            {children.vertical.propertyView({ label: trans("slider.vertical") })}
           </Section>
 
           <SliderPropertyView {...children} />
@@ -79,9 +70,9 @@ const RangeSliderBasicComp = (function () {
 })();
 
 export const RangeSliderComp = withExposingConfigs(RangeSliderBasicComp, [
-  new NameConfig('start', trans('export.sliderStartDesc')),
-  new NameConfig('end', trans('export.sliderEndDesc')),
-  new NameConfig('max', trans('export.sliderMaxValueDesc')),
-  new NameConfig('min', trans('export.sliderMinValueDesc')),
+  new NameConfig("start", trans("export.sliderStartDesc")),
+  new NameConfig("end", trans("export.sliderEndDesc")),
+  new NameConfig("max", trans("export.sliderMaxValueDesc")),
+  new NameConfig("min", trans("export.sliderMinValueDesc")),
   ...CommonNameConfig,
 ]);