@fluentui/react-menu 9.0.0-alpha.8 → 9.0.0-alpha.80

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

@@ -1,79 +1,73 @@
 import * as React from 'react';
-import { ObjectShorthandProps, ShorthandProps } from '@fluentui/react-utilities';
-import { PositioningProps } from '@fluentui/react-positioning';
-import { MenuListProps } from '../MenuList/index';
-/**
- * Extends and drills down Menulist props to simplify API
- * {@docCategory Menu }
- */
-export interface MenuProps extends MenuListProps {
-    /**
-     * Explicitly require children
-     */
-    children: React.ReactNode;
+import { ComponentProps, ComponentState } from '@fluentui/react-utilities';
+import { usePopperMouseTarget, PositioningShorthand } from '@fluentui/react-positioning';
+import { MenuListCommons } from '../MenuList/index';
+import { MenuContextValue } from '../../contexts/menuContext';
+declare type MenuCommons = MenuListCommons & {
     /**
      * Whether the popup is open
      */
-    open?: boolean;
+    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: OpenMenuEvents, data: OnOpenChangeData) => void;
+    onOpenChange?: (e: MenuOpenEvents, data: MenuOpenChangeData) => void;
     /**
      * Whether the popup is open by default
      */
     defaultOpen?: boolean;
+    openOnHover: boolean;
     /**
-     * Wrapper to style and add events for the popup
+     * Opens the menu on right click (context menu), removes all other menu open interactions
      */
-    menuPopup?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
+    openOnContext?: boolean;
     /**
-     * Where the menu is positioned with respect to the trigger
+     * 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
      */
-    position?: PositioningProps['position'];
+    inline?: boolean;
     /**
-     * How the menu is aligned wtih respect to the trigger
+     * Do not dismiss the menu when a menu item is clicked
      */
-    align?: PositioningProps['align'];
-    openOnHover?: boolean;
+    persistOnItemClick?: boolean;
     /**
-     * Opens the menu on right click (context menu), removes all other menu open interactions
+     * Sets the delay for mouse open/close for the popover one mouse enter/leave
      */
-    openOnContext?: boolean;
-}
+    hoverDelay?: number;
+};
+export declare type MenuSlots = {};
 /**
- * {@docCategory Menu }
+ * Extends and drills down Menulist props to simplify API
  */
