@fluentui-react-native/tester 0.135.1 → 0.135.3

package/lib/fluent-tester/src/TestComponents/MenuButtonV1/StandardMenuButtonTest.js

@@ -0,0 +1,60 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { Text, View, Switch, Platform } from 'react-native';
+import { Separator } from '@fluentui/react-native';
+import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
+import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonV1TestStyles';
+import { menuItems, iconProps } from './testData';
+import { testImage } from '../Common/iconExamples';
+export var StandardMenuButton = function () {
+    var _a = React.useState(null), lastMenuItemClicked = _a[0], setLastMenuItemClicked = _a[1];
+    var _b = React.useState(true), focusOnMount = _b[0], setShouldFocusOnMount = _b[1];
+    var toggleFocusOnMount = React.useCallback(function (value) { return setShouldFocusOnMount(value); }, [setShouldFocusOnMount]);
+    var _c = React.useState(false), focusOnContainer = _c[0], setShouldFocusOnContainer = _c[1];
+    var toggleFocusOnContainer = React.useCallback(function (value) { return setShouldFocusOnContainer(value); }, [setShouldFocusOnContainer]);
+    var onItemClick = React.useCallback(function (key) {
+        setLastMenuItemClicked(key);
+    }, [setLastMenuItemClicked]);
+    var contextualMenuProps = {
+        accessibilityLabel: 'MenuButton',
+        shouldFocusOnMount: focusOnMount,
+        shouldFocusOnContainer: focusOnContainer,
+    };
+    var iconToShow = Platform.select({
+        macos: testImage,
+        default: iconProps,
+    });
+    return (React.createElement(View, null,
+        React.createElement(View, { style: viewWrapperStyle },
+            React.createElement(View, { style: columnStyle },
+                React.createElement(View, { style: rowStyle },
+                    React.createElement(Text, null, "Should Focus on Mount"),
+                    React.createElement(Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(View, { style: rowStyle },
+                    React.createElement(Text, null, "Should Focus on Container"),
+                    React.createElement(Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }))),
+            React.createElement(Separator, { vertical: true }),
+            React.createElement(View, { style: columnStyle },
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? React.createElement(Text, { style: textColor }, lastMenuItemClicked) : React.createElement(Text, { style: textColor }, "none")),
+                React.createElement(View, { style: __assign(__assign({}, rowStyle), { paddingHorizontal: 5 }) },
+                    React.createElement(View, { style: columnStyle },
+                        React.createElement(MenuButton, { content: "Standard MenuButton", menuItems: menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }),
+                        React.createElement(Text, null, "MenuButton with icon"),
+                        React.createElement(MenuButton, { icon: iconToShow, content: "MenuButton", menuItems: menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }),
+                        React.createElement(Text, null, "MenuButton with only icon"),
+                        React.createElement(MenuButton, { icon: iconToShow, menuItems: menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }),
+                        React.createElement(Text, null, "Disabled MenuButton"),
+                        React.createElement(MenuButton, { disabled: true, content: "Disabled MenuButton", menuItems: menuItems })),
+                    React.createElement(Separator, { vertical: true }),
+                    React.createElement(View, { style: columnStyle },
+                        React.createElement(MenuButton, { appearance: "primary", content: "Primary MenuButton", menuItems: menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }),
+                        React.createElement(Text, null, "Primary MenuButton with icon"),
+                        React.createElement(MenuButton, { appearance: "primary", icon: iconToShow, content: "Primary MenuButton", menuItems: menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }),
+                        React.createElement(Text, null, "Primary MenuButton with only icon"),
+                        React.createElement(MenuButton, { appearance: "primary", icon: iconToShow, menuItems: menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }),
+                        React.createElement(Text, null, "Primary Disabled MenuButton"),
+                        React.createElement(MenuButton, { appearance: "primary", disabled: true, content: "Disabled Primary MenuButton", menuItems: menuItems })))))));
+};
+//# sourceMappingURL=StandardMenuButtonTest.js.map

package/lib/fluent-tester/src/TestComponents/MenuButtonV1/StandardMenuButtonTest.js.map

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

package/lib/fluent-tester/src/TestComponents/MenuButtonV1/index.d.ts

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

package/lib/fluent-tester/src/TestComponents/MenuButtonV1/index.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/MenuButtonV1/index.js

