@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib-commonjs/__tests__/Menu.test.js

@@ -1,353 +1,189 @@
-'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;
+"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 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;
+        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;
     };
-  })();
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
-Object.defineProperty(exports, '__esModule', { value: true });
-const jsx_runtime_1 = require('react/jsx-runtime');
-const button_1 = require('@fluentui-react-native/button');
-const renderer = __importStar(require('react-test-renderer'));
-const react_1 = require('react');
-const Menu_1 = require('../Menu/Menu');
-const MenuDivider_1 = require('../MenuDivider/MenuDivider');
-const MenuGroup_1 = require('../MenuGroup');
-const MenuGroupHeader_1 = require('../MenuGroupHeader');
-const MenuItem_1 = require('../MenuItem/MenuItem');
-const MenuItemCheckbox_1 = require('../MenuItemCheckbox/MenuItemCheckbox');
-const MenuItemRadio_1 = require('../MenuItemRadio/MenuItemRadio');
-const MenuList_1 = require('../MenuList/MenuList');
-const MenuPopover_1 = __importDefault(require('../MenuPopover/MenuPopover'));
-const MenuTrigger_1 = __importDefault(require('../MenuTrigger/MenuTrigger'));
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const button_1 = require("@fluentui-react-native/button");
+const renderer = __importStar(require("react-test-renderer"));
+const react_1 = require("react");
+const Menu_1 = require("../Menu/Menu");
+const MenuDivider_1 = require("../MenuDivider/MenuDivider");
+const MenuGroup_1 = require("../MenuGroup");
+const MenuGroupHeader_1 = require("../MenuGroupHeader");
+const MenuItem_1 = require("../MenuItem/MenuItem");
+const MenuItemCheckbox_1 = require("../MenuItemCheckbox/MenuItemCheckbox");
+const MenuItemRadio_1 = require("../MenuItemRadio/MenuItemRadio");
+const MenuList_1 = require("../MenuList/MenuList");
+const MenuPopover_1 = __importDefault(require("../MenuPopover/MenuPopover"));
+const MenuTrigger_1 = __importDefault(require("../MenuTrigger/MenuTrigger"));
 describe('Menu component tests', () => {
-  it('Menu default', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(
-        jsx_runtime_1.jsxs(Menu_1.Menu, {
-          children: [
-            jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: 'Default' }) }),
-            jsx_runtime_1.jsx(MenuPopover_1.default, {
-              children: jsx_runtime_1.jsx(MenuList_1.MenuList, {
-                children: jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: 'Option 1' }),
-              }),
-            }),
-          ],
-        }),
-      );
+    it('Menu default', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsxs(Menu_1.Menu, { children: [
+                    jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: "Default" }) }), jsx_runtime_1.jsx(MenuPopover_1.default, { children: jsx_runtime_1.jsx(MenuList_1.MenuList, { children: jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: "Option 1" }) }) })
+                ] }));
+        });
+        const tree = component.toJSON();
+        expect(tree).toMatchSnapshot();
     });
-    const tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Menu open', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(
-        jsx_runtime_1.jsxs(Menu_1.Menu, {
-          open: true,
-          children: [
-            jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: 'Open' }) }),
-            jsx_runtime_1.jsx(MenuPopover_1.default, {
-              children: jsx_runtime_1.jsx(MenuList_1.MenuList, {
-                children: jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: 'Option 1' }),
-              }),
-            }),
-          ],
-        }),
-      );
+    it('Menu open', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsxs(Menu_1.Menu, { open: true, children: [
+                    jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: "Open" }) }), jsx_runtime_1.jsx(MenuPopover_1.default, { children: jsx_runtime_1.jsx(MenuList_1.MenuList, { children: jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: "Option 1" }) }) })
+                ] }));
+        });
+        const tree = component.toJSON();
+        expect(tree).toMatchSnapshot();
     });
