formating removed-54

Author: MenamAfzal

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

@@ -1,42 +1,31 @@
-import {default as Progress} from 'antd/es/progress';
-import {Section, sectionNames} from 'lowcoder-design';
-import {numberExposingStateControl} from '../controls/codeStateControl';
-import {BoolControl} from '../controls/boolControl';
-import {UICompBuilder} from '../generators';
-import {
-  NameConfig,
-  NameConfigHidden,
-  withExposingConfigs,
-} from '../generators/withExposing';
-import {styleControl} from 'comps/controls/styleControl';
-import {
-  AnimationStyle,
-  AnimationStyleType,
-  ProgressStyle,
-  ProgressStyleType,
-  heightCalculator,
-  widthCalculator,
-} from 'comps/controls/styleControlConstants';
-import styled, {css} from 'styled-components';
-import {hiddenPropertyView} from 'comps/utils/propertyUtils';
-import {trans} from 'i18n';
+import { default as Progress } from "antd/es/progress";
+import { Section, sectionNames } from "lowcoder-design";
+import { numberExposingStateControl } from "../controls/codeStateControl";
+import { BoolControl } from "../controls/boolControl";
+import { UICompBuilder } from "../generators";
+import { NameConfig, NameConfigHidden, withExposingConfigs } from "../generators/withExposing";
+import { styleControl } from "comps/controls/styleControl";
+import { AnimationStyle, AnimationStyleType, ProgressStyle, ProgressStyleType, heightCalculator, widthCalculator } from "comps/controls/styleControlConstants";
+import styled, { css } from "styled-components";
+import { hiddenPropertyView } from "comps/utils/propertyUtils";
+import { trans } from "i18n";
 
-import {useContext} from 'react';
-import {EditorContext} from 'comps/editorState';
+import { useContext } from "react";
+import { EditorContext } from "comps/editorState";
 
 const getStyle = (style: ProgressStyleType) => {
   return css`
     line-height: 2;
     .ant-progress-text {
       color: ${style.text};
-      font-style: ${style.fontStyle};
-      font-family: ${style.fontFamily};
-      font-weight: ${style.textWeight};
-      font-size: ${style.textSize};
+      font-style:${style.fontStyle};
+        font-family:${style.fontFamily};
+        font-weight:${style.textWeight};
+        font-size:${style.textSize};
     }
-    width: ${widthCalculator(style.margin)};
-    height: ${heightCalculator(style.margin)};
-    margin: ${style.margin};
+    width: ${widthCalculator(style.margin)};	
+    height: ${heightCalculator(style.margin)};	
+    margin: ${style.margin};	
     padding: ${style.padding};
     .ant-progress-inner {
       background-color: ${style.track};
@@ -55,12 +44,9 @@ const getStyle = (style: ProgressStyleType) => {
   `;
 };
 
-export const ProgressStyled = styled(Progress)<{
-  $style: ProgressStyleType;
-  $animationStyle?: AnimationStyleType;
-}>`
+export const ProgressStyled = styled(Progress)<{ $style: ProgressStyleType,$animationStyle?: AnimationStyleType}>`
   ${(props) => props.$style && getStyle(props.$style)}
-  ${(props) => props.$animationStyle}
+  ${props=>props.$animationStyle}
 `;
 
 const ProgressBasicComp = (function () {
@@ -85,32 +71,28 @@ const ProgressBasicComp = (function () {
         <>
           <Section name={sectionNames.basic}>
             {children.value.propertyView({
-              label: trans('progress.value'),
-              tooltip: trans('progress.valueTooltip'),
+              label: trans("progress.value"),
+              tooltip: trans("progress.valueTooltip"),
             })}
           </Section>
 
-          {['logic', 'both'].includes(
-            useContext(EditorContext).editorModeStatus
-          ) && (
+          {["logic", "both"].includes(useContext(EditorContext).editorModeStatus) && (
             <Section name={sectionNames.interaction}>
               {hiddenPropertyView(children)}
               {children.showInfo.propertyView({
-                label: trans('progress.showInfo'),
+                label: trans("progress.showInfo"),
               })}
             </Section>
           )}
 
-          {['layout', 'both'].includes(
-            useContext(EditorContext).editorModeStatus
-          ) && (
+          {["layout", "both"].includes(useContext(EditorContext).editorModeStatus) && (
             <>
               <Section name={sectionNames.style}>
-                {children.style.getPropertyView()}
-              </Section>
+              {children.style.getPropertyView()}
+            </Section>
               <Section name={sectionNames.animationStyle}>
-                {children.animationStyle.getPropertyView()}
-              </Section>
+              {children.animationStyle.getPropertyView()}
+            </Section>
             </>
           )}
         </>
@@ -120,7 +102,7 @@ const ProgressBasicComp = (function () {
 })();
 
 export const ProgressComp = withExposingConfigs(ProgressBasicComp, [
-  new NameConfig('value', trans('progress.valueDesc')),
-  new NameConfig('showInfo', trans('progress.showInfoDesc')),
+  new NameConfig("value", trans("progress.valueDesc")),
+  new NameConfig("showInfo", trans("progress.showInfoDesc")),
   NameConfigHidden,
 ]);