@fluentui/react-menu 0.0.0-nightly-20230222-0421.1 → 0.0.0-nightly-20230223-2115.1

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

@@ -1,266 +1,263 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-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');
+Object.defineProperty(exports, "useMenu_unstable", {
+    enumerable: true,
+    get: ()=>useMenu_unstable
+});
+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');
+        }
     }
-    if (children.length > 2) {
-      // eslint-disable-next-line no-console
-      console.warn('Menu must contain at most two children');
+    let menuTrigger = undefined;
+    let menuPopover = undefined;
+    if (children.length === 2) {
+        menuTrigger = children[0];
+        menuPopover = children[1];
+    } else if (children.length === 1) {
+        menuPopover = children[0];
     }
-  }
-  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
-  };
+    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
+    };
 };
-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] = 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
+ */ 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
+            }));
     });
-    setCheckedValues(currentValue => ({
-      ...currentValue,
-      [name]: checkedItems
-    }));
-  });
-  return [checkedValues, onCheckedValueChange];
+    return [
+        checkedValues,
+        onCheckedValueChange
+    ];
 };
-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 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);
     });
-    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
+    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
         });
-      }
-    },
-    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];
-};
+        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
+
 //# sourceMappingURL=useMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["useMenu_unstable","props","isSubmenu","useIsSubmenu_1","hoverDelay","inline","hasCheckmarks","hasIcons","closeOnScroll","openOnContext","persistOnItemClick","openOnHover","defaultCheckedValues","triggerId","react_utilities_1","contextTarget","setContextTarget","react_positioning_1","positioningState","position","align","target","undefined","positioning","children","React","Children","toArray","process","env","NODE_ENV","length","console","warn","menuTrigger","menuPopover","targetRef","triggerRef","containerRef","menuPopoverRef","open","setOpen","useMenuOpenState","defaultOpen","onOpenChange","checkedValues","onCheckedValueChange","useMenuSelectableState","components","exports","setCheckedValues","state","defaultState","initialState","e","name","checkedItems","currentValue","targetDocument","react_shared_contexts_1","parentSetOpen","menuContext_1","context","data","shouldHandleCloseRef","useRef","setOpenTimeout","enteringTriggerRef","setOpenState","trySetOpen","event","CustomEvent","type","index_1","detail","nativeEvent","current","bubble","clearTimeout","Event","persist","contains","setTimeout","react_portal_1","disabled","element","refs","filter","Boolean","callback","useEffect","findFirstFocusable","react_tabster_1","focusFirst","useCallback","firstFocusable","focus"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-menu/src/components/Menu/useMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePositioningMouseTarget, usePositioning, resolvePositioningShorthand } from '@fluentui/react-positioning';\nimport {\n  useControllableState,\n  useId,\n  useOnClickOutside,\n  useEventCallback,\n  useOnScrollOutside,\n} from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { elementContains } from '@fluentui/react-portal';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { useMenuContext_unstable } from '../../contexts/menuContext';\nimport { MENU_ENTER_EVENT, useOnMenuMouseEnter } from '../../utils/index';\nimport { useIsSubmenu } from '../../utils/useIsSubmenu';\nimport type { MenuOpenChangeData, MenuOpenEvent, 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_unstable.\n *\n * @param props - props from this instance of Menu\n */\nexport const useMenu_unstable = (props: MenuProps): MenuState => {\n  const isSubmenu = useIsSubmenu();\n  const {\n    hoverDelay = 500,\n    inline = false,\n    hasCheckmarks = false,\n    hasIcons = false,\n    closeOnScroll = false,\n    openOnContext = false,\n    persistOnItemClick = false,\n    openOnHover = isSubmenu,\n    defaultCheckedValues,\n  } = props;\n  const triggerId = useId('menu');\n  const [contextTarget, setContextTarget] = usePositioningMouseTarget();\n\n  const positioningState = {\n    position: isSubmenu ? 'after' : 'below',\n    align: isSubmenu ? 'top' : 'start',\n    target: props.openOnContext ? contextTarget : undefined,\n    ...resolvePositioningShorthand(props.positioning),\n  } as const;\n\n  const children = React.Children.toArray(props.children) as React.ReactElement[];\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (children.length === 0) {\n      // eslint-disable-next-line no-console\n      console.warn('Menu must contain at least one child');\n    }\n\n    if (children.length > 2) {\n      // eslint-disable-next-line no-console\n      console.warn('Menu must contain at most two children');\n    }\n  }\n\n  let menuTrigger: React.ReactElement | undefined = undefined;\n  let menuPopover: React.ReactElement | undefined = undefined;\n  if (children.length === 2) {\n    menuTrigger = children[0];\n    menuPopover = children[1];\n  } else if (children.length === 1) {\n    menuPopover = children[0];\n  }\n\n  const { targetRef: triggerRef, containerRef: menuPopoverRef } = usePositioning(positioningState);\n\n  // TODO Better way to narrow types ?\n  const [open, setOpen] = useMenuOpenState({\n    hoverDelay,\n    isSubmenu,\n    setContextTarget,\n    closeOnScroll,\n    menuPopoverRef,\n    triggerRef,\n    open: props.open,\n    defaultOpen: props.defaultOpen,\n    onOpenChange: props.onOpenChange,\n    openOnContext,\n  });\n\n  const [checkedValues, onCheckedValueChange] = useMenuSelectableState({\n    checkedValues: props.checkedValues,\n    defaultCheckedValues,\n    onCheckedValueChange: props.onCheckedValueChange,\n  });\n\n  return {\n    inline,\n    hoverDelay,\n    triggerId,\n    isSubmenu,\n    openOnHover,\n    contextTarget,\n    setContextTarget,\n    hasCheckmarks,\n    hasIcons,\n    closeOnScroll,\n    menuTrigger,\n    menuPopover,\n    triggerRef,\n    menuPopoverRef,\n    components: {},\n    openOnContext,\n    open,\n    setOpen,\n    checkedValues,\n    onCheckedValueChange,\n    persistOnItemClick,\n  };\n};\n\n/**\n * Adds appropriate state values and handlers for selectable items\n * i.e checkboxes and radios\n */\nconst useMenuSelectableState = (\n  props: Pick<MenuProps, 'checkedValues' | 'defaultCheckedValues' | 'onCheckedValueChange'>,\n) => {\n  const [checkedValues, setCheckedValues] = useControllableState({\n    state: props.checkedValues,\n    defaultState: props.defaultCheckedValues,\n    initialState: {},\n  });\n  const onCheckedValueChange: MenuState['onCheckedValueChange'] = useEventCallback((e, { name, checkedItems }) => {\n    props.onCheckedValueChange?.(e, { name, checkedItems });\n\n    setCheckedValues(currentValue => ({\n      ...currentValue,\n      [name]: checkedItems,\n    }));\n  });\n\n  return [checkedValues, onCheckedValueChange] as const;\n};\n\nconst useMenuOpenState = (\n  state: Pick<\n    MenuState,\n    | 'isSubmenu'\n    | 'menuPopoverRef'\n    | 'setContextTarget'\n    | 'triggerRef'\n    | 'openOnContext'\n    | 'closeOnScroll'\n    | 'hoverDelay'\n  > &\n    Pick<MenuProps, 'open' | 'defaultOpen' | 'onOpenChange'>,\n) => {\n  const { targetDocument } = useFluent();\n  const parentSetOpen = useMenuContext_unstable(context => context.setOpen);\n  const onOpenChange: MenuProps['onOpenChange'] = useEventCallback((e, data) => state.onOpenChange?.(e, data));\n\n  const shouldHandleCloseRef = 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: MenuOpenEvent, 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      shouldHandleCloseRef.current = true;\n    }\n\n    if (data.bubble) {\n      parentSetOpen(e, { ...data });\n    }\n\n    setOpenState(data.open);\n  });\n\n  const setOpen = useEventCallback((e: MenuOpenEvent, 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.openOnContext && state.triggerRef].filter(\n      Boolean,\n    ) as React.MutableRefObject<HTMLElement>[],\n    callback: event => setOpen(event, { open: false, type: 'clickOutside', event }),\n  });\n\n  // only close on scroll for context, or when closeOnScroll is specified\n  const closeOnScroll = state.openOnContext || state.closeOnScroll;\n  useOnScrollOutside({\n    contains: elementContains,\n    element: targetDocument,\n    callback: event => setOpen(event, { open: false, type: 'scrollOutside', event }),\n    refs: [state.menuPopoverRef, !state.openOnContext && state.triggerRef].filter(\n      Boolean,\n    ) as React.MutableRefObject<HTMLElement>[],\n    disabled: !open || !closeOnScroll,\n  });\n\n  useOnMenuMouseEnter({\n    element: targetDocument,\n    callback: event => {\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(event, { open: false, type: 'menuMouseEnter', event });\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 } = useFocusFinders();\n  const focusFirst = React.useCallback(() => {\n    const firstFocusable = findFirstFocusable(state.menuPopoverRef.current);\n    firstFocusable?.focus();\n  }, [findFirstFocusable, state.menuPopoverRef]);\n\n  React.useEffect(() => {\n    if (open) {\n      focusFirst();\n    } else {\n      if (shouldHandleCloseRef.current) {\n        // We know that React effects are sync so we focus the trigger here\n        // after any event handler (event handlers will update state and re-render).\n        // Since the browser only performs the default behaviour for the Tab key once\n        // keyboard events have fully bubbled up the window, the browser will move\n        // focus to the next tabbable element before/after the trigger if needed.\n        // If the Tab key was not pressed, focus will remain on the trigger as expected.\n        state.triggerRef.current?.focus();\n      }\n    }\n\n    shouldHandleCloseRef.current = false;\n  }, [state.triggerRef, state.isSubmenu, open, focusFirst]);\n\n  return [open, setOpen] as const;\n};\n"]}
