chore: use @bigcommerce/eslint-config instead of custom config (bigco…

…mmerce#863) * chore: update eslint configs * chore: eslint --fix Co-authored-by: Juan Vasquez <[email protected]> * chore: disable eslint rules that need manual fixing Co-authored-by: Juan Vasquez <[email protected]> Co-authored-by: Juan Vasquez <[email protected]>
jorgemoya · Jun 10, 2022 · e631007 · e631007
1 parent 66c8d67
commit e631007
Show file tree

Hide file tree

Showing 542 changed files with 11,949 additions and 3,852 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -1,85 +1,77 @@
+require('@bigcommerce/eslint-config/patch');
+
 module.exports = {
   root: true,
-  parser: '@typescript-eslint/parser',
-  plugins: ['@typescript-eslint'],
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/eslint-recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:import/errors',
-    'plugin:import/warnings',
-    'plugin:import/typescript',
-    'plugin:react/recommended',
-    'plugin:react-hooks/recommended',
-    'plugin:prettier/recommended',
-  ],
+  extends: ['@bigcommerce/eslint-config'],
+  parserOptions: {
+    project: [
+      './packages/big-design/tsconfig.json',
+      './packages/big-design-icons/tsconfig.json',
+      './packages/big-design-theme/tsconfig.json',
+      './packages/docs/tsconfig.json',
+      './packages/examples/tsconfig.json',
+    ],
+    tsconfigRootDir: __dirname,
+  },
   settings: {
-    react: {
-      version: 'detect',
-    },
     'import/resolver': {
       typescript: {
         alwaysTryTypes: true,
         project: 'packages/*/tsconfig.json',
       },
     },
   },
-  rules: {
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/no-unused-vars': ['error', { ignoreRestSiblings: true }],
-    '@typescript-eslint/no-use-before-define': 'off',
-    'no-console': 'warn',
-    'react/display-name': 'off',
-    'react/prop-types': 'off',
-    'react/no-unescaped-entities': [
-      'error',
-      {
-        forbid: [
-          { char: '>', alternatives: ['&gt;'] },
-          { char: '}', alternatives: ['&#125;'] },
-        ],
-      },
-    ],
-    'newline-before-return': 'error',
-    'sort-imports': [
-      'error',
-      {
-        ignoreCase: true,
-        ignoreDeclarationSort: true,
-      },
-    ],
-    'import/named': 'off',
-    // Remove this when https://github.com/benmosher/eslint-plugin-import/pull/1528 gets released
-    'import/default': 'off',
-    'import/order': [
-      'error',
-      {
-        alphabetize: {
-          order: 'asc',
-          caseInsensitive: true,
-        },
-        'newlines-between': 'always',
-        groups: [['builtin', 'external'], 'internal', 'parent', 'sibling', 'index'],
-      },
-    ],
-  },
   overrides: [
     {
-      files: '**/*.js',
-      env: {
-        node: true,
-        es6: true,
-      },
-      rules: {
-        '@typescript-eslint/no-var-requires': 'off',
-      },
-    },
-    {
-      files: 'packages/big-design-icons/**/*.tsx',
+      files: ['**/*.ts', '**/*.tsx', '**/*.js'],
       rules: {
-        'react/jsx-sort-props': 'warn',
+        '@bigcommerce/jsx-short-circuit-conditionals': 'off',
+        '@typescript-eslint/consistent-type-assertions': 'off',
+        '@typescript-eslint/naming-convention': 'off',
+        '@typescript-eslint/no-unsafe-return': 'off',
+        '@typescript-eslint/no-unsafe-member-access': 'off',
+        '@typescript-eslint/no-unsafe-argument': 'off',
+        '@typescript-eslint/no-explicit-any': 'off',
+        '@typescript-eslint/no-shadow': 'off',
+        '@typescript-eslint/no-unused-expressions': 'off',
+        '@typescript-eslint/no-unnecessary-condition': 'off',
+        '@typescript-eslint/no-use-before-define': 'off',
+        '@typescript-eslint/no-unsafe-assignment': 'off',
+        '@typescript-eslint/no-unsafe-call': 'off',
+        '@typescript-eslint/member-ordering': 'off',
+        '@typescript-eslint/restrict-plus-operands': 'off',
+        '@typescript-eslint/restrict-template-expressions': 'off',
+        '@typescript-eslint/no-misused-promises': 'off',
+        '@typescript-eslint/require-await': 'off',
+        '@typescript-eslint/await-thenable': 'off',
+        '@typescript-eslint/no-floating-promises': 'off',
+        '@typescript-eslint/unified-signatures': 'off',
+        'func-names': 'off',
+        'import/no-dynamic-require': 'off',
+        'import/no-named-default': 'off',
+        'import/no-extraneous-dependencies': 'off',
+        'import/dynamic-import-chunkname': 'off',
+        'jest/no-conditional-expect': 'off',
+        'jest/no-restricted-matchers': 'off',
+        'jest/no-identical-title': 'off',
+        'jsdoc/require-param-type': 'off',
+        'jsx-a11y/anchor-is-valid': 'off',
+        'jsx-a11y/no-autofocus': 'off',
+        'jsx-a11y/aria-role': 'off',
+        'react/destructuring-assignment': 'off',
+        'react/jsx-pascal-case': 'off',
+        'react/jsx-no-useless-fragment': 'off',
+        'array-callback-return': 'off',
+        complexity: 'off',
+        'no-param-reassign': 'off',
+        'no-restricted-syntax': 'off',
+        'no-restricted-globals': 'off',
+        'no-plusplus': 'off',
+        'no-nested-ternary': 'off',
+        'no-underscore-dangle': 'off',
+        'no-shadow': 'off',
+        'no-unused-vars': 'off',
+        radix: 'off',
       },
     },
   ],

diff --git a/commitlint.config.js b/commitlint.config.js
@@ -4,7 +4,19 @@ module.exports = {
     'scope-enum': [
       2,
       'always',
-      ['all', 'ci', 'component', 'configs', 'deps', 'docs', 'examples', 'icons', 'pack', 'release', 'theme'],
+      [
+        'all',
+        'ci',
+        'component',
+        'configs',
+        'deps',
+        'docs',
+        'examples',
+        'icons',
+        'pack',
+        'release',
+        'theme',
+      ],
     ],
   },
 };
