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

package/dnd/useDroppable.d.ts

@@ -0,0 +1,11 @@
+export declare const useDroppable: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/dnd").UseDroppableProps, unknown, {
+    state: {
+        isOver: boolean;
+    };
+    rootProps: {
+        'data-disabled'?: string | undefined;
+        'data-over'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/dnd/useDroppable.props.d.ts

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

package/dnd/useSortable.d.ts

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

package/dnd/useSortable.props.d.ts

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

package/dnd/useSortableContainer.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export declare const useSortableContainer: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/dnd").UseSortableContainerProps, unknown, {
+    state: {
+        dragging: boolean;
+    };
+    getItemDndProps: (index: number) => {
+        'data-sortable-item': string;
+        'data-sortable-container': string;
+        onPointerDown?: undefined;
+    } | {
+        'data-sortable-item': string;
+        'data-sortable-container': string;
+        onPointerDown: (e: React.PointerEvent<HTMLElement>) => void;
+    };
+    listProps: {
+        'data-sortable-list': string;
+    };
+    rootProps: {
+        'data-disabled'?: string | undefined;
+        'data-active'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/dnd/useSortableContainer.props.d.ts

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

package/drawer/index.d.ts

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

package/drawer/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as F}from"@primereact/core/headless";import{useEventListener as D,useMountEffect as U,useUnmountEffect as q,useUpdateEffect as L}from"@primereact/hooks";import{$dt as S}from"@primeuix/styled";import{addClass as z,blockBodyScroll as $,focus as G,unblockBodyScroll as J,ZIndex as r}from"@primeuix/utils";import*as a from"react";var O={open:!1,defaultOpen:!1,modal:!0,blockScroll:!1,dismissable:!0,baseZIndex:0,autoZIndex:!0,onOpenChange:void 0};var te=F({name:"useDrawer",defaultProps:O,setup:({props:e,elementRef:d,$primereact:w})=>{var R,v,k,M;let[s,m]=a.useState((v=(R=e.open)!=null?R:e.defaultOpen)!=null?v:!1),[o,c]=a.useState((M=(k=e.open)!=null?k:e.defaultOpen)!=null?M:!1),l=a.useRef(null),b=a.useRef(null),f=a.useRef(null),E={opened:s,maskVisible:o};U(()=>{(e.open||e.defaultOpen)&&c(!0)}),L(()=>{(e.open||e.defaultOpen&&!o)&&c(!0)},[e.open,e.defaultOpen]),L(()=>{o&&!s&&m(!0)},[o]),q(()=>{c(!1),e.autoZIndex&&r.clear(l.current)});let i=()=>{var t;m(!1),(t=e==null?void 0:e.onOpenChange)==null||t.call(e,{value:!1})},y=()=>{var n;let t=!s;t&&!o&&c(!0),(n=e==null?void 0:e.onOpenChange)==null||n.call(e,{value:t})},g=()=>{var t;(t=e==null?void 0:e.onOpenChange)==null||t.call(e,{value:E.opened})},x=()=>{var t,n,u;V(),Z(),e.autoZIndex&&r.set("modal",l.current,e.baseZIndex+((u=(n=(t=w.config)==null?void 0:t.zIndex)==null?void 0:n.modal)!=null?u:1100))},C=()=>{T()},h=()=>{e.modal&&z(l.current,"p-overlay-mask-leave")},H=()=>{e.autoZIndex&&r.clear(l.current),B(),j(),c(!1)},T=()=>{var n,u;let t=I((u=(n=b.current)==null?void 0:n.elementRef.current)!=null?u:null);t||f.current&&(t=f.current.elementRef.current),t&&G(t)},I=t=>t&&t.querySelector("[autoFocus]"),[Z,B]=D({type:"keydown",listener:t=>A(t)}),[K,P]=D({type:"click",listener:t=>{N(t)&&i()}}),N=t=>d.current&&!d.current.contains(t.target),V=()=>{e.dismissable&&!e.modal&&K(),e.blockScroll&&$({variableName:S("scrollbar.width").name})},j=()=>{P(),e.blockScroll&&J({variableName:S("scrollbar.width").name})},A=t=>{t.code==="Escape"&&i()};return{state:E,maskRef:l,motionRef:b,closeButtonRef:f,close:i,onOpenStateChange:y,onOpenChange:g,onMotionEnter:x,onMotionAfterEnter:C,onMotionBeforeLeave:h,onMotionAfterLeave:H,onMaskClick:t=>{e.dismissable&&e.modal&&l.current===t.target&&i()}}}});export{O as defaultProps,te as useDrawer};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as G}from"@primereact/core/headless";import{useFocusTrap as J}from"@primereact/headless/focustrap";import{useEventListener as v,useUnmountEffect as Q}from"@primereact/hooks";import{useControlledState as W}from"@primereact/hooks/use-controlled-state";import{$dt as y}from"@primeuix/styled";import{blockBodyScroll as X,focus as p,toElement as E,unblockBodyScroll as Y,ZIndex as u}from"@primeuix/utils";import*as n from"react";var x={open:void 0,defaultOpen:void 0,trapped:!0,blockScroll:!1,dismissable:!0,baseZIndex:0,autoZIndex:!0,position:"left",onOpenChange:void 0,onExitComplete:void 0};var se=G({name:"useDrawer",defaultProps:x,setup:({props:t,id:d,elementRef:R,$primereact:b})=>{let[a,k]=W({value:t.open,defaultValue:t.defaultOpen,onChange:t.onOpenChange}),[r,H]=n.useState(null),[l,g]=n.useState(null),s=n.useRef(null),m=n.useRef(null),i=n.useRef(null),M=n.useRef(null),f=n.useRef(null),D={open:!!a,trapped:!!t.trapped,popupElement:r,backdropElement:l},w=J({trapped:!!t.trapped&&!!r,autoFocus:!1});Q(()=>{t.autoZIndex&&s.current&&u.clear(s.current)});let O=n.useCallback(e=>{let o=E(e)??null;o!==s.current&&(s.current=o,w.containerRef.current=o,H(o))},[]),S=n.useCallback(e=>{let o=E(e)??null;o!==m.current&&(m.current=o,g(o))},[]),h=n.useCallback(e=>{let o=E(e)??null;o!==i.current&&(i.current=o)},[]),c=()=>{k([!1,{value:!1}])},C=()=>{let e=!a;k([e,{value:e}])},P=n.useCallback(()=>{if(!s.current)return;let e=s.current.querySelector("[autoFocus]");e?p(e):i.current&&p(i.current)},[]),I=n.useCallback(()=>{t.onExitComplete?.()},[t.onExitComplete]);n.useEffect(()=>{a?(f.current=document.activeElement,Z(),t.dismissable&&K(),t.blockScroll&&X({variableName:y("scrollbar.width").name})):(B(),U(),t.blockScroll&&Y({variableName:y("scrollbar.width").name}),f.current&&(p(f.current),f.current=null))},[a]),n.useEffect(()=>{if(r){if(t.autoZIndex){let e=(t.baseZIndex??0)+(b.config?.zIndex?.modal??1100);l&&u.set("modal",l,e),u.set("modal",r,e)}return()=>{t.autoZIndex&&(l&&u.clear(l),u.clear(r))}}},[r,l,t.autoZIndex,t.baseZIndex,b.config?.zIndex?.modal]);let[Z,B]=v({type:"keydown",listener:e=>N(e)}),[K,U]=v({type:"click",listener:e=>{F(e)&&c()}}),F=e=>R.current&&!R.current.contains(e.target),N=e=>{e.code==="Escape"&&c()},L=e=>{M.current=e.target},T=()=>{t.dismissable&&m.current===M.current&&c()},j={id:d,"data-scope":"drawer","data-part":"root",...a?{"data-open":""}:{"data-closed":""},"data-position":t.position},z={"data-scope":"drawer","data-part":"trigger",type:"button","aria-expanded":a??!1,"aria-controls":d??"",onClick:C},q={ref:S,onMouseDown:L,onMouseUp:T},V={"data-scope":"drawer","data-part":"close",type:"button",ref:h,onClick:c},_={id:d+"_header","data-scope":"drawer","data-part":"header"},A={id:d,ref:O,role:"complementary","aria-modal":!0,"data-scope":"drawer","data-part":"root","data-position":t.position,...a&&{"data-open":""}};return{state:D,focusTrap:w,triggerProps:z,rootProps:j,backdropProps:q,closeProps:V,headerProps:_,popupProps:A,close:c,onOpenStateChange:C,onMaskMouseDown:L,onMaskMouseUp:T,onOpenComplete:P,onCloseComplete:I}}});export{x as defaultProps,se as useDrawer};

