setup and run prettier

.eslintrc.js

@@ -1,3 +1,3 @@
 module.exports = {
-  extends: ['@yext/eslint-config', 'plugin:storybook/recommended']
-};
+  extends: ["@yext/eslint-config", "plugin:storybook/recommended"],
+};

.github/workflows/coverage.yml

@@ -1,5 +1,5 @@
 # This workflow will run our tests, generate an lcov code coverage file,
-# and send that coverage to Coveralls 
+# and send that coverage to Coveralls
 
 name: Code Coverage
 

.github/workflows/percy_snapshots.yml

@@ -1,7 +1,6 @@
-
 name: Percy Snapshots
 
-on: 
+on:
   push:
     branches-ignore: dev/*
   pull_request:

.github/workflows/sync_sites_branch.yml

@@ -15,4 +15,4 @@ jobs:
         with:
           source: "${{ github.event.repository.default_branch }}"
           target: "storybook-site"
-          github_token: ${{ secrets.GITHUB_TOKEN }}
+          github_token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/third_party_notices_check.yml

@@ -6,4 +6,4 @@ jobs:
   call_notices_check:
     uses: yext/slapshot-reusable-workflows/.github/workflows/third_party_notices_check.yml@v1
     secrets:
-      REPO_SCOPED_TOKEN: ${{ secrets.BOT_REPO_SCOPED_TOKEN }}
+      REPO_SCOPED_TOKEN: ${{ secrets.BOT_REPO_SCOPED_TOKEN }}

.github/workflows/update_docs.yml

@@ -6,4 +6,4 @@ jobs:
   call_update_docs:
     uses: yext/slapshot-reusable-workflows/.github/workflows/update_docs.yml@v1
     secrets:
-      REPO_SCOPED_TOKEN: ${{ secrets.BOT_REPO_SCOPED_TOKEN }}
+      REPO_SCOPED_TOKEN: ${{ secrets.BOT_REPO_SCOPED_TOKEN }}

.prettierrc.json

@@ -0,0 +1 @@
+{}

.storybook/main.js

@@ -1,24 +1,22 @@
 module.exports = {
-  stories: [
-    "../tests/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
+  stories: ["../tests/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
-    '@storybook/addon-a11y',
+    "@storybook/addon-a11y",
     {
-      name: '@storybook/addon-coverage',
+      name: "@storybook/addon-coverage",
       options: {
         istanbul: {
-          include: ['src/components/**']
-        }
-      }
+          include: ["src/components/**"],
+        },
+      },
     },
   ],
   framework: "@storybook/react",
   core: {
     builder: "@storybook/builder-vite",
   },
-  staticDirs: ['./public'],
-}
+  staticDirs: ["./public"],
+};

.storybook/manager-head.html

@@ -1 +1 @@
-<link rel="icon" href="./yextIcon.svg">
+<link rel="icon" href="./yextIcon.svg" />

.storybook/manager.cjs

@@ -1,5 +1,5 @@
-const { addons } = require('@storybook/addons');
+const { addons } = require("@storybook/addons");
 
 addons.setConfig({
-  theme: require('./yextTheme.cjs')
+  theme: require("./yextTheme.cjs"),
 });

.storybook/preview-head.html

@@ -1,3 +1,3 @@
 <script>
   window.global = window;
-</script>
+</script>

.storybook/preview.js

@@ -1,4 +1,4 @@
-import { runOnly } from './wcagConfig';
+import { runOnly } from "./wcagConfig";
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
@@ -10,14 +10,12 @@ export const parameters = {
   },
   a11y: {
     options: {
-      runOnly
-    }
+      runOnly,
+    },
   },
   options: {
     storySort: {
-      order: [
-        'Address'
-      ],
+      order: ["Address"],
     },
   },
-}
+};

.storybook/test-runner.ts

@@ -1,6 +1,6 @@
-import { injectAxe, checkA11y } from 'axe-playwright';
-import { Page } from 'playwright-core';
-import { runOnly } from './wcagConfig';
+import { injectAxe, checkA11y } from "axe-playwright";
+import { Page } from "playwright-core";
+import { runOnly } from "./wcagConfig";
 
 /**
  * See https://storybook.js.org/docs/react/writing-tests/test-runner#test-hook-api-experimental
@@ -11,11 +11,11 @@ const renderFunctions = {
     await injectAxe(page);
   },
   async postRender(page: Page, context) {
-    await checkA11y(page, '#root', {
+    await checkA11y(page, "#root", {
       axeOptions: {
         runOnly,
         rules: {
-          'color-contrast': { enabled: context.name !== 'Loading' }
+          "color-contrast": { enabled: context.name !== "Loading" },
         },
       },
       detailedReport: true,
@@ -26,4 +26,4 @@ const renderFunctions = {
   },
 };
 
-export default renderFunctions;
+export default renderFunctions;

.storybook/wcagConfig.ts

@@ -1,6 +1,6 @@
-import { axeOptionsConfig } from 'axe-playwright';
+import { axeOptionsConfig } from "axe-playwright";
 
-export const runOnly: axeOptionsConfig['axeOptions']['runOnly'] = {
-  type: 'tag',
-  values: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa']
-};
+export const runOnly: axeOptionsConfig["axeOptions"]["runOnly"] = {
+  type: "tag",
+  values: ["wcag2a", "wcag2aa", "wcag21a", "wcag21aa"],
+};

.storybook/yextTheme.cjs

@@ -1,33 +1,32 @@
-
-const { create } = require('@storybook/theming');
+const { create } = require("@storybook/theming");
 
 module.exports = create({
-  base: 'light',
-  colorPrimary: '#eeeff0',
-  colorSecondary: '#2563eb',
+  base: "light",
+  colorPrimary: "#eeeff0",
+  colorSecondary: "#2563eb",
 
   // UI
-  appBg: '#fafafa',
-  appContentBg: 'white',
-  appBorderColor: '#eeeff0',
+  appBg: "#fafafa",
+  appContentBg: "white",
+  appBorderColor: "#eeeff0",
   appBorderRadius: 6,
 
   // Text colors
-  textColor: 'black',
-  textMutedColor: '#4b5563',
+  textColor: "black",
+  textMutedColor: "#4b5563",
 
   // Toolbar colors
-  barTextColor: '#4b5563',
-  barBg: '#eeeff0',
+  barTextColor: "#4b5563",
+  barBg: "#eeeff0",
 
   // Form
-  inputBg: 'white',
-  inputTextColor: 'black',
-  inputBorder: '#9ca3af',
+  inputBg: "white",
+  inputTextColor: "black",
+  inputBorder: "#9ca3af",
   inputBorderRadius: 4,
 
   // Brand logo
-  brandTitle: 'Yext Component Library',
-  brandUrl: 'https://github.com/yext/search-ui-react',
-  brandImage: './logo.png'
-});
+  brandTitle: "Yext Component Library",
+  brandUrl: "https://github.com/yext/search-ui-react",
+  brandImage: "./logo.png",
+});

.stylelintrc.json

@@ -1,7 +1,5 @@
 {
-  "plugins": [
-    "stylelint-scss"
-  ],
+  "plugins": ["stylelint-scss"],
   "rules": {
     "color-no-invalid-hex": true,
     "function-calc-no-invalid": true,
@@ -18,4 +16,4 @@
     "scss/at-import-no-partial-leading-underscore": true,
     "scss/at-import-partial-extension": "never"
   }
-}
+}

babel.config.js

@@ -1,7 +1,7 @@
 // Needed for es6 imports and TS support in jest
 module.exports = {
   presets: [
-    ['@babel/preset-env', { targets: { node: 'current' } }],
-    '@babel/preset-typescript',
+    ["@babel/preset-env", { targets: { node: "current" } }],
+    "@babel/preset-typescript",
   ],
-};
+};

tsconfig.cjs.json

@@ -4,4 +4,4 @@
     "module": "commonjs",
     "outDir": "lib/commonjs"
   }
-}
+}

tsconfig.esm.json

@@ -4,4 +4,4 @@
     "module": "ESNext",
     "outDir": "lib/esm"
   }
-}
+}

tsconfig.json

@@ -11,7 +11,5 @@
     "sourceMap": true,
     "jsx": "react-jsx"
   },
-  "include": [
-    "src"
-  ]
-}
+  "include": ["src"]
+}