@hanzogui/context-menu 8.3.1 → 8.3.2

package/dist/cjs/ContextMenu.js

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createContextMenu = createContextMenu;
+const tslib_1 = require("tslib");
+const create_menu_1 = require("@hanzogui/create-menu");
+const web_1 = require("@hanzogui/web");
+const react_1 = tslib_1.__importDefault(require("react"));
+const createNonNativeContextMenu_tsx_1 = require("./createNonNativeContextMenu.js");
+const COMMON_PARAMS = {
+    isRoot: false,
+    scope: createNonNativeContextMenu_tsx_1.CONTEXTMENU_CONTEXT,
+};
+function createContextMenu(param) {
+    const { Menu: NativeMenuRoot } = (0, create_menu_1.createNativeMenu)('ContextMenu');
+    const NonNativeContextMenu = (0, createNonNativeContextMenu_tsx_1.createNonNativeContextMenu)(param);
+    const ContextMenuComp = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Root,
+        NativeComponent: NativeMenuRoot,
+        isRoot: true,
+    });
+    const Trigger = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Trigger,
+        NativeComponent: NativeMenuRoot.Trigger,
+    });
+    const Portal = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Portal,
+        NativeComponent: react_1.default.Fragment,
+    });
+    const Content = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Content,
+        NativeComponent: NativeMenuRoot.Content,
+    });
+    const Preview = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Preview,
+        NativeComponent: NativeMenuRoot.Preview,
+    });
+    const Group = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Group,
+        NativeComponent: NativeMenuRoot.Group,
+    });
+    const Label = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Label,
+        NativeComponent: NativeMenuRoot.Label,
+    });
+    const Item = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Item,
+        NativeComponent: NativeMenuRoot.Item,
+    });
+    const ItemTitle = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.ItemTitle,
+        NativeComponent: NativeMenuRoot.ItemTitle,
+    });
+    const ItemSubtitle = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.ItemSubtitle,
+        NativeComponent: NativeMenuRoot.ItemSubtitle,
+    });
+    const ItemIcon = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.ItemIcon,
+        NativeComponent: NativeMenuRoot.ItemIcon,
+    });
+    const ItemImage = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.ItemImage,
+        NativeComponent: NativeMenuRoot.ItemImage,
+    });
+    const CheckboxItem = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.CheckboxItem,
+        NativeComponent: NativeMenuRoot.CheckboxItem,
+    });
+    const RadioGroup = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.RadioGroup,
+        NativeComponent: () => null,
+    });
+    const RadioItem = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.RadioItem,
+        NativeComponent: ({ children }) => children,
+    });
+    const ItemIndicator = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.ItemIndicator,
+        NativeComponent: NativeMenuRoot.ItemIndicator,
+    });
+    const Separator = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Separator,
+        NativeComponent: NativeMenuRoot.Separator,
+    });
+    const Arrow = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Arrow,
+        NativeComponent: NativeMenuRoot.Arrow,
+    });
+    const Sub = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Sub,
+        NativeComponent: NativeMenuRoot.Sub,
+    });
+    const SubTrigger = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.SubTrigger,
+        NativeComponent: NativeMenuRoot.SubTrigger,
+    });
+    const SubContent = (0, create_menu_1.withNativeMenu)({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.SubContent,
+        NativeComponent: NativeMenuRoot.SubContent,
+    });
+    const ContextMenu = (0, web_1.withStaticProperties)(ContextMenuComp, {
+        Trigger,
+        Portal,
+        Content,
+        Group,
+        Label,
+        Item,
+        CheckboxItem,
+        RadioGroup,
+        RadioItem,
+        ItemIndicator,
+        Separator,
+        Arrow,
+        Sub,
+        // cast to React.FC to avoid TS error
+        SubTrigger: SubTrigger,
+        SubContent,
+        ItemTitle,
+        ItemSubtitle,
+        // cast to React.FC to avoid TS error
+        ItemIcon: ItemIcon,
+        ItemImage,
+        Preview,
+    });
+    return ContextMenu;
+}
+//# sourceMappingURL=ContextMenu.js.map

