Upgrade to Storybook 8 (#2822)

* Upgrade to Storybook 8 * Fix fomatting * Fix client-api import using preview-api
trento-project · Jul 26, 2024 · fed0401 · fed0401
1 parent 3705fc2
commit fed0401
Show file tree

Hide file tree

Showing 5 changed files with 1,697 additions and 8,845 deletions.
diff --git a/assets/.storybook/main.js b/assets/.storybook/main.js
@@ -1,11 +1,12 @@
 const path = require('path');
 module.exports = {
-  stories: ['../js/**/*.stories.mdx', '../js/**/*.stories.@(js|jsx|ts|tsx)'],
+  stories: ['../js/**/*.mdx', '../js/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-actions',
     '@storybook/addon-interactions',
+    '@storybook/addon-webpack5-compiler-babel',
   ],
   framework: {
     name: '@storybook/react-webpack5',
@@ -26,8 +27,6 @@ module.exports = {
 
     return config;
   },
-  docs: {
-    autodocs: true,
-  },
+  docs: {},
   staticDirs: ['../../priv/static'],
 };
diff --git a/assets/.storybook/preview.js b/assets/.storybook/preview.js
@@ -9,3 +9,4 @@ export const parameters = {
     },
   },
 };
+export const tags = ['autodocs'];
diff --git a/assets/js/common/ApiKeySettingsModal/ApiKeySettingsModal.stories.jsx b/assets/js/common/ApiKeySettingsModal/ApiKeySettingsModal.stories.jsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console, react/function-component-definition */
 import React from 'react';
-import { useArgs } from '@storybook/client-api';
+import { useArgs } from '@storybook/preview-api';
 import ApiKeySettingsModal from './ApiKeySettingsModal';
 
 export default {
-Original file line number
+Diff line change
@@ Expand Up / @@ -9,3 +9,4 @@ export const parameters = { @@
         },
       },
     };
+    export const tags = ['autodocs'];