@mantine/core 3.2.3 → 3.3.0

package/cjs/components/Menu/Menu.js

@@ -4,10 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var hooks = require('@mantine/hooks');
+var styles = require('@mantine/styles');
+var Divider = require('../Divider/Divider.js');
+var Paper = require('../Paper/Paper.js');
+var Text = require('../Text/Text.js');
 var ActionIcon = require('../ActionIcon/ActionIcon.js');
 var Popper = require('../Popper/Popper.js');
 var MenuIcon = require('./MenuIcon.js');
-var MenuBody = require('./MenuBody/MenuBody.js');
 var MenuItem = require('./MenuItem/MenuItem.js');
 var MenuLabel = require('./MenuLabel/MenuLabel.js');
 var Menu_styles = require('./Menu.styles.js');
@@ -48,6 +51,33 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const defaultControl = /* @__PURE__ */ React__default.createElement(ActionIcon.ActionIcon, null, /* @__PURE__ */ React__default.createElement(MenuIcon.MenuIcon, null));
+function getNextItem(active, items) {
+  for (let i = active + 1; i < items.length; i += 1) {
+    if (!items[i].props.disabled && items[i].type === MenuItem.MenuItem) {
+      return i;
+    }
+  }
+  return active;
+}
+function findInitialItem(items) {
+  for (let i = 0; i < items.length; i += 1) {
+    if (!items[i].props.disabled && items[i].type === MenuItem.MenuItem) {
+      return i;
+    }
+  }
+  return -1;
+}
+function getPreviousItem(active, items) {
+  for (let i = active - 1; i >= 0; i -= 1) {
+    if (!items[i].props.disabled && items[i].type === MenuItem.MenuItem) {
+      return i;
+    }
+  }
+  if (!items[active] || items[active].type !== MenuItem.MenuItem) {
+    return findInitialItem(items);
+  }
+  return active;
+}
 const Menu = React.forwardRef((_a, ref) => {
   var _b = _a, {
     control = defaultControl,
@@ -57,7 +87,6 @@ const Menu = React.forwardRef((_a, ref) => {
     opened,
     style,
     menuId,
-    menuBodyProps = {},
     closeOnItemClick = true,
     transitionDuration = 250,
     size = "md",
@@ -73,14 +102,17 @@ const Menu = React.forwardRef((_a, ref) => {
     trigger = "click",
     radius = "sm",
     delay = 0,
-    zIndex = 1,
-    classNames,
-    styles,
-    closeOnScroll = true,
+    zIndex = styles.getDefaultZIndex("popover"),
+    withinPortal = true,
     trapFocus = true,
+    classNames,
+    styles: styles$1,
+    closeOnScroll = false,
     onMouseLeave,
     onMouseEnter,
-    onChange
+    onChange,
+    className,
+    sx
   } = _b, others = __objRest(_b, [
     "control",
     "children",
@@ -89,7 +121,6 @@ const Menu = React.forwardRef((_a, ref) => {
     "opened",
     "style",
     "menuId",
-    "menuBodyProps",
     "closeOnItemClick",
     "transitionDuration",
     "size",
@@ -106,20 +137,26 @@ const Menu = React.forwardRef((_a, ref) => {
     "radius",
     "delay",
     "zIndex",
+    "withinPortal",
+    "trapFocus",
     "classNames",
     "styles",
     "closeOnScroll",
-    "trapFocus",
     "onMouseLeave",
     "onMouseEnter",
-    "onChange"
+    "onChange",
+    "className",
+    "sx"
   ]);
-  const { classes } = Menu_styles['default'](null, { classNames, styles, name: "Menu" });
+  const [hovered, setHovered] = React.useState(-1);
+  const buttonsRefs = React.useRef({});
+  const { classes, cx, theme } = Menu_styles['default']({ size }, { sx, classNames, styles: styles$1, name: "Menu" });
   const delayTimeout = React.useRef();
   const [referenceElement, setReferenceElement] = React.useState(null);
   const [wrapperElement, setWrapperElement] = React.useState(null);
   const [dropdownElement, setDropdownElement] = React.useState(null);
   const uuid = hooks.useUuid(menuId);
+  const { mergedStyles, rest } = styles.useExtractedMargins({ others, style });
   const focusReference = () => window.setTimeout(() => referenceElement == null ? void 0 : referenceElement.focus(), 0);
   const [_opened, setOpened] = hooks.useUncontrolled({
     value: opened,
@@ -144,7 +181,7 @@ const Menu = React.forwardRef((_a, ref) => {
   const toggleMenu = () => {
     _opened ? handleClose() : handleOpen();
   };
-  const controlEventHandlers = trigger === "click" ? { onClick: toggleMenu } : { onMouseEnter: handleOpen, onFocus: handleOpen };
+  const controlEventHandlers = trigger === "click" ? { onClick: toggleMenu } : { onMouseEnter: handleOpen, onClick: toggleMenu };
   const handleMouseLeave = (event) => {
     typeof onMouseLeave === "function" && onMouseLeave(event);
     if (trigger === "hover") {
@@ -159,6 +196,30 @@ const Menu = React.forwardRef((_a, ref) => {
     typeof onMouseEnter === "function" && onMouseEnter(event);
     window.clearTimeout(delayTimeout.current);
   };
+  const items = React__default.Children.toArray(children).filter((item) => item.type === MenuItem.MenuItem || item.type === Divider.Divider || item.type === MenuLabel.MenuLabel);
+  const handleKeyDown = (event) => {
+    if (_opened) {
+      if (event.nativeEvent.code === "Tab" && trapFocus) {
+        event.preventDefault();
+      }
+      if (event.nativeEvent.code === "ArrowDown") {
+        event.preventDefault();
+        const prevIndex = getNextItem(hovered, items);
+        setHovered(prevIndex);
+        buttonsRefs.current[prevIndex].focus();
+      }
+      if (event.nativeEvent.code === "ArrowUp") {
+        event.preventDefault();
+        const prevIndex = getPreviousItem(hovered, items);
+        setHovered(prevIndex);
+        buttonsRefs.current[prevIndex].focus();
+      }
+      if (event.nativeEvent.code === "Escape") {
+        handleClose();
+        focusReference();
+      }
+    }
+  };
   const menuControl = React.cloneElement(control, __spreadProps(__spreadValues({}, controlEventHandlers), {
     role: "button",
     "aria-haspopup": "menu",
@@ -166,14 +227,57 @@ const Menu = React.forwardRef((_a, ref) => {
     "aria-controls": uuid,
     "aria-label": menuButtonLabel,
     title: menuButtonLabel,
-    [controlRefProp]: hooks.useMergedRef(setReferenceElement, ref)
+    [controlRefProp]: hooks.useMergedRef(setReferenceElement, ref),
+    onKeyDown: handleKeyDown
   }));
+  const content = items.map((item, index) => {
+    if (item.type === MenuItem.MenuItem) {
+      return /* @__PURE__ */ React__default.createElement(MenuItem.MenuItem, __spreadProps(__spreadValues({}, item.props), {
+        key: index,
+        hovered: hovered === index,
+        onHover: () => setHovered(index),
+        radius,
+        onMouseLeave: () => setHovered(-1),
+        onKeyDown: handleKeyDown,
+        styles: styles$1,
+        classNames,
+        onClick: (event) => {
+          if (closeOnItemClick) {
+            handleClose();
+            trigger === "click" && focusReference();
+          }
+          if (typeof item.props.onClick === "function") {
+            item.props.onClick(event);
+          }
+        },
+        ref: (node) => {
+          buttonsRefs.current[index] = node;
+        }
+      }));
+    }
+    if (item.type === MenuLabel.MenuLabel) {
+      return /* @__PURE__ */ React__default.createElement(Text.Text, __spreadValues({
+        key: index,
+        className: classes.label
+      }, item.props));
+    }
+    if (item.type === Divider.Divider) {
+      return /* @__PURE__ */ React__default.createElement(Divider.Divider, {
+        variant: "solid",
+        className: classes.divider,
+        my: theme.spacing.xs / 2,
+        key: index
+      });
+    }
+    return null;
+  });
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
     ref: setWrapperElement,
-    style: __spreadValues({ display: "inline-block", position: "relative" }, style),
+    style: mergedStyles,
     onMouseLeave: handleMouseLeave,
-    onMouseEnter: handleMouseEnter
-  }, others), menuControl, /* @__PURE__ */ React__default.createElement(Popper.Popper, {
+    onMouseEnter: handleMouseEnter,
+    className: cx(classes.root, className)
+  }, rest), menuControl, /* @__PURE__ */ React__default.createElement(Popper.Popper, {
     referenceElement,
     transitionDuration,
     transitionTimingFunction,
@@ -185,22 +289,17 @@ const Menu = React.forwardRef((_a, ref) => {
     withArrow,
     arrowSize: 3,
     zIndex,
-    arrowClassName: classes.arrow
-  }, /* @__PURE__ */ React__default.createElement(MenuBody.MenuBody, __spreadProps(__spreadValues({}, menuBodyProps), {
-    onEscape: focusReference,
-    opened: _opened,
-    onClose: handleClose,
-    id: uuid,
-    closeOnItemClick,
-    size,
+    arrowClassName: classes.arrow,
+    withinPortal
+  }, /* @__PURE__ */ React__default.createElement(Paper.Paper, __spreadValues({
     shadow,
-    classNames,
-    styles,
+    className: classes.body,
+    role: "menu",
+    "aria-orientation": "vertical",
     radius,
-    trapFocus: trigger !== "hover" && trapFocus,
-    transitionDuration,
+    onMouseLeave: () => setHovered(-1),
     ref: setDropdownElement
-  }), children)));
+  }, others), content)));
 });
 Menu.Item = MenuItem.MenuItem;
 Menu.Label = MenuLabel.MenuLabel;

package/cjs/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  ClassNames,\n  MantineMargin,\n} from '@mantine/styles';\nimport { ActionIcon } from '../ActionIcon/ActionIcon';\nimport { Popper, SharedPopperProps } from '../Popper/Popper';\nimport { MenuIcon } from './MenuIcon';\nimport { MenuBody, MenuBodyStylesNames } from './MenuBody/MenuBody';\nimport { MenuItem, MenuItemComponent } from './MenuItem/MenuItem';\nimport { MenuLabel, MenuLabelProps } from './MenuLabel/MenuLabel';\nimport useStyles from './Menu.styles';\n\nexport type MenuStylesNames = ClassNames<typeof useStyles> | MenuBodyStylesNames;\n\nexport interface MenuProps\n  extends Omit<DefaultProps<MenuStylesNames>, MantineMargin>,\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  /** MenuBody component props */\n  menuBodyProps?: React.ComponentPropsWithoutRef<'div'> & { [key: string]: any };\n\n  /** Predefined menu width or number for width in px */\n  size?: MantineNumberSize;\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  /** Trap focus inside menu */\n  trapFocus?: boolean;\n}\n\nconst defaultControl = (\n  <ActionIcon>\n    <MenuIcon />\n  </ActionIcon>\n);\n\ntype MenuComponent = {\n  displayName?: string;\n  Item: MenuItemComponent;\n  Label: React.FC<MenuLabelProps>;\n} & ((props: MenuProps) => React.ReactElement);\n\nexport const Menu: MenuComponent = forwardRef<HTMLButtonElement, MenuProps>(\n  (\n    {\n      control = defaultControl,\n      children,\n      onClose,\n      onOpen,\n      opened,\n      style,\n      menuId,\n      menuBodyProps = {},\n      closeOnItemClick = true,\n      transitionDuration = 250,\n      size = 'md',\n      shadow = 'md',\n      position = 'bottom',\n      placement = 'start',\n      gutter = 5,\n      withArrow = false,\n      transition = 'pop-top-left',\n      transitionTimingFunction,\n      menuButtonLabel,\n      controlRefProp = 'ref',\n      trigger = 'click',\n      radius = 'sm',\n      delay = 0,\n      zIndex = 1,\n      classNames,\n      styles,\n      closeOnScroll = true,\n      trapFocus = true,\n      onMouseLeave,\n      onMouseEnter,\n      onChange,\n      ...others\n    }: MenuProps,\n    ref\n  ) => {\n    const { classes } = useStyles(null, { 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(), null, [dropdownElement, wrapperElement]);\n\n    const toggleMenu = () => {\n      _opened ? handleClose() : handleOpen();\n    };\n\n    const controlEventHandlers =\n      trigger === 'click'\n        ? { onClick: toggleMenu }\n        : { onMouseEnter: handleOpen, onFocus: handleOpen };\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 menuControl = cloneElement(control, {\n      ...controlEventHandlers,\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    });\n\n    return (\n      <div\n        ref={setWrapperElement}\n        style={{ display: 'inline-block', position: 'relative', ...style }}\n        onMouseLeave={handleMouseLeave}\n        onMouseEnter={handleMouseEnter}\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        >\n          <MenuBody\n            {...menuBodyProps}\n            onEscape={focusReference}\n            opened={_opened}\n            onClose={handleClose}\n            id={uuid}\n            closeOnItemClick={closeOnItemClick}\n            size={size}\n            shadow={shadow}\n            classNames={classNames}\n            styles={styles}\n            radius={radius}\n            trapFocus={trigger !== 'hover' && trapFocus}\n            transitionDuration={transitionDuration}\n            ref={setDropdownElement}\n          >\n            {children}\n          </MenuBody>\n        </Popper>\n      </div>\n    );\n  }\n) as any;\n\nMenu.Item = MenuItem;\nMenu.Label = MenuLabel;\n\nMenu.displayName = '@mantine/core/Menu';\n"],"names":["React","ActionIcon","MenuIcon","forwardRef","useStyles","useRef","useState","useUuid","useUncontrolled","useWindowEvent","useClickOutside","cloneElement","useMergedRef","Popper","MenuBody","MenuItem","MenuLabel"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAgBF,MAAM,cAAc,mBAAmBA,cAAK,CAAC,aAAa,CAACC,qBAAU,EAAE,IAAI,kBAAkBD,cAAK,CAAC,aAAa,CAACE,iBAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;AACtH,MAAC,IAAI,GAAGC,gBAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AAC5C,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,OAAO,GAAG,cAAc;AAC5B,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,aAAa,GAAG,EAAE;AACtB,IAAI,gBAAgB,GAAG,IAAI;AAC3B,IAAI,kBAAkB,GAAG,GAAG;AAC5B,IAAI,IAAI,GAAG,IAAI;AACf,IAAI,MAAM,GAAG,IAAI;AACjB,IAAI,QAAQ,GAAG,QAAQ;AACvB,IAAI,SAAS,GAAG,OAAO;AACvB,IAAI,MAAM,GAAG,CAAC;AACd,IAAI,SAAS,GAAG,KAAK;AACrB,IAAI,UAAU,GAAG,cAAc;AAC/B,IAAI,wBAAwB;AAC5B,IAAI,eAAe;AACnB,IAAI,cAAc,GAAG,KAAK;AAC1B,IAAI,OAAO,GAAG,OAAO;AACrB,IAAI,MAAM,GAAG,IAAI;AACjB,IAAI,KAAK,GAAG,CAAC;AACb,IAAI,MAAM,GAAG,CAAC;AACd,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,aAAa,GAAG,IAAI;AACxB,IAAI,SAAS,GAAG,IAAI;AACpB,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,eAAe;AACnB,IAAI,kBAAkB;AACtB,IAAI,oBAAoB;AACxB,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,0BAA0B;AAC9B,IAAI,iBAAiB;AACrB,IAAI,gBAAgB;AACpB,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,eAAe;AACnB,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,UAAU;AACd,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,OAAO,EAAE,GAAGC,sBAAS,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;AAC5E,EAAE,MAAM,YAAY,GAAGC,YAAM,EAAE,CAAC;AAChC,EAAE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGC,cAAQ,CAAC,IAAI,CAAC,CAAC;AACjE,EAAE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;AAC7D,EAAE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;AAC/D,EAAE,MAAM,IAAI,GAAGC,aAAO,CAAC,MAAM,CAAC,CAAC;AAC/B,EAAE,MAAM,cAAc,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,MAAM,gBAAgB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;AACxH,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAGC,qBAAe,CAAC;AAC/C,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,YAAY,EAAE,KAAK;AACvB,IAAI,UAAU,EAAE,KAAK;AACrB,IAAI,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,GAAG,KAAK,SAAS;AAC3C,IAAI,QAAQ,EAAE,CAAC,KAAK,KAAK,KAAK,GAAG,OAAO,MAAM,KAAK,UAAU,IAAI,MAAM,EAAE,GAAG,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,EAAE;AACtH,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAGH,YAAM,CAAC,OAAO,CAAC,CAAC;AACpC,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,IAAI,SAAS,CAAC,OAAO,EAAE;AAC3B,MAAM,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;AAChC,MAAM,SAAS,CAAC,KAAK,CAAC,CAAC;AACvB,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,UAAU,GAAG,MAAM;AAC3B,IAAI,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;AAC7B,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;AACpB,GAAG,CAAC;AACJ,EAAEI,oBAAc,CAAC,QAAQ,EAAE,MAAM,aAAa,IAAI,WAAW,EAAE,CAAC,CAAC;AACjE,EAAEC,qBAAe,CAAC,MAAM,OAAO,IAAI,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;AAC3F,EAAE,MAAM,UAAU,GAAG,MAAM;AAC3B,IAAI,OAAO,GAAG,WAAW,EAAE,GAAG,UAAU,EAAE,CAAC;AAC3C,GAAG,CAAC;AACJ,EAAE,MAAM,oBAAoB,GAAG,OAAO,KAAK,OAAO,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;AACjI,EAAE,MAAM,gBAAgB,GAAG,CAAC,KAAK,KAAK;AACtC,IAAI,OAAO,YAAY,KAAK,UAAU,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;AAC9D,IAAI,IAAI,OAAO,KAAK,OAAO,EAAE;AAC7B,MAAM,IAAI,KAAK,GAAG,CAAC,EAAE;AACrB,QAAQ,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,WAAW,EAAE,EAAE,KAAK,CAAC,CAAC;AAC7E,OAAO,MAAM;AACb,QAAQ,WAAW,EAAE,CAAC;AACtB,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,gBAAgB,GAAG,CAAC,KAAK,KAAK;AACtC,IAAI,OAAO,YAAY,KAAK,UAAU,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;AAC9D,IAAI,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAC9C,GAAG,CAAC;AACJ,EAAE,MAAM,WAAW,GAAGC,kBAAY,CAAC,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,oBAAoB,CAAC,EAAE;AACpG,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,eAAe,EAAE,MAAM;AAC3B,IAAI,eAAe,EAAE,OAAO;AAC5B,IAAI,eAAe,EAAE,IAAI;AACzB,IAAI,YAAY,EAAE,eAAe;AACjC,IAAI,KAAK,EAAE,eAAe;AAC1B,IAAI,CAAC,cAAc,GAAGC,kBAAY,CAAC,mBAAmB,EAAE,GAAG,CAAC;AAC5D,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,uBAAuBZ,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,GAAG,EAAE,iBAAiB;AAC1B,IAAI,KAAK,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,KAAK,CAAC;AACnF,IAAI,YAAY,EAAE,gBAAgB;AAClC,IAAI,YAAY,EAAE,gBAAgB;AAClC,GAAG,EAAE,MAAM,CAAC,EAAE,WAAW,kBAAkBA,cAAK,CAAC,aAAa,CAACa,aAAM,EAAE;AACvE,IAAI,gBAAgB;AACpB,IAAI,kBAAkB;AACtB,IAAI,wBAAwB;AAC5B,IAAI,UAAU;AACd,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,SAAS,EAAE,CAAC;AAChB,IAAI,MAAM;AACV,IAAI,cAAc,EAAE,OAAO,CAAC,KAAK;AACjC,GAAG,kBAAkBb,cAAK,CAAC,aAAa,CAACc,iBAAQ,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,aAAa,CAAC,EAAE;AACpG,IAAI,QAAQ,EAAE,cAAc;AAC5B,IAAI,MAAM,EAAE,OAAO;AACnB,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,gBAAgB;AACpB,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,SAAS,EAAE,OAAO,KAAK,OAAO,IAAI,SAAS;AAC/C,IAAI,kBAAkB;AACtB,IAAI,GAAG,EAAE,kBAAkB;AAC3B,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC,EAAE;AACH,IAAI,CAAC,IAAI,GAAGC,iBAAQ,CAAC;AACrB,IAAI,CAAC,KAAK,GAAGC,mBAAS,CAAC;AACvB,IAAI,CAAC,WAAW,GAAG,oBAAoB;;;;"}
+{"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  ClassNames,\n  useExtractedMargins,\n  getDefaultZIndex,\n} from '@mantine/styles';\nimport { Divider } from '../Divider/Divider';\nimport { Paper } from '../Paper/Paper';\nimport { Text } from '../Text/Text';\nimport { ActionIcon } from '../ActionIcon/ActionIcon';\nimport { Popper, SharedPopperProps } from '../Popper/Popper';\nimport { MenuIcon } from './MenuIcon';\nimport {\n  MenuItem,\n  MenuItemComponent,\n  MenuItemType,\n  MenuItemStylesNames,\n} from './MenuItem/MenuItem';\nimport { MenuLabel, MenuLabelProps } from './MenuLabel/MenuLabel';\nimport useStyles from './Menu.styles';\n\nexport type MenuStylesNames = ClassNames<typeof useStyles> | MenuItemStylesNames;\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;\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\nconst defaultControl = (\n  <ActionIcon>\n    <MenuIcon />\n  </ActionIcon>\n);\n\ntype MenuComponent = {\n  displayName?: string;\n  Item: MenuItemComponent;\n  Label: React.FC<MenuLabelProps>;\n} & ((props: MenuProps) => React.ReactElement);\n\nfunction getNextItem(active: number, items: MenuItemType[]) {\n  for (let i = active + 1; i < items.length; i += 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  return active;\n}\n\nfunction findInitialItem(items: MenuItemType[]) {\n  for (let i = 0; i < items.length; i += 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n\nfunction getPreviousItem(active: number, items: MenuItemType[]) {\n  for (let i = active - 1; i >= 0; i -= 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  if (!items[active] || items[active].type !== MenuItem) {\n    return findInitialItem(items);\n  }\n\n  return active;\n}\n\nexport const Menu: MenuComponent = forwardRef<HTMLButtonElement, MenuProps>(\n  (\n    {\n      control = defaultControl,\n      children,\n      onClose,\n      onOpen,\n      opened,\n      style,\n      menuId,\n      closeOnItemClick = true,\n      transitionDuration = 250,\n      size = 'md',\n      shadow = 'md',\n      position = 'bottom',\n      placement = 'start',\n      gutter = 5,\n      withArrow = false,\n      transition = 'pop-top-left',\n      transitionTimingFunction,\n      menuButtonLabel,\n      controlRefProp = 'ref',\n      trigger = 'click',\n      radius = 'sm',\n      delay = 0,\n      zIndex = getDefaultZIndex('popover'),\n      withinPortal = true,\n      trapFocus = true,\n      classNames,\n      styles,\n      closeOnScroll = false,\n      onMouseLeave,\n      onMouseEnter,\n      onChange,\n      className,\n      sx,\n      ...others\n    }: MenuProps,\n    ref\n  ) => {\n    const [hovered, setHovered] = useState(-1);\n    const buttonsRefs = useRef<Record<string, HTMLButtonElement>>({});\n    const { classes, cx, theme } = useStyles({ size }, { sx, 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    const { mergedStyles, rest } = useExtractedMargins({ others, style });\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(), null, [dropdownElement, wrapperElement]);\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 items = React.Children.toArray(children).filter(\n      (item: MenuItemType) =>\n        item.type === MenuItem || item.type === Divider || item.type === MenuLabel\n    ) as MenuItemType[];\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (_opened) {\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, items);\n          setHovered(prevIndex);\n          buttonsRefs.current[prevIndex].focus();\n        }\n\n        if (event.nativeEvent.code === 'ArrowUp') {\n          event.preventDefault();\n          const prevIndex = getPreviousItem(hovered, items);\n          setHovered(prevIndex);\n          buttonsRefs.current[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      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 content = items.map((item, index) => {\n      if (item.type === MenuItem) {\n        return (\n          <MenuItem<'button'>\n            {...item.props}\n            key={index}\n            hovered={hovered === index}\n            onHover={() => setHovered(index)}\n            radius={radius}\n            onMouseLeave={() => setHovered(-1)}\n            onKeyDown={handleKeyDown}\n            styles={styles}\n            classNames={classNames}\n            onClick={(event) => {\n              if (closeOnItemClick) {\n                handleClose();\n                trigger === 'click' && focusReference();\n              }\n\n              if (typeof item.props.onClick === 'function') {\n                item.props.onClick(event);\n              }\n            }}\n            ref={(node) => {\n              buttonsRefs.current[index] = node;\n            }}\n          />\n        );\n      }\n\n      if (item.type === MenuLabel) {\n        return <Text key={index} className={classes.label} {...(item.props as any)} />;\n      }\n\n      if (item.type === Divider) {\n        return (\n          <Divider\n            variant=\"solid\"\n            className={classes.divider}\n            my={theme.spacing.xs / 2}\n            key={index}\n          />\n        );\n      }\n\n      return null;\n    });\n\n    return (\n      <div\n        ref={setWrapperElement}\n        style={mergedStyles}\n        onMouseLeave={handleMouseLeave}\n        onMouseEnter={handleMouseEnter}\n        className={cx(classes.root, className)}\n        {...rest}\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            {...others}\n          >\n            {content}\n          </Paper>\n        </Popper>\n      </div>\n    );\n  }\n) as any;\n\nMenu.Item = MenuItem;\nMenu.Label = MenuLabel;\n\nMenu.displayName = '@mantine/core/Menu';\n"],"names":["React","ActionIcon","MenuIcon","MenuItem","forwardRef","getDefaultZIndex","styles","useState","useRef","useStyles","useUuid","useExtractedMargins","useUncontrolled","useWindowEvent","useClickOutside","Divider","MenuLabel","cloneElement","useMergedRef","Text","Popper","Paper"],"mappings":"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"}

package/cjs/components/Menu/Menu.styles.js

@@ -4,12 +4,43 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styles = require('@mantine/styles');
 
-var useStyles = styles.createStyles((theme) => ({
+const sizes = {
+  xs: 120,
+  sm: 160,
+  md: 200,
+  lg: 240,
+  xl: 300
+};
+const MENU_PADDING = 4;
+var useStyles = styles.createStyles((theme, { size }) => ({
+  root: {
+    display: "inline-block",
+    position: "relative"
+  },
   arrow: {
     borderColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2],
     background: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white
+  },
+  body: {
+    width: theme.fn.size({ size, sizes }),
+    overflow: "hidden",
+    pointerEvents: "all",
+    border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}`,
+    padding: MENU_PADDING
+  },
+  divider: {
+    borderTopColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.colors.gray[2],
+    margin: `${theme.spacing.xs / 2}px -${MENU_PADDING}px`
+  },
+  label: {
+    color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6],
+    fontWeight: 500,
+    fontSize: theme.fontSizes.xs,
+    padding: `${theme.spacing.xs / 2}px ${theme.spacing.sm}px`,
+    cursor: "default"
   }
 }));
 
 exports.default = useStyles;
+exports.sizes = sizes;
 //# sourceMappingURL=Menu.styles.js.map

package/cjs/components/Menu/Menu.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.styles.js","sources":["../../../src/components/Menu/Menu.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n  arrow: {\n    borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2],\n    background: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,KAAK,EAAE;AACT,IAAI,WAAW,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3F,IAAI,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACjF,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"Menu.styles.js","sources":["../../../src/components/Menu/Menu.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\ninterface MenuStyles {\n  size: MantineNumberSize;\n}\n\nexport const sizes = {\n  xs: 120,\n  sm: 160,\n  md: 200,\n  lg: 240,\n  xl: 300,\n};\n\nconst MENU_PADDING = 4;\n\nexport default createStyles((theme, { size }: MenuStyles) => ({\n  root: {\n    display: 'inline-block',\n    position: 'relative',\n  },\n\n  arrow: {\n    borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2],\n    background: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n  },\n\n  body: {\n    width: theme.fn.size({ size, sizes }),\n    overflow: 'hidden',\n    pointerEvents: 'all',\n    border: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n    }`,\n    padding: MENU_PADDING,\n  },\n\n  divider: {\n    borderTopColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.colors.gray[2],\n    margin: `${theme.spacing.xs / 2}px -${MENU_PADDING}px`,\n  },\n\n  label: {\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n    fontWeight: 500,\n    fontSize: theme.fontSizes.xs,\n    padding: `${theme.spacing.xs / 2}px ${theme.spacing.sm}px`,\n    cursor: 'default',\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACY,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE;AACF,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,cAAc;AAC3B,IAAI,QAAQ,EAAE,UAAU;AACxB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,WAAW,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3F,IAAI,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACjF,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACzC,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,aAAa,EAAE,KAAK;AACxB,IAAI,MAAM,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;AACrG,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,cAAc,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC9F,IAAI,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,YAAY,CAAC,EAAE,CAAC;AAC1D,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAC9D,IAAI,MAAM,EAAE,SAAS;AACrB,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}

package/cjs/components/Menu/MenuItem/MenuItem.js

@@ -2,7 +2,92 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const MenuItem = (_props) => null;
+var React = require('react');
+var styles = require('@mantine/styles');
+var MenuItem_styles = require('./MenuItem.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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;
+};
+const MenuItem = React.forwardRef((_a, ref) => {
+  var _b = _a, {
+    className,
+    children,
+    onHover,
+    hovered,
+    icon,
+    color,
+    disabled,
+    rightSection,
+    component,
+    classNames,
+    styles: styles$1,
+    radius,
+    sx
+  } = _b, others = __objRest(_b, [
+    "className",
+    "children",
+    "onHover",
+    "hovered",
+    "icon",
+    "color",
+    "disabled",
+    "rightSection",
+    "component",
+    "classNames",
+    "styles",
+    "radius",
+    "sx"
+  ]);
+  const { sxClassName } = styles.useSx({ sx });
+  const { classes, cx } = MenuItem_styles['default']({ color, radius }, { classNames, styles: styles$1, name: "Menu" });
+  const Element = component || "button";
+  return /* @__PURE__ */ React__default.createElement(Element, __spreadValues({
+    type: "button",
+    role: "menuitem",
+    className: cx(classes.item, { [classes.itemHovered]: hovered }, sxClassName, className),
+    onMouseEnter: () => !disabled && onHover(),
+    ref,
+    disabled
+  }, others), /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.itemInner
+  }, icon && /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.itemIcon
+  }, icon), /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.itemBody
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.itemLabel
+  }, children), rightSection)));
+});
 MenuItem.displayName = "@mantine/core/MenuItem";
 
 exports.MenuItem = MenuItem;

package/cjs/components/Menu/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineColor, PolymorphicComponentProps } from '@mantine/styles';\nimport type { MenuButtonStylesNames } from '../MenuButton/MenuButton';\n\nexport interface SharedMenuItemProps extends DefaultProps<MenuButtonStylesNames> {\n  /** Item label */\n  children: React.ReactNode;\n\n  /** Icon rendered on the left side of label */\n  icon?: React.ReactNode;\n\n  /** Any color from theme.colors */\n  color?: MantineColor;\n\n  /** Any react node to render on the right side of item, for example, keyboard shortcut or badge */\n  rightSection?: React.ReactNode;\n}\n\nexport type MenuItemProps<C extends React.ElementType> = PolymorphicComponentProps<\n  C,\n  SharedMenuItemProps\n>;\n\nexport type MenuItemComponent = <C extends React.ElementType = 'div'>(\n  props: MenuItemProps<C>\n) => React.ReactElement;\n\nexport interface MenuItemType {\n  type: any;\n  props: MenuItemProps<'button'>;\n  ref?: React.RefObject<HTMLButtonElement> | ((instance: HTMLButtonElement) => void);\n}\n\nexport const MenuItem: MenuItemComponent & { displayName?: string } = ((\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  _props: MenuItemProps<'button'>\n) => null) as any;\n\nMenuItem.displayName = '@mantine/core/MenuItem';\n"],"names":[],"mappings":";;;;AAAY,MAAC,QAAQ,GAAG,CAAC,MAAM,KAAK,KAAK;AACzC,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  MantineNumberSize,\n  ClassNames,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n  useSx,\n  DefaultProps,\n  MantineColor,\n} from '@mantine/styles';\nimport useStyles from './MenuItem.styles';\n\nexport type MenuItemStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SharedMenuItemProps extends DefaultProps<MenuItemStylesNames> {\n  /** Item label */\n  children: React.ReactNode;\n\n  /** Icon rendered on the left side of label */\n  icon?: React.ReactNode;\n\n  /** Any color from theme.colors */\n  color?: MantineColor;\n\n  /** Any react node to render on the right side of item, for example, keyboard shortcut or badge */\n  rightSection?: React.ReactNode;\n\n  /** Is item disabled */\n  disabled?: boolean;\n\n  /** Is item hovered, controlled by parent Menu component */\n  hovered?: boolean;\n\n  /** Called when item is hovered, controlled by parent Menu component */\n  onHover?(): void;\n\n  /** Border radius, controlled by parent Menu component */\n  radius?: MantineNumberSize;\n}\n\nexport type MenuItemProps<C extends React.ElementType> = PolymorphicComponentProps<\n  C,\n  SharedMenuItemProps\n>;\n\nexport type MenuItemComponent = <C extends React.ElementType = 'button'>(\n  props: MenuItemProps<C>\n) => React.ReactElement;\n\nexport interface MenuItemType {\n  type: any;\n  props: MenuItemProps<'button'>;\n  ref?: React.RefObject<HTMLButtonElement> | ((instance: HTMLButtonElement) => void);\n}\n\nexport const MenuItem: MenuItemComponent & { displayName?: string } = forwardRef(\n  <C extends React.ElementType = 'button'>(\n    {\n      className,\n      children,\n      onHover,\n      hovered,\n      icon,\n      color,\n      disabled,\n      rightSection,\n      component,\n      classNames,\n      styles,\n      radius,\n      sx,\n      ...others\n    }: MenuItemProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const { sxClassName } = useSx({ sx });\n    const { classes, cx } = useStyles({ color, radius }, { classNames, styles, name: 'Menu' });\n    const Element = component || 'button';\n\n    return (\n      <Element\n        type=\"button\"\n        role=\"menuitem\"\n        className={cx(classes.item, { [classes.itemHovered]: hovered }, sxClassName, className)}\n        onMouseEnter={() => !disabled && onHover()}\n        ref={ref}\n        disabled={disabled}\n        {...others}\n      >\n        <div className={classes.itemInner}>\n          {icon && <div className={classes.itemIcon}>{icon}</div>}\n\n          <div className={classes.itemBody}>\n            <div className={classes.itemLabel}>{children}</div>\n            {rightSection}\n          </div>\n        </div>\n      </Element>\n    );\n  }\n) as any;\n\nMenuItem.displayName = '@mantine/core/MenuItem';\n"],"names":["forwardRef","styles","useSx","useStyles","React"],"mappings":"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"}

package/cjs/components/Menu/MenuItem/MenuItem.styles.js

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = require('@mantine/styles');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var useStyles = styles.createStyles((theme, { radius, color }) => ({
+  item: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
+    WebkitTapHighlightColor: "transparent",
+    fontSize: theme.fontSizes.sm,
+    border: 0,
+    backgroundColor: "transparent",
+    outline: 0,
+    width: "100%",
+    textAlign: "left",
+    display: "inline-block",
+    textDecoration: "none",
+    boxSizing: "border-box",
+    padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,
+    cursor: "pointer",
+    borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
+    color: color ? theme.fn.themeColor(color, theme.colorScheme === "dark" ? 5 : 7) : theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+    "&:disabled": {
+      color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5],
+      pointerEvents: "none"
+    }
+  }),
+  itemHovered: {
+    backgroundColor: color ? theme.fn.rgba(theme.fn.themeColor(color, theme.colorScheme === "dark" ? 9 : 0), theme.colorScheme === "dark" ? 0.2 : 1) : theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors.dark[3], 0.35) : theme.colors.gray[0]
+  },
+  itemInner: {
+    display: "flex",
+    alignItems: "center",
+    height: "100%"
+  },
+  itemBody: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    flex: 1
+  },
+  itemIcon: {
+    marginRight: theme.spacing.xs,
+    "& *": {
+      display: "block"
+    }
+  },
+  itemLabel: {
+    lineHeight: 1
+  }
+}));
+
+exports.default = useStyles;
+//# sourceMappingURL=MenuItem.styles.js.map

package/cjs/components/Menu/MenuItem/MenuItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.styles.js","sources":["../../../../src/components/Menu/MenuItem/MenuItem.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\n\ninterface MenuItemStyles {\n  radius: MantineNumberSize;\n  color: MantineColor;\n}\n\nexport default createStyles((theme, { radius, color }: MenuItemStyles) => ({\n  item: {\n    ...theme.fn.fontStyles(),\n    WebkitTapHighlightColor: 'transparent',\n    fontSize: theme.fontSizes.sm,\n    border: 0,\n    backgroundColor: 'transparent',\n    outline: 0,\n    width: '100%',\n    textAlign: 'left',\n    display: 'inline-block',\n    textDecoration: 'none',\n    boxSizing: 'border-box',\n    padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,\n    cursor: 'pointer',\n    borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n    color: color\n      ? theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 5 : 7)\n      : theme.colorScheme === 'dark'\n      ? theme.colors.dark[0]\n      : theme.black,\n\n    '&:disabled': {\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n      pointerEvents: 'none',\n    },\n  },\n\n  itemHovered: {\n    backgroundColor: color\n      ? theme.fn.rgba(\n          theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 9 : 0),\n          theme.colorScheme === 'dark' ? 0.2 : 1\n        )\n      : theme.colorScheme === 'dark'\n      ? theme.fn.rgba(theme.colors.dark[3], 0.35)\n      : theme.colors.gray[0],\n  },\n\n  itemInner: {\n    display: 'flex',\n    alignItems: 'center',\n    height: '100%',\n  },\n\n  itemBody: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    flex: 1,\n  },\n\n  itemIcon: {\n    marginRight: theme.spacing.xs,\n\n    '& *': {\n      display: 'block',\n    },\n  },\n\n  itemLabel: {\n    lineHeight: 1,\n  },\n}));\n"],"names":["createStyles"],"mappings":"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"}