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

package/organizationchart/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as Z}from"@primereact/core/headless";import{useControlledState as w}from"@primereact/hooks/use-controlled-state";import*as a from"react";var D={value:void 0,gap:[40,56],selectionMode:void 0,collapsedKeys:void 0,defaultCollapsedKeys:void 0,onCollapsedChange:void 0,selectionKeys:void 0,defaultSelectionKeys:void 0,onSelectionChange:void 0};function K(t,r){for(let c of t){if(c.key===r)return c;if(c.children){let d=K(c.children,r);if(d)return d}}return null}function L(t){let r=[];for(let c of t.children??[])r.push(c.key,...L(c));return r}function H(t,r){let c=[],d=(v,R)=>{for(let f of v){if(f.key===r)return c.push(...R),!0;if(f.children&&d(f.children,[...R,f.key]))return!0}return!1};return d(t,[]),c}var ne=Z({name:"useOrganizationChart",defaultProps:D,setup({props:t}){let r=a.useRef(t.defaultCollapsedKeys??{}),[c,d]=w({value:t.collapsedKeys,defaultValue:r.current,onChange:t.onCollapsedChange}),v=a.useRef(t.defaultSelectionKeys??{}),[R,f]=w({value:t.selectionKeys,defaultValue:v.current,onChange:t.onSelectionChange}),p=c??{},s=R??{},S=a.useCallback(()=>t.value??[],[t.value]),B=a.useCallback(e=>K(t.value??[],e)??void 0,[t.value]),A=a.useCallback(e=>H(t.value??[],e).length+1,[t.value]),I={collapsedKeys:p,selectionKeys:s},h=a.useCallback(e=>!!(e?.children&&e.children.length>0),[]),g=a.useCallback(()=>t.selectionMode!=null,[t.selectionMode]),C=a.useCallback(e=>e?.key?p[e.key]===!0:!1,[p]),y=a.useCallback(e=>{if(!e?.key)return!1;let n=s[e.key];return t.selectionMode==="checkbox"?n?.checked===!0:n===!0},[s,t.selectionMode]),U=a.useCallback(e=>!e?.key||t.selectionMode!=="checkbox"?!1:s[e.key]?.partialChecked===!0,[s,t.selectionMode]),E=a.useCallback((e,n)=>{if(!e)return;let o={...p};o[e]?delete o[e]:o[e]=!0,d([o,{originalEvent:n??{},value:o}])},[p,d]),m=a.useCallback((e,n)=>{f([e,{originalEvent:n??{},value:e}])},[f]),T=a.useCallback((e,n)=>{let o=S(),i=K(o,e);if(!i)return;let l={};for(let[u,k]of Object.entries(s))l[u]=k;let Q=l[e]?.checked!==!0,W=[e,...L(i)];for(let u of W)Q?l[u]={checked:!0,partialChecked:!1}:delete l[u];let z=H(o,e);for(let u=z.length-1;u>=0;u--){let k=z[u],P=K(o,k);if(!P?.children)continue;let O=P.children.map(b=>b.key),X=O.every(b=>l[b]?.checked),Y=O.some(b=>l[b]?.checked||l[b]?.partialChecked);X?l[k]={checked:!0,partialChecked:!1}:Y?l[k]={checked:!1,partialChecked:!0}:delete l[k]}m(l,n)},[S,s,m]),M=a.useCallback((e,n)=>{if(!e||t.selectionMode==null)return;if(t.selectionMode==="checkbox"){T(e,n);return}let o=s[e]===!0,i;t.selectionMode==="single"?i=o?{}:{[e]:!0}:(i={...s},o?delete i[e]:i[e]=!0),m(i,n)},[t.selectionMode,s,T,m]),N=a.useCallback((e,n)=>{(e.key==="Enter"||e.key===" ")&&(M(n,e),e.preventDefault(),e.stopPropagation())},[M]),x=a.useCallback((e,n)=>{(e.key==="Enter"||e.key===" ")&&(E(n,e),e.preventDefault(),e.stopPropagation())},[E]),V=a.useMemo(()=>{let e=t.gap??40;return Array.isArray(e)?e.length===1?e=[e[0],e[0]]:e.length===0&&(e=[40,40]):e=[e,e],{"--px-gap-x":e[0]+"px","--px-gap-y":e[1]+"px"}},[t.gap]),j={"data-scope":"organizationchart","data-part":"root",role:"tree","aria-multiselectable":t.selectionMode==="multiple"||t.selectionMode==="checkbox"},q=a.useCallback((e,n)=>({"data-scope":"organizationchart","data-part":"tree",role:"treeitem","data-level":n,...C(e)?{"data-collapsed":""}:{},...y(e)?{"data-selected":""}:{},...h(e)?{"data-expandable":""}:{},"aria-level":n,"aria-expanded":h(e)?!C(e):void 0,"aria-selected":g()?y(e):void 0}),[C,y,h,g]),F=a.useCallback((e,n)=>({"data-scope":"organizationchart","data-part":"node",tabIndex:g()?0:-1,...g()?{"data-selectable":""}:{},...h(e)?{"data-collapsible":""}:{},...C(e)?{"data-collapsed":""}:{},...y(e)?{"data-selected":""}:{},onClick:n,onKeyDown:o=>N(o,e?.key)}),[g,h,C,y,N]),G=a.useCallback((e,n)=>({"data-scope":"organizationchart","data-part":"toggle",onClick:n,onKeyDown:o=>x(o,e?.key)}),[x]),J=a.useCallback(()=>({"data-scope":"organizationchart","data-part":"toggle-indicator","aria-hidden":!0}),[]);return{state:I,getNodes:S,findNodeByKey:B,getNodeLevel:A,rootProps:j,getTreeProps:q,getNodeProps:F,getCollapseButtonProps:G,getToggleIndicatorProps:J,subtreeProps:{"data-scope":"organizationchart","data-part":"subtree",role:"group"},orgChartStyle:V,toggleNodeSelect:M,toggleNodeCollapse:E,isExpandable:h,isSelectable:g,isCollapsed:C,isSelected:y,isPartiallySelected:U,handleNodeKeyDown:N,handleCollapseKeyDown:x}}});export{D as defaultProps,ne as useOrganizationChart};

