@fluentui-react-native/tester 0.135.2 → 0.136.0

package/lib/fluent-tester/src/TestComponents/Menu/MenuTest.js

@@ -0,0 +1,254 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui/react-native';
+import { Menu, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuTrigger, MenuPopover, MenuList, MenuDivider, } from '@fluentui-react-native/menu';
+import { Stack } from '@fluentui-react-native/stack';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { E2EMenuTest } from './E2EMenuTest';
+import { MenuIcons } from './MenuIcons';
+import { MenuTriggerChildRef } from './MenuRefs';
+import { MenuScrollView } from './MenuScrollView';
+import { MenuTooltips } from './MenuTooltips';
+import { MenuTriggerHoverCallback, MenuTriggerOnClickCallback } from './MenuTriggerCallbacks';
+import { MENU_TESTPAGE } from '../../../../E2E/src/Menu/consts';
+import { stackStyle } from '../Common/styles';
+import { Test } from '../Test';
+var MenuDefault = function () {
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Menu, null,
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null, "Test")),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItem, null, "A plain MenuItem"),
+                    React.createElement(MenuItem, { disabled: true }, "A disabled MenuItem"),
+                    React.createElement(MenuItem, null, "A third plain MenuItem"))))));
+};
+var defaultCheckedTestCase = ['itemOne'];
+var checkedTestCase = ['itemTwo'];
+var MenuCheckmarks = function () {
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Menu, { defaultChecked: defaultCheckedTestCase },
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null, "All checkmark items")),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItemCheckbox, { name: "itemOne" }, "A MenuItem with checkmark"),
+                    React.createElement(MenuDivider, null),
+                    React.createElement(MenuItemCheckbox, { name: "itemTwo" }, "Another MenuItem with checkmark")))),
+        React.createElement(Menu, { hasCheckmarks: true, checked: checkedTestCase },
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null, "Some controlled checkmark items with alignment")),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItem, null, "A plain MenuItem"),
+                    React.createElement(MenuItemCheckbox, { name: "itemTwo" }, "A MenuItem with checkmark"),
+                    React.createElement(MenuItemCheckbox, { disabled: true, name: "itemThree" }, "A disabled MenuItem with checkmark"),
+                    React.createElement(MenuItemCheckbox, { name: "itemFour" }, "A MenuItem with checkmark")))),
+        React.createElement(Menu, null,
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null, "Some checkmark items without alignment")),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItem, null, "A plain MenuItem"),
+                    React.createElement(MenuItemCheckbox, { name: "itemTwo" }, "A MenuItem with checkmark"),
+                    React.createElement(MenuItemCheckbox, { name: "itemThree" }, "A MenuItem with checkmark"))))));
+};
+var MenuRadioItem = function () {
+    var _a = React.useState(['itemOne']), checked = _a[0], setChecked = _a[1];
+    var onCheckedChange = React.useCallback(function (_e, checkedChange) {
+        setChecked(checkedChange);
+    }, [setChecked]);
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Text, null,
+            "Current checked: ",
+            checked.join(' ')),
+        React.createElement(Menu, { defaultChecked: defaultCheckedTestCase, onCheckedChange: onCheckedChange },
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null, "Items with radio selection")),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItemRadio, { name: "itemOne" }, "A MenuItem with checkmark and radio selection"),
+                    React.createElement(MenuItemRadio, { name: "itemTwo" }, "Another MenuItem with checkmark and radio selection"),
+                    React.createElement(MenuItemRadio, { name: "itemThree" }, "A third MenuItem with checkmark and radio selection"),
+                    React.createElement(MenuItemCheckbox, { name: "itemFour" }, "A MenuItem with checkmark and toggle selection"))))));
+};
+var Submenu = function (props) {
+    return (React.createElement(Menu, __assign({}, props),
+        React.createElement(MenuTrigger, null,
+            React.createElement(MenuItem, null, "A second MenuItem trigger")),
+        React.createElement(MenuPopover, { minWidth: 230 },
+            React.createElement(MenuList, null,
+                React.createElement(MenuItemCheckbox, { name: 'a' }, "A nested MenuItemCheckbox"),
+                React.createElement(MenuItem, null, "A nested MenuItem"),
+                React.createElement(Submenu, null)))));
+};
+var MenuSubMenu = function () {
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Menu, null,
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null, "Test")),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItem, null, "A MenuItem"),
+                    React.createElement(Submenu, null))))));
+};
+var MenuOpenOnHover = function () {
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Menu, { openOnHover: true },
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null, "Test")),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItem, null, "A MenuItem"),
+                    React.createElement(Submenu, null))))));
+};
+var rootStackStyle = StyleSheet.create({ root: __assign(__assign({}, stackStyle), { flexDirection: 'row' }) });
+var MenuControlledOpen = function () {
+    var _a = React.useState(false), open = _a[0], setOpen = _a[1];
+    return (React.createElement(Stack, { style: rootStackStyle.root },
+        React.createElement(Button, { onClick: function () { return setOpen(!open); } }, "Toggle open"),
+        React.createElement(Menu, { open: open },
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null, "Test")),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItem, null, "A MenuItem"),
+                    React.createElement(Submenu, null))))));
+};
+var CustomMenuPopover = MenuPopover.customize({ borderWidth: 4, borderColor: 'blue' });
+var CustomMenuList = MenuList.customize({ gap: 5, padding: 6, backgroundColor: 'pink' });
+var CustomMenuItem = MenuItem.customize({
+    gap: 5,
+    padding: 8,
+    backgroundColor: 'red',
+    color: 'white',
+    borderRadius: 2,
+    checkmarkSize: 10,
+    submenuIndicatorPadding: 4,
+    submenuIndicatorSize: 10,
+    fontSize: 14,
+});
+var CustomMenuCheckmark = MenuItemCheckbox.customize({
+    gap: 5,
+    padding: 8,
+    backgroundColor: 'red',
+    color: 'white',
+    borderRadius: 2,
+    checkmarkSize: 10,
+    fontSize: 14,
+    checkmarkColor: 'blue',
+});
+var CustomMenuDivider = MenuDivider.customize({
+    height: 8,
+    margin: 4,
+    marginVertical: 6,
+    width: 100,
+    backgroundColor: 'purple',
+});
+var MenuCustomized = function () {
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Menu, null,
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null, "Test")),
+            React.createElement(CustomMenuPopover, null,
+                React.createElement(CustomMenuList, null,
+                    React.createElement(CustomMenuItem, null, "A MenuItem"),
+                    React.createElement(CustomMenuItem, null, "A MenuItem"),
+                    React.createElement(CustomMenuDivider, null),
+                    React.createElement(CustomMenuCheckmark, { name: 'custom' }, "A MenuItem"))))));
+};
+var MenuNofM = function () {
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Menu, null,
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null, "Test")),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItem, null, "A plain MenuItem"),
+                    React.createElement(MenuItem, { disabled: true }, "A disabled MenuItem"),
+                    React.createElement(MenuItem, { accessibilityPositionInSet: 9 }, "A plain MenuItem"),
+                    React.createElement(MenuDivider, null),
+                    React.createElement(Submenu, { accessibilityPositionInSet: 16, accessibilitySetSize: 7 }),
+                    React.createElement(MenuItem, { disabled: true, accessibilitySetSize: 2 }, "A disabled MenuItem"),
+                    React.createElement(MenuItem, null, "A plain MenuItem"))))));
+};
+var menuSections = [
+    {
+        name: 'Menu Default',
+        testID: MENU_TESTPAGE,
+        component: MenuDefault,
+    },
+    {
+        name: 'Menu Checkmarks',
+        component: MenuCheckmarks,
+    },
+    {
+        name: 'Menu Radioitem',
+        component: MenuRadioItem,
+    },
+    {
+        name: 'Menu open on hover',
+        component: MenuOpenOnHover,
+    },
+    {
+        name: 'Menu open controlled',
+        component: MenuControlledOpen,
+    },
+    {
+        name: 'Menu with tooltips on items',
+        component: MenuTooltips,
+    },
+    {
+        name: 'Menu with icons',
+        component: MenuIcons,
+    },
+    {
+        name: 'Menu Submenu',
+        component: MenuSubMenu,
+    },
+    {
+        name: 'Menu with ScrollView',
+        component: MenuScrollView,
+    },
+    {
+        name: 'Menu Trigger onClick Override',
+        component: MenuTriggerOnClickCallback,
+    },
+    {
+        name: 'Menu Trigger Hover Override',
+        component: MenuTriggerHoverCallback,
+    },
+    {
+        name: 'Menu Customized',
+        component: MenuCustomized,
+    },
+    {
+        name: 'Menu Refs',
+        component: MenuTriggerChildRef,
+    },
+    {
+        name: 'Menu N of M Override',
+        component: MenuNofM,
+    },
+];
+var e2eSections = [
+    {
+        name: 'Menu E2E',
+        component: E2EMenuTest,
+    },
+];
+export var MenuTest = function () {
+    var status = {
+        win32Status: 'Beta',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Backlog',
+        macosStatus: 'Beta',
+        androidStatus: 'Backlog',
+    };
+    var description = 'A Menu is an component that displays a list of options on a temporary surface. They are invoked when users interact with a button, action, or other control.';
+    var spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Menu/SPEC.md';
+    return React.createElement(Test, { name: "Menu Test", description: description, spec: spec, sections: menuSections, status: status, e2eSections: e2eSections });
+};
+//# sourceMappingURL=MenuTest.js.map