+{"version":3,"sources":["../../../lib/components/Menu/useMenu.js"],"sourcesContent":["import * as React from 'react';\nimport { usePositioningMouseTarget, usePositioning, resolvePositioningShorthand } from '@fluentui/react-positioning';\nimport { useControllableState, useId, useOnClickOutside, useEventCallback, useOnScrollOutside } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { elementContains } from '@fluentui/react-portal';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { useMenuContext_unstable } from '../../contexts/menuContext';\nimport { MENU_ENTER_EVENT, useOnMenuMouseEnter } from '../../utils/index';\nimport { useIsSubmenu } from '../../utils/useIsSubmenu';\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_unstable.\n *\n * @param props - props from this instance of Menu\n */\nexport const useMenu_unstable = props => {\n  const isSubmenu = useIsSubmenu();\n  const {\n    hoverDelay = 500,\n    inline = false,\n    hasCheckmarks = false,\n    hasIcons = false,\n    closeOnScroll = false,\n    openOnContext = false,\n    persistOnItemClick = false,\n    openOnHover = isSubmenu,\n    defaultCheckedValues\n  } = props;\n  const triggerId = useId('menu');\n  const [contextTarget, setContextTarget] = usePositioningMouseTarget();\n  const positioningState = {\n    position: isSubmenu ? 'after' : 'below',\n    align: isSubmenu ? 'top' : 'start',\n    target: props.openOnContext ? contextTarget : undefined,\n    ...resolvePositioningShorthand(props.positioning)\n  };\n  const children = React.Children.toArray(props.children);\n  if (process.env.NODE_ENV !== 'production') {\n    if (children.length === 0) {\n      // eslint-disable-next-line no-console\n      console.warn('Menu must contain at least one child');\n    }\n    if (children.length > 2) {\n      // eslint-disable-next-line no-console\n      console.warn('Menu must contain at most two children');\n    }\n  }\n  let menuTrigger = undefined;\n  let menuPopover = undefined;\n  if (children.length === 2) {\n    menuTrigger = children[0];\n    menuPopover = children[1];\n  } else if (children.length === 1) {\n    menuPopover = children[0];\n  }\n  const {\n    targetRef: triggerRef,\n    containerRef: menuPopoverRef\n  } = usePositioning(positioningState);\n  // TODO Better way to narrow types ?\n  const [open, setOpen] = useMenuOpenState({\n    hoverDelay,\n    isSubmenu,\n    setContextTarget,\n    closeOnScroll,\n    menuPopoverRef,\n    triggerRef,\n    open: props.open,\n    defaultOpen: props.defaultOpen,\n    onOpenChange: props.onOpenChange,\n    openOnContext\n  });\n  const [checkedValues, onCheckedValueChange] = useMenuSelectableState({\n    checkedValues: props.checkedValues,\n    defaultCheckedValues,\n    onCheckedValueChange: props.onCheckedValueChange\n  });\n  return {\n    inline,\n    hoverDelay,\n    triggerId,\n    isSubmenu,\n    openOnHover,\n    contextTarget,\n    setContextTarget,\n    hasCheckmarks,\n    hasIcons,\n    closeOnScroll,\n    menuTrigger,\n    menuPopover,\n    triggerRef,\n    menuPopoverRef,\n    components: {},\n    openOnContext,\n    open,\n    setOpen,\n    checkedValues,\n    onCheckedValueChange,\n    persistOnItemClick\n  };\n};\n/**\n * Adds appropriate state values and handlers for selectable items\n * i.e checkboxes and radios\n */\nconst useMenuSelectableState = props => {\n  const [checkedValues, setCheckedValues] = useControllableState({\n    state: props.checkedValues,\n    defaultState: props.defaultCheckedValues,\n    initialState: {}\n  });\n  const onCheckedValueChange = useEventCallback((e, param) => {\n    let {\n      name,\n      checkedItems\n    } = param;\n    var _props_onCheckedValueChange;\n    (_props_onCheckedValueChange = props.onCheckedValueChange) === null || _props_onCheckedValueChange === void 0 ? void 0 : _props_onCheckedValueChange.call(props, e, {\n      name,\n      checkedItems\n    });\n    setCheckedValues(currentValue => ({\n      ...currentValue,\n      [name]: checkedItems\n    }));\n  });\n  return [checkedValues, onCheckedValueChange];\n};\nconst useMenuOpenState = state => {\n  const {\n    targetDocument\n  } = useFluent();\n  const parentSetOpen = useMenuContext_unstable(context => context.setOpen);\n  const onOpenChange = useEventCallback((e, data) => {\n    var _state_onOpenChange;\n    return (_state_onOpenChange = state.onOpenChange) === null || _state_onOpenChange === void 0 ? void 0 : _state_onOpenChange.call(state, e, data);\n  });\n  const shouldHandleCloseRef = React.useRef(false);\n  const setOpenTimeout = React.useRef(0);\n  const enteringTriggerRef = React.useRef(false);\n  const [open, setOpenState] = useControllableState({\n    state: state.open,\n    defaultState: state.defaultOpen,\n    initialState: false\n  });\n  const trySetOpen = useEventCallback((e, data) => {\n    const event = e instanceof CustomEvent && e.type === MENU_ENTER_EVENT ? e.detail.nativeEvent : e;\n    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(event, {\n      ...data\n    });\n    if (data.open && e.type === 'contextmenu') {\n      state.setContextTarget(e);\n    }\n    if (!data.open) {\n      state.setContextTarget(undefined);\n      shouldHandleCloseRef.current = true;\n    }\n    if (data.bubble) {\n      parentSetOpen(e, {\n        ...data\n      });\n    }\n    setOpenState(data.open);\n  });\n  const setOpen = useEventCallback((e, data) => {\n    clearTimeout(setOpenTimeout.current);\n    if (!(e instanceof Event) && e.persist) {\n      // < React 17 still uses pooled synthetic events\n      e.persist();\n    }\n    if (e.type === 'mouseleave' || e.type === 'mouseenter' || e.type === 'mousemove' || e.type === MENU_ENTER_EVENT) {\n      var _state_triggerRef_current;\n      if ((_state_triggerRef_current = state.triggerRef.current) === null || _state_triggerRef_current === void 0 ? void 0 : _state_triggerRef_current.contains(e.target)) {\n        enteringTriggerRef.current = e.type === 'mouseenter' || e.type === 'mousemove';\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  useOnClickOutside({\n    contains: elementContains,\n    disabled: !open,\n    element: targetDocument,\n    refs: [state.menuPopoverRef, !state.openOnContext && state.triggerRef].filter(Boolean),\n    callback: event => setOpen(event, {\n      open: false,\n      type: 'clickOutside',\n      event\n    })\n  });\n  // only close on scroll for context, or when closeOnScroll is specified\n  const closeOnScroll = state.openOnContext || state.closeOnScroll;\n  useOnScrollOutside({\n    contains: elementContains,\n    element: targetDocument,\n    callback: event => setOpen(event, {\n      open: false,\n      type: 'scrollOutside',\n      event\n    }),\n    refs: [state.menuPopoverRef, !state.openOnContext && state.triggerRef].filter(Boolean),\n    disabled: !open || !closeOnScroll\n  });\n  useOnMenuMouseEnter({\n    element: targetDocument,\n    callback: event => {\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(event, {\n          open: false,\n          type: 'menuMouseEnter',\n          event\n        });\n      }\n    },\n    disabled: !open,\n    refs: [state.menuPopoverRef]\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  // Manage focus for open state\n  const {\n    findFirstFocusable\n  } = useFocusFinders();\n  const focusFirst = React.useCallback(() => {\n    const firstFocusable = findFirstFocusable(state.menuPopoverRef.current);\n    firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();\n  }, [findFirstFocusable, state.menuPopoverRef]);\n  React.useEffect(() => {\n    if (open) {\n      focusFirst();\n    } else {\n      if (shouldHandleCloseRef.current) {\n        var\n        // We know that React effects are sync so we focus the trigger here\n        // after any event handler (event handlers will update state and re-render).\n        // Since the browser only performs the default behaviour for the Tab key once\n        // keyboard events have fully bubbled up the window, the browser will move\n        // focus to the next tabbable element before/after the trigger if needed.\n        // If the Tab key was not pressed, focus will remain on the trigger as expected.\n        _state_triggerRef_current;\n        (_state_triggerRef_current = state.triggerRef.current) === null || _state_triggerRef_current === void 0 ? void 0 : _state_triggerRef_current.focus();\n      }\n    }\n    shouldHandleCloseRef.current = false;\n  }, [state.triggerRef, state.isSubmenu, open, focusFirst]);\n  return [open, setOpen];\n};\n//# sourceMappingURL=useMenu.js.map"],"names":["useMenu_unstable","props","isSubmenu","useIsSubmenu","hoverDelay","inline","hasCheckmarks","hasIcons","closeOnScroll","openOnContext","persistOnItemClick","openOnHover","defaultCheckedValues","triggerId","useId","contextTarget","setContextTarget","usePositioningMouseTarget","positioningState","position","align","target","undefined","resolvePositioningShorthand","positioning","children","React","Children","toArray","process","env","NODE_ENV","length","console","warn","menuTrigger","menuPopover","targetRef","triggerRef","containerRef","menuPopoverRef","usePositioning","open","setOpen","useMenuOpenState","defaultOpen","onOpenChange","checkedValues","onCheckedValueChange","useMenuSelectableState","components","setCheckedValues","useControllableState","state","defaultState","initialState","useEventCallback","e","param","name","checkedItems","_props_onCheckedValueChange","call","currentValue","targetDocument","useFluent","parentSetOpen","useMenuContext_unstable","context","data","_state_onOpenChange","shouldHandleCloseRef","useRef","setOpenTimeout","enteringTriggerRef","setOpenState","trySetOpen","event","CustomEvent","type","MENU_ENTER_EVENT","detail","nativeEvent","current","bubble","clearTimeout","Event","persist","_state_triggerRef_current","contains","setTimeout","useOnClickOutside","elementContains","disabled","element","refs","filter","Boolean","callback","useOnScrollOutside","useOnMenuMouseEnter","useEffect","findFirstFocusable","useFocusFinders","focusFirst","useCallback","firstFocusable","focus"],"mappings":"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"}