@fluentui-react-native/tester 0.81.0 → 0.82.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.81.0",
+  "version": "0.82.0",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -37,33 +37,33 @@
   "dependencies": {
     "@fluentui-react-native/android-theme": ">=0.11.0 <1.0.0",
     "@fluentui-react-native/apple-theme": ">=0.13.2 <1.0.0",
-    "@fluentui-react-native/avatar": "^1.1.24",
-    "@fluentui-react-native/badge": ">=0.1.10 <1.0.0",
-    "@fluentui-react-native/button": ">=0.24.8 <1.0.0",
+    "@fluentui-react-native/avatar": "^1.1.25",
+    "@fluentui-react-native/badge": ">=0.1.11 <1.0.0",
+    "@fluentui-react-native/button": ">=0.24.9 <1.0.0",
     "@fluentui-react-native/default-theme": ">=0.14.0 <1.0.0",
     "@fluentui-react-native/experimental-activity-indicator": ">=0.6.0 <1.0.0",
     "@fluentui-react-native/experimental-avatar": ">=0.16.0 <1.0.0",
-    "@fluentui-react-native/experimental-button": "0.16.8",
-    "@fluentui-react-native/experimental-checkbox": "0.12.5",
+    "@fluentui-react-native/experimental-button": "0.16.9",
+    "@fluentui-react-native/experimental-checkbox": "0.12.6",
     "@fluentui-react-native/experimental-expander": "0.4.0",
-    "@fluentui-react-native/experimental-menu-button": ">=0.4.10 <1.0.0",
+    "@fluentui-react-native/experimental-menu-button": ">=0.4.11 <1.0.0",
     "@fluentui-react-native/experimental-native-date-picker": ">=0.6.0 <1.0.0",
     "@fluentui-react-native/experimental-shadow": "0.2.10",
     "@fluentui-react-native/experimental-shimmer": "0.7.0",
-    "@fluentui-react-native/experimental-tabs": "0.5.5",
+    "@fluentui-react-native/experimental-tabs": "0.5.6",
     "@fluentui-react-native/experimental-text": ">=0.10.2 <1.0.0",
     "@fluentui-react-native/framework": ">=0.8.0 <1.0.0",
-    "@fluentui-react-native/icon": "0.13.1",
-    "@fluentui-react-native/interactive-hooks": ">=0.17.3 <1.0.0",
-    "@fluentui-react-native/menu": "^1.0.17",
-    "@fluentui-react-native/notification": "0.10.0",
+    "@fluentui-react-native/icon": "0.13.2",
+    "@fluentui-react-native/interactive-hooks": ">=0.17.4 <1.0.0",
+    "@fluentui-react-native/menu": "^1.0.18",
+    "@fluentui-react-native/notification": "0.11.0",
     "@fluentui-react-native/stack": ">=0.7.1 <1.0.0",
     "@fluentui-react-native/theme": ">=0.7.0 <1.0.0",
     "@fluentui-react-native/theme-types": ">=0.18.0 <1.0.0",
     "@fluentui-react-native/themed-stylesheet": "^1.4.0",
     "@fluentui-react-native/theming-utils": ">=0.14.0 <1.0.0",
-    "@fluentui-react-native/win32-theme": ">=0.20.0 <1.0.0",
-    "@fluentui/react-native": ">=0.31.10 <1.0.0",
+    "@fluentui-react-native/win32-theme": ">=0.20.1 <1.0.0",
+    "@fluentui/react-native": ">=0.31.11 <1.0.0",
     "@react-native-community/slider": "^4.2.0",
     "@react-native-menu/menu": "^0.1.2",
     "@react-native-picker/picker": "^2.2.1",

package/src/TestComponents/Icon/IconTest.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 import * as React from 'react';
-import { Platform, View } from 'react-native';
+import { Platform, PlatformColor, View } from 'react-native';
 import { Text } from '@fluentui/react-native';
 import { Icon, RasterImageIconProps, SvgIconProps, FontIconProps } from '@fluentui-react-native/icon';
 import { Test, TestSection, PlatformStatus } from '../Test';
@@ -78,6 +78,9 @@ const Icons: React.FunctionComponent = () => {
             shouldShowDataUri ? <Icon svgSource={svgD20DataUriProps} width={100} height={100} color="#7a7" /> : null
           }
           <Icon svgSource={svgUriProps} width={100} height={100} color="red" />
+          {Platform.OS === ('win32' as any) && (
+            <Icon svgSource={svgProps} width={100} height={100} color={PlatformColor('WindowText')} accessibilityLabel="Wheelchair" />
+          )}
         </View>
       ) : null}
       {showRasterIcons ? (

package/src/TestComponents/Notification/NotificationTest.tsx

@@ -109,7 +109,7 @@ const CustomBar: React.FunctionComponent = () => {
 };
 
 const PrimaryWithAutoHide: React.FunctionComponent = () => {
-  const [visible, setVisible] = React.useState(false);
+  const [visible, setVisible] = React.useState(true);
   const onButtonPress = () => setVisible(!visible);
 
   const [hidden, setHidden] = React.useState<boolean>(!visible);
@@ -183,7 +183,7 @@ const PrimaryWithAutoHide: React.FunctionComponent = () => {
   );
 };
 const PrimaryBarWithAutoHide: React.FunctionComponent = () => {
-  const [visible, setVisible] = React.useState(false);
+  const [visible, setVisible] = React.useState(true);
   const onButtonPress = () => setVisible(!visible);
 
   const [hidden, setHidden] = React.useState<boolean>(!visible);

package/src/testPages.android.ts

@@ -22,6 +22,7 @@ import { ActivityIndicatorTest, HOMEPAGE_ACTIVITY_INDICATOR_BUTTON } from './Tes
 import { HOMEPAGE_TOKEN_BUTTON, TokenTest } from './TestComponents/Tokens';
 import { ExperimentalCheckboxTest, HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON } from './TestComponents/CheckboxExperimental';
 import { TextExperimentalTest, HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON } from './TestComponents/TextExperimental';
+import { HOMEPAGE_NOTIFICATION_BUTTON, NotificationTest } from './TestComponents/Notification';
 
 export const tests: TestDescription[] = [
   {
@@ -139,4 +140,9 @@ export const tests: TestDescription[] = [
     component: TokenTest,
     testPage: HOMEPAGE_TOKEN_BUTTON,
   },
+  {
+    name: 'Notification Test',
+    component: NotificationTest,
+    testPage: HOMEPAGE_NOTIFICATION_BUTTON,
+  },
 ];