package/lib/fluent-tester/src/TestComponents/Menu/MenuTest.js.map

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

package/lib/fluent-tester/src/TestComponents/Menu/MenuTooltips.d.ts

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

package/lib/fluent-tester/src/TestComponents/Menu/MenuTooltips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTooltips.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/MenuTooltips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAmBhC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Menu/MenuTooltips.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ButtonV1 as Button } from '@fluentui/react-native';
+import { Menu, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../Common/styles';
+export var MenuTooltips = function () {
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Menu, { hasTooltips: true },
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null, "Items with tooltips")),
+            React.createElement(MenuPopover, { maxWidth: 160 },
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItem, null, "Option 1 has some really long text that goes on and on"),
+                    React.createElement(MenuItem, null, "Option2hastextwithnobreaksthatgoesonandon"),
+                    React.createElement(MenuItem, { tooltip: 'A custom tooltip' }, "Option 3 has custom tooltip"),
+                    React.createElement(MenuItemCheckbox, { name: "Option4" }, "Option 4 is a checkbox"),
+                    React.createElement(MenuItemRadio, { name: "Option5" }, "Option 5 is a radio"))))));
+};
+//# sourceMappingURL=MenuTooltips.js.map

package/lib/fluent-tester/src/TestComponents/Menu/MenuTooltips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTooltips.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/MenuTooltips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClI,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,IAAM,YAAY,GAA4B;IACnD,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,IAAI,IAAC,WAAW;YACf,oBAAC,WAAW;gBACV,oBAAC,MAAM,8BAA6B,CACxB;YACd,oBAAC,WAAW,IAAC,QAAQ,EAAE,GAAG;gBACxB,oBAAC,QAAQ;oBACP,oBAAC,QAAQ,iEAAkE;oBAC3E,oBAAC,QAAQ,oDAAqD;oBAC9D,oBAAC,QAAQ,IAAC,OAAO,EAAE,kBAAkB,kCAAwC;oBAC7E,oBAAC,gBAAgB,IAAC,IAAI,EAAC,SAAS,6BAA0C;oBAC1E,oBAAC,aAAa,IAAC,IAAI,EAAC,SAAS,0BAAoC,CACxD,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Menu/MenuTriggerCallbacks.d.ts

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

