@fluentui-react-native/tester 0.170.36 → 0.170.38

package/macos/Podfile.lock

@@ -3,10 +3,10 @@ PODS:
   - DoubleConversion (1.1.6)
   - FBLazyVector (0.74.30)
   - fmt (9.1.0)
-  - FRNAvatar (0.21.4):
+  - FRNAvatar (0.21.13):
     - MicrosoftFluentUI (= 0.13.1)
     - React
-  - FRNCallout (0.27.2):
+  - FRNCallout (0.27.11):
     - DoubleConversion
     - glog
     - RCT-Folly (= 2024.01.01.00)
@@ -28,13 +28,13 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - FRNCheckbox (0.17.9):
+  - FRNCheckbox (0.17.18):
     - React
-  - FRNMenuButton (0.13.19):
+  - FRNMenuButton (0.13.28):
     - React
-  - FRNRadioButton (0.21.16):
+  - FRNRadioButton (0.21.25):
     - React
-  - FRNVibrancyView (0.3.0):
+  - FRNVibrancyView (0.3.4):
     - React
   - glog (0.3.5)
   - MicrosoftFluentUI (0.13.1):
@@ -123,7 +123,7 @@ PODS:
     - fmt (= 9.1.0)
     - glog
   - RCTDeprecation (0.74.30)
-  - RCTFocusZone (0.21.0):
+  - RCTFocusZone (0.21.9):
     - React
   - RCTRequired (0.74.30)
   - RCTTypeSafety (0.74.30):
@@ -1261,17 +1261,17 @@ DEPENDENCIES:
   - DoubleConversion (from `../../../node_modules/react-native-macos/third-party-podspecs/DoubleConversion.podspec`)
   - FBLazyVector (from `../../../node_modules/react-native-macos/Libraries/FBLazyVector`)
   - fmt (from `../../../node_modules/react-native-macos/third-party-podspecs/fmt.podspec`)
-  - FRNAvatar (from `../../../packages/experimental/Avatar/FRNAvatar.podspec`)
-  - "FRNCallout (from `../../../node_modules/@fluentui-react-native/callout`)"
-  - FRNCheckbox (from `../../../packages/experimental/Checkbox/FRNCheckbox.podspec`)
-  - FRNMenuButton (from `../../../packages/components/MenuButton/FRNMenuButton.podspec`)
-  - FRNRadioButton (from `../../../packages/components/RadioGroup/FRNRadioButton.podspec`)
-  - "FRNVibrancyView (from `../../../node_modules/@fluentui-react-native/vibrancy-view`)"
+  - "FRNAvatar (from `../node_modules/@fluentui-react-native/experimental-avatar`)"
+  - "FRNCallout (from `../node_modules/@fluentui-react-native/callout`)"
+  - "FRNCheckbox (from `../node_modules/@fluentui-react-native/experimental-checkbox`)"
+  - "FRNMenuButton (from `../node_modules/@fluentui-react-native/menu-button`)"
+  - "FRNRadioButton (from `../node_modules/@fluentui-react-native/radio-group`)"
+  - "FRNVibrancyView (from `../node_modules/@fluentui-react-native/vibrancy-view`)"
   - glog (from `../../../node_modules/react-native-macos/third-party-podspecs/glog.podspec`)
   - RCT-Folly (from `../../../node_modules/react-native-macos/third-party-podspecs/RCT-Folly.podspec`)
   - RCT-Folly/Fabric (from `../../../node_modules/react-native-macos/third-party-podspecs/RCT-Folly.podspec`)
   - RCTDeprecation (from `../../../node_modules/react-native-macos/ReactApple/Libraries/RCTFoundation/RCTDeprecation`)
-  - RCTFocusZone (from `../../../packages/components/FocusZone/RCTFocusZone.podspec`)
+  - "RCTFocusZone (from `../node_modules/@fluentui-react-native/focus-zone`)"
   - RCTRequired (from `../../../node_modules/react-native-macos/Libraries/Required`)
   - RCTTypeSafety (from `../../../node_modules/react-native-macos/Libraries/TypeSafety`)
   - React (from `../../../node_modules/react-native-macos/`)
