chore(react-components): split react libraries in two (/library and /stories) - teams-prg /3rd batch

.github/CODEOWNERS

@@ -246,6 +246,8 @@ packages/react-components/theme-designer @microsoft/cxe-red @ms-acalzaretto
 packages/react-components/global-context @microsoft/teams-prg
 packages/react-components/babel-preset-global-context @microsoft/teams-prg
 packages/react-components/react-table @microsoft/teams-prg
+packages/react-components/react-table/library @microsoft/teams-prg
+packages/react-components/react-table/stories @microsoft/teams-prg
 packages/react-components/react-progress @microsoft/cxe-red @tomi-msft
 packages/react-components/react-persona @microsoft/cxe-red @sopranopillow
 packages/react-components/react-tree @microsoft/teams-prg
@@ -288,7 +290,11 @@ packages/react-components/react-swatch-picker/stories @microsoft/cxe-prg
 packages/react-components/react-calendar-compat @microsoft/cxe-red @sopranopillow
 packages/react-components/react-infolabel @microsoft/cxe-red @sopranopillow
 packages/react-components/react-list-preview @microsoft/teams-prg
+packages/react-components/react-list-preview/library @microsoft/teams-prg
+packages/react-components/react-list-preview/stories @microsoft/teams-prg
 packages/react-components/react-motion @microsoft/teams-prg
+packages/react-components/react-motion/library @microsoft/teams-prg
+packages/react-components/react-motion/stories @microsoft/teams-prg
 packages/react-components/react-teaching-popover @microsoft/xc-uxe @Mitch-At-Work
 packages/react-components/react-timepicker-compat @microsoft/teams-prg
 packages/react-components/react-timepicker-compat/library @microsoft/teams-prg

change/@fluentui-react-list-preview-9328b50e-7d23-4e32-82f3-f8aae0c9b551.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: split react libraries in two (/library and /stories)",
+  "packageName": "@fluentui/react-list-preview",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-motion-b76c6d35-2628-4649-9492-dfda8a7fcf9c.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: split react libraries in two (/library and /stories)",
+  "packageName": "@fluentui/react-motion",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-table-22310f7b-baaa-4f87-bbba-11ec3fe96d2e.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: split react libraries in two (/library and /stories)",
+  "packageName": "@fluentui/react-table",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

packages/react-components/react-list-preview/.babelrc.json → packages/react-components/react-list-preview/library/.babelrc.json

@@ -1,4 +1,4 @@
 {
-  "extends": "../../../.babelrc-v9.json",
+  "extends": "../../../../.babelrc-v9.json",
   "plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
 }

packages/react-components/react-list-preview/CHANGELOG.md → packages/react-components/react-list-preview/library/CHANGELOG.md

@@ -20,7 +20,7 @@ Thu, 06 Jun 2024 15:26:34 GMT
 
 ## [0.2.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.2.7)
 
-Thu, 23 May 2024 08:02:44 GMT 
+Thu, 23 May 2024 08:02:44 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.2.6..@fluentui/react-list-preview_v0.2.7)
 
 ### Patches
@@ -31,7 +31,7 @@ Thu, 23 May 2024 08:02:44 GMT
 
 ## [0.2.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.2.6)
 
-Mon, 20 May 2024 12:44:57 GMT 
+Mon, 20 May 2024 12:44:57 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.2.5..@fluentui/react-list-preview_v0.2.6)
 
 ### Patches
@@ -46,7 +46,7 @@ Mon, 20 May 2024 12:44:57 GMT
 
 ## [0.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.2.5)
 
-Thu, 16 May 2024 09:25:20 GMT 
+Thu, 16 May 2024 09:25:20 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.2.4..@fluentui/react-list-preview_v0.2.5)
 
 ### Patches
@@ -55,7 +55,7 @@ Thu, 16 May 2024 09:25:20 GMT
 
 ## [0.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.2.4)
 
-Thu, 09 May 2024 19:35:12 GMT 
+Thu, 09 May 2024 19:35:12 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.2.3..@fluentui/react-list-preview_v0.2.4)
 
 ### Patches
@@ -65,7 +65,7 @@ Thu, 09 May 2024 19:35:12 GMT
 
 ## [0.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.2.3)
 
-Mon, 06 May 2024 12:55:02 GMT 
+Mon, 06 May 2024 12:55:02 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.2.2..@fluentui/react-list-preview_v0.2.3)
 
 ### Patches
@@ -79,7 +79,7 @@ Mon, 06 May 2024 12:55:02 GMT
 
 ## [0.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.2.2)
 
-Thu, 02 May 2024 11:36:44 GMT 
+Thu, 02 May 2024 11:36:44 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.2.1..@fluentui/react-list-preview_v0.2.2)
 
 ### Patches
@@ -89,7 +89,7 @@ Thu, 02 May 2024 11:36:44 GMT
 
 ## [0.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.2.1)
 
