Update to Yarn3 (#2980)

* Initial yarn 3 commit

* Fix use yarn please

* Result of yarn

* Build fixes

* Some more fixes

* Cleanup

* Change files

* Fix yarn check

* Port disabling PnP patching

* Update tests

* Port podfile.lock change

* Change files

* Reapply some package updates

* Fix for win32?

* Change files

* Convert tester deps?

* Edit workspaces property in package.json

* Update RNTA

* Update setup

.ado/templates/setup-repo.yml

@@ -11,5 +11,5 @@ steps:
     displayName: 'Install Nuget'
 
   - script: |
-      yarn install  --frozen-lockfile
+      yarn
     displayName: 'yarn install'

.gitignore

@@ -103,3 +103,13 @@ apps/*/.vscode/.react/
 
 # Ignore Gradle build output directory
 **/android/**/build
+
+# Yarn
+
+.pnp.*
+**/.yarn/*
+!**/.yarn/patches
+!**/.yarn/plugins
+!**/.yarn/releases
+!**/.yarn/sdks
+!**/.yarn/versions

.npmrc

@@ -1,3 +0,0 @@
-registry=https://registry.yarnpkg.com/
-registry=https://registry.npmjs.org
-always-auth=true

.yarn/plugins/@yarnpkg/plugin-compat.cjs

@@ -0,0 +1,4 @@
+module.exports = {
+  name: '@yarnpkg/plugin-compat',
+  factory: () => ({}),
+};

.yarnrc.yml

@@ -0,0 +1,6 @@
+nodeLinker: node-modules
+npmRegistryServer: 'https://registry.npmjs.org'
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-compat.cjs
+    spec: '@yarnpkg/plugin-compat'
+yarnPath: .yarn/releases/yarn-3.6.1.cjs

apps/E2E/package.json

@@ -9,7 +9,7 @@
     "e2etest:android": "wdio run wdio.conf.android.js",
     "e2etest:ios": "wdio run wdio.conf.ios.js",
     "e2etest:macos": "wdio run wdio.conf.macos.js",
-    "e2etest:windows": "rimraf errorShots/* reports/* && wdio run wdio.conf.windows.js"
+    "e2etest:windows": "rimraf errorShots reports && wdio run wdio.conf.windows.js"
   },
   "repository": {
     "type": "git",
@@ -45,6 +45,7 @@
     "appium-xcuitest-driver": "4.16.12",
     "metro-config": "^0.73.7",
     "metro-react-native-babel-preset": "^0.73.7",
+    "rimraf": "^5.0.1",
     "ts-node": "^8.10.1",
     "typescript": "4.9.4",
     "webdriverio": "7.30.1"

apps/fluent-tester/package.json

@@ -45,6 +45,7 @@
     "@fluentui-react-native/chip": "^0.1.4",
     "@fluentui-react-native/default-theme": ">=0.19.4 <1.0.0",
     "@fluentui-react-native/divider": "^0.5.5",
+    "@fluentui-react-native/drawer": "^0.2.6",
     "@fluentui-react-native/dropdown": ">=0.8.15 <1.0.0",
     "@fluentui-react-native/experimental-activity-indicator": ">=0.8.4 <1.0.0",
     "@fluentui-react-native/experimental-appearance-additions": "^0.5.5",
@@ -61,7 +62,6 @@
     "@fluentui-react-native/framework": ">=0.11.3 <1.0.0",
     "@fluentui-react-native/icon": "0.19.5",
     "@fluentui-react-native/input": "^0.3.7",
-    "@fluentui-react-native/drawer": "^0.2.6",
     "@fluentui-react-native/interactive-hooks": ">=0.24.5 <1.0.0",
     "@fluentui-react-native/menu": "^1.11.14",
     "@fluentui-react-native/merge-props": ">=0.7.0 <1.0.0",
@@ -106,7 +106,7 @@
     "metro-config": "^0.73.7",
     "metro-react-native-babel-preset": "^0.73.7",
     "react-native-svg-transformer": "^1.0.0",
-    "react-native-test-app": "^2.2.1",
+    "react-native-test-app": "^2.5.15",
     "react-test-renderer": "18.2.0"
   },
   "peerDependencies": {

apps/win32/package.json

@@ -21,7 +21,7 @@
     "run-win32-web": "rex-win32 --bundle index --component FluentTester --basePath ./dist --useWebDebugger --windowTitle \"FluentUI Tester\" --useFastRefresh --pluginProps --debugBundlePath index --jsEngine v8",
     "run-win32-dev-web": "rex-win32 --bundle index --component FluentTester --basePath ./dist --useDevMain --useWebDebugger --windowTitle \"FluentUI Tester\" --useFastRefresh --pluginProps --debugBundlePath index --jsEngine v8",
     "run-win32-devmain": "rex-win32 --bundle index.win32 --component FluentTester --basePath ./dist --useDevMain --windowTitle \"FluentUI Tester\" --pluginProps --debugBundlePath index --jsEngine v8",
-    "e2etest": "rimraf reports/* && wdio",
+    "e2etest": "rimraf reports && wdio",
     "prettier": "fluentui-scripts prettier",
     "prettier-fix": "fluentui-scripts prettier --fix true"
   },
