@fluentui-react-native/tester 0.170.27 → 0.170.28

package/lib/TestComponents/LinkV1/InlineLinksTest.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { Alert } from 'react-native';
+import { LinkV1 as Link, TextV1 as Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../Common/styles';
+export const InlineLinks = () => {
+    const doPress = React.useCallback(() => Alert.alert('Alert.', 'You have been alerted.'), []);
+    const doA11yTap = React.useCallback(() => Alert.alert('Alert.', 'You have invoked onA11yTap.'), []);
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Text, null,
+            "Click",
+            ' ',
+            React.createElement(Link, { inline: true, onPress: doPress, onAccessibilityTap: doA11yTap }, "this link"),
+            ' ',
+            "to alert me."),
+        React.createElement(Text, null,
+            "This",
+            ' ',
+            React.createElement(Link, { inline: true, onPress: doPress, disabled: true, focusable: true }, "link"),
+            ' ',
+            "is disabled and not focusable."),
+        React.createElement(Text, null,
+            "Follow this",
+            ' ',
+            React.createElement(Link, { inline: true, url: "https://www.bing.com/" }, "link"),
+            ' ',
+            "to navigate.")));
+};
+//# sourceMappingURL=InlineLinksTest.js.map

package/lib/TestComponents/LinkV1/InlineLinksTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineLinksTest.js","sourceRoot":"","sources":["../../../src/TestComponents/LinkV1/InlineLinksTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,MAAM,WAAW,GAA4B,GAAG,EAAE;IACvD,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,wBAAwB,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7F,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,6BAA6B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpG,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,IAAI;;YACG,GAAG;YACT,oBAAC,IAAI,IAAC,MAAM,QAAC,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,gBAErD;YAAC,GAAG;2BAEN;QACP,oBAAC,IAAI;;YACE,GAAG;YACR,oBAAC,IAAI,IAAC,MAAM,QAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,QAAC,SAAS,iBAE1C;YAAC,GAAG;6CAEN;QACP,oBAAC,IAAI;;YACS,GAAG;YACf,oBAAC,IAAI,IAAC,MAAM,QAAC,GAAG,EAAC,uBAAuB,WAEjC;YAAC,GAAG;2BAEN,CACD,CACT,CAAC;AACJ,CAAC,CAAC"}

package/lib/TestComponents/LinkV1/LinkV1Test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkV1Test.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/LinkV1/LinkV1Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsL/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAa9B,CAAC"}

package/lib/TestComponents/LinkV1/LinkV1Test.js

