@fluentui-react-native/tester 0.126.16 → 0.126.17

package/lib-commonjs/fluent-tester/src/TestComponents/MenuButtonLegacy/NestedMenuButtonTest.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NestedMenuButton = void 0;
+var tslib_1 = require("tslib");
+var React = (0, tslib_1.__importStar)(require("react"));
+var react_native_1 = require("react-native");
+var react_native_2 = require("@fluentui/react-native");
+var testData_1 = require("./testData");
+var MenuButtonLegacyTestStyles_1 = require("./MenuButtonLegacyTestStyles");
+var iconExamples_1 = require("../Common/iconExamples");
+var NestedMenuButton = 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 _d = React.useState(false), showSubmenu = _d[0], setShowSubmenu = _d[1];
+    var _e = React.useState(false), isSubmenuVisible = _e[0], setIsSubmenuVisible = _e[1];
+    var _f = React.useState(null), lastSubmenuItemClicked = _f[0], setSubmenuLastItemClicked = _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 onSubmenuItemClick = React.useCallback(function (key) {
+        setSubmenuLastItemClicked(key);
+    }, [setSubmenuLastItemClicked]);
+    var nestedMenuItems = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], testData_1.menuItems, true), [
+        {
+            hasSubmenu: true,
+            itemKey: '4',
+            text: 'SubmenuItem svg icon',
+            componentRef: React.useRef(null),
+            icon: testData_1.iconProps,
+            onHoverIn: toggleShowSubmenu,
+            showSubmenu: showSubmenu,
+            submenuProps: {
+                onShow: onShowSubmenu,
+                setShowMenu: toggleShowSubmenu,
+                onDismiss: onDismissSubmenu,
+                onItemClick: onSubmenuItemClick,
+            },
+            submenuItems: [
+                {
+                    icon: testData_1.iconProps,
+                    text: 'SubmenuItem svg icon',
+                    itemKey: '1',
+                },
+                {
+                    itemKey: '2',
+                    text: 'SubmenuItem 2',
+                    disabled: true,
+                },
+                {
+                    itemKey: '3',
+                    text: 'SubmenuItem 3',
+                },
+            ],
+        },
+        {
+            itemKey: '5',
+            text: 'Menu Item',
+        },
+        {
+            hasSubmenu: true,
+            itemKey: '6',
+            text: 'SubmenuItem',
+            componentRef: React.useRef(null),
+            submenuProps: {
+                onItemClick: onSubmenuItemClick,
+            },
+            submenuItems: [
+                {
+                    text: 'SubmenuItem 1',
+                    itemKey: '1',
+                },
+                {
+                    itemKey: '2',
+                    text: 'SubmenuItem 2',
+                },
+                {
+                    itemKey: '3',
+                    text: 'SubmenuItem 3',
+                },
+            ],
+        },
+    ], false);
+    var rasterImageProps = {
+        rasterImageSource: {
+            src: iconExamples_1.testImage,
+        },
+        width: 12,
+        height: 12,
+    };
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_1.View, { style: MenuButtonLegacyTestStyles_1.viewWrapperStyle },
+            React.createElement(react_native_1.View, { style: MenuButtonLegacyTestStyles_1.columnStyle },
+                React.createElement(react_native_1.View, { style: MenuButtonLegacyTestStyles_1.rowStyle },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Mount"),
+                    React.createElement(react_native_1.Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(react_native_1.View, { style: MenuButtonLegacyTestStyles_1.rowStyle },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Container"),
+                    React.createElement(react_native_1.Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }))),
+            React.createElement(react_native_2.Separator, { vertical: true }),
+            React.createElement(react_native_1.View, { style: MenuButtonLegacyTestStyles_1.columnStyle },
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? React.createElement(react_native_1.Text, { style: MenuButtonLegacyTestStyles_1.textColor }, lastMenuItemClicked) : React.createElement(react_native_1.Text, { style: MenuButtonLegacyTestStyles_1.textColor }, "none")),
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Last Submenu Item Clicked: "),
+                    lastSubmenuItemClicked > 0 ? React.createElement(react_native_1.Text, { style: MenuButtonLegacyTestStyles_1.textColor }, lastSubmenuItemClicked) : React.createElement(react_native_1.Text, { style: MenuButtonLegacyTestStyles_1.textColor }, "none")),
+                React.createElement(react_native_2.MenuButton, { startIcon: rasterImageProps, content: "Press for Nested MenuButton", menuItems: nestedMenuItems, onItemClick: onItemClick })))));
+};
+exports.NestedMenuButton = NestedMenuButton;
+//# sourceMappingURL=NestedMenuButtonTest.js.map