@@ -59,6 +59,7 @@
     "metro-react-native-babel-preset": "^0.73.7",
     "react-native-svg-transformer": "^1.0.0",
     "react-test-renderer": "18.2.0",
+    "rimraf": "^5.0.1",
     "ts-node": "^8.10.1",
     "typescript": "4.9.4",
     "webdriverio": "7.30.1"

change/@fluentui-react-native-android-theme-e81f51fa-9e6f-4526-a3d3-f16b5195c3df.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/android-theme",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-apple-theme-9710948f-e130-4836-abbb-58c8523cf717.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update tests",
+  "packageName": "@fluentui-react-native/apple-theme",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-button-83a4d8a9-5581-41b3-b418-b8865824ec2b.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/button",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-checkbox-d44ab384-78c0-4b97-b703-0a93cf6cf87e.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/checkbox",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-default-theme-82d42906-082b-4b3b-accc-9a52329c1ad5.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/default-theme",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-dependency-profiles-c13415a4-d428-4a9c-8e26-7c0d75111530.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/dependency-profiles",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-divider-0f59ff2a-ec34-4a7c-83be-9c10314865cd.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/divider",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-e2e-testing-f1fd2308-0c5a-4289-bbcb-c088dd1bf9a5.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix for win32?",
+  "packageName": "@fluentui-react-native/e2e-testing",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-experimental-shadow-3f811644-01b6-4f3f-acca-2c110cf36132.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/experimental-shadow",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-experimental-shimmer-7034fb5c-237e-49b3-8dbf-340f7399a4ce.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/experimental-shimmer",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-experimental-tabs-c1672133-8a37-48f9-abca-cf80fcc6c39e.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/experimental-tabs",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-framework-dc2819ac-4344-4879-8fbc-3c9579b70247.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/framework",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-immutable-merge-df9983bc-76aa-4eb7-be8d-c28f47b80334.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/immutable-merge",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-interactive-hooks-3f7f97b4-5264-47c0-a6be-cdbd14753953.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/interactive-hooks",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-link-348a3a0b-22af-4a4b-bb4f-e9a121fbad96.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/link",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-memo-cache-5afd4125-c5c4-419f-bf43-5d46b9605b32.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/memo-cache",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-persona-21b44213-9afe-41fb-b542-f12bd241a705.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/persona",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-persona-coin-6d832698-6b56-4a37-83fd-f0bb8e1e514e.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/persona-coin",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-radio-group-2ab4ff86-93d3-425d-bd40-e048a024a18b.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/radio-group",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-spinner-3a68e2c1-ab87-4816-9f3f-e9affad4bcea.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/spinner",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-stack-4ac428b8-7024-4fd2-82e0-a6487a9abd5a.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/stack",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-tablist-23a5e58d-22d5-48fd-9312-69e24d3a6b2e.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/tablist",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-tester-c5a3dbab-56a4-41b7-8d0a-fcd494d70eff.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/tester",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-tester-win32-72de0ab1-a8ac-45de-988e-7d5b96eddc28.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix for win32?",
+  "packageName": "@fluentui-react-native/tester-win32",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-text-e095a712-25e2-48b9-9929-3f09ba841041.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/text",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-win32-theme-bae3a97d-2712-4798-9a57-2fb038e0ddbd.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@fluentui-react-native/win32-theme",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@uifabricshared-foundation-composable-58dfee3b-197b-4430-8df3-7289d51ef015.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@uifabricshared/foundation-composable",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@uifabricshared-foundation-compose-6dd328f5-e185-4d1d-b3ad-47b079efc9f9.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@uifabricshared/foundation-compose",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@uifabricshared-theming-ramp-28d42dda-a952-4b82-b880-d2d056055ea6.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Result of yarn",
+  "packageName": "@uifabricshared/theming-ramp",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

package.json