@@ -0,0 +1,123 @@
+import * as React from 'react';
+import { Alert, View, StyleSheet, Text, TextInput } from 'react-native';
+import { Platform } from 'react-native';
+import { LinkV1 as Link } from '@fluentui/react-native';
+import { LINKV1_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { Stack } from '@fluentui-react-native/stack';
+import { E2ELinkV1Test } from './E2ELinkV1Test';
+import { InlineLinks } from './InlineLinksTest';
+import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
+import { Test } from '../Test';
+const DefaultLinks = () => {
+    const doPress = React.useCallback(() => Alert.alert('Alert.', 'You have been alerted.'), []);
+    const doAllyTap = React.useCallback(() => Alert.alert('Alert.', 'You have invoked onAllyTap.'), []);
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Link, { tooltip: 'https://www.bing.com/', url: "https://www.bing.com/" }, "Click to navigate."),
+        React.createElement(Link, { onPress: doPress, onAccessibilityTap: doAllyTap }, "Click to alert."),
+        React.createElement(Link, { disabled: true }, "Disabled Link")));
+};
+const SubtleLinks = () => {
+    const doPress = React.useCallback(() => Alert.alert('Alert.', 'You have been alerted.'), []);
+    const doAllyTap = React.useCallback(() => Alert.alert('Alert.', 'You have invoked onAllyTap.'), []);
+    const supportsInlineLink = Platform.OS !== 'win32';
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Link, { appearance: "subtle", url: "https://www.bing.com/" }, "Click to navigate."),
+        supportsInlineLink && (React.createElement(Text, null,
+            "This is inline Link.",
+            ' ',
+            React.createElement(Link, { appearance: "subtle", inline: true, onPress: doPress, onAccessibilityTap: doAllyTap }, "Click to alert."))),
+        React.createElement(Link, { appearance: "subtle", onPress: doPress, disabled: true }, "Disabled Link")));
+};
+const styles = StyleSheet.create({
+    tokensRow: {
+        flexDirection: 'row',
+        marginBottom: 10,
+    },
+    tokensColumn: {
+        flexDirection: 'column',
+        margin: 10,
+    },
+});
+const BlueHeaderBold = Link.customize({ variant: 'headerStandard', fontWeight: '700', color: '#0229c4', textAlign: 'right' });
+const CustomLinks = () => {
+    const [linkColor, setLinkColor] = React.useState('blue');
+    const [linkFont, setLinkFont] = React.useState('Ariel');
+    const [linkFontSize, setLinkFontSize] = React.useState(12);
+    const [linkText, setLinkText] = React.useState('Click to Navigate');
+    const [linkUrl, setLinkUrl] = React.useState('https://www.bing.com/');
+    const CustomLink = React.useMemo(() => {
+        const tokens = {
+            color: linkColor,
+            fontFamily: linkFont,
+            fontSize: linkFontSize,
+        };
+        return Link.customize(tokens);
+    }, [linkColor, linkFont, linkFontSize]);
+    return (React.createElement(View, { style: styles.tokensColumn },
+        React.createElement(View, { style: styles.tokensRow },
+            React.createElement(View, null,
+                React.createElement(Text, null, "Text Tokens"),
+                React.createElement(TextInput, { accessibilityLabel: "Link color", style: commonStyles.textBox, placeholder: "Link color", blurOnSubmit: true, onSubmitEditing: (e) => {
+                        setLinkColor(e.nativeEvent.text);
+                    } }),
+                React.createElement(TextInput, { accessibilityLabel: "Link font", style: commonStyles.textBox, placeholder: "Link font", blurOnSubmit: true, onSubmitEditing: (e) => {
+                        setLinkFont(e.nativeEvent.text);
+                    } }),
+                React.createElement(TextInput, { accessibilityLabel: "Link font size", style: commonStyles.textBox, placeholder: "Link font size", blurOnSubmit: true, onSubmitEditing: (e) => {
+                        setLinkFontSize(parseInt(e.nativeEvent.text));
+                    } })),
+            React.createElement(View, null,
+                React.createElement(Text, null, "Content and URL customize"),
+                React.createElement(TextInput, { accessibilityLabel: "Link text", style: commonStyles.textBox, placeholder: "Link text", blurOnSubmit: true, onSubmitEditing: (e) => {
+                        setLinkText(e.nativeEvent.text);
+                    } }),
+                React.createElement(TextInput, { accessibilityLabel: "Link Url", style: commonStyles.textBox, placeholder: "Link URL", blurOnSubmit: true, onSubmitEditing: (e) => {
+                        setLinkUrl(e.nativeEvent.text);
+                    } }))),
+        React.createElement(CustomLink, { align: "end", url: linkUrl }, linkText),
+        React.createElement(BlueHeaderBold, null, "BlueHeaderBold")));
+};
+const linkSections = [
+    {
+        name: 'Default Links',
+        testID: LINKV1_TESTPAGE,
+        component: DefaultLinks,
+    },
+    {
+        name: 'Inline Links',
+        component: InlineLinks,
+    },
+    Platform.select({
+        // As per design discussion, there is no use case for subtle link on Android, no tokens available for the same.
+        android: null,
+        default: {
+            name: 'Subtle Links',
+            component: SubtleLinks,
+        },
+    }),
+    Platform.select({
+        android: null,
+        default: {
+            name: 'Custom Link',
+            component: CustomLinks,
+        },
+    }),
+];
+const e2eSections = [
+    {
+        name: 'Link E2E Test',
+        component: E2ELinkV1Test,
+    },
+];
+export const LinkV1Test = () => {
+    const status = {
+        win32Status: 'Production',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Production',
+        macosStatus: 'Production',
+        androidStatus: 'Production',
+    };
+    const description = 'With a Link, users can navigate to another page, window, or Help topic; display a definition; initiate a command; or choose an option. A Link indicates that it can be clicked, typically by being displayed using the visited or unvisited link system colors. Traditionally, Links are underlined as well, but that approach is often unnecessary and falling out of favor to reduce visual clutter.\n\nA Link is the lightest weight clickable control, and is often used to reduce the visual complexity of a design.';
+    return React.createElement(Test, { name: "LinkV1 Test", description: description, sections: linkSections, status: status, e2eSections: e2eSections });
+};
+//# sourceMappingURL=LinkV1Test.js.map