-    const tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Menu defaultOpen', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(
-        jsx_runtime_1.jsxs(Menu_1.Menu, {
-          defaultOpen: true,
-          children: [
-            jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: 'Open' }) }),
-            jsx_runtime_1.jsx(MenuPopover_1.default, {
-              children: jsx_runtime_1.jsx(MenuList_1.MenuList, {
-                children: jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: 'Option 1' }),
-              }),
-            }),
-          ],
-        }),
-      );
+    it('Menu defaultOpen', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsxs(Menu_1.Menu, { defaultOpen: true, children: [
+                    jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: "Open" }) }), jsx_runtime_1.jsx(MenuPopover_1.default, { children: jsx_runtime_1.jsx(MenuList_1.MenuList, { children: jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: "Option 1" }) }) })
+                ] }));
+        });
+        const tree = component.toJSON();
+        expect(tree).toMatchSnapshot();
     });
-    const tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Menu defaultOpen with disabled', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(
-        jsx_runtime_1.jsxs(Menu_1.Menu, {
-          defaultOpen: true,
-          children: [
-            jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: 'Open' }) }),
-            jsx_runtime_1.jsx(MenuPopover_1.default, {
-              children: jsx_runtime_1.jsxs(MenuList_1.MenuList, {
-                children: [
-                  jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: 'Option 1' }),
-                  jsx_runtime_1.jsx(MenuItem_1.MenuItem, { disabled: true, children: 'Option 2' }),
-                ],
-              }),
-            }),
-          ],
-        }),
-      );
+    it('Menu defaultOpen with disabled', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsxs(Menu_1.Menu, { defaultOpen: true, children: [
+                    jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: "Open" }) }), jsx_runtime_1.jsx(MenuPopover_1.default, { children: jsx_runtime_1.jsxs(MenuList_1.MenuList, { children: [
+                                jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: "Option 1" }), jsx_runtime_1.jsx(MenuItem_1.MenuItem, { disabled: true, children: "Option 2" })
+                            ] }) })
+                ] }));
+        });
+        const tree = component.toJSON();
+        expect(tree).toMatchSnapshot();
     });
-    const tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Menu open checkbox and divider', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(
-        jsx_runtime_1.jsxs(Menu_1.Menu, {
-          open: true,
-          children: [
-            jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: 'Open' }) }),
-            jsx_runtime_1.jsx(MenuPopover_1.default, {
-              children: jsx_runtime_1.jsxs(MenuList_1.MenuList, {
-                children: [
-                  jsx_runtime_1.jsx(MenuItemCheckbox_1.MenuItemCheckbox, { name: 'Option 1', children: 'Option 1' }),
-                  jsx_runtime_1.jsx(MenuDivider_1.MenuDivider, {}),
-                  jsx_runtime_1.jsx(MenuItemCheckbox_1.MenuItemCheckbox, { disabled: true, name: 'Option 2', children: 'Option 2' }),
-                ],
-              }),
-            }),
-          ],
-        }),
-      );
+    it('Menu open checkbox and divider', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsxs(Menu_1.Menu, { open: true, children: [
+                    jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: "Open" }) }), jsx_runtime_1.jsx(MenuPopover_1.default, { children: jsx_runtime_1.jsxs(MenuList_1.MenuList, { children: [
+                                jsx_runtime_1.jsx(MenuItemCheckbox_1.MenuItemCheckbox, { name: "Option 1", children: "Option 1" }), jsx_runtime_1.jsx(MenuDivider_1.MenuDivider, {}), jsx_runtime_1.jsx(MenuItemCheckbox_1.MenuItemCheckbox, { disabled: true, name: "Option 2", children: "Option 2" })
+                            ] }) })
+                ] }));
+        });
+        const tree = component.toJSON();
+        expect(tree).toMatchSnapshot();
     });
