formating removed-57

Author: MenamAfzal

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

@@ -1,49 +1,30 @@
-import {default as Rate} from 'antd/es/rate';
-import styled, {css} from 'styled-components';
-import {Section, sectionNames} from 'lowcoder-design';
-import {NumberControl, BoolCodeControl} from '../controls/codeControl';
-import {BoolControl} from '../controls/boolControl';
-import {
-  changeEvent,
-  eventHandlerControl,
-} from '../controls/eventHandlerControl';
-import {LabelControl} from '../controls/labelControl';
-import {numberExposingStateControl} from '../controls/codeStateControl';
-import {UICompBuilder, withDefault} from '../generators';
-import {
-  CommonNameConfig,
-  NameConfig,
-  withExposingConfigs,
-} from '../generators/withExposing';
-import {
-  formDataChildren,
-  FormDataPropertyView,
-} from './formComp/formDataConstants';
-import {styleControl} from 'comps/controls/styleControl';
-import {
-  AnimationStyle,
-  InputFieldStyle,
-  LabelStyle,
-  RatingStyle,
-  RatingStyleType,
-} from 'comps/controls/styleControlConstants';
-import {migrateOldData} from 'comps/generators/simpleGenerators';
-import {
-  disabledPropertyView,
-  hiddenPropertyView,
-} from 'comps/utils/propertyUtils';
-import {trans} from 'i18n';
-
-import {useContext, useEffect, useRef} from 'react';
-import {EditorContext} from 'comps/editorState';
+import { default as Rate } from "antd/es/rate";
+import styled, { css } from "styled-components";
+import { Section, sectionNames } from "lowcoder-design";
+import { NumberControl, BoolCodeControl } from "../controls/codeControl";
+import { BoolControl } from "../controls/boolControl";
+import { changeEvent, eventHandlerControl } from "../controls/eventHandlerControl";
+import { LabelControl } from "../controls/labelControl";
+import { numberExposingStateControl } from "../controls/codeStateControl";
+import { UICompBuilder, withDefault } from "../generators";
+import { CommonNameConfig, NameConfig, withExposingConfigs } from "../generators/withExposing";
+import { formDataChildren, FormDataPropertyView } from "./formComp/formDataConstants";
+import { styleControl } from "comps/controls/styleControl";
+import {  AnimationStyle, InputFieldStyle, LabelStyle, RatingStyle, RatingStyleType } from "comps/controls/styleControlConstants";
+import { migrateOldData } from "comps/generators/simpleGenerators";
+import { disabledPropertyView, hiddenPropertyView } from "comps/utils/propertyUtils";
+import { trans } from "i18n";
+
+import { useContext, useEffect, useRef } from "react";
+import { EditorContext } from "comps/editorState";
 
 const EventOptions = [changeEvent] as const;
 
 /**
  * Compatible with old data 2022-08-23
  */
 function fixOldData(oldData: any) {
-  if (oldData && oldData.hasOwnProperty('unChecked')) {
+  if (oldData && oldData.hasOwnProperty("unChecked")) {
     return {
       label: oldData.label,
       checked: oldData.checked,
@@ -73,9 +54,9 @@ const RatingBasicComp = (function () {
     ...formDataChildren,
   };
   return new UICompBuilder(childrenMap, (props) => {
-    const defaultValue = {...props.defaultValue}.value;
-    const value = {...props.value}.value;
-    const changeRef = useRef(false);
+    const defaultValue = { ...props.defaultValue }.value;
+    const value = { ...props.value }.value;
+    const changeRef = useRef(false)
 
     useEffect(() => {
       props.value.onChange(defaultValue);
@@ -84,15 +65,15 @@ const RatingBasicComp = (function () {
     useEffect(() => {
       if (!changeRef.current) return;
 
-      props.onEvent('change');
+      props.onEvent("change");
       changeRef.current = false;
     }, [value]);
 
     return props.label({
       style: props.style,
       labelStyle: props.labelStyle,
-      inputFieldStyle: props.inputFieldStyle,
-      animationStyle: props.animationStyle,
+      inputFieldStyle:props.inputFieldStyle,
+      animationStyle:props.animationStyle,
       children: (
         <RateStyled
           count={props.max}
@@ -112,40 +93,33 @@ const RatingBasicComp = (function () {
       return (
         <>
           <Section name={sectionNames.basic}>
-            {children.defaultValue.propertyView({
-              label: trans('prop.defaultValue'),
-            })}
+            {children.defaultValue.propertyView({ label: trans("prop.defaultValue") })}
             {children.max.propertyView({
-              label: trans('rating.max'),
+              label: trans("rating.max"),
             })}
           </Section>
 
           <FormDataPropertyView {...children} />
 
-          {['logic', 'both'].includes(
-            useContext(EditorContext).editorModeStatus
-          ) && (
-            <>
-              <Section name={sectionNames.interaction}>
-                {children.onEvent.getPropertyView()}
-                {disabledPropertyView(children)}
-                {hiddenPropertyView(children)}
-              </Section>
+          {["logic", "both"].includes(useContext(EditorContext).editorModeStatus) && (
+            <><Section name={sectionNames.interaction}>
+              {children.onEvent.getPropertyView()}
+              {disabledPropertyView(children)}
+              {hiddenPropertyView(children)}
+            </Section>
               <Section name={sectionNames.advanced}>
                 {children.allowHalf.propertyView({
-                  label: trans('rating.allowHalf'),
+                  label: trans("rating.allowHalf"),
                 })}
               </Section>
             </>
           )}
 
-          {['layout', 'both'].includes(
-            useContext(EditorContext).editorModeStatus
-          ) && children.label.getPropertyView()}
+          {["layout", "both"].includes(useContext(EditorContext).editorModeStatus) && (
+            children.label.getPropertyView()
+          )}
 
-          {['layout', 'both'].includes(
-            useContext(EditorContext).editorModeStatus
-          ) && (
+          {["layout", "both"].includes(useContext(EditorContext).editorModeStatus) && (
             <>
               <Section name={sectionNames.style}>
                 {children.style.getPropertyView()}
@@ -168,8 +142,8 @@ const RatingBasicComp = (function () {
 })();
 
 export const RatingComp = withExposingConfigs(RatingBasicComp, [
-  new NameConfig('value', trans('export.ratingValueDesc')),
-  new NameConfig('max', trans('export.ratingMaxDesc')),
+  new NameConfig("value", trans("export.ratingValueDesc")),
+  new NameConfig("max", trans("export.ratingMaxDesc")),
   ...CommonNameConfig,
 ]);
 
@@ -191,6 +165,6 @@ const getStyle = (style: RatingStyleType) => {
   `;
 };
 
-export const RateStyled = styled(Rate)<{$style: RatingStyleType}>`
+export const RateStyled = styled(Rate) <{ $style: RatingStyleType }>`
   ${(props) => props.$style && getStyle(props.$style)}
 `;