@fluentui/react-menu 0.0.0-nightly-20220302-0405.1

package/lib/utils/useOnMenuEnter.js

@@ -0,0 +1,72 @@
+import * as React from 'react';
+import { useEventCallback } from '@fluentui/react-utilities';
+import { elementContains } from '@fluentui/react-portal';
+/**
+ * Name of the custom event
+ */
+
+export const MENU_ENTER_EVENT = 'fuimenuenter';
+/**
+ * This hook works similarly to @see {useOnClickOutside}
+ *
+ * Problem: Trying to behave the same as system menus:
+ * When the mouse leaves a stack of nested menus the stack should not dismiss.
+ * However if the mouse leaves a stack of menus and enters a parent menu all its children menu should dismiss.
+ *
+ * We don't use the native mouseenter event because it would trigger too many times in the document
+ * Instead, dispatch custom DOM event from the menu so that it can bubble
+ * Each nested menu can use the listener to check if the event is from a child or parent menu
+ */
+
+export const useOnMenuMouseEnter = options => {
+  const {
+    refs,
+    callback,
+    element,
+    disabled
+  } = options; // Keep mouse event here because this is essentially a custom 'mouseenter' event
+
+  const listener = useEventCallback(ev => {
+    var _a;
+
+    const popoverRef = refs[0];
+    const someMenuPopover = ev.target; // someMenu is a child -> will always be contained because of vParents
+    // someMenu is a parent -> will always not be contained because no vParent
+    // someMenu is the current popover -> it will contain itself
+
+    const isOutsidePopover = !elementContains((_a = popoverRef.current) !== null && _a !== void 0 ? _a : null, someMenuPopover);
+
+    if (isOutsidePopover && !disabled) {
+      callback(ev);
+    }
+  });
+  React.useEffect(() => {
+    // eslint-disable-next-line eqeqeq
+    if (element == null) {
+      return;
+    }
+
+    if (!disabled) {
+      element.addEventListener(MENU_ENTER_EVENT, listener);
+    }
+
+    return () => {
+      element.removeEventListener(MENU_ENTER_EVENT, listener);
+    };
+  }, [listener, element, disabled]);
+};
+/**
+ * Dispatches the custom MouseEvent enter event. Similar to calling `el.click()`
+ * @param el element for the event target
+ * @param nativeEvent the native mouse event this is mapped to
+ */
+
+export const dispatchMenuEnterEvent = (el, nativeEvent) => {
+  el.dispatchEvent(new CustomEvent(MENU_ENTER_EVENT, {
+    bubbles: true,
+    detail: {
+      nativeEvent
+    }
+  }));
+};
+//# sourceMappingURL=useOnMenuEnter.js.map

