formating removed-40

Author: MenamAfzal

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

@@ -1,38 +1,31 @@
-import {default as Divider, DividerProps} from 'antd/es/divider';
-import {StringControl} from 'comps/controls/codeControl';
-import {BoolControl} from 'comps/controls/boolControl';
-import {alignControl} from 'comps/controls/alignControl';
-import {UICompBuilder} from 'comps/generators';
-import {NameConfig, NameConfigHidden} from 'comps/generators/withExposing';
-import {Section, sectionNames} from 'lowcoder-design';
-import _ from 'lodash';
-import styled from 'styled-components';
-import {styleControl} from 'comps/controls/styleControl';
-import {
-  AnimationStyle,
-  AnimationStyleType,
-  DividerStyle,
-  DividerStyleType,
-  heightCalculator,
-  widthCalculator,
-} from 'comps/controls/styleControlConstants';
-import {migrateOldData} from 'comps/generators/simpleGenerators';
-import {hiddenPropertyView} from 'comps/utils/propertyUtils';
-import {trans} from 'i18n';
+import { default as Divider, DividerProps } from "antd/es/divider";
+import { StringControl } from "comps/controls/codeControl";
+import { BoolControl } from "comps/controls/boolControl";
+import { alignControl } from "comps/controls/alignControl";
+import { UICompBuilder } from "comps/generators";
+import { NameConfig, NameConfigHidden } from "comps/generators/withExposing";
+import { Section, sectionNames } from "lowcoder-design";
+import _ from "lodash";
+import styled from "styled-components";
+import { styleControl } from "comps/controls/styleControl";
+import { AnimationStyle, AnimationStyleType, DividerStyle, DividerStyleType, heightCalculator, widthCalculator } from "comps/controls/styleControlConstants";
+import { migrateOldData } from "comps/generators/simpleGenerators";
+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";
 
 type IProps = DividerProps & {
   $style: DividerStyleType;
   dashed: boolean;
-  $animationStyle: AnimationStyleType;
+  $animationStyle:AnimationStyleType;
 };
 
 // TODO: find out how to set border style when text is active
 // TODO: enable type "vertical" https://ant.design/components/divider
 
-const StyledDivider = styled(Divider)<IProps>`
+const StyledDivider = styled(Divider) <IProps>`
   margin-top: 3.5px;
   .ant-divider-inner-text {
     height: 32px;
@@ -41,37 +34,27 @@ const StyledDivider = styled(Divider)<IProps>`
     font-size: ${(props) => props.$style.textSize};
     font-weight: ${(props) => props.$style.textWeight};
     font-family: ${(props) => props.$style.fontFamily};
-    text-transform: ${(props) => props.$style.textTransform};
-    text-decoration: ${(props) => props.$style.textDecoration};
-    font-style: ${(props) => props.$style.fontStyle};
+    text-transform:${(props)=>props.$style.textTransform};
+    text-decoration:${(props)=>props.$style.textDecoration};
+    font-style:${(props) => props.$style.fontStyle}
   }
-  ${(props) => props.$animationStyle}
-  min-width: 0;
+  ${props=>props.$animationStyle}
+  min-width: 0;	
   width: ${(props) => {
     return widthCalculator(props.$style.margin);
-  }};
+  }};	
   min-height: ${(props) => {
     return heightCalculator(props.$style.margin);
-  }};
+  }};	
   margin: ${(props) => {
     return props.$style.margin;
-  }};
+  }};	
   padding: ${(props) => props.$style.padding};
-
-  border-top: ${(props) =>
-      props.$style.borderWidth && props.$style.borderWidth != '0px'
-        ? props.$style.borderWidth
-        : '1px'}
-    ${(props) => (props.dashed ? 'dashed' : 'solid')}
-    ${(props) => props.$style.border};
-  '' .ant-divider-inner-text::before,
-  .ant-divider-inner-text::after {
-    border-block-start: ${(props) =>
-        props.$style.borderWidth && props.$style.borderWidth != '0px'
-          ? props.$style.borderWidth
-          : '1px'}
-      ${(props) => (props.dashed ? 'dashed' : 'solid')}
-      ${(props) => props.$style.border} !important;
+  
+  border-top: ${(props) => (props.$style.borderWidth && props.$style.borderWidth != "0px" ? props.$style.borderWidth : "1px")} ${(props) => (props.dashed ? "dashed" : "solid")} ${(props) => props.$style.border};
+""
+  .ant-divider-inner-text::before, .ant-divider-inner-text::after {
+    border-block-start: ${(props) => (props.$style.borderWidth && props.$style.borderWidth != "0px" ? props.$style.borderWidth : "1px")} ${(props) => (props.dashed ? "dashed" : "solid")} ${(props) => props.$style.border} !important;
     border-block-start-color: inherit;
     border-block-end: 0;
   }
@@ -92,18 +75,20 @@ const childrenMap = {
 };
 
 function fixOldStyleData(oldData: any) {
-  if (oldData && oldData.hasOwnProperty('color')) {
+  if (oldData && oldData.hasOwnProperty("color")) {
     return {
       ...oldData,
       style: {
         color: oldData.color,
-        text: '',
+        text: "",
       },
     };
   }
   return oldData;
 }
 
+
+
 // Compatible with historical style data 2022-8-26
 export const DividerComp = migrateOldData(
   new UICompBuilder(childrenMap, (props) => {
@@ -122,30 +107,26 @@ export const DividerComp = migrateOldData(
       return (
         <>
           <Section name={sectionNames.basic}>
-            {children.title.propertyView({label: trans('divider.title')})}
+            {children.title.propertyView({ label: trans("divider.title") })}
           </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.layout}>
                 {!_.isEmpty(children.title.getView()) &&
                   children.align.propertyView({
-                    label: trans('divider.align'),
+                    label: trans("divider.align"),
                     radioButton: true,
                   })}
               </Section>
               <Section name={sectionNames.style}>
-                {children.dashed.propertyView({label: trans('divider.dashed')})}
+                {children.dashed.propertyView({ label: trans("divider.dashed") })}
                 {children.style.getPropertyView()}
               </Section>
               <Section name={sectionNames.animationStyle}>
@@ -157,9 +138,9 @@ export const DividerComp = migrateOldData(
       );
     })
     .setExposeStateConfigs([
-      new NameConfig('dashed', trans('divider.dashedDesc')),
-      new NameConfig('title', trans('divider.titleDesc')),
-      new NameConfig('align', trans('divider.alignDesc')),
+      new NameConfig("dashed", trans("divider.dashedDesc")),
+      new NameConfig("title", trans("divider.titleDesc")),
+      new NameConfig("align", trans("divider.alignDesc")),
       NameConfigHidden,
     ])
     .build(),