microsoft · Hotell · Jun 10, 2024 · Jun 6, 2024 · Jun 6, 2024 · Jun 6, 2024
@@ -170,6 +170,8 @@ packages/react-components/react-shared-contexts/stories @microsoft/teams-prg @mi
 packages/react-components/react-storybook-addon @microsoft/cxe-prg
 packages/react-components/react-tabster @microsoft/teams-prg
 packages/react-components/react-theme @microsoft/teams-prg
+packages/react-components/react-theme/library @microsoft/teams-prg
+packages/react-components/react-theme/stories @microsoft/teams-prg
 packages/react-components/react-utilities @microsoft/teams-prg
 packages/storybook @microsoft/cxe-prg @microsoft/teams-prg
 packages/style-utilities @dzearing @microsoft/cxe-red
@@ -234,6 +236,8 @@ packages/react-components/react-text/stories @microsoft/cxe-prg @marcosmoura
 packages/react-components/react-textarea @microsoft/cxe-red @sopranopillow
 packages/react-components/react-tooltip @microsoft/cxe-red @behowell @khmakoto
 packages/react-components/react-toolbar @microsoft/teams-prg @chpalac @ling1726
+packages/react-components/react-toolbar/library @microsoft/teams-prg @chpalac @ling1726
+packages/react-components/react-toolbar/stories @microsoft/teams-prg @chpalac @ling1726
 packages/react-components/react-portal-compat @microsoft/teams-prg
 packages/react-components/react-alert @microsoft/teams-prg
 packages/react-components/react-portal-compat-context @microsoft/teams-prg
@@ -245,10 +249,14 @@ packages/react-components/react-table @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
+packages/react-components/react-tree/library @microsoft/teams-prg
+packages/react-components/react-tree/stories @microsoft/teams-prg
 packages/react-components/react-virtualizer @microsoft/xc-uxe @Mitch-At-Work
 packages/react-components/react-skeleton @microsoft/cxe-red
 packages/tokens @microsoft/teams-prg
 packages/react-components/react-tags @microsoft/cxe-red @microsoft/teams-prg
+packages/react-components/react-tags/library @microsoft/cxe-red @microsoft/teams-prg
+packages/react-components/react-tags/stories @microsoft/cxe-red @microsoft/teams-prg
 packages/react-components/react-migration-v0-v9 @microsoft/teams-prg
 packages/react-components/react-datepicker-compat @microsoft/cxe-red @sopranopillow @khmakoto
 packages/react-components/react-migration-v8-v9 @microsoft/cxe-red @geoffcoxmsft
@@ -262,6 +270,8 @@ packages/react-components/react-storybook-addon-export-to-sandbox @microsoft/flu
 packages/react-components/babel-preset-storybook-full-source @microsoft/fluentui-react-build
 packages/react-components/react-jsx-runtime @microsoft/teams-prg
 packages/react-components/react-toast @microsoft/teams-prg
+packages/react-components/react-toast/library @microsoft/teams-prg
+packages/react-components/react-toast/stories @microsoft/teams-prg
 packages/react-components/react-search @microsoft/cxe-red @smhigley
 packages/react-components/react-colorpicker-compat @microsoft/cxe-red @sopranopillow
 packages/react-components/react-nav-preview @microsoft/cxe-red @mltejera
@@ -281,8 +291,12 @@ packages/react-components/react-list-preview @microsoft/teams-prg
 packages/react-components/react-motion @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
+packages/react-components/react-timepicker-compat/stories @microsoft/teams-prg
 packages/react-components/react-icons-compat @microsoft/cxe-red @tomi-msft
 packages/react-components/react-tag-picker @microsoft/teams-prg
+packages/react-components/react-tag-picker/library @microsoft/teams-prg
+packages/react-components/react-tag-picker/stories @microsoft/teams-prg
 packages/react-components/react-carousel-preview @microsoft/xc-uxe @microsoft/teams-prg @Mitch-At-Work
 packages/react-components/recipes @microsoft/fluentui-react @sopranopillow
 packages/react-components/react-motion-components-preview/library @microsoft/teams-prg