package/lib/utils/useOnMenuEnter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/useOnMenuEnter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,2BAAjC;AACA,SAAS,eAAT,QAAgC,wBAAhC;AAGA;;AAEG;;AACH,OAAO,MAAM,gBAAgB,GAAG,cAAzB;AAEP;;;;;;;;;;AAUG;;AACH,OAAO,MAAM,mBAAmB,GAAI,OAAD,IAA8C;AAC/E,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA,QAAR;AAAkB,IAAA,OAAlB;AAA2B,IAAA;AAA3B,MAAwC,OAA9C,CAD+E,CAG/E;;AACA,QAAM,QAAQ,GAAG,gBAAgB,CAAE,EAAD,IAAmB;;;AACnD,UAAM,UAAU,GAAG,IAAI,CAAC,CAAD,CAAvB;AACA,UAAM,eAAe,GAAG,EAAE,CAAC,MAA3B,CAFmD,CAInD;AACA;AACA;;AACA,UAAM,gBAAgB,GAAG,CAAC,eAAe,CAAC,CAAA,EAAA,GAAA,UAAU,CAAC,OAAX,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,EAAlB,GAAsB,IAAvB,EAA6B,eAA7B,CAAzC;;AACA,QAAI,gBAAgB,IAAI,CAAC,QAAzB,EAAmC;AACjC,MAAA,QAAQ,CAAC,EAAD,CAAR;AACD;AACF,GAXgC,CAAjC;AAaA,EAAA,KAAK,CAAC,SAAN,CAAgB,MAAK;AACnB;AACA,QAAI,OAAO,IAAI,IAAf,EAAqB;AACnB;AACD;;AAUD,QAAI,CAAC,QAAL,EAAe;AACb,MAAA,OAAO,CAAC,gBAAR,CAAyB,gBAAzB,EAA2C,QAA3C;AACD;;AAED,WAAO,MAAK;AACV,MAAA,OAAO,CAAC,mBAAR,CAA4B,gBAA5B,EAA8C,QAA9C;AACD,KAFD;AAGD,GArBD,EAqBG,CAAC,QAAD,EAAW,OAAX,EAAoB,QAApB,CArBH;AAsBD,CAvCM;AAyCP;;;;AAIG;;AACH,OAAO,MAAM,sBAAsB,GAAG,CAAC,EAAD,EAAkB,WAAlB,KAA6C;AACjF,EAAA,EAAE,CAAC,aAAH,CAAiB,IAAI,WAAJ,CAAgB,gBAAhB,EAAkC;AAAE,IAAA,OAAO,EAAE,IAAX;AAAiB,IAAA,MAAM,EAAE;AAAE,MAAA;AAAF;AAAzB,GAAlC,CAAjB;AACD,CAFM","sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { elementContains } from '@fluentui/react-portal';\nimport type { UseOnClickOrScrollOutsideOptions } from '@fluentui/react-utilities';\n\n/**\n * Name of the custom event\n */\nexport const MENU_ENTER_EVENT = 'fuimenuenter';\n\n/**\n * This hook works similarly to @see {useOnClickOutside}\n *\n * Problem: Trying to behave the same as system menus:\n * When the mouse leaves a stack of nested menus the stack should not dismiss.\n * However if the mouse leaves a stack of menus and enters a parent menu all its children menu should dismiss.\n *\n * We don't use the native mouseenter event because it would trigger too many times in the document\n * Instead, dispatch custom DOM event from the menu so that it can bubble\n * Each nested menu can use the listener to check if the event is from a child or parent menu\n */\nexport const useOnMenuMouseEnter = (options: UseOnClickOrScrollOutsideOptions) => {\n  const { refs, callback, element, disabled } = options;\n\n  // Keep mouse event here because this is essentially a custom 'mouseenter' event\n  const listener = useEventCallback((ev: MouseEvent) => {\n    const popoverRef = refs[0];\n    const someMenuPopover = ev.target as HTMLElement;\n\n    // someMenu is a child -> will always be contained because of vParents\n    // someMenu is a parent -> will always not be contained because no vParent\n    // someMenu is the current popover -> it will contain itself\n    const isOutsidePopover = !elementContains(popoverRef.current ?? null, someMenuPopover);\n    if (isOutsidePopover && !disabled) {\n      callback(ev);\n    }\n  });\n\n  React.useEffect(() => {\n    // eslint-disable-next-line eqeqeq\n    if (element == null) {\n      return;\n    }\n\n    /**\n     * Because `addEventListener` type override falls back to 2nd definition (evt name is unknown string literal)\n     * evt is being typed as a base class of MouseEvent -> `Event`.\n     * This type is used to override `listener` calls to make TS happy\n     */\n\n    type ListenerOverride = (evt: Event) => void;\n\n    if (!disabled) {\n      element.addEventListener(MENU_ENTER_EVENT, listener as ListenerOverride);\n    }\n\n    return () => {\n      element.removeEventListener(MENU_ENTER_EVENT, listener as ListenerOverride);\n    };\n  }, [listener, element, disabled]);\n};\n\n/**\n * Dispatches the custom MouseEvent enter event. Similar to calling `el.click()`\n * @param el element for the event target\n * @param nativeEvent the native mouse event this is mapped to\n */\nexport const dispatchMenuEnterEvent = (el: HTMLElement, nativeEvent: MouseEvent) => {\n  el.dispatchEvent(new CustomEvent(MENU_ENTER_EVENT, { bubbles: true, detail: { nativeEvent } }));\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/Menu.d.ts

@@ -0,0 +1 @@
+export * from './components/Menu/index';

package/lib-commonjs/Menu.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/Menu/index"), exports);
+//# sourceMappingURL=Menu.js.map

package/lib-commonjs/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Menu.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Menu/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuDivider.d.ts

@@ -0,0 +1 @@
+export * from './components/MenuDivider/index';

package/lib-commonjs/MenuDivider.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/MenuDivider/index"), exports);
+//# sourceMappingURL=MenuDivider.js.map

package/lib-commonjs/MenuDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuDivider.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuDivider/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuGroup.d.ts

@@ -0,0 +1 @@
+export * from './components/MenuGroup/index';

package/lib-commonjs/MenuGroup.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/MenuGroup/index"), exports);
+//# sourceMappingURL=MenuGroup.js.map

package/lib-commonjs/MenuGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuGroup.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,8BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuGroup/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuGroupHeader.d.ts

@@ -0,0 +1 @@
+export * from './components/MenuGroupHeader/index';

package/lib-commonjs/MenuGroupHeader.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/MenuGroupHeader/index"), exports);
+//# sourceMappingURL=MenuGroupHeader.js.map

package/lib-commonjs/MenuGroupHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuGroupHeader.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuGroupHeader/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuItem.d.ts

@@ -0,0 +1 @@
+export * from './components/MenuItem/index';

package/lib-commonjs/MenuItem.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/MenuItem/index"), exports);
+//# sourceMappingURL=MenuItem.js.map

package/lib-commonjs/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuItem.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuItem/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuItemCheckbox.d.ts

@@ -0,0 +1 @@
+export * from './components/MenuItemCheckbox/index';

package/lib-commonjs/MenuItemCheckbox.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/MenuItemCheckbox/index"), exports);
+//# sourceMappingURL=MenuItemCheckbox.js.map

package/lib-commonjs/MenuItemCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuItemCheckbox.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuItemCheckbox/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuItemRadio.d.ts

@@ -0,0 +1 @@
+export * from './components/MenuItemRadio/index';

package/lib-commonjs/MenuItemRadio.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/MenuItemRadio/index"), exports);
+//# sourceMappingURL=MenuItemRadio.js.map

package/lib-commonjs/MenuItemRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuItemRadio.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuItemRadio/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuList.d.ts

@@ -0,0 +1 @@
+export * from './components/MenuList/index';

package/lib-commonjs/MenuList.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/MenuList/index"), exports);
+//# sourceMappingURL=MenuList.js.map

package/lib-commonjs/MenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuList.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuList/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuPopover.d.ts

@@ -0,0 +1 @@
+export * from './components/MenuPopover/index';

package/lib-commonjs/MenuPopover.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/MenuPopover/index"), exports);
+//# sourceMappingURL=MenuPopover.js.map

package/lib-commonjs/MenuPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuPopover.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuPopover/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuSplitGroup.d.ts

@@ -0,0 +1 @@
+export * from './components/MenuSplitGroup/index';

package/lib-commonjs/MenuSplitGroup.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/MenuSplitGroup/index"), exports);
+//# sourceMappingURL=MenuSplitGroup.js.map

package/lib-commonjs/MenuSplitGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuSplitGroup.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuSplitGroup/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuTrigger.d.ts

@@ -0,0 +1 @@
+export * from './components/MenuTrigger/index';

package/lib-commonjs/MenuTrigger.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/MenuTrigger/index"), exports);
+//# sourceMappingURL=MenuTrigger.js.map

package/lib-commonjs/MenuTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuTrigger.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuTrigger/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Menu/Menu.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { MenuProps } from './Menu.types';
+/**
+ * Wrapper component that manages state for a popup MenuList and a MenuTrigger
+ */
+export declare const Menu: React.FC<MenuProps>;

package/lib-commonjs/components/Menu/Menu.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Menu = void 0;
+
+const useMenu_1 = /*#__PURE__*/require("./useMenu");
+
+const useMenuContextValues_1 = /*#__PURE__*/require("./useMenuContextValues");
+
+const renderMenu_1 = /*#__PURE__*/require("./renderMenu");
+/**
+ * Wrapper component that manages state for a popup MenuList and a MenuTrigger
+ */
+
+
+const Menu = props => {
+  const state = useMenu_1.useMenu_unstable(props);
+  const contextValues = useMenuContextValues_1.useMenuContextValues_unstable(state);
+  return renderMenu_1.renderMenu_unstable(state, contextValues);
+};
+
+exports.Menu = Menu;
+exports.Menu.displayName = 'Menu';
+//# sourceMappingURL=Menu.js.map

package/lib-commonjs/components/Menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Menu/Menu.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,IAAI,GAAwB,KAAK,IAAG;AAC/C,QAAM,KAAK,GAAG,SAAA,CAAA,gBAAA,CAAiB,KAAjB,CAAd;AACA,QAAM,aAAa,GAAG,sBAAA,CAAA,6BAAA,CAA8B,KAA9B,CAAtB;AAEA,SAAO,YAAA,CAAA,mBAAA,CAAoB,KAApB,EAA2B,aAA3B,CAAP;AACD,CALM;;AAAM,OAAA,CAAA,IAAA,GAAI,IAAJ;AAOb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","sourcesContent":["import * as React from 'react';\nimport { useMenu_unstable } from './useMenu';\nimport { useMenuContextValues_unstable } from './useMenuContextValues';\nimport { renderMenu_unstable } from './renderMenu';\nimport type { MenuProps } from './Menu.types';\n\n/**\n * Wrapper component that manages state for a popup MenuList and a MenuTrigger\n */\nexport const Menu: React.FC<MenuProps> = props => {\n  const state = useMenu_unstable(props);\n  const contextValues = useMenuContextValues_unstable(state);\n\n  return renderMenu_unstable(state, contextValues);\n};\n\nMenu.displayName = 'Menu';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Menu/Menu.types.d.ts

@@ -0,0 +1,113 @@
+import * as React from 'react';
+import { ComponentProps, ComponentState } from '@fluentui/react-utilities';
+import { usePopperMouseTarget, PositioningShorthand } from '@fluentui/react-positioning';
+import { MenuListCommons } from '../MenuList/MenuList.types';
+import { MenuContextValue } from '../../contexts/menuContext';
+declare type MenuCommons = MenuListCommons & {
+    /**
+     * Whether the popup is open
+     */
+    open: boolean;
+    /**
+     * Call back when the component requests to change value
+     * The `open` value is used as a hint when directly controlling the component
+     */
+    onOpenChange?: (e: MenuOpenEvents, data: MenuOpenChangeData) => void;
+    /**
+     * Whether the popup is open by default
+     */
+    defaultOpen?: boolean;
+    openOnHover: boolean;
+    /**
+     * Opens the menu on right click (context menu), removes all other menu open interactions
+     */
+    openOnContext?: boolean;
+    /**
+     * Root menus are rendered out of DOM order on `document.body`, use this to render the menu in DOM order
+     * This option is disregarded for submenus
+     */
+    inline?: boolean;
+    /**
+     * Do not dismiss the menu when a menu item is clicked
+     */
+    persistOnItemClick?: boolean;
+    /**
+     * Sets the delay for mouse open/close for the popover one mouse enter/leave
+     */
+    hoverDelay?: number;
+};
+export declare type MenuSlots = {};
+/**
+ * Extends and drills down Menulist props to simplify API
+ */
+export declare type MenuProps = Partial<MenuCommons> & ComponentProps<MenuSlots> & {
+    /**
+     * Can contain two children including {@link MenuTrigger} and {@link MenuPopover}.
+     * Alternatively can only contain {@link MenuPopover} if using a custom `target`.
+     */
+    children: [JSX.Element, JSX.Element] | JSX.Element;
+    /**
+     * Configures the positioned menu
+     */
+    positioning?: PositioningShorthand;
+};
+export declare type MenuState = MenuCommons & ComponentState<MenuSlots> & {
+    /**
+     * Callback to open/close the popup
+     */
+    setOpen: (e: MenuOpenEvents, data: MenuOpenChangeData) => void;
+    /**
+     * Internal react node that just simplifies handling children
+     */
+    menuPopover: React.ReactNode;
+    /**
+     * Internal react node that just simplifies handling children
+     */
+    menuTrigger: React.ReactNode;
+    /**
+     * The ref for the popup
+     */
+    menuPopoverRef: React.MutableRefObject<HTMLElement>;
+    /**
+     * The ref for the MenuTrigger, used for popup positioning
+     */
+    triggerRef: React.MutableRefObject<HTMLElement>;
+    /**
+     * Id for the MenuTrigger element for aria relationship
+     */
+    triggerId: string;
+    /**
+     * Whether this menu is a submenu
+     */
+    isSubmenu: boolean;
+    /**
+     * Anchors the popper to the mouse click for context events
+     */
+    contextTarget: ReturnType<typeof usePopperMouseTarget>[0];
+    /**
+     * A callback to set the target of the popper to the mouse click for context events
+     */
+    setContextTarget: ReturnType<typeof usePopperMouseTarget>[1];
+};
+/**
+ * Data attached to open/close events
+ */
+export declare type MenuOpenChangeData = {
+    open: boolean;
+    /**
+     * Indicates whether the change of state was a keyboard interaction
+     */
+    keyboard?: boolean;
+    /**
+     * indicates whether the request for the open state was bubbled from a nested menu
+     */
+    bubble?: boolean;
+};
+export declare type MenuContextValues = {
+    menu: MenuContextValue;
+};
+/**
+ * The supported events that will trigger open/close of the menu
+ */
+export declare type MenuOpenEvents = MouseEvent | TouchEvent | React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.FocusEvent<HTMLElement>;
+export {};

package/lib-commonjs/components/Menu/Menu.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=Menu.types.js.map

package/lib-commonjs/components/Menu/Menu.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}

