mantine-contextmenu 7.1.6 → 7.1.8

package/dist/esm/ContextMenuProvider.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MantineProvider } from '@mantine/core';
 import { createContext, useContext, useState } from 'react';
 import { ContextMenuPortal } from './ContextMenuPortal';
 const DEFAULT_SETTINGS = {
@@ -34,7 +33,7 @@ export function ContextMenuProvider({ zIndex = 9999, shadow = DEFAULT_SETTINGS.s
             styles: options?.styles,
         });
     };
-    return (_jsx(ContextMenuSettingsCtx.Provider, { value: { shadow, borderRadius, submenuDelay }, children: _jsxs(ContextMenuCtx.Provider, { value: { showContextMenu, hideContextMenu, isContextMenuVisible: !!data }, children: [children, _jsx(MantineProvider, { children: data && _jsx(ContextMenuPortal, { onHide: hideContextMenu, ...data }) })] }) }));
+    return (_jsx(ContextMenuSettingsCtx.Provider, { value: { shadow, borderRadius, submenuDelay }, children: _jsxs(ContextMenuCtx.Provider, { value: { showContextMenu, hideContextMenu, isContextMenuVisible: !!data }, children: [children, data && _jsx(ContextMenuPortal, { onHide: hideContextMenu, ...data })] }) }));
 }
 /**
  * Hook returning functions that show and hide the context menu.

package/dist/esm/ContextMenuProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuProvider.js","sourceRoot":"","sources":["../../package/ContextMenuProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAUxD,MAAM,gBAAgB,GAA0F;IAC9G,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,IAAI;IAClB,YAAY,EAAE,GAAG;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC;AACtE,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAexC,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC;AAE9G;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,MAAM,GAAG,IAAI,EACb,MAAM,GAAG,gBAAgB,CAAC,MAAM,EAChC,YAAY,GAAG,gBAAgB,CAAC,YAAY,EAC5C,YAAY,GAAG,gBAAgB,CAAC,YAAY,EAC5C,QAAQ,GACiB;IACzB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAA2D,IAAI,CAAC,CAAC;IAEjG,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,eAAe,GAA4B,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QAC3E,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,OAAO,CAAC;YACN,CAAC,EAAE,CAAC,CAAC,OAAO;YACZ,CAAC,EAAE,CAAC,CAAC,OAAO;YACZ,OAAO;YACP,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,MAAM;YACjC,SAAS,EAAE,OAAO,EAAE,SAAS;YAC7B,KAAK,EAAE,OAAO,EAAE,KAAK;YACrB,UAAU,EAAE,OAAO,EAAE,UAAU;YAC/B,MAAM,EAAE,OAAO,EAAE,MAAM;SACxB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,YAC5E,MAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAC,CAAC,IAAI,EAAE,aAC/F,QAAQ,EACT,KAAC,eAAe,cAAE,IAAI,IAAI,KAAC,iBAAiB,IAAC,MAAM,EAAE,eAAe,KAAM,IAAI,GAAI,GAAmB,IAC7E,GACM,CACnC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACpC,CAAC","sourcesContent":["'use client';\n\nimport { MantineProvider } from '@mantine/core';\nimport { createContext, useContext, useState } from 'react';\nimport type { ContextMenuInstanceOptions } from './ContextMenu';\nimport { ContextMenuPortal } from './ContextMenuPortal';\nimport type {\n  ContextMenuOptions,\n  ContextMenuProviderProps,\n  ContextMenuSettings,\n  HideContextMenuFunction,\n  ShowContextMenuFunction,\n  WithRequiredProperty,\n} from './types';\n\nconst DEFAULT_SETTINGS: WithRequiredProperty<ContextMenuSettings, 'shadow' | 'borderRadius' | 'submenuDelay'> = {\n  shadow: 'sm',\n  borderRadius: 'xs',\n  submenuDelay: 500,\n};\n\nexport const ContextMenuSettingsCtx = createContext(DEFAULT_SETTINGS);\nexport const ContextMenuCtx = createContext<{\n  /**\n   * Function that shows the context menu.\n   */\n  showContextMenu: ShowContextMenuFunction;\n\n  /**\n   * Function that hides the context menu.\n   */\n  hideContextMenu: HideContextMenuFunction;\n\n  /**\n   * Boolean indicating whether the context menu is currently visible.\n   */\n  isContextMenuVisible: boolean;\n}>({ showContextMenu: () => () => undefined, hideContextMenu: () => undefined, isContextMenuVisible: false });\n\n/**\n * Provider that allows to show a context menu anywhere in your application.\n * If you wrap your application with this provider, you can use the `useContextMenu` hook\n * anywhere in the component tree to access a function that shows the context menu.\n */\nexport function ContextMenuProvider({\n  zIndex = 9999,\n  shadow = DEFAULT_SETTINGS.shadow,\n  borderRadius = DEFAULT_SETTINGS.borderRadius,\n  submenuDelay = DEFAULT_SETTINGS.submenuDelay,\n  children,\n}: ContextMenuProviderProps) {\n  const [data, setData] = useState<(ContextMenuInstanceOptions & ContextMenuOptions) | null>(null);\n\n  const hideContextMenu = () => {\n    setData(null);\n  };\n\n  const showContextMenu: ShowContextMenuFunction = (content, options) => (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setData({\n      x: e.clientX,\n      y: e.clientY,\n      content,\n      zIndex: options?.zIndex || zIndex,\n      className: options?.className,\n      style: options?.style,\n      classNames: options?.classNames,\n      styles: options?.styles,\n    });\n  };\n\n  return (\n    <ContextMenuSettingsCtx.Provider value={{ shadow, borderRadius, submenuDelay }}>\n      <ContextMenuCtx.Provider value={{ showContextMenu, hideContextMenu, isContextMenuVisible: !!data }}>\n        {children}\n        <MantineProvider>{data && <ContextMenuPortal onHide={hideContextMenu} {...data} />}</MantineProvider>\n      </ContextMenuCtx.Provider>\n    </ContextMenuSettingsCtx.Provider>\n  );\n}\n\n/**\n * Hook returning functions that show and hide the context menu.\n */\nexport function useContextMenu() {\n  return useContext(ContextMenuCtx);\n}\n"]}
+{"version":3,"file":"ContextMenuProvider.js","sourceRoot":"","sources":["../../package/ContextMenuProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAUxD,MAAM,gBAAgB,GAA0F;IAC9G,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,IAAI;IAClB,YAAY,EAAE,GAAG;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC;AACtE,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAexC,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC;AAE9G;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,MAAM,GAAG,IAAI,EACb,MAAM,GAAG,gBAAgB,CAAC,MAAM,EAChC,YAAY,GAAG,gBAAgB,CAAC,YAAY,EAC5C,YAAY,GAAG,gBAAgB,CAAC,YAAY,EAC5C,QAAQ,GACiB;IACzB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAA2D,IAAI,CAAC,CAAC;IAEjG,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,eAAe,GAA4B,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QAC3E,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,OAAO,CAAC;YACN,CAAC,EAAE,CAAC,CAAC,OAAO;YACZ,CAAC,EAAE,CAAC,CAAC,OAAO;YACZ,OAAO;YACP,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,MAAM;YACjC,SAAS,EAAE,OAAO,EAAE,SAAS;YAC7B,KAAK,EAAE,OAAO,EAAE,KAAK;YACrB,UAAU,EAAE,OAAO,EAAE,UAAU;YAC/B,MAAM,EAAE,OAAO,EAAE,MAAM;SACxB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,YAC5E,MAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAC,CAAC,IAAI,EAAE,aAC/F,QAAQ,EACR,IAAI,IAAI,KAAC,iBAAiB,IAAC,MAAM,EAAE,eAAe,KAAM,IAAI,GAAI,IACzC,GACM,CACnC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACpC,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext, useState } from 'react';\nimport type { ContextMenuInstanceOptions } from './ContextMenu';\nimport { ContextMenuPortal } from './ContextMenuPortal';\nimport type {\n  ContextMenuOptions,\n  ContextMenuProviderProps,\n  ContextMenuSettings,\n  HideContextMenuFunction,\n  ShowContextMenuFunction,\n  WithRequiredProperty,\n} from './types';\n\nconst DEFAULT_SETTINGS: WithRequiredProperty<ContextMenuSettings, 'shadow' | 'borderRadius' | 'submenuDelay'> = {\n  shadow: 'sm',\n  borderRadius: 'xs',\n  submenuDelay: 500,\n};\n\nexport const ContextMenuSettingsCtx = createContext(DEFAULT_SETTINGS);\nexport const ContextMenuCtx = createContext<{\n  /**\n   * Function that shows the context menu.\n   */\n  showContextMenu: ShowContextMenuFunction;\n\n  /**\n   * Function that hides the context menu.\n   */\n  hideContextMenu: HideContextMenuFunction;\n\n  /**\n   * Boolean indicating whether the context menu is currently visible.\n   */\n  isContextMenuVisible: boolean;\n}>({ showContextMenu: () => () => undefined, hideContextMenu: () => undefined, isContextMenuVisible: false });\n\n/**\n * Provider that allows to show a context menu anywhere in your application.\n * If you wrap your application with this provider, you can use the `useContextMenu` hook\n * anywhere in the component tree to access a function that shows the context menu.\n */\nexport function ContextMenuProvider({\n  zIndex = 9999,\n  shadow = DEFAULT_SETTINGS.shadow,\n  borderRadius = DEFAULT_SETTINGS.borderRadius,\n  submenuDelay = DEFAULT_SETTINGS.submenuDelay,\n  children,\n}: ContextMenuProviderProps) {\n  const [data, setData] = useState<(ContextMenuInstanceOptions & ContextMenuOptions) | null>(null);\n\n  const hideContextMenu = () => {\n    setData(null);\n  };\n\n  const showContextMenu: ShowContextMenuFunction = (content, options) => (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setData({\n      x: e.clientX,\n      y: e.clientY,\n      content,\n      zIndex: options?.zIndex || zIndex,\n      className: options?.className,\n      style: options?.style,\n      classNames: options?.classNames,\n      styles: options?.styles,\n    });\n  };\n\n  return (\n    <ContextMenuSettingsCtx.Provider value={{ shadow, borderRadius, submenuDelay }}>\n      <ContextMenuCtx.Provider value={{ showContextMenu, hideContextMenu, isContextMenuVisible: !!data }}>\n        {children}\n        {data && <ContextMenuPortal onHide={hideContextMenu} {...data} />}\n      </ContextMenuCtx.Provider>\n    </ContextMenuSettingsCtx.Provider>\n  );\n}\n\n/**\n * Hook returning functions that show and hide the context menu.\n */\nexport function useContextMenu() {\n  return useContext(ContextMenuCtx);\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mantine-contextmenu",
-  "version": "7.1.6",
+  "version": "7.1.8",
   "description": "Craft your applications for productivity and meet your users’ expectations by enhancing your Mantine-based UIs with a desktop-grade, lightweight yet fully-featured, dark-theme aware context-menu component, built by the creator of Mantine DataTable",
   "keywords": [
     "ui",
@@ -38,18 +38,12 @@
     "type": "github",
     "url": "https://github.com/sponsors/icflorescu"
   },
-  "main": "./dist/cjs/index.js",
-  "module": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
       "import": {
         "types": "./dist/types/index.d.ts",
         "default": "./dist/esm/index.js"
-      },
-      "require": {
-        "types": "./dist/types/index.d.ts",
-        "default": "./dist/cjs/index.js"
       }
     },
     "./styles.css": "./dist/css/styles.css",
@@ -62,7 +56,7 @@
   ],
   "scripts": {
     "dev": "next dev",
-    "build:package": "rm -rf dist; tsc -p package/tsconfig.esm.json; tsc -p package/tsconfig.cjs.json; postcss package/styles*.css --dir dist/css",
+    "build:package": "rm -rf dist; tsc -p package/tsconfig.build.json; postcss package/styles*.css --dir dist/css",
     "build:docs": "next build",
     "build": "yarn build:package && yarn build:docs",
     "lint": "eslint . && tsc --noEmit --pretty",
@@ -77,7 +71,7 @@
     "@tabler/icons-react": "^2.40.0",
     "@types/lodash": "^4.14.200",
     "@types/node": "^20.8.10",
-    "@types/react": "^18.2.33",
+    "@types/react": "^18.2.34",
     "@types/react-dom": "^18.2.14",
     "@typescript-eslint/eslint-plugin": "^6.9.1",
     "@typescript-eslint/parser": "^6.9.1",

package/dist/cjs/ContextMenu.js

@@ -1,74 +0,0 @@
-'use client';
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextMenu = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var core_1 = require("@mantine/core");
-var hooks_1 = require("@mantine/hooks");
-var clsx_1 = __importDefault(require("clsx"));
-var react_1 = require("react");
-var ContextMenuDivider_1 = require("./ContextMenuDivider");
-var ContextMenuItem_1 = require("./ContextMenuItem");
-var ContextMenuProvider_1 = require("./ContextMenuProvider");
-var utils_1 = require("./utils");
-function ContextMenu(_a) {
-    var _b;
-    var x = _a.x, y = _a.y, content = _a.content, zIndex = _a.zIndex, onHide = _a.onHide, className = _a.className, style = _a.style, classNames = _a.classNames, styles = _a.styles;
-    var _c = (0, react_1.useContext)(ContextMenuProvider_1.ContextMenuSettingsCtx), shadow = _c.shadow, borderRadius = _c.borderRadius;
-    var paperRef = (0, hooks_1.useResizeObserver)()[0];
-    var _d = ((_b = paperRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) || { width: 0, height: 0 }, width = _d.width, height = _d.height;
-    var windowWidth = 0;
-    var windowHeight = 0;
-    if (typeof window !== 'undefined')
-        (windowWidth = window.innerWidth, windowHeight = window.innerHeight);
-    var dir = (0, core_1.useDirection)().dir;
-    return ((0, jsx_runtime_1.jsx)(core_1.Paper, { ref: paperRef, shadow: shadow, radius: borderRadius, className: (0, clsx_1.default)('mantine-contextmenu', className, classNames === null || classNames === void 0 ? void 0 : classNames.root), style: [
-            function (_a) {
-                var md = _a.spacing.md;
-                var mdSpacing = (0, core_1.px)(md);
-                return {
-                    zIndex: zIndex,
-                    top: y + height + mdSpacing > windowHeight ? windowHeight - height - mdSpacing : y,
-                    left: dir === 'ltr'
-                        ? x + width + mdSpacing > windowWidth
-                            ? windowWidth - width - mdSpacing
-                            : x
-                        : windowWidth - mdSpacing - (x - width - mdSpacing < 0 ? width + mdSpacing : x),
-                };
-            },
-            style,
-            styles === null || styles === void 0 ? void 0 : styles.root,
-        ], children: Array.isArray(content)
-            ? content.map(function (_a) {
-                var key = _a.key, hidden = _a.hidden, className = _a.className, style = _a.style, onClick = _a.onClick, items = _a.items, title = _a.title, otherOptions = __rest(_a, ["key", "hidden", "className", "style", "onClick", "items", "title"]);
-                return hidden ? null : onClick || items ? ((0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, __assign({ className: (0, clsx_1.default)(classNames === null || classNames === void 0 ? void 0 : classNames.item, className), style: [styles === null || styles === void 0 ? void 0 : styles.item, style], title: title !== null && title !== void 0 ? title : (0, utils_1.humanize)(key), onClick: onClick, onHide: onHide, items: items }, otherOptions), key)) : ((0, jsx_runtime_1.jsx)(ContextMenuDivider_1.ContextMenuDivider, { className: (0, clsx_1.default)(classNames === null || classNames === void 0 ? void 0 : classNames.divider, className), style: [styles === null || styles === void 0 ? void 0 : styles.divider, style] }, key));
-            })
-            : content(onHide) }));
-}
-exports.ContextMenu = ContextMenu;
-//# sourceMappingURL=ContextMenu.js.map

package/dist/cjs/ContextMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../package/ContextMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { Paper, px, useDirection } from '@mantine/core';\nimport { useResizeObserver } from '@mantine/hooks';\nimport clsx from 'clsx';\nimport { useContext } from 'react';\nimport { ContextMenuDivider } from './ContextMenuDivider';\nimport { ContextMenuItem } from './ContextMenuItem';\nimport { ContextMenuSettingsCtx } from './ContextMenuProvider';\nimport type { ContextMenuContent, ContextMenuOptions } from './types';\nimport { humanize } from './utils';\n\nexport type ContextMenuInstanceOptions = {\n  x: number;\n  y: number;\n  content: ContextMenuContent;\n};\n\nexport type ContextMenuProps = ContextMenuOptions &\n  ContextMenuInstanceOptions & {\n    onHide: () => void;\n  };\n\nexport function ContextMenu({ x, y, content, zIndex, onHide, className, style, classNames, styles }: ContextMenuProps) {\n  const { shadow, borderRadius } = useContext(ContextMenuSettingsCtx);\n  const [paperRef] = useResizeObserver<HTMLDivElement>();\n  const { width, height } = paperRef.current?.getBoundingClientRect() || { width: 0, height: 0 };\n\n  let windowWidth = 0;\n  let windowHeight = 0;\n  if (typeof window !== 'undefined') ({ innerWidth: windowWidth, innerHeight: windowHeight } = window);\n\n  const { dir } = useDirection();\n\n  return (\n    <Paper\n      ref={paperRef}\n      shadow={shadow}\n      radius={borderRadius}\n      className={clsx('mantine-contextmenu', className, classNames?.root)}\n      style={[\n        ({ spacing: { md } }) => {\n          const mdSpacing = px(md) as number;\n          return {\n            zIndex,\n            top: y + height + mdSpacing > windowHeight ? windowHeight - height - mdSpacing : y,\n            left:\n              dir === 'ltr'\n                ? x + width + mdSpacing > windowWidth\n                  ? windowWidth - width - mdSpacing\n                  : x\n                : windowWidth - mdSpacing - (x - width - mdSpacing < 0 ? width + mdSpacing : x),\n          };\n        },\n        style,\n        styles?.root,\n      ]}\n    >\n      {Array.isArray(content)\n        ? content.map(({ key, hidden, className, style, onClick, items, title, ...otherOptions }) =>\n            hidden ? null : onClick || items ? (\n              <ContextMenuItem\n                key={key}\n                className={clsx(classNames?.item, className)}\n                style={[styles?.item, style]}\n                title={title ?? humanize(key)}\n                onClick={onClick}\n                onHide={onHide}\n                items={items}\n                {...otherOptions}\n              />\n            ) : (\n              <ContextMenuDivider\n                key={key}\n                className={clsx(classNames?.divider, className)}\n                style={[styles?.divider, style]}\n              />\n            )\n          )\n        : content(onHide)}\n    </Paper>\n  );\n}\n"]}

package/dist/cjs/ContextMenuDivider.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextMenuDivider = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var core_1 = require("@mantine/core");
-var clsx_1 = __importDefault(require("clsx"));
-function ContextMenuDivider(_a) {
-    var className = _a.className, style = _a.style;
-    return (0, jsx_runtime_1.jsx)(core_1.Box, { className: (0, clsx_1.default)('mantine-contextmenu-divider', className), style: style });
-}
-exports.ContextMenuDivider = ContextMenuDivider;
-//# sourceMappingURL=ContextMenuDivider.js.map

package/dist/cjs/ContextMenuDivider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuDivider.js","sourceRoot":"","sources":["../../package/ContextMenuDivider.tsx"],"names":[],"mappings":";;;;;;;AAAA,sCAAoC;AACpC,8CAAwB;AAKxB,SAAgB,kBAAkB,CAAC,EAA6C;QAA3C,SAAS,eAAA,EAAE,KAAK,WAAA;IACnD,OAAO,uBAAC,UAAG,IAAC,SAAS,EAAE,IAAA,cAAI,EAAC,6BAA6B,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AAC1F,CAAC;AAFD,gDAEC","sourcesContent":["import { Box } from '@mantine/core';\nimport clsx from 'clsx';\nimport type { ContextMenuItemOptions } from './types';\n\nexport type ContextMenuDividerProps = Pick<ContextMenuItemOptions, 'className' | 'style'>;\n\nexport function ContextMenuDivider({ className, style }: ContextMenuDividerProps) {\n  return <Box className={clsx('mantine-contextmenu-divider', className)} style={style} />;\n}\n"]}

package/dist/cjs/ContextMenuItem.js

@@ -1,77 +0,0 @@
-'use client';
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextMenuItem = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var core_1 = require("@mantine/core");
-var hooks_1 = require("@mantine/hooks");
-var clsx_1 = __importDefault(require("clsx"));
-var react_1 = require("react");
-var ContextMenu_1 = require("./ContextMenu");
-var ContextMenuProvider_1 = require("./ContextMenuProvider");
-function ContextMenuItem(_a) {
-    var className = _a.className, style = _a.style, icon = _a.icon, title = _a.title, color = _a.color, disabled = _a.disabled, onClick = _a.onClick, onHide = _a.onHide, items = _a.items;
-    var ref = (0, react_1.useRef)(null);
-    var submenuDelay = (0, react_1.useContext)(ContextMenuProvider_1.ContextMenuSettingsCtx).submenuDelay;
-    var _b = (0, react_1.useState)(null), submenuPosition = _b[0], setSubmenuPosition = _b[1];
-    var handleClick = onClick
-        ? function (e) {
-            onHide();
-            onClick(e);
-        }
-        : undefined;
-    var _c = (0, hooks_1.useTimeout)(function () {
-        var _a = ref.current.getBoundingClientRect(), y = _a.top, x = _a.right;
-        setSubmenuPosition({ x: x, y: y });
-    }, submenuDelay), startShowingSubmenu = _c.start, stopShowingSubmenu = _c.clear;
-    var _d = (0, hooks_1.useTimeout)(function () {
-        setSubmenuPosition(null);
-    }, submenuDelay), startHidingSubmenu = _d.start, stopHidingSubmenu = _d.clear;
-    var showSubmenu = function () {
-        stopHidingSubmenu();
-        startShowingSubmenu();
-    };
-    var hideSubmenu = function () {
-        stopShowingSubmenu();
-        startHidingSubmenu();
-    };
-    var hasItemsAndIsNotDisabled = items && !disabled;
-    return ((0, jsx_runtime_1.jsxs)("div", { onMouseEnter: hasItemsAndIsNotDisabled ? showSubmenu : undefined, onMouseLeave: hasItemsAndIsNotDisabled ? hideSubmenu : undefined, children: [(0, jsx_runtime_1.jsxs)(core_1.UnstyledButton, { ref: ref, style: [
-                    function (theme) {
-                        var colors = theme.colors;
-                        var parsedColor = color ? (0, core_1.parseThemeColor)({ color: color, theme: theme }).value : undefined;
-                        return {
-                            '--mantine-contextmenu-item-button-color': parsedColor ? parsedColor : 'var(--mantine-color-text)',
-                            '--mantine-contextmenu-item-button-hover-bg-color-light': parsedColor
-                                ? (0, core_1.rgba)(parsedColor, 0.08)
-                                : (0, core_1.rgba)(colors.gray[4], 0.25),
-                            '--mantine-contextmenu-item-button-hover-bg-color-dark': parsedColor
-                                ? (0, core_1.rgba)(parsedColor, 0.15)
-                                : (0, core_1.rgba)(colors.dark[3], 0.25),
-                            '--mantine-contextmenu-item-button-pressed-bg-color-light': parsedColor
-                                ? (0, core_1.rgba)(parsedColor, 0.2)
-                                : (0, core_1.rgba)(colors.gray[4], 0.5),
-                            '--mantine-contextmenu-item-button-pressed-bg-color-dark': parsedColor
-                                ? (0, core_1.rgba)(parsedColor, 0.3)
-                                : (0, core_1.rgba)(colors.dark[3], 0.5),
-                        };
-                    },
-                    style,
-                ], className: (0, clsx_1.default)('mantine-contextmenu-item-button', className), disabled: disabled, onClick: handleClick, children: [icon && ((0, jsx_runtime_1.jsx)(core_1.Box, { fz: 0, mr: "xs", mt: -2, children: icon })), (0, jsx_runtime_1.jsx)("div", { className: "mantine-contextmenu-item-button-title", children: title }), items && ((0, jsx_runtime_1.jsx)(core_1.Box, { fz: 10, mt: -2, ml: "xs", children: "\u25B6" }))] }), submenuPosition && (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, __assign({ content: items, onHide: onHide }, submenuPosition))] }));
-}
-exports.ContextMenuItem = ContextMenuItem;
-//# sourceMappingURL=ContextMenuItem.js.map

package/dist/cjs/ContextMenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuItem.js","sourceRoot":"","sources":["../../package/ContextMenuItem.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { Box, UnstyledButton, parseThemeColor, rgba } from '@mantine/core';\nimport { useTimeout } from '@mantine/hooks';\nimport clsx from 'clsx';\nimport { useContext, useRef, useState, type MouseEventHandler } from 'react';\nimport { ContextMenu } from './ContextMenu';\nimport { ContextMenuSettingsCtx } from './ContextMenuProvider';\nimport type { ContextMenuContent, ContextMenuItemOptions, WithRequiredProperty } from './types';\n\nexport function ContextMenuItem({\n  className,\n  style,\n  icon,\n  title,\n  color,\n  disabled,\n  onClick,\n  onHide,\n  items,\n}: WithRequiredProperty<Omit<ContextMenuItemOptions, 'key'>, 'title'> & { onHide: () => void }) {\n  const ref = useRef<HTMLButtonElement>(null);\n  const { submenuDelay } = useContext(ContextMenuSettingsCtx);\n\n  const [submenuPosition, setSubmenuPosition] = useState<{ x: number; y: number } | null>(null);\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> | undefined = onClick\n    ? (e) => {\n        onHide();\n        onClick!(e);\n      }\n    : undefined;\n\n  const { start: startShowingSubmenu, clear: stopShowingSubmenu } = useTimeout(() => {\n    const { top: y, right: x } = ref.current!.getBoundingClientRect();\n    setSubmenuPosition({ x, y });\n  }, submenuDelay);\n\n  const { start: startHidingSubmenu, clear: stopHidingSubmenu } = useTimeout(() => {\n    setSubmenuPosition(null);\n  }, submenuDelay);\n\n  const showSubmenu = () => {\n    stopHidingSubmenu();\n    startShowingSubmenu();\n  };\n\n  const hideSubmenu = () => {\n    stopShowingSubmenu();\n    startHidingSubmenu();\n  };\n\n  const hasItemsAndIsNotDisabled = items && !disabled;\n\n  return (\n    <div\n      onMouseEnter={hasItemsAndIsNotDisabled ? showSubmenu : undefined}\n      onMouseLeave={hasItemsAndIsNotDisabled ? hideSubmenu : undefined}\n    >\n      <UnstyledButton\n        ref={ref}\n        style={[\n          (theme) => {\n            const { colors } = theme;\n            const parsedColor = color ? parseThemeColor({ color, theme }).value : undefined;\n            return {\n              '--mantine-contextmenu-item-button-color': parsedColor ? parsedColor : 'var(--mantine-color-text)',\n              '--mantine-contextmenu-item-button-hover-bg-color-light': parsedColor\n                ? rgba(parsedColor, 0.08)\n                : rgba(colors.gray[4], 0.25),\n              '--mantine-contextmenu-item-button-hover-bg-color-dark': parsedColor\n                ? rgba(parsedColor, 0.15)\n                : rgba(colors.dark[3], 0.25),\n              '--mantine-contextmenu-item-button-pressed-bg-color-light': parsedColor\n                ? rgba(parsedColor, 0.2)\n                : rgba(colors.gray[4], 0.5),\n              '--mantine-contextmenu-item-button-pressed-bg-color-dark': parsedColor\n                ? rgba(parsedColor, 0.3)\n                : rgba(colors.dark[3], 0.5),\n            };\n          },\n          style,\n        ]}\n        className={clsx('mantine-contextmenu-item-button', className)}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        {icon && (\n          <Box fz={0} mr=\"xs\" mt={-2}>\n            {icon}\n          </Box>\n        )}\n        <div className=\"mantine-contextmenu-item-button-title\">{title}</div>\n        {items && (\n          <Box fz={10} mt={-2} ml=\"xs\">\n            ▶\n          </Box>\n        )}\n      </UnstyledButton>\n      {submenuPosition && <ContextMenu content={items as ContextMenuContent} onHide={onHide} {...submenuPosition} />}\n    </div>\n  );\n}\n"]}

package/dist/cjs/ContextMenuPortal.js

@@ -1,40 +0,0 @@
-'use client';
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextMenuPortal = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var core_1 = require("@mantine/core");
-var hooks_1 = require("@mantine/hooks");
-var ContextMenu_1 = require("./ContextMenu");
-function ContextMenuPortal(_a) {
-    var onHide = _a.onHide, otherProps = __rest(_a, ["onHide"]);
-    (0, hooks_1.useWindowEvent)('resize', onHide);
-    (0, hooks_1.useWindowEvent)('scroll', onHide);
-    (0, hooks_1.useHotkeys)([['Escape', onHide]]);
-    var ref = (0, hooks_1.useClickOutside)(onHide);
-    return ((0, jsx_runtime_1.jsx)(core_1.Portal, { ref: ref, children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, __assign({}, otherProps, { onHide: onHide })) }));
-}
-exports.ContextMenuPortal = ContextMenuPortal;
-//# sourceMappingURL=ContextMenuPortal.js.map

package/dist/cjs/ContextMenuPortal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuPortal.js","sourceRoot":"","sources":["../../package/ContextMenuPortal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,sCAAuC;AACvC,wCAA6E;AAC7E,6CAAmE;AAEnE,SAAgB,iBAAiB,CAAC,EAA2C;IAAzC,IAAA,MAAM,YAAA,EAAK,UAAU,cAAvB,UAAyB,CAAF;IACvD,IAAA,sBAAc,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACjC,IAAA,sBAAc,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACjC,IAAA,kBAAU,EAAC,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IACjC,IAAM,GAAG,GAAG,IAAA,uBAAe,EAAC,MAAM,CAAC,CAAC;IAEpC,OAAO,CACL,uBAAC,aAAM,IAAC,GAAG,EAAE,GAAG,YACd,uBAAC,yBAAW,eAAK,UAAU,IAAE,MAAM,EAAE,MAAM,IAAI,GACxC,CACV,CAAC;AACJ,CAAC;AAXD,8CAWC","sourcesContent":["'use client';\n\nimport { Portal } from '@mantine/core';\nimport { useClickOutside, useHotkeys, useWindowEvent } from '@mantine/hooks';\nimport { ContextMenu, type ContextMenuProps } from './ContextMenu';\n\nexport function ContextMenuPortal({ onHide, ...otherProps }: ContextMenuProps) {\n  useWindowEvent('resize', onHide);\n  useWindowEvent('scroll', onHide);\n  useHotkeys([['Escape', onHide]]);\n  const ref = useClickOutside(onHide);\n\n  return (\n    <Portal ref={ref}>\n      <ContextMenu {...otherProps} onHide={onHide} />\n    </Portal>\n  );\n}\n"]}

package/dist/cjs/ContextMenuProvider.js

@@ -1,62 +0,0 @@
-'use client';
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useContextMenu = exports.ContextMenuProvider = exports.ContextMenuCtx = exports.ContextMenuSettingsCtx = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var core_1 = require("@mantine/core");
-var react_1 = require("react");
-var ContextMenuPortal_1 = require("./ContextMenuPortal");
-var DEFAULT_SETTINGS = {
-    shadow: 'sm',
-    borderRadius: 'xs',
-    submenuDelay: 500,
-};
-exports.ContextMenuSettingsCtx = (0, react_1.createContext)(DEFAULT_SETTINGS);
-exports.ContextMenuCtx = (0, react_1.createContext)({ showContextMenu: function () { return function () { return undefined; }; }, hideContextMenu: function () { return undefined; }, isContextMenuVisible: false });
-/**
- * Provider that allows to show a context menu anywhere in your application.
- * If you wrap your application with this provider, you can use the `useContextMenu` hook
- * anywhere in the component tree to access a function that shows the context menu.
- */
-function ContextMenuProvider(_a) {
-    var _b = _a.zIndex, zIndex = _b === void 0 ? 9999 : _b, _c = _a.shadow, shadow = _c === void 0 ? DEFAULT_SETTINGS.shadow : _c, _d = _a.borderRadius, borderRadius = _d === void 0 ? DEFAULT_SETTINGS.borderRadius : _d, _e = _a.submenuDelay, submenuDelay = _e === void 0 ? DEFAULT_SETTINGS.submenuDelay : _e, children = _a.children;
-    var _f = (0, react_1.useState)(null), data = _f[0], setData = _f[1];
-    var hideContextMenu = function () {
-        setData(null);
-    };
-    var showContextMenu = function (content, options) { return function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        setData({
-            x: e.clientX,
-            y: e.clientY,
-            content: content,
-            zIndex: (options === null || options === void 0 ? void 0 : options.zIndex) || zIndex,
-            className: options === null || options === void 0 ? void 0 : options.className,
-            style: options === null || options === void 0 ? void 0 : options.style,
-            classNames: options === null || options === void 0 ? void 0 : options.classNames,
-            styles: options === null || options === void 0 ? void 0 : options.styles,
-        });
-    }; };
-    return ((0, jsx_runtime_1.jsx)(exports.ContextMenuSettingsCtx.Provider, { value: { shadow: shadow, borderRadius: borderRadius, submenuDelay: submenuDelay }, children: (0, jsx_runtime_1.jsxs)(exports.ContextMenuCtx.Provider, { value: { showContextMenu: showContextMenu, hideContextMenu: hideContextMenu, isContextMenuVisible: !!data }, children: [children, (0, jsx_runtime_1.jsx)(core_1.MantineProvider, { children: data && (0, jsx_runtime_1.jsx)(ContextMenuPortal_1.ContextMenuPortal, __assign({ onHide: hideContextMenu }, data)) })] }) }));
-}
-exports.ContextMenuProvider = ContextMenuProvider;
-/**
- * Hook returning functions that show and hide the context menu.
- */
-function useContextMenu() {
-    return (0, react_1.useContext)(exports.ContextMenuCtx);
-}
-exports.useContextMenu = useContextMenu;
-//# sourceMappingURL=ContextMenuProvider.js.map

package/dist/cjs/ContextMenuProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuProvider.js","sourceRoot":"","sources":["../../package/ContextMenuProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAEb,sCAAgD;AAChD,+BAA4D;AAE5D,yDAAwD;AAUxD,IAAM,gBAAgB,GAA0F;IAC9G,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,IAAI;IAClB,YAAY,EAAE,GAAG;CAClB,CAAC;AAEW,QAAA,sBAAsB,GAAG,IAAA,qBAAa,EAAC,gBAAgB,CAAC,CAAC;AACzD,QAAA,cAAc,GAAG,IAAA,qBAAa,EAexC,EAAE,eAAe,EAAE,cAAM,OAAA,cAAM,OAAA,SAAS,EAAT,CAAS,EAAf,CAAe,EAAE,eAAe,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC;AAE9G;;;;GAIG;AACH,SAAgB,mBAAmB,CAAC,EAMT;QALzB,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,cAAgC,EAAhC,MAAM,mBAAG,gBAAgB,CAAC,MAAM,KAAA,EAChC,oBAA4C,EAA5C,YAAY,mBAAG,gBAAgB,CAAC,YAAY,KAAA,EAC5C,oBAA4C,EAA5C,YAAY,mBAAG,gBAAgB,CAAC,YAAY,KAAA,EAC5C,QAAQ,cAAA;IAEF,IAAA,KAAkB,IAAA,gBAAQ,EAA2D,IAAI,CAAC,EAAzF,IAAI,QAAA,EAAE,OAAO,QAA4E,CAAC;IAEjG,IAAM,eAAe,GAAG;QACtB,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,IAAM,eAAe,GAA4B,UAAC,OAAO,EAAE,OAAO,IAAK,OAAA,UAAC,CAAC;QACvE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,OAAO,CAAC;YACN,CAAC,EAAE,CAAC,CAAC,OAAO;YACZ,CAAC,EAAE,CAAC,CAAC,OAAO;YACZ,OAAO,SAAA;YACP,MAAM,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,MAAM;YACjC,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS;YAC7B,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK;YACrB,UAAU,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU;YAC/B,MAAM,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM;SACxB,CAAC,CAAC;IACL,CAAC,EAbsE,CAatE,CAAC;IAEF,OAAO,CACL,uBAAC,8BAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE,YAAY,cAAA,EAAE,YAAY,cAAA,EAAE,YAC5E,wBAAC,sBAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,eAAe,iBAAA,EAAE,eAAe,iBAAA,EAAE,oBAAoB,EAAE,CAAC,CAAC,IAAI,EAAE,aAC/F,QAAQ,EACT,uBAAC,sBAAe,cAAE,IAAI,IAAI,uBAAC,qCAAiB,aAAC,MAAM,EAAE,eAAe,IAAM,IAAI,EAAI,GAAmB,IAC7E,GACM,CACnC,CAAC;AACJ,CAAC;AApCD,kDAoCC;AAED;;GAEG;AACH,SAAgB,cAAc;IAC5B,OAAO,IAAA,kBAAU,EAAC,sBAAc,CAAC,CAAC;AACpC,CAAC;AAFD,wCAEC","sourcesContent":["'use client';\n\nimport { MantineProvider } from '@mantine/core';\nimport { createContext, useContext, useState } from 'react';\nimport type { ContextMenuInstanceOptions } from './ContextMenu';\nimport { ContextMenuPortal } from './ContextMenuPortal';\nimport type {\n  ContextMenuOptions,\n  ContextMenuProviderProps,\n  ContextMenuSettings,\n  HideContextMenuFunction,\n  ShowContextMenuFunction,\n  WithRequiredProperty,\n} from './types';\n\nconst DEFAULT_SETTINGS: WithRequiredProperty<ContextMenuSettings, 'shadow' | 'borderRadius' | 'submenuDelay'> = {\n  shadow: 'sm',\n  borderRadius: 'xs',\n  submenuDelay: 500,\n};\n\nexport const ContextMenuSettingsCtx = createContext(DEFAULT_SETTINGS);\nexport const ContextMenuCtx = createContext<{\n  /**\n   * Function that shows the context menu.\n   */\n  showContextMenu: ShowContextMenuFunction;\n\n  /**\n   * Function that hides the context menu.\n   */\n  hideContextMenu: HideContextMenuFunction;\n\n  /**\n   * Boolean indicating whether the context menu is currently visible.\n   */\n  isContextMenuVisible: boolean;\n}>({ showContextMenu: () => () => undefined, hideContextMenu: () => undefined, isContextMenuVisible: false });\n\n/**\n * Provider that allows to show a context menu anywhere in your application.\n * If you wrap your application with this provider, you can use the `useContextMenu` hook\n * anywhere in the component tree to access a function that shows the context menu.\n */\nexport function ContextMenuProvider({\n  zIndex = 9999,\n  shadow = DEFAULT_SETTINGS.shadow,\n  borderRadius = DEFAULT_SETTINGS.borderRadius,\n  submenuDelay = DEFAULT_SETTINGS.submenuDelay,\n  children,\n}: ContextMenuProviderProps) {\n  const [data, setData] = useState<(ContextMenuInstanceOptions & ContextMenuOptions) | null>(null);\n\n  const hideContextMenu = () => {\n    setData(null);\n  };\n\n  const showContextMenu: ShowContextMenuFunction = (content, options) => (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setData({\n      x: e.clientX,\n      y: e.clientY,\n      content,\n      zIndex: options?.zIndex || zIndex,\n      className: options?.className,\n      style: options?.style,\n      classNames: options?.classNames,\n      styles: options?.styles,\n    });\n  };\n\n  return (\n    <ContextMenuSettingsCtx.Provider value={{ shadow, borderRadius, submenuDelay }}>\n      <ContextMenuCtx.Provider value={{ showContextMenu, hideContextMenu, isContextMenuVisible: !!data }}>\n        {children}\n        <MantineProvider>{data && <ContextMenuPortal onHide={hideContextMenu} {...data} />}</MantineProvider>\n      </ContextMenuCtx.Provider>\n    </ContextMenuSettingsCtx.Provider>\n  );\n}\n\n/**\n * Hook returning functions that show and hide the context menu.\n */\nexport function useContextMenu() {\n  return useContext(ContextMenuCtx);\n}\n"]}

package/dist/cjs/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ContextMenuDivider"), exports);
-__exportStar(require("./ContextMenuItem"), exports);
-__exportStar(require("./ContextMenuPortal"), exports);
-__exportStar(require("./ContextMenuProvider"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./utils"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../package/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAqC;AACrC,oDAAkC;AAClC,sDAAoC;AACpC,wDAAsC;AACtC,0CAAwB;AACxB,0CAAwB","sourcesContent":["export * from './ContextMenuDivider';\nexport * from './ContextMenuItem';\nexport * from './ContextMenuPortal';\nexport * from './ContextMenuProvider';\nexport * from './types';\nexport * from './utils';\n"]}

package/dist/cjs/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../package/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { MantineColor, MantineRadius, MantineShadow, MantineStyleProp, StylesRecord } from '@mantine/core';\n\n/**\n * Utility type that makes a property required\n */\nexport type WithRequiredProperty<Type, Key extends keyof Type> = Type & {\n  [Property in Key]-?: Type[Property];\n};\n\n/**\n * Utility type that makes a property optional\n */\nexport type WithOptionalProperty<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;\n\n/**\n * Context menu options\n */\nexport type ContextMenuOptions = {\n  /**\n   * The z-index of context menu.\n   * @default 9999\n   */\n  zIndex?: number;\n\n  /**\n   * Context menu container class name.\n   */\n  className?: string;\n\n  /**\n   * Context menu container style.\n   */\n  style?: MantineStyleProp;\n\n  /**\n   * Context menu elements class names.\n   */\n  classNames?: Partial<Record<'root' | 'item' | 'divider', string>>;\n\n  /**\n   * Context menu styles.\n   * Can be an object with `root`, `item` and `divider` keys and style objects as values,\n   * or a function that accepts the current theme and returns a similarly structured object.\n   */\n  styles?: StylesRecord<'root' | 'item' | 'divider', MantineStyleProp>;\n};\n\n/**\n * Generic context menu settings\n */\nexport type ContextMenuSettings = {\n  /**\n   * Context menu shadow.\n   * @default 'sm'\n   */\n  shadow?: MantineShadow;\n\n  /**\n   * Context menu border radius.\n   * @default 'xs'\n   */\n  borderRadius?: MantineRadius;\n\n  /**\n   * Delay in ms to use when showing and hiding submenus.\n   * @default 500\n   */\n  submenuDelay?: number;\n};\n\n/**\n * Context menu provider props\n */\nexport type ContextMenuProviderProps = ContextMenuSettings &\n  ContextMenuOptions & {\n    children: React.ReactNode;\n  };\n\n/**\n * Context menu item options\n */\nexport type ContextMenuItemOptions = {\n  /**\n   * Unique key of the context menu item or divider.\n   */\n  key: string;\n  /**\n   * Context menu item or divider className.\n   */\n  className?: string;\n\n  /**\n   * Context menu item or divider style.\n   */\n  style?: MantineStyleProp;\n\n  /**\n   * Boolean indicating whether the context menu item is hidden.\n   */\n  hidden?: boolean;\n} & (\n  | ({\n      /**\n       * Optional context menu item icon.\n       */\n      icon?: React.ReactNode;\n\n      /**\n       * Optional context menu item title.\n       * If not provided, one will be generated automatically by \"humanizing\" the key.\n       * @default humanize(key)\n       */\n      title?: React.ReactNode;\n\n      /**\n       * Optional context menu item color.\n       */\n      color?: MantineColor;\n\n      /**\n       * Boolean indicating whether the context menu item is disabled.\n       */\n      disabled?: boolean;\n    } & (\n      | {\n          /**\n           * Optional context menu item `onClick` handler.\n           * If not provided, a divider will be rendered instead.\n           */\n          onClick: React.MouseEventHandler<HTMLButtonElement>;\n\n          items?: never;\n        }\n      | {\n          onClick?: never;\n\n          /**\n           * Optional items.\n           * If provided, a submenu will be rendered.\n           */\n          items: ContextMenuItemOptions[];\n        }\n    ))\n  | {\n      icon?: never;\n      title?: never;\n      color?: never;\n      disabled?: never;\n      onClick?: never;\n      items?: never;\n    }\n);\n\n/**\n * Context menu content.\n * Either an array of context menu items, or a function that accepts a close callback and returns context menu content.\n */\nexport type ContextMenuContent = ContextMenuItemOptions[] | ((close: () => void) => JSX.Element);\n\n/**\n * Show context menu function\n */\nexport type ShowContextMenuFunction = (\n  /**\n   * Context menu content.\n   * Either an array of context menu items or a function that accepts a close callback and returns context menu content.\n   */\n  content: ContextMenuContent,\n\n  /**\n   * Context menu options (overrides provider props).\n   */\n  options?: ContextMenuOptions\n) => React.MouseEventHandler;\n\n/**\n * Hide context menu function\n */\nexport type HideContextMenuFunction = () => void;\n"]}

package/dist/cjs/utils.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.humanize = void 0;
-/**
- * Utility function that returns a humanized version of a string, e.g. "camelCase" -> "Camel Case"
- */
-function humanize(value) {
-    var str = value
-        .replace(/([a-z\d])([A-Z]+)/g, '$1 $2')
-        .replace(/\W|_/g, ' ')
-        .trim()
-        .toLowerCase();
-    return "".concat(str.charAt(0).toUpperCase()).concat(str.slice(1));
-}
-exports.humanize = humanize;
-//# sourceMappingURL=utils.js.map

package/dist/cjs/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../package/utils.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACH,SAAgB,QAAQ,CAAC,KAAa;IACpC,IAAM,GAAG,GAAG,KAAK;SACd,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC;SACtC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC;SACrB,IAAI,EAAE;SACN,WAAW,EAAE,CAAC;IACjB,OAAO,UAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,SAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,CAAC;AACzD,CAAC;AAPD,4BAOC","sourcesContent":["/**\n * Utility function that returns a humanized version of a string, e.g. \"camelCase\" -> \"Camel Case\"\n */\nexport function humanize(value: string) {\n  const str = value\n    .replace(/([a-z\\d])([A-Z]+)/g, '$1 $2')\n    .replace(/\\W|_/g, ' ')\n    .trim()\n    .toLowerCase();\n  return `${str.charAt(0).toUpperCase()}${str.slice(1)}`;\n}\n"]}