chore(react-dialog): migrate to new package structure

change/@fluentui-react-dialog-66c4df04-b1d2-4abd-99fc-d6053ebdfe08.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: Migrate to new package structure.",
+  "packageName": "@fluentui/react-dialog",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

packages/react-components/react-dialog/.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-dialog/.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-dialog/.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-dialog/e2e/Dialog.e2e.tsx → packages/react-components/react-dialog/src/components/Dialog/Dialog.cy.tsx

@@ -30,7 +30,7 @@ import {
   dialogTriggerCloseId,
   dialogTriggerCloseSelector,
   dialogTriggerOpenSelector,
-} from './selectors';
+} from '../../testing/selectors';
 
 const mount = (element: JSX.Element) => mountBase(<FluentProvider theme={teamsLightTheme}>{element}</FluentProvider>);
 
@@ -179,6 +179,7 @@ describe('Dialog', () => {
         }
       }, [open]);
       return (
+        //eslint-disable-next-line react/jsx-no-bind
         <Dialog open={open} onOpenChange={(event, data) => setOpen(data.open)}>
           <DialogTrigger disableButtonEnhancement>
             <Button>Open dialog</Button>

packages/react-components/react-dialog/src/components/Dialog/Dialog.test.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { render } from '@testing-library/react';
 import { Dialog } from './Dialog';
 import { DialogProps } from './Dialog.types';
-import { isConformant } from '../../common/isConformant';
+import { isConformant } from '../../testing/isConformant';
 
 describe('Dialog', () => {
   isConformant<DialogProps>({

packages/react-components/react-dialog/src/components/DialogActions/DialogActions.test.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { render } from '@testing-library/react';
 import { DialogActions } from './DialogActions';
-import { isConformant } from '../../common/isConformant';
+import { isConformant } from '../../testing/isConformant';
 import { DialogActionsProps } from './DialogActions.types';
 
 describe('DialogActions', () => {

packages/react-components/react-dialog/src/components/DialogBody/DialogBody.test.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { render } from '@testing-library/react';
 import { DialogBody } from './DialogBody';
-import { isConformant } from '../../common/isConformant';
+import { isConformant } from '../../testing/isConformant';
 import type { DialogBodyProps } from './DialogBody.types';
 
 describe('DialogBody', () => {

packages/react-components/react-dialog/src/components/DialogContent/DialogContent.test.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { render } from '@testing-library/react';
 import { DialogContent } from './DialogContent';
-import { isConformant } from '../../common/isConformant';
+import { isConformant } from '../../testing/isConformant';
 
 describe('DialogContent', () => {
   isConformant({

packages/react-components/react-dialog/src/components/DialogSurface/DialogSurface.test.tsx

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { render } from '@testing-library/react';
 import { DialogSurface } from './DialogSurface';
 import { resetIdsForTests } from '@fluentui/react-utilities';
-import { isConformant } from '../../common/isConformant';
+import { isConformant } from '../../testing/isConformant';
 import type { DialogSurfaceProps } from './DialogSurface.types';
-import { mockUseDialogContext } from '../../contexts/dialogContext.mock';
+import { mockUseDialogContext } from '../../testing/mockUseDialogContext';
 
 jest.mock('../../contexts/dialogContext.ts');
 

packages/react-components/react-dialog/e2e/DialogTitle.e2e.tsx → packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.cy.tsx

@@ -14,7 +14,7 @@ import {
   DialogTrigger,
 } from '@fluentui/react-dialog';
 import { Button } from '@fluentui/react-components';
-import { dialogActionSelector, dialogTriggerOpenSelector } from './selectors';
+import { dialogActionSelector, dialogTriggerOpenSelector } from '../../testing/selectors';
 
 const mount = (element: JSX.Element) => mountBase(<FluentProvider theme={teamsLightTheme}>{element}</FluentProvider>);
 

packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.test.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { render } from '@testing-library/react';
 import { DialogTitle } from './DialogTitle';
-import { isConformant } from '../../common/isConformant';
+import { isConformant } from '../../testing/isConformant';
 import type { DialogTitleProps } from './DialogTitle.types';
 
 describe('DialogTitle', () => {

packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.test.tsx

@@ -2,8 +2,8 @@ import * as React from 'react';
 import { DialogTrigger } from './DialogTrigger';
 import * as renderer from 'react-test-renderer';
 import { createEvent, fireEvent, render } from '@testing-library/react';
-import { isConformant } from '../../common/isConformant';
-import { mockUseDialogContext } from '../../contexts/dialogContext.mock';
+import { isConformant } from '../../testing/isConformant';
+import { mockUseDialogContext } from '../../testing/mockUseDialogContext';
 import { Enter } from '@fluentui/keyboard-keys';
 import { DialogTriggerProps } from './DialogTrigger.types';
 

packages/react-components/react-dialog/src/contexts/dialogContext.mock.ts → packages/react-components/react-dialog/src/testing/mockUseDialogContext.ts

@@ -1,5 +1,5 @@
-import { useDialogContext_unstable } from './dialogContext';
-import type { DialogContextValue } from './dialogContext';
+import { useDialogContext_unstable } from '../contexts/dialogContext';
+import type { DialogContextValue } from '../contexts/dialogContext';
 
 /**
  * A test utility to mock the useDialogContext_unstable hook that relies on context selector

packages/react-components/react-dialog/e2e/tsconfig.json → packages/react-components/react-dialog/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-dialog/tsconfig.json

@@ -22,7 +22,7 @@
       "path": "./.storybook/tsconfig.json"
     },
     {
-      "path": "./e2e/tsconfig.json"
+      "path": "./tsconfig.cy.json"
     }
   ]
 }

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

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

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

@@ -7,11 +7,11 @@
   },
   "include": [
     "**/*.spec.ts",
-    "**/*.mock.ts",
-    "**/*.mock.tsx",
     "**/*.spec.tsx",
     "**/*.test.ts",
     "**/*.test.tsx",
-    "**/*.d.ts"
+    "**/*.d.ts",
+    "./src/testing/**/*.ts",
+    "./src/testing/**/*.tsx"
   ]
 }