-    const tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Menu open radio', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(
-        jsx_runtime_1.jsxs(Menu_1.Menu, {
-          open: true,
-          children: [
-            jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: 'Open' }) }),
-            jsx_runtime_1.jsx(MenuPopover_1.default, {
-              children: jsx_runtime_1.jsxs(MenuList_1.MenuList, {
-                children: [
-                  jsx_runtime_1.jsx(MenuItemRadio_1.MenuItemRadio, { name: 'Option 1', children: 'Option 1' }),
-                  jsx_runtime_1.jsx(MenuItemRadio_1.MenuItemRadio, { name: 'Option 2', children: 'Option 2' }),
-                ],
-              }),
-            }),
-          ],
-        }),
-      );
+    it('Menu open radio', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsxs(Menu_1.Menu, { open: true, children: [
+                    jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: "Open" }) }), jsx_runtime_1.jsx(MenuPopover_1.default, { children: jsx_runtime_1.jsxs(MenuList_1.MenuList, { children: [
+                                jsx_runtime_1.jsx(MenuItemRadio_1.MenuItemRadio, { name: "Option 1", children: "Option 1" }), jsx_runtime_1.jsx(MenuItemRadio_1.MenuItemRadio, { name: "Option 2", children: "Option 2" })
+                            ] }) })
+                ] }));
+        });
+        const tree = component.toJSON();
+        expect(tree).toMatchSnapshot();
     });
-    const tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Menu open checkbox defaultChecked', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(
-        jsx_runtime_1.jsxs(Menu_1.Menu, {
-          open: true,
-          defaultChecked: ['Option 1'],
-          children: [
-            jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: 'Open' }) }),
-            jsx_runtime_1.jsx(MenuPopover_1.default, {
-              children: jsx_runtime_1.jsxs(MenuList_1.MenuList, {
-                children: [
-                  jsx_runtime_1.jsx(MenuItemCheckbox_1.MenuItemCheckbox, { name: 'Option 1', children: 'Option 1' }),
-                  jsx_runtime_1.jsx(MenuDivider_1.MenuDivider, {}),
-                  jsx_runtime_1.jsx(MenuItemCheckbox_1.MenuItemCheckbox, { name: 'Option 2', children: 'Option 2' }),
-                ],
-              }),
-            }),
-          ],
-        }),
-      );
+    it('Menu open checkbox defaultChecked', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsxs(Menu_1.Menu, { open: true, defaultChecked: ['Option 1'], children: [
+                    jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: "Open" }) }), jsx_runtime_1.jsx(MenuPopover_1.default, { children: jsx_runtime_1.jsxs(MenuList_1.MenuList, { children: [
+                                jsx_runtime_1.jsx(MenuItemCheckbox_1.MenuItemCheckbox, { name: "Option 1", children: "Option 1" }), jsx_runtime_1.jsx(MenuDivider_1.MenuDivider, {}), jsx_runtime_1.jsx(MenuItemCheckbox_1.MenuItemCheckbox, { name: "Option 2", children: "Option 2" })
+                            ] }) })
+                ] }));
+        });
+        const tree = component.toJSON();
+        expect(tree).toMatchSnapshot();
     });
-    const tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Menu open checkbox checked', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(
-        jsx_runtime_1.jsxs(Menu_1.Menu, {
-          open: true,
-          checked: ['Option 1'],
-          children: [
-            jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: 'Open' }) }),
-            jsx_runtime_1.jsx(MenuPopover_1.default, {
-              children: jsx_runtime_1.jsxs(MenuList_1.MenuList, {
-                children: [
-                  jsx_runtime_1.jsx(MenuItemCheckbox_1.MenuItemCheckbox, { name: 'Option 1', children: 'Option 1' }),
-                  jsx_runtime_1.jsx(MenuDivider_1.MenuDivider, {}),
-                  jsx_runtime_1.jsx(MenuItemCheckbox_1.MenuItemCheckbox, { name: 'Option 2', children: 'Option 2' }),
-                ],
-              }),
-            }),
-          ],
-        }),
-      );
+    it('Menu open checkbox checked', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsxs(Menu_1.Menu, { open: true, checked: ['Option 1'], children: [
+                    jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: "Open" }) }), jsx_runtime_1.jsx(MenuPopover_1.default, { children: jsx_runtime_1.jsxs(MenuList_1.MenuList, { children: [
+                                jsx_runtime_1.jsx(MenuItemCheckbox_1.MenuItemCheckbox, { name: "Option 1", children: "Option 1" }), jsx_runtime_1.jsx(MenuDivider_1.MenuDivider, {}), jsx_runtime_1.jsx(MenuItemCheckbox_1.MenuItemCheckbox, { name: "Option 2", children: "Option 2" })
+                            ] }) })
+                ] }));
+        });
+        const tree = component.toJSON();
+        expect(tree).toMatchSnapshot();
     });
