@fluentui-react-native/tester 0.135.2 → 0.136.0

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

@@ -0,0 +1,119 @@
+import { __spreadArray } from "tslib";
+import * as React from 'react';
+import { Text, View, Switch } from 'react-native';
+import { Separator, MenuButton } from '@fluentui/react-native';
+import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonLegacyTestStyles';
+import { menuItems, iconProps } from './testData';
+import { testImage } from '../Common/iconExamples';
+export 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 = __spreadArray(__spreadArray([], menuItems, true), [
+        {
+            hasSubmenu: true,
+            itemKey: '4',
+            text: 'SubmenuItem svg icon',
+            componentRef: React.useRef(null),
+            icon: iconProps,
+            onHoverIn: toggleShowSubmenu,
+            showSubmenu: showSubmenu,
+            submenuProps: {
+                onShow: onShowSubmenu,
+                setShowMenu: toggleShowSubmenu,
+                onDismiss: onDismissSubmenu,
+                onItemClick: onSubmenuItemClick,
+            },
+            submenuItems: [
+                {
+                    icon: 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: testImage,
+        },
+        width: 12,
+        height: 12,
+    };
+    return (React.createElement(View, null,
+        React.createElement(View, { style: viewWrapperStyle },
+            React.createElement(View, { style: columnStyle },
+                React.createElement(View, { style: rowStyle },
+                    React.createElement(Text, null, "Should Focus on Mount"),
+                    React.createElement(Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(View, { style: rowStyle },
+                    React.createElement(Text, null, "Should Focus on Container"),
+                    React.createElement(Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }))),
+            React.createElement(Separator, { vertical: true }),
+            React.createElement(View, { style: columnStyle },
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? React.createElement(Text, { style: textColor }, lastMenuItemClicked) : React.createElement(Text, { style: textColor }, "none")),
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Last Submenu Item Clicked: "),
+                    lastSubmenuItemClicked > 0 ? React.createElement(Text, { style: textColor }, lastSubmenuItemClicked) : React.createElement(Text, { style: textColor }, "none")),
+                React.createElement(MenuButton, { startIcon: rasterImageProps, content: "Press for Nested MenuButton", menuItems: nestedMenuItems, onItemClick: onItemClick })))));
+};
+//# sourceMappingURL=NestedMenuButtonTest.js.map

package/lib/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/fluent-tester/src/TestComponents/MenuButtonLegacy/StandardMenuButtonTest.d.ts

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

package/lib/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;AAW/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAwGtC,CAAC"}

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

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

package/lib/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/fluent-tester/src/TestComponents/MenuButtonLegacy/index.d.ts

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

package/lib/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/fluent-tester/src/TestComponents/MenuButtonLegacy/index.js

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

package/lib/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,cAAc,wBAAwB,CAAC"}

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

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

package/lib/fluent-tester/src/TestComponents/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,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAKlE,eAAO,MAAM,SAAS,EAAE,mBAAmB,EAgB1C,CAAC;AAEF,eAAO,MAAM,SAAS;;;;CAAiD,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"testData.js","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonLegacy/testData.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,CAAC,IAAM,SAAS,GAA0B;IAC9C;QACE,OAAO,EAAE,GAAG;QACZ,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,qBAAqB;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;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC"}

package/lib/fluent-tester/src/TestComponents/MenuButtonV1/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/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;AAoB/B,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAaxC,CAAC"}

package/lib/fluent-tester/src/TestComponents/MenuButtonV1/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 './MenuButtonV1TestStyles';
+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/MenuButtonV1/CustomizedMenuButtonTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizedMenuButtonTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/MenuButtonV1/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,0BAA0B,CAAC;AACnF,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/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/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;AAgB/B,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAqDvC,CAAC"}

