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

package/menu/submenu/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as f}from"@primereact/core/headless";import{usePopover as d}from"@primereact/headless/popover";import*as n from"react";var s={open:void 0,defaultOpen:void 0,openDelay:100,closeDelay:0,openOnHover:!0,onOpenChange:void 0};var y=f({name:"useMenuSubmenu",defaultProps:s,setup({props:t}){let e=d({open:t.open,defaultOpen:t.defaultOpen,onOpenChange:t.onOpenChange}),o=n.useRef(null),a=n.useCallback(i=>{o.current=i},[]),l={open:!!e.state.open,anchorElement:e.state.anchorElement,positionerElement:e.state.positionerElement,popupElement:e.state.popupElement,arrowElement:e.state.arrowElement},r=()=>{t.disabled||e.setOpen?.(!e.state.open)},p=()=>{t.disabled||e.setOpen?.(!0)},u=()=>{t.disabled||e.setOpen?.(!1)},c={ref:e.setAnchorFallbackRef},m={...e.state.open&&{"data-open":""},"data-scope":"menu","data-part":"sub"};return{state:l,popover:e,listRef:o,subtriggerProps:c,subProps:m,listProps:{ref:a,"data-scope":"menu","data-part":"list"},toggle:r,open:p,close:u,openDelay:t.openDelay??100,closeDelay:t.closeDelay??0,openOnHover:t.openOnHover??!0}}});export{s as defaultProps,y as useMenuSubmenu};

package/menu/submenu/useMenuSubmenu.d.ts

@@ -0,0 +1,97 @@
+import * as React from 'react';
+export declare const useMenuSubmenu: (inProps?: unknown) => 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/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: React.RefObject<HTMLElement | null>;
+            firstHiddenElementRef: React.RefObject<HTMLSpanElement | null>;
+            lastHiddenElementRef: 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: React.Dispatch<React.SetStateAction<boolean>>;
+        onOpenComplete: () => void;
+        onCloseComplete: () => void;
+    }>;
+    listRef: 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;
+}>;

package/menu/submenu/useMenuSubmenu.props.d.ts

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

package/menu/useMenu.d.ts

@@ -1,34 +1,227 @@
 import * as React from 'react';
-export declare const useMenu: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/menu").useMenuProps, unknown, {
+export declare const useMenu: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/menu").UseMenuProps, unknown, {
     state: {
-        opened: boolean;
+        open: boolean;
         focused: boolean;
         focusedOptionId: string | string[];
-        contextMenuTarget: {
-            pageX: number;
-            pageY: number;
-        } | null;
-    };
-    portalRef: React.RefObject<{
-        containerRef: {
-            current: {
-                elementRef: React.RefObject<HTMLDivElement>;
+        anchorElement: HTMLElement | null;
+        positionerElement: HTMLDivElement | null;
+        popupElement: HTMLElement | null;
+        arrowElement: HTMLDivElement | null;
+    };
+    popover: import("@primereact/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;
             };
         };
-    } | null>;
-    triggerRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLButtonElement>;
-    } | null>;
-    listRef: React.RefObject<HTMLUListElement | null>;
-    registerItem: (id: string, ref: HTMLElement) => void;
-    unregisterItem: (id: string) => 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;
-    changeFocusedOptionId: (id: string) => 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: () => void;
-    onTriggerClick: (event?: React.MouseEvent) => void;
-    onItemClick: (event: React.MouseEvent) => void;
+    onOverlayEnter: (autoFocus?: boolean) => void;
+    onTriggerClick: () => void;
+    onItemClick: (event: React.MouseEvent | React.KeyboardEvent, isBlur?: boolean, isPortal?: boolean) => void;
 }>;

package/menu/useMenu.props.d.ts

@@ -1,2 +1,2 @@
-import type { useMenuProps } from '@primereact/types/shared/menu';
-export declare const defaultProps: useMenuProps;
+import type { UseMenuProps } from '@primereact/types/headless/menu';
+export declare const defaultProps: UseMenuProps;

package/message/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useMessage';
 export * from './useMessage.props';
+export type * from '@primereact/types/headless/message';