-Tue, 23 Apr 2024 08:17:49 GMT 
+Tue, 23 Apr 2024 08:17:49 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.2.0..@fluentui/react-list-preview_v0.2.1)
 
 ### Patches
@@ -103,7 +103,7 @@ Tue, 23 Apr 2024 08:17:49 GMT
 
 ## [0.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.2.0)
 
-Wed, 17 Apr 2024 21:53:54 GMT 
+Wed, 17 Apr 2024 21:53:54 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.1.0..@fluentui/react-list-preview_v0.2.0)
 
 ### Minor changes

packages/react-components/react-list-preview/config/api-extractor.json → packages/react-components/react-list-preview/library/config/api-extractor.json

@@ -1,4 +1,5 @@
 {
   "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json",
-  "extends": "@fluentui/scripts-api-extractor/api-extractor.common.v-next.json"
+  "extends": "@fluentui/scripts-api-extractor/api-extractor.common.v-next.json",
+  "mainEntryPointFilePath": "<projectRoot>/../../../../../../dist/out-tsc/types/packages/react-components/<unscopedPackageName>/library/src/index.d.ts"
 }

packages/react-components/react-list-preview/jest.config.js → packages/react-components/react-list-preview/library/jest.config.js

@@ -5,7 +5,7 @@
  */
 module.exports = {
   displayName: 'react-list-preview',
-  preset: '../../../jest.preset.js',
+  preset: '../../../../jest.preset.js',
   transform: {
     '^.+\\.tsx?$': [
       'ts-jest',

packages/react-components/react-list-preview/package.json → packages/react-components/react-list-preview/library/package.json

@@ -23,14 +23,14 @@
     "generate-api": "just-scripts generate-api",
     "lint": "just-scripts lint",
     "start": "yarn storybook",
-    "storybook": "start-storybook",
+    "storybook": "yarn --cwd ../stories storybook",
     "test": "jest --passWithNoTests",
-    "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\"",
-    "type-check": "tsc -b tsconfig.json",
+    "type-check": "just-scripts type-check",
     "e2e": "cypress run --component",
     "e2e:local": "cypress open --component"
   },
   "devDependencies": {
+    "@fluentui/react-provider": "*",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
     "@fluentui/react-conformance-griffel": "*",

packages/react-components/react-list-preview/library/project.json

@@ -0,0 +1,8 @@
+{
+  "name": "@fluentui/react-list-preview",
+  "$schema": "../../../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "library",
+  "sourceRoot": "packages/react-components/react-list-preview/library/src",
+  "tags": ["platform:web", "vNext"],
+  "implicitDependencies": []
+}

packages/react-components/react-motion/tsconfig.json → packages/react-components/react-list-preview/library/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../../tsconfig.base.json",
+  "extends": "../../../../tsconfig.base.json",
   "compilerOptions": {
     "target": "ES2019",
     "noEmit": true,
@@ -19,7 +19,7 @@
       "path": "./tsconfig.spec.json"
     },
     {
-      "path": "./.storybook/tsconfig.json"
+      "path": "./tsconfig.cy.json"
     }
   ]
 }

packages/react-components/react-table/tsconfig.lib.json → packages/react-components/react-list-preview/library/tsconfig.lib.json

@@ -4,8 +4,8 @@
     "noEmit": false,
     "lib": ["ES2019", "dom"],
     "declaration": true,
-    "declarationDir": "../../../dist/out-tsc/types",
-    "outDir": "../../../dist/out-tsc",
+    "declarationDir": "../../../../dist/out-tsc/types",
+    "outDir": "../../../../dist/out-tsc",
     "inlineSources": true,
     "types": ["static-assets", "environment"]
   },

packages/react-components/react-list-preview/stories/.eslintrc.json

@@ -0,0 +1,12 @@
+{
+  "extends": ["plugin:@fluentui/eslint-plugin/react"],
+  "root": true,
+  "rules": {
+    "import/no-extraneous-dependencies": [
+      "error",
+      {
+        "packageDir": [".", "../../../../"]
+      }
+    ]
+  }
+}

packages/react-components/react-list-preview/stories/.storybook/main.js

@@ -0,0 +1,14 @@
+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)'],
+  addons: [...rootMain.addons],
+  webpackFinal: (config, options) => {
+    const localConfig = { ...rootMain.webpackFinal(config, options) };
+
+    // add your own webpack tweaks if needed
+
+    return localConfig;
+  },
+});

packages/react-components/react-motion/.storybook/preview.js → packages/react-components/react-list-preview/stories/.storybook/preview.js

@@ -1,4 +1,4 @@
-import * as rootPreview from '../../../../.storybook/preview';
+import * as rootPreview from '../../../../../.storybook/preview';
 
 /** @type {typeof rootPreview.decorators} */
 export const decorators = [...rootPreview.decorators];

packages/react-components/react-motion/.storybook/tsconfig.json → packages/react-components/react-list-preview/stories/.storybook/tsconfig.json