package/lib/fluent-tester/src/TestComponents/Menu/MenuTriggerCallbacks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTriggerCallbacks.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/MenuTriggerCallbacks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,iBAsB9C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAoC5C,CAAC"}

package/lib/fluent-tester/src/TestComponents/Menu/MenuTriggerCallbacks.js

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { ButtonV1 as Button } from '@fluentui/react-native';
+import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
+import { Stack } from '@fluentui-react-native/stack';
+import Svg, { Path } from 'react-native-svg';
+import { stackStyle } from '../Common/styles';
+export var MenuTriggerOnClickCallback = function () {
+    var _a = React.useState(0), counter = _a[0], setCounter = _a[1];
+    var onClick = React.useCallback(function () {
+        setCounter(counter + 1);
+    }, [counter, setCounter]);
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Menu, null,
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, { onClick: onClick }, 'Click to increase counter: ' + counter)),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItem, null, "A plain MenuItem"),
+                    React.createElement(MenuItem, { disabled: true }, "A second disabled plain MenuItem"),
+                    React.createElement(MenuItem, null, "A third plain MenuItem"))))));
+};
+export var MenuTriggerHoverCallback = function () {
+    var _a = React.useState('red'), iconColor = _a[0], setIconColor = _a[1];
+    var onHoverIn = React.useCallback(function () {
+        setIconColor('blue');
+    }, [setIconColor]);
+    var onHoverOut = React.useCallback(function () {
+        setIconColor('red');
+    }, [setIconColor]);
+    var chevron = (React.createElement(Svg, { width: "12", height: "16", viewBox: "0 0 11 6", color: iconColor },
+        React.createElement(Path, { fill: "currentColor", d: "M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z" })));
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Menu, null,
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, { onHoverIn: onHoverIn, onHoverOut: onHoverOut },
+                    "Test",
+                    chevron)),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItem, null, "A plain MenuItem"),
+                    React.createElement(MenuItem, { disabled: true }, "A second disabled plain MenuItem"),
+                    React.createElement(MenuItem, null, "A third plain MenuItem"))))));
+};
+//# sourceMappingURL=MenuTriggerCallbacks.js.map

