@fluentui-react-native/tester 0.64.13 → 0.65.2

package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js

@@ -18,9 +18,9 @@ var MenuDefault = function () {
                 React.createElement(react_native_1.ButtonV1, null, "Test")),
             React.createElement(menu_1.MenuPopover, null,
                 React.createElement(menu_1.MenuList, null,
-                    React.createElement(menu_1.MenuItem, { content: "A plain MenuItem" }),
-                    React.createElement(menu_1.MenuItem, { disabled: true, content: "A second disabled plain MenuItem" }),
-                    React.createElement(menu_1.MenuItem, { content: "A third plain MenuItem" }))))));
+                    React.createElement(menu_1.MenuItem, null, "A plain MenuItem"),
+                    React.createElement(menu_1.MenuItem, { disabled: true }, "A second disabled plain MenuItem"),
+                    React.createElement(menu_1.MenuItem, null, "A third plain MenuItem"))))));
 };
 var MenuCheckmarks = function () {
     return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
@@ -29,26 +29,26 @@ var MenuCheckmarks = function () {
                 React.createElement(react_native_1.ButtonV1, null, "All checkmark items")),
             React.createElement(menu_1.MenuPopover, null,
                 React.createElement(menu_1.MenuList, null,
-                    React.createElement(menu_1.MenuItemCheckbox, { name: "itemOne", content: "A MenuItem with checkmark" }),
+                    React.createElement(menu_1.MenuItemCheckbox, { name: "itemOne" }, "A MenuItem with checkmark"),
                     React.createElement(menu_1.MenuDivider, null),
-                    React.createElement(menu_1.MenuItemCheckbox, { name: "itemTwo", content: "Another MenuItem with checkmark" })))),
+                    React.createElement(menu_1.MenuItemCheckbox, { name: "itemTwo" }, "Another MenuItem with checkmark")))),
         React.createElement(menu_1.Menu, { hasCheckmarks: true, checked: ['itemTwo'] },
             React.createElement(menu_1.MenuTrigger, null,
                 React.createElement(react_native_1.ButtonV1, null, "Some controlled checkmark items with alignment")),
             React.createElement(menu_1.MenuPopover, null,
                 React.createElement(menu_1.MenuList, null,
-                    React.createElement(menu_1.MenuItem, { content: "A plain MenuItem" }),
-                    React.createElement(menu_1.MenuItemCheckbox, { name: "itemTwo", content: "A MenuItem with checkmark" }),
-                    React.createElement(menu_1.MenuItemCheckbox, { disabled: true, name: "itemThree", content: "A disabled MenuItem with checkmark" }),
-                    React.createElement(menu_1.MenuItemCheckbox, { name: "itemFour", content: "A MenuItem with checkmark" })))),
+                    React.createElement(menu_1.MenuItem, null, "A plain MenuItem"),
+                    React.createElement(menu_1.MenuItemCheckbox, { name: "itemTwo" }, "A MenuItem with checkmark"),
+                    React.createElement(menu_1.MenuItemCheckbox, { disabled: true, name: "itemThree" }, "A disabled MenuItem with checkmark"),
+                    React.createElement(menu_1.MenuItemCheckbox, { name: "itemFour" }, "A MenuItem with checkmark")))),
         React.createElement(menu_1.Menu, null,
             React.createElement(menu_1.MenuTrigger, null,
                 React.createElement(react_native_1.ButtonV1, null, "Some checkmark items without alignment")),
             React.createElement(menu_1.MenuPopover, null,
                 React.createElement(menu_1.MenuList, null,
-                    React.createElement(menu_1.MenuItem, { content: "A plain MenuItem" }),
-                    React.createElement(menu_1.MenuItemCheckbox, { name: "itemTwo", content: "A MenuItem with checkmark" }),
-                    React.createElement(menu_1.MenuItemCheckbox, { name: "itemThree", content: "A MenuItem with checkmark" }))))));
+                    React.createElement(menu_1.MenuItem, null, "A plain MenuItem"),
+                    React.createElement(menu_1.MenuItemCheckbox, { name: "itemTwo" }, "A MenuItem with checkmark"),
+                    React.createElement(menu_1.MenuItemCheckbox, { name: "itemThree" }, "A MenuItem with checkmark"))))));
 };
 var MenuRadioItem = function () {
     var _a = React.useState(['itemOne']), checked = _a[0], setChecked = _a[1];
@@ -64,19 +64,19 @@ var MenuRadioItem = function () {
                 React.createElement(react_native_1.ButtonV1, null, "Items with radio selection")),
             React.createElement(menu_1.MenuPopover, null,
                 React.createElement(menu_1.MenuList, null,
-                    React.createElement(menu_1.MenuItemRadio, { name: "itemOne", content: "A MenuItem with checkmark and radio selection" }),
-                    React.createElement(menu_1.MenuItemRadio, { name: "itemTwo", content: "Another MenuItem with checkmark and radio selection" }),
-                    React.createElement(menu_1.MenuItemRadio, { name: "itemThree", content: "A third MenuItem with checkmark and radio selection" }),
-                    React.createElement(menu_1.MenuItemCheckbox, { name: "itemFour", content: "A MenuItem with checkmark and toggle selection" }))))));
+                    React.createElement(menu_1.MenuItemRadio, { name: "itemOne" }, "A MenuItem with checkmark and radio selection"),
+                    React.createElement(menu_1.MenuItemRadio, { name: "itemTwo" }, "Another MenuItem with checkmark and radio selection"),
+                    React.createElement(menu_1.MenuItemRadio, { name: "itemThree" }, "A third MenuItem with checkmark and radio selection"),
+                    React.createElement(menu_1.MenuItemCheckbox, { name: "itemFour" }, "A MenuItem with checkmark and toggle selection"))))));
 };
 var Submenu = function () {
     return (React.createElement(menu_1.Menu, null,
         React.createElement(menu_1.MenuTrigger, null,
-            React.createElement(menu_1.MenuItem, { content: "A second MenuItem" })),
+            React.createElement(menu_1.MenuItem, null, "A second MenuItem")),
         React.createElement(menu_1.MenuPopover, null,
             React.createElement(menu_1.MenuList, null,
-                React.createElement(menu_1.MenuItem, { content: "A nested MenuItem" }),
-                React.createElement(menu_1.MenuItem, { content: "A second nested MenuItem" }),
+                React.createElement(menu_1.MenuItem, null, "A nested MenuItem"),
+                React.createElement(menu_1.MenuItem, null, "A second nested MenuItem"),
                 React.createElement(Submenu, null)))));
 };
 var MenuSubMenu = function () {
@@ -86,7 +86,7 @@ var MenuSubMenu = function () {
                 React.createElement(react_native_1.ButtonV1, null, "Test")),
             React.createElement(menu_1.MenuPopover, null,
                 React.createElement(menu_1.MenuList, null,
-                    React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
+                    React.createElement(menu_1.MenuItem, null, "A MenuItem"),
                     React.createElement(Submenu, null))))));
 };
 var MenuOpenOnHover = function () {
@@ -96,7 +96,7 @@ var MenuOpenOnHover = function () {
                 React.createElement(react_native_1.ButtonV1, null, "Test")),
             React.createElement(menu_1.MenuPopover, null,
                 React.createElement(menu_1.MenuList, null,
-                    React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
+                    React.createElement(menu_1.MenuItem, null, "A MenuItem"),
                     React.createElement(Submenu, null))))));
 };
 var MenuControlledOpen = function () {
@@ -108,7 +108,7 @@ var MenuControlledOpen = function () {
                 React.createElement(react_native_1.ButtonV1, null, "Test")),
             React.createElement(menu_1.MenuPopover, null,
                 React.createElement(menu_1.MenuList, null,
-                    React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
+                    React.createElement(menu_1.MenuItem, null, "A MenuItem"),
                     React.createElement(Submenu, null))))));
 };
 var menuSections = [

package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/FluentTester/TestComponents/Notification/NotificationTest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const NotificationTest: React.FunctionComponent;
+//# sourceMappingURL=NotificationTest.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/Notification/NotificationTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+G/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAYpC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Notification/NotificationTest.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationTest = void 0;
+var tslib_1 = require("tslib");
+var React = (0, tslib_1.__importStar)(require("react"));
+var react_native_1 = require("react-native");
+var Test_1 = require("../Test");
+var NotificationVariants = ['primary', 'neutral', 'danger', 'warning'];
+var Notification = function (props) {
+    var variant = props.variant;
+    var startText = props.startText;
+    var endText = props.endText;
+    var containerBackgroundColor = 'skyblue';
+    var foregroundColor = 'black';
+    switch (variant) {
+        case 'primary':
+            containerBackgroundColor = 'skyblue';
+            break;
+        case 'neutral':
+            containerBackgroundColor = 'lightgrey';
+            break;
+        case 'danger':
+            containerBackgroundColor = 'pink';
+            foregroundColor = 'maroon';
+            break;
+        case 'warning':
+            containerBackgroundColor = 'lightyellow';
+            foregroundColor = 'brown';
+            break;
+    }
+    var styles = react_native_1.StyleSheet.create({
+        container: {
+            borderRadius: 12,
+            backgroundColor: containerBackgroundColor,
+            flex: 1,
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            padding: 16,
+        },
+        start: {
+            fontSize: 16,
+            color: foregroundColor,
+            flex: 1,
+            flexGrow: 1,
+        },
+        end: {
+            fontSize: 16,
+            fontWeight: '500',
+            color: foregroundColor,
+            marginLeft: 34,
+        },
+    });
+    return (React.createElement(react_native_1.View, { style: styles.container },
+        React.createElement(react_native_1.Text, { style: styles.start }, startText),
+        React.createElement(react_native_1.Text, { style: styles.end }, endText)));
+};
+var PrimaryTest = function () {
+    return React.createElement(Notification, { variant: 'primary', startText: "Mail Archived", endText: "Undo" });
+};
+var NeutralTest = function () {
+    return React.createElement(Notification, { variant: 'neutral', startText: "Some items require you to sign in to view them", endText: "Sign in" });
+};
+var DangerTest = function () {
+    return React.createElement(Notification, { variant: 'danger', startText: "There was a problem, and your recent changes may not have saved", endText: "Retry" });
+};
+var WarningTest = function () {
+    return React.createElement(Notification, { variant: 'warning', startText: "Read Only", endText: "X" });
+};
+var notificationSections = [
+    {
+        name: 'Primary',
+        component: PrimaryTest,
+    },
+    {
+        name: 'Neutral',
+        component: NeutralTest,
+    },
+    {
+        name: 'Danger',
+        component: DangerTest,
+    },
+    {
+        name: 'Warning',
+        component: WarningTest,
+    },
+];
+var NotificationTest = function () {
+    var status = {
+        win32Status: 'Backlog',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Beta',
+        macosStatus: 'Backlog',
+        androidStatus: 'Backlog',
+    };
+    var description = 'Testing notification component';
+    return React.createElement(Test_1.Test, { name: "Notification Test", description: description, sections: notificationSections, status: status });
+};
+exports.NotificationTest = NotificationTest;
+//# sourceMappingURL=NotificationTest.js.map

package/lib-commonjs/FluentTester/TestComponents/Notification/NotificationTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/FluentTester/TestComponents/Notification/consts.d.ts

@@ -0,0 +1,3 @@
+export declare const HOMEPAGE_NOTIFICATION_BUTTON = "Homepage_Notification_Button";
+export declare const NOTIFICATION_TESTPAGE = "Notification_TestPage";
+//# sourceMappingURL=consts.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/Notification/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAC3E,eAAO,MAAM,qBAAqB,0BAA0B,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Notification/consts.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NOTIFICATION_TESTPAGE = exports.HOMEPAGE_NOTIFICATION_BUTTON = void 0;
+exports.HOMEPAGE_NOTIFICATION_BUTTON = 'Homepage_Notification_Button';
+exports.NOTIFICATION_TESTPAGE = 'Notification_TestPage';
+//# sourceMappingURL=consts.js.map

package/lib-commonjs/FluentTester/TestComponents/Notification/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,4BAA4B,GAAG,8BAA8B,CAAC;AAC9D,QAAA,qBAAqB,GAAG,uBAAuB,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Notification/index.d.ts

@@ -0,0 +1,3 @@
+export * from './NotificationTest';
+export * from './consts';
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/Notification/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Notification/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./NotificationTest"), exports);
+(0, tslib_1.__exportStar)(require("./consts"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/FluentTester/TestComponents/Notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/index.ts"],"names":[],"mappings":";;;AAAA,kEAAmC;AACnC,wDAAyB"}

package/lib-commonjs/FluentTester/testPages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testPages.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AA8BnD,eAAO,MAAM,KAAK,EAAE,eAAe,EAkJlC,CAAC"}
+{"version":3,"file":"testPages.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AA+BnD,eAAO,MAAM,KAAK,EAAE,eAAe,EAuJlC,CAAC"}

package/lib-commonjs/FluentTester/testPages.ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testPages.ios.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAsBnD,eAAO,MAAM,KAAK,EAAE,eAAe,EAqGlC,CAAC"}
+{"version":3,"file":"testPages.ios.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAuBnD,eAAO,MAAM,KAAK,EAAE,eAAe,EA0GlC,CAAC"}

package/lib-commonjs/FluentTester/testPages.ios.js

@@ -21,6 +21,7 @@ var Theme_1 = require("./TestComponents/Theme");
 var ActivityIndicator_1 = require("./TestComponents/ActivityIndicator");
 var Tokens_1 = require("./TestComponents/Tokens");
 var TextExperimental_1 = require("./TestComponents/TextExperimental");
+var Notification_1 = require("./TestComponents/Notification");
 exports.tests = [
     {
         name: 'ActivityIndicator Test',
@@ -122,5 +123,10 @@ exports.tests = [
         component: Tokens_1.TokenTest,
         testPage: Tokens_1.HOMEPAGE_TOKEN_BUTTON,
     },
+    {
+        name: 'Notification Test',
+        component: Notification_1.NotificationTest,
+        testPage: Notification_1.HOMEPAGE_NOTIFICATION_BUTTON,
+    },
 ];
 //# sourceMappingURL=testPages.ios.js.map

package/lib-commonjs/FluentTester/testPages.ios.js.map

@@ -1 +1 @@
-{"version":3,"file":"testPages.ios.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.ios.ts"],"names":[],"mappings":";;;AACA,kDAA6E;AAC7E,gDAAmE;AACnE,kDAA6E;AAC7E,sDAAmF;AACnF,8EAAwH;AACxH,8CAAuE;AACvE,8CAAuE;AACvE,sEAA2G;AAC3G,oDAAgF;AAChF,4DAA4F;AAC5F,wDAAsF;AACtF,0DAAyF;AACzF,wDAAsF;AACtF,oDAAgF;AAChF,4CAAoE;AACpE,8CAAuE;AACvE,gDAA0E;AAC1E,wEAA+G;AAC/G,kDAA2E;AAC3E,sEAA4G;AAE/F,QAAA,KAAK,GAAsB;IACtC;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,yCAAqB;QAChC,QAAQ,EAAE,sDAAkC;KAC7C;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,mBAAU;QACrB,QAAQ,EAAE,+BAAsB;KACjC;IACD;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,iBAAS;QACpB,QAAQ,EAAE,sBAAc;KACzB;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,mBAAU;QACrB,QAAQ,EAAE,+BAAsB;KACjC;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,uCAAoB;QAC/B,QAAQ,EAAE,mDAAgC;KAC3C;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,yBAAa;QACxB,QAAQ,EAAE,qCAAyB;KACpC;IACD;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,eAAQ;QACnB,QAAQ,EAAE,2BAAoB;KAC/B;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,yBAAa;QACxB,QAAQ,EAAE,qCAAyB;KACpC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,qBAAW;QACtB,QAAQ,EAAE,iCAAuB;KAClC;IACD;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,eAAQ;QACnB,QAAQ,EAAE,2BAAoB;KAC/B;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,uCAAoB;QAC/B,QAAQ,EAAE,oDAAiC;KAC5C;IACD;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,iBAAS;QACpB,QAAQ,EAAE,6BAAqB;KAChC;IACD;QACE,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,6BAAe;QAC1B,QAAQ,EAAE,yCAA2B;KACtC;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,2BAAc;QACzB,QAAQ,EAAE,uCAA0B;KACrC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,qBAAW;QACtB,QAAQ,EAAE,iCAAuB;KAClC;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,uBAAY;QACvB,QAAQ,EAAE,mCAAwB;KACnC;IACD;QACE,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,+CAAwB;QACnC,QAAQ,EAAE,4DAAqC;KAChD;IACD;QACE,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,aAAO;QAClB,QAAQ,EAAE,yBAAmB;KAC9B;IACD;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,eAAQ;QACnB,QAAQ,EAAE,2BAAoB;KAC/B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,kBAAS;QACpB,QAAQ,EAAE,8BAAqB;KAChC;CACF,CAAC"}
+{"version":3,"file":"testPages.ios.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.ios.ts"],"names":[],"mappings":";;;AACA,kDAA6E;AAC7E,gDAAmE;AACnE,kDAA6E;AAC7E,sDAAmF;AACnF,8EAAwH;AACxH,8CAAuE;AACvE,8CAAuE;AACvE,sEAA2G;AAC3G,oDAAgF;AAChF,4DAA4F;AAC5F,wDAAsF;AACtF,0DAAyF;AACzF,wDAAsF;AACtF,oDAAgF;AAChF,4CAAoE;AACpE,8CAAuE;AACvE,gDAA0E;AAC1E,wEAA+G;AAC/G,kDAA2E;AAC3E,sEAA4G;AAC5G,8DAA+F;AAElF,QAAA,KAAK,GAAsB;IACtC;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,yCAAqB;QAChC,QAAQ,EAAE,sDAAkC;KAC7C;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,mBAAU;QACrB,QAAQ,EAAE,+BAAsB;KACjC;IACD;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,iBAAS;QACpB,QAAQ,EAAE,sBAAc;KACzB;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,mBAAU;QACrB,QAAQ,EAAE,+BAAsB;KACjC;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,uCAAoB;QAC/B,QAAQ,EAAE,mDAAgC;KAC3C;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,yBAAa;QACxB,QAAQ,EAAE,qCAAyB;KACpC;IACD;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,eAAQ;QACnB,QAAQ,EAAE,2BAAoB;KAC/B;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,yBAAa;QACxB,QAAQ,EAAE,qCAAyB;KACpC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,qBAAW;QACtB,QAAQ,EAAE,iCAAuB;KAClC;IACD;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,eAAQ;QACnB,QAAQ,EAAE,2BAAoB;KAC/B;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,uCAAoB;QAC/B,QAAQ,EAAE,oDAAiC;KAC5C;IACD;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,iBAAS;QACpB,QAAQ,EAAE,6BAAqB;KAChC;IACD;QACE,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,6BAAe;QAC1B,QAAQ,EAAE,yCAA2B;KACtC;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,2BAAc;QACzB,QAAQ,EAAE,uCAA0B;KACrC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,qBAAW;QACtB,QAAQ,EAAE,iCAAuB;KAClC;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,uBAAY;QACvB,QAAQ,EAAE,mCAAwB;KACnC;IACD;QACE,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,+CAAwB;QACnC,QAAQ,EAAE,4DAAqC;KAChD;IACD;QACE,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,aAAO;QAClB,QAAQ,EAAE,yBAAmB;KAC9B;IACD;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,eAAQ;QACnB,QAAQ,EAAE,2BAAoB;KAC/B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,kBAAS;QACpB,QAAQ,EAAE,8BAAqB;KAChC;IACD;QACE,IAAI,EAAE,mBAAmB;QACzB,SAAS,EAAE,+BAAgB;QAC3B,QAAQ,EAAE,2CAA4B;KACvC;CACF,CAAC"}

package/lib-commonjs/FluentTester/testPages.js

@@ -29,6 +29,7 @@ var CheckboxExperimental_1 = require("./TestComponents/CheckboxExperimental");
 var TextExperimental_1 = require("./TestComponents/TextExperimental");
 var MenuButtonExperimental_1 = require("./TestComponents/MenuButtonExperimental");
 var Menu_1 = require("./TestComponents/Menu");
+var Notification_1 = require("./TestComponents/Notification");
 exports.tests = [
     {
         name: 'ActivityIndicator Test',
@@ -175,5 +176,10 @@ exports.tests = [
         component: Menu_1.MenuTest,
         testPage: Menu_1.HOMEPAGE_MENU_BUTTON,
     },
+    {
+        name: 'Notification Test',
+        component: Notification_1.NotificationTest,
+        testPage: Notification_1.HOMEPAGE_NOTIFICATION_BUTTON,
+    },
 ];
 //# sourceMappingURL=testPages.js.map

package/lib-commonjs/FluentTester/testPages.js.map

@@ -1 +1 @@
-{"version":3,"file":"testPages.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"testPages.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.64.13",
+  "version": "0.65.2",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -31,7 +31,7 @@
     "@fluentui-react-native/button": ">=0.22.29 <1.0.0",
     "@fluentui-react-native/default-theme": ">=0.13.0 <1.0.0",
     "@fluentui-react-native/experimental-activity-indicator": ">=0.5.29 <1.0.0",
-    "@fluentui-react-native/experimental-avatar": ">=0.14.43 <1.0.0",
+    "@fluentui-react-native/experimental-avatar": ">=0.14.44 <1.0.0",
     "@fluentui-react-native/experimental-button": "0.15.30",
     "@fluentui-react-native/experimental-checkbox": "0.11.14",
     "@fluentui-react-native/experimental-drawer": ">=0.1.13 <1.0.0",
@@ -44,7 +44,7 @@
     "@fluentui-react-native/framework": ">=0.7.30 <1.0.0",
     "@fluentui-react-native/icon": "0.12.1",
     "@fluentui-react-native/interactive-hooks": ">=0.16.3 <1.0.0",
-    "@fluentui-react-native/menu": ">=0.14.8 <1.0.0",
+    "@fluentui-react-native/menu": ">=0.15.1 <1.0.0",
     "@fluentui-react-native/stack": ">=0.6.29 <1.0.0",
     "@fluentui-react-native/theme": ">=0.6.11 <1.0.0",
     "@fluentui-react-native/theme-types": ">=0.17.0 <1.0.0",

package/src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx

@@ -68,7 +68,6 @@ export const StandardUsage: FunctionComponent = () => {
     src: TestSvg,
     viewBox: '0 0 500 500',
   };
-  const iconProps = { svgSource: svgProps, width: 20, height: 20, color: 'red' };
 
   const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS as string);
 
@@ -101,10 +100,11 @@ export const StandardUsage: FunctionComponent = () => {
         <StyledPicker prompt="Avatar Color" selected={avatarColor} onChange={onAvatarColorChange} collection={avatarColors} />
         <StyledPicker prompt="Presence status" selected={presence} onChange={onPresenceChange} collection={allPresences} />
       </View>
-      <JSAvatar badge={{ status: 'available', outOfOffice }} />
-      <JSAvatar name="Richard" avatarColor="#ff0099" initialsColor="yellow" />
-      <JSAvatar icon={{ fontSource: { ...fontBuiltInProps, fontSize: 32 }, color: 'red' }} size={56} />
-      <JSAvatar accessibilityLabel="Fall-back Icon" accessibilityHint="A picture representing a user" size={120} />
+      <JSAvatar
+        accessibilityLabel="Fall-back Icon"
+        accessibilityHint="A picture representing a user"
+        size={imageSize === undefinedText ? undefined : imageSize}
+      />
       <JSAvatar
         active={active}
         activeAppearance={activeAppearance}
@@ -123,7 +123,8 @@ export const StandardUsage: FunctionComponent = () => {
         shape={isSquare ? 'square' : 'circular'}
         accessibilityLabel="Icon"
         name="* Richard Faynman *"
-        avatarColor={avatarColor}
+        avatarColor="#ff0099"
+        initialsColor="yellow"
       />
       {svgIconsEnabled && (
         <>
@@ -133,7 +134,7 @@ export const StandardUsage: FunctionComponent = () => {
             size={imageSize === undefinedText ? undefined : imageSize}
             shape={isSquare ? 'square' : 'circular'}
             accessibilityLabel="SVG Icon"
-            icon={iconProps}
+            icon={{ fontSource: { ...fontBuiltInProps, fontSize: 32 }, color: 'red' }}
             avatarColor={avatarColor}
             badge={{ status: 'outOfOffice', outOfOffice }}
           />