@fluentui-react-native/tester 0.170.37 → 0.170.39

package/macos/Podfile.lock

@@ -3,10 +3,10 @@ PODS:
   - DoubleConversion (1.1.6)
   - FBLazyVector (0.74.30)
   - fmt (9.1.0)
-  - FRNAvatar (0.21.11):
+  - FRNAvatar (0.21.13):
     - MicrosoftFluentUI (= 0.13.1)
     - React
-  - FRNCallout (0.27.9):
+  - FRNCallout (0.27.11):
     - DoubleConversion
     - glog
     - RCT-Folly (= 2024.01.01.00)
@@ -28,11 +28,11 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - FRNCheckbox (0.17.16):
+  - FRNCheckbox (0.17.18):
     - React
-  - FRNMenuButton (0.13.26):
+  - FRNMenuButton (0.13.28):
     - React
-  - FRNRadioButton (0.21.23):
+  - FRNRadioButton (0.21.25):
     - React
   - FRNVibrancyView (0.3.4):
     - React
@@ -123,7 +123,7 @@ PODS:
     - fmt (= 9.1.0)
     - glog
   - RCTDeprecation (0.74.30)
-  - RCTFocusZone (0.21.7):
+  - 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`)
+  - "FRNAvatar (from `../node_modules/@fluentui-react-native/experimental-avatar`)"
   - "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`)
+  - "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,15 +1339,15 @@ 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"
   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"
   glog:
@@ -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: 1eccbe629f3034e2caa11f62e16db120ac3c7836
-  FRNCallout: 3eca65ff4ee29de3881a8402842b230626024ff6
-  FRNCheckbox: 1d87e81b71e6706b6e94e69ab6923e50755c4a29
-  FRNMenuButton: d87749093d3418d9c9377144f9e17e09af707335
-  FRNRadioButton: 8b6c2d6c2d5c513ce493568ac0597d114359cb57
+  FRNAvatar: 3616c78fb72770b8d972619cb9d8b9a841e6d07f
+  FRNCallout: b91d07ae396f69e77b8b2ae71501d6b6494254fa
+  FRNCheckbox: 23027d19870f99006ddb8eaa129f0f2af95a374c
+  FRNMenuButton: 5c58612fa8480cfc47f299755d5daf410dc1c4e1
+  FRNRadioButton: 400c56cbcafe7d2b7df5481fdba963e4ee868edd
   FRNVibrancyView: 0fb5d289c2a4b934596fb26d81166151d66fa28c
   glog: ba31c1afa7dcf1915a109861bccdb4421be6175b
   MicrosoftFluentUI: dde98d8ed3fc306d9ddd0a6f0bc0c1f24fe5275e
   RCT-Folly: f47da9a444aae485a0528b3bccf0336156009d60
   RCTDeprecation: 6c1d8fdaf3e34933c33a56531bd984bc2d22ef9e
-  RCTFocusZone: 999b4c2acb2193fd189f9ef6d1e970c2a6676250
+  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.37",
+  "version": "0.170.39",
   "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.11",