package/lib/fluent-tester/src/TestComponents/Menu/MenuTriggerCallbacks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTriggerCallbacks.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Menu/MenuTriggerCallbacks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACjG,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,IAAM,0BAA0B,GAA4B;IAC3D,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,EAAhD,OAAO,QAAA,EAAE,UAAU,QAA6B,CAAC;IACxD,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;QAChC,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,IAAI;YACH,oBAAC,WAAW;gBACV,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,IAAG,6BAA6B,GAAG,OAAO,CAAU,CAChE;YACd,oBAAC,WAAW;gBACV,oBAAC,QAAQ;oBACP,oBAAC,QAAQ,2BAA4B;oBACrC,oBAAC,QAAQ,IAAC,QAAQ,6CAA4C;oBAC9D,oBAAC,QAAQ,iCAAkC,CAClC,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,wBAAwB,GAA4B;IACzD,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAAa,KAAK,CAAC,EAA5D,SAAS,QAAA,EAAE,YAAY,QAAqC,CAAC;IACpE,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC;QAClC,YAAY,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB,IAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC;QACnC,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB,IAAM,OAAO,GAAG,CACd,oBAAC,GAAG,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,SAAS;QAC7D,oBAAC,IAAI,IACH,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,gVAAgV,GAClV,CACE,CACP,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,IAAI;YACH,oBAAC,WAAW;gBACV,oBAAC,MAAM,IAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU;;oBAEjD,OAAO,CACD,CACG;YACd,oBAAC,WAAW;gBACV,oBAAC,QAAQ;oBACP,oBAAC,QAAQ,2BAA4B;oBACrC,oBAAC,QAAQ,IAAC,QAAQ,6CAA4C;oBAC9D,oBAAC,QAAQ,iCAAkC,CAClC,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/fluent-tester/src/TestComponents/MenuButtonLegacy/CustomizedMenuButtonTest.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { Text, View } from 'react-native';
+import { MenuButton } from '@fluentui/react-native';
+import { viewWrapperStyle, columnStyle, rowStyle } from './MenuButtonLegacyTestStyles';
+import { menuItems } from './testData';
+var StyledMenuButton = MenuButton.customize({
+    button: {
+        borderRadius: 4,
+        backgroundColor: '#0095ff',
+        borderWidth: 0,
+        color: '#fff',
+        variant: 'heroSemibold',
+        fontFamily: 'Georgia',
+    },
+    contextualMenu: { backgroundColor: '#a9dbff' },
+});
+export var CustomizedMenuButton = function () {
+    return (React.createElement(View, null,
+        React.createElement(View, { style: viewWrapperStyle },
+            React.createElement(View, { style: columnStyle },
+                React.createElement(View, { style: rowStyle },
+                    React.createElement(Text, null, "MenuButton with customized UI")))),
+        React.createElement(StyledMenuButton, { content: "styled MenuButton", menuItems: menuItems })));
+};
+//# sourceMappingURL=CustomizedMenuButtonTest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizedMenuButtonTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonLegacy/CustomizedMenuButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,IAAM,gBAAgB,GAAG,UAAU,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;AAEH,MAAM,CAAC,IAAM,oBAAoB,GAA4B;IAC3D,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,IAAI,IAAC,KAAK,EAAE,gBAAgB;YAC3B,oBAAC,IAAI,IAAC,KAAK,EAAE,WAAW;gBACtB,oBAAC,IAAI,IAAC,KAAK,EAAE,QAAQ;oBACnB,oBAAC,IAAI,wCAAqC,CACrC,CACF,CACF;QACP,oBAAC,gBAAgB,IAAC,OAAO,EAAC,mBAAmB,EAAC,SAAS,EAAE,SAAS,GAAI,CACjE,CACR,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

