chore(storybook): remove storysource patch and bump to latest v7 (#385)

Author: Hotell

.storybook/main.ts

@@ -2,19 +2,7 @@ import type { StorybookConfig } from '@storybook/react-webpack5';
 
 const config: StorybookConfig = {
   stories: [],
-  addons: [
-    '@storybook/addon-actions',
-    '@storybook/addon-docs',
-    '@nx/react/plugins/storybook',
-    {
-      name: '@storybook/addon-storysource',
-      options: {
-        loaderOptions: {
-          injectStoryParameters: true,
-        },
-      },
-    },
-  ],
+  addons: ['@storybook/addon-docs', '@nx/react/plugins/storybook'],
   framework: {
     name: '@storybook/react-webpack5',
     options: {},

package.json

@@ -49,17 +49,16 @@
     "@nx/workspace": "20.8.1",
     "@playwright/experimental-ct-react": "^1.49.1",
     "@rnx-kit/eslint-plugin": "0.8.6",
-    "@storybook/addon-docs": "7.6.17",
-    "@storybook/addon-essentials": "7.6.17",
-    "@storybook/addon-interactions": "7.6.17",
-    "@storybook/addon-storysource": "7.6.17",
-    "@storybook/addon-themes": "7.6.17",
-    "@storybook/core-common": "7.6.17",
-    "@storybook/core-events": "7.6.17",
-    "@storybook/core-server": "7.6.17",
+    "@storybook/addon-docs": "7.6.20",
+    "@storybook/addon-essentials": "7.6.20",
+    "@storybook/addon-interactions": "7.6.20",
+    "@storybook/addon-themes": "7.6.20",
+    "@storybook/core-common": "7.6.20",
+    "@storybook/core-events": "7.6.20",
+    "@storybook/core-server": "7.6.20",
     "@storybook/jest": "^0.2.3",
-    "@storybook/preview-api": "7.6.17",
-    "@storybook/react-webpack5": "7.6.17",
+    "@storybook/preview-api": "7.6.20",
+    "@storybook/react-webpack5": "7.6.20",
     "@storybook/test-runner": "0.14.0",
     "@storybook/testing-library": "^0.2.2",
     "@stylistic/eslint-plugin": "3.1.0",
@@ -95,7 +94,7 @@
     "react-window": "^1.8.10",
     "scheduler": "0.23.0",
     "semver": "^7.5.2",
-    "storybook": "7.6.17",
+    "storybook": "7.6.20",
     "stylelint": "^15.10.3",
     "syncpack": "^9.8.6",
     "ts-node": "10.9.2",

packages/react-resize-handle/.storybook/main.ts

@@ -1,27 +1,11 @@
 import type { StorybookConfig } from '@storybook/react-webpack5';
 
+// eslint-disable-next-line @nx/enforce-module-boundaries
+import rootConfig from '../../../.storybook/main';
+
 const config: StorybookConfig = {
+  ...rootConfig,
   stories: ['../stories/**/index.stories.@(js|jsx|ts|tsx|mdx)'],
-  addons: [
-    '@nx/react/plugins/storybook',
-    '@storybook/addon-actions',
-    {
-      name: '@storybook/addon-storysource',
-      options: {
-        loaderOptions: {
-          injectStoryParameters: true,
-        },
-      },
-    },
-  ],
-  framework: {
-    name: '@storybook/react-webpack5',
-    options: {},
-  },
 };
 
 export default config;
-
-// To customize your webpack configuration you can use the webpackFinal field.
-// Check https://storybook.js.org/docs/react/builders/webpack#extending-storybooks-webpack-config
-// and https://nx.dev/packages/storybook/documents/custom-builder-configs

packages/react-resize-handle/.storybook/preview.tsx

@@ -1,17 +1,10 @@
-import * as React from 'react';
+import type { Preview } from '@storybook/react';
 
-import { Preview } from '@storybook/react';
-
-import { FluentProvider, webLightTheme } from '@fluentui/react-components';
+// eslint-disable-next-line @nx/enforce-module-boundaries
+import rootPreview from '../../../.storybook/preview';
 
 const preview: Preview = {
-  decorators: [
-    (Story) => (
-      <FluentProvider theme={webLightTheme}>
-        <Story />
-      </FluentProvider>
-    ),
-  ],
+  ...rootPreview,
 };
 
 export default preview;