package/drawer/useDrawer.d.ts

@@ -1,22 +1,84 @@
 import * as React from 'react';
-export declare const useDrawer: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/drawer").useDrawerProps, unknown, {
+export declare const useDrawer: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/drawer").UseDrawerProps, unknown, {
     state: {
-        opened: boolean;
-        maskVisible: boolean;
+        open: boolean;
+        trapped: boolean;
+        popupElement: 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;
+        };
+    }>;
+    triggerProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        'aria-expanded': boolean;
+        'aria-controls': string;
+        onClick: () => void;
+    };
+    rootProps: {
+        'data-position': "top" | "left" | "right" | "bottom" | "full" | undefined;
+        'data-open': "";
+        id: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        'data-position': "top" | "left" | "right" | "bottom" | "full" | undefined;
+        'data-closed': "";
+        id: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    backdropProps: {
+        ref: (node: HTMLElement | null) => void;
+        onMouseDown: (event: React.MouseEvent) => void;
+        onMouseUp: () => void;
+    };
+    closeProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        ref: (node: HTMLButtonElement | {
+            elementRef: React.RefObject<HTMLButtonElement>;
+        } | null) => void;
+        onClick: () => void;
+    };
+    headerProps: {
+        id: string;
+        'data-scope': string;
+        'data-part': string;
+    };
+    popupProps: {
+        'data-open'?: "" | undefined;
+        id: string | undefined;
+        ref: (node: HTMLDivElement | {
+            elementRef: React.RefObject<HTMLDivElement>;
+        } | null) => void;
+        role: "complementary";
+        'aria-modal': true;
+        'data-scope': string;
+        'data-part': string;
+        'data-position': "top" | "left" | "right" | "bottom" | "full" | undefined;
     };
-    maskRef: React.RefObject<HTMLDivElement | null>;
-    motionRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLDivElement>;
-    } | null>;
-    closeButtonRef: React.RefObject<{
-        elementRef: React.RefObject<HTMLButtonElement>;
-    } | null>;
     close: () => void;
     onOpenStateChange: () => void;
-    onOpenChange: () => void;
-    onMotionEnter: () => void;
-    onMotionAfterEnter: () => void;
-    onMotionBeforeLeave: () => void;
-    onMotionAfterLeave: () => void;
-    onMaskClick: (event: React.MouseEvent) => void;
+    onMaskMouseDown: (event: React.MouseEvent) => void;
+    onMaskMouseUp: () => void;
+    onOpenComplete: () => void;
+    onCloseComplete: () => void;
 }>;

package/drawer/useDrawer.props.d.ts

@@ -1,2 +1,2 @@
-import type { useDrawerProps } from '@primereact/types/shared/drawer';
-export declare const defaultProps: useDrawerProps;
+import type { UseDrawerProps } from '@primereact/types/headless/drawer';
+export declare const defaultProps: UseDrawerProps;

package/fieldset/index.d.ts

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

package/fieldset/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as t}from"@primereact/core/headless";var e={};var p=t({name:"useFieldset",defaultProps:e});export{e as defaultProps,p as useFieldset};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as c}from"@primereact/core/headless";import{useCollapsible as n}from"@primereact/headless/collapsible";import*as o from"@primereact/headless/collapsible";var s={...o.defaultProps};var g=c({name:"useFieldset",defaultProps:s,setup({props:r}){let t=n(r),a=e=>{t?.toggle(e),e?.preventDefault()},p={"data-scope":"fieldset","data-part":"indicator",[t?.state.open?"data-open":"data-closed"]:""},i={...t?.triggerProps,"data-scope":"fieldset","data-part":"trigger",onClick:a},l={...t?.contentProps,"data-scope":"fieldset","data-part":"content"},d={...t?.rootProps,"data-scope":"fieldset","data-part":"root"};return{...t,rootProps:d,contentProps:l,triggerProps:i,indicatorProps:p}}});export{s as defaultProps,g as useFieldset};

package/fieldset/useFieldset.d.ts

