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"
   }
-}
+}

LICENSE

@@ -1,3 +1,6 @@
+Contains information from the language-subtag-registry JSON Database (https://github.com/mattcg/language-subtag-registry/tree/master/data/json)
+which is made available under the ODC Attribution License (https://github.com/mattcg/language-subtag-registry/blob/master/LICENSE.md).
+
 The React Component files listed in this repository are licensed under the below license.  All other features and products are subject to separate agreements
 and certain functionality requires paid subscriptions to Yext products.
 

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",
   ],
-};
+};