@@ -0,0 +1,2 @@
+export * from './MenuButtonV1Test';
+//# sourceMappingURL=index.js.map

package/lib/fluent-tester/src/TestComponents/MenuButtonV1/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonV1/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/lib/fluent-tester/src/TestComponents/MenuButtonV1/testData.d.ts

@@ -0,0 +1,8 @@
+import type { MenuButtonItemProps } from '@fluentui/react-native';
+export declare const menuItems: MenuButtonItemProps[];
+export declare const iconProps: {
+    svgSource: import("@fluentui-react-native/icon").SvgIconProps;
+    width: number;
+    height: number;
+};
+//# sourceMappingURL=testData.d.ts.map

package/lib/fluent-tester/src/TestComponents/MenuButtonV1/testData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testData.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonV1/testData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAIlE,eAAO,MAAM,SAAS,EAAE,mBAAmB,EAe1C,CAAC;AAEF,eAAO,MAAM,SAAS;;;;CAAiD,CAAC"}

package/lib/fluent-tester/src/TestComponents/MenuButtonV1/testData.js

@@ -0,0 +1,19 @@
+import { testImage, svgProps } from '../Common/iconExamples';
+export var menuItems = [
+    {
+        itemKey: '1',
+        text: 'MenuItem 1',
+        icon: testImage,
+    },
+    {
+        itemKey: '2',
+        text: 'MenuItem 2',
+    },
+    {
+        itemKey: '3',
+        text: 'MenuItem 3',
+        disabled: true,
+    },
+];
+export var iconProps = { svgSource: svgProps, width: 12, height: 12 };
+//# sourceMappingURL=testData.js.map

package/lib/fluent-tester/src/TestComponents/MenuButtonV1/testData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testData.js","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonV1/testData.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,CAAC,IAAM,SAAS,GAA0B;IAC9C;QACE,OAAO,EAAE,GAAG;QACZ,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,SAAS;KAChB;IACD;QACE,OAAO,EAAE,GAAG;QACZ,IAAI,EAAE,YAAY;KACnB;IACD;QACE,OAAO,EAAE,GAAG;QACZ,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC"}

package/lib/fluent-tester/src/TestComponents/NativeDatePicker/NativeDatePickerTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/NativeDatePicker/NativeDatePickerTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeDatePickerTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/NativeDatePicker/NativeDatePickerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+O/B,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAYxC,CAAC"}

package/lib/fluent-tester/src/TestComponents/NativeDatePicker/NativeDatePickerTest.js