@@ -35,10 +35,10 @@
   },
   "devDependencies": {
     "@babel/core": "^7.8.0",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/preset-env": "^7.8.0",
     "@babel/preset-react": "^7.8.0",
     "@babel/preset-typescript": "^7.8.0",
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@rnx-kit/align-deps": "^2.2.2",
     "babel-jest": "^24.9.0",
     "beachball": "^2.20.0",
@@ -55,21 +55,11 @@
     "react-dom": "^18.2.0",
     "react-native": "^0.71.0"
   },
-  "workspaces": {
+  "workspaces": [
-    "packages": [
+    "apps/*",
-      "apps/*",
+    "packages/**",
-      "packages/**",
+    "scripts"
-      "scripts"
+  ],
-    ],
-    "nohoist": [
-      "@fluentui-react-native/e2e-testing/appium-windows-driver",
-      "@fluentui-react-native/e2e-testing/appium-mac2-driver",
-      "@fluentui-react-native/e2e-testing/appium-xcuitest-driver",
-      "@fluentui-react-native/tester-win32/appium-windows-driver",
-      "@fluentui-react-native/e2e-testing/appium-uiautomator2-driver",
-      "@fluentui-react-native/e2e-testing/appium-uiautomator2-server"
-    ]
-  },
   "resolutions": {
     "@appium/support": "3.1.5",
     "es5-ext": "0.10.53",
@@ -99,5 +89,6 @@
         "react-dom"
       ]
     }
-  }
+  },
+  "packageManager": "yarn@3.6.1"
 }

packages/components/Button/package.json

@@ -26,7 +26,6 @@
     "directory": "packages/components/Button"
   },
   "dependencies": {
-    "@uifabricshared/foundation-compose": "^1.14.4",
     "@fluentui-react-native/adapters": ">=0.11.1 <1.0.0",
     "@fluentui-react-native/experimental-activity-indicator": "^0.8.4",
     "@fluentui-react-native/experimental-shadow": "0.4.5",
@@ -35,13 +34,14 @@
     "@fluentui-react-native/interactive-hooks": ">=0.24.5 <1.0.0",
     "@fluentui-react-native/pressable": ">=0.10.6 <1.0.0",
     "@fluentui-react-native/styling-utils": ">=0.5.0 <1.0.0",
+    "@fluentui-react-native/text": ">=0.21.5 <1.0.0",
     "@fluentui-react-native/theme-tokens": ">=0.25.0 <1.0.0",
     "@fluentui-react-native/theme-types": ">=0.32.0 <1.0.0",
     "@fluentui-react-native/theming-utils": ">=0.24.1 <1.0.0",
-    "@fluentui-react-native/text": ">=0.21.5 <1.0.0",
     "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
     "@fluentui-react-native/use-styling": ">=0.11.0 <1.0.0",
     "@uifabricshared/foundation-composable": ">=0.12.1 <1.0.0",
+    "@uifabricshared/foundation-compose": "^1.14.4",
     "@uifabricshared/foundation-settings": ">=0.13.1 <1.0.0",
     "tslib": "^2.3.1"
   },

packages/components/Checkbox/package.json

@@ -36,8 +36,8 @@
     "@fluentui-react-native/theming-utils": ">=0.24.1 <1.0.0",
     "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
     "@fluentui-react-native/use-styling": ">=0.11.0 <1.0.0",
-    "@uifabricshared/foundation-compose": "^1.14.4",
     "@uifabricshared/foundation-composable": ">=0.12.1 <1.0.0",
+    "@uifabricshared/foundation-compose": "^1.14.4",
     "@uifabricshared/foundation-settings": ">=0.13.1 <1.0.0",
     "tslib": "^2.3.1"
   },

packages/components/Divider/package.json

@@ -29,8 +29,8 @@
     "@fluentui-react-native/framework": "0.11.3",
     "@fluentui-react-native/icon": "0.19.5",
     "@fluentui-react-native/text": ">=0.21.5 <1.0.0",
-    "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
+    "@fluentui-react-native/theme-tokens": ">=0.25.0 <1.0.0",
-    "@fluentui-react-native/theme-tokens": ">=0.25.0 <1.0.0"
+    "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0"
   },
   "devDependencies": {
     "@fluentui-react-native/eslint-config-rules": "^0.1.1",

packages/components/Link/package.json

@@ -26,7 +26,6 @@
     "directory": "packages/components/Link"
   },
   "dependencies": {
-    "@uifabricshared/foundation-compose": "^1.14.4",
     "@fluentui-react-native/adapters": ">=0.11.1 <1.0.0",
     "@fluentui-react-native/framework": ">=0.11.3 <1.0.0",
     "@fluentui-react-native/interactive-hooks": ">=0.24.5 <1.0.0",
@@ -34,6 +33,7 @@
     "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
     "@fluentui-react-native/use-styling": "^0.11.0",
     "@uifabricshared/foundation-composable": ">=0.12.1 <1.0.0",
+    "@uifabricshared/foundation-compose": "^1.14.4",
     "@uifabricshared/foundation-settings": ">=0.13.1 <1.0.0",
     "tslib": "^2.3.1"
   },

