@primereact/headless 11.0.0-alpha.9 → 11.0.0-rc.1

package/contextmenu/index.mjs

@@ -1,2 +1,2 @@
-import{withHeadless as t}from"@primereact/core/headless";var e={open:!1,defaultOpen:!1,baseZIndex:0,autoZIndex:!0,tabIndex:0,appendTo:"body",onOpenChange:void 0};var p=t({name:"useContextMenu",defaultProps:e});export{e as defaultProps,p as useContextMenu};
+var L=Object.defineProperty,Z=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var I=(t,e,o)=>e in t?L(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,d=(t,e)=>{for(var o in e||(e={}))k.call(e,o)&&I(t,o,e[o]);if(h)for(var o of h(e))H.call(e,o)&&I(t,o,e[o]);return t},f=(t,e)=>Z(t,S(e));import{withHeadless as U}from"@primereact/core/headless";import{useMenu as X}from"@primereact/headless/menu";import{useEventListener as Y,useUnmountEffect as A}from"@primereact/hooks";import*as p from"react";var R={open:void 0,defaultOpen:void 0,appendTo:"body",baseZIndex:0,autoZIndex:!0,tabIndex:0,global:!1,onOpenChange:void 0};var z=U({name:"useContextMenu",defaultProps:R,setup({props:t}){var x,P,b,v;let e=X({open:t.open,defaultOpen:t.defaultOpen,composite:!0,appendTo:t.appendTo,baseZIndex:t.baseZIndex,autoZIndex:t.autoZIndex,tabIndex:t.tabIndex,onOpenChange:t.onOpenChange}),o=p.useRef(null),c=p.useCallback(n=>{var l,u,y,i,E;n.preventDefault(),n.stopPropagation(),(l=o.current)==null||l.remove(),o.current=null;let s=n.clientX+window.scrollX,r=n.clientY+window.scrollY,a=document.createElement("div");a.style.position="absolute",a.style.left=`${s}px`,a.style.top=`${r}px`,a.style.width="0",a.style.height="0",a.style.pointerEvents="none",a.style.visibility="hidden",document.body.appendChild(a),o.current=a,(y=(u=e.popover)==null?void 0:u.setRendered)==null||y.call(u,!1),(E=(i=e.popover)==null?void 0:i.setAnchorRef)==null||E.call(i,a),e.changeVisibleState(!0)},[]),[C,m]=Y({target:"document",type:"contextmenu",listener:n=>{var r;let s=n.target;(r=s==null?void 0:s.closest)!=null&&r.call(s,'[data-scope="contextmenu"][data-part="trigger"]')||c(n)}});p.useEffect(()=>(t.global?C():m(),()=>{m()}),[t.global]),p.useEffect(()=>{var n,s,r,a,l,u;e.state.open&&!((s=(n=e.popover)==null?void 0:n.state)!=null&&s.rendered)&&((a=(r=e.popover)==null?void 0:r.setRendered)==null||a.call(r,!0)),e.state.open&&((u=(l=e.popover)==null?void 0:l.state)!=null&&u.rendered)&&M()},[e.state.open,(P=(x=e.popover)==null?void 0:x.state)==null?void 0:P.rendered]),p.useEffect(()=>{var n,s,r;e.state.open||e.hideAllSubmenus(),!e.state.open&&!((s=(n=e.popover)==null?void 0:n.state)!=null&&s.rendered)&&((r=o.current)==null||r.remove(),o.current=null)},[e.state.open,(v=(b=e.popover)==null?void 0:b.state)==null?void 0:v.rendered]),A(()=>{var n,s,r,a;(n=o.current)==null||n.remove(),o.current=null,(s=e.popover)==null||s.setOpen(!1),(a=(r=e.popover)==null?void 0:r.setRendered)==null||a.call(r,!1)});let M=()=>{e.onOverlayEnter(!1)},g=()=>{e.changeVisibleState(!1)},O={"data-scope":"contextmenu","data-part":"root"},w=f(d({},e.triggerProps),{ref:void 0,"data-scope":"contextmenu",onContextMenu:c,onClick:g}),T=p.useCallback(n=>e.getItemProps(f(d({},n),{inPortal:!0})),[e.getItemProps]);return{state:e.state,menu:e,popover:e.popover,triggerProps:w,rootProps:O,arrowProps:e.arrowProps,popupProps:e.popupProps,positionerProps:e.positionerProps,getListProps:e.getListProps,getIndicatorProps:e.getIndicatorProps,getSubTriggerProps:e.getSubTriggerProps,getItemProps:T,onTriggerClick:g,onContextMenu:c}}});export{R as defaultProps,z as useContextMenu};
 //# sourceMappingURL=index.mjs.map

package/contextmenu/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/contextmenu/useContextMenu.ts","../../src/contextmenu/useContextMenu.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\n// import { useEventListener } from '@primereact/hooks';\n// import * as React from 'react';\n// import { useMenu } from '../menu/useMenu';\nimport { defaultProps } from './useContextMenu.props';\n\nexport const useContextMenu = withHeadless({\n    name: 'useContextMenu',\n    defaultProps\n    // setup: (instance) => {\n    //     const { props } = instance;\n\n    //     // Use the menu hook with composite set to false for ContextMenu\n    //     const menu = useMenu({\n    //         ...instance,\n    //         inProps: {\n    //             ...props,\n    //             composite: false\n    //         }\n    //     });\n\n    //     const onGlobalContextMenu = (event: React.MouseEvent) => {\n    //         menu.onTriggerClick(event);\n    //     };\n\n    //     const [bindGlobalListener, unbindGlobalListener] = useEventListener({\n    //         target: 'document',\n    //         type: 'contextmenu',\n    //         listener: (event) => onGlobalContextMenu(event as unknown as React.MouseEvent)\n    //     });\n\n    //     React.useEffect(() => {\n    //         if (props.global) {\n    //             bindGlobalListener();\n    //         } else {\n    //             unbindGlobalListener();\n    //         }\n\n    //         return () => {\n    //             unbindGlobalListener();\n    //         };\n    //     }, [props.global]);\n\n    //     return {\n    //         ...menu\n    //     };\n    // }\n});\n","import type { useContextMenuProps } from '@primereact/types/shared/contextmenu';\n\nexport const defaultProps: useContextMenuProps = {\n    open: false,\n    defaultOpen: false,\n    baseZIndex: 0,\n    autoZIndex: true,\n    tabIndex: 0,\n    appendTo: 'body',\n    onOpenChange: undefined\n};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAAoC,CAC7C,KAAM,GACN,YAAa,GACb,WAAY,EACZ,WAAY,GACZ,SAAU,EACV,SAAU,OACV,aAAc,MAClB,EDJO,IAAMC,EAAiBC,EAAa,CACvC,KAAM,iBACN,aAAAC,CAuCJ,CAAC","names":["withHeadless","defaultProps","useContextMenu","withHeadless","defaultProps"]}
+{"version":3,"sources":["../../src/contextmenu/useContextMenu.ts","../../src/contextmenu/useContextMenu.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { useMenu } from '@primereact/headless/menu';\nimport { useEventListener, useUnmountEffect } from '@primereact/hooks';\nimport * as React from 'react';\nimport { defaultProps } from './useContextMenu.props';\n\nexport const useContextMenu = withHeadless({\n    name: 'useContextMenu',\n    defaultProps,\n    setup({ props }) {\n        const menu = useMenu({\n            open: props.open,\n            defaultOpen: props.defaultOpen,\n            composite: true,\n            appendTo: props.appendTo,\n            baseZIndex: props.baseZIndex,\n            autoZIndex: props.autoZIndex,\n            tabIndex: props.tabIndex,\n            onOpenChange: props.onOpenChange\n        });\n\n        const virtualElRef = React.useRef<HTMLDivElement | null>(null);\n\n        const onContextMenu = React.useCallback((event: React.MouseEvent | MouseEvent) => {\n            event.preventDefault();\n            event.stopPropagation();\n\n            virtualElRef.current?.remove();\n            virtualElRef.current = null;\n\n            // Anchor to the cursor's *document* position with `position: absolute`\n            // so the popup stays pinned to that page location while the user scrolls.\n            // Using `position: fixed` + clientX/Y is fragile: any transformed\n            // ancestor (transform/filter/will-change/contain) makes the browser\n            // treat fixed as absolute relative to that ancestor, which causes\n            // the popup to drift on scroll.\n            const pageX = event.clientX + window.scrollX;\n            const pageY = event.clientY + window.scrollY;\n\n            const virtualEl = document.createElement('div');\n\n            virtualEl.style.position = 'absolute';\n            virtualEl.style.left = `${pageX}px`;\n            virtualEl.style.top = `${pageY}px`;\n            virtualEl.style.width = '0';\n            virtualEl.style.height = '0';\n            virtualEl.style.pointerEvents = 'none';\n            virtualEl.style.visibility = 'hidden';\n            document.body.appendChild(virtualEl);\n            virtualElRef.current = virtualEl;\n\n            menu.popover?.setRendered?.(false);\n            menu.popover?.setAnchorRef?.(virtualEl);\n            menu.changeVisibleState(true);\n        }, []);\n\n        const [bindGlobalListener, unbindGlobalListener] = useEventListener({\n            target: 'document',\n            type: 'contextmenu',\n            listener: (event) => {\n                const target = event.target as HTMLElement;\n\n                if (target?.closest?.('[data-scope=\"contextmenu\"][data-part=\"trigger\"]')) {\n                    return;\n                }\n\n                onContextMenu(event as MouseEvent);\n            }\n        });\n\n        React.useEffect(() => {\n            if (props.global) {\n                bindGlobalListener();\n            } else {\n                unbindGlobalListener();\n            }\n\n            return () => {\n                unbindGlobalListener();\n            };\n        }, [props.global]);\n\n        React.useEffect(() => {\n            if (menu.state.open && !menu.popover?.state?.rendered) {\n                menu.popover?.setRendered?.(true);\n            }\n\n            if (menu.state.open && menu.popover?.state?.rendered) {\n                onOverlayEnter();\n            }\n        }, [menu.state.open, menu.popover?.state?.rendered]);\n\n        React.useEffect(() => {\n            if (!menu.state.open) {\n                menu.hideAllSubmenus();\n            }\n\n            if (!menu.state.open && !menu.popover?.state?.rendered) {\n                virtualElRef.current?.remove();\n                virtualElRef.current = null;\n            }\n        }, [menu.state.open, menu.popover?.state?.rendered]);\n\n        useUnmountEffect(() => {\n            virtualElRef.current?.remove();\n            virtualElRef.current = null;\n            menu.popover?.setOpen(false);\n            menu.popover?.setRendered?.(false);\n        });\n\n        const onOverlayEnter = () => {\n            menu.onOverlayEnter(false);\n        };\n\n        const onTriggerClick = () => {\n            menu.changeVisibleState(false);\n        };\n\n        const rootProps = {\n            'data-scope': 'contextmenu' as const,\n            'data-part': 'root' as const\n        };\n\n        // Drop the popover's anchor ref from the trigger. ContextMenu never\n        // uses the trigger as the anchor — the popup is anchored to the\n        // cursor position via a virtual element created in `onContextMenu`.\n        // Leaving the ref in place would re-register the trigger as the\n        // anchor on every re-render (because `Component` recreates a merged\n        // callback ref each render), wiping out the cursor anchor.\n        const triggerProps = {\n            ...menu.triggerProps,\n            ref: undefined,\n            'data-scope': 'contextmenu' as const,\n            onContextMenu,\n            onClick: onTriggerClick\n        };\n\n        const getItemProps: typeof menu.getItemProps = React.useCallback((input) => menu.getItemProps({ ...input, inPortal: true }), [menu.getItemProps]);\n\n        return {\n            state: menu.state,\n            menu,\n            popover: menu.popover,\n            // prop getters\n            triggerProps,\n            rootProps,\n            arrowProps: menu.arrowProps,\n            popupProps: menu.popupProps,\n            positionerProps: menu.positionerProps,\n            getListProps: menu.getListProps,\n            getIndicatorProps: menu.getIndicatorProps,\n            getSubTriggerProps: menu.getSubTriggerProps,\n            getItemProps,\n            // methods\n            onTriggerClick,\n            onContextMenu\n        };\n    }\n});\n","import type { UseContextMenuProps } from '@primereact/types/headless/contextmenu';\n\nexport const defaultProps: UseContextMenuProps = {\n    open: undefined,\n    defaultOpen: undefined,\n    appendTo: 'body',\n    baseZIndex: 0,\n    autoZIndex: true,\n    tabIndex: 0,\n    global: false,\n    onOpenChange: undefined\n};\n"],"mappings":"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","names":["withHeadless","useMenu","useEventListener","useUnmountEffect","React","defaultProps","useContextMenu","withHeadless","defaultProps","props","_a","_b","_c","_d","menu","useMenu","virtualElRef","onContextMenu","event","_e","pageX","pageY","virtualEl","bindGlobalListener","unbindGlobalListener","useEventListener","target","_f","onOverlayEnter","useUnmountEffect","onTriggerClick","rootProps","triggerProps","__spreadProps","__spreadValues","getItemProps","input"]}

package/contextmenu/submenu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useContextMenuSubmenu';
+export * from './useContextMenuSubmenu.props';

package/contextmenu/submenu/index.mjs

@@ -0,0 +1,2 @@
+import{withHeadless as t}from"@primereact/core/headless";import{useMenuSubmenu as u}from"@primereact/headless/menu/submenu";var o={open:void 0,defaultOpen:void 0,onOpenChange:void 0};var a=t({name:"useContextMenuSubmenu",defaultProps:o,setup({props:n}){let e=u({open:n.open,defaultOpen:n.defaultOpen,onOpenChange:n.onOpenChange});return{state:e.state,menusub:e,subtriggerProps:e.subtriggerProps,subProps:e.subProps,listProps:e.listProps,toggle:e.toggle,open:e.open,close:e.close}}});export{o as defaultProps,a as useContextMenuSubmenu};
+//# sourceMappingURL=index.mjs.map

package/contextmenu/submenu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/contextmenu/submenu/useContextMenuSubmenu.ts","../../../src/contextmenu/submenu/useContextMenuSubmenu.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { useMenuSubmenu } from '@primereact/headless/menu/submenu';\nimport { defaultProps } from './useContextMenuSubmenu.props';\n\nexport const useContextMenuSubmenu = withHeadless({\n    name: 'useContextMenuSubmenu',\n    defaultProps,\n    setup({ props }) {\n        const menusub = useMenuSubmenu({\n            open: props.open,\n            defaultOpen: props.defaultOpen,\n            onOpenChange: props.onOpenChange\n        });\n\n        return {\n            state: menusub.state,\n            menusub,\n            // prop getters\n            subtriggerProps: menusub.subtriggerProps,\n            subProps: menusub.subProps,\n            listProps: menusub.listProps,\n            // methods\n            toggle: menusub.toggle,\n            open: menusub.open,\n            close: menusub.close\n        };\n    }\n});\n","import type { UseContextMenuSubmenuProps } from '@primereact/types/headless/contextmenu';\n\nexport const defaultProps: UseContextMenuSubmenuProps = {\n    open: undefined,\n    defaultOpen: undefined,\n    onOpenChange: undefined\n};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BAC7B,OAAS,kBAAAC,MAAsB,oCCCxB,IAAMC,EAA2C,CACpD,KAAM,OACN,YAAa,OACb,aAAc,MAClB,EDFO,IAAMC,EAAwBC,EAAa,CAC9C,KAAM,wBACN,aAAAC,EACA,MAAM,CAAE,MAAAC,CAAM,EAAG,CACb,IAAMC,EAAUC,EAAe,CAC3B,KAAMF,EAAM,KACZ,YAAaA,EAAM,YACnB,aAAcA,EAAM,YACxB,CAAC,EAED,MAAO,CACH,MAAOC,EAAQ,MACf,QAAAA,EAEA,gBAAiBA,EAAQ,gBACzB,SAAUA,EAAQ,SAClB,UAAWA,EAAQ,UAEnB,OAAQA,EAAQ,OAChB,KAAMA,EAAQ,KACd,MAAOA,EAAQ,KACnB,CACJ,CACJ,CAAC","names":["withHeadless","useMenuSubmenu","defaultProps","useContextMenuSubmenu","withHeadless","defaultProps","props","menusub","useMenuSubmenu"]}

package/contextmenu/submenu/useContextMenuSubmenu.d.ts

@@ -0,0 +1,121 @@
+export declare const useContextMenuSubmenu: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/contextmenu").UseContextMenuSubmenuProps, unknown, {
+    state: {
+        open: boolean;
+        anchorElement: HTMLElement | null;
+        positionerElement: HTMLDivElement | null;
+        popupElement: HTMLElement | null;
+        arrowElement: HTMLDivElement | null;
+    };
+    menusub: import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/menu").UseMenuSubmenuProps, unknown, {
+        state: {
+            open: boolean;
+            anchorElement: HTMLElement | null;
+            positionerElement: HTMLDivElement | null;
+            popupElement: HTMLElement | null;
+            arrowElement: HTMLDivElement | null;
+        };
+        popover: import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/popover").UsePopoverProps, unknown, {
+            state: {
+                open: boolean | undefined;
+                rendered: boolean;
+                trapped: boolean;
+                anchorElement: HTMLElement | null;
+                positionerElement: HTMLDivElement | null;
+                popupElement: HTMLElement | null;
+                arrowElement: HTMLDivElement | null;
+            };
+            focusTrap: import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/focustrap").UseFocusTrapProps, unknown, {
+                containerRef: import("react").RefObject<HTMLElement | null>;
+                firstHiddenElementRef: import("react").RefObject<HTMLSpanElement | null>;
+                lastHiddenElementRef: import("react").RefObject<HTMLSpanElement | null>;
+                firstHiddenProps: {
+                    role: "presentation";
+                    'aria-hidden': true;
+                    'data-focus-guard': string;
+                    onFocus: (event: React.FocusEvent<HTMLSpanElement>) => void;
+                };
+                lastHiddenProps: {
+                    role: "presentation";
+                    'aria-hidden': true;
+                    'data-focus-guard': string;
+                    onFocus: (event: React.FocusEvent<HTMLSpanElement>) => void;
+                };
+            }>;
+            setArrowRef: (node: HTMLDivElement | null) => void;
+            setAnchorRef: (node: HTMLElement | null) => void;
+            setAnchorFallbackRef: (node: HTMLElement | null) => void;
+            setPopupRef: (node: HTMLElement | null) => void;
+            setPositionerRef: (node: HTMLDivElement | null) => void;
+            triggerProps: {
+                'data-positioner-open'?: string | undefined;
+                'data-scope': string;
+                'data-part': string;
+                ref: (node: HTMLElement | null) => void;
+                onClick: (event: React.MouseEvent) => void;
+            };
+            popupProps: {
+                'data-open'?: string | undefined;
+                'data-scope': string;
+                'data-part': string;
+                ref: (node: HTMLElement | null) => void;
+                tabIndex: number;
+            };
+            closeProps: {
+                'data-scope': string;
+                'data-part': string;
+                type: "button";
+                onClick: (event: React.MouseEvent) => void;
+            };
+            positionerProps: {
+                'data-scope': string;
+                'data-part': string;
+                ref: (node: HTMLDivElement | null) => void;
+            };
+            arrowProps: {
+                'data-scope': string;
+                'data-part': string;
+                ref: (node: HTMLDivElement | null) => void;
+            };
+            setOpen: (open: boolean, originalEvent?: Event) => void;
+            setRendered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+            onOpenComplete: () => void;
+            onCloseComplete: () => void;
+        }>;
+        listRef: import("react").RefObject<HTMLDivElement | null>;
+        subtriggerProps: {
+            ref: (node: HTMLElement | null) => void;
+        };
+        subProps: {
+            'data-scope': "menu";
+            'data-part': "sub";
+            'data-open'?: "" | undefined;
+        };
+        listProps: {
+            ref: (node: HTMLDivElement | null) => void;
+            'data-scope': "menu";
+            'data-part': "list";
+        };
+        toggle: () => void;
+        open: () => void;
+        close: () => void;
+        openDelay: number;
+        closeDelay: number;
+        openOnHover: boolean;
+    }>;
+    subtriggerProps: {
+        ref: (node: HTMLElement | null) => void;
+    };
+    subProps: {
+        'data-scope': "menu";
+        'data-part': "sub";
+        'data-open'?: "" | undefined;
+    };
+    listProps: {
+        ref: (node: HTMLDivElement | null) => void;
+        'data-scope': "menu";
+        'data-part': "list";
+    };
+    toggle: () => void;
+    open: () => void;
+    close: () => void;
+}>;

package/contextmenu/submenu/useContextMenuSubmenu.props.d.ts

@@ -0,0 +1,2 @@
+import type { UseContextMenuSubmenuProps } from '@primereact/types/headless/contextmenu';
+export declare const defaultProps: UseContextMenuSubmenuProps;

package/contextmenu/useContextMenu.d.ts

@@ -1 +1,413 @@
-export declare const useContextMenu: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/contextmenu").useContextMenuProps, unknown, Record<PropertyKey, unknown>>;
+import * as React from 'react';
+export declare const useContextMenu: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/contextmenu").UseContextMenuProps, unknown, {
+    state: {
+        open: boolean;
+        focused: boolean;
+        focusedOptionId: string | string[];
+        anchorElement: HTMLElement | null;
+        positionerElement: HTMLDivElement | null;
+        popupElement: HTMLElement | null;
+        arrowElement: HTMLDivElement | null;
+    };
+    menu: import("@primereact/types/core").HeadlessInstance<import("@primereact/headless/menu").UseMenuProps, unknown, {
+        state: {
+            open: boolean;
+            focused: boolean;
+            focusedOptionId: string | string[];
+            anchorElement: HTMLElement | null;
+            positionerElement: HTMLDivElement | null;
+            popupElement: HTMLElement | null;
+            arrowElement: HTMLDivElement | null;
+        };
+        popover: import("@primereact/types/headless/popover").UsePopoverExposes;
+        rootProps: {
+            id: string | undefined;
+            'data-scope': "menu";
+            'data-part': "root";
+        };
+        triggerProps: {
+            onPointerEnter?: (() => void) | undefined;
+            onPointerLeave?: (() => void) | undefined;
+            onClick: () => void;
+            'data-expanded'?: "" | undefined;
+            'data-open'?: "" | undefined;
+            'aria-haspopup': "true";
+            'aria-expanded': boolean;
+            'data-scope': "menu";
+            'data-part': "trigger";
+            ref: (node: HTMLElement | null) => void;
+            'data-positioner-open'?: string;
+        };
+        arrowProps: {
+            'data-instant'?: "switch" | undefined;
+            'data-scope': string;
+            'data-part': string;
+            ref: (node: HTMLDivElement | null) => void;
+        };
+        popupProps: {
+            onPointerEnter?: (() => void) | undefined;
+            onPointerLeave?: (() => void) | undefined;
+            'data-instant-type'?: "switch" | undefined;
+            'data-instant'?: "" | undefined;
+            'data-scope': string;
+            'data-part': string;
+            ref: (node: HTMLElement | null) => void;
+            tabIndex: number;
+            'data-open'?: string;
+        };
+        positionerProps: {
+            'data-scope': string;
+            'data-part': string;
+            ref: (node: HTMLDivElement | null) => void;
+        };
+        labelProps: {
+            role: "none";
+            'data-scope': "menu";
+            'data-part': "label";
+        };
+        separatorProps: {
+            role: "separator";
+            'data-scope': "menu";
+            'data-part': "separator";
+        };
+        radioGroupProps: {
+            role: "group";
+            'data-scope': "menu";
+            'data-part': "radiogroup";
+        };
+        getItemProps: (input: {
+            value: string;
+            disabled?: boolean;
+            type?: "item" | "checkbox" | "radio";
+            checked?: boolean;
+            inPortal?: boolean;
+            closeOnSelect?: boolean;
+            onSelect?: (event: {
+                originalEvent: React.SyntheticEvent;
+                value: string;
+                preventDefault: () => void;
+                readonly defaultPrevented: boolean;
+            }) => void;
+        }) => {
+            onMouseDown: (event: React.MouseEvent) => void;
+            onMouseMove: () => void;
+            onMouseEnter: (() => void) | undefined;
+            'data-disabled'?: "" | undefined;
+            'data-focused'?: "" | undefined;
+            ref: (element: HTMLElement | null) => void;
+            id: string;
+            role: "menuitem" | "menuitemcheckbox" | "menuitemradio";
+            tabIndex: -1;
+            'aria-disabled': true | undefined;
+            'aria-checked': boolean | undefined;
+            'data-scope': "menu";
+            'data-part': "item";
+            'data-value': string;
+        } | {
+            onMouseDown: (event: React.MouseEvent) => void;
+            onMouseMove: () => void;
+            onMouseEnter: (() => void) | undefined;
+            'data-disabled'?: "" | undefined;
+            'data-checked': "";
+            'data-focused'?: "" | undefined;
+            ref: (element: HTMLElement | null) => void;
+            id: string;
+            role: "menuitem" | "menuitemcheckbox" | "menuitemradio";
+            tabIndex: -1;
+            'aria-disabled': true | undefined;
+            'aria-checked': boolean | undefined;
+            'data-scope': "menu";
+            'data-part': "item";
+            'data-value': string;
+        } | {
+            onMouseDown: (event: React.MouseEvent) => void;
+            onMouseMove: () => void;
+            onMouseEnter: (() => void) | undefined;
+            'data-disabled'?: "" | undefined;
+            'data-unchecked': "";
+            'data-focused'?: "" | undefined;
+            ref: (element: HTMLElement | null) => void;
+            id: string;
+            role: "menuitem" | "menuitemcheckbox" | "menuitemradio";
+            tabIndex: -1;
+            'aria-disabled': true | undefined;
+            'aria-checked': boolean | undefined;
+            'data-scope': "menu";
+            'data-part': "item";
+            'data-value': string;
+        };
+        getSubTriggerProps: (input: {
+            value: string;
+            disabled?: boolean;
+            inPortal?: boolean;
+            sub?: {
+                state: {
+                    open: boolean;
+                };
+                open: () => void;
+                close: () => void;
+                toggle: () => void;
+                listRef: React.RefObject<HTMLElement | null>;
+                subtriggerProps?: {
+                    ref: (node: HTMLElement | null) => void;
+                };
+                openDelay?: number;
+                closeDelay?: number;
+                openOnHover?: boolean;
+            };
+        }) => {
+            onMouseDown: (event: React.MouseEvent) => void;
+            onMouseMove: () => void;
+            onMouseEnter: () => void;
+            onMouseLeave: (event: React.MouseEvent) => void;
+            'data-open'?: "" | undefined;
+            'data-disabled'?: "" | undefined;
+            'data-focused'?: "" | undefined;
+            ref: (node: HTMLElement | null) => void;
+            id: string;
+            role: "menuitem";
+            tabIndex: -1;
+            'aria-expanded': boolean | undefined;
+            'aria-disabled': true | undefined;
+            'data-scope': "menu";
+            'data-part': "subtrigger";
+            'data-value': string;
+        };
+        getListProps: (input?: {
+            value?: string;
+            sub?: {
+                state: {
+                    open: boolean;
+                };
+                listProps?: {
+                    ref: (node: HTMLDivElement | null) => void;
+                };
+            };
+        }) => {
+            onFocus?: (() => void) | undefined;
+            onBlur?: (() => void) | undefined;
+            onKeyDown: (event: React.KeyboardEvent) => void;
+            'data-composite'?: string | undefined;
+            id: string;
+            role: "menu";
+            'aria-activedescendant': string | undefined;
+            tabIndex: number;
+            'data-scope': "menu";
+            'data-part': "list";
+            ref?: ((node: HTMLDivElement | null) => void) | undefined;
+        };
+        getIndicatorProps: (input: {
+            type?: "item" | "checkbox" | "radio";
+            checked?: boolean;
+            submenuOpen?: boolean;
+            match?: "open" | "closed" | "checked" | "unchecked";
+        }) => {
+            [x: string]: string | boolean;
+            matchVisible: boolean;
+            'data-scope': "menu";
+            'data-part': "indicator";
+        };
+        checkboxItemIndicatorProps: {
+            'data-scope': "menu";
+            'data-part': "indicator";
+        };
+        radioItemIndicatorProps: {
+            'data-scope': "menu";
+            'data-part': "indicator";
+        };
+        submenuIndicatorProps: {
+            'data-scope': "menu";
+            'data-part': "indicator";
+        };
+        updateItemAria: (element: HTMLElement) => void;
+        isFocused: (itemId: string) => boolean;
+        getItemId: (value: string) => string;
+        getListId: (value?: string) => string;
+        changeVisibleState: (isVisible: boolean) => void;
+        markMouseInteraction: (newValue: boolean) => void;
+        changeFocusedOptionId: (newId: string) => void;
+        hideSubmenusAfterLevel: (targetItemId: string) => void;
+        hideAllSubmenus: () => void;
+        onListKeyDown: (event: React.KeyboardEvent) => void;
+        onListFocus: () => void;
+        onListBlur: () => void;
+        onOverlayEnter: (autoFocus?: boolean) => void;
+        onTriggerClick: () => void;
+        onItemClick: (event: React.MouseEvent | React.KeyboardEvent, isBlur?: boolean, isPortal?: boolean) => void;
+    }>;
+    popover: import("@primereact/types/headless/popover").UsePopoverExposes;
+    triggerProps: {
+        ref: undefined;
+        'data-scope': "contextmenu";
+        onContextMenu: (event: React.MouseEvent | MouseEvent) => void;
+        onClick: () => void;
+        onPointerEnter?: (() => void) | undefined;
+        onPointerLeave?: (() => void) | undefined;
+        'data-expanded'?: "" | undefined;
+        'data-open'?: "" | undefined;
+        'aria-haspopup': "true";
+        'aria-expanded': boolean;
+        'data-part': "trigger";
+        'data-positioner-open'?: string;
+    };
+    rootProps: {
+        'data-scope': "contextmenu";
+        'data-part': "root";
+    };
+    arrowProps: {
+        'data-instant'?: "switch" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        ref: (node: HTMLDivElement | null) => void;
+    };
+    popupProps: {
+        onPointerEnter?: (() => void) | undefined;
+        onPointerLeave?: (() => void) | undefined;
+        'data-instant-type'?: "switch" | undefined;
+        'data-instant'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        ref: (node: HTMLElement | null) => void;
+        tabIndex: number;
+        'data-open'?: string;
+    };
+    positionerProps: {
+        'data-scope': string;
+        'data-part': string;
+        ref: (node: HTMLDivElement | null) => void;
+    };
+    getListProps: (input?: {
+        value?: string;
+        sub?: {
+            state: {
+                open: boolean;
+            };
+            listProps?: {
+                ref: (node: HTMLDivElement | null) => void;
+            };
+        };
+    }) => {
+        onFocus?: (() => void) | undefined;
+        onBlur?: (() => void) | undefined;
+        onKeyDown: (event: React.KeyboardEvent) => void;
+        'data-composite'?: string | undefined;
+        id: string;
+        role: "menu";
+        'aria-activedescendant': string | undefined;
+        tabIndex: number;
+        'data-scope': "menu";
+        'data-part': "list";
+        ref?: ((node: HTMLDivElement | null) => void) | undefined;
+    };
+    getIndicatorProps: (input: {
+        type?: "item" | "checkbox" | "radio";
+        checked?: boolean;
+        submenuOpen?: boolean;
+        match?: "open" | "closed" | "checked" | "unchecked";
+    }) => {
+        [x: string]: string | boolean;
+        matchVisible: boolean;
+        'data-scope': "menu";
+        'data-part': "indicator";
+    };
+    getSubTriggerProps: (input: {
+        value: string;
+        disabled?: boolean;
+        inPortal?: boolean;
+        sub?: {
+            state: {
+                open: boolean;
+            };
+            open: () => void;
+            close: () => void;
+            toggle: () => void;
+            listRef: React.RefObject<HTMLElement | null>;
+            subtriggerProps?: {
+                ref: (node: HTMLElement | null) => void;
+            };
+            openDelay?: number;
+            closeDelay?: number;
+            openOnHover?: boolean;
+        };
+    }) => {
+        onMouseDown: (event: React.MouseEvent) => void;
+        onMouseMove: () => void;
+        onMouseEnter: () => void;
+        onMouseLeave: (event: React.MouseEvent) => void;
+        'data-open'?: "" | undefined;
+        'data-disabled'?: "" | undefined;
+        'data-focused'?: "" | undefined;
+        ref: (node: HTMLElement | null) => void;
+        id: string;
+        role: "menuitem";
+        tabIndex: -1;
+        'aria-expanded': boolean | undefined;
+        'aria-disabled': true | undefined;
+        'data-scope': "menu";
+        'data-part': "subtrigger";
+        'data-value': string;
+    };
+    getItemProps: (input: {
+        value: string;
+        disabled?: boolean;
+        type?: "item" | "checkbox" | "radio";
+        checked?: boolean;
+        inPortal?: boolean;
+        closeOnSelect?: boolean;
+        onSelect?: (event: {
+            originalEvent: React.SyntheticEvent;
+            value: string;
+            preventDefault: () => void;
+            readonly defaultPrevented: boolean;
+        }) => void;
+    }) => {
+        onMouseDown: (event: React.MouseEvent) => void;
+        onMouseMove: () => void;
+        onMouseEnter: (() => void) | undefined;
+        'data-disabled'?: "" | undefined;
+        'data-focused'?: "" | undefined;
+        ref: (element: HTMLElement | null) => void;
+        id: string;
+        role: "menuitem" | "menuitemcheckbox" | "menuitemradio";
+        tabIndex: -1;
+        'aria-disabled': true | undefined;
+        'aria-checked': boolean | undefined;
+        'data-scope': "menu";
+        'data-part': "item";
+        'data-value': string;
+    } | {
+        onMouseDown: (event: React.MouseEvent) => void;
+        onMouseMove: () => void;
+        onMouseEnter: (() => void) | undefined;
+        'data-disabled'?: "" | undefined;
+        'data-checked': "";
+        'data-focused'?: "" | undefined;
+        ref: (element: HTMLElement | null) => void;
+        id: string;
+        role: "menuitem" | "menuitemcheckbox" | "menuitemradio";
+        tabIndex: -1;
+        'aria-disabled': true | undefined;
+        'aria-checked': boolean | undefined;
+        'data-scope': "menu";
+        'data-part': "item";
+        'data-value': string;
+    } | {
+        onMouseDown: (event: React.MouseEvent) => void;
+        onMouseMove: () => void;
+        onMouseEnter: (() => void) | undefined;
+        'data-disabled'?: "" | undefined;
+        'data-unchecked': "";
+        'data-focused'?: "" | undefined;
+        ref: (element: HTMLElement | null) => void;
+        id: string;
+        role: "menuitem" | "menuitemcheckbox" | "menuitemradio";
+        tabIndex: -1;
+        'aria-disabled': true | undefined;
+        'aria-checked': boolean | undefined;
+        'data-scope': "menu";
+        'data-part': "item";
+        'data-value': string;
+    };
+    onTriggerClick: () => void;
+    onContextMenu: (event: React.MouseEvent | MouseEvent) => void;
+}>;

