@fluentui/react-menu 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230228-0425.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Menu/Menu.js"],"sourcesContent":["import * as React from 'react';\nimport { useMenu_unstable } from './useMenu';\nimport { useMenuContextValues_unstable } from './useMenuContextValues';\nimport { renderMenu_unstable } from './renderMenu';\n/**\n * Wrapper component that manages state for a popup MenuList and a MenuTrigger\n */\nexport const Menu = props => {\n  const state = useMenu_unstable(props);\n  const contextValues = useMenuContextValues_unstable(state);\n  return renderMenu_unstable(state, contextValues);\n};\nMenu.displayName = 'Menu';\n//# sourceMappingURL=Menu.js.map"],"names":["Menu","props","state","useMenu_unstable","contextValues","useMenuContextValues_unstable","renderMenu_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;yBACU;sCACa;4BACV;AAI7B,MAAMA,OAAOC,CAAAA,QAAS;IAC3B,MAAMC,QAAQC,IAAAA,yBAAgB,EAACF;IAC/B,MAAMG,gBAAgBC,IAAAA,mDAA6B,EAACH;IACpD,OAAOI,IAAAA,+BAAmB,EAACJ,OAAOE;AACpC;AACAJ,KAAKO,WAAW,GAAG,QACnB,gCAAgC"}
+{"version":3,"mappings":";;;;;;AACA;AACA;AACA;AAGA;;;AAGO,MAAMA,IAAI,GAAwBC,KAAK,IAAG;EAC/C,MAAMC,KAAK,GAAGC,0BAAgB,CAACF,KAAK,CAAC;EACrC,MAAMG,aAAa,GAAGC,oDAA6B,CAACH,KAAK,CAAC;EAE1D,OAAOI,gCAAmB,CAACJ,KAAK,EAAEE,aAAa,CAAC;AAClD,CAAC;AALYG,YAAI;AAOjBA,YAAI,CAACC,WAAW,GAAG,MAAM","names":["Menu","props","state","useMenu_1","contextValues","useMenuContextValues_1","renderMenu_1","exports","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/Menu/Menu.tsx"],"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"]}

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

@@ -1,9 +1,6 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
- //# sourceMappingURL=Menu.types.js.map
-
 //# sourceMappingURL=Menu.types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Menu/Menu.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=Menu.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,sCAAsC"}
+{"version":3,"mappings":"","names":[],"sourceRoot":"","sources":[],"sourcesContent":[]}

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

@@ -1,13 +1,12 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./Menu"), exports);
-_exportStar(require("./Menu.types"), exports);
-_exportStar(require("./renderMenu"), exports);
-_exportStar(require("./useMenu"), exports);
-_exportStar(require("./useMenuContextValues"), exports);
- //# sourceMappingURL=index.js.map
-
+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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Menu/index.js"],"sourcesContent":["export * from './Menu';\nexport * from './Menu.types';\nexport * from './renderMenu';\nexport * from './useMenu';\nexport * from './useMenuContextValues';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/Menu/index.ts"],"sourcesContent":["export * from './Menu';\nexport * from './Menu.types';\nexport * from './renderMenu';\nexport * from './useMenu';\nexport * from './useMenuContextValues';\n"]}

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

@@ -1,18 +1,18 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderMenu_unstable", {
-    enumerable: true,
-    get: ()=>renderMenu_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _menuContext = require("../../contexts/menuContext");
-const renderMenu_unstable = (state, contextValues)=>{
-    return /*#__PURE__*/ _react.createElement(_menuContext.MenuProvider, {
-        value: contextValues.menu
-    }, state.menuTrigger, state.open && state.menuPopover);
-}; //# sourceMappingURL=renderMenu.js.map
-
+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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Menu/renderMenu.js"],"sourcesContent":["import * as React from 'react';\nimport { MenuProvider } from '../../contexts/menuContext';\n/**\n * Render the final JSX of Menu\n */\nexport const renderMenu_unstable = (state, contextValues) => {\n  return /*#__PURE__*/React.createElement(MenuProvider, {\n    value: contextValues.menu\n  }, state.menuTrigger, state.open && state.menuPopover);\n};\n//# sourceMappingURL=renderMenu.js.map"],"names":["renderMenu_unstable","state","contextValues","React","createElement","MenuProvider","value","menu","menuTrigger","open","menuPopover"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;6BACM;AAItB,MAAMA,sBAAsB,CAACC,OAAOC,gBAAkB;IAC3D,OAAO,WAAW,GAAEC,OAAMC,aAAa,CAACC,yBAAY,EAAE;QACpDC,OAAOJ,cAAcK,IAAI;IAC3B,GAAGN,MAAMO,WAAW,EAAEP,MAAMQ,IAAI,IAAIR,MAAMS,WAAW;AACvD,GACA,sCAAsC"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AAGA;;;AAGO,MAAMA,mBAAmB,GAAG,CAACC,KAAgB,EAAEC,aAAgC,KAAI;EACxF,OACEC,oBAACC,0BAAY;IAACC,KAAK,EAAEH,aAAa,CAACI;EAAI,GACpCL,KAAK,CAACM,WAAW,EACjBN,KAAK,CAACO,IAAI,IAAIP,KAAK,CAACQ,WAAW,CACnB;AAEnB,CAAC;AAPYC,2BAAmB","names":["renderMenu_unstable","state","contextValues","React","menuContext_1","value","menu","menuTrigger","open","menuPopover","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/Menu/renderMenu.tsx"],"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"]}

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