diff --git a/package.json b/package.json
@@ -21,22 +21,15 @@
       "eslint --fix"
     ]
   },
+  "prettier": "@bigcommerce/eslint-config/prettier",
   "devDependencies": {
+    "@bigcommerce/eslint-config": "^2.4.0",
     "@commitlint/cli": "^16.1.0",
     "@commitlint/config-conventional": "^16.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.9.1",
-    "@typescript-eslint/parser": "^5.9.1",
-    "eslint": "^8.8.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-import-resolver-typescript": "^2.5.0",
-    "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.25.1",
-    "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint": "^8.11.0",
     "husky": "^7.0.4",
     "lerna": "^4.0.0",
     "lint-staged": "^13.0.0",
-    "prettier": "^2.4.0",
     "typescript": "^4.4.3"
   }
 }
diff --git a/packages/big-design-icons/scripts/build-flags.js b/packages/big-design-icons/scripts/build-flags.js
@@ -9,7 +9,17 @@ const { promisify } = require('util');
 
 const config = require('./svgr-flags.config');
 
-const SOURCE = join(__dirname, '..', '..', '..', 'node_modules', '@jorgemoya/flag-icon-css', 'flags', '4x3', '*.svg');
+const SOURCE = join(
+  __dirname,
+  '..',
+  '..',
+  '..',
+  'node_modules',
+  '@jorgemoya/flag-icon-css',
+  'flags',
+  '4x3',
+  '*.svg',
+);
 const DEST_PATH = join(__dirname, '..', 'src', 'flags', 'components');
 
 const componentNames = new Set();
