@fluentui-react-native/tester 0.135.2 → 0.135.3

package/lib/fluent-tester/src/TestComponents/Common/styles.js

@@ -0,0 +1,177 @@
+import { StyleSheet } from 'react-native';
+export var commonTestStyles = StyleSheet.create({
+    root: {
+        marginTop: 16,
+        marginRight: 32,
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+    },
+    flex: { flex: 1 },
+    header: {
+        marginVertical: 6,
+        fontSize: 16,
+    },
+    section: {
+        fontSize: 20,
+        fontWeight: 'bold',
+        color: '#0B6A0B',
+        marginTop: 12,
+    },
+    separatorStack: {
+        height: 200,
+        flexDirection: 'row',
+        justifyContent: 'space-evenly',
+    },
+    settings: {
+        flexGrow: 1,
+    },
+    settingsPicker: {
+        flexDirection: 'column',
+        flex: 1,
+    },
+    pickerControlled: {
+        flex: 1,
+        flexDirection: 'row',
+    },
+    vmargin: {
+        marginVertical: 6,
+    },
+    stack: {
+        borderWidth: 2,
+        borderColor: '#bdbdbd',
+        padding: 12,
+        margin: 8,
+    },
+    switch: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    textBox: {
+        borderWidth: 1,
+        height: 25,
+        fontSize: 12,
+        width: 150,
+        marginBottom: 8,
+        paddingVertical: 0,
+    },
+    view: {
+        minHeight: 200,
+        justifyContent: 'space-between',
+    },
+    androidContainer: {
+        marginTop: 20,
+        justifyContent: 'space-between',
+    },
+});
+export var fluentTesterStyles = StyleSheet.create({
+    testRoot: {
+        flex: 1,
+        flexGrow: 1,
+        flexDirection: 'row',
+        minHeight: 550,
+        minWidth: 300,
+        justifyContent: 'flex-start',
+        alignItems: 'stretch',
+        padding: 4,
+    },
+    header: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+    },
+    headerWithBackButton: {
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+    },
+    backButton: {
+        alignSelf: 'flex-start',
+        display: 'flex',
+    },
+    testHeader: {
+        marginBottom: 8,
+        marginTop: 4,
+    },
+    testList: {
+        minWidth: 160,
+        flexShrink: 0,
+        flexGrow: 0,
+        flexDirection: 'row',
+    },
+    testListContainerStyle: {
+        flexDirection: 'column',
+        alignItems: 'stretch',
+    },
+    scrollViewStyle: {
+        flexDirection: 'column',
+        alignItems: 'stretch',
+    },
+    scrollViewContainer: {
+        height: 250,
+        width: 150,
+        flexShrink: 0,
+        flexGrow: 0,
+        flexDirection: 'column',
+    },
+    testListItem: {
+        width: '100%',
+        borderRadius: 0,
+        justifyContent: 'flex-start',
+    },
+    testListSeparator: { marginHorizontal: 8 },
+    testSection: {
+        width: '100%',
+        padding: 8,
+    },
+    noTest: {
+        alignSelf: 'center',
+        fontSize: 18,
+    },
+});
+export var stackStyle = {
+    borderWidth: 1,
+    borderColor: '#bdbdbd',
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    margin: 8,
+};
+export var separatorStackStyle = {
+    height: 200,
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
+};
+export var mobileStyles = StyleSheet.create({
+    header: {
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+    },
+    testVariants: {
+        flexDirection: 'row',
+        marginHorizontal: 5,
+        paddingTop: 10,
+        paddingBottom: 5,
+        flex: 1,
+        justifyContent: 'space-evenly',
+    },
+    pageStyle: {
+        padding: 5,
+    },
+    testList: {
+        width: '100%',
+    },
+    testListItem: {
+        width: '100%',
+        height: 'auto',
+        fontSize: 18,
+        paddingVertical: 8,
+    },
+    testSection: {
+        width: '100%',
+        marginVertical: 15,
+    },
+    containerSpacedEvenly: {
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'space-evenly',
+    },
+});
+export var testContentRootViewStyle = [stackStyle, commonTestStyles.view];
+//# sourceMappingURL=styles.js.map

package/lib/fluent-tester/src/TestComponents/Common/styles.js.map

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