@@ -1,263 +1,266 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useMenu_unstable", {
-    enumerable: true,
-    get: ()=>useMenu_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactPositioning = require("@fluentui/react-positioning");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
-const _reactPortal = require("@fluentui/react-portal");
-const _reactTabster = require("@fluentui/react-tabster");
-const _menuContext = require("../../contexts/menuContext");
-const _index = require("../../utils/index");
-const _useIsSubmenu = require("../../utils/useIsSubmenu");
-const useMenu_unstable = (props)=>{
-    const isSubmenu = (0, _useIsSubmenu.useIsSubmenu)();
-    const { hoverDelay =500 , inline =false , hasCheckmarks =false , hasIcons =false , closeOnScroll =false , openOnContext =false , persistOnItemClick =false , openOnHover =isSubmenu , defaultCheckedValues  } = props;
-    const triggerId = (0, _reactUtilities.useId)('menu');
-    const [contextTarget, setContextTarget] = (0, _reactPositioning.usePositioningMouseTarget)();
-    const positioningState = {
-        position: isSubmenu ? 'after' : 'below',
-        align: isSubmenu ? 'top' : 'start',
-        target: props.openOnContext ? contextTarget : undefined,
-        ...(0, _reactPositioning.resolvePositioningShorthand)(props.positioning)
-    };
-    const children = _react.Children.toArray(props.children);
-    if (process.env.NODE_ENV !== 'production') {
-        if (children.length === 0) {
-            // eslint-disable-next-line no-console
-            console.warn('Menu must contain at least one child');
-        }
-        if (children.length > 2) {
-            // eslint-disable-next-line no-console
-            console.warn('Menu must contain at most two children');
-        }
+exports.useMenu_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_positioning_1 = /*#__PURE__*/require("@fluentui/react-positioning");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+const react_portal_1 = /*#__PURE__*/require("@fluentui/react-portal");
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+const menuContext_1 = /*#__PURE__*/require("../../contexts/menuContext");
+const index_1 = /*#__PURE__*/require("../../utils/index");
+const useIsSubmenu_1 = /*#__PURE__*/require("../../utils/useIsSubmenu");
+/**
+ * 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
+ */
+const useMenu_unstable = props => {
+  const isSubmenu = useIsSubmenu_1.useIsSubmenu();
+  const {
+    hoverDelay = 500,
+    inline = false,
+    hasCheckmarks = false,
+    hasIcons = false,
+    closeOnScroll = false,
+    openOnContext = false,
+    persistOnItemClick = false,
+    openOnHover = isSubmenu,
+    defaultCheckedValues
+  } = props;
+  const triggerId = react_utilities_1.useId('menu');
+  const [contextTarget, setContextTarget] = react_positioning_1.usePositioningMouseTarget();
+  const positioningState = {
+    position: isSubmenu ? 'after' : 'below',
+    align: isSubmenu ? 'top' : 'start',
+    target: props.openOnContext ? contextTarget : undefined,
+    ...react_positioning_1.resolvePositioningShorthand(props.positioning)
+  };
+  const children = React.Children.toArray(props.children);
+  if (process.env.NODE_ENV !== 'production') {
+    if (children.length === 0) {
+      // eslint-disable-next-line no-console
+      console.warn('Menu must contain at least one child');
     }
-    let menuTrigger = undefined;
-    let menuPopover = undefined;
-    if (children.length === 2) {
-        menuTrigger = children[0];
-        menuPopover = children[1];
-    } else if (children.length === 1) {
-        menuPopover = children[0];
+    if (children.length > 2) {
+      // eslint-disable-next-line no-console
+      console.warn('Menu must contain at most two children');
     }
-    const { targetRef: triggerRef , containerRef: menuPopoverRef  } = (0, _reactPositioning.usePositioning)(positioningState);
-    // TODO Better way to narrow types ?
-    const [open, setOpen] = useMenuOpenState({
-        hoverDelay,
-        isSubmenu,
-        setContextTarget,
-        closeOnScroll,
-        menuPopoverRef,
-        triggerRef,
-        open: props.open,
-        defaultOpen: props.defaultOpen,
-        onOpenChange: props.onOpenChange,
-        openOnContext
-    });
-    const [checkedValues, onCheckedValueChange] = useMenuSelectableState({
-        checkedValues: props.checkedValues,
-        defaultCheckedValues,
-        onCheckedValueChange: props.onCheckedValueChange
-    });
-    return {
-        inline,
-        hoverDelay,
-        triggerId,
-        isSubmenu,
-        openOnHover,
-        contextTarget,
-        setContextTarget,
-        hasCheckmarks,
-        hasIcons,
-        closeOnScroll,
-        menuTrigger,
-        menuPopover,
-        triggerRef,
-        menuPopoverRef,
-        components: {},
-        openOnContext,
-        open,
-        setOpen,
-        checkedValues,
-        onCheckedValueChange,
-        persistOnItemClick
-    };
+  }
+  let menuTrigger = undefined;
+  let menuPopover = undefined;
+  if (children.length === 2) {
+    menuTrigger = children[0];
+    menuPopover = children[1];
+  } else if (children.length === 1) {
+    menuPopover = children[0];
+  }
+  const {
+    targetRef: triggerRef,
+    containerRef: menuPopoverRef
+  } = react_positioning_1.usePositioning(positioningState);
+  // TODO Better way to narrow types ?
+  const [open, setOpen] = useMenuOpenState({
+    hoverDelay,
+    isSubmenu,
+    setContextTarget,
+    closeOnScroll,
+    menuPopoverRef,
+    triggerRef,
+    open: props.open,
+    defaultOpen: props.defaultOpen,
+    onOpenChange: props.onOpenChange,
+    openOnContext
+  });
+  const [checkedValues, onCheckedValueChange] = useMenuSelectableState({
+    checkedValues: props.checkedValues,
+    defaultCheckedValues,
+    onCheckedValueChange: props.onCheckedValueChange
+  });
+  return {
+    inline,
+    hoverDelay,
+    triggerId,
+    isSubmenu,
+    openOnHover,
+    contextTarget,
+    setContextTarget,
+    hasCheckmarks,
+    hasIcons,
+    closeOnScroll,
+    menuTrigger,
+    menuPopover,
+    triggerRef,
+    menuPopoverRef,
+    components: {},
+    openOnContext,
+    open,
+    setOpen,
+    checkedValues,
+    onCheckedValueChange,
+    persistOnItemClick
+  };
 };
+exports.useMenu_unstable = useMenu_unstable;
 /**
  * Adds appropriate state values and handlers for selectable items
  * i.e checkboxes and radios
- */ const useMenuSelectableState = (props)=>{
-    const [checkedValues, setCheckedValues] = (0, _reactUtilities.useControllableState)({
-        state: props.checkedValues,
-        defaultState: props.defaultCheckedValues,
-        initialState: {}
-    });
-    const onCheckedValueChange = (0, _reactUtilities.useEventCallback)((e, param)=>{
-        let { name , checkedItems  } = param;
-        var _props_onCheckedValueChange;
-        (_props_onCheckedValueChange = props.onCheckedValueChange) === null || _props_onCheckedValueChange === void 0 ? void 0 : _props_onCheckedValueChange.call(props, e, {
-            name,
-            checkedItems
-        });
-        setCheckedValues((currentValue)=>({
-                ...currentValue,
-                [name]: checkedItems
-            }));
+ */
+const useMenuSelectableState = props => {
+  const [checkedValues, setCheckedValues] = react_utilities_1.useControllableState({
+    state: props.checkedValues,
+    defaultState: props.defaultCheckedValues,
+    initialState: {}
+  });
+  const onCheckedValueChange = react_utilities_1.useEventCallback((e, {
+    name,
+    checkedItems
+  }) => {
+    var _a;
+    (_a = props.onCheckedValueChange) === null || _a === void 0 ? void 0 : _a.call(props, e, {
+      name,
+      checkedItems
     });
-    return [
-        checkedValues,
-        onCheckedValueChange
-    ];
+    setCheckedValues(currentValue => ({
+      ...currentValue,
+      [name]: checkedItems
+    }));
+  });
+  return [checkedValues, onCheckedValueChange];
 };
-const useMenuOpenState = (state)=>{
-    const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
-    const parentSetOpen = (0, _menuContext.useMenuContext_unstable)((context)=>context.setOpen);
-    const onOpenChange = (0, _reactUtilities.useEventCallback)((e, data)=>{
-        var _state_onOpenChange;
-        return (_state_onOpenChange = state.onOpenChange) === null || _state_onOpenChange === void 0 ? void 0 : _state_onOpenChange.call(state, e, data);
+const useMenuOpenState = state => {
+  const {
+    targetDocument
+  } = react_shared_contexts_1.useFluent_unstable();
+  const parentSetOpen = menuContext_1.useMenuContext_unstable(context => context.setOpen);
+  const onOpenChange = react_utilities_1.useEventCallback((e, data) => {
+    var _a;
+    return (_a = state.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(state, e, data);
+  });
+  const shouldHandleCloseRef = React.useRef(false);
+  const setOpenTimeout = React.useRef(0);
+  const enteringTriggerRef = React.useRef(false);
+  const [open, setOpenState] = react_utilities_1.useControllableState({
+    state: state.open,
+    defaultState: state.defaultOpen,
+    initialState: false
+  });
+  const trySetOpen = react_utilities_1.useEventCallback((e, data) => {
+    const event = e instanceof CustomEvent && e.type === index_1.MENU_ENTER_EVENT ? e.detail.nativeEvent : e;
+    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(event, {
+      ...data
     });
-    const shouldHandleCloseRef = _react.useRef(false);
-    const setOpenTimeout = _react.useRef(0);
-    const enteringTriggerRef = _react.useRef(false);
-    const [open, setOpenState] = (0, _reactUtilities.useControllableState)({
-        state: state.open,
-        defaultState: state.defaultOpen,
-        initialState: false
-    });
-    const trySetOpen = (0, _reactUtilities.useEventCallback)((e, data)=>{
-        const event = e instanceof CustomEvent && e.type === _index.MENU_ENTER_EVENT ? e.detail.nativeEvent : e;
-        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(event, {
-            ...data
+    if (data.open && e.type === 'contextmenu') {
+      state.setContextTarget(e);
+    }
+    if (!data.open) {
+      state.setContextTarget(undefined);
+      shouldHandleCloseRef.current = true;
+    }
+    if (data.bubble) {
+      parentSetOpen(e, {
+        ...data
+      });
+    }
+    setOpenState(data.open);
+  });
+  const setOpen = react_utilities_1.useEventCallback((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_1.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(() => 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.openOnContext && state.triggerRef].filter(Boolean),
+    callback: event => setOpen(event, {
+      open: false,
+      type: 'clickOutside',
+      event
+    })
+  });
+  // only close on scroll for context, or when closeOnScroll is specified
+  const closeOnScroll = state.openOnContext || state.closeOnScroll;
+  react_utilities_1.useOnScrollOutside({
+    contains: react_portal_1.elementContains,
+    element: targetDocument,
+    callback: event => setOpen(event, {
+      open: false,
+      type: 'scrollOutside',
+      event
+    }),
+    refs: [state.menuPopoverRef, !state.openOnContext && state.triggerRef].filter(Boolean),
+    disabled: !open || !closeOnScroll
+  });
+  index_1.useOnMenuMouseEnter({
+    element: targetDocument,
+    callback: event => {
+      // 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(event, {
+          open: false,
+          type: 'menuMouseEnter',
+          event
         });
-        if (data.open && e.type === 'contextmenu') {
-            state.setContextTarget(e);
-        }
-        if (!data.open) {
-            state.setContextTarget(undefined);
-            shouldHandleCloseRef.current = true;
-        }
-        if (data.bubble) {
-            parentSetOpen(e, {
-                ...data
-            });
-        }
-        setOpenState(data.open);
-    });
-    const setOpen = (0, _reactUtilities.useEventCallback)((e, data)=>{
-        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.MENU_ENTER_EVENT) {
-            var _state_triggerRef_current;
-            if ((_state_triggerRef_current = state.triggerRef.current) === null || _state_triggerRef_current === void 0 ? void 0 : _state_triggerRef_current.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(()=>trySetOpen(e, data), state.hoverDelay);
-        } else {
-            trySetOpen(e, data);
-        }
-    });
-    (0, _reactUtilities.useOnClickOutside)({
-        contains: _reactPortal.elementContains,
-        disabled: !open,
-        element: targetDocument,
-        refs: [
-            state.menuPopoverRef,
-            !state.openOnContext && state.triggerRef
-        ].filter(Boolean),
-        callback: (event)=>setOpen(event, {
-                open: false,
-                type: 'clickOutside',
-                event
-            })
-    });
-    // only close on scroll for context, or when closeOnScroll is specified
-    const closeOnScroll = state.openOnContext || state.closeOnScroll;
-    (0, _reactUtilities.useOnScrollOutside)({
-        contains: _reactPortal.elementContains,
-        element: targetDocument,
-        callback: (event)=>setOpen(event, {
-                open: false,
-                type: 'scrollOutside',
-                event
-            }),
-        refs: [
-            state.menuPopoverRef,
-            !state.openOnContext && state.triggerRef
-        ].filter(Boolean),
-        disabled: !open || !closeOnScroll
-    });
-    (0, _index.useOnMenuMouseEnter)({
-        element: targetDocument,
-        callback: (event)=>{
-            // 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(event, {
-                    open: false,
-                    type: 'menuMouseEnter',
-                    event
-                });
-            }
-        },
-        disabled: !open,
-        refs: [
-            state.menuPopoverRef
-        ]
-    });
-    // Clear timeout on unmount
-    // Setting state after a component unmounts can cause memory leaks
-    _react.useEffect(()=>{
-        return ()=>{
-            clearTimeout(setOpenTimeout.current);
-        };
-    }, []);
-    // Manage focus for open state
-    const { findFirstFocusable  } = (0, _reactTabster.useFocusFinders)();
-    const focusFirst = _react.useCallback(()=>{
-        const firstFocusable = findFirstFocusable(state.menuPopoverRef.current);
-        firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();
-    }, [
-        findFirstFocusable,
-        state.menuPopoverRef
-    ]);
-    _react.useEffect(()=>{
-        if (open) {
-            focusFirst();
-        } else {
-            if (shouldHandleCloseRef.current) {
-                var // We know that React effects are sync so we focus the trigger here
-                // after any event handler (event handlers will update state and re-render).
-                // Since the browser only performs the default behaviour for the Tab key once
-                // keyboard events have fully bubbled up the window, the browser will move
-                // focus to the next tabbable element before/after the trigger if needed.
-                // If the Tab key was not pressed, focus will remain on the trigger as expected.
-                _state_triggerRef_current;
-                (_state_triggerRef_current = state.triggerRef.current) === null || _state_triggerRef_current === void 0 ? void 0 : _state_triggerRef_current.focus();
-            }
-        }
-        shouldHandleCloseRef.current = false;
-    }, [
-        state.triggerRef,
-        state.isSubmenu,
-        open,
-        focusFirst
-    ]);
-    return [
-        open,
-        setOpen
-    ];
-}; //# sourceMappingURL=useMenu.js.map
-
+      }
+    },
+    disabled: !open,
+    refs: [state.menuPopoverRef]
+  });
+  // Clear timeout on unmount
+  // Setting state after a component unmounts can cause memory leaks
+  React.useEffect(() => {
+    return () => {
+      clearTimeout(setOpenTimeout.current);
+    };
+  }, []);
+  // Manage focus for open state
+  const {
+    findFirstFocusable
+  } = react_tabster_1.useFocusFinders();
+  const focusFirst = React.useCallback(() => {
+    const firstFocusable = findFirstFocusable(state.menuPopoverRef.current);
+    firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();
+  }, [findFirstFocusable, state.menuPopoverRef]);
+  React.useEffect(() => {
+    var _a;
+    if (open) {
+      focusFirst();
+    } else {
+      if (shouldHandleCloseRef.current) {
+        // We know that React effects are sync so we focus the trigger here
+        // after any event handler (event handlers will update state and re-render).
+        // Since the browser only performs the default behaviour for the Tab key once
+        // keyboard events have fully bubbled up the window, the browser will move
+        // focus to the next tabbable element before/after the trigger if needed.
+        // If the Tab key was not pressed, focus will remain on the trigger as expected.
+        (_a = state.triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      }
+    }
+    shouldHandleCloseRef.current = false;
+  }, [state.triggerRef, state.isSubmenu, open, focusFirst]);
+  return [open, setOpen];
+};
 //# sourceMappingURL=useMenu.js.map