@mantine/core 4.2.5 → 5.0.0-alpha.2

package/esm/components/Menu/Menu.js

@@ -1,15 +1,15 @@
-import React, { forwardRef, useState, useRef, cloneElement } from 'react';
-import { useUuid, useUncontrolled, useWindowEvent, useClickOutside, useMergedRef } from '@mantine/hooks';
-import { getDefaultZIndex, useMantineDefaultProps } from '@mantine/styles';
-import { MenuIcon } from './MenuIcon.js';
+import React from 'react';
+import { useHovered, useUncontrolled, getContextItemIndex } from '@mantine/utils';
+import { useDidUpdate } from '@mantine/hooks';
+import { useMantineDefaultProps } from '@mantine/styles';
+import { MenuDivider } from './MenuDivider/MenuDivider.js';
+import { MenuDropdown } from './MenuDropdown/MenuDropdown.js';
 import { MenuItem } from './MenuItem/MenuItem.js';
 import { MenuLabel } from './MenuLabel/MenuLabel.js';
-import { MenuProvider } from './Menu.context.js';
-import useStyles from './Menu.styles.js';
-import { Box } from '../Box/Box.js';
-import { Popper } from '../Popper/Popper.js';
-import { Paper } from '../Paper/Paper.js';
-import { ActionIcon } from '../ActionIcon/ActionIcon.js';
+import { MenuTarget } from './MenuTarget/MenuTarget.js';
+import { MenuContextProvider } from './Menu.context.js';
+import { useDelayedHover } from '../Floating/use-delayed-hover.js';
+import { Popover } from '../Popover/Popover.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -42,262 +42,104 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const defaultControl = /* @__PURE__ */ React.createElement(ActionIcon, null, /* @__PURE__ */ React.createElement(MenuIcon, null));
-function getNextItem(active, items) {
-  for (let i = active + 1; i < items.length; i += 1) {
-    if (!items[i].disabled) {
-      return i;
-    }
-  }
-  return active;
-}
-function findInitialItem(items) {
-  for (let i = 0; i < items.length; i += 1) {
-    if (!items[i].disabled) {
-      return i;
-    }
-  }
-  return -1;
-}
-function getPreviousItem(active, items) {
-  for (let i = active - 1; i >= 0; i -= 1) {
-    if (!items[i].disabled) {
-      return i;
-    }
-  }
-  if (!items[active]) {
-    return findInitialItem(items);
-  }
-  return active;
-}
 const defaultProps = {
-  control: defaultControl,
   closeOnItemClick: true,
-  transitionDuration: 150,
-  size: "md",
-  shadow: "md",
-  position: "bottom",
-  placement: "start",
-  gutter: 5,
-  withArrow: false,
-  transition: "pop-top-left",
-  controlRefProp: "ref",
+  loop: true,
   trigger: "click",
-  radius: "sm",
-  delay: 100,
-  zIndex: getDefaultZIndex("popover"),
-  withinPortal: true,
-  trapFocus: true,
-  closeOnScroll: false,
-  clickOutsideEvents: ["mousedown", "touchstart"]
+  openDelay: 0,
+  closeDelay: 100
 };