package/lib/fluent-tester/src/TestComponents/MenuButtonLegacy/MenuButtonLegacyE2ETest.js

@@ -0,0 +1,32 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { Text, View } from 'react-native';
+import { MenuButton } from '@fluentui/react-native';
+import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonLegacyTestStyles';
+import { menuItems } from './testData';
+import { MENU_BUTTON_TEST_COMPONENT, MENU_BUTTON_ACCESSIBILITY_LABEL, MENU_BUTTON_NO_A11Y_LABEL_COMPONENT, MENU_BUTTON_TEST_COMPONENT_LABEL, } from '../../../../E2E/src/MenuButtonLegacy/consts';
+import { testProps } from '../Common/TestProps';
+export var MenuButtonLegacyE2ETest = 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(View, null,
+        React.createElement(View, { style: viewWrapperStyle },
+            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, __assign({ content: "Standard MenuButton with Accessibility Label", menuItems: menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps, accessibilityLabel: MENU_BUTTON_ACCESSIBILITY_LABEL }, testProps(MENU_BUTTON_TEST_COMPONENT))))),
+                React.createElement(View, { style: __assign(__assign({}, rowStyle), { paddingHorizontal: 5 }) },
+                    React.createElement(View, { style: columnStyle },
+                        React.createElement(MenuButton, __assign({ content: MENU_BUTTON_TEST_COMPONENT_LABEL, menuItems: menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }, testProps(MENU_BUTTON_NO_A11Y_LABEL_COMPONENT)))))))));
+};
+//# sourceMappingURL=MenuButtonLegacyE2ETest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonLegacyE2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonLegacy/MenuButtonLegacyE2ETest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAClG,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EACL,0BAA0B,EAC1B,+BAA+B,EAC/B,mCAAmC,EACnC,gCAAgC,GACjC,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,IAAM,uBAAuB,GAA4B;IACxD,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,IAAI;QACH,oBAAC,IAAI,IAAC,KAAK,EAAE,gBAAgB;YAC3B,oBAAC,IAAI,IAAC,KAAK,EAAE,WAAW;gBACtB,oBAAC,IAAI;oBACH,oBAAC,IAAI,mCAAgC;oBACpC,mBAAmB,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IAAG,mBAAmB,CAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,WAAa,CAChH;gBACP,oBAAC,IAAI,IAAC,KAAK,wBAAO,QAAQ,KAAE,iBAAiB,EAAE,CAAC;oBAC9C,oBAAC,IAAI,IAAC,KAAK,EAAE,WAAW;wBACtB,oBAAC,UAAU,aACT,OAAO,EAAC,8CAA8C,EACtD,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,mBAAmB,EACnC,kBAAkB,EAAE,+BAA+B,IAE/C,SAAS,CAAC,0BAA0B,CAAC,EACzC,CACG,CACF;gBACP,oBAAC,IAAI,IAAC,KAAK,wBAAO,QAAQ,KAAE,iBAAiB,EAAE,CAAC;oBAC9C,oBAAC,IAAI,IAAC,KAAK,EAAE,WAAW;wBACtB,oBAAC,UAAU,aACT,OAAO,EAAE,gCAAgC,EACzC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,mBAAmB,IAE/B,SAAS,CAAC,mCAAmC,CAAC,EAClD,CACG,CACF,CACF,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