packages/components/Persona/package.json

@@ -26,12 +26,12 @@
     "directory": "packages/components/Persona"
   },
   "dependencies": {
-    "@uifabricshared/foundation-compose": "^1.14.4",
     "@fluentui-react-native/adapters": ">=0.11.1 <1.0.0",
     "@fluentui-react-native/framework": ">=0.11.3 <1.0.0",
     "@fluentui-react-native/persona-coin": ">=0.13.4 <1.0.0",
     "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
     "@uifabricshared/foundation-composable": ">=0.12.1 <1.0.0",
+    "@uifabricshared/foundation-compose": "^1.14.4",
     "@uifabricshared/foundation-settings": ">=0.13.1 <1.0.0",
     "@uifabricshared/foundation-tokens": ">=0.13.2 <1.0.0"
   },

packages/components/PersonaCoin/package.json

@@ -26,12 +26,12 @@
     "directory": "packages/components/PersonaCoin"
   },
   "dependencies": {
-    "@uifabricshared/foundation-compose": "^1.14.4",
     "@fluentui-react-native/adapters": ">=0.11.1 <1.0.0",
     "@fluentui-react-native/framework": ">=0.11.3 <1.0.0",
     "@fluentui-react-native/theme-tokens": ">=0.25.0 <1.0.0",
     "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
     "@uifabricshared/foundation-composable": ">=0.12.1 <1.0.0",
+    "@uifabricshared/foundation-compose": "^1.14.4",
     "@uifabricshared/foundation-settings": ">=0.13.1 <1.0.0",
     "@uifabricshared/foundation-tokens": ">=0.13.2 <1.0.0"
   },

packages/components/RadioGroup/package.json

@@ -26,7 +26,6 @@
     "directory": "packages/components/RadioGroup"
   },
   "dependencies": {
-    "@uifabricshared/foundation-compose": "^1.14.4",
     "@fluentui-react-native/adapters": ">=0.11.1 <1.0.0",
     "@fluentui-react-native/component-cache": "^1.5.1",
     "@fluentui-react-native/focus-zone": ">=0.12.7 <1.0.0",
@@ -38,6 +37,7 @@
     "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
     "@fluentui-react-native/use-styling": ">=0.11.0 <1.0.0",
     "@uifabricshared/foundation-composable": ">=0.12.1 <1.0.0",
+    "@uifabricshared/foundation-compose": "^1.14.4",
     "@uifabricshared/foundation-settings": ">=0.13.1 <1.0.0",
     "tslib": "^2.3.1"
   },

packages/components/Stack/package.json

@@ -26,11 +26,11 @@
     "directory": "packages/components/Stack"
   },
   "dependencies": {
-    "@uifabricshared/foundation-compose": "^1.14.4",
     "@fluentui-react-native/adapters": ">=0.11.1 <1.0.0",
     "@fluentui-react-native/framework": ">=0.11.3 <1.0.0",
     "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
     "@uifabricshared/foundation-composable": ">=0.12.1 <1.0.0",
+    "@uifabricshared/foundation-compose": "^1.14.4",
     "@uifabricshared/foundation-settings": ">=0.13.1 <1.0.0",
     "@uifabricshared/foundation-tokens": ">=0.13.2 <1.0.0"
   },

packages/components/text/package.json

