@fluentui-react-native/tester-core 0.1.1

package/lib-commonjs/TestComponents/LinkV1/index.d.ts

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

package/lib-commonjs/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-commonjs/TestComponents/LinkV1/index.js

@@ -0,0 +1,29 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __exportStar =
+  (this && this.__exportStar) ||
+  function (m, exports) {
+    for (var p in m) if (p !== 'default' && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+__exportStar(require('./LinkV1Test'), exports);
+//# sourceMappingURL=index.js.map

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

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

package/lib-commonjs/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-commonjs/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-commonjs/TestComponents/Menu/E2EMenuTest.js

@@ -0,0 +1,170 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.E2EMenuTest = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const React = __importStar(require('react'));
+const react_native_1 = require('react-native');
+const button_1 = require('@fluentui-react-native/button');
+const e2e_testing_1 = require('@fluentui-react-native/e2e-testing');
+const menu_1 = require('@fluentui-react-native/menu');
+const stack_1 = require('@fluentui-react-native/stack');
+const text_1 = require('@fluentui-react-native/text');
+const styles_1 = require('../Common/styles');
+const TestProps_1 = require('../Common/TestProps');
+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 jsx_runtime_1.jsxs(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: [
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: { flexDirection: 'row' },
+        children: [
+          menuOpened
+            ? jsx_runtime_1.jsx(
+                text_1.TextV1 /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */,
+                { ...(0, TestProps_1.testProps)(e2e_testing_1.MENU_ON_OPEN), children: 'Menu opened' },
+              )
+            : jsx_runtime_1.jsx(
+                text_1.TextV1 /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */,
+                { ...(0, TestProps_1.testProps)(e2e_testing_1.MENU_ON_CLOSE), children: 'Menu closed' },
+              ),
+          jsx_runtime_1.jsx(button_1.ButtonV1, {
+            onClick: onResetClick,
+            ...(0, TestProps_1.testProps)(e2e_testing_1.MENU_CALLBACK_RESET_BUTTON),
+            children: 'Reset Item Callback',
+          }),
+          jsx_runtime_1.jsxs(menu_1.Menu, {
+            open: menuOpened,
+            onOpenChange: onOpenChange,
+            children: [
+              jsx_runtime_1.jsx(menu_1.MenuTrigger, {
+                children: jsx_runtime_1.jsx(
+                  button_1.ButtonV1,
+                  /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                  { ...(0, TestProps_1.testProps)(e2e_testing_1.MENUTRIGGER_TEST_COMPONENT), children: 'Test' },
+                ),
+              }),
+              jsx_runtime_1.jsx(
+                menu_1.MenuPopover,
+                /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                {
+                  ...(0, TestProps_1.testProps)(e2e_testing_1.MENUPOPOVER_TEST_COMPONENT),
+                  children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+                    children: [
+                      jsx_runtime_1.jsxs(menu_1.MenuGroup, {
+                        children: [
+                          jsx_runtime_1.jsx(menu_1.MenuItem, {
+                            onClick: onItemClick,
+                            accessibilityLabel: e2e_testing_1.MENUITEM_ACCESSIBILITY_LABEL,
+                            persistOnClick: true,
+                            ...(0, TestProps_1.testProps)(e2e_testing_1.MENUITEM_TEST_COMPONENT),
+                            children: 'A plain MenuItem',
+                          }),
+                          jsx_runtime_1.jsx(menu_1.MenuItem, {
+                            onClick: onItemClick,
+                            ...(0, TestProps_1.testProps)(e2e_testing_1.MENUITEM_DISABLED_COMPONENT),
+                            disabled: true,
+                            persistOnClick: true,
+                            children: 'A second disabled plain MenuItem',
+                          }),
+                        ],
+                      }),
+                      jsx_runtime_1.jsx(menu_1.MenuDivider, {}),
+                      jsx_runtime_1.jsxs(menu_1.MenuGroup, {
+                        children: [
+                          jsx_runtime_1.jsx(
+                            menu_1.MenuItem,
+                            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                            {
+                              ...(0, TestProps_1.testProps)(e2e_testing_1.MENUITEM_NO_A11Y_LABEL_COMPONENT),
+                              children: e2e_testing_1.MENUITEM_TEST_LABEL,
+                            },
+                          ),
+                          jsx_runtime_1.jsx(
+                            menu_1.MenuItem,
+                            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                            { ...(0, TestProps_1.testProps)(e2e_testing_1.MENUITEM_FOURTH_COMPONENT), children: 'A fourth plain MenuItem' },
+                          ),
+                        ],
+                      }),
+                    ],
+                  }),
+                },
+              ),
+            ],
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsx(text_1.TextV1, {
+        style: { marginVertical: 4 },
+        ...(0, TestProps_1.testProps)(e2e_testing_1.MENUITEM_CALLBACK_LABEL),
+        children: `onClick fired ${numOnClickCalls} times`,
+      }),
+    ],
+  });
+};
+exports.E2EMenuTest = E2EMenuTest;
+//# sourceMappingURL=E2EMenuTest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"E2EMenuTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Menu/E2EMenuTest.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAY,KAAK,kCAAc;AAC/B,+CAAoC;AAEpC,0DAAmE;AACnE,oEAa4C;AAC5C,sDAAyH;AACzH,wDAAqD;AACrD,sDAA6D;AAE7D,6CAA8C;AAC9C,mDAAgD;AAEzC,MAAM,WAAW,GAA4B,GAAG,EAAE,CAAC;IACxD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEhE,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,EAAO,EAAE,MAAe,EAAE,EAAE,CAAC;QAC5B,aAAa,CAAC,MAAM,CAAC,CAAC;IAAA,CACvB,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC;QACxB,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAAA,CAClC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC;QACzB,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAAA,CACvB,CAAC;IAEF,OAAO,CACL,mBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;YACtB,mBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,aAClC,UAAU,CAAC,CAAC,CAAC,CACZ,kBAAC,aAAI,CAAC,6FAA6F,OAAK,IAAA,qBAAS,EAAC,0BAAY,CAAC,4BAExH,CACR,CAAC,CAAC,CAAC,CACF,kBAAC,aAAI,CAAC,6FAA6F,OAAK,IAAA,qBAAS,EAAC,2BAAa,CAAC,4BAEzH,CACR,EACD,kBAAC,iBAAM,IACL,OAAO,EAAE,YAAY,KAC6E,IAAA,qBAAS,EACzG,wCAA0B,CAC3B,oCAGM,EACT,mBAAC,WAAI,IAAC,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY;4BAChD,kBAAC,kBAAW,cACV,kBAAC,iBAAM;gCACL,6FAA6F;uCACzF,IAAA,qBAAS,EAAC,wCAA0B,CAAC,qBAGlC,GACG,EACd,kBAAC,kBAAW;4BACV,6FAA6F;mCACzF,IAAA,qBAAS,EAAC,wCAA0B,CAAC,YAEzC,mBAAC,eAAQ;wCACP,mBAAC,gBAAS;gDACR,kBAAC,eAAQ,IACP,OAAO,EAAE,WAAW,EACpB,kBAAkB,EAAE,0CAA4B,EAChD,cAAc,WAEV,IAAA,qBAAS,EAAC,qCAAuB,CAAC,iCAG7B,EACX,kBAAC,eAAQ,IACP,OAAO,EAAE,WAAW,KAEhB,IAAA,qBAAS,EAAC,yCAA2B,CAAC,EAC1C,QAAQ,QACR,cAAc,uDAGL;gDACD,EACZ,kBAAC,kBAAW,KAAG,EACf,mBAAC,gBAAS;gDACR,kBAAC,eAAQ;gDACP,6FAA6F;uDACzF,IAAA,qBAAS,EAAC,8CAAgC,CAAC,YAE9C,iCAAmB,GACX,EACX,kBAAC,eAAQ;gDACP,6FAA6F;uDACzF,IAAA,qBAAS,EAAC,uCAAyB,CAAC,wCAG/B;gDACD;wCACH,GACC;4BACT;oBACF,EACP,kBAAC,aAAI,IACH,KAAK,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE,KAExB,IAAA,qBAAS,EAAC,qCAAuB,CAAC,YAErC,iBAAiB,eAAe,QAAQ,GACpC;YACD,CACT,CAAC;AAAA,CACH,CAAC;AArGW,QAAA,WAAW,GAAX,WAAW,CAqGtB"}

package/lib-commonjs/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-commonjs/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-commonjs/TestComponents/Menu/MenuComponentOutsideMenuList.js

@@ -0,0 +1,31 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.MenuComponentOutsideMenuList = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_native_1 = require('@fluentui/react-native');
+const menu_1 = require('@fluentui-react-native/menu');
+const stack_1 = require('@fluentui-react-native/stack');
+const styles_1 = require('../Common/styles');
+const MenuComponentOutsideMenuList = () => {
+  return jsx_runtime_1.jsx(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: jsx_runtime_1.jsxs(menu_1.Menu, {
+      children: [
+        jsx_runtime_1.jsx(menu_1.MenuTrigger, { children: jsx_runtime_1.jsx(react_native_1.ButtonV1, { children: 'The Menu' }) }),
+        jsx_runtime_1.jsxs(menu_1.MenuPopover, {
+          children: [
+            jsx_runtime_1.jsxs(menu_1.MenuList, {
+              children: [
+                jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }),
+                jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem 2' }),
+              ],
+            }),
+            jsx_runtime_1.jsx(react_native_1.ButtonV1, { children: 'Not in arrow loop' }),
+          ],
+        }),
+      ],
+    }),
+  });
+};
+exports.MenuComponentOutsideMenuList = MenuComponentOutsideMenuList;
+//# sourceMappingURL=MenuComponentOutsideMenuList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuComponentOutsideMenuList.js","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuComponentOutsideMenuList.tsx"],"names":[],"mappings":";;;;AAEA,yDAA4D;AAC5D,sDAAiG;AACjG,wDAAqD;AAErD,6CAA8C;AAEvC,MAAM,4BAA4B,GAA4B,GAAG,EAAE,CAAC;IACzE,OAAO,CACL,kBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU,YACtB,mBAAC,WAAI;gBACH,kBAAC,kBAAW,cACV,kBAAC,uBAAM,2BAAkB,GACb,EACd,mBAAC,kBAAW;wBACV,mBAAC,eAAQ;gCACP,kBAAC,eAAQ,mCAA4B,EACrC,kBAAC,eAAQ,qCAA8B;gCAC9B,EACX,kBAAC,uBAAM,oCAA2B;wBACtB;gBACT,GACD,CACT,CAAC;AAAA,CACH,CAAC;AAjBW,QAAA,4BAA4B,GAA5B,4BAA4B,CAiBvC"}

