@fluentui-react-native/tester 0.81.1 → 0.82.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.81.1",
+  "version": "0.82.1",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -37,33 +37,34 @@
   "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.25",
-    "@fluentui-react-native/badge": ">=0.1.11 <1.0.0",
-    "@fluentui-react-native/button": ">=0.24.9 <1.0.0",
+    "@fluentui-react-native/avatar": "^1.1.26",
+    "@fluentui-react-native/badge": ">=0.1.12 <1.0.0",
+    "@fluentui-react-native/button": ">=0.24.10 <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.9",
-    "@fluentui-react-native/experimental-checkbox": "0.12.6",
+    "@fluentui-react-native/experimental-button": "0.16.10",
+    "@fluentui-react-native/experimental-checkbox": "0.12.7",
     "@fluentui-react-native/experimental-expander": "0.4.0",
-    "@fluentui-react-native/experimental-menu-button": ">=0.4.11 <1.0.0",
+    "@fluentui-react-native/experimental-menu-button": ">=0.4.12 <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.6",
-    "@fluentui-react-native/experimental-text": ">=0.10.2 <1.0.0",
+    "@fluentui-react-native/experimental-tabs": "0.5.7",
+    "@fluentui-react-native/experimental-text": ">=0.11.0 <1.0.0",
     "@fluentui-react-native/framework": ">=0.8.0 <1.0.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.10.1",
-    "@fluentui-react-native/stack": ">=0.7.1 <1.0.0",
+    "@fluentui-react-native/icon": "0.13.3",
+    "@fluentui-react-native/interactive-hooks": ">=0.17.5 <1.0.0",
+    "@fluentui-react-native/menu": "^1.0.19",
+    "@fluentui-react-native/notification": "0.11.1",
+    "@fluentui-react-native/stack": ">=0.7.2 <1.0.0",
+    "@fluentui-react-native/text": ">=0.13.0 <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.1 <1.0.0",
-    "@fluentui/react-native": ">=0.31.11 <1.0.0",
+    "@fluentui/react-native": ">=0.31.12 <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/Button/ButtonHOCTestSection.tsx

@@ -1,5 +1,5 @@
 import { ButtonV1 as Button } from '@fluentui/react-native';
-import { Text } from '@fluentui-react-native/experimental-text';
+import { TextV1 as Text } from '@fluentui-react-native/text';
 import { Icon, SvgIconProps } from '@fluentui-react-native/icon';
 import * as React from 'react';
 import { Platform, View } from 'react-native';

package/src/TestComponents/Menu/E2EMenuTest.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from '../Common/styles';
 import { ButtonV1 as Button } from '@fluentui-react-native/button';
-import { Text } from '@fluentui-react-native/experimental-text';
+import { TextV1 as Text } from '@fluentui-react-native/text';
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui-react-native/menu';
 import {
   MENUITEM_ACCESSIBILITY_LABEL,

package/src/TestComponents/Menu/MenuTest.tsx

@@ -14,7 +14,7 @@ import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from '../Common/styles';
 import { MENU_TESTPAGE } from './consts';
 import { Test, TestSection, PlatformStatus } from '../Test';
-import { Text } from '@fluentui-react-native/experimental-text';
+import { TextV1 as Text } from '@fluentui-react-native/text';
 import { E2EMenuTest } from './E2EMenuTest';
 
 const MenuDefault: React.FunctionComponent = () => {

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/TestComponents/TabsExperimental/TabsExperimentalE2ETest.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View } from 'react-native';
-import { Text } from '@fluentui-react-native/experimental-text';
+import { TextV1 as Text } from '@fluentui-react-native/text';
 import { Tabs, TabsItem } from '@fluentui-react-native/experimental-tabs';
 import { stackStyle } from '../Common/styles';
 import {

package/src/TestComponents/TabsExperimental/TabsTest.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View, Platform } from 'react-native';
-import { Text } from '@fluentui-react-native/experimental-text';
+import { TextV1 as Text } from '@fluentui-react-native/text';
 import { Button } from '@fluentui-react-native/experimental-button';
 import { Tabs, TabsItem } from '@fluentui-react-native/experimental-tabs';
 import { stackStyle } from '../Common/styles';

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,
+  },
 ];

package/src/theme/ThemePickers.android.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View } from 'react-native';
-import { Text } from '@fluentui-react-native/experimental-text';
+import { TextV1 as Text } from '@fluentui-react-native/text';
 import { lightnessOptions, testerTheme } from './CustomThemes';
 import { themeChoices, ThemeNames } from './applyTheme';
 import { brandOptions, OfficeBrand } from './applyBrand';

package/src/theme/ThemePickers.macos.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View, StyleSheet } from 'react-native';
-import { Text } from '@fluentui-react-native/experimental-text';
+import { TextV1 as Text } from '@fluentui-react-native/text';
 import { SvgXml } from 'react-native-svg';
 import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
 import { ButtonV1 as Button } from '@fluentui/react-native';

package/src/theme/ThemePickers.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View, StyleSheet } from 'react-native';
-import { Text } from '@fluentui-react-native/experimental-text';
+import { TextV1 as Text } from '@fluentui-react-native/text';
 import { lightnessOptions, testerTheme } from './CustomThemes';
 import { themeChoices, ThemeNames } from './applyTheme';
 import { brandOptions, OfficeBrand } from './applyBrand';