@@ -26,13 +26,13 @@
     "directory": "packages/components/text"
   },
   "dependencies": {
-    "@uifabricshared/foundation-compose": "^1.14.4",
     "@fluentui-react-native/adapters": ">=0.11.1 <1.0.0",
     "@fluentui-react-native/experimental-native-font-metrics": "^0.4.1",
     "@fluentui-react-native/framework": "0.11.3",
     "@fluentui-react-native/interactive-hooks": ">=0.24.5 <1.0.0",
     "@fluentui-react-native/theme-tokens": ">=0.25.0 <1.0.0",
     "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
+    "@uifabricshared/foundation-compose": "^1.14.4",
     "tslib": "^2.3.1"
   },
   "devDependencies": {

packages/dependency-profiles/package.json

@@ -17,13 +17,18 @@
     "update-profile": "node update-profile.js"
   },
   "devDependencies": {
-    "@fluentui/react-native": "*",
+    "@fluentui-react-native/adapters": "*",
+    "@fluentui-react-native/android-theme": "*",
+    "@fluentui-react-native/apple-theme": "*",
     "@fluentui-react-native/avatar": "*",
     "@fluentui-react-native/badge": "*",
     "@fluentui-react-native/button": "*",
     "@fluentui-react-native/callout": "*",
     "@fluentui-react-native/checkbox": "*",
+    "@fluentui-react-native/component-cache": "*",
+    "@fluentui-react-native/composition": "*",
     "@fluentui-react-native/contextual-menu": "*",
+    "@fluentui-react-native/default-theme": "*",
     "@fluentui-react-native/dropdown": "*",
     "@fluentui-react-native/experimental-activity-indicator": "*",
     "@fluentui-react-native/experimental-avatar": "*",
@@ -40,46 +45,42 @@
     "@fluentui-react-native/experimental-text": "*",
     "@fluentui-react-native/focus-trap-zone": "*",
     "@fluentui-react-native/focus-zone": "*",
+    "@fluentui-react-native/framework": "*",
     "@fluentui-react-native/icon": "*",
+    "@fluentui-react-native/immutable-merge": "*",
+    "@fluentui-react-native/interactive-hooks": "*",
     "@fluentui-react-native/link": "*",
+    "@fluentui-react-native/memo-cache": "*",
     "@fluentui-react-native/menu": "*",
     "@fluentui-react-native/menu-button": "*",
+    "@fluentui-react-native/merge-props": "*",
     "@fluentui-react-native/notification": "*",
     "@fluentui-react-native/persona": "*",
     "@fluentui-react-native/persona-coin": "*",
     "@fluentui-react-native/popover": "*",
     "@fluentui-react-native/pressable": "*",
     "@fluentui-react-native/radio-group": "*",
+    "@fluentui-react-native/scripts": "^0.1.1",
     "@fluentui-react-native/separator": "*",
     "@fluentui-react-native/stack": "*",
+    "@fluentui-react-native/styling-utils": "*",
     "@fluentui-react-native/switch": "*",
     "@fluentui-react-native/tabs": "*",
     "@fluentui-react-native/tester": "*",
     "@fluentui-react-native/tester-win32": "*",
     "@fluentui-react-native/text": "*",
-    "@fluentui-react-native/component-cache": "*",
-    "@fluentui-react-native/composition": "*",
-    "@fluentui-react-native/framework": "*",
-    "@fluentui-react-native/immutable-merge": "*",
-    "@fluentui-react-native/memo-cache": "*",
-    "@fluentui-react-native/merge-props": "*",
     "@fluentui-react-native/theme": "*",
+    "@fluentui-react-native/theme-tokens": "*",
+    "@fluentui-react-native/theme-types": "*",
     "@fluentui-react-native/themed-stylesheet": "*",
+    "@fluentui-react-native/theming-utils": "*",
+    "@fluentui-react-native/tokens": "*",
     "@fluentui-react-native/use-slot": "*",
     "@fluentui-react-native/use-slots": "*",
     "@fluentui-react-native/use-styling": "*",
     "@fluentui-react-native/use-tokens": "*",
-    "@fluentui-react-native/android-theme": "*",
-    "@fluentui-react-native/apple-theme": "*",
-    "@fluentui-react-native/default-theme": "*",
-    "@fluentui-react-native/theme-tokens": "*",
-    "@fluentui-react-native/theme-types": "*",
-    "@fluentui-react-native/theming-utils": "*",
     "@fluentui-react-native/win32-theme": "*",
-    "@fluentui-react-native/adapters": "*",
+    "@fluentui/react-native": "*",
-    "@fluentui-react-native/interactive-hooks": "*",
-    "@fluentui-react-native/styling-utils": "*",
-    "@fluentui-react-native/tokens": "*",
     "@uifabricshared/foundation-composable": "*",
     "@uifabricshared/foundation-compose": "*",
     "@uifabricshared/foundation-settings": "*",

packages/deprecated/foundation-composable/package.json

@@ -36,9 +36,9 @@
   },
   "devDependencies": {
     "@fluentui-react-native/eslint-config-rules": "^0.1.1",
+    "@fluentui-react-native/scripts": "^0.1.1",
     "@types/jest": "^29.0.0",
     "@types/react": "^18.2.0",
-    "@fluentui-react-native/scripts": "^0.1.1",
     "react": "18.2.0"
   }
 }

packages/deprecated/foundation-compose/package.json

@@ -35,14 +35,15 @@
     "@fluentui-react-native/immutable-merge": "^1.2.0",
     "@fluentui-react-native/memo-cache": "^1.3.0",
     "@fluentui-react-native/theme-types": ">=0.32.0 <1.0.0",
