chore: update lint rules

.eslintignore

@@ -0,0 +1,3 @@
+storybook-static
+build
+!/.storybook

.eslintrc

@@ -1,12 +1,50 @@
 {
     "extends": [
         "@gravity-ui/eslint-config",
+        "@gravity-ui/eslint-config/client",
+        "@gravity-ui/eslint-config/import-order",
         "@gravity-ui/eslint-config/prettier",
-        "@gravity-ui/eslint-config/client"
+        "@gravity-ui/eslint-config/a11y"
     ],
     "root": true,
-    "env": {
-        "node": true,
-        "jest": true
-    }
+    "rules": {
+        "react/jsx-fragments": ["error", "element"],
+        "no-restricted-syntax": [
+            "error",
+            {
+                "selector": "ImportDeclaration[source.value='react'] :matches(ImportNamespaceSpecifier, ImportSpecifier)",
+                "message": "Please use import React from 'react' instead."
+            },
+            {
+                "selector": "TSTypeReference>TSQualifiedName[left.name='React'][right.name='FC']",
+                "message": "Don't use React.FC"
+            }
+        ],
+        "jsx-a11y/no-autofocus": 0
+    },
+    "overrides": [
+        {
+            "files": ["**/__tests__/**/*.[jt]s?(x)", "**/?(*.)+(spec|test).[jt]s?(x)"],
+            "env": {
+                "node": true,
+                "jest": true
+            },
+            "extends": ["plugin:testing-library/react"],
+            "rules": {
+                "jsx-a11y/no-static-element-interactions": 0
+            }
+        },
+        {
+            "files": ["**/__stories__/**/*.[jt]s?(x)"],
+            "rules": {
+                "no-console": "off"
+            }
+        },
+        {
+            "files": ["**/*.js", "!src/**/*"],
+            "env": {
+                "node": true
+            }
+        }
+    ]
 }

.github/workflows/ci.yml

@@ -11,37 +11,36 @@ jobs:
     name: Verify Files
     runs-on: ubuntu-latest
     steps:
-    - name: Checkout
-      uses: actions/checkout@v2
-      with:
-        fetch-depth: 0
-    - name: Setup Node
-      uses: actions/setup-node@v2
-      with:
-        node-version: 18
-        cache: npm
-    - name: Install Packages
-      run: npm ci
-    - name: Lint Files
-      run: npm run lint
-    - name: Typecheck
-      run: npm run typecheck
+      - name: Checkout
+        uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+      - name: Setup Node
+        uses: actions/setup-node@v2
+        with:
+          node-version: 18
+          cache: npm
+      - name: Install Packages
+        run: npm ci
+      - name: Lint Files
+        run: npm run lint
+      - name: Typecheck
+        run: npm run typecheck
 
   tests:
     name: Tests
     runs-on: ubuntu-latest
     steps:
-    - name: Checkout
-      uses: actions/checkout@v2
-      with:
-        fetch-depth: 0
-    - name: Setup Node
-      uses: actions/setup-node@v2
-      with:
-        node-version: 18
-        cache: npm
-    - name: Install Packages
-      run: npm ci
-    - name: Unit Tests
-      run: npm run test
-
+      - name: Checkout
+        uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+      - name: Setup Node
+        uses: actions/setup-node@v2
+        with:
+          node-version: 18
+          cache: npm
+      - name: Install Packages
+        run: npm ci
+      - name: Unit Tests
+        run: npm run test

.github/workflows/pr-preview-build.yml

@@ -8,6 +8,6 @@ jobs:
     name: Build
     runs-on: ubuntu-latest
     steps:
-    - uses: gravity-ui/preview-build-action@v1
-      with:
-        node-version: 18
+      - uses: gravity-ui/preview-build-action@v1
+        with:
+          node-version: 18

.github/workflows/release.yml

@@ -8,8 +8,8 @@ jobs:
   release:
     runs-on: ubuntu-latest
     steps:
