chore: update projects to use * for inner workspace dependencies (#…

…28426)

* ci: run workspace-dependencies check on ci

* chore: update syncpack version groups to reflect current setup

* chore: update apps and libraries to use * for inner workspace dependencies

* chore: migrate to syncpack 10 and accomodate inner workspace deps * version rule

* generate changefiles

* feat(tools): revert unwanted pre-release beacball bump changes in packages

* feat(scripts-beachball): run normalize-package-dependencies during release

apps/perf-test-react-components/package.json

@@ -19,14 +19,14 @@
   },
   "dependencies": {
     "@fluentui/scripts-perf-test-flamegrill": "*",
-    "@fluentui/react-avatar": "^9.5.12",
-    "@fluentui/react-button": "^9.3.23",
-    "@fluentui/react-field": "^9.1.11",
-    "@fluentui/react-infobutton": "9.0.0-beta.41",
-    "@fluentui/react-persona": "^9.2.22",
-    "@fluentui/react-provider": "^9.7.9",
-    "@fluentui/react-spinbutton": "^9.2.21",
-    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-avatar": "*",
+    "@fluentui/react-button": "*",
+    "@fluentui/react-field": "*",
+    "@fluentui/react-infobutton": ">=9.0.0-alpha",
+    "@fluentui/react-persona": "*",
+    "@fluentui/react-provider": "*",
+    "@fluentui/react-spinbutton": "*",
+    "@fluentui/react-theme": "*",
     "@griffel/core": "^1.11.0",
     "@microsoft/load-themed-styles": "^1.10.26",
     "react": "17.0.2",

apps/perf-test/package.json

@@ -19,8 +19,8 @@
   },
   "dependencies": {
     "@fluentui/scripts-perf-test-flamegrill": "*",
-    "@fluentui/example-data": "^8.4.11",
-    "@fluentui/react": "^8.110.8",
+    "@fluentui/example-data": "*",
+    "@fluentui/react": "*",
     "@microsoft/load-themed-styles": "^1.10.26",
     "react": "17.0.2",
     "react-dom": "17.0.2",

apps/public-docsite-resources/package.json

@@ -27,22 +27,22 @@
     "update-snapshots": "just-scripts jest -u"
   },
   "devDependencies": {
-    "@fluentui/api-docs": "^8.2.11",
+    "@fluentui/api-docs": "*",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/scripts-monorepo": "*",
     "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.8",
-    "@fluentui/react-examples": "^8.34.4",
+    "@fluentui/react": "*",
+    "@fluentui/react-examples": "*",
     "@microsoft/load-themed-styles": "^1.10.26",
-    "@fluentui/azure-themes": "^8.6.22",
-    "@fluentui/react-docsite-components": "^8.12.31",
-    "@fluentui/font-icons-mdl2": "^8.5.23",
-    "@fluentui/set-version": "^8.2.11",
-    "@fluentui/theme-samples": "^8.7.101",
-    "@fluentui/react-monaco-editor": "^1.7.108",
+    "@fluentui/azure-themes": "*",
+    "@fluentui/react-docsite-components": "*",
+    "@fluentui/font-icons-mdl2": "*",
+    "@fluentui/set-version": "*",
+    "@fluentui/theme-samples": "*",
+    "@fluentui/react-monaco-editor": "*",
     "office-ui-fabric-core": "^11.0.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",

apps/public-docsite-v9/package.json

@@ -23,16 +23,16 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-datepicker-compat": "^0.2.0",
-    "@fluentui/react-migration-v8-v9": "^9.3.7",
-    "@fluentui/react-migration-v0-v9": "^9.0.10",
-    "@fluentui/react": "^8.110.8",
-    "@fluentui/react-northstar": "^0.66.4",
-    "@fluentui/react-icons-northstar": "^0.66.4",
-    "@fluentui/react-components": "^9.26.0",
-    "@fluentui/react-storybook-addon": "^0.1.0",
-    "@fluentui/react-storybook-addon-codesandbox": "^0.1.0",
-    "@fluentui/theme-designer": "^9.0.0",
+    "@fluentui/react-datepicker-compat": "*",
+    "@fluentui/react-migration-v8-v9": "*",
+    "@fluentui/react-migration-v0-v9": "*",
+    "@fluentui/react": "*",
+    "@fluentui/react-northstar": "*",
+    "@fluentui/react-icons-northstar": "*",
+    "@fluentui/react-components": "*",
+    "@fluentui/react-storybook-addon": "*",
+    "@fluentui/react-storybook-addon-codesandbox": "*",
+    "@fluentui/theme-designer": "*",
     "@griffel/react": "^1.5.7",
     "react": "17.0.2",
     "react-dom": "17.0.2",

apps/public-docsite/package.json

@@ -23,29 +23,29 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@fluentui/common-styles": "^1.2.32",
+    "@fluentui/common-styles": "*",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-monaco-editor": "^1.7.108",
+    "@fluentui/react-monaco-editor": "*",
     "write-file-webpack-plugin": "^4.1.0",
     "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/font-icons-mdl2": "^8.5.23",
-    "@fluentui/public-docsite-resources": "^8.1.41",
-    "@fluentui/public-docsite-setup": "^0.3.21",
-    "@fluentui/react": "^8.110.8",
-    "@fluentui/react-docsite-components": "^8.12.31",
-    "@fluentui/react-examples": "^8.34.4",
-    "@fluentui/react-experiments": "^8.14.96",
-    "@fluentui/fluent2-theme": "^8.107.28",
-    "@fluentui/react-file-type-icons": "^8.9.3",
-    "@fluentui/react-icons-mdl2": "^1.3.47",
-    "@fluentui/react-icons-mdl2-branded": "^1.2.48",
-    "@fluentui/set-version": "^8.2.11",
-    "@fluentui/theme": "^2.6.34",
-    "@fluentui/theme-samples": "^8.7.101",
-    "@fluentui/utilities": "^8.13.18",
+    "@fluentui/font-icons-mdl2": "*",
+    "@fluentui/public-docsite-resources": "*",
+    "@fluentui/public-docsite-setup": "*",
+    "@fluentui/react": "*",
+    "@fluentui/react-docsite-components": "*",
+    "@fluentui/react-examples": "*",
+    "@fluentui/react-experiments": "*",
+    "@fluentui/fluent2-theme": "*",
+    "@fluentui/react-file-type-icons": "*",
+    "@fluentui/react-icons-mdl2": "*",
+    "@fluentui/react-icons-mdl2-branded": "*",
+    "@fluentui/set-version": "*",
+    "@fluentui/theme": "*",
+    "@fluentui/theme-samples": "*",
+    "@fluentui/utilities": "*",
     "@microsoft/load-themed-styles": "^1.10.26",
     "office-ui-fabric-core": "^11.0.0",
     "react": "17.0.2",

apps/react-18-tests-v8/package.json

@@ -21,8 +21,8 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.8",
-    "@fluentui/react-hooks": "^8.6.29",
+    "@fluentui/react": "*",
+    "@fluentui/react-hooks": "*",
     "@types/react": "18.0.14",
     "@types/react-dom": "18.0.6",
     "react": "18.2.0",

apps/react-18-tests-v9/package.json

@@ -19,7 +19,7 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-components": "^9.26.0",
+    "@fluentui/react-components": "*",
     "@types/react": "18.0.14",
     "@types/react-dom": "18.0.6",
     "react": "18.2.0",

apps/recipes-react-components/package.json

@@ -16,12 +16,12 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-components": "^9.26.0",
+    "@fluentui/react-components": "*",
     "@fluentui/react-icons": "^2.0.203",
-    "@fluentui/react-theme": "^9.1.9",
-    "@fluentui/react-provider": "^9.7.9",
-    "@fluentui/react-storybook-addon": "^0.1.0",
-    "@fluentui/react-storybook-addon-codesandbox": "^0.1.0",
+    "@fluentui/react-theme": "*",
+    "@fluentui/react-provider": "*",
+    "@fluentui/react-storybook-addon": "*",
+    "@fluentui/react-storybook-addon-codesandbox": "*",
     "@griffel/react": "^1.5.7",
     "react": "17.0.2",
     "react-dom": "17.0.2",

apps/ssr-tests-v9/package.json

@@ -18,7 +18,7 @@
     "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\""
   },
   "dependencies": {
-    "@fluentui/react-components": "^9.26.0"
+    "@fluentui/react-components": "*"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",

apps/ssr-tests/package.json

@@ -13,10 +13,10 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@fluentui/react": "^8.110.8",
+    "@fluentui/react": "*",
     "@microsoft/load-themed-styles": "^1.10.26",
     "@types/mocha": "7.0.2",
-    "@fluentui/public-docsite-resources": "^8.1.41",
+    "@fluentui/public-docsite-resources": "*",
     "mocha": "7.2.0",
     "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-webpack": "*"

apps/stress-test/package.json

@@ -10,10 +10,10 @@
     "type-check": "tsc -b tsconfig.type.json"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.8",
-    "@fluentui/react-components": "^9.26.0",
+    "@fluentui/react": "*",
+    "@fluentui/react-components": "*",
     "@fluentui/react-icons": "^2.0.203",
-    "@fluentui/web-components": "^2.5.15",
+    "@fluentui/web-components": "*",
     "@microsoft/fast-element": "^1.11.1",
     "afterframe": "1.0.2",
     "react": "17.0.2",

apps/theming-designer/package.json

@@ -19,13 +19,13 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.110.8",
-    "@fluentui/merge-styles": "^8.5.12",
-    "@fluentui/react-docsite-components": "^8.12.31",
-    "@fluentui/foundation-legacy": "^8.2.43",
-    "@fluentui/scheme-utilities": "^8.3.35",
-    "@fluentui/set-version": "^8.2.11",
-    "@fluentui/font-icons-mdl2": "^8.5.23",
+    "@fluentui/react": "*",
+    "@fluentui/merge-styles": "*",
+    "@fluentui/react-docsite-components": "*",
+    "@fluentui/foundation-legacy": "*",
+    "@fluentui/scheme-utilities": "*",
+    "@fluentui/set-version": "*",
+    "@fluentui/font-icons-mdl2": "*",
     "@microsoft/load-themed-styles": "^1.10.26",
     "react": "17.0.2",
     "react-dom": "17.0.2",

apps/ts-minbar-test-react-components/package.json

@@ -5,7 +5,7 @@
   "description": "Testing Fluent UI React Components compatibility with Typescript 3.9",
   "license": "MIT",
   "dependencies": {
-    "@fluentui/react-components": "^9.26.0"
+    "@fluentui/react-components": "*"
   },
   "scripts": {
     "type-check": "tsc -p .",

apps/ts-minbar-test-react/package.json

@@ -5,7 +5,7 @@
   "description": "Testing Fluent UI React compatibility with Typescript 3.9",
   "license": "MIT",
   "dependencies": {
-    "@fluentui/react": "^8.110.8"
+    "@fluentui/react": "*"
   },
   "scripts": {
     "type-check": "tsc -p .",

apps/vr-tests-react-components/package.json

@@ -20,51 +20,51 @@
     "@fluentui/scripts-storybook": "*"
   },
   "dependencies": {
-    "@fluentui/react-accordion": "^9.1.23",
-    "@fluentui/react-avatar": "^9.5.12",
-    "@fluentui/react-badge": "^9.1.20",
-    "@fluentui/react-button": "^9.3.23",
-    "@fluentui/react-card": "^9.0.21",
-    "@fluentui/react-checkbox": "^9.1.24",
-    "@fluentui/react-combobox": "^9.4.7",
-    "@fluentui/react-context-selector": "^9.1.26",
-    "@fluentui/react-datepicker-compat": "^0.2.0",
-    "@fluentui/react-dialog": "^9.5.16",
-    "@fluentui/react-divider": "^9.2.20",
-    "@fluentui/react-field": "^9.1.11",
+    "@fluentui/react-accordion": "*",
+    "@fluentui/react-avatar": "*",
+    "@fluentui/react-badge": "*",
+    "@fluentui/react-button": "*",
+    "@fluentui/react-card": "*",
+    "@fluentui/react-checkbox": "*",
+    "@fluentui/react-combobox": "*",
+    "@fluentui/react-context-selector": "*",
+    "@fluentui/react-datepicker-compat": "*",
+    "@fluentui/react-dialog": "*",
+    "@fluentui/react-divider": "*",
+    "@fluentui/react-field": "*",
     "@fluentui/react-icons": "^2.0.203",
-    "@fluentui/react-image": "^9.1.17",
-    "@fluentui/react-infobutton": "9.0.0-beta.41",
-    "@fluentui/react-input": "^9.4.21",
-    "@fluentui/react-label": "^9.1.20",
-    "@fluentui/react-link": "^9.1.2",
-    "@fluentui/react-menu": "^9.10.0",
-    "@fluentui/react-persona": "^9.2.22",
-    "@fluentui/react-popover": "^9.7.6",
-    "@fluentui/react-portal": "^9.3.1",
-    "@fluentui/react-positioning": "^9.8.0",
-    "@fluentui/react-progress": "^9.1.21",
-    "@fluentui/react-provider": "^9.7.9",
-    "@fluentui/react-radio": "^9.1.24",
-    "@fluentui/react-search-preview": "^0.0.0",
-    "@fluentui/react-select": "^9.1.21",
-    "@fluentui/react-shared-contexts": "^9.6.0",
-    "@fluentui/react-skeleton": "^9.0.9",
-    "@fluentui/react-slider": "^9.1.24",
-    "@fluentui/react-spinner": "^9.2.7",
-    "@fluentui/react-spinbutton": "^9.2.21",
-    "@fluentui/react-storybook-addon": "^0.1.0",
-    "@fluentui/react-storybook-addon-codesandbox": "^0.1.0",
-    "@fluentui/react-switch": "^9.1.24",
-    "@fluentui/react-tabs": "^9.3.24",
-    "@fluentui/react-table": "^9.6.0",
-    "@fluentui/react-text": "^9.3.17",
-    "@fluentui/react-textarea": "^9.3.21",
-    "@fluentui/react-theme": "^9.1.9",
-    "@fluentui/react-toast": "^9.0.3",
-    "@fluentui/react-tooltip": "^9.2.23",
-    "@fluentui/react-toolbar": "^9.1.24",
-    "@fluentui/react-utilities": "^9.10.1",
+    "@fluentui/react-image": "*",
+    "@fluentui/react-infobutton": ">=9.0.0-alpha",
+    "@fluentui/react-input": "*",
+    "@fluentui/react-label": "*",
+    "@fluentui/react-link": "*",
+    "@fluentui/react-menu": "*",
+    "@fluentui/react-persona": "*",
+    "@fluentui/react-popover": "*",
+    "@fluentui/react-portal": "*",
+    "@fluentui/react-positioning": "*",
+    "@fluentui/react-progress": "*",
+    "@fluentui/react-provider": "*",
+    "@fluentui/react-radio": "*",
+    "@fluentui/react-search-preview": "*",
+    "@fluentui/react-select": "*",
+    "@fluentui/react-shared-contexts": "*",
+    "@fluentui/react-skeleton": "*",
+    "@fluentui/react-slider": "*",
+    "@fluentui/react-spinner": "*",
+    "@fluentui/react-spinbutton": "*",
+    "@fluentui/react-storybook-addon": "*",
+    "@fluentui/react-storybook-addon-codesandbox": "*",
+    "@fluentui/react-switch": "*",
+    "@fluentui/react-tabs": "*",
+    "@fluentui/react-table": "*",
+    "@fluentui/react-text": "*",
+    "@fluentui/react-textarea": "*",
+    "@fluentui/react-theme": "*",
+    "@fluentui/react-toast": "*",
+    "@fluentui/react-tooltip": "*",
+    "@fluentui/react-toolbar": "*",
+    "@fluentui/react-utilities": "*",
     "@griffel/react": "^1.5.7",
     "react": "17.0.2",
     "react-dom": "17.0.2",

apps/vr-tests/package.json

@@ -20,13 +20,13 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/example-data": "^8.4.11",
-    "@fluentui/font-icons-mdl2": "^8.5.23",
-    "@fluentui/react": "^8.110.8",
-    "@fluentui/react-experiments": "^8.14.96",
-    "@fluentui/react-hooks": "^8.6.29",
-    "@fluentui/react-icons-mdl2": "^1.3.47",
-    "@fluentui/storybook": "^1.0.0",
+    "@fluentui/example-data": "*",
+    "@fluentui/font-icons-mdl2": "*",
+    "@fluentui/react": "*",
+    "@fluentui/react-experiments": "*",
+    "@fluentui/react-hooks": "*",
+    "@fluentui/react-icons-mdl2": "*",
+    "@fluentui/storybook": "*",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "tslib": "^2.1.0"

azure-pipelines.yml

@@ -32,6 +32,8 @@ jobs:
           yarn nx workspace-lint
           yarn nx run @fluentui/nx-workspace-tools:check-graph
           yarn nx workspace-generator tsconfig-base-all --verify
+          yarn nx workspace-generator normalize-package-dependencies --verify
+
         displayName: Workspace lint
 
       - script: |

change/@fluentui-common-styles-da80d3d5-d36e-436f-8745-f1fb48e3dc58.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: update devDependencies to use * for inner workspace dependencies",
+  "packageName": "@fluentui/common-styles",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-cra-template-c83e0a80-7e08-4037-8238-cfc26805f402.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: update devDependencies to use * for inner workspace dependencies",
+  "packageName": "@fluentui/cra-template",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}