-    "@uifabricshared/themed-settings": ">=0.10.1 <1.0.0",
     "@uifabricshared/foundation-composable": ">=0.12.1 <1.0.0",
     "@uifabricshared/foundation-settings": ">=0.13.1 <1.0.0",
     "@uifabricshared/foundation-tokens": ">=0.13.2 <1.0.0",
+    "@uifabricshared/themed-settings": ">=0.10.1 <1.0.0",
     "@uifabricshared/theming-ramp": ">=0.19.0 <1.0.0"
   },
   "devDependencies": {
     "@fluentui-react-native/eslint-config-rules": "^0.1.1",
+    "@fluentui-react-native/scripts": "^0.1.1",
     "react": "18.2.0"
   },
   "peerDependencies": {

packages/deprecated/theming-ramp/package.json

@@ -31,16 +31,16 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@uifabricshared/foundation-settings": ">=0.13.1 <1.0.0",
     "@fluentui-react-native/immutable-merge": "^1.2.0",
-    "@fluentui-react-native/theme-types": ">=0.32.0 <1.0.0"
+    "@fluentui-react-native/theme-types": ">=0.32.0 <1.0.0",
+    "@uifabricshared/foundation-settings": ">=0.13.1 <1.0.0"
   },
   "devDependencies": {
     "@fluentui-react-native/eslint-config-rules": "^0.1.1",
+    "@fluentui-react-native/scripts": "^0.1.1",
     "@fluentui-react-native/test-tools": ">=0.1.1 <1.0.0",
     "@types/jest": "^29.0.0",
     "@types/react": "^18.2.0",
-    "@fluentui-react-native/scripts": "^0.1.1",
     "react": "18.2.0"
   },
   "peerDependencies": {

packages/experimental/Shadow/src/Shadow.tsx

@@ -146,8 +146,16 @@ function getStylePropsForShadowViewsWorker(childStyleProps: ViewStyle = {}, shad
   return { inner: { style: innerStyle }, outer: { style: outerStyle } };
 }
 
-const removeUndefinedProperties = (object: any) => {
+function withObjectAssign(object, [key, value]) {
-  return Object.fromEntries(Object.entries(object).filter(([_, v]) => v != null));
+  if (value !== undefined) {
+    return Object.assign(object, { [key]: value });
+  }
+
+  return object;
+}
+
+const removeUndefinedProperties = (object: ViewStyle) => {
+  return Object.entries(object).reduce(withObjectAssign, {});
 };
 
 Shadow.displayName = shadowName;

packages/experimental/Shimmer/package.json

@@ -26,10 +26,10 @@
     "directory": "packages/experimental/Shimmer"
   },
   "dependencies": {
-    "@fluentui-react-native/framework": "0.11.3",
-    "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
-    "@fluentui-react-native/theming-utils": ">=0.24.1 <1.0.0",
     "@fluentui-react-native/component-cache": "^1.5.1",
+    "@fluentui-react-native/framework": "0.11.3",
+    "@fluentui-react-native/theming-utils": ">=0.24.1 <1.0.0",
+    "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
     "@fluentui-react-native/use-styling": "^0.11.0"
   },
   "devDependencies": {

packages/experimental/Spinner/package.json

@@ -27,10 +27,10 @@
   },
   "dependencies": {
     "@fluentui-react-native/component-cache": "^1.5.1",
-    "@fluentui-react-native/theme-tokens": "^0.25.0",
-    "@fluentui-react-native/use-styling": "^0.11.0",
     "@fluentui-react-native/framework": "0.11.3",
-    "@fluentui-react-native/text": ">=0.21.5 <1.0.0"
+    "@fluentui-react-native/text": ">=0.21.5 <1.0.0",
+    "@fluentui-react-native/theme-tokens": "^0.25.0",
+    "@fluentui-react-native/use-styling": "^0.11.0"
   },
   "devDependencies": {
     "@fluentui-react-native/eslint-config-rules": "^0.1.1",

packages/experimental/TabList/package.json

@@ -26,14 +26,14 @@
     "directory": "packages/experimental/TabList"
   },
   "dependencies": {
-    "@fluentui-react-native/framework": "0.11.3",
+    "@fluentui-react-native/adapters": "0.11.1",
-    "@fluentui-react-native/interactive-hooks": ">=0.24.5 <1.0.0",
     "@fluentui-react-native/focus-zone": ">=0.12.7 <1.0.0",
+    "@fluentui-react-native/framework": "0.11.3",
+    "@fluentui-react-native/icon": "0.19.5",
+    "@fluentui-react-native/interactive-hooks": ">=0.24.5 <1.0.0",
     "@fluentui-react-native/text": ">=0.21.5 <1.0.0",
     "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
     "@fluentui-react-native/use-styling": ">=0.11.0 <1.0.0",
-    "@fluentui-react-native/icon": "0.19.5",
-    "@fluentui-react-native/adapters": "0.11.1",
     "tslib": "^2.3.1"
   },
   "devDependencies": {

packages/experimental/Tabs/package.json

@@ -26,14 +26,14 @@
     "directory": "packages/experimental/Tabs"
   },
   "dependencies": {
-    "@fluentui-react-native/framework": "0.11.3",
+    "@fluentui-react-native/adapters": "0.11.1",
-    "@fluentui-react-native/interactive-hooks": ">=0.24.5 <1.0.0",
     "@fluentui-react-native/focus-zone": ">=0.12.7 <1.0.0",
+    "@fluentui-react-native/framework": "0.11.3",
+    "@fluentui-react-native/icon": "0.19.5",
+    "@fluentui-react-native/interactive-hooks": ">=0.24.5 <1.0.0",
     "@fluentui-react-native/text": ">=0.21.5 <1.0.0",
     "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
     "@fluentui-react-native/use-styling": ">=0.11.0 <1.0.0",
-    "@fluentui-react-native/icon": "0.19.5",
-    "@fluentui-react-native/adapters": "0.11.1",
     "tslib": "^2.3.1"
   },
   "devDependencies": {

packages/framework/eslint-config-rules/package.json

@@ -2,7 +2,6 @@
   "name": "@fluentui-react-native/eslint-config-rules",
   "version": "0.1.1",
   "description": "ESLint ruleset for UI Fabric React Native",
-  "private": "true",
   "repository": {
     "type": "git",
     "url": "https://github.com/microsoft/fluentui-react-native",

packages/framework/framework/package.json

@@ -31,14 +31,14 @@
     "@fluentui-react-native/composition": ">=0.9.1 <1.0.0",
     "@fluentui-react-native/default-theme": ">=0.19.4 <1.0.0",
     "@fluentui-react-native/immutable-merge": "^1.2.0",
+    "@fluentui-react-native/memo-cache": "^1.3.0",
     "@fluentui-react-native/merge-props": ">=0.7.0 <1.0.0",
     "@fluentui-react-native/theme-types": ">=0.32.0 <1.0.0",
-    "@fluentui-react-native/use-styling": ">=0.11.0 <1.0.0",
+    "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
     "@fluentui-react-native/use-slot": ">=0.4.1 <1.0.0",
     "@fluentui-react-native/use-slots": ">=0.8.1 <1.0.0",
+    "@fluentui-react-native/use-styling": ">=0.11.0 <1.0.0",
     "@fluentui-react-native/use-tokens": ">=0.4.1 <1.0.0",
-    "@fluentui-react-native/memo-cache": "^1.3.0",
-    "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
     "tslib": "^2.3.1"
   },
   "devDependencies": {

packages/framework/immutable-merge/package.json

@@ -35,8 +35,8 @@
   },
   "devDependencies": {
     "@fluentui-react-native/eslint-config-rules": "^0.1.1",
+    "@fluentui-react-native/scripts": "^0.1.1",
     "@types/jest": "^29.0.0",
-    "@types/node": "^10.3.5",
+    "@types/node": "^10.3.5"
-    "@fluentui-react-native/scripts": "^0.1.1"
   }
 }

packages/framework/memo-cache/package.json

@@ -32,9 +32,9 @@
   "license": "MIT",
   "devDependencies": {
     "@fluentui-react-native/eslint-config-rules": "^0.1.1",
+    "@fluentui-react-native/scripts": "^0.1.1",
     "@types/jest": "^29.0.0",
     "@types/node": "^10.3.5",
-    "@fluentui-react-native/scripts": "^0.1.1",
     "tslib": "^2.3.1"
   }
 }