package/organizationchart/useOrganizationChart.d.ts

@@ -0,0 +1,69 @@
+import type { OrganizationChartCollapsedKeys, OrganizationChartSelectionKeys, TreeNode } from '@primereact/types/headless/organizationchart';
+import * as React from 'react';
+export declare const useOrganizationChart: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/organizationchart").UseOrganizationChartProps, unknown, {
+    state: {
+        collapsedKeys: OrganizationChartCollapsedKeys;
+        selectionKeys: OrganizationChartSelectionKeys;
+    };
+    getNodes: () => TreeNode[];
+    findNodeByKey: (key: string) => TreeNode | undefined;
+    getNodeLevel: (key: string) => number;
+    rootProps: {
+        'data-scope': "organizationchart";
+        'data-part': "root";
+        role: "tree";
+        'aria-multiselectable': boolean;
+    };
+    getTreeProps: (node: TreeNode | undefined, level: number) => {
+        'aria-level': number;
+        'aria-expanded': boolean | undefined;
+        'aria-selected': boolean | undefined;
+        'data-expandable'?: string | undefined;
+        'data-selected'?: string | undefined;
+        'data-collapsed'?: string | undefined;
+        'data-scope': "organizationchart";
+        'data-part': "tree";
+        role: "treeitem";
+        'data-level': number;
+    };
+    getNodeProps: (node: TreeNode | undefined, handleClick: (event: React.MouseEvent<HTMLDivElement>) => void) => {
+        onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+        'data-selected'?: string | undefined;
+        'data-collapsed'?: string | undefined;
+        'data-collapsible'?: string | undefined;
+        'data-selectable'?: string | undefined;
+        'data-scope': "organizationchart";
+        'data-part': "node";
+        tabIndex: number;
+    };
+    getCollapseButtonProps: (node: TreeNode | undefined, handleClick: (event: React.MouseEvent<HTMLButtonElement>) => void) => {
+        'data-scope': "organizationchart";
+        'data-part': "toggle";
+        onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+    };
+    getToggleIndicatorProps: () => {
+        'data-scope': "organizationchart";
+        'data-part': "toggle-indicator";
+        'aria-hidden': true;
+    };
+    subtreeProps: {
+        'data-scope': "organizationchart";
+        'data-part': "subtree";
+        role: "group";
+    };
+    orgChartStyle: {
+        '--px-gap-x': string;
+        '--px-gap-y': string;
+    };
+    toggleNodeSelect: (key?: string, event?: React.SyntheticEvent) => void;
+    toggleNodeCollapse: (key?: string, event?: React.SyntheticEvent) => void;
+    isExpandable: (node?: TreeNode) => boolean;
+    isSelectable: () => boolean;
+    isCollapsed: (node?: TreeNode) => boolean;
+    isSelected: (node?: TreeNode) => boolean;
+    isPartiallySelected: (node?: TreeNode) => boolean;
+    handleNodeKeyDown: (event: React.KeyboardEvent<HTMLDivElement>, key?: string) => void;
+    handleCollapseKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>, key?: string) => void;
+}>;