@@ -1 +1,80 @@
-export declare const useFieldset: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/fieldset").useFieldsetProps, unknown, Record<PropertyKey, unknown>>;
+import * as React from 'react';
+export declare const useFieldset: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/fieldset").UseFieldsetProps, unknown, {
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+        'data-disabled'?: string | undefined;
+    };
+    contentProps: {
+        'data-scope': string;
+        'data-part': string;
+        id: string | undefined;
+        role: "region";
+        'aria-hidden': boolean;
+    };
+    triggerProps: {
+        'data-scope': string;
+        'data-part': string;
+        onClick: (event?: React.SyntheticEvent) => void;
+        type: "button";
+        tabIndex: number | undefined;
+        'aria-expanded': boolean | undefined;
+        'aria-disabled': true | undefined;
+        'aria-controls': string | undefined;
+    };
+    indicatorProps: {
+        [x: string]: string;
+        'data-scope': string;
+        'data-part': string;
+    };
+    ref: React.Ref<unknown>;
+    elementRef: React.RefObject<HTMLElement | undefined>;
+    id?: string | undefined;
+    name?: string | undefined;
+    type?: import("@primereact/types/core").Types | undefined;
+    scope?: string | undefined;
+    part?: string | undefined;
+    inProps?: import("@primereact/types").SafeRecord<import("@primereact/headless/collapsible").UseCollapsibleProps> | undefined;
+    $attrSelector?: string | undefined;
+    $primereact: import("@primereact/types/core").Contexts;
+    props: import("@primereact/types").SafeRecord<import("@primereact/headless/collapsible").UseCollapsibleProps>;
+    attrs: Omit<import("@primereact/types").SafeRecord<import("@primereact/headless/collapsible").UseCollapsibleProps>, keyof import("@primereact/headless/collapsible").UseCollapsibleProps> & Record<PropertyKey, unknown>;
+    state: {
+        open: boolean | undefined;
+    };
+    $computedSetup: {
+        state: {
+            open: boolean | undefined;
+        };
+        rootProps: {
+            'data-disabled'?: string | undefined;
+            'data-scope': string;
+            'data-part': string;
+        };
+        triggerProps: {
+            [x: string]: string | number | boolean | ((event?: React.SyntheticEvent) => void) | undefined;
+            type: "button";
+            tabIndex: number | undefined;
+            'aria-expanded': boolean | undefined;
+            'aria-disabled': true | undefined;
+            'aria-controls': string | undefined;
+            'data-scope': string;
+            'data-part': string;
+            onClick: (event?: React.SyntheticEvent) => void;
+        };
+        contentProps: {
+            [x: string]: string | boolean | undefined;
+            id: string | undefined;
+            role: "region";
+            'aria-hidden': boolean;
+            'data-scope': string;
+            'data-part': string;
+        };
+        open: (event?: React.SyntheticEvent) => void;
+        close: (event?: React.SyntheticEvent) => void;
+        toggle: (event?: React.SyntheticEvent) => void;
+    };
+    open: (event?: React.SyntheticEvent) => void;
+    close: (event?: React.SyntheticEvent) => void;
+    toggle: (event?: React.SyntheticEvent) => void;
+}>;

package/fieldset/useFieldset.props.d.ts

@@ -1,2 +1,2 @@
-import type { useFieldsetProps } from '@primereact/types/shared/fieldset';
-export declare const defaultProps: useFieldsetProps;
+import type { UseFieldsetProps } from '@primereact/types/headless/fieldset';
+export declare const defaultProps: UseFieldsetProps;

package/fileupload/index.d.ts

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

