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

package/datepicker/useDatePicker.d.ts

@@ -1,114 +1,2 @@
-import { useDatePickerDateMeta, useDatePickerProps } from '@primereact/types/shared/datepicker';
-import * as React from 'react';
-export declare const useDatePicker: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<useDatePickerProps, unknown, {
-    state: {
-        rawValue: string | string[] | Date | Date[] | (Date | null)[] | (string | null)[] | null | undefined;
-        overlayVisible: boolean;
-        currentView: "date" | "month" | "year" | undefined;
-        showClearIcon: boolean;
-        hoveredDate: useDatePickerDateMeta | null;
-    };
-    inputRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLInputElement>;
-    } | null>;
-    nextButtonRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLButtonElement>;
-    } | null>;
-    prevButtonRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLButtonElement>;
-    } | null>;
-    portalRef: React.RefObject<{
-        containerRef: {
-            current: {
-                elementRef: React.RefObject<HTMLDivElement>;
-            };
-        };
-    } | null>;
-    overlayRef: React.RefObject<HTMLDivElement | null>;
-    inputFieldValue: string;
-    weekHeaderLabel: string;
-    todayLabel: string;
-    clearLabel: string;
-    weekDays: string[];
-    months: {
-        month: number;
-        year: number;
-        dates: {
-            day: number;
-            month: number;
-            year: number;
-            otherMonth: boolean;
-            today: boolean;
-            selectable: boolean;
-        }[][];
-        weekNumbers: number[];
-    }[];
-    getIndexedMonth: (index?: number) => {
-        month: number;
-        year: number;
-        dates: {
-            day: number;
-            month: number;
-            year: number;
-            otherMonth: boolean;
-            today: boolean;
-            selectable: boolean;
-        }[][];
-        weekNumbers: number[];
-    };
-    getYear: () => number;
-    getMonthName: (index?: number) => string;
-    onPrevButtonClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onNextButtonClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    monthPickerValues: {
-        value: string;
-        selectable: boolean;
-    }[];
-    yearPickerValues: {
-        value: number;
-        selectable: boolean;
-    }[];
-    switchToMonthView: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    switchToYearView: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onDateSelect: (event: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLSpanElement> | null, dateMeta: useDatePickerDateMeta) => void;
-    onMonthSelect: (event: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLSpanElement>, index: number) => void;
-    onYearSelect: (event: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLSpanElement>, year: {
-        value: number;
-    }) => void;
-    onDateCellKeydown: (event: React.KeyboardEvent<HTMLSpanElement>, date: useDatePickerDateMeta, groupIndex: number) => void;
-    onMonthCellKeydown: (event: React.KeyboardEvent<HTMLSpanElement>, index: number) => void;
-    onYearCellKeydown: (event: React.KeyboardEvent<HTMLSpanElement>, year: {
-        value: number;
-    }) => void;
-    onButtonClick: () => void;
-    switchViewButtonDisabled: boolean;
-    formattedCurrentHour: string | number;
-    formattedCurrentMinute: string | number;
-    formattedCurrentSecond: string | number;
-    ampmLabel: string;
-    onTimePickerElementMouseDown: (event: React.MouseEvent<HTMLButtonElement>, type: number, direction: number) => void;
-    onTimePickerElementMouseUp: (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    onTimePickerElementMouseLeave: () => void;
-    onContainerButtonKeydown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
-    onTimePickerElementKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>, type: number, direction: number) => void;
-    onTimePickerElementKeyUp: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
-    toggleAMPM: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onTodayButtonClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onClearButtonClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onClearClick: () => void;
-    onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onInputClick: () => void;
-    onInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onInputFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onInputBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onOverlayEnter: () => void;
-    changeVisibleState: (isVisible: boolean) => void;
-    isRangeSelection: () => boolean;
-    isSelected: (dateMeta: useDatePickerDateMeta) => boolean;
-    parseValue: (text: string) => useDatePickerProps["value"];
-    isDateEquals: (value: Date | string | null | undefined, dateMeta: useDatePickerDateMeta) => boolean;
-    isMonthSelected: (month: number) => boolean;
-    isYearSelected: (year: number) => boolean;
-    isInHoverRange: (dateMeta: useDatePickerDateMeta) => boolean;
-    onDateCellMouseEnter: (dateMeta: useDatePickerDateMeta) => void;
-}>;
+import type { UseDatePickerExposes, UseDatePickerProps } from '@primereact/types/headless/datepicker';
+export declare const useDatePicker: (inProps?: UseDatePickerProps | undefined) => import("@primereact/types/core").HeadlessInstance<UseDatePickerProps, UseDatePickerProps, UseDatePickerExposes & Record<PropertyKey, unknown>>;

package/datepicker/useDatePicker.props.d.ts

@@ -1,2 +1,2 @@
-import type { useDatePickerProps } from '@primereact/types/shared/datepicker';
-export declare const defaultProps: useDatePickerProps;
+import type { UseDatePickerProps } from '@primereact/types/headless/datepicker';
+export declare const defaultProps: UseDatePickerProps;

package/dialog/index.d.ts

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