@@ -6,5 +6,5 @@
     "checkJs": true,
     "types": ["static-assets", "environment", "storybook__addons"]
   },
-  "include": ["../stories/**/*.stories.ts", "../stories/**/*.stories.tsx", "*.js"]
+  "include": ["*.js"]
 }

packages/react-components/react-list-preview/stories/README.md

@@ -0,0 +1,17 @@
+# @fluentui/react-list-preview-stories
+
+Storybook stories for packages/react-components/react-list-preview
+
+## Usage
+
+To include within storybook specify stories globs:
+
+\`\`\`js
+module.exports = {
+stories: ['../packages/react-components/react-list-preview/stories/src/**/*.stories.mdx', '../packages/react-components/react-list-preview/stories/src/**/index.stories.@(ts|tsx)'],
+}
+\`\`\`
+
+## API
+
+no public API available

packages/react-components/react-list-preview/stories/just.config.ts

@@ -0,0 +1,3 @@
+import { preset, task } from '@fluentui/scripts-tasks';
+
+preset();

packages/react-components/react-list-preview/stories/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@fluentui/react-list-preview-stories",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "start": "yarn storybook",
+    "storybook": "start-storybook",
+    "type-check": "just-scripts type-check",
+    "lint": "eslint src/",
+    "format": "just-scripts prettier",
+    "test-ssr": "test-ssr \"./src/**/*.stories.tsx\""
+  },
+  "devDependencies": {
+    "@fluentui/react-components": "*",
+    "@fluentui/react-list-preview": "*",
+    "@fluentui/react-storybook-addon": "*",
+    "@fluentui/react-storybook-addon-export-to-sandbox": "*",
+    "@fluentui/scripts-storybook": "*",
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/scripts-tasks": "*"
+  }
+}

packages/react-components/react-list-preview/stories/project.json

@@ -0,0 +1,8 @@
+{
+  "name": "@fluentui/react-list-preview-stories",
+  "$schema": "../../../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "library",
+  "sourceRoot": "packages/react-components/react-list-preview/stories/src",
+  "tags": ["vNext", "platform:web", "type:stories"],
+  "implicitDependencies": []
+}

packages/react-components/react-list-preview/stories/src/index.ts

@@ -0,0 +1 @@
+export {};

packages/react-components/react-list-preview/tsconfig.json → packages/react-components/react-list-preview/stories/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../../tsconfig.base.json",
+  "extends": "../../../../tsconfig.base.json",
   "compilerOptions": {
     "target": "ES2019",
     "noEmit": true,
@@ -15,14 +15,8 @@
     {
       "path": "./tsconfig.lib.json"
     },
-    {
-      "path": "./tsconfig.spec.json"
-    },
     {
       "path": "./.storybook/tsconfig.json"
-    },
-    {
-      "path": "./tsconfig.cy.json"
     }
   ]
 }

packages/react-components/react-list-preview/stories/tsconfig.lib.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "lib": ["ES2019", "dom"],
+    "outDir": "../../../../dist/out-tsc",
+    "inlineSources": true,
+    "types": ["static-assets", "environment"]
+  },
+  "include": ["./src/**/*.ts", "./src/**/*.tsx"]
+}

packages/react-components/react-table/.babelrc.json → packages/react-components/react-motion/library/.babelrc.json

@@ -1,4 +1,4 @@
 {
-  "extends": "../../../.babelrc-v9.json",
+  "extends": "../../../../.babelrc-v9.json",
   "plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
 }

packages/react-components/react-motion/config/api-extractor.json → packages/react-components/react-motion/library/config/api-extractor.json

@@ -1,4 +1,5 @@
 {
   "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json",
-  "extends": "@fluentui/scripts-api-extractor/api-extractor.common.v-next.json"
+  "extends": "@fluentui/scripts-api-extractor/api-extractor.common.v-next.json",
+  "mainEntryPointFilePath": "<projectRoot>/../../../../../../dist/out-tsc/types/packages/react-components/<unscopedPackageName>/library/src/index.d.ts"
 }

packages/react-components/react-motion/jest.config.js → packages/react-components/react-motion/library/jest.config.js

@@ -5,7 +5,7 @@
  */
 module.exports = {
   displayName: 'react-motion',
-  preset: '../../../jest.preset.js',
+  preset: '../../../../jest.preset.js',
   transform: {
     '^.+\\.tsx?$': [
       'ts-jest',

packages/react-components/react-motion/package.json → packages/react-components/react-motion/library/package.json

@@ -23,10 +23,9 @@
     "generate-api": "just-scripts generate-api",
     "lint": "just-scripts lint",
     "start": "yarn storybook",
-    "storybook": "start-storybook",
+    "storybook": "yarn --cwd ../stories storybook",
     "test": "jest --passWithNoTests",
-    "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\"",
-    "type-check": "tsc -b tsconfig.json"
+    "type-check": "just-scripts type-check"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",