package/lib-commonjs/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-commonjs/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-commonjs/TestComponents/Menu/MenuIcons.js

@@ -0,0 +1,47 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.MenuIcons = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_native_1 = require('react-native');
+const react_native_2 = require('@fluentui/react-native');
+const menu_1 = require('@fluentui-react-native/menu');
+const stack_1 = require('@fluentui-react-native/stack');
+const iconExamples_1 = require('../Common/iconExamples');
+const styles_1 = require('../Common/styles');
+const fontBuiltInProps = {
+  fontFamily: 'Arial',
+  codepoint: 0x2663,
+};
+const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
+const MenuIcons = () => {
+  return jsx_runtime_1.jsx(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: jsx_runtime_1.jsxs(menu_1.Menu, {
+      hasIcons: true,
+      children: [
+        jsx_runtime_1.jsx(menu_1.MenuTrigger, { children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Items with icons' }) }),
+        jsx_runtime_1.jsx(menu_1.MenuPopover, {
+          children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+            children: [
+              jsx_runtime_1.jsx(menu_1.MenuItem, { icon: { source: iconExamples_1.testImage }, children: 'Option 1 image icon' }),
+              jsx_runtime_1.jsx(menu_1.MenuItem, {
+                icon: { fontSource: { ...fontBuiltInProps, style: { textAlign: 'center', marginTop: -1 } } },
+                children: 'Option 2 font icon',
+              }),
+              svgIconsEnabled &&
+                jsx_runtime_1.jsx(menu_1.MenuItem, { icon: { svgSource: iconExamples_1.svgProps }, children: 'Option 3 svg icon' }),
+              jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'Option 4 no icon' }),
+              jsx_runtime_1.jsx(menu_1.MenuItemCheckbox, {
+                icon: { source: iconExamples_1.testImage },
+                name: 'Option4',
+                children: 'Option 5 checkbox',
+              }),
+            ],
+          }),
+        }),
+      ],
+    }),
+  });
+};
+exports.MenuIcons = MenuIcons;
+//# sourceMappingURL=MenuIcons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuIcons.js","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuIcons.tsx"],"names":[],"mappings":";;;;AACA,+CAAwC;AAExC,yDAA4D;AAC5D,sDAAmH;AACnH,wDAAqD;AAErD,yDAA6D;AAC7D,6CAA8C;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,uBAAQ,CAAC,EAAY,CAAC,CAAC;AAEtF,MAAM,SAAS,GAA4B,GAAG,EAAE,CAAC;IACtD,OAAO,CACL,kBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU,YACtB,mBAAC,WAAI,IAAC,QAAQ;gBACZ,kBAAC,kBAAW,cACV,kBAAC,uBAAM,mCAA0B,GACrB,EACd,kBAAC,kBAAW,cACV,mBAAC,eAAQ;4BACP,kBAAC,eAAQ,IAAC,IAAI,EAAE,EAAE,MAAM,EAAE,wBAAS,EAAE,oCAAgC,EACrE,kBAAC,eAAQ,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,kBAAC,eAAQ,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,uBAAQ,EAAE,kCAA8B,EACzF,kBAAC,eAAQ,mCAA4B,EACrC,kBAAC,uBAAgB,IAAC,IAAI,EAAE,EAAE,MAAM,EAAE,wBAAS,EAAE,EAAE,IAAI,EAAC,SAAS,kCAE1C;4BACV,GACC;gBACT,GACD,CACT,CAAC;AAAA,CACH,CAAC;AAvBW,QAAA,SAAS,GAAT,SAAS,CAuBpB"}

