chore(react-persona): migrate to new package structure (#25737)

change/@fluentui-react-persona-d422e1d6-3863-443a-bab4-ffebb3f71c73.json

@@ -0,0 +1,7 @@
+{
+ "type": "prerelease",
+ "comment": "chore: Migrate to new package structure.",
+ "packageName": "@fluentui/react-persona",
+ "email": "tristan.watanabe@gmail.com",
+ "dependentChangeType": "patch"
+}

packages/react-components/react-persona/.npmignore

@@ -3,10 +3,11 @@
 bundle-size/
 config/
 coverage/
-e2e/
+docs/
 etc/
 node_modules/
 src/
+stories/
 dist/types/
 temp/
 __fixtures__
@@ -16,7 +17,7 @@ __tests__
 *.api.json
 *.log
 *.spec.*
-*.stories.*
+*.cy.*
 *.test.*
 *.yml
 

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

@@ -2,7 +2,7 @@ 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)'],
+ stories: [...rootMain.stories, '../stories/**/*.stories.mdx', '../stories/**/index.stories.@(ts|tsx)'],
  addons: [...rootMain.addons],
  webpackFinal: (config, options) => {
  const localConfig = { ...rootMain.webpackFinal(config, options) };

packages/react-components/react-persona/.storybook/tsconfig.json

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

packages/react-components/react-persona/MIGRATION.md → packages/react-components/react-persona/docs/MIGRATION.md

@@ -13,6 +13,7 @@ Here's how the API of v8's `Persona` compares to the one from v9's `Persona` com
 - ```
 
  ```
+
 - `imageShouldFadeIn` => NOT SUPPORTED
 - `isOutOfOffice` => Use the `outOfOffice` prop of the `presence` slot. E.g.: `presence={{ outOfOffice: true }}`
 - `presence` => Use the `status` prop of the `presence` slot. E.g.: `presence={{ status: 'away' }}`

packages/react-components/react-persona/src/components/Persona/Persona.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { isConformant } from '../../common/isConformant';
+import { isConformant } from '../../testing/isConformant';
 import { omit } from '@fluentui/react-utilities/src/utils/omit';
 import { Persona } from './Persona';
 import { personaClassNames } from './usePersonaStyles';

packages/react-components/react-persona/tsconfig.lib.json

@@ -10,7 +10,7 @@
  "types": ["static-assets", "environment"]
  },
  "exclude": [
- "./src/common/**",
+ "./src/testing/**",
  "**/*.spec.ts",
  "**/*.spec.tsx",
  "**/*.test.ts",

packages/react-components/react-persona/tsconfig.spec.json

@@ -5,5 +5,13 @@
  "outDir": "dist",
  "types": ["jest", "node"]
  },
- "include": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.d.ts"]
+ "include": [
+ "**/*.spec.ts",
+ "**/*.spec.tsx",
+ "**/*.test.ts",
+ "**/*.test.tsx",
+ "**/*.d.ts",
+ "./src/testing/**/*.ts",
+ "./src/testing/**/*.tsx"
+ ]
 }