package/fileupload/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as J}from"@primereact/core/headless";import{addClass as Q,isNotEmpty as D,removeClass as B}from"@primeuix/utils";import*as r from"react";var H={name:void 0,url:void 0,multiple:!1,accept:void 0,disabled:!1,auto:!1,maxFileSize:void 0,fileLimit:void 0,withCredentials:!1,customUpload:!1,invalidFileLimitMessage:"Maximum number of files exceeded, limit is {0} at most.",invalidFileSizeMessage:"{0}: Invalid file size, file size should be smaller than {1}.",invalidFileTypeMessage:"{0}: Invalid file type, allowed file types: {1}.",uploadHandler:void 0,onSelect:void 0,onBeforeUpload:void 0,onUpload:void 0,onError:void 0,onProgress:void 0,onBeforeSend:void 0,onClear:void 0,onRemove:void 0};var ie=J({name:"useFileUpload",defaultProps:H,setup({props:t,$primereact:S}){let d=r.useRef(null),c=r.useRef(null),m=r.useRef(0),[l,g]=r.useState([]),[h,T]=r.useState([]),[C,F]=r.useState([]),[U,b]=r.useState(0),u=r.useMemo(()=>D(l),[l]),w=r.useMemo(()=>D(h),[h]),x={files:l,messages:C,progress:U,uploadedFiles:h},P=()=>{u&&E(l)},p=e=>{var f,o;let i=s=>"dataTransfer"in s&&!!s.dataTransfer;u&&g([]);let n=[];t.multiple&&(n=l?[...l]:[]);let a=i(e)?(f=e.dataTransfer)==null?void 0:f.files:(o=e.target)==null?void 0:o.files;if(a){for(let s of Array.from(a))if(!k(s)&&!R()&&O(s)){if(q(s)){let v=s;v.objectURL=window.URL.createObjectURL(s)}n.push(s)}g(n),t.fileLimit&&Z(),t.auto&&D(n)&&!R()&&E(n),t.onSelect&&t.onSelect({originalEvent:e,files:n}),M()}},I=()=>{d.current&&d.current.click()},E=(e=l)=>{var n;let i=(n=e!=null?e:l)!=null?n:[];if(t.customUpload)t.fileLimit&&(m.current+=i.length),t.uploadHandler&&t.uploadHandler({files:i,options:{clear:L,props:t}});else{let a=new XMLHttpRequest,f=new FormData;t.onBeforeUpload&&t.onBeforeUpload({xhr:a,files:i});for(let o of i)f.append(t.name,o,o.name);a.upload.addEventListener("progress",o=>{if(o.lengthComputable){let s=Math.round(o.loaded*100/o.total);b(s)}t.onProgress&&t.onProgress({originalEvent:o,progress:U})}),a.onreadystatechange=()=>{a.readyState===4&&(b(0),a.status>=200&&a.status<300?(t.fileLimit&&(m.current+=i.length),t.onUpload&&t.onUpload({xhr:a,files:i}),T(o=>[...o,...i])):t.onError&&t.onError({xhr:a,files:i}),L())},t.url&&(a.open("POST",t.url,!0),t.onBeforeSend&&t.onBeforeSend({xhr:a,formData:f}),a.withCredentials=!!t.withCredentials,a.send(f))}},L=()=>{g([]),F([]),t.onClear&&t.onClear(),M()},k=e=>{if(l&&l.length){for(let i of l)if(i.name+i.type+i.size===e.name+e.type+e.size)return!0}return!1},O=e=>t.accept&&!A(e)?(F(i=>[...i,t.invalidFileTypeMessage.replace("{0}",e.name).replace("{1}",t.accept)]),!1):t.maxFileSize&&e.size>t.maxFileSize?(F(i=>[...i,t.invalidFileSizeMessage.replace("{0}",e.name).replace("{1}",z(t.maxFileSize))]),!1):!0,A=e=>{let i=t.accept.split(",").map(n=>n.trim());for(let n of i)if(j(n)?y(e.type)===y(n):e.type==n||W(e).toLowerCase()===n.toLowerCase())return!0;return!1},y=e=>e.substring(0,e.indexOf("/")),j=e=>e.indexOf("*")!==-1,W=e=>"."+e.name.split(".").pop(),q=e=>/^image\//.test(e.type),G=e=>{!t.disabled&&(!u||t.multiple)&&(e.stopPropagation(),e.preventDefault())},K=e=>{!t.disabled&&(!u||t.multiple)&&(Q(c.current,"p-fileupload-highlight"),c.current.setAttribute("data-p-highlight","true"),e.stopPropagation(),e.preventDefault())},N=()=>{t.disabled||(B(c.current,"p-fileupload-highlight"),c.current.setAttribute("data-p-highlight","false"))},V=e=>{var i;if(!t.disabled){B(c.current,"p-fileupload-highlight"),c.current.setAttribute("data-p-highlight","false"),e.stopPropagation(),e.preventDefault();let n=(i=e.dataTransfer)==null?void 0:i.files;(t.multiple||n&&n.length===1)&&p(e)}},X=e=>{M();let i=[...l],n=l[e];i.splice(e,1),g(i),t.onRemove&&t.onRemove({file:n})},Y=e=>{let i=[...h];i.splice(e,1),T(i),t.onRemove&&t.onRemove({file:l[e]})},M=()=>{d.current&&(d.current.value="")},z=e=>{var s,v;let a=((v=(s=S==null?void 0:S.config)==null?void 0:s.locale)==null?void 0:v.fileSizeTypes)||["B","KB","MB","GB","TB","PB","EB","ZB","YB"];if(e===0)return`0 ${a[0]}`;let f=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,f)).toFixed(3))} ${a[f]}`},R=()=>t.fileLimit&&t.fileLimit<l.length+m.current,Z=()=>{R()&&F(e=>[...e,t.invalidFileLimitMessage.replace("{0}",t.fileLimit.toString())])};return{state:x,uploadedFileCount:m,hasFiles:u,hasUploadedFiles:w,inputRef:d,contentRef:c,upload:P,onFileSelect:p,choose:I,uploader:E,clear:L,remove:X,removeUploadedFile:Y,formatSize:z,onDragEnter:G,onDragOver:K,onDragLeave:N,onDrop:V}}});export{H as defaultProps,ie as useFileUpload};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as ae}from"@primereact/core/headless";import{$t as ne}from"@primereact/core/locale";import{addClass as ie,isNotEmpty as R,removeClass as I}from"@primeuix/utils";import*as l from"react";var k={name:void 0,url:void 0,multiple:!1,accept:void 0,disabled:!1,auto:!1,maxFileSize:void 0,fileLimit:void 0,withCredentials:!1,customUpload:!1,invalidFileLimitMessage:"Maximum number of files exceeded, limit is {0} at most.",invalidFileSizeMessage:"{0}: Invalid file size, file size should be smaller than {1}.",invalidFileTypeMessage:"{0}: Invalid file type, allowed file types: {1}.",uploadHandler:void 0,onSelect:void 0,onChange:void 0,onBeforeUpload:void 0,onUpload:void 0,onError:void 0,onProgress:void 0,onBeforeSend:void 0,onClear:void 0,onRemove:void 0};var Fe=ae({name:"useFileUpload",defaultProps:k,setup({props:e}){let f=l.useRef(null),c=l.useRef(null),u=l.useRef(0),m=l.useRef(null),B=l.useCallback(t=>{f.current=t},[]),A=l.useCallback(t=>{c.current=t},[]),[s,g]=l.useState([]),[p,S]=l.useState([]),[F,v]=l.useState(0),d=l.useMemo(()=>R(s),[s]),O=l.useMemo(()=>R(p),[p]),N={files:s,progress:F,uploadedFiles:p},T=t=>{let a=m.current;a&&(a.onreadystatechange=null,a.abort(),m.current=null,t&&v(0))},$=()=>T(!0);l.useEffect(()=>()=>{T(!1)},[]);let M=()=>{d&&L(s)},E=t=>{let a=o=>"dataTransfer"in o&&!!o.dataTransfer;d&&g([]);let n=[];e.multiple&&(n=s?[...s]:[]);let r=a(t)?t.dataTransfer?.files:t.target?.files;if(!r)return;let i=[];for(let o of Array.from(r)){if(j(o)||D())continue;let w=X(o);if(w.length){i.push({file:o,errors:w});continue}n.push(o)}if(g(n),e.fileLimit){let o=K();o&&i.push({errors:[o]})}i.length&&e.onError&&e.onError({type:"validation",rejectedFiles:i}),e.onChange&&e.onChange({acceptedFiles:n,rejectedFiles:i}),e.auto&&R(n)&&!D()&&L(n),e.onSelect&&e.onSelect({originalEvent:t,files:n}),b()},P=()=>{f.current&&f.current.click()},L=(t=s)=>{let a=t??s??[];if(e.customUpload)e.fileLimit&&(u.current+=a.length),e.uploadHandler&&e.uploadHandler({files:a,options:{clear:h,props:e}});else{let n=new XMLHttpRequest;m.current=n;let r=new FormData;e.onBeforeUpload&&e.onBeforeUpload({xhr:n,files:a});for(let i of a)r.append(e.name,i,i.name);n.upload.addEventListener("progress",i=>{let o=i.lengthComputable?Math.round(i.loaded*100/i.total):0;i.lengthComputable&&v(o),e.onProgress?.({originalEvent:i,progress:o})}),n.onreadystatechange=()=>{n.readyState===4&&(v(0),m.current=null,n.status>=200&&n.status<300?(e.fileLimit&&(u.current+=a.length),e.onUpload&&e.onUpload({xhr:n,files:a}),S(i=>[...i,...a])):e.onError&&e.onError({type:"upload",reason:"upload",xhr:n,files:a}),h())},e.url&&(n.open("POST",e.url,!0),e.onBeforeSend&&e.onBeforeSend({xhr:n,formData:r}),n.withCredentials=!!e.withCredentials,n.send(r))}},h=()=>{g([]),e.onClear&&e.onClear(),e.onChange&&e.onChange({acceptedFiles:[],rejectedFiles:[]}),b()},j=t=>{if(s&&s.length){for(let a of s)if(a.name+a.type+a.size===t.name+t.type+t.size)return!0}return!1},X=t=>{let a=[];return e.accept&&!q(t)&&a.push({reason:"fileType",message:e.invalidFileTypeMessage.replace("{0}",t.name).replace("{1}",e.accept)}),e.maxFileSize&&t.size>e.maxFileSize&&a.push({reason:"fileSize",message:e.invalidFileSizeMessage.replace("{0}",t.name).replace("{1}",x(e.maxFileSize))}),a},q=t=>{let a=e.accept.split(",").map(n=>n.trim());for(let n of a)if(V(n)?C(t.type)===C(n):t.type==n||W(t).toLowerCase()===n.toLowerCase())return!0;return!1},C=t=>t.substring(0,t.indexOf("/")),V=t=>t.indexOf("*")!==-1,W=t=>"."+t.name.split(".").pop(),y=t=>{!e.disabled&&(!d||e.multiple)&&(t.stopPropagation(),t.preventDefault())},H=t=>{!e.disabled&&(!d||e.multiple)&&(ie(c.current,"p-fileupload-highlight"),c.current.setAttribute("data-highlight","true"),t.stopPropagation(),t.preventDefault())},z=()=>{e.disabled||(I(c.current,"p-fileupload-highlight"),c.current.setAttribute("data-highlight","false"))},U=t=>{if(!e.disabled){I(c.current,"p-fileupload-highlight"),c.current.setAttribute("data-highlight","false"),t.stopPropagation(),t.preventDefault();let a=t.dataTransfer?.files;(e.multiple||a&&a.length===1)&&E(t)}},G=t=>{b();let a=[...s],n=s[t];a.splice(t,1),g(a),e.onRemove&&e.onRemove({file:n}),e.onChange&&e.onChange({acceptedFiles:a,rejectedFiles:[]})},J=t=>{let a=[...p];a.splice(t,1),S(a),e.onRemove&&e.onRemove({file:s[t]})},b=()=>{f.current&&(f.current.value="")},x=t=>{let r=ne("fileSizeTypes");if(t===0)return`0 ${r[0]}`;let i=Math.floor(Math.log(t)/Math.log(1024));return`${parseFloat((t/Math.pow(1024,i)).toFixed(3))} ${r[i]}`},D=()=>e.fileLimit&&e.fileLimit<s.length+u.current,K=()=>D()?{reason:"fileLimit",message:e.invalidFileLimitMessage.replace("{0}",e.fileLimit.toString())}:null,Q={"data-scope":"fileupload","data-part":"root",...e.disabled&&{"data-disabled":""}},Y={ref:B,"data-scope":"fileupload","data-part":"text",type:"file",accept:e.accept,multiple:e.multiple,disabled:e.disabled,onChange:E},Z={ref:A,"data-scope":"fileupload","data-part":"content",role:"region","aria-busy":F>0&&F<100,onDragEnter:y,onDragOver:H,onDragLeave:z,onDrop:U},_={"data-scope":"fileupload","data-part":"choose",onClick:P,...e.disabled&&{"data-disabled":""}},ee={"data-scope":"fileupload","data-part":"upload",onClick:M,disabled:!d,...e.disabled&&{"data-disabled":""}},te={"data-scope":"fileupload","data-part":"clear",onClick:h,disabled:!d,...e.disabled&&{"data-disabled":""}};return{state:N,uploadedFileCount:u,hasFiles:d,hasUploadedFiles:O,rootProps:Q,chooseProps:_,uploadProps:ee,clearProps:te,inputProps:Y,contentProps:Z,fileRemoveProps:{"data-scope":"fileupload","data-part":"fileRemove"},fileProps:{"data-scope":"fileupload","data-part":"file"},fileThumbnailProps:{"data-scope":"fileupload","data-part":"fileThumbnail"},fileInfoProps:{"data-scope":"fileupload","data-part":"fileInfo"},fileNameProps:{"data-scope":"fileupload","data-part":"fileName"},fileSizeProps:{"data-scope":"fileupload","data-part":"fileSize"},fileListProps:{"data-scope":"fileupload","data-part":"fileList"},upload:M,cancelUpload:$,onFileSelect:E,choose:P,uploader:L,clear:h,remove:G,removeUploadedFile:J,formatSize:x,onDragEnter:y,onDragOver:H,onDragLeave:z,onDrop:U}}});export{k as defaultProps,Fe as useFileUpload};

package/fileupload/useFileUpload.d.ts

@@ -1,17 +1,89 @@
 import * as React from 'react';
-export declare const useFileUpload: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/fileupload").useFileUploadProps, unknown, {
+export declare const useFileUpload: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/fileupload").UseFileUploadProps, unknown, {
     state: {
         files: File[];
-        messages: string[];
         progress: number;
         uploadedFiles: File[];
     };
     uploadedFileCount: React.RefObject<number>;
     hasFiles: boolean;
     hasUploadedFiles: boolean;
-    inputRef: React.RefObject<HTMLInputElement | null>;
-    contentRef: React.RefObject<HTMLDivElement | null>;
+    rootProps: {
+        'data-disabled'?: string | undefined;
+        'data-scope': "fileupload";
+        'data-part': "root";
+    };
+    chooseProps: {
+        'data-disabled'?: string | undefined;
+        'data-scope': "fileupload";
+        'data-part': "choose";
+        onClick: () => void;
+    };
+    uploadProps: {
+        'data-disabled'?: string | undefined;
+        'data-scope': "fileupload";
+        'data-part': "upload";
+        onClick: () => void;
+        disabled: boolean;
+    };
+    clearProps: {
+        'data-disabled'?: string | undefined;
+        'data-scope': "fileupload";
+        'data-part': "clear";
+        onClick: () => void;
+        disabled: boolean;
+    };
+    inputProps: {
+        ref: (node: HTMLInputElement | null) => void;
+        'data-scope': "fileupload";
+        'data-part': "text";
+        type: "file";
+        accept: string | undefined;
+        multiple: boolean | undefined;
+        disabled: boolean | undefined;
+        onChange: (event: React.ChangeEvent<HTMLInputElement> | DragEvent) => void;
+    };
+    contentProps: {
+        ref: (node: HTMLDivElement | null) => void;
+        'data-scope': "fileupload";
+        'data-part': "content";
+        role: "region";
+        'aria-busy': boolean;
+        onDragEnter: React.DragEventHandler<HTMLDivElement>;
+        onDragOver: React.DragEventHandler<HTMLDivElement>;
+        onDragLeave: React.DragEventHandler<HTMLDivElement>;
+        onDrop: React.DragEventHandler<HTMLDivElement>;
+    };
+    fileRemoveProps: {
+        'data-scope': "fileupload";
+        'data-part': "fileRemove";
+    };
+    fileProps: {
+        'data-scope': "fileupload";
+        'data-part': "file";
+    };
+    fileThumbnailProps: {
+        'data-scope': "fileupload";
+        'data-part': "fileThumbnail";
+    };
+    fileInfoProps: {
+        'data-scope': "fileupload";
+        'data-part': "fileInfo";
+    };
+    fileNameProps: {
+        'data-scope': "fileupload";
+        'data-part': "fileName";
+    };
+    fileSizeProps: {
+        'data-scope': "fileupload";
+        'data-part': "fileSize";
+    };
+    fileListProps: {
+        'data-scope': "fileupload";
+        'data-part': "fileList";
+    };
     upload: () => void;
+    cancelUpload: () => void;
     onFileSelect: (event: React.ChangeEvent<HTMLInputElement> | DragEvent) => void;
     choose: () => void;
     uploader: (uploadFiles?: File[]) => void;

package/fileupload/useFileUpload.props.d.ts

@@ -1,2 +1,2 @@
-import type { useFileUploadProps } from '@primereact/types/shared/fileupload';
-export declare const defaultProps: useFileUploadProps;
+import type { UseFileUploadProps } from '@primereact/types/headless/fileupload';
+export declare const defaultProps: UseFileUploadProps;

package/floatlabel/index.d.ts

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

package/floatlabel/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as e}from"@primereact/core/headless";var o={};var s=e({name:"useFloatLabel",defaultProps:o,setup(){return{rootProps:{"data-scope":"floatlabel","data-part":"root"}}}});export{o as defaultProps,s as useFloatLabel};

package/floatlabel/useFloatLabel.d.ts

@@ -0,0 +1,6 @@
+export declare const useFloatLabel: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/floatlabel").UseFloatLabelProps, unknown, {
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/floatlabel/useFloatLabel.props.d.ts

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

package/fluid/index.d.ts

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

package/fluid/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as e}from"@primereact/core/headless";var r={};var s=e({name:"useFluid",defaultProps:r});export{r as defaultProps,s as useFluid};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as r}from"@primereact/core/headless";var o={};var d=r({name:"useFluid",defaultProps:o,setup(){return{rootProps:{"data-scope":"fluid","data-part":"root"}}}});export{o as defaultProps,d as useFluid};