package/lib-commonjs/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-commonjs/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-commonjs/TestComponents/Menu/MenuRefs.js

@@ -0,0 +1,85 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.MenuTriggerChildRef = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const React = __importStar(require('react'));
+const react_native_1 = require('@fluentui/react-native');
+const menu_1 = require('@fluentui-react-native/menu');
+const stack_1 = require('@fluentui-react-native/stack');
+const styles_1 = require('../Common/styles');
+const MenuTriggerChildRef = () => {
+  const ref = React.useRef(null);
+  const onClick = React.useCallback(() => {
+    ref?.current?.focus();
+  }, [ref]);
+  return jsx_runtime_1.jsxs(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: [
+      jsx_runtime_1.jsx(react_native_1.ButtonV1, { onClick: onClick, children: 'Click to focus Menu trigger' }),
+      jsx_runtime_1.jsxs(menu_1.Menu, {
+        children: [
+          jsx_runtime_1.jsx(menu_1.MenuTrigger, {
+            children: jsx_runtime_1.jsx(react_native_1.ButtonV1, { componentRef: ref, children: 'The Menu' }),
+          }),
+          jsx_runtime_1.jsx(menu_1.MenuPopover, {
+            children: jsx_runtime_1.jsx(menu_1.MenuList, {
+              children: jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }),
+            }),
+          }),
+        ],
+      }),
+    ],
+  });
+};
+exports.MenuTriggerChildRef = MenuTriggerChildRef;
+//# sourceMappingURL=MenuRefs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRefs.js","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuRefs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAY,KAAK,kCAAc;AAE/B,yDAA4D;AAC5D,sDAAiG;AACjG,wDAAqD;AAErD,6CAA8C;AAEvC,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,mBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;YACtB,kBAAC,uBAAM,IAAC,OAAO,EAAE,OAAO,4CAAsC,EAE9D,mBAAC,WAAI;oBACH,kBAAC,kBAAW,cACV,kBAAC,uBAAM,IAAC,YAAY,EAAE,GAAG,yBAAmB,GAChC,EACd,kBAAC,kBAAW,cACV,kBAAC,eAAQ,cACP,kBAAC,eAAQ,mCAA4B,GAC5B,GACC;oBACT;YACD,CACT,CAAC;AAAA,CACH,CAAC;AAtBW,QAAA,mBAAmB,GAAnB,mBAAmB,CAsB9B"}

