chore: 🤖 fix Storybook build

Author: streamich

.storybook/addons.js

@@ -1,4 +1,3 @@
-import '@storybook/addon-knobs/register';
 import '@storybook/addon-options/register';
 import '@storybook/addon-actions/register';
 import '@storybook/addon-notes/register';

.storybook/webpack.config.js

@@ -25,6 +25,21 @@ module.exports = async ({ config, mode }) => {
         },
       },
     },
+    // Transpile react-draggable to handle optional chaining syntax
+    {
+      test: /\.js$/,
+      include: /node_modules[\\/]react-draggable/,
+      use: {
+        loader: 'babel-loader',
+        options: {
+          presets: ['@babel/preset-env'],
+          plugins: [
+            '@babel/plugin-transform-optional-chaining',
+            '@babel/plugin-transform-nullish-coalescing-operator',
+          ],
+        },
+      },
+    },
   );
 
   config.plugins.push(new ForkTsCheckerWebpackPlugin());

babel.config.js

@@ -11,6 +11,10 @@ module.exports = {
     "@babel/preset-react",
     "@babel/preset-typescript"
   ],
+  plugins: [
+    "@babel/plugin-transform-optional-chaining",
+    "@babel/plugin-transform-nullish-coalescing-operator"
+  ],
   env: {
     test: {
       plugins: ['dynamic-import-node']

package.json

@@ -24,8 +24,8 @@
     "build:es": "tsc -m esNext --outDir esm",
     "build": "yarn build:cjs && yarn build:es",
     "clean": "rimraf lib storybook-static esm",
-    "storybook": "start-storybook -p 6008",
-    "storybook:build": "build-storybook",
+    "storybook": "NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6008",
+    "storybook:build": "NODE_OPTIONS=--openssl-legacy-provider build-storybook",
     "storybook:upload": "gh-pages -d storybook-static --git \"$(which git)\"",
     "storybook:clean": "rimraf storybook-static",
     "release": "semantic-release"
@@ -69,6 +69,8 @@
   "devDependencies": {
     "@babel/core": "7.28.3",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
+    "@babel/plugin-transform-nullish-coalescing-operator": "^7.28.6",
+    "@babel/plugin-transform-optional-chaining": "^7.28.6",
     "@babel/preset-env": "7.28.3",
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.27.1",
@@ -156,6 +158,9 @@
       "git add"
     ]
   },
+  "resolutions": {
+    "react-draggable": "4.4.5"
+  },
   "volta": {
     "node": "14.21.3",
     "yarn": "1.22.22"