package/lib/fluent-tester/src/TestComponents/MenuButtonV1/MenuButtonV1E2ETest.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/experimental-menu-button';
+import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonV1TestStyles';
+import { menuItems } from './testData';
+import { MENUBUTTONV1_TEST_COMPONENT, MENUBUTTONV1_ACCESSIBILITY_LABEL, MENUBUTTONV1_NO_A11Y_LABEL_COMPONENT, MENUBUTTONV1_TEST_COMPONENT_LABEL, } from '../../../../E2E/src/MenuButtonV1/consts';
+import { testProps } from '../Common/TestProps';
+export 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(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: MENUBUTTONV1_ACCESSIBILITY_LABEL }, testProps(MENUBUTTONV1_TEST_COMPONENT))))),
+                React.createElement(View, { style: __assign(__assign({}, rowStyle), { paddingHorizontal: 5 }) },
+                    React.createElement(View, { style: columnStyle },
+                        React.createElement(MenuButton, __assign({ content: MENUBUTTONV1_TEST_COMPONENT_LABEL, menuItems: menuItems, onItemClick: onItemClick, contextualMenu: contextualMenuProps }, testProps(MENUBUTTONV1_NO_A11Y_LABEL_COMPONENT)))))))));
+};
+//# sourceMappingURL=MenuButtonV1E2ETest.js.map

package/lib/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,iDAAiD,CAAC;AAE7E,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EACL,2BAA2B,EAC3B,gCAAgC,EAChC,oCAAoC,EACpC,iCAAiC,GAClC,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,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,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,gCAAgC,IAEhD,SAAS,CAAC,2BAA2B,CAAC,EAC1C,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,iCAAiC,EAC1C,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,mBAAmB,IAE/B,SAAS,CAAC,oCAAoC,CAAC,EACnD,CACG,CACF,CACF,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/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/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;AAiC/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAepC,CAAC"}

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

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

package/lib/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,kBAAkB,GAAkB;IACxC;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,qBAAqB;QAC7B,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,wBAAwB;QAC9B,SAAS,EAAE,mBAAmB;KAC/B;CACF,CAAC;AAEF,MAAM,CAAC,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,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CACpI,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/MenuButtonV1/MenuButtonV1TestStyles.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=MenuButtonV1TestStyles.d.ts.map

package/lib/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,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/MenuButtonV1/MenuButtonV1TestStyles.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=MenuButtonV1TestStyles.js.map

package/lib/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,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/MenuButtonV1/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/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;AAU/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBA6IpC,CAAC"}

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

@@ -0,0 +1,120 @@
+import { __spreadArray } from "tslib";
+import * as React from 'react';
+import { Text, View, Switch } from 'react-native';
+import { Separator } from '@fluentui/react-native';
+import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
+import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonV1TestStyles';
+import { menuItems, iconProps } from './testData';
+import { testImage } from '../Common/iconExamples';
+export var 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 = __spreadArray(__spreadArray([], menuItems, true), [
+        {
+            hasSubmenu: true,
+            itemKey: '4',
+            text: 'SubmenuItem svg icon',
+            componentRef: React.useRef(null),
+            icon: iconProps,
+            onHoverIn: toggleShowSubmenu,
+            showSubmenu: showSubmenu,
+            submenuProps: {
+                onShow: onShowSubmenu,
+                setShowMenu: toggleShowSubmenu,
+                onDismiss: onDismissSubmenu,
+                onItemClick: onSubmenuItemClick,
+            },
+            submenuItems: [
+                {
+                    icon: 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: testImage,
+        },
+        width: 12,
+        height: 12,
+    };
+    return (React.createElement(View, null,
+        React.createElement(View, { style: viewWrapperStyle },
+            React.createElement(View, { style: columnStyle },
+                React.createElement(View, { style: rowStyle },
+                    React.createElement(Text, null, "Should Focus on Mount"),
+                    React.createElement(Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(View, { style: rowStyle },
+                    React.createElement(Text, null, "Should Focus on Container"),
+                    React.createElement(Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }))),
+            React.createElement(Separator, { vertical: true }),
+            React.createElement(View, { style: columnStyle },
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? React.createElement(Text, { style: textColor }, lastMenuItemClicked) : React.createElement(Text, { style: textColor }, "none")),
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Last Submenu Item Clicked: "),
+                    lastSubmenuItemClicked > 0 ? React.createElement(Text, { style: textColor }, lastSubmenuItemClicked) : React.createElement(Text, { style: textColor }, "none")),
+                React.createElement(MenuButton, { content: "Press for Nested MenuButton", icon: rasterImageProps, menuItems: nestedMenuItems, onItemClick: onItemClick })))));
+};
+//# sourceMappingURL=NestedMenuButtonTest.js.map

package/lib/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":"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"}

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

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

package/lib/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;AAY/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAwGtC,CAAC"}