@@ -1339,17 +1339,17 @@ EXTERNAL SOURCES:
   fmt:
     :podspec: "../../../node_modules/react-native-macos/third-party-podspecs/fmt.podspec"
   FRNAvatar:
-    :path: "../../../packages/experimental/Avatar/FRNAvatar.podspec"
+    :path: "../node_modules/@fluentui-react-native/experimental-avatar"
   FRNCallout:
-    :path: "../../../node_modules/@fluentui-react-native/callout"
+    :path: "../node_modules/@fluentui-react-native/callout"
   FRNCheckbox:
-    :path: "../../../packages/experimental/Checkbox/FRNCheckbox.podspec"
+    :path: "../node_modules/@fluentui-react-native/experimental-checkbox"
   FRNMenuButton:
-    :path: "../../../packages/components/MenuButton/FRNMenuButton.podspec"
+    :path: "../node_modules/@fluentui-react-native/menu-button"
   FRNRadioButton:
-    :path: "../../../packages/components/RadioGroup/FRNRadioButton.podspec"
+    :path: "../node_modules/@fluentui-react-native/radio-group"
   FRNVibrancyView:
-    :path: "../../../node_modules/@fluentui-react-native/vibrancy-view"
+    :path: "../node_modules/@fluentui-react-native/vibrancy-view"
   glog:
     :podspec: "../../../node_modules/react-native-macos/third-party-podspecs/glog.podspec"
   RCT-Folly:
@@ -1357,7 +1357,7 @@ EXTERNAL SOURCES:
   RCTDeprecation:
     :path: "../../../node_modules/react-native-macos/ReactApple/Libraries/RCTFoundation/RCTDeprecation"
   RCTFocusZone:
-    :path: "../../../packages/components/FocusZone/RCTFocusZone.podspec"
+    :path: "../node_modules/@fluentui-react-native/focus-zone"
   RCTRequired:
     :path: "../../../node_modules/react-native-macos/Libraries/Required"
   RCTTypeSafety:
@@ -1466,17 +1466,17 @@ SPEC CHECKSUMS:
   DoubleConversion: 5b92c4507c560bb62e7aa1acdf2785ea3ff08b3b
   FBLazyVector: 0aa0591844f7fe4736f3aba70d30232edbd21eb5
   fmt: 03574da4b7ba40de39da59677ca66610ce8c4a02
-  FRNAvatar: ec4d219c71bfd3d74306a1fcf94f71393b63359f
-  FRNCallout: 1989375a3f3f704d7f85a560d979c222a5d2dc5c
-  FRNCheckbox: 80e3700277629ce802b1f07123e564f954d0e9b1
-  FRNMenuButton: 43dd93252a1a6a0a3f4546b6d8021c2a572bf586
-  FRNRadioButton: 8260e87a2df63c5a67ba23ce87dc8234ef137643
-  FRNVibrancyView: 975f7e8ea14999015c3224743057418574833afa
+  FRNAvatar: 3616c78fb72770b8d972619cb9d8b9a841e6d07f
+  FRNCallout: b91d07ae396f69e77b8b2ae71501d6b6494254fa
+  FRNCheckbox: 23027d19870f99006ddb8eaa129f0f2af95a374c
+  FRNMenuButton: 5c58612fa8480cfc47f299755d5daf410dc1c4e1
+  FRNRadioButton: 400c56cbcafe7d2b7df5481fdba963e4ee868edd
+  FRNVibrancyView: 0fb5d289c2a4b934596fb26d81166151d66fa28c
   glog: ba31c1afa7dcf1915a109861bccdb4421be6175b
   MicrosoftFluentUI: dde98d8ed3fc306d9ddd0a6f0bc0c1f24fe5275e
   RCT-Folly: f47da9a444aae485a0528b3bccf0336156009d60
   RCTDeprecation: 6c1d8fdaf3e34933c33a56531bd984bc2d22ef9e