@@ -0,0 +1,140 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { Switch, View } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { Button } from '@fluentui-react-native/button';
+import { NativeDatePicker } from '@fluentui-react-native/experimental-native-date-picker';
+import { Stack } from '@fluentui-react-native/stack';
+import { NATIVEDATEPICKER_TESTPAGE } from './consts';
+import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
+import { Test } from '../Test';
+var NativeDatePickerMainTest = function () {
+    var _a;
+    var _b = React.useState(new Date()), startDate = _b[0], setStartDate = _b[1];
+    var _c = React.useState(null), endDate = _c[0], setEndDate = _c[1];
+    var _d = React.useState(false), customCalendarConfiguration = _d[0], setCustomCalendarConfiguration = _d[1];
+    function didPickDates(pickedStartDate, pickedEndDate) {
+        setStartDate(NativeDatePicker.parseISOString(pickedStartDate));
+        setEndDate(NativeDatePicker.parseISOString(pickedEndDate));
+    }
+    var today = new Date();
+    // Here we set up some common options and use the spread operator to copy them repeatedly into examples.
+    var fixedDates = {
+        startDate: new Date(today.getFullYear(), today.getMonth(), today.getDate() + 7),
+        endDate: new Date(today.getFullYear(), today.getMonth(), today.getDate() + 14),
+    };
+    var customReferenceStartDate = today;
+    var customReferenceEndDate = new Date(today.getFullYear(), today.getMonth() + 1, today.getDate());
+    var defaultReferenceStartDate = new Date(today.getFullYear() - 3, 1, 1);
+    var defaultReferenceEndDate = new Date(defaultReferenceStartDate.getFullYear() + 10, 1, 1);
+    var referenceStartDate = customCalendarConfiguration ? customReferenceStartDate : defaultReferenceStartDate;
+    var referenceEndDate = customCalendarConfiguration ? customReferenceEndDate : defaultReferenceEndDate;
+    var titles = {
+        startTitle: 'Start Title',
+        startSubitle: 'Start Subtitle',
+        startTab: 'Start Tab',
+        endTitle: 'End Title',
+        endSubtitle: 'End Subtitle',
+        endTab: 'End Tab',
+        dateTitle: 'Date Title',
+        dateSubtitle: 'Date Subtitle',
+        timeTitle: 'Time Title',
+        timeSubtitle: 'Time Subtitle',
+    };
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Text, { variant: "headerStandard" }, "Selected Start Date/Time"),
+        React.createElement(Text, { variant: "subheaderStandard" }, startDate === null || startDate === void 0 ? void 0 :
+            startDate.toString(),
+            " ",
+            '\n'),
+        React.createElement(Text, { variant: "headerStandard" }, "Selected End Date/Time"),
+        React.createElement(Text, { variant: "subheaderStandard" }, (_a = endDate === null || endDate === void 0 ? void 0 : endDate.toString()) !== null && _a !== void 0 ? _a : 'N/A',
+            " ",
+            '\n'),
+        React.createElement(Button, { content: "Date picker", onClick: function () {
+                return NativeDatePicker.present({
+                    referenceStartDate: referenceStartDate,
+                    referenceEndDate: referenceEndDate,
+                    callback: didPickDates,
+                });
+            } }),
+        React.createElement(Button, { content: "Date time picker", onClick: function () {
+                return NativeDatePicker.present({
+                    mode: 'dateTime',
+                    referenceStartDate: referenceStartDate,
+                    referenceEndDate: referenceEndDate,
+                    callback: didPickDates,
+                });
+            } }),
+        React.createElement(Button, { content: "Preselected date", onClick: function () {
+                return NativeDatePicker.present({
+                    startDate: fixedDates.startDate,
+                    referenceStartDate: referenceStartDate,
+                    referenceEndDate: referenceEndDate,
+                    callback: didPickDates,
+                });
+            } }),
+        React.createElement(Button, { content: "Date range (tabbed)", onClick: function () {
+                return NativeDatePicker.present({
+                    mode: 'dateRange',
+                    referenceStartDate: referenceStartDate,
+                    referenceEndDate: referenceEndDate,
+                    callback: didPickDates,
+                });
+            } }),
+        React.createElement(Button, { content: "Date range (tabbed) remembering last selection", onClick: function () {
+                return NativeDatePicker.present({
+                    mode: 'dateRange',
+                    startDate: startDate,
+                    endDate: endDate,
+                    referenceStartDate: referenceStartDate,
+                    referenceEndDate: referenceEndDate,
+                    callback: didPickDates,
+                });
+            } }),
+        React.createElement(Button, { content: "Date with custom titles", onClick: function () {
+                return NativeDatePicker.present(__assign(__assign(__assign(__assign({}, fixedDates), { referenceStartDate: referenceStartDate, referenceEndDate: referenceEndDate }), titles), { callback: didPickDates }));
+            } }),
+        React.createElement(Button, { content: "Date time with custom titles", onClick: function () {
+                return NativeDatePicker.present(__assign(__assign(__assign(__assign({ mode: 'dateTime' }, fixedDates), { referenceStartDate: referenceStartDate, referenceEndDate: referenceEndDate }), titles), { callback: didPickDates }));
+            } }),
+        React.createElement(Button, { content: "Date range with custom titles (paged)", onClick: function () {
+                return NativeDatePicker.present(__assign(__assign(__assign(__assign({ mode: 'dateRange', dateRangePresentation: 'paged' }, fixedDates), { referenceStartDate: referenceStartDate, referenceEndDate: referenceEndDate }), titles), { callback: didPickDates }));
+            } }),
+        React.createElement(Button, { content: "Date range with custom titles (tabbed)", onClick: function () {
+                return NativeDatePicker.present(__assign(__assign(__assign(__assign({ mode: 'dateRange' }, fixedDates), { referenceStartDate: referenceStartDate, referenceEndDate: referenceEndDate }), titles), { callback: didPickDates }));
+            } }),
+        React.createElement(Button, { content: "Date time range with custom titles (tabbed)", onClick: function () {
+                return NativeDatePicker.present(__assign(__assign(__assign(__assign({ mode: 'dateTimeRange' }, fixedDates), { referenceStartDate: referenceStartDate, referenceEndDate: referenceEndDate }), titles), { callback: didPickDates }));
+            } }),
+        React.createElement(View, { style: commonStyles.switch },
+            React.createElement(Text, { variant: "headerStandard" }, "Custom calendar configuration"),
+            React.createElement(Switch, { value: customCalendarConfiguration, onValueChange: function (value) {
+                    setCustomCalendarConfiguration(value);
+                } })),
+        React.createElement(Text, { variant: "subheaderStandard" },
+            "Reference start date: ",
+            customReferenceStartDate.toDateString()),
+        React.createElement(Text, { variant: "subheaderStandard" },
+            "Reference end date: ",
+            customReferenceEndDate.toDateString())));
+};
+var nativeDatePickerSections = [
+    {
+        name: 'Native Date Picker',
+        testID: NATIVEDATEPICKER_TESTPAGE,
+        component: NativeDatePickerMainTest,
+    },
+];
+export var NativeDatePickerTest = function () {
+    var status = {
+        win32Status: 'N/A',
+        uwpStatus: 'N/A',
+        iosStatus: 'Experimental',
+        macosStatus: 'N/A',
+        androidStatus: 'N/A',
+    };
+    var description = 'A Native date picker component using the Fluent Design System.  Currently only implemented on iOS.';
+    return React.createElement(Test, { name: "Native Date Picker Test", description: description, sections: nativeDatePickerSections, status: status });
+};
+//# sourceMappingURL=NativeDatePickerTest.js.map