package/lib-commonjs/fluent-tester/src/TestComponents/MenuButtonLegacy/NestedMenuButtonTest.js.map

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

package/lib-commonjs/fluent-tester/src/TestComponents/MenuButtonLegacy/StandardMenuButtonTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardMenuButtonTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonLegacy/StandardMenuButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAwGtC,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/MenuButtonLegacy/StandardMenuButtonTest.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StandardMenuButton = void 0;
+var tslib_1 = require("tslib");
+var React = (0, tslib_1.__importStar)(require("react"));
+var react_native_1 = require("@fluentui/react-native");
+var react_native_2 = require("react-native");
+var testData_1 = require("./testData");
+var MenuButtonLegacyTestStyles_1 = require("./MenuButtonLegacyTestStyles");
+var iconExamples_1 = require("../Common/iconExamples");
+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 = react_native_2.Platform.select({
+        macos: iconExamples_1.testImage,
+        default: testData_1.iconProps,
+    });
+    return (React.createElement(react_native_2.View, null,
+        React.createElement(react_native_2.View, { style: MenuButtonLegacyTestStyles_1.viewWrapperStyle },
+            React.createElement(react_native_2.View, { style: MenuButtonLegacyTestStyles_1.columnStyle },
+                React.createElement(react_native_2.View, { style: MenuButtonLegacyTestStyles_1.rowStyle },
+                    React.createElement(react_native_2.Text, null, "Should Focus on Mount"),
+                    React.createElement(react_native_2.Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(react_native_2.View, { style: MenuButtonLegacyTestStyles_1.rowStyle },
+                    React.createElement(react_native_2.Text, null, "Should Focus on Container"),
+                    React.createElement(react_native_2.Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }))),
+            React.createElement(react_native_1.Separator, { vertical: true }),
+            React.createElement(react_native_2.View, { style: MenuButtonLegacyTestStyles_1.columnStyle },
+                React.createElement(react_native_2.Text, null,
+                    React.createElement(react_native_2.Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? React.createElement(react_native_2.Text, { style: MenuButtonLegacyTestStyles_1.textColor }, lastMenuItemClicked) : React.createElement(react_native_2.Text, { style: MenuButtonLegacyTestStyles_1.textColor }, "none")),
+                React.createElement(react_native_2.View, { style: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, MenuButtonLegacyTestStyles_1.rowStyle), { paddingHorizontal: 5 }) },
+                    React.createElement(react_native_2.View, { style: MenuButtonLegacyTestStyles_1.columnStyle },
+                        React.createElement(react_native_1.MenuButton, { content: "Standard MenuButton", menuItems: testData_1.menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }),
+                        React.createElement(react_native_2.Text, null, "MenuButton with icon"),
+                        React.createElement(react_native_1.MenuButton, { startIcon: iconToShow, content: "MenuButton", menuItems: testData_1.menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }),
+                        React.createElement(react_native_2.Text, null, "MenuButton with only icon"),
+                        React.createElement(react_native_1.MenuButton, { startIcon: iconToShow, menuItems: testData_1.menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }),
+                        React.createElement(react_native_2.Text, null, "Disabled MenuButton"),
+                        React.createElement(react_native_1.MenuButton, { disabled: true, content: "Disabled MenuButton", menuItems: testData_1.menuItems })),
+                    React.createElement(react_native_1.Separator, { vertical: true }),
+                    React.createElement(react_native_2.View, { style: MenuButtonLegacyTestStyles_1.columnStyle },
+                        React.createElement(react_native_1.MenuButton, { primary: true, content: "Primary MenuButton", menuItems: testData_1.menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }),
+                        React.createElement(react_native_2.Text, null, "Primary MenuButton with icon"),
+                        React.createElement(react_native_1.MenuButton, { primary: true, startIcon: iconToShow, content: "Primary MenuButton", menuItems: testData_1.menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }),
+                        React.createElement(react_native_2.Text, null, "Primary MenuButton with only icon"),
+                        React.createElement(react_native_1.MenuButton, { primary: true, startIcon: iconToShow, menuItems: testData_1.menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }),
+                        React.createElement(react_native_2.Text, null, "Primary Disabled MenuButton"),
+                        React.createElement(react_native_1.MenuButton, { primary: true, disabled: true, content: "Disabled Primary MenuButton", menuItems: testData_1.menuItems })))))));
+};
+exports.StandardMenuButton = StandardMenuButton;
+//# sourceMappingURL=StandardMenuButtonTest.js.map

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

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

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

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

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

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

