@fluentui-react-native/tester-core 0.1.1

package/lib/TestComponents/LinkV1/LinkV1Test.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+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 _jsxs(Stack, {
+    style: stackStyle,
+    children: [
+      _jsx(Link, { tooltip: 'https://www.bing.com/', url: 'https://www.bing.com/', children: 'Click to navigate.' }),
+      _jsx(Link, { onPress: doPress, onAccessibilityTap: doAllyTap, children: 'Click to alert.' }),
+      _jsx(Link, { disabled: true, children: '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 _jsxs(Stack, {
+    style: stackStyle,
+    children: [
+      _jsx(Link, { appearance: 'subtle', url: 'https://www.bing.com/', children: 'Click to navigate.' }),
+      supportsInlineLink &&
+        _jsxs(Text, {
+          children: [
+            'This is inline Link.',
+            ' ',
+            _jsx(Link, {
+              appearance: 'subtle',
+              inline: true,
+              onPress: doPress,
+              onAccessibilityTap: doAllyTap,
+              children: 'Click to alert.',
+            }),
+          ],
+        }),
+      _jsx(Link, { appearance: 'subtle', onPress: doPress, disabled: true, children: '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 _jsxs(View, {
+    style: styles.tokensColumn,
+    children: [
+      _jsxs(View, {
+        style: styles.tokensRow,
+        children: [
+          _jsxs(View, {
+            children: [
+              _jsx(Text, { children: 'Text Tokens' }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Link color',
+                style: commonStyles.textBox,
+                placeholder: 'Link color',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setLinkColor(e.nativeEvent.text);
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Link font',
+                style: commonStyles.textBox,
+                placeholder: 'Link font',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setLinkFont(e.nativeEvent.text);
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Link font size',
+                style: commonStyles.textBox,
+                placeholder: 'Link font size',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setLinkFontSize(parseInt(e.nativeEvent.text));
+                },
+              }),
+            ],
+          }),
+          _jsxs(View, {
+            children: [
+              _jsx(Text, { children: 'Content and URL customize' }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Link text',
+                style: commonStyles.textBox,
+                placeholder: 'Link text',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setLinkText(e.nativeEvent.text);
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Link Url',
+                style: commonStyles.textBox,
+                placeholder: 'Link URL',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setLinkUrl(e.nativeEvent.text);
+                },
+              }),
+            ],
+          }),
+        ],
+      }),
+      _jsx(CustomLink, { align: 'end', url: linkUrl, children: linkText }),
+      _jsx(BlueHeaderBold, { children: '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 _jsx(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

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

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

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

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

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

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,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+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 _jsxs(Stack, {
+    style: stackStyle,
+    children: [
+      _jsxs(View, {
+        style: { flexDirection: 'row' },
+        children: [
+          menuOpened
+            ? _jsx(Text /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */, {
+                ...testProps(MENU_ON_OPEN),
+                children: 'Menu opened',
+              })
+            : _jsx(Text /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */, {
+                ...testProps(MENU_ON_CLOSE),
+                children: 'Menu closed',
+              }),
+          _jsx(Button, { onClick: onResetClick, ...testProps(MENU_CALLBACK_RESET_BUTTON), children: 'Reset Item Callback' }),
+          _jsxs(Menu, {
+            open: menuOpened,
+            onOpenChange: onOpenChange,
+            children: [
+              _jsx(MenuTrigger, {
+                children: _jsx(
+                  Button,
+                  /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                  { ...testProps(MENUTRIGGER_TEST_COMPONENT), children: 'Test' },
+                ),
+              }),
+              _jsx(
+                MenuPopover,
+                /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                {
+                  ...testProps(MENUPOPOVER_TEST_COMPONENT),
+                  children: _jsxs(MenuList, {
+                    children: [
+                      _jsxs(MenuGroup, {
+                        children: [
+                          _jsx(MenuItem, {
+                            onClick: onItemClick,
+                            accessibilityLabel: MENUITEM_ACCESSIBILITY_LABEL,
+                            persistOnClick: true,
+                            ...testProps(MENUITEM_TEST_COMPONENT),
+                            children: 'A plain MenuItem',
+                          }),
+                          _jsx(MenuItem, {
+                            onClick: onItemClick,
+                            ...testProps(MENUITEM_DISABLED_COMPONENT),
+                            disabled: true,
+                            persistOnClick: true,
+                            children: 'A second disabled plain MenuItem',
+                          }),
+                        ],
+                      }),
+                      _jsx(MenuDivider, {}),
+                      _jsxs(MenuGroup, {
+                        children: [
+                          _jsx(
+                            MenuItem,
+                            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                            { ...testProps(MENUITEM_NO_A11Y_LABEL_COMPONENT), children: MENUITEM_TEST_LABEL },
+                          ),
+                          _jsx(
+                            MenuItem,
+                            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                            { ...testProps(MENUITEM_FOURTH_COMPONENT), children: 'A fourth plain MenuItem' },
+                          ),
+                        ],
+                      }),
+                    ],
+                  }),
+                },
+              ),
+            ],
+          }),
+        ],
+      }),
+      _jsx(Text, {
+        style: { marginVertical: 4 },
+        ...testProps(MENUITEM_CALLBACK_LABEL),
+        children: `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

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

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,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+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 _jsx(Stack, {
+    style: stackStyle,
+    children: _jsxs(Menu, {
+      children: [
+        _jsx(MenuTrigger, { children: _jsx(Button, { children: 'The Menu' }) }),
+        _jsxs(MenuPopover, {
+          children: [
+            _jsxs(MenuList, {
+              children: [_jsx(MenuItem, { children: 'A plain MenuItem' }), _jsx(MenuItem, { children: 'A plain MenuItem 2' })],
+            }),
+            _jsx(Button, { children: '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":";AAEA,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,CAAC;IACzE,OAAO,CACL,KAAC,KAAK,IAAC,KAAK,EAAE,UAAU,YACtB,MAAC,IAAI;gBACH,KAAC,WAAW,cACV,KAAC,MAAM,2BAAkB,GACb,EACd,MAAC,WAAW;wBACV,MAAC,QAAQ;gCACP,KAAC,QAAQ,mCAA4B,EACrC,KAAC,QAAQ,qCAA8B;gCAC9B,EACX,KAAC,MAAM,oCAA2B;wBACtB;gBACT,GACD,CACT,CAAC;AAAA,CACH,CAAC"}

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

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

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,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+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 _jsx(Stack, {
+    style: stackStyle,
+    children: _jsxs(Menu, {
+      hasIcons: true,
+      children: [
+        _jsx(MenuTrigger, { children: _jsx(Button, { children: 'Items with icons' }) }),
+        _jsx(MenuPopover, {
+          children: _jsxs(MenuList, {
+            children: [
+              _jsx(MenuItem, { icon: { source: testImage }, children: 'Option 1 image icon' }),
+              _jsx(MenuItem, {
+                icon: { fontSource: { ...fontBuiltInProps, style: { textAlign: 'center', marginTop: -1 } } },
+                children: 'Option 2 font icon',
+              }),
+              svgIconsEnabled && _jsx(MenuItem, { icon: { svgSource: svgProps }, children: 'Option 3 svg icon' }),
+              _jsx(MenuItem, { children: 'Option 4 no icon' }),
+              _jsx(MenuItemCheckbox, { icon: { source: testImage }, name: 'Option4', children: '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":";AACA,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,CAAC;IACtD,OAAO,CACL,KAAC,KAAK,IAAC,KAAK,EAAE,UAAU,YACtB,MAAC,IAAI,IAAC,QAAQ;gBACZ,KAAC,WAAW,cACV,KAAC,MAAM,mCAA0B,GACrB,EACd,KAAC,WAAW,cACV,MAAC,QAAQ;4BACP,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,oCAAgC,EACrE,KAAC,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,mCAE3F,EACV,eAAe,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,kCAA8B,EACzF,KAAC,QAAQ,mCAA4B,EACrC,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,IAAI,EAAC,SAAS,kCAE1C;4BACV,GACC;gBACT,GACD,CACT,CAAC;AAAA,CACH,CAAC"}

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

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

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,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+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 _jsxs(Stack, {
+    style: stackStyle,
+    children: [
+      _jsx(Button, { onClick: onClick, children: 'Click to focus Menu trigger' }),
+      _jsxs(Menu, {
+        children: [
+          _jsx(MenuTrigger, { children: _jsx(Button, { componentRef: ref, children: 'The Menu' }) }),
+          _jsx(MenuPopover, { children: _jsx(MenuList, { children: _jsx(MenuItem, { children: '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,CAAC;IAChE,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QACtC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IAAA,CACvB,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,MAAC,KAAK,IAAC,KAAK,EAAE,UAAU;YACtB,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,4CAAsC,EAE9D,MAAC,IAAI;oBACH,KAAC,WAAW,cACV,KAAC,MAAM,IAAC,YAAY,EAAE,GAAG,yBAAmB,GAChC,EACd,KAAC,WAAW,cACV,KAAC,QAAQ,cACP,KAAC,QAAQ,mCAA4B,GAC5B,GACC;oBACT;YACD,CACT,CAAC;AAAA,CACH,CAAC"}

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

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

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,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+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([
+    _jsx(MenuItem, { children: 'MenuItem 1' }, 1),
+    _jsx(MenuItem, { children: 'MenuItem 2' }, 2),
+    _jsx(MenuItem, { children: 'MenuItem 3' }, 3),
+    _jsx(MenuItem, { children: 'MenuItem 4' }, 4),
+    _jsx(MenuItem, { children: 'MenuItem 5' }, 5),
+  ]);
+  const insertOnClick = React.useCallback(() => {
+    data.push(_jsx(MenuItem, { children: 'MenuItem' }, Math.random()));
+    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(_jsxs(MenuItem, { children: ['MenuItem ', i] }, i));
+  }
+  return _jsxs(Stack, {
+    style: stackStyle,
+    children: [
+      _jsxs(View, {
+        style: styles.menuContainerRow,
+        children: [
+          _jsx(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));
+            },
+          }),
+          _jsxs(Menu, {
+            children: [
+              _jsx(MenuTrigger, { children: _jsx(Button, { children: 'Custom height' }) }),
+              _jsx(MenuPopover, { maxHeight: maxHeight, children: _jsx(MenuList, { children: menuItems }) }),
+            ],
+          }),
+        ],
+      }),
+      _jsxs(View, {
+        style: styles.menuContainerRow,
+        children: [
+          _jsx(Button, { appearance: 'subtle', onClick: insertOnClick, children: 'Add new menu item' }),
+          _jsx(Button, { appearance: 'subtle', onClick: popOnClick, children: 'Remove last menu item' }),
+          _jsxs(Menu, {
+            children: [
+              _jsx(MenuTrigger, { children: _jsx(Button, { children: 'Mutable Menu: MaxHeight 250 ' }) }),
+              _jsx(MenuPopover, { maxHeight: 250, children: _jsx(MenuList, { children: data }) }),
+            ],
+          }),
+        ],
+      }),
+      _jsxs(Menu, {
+        children: [
+          _jsx(MenuTrigger, { children: _jsx(Button, { children: 'Height: 100 minWidth: 250' }) }),
+          _jsx(MenuPopover, {
+            maxHeight: 100,
+            minWidth: 250,
+            children: _jsxs(MenuList, {
+              children: [
+                _jsx(MenuItem, { children: 'MenuItem 1' }),
+                _jsx(MenuItem, { children: 'MenuItem 2' }),
+                _jsx(MenuItem, { children: 'MenuItem 3' }),
+                _jsx(MenuItem, { children: 'MenuItem 4' }),
+                _jsx(MenuItem, { children: 'MenuItem 5' }),
+                _jsx(MenuItem, { children: '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

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

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"}