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

change/@fluentui-react-spinbutton-d8538b20-21ca-421d-b2f0-f5302d8f56e2.json

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

packages/react-components/react-spinbutton/.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-spinbutton/.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-spinbutton/.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-spinbutton/Spec.md → packages/react-components/react-spinbutton/docs/Spec.md

@@ -41,11 +41,11 @@ Note that labels and helper text are included here for completeness but will be
 
 #### Base `SpinButton` Anatomy
 
-![Base SpinButton Anatomy (annotated)](./spec-assets/spec-spinbutton-anatomy.png)
+![Base SpinButton Anatomy (annotated)](./assets/spec-spinbutton-anatomy.png)
 
 #### Alternate/Optional `SpinButton` Anatomy
 
-![Alternate/Optional SpinButton Anatomy (annotated)](./spec-assets/spec-spinbutton-anatomy-alt-optional.png)
+![Alternate/Optional SpinButton Anatomy (annotated)](./assets/spec-spinbutton-anatomy-alt-optional.png)
 
 ### Common Features
 
@@ -74,7 +74,7 @@ Unlike directly typing input into the control, step buttons do not allow input o
 
 Most implementations flip the layout of the control for RTL. Using the base example, the step buttons appear on the left with the value on the right as opposed to the LTR version where the value is on the left and the steppers on the right.
 
-![Example of an RTL SpinButton](./spec-assets/spec-spinbutton-rtl.png)
+![Example of an RTL SpinButton](./assets/spec-spinbutton-rtl.png)
 
 ### a11y
 

packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.test.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { fireEvent, render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { SpinButton } from './SpinButton';
-import { isConformant } from '../../common/isConformant';
+import { isConformant } from '../../testing/isConformant';
 import * as Keys from '@fluentui/keyboard-keys';
 
 const getSpinButtonInput = (): HTMLInputElement => {

packages/react-components/react-spinbutton/src/components/SpinButtonField/SpinButtonField.test.tsx

@@ -1,4 +1,4 @@
-import { isConformant } from '../../common/isConformant';
+import { isConformant } from '../../testing/isConformant';
 import { SpinButtonField } from './SpinButtonField';
 
 describe('SpinButtonField', () => {

packages/react-components/react-spinbutton/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-spinbutton/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"
+  ]
 }