package/message/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as i}from"@primereact/core/headless";import*as r from"react";var n={life:null,onClose:void 0};var d=i({name:"useMessage",defaultProps:n,setup:({props:t})=>{let[u,o]=r.useState(!0),e=r.useRef(null),a={visible:u},s=r.useCallback(()=>{var l;o(!1),e.current&&(clearTimeout(e.current),e.current=null),(l=t.onClose)==null||l.call(t)},[t.onClose]);return r.useEffect(()=>(e.current&&(clearTimeout(e.current),e.current=null),typeof t.life=="number"&&t.life>0&&u&&(e.current=setTimeout(()=>{s()},t.life)),()=>{e.current&&(clearTimeout(e.current),e.current=null)}),[t.life,u,s]),{state:a,handleClose:s}}});export{n as defaultProps,d as useMessage};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as u}from"@primereact/core/headless";import*as t from"react";var a={life:null,onClose:void 0};var d=u({name:"useMessage",defaultProps:a,setup:({props:s})=>{let[o,l]=t.useState(!0),e=t.useRef(null),n={visible:o},r=t.useCallback(()=>{l(!1),e.current&&(clearTimeout(e.current),e.current=null),s.onClose?.()},[s.onClose]);t.useEffect(()=>(e.current&&(clearTimeout(e.current),e.current=null),typeof s.life=="number"&&s.life>0&&o&&(e.current=setTimeout(()=>{r()},s.life)),()=>{e.current&&(clearTimeout(e.current),e.current=null)}),[s.life,o,r]);let c={"data-scope":"message","data-part":"root",...!o&&{style:{display:"none"}}};return{state:n,rootProps:c,closeProps:{"data-scope":"message","data-part":"close",onClick:r},handleClose:r}}});export{a as defaultProps,d as useMessage};

package/message/useMessage.d.ts

@@ -1,6 +1,18 @@
-export declare const useMessage: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/message").useMessageProps, unknown, {
+export declare const useMessage: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/message").UseMessageProps, unknown, {
     state: {
         visible: boolean;
     };
+    rootProps: {
+        style?: {
+            display: string;
+        } | undefined;
+        'data-scope': "message";
+        'data-part': "root";
+    };
+    closeProps: {
+        'data-scope': "message";
+        'data-part': "close";
+        onClick: () => void;
+    };
     handleClose: () => void;
 }>;

package/message/useMessage.props.d.ts

@@ -1,2 +1,2 @@
-import type { useMessageProps } from '@primereact/types/shared/message';
-export declare const defaultProps: useMessageProps;
+import type { UseMessageProps } from '@primereact/types/headless/message';
+export declare const defaultProps: UseMessageProps;

package/metergroup/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useMeterGroup';
 export * from './useMeterGroup.props';
+export type * from '@primereact/types/headless/metergroup';

package/metergroup/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as x}from"@primereact/core/headless";import*as e from"react";var u={min:0,max:100};var R=x({name:"useMeterGroup",defaultProps:u,setup({props:a}){let[m,o]=e.useState(0),p={totalPercent:m},s=e.useCallback((t=0)=>{var n,c;let r=(n=a.min)!=null?n:0,f=(c=a.max)!=null?c:100;return Math.round(Math.max(0,Math.min(100,(t-r)/(f-r)*100)))},[]),l=e.useCallback((t=0)=>s(t)+"%",[]),i=e.useCallback((t=0)=>{o(r=>r+t)},[]),P=e.useCallback(()=>{o(0)},[]);return{state:p,percent:s,percentAsString:l,updateTotalPercent:i,resetTotalPercent:P}}});export{u as defaultProps,R as useMeterGroup};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as d}from"@primereact/core/headless";import*as s from"react";var n={min:0,max:100,orientation:"horizontal"};var h=d({name:"useMeterGroup",defaultProps:n,setup({props:t}){let a=t.min??0,e=t.max??100,o=s.useCallback((r=0)=>Math.round(Math.max(0,Math.min(100,(r-a)/(e-a)*100))),[a,e]),p=s.useCallback((r=0)=>`${o(r)}%`,[o]),c={"data-scope":"metergroup","data-part":"root","data-orientation":t.orientation,role:"meter","aria-valuemin":a,"aria-valuemax":e,"aria-valuenow":0},m={"data-scope":"metergroup","data-part":"meters","data-orientation":t.orientation},i={"data-scope":"metergroup","data-part":"labels","data-orientation":t.orientation},u={"data-scope":"metergroup","data-part":"meter","data-orientation":t.orientation};return{rootProps:c,metersProps:m,labelsProps:i,meterProps:u,markerProps:{"data-scope":"metergroup","data-part":"marker"},labelProps:{"data-scope":"metergroup","data-part":"label"},textProps:{"data-scope":"metergroup","data-part":"text"},percent:o,percentAsString:p}}});export{n as defaultProps,h as useMeterGroup};