package/lib/fluent-tester/src/TestComponents/NativeDatePicker/NativeDatePickerTest.js.map

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

package/lib/fluent-tester/src/TestComponents/NativeDatePicker/consts.d.ts

@@ -0,0 +1,3 @@
+export declare const HOMEPAGE_NATIVEDATEPICKER_BUTTON = "Homepage_NativeDatePicker_Button";
+export declare const NATIVEDATEPICKER_TESTPAGE = "NativeDatePicker_TestPage";
+//# sourceMappingURL=consts.d.ts.map

package/lib/fluent-tester/src/TestComponents/NativeDatePicker/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/NativeDatePicker/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gCAAgC,qCAAqC,CAAC;AACnF,eAAO,MAAM,yBAAyB,8BAA8B,CAAC"}

package/lib/fluent-tester/src/TestComponents/NativeDatePicker/consts.js

@@ -0,0 +1,3 @@
+export var HOMEPAGE_NATIVEDATEPICKER_BUTTON = 'Homepage_NativeDatePicker_Button';
+export var NATIVEDATEPICKER_TESTPAGE = 'NativeDatePicker_TestPage';
+//# sourceMappingURL=consts.js.map

package/lib/fluent-tester/src/TestComponents/NativeDatePicker/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../src/TestComponents/NativeDatePicker/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,gCAAgC,GAAG,kCAAkC,CAAC;AACnF,MAAM,CAAC,IAAM,yBAAyB,GAAG,2BAA2B,CAAC"}

package/lib/fluent-tester/src/TestComponents/NativeDatePicker/index.d.ts

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

package/lib/fluent-tester/src/TestComponents/NativeDatePicker/index.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/NativeDatePicker/index.js

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

package/lib/fluent-tester/src/TestComponents/NativeDatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/TestComponents/NativeDatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC"}

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/Notification/NotificationTest.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/Notification/NotificationTest.js