package/fluid/useFluid.d.ts

@@ -1 +1,6 @@
-export declare const useFluid: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/fluid").useFluidProps, unknown, Record<PropertyKey, unknown>>;
+export declare const useFluid: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/fluid").UseFluidProps, unknown, {
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/fluid/useFluid.props.d.ts

@@ -1,2 +1,2 @@
-import type { useFluidProps } from '@primereact/types/shared/fluid';
-export declare const defaultProps: useFluidProps;
+import type { UseFluidProps } from '@primereact/types/headless/fluid';
+export declare const defaultProps: UseFluidProps;

package/focustrap/index.d.ts

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

package/focustrap/index.mjs

@@ -1,2 +1 @@
-var w=Object.defineProperty;var h=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var g=(o,r,n)=>r in o?w(o,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[r]=n,f=(o,r)=>{for(var n in r||(r={}))A.call(r,n)&&g(o,n,r[n]);if(h)for(var n of h(r))O.call(r,n)&&g(o,n,r[n]);return o};import{withHeadless as $}from"@primereact/core/headless";import{useUnmountEffect as I}from"@primereact/hooks/use-unmount-effect";import{mergeProps as v}from"@primeuix/utils";import{focus as E,getFirstFocusableElement as p,getLastFocusableElement as U,isFocusableElement as S}from"@primeuix/utils/dom";import{isNotEmpty as j}from"@primeuix/utils/object";import*as s from"react";var x={disabled:!1,autoFocus:!0,container:null};var V=$({name:"useFocusTrap",defaultProps:x,setup:({props:o,elementRef:r})=>{let{disabled:n,autoFocus:b,container:R}=o,T=s.useRef(null),H=s.useRef(null),d=s.useRef(null),a=s.useRef(null),P={};s.useEffect(()=>{a.current=R||r.current},[R,r]);let m=e=>`:not(.p-hidden-focusable):not([data-p-hidden-focusable="true"])${e!=null?e:""}`,y=e=>{let t=a.current,l=e.relatedTarget,c=H.current;if(!t||!c)return;let u=l===c||!(t!=null&&t.contains(l))?p(t,m()):c;u&&E(u)},k=e=>{let t=a.current,l=e.relatedTarget,c=T.current;if(!t||!c)return;let u=l===c||!(t!=null&&t.contains(l))?U(t,m()):c;u&&E(u)},L=s.useCallback(()=>{if(!b)return;let e=a.current;if(!e)return;let t=p(e,`[autofocus]${m()}`);t||(t=p(e,m())),t&&E(t)},[b,a]),F=s.useCallback(()=>{let e=a.current;!e||n||!(e instanceof Element)||(e.setAttribute("data-p-focus-trap","true"),d.current=new MutationObserver(t=>{for(let l of t)if(l.type==="childList"&&!e.contains(document.activeElement)){let c=i=>{if(!i||!("nodeType"in i))return null;let M=S(i)?S(i,m(""))?i:p(e,m("")):p(i);return j(M)?M:i.nextSibling?c(i.nextSibling):null},u=c(l.nextSibling);u&&E(u)}}),d.current.observe(e,{childList:!0}))},[n,a]),N=()=>{let e=a.current;e&&(e.removeAttribute("data-p-focus-trap"),d.current&&(d.current.disconnect(),d.current=null))},C=()=>{let e={className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,role:"presentation","aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0};return[s.createElement("span",f({},v(f({ref:T,onFocus:y},e)))),s.createElement("span",f({},v(f({ref:H,onFocus:k},e))))]};return s.useEffect(()=>{a.current&&(n||(F(),L()))},[n,F,L,a]),I(()=>{N()}),{state:P,hiddenElements:n?[null,null]:C()}}});export{x as defaultProps,V as useFocusTrap};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as P}from"@primereact/core/headless";import{focus as i,getFirstFocusableElement as d,getLastFocusableElement as S,isFocusableElement as y,toElement as a}from"@primeuix/utils";import{isNotEmpty as w}from"@primeuix/utils/object";import*as s from"react";var k={trapped:!0,autoFocus:!0,initialFocusRef:void 0,onEscape:void 0,onTabFirst:void 0,onTabLast:void 0};var j=P({name:"useFocusTrap",defaultProps:k,setup:({props:h})=>{let{trapped:c,autoFocus:H,initialFocusRef:p,onEscape:R,onTabFirst:E,onTabLast:b}=h,L=s.useRef(null),F=s.useRef(null),f=s.useRef(null),u=s.useRef(null),T=s.useRef(null),r=e=>`:not([data-focus-guard])${e??""}`,x=s.useCallback(e=>{if(!c)return;if(E){E(e);return}let t=a(u),l=e.relatedTarget,n=a(F);if(!t||!n)return;let o=l===n||!t.contains(l)?d(t,r()):n;o&&i(o)},[c,E]),C=s.useCallback(e=>{if(!c)return;if(b){b(e);return}let t=a(u),l=e.relatedTarget,n=a(L);if(!t||!n)return;let o=l===n||!t.contains(l)?S(t,r()):n;o&&i(o)},[c,b]),M=s.useCallback(()=>{if(!H)return;let e=a(u);if(!e)return;if(p?.current){i(a(p));return}let t=d(e,`[autofocus]${r()}, [data-autofocus]${r()}`);t||(t=d(e,r())),t&&i(t)},[H,p]),m=s.useCallback(e=>{e.key==="Escape"&&R?.(e)},[R]),v=s.useCallback(()=>{let e=a(u);!e||!c||!(e instanceof Element)||(T.current=document.activeElement,e.setAttribute("data-focus-trap",""),e.addEventListener("keydown",m),f.current=new MutationObserver(t=>{for(let l of t)if(l.type==="childList"&&!e.contains(document.activeElement)){let n=l.nextSibling,o=null;for(;n&&!(n instanceof Element&&(y(n)?o=y(n,r(""))?n:d(e,r("")):o=d(n,`[autofocus]${r()}, [data-autofocus]${r()}`),w(o)));)n=n.nextSibling;o&&i(o)}}),f.current.observe(e,{childList:!0}))},[c,m]),g=s.useCallback(()=>{let e=a(u);e&&(e.removeAttribute("data-focus-trap"),e.removeEventListener("keydown",m)),f.current&&(f.current.disconnect(),f.current=null);let t=T.current;t?.isConnected&&i(t,{preventScroll:!0}),T.current=null},[m]);return s.useEffect(()=>{if(!(!c||!a(u)))return v(),M(),()=>g()},[c,v,M,g]),{containerRef:u,firstHiddenElementRef:L,lastHiddenElementRef:F,firstHiddenProps:{role:"presentation","aria-hidden":!0,"data-focus-guard":"",onFocus:x},lastHiddenProps:{role:"presentation","aria-hidden":!0,"data-focus-guard":"",onFocus:C}}}});export{k as defaultProps,j as useFocusTrap};

package/focustrap/useFocusTrap.d.ts

@@ -1,5 +1,18 @@
 import * as React from 'react';
-export declare const useFocusTrap: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/focustrap").useFocusTrapProps, unknown, {
-    state: {};
-    hiddenElements: [React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null, React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null];
+export declare const useFocusTrap: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/focustrap").UseFocusTrapProps, unknown, {
+    containerRef: React.RefObject<HTMLElement | null>;
+    firstHiddenElementRef: React.RefObject<HTMLSpanElement | null>;
+    lastHiddenElementRef: React.RefObject<HTMLSpanElement | null>;
+    firstHiddenProps: {
+        role: "presentation";
+        'aria-hidden': true;
+        'data-focus-guard': string;
+        onFocus: (event: React.FocusEvent<HTMLSpanElement>) => void;
+    };
+    lastHiddenProps: {
+        role: "presentation";
+        'aria-hidden': true;
+        'data-focus-guard': string;
+        onFocus: (event: React.FocusEvent<HTMLSpanElement>) => void;
+    };
 }>;

package/focustrap/useFocusTrap.props.d.ts

@@ -1,2 +1,2 @@
-import type { useFocusTrapProps } from '@primereact/types/shared/focustrap';
-export declare const defaultProps: useFocusTrapProps;
+import type { UseFocusTrapProps } from '@primereact/types/headless/focustrap';
+export declare const defaultProps: UseFocusTrapProps;

package/gallery/index.d.ts

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

package/gallery/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as S}from"@primereact/core/headless";import*as t from"react";var h={activeIndex:0,onActiveIndexChange:void 0};var C=S({name:"useGallery",defaultProps:h,setup:({props:y,elementRef:u})=>{let{activeIndex:i=0,onActiveIndexChange:s=void 0}=y,g=t.useRef(null),o=t.useRef([]),x=t.useRef(null),w=t.useRef(null),E=t.useRef(null),I=t.useRef(null),[,b]=t.useState(0),[l,f]=t.useState(i),[d,p]=t.useState(!1);t.useEffect(()=>{f(i)},[i]);let z=e=>{if(!e)return-1;let c=o.current.findIndex(r=>r.current===e);return c===-1?(o.current.push({current:e}),b(r=>r+1),o.current.length-1):c},m=()=>{let e=(l+1)%o.current.length;f(e),s==null||s({originalEvent:void 0,value:e})},v=()=>{let e=(l-1+o.current.length)%o.current.length;f(e),s==null||s({originalEvent:void 0,value:e})},n=e=>()=>{var r;let c=(r=o.current[l])==null?void 0:r.current;if(c){let L=new CustomEvent("gallery-"+e,{detail:{action:e}});c.dispatchEvent(L)}},R=()=>{u.current&&(d?(Object.assign(u.current.style,{position:"relative",top:"",left:"",width:"",height:"",zIndex:""}),document.body.style.overflow="auto",p(!1)):(Object.assign(u.current.style,{position:"fixed",top:"0",left:"0",width:"100dvw",height:"100dvh",zIndex:"9999"}),document.body.style.overflow="hidden",p(!0)),setTimeout(()=>{window.dispatchEvent(new Event("resize"))},100))},a={zoomIn:n("zoom-in"),zoomOut:n("zoom-out"),rotateLeft:n("rotate-left"),rotateRight:n("rotate-right"),flipX:n("flip-x"),flipY:n("flip-y"),download:n("download"),next:m,prev:v,toggleFullScreen:R},H=t.useCallback(e=>{e&&a[e]&&a[e]()},[a]);return{state:{isFullscreen:d,activeIndex:l},registerItem:z,handleNext:m,handlePrev:v,createCustomEvent:n,toggleFullScreen:R,handleClickAction:H,actions:a,contentRef:g,toolbarRef:x,thumbnailRef:w,prevRef:E,nextRef:I}}});export{h as defaultProps,C as useGallery};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as pe}from"@primereact/core/headless";import{useControlledState as fe}from"@primereact/hooks/use-controlled-state";import*as n from"react";var A={activeIndex:void 0,defaultActiveIndex:0,fullscreen:void 0,closeOnEscape:!0,onActiveIndexChange:void 0,onFullscreenChange:void 0,onZoomChange:void 0,onRotateChange:void 0,onFlipChange:void 0};var Ce=pe({name:"useGallery",defaultProps:A,setup:({props:y,id:F,elementRef:c})=>{let{fullscreen:s,closeOnEscape:w=!0,onActiveIndexChange:T=void 0,onFullscreenChange:h,onZoomChange:I,onRotateChange:P,onFlipChange:k}=y,z=n.useRef(null),a=n.useRef(0),u=n.useRef(new Set),D=n.useRef(null),L=n.useRef(null),G=n.useRef(null),[M,O]=fe({value:y.activeIndex,defaultValue:y.defaultActiveIndex??0,onChange:T}),i=M??0,v=n.useRef(i);v.current=i;let b=(e,t)=>{O([e,{originalEvent:t,value:e}])},[H,S]=n.useState(!1),l=s??H,[r,K]=n.useState({zoomed:!1,rotated:!1,flipped:!1}),[U,x]=n.useState(null);n.useEffect(()=>()=>{a.current=0,u.current.clear()},[]);let X=n.useCallback(e=>{let t=e;return(t===null||u.current.has(t))&&(t=a.current),u.current.add(t),a.current=Math.max(a.current,t+1),{index:t,unregister:()=>{u.current.delete(t),a.current=u.current.size===0?0:Math.max(...u.current)+1}}},[]),Y=n.useCallback(()=>x(null),[]),p=e=>{if(a.current<=0)return;let t=(v.current+1)%a.current;b(t,e)},f=e=>{if(a.current<=0)return;let t=(v.current-1+a.current)%a.current;b(t,e)},m=(e,t)=>{e<0||e>=a.current||b(e,t)},d=e=>()=>{x({type:e,timestamp:Date.now()})},R=()=>{if(s!==void 0){h?.(!s);return}c.current&&(document.fullscreenElement?document.exitFullscreen?.():c.current.requestFullscreen?.())};n.useEffect(()=>{if(s===void 0||!c.current)return;let e=document.fullscreenElement===c.current;s&&!e?c.current.requestFullscreen?.()?.catch(()=>{}):!s&&document.fullscreenElement&&document.exitFullscreen?.()?.catch(()=>{})},[s]),n.useEffect(()=>{let e=()=>{let t=document.fullscreenElement===c.current;S(t),s!==void 0&&s!==t&&h?.(t)};return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[s,h]);let E=n.useRef(null),N=n.useCallback(e=>{K({zoomed:e.zoomed,rotated:e.rotated,flipped:e.flipped});let t=E.current;(!t||t.scale!==e.scale)&&I?.(e.scale),(!t||t.rotation!==e.rotation)&&P?.(e.rotation),(!t||t.flip.x!==e.flip.x||t.flip.y!==e.flip.y)&&k?.(e.flip),E.current={scale:e.scale,rotation:e.rotation,flip:e.flip}},[I,P,k]),g={zoomIn:d("zoom-in"),zoomOut:d("zoom-out"),rotateLeft:d("rotate-left"),rotateRight:d("rotate-right"),flipX:d("flip-x"),flipY:d("flip-y"),download:d("download"),next:p,prev:f,toggleFullScreen:R},o=n.useCallback(e=>{e&&g[e]&&g[e]()},[g]),q={isFullscreen:l,activeIndex:i,zoomed:r.zoomed,rotated:r.rotated,flipped:r.flipped,pendingAction:U},B={ref:c,id:F,tabIndex:0,role:l?"dialog":"group","aria-roledescription":l?void 0:"carousel","aria-modal":l||void 0,"data-scope":"gallery","data-part":"root",onKeyDown:e=>{e.key==="ArrowRight"?(e.preventDefault(),p(e)):e.key==="ArrowLeft"?(e.preventDefault(),f(e)):e.key==="Home"?(e.preventDefault(),m(0,e)):e.key==="End"?(e.preventDefault(),m(a.current-1,e)):e.key==="Escape"&&w&&l&&(e.preventDefault(),R())},...l&&{"data-fullscreen":""},...r.zoomed&&{"data-zoomed":""},...r.rotated&&{"data-rotated":""},...r.flipped&&{"data-flipped":""}},Z={"data-scope":"gallery","data-part":"next",onClick:p},j={"data-scope":"gallery","data-part":"prev",onClick:f},V={"data-scope":"gallery","data-part":"thumbnail",slide:i},J={"data-scope":"gallery","data-part":"thumbnailContent"},Q=e=>{let t=ie=>{e!==void 0&&m(e,ie)},C=e!==void 0&&i===e;return{"data-scope":"gallery","data-part":"thumbnailItem",role:"button","aria-current":C||void 0,...C&&{"data-active":""},onClick:t}},W={"data-scope":"gallery","data-part":"toolbar"},_=e=>({"data-scope":"gallery","data-part":"toolbarItem",onClick:()=>{o(e)}}),$={"data-scope":"gallery","data-part":"header"},ee={"data-scope":"gallery","data-part":"footer"},te={"data-scope":"gallery","data-part":"backdrop"},ne={ref:z,"data-scope":"gallery","data-part":"content"},ae={"data-scope":"gallery","data-part":"download","data-action":"download",onClick:()=>o("download")},oe={"data-scope":"gallery","data-part":"flipX","data-action":"flip-x",onClick:()=>o("flipX")},se={"data-scope":"gallery","data-part":"flipY","data-action":"flip-y",onClick:()=>o("flipY")},re={"data-scope":"gallery","data-part":"rotateLeft","data-action":"rotate-left",onClick:()=>o("rotateLeft")},ce={"data-scope":"gallery","data-part":"rotateRight","data-action":"rotate-right",onClick:()=>o("rotateRight")},le={"data-scope":"gallery","data-part":"fullScreen","data-action":"fullscreen",...l&&{"data-fullscreen":""},onClick:()=>o("toggleFullScreen")},de={"data-scope":"gallery","data-part":"zoomIn","data-action":"zoom-in",disabled:r.zoomed||void 0,onClick:()=>o("zoomIn")},ue={"data-scope":"gallery","data-part":"zoomOut","data-action":"zoom-out",disabled:!r.zoomed||void 0,onClick:()=>o("zoomOut")};return{state:q,registerItem:X,handleNext:p,handlePrev:f,selectItem:m,reportItemState:N,clearPendingAction:Y,toggleFullScreen:R,handleClickAction:o,actions:g,contentRef:z,thumbnailRef:D,prevRef:L,nextRef:G,rootProps:B,nextProps:Z,prevProps:j,thumbnailProps:V,thumbnailContentProps:J,thumbnailItemProps:Q,toolbarProps:W,toolbarItemProps:_,headerProps:$,footerProps:ee,backdropProps:te,contentProps:ne,downloadProps:ae,flipXProps:oe,flipYProps:se,rotateLeftProps:re,rotateRightProps:ce,fullScreenProps:le,zoomInProps:de,zoomOutProps:ue,zoomToggleProps:{"data-scope":"gallery","data-part":"zoomToggle","data-action":"zoom-toggle",onClick:()=>o(r.zoomed?"zoomOut":"zoomIn")},getItemProps:e=>(e>=a.current&&(a.current=e+1),{"data-scope":"gallery","data-part":"item",...i===e&&{"data-active":""}})}}});export{A as defaultProps,Ce as useGallery};