package/dialog/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as ke}from"@primereact/core/headless";import{useEventListener as y,useMountEffect as he,useUnmountEffect as Te,useUpdateEffect as j}from"@primereact/hooks";import{$dt as U}from"@primeuix/styled";import{addClass as we,addStyle as G,blockBodyScroll as He,focus as N,getOuterHeight as Ce,getOuterWidth as Ie,getViewport as Be,unblockBodyScroll as Pe,ZIndex as L}from"@primeuix/utils";import*as a from"react";var F={open:!1,defaultOpen:!1,draggable:!0,keepInViewport:!0,minX:0,minY:0,modal:void 0,dismissableMask:!1,closeOnEscape:!0,blockScroll:!1,baseZIndex:0,autoZIndex:!0,appendTo:"body",onOpenChange:void 0};var Ke=ke({name:"useDialog",defaultProps:F,setup:({props:e,$primereact:q})=>{var O,k,h,T;let[R,v]=a.useState((k=(O=e.open)!=null?O:e.defaultOpen)!=null?k:!1),[W,$]=a.useState(!1),[u,o]=a.useState((T=(h=e.open)!=null?h:e.defaultOpen)!=null?T:!1),l=a.useRef(null),n=a.useRef(null),b=a.useRef(null),E=a.useRef(null),x=a.useRef(null),M=a.useRef(null),s=a.useRef(null),i=a.useRef(null),m=a.useRef(!1),S={opened:R,maximized:W,maskVisible:u};he(()=>{(e.open||e.defaultOpen)&&o(!0)}),j(()=>{(e.open||e.defaultOpen&&!u)&&o(!0)},[e.open,e.defaultOpen]),j(()=>{u&&!R&&v(!0)},[u]),Te(()=>{o(!1),e.autoZIndex&&L.clear(l.current)});let D=()=>{var t;v(!1),(t=e==null?void 0:e.onOpenChange)==null||t.call(e,{value:!1})},J=()=>$(t=>!t),Q=()=>{var r;let t=!R;t&&!u&&o(!0),(r=e==null?void 0:e.onOpenChange)==null||r.call(e,{value:t})},_=()=>{var t;(t=e==null?void 0:e.onOpenChange)==null||t.call(e,{value:S.opened})},p=()=>{var t,r,c;M.current=document.activeElement,oe(),be(),e.autoZIndex&&L.set("modal",l.current,e.baseZIndex+((c=(r=(t=q.config)==null?void 0:t.zIndex)==null?void 0:r.modal)!=null?c:1100))},ee=()=>{ae()},te=()=>{e.modal&&we(l.current,"p-overlay-mask-leave")},ne=()=>{N(M.current),M.current=null},re=()=>{e.autoZIndex&&L.clear(l.current),se(),Ee(),o(!1)},ae=()=>{var r,c;let t=ce((c=(r=n.current)==null?void 0:r.elementRef.current)!=null?c:null);t||(b.current?t=b.current.elementRef.current:E.current&&(t=E.current.elementRef.current)),t&&N(t)},ce=t=>t&&t.querySelector("[autoFocus]"),le=t=>{x.current=t.target},ue=()=>{e.dismissableMask&&e.modal&&l.current===x.current&&D()},oe=()=>{e.blockScroll&&He({variableName:U("scrollbar.width").name})},se=()=>{e.blockScroll&&Pe({variableName:U("scrollbar.width").name})},[ie,fe]=y({type:"mousemove",listener:t=>De(t)}),[me,de]=y({type:"mouseup",listener:()=>ye()}),[ge,Re]=y({type:"keydown",listener:t=>Le(t)}),be=()=>{e.draggable&&(ie(),me()),e.closeOnEscape&&ge()},Ee=()=>{fe(),de(),Re()},Me=t=>{var r,c,f;(r=n.current)!=null&&r.elementRef.current&&((c=t.target.closest("div"))==null?void 0:c.getAttribute("data-pc-section"))!=="headeractions"&&e.draggable&&(m.current=!0,s.current=t.pageX,i.current=t.pageY,(f=n.current)!=null&&f.elementRef.current&&(n.current.elementRef.current.style.margin="0"),document.body.setAttribute("data-p-unselectable-text","true"),G(document.body,{"user-select":"none"}))},De=t=>{var r,c,f,w,H,C,I,B,P,X,Y;if(m.current){if(!((r=n.current)!=null&&r.elementRef.current)||s.current===null||i.current===null)return;let ve=Ie((c=n.current)==null?void 0:c.elementRef.current),xe=Ce((f=n.current)==null?void 0:f.elementRef.current),Se=t.pageX-s.current,Oe=t.pageY-i.current,Z=(w=n.current)==null?void 0:w.elementRef.current.getBoundingClientRect(),d=Z.left+Se,g=Z.top+Oe,z=Be(),V=getComputedStyle((H=n.current)==null?void 0:H.elementRef.current),A=parseFloat(V.marginLeft),K=parseFloat(V.marginTop);n.current&&n.current.elementRef.current&&(n.current.elementRef.current.style.position="fixed"),e.keepInViewport?(d>=((C=e.minX)!=null?C:0)&&d+ve<z.width&&(s.current=t.pageX,(I=n.current)!=null&&I.elementRef.current&&(n.current.elementRef.current.style.left=d-A+"px")),g>=((B=e.minY)!=null?B:0)&&g+xe<z.height&&(i.current=t.pageY,(P=n.current)!=null&&P.elementRef.current&&(n.current.elementRef.current.style.top=g-K+"px"))):(s.current=t.pageX,(X=n.current)!=null&&X.elementRef.current&&(n.current.elementRef.current.style.left=d-A+"px"),i.current=t.pageY,(Y=n.current)!=null&&Y.elementRef.current&&(n.current.elementRef.current.style.top=g-K+"px"))}},ye=()=>{m.current&&(m.current=!1,document.body.removeAttribute("data-p-unselectable-text"),G(document.body,{"user-select":""}))},Le=t=>{t.code==="Escape"&&e.closeOnEscape&&D()};return{state:S,maskRef:l,motionRef:n,maximizableButtonRef:b,closeButtonRef:E,onOpenStateChange:Q,onOpenChange:_,close:D,toggleMaximized:J,onMaskMouseDown:le,onMaskMouseUp:ue,onDragStart:Me,onMotionEnter:p,onMotionAfterEnter:ee,onMotionBeforeLeave:te,onMotionLeave:ne,onMotionAfterLeave:re}}});export{F as defaultProps,Ke as useDialog};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as Pe}from"@primereact/core/headless";import{useFocusTrap as xe}from"@primereact/headless/focustrap";import{useControlledState as ke}from"@primereact/hooks/use-controlled-state";import{$dt as V}from"@primeuix/styled";import{blockBodyScroll as ye,focus as x,toElement as g,unblockBodyScroll as Ce}from"@primeuix/utils/dom";import{ZIndex as k}from"@primeuix/utils/zindex";import*as t from"react";var A={open:void 0,defaultOpen:void 0,draggable:!1,modal:!0,dismissable:!0,closeOnEscape:!0,blockScroll:!0,keepInViewport:!0,minX:0,minY:0,trapped:!0,baseZIndex:0,autoZIndex:!0,appendTo:"body",position:"center",fullScreen:!1,scrollBehavior:"inside",onOpenChange:void 0,onExitComplete:void 0};var ze=Pe({name:"useDialog",defaultProps:A,setup:({props:e,id:u,$primereact:L})=>{let[o,y]=ke({value:e.open,defaultValue:e.defaultOpen??!1,onChange:e.onOpenChange}),[d,H]=t.useState(e.fullScreen??!1),[F,K]=t.useState(null),[f,N]=t.useState(null),[i,_]=t.useState(null),s=t.useRef(null),C=t.useRef(null),T=t.useRef(null),R=t.useRef(null),b=t.useRef(null),E=t.useRef(null),v=t.useRef(null),S=xe({trapped:!!e.trapped,autoFocus:!1});t.useEffect(()=>{H(e.fullScreen??!1)},[e.fullScreen]);let D=t.useCallback(n=>{let a=g(n)??null;a!==s.current&&(s.current=a,S.containerRef.current=a,K(a))},[]),z=t.useCallback(n=>{let a=g(n)??null;a!==C.current&&(C.current=a,N(a))},[]),B=t.useCallback(n=>{let a=g(n)??null;a!==T.current&&(T.current=a,_(a))},[]),q=t.useCallback(n=>{let a=g(n)??null;a!==R.current&&(R.current=a)},[]),W=t.useCallback(n=>{let a=g(n)??null;a!==b.current&&(b.current=a)},[]);function I(){y([!o,{originalEvent:void 0,value:!o}])}function j(){y([!0,{originalEvent:void 0,value:!0}])}function m(){y([!1,{originalEvent:void 0,value:!1}])}function X(){H(n=>!n)}let G=t.useCallback(()=>{if(!s.current)return;let n=s.current.querySelector("[autoFocus]");n?x(n):b.current?x(b.current):R.current&&x(R.current)},[]),J=t.useCallback(()=>{e.onExitComplete?.()},[e.onExitComplete]);t.useEffect(()=>{o?E.current=document.activeElement:E.current&&(x(E.current),E.current=null)},[o]),t.useEffect(()=>{if(!o||!e.closeOnEscape)return;let n=a=>{a.key==="Escape"&&m()};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[o,e.closeOnEscape]);let Q=t.useCallback(n=>{v.current=n.target},[]),$=t.useCallback(()=>{e.dismissable&&T.current===v.current&&m(),v.current=null},[e.dismissable]),h=t.useRef(null),ee=t.useCallback(n=>{h.current=n.target},[]),te=t.useCallback(()=>{e.dismissable&&C.current===h.current&&m(),h.current=null},[e.dismissable]),r=t.useRef({dragging:!1,startX:0,startY:0,dx:0,dy:0}),ne=t.useCallback(n=>{if(!e.draggable||d||e.scrollBehavior==="outside")return;let a=n.target;if(a.closest('[data-part="close"]')||a.closest('[data-part="maximizable"]'))return;let l=s.current;l&&(r.current.dragging=!0,r.current.startX=n.clientX-r.current.dx,r.current.startY=n.clientY-r.current.dy,l.setPointerCapture(n.pointerId),l.setAttribute("data-dragging",""),l.style.setProperty("user-select","none"))},[e.draggable,d]),ae=t.useCallback(n=>{if(!r.current.dragging)return;let a=s.current;if(!a)return;let l=n.clientX-r.current.startX,p=n.clientY-r.current.startY;if(e.keepInViewport){let c=a.getBoundingClientRect(),Y=window.innerWidth,O=window.innerHeight,M=r.current.dx,w=r.current.dy,Z=c.left+(l-M),U=c.top+(p-w);Z<(e.minX??0)&&(l=M-(c.left-(e.minX??0))),U<(e.minY??0)&&(p=w-(c.top-(e.minY??0))),Z+c.width>Y&&(l=M+(Y-c.left-c.width)),U+c.height>O&&(p=w+(O-c.top-c.height))}r.current.dx=l,r.current.dy=p,a.style.setProperty("--px-drag-x",l+"px"),a.style.setProperty("--px-drag-y",p+"px")},[e.keepInViewport,e.minX,e.minY]),oe=t.useCallback(()=>{r.current.dragging&&(r.current.dragging=!1,s.current?.removeAttribute("data-dragging"),s.current?.style.removeProperty("user-select"))},[]);t.useEffect(()=>{o||(r.current={dragging:!1,startX:0,startY:0,dx:0,dy:0})},[o]),t.useEffect(()=>{if(!(!o||!e.blockScroll))return ye({variableName:V("scrollbar.width").name}),()=>{Ce({variableName:V("scrollbar.width").name})}},[o,e.blockScroll]),t.useEffect(()=>{if(f){if(e.autoZIndex){let n=(e.baseZIndex??0)+(L.config?.zIndex?.modal??1100);i&&k.set("modal",i,n),k.set("modal",f,n)}return()=>{e.autoZIndex&&(i&&k.clear(i),k.clear(f))}}},[f,i,e.autoZIndex,e.baseZIndex,L.config?.zIndex?.modal]);let P=d?{"data-maximized":""}:{},re={id:u,"data-scope":"dialog","data-part":"root",...o?{"data-open":""}:{"data-closed":""},...P},le=e.modal!==!1?{"data-modal":""}:{},ce={"data-scope":"dialog","data-part":"positioner","data-position":e.position,"data-scroll-behavior":e.scrollBehavior,...o?{"data-open":""}:{"data-closed":""},...P,...le,onPointerDown:ee,onPointerUp:te,ref:z},se={type:"button","data-scope":"dialog","data-part":"trigger","aria-haspopup":"dialog","aria-expanded":o,"aria-controls":u,...o?{"data-popup-open":""}:{},onClick:I},ie={"data-scope":"dialog","data-part":"portal"},ue={"data-scope":"dialog","data-part":"backdrop",...o?{"data-open":""}:{"data-closed":""},onPointerDown:Q,onPointerUp:$,ref:B},de={id:u,role:"dialog","aria-labelledby":u+"_header","data-scope":"dialog","data-part":"popup","data-position":e.position,...o?{"data-open":""}:{"data-closed":""},...P,...e.draggable?{"data-draggable":""}:{},onPointerMove:ae,onPointerUp:oe,ref:D},fe={"data-scope":"dialog","data-part":"header",id:u+"_header",...e.draggable?{style:{cursor:"move"}}:{},onPointerDown:ne},me={"data-scope":"dialog","data-part":"header-actions"},pe={"data-scope":"dialog","data-part":"title"},ge={"data-scope":"dialog","data-part":"maximizable",...d?{"data-maximized":""}:{"data-minimized":""},ref:W,onClick:X},Re={"data-scope":"dialog","data-part":"close",ref:q,onClick:m},be={"data-scope":"dialog","data-part":"content",...P},Ee={"data-scope":"dialog","data-part":"footer"};return{state:{open:o,maximized:d,trapped:!!e.trapped,popupElement:F,positionerElement:f,backdropElement:i},focusTrap:S,setPopupRef:D,setPositionerRef:z,setBackdropRef:B,rootProps:re,positionerProps:ce,triggerProps:se,portalProps:ie,backdropProps:ue,popupProps:de,headerProps:fe,headerActionsProps:me,titleProps:pe,maximizableProps:ge,closeProps:Re,contentProps:be,footerProps:Ee,toggle:I,open:j,close:m,toggleMaximized:X,onOpenComplete:G,onCloseComplete:J}}});export{A as defaultProps,ze as useDialog};

package/dialog/useDialog.d.ts

@@ -1,30 +1,280 @@
 import * as React from 'react';
-export declare const useDialog: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/dialog").useDialogProps, unknown, {
+export declare const useDialog: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/dialog").UseDialogProps, unknown, {
     state: {
-        opened: boolean;
+        open: boolean | undefined;
         maximized: boolean;
-        maskVisible: boolean;
-    };
-    maskRef: React.RefObject<HTMLDivElement | null>;
-    motionRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLDivElement>;
-    } | null>;
-    maximizableButtonRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLButtonElement>;
-    } | null>;
-    closeButtonRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLButtonElement>;
-    } | null>;
-    onOpenStateChange: () => void;
-    onOpenChange: () => void;
+        trapped: boolean;
+        popupElement: HTMLElement | null;
+        positionerElement: HTMLElement | null;
+        backdropElement: HTMLElement | null;
+    };
+    focusTrap: import("@primereact/types/core").HeadlessInstance<import("@primereact/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;
+        };
+    }>;
+    setPopupRef: (node: HTMLElement | null) => void;
+    setPositionerRef: (node: HTMLElement | null) => void;
+    setBackdropRef: (node: HTMLElement | null) => void;
+    rootProps: {
+        'data-maximized': "";
+        'data-open': "";
+        id: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        'data-maximized'?: undefined;
+        'data-open': "";
+        id: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        'data-maximized': "";
+        'data-closed': "";
+        id: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        'data-maximized'?: undefined;
+        'data-closed': "";
+        id: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    positionerProps: {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal': "";
+        'data-maximized': "";
+        'data-open': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "center" | "top" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal'?: undefined;
+        'data-maximized': "";
+        'data-open': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "center" | "top" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal': "";
+        'data-maximized'?: undefined;
+        'data-open': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "center" | "top" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal'?: undefined;
+        'data-maximized'?: undefined;
+        'data-open': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "center" | "top" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal': "";
+        'data-maximized': "";
+        'data-closed': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "center" | "top" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal'?: undefined;
+        'data-maximized': "";
+        'data-closed': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "center" | "top" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal': "";
+        'data-maximized'?: undefined;
+        'data-closed': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "center" | "top" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-modal'?: undefined;
+        'data-maximized'?: undefined;
+        'data-closed': "";
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "center" | "top" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+        'data-scroll-behavior': "inside" | "outside" | undefined;
+    };
+    triggerProps: {
+        onClick: () => void;
+        'data-popup-open'?: "" | undefined;
+        type: "button";
+        'data-scope': string;
+        'data-part': string;
+        'aria-haspopup': "dialog";
+        'aria-expanded': boolean | undefined;
+        'aria-controls': string | undefined;
+    };
+    portalProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+    backdropProps: {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-open': "";
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        onPointerDown: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-closed': "";
+        'data-scope': string;
+        'data-part': string;
+    };
+    popupProps: {
+        onPointerMove: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-draggable'?: "" | undefined;
+        'data-maximized': "";
+        'data-open': "";
+        id: string | undefined;
+        role: "dialog";
+        'aria-labelledby': string;
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "center" | "top" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+    } | {
+        onPointerMove: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-draggable'?: "" | undefined;
+        'data-maximized'?: undefined;
+        'data-open': "";
+        id: string | undefined;
+        role: "dialog";
+        'aria-labelledby': string;
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "center" | "top" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+    } | {
+        onPointerMove: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-draggable'?: "" | undefined;
+        'data-maximized': "";
+        'data-closed': "";
+        id: string | undefined;
+        role: "dialog";
+        'aria-labelledby': string;
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "center" | "top" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+    } | {
+        onPointerMove: (event: React.PointerEvent) => void;
+        onPointerUp: () => void;
+        ref: (node: HTMLElement | null) => void;
+        'data-draggable'?: "" | undefined;
+        'data-maximized'?: undefined;
+        'data-closed': "";
+        id: string | undefined;
+        role: "dialog";
+        'aria-labelledby': string;
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "center" | "top" | "left" | "right" | "bottom" | "topleft" | "topright" | "bottomleft" | "bottomright" | undefined;
+    };
+    headerProps: {
+        onPointerDown: (event: React.PointerEvent) => void;
+        style?: React.CSSProperties | undefined;
+        'data-scope': string;
+        'data-part': string;
+        id: string;
+    };
+    headerActionsProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+    titleProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+    maximizableProps: {
+        ref: (node: HTMLElement | null) => void;
+        onClick: () => void;
+        'data-maximized': "";
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        ref: (node: HTMLElement | null) => void;
+        onClick: () => void;
+        'data-minimized': "";
+        'data-scope': string;
+        'data-part': string;
+    };
+    closeProps: {
+        'data-scope': string;
+        'data-part': string;
+        ref: (node: HTMLElement | null) => void;
+        onClick: () => void;
+    };
+    contentProps: {
+        'data-maximized': "";
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        'data-maximized'?: undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    footerProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+    toggle: () => void;
+    open: () => void;
     close: () => void;
     toggleMaximized: () => void;
-    onMaskMouseDown: (event: React.MouseEvent) => void;
-    onMaskMouseUp: () => void;
-    onDragStart: (event: React.MouseEvent) => void;
-    onMotionEnter: () => void;
-    onMotionAfterEnter: () => void;
-    onMotionBeforeLeave: () => void;
-    onMotionLeave: () => void;
-    onMotionAfterLeave: () => void;
+    onOpenComplete: () => void;
+    onCloseComplete: () => void;
 }>;

package/dialog/useDialog.props.d.ts

@@ -1,2 +1,2 @@
-import type { useDialogProps } from '@primereact/types/shared/dialog';
-export declare const defaultProps: useDialogProps;
+import type { UseDialogProps } from '@primereact/types/headless/dialog';
+export declare const defaultProps: UseDialogProps;

package/divider/index.d.ts

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

package/divider/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as e}from"@primereact/core/headless";var r={};var p=e({name:"useDivider",defaultProps:r});export{r as defaultProps,p as useDivider};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as r}from"@primereact/core/headless";var e={};var d=r({name:"useDivider",defaultProps:e,setup({props:t}){return{rootProps:{"data-scope":"divider","data-part":"root",role:"separator","aria-orientation":t.orientation,"data-orientation":t.orientation,"data-align":t.align},contentProps:{"data-scope":"divider","data-part":"content"}}}});export{e as defaultProps,d as useDivider};

