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

.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,12 +1,14 @@
 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]);

.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');
 

.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';