package/lib/TestComponents/LinkV1/LinkV1Test.js.map

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

package/lib/TestComponents/LinkV1/index.d.ts.map

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

package/lib/TestComponents/LinkV1/index.js.map

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

package/lib/TestComponents/Menu/E2EMenuTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EMenuTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Menu/E2EMenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAqG/B,CAAC"}

package/lib/TestComponents/Menu/E2EMenuTest.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { MENUITEM_ACCESSIBILITY_LABEL, MENUITEM_NO_A11Y_LABEL_COMPONENT, MENUTRIGGER_TEST_COMPONENT, MENUITEM_TEST_LABEL, MENU_ON_CLOSE, MENU_ON_OPEN, MENUITEM_TEST_COMPONENT, MENUPOPOVER_TEST_COMPONENT, MENU_CALLBACK_RESET_BUTTON, MENUITEM_FOURTH_COMPONENT, MENUITEM_DISABLED_COMPONENT, MENUITEM_CALLBACK_LABEL, } from '@fluentui-react-native/e2e-testing';
+import { Menu, MenuDivider, MenuGroup, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui-react-native/menu';
+import { Stack } from '@fluentui-react-native/stack';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { stackStyle } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+export const E2EMenuTest = () => {
+    const [menuOpened, setMenuOpened] = React.useState(false);
+    const [numOnClickCalls, setNumOnClickCalls] = React.useState(0);
+    const onOpenChange = React.useCallback((_e, isOpen) => {
+        setMenuOpened(isOpen);
+    }, [setMenuOpened]);
+    const onItemClick = () => {
+        setNumOnClickCalls((n) => n + 1);
+    };
+    const onResetClick = () => {
+        setNumOnClickCalls(0);
+    };
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(View, { style: { flexDirection: 'row' } },
+            menuOpened ? (React.createElement(Text /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */, { ...testProps(MENU_ON_OPEN) }, "Menu opened")) : (React.createElement(Text /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */, { ...testProps(MENU_ON_CLOSE) }, "Menu closed")),
+            React.createElement(Button, { onClick: onResetClick, ...testProps(MENU_CALLBACK_RESET_BUTTON) }, "Reset Item Callback"),
+            React.createElement(Menu, { open: menuOpened, onOpenChange: onOpenChange },
+                React.createElement(MenuTrigger, null,
+                    React.createElement(Button
+                    /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                    , { ...testProps(MENUTRIGGER_TEST_COMPONENT) }, "Test")),
+                React.createElement(MenuPopover
+                /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                , { ...testProps(MENUPOPOVER_TEST_COMPONENT) },
+                    React.createElement(MenuList, null,
+                        React.createElement(MenuGroup, null,
+                            React.createElement(MenuItem, { onClick: onItemClick, accessibilityLabel: MENUITEM_ACCESSIBILITY_LABEL, persistOnClick: true, ...testProps(MENUITEM_TEST_COMPONENT) }, "A plain MenuItem"),
+                            React.createElement(MenuItem, { onClick: onItemClick, ...testProps(MENUITEM_DISABLED_COMPONENT), disabled: true, persistOnClick: true }, "A second disabled plain MenuItem")),
+                        React.createElement(MenuDivider, null),
+                        React.createElement(MenuGroup, null,
+                            React.createElement(MenuItem
+                            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                            , { ...testProps(MENUITEM_NO_A11Y_LABEL_COMPONENT) }, MENUITEM_TEST_LABEL),
+                            React.createElement(MenuItem
+                            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                            , { ...testProps(MENUITEM_FOURTH_COMPONENT) }, "A fourth plain MenuItem")))))),
+        React.createElement(Text, { style: { marginVertical: 4 }, ...testProps(MENUITEM_CALLBACK_LABEL) }, `onClick fired ${numOnClickCalls} times`)));
+};
+//# sourceMappingURL=E2EMenuTest.js.map

package/lib/TestComponents/Menu/E2EMenuTest.js.map

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

package/lib/TestComponents/Menu/MenuComponentOutsideMenuList.d.ts.map

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