-    - uses: gravity-ui/release-action@v1
-      with:
-        github-token: ${{ secrets.GRAVITY_UI_BOT_GITHUB_TOKEN }}
-        npm-token: ${{ secrets.GRAVITY_UI_BOT_NPM_TOKEN }}
-        node-version: 18
+      - uses: gravity-ui/release-action@v1
+        with:
+          github-token: ${{ secrets.GRAVITY_UI_BOT_GITHUB_TOKEN }}
+          npm-token: ${{ secrets.GRAVITY_UI_BOT_NPM_TOKEN }}
+          node-version: 18

.prettierignore

@@ -2,3 +2,4 @@ storybook-static
 dist
 CHANGELOG.md
 CONTRIBUTING.md
+package-lock.json

.storybook/decorators/withLang.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
+
 import type {DecoratorFn} from '@storybook/react';
+
 import {Lang, configure} from '../../src';
 
 export const withLang: DecoratorFn = (Story, context) => {

.storybook/decorators/withMobile.tsx

@@ -1,15 +1,17 @@
 import React from 'react';
-import type {DecoratorFn} from '@storybook/react';
+
 import {useMobile} from '@gravity-ui/uikit';
+import type {DecoratorFn} from '@storybook/react';
 
 export const withMobile: DecoratorFn = (Story, context) => {
     const mobileValue = context.globals.platform === 'mobile';
 
     const [, setMobile] = useMobile(); // eslint-disable-line react-hooks/rules-of-hooks
 
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(() => {
         setMobile(mobileValue);
     }, [mobileValue]);
 
     return <Story {...context} />;
 };

.storybook/docs.tsx

@@ -37,7 +37,10 @@ export const Docs = () => {
                 target="_blank"
                 rel="noopener noreferrer"
             >
-                <img src="https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/icons/github-badge.svg" />
+                <img
+                    alt=""
+                    src="https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/icons/github-badge.svg"
+                />
             </a>
         );
     }
@@ -53,9 +56,9 @@ export const Docs = () => {
     }
 
     return (
-        <>
+        <React.Fragment>
             {sourceBadgeContent}
             {readmeContent}
-        </>
+        </React.Fragment>
     );
 };

.storybook/main.ts

@@ -1,4 +1,4 @@
-import type {StorybookConfig} from '@storybook/core-common';
+import type {StorybookConfig} from '@storybook/react-webpack5';
 
 const {join} = require('path');
 
@@ -23,7 +23,7 @@
 
         // to turn fileName in context.parameters into path form number in production bundle
         if (storybookBaseConfig?.optimization) {
             storybookBaseConfig.optimization.moduleIds = 'named';
         }
 
         return storybookBaseConfig;

.storybook/manager.ts

@@ -1,4 +1,5 @@
 import {addons} from '@storybook/addons';
+
 import {themes} from './theme';
 
 addons.setConfig({

.storybook/preview.tsx

@@ -1,13 +1,18 @@
+// eslint-disable-next-line import/order
 import './styles.scss';
+// eslint-disable-next-line import/order
 import '@gravity-ui/uikit/styles/styles.css';
 
 import React from 'react';
+
+import {Lang, MobileProvider, ThemeProvider, configure as uiKitConfigure} from '@gravity-ui/uikit';
 import {MINIMAL_VIEWPORTS} from '@storybook/addon-viewport';
 import type {Decorator, Preview} from '@storybook/react';
-import {ThemeProvider, MobileProvider, Lang, configure as uiKitConfigure} from '@gravity-ui/uikit';
+
 import {configure} from '../src';
-import {withMobile} from './decorators/withMobile';
+
 import {withLang} from './decorators/withLang';
+import {withMobile} from './decorators/withMobile';
 import {Docs} from './docs';
 
 configure({

.storybook/theme-addon/register.tsx

@@ -1,7 +1,9 @@
-import * as React from 'react';
-import {addons, types} from '@storybook/addons';
-import {useGlobals, type API} from '@storybook/api';
+import React from 'react';
+
 import {getThemeType} from '@gravity-ui/uikit';
+import {addons, types} from '@storybook/addons';
+import {type API, useGlobals} from '@storybook/api';
+
 import {themes} from '../theme';
 
 const ADDON_ID = 'yc-theme-addon';
@@ -21,6 +23,6 @@
     const [{theme}] = useGlobals();
     React.useEffect(() => {
         api.setOptions({theme: themes[getThemeType(theme)]});
     }, [theme]);
     return null;
 }