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

package/etc/react-menu.api.md

@@ -1,336 +0,0 @@
-## API Report File for "@fluentui/react-menu"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { ComponentProps } from '@fluentui/react-utilities';
-import { ContextSelector } from '@fluentui/react-context-selector';
-import { ObjectShorthandProps } from '@fluentui/react-utilities';
-import { PositioningProps } from '@fluentui/react-positioning';
-import * as React from 'react';
-import { ShorthandProps } from '@fluentui/react-utilities';
-
-// @public
-export const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>>;
-
-// @public
-export interface MenuContextValue extends MenuListProps, Pick<MenuState, 'openOnHover' | 'openOnContext' | 'triggerRef' | 'menuPopupRef' | 'setOpen' | 'isSubmenu' | 'triggerId' | 'hasIcons' | 'hasCheckmarks'> {
-    // (undocumented)
-    hasMenuContext: boolean;
-    // (undocumented)
-    open: boolean;
-    // (undocumented)
-    triggerId: string;
-}
-
-// @public
-export const MenuDivider: React.ForwardRefExoticComponent<import("@fluentui/react-utilities").ComponentProps & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-
-// @public (undocumented)
-export type MenuDividerProps = ComponentProps & React.HTMLAttributes<HTMLElement>;
-
-// @public (undocumented)
-export interface MenuDividerState extends MenuDividerProps {
-    // (undocumented)
-    ref: React.MutableRefObject<HTMLElement>;
-}
-
-// @public
-export const MenuGroup: React.ForwardRefExoticComponent<import("@fluentui/react-utilities").ComponentProps & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-
-// @public (undocumented)
-export const MenuGroupContextProvider: React.Provider<MenuGroupContextValue>;
-
-// @public
-export interface MenuGroupContextValue {
-    headerId: string;
-}
-
-// @public
-export const MenuGroupHeader: React.ForwardRefExoticComponent<import("@fluentui/react-utilities").ComponentProps & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-
-// @public (undocumented)
-export type MenuGroupHeaderProps = ComponentProps & React.HTMLAttributes<HTMLElement>;
-
-// @public (undocumented)
-export interface MenuGroupHeaderState extends MenuGroupHeaderProps {
-    // (undocumented)
-    ref: React.MutableRefObject<HTMLElement>;
-}
-
-// @public (undocumented)
-export type MenuGroupProps = ComponentProps & React.HTMLAttributes<HTMLElement>;
-
-// @public
-export const menuGroupShorthandProps: string[];
-
-// @public (undocumented)
-export interface MenuGroupState extends MenuGroupProps {
-    headerId: string;
-    // (undocumented)
-    ref: React.MutableRefObject<HTMLElement>;
-}
-
-// @public
-export const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLElement>>;
-
-// @public
-export const MenuItemCheckbox: React.ForwardRefExoticComponent<MenuItemCheckboxProps & React.RefAttributes<HTMLElement>>;
-
-// @public (undocumented)
-export interface MenuItemCheckboxProps extends ComponentProps, React.HTMLAttributes<HTMLElement>, MenuItemProps, MenuItemSelectableProps {
-    checkmark?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
-}
-
-// @public
-export const menuItemCheckboxShorthandProps: readonly ("content" | "icon" | "submenuIndicator" | "secondaryContent" | "checkmark")[];
-
-// @public (undocumented)
-export interface MenuItemCheckboxState extends MenuItemState, MenuItemSelectableState {
-    checkmark: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    // (undocumented)
-    ref: React.MutableRefObject<HTMLElement>;
-}
-
-// @public (undocumented)
-export interface MenuItemProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
-    checkmark?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    content?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    disabled?: boolean;
-    hasSubmenu?: boolean;
-    icon?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    secondaryContent?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    submenuIndicator?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
-}
-
-// @public
-export const MenuItemRadio: React.ForwardRefExoticComponent<MenuItemRadioProps & React.RefAttributes<HTMLElement>>;
-
-// @public (undocumented)
-export interface MenuItemRadioProps extends ComponentProps, React.HTMLAttributes<HTMLElement>, MenuItemProps, MenuItemSelectableProps {
-    // (undocumented)
-    checkmark?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
-}
-
-// @public
-export const menuItemRadioShorthandProps: readonly ("content" | "icon" | "submenuIndicator" | "secondaryContent" | "checkmark")[];
-
-// @public (undocumented)
-export interface MenuItemRadioState extends MenuItemState, MenuItemSelectableState {
-    checkmark: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    // (undocumented)
-    ref: React.MutableRefObject<HTMLElement>;
-}
-
-// @public
-export interface MenuItemSelectableProps extends React.HTMLAttributes<HTMLElement> {
-    disabled?: boolean;
-    name: string;
-    value: string;
-}
-
-// @public
-export interface MenuItemSelectableState extends MenuItemSelectableProps {
-    checked: boolean;
-    checkedItems: string[];
-    onCheckedValueChange: (e: React.MouseEvent | React.KeyboardEvent, name: string, checkedItems: string[]) => void;
-}
-
-// @public
-export const menuItemShorthandProps: readonly ["icon", "submenuIndicator", "content", "secondaryContent", "checkmark"];
-
-// @public (undocumented)
-export interface MenuItemState extends MenuItemProps {
-    checkmark: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    content: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    icon?: ObjectShorthandProps<React.HTMLAttributes<HTMLSpanElement>>;
-    ref: React.MutableRefObject<HTMLElement>;
-    secondaryContent: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    submenuIndicator?: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
-}
-
-// @public
-export const MenuList: React.ForwardRefExoticComponent<MenuListProps & React.RefAttributes<HTMLElement>>;
-
-// @public
-export interface MenuListContextValue extends Pick<MenuListProps, 'checkedValues' | 'onCheckedValueChange' | 'hasIcons' | 'hasCheckmarks'> {
-    // (undocumented)
-    selectRadio?: SelectableHandler;
-    // (undocumented)
-    setFocusByFirstCharacter?: (e: React.KeyboardEvent<HTMLElement>, itemEl: HTMLElement) => void;
-    // (undocumented)
-    toggleCheckbox?: SelectableHandler;
-}
-
-// @public (undocumented)
-export interface MenuListProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
-    checkedValues?: Record<string, string[]>;
-    defaultCheckedValues?: Record<string, string[]>;
-    hasCheckmarks?: boolean;
-    hasIcons?: boolean;
-    onCheckedValueChange?: (e: React.MouseEvent | React.KeyboardEvent, name: string, checkedItems: string[]) => void;
-}
-
-// @public (undocumented)
-export const MenuListProvider: React.Provider<MenuListContextValue> & React.FC<React.ProviderProps<MenuListContextValue>>;
-
-// @public (undocumented)
-export interface MenuListState extends MenuListProps {
-    ref: React.MutableRefObject<HTMLElement>;
-    selectRadio: SelectableHandler;
-    setFocusByFirstCharacter: MenuListContextValue['setFocusByFirstCharacter'];
-    // (undocumented)
-    toggleCheckbox: SelectableHandler;
-}
-
-// @public
-export interface MenuProps extends MenuListProps {
-    align?: PositioningProps['align'];
-    children: React.ReactNode;
-    defaultOpen?: boolean;
-    menuPopup?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    onOpenChange?: (e: OpenMenuEvents, data: OnOpenChangeData) => void;
-    open?: boolean;
-    openOnContext?: boolean;
-    // (undocumented)
-    openOnHover?: boolean;
-    position?: PositioningProps['position'];
-}
-
-// @public (undocumented)
-export const MenuProvider: React.Provider<MenuContextValue> & React.FC<React.ProviderProps<MenuContextValue>>;
-
-// @public (undocumented)
-export const menuShorthandProps: (keyof MenuProps)[];
-
-// @public (undocumented)
-export interface MenuState extends MenuProps {
-    isSubmenu: boolean;
-    menuList: React.ReactNode;
-    menuPopup: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    menuPopupRef: React.MutableRefObject<HTMLElement>;
-    menuTrigger: React.ReactNode;
-    open: boolean;
-    ref: React.MutableRefObject<HTMLElement>;
-    setOpen: (e: OpenMenuEvents, open: boolean) => void;
-    triggerId: string;
-    triggerRef: React.MutableRefObject<HTMLElement>;
-}
-
-// @public
-export const MenuTrigger: React.ForwardRefExoticComponent<MenuTriggerProps & React.RefAttributes<HTMLElement>>;
-
-// @public (undocumented)
-export const MenuTriggerContextProvider: React.Provider<boolean>;
-
-// @public (undocumented)
-export interface MenuTriggerProps {
-    children: React.ReactElement;
-}
-
-// @public (undocumented)
-export const menuTriggerShorthandProps: (keyof MenuTriggerProps)[];
-
-// @public (undocumented)
-export interface MenuTriggerState extends MenuTriggerProps {
-    ref: React.MutableRefObject<HTMLElement>;
-}
-
-// @public
-export interface OnOpenChangeData extends Pick<MenuState, 'open'> {
-}
-
-// @public
-export type OpenMenuEvents = MouseEvent | TouchEvent | React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.FocusEvent<HTMLElement>;
-
-// @public
-export const renderMenu: (state: MenuState) => JSX.Element;
-
-// @public
-export const renderMenuDivider: (state: MenuDividerState) => JSX.Element;
-
-// @public
-export const renderMenuGroup: (state: MenuGroupState) => JSX.Element;
-
-// @public
-export const renderMenuGroupHeader: (state: MenuGroupHeaderState) => JSX.Element;
-
-// @public
-export const renderMenuItem: (state: MenuItemState) => JSX.Element;
-
-// @public
-export const renderMenuItemCheckbox: (state: MenuItemCheckboxState) => JSX.Element;
-
-// @public
-export const renderMenuItemRadio: (state: MenuItemRadioState) => JSX.Element;
-
-// @public
-export const renderMenuList: (state: MenuListState) => JSX.Element;
-
-// @public
-export const renderMenuTrigger: (state: MenuTriggerState) => JSX.Element;
-
-// @public (undocumented)
-export type SelectableHandler = (e: React.MouseEvent | React.KeyboardEvent, name: string, value: string, checked: boolean) => void;
-
-// @public
-export const useCheckmarkStyles: (state: MenuItemSelectableState & {
-    checkmark: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
-}) => void;
-
-// @public
-export const useMenu: (props: MenuProps, ref: React.Ref<HTMLElement>, defaultProps?: MenuProps | undefined) => MenuState;
-
-// @public (undocumented)
-export const useMenuContext: <T>(selector: ContextSelector<MenuContextValue, T>) => T;
-
-// @public
-export const useMenuDivider: (props: MenuDividerProps, ref: React.Ref<HTMLElement>, defaultProps?: MenuDividerProps | undefined) => MenuDividerState;
-
-// @public (undocumented)
-export const useMenuDividerStyles: (state: MenuDividerState) => MenuDividerState;
-
-// @public
-export const useMenuGroup: (props: MenuGroupProps, ref: React.Ref<HTMLElement>, defaultProps?: MenuGroupProps | undefined) => MenuGroupState;
-
-// @public (undocumented)
-export const useMenuGroupContext: () => MenuGroupContextValue;
-
-// @public
-export const useMenuGroupHeader: (props: MenuGroupHeaderProps, ref: React.Ref<HTMLElement>, defaultProps?: MenuGroupHeaderProps | undefined) => MenuGroupHeaderState;
-
-// @public (undocumented)
-export const useMenuGroupHeaderStyles: (state: MenuGroupHeaderState) => MenuGroupHeaderState;
-
-// @public
-export const useMenuItem: (props: MenuItemProps, ref: React.Ref<HTMLElement>, defaultProps?: MenuItemProps | undefined) => MenuItemState;
-
-// @public
-export const useMenuItemCheckbox: (props: MenuItemCheckboxProps, ref: React.Ref<HTMLElement>, defaultProps?: MenuItemCheckboxProps | undefined) => MenuItemCheckboxState;
-
-// @public
-export const useMenuItemRadio: (props: MenuItemRadioProps, ref: React.Ref<HTMLElement>, defaultProps?: MenuItemRadioProps | undefined) => MenuItemRadioState;
-
-// @public
-export const useMenuItemStyles: (state: MenuItemState) => void;
-
-// @public
-export const useMenuList: (props: MenuListProps, ref: React.Ref<HTMLElement>, defaultProps?: MenuListProps | undefined) => MenuListState;
-
-// @public (undocumented)
-export const useMenuListContext: <T>(selector: ContextSelector<MenuListContextValue, T>) => T;
-
-// @public
-export const useMenuStyles: (state: MenuState) => MenuState;
-
-// @public
-export const useMenuTrigger: (props: MenuTriggerProps, ref: React.Ref<HTMLElement>, defaultProps?: MenuTriggerProps | undefined) => MenuTriggerState;
-
-// @public (undocumented)
-export const useMenuTriggerContext: () => boolean;
-
-
-// (No @packageDocumentation comment for this package)
-
-```

package/just.config.ts

@@ -1,3 +0,0 @@
-import { preset } from '@fluentui/scripts';
-
-preset();

package/lib/components/Menu/useMenuPopup.d.ts

@@ -1,8 +0,0 @@
-import { MenuState } from './Menu.types';
-interface UseMenuPopupState extends Pick<MenuState, 'menuPopup' | 'menuPopupRef' | 'setOpen' | 'menuList' | 'openOnContext' | 'openOnHover' | 'triggerId' | 'triggerRef' | 'open' | 'isSubmenu'> {
-}
-/**
- * A hook that sets the correct render of the menu popup slot through the children render function
- */
-export declare const useMenuPopup: (state: UseMenuPopupState) => MenuState;
-export {};

package/lib/components/Menu/useMenuPopup.js

@@ -1,61 +0,0 @@
-import { __assign } from "tslib";
-import * as React from 'react';
-import { getCode, keyboardKey, EnterKey, SpacebarKey } from '@fluentui/keyboard-key';
-import { isOutsideMenu } from '../../utils/index';
-/**
- * A hook that sets the correct render of the menu popup slot through the children render function
- */
-export var useMenuPopup = function (state) {
-    var menuPopup = state.menuPopup, menuPopupRef = state.menuPopupRef, setOpen = state.setOpen, open = state.open, menuList = state.menuList, triggerRef = state.triggerRef, openOnHover = state.openOnHover, openOnContext = state.openOnContext, isSubmenu = state.isSubmenu;
-    var dismissedWithKeyboardRef = React.useRef(false);
-    React.useEffect(function () {
-        var _a;
-        if (dismissedWithKeyboardRef.current && !open) {
-            (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-        dismissedWithKeyboardRef.current = false;
-    }, [triggerRef, dismissedWithKeyboardRef, open]);
-    menuPopup.children = function (Component, originalProps) {
-        var newProps = __assign({ role: 'presentation' }, originalProps);
-        newProps.onMouseEnter = function (e) {
-            var _a, _b, _c;
-            if (openOnHover && !openOnContext) {
-                setOpen(e, true);
-            }
-            (_c = (_a = originalProps) === null || _a === void 0 ? void 0 : (_b = _a).onMouseEnter) === null || _c === void 0 ? void 0 : _c.call(_b, e);
-        };
-        newProps.onBlur = function (e) {
-            var _a, _b, _c;
-            if (isOutsideMenu({ triggerRef: triggerRef, menuPopupRef: menuPopupRef, event: e })) {
-                setOpen(e, false);
-            }
-            (_c = (_a = originalProps) === null || _a === void 0 ? void 0 : (_b = _a).onBlur) === null || _c === void 0 ? void 0 : _c.call(_b, e);
-        };
-        newProps.onKeyDown = function (e) {
-            var _a, _b, _c;
-            var keyCode = getCode(e);
-            if (keyCode === keyboardKey.Escape || (isSubmenu && keyCode === keyboardKey.ArrowLeft)) {
-                setOpen(e, false);
-                dismissedWithKeyboardRef.current = true;
-                e.stopPropagation(); // Left and Escape should only close one menu at a time
-            }
-            // Dismiss is still handled by click, but keydown event should still be propagated
-            // If a child uses keydown without a native click event, the menu will remain open
-            // Only native click event will close
-            if (keyCode === EnterKey || keyCode === SpacebarKey) {
-                dismissedWithKeyboardRef.current = true;
-            }
-            (_c = (_a = originalProps) === null || _a === void 0 ? void 0 : (_b = _a).onKeyDown) === null || _c === void 0 ? void 0 : _c.call(_b, e);
-        };
-        // Assumption made that all clicks will close the popup if propagated from children
-        // To stop clicks from closing the menu call stopPropagation
-        newProps.onClick = function (e) {
-            var _a, _b, _c;
-            setOpen(e, false);
-            (_c = (_a = originalProps) === null || _a === void 0 ? void 0 : (_b = _a).onClick) === null || _c === void 0 ? void 0 : _c.call(_b, e);
-        };
-        return React.createElement(Component, __assign(__assign({}, newProps), { ref: menuPopupRef }), menuList);
-    };
-    return state;
-};
-//# sourceMappingURL=useMenuPopup.js.map

package/lib/components/Menu/useMenuPopup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMenuPopup.js","sourceRoot":"../src/","sources":["components/Menu/useMenuPopup.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAiBlD;;GAEG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAwB;IAC3C,IAAA,2BAAS,EAAE,iCAAY,EAAE,uBAAO,EAAE,iBAAI,EAAE,yBAAQ,EAAE,6BAAU,EAAE,+BAAW,EAAE,mCAAa,EAAE,2BAAS,CAAW;IAEtH,IAAM,wBAAwB,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrD,KAAK,CAAC,SAAS,CAAC;;QACd,IAAI,wBAAwB,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE;YAC7C,MAAA,UAAU,CAAC,OAAO,0CAAE,KAAK,GAAG;SAC7B;QAED,wBAAwB,CAAC,OAAO,GAAG,KAAK,CAAC;IAC3C,CAAC,EAAE,CAAC,UAAU,EAAE,wBAAwB,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjD,SAAS,CAAC,QAAQ,GAAG,UAAC,SAAS,EAAE,aAAa;QAC5C,IAAM,QAAQ,cAAK,IAAI,EAAE,cAAc,IAAK,aAAa,CAAE,CAAC;QAE5D,QAAQ,CAAC,YAAY,GAAG,UAAC,CAAgC;;YACvD,IAAI,WAAW,IAAI,CAAC,aAAa,EAAE;gBACjC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;aAClB;YAED,YAAA,aAAa,iDAAE,YAAY,mDAAG,CAAC,EAAE;QACnC,CAAC,CAAC;QAEF,QAAQ,CAAC,MAAM,GAAG,UAAC,CAAgC;;YACjD,IAAI,aAAa,CAAC,EAAE,UAAU,YAAA,EAAE,YAAY,cAAA,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE;gBACzD,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;aACnB;YACD,YAAA,aAAa,iDAAE,MAAM,mDAAG,CAAC,EAAE;QAC7B,CAAC,CAAC;QAEF,QAAQ,CAAC,SAAS,GAAG,UAAC,CAAmC;;YACvD,IAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YAC3B,IAAI,OAAO,KAAK,WAAW,CAAC,MAAM,IAAI,CAAC,SAAS,IAAI,OAAO,KAAK,WAAW,CAAC,SAAS,CAAC,EAAE;gBACtF,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;gBAClB,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;gBACxC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,uDAAuD;aAC7E;YAED,kFAAkF;YAClF,kFAAkF;YAClF,qCAAqC;YACrC,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,WAAW,EAAE;gBACnD,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;aACzC;YAED,YAAA,aAAa,iDAAE,SAAS,mDAAG,CAAC,EAAE;QAChC,CAAC,CAAC;QAEF,mFAAmF;QACnF,4DAA4D;QAC5D,QAAQ,CAAC,OAAO,GAAG,UAAC,CAAgC;;YAClD,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;YAClB,YAAA,aAAa,iDAAE,OAAO,mDAAG,CAAC,EAAE;QAC9B,CAAC,CAAC;QAEF,OAAO,KAAK,CAAC,aAAa,CACxB,SAA8B,wBAEzB,QAAQ,KACX,GAAG,EAAE,YAAY,KAEnB,QAAQ,CACT,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,KAAkB,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { getCode, keyboardKey, EnterKey, SpacebarKey } from '@fluentui/keyboard-key';\nimport { MenuState } from './Menu.types';\nimport { isOutsideMenu } from '../../utils/index';\n\ninterface UseMenuPopupState\n  extends Pick<\n    MenuState,\n    | 'menuPopup'\n    | 'menuPopupRef'\n    | 'setOpen'\n    | 'menuList'\n    | 'openOnContext'\n    | 'openOnHover'\n    | 'triggerId'\n    | 'triggerRef'\n    | 'open'\n    | 'isSubmenu'\n  > {}\n\n/**\n * A hook that sets the correct render of the menu popup slot through the children render function\n */\nexport const useMenuPopup = (state: UseMenuPopupState) => {\n  const { menuPopup, menuPopupRef, setOpen, open, menuList, triggerRef, openOnHover, openOnContext, isSubmenu } = state;\n\n  const dismissedWithKeyboardRef = React.useRef(false);\n  React.useEffect(() => {\n    if (dismissedWithKeyboardRef.current && !open) {\n      triggerRef.current?.focus();\n    }\n\n    dismissedWithKeyboardRef.current = false;\n  }, [triggerRef, dismissedWithKeyboardRef, open]);\n\n  menuPopup.children = (Component, originalProps) => {\n    const newProps = { role: 'presentation', ...originalProps };\n\n    newProps.onMouseEnter = (e: React.MouseEvent<HTMLElement>) => {\n      if (openOnHover && !openOnContext) {\n        setOpen(e, true);\n      }\n\n      originalProps?.onMouseEnter?.(e);\n    };\n\n    newProps.onBlur = (e: React.FocusEvent<HTMLElement>) => {\n      if (isOutsideMenu({ triggerRef, menuPopupRef, event: e })) {\n        setOpen(e, false);\n      }\n      originalProps?.onBlur?.(e);\n    };\n\n    newProps.onKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n      const keyCode = getCode(e);\n      if (keyCode === keyboardKey.Escape || (isSubmenu && keyCode === keyboardKey.ArrowLeft)) {\n        setOpen(e, false);\n        dismissedWithKeyboardRef.current = true;\n        e.stopPropagation(); // Left and Escape should only close one menu at a time\n      }\n\n      // Dismiss is still handled by click, but keydown event should still be propagated\n      // If a child uses keydown without a native click event, the menu will remain open\n      // Only native click event will close\n      if (keyCode === EnterKey || keyCode === SpacebarKey) {\n        dismissedWithKeyboardRef.current = true;\n      }\n\n      originalProps?.onKeyDown?.(e);\n    };\n\n    // Assumption made that all clicks will close the popup if propagated from children\n    // To stop clicks from closing the menu call stopPropagation\n    newProps.onClick = (e: React.MouseEvent<HTMLElement>) => {\n      setOpen(e, false);\n      originalProps?.onClick?.(e);\n    };\n\n    return React.createElement(\n      Component as React.ElementType,\n      {\n        ...newProps,\n        ref: menuPopupRef,\n      },\n      menuList,\n    );\n  };\n\n  return state as MenuState;\n};\n"]}

package/lib/components/Menu/useMenuStyles.d.ts

@@ -1,6 +0,0 @@
-import { MenuState } from './Menu.types';
-/**
- * Apply styling to the Menu slots based on the state
- * {@docCategory Menu }
- */
-export declare const useMenuStyles: (state: MenuState) => MenuState;

package/lib/components/Menu/useMenuStyles.js

@@ -1,23 +0,0 @@
-import { ax, makeStyles } from '@fluentui/react-make-styles';
-var useStyles = makeStyles({
-    root: function (theme) { return ({
-        backgroundColor: theme.alias.color.neutral.neutralBackground1,
-        minWidth: '128px',
-        minHeight: '48px',
-        maxWidth: '300px',
-        width: 'max-content',
-        boxShadow: "" + theme.alias.shadow.shadow16,
-        paddingTop: '4px',
-        paddingBottom: '4px',
-    }); },
-});
-/**
- * Apply styling to the Menu slots based on the state
- * {@docCategory Menu }
- */
-export var useMenuStyles = function (state) {
-    var styles = useStyles();
-    state.menuPopup.className = ax(styles.root, state.menuPopup.className);
-    return state;
-};
-//# sourceMappingURL=useMenuStyles.js.map

package/lib/components/Menu/useMenuStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMenuStyles.js","sourceRoot":"../src/","sources":["components/Menu/useMenuStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAG7D,IAAM,SAAS,GAAG,UAAU,CAAC;IAC3B,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;QACd,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;QAC7D,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,aAAa;QACpB,SAAS,EAAE,KAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAU;QAC3C,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,KAAK;KACrB,CAAC,EATa,CASb;CACH,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,KAAgB;IAC5C,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACvE,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["import { ax, makeStyles } from '@fluentui/react-make-styles';\nimport { MenuState } from './Menu.types';\n\nconst useStyles = makeStyles({\n  root: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackground1,\n    minWidth: '128px',\n    minHeight: '48px',\n    maxWidth: '300px',\n    width: 'max-content',\n    boxShadow: `${theme.alias.shadow.shadow16}`,\n    paddingTop: '4px',\n    paddingBottom: '4px',\n  }),\n});\n\n/**\n * Apply styling to the Menu slots based on the state\n * {@docCategory Menu }\n */\nexport const useMenuStyles = (state: MenuState): MenuState => {\n  const styles = useStyles();\n  state.menuPopup.className = ax(styles.root, state.menuPopup.className);\n  return state;\n};\n"]}

package/lib/utils/isOutsideMenu.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-/**
- * Helper function that checks if a focus event moves focus outside of the menu trigger and menu popup
- */
-export declare const isOutsideMenu: ({ triggerRef, menuPopupRef, event, }: {
-    triggerRef: React.MutableRefObject<HTMLElement>;
-    menuPopupRef: React.MutableRefObject<HTMLElement>;
-    event: React.FocusEvent<Element>;
-}) => boolean;

package/lib/utils/isOutsideMenu.js

@@ -1,11 +0,0 @@
-/**
- * Helper function that checks if a focus event moves focus outside of the menu trigger and menu popup
- */
-export var isOutsideMenu = function (_a) {
-    var triggerRef = _a.triggerRef, menuPopupRef = _a.menuPopupRef, event = _a.event;
-    var _b, _c;
-    var isOutsidePopup = !((_b = menuPopupRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.relatedTarget));
-    var isOutsideTrigger = !((_c = triggerRef.current) === null || _c === void 0 ? void 0 : _c.contains(event.relatedTarget));
-    return isOutsidePopup && isOutsideTrigger;
-};
-//# sourceMappingURL=isOutsideMenu.js.map

package/lib/utils/isOutsideMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isOutsideMenu.js","sourceRoot":"../src/","sources":["utils/isOutsideMenu.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAQ7B;QAPC,0BAAU,EACV,8BAAY,EACZ,gBAAK;;IAML,IAAM,cAAc,GAAG,QAAC,YAAY,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAqB,EAAC,CAAC;IACpF,IAAM,gBAAgB,GAAG,QAAC,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAqB,EAAC,CAAC;IAEpF,OAAO,cAAc,IAAI,gBAAgB,CAAC;AAC5C,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { MenuContextValue } from '../contexts/menuContext';\n\n/**\n * Helper function that checks if a focus event moves focus outside of the menu trigger and menu popup\n */\nexport const isOutsideMenu = ({\n  triggerRef,\n  menuPopupRef,\n  event,\n}: {\n  triggerRef: MenuContextValue['triggerRef'];\n  menuPopupRef: MenuContextValue['menuPopupRef'];\n  event: React.FocusEvent;\n}) => {\n  const isOutsidePopup = !menuPopupRef.current?.contains(event.relatedTarget as Node);\n  const isOutsideTrigger = !triggerRef.current?.contains(event.relatedTarget as Node);\n\n  return isOutsidePopup && isOutsideTrigger;\n};\n"]}

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

@@ -1,8 +0,0 @@
-import { MenuState } from './Menu.types';
-interface UseMenuPopupState extends Pick<MenuState, 'menuPopup' | 'menuPopupRef' | 'setOpen' | 'menuList' | 'openOnContext' | 'openOnHover' | 'triggerId' | 'triggerRef' | 'open' | 'isSubmenu'> {
-}
-/**
- * A hook that sets the correct render of the menu popup slot through the children render function
- */
-export declare const useMenuPopup: (state: UseMenuPopupState) => MenuState;
-export {};

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

@@ -1,61 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/keyboard-key", "../../utils/index"], function (require, exports, tslib_1, React, keyboard_key_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * A hook that sets the correct render of the menu popup slot through the children render function
-     */
-    exports.useMenuPopup = function (state) {
-        var menuPopup = state.menuPopup, menuPopupRef = state.menuPopupRef, setOpen = state.setOpen, open = state.open, menuList = state.menuList, triggerRef = state.triggerRef, openOnHover = state.openOnHover, openOnContext = state.openOnContext, isSubmenu = state.isSubmenu;
-        var dismissedWithKeyboardRef = React.useRef(false);
-        React.useEffect(function () {
-            var _a;
-            if (dismissedWithKeyboardRef.current && !open) {
-                (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-            dismissedWithKeyboardRef.current = false;
-        }, [triggerRef, dismissedWithKeyboardRef, open]);
-        menuPopup.children = function (Component, originalProps) {
-            var newProps = tslib_1.__assign({ role: 'presentation' }, originalProps);
-            newProps.onMouseEnter = function (e) {
-                var _a, _b, _c;
-                if (openOnHover && !openOnContext) {
-                    setOpen(e, true);
-                }
-                (_c = (_a = originalProps) === null || _a === void 0 ? void 0 : (_b = _a).onMouseEnter) === null || _c === void 0 ? void 0 : _c.call(_b, e);
-            };
-            newProps.onBlur = function (e) {
-                var _a, _b, _c;
-                if (index_1.isOutsideMenu({ triggerRef: triggerRef, menuPopupRef: menuPopupRef, event: e })) {
-                    setOpen(e, false);
-                }
-                (_c = (_a = originalProps) === null || _a === void 0 ? void 0 : (_b = _a).onBlur) === null || _c === void 0 ? void 0 : _c.call(_b, e);
-            };
-            newProps.onKeyDown = function (e) {
-                var _a, _b, _c;
-                var keyCode = keyboard_key_1.getCode(e);
-                if (keyCode === keyboard_key_1.keyboardKey.Escape || (isSubmenu && keyCode === keyboard_key_1.keyboardKey.ArrowLeft)) {
-                    setOpen(e, false);
-                    dismissedWithKeyboardRef.current = true;
-                    e.stopPropagation(); // Left and Escape should only close one menu at a time
-                }
-                // Dismiss is still handled by click, but keydown event should still be propagated
-                // If a child uses keydown without a native click event, the menu will remain open
-                // Only native click event will close
-                if (keyCode === keyboard_key_1.EnterKey || keyCode === keyboard_key_1.SpacebarKey) {
-                    dismissedWithKeyboardRef.current = true;
-                }
-                (_c = (_a = originalProps) === null || _a === void 0 ? void 0 : (_b = _a).onKeyDown) === null || _c === void 0 ? void 0 : _c.call(_b, e);
-            };
-            // Assumption made that all clicks will close the popup if propagated from children
-            // To stop clicks from closing the menu call stopPropagation
-            newProps.onClick = function (e) {
-                var _a, _b, _c;
-                setOpen(e, false);
-                (_c = (_a = originalProps) === null || _a === void 0 ? void 0 : (_b = _a).onClick) === null || _c === void 0 ? void 0 : _c.call(_b, e);
-            };
-            return React.createElement(Component, tslib_1.__assign(tslib_1.__assign({}, newProps), { ref: menuPopupRef }), menuList);
-        };
-        return state;
-    };
-});
-//# sourceMappingURL=useMenuPopup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useMenuPopup.js","sourceRoot":"../src/","sources":["components/Menu/useMenuPopup.ts"],"names":[],"mappings":";;;IAoBA;;OAEG;IACU,QAAA,YAAY,GAAG,UAAC,KAAwB;QAC3C,IAAA,2BAAS,EAAE,iCAAY,EAAE,uBAAO,EAAE,iBAAI,EAAE,yBAAQ,EAAE,6BAAU,EAAE,+BAAW,EAAE,mCAAa,EAAE,2BAAS,CAAW;QAEtH,IAAM,wBAAwB,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACrD,KAAK,CAAC,SAAS,CAAC;;YACd,IAAI,wBAAwB,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE;gBAC7C,MAAA,UAAU,CAAC,OAAO,0CAAE,KAAK,GAAG;aAC7B;YAED,wBAAwB,CAAC,OAAO,GAAG,KAAK,CAAC;QAC3C,CAAC,EAAE,CAAC,UAAU,EAAE,wBAAwB,EAAE,IAAI,CAAC,CAAC,CAAC;QAEjD,SAAS,CAAC,QAAQ,GAAG,UAAC,SAAS,EAAE,aAAa;YAC5C,IAAM,QAAQ,sBAAK,IAAI,EAAE,cAAc,IAAK,aAAa,CAAE,CAAC;YAE5D,QAAQ,CAAC,YAAY,GAAG,UAAC,CAAgC;;gBACvD,IAAI,WAAW,IAAI,CAAC,aAAa,EAAE;oBACjC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;iBAClB;gBAED,YAAA,aAAa,iDAAE,YAAY,mDAAG,CAAC,EAAE;YACnC,CAAC,CAAC;YAEF,QAAQ,CAAC,MAAM,GAAG,UAAC,CAAgC;;gBACjD,IAAI,qBAAa,CAAC,EAAE,UAAU,YAAA,EAAE,YAAY,cAAA,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE;oBACzD,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;iBACnB;gBACD,YAAA,aAAa,iDAAE,MAAM,mDAAG,CAAC,EAAE;YAC7B,CAAC,CAAC;YAEF,QAAQ,CAAC,SAAS,GAAG,UAAC,CAAmC;;gBACvD,IAAM,OAAO,GAAG,sBAAO,CAAC,CAAC,CAAC,CAAC;gBAC3B,IAAI,OAAO,KAAK,0BAAW,CAAC,MAAM,IAAI,CAAC,SAAS,IAAI,OAAO,KAAK,0BAAW,CAAC,SAAS,CAAC,EAAE;oBACtF,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;oBAClB,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;oBACxC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,uDAAuD;iBAC7E;gBAED,kFAAkF;gBAClF,kFAAkF;gBAClF,qCAAqC;gBACrC,IAAI,OAAO,KAAK,uBAAQ,IAAI,OAAO,KAAK,0BAAW,EAAE;oBACnD,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;iBACzC;gBAED,YAAA,aAAa,iDAAE,SAAS,mDAAG,CAAC,EAAE;YAChC,CAAC,CAAC;YAEF,mFAAmF;YACnF,4DAA4D;YAC5D,QAAQ,CAAC,OAAO,GAAG,UAAC,CAAgC;;gBAClD,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;gBAClB,YAAA,aAAa,iDAAE,OAAO,mDAAG,CAAC,EAAE;YAC9B,CAAC,CAAC;YAEF,OAAO,KAAK,CAAC,aAAa,CACxB,SAA8B,wCAEzB,QAAQ,KACX,GAAG,EAAE,YAAY,KAEnB,QAAQ,CACT,CAAC;QACJ,CAAC,CAAC;QAEF,OAAO,KAAkB,CAAC;IAC5B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { getCode, keyboardKey, EnterKey, SpacebarKey } from '@fluentui/keyboard-key';\nimport { MenuState } from './Menu.types';\nimport { isOutsideMenu } from '../../utils/index';\n\ninterface UseMenuPopupState\n  extends Pick<\n    MenuState,\n    | 'menuPopup'\n    | 'menuPopupRef'\n    | 'setOpen'\n    | 'menuList'\n    | 'openOnContext'\n    | 'openOnHover'\n    | 'triggerId'\n    | 'triggerRef'\n    | 'open'\n    | 'isSubmenu'\n  > {}\n\n/**\n * A hook that sets the correct render of the menu popup slot through the children render function\n */\nexport const useMenuPopup = (state: UseMenuPopupState) => {\n  const { menuPopup, menuPopupRef, setOpen, open, menuList, triggerRef, openOnHover, openOnContext, isSubmenu } = state;\n\n  const dismissedWithKeyboardRef = React.useRef(false);\n  React.useEffect(() => {\n    if (dismissedWithKeyboardRef.current && !open) {\n      triggerRef.current?.focus();\n    }\n\n    dismissedWithKeyboardRef.current = false;\n  }, [triggerRef, dismissedWithKeyboardRef, open]);\n\n  menuPopup.children = (Component, originalProps) => {\n    const newProps = { role: 'presentation', ...originalProps };\n\n    newProps.onMouseEnter = (e: React.MouseEvent<HTMLElement>) => {\n      if (openOnHover && !openOnContext) {\n        setOpen(e, true);\n      }\n\n      originalProps?.onMouseEnter?.(e);\n    };\n\n    newProps.onBlur = (e: React.FocusEvent<HTMLElement>) => {\n      if (isOutsideMenu({ triggerRef, menuPopupRef, event: e })) {\n        setOpen(e, false);\n      }\n      originalProps?.onBlur?.(e);\n    };\n\n    newProps.onKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n      const keyCode = getCode(e);\n      if (keyCode === keyboardKey.Escape || (isSubmenu && keyCode === keyboardKey.ArrowLeft)) {\n        setOpen(e, false);\n        dismissedWithKeyboardRef.current = true;\n        e.stopPropagation(); // Left and Escape should only close one menu at a time\n      }\n\n      // Dismiss is still handled by click, but keydown event should still be propagated\n      // If a child uses keydown without a native click event, the menu will remain open\n      // Only native click event will close\n      if (keyCode === EnterKey || keyCode === SpacebarKey) {\n        dismissedWithKeyboardRef.current = true;\n      }\n\n      originalProps?.onKeyDown?.(e);\n    };\n\n    // Assumption made that all clicks will close the popup if propagated from children\n    // To stop clicks from closing the menu call stopPropagation\n    newProps.onClick = (e: React.MouseEvent<HTMLElement>) => {\n      setOpen(e, false);\n      originalProps?.onClick?.(e);\n    };\n\n    return React.createElement(\n      Component as React.ElementType,\n      {\n        ...newProps,\n        ref: menuPopupRef,\n      },\n      menuList,\n    );\n  };\n\n  return state as MenuState;\n};\n"]}

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

@@ -1,6 +0,0 @@
-import { MenuState } from './Menu.types';
-/**
- * Apply styling to the Menu slots based on the state
- * {@docCategory Menu }
- */
-export declare const useMenuStyles: (state: MenuState) => MenuState;

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

@@ -1 +0,0 @@
-{"version":3,"file":"useMenuStyles.js","sourceRoot":"../src/","sources":["components/Menu/useMenuStyles.ts"],"names":[],"mappings":";;;IAGA,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;YAC7D,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,KAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAU;YAC3C,UAAU,EAAE,KAAK;YACjB,aAAa,EAAE,KAAK;SACrB,CAAC,EATa,CASb;KACH,CAAC,CAAC;IAEH;;;OAGG;IACU,QAAA,aAAa,GAAG,UAAC,KAAgB;QAC5C,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG,sBAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACvE,OAAO,KAAK,CAAC;IACf,CAAC,CAAC","sourcesContent":["import { ax, makeStyles } from '@fluentui/react-make-styles';\nimport { MenuState } from './Menu.types';\n\nconst useStyles = makeStyles({\n  root: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackground1,\n    minWidth: '128px',\n    minHeight: '48px',\n    maxWidth: '300px',\n    width: 'max-content',\n    boxShadow: `${theme.alias.shadow.shadow16}`,\n    paddingTop: '4px',\n    paddingBottom: '4px',\n  }),\n});\n\n/**\n * Apply styling to the Menu slots based on the state\n * {@docCategory Menu }\n */\nexport const useMenuStyles = (state: MenuState): MenuState => {\n  const styles = useStyles();\n  state.menuPopup.className = ax(styles.root, state.menuPopup.className);\n  return state;\n};\n"]}

package/lib-amd/utils/isOutsideMenu.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-/**
- * Helper function that checks if a focus event moves focus outside of the menu trigger and menu popup
- */
-export declare const isOutsideMenu: ({ triggerRef, menuPopupRef, event, }: {
-    triggerRef: React.MutableRefObject<HTMLElement>;
-    menuPopupRef: React.MutableRefObject<HTMLElement>;
-    event: React.FocusEvent<Element>;
-}) => boolean;

package/lib-amd/utils/isOutsideMenu.js

@@ -1,15 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Helper function that checks if a focus event moves focus outside of the menu trigger and menu popup
-     */
-    exports.isOutsideMenu = function (_a) {
-        var triggerRef = _a.triggerRef, menuPopupRef = _a.menuPopupRef, event = _a.event;
-        var _b, _c;
-        var isOutsidePopup = !((_b = menuPopupRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.relatedTarget));
-        var isOutsideTrigger = !((_c = triggerRef.current) === null || _c === void 0 ? void 0 : _c.contains(event.relatedTarget));
-        return isOutsidePopup && isOutsideTrigger;
-    };
-});
-//# sourceMappingURL=isOutsideMenu.js.map

package/lib-amd/utils/isOutsideMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isOutsideMenu.js","sourceRoot":"../src/","sources":["utils/isOutsideMenu.ts"],"names":[],"mappings":";;;IAGA;;OAEG;IACU,QAAA,aAAa,GAAG,UAAC,EAQ7B;YAPC,0BAAU,EACV,8BAAY,EACZ,gBAAK;;QAML,IAAM,cAAc,GAAG,QAAC,YAAY,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAqB,EAAC,CAAC;QACpF,IAAM,gBAAgB,GAAG,QAAC,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAqB,EAAC,CAAC;QAEpF,OAAO,cAAc,IAAI,gBAAgB,CAAC;IAC5C,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { MenuContextValue } from '../contexts/menuContext';\n\n/**\n * Helper function that checks if a focus event moves focus outside of the menu trigger and menu popup\n */\nexport const isOutsideMenu = ({\n  triggerRef,\n  menuPopupRef,\n  event,\n}: {\n  triggerRef: MenuContextValue['triggerRef'];\n  menuPopupRef: MenuContextValue['menuPopupRef'];\n  event: React.FocusEvent;\n}) => {\n  const isOutsidePopup = !menuPopupRef.current?.contains(event.relatedTarget as Node);\n  const isOutsideTrigger = !triggerRef.current?.contains(event.relatedTarget as Node);\n\n  return isOutsidePopup && isOutsideTrigger;\n};\n"]}

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

@@ -1,8 +0,0 @@
-import { MenuState } from './Menu.types';
-interface UseMenuPopupState extends Pick<MenuState, 'menuPopup' | 'menuPopupRef' | 'setOpen' | 'menuList' | 'openOnContext' | 'openOnHover' | 'triggerId' | 'triggerRef' | 'open' | 'isSubmenu'> {
-}
-/**
- * A hook that sets the correct render of the menu popup slot through the children render function
- */
-export declare const useMenuPopup: (state: UseMenuPopupState) => MenuState;
-export {};