package/lib-commonjs/fluent-tester/src/TestComponents/MenuButtonLegacy/index.js

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

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

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

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

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

package/lib-commonjs/fluent-tester/src/TestComponents/MenuButtonLegacy/testData.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconProps = exports.menuItems = void 0;
+var consts_1 = require("../../../../E2E/src/MenuButtonLegacy/consts");
+var iconExamples_1 = require("../Common/iconExamples");
+exports.menuItems = [
+    {
+        itemKey: '1',
+        text: 'MenuItem 1',
+        icon: iconExamples_1.testImage,
+        testID: consts_1.MENU_ITEM_1_COMPONENT,
+    },
+    {
+        itemKey: '2',
+        text: 'MenuItem 2',
+    },
+    {
+        itemKey: '3',
+        text: 'MenuItem 3',
+        disabled: true,
+    },
+];
+exports.iconProps = { svgSource: iconExamples_1.svgProps, width: 12, height: 12 };
+//# sourceMappingURL=testData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"testData.js","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonLegacy/testData.ts"],"names":[],"mappings":";;;AAEA,sEAAoF;AACpF,uDAA6D;AAEhD,QAAA,SAAS,GAA0B;IAC9C;QACE,OAAO,EAAE,GAAG;QACZ,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,wBAAS;QACf,MAAM,EAAE,8BAAqB;KAC9B;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;AAEW,QAAA,SAAS,GAAG,EAAE,SAAS,EAAE,uBAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC"}

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

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

