formating removed-43

Author: MenamAfzal

client/packages/lowcoder/src/comps/comps/jsonComp/jsonExplorerComp.tsx

@@ -1,49 +1,38 @@
-import {Section, sectionNames} from 'lowcoder-design';
-import {UICompBuilder, withDefault} from '../../generators';
-import {
-  NameConfigHidden,
-  NameConfig,
-  withExposingConfigs,
-} from '../../generators/withExposing';
-import ReactJson, {type ThemeKeys} from 'react-json-view';
-import {defaultData} from './jsonConstants';
-import styled from 'styled-components';
-import {BoolControl} from 'comps/controls/boolControl';
-import {dropdownControl} from 'comps/controls/dropdownControl';
-import {
-  ArrayOrJSONObjectControl,
-  NumberControl,
-} from 'comps/controls/codeControl';
-import {hiddenPropertyView} from 'comps/utils/propertyUtils';
-import {trans} from 'i18n';
-import {EditorContext} from 'comps/editorState';
-import {useContext} from 'react';
-import {
-  AnimationStyle,
-  AnimationStyleType,
-  styleControl,
-} from '@lowcoder-ee/index.sdk';
+import { Section, sectionNames } from "lowcoder-design";
+import { UICompBuilder, withDefault } from "../../generators";
+import { NameConfigHidden, NameConfig, withExposingConfigs } from "../../generators/withExposing";
+import ReactJson, { type ThemeKeys } from "react-json-view";
+import { defaultData } from "./jsonConstants";
+import styled from "styled-components";
+import { BoolControl } from "comps/controls/boolControl";
+import { dropdownControl } from "comps/controls/dropdownControl";
+import { ArrayOrJSONObjectControl, NumberControl } from "comps/controls/codeControl";
+import { hiddenPropertyView } from "comps/utils/propertyUtils";
+import { trans } from "i18n";
+import { EditorContext } from "comps/editorState";
+import { useContext } from "react";
+import { AnimationStyle, AnimationStyleType, styleControl } from "@lowcoder-ee/index.sdk";
 
 /**
  * JsonExplorer Comp
  */
 
 const themeOptions = [
-  {label: trans('jsonExplorer.default'), value: 'shapeshifter:inverted'},
-  {label: trans('jsonExplorer.defaultDark'), value: 'shapeshifter'},
-  {label: trans('jsonExplorer.neutralLight'), value: 'grayscale:inverted'},
-  {label: trans('jsonExplorer.neutralDark'), value: 'grayscale'},
-  {label: trans('jsonExplorer.azure'), value: 'apathy:inverted'},
-  {label: trans('jsonExplorer.darkBlue'), value: 'flat'},
+  { label: trans("jsonExplorer.default"), value: "shapeshifter:inverted" },
+  { label: trans("jsonExplorer.defaultDark"), value: "shapeshifter" },
+  { label: trans("jsonExplorer.neutralLight"), value: "grayscale:inverted" },
+  { label: trans("jsonExplorer.neutralDark"), value: "grayscale" },
+  { label: trans("jsonExplorer.azure"), value: "apathy:inverted" },
+  { label: trans("jsonExplorer.darkBlue"), value: "flat" },
 ];
 
 const bgColorMap = {
-  'shapeshifter:inverted': '#ffffff',
-  shapeshifter: '#000000',
-  'grayscale:inverted': '#ffffff',
-  grayscale: '#000000',
-  'apathy:inverted': '#efffff',
-  flat: '#2c3e50',
+  "shapeshifter:inverted": "#ffffff",
+  shapeshifter: "#000000",
+  "grayscale:inverted": "#ffffff",
+  grayscale: "#000000",
+  "apathy:inverted": "#efffff",
+  flat: "#2c3e50",
 };
 
 const JsonExplorerContainer = styled.div<{
@@ -68,7 +57,7 @@ let JsonExplorerTmpComp = (function () {
     indent: withDefault(NumberControl, 4),
     expandToggle: BoolControl.DEFAULT_TRUE,
     theme: dropdownControl(themeOptions, 'shapeshifter:inverted'),
-    animationStyle: styleControl(AnimationStyle),
+    animationStyle:styleControl(AnimationStyle),
   };
   return new UICompBuilder(childrenMap, (props) => (
     <JsonExplorerContainer
@@ -139,6 +128,6 @@ JsonExplorerTmpComp = class extends JsonExplorerTmpComp {
 };
 
 export const JsonExplorerComp = withExposingConfigs(JsonExplorerTmpComp, [
-  new NameConfig('value', trans('jsonExplorer.valueDesc')),
+  new NameConfig("value", trans("jsonExplorer.valueDesc")),
   NameConfigHidden,
 ]);