package/organizationchart/useOrganizationChart.props.d.ts

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

package/overlaybadge/index.d.ts

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

package/overlaybadge/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as r}from"@primereact/core/headless";var e={};var p=r({name:"useOverlayBadge",defaultProps:e});export{e as defaultProps,p as useOverlayBadge};

package/overlaybadge/useOverlayBadge.d.ts

@@ -0,0 +1 @@
+export declare const useOverlayBadge: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/overlaybadge").UseOverlayBadgeProps, unknown, Record<PropertyKey, unknown>>;

package/overlaybadge/useOverlayBadge.props.d.ts

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

package/package.json

@@ -1,17 +1,12 @@
 {
   "name": "@primereact/headless",
-  "version": "11.0.0-alpha.9",
+  "version": "11.0.0-rc.2",
   "author": "PrimeTek Informatics",
-  "description": "",
-  "homepage": "https://primereact.org/",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/primefaces/primereact.git",
-    "directory": "packages/headless"
-  },
+  "description": "Headless components for PrimeReact.",
+  "homepage": "https://primereact.dev",
+  "license": "SEE LICENSE IN LICENSE.md",
   "bugs": {
-    "url": "https://github.com/primefaces/primereact/issues"
+    "url": "https://support.primeui.dev"
   },
   "main": "./index.mjs",
   "module": "./index.mjs",
@@ -28,13 +23,17 @@
       "default": "./*/index.mjs"
     }
   },
+  "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@primeuix/styled": "^0.7.4",
-    "@primeuix/utils": "^0.6.2",
-    "@primereact/core": "11.0.0-alpha.9",
-    "@primereact/hooks": "11.0.0-alpha.9"
-  }
+    "@primeui/license-manager": "^1.0.0-rc.2",
+    "@primeuix/styled": "^1.0.0-rc.3",
+    "@primeuix/utils": "^0.8.0-rc.2",
+    "@primereact/core": "11.0.0-rc.2",
+    "@primereact/hooks": "11.0.0-rc.2"
+  },
+  "repository": {},
+  "type": "module"
 }

package/paginator/index.d.ts

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