package/lib-commonjs/fluent-tester/src/TestComponents/MenuButtonV1/CustomizedMenuButtonTest.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomizedMenuButton = void 0;
+var tslib_1 = require("tslib");
+var React = (0, tslib_1.__importStar)(require("react"));
+var react_native_1 = require("react-native");
+var react_native_2 = require("@fluentui/react-native");
+var testData_1 = require("./testData");
+var MenuButtonV1TestStyles_1 = require("./MenuButtonV1TestStyles");
+var StyledMenuButton = react_native_2.MenuButton.customize({
+    button: {
+        borderRadius: 4,
+        backgroundColor: '#0095ff',
+        borderWidth: 0,
+        color: '#fff',
+        variant: 'heroSemibold',
+        fontFamily: 'Georgia',
+    },
+    contextualMenu: { backgroundColor: '#a9dbff' },
+});
+var CustomizedMenuButton = function () {
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.viewWrapperStyle },
+            React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.columnStyle },
+                React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.rowStyle },
+                    React.createElement(react_native_1.Text, null, "MenuButton with customized UI")))),
+        React.createElement(StyledMenuButton, { content: "styled MenuButton", menuItems: testData_1.menuItems })));
+};
+exports.CustomizedMenuButton = CustomizedMenuButton;
+//# sourceMappingURL=CustomizedMenuButtonTest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizedMenuButtonTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonV1/CustomizedMenuButtonTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAA0C;AAC1C,uDAAoD;AACpD,uCAAuC;AACvC,mEAAmF;AAEnF,IAAM,gBAAgB,GAAG,yBAAU,CAAC,SAAS,CAAC;IAC5C,MAAM,EAAE;QACN,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,SAAS;QAC1B,WAAW,EAAE,CAAC;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,cAAc;QACvB,UAAU,EAAE,SAAS;KACtB;IACD,cAAc,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;CAC/C,CAAC,CAAC;AAEI,IAAM,oBAAoB,GAA4B;IAC3D,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,mBAAI,IAAC,KAAK,EAAE,yCAAgB;YAC3B,oBAAC,mBAAI,IAAC,KAAK,EAAE,oCAAW;gBACtB,oBAAC,mBAAI,IAAC,KAAK,EAAE,iCAAQ;oBACnB,oBAAC,mBAAI,wCAAqC,CACrC,CACF,CACF;QACP,oBAAC,gBAAgB,IAAC,OAAO,EAAC,mBAAmB,EAAC,SAAS,EAAE,oBAAS,GAAI,CACjE,CACR,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,oBAAoB,wBAa/B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonV1E2ETest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonV1/MenuButtonV1E2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAqDvC,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/MenuButtonV1/MenuButtonV1E2ETest.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuButtonV1E2ETest = void 0;
+var tslib_1 = require("tslib");
+var React = (0, tslib_1.__importStar)(require("react"));
+var experimental_menu_button_1 = require("@fluentui-react-native/experimental-menu-button");
+var react_native_1 = require("react-native");
+var testData_1 = require("./testData");
+var MenuButtonV1TestStyles_1 = require("./MenuButtonV1TestStyles");
+var consts_1 = require("../../../../E2E/src/MenuButtonV1/consts");
+var TestProps_1 = require("../Common/TestProps");
+var MenuButtonV1E2ETest = function () {
+    var _a = React.useState(null), lastMenuItemClicked = _a[0], setLastMenuItemClicked = _a[1];
+    var onItemClick = React.useCallback(function (key) {
+        setLastMenuItemClicked(key);
+    }, [setLastMenuItemClicked]);
+    var contextualMenuProps = {
+        accessibilityLabel: 'MenuButton',
+        shouldFocusOnMount: true,
+        shouldFocusOnContainer: false,
+    };
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.viewWrapperStyle },
+            React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.columnStyle },
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? React.createElement(react_native_1.Text, { style: MenuButtonV1TestStyles_1.textColor }, lastMenuItemClicked) : React.createElement(react_native_1.Text, { style: MenuButtonV1TestStyles_1.textColor }, "none")),
+                React.createElement(react_native_1.View, { style: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, MenuButtonV1TestStyles_1.rowStyle), { paddingHorizontal: 5 }) },
+                    React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.columnStyle },
+                        React.createElement(experimental_menu_button_1.MenuButton, (0, tslib_1.__assign)({ content: "Standard MenuButton with Accessibility Label", menuItems: testData_1.menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps, accessibilityLabel: consts_1.MENUBUTTONV1_ACCESSIBILITY_LABEL }, (0, TestProps_1.testProps)(consts_1.MENUBUTTONV1_TEST_COMPONENT))))),
+                React.createElement(react_native_1.View, { style: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, MenuButtonV1TestStyles_1.rowStyle), { paddingHorizontal: 5 }) },
+                    React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.columnStyle },
+                        React.createElement(experimental_menu_button_1.MenuButton, (0, tslib_1.__assign)({ content: consts_1.MENUBUTTONV1_TEST_COMPONENT_LABEL, menuItems: testData_1.menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }, (0, TestProps_1.testProps)(consts_1.MENUBUTTONV1_NO_A11Y_LABEL_COMPONENT)))))))));
+};
+exports.MenuButtonV1E2ETest = MenuButtonV1E2ETest;
+//# sourceMappingURL=MenuButtonV1E2ETest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonV1E2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonV1/MenuButtonV1E2ETest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,4FAA6E;AAE7E,6CAA0C;AAC1C,uCAAuC;AACvC,mEAA8F;AAC9F,kEAKiD;AACjD,iDAAgD;AAEzC,IAAM,mBAAmB,GAA4B;IACpD,IAAA,KAAgD,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAnE,mBAAmB,QAAA,EAAE,sBAAsB,QAAwB,CAAC;IAE3E,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,UAAC,GAAG;QACF,sBAAsB,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,sBAAsB,CAAC,CACzB,CAAC;IAEF,IAAM,mBAAmB,GAAwB;QAC/C,kBAAkB,EAAE,YAAY;QAChC,kBAAkB,EAAE,IAAI;QACxB,sBAAsB,EAAE,KAAK;KAC9B,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,mBAAI,IAAC,KAAK,EAAE,yCAAgB;YAC3B,oBAAC,mBAAI,IAAC,KAAK,EAAE,oCAAW;gBACtB,oBAAC,mBAAI;oBACH,oBAAC,mBAAI,mCAAgC;oBACpC,mBAAmB,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,KAAK,EAAE,kCAAS,IAAG,mBAAmB,CAAQ,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,KAAK,EAAE,kCAAS,WAAa,CAChH;gBACP,oBAAC,mBAAI,IAAC,KAAK,kDAAO,iCAAQ,KAAE,iBAAiB,EAAE,CAAC;oBAC9C,oBAAC,mBAAI,IAAC,KAAK,EAAE,oCAAW;wBACtB,oBAAC,qCAAU,0BACT,OAAO,EAAC,8CAA8C,EACtD,SAAS,EAAE,oBAAS,EACpB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,mBAAmB,EACnC,kBAAkB,EAAE,yCAAgC,IAEhD,IAAA,qBAAS,EAAC,oCAA2B,CAAC,EAC1C,CACG,CACF;gBACP,oBAAC,mBAAI,IAAC,KAAK,kDAAO,iCAAQ,KAAE,iBAAiB,EAAE,CAAC;oBAC9C,oBAAC,mBAAI,IAAC,KAAK,EAAE,oCAAW;wBACtB,oBAAC,qCAAU,0BACT,OAAO,EAAE,0CAAiC,EAC1C,SAAS,EAAE,oBAAS,EACpB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,mBAAmB,IAE/B,IAAA,qBAAS,EAAC,6CAAoC,CAAC,EACnD,CACG,CACF,CACF,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,mBAAmB,uBAqD9B"}

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

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

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

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

