Prettier 2.0 (#393)

src/Explorer/Controls/SmartUi/SmartUiComponent.test.tsx

@@ -10,8 +10,8 @@ describe("SmartUiComponent", () => {
         message: "Start at $24/mo per database",
         link: {
           href: "https://aka.ms/azure-cosmos-db-pricing",
-          text: "More Details"
-        }
+          text: "More Details",
+        },
       },
       children: [
         {
@@ -24,8 +24,8 @@ describe("SmartUiComponent", () => {
             max: 500,
             step: 10,
             defaultValue: 400,
-            uiType: UiType.Spinner
-          }
+            uiType: UiType.Spinner,
+          },
         },
         {
           id: "throughput2",
@@ -37,8 +37,8 @@ describe("SmartUiComponent", () => {
             max: 500,
             step: 10,
             defaultValue: 400,
-            uiType: UiType.Slider
-          }
+            uiType: UiType.Slider,
+          },
         },
         {
           id: "throughput3",
@@ -51,16 +51,16 @@ describe("SmartUiComponent", () => {
             step: 10,
             defaultValue: 400,
             uiType: UiType.Spinner,
-            errorMessage: "label, truelabel and falselabel are required for boolean input 'throughput3'"
-          }
+            errorMessage: "label, truelabel and falselabel are required for boolean input 'throughput3'",
+          },
         },
         {
           id: "containerId",
           input: {
             label: "Container id",
             dataFieldName: "containerId",
-            type: "string"
-          }
+            type: "string",
+          },
         },
         {
           id: "analyticalStore",
@@ -70,8 +70,8 @@ describe("SmartUiComponent", () => {
             falseLabel: "Disabled",
             defaultValue: true,
             dataFieldName: "analyticalStore",
-            type: "boolean"
-          }
+            type: "boolean",
+          },
         },
         {
           id: "database",
@@ -82,20 +82,20 @@ describe("SmartUiComponent", () => {
             choices: [
               { label: "Database 1", key: "db1" },
               { label: "Database 2", key: "db2" },
-              { label: "Database 3", key: "db3" }
+              { label: "Database 3", key: "db3" },
             ],
-            defaultKey: "db2"
-          }
-        }
-      ]
-    }
+            defaultKey: "db2",
+          },
+        },
+      ],
+    },
   };
 
   it("should render", async () => {
     const wrapper = shallow(
       <SmartUiComponent descriptor={exampleData} currentValues={new Map()} onInputChange={undefined} />
     );
-    await new Promise(resolve => setTimeout(resolve, 0));
+    await new Promise((resolve) => setTimeout(resolve, 0));
     expect(wrapper).toMatchSnapshot();
   });
 });

src/Explorer/Controls/SmartUi/SmartUiComponent.tsx

@@ -23,7 +23,7 @@ export type InputTypeValue = "number" | "string" | "boolean" | "object";
 
 export enum UiType {
   Spinner = "Spinner",
-  Slider = "Slider"
+  Slider = "Slider",
 }
 
 export type ChoiceItem = { label: string; key: string };
@@ -101,13 +101,13 @@ export class SmartUiComponent extends React.Component<SmartUiComponentProps, Sma
   private static readonly labelStyle = {
     color: "#393939",
     fontFamily: "wf_segoe-ui_normal, 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif",
-    fontSize: 12
+    fontSize: 12,
   };
 
   constructor(props: SmartUiComponentProps) {
     super(props);
     this.state = {
-      errors: new Map()
+      errors: new Map(),
     };
   }
 
@@ -140,10 +140,10 @@ export class SmartUiComponent extends React.Component<SmartUiComponentProps, Sma
               label: {
                 root: {
                   ...SmartUiComponent.labelStyle,
-                  fontWeight: 600
-                }
-              }
-            }
+                  fontWeight: 600,
+                },
+              },
+            },
           }}
         />
       </div>
@@ -200,7 +200,7 @@ export class SmartUiComponent extends React.Component<SmartUiComponentProps, Sma
       min: min,
       max: max,
       ariaLabel: label,
-      step: step
+      step: step,
     };
 
     const value = this.props.currentValues.get(dataFieldName) as number;
@@ -211,15 +211,15 @@ export class SmartUiComponent extends React.Component<SmartUiComponentProps, Sma
             {...props}
             id={`${input.dataFieldName}-spinner-input`}
             value={value?.toString()}
-            onValidate={newValue => this.onValidate(input, newValue, props.min, props.max)}
-            onIncrement={newValue => this.onIncrement(input, newValue, props.step, props.max)}
-            onDecrement={newValue => this.onDecrement(input, newValue, props.step, props.min)}
+            onValidate={(newValue) => this.onValidate(input, newValue, props.min, props.max)}
+            onIncrement={(newValue) => this.onIncrement(input, newValue, props.step, props.max)}
+            onDecrement={(newValue) => this.onDecrement(input, newValue, props.step, props.min)}
             labelPosition={Position.top}
             styles={{
               label: {
                 ...SmartUiComponent.labelStyle,
-                fontWeight: 600
-              }
+                fontWeight: 600,
+              },
             }}
           />
           {this.state.errors.has(dataFieldName) && (
@@ -233,13 +233,13 @@ export class SmartUiComponent extends React.Component<SmartUiComponentProps, Sma
           <Slider
             {...props}
             value={value}
-            onChange={newValue => this.props.onInputChange(input, newValue)}
+            onChange={(newValue) => this.props.onInputChange(input, newValue)}
             styles={{
               titleLabel: {
                 ...SmartUiComponent.labelStyle,
-                fontWeight: 600
+                fontWeight: 600,
               },
-              valueLabel: SmartUiComponent.labelStyle
+              valueLabel: SmartUiComponent.labelStyle,
             }}
           />
         </div>
@@ -264,13 +264,13 @@ export class SmartUiComponent extends React.Component<SmartUiComponentProps, Sma
             {
               label: input.falseLabel,
               key: "false",
-              onSelect: () => this.props.onInputChange(input, false)
+              onSelect: () => this.props.onInputChange(input, false),
             },
             {
               label: input.trueLabel,
               key: "true",
-              onSelect: () => this.props.onInputChange(input, true)
-            }
+              onSelect: () => this.props.onInputChange(input, true),
+            },
           ]}
           selectedKey={selectedKey}
         />
@@ -288,16 +288,16 @@ export class SmartUiComponent extends React.Component<SmartUiComponentProps, Sma
         selectedKey={value ? value : defaultKey}
         onChange={(_, item: IDropdownOption) => this.props.onInputChange(input, item.key.toString())}
         placeholder={placeholder}
-        options={choices.map(c => ({
+        options={choices.map((c) => ({
           key: c.key,
-          text: c.label
+          text: c.label,
         }))}
         styles={{
           label: {
             ...SmartUiComponent.labelStyle,
-            fontWeight: 600
+            fontWeight: 600,
           },
-          dropdown: SmartUiComponent.labelStyle
+          dropdown: SmartUiComponent.labelStyle,
         }}
       />
     );
@@ -334,7 +334,7 @@ export class SmartUiComponent extends React.Component<SmartUiComponentProps, Sma
           {node.info && this.renderInfo(node.info as Info)}
           {node.input && this.renderInput(node.input)}
         </Stack.Item>
-        {node.children && node.children.map(child => <div key={child.id}>{this.renderNode(child)}</div>)}
+        {node.children && node.children.map((child) => <div key={child.id}>{this.renderNode(child)}</div>)}
       </Stack>
     );
   }