-const Menu = forwardRef((props, ref) => {
+function Menu(props) {
   const _a = useMantineDefaultProps("Menu", defaultProps, props), {
-    control,
     children,
-    onClose,
     onOpen,
+    onClose,
     opened,
-    menuId,
+    defaultOpened,
+    onChange,
     closeOnItemClick,
-    transitionDuration,
-    size,
-    shadow,
-    position,
-    placement,
-    gutter,
-    withArrow,
-    transition,
-    transitionTimingFunction,
-    menuButtonLabel,
-    controlRefProp,
+    loop,
+    closeOnEscape,
     trigger,
-    radius,
-    delay,
-    zIndex,
-    withinPortal,
-    trapFocus,
+    openDelay,
+    closeDelay,
     classNames,
     styles,
-    closeOnScroll,
-    onMouseLeave,
-    onMouseEnter,
-    onChange,
-    className,
-    sx,
-    clickOutsideEvents
+    unstyled,
+    radius
   } = _a, others = __objRest(_a, [
-    "control",
     "children",
-    "onClose",
     "onOpen",
+    "onClose",
     "opened",
-    "menuId",
+    "defaultOpened",
+    "onChange",
     "closeOnItemClick",
-    "transitionDuration",
-    "size",
-    "shadow",
-    "position",
-    "placement",
-    "gutter",
-    "withArrow",
-    "transition",
-    "transitionTimingFunction",
-    "menuButtonLabel",
-    "controlRefProp",
+    "loop",
+    "closeOnEscape",
     "trigger",
-    "radius",
-    "delay",
-    "zIndex",
-    "withinPortal",
-    "trapFocus",
+    "openDelay",
+    "closeDelay",
     "classNames",
     "styles",
-    "closeOnScroll",
-    "onMouseLeave",
-    "onMouseEnter",
-    "onChange",
-    "className",
-    "sx",
-    "clickOutsideEvents"
+    "unstyled",
+    "radius"
   ]);
-  const [hovered, setHovered] = useState(-1);
-  const { classes, cx } = useStyles({ size }, { classNames, styles, name: "Menu" });
-  const delayTimeout = useRef();
-  const [referenceElement, setReferenceElement] = useState(null);
-  const [wrapperElement, setWrapperElement] = useState(null);
-  const [dropdownElement, setDropdownElement] = useState(null);
-  const uuid = useUuid(menuId);
-  const focusReference = () => window.setTimeout(() => referenceElement == null ? void 0 : referenceElement.focus(), 0);
+  const [hovered, { setHovered, resetHovered }] = useHovered();
   const [_opened, setOpened] = useUncontrolled({
     value: opened,
-    defaultValue: false,
+    defaultValue: defaultOpened,
     finalValue: false,
-    rule: (val) => typeof val === "boolean",
-    onChange: (value) => value ? typeof onOpen === "function" && onOpen() : typeof onClose === "function" && onClose()
+    onChange
   });
-  const openedRef = useRef(_opened);
-  const handleClose = () => {
-    if (openedRef.current) {
-      openedRef.current = false;
-      setOpened(false);
-    }
+  const close = () => {
+    setOpened(false);
+    onClose == null ? void 0 : onClose();
   };
-  const handleOpen = () => {
-    openedRef.current = true;
+  const open = () => {
     setOpened(true);
+    onOpen == null ? void 0 : onOpen();
   };
-  useWindowEvent("scroll", () => closeOnScroll && handleClose());
-  useClickOutside(() => _opened && handleClose(), clickOutsideEvents, [
-    dropdownElement,
-    wrapperElement
-  ]);
-  const toggleMenu = () => {
-    _opened ? handleClose() : handleOpen();
-  };
-  const controlEventHandlers = trigger === "click" ? { onClick: toggleMenu } : { onMouseEnter: handleOpen, onClick: toggleMenu };
-  const handleMouseLeave = (event) => {
-    typeof onMouseLeave === "function" && onMouseLeave(event);
-    if (trigger === "hover") {
-      if (delay > 0) {
-        delayTimeout.current = window.setTimeout(() => handleClose(), delay);
-      } else {
-        handleClose();
-      }
-    }
-  };
-  const handleMouseEnter = (event) => {
-    typeof onMouseEnter === "function" && onMouseEnter(event);
-    window.clearTimeout(delayTimeout.current);
-  };
-  const handleKeyDown = (event) => {
-    if (_opened) {
-      const elements = Array.from(dropdownElement.querySelectorAll(".mantine-Menu-item"));
-      if (event.nativeEvent.code === "Tab" && trapFocus) {
-        event.preventDefault();
-      }
-      if (event.nativeEvent.code === "ArrowDown") {
-        event.preventDefault();
-        const prevIndex = getNextItem(hovered, elements);
-        setHovered(prevIndex);
-        elements[prevIndex].focus();
-      }
-      if (event.nativeEvent.code === "ArrowUp") {
-        event.preventDefault();
-        const prevIndex = getPreviousItem(hovered, elements);
-        setHovered(prevIndex);
-        elements[prevIndex].focus();
-      }
-      if (event.nativeEvent.code === "Escape") {
-        handleClose();
-        focusReference();
-      }
-    }
-  };
-  const menuControl = cloneElement(control, __spreadProps(__spreadValues({}, controlEventHandlers), {
-    onClick: (event) => {
-      controlEventHandlers.onClick();
-      typeof control.props.onClick === "function" && control.props.onClick(event);
-    },
-    role: "button",
-    "aria-haspopup": "menu",
-    "aria-expanded": _opened,
-    "aria-controls": uuid,
-    "aria-label": menuButtonLabel,
-    title: menuButtonLabel,
-    [controlRefProp]: useMergedRef(setReferenceElement, ref),
-    onKeyDown: handleKeyDown
-  }));
-  const handleItemClick = () => {
-    if (closeOnItemClick) {
-      handleClose();
-      trigger === "click" && focusReference();
-    }
-  };
-  return /* @__PURE__ */ React.createElement(MenuProvider, {
+  const toggleDropdown = () => _opened ? close() : open();
+  const { openDropdown, closeDropdown } = useDelayedHover({ open, close, closeDelay, openDelay });
+  const getItemIndex = (node) => getContextItemIndex("[data-menu-item]", "[data-menu-dropdown]", node);
+  useDidUpdate(() => {
+    resetHovered();
+  }, [_opened]);
+  return /* @__PURE__ */ React.createElement(MenuContextProvider, {
     value: {
+      opened: _opened,
+      toggleDropdown,
+      getItemIndex,
       hovered,
-      radius,
-      styles,
-      classNames,
-      onItemHover: setHovered,
-      onItemKeyDown: handleKeyDown,
-      onItemClick: handleItemClick
+      setHovered,
+      closeOnItemClick,
+      closeDropdown: trigger === "click" ? close : closeDropdown,
+      openDropdown: trigger === "click" ? open : openDropdown,
+      closeDropdownImmediately: close,
+      loop,
+      trigger,
+      radius
     }
-  }, /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    ref: setWrapperElement,
-    onMouseLeave: handleMouseLeave,
-    onMouseEnter: handleMouseEnter,
-    className: cx(classes.root, className),
-    sx
-  }, others), menuControl, /* @__PURE__ */ React.createElement(Popper, {
-    referenceElement,
-    transitionDuration,
-    transitionTimingFunction,
-    transition,
-    mounted: _opened,
-    position,
-    placement,
-    gutter,
-    withArrow,
-    arrowSize: 3,
-    zIndex,
-    arrowClassName: classes.arrow,
-    withinPortal
-  }, /* @__PURE__ */ React.createElement(Paper, __spreadValues({
-    shadow,
-    className: classes.body,
-    role: "menu",
-    "aria-orientation": "vertical",
+  }, /* @__PURE__ */ React.createElement(Popover, __spreadProps(__spreadValues({}, others), {
     radius,
-    onMouseLeave: () => setHovered(-1),
-    ref: setDropdownElement,
-    id: uuid
-  }, others), children))));
-});
+    opened: _opened,
+    onChange: setOpened,
+    defaultOpened,
+    trapFocus: trigger === "click",
+    closeOnEscape: closeOnEscape && trigger === "click",
+    __staticSelector: "Menu",
+    classNames,
+    styles,
+    unstyled
+  }), children));
+}
+Menu.displayName = "@mantine/core/Menu";
 Menu.Item = MenuItem;
 Menu.Label = MenuLabel;
