@fluentui/react-menu 0.0.0-nightly-20230317-0436.1 → 0.0.0-nightly-20230317-1454.1

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

@@ -1,272 +1,268 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useMenu_unstable", {
+    enumerable: true,
+    get: ()=>useMenu_unstable
 });
-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");
+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");
 // If it's not possible to position the submenu in smaller viewports, try
 // and fallback to this order of positions
-const submenuFallbackPositions = ['after', 'after-bottom', 'before-top', 'before', 'before-bottom', 'above'];
-/**
- * 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,
-    mountNode = null
-  } = 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,
-    fallbackPositions: isSubmenu ? submenuFallbackPositions : 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');
+const submenuFallbackPositions = [
+    "after",
+    "after-bottom",
+    "before-top",
+    "before",
+    "before-bottom",
+    "above"
+];
+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 , mountNode =null  } = 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,
+        fallbackPositions: isSubmenu ? submenuFallbackPositions : 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,
-    mountNode,
-    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,
+        mountNode,
+        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, { name , checkedItems  })=>{
+        props.onCheckedValueChange?.(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)=>state.onOpenChange?.(e, 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
     });
-    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 trySetOpen = (0, _reactUtilities.useEventCallback)((e, data)=>{
+        const event = e instanceof CustomEvent && e.type === _index.MENU_ENTER_EVENT ? e.detail.nativeEvent : e;
+        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) {
+            if (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?.focus();
+    }, [
+        findFirstFocusable,
+        state.menuPopoverRef
+    ]);
+    _react.useEffect(()=>{
+        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.
+                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,"names":["React","require","react_positioning_1","react_utilities_1","react_shared_contexts_1","react_portal_1","react_tabster_1","menuContext_1","index_1","useIsSubmenu_1","submenuFallbackPositions","useMenu_unstable","props","isSubmenu","useIsSubmenu","hoverDelay","inline","hasCheckmarks","hasIcons","closeOnScroll","openOnContext","persistOnItemClick","openOnHover","defaultCheckedValues","mountNode","triggerId","useId","contextTarget","setContextTarget","usePositioningMouseTarget","positioningState","position","align","target","undefined","fallbackPositions","resolvePositioningShorthand","positioning","children","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","exports","setCheckedValues","useControllableState","state","defaultState","initialState","useEventCallback","e","name","checkedItems","_a","call","currentValue","targetDocument","useFluent_unstable","parentSetOpen","useMenuContext_unstable","context","data","shouldHandleCloseRef","useRef","setOpenTimeout","enteringTriggerRef","setOpenState","trySetOpen","event","CustomEvent","type","MENU_ENTER_EVENT","detail","nativeEvent","current","bubble","clearTimeout","Event","persist","contains","setTimeout","useOnClickOutside","elementContains","disabled","element","refs","filter","Boolean","callback","useOnScrollOutside","useOnMenuMouseEnter","useEffect","findFirstFocusable","useFocusFinders","focusFirst","useCallback","firstFocusable","focus"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/Menu/useMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  usePositioningMouseTarget,\n  usePositioning,\n  resolvePositioningShorthand,\n  PositioningShorthandValue,\n} 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// If it's not possible to position the submenu in smaller viewports, try\n// and fallback to this order of positions\nconst submenuFallbackPositions: PositioningShorthandValue[] = [\n  'after',\n  'after-bottom',\n  'before-top',\n  'before',\n  'before-bottom',\n  'above',\n];\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    mountNode = null,\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    fallbackPositions: isSubmenu ? submenuFallbackPositions : 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    mountNode,\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"],"mappings":"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"}
+{"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// If it's not possible to position the submenu in smaller viewports, try\n// and fallback to this order of positions\nconst submenuFallbackPositions = [\"after\", \"after-bottom\", \"before-top\", \"before\", \"before-bottom\", \"above\"];\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    mountNode = null\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    fallbackPositions: isSubmenu ? submenuFallbackPositions : 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    mountNode,\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, {\n    name,\n    checkedItems\n  }) => {\n    props.onCheckedValueChange?.(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) => state.onOpenChange?.(e, data));\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?.(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      if (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?.focus();\n  }, [findFirstFocusable, state.menuPopoverRef]);\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    shouldHandleCloseRef.current = false;\n  }, [state.triggerRef, state.isSubmenu, open, focusFirst]);\n  return [open, setOpen];\n};\n//# sourceMappingURL=useMenu.js.map"],"names":["useMenu_unstable","submenuFallbackPositions","props","isSubmenu","useIsSubmenu","hoverDelay","inline","hasCheckmarks","hasIcons","closeOnScroll","openOnContext","persistOnItemClick","openOnHover","defaultCheckedValues","mountNode","triggerId","useId","contextTarget","setContextTarget","usePositioningMouseTarget","positioningState","position","align","target","undefined","fallbackPositions","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","name","checkedItems","currentValue","targetDocument","useFluent","parentSetOpen","useMenuContext_unstable","context","data","shouldHandleCloseRef","useRef","setOpenTimeout","enteringTriggerRef","setOpenState","trySetOpen","event","CustomEvent","type","MENU_ENTER_EVENT","detail","nativeEvent","current","bubble","clearTimeout","Event","persist","contains","setTimeout","useOnClickOutside","elementContains","disabled","element","refs","filter","Boolean","callback","useOnScrollOutside","useOnMenuMouseEnter","useEffect","findFirstFocusable","useFocusFinders","focusFirst","useCallback","firstFocusable","focus"],"mappings":"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"}