packages/theming/android-theme/package.json

@@ -31,11 +31,11 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
+    "@fluentui-react-native/memo-cache": "^1.3.0",
+    "@fluentui-react-native/theme": ">=0.9.0 <1.0.0",
     "@fluentui-react-native/theme-tokens": "^0.25.0",
     "@fluentui-react-native/theme-types": ">=0.32.0 <1.0.0",
-    "@fluentui-react-native/theme": ">=0.9.0 <1.0.0",
+    "@fluentui-react-native/theming-utils": ">=0.24.1 <1.0.0"
-    "@fluentui-react-native/theming-utils": ">=0.24.1 <1.0.0",
-    "@fluentui-react-native/memo-cache": "^1.3.0"
   },
   "devDependencies": {
     "@fluentui-react-native/eslint-config-rules": "^0.1.1",

packages/theming/default-theme/package.json

@@ -32,9 +32,9 @@
   "license": "MIT",
   "dependencies": {
     "@fluentui-react-native/memo-cache": "^1.3.0",
+    "@fluentui-react-native/theme": ">=0.9.0 <1.0.0",
     "@fluentui-react-native/theme-tokens": "^0.25.0",
     "@fluentui-react-native/theme-types": ">=0.32.0 <1.0.0",
-    "@fluentui-react-native/theme": ">=0.9.0 <1.0.0",
     "@fluentui-react-native/theming-utils": ">=0.24.1 <1.0.0",
     "assert-never": "^1.2.1"
   },

packages/theming/win32-theme/package.json

@@ -34,9 +34,9 @@
     "@fluentui-react-native/default-theme": ">=0.19.4 <1.0.0",
     "@fluentui-react-native/design-tokens-win32": "^0.50.0",
     "@fluentui-react-native/memo-cache": "^1.3.0",
+    "@fluentui-react-native/theme": ">=0.9.0 <1.0.0",
     "@fluentui-react-native/theme-tokens": ">=0.25.0 <1.0.0",
     "@fluentui-react-native/theme-types": ">=0.32.0 <1.0.0",
-    "@fluentui-react-native/theme": ">=0.9.0 <1.0.0",
     "@fluentui-react-native/theming-utils": ">=0.24.1 <1.0.0",
     "tslib": "^2.3.1"
   },

