style: ran prettier aftering upgrading to v2.3.0

Author: mlaursen

changelog.config.js

@@ -77,7 +77,8 @@ const parserOpts = {
   headerPattern: /^(\w*)(?:\((.*)\))?: (.*)$/,
   headerCorrespondence: ['type', 'scope', 'subject'],
   noteKeywords: ['BREAKING CHANGE'],
-  revertPattern: /^(?:Revert|revert:)\s"?([\s\S]+?)"?\s*This reverts commit (\w*)\./i,
+  revertPattern:
+    /^(?:Revert|revert:)\s"?([\s\S]+?)"?\s*This reverts commit (\w*)\./i,
   revertCorrespondence: ['header', 'hash'],
 };
 

packages/alert/src/SnackbarQueue.tsx

@@ -128,8 +128,9 @@ function SnackbarQueueT<M extends ToastMessage = ToastMessage>(
   );
 }
 
-export const SnackbarQueue = forwardRef<
-  HTMLDivElement,
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  SnackbarQueueProps<any>
->(SnackbarQueueT);
+export const SnackbarQueue =
+  forwardRef<
+    HTMLDivElement,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    SnackbarQueueProps<any>
+  >(SnackbarQueueT);

packages/alert/src/__tests__/useMessageQueue.ts

@@ -109,21 +109,21 @@ describe("handleAddMessage", () => {
         message1,
         message1,
       ]);
