chore(react-portal, portal-compat, portal-compat-context): migrate to…

… new package structure (microsoft#25481)

change/@fluentui-react-portal-54fcbe1c-d23f-48f6-916a-9752737af543.json

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

change/@fluentui-react-portal-compat-0f43f3ad-6a47-4dec-8dfc-209831dd34b5.json

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

change/@fluentui-react-portal-compat-context-a9e06321-41d0-43bb-b673-d1da46746c8a.json

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

packages/react-components/react-portal-compat-context/.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-portal-compat/.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-portal-compat/e2e/PortalCompat.e2e.tsx → packages/react-components/react-portal-compat/src/PortalCompat.cy.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { mount as mountBase } from '@cypress/react';
 import { FluentProvider } from '@fluentui/react-provider';
 import { teamsLightTheme } from '@fluentui/react-theme';
-import { PortalCompatProvider } from '../src';
+import { PortalCompatProvider } from '@fluentui/react-portal-compat';
 import { usePortalCompat } from '@fluentui/react-portal-compat-context';
 
 const mount = (element: JSX.Element) => {
@@ -21,7 +21,7 @@ describe('PortalCompat', () => {
  if (ref.current) {
  return registerPortal(ref.current);
  }
- }, []);
+ }, [registerPortal]);
 
  return (
  <div ref={ref}>

packages/react-components/react-portal-compat/e2e/tsconfig.json → packages/react-components/react-portal-compat/tsconfig.cy.json

@@ -1,9 +1,9 @@
 {
- "extends": "../tsconfig.json",
+ "extends": "./tsconfig.json",
  "compilerOptions": {
  "isolatedModules": false,
  "types": ["node", "cypress", "cypress-storybook/cypress", "cypress-real-events"],
  "lib": ["ES2019", "dom"]
  },
- "include": ["**/*.ts", "**/*.tsx"]
+ "include": ["**/*.cy.ts", "**/*.cy.tsx"]
 }

packages/react-components/react-portal-compat/tsconfig.json

@@ -18,6 +18,9 @@
  },
  {
  "path": "./tsconfig.spec.json"
+ },
+ {
+ "path": "./tsconfig.cy.json"
  }
  ]
 }

packages/react-components/react-portal-compat/tsconfig.lib.json

@@ -9,6 +9,6 @@
  "inlineSources": true,
  "types": ["static-assets", "environment"]
  },
- "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx"],
+ "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.cy.ts", "**/*.cy.tsx"],
  "include": ["./src/**/*.ts", "./src/**/*.tsx"]
 }

packages/react-components/react-portal/.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-portal/.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-portal/.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"]
 }