Prettier 2.0 (#393)

src/Explorer/Controls/Settings/SettingsRenderUtils.tsx

@@ -9,7 +9,7 @@ import {
   getMultimasterMultiplier,
   computeRUUsagePriceHourly,
   getPricePerRu,
-  estimatedCostDisclaimer
+  estimatedCostDisclaimer,
 } from "../../../Utils/PricingUtils";
 import {
   ITextFieldStyles,
@@ -38,7 +38,7 @@ import {
   DetailsListLayoutMode,
   IDetailsRowProps,
   DetailsRow,
-  IDetailsColumnStyles
+  IDetailsColumnStyles,
 } from "office-ui-fabric-react";
 import { isDirtyTypes, isDirty } from "./SettingsUtils";
 
@@ -71,49 +71,49 @@ export const infoAndToolTipTextStyle: ITextStyles = { root: { fontSize: 14 } };
 export const noLeftPaddingCheckBoxStyle: ICheckboxStyles = {
   label: {
     margin: 0,
-    padding: "2 0 2 0"
+    padding: "2 0 2 0",
   },
   text: {
-    fontSize: 12
-  }
+    fontSize: 12,
+  },
 };
 
 export const subComponentStackProps: Partial<IStackProps> = {
-  tokens: { childrenGap: 20 }
+  tokens: { childrenGap: 20 },
 };
 
 export const titleAndInputStackProps: Partial<IStackProps> = {
-  tokens: { childrenGap: 5 }
+  tokens: { childrenGap: 5 },
 };
 
 export const mongoWarningStackProps: Partial<IStackProps> = {
-  tokens: { childrenGap: 5 }
+  tokens: { childrenGap: 5 },
 };
 
 export const mongoErrorMessageStyles: Partial<IMessageBarStyles> = { root: { marginLeft: 10 } };
 
 export const createAndAddMongoIndexStackProps: Partial<IStackProps> = {
-  tokens: { childrenGap: 5 }
+  tokens: { childrenGap: 5 },
 };
 
 export const addMongoIndexStackProps: Partial<IStackProps> = {
-  tokens: { childrenGap: 10 }
+  tokens: { childrenGap: 10 },
 };
 
 export const checkBoxAndInputStackProps: Partial<IStackProps> = {
-  tokens: { childrenGap: 10 }
+  tokens: { childrenGap: 10 },
 };
 
 export const toolTipLabelStackTokens: IStackTokens = {
-  childrenGap: 6
+  childrenGap: 6,
 };
 
 export const accordionStackTokens: IStackTokens = {
-  childrenGap: 10
+  childrenGap: 10,
 };
 
 export const addMongoIndexSubElementsTokens: IStackTokens = {
-  childrenGap: 20
+  childrenGap: 20,
 };
 
 export const accordionIconStyles: IIconStyles = { root: { paddingTop: 7 } };
@@ -128,30 +128,30 @@ export const transparentDetailsRowStyles: Partial<IDetailsRowStyles> = {
   root: {
     selectors: {
       ":hover": {
-        background: "transparent"
-      }
-    }
-  }
+        background: "transparent",
+      },
+    },
+  },
 };
 
 export const transparentDetailsHeaderStyle: Partial<IDetailsColumnStyles> = {
   root: {
     selectors: {
       ":hover": {
-        background: "transparent"
-      }
-    }
-  }
+        background: "transparent",
+      },
+    },
+  },
 };
 
 export const customDetailsListStyles: Partial<IDetailsListStyles> = {
   root: {
     selectors: {
       ".ms-FocusZone": {
-        paddingTop: 0
-      }
-    }
-  }
+        paddingTop: 0,
+      },
+    },
+  },
 };
 
 export const separatorStyles: Partial<ISeparatorStyles> = {
@@ -159,16 +159,16 @@ export const separatorStyles: Partial<ISeparatorStyles> = {
     {
       selectors: {
         "::before": {
-          background: StyleConstants.BaseMedium
-        }
-      }
-    }
-  ]
+          background: StyleConstants.BaseMedium,
+        },
+      },
+    },
+  ],
 };
 
 export const messageBarStyles: Partial<IMessageBarStyles> = {
   root: { marginTop: "5px", backgroundColor: "white" },
-  text: { fontSize: 14 }
+  text: { fontSize: 14 },
 };
 
 export const throughputUnit = "RU/s";
@@ -224,7 +224,7 @@ export const getRuPriceBreakdown = (
     requestUnits: throughput,
     numberOfRegions: numberOfRegions,
     multimasterEnabled: isMultimaster,
-    isAutoscale: isAutoscale
+    isAutoscale: isAutoscale,
   });
   const basePricePerRu: number = isAutoscale
     ? getAutoscalePricePerRu(serverId, getMultimasterMultiplier(numberOfRegions, isMultimaster))
@@ -235,7 +235,7 @@ export const getRuPriceBreakdown = (
     monthlyPrice: hourlyPrice * hoursInAMonth,
     pricePerRu: basePricePerRu * getMultimasterMultiplier(numberOfRegions, isMultimaster),
     currency: getPriceCurrency(serverId),
-    currencySign: getCurrencySign(serverId)
+    currencySign: getCurrencySign(serverId),
   };
 };
 
@@ -488,10 +488,10 @@ export const getTextFieldStyles = (current: isDirtyTypes, baseline: isDirtyTypes
     selectors: {
       ":disabled": {
         backgroundColor: StyleConstants.BaseMedium,
-        borderColor: StyleConstants.BaseMediumHigh
-      }
-    }
-  }
+        borderColor: StyleConstants.BaseMediumHigh,
+      },
+    },
+  },
 });
 
 export const getChoiceGroupStyles = (current: isDirtyTypes, baseline: isDirtyTypes): Partial<IChoiceGroupStyles> => ({
@@ -499,18 +499,18 @@ export const getChoiceGroupStyles = (current: isDirtyTypes, baseline: isDirtyTyp
     {
       selectors: {
         ".ms-ChoiceField-field.is-checked::before": {
-          borderColor: isDirty(current, baseline) ? StyleConstants.Dirty : ""
+          borderColor: isDirty(current, baseline) ? StyleConstants.Dirty : "",
         },
         ".ms-ChoiceField-field.is-checked::after": {
-          borderColor: isDirty(current, baseline) ? StyleConstants.Dirty : ""
+          borderColor: isDirty(current, baseline) ? StyleConstants.Dirty : "",
         },
         ".ms-ChoiceField-wrapper label": {
           whiteSpace: "nowrap",
           fontSize: 14,
           fontFamily: StyleConstants.DataExplorerFont,
-          padding: "2px 5px"
-        }
-      }
-    }
-  ]
+          padding: "2px 5px",
+        },
+      },
+    },
+  ],
 });