-      expect(
-        handleAddMessage([message1, message2], message1, "allow")
-      ).toEqual([message1, message2, message1]);
+      expect(handleAddMessage([message1, message2], message1, "allow")).toEqual(
+        [message1, message2, message1]
+      );
     });
 
     it("should add all new messages to the end of the queue when duplicates are allowed", () => {
       const message1: Message = {};
       const message2: Message = { messageId: "message-2" };
       const message3: Message = { messageId: "message-3" };
-      expect(
-        handleAddMessage([message1, message2], message3, "allow")
-      ).toEqual([message1, message2, message3]);
-      expect(
-        handleAddMessage([message1, message2], message1, "allow")
-      ).toEqual([message1, message2, message1]);
+      expect(handleAddMessage([message1, message2], message3, "allow")).toEqual(
+        [message1, message2, message3]
+      );
+      expect(handleAddMessage([message1, message2], message1, "allow")).toEqual(
+        [message1, message2, message1]
+      );
       expect(handleAddMessage([message1], message1, "allow")).toEqual([
         message1,
         message1,

packages/autocomplete/src/useAutoComplete.ts

@@ -418,32 +418,26 @@ export function useAutoComplete({
     onOutsideClick: hide,
   });
 
-  const {
-    style,
-    onEnter,
-    onEntering,
-    onEntered,
-    onExited,
-    updateStyle,
-  } = useFixedPositioning({
-    fixedTo: () => ref.current,
-    anchor,
-    onScroll(_event, { visible }) {
-      if (closeOnScroll || !visible) {
-        hide();
-      }
-    },
-    onResize: closeOnResize ? hide : undefined,
-    width: listboxWidth,
-    xMargin,
-    yMargin,
-    vwMargin,
-    vhMargin,
-    transformOrigin,
-    preventOverlap,
-    disableSwapping,
-    disableVHBounds,
-  });
+  const { style, onEnter, onEntering, onEntered, onExited, updateStyle } =
+    useFixedPositioning({
+      fixedTo: () => ref.current,
+      anchor,
+      onScroll(_event, { visible }) {
+        if (closeOnScroll || !visible) {
+          hide();
+        }
+      },
+      onResize: closeOnResize ? hide : undefined,
+      width: listboxWidth,
+      xMargin,
+      yMargin,
+      vwMargin,
+      vhMargin,
+      transformOrigin,
+      preventOverlap,
+      disableSwapping,
+      disableVHBounds,
+    });
 
   useEffect(() => {
     if (!focused.current || autocompleted.current) {

packages/dev-utils/src/indexer/index.ts

@@ -25,15 +25,17 @@ export async function indexer(): Promise<void> {
   const { tocs, metadata } = await generate(routes);
   const meta = join(documentationRoot, src, "constants", "meta");
   const tocsPath = join(meta, "tocs.ts");
-  const tocsContents = format(`${COPY_BANNER}import { TOCRecord } from "./types";
+  const tocsContents =
+    format(`${COPY_BANNER}import { TOCRecord } from "./types";
 
 const tocs: TOCRecord = ${JSON.stringify(tocs, null, 2)};
 
 export default tocs`);
   await writeFile(tocsPath, tocsContents);
 
   const searchPath = join(meta, "search.ts");
-  const searchContents = format(`${COPY_BANNER}import { RouteMetadata } from "./types";
+  const searchContents =
+    format(`${COPY_BANNER}import { RouteMetadata } from "./types";
 
 const metadata: readonly RouteMetadata[] = ${JSON.stringify(metadata, null, 2)};
 

packages/dialog/src/FixedDialog.tsx

@@ -70,25 +70,20 @@ export const FixedDialog = forwardRef<HTMLDivElement, FixedDialogProps>(
   ) {
     const { onRequestClose } = props;
 
-    const {
-      style,
-      onEnter,
-      onEntering,
-      onEntered,
-      onExited,
-    } = useFixedPositioning({
-      style: propStyle,
-      transformOrigin: true,
-      ...options,
-      onScroll: (_event, { visible }) => {
-        if (!visible) {
-          onRequestClose();
-        }
-      },
-      fixedTo,
-      anchor,
-      getOptions,
-    });
+    const { style, onEnter, onEntering, onEntered, onExited } =
+      useFixedPositioning({
+        style: propStyle,
+        transformOrigin: true,
+        ...options,
+        onScroll: (_event, { visible }) => {
+          if (!visible) {
+            onRequestClose();
+          }
+        },
+        fixedTo,
+        anchor,
+        getOptions,
+      });
 
     return (
       <Dialog

packages/documentation/src/components/ColorsAndTheming/ThemeBuilder/ThemeConfiguration.tsx

@@ -62,20 +62,14 @@ export default function ThemeConfiguration({
   primaryColor,
   secondaryColor,
 }: ThemeConfigurationProps): ReactElement {
-  const {
-    setPrimary,
-    setSecondary,
-    setAccent,
-    toggleTheme,
-    reset,
-  } = useThemeActions();
+  const { setPrimary, setSecondary, setAccent, toggleTheme, reset } =
+    useThemeActions();
 
   // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(() => () => reset(), []);
   const variables = useThemeVariables(primaryColor, secondaryColor);
-  const [compliance, setCompliance] = useState<ContrastRatioCompliance>(
-    "large"
-  );
+  const [compliance, setCompliance] =
+    useState<ContrastRatioCompliance>("large");
   const handleComplianceChange = useCallback(
     (compliance: string) =>
       setCompliance(compliance as ContrastRatioCompliance),

packages/documentation/src/components/DemoSandbox/__tests__/DemoSandbox.tsx

@@ -42,8 +42,7 @@ describe("DemoSandbox", () => {
       ...router,
       query: {
         ...router.query,
-        from:
-          "http://im-a-bad-website.com/packages/tree/demos#single-select-tree-demo-title",
+        from: "http://im-a-bad-website.com/packages/tree/demos#single-select-tree-demo-title",
       },
     };
     rerender(<DemoSandbox sandbox={sandbox} />, { router: badRouter });

packages/documentation/src/components/Demos/AutoComplete/DessertTable.tsx

@@ -15,17 +15,8 @@ export default function DessertTable({
     return null;
   }
 
-  const {
-    name,
-    type,
-    calories,
-    fat,
-    carbs,
-    protein,
-    sodium,
-    calcium,
-    iron,
-  } = dessert;
+  const { name, type, calories, fat, carbs, protein, sodium, calcium, iron } =
+    dessert;
 
   return (
     <CrossFade key={name}>

packages/documentation/src/components/Demos/Form/TextFieldThemeConfig.tsx

@@ -59,10 +59,8 @@ export default function TextFieldThemeConfig({
   const [readOnly, handleReadOnlyChange, setReadOnly] = useChecked(false);
   const [error, handleErrorChange, setError] = useChecked(false);
   const [disabled, handleDisabledChange] = useChecked(false);
-  const [
-    underlineDirection,
-    setUnderlineDirection,
-  ] = useSelectState<FormUnderlineDirection>("left");
+  const [underlineDirection, setUnderlineDirection] =
+    useSelectState<FormUnderlineDirection>("left");
   const [currentTheme, handleThemeChange] = useChoice<FormTheme>(
     "outline",
     (event) => {