Merge pull request #2886 from input-output-hk/chore/ddw-984-fix-storybook-daedalus-menu

[DDW-984] Fix storybook Daedalus menu (theme + language selection)

Author: przemyslaw-wlodek

CHANGELOG.md

@@ -12,6 +12,10 @@
 - Fixed main container zIndex ([PR 2863](https://github.com/input-output-hk/daedalus/pull/2863))
 - Fixed ui overlap issues ([PR 2881](https://github.com/input-output-hk/daedalus/pull/2881))
 
+### Chores
+
+- Fixed Daedalus menu in Storybook used for theme and language selection ([PR 2886](https://github.com/input-output-hk/daedalus/pull/2886))
+
 ## 4.9.0-FC1
 
 ### Features

package.json

@@ -83,12 +83,12 @@
     "@babel/preset-typescript": "^7.16.7",
     "@babel/register": "7.0.0",
     "@dump247/storybook-state": "1.6.1",
-    "@storybook/addon-actions": "5.3.14",
-    "@storybook/addon-knobs": "5.3.14",
-    "@storybook/addon-links": "5.3.14",
-    "@storybook/addons": "5.3.14",
-    "@storybook/core": "5.3.14",
-    "@storybook/react": "5.3.14",
+    "@storybook/addon-actions": "5.3.21",
+    "@storybook/addon-knobs": "5.3.21",
+    "@storybook/addon-links": "5.3.21",
+    "@storybook/addons": "5.3.22",
+    "@storybook/core": "5.3.21",
+    "@storybook/react": "5.3.21",
     "@testing-library/jest-dom": "5.15.1",
     "@testing-library/react": "12.1.2",
     "@types/aes-js": "^3.1.1",

storybook/addons.ts

@@ -1,3 +1,4 @@
 import '@storybook/addon-knobs/register';
 import '@storybook/addon-actions/register';
-import '@storybook/addon-links/register'; // import './addons/DaedalusMenu/register';
+import '@storybook/addon-links/register';
+import './addons/DaedalusMenu/register';

storybook/presets.ts

@@ -0,0 +1,5 @@
+import path from 'path';
+
+// This preset fixes loading DaedalusMenu addon
+// https://github.com/storybookjs/storybook/issues/7196#issuecomment-505858914
+export default [path.resolve(__dirname, './ts-preset')];

storybook/ts-preset.ts

@@ -0,0 +1,7 @@
+async function managerWebpack(baseConfig) {
+  baseConfig.resolve.extensions.push('.ts', '.tsx');
+  baseConfig.module.rules.push({ test: /\.tsx?$/, use: 'babel-loader' });
+  return baseConfig;
+}
+
+export default { managerWebpack };