package/lib-commonjs/fluent-tester/src/TestComponents/MenuButtonV1/MenuButtonV1Test.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuButtonV1Test = void 0;
+var tslib_1 = require("tslib");
+var React = (0, tslib_1.__importStar)(require("react"));
+var consts_1 = require("../../../../E2E/src/MenuButtonV1/consts");
+var Test_1 = require("../Test");
+var StandardMenuButtonTest_1 = require("./StandardMenuButtonTest");
+var NestedMenuButtonTest_1 = require("./NestedMenuButtonTest");
+var MenuButtonV1E2ETest_1 = require("./MenuButtonV1E2ETest");
+var CustomizedMenuButtonTest_1 = require("./CustomizedMenuButtonTest");
+var menuButtonSections = [
+    {
+        name: 'Standard MenuButton',
+        testID: consts_1.MENUBUTTONV1_TESTPAGE,
+        component: StandardMenuButtonTest_1.StandardMenuButton,
+    },
+    {
+        name: 'Nested MenuButton',
+        component: NestedMenuButtonTest_1.NestedMenuButton,
+    },
+    {
+        name: 'MenuButton with customized UI',
+        component: CustomizedMenuButtonTest_1.CustomizedMenuButton,
+    },
+    {
+        name: 'E2E Testing MenuButton',
+        component: MenuButtonV1E2ETest_1.MenuButtonV1E2ETest,
+    },
+];
+var MenuButtonV1Test = function () {
+    var status = {
+        win32Status: 'Experimental',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Backlog',
+        macosStatus: 'Backlog',
+        androidStatus: 'Backlog',
+    };
+    var description = 'MenuButton is a component which contains ContextualMenu and Button components. This control combines and simplifies the API for customers.\nClicking on MenuButton opens ContextualMenu. It can have Submenu. But selection checks and a beak are not implemented.';
+    return React.createElement(Test_1.Test, { name: "MenuButtonV1 Test", description: description, sections: menuButtonSections, status: status });
+};
+exports.MenuButtonV1Test = MenuButtonV1Test;
+//# sourceMappingURL=MenuButtonV1Test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonV1Test.js","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonV1/MenuButtonV1Test.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,kEAAgF;AAChF,gCAA4D;AAC5D,mEAA8D;AAC9D,+DAA0D;AAC1D,6DAA4D;AAC5D,uEAAkE;AAElE,IAAM,kBAAkB,GAAkB;IACxC;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,8BAAqB;QAC7B,SAAS,EAAE,2CAAkB;KAC9B;IACD;QACE,IAAI,EAAE,mBAAmB;QACzB,SAAS,EAAE,uCAAgB;KAC5B;IACD;QACE,IAAI,EAAE,+BAA+B;QACrC,SAAS,EAAE,+CAAoB;KAChC;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,yCAAmB;KAC/B;CACF,CAAC;AAEK,IAAM,gBAAgB,GAA4B;IACvD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,oQAAoQ,CAAC;IAEvQ,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACnH,CAAC,CAAC;AAbW,QAAA,gBAAgB,oBAa3B"}

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