-Menu.displayName = "@mantine/core/Menu";
+Menu.Dropdown = MenuDropdown;
+Menu.Target = MenuTarget;
+Menu.Divider = MenuDivider;
 
 export { Menu };
 //# sourceMappingURL=Menu.js.map

package/esm/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, { useState, useRef, cloneElement, forwardRef } from 'react';\nimport {\n  useClickOutside,\n  useMergedRef,\n  useWindowEvent,\n  useUncontrolled,\n  useUuid,\n} from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  Selectors,\n  getDefaultZIndex,\n  ForwardRefWithStaticComponents,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Paper } from '../Paper';\nimport { ActionIcon } from '../ActionIcon';\nimport { Popper, SharedPopperProps } from '../Popper';\nimport { MenuIcon } from './MenuIcon';\nimport { MenuItem, MenuItemStylesNames } from './MenuItem/MenuItem';\nimport { MenuLabel, MenuLabelStylesNames } from './MenuLabel/MenuLabel';\nimport { MenuProvider } from './Menu.context';\nimport useStyles from './Menu.styles';\n\nexport type MenuStylesNames =\n  | Selectors<typeof useStyles>\n  | MenuItemStylesNames\n  | MenuLabelStylesNames;\n\nexport interface MenuProps\n  extends DefaultProps<MenuStylesNames>,\n    SharedPopperProps,\n    React.ComponentPropsWithRef<'div'> {\n  /** <MenuItem /> and <Divider /> components only, children are passed to MenuBody component  */\n  children: React.ReactNode;\n\n  /** React element that will be used as menu control */\n  control?: React.ReactElement;\n\n  /** Use opened and onClose props to setup controlled menu */\n  opened?: boolean;\n\n  /** Called every time menu is closed */\n  onClose?(): void;\n\n  /** Called every time menu is opened */\n  onOpen?(): void;\n\n  /** Menu button aria-label and title props */\n  menuButtonLabel?: string;\n\n  /** Predefined menu width or number for width in px */\n  size?: MantineNumberSize | 'auto';\n\n  /** Predefined shadow from theme or box-shadow value */\n  shadow?: MantineShadow;\n\n  /** Should menu close on item click */\n  closeOnItemClick?: boolean;\n\n  /** Id attribute of menu */\n  menuId?: string;\n\n  /** Control prop to get element ref */\n  controlRefProp?: string;\n\n  /** Menu body z-index */\n  zIndex?: number;\n\n  /** Event which should open menu */\n  trigger?: 'click' | 'hover';\n\n  /** Close delay for hover trigger */\n  delay?: number;\n\n  /** Menu body and items border-radius */\n  radius?: MantineNumberSize;\n\n  /** Close menu on scroll */\n  closeOnScroll?: boolean;\n\n  /** Whether to render the dropdown in a Portal */\n  withinPortal?: boolean;\n\n  /** Should focus be trapped when menu is opened */\n  trapFocus?: boolean;\n\n  /** Events that should trigger outside clicks */\n  clickOutsideEvents?: string[];\n}\n\nconst defaultControl = (\n  <ActionIcon>\n    <MenuIcon />\n  </ActionIcon>\n);\n\ntype MenuComponent = ForwardRefWithStaticComponents<\n  MenuProps,\n  { Item: typeof MenuItem; Label: typeof MenuLabel }\n>;\n\nfunction getNextItem(active: number, items: HTMLButtonElement[]) {\n  for (let i = active + 1; i < items.length; i += 1) {\n    if (!items[i].disabled) {\n      return i;\n    }\n  }\n\n  return active;\n}\n\nfunction findInitialItem(items: HTMLButtonElement[]) {\n  for (let i = 0; i < items.length; i += 1) {\n    if (!items[i].disabled) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n\nfunction getPreviousItem(active: number, items: HTMLButtonElement[]) {\n  for (let i = active - 1; i >= 0; i -= 1) {\n    if (!items[i].disabled) {\n      return i;\n    }\n  }\n\n  if (!items[active]) {\n    return findInitialItem(items);\n  }\n\n  return active;\n}\n\nconst defaultProps: Partial<MenuProps> = {\n  control: defaultControl,\n  closeOnItemClick: true,\n  transitionDuration: 150,\n  size: 'md',\n  shadow: 'md',\n  position: 'bottom',\n  placement: 'start',\n  gutter: 5,\n  withArrow: false,\n  transition: 'pop-top-left',\n  controlRefProp: 'ref',\n  trigger: 'click',\n  radius: 'sm',\n  delay: 100,\n  zIndex: getDefaultZIndex('popover'),\n  withinPortal: true,\n  trapFocus: true,\n  closeOnScroll: false,\n  clickOutsideEvents: ['mousedown', 'touchstart'],\n};\n\nexport const Menu: MenuComponent = forwardRef<HTMLButtonElement, MenuProps>(\n  (props: MenuProps, ref) => {\n    const {\n      control,\n      children,\n      onClose,\n      onOpen,\n      opened,\n      menuId,\n      closeOnItemClick,\n      transitionDuration,\n      size,\n      shadow,\n      position,\n      placement,\n      gutter,\n      withArrow,\n      transition,\n      transitionTimingFunction,\n      menuButtonLabel,\n      controlRefProp,\n      trigger,\n      radius,\n      delay,\n      zIndex,\n      withinPortal,\n      trapFocus,\n      classNames,\n      styles,\n      closeOnScroll,\n      onMouseLeave,\n      onMouseEnter,\n      onChange,\n      className,\n      sx,\n      clickOutsideEvents,\n      ...others\n    } = useMantineDefaultProps('Menu', defaultProps, props);\n    const [hovered, setHovered] = useState(-1);\n    const { classes, cx } = useStyles({ size }, { classNames, styles, name: 'Menu' });\n    const delayTimeout = useRef<number>();\n    const [referenceElement, setReferenceElement] = useState<HTMLButtonElement>(null);\n    const [wrapperElement, setWrapperElement] = useState<HTMLDivElement>(null);\n    const [dropdownElement, setDropdownElement] = useState<HTMLDivElement>(null);\n    const uuid = useUuid(menuId);\n\n    const focusReference = () => window.setTimeout(() => referenceElement?.focus(), 0);\n\n    const [_opened, setOpened] = useUncontrolled({\n      value: opened,\n      defaultValue: false,\n      finalValue: false,\n      rule: (val) => typeof val === 'boolean',\n      onChange: (value) =>\n        value\n          ? typeof onOpen === 'function' && onOpen()\n          : typeof onClose === 'function' && onClose(),\n    });\n\n    const openedRef = useRef(_opened);\n\n    const handleClose = () => {\n      if (openedRef.current) {\n        openedRef.current = false;\n        setOpened(false);\n      }\n    };\n\n    const handleOpen = () => {\n      openedRef.current = true;\n      setOpened(true);\n    };\n\n    useWindowEvent('scroll', () => closeOnScroll && handleClose());\n\n    useClickOutside(() => _opened && handleClose(), clickOutsideEvents, [\n      dropdownElement,\n      wrapperElement,\n    ]);\n\n    const toggleMenu = () => {\n      _opened ? handleClose() : handleOpen();\n    };\n\n    const controlEventHandlers =\n      trigger === 'click'\n        ? { onClick: toggleMenu }\n        : { onMouseEnter: handleOpen, onClick: toggleMenu };\n\n    const handleMouseLeave = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      typeof onMouseLeave === 'function' && onMouseLeave(event);\n\n      if (trigger === 'hover') {\n        if (delay > 0) {\n          delayTimeout.current = window.setTimeout(() => handleClose(), delay);\n        } else {\n          handleClose();\n        }\n      }\n    };\n\n    const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      typeof onMouseEnter === 'function' && onMouseEnter(event);\n      window.clearTimeout(delayTimeout.current);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      if (_opened) {\n        const elements = Array.from(\n          dropdownElement.querySelectorAll<HTMLButtonElement>('.mantine-Menu-item')\n        );\n\n        if (event.nativeEvent.code === 'Tab' && trapFocus) {\n          event.preventDefault();\n        }\n\n        if (event.nativeEvent.code === 'ArrowDown') {\n          event.preventDefault();\n          const prevIndex = getNextItem(hovered, elements);\n          setHovered(prevIndex);\n          elements[prevIndex].focus();\n        }\n\n        if (event.nativeEvent.code === 'ArrowUp') {\n          event.preventDefault();\n          const prevIndex = getPreviousItem(hovered, elements);\n          setHovered(prevIndex);\n          elements[prevIndex].focus();\n        }\n\n        if (event.nativeEvent.code === 'Escape') {\n          handleClose();\n          focusReference();\n        }\n      }\n    };\n\n    const menuControl = cloneElement(control, {\n      ...controlEventHandlers,\n      onClick: (event: React.MouseEvent<any>) => {\n        controlEventHandlers.onClick();\n        typeof control.props.onClick === 'function' && control.props.onClick(event);\n      },\n      role: 'button',\n      'aria-haspopup': 'menu',\n      'aria-expanded': _opened,\n      'aria-controls': uuid,\n      'aria-label': menuButtonLabel,\n      title: menuButtonLabel,\n      [controlRefProp]: useMergedRef(setReferenceElement, ref),\n      onKeyDown: handleKeyDown,\n    });\n\n    const handleItemClick = () => {\n      if (closeOnItemClick) {\n        handleClose();\n        trigger === 'click' && focusReference();\n      }\n    };\n\n    return (\n      <MenuProvider\n        value={{\n          hovered,\n          radius,\n          styles,\n          classNames,\n          onItemHover: setHovered,\n          onItemKeyDown: handleKeyDown,\n          onItemClick: handleItemClick,\n        }}\n      >\n        <Box\n          ref={setWrapperElement}\n          onMouseLeave={handleMouseLeave}\n          onMouseEnter={handleMouseEnter}\n          className={cx(classes.root, className)}\n          sx={sx}\n          {...others}\n        >\n          {menuControl}\n\n          <Popper\n            referenceElement={referenceElement}\n            transitionDuration={transitionDuration}\n            transitionTimingFunction={transitionTimingFunction}\n            transition={transition}\n            mounted={_opened}\n            position={position}\n            placement={placement}\n            gutter={gutter}\n            withArrow={withArrow}\n            arrowSize={3}\n            zIndex={zIndex}\n            arrowClassName={classes.arrow}\n            withinPortal={withinPortal}\n          >\n            <Paper\n              shadow={shadow}\n              className={classes.body}\n              role=\"menu\"\n              aria-orientation=\"vertical\"\n              radius={radius}\n              onMouseLeave={() => setHovered(-1)}\n              ref={setDropdownElement}\n              id={uuid}\n              {...others}\n            >\n              {children}\n            </Paper>\n          </Popper>\n        </Box>\n      </MenuProvider>\n    );\n  }\n) as any;\n\nMenu.Item = MenuItem;\nMenu.Label = MenuLabel;\n\nMenu.displayName = '@mantine/core/Menu';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport { useUncontrolled, getContextItemIndex, useHovered } from '@mantine/utils';\nimport { useDidUpdate } from '@mantine/hooks';\nimport { ClassNames, Styles, useMantineDefaultProps } from '@mantine/styles';\nimport { useDelayedHover } from '../Floating';\nimport { Popover, PopoverBaseProps, PopoverStylesNames } from '../Popover';\nimport { MenuDivider, MenuDividerStylesNames } from './MenuDivider/MenuDivider';\nimport { MenuDropdown } from './MenuDropdown/MenuDropdown';\nimport { MenuItem, MenuItemStylesNames } from './MenuItem/MenuItem';\nimport { MenuLabel, MenuLabelStylesName } from './MenuLabel/MenuLabel';\nimport { MenuTarget } from './MenuTarget/MenuTarget';\nimport { MenuContextProvider } from './Menu.context';\nimport { MenuTriggerEvent } from './Menu.types';\n\nexport type MenuStylesNames =\n  | MenuItemStylesNames\n  | MenuLabelStylesName\n  | MenuDividerStylesNames\n  | PopoverStylesNames;\n\nexport interface MenuProps extends PopoverBaseProps {\n  /** Menu content */\n  children?: React.ReactNode;\n\n  /** Controlled menu opened state */\n  opened?: boolean;\n\n  /** Uncontrolled menu initial opened state */\n  defaultOpened?: boolean;\n\n  /** Called when menu opened state changes */\n  onChange?(opened: boolean): void;\n\n  /** Called when Menu is opened */\n  onOpen?(): void;\n\n  /** Called when Menu is closed */\n  onClose?(): void;\n\n  /** Determines whether Menu should be closed when item is clicked */\n  closeOnItemClick?: boolean;\n\n  /** Determines whether arrow key presses should loop though items (first to last and last to first) */\n  loop?: boolean;\n\n  /** Determines whether dropdown should be closed when Escape key is pressed, defaults to true */\n  closeOnEscape?: boolean;\n\n  /** Event which should open menu */\n  trigger?: MenuTriggerEvent;\n\n  /** Open delay in ms, applicable only to trigger=\"hover\" variant */\n  openDelay?: number;\n\n  /** Close delay in ms, applicable only to trigger=\"hover\" variant */\n  closeDelay?: number;\n\n  /** Determines whether dropdown should be closed on outside clicks, default to true */\n  closeOnClickOutside?: boolean;\n\n  /** Events that trigger outside clicks */\n  clickOutsideEvents?: string[];\n\n  /** id base to create accessibility connections */\n  id?: string;\n\n  unstyled?: boolean;\n  classNames?: ClassNames<MenuStylesNames>;\n  styles?: Styles<MenuStylesNames>;\n}\n\nconst defaultProps: Partial<MenuProps> = {\n  closeOnItemClick: true,\n  loop: true,\n  trigger: 'click',\n  openDelay: 0,\n  closeDelay: 100,\n};\n\nexport function Menu(props: MenuProps) {\n  const {\n    children,\n    onOpen,\n    onClose,\n    opened,\n    defaultOpened,\n    onChange,\n    closeOnItemClick,\n    loop,\n    closeOnEscape,\n    trigger,\n    openDelay,\n    closeDelay,\n    classNames,\n    styles,\n    unstyled,\n    radius,\n    ...others\n  } = useMantineDefaultProps('Menu', defaultProps, props);\n\n  const [hovered, { setHovered, resetHovered }] = useHovered();\n  const [_opened, setOpened] = useUncontrolled({\n    value: opened,\n    defaultValue: defaultOpened,\n    finalValue: false,\n    onChange,\n  });\n\n  const close = () => {\n    setOpened(false);\n    onClose?.();\n  };\n\n  const open = () => {\n    setOpened(true);\n    onOpen?.();\n  };\n\n  const toggleDropdown = () => (_opened ? close() : open());\n\n  const { openDropdown, closeDropdown } = useDelayedHover({ open, close, closeDelay, openDelay });\n\n  const getItemIndex = (node: HTMLButtonElement) =>\n    getContextItemIndex('[data-menu-item]', '[data-menu-dropdown]', node);\n\n  useDidUpdate(() => {\n    resetHovered();\n  }, [_opened]);\n\n  return (\n    <MenuContextProvider\n      value={{\n        opened: _opened,\n        toggleDropdown,\n        getItemIndex,\n        hovered,\n        setHovered,\n        closeOnItemClick,\n        closeDropdown: trigger === 'click' ? close : closeDropdown,\n        openDropdown: trigger === 'click' ? open : openDropdown,\n        closeDropdownImmediately: close,\n        loop,\n        trigger,\n        radius,\n      }}\n    >\n      <Popover\n        {...others}\n        radius={radius}\n        opened={_opened}\n        onChange={setOpened}\n        defaultOpened={defaultOpened}\n        trapFocus={trigger === 'click'}\n        closeOnEscape={closeOnEscape && trigger === 'click'}\n        __staticSelector=\"Menu\"\n        classNames={classNames}\n        styles={styles}\n        unstyled={unstyled}\n      >\n        {children}\n      </Popover>\n    </MenuContextProvider>\n  );\n}\n\nMenu.displayName = '@mantine/core/Menu';\nMenu.Item = MenuItem;\nMenu.Label = MenuLabel;\nMenu.Dropdown = MenuDropdown;\nMenu.Target = MenuTarget;\nMenu.Divider = MenuDivider;\n"],"names":[],"mappings":"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"}

package/esm/components/Menu/MenuDivider/MenuDivider.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { useContextStylesApi } from '@mantine/styles';
+import useStyles from './MenuDivider.styles.js';
+import { Box } from '../../Box/Box.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function MenuDivider(_a) {
+  var _b = _a, { children, className } = _b, others = __objRest(_b, ["children", "className"]);
+  const { classNames, styles, unstyled } = useContextStylesApi();
+  const { classes, cx } = useStyles(null, { name: "Menu", classNames, styles, unstyled });
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
+    className: cx(classes.divider, className)
+  }, others));
+}
+MenuDivider.displayName = "@mantine/core/MenuDivider";
+
+export { MenuDivider };
+//# sourceMappingURL=MenuDivider.js.map

