formating removed-55

Author: MenamAfzal

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

@@ -1,43 +1,32 @@
-import {default as Progress} from 'antd/es/progress';
-import {styleControl} from 'comps/controls/styleControl';
-import {
-  AnimationStyle,
-  AnimationStyleType,
-  CircleProgressStyle,
-  CircleProgressType,
-  heightCalculator,
-  widthCalculator,
-} from 'comps/controls/styleControlConstants';
-import styled, {css} from 'styled-components';
-import {Section, sectionNames} from 'lowcoder-design';
-import {numberExposingStateControl} from '../controls/codeStateControl';
-import {UICompBuilder} from '../generators';
-import {
-  NameConfig,
-  NameConfigHidden,
-  withExposingConfigs,
-} from '../generators/withExposing';
-import {hiddenPropertyView} from 'comps/utils/propertyUtils';
-import {trans} from 'i18n';
+import { default as Progress } from "antd/es/progress";
+import { styleControl } from "comps/controls/styleControl";
+import { AnimationStyle, AnimationStyleType, CircleProgressStyle, CircleProgressType, heightCalculator, widthCalculator } from "comps/controls/styleControlConstants";
+import styled, { css } from "styled-components";
+import { Section, sectionNames } from "lowcoder-design";
+import { numberExposingStateControl } from "../controls/codeStateControl";
+import { UICompBuilder } from "../generators";
+import { NameConfig, NameConfigHidden, withExposingConfigs } from "../generators/withExposing";
+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";
 
 // TODO: after Update of ANTd, introduce Size attribute to ProgressCircle
 
 const getStyle = (style: CircleProgressType) => {
   return css`
-    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};
-    border-radius: ${style.radius};
+    border-radius:${style.radius};
     .ant-progress-text {
       color: ${style.text} !important;
-      font-family: ${style.fontFamily};
-      font-style: ${style.fontStyle};
-      font-size: ${style.textSize} !important;
-      font-weight: ${style.textWeight};
+      font-family:${style.fontFamily};
+      font-style:${style.fontStyle};
+      font-size:${style.textSize} !important;
+      font-weight:${style.textWeight};
     }
     .ant-progress-circle-trail {
       stroke: ${style.track};
@@ -98,30 +87,26 @@ let ProgressCircleTmpComp = (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)}
             </Section>
           )}
 
-          {['layout', 'both'].includes(
-            useContext(EditorContext).editorModeStatus
-          ) && (
+          {["layout", "both"].includes(useContext(EditorContext).editorModeStatus) && (
             <>
               <Section name={sectionNames.style}>
-                {children.style.getPropertyView()}
+              {children.style.getPropertyView()}
               </Section>
               <Section name={sectionNames.animationStyle}>
-                {children.animationStyle.getPropertyView()}
+              {children.animationStyle.getPropertyView()}
               </Section>
-            </>
+              </>
           )}
         </>
       );
@@ -136,6 +121,6 @@ ProgressCircleTmpComp = class extends ProgressCircleTmpComp {
 };
 
 export const ProgressCircleComp = withExposingConfigs(ProgressCircleTmpComp, [
-  new NameConfig('value', trans('progress.valueDesc')),
+  new NameConfig("value", trans("progress.valueDesc")),
   NameConfigHidden,
 ]);