feat!: move to uikit 6 (#419)

* feat!: move to uikit 6

* feat!: move to date-utils 2

* docs: remove documentation

* chore: update prettier configs

* chore: lint & prettier fixes

* fix: remove redundand d3-shape pkg

* fix: fix yagr styles import

.eslintignore

@@ -1,4 +1,6 @@
 build
 node_modules
 src/i18n/keysets
-documentation/babel.config.js
+test-utils
+tests
+jest.config.js

.eslintrc

@@ -2,10 +2,17 @@
     "extends": [
         "@gravity-ui/eslint-config",
         "@gravity-ui/eslint-config/client",
-        "@gravity-ui/eslint-config/prettier"
+        "@gravity-ui/eslint-config/prettier",
+        "@gravity-ui/eslint-config/import-order"
     ],
     "rules": {
         "valid-jsdoc": 0
     },
-    "root": true
+    "root": true,
+    "overrides": [{
+        "files": ["*.ts", "*.tsx"],
+        "parserOptions": {
+            "project": ["./tsconfig.json"]
+        }
+    }]
 }

.github/workflows/release-v4.yml

@@ -0,0 +1,18 @@
+name: Release V4
+
+on:
+  push:
+    branches: [v4]
+
+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
+        default-branch: v4
+        npm-dist-tag: untagged
+        skip-github-release: true

.prettierignore

@@ -1 +1,5 @@
+storybook-static
 build
+CHANGELOG.md
+CONTRIBUTING.md
+package-lock.json

.storybook/decorators/withMobile.tsx

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

.storybook/decorators/withTheme.tsx

@@ -1,16 +1,11 @@
 import React from 'react';
-import type {DecoratorFn} from '@storybook/react';
-import {useTheme} from '@gravity-ui/uikit';
+import type {Decorator} from '@storybook/react';
+import {ThemeProvider} from '@gravity-ui/uikit';
 
-export const withTheme: DecoratorFn = (Story, context) => {
-    const themeValue = context.globals.theme;
-    const [theme, setTheme] = useTheme();
-
-    React.useEffect(() => {
-        if (theme !== themeValue) {
-            setTheme(themeValue);
-        }
-    }, [theme, themeValue, setTheme]);
-
-    return <Story {...context} />;
+export const WithTheme: Decorator = (Story, context) => {
+    return (
+        <ThemeProvider theme={context.globals.theme} direction={context.globals.direction}>
+            <Story {...context} />
+        </ThemeProvider>
+    );
 };