@cryptlex/web-components 6.6.6-alpha22 → 6.6.6-alpha28

package/dist/components/charts.d.ts

@@ -0,0 +1,20 @@
+import { CartesianGrid as RechartsCartesianGrid, Legend as RechartsLegend, Tooltip as RechartsTooltip, XAxis as RechartsXAxis, YAxis as RechartsYAxis, ResponsiveContainer } from 'recharts';
+export declare function ChartXAxis({ ...props }: React.ComponentProps<typeof RechartsXAxis>): import("react/jsx-runtime").JSX.Element;
+export declare function ChartYAxis({ ...props }: React.ComponentProps<typeof RechartsYAxis>): import("react/jsx-runtime").JSX.Element;
+export declare function ChartCartesianGrid({ ...props }: React.ComponentProps<typeof RechartsCartesianGrid>): import("react/jsx-runtime").JSX.Element;
+export declare function ChartLegend({ ...props }: React.ComponentProps<typeof RechartsLegend>): import("react/jsx-runtime").JSX.Element;
+export declare function ChartTooltip({ ...props }: React.ComponentProps<typeof RechartsTooltip>): import("react/jsx-runtime").JSX.Element;
+export declare function Linechart<T extends object>({ className, data, config, ...props }: Omit<React.ComponentProps<typeof ResponsiveContainer>, 'children'> & {
+    data: T[];
+    config: {
+        xAxis: keyof T;
+        lines: (keyof T)[];
+    };
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Barchart<T>({ className, data, config, ...props }: Omit<React.ComponentProps<typeof ResponsiveContainer>, 'children'> & {
+    data: T[];
+    config: {
+        xAxis: keyof T;
+        bars: (keyof T)[];
+    };
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/charts.js

@@ -0,0 +1,2 @@
+import{jsx as r,jsxs as l}from"react/jsx-runtime";import{XAxis as f,YAxis as g,CartesianGrid as p,Legend as v,Tooltip as y,ResponsiveContainer as c,LineChart as x,Line as C,BarChart as k,Bar as S}from"recharts";function s({...o}){return r(f,{stroke:"var(--color-muted-foreground)",...o})}function d({...o}){return r(g,{stroke:"var(--color-muted-foreground)",...o})}function u({...o}){return r(p,{stroke:"var(--color-muted-foreground)",...o})}function m({...o}){return r(v,{iconSize:12,formatter:t=>r("span",{className:"text-foreground",children:t}),wrapperStyle:{background:"var(--color-elevation-1)"},...o})}function h({...o}){return r(y,{contentStyle:{backgroundColor:"var(--color-elevation-2)",border:"var(--color-border)"},labelStyle:{color:"var(--color-muted-foreground)",fontWeight:"600",marginBottom:"0.5rem"},itemStyle:{color:"var(--color-foreground)",padding:"0"},...o})}function L({className:o,data:t,config:e,...n}){return r(c,{...n,children:l(x,{className:"body-sm",data:t,children:[r(u,{strokeDasharray:"3 3"}),r(s,{dataKey:e.xAxis.toString()}),r(d,{}),r(h,{}),r(m,{iconType:"plainline"}),e.lines.map((i,a)=>r(C,{strokeWidth:2,type:"monotone",dataKey:i.toString(),stroke:`var(--color-chart-${a%5+1}`}))]})})}function B({className:o,data:t,config:e,...n}){return r(c,{className:o,...n,children:l(k,{className:"body-sm",data:t,children:[r(u,{strokeDasharray:"3 3"}),r(s,{dataKey:e.xAxis.toString()}),r(d,{}),r(h,{}),r(m,{}),e.bars.map((i,a)=>r(S,{dataKey:i.toString(),fill:`var(--color-chart-${a%5+1}`,stroke:`var(--color-chart-${a%5+1}`}))]})})}export{B as Barchart,u as ChartCartesianGrid,m as ChartLegend,h as ChartTooltip,s as ChartXAxis,d as ChartYAxis,L as Linechart};
+//# sourceMappingURL=charts.js.map

package/dist/components/charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.js","sources":["../../lib/components/charts.tsx"],"sourcesContent":["import {\n    Bar,\n    BarChart,\n    Line,\n    LineChart,\n    CartesianGrid as RechartsCartesianGrid,\n    Legend as RechartsLegend,\n    Tooltip as RechartsTooltip,\n    XAxis as RechartsXAxis,\n    YAxis as RechartsYAxis,\n    ResponsiveContainer,\n} from 'recharts';\n\nexport function ChartXAxis({ ...props }: React.ComponentProps<typeof RechartsXAxis>) {\n    return <RechartsXAxis stroke=\"var(--color-muted-foreground)\" {...props} />;\n}\n\nexport function ChartYAxis({ ...props }: React.ComponentProps<typeof RechartsYAxis>) {\n    return <RechartsYAxis stroke=\"var(--color-muted-foreground)\" {...props} />;\n}\n\nexport function ChartCartesianGrid({ ...props }: React.ComponentProps<typeof RechartsCartesianGrid>) {\n    return <RechartsCartesianGrid stroke=\"var(--color-muted-foreground)\" {...props} />;\n}\n\nexport function ChartLegend({ ...props }: React.ComponentProps<typeof RechartsLegend>) {\n    return (\n        <RechartsLegend\n            iconSize={12}\n            formatter={v => <span className=\"text-foreground\">{v}</span>}\n            wrapperStyle={{ background: 'var(--color-elevation-1)' }}\n            {...props}\n        />\n    );\n}\n\nexport function ChartTooltip({ ...props }: React.ComponentProps<typeof RechartsTooltip>) {\n    return (\n        <RechartsTooltip\n            contentStyle={{\n                backgroundColor: 'var(--color-elevation-2)',\n                border: 'var(--color-border)',\n            }}\n            labelStyle={{\n                color: 'var(--color-muted-foreground)',\n                fontWeight: '600',\n                marginBottom: '0.5rem',\n            }}\n            itemStyle={{\n                color: 'var(--color-foreground)',\n                padding: '0',\n            }}\n            {...props}\n        />\n    );\n}\nexport function Linechart<T extends object>({\n    className,\n    data,\n    config,\n    ...props\n}: Omit<React.ComponentProps<typeof ResponsiveContainer>, 'children'> & {\n    data: T[];\n    config: {\n        xAxis: keyof T;\n        lines: (keyof T)[];\n    };\n}) {\n    return (\n        <ResponsiveContainer {...props}>\n            <LineChart className=\"body-sm\" data={data}>\n                <ChartCartesianGrid strokeDasharray=\"3 3\" />\n                <ChartXAxis dataKey={config.xAxis.toString()} />\n                <ChartYAxis />\n                <ChartTooltip />\n                <ChartLegend iconType=\"plainline\" />\n                {config.lines.map((l, i) => (\n                    <Line\n                        strokeWidth={2}\n                        type=\"monotone\"\n                        dataKey={l.toString()}\n                        stroke={`var(--color-chart-${(i % 5) + 1}`}\n                    />\n                ))}\n            </LineChart>\n        </ResponsiveContainer>\n    );\n}\n\nexport function Barchart<T>({\n    className,\n    data,\n    config,\n    ...props\n}: Omit<React.ComponentProps<typeof ResponsiveContainer>, 'children'> & {\n    data: T[];\n    config: {\n        xAxis: keyof T;\n        bars: (keyof T)[];\n    };\n}) {\n    return (\n        <ResponsiveContainer className={className} {...props}>\n            <BarChart className=\"body-sm\" data={data}>\n                <ChartCartesianGrid strokeDasharray=\"3 3\" />\n                <ChartXAxis dataKey={config.xAxis.toString()} />\n                <ChartYAxis />\n                <ChartTooltip />\n                <ChartLegend />\n                {config.bars.map((b, i) => (\n                    <Bar\n                        dataKey={b.toString()}\n                        fill={`var(--color-chart-${(i % 5) + 1}`}\n                        stroke={`var(--color-chart-${(i % 5) + 1}`}\n                    />\n                ))}\n            </BarChart>\n        </ResponsiveContainer>\n    );\n}\n"],"names":["ChartXAxis","props","jsx","RechartsXAxis","ChartYAxis","RechartsYAxis","ChartCartesianGrid","RechartsCartesianGrid","ChartLegend","RechartsLegend","v","ChartTooltip","RechartsTooltip","Linechart","className","data","config","ResponsiveContainer","LineChart","l","i","Line","Barchart","jsxs","BarChart","b","Bar"],"mappings":"mNAaO,SAASA,EAAW,CAAE,GAAGC,GAAqD,CACjF,OAAOC,EAACC,EAAA,CAAc,OAAO,gCAAiC,GAAGF,EAAO,CAC5E,CAEO,SAASG,EAAW,CAAE,GAAGH,GAAqD,CACjF,OAAOC,EAACG,EAAA,CAAc,OAAO,gCAAiC,GAAGJ,EAAO,CAC5E,CAEO,SAASK,EAAmB,CAAE,GAAGL,GAA6D,CACjG,OAAOC,EAACK,EAAA,CAAsB,OAAO,gCAAiC,GAAGN,EAAO,CACpF,CAEO,SAASO,EAAY,CAAE,GAAGP,GAAsD,CACnF,OACIC,EAACO,EAAA,CACG,SAAU,GACV,UAAWC,GAAKR,EAAC,OAAA,CAAK,UAAU,kBAAmB,SAAAQ,EAAE,EACrD,aAAc,CAAE,WAAY,0BAAA,EAC3B,GAAGT,CAAA,CAAA,CAGhB,CAEO,SAASU,EAAa,CAAE,GAAGV,GAAuD,CACrF,OACIC,EAACU,EAAA,CACG,aAAc,CACV,gBAAiB,2BACjB,OAAQ,qBAAA,EAEZ,WAAY,CACR,MAAO,gCACP,WAAY,MACZ,aAAc,QAAA,EAElB,UAAW,CACP,MAAO,0BACP,QAAS,GAAA,EAEZ,GAAGX,CAAA,CAAA,CAGhB,CACO,SAASY,EAA4B,CACxC,UAAAC,EACA,KAAAC,EACA,OAAAC,EACA,GAAGf,CACP,EAMG,CACC,OACIC,EAACe,GAAqB,GAAGhB,EACrB,WAACiB,EAAA,CAAU,UAAU,UAAU,KAAAH,EAC3B,SAAA,CAAAb,EAACI,EAAA,CAAmB,gBAAgB,KAAA,CAAM,IACzCN,EAAA,CAAW,QAASgB,EAAO,MAAM,WAAY,IAC7CZ,EAAA,EAAW,IACXO,EAAA,EAAa,EACdT,EAACM,EAAA,CAAY,SAAS,WAAA,CAAY,EACjCQ,EAAO,MAAM,IAAI,CAACG,EAAGC,IAClBlB,EAACmB,EAAA,CACG,YAAa,EACb,KAAK,WACL,QAASF,EAAE,SAAA,EACX,OAAQ,qBAAsBC,EAAI,EAAK,CAAC,EAAA,CAAA,CAE/C,CAAA,CAAA,CACL,CAAA,CACJ,CAER,CAEO,SAASE,EAAY,CACxB,UAAAR,EACA,KAAAC,EACA,OAAAC,EACA,GAAGf,CACP,EAMG,CACC,OACIC,EAACe,GAAoB,UAAAH,EAAuB,GAAGb,EAC3C,SAAAsB,EAACC,EAAA,CAAS,UAAU,UAAU,KAAAT,EAC1B,SAAA,CAAAb,EAACI,EAAA,CAAmB,gBAAgB,KAAA,CAAM,IACzCN,EAAA,CAAW,QAASgB,EAAO,MAAM,WAAY,IAC7CZ,EAAA,EAAW,IACXO,EAAA,EAAa,IACbH,EAAA,EAAY,EACZQ,EAAO,KAAK,IAAI,CAACS,EAAGL,IACjBlB,EAACwB,EAAA,CACG,QAASD,EAAE,SAAA,EACX,KAAM,qBAAsBL,EAAI,EAAK,CAAC,GACtC,OAAQ,qBAAsBA,EAAI,EAAK,CAAC,EAAA,CAAA,CAE/C,CAAA,CAAA,CACL,CAAA,CACJ,CAER"}

package/dist/components/data-table-filter.d.ts

@@ -19,7 +19,7 @@ type BoolLocalFilter = BaseLocalFilter<'bool', boolean>;
 type StringLocalFilter = BaseLocalFilter<'string', string>;
 type NumberLocalFilter = BaseLocalFilter<'number', number>;
 type DateLocalFilter = BaseLocalFilter<'date', string>;
-type IdSearchLocalFilter = BaseLocalFilter<'id-search', Set<string | number>>;
+type IdSearchLocalFilter = BaseLocalFilter<'id-search', string[]>;
 export type TableFilter = EnumLocalFilter | IdLocalFilter | BoolLocalFilter | StringLocalFilter | DateLocalFilter | IdSearchLocalFilter | NumberLocalFilter;
 export type FilterConfig = {
     type: 'enum';

package/dist/components/data-table.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,Fragment as C,jsxs as l}from"react/jsx-runtime";import{createContext as re,useState as F,useMemo as ae,useEffect as ie,useContext as oe,useRef as le}from"react";import{Button as S}from"./button.js";import{useSensors as se,useSensor as k,PointerSensor as ce,KeyboardSensor as ue,DndContext as de,closestCenter as me,DragOverlay as ge}from"@dnd-kit/core";import{sortableKeyboardCoordinates as pe,SortableContext as fe,verticalListSortingStrategy as he,arrayMove as be,useSortable as Se}from"@dnd-kit/sortable";import{CSS as ve}from"@dnd-kit/utilities";import{useQuery as Ce,keepPreviousData as ye}from"@tanstack/react-query";import{createColumnHelper as W,useReactTable as we,getCoreRowModel as Ie,flexRender as V}from"@tanstack/react-table";import{useLocalStorage as H}from"@uidotdev/usehooks";import{merge as xe}from"lodash-es";import{TfDatePicker as Fe}from"./date-picker.js";import{EasyMenu as R,MenuItem as N}from"./menu.js";import{PopoverTrigger as Ne,Popover as Te}from"./popover.js";import{useAppForm as Ae}from"../utilities/form-hook.js";import{useResourceFormatter as M}from"../utilities/resources.js";import{classNames as w}from"../utilities/theme.js";import{IcInfo as Pe,IcMoreVertical as De,IcRefresh as Re,IcColumns as Oe,IcGrip as ze,IcFirst as _e,IcLeft as Le,IcRight as Me,IcLast as Ee,IcSortAsc as $e,IcSortDesc as qe,IcSortNone as ke,IcFilter as Ve,IcRemove as U,IcCheck as j,IcMinus as He,IcAccount as Ue,IcLicense as je,IcDate as Be,IcFile as Ke}from"./icons.js";import{TfMultipleIdSearchInput as Qe}from"./id-search.js";import{Loader as Ge}from"./loader.js";import{SearchField as We}from"./searchfield.js";import{Table as Xe,TableHeader as Ze,TableRow as B,TableHead as Je,TableBody as Ye,TableCell as et}from"./table.js";import{formatDate as K}from"../utilities/date.js";import{Checkbox as Q}from"./checkbox.js";import"class-variance-authority";import"react-aria-components";import"@internationalized/date";import"./calendar.js";import"./form.js";import"./datefield.js";import"../utilities/form.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"./list-box.js";import"./select.js";import"./multi-select.js";import"./numberfield.js";import"./textfield.js";import"../utilities/string.js";import"clsx";function en(t){const n=async(o,m,a,s)=>{const d={...s,page:o.pageIndex+1,limit:o.pageSize,sort:tt(m[0]),search:a},h=await t(d);return{total:Number.parseInt(h.response.headers.get("Pagination-Count")||"0"),data:h.data}},r=W();return{callback:n,columnHelper:r}}function tt(t){return t?t.desc?`-${t.id}`:`+${t.id}`:"-createdAt"}const T=W(),nt=[T.accessor("checkbox",{header:({table:t})=>e(Q,{isIndeterminate:t.getIsSomeRowsSelected()&&!t.getIsAllPageRowsSelected(),isSelected:t.getIsAllPageRowsSelected()||t.getIsSomePageRowsSelected(),onChange:()=>t.toggleAllPageRowsSelected(),"aria-label":"Select all"}),cell:({row:t})=>e(Q,{isSelected:t.getIsSelected(),onChange:()=>t.toggleSelected(),"aria-label":"Select row"}),enableSorting:!1,enableHiding:!1})],rt=[T.accessor("id",{header:()=>"ID"})],at=[T.accessor("createdAt",{header:()=>"Creation Date",cell:({row:t})=>{const n=t.getValue("createdAt");return K(n)},enableHiding:!1}),T.accessor("updatedAt",{header:()=>"Last Updated",cell:({row:t})=>{const n=t.getValue("updatedAt");return K(n)},enableHiding:!1})],L="TableActions",it=t=>t.length===0?[]:[T.accessor(L,{header:"",id:L,enableHiding:!1,cell:({row:n})=>e(R,{label:e(De,{}),size:"icon",children:t.map(r=>e(N,{isDisabled:r.disabled(n.original),onPress:()=>r.onPress(n.original),children:r.label}))})})];function tn({resourceName:t,columns:n,callback:r,filterConfig:o,columnsToHideByDefault:m={},allowSelection:a=!1,initialFilters:s=[],tableActions:d,rowActions:h}){const[u,v]=F({pagination:{pageIndex:0,pageSize:20},sorting:[]}),[g,c]=F({}),[f,p]=F(""),[b,E]=H(`${t}_ctx_column_order_preference`,[]),[$,Y]=H(`${t}_ctx_column_visibility_preference`,{id:!1,...m}),[O,ee]=F(s),z=ae(()=>O.map(i=>Array.isArray(i.value)?{[i.property]:{[i.operator]:i.value.join(",")}}:{[i.property]:{[i.operator]:i.value}}).reduce((i,x)=>xe(i,x),{}),[O]),_=i=>{v(x=>({...x,...i}))},{sorting:A,pagination:P}=u,D=Ce({queryKey:[t,P,A,f,z],queryFn:()=>r(P,A,f,z),placeholderData:ye,retry:0,refetchOnWindowFocus:!1}),te=[...a?nt:[],...rt,...n,...at,...it(h??[])];function ne(i){return typeof i=="function"}function I(i,x){return ne(i)?i(x):i}const q=we({data:D.data?.data??[],columns:te,getCoreRowModel:Ie(),rowCount:D.data?.total,manualPagination:!0,onPaginationChange:i=>{_({pagination:I(i,P)})},manualSorting:!0,onSortingChange:i=>{c({}),_({sorting:[...I(i,A)]})},manualFiltering:!0,onColumnVisibilityChange:i=>{Y(I(i,$))},onRowSelectionChange:i=>{c(I(i,g))},onColumnOrderChange:i=>{E(I(i,b))},state:{sorting:A,columnVisibility:$,pagination:P,rowSelection:g,columnOrder:b},meta:{refetch:D.refetch}});return ie(()=>{E([...q.getAllLeafColumns().map(i=>i.id)])},[]),{tableState:u,updateTableState:_,query:D,setSearchQuery:p,searchQuery:f,tanTable:q,mergedFilters:z,filters:O,setFilters:ee,filterConfig:o,tableActions:d}}const X=re(null);function y(){const t=oe(X);if(!t)throw Error("DataTable should be used within DataTableProvider.");return t}function nn({children:t,...n}){return e(X.Provider,{value:n,children:t})}function rn({className:t,...n}){const{query:r,tanTable:o}=y();return e(C,{children:l("section",{...n,className:w("flex flex-col bg-elevation-1",t),children:[e(ct,{}),l("div",{className:"w-full overflow-auto border-x grow h-table relative",tabIndex:0,children:[r.isLoading&&e(G,{className:"cursor-wait",children:e(Ge,{})}),!r.isLoading&&o.getRowModel().rows.length===0&&e(G,{className:"cursor-not-allowed",children:!r.isFetching&&(r.isError?l("span",{className:"flex gap-3 justify-center items-center",children:[e(Pe,{}),e("span",{children:r.error.message})]}):r.data?.data?.length===0?e(C,{children:"No results found."}):e(C,{children:"Unknown error. Please contact customer support."}))}),!r.isLoading&&o.getRowModel().rows.length!==0&&e(ut,{className:"size-full"})]}),l("div",{className:"flex w-full justify-between border gap-icon p-icon overflow-x-auto",children:[l("div",{className:"flex gap-icon",children:[e(ot,{}),e(st,{})]}),e(lt,{})]})]})})}function G({children:t,className:n}){return l(C,{children:[e("span",{className:w(n,"absolute top-0 bg-elevation-1 z-20 size-full body-sm flex items-center justify-center"),children:t}),e("span",{className:"relative h-full w-0 block"})]})}function ot(){const{tanTable:t}=y(),[n,r]=F(null),o=M(),m=se(k(ce),k(ue,{coordinateGetter:pe}));return e(de,{sensors:m,collisionDetection:me,onDragStart:s=>{const{active:d}=s;r(d.id.toString())},onDragEnd:s=>{const{active:d,over:h}=s;if(h&&d.id!==h.id){const u=t.getState().columnOrder,v=u.indexOf(d.id.toString()),g=u.indexOf(h.id.toString());t.setColumnOrder([...be(u,v,g)])}r(null)},children:l(fe,{items:t.getState().columnOrder,strategy:he,children:[l(R,{label:l(C,{children:[e(Oe,{className:"inline align-bottom me-1"}),"Columns"]}),selectionMode:"multiple",items:t.getAllFlatColumns(),selectedKeys:t.getVisibleFlatColumns().map(s=>s.id),children:[e(N,{onAction:()=>t.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),t.getState().columnOrder.map(s=>{const d=t.getAllFlatColumns().find(h=>h.id===s);return d?e(a,{column:d},d.id):null})]}),e(ge,{children:n?e("div",{className:"opacity-70 border-2 border-primary",children:o(n)}):null})]})});function a({column:s}){const{attributes:d,listeners:h,setNodeRef:u,transform:v,transition:g}=Se({id:s.id}),c={transform:ve.Transform.toString(v),transition:g,zIndex:"999"};return l(N,{ref:u,style:c,...d,id:s.id,onAction:()=>s.toggleVisibility(),isDisabled:!s.getCanHide(),className:"flex items-center",children:[e(ze,{...h,className:"size-icon cursor-grab"}),o(s.id),s.getIsSorted()&&e(Z,{className:"size-icon",direction:s.getIsSorted()})]})}}function lt(){const{tanTable:t,query:n}=y(),r=n.data?.total??0;return l("div",{className:"flex items-center gap-2",children:[e("span",{className:"whitespace-nowrap body-sm text-muted",children:`${t.getState().pagination.pageIndex*t.getState().pagination.pageSize+1} - ${Math.min((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize,r)} of ${r?.toLocaleString()}`}),e(S,{"aria-label":"First page",onPress:()=>t.firstPage(),isDisabled:!t.getCanPreviousPage(),variant:"neutral",size:"icon",children:e(_e,{})}),e(S,{"aria-label":"Previous page",onPress:()=>t.previousPage(),isDisabled:!t.getCanPreviousPage(),variant:"neutral",size:"icon",children:e(Le,{})}),e(S,{"aria-label":"Next page",onPress:()=>t.nextPage(),isDisabled:!t.getCanNextPage(),variant:"neutral",size:"icon",children:e(Me,{})}),e(S,{"aria-label":"Last page",onClick:()=>t.lastPage(),isDisabled:!t.getCanNextPage(),variant:"neutral",size:"icon",children:e(Ee,{})})]})}function st(){const{tanTable:t}=y(),n=[10,20,30,40,50];return e(R,{label:t.getState().pagination.pageSize.toString(),selectionMode:"single",selectedKeys:[t.getState().pagination.pageSize.toString()],items:n.map(r=>({id:r.toString(),value:r})),children:r=>e(N,{onAction:()=>t.setPageSize(r.value),children:r.value})})}function ct(){const{query:t,tanTable:n,searchQuery:r,setSearchQuery:o,tableActions:m}=y();return l("section",{className:"flex bg-elevation-1 justify-between my-0 p-icon border gap-icon overflow-auto",children:[l("div",{className:"flex gap-icon",children:[e(S,{"aria-label":"Refresh",isPending:t.isFetching,onClick:()=>t.refetch(),variant:"neutral",size:"icon",children:e(Re,{})}),m.filter(a=>a.bulk===n.getSelectedRowModel().rows.length>0).map((a,s)=>{const d=a.icon;return e(S,{"aria-label":a.label,type:"button",isDisabled:t.isFetching,className:"animate-in fade-in slide-in-from-left-15 duration-300 transition-transform",onPress:h=>{a.onClick(h,n.getSelectedRowModel().rows.map(u=>u.original))},size:"icon",children:e(d,{})},`${s}-${a.bulk}`)})]}),l("div",{className:"flex gap-icon",children:[e(gt,{}),e(We,{value:r,onChange:o})]})]})}function Z({direction:t,...n}){return t==="asc"?e($e,{className:"size-3.5",...n}):t==="desc"?e(qe,{className:"size-3.5",...n}):e(ke,{className:"size-3.5",...n})}function ut({className:t}){const{tanTable:n}=y(),r=M(),o=(m,a)=>w("px-icon py-2 text-left body-sm font-medium whitespace-nowrap",m&&"bg-elevation-1 sticky right-0 z-50 text-center",a);return l(Xe,{className:w(t),children:[e(Ze,{className:"sticky top-0 z-10",children:n.getHeaderGroups().map(m=>e(B,{children:m.headers.map(a=>l(Je,{colSpan:a.colSpan,className:o(!1,"bg-elevation-1"),children:[!a.column.getCanSort()&&!a.isPlaceholder&&V(a.column.columnDef.header,a.getContext()),a.column.getCanSort()&&l(S,{variant:"ghost",className:"w-full justify-start p-1",onPress:a.column.getToggleSortingHandler(),children:[e("span",{children:r(a.id)}),e(Z,{direction:a.column.getIsSorted()})]})]},a.id))},m.id))}),e(Ye,{className:"flex-1 overflow-y-auto relative",children:n.getRowModel().rows.map(m=>e(B,{className:w("transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20"),"data-selected":m.getIsSelected(),children:m.getVisibleCells().map(a=>e(et,{className:o(a.column.id===L),children:V(a.column.columnDef.cell,a.getContext())},a.id))},m.id))})]})}const an=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte"],dt={eq:"equal to",ne:"not equal to",cn:"contains",nc:"does not contain",sw:"starts with",ew:"ends with",in:"includes",nin:"does not include",gt:"greater than",gte:"greater than or equal to",lt:"less than",lte:"less than or equal to"};function mt(t,n){const r=`${n}-${Date.now()}`,o=J[t][0];switch(t){case"bool":return{id:r,type:t,property:n,operator:o,value:!0};case"string":return{id:r,type:t,property:n,operator:o,value:""};case"date":return{id:r,type:t,property:n,operator:o,value:new Date().toISOString()};case"id":return{id:r,type:t,property:n,operator:o,value:""};case"id-search":return{id:r,type:t,property:n,operator:o,value:new Set};case"enum":return{id:r,type:t,property:n,operator:o,value:new Set};case"number":return{id:r,type:t,property:n,operator:o,value:0}}}const J={bool:["eq"],enum:["in","nin"],id:["in","nin"],"id-search":["in","nin"],string:["eq","ne","cn","nc","sw","ew","in","nin"],date:["lt","gt"],number:["eq","ne","gt","gte","lt","lte"]};function gt({className:t,...n}){const{filters:r,query:o,setFilters:m,filterConfig:a}=y(),s=le(null),d=M(),u=Ae({defaultValues:{filters:r},onSubmit:({value:g})=>{m(g.filters)}}),v=Object.keys(a).sort();return e("section",{...n,className:w("flex gap-icon items-center",t),children:l(Ne,{onOpenChange:g=>{g?s.current?.focus():u.handleSubmit()},children:[l("div",{className:"relative",children:[r.length>0&&e("div",{className:"size-2 rounded-full absolute bg-primary/90 z-20 top-0 right-0 translate-x-0.5 -translate-y-0.5"}),e(S,{"aria-label":"Filter",isDisabled:o.isPending||v.length===0,type:"button",size:"icon",variant:"neutral",children:e(Ve,{})})]}),e(Te,{className:"w-full p-icon",children:e("form",{onSubmit:g=>{g.preventDefault()},className:"flex flex-col gap-icon max-h-table overflow-auto ",children:e(u.Field,{mode:"array",name:"filters",children:g=>l(C,{children:[g.state.value.map((c,f)=>l("div",{className:"flex gap-icon items-center justify-normal",children:[e("span",{className:"body-sm",children:d(c.property)}),e(u.AppField,{name:`filters[${f}].operator`,children:p=>e(p.TfSingleSelect,{items:J[c.type].map(b=>({id:b,label:e(C,{children:dt[b]})}))})},c.id),c.type==="bool"&&e(u.AppField,{name:`filters[${f}].value`,children:p=>e(p.TfCheckbox,{autoFocus:!0})}),c.type==="date"&&e(u.AppField,{name:`filters[${f}].value`,children:p=>e(Fe,{autoFocus:!0})}),c.type==="id"&&e(u.AppField,{name:`filters[${f}].value`,children:p=>e(p.TfTextField,{autoFocus:!0})}),c.type==="string"&&e(u.AppField,{name:`filters[${f}].value`,children:p=>e(p.TfTextField,{autoFocus:!0})}),c.type==="number"&&e(u.AppField,{name:`filters[${f}].value`,children:p=>e(p.TfNumberField,{autoFocus:!0})}),c.type==="enum"&&e(u.AppField,{name:`filters[${f}].value`,children:p=>{const b=a[c.property];return b.type!=="enum"?null:e(p.TfMultiSelect,{items:b.options})}}),c.type==="id-search"&&e(u.AppField,{name:`filters[${f}].value`,children:p=>{const b=a[c.property];return b.type!=="id-search"?null:e(Qe,{resource:b.resource,accessor:b.accessor,searchFn:b.searchFn})}}),e(S,{type:"button",variant:"neutral",size:"icon",onPress:()=>g.removeValue(f),children:e(U,{})})]},c.id)),l("div",{className:"flex w-full items-center justify-end gap-2 not-first:mt-icon",children:[e(R,{label:"Add filter",autoFocus:!0,children:v.sort().map(c=>{const f=a[c].type,p=pt[f];return l(N,{onAction:()=>{const b=mt(f,c);g.pushValue(b)},children:[d(c),e(p,{})]},c)})}),g.state.value.length>0?l(S,{type:"button",variant:"neutral",onPress:()=>{g.setValue([])},children:[e(U,{}),"Reset"]}):null]})]})})})})]})})}const pt={"id-search":Ke,bool:j,date:Be,enum:je,id:Ue,number:He,string:j};export{dt as C,gt as D,rn as DataTable,X as DataTableContext,nn as DataTableProvider,an as F,en as getTableCallback,y as useDataTable,tn as useDataTableState};
+"use client";import{jsx as e,Fragment as C,jsxs as l}from"react/jsx-runtime";import{createContext as re,useState as F,useMemo as ae,useEffect as ie,useContext as oe,useRef as le}from"react";import{Button as S}from"./button.js";import{useSensors as se,useSensor as k,PointerSensor as ce,KeyboardSensor as ue,DndContext as de,closestCenter as me,DragOverlay as ge}from"@dnd-kit/core";import{sortableKeyboardCoordinates as pe,SortableContext as fe,verticalListSortingStrategy as he,arrayMove as be,useSortable as Se}from"@dnd-kit/sortable";import{CSS as ve}from"@dnd-kit/utilities";import{useQuery as Ce,keepPreviousData as ye}from"@tanstack/react-query";import{createColumnHelper as W,useReactTable as Ie,getCoreRowModel as we,flexRender as V}from"@tanstack/react-table";import{useLocalStorage as H}from"@uidotdev/usehooks";import{merge as xe}from"lodash-es";import{TfDatePicker as Fe}from"./date-picker.js";import{EasyMenu as R,MenuItem as N}from"./menu.js";import{PopoverTrigger as Ne,Popover as Te}from"./popover.js";import{useAppForm as Ae}from"../utilities/form-hook.js";import{useResourceFormatter as M}from"../utilities/resources.js";import{classNames as I}from"../utilities/theme.js";import{IcInfo as Pe,IcMoreVertical as De,IcRefresh as Re,IcColumns as Oe,IcGrip as ze,IcFirst as _e,IcLeft as Le,IcRight as Me,IcLast as Ee,IcSortAsc as $e,IcSortDesc as qe,IcSortNone as ke,IcFilter as Ve,IcRemove as U,IcCheck as j,IcMinus as He,IcAccount as Ue,IcLicense as je,IcDate as Be,IcFile as Ke}from"./icons.js";import{TfMultipleIdSearchInput as Qe}from"./id-search.js";import{Loader as Ge}from"./loader.js";import{SearchField as We}from"./searchfield.js";import{Table as Xe,TableHeader as Ze,TableRow as B,TableHead as Je,TableBody as Ye,TableCell as et}from"./table.js";import{formatDate as K}from"../utilities/date.js";import{Checkbox as Q}from"./checkbox.js";import"class-variance-authority";import"react-aria-components";import"@internationalized/date";import"./calendar.js";import"./form.js";import"./datefield.js";import"../utilities/form.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"./list-box.js";import"./select.js";import"./multi-select.js";import"./numberfield.js";import"./textfield.js";import"../utilities/string.js";import"clsx";function en(t){const n=async(o,m,a,s)=>{const d={...s,page:o.pageIndex+1,limit:o.pageSize,sort:tt(m[0]),search:a},h=await t(d);return{total:Number.parseInt(h.response.headers.get("Pagination-Count")||"0"),data:h.data}},r=W();return{callback:n,columnHelper:r}}function tt(t){return t?t.desc?`-${t.id}`:`+${t.id}`:"-createdAt"}const T=W(),nt=[T.accessor("checkbox",{header:({table:t})=>e(Q,{isIndeterminate:t.getIsSomeRowsSelected()&&!t.getIsAllPageRowsSelected(),isSelected:t.getIsAllPageRowsSelected()||t.getIsSomePageRowsSelected(),onChange:()=>t.toggleAllPageRowsSelected(),"aria-label":"Select all"}),cell:({row:t})=>e(Q,{isSelected:t.getIsSelected(),onChange:()=>t.toggleSelected(),"aria-label":"Select row"}),enableSorting:!1,enableHiding:!1})],rt=[T.accessor("id",{header:()=>"ID"})],at=[T.accessor("createdAt",{header:()=>"Creation Date",cell:({row:t})=>{const n=t.getValue("createdAt");return K(n)},enableHiding:!1}),T.accessor("updatedAt",{header:()=>"Last Updated",cell:({row:t})=>{const n=t.getValue("updatedAt");return K(n)},enableHiding:!1})],L="TableActions",it=t=>t.length===0?[]:[T.accessor(L,{header:"",id:L,enableHiding:!1,cell:({row:n})=>e(R,{label:e(De,{}),size:"icon",children:t.map(r=>e(N,{isDisabled:r.disabled(n.original),onPress:()=>r.onPress(n.original),children:r.label}))})})];function tn({resourceName:t,columns:n,callback:r,filterConfig:o,columnsToHideByDefault:m={},allowSelection:a=!1,initialFilters:s=[],tableActions:d,rowActions:h}){const[u,v]=F({pagination:{pageIndex:0,pageSize:20},sorting:[]}),[g,c]=F({}),[f,p]=F(""),[b,E]=H(`${t}_ctx_column_order_preference`,[]),[$,Y]=H(`${t}_ctx_column_visibility_preference`,{id:!1,...m}),[O,ee]=F(s),z=ae(()=>O.map(i=>Array.isArray(i.value)?{[i.property]:{[i.operator]:i.value.join(",")}}:{[i.property]:{[i.operator]:i.value}}).reduce((i,x)=>xe(i,x),{}),[O]),_=i=>{v(x=>({...x,...i}))},{sorting:A,pagination:P}=u,D=Ce({queryKey:[t,P,A,f,z],queryFn:()=>r(P,A,f,z),placeholderData:ye,retry:0,refetchOnWindowFocus:!1}),te=[...a?nt:[],...rt,...n,...at,...it(h??[])];function ne(i){return typeof i=="function"}function w(i,x){return ne(i)?i(x):i}const q=Ie({data:D.data?.data??[],columns:te,getCoreRowModel:we(),rowCount:D.data?.total,manualPagination:!0,onPaginationChange:i=>{_({pagination:w(i,P)})},manualSorting:!0,onSortingChange:i=>{c({}),_({sorting:[...w(i,A)]})},manualFiltering:!0,onColumnVisibilityChange:i=>{Y(w(i,$))},onRowSelectionChange:i=>{c(w(i,g))},onColumnOrderChange:i=>{E(w(i,b))},state:{sorting:A,columnVisibility:$,pagination:P,rowSelection:g,columnOrder:b},meta:{refetch:D.refetch}});return ie(()=>{E([...q.getAllLeafColumns().map(i=>i.id)])},[]),{tableState:u,updateTableState:_,query:D,setSearchQuery:p,searchQuery:f,tanTable:q,mergedFilters:z,filters:O,setFilters:ee,filterConfig:o,tableActions:d}}const X=re(null);function y(){const t=oe(X);if(!t)throw Error("DataTable should be used within DataTableProvider.");return t}function nn({children:t,...n}){return e(X.Provider,{value:n,children:t})}function rn({className:t,...n}){const{query:r,tanTable:o}=y();return e(C,{children:l("section",{...n,className:I("flex flex-col bg-elevation-1",t),children:[e(ct,{}),l("div",{className:"w-full overflow-auto border-x h-table relative",tabIndex:0,children:[r.isLoading&&e(G,{className:"cursor-wait",children:e(Ge,{})}),!r.isLoading&&o.getRowModel().rows.length===0&&e(G,{className:"cursor-not-allowed",children:!r.isFetching&&(r.isError?l("span",{className:"flex gap-3 justify-center items-center",children:[e(Pe,{}),e("span",{children:r.error.message})]}):r.data?.data?.length===0?e(C,{children:"No results found."}):e(C,{children:"Unknown error. Please contact customer support."}))}),!r.isLoading&&o.getRowModel().rows.length!==0&&e(ut,{className:"w-full"})]}),l("div",{className:"flex w-full justify-between border gap-icon p-icon overflow-x-auto",children:[l("div",{className:"flex gap-icon",children:[e(ot,{}),e(st,{})]}),e(lt,{})]})]})})}function G({children:t,className:n}){return l(C,{children:[e("span",{className:I(n,"absolute top-0 bg-elevation-1 text-foreground z-20 size-full body-sm flex items-center justify-center"),children:t}),e("span",{className:"relative h-full w-0 block"})]})}function ot(){const{tanTable:t}=y(),[n,r]=F(null),o=M(),m=se(k(ce),k(ue,{coordinateGetter:pe}));return e(de,{sensors:m,collisionDetection:me,onDragStart:s=>{const{active:d}=s;r(d.id.toString())},onDragEnd:s=>{const{active:d,over:h}=s;if(h&&d.id!==h.id){const u=t.getState().columnOrder,v=u.indexOf(d.id.toString()),g=u.indexOf(h.id.toString());t.setColumnOrder([...be(u,v,g)])}r(null)},children:l(fe,{items:t.getState().columnOrder,strategy:he,children:[l(R,{label:l(C,{children:[e(Oe,{className:"inline align-bottom me-1"}),"Columns"]}),selectionMode:"multiple",items:t.getAllFlatColumns(),selectedKeys:t.getVisibleFlatColumns().map(s=>s.id),children:[e(N,{onAction:()=>t.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),t.getState().columnOrder.map(s=>{const d=t.getAllFlatColumns().find(h=>h.id===s);return d?e(a,{column:d},d.id):null})]}),e(ge,{children:n?e("div",{className:"opacity-70 border-2 border-primary",children:o(n)}):null})]})});function a({column:s}){const{attributes:d,listeners:h,setNodeRef:u,transform:v,transition:g}=Se({id:s.id}),c={transform:ve.Transform.toString(v),transition:g,zIndex:"999"};return l(N,{ref:u,style:c,...d,id:s.id,onAction:()=>s.toggleVisibility(),isDisabled:!s.getCanHide(),className:"flex items-center",children:[e(ze,{...h,className:"size-icon cursor-grab"}),o(s.id),s.getIsSorted()&&e(Z,{className:"size-icon",direction:s.getIsSorted()})]})}}function lt(){const{tanTable:t,query:n}=y(),r=n.data?.total??0;return l("div",{className:"flex items-center gap-2",children:[e("span",{className:"whitespace-nowrap body-sm text-muted",children:`${t.getState().pagination.pageIndex*t.getState().pagination.pageSize+1} - ${Math.min((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize,r)} of ${r?.toLocaleString()}`}),e(S,{"aria-label":"First page",onPress:()=>t.firstPage(),isDisabled:!t.getCanPreviousPage(),variant:"neutral",size:"icon",children:e(_e,{})}),e(S,{"aria-label":"Previous page",onPress:()=>t.previousPage(),isDisabled:!t.getCanPreviousPage(),variant:"neutral",size:"icon",children:e(Le,{})}),e(S,{"aria-label":"Next page",onPress:()=>t.nextPage(),isDisabled:!t.getCanNextPage(),variant:"neutral",size:"icon",children:e(Me,{})}),e(S,{"aria-label":"Last page",onClick:()=>t.lastPage(),isDisabled:!t.getCanNextPage(),variant:"neutral",size:"icon",children:e(Ee,{})})]})}function st(){const{tanTable:t}=y(),n=[10,20,30,40,50];return e(R,{label:t.getState().pagination.pageSize.toString(),selectionMode:"single",selectedKeys:[t.getState().pagination.pageSize.toString()],items:n.map(r=>({id:r.toString(),value:r})),children:r=>e(N,{onAction:()=>t.setPageSize(r.value),children:r.value})})}function ct(){const{query:t,tanTable:n,searchQuery:r,setSearchQuery:o,tableActions:m}=y();return l("section",{className:"flex bg-elevation-1 justify-between my-0 p-icon border gap-icon overflow-auto",children:[l("div",{className:"flex gap-icon",children:[e(S,{"aria-label":"Refresh",isPending:t.isFetching,onClick:()=>t.refetch(),variant:"neutral",size:"icon",children:e(Re,{})}),m.filter(a=>a.bulk===n.getSelectedRowModel().rows.length>0).map((a,s)=>{const d=a.icon;return e(S,{"aria-label":a.label,type:"button",isDisabled:t.isFetching,className:"animate-in fade-in slide-in-from-left-15 duration-300 transition-transform",onPress:h=>{a.onClick(h,n.getSelectedRowModel().rows.map(u=>u.original))},size:"icon",children:e(d,{})},`${s}-${a.bulk}`)})]}),l("div",{className:"flex gap-icon",children:[e(gt,{}),e(We,{value:r,onChange:o})]})]})}function Z({direction:t,...n}){return t==="asc"?e($e,{className:"size-3.5",...n}):t==="desc"?e(qe,{className:"size-3.5",...n}):e(ke,{className:"size-3.5",...n})}function ut({className:t}){const{tanTable:n}=y(),r=M(),o=(m,a)=>I("px-icon py-2 text-left body-sm font-medium whitespace-nowrap",m&&"bg-elevation-1 sticky right-0 z-50 text-center",a);return l(Xe,{className:I("table-auto",t),children:[e(Ze,{className:"sticky top-0 z-10",children:n.getHeaderGroups().map(m=>e(B,{children:m.headers.map(a=>l(Je,{scope:"col",colSpan:a.colSpan,className:o(!1,"bg-elevation-1"),children:[!a.column.getCanSort()&&!a.isPlaceholder&&V(a.column.columnDef.header,a.getContext()),a.column.getCanSort()&&l(S,{variant:"ghost",className:"w-full justify-start p-1",onPress:a.column.getToggleSortingHandler(),children:[e("span",{children:r(a.id)}),e(Z,{direction:a.column.getIsSorted()})]})]},a.id))},m.id))}),e(Ye,{children:n.getRowModel().rows.map(m=>e(B,{className:I("transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20"),"data-selected":m.getIsSelected(),children:m.getVisibleCells().map(a=>e(et,{className:o(a.column.id===L),children:V(a.column.columnDef.cell,a.getContext())},a.id))},m.id))})]})}const an=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte"],dt={eq:"equal to",ne:"not equal to",cn:"contains",nc:"does not contain",sw:"starts with",ew:"ends with",in:"includes",nin:"does not include",gt:"greater than",gte:"greater than or equal to",lt:"less than",lte:"less than or equal to"};function mt(t,n){const r=`${n}-${Date.now()}`,o=J[t][0];switch(t){case"bool":return{id:r,type:t,property:n,operator:o,value:!0};case"string":return{id:r,type:t,property:n,operator:o,value:""};case"date":return{id:r,type:t,property:n,operator:o,value:new Date().toISOString()};case"id":return{id:r,type:t,property:n,operator:o,value:""};case"id-search":return{id:r,type:t,property:n,operator:o,value:[]};case"enum":return{id:r,type:t,property:n,operator:o,value:new Set};case"number":return{id:r,type:t,property:n,operator:o,value:0}}}const J={bool:["eq"],enum:["in","nin"],id:["in","nin"],"id-search":["in","nin"],string:["eq","ne","cn","nc","sw","ew","in","nin"],date:["lt","gt"],number:["eq","ne","gt","gte","lt","lte"]};function gt({className:t,...n}){const{filters:r,query:o,setFilters:m,filterConfig:a}=y(),s=le(null),d=M(),u=Ae({defaultValues:{filters:r},onSubmit:({value:g})=>{m(g.filters)}}),v=Object.keys(a).sort();return e("section",{...n,className:I("flex gap-icon items-center",t),children:l(Ne,{onOpenChange:g=>{g?s.current?.focus():u.handleSubmit()},children:[l("div",{className:"relative",children:[r.length>0&&e("div",{className:"size-2 rounded-full absolute bg-primary/90 z-20 top-0 right-0 translate-x-0.5 -translate-y-0.5"}),e(S,{"aria-label":"Filter",isDisabled:o.isPending||v.length===0,type:"button",size:"icon",variant:"neutral",children:e(Ve,{})})]}),e(Te,{className:"w-full p-icon",children:e("form",{onSubmit:g=>{g.preventDefault()},className:"flex flex-col gap-icon max-h-table overflow-auto ",children:e(u.Field,{mode:"array",name:"filters",children:g=>l(C,{children:[g.state.value.map((c,f)=>l("div",{className:"flex gap-icon items-center justify-normal",children:[e("span",{className:"body-sm",children:d(c.property)}),e(u.AppField,{name:`filters[${f}].operator`,children:p=>e(p.TfSingleSelect,{items:J[c.type].map(b=>({id:b,label:e(C,{children:dt[b]})}))})},c.id),c.type==="bool"&&e(u.AppField,{name:`filters[${f}].value`,children:p=>e(p.TfCheckbox,{autoFocus:!0})}),c.type==="date"&&e(u.AppField,{name:`filters[${f}].value`,children:p=>e(Fe,{autoFocus:!0})}),c.type==="id"&&e(u.AppField,{name:`filters[${f}].value`,children:p=>e(p.TfTextField,{autoFocus:!0})}),c.type==="string"&&e(u.AppField,{name:`filters[${f}].value`,children:p=>e(p.TfTextField,{autoFocus:!0})}),c.type==="number"&&e(u.AppField,{name:`filters[${f}].value`,children:p=>e(p.TfNumberField,{autoFocus:!0})}),c.type==="enum"&&e(u.AppField,{name:`filters[${f}].value`,children:p=>{const b=a[c.property];return b.type!=="enum"?null:e(p.TfMultiSelect,{items:b.options})}}),c.type==="id-search"&&e(u.AppField,{name:`filters[${f}].value`,children:p=>{const b=a[c.property];return b.type!=="id-search"?null:e(Qe,{resource:b.resource,accessor:b.accessor,searchFn:b.searchFn})}}),e(S,{type:"button",variant:"neutral",size:"icon",onPress:()=>g.removeValue(f),children:e(U,{})})]},c.id)),l("div",{className:"flex w-full items-center justify-end gap-2 not-first:mt-icon",children:[e(R,{label:"Add filter",autoFocus:!0,children:v.sort().map(c=>{const f=a[c].type,p=pt[f];return l(N,{onAction:()=>{const b=mt(f,c);g.pushValue(b)},children:[d(c),e(p,{})]},c)})}),g.state.value.length>0?l(S,{type:"button",variant:"neutral",onPress:()=>{g.setValue([])},children:[e(U,{}),"Reset"]}):null]})]})})})})]})})}const pt={"id-search":Ke,bool:j,date:Be,enum:je,id:Ue,number:He,string:j};export{dt as C,gt as D,rn as DataTable,X as DataTableContext,nn as DataTableProvider,an as F,en as getTableCallback,y as useDataTable,tn as useDataTableState};
 //# sourceMappingURL=data-table.js.map

package/dist/components/data-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","sources":["../../lib/components/data-table.tsx","../../lib/components/data-table-filter.tsx"],"sourcesContent":["'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport {\n    closestCenter,\n    DndContext,\n    DragOverlay,\n    KeyboardSensor,\n    PointerSensor,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport {\n    arrayMove,\n    SortableContext,\n    sortableKeyboardCoordinates,\n    useSortable,\n    verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { keepPreviousData, useQuery } from '@tanstack/react-query';\nimport {\n    type Column,\n    type ColumnDef,\n    type ColumnHelper,\n    type ColumnOrderState,\n    createColumnHelper,\n    flexRender,\n    getCoreRowModel,\n    type PaginationState,\n    type RowSelectionState,\n    type SortingState,\n    type Updater,\n    useReactTable,\n    type VisibilityState,\n} from '@tanstack/react-table';\nimport { useLocalStorage } from '@uidotdev/usehooks';\nimport { merge } from 'lodash-es';\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react';\nimport type { PressEvent } from 'react-aria-components';\nimport { Button } from '../components/button';\nimport { DataTableFilter, type FiltersConfig, type TableFilter } from '../components/data-table-filter';\nimport { Loader } from '../components/loader';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport { SearchField } from '../components/searchfield';\nimport { TableBody, TableCell, Table as TableComponent, TableHead, TableHeader, TableRow } from '../components/table';\nimport { formatDate } from '../utilities/date';\nimport type { CtxResourceName } from '../utilities/resources';\nimport { useResourceFormatter } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { Checkbox } from './checkbox';\nimport {\n    type CtxIcon,\n    IcColumns,\n    IcFirst,\n    IcGrip,\n    IcInfo,\n    IcLast,\n    IcLeft,\n    IcMoreVertical,\n    IcRefresh,\n    IcRight,\n    IcSortAsc,\n    IcSortDesc,\n    IcSortNone,\n} from './icons';\n\n/** Reserved name for actions column */\n// export const ACTIONS_COLUMN_ID = 'tableActions';\n\nexport type TableAction<in TActionData> = {\n    label: string;\n    onClick: (e: PressEvent, t: TActionData[]) => void;\n    bulk: boolean;\n    icon: CtxIcon;\n    tooltip?: string;\n};\n\nexport type TableFetchFn<in out TData extends object> = (\n    p: PaginationState,\n    s: SortingState,\n    q: string,\n    f: Record<string, any>\n) => Promise<{\n    total: number;\n    data: TData[] | undefined;\n}>;\nexport function getTableCallback<T extends object>(\n    getter: (\n        q: Record<string, any>\n    ) => Promise<{ data?: T[]; error?: { code?: string | null; message: string }; response: Response }>\n): { callback: TableFetchFn<T>; columnHelper: ColumnHelper<T> } {\n    const callback: TableFetchFn<T> = async (pagination, sorting, searching, filters) => {\n        const query = {\n            ...filters,\n            page: pagination.pageIndex + 1,\n            limit: pagination.pageSize,\n            sort: generateSortParam(sorting[0]),\n            search: searching,\n        };\n\n        const _f = await getter(query);\n\n        return {\n            total: Number.parseInt(_f.response.headers.get('Pagination-Count') || '0'),\n            data: _f.data,\n        };\n    };\n\n    const columnHelper = createColumnHelper<T>();\n\n    return { callback, columnHelper };\n}\n\nfunction generateSortParam(sort: { id: string; desc: boolean } | undefined): string {\n    if (sort) {\n        if (sort.desc) {\n            return `-${sort.id}`;\n        } else {\n            return `+${sort.id}`;\n        }\n    } else {\n        return '-createdAt';\n    }\n}\n\nconst cH = createColumnHelper<any>();\nconst TABLE_CHECK_BOX_COLUMN = [\n    cH.accessor('checkbox', {\n        header: ({ table }) => (\n            <Checkbox\n                isIndeterminate={table.getIsSomeRowsSelected() && !table.getIsAllPageRowsSelected()}\n                isSelected={table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected()}\n                onChange={() => table.toggleAllPageRowsSelected()}\n                aria-label=\"Select all\"\n            />\n        ),\n\n        cell: ({ row }) => (\n            <Checkbox isSelected={row.getIsSelected()} onChange={() => row.toggleSelected()} aria-label=\"Select row\" />\n        ),\n        enableSorting: false,\n        enableHiding: false,\n    }),\n];\n\nconst TABLE_ID_COLUMN = [\n    cH.accessor('id', {\n        header: () => 'ID',\n    }),\n];\nconst TABLE_DEFAULT_DATE_COLUMNS = [\n    cH.accessor('createdAt', {\n        header: () => 'Creation Date',\n        cell: ({ row }) => {\n            const date = row.getValue('createdAt') satisfies string | null | undefined;\n            return formatDate(date);\n        },\n        enableHiding: false,\n    }),\n    cH.accessor('updatedAt', {\n        header: () => 'Last Updated',\n        cell: ({ row }) => {\n            const date = row.getValue('updatedAt') satisfies string | null | undefined;\n            return formatDate(date);\n        },\n        enableHiding: false,\n    }),\n];\n\nconst ACTIONS_COLUMN_ID = 'TableActions';\nconst getActionColumn = (rowActions: RowAction<any>[]) => {\n    if (rowActions.length === 0) return [];\n\n    return [\n        cH.accessor(ACTIONS_COLUMN_ID, {\n            header: '',\n            id: ACTIONS_COLUMN_ID,\n            enableHiding: false,\n            cell: ({ row }) => (\n                <EasyMenu label={<IcMoreVertical />} size={'icon'}>\n                    {rowActions.map(ra => (\n                        <MenuItem isDisabled={ra.disabled(row.original)} onPress={() => ra.onPress(row.original)}>\n                            {ra.label}\n                        </MenuItem>\n                    ))}\n                </EasyMenu>\n            ),\n        }),\n    ];\n};\n\ntype RowAction<T> = {\n    onPress: (t: T) => void;\n    label: React.ReactElement;\n    disabled: (t: T) => boolean;\n};\n\ntype DataTableFactory<T extends object, TOperation extends keyof operations> = {\n    resourceName: CtxResourceName;\n    callback: TableFetchFn<T>;\n    columns: ColumnDef<T, any>[];\n    tableActions: TableAction<T>[];\n    columnsToHideByDefault?: Partial<Record<keyof T, boolean>>; // Columns that are hidden by default\n    allowSelection?: boolean;\n    filterConfig: FiltersConfig<TOperation>;\n    initialFilters: TableFilter[];\n    rowActions?: RowAction<T>[];\n};\n\ntype DataTableState = {\n    sorting: SortingState;\n    pagination: PaginationState;\n};\n/**\n * Hook for handling all data-table state. Used in DataTableContext\n */\nexport function useDataTableState<T extends object, TOperation extends keyof operations>({\n    resourceName,\n    columns,\n    callback,\n    filterConfig,\n    columnsToHideByDefault = {},\n    allowSelection = false,\n    initialFilters = [],\n    tableActions,\n    rowActions,\n}: DataTableFactory<T, TOperation>) {\n    const [tableState, _setTableState] = useState<DataTableState>({\n        /** Reflect in URL in host application  */\n        pagination: { pageIndex: 0, pageSize: 20 }, // Pagination state\n        sorting: [], // Sorting state\n    });\n    //\n    const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n\n    /** Reflect in URL in host application  */\n    const [searchQuery, setSearchQuery] = useState('');\n\n    const [columnOrder, setColumnOrder] = useLocalStorage<ColumnOrderState>(\n        `${resourceName}_ctx_column_order_preference`,\n        []\n    );\n    const [columnVisibility, setColumnVisibility] = useLocalStorage<VisibilityState>(\n        `${resourceName}_ctx_column_visibility_preference`,\n        {\n            id: false,\n            ...columnsToHideByDefault,\n        }\n    );\n\n    const [filters, setFilters] = useState(initialFilters);\n\n    const mergedFilters = useMemo(() => {\n        // TODO, generic transform fn\n        return filters\n            .map(tf => {\n                if (Array.isArray(tf.value)) {\n                    return {\n                        [tf.property]: {\n                            [tf.operator]: tf.value.join(','),\n                        },\n                    };\n                }\n                return {\n                    [tf.property]: {\n                        [tf.operator]: tf.value,\n                    },\n                };\n            })\n            .reduce((acc, current) => {\n                return merge(acc, current);\n            }, {});\n    }, [filters]);\n\n    // Update table state with new values\n    const updateTableState = (updates: Partial<DataTableState>) => {\n        _setTableState(prev => ({ ...prev, ...updates }));\n    };\n\n    const { sorting, pagination } = tableState;\n\n    const query = useQuery({\n        queryKey: [resourceName, pagination, sorting, searchQuery, mergedFilters],\n        queryFn: () => callback(pagination, sorting, searchQuery, mergedFilters),\n        placeholderData: keepPreviousData, // Keep previous data while loading new data\n        retry: 0,\n        refetchOnWindowFocus: false,\n    });\n\n    /**\n     * ID,createdAt and updatedAt will be added by default for all tables\n     * If selection is allowed, checkbox will be added\n     * If the dto has metadata, dynamics columns for all the metadata key-value will be added(particular for a view)\n     * If there are actions for the table, they will be placed fixed at the right side of table.\n     */\n    const cols: ColumnDef<any, any>[] = [\n        ...(allowSelection ? TABLE_CHECK_BOX_COLUMN : []),\n        ...TABLE_ID_COLUMN,\n        ...columns,\n        ...TABLE_DEFAULT_DATE_COLUMNS,\n        ...getActionColumn(rowActions ?? []),\n    ];\n\n    // Type-guard for updater\n    function isUpdaterFunction<T>(updater: Updater<T>): updater is (old: T) => T {\n        return typeof updater === 'function';\n    }\n    // Utility function to resolve updater\n    function resolveUpdater<T>(updater: Updater<T>, currentValue: T) {\n        if (isUpdaterFunction(updater)) {\n            return updater(currentValue);\n        }\n        return updater;\n    }\n\n    // Use react-table's hook to create the table instance\n    const tanTable = useReactTable({\n        data: query.data?.data ?? [],\n        columns: cols,\n        getCoreRowModel: getCoreRowModel(),\n        rowCount: query.data?.total,\n        manualPagination: true, // Handle pagination manually since pagination is done server side for data tables\n        onPaginationChange: updater => {\n            updateTableState({ pagination: resolveUpdater(updater, pagination) });\n        },\n        manualSorting: true, // Handle sorting manually since sorting is done server side for data tables\n        onSortingChange: updater => {\n            setRowSelection({});\n            updateTableState({ sorting: [...resolveUpdater(updater, sorting)] }); // Reset selection when sorting.\n        },\n        manualFiltering: true, // Handle filtering manually since filtering is done server side for data tables\n        onColumnVisibilityChange: updater => {\n            setColumnVisibility(resolveUpdater(updater, columnVisibility));\n        },\n        onRowSelectionChange: updater => {\n            setRowSelection(resolveUpdater(updater, rowSelection));\n        },\n        onColumnOrderChange: updater => {\n            setColumnOrder(resolveUpdater(updater, columnOrder));\n        },\n        state: {\n            sorting: sorting,\n            columnVisibility: columnVisibility,\n            pagination: pagination,\n            rowSelection: rowSelection,\n            columnOrder: columnOrder,\n        },\n        meta: {\n            refetch: query.refetch,\n        },\n    });\n\n    // By default, ColumnDef does not give guarantees of column.id existing. Once useReactTable is called, all columns are assigned IDs.\n    // This populates the columnIds in the columnOrder state\n    useEffect(() => {\n        setColumnOrder([...tanTable.getAllLeafColumns().map(c => c.id)]);\n    }, []);\n\n    return {\n        tableState,\n        updateTableState,\n        query,\n        setSearchQuery,\n        searchQuery,\n        tanTable,\n        mergedFilters,\n        filters,\n        setFilters,\n        filterConfig,\n        tableActions,\n    } as const;\n}\n\nexport const DataTableContext = createContext<ReturnType<typeof useDataTableState> | null>(null);\n// TODO, don't export this\nexport function useDataTable() {\n    const ctx = useContext(DataTableContext);\n    if (!ctx) {\n        throw Error('DataTable should be used within DataTableProvider.');\n    }\n    return ctx;\n}\n\nexport function DataTableProvider<T extends object, TOperation extends keyof operations>({\n    children,\n    ...props\n}: { children: React.ReactNode } & ReturnType<typeof useDataTableState<T, TOperation>>) {\n    // @ts-expect-error, propogating the generic type further will be more complex. Since this is a tightly coupled type, it should be okay but reviewed whenever useDataTableState changes.\n    return <DataTableContext.Provider value={props}>{children}</DataTableContext.Provider>;\n}\n\nexport type DataTableProps = React.ComponentProps<'section'>;\nexport function DataTable({ className, ...props }: DataTableProps) {\n    const { query, tanTable } = useDataTable();\n\n    return (\n        <>\n            {/* Table Actions Section */}\n            <section {...props} className={classNames('flex flex-col bg-elevation-1', className)}>\n                <Actions />\n                {/* The div here is necessary because TableContent is internally a <table> tag and does not respect width, height CSS */}\n                <div className=\"w-full overflow-auto border-x grow h-table relative\" tabIndex={0}>\n                    {/* Table overlay with loader */}\n                    {query.isLoading && (\n                        <TableOverlay className=\"cursor-wait\">\n                            <Loader />\n                        </TableOverlay>\n                    )}\n                    {/* Table overlay for empty table */}\n                    {!query.isLoading && tanTable.getRowModel().rows.length === 0 && (\n                        // Empty table\n                        <TableOverlay className=\"cursor-not-allowed\">\n                            {!query.isFetching &&\n                                (query.isError ? (\n                                    <span className=\"flex gap-3 justify-center items-center\">\n                                        {/* TODO (mudasir-pandith) Check for 403 explicitly!! */}\n                                        {/* <span>{query.error}</span> */}\n                                        <IcInfo />\n                                        <span>{query.error.message}</span>\n                                    </span>\n                                ) : query.data?.data?.length === 0 ? (\n                                    <>No results found.</>\n                                ) : (\n                                    <>Unknown error. Please contact customer support.</>\n                                ))}\n                        </TableOverlay>\n                    )}\n                    {!query.isLoading && tanTable.getRowModel().rows.length !== 0 && (\n                        <TableContent className=\"size-full\" />\n                    )}\n                </div>\n\n                {/* Table Footer Section with Pagination and Column Picker */}\n                <div className=\"flex w-full justify-between border gap-icon p-icon overflow-x-auto\">\n                    <div className=\"flex gap-icon\">\n                        <ColumnPicker />\n                        <PageSize />\n                    </div>\n                    <Paginator />\n                </div>\n            </section>\n        </>\n    );\n}\n/** Table overlay to be shown for loaders or other messages */\nfunction TableOverlay({ children, className }: { children: React.ReactNode; className?: string }) {\n    return (\n        <>\n            <span\n                className={classNames(\n                    className,\n                    'absolute top-0 bg-elevation-1 z-20 size-full body-sm flex items-center justify-center'\n                )}\n            >\n                {children}\n            </span>\n            {/* Keep something in document flow with the correct height */}\n            <span className=\"relative h-full w-0 block\" />\n        </>\n    );\n}\n\n// TODO, ?include query param on Licenses, Activations and other future resources that need this\nfunction ColumnPicker() {\n    const { tanTable } = useDataTable();\n    const [activeId, setActiveId] = useState<string | null>(null);\n\n    const resourceFormatter = useResourceFormatter();\n\n    const sensors = useSensors(\n        useSensor(PointerSensor),\n        useSensor(KeyboardSensor, {\n            coordinateGetter: sortableKeyboardCoordinates,\n        })\n    );\n    return (\n        <DndContext\n            sensors={sensors}\n            collisionDetection={closestCenter}\n            onDragStart={event => {\n                const { active } = event;\n                setActiveId(active.id.toString());\n            }}\n            onDragEnd={event => {\n                const { active, over } = event;\n\n                if (over && active.id !== over.id) {\n                    const columnOrder = tanTable.getState().columnOrder;\n                    const oldIndex = columnOrder.indexOf(active.id.toString());\n                    const newIndex = columnOrder.indexOf(over.id.toString());\n                    tanTable.setColumnOrder([...arrayMove(columnOrder, oldIndex, newIndex)]);\n                }\n\n                setActiveId(null);\n            }}\n        >\n            <SortableContext items={tanTable.getState().columnOrder} strategy={verticalListSortingStrategy}>\n                <EasyMenu\n                    label={\n                        <>\n                            <IcColumns className=\"inline align-bottom me-1\" />\n                            Columns\n                        </>\n                    }\n                    selectionMode=\"multiple\"\n                    items={tanTable.getAllFlatColumns()}\n                    // Using selectedKeys = 'all' does not mark MenuItems with isDisabled=true as selected. This is not the intended behaviour in this use-case.\n                    selectedKeys={tanTable.getVisibleFlatColumns().map(c => c.id)}\n                >\n                    <MenuItem onAction={() => tanTable.toggleAllColumnsVisible()} className={'italic'}>\n                        (select all)\n                    </MenuItem>\n                    {tanTable.getState().columnOrder.map(colId => {\n                        const col = tanTable.getAllFlatColumns().find(c => c.id === colId);\n                        if (!col) return null;\n                        return <SortableItem key={col.id} column={col} />;\n                    })}\n                </EasyMenu>\n                <DragOverlay>\n                    {activeId ? (\n                        <div className=\"opacity-70 border-2 border-primary\">{resourceFormatter(activeId)}</div>\n                    ) : null}\n                </DragOverlay>\n            </SortableContext>\n        </DndContext>\n    );\n\n    function SortableItem({ column }: { column: Column<any, unknown> }) {\n        const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: column.id });\n        const style = {\n            transform: CSS.Transform.toString(transform),\n            transition,\n            zIndex: '999',\n        };\n        return (\n            <MenuItem\n                ref={setNodeRef}\n                style={style}\n                {...attributes}\n                id={column.id}\n                onAction={() => column.toggleVisibility()}\n                isDisabled={!column.getCanHide()}\n                className=\"flex items-center\"\n            >\n                <IcGrip {...listeners} className=\"size-icon cursor-grab\" />\n                {resourceFormatter(column.id)}\n                {column.getIsSorted() && <SortIcon className=\"size-icon\" direction={column.getIsSorted()} />}\n            </MenuItem>\n        );\n    }\n}\n\nfunction Paginator() {\n    const { tanTable, query } = useDataTable();\n    const rowCount = query.data?.total ?? 0;\n    return (\n        <div className=\"flex items-center gap-2\">\n            <span className=\"whitespace-nowrap body-sm text-muted\">\n                {`${tanTable.getState().pagination.pageIndex * tanTable.getState().pagination.pageSize + 1} - ${Math.min(\n                    (tanTable.getState().pagination.pageIndex + 1) * tanTable.getState().pagination.pageSize,\n                    rowCount\n                )} of ${rowCount?.toLocaleString()}`}\n            </span>\n\n            <Button\n                aria-label=\"First page\"\n                onPress={() => tanTable.firstPage()}\n                isDisabled={!tanTable.getCanPreviousPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcFirst />\n            </Button>\n            <Button\n                aria-label=\"Previous page\"\n                onPress={() => tanTable.previousPage()}\n                isDisabled={!tanTable.getCanPreviousPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcLeft />\n            </Button>\n            <Button\n                aria-label=\"Next page\"\n                onPress={() => tanTable.nextPage()}\n                isDisabled={!tanTable.getCanNextPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcRight />\n            </Button>\n            <Button\n                aria-label=\"Last page\"\n                onClick={() => tanTable.lastPage()}\n                isDisabled={!tanTable.getCanNextPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcLast />\n            </Button>\n        </div>\n    );\n}\n\nfunction PageSize() {\n    const { tanTable } = useDataTable();\n    const PAGE_SIZES = [10, 20, 30, 40, 50];\n\n    return (\n        <EasyMenu\n            label={tanTable.getState().pagination.pageSize.toString()}\n            selectionMode=\"single\"\n            selectedKeys={[tanTable.getState().pagination.pageSize.toString()]}\n            items={PAGE_SIZES.map(s => ({ id: s.toString(), value: s }))}\n        >\n            {items => <MenuItem onAction={() => tanTable.setPageSize(items.value)}>{items.value}</MenuItem>}\n        </EasyMenu>\n    );\n}\n\nfunction Actions() {\n    const { query, tanTable, searchQuery, setSearchQuery, tableActions } = useDataTable();\n\n    return (\n        <section className=\"flex bg-elevation-1 justify-between my-0 p-icon border gap-icon overflow-auto\">\n            <div className=\"flex gap-icon\">\n                <Button\n                    aria-label=\"Refresh\"\n                    isPending={query.isFetching}\n                    onClick={() => query.refetch()}\n                    variant={'neutral'}\n                    size={'icon'}\n                >\n                    <IcRefresh />\n                </Button>\n\n                {tableActions\n                    .filter(ta => ta.bulk === tanTable.getSelectedRowModel().rows.length > 0)\n                    .map((ta, i) => {\n                        const Icon = ta.icon;\n                        return (\n                            <Button\n                                aria-label={ta.label}\n                                key={`${i}-${ta.bulk}`}\n                                type=\"button\"\n                                isDisabled={query.isFetching}\n                                className=\"animate-in fade-in slide-in-from-left-15 duration-300 transition-transform\"\n                                onPress={e => {\n                                    ta.onClick(\n                                        e,\n                                        tanTable.getSelectedRowModel().rows.map(r => r.original)\n                                    );\n                                }}\n                                size={'icon'}\n                            >\n                                <Icon />\n                            </Button>\n                        );\n                    })}\n            </div>\n            <div className=\"flex gap-icon\">\n                <DataTableFilter />\n                {<SearchField value={searchQuery} onChange={setSearchQuery} />}\n            </div>\n        </section>\n    );\n}\n\nfunction SortIcon({\n    direction,\n    ...props\n}: { direction: 'asc' | 'desc' | false } & Omit<React.ComponentProps<'svg'>, 'direction'>) {\n    if (direction === 'asc') return <IcSortAsc className=\"size-3.5\" {...props} />;\n    else if (direction === 'desc') return <IcSortDesc className=\"size-3.5\" {...props} />;\n    else return <IcSortNone className=\"size-3.5\" {...props} />;\n}\n\n// TODO, automate checking valid HTML\nfunction TableContent({ className }: React.ComponentProps<typeof TableComponent>) {\n    const { tanTable } = useDataTable();\n    const resourceFormatter = useResourceFormatter();\n    const tableCellStyle = (isSticky: boolean, className?: string) =>\n        classNames(\n            'px-icon py-2 text-left body-sm font-medium whitespace-nowrap',\n            isSticky && 'bg-elevation-1 sticky right-0 z-50 text-center',\n            className\n        );\n    return (\n        <TableComponent className={classNames(className)}>\n            <TableHeader className=\"sticky top-0 z-10\">\n                {tanTable.getHeaderGroups().map(headerGroup => (\n                    <TableRow key={headerGroup.id}>\n                        {headerGroup.headers.map(header => (\n                            <TableHead\n                                key={header.id}\n                                colSpan={header.colSpan}\n                                className={tableCellStyle(false, 'bg-elevation-1')}\n                            >\n                                {/* TODO, custom headers should be supported */}\n                                {/* TODO, styling breaks if enableSorting:false */}\n                                {!header.column.getCanSort() &&\n                                    !header.isPlaceholder &&\n                                    flexRender(header.column.columnDef.header, header.getContext())}\n                                {header.column.getCanSort() && (\n                                    <Button\n                                        variant=\"ghost\"\n                                        className=\"w-full justify-start p-1\"\n                                        onPress={header.column.getToggleSortingHandler()}\n                                    >\n                                        <span>{resourceFormatter(header.id)}</span>\n                                        <SortIcon direction={header.column.getIsSorted()} />\n                                    </Button>\n                                )}\n                            </TableHead>\n                        ))}\n                    </TableRow>\n                ))}\n            </TableHeader>\n            <TableBody className=\"flex-1 overflow-y-auto relative\">\n                {tanTable.getRowModel().rows.map(row => (\n                    <TableRow\n                        className={classNames(\n                            'transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20'\n                        )}\n                        key={row.id}\n                        data-selected={row.getIsSelected()}\n                    >\n                        {row.getVisibleCells().map(cell => (\n                            <TableCell key={cell.id} className={tableCellStyle(cell.column.id === ACTIONS_COLUMN_ID)}>\n                                {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                            </TableCell>\n                        ))}\n                    </TableRow>\n                ))}\n            </TableBody>\n        </TableComponent>\n    );\n}\n","'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport { useRef } from 'react';\nimport { Button } from '../components/button';\nimport { useDataTable } from '../components/data-table';\nimport { TfDatePicker } from '../components/date-picker';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport type { MultiSelectProps } from '../components/multi-select';\nimport { Popover, PopoverTrigger } from '../components/popover';\nimport { useAppForm } from '../utilities/form-hook';\nimport { useResourceFormatter, type ApiFilters } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { IcAccount, IcCheck, IcDate, IcFile, IcFilter, IcLicense, IcMinus, IcRemove, type CtxIcon } from './icons';\nimport { TfMultipleIdSearchInput } from './id-search';\n\nexport const FILTER_COMPARISON_OPERATORS = [\n    'eq',\n    'ne',\n    'cn',\n    'nc',\n    'sw',\n    'ew',\n    'in',\n    'nin',\n    'gt',\n    'gte',\n    'lt',\n    'lte',\n] as const;\nexport type FilterComparisonOperator = (typeof FILTER_COMPARISON_OPERATORS)[number];\n\nexport const COMPARISON_OPERATOR_LABELS: Record<FilterComparisonOperator, string> = {\n    eq: 'equal to',\n    ne: 'not equal to',\n    cn: 'contains',\n    nc: 'does not contain',\n    sw: 'starts with',\n    ew: 'ends with',\n    in: 'includes',\n    nin: 'does not include',\n    gt: 'greater than',\n    gte: 'greater than or equal to',\n    lt: 'less than',\n    lte: 'less than or equal to',\n};\n\ntype BaseLocalFilter<T extends FilterType, V> = {\n    id: string;\n    type: T;\n    property: string;\n    operator: FilterComparisonOperator;\n    value: V | undefined;\n    displayValue?: string;\n};\ntype EnumLocalFilter = BaseLocalFilter<'enum', Set<string | number>>;\ntype IdLocalFilter = BaseLocalFilter<'id', string>;\ntype BoolLocalFilter = BaseLocalFilter<'bool', boolean>;\ntype StringLocalFilter = BaseLocalFilter<'string', string>;\ntype NumberLocalFilter = BaseLocalFilter<'number', number>;\n// DatePicker accepts a string,and converts it to a ZonedDateTime\ntype DateLocalFilter = BaseLocalFilter<'date', string>;\ntype IdSearchLocalFilter = BaseLocalFilter<'id-search', Set<string | number>>;\n// TODO, entitlementSets.productIds\nfunction createNewFilter(type: FilterType, property: string): TableFilter {\n    const id = `${property}-${Date.now()}`;\n    const operator = FilterOperations[type][0];\n\n    switch (type) {\n        case 'bool':\n            return { id, type, property, operator, value: true };\n        case 'string':\n            return { id, type, property, operator, value: '' };\n        case 'date':\n            return { id, type, property, operator, value: new Date().toISOString() };\n        case 'id':\n            return { id, type, property, operator, value: '' };\n        case 'id-search':\n            return { id, type, property, operator, value: new Set<string | number>() };\n        case 'enum':\n            return { id, type, property, operator, value: new Set<string | number>() };\n        case 'number':\n            return { id, type, property, operator, value: 0 };\n    }\n}\n\nexport type TableFilter =\n    | EnumLocalFilter\n    | IdLocalFilter\n    | BoolLocalFilter\n    | StringLocalFilter\n    | DateLocalFilter\n    | IdSearchLocalFilter\n    | NumberLocalFilter;\n\nexport type FilterConfig =\n    | { type: 'enum'; options: MultiSelectProps['items'] }\n    | ({ type: 'id-search' } & Pick<\n          React.ComponentProps<typeof TfMultipleIdSearchInput>,\n          'accessor' | 'searchFn' | 'resource'\n      >)\n    | { type: 'id' }\n    | { type: 'bool' }\n    | { type: 'string' }\n    | { type: 'date' }\n    | { type: 'number' };\n\nexport type FilterType = FilterConfig['type'];\n\nconst FilterOperations: Record<FilterType, FilterComparisonOperator[]> = {\n    bool: ['eq'],\n    enum: ['in', 'nin'],\n    id: ['in', 'nin'],\n    'id-search': ['in', 'nin'],\n    string: ['eq', 'ne', 'cn', 'nc', 'sw', 'ew', 'in', 'nin'],\n    date: ['lt', 'gt'],\n    number: ['eq', 'ne', 'gt', 'gte', 'lt', 'lte'],\n};\n\n// TS workaround to get rid of filterConfig: Required<Record<never, FilterConfig>>\nexport type FiltersConfig<TOperation extends keyof operations> = [keyof ApiFilters<TOperation>] extends [never]\n    ? Record<string, FilterConfig>\n    : Required<Record<keyof ApiFilters<TOperation>, FilterConfig>>;\n\nexport function DataTableFilter({ className, ...props }: React.ComponentProps<'section'>) {\n    const { filters, query, setFilters, filterConfig } = useDataTable();\n\n    const addFilterButtonRef = useRef<HTMLButtonElement>(null);\n\n    const resourceFormatter = useResourceFormatter();\n\n    const DEFAULT_VALUES: { filters: TableFilter[] } = {\n        filters,\n    };\n    const form = useAppForm({\n        defaultValues: DEFAULT_VALUES,\n        onSubmit: ({ value }) => {\n            setFilters(value.filters);\n        },\n    });\n\n    // More reason to hate TS https://github.com/Microsoft/TypeScript/issues/12870\n    const filterKeys = Object.keys(filterConfig).sort();\n\n    return (\n        <section {...props} className={classNames('flex gap-icon items-center', className)}>\n            <PopoverTrigger\n                onOpenChange={o => {\n                    // Set filters when the popover closes\n                    if (!o) {\n                        form.handleSubmit();\n                    } else {\n                        addFilterButtonRef.current?.focus();\n                    }\n                }}\n            >\n                <div className=\"relative\">\n                    {filters.length > 0 && (\n                        <div className=\"size-2 rounded-full absolute bg-primary/90 z-20 top-0 right-0 translate-x-0.5 -translate-y-0.5\"></div>\n                    )}\n                    <Button\n                        aria-label=\"Filter\"\n                        isDisabled={query.isPending || filterKeys.length === 0}\n                        type=\"button\"\n                        size={'icon'}\n                        variant={'neutral'}\n                    >\n                        <IcFilter />\n                    </Button>\n                </div>\n                {/* TODO, icon maps with dynamic imports? */}\n                {/* TODO open popover with form for property specific filter */}\n                {/* TODO, icons here??? */}\n                <Popover className=\"w-full p-icon\">\n                    <form\n                        onSubmit={e => {\n                            e.preventDefault();\n                        }}\n                        className=\"flex flex-col gap-icon max-h-table overflow-auto \"\n                    >\n                        <form.Field mode=\"array\" name={'filters'}>\n                            {field => {\n                                return (\n                                    <>\n                                        {field.state.value.map((lf, i) => {\n                                            return (\n                                                <div key={lf.id} className=\"flex gap-icon items-center justify-normal\">\n                                                    <span className=\"body-sm\">{resourceFormatter(lf.property)}</span>\n                                                    <form.AppField key={lf.id} name={`filters[${i}].operator`}>\n                                                        {sf => (\n                                                            <sf.TfSingleSelect\n                                                                items={FilterOperations[lf.type].map(op => ({\n                                                                    id: op,\n                                                                    label: <>{COMPARISON_OPERATOR_LABELS[op]}</>,\n                                                                }))}\n                                                            />\n                                                        )}\n                                                    </form.AppField>\n\n                                                    {lf.type === 'bool' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfCheckbox autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'date' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {_ => <TfDatePicker autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'id' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfTextField autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'string' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfTextField autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'number' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfNumberField autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n\n                                                    {lf.type === 'enum' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => {\n                                                                const config = filterConfig[lf.property];\n                                                                if (config.type !== 'enum') return null;\n                                                                return <sf.TfMultiSelect items={config.options} />;\n                                                            }}\n                                                        </form.AppField>\n                                                    )}\n\n                                                    {lf.type === 'id-search' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {_ => {\n                                                                const config = filterConfig[lf.property];\n                                                                if (config.type !== 'id-search') return null;\n                                                                return (\n                                                                    <TfMultipleIdSearchInput\n                                                                        resource={config.resource}\n                                                                        accessor={config.accessor}\n                                                                        searchFn={config.searchFn}\n                                                                    />\n                                                                );\n                                                            }}\n                                                        </form.AppField>\n                                                    )}\n\n                                                    <Button\n                                                        type=\"button\"\n                                                        variant=\"neutral\"\n                                                        size=\"icon\"\n                                                        onPress={() => field.removeValue(i)}\n                                                    >\n                                                        <IcRemove />\n                                                    </Button>\n                                                </div>\n                                            );\n                                        })}\n                                        <div className=\"flex w-full items-center justify-end gap-2 not-first:mt-icon\">\n                                            <EasyMenu label=\"Add filter\" autoFocus>\n                                                {filterKeys.sort().map(k => {\n                                                    const type = filterConfig[k].type;\n                                                    const Icon = FilterIcon[type];\n                                                    return (\n                                                        <MenuItem\n                                                            key={k}\n                                                            onAction={() => {\n                                                                const newFilter = createNewFilter(type, k);\n                                                                field.pushValue(newFilter);\n                                                            }}\n                                                        >\n                                                            {resourceFormatter(k)}\n                                                            <Icon />\n                                                        </MenuItem>\n                                                    );\n                                                })}\n                                            </EasyMenu>\n                                            {field.state.value.length > 0 ? (\n                                                <Button\n                                                    type=\"button\"\n                                                    variant=\"neutral\"\n                                                    onPress={() => {\n                                                        field.setValue([]);\n                                                    }}\n                                                >\n                                                    <IcRemove />\n                                                    Reset\n                                                </Button>\n                                            ) : null}\n                                        </div>\n                                    </>\n                                );\n                            }}\n                        </form.Field>\n                    </form>\n                </Popover>\n            </PopoverTrigger>\n        </section>\n    );\n}\n\nconst FilterIcon: Record<FilterConfig['type'], CtxIcon> = {\n    'id-search': IcFile,\n    bool: IcCheck,\n    date: IcDate,\n    enum: IcLicense,\n    id: IcAccount,\n    number: IcMinus,\n    string: IcCheck,\n};\n"],"names":["getTableCallback","getter","callback","pagination","sorting","searching","filters","query","generateSortParam","_f","columnHelper","createColumnHelper","sort","cH","TABLE_CHECK_BOX_COLUMN","table","jsx","Checkbox","row","TABLE_ID_COLUMN","TABLE_DEFAULT_DATE_COLUMNS","date","formatDate","ACTIONS_COLUMN_ID","getActionColumn","rowActions","EasyMenu","IcMoreVertical","ra","MenuItem","useDataTableState","resourceName","columns","filterConfig","columnsToHideByDefault","allowSelection","initialFilters","tableActions","tableState","_setTableState","useState","rowSelection","setRowSelection","searchQuery","setSearchQuery","columnOrder","setColumnOrder","useLocalStorage","columnVisibility","setColumnVisibility","setFilters","mergedFilters","useMemo","tf","acc","current","merge","updateTableState","updates","prev","useQuery","keepPreviousData","cols","isUpdaterFunction","updater","resolveUpdater","currentValue","tanTable","useReactTable","getCoreRowModel","useEffect","c","DataTableContext","createContext","useDataTable","ctx","useContext","DataTableProvider","children","props","DataTable","className","Fragment","classNames","Actions","jsxs","TableOverlay","Loader","IcInfo","TableContent","ColumnPicker","PageSize","Paginator","activeId","setActiveId","resourceFormatter","useResourceFormatter","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","closestCenter","event","active","over","oldIndex","newIndex","arrayMove","SortableContext","verticalListSortingStrategy","IcColumns","colId","col","SortableItem","DragOverlay","column","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","IcGrip","SortIcon","rowCount","Button","IcFirst","IcLeft","IcRight","IcLast","PAGE_SIZES","s","items","IcRefresh","ta","i","Icon","e","r","DataTableFilter","SearchField","direction","IcSortAsc","IcSortDesc","IcSortNone","tableCellStyle","isSticky","TableComponent","TableHeader","headerGroup","TableRow","header","TableHead","flexRender","TableBody","cell","TableCell","FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","createNewFilter","type","property","id","operator","FilterOperations","addFilterButtonRef","useRef","form","useAppForm","value","filterKeys","PopoverTrigger","o","IcFilter","Popover","field","lf","sf","op","_","TfDatePicker","config","TfMultipleIdSearchInput","IcRemove","k","FilterIcon","newFilter","IcFile","IcCheck","IcDate","IcLicense","IcAccount","IcMinus"],"mappings":"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"}
+{"version":3,"file":"data-table.js","sources":["../../lib/components/data-table.tsx","../../lib/components/data-table-filter.tsx"],"sourcesContent":["'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport {\n    closestCenter,\n    DndContext,\n    DragOverlay,\n    KeyboardSensor,\n    PointerSensor,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport {\n    arrayMove,\n    SortableContext,\n    sortableKeyboardCoordinates,\n    useSortable,\n    verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { keepPreviousData, useQuery } from '@tanstack/react-query';\nimport {\n    type Column,\n    type ColumnDef,\n    type ColumnHelper,\n    type ColumnOrderState,\n    createColumnHelper,\n    flexRender,\n    getCoreRowModel,\n    type PaginationState,\n    type RowSelectionState,\n    type SortingState,\n    type Updater,\n    useReactTable,\n    type VisibilityState,\n} from '@tanstack/react-table';\nimport { useLocalStorage } from '@uidotdev/usehooks';\nimport { merge } from 'lodash-es';\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react';\nimport type { PressEvent } from 'react-aria-components';\nimport { Button } from '../components/button';\nimport { DataTableFilter, type FiltersConfig, type TableFilter } from '../components/data-table-filter';\nimport { Loader } from '../components/loader';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport { SearchField } from '../components/searchfield';\nimport { TableBody, TableCell, Table as TableComponent, TableHead, TableHeader, TableRow } from '../components/table';\nimport { formatDate } from '../utilities/date';\nimport type { CtxResourceName } from '../utilities/resources';\nimport { useResourceFormatter } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { Checkbox } from './checkbox';\nimport {\n    type CtxIcon,\n    IcColumns,\n    IcFirst,\n    IcGrip,\n    IcInfo,\n    IcLast,\n    IcLeft,\n    IcMoreVertical,\n    IcRefresh,\n    IcRight,\n    IcSortAsc,\n    IcSortDesc,\n    IcSortNone,\n} from './icons';\n\n/** Reserved name for actions column */\n// export const ACTIONS_COLUMN_ID = 'tableActions';\n\nexport type TableAction<in TActionData> = {\n    label: string;\n    onClick: (e: PressEvent, t: TActionData[]) => void;\n    bulk: boolean;\n    icon: CtxIcon;\n    tooltip?: string;\n};\n\nexport type TableFetchFn<in out TData extends object> = (\n    p: PaginationState,\n    s: SortingState,\n    q: string,\n    f: Record<string, any>\n) => Promise<{\n    total: number;\n    data: TData[] | undefined;\n}>;\nexport function getTableCallback<T extends object>(\n    getter: (\n        q: Record<string, any>\n    ) => Promise<{ data?: T[]; error?: { code?: string | null; message: string }; response: Response }>\n): { callback: TableFetchFn<T>; columnHelper: ColumnHelper<T> } {\n    const callback: TableFetchFn<T> = async (pagination, sorting, searching, filters) => {\n        const query = {\n            ...filters,\n            page: pagination.pageIndex + 1,\n            limit: pagination.pageSize,\n            sort: generateSortParam(sorting[0]),\n            search: searching,\n        };\n\n        const _f = await getter(query);\n\n        return {\n            total: Number.parseInt(_f.response.headers.get('Pagination-Count') || '0'),\n            data: _f.data,\n        };\n    };\n\n    const columnHelper = createColumnHelper<T>();\n\n    return { callback, columnHelper };\n}\n\nfunction generateSortParam(sort: { id: string; desc: boolean } | undefined): string {\n    if (sort) {\n        if (sort.desc) {\n            return `-${sort.id}`;\n        } else {\n            return `+${sort.id}`;\n        }\n    } else {\n        return '-createdAt';\n    }\n}\n\nconst cH = createColumnHelper<any>();\nconst TABLE_CHECK_BOX_COLUMN = [\n    cH.accessor('checkbox', {\n        header: ({ table }) => (\n            <Checkbox\n                isIndeterminate={table.getIsSomeRowsSelected() && !table.getIsAllPageRowsSelected()}\n                isSelected={table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected()}\n                onChange={() => table.toggleAllPageRowsSelected()}\n                aria-label=\"Select all\"\n            />\n        ),\n\n        cell: ({ row }) => (\n            <Checkbox isSelected={row.getIsSelected()} onChange={() => row.toggleSelected()} aria-label=\"Select row\" />\n        ),\n        enableSorting: false,\n        enableHiding: false,\n    }),\n];\n\nconst TABLE_ID_COLUMN = [\n    cH.accessor('id', {\n        header: () => 'ID',\n    }),\n];\nconst TABLE_DEFAULT_DATE_COLUMNS = [\n    cH.accessor('createdAt', {\n        header: () => 'Creation Date',\n        cell: ({ row }) => {\n            const date = row.getValue('createdAt') satisfies string | null | undefined;\n            return formatDate(date);\n        },\n        enableHiding: false,\n    }),\n    cH.accessor('updatedAt', {\n        header: () => 'Last Updated',\n        cell: ({ row }) => {\n            const date = row.getValue('updatedAt') satisfies string | null | undefined;\n            return formatDate(date);\n        },\n        enableHiding: false,\n    }),\n];\n\nconst ACTIONS_COLUMN_ID = 'TableActions';\nconst getActionColumn = (rowActions: RowAction<any>[]) => {\n    if (rowActions.length === 0) return [];\n\n    return [\n        cH.accessor(ACTIONS_COLUMN_ID, {\n            header: '',\n            id: ACTIONS_COLUMN_ID,\n            enableHiding: false,\n            cell: ({ row }) => (\n                <EasyMenu label={<IcMoreVertical />} size={'icon'}>\n                    {rowActions.map(ra => (\n                        <MenuItem isDisabled={ra.disabled(row.original)} onPress={() => ra.onPress(row.original)}>\n                            {ra.label}\n                        </MenuItem>\n                    ))}\n                </EasyMenu>\n            ),\n        }),\n    ];\n};\n\ntype RowAction<T> = {\n    onPress: (t: T) => void;\n    label: React.ReactElement;\n    disabled: (t: T) => boolean;\n};\n\ntype DataTableFactory<T extends object, TOperation extends keyof operations> = {\n    resourceName: CtxResourceName;\n    callback: TableFetchFn<T>;\n    columns: ColumnDef<T, any>[];\n    tableActions: TableAction<T>[];\n    columnsToHideByDefault?: Partial<Record<keyof T, boolean>>; // Columns that are hidden by default\n    allowSelection?: boolean;\n    filterConfig: FiltersConfig<TOperation>;\n    initialFilters: TableFilter[];\n    rowActions?: RowAction<T>[];\n};\n\ntype DataTableState = {\n    sorting: SortingState;\n    pagination: PaginationState;\n};\n/**\n * Hook for handling all data-table state. Used in DataTableContext\n */\nexport function useDataTableState<T extends object, TOperation extends keyof operations>({\n    resourceName,\n    columns,\n    callback,\n    filterConfig,\n    columnsToHideByDefault = {},\n    allowSelection = false,\n    initialFilters = [],\n    tableActions,\n    rowActions,\n}: DataTableFactory<T, TOperation>) {\n    const [tableState, _setTableState] = useState<DataTableState>({\n        /** Reflect in URL in host application  */\n        pagination: { pageIndex: 0, pageSize: 20 }, // Pagination state\n        sorting: [], // Sorting state\n    });\n    //\n    const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n\n    /** Reflect in URL in host application  */\n    const [searchQuery, setSearchQuery] = useState('');\n\n    const [columnOrder, setColumnOrder] = useLocalStorage<ColumnOrderState>(\n        `${resourceName}_ctx_column_order_preference`,\n        []\n    );\n    const [columnVisibility, setColumnVisibility] = useLocalStorage<VisibilityState>(\n        `${resourceName}_ctx_column_visibility_preference`,\n        {\n            id: false,\n            ...columnsToHideByDefault,\n        }\n    );\n\n    const [filters, setFilters] = useState(initialFilters);\n\n    const mergedFilters = useMemo(() => {\n        // TODO, generic transform fn\n        return filters\n            .map(tf => {\n                if (Array.isArray(tf.value)) {\n                    return {\n                        [tf.property]: {\n                            [tf.operator]: tf.value.join(','),\n                        },\n                    };\n                }\n                return {\n                    [tf.property]: {\n                        [tf.operator]: tf.value,\n                    },\n                };\n            })\n            .reduce((acc, current) => {\n                return merge(acc, current);\n            }, {});\n    }, [filters]);\n\n    // Update table state with new values\n    const updateTableState = (updates: Partial<DataTableState>) => {\n        _setTableState(prev => ({ ...prev, ...updates }));\n    };\n\n    const { sorting, pagination } = tableState;\n\n    const query = useQuery({\n        queryKey: [resourceName, pagination, sorting, searchQuery, mergedFilters],\n        queryFn: () => callback(pagination, sorting, searchQuery, mergedFilters),\n        placeholderData: keepPreviousData, // Keep previous data while loading new data\n        retry: 0,\n        refetchOnWindowFocus: false,\n    });\n\n    /**\n     * ID,createdAt and updatedAt will be added by default for all tables\n     * If selection is allowed, checkbox will be added\n     * If the dto has metadata, dynamics columns for all the metadata key-value will be added(particular for a view)\n     * If there are actions for the table, they will be placed fixed at the right side of table.\n     */\n    const cols: ColumnDef<any, any>[] = [\n        ...(allowSelection ? TABLE_CHECK_BOX_COLUMN : []),\n        ...TABLE_ID_COLUMN,\n        ...columns,\n        ...TABLE_DEFAULT_DATE_COLUMNS,\n        ...getActionColumn(rowActions ?? []),\n    ];\n\n    // Type-guard for updater\n    function isUpdaterFunction<T>(updater: Updater<T>): updater is (old: T) => T {\n        return typeof updater === 'function';\n    }\n    // Utility function to resolve updater\n    function resolveUpdater<T>(updater: Updater<T>, currentValue: T) {\n        if (isUpdaterFunction(updater)) {\n            return updater(currentValue);\n        }\n        return updater;\n    }\n\n    // Use react-table's hook to create the table instance\n    const tanTable = useReactTable({\n        data: query.data?.data ?? [],\n        columns: cols,\n        getCoreRowModel: getCoreRowModel(),\n        rowCount: query.data?.total,\n        manualPagination: true, // Handle pagination manually since pagination is done server side for data tables\n        onPaginationChange: updater => {\n            updateTableState({ pagination: resolveUpdater(updater, pagination) });\n        },\n        manualSorting: true, // Handle sorting manually since sorting is done server side for data tables\n        onSortingChange: updater => {\n            setRowSelection({});\n            updateTableState({ sorting: [...resolveUpdater(updater, sorting)] }); // Reset selection when sorting.\n        },\n        manualFiltering: true, // Handle filtering manually since filtering is done server side for data tables\n        onColumnVisibilityChange: updater => {\n            setColumnVisibility(resolveUpdater(updater, columnVisibility));\n        },\n        onRowSelectionChange: updater => {\n            setRowSelection(resolveUpdater(updater, rowSelection));\n        },\n        onColumnOrderChange: updater => {\n            setColumnOrder(resolveUpdater(updater, columnOrder));\n        },\n        state: {\n            sorting: sorting,\n            columnVisibility: columnVisibility,\n            pagination: pagination,\n            rowSelection: rowSelection,\n            columnOrder: columnOrder,\n        },\n        meta: {\n            refetch: query.refetch,\n        },\n    });\n\n    // By default, ColumnDef does not give guarantees of column.id existing. Once useReactTable is called, all columns are assigned IDs.\n    // This populates the columnIds in the columnOrder state\n    useEffect(() => {\n        setColumnOrder([...tanTable.getAllLeafColumns().map(c => c.id)]);\n    }, []);\n\n    return {\n        tableState,\n        updateTableState,\n        query,\n        setSearchQuery,\n        searchQuery,\n        tanTable,\n        mergedFilters,\n        filters,\n        setFilters,\n        filterConfig,\n        tableActions,\n    } as const;\n}\n\nexport const DataTableContext = createContext<ReturnType<typeof useDataTableState> | null>(null);\n// TODO, don't export this\nexport function useDataTable() {\n    const ctx = useContext(DataTableContext);\n    if (!ctx) {\n        throw Error('DataTable should be used within DataTableProvider.');\n    }\n    return ctx;\n}\n\nexport function DataTableProvider<T extends object, TOperation extends keyof operations>({\n    children,\n    ...props\n}: { children: React.ReactNode } & ReturnType<typeof useDataTableState<T, TOperation>>) {\n    // @ts-expect-error, propogating the generic type further will be more complex. Since this is a tightly coupled type, it should be okay but reviewed whenever useDataTableState changes.\n    return <DataTableContext.Provider value={props}>{children}</DataTableContext.Provider>;\n}\n\nexport type DataTableProps = React.ComponentProps<'section'>;\nexport function DataTable({ className, ...props }: DataTableProps) {\n    const { query, tanTable } = useDataTable();\n\n    return (\n        <>\n            {/* Table Actions Section */}\n            <section {...props} className={classNames('flex flex-col bg-elevation-1', className)}>\n                <Actions />\n                {/* The div here is necessary because TableContent is internally a <table> tag and does not respect width, height CSS */}\n                <div className=\"w-full overflow-auto border-x h-table relative\" tabIndex={0}>\n                    {/* Table overlay with loader */}\n                    {query.isLoading && (\n                        <TableOverlay className=\"cursor-wait\">\n                            <Loader />\n                        </TableOverlay>\n                    )}\n                    {/* Table overlay for empty table */}\n                    {!query.isLoading && tanTable.getRowModel().rows.length === 0 && (\n                        // Empty table\n                        <TableOverlay className=\"cursor-not-allowed\">\n                            {!query.isFetching &&\n                                (query.isError ? (\n                                    <span className=\"flex gap-3 justify-center items-center\">\n                                        {/* TODO (mudasir-pandith) Check for 403 explicitly!! */}\n                                        {/* <span>{query.error}</span> */}\n                                        <IcInfo />\n                                        <span>{query.error.message}</span>\n                                    </span>\n                                ) : query.data?.data?.length === 0 ? (\n                                    <>No results found.</>\n                                ) : (\n                                    <>Unknown error. Please contact customer support.</>\n                                ))}\n                        </TableOverlay>\n                    )}\n                    {!query.isLoading && tanTable.getRowModel().rows.length !== 0 && (\n                        <TableContent className=\"w-full\" />\n                    )}\n                </div>\n\n                {/* Table Footer Section with Pagination and Column Picker */}\n                <div className=\"flex w-full justify-between border gap-icon p-icon overflow-x-auto\">\n                    <div className=\"flex gap-icon\">\n                        <ColumnPicker />\n                        <PageSize />\n                    </div>\n                    <Paginator />\n                </div>\n            </section>\n        </>\n    );\n}\n/** Table overlay to be shown for loaders or other messages */\nfunction TableOverlay({ children, className }: { children: React.ReactNode; className?: string }) {\n    return (\n        <>\n            <span\n                className={classNames(\n                    className,\n                    'absolute top-0 bg-elevation-1 text-foreground z-20 size-full body-sm flex items-center justify-center'\n                )}\n            >\n                {children}\n            </span>\n            {/* Keep something in document flow with the correct height */}\n            <span className=\"relative h-full w-0 block\" />\n        </>\n    );\n}\n\n// TODO, ?include query param on Licenses, Activations and other future resources that need this\nfunction ColumnPicker() {\n    const { tanTable } = useDataTable();\n    const [activeId, setActiveId] = useState<string | null>(null);\n\n    const resourceFormatter = useResourceFormatter();\n\n    const sensors = useSensors(\n        useSensor(PointerSensor),\n        useSensor(KeyboardSensor, {\n            coordinateGetter: sortableKeyboardCoordinates,\n        })\n    );\n    return (\n        <DndContext\n            sensors={sensors}\n            collisionDetection={closestCenter}\n            onDragStart={event => {\n                const { active } = event;\n                setActiveId(active.id.toString());\n            }}\n            onDragEnd={event => {\n                const { active, over } = event;\n\n                if (over && active.id !== over.id) {\n                    const columnOrder = tanTable.getState().columnOrder;\n                    const oldIndex = columnOrder.indexOf(active.id.toString());\n                    const newIndex = columnOrder.indexOf(over.id.toString());\n                    tanTable.setColumnOrder([...arrayMove(columnOrder, oldIndex, newIndex)]);\n                }\n\n                setActiveId(null);\n            }}\n        >\n            <SortableContext items={tanTable.getState().columnOrder} strategy={verticalListSortingStrategy}>\n                <EasyMenu\n                    label={\n                        <>\n                            <IcColumns className=\"inline align-bottom me-1\" />\n                            Columns\n                        </>\n                    }\n                    selectionMode=\"multiple\"\n                    items={tanTable.getAllFlatColumns()}\n                    // Using selectedKeys = 'all' does not mark MenuItems with isDisabled=true as selected. This is not the intended behaviour in this use-case.\n                    selectedKeys={tanTable.getVisibleFlatColumns().map(c => c.id)}\n                >\n                    <MenuItem onAction={() => tanTable.toggleAllColumnsVisible()} className={'italic'}>\n                        (select all)\n                    </MenuItem>\n                    {tanTable.getState().columnOrder.map(colId => {\n                        const col = tanTable.getAllFlatColumns().find(c => c.id === colId);\n                        if (!col) return null;\n                        return <SortableItem key={col.id} column={col} />;\n                    })}\n                </EasyMenu>\n                <DragOverlay>\n                    {activeId ? (\n                        <div className=\"opacity-70 border-2 border-primary\">{resourceFormatter(activeId)}</div>\n                    ) : null}\n                </DragOverlay>\n            </SortableContext>\n        </DndContext>\n    );\n\n    function SortableItem({ column }: { column: Column<any, unknown> }) {\n        const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: column.id });\n        const style = {\n            transform: CSS.Transform.toString(transform),\n            transition,\n            zIndex: '999',\n        };\n        return (\n            <MenuItem\n                ref={setNodeRef}\n                style={style}\n                {...attributes}\n                id={column.id}\n                onAction={() => column.toggleVisibility()}\n                isDisabled={!column.getCanHide()}\n                className=\"flex items-center\"\n            >\n                <IcGrip {...listeners} className=\"size-icon cursor-grab\" />\n                {resourceFormatter(column.id)}\n                {column.getIsSorted() && <SortIcon className=\"size-icon\" direction={column.getIsSorted()} />}\n            </MenuItem>\n        );\n    }\n}\n\nfunction Paginator() {\n    const { tanTable, query } = useDataTable();\n    const rowCount = query.data?.total ?? 0;\n    return (\n        <div className=\"flex items-center gap-2\">\n            <span className=\"whitespace-nowrap body-sm text-muted\">\n                {`${tanTable.getState().pagination.pageIndex * tanTable.getState().pagination.pageSize + 1} - ${Math.min(\n                    (tanTable.getState().pagination.pageIndex + 1) * tanTable.getState().pagination.pageSize,\n                    rowCount\n                )} of ${rowCount?.toLocaleString()}`}\n            </span>\n\n            <Button\n                aria-label=\"First page\"\n                onPress={() => tanTable.firstPage()}\n                isDisabled={!tanTable.getCanPreviousPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcFirst />\n            </Button>\n            <Button\n                aria-label=\"Previous page\"\n                onPress={() => tanTable.previousPage()}\n                isDisabled={!tanTable.getCanPreviousPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcLeft />\n            </Button>\n            <Button\n                aria-label=\"Next page\"\n                onPress={() => tanTable.nextPage()}\n                isDisabled={!tanTable.getCanNextPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcRight />\n            </Button>\n            <Button\n                aria-label=\"Last page\"\n                onClick={() => tanTable.lastPage()}\n                isDisabled={!tanTable.getCanNextPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcLast />\n            </Button>\n        </div>\n    );\n}\n\nfunction PageSize() {\n    const { tanTable } = useDataTable();\n    const PAGE_SIZES = [10, 20, 30, 40, 50];\n\n    return (\n        <EasyMenu\n            label={tanTable.getState().pagination.pageSize.toString()}\n            selectionMode=\"single\"\n            selectedKeys={[tanTable.getState().pagination.pageSize.toString()]}\n            items={PAGE_SIZES.map(s => ({ id: s.toString(), value: s }))}\n        >\n            {items => <MenuItem onAction={() => tanTable.setPageSize(items.value)}>{items.value}</MenuItem>}\n        </EasyMenu>\n    );\n}\n\nfunction Actions() {\n    const { query, tanTable, searchQuery, setSearchQuery, tableActions } = useDataTable();\n\n    return (\n        <section className=\"flex bg-elevation-1 justify-between my-0 p-icon border gap-icon overflow-auto\">\n            <div className=\"flex gap-icon\">\n                <Button\n                    aria-label=\"Refresh\"\n                    isPending={query.isFetching}\n                    onClick={() => query.refetch()}\n                    variant={'neutral'}\n                    size={'icon'}\n                >\n                    <IcRefresh />\n                </Button>\n\n                {tableActions\n                    .filter(ta => ta.bulk === tanTable.getSelectedRowModel().rows.length > 0)\n                    .map((ta, i) => {\n                        const Icon = ta.icon;\n                        return (\n                            <Button\n                                aria-label={ta.label}\n                                key={`${i}-${ta.bulk}`}\n                                type=\"button\"\n                                isDisabled={query.isFetching}\n                                className=\"animate-in fade-in slide-in-from-left-15 duration-300 transition-transform\"\n                                onPress={e => {\n                                    ta.onClick(\n                                        e,\n                                        tanTable.getSelectedRowModel().rows.map(r => r.original)\n                                    );\n                                }}\n                                size={'icon'}\n                            >\n                                <Icon />\n                            </Button>\n                        );\n                    })}\n            </div>\n            <div className=\"flex gap-icon\">\n                <DataTableFilter />\n                {<SearchField value={searchQuery} onChange={setSearchQuery} />}\n            </div>\n        </section>\n    );\n}\n\nfunction SortIcon({\n    direction,\n    ...props\n}: { direction: 'asc' | 'desc' | false } & Omit<React.ComponentProps<'svg'>, 'direction'>) {\n    if (direction === 'asc') return <IcSortAsc className=\"size-3.5\" {...props} />;\n    else if (direction === 'desc') return <IcSortDesc className=\"size-3.5\" {...props} />;\n    else return <IcSortNone className=\"size-3.5\" {...props} />;\n}\n\n// TODO, automate checking valid HTML\nfunction TableContent({ className }: React.ComponentProps<typeof TableComponent>) {\n    const { tanTable } = useDataTable();\n    const resourceFormatter = useResourceFormatter();\n    const tableCellStyle = (isSticky: boolean, className?: string) =>\n        classNames(\n            'px-icon py-2 text-left body-sm font-medium whitespace-nowrap',\n            isSticky && 'bg-elevation-1 sticky right-0 z-50 text-center',\n            className\n        );\n    return (\n        <TableComponent className={classNames('table-auto', className)}>\n            <TableHeader className=\"sticky top-0 z-10\">\n                {tanTable.getHeaderGroups().map(headerGroup => (\n                    <TableRow key={headerGroup.id}>\n                        {headerGroup.headers.map(header => (\n                            <TableHead\n                                scope=\"col\"\n                                key={header.id}\n                                colSpan={header.colSpan}\n                                className={tableCellStyle(false, 'bg-elevation-1')}\n                            >\n                                {/* TODO, custom headers should be supported */}\n                                {/* TODO, styling breaks if enableSorting:false */}\n                                {!header.column.getCanSort() &&\n                                    !header.isPlaceholder &&\n                                    flexRender(header.column.columnDef.header, header.getContext())}\n                                {header.column.getCanSort() && (\n                                    <Button\n                                        variant=\"ghost\"\n                                        className=\"w-full justify-start p-1\"\n                                        onPress={header.column.getToggleSortingHandler()}\n                                    >\n                                        <span>{resourceFormatter(header.id)}</span>\n                                        <SortIcon direction={header.column.getIsSorted()} />\n                                    </Button>\n                                )}\n                            </TableHead>\n                        ))}\n                    </TableRow>\n                ))}\n            </TableHeader>\n            <TableBody>\n                {tanTable.getRowModel().rows.map(row => (\n                    <TableRow\n                        className={classNames(\n                            'transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20'\n                        )}\n                        key={row.id}\n                        data-selected={row.getIsSelected()}\n                    >\n                        {row.getVisibleCells().map(cell => (\n                            <TableCell key={cell.id} className={tableCellStyle(cell.column.id === ACTIONS_COLUMN_ID)}>\n                                {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                            </TableCell>\n                        ))}\n                    </TableRow>\n                ))}\n            </TableBody>\n        </TableComponent>\n    );\n}\n","'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport { useRef } from 'react';\nimport { Button } from '../components/button';\nimport { useDataTable } from '../components/data-table';\nimport { TfDatePicker } from '../components/date-picker';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport type { MultiSelectProps } from '../components/multi-select';\nimport { Popover, PopoverTrigger } from '../components/popover';\nimport { useAppForm } from '../utilities/form-hook';\nimport { useResourceFormatter, type ApiFilters } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { IcAccount, IcCheck, IcDate, IcFile, IcFilter, IcLicense, IcMinus, IcRemove, type CtxIcon } from './icons';\nimport { TfMultipleIdSearchInput } from './id-search';\n\nexport const FILTER_COMPARISON_OPERATORS = [\n    'eq',\n    'ne',\n    'cn',\n    'nc',\n    'sw',\n    'ew',\n    'in',\n    'nin',\n    'gt',\n    'gte',\n    'lt',\n    'lte',\n] as const;\nexport type FilterComparisonOperator = (typeof FILTER_COMPARISON_OPERATORS)[number];\n\nexport const COMPARISON_OPERATOR_LABELS: Record<FilterComparisonOperator, string> = {\n    eq: 'equal to',\n    ne: 'not equal to',\n    cn: 'contains',\n    nc: 'does not contain',\n    sw: 'starts with',\n    ew: 'ends with',\n    in: 'includes',\n    nin: 'does not include',\n    gt: 'greater than',\n    gte: 'greater than or equal to',\n    lt: 'less than',\n    lte: 'less than or equal to',\n};\n\ntype BaseLocalFilter<T extends FilterType, V> = {\n    id: string;\n    type: T;\n    property: string;\n    operator: FilterComparisonOperator;\n    value: V | undefined;\n    displayValue?: string;\n};\ntype EnumLocalFilter = BaseLocalFilter<'enum', Set<string | number>>;\ntype IdLocalFilter = BaseLocalFilter<'id', string>;\ntype BoolLocalFilter = BaseLocalFilter<'bool', boolean>;\ntype StringLocalFilter = BaseLocalFilter<'string', string>;\ntype NumberLocalFilter = BaseLocalFilter<'number', number>;\n// DatePicker accepts a string,and converts it to a ZonedDateTime\ntype DateLocalFilter = BaseLocalFilter<'date', string>;\ntype IdSearchLocalFilter = BaseLocalFilter<'id-search', string[]>;\n// TODO, entitlementSets.productIds\nfunction createNewFilter(type: FilterType, property: string): TableFilter {\n    const id = `${property}-${Date.now()}`;\n    const operator = FilterOperations[type][0];\n\n    switch (type) {\n        case 'bool':\n            return { id, type, property, operator, value: true };\n        case 'string':\n            return { id, type, property, operator, value: '' };\n        case 'date':\n            return { id, type, property, operator, value: new Date().toISOString() };\n        case 'id':\n            return { id, type, property, operator, value: '' };\n        case 'id-search':\n            return { id, type, property, operator, value: [] };\n        case 'enum':\n            return { id, type, property, operator, value: new Set<string | number>() };\n        case 'number':\n            return { id, type, property, operator, value: 0 };\n    }\n}\n\nexport type TableFilter =\n    | EnumLocalFilter\n    | IdLocalFilter\n    | BoolLocalFilter\n    | StringLocalFilter\n    | DateLocalFilter\n    | IdSearchLocalFilter\n    | NumberLocalFilter;\n\nexport type FilterConfig =\n    | { type: 'enum'; options: MultiSelectProps['items'] }\n    | ({ type: 'id-search' } & Pick<\n          React.ComponentProps<typeof TfMultipleIdSearchInput>,\n          'accessor' | 'searchFn' | 'resource'\n      >)\n    | { type: 'id' }\n    | { type: 'bool' }\n    | { type: 'string' }\n    | { type: 'date' }\n    | { type: 'number' };\n\nexport type FilterType = FilterConfig['type'];\n\nconst FilterOperations: Record<FilterType, FilterComparisonOperator[]> = {\n    bool: ['eq'],\n    enum: ['in', 'nin'],\n    id: ['in', 'nin'],\n    'id-search': ['in', 'nin'],\n    string: ['eq', 'ne', 'cn', 'nc', 'sw', 'ew', 'in', 'nin'],\n    date: ['lt', 'gt'],\n    number: ['eq', 'ne', 'gt', 'gte', 'lt', 'lte'],\n};\n\n// TS workaround to get rid of filterConfig: Required<Record<never, FilterConfig>>\nexport type FiltersConfig<TOperation extends keyof operations> = [keyof ApiFilters<TOperation>] extends [never]\n    ? Record<string, FilterConfig>\n    : Required<Record<keyof ApiFilters<TOperation>, FilterConfig>>;\n\nexport function DataTableFilter({ className, ...props }: React.ComponentProps<'section'>) {\n    const { filters, query, setFilters, filterConfig } = useDataTable();\n\n    const addFilterButtonRef = useRef<HTMLButtonElement>(null);\n\n    const resourceFormatter = useResourceFormatter();\n\n    const DEFAULT_VALUES: { filters: TableFilter[] } = {\n        filters,\n    };\n    const form = useAppForm({\n        defaultValues: DEFAULT_VALUES,\n        onSubmit: ({ value }) => {\n            setFilters(value.filters);\n        },\n    });\n\n    // More reason to hate TS https://github.com/Microsoft/TypeScript/issues/12870\n    const filterKeys = Object.keys(filterConfig).sort();\n\n    return (\n        <section {...props} className={classNames('flex gap-icon items-center', className)}>\n            <PopoverTrigger\n                onOpenChange={o => {\n                    // Set filters when the popover closes\n                    if (!o) {\n                        form.handleSubmit();\n                    } else {\n                        addFilterButtonRef.current?.focus();\n                    }\n                }}\n            >\n                <div className=\"relative\">\n                    {filters.length > 0 && (\n                        <div className=\"size-2 rounded-full absolute bg-primary/90 z-20 top-0 right-0 translate-x-0.5 -translate-y-0.5\"></div>\n                    )}\n                    <Button\n                        aria-label=\"Filter\"\n                        isDisabled={query.isPending || filterKeys.length === 0}\n                        type=\"button\"\n                        size={'icon'}\n                        variant={'neutral'}\n                    >\n                        <IcFilter />\n                    </Button>\n                </div>\n                {/* TODO, icon maps with dynamic imports? */}\n                {/* TODO open popover with form for property specific filter */}\n                {/* TODO, icons here??? */}\n                <Popover className=\"w-full p-icon\">\n                    <form\n                        onSubmit={e => {\n                            e.preventDefault();\n                        }}\n                        className=\"flex flex-col gap-icon max-h-table overflow-auto \"\n                    >\n                        <form.Field mode=\"array\" name={'filters'}>\n                            {field => {\n                                return (\n                                    <>\n                                        {field.state.value.map((lf, i) => {\n                                            return (\n                                                <div key={lf.id} className=\"flex gap-icon items-center justify-normal\">\n                                                    <span className=\"body-sm\">{resourceFormatter(lf.property)}</span>\n                                                    <form.AppField key={lf.id} name={`filters[${i}].operator`}>\n                                                        {sf => (\n                                                            <sf.TfSingleSelect\n                                                                items={FilterOperations[lf.type].map(op => ({\n                                                                    id: op,\n                                                                    label: <>{COMPARISON_OPERATOR_LABELS[op]}</>,\n                                                                }))}\n                                                            />\n                                                        )}\n                                                    </form.AppField>\n\n                                                    {lf.type === 'bool' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfCheckbox autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'date' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {_ => <TfDatePicker autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'id' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfTextField autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'string' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfTextField autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'number' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfNumberField autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n\n                                                    {lf.type === 'enum' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => {\n                                                                const config = filterConfig[lf.property];\n                                                                if (config.type !== 'enum') return null;\n                                                                return <sf.TfMultiSelect items={config.options} />;\n                                                            }}\n                                                        </form.AppField>\n                                                    )}\n\n                                                    {lf.type === 'id-search' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {_ => {\n                                                                const config = filterConfig[lf.property];\n                                                                if (config.type !== 'id-search') return null;\n                                                                return (\n                                                                    <TfMultipleIdSearchInput\n                                                                        resource={config.resource}\n                                                                        accessor={config.accessor}\n                                                                        searchFn={config.searchFn}\n                                                                    />\n                                                                );\n                                                            }}\n                                                        </form.AppField>\n                                                    )}\n\n                                                    <Button\n                                                        type=\"button\"\n                                                        variant=\"neutral\"\n                                                        size=\"icon\"\n                                                        onPress={() => field.removeValue(i)}\n                                                    >\n                                                        <IcRemove />\n                                                    </Button>\n                                                </div>\n                                            );\n                                        })}\n                                        <div className=\"flex w-full items-center justify-end gap-2 not-first:mt-icon\">\n                                            <EasyMenu label=\"Add filter\" autoFocus>\n                                                {filterKeys.sort().map(k => {\n                                                    const type = filterConfig[k].type;\n                                                    const Icon = FilterIcon[type];\n                                                    return (\n                                                        <MenuItem\n                                                            key={k}\n                                                            onAction={() => {\n                                                                const newFilter = createNewFilter(type, k);\n                                                                field.pushValue(newFilter);\n                                                            }}\n                                                        >\n                                                            {resourceFormatter(k)}\n                                                            <Icon />\n                                                        </MenuItem>\n                                                    );\n                                                })}\n                                            </EasyMenu>\n                                            {field.state.value.length > 0 ? (\n                                                <Button\n                                                    type=\"button\"\n                                                    variant=\"neutral\"\n                                                    onPress={() => {\n                                                        field.setValue([]);\n                                                    }}\n                                                >\n                                                    <IcRemove />\n                                                    Reset\n                                                </Button>\n                                            ) : null}\n                                        </div>\n                                    </>\n                                );\n                            }}\n                        </form.Field>\n                    </form>\n                </Popover>\n            </PopoverTrigger>\n        </section>\n    );\n}\n\nconst FilterIcon: Record<FilterConfig['type'], CtxIcon> = {\n    'id-search': IcFile,\n    bool: IcCheck,\n    date: IcDate,\n    enum: IcLicense,\n    id: IcAccount,\n    number: IcMinus,\n    string: IcCheck,\n};\n"],"names":["getTableCallback","getter","callback","pagination","sorting","searching","filters","query","generateSortParam","_f","columnHelper","createColumnHelper","sort","cH","TABLE_CHECK_BOX_COLUMN","table","jsx","Checkbox","row","TABLE_ID_COLUMN","TABLE_DEFAULT_DATE_COLUMNS","date","formatDate","ACTIONS_COLUMN_ID","getActionColumn","rowActions","EasyMenu","IcMoreVertical","ra","MenuItem","useDataTableState","resourceName","columns","filterConfig","columnsToHideByDefault","allowSelection","initialFilters","tableActions","tableState","_setTableState","useState","rowSelection","setRowSelection","searchQuery","setSearchQuery","columnOrder","setColumnOrder","useLocalStorage","columnVisibility","setColumnVisibility","setFilters","mergedFilters","useMemo","tf","acc","current","merge","updateTableState","updates","prev","useQuery","keepPreviousData","cols","isUpdaterFunction","updater","resolveUpdater","currentValue","tanTable","useReactTable","getCoreRowModel","useEffect","c","DataTableContext","createContext","useDataTable","ctx","useContext","DataTableProvider","children","props","DataTable","className","Fragment","classNames","Actions","jsxs","TableOverlay","Loader","IcInfo","TableContent","ColumnPicker","PageSize","Paginator","activeId","setActiveId","resourceFormatter","useResourceFormatter","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","closestCenter","event","active","over","oldIndex","newIndex","arrayMove","SortableContext","verticalListSortingStrategy","IcColumns","colId","col","SortableItem","DragOverlay","column","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","IcGrip","SortIcon","rowCount","Button","IcFirst","IcLeft","IcRight","IcLast","PAGE_SIZES","s","items","IcRefresh","ta","i","Icon","e","r","DataTableFilter","SearchField","direction","IcSortAsc","IcSortDesc","IcSortNone","tableCellStyle","isSticky","TableComponent","TableHeader","headerGroup","TableRow","header","TableHead","flexRender","TableBody","cell","TableCell","FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","createNewFilter","type","property","id","operator","FilterOperations","addFilterButtonRef","useRef","form","useAppForm","value","filterKeys","PopoverTrigger","o","IcFilter","Popover","field","lf","sf","op","_","TfDatePicker","config","TfMultipleIdSearchInput","IcRemove","k","FilterIcon","newFilter","IcFile","IcCheck","IcDate","IcLicense","IcAccount","IcMinus"],"mappings":"muEAsFO,SAASA,GACZC,EAG4D,CAC5D,MAAMC,EAA4B,MAAOC,EAAYC,EAASC,EAAWC,IAAY,CACjF,MAAMC,EAAQ,CACV,GAAGD,EACH,KAAMH,EAAW,UAAY,EAC7B,MAAOA,EAAW,SAClB,KAAMK,GAAkBJ,EAAQ,CAAC,CAAC,EAClC,OAAQC,CAAA,EAGNI,EAAK,MAAMR,EAAOM,CAAK,EAE7B,MAAO,CACH,MAAO,OAAO,SAASE,EAAG,SAAS,QAAQ,IAAI,kBAAkB,GAAK,GAAG,EACzE,KAAMA,EAAG,IAAA,CAEjB,EAEMC,EAAeC,EAAA,EAErB,MAAO,CAAE,SAAAT,EAAU,aAAAQ,CAAA,CACvB,CAEA,SAASF,GAAkBI,EAAyD,CAChF,OAAIA,EACIA,EAAK,KACE,IAAIA,EAAK,EAAE,GAEX,IAAIA,EAAK,EAAE,GAGf,YAEf,CAEA,MAAMC,EAAKF,EAAA,EACLG,GAAyB,CAC3BD,EAAG,SAAS,WAAY,CACpB,OAAQ,CAAC,CAAE,MAAAE,CAAA,IACPC,EAACC,EAAA,CACG,gBAAiBF,EAAM,sBAAA,GAA2B,CAACA,EAAM,yBAAA,EACzD,WAAYA,EAAM,4BAA8BA,EAAM,0BAAA,EACtD,SAAU,IAAMA,EAAM,0BAAA,EACtB,aAAW,YAAA,CAAA,EAInB,KAAM,CAAC,CAAE,IAAAG,CAAA,MACJD,EAAA,CAAS,WAAYC,EAAI,cAAA,EAAiB,SAAU,IAAMA,EAAI,eAAA,EAAkB,aAAW,aAAa,EAE7G,cAAe,GACf,aAAc,EAAA,CACjB,CACL,EAEMC,GAAkB,CACpBN,EAAG,SAAS,KAAM,CACd,OAAQ,IAAM,IAAA,CACjB,CACL,EACMO,GAA6B,CAC/BP,EAAG,SAAS,YAAa,CACrB,OAAQ,IAAM,gBACd,KAAM,CAAC,CAAE,IAAAK,KAAU,CACf,MAAMG,EAAOH,EAAI,SAAS,WAAW,EACrC,OAAOI,EAAWD,CAAI,CAC1B,EACA,aAAc,EAAA,CACjB,EACDR,EAAG,SAAS,YAAa,CACrB,OAAQ,IAAM,eACd,KAAM,CAAC,CAAE,IAAAK,KAAU,CACf,MAAMG,EAAOH,EAAI,SAAS,WAAW,EACrC,OAAOI,EAAWD,CAAI,CAC1B,EACA,aAAc,EAAA,CACjB,CACL,EAEME,EAAoB,eACpBC,GAAmBC,GACjBA,EAAW,SAAW,EAAU,CAAA,EAE7B,CACHZ,EAAG,SAASU,EAAmB,CAC3B,OAAQ,GACR,GAAIA,EACJ,aAAc,GACd,KAAM,CAAC,CAAE,IAAAL,CAAA,IACLF,EAACU,EAAA,CAAS,MAAOV,EAACW,KAAe,EAAI,KAAM,OACtC,SAAAF,EAAW,IAAIG,GACZZ,EAACa,EAAA,CAAS,WAAYD,EAAG,SAASV,EAAI,QAAQ,EAAG,QAAS,IAAMU,EAAG,QAAQV,EAAI,QAAQ,EAClF,SAAAU,EAAG,KAAA,CACR,CACH,CAAA,CACL,CAAA,CAEP,CAAA,EA6BF,SAASE,GAAyE,CACrF,aAAAC,EACA,QAAAC,EACA,SAAA9B,EACA,aAAA+B,EACA,uBAAAC,EAAyB,CAAA,EACzB,eAAAC,EAAiB,GACjB,eAAAC,EAAiB,CAAA,EACjB,aAAAC,EACA,WAAAZ,CACJ,EAAoC,CAChC,KAAM,CAACa,EAAYC,CAAc,EAAIC,EAAyB,CAE1D,WAAY,CAAE,UAAW,EAAG,SAAU,EAAA,EACtC,QAAS,CAAA,CAAC,CACb,EAEK,CAACC,EAAcC,CAAe,EAAIF,EAA4B,CAAA,CAAE,EAGhE,CAACG,EAAaC,CAAc,EAAIJ,EAAS,EAAE,EAE3C,CAACK,EAAaC,CAAc,EAAIC,EAClC,GAAGhB,CAAY,+BACf,CAAA,CAAC,EAEC,CAACiB,EAAkBC,CAAmB,EAAIF,EAC5C,GAAGhB,CAAY,oCACf,CACI,GAAI,GACJ,GAAGG,CAAA,CACP,EAGE,CAAC5B,EAAS4C,EAAU,EAAIV,EAASJ,CAAc,EAE/Ce,EAAgBC,GAAQ,IAEnB9C,EACF,IAAI+C,GACG,MAAM,QAAQA,EAAG,KAAK,EACf,CACH,CAACA,EAAG,QAAQ,EAAG,CACX,CAACA,EAAG,QAAQ,EAAGA,EAAG,MAAM,KAAK,GAAG,CAAA,CACpC,EAGD,CACH,CAACA,EAAG,QAAQ,EAAG,CACX,CAACA,EAAG,QAAQ,EAAGA,EAAG,KAAA,CACtB,CAEP,EACA,OAAO,CAACC,EAAKC,IACHC,GAAMF,EAAKC,CAAO,EAC1B,CAAA,CAAE,EACV,CAACjD,CAAO,CAAC,EAGNmD,EAAoBC,GAAqC,CAC3DnB,MAAwB,CAAE,GAAGoB,EAAM,GAAGD,GAAU,CACpD,EAEM,CAAE,QAAAtD,EAAS,WAAAD,CAAA,EAAemC,EAE1B/B,EAAQqD,GAAS,CACnB,SAAU,CAAC7B,EAAc5B,EAAYC,EAASuC,EAAaQ,CAAa,EACxE,QAAS,IAAMjD,EAASC,EAAYC,EAASuC,EAAaQ,CAAa,EACvE,gBAAiBU,GACjB,MAAO,EACP,qBAAsB,EAAA,CACzB,EAQKC,GAA8B,CAChC,GAAI3B,EAAiBrB,GAAyB,CAAA,EAC9C,GAAGK,GACH,GAAGa,EACH,GAAGZ,GACH,GAAGI,GAAgBC,GAAc,CAAA,CAAE,CAAA,EAIvC,SAASsC,GAAqBC,EAA+C,CACzE,OAAO,OAAOA,GAAY,UAC9B,CAEA,SAASC,EAAkBD,EAAqBE,EAAiB,CAC7D,OAAIH,GAAkBC,CAAO,EAClBA,EAAQE,CAAY,EAExBF,CACX,CAGA,MAAMG,EAAWC,GAAc,CAC3B,KAAM7D,EAAM,MAAM,MAAQ,CAAA,EAC1B,QAASuD,GACT,gBAAiBO,GAAA,EACjB,SAAU9D,EAAM,MAAM,MACtB,iBAAkB,GAClB,mBAAoByD,GAAW,CAC3BP,EAAiB,CAAE,WAAYQ,EAAeD,EAAS7D,CAAU,EAAG,CACxE,EACA,cAAe,GACf,gBAAiB6D,GAAW,CACxBtB,EAAgB,CAAA,CAAE,EAClBe,EAAiB,CAAE,QAAS,CAAC,GAAGQ,EAAeD,EAAS5D,CAAO,CAAC,EAAG,CACvE,EACA,gBAAiB,GACjB,yBAA0B4D,GAAW,CACjCf,EAAoBgB,EAAeD,EAAShB,CAAgB,CAAC,CACjE,EACA,qBAAsBgB,GAAW,CAC7BtB,EAAgBuB,EAAeD,EAASvB,CAAY,CAAC,CACzD,EACA,oBAAqBuB,GAAW,CAC5BlB,EAAemB,EAAeD,EAASnB,CAAW,CAAC,CACvD,EACA,MAAO,CACH,QAAAzC,EACA,iBAAA4C,EACA,WAAA7C,EACA,aAAAsC,EACA,YAAAI,CAAA,EAEJ,KAAM,CACF,QAAStC,EAAM,OAAA,CACnB,CACH,EAID,OAAA+D,GAAU,IAAM,CACZxB,EAAe,CAAC,GAAGqB,EAAS,kBAAA,EAAoB,IAAII,GAAKA,EAAE,EAAE,CAAC,CAAC,CACnE,EAAG,CAAA,CAAE,EAEE,CACH,WAAAjC,EACA,iBAAAmB,EACA,MAAAlD,EACA,eAAAqC,EACA,YAAAD,EACA,SAAAwB,EACA,cAAAhB,EACA,QAAA7C,EACA,WAAA4C,GACA,aAAAjB,EACA,aAAAI,CAAA,CAER,CAEO,MAAMmC,EAAmBC,GAA2D,IAAI,EAExF,SAASC,GAAe,CAC3B,MAAMC,EAAMC,GAAWJ,CAAgB,EACvC,GAAI,CAACG,EACD,MAAM,MAAM,oDAAoD,EAEpE,OAAOA,CACX,CAEO,SAASE,GAAyE,CACrF,SAAAC,EACA,GAAGC,CACP,EAAwF,CAEpF,SAAQP,EAAiB,SAAjB,CAA0B,MAAOO,EAAQ,SAAAD,EAAS,CAC9D,CAGO,SAASE,GAAU,CAAE,UAAAC,EAAW,GAAGF,GAAyB,CAC/D,KAAM,CAAE,MAAAxE,EAAO,SAAA4D,CAAA,EAAaO,EAAA,EAE5B,OACI1D,EAAAkE,EAAA,CAEI,WAAC,UAAA,CAAS,GAAGH,EAAO,UAAWI,EAAW,+BAAgCF,CAAS,EAC/E,SAAA,CAAAjE,EAACoE,GAAA,EAAQ,EAETC,EAAC,MAAA,CAAI,UAAU,iDAAiD,SAAU,EAErE,SAAA,CAAA9E,EAAM,WACHS,EAACsE,EAAA,CAAa,UAAU,cACpB,SAAAtE,EAACuE,KAAO,CAAA,CACZ,EAGH,CAAChF,EAAM,WAAa4D,EAAS,YAAA,EAAc,KAAK,SAAW,GAExDnD,EAACsE,EAAA,CAAa,UAAU,qBACnB,SAAA,CAAC/E,EAAM,aACHA,EAAM,QACH8E,EAAC,OAAA,CAAK,UAAU,yCAGZ,SAAA,CAAArE,EAACwE,GAAA,EAAO,EACRxE,EAAC,OAAA,CAAM,SAAAT,EAAM,MAAM,OAAA,CAAQ,CAAA,EAC/B,EACAA,EAAM,MAAM,MAAM,SAAW,EAC7BS,EAAAkE,EAAA,CAAE,SAAA,mBAAA,CAAiB,EAEnBlE,EAAAkE,EAAA,CAAE,SAAA,iDAAA,CAA+C,GAE7D,EAEH,CAAC3E,EAAM,WAAa4D,EAAS,YAAA,EAAc,KAAK,SAAW,GACxDnD,EAACyE,GAAA,CAAa,UAAU,QAAA,CAAS,CAAA,EAEzC,EAGAJ,EAAC,MAAA,CAAI,UAAU,qEACX,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,gBACX,SAAA,CAAArE,EAAC0E,GAAA,EAAa,IACbC,GAAA,CAAA,CAAS,CAAA,EACd,IACCC,GAAA,CAAA,CAAU,CAAA,CAAA,CACf,CAAA,CAAA,CACJ,CAAA,CACJ,CAER,CAEA,SAASN,EAAa,CAAE,SAAAR,EAAU,UAAAG,GAAgE,CAC9F,OACII,EAAAH,EAAA,CACI,SAAA,CAAAlE,EAAC,OAAA,CACG,UAAWmE,EACPF,EACA,uGAAA,EAGH,SAAAH,CAAA,CAAA,EAGL9D,EAAC,OAAA,CAAK,UAAU,2BAAA,CAA4B,CAAA,EAChD,CAER,CAGA,SAAS0E,IAAe,CACpB,KAAM,CAAE,SAAAvB,CAAA,EAAaO,EAAA,EACf,CAACmB,EAAUC,CAAW,EAAItD,EAAwB,IAAI,EAEtDuD,EAAoBC,EAAA,EAEpBC,EAAUC,GACZC,EAAUC,EAAa,EACvBD,EAAUE,GAAgB,CACtB,iBAAkBC,EAAA,CACrB,CAAA,EAEL,OACItF,EAACuF,GAAA,CACG,QAAAN,EACA,mBAAoBO,GACpB,YAAaC,GAAS,CAClB,KAAM,CAAE,OAAAC,GAAWD,EACnBX,EAAYY,EAAO,GAAG,UAAU,CACpC,EACA,UAAWD,GAAS,CAChB,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAA,EAASF,EAEzB,GAAIE,GAAQD,EAAO,KAAOC,EAAK,GAAI,CAC/B,MAAM9D,EAAcsB,EAAS,SAAA,EAAW,YAClCyC,EAAW/D,EAAY,QAAQ6D,EAAO,GAAG,UAAU,EACnDG,EAAWhE,EAAY,QAAQ8D,EAAK,GAAG,UAAU,EACvDxC,EAAS,eAAe,CAAC,GAAG2C,GAAUjE,EAAa+D,EAAUC,CAAQ,CAAC,CAAC,CAC3E,CAEAf,EAAY,IAAI,CACpB,EAEA,SAAAT,EAAC0B,IAAgB,MAAO5C,EAAS,WAAW,YAAa,SAAU6C,GAC/D,SAAA,CAAA3B,EAAC3D,EAAA,CACG,MACI2D,EAAAH,EAAA,CACI,SAAA,CAAAlE,EAACiG,GAAA,CAAU,UAAU,0BAAA,CAA2B,EAAE,SAAA,EAEtD,EAEJ,cAAc,WACd,MAAO9C,EAAS,kBAAA,EAEhB,aAAcA,EAAS,sBAAA,EAAwB,IAAII,GAAKA,EAAE,EAAE,EAE5D,SAAA,CAAAvD,EAACa,EAAA,CAAS,SAAU,IAAMsC,EAAS,0BAA2B,UAAW,SAAU,SAAA,cAAA,CAEnF,EACCA,EAAS,SAAA,EAAW,YAAY,IAAI+C,GAAS,CAC1C,MAAMC,EAAMhD,EAAS,oBAAoB,KAAKI,GAAKA,EAAE,KAAO2C,CAAK,EACjE,OAAKC,EACEnG,EAACoG,EAAA,CAA0B,OAAQD,CAAA,EAAhBA,EAAI,EAAiB,EAD9B,IAErB,CAAC,CAAA,CAAA,CAAA,EAELnG,EAACqG,GAAA,CACI,SAAAxB,EACG7E,EAAC,MAAA,CAAI,UAAU,qCAAsC,SAAA+E,EAAkBF,CAAQ,CAAA,CAAE,EACjF,IAAA,CACR,CAAA,CAAA,CACJ,CAAA,CAAA,EAIR,SAASuB,EAAa,CAAE,OAAAE,GAA4C,CAChE,KAAM,CAAE,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,UAAAC,EAAW,WAAAC,GAAeC,GAAY,CAAE,GAAIN,EAAO,EAAA,CAAI,EAC5FO,EAAQ,CACV,UAAWC,GAAI,UAAU,SAASJ,CAAS,EAC3C,WAAAC,EACA,OAAQ,KAAA,EAEZ,OACItC,EAACxD,EAAA,CACG,IAAK4F,EACL,MAAAI,EACC,GAAGN,EACJ,GAAID,EAAO,GACX,SAAU,IAAMA,EAAO,iBAAA,EACvB,WAAY,CAACA,EAAO,WAAA,EACpB,UAAU,oBAEV,SAAA,CAAAtG,EAAC+G,GAAA,CAAQ,GAAGP,EAAW,UAAU,uBAAA,CAAwB,EACxDzB,EAAkBuB,EAAO,EAAE,EAC3BA,EAAO,YAAA,GAAiBtG,EAACgH,EAAA,CAAS,UAAU,YAAY,UAAWV,EAAO,aAAY,CAAG,CAAA,CAAA,CAAA,CAGtG,CACJ,CAEA,SAAS1B,IAAY,CACjB,KAAM,CAAE,SAAAzB,EAAU,MAAA5D,CAAA,EAAUmE,EAAA,EACtBuD,EAAW1H,EAAM,MAAM,OAAS,EACtC,OACI8E,EAAC,MAAA,CAAI,UAAU,0BACX,SAAA,CAAArE,EAAC,QAAK,UAAU,uCACX,SAAA,GAAGmD,EAAS,WAAW,WAAW,UAAYA,EAAS,WAAW,WAAW,SAAW,CAAC,MAAM,KAAK,KAChGA,EAAS,WAAW,WAAW,UAAY,GAAKA,EAAS,WAAW,WAAW,SAChF8D,CAAA,CACH,OAAOA,GAAU,eAAA,CAAgB,EAAA,CACtC,EAEAjH,EAACkH,EAAA,CACG,aAAW,aACX,QAAS,IAAM/D,EAAS,UAAA,EACxB,WAAY,CAACA,EAAS,mBAAA,EACtB,QAAQ,UACR,KAAM,OAEN,WAACgE,GAAA,CAAA,CAAQ,CAAA,CAAA,EAEbnH,EAACkH,EAAA,CACG,aAAW,gBACX,QAAS,IAAM/D,EAAS,aAAA,EACxB,WAAY,CAACA,EAAS,mBAAA,EACtB,QAAQ,UACR,KAAM,OAEN,WAACiE,GAAA,CAAA,CAAO,CAAA,CAAA,EAEZpH,EAACkH,EAAA,CACG,aAAW,YACX,QAAS,IAAM/D,EAAS,SAAA,EACxB,WAAY,CAACA,EAAS,eAAA,EACtB,QAAQ,UACR,KAAM,OAEN,WAACkE,GAAA,CAAA,CAAQ,CAAA,CAAA,EAEbrH,EAACkH,EAAA,CACG,aAAW,YACX,QAAS,IAAM/D,EAAS,SAAA,EACxB,WAAY,CAACA,EAAS,eAAA,EACtB,QAAQ,UACR,KAAM,OAEN,WAACmE,GAAA,CAAA,CAAO,CAAA,CAAA,CACZ,EACJ,CAER,CAEA,SAAS3C,IAAW,CAChB,KAAM,CAAE,SAAAxB,CAAA,EAAaO,EAAA,EACf6D,EAAa,CAAC,GAAI,GAAI,GAAI,GAAI,EAAE,EAEtC,OACIvH,EAACU,EAAA,CACG,MAAOyC,EAAS,SAAA,EAAW,WAAW,SAAS,SAAA,EAC/C,cAAc,SACd,aAAc,CAACA,EAAS,SAAA,EAAW,WAAW,SAAS,UAAU,EACjE,MAAOoE,EAAW,IAAIC,IAAM,CAAE,GAAIA,EAAE,SAAA,EAAY,MAAOA,CAAA,EAAI,EAE1D,SAAAC,GAASzH,EAACa,EAAA,CAAS,SAAU,IAAMsC,EAAS,YAAYsE,EAAM,KAAK,EAAI,SAAAA,EAAM,KAAA,CAAM,CAAA,CAAA,CAGhG,CAEA,SAASrD,IAAU,CACf,KAAM,CAAE,MAAA7E,EAAO,SAAA4D,EAAU,YAAAxB,EAAa,eAAAC,EAAgB,aAAAP,CAAA,EAAiBqC,EAAA,EAEvE,OACIW,EAAC,UAAA,CAAQ,UAAU,gFACf,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,gBACX,SAAA,CAAArE,EAACkH,EAAA,CACG,aAAW,UACX,UAAW3H,EAAM,WACjB,QAAS,IAAMA,EAAM,QAAA,EACrB,QAAS,UACT,KAAM,OAEN,WAACmI,GAAA,CAAA,CAAU,CAAA,CAAA,EAGdrG,EACI,OAAOsG,GAAMA,EAAG,OAASxE,EAAS,oBAAA,EAAsB,KAAK,OAAS,CAAC,EACvE,IAAI,CAACwE,EAAIC,IAAM,CACZ,MAAMC,EAAOF,EAAG,KAChB,OACI3H,EAACkH,EAAA,CACG,aAAYS,EAAG,MAEf,KAAK,SACL,WAAYpI,EAAM,WAClB,UAAU,6EACV,QAASuI,GAAK,CACVH,EAAG,QACCG,EACA3E,EAAS,oBAAA,EAAsB,KAAK,IAAI4E,GAAKA,EAAE,QAAQ,CAAA,CAE/D,EACA,KAAM,OAEN,WAACF,EAAA,CAAA,CAAK,CAAA,EAZD,GAAGD,CAAC,IAAID,EAAG,IAAI,EAAA,CAehC,CAAC,CAAA,EACT,EACAtD,EAAC,MAAA,CAAI,UAAU,gBACX,SAAA,CAAArE,EAACgI,GAAA,EAAgB,EAChBhI,EAACiI,GAAA,CAAY,MAAOtG,EAAa,SAAUC,CAAA,CAAgB,CAAA,CAAA,CAChE,CAAA,EACJ,CAER,CAEA,SAASoF,EAAS,CACd,UAAAkB,EACA,GAAGnE,CACP,EAA2F,CACvF,OAAImE,IAAc,MAAclI,EAACmI,IAAU,UAAU,WAAY,GAAGpE,EAAO,EAClEmE,IAAc,OAAelI,EAACoI,IAAW,UAAU,WAAY,GAAGrE,EAAO,EACtE/D,EAACqI,GAAA,CAAW,UAAU,WAAY,GAAGtE,EAAO,CAC5D,CAGA,SAASU,GAAa,CAAE,UAAAR,GAA0D,CAC9E,KAAM,CAAE,SAAAd,CAAA,EAAaO,EAAA,EACfqB,EAAoBC,EAAA,EACpBsD,EAAiB,CAACC,EAAmBtE,IACvCE,EACI,+DACAoE,GAAY,iDACZtE,CAAA,EAER,SACKuE,GAAA,CAAe,UAAWrE,EAAW,aAAcF,CAAS,EACzD,SAAA,CAAAjE,EAACyI,GAAA,CAAY,UAAU,oBAClB,SAAAtF,EAAS,gBAAA,EAAkB,IAAIuF,GAC5B1I,EAAC2I,EAAA,CACI,SAAAD,EAAY,QAAQ,IAAIE,GACrBvE,EAACwE,GAAA,CACG,MAAM,MAEN,QAASD,EAAO,QAChB,UAAWN,EAAe,GAAO,gBAAgB,EAIhD,SAAA,CAAA,CAACM,EAAO,OAAO,WAAA,GACZ,CAACA,EAAO,eACRE,EAAWF,EAAO,OAAO,UAAU,OAAQA,EAAO,YAAY,EACjEA,EAAO,OAAO,WAAA,GACXvE,EAAC6C,EAAA,CACG,QAAQ,QACR,UAAU,2BACV,QAAS0B,EAAO,OAAO,wBAAA,EAEvB,SAAA,CAAA5I,EAAC,OAAA,CAAM,SAAA+E,EAAkB6D,EAAO,EAAE,EAAE,IACnC5B,EAAA,CAAS,UAAW4B,EAAO,OAAO,aAAY,CAAG,CAAA,CAAA,CAAA,CACtD,CAAA,EAjBCA,EAAO,EAAA,CAoBnB,GAxBUF,EAAY,EAyB3B,CACH,CAAA,CACL,IACCK,GAAA,CACI,SAAA5F,EAAS,cAAc,KAAK,IAAIjD,GAC7BF,EAAC2I,EAAA,CACG,UAAWxE,EACP,mFAAA,EAGJ,gBAAejE,EAAI,cAAA,EAElB,SAAAA,EAAI,kBAAkB,IAAI8I,KACtBC,GAAA,CAAwB,UAAWX,EAAeU,EAAK,OAAO,KAAOzI,CAAiB,EAClF,SAAAuI,EAAWE,EAAK,OAAO,UAAU,KAAMA,EAAK,WAAA,CAAY,GAD7CA,EAAK,EAErB,CACH,CAAA,EAPI9I,EAAI,EAAA,CAShB,CAAA,CACL,CAAA,EACJ,CAER,CCntBO,MAAMgJ,GAA8B,CACvC,KACA,KACA,KACA,KACA,KACA,KACA,KACA,MACA,KACA,MACA,KACA,KACJ,EAGaC,GAAuE,CAChF,GAAI,WACJ,GAAI,eACJ,GAAI,WACJ,GAAI,mBACJ,GAAI,cACJ,GAAI,YACJ,GAAI,WACJ,IAAK,mBACL,GAAI,eACJ,IAAK,2BACL,GAAI,YACJ,IAAK,uBACT,EAmBA,SAASC,GAAgBC,EAAkBC,EAA+B,CACtE,MAAMC,EAAK,GAAGD,CAAQ,IAAI,KAAK,KAAK,GAC9BE,EAAWC,EAAiBJ,CAAI,EAAE,CAAC,EAEzC,OAAQA,EAAA,CACJ,IAAK,OACD,MAAO,CAAE,GAAAE,EAAI,KAAAF,EAAM,SAAAC,EAAU,SAAAE,EAAU,MAAO,EAAA,EAClD,IAAK,SACD,MAAO,CAAE,GAAAD,EAAI,KAAAF,EAAM,SAAAC,EAAU,SAAAE,EAAU,MAAO,EAAA,EAClD,IAAK,OACD,MAAO,CAAE,GAAAD,EAAI,KAAAF,EAAM,SAAAC,EAAU,SAAAE,EAAU,MAAO,IAAI,OAAO,aAAY,EACzE,IAAK,KACD,MAAO,CAAE,GAAAD,EAAI,KAAAF,EAAM,SAAAC,EAAU,SAAAE,EAAU,MAAO,EAAA,EAClD,IAAK,YACD,MAAO,CAAE,GAAAD,EAAI,KAAAF,EAAM,SAAAC,EAAU,SAAAE,EAAU,MAAO,EAAC,EACnD,IAAK,OACD,MAAO,CAAE,GAAAD,EAAI,KAAAF,EAAM,SAAAC,EAAU,SAAAE,EAAU,MAAO,IAAI,GAAqB,EAC3E,IAAK,SACD,MAAO,CAAE,GAAAD,EAAI,KAAAF,EAAM,SAAAC,EAAU,SAAAE,EAAU,MAAO,CAAA,CAAE,CAE5D,CAyBA,MAAMC,EAAmE,CACrE,KAAM,CAAC,IAAI,EACX,KAAM,CAAC,KAAM,KAAK,EAClB,GAAI,CAAC,KAAM,KAAK,EAChB,YAAa,CAAC,KAAM,KAAK,EACzB,OAAQ,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAK,EACxD,KAAM,CAAC,KAAM,IAAI,EACjB,OAAQ,CAAC,KAAM,KAAM,KAAM,MAAO,KAAM,KAAK,CACjD,EAOO,SAASzB,GAAgB,CAAE,UAAA/D,EAAW,GAAGF,GAA0C,CACtF,KAAM,CAAE,QAAAzE,EAAS,MAAAC,EAAO,WAAA2C,EAAY,aAAAjB,CAAA,EAAiByC,EAAA,EAE/CgG,EAAqBC,GAA0B,IAAI,EAEnD5E,EAAoBC,EAAA,EAKpB4E,EAAOC,GAAW,CACpB,cAJ+C,CAC/C,QAAAvK,CAAA,EAIA,SAAU,CAAC,CAAE,MAAAwK,KAAY,CACrB5H,EAAW4H,EAAM,OAAO,CAC5B,CAAA,CACH,EAGKC,EAAa,OAAO,KAAK9I,CAAY,EAAE,KAAA,EAE7C,OACIjB,EAAC,WAAS,GAAG+D,EAAO,UAAWI,EAAW,6BAA8BF,CAAS,EAC7E,SAAAI,EAAC2F,GAAA,CACG,aAAcC,GAAK,CAEVA,EAGDP,EAAmB,SAAS,MAAA,EAF5BE,EAAK,aAAA,CAIb,EAEA,SAAA,CAAAvF,EAAC,MAAA,CAAI,UAAU,WACV,SAAA,CAAA/E,EAAQ,OAAS,GACdU,EAAC,MAAA,CAAI,UAAU,iGAAiG,EAEpHA,EAACkH,EAAA,CACG,aAAW,SACX,WAAY3H,EAAM,WAAawK,EAAW,SAAW,EACrD,KAAK,SACL,KAAM,OACN,QAAS,UAET,WAACG,GAAA,CAAA,CAAS,CAAA,CAAA,CACd,EACJ,EAIAlK,EAACmK,GAAA,CAAQ,UAAU,gBACf,SAAAnK,EAAC,OAAA,CACG,SAAU8H,GAAK,CACXA,EAAE,eAAA,CACN,EACA,UAAU,oDAEV,SAAA9H,EAAC4J,EAAK,MAAL,CAAW,KAAK,QAAQ,KAAM,UAC1B,SAAAQ,GAEO/F,EAAAH,EAAA,CACK,SAAA,CAAAkG,EAAM,MAAM,MAAM,IAAI,CAACC,EAAIzC,IAEpBvD,EAAC,MAAA,CAAgB,UAAU,4CACvB,SAAA,CAAArE,EAAC,QAAK,UAAU,UAAW,SAAA+E,EAAkBsF,EAAG,QAAQ,EAAE,EAC1DrK,EAAC4J,EAAK,SAAL,CAA0B,KAAM,WAAWhC,CAAC,aACxC,SAAA0C,GACGtK,EAACsK,EAAG,eAAH,CACG,MAAOb,EAAiBY,EAAG,IAAI,EAAE,IAAIE,IAAO,CACxC,GAAIA,EACJ,MAAOvK,EAAAkE,EAAA,CAAG,SAAAiF,GAA2BoB,CAAE,CAAA,CAAE,CAAA,EAC3C,CAAA,CAAA,CACN,EAPYF,EAAG,EASvB,EAECA,EAAG,OAAS,UACRT,EAAK,SAAL,CAAc,KAAM,WAAWhC,CAAC,UAC5B,YAAM5H,EAACsK,EAAG,WAAH,CAAc,UAAS,GAAC,EACpC,EAEHD,EAAG,OAAS,QACTrK,EAAC4J,EAAK,SAAL,CAAc,KAAM,WAAWhC,CAAC,UAC5B,SAAA4C,GAAKxK,EAACyK,GAAA,CAAa,UAAS,GAAC,EAClC,EAEHJ,EAAG,OAAS,QACRT,EAAK,SAAL,CAAc,KAAM,WAAWhC,CAAC,UAC5B,YAAM5H,EAACsK,EAAG,YAAH,CAAe,UAAS,GAAC,EACrC,EAEHD,EAAG,OAAS,YACRT,EAAK,SAAL,CAAc,KAAM,WAAWhC,CAAC,UAC5B,YAAM5H,EAACsK,EAAG,YAAH,CAAe,UAAS,GAAC,EACrC,EAEHD,EAAG,OAAS,YACRT,EAAK,SAAL,CAAc,KAAM,WAAWhC,CAAC,UAC5B,YAAM5H,EAACsK,EAAG,cAAH,CAAiB,UAAS,GAAC,EACvC,EAGHD,EAAG,OAAS,QACTrK,EAAC4J,EAAK,SAAL,CAAc,KAAM,WAAWhC,CAAC,UAC5B,SAAA0C,GAAM,CACH,MAAMI,EAASzJ,EAAaoJ,EAAG,QAAQ,EACvC,OAAIK,EAAO,OAAS,OAAe,OAC3BJ,EAAG,cAAH,CAAiB,MAAOI,EAAO,QAAS,CACpD,EACJ,EAGHL,EAAG,OAAS,aACTrK,EAAC4J,EAAK,SAAL,CAAc,KAAM,WAAWhC,CAAC,UAC5B,SAAA4C,GAAK,CACF,MAAME,EAASzJ,EAAaoJ,EAAG,QAAQ,EACvC,OAAIK,EAAO,OAAS,YAAoB,KAEpC1K,EAAC2K,GAAA,CACG,SAAUD,EAAO,SACjB,SAAUA,EAAO,SACjB,SAAUA,EAAO,QAAA,CAAA,CAG7B,EACJ,EAGJ1K,EAACkH,EAAA,CACG,KAAK,SACL,QAAQ,UACR,KAAK,OACL,QAAS,IAAMkD,EAAM,YAAYxC,CAAC,EAElC,WAACgD,EAAA,CAAA,CAAS,CAAA,CAAA,CACd,CAAA,EAxEMP,EAAG,EAyEb,CAEP,EACDhG,EAAC,MAAA,CAAI,UAAU,+DACX,SAAA,CAAArE,EAACU,EAAA,CAAS,MAAM,aAAa,UAAS,GACjC,SAAAqJ,EAAW,KAAA,EAAO,IAAIc,GAAK,CACxB,MAAMxB,EAAOpI,EAAa4J,CAAC,EAAE,KACvBhD,EAAOiD,GAAWzB,CAAI,EAC5B,OACIhF,EAACxD,EAAA,CAEG,SAAU,IAAM,CACZ,MAAMkK,EAAY3B,GAAgBC,EAAMwB,CAAC,EACzCT,EAAM,UAAUW,CAAS,CAC7B,EAEC,SAAA,CAAAhG,EAAkB8F,CAAC,IACnBhD,EAAA,CAAA,CAAK,CAAA,CAAA,EAPDgD,CAAA,CAUjB,CAAC,CAAA,CACL,EACCT,EAAM,MAAM,MAAM,OAAS,EACxB/F,EAAC6C,EAAA,CACG,KAAK,SACL,QAAQ,UACR,QAAS,IAAM,CACXkD,EAAM,SAAS,EAAE,CACrB,EAEA,SAAA,CAAApK,EAAC4K,EAAA,EAAS,EAAE,OAAA,CAAA,CAAA,EAGhB,IAAA,CAAA,CACR,CAAA,EACJ,CAER,CACJ,CAAA,CAAA,CACJ,CACJ,CAAA,CAAA,CAAA,EAER,CAER,CAEA,MAAME,GAAoD,CACtD,YAAaE,GACb,KAAMC,EACN,KAAMC,GACN,KAAMC,GACN,GAAIC,GACJ,OAAQC,GACR,OAAQJ,CACZ"}

package/dist/components/dialog.d.ts

@@ -7,7 +7,7 @@ import { DialogProps as AriaDialogProps, DialogTrigger as AriaDialogTrigger, Hea
  * Internally used to style `<DialogContent side="...">`.
  */
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Opens the dialog when interacted with (click/press).

package/dist/components/id-search.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as c}from"react/jsx-runtime";import{useQuery as M}from"@tanstack/react-query";import{useState as F}from"react";import{Autocomplete as N}from"react-aria-components";import{Loader as x}from"./loader.js";import{Menu as B,MenuItem as T}from"./menu.js";import{PopoverTrigger as j}from"./popover.js";import{SearchField as A}from"./searchfield.js";import{getFieldErrorMessage as p}from"../utilities/form.js";import{useFieldContext as h}from"../utilities/form-context.js";import{FormField as E}from"./form.js";import{SelectTrigger as K,SelectPopover as L}from"./select.js";import"../utilities/theme.js";import"clsx";import"./icons.js";import"./list-box.js";import"@tanstack/react-form";import"class-variance-authority";import"./button.js";function f({label:r,description:n,errorMessage:e,requiredIndicator:o,searchFn:a,isDisabled:g,onBlur:S,resource:y,onChange:P,value:m,renderLabel:C,...I}){const[l,v]=F(""),{data:s,isError:d,isFetching:u,error:b}=M({queryKey:[y,"id",l],queryFn:()=>a(l)});return t("div",{className:"group form-field",children:t(E,{label:r,description:n,errorMessage:e,requiredIndicator:o,children:c(j,{onOpenChange:i=>{i||S?.(m)},children:[t(K,{isDisabled:g,children:C(m,s)}),t(L,{placement:"bottom start",children:c(N,{inputValue:l,onInputChange:v,children:[t(A,{className:"p-2",autoFocus:!0}),u&&t("div",{className:"p-input",children:t(x,{className:"mx-auto"})}),!u&&!d&&t(B,{...I,className:"max-h-48",items:s,renderEmptyState:()=>t("div",{className:"body-sm p-2",children:"No results found."}),children:i=>t(T,{id:i.id,children:i.name},i.id)}),d&&t("div",{className:"text-destructive p-icon body-sm",children:b.message})]})})]})})})}function _({...r}){return t(f,{selectedKeys:[r.value],onSelectionChange:n=>r.onChange(Array.from(n).filter(e=>typeof e=="string")[0]),renderLabel:(n,e)=>e?.find(o=>o.id===n)?.name??n,selectionMode:"single",...r})}function q({...r}){return t(f,{selectedKeys:r.value,onSelectionChange:n=>r.onChange(Array.from(n).filter(e=>typeof e=="string")),selectionMode:"multiple",renderLabel:(n,e)=>n.map(o=>e?.find(a=>a.id===o)?.name??o).join(","),...r})}function te({isDisabled:r,...n}){const e=h({disabled:r});return t(_,{...n,isDisabled:r||e.form.state.isSubmitting,value:e.state.value,onBlur:o=>e.handleBlur(),onChange:o=>e.handleChange(o),errorMessage:p(e)})}function ne({isDisabled:r,...n}){const e=h({disabled:r});return t(q,{...n,isDisabled:r||e.form.state.isSubmitting,value:e.state.value,onBlur:o=>e.handleBlur(),onChange:o=>e.handleChange(o),errorMessage:p(e)})}export{q as MultipleIdSearchInput,_ as SingleIdSearchInput,ne as TfMultipleIdSearchInput,te as TfSingleIdSearchInput};
+import{jsx as t,jsxs as c}from"react/jsx-runtime";import{useQuery as M}from"@tanstack/react-query";import{useState as F}from"react";import{Autocomplete as N}from"react-aria-components";import{Loader as x}from"./loader.js";import{Menu as B,MenuItem as T}from"./menu.js";import{PopoverTrigger as j}from"./popover.js";import{SearchField as A}from"./searchfield.js";import{getFieldErrorMessage as p}from"../utilities/form.js";import{useFieldContext as h}from"../utilities/form-context.js";import{FormField as E}from"./form.js";import{SelectTrigger as K,SelectPopover as L}from"./select.js";import"../utilities/theme.js";import"clsx";import"./icons.js";import"./list-box.js";import"@tanstack/react-form";import"class-variance-authority";import"./button.js";function f({label:r,description:n,errorMessage:e,requiredIndicator:o,searchFn:a,isDisabled:g,onBlur:S,resource:y,onChange:P,value:m,renderLabel:C,...I}){const[l,v]=F(""),{data:s,isError:d,isFetching:u,error:b}=M({queryKey:[y,"id",l],queryFn:()=>a(l)});return t("div",{className:"group form-field",children:t(E,{label:r,description:n,errorMessage:e,requiredIndicator:o,children:c(j,{onOpenChange:i=>{i||S?.(m)},children:[t(K,{isDisabled:g,children:C(m,s)}),t(L,{placement:"bottom start",children:c(N,{inputValue:l,onInputChange:v,children:[t(A,{className:"p-2",autoFocus:!0}),u&&t("div",{className:"p-input",children:t(x,{className:"mx-auto"})}),!u&&!d&&t(B,{...I,className:"max-h-48",items:s,renderEmptyState:()=>t("div",{className:"body-sm p-2",children:"No results found."}),children:i=>t(T,{id:i.id,children:i.name},i.id)}),d&&t("div",{className:"text-destructive p-icon body-sm",children:b.message})]})})]})})})}function _({...r}){return t(f,{selectedKeys:[r.value],onSelectionChange:n=>r.onChange(Array.from(n).filter(e=>typeof e=="string")[0]),renderLabel:(n,e)=>e?.find(o=>o.id===n)?.name??n,selectionMode:"single",...r})}function q({...r}){return t(f,{selectedKeys:r.value,onSelectionChange:n=>r.onChange(Array.from(n).filter(e=>typeof e=="string")),selectionMode:"multiple",renderLabel:(n,e)=>n?.map(o=>e?.find(a=>a.id===o)?.name??o).join(","),...r})}function te({isDisabled:r,...n}){const e=h({disabled:r});return t(_,{...n,isDisabled:r||e.form.state.isSubmitting,value:e.state.value,onBlur:o=>e.handleBlur(),onChange:o=>e.handleChange(o),errorMessage:p(e)})}function ne({isDisabled:r,...n}){const e=h({disabled:r});return t(q,{...n,isDisabled:r||e.form.state.isSubmitting,value:e.state.value,onBlur:o=>e.handleBlur(),onChange:o=>e.handleChange(o),errorMessage:p(e)})}export{q as MultipleIdSearchInput,_ as SingleIdSearchInput,ne as TfMultipleIdSearchInput,te as TfSingleIdSearchInput};
 //# sourceMappingURL=id-search.js.map

package/dist/components/id-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"id-search.js","sources":["../../lib/components/id-search.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { useState } from 'react';\nimport { Autocomplete } from 'react-aria-components';\nimport { Loader } from '../components/loader';\nimport { Menu, MenuItem } from '../components/menu';\nimport { PopoverTrigger } from '../components/popover';\nimport { SearchField } from '../components/searchfield';\nimport { getFieldErrorMessage } from '../utilities/form';\nimport { useFieldContext } from '../utilities/form-context';\nimport type { CtxResourceName } from '../utilities/resources';\nimport { FormField, type FormFieldProps } from './form';\nimport { SelectPopover, SelectTrigger } from './select';\n\n/**\n * Minimal resource shape used by the ID search inputs.\n * Only `id` and `name` are required.\n *\n * @example\n * const user: BaseSearchableResource = { id: 'u_123', name: 'Nabeel Farooq' };\n */\ntype BaseSearchableResource = {\n    /** Unique identifier used as the input value. */\n    id: string;\n    /** Human-readable label shown to users. */\n    name: string;\n};\n\n/**\n * - Generic, accessible ID-search building block.\n * - Search (powered by react-query)\n * - Renders an accessible Autocomplete + Menu listbox\n * - Exposes a controlled `value`/`onChange` contract so callers (and wrappers) can manage state\n * - Clear separation of concerns: this component only handles UI search/display; callers provide `searchFn`\n *\n * @template T - resource type extending `BaseSearchableResource` (must have `id` and `name`)\n * @template V - controlled value type (e.g. `string` for single-select or `string[]` for multi-select)\n *\n * @param props - props object (see inline property JSDoc for the most important fields)\n *\n * @remarks\n * - `searchFn` should return `Promise<T[] | undefined>`. Returning `undefined` indicates no results / handled error.\n * - When the popover closes, `onBlur` (if provided) is called with the current `value`.\n * - `renderLabel` must convert `value` to a readable string for the control button.\n *\n * @example\n * <BaseIdSearchInput\n *   label=\"Owner\"\n *   searchFn={q => api.searchUsers(q)}\n *   value={ownerId}\n *   onChange={setOwnerId}\n *   renderLabel={(v, data) => data?.find(d => d.id === v)?.name ?? v}\n * />\n *\n * @testing\n * - Mock `searchFn` in unit tests; assert keyboard navigation, open/close behavior, and `onBlur` call on popover close.\n */\nfunction BaseIdSearchInput<T extends BaseSearchableResource, V>({\n    label,\n    description,\n    errorMessage,\n    requiredIndicator,\n    searchFn,\n    isDisabled,\n    onBlur,\n    resource,\n    onChange,\n    value,\n    renderLabel,\n    ...props\n}: FormFieldProps & {\n    resource: CtxResourceName;\n    /** Function that returns matching resources for the current query. */\n    searchFn: (q: string) => Promise<T[] | undefined>;\n    /** Disable interactions. */\n    isDisabled?: boolean;\n    /** Key used to access an alternate display accessor on item (kept for compatibility). */\n    accessor: keyof BaseSearchableResource;\n    /** Controlled value. */\n    value: V;\n    /** Called when popover closes or the field blurs with the current value. */\n    onBlur?: (v: V) => void;\n    /** Controlled change handler. */\n    onChange: (v: V) => void;\n    /** Render a human-readable label for the current value using the latest data. */\n    renderLabel: (v: V, data: T[] | undefined) => string;\n} & Omit<React.ComponentProps<typeof Menu>, 'items' | 'className'>) {\n    const [search, _setSearch] = useState('');\n    const { data, isError, isFetching, error } = useQuery({\n        queryKey: [resource, 'id', search],\n        queryFn: () => searchFn(search),\n    });\n\n    return (\n        <div className=\"group form-field\">\n            <FormField {...{ label, description, errorMessage, requiredIndicator }}>\n                <PopoverTrigger\n                    onOpenChange={o => {\n                        if (!o) {\n                            // searchInputRef.current?.focus();\n                            onBlur?.(value);\n                        }\n                    }}\n                >\n                    <SelectTrigger isDisabled={isDisabled}>{renderLabel(value, data)}</SelectTrigger>\n                    <SelectPopover placement=\"bottom start\">\n                        <Autocomplete inputValue={search} onInputChange={_setSearch}>\n                            <SearchField className={'p-2'} autoFocus />\n                            {isFetching && (\n                                <div className=\"p-input\">\n                                    <Loader className=\"mx-auto\" />\n                                </div>\n                            )}\n                            {!isFetching && !isError && (\n                                <Menu\n                                    {...props}\n                                    className={'max-h-48'}\n                                    items={data}\n                                    renderEmptyState={() => <div className=\"body-sm p-2\">No results found.</div>}\n                                >\n                                    {item => (\n                                        <MenuItem key={item['id']} id={item['id']}>\n                                            {item.name}\n                                        </MenuItem>\n                                    )}\n                                </Menu>\n                            )}\n                            {isError && <div className=\"text-destructive p-icon body-sm\">{error.message}</div>}\n                        </Autocomplete>\n                    </SelectPopover>\n                </PopoverTrigger>\n            </FormField>\n        </div>\n    );\n}\n\n/**\n * Single-selection ID search input.\n *\n * Thin, typed wrapper around `BaseIdSearchInput` specialized for the very common single-ID case.\n * Adapts the internal selection events into `onChange(id?: string)` and renders the selected label.\n *\n * @template T - resource type (extends BaseSearchableResource)\n *\n * @param props - Inherits `BaseIdSearchInput` props but uses `string[]` value type.\n *\n * @example\n * <SingleIdSearchInput\n *   label=\"Reporter\"\n *   value={reporterId}\n *   onChange={setReporterId}\n *   searchFn={q => api.searchUsers(q)}\n * />\n *\n */\nexport function SingleIdSearchInput<T extends BaseSearchableResource>({\n    ...props\n}: Omit<\n    React.ComponentProps<typeof BaseIdSearchInput<T, string>>,\n    'onSelectionChange' | 'selectionMode' | 'selectedKeys' | 'renderLabel'\n>) {\n    return (\n        <BaseIdSearchInput\n            selectedKeys={[props.value]}\n            onSelectionChange={e => props.onChange(Array.from(e).filter(v => typeof v === 'string')[0])}\n            renderLabel={(v, d) => d?.find(di => di.id === v)?.name ?? v}\n            selectionMode=\"single\"\n            {...props}\n        />\n    );\n}\n\n/**\n * Multi-selection ID search input.\n *\n * Thin wrapper around `BaseIdSearchInput` for the multiple-ID (`string[]`) case.\n * Adapts internal selection events into `onChange(ids: string[])`.\n *\n * @template T - resource type (extends BaseSearchableResource)\n *\n * @param props - Inherits `BaseIdSearchInput` props but uses `string[]` value type.\n *\n * @example\n * <MultipleIdSearchInput\n *   label=\"Reviewers\"\n *   value={reviewerIds}\n *   onChange={setReviewerIds}\n *   searchFn={q => api.searchUsers(q)}\n * />\n *\n * @remarks\n * - The `renderLabel` joins selected item names with commas for compact display.\n */\nexport function MultipleIdSearchInput<T extends BaseSearchableResource>({\n    ...props\n}: Omit<\n    React.ComponentProps<typeof BaseIdSearchInput<T, string[]>>,\n    'renderLabel' | 'onSelectionChange' | 'selectionMode' | 'selectedKeys'\n>) {\n    return (\n        <BaseIdSearchInput\n            selectedKeys={props.value}\n            onSelectionChange={e => props.onChange(Array.from(e).filter(v => typeof v === 'string'))}\n            selectionMode=\"multiple\"\n            renderLabel={(v, d) => v.map(vi => d?.find(di => di.id === vi)?.name ?? vi).join(',')}\n            {...props}\n        />\n    );\n}\n\n/**\n * Form-integrated single-select ID input (field wrapper).\n *\n * Integrates `SingleIdSearchInput` into the form system using `useFieldContext`.\n * - wires `value`, `onChange`, and `onBlur`\n * - disables the control while the form is submitting\n * - surfaces field-level error messages\n *\n * @example\n * <TfSingleIdSearchInput name=\"ownerId\" label=\"Owner\" searchFn={q => api.searchUsers(q)} />\n \n */\nexport function TfSingleIdSearchInput({\n    isDisabled,\n    ...props\n}: Omit<React.ComponentProps<typeof SingleIdSearchInput>, 'value' | 'onChange' | 'onBlur'>) {\n    const field = useFieldContext<string>({ disabled: isDisabled });\n    return (\n        <SingleIdSearchInput\n            {...props}\n            isDisabled={isDisabled || field.form.state.isSubmitting}\n            value={field.state.value}\n            onBlur={_ => field.handleBlur()}\n            onChange={e => field.handleChange(e)}\n            errorMessage={getFieldErrorMessage(field)}\n        />\n    );\n}\n\n/**\n * Form-integrated multi-select ID input (field wrapper).\n *\n * Integrates `MultipleIdSearchInput` into the form system using `useFieldContext`.\n * - wires `value`, `onChange`, and `onBlur`\n * - disables the control while the form is submitting\n * - surfaces field-level error messages\n *\n * @example\n * <TfMultipleIdSearchInput name=\"reviewerIds\" label=\"Reviewers\" searchFn={q => api.searchUsers(q)} />\n *\n */\nexport function TfMultipleIdSearchInput({\n    isDisabled,\n    ...props\n}: Omit<React.ComponentProps<typeof MultipleIdSearchInput>, 'value' | 'onChange'>) {\n    const field = useFieldContext<string[]>({ disabled: isDisabled });\n    return (\n        <MultipleIdSearchInput\n            {...props}\n            isDisabled={isDisabled || field.form.state.isSubmitting}\n            value={field.state.value}\n            onBlur={_ => field.handleBlur()}\n            onChange={e => field.handleChange(e)}\n            errorMessage={getFieldErrorMessage(field)}\n        />\n    );\n}\n"],"names":["BaseIdSearchInput","label","description","errorMessage","requiredIndicator","searchFn","isDisabled","onBlur","resource","onChange","value","renderLabel","props","search","_setSearch","useState","data","isError","isFetching","error","useQuery","jsx","FormField","jsxs","PopoverTrigger","o","SelectTrigger","SelectPopover","Autocomplete","SearchField","Loader","Menu","item","MenuItem","SingleIdSearchInput","e","v","d","di","MultipleIdSearchInput","vi","TfSingleIdSearchInput","field","useFieldContext","_","getFieldErrorMessage","TfMultipleIdSearchInput"],"mappings":"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"}
+{"version":3,"file":"id-search.js","sources":["../../lib/components/id-search.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { useState } from 'react';\nimport { Autocomplete } from 'react-aria-components';\nimport { Loader } from '../components/loader';\nimport { Menu, MenuItem } from '../components/menu';\nimport { PopoverTrigger } from '../components/popover';\nimport { SearchField } from '../components/searchfield';\nimport { getFieldErrorMessage } from '../utilities/form';\nimport { useFieldContext } from '../utilities/form-context';\nimport type { CtxResourceName } from '../utilities/resources';\nimport { FormField, type FormFieldProps } from './form';\nimport { SelectPopover, SelectTrigger } from './select';\n\n/**\n * Minimal resource shape used by the ID search inputs.\n * Only `id` and `name` are required.\n *\n * @example\n * const user: BaseSearchableResource = { id: 'u_123', name: 'Nabeel Farooq' };\n */\ntype BaseSearchableResource = {\n    /** Unique identifier used as the input value. */\n    id: string;\n    /** Human-readable label shown to users. */\n    name: string;\n};\n\n/**\n * - Generic, accessible ID-search building block.\n * - Search (powered by react-query)\n * - Renders an accessible Autocomplete + Menu listbox\n * - Exposes a controlled `value`/`onChange` contract so callers (and wrappers) can manage state\n * - Clear separation of concerns: this component only handles UI search/display; callers provide `searchFn`\n *\n * @template T - resource type extending `BaseSearchableResource` (must have `id` and `name`)\n * @template V - controlled value type (e.g. `string` for single-select or `string[]` for multi-select)\n *\n * @param props - props object (see inline property JSDoc for the most important fields)\n *\n * @remarks\n * - `searchFn` should return `Promise<T[] | undefined>`. Returning `undefined` indicates no results / handled error.\n * - When the popover closes, `onBlur` (if provided) is called with the current `value`.\n * - `renderLabel` must convert `value` to a readable string for the control button.\n *\n * @example\n * <BaseIdSearchInput\n *   label=\"Owner\"\n *   searchFn={q => api.searchUsers(q)}\n *   value={ownerId}\n *   onChange={setOwnerId}\n *   renderLabel={(v, data) => data?.find(d => d.id === v)?.name ?? v}\n * />\n *\n * @testing\n * - Mock `searchFn` in unit tests; assert keyboard navigation, open/close behavior, and `onBlur` call on popover close.\n */\nfunction BaseIdSearchInput<T extends BaseSearchableResource, V>({\n    label,\n    description,\n    errorMessage,\n    requiredIndicator,\n    searchFn,\n    isDisabled,\n    onBlur,\n    resource,\n    onChange,\n    value,\n    renderLabel,\n    ...props\n}: FormFieldProps & {\n    resource: CtxResourceName;\n    /** Function that returns matching resources for the current query. */\n    searchFn: (q: string) => Promise<T[] | undefined>;\n    /** Disable interactions. */\n    isDisabled?: boolean;\n    /** Key used to access an alternate display accessor on item (kept for compatibility). */\n    accessor: keyof BaseSearchableResource;\n    /** Controlled value. */\n    value: V;\n    /** Called when popover closes or the field blurs with the current value. */\n    onBlur?: (v: V) => void;\n    /** Controlled change handler. */\n    onChange: (v: V) => void;\n    /** Render a human-readable label for the current value using the latest data. */\n    renderLabel: (v: V, data: T[] | undefined) => string;\n} & Omit<React.ComponentProps<typeof Menu>, 'items' | 'className'>) {\n    const [search, _setSearch] = useState('');\n    const { data, isError, isFetching, error } = useQuery({\n        queryKey: [resource, 'id', search],\n        queryFn: () => searchFn(search),\n    });\n\n    return (\n        <div className=\"group form-field\">\n            <FormField {...{ label, description, errorMessage, requiredIndicator }}>\n                <PopoverTrigger\n                    onOpenChange={o => {\n                        if (!o) {\n                            // searchInputRef.current?.focus();\n                            onBlur?.(value);\n                        }\n                    }}\n                >\n                    <SelectTrigger isDisabled={isDisabled}>{renderLabel(value, data)}</SelectTrigger>\n                    <SelectPopover placement=\"bottom start\">\n                        <Autocomplete inputValue={search} onInputChange={_setSearch}>\n                            <SearchField className={'p-2'} autoFocus />\n                            {isFetching && (\n                                <div className=\"p-input\">\n                                    <Loader className=\"mx-auto\" />\n                                </div>\n                            )}\n                            {!isFetching && !isError && (\n                                <Menu\n                                    {...props}\n                                    className={'max-h-48'}\n                                    items={data}\n                                    renderEmptyState={() => <div className=\"body-sm p-2\">No results found.</div>}\n                                >\n                                    {item => (\n                                        <MenuItem key={item['id']} id={item['id']}>\n                                            {item.name}\n                                        </MenuItem>\n                                    )}\n                                </Menu>\n                            )}\n                            {isError && <div className=\"text-destructive p-icon body-sm\">{error.message}</div>}\n                        </Autocomplete>\n                    </SelectPopover>\n                </PopoverTrigger>\n            </FormField>\n        </div>\n    );\n}\n\n/**\n * Single-selection ID search input.\n *\n * Thin, typed wrapper around `BaseIdSearchInput` specialized for the very common single-ID case.\n * Adapts the internal selection events into `onChange(id?: string)` and renders the selected label.\n *\n * @template T - resource type (extends BaseSearchableResource)\n *\n * @param props - Inherits `BaseIdSearchInput` props but uses `string[]` value type.\n *\n * @example\n * <SingleIdSearchInput\n *   label=\"Reporter\"\n *   value={reporterId}\n *   onChange={setReporterId}\n *   searchFn={q => api.searchUsers(q)}\n * />\n *\n */\nexport function SingleIdSearchInput<T extends BaseSearchableResource>({\n    ...props\n}: Omit<\n    React.ComponentProps<typeof BaseIdSearchInput<T, string>>,\n    'onSelectionChange' | 'selectionMode' | 'selectedKeys' | 'renderLabel'\n>) {\n    return (\n        <BaseIdSearchInput\n            selectedKeys={[props.value]}\n            onSelectionChange={e => props.onChange(Array.from(e).filter(v => typeof v === 'string')[0])}\n            renderLabel={(v, d) => d?.find(di => di.id === v)?.name ?? v}\n            selectionMode=\"single\"\n            {...props}\n        />\n    );\n}\n\n/**\n * Multi-selection ID search input.\n *\n * Thin wrapper around `BaseIdSearchInput` for the multiple-ID (`string[]`) case.\n * Adapts internal selection events into `onChange(ids: string[])`.\n *\n * @template T - resource type (extends BaseSearchableResource)\n *\n * @param props - Inherits `BaseIdSearchInput` props but uses `string[]` value type.\n *\n * @example\n * <MultipleIdSearchInput\n *   label=\"Reviewers\"\n *   value={reviewerIds}\n *   onChange={setReviewerIds}\n *   searchFn={q => api.searchUsers(q)}\n * />\n *\n * @remarks\n * - The `renderLabel` joins selected item names with commas for compact display.\n */\nexport function MultipleIdSearchInput<T extends BaseSearchableResource>({\n    ...props\n}: Omit<\n    React.ComponentProps<typeof BaseIdSearchInput<T, string[]>>,\n    'renderLabel' | 'onSelectionChange' | 'selectionMode' | 'selectedKeys'\n>) {\n    return (\n        <BaseIdSearchInput\n            selectedKeys={props.value}\n            onSelectionChange={e => props.onChange(Array.from(e).filter(v => typeof v === 'string'))}\n            selectionMode=\"multiple\"\n            renderLabel={(v, d) => v?.map(vi => d?.find(di => di.id === vi)?.name ?? vi).join(',')}\n            {...props}\n        />\n    );\n}\n\n/**\n * Form-integrated single-select ID input (field wrapper).\n *\n * Integrates `SingleIdSearchInput` into the form system using `useFieldContext`.\n * - wires `value`, `onChange`, and `onBlur`\n * - disables the control while the form is submitting\n * - surfaces field-level error messages\n *\n * @example\n * <TfSingleIdSearchInput name=\"ownerId\" label=\"Owner\" searchFn={q => api.searchUsers(q)} />\n \n */\nexport function TfSingleIdSearchInput({\n    isDisabled,\n    ...props\n}: Omit<React.ComponentProps<typeof SingleIdSearchInput>, 'value' | 'onChange' | 'onBlur'>) {\n    const field = useFieldContext<string>({ disabled: isDisabled });\n    return (\n        <SingleIdSearchInput\n            {...props}\n            isDisabled={isDisabled || field.form.state.isSubmitting}\n            value={field.state.value}\n            onBlur={_ => field.handleBlur()}\n            onChange={e => field.handleChange(e)}\n            errorMessage={getFieldErrorMessage(field)}\n        />\n    );\n}\n\n/**\n * Form-integrated multi-select ID input (field wrapper).\n *\n * Integrates `MultipleIdSearchInput` into the form system using `useFieldContext`.\n * - wires `value`, `onChange`, and `onBlur`\n * - disables the control while the form is submitting\n * - surfaces field-level error messages\n *\n * @example\n * <TfMultipleIdSearchInput name=\"reviewerIds\" label=\"Reviewers\" searchFn={q => api.searchUsers(q)} />\n *\n */\nexport function TfMultipleIdSearchInput({\n    isDisabled,\n    ...props\n}: Omit<React.ComponentProps<typeof MultipleIdSearchInput>, 'value' | 'onChange'>) {\n    const field = useFieldContext<string[]>({ disabled: isDisabled });\n    return (\n        <MultipleIdSearchInput\n            {...props}\n            isDisabled={isDisabled || field.form.state.isSubmitting}\n            value={field.state.value}\n            onBlur={_ => field.handleBlur()}\n            onChange={e => field.handleChange(e)}\n            errorMessage={getFieldErrorMessage(field)}\n        />\n    );\n}\n"],"names":["BaseIdSearchInput","label","description","errorMessage","requiredIndicator","searchFn","isDisabled","onBlur","resource","onChange","value","renderLabel","props","search","_setSearch","useState","data","isError","isFetching","error","useQuery","jsx","FormField","jsxs","PopoverTrigger","o","SelectTrigger","SelectPopover","Autocomplete","SearchField","Loader","Menu","item","MenuItem","SingleIdSearchInput","e","v","d","di","MultipleIdSearchInput","vi","TfSingleIdSearchInput","field","useFieldContext","_","getFieldErrorMessage","TfMultipleIdSearchInput"],"mappings":"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"}

