chore(react-components): align storybook configuration with rest of t…

…he suite (#25661)

* refactor(scripts): update spec name

* chore(react-components): align storybook configuration with rest of the suite

* generate changefiles

change/@fluentui-react-components-86bce013-cba7-4aa0-90f0-c34579c716d4.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore(react-components): align storybook configuration with rest of the suite",
+  "packageName": "@fluentui/react-components",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

packages/react-components/react-components/.storybook/main.js

@@ -1,15 +1,8 @@
-const { getPackageStoriesGlob } = require('@fluentui/scripts/storybook');
-
 const rootMain = require('../../../../.storybook/main');
 
 module.exports = /** @type {Omit<import('../../../../.storybook/main'), 'typescript'|'babel'>} */ ({
   ...rootMain,
-  stories: [
-    ...rootMain.stories,
-    '../src/**/*.stories.mdx',
-    '../src/**/index.stories.@(ts|tsx)',
-    ...getPackageStoriesGlob({ packageName: '@fluentui/react-components', callerPath: __dirname }),
-  ],
+  stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/index.stories.@(ts|tsx)'],
   staticDirs: ['../public'],
   addons: [...rootMain.addons],
   webpackFinal: (config, options) => {

packages/react-components/react-components/.storybook/preview.js

@@ -1,36 +1,7 @@
 import * as rootPreview from '../../../../.storybook/preview';
 
 /** @type {NonNullable<import('@storybook/react').Story['decorators']>} */
-export const decorators = rootPreview.decorators;
+export const decorators = [...rootPreview.decorators];
 
 /** @type {typeof rootPreview.parameters} */
-export const parameters = {
-  ...rootPreview.parameters,
-  docs: {
-    ...rootPreview.parameters.docs,
-  },
-  options: {
-    storySort: {
-      method: 'alphabetical',
-      /**
-       * @see https://storybook.js.org/docs/react/writing-stories/naming-components-and-hierarchy#sorting-stories
-       */
-      order: [
-        'Concepts',
-        [
-          'Introduction',
-          'Developer',
-          ['Quick Start', 'Styling Components', 'Positioning Components', 'Accessibility', ['*', 'Components']],
-          'Upgrading',
-          [
-            'from v8',
-            ['Overview', 'Important changes', 'Planning your journey', 'Component Mapping', 'Troubleshooting'],
-          ],
-        ],
-        'Theme',
-        'Components',
-        'Migrations',
-      ],
-    },
-  },
-};
+export const parameters = { ...rootPreview.parameters };

scripts/storybook/utils.spec.js

@@ -137,7 +137,7 @@ describe(`utils`, () => {
     });
   });
 
-  describe(`#getReactComponentsStories`, () => {
+  describe(`#getPackageStoriesGlob`, () => {
     it(`should generate storybook stories string array of glob based on package.json#dependencies field`, () => {
       const actual = getPackageStoriesGlob({ packageName: '@fluentui/react-components', callerPath: __dirname });