-  RCTFocusZone: 50bf108af173c92cb8c4a776c17c37d010db31bc
+  RCTFocusZone: 80f74daff8795ecfe3c7987c99afdd3b7545191c
   RCTRequired: 5266165e3b6c7ca1554c5a75fb4c1ebe1bc60b53
   RCTTypeSafety: ced894df76a17b8f7331d24e2efa862a7a616e89
   React: 620dbf1e10232c8517a8b89d0def5b29e04ad24e
@@ -1529,6 +1529,6 @@ SPEC CHECKSUMS:
   SocketRocket: f6c6249082c011e6de2de60ed641ef8bbe0cfac9
   Yoga: bd03cda842f416ba4c2d4b79fcd0fd27e917b91e
 
-PODFILE CHECKSUM: 1c580785758db094d8282f8e1360afc97dfac817
+PODFILE CHECKSUM: 820f3959373af874ba70e1313bf6680f1a037104
 
 COCOAPODS: 1.16.2

package/metro.config.js

@@ -27,7 +27,7 @@ function ensureUniqueModule(moduleName, excludeList, nodeModules) {
 }
 
 // build up the added excludes and extraNodeModules
-['react-is', 'invariant', '@babel/runtime', 'base64-js'].forEach((moduleName) => ensureUniqueModule(moduleName));
+['react-native-svg'].forEach((moduleName) => ensureUniqueModule(moduleName));
 
 const blockList = exclusionList([
   // This stops "react-native run-windows" from causing the metro server to

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.170.36",
+  "version": "0.170.38",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -41,73 +41,78 @@
     "directory": "apps/fluent-tester"
   },
   "dependencies": {
-    "@fluentui-react-native/android-theme": "0.25.10",
-    "@fluentui-react-native/apple-theme": "0.28.10",
-    "@fluentui-react-native/avatar": "1.12.16",
-    "@fluentui-react-native/badge": "0.11.10",
-    "@fluentui-react-native/button": "0.39.12",
-    "@fluentui-react-native/callout": "0.27.10",
-    "@fluentui-react-native/chip": "0.4.16",
-    "@fluentui-react-native/default-theme": "0.26.10",
-    "@fluentui-react-native/divider": "0.7.16",
-    "@fluentui-react-native/drawer": "0.4.12",
-    "@fluentui-react-native/dropdown": "0.10.21",
-    "@fluentui-react-native/e2e-testing": "1.43.4",
-    "@fluentui-react-native/experimental-activity-indicator": "0.10.11",
-    "@fluentui-react-native/experimental-appearance-additions": "0.7.10",
-    "@fluentui-react-native/experimental-avatar": "0.21.12",
-    "@fluentui-react-native/experimental-checkbox": "0.17.17",
-    "@fluentui-react-native/experimental-expander": "0.8.11",
-    "@fluentui-react-native/experimental-menu-button": "0.10.27",
-    "@fluentui-react-native/experimental-native-date-picker": "0.11.4",
-    "@fluentui-react-native/experimental-shadow": "0.6.12",
-    "@fluentui-react-native/experimental-shimmer": "0.13.13",
-    "@fluentui-react-native/framework": "0.14.10",
-    "@fluentui-react-native/framework-base": "0.1.4",
-    "@fluentui-react-native/icon": "0.21.16",
-    "@fluentui-react-native/input": "0.7.16",
-    "@fluentui-react-native/interactive-hooks": "0.27.12",
-    "@fluentui-react-native/menu": "1.14.32",
-    "@fluentui-react-native/notification": "0.25.19",
-    "@fluentui-react-native/overflow": "0.3.32",
-    "@fluentui-react-native/radio-group": "0.21.24",
-    "@fluentui-react-native/separator": "0.18.10",
-    "@fluentui-react-native/spinner": "0.9.17",
-    "@fluentui-react-native/stack": "0.10.15",
-    "@fluentui-react-native/switch": "0.13.15",
-    "@fluentui-react-native/tablist": "0.7.12",
-    "@fluentui-react-native/text": "0.24.14",
-    "@fluentui-react-native/theme": "0.11.9",
-    "@fluentui-react-native/theme-tokens": "0.27.5",
-    "@fluentui-react-native/theme-types": "0.39.5",
-    "@fluentui-react-native/themed-stylesheet": "1.7.9",
-    "@fluentui-react-native/theming-utils": "0.26.5",
-    "@fluentui-react-native/tooltip": "0.4.19",
-    "@fluentui-react-native/vibrancy-view": "0.3.4",
-    "@fluentui-react-native/win32-theme": "0.34.13",
-    "@fluentui/react-native": "0.42.21",
+    "@fluentui-react-native/android-theme": "0.25.12",
+    "@fluentui-react-native/apple-theme": "0.28.12",
+    "@fluentui-react-native/avatar": "1.12.18",
+    "@fluentui-react-native/badge": "0.11.12",
+    "@fluentui-react-native/button": "0.39.14",
+    "@fluentui-react-native/callout": "0.27.12",
+    "@fluentui-react-native/chip": "0.4.18",
+    "@fluentui-react-native/default-theme": "0.26.12",
+    "@fluentui-react-native/divider": "0.7.18",
+    "@fluentui-react-native/drawer": "0.4.14",
+    "@fluentui-react-native/dropdown": "0.10.23",
+    "@fluentui-react-native/e2e-testing": "1.43.6",
+    "@fluentui-react-native/experimental-activity-indicator": "0.10.13",
+    "@fluentui-react-native/experimental-appearance-additions": "0.7.12",
+    "@fluentui-react-native/experimental-avatar": "0.21.14",
+    "@fluentui-react-native/experimental-checkbox": "0.17.19",
+    "@fluentui-react-native/experimental-expander": "0.8.13",
+    "@fluentui-react-native/experimental-menu-button": "0.10.29",
+    "@fluentui-react-native/experimental-native-date-picker": "0.11.5",
+    "@fluentui-react-native/experimental-shadow": "0.6.14",
+    "@fluentui-react-native/experimental-shimmer": "0.13.15",
+    "@fluentui-react-native/framework": "0.14.12",
+    "@fluentui-react-native/framework-base": "0.2.1",
+    "@fluentui-react-native/icon": "0.21.18",
+    "@fluentui-react-native/input": "0.7.18",
+    "@fluentui-react-native/interactive-hooks": "0.27.14",
+    "@fluentui-react-native/menu": "1.14.34",
+    "@fluentui-react-native/notification": "0.25.21",
+    "@fluentui-react-native/overflow": "0.3.34",
+    "@fluentui-react-native/radio-group": "0.21.26",
+    "@fluentui-react-native/separator": "0.18.12",
+    "@fluentui-react-native/spinner": "0.9.19",
+    "@fluentui-react-native/stack": "0.10.17",
+    "@fluentui-react-native/switch": "0.13.17",
+    "@fluentui-react-native/tablist": "0.7.14",
+    "@fluentui-react-native/text": "0.24.16",
+    "@fluentui-react-native/theme": "0.11.11",
+    "@fluentui-react-native/theme-tokens": "0.27.6",
+    "@fluentui-react-native/theme-types": "0.39.6",
+    "@fluentui-react-native/themed-stylesheet": "1.7.11",
+    "@fluentui-react-native/theming-utils": "0.26.6",
+    "@fluentui-react-native/tooltip": "0.4.21",
+    "@fluentui-react-native/vibrancy-view": "0.3.5",
+    "@fluentui-react-native/win32-theme": "0.34.15",
+    "@fluentui/react-native": "0.42.23",
     "@fortawesome/fontawesome-svg-core": "^6.2.0",
     "@fortawesome/free-solid-svg-icons": "^6.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.0",
     "@office-iss/react-native-win32": "^0.74.0",
-    "@react-native-community/slider": "^4.2.0",
+    "@react-native-community/slider": "^4.5.7",
     "@react-native-menu/menu": "^0.7.3",
     "@react-native-picker/picker": "^2.7.0",
+    "@types/node": "^22.0.0",
     "@types/react": "~18.2.0",
     "@warren-ms/react-native-icons": "^0.0.13",
     "react": "18.2.0",
     "react-native": "^0.74.0",
     "react-native-macos": "^0.74.0",
     "react-native-svg": "^15.4.0",
-    "react-native-windows": "^0.74.0",
-    "tslib": "^2.3.1"
+    "react-native-windows": "^0.74.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@babel/runtime": "^7.20.0",
     "@fluentui-react-native/eslint-config-rules": "0.1.1",
-    "@fluentui-react-native/focus-zone": "0.21.8",
+    "@fluentui-react-native/experimental-native-font-metrics": "0.6.5",
+    "@fluentui-react-native/focus-zone": "0.21.10",
+    "@fluentui-react-native/menu-button": "0.13.29",
     "@fluentui-react-native/scripts": "0.1.1",
+    "@react-native-community/cli": "^13.6.4",
+    "@react-native-community/cli-platform-android": "^13.6.4",
+    "@react-native-community/cli-platform-ios": "^13.6.4",
     "@react-native/babel-preset": "^0.74.0",
     "@react-native/metro-babel-transformer": "^0.74.0",
     "@react-native/metro-config": "^0.74.0",
@@ -115,6 +120,7 @@
     "@rnx-kit/metro-config": "^2.1.0",
     "@rnx-kit/metro-resolver-symlinks": "^0.2.5",
     "@types/jasmine": "5.1.4",
+    "@types/react-test-renderer": "^18.2.0",
     "@wdio/cli": "^8.40.0",
     "@wdio/globals": "^8.40.0",
     "@wdio/jasmine-framework": "^8.40.0",
@@ -196,7 +202,8 @@
         "react",
         "react-test-renderer",
         "svg",
-        "test-app"
+        "test-app",
+        "community/cli"
       ]
     }
   },