package/lib-commonjs/components/Menu/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Menu';
+export * from './Menu.types';
+export * from './renderMenu';
+export * from './useMenu';
+export * from './useMenuContextValues';

package/lib-commonjs/components/Menu/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./Menu"), exports);
+
+tslib_1.__exportStar(require("./Menu.types"), exports);
+
+tslib_1.__exportStar(require("./renderMenu"), exports);
+
+tslib_1.__exportStar(require("./useMenu"), exports);
+
+tslib_1.__exportStar(require("./useMenuContextValues"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/components/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Menu/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Menu';\nexport * from './Menu.types';\nexport * from './renderMenu';\nexport * from './useMenu';\nexport * from './useMenuContextValues';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Menu/renderMenu.d.ts

@@ -0,0 +1,5 @@
+import type { MenuContextValues, MenuState } from './Menu.types';
+/**
+ * Render the final JSX of Menu
+ */
+export declare const renderMenu_unstable: (state: MenuState, contextValues: MenuContextValues) => JSX.Element;

package/lib-commonjs/components/Menu/renderMenu.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderMenu_unstable = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const menuContext_1 = /*#__PURE__*/require("../../contexts/menuContext");
+/**
+ * Render the final JSX of Menu
+ */
+
+
+const renderMenu_unstable = (state, contextValues) => {
+  return React.createElement(menuContext_1.MenuProvider, {
+    value: contextValues.menu
+  }, state.menuTrigger, state.open && state.menuPopover);
+};
+
+exports.renderMenu_unstable = renderMenu_unstable;
+//# sourceMappingURL=renderMenu.js.map

package/lib-commonjs/components/Menu/renderMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Menu/renderMenu.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,mBAAmB,GAAG,CAAC,KAAD,EAAmB,aAAnB,KAAuD;AACxF,SACE,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,YAAD,EAAa;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAb,EACG,KAAK,CAAC,WADT,EAEG,KAAK,CAAC,IAAN,IAAc,KAAK,CAAC,WAFvB,CADF;AAMD,CAPM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourcesContent":["import * as React from 'react';\nimport { MenuProvider } from '../../contexts/menuContext';\nimport type { MenuContextValues, MenuState } from './Menu.types';\n\n/**\n * Render the final JSX of Menu\n */\nexport const renderMenu_unstable = (state: MenuState, contextValues: MenuContextValues) => {\n  return (\n    <MenuProvider value={contextValues.menu}>\n      {state.menuTrigger}\n      {state.open && state.menuPopover}\n    </MenuProvider>\n  );\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Menu/useMenu.d.ts

@@ -0,0 +1,10 @@
+import type { MenuProps, MenuState } from './Menu.types';
+/**
+ * Create the state required to render Menu.
+ *
+ * The returned state can be modified with hooks such as useMenuStyles,
+ * before being passed to renderMenu_unstable.
+ *
+ * @param props - props from this instance of Menu
+ */
+export declare const useMenu_unstable: (props: MenuProps) => MenuState;