package/lib/TestComponents/Menu/MenuComponentOutsideMenuList.js

@@ -0,0 +1,17 @@
+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 { stackStyle } from '../Common/styles';
+export const MenuComponentOutsideMenuList = () => {
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Menu, null,
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null, "The Menu")),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItem, null, "A plain MenuItem"),
+                    React.createElement(MenuItem, null, "A plain MenuItem 2")),
+                React.createElement(Button, null, "Not in arrow loop")))));
+};
+//# sourceMappingURL=MenuComponentOutsideMenuList.js.map

package/lib/TestComponents/Menu/MenuComponentOutsideMenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuComponentOutsideMenuList.js","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuComponentOutsideMenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/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;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,MAAM,4BAA4B,GAA4B,GAAG,EAAE;IACxE,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,IAAI;YACH,oBAAC,WAAW;gBACV,oBAAC,MAAM,mBAAkB,CACb;YACd,oBAAC,WAAW;gBACV,oBAAC,QAAQ;oBACP,oBAAC,QAAQ,2BAA4B;oBACrC,oBAAC,QAAQ,6BAA8B,CAC9B;gBACX,oBAAC,MAAM,4BAA2B,CACtB,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC"}

package/lib/TestComponents/Menu/MenuIcons.d.ts.map

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

package/lib/TestComponents/Menu/MenuIcons.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Platform } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui/react-native';
+import { Menu, MenuItem, MenuItemCheckbox, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
+import { Stack } from '@fluentui-react-native/stack';
+import { testImage, svgProps } from '../Common/iconExamples';
+import { stackStyle } from '../Common/styles';
+const fontBuiltInProps = {
+    fontFamily: 'Arial',
+    codepoint: 0x2663,
+};
+const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
+export const MenuIcons = () => {
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Menu, { hasIcons: true },
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null, "Items with icons")),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItem, { icon: { source: testImage } }, "Option 1 image icon"),
+                    React.createElement(MenuItem, { icon: { fontSource: { ...fontBuiltInProps, style: { textAlign: 'center', marginTop: -1 } } } }, "Option 2 font icon"),
+                    svgIconsEnabled && React.createElement(MenuItem, { icon: { svgSource: svgProps } }, "Option 3 svg icon"),
+                    React.createElement(MenuItem, null, "Option 4 no icon"),
+                    React.createElement(MenuItemCheckbox, { icon: { source: testImage }, name: "Option4" }, "Option 5 checkbox"))))));
+};
+//# sourceMappingURL=MenuIcons.js.map

package/lib/TestComponents/Menu/MenuIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuIcons.js","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACnH,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,gBAAgB,GAAG;IACvB,UAAU,EAAE,OAAO;IACnB,SAAS,EAAE,MAAM;CAClB,CAAC;AACF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;AAE7F,MAAM,CAAC,MAAM,SAAS,GAA4B,GAAG,EAAE;IACrD,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,IAAI,IAAC,QAAQ;YACZ,oBAAC,WAAW;gBACV,oBAAC,MAAM,2BAA0B,CACrB;YACd,oBAAC,WAAW;gBACV,oBAAC,QAAQ;oBACP,oBAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,0BAAgC;oBACrE,oBAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,GAAG,gBAAgB,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,yBAE3F;oBACV,eAAe,IAAI,oBAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,wBAA8B;oBACzF,oBAAC,QAAQ,2BAA4B;oBACrC,oBAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,IAAI,EAAC,SAAS,wBAE1C,CACV,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC"}

package/lib/TestComponents/Menu/MenuRefs.d.ts.map

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

package/lib/TestComponents/Menu/MenuRefs.js

@@ -0,0 +1,20 @@
+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 { stackStyle } from '../Common/styles';
+export const MenuTriggerChildRef = () => {
+    const ref = React.useRef(null);
+    const onClick = React.useCallback(() => {
+        ref?.current?.focus();
+    }, [ref]);
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Button, { onClick: onClick }, "Click to focus Menu trigger"),
+        React.createElement(Menu, null,
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, { componentRef: ref }, "The Menu")),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItem, null, "A plain MenuItem"))))));
+};
+//# sourceMappingURL=MenuRefs.js.map

