@cryptlex/web-components 6.6.6-alpha21 → 6.6.6-alpha27

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.js

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

@@ -5,9 +5,8 @@ export type ApiFilter<T extends keyof operations> = Omit<ApiQuery<T>, 'page' | '
 export type ApiFilters<T extends keyof operations> = NonNullable<ApiFilter<T>>;
 export type CtxPortals = 'customer-portal' | 'system-portal' | 'reseller-portal' | 'admin-portal';
 /** Resource Name should ALWAYS be in singular form */
-export declare const RESOURCE_NAMES: readonly ["access-token", "account", "activation", "activation-log", "admin-role", "audit-log", "automated-email", "automated-email-event-log", "card", "feature-flag", "invoice", "license", "license-template", "maintenance-policy", "organization", "plan", "product", "product-version", "profile", "release", "release-channel", "release-file", "release-platform", "report", "role", "role-claim", "saml-configuration", "segment", "sending-domain", "setting", "tag", "team-member", "trial", "trial-policy", "user", "user-group", "webhook", "webhook-event-log", "webhook-trigger", "reseller", "oidc-configuration", "organization-claim", "reseller-claim", "tenant-database-cluster", "customer"];
+export declare const RESOURCE_NAMES: readonly ["access-token", "account", "activation", "activation-log", "admin-role", "audit-log", "automated-email", "automated-email-event-log", "card", "entitlement-set", "feature-flag", "feature", "invoice", "license", "license-template", "maintenance-policy", "organization", "plan", "product", "product-version", "profile", "release", "release-channel", "release-file", "release-platform", "report", "role", "role-claim", "saml-configuration", "segment", "sending-domain", "setting", "tag", "team-member", "trial", "trial-policy", "user", "user-group", "webhook", "webhook-event-log", "webhook-trigger", "reseller", "oidc-configuration", "organization-claim", "reseller-claim", "tenant-database-cluster", "customer"];
 export type CtxResourceName = (typeof RESOURCE_NAMES)[number];