-export interface MenuState extends MenuProps {
+export declare type MenuProps = Partial<MenuCommons> & ComponentProps<MenuSlots> & {
     /**
-     * Ref to the root slot
+     * Can contain two children including {@link MenuTrigger} and {@link MenuPopover}.
+     * Alternatively can only contain {@link MenuPopover} if using a custom `target`.
      */
-    ref: React.MutableRefObject<HTMLElement>;
+    children: [JSX.Element, JSX.Element] | JSX.Element;
     /**
-     * Whether the popup is open
+     * Configures the positioned menu
      */
-    open: boolean;
+    positioning?: PositioningShorthand;
+};
+export declare type MenuState = MenuCommons & ComponentState<MenuSlots> & {
     /**
      * Callback to open/close the popup
      */
-    setOpen: (e: OpenMenuEvents, open: boolean) => void;
+    setOpen: (e: MenuOpenEvents, data: MenuOpenChangeData) => void;
     /**
      * Internal react node that just simplifies handling children
      */
-    menuList: React.ReactNode;
+    menuPopover: React.ReactNode;
     /**
      * Internal react node that just simplifies handling children
      */
     menuTrigger: React.ReactNode;
-    /**
-     * Wrapper to style and add events for the popup
-     */
-    menuPopup: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
     /**
      * The ref for the popup
      */
-    menuPopupRef: React.MutableRefObject<HTMLElement>;
+    menuPopoverRef: React.MutableRefObject<HTMLElement>;
     /**
      * The ref for the MenuTrigger, used for popup positioning
      */
@@ -86,13 +80,33 @@ export interface MenuState extends MenuProps {
      * 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 interface OnOpenChangeData extends Pick<MenuState, 'open'> {
-}
+export declare type MenuOpenChangeData = Pick<MenuState, 'open'> & {
+    /**
+     * 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 OpenMenuEvents = MouseEvent | TouchEvent | React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.FocusEvent<HTMLElement>;
+export declare type MenuOpenEvents = MouseEvent | TouchEvent | React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.FocusEvent<HTMLElement>;
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.types.js","sourceRoot":"../src/","sources":["components/Menu/Menu.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ObjectShorthandProps, ShorthandProps } from '@fluentui/react-utilities';\nimport { PositioningProps } from '@fluentui/react-positioning';\nimport { MenuListProps } from '../MenuList/index';\n\n/**\n * Extends and drills down Menulist props to simplify API\n * {@docCategory Menu }\n */\nexport interface MenuProps extends MenuListProps {\n  /**\n   * Explicitly require children\n   */\n\n  children: React.ReactNode;\n  /**\n   * Whether the popup is open\n   */\n  open?: boolean;\n\n  /**\n   * Call back when the component requests to change value\n   * The `open` value is used as a hint when directly controlling the component\n   */\n  onOpenChange?: (e: OpenMenuEvents, data: OnOpenChangeData) => void;\n\n  /**\n   * Whether the popup is open by default\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * Wrapper to style and add events for the popup\n   */\n  menuPopup?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;\n\n  /**\n   * Where the menu is positioned with respect to the trigger\n   */\n  position?: PositioningProps['position'];\n\n  /**\n   * How the menu is aligned wtih respect to the trigger\n   */\n  align?: PositioningProps['align'];\n\n  /*\n   * Opens the menu on hover\n   */\n  openOnHover?: boolean;\n\n  /**\n   * Opens the menu on right click (context menu), removes all other menu open interactions\n   */\n  openOnContext?: boolean;\n}\n\n/**\n * {@docCategory Menu }\n */\nexport interface MenuState extends MenuProps {\n  /**\n   * Ref to the root slot\n   */\n  ref: React.MutableRefObject<HTMLElement>;\n\n  /**\n   * Whether the popup is open\n   */\n  open: boolean;\n\n  /**\n   * Callback to open/close the popup\n   */\n  setOpen: (e: OpenMenuEvents, open: boolean) => void;\n\n  /**\n   * Internal react node that just simplifies handling children\n   */\n  menuList: React.ReactNode;\n\n  /**\n   * Internal react node that just simplifies handling children\n   */\n  menuTrigger: React.ReactNode;\n\n  /**\n   * Wrapper to style and add events for the popup\n   */\n  menuPopup: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;\n\n  /**\n   * The ref for the popup\n   */\n  menuPopupRef: React.MutableRefObject<HTMLElement>;\n\n  /**\n   * The ref for the MenuTrigger, used for popup positioning\n   */\n  triggerRef: React.MutableRefObject<HTMLElement>;\n\n  /**\n   * Id for the MenuTrigger element for aria relationship\n   */\n  triggerId: string;\n\n  /**\n   * Whether this menu is a submenu\n   */\n  isSubmenu: boolean;\n}\n\n/**\n * Data attached to open/close events\n */\nexport interface OnOpenChangeData extends Pick<MenuState, 'open'> {}\n\n/**\n * The supported events that will trigger open/close of the menu\n */\nexport type OpenMenuEvents =\n  | MouseEvent\n  | TouchEvent\n  | React.MouseEvent<HTMLElement>\n  | React.KeyboardEvent<HTMLElement>\n  | React.FocusEvent<HTMLElement>;\n"]}
+{"version":3,"file":"Menu.types.js","sourceRoot":"../src/","sources":["components/Menu/Menu.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { usePopperMouseTarget, PositioningShorthand } from '@fluentui/react-positioning';\nimport { MenuListCommons } from '../MenuList/index';\nimport { MenuContextValue } from '../../contexts/menuContext';\n\ntype MenuCommons = MenuListCommons & {\n  /**\n   * Whether the popup is open\n   */\n  open: boolean;\n\n  /**\n   * Call back when the component requests to change value\n   * The `open` value is used as a hint when directly controlling the component\n   */\n  onOpenChange?: (e: MenuOpenEvents, data: MenuOpenChangeData) => void;\n\n  /**\n   * Whether the popup is open by default\n   */\n  defaultOpen?: boolean;\n\n  /*\n   * Opens the menu on hover\n   */\n  openOnHover: boolean;\n\n  /**\n   * Opens the menu on right click (context menu), removes all other menu open interactions\n   */\n  openOnContext?: boolean;\n\n  /**\n   * Root menus are rendered out of DOM order on `document.body`, use this to render the menu in DOM order\n   * This option is disregarded for submenus\n   */\n  inline?: boolean;\n\n  /**\n   * Do not dismiss the menu when a menu item is clicked\n   */\n  persistOnItemClick?: boolean;\n\n  /**\n   * Sets the delay for mouse open/close for the popover one mouse enter/leave\n   */\n  hoverDelay?: number;\n};\n\nexport type MenuSlots = {};\n\n/**\n * Extends and drills down Menulist props to simplify API\n */\nexport type MenuProps = Partial<MenuCommons> &\n  ComponentProps<MenuSlots> & {\n    /**\n     * Can contain two children including {@link MenuTrigger} and {@link MenuPopover}.\n     * Alternatively can only contain {@link MenuPopover} if using a custom `target`.\n     */\n    children: [JSX.Element, JSX.Element] | JSX.Element;\n\n    /**\n     * Configures the positioned menu\n     */\n    positioning?: PositioningShorthand;\n  };\n\nexport type MenuState = MenuCommons &\n  ComponentState<MenuSlots> & {\n    /**\n     * Callback to open/close the popup\n     */\n    setOpen: (e: MenuOpenEvents, data: MenuOpenChangeData) => void;\n\n    /**\n     * Internal react node that just simplifies handling children\n     */\n    menuPopover: React.ReactNode;\n\n    /**\n     * Internal react node that just simplifies handling children\n     */\n    menuTrigger: React.ReactNode;\n\n    /**\n     * The ref for the popup\n     */\n    menuPopoverRef: React.MutableRefObject<HTMLElement>;\n\n    /**\n     * The ref for the MenuTrigger, used for popup positioning\n     */\n    triggerRef: React.MutableRefObject<HTMLElement>;\n\n    /**\n     * Id for the MenuTrigger element for aria relationship\n     */\n    triggerId: string;\n\n    /**\n     * Whether this menu is a submenu\n     */\n    isSubmenu: boolean;\n\n    /**\n     * Anchors the popper to the mouse click for context events\n     */\n    contextTarget: ReturnType<typeof usePopperMouseTarget>[0];\n\n    /**\n     * A callback to set the target of the popper to the mouse click for context events\n     */\n    setContextTarget: ReturnType<typeof usePopperMouseTarget>[1];\n  };\n\n/**\n * Data attached to open/close events\n */\nexport type MenuOpenChangeData = Pick<MenuState, 'open'> & {\n  /**\n   * Indicates whether the change of state was a keyboard interaction\n   */\n  keyboard?: boolean;\n  /**\n   * indicates whether the request for the open state was bubbled from a nested menu\n   */\n  bubble?: boolean;\n};\n\nexport type MenuContextValues = {\n  menu: MenuContextValue;\n};\n\n/**\n * The supported events that will trigger open/close of the menu\n */\nexport type MenuOpenEvents =\n  | MouseEvent\n  | TouchEvent\n  | React.MouseEvent<HTMLElement>\n  | React.KeyboardEvent<HTMLElement>\n  | React.FocusEvent<HTMLElement>;\n"]}

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

@@ -2,4 +2,4 @@ export * from './Menu';
 export * from './Menu.types';
 export * from './renderMenu';
 export * from './useMenu';
-export * from './useMenuStyles';
+export * from './useMenuContextValues';

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

@@ -1,9 +1,10 @@
-define(["require", "exports", "tslib", "./Menu", "./renderMenu", "./useMenu", "./useMenuStyles"], function (require, exports, tslib_1, Menu_1, renderMenu_1, useMenu_1, useMenuStyles_1) {
+define(["require", "exports", "tslib", "./Menu", "./Menu.types", "./renderMenu", "./useMenu", "./useMenuContextValues"], function (require, exports, tslib_1, Menu_1, Menu_types_1, renderMenu_1, useMenu_1, useMenuContextValues_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     tslib_1.__exportStar(Menu_1, exports);
+    tslib_1.__exportStar(Menu_types_1, exports);
     tslib_1.__exportStar(renderMenu_1, exports);
     tslib_1.__exportStar(useMenu_1, exports);
-    tslib_1.__exportStar(useMenuStyles_1, exports);
+    tslib_1.__exportStar(useMenuContextValues_1, exports);
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Menu/index.ts"],"names":[],"mappings":";;;IAAA,sCAAuB;IAEvB,4CAA6B;IAC7B,yCAA0B;IAC1B,+CAAgC","sourcesContent":["export * from './Menu';\nexport * from './Menu.types';\nexport * from './renderMenu';\nexport * from './useMenu';\nexport * from './useMenuStyles';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Menu/index.ts"],"names":[],"mappings":";;;IAAA,sCAAuB;IACvB,4CAA6B;IAC7B,4CAA6B;IAC7B,yCAA0B;IAC1B,sDAAuC","sourcesContent":["export * from './Menu';\nexport * from './Menu.types';\nexport * from './renderMenu';\nexport * from './useMenu';\nexport * from './useMenuContextValues';\n"]}

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

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

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

@@ -1,31 +1,15 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useMenu", "../../contexts/menuContext"], function (require, exports, tslib_1, React, react_utilities_1, useMenu_1, menuContext_1) {
+define(["require", "exports", "react", "../../contexts/menuContext"], function (require, exports, React, menuContext_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.renderMenu = void 0;
     /**
      * Render the final JSX of Menu
-     * {@docCategory Menu }
      */
-    exports.renderMenu = function (state) {
-        var _a = react_utilities_1.getSlots(state, useMenu_1.menuShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
-        var open = state.open, setOpen = state.setOpen, onCheckedValueChange = state.onCheckedValueChange, checkedValues = state.checkedValues, defaultCheckedValues = state.defaultCheckedValues, openOnHover = state.openOnHover, openOnContext = state.openOnContext, triggerRef = state.triggerRef, triggerId = state.triggerId, menuPopupRef = state.menuPopupRef, isSubmenu = state.isSubmenu, hasCheckmarks = state.hasCheckmarks, hasIcons = state.hasIcons;
-        return (React.createElement(menuContext_1.MenuProvider, { value: {
-                open: open,
-                setOpen: setOpen,
-                onCheckedValueChange: onCheckedValueChange,
-                checkedValues: checkedValues,
-                defaultCheckedValues: defaultCheckedValues,
-                triggerRef: triggerRef,
-                openOnHover: openOnHover,
-                openOnContext: openOnContext,
-                triggerId: triggerId,
-                menuPopupRef: menuPopupRef,
-                isSubmenu: isSubmenu,
-                hasMenuContext: true,
-                hasCheckmarks: hasCheckmarks,
-                hasIcons: hasIcons,
-            } },
+    var renderMenu = function (state, contextValues) {
+        return (React.createElement(menuContext_1.MenuProvider, { value: contextValues.menu },
             state.menuTrigger,
-            state.open && React.createElement(slots.menuPopup, tslib_1.__assign({}, slotProps.menuPopup))));
+            state.open && state.menuPopover));
     };
+    exports.renderMenu = renderMenu;
 });
 //# sourceMappingURL=renderMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderMenu.js","sourceRoot":"../src/","sources":["components/Menu/renderMenu.tsx"],"names":[],"mappings":";;;IAMA;;;OAGG;IACU,QAAA,UAAU,GAAG,UAAC,KAAgB;QACnC,IAAA,oEAA0D,EAAxD,gBAAK,EAAE,wBAAiD,CAAC;QAE/D,IAAA,iBAAI,EACJ,uBAAO,EACP,iDAAoB,EACpB,mCAAa,EACb,iDAAoB,EACpB,+BAAW,EACX,mCAAa,EACb,6BAAU,EACV,2BAAS,EACT,iCAAY,EACZ,2BAAS,EACT,mCAAa,EACb,yBAAQ,CACA;QAEV,OAAO,CACL,oBAAC,0BAAY,IACX,KAAK,EAAE;gBACL,IAAI,MAAA;gBACJ,OAAO,SAAA;gBACP,oBAAoB,sBAAA;gBACpB,aAAa,eAAA;gBACb,oBAAoB,sBAAA;gBACpB,UAAU,YAAA;gBACV,WAAW,aAAA;gBACX,aAAa,eAAA;gBACb,SAAS,WAAA;gBACT,YAAY,cAAA;gBACZ,SAAS,WAAA;gBACT,cAAc,EAAE,IAAI;gBACpB,aAAa,eAAA;gBACb,QAAQ,UAAA;aACT;YAEA,KAAK,CAAC,WAAW;YACjB,KAAK,CAAC,IAAI,IAAI,oBAAC,KAAK,CAAC,SAAS,uBAAK,SAAS,CAAC,SAAS,EAAI,CAC9C,CAChB,CAAC;IACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { MenuState } from './Menu.types';\nimport { menuShorthandProps } from './useMenu';\nimport { MenuProvider } from '../../contexts/menuContext';\n\n/**\n * Render the final JSX of Menu\n * {@docCategory Menu }\n */\nexport const renderMenu = (state: MenuState) => {\n  const { slots, slotProps } = getSlots(state, menuShorthandProps);\n  const {\n    open,\n    setOpen,\n    onCheckedValueChange,\n    checkedValues,\n    defaultCheckedValues,\n    openOnHover,\n    openOnContext,\n    triggerRef,\n    triggerId,\n    menuPopupRef,\n    isSubmenu,\n    hasCheckmarks,\n    hasIcons,\n  } = state;\n\n  return (\n    <MenuProvider\n      value={{\n        open,\n        setOpen,\n        onCheckedValueChange,\n        checkedValues,\n        defaultCheckedValues,\n        triggerRef,\n        openOnHover,\n        openOnContext,\n        triggerId,\n        menuPopupRef,\n        isSubmenu,\n        hasMenuContext: true,\n        hasCheckmarks,\n        hasIcons,\n      }}\n    >\n      {state.menuTrigger}\n      {state.open && <slots.menuPopup {...slotProps.menuPopup} />}\n    </MenuProvider>\n  );\n};\n"]}
+{"version":3,"file":"renderMenu.js","sourceRoot":"../src/","sources":["components/Menu/renderMenu.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,UAAU,GAAG,UAAC,KAAgB,EAAE,aAAgC;QAC3E,OAAO,CACL,oBAAC,0BAAY,IAAC,KAAK,EAAE,aAAa,CAAC,IAAI;YACpC,KAAK,CAAC,WAAW;YACjB,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,WAAW,CACnB,CAChB,CAAC;IACJ,CAAC,CAAC;IAPW,QAAA,UAAU,cAOrB","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 = (state: MenuState, contextValues: MenuContextValues) => {\n  return (\n    <MenuProvider value={contextValues.menu}>\n      {state.menuTrigger}\n      {state.open && state.menuPopover}\n    </MenuProvider>\n  );\n};\n"]}

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

@@ -1,6 +1,4 @@
-import * as React from 'react';
-import { MenuProps, MenuState } from './Menu.types';
-export declare const menuShorthandProps: (keyof MenuProps)[];
+import type { MenuProps, MenuState } from './Menu.types';
 /**
  * Create the state required to render Menu.
  *
@@ -8,9 +6,5 @@ export declare const menuShorthandProps: (keyof MenuProps)[];
  * before being passed to renderMenu.
  *
  * @param props - props from this instance of Menu
- * @param ref - reference to root HTMLElement of Menu
- * @param defaultProps - (optional) default prop values provided by the implementing type
- *
- * {@docCategory Menu }
  */
-export declare const useMenu: (props: MenuProps, ref: React.Ref<HTMLElement>, defaultProps?: MenuProps | undefined) => MenuState;
+export declare const useMenu: (props: MenuProps) => MenuState;

package/lib-amd/components/Menu/useMenu.js

@@ -1,9 +1,7 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-positioning", "@fluentui/react-utilities", "@fluentui/react-provider", "../MenuTrigger/index", "../../contexts/menuContext", "./useMenuPopup"], function (require, exports, tslib_1, React, react_positioning_1, react_utilities_1, react_provider_1, index_1, menuContext_1, useMenuPopup_1) {
+define(["require", "exports", "tslib", "react", "@fluentui/react-positioning", "@fluentui/react-utilities", "@fluentui/react-provider", "@fluentui/react-portal", "@fluentui/react-tabster", "../MenuTrigger/index", "../../contexts/menuContext", "../../utils/index", "../../utils/useIsSubmenu"], function (require, exports, tslib_1, React, react_positioning_1, react_utilities_1, react_provider_1, react_portal_1, react_tabster_1, index_1, menuContext_1, index_2, useIsSubmenu_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.menuShorthandProps = ['menuPopup'];
-    // eslint-disable-next-line deprecation/deprecation
-    var mergeProps = react_utilities_1.makeMergePropsCompat({ deepMerge: exports.menuShorthandProps });
+    exports.useMenu = void 0;
     /**
      * Create the state required to render Menu.
      *
@@ -11,86 +9,175 @@ define(["require", "exports", "tslib", "react", "@fluentui/react-positioning", "
      * before being passed to renderMenu.
      *
      * @param props - props from this instance of Menu
-     * @param ref - reference to root HTMLElement of Menu
-     * @param defaultProps - (optional) default prop values provided by the implementing type
-     *
-     * {@docCategory Menu }
      */
-    exports.useMenu = function (props, ref, defaultProps) {
-        var document = react_provider_1.useFluent().document;
+    var useMenu = function (props) {
         var triggerId = react_utilities_1.useId('menu');
-        var isSubmenu = menuContext_1.useMenuContext(function (context) { return context.hasMenuContext; });
-        var state = mergeProps({
-            ref: react_utilities_1.useMergedRefs(ref, React.useRef(null)),
-            menuPopup: { as: 'div' },
-            position: isSubmenu ? 'after' : 'below',
-            align: isSubmenu ? 'top' : 'start',
-            openOnHover: isSubmenu,
-            triggerId: triggerId,
-        }, defaultProps, react_utilities_1.resolveShorthandProps(props, exports.menuShorthandProps));
-        state.isSubmenu = isSubmenu;
-        // TODO Better way to narrow types ?
-        var children = React.Children.toArray(state.children);
-        // TODO throw warnings in development safely
-        if (children.length !== 2) {
-            // eslint-disable-next-line no-console
-            console.warn('Menu can only take one MenuTrigger and one MenuList as children');
-        }
-        var _a = react_positioning_1.usePopper({
-            align: state.align,
-            position: state.position,
-        }), triggerRef = _a.targetRef, menuPopupRef = _a.containerRef;
-        state.menuPopupRef = menuPopupRef;
-        state.triggerRef = triggerRef;
-        children.forEach(function (child) {
+        var isSubmenu = useIsSubmenu_1.useIsSubmenu();
+        var _a = react_positioning_1.usePopperMouseTarget(), contextTarget = _a[0], setContextTarget = _a[1];
+        var popperState = tslib_1.__assign({ position: isSubmenu ? 'after' : 'below', align: isSubmenu ? 'top' : 'start', target: props.openOnContext ? contextTarget : undefined }, react_positioning_1.resolvePositioningShorthand(props.positioning));
+        var children = React.Children.toArray(props.children);
+        
+        var _b = children.reduce(function (acc, child) {
             if (child.type === index_1.MenuTrigger) {
-                state.menuTrigger = child;
+                acc.menuTrigger = child;
             }
             else {
-                state.menuList = child;
+                acc.menuPopover = child;
             }
-        });
-        var _b = react_utilities_1.useControllableValue(state.open, state.defaultOpen), open = _b[0], setOpen = _b[1];
-        // TODO fix useControllableValue typing
-        state.open = open !== undefined ? open : state.open;
-        var onOpenChange = react_utilities_1.useEventCallback(function (e, data) { var _a, _b; return (_b = (_a = state).onOpenChange) === null || _b === void 0 ? void 0 : _b.call(_a, e, data); });
-        state.setOpen = React.useCallback(function (e, shouldOpen) {
-            setOpen(function (prevOpen) {
-                var _a;
-                // More than one event (mouse, focus, keyboard) can request the popup to close
-                // We assume the first event is the correct one
-                if (prevOpen !== shouldOpen) {
-                    (_a = onOpenChange) === null || _a === void 0 ? void 0 : _a(e, { open: shouldOpen });
-                }
-                return shouldOpen;
-            });
-        }, [setOpen, onOpenChange]);
-        useMenuSelectableState(state);
-        useMenuPopup_1.useMenuPopup(state);
-        react_utilities_1.useOnClickOutside({
-            element: document,
-            refs: [state.menuPopupRef, triggerRef],
-            callback: function (e) { return state.setOpen(e, false); },
-        });
-        return state;
+            return acc;
+        }, {}), menuTrigger = _b.menuTrigger, menuPopover = _b.menuPopover;
+        var _c = react_positioning_1.usePopper(popperState), triggerRef = _c.targetRef, menuPopoverRef = _c.containerRef;
+        var initialState = tslib_1.__assign(tslib_1.__assign({ hoverDelay: 500, triggerId: triggerId, isSubmenu: !!isSubmenu, openOnHover: !!isSubmenu, contextTarget: contextTarget,
+            setContextTarget: setContextTarget }, props), { menuTrigger: menuTrigger,
+            menuPopover: menuPopover,
+            triggerRef: triggerRef,
+            menuPopoverRef: menuPopoverRef });
+        // TODO Better way to narrow types ?
+        var _d = useMenuOpenState(initialState), open = _d[0], setOpen = _d[1];
+        var _e = useMenuSelectableState(initialState), checkedValues = _e[0], onCheckedValueChange = _e[1];
+        return tslib_1.__assign(tslib_1.__assign({}, initialState), { open: open,
+            setOpen: setOpen,
+            checkedValues: checkedValues,
+            onCheckedValueChange: onCheckedValueChange });
     };
+    exports.useMenu = useMenu;
     /**
      * Adds appropriate state values and handlers for selectable items
      * i.e checkboxes and radios
      */
     var useMenuSelectableState = function (state) {
-        var _a = react_utilities_1.useControllableValue(state.checkedValues, state.defaultCheckedValues), checkedValues = _a[0], setCheckedValues = _a[1];
+        var _a = react_utilities_1.useControllableState({
+            state: state.checkedValues,
+            defaultState: state.defaultCheckedValues,
+            initialState: {},
+        }), checkedValues = _a[0], setCheckedValues = _a[1];
         var onCheckedValueChangeOriginal = state.onCheckedValueChange;
-        state.checkedValues = checkedValues;
-        state.onCheckedValueChange = react_utilities_1.useEventCallback(function (e, name, checkedItems) {
+        var onCheckedValueChange = react_utilities_1.useEventCallback(function (e, _a) {
+            var name = _a.name, checkedItems = _a.checkedItems;
             if (onCheckedValueChangeOriginal) {
-                onCheckedValueChangeOriginal(e, name, checkedItems);
+                onCheckedValueChangeOriginal(e, { name: name, checkedItems: checkedItems });
             }
             setCheckedValues(function (s) {
                 var _a, _b;
                 return s ? tslib_1.__assign(tslib_1.__assign({}, s), (_a = {}, _a[name] = checkedItems, _a)) : (_b = {}, _b[name] = checkedItems, _b);
             });
         });
+        return [checkedValues, onCheckedValueChange];
+    };
+    var useMenuOpenState = function (state) {
+        var targetDocument = react_provider_1.useFluent().targetDocument;
+        var parentSetOpen = menuContext_1.useMenuContext(function (context) { return context.setOpen; });
+        var onOpenChange = react_utilities_1.useEventCallback(function (e, data) { var _a; return (_a = state.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(state, e, data); });
+        var shouldHandleKeyboardRef = React.useRef(false);
+        var shouldHandleTabRef = React.useRef(false);
+        var pressedShiftRef = React.useRef(false);
+        var setOpenTimeout = React.useRef(0);
+        var enteringTriggerRef = React.useRef(false);
+        var _a = react_utilities_1.useControllableState({
+            state: state.open,
+            defaultState: state.defaultOpen,
+            initialState: false,
+        }), open = _a[0], setOpenState = _a[1];
+        var trySetOpen = react_utilities_1.useEventCallback(function (e, data) {
+            var event = e instanceof CustomEvent && e.type === index_2.MENU_ENTER_EVENT ? e.detail.nativeEvent : e;
+            onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(event, tslib_1.__assign({}, data));
+            if (data.open && e.type === 'contextmenu') {
+                state.setContextTarget(e);
+            }
+            if (!data.open) {
+                state.setContextTarget(undefined);
+            }
+            if (data.keyboard) {
+                shouldHandleKeyboardRef.current = true;
+                shouldHandleTabRef.current = e.key === 'Tab';
+                pressedShiftRef.current = e.shiftKey;
+            }
+            if (data.bubble) {
+                parentSetOpen(e, tslib_1.__assign({}, data));
+            }
+            setOpenState(data.open);
+        });
+        var setOpen = react_utilities_1.useEventCallback(function (e, data) {
+            var _a;
+            clearTimeout(setOpenTimeout.current);
+            if (!(e instanceof Event) && e.persist) {
+                // < React 17 still uses pooled synthetic events
+                e.persist();
+            }
+            if (e.type === 'mouseleave' || e.type === 'mouseenter' || e.type === 'mousemove' || e.type === index_2.MENU_ENTER_EVENT) {
+                if ((_a = state.triggerRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) {
+                    enteringTriggerRef.current = e.type === 'mouseenter' || e.type === 'mousemove';
+                }
+                // FIXME leaking Node timeout type
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                setOpenTimeout.current = setTimeout(function () { return trySetOpen(e, data); }, state.hoverDelay);
+            }
+            else {
+                trySetOpen(e, data);
+            }
+        });
+        react_utilities_1.useOnClickOutside({
+            contains: react_portal_1.elementContains,
+            disabled: !open,
+            element: targetDocument,
+            refs: [state.menuPopoverRef, state.triggerRef],
+            callback: function (e) { return setOpen(e, { open: false }); },
+        });
+        index_2.useOnMenuMouseEnter({
+            element: targetDocument,
+            callback: function (e) {
+                // When moving from a menu directly back to its trigger, this handler can close the menu
+                // Explicitly check a flag to see if this situation happens
+                if (!enteringTriggerRef.current) {
+                    setOpen(e, { open: false });
+                }
+            },
+            disabled: !open,
+            refs: [state.menuPopoverRef],
+        });
+        // Clear timeout on unmount
+        // Setting state after a component unmounts can cause memory leaks
+        React.useEffect(function () {
+            return function () {
+                clearTimeout(setOpenTimeout.current);
+            };
+        }, []);
+        // Manage focus for open state
+        var _b = react_tabster_1.useFocusFinders(), findFirstFocusable = _b.findFirstFocusable, findNextFocusable = _b.findNextFocusable, findPrevFocusable = _b.findPrevFocusable;
+        var focusFirst = React.useCallback(function () {
+            var firstFocusable = findFirstFocusable(state.menuPopoverRef.current);
+            firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();
+        }, [findFirstFocusable, state.menuPopoverRef]);
+        var focusAfterMenuTrigger = React.useCallback(function () {
+            var nextFocusable = findNextFocusable(state.triggerRef.current);
+            nextFocusable === null || nextFocusable === void 0 ? void 0 : nextFocusable.focus();
+        }, [findNextFocusable, state.triggerRef]);
+        var focusBeforeMenuTrigger = React.useCallback(function () {
+            var prevFocusable = findPrevFocusable(state.triggerRef.current);
+            prevFocusable === null || prevFocusable === void 0 ? void 0 : prevFocusable.focus();
+        }, [findPrevFocusable, state.triggerRef]);
+        React.useEffect(function () {
+            var _a;
+            if (!shouldHandleKeyboardRef.current) {
+                return;
+            }
+            if (open) {
+                focusFirst();
+            }
+            else {
+                if (shouldHandleTabRef.current && !state.isSubmenu) {
+                    pressedShiftRef.current ? focusBeforeMenuTrigger() : focusAfterMenuTrigger();
+                }
+                else {
+                    (_a = state.triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                }
+            }
+            shouldHandleKeyboardRef.current = false;
+            shouldHandleTabRef.current = false;
+            pressedShiftRef.current = false;
+        }, [state.triggerRef, state.isSubmenu, open, focusFirst, focusAfterMenuTrigger, focusBeforeMenuTrigger]);
+        return [open !== null && open !== void 0 ? open : false, setOpen];
     };
 });
 //# sourceMappingURL=useMenu.js.map

package/lib-amd/components/Menu/useMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMenu.js","sourceRoot":"../src/","sources":["components/Menu/useMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { usePopper } from '@fluentui/react-positioning';\nimport {\n  makeMergePropsCompat,\n  resolveShorthandProps,\n  useMergedRefs,\n  useControllableValue,\n  useId,\n  useOnClickOutside,\n  useEventCallback,\n} from '@fluentui/react-utilities';\nimport { useFluent } from '@fluentui/react-provider';\nimport { MenuProps, MenuState } from './Menu.types';\nimport { MenuTrigger } from '../MenuTrigger/index';\nimport { useMenuContext } from '../../contexts/menuContext';\nimport { useMenuPopup } from './useMenuPopup';\n\nexport const menuShorthandProps: (keyof MenuProps)[] = ['menuPopup'];\n\n// eslint-disable-next-line deprecation/deprecation\nconst mergeProps = makeMergePropsCompat<MenuState>({ deepMerge: menuShorthandProps });\n\n/**\n * Create the state required to render Menu.\n *\n * The returned state can be modified with hooks such as useMenuStyles,\n * before being passed to renderMenu.\n *\n * @param props - props from this instance of Menu\n * @param ref - reference to root HTMLElement of Menu\n * @param defaultProps - (optional) default prop values provided by the implementing type\n *\n * {@docCategory Menu }\n */\nexport const useMenu = (props: MenuProps, ref: React.Ref<HTMLElement>, defaultProps?: MenuProps): MenuState => {\n  const { document } = useFluent();\n  const triggerId = useId('menu');\n  const isSubmenu = useMenuContext(context => context.hasMenuContext);\n\n  const state = mergeProps(\n    {\n      ref: useMergedRefs(ref, React.useRef(null)),\n      menuPopup: { as: 'div' },\n      position: isSubmenu ? 'after' : 'below',\n      align: isSubmenu ? 'top' : 'start',\n      openOnHover: isSubmenu,\n      triggerId,\n    },\n    defaultProps,\n    resolveShorthandProps(props, menuShorthandProps),\n  );\n\n  state.isSubmenu = isSubmenu;\n\n  // TODO Better way to narrow types ?\n  const children = React.Children.toArray(state.children) as React.ReactElement[];\n\n  // TODO throw warnings in development safely\n  if (children.length !== 2) {\n    // eslint-disable-next-line no-console\n    console.warn('Menu can only take one MenuTrigger and one MenuList as children');\n  }\n\n  const { targetRef: triggerRef, containerRef: menuPopupRef } = usePopper({\n    align: state.align,\n    position: state.position,\n  });\n  state.menuPopupRef = menuPopupRef;\n  state.triggerRef = triggerRef;\n  children.forEach(child => {\n    if (child.type === MenuTrigger) {\n      state.menuTrigger = child;\n    } else {\n      state.menuList = child;\n    }\n  });\n\n  const [open, setOpen] = useControllableValue(state.open, state.defaultOpen);\n  // TODO fix useControllableValue typing\n  state.open = open !== undefined ? open : state.open;\n  const onOpenChange: MenuState['onOpenChange'] = useEventCallback((e, data) => state.onOpenChange?.(e, data));\n  state.setOpen = React.useCallback(\n    (e, shouldOpen) => {\n      setOpen(prevOpen => {\n        // More than one event (mouse, focus, keyboard) can request the popup to close\n        // We assume the first event is the correct one\n        if (prevOpen !== shouldOpen) {\n          onOpenChange?.(e, { open: shouldOpen });\n        }\n\n        return shouldOpen;\n      });\n    },\n    [setOpen, onOpenChange],\n  );\n\n  useMenuSelectableState(state);\n  useMenuPopup(state);\n  useOnClickOutside({\n    element: document,\n    refs: [state.menuPopupRef, triggerRef],\n    callback: e => state.setOpen(e, false),\n  });\n\n  return state;\n};\n\n/**\n * Adds appropriate state values and handlers for selectable items\n * i.e checkboxes and radios\n */\nconst useMenuSelectableState = (state: MenuState) => {\n  const [checkedValues, setCheckedValues] = useControllableValue(state.checkedValues, state.defaultCheckedValues);\n  const { onCheckedValueChange: onCheckedValueChangeOriginal } = state;\n  state.checkedValues = checkedValues;\n  state.onCheckedValueChange = useEventCallback((e, name, checkedItems) => {\n    if (onCheckedValueChangeOriginal) {\n      onCheckedValueChangeOriginal(e, name, checkedItems);\n    }\n\n    setCheckedValues(s => {\n      return s ? { ...s, [name]: checkedItems } : { [name]: checkedItems };\n    });\n  });\n};\n"]}
+{"version":3,"file":"useMenu.js","sourceRoot":"../src/","sources":["components/Menu/useMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { usePopperMouseTarget, usePopper, resolvePositioningShorthand } from '@fluentui/react-positioning';\nimport { useControllableState, useId, useOnClickOutside, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent } from '@fluentui/react-provider';\nimport { elementContains } from '@fluentui/react-portal';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { MenuTrigger } from '../MenuTrigger/index';\nimport { useMenuContext } from '../../contexts/menuContext';\nimport { MENU_ENTER_EVENT, useOnMenuMouseEnter } from '../../utils/index';\nimport { useIsSubmenu } from '../../utils/useIsSubmenu';\nimport type { MenuOpenChangeData, MenuOpenEvents, MenuProps, MenuState } from './Menu.types';\n\n/**\n * Create the state required to render Menu.\n *\n * The returned state can be modified with hooks such as useMenuStyles,\n * before being passed to renderMenu.\n *\n * @param props - props from this instance of Menu\n */\nexport const useMenu = (props: MenuProps): MenuState => {\n  const triggerId = useId('menu');\n  const isSubmenu = useIsSubmenu();\n  const [contextTarget, setContextTarget] = usePopperMouseTarget();\n\n  const popperState = {\n    position: isSubmenu ? ('after' as const) : ('below' as const),\n    align: isSubmenu ? ('top' as const) : ('start' as const),\n    target: props.openOnContext ? contextTarget : undefined,\n    ...resolvePositioningShorthand(props.positioning),\n  };\n\n  const children = React.Children.toArray(props.children) as React.ReactElement[];\n\n  if (children.length !== 2 && process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.warn('Menu can only take one MenuTrigger and one MenuList as children');\n  }\n\n  const { menuTrigger, menuPopover } = children.reduce((acc, child) => {\n    if (child.type === MenuTrigger) {\n      acc.menuTrigger = child;\n    } else {\n      acc.menuPopover = child;\n    }\n\n    return acc;\n  }, {} as Pick<MenuState, 'menuTrigger' | 'menuPopover'>);\n  const { targetRef: triggerRef, containerRef: menuPopoverRef } = usePopper(popperState);\n\n  const initialState = {\n    hoverDelay: 500,\n    triggerId,\n    isSubmenu: !!isSubmenu,\n    openOnHover: !!isSubmenu,\n    contextTarget,\n    setContextTarget,\n    ...props,\n    menuTrigger,\n    menuPopover,\n    triggerRef,\n    menuPopoverRef,\n  } as const;\n\n  // TODO Better way to narrow types ?\n\n  const [open, setOpen] = useMenuOpenState(initialState);\n  const [checkedValues, onCheckedValueChange] = useMenuSelectableState(initialState);\n\n  return {\n    ...initialState,\n    open,\n    setOpen,\n    checkedValues,\n    onCheckedValueChange,\n  };\n};\n\n/**\n * Adds appropriate state values and handlers for selectable items\n * i.e checkboxes and radios\n */\nconst useMenuSelectableState = (\n  state: Pick<MenuProps, 'checkedValues' | 'defaultCheckedValues' | 'onCheckedValueChange'>,\n) => {\n  const [checkedValues, setCheckedValues] = useControllableState({\n    state: state.checkedValues,\n    defaultState: state.defaultCheckedValues,\n    initialState: {},\n  });\n  const { onCheckedValueChange: onCheckedValueChangeOriginal } = state;\n  const onCheckedValueChange: MenuState['onCheckedValueChange'] = useEventCallback((e, { name, checkedItems }) => {\n    if (onCheckedValueChangeOriginal) {\n      onCheckedValueChangeOriginal(e, { name, checkedItems });\n    }\n\n    setCheckedValues(s => {\n      return s ? { ...s, [name]: checkedItems } : { [name]: checkedItems };\n    });\n  });\n\n  return [checkedValues, onCheckedValueChange] as const;\n};\n\nconst useMenuOpenState = (\n  state: Pick<MenuState, 'onOpenChange' | 'setContextTarget' | 'triggerRef' | 'menuPopoverRef' | 'isSubmenu'> &\n    Pick<MenuProps, 'open' | 'defaultOpen'>,\n) => {\n  const { targetDocument } = useFluent();\n  const parentSetOpen = useMenuContext(context => context.setOpen);\n  const onOpenChange: MenuState['onOpenChange'] = useEventCallback((e, data) => state.onOpenChange?.(e, data));\n\n  const shouldHandleKeyboardRef = React.useRef(false);\n  const shouldHandleTabRef = React.useRef(false);\n  const pressedShiftRef = React.useRef(false);\n  const setOpenTimeout = React.useRef(0);\n  const enteringTriggerRef = React.useRef(false);\n\n  const [open, setOpenState] = useControllableState({\n    state: state.open,\n    defaultState: state.defaultOpen,\n    initialState: false,\n  });\n\n  const trySetOpen = useEventCallback((e: MenuOpenEvents, data: MenuOpenChangeData) => {\n    const event = e instanceof CustomEvent && e.type === MENU_ENTER_EVENT ? e.detail.nativeEvent : e;\n    onOpenChange?.(event, { ...data });\n    if (data.open && e.type === 'contextmenu') {\n      state.setContextTarget(e as React.MouseEvent);\n    }\n\n    if (!data.open) {\n      state.setContextTarget(undefined);\n    }\n\n    if (data.keyboard) {\n      shouldHandleKeyboardRef.current = true;\n      shouldHandleTabRef.current = (e as React.KeyboardEvent).key === 'Tab';\n      pressedShiftRef.current = (e as React.KeyboardEvent).shiftKey;\n    }\n\n    if (data.bubble) {\n      parentSetOpen(e, { ...data });\n    }\n\n    setOpenState(data.open);\n  });\n\n  const setOpen = useEventCallback((e: MenuOpenEvents, data: MenuOpenChangeData) => {\n    clearTimeout(setOpenTimeout.current);\n    if (!(e instanceof Event) && e.persist) {\n      // < React 17 still uses pooled synthetic events\n      e.persist();\n    }\n\n    if (e.type === 'mouseleave' || e.type === 'mouseenter' || e.type === 'mousemove' || e.type === MENU_ENTER_EVENT) {\n      if (state.triggerRef.current?.contains(e.target as HTMLElement)) {\n        enteringTriggerRef.current = e.type === 'mouseenter' || e.type === 'mousemove';\n      }\n\n      // FIXME leaking Node timeout type\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      setOpenTimeout.current = setTimeout(() => trySetOpen(e, data), state.hoverDelay);\n    } else {\n      trySetOpen(e, data);\n    }\n  });\n\n  useOnClickOutside({\n    contains: elementContains,\n    disabled: !open,\n    element: targetDocument,\n    refs: [state.menuPopoverRef, state.triggerRef],\n    callback: e => setOpen(e, { open: false }),\n  });\n  useOnMenuMouseEnter({\n    element: targetDocument,\n    callback: e => {\n      // When moving from a menu directly back to its trigger, this handler can close the menu\n      // Explicitly check a flag to see if this situation happens\n      if (!enteringTriggerRef.current) {\n        setOpen(e, { open: false });\n      }\n    },\n    disabled: !open,\n    refs: [state.menuPopoverRef],\n  });\n\n  // Clear timeout on unmount\n  // Setting state after a component unmounts can cause memory leaks\n  React.useEffect(() => {\n    return () => {\n      clearTimeout(setOpenTimeout.current);\n    };\n  }, []);\n\n  // Manage focus for open state\n  const { findFirstFocusable, findNextFocusable, findPrevFocusable } = useFocusFinders();\n  const focusFirst = React.useCallback(() => {\n    const firstFocusable = findFirstFocusable(state.menuPopoverRef.current);\n    firstFocusable?.focus();\n  }, [findFirstFocusable, state.menuPopoverRef]);\n\n  const focusAfterMenuTrigger = React.useCallback(() => {\n    const nextFocusable = findNextFocusable(state.triggerRef.current);\n    nextFocusable?.focus();\n  }, [findNextFocusable, state.triggerRef]);\n\n  const focusBeforeMenuTrigger = React.useCallback(() => {\n    const prevFocusable = findPrevFocusable(state.triggerRef.current);\n    prevFocusable?.focus();\n  }, [findPrevFocusable, state.triggerRef]);\n\n  React.useEffect(() => {\n    if (!shouldHandleKeyboardRef.current) {\n      return;\n    }\n\n    if (open) {\n      focusFirst();\n    } else {\n      if (shouldHandleTabRef.current && !state.isSubmenu) {\n        pressedShiftRef.current ? focusBeforeMenuTrigger() : focusAfterMenuTrigger();\n      } else {\n        state.triggerRef.current?.focus();\n      }\n    }\n\n    shouldHandleKeyboardRef.current = false;\n    shouldHandleTabRef.current = false;\n    pressedShiftRef.current = false;\n  }, [state.triggerRef, state.isSubmenu, open, focusFirst, focusAfterMenuTrigger, focusBeforeMenuTrigger]);\n\n  return [open ?? false, setOpen] as const;\n};\n"]}

package/lib-amd/components/Menu/useMenuContextValues.d.ts

@@ -0,0 +1,2 @@
+import type { MenuContextValues, MenuState } from './Menu.types';
+export declare function useMenuContextValues(state: MenuState): MenuContextValues;

package/lib-amd/components/Menu/useMenuContextValues.js

@@ -0,0 +1,29 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useMenuContextValues = void 0;
+    function useMenuContextValues(state) {
+        var open = state.open, setOpen = state.setOpen, onCheckedValueChange = state.onCheckedValueChange, checkedValues = state.checkedValues, defaultCheckedValues = state.defaultCheckedValues, openOnHover = state.openOnHover, openOnContext = state.openOnContext, triggerRef = state.triggerRef, triggerId = state.triggerId, menuPopoverRef = state.menuPopoverRef, isSubmenu = state.isSubmenu, hasCheckmarks = state.hasCheckmarks, hasIcons = state.hasIcons, persistOnItemClick = state.persistOnItemClick, inline = state.inline;
+        // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
+        var menu = {
+            open: open,
+            setOpen: setOpen,
+            onCheckedValueChange: onCheckedValueChange,
+            checkedValues: checkedValues,
+            defaultCheckedValues: defaultCheckedValues,
+            triggerRef: triggerRef,
+            openOnHover: openOnHover,
+            openOnContext: openOnContext,
+            triggerId: triggerId,
+            menuPopoverRef: menuPopoverRef,
+            isSubmenu: isSubmenu,
+            hasCheckmarks: hasCheckmarks,
+            hasIcons: hasIcons,
+            persistOnItemClick: persistOnItemClick,
+            inline: inline,
+        };
+        return { menu: menu };
+    }
+    exports.useMenuContextValues = useMenuContextValues;
+});
+//# sourceMappingURL=useMenuContextValues.js.map