package/paginator/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as L}from"@primereact/core/headless";import*as l from"react";var w={defaultPage:1,page:void 0,total:0,itemsPerPage:10,onPageChange:void 0,siblings:1,edges:1,disabled:!1,showEllipsis:!0};var r=(e,a)=>{let s=Math.max(0,a-e+1);return Array.from({length:s},(g,n)=>({type:"page",value:e+n}))},M={type:"ellipsis"},H=L({name:"usePaginator",defaultProps:w,setup({props:e}){var m,f,d,P;let{edges:a=1,siblings:s=1,showEllipsis:g=!0}=e,[n,S]=l.useState((f=(m=e.defaultPage)!=null?m:e.page)!=null?f:1),t=Math.max(1,Math.ceil(((d=e.total)!=null?d:0)/((P=e.itemsPerPage)!=null?P:1))),b=n>1,v=n<t,c=i=>{var u;if(e.disabled||i===void 0)return;let o=i<1?1:i>t?t:i;o!==n&&((u=e.onPageChange)==null||u.call(e,{originalEvent:{},value:o})),S(o)},E=()=>c(n+1),y=()=>c(n-1),R=()=>c(1),I=()=>c(t),p=l.useMemo(()=>{let i=Math.max(n-s,1),o=Math.min(n+s,t);if(g){if(2*a+2*s+(g?3:1)>=t)return r(1,t);let h=i>a+2,x=o<t-a-1;return[...r(1,a),...h?[M]:r(a+1,s*2+a+2),...h&&x?r(i,o):[],...x?[M]:r(t-a-1-2*s,t-a),...r(t-a+1,t)]}else return[...r(Math.max(Math.min(i,o-2*s),1),Math.min(Math.max(o,i+2*s),t))]},[t,a,s,n,g]);return l.useEffect(()=>{e.page!==void 0&&c(e.page)},[e.page]),{state:{activePage:n,totalPages:t,canPrev:b,canNext:v},pages:p,prev:y,next:E,first:R,last:I,handlePage:c}}});export{w as defaultProps,H as usePaginator};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as I}from"@primereact/core/headless";import{$t as L}from"@primereact/core/locale";import*as l from"react";var w={defaultPage:1,page:void 0,total:0,itemsPerPage:10,onPageChange:void 0,siblings:1,edges:1,disabled:!1,showEllipsis:!0};var r=(a,P)=>{let s=Math.max(0,P-a+1);return Array.from({length:s},(i,c)=>({type:"page",value:a+c}))},M={type:"ellipsis"},_=I({name:"usePaginator",defaultProps:w,setup({props:a}){let P=t=>L(`aria.${t}`),{edges:s=1,siblings:i=1,showEllipsis:c=!0}=a,[n,S]=l.useState(a.defaultPage??a.page??1),e=Math.max(1,Math.ceil((a.total??0)/(a.itemsPerPage??1))),g=n>1,p=n<e,o=t=>{if(a.disabled||t===void 0)return;let d=t<1?1:t>e?e:t;d!==n&&a.onPageChange?.({originalEvent:{},value:d}),S(d)},f=()=>o(n+1),m=()=>o(n-1),b=()=>o(1),u=()=>o(e),v=l.useMemo(()=>{let t=Math.max(n-i,1),d=Math.min(n+i,e);if(c){if(2*s+2*i+(c?3:1)>=e)return r(1,e);let h=t>s+2,x=d<e-s-1;return[...r(1,s),...h?[M]:r(s+1,i*2+s+2),...h&&x?r(t,d):[],...x?[M]:r(e-s-1-2*i,e-s),...r(e-s+1,e)]}else return[...r(Math.max(Math.min(t,d-2*i),1),Math.min(Math.max(d,t+2*i),e))]},[e,s,i,n,c]);l.useEffect(()=>{a.page!==void 0&&o(a.page)},[a.page]);let C={"data-scope":"paginator","data-part":"root"},y={"data-scope":"paginator","data-part":"first",onClick:b,disabled:!g||a.disabled,...!g||a.disabled?{"data-disabled":""}:{}},E={"data-scope":"paginator","data-part":"prev",onClick:m,disabled:!g||a.disabled,...!g||a.disabled?{"data-disabled":""}:{}},k={"data-scope":"paginator","data-part":"next",onClick:f,disabled:!p||a.disabled,...!p||a.disabled?{"data-disabled":""}:{}},R={"data-scope":"paginator","data-part":"last",onClick:u,disabled:!p||a.disabled,...!p||a.disabled?{"data-disabled":""}:{}};return{state:{activePage:n,totalPages:e,canPrev:g,canNext:p},pages:v,rootProps:C,firstProps:y,prevProps:E,nextProps:k,lastProps:R,pagesProps:{"data-scope":"paginator","data-part":"pages"},getPageProps:t=>({"data-scope":"paginator","data-part":"page",onClick:()=>o(t),disabled:a.disabled,"aria-current":n===t?"page":void 0,...n===t?{"data-active":""}:{},...a.disabled?{"data-disabled":""}:{}}),getAriaLabel:P,prev:m,next:f,first:b,last:u,handlePage:o}}});export{w as defaultProps,_ as usePaginator};

package/paginator/usePaginator.d.ts