packages/utils/interactive-hooks/package.json

@@ -34,6 +34,7 @@
   },
   "devDependencies": {
     "@fluentui-react-native/eslint-config-rules": "^0.1.1",
+    "@fluentui-react-native/scripts": "^0.1.1",
     "@fluentui-react-native/test-tools": ">=0.1.1 <1.0.0",
     "@office-iss/react-native-win32": "^0.71.0",
     "@types/invariant": "^2.2.0",

scripts/package.json

@@ -51,7 +51,7 @@
     "react": "18.2.0",
     "react-native-svg-transformer": "^1.0.0",
     "react-test-renderer": "18.2.0",
-    "rimraf": "^3.0.2",
+    "rimraf": "^5.0.1",
     "typescript": "4.9.4",
     "workspace-tools": "^0.26.3"
   },

scripts/use-yarn-please.js

@@ -27,7 +27,7 @@ To learn more about all the commands that this monorepo supports, see the wiki:
 `,
 };
 
-if (path.basename(npmPath) !== 'yarn.js') {
+if (path.basename(npmPath) !== 'yarn.js' && path.basename(npmPath) !== 'yarn') {
   console.error(Strings.useYarnInstead);
 
   if (!detectYarnInstallation()) {
@@ -60,6 +60,12 @@ function checkRepositoryLocation() {
 }
 
 function detectYarnInstallation() {
-  const yarnResult = spawnSync('yarn', ['--version']);
+  let yarnResult;
+  if (process.platform === 'win32') {
+    yarnResult = spawnSync('yarn.cmd', ['--version']);
+  } else {
+    yarnResult = spawnSync('yarn', ['--version']);
+  }
+
   return yarnResult.status === 0;
 }

tester_deps/.yarn/plugins/@yarnpkg/plugin-compat.cjs

@@ -0,0 +1,4 @@
+module.exports = {
+  name: '@yarnpkg/plugin-compat',
+  factory: () => ({}),
+};

tester_deps/package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "description": "This package contains all dependencies needed to run FURNs automated testing framework. This includes WebDriverIO + Appium dependencies.",
   "license": "MIT",
-  "private": "true",
+  "private": true,
   "scripts": {
     "build": "fluentui-scripts build"
   },
@@ -24,14 +24,12 @@
     "appium-windows-driver": "2.3.5",
     "ts-node": "^10.7.0",
     "typescript": "^4.9.4",
-    "webdriverio": "7.30.1",
+    "wdio-json-reporter": "3.0.0",
-    "wdio-json-reporter": "3.0.0"
+    "webdriverio": "7.30.1"
   },
   "resolutions": {
     "@appium/types": "0.9.1",
     "semver": "^7.5.2",
-    "wdio-json-reporter/jest-matchers/jest-message-util/micromatch/parse-glob/glob-base/glob-parent": "5.1.2",
-    "wdio-json-reporter/jest-matchers/jest-message-util/micromatch/braces": "^3.0.2",
     "xml2js": "^0.5.0",
     "yaml": "^2.2.2"
   },