package/lib/fluent-tester/src/TestComponents/MenuButtonLegacy/MenuButtonLegacyTest.js

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { CustomizedMenuButton } from './CustomizedMenuButtonTest';
+import { MenuButtonLegacyE2ETest } from './MenuButtonLegacyE2ETest';
+import { NestedMenuButton } from './NestedMenuButtonTest';
+import { StandardMenuButton } from './StandardMenuButtonTest';
+import { MENU_BUTTON_TESTPAGE } from '../../../../E2E/src/MenuButtonLegacy/consts';
+import { Test } from '../Test';
+var menuButtonSections = [
+    {
+        name: 'Standard MenuButton',
+        testID: MENU_BUTTON_TESTPAGE,
+        component: StandardMenuButton,
+    },
+    {
+        name: 'Nested MenuButton',
+        component: NestedMenuButton,
+    },
+    {
+        name: 'MenuButton with customized UI',
+        component: CustomizedMenuButton,
+    },
+];
+var e2eSections = [
+    {
+        name: 'MenuButton for E2E Testing',
+        component: MenuButtonLegacyE2ETest,
+    },
+];
+export var MenuButtonLegacyTest = 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, { name: "MenuButton Legacy Test", description: description, sections: menuButtonSections, status: status, e2eSections: e2eSections }));
+};
+//# sourceMappingURL=MenuButtonLegacyTest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonLegacyTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonLegacy/MenuButtonLegacyTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAEnF,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,kBAAkB,GAAkB;IACxC;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,oBAAoB;QAC5B,SAAS,EAAE,kBAAkB;KAC9B;IACD;QACE,IAAI,EAAE,mBAAmB;QACzB,SAAS,EAAE,gBAAgB;KAC5B;IACD;QACE,IAAI,EAAE,+BAA+B;QACrC,SAAS,EAAE,oBAAoB;KAChC;CACF,CAAC;AAEF,IAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,4BAA4B;QAClC,SAAS,EAAE,uBAAuB;KACnC;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAA4B;IAC3D,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,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,wBAAwB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CACzI,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { 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=MenuButtonLegacyTestStyles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonLegacyTestStyles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonLegacy/MenuButtonLegacyTestStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,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/fluent-tester/src/TestComponents/MenuButtonLegacy/MenuButtonLegacyTestStyles.js

@@ -0,0 +1,5 @@
+export var viewWrapperStyle = { flexDirection: 'row', paddingVertical: 5 };
+export var columnStyle = { flexDirection: 'column', paddingHorizontal: 5 };
+export var rowStyle = { flexDirection: 'row' };
+export var textColor = { color: 'blue' };
+//# sourceMappingURL=MenuButtonLegacyTestStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonLegacyTestStyles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonLegacy/MenuButtonLegacyTestStyles.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAM,gBAAgB,GAAc,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC;AACxF,MAAM,CAAC,IAAM,WAAW,GAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC,EAAE,CAAC;AACxF,MAAM,CAAC,IAAM,QAAQ,GAAc,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;AAC5D,MAAM,CAAC,IAAM,SAAS,GAAc,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC"}

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

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

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

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