package/metergroup/useMeterGroup.d.ts

@@ -1,9 +1,40 @@
-export declare const useMeterGroup: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/metergroup").useMeterGroupProps, unknown, {
-    state: {
-        totalPercent: number;
+export declare const useMeterGroup: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/metergroup").UseMeterGroupProps, unknown, {
+    rootProps: {
+        'data-scope': "metergroup";
+        'data-part': "root";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+        role: "meter";
+        'aria-valuemin': number;
+        'aria-valuemax': number;
+        'aria-valuenow': number;
+    };
+    metersProps: {
+        'data-scope': "metergroup";
+        'data-part': "meters";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    labelsProps: {
+        'data-scope': "metergroup";
+        'data-part': "labels";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    meterProps: {
+        'data-scope': "metergroup";
+        'data-part': "meter";
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    markerProps: {
+        'data-scope': "metergroup";
+        'data-part': "marker";
+    };
+    labelProps: {
+        'data-scope': "metergroup";
+        'data-part': "label";
+    };
+    textProps: {
+        'data-scope': "metergroup";
+        'data-part': "text";
     };
     percent: (meterValue?: number) => number;
     percentAsString: (meterValue?: number) => string;
-    updateTotalPercent: (percent?: number) => void;
-    resetTotalPercent: () => void;
 }>;

package/metergroup/useMeterGroup.props.d.ts

@@ -1,2 +1,2 @@
-import type { useMeterGroupProps } from '@primereact/types/shared/metergroup';
-export declare const defaultProps: useMeterGroupProps;
+import type { UseMeterGroupProps } from '@primereact/types/headless/metergroup';
+export declare const defaultProps: UseMeterGroupProps;

package/navigationmenu/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useNavigationMenu';
+export * from './useNavigationMenu.props';
+export type * from '@primereact/types/headless/navigationmenu';

package/navigationmenu/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as S}from"@primereact/core/headless";import{focus as F,toElement as K}from"@primeuix/utils";import*as r from"react";var E={orientation:"horizontal",loopFocus:!0,modal:!0,disabled:!1};var U=(i,o)=>{let b=i.compareDocumentPosition(o);return b&Node.DOCUMENT_POSITION_FOLLOWING?-1:b&Node.DOCUMENT_POSITION_PRECEDING?1:0},G=S({name:"useNavigationMenu",defaultProps:E,setup({props:i}){let[o,b]=r.useState(null),k=r.useRef(null);k.current=o;let R=r.useRef(new Map),p=r.useRef(new Map),f=r.useRef(null),d=i.orientation??"horizontal",M=i.loopFocus??!0,h=!!i.modal,c=!!i.disabled,v={openMenuId:o,hasOpenMenu:o!==null},O=r.useCallback((e,t)=>(p.current.set(e,t),()=>{p.current.get(e)===t&&p.current.delete(e)}),[]),a=r.useCallback(e=>{let t=k.current,n=typeof e=="function"?e(t):e;t!==null&&n!==null&&t!==n&&(p.current.get(t)?.(),p.current.get(n)?.()),b(n)},[]),w=r.useCallback(e=>{a(e)},[a]),y=r.useCallback(()=>{let e=f.current;return f.current=null,e},[]),T=r.useCallback(e=>{f.current=e},[]),D=r.useCallback(e=>o===e,[o]),x=r.useCallback((e,t)=>{let n=K(t)??null;n?R.current.set(e,n):R.current.delete(e)},[]),C=r.useCallback(()=>{let e=[];return R.current.forEach((t,n)=>{!t.hasAttribute("data-disabled")&&!t.disabled&&e.push({id:n,element:t})}),e.sort((t,n)=>U(t.element,n.element)),e},[]),l=r.useCallback((e,t)=>{let n=C();if(n.length===0)return;let m=n.findIndex(g=>g.id===e),s;switch(t){case"next":s=m+1,s>=n.length&&(s=M?0:n.length-1);break;case"previous":s=m-1,s<0&&(s=M?n.length-1:0);break;case"first":s=0;break;case"last":s=n.length-1;break}let u=n[s];!u||u.id===e||(F(u.element),a(g=>g!==null?u.id:g))},[C,M]),L=r.useCallback((e,t)=>{if(c)return;let n=d==="horizontal",m=n?"ArrowRight":"ArrowDown",s=n?"ArrowLeft":"ArrowUp",u=n?"ArrowDown":"ArrowRight",g=n?"ArrowUp":"ArrowLeft";switch(t.key){case m:t.preventDefault(),l(e,"next");break;case s:t.preventDefault(),l(e,"previous");break;case"Home":t.preventDefault(),l(e,"first");break;case"End":t.preventDefault(),l(e,"last");break;case u:case"Enter":case" ":t.preventDefault(),f.current="first",a(e);break;case g:t.preventDefault(),f.current="last",a(e);break;default:break}},[c,d,l]),N=r.useCallback(e=>{c||a(t=>t!==null&&t!==e?e:t)},[c,a]),P=r.useCallback((e,t)=>{a(t?e:n=>n===e?null:n)},[a]),A={role:"menubar","aria-orientation":d,"data-scope":"navigationmenu","data-part":"root","data-orientation":d,...v.hasOpenMenu&&{"data-has-open-menu":""},...h&&{"data-modal":""},...c&&{"data-disabled":""}},H=r.useCallback((e,t)=>{l(e,t)},[l]);return{state:v,rootProps:A,orientation:d,modal:h,disabled:c,registerTrigger:x,setOpenMenuId:w,isMenuOpen:D,onTriggerKeyDown:L,onTriggerMouseEnter:N,onMenuOpenChange:P,focusSibling:H,setPendingFocus:T,consumePendingFocus:y,registerInstantSignal:O}}});export{E as defaultProps,G as useNavigationMenu};

package/navigationmenu/useNavigationMenu.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+export declare const useNavigationMenu: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/navigationmenu").UseNavigationMenuProps, unknown, {
+    state: {
+        openMenuId: string | null;
+        hasOpenMenu: boolean;
+    };
+    rootProps: {
+        'data-disabled'?: "" | undefined;
+        'data-modal'?: "" | undefined;
+        'data-has-open-menu'?: "" | undefined;
+        role: "menubar";
+        'aria-orientation': import("@primereact/types/headless/navigationmenu").NavigationMenuOrientation;
+        'data-scope': "navigationmenu";
+        'data-part': "root";
+        'data-orientation': import("@primereact/types/headless/navigationmenu").NavigationMenuOrientation;
+    };
+    orientation: import("@primereact/types/headless/navigationmenu").NavigationMenuOrientation;
+    modal: boolean;
+    disabled: boolean;
+    registerTrigger: (menuId: string, element: HTMLElement | null) => void;
+    setOpenMenuId: (menuId: string | null) => void;
+    isMenuOpen: (menuId: string) => boolean;
+    onTriggerKeyDown: (menuId: string, event: React.KeyboardEvent) => void;
+    onTriggerMouseEnter: (menuId: string) => void;
+    onMenuOpenChange: (menuId: string, open: boolean) => void;
+    focusSibling: (currentMenuId: string, direction: "next" | "previous") => void;
+    setPendingFocus: (target: "first" | "last" | null) => void;
+    consumePendingFocus: () => "first" | "last" | null;
+    registerInstantSignal: (menuId: string, handler: () => void) => () => void;
+}>;

package/navigationmenu/useNavigationMenu.props.d.ts

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

package/orderlist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useOrderList';
+export * from './useOrderList.props';
+export type * from '@primereact/types/headless/orderlist';

package/orderlist/index.mjs

@@ -0,0 +1 @@
+import{arrayMove as de}from"@primereact/core/dnd";import{withHeadless as ue}from"@primereact/core/headless";import*as I from"react";import{withHeadless as le}from"@primereact/core/headless";import*as y from"react";import{flushSync as ce}from"react-dom";var se={dnd:void 0,id:void 0,items:void 0,disabled:!1,placeholder:"empty",onSort:void 0};var $=S=>Array.from(S.querySelectorAll(":scope > [data-sortable-item]")),ie=le({name:"useSortableContainer",defaultProps:se,setup({props:S}){let t=S.dnd,l=S.id,A=S.items??[],m=S.disabled??!1,X=S.placeholder??"clone",T=S.onSort,z=t?`${t.uid}_${l}`:String(l),b=y.useRef(null);y.useEffect(()=>{if(!(!t||l==null))return t.containers.set(l,{listRef:b,items:A}),()=>{t.containers.delete(l)}},[t,l]);let j=y.useRef(A);j.current=A,y.useEffect(()=>{if(t&&l!=null){let r=t.containers.get(l);r&&(r.items=A)}},[t,l,A]);let[M,U]=y.useState(!1),B=y.useRef(0),v=y.useRef(null),_=(r,o,n,i,L,V,N)=>{let Y=V+N,H=$(r);for(let x=0;x<H.length;x++){let P=x<o?x:x+1,k=0;o<n?P>o&&P<=n&&(k=-Y):o>n&&P>=n&&P<o&&(k=Y),H[x].style.transform=k?`translateY(${k}px)`:""}L.style.transform=n!==o?`translateY(${(n-o)*Y}px)`:""},G=r=>{if(r)for(let o of $(r))o.style.transform=""},Q=r=>{let o=$(r);return o.length>1?o[1].getBoundingClientRect().top-o[0].getBoundingClientRect().bottom:4},W=(r,o)=>{let n=r.cloneNode(!0);return n.setAttribute("inert","true"),n.removeAttribute("data-sortable-item"),n.removeAttribute("data-sortable-container"),n.style.position="fixed",n.style.zIndex="9999",n.style.pointerEvents="none",n.style.width=`${o.width}px`,n.style.height=`${o.height}px`,n.style.left=`${o.left}px`,n.style.top=`${o.top}px`,n.style.margin="0",n.style.transform="translate(0px, 0px)",n.style.transition="none",n.style.opacity="0.9",n.style.boxShadow="0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",document.body.appendChild(n),n},Z=()=>{if(t){for(let[r,o]of t.containers)if(!o.listRef.current||!o.listRef.current.isConnected){let n=`${t.uid}_${r}`,i=document.querySelector(`[data-sortable-list="${n}"]`);i&&(o.listRef.current=i)}}},ee=r=>m?{"data-sortable-item":"","data-sortable-container":String(l)}:{"data-sortable-item":"","data-sortable-container":String(l),onPointerDown:o=>{if(o.button!==0||m)return;let n=o.currentTarget,i=n.parentElement;if(i&&(b.current=i,t&&l!=null)){let e=t.containers.get(l);e&&(e.listRef.current=i)}Z();let L=n.getBoundingClientRect(),V=o.clientX,N=o.clientY,Y=!1,H=l,x=t?t.containers.size>1:!1,P=new Map;if(t)for(let[e,p]of t.containers)P.set(e,[...p.items]);else P.set(l,[...j.current]);let k=V,D=N,te=()=>{let e=v.current;if(!e)return;let p=e.originContainerId;if(x&&t)for(let[u,R]of t.containers){if(!R.listRef.current||!R.listRef.current.isConnected){let re=`${t.uid}_${u}`,J=document.querySelector(`[data-sortable-list="${re}"]`);J&&(R.listRef.current=J)}let C=R.listRef.current?.getBoundingClientRect();if(C&&k>=C.left&&k<=C.right&&D>=C.top&&D<=C.bottom){p=u;break}}let f=x&&t?t.containers.get(p)?.listRef.current:b.current;if(!f)return;let E=((x&&t?t.containers.get(e.originContainerId)?.listRef.current:b.current)?.scrollTop??0)-e.startScrollTop,q=D-e.startY,d=e.itemHeight+e.gap,g=e.itemsAtStart.get(p)??[],c;if(p===e.originContainerId)c=e.fromIndex+Math.round((q+E)/d),c=Math.max(0,Math.min(g.length-1,c));else{let u=f.getBoundingClientRect(),R=parseFloat(getComputedStyle(f).paddingTop)||0,C=D-u.top-R;c=Math.round(C/d),c=Math.max(0,Math.min(g.length,c))}let h=p!==e.currentContainerId;if(h||c!==e.projectedIndex){if(h&&t){let u=t.containers.get(e.currentContainerId)?.listRef.current;u&&G(u)}if(e.currentContainerId=p,e.projectedIndex=c,t&&t.setState({currentContainerId:p,projectedIndex:c}),p===e.originContainerId)h&&e.node.parentElement?.insertBefore(e.clone,e.node),e.clone.style.height=`${e.itemHeight}px`,e.clone.style.overflow="",_(f,e.fromIndex,c,e.node,e.clone,e.itemHeight,e.gap);else{let u=$(f),R=u.length>=2?u[1].getBoundingClientRect().top-u[0].getBoundingClientRect().top:e.itemHeight+e.gap;h&&(document.body.appendChild(e.clone),e.clone.style.position="fixed",e.clone.style.height=`${e.itemHeight}px`,e.clone.style.overflow="hidden",e.clone.style.transform="",e.clone.style.margin="0",e.clone.style.zIndex="9998",e.clone.style.pointerEvents="none",e.clone.style.boxSizing="border-box",f.style.position="");let C=f.getBoundingClientRect(),re=f.scrollTop,J=parseFloat(getComputedStyle(f).paddingTop)||0,K;if(u.length===0)K=C.top+J;else if(c<u.length)K=u[c].getBoundingClientRect().top;else{let F=u[u.length-1];K=F.getBoundingClientRect().bottom+(R-F.getBoundingClientRect().height)}e.clone.style.top=`${K}px`,e.clone.style.left=`${C.left}px`,e.clone.style.width=`${C.width}px`,e.clone.style.transform="";for(let F=0;F<u.length;F++)u[F].style.transform=F>=c?`translateY(${R}px)`:""}}return f},ne=e=>{let p=Math.sqrt((e.clientX-V)**2+(e.clientY-N)**2);if(!Y&&p<5)return;if(!Y){Y=!0;let E=b.current,q=E?Q(E):4,d;X==="empty"?d=document.createElement(n.tagName):d=n.cloneNode(!0),d.setAttribute("inert","true"),d.setAttribute("data-sortable-placeholder",""),d.removeAttribute("data-sortable-item"),d.removeAttribute("data-sortable-container"),d.style.width=`${L.width}px`,d.style.height=`${L.height}px`,d.style.flexShrink="0",d.style.transition="transform 200ms ease, opacity 150ms ease",d.style.opacity="0",n.parentElement?.insertBefore(d,n),requestAnimationFrame(()=>{d.style.opacity="1"}),b.current?.blur();let g=W(n,L);n.setAttribute("data-dragging",""),n.removeAttribute("data-sortable-item"),n.style.position="absolute",n.style.visibility="hidden",n.style.pointerEvents="none";let c=n.parentElement;if(c)for(let h of $(c))h!==n&&(h.style.pointerEvents="none",h.style.transition="transform 200ms ease");if(t){for(let[h,u]of t.containers)if(h!==H&&u.listRef.current)for(let R of $(u.listRef.current))R.style.pointerEvents="none",R.style.transition="transform 200ms ease"}v.current={startX:V,startY:N,startScrollTop:E?.scrollTop??0,node:n,ghost:g,clone:d,itemHeight:L.height,gap:q,fromIndex:r,projectedIndex:r,originContainerId:H,currentContainerId:H,itemsAtStart:P},U(!0),t&&t.setState({dragging:!0,activeContainerId:H,currentContainerId:H,fromIndex:r,projectedIndex:r})}let f=v.current;if(!f)return;k=e.clientX,D=e.clientY,f.ghost.style.transform=`translate(${e.clientX-f.startX}px, ${e.clientY-f.startY}px)`;let w=te();if(cancelAnimationFrame(B.current),w){let d=()=>{let g=w.getBoundingClientRect(),c=D-g.top,h=g.bottom-D,u=!1;c>0&&c<40?(w.scrollTop-=8,u=!0):h>0&&h<40&&(w.scrollTop+=8,u=!0),u&&(v.current&&(v.current.projectedIndex=-1),te(),B.current=requestAnimationFrame(d))};d()}},oe=()=>{document.removeEventListener("pointermove",ne),document.removeEventListener("pointerup",oe),cancelAnimationFrame(B.current);let e=v.current;if(!e)return;let p=e.currentContainerId!==e.originContainerId,f=!1,w=()=>{if(f)return;f=!0,e.ghost.removeEventListener("transitionend",w),cancelAnimationFrame(B.current),e.ghost.remove(),e.clone.remove();let E=[];if(t&&t.containers.size>1)for(let[,g]of t.containers)g.listRef.current&&E.push(g.listRef.current);else b.current&&E.push(b.current);e.node.style.position="",e.node.removeAttribute("data-dragging"),e.node.setAttribute("data-sortable-item","");for(let g of E)for(let c of $(g))c.style.transition="none",c.style.transform="",c.style.pointerEvents="";ce(()=>{p?t?.onTransfer?.({from:{containerId:e.originContainerId,index:e.fromIndex},to:{containerId:e.currentContainerId,index:e.projectedIndex}}):e.fromIndex!==e.projectedIndex&&(t?.onSort?t.onSort({containerId:e.originContainerId,fromIndex:e.fromIndex,toIndex:e.projectedIndex}):T&&T({containerId:e.originContainerId,fromIndex:e.fromIndex,toIndex:e.projectedIndex}))});for(let g of E){g.offsetHeight;for(let c of $(g))c.style.transition="",c.style.visibility="",c.style.pointerEvents=""}v.current=null,U(!1),t&&t.setState({dragging:!1,activeContainerId:null,currentContainerId:null,fromIndex:-1,projectedIndex:-1});let q=p?e.currentContainerId:e.originContainerId,d=x&&t?t.containers.get(q)?.listRef.current:b.current;d&&(d.dataset.dndFocusIndex=String(e.projectedIndex),d.focus(),delete d.dataset.dndFocusIndex)};e.ghost.style.transition="opacity 150ms ease-out",e.ghost.style.opacity="0",e.ghost.addEventListener("transitionend",w,{once:!0}),setTimeout(()=>{v.current===e&&w()},200)};document.addEventListener("pointermove",ne),document.addEventListener("pointerup",oe)}},O={dragging:M},a=y.useMemo(()=>({"data-scope":"dnd","data-part":"sortable-container",...M?{"data-active":""}:void 0,...m?{"data-disabled":""}:void 0}),[M,m]),s=y.useMemo(()=>({"data-sortable-list":z}),[z]);return{state:O,getItemDndProps:ee,listProps:s,rootProps:a}}});var ae={value:void 0,selection:void 0,disabled:!1,draggable:!1,placeholder:"empty",onValueChange:void 0};var xe=ue({name:"useOrderList",defaultProps:ae,setup({id:S,props:t}){let[l,A]=I.useState(t.value??[]);I.useEffect(()=>{t.value!==void 0&&A(t.value)},[t.value]);let m=t.selection??[],X=I.useCallback(a=>m.indexOf(a)!==-1,[m]),T=(a,s)=>{A(a),t.onValueChange?.({originalEvent:s,value:a})},z=I.useRef(T);z.current=T;let b=I.useRef(l);b.current=l;let j=I.useRef(null),M=I.useRef(null);I.useEffect(()=>{let a=M.current;if(!a||!j.current)return;M.current=null;let s=requestAnimationFrame(()=>{let r=j.current?.querySelectorAll('[role="option"]');if(!r?.length)return;let o=m.map(i=>l.indexOf(i)).filter(i=>i!==-1);if(!o.length)return;let n=a==="up"?Math.min(...o):Math.max(...o);r[n]?.scrollIntoView({block:"nearest",inline:"nearest"})});return()=>cancelAnimationFrame(s)},[l]);let U=a=>{let s=new Set;for(let r of m){let o=a.indexOf(r);o!==-1&&s.add(o)}return s},B=a=>{if(m.length===0||!Array.isArray(l))return;let s=[...l],r=U(s),o=[...r].sort((i,L)=>i-L),n=!1;for(let i of o)i>0&&!r.has(i-1)&&([s[i],s[i-1]]=[s[i-1],s[i]],r.delete(i),r.add(i-1),n=!0);n&&(M.current="up",T(s,a))},v=a=>{if(m.length===0||!Array.isArray(l))return;let s=[...l],r=U(s),o=[...r].sort((i,L)=>L-i),n=!1;for(let i of o)i<s.length-1&&!r.has(i+1)&&([s[i],s[i+1]]=[s[i+1],s[i]],r.delete(i),r.add(i+1),n=!0);n&&(M.current="down",T(s,a))},_=a=>{if(m.length===0||!Array.isArray(l))return;let s=[],r=[];for(let o of l)(X(o)?s:r).push(o);M.current="up",T([...s,...r],a)},G=a=>{if(m.length===0||!Array.isArray(l))return;let s=[],r=[];for(let o of l)(X(o)?s:r).push(o);M.current="down",T([...r,...s],a)},{state:Q,getItemDndProps:W,listProps:Z}=ie({id:"orderlist",items:l,disabled:t.disabled||!t.draggable,placeholder:t.placeholder,onSort:({fromIndex:a,toIndex:s})=>{let r=de(b.current,a,s);z.current(r)}}),ee=(a,s)=>({"data-scope":"orderlist","data-part":"option",...X(a)?{"data-selected":""}:{},...W(s)}),O=Array.isArray(m)&&m.length>0;return{state:{value:l,selection:m,dragging:Q.dragging},getOptionProps:ee,listRef:j,moveUp:B,moveDown:v,moveTop:_,moveBottom:G,rootProps:{id:S,"data-scope":"orderlist","data-part":"root"},controlsProps:{"data-scope":"orderlist","data-part":"controls"},listProps:{"data-scope":"orderlist","data-part":"list",...Z},prevProps:{"data-scope":"orderlist","data-part":"prev",type:"button",disabled:t.disabled||!O,"aria-label":"Move Up",onClick:a=>B(a)},nextProps:{"data-scope":"orderlist","data-part":"next",type:"button",disabled:t.disabled||!O,"aria-label":"Move Down",onClick:a=>v(a)},firstProps:{"data-scope":"orderlist","data-part":"first",type:"button",disabled:t.disabled||!O,"aria-label":"Move Top",onClick:a=>_(a)},lastProps:{"data-scope":"orderlist","data-part":"last",type:"button",disabled:t.disabled||!O,"aria-label":"Move Bottom",onClick:a=>G(a)}}}});export{ae as defaultProps,xe as useOrderList};

package/orderlist/useOrderList.d.ts

@@ -0,0 +1,74 @@
+import * as React from 'react';
+export declare const useOrderList: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/orderlist").UseOrderListProps<unknown>, unknown, {
+    state: {
+        value: unknown[];
+        selection: unknown[];
+        dragging: boolean;
+    };
+    getOptionProps: (item: unknown, index: number) => {
+        'data-sortable-item': string;
+        'data-sortable-container': string;
+        onPointerDown?: undefined;
+        'data-selected'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        'data-sortable-item': string;
+        'data-sortable-container': string;
+        onPointerDown: (e: React.PointerEvent<HTMLElement>) => void;
+        'data-selected'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    listRef: React.RefObject<HTMLElement | null>;
+    moveUp: (event?: React.SyntheticEvent) => void;
+    moveDown: (event?: React.SyntheticEvent) => void;
+    moveTop: (event?: React.SyntheticEvent) => void;
+    moveBottom: (event?: React.SyntheticEvent) => void;
+    rootProps: {
+        id: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    controlsProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+    listProps: {
+        'data-sortable-list': string;
+        'data-scope': string;
+        'data-part': string;
+    };
+    prevProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    nextProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    firstProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    lastProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+}>;

package/orderlist/useOrderList.props.d.ts

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

package/organizationchart/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useOrganizationChart';
+export * from './useOrganizationChart.props';
+export type * from '@primereact/types/headless/organizationchart';