-export declare const RESOURCE_DEFINITIONS: Record<CtxResourceName, string>;
 export declare function ProjectProvider({ projectName, children }: {
     projectName: CtxPortals;
     children: React.ReactNode;

package/dist/utilities/resources.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{createContext as n,use as i}from"react";import{toTitleCase as l}from"./string.js";import"lodash-es";const t={"product.displayName":"Product",product_displayName:"Product"},f=["access-token","account","activation","activation-log","admin-role","audit-log","automated-email","automated-email-event-log","card","feature-flag","invoice","license","license-template","maintenance-policy","organization","plan","product","product-version","profile","release","release-channel","release-file","release-platform","report","role","role-claim","saml-configuration","segment","sending-domain","setting","tag","team-member","trial","trial-policy","user","user-group","webhook","webhook-event-log","webhook-trigger","reseller","oidc-configuration","organization-claim","reseller-claim","tenant-database-cluster","customer"],y={account:"Your organization account.",product:"Products are the software products you want to license",license:"Licenses represent a purchase of your software. These can be linked to customers, and the license key is required to use the product.","access-token":"Access Tokens are used to authenticate your API requests.",activation:"Activations, also known as devices/machines/seats are the devices consuming licenses.","activation-log":"Activation Log is a log entry of activation/deactivation of a particular license.",trial:"Trial/Trial Activation is a device that has activated a trial of your product.","audit-log":"Audit logs contain all the changes made to your account.","automated-email":"Automated Email allow you to send marketing emails based on events on the linked product.","automated-email-event-log":"Automated email event log is the log of all the automated email events for your product.",card:"The payment card for your account.","feature-flag":"Feature flags define features that make up tiers for your products.",invoice:"","license-template":"License templates are a blueprint for the licenses you create for your customers and prevent repetition when creating licenses.","maintenance-policy":"Maintenance policies represent support contracts and can be linked to licenses.",plan:"","product-version":"Product Versions are sets of Feature Flags that define the tiers of your products.","release-channel":"Release channel is the release channel for your product.","release-file":"Release files are files within your created releases.","release-platform":'Release Platforms differentiate the target platform for your release. Common platforms include "Windows", "macOS", and "Linux".',release:"Releases help you to manage different versions of your app, and secure distribute it to licensed users.",report:"Analytics data for your account","role-claim":"",role:"Roles define permissions for your team.","saml-configuration":"",segment:"Sets of filters that can be saved to filter resources.","trial-policy":"Trial policies are templates for creating trials for your products.","webhook-event-log":"Webhook Event Logs are logs of events that have occured on webhooks.","webhook-trigger":"",webhook:"Webhooks are HTTP callbacks which are triggered by specific events.",organization:"",profile:"",setting:"",tag:"Tags allow you to manage your licenses and customers on the dashboard.","team-member":"Team members can access the account based on their roles.",user:"A user refers to your customer whom you want to license your product.","sending-domain":"Allows Cryptlex to send emails on your behalf using your From Email address","admin-role":"Roles that have type admin","user-group":"Groups of users that you can assign licenses to.",reseller:"Resellers allow you to delegate user management to third parties or partners","oidc-configuration":"","organization-claim":"","reseller-claim":"","tenant-database-cluster":"",customer:""},a={id:"ID",createdAt:"Creation Date",scopes:"Permissions",updatedAt:"Last Updated",expiresAt:"Expiration Date",lastSeenAt:"Last Seen",os:"OS",osVersion:"OS Version",key:"License Key",vmName:"VM Name",container:"Container",allowedIpRange:"Allowed IP Range",allowedIpRanges:"Allowed IP Ranges",allowedIpAddresses:"Allowed IP Addresses",disallowedIpAddresses:"Disallowed IP Addresses",allowVmActivation:"Allow VM Activation",disableGeoLocation:"Disable Geolocation","user.id":"User ID",userId:"User",productId:"Product",downloads:"Total Downloads",claims:"Permissions",googleSsoEnabled:"Google Login Enabled",lastAttemptedAt:"Last Attempt Date",url:"URL","trialPolicy.name":"Trial Policy Name","licensePolicy.name":"License Template Name",licensePolicy:"License Template",eventLog:"Audit Log",cc:"CC Recepients",bcc:"BCC Recepients",ipAddress:"IP Address",resellerId:"Reseller",productVersionId:"Product Version",releaseId:"Release",maintenancePolicyId:"Maintenance Policy",webhookId:"Webhook",automatedEmailId:"Automated Email","location.countryName":"Country","location.ipAddress":"IP Address","location.countryCode":"Country",organizationId:"Organization","address.country":"Country","address.addressLine1":"Address Line 1","address.addressLine2":"Address Line 2",responseStatusCode:"HTTP Status Code",resourceId:"Resource ID",Sso:"SAML SSO 2.0","reseller.name":"Reseller",sendingDomain:"Email Sending Domain"};function d(e,o){return o!=="admin-portal"&&e in t?t[e]:e in a?a[e]:l(e)}const r=n("admin-portal");function h({projectName:e,children:o}){return s(r.Provider,{value:e,children:o})}function c(){return i(r)}function v(){const e=c();return o=>d(o,e)}function A(e){const o=e.expiresAt&&new Date(e.expiresAt)<new Date;switch(!0){case(e.revoked&&e.suspended&&o):return"Revoked, Suspended, Expired";case(e.revoked&&e.suspended):return"Revoked, Suspended";case(e.revoked&&o):return"Revoked, Expired";case(e.suspended&&o):return"Suspended, Expired";case e.suspended:return"Suspended";case e.revoked:return"Revoked";case o:return"Expired";default:return"Active"}}const w={windows:"Windows",macos:"macOS",linux:"Linux",ios:"iOS",android:"Android"};export{w as ALL_OS,h as ProjectProvider,y as RESOURCE_DEFINITIONS,f as RESOURCE_NAMES,A as getLicenseStatus,c as useProjectName,v as useResourceFormatter};
+import{jsx as n}from"react/jsx-runtime";import{createContext as s,use as i}from"react";import{toTitleCase as d}from"./string.js";import"lodash-es";const t={"product.displayName":"Product",product_displayName:"Product"},g=["access-token","account","activation","activation-log","admin-role","audit-log","automated-email","automated-email-event-log","card","entitlement-set","feature-flag","feature","invoice","license","license-template","maintenance-policy","organization","plan","product","product-version","profile","release","release-channel","release-file","release-platform","report","role","role-claim","saml-configuration","segment","sending-domain","setting","tag","team-member","trial","trial-policy","user","user-group","webhook","webhook-event-log","webhook-trigger","reseller","oidc-configuration","organization-claim","reseller-claim","tenant-database-cluster","customer"],r={id:"ID",createdAt:"Creation Date",scopes:"Permissions",updatedAt:"Last Updated",expiresAt:"Expiration Date",lastSeenAt:"Last Seen",os:"OS",osVersion:"OS Version",key:"License Key",vmName:"VM Name",container:"Container",allowedIpRange:"Allowed IP Range",allowedIpRanges:"Allowed IP Ranges",allowedIpAddresses:"Allowed IP Addresses",disallowedIpAddresses:"Disallowed IP Addresses",allowVmActivation:"Allow VM Activation",disableGeoLocation:"Disable Geolocation","user.id":"User ID",userId:"User",productId:"Product",downloads:"Total Downloads",claims:"Permissions",googleSsoEnabled:"Google Login Enabled",lastAttemptedAt:"Last Attempt Date",url:"URL","trialPolicy.name":"Trial Policy Name","licensePolicy.name":"License Template Name",licensePolicy:"License Template",eventLog:"Audit Log",cc:"CC Recepients",bcc:"BCC Recepients",ipAddress:"IP Address",resellerId:"Reseller",productVersionId:"Product Version",releaseId:"Release",maintenancePolicyId:"Maintenance Policy",webhookId:"Webhook",automatedEmailId:"Automated Email","location.countryName":"Country","location.ipAddress":"IP Address","location.countryCode":"Country",organizationId:"Organization","address.country":"Country","address.addressLine1":"Address Line 1","address.addressLine2":"Address Line 2",responseStatusCode:"HTTP Status Code",resourceId:"Resource ID",Sso:"SAML SSO 2.0","reseller.name":"Reseller",sendingDomain:"Email Sending Domain"};function l(e,o){return o!=="admin-portal"&&e in t?t[e]:e in r?r[e]:d(e)}const a=s("admin-portal");function P({projectName:e,children:o}){return n(a.Provider,{value:e,children:o})}function c(){return i(a)}function S(){const e=c();return o=>l(o,e)}function I(e){const o=e.expiresAt&&new Date(e.expiresAt)<new Date;switch(!0){case(e.revoked&&e.suspended&&o):return"Revoked, Suspended, Expired";case(e.revoked&&e.suspended):return"Revoked, Suspended";case(e.revoked&&o):return"Revoked, Expired";case(e.suspended&&o):return"Suspended, Expired";case e.suspended:return"Suspended";case e.revoked:return"Revoked";case o:return"Expired";default:return"Active"}}const L={windows:"Windows",macos:"macOS",linux:"Linux",ios:"iOS",android:"Android"};export{L as ALL_OS,P as ProjectProvider,g as RESOURCE_NAMES,I as getLicenseStatus,c as useProjectName,S as useResourceFormatter};
 //# sourceMappingURL=resources.js.map

package/dist/utilities/resources.js.map

@@ -1 +1 @@
-{"version":3,"file":"resources.js","sources":["../../lib/utilities/resources.tsx"],"sourcesContent":["import type { components, operations } from '@cryptlex/web-api-types/develop';\nimport { createContext, use } from 'react';\nimport { toTitleCase } from './string';\n\nexport type ApiSchema<T extends keyof components['schemas']> = components['schemas'][T];\nexport type ApiQuery<T extends keyof operations> = NonNullable<operations[T]['parameters']['query']>;\nexport type ApiFilter<T extends keyof operations> = Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>;\nexport type ApiFilters<T extends keyof operations> = NonNullable<ApiFilter<T>>;\nexport type CtxPortals = 'customer-portal' | 'system-portal' | 'reseller-portal' | 'admin-portal';\n// Display names specific to customer and reseller portal\nconst OTHER_PORTALS_DISPLAY_NAME: Record<string, string> = {\n    'product.displayName': 'Product',\n    // TanStack Table converts . -> _ TODO\n    product_displayName: 'Product',\n};\n\n/** Resource Name should ALWAYS be in singular form */\nexport const RESOURCE_NAMES = [\n    'access-token',\n    'account',\n    'activation',\n    'activation-log',\n    'admin-role',\n    'audit-log',\n    'automated-email',\n    'automated-email-event-log',\n    'card',\n    'feature-flag',\n    'invoice',\n    'license',\n    'license-template',\n    'maintenance-policy',\n    'organization',\n    'plan',\n    'product',\n    'product-version',\n    'profile',\n    'release',\n    'release-channel',\n    'release-file',\n    'release-platform',\n    'report',\n    'role',\n    'role-claim',\n    'saml-configuration',\n    'segment',\n    'sending-domain',\n    'setting',\n    'tag',\n    'team-member',\n    'trial',\n    'trial-policy',\n    'user',\n    'user-group',\n    'webhook',\n    'webhook-event-log',\n    'webhook-trigger',\n    'reseller',\n    'oidc-configuration',\n    'organization-claim',\n    'reseller-claim',\n    'tenant-database-cluster',\n    'customer',\n] as const;\nexport type CtxResourceName = (typeof RESOURCE_NAMES)[number];\nexport const RESOURCE_DEFINITIONS: Record<CtxResourceName, string> = {\n    account: 'Your organization account.',\n    product: 'Products are the software products you want to license',\n    license:\n        'Licenses represent a purchase of your software. These can be linked to customers, and the license key is required to use the product.',\n    'access-token': 'Access Tokens are used to authenticate your API requests.',\n    activation: 'Activations, also known as devices/machines/seats are the devices consuming licenses.',\n    'activation-log': 'Activation Log is a log entry of activation/deactivation of a particular license.',\n    trial: 'Trial/Trial Activation is a device that has activated a trial of your product.',\n    'audit-log': 'Audit logs contain all the changes made to your account.',\n    'automated-email': 'Automated Email allow you to send marketing emails based on events on the linked product.',\n    'automated-email-event-log':\n        'Automated email event log is the log of all the automated email events for your product.',\n    card: 'The payment card for your account.',\n    'feature-flag': 'Feature flags define features that make up tiers for your products.',\n    invoice: '',\n    'license-template':\n        'License templates are a blueprint for the licenses you create for your customers and prevent repetition when creating licenses.',\n    'maintenance-policy': 'Maintenance policies represent support contracts and can be linked to licenses.',\n    plan: '',\n    'product-version': 'Product Versions are sets of Feature Flags that define the tiers of your products.',\n    'release-channel': 'Release channel is the release channel for your product.',\n    'release-file': 'Release files are files within your created releases.',\n    'release-platform':\n        'Release Platforms differentiate the target platform for your release. Common platforms include \"Windows\", \"macOS\", and \"Linux\".',\n    release: 'Releases help you to manage different versions of your app, and secure distribute it to licensed users.',\n    report: 'Analytics data for your account',\n    'role-claim': '',\n    role: 'Roles define permissions for your team.',\n    'saml-configuration': '',\n    segment: 'Sets of filters that can be saved to filter resources.',\n    'trial-policy': 'Trial policies are templates for creating trials for your products.',\n    'webhook-event-log': 'Webhook Event Logs are logs of events that have occured on webhooks.',\n    'webhook-trigger': '',\n    webhook: 'Webhooks are HTTP callbacks which are triggered by specific events.',\n    organization: '',\n    profile: '',\n    setting: '',\n    tag: 'Tags allow you to manage your licenses and customers on the dashboard.',\n    'team-member': 'Team members can access the account based on their roles.',\n    user: 'A user refers to your customer whom you want to license your product.',\n    'sending-domain': 'Allows Cryptlex to send emails on your behalf using your From Email address',\n    'admin-role': 'Roles that have type admin',\n    'user-group': 'Groups of users that you can assign licenses to.',\n    reseller: 'Resellers allow you to delegate user management to third parties or partners',\n    'oidc-configuration': '',\n    'organization-claim': '',\n    'reseller-claim': '',\n    'tenant-database-cluster': '',\n    customer: '',\n};\n\nconst RESOURCE_DISPLAY_NAMES: Record<string, string> = {\n    id: 'ID',\n    createdAt: 'Creation Date',\n    scopes: 'Permissions',\n    updatedAt: 'Last Updated',\n    expiresAt: 'Expiration Date',\n    lastSeenAt: 'Last Seen',\n    os: 'OS',\n    osVersion: 'OS Version',\n    key: 'License Key',\n    vmName: 'VM Name',\n    container: 'Container',\n    allowedIpRange: 'Allowed IP Range',\n    allowedIpRanges: 'Allowed IP Ranges',\n    allowedIpAddresses: 'Allowed IP Addresses',\n    disallowedIpAddresses: 'Disallowed IP Addresses',\n    allowVmActivation: 'Allow VM Activation',\n    disableGeoLocation: 'Disable Geolocation',\n    'user.id': 'User ID',\n    userId: 'User',\n    productId: 'Product',\n    downloads: 'Total Downloads',\n    claims: 'Permissions',\n    googleSsoEnabled: 'Google Login Enabled',\n    lastAttemptedAt: 'Last Attempt Date',\n    url: 'URL',\n    'trialPolicy.name': 'Trial Policy Name',\n    'licensePolicy.name': 'License Template Name',\n    licensePolicy: 'License Template',\n    eventLog: 'Audit Log',\n    cc: 'CC Recepients',\n    bcc: 'BCC Recepients',\n    ipAddress: 'IP Address',\n    resellerId: 'Reseller',\n    productVersionId: 'Product Version',\n    releaseId: 'Release',\n    maintenancePolicyId: 'Maintenance Policy',\n    webhookId: 'Webhook',\n    automatedEmailId: 'Automated Email',\n    'location.countryName': 'Country',\n    'location.ipAddress': 'IP Address',\n    'location.countryCode': 'Country',\n    organizationId: 'Organization',\n    'address.country': 'Country',\n    'address.addressLine1': 'Address Line 1',\n    'address.addressLine2': 'Address Line 2',\n    responseStatusCode: 'HTTP Status Code',\n    resourceId: 'Resource ID',\n    Sso: 'SAML SSO 2.0',\n    'reseller.name': 'Reseller',\n    sendingDomain: 'Email Sending Domain',\n};\n\nfunction getResourceDisplayName(resourceName: string, portal: CtxPortals) {\n    if (portal !== 'admin-portal' && resourceName in OTHER_PORTALS_DISPLAY_NAME) {\n        return OTHER_PORTALS_DISPLAY_NAME[resourceName];\n    } else if (resourceName in RESOURCE_DISPLAY_NAMES) {\n        return RESOURCE_DISPLAY_NAMES[resourceName];\n    } else {\n        return toTitleCase(resourceName);\n    }\n}\n\nconst ProjectContext = createContext<CtxPortals>('admin-portal');\n\nexport function ProjectProvider({ projectName, children }: { projectName: CtxPortals; children: React.ReactNode }) {\n    return <ProjectContext.Provider value={projectName}>{children}</ProjectContext.Provider>;\n}\n\nexport function useProjectName(): CtxPortals {\n    const projectName = use(ProjectContext);\n    return projectName;\n}\n\nexport function useResourceFormatter(): (resourceName: string) => string {\n    const portal = useProjectName();\n    return (resourceName: string) => getResourceDisplayName(resourceName, portal);\n}\n\n/**\n * Format multiple license parameters (expired, suspended, revoked) into a single status\n */\nexport function getLicenseStatus(license: any): string {\n    const licenseExpired = license.expiresAt && new Date(license.expiresAt) < new Date();\n    // Status Column\n    switch (true) {\n        case license.revoked && license.suspended && licenseExpired:\n            return 'Revoked, Suspended, Expired';\n        case license.revoked && license.suspended:\n            return 'Revoked, Suspended';\n        case license.revoked && licenseExpired:\n            return 'Revoked, Expired';\n        case license.suspended && licenseExpired:\n            return 'Suspended, Expired';\n        case license.suspended:\n            return 'Suspended';\n        case license.revoked:\n            return 'Revoked';\n        case licenseExpired:\n            return 'Expired';\n        default:\n            return 'Active';\n    }\n}\ntype OsType = ApiSchema<'ActivationCreateRequestModel'>['os'];\nexport const ALL_OS: Record<OsType, string> = {\n    windows: 'Windows',\n    macos: 'macOS',\n    linux: 'Linux',\n    ios: 'iOS',\n    android: 'Android',\n};\n"],"names":["OTHER_PORTALS_DISPLAY_NAME","RESOURCE_NAMES","RESOURCE_DEFINITIONS","RESOURCE_DISPLAY_NAMES","getResourceDisplayName","resourceName","portal","toTitleCase","ProjectContext","createContext","ProjectProvider","projectName","children","useProjectName","use","useResourceFormatter","getLicenseStatus","license","licenseExpired","ALL_OS"],"mappings":"mJAUA,MAAMA,EAAqD,CACvD,sBAAuB,UAEvB,oBAAqB,SACzB,EAGaC,EAAiB,CAC1B,eACA,UACA,aACA,iBACA,aACA,YACA,kBACA,4BACA,OACA,eACA,UACA,UACA,mBACA,qBACA,eACA,OACA,UACA,kBACA,UACA,UACA,kBACA,eACA,mBACA,SACA,OACA,aACA,qBACA,UACA,iBACA,UACA,MACA,cACA,QACA,eACA,OACA,aACA,UACA,oBACA,kBACA,WACA,qBACA,qBACA,iBACA,0BACA,UACJ,EAEaC,EAAwD,CACjE,QAAS,6BACT,QAAS,yDACT,QACI,wIACJ,eAAgB,4DAChB,WAAY,wFACZ,iBAAkB,oFAClB,MAAO,iFACP,YAAa,2DACb,kBAAmB,4FACnB,4BACI,2FACJ,KAAM,qCACN,eAAgB,sEAChB,QAAS,GACT,mBACI,kIACJ,qBAAsB,kFACtB,KAAM,GACN,kBAAmB,qFACnB,kBAAmB,2DACnB,eAAgB,wDAChB,mBACI,kIACJ,QAAS,0GACT,OAAQ,kCACR,aAAc,GACd,KAAM,0CACN,qBAAsB,GACtB,QAAS,yDACT,eAAgB,sEAChB,oBAAqB,uEACrB,kBAAmB,GACnB,QAAS,sEACT,aAAc,GACd,QAAS,GACT,QAAS,GACT,IAAK,yEACL,cAAe,4DACf,KAAM,wEACN,iBAAkB,8EAClB,aAAc,6BACd,aAAc,mDACd,SAAU,+EACV,qBAAsB,GACtB,qBAAsB,GACtB,iBAAkB,GAClB,0BAA2B,GAC3B,SAAU,EACd,EAEMC,EAAiD,CACnD,GAAI,KACJ,UAAW,gBACX,OAAQ,cACR,UAAW,eACX,UAAW,kBACX,WAAY,YACZ,GAAI,KACJ,UAAW,aACX,IAAK,cACL,OAAQ,UACR,UAAW,YACX,eAAgB,mBAChB,gBAAiB,oBACjB,mBAAoB,uBACpB,sBAAuB,0BACvB,kBAAmB,sBACnB,mBAAoB,sBACpB,UAAW,UACX,OAAQ,OACR,UAAW,UACX,UAAW,kBACX,OAAQ,cACR,iBAAkB,uBAClB,gBAAiB,oBACjB,IAAK,MACL,mBAAoB,oBACpB,qBAAsB,wBACtB,cAAe,mBACf,SAAU,YACV,GAAI,gBACJ,IAAK,iBACL,UAAW,aACX,WAAY,WACZ,iBAAkB,kBAClB,UAAW,UACX,oBAAqB,qBACrB,UAAW,UACX,iBAAkB,kBAClB,uBAAwB,UACxB,qBAAsB,aACtB,uBAAwB,UACxB,eAAgB,eAChB,kBAAmB,UACnB,uBAAwB,iBACxB,uBAAwB,iBACxB,mBAAoB,mBACpB,WAAY,cACZ,IAAK,eACL,gBAAiB,WACjB,cAAe,sBACnB,EAEA,SAASC,EAAuBC,EAAsBC,EAAoB,CACtE,OAAIA,IAAW,gBAAkBD,KAAgBL,EACtCA,EAA2BK,CAAY,EACvCA,KAAgBF,EAChBA,EAAuBE,CAAY,EAEnCE,EAAYF,CAAY,CAEvC,CAEA,MAAMG,EAAiBC,EAA0B,cAAc,EAExD,SAASC,EAAgB,CAAE,YAAAC,EAAa,SAAAC,GAAoE,CAC/G,SAAQJ,EAAe,SAAf,CAAwB,MAAOG,EAAc,SAAAC,EAAS,CAClE,CAEO,SAASC,GAA6B,CAEzC,OADoBC,EAAIN,CAAc,CAE1C,CAEO,SAASO,GAAyD,CACrE,MAAMT,EAASO,EAAA,EACf,OAAQR,GAAyBD,EAAuBC,EAAcC,CAAM,CAChF,CAKO,SAASU,EAAiBC,EAAsB,CACnD,MAAMC,EAAiBD,EAAQ,WAAa,IAAI,KAAKA,EAAQ,SAAS,EAAI,IAAI,KAE9E,OAAQ,GAAA,CACJ,KAAKA,EAAQ,SAAWA,EAAQ,WAAaC,GACzC,MAAO,8BACX,KAAKD,EAAQ,SAAWA,EAAQ,WAC5B,MAAO,qBACX,KAAKA,EAAQ,SAAWC,GACpB,MAAO,mBACX,KAAKD,EAAQ,WAAaC,GACtB,MAAO,qBACX,KAAKD,EAAQ,UACT,MAAO,YACX,KAAKA,EAAQ,QACT,MAAO,UACX,KAAKC,EACD,MAAO,UACX,QACI,MAAO,QAAA,CAEnB,CAEO,MAAMC,EAAiC,CAC1C,QAAS,UACT,MAAO,QACP,MAAO,QACP,IAAK,MACL,QAAS,SACb"}
+{"version":3,"file":"resources.js","sources":["../../lib/utilities/resources.tsx"],"sourcesContent":["import type { components, operations } from '@cryptlex/web-api-types/develop';\nimport { createContext, use } from 'react';\nimport { toTitleCase } from './string';\n\nexport type ApiSchema<T extends keyof components['schemas']> = components['schemas'][T];\nexport type ApiQuery<T extends keyof operations> = NonNullable<operations[T]['parameters']['query']>;\nexport type ApiFilter<T extends keyof operations> = Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>;\nexport type ApiFilters<T extends keyof operations> = NonNullable<ApiFilter<T>>;\nexport type CtxPortals = 'customer-portal' | 'system-portal' | 'reseller-portal' | 'admin-portal';\n// Display names specific to customer and reseller portal\nconst OTHER_PORTALS_DISPLAY_NAME: Record<string, string> = {\n    'product.displayName': 'Product',\n    // TanStack Table converts . -> _ TODO\n    product_displayName: 'Product',\n};\n\n// TODO, this drifts quite a lot from the API, should be updated\n/** Resource Name should ALWAYS be in singular form */\nexport const RESOURCE_NAMES = [\n    'access-token',\n    'account',\n    'activation',\n    'activation-log',\n    'admin-role',\n    'audit-log',\n    'automated-email',\n    'automated-email-event-log',\n    'card',\n    'entitlement-set',\n    'feature-flag',\n    'feature',\n    'invoice',\n    'license',\n    'license-template',\n    'maintenance-policy',\n    'organization',\n    'plan',\n    'product',\n    'product-version',\n    'profile',\n    'release',\n    'release-channel',\n    'release-file',\n    'release-platform',\n    'report',\n    'role',\n    'role-claim',\n    'saml-configuration',\n    'segment',\n    'sending-domain',\n    'setting',\n    'tag',\n    'team-member',\n    'trial',\n    'trial-policy',\n    'user',\n    'user-group',\n    'webhook',\n    'webhook-event-log',\n    'webhook-trigger',\n    'reseller',\n    'oidc-configuration',\n    'organization-claim',\n    'reseller-claim',\n    'tenant-database-cluster',\n    'customer',\n] as const;\nexport type CtxResourceName = (typeof RESOURCE_NAMES)[number];\n\n// TODO, use OpenAPI spec\n// export const RESOURCE_DEFINITIONS: Record<CtxResourceName, string> = {\n//     account: 'Your organization account.',\n//     product: 'Products are the software products you want to license',\n//     license:\n//         'Licenses represent a purchase of your software. These can be linked to customers, and the license key is required to use the product.',\n//     'access-token': 'Access Tokens are used to authenticate your API requests.',\n//     activation: 'Activations, also known as devices/machines/seats are the devices consuming licenses.',\n//     'activation-log': 'Activation Log is a log entry of activation/deactivation of a particular license.',\n//     trial: 'Trial/Trial Activation is a device that has activated a trial of your product.',\n//     'audit-log': 'Audit logs contain all the changes made to your account.',\n//     'automated-email': 'Automated Email allow you to send marketing emails based on events on the linked product.',\n//     'automated-email-event-log':\n//         'Automated email event log is the log of all the automated email events for your product.',\n//     card: 'The payment card for your account.',\n//     'feature-flag': 'Feature flags define features that make up tiers for your products.',\n//     invoice: '',\n//     'license-template':\n//         'License templates are a blueprint for the licenses you create for your customers and prevent repetition when creating licenses.',\n//     'maintenance-policy': 'Maintenance policies represent support contracts and can be linked to licenses.',\n//     plan: '',\n//     'product-version': 'Product Versions are sets of Feature Flags that define the tiers of your products.',\n//     'release-channel': 'Release channel is the release channel for your product.',\n//     'release-file': 'Release files are files within your created releases.',\n//     'release-platform':\n//         'Release Platforms differentiate the target platform for your release. Common platforms include \"Windows\", \"macOS\", and \"Linux\".',\n//     release: 'Releases help you to manage different versions of your app, and secure distribute it to licensed users.',\n//     report: 'Analytics data for your account',\n//     'role-claim': '',\n//     role: 'Roles define permissions for your team.',\n//     'saml-configuration': '',\n//     segment: 'Sets of filters that can be saved to filter resources.',\n//     'trial-policy': 'Trial policies are templates for creating trials for your products.',\n//     'webhook-event-log': 'Webhook Event Logs are logs of events that have occured on webhooks.',\n//     'webhook-trigger': '',\n//     webhook: 'Webhooks are HTTP callbacks which are triggered by specific events.',\n//     organization: '',\n//     profile: '',\n//     setting: '',\n//     tag: 'Tags allow you to manage your licenses and customers on the dashboard.',\n//     'team-member': 'Team members can access the account based on their roles.',\n//     user: 'A user refers to your customer whom you want to license your product.',\n//     'sending-domain': 'Allows Cryptlex to send emails on your behalf using your From Email address',\n//     'admin-role': 'Roles that have type admin',\n//     'user-group': 'Groups of users that you can assign licenses to.',\n//     reseller: 'Resellers allow you to delegate user management to third parties or partners',\n//     'oidc-configuration': '',\n//     'organization-claim': '',\n//     'reseller-claim': '',\n//     'tenant-database-cluster': '',\n//     customer: '',\n// };\n\nconst RESOURCE_DISPLAY_NAMES: Record<string, string> = {\n    id: 'ID',\n    createdAt: 'Creation Date',\n    scopes: 'Permissions',\n    updatedAt: 'Last Updated',\n    expiresAt: 'Expiration Date',\n    lastSeenAt: 'Last Seen',\n    os: 'OS',\n    osVersion: 'OS Version',\n    key: 'License Key',\n    vmName: 'VM Name',\n    container: 'Container',\n    allowedIpRange: 'Allowed IP Range',\n    allowedIpRanges: 'Allowed IP Ranges',\n    allowedIpAddresses: 'Allowed IP Addresses',\n    disallowedIpAddresses: 'Disallowed IP Addresses',\n    allowVmActivation: 'Allow VM Activation',\n    disableGeoLocation: 'Disable Geolocation',\n    'user.id': 'User ID',\n    userId: 'User',\n    productId: 'Product',\n    downloads: 'Total Downloads',\n    claims: 'Permissions',\n    googleSsoEnabled: 'Google Login Enabled',\n    lastAttemptedAt: 'Last Attempt Date',\n    url: 'URL',\n    'trialPolicy.name': 'Trial Policy Name',\n    'licensePolicy.name': 'License Template Name',\n    licensePolicy: 'License Template',\n    eventLog: 'Audit Log',\n    cc: 'CC Recepients',\n    bcc: 'BCC Recepients',\n    ipAddress: 'IP Address',\n    resellerId: 'Reseller',\n    productVersionId: 'Product Version',\n    releaseId: 'Release',\n    maintenancePolicyId: 'Maintenance Policy',\n    webhookId: 'Webhook',\n    automatedEmailId: 'Automated Email',\n    'location.countryName': 'Country',\n    'location.ipAddress': 'IP Address',\n    'location.countryCode': 'Country',\n    organizationId: 'Organization',\n    'address.country': 'Country',\n    'address.addressLine1': 'Address Line 1',\n    'address.addressLine2': 'Address Line 2',\n    responseStatusCode: 'HTTP Status Code',\n    resourceId: 'Resource ID',\n    Sso: 'SAML SSO 2.0',\n    'reseller.name': 'Reseller',\n    sendingDomain: 'Email Sending Domain',\n};\n\nfunction getResourceDisplayName(resourceName: string, portal: CtxPortals) {\n    if (portal !== 'admin-portal' && resourceName in OTHER_PORTALS_DISPLAY_NAME) {\n        return OTHER_PORTALS_DISPLAY_NAME[resourceName];\n    } else if (resourceName in RESOURCE_DISPLAY_NAMES) {\n        return RESOURCE_DISPLAY_NAMES[resourceName];\n    } else {\n        return toTitleCase(resourceName);\n    }\n}\n\nconst ProjectContext = createContext<CtxPortals>('admin-portal');\n\nexport function ProjectProvider({ projectName, children }: { projectName: CtxPortals; children: React.ReactNode }) {\n    return <ProjectContext.Provider value={projectName}>{children}</ProjectContext.Provider>;\n}\n\nexport function useProjectName(): CtxPortals {\n    const projectName = use(ProjectContext);\n    return projectName;\n}\n\nexport function useResourceFormatter(): (resourceName: string) => string {\n    const portal = useProjectName();\n    return (resourceName: string) => getResourceDisplayName(resourceName, portal);\n}\n\n/**\n * Format multiple license parameters (expired, suspended, revoked) into a single status\n */\nexport function getLicenseStatus(license: any): string {\n    const licenseExpired = license.expiresAt && new Date(license.expiresAt) < new Date();\n    // Status Column\n    switch (true) {\n        case license.revoked && license.suspended && licenseExpired:\n            return 'Revoked, Suspended, Expired';\n        case license.revoked && license.suspended:\n            return 'Revoked, Suspended';\n        case license.revoked && licenseExpired:\n            return 'Revoked, Expired';\n        case license.suspended && licenseExpired:\n            return 'Suspended, Expired';\n        case license.suspended:\n            return 'Suspended';\n        case license.revoked:\n            return 'Revoked';\n        case licenseExpired:\n            return 'Expired';\n        default:\n            return 'Active';\n    }\n}\ntype OsType = ApiSchema<'ActivationCreateRequestModel'>['os'];\nexport const ALL_OS: Record<OsType, string> = {\n    windows: 'Windows',\n    macos: 'macOS',\n    linux: 'Linux',\n    ios: 'iOS',\n    android: 'Android',\n};\n"],"names":["OTHER_PORTALS_DISPLAY_NAME","RESOURCE_NAMES","RESOURCE_DISPLAY_NAMES","getResourceDisplayName","resourceName","portal","toTitleCase","ProjectContext","createContext","ProjectProvider","projectName","children","useProjectName","use","useResourceFormatter","getLicenseStatus","license","licenseExpired","ALL_OS"],"mappings":"mJAUA,MAAMA,EAAqD,CACvD,sBAAuB,UAEvB,oBAAqB,SACzB,EAIaC,EAAiB,CAC1B,eACA,UACA,aACA,iBACA,aACA,YACA,kBACA,4BACA,OACA,kBACA,eACA,UACA,UACA,UACA,mBACA,qBACA,eACA,OACA,UACA,kBACA,UACA,UACA,kBACA,eACA,mBACA,SACA,OACA,aACA,qBACA,UACA,iBACA,UACA,MACA,cACA,QACA,eACA,OACA,aACA,UACA,oBACA,kBACA,WACA,qBACA,qBACA,iBACA,0BACA,UACJ,EAwDMC,EAAiD,CACnD,GAAI,KACJ,UAAW,gBACX,OAAQ,cACR,UAAW,eACX,UAAW,kBACX,WAAY,YACZ,GAAI,KACJ,UAAW,aACX,IAAK,cACL,OAAQ,UACR,UAAW,YACX,eAAgB,mBAChB,gBAAiB,oBACjB,mBAAoB,uBACpB,sBAAuB,0BACvB,kBAAmB,sBACnB,mBAAoB,sBACpB,UAAW,UACX,OAAQ,OACR,UAAW,UACX,UAAW,kBACX,OAAQ,cACR,iBAAkB,uBAClB,gBAAiB,oBACjB,IAAK,MACL,mBAAoB,oBACpB,qBAAsB,wBACtB,cAAe,mBACf,SAAU,YACV,GAAI,gBACJ,IAAK,iBACL,UAAW,aACX,WAAY,WACZ,iBAAkB,kBAClB,UAAW,UACX,oBAAqB,qBACrB,UAAW,UACX,iBAAkB,kBAClB,uBAAwB,UACxB,qBAAsB,aACtB,uBAAwB,UACxB,eAAgB,eAChB,kBAAmB,UACnB,uBAAwB,iBACxB,uBAAwB,iBACxB,mBAAoB,mBACpB,WAAY,cACZ,IAAK,eACL,gBAAiB,WACjB,cAAe,sBACnB,EAEA,SAASC,EAAuBC,EAAsBC,EAAoB,CACtE,OAAIA,IAAW,gBAAkBD,KAAgBJ,EACtCA,EAA2BI,CAAY,EACvCA,KAAgBF,EAChBA,EAAuBE,CAAY,EAEnCE,EAAYF,CAAY,CAEvC,CAEA,MAAMG,EAAiBC,EAA0B,cAAc,EAExD,SAASC,EAAgB,CAAE,YAAAC,EAAa,SAAAC,GAAoE,CAC/G,SAAQJ,EAAe,SAAf,CAAwB,MAAOG,EAAc,SAAAC,EAAS,CAClE,CAEO,SAASC,GAA6B,CAEzC,OADoBC,EAAIN,CAAc,CAE1C,CAEO,SAASO,GAAyD,CACrE,MAAMT,EAASO,EAAA,EACf,OAAQR,GAAyBD,EAAuBC,EAAcC,CAAM,CAChF,CAKO,SAASU,EAAiBC,EAAsB,CACnD,MAAMC,EAAiBD,EAAQ,WAAa,IAAI,KAAKA,EAAQ,SAAS,EAAI,IAAI,KAE9E,OAAQ,GAAA,CACJ,KAAKA,EAAQ,SAAWA,EAAQ,WAAaC,GACzC,MAAO,8BACX,KAAKD,EAAQ,SAAWA,EAAQ,WAC5B,MAAO,qBACX,KAAKA,EAAQ,SAAWC,GACpB,MAAO,mBACX,KAAKD,EAAQ,WAAaC,GACtB,MAAO,qBACX,KAAKD,EAAQ,UACT,MAAO,YACX,KAAKA,EAAQ,QACT,MAAO,UACX,KAAKC,EACD,MAAO,UACX,QACI,MAAO,QAAA,CAEnB,CAEO,MAAMC,EAAiC,CAC1C,QAAS,UACT,MAAO,QACP,MAAO,QACP,IAAK,MACL,QAAS,SACb"}

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-alpha21",
+  "version": "6.6.6-alpha27",
   "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",