@@ -59,7 +69,6 @@ function convertWithConcurrencyPool(iconFiles) {
 async function generateFlags() {
   const iconFiles = await glob(SOURCE);
 
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   for await (const _result of convertWithConcurrencyPool(iconFiles));
 }
 

diff --git a/packages/big-design-icons/scripts/build.js b/packages/big-design-icons/scripts/build.js
@@ -41,7 +41,6 @@ function convertWithConcurrencyPool(iconFiles) {
 async function generateIcons() {
   const iconFiles = await glob(SOURCE);
 
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   for await (const _result of convertWithConcurrencyPool(iconFiles));
 }
 

diff --git a/packages/big-design-icons/src/base/index.tsx b/packages/big-design-icons/src/base/index.tsx
@@ -1,4 +1,9 @@
-import { Colors, theme as defaultTheme, Spacing, ThemeInterface } from '@bigcommerce/big-design-theme';
+import {
+  Colors,
+  theme as defaultTheme,
+  Spacing,
+  ThemeInterface,
+} from '@bigcommerce/big-design-theme';
 import React, { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, SVGProps } from 'react';
 import styled from 'styled-components';
 

diff --git a/packages/big-design-icons/src/flags/base/index.tsx b/packages/big-design-icons/src/flags/base/index.tsx
@@ -9,7 +9,9 @@ export interface FlagIconProps extends SVGProps<SVGSVGElement> {
 }
 
 export function createStyledFlagIcon(
-  FlagIcon: ForwardRefExoticComponent<PropsWithoutRef<FlagIconProps> & RefAttributes<SVGSVGElement>>,
+  FlagIcon: ForwardRefExoticComponent<
+    PropsWithoutRef<FlagIconProps> & RefAttributes<SVGSVGElement>
+  >,
 ) {
   const StyledFlagIcon = styled(FlagIcon)`
     ${({ size, theme }) =>

diff --git a/packages/big-design-icons/src/flags/components/ADFlagIcon.tsx b/packages/big-design-icons/src/flags/components/ADFlagIcon.tsx
@@ -7,7 +7,12 @@ import { PrivateIconProps } from '../../base';
 import { useUniqueId } from '../../utils';
 import { createStyledFlagIcon, FlagIconProps } from '../base';
 
-const FlagIcon: React.FC<FlagIconProps & PrivateIconProps> = ({ svgRef, title = 'AD flag', theme, ...props }) => {
+const FlagIcon: React.FC<FlagIconProps & PrivateIconProps> = ({
+  svgRef,
+  title = 'AD flag',
+  theme,
+  ...props
+}) => {
   const uniqueTitleId = useUniqueId('icon');
   const titleId = title ? props.titleId || uniqueTitleId : undefined;
   const ariaHidden = titleId ? undefined : true;
@@ -71,7 +76,10 @@ const FlagIcon: React.FC<FlagIconProps & PrivateIconProps> = ({ svgRef, title =
           strokeWidth={0.9}
         />
         <path d="M387.5 282.9c.8-1 3.5-2.4 5.8-1.1a6.2 6.2 0 012.3 2" strokeWidth={0.6} />
-        <path d="M401.6 273.8l1.4.5a7 7 0 004 0c2.8-.8 4.6-3.4 3.2-6.9a6 6 0 00-1.8-2.1" strokeWidth={0.9} />
+        <path
+          d="M401.6 273.8l1.4.5a7 7 0 004 0c2.8-.8 4.6-3.4 3.2-6.9a6 6 0 00-1.8-2.1"
+          strokeWidth={0.9}
+        />
         <path
           d="M240.3 199.8c-2 1.1-3.3 1.4-4.8 3.1a28.1 28.1 0 00-2.6 6.8m46-51.7c0 1.8-1.2 2.8-3 3.2"
           strokeLinecap="round"
@@ -84,7 +92,10 @@ const FlagIcon: React.FC<FlagIconProps & PrivateIconProps> = ({ svgRef, title =
           strokeWidth={0.6}
         />
         <g strokeWidth={0.6}>
-          <path d="M254.3 224a6.9 6.9 0 01-2.1 1.4m150.5 44.8l.5.2c1.4.8 4.2-.2 3.4-2.4" strokeLinecap="round" />
+          <path
+            d="M254.3 224a6.9 6.9 0 01-2.1 1.4m150.5 44.8l.5.2c1.4.8 4.2-.2 3.4-2.4"
+            strokeLinecap="round"
+          />
           <path d="M397.8 239.6c1 1.3 2.9 1.7 4.4 1.3a4 4 0 002.5-2c.6-1 .8-2.4.4-3.7a4.9 4.9 0 00-.9-1.6 6.8 6.8 0 00-1.3-1.5l-.4-.2m6.4 34a4 4 0 00.1-.7 4 4 0 00-1.3-3l-.8-.8m.4.5c0-1.8-1.5-3.2-3.4-3.5m-4.2 2.8l-1.3-1a15.7 15.7 0 01-4.3-10.7c0-4.2 1.6-8.4 3.6-10M341.2 324l1.8-1.6 1.2-1 2.3-1.4 2.2-1 1.6-.5 3-.6 3.6-.6m-29.5 19.4a17 17 0 01-7.6 6.1 17.7 17.7 0 01-7.6-6.1" />
           <path d="M314.4 332.6a10 10 0 01-2.2 4.2" strokeLinecap="round" />
           <path d="M314.7 330.5l-.4 2.2M312 337l-1 1-1.7.9-2 .6m-5.6-177.8c.3-.8.5-1.4.5-2.6-.1-4.2-3.2-6.1-4.5-10-.7-2.3-1-4.3.7-6 1.4-1.4 3.2-1.4 5-.6 4 1.5 8.6 5.8 16.7 6-8.1-.2-12.8-4.5-16.6-6-2-.8-3.8-1-5.3.5-1.7 1.6-1.2 3.8-.5 6.1 1.3 3.9 4.2 5.8 4.3 10 0 1.2-.3 1.8-.5 2.6M320 148c8-.4 14.9-5.8 17.1-6.3 2-.4 3-.2 4.5 1.1-1.4-1.3-3-1.2-5-.5-3.8 1.5-8.4 5.8-16.6 6m79.6 112.9a15.5 15.5 0 01-6.2-12.4c0-4.1 1.7-8.4 3.6-10m-70 97.6c-1.3 2-4.3 5-7.6 6.2a17.7 17.7 0 01-7.6-6.2" />
@@ -94,10 +105,16 @@ const FlagIcon: React.FC<FlagIconProps & PrivateIconProps> = ({ svgRef, title =
           <path d="M256.2 212.3c1.3 1.2 1.7 2.7 1.7 4.6 0 2.7-1.1 4.8-3.7 7-.6.6-1.2 1-2 1.5m129.5-22.1v3.5m-.3-4.4v5m.3-15.8v6.6m-.3-8v8.9m-1.9 82a18.7 18.7 0 01-4.2 5.6 19.6 19.6 0 01-5.8 4.1 24.6 24.6 0 01-6.6 2.2 33 33 0 01-6.8.9c-2.5 0-3.9 0-6.4-.2-2.6-.2-4-.6-6.7-.8-2.2-.2-3.4-.4-5.6-.3a28.3 28.3 0 00-11 1.8c-2.6 1-5.7 3-6.3 3.8a22 22 0 00-6.4-3.8 22 22 0 00-5.1-1.4c-2.3-.4-3.5-.4-5.8-.4-2.2 0-3.4.1-5.6.3-2.6.3-4 .6-6.7.8-2.5.2-3.9.3-6.4.2a33 33 0 01-13.4-3 19.5 19.5 0 01-6.4-4.8m42.1 53.4l1.8-.2m30.3-2.4l1.8-.1 1.7-.7 1.2-.8 1.7-2 .3-.6.3-1.7v-.8m47-136.7c.7-2.6-.2-5.4-2.8-5.3m-132 46.5a8.2 8.2 0 01-3.5 4.7m3.6-46.7a6.5 6.5 0 01-3.6 4c-1.9.8-4 0-5.2-.8" />
           <path d="M243.8 202.4c1.5.8 3.1-.4 2.8-2.4a2.9 2.9 0 00-2.5-2.2" strokeLinecap="round" />
           <path d="M250.2 286.6c.3.3.4.7.8.8.7.2 1.2.4 1.9-.5.8-1.1.3-2.8-.5-3.9a5 5 0 00-5.8-1c-.8.5-1.7 1-2.6 2.2l-1.1 1.6c-.7 1.1-1 2-1.1 2.4-2 5.9.4 12 4.1 15.7" />
-          <path d="M340.2 327.8l.7.8.2.9c.3 1.5-.7 2.4-2 2.6-1.6.2-2.8-.8-3.3-2" strokeLinecap="round" />
+          <path
+            d="M340.2 327.8l.7.8.2.9c.3 1.5-.7 2.4-2 2.6-1.6.2-2.8-.8-3.3-2"
+            strokeLinecap="round"
+          />
           <path d="M389.4 154.8a7.4 7.4 0 016.3 7c0 4.4-1.5 6-3.8 9.2-2.5 3.4-10.7 9.6-10.7 16.7 0 4.3 1.2 7 4.3 8.4 2 1 4.3 0 5.4-1 2.6-2.4 1.5-6.5-1.2-7-3.2-.6-3.9 4.6-.7 4.3m17.9 69a3.7 3.7 0 00-3.6-3 3.7 3.7 0 00-3.7 3.7c0 1 .4 2 1 2.6" />
           <path d="M383.9 195.1a7.1 7.1 0 00-2.7 5.7c0 3.1 2.6 8.2 9 10 2.4.7 4.8.6 6.2-.3m-156-10.3a9.4 9.4 0 00-4.8 3.5 16.9 16.9 0 00-2.2 12.7 15.8 15.8 0 002.3 5.6 8 8 0 001 1.2l1.2 1m64 92c4.9 2.1 8.4 3.7 11.4 8.5a10 10 0 011.2 4.9c0 2.7-1 5.7-3.3 7.6a8.3 8.3 0 01-6.7 2c-1.9-.2-3.7-1.6-4-2.6M254 224.1c2.7 2.2 3.9 4.2 3.9 7.5a8.4 8.4 0 01-4 7.5" />
-          <path d="M251.5 236.4c4 5.1 6.3 8.1 6.4 14.1.1 5.7-1.7 9.6-5 13.7" strokeLinecap="round" />
+          <path
+            d="M251.5 236.4c4 5.1 6.3 8.1 6.4 14.1.1 5.7-1.7 9.6-5 13.7"
+            strokeLinecap="round"
+          />
           <path d="M329.8 169.3a4.1 4.1 0 001.5-2.2c.5-1.5.5-2.8-.2-4 1 1.4 1 2.5.7 4-.1 1-.8 1.5-1.6 2.3m51.5 86.1v16.2l-.1 2.5a34.4 34.4 0 01-.3 1.7" />
           <path d="M381.4 254v19.9l-.5 2.6m.5-43v14.6m.3-13.4v11.8m0-26.8v8.8m-.3-9.9v11m.3-19v3.5m-.3-4.2v5m-1.8 65.2l-.4.7a18.7 18.7 0 01-4.1 5.7 19.6 19.6 0 01-5.9 4 24.6 24.6 0 01-6.5 2.2c-2.7.6-4.2.8-6.9.9-2.5 0-3.9 0-6.3-.2-2.7-.2-4.1-.5-6.8-.8-2.2-.2-3.4-.3-5.6-.3-2.2 0-3.5 0-5.7.4a22 22 0 00-5.2 1.4c-2.7 1.1-5.7 3-6.4 3.8-.6-.8-3.7-2.7-6.3-3.8a22 22 0 00-5.2-1.4c-2.2-.4-3.5-.4-5.8-.4-2.2 0-3.4.1-5.6.3-2.6.3-4 .6-6.7.8-2.5.2-3.9.3-6.3.2a33 33 0 01-13.5-3 19.5 19.5 0 01-5.8-4.1 22 22 0 01-2.5-2.8m-2-3.2a10.1 10.1 0 01-2.3 7.7c-.8.9-2.6 2.6-5 2.6-3.7 0-4.8-2.5-5-3.2" />
           <path d="M255.6 278.9c.7.7 1.3 1.5 1.9 2.5 1 1.8.6 4.8-.1 6.2a4.4 4.4 0 01-.3.4m-20.3 18c2.3 2.4 5.7 5 10.9 7.1 7.1 3 18.1 3.6 25.7 4 10 .3 19.3.7 25 7m17.3-4a12 12 0 014 5.5m-7.3 11.5a8.2 8.2 0 01-.7.7 8.3 8.3 0 01-6.6 2c-2-.2-3.8-1.6-4.3-2.6m-5.4-2.9l.3.4a7.6 7.6 0 005.1 2.4m27 0a18 18 0 01-7.7 6.1 17.7 17.7 0 01-7.6-6.1l-.3-.5m15.6.4l.7.7a8.3 8.3 0 006.7 2 5.5 5.5 0 004-2.5l.5-.7" />
@@ -140,7 +157,10 @@ const FlagIcon: React.FC<FlagIconProps & PrivateIconProps> = ({ svgRef, title =
             strokeLinecap="round"
           />
           <path d="M392.9 199.9c.8-3.5 3.7-3.8 6.2-3.8 6.5.1 11.1 8 11.2 15.5 0 9.5-4 15.2-11 15.5-1.9 0-5-.8-5-3" />
-          <path d="M397 198.3c6.9 1.6 9.3 7.8 9.3 13.8 0 4.9-.5 11.6-10 13.9" strokeLinecap="square" />
+          <path
+            d="M397 198.3c6.9 1.6 9.3 7.8 9.3 13.8 0 4.9-.5 11.6-10 13.9"
+            strokeLinecap="square"
+          />
           <path d="M408.4 265.3a3.9 3.9 0 10-6.3 2.4" />
           <path
             d="M394.4 259.4c1.4 2 3 4.1 6.3 6m-1.3 10.5c-3.2-2.2-9.5-5-15-2.2a7.6 7.6 0 00-4.4 4.4 10 10 0 001.8 9.5c.9 1 2.7 2.6 5 2.7 3.8 0 4.7-2.6 4.8-3.2.4-2.8-1.2-3.9-2-4.1-.7-.3-2.8-.2-3.2 1.3-.2.5-.2 1.3.2 2"
@@ -155,7 +175,10 @@ const FlagIcon: React.FC<FlagIconProps & PrivateIconProps> = ({ svgRef, title =
             strokeLinecap="round"
           />
           <path d="M385.1 224.1c-2.3.8-3.9 4.2-3.9 7.5a8.4 8.4 0 004 7.5" />
-          <path d="M387.6 236.4c-4 5.1-6.3 8.1-6.4 14.1 0 5.7 1.7 9.6 5.1 13.7" strokeLinecap="round" />
+          <path
+            d="M387.6 236.4c-4 5.1-6.3 8.1-6.4 14.1 0 5.7 1.7 9.6 5.1 13.7"
+            strokeLinecap="round"
+          />
           <path d="M365.9 152l.3-.5c1.7-2.4 4.7-3.1 6.9-1.5 2.6 2 3.3 5.4 2.6 9-.5 2.2-2 4.1-4 5.5" />
           <path
             d="M265.1 150.8c-2.6-1.2-4.7-1-6.3 1a8.7 8.7 0 00-1.6 7.2c.6 2.7 1.4 3.8 3.5 5.8"
@@ -184,9 +207,15 @@ const FlagIcon: React.FC<FlagIconProps & PrivateIconProps> = ({ svgRef, title =
             strokeLinecap="round"
           />
           <path d="M366.8 159.6c-4 4.4-8.1 5.8-14.1 6-2 0-5.5-.6-7.6-2.1-1.3-1-2.8-2.6-1.9-5.5.6-1.9 3.7-7.2 3.8-10.9.3-5.6-1.9-8.7-5.3-9.9-6.2-2.2-13 4-17 5.4-2.1.7-3.2.8-5.1.8-2 0-3-.1-5.2-.8-4-1.4-10.7-7.6-17-5.4-3.4 1.2-5.5 4.3-5.3 10 .1 3.6 3.2 9 3.8 10.8 1 2.9-.5 4.5-1.9 5.5-2 1.5-5.7 2.1-7.5 2-6-.1-10.1-1.5-14.1-5.9" />
-          <path d="M297.3 314.4c.8.3.2-.2 5.3 2a22 22 0 0111.3 8.9 10.5 10.5 0 01.9 7.3" strokeLinecap="round" />
+          <path
+            d="M297.3 314.4c.8.3.2-.2 5.3 2a22 22 0 0111.3 8.9 10.5 10.5 0 01.9 7.3"
+            strokeLinecap="round"
+          />
           <path d="M297.7 336a8 8 0 003.2.9c4.2.1 7.5-3.8 7.5-7.8 0-2.8-1.5-5.2-3.6-7" />
-          <path d="M298.6 328.4c-1 2.3.4 3.5 1.8 3.7 2.2.2 3.4-1.4 3.6-3a4.5 4.5 0 00-2.2-4.2" strokeLinecap="round" />
+          <path
+            d="M298.6 328.4c-1 2.3.4 3.5 1.8 3.7 2.2.2 3.4-1.4 3.6-3a4.5 4.5 0 00-2.2-4.2"
+            strokeLinecap="round"
+          />
           <path d="M390.1 154.8c3.2 0 6 3.6 6 7.2 0 4.3-2.2 6.9-3.9 8.8-1.3 1.6-2.7 3-4.4 4.7" />
           <path
             d="M386.3 151.4a9 9 0 012.8 2.4c1.3 2 1.7 3.7 1.6 6.2-.2 4.2-3.2 7.1-6 9m-4.7-17.6l.6.7c1.9 2.2 2 5.4 1.6 7.2a8.2 8.2 0 01-3.8 5.4m-5-14.4c2.6 2 3.4 5.4 2.5 9-.6 2.5-2.2 4-4.2 5.2m11.1 41.1c.3 1 .9 1.3 1.5 2a13.5 13.5 0 006.2 3.5c2.4.7 4.6.2 6.3-.9m-163 54c1.2 0 2.5.9 3.3 2.3.1.2.4.8.4 1.5 0 .9-.4 1.8-1 2.2-1.5 1-4 .5-4-2"
@@ -199,7 +228,10 @@ const FlagIcon: React.FC<FlagIconProps & PrivateIconProps> = ({ svgRef, title =
             strokeLinecap="round"
           />
           <path d="M254.3 224.3c1.8 1.5 3 3 3.5 4.8" />
-          <path d="M257.9 219.5a10 10 0 01-3.4 4.6m-9.2-17.2l2.2-.6 1.3-1 .8-1.1.7-1.8.3-1.5" strokeLinecap="round" />
+          <path
+            d="M257.9 219.5a10 10 0 01-3.4 4.6m-9.2-17.2l2.2-.6 1.3-1 .8-1.1.7-1.8.3-1.5"
+            strokeLinecap="round"
+          />
           <path d="M241 199.3c-.7.2-1.6.4-2.5.8a9 9 0 00-3.5 3 17 17 0 00-2.2 12.7 15.8 15.8 0 002.3 5.6l1 1.4c1.4 1.3 2.6 2 4.6 1.7" />
           <path d="M253 189.8c-.3 1.3-1 2.9-3 2.7" strokeLinecap="round" />
           <path d="M245.7 198.5c-2-1.9-6-2.4-10.1.2L234 200a8.8 8.8 0 00-1.4 1.6 17.5 17.5 0 00-2.4 5c-.7 3-.7 5.6-.6 6.3 0 1 .2 1.9.3 2.7.6 2.8 1.4 4.8 2.3 6.2.9 1.5 3 5 7.7 5.4 1.8.1 4.8-.7 5-3" />
@@ -246,7 +278,12 @@ const FlagIcon: React.FC<FlagIconProps & PrivateIconProps> = ({ svgRef, title =
           fill="#fff"
           id="ADFlagIcon__a"
         />
-        <use height="100%" transform="matrix(-1 0 0 1 907.5 0)" width="100%" xlinkHref="#ADFlagIcon__a" />
+        <use
+          height="100%"
+          transform="matrix(-1 0 0 1 907.5 0)"
+          width="100%"
+          xlinkHref="#ADFlagIcon__a"
+        />
         <path d="M461.1 279l10.8-11.7s1.6-1.3 1.6-3.4l-2.2.4-.5-1.2-.1-1.1 3-.7V260l.3-1.3-3.2.2.3-1.4.5-1 1.9-.4h1.9c1.8-3.4 9.2-6.4 14.4-1 3.8 4 3 11.2-2 13.2a6.3 6.3 0 01-6.8-1.1l2-4c2.7 1.7 5-.3 4.8-2.4-.2-2.7-2-4.3-4.3-4.5-2.3-.2-4 1-5 3-.6 1.3-.3 2.2-.5 3.6-.2 1.5 0 2.3-.5 3.8a8.8 8.8 0 01-2.4 3.6l-11 12-43 46.4-3.2-3 43.2-46.7z" />
         <path
           d="M429.5 283s2.7 13.4 11.9 33.5c4.7-1.7 7.4-2.8 12.4-2.8 4.9 0 7.6 1 12.3 2.8A171 171 0 00478 283l-24.2-31-24.4 31z"