-    const tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Menu submenu', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(
-        jsx_runtime_1.jsxs(Menu_1.Menu, {
-          open: true,
-          children: [
-            jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: 'Default' }) }),
-            jsx_runtime_1.jsx(MenuPopover_1.default, {
-              children: jsx_runtime_1.jsxs(MenuList_1.MenuList, {
-                children: [
-                  jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: 'Option 1' }),
-                  jsx_runtime_1.jsxs(Menu_1.Menu, {
-                    children: [
-                      jsx_runtime_1.jsx(MenuTrigger_1.default, {
-                        children: jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: 'Option 2' }),
-                      }),
-                      jsx_runtime_1.jsx(MenuPopover_1.default, {
-                        children: jsx_runtime_1.jsx(MenuList_1.MenuList, {
-                          children: jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: 'Option 1' }),
-                        }),
-                      }),
-                    ],
-                  }),
-                ],
-              }),
-            }),
-          ],
-        }),
-      );
+    it('Menu submenu', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsxs(Menu_1.Menu, { open: true, children: [
+                    jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: "Default" }) }), jsx_runtime_1.jsx(MenuPopover_1.default, { children: jsx_runtime_1.jsxs(MenuList_1.MenuList, { children: [
+                                jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: "Option 1" }), jsx_runtime_1.jsxs(Menu_1.Menu, { children: [
+                                        jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: "Option 2" }) }), jsx_runtime_1.jsx(MenuPopover_1.default, { children: jsx_runtime_1.jsx(MenuList_1.MenuList, { children: jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: "Option 1" }) }) })
+                                    ] })
+                            ] }) })
+                ] }));
+        });
+        const tree = component.toJSON();
+        expect(tree).toMatchSnapshot();
     });
-    const tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  // Note the capital T the "Tip" (in the snapshot)
-  // It is intentional as it matches the same prop in NetUI
-  it('Menu alwaysShowToolTip', () => {
+    // Note the capital T the "Tip" (in the snapshot)
+    // It is intentional as it matches the same prop in NetUI
+    it('Menu alwaysShowToolTip', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsxs(Menu_1.Menu, { children: [
+                    jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { tooltip: "A Tooltip", children: "Button" }) }), jsx_runtime_1.jsx(MenuPopover_1.default, { children: jsx_runtime_1.jsxs(MenuList_1.MenuList, { children: [
+                                jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: "Test" }), jsx_runtime_1.jsx(MenuItem_1.MenuItem, { tooltip: "Second", children: "With Tooltip" }), jsx_runtime_1.jsx(MenuItemRadio_1.MenuItemRadio, { name: "Radio", tooltip: "Third", children: "Radio Tooltip" }), jsx_runtime_1.jsx(MenuItemCheckbox_1.MenuItemCheckbox, { name: "Check", tooltip: "Fourth", children: "Checkbox Tooltip" })
+                            ] }) })
+                ] }));
+        });
+        const tree = component.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+});
+it('Menu open menu group and menu header', () => {
     let component;
     (0, react_1.act)(() => {
-      component = renderer.create(
-        jsx_runtime_1.jsxs(Menu_1.Menu, {
-          children: [
-            jsx_runtime_1.jsx(MenuTrigger_1.default, {
-              children: jsx_runtime_1.jsx(button_1.ButtonV1, { tooltip: 'A Tooltip', children: 'Button' }),
-            }),
-            jsx_runtime_1.jsx(MenuPopover_1.default, {
-              children: jsx_runtime_1.jsxs(MenuList_1.MenuList, {
-                children: [
-                  jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: 'Test' }),
-                  jsx_runtime_1.jsx(MenuItem_1.MenuItem, { tooltip: 'Second', children: 'With Tooltip' }),
-                  jsx_runtime_1.jsx(MenuItemRadio_1.MenuItemRadio, { name: 'Radio', tooltip: 'Third', children: 'Radio Tooltip' }),
-                  jsx_runtime_1.jsx(MenuItemCheckbox_1.MenuItemCheckbox, {
-                    name: 'Check',
-                    tooltip: 'Fourth',
-                    children: 'Checkbox Tooltip',
-                  }),
-                ],
-              }),
-            }),
-          ],
-        }),
-      );
+        component = renderer.create(jsx_runtime_1.jsxs(Menu_1.Menu, { open: true, children: [
+                jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: "Open" }) }), jsx_runtime_1.jsx(MenuPopover_1.default, { children: jsx_runtime_1.jsxs(MenuList_1.MenuList, { children: [
+                            jsx_runtime_1.jsxs(MenuGroup_1.MenuGroup, { children: [
+                                    jsx_runtime_1.jsx(MenuGroupHeader_1.MenuGroupHeader, { children: "Header 1" }), jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: "Option 1" })
+                                ] }), jsx_runtime_1.jsx(MenuDivider_1.MenuDivider, {}), jsx_runtime_1.jsxs(MenuGroup_1.MenuGroup, { children: [
+                                    jsx_runtime_1.jsx(MenuGroupHeader_1.MenuGroupHeader, { children: "Header 2" }), jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: "Option 1" })
+                                ] })
+                        ] }) })
+            ] }));
     });
     const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