package/esm/components/Menu/MenuDivider/MenuDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.js","sources":["../../../../src/components/Menu/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, Selectors, useContextStylesApi } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport useStyles from './MenuDivider.styles';\n\nexport type MenuDividerStylesNames = Selectors<typeof useStyles>;\n\nexport interface MenuDividerProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {}\n\nexport function MenuDivider({ children, className, ...others }: MenuDividerProps) {\n  const { classNames, styles, unstyled } = useContextStylesApi();\n  const { classes, cx } = useStyles(null, { name: 'Menu', classNames, styles, unstyled });\n  return <Box className={cx(classes.divider, className)} {...others} />;\n}\n\nMenuDivider.displayName = '@mantine/core/MenuDivider';\n"],"names":[],"mappings":"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"}

package/esm/components/Menu/MenuDivider/MenuDivider.styles.js

@@ -0,0 +1,11 @@
+import { createStyles } from '@mantine/styles';
+
+var useStyles = createStyles((theme) => ({
+  divider: {
+    margin: `${theme.spacing.xs / 2}px -5px`,
+    borderTop: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`
+  }
+}));
+
+export default useStyles;
+//# sourceMappingURL=MenuDivider.styles.js.map

package/esm/components/Menu/MenuDivider/MenuDivider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.styles.js","sources":["../../../../src/components/Menu/MenuDivider/MenuDivider.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n  divider: {\n    margin: `${theme.spacing.xs / 2}px -5px`,\n    borderTop: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2]\n    }`,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,OAAO,EAAE;AACX,IAAI,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC;AAC5C,IAAI,SAAS,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACxG,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/components/Menu/MenuDropdown/MenuDropdown.js

@@ -0,0 +1,72 @@
+import React, { useRef } from 'react';
+import { createEventHandler } from '@mantine/utils';
+import { useMenuContext } from '../Menu.context.js';
+import { Popover } from '../../Popover/Popover.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function MenuDropdown(_a) {
+  var _b = _a, {
+    children,
+    onMouseEnter,
+    onMouseLeave
+  } = _b, others = __objRest(_b, [
+    "children",
+    "onMouseEnter",
+    "onMouseLeave"
+  ]);
+  const wrapperRef = useRef();
+  const ctx = useMenuContext();
+  const handleKeyDown = (event) => {
+    if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+      event.preventDefault();
+      wrapperRef.current.querySelectorAll("[data-menu-item]")[0].focus();
+    }
+  };
+  const handleMouseEnter = createEventHandler(onMouseEnter, () => ctx.trigger === "hover" && ctx.openDropdown());
+  const handleMouseLeave = createEventHandler(onMouseLeave, () => ctx.trigger === "hover" && ctx.closeDropdown());
+  return /* @__PURE__ */ React.createElement(Popover.Dropdown, __spreadValues({
+    p: 4,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    role: "menu",
+    "aria-orientation": "vertical"
+  }, others), /* @__PURE__ */ React.createElement("div", {
+    tabIndex: -1,
+    "data-menu-dropdown": true,
+    "data-autofocus": true,
+    onKeyDown: handleKeyDown,
+    ref: wrapperRef,
+    style: { outline: 0 }
+  }, children));
+}
+MenuDropdown.displayName = "@mantine/core/MenuDropdown";
+
+export { MenuDropdown };
+//# sourceMappingURL=MenuDropdown.js.map

package/esm/components/Menu/MenuDropdown/MenuDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDropdown.js","sources":["../../../../src/components/Menu/MenuDropdown/MenuDropdown.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useRef } from 'react';\nimport { DefaultProps } from '@mantine/styles';\nimport { createEventHandler } from '@mantine/utils';\nimport { Popover } from '../../Popover';\nimport { useMenuContext } from '../Menu.context';\n\nexport interface MenuDropdownProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Item label */\n  children?: React.ReactNode;\n}\n\nexport function MenuDropdown({\n  children,\n  onMouseEnter,\n  onMouseLeave,\n  ...others\n}: MenuDropdownProps) {\n  const wrapperRef = useRef<HTMLDivElement>();\n  const ctx = useMenuContext();\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n      event.preventDefault();\n      wrapperRef.current.querySelectorAll<HTMLButtonElement>('[data-menu-item]')[0].focus();\n    }\n  };\n\n  const handleMouseEnter = createEventHandler(\n    onMouseEnter,\n    () => ctx.trigger === 'hover' && ctx.openDropdown()\n  );\n\n  const handleMouseLeave = createEventHandler(\n    onMouseLeave,\n    () => ctx.trigger === 'hover' && ctx.closeDropdown()\n  );\n\n  return (\n    <Popover.Dropdown\n      p={4}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      role=\"menu\"\n      aria-orientation=\"vertical\"\n      {...others}\n    >\n      <div\n        tabIndex={-1}\n        data-menu-dropdown\n        data-autofocus\n        onKeyDown={handleKeyDown}\n        ref={wrapperRef}\n        style={{ outline: 0 }}\n      >\n        {children}\n      </div>\n    </Popover.Dropdown>\n  );\n}\n\nMenuDropdown.displayName = '@mantine/core/MenuDropdown';\n"],"names":[],"mappings":"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"}