@@ -1,4 +1,4 @@
-export declare const usePaginator: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/paginator").usePaginatorProps, unknown, {
+export declare const usePaginator: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/paginator").UsePaginatorProps, unknown, {
     state: {
         activePage: number;
         totalPages: number;
@@ -11,6 +11,52 @@ export declare const usePaginator: (inProps?: unknown) => import("@primereact/ty
         type: "page";
         value: number;
     })[];
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+    firstProps: {
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        onClick: () => void;
+        disabled: boolean | undefined;
+    };
+    prevProps: {
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        onClick: () => void;
+        disabled: boolean | undefined;
+    };
+    nextProps: {
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        onClick: () => void;
+        disabled: boolean | undefined;
+    };
+    lastProps: {
+        'data-disabled'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        onClick: () => void;
+        disabled: boolean | undefined;
+    };
+    pagesProps: {
+        'data-scope': "paginator";
+        'data-part': "pages";
+    };
+    getPageProps: (value: number) => {
+        'data-disabled'?: string | undefined;
+        'data-active'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        onClick: () => void;
+        disabled: boolean | undefined;
+        'aria-current': "page" | undefined;
+    };
+    getAriaLabel: (labelType: string) => string;
     prev: () => void;
     next: () => void;
     first: () => void;

package/paginator/usePaginator.props.d.ts

@@ -1,2 +1,2 @@
-import type { usePaginatorProps } from '@primereact/types/shared/paginator';
-export declare const defaultProps: usePaginatorProps;
+import type { UsePaginatorProps } from '@primereact/types/headless/paginator';
+export declare const defaultProps: UsePaginatorProps;

package/panel/index.d.ts

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

package/panel/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as m}from"@primereact/core/headless";import*as l from"react";var f={collapsed:void 0,toggleable:void 0,onCollapse:void 0,onExpand:void 0,onToggle:void 0};var E=m({name:"usePanel",defaultProps:f,setup({props:e}){let[u,o]=l.useState(e.collapsed),a=e.toggleable?e.onToggle?e.collapsed:u:!1,g={collapsed:a},s=l.useRef(null),c=t=>{var n;e.toggleable&&(a?d(t):i(t),(n=e.onToggle)==null||n.call(e,{originalEvent:t,value:!a}))},d=t=>{var n;e.onToggle||o(!1),(n=e.onExpand)==null||n.call(e,t)},i=t=>{var n;e.onToggle||o(!0),(n=e.onCollapse)==null||n.call(e,t)};return{state:g,contentRef:s,toggle:c,expand:d,collapse:i,onButtonClick:t=>{c(t),t.preventDefault()}}}});export{f as defaultProps,E as usePanel};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as i}from"@primereact/core/headless";import{useCollapsible as d}from"@primereact/headless/collapsible";import*as o from"@primereact/headless/collapsible";var r={...o.defaultProps};var g=i({name:"usePanel",defaultProps:r,setup({props:a}){let e=d(a),p=t=>{e?.toggle(t),t?.preventDefault()},s={"data-scope":"panel","data-part":"indicator",[e?.state.open?"data-open":"data-closed"]:""},n={...e?.triggerProps,"data-scope":"panel","data-part":"trigger",onClick:p},l={...e?.contentProps,"data-scope":"panel","data-part":"content"},c={...e?.rootProps,"data-scope":"panel","data-part":"root"};return{...e,rootProps:c,contentProps:l,triggerProps:n,indicatorProps:s}}});export{r as defaultProps,g as usePanel};

package/panel/usePanel.d.ts

@@ -1,11 +1,79 @@
-import * as React from 'react';
-export declare const usePanel: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/panel").usePanelProps, unknown, {
+export declare const usePanel: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/panel").UsePanelProps, 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: import("react").Ref<unknown>;
+    elementRef: import("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: {
-        collapsed: boolean | undefined;
+        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;
     };
-    contentRef: React.RefObject<null>;
-    toggle: (event: React.SyntheticEvent) => void;
-    expand: (event: React.SyntheticEvent) => void;
-    collapse: (event: React.SyntheticEvent) => void;
-    onButtonClick: (event: React.SyntheticEvent) => void;
+    open: (event?: React.SyntheticEvent) => void;
+    close: (event?: React.SyntheticEvent) => void;
+    toggle: (event?: React.SyntheticEvent) => void;
 }>;

package/panel/usePanel.props.d.ts

@@ -1,2 +1,2 @@
-import type { usePanelProps } from '@primereact/types/shared/panel';
-export declare const defaultProps: usePanelProps;
+import type { UsePanelProps } from '@primereact/types/headless/panel';
+export declare const defaultProps: UsePanelProps;

package/picklist/index.d.ts

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

package/picklist/index.mjs

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

package/picklist/usePickList.d.ts