package/lib-commonjs/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-commonjs/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-commonjs/TestComponents/Menu/MenuScrollView.js

@@ -0,0 +1,159 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.MenuScrollView = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_1 = __importStar(require('react'));
+const react_native_1 = require('react-native');
+const react_native_2 = require('@fluentui/react-native');
+const menu_1 = require('@fluentui-react-native/menu');
+const stack_1 = require('@fluentui-react-native/stack');
+const styles_1 = require('../Common/styles');
+const styles_2 = require('../Common/styles');
+const styles = react_native_1.StyleSheet.create({
+  menuContainerRow: { flexDirection: 'row' },
+  menuMargin: { marginRight: 20 },
+});
+const MenuScrollView = () => {
+  const [data, setData] = (0, react_1.useState)([
+    jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'MenuItem 1' }, 1),
+    jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'MenuItem 2' }, 2),
+    jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'MenuItem 3' }, 3),
+    jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'MenuItem 4' }, 4),
+    jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'MenuItem 5' }, 5),
+  ]);
+  const insertOnClick = react_1.default.useCallback(() => {
+    data.push(jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'MenuItem' }, Math.random()));
+    const newList = [...data];
+    setData(newList);
+  }, [data]);
+  const popOnClick = react_1.default.useCallback(() => {
+    if (data.length > 0) {
+      data.pop();
+      const newList = [...data];
+      setData(newList);
+    }
+  }, [data]);
+  const [maxHeight, setMaxHeight] = (0, react_1.useState)(800);
+  const menuItems = [];
+  for (let i = 0; i < 40; i++) {
+    menuItems.push(jsx_runtime_1.jsxs(menu_1.MenuItem, { children: ['MenuItem ', i] }, i));
+  }
+  return jsx_runtime_1.jsxs(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: [
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles.menuContainerRow,
+        children: [
+          jsx_runtime_1.jsx(react_native_1.TextInput, {
+            accessibilityLabel: 'Max height for menu',
+            style: [styles_2.commonTestStyles.textBox, styles.menuMargin],
+            placeholder: 'Max height for menu',
+            blurOnSubmit: true,
+            onSubmitEditing: (e) => {
+              setMaxHeight(parseInt(e.nativeEvent.text));
+            },
+          }),
+          jsx_runtime_1.jsxs(menu_1.Menu, {
+            children: [
+              jsx_runtime_1.jsx(menu_1.MenuTrigger, {
+                children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Custom height' }),
+              }),
+              jsx_runtime_1.jsx(menu_1.MenuPopover, {
+                maxHeight: maxHeight,
+                children: jsx_runtime_1.jsx(menu_1.MenuList, { children: menuItems }),
+              }),
+            ],
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles.menuContainerRow,
+        children: [
+          jsx_runtime_1.jsx(react_native_2.ButtonV1, { appearance: 'subtle', onClick: insertOnClick, children: 'Add new menu item' }),
+          jsx_runtime_1.jsx(react_native_2.ButtonV1, { appearance: 'subtle', onClick: popOnClick, children: 'Remove last menu item' }),
+          jsx_runtime_1.jsxs(menu_1.Menu, {
+            children: [
+              jsx_runtime_1.jsx(menu_1.MenuTrigger, {
+                children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Mutable Menu: MaxHeight 250 ' }),
+              }),
+              jsx_runtime_1.jsx(menu_1.MenuPopover, { maxHeight: 250, children: jsx_runtime_1.jsx(menu_1.MenuList, { children: data }) }),
+            ],
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(menu_1.Menu, {
+        children: [
+          jsx_runtime_1.jsx(menu_1.MenuTrigger, {
+            children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Height: 100 minWidth: 250' }),
+          }),
+          jsx_runtime_1.jsx(menu_1.MenuPopover, {
+            maxHeight: 100,
+            minWidth: 250,
+            children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+              children: [
+                jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'MenuItem 1' }),
+                jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'MenuItem 2' }),
+                jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'MenuItem 3' }),
+                jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'MenuItem 4' }),
+                jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'MenuItem 5' }),
+                jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'MenuItem 6' }),
+              ],
+            }),
+          }),
+        ],
+      }),
+    ],
+  });
+};
+exports.MenuScrollView = MenuScrollView;
+//# sourceMappingURL=MenuScrollView.js.map

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