feat: prepare for uikit 7 and update dependencies (#95)

Author: beliarh

.babelrc

@@ -10,7 +10,12 @@
       }
     ],
     "@babel/preset-typescript",
-    "@babel/preset-react"
+    [
+      "@babel/preset-react",
+      {
+        "runtime": "automatic"
+      }
+    ]
   ],
   "plugins": []
 }

.eslintrc

@@ -4,17 +4,11 @@
         "@gravity-ui/eslint-config/client",
         "@gravity-ui/eslint-config/prettier",
         "@gravity-ui/eslint-config/import-order",
-        "@gravity-ui/eslint-config/a11y"
+        "@gravity-ui/eslint-config/a11y",
+        "plugin:react/jsx-runtime"
     ],
     "root": true,
     "rules": {
-        "@typescript-eslint/consistent-type-imports": [
-            "warn",
-            {
-                "prefer": "type-imports",
-                "disallowTypeAnnotations": false
-            }
-        ],
         "@typescript-eslint/no-non-null-assertion": "warn",
         "@typescript-eslint/no-shadow": "warn",
         "import/consistent-type-specifier-style": [
@@ -27,8 +21,8 @@
         "no-restricted-syntax": [
             "error",
             {
-                "selector": "ImportDeclaration[source.value='react'] :matches(ImportNamespaceSpecifier, ImportSpecifier)",
-                "message": "Please use import React from 'react' instead."
+                "selector": "ImportDeclaration[source.value='react'] :matches(ImportDefaultSpecifier, ImportSpecifier)",
+                "message": "Please use `import * as React from 'react'` instead."
             },
             {
                 "selector": "TSTypeReference>TSQualifiedName[left.name='React'][right.name='FC']",

.github/workflows/ci.yml

@@ -18,7 +18,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 20
           cache: npm
       - name: Install Packages
         run: npm ci
@@ -38,7 +38,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 20
           cache: npm
       - name: Install Packages
         run: npm ci

.github/workflows/main-preview.yml

@@ -16,7 +16,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 20
       - name: Install Packages
         run: npm ci
         shell: bash

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

@@ -10,4 +10,4 @@ jobs:
     steps:
       - uses: gravity-ui/preview-build-action@v1
         with:
-          node-version: 18
+          node-version: 20

.github/workflows/release.yml

@@ -12,4 +12,4 @@ jobs:
         with:
           github-token: ${{ secrets.GRAVITY_UI_BOT_GITHUB_TOKEN }}
           npm-token: ${{ secrets.GRAVITY_UI_BOT_NPM_TOKEN }}
-          node-version: 18
+          node-version: 20

.nvmrc

@@ -1 +1 @@
-18
+20

.storybook/decorators/withLang.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {configure} from '@gravity-ui/uikit';
 import type {Decorator} from '@storybook/react';
 

.storybook/decorators/withMobile.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {MobileProvider} from '@gravity-ui/uikit';
 import type {Decorator} from '@storybook/react';
 

.storybook/decorators/withStrictMode.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 import type {Decorator} from '@storybook/react';