chore: upgrade storybook to v8 (#70)

gravity-ui · May 13, 2024 · 4743ed3 · 4743ed3
1 parent ce4c8ce
commit 4743ed3
Show file tree

Hide file tree

Showing 5 changed files with 7,546 additions and 10,418 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -1,17 +1,15 @@
 import type {StorybookConfig} from '@storybook/react-webpack5';
 
 const config: StorybookConfig = {
-    stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'],
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(ts|tsx)'],
     addons: [
         '@storybook/preset-scss',
         {name: '@storybook/addon-essentials', options: {backgrounds: false}},
         '@storybook/addon-a11y',
         './theme-addon/register.tsx',
+        '@storybook/addon-webpack5-compiler-babel',
     ],
-    framework: {
-        name: '@storybook/react-webpack5',
-        options: {},
-    },
+    framework: '@storybook/react-webpack5',
     typescript: {
         check: false,
         checkOptions: {},
@@ -20,22 +18,19 @@ const config: StorybookConfig = {
     core: {
         disableTelemetry: true,
     },
-    babel: (transformOptions) => {
-        return {
-            ...transformOptions,
-            presets: [
-                [
-                    '@babel/preset-env',
-                    {
-                        targets: {
-                            chrome: 100,
-                        },
+    babel: {
+        presets: [
+            [
+                '@babel/preset-env',
+                {
+                    targets: {
+                        chrome: 100,
                     },
-                ],
-                '@babel/preset-typescript',
-                ['@babel/preset-react', {runtime: 'automatic'}],
+                },
             ],
-        };
+            '@babel/preset-typescript',
+            ['@babel/preset-react', {runtime: 'automatic'}],
+        ],
     },
 };
 

diff --git a/.storybook/manager.ts b/.storybook/manager.ts
@@ -1,4 +1,4 @@
-import {addons} from '@storybook/addons';
+import {addons} from '@storybook/manager-api';
 
 import {themes} from './theme';
 

diff --git a/.storybook/theme-addon/register.tsx b/.storybook/theme-addon/register.tsx
@@ -1,9 +1,8 @@
 import React from 'react';
 
 import {getThemeType} from '@gravity-ui/uikit';
-import {addons, types} from '@storybook/addons';
-import {useGlobals} from '@storybook/api';
-import type {API} from '@storybook/api';
+import {addons, types, useGlobals} from '@storybook/manager-api';
+import type {API} from '@storybook/manager-api';
 
 import {themes} from '../theme';