chore: split v9 migration packages to follow our /library /story structure

.github/CODEOWNERS

@@ -305,11 +305,13 @@ 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-migration-v0-v9/library @microsoft/teams-prg
+packages/react-components/react-migration-v0-v9/stories @microsoft/teams-prg
 packages/react-components/react-datepicker-compat @microsoft/cxe-red @sopranopillow @khmakoto
 packages/react-components/react-datepicker-compat/library @microsoft/cxe-red @sopranopillow @khmakoto
 packages/react-components/react-datepicker-compat/stories @microsoft/cxe-red @sopranopillow @khmakoto
-packages/react-components/react-migration-v8-v9 @microsoft/cxe-red @geoffcoxmsft
+packages/react-components/react-migration-v8-v9/library @microsoft/cxe-red @geoffcoxmsft
+packages/react-components/react-migration-v8-v9/stories @microsoft/cxe-red @geoffcoxmsft
 packages/react-components/react-breadcrumb @microsoft/cxe-prg
 packages/react-components/react-breadcrumb/library @microsoft/cxe-prg
 packages/react-components/react-breadcrumb/stories @microsoft/cxe-prg

change/@fluentui-react-migration-v0-v9-a8b27f19-8898-4f86-aa30-948bfc565727.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: split migraton packages to follow our /library /story structure",
+  "packageName": "@fluentui/react-migration-v0-v9",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-migration-v8-v9-04a2d3bc-375d-493d-b3da-8a3443303797.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: split migraton packages to follow our /library /story structure",
+  "packageName": "@fluentui/react-migration-v8-v9",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}

packages/react-components/react-migration-v0-v9/.babelrc.json → packages/react-components/react-migration-v0-v9/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-migration-v0-v9/config/api-extractor.json → packages/react-components/react-migration-v0-v9/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-migration-v0-v9/jest.config.js → packages/react-components/react-migration-v0-v9/library/jest.config.js

@@ -24,7 +24,7 @@ if (swcJestConfig.swcrc === undefined) {
  */
 module.exports = {
   displayName: 'react-migration-v0-v9',
-  preset: '../../../jest.preset.js',
+  preset: '../../../../jest.preset.js',
   transform: {
     '^.+\\.tsx?$': ['@swc/jest', swcJestConfig],
   },

packages/react-components/react-migration-v0-v9/package.json → packages/react-components/react-migration-v0-v9/library/package.json

@@ -20,13 +20,13 @@
     "test": "jest --passWithNoTests",
     "type-check": "just-scripts type-check",
     "generate-api": "just-scripts generate-api",
-    "storybook": "start-storybook",
+    "storybook": "yarn --cwd ../stories storybook",
     "start": "yarn storybook"
   },
   "devDependencies": {
+    "@fluentui/react-conformance": "*",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-northstar": "*",
-    "@fluentui/react-conformance": "*",
     "@fluentui/react-conformance-griffel": "*",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*",

packages/react-components/react-migration-v0-v9/library/project.json

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

packages/react-components/react-migration-v0-v9/library/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "extends": "../../../../tsconfig.base.all.json",
+  "compilerOptions": {
+    "strict": true,
+    "target": "ES2019",
+    "noEmit": true,
+    "isolatedModules": true,
+    "importHelpers": true,
+    "jsx": "react",
+    "noUnusedLocals": true,
+    "preserveConstEnums": true
+  },
+  "include": [],
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

packages/react-components/react-migration-v8-v9/tsconfig.lib.json → packages/react-components/react-migration-v0-v9/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-migration-v0-v9/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-migration-v0-v9/.storybook/main.js → packages/react-components/react-migration-v0-v9/stories/.storybook/main.js

@@ -1,13 +1,13 @@
 const path = require('path');
 const { registerTsPaths } = require('@fluentui/scripts-storybook');
 
-const rootMain = require('../../../../.storybook/main');
+const rootMain = require('../../../../../.storybook/main');
 
-const tsConfigAllPath = path.join(__dirname, '../../../../tsconfig.base.all.json');
+const tsConfigAllPath = path.join(__dirname, '../../../../../tsconfig.base.all.json');
 
-module.exports = /** @type {Omit<import('../../../../.storybook/main'), 'typescript'|'babel'>} */ ({
+module.exports = /** @type {Omit<import('../../../../../.storybook/main'), 'typescript'|'babel'>} */ ({
   ...rootMain,
-  stories: [...rootMain.stories, '../stories/**/*.stories.mdx', '../stories/**/index.stories.@(ts|tsx)'],
+  stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/index.stories.@(ts|tsx)'],
   addons: [...rootMain.addons],
   webpackFinal: (config, options) => {
     const localConfig = /** @type config */ ({ ...rootMain.webpackFinal(config, options) });

packages/react-components/react-migration-v8-v9/.storybook/preview.js → packages/react-components/react-migration-v0-v9/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-migration-v8-v9/.storybook/tsconfig.json → packages/react-components/react-migration-v0-v9/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-migration-v0-v9/stories/README.md

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

packages/react-components/react-migration-v0-v9/stories/just.config.ts

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

packages/react-components/react-migration-v0-v9/stories/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@fluentui/react-migration-v0-v9-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"
+  },
+  "devDependencies": {
+    "@fluentui/react-migration-v0-v9": "*",
+    "@fluentui/react-northstar": "*",
+    "@fluentui/react-components": "*",
+    "@fluentui/react-icons-northstar": "*",
+    "@fluentui/react-storybook-addon": "*",
+    "@fluentui/react-storybook-addon-export-to-sandbox": "*",
+    "@fluentui/scripts-storybook": "*",
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/scripts-tasks": "*"
+  }
+}

packages/react-components/react-migration-v0-v9/stories/project.json

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

packages/react-components/react-migration-v0-v9/stories/src/index.ts

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

packages/react-components/react-migration-v0-v9/tsconfig.json → packages/react-components/react-migration-v0-v9/stories/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../../tsconfig.base.all.json",
+  "extends": "../../../../tsconfig.base.json",
   "compilerOptions": {
     "strict": true,
     "target": "ES2019",
@@ -16,9 +16,6 @@
     {
       "path": "./tsconfig.lib.json"
     },
-    {
-      "path": "./tsconfig.spec.json"
-    },
     {
       "path": "./.storybook/tsconfig.json"
     }

packages/react-components/react-migration-v0-v9/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-migration-v8-v9/.babelrc.json → packages/react-components/react-migration-v8-v9/library/.babelrc.json

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