package/divider/useDivider.d.ts

@@ -1 +1,14 @@
-export declare const useDivider: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/divider").useDividerProps, unknown, Record<PropertyKey, unknown>>;
+export declare const useDivider: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/divider").UseDividerProps, unknown, {
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+        role: "separator";
+        'aria-orientation': "horizontal" | "vertical" | undefined;
+        'data-orientation': "horizontal" | "vertical" | undefined;
+        'data-align': "center" | "top" | "left" | "right" | "bottom" | undefined;
+    };
+    contentProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/divider/useDivider.props.d.ts

@@ -1,2 +1,2 @@
-import type { useDividerProps } from '@primereact/types/shared/divider';
-export declare const defaultProps: useDividerProps;
+import type { UseDividerProps } from '@primereact/types/headless/divider';
+export declare const defaultProps: UseDividerProps;

package/dnd/index.d.ts

@@ -0,0 +1,11 @@
+export * from './useDnd';
+export { defaultProps as defaultDndProps } from './useDnd.props';
+export * from './useDraggable';
+export { defaultProps as defaultDraggableProps } from './useDraggable.props';
+export * from './useDroppable';
+export { defaultProps as defaultDroppableProps } from './useDroppable.props';
+export * from './useSortable';
+export { defaultProps as defaultSortableProps } from './useSortable.props';
+export * from './useSortableContainer';
+export { defaultProps as defaultSortableContainerProps } from './useSortableContainer.props';
+export type * from '@primereact/types/headless/dnd';