@@ -0,0 +1,6 @@
+import { ViewStyle, TextStyle } from 'react-native';
+export declare const viewWrapperStyle: ViewStyle;
+export declare const columnStyle: ViewStyle;
+export declare const rowStyle: ViewStyle;
+export declare const textColor: TextStyle;
+//# sourceMappingURL=MenuButtonV1TestStyles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonV1TestStyles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonV1/MenuButtonV1TestStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,eAAO,MAAM,gBAAgB,EAAE,SAAwD,CAAC;AACxF,eAAO,MAAM,WAAW,EAAE,SAA6D,CAAC;AACxF,eAAO,MAAM,QAAQ,EAAE,SAAoC,CAAC;AAC5D,eAAO,MAAM,SAAS,EAAE,SAA6B,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/MenuButtonV1/MenuButtonV1TestStyles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textColor = exports.rowStyle = exports.columnStyle = exports.viewWrapperStyle = void 0;
+exports.viewWrapperStyle = { flexDirection: 'row', paddingVertical: 5 };
+exports.columnStyle = { flexDirection: 'column', paddingHorizontal: 5 };
+exports.rowStyle = { flexDirection: 'row' };
+exports.textColor = { color: 'blue' };
+//# sourceMappingURL=MenuButtonV1TestStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonV1TestStyles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonV1/MenuButtonV1TestStyles.ts"],"names":[],"mappings":";;;AACa,QAAA,gBAAgB,GAAc,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC;AAC3E,QAAA,WAAW,GAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC,EAAE,CAAC;AAC3E,QAAA,QAAQ,GAAc,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;AAC/C,QAAA,SAAS,GAAc,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC"}

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

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

