diff --git a/change/@fluentui-react-persona-d422e1d6-3863-443a-bab4-ffebb3f71c73.json b/change/@fluentui-react-persona-d422e1d6-3863-443a-bab4-ffebb3f71c73.json new file mode 100644 index 0000000000000..5ca69d1d41499 --- /dev/null +++ b/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" +} diff --git a/packages/react-components/react-persona/.npmignore b/packages/react-components/react-persona/.npmignore index 52d2a7273a151..f7ce568a6dbf7 100644 --- a/packages/react-components/react-persona/.npmignore +++ b/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 diff --git a/packages/react-components/react-persona/.storybook/main.js b/packages/react-components/react-persona/.storybook/main.js index f57cfd09509e7..26536b61b387f 100644 --- a/packages/react-components/react-persona/.storybook/main.js +++ b/packages/react-components/react-persona/.storybook/main.js @@ -2,7 +2,7 @@ const rootMain = require('../../../../.storybook/main'); module.exports = /** @type {Omit} */ ({ ...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) }; diff --git a/packages/react-components/react-persona/.storybook/tsconfig.json b/packages/react-components/react-persona/.storybook/tsconfig.json index f9f60e1234ed4..ea89218a3d916 100644 --- a/packages/react-components/react-persona/.storybook/tsconfig.json +++ b/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"] } diff --git a/packages/react-components/react-persona/MIGRATION.md b/packages/react-components/react-persona/docs/MIGRATION.md similarity index 99% rename from packages/react-components/react-persona/MIGRATION.md rename to packages/react-components/react-persona/docs/MIGRATION.md index 697c575bbd736..57e145ba51c7a 100644 --- a/packages/react-components/react-persona/MIGRATION.md +++ b/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' }}` diff --git a/packages/react-components/react-persona/Spec.md b/packages/react-components/react-persona/docs/Spec.md similarity index 100% rename from packages/react-components/react-persona/Spec.md rename to packages/react-components/react-persona/docs/Spec.md diff --git a/packages/react-components/react-persona/src/components/Persona/Persona.test.tsx b/packages/react-components/react-persona/src/components/Persona/Persona.test.tsx index e38bfa163a4d5..db5c20efeb2fa 100644 --- a/packages/react-components/react-persona/src/components/Persona/Persona.test.tsx +++ b/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'; diff --git a/packages/react-components/react-persona/src/common/isConformant.ts b/packages/react-components/react-persona/src/testing/isConformant.ts similarity index 100% rename from packages/react-components/react-persona/src/common/isConformant.ts rename to packages/react-components/react-persona/src/testing/isConformant.ts diff --git a/packages/react-components/react-persona/src/stories/Persona/PersonaAvatarSize.stories.tsx b/packages/react-components/react-persona/stories/Persona/PersonaAvatarSize.stories.tsx similarity index 100% rename from packages/react-components/react-persona/src/stories/Persona/PersonaAvatarSize.stories.tsx rename to packages/react-components/react-persona/stories/Persona/PersonaAvatarSize.stories.tsx diff --git a/packages/react-components/react-persona/src/stories/Persona/PersonaDefault.stories.tsx b/packages/react-components/react-persona/stories/Persona/PersonaDefault.stories.tsx similarity index 100% rename from packages/react-components/react-persona/src/stories/Persona/PersonaDefault.stories.tsx rename to packages/react-components/react-persona/stories/Persona/PersonaDefault.stories.tsx diff --git a/packages/react-components/react-persona/src/stories/Persona/PersonaDescription.md b/packages/react-components/react-persona/stories/Persona/PersonaDescription.md similarity index 100% rename from packages/react-components/react-persona/src/stories/Persona/PersonaDescription.md rename to packages/react-components/react-persona/stories/Persona/PersonaDescription.md diff --git a/packages/react-components/react-persona/src/stories/Persona/PersonaPresenceSize.stories.tsx b/packages/react-components/react-persona/stories/Persona/PersonaPresenceSize.stories.tsx similarity index 100% rename from packages/react-components/react-persona/src/stories/Persona/PersonaPresenceSize.stories.tsx rename to packages/react-components/react-persona/stories/Persona/PersonaPresenceSize.stories.tsx diff --git a/packages/react-components/react-persona/src/stories/Persona/PersonaTextAlignment.stories.tsx b/packages/react-components/react-persona/stories/Persona/PersonaTextAlignment.stories.tsx similarity index 100% rename from packages/react-components/react-persona/src/stories/Persona/PersonaTextAlignment.stories.tsx rename to packages/react-components/react-persona/stories/Persona/PersonaTextAlignment.stories.tsx diff --git a/packages/react-components/react-persona/src/stories/Persona/PersonaTextPosition.stories.tsx b/packages/react-components/react-persona/stories/Persona/PersonaTextPosition.stories.tsx similarity index 100% rename from packages/react-components/react-persona/src/stories/Persona/PersonaTextPosition.stories.tsx rename to packages/react-components/react-persona/stories/Persona/PersonaTextPosition.stories.tsx diff --git a/packages/react-components/react-persona/src/stories/Persona/index.stories.tsx b/packages/react-components/react-persona/stories/Persona/index.stories.tsx similarity index 100% rename from packages/react-components/react-persona/src/stories/Persona/index.stories.tsx rename to packages/react-components/react-persona/stories/Persona/index.stories.tsx diff --git a/packages/react-components/react-persona/tsconfig.lib.json b/packages/react-components/react-persona/tsconfig.lib.json index 7f94e04299ed8..6f90cf95c005b 100644 --- a/packages/react-components/react-persona/tsconfig.lib.json +++ b/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", diff --git a/packages/react-components/react-persona/tsconfig.spec.json b/packages/react-components/react-persona/tsconfig.spec.json index 469fcba4d7ba7..911456fe4b4d9 100644 --- a/packages/react-components/react-persona/tsconfig.spec.json +++ b/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" + ] }