@@ -0,0 +1,202 @@
+import * as React from 'react';
+import { Animated, StyleSheet, Switch, TextInput, View } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { Text } from '@fluentui-react-native/experimental-text';
+import { Notification, NotificationVariants } from '@fluentui-react-native/notification';
+import PlayButton from './assets/play_button.svg';
+import { StyledPicker } from '../Common/StyledPicker';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+import { Test } from '../Test';
+var svgProps = {
+    src: PlayButton,
+};
+var iconProps = { svgSource: svgProps };
+var SHOW_HEIGHT = -50;
+var BAR_SHOW_DURATION = 300;
+var HIDE_DURATION = 250;
+var AUTO_HIDE_DURATION = 3000;
+var USE_NATIVE_DRIVER_IOS = true;
+var styles = StyleSheet.create({
+    button: {
+        alignSelf: 'center',
+        marginBottom: 50,
+    },
+    notification: {
+        marginTop: 10,
+    },
+    textInput: {
+        borderWidth: 1,
+    },
+});
+var CustomToast = function () {
+    var _a = React.useState('primary'), variant = _a[0], setVariant = _a[1];
+    var _b = React.useState("Kat's iPhoneX"), title = _b[0], setTitle = _b[1];
+    var _c = React.useState('Listen to Emails • 7 mins'), message = _c[0], setMessage = _c[1];
+    var _d = React.useState('Listen'), action = _d[0], setAction = _d[1];
+    var _e = React.useState(true), showIcon = _e[0], setShowIcon = _e[1];
+    var _f = React.useState(true), showTitle = _f[0], setShowTitle = _f[1];
+    return (React.createElement(View, null,
+        React.createElement(StyledPicker, { prompt: "Variant", selected: variant, onChange: setVariant, collection: NotificationVariants.filter(function (variant) { return !variant.endsWith('Bar'); }) }),
+        React.createElement(TextInput, { value: title, onChangeText: setTitle, style: styles.textInput }),
+        React.createElement(TextInput, { value: message, onChangeText: setMessage, style: styles.textInput }),
+        React.createElement(TextInput, { value: action, onChangeText: setAction, style: styles.textInput }),
+        React.createElement(View, { style: commonStyles.switch },
+            React.createElement(Text, null, "Show icon "),
+            React.createElement(Switch, { value: showIcon, onValueChange: setShowIcon })),
+        React.createElement(View, { style: commonStyles.switch },
+            React.createElement(Text, null, "Show title "),
+            React.createElement(Switch, { value: showTitle, onValueChange: setShowTitle })),
+        React.createElement(View, { style: styles.notification },
+            React.createElement(Notification, { variant: variant, icon: showIcon ? iconProps : undefined, title: showTitle ? title : undefined, action: action, onPress: function () {
+                    console.log('Notification tapped');
+                }, onActionPress: function () {
+                    console.log('Notification action tapped');
+                } }, message))));
+};
+var CustomBar = function () {
+    var _a = React.useState('primaryBar'), variant = _a[0], setVariant = _a[1];
+    var _b = React.useState('Updating...'), message = _b[0], setMessage = _b[1];
+    return (React.createElement(View, null,
+        React.createElement(StyledPicker, { prompt: "Variant", selected: variant, onChange: setVariant, collection: NotificationVariants.filter(function (variant) { return variant.endsWith('Bar'); }) }),
+        React.createElement(TextInput, { value: message, onChangeText: setMessage, style: styles.textInput }),
+        React.createElement(View, { style: styles.notification },
+            React.createElement(Notification, { variant: variant, onPress: function () {
+                    console.log('Notification tapped');
+                } }, message))));
+};
+var PrimaryWithAutoHide = function () {
+    var _a = React.useState(true), visible = _a[0], setVisible = _a[1];
+    var onButtonPress = function () { return setVisible(!visible); };
+    var _b = React.useState(!visible), hidden = _b[0], setHidden = _b[1];
+    var height = React.useRef(new Animated.Value(0)).current;
+    var show = function () {
+        setHidden(false);
+        Animated.sequence([
+            Animated.spring(height, {
+                toValue: SHOW_HEIGHT,
+                bounciness: 16,
+                speed: 20,
+                useNativeDriver: USE_NATIVE_DRIVER_IOS,
+            }),
+            Animated.delay(AUTO_HIDE_DURATION),
+            Animated.timing(height, {
+                toValue: 0,
+                duration: HIDE_DURATION,
+                useNativeDriver: USE_NATIVE_DRIVER_IOS,
+            }),
+        ]).start(function () {
+            setHidden(true);
+            setVisible(false);
+        });
+    };
+    var hide = function () {
+        Animated.timing(height, {
+            toValue: 0,
+            duration: HIDE_DURATION,
+            useNativeDriver: USE_NATIVE_DRIVER_IOS,
+        }).start(function () {
+            setHidden(true);
+        });
+    };
+    React.useLayoutEffect(function () {
+        if (visible) {
+            show();
+        }
+        else {
+            hide();
+        }
+    }, [visible, height]);
+    var animatedViewProps = {
+        transform: [{ translateY: height }],
+    };
+    return (React.createElement(View, null,
+        React.createElement(Button, { appearance: "subtle", onClick: onButtonPress, style: styles.button }, visible ? 'Hide' : 'Show'),
+        !hidden && (React.createElement(Animated.View, { style: animatedViewProps },
+            React.createElement(Notification, { variant: 'primary', action: "Undo", onPress: function () {
+                    console.log('Notification tapped');
+                }, onActionPress: function () {
+                    console.log('Undo tapped');
+                } }, "Mail Archived")))));
+};
+var PrimaryBarWithAutoHide = function () {
+    var _a = React.useState(true), visible = _a[0], setVisible = _a[1];
+    var onButtonPress = function () { return setVisible(!visible); };
+    var _b = React.useState(!visible), hidden = _b[0], setHidden = _b[1];
+    var height = React.useRef(new Animated.Value(0)).current;
+    var show = function () {
+        setHidden(false);
+        Animated.sequence([
+            Animated.timing(height, {
+                toValue: SHOW_HEIGHT,
+                duration: BAR_SHOW_DURATION,
+                useNativeDriver: USE_NATIVE_DRIVER_IOS,
+            }),
+            Animated.delay(AUTO_HIDE_DURATION),
+            Animated.timing(height, {
+                toValue: 0,
+                duration: HIDE_DURATION,
+                useNativeDriver: USE_NATIVE_DRIVER_IOS,
+            }),
+        ]).start(function () {
+            setHidden(true);
+            setVisible(false);
+        });
+    };
+    var hide = function () {
+        Animated.timing(height, {
+            toValue: 0,
+            duration: HIDE_DURATION,
+            useNativeDriver: USE_NATIVE_DRIVER_IOS,
+        }).start(function () {
+            setHidden(true);
+        });
+    };
+    React.useLayoutEffect(function () {
+        if (visible) {
+            show();
+        }
+        else {
+            hide();
+        }
+    }, [visible, height]);
+    var animatedViewProps = {
+        transform: [{ translateY: height }],
+    };
+    return (React.createElement(View, null,
+        React.createElement(Button, { appearance: "subtle", onClick: onButtonPress, style: styles.button }, visible ? 'Hide' : 'Show'),
+        !hidden && (React.createElement(Animated.View, { style: animatedViewProps },
+            React.createElement(Notification, { variant: 'primaryBar', onPress: function () {
+                    console.log('Notification tapped');
+                } }, "Mail Sent")))));
+};
+var notificationSections = [
+    {
+        name: 'Custom Toast',
+        component: CustomToast,
+    },
+    {
+        name: 'Custom Bar',
+        component: CustomBar,
+    },
+    {
+        name: 'Primary with auto-hide',
+        component: PrimaryWithAutoHide,
+    },
+    {
+        name: 'Primary Bar with auto-hide',
+        component: PrimaryBarWithAutoHide,
+    },
+];
+export var NotificationTest = function () {
+    var status = {
+        win32Status: 'Backlog',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Experimental',
+        macosStatus: 'Backlog',
+        androidStatus: 'Backlog',
+    };
+    var description = 'Testing notification component';
+    var spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Notification/SPEC.md';
+    return React.createElement(Test, { name: "Notification Test", description: description, spec: spec, sections: notificationSections, status: status });
+};
+//# sourceMappingURL=NotificationTest.js.map

package/lib/fluent-tester/src/TestComponents/Notification/NotificationTest.js.map

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

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/Notification/consts.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/Notification/consts.js

@@ -0,0 +1,3 @@
+export var HOMEPAGE_NOTIFICATION_BUTTON = 'Homepage_Notification_Button';
+export var NOTIFICATION_TESTPAGE = 'Notification_TestPage';
+//# sourceMappingURL=consts.js.map

package/lib/fluent-tester/src/TestComponents/Notification/consts.js.map

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

package/lib/fluent-tester/src/TestComponents/Notification/index.d.ts

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

package/lib/fluent-tester/src/TestComponents/Notification/index.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/Notification/index.js

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

package/lib/fluent-tester/src/TestComponents/Notification/index.js.map

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

package/lib/fluent-tester/src/TestComponents/Persona/CustomizeUsage.d.ts

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

package/lib/fluent-tester/src/TestComponents/Persona/CustomizeUsage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Persona/CustomizeUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA2FlC,CAAC"}