package/dist/utilities/date.d.ts

@@ -1 +1 @@
-export declare function formatDate(date?: string | null): string | null;
+export declare function formatDate(date?: string | null, options?: Intl.DateTimeFormatOptions): string | null;

package/dist/utilities/date.js

@@ -1,2 +1,2 @@
-function a(t){if(!t)return null;const e=new Date(t);return Intl.DateTimeFormat(navigator.language,{dateStyle:"medium",timeStyle:"short"}).format(e)}export{a as formatDate};
+function n(t,a={dateStyle:"short"}){if(!t)return null;const e=new Date(t);return Intl.DateTimeFormat(navigator.language,a).format(e)}export{n as formatDate};
 //# sourceMappingURL=date.js.map

package/dist/utilities/date.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.js","sources":["../../lib/utilities/date.ts"],"sourcesContent":["// TODO\n// export function secondsToDuration(seconds: number): string {\n//     const duration = intervalToDuration({\n//         start: 0,\n//         end: seconds * 1000,\n//     });\n\n//     const parts = [\n//         duration.years && `${duration.years}y`,\n//         duration.months && `${duration.months}m`,\n//         duration.days && `${duration.days}d`,\n//         duration.hours && `${duration.hours}h`,\n//     ];\n\n//     // Filter out undefined values and join\n//     return parts.filter(Boolean).join(' ').trim();\n// }\n\nexport function formatDate(date?: string | null) {\n    if (!date) return null;\n    const _date = new Date(date);\n    return Intl.DateTimeFormat(navigator.language, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n    }).format(_date);\n}\n\n// TODO\n// export function getValidityDisplay(validity: number | undefined) {\n//     if (validity === 0 || !validity) {\n//         return 'Lifetime';\n//     } else {\n//         return secondsToDuration(validity);\n//     }\n// }\n"],"names":["formatDate","date","_date"],"mappings":"AAkBO,SAASA,EAAWC,EAAsB,CAC7C,GAAI,CAACA,EAAM,OAAO,KAClB,MAAMC,EAAQ,IAAI,KAAKD,CAAI,EAC3B,OAAO,KAAK,eAAe,UAAU,SAAU,CAC3C,UAAW,SACX,UAAW,OAAA,CACd,EAAE,OAAOC,CAAK,CACnB"}
+{"version":3,"file":"date.js","sources":["../../lib/utilities/date.ts"],"sourcesContent":["// TODO\n// export function secondsToDuration(seconds: number): string {\n//     const duration = intervalToDuration({\n//         start: 0,\n//         end: seconds * 1000,\n//     });\n\n//     const parts = [\n//         duration.years && `${duration.years}y`,\n//         duration.months && `${duration.months}m`,\n//         duration.days && `${duration.days}d`,\n//         duration.hours && `${duration.hours}h`,\n//     ];\n\n//     // Filter out undefined values and join\n//     return parts.filter(Boolean).join(' ').trim();\n// }\n\nexport function formatDate(date?: string | null, options: Intl.DateTimeFormatOptions = { dateStyle: 'short' }) {\n    if (!date) return null;\n    const _date = new Date(date);\n    return Intl.DateTimeFormat(navigator.language, options).format(_date);\n}\n\n// TODO\n// export function getValidityDisplay(validity: number | undefined) {\n//     if (validity === 0 || !validity) {\n//         return 'Lifetime';\n//     } else {\n//         return secondsToDuration(validity);\n//     }\n// }\n"],"names":["formatDate","date","options","_date"],"mappings":"AAkBO,SAASA,EAAWC,EAAsBC,EAAsC,CAAE,UAAW,SAAW,CAC3G,GAAI,CAACD,EAAM,OAAO,KAClB,MAAME,EAAQ,IAAI,KAAKF,CAAI,EAC3B,OAAO,KAAK,eAAe,UAAU,SAAUC,CAAO,EAAE,OAAOC,CAAK,CACxE"}