diff --git a/change/@fluentui-react-tag-picker-53c03bb2-8d23-4393-a4e4-1acbb6410bb2.json b/change/@fluentui-react-tag-picker-53c03bb2-8d23-4393-a4e4-1acbb6410bb2.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: split react libraries in two (/library and /stories)",
+  "packageName": "@fluentui/react-tag-picker",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-tags-6c6e53c0-c444-4539-b7bd-8a20c5931727.json b/change/@fluentui-react-tags-6c6e53c0-c444-4539-b7bd-8a20c5931727.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: split react libraries in two (/library and /stories)",
+  "packageName": "@fluentui/react-tags",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-theme-13a1de22-1f50-4284-8f84-a1a2d47e3c11.json b/change/@fluentui-react-theme-13a1de22-1f50-4284-8f84-a1a2d47e3c11.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: split react libraries in two (/library and /stories)",
+  "packageName": "@fluentui/react-theme",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-timepicker-compat-38e51f48-8705-4290-9149-ab5cad8621d4.json b/change/@fluentui-react-timepicker-compat-38e51f48-8705-4290-9149-ab5cad8621d4.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: split react libraries in two (/library and /stories)",
+  "packageName": "@fluentui/react-timepicker-compat",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-toast-07aa3bed-0674-4d10-a7c9-cf8fe3299f0d.json b/change/@fluentui-react-toast-07aa3bed-0674-4d10-a7c9-cf8fe3299f0d.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: split react libraries in two (/library and /stories)",
+  "packageName": "@fluentui/react-toast",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-toolbar-fcd26c00-0e03-43b3-a73a-6820eba6df8b.json b/change/@fluentui-react-toolbar-fcd26c00-0e03-43b3-a73a-6820eba6df8b.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: split react libraries in two (/library and /stories)",
+  "packageName": "@fluentui/react-toolbar",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-tree-a69a1d32-0ebd-4665-9923-9b516f7934b3.json b/change/@fluentui-react-tree-a69a1d32-0ebd-4665-9923-9b516f7934b3.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: split react libraries in two (/library and /stories)",
+  "packageName": "@fluentui/react-tree",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
@@ -75,6 +75,9 @@
     "@ctrl/tinycolor": "3.3.4",
     "@cypress/react": "8.0.0",
     "@cypress/webpack-dev-server": "1.8.3",
+    "@dnd-kit/core": "^6.0.8",
+    "@dnd-kit/sortable": "^7.0.2",
+    "@dnd-kit/utilities": "^3.2.1",
     "@fluentui/react-icons": "^2.0.239",
     "@griffel/babel-preset": "1.5.8",
     "@griffel/eslint-plugin": "^1.6.3",
@@ -167,6 +170,7 @@
     "@types/react-is": "17.0.3",
     "@types/react-test-renderer": "17.0.2",
     "@types/react-transition-group": "4.4.6",
+    "@types/react-window": "^1.8.2",
     "@types/request-promise-native": "1.0.18",
     "@types/scheduler": "0.16.2",
     "@types/semver": "^6.2.0",
@@ -296,6 +300,7 @@
     "react-shadow": "20.3.0",
     "react-test-renderer": "17.0.2",
     "react-vis": "1.11.7",
+    "react-window": "^1.8.6",
     "read-pkg-up": "7.0.1",
     "replace-in-file": "6.1.0",
     "request-promise-native": "1.0.9",

@@ -1,4 +1,4 @@
 {
-  "extends": "../../../.babelrc-v9.json",
+  "extends": "../../../../.babelrc-v9.json",
   "plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
 }
@@ -25,7 +25,7 @@ Thu, 06 Jun 2024 15:26:40 GMT
 
 ## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.4)
 
-Thu, 23 May 2024 08:02:49 GMT 
+Thu, 23 May 2024 08:02:49 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.3..@fluentui/react-tag-picker_v9.0.4)
 
 ### Patches
@@ -40,7 +40,7 @@ Thu, 23 May 2024 08:02:49 GMT
 
 ## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.3)
 
