chore: upgrade storybook packages

packages/lsd-react/.storybook/main.ts

@@ -1,5 +1,4 @@
-const { dirname, join } = require('path')
-
+import { dirname, join } from 'path'
 module.exports = {
   stories: [
     '../src/components/**/*.stories.mdx',
@@ -11,8 +10,9 @@ module.exports = {
     getAbsolutePath('@storybook/addon-essentials'),
   ],
 
-  core: {
-    builder: getAbsolutePath('@storybook/builder-vite'),
+  framework: {
+    name: getAbsolutePath('@storybook/react-vite'),
+    options: {},
   },
 
   docs: {
@@ -20,6 +20,6 @@ module.exports = {
   },
 }
 
-function getAbsolutePath(value) {
+function getAbsolutePath(value: string): any {
   return dirname(require.resolve(join(value, 'package.json')))
 }

packages/lsd-react/package.json

@@ -9,7 +9,7 @@
     "build": "tsc && vite build",
     "watch": "tsc && vite build --watch --emptyOutDir false",
     "storybook": "storybook dev -p 6006 -s .storybook/public",
-    "build-storybook": "storybook build -s .storybook/public",
+    "build-storybook": "storybook build -s .storybook/public && ts-node -P tsconfig.node.json .storybook/scripts/export-storybook.ts",
     "preview": "vite preview",
     "prepublish": "yarn build"
   },
@@ -28,21 +28,25 @@
     "@babel/preset-typescript": "^7.18.6",
     "@emotion/babel-plugin": "^11.10.5",
     "@rollup/plugin-babel": "^6.0.3",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-interactions": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/node-logger": "^6.5.16",
-    "@storybook/react": "^6.5.16",
-    "@storybook/testing-library": "^0.0.13",
+    "@storybook/addon-actions": "^7.4.6",
+    "@storybook/addon-essentials": "^7.4.6",
+    "@storybook/addon-interactions": "^7.4.6",
+    "@storybook/addon-links": "^7.4.6",
+    "@storybook/node-logger": "^7.4.6",
+    "@storybook/react": "^7.4.6",
+    "@storybook/react-vite": "^7.4.6",
+    "@storybook/testing-library": "^0.2.2",
     "@types/lodash": "^4.14.191",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
     "@vitejs/plugin-react": "^3.0.0",
     "chromatic": "^6.15.0",
+    "glob": "^10.3.10",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "sass": "^1.58.0",
+    "storybook": "^7.4.6",
+    "ts-node": "^10.9.1",
     "typescript": "^4.9.3",
     "utility-types": "^3.10.0",
     "vite": "^4.0.0",

packages/lsd-react/tsconfig.node.json

@@ -6,5 +6,13 @@
     "allowSyntheticDefaultImports": true,
     "resolveJsonModule": true
   },
+  "ts-node": {
+    "transpileOnly": true,
+    "compilerOptions": {
+      "module": "ESNext",
+      "esModuleInterop": true
+    },
+    "esm": true
+  },
   "include": ["vite.config.ts"]
 }