package/lib-commonjs/fluent-tester/src/TestComponents/MenuButtonV1/NestedMenuButtonTest.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NestedMenuButton = void 0;
+var tslib_1 = require("tslib");
+var React = (0, tslib_1.__importStar)(require("react"));
+var react_native_1 = require("react-native");
+var react_native_2 = require("@fluentui/react-native");
+var testData_1 = require("./testData");
+var MenuButtonV1TestStyles_1 = require("./MenuButtonV1TestStyles");
+var experimental_menu_button_1 = require("@fluentui-react-native/experimental-menu-button");
+var iconExamples_1 = require("../Common/iconExamples");
+var NestedMenuButton = 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 _d = React.useState(false), showSubmenu = _d[0], setShowSubmenu = _d[1];
+    var _e = React.useState(false), isSubmenuVisible = _e[0], setIsSubmenuVisible = _e[1];
+    var _f = React.useState(null), lastSubmenuItemClicked = _f[0], setSubmenuLastItemClicked = _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 onSubmenuItemClick = React.useCallback(function (key) {
+        setSubmenuLastItemClicked(key);
+    }, [setSubmenuLastItemClicked]);
+    var nestedMenuItems = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], testData_1.menuItems, true), [
+        {
+            hasSubmenu: true,
+            itemKey: '4',
+            text: 'SubmenuItem svg icon',
+            componentRef: React.useRef(null),
+            icon: testData_1.iconProps,
+            onHoverIn: toggleShowSubmenu,
+            showSubmenu: showSubmenu,
+            submenuProps: {
+                onShow: onShowSubmenu,
+                setShowMenu: toggleShowSubmenu,
+                onDismiss: onDismissSubmenu,
+                onItemClick: onSubmenuItemClick,
+            },
+            submenuItems: [
+                {
+                    icon: testData_1.iconProps,
+                    text: 'SubmenuItem svg icon',
+                    itemKey: '1',
+                },
+                {
+                    itemKey: '2',
+                    text: 'SubmenuItem 2',
+                    disabled: true,
+                },
+                {
+                    itemKey: '3',
+                    text: 'SubmenuItem 3',
+                },
+            ],
+        },
+        {
+            itemKey: '5',
+            text: 'Menu Item',
+        },
+        {
+            hasSubmenu: true,
+            itemKey: '6',
+            text: 'SubmenuItem',
+            componentRef: React.useRef(null),
+            submenuProps: {
+                onItemClick: onSubmenuItemClick,
+            },
+            submenuItems: [
+                {
+                    text: 'SubmenuItem 1',
+                    itemKey: '1',
+                },
+                {
+                    itemKey: '2',
+                    text: 'SubmenuItem 2',
+                },
+                {
+                    itemKey: '3',
+                    text: 'SubmenuItem 3',
+                },
+            ],
+        },
+    ], false);
+    var rasterImageProps = {
+        rasterImageSource: {
+            src: iconExamples_1.testImage,
+        },
+        width: 12,
+        height: 12,
+    };
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.viewWrapperStyle },
+            React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.columnStyle },
+                React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.rowStyle },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Mount"),
+                    React.createElement(react_native_1.Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.rowStyle },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Container"),
+                    React.createElement(react_native_1.Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }))),
+            React.createElement(react_native_2.Separator, { vertical: true }),
+            React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.columnStyle },
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? React.createElement(react_native_1.Text, { style: MenuButtonV1TestStyles_1.textColor }, lastMenuItemClicked) : React.createElement(react_native_1.Text, { style: MenuButtonV1TestStyles_1.textColor }, "none")),
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Last Submenu Item Clicked: "),
+                    lastSubmenuItemClicked > 0 ? React.createElement(react_native_1.Text, { style: MenuButtonV1TestStyles_1.textColor }, lastSubmenuItemClicked) : React.createElement(react_native_1.Text, { style: MenuButtonV1TestStyles_1.textColor }, "none")),
+                React.createElement(experimental_menu_button_1.MenuButton, { content: "Press for Nested MenuButton", icon: rasterImageProps, menuItems: nestedMenuItems, onItemClick: onItemClick })))));
+};
+exports.NestedMenuButton = NestedMenuButton;
+//# sourceMappingURL=NestedMenuButtonTest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NestedMenuButtonTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonV1/NestedMenuButtonTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAkD;AAClD,uDAAmD;AACnD,uCAAkD;AAClD,mEAA8F;AAC9F,4FAA6E;AAC7E,uDAAmD;AAE5C,IAAM,gBAAgB,GAA4B;IACjD,IAAA,KAAgD,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAnE,mBAAmB,QAAA,EAAE,sBAAsB,QAAwB,CAAC;IAErE,IAAA,KAAwC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAA3D,YAAY,QAAA,EAAE,qBAAqB,QAAwB,CAAC;IACnE,IAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,KAAK,IAAK,OAAA,qBAAqB,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAEzG,IAAA,KAAgD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAApE,gBAAgB,QAAA,EAAE,yBAAyB,QAAyB,CAAC;IAC5E,IAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,KAAK,IAAK,OAAA,yBAAyB,CAAC,KAAK,CAAC,EAAhC,CAAgC,EAAE,CAAC,yBAAyB,CAAC,CAAC,CAAC;IAE3H,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,UAAC,GAAG;QACF,sBAAsB,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,sBAAsB,CAAC,CACzB,CAAC;IAEI,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAApD,WAAW,QAAA,EAAE,cAAc,QAAyB,CAAC;IACtD,IAAA,KAA0C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9D,gBAAgB,QAAA,EAAE,mBAAmB,QAAyB,CAAC;IAChE,IAAA,KAAsD,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAzE,sBAAsB,QAAA,EAAE,yBAAyB,QAAwB,CAAC;IAEjF,IAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC;QAC1C,cAAc,CAAC,CAAC,WAAW,CAAC,CAAC;QAC7B,mBAAmB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,cAAc,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEzE,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC;QACtC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC;QACzC,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,IAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,UAAC,GAAG;QACF,yBAAyB,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,yBAAyB,CAAC,CAC5B,CAAC;IAEF,IAAM,eAAe,6DAChB,oBAAS;QACZ;YACE,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,sBAAsB;YAC5B,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;YAChC,IAAI,EAAE,oBAAS;YACf,SAAS,EAAE,iBAAiB;YAC5B,WAAW,aAAA;YACX,YAAY,EAAE;gBACZ,MAAM,EAAE,aAAa;gBACrB,WAAW,EAAE,iBAAiB;gBAC9B,SAAS,EAAE,gBAAgB;gBAC3B,WAAW,EAAE,kBAAkB;aAChC;YACD,YAAY,EAAE;gBACZ;oBACE,IAAI,EAAE,oBAAS;oBACf,IAAI,EAAE,sBAAsB;oBAC5B,OAAO,EAAE,GAAG;iBACb;gBACD;oBACE,OAAO,EAAE,GAAG;oBACZ,IAAI,EAAE,eAAe;oBACrB,QAAQ,EAAE,IAAI;iBACf;gBACD;oBACE,OAAO,EAAE,GAAG;oBACZ,IAAI,EAAE,eAAe;iBACtB;aACF;SACF;QACD;YACE,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,WAAW;SAClB;QACD;YACE,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,aAAa;YACnB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;YAChC,YAAY,EAAE;gBACZ,WAAW,EAAE,kBAAkB;aAChC;YACD,YAAY,EAAE;gBACZ;oBACE,IAAI,EAAE,eAAe;oBACrB,OAAO,EAAE,GAAG;iBACb;gBACD;oBACE,OAAO,EAAE,GAAG;oBACZ,IAAI,EAAE,eAAe;iBACtB;gBACD;oBACE,OAAO,EAAE,GAAG;oBACZ,IAAI,EAAE,eAAe;iBACtB;aACF;SACF;aACF,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACvB,iBAAiB,EAAE;YACjB,GAAG,EAAE,wBAAS;SACf;QACD,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,mBAAI,IAAC,KAAK,EAAE,yCAAgB;YAC3B,oBAAC,mBAAI,IAAC,KAAK,EAAE,oCAAW;gBACtB,oBAAC,mBAAI,IAAC,KAAK,EAAE,iCAAQ;oBACnB,oBAAC,mBAAI,gCAA6B;oBAClC,oBAAC,qBAAM,IAAC,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,GAAI,CAC7D;gBAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,iCAAQ;oBACnB,oBAAC,mBAAI,oCAAiC;oBACtC,oBAAC,qBAAM,IAAC,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,sBAAsB,GAAI,CACrE,CACF;YAEP,oBAAC,wBAAS,IAAC,QAAQ,SAAG;YAEtB,oBAAC,mBAAI,IAAC,KAAK,EAAE,oCAAW;gBACtB,oBAAC,mBAAI;oBACH,oBAAC,mBAAI,mCAAgC;oBACpC,mBAAmB,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,KAAK,EAAE,kCAAS,IAAG,mBAAmB,CAAQ,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,KAAK,EAAE,kCAAS,WAAa,CAChH;gBACP,oBAAC,mBAAI;oBACH,oBAAC,mBAAI,sCAAmC;oBACvC,sBAAsB,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,KAAK,EAAE,kCAAS,IAAG,sBAAsB,CAAQ,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,KAAK,EAAE,kCAAS,WAAa,CACtH;gBACP,oBAAC,qCAAU,IAAC,OAAO,EAAC,6BAA6B,EAAC,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,GAAI,CAC7H,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AA7IW,QAAA,gBAAgB,oBA6I3B"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"StandardMenuButtonTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonV1/StandardMenuButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAwGtC,CAAC"}