-Mon, 20 May 2024 12:45:06 GMT 
+Mon, 20 May 2024 12:45:06 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.2..@fluentui/react-tag-picker_v9.0.3)
 
 ### Patches
@@ -60,7 +60,7 @@ Mon, 20 May 2024 12:45:06 GMT
 
 ## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.2)
 
-Thu, 16 May 2024 09:25:19 GMT 
+Thu, 16 May 2024 09:25:19 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.1..@fluentui/react-tag-picker_v9.0.2)
 
 ### Patches
@@ -72,7 +72,7 @@ Thu, 16 May 2024 09:25:19 GMT
 
 ## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.1)
 
-Mon, 13 May 2024 12:34:20 GMT 
+Mon, 13 May 2024 12:34:20 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.0..@fluentui/react-tag-picker_v9.0.1)
 
 ### Patches
@@ -81,7 +81,7 @@ Mon, 13 May 2024 12:34:20 GMT
 
 ## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.0)
 
-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-tag-picker-preview_v0.5.0..@fluentui/react-tag-picker_v9.0.0)
 
 ### Minor changes

@@ -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"
 }
@@ -5,7 +5,7 @@
  */
 module.exports = {
   displayName: 'react-tag-picker',
-  preset: '../../../jest.preset.js',
+  preset: '../../../../jest.preset.js',
   transform: {
     '^.+\\.tsx?$': [
       'ts-jest',

@@ -23,15 +23,17 @@
     "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",
     "bundle-size": "monosize measure"
   },
   "devDependencies": {
+    "@fluentui/react-provider": "*",
+    "@fluentui/react-avatar": "*",
+    "@fluentui/react-button": "*",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
     "@fluentui/react-conformance-griffel": "*",

@@ -0,0 +1,8 @@
+{
+  "name": "@fluentui/react-tag-picker",
+  "$schema": "../../../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "library",
+  "sourceRoot": "packages/react-components/react-tag-picker/library/src",
+  "tags": ["platform:web", "vNext"],
+  "implicitDependencies": []
+}
@@ -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"
     }
   ]
 }
@@ -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"]
   },

@@ -0,0 +1,12 @@
+{
+  "extends": ["plugin:@fluentui/eslint-plugin/react"],
+  "root": true,
+  "rules": {
+    "import/no-extraneous-dependencies": [
+      "error",
+      {
+        "packageDir": [".", "../../../../"]
+      }
+    ]
+  }
+}
@@ -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;
+  },
+});
@@ -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];

@@ -6,5 +6,5 @@
     "checkJs": true,
     "types": ["static-assets", "environment", "storybook__addons"]
   },
-  "include": ["../stories/**/*.stories.ts", "../stories/**/*.stories.tsx", "*.js"]
+  "include": ["*.js"]
 }
@@ -0,0 +1,17 @@
+# @fluentui/react-tag-picker-stories
+
+Storybook stories for packages/react-components/react-tag-picker
+
+## Usage
+
+To include within storybook specify stories globs:
+
+\`\`\`js
+module.exports = {
+stories: ['../packages/react-components/react-tag-picker/stories/src/**/*.stories.mdx', '../packages/react-components/react-tag-picker/stories/src/**/index.stories.@(ts|tsx)'],
+}
+\`\`\`
+
+## API
+
+no public API available
@@ -0,0 +1,3 @@
+import { preset, task } from '@fluentui/scripts-tasks';
+
+preset();
@@ -0,0 +1,21 @@
+{
+  "name": "@fluentui/react-tag-picker-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-storybook-addon": "*",
+    "@fluentui/react-storybook-addon-export-to-sandbox": "*",
+    "@fluentui/scripts-storybook": "*",
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/scripts-tasks": "*"
+  }
+}
@@ -0,0 +1,8 @@
+{
+  "name": "@fluentui/react-tag-picker-stories",
+  "$schema": "../../../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "library",
+  "sourceRoot": "packages/react-components/react-tag-picker/stories/src",
+  "tags": ["vNext", "platform:web", "type:stories"],
+  "implicitDependencies": []
+}
@@ -0,0 +1 @@
+export {};
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import { preset, task } from '@fluentui/scripts-tasks';

		preset();