-  });
-});
-it('Menu open menu group and menu header', () => {
-  let component;
-  (0, react_1.act)(() => {
-    component = renderer.create(
-      jsx_runtime_1.jsxs(Menu_1.Menu, {
-        open: true,
-        children: [
-          jsx_runtime_1.jsx(MenuTrigger_1.default, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: 'Open' }) }),
-          jsx_runtime_1.jsx(MenuPopover_1.default, {
-            children: jsx_runtime_1.jsxs(MenuList_1.MenuList, {
-              children: [
-                jsx_runtime_1.jsxs(MenuGroup_1.MenuGroup, {
-                  children: [
-                    jsx_runtime_1.jsx(MenuGroupHeader_1.MenuGroupHeader, { children: 'Header 1' }),
-                    jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: 'Option 1' }),
-                  ],
-                }),
-                jsx_runtime_1.jsx(MenuDivider_1.MenuDivider, {}),
-                jsx_runtime_1.jsxs(MenuGroup_1.MenuGroup, {
-                  children: [
-                    jsx_runtime_1.jsx(MenuGroupHeader_1.MenuGroupHeader, { children: 'Header 2' }),
-                    jsx_runtime_1.jsx(MenuItem_1.MenuItem, { children: 'Option 1' }),
-                  ],
-                }),
-              ],
-            }),
-          }),
-        ],
-      }),
-    );
-  });
-  const tree = component.toJSON();
-  expect(tree).toMatchSnapshot();
 });
-//# sourceMappingURL=Menu.test.js.map
+//# sourceMappingURL=Menu.test.js.map

package/lib-commonjs/consts.d.ts

@@ -1,2 +1,2 @@
 export declare const hoverDelayDefault: number;
-//# sourceMappingURL=consts.d.ts.map
+//# sourceMappingURL=consts.d.ts.map

package/lib-commonjs/consts.js

@@ -1,9 +1,9 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.hoverDelayDefault = void 0;
-const react_native_1 = require('react-native');
+const react_native_1 = require("react-native");
 exports.hoverDelayDefault = react_native_1.Platform.select({
-  macos: 100,
-  default: 500, // win32
+    macos: 100,
+    default: 500, // win32
 });
-//# sourceMappingURL=consts.js.map
+//# sourceMappingURL=consts.js.map

package/lib-commonjs/context/index.d.ts

@@ -3,4 +3,4 @@ export { MenuContext, MenuProvider, useMenuContext } from './menuContext';
 export type { MenuListContextValue } from './menuListContext';
 export { MenuListContext, MenuListProvider, useMenuListContext } from './menuListContext';
 export { MenuTriggerContext, MenuTriggerProvider, useMenuTriggerContext } from './menuTriggerContext';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map