package/lib/fluent-tester/src/TestComponents/ContextualMenu/ContextualMenuTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/ContextualMenu/ContextualMenuTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextualMenuTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/ContextualMenu/ContextualMenuTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAigB/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAqBtC,CAAC"}

package/lib/fluent-tester/src/TestComponents/ContextualMenu/ContextualMenuTest.js

@@ -0,0 +1,293 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+import * as React from 'react';
+import { Text, View, Switch } from 'react-native';
+import { Text as FURNText, ButtonV1 as Button, ContextualMenu, ContextualMenuItem, Submenu, SubmenuItem, Separator, Checkbox, } from '@fluentui/react-native';
+import { E2EContextualMenuTest } from './E2EContextualMenuTest';
+import { CONTEXTUALMENU_TESTPAGE } from '../../../../E2E/src/ContextualMenu/consts';
+import { svgProps, fontProps, testImage } from '../Common/iconExamples';
+import { Test } from '../Test';
+var ContextualMenuMainTest = function () {
+    var stdBtnRef = React.useRef(null);
+    var _a = React.useState(false), showContextualMenu = _a[0], setShowContextualMenu = _a[1];
+    var _b = React.useState(false), isContextualMenuVisible = _b[0], setIsContextualMenuVisible = _b[1];
+    var _c = React.useState(null), lastMenuItemClicked = _c[0], setLastMenuItemClicked = _c[1];
+    var _d = React.useState(false), isBeakVisible = _d[0], setIsBeakVisible = _d[1];
+    var onIsBeakVisibleChange = React.useCallback(function (value) { return setIsBeakVisible(value); }, []);
+    var _e = React.useState(true), focusOnMount = _e[0], setShouldFocusOnMount = _e[1];
+    var toggleFocusOnMount = React.useCallback(function (value) { return setShouldFocusOnMount(value); }, [setShouldFocusOnMount]);
+    var _f = React.useState(false), focusOnContainer = _f[0], setShouldFocusOnContainer = _f[1];
+    var toggleFocusOnContainer = React.useCallback(function (value) { return setShouldFocusOnContainer(value); }, [setShouldFocusOnContainer]);
+    var toggleShowContextualMenu = React.useCallback(function () {
+        setShowContextualMenu(!showContextualMenu);
+        setIsContextualMenuVisible(false);
+    }, [showContextualMenu, setShowContextualMenu, setIsContextualMenuVisible]);
+    var onShowContextualMenu = React.useCallback(function () {
+        setIsContextualMenuVisible(true);
+    }, [setIsContextualMenuVisible]);
+    var onDismissContextualMenu = React.useCallback(function () {
+        setShowContextualMenu(false);
+        setIsContextualMenuVisible(false);
+    }, [setShowContextualMenu]);
+    var onItemClick = React.useCallback(function (key) {
+        setLastMenuItemClicked(key);
+    }, [setLastMenuItemClicked]);
+    return (React.createElement(View, null,
+        React.createElement(View, { style: { flexDirection: 'row', paddingVertical: 5 } },
+            React.createElement(View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Should Focus on Mount"),
+                    React.createElement(Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Should Focus on Container"),
+                    React.createElement(Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer })),
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Beak Visible"),
+                    React.createElement(Switch, { value: isBeakVisible, onValueChange: onIsBeakVisibleChange }))),
+            React.createElement(Separator, { vertical: true }),
+            React.createElement(View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Menu Visibility: "),
+                    isContextualMenuVisible ? React.createElement(Text, { style: { color: 'green' } }, "Visible") : React.createElement(Text, { style: { color: 'red' } }, "Not Visible")),
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? (React.createElement(Text, { style: { color: 'blue' } }, lastMenuItemClicked)) : (React.createElement(Text, { style: { color: 'blue' } }, "none"))),
+                React.createElement(Button, { onClick: toggleShowContextualMenu, componentRef: stdBtnRef }, "Press for ContextualMenu"))),
+        showContextualMenu && (React.createElement(ContextualMenu, { target: stdBtnRef, onDismiss: onDismissContextualMenu, onShow: onShowContextualMenu, accessibilityLabel: "Standard ContextualMenu", onItemClick: onItemClick, setShowMenu: toggleShowContextualMenu, shouldFocusOnMount: focusOnMount, shouldFocusOnContainer: focusOnContainer, isBeakVisible: isBeakVisible },
+            React.createElement(ContextualMenuItem, { text: "MenuItem 1", itemKey: "1" }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 2", itemKey: "2" }),
+            React.createElement(ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "3", disabled: true }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 4", itemKey: "4" }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 5", itemKey: "5" })))));
+};
+var NestedContextualMenu = function () {
+    var stdBtnRef = React.useRef(null);
+    var _a = React.useState(false), showContextualMenu = _a[0], setShowContextualMenu = _a[1];
+    var _b = React.useState(false), isContextualMenuVisible = _b[0], setIsContextualMenuVisible = _b[1];
+    var _c = React.useState(true), focusOnMount = _c[0], setShouldFocusOnMount = _c[1];
+    var toggleFocusOnMount = React.useCallback(function (value) { return setShouldFocusOnMount(value); }, [setShouldFocusOnMount]);
+    var _d = React.useState(false), focusOnContainer = _d[0], setShouldFocusOnContainer = _d[1];
+    var toggleFocusOnContainer = React.useCallback(function (value) { return setShouldFocusOnContainer(value); }, [setShouldFocusOnContainer]);
+    var toggleShowContextualMenu = React.useCallback(function () {
+        setShowContextualMenu(!showContextualMenu);
+        setIsContextualMenuVisible(!isContextualMenuVisible);
+    }, [showContextualMenu, isContextualMenuVisible, setShowContextualMenu, setIsContextualMenuVisible]);
+    var onShowContextualMenu = React.useCallback(function () {
+        setIsContextualMenuVisible(true);
+    }, [setIsContextualMenuVisible]);
+    var onDismissContextualMenu = React.useCallback(function () {
+        setShowContextualMenu(false);
+        setIsContextualMenuVisible(false);
+    }, [setShowContextualMenu]);
+    var stdMenuItemRef = React.useRef(null);
+    var _e = React.useState(false), showSubmenu = _e[0], setShowSubmenu = _e[1];
+    var _f = React.useState(false), isSubmenuVisible = _f[0], setIsSubmenuVisible = _f[1];
+    var toggleShowSubmenu = React.useCallback(function () {
+        setShowSubmenu(!showSubmenu);
+        setIsSubmenuVisible(!isSubmenuVisible);
+    }, [showSubmenu, isSubmenuVisible, setShowSubmenu, setIsSubmenuVisible]);
+    var onShowSubmenu = React.useCallback(function () {
+        setIsSubmenuVisible(true);
+    }, [setIsSubmenuVisible]);
+    var onDismissSubmenu = React.useCallback(function () {
+        setShowSubmenu(false);
+    }, [setShowSubmenu]);
+    var onClick = React.useCallback(function () {
+        console.log('submenu item clicked');
+    }, []);
+    return (React.createElement(View, null,
+        React.createElement(View, { style: { flexDirection: 'row', paddingVertical: 5 } },
+            React.createElement(View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Should Focus on Mount"),
+                    React.createElement(Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Should Focus on Container"),
+                    React.createElement(Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }))),
+            React.createElement(Separator, { vertical: true }),
+            React.createElement(View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Menu Visibility: "),
+                    isContextualMenuVisible ? React.createElement(Text, { style: { color: 'green' } }, "Visible") : React.createElement(Text, { style: { color: 'red' } }, "Not Visible")),
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Submenu Visibility: "),
+                    isSubmenuVisible ? React.createElement(Text, { style: { color: 'green' } }, "Visible") : React.createElement(Text, { style: { color: 'red' } }, "Not Visible")),
+                React.createElement(Button, { onClick: toggleShowContextualMenu, componentRef: stdBtnRef }, "Press for ContextualMenu"))),
+        showContextualMenu && (React.createElement(ContextualMenu, { target: stdBtnRef, onDismiss: onDismissContextualMenu, onShow: onShowContextualMenu, accessibilityLabel: "Standard ContextualMenu", setShowMenu: toggleShowContextualMenu, shouldFocusOnMount: focusOnMount, shouldFocusOnContainer: focusOnContainer },
+            React.createElement(ContextualMenuItem, { icon: testImage, text: "Menu item with png Icon", itemKey: "1" }),
+            React.createElement(ContextualMenuItem, { icon: { fontSource: fontProps, color: 'blue' }, text: "Menu item with font icon", itemKey: "2" }),
+            React.createElement(ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "3", disabled: true }),
+            React.createElement(SubmenuItem, { icon: { svgSource: svgProps, width: 12, height: 12 }, text: "Nested Menu", itemKey: "4", onHoverIn: toggleShowSubmenu, componentRef: stdMenuItemRef }),
+            showSubmenu && (React.createElement(Submenu, { target: stdMenuItemRef, onDismiss: onDismissSubmenu, onShow: onShowSubmenu, setShowMenu: toggleShowSubmenu },
+                React.createElement(ContextualMenuItem, { icon: { svgSource: svgProps, width: 12, height: 12 }, text: "SubmenuItem svg icon", itemKey: "4", onClick: onClick }),
+                React.createElement(ContextualMenuItem, { text: "SubmenuItem 2", itemKey: "2" }),
+                React.createElement(ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "3", disabled: true }))),
+            React.createElement(ContextualMenuItem, { text: "Menuitem 5", itemKey: "5" })))));
+};
+// custom text
+var IndigoHeroBold = FURNText.customize({ tokens: { variant: 'heroStandard', fontWeight: '100', color: '#4b0082' } });
+var IconContextualMenu = function () {
+    var stdBtnRef = React.useRef(null);
+    var _a = React.useState(false), showContextualMenu = _a[0], setShowContextualMenu = _a[1];
+    var _b = React.useState(false), isContextualMenuVisible = _b[0], setIsContextualMenuVisible = _b[1];
+    var _c = React.useState(true), focusOnMount = _c[0], setShouldFocusOnMount = _c[1];
+    var toggleFocusOnMount = React.useCallback(function (value) { return setShouldFocusOnMount(value); }, [setShouldFocusOnMount]);
+    var _d = React.useState(false), focusOnContainer = _d[0], setShouldFocusOnContainer = _d[1];
+    var toggleFocusOnContainer = React.useCallback(function (value) { return setShouldFocusOnContainer(value); }, [setShouldFocusOnContainer]);
+    var toggleShowContextualMenu = React.useCallback(function () {
+        setShowContextualMenu(!showContextualMenu);
+        setIsContextualMenuVisible(!isContextualMenuVisible);
+    }, [showContextualMenu, isContextualMenuVisible, setShowContextualMenu, setIsContextualMenuVisible]);
+    var onShowContextualMenu = React.useCallback(function () {
+        setIsContextualMenuVisible(true);
+    }, [setIsContextualMenuVisible]);
+    var onDismissContextualMenu = React.useCallback(function () {
+        setShowContextualMenu(false);
+        setIsContextualMenuVisible(false);
+    }, [setShowContextualMenu]);
+    return (React.createElement(View, null,
+        React.createElement(View, { style: { flexDirection: 'row', paddingVertical: 5 } },
+            React.createElement(View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Should Focus on Mount"),
+                    React.createElement(Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Should Focus on Container"),
+                    React.createElement(Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }))),
+            React.createElement(Separator, { vertical: true }),
+            React.createElement(View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Menu Visibility: "),
+                    isContextualMenuVisible ? React.createElement(Text, { style: { color: 'green' } }, "Visible") : React.createElement(Text, { style: { color: 'red' } }, "Not Visible")),
+                React.createElement(Button, { componentRef: stdBtnRef, style: { borderWidth: 0 }, icon: { svgSource: svgProps, width: 12, height: 12 }, onClick: toggleShowContextualMenu }))),
+        showContextualMenu && (React.createElement(ContextualMenu, { target: stdBtnRef, onDismiss: onDismissContextualMenu, onShow: onShowContextualMenu, accessibilityLabel: "Standard ContextualMenu", setShowMenu: toggleShowContextualMenu, shouldFocusOnMount: focusOnMount, shouldFocusOnContainer: focusOnContainer },
+            React.createElement(ContextualMenuItem, { itemKey: "1" },
+                React.createElement(Checkbox, { label: "Unchecked checkbox" })),
+            React.createElement(ContextualMenuItem, { itemKey: "2" },
+                React.createElement(IndigoHeroBold, null, "IndigoHeroBold text with checkbox")),
+            React.createElement(ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "3", disabled: true }),
+            React.createElement(ContextualMenuItem, { text: "Menuitem 4", itemKey: "4" })))));
+};
+var ScrollViewContextualMenu = function () {
+    var stdBtnRef = React.useRef(null);
+    var _a = React.useState(false), showContextualMenu = _a[0], setShowContextualMenu = _a[1];
+    var _b = React.useState(false), isContextualMenuVisible = _b[0], setIsContextualMenuVisible = _b[1];
+    var _c = React.useState(null), lastMenuItemClicked = _c[0], setLastMenuItemClicked = _c[1];
+    var _d = React.useState(false), isBeakVisible = _d[0], setIsBeakVisible = _d[1];
+    var onIsBeakVisibleChange = React.useCallback(function (value) { return setIsBeakVisible(value); }, []);
+    var _e = React.useState(true), focusOnMount = _e[0], setShouldFocusOnMount = _e[1];
+    var toggleFocusOnMount = React.useCallback(function (value) { return setShouldFocusOnMount(value); }, [setShouldFocusOnMount]);
+    var _f = React.useState(false), focusOnContainer = _f[0], setShouldFocusOnContainer = _f[1];
+    var toggleFocusOnContainer = React.useCallback(function (value) { return setShouldFocusOnContainer(value); }, [setShouldFocusOnContainer]);
+    var toggleShowContextualMenu = React.useCallback(function () {
+        setShowContextualMenu(!showContextualMenu);
+        setIsContextualMenuVisible(false);
+    }, [showContextualMenu, setShowContextualMenu, setIsContextualMenuVisible]);
+    var onShowContextualMenu = React.useCallback(function () {
+        setIsContextualMenuVisible(true);
+    }, [setIsContextualMenuVisible]);
+    var onDismissContextualMenu = React.useCallback(function () {
+        setShowContextualMenu(false);
+        setIsContextualMenuVisible(false);
+    }, [setShowContextualMenu]);
+    var onItemClick = React.useCallback(function (key) {
+        setLastMenuItemClicked(key);
+    }, [setLastMenuItemClicked]);
+    var stdMenuItemRef = React.useRef(null);
+    var _g = React.useState(false), showSubmenu = _g[0], setShowSubmenu = _g[1];
+    var _h = React.useState(false), isSubmenuVisible = _h[0], setIsSubmenuVisible = _h[1];
+    var toggleShowSubmenu = React.useCallback(function () {
+        setShowSubmenu(!showSubmenu);
+        setIsSubmenuVisible(!isSubmenuVisible);
+    }, [showSubmenu, isSubmenuVisible, setShowSubmenu, setIsSubmenuVisible]);
+    var onShowSubmenu = React.useCallback(function () {
+        setIsSubmenuVisible(true);
+    }, [setIsSubmenuVisible]);
+    var onDismissSubmenu = React.useCallback(function () {
+        setShowSubmenu(false);
+    }, [setShowSubmenu]);
+    var onClick = React.useCallback(function () {
+        console.log('submenu item clicked');
+    }, []);
+    return (React.createElement(View, null,
+        React.createElement(View, { style: { flexDirection: 'row', paddingVertical: 5 } },
+            React.createElement(View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Should Focus on Mount"),
+                    React.createElement(Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Should Focus on Container"),
+                    React.createElement(Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer })),
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Beak Visible"),
+                    React.createElement(Switch, { value: isBeakVisible, onValueChange: onIsBeakVisibleChange }))),
+            React.createElement(Separator, { vertical: true }),
+            React.createElement(View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Menu Visibility: "),
+                    isContextualMenuVisible ? React.createElement(Text, { style: { color: 'green' } }, "Visible") : React.createElement(Text, { style: { color: 'red' } }, "Not Visible")),
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? (React.createElement(Text, { style: { color: 'blue' } }, lastMenuItemClicked)) : (React.createElement(Text, { style: { color: 'blue' } }, "none"))),
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Menu and Submenu max height set to 200")),
+                React.createElement(Button, { onClick: toggleShowContextualMenu, componentRef: stdBtnRef }, "Press for ContextualMenu"))),
+        showContextualMenu && (React.createElement(ContextualMenu, { target: stdBtnRef, onDismiss: onDismissContextualMenu, onShow: onShowContextualMenu, accessibilityLabel: "Standard ContextualMenu", onItemClick: onItemClick, setShowMenu: toggleShowContextualMenu, shouldFocusOnMount: focusOnMount, shouldFocusOnContainer: focusOnContainer, isBeakVisible: isBeakVisible, maxHeight: 200 },
+            React.createElement(ContextualMenuItem, { text: "MenuItem 1", itemKey: "1" }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 2", itemKey: "2" }),
+            React.createElement(SubmenuItem, { icon: { svgSource: svgProps, width: 12, height: 12 }, text: "Nested Menu", itemKey: "3", onHoverIn: toggleShowSubmenu, componentRef: stdMenuItemRef }),
+            showSubmenu && (React.createElement(Submenu, { maxHeight: 200, target: stdMenuItemRef, onDismiss: onDismissSubmenu, onShow: onShowSubmenu, setShowMenu: toggleShowSubmenu },
+                React.createElement(ContextualMenuItem, { text: "MenuItem 4", itemKey: "4" }),
+                React.createElement(ContextualMenuItem, { text: "MenuItem 5", itemKey: "5" }),
+                React.createElement(ContextualMenuItem, { text: "MenuItem 6", itemKey: "6" }),
+                React.createElement(ContextualMenuItem, { text: "MenuItem 7", itemKey: "7" }),
+                React.createElement(ContextualMenuItem, { icon: { svgSource: svgProps, width: 12, height: 12 }, text: "SubmenuItem svg icon", itemKey: "8", onClick: onClick }),
+                React.createElement(ContextualMenuItem, { text: "SubmenuItem 2", itemKey: "9" }),
+                React.createElement(ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "10", disabled: true }))),
+            React.createElement(ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "11", disabled: true }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 4", itemKey: "12" }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 5", itemKey: "13" }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 6", itemKey: "14" }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 7", itemKey: "15" }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 8", itemKey: "16" }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 9", itemKey: "17" }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 10", itemKey: "18" }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 11", itemKey: "19" }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 12", itemKey: "20" })))));
+};
+var contextualMenuSections = [
+    {
+        name: 'Standard ContextualMenu',
+        testID: CONTEXTUALMENU_TESTPAGE,
+        component: ContextualMenuMainTest,
+    },
+    {
+        name: 'Nested ContextualMenu',
+        component: NestedContextualMenu,
+    },
+    {
+        name: 'IconButton with Customized ContextualMenu',
+        component: IconContextualMenu,
+    },
+    {
+        name: 'ContextalMenu with ScrollView',
+        component: ScrollViewContextualMenu,
+    },
+];
+var e2eSections = [
+    {
+        name: 'ContextualMenu E2E Test',
+        component: E2EContextualMenuTest,
+    },
+];
+export var ContextualMenuTest = function () {
+    var status = {
+        win32Status: 'Deprecated',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Backlog',
+        macosStatus: 'Beta',
+        androidStatus: 'Backlog',
+    };
+    var description = 'ContextualMenus are lists of commands that are based on the context of selection, mouse hover or keyboard focus. They are one of the most effective and highly used command surfaces, and can be used in a variety of places.\n\nThere are variants that originate from a command bar, or from cursor or focus. Those that come from CommandBars use a beak that is horizontally centered on the button. Ones that come from right click and menu button do not have a beak, but appear to the right and below the cursor. ContextualMenus can have submenus from commands, show selection checks, and icons.\n\nOrganize commands in groups divided by rules. This helps users remember command locations, or find less used commands based on proximity to others. One should also group sets of mutually exclusive or multiple selectable options. Use icons sparingly, for high value commands, and don’t mix icons with selection checks, as it makes parsing commands difficult. Avoid submenus of submenus as they can be difficult to invoke or remember.';
+    return (React.createElement(Test, { name: "ContextualMenu Test", description: description, sections: contextualMenuSections, status: status, e2eSections: e2eSections }));
+};
+//# sourceMappingURL=ContextualMenuTest.js.map

