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

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';

package/datatable/features/index.mjs

@@ -0,0 +1,10 @@
+import*as U from"react";var we=Object.freeze({});function Ke(e){let{reorderableColumns:t=!1}=e,a=U.useRef(-1),l=U.useRef(null),o=U.useRef(-1),s=U.useRef(0),r=U.useRef(null),n=U.useRef(null),T=U.useRef(null),h=U.useRef(new Map),E=U.useRef(-1),M=U.useRef(null),C=U.useCallback((R,b)=>(h.current.set(R,b),()=>{h.current.delete(R),E.current===R&&(E.current=-1,M.current=null)}),[]),m=U.useCallback((R,b)=>{let k=E.current,L=M.current;k===R&&L===b||(k!==-1&&k!==R&&h.current.get(k)?.(null),h.current.get(R)?.({side:b}),E.current=R,M.current=b)},[]),v=U.useCallback(()=>{let R=E.current;R!==-1&&(h.current.get(R)?.(null),E.current=-1,M.current=null)},[]),u=U.useCallback((R,b)=>{t&&(a.current=b,l.current=R.currentTarget,R.dataTransfer.effectAllowed="move",R.dataTransfer.setData("text/plain",String(b)))},[t]),c=U.useCallback((R,b)=>{if(!t||a.current===-1||a.current===b)return;R.preventDefault(),R.dataTransfer.dropEffect="move";let L=R.currentTarget.getBoundingClientRect(),A=R.clientX>L.left+L.width/2?"end":"start";s.current=A==="end"?1:-1,o.current=b,m(b,A);let N=r.current,z=n.current,w=T.current;if(N&&z&&w){let S=w.getBoundingClientRect(),O=N.offsetHeight,D=N.offsetWidth,P=L.left-S.left,W=A==="end"?P+L.width-Math.ceil(D/2):P-Math.ceil(D/2);N.style.top=L.top-S.top-O+1+"px",N.style.left=W+"px",z.style.top=L.top-S.top+L.height+"px",z.style.left=W+"px",N.style.display="block",z.style.display="block"}},[t,m]),f=U.useCallback((R,b)=>{!t||a.current===-1||(R.preventDefault(),o.current=b)},[t]),x=U.useCallback(()=>{r.current&&(r.current.style.display="none"),n.current&&(n.current.style.display="none")},[]),K=U.useCallback(R=>{},[t]),F=U.useCallback((R,b)=>{if(!t||a.current===-1)return;R.preventDefault();let k=a.current,L=b,A=s.current,N=k!==L;N&&(L-k===1&&A===-1||L-k===-1&&A===1)&&(N=!1),N&&(L<k&&A===1&&L++,L>k&&A===-1&&L--,e.onColumnReorder?.({originalEvent:R.nativeEvent,dragIndex:k,dropIndex:L})),x(),v(),a.current=-1,o.current=-1,s.current=0,l.current=null},[t,e.onColumnReorder,v,x]),i=U.useCallback(R=>{t&&(x(),v(),a.current=-1,o.current=-1,s.current=0,l.current=null)},[t,v,x]),p=U.useCallback(()=>({"data-scope":"datatable","data-part":"column-reorder",style:{cursor:"grab",userSelect:"none"}}),[]),d=U.useCallback(()=>({"data-scope":"datatable","data-part":"column-reorder-indicator-up",ref:R=>{r.current=R}}),[]),g=U.useCallback(()=>({"data-scope":"datatable","data-part":"column-reorder-indicator-down",ref:R=>{n.current=R}}),[]),y=U.useCallback(R=>{T.current=R},[]),I=U.useMemo(()=>({onDragStart:u,onDragOver:c,onDragEnter:f,onDragLeave:K,onDrop:F,onDragEnd:i,registerDropTarget:C,getColumnReorderHandleProps:p,getColumnReorderIndicatorUpProps:d,getColumnReorderIndicatorDownProps:g}),[u,c,f,K,F,i,C,p,d,g]);return{state:we,exposes:I,registerRoot:y}}import*as $ from"react";var Fe=Object.freeze({}),ee=15;function Oe(e){let{resizableColumns:t=!1,columnResizeMode:a="fit"}=e,l=$.useRef(null),o=$.useRef(null),s=$.useCallback(u=>{o.current=u},[]),r=$.useRef(null),n=$.useCallback((u,c)=>{if(typeof document>"u")return;if(!r.current){let K=document.createElement("style");K.setAttribute("data-primereact-datatable-resize",""),document.head.appendChild(K),r.current=K}let f=u.getAttribute("data-resize-id");f||(f=`dt-resize-${Math.random().toString(36).slice(2,9)}`,u.setAttribute("data-resize-id",f));let x=c.map((K,F)=>{let i=F+1,p=`table[data-resize-id="${f}"]`;return`
+                    ${p} > thead > tr > th:nth-child(${i}),
+                    ${p} > tbody > tr > td:nth-child(${i}),
+                    ${p} > tfoot > tr > td:nth-child(${i}) {
+                        width: ${K}px !important;
+                        max-width: ${K}px !important;
+                    }
+                `}).join(`
+`);r.current.innerHTML=x},[]);$.useEffect(()=>()=>{r.current?.remove(),r.current=null},[]);let T=$.useRef(a);T.current=a;let h=$.useRef(e.onColumnResizeEnd);h.current=e.onColumnResizeEnd;let E=$.useCallback(()=>{let u=l.current;u&&(u.resizer.removeEventListener("pointermove",u.onMove),u.resizer.removeEventListener("pointerup",u.onEnd),u.resizer.removeEventListener("pointercancel",u.onEnd),u.resizer.hasPointerCapture(u.pointerId)&&u.resizer.releasePointerCapture(u.pointerId),o.current&&(o.current.style.display="none",o.current.style.willChange=""),document.body.style.removeProperty("cursor"),document.body.style.removeProperty("user-select"),l.current=null)},[]),M=$.useCallback((u,c,f)=>{let x=u.headerCells.map((K,F)=>c[F]??K.offsetWidth);if(f!==void 0)u.table.style.width=`${f}px`,u.table.style.minWidth=`${f}px`;else{let K=u.initialTableWidth,F=x.reduce((p,d)=>p+d,0),i=K-F;if(Math.abs(i)>.01){let p=x.findIndex((d,g)=>c[g]===void 0);p>=0&&(x[p]+=i)}}n(u.table,x)},[n]),C=$.useCallback((u,c,f)=>{if(!t||u.pointerType==="mouse"&&u.button!==0)return;let x=f.closest("table");if(!x)return;let K=x.closest('[data-part="table-container"]')??x.parentElement;if(!K)return;let F=u.currentTarget,i=Array.from(x.querySelectorAll("thead th")),p=i[c+1]??null,d=K.getBoundingClientRect(),g=o.current;if(g){let R=u.clientX-d.left+K.scrollLeft;g.style.top="0px",g.style.left="0px",g.style.height=`${K.clientHeight}px`,g.style.transform=`translateX(${R}px)`,g.style.willChange="transform",g.style.display="block"}let y=R=>{let b=l.current;if(!b||R.pointerId!==b.pointerId)return;let k=o.current;if(!k)return;let L=R.clientX-b.containerLeft+b.tableContainer.scrollLeft;k.style.transform=`translateX(${L}px)`},I=R=>{let b=l.current;if(!b||R.pointerId!==b.pointerId)return;let k=R.clientX-b.startClientX,L=T.current,A=b.initialWidth+k;if(A>=ee){if(L==="fit"&&b.nextHeaderCell){let N=b.initialNextWidth-ee,z=Math.min(k,N),w=b.initialWidth+z,S=b.initialNextWidth-z;w>=ee&&S>=ee&&(M(b,{[b.columnIndex]:w,[b.columnIndex+1]:S}),h.current?.({originalEvent:R,columnIndex:b.columnIndex,delta:z}))}else if(L==="expand"){let N=b.initialTableWidth+k;M(b,{[b.columnIndex]:A},N),h.current?.({originalEvent:R,columnIndex:b.columnIndex,delta:k})}}E()};l.current={columnIndex:c,pointerId:u.pointerId,startClientX:u.clientX,containerLeft:d.left,initialScrollLeft:K.scrollLeft,resizer:F,headerCell:f,nextHeaderCell:p,headerCells:i,table:x,tableContainer:K,initialWidth:f.offsetWidth,initialNextWidth:p?.offsetWidth??0,initialTableWidth:T.current==="fit"?K.clientWidth:x.offsetWidth,onMove:y,onEnd:I},F.setPointerCapture(u.pointerId),F.addEventListener("pointermove",y),F.addEventListener("pointerup",I),F.addEventListener("pointercancel",I),document.body.style.cursor="col-resize",document.body.style.userSelect="none"},[t,M,E]);$.useEffect(()=>()=>E(),[E]);let m=$.useCallback(u=>({"data-scope":"datatable","data-part":"column-resizer",style:{touchAction:"none"},onPointerDown:f=>{let x=f.target.closest("th");if(x){let K=u??x.cellIndex;C(f,K,x)}}}),[C]),v=$.useMemo(()=>({onResizeStart:C,registerIndicator:s,getColumnResizerProps:m}),[C,s,m]);return{state:Fe,exposes:v}}import*as j from"react";var ue=Object.freeze({});function Le(e){let{editMode:t}=e,a=e.editingKeys!==void 0,[l,o]=j.useState(()=>e.editingKeys??e.defaultEditingKeys??ue),s=a?e.editingKeys??ue:l;j.useEffect(()=>{a&&o(e.editingKeys??ue)},[a,e.editingKeys]);let[r,n]=j.useState(null),T=j.useRef({}),h=j.useCallback(d=>s[String(d)]===!0,[s]),E=j.useCallback((d,g,y,I)=>{if(t!=="row")return;let R=String(g),b={...s,[R]:!0};y&&(T.current[R]={...y}),a||o(b),e.onEditingKeysChange?.({originalEvent:d,value:b}),e.onRowEditInit?.({originalEvent:d,data:y??{},index:I??-1})},[t,s,a,e.onEditingKeysChange,e.onRowEditInit]),M=j.useCallback((d,g,y,I,R)=>{if(t!=="row")return;let b=String(g),k={...s};delete k[b],delete T.current[b],a||o(k),e.onEditingKeysChange?.({originalEvent:d,value:k}),e.onRowEditSave?.({originalEvent:d,data:y??{},newData:I,index:R??-1})},[t,s,a,e.onEditingKeysChange,e.onRowEditSave]),C=j.useCallback((d,g,y,I)=>{if(t!=="row")return;let R=String(g),b={...s};delete b[R];let k=T.current[R];delete T.current[R],a||o(b),e.onEditingKeysChange?.({originalEvent:d,value:b}),e.onRowEditCancel?.({originalEvent:d,data:k??y??{},index:I??-1})},[t,s,a,e.onEditingKeysChange,e.onRowEditCancel]),m=j.useCallback((d,g,y)=>t!=="cell"||!r||r.field!==g?!1:y!==void 0&&r.rowKey!==void 0?String(r.rowKey)===String(y):r.rowIndex===d,[t,r]),v=j.useCallback((d,g,y,I)=>{t==="cell"&&(n({rowIndex:g,field:y,rowKey:I}),e.onCellEditInit?.({originalEvent:d,field:y,rowIndex:g}))},[t,e.onCellEditInit]),u=j.useCallback(d=>{if(t!=="cell")return!1;let g=!1,y={...d,preventDefault:()=>{g=!0}};return e.onCellEditComplete?.(y),g||n(null),!g},[t,e.onCellEditComplete]),c=j.useCallback((d,g,y)=>{t==="cell"&&(e.onCellEditCancel?.({originalEvent:d,rowData:{},newRowData:{},field:y,value:void 0,newValue:void 0,rowIndex:g,type:"escape",preventDefault:()=>{}}),n(null))},[t,e.onCellEditCancel]),f=j.useCallback(d=>({"data-scope":"datatable","data-part":"cell-editor","data-row-index":String(d.rowIndex),"data-field":d.field,...d.rowKey!==void 0?{"data-row-key":String(d.rowKey)}:void 0,...d.isEditing?{"data-editing":""}:void 0}),[]),x=j.useCallback(()=>({"data-scope":"datatable","data-part":"row-editor-init",type:"button","aria-label":"Edit row"}),[]),K=j.useCallback(()=>({"data-scope":"datatable","data-part":"row-editor-save",type:"button","aria-label":"Save row"}),[]),F=j.useCallback(()=>({"data-scope":"datatable","data-part":"row-editor-cancel",type:"button","aria-label":"Cancel edit"}),[]),i=j.useMemo(()=>({isEditing:h,startRowEdit:E,saveRowEdit:M,cancelRowEdit:C,startCellEdit:v,completeCellEdit:u,cancelCellEdit:c,isCellEditing:m,getCellEditorRootProps:f,getRowEditorInitProps:x,getRowEditorSaveProps:K,getRowEditorCancelProps:F}),[h,E,M,C,v,u,c,m,f,x,K,F]);return{state:j.useMemo(()=>({editingKeys:s,editingCell:r}),[s,r]),exposes:i}}import*as Y from"react";var he=Object.freeze({});function Ie(e){let t=e.expandedKeys!==void 0,[a,l]=Y.useState(()=>e.expandedKeys??e.defaultExpandedKeys??{}),o=t?e.expandedKeys??he:a;Y.useEffect(()=>{t&&l(e.expandedKeys??he)},[t,e.expandedKeys]);let s=Y.useCallback(E=>o[String(E)]===!0,[o]),r=Y.useCallback((E,M)=>{let C=String(M),m={...o};m[C]?delete m[C]:m[C]=!0,t||l(m),e.onExpandedChange?.({originalEvent:E,value:m})},[o,t,e.onExpandedChange]),n=Y.useCallback((E,M)=>{let C=E!==void 0?s(E):!1,m=M?._treeLevel!==void 0,v=M?._treeLevel??0,u=M?._treeHasChildren??!1,c=x=>{E!==void 0&&r(x,E)};if(m&&!u)return{isSpacer:!0,spacerProps:{"data-scope":"datatable","data-part":"row-toggle-spacer","data-tree-level":v,style:{display:"inline-block",marginInlineStart:`calc(var(--p-datatable-indent, 1rem) * ${v})`,width:"var(--p-datatable-toggle-size, 2rem)",flexShrink:0}}};let f={"data-scope":"datatable","data-part":"row-toggle",type:"button","aria-expanded":C,"aria-label":C?"Collapse row":"Expand row",onClick:c};return m&&(f["data-tree-level"]=v,f.style={marginInlineStart:`calc(var(--p-datatable-indent, 1rem) * ${v})`,display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0}),{isSpacer:!1,rootProps:f,isExpanded:C}},[s,r]),T=Y.useMemo(()=>({isExpanded:s,toggleExpansion:r,getRowToggleProps:n}),[s,r,n]);return{state:Y.useMemo(()=>({expandedKeys:o}),[o]),exposes:T}}import{resolveFieldData as Ue}from"@primeuix/utils";import*as te from"react";var Pe=Object.freeze({});function Ne(e){let t=te.useCallback(l=>{if(typeof document>"u")return;let o=e.data??[],s=l?.separator??",",r=l?.fileName??"download",n=o;if(l?.selectionOnly&&e.selectionKeys&&e.dataKey&&(n=o.filter(c=>{let f=String(c[e.dataKey]);return e.selectionKeys[f]})),n.length===0)return;let T=l?.fields??Object.keys(n[0]);if(l?.exportFunction){l.exportFunction({data:n,fields:T});return}let h=l?.headers,E=[],M=T.map(c=>{let f=h?.[c]??c;return`"${String(f).replace(/"/g,'""')}"`});E.push(M.join(s));for(let c of n){let f=T.map(x=>{let K=Ue(c,x),F=K!=null?String(K):"";return F.length>0&&/^[=+\-@\t\r]/.test(F)&&(F=`	${F}`),`"${F.replace(/"/g,'""')}"`});E.push(f.join(s))}let C=E.join(`
+`);if(typeof document>"u"||typeof URL>"u"||typeof Blob>"u")return;let m=new Blob([C],{type:"text/csv;charset=utf-8;"}),v=URL.createObjectURL(m),u=document.createElement("a");u.setAttribute("href",v),u.setAttribute("download",`${r}.csv`),u.style.display="none",document.body.appendChild(u);try{u.click()}finally{u.parentNode===document.body&&document.body.removeChild(u),URL.revokeObjectURL(v)}},[e.data,e.dataKey,e.selectionKeys]),a=te.useMemo(()=>({exportCSV:t}),[t]);return{state:Pe,exposes:a}}import{useFilter as He}from"@primereact/hooks/use-filter";import*as H from"react";var Ae={Contains:"contains",NotContains:"notContains",StartsWith:"startsWith",EndsWith:"endsWith",Equals:"equals",NotEquals:"notEquals",In:"in",Between:"between",Lt:"lt",Lte:"lte",Gt:"gt",Gte:"gte",DateIs:"dateIs",DateIsNot:"dateIsNot",DateBefore:"dateBefore",DateAfter:"dateAfter",Custom:"custom"},ze={And:"and",Or:"or"},Ee=Object.freeze({});function je(e){let{data:t=[],lazy:a=!1,globalFilterFields:l=[]}=e,o=e.filters!==void 0,[s,r]=H.useState(e.defaultFilters??Ee),n=o?e.filters??Ee:s;H.useEffect(()=>{o&&e.filters&&r(e.filters)},[o,e.filters]);let T=e.globalFilter??null,h=e.filterDelay??0,[E,M]=H.useState(n),[C,m]=H.useState(T);H.useEffect(()=>{if(h<=0){M(n),m(T);return}let w=setTimeout(()=>{M(n),m(T)},h);return()=>clearTimeout(w)},[n,T,h]);let v=h>0?E:n,u=h>0?C:T,c=H.useCallback((w,S)=>{o||r(S),e.onFilter?.({originalEvent:w,filters:S})},[o,e.onFilter]),f=H.useCallback((w,S,O)=>{let D={...n,[S]:O};c(w,D)},[n,c]),x=H.useCallback((w,S)=>{let O=n[S],D={...n};if(O&&typeof O=="object"&&O!==null&&"constraints"in O){let P=O;D[S]={operator:P.operator??"and",constraints:[{value:null,matchMode:P.constraints?.[0]?.matchMode??"contains"}]}}else O&&typeof O=="object"&&O!==null&&"matchMode"in O?D[S]={value:null,matchMode:O.matchMode}:delete D[S];c(w,D)},[n,c]),K=H.useCallback(w=>{c(w,{})},[c]),F=H.useCallback((w,S,O="contains")=>{let D=n[S],P={...n};if(D&&typeof D=="object"&&D!==null&&"constraints"in D){let W=D,G=[...W.constraints??[],{value:null,matchMode:O}];P[S]={...W,constraints:G}}else{let W=D&&typeof D=="object"&&"value"in D?D.value:null,G=D&&typeof D=="object"&&"matchMode"in D?D.matchMode??"contains":"contains";P[S]={operator:"and",constraints:[{value:W,matchMode:G},{value:null,matchMode:O}]}}c(w,P)},[n,c]),i=H.useCallback((w,S,O)=>{let D=n[S];if(!D||typeof D!="object"||!("constraints"in D))return;let P=D,W=(P.constraints??[]).filter((Q,ce)=>ce!==O);if(W.length===0)return;let G={...n,[S]:{...P,constraints:W}};c(w,G)},[n,c]),p=H.useCallback((w,S,O)=>{let D=n[S],P={...n};if(D&&typeof D=="object"&&D!==null&&"constraints"in D)P[S]={...D,operator:O};else{let W=D&&typeof D=="object"&&"value"in D?D.value:null,G=D&&typeof D=="object"&&"matchMode"in D?D.matchMode??"contains":"contains";P[S]={operator:O,constraints:[{value:W,matchMode:G}]}}c(w,P)},[n,c]),d=H.useCallback((w,S,O,D,P)=>{let W=n[S];if(!W||typeof W!="object"||!("constraints"in W))return;let G=W,Q=[...G.constraints??[]];O>=0&&O<Q.length&&(Q[O]={value:D,matchMode:P??Q[O].matchMode});let ce={...n,[S]:{...G,constraints:Q}};c(w,ce)},[n,c]),g=H.useCallback((w,S,O,D)=>{let P=n[S];if(!P||typeof P!="object"||!("constraints"in P))return;let W=P,G=[...W.constraints??[]];O>=0&&O<G.length&&(G[O]={...G[O],matchMode:D});let Q={...n,[S]:{...W,constraints:G}};c(w,Q)},[n,c]),y=H.useCallback(w=>{let S=n[w];return S?typeof S=="object"&&S!==null&&"constraints"in S?(S.constraints??[]).some(D=>D.value!==null&&D.value!==void 0&&D.value!==""):typeof S=="object"&&S!==null&&"value"in S?S.value!==null&&S.value!==void 0&&S.value!=="":S!=null&&S!=="":!1},[n]),I=H.useCallback(()=>T?!0:Object.keys(n).some(w=>y(w)),[n,T,y]),R=H.useCallback(w=>{let S=n[w];return S?typeof S=="object"&&S!==null?S:{value:S,matchMode:"contains"}:{value:null,matchMode:"contains"}},[n]),b=H.useMemo(()=>{let w=[];for(let S of Object.keys(v)){if(S==="global")continue;let O=v[S];if(O){if(typeof O=="object"&&O!==null){let D=O;if(D.constraints&&D.constraints.length>0){w.push({field:S,operator:D.operator??"and",constraints:D.constraints.map(P=>({value:P.value,matchMode:P.matchMode??"contains"}))});continue}if("value"in D||"matchMode"in D){w.push({field:S,value:D.value,matchMode:D.matchMode??"contains"});continue}}w.push({field:S,value:O,matchMode:"contains"})}}return u&&l.length>0&&w.push({field:l,value:u,matchMode:"contains"}),w},[v,u,l]),L=He({data:t,rules:b,lazy:a}).filteredData,A=H.useMemo(()=>({filters:n,globalFilter:T}),[n,T]),N=H.useCallback((w,S="row")=>({"data-scope":"datatable","data-part":"filter","data-display":S,...y(w)?{"data-active":""}:void 0}),[y]),z=H.useMemo(()=>({setFieldFilter:f,clearFieldFilter:x,clearAllFilters:K,addConstraint:F,removeConstraint:i,setOperator:p,setConstraintValue:d,setConstraintMatchMode:g,hasFilterValue:y,isFiltered:I,getFieldFilterMeta:R,getFilterRootProps:N}),[f,x,K,F,i,p,d,g,y,I,R,N]);return{filteredData:L,state:A,exposes:z}}import{resolveFieldData as _e}from"@primeuix/utils";import*as ne from"react";function We(e){let{data:t,groupField:a}=e,l=ne.useMemo(()=>{if(!a)return;let r=new Map;if(t.length===0)return r;let n=[],T,h=0;for(let E=0;E<t.length;E++){let M=_e(t[E],a);E===0?(T=M,h=0):M!==T&&(n.push({start:h,end:E-1,value:T}),T=M,h=E)}n.push({start:h,end:t.length-1,value:T});for(let E=0;E<n.length;E++){let M=n[E],C=M.end-M.start+1;for(let m=M.start;m<=M.end;m++)r.set(m,{isGroupStart:m===M.start,isGroupEnd:m===M.end,groupValue:M.value,groupCount:C,groupIndex:E})}return r},[t,a]),o=ne.useMemo(()=>({}),[]);return{state:ne.useMemo(()=>({groupMetaMap:l}),[l]),exposes:o}}import*as X from"react";function $e(e){let{data:t,lazy:a,paginator:l}=e,o=e.page!==void 0,s=e.rows!==void 0,[r,n]=X.useState(e.defaultPage??0),[T,h]=X.useState(e.defaultRows??10),E=o?e.page??0:r,M=s?e.rows??10:T,C=a?e.totalRecords??0:t.length,m=Math.max(1,Math.ceil(C/M)),v=E*M;X.useEffect(()=>{!o&&E>=m&&m>0&&n(m-1)},[m,E,o]);let u=X.useMemo(()=>!l||a?t:t.slice(v,v+M),[t,l,a,v,M]),c=X.useCallback((F,i)=>{if(i<0||i>=m)return;o||n(i);let p=i*M;e.onPageChange?.({originalEvent:F,page:i,rows:M,first:p,pageCount:m})},[m,M,o,e.onPageChange]),f=X.useCallback((F,i)=>{if(i<=0)return;s||h(i),o||n(0);let p=Math.max(1,Math.ceil(C/i));e.onPageChange?.({originalEvent:F,page:0,rows:i,first:0,pageCount:p})},[C,s,o,e.onPageChange]),x=X.useMemo(()=>({page:E,rows:M,first:v,pageCount:m,totalRecords:C,onPageChange:c,onRowsChange:f}),[E,M,v,m,C,c,f]),K=X.useMemo(()=>({page:E,rows:M,first:v,pageCount:m,totalRecords:C}),[E,M,v,m,C]);return{paginatedData:u,state:K,exposes:x}}import*as V from"react";var Ge=Object.freeze({}),de="data-dragpoint-top",fe="data-dragpoint-bottom";function re(e){e&&(e.removeAttribute(de),e.removeAttribute(fe))}function Ve(e){let{reorderableRows:t=!1}=e,a=V.useRef(-1),l=V.useRef(-1),o=V.useRef(null),s=V.useCallback((v,u)=>{t&&(a.current=u,v.dataTransfer.effectAllowed="move",v.dataTransfer.setData("text/plain",String(u)))},[t]),r=V.useCallback((v,u)=>{if(!t||a.current===-1||a.current===u)return;v.preventDefault(),v.dataTransfer.dropEffect="move";let c=v.currentTarget,f=c.getBoundingClientRect(),x=f.top+f.height/2;o.current&&o.current!==c&&re(o.current),v.clientY<x?(c.setAttribute(de,""),c.removeAttribute(fe),l.current=u):(c.setAttribute(fe,""),c.removeAttribute(de),l.current=u+1),o.current=c},[t]),n=V.useCallback(v=>{if(!t)return;let u=v.currentTarget;re(u),o.current===u&&(o.current=null)},[t]),T=V.useCallback(v=>{if(!t||a.current===-1)return;v.preventDefault();let u=e.data??[],c=a.current,f=l.current;if(f>c&&(f-=1),f!==c&&f>=0&&f<=u.length){let x=[...u],[K]=x.splice(c,1);x.splice(f,0,K),e.onRowReorder?.({originalEvent:v.nativeEvent,dragIndex:c,dropIndex:f,value:x})}re(o.current),o.current=null,a.current=-1,l.current=-1},[t,e.data,e.onRowReorder]),h=V.useCallback(()=>{t&&(re(o.current),o.current=null,a.current=-1,l.current=-1)},[t]),E=V.useCallback(v=>{let u=v.currentTarget.closest("tr");u&&u.setAttribute("data-drag-source","true")},[]),M=V.useCallback(v=>{let u=v.currentTarget.closest("tr");u&&u.removeAttribute("data-drag-source")},[]),C=V.useCallback(()=>({"data-scope":"datatable","data-part":"row-reorder",style:{cursor:"grab",userSelect:"none",touchAction:"none"},onPointerDown:E,onPointerUp:M}),[E,M]),m=V.useMemo(()=>({onDragStart:s,onDragOver:r,onDragEnter:r,onDragLeave:n,onDrop:T,onDragEnd:h,getRowReorderHandleProps:C}),[s,r,n,T,h,C]);return{state:Ge,exposes:m}}import*as _ from"react";var ge=Object.freeze({});function Me(e){let t=[];if(e.children)for(let a of e.children)t.push(a.key),t.push(...Me(a));return t}function ae(e,t){for(let a of e){if(a.key===t)return a;if(a.children){let l=ae(a.children,t);if(l)return l}}return null}function Be(e,t){let a=[];function l(o,s){for(let r of o){if(r.key===t)return a.push(...s),!0;if(r.children&&l(r.children,[...s,r.key]))return!0}return!1}return l(e,[]),a}function Te(e,t){return!e.children||e.children.length===0?!0:e.children.every(a=>t[a.key]===!0&&Te(a,t))}function Ce(e,t){return e.children?e.children.some(a=>t[a.key]===!0||Ce(a,t)):!1}function Xe(e,t,a){let l=Be(e,t);for(let o=l.length-1;o>=0;o--){let s=l[o],r=ae(e,s);r&&Te(r,a)?a[s]=!0:delete a[s]}}function Ye(e){let{data:t}=e,a=_.useRef(null),l=e.selectionKeys!==void 0,[o,s]=_.useState(()=>e.selectionKeys??e.defaultSelectionKeys??ge),r=l?e.selectionKeys??ge:o;_.useEffect(()=>{l&&s(e.selectionKeys??ge)},[l,e.selectionKeys]);let n=_.useCallback((i,p)=>e.dataKey&&i?String(i[e.dataKey]):p,[e.dataKey]),T=_.useCallback(i=>r[String(i)]===!0,[r]),h=e.treeMode?e.rawTreeData:void 0,E=_.useMemo(()=>{let i=new Map;for(let p=0;p<t.length;p++)i.set(String(n(t[p],p)),p);return i},[t,n]),M=_.useCallback((i,p,d)=>{let g=String(p),y,I=!0;if(d==="radio")y={[g]:!0};else if(d==="single")y=r[g]?{}:{[g]:!0};else if(i.shiftKey===!0&&!h&&a.current!==null&&a.current!==g){let b=a.current,k=E.get(b)??-1,L=E.get(g)??-1;if(k>=0&&L>=0){let A=Math.min(k,L),N=Math.max(k,L);y={...r};for(let z=A;z<=N;z++){let w=String(n(t[z],z));y[w]=!0}}else y={...r,[g]:!0};I=!1}else{y={...r};let b=!y[g];if(b?y[g]=!0:delete y[g],h){let k=ae(h,g);if(k){let L=Me(k);for(let A of L)b?y[A]=!0:delete y[A]}Xe(h,g,y)}}I&&d!=="radio"&&(a.current=g),l||s(y),e.onSelectionChange?.({originalEvent:i,value:y,type:d==="radio"?"radio":d==="single"?"row":"checkbox"})},[t,n,r,l,e.onSelectionChange,h,E]),C=_.useCallback(i=>{let p=[];for(let d of i)p.push(d.key),d.children&&p.push(...C(d.children));return p},[]),m=_.useMemo(()=>{if(h){let p=C(h);if(p.length===0)return{all:!1,some:!1};let d=p.reduce((g,y)=>r[y]===!0?g+1:g,0);return{all:d===p.length,some:d>0&&d<p.length}}if(t.length===0)return{all:!1,some:!1};let i=0;for(let p=0;p<t.length;p++){let d=String(n(t[p],p));r[d]===!0&&i++}return{all:i===t.length,some:i>0&&i<t.length}},[t,h,r,n,C]),v=_.useCallback(()=>m.all,[m]),u=_.useCallback(()=>m.some,[m]),c=_.useCallback(i=>{let p;if(v())p={};else if(p={},h){let d=C(h);for(let g of d)p[g]=!0}else t.forEach((d,g)=>{let y=String(n(d,g));p[y]=!0});l||s(p),e.onSelectionChange?.({originalEvent:i,value:p,type:"all"})},[t,h,v,l,n,C,e.onSelectionChange]),f=_.useCallback((i,p)=>{let{selectionMode:d,metaKeySelection:g}=e;if(!d)return;let y=String(p),I=i.metaKey||i.ctrlKey,R=i.shiftKey,b,k=!0;if(d==="single")b=r[y]?{}:{[y]:!0};else if(g)if(R&&a.current!==null&&a.current!==y){let L=a.current,A=-1,N=-1;for(let z=0;z<t.length;z++){let w=String(n(t[z],z));if(w===L&&(A=z),w===y&&(N=z),A>=0&&N>=0)break}if(A>=0&&N>=0){let z=Math.min(A,N),w=Math.max(A,N);b=I?{...r}:{};for(let S=z;S<=w;S++){let O=String(n(t[S],S));b[O]=!0}}else b={...r,[y]:!0};k=!1}else I?(b={...r},b[y]?delete b[y]:b[y]=!0):b={[y]:!0};else b={...r},b[y]?delete b[y]:b[y]=!0;k&&(a.current=y),l||s(b),e.onSelectionChange?.({originalEvent:i,value:b,type:"row"})},[t,n,r,l,e.selectionMode,e.metaKeySelection,e.onSelectionChange]),x=_.useCallback(i=>{if(!h)return!1;let p=ae(h,String(i));return!p||!p.children||p.children.length===0?!1:!r[String(i)]&&Ce(p,r)},[h,r]),K=_.useMemo(()=>({isSelected:T,isPartiallySelected:x,toggleSelection:M,toggleAll:c,isAllSelected:v,isSomeSelected:u,onRowClick:f}),[T,x,M,c,v,u,f]),F=_.useMemo(()=>({selectionKeys:r}),[r]);return{getRowKey:n,state:F,exposes:K}}import*as B from"react";import{localeComparator as qe,resolveFieldData as oe,sort as be}from"@primeuix/utils";var me=qe(),se=(e,t,a,l=1)=>be(e,t,a,me,l),pe=(e,t,a,l=1)=>!t||a===0?e:[...e].sort((o,s)=>be(oe(o,t),oe(s,t),a,me,l)),Re=(e,t,a=1)=>!t||t.length===0?e:[...e].sort((l,o)=>{for(let s of t){let r=be(oe(l,s.field),oe(o,s.field),s.order,me,a);if(r!==0)return r}return 0});function Je(e){let{data:t,lazy:a}=e,l=e.sortField!==void 0,o=e.multiSortMeta!==void 0,[s,r]=B.useState(e.defaultSortField),[n,T]=B.useState(e.defaultSortOrder),[h,E]=B.useState(e.defaultMultiSortMeta),M=l?e.sortField:s,C=l?e.sortOrder:n,m=o?e.multiSortMeta:h,v=B.useCallback(d=>m&&m.length>0?m.some(g=>g.field===d):M===d&&C!==0,[M,C,m]),u=B.useCallback(d=>m&&m.length>0?m.find(y=>y.field===d)?.order??0:M===d?C??0:0,[M,C,m]),c=B.useCallback(d=>m&&m.length>0?m.findIndex(g=>g.field===d):-1,[m]),f=B.useCallback((d,g,y)=>{let I=u(g),R;if(I===0?R=1:I===1?R=-1:R=e.removableSort?0:1,y){let b=[...m??[]],k=b.findIndex(L=>L.field===g);R===0?k!==-1&&b.splice(k,1):k!==-1?b[k]={field:g,order:R}:b.push({field:g,order:R}),o||E(b),e.onSortChange?.({originalEvent:d,field:g,order:R,multiSortMeta:b})}else l||(r(R===0?void 0:g),T(R)),o||E(void 0),e.onSortChange?.({originalEvent:d,field:g,order:R,multiSortMeta:void 0})},[u,e.removableSort,e.onSortChange,l,o,m]),x=e.nullSortOrder??1,K=B.useMemo(()=>a?t:m&&m.length>0?Re(t,m,x):M&&C!=null&&C!==0?pe(t,M,C,x):t,[t,a,M,C,m,x]),F=B.useCallback(d=>{let g=v(d),y=u(d),I=g?y===1?"ascending":"descending":"",R=k=>{if(!d)return;let L=k.metaKey||k.ctrlKey;f(k,d,L)},b=k=>{(k.key==="Enter"||k.key===" ")&&(k.preventDefault(),R(k))};return{"data-scope":"datatable","data-part":"sort",...g?{"data-sorted":"","data-sort-order":y===1?"asc":"desc"}:{"data-unsorted":""},role:"button",tabIndex:0,"aria-label":`Sort by ${d}${I?` ${I}`:""}`,"aria-sort":g?y===1?"ascending":"descending":"none",onClick:R,onKeyDown:b}},[v,u,f]),i=B.useMemo(()=>({onSort:f,isSorted:v,getSortOrder:u,getSortIndex:c,getSortProps:F}),[f,v,u,c,F]),p=B.useMemo(()=>({sortField:M,sortOrder:C,multiSortMeta:m}),[M,C,m]);return{sortedData:K,state:p,exposes:i}}import{BUILT_IN_MATCHERS as Qe,getGlobalMatchers as Ze}from"@primereact/hooks/use-filter";import{resolveFieldData as J}from"@primeuix/utils";import*as Z from"react";function ve(e,t,a,l){let o=Qe[e]??Ze()[e];return o?o(t,a,l):!0}var ie=100;function De(e,t,a,l=0){return l>=ie?e:[...e].sort((s,r)=>{let n=s.data?J(s.data,t):void 0,T=r.data?J(r.data,t):void 0;return se(n,T,a)}).map(s=>s.children?.length?{...s,children:De(s.children,t,a,l+1)}:s)}function xe(e,t,a=0){return a>=ie?e:[...e].sort((o,s)=>{for(let r of t){let n=o.data?J(o.data,r.field):void 0,T=s.data?J(s.data,r.field):void 0,h=se(n,T,r.order);if(h!==0)return h}return 0}).map(o=>o.children?.length?{...o,children:xe(o.children,t,a+1)}:o)}function le(e,t,a="contains"){return ve(a,e,t)}function et(e,t,a,l){if(a&&l.length>0&&!l.some(r=>ve("contains",J(e,r),a)))return!1;let o=Object.keys(t).filter(s=>s!=="global");for(let s of o){let r=t[s];if(!r)continue;if(typeof r=="object"&&r!==null&&"constraints"in r){let T=r,h=T.operator??"and",E=T.constraints??[];if(E.length>0){let M=J(e,s);if(h==="and"){if(!E.every(m=>le(M,m.value,m.matchMode)))return!1}else if(!E.some(m=>le(M,m.value,m.matchMode)))return!1}continue}if(typeof r=="object"&&r!==null&&"value"in r){let T=r,h=J(e,s);if(!le(h,T.value,T.matchMode))return!1;continue}let n=J(e,s);if(!le(n,r))return!1}return!0}function ye(e,t,a,l,o=0){if(o>=ie)return[];let s=[];for(let r of e){let n=r.data??{};if(et(n,t,a,l))s.push(r);else if(r.children?.length){let h=ye(r.children,t,a,l,o+1);h.length>0&&s.push({...r,children:h})}}return s}function Se(e,t){if(t)return!0;let a=Object.keys(e).filter(l=>l!=="global");for(let l of a){let o=e[l];if(o){if(typeof o=="object"&&o!==null&&"constraints"in o){if((o.constraints??[]).some(n=>n.value!==null&&n.value!==void 0&&n.value!==""))return!0;continue}if(typeof o=="object"&&o!==null&&"value"in o){let s=o.value;if(s!=null&&s!=="")return!0;continue}if(o!=null&&o!=="")return!0}}return!1}function ke(e,t,a,l){if(a>=ie)return[];let o=[],s=e.length;for(let r=0;r<e.length;r++){let n=e[r],T=!!n.children?.length,h=T||n.leaf===!1,E=n.leaf===!0||!T&&n.leaf!==!1;o.push({...n.data??{},key:n.key,data:n.data??{},children:n.children,_treeLevel:a,_treeHasChildren:h,_treeLeaf:E,_treeParentKey:l,_treePosInSet:r+1,_treeSetSize:s}),T&&t[n.key]&&o.push(...ke(n.children,t,a+1,n.key))}return o}function tt(e){let{data:t,treeMode:a,expandedKeys:l,sortField:o,sortOrder:s,multiSortMeta:r,filters:n={},globalFilter:T=null,globalFilterFields:h=[],paginator:E=!1,page:M=0,rows:C=10}=e,m=Z.useMemo(()=>{if(!a)return t;let f=t;if(Se(n,T)&&(f=ye(f,n,T,h)),r&&r.length>0?f=xe(f,r):o&&s!=null&&s!==0&&(f=De(f,o,s)),E){let x=M*C;f=f.slice(x,x+C)}return ke(f,l,0,null)},[t,a,l,o,s,r,n,T,h,E,M,C]),v=Z.useMemo(()=>{if(!a)return t.length;let f=t;return Se(n,T)&&(f=ye(f,n,T,h)),f.length},[t,a,n,T,h]),u=Z.useMemo(()=>({}),[]),c=Z.useMemo(()=>({}),[]);return{flattenedData:m,totalRootNodes:v,state:u,exposes:c}}import*as q from"react";function nt(e){let{data:t,treeMode:a,selectionMode:l,expandedKeys:o={},onToggleExpansion:s,onToggleSelection:r,getRowKey:n}=e,T=l==="single"?"single":"checkbox",[h,E]=q.useState(-1),M=q.useCallback(c=>h===-1?c===0?0:-1:c===h?0:-1,[h]),C=q.useCallback((c,f)=>{if(!c)return;let x=c.querySelector(`tr[data-scope="datatable"][data-part="row"][data-index="${f}"]`);if(x){E(f),x.focus();return}E(f)},[]),m=q.useCallback((c,f)=>{let x=c.target;if(x!==c.currentTarget){let i=x.tagName;if(i==="INPUT"||i==="SELECT"||i==="TEXTAREA"||x.isContentEditable||x.closest("[data-editing]"))return}let K=t.length,F=!0;switch(c.key){case"ArrowDown":{let i=Math.min(f+1,K-1);if(i!==f){let p=c.currentTarget.closest("tbody");if(C(p,i),c.shiftKey&&r){let d=t[i],g=n?.(d,i);g!==void 0&&r(c,g,T)}}break}case"ArrowUp":{let i=Math.max(f-1,0);if(i!==f){let p=c.currentTarget.closest("tbody");if(C(p,i),c.shiftKey&&r){let d=t[i],g=n?.(d,i);g!==void 0&&r(c,g,T)}}break}case"ArrowRight":{if(!a){F=!1;break}let i=t[f],p=n?.(i,f),d=i?._treeHasChildren,g=p!==void 0&&o[String(p)];if(d&&!g&&p!==void 0)s?.(c,p);else if(g){let y=c.currentTarget.closest("tbody");C(y,Math.min(f+1,K-1))}break}case"ArrowLeft":{if(!a){F=!1;break}let i=t[f],p=n?.(i,f),d=i?._treeHasChildren,g=p!==void 0&&o[String(p)];if(d&&g&&p!==void 0)s?.(c,p);else{let y=i?._treeParentKey;if(y!==null){let I=t.findIndex((R,b)=>String(n?.(R,b))===String(y));if(I>=0){let R=c.currentTarget.closest("tbody");C(R,I)}}}break}case"Home":{let i=c.currentTarget.closest("tbody");C(i,0);break}case"End":{let i=c.currentTarget.closest("tbody");C(i,K-1);break}case"Enter":case" ":{let i=c.target;if(i.tagName==="INPUT"||i.tagName==="SELECT"||i.tagName==="TEXTAREA"||i.tagName==="BUTTON"||i.tagName==="A"||i.isContentEditable){F=!1;break}if(r){let p=t[f],d=n?.(p,f);d!==void 0&&r(c,d,T)}break}default:F=!1}F&&c.preventDefault()},[t,a,o,C,s,r,n,T]),v=q.useMemo(()=>({focusedRowIndex:h}),[h]),u=q.useMemo(()=>({getRowTabIndex:M,onRowKeyDown:m,focusRow:C}),[M,m,C]);return{state:v,exposes:u}}export{Ae as FilterMatchMode,ze as FilterOperator,Ke as useDataTableColumnReorder,Oe as useDataTableColumnResize,Le as useDataTableEditing,Ie as useDataTableExpansion,Ne as useDataTableExport,je as useDataTableFilter,We as useDataTableGrouping,nt as useDataTableKeyboard,$e as useDataTablePagination,Ve as useDataTableRowReorder,Ye as useDataTableSelection,Je as useDataTableSort,tt as useDataTableTree};