-    "@fluentui-react-native/apple-theme": "0.28.11",
-    "@fluentui-react-native/avatar": "1.12.17",
-    "@fluentui-react-native/badge": "0.11.11",
-    "@fluentui-react-native/button": "0.39.13",
-    "@fluentui-react-native/callout": "0.27.11",
-    "@fluentui-react-native/chip": "0.4.17",
-    "@fluentui-react-native/default-theme": "0.26.11",
-    "@fluentui-react-native/divider": "0.7.17",
-    "@fluentui-react-native/drawer": "0.4.13",
-    "@fluentui-react-native/dropdown": "0.10.22",
-    "@fluentui-react-native/e2e-testing": "1.43.5",
-    "@fluentui-react-native/experimental-activity-indicator": "0.10.12",
-    "@fluentui-react-native/experimental-appearance-additions": "0.7.11",
-    "@fluentui-react-native/experimental-avatar": "0.21.13",
-    "@fluentui-react-native/experimental-checkbox": "0.17.18",
-    "@fluentui-react-native/experimental-expander": "0.8.12",
-    "@fluentui-react-native/experimental-menu-button": "0.10.28",
-    "@fluentui-react-native/experimental-native-date-picker": "0.11.4",
-    "@fluentui-react-native/experimental-shadow": "0.6.13",
-    "@fluentui-react-native/experimental-shimmer": "0.13.14",
-    "@fluentui-react-native/framework": "0.14.11",
-    "@fluentui-react-native/framework-base": "0.2.0",
-    "@fluentui-react-native/icon": "0.21.17",
-    "@fluentui-react-native/input": "0.7.17",
-    "@fluentui-react-native/interactive-hooks": "0.27.13",
-    "@fluentui-react-native/menu": "1.14.33",
-    "@fluentui-react-native/notification": "0.25.20",
-    "@fluentui-react-native/overflow": "0.3.33",
-    "@fluentui-react-native/radio-group": "0.21.25",
-    "@fluentui-react-native/separator": "0.18.11",
-    "@fluentui-react-native/spinner": "0.9.18",
-    "@fluentui-react-native/stack": "0.10.16",
-    "@fluentui-react-native/switch": "0.13.16",
-    "@fluentui-react-native/tablist": "0.7.13",
-    "@fluentui-react-native/text": "0.24.15",
-    "@fluentui-react-native/theme": "0.11.10",
-    "@fluentui-react-native/theme-tokens": "0.27.5",
-    "@fluentui-react-native/theme-types": "0.39.5",
-    "@fluentui-react-native/themed-stylesheet": "1.7.10",
-    "@fluentui-react-native/theming-utils": "0.26.5",
-    "@fluentui-react-native/tooltip": "0.4.20",
-    "@fluentui-react-native/vibrancy-view": "0.3.4",
-    "@fluentui-react-native/win32-theme": "0.34.14",
-    "@fluentui/react-native": "0.42.22",
+    "@fluentui-react-native/android-theme": "0.25.13",
+    "@fluentui-react-native/apple-theme": "0.28.13",
+    "@fluentui-react-native/avatar": "1.12.19",
+    "@fluentui-react-native/badge": "0.11.13",
+    "@fluentui-react-native/button": "0.39.15",
+    "@fluentui-react-native/callout": "0.27.13",
+    "@fluentui-react-native/chip": "0.4.19",
+    "@fluentui-react-native/default-theme": "0.26.13",
+    "@fluentui-react-native/divider": "0.7.19",
+    "@fluentui-react-native/drawer": "0.4.15",
+    "@fluentui-react-native/dropdown": "0.10.24",
+    "@fluentui-react-native/e2e-testing": "1.43.7",
+    "@fluentui-react-native/experimental-activity-indicator": "0.10.14",
+    "@fluentui-react-native/experimental-appearance-additions": "0.7.13",
+    "@fluentui-react-native/experimental-avatar": "0.21.15",
+    "@fluentui-react-native/experimental-checkbox": "0.17.20",
+    "@fluentui-react-native/experimental-expander": "0.8.14",
+    "@fluentui-react-native/experimental-menu-button": "0.10.30",
+    "@fluentui-react-native/experimental-native-date-picker": "0.11.5",
+    "@fluentui-react-native/experimental-shadow": "0.6.15",
+    "@fluentui-react-native/experimental-shimmer": "0.13.16",
+    "@fluentui-react-native/framework": "0.14.13",
+    "@fluentui-react-native/framework-base": "0.2.1",
+    "@fluentui-react-native/icon": "0.21.19",
+    "@fluentui-react-native/input": "0.7.19",
+    "@fluentui-react-native/interactive-hooks": "0.27.15",
+    "@fluentui-react-native/menu": "1.14.35",
+    "@fluentui-react-native/notification": "0.25.22",
+    "@fluentui-react-native/overflow": "0.3.35",
+    "@fluentui-react-native/radio-group": "0.21.27",
+    "@fluentui-react-native/separator": "0.18.13",
+    "@fluentui-react-native/spinner": "0.9.20",
+    "@fluentui-react-native/stack": "0.10.18",
+    "@fluentui-react-native/switch": "0.13.18",
+    "@fluentui-react-native/tablist": "0.7.15",
+    "@fluentui-react-native/text": "0.24.17",
+    "@fluentui-react-native/theme": "0.11.12",
+    "@fluentui-react-native/theme-tokens": "0.27.7",
+    "@fluentui-react-native/theme-types": "0.40.0",
+    "@fluentui-react-native/themed-stylesheet": "1.7.11",
+    "@fluentui-react-native/theming-utils": "0.26.7",
+    "@fluentui-react-native/tooltip": "0.4.22",
+    "@fluentui-react-native/vibrancy-view": "0.3.5",
+    "@fluentui-react-native/win32-theme": "0.35.0",
+    "@fluentui/react-native": "0.42.24",
     "@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.9",
+    "@fluentui-react-native/experimental-native-font-metrics": "0.6.5",
+    "@fluentui-react-native/focus-zone": "0.21.11",
+    "@fluentui-react-native/menu-button": "0.13.30",
     "@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"]