package/contextmenu/useContextMenu.props.d.ts

@@ -1,2 +1,2 @@
-import type { useContextMenuProps } from '@primereact/types/shared/contextmenu';
-export declare const defaultProps: useContextMenuProps;
+import type { UseContextMenuProps } from '@primereact/types/headless/contextmenu';
+export declare const defaultProps: UseContextMenuProps;

package/datatable/features/index.d.ts

@@ -0,0 +1,28 @@
+export { useDataTableColumnReorder } from './useDataTableColumnReorder';
+export { useDataTableColumnResize } from './useDataTableColumnResize';
+export { useDataTableEditing } from './useDataTableEditing';
+export { useDataTableExpansion } from './useDataTableExpansion';
+export { useDataTableExport } from './useDataTableExport';
+export { useDataTableFilter } from './useDataTableFilter';
+export { useDataTableGrouping } from './useDataTableGrouping';
+export { useDataTablePagination } from './useDataTablePagination';
+export { useDataTableRowReorder } from './useDataTableRowReorder';
+export { useDataTableSelection } from './useDataTableSelection';
+export { useDataTableSort } from './useDataTableSort';
+export { useDataTableTree } from './useDataTableTree';
+export { useDataTableKeyboard } from './useDataTableKeyboard';
+export type { UseDataTableColumnReorderOptions } from './useDataTableColumnReorder';
+export type { UseDataTableColumnResizeOptions } from './useDataTableColumnResize';
+export type { UseDataTableEditingOptions } from './useDataTableEditing';
+export type { UseDataTableExpansionOptions } from './useDataTableExpansion';
+export type { UseDataTableExportOptions, DataTableExportOptions } from './useDataTableExport';
+export type { UseDataTableFilterOptions, DataTableFilterMeta, ColumnFilterMeta, FilterConstraint, UseDataTableFilterEvent } from './useDataTableFilter';
+export { FilterMatchMode, FilterOperator } from './useDataTableFilter';
+export type { FilterMatchMode as FilterMatchModeType, FilterOperator as FilterOperatorType } from './useDataTableFilter';
+export type { UseDataTableGroupingOptions } from './useDataTableGrouping';
+export type { UseDataTablePaginationOptions } from './useDataTablePagination';
+export type { UseDataTableRowReorderOptions, UseDataTableRowReorderEvent } from './useDataTableRowReorder';
+export type { UseDataTableSelectionOptions } from './useDataTableSelection';
+export type { UseDataTableSortOptions } from './useDataTableSort';
+export type { UseDataTableTreeOptions } from './useDataTableTree';
+export type { UseDataTableKeyboardOptions } from './useDataTableKeyboard';