package/src/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx

@@ -1,14 +1,17 @@
-import * as React from 'react';
+import React from 'react';
 import { Switch, View, Text, TextInput, StyleSheet } from 'react-native';
 
 import { PersonaCoin } from '@fluentui/react-native';
 import { useTheme } from '@fluentui-react-native/theme-types';
 import Slider from '@react-native-community/slider';
+import type { SliderProps } from '@react-native-community/slider';
 
 import type { undefinedText } from './styles';
 import { steveBallmerPhotoUrl } from './styles';
 import { commonTestStyles as commonStyles } from '../Common/styles';
 
+const NativeSlider = Slider as unknown as React.ComponentType<SliderProps>;
+
 type WithUndefined<T> = T | typeof undefinedText;
 
 const styles = StyleSheet.create({ slider: { ...commonStyles.vmargin, flex: 1 } });
@@ -19,7 +22,7 @@ const StyledSlider = (props) => {
   return (
     <View style={{ flexDirection: 'row' }}>
       <Text style={{ flex: 0.5, color: theme.colors.inputText }}>{title}</Text>
-      <Slider step={step || 1} minimumValue={min} maximumValue={max} value={initial} style={styles.slider} onValueChange={onChange} />
+      <NativeSlider step={step || 1} minimumValue={min} maximumValue={max} value={initial} style={styles.slider} onValueChange={onChange} />
       <Text style={{ flex: 0.2, color: theme.colors.inputText }}>{current}</Text>
     </View>
   );

package/tsconfig.json

@@ -2,8 +2,8 @@
   "extends": "@fluentui-react-native/scripts/configs/tsconfig.json",
   "compilerOptions": {
     "baseUrl": ".",
-    "importHelpers": true,
     "outDir": "lib",
+    "allowSyntheticDefaultImports": true,
     "paths": {
       "*": ["*", "*.win32", "./*"],
       "src/*": ["./src/*", "src"]