package/dnd/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as pe}from"@primereact/core/headless";import*as T from"react";var J={onSort:void 0,onTransfer:void 0};var Q={dragging:!1,activeContainerId:null,currentContainerId:null,fromIndex:-1,projectedIndex:-1};function ge(n){let t=new Map,o={...Q},s=new Set,p=()=>{for(let u of s)u()};return{uid:n,containers:t,getState(){return o},subscribe(u){return s.add(u),()=>{s.delete(u)}},setState(u){o={...o,...u},p()},onSort:void 0,onTransfer:void 0}}var be=()=>()=>{},Te=pe({name:"useDnd",defaultProps:J,setup({props:n}){let t=T.useId(),o=T.useRef(null);o.current||(o.current=ge(t));let s=o.current;s.onSort=n.onSort,s.onTransfer=n.onTransfer;let p=T.useCallback(y=>s.subscribe(y),[s]),u=T.useCallback(()=>s.getState(),[s]),h={dragging:T.useSyncExternalStore(s?p:be,s?u:()=>Q,()=>Q).dragging},c={"data-scope":"dnd","data-part":"root",...h.dragging?{"data-dragging":""}:void 0};return{state:h,dnd:s,rootProps:c}}});import{withHeadless as he}from"@primereact/core/headless";import*as R from"react";var V={dnd:void 0,id:void 0,disabled:!1,scope:void 0,data:void 0,sensor:"both",pointerOptions:void 0,keyboardOptions:void 0};var ye=()=>()=>{},ke=he({name:"useDraggable",defaultProps:V,setup({props:n,elementRef:t}){let o=n.dnd,s=n.id,p=R.useRef(n.data??{});R.useEffect(()=>{p.current=n.data??{}},[n.data]),R.useEffect(()=>{if(!o||s==null)return;let y=t?.current??null;return o.registerDraggable({id:s,node:y,disabled:n.disabled,scope:n.scope,get data(){return p.current}})},[o,s,n.disabled,n.scope,t]),R.useEffect(()=>{if(!o||s==null||n.disabled)return;let y=t?.current;if(!y)return;let M=[];return n.sensor!=="keyboard"&&M.push(o.attachPointerSensor(y,s,n.pointerOptions)),n.sensor!=="pointer"&&M.push(o.attachKeyboardSensor(y,s,n.keyboardOptions)),()=>{for(let z of M)z()}},[o,s,n.disabled,n.sensor,n.pointerOptions,n.keyboardOptions,t]);let u=R.useCallback(y=>o?o.subscribe(y):()=>{},[o]),C=R.useSyncExternalStore(o?u:ye,()=>o?o.getState().operation?.activeId===s:!1,()=>!1),h={isDragging:C},c=R.useMemo(()=>({"data-scope":"dnd","data-part":"draggable",...C?{"data-dragging":""}:void 0,...n.disabled?{"data-disabled":""}:void 0,tabIndex:n.disabled?-1:0,role:"button","aria-roledescription":"draggable"}),[C,n.disabled]);return{state:h,rootProps:c}}});import{withHeadless as Ie}from"@primereact/core/headless";import*as $ from"react";var W={dnd:void 0,id:void 0,disabled:!1,accept:void 0,data:void 0,canDrop:void 0};var xe=()=>()=>{},Ue=Ie({name:"useDroppable",defaultProps:W,setup({props:n,elementRef:t}){let o=n.dnd,s=n.id;$.useEffect(()=>{if(!o||s==null)return;let c=t?.current??null;return o.registerDroppable({id:s,node:c,disabled:n.disabled,accept:n.accept,data:n.data,canDrop:n.canDrop})},[o,s,n.disabled,n.accept,n.data,n.canDrop,t]);let p=$.useCallback(c=>o?o.subscribe(c):()=>{},[o]),u=$.useSyncExternalStore(o?p:xe,()=>{if(!o||s==null)return!1;let c=o.getState().collisions;return c.length>0&&c[0].id===s},()=>!1),C={isOver:u},h=$.useMemo(()=>({"data-scope":"dnd","data-part":"droppable",...u?{"data-over":""}:void 0,...n.disabled?{"data-disabled":""}:void 0}),[u,n.disabled]);return{state:C,rootProps:h}}});import{withHeadless as Se}from"@primereact/core/headless";import*as N from"react";var Z={dnd:void 0,id:void 0,index:void 0,disabled:!1};var Re=()=>()=>{},Xe=Se({name:"useSortable",defaultProps:Z,setup({props:n}){let t=n.dnd,o=n.id,s=N.useCallback(h=>t?t.subscribe(h):()=>{},[t]),p=N.useSyncExternalStore(t?s:Re,()=>{if(!t||o==null)return!1;let h=t.getState();return h.dragging&&h.fromIndex===n.index},()=>!1),u={isDragging:p},C=N.useMemo(()=>({"data-scope":"dnd","data-part":"sortable",...p?{"data-dragging":""}:void 0,...n.disabled?{"data-disabled":""}:void 0}),[p,n.disabled]);return{state:u,rootProps:C}}});import{withHeadless as Ce}from"@primereact/core/headless";import*as x from"react";import{flushSync as Ee}from"react-dom";var ee={dnd:void 0,id:void 0,items:void 0,disabled:!1,placeholder:"empty",onSort:void 0};var A=n=>Array.from(n.querySelectorAll(":scope > [data-sortable-item]")),Je=Ce({name:"useSortableContainer",defaultProps:ee,setup({props:n}){let t=n.dnd,o=n.id,s=n.items??[],p=n.disabled??!1,u=n.placeholder??"clone",C=n.onSort,h=t?`${t.uid}_${o}`:String(o),c=x.useRef(null);x.useEffect(()=>{if(!(!t||o==null))return t.containers.set(o,{listRef:c,items:s}),()=>{t.containers.delete(o)}},[t,o]);let y=x.useRef(s);y.current=s,x.useEffect(()=>{if(t&&o!=null){let f=t.containers.get(o);f&&(f.items=s)}},[t,o,s]);let[M,z]=x.useState(!1),q=x.useRef(0),L=x.useRef(null),se=(f,i,r,B,Y,X,_)=>{let O=X+_,H=A(f);for(let E=0;E<H.length;E++){let w=E<i?E:E+1,k=0;i<r?w>i&&w<=r&&(k=-O):i>r&&w>=r&&w<i&&(k=O),H[E].style.transform=k?`translateY(${k}px)`:""}Y.style.transform=r!==i?`translateY(${(r-i)*O}px)`:""},ie=f=>{if(f)for(let i of A(f))i.style.transform=""},ae=f=>{let i=A(f);return i.length>1?i[1].getBoundingClientRect().top-i[0].getBoundingClientRect().bottom:4},de=(f,i)=>{let r=f.cloneNode(!0);return r.setAttribute("inert","true"),r.removeAttribute("data-sortable-item"),r.removeAttribute("data-sortable-container"),r.style.position="fixed",r.style.zIndex="9999",r.style.pointerEvents="none",r.style.width=`${i.width}px`,r.style.height=`${i.height}px`,r.style.left=`${i.left}px`,r.style.top=`${i.top}px`,r.style.margin="0",r.style.transform="translate(0px, 0px)",r.style.transition="none",r.style.opacity="0.9",r.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(r),r},le=()=>{if(t){for(let[f,i]of t.containers)if(!i.listRef.current||!i.listRef.current.isConnected){let r=`${t.uid}_${f}`,B=document.querySelector(`[data-sortable-list="${r}"]`);B&&(i.listRef.current=B)}}},ce=f=>p?{"data-sortable-item":"","data-sortable-container":String(o)}:{"data-sortable-item":"","data-sortable-container":String(o),onPointerDown:i=>{if(i.button!==0||p)return;let r=i.currentTarget,B=r.parentElement;if(B&&(c.current=B,t&&o!=null)){let e=t.containers.get(o);e&&(e.listRef.current=B)}le();let Y=r.getBoundingClientRect(),X=i.clientX,_=i.clientY,O=!1,H=o,E=t?t.containers.size>1:!1,w=new Map;if(t)for(let[e,g]of t.containers)w.set(e,[...g.items]);else w.set(o,[...y.current]);let k=X,U=_,te=()=>{let e=L.current;if(!e)return;let g=e.originContainerId;if(E&&t)for(let[l,S]of t.containers){if(!S.listRef.current||!S.listRef.current.isConnected){let re=`${t.uid}_${l}`,G=document.querySelector(`[data-sortable-list="${re}"]`);G&&(S.listRef.current=G)}let P=S.listRef.current?.getBoundingClientRect();if(P&&k>=P.left&&k<=P.right&&U>=P.top&&U<=P.bottom){g=l;break}}let m=E&&t?t.containers.get(g)?.listRef.current:c.current;if(!m)return;let v=((E&&t?t.containers.get(e.originContainerId)?.listRef.current:c.current)?.scrollTop??0)-e.startScrollTop,F=U-e.startY,d=e.itemHeight+e.gap,b=e.itemsAtStart.get(g)??[],a;if(g===e.originContainerId)a=e.fromIndex+Math.round((F+v)/d),a=Math.max(0,Math.min(b.length-1,a));else{let l=m.getBoundingClientRect(),S=parseFloat(getComputedStyle(m).paddingTop)||0,P=U-l.top-S;a=Math.round(P/d),a=Math.max(0,Math.min(b.length,a))}let I=g!==e.currentContainerId;if(I||a!==e.projectedIndex){if(I&&t){let l=t.containers.get(e.currentContainerId)?.listRef.current;l&&ie(l)}if(e.currentContainerId=g,e.projectedIndex=a,t&&t.setState({currentContainerId:g,projectedIndex:a}),g===e.originContainerId)I&&e.node.parentElement?.insertBefore(e.clone,e.node),e.clone.style.height=`${e.itemHeight}px`,e.clone.style.overflow="",se(m,e.fromIndex,a,e.node,e.clone,e.itemHeight,e.gap);else{let l=A(m),S=l.length>=2?l[1].getBoundingClientRect().top-l[0].getBoundingClientRect().top:e.itemHeight+e.gap;I&&(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",m.style.position="");let P=m.getBoundingClientRect(),re=m.scrollTop,G=parseFloat(getComputedStyle(m).paddingTop)||0,K;if(l.length===0)K=P.top+G;else if(a<l.length)K=l[a].getBoundingClientRect().top;else{let j=l[l.length-1];K=j.getBoundingClientRect().bottom+(S-j.getBoundingClientRect().height)}e.clone.style.top=`${K}px`,e.clone.style.left=`${P.left}px`,e.clone.style.width=`${P.width}px`,e.clone.style.transform="";for(let j=0;j<l.length;j++)l[j].style.transform=j>=a?`translateY(${S}px)`:""}}return m},ne=e=>{let g=Math.sqrt((e.clientX-X)**2+(e.clientY-_)**2);if(!O&&g<5)return;if(!O){O=!0;let v=c.current,F=v?ae(v):4,d;u==="empty"?d=document.createElement(r.tagName):d=r.cloneNode(!0),d.setAttribute("inert","true"),d.setAttribute("data-sortable-placeholder",""),d.removeAttribute("data-sortable-item"),d.removeAttribute("data-sortable-container"),d.style.width=`${Y.width}px`,d.style.height=`${Y.height}px`,d.style.flexShrink="0",d.style.transition="transform 200ms ease, opacity 150ms ease",d.style.opacity="0",r.parentElement?.insertBefore(d,r),requestAnimationFrame(()=>{d.style.opacity="1"}),c.current?.blur();let b=de(r,Y);r.setAttribute("data-dragging",""),r.removeAttribute("data-sortable-item"),r.style.position="absolute",r.style.visibility="hidden",r.style.pointerEvents="none";let a=r.parentElement;if(a)for(let I of A(a))I!==r&&(I.style.pointerEvents="none",I.style.transition="transform 200ms ease");if(t){for(let[I,l]of t.containers)if(I!==H&&l.listRef.current)for(let S of A(l.listRef.current))S.style.pointerEvents="none",S.style.transition="transform 200ms ease"}L.current={startX:X,startY:_,startScrollTop:v?.scrollTop??0,node:r,ghost:b,clone:d,itemHeight:Y.height,gap:F,fromIndex:f,projectedIndex:f,originContainerId:H,currentContainerId:H,itemsAtStart:w},z(!0),t&&t.setState({dragging:!0,activeContainerId:H,currentContainerId:H,fromIndex:f,projectedIndex:f})}let m=L.current;if(!m)return;k=e.clientX,U=e.clientY,m.ghost.style.transform=`translate(${e.clientX-m.startX}px, ${e.clientY-m.startY}px)`;let D=te();if(cancelAnimationFrame(q.current),D){let d=()=>{let b=D.getBoundingClientRect(),a=U-b.top,I=b.bottom-U,l=!1;a>0&&a<40?(D.scrollTop-=8,l=!0):I>0&&I<40&&(D.scrollTop+=8,l=!0),l&&(L.current&&(L.current.projectedIndex=-1),te(),q.current=requestAnimationFrame(d))};d()}},oe=()=>{document.removeEventListener("pointermove",ne),document.removeEventListener("pointerup",oe),cancelAnimationFrame(q.current);let e=L.current;if(!e)return;let g=e.currentContainerId!==e.originContainerId,m=!1,D=()=>{if(m)return;m=!0,e.ghost.removeEventListener("transitionend",D),cancelAnimationFrame(q.current),e.ghost.remove(),e.clone.remove();let v=[];if(t&&t.containers.size>1)for(let[,b]of t.containers)b.listRef.current&&v.push(b.listRef.current);else c.current&&v.push(c.current);e.node.style.position="",e.node.removeAttribute("data-dragging"),e.node.setAttribute("data-sortable-item","");for(let b of v)for(let a of A(b))a.style.transition="none",a.style.transform="",a.style.pointerEvents="";Ee(()=>{g?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}):C&&C({containerId:e.originContainerId,fromIndex:e.fromIndex,toIndex:e.projectedIndex}))});for(let b of v){b.offsetHeight;for(let a of A(b))a.style.transition="",a.style.visibility="",a.style.pointerEvents=""}L.current=null,z(!1),t&&t.setState({dragging:!1,activeContainerId:null,currentContainerId:null,fromIndex:-1,projectedIndex:-1});let F=g?e.currentContainerId:e.originContainerId,d=E&&t?t.containers.get(F)?.listRef.current:c.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",D,{once:!0}),setTimeout(()=>{L.current===e&&D()},200)};document.addEventListener("pointermove",ne),document.addEventListener("pointerup",oe)}},ue={dragging:M},fe=x.useMemo(()=>({"data-scope":"dnd","data-part":"sortable-container",...M?{"data-active":""}:void 0,...p?{"data-disabled":""}:void 0}),[M,p]),me=x.useMemo(()=>({"data-sortable-list":h}),[h]);return{state:ue,getItemDndProps:ce,listProps:me,rootProps:fe}}});export{J as defaultDndProps,V as defaultDraggableProps,W as defaultDroppableProps,ee as defaultSortableContainerProps,Z as defaultSortableProps,Te as useDnd,ke as useDraggable,Ue as useDroppable,Xe as useSortable,Je as useSortableContainer};

package/dnd/useDnd.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+export interface DndContainerInfo {
+    listRef: React.RefObject<HTMLElement | null>;
+    items: unknown[];
+}
+export interface DndCoordinatorState {
+    dragging: boolean;
+    activeContainerId: unknown | null;
+    currentContainerId: unknown | null;
+    fromIndex: number;
+    projectedIndex: number;
+}
+export interface DndCoordinator {
+    uid: string;
+    containers: Map<unknown, DndContainerInfo>;
+    getState(): DndCoordinatorState;
+    subscribe(fn: () => void): () => void;
+    setState(update: Partial<DndCoordinatorState>): void;
+    onSort?: (event: {
+        containerId: unknown;
+        fromIndex: number;
+        toIndex: number;
+    }) => void;
+    onTransfer?: (event: {
+        from: {
+            containerId: unknown;
+            index: number;
+        };
+        to: {
+            containerId: unknown;
+            index: number;
+        };
+    }) => void;
+}
+export declare const useDnd: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/dnd").UseDndProps, unknown, {
+    state: {
+        dragging: boolean;
+    };
+    dnd: DndCoordinator;
+    rootProps: {
+        'data-dragging'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/dnd/useDnd.props.d.ts

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

package/dnd/useDraggable.d.ts

@@ -0,0 +1,14 @@
+export declare const useDraggable: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/dnd").UseDraggableProps, unknown, {
+    state: {
+        isDragging: boolean;
+    };
+    rootProps: {
+        tabIndex: number;
+        role: string;
+        'aria-roledescription': string;
+        'data-disabled'?: string | undefined;
+        'data-dragging'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/dnd/useDraggable.props.d.ts

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