@@ -0,0 +1,153 @@
+import * as React from 'react';
+type ListSide = 'source' | 'target';
+export declare const usePickList: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/picklist").UsePickListProps<unknown>, unknown, {
+    state: {
+        source: unknown[];
+        target: unknown[];
+        selection: unknown[];
+        dragging: boolean;
+    };
+    getOptionProps: (item: unknown, index: number, side: ListSide) => {
+        'data-sortable-item': string;
+        'data-sortable-container': string;
+        onPointerDown?: undefined;
+        'data-selected'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    } | {
+        'data-sortable-item': string;
+        'data-sortable-container': string;
+        onPointerDown: (e: React.PointerEvent<HTMLElement>) => void;
+        'data-selected'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    moveToTarget: (event?: React.SyntheticEvent) => void;
+    moveToSource: (event?: React.SyntheticEvent) => void;
+    moveAllToTarget: (event?: React.SyntheticEvent) => void;
+    moveAllToSource: (event?: React.SyntheticEvent) => void;
+    reorderUp: (side: ListSide, event?: React.SyntheticEvent) => void;
+    reorderDown: (side: ListSide, event?: React.SyntheticEvent) => void;
+    reorderTop: (side: ListSide, event?: React.SyntheticEvent) => void;
+    reorderBottom: (side: ListSide, event?: React.SyntheticEvent) => void;
+    rootProps: {
+        id: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    sourceListProps: {
+        'data-sortable-list': string;
+        'data-scope': string;
+        'data-part': string;
+    };
+    targetListProps: {
+        'data-sortable-list': string;
+        'data-scope': string;
+        'data-part': string;
+    };
+    sourceControlsProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+    targetControlsProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+    moveToTargetProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    moveAllToTargetProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    moveToSourceProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    moveAllToSourceProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    sourcePrevProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    sourceNextProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    sourceFirstProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    sourceLastProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    targetPrevProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    targetNextProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    targetFirstProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+    targetLastProps: {
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        disabled: boolean;
+        'aria-label': string;
+        onClick: (e: React.MouseEvent) => void;
+    };
+}>;
+export {};

package/picklist/usePickList.props.d.ts

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

package/popover/index.d.ts

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

package/popover/index.mjs

@@ -1,8 +1 @@
-import{withHeadless as _}from"@primereact/core/headless";import{ConnectedOverlayScrollHandler as ee}from"@primereact/core/utils";import{useMountEffect as te}from"@primereact/hooks/use-mount-effect";import{useUnmountEffect as ne}from"@primereact/hooks/use-unmount-effect";import{$dt as re}from"@primeuix/styled";import{absolutePosition as oe,addClass as ce,addStyle as se,focus as ue,getOffset as N,isClient as le,isTouchDevice as ie,setAttribute as ae}from"@primeuix/utils/dom";import{ZIndex as T}from"@primeuix/utils/zindex";import{EventBus as Y}from"@primeuix/utils/eventbus";var v=Y();import*as n from"react";var K={dismissable:!0,appendTo:"body",baseZIndex:0,autoZIndex:!0,breakpoints:{},closeOnEscape:!0,defaultOpen:void 0,open:void 0,onOpenChange:void 0};var Ce=_({name:"usePopover",defaultProps:K,setup:({props:z,$attrSelector:I})=>{let{dismissable:C,baseZIndex:Z=0,autoZIndex:L,closeOnEscape:k,defaultOpen:O,open:S,onOpenChange:a,breakpoints:E}=z,[f,H]=n.useState(!1),w=n.useRef(!1),u=n.useRef(null),l=n.useRef(null),d=n.useRef(null),m=n.useRef(null),s=n.useRef(null),p=n.useRef(null),r=n.useRef(null),o=n.useRef(null),$={visible:f},b=n.useCallback(()=>{var e,t;return r!=null&&r.current&&(r==null?void 0:r.current)instanceof HTMLElement?r==null?void 0:r.current:(t=(e=r==null?void 0:r.current)==null?void 0:e.elementRef.current)!=null?t:null},[r]),y=n.useCallback(()=>{var e,t;return o!=null&&o.current&&(o==null?void 0:o.current)instanceof HTMLElement?o==null?void 0:o.current:(t=(e=o==null?void 0:o.current)==null?void 0:e.elementRef.current)!=null?t:null},[o]),R=()=>{f||(H(!0),a==null||a({value:!0}))},i=()=>{f&&(H(!1),a==null||a({value:!1}),setTimeout(()=>{let e=b();e&&ue(e)},10))},B=()=>{let e=y();e&&(se(e,{position:"absolute",top:"0"}),M(),C&&g(),F(),J(),L&&T.set("overlay",e,Z+10),u.current=t=>{let c=t;e.contains(c.target)&&(w.current=!0)},v.on("overlay-click",u.current),k&&j())},A=()=>{P(),G(),h(),q(),u.current&&(v.off("overlay-click",u.current),u.current=null),i()},U=()=>{let e=y();L&&e&&T.clear(e)},M=()=>{let e=y(),t=b();if(!t||!e)return;oe(e,t,!1);let c=N(e),x=N(t),D=0;Number(c.left)<Number(x.left)&&(D=Number(x.left)-Number(c.left)),e.style.setProperty(re("popover.arrow.left").name,`${D}px`),c.top<x.top&&(ce(e,"p-popover-flipped"),e.setAttribute("data-p-popover-flipped","true"))},V=e=>{e.code==="Escape"&&k&&i()},g=()=>{!m.current&&le()&&(m.current=e=>{let t=e,c=y();f&&!(t.target===c||c!=null&&c.contains(t.target))&&i(),w.current=!1},document.addEventListener("click",m.current))},P=()=>{m.current&&(document.removeEventListener("click",m.current),m.current=null,w.current=!1)},j=()=>{p.current||(p.current=e=>{e.code==="Escape"&&k&&i()},window.document.addEventListener("keydown",p.current))},q=()=>{p.current&&(window.document.removeEventListener("keydown",p.current),p.current=null)},F=()=>{var e;l.current||(l.current=new ee((e=b())!=null?e:null,()=>{f&&i()})),l.current.bindScrollListener()},G=()=>{l.current&&l.current.unbindScrollListener()},J=()=>{d.current||(d.current=()=>{f&&!ie()&&M()},window.addEventListener("resize",d.current))},h=()=>{d.current&&(window.removeEventListener("resize",d.current),d.current=null)},Q=e=>{v.emit("overlay-click",{originalEvent:e,target:b()})},W=()=>{if(!E||!s.current){s.current=document.createElement("style"),s.current.type="text/css",ae(s.current,"nonce","nonce"),document.head.appendChild(s.current);let e="";for(let t in E)e+=`
-                        @media screen and (max-width: ${t}) {
-                            .p-popover[${I}] {
-                                width: ${E[t]} !important;
-                            }
-                        }
-                    `;s.current.innerHTML=e}},X=()=>{s.current&&(document.head.removeChild(s.current),s.current=null)};return n.useEffect(()=>{S?setTimeout(()=>{R()},0):i()},[S]),n.useEffect(()=>{O?setTimeout(()=>{R()},0):i()},[O]),te(()=>{E&&W()}),ne(()=>{C&&P(),l.current&&(l.current.destroy(),l.current=null),X(),h();let e=y();e&&L&&T.clear(e),u.current&&(v.off("overlay-click",u.current),u.current=null)}),{state:$,show:R,hide:i,onBeforeEnter:B,onAfterLeave:U,onOverlayClick:Q,onLeave:A,onContentKeydown:V,triggerRef:r,containerRef:o}}});export{K as defaultProps,Ce as usePopover};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as ee}from"@primereact/core/headless";import{OverlayEventBus as x}from"@primereact/core/utils";import{useFocusTrap as te}from"@primereact/headless/focustrap";import{useControlledState as ne}from"@primereact/hooks/use-controlled-state";import{useEventListener as D}from"@primereact/hooks/use-event-listener";import{focus as C,getFirstFocusableElement as re,toElement as p}from"@primeuix/utils/dom";import*as n from"react";var w={anchor:void 0,defaultOpen:void 0,open:void 0,trapped:!1,autoFocus:!0,closeOnEscape:!0,onOpenChange:void 0,onExitComplete:void 0};var de=ee({name:"usePopover",defaultProps:w,setup:({props:r})=>{let[o,A,L]=ne({value:r.open,defaultValue:r.defaultOpen,onChange:r.onOpenChange}),[U,T]=n.useState(!!o),[B,d]=n.useState(r.anchor??null),[I,K]=n.useState(null),[h,V]=n.useState(null),[j,q]=n.useState(null),z={open:o,rendered:U,trapped:!!r.trapped,anchorElement:B,positionerElement:I,popupElement:h,arrowElement:j},c=n.useRef(null),a=n.useRef(null),u=n.useRef(null),m=n.useRef(null),b=n.useRef(null),k=te({trapped:!!r.trapped&&!!h,autoFocus:!1}),M=n.useCallback(t=>{let e=p(t)??null;!e||e===c.current||(c.current=e,d(e||a.current))},[]),G=n.useCallback(t=>{let e=p(t)??null;if(e!==a.current){if(a.current=e,!e){c.current&&!c.current.isConnected&&(c.current=null,d(null));return}c.current||(c.current=e,d(e))}},[]),H=n.useCallback(t=>{let e=p(t)??null;e!==u.current&&(u.current=e,K(e))},[]),P=n.useCallback(t=>{let e=p(t)??null;e!==m.current&&(m.current=e,k.containerRef.current=e,V(e))},[]),g=n.useCallback(t=>{let e=p(t)??null;e!==b.current&&(b.current=e,q(e))},[]),E=n.useRef(!1);function i(t,e){A([t,{originalEvent:e,value:t}])}let R=t=>{if(E.current)return;let e=t.relatedTarget;!e||u.current?.contains(e)||c.current?.contains(e)||a.current?.contains(e)||i(!1,t)},J=t=>{i(!o,t.nativeEvent)},Q=t=>{i(!1,t.nativeEvent)},W=n.useCallback(()=>{if(r.autoFocus===!1)return;let t=m.current;if(!t)return;let e=document.activeElement,l=c.current||a.current;if(e&&l?.contains(e)&&l!==e)return;E.current=!0;let s=re(t);s?C(s,{preventScroll:!0}):C(t,{preventScroll:!0}),E.current=!1},[r.autoFocus]),X=n.useCallback(()=>{r.onExitComplete?.()},[r.onExitComplete]),v=n.useRef(!1),[F,y]=D({type:"pointerdown",listener:t=>{let e=t.target;if(!e||!document.documentElement.contains(e)||t.button===2)return;if(v.current){v.current=!1;return}let l=u.current,s=c.current,f=a.current;o&&l&&!l.contains(e)&&(!s||!s.contains(e))&&(!f||!f.contains(e))&&i(!1,t)}});n.useEffect(()=>{if(!o)return;let t=e=>{let l=e?.target??null;if(!l)return;let s=u.current,f=c.current,S=a.current;(s&&s.contains(l)||f&&f.contains(l)||S&&S.contains(l))&&(v.current=!0)};return x.on("overlay-click",t),()=>{x.off("overlay-click",t)}},[o]);let[O,N]=D({type:"keydown",listener:t=>{t.key==="Escape"&&(i(!1,t),C(c.current||a.current,{preventScroll:!0}))}});n.useEffect(()=>{r.anchor!==void 0&&(c.current=r.anchor,d(r.anchor))},[r.anchor]),n.useEffect(()=>{o&&T(!0)},[o]),n.useEffect(()=>{o?(F(),r.closeOnEscape&&O()):(y(),N())},[o,r.closeOnEscape,F,y,O,N]),n.useEffect(()=>{let t=u.current;if(!(!o||!t||r.trapped||L))return t.addEventListener("focusout",R),()=>{t.removeEventListener("focusout",R)}},[o,r.trapped,L,R]);let Y={"data-scope":"popover","data-part":"trigger",ref:M,onClick:J,...o?{"data-positioner-open":""}:{}},Z={"data-scope":"popover","data-part":"positioner",ref:H},_={"data-scope":"popover","data-part":"arrow",ref:g},$={"data-scope":"popover","data-part":"popup",ref:P,tabIndex:-1,...o?{"data-open":""}:{}};return{state:z,focusTrap:k,setArrowRef:g,setAnchorRef:M,setAnchorFallbackRef:G,setPopupRef:P,setPositionerRef:H,triggerProps:Y,popupProps:$,closeProps:{"data-scope":"popover","data-part":"close",type:"button",onClick:Q},positionerProps:Z,arrowProps:_,setOpen:i,setRendered:T,onOpenComplete:W,onCloseComplete:X}}});export{w as defaultProps,de as usePopover};