package/datatable/features/useDataTableColumnReorder.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+export interface UseDataTableColumnReorderEvent {
+    /**
+     * The original browser event.
+     */
+    originalEvent: DragEvent;
+    /**
+     * Index of the column being dragged.
+     */
+    dragIndex: number;
+    /**
+     * Adjusted index where the column is dropped (accounting for before/after position).
+     */
+    dropIndex: number;
+}
+export interface UseDataTableColumnReorderOptions {
+    reorderableColumns?: boolean;
+    onColumnReorder?: (event: UseDataTableColumnReorderEvent) => void;
+}
+type DropSide = 'start' | 'end';
+type DropTargetNotify = (state: {
+    side: DropSide;
+} | null) => void;
+export declare function useDataTableColumnReorder(options: UseDataTableColumnReorderOptions): {
+    state: Readonly<{}>;
+    exposes: {
+        onDragStart: (event: React.DragEvent, columnIndex: number) => void;
+        onDragOver: (event: React.DragEvent, columnIndex: number) => void;
+        onDragEnter: (event: React.DragEvent, columnIndex: number) => void;
+        onDragLeave: (_event: React.DragEvent) => void;
+        onDrop: (event: React.DragEvent, columnIndex: number) => void;
+        onDragEnd: (_event: React.DragEvent) => void;
+        registerDropTarget: (columnIndex: number, notify: DropTargetNotify) => () => void;
+        getColumnReorderHandleProps: () => {
+            'data-scope': string;
+            'data-part': string;
+            style: React.CSSProperties;
+        };
+        getColumnReorderIndicatorUpProps: () => {
+            'data-scope': string;
+            'data-part': string;
+            ref: (el: HTMLElement | null) => void;
+        };
+        getColumnReorderIndicatorDownProps: () => {
+            'data-scope': string;
+            'data-part': string;
+            ref: (el: HTMLElement | null) => void;
+        };
+    };
+    registerRoot: (el: HTMLElement | null) => void;
+};
+export {};

package/datatable/features/useDataTableColumnResize.d.ts

@@ -0,0 +1,20 @@
+import type { ColumnResizeMode, UseDataTableColumnResizeEvent } from '@primereact/types/headless/datatable';
+import * as React from 'react';
+export interface UseDataTableColumnResizeOptions {
+    resizableColumns?: boolean;
+    columnResizeMode?: ColumnResizeMode;
+    onColumnResizeEnd?: (event: UseDataTableColumnResizeEvent) => void;
+}
+export declare function useDataTableColumnResize(options: UseDataTableColumnResizeOptions): {
+    state: Readonly<{}>;
+    exposes: {
+        onResizeStart: (event: React.PointerEvent, columnIndex: number, headerCell: HTMLElement) => void;
+        registerIndicator: (el: HTMLElement | null) => void;
+        getColumnResizerProps: (columnIndex?: number) => {
+            'data-scope': string;
+            'data-part': string;
+            style: React.CSSProperties;
+            onPointerDown: (event: React.PointerEvent) => void;
+        };
+    };
+};