package/lib/index.css

@@ -2,7 +2,7 @@
 @plugin 'tailwindcss-react-aria-components';
 @import './tokens.css';
 /** https://tailwindcss.com/docs/theme#theme-variable-namespaces */
-@theme {
+@theme static {
     /* Radius */
     --radius-*: initial;
 
@@ -92,11 +92,11 @@
     --color-input: var(--color-border);
     --color-ring: var(--color-neutral-5);
 
-    --color-chart-1: var(--color-primary-5);
-    --color-chart-2: var(--color-primary-4);
-    --color-chart-3: var(--color-secondary-5);
-    --color-chart-4: var(--color-secondary-4);
-    --color-chart-5: var(--color-secondary-2);
+    --color-chart-1: var(--color-primary-4);
+    --color-chart-2: var(--color-secondary-4);
+    --color-chart-3: var(--color-destructive-4);
+    --color-chart-4: var(--color-success-5);
+    --color-chart-5: var(--color-destructive-5);
 
     --spacing-input: --spacing(8);
     --spacing-icon: --spacing(4);

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "6.6.6-alpha22",
+  "version": "6.6.6-alpha28",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
+  "engines": {
+    "node": ">=20"
+  },
   "private": false,
   "exports": {
     "./components/*": {
@@ -63,7 +66,7 @@
     "react": "^19.1.0",
     "react-aria-components": "1.12.0",
     "react-dom": "^19.1.0",
-    "recharts": "2.15.3",
+    "recharts": "3.2.1",
     "tailwindcss": "4.1.12",
     "tw-animate-css": "1.3.0",
     "tw-type-css": "0.0.1",