package/lib/TestComponents/Menu/MenuRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRefs.js","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuRefs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/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;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,MAAM,mBAAmB,GAA4B,GAAG,EAAE;IAC/D,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACxB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,kCAAsC;QAE9D,oBAAC,IAAI;YACH,oBAAC,WAAW;gBACV,oBAAC,MAAM,IAAC,YAAY,EAAE,GAAG,eAAmB,CAChC;YACd,oBAAC,WAAW;gBACV,oBAAC,QAAQ;oBACP,oBAAC,QAAQ,2BAA4B,CAC5B,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC"}

package/lib/TestComponents/Menu/MenuScrollView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuScrollView.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAexC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAoFlC,CAAC"}

package/lib/TestComponents/Menu/MenuScrollView.js

@@ -0,0 +1,69 @@
+import React, { useState } from 'react';
+import { TextInput, StyleSheet, View } from 'react-native';
+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 { stackStyle } from '../Common/styles';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+const styles = StyleSheet.create({
+    menuContainerRow: { flexDirection: 'row' },
+    menuMargin: { marginRight: 20 },
+});
+export const MenuScrollView = () => {
+    const [data, setData] = useState([
+        React.createElement(MenuItem, { key: 1 }, "MenuItem 1"),
+        React.createElement(MenuItem, { key: 2 }, "MenuItem 2"),
+        React.createElement(MenuItem, { key: 3 }, "MenuItem 3"),
+        React.createElement(MenuItem, { key: 4 }, "MenuItem 4"),
+        React.createElement(MenuItem, { key: 5 }, "MenuItem 5"),
+    ]);
+    const insertOnClick = React.useCallback(() => {
+        data.push(React.createElement(MenuItem, { key: Math.random() }, "MenuItem"));
+        const newList = [...data];
+        setData(newList);
+    }, [data]);
+    const popOnClick = React.useCallback(() => {
+        if (data.length > 0) {
+            data.pop();
+            const newList = [...data];
+            setData(newList);
+        }
+    }, [data]);
+    const [maxHeight, setMaxHeight] = useState(800);
+    const menuItems = [];
+    for (let i = 0; i < 40; i++) {
+        menuItems.push(React.createElement(MenuItem, { key: i },
+            "MenuItem ",
+            i));
+    }
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(View, { style: styles.menuContainerRow },
+            React.createElement(TextInput, { accessibilityLabel: "Max height for menu", style: [commonStyles.textBox, styles.menuMargin], placeholder: "Max height for menu", blurOnSubmit: true, onSubmitEditing: (e) => {
+                    setMaxHeight(parseInt(e.nativeEvent.text));
+                } }),
+            React.createElement(Menu, null,
+                React.createElement(MenuTrigger, null,
+                    React.createElement(Button, null, "Custom height")),
+                React.createElement(MenuPopover, { maxHeight: maxHeight },
+                    React.createElement(MenuList, null, menuItems)))),
+        React.createElement(View, { style: styles.menuContainerRow },
+            React.createElement(Button, { appearance: "subtle", onClick: insertOnClick }, "Add new menu item"),
+            React.createElement(Button, { appearance: "subtle", onClick: popOnClick }, "Remove last menu item"),
+            React.createElement(Menu, null,
+                React.createElement(MenuTrigger, null,
+                    React.createElement(Button, null, "Mutable Menu: MaxHeight 250 ")),
+                React.createElement(MenuPopover, { maxHeight: 250 },
+                    React.createElement(MenuList, null, data)))),
+        React.createElement(Menu, null,
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null, "Height: 100 minWidth: 250")),
+            React.createElement(MenuPopover, { maxHeight: 100, minWidth: 250 },
+                React.createElement(MenuList, null,
+                    React.createElement(MenuItem, null, "MenuItem 1"),
+                    React.createElement(MenuItem, null, "MenuItem 2"),
+                    React.createElement(MenuItem, null, "MenuItem 3"),
+                    React.createElement(MenuItem, null, "MenuItem 4"),
+                    React.createElement(MenuItem, null, "MenuItem 5"),
+                    React.createElement(MenuItem, null, "MenuItem 6"))))));
+};
+//# sourceMappingURL=MenuScrollView.js.map

package/lib/TestComponents/Menu/MenuScrollView.js.map

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

package/lib/TestComponents/Menu/MenuTest.d.ts.map

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