package/dist/cjs/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../src/ContextMenu.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/createNonNativeContextMenu.js

@@ -0,0 +1,311 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CONTEXTMENU_CONTEXT = void 0;
+exports.createNonNativeContextMenu = createNonNativeContextMenu;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const create_menu_1 = require("@hanzogui/create-menu");
+const use_controllable_state_1 = require("@hanzogui/use-controllable-state");
+const web_1 = require("@hanzogui/web");
+const react_1 = tslib_1.__importStar(require("react"));
+exports.CONTEXTMENU_CONTEXT = 'ContextMenuContext';
+/* -----------------------------------------------------------------------------------------------*/
+function createNonNativeContextMenu(params) {
+    const { Menu } = (0, create_menu_1.createBaseMenu)(params);
+    /* -------------------------------------------------------------------------------------------------
+     * ContextMenu
+     * -----------------------------------------------------------------------------------------------*/
+    const CONTEXT_MENU_NAME = 'ContextMenu';
+    const { Provider: ContextMenuProvider, useStyledContext: useContextMenuContext } = (0, web_1.createStyledContext)();
+    const ContextMenuComp = (props) => {
+        const { scope, children, onOpenChange, dir, modal = true, ...rest } = props;
+        const [open, setOpen] = react_1.default.useState(false);
+        const triggerRef = react_1.default.useRef(null);
+        const handleOpenChange = react_1.default.useCallback((open, event) => {
+            onOpenChange?.(open, event);
+            if (event?.defaultPrevented)
+                return;
+            setOpen(open);
+        }, [onOpenChange]);
+        return ((0, jsx_runtime_1.jsx)(ContextMenuProvider, { scope: scope, triggerId: (0, react_1.useId)(), triggerRef: triggerRef, contentId: (0, react_1.useId)(), open: open, onOpenChange: handleOpenChange, modal: modal, children: (0, jsx_runtime_1.jsx)(Menu, { scope: scope || exports.CONTEXTMENU_CONTEXT, dir: dir, open: open, onOpenChange: handleOpenChange, modal: modal, ...rest, children: children }) }));
+    };
+    ContextMenuComp.displayName = CONTEXT_MENU_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * ContextMenuTrigger - The only real difference from Menu: uses onContextMenu instead of onClick
+     * -----------------------------------------------------------------------------------------------*/
+    const TRIGGER_NAME = 'ContextMenuTrigger';
+    const ContextMenuTrigger = web_1.View.styleable((props, forwardedRef) => {
+        const { scope, style, disabled = false, asChild, children, ...triggerProps } = props;
+        const context = useContextMenuContext(scope);
+        const pointRef = react_1.default.useRef({ x: 0, y: 0 });
+        const virtualRef = react_1.default.useMemo(() => ({
+            current: {
+                getBoundingClientRect: () => {
+                    if (web_1.isWeb) {
+                        // Subtract scroll offset because floating-ui adds it back for absolute positioning
+                        const scrollX = window.scrollX || document.documentElement.scrollLeft;
+                        const scrollY = window.scrollY || document.documentElement.scrollTop;
+                        return DOMRect.fromRect({
+                            width: 0,
+                            height: 0,
+                            x: pointRef.current.x - scrollX,
+                            y: pointRef.current.y - scrollY,
+                        });
+                    }
+                    return { width: 0, height: 0, top: 0, left: 0, ...pointRef.current };
+                },
+                ...(!web_1.isWeb && {
+                    measure: (c) => c(pointRef.current.x, pointRef.current.y, 0, 0),
+                    measureInWindow: (c) => c(pointRef.current.x, pointRef.current.y, 0, 0),
+                }),
+            },
+        }), [pointRef.current.x, pointRef.current.y]);
+        const longPressTimerRef = react_1.default.useRef(0);
+        const clearLongPress = react_1.default.useCallback(() => window.clearTimeout(longPressTimerRef.current), []);
+        const createOpenChangeEvent = () => {
+            let defaultPrevented = false;
+            return {
+                get defaultPrevented() {
+                    return defaultPrevented;
+                },
+                preventDefault() {
+                    defaultPrevented = true;
+                },
+            };
+        };
+        const handleOpen = (event) => {
+            if (web_1.isWeb && (event instanceof MouseEvent || event instanceof PointerEvent)) {
+                pointRef.current = { x: event.clientX, y: event.clientY };
+            }
+            else {
+                pointRef.current = {
+                    x: event.nativeEvent.pageX,
+                    y: event.nativeEvent.pageY,
+                };
+            }
+            const openChangeEvent = createOpenChangeEvent();
+            context.onOpenChange(true, openChangeEvent);
+            return openChangeEvent;
+        };
+        react_1.default.useEffect(() => clearLongPress, [clearLongPress]);
+        react_1.default.useEffect(() => void (disabled && clearLongPress()), [disabled, clearLongPress]);
+        const Comp = asChild ? web_1.Slot : web_1.View;
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Menu.Anchor, { scope: scope || exports.CONTEXTMENU_CONTEXT, virtualRef: virtualRef }), (0, jsx_runtime_1.jsx)(Comp, { render: "span", componentName: TRIGGER_NAME, id: context.triggerId, "data-state": context.open ? 'open' : 'closed', "data-disabled": disabled ? '' : undefined, ...triggerProps, ref: (0, web_1.composeRefs)(forwardedRef, context.triggerRef), style: web_1.isWeb ? { WebkitTouchCallout: 'none', ...style } : null, ...(web_1.isWeb && {
+                        onContextMenu: disabled
+                            ? props.onContextMenu
+                            : (0, web_1.composeEventHandlers)(props.onContextMenu, (event) => {
+                                clearLongPress();
+                                const openChangeEvent = handleOpen(event);
+                                if (!openChangeEvent.defaultPrevented) {
+                                    event.preventDefault();
+                                }
+                            }),
+                        onPointerDown: disabled
+                            ? props.onPointerDown
+                            : (0, web_1.composeEventHandlers)(props.onPointerDown, (event) => {
+                                if (event.pointerType === 'mouse')
+                                    return;
+                                clearLongPress();
+                                longPressTimerRef.current = window.setTimeout(() => handleOpen(event), 700);
+                            }),
+                        onPointerMove: disabled
+                            ? props.onPointerMove
+                            : (0, web_1.composeEventHandlers)(props.onPointerMove, (event) => {
+                                if (event.pointerType === 'mouse')
+                                    return;
+                                clearLongPress();
+                            }),
+                        onPointerCancel: disabled
+                            ? props.onPointerCancel
+                            : (0, web_1.composeEventHandlers)(props.onPointerCancel, (event) => {
+                                if (event.pointerType === 'mouse')
+                                    return;
+                                clearLongPress();
+                            }),
+                        onPointerUp: disabled
+                            ? props.onPointerUp
+                            : (0, web_1.composeEventHandlers)(props.onPointerUp, (event) => {
+                                if (event.pointerType === 'mouse')
+                                    return;
+                                clearLongPress();
+                            }),
+                    }), ...(!web_1.isWeb && {
+                        onLongPress: disabled
+                            ? props.onLongPress
+                            : (0, web_1.composeEventHandlers)(props.onLongPress, (event) => {
+                                clearLongPress();
+                                const openChangeEvent = handleOpen(event);
+                                if (!openChangeEvent.defaultPrevented) {
+                                    event.preventDefault();
+                                }
+                            }),
+                    }), children: children })] }));
+    });
+    ContextMenuTrigger.displayName = TRIGGER_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * ContextMenuPortal
+     * -----------------------------------------------------------------------------------------------*/
+    const PORTAL_NAME = 'ContextMenuPortal';
+    const ContextMenuPortal = (props) => {
+        const { scope, children, ...portalProps } = props;
+        const context = web_1.isAndroid ? useContextMenuContext(scope) : null;
+        const content = web_1.isAndroid ? ((0, jsx_runtime_1.jsx)(ContextMenuProvider, { ...context, children: children })) : (children);
+        return ((0, jsx_runtime_1.jsx)(Menu.Portal, { scope: scope || exports.CONTEXTMENU_CONTEXT, ...portalProps, children: content }));
+    };
+    ContextMenuPortal.displayName = PORTAL_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * ContextMenuContent
+     * -----------------------------------------------------------------------------------------------*/
+    const CONTENT_NAME = 'ContextMenuContent';
+    const ContextMenuContent = react_1.default.forwardRef((props, forwardedRef) => {
+        const { scope, ...contentProps } = props;
+        const context = useContextMenuContext(scope);
+        const hasInteractedOutsideRef = react_1.default.useRef(false);
+        return ((0, jsx_runtime_1.jsx)(Menu.Content, { id: context.contentId, "aria-labelledby": context.triggerId, scope: scope || exports.CONTEXTMENU_CONTEXT, ...contentProps, ref: forwardedRef, onCloseAutoFocus: (0, web_1.composeEventHandlers)(props.onCloseAutoFocus, (event) => {
+                if (!hasInteractedOutsideRef.current)
+                    context.triggerRef.current?.focus();
+                hasInteractedOutsideRef.current = false;
+                event.preventDefault();
+            }), onInteractOutside: (0, web_1.composeEventHandlers)(props.onInteractOutside, (event) => {
+                const originalEvent = event.detail.originalEvent;
+                const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+                const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+                if (!context.modal || isRightClick)
+                    hasInteractedOutsideRef.current = true;
+            }) }));
+    });
+    ContextMenuContent.displayName = CONTENT_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * ContextMenuItem
+     * -----------------------------------------------------------------------------------------------*/
+    const ITEM_NAME = 'ContextMenuItem';
+    const ContextMenuItem = react_1.default.forwardRef((props, forwardedRef) => {
+        const { scope, ...itemProps } = props;
+        return ((0, jsx_runtime_1.jsx)(Menu.Item, { componentName: ITEM_NAME, scope: scope || exports.CONTEXTMENU_CONTEXT, ...itemProps, ref: forwardedRef }));
+    });
+    ContextMenuItem.displayName = ITEM_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * ContextMenuCheckboxItem
+     * -----------------------------------------------------------------------------------------------*/
+    const CHECKBOX_ITEM_NAME = 'ContextMenuCheckboxItem';
+    const ContextMenuCheckboxItem = react_1.default.forwardRef((props, forwardedRef) => {
+        const { scope, ...checkboxItemProps } = props;
+        return ((0, jsx_runtime_1.jsx)(Menu.CheckboxItem, { componentName: CHECKBOX_ITEM_NAME, scope: scope || exports.CONTEXTMENU_CONTEXT, ...checkboxItemProps, ref: forwardedRef }));
+    });
+    ContextMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * ContextMenuRadioGroup
+     * -----------------------------------------------------------------------------------------------*/
+    const RADIO_GROUP_NAME = 'ContextMenuRadioGroup';
+    const ContextMenuRadioGroup = react_1.default.forwardRef((props, forwardedRef) => {
+        const { scope, ...radioGroupProps } = props;
+        return ((0, jsx_runtime_1.jsx)(Menu.RadioGroup, { scope: scope || exports.CONTEXTMENU_CONTEXT, ...radioGroupProps, ref: forwardedRef }));
+    });
+    ContextMenuRadioGroup.displayName = RADIO_GROUP_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * ContextMenuRadioItem
+     * -----------------------------------------------------------------------------------------------*/
+    const RADIO_ITEM_NAME = 'ContextMenuRadioItem';
+    const ContextMenuRadioItem = react_1.default.forwardRef((props, forwardedRef) => {
+        const { scope, ...radioItemProps } = props;
+        return ((0, jsx_runtime_1.jsx)(Menu.RadioItem, { componentName: RADIO_ITEM_NAME, scope: scope || exports.CONTEXTMENU_CONTEXT, ...radioItemProps, ref: forwardedRef }));
+    });
+    ContextMenuRadioItem.displayName = RADIO_ITEM_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * ContextMenuItemIndicator
+     * -----------------------------------------------------------------------------------------------*/
+    const INDICATOR_NAME = 'ContextMenuItemIndicator';
+    const ContextMenuItemIndicator = Menu.ItemIndicator.styleable((props, forwardedRef) => {
+        const { scope, ...itemIndicatorProps } = props;
+        return ((0, jsx_runtime_1.jsx)(Menu.ItemIndicator, { componentName: INDICATOR_NAME, scope: scope || exports.CONTEXTMENU_CONTEXT, ...itemIndicatorProps, ref: forwardedRef }));
+    });
+    ContextMenuItemIndicator.displayName = INDICATOR_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * ContextMenuSub
+     * -----------------------------------------------------------------------------------------------*/
+    const SUB_NAME = 'ContextMenuSub';
+    const ContextMenuSub = (props) => {
+        const { scope, children, onOpenChange, open: openProp, defaultOpen, ...rest } = props;
+        const [open, setOpen] = (0, use_controllable_state_1.useControllableState)({
+            prop: openProp,
+            defaultProp: defaultOpen,
+            onChange: onOpenChange,
+        });
+        return ((0, jsx_runtime_1.jsx)(Menu.Sub, { scope: scope || exports.CONTEXTMENU_CONTEXT, open: open, onOpenChange: setOpen, ...rest, children: children }));
+    };
+    ContextMenuSub.displayName = SUB_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * ContextMenuSubTrigger
+     * -----------------------------------------------------------------------------------------------*/
+    const SUB_TRIGGER_NAME = 'ContextMenuSubTrigger';
+    const ContextMenuSubTrigger = web_1.View.styleable((props, forwardedRef) => {
+        const { scope, ...subTriggerProps } = props;
+        return ((0, jsx_runtime_1.jsx)(Menu.SubTrigger, { componentName: SUB_TRIGGER_NAME, scope: scope || exports.CONTEXTMENU_CONTEXT, ...subTriggerProps, ref: forwardedRef }));
+    });
+    ContextMenuSubTrigger.displayName = SUB_TRIGGER_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * ContextMenuSubContent
+     * -----------------------------------------------------------------------------------------------*/
+    const SUB_CONTENT_NAME = 'ContextMenuSubContent';
+    const ContextMenuSubContent = react_1.default.forwardRef((props, forwardedRef) => {
+        const { scope, ...subContentProps } = props;
+        return ((0, jsx_runtime_1.jsx)(Menu.SubContent, { scope: scope || exports.CONTEXTMENU_CONTEXT, ...subContentProps, ref: forwardedRef, style: web_1.isWeb
+                ? {
+                    ...props.style,
+                    ...{
+                        '--hanzogui-context-menu-content-transform-origin': 'var(--hanzogui-popper-transform-origin)',
+                        '--hanzogui-context-menu-content-available-width': 'var(--hanzogui-popper-available-width)',
+                        '--hanzogui-context-menu-content-available-height': 'var(--hanzogui-popper-available-height)',
+                        '--hanzogui-context-menu-trigger-width': 'var(--hanzogui-popper-anchor-width)',
+                        '--hanzogui-context-menu-trigger-height': 'var(--hanzogui-popper-anchor-height)',
+                    },
+                }
+                : null }));
+    });
+    ContextMenuSubContent.displayName = SUB_CONTENT_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * ContextMenuArrow
+     * -----------------------------------------------------------------------------------------------*/
+    const ARROW_NAME = 'ContextMenuArrow';
+    const ContextMenuArrow = react_1.default.forwardRef((props, forwardedRef) => {
+        const { scope, ...arrowProps } = props;
+        return ((0, jsx_runtime_1.jsx)(Menu.Arrow, { componentName: ARROW_NAME, scope: scope || exports.CONTEXTMENU_CONTEXT, ...arrowProps, ref: forwardedRef }));
+    });
+    ContextMenuArrow.displayName = ARROW_NAME;
+    /* -------------------------------------------------------------------------------------------------
+     * Pass-through components (same as Menu)
+     * -----------------------------------------------------------------------------------------------*/
+    const ContextMenuGroup = Menu.Group;
+    const ContextMenuLabel = Menu.Label;
+    const ContextMenuSeparator = Menu.Separator;
+    const ContextMenuItemTitle = Menu.ItemTitle;
+    const ContextMenuItemSubTitle = Menu.ItemSubtitle;
+    const ContextMenuItemImage = Menu.ItemImage;
+    const ContextMenuItemIcon = Menu.ItemIcon;
+    const ContextMenuPreview = () => null; // No-op on web
+    /* -----------------------------------------------------------------------------------------------*/
+    return (0, web_1.withStaticProperties)(ContextMenuComp, {
+        Root: ContextMenuComp,
+        Trigger: ContextMenuTrigger,
+        Portal: ContextMenuPortal,
+        Content: ContextMenuContent,
+        Group: ContextMenuGroup,
+        Label: ContextMenuLabel,
+        Item: ContextMenuItem,
+        CheckboxItem: ContextMenuCheckboxItem,
+        RadioGroup: ContextMenuRadioGroup,
+        RadioItem: ContextMenuRadioItem,
+        ItemIndicator: ContextMenuItemIndicator,
+        Separator: ContextMenuSeparator,
+        Arrow: ContextMenuArrow,
+        Sub: ContextMenuSub,
+        SubTrigger: ContextMenuSubTrigger,
+        SubContent: ContextMenuSubContent,
+        ItemTitle: ContextMenuItemTitle,
+        ItemSubtitle: ContextMenuItemSubTitle,
+        ItemIcon: ContextMenuItemIcon,
+        ItemImage: ContextMenuItemImage,
+        Preview: ContextMenuPreview,
+    });
+}
+//# sourceMappingURL=createNonNativeContextMenu.js.map

