Update prettier to latest version and format all files (microsoft#18041)

ling1726 · May 20, 2021 · 505db08 · 505db08
1 parent 630b71c
commit 505db08
Show file tree

Hide file tree

Showing 300 changed files with 2,354 additions and 3,236 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -50,7 +50,6 @@ gitignore
 *.sh
 *.svg
 *.txt
-*.mdx
 .gitkeep
 *__tmpl__
 *__template__

diff --git a/apps/codesandbox-react-northstar-template/package.json b/apps/codesandbox-react-northstar-template/package.json
@@ -19,7 +19,7 @@
   "dependencies": {
     "@fluentui/code-sandbox": "^0.54.0",
     "@fluentui/react-northstar": "^0.54.0",
-    "prettier": "1.19.1",
+    "prettier": "2.2.1",
     "react": "16.8.6",
     "react-dom": "16.8.6",
     "tslib": "^2.1.0"

diff --git a/apps/perf-test/src/scenarios/Avatar.tsx b/apps/perf-test/src/scenarios/Avatar.tsx
@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { Avatar } from '@fluentui/react-avatar';
-import { FluentProvider } from '@fluentui/react-provider';
-import { webLightTheme } from '@fluentui/react-theme';
-
-const Scenario = () => <Avatar />;
-
-Scenario.decorator = (props: { children: React.ReactNode }) => (
-  <FluentProvider theme={webLightTheme}>{props.children}</FluentProvider>
-);
-
-export default Scenario;
+import * as React from 'react';
+import { Avatar } from '@fluentui/react-avatar';
+import { FluentProvider } from '@fluentui/react-provider';
+import { webLightTheme } from '@fluentui/react-theme';
+
+const Scenario = () => <Avatar />;
+
+Scenario.decorator = (props: { children: React.ReactNode }) => (
+  <FluentProvider theme={webLightTheme}>{props.children}</FluentProvider>
+);
+
+export default Scenario;
diff --git a/apps/pr-deploy-site/pr-deploy-site.js b/apps/pr-deploy-site/pr-deploy-site.js
@@ -83,7 +83,7 @@ if (hrefMatch) {
 
 var siteLink = document.getElementById('site-list');
 
-siteInfo.forEach(function(info) {
+siteInfo.forEach(function (info) {
   if (packages.indexOf(info.package) > -1) {
     var li = document.createElement('LI');
     li.className = 'Tile';

diff --git a/apps/public-docsite/src/pages/Styles/Colors/getColorsImplementation.tsx b/apps/public-docsite/src/pages/Styles/Colors/getColorsImplementation.tsx
@@ -16,9 +16,7 @@ export function getColorsImplementation(
   jsColorName: string,
   scssColorName: string,
 ): IPageSectionProps<Platforms> {
-  const colorsMarkdown = require<
-    string
-  >('!raw-loader?esModule=false!@fluentui/public-docsite/src/pages/Styles/Colors/docs/web/ColorsImplementation.md')
+  const colorsMarkdown = require<string>('!raw-loader?esModule=false!@fluentui/public-docsite/src/pages/Styles/Colors/docs/web/ColorsImplementation.md')
     .replace(/CommunicationColors\.primary/g, `${jsColorGroup}.${jsColorName}`)
     .replace(/CommunicationColors/g, jsColorGroup)
     .replace(/communicationPrimary/g, scssColorName);

diff --git a/apps/public-docsite/webpack.config.js b/apps/public-docsite/webpack.config.js
@@ -13,7 +13,7 @@ const { getLoadSiteConfig } = require('@fluentui/public-docsite-setup/scripts/ge
  * @param {Record<string, any>} argv map of command line arguments
  * @returns {import('webpack').Configuration[]}
  */
-module.exports = function(env, argv) {
+module.exports = function (env, argv) {
   const version = require('./package.json').version;
   // production mode is either coming from env variable, CLI argument as mode or production
   const isProductionArg =

diff --git a/apps/vr-tests/screener.config.js b/apps/vr-tests/screener.config.js
@@ -17,11 +17,7 @@ function getCurrentHash() {
 
     if (buffer) {
       // The command returns a list of hashes, the last one is the one we want
-      return buffer
-        .toString()
-        .trim()
-        .split(' ')
-        .pop();
+      return buffer.toString().trim().split(' ').pop();
     }
   } catch (e) {
     console.error('Cannot get current git hash');

diff --git a/apps/vr-tests/src/stories/Accordion.stories.tsx b/apps/vr-tests/src/stories/Accordion.stories.tsx
@@ -1,144 +1,144 @@
-import { storiesOf } from '@storybook/react';
-import * as React from 'react';
-import Screener from 'screener-storybook/src/screener';
-import {
-  Accordion,
-  AccordionItem,
-  AccordionHeader,
-  AccordionPanel,
-} from '@fluentui/react-accordion';
-import { CircleRingIcon } from '@fluentui/react-icons-mdl2';
-
-import { FluentProviderDecorator } from '../utilities/index';
-
-storiesOf('Accordion', module)
-  .addDecorator(story => (
-    <Screener
-      steps={new Screener.Steps()
-        .snapshot('normal', { cropTo: '.testWrapper' })
-        .focus('#opened-btn')
-        .snapshot('focus opened', { cropTo: '.testWrapper' })
-        .focus('#closed-btn')
-        .snapshot('focus closed', { cropTo: '.testWrapper' })
-        .end()}
-    >
-      <div className="testWrapper" style={{ width: '300px' }}>
-        {story()}
-      </div>
-    </Screener>
-  ))
-  .addDecorator(FluentProviderDecorator)
-  .addStory('visibility+focus', () => (
-    <Accordion index={[0]}>
-      <AccordionItem>
-        <AccordionHeader button={{ id: 'opened-btn' }}>Opened</AccordionHeader>
-        <AccordionPanel>Opened Panel</AccordionPanel>
-      </AccordionItem>
-      <AccordionItem>
-        <AccordionHeader button={{ id: 'closed-btn' }}>Closed</AccordionHeader>
-        <AccordionPanel>Closed Panel</AccordionPanel>
-      </AccordionItem>
-    </Accordion>
-  ));
-
-storiesOf('Accordion', module)
-  .addDecorator(story => (
-    <Screener steps={new Screener.Steps().snapshot('normal', { cropTo: '.testWrapper' }).end()}>
-      <div className="testWrapper" style={{ width: '300px' }}>
-        {story()}
-      </div>
-    </Screener>
-  ))
-  .addDecorator(FluentProviderDecorator)
-  .addStory('size', () => (
-    <Accordion index={[0, 1, 2, 3]}>
-      <AccordionItem>
-        <AccordionHeader size="small">Small</AccordionHeader>
-        <AccordionPanel>Small Panel</AccordionPanel>
-      </AccordionItem>
-      <AccordionItem>
-        <AccordionHeader size="medium">Medium</AccordionHeader>
-        <AccordionPanel>Medium Panel</AccordionPanel>
-      </AccordionItem>
-      <AccordionItem>
-        <AccordionHeader size="large">Large</AccordionHeader>
-        <AccordionPanel>Large Panel</AccordionPanel>
-      </AccordionItem>
-      <AccordionItem>
-        <AccordionHeader size="extra-large">Extra Large</AccordionHeader>
-        <AccordionPanel>Extra Large Panel</AccordionPanel>
-      </AccordionItem>
-    </Accordion>
-  ))
-  .addStory('expandIconPosition="end"', () => (
-    <Accordion expandIconPosition="end" index={[0]}>
-      <AccordionItem>
-        <AccordionHeader>Opened</AccordionHeader>
-        <AccordionPanel>Visible Panel</AccordionPanel>
-      </AccordionItem>
-      <AccordionItem>
-        <AccordionHeader>Closed</AccordionHeader>
-        <AccordionPanel>Hidden Panel</AccordionPanel>
-      </AccordionItem>
-    </Accordion>
-  ))
-  .addStory('expandIcon="<Icon/>"', () => (
-    <Accordion index={[]}>
-      <AccordionItem>
-        <AccordionHeader expandIcon={<CircleRingIcon />} expandIconPosition="start">
-          Expand Icon Start
-        </AccordionHeader>
-        <AccordionPanel>Expand Icon Start Panel</AccordionPanel>
-      </AccordionItem>
-      <AccordionItem>
-        <AccordionHeader expandIcon={<CircleRingIcon />} expandIconPosition="end">
-          Expand Icon End
-        </AccordionHeader>
-        <AccordionPanel>Expand Icon End Panel</AccordionPanel>
-      </AccordionItem>
-      <AccordionItem>
-        <AccordionHeader inline expandIcon={<CircleRingIcon />} expandIconPosition="end">
-          Expand Icon Inline End
-        </AccordionHeader>
-        <AccordionPanel>Expand Icon Inline End Panel</AccordionPanel>
-      </AccordionItem>
-    </Accordion>
-  ))
-  .addStory('icon="<Icon/>"', () => (
-    <Accordion index={[]}>
-      <AccordionItem>
-        <AccordionHeader icon={<CircleRingIcon />} expandIconPosition="start">
-          Icon Start
-        </AccordionHeader>
-        <AccordionPanel>Icon Start Panel</AccordionPanel>
-      </AccordionItem>
-      <AccordionItem>
-        <AccordionHeader icon={<CircleRingIcon />} expandIconPosition="end">
-          Icon End
-        </AccordionHeader>
-        <AccordionPanel>Icon End Panel</AccordionPanel>
-      </AccordionItem>
-      <AccordionItem>
-        <AccordionHeader inline icon={<CircleRingIcon />} expandIconPosition="end">
-          Icon Inline End
-        </AccordionHeader>
-        <AccordionPanel>Icon Inline End Panel</AccordionPanel>
-      </AccordionItem>
-    </Accordion>
-  ))
-  .addStory('disabled', () => (
-    <Accordion index={[]}>
-      <AccordionItem disabled>
-        <AccordionHeader>Disabled Item Opened</AccordionHeader>
-        <AccordionPanel>Disabled Item Opened Panel</AccordionPanel>
-      </AccordionItem>
-      <AccordionItem disabled>
-        <AccordionHeader>Disabled Item Closed</AccordionHeader>
-        <AccordionPanel>Disabled Item Closed Panel</AccordionPanel>
-      </AccordionItem>
-      <AccordionItem disabled>
-        <AccordionHeader inline>Disabled Item ClosedInline</AccordionHeader>
-        <AccordionPanel>Disabled Item ClosedInline Panel</AccordionPanel>
-      </AccordionItem>
-    </Accordion>
-  ));
+import { storiesOf } from '@storybook/react';
+import * as React from 'react';
+import Screener from 'screener-storybook/src/screener';
+import {
+  Accordion,
+  AccordionItem,
+  AccordionHeader,
+  AccordionPanel,
+} from '@fluentui/react-accordion';
+import { CircleRingIcon } from '@fluentui/react-icons-mdl2';
+
+import { FluentProviderDecorator } from '../utilities/index';
+
+storiesOf('Accordion', module)
+  .addDecorator(story => (
+    <Screener
+      steps={new Screener.Steps()
+        .snapshot('normal', { cropTo: '.testWrapper' })
+        .focus('#opened-btn')
+        .snapshot('focus opened', { cropTo: '.testWrapper' })
+        .focus('#closed-btn')
+        .snapshot('focus closed', { cropTo: '.testWrapper' })
+        .end()}
+    >
+      <div className="testWrapper" style={{ width: '300px' }}>
+        {story()}
+      </div>
+    </Screener>
+  ))
+  .addDecorator(FluentProviderDecorator)
+  .addStory('visibility+focus', () => (
+    <Accordion index={[0]}>
+      <AccordionItem>
+        <AccordionHeader button={{ id: 'opened-btn' }}>Opened</AccordionHeader>
+        <AccordionPanel>Opened Panel</AccordionPanel>
+      </AccordionItem>
+      <AccordionItem>
+        <AccordionHeader button={{ id: 'closed-btn' }}>Closed</AccordionHeader>
+        <AccordionPanel>Closed Panel</AccordionPanel>
+      </AccordionItem>
+    </Accordion>
+  ));
+
+storiesOf('Accordion', module)
+  .addDecorator(story => (
+    <Screener steps={new Screener.Steps().snapshot('normal', { cropTo: '.testWrapper' }).end()}>
+      <div className="testWrapper" style={{ width: '300px' }}>
+        {story()}
+      </div>
+    </Screener>
+  ))
+  .addDecorator(FluentProviderDecorator)
+  .addStory('size', () => (
+    <Accordion index={[0, 1, 2, 3]}>
+      <AccordionItem>
+        <AccordionHeader size="small">Small</AccordionHeader>
+        <AccordionPanel>Small Panel</AccordionPanel>
+      </AccordionItem>
+      <AccordionItem>
+        <AccordionHeader size="medium">Medium</AccordionHeader>
+        <AccordionPanel>Medium Panel</AccordionPanel>
+      </AccordionItem>
+      <AccordionItem>
+        <AccordionHeader size="large">Large</AccordionHeader>
+        <AccordionPanel>Large Panel</AccordionPanel>
+      </AccordionItem>
+      <AccordionItem>
+        <AccordionHeader size="extra-large">Extra Large</AccordionHeader>
+        <AccordionPanel>Extra Large Panel</AccordionPanel>
+      </AccordionItem>
+    </Accordion>
+  ))
+  .addStory('expandIconPosition="end"', () => (
+    <Accordion expandIconPosition="end" index={[0]}>
+      <AccordionItem>
+        <AccordionHeader>Opened</AccordionHeader>
+        <AccordionPanel>Visible Panel</AccordionPanel>
+      </AccordionItem>
+      <AccordionItem>
+        <AccordionHeader>Closed</AccordionHeader>
+        <AccordionPanel>Hidden Panel</AccordionPanel>
+      </AccordionItem>
+    </Accordion>
+  ))
+  .addStory('expandIcon="<Icon/>"', () => (
+    <Accordion index={[]}>
+      <AccordionItem>
+        <AccordionHeader expandIcon={<CircleRingIcon />} expandIconPosition="start">
+          Expand Icon Start
+        </AccordionHeader>
+        <AccordionPanel>Expand Icon Start Panel</AccordionPanel>
+      </AccordionItem>
+      <AccordionItem>
+        <AccordionHeader expandIcon={<CircleRingIcon />} expandIconPosition="end">
+          Expand Icon End
+        </AccordionHeader>
+        <AccordionPanel>Expand Icon End Panel</AccordionPanel>
+      </AccordionItem>
+      <AccordionItem>
+        <AccordionHeader inline expandIcon={<CircleRingIcon />} expandIconPosition="end">
+          Expand Icon Inline End
+        </AccordionHeader>
+        <AccordionPanel>Expand Icon Inline End Panel</AccordionPanel>
+      </AccordionItem>
+    </Accordion>
+  ))
+  .addStory('icon="<Icon/>"', () => (
+    <Accordion index={[]}>
+      <AccordionItem>
+        <AccordionHeader icon={<CircleRingIcon />} expandIconPosition="start">
+          Icon Start
+        </AccordionHeader>
+        <AccordionPanel>Icon Start Panel</AccordionPanel>
+      </AccordionItem>
+      <AccordionItem>
+        <AccordionHeader icon={<CircleRingIcon />} expandIconPosition="end">
+          Icon End
+        </AccordionHeader>
+        <AccordionPanel>Icon End Panel</AccordionPanel>
+      </AccordionItem>
+      <AccordionItem>
+        <AccordionHeader inline icon={<CircleRingIcon />} expandIconPosition="end">
+          Icon Inline End
+        </AccordionHeader>
+        <AccordionPanel>Icon Inline End Panel</AccordionPanel>
+      </AccordionItem>
+    </Accordion>
+  ))
+  .addStory('disabled', () => (
+    <Accordion index={[]}>
+      <AccordionItem disabled>
+        <AccordionHeader>Disabled Item Opened</AccordionHeader>
+        <AccordionPanel>Disabled Item Opened Panel</AccordionPanel>
+      </AccordionItem>
+      <AccordionItem disabled>
+        <AccordionHeader>Disabled Item Closed</AccordionHeader>
+        <AccordionPanel>Disabled Item Closed Panel</AccordionPanel>
+      </AccordionItem>
+      <AccordionItem disabled>
+        <AccordionHeader inline>Disabled Item ClosedInline</AccordionHeader>
+        <AccordionPanel>Disabled Item ClosedInline Panel</AccordionPanel>
+      </AccordionItem>
+    </Accordion>
+  ));
-Original file line number
+Diff line change
@@ Expand Up / @@ -50,7 +50,6 @@ gitignore @@
     *.sh
     *.svg
     *.txt
-    *.mdx
     .gitkeep
     *__tmpl__
     *__template__
@@ Expand Down @@