package/lib/fluent-tester/src/TestComponents/ContextualMenu/ContextualMenuTest.js.map

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

package/lib/fluent-tester/src/TestComponents/ContextualMenu/E2EContextualMenuTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/ContextualMenu/E2EContextualMenuTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EContextualMenuTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/ContextualMenu/E2EContextualMenuTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBA2GzC,CAAC"}

package/lib/fluent-tester/src/TestComponents/ContextualMenu/E2EContextualMenuTest.js

@@ -0,0 +1,61 @@
+import { __assign } from "tslib";
+/* eslint-disable @typescript-eslint/no-var-requires */
+import * as React from 'react';
+import { Text, View, Switch } from 'react-native';
+import { ButtonV1 as Button, ContextualMenu, ContextualMenuItem, Separator } from '@fluentui/react-native';
+import { CONTEXTUALMENUITEM_TEST_COMPONENT, CONTEXTUALMENU_TEST_COMPONENT } from '../../../../E2E/src/ContextualMenu/consts';
+import { testProps } from '../Common/TestProps';
+export var E2EContextualMenuTest = function () {
+    var stdBtnRef = React.useRef(null);
+    var _a = React.useState(false), showContextualMenu = _a[0], setShowContextualMenu = _a[1];
+    var _b = React.useState(false), isContextualMenuVisible = _b[0], setIsContextualMenuVisible = _b[1];
+    var _c = React.useState(null), lastMenuItemClicked = _c[0], setLastMenuItemClicked = _c[1];
+    var _d = React.useState(false), isBeakVisible = _d[0], setIsBeakVisible = _d[1];
+    var onIsBeakVisibleChange = React.useCallback(function (value) { return setIsBeakVisible(value); }, []);
+    var _e = React.useState(true), focusOnMount = _e[0], setShouldFocusOnMount = _e[1];
+    var toggleFocusOnMount = React.useCallback(function (value) { return setShouldFocusOnMount(value); }, [setShouldFocusOnMount]);
+    var _f = React.useState(false), focusOnContainer = _f[0], setShouldFocusOnContainer = _f[1];
+    var toggleFocusOnContainer = React.useCallback(function (value) { return setShouldFocusOnContainer(value); }, [setShouldFocusOnContainer]);
+    var toggleShowContextualMenu = React.useCallback(function () {
+        setShowContextualMenu(!showContextualMenu);
+        setIsContextualMenuVisible(false);
+    }, [showContextualMenu, setShowContextualMenu, setIsContextualMenuVisible]);
+    var onShowContextualMenu = React.useCallback(function () {
+        setIsContextualMenuVisible(true);
+    }, [setIsContextualMenuVisible]);
+    var onDismissContextualMenu = React.useCallback(function () {
+        setShowContextualMenu(false);
+        setIsContextualMenuVisible(false);
+    }, [setShowContextualMenu]);
+    var onItemClick = React.useCallback(function (key) {
+        setLastMenuItemClicked(key);
+    }, [setLastMenuItemClicked]);
+    return (React.createElement(View, null,
+        React.createElement(View, { style: { flexDirection: 'row', paddingVertical: 5 } },
+            React.createElement(View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Should Focus on Mount"),
+                    React.createElement(Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Should Focus on Container"),
+                    React.createElement(Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer })),
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Beak Visible"),
+                    React.createElement(Switch, { value: isBeakVisible, onValueChange: onIsBeakVisibleChange }))),
+            React.createElement(Separator, { vertical: true }),
+            React.createElement(View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Menu Visibility: "),
+                    isContextualMenuVisible ? React.createElement(Text, { style: { color: 'green' } }, "Visible") : React.createElement(Text, { style: { color: 'red' } }, "Not Visible")),
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? (React.createElement(Text, { style: { color: 'blue' } }, lastMenuItemClicked)) : (React.createElement(Text, { style: { color: 'blue' } }, "none"))),
+                React.createElement(Button, __assign({ onClick: toggleShowContextualMenu, componentRef: stdBtnRef }, testProps(CONTEXTUALMENU_TEST_COMPONENT)), "Press for ContextualMenu"))),
+        showContextualMenu && (React.createElement(ContextualMenu, { target: stdBtnRef, onDismiss: onDismissContextualMenu, onShow: onShowContextualMenu, onItemClick: onItemClick, setShowMenu: toggleShowContextualMenu, shouldFocusOnMount: focusOnMount, shouldFocusOnContainer: focusOnContainer, isBeakVisible: isBeakVisible },
+            React.createElement(ContextualMenuItem, __assign({ text: "MenuItem 1", itemKey: "1" }, testProps(CONTEXTUALMENUITEM_TEST_COMPONENT))),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 2", itemKey: "2" }),
+            React.createElement(ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "3", disabled: true }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 4", itemKey: "4" }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 5", itemKey: "5" })))));
+};
+//# sourceMappingURL=E2EContextualMenuTest.js.map

package/lib/fluent-tester/src/TestComponents/ContextualMenu/E2EContextualMenuTest.js.map

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

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

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

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

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

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

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

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

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

package/lib/fluent-tester/src/TestComponents/CornerRadius/CornerRadiusTest.d.ts

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