package/dist/cjs/createNonNativeContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createNonNativeContextMenu.js","sourceRoot":"","sources":["../../src/createNonNativeContextMenu.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextMenu = void 0;
+require("@hanzogui/polyfill-dev");
+const create_menu_1 = require("@hanzogui/create-menu");
+const ContextMenu_tsx_1 = require("./ContextMenu.js");
+exports.ContextMenu = (0, ContextMenu_tsx_1.createContextMenu)({
+    Icon: create_menu_1.MenuPredefined.MenuIcon,
+    Image: create_menu_1.MenuPredefined.MenuImage,
+    Indicator: create_menu_1.MenuPredefined.MenuIndicator,
+    Item: create_menu_1.MenuPredefined.MenuItem,
+    Label: create_menu_1.MenuPredefined.MenuLabel,
+    MenuGroup: create_menu_1.MenuPredefined.MenuGroup,
+    Separator: create_menu_1.MenuPredefined.MenuSeparator,
+    SubTitle: create_menu_1.MenuPredefined.SubTitle,
+    Title: create_menu_1.MenuPredefined.Title,
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;AAAA,kCAA+B;AAE/B,uDAAsD;AAEtD,sDAAqD;AAExC,QAAA,WAAW,GAAG,IAAA,mCAAiB,EAAC;IAC3C,IAAI,EAAE,4BAAc,CAAC,QAAQ;IAC7B,KAAK,EAAE,4BAAc,CAAC,SAAS;IAC/B,SAAS,EAAE,4BAAc,CAAC,aAAa;IACvC,IAAI,EAAE,4BAAc,CAAC,QAAQ;IAC7B,KAAK,EAAE,4BAAc,CAAC,SAAS;IAC/B,SAAS,EAAE,4BAAc,CAAC,SAAS;IACnC,SAAS,EAAE,4BAAc,CAAC,aAAa;IACvC,QAAQ,EAAE,4BAAc,CAAC,QAAQ;IACjC,KAAK,EAAE,4BAAc,CAAC,KAAK;CAC5B,CAAC,CAAA"}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/dist/esm/ContextMenu.js

@@ -0,0 +1,144 @@
+import { createNativeMenu, withNativeMenu } from '@hanzogui/create-menu';
+import { withStaticProperties } from '@hanzogui/web';
+import React from 'react';
+import { CONTEXTMENU_CONTEXT, createNonNativeContextMenu, } from './createNonNativeContextMenu.js';
+const COMMON_PARAMS = {
+    isRoot: false,
+    scope: CONTEXTMENU_CONTEXT,
+};
+export function createContextMenu(param) {
+    const { Menu: NativeMenuRoot } = createNativeMenu('ContextMenu');
+    const NonNativeContextMenu = createNonNativeContextMenu(param);
+    const ContextMenuComp = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Root,
+        NativeComponent: NativeMenuRoot,
+        isRoot: true,
+    });
+    const Trigger = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Trigger,
+        NativeComponent: NativeMenuRoot.Trigger,
+    });
+    const Portal = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Portal,
+        NativeComponent: React.Fragment,
+    });
+    const Content = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Content,
+        NativeComponent: NativeMenuRoot.Content,
+    });
+    const Preview = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Preview,
+        NativeComponent: NativeMenuRoot.Preview,
+    });
+    const Group = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Group,
+        NativeComponent: NativeMenuRoot.Group,
+    });
+    const Label = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Label,
+        NativeComponent: NativeMenuRoot.Label,
+    });
+    const Item = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Item,
+        NativeComponent: NativeMenuRoot.Item,
+    });
+    const ItemTitle = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.ItemTitle,
+        NativeComponent: NativeMenuRoot.ItemTitle,
+    });
+    const ItemSubtitle = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.ItemSubtitle,
+        NativeComponent: NativeMenuRoot.ItemSubtitle,
+    });
+    const ItemIcon = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.ItemIcon,
+        NativeComponent: NativeMenuRoot.ItemIcon,
+    });
+    const ItemImage = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.ItemImage,
+        NativeComponent: NativeMenuRoot.ItemImage,
+    });
+    const CheckboxItem = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.CheckboxItem,
+        NativeComponent: NativeMenuRoot.CheckboxItem,
+    });
+    const RadioGroup = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.RadioGroup,
+        NativeComponent: () => null,
+    });
+    const RadioItem = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.RadioItem,
+        NativeComponent: ({ children }) => children,
+    });
+    const ItemIndicator = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.ItemIndicator,
+        NativeComponent: NativeMenuRoot.ItemIndicator,
+    });
+    const Separator = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Separator,
+        NativeComponent: NativeMenuRoot.Separator,
+    });
+    const Arrow = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Arrow,
+        NativeComponent: NativeMenuRoot.Arrow,
+    });
+    const Sub = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.Sub,
+        NativeComponent: NativeMenuRoot.Sub,
+    });
+    const SubTrigger = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.SubTrigger,
+        NativeComponent: NativeMenuRoot.SubTrigger,
+    });
+    const SubContent = withNativeMenu({
+        ...COMMON_PARAMS,
+        Component: NonNativeContextMenu.SubContent,
+        NativeComponent: NativeMenuRoot.SubContent,
+    });
+    const ContextMenu = withStaticProperties(ContextMenuComp, {
+        Trigger,
+        Portal,
+        Content,
+        Group,
+        Label,
+        Item,
+        CheckboxItem,
+        RadioGroup,
+        RadioItem,
+        ItemIndicator,
+        Separator,
+        Arrow,
+        Sub,
+        // cast to React.FC to avoid TS error
+        SubTrigger: SubTrigger,
+        SubContent,
+        ItemTitle,
+        ItemSubtitle,
+        // cast to React.FC to avoid TS error
+        ItemIcon: ItemIcon,
+        ItemImage,
+        Preview,
+    });
+    return ContextMenu;
+}
+//# sourceMappingURL=ContextMenu.js.map