@cryptlex/web-components 6.6.6-alpha48 → 6.6.6-alpha51

package/dist/components/{table-actions.js → data-table-actions.js}

@@ -1,2 +1,2 @@
 "use client";import{jsxs as s,Fragment as b,jsx as r}from"react/jsx-runtime";import{normalizeLabel as d}from"../utilities/string.js";import{Button as g}from"./button.js";import{useDialogState as D,DialogActionRenderer as A,findItemByNormalizedLabel as y}from"./dialog-action-utils.js";import"lodash-es";import"class-variance-authority";import"react-aria-components";import"../utilities/theme.js";import"clsx";import"./loader.js";import"./icons.js";import"react";import"./dialog.js";function h(t){return t.type==="action"}function c(t){return t.type==="dialog"}function I(t,i){return t.isDisabled?t.isDisabled(i):!1}function k({items:t,rowsSelected:i,isFetching:p}){const{openKey:u,setOpenKey:e}=D();return s(b,{children:[t.map((n,o)=>{const a=d(n.label),f=n.icon,l=I(n,i)||p;return s(g,{"aria-label":n.label,type:"button",isDisabled:l,className:"animate-in fade-in slide-in-from-left-15 duration-300 transition-transform",onPress:m=>{l||(h(n)?n.onClick(m,i):c(n)&&e(a))},variant:n.variant??"neutral",children:[r(f,{}),r("span",{children:n.label})]},`${a}-${o}`)}),r(A,{openKey:u,onOpenChange:n=>{n||e(null)},findItem:n=>{const o=y(t,n);return!o||!c(o)?null:{component:o.component}},getDialogProps:n=>({data:i,tableAction:!0,close:n})})]})}export{k as TableActions};
-//# sourceMappingURL=table-actions.js.map
+//# sourceMappingURL=data-table-actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-actions.js","sources":["../../lib/components/data-table-actions.tsx"],"sourcesContent":["'use client';\nimport type React from 'react';\nimport type { PressEvent } from 'react-aria-components';\nimport { normalizeLabel } from '../utilities/string';\nimport { Button } from './button';\nimport { DialogActionRenderer, findItemByNormalizedLabel, useDialogState } from './dialog-action-utils';\nimport type { CtxIcon } from './icons';\n\nexport type TableActionDialogContentProps<T> = {\n    /** Callback to close the dialog */\n    close: () => void;\n    /** The data passed to the dialog - array of selected rows */\n    data: T[];\n    /** Flag to identify table action dialogs */\n    tableAction: true;\n};\n\n/** Base properties shared by all table actions */\nexport type TableActionBase<T> = {\n    label: string;\n    /** Optional function to determine if the action is disabled. Receives the rows and returns a boolean. Defaults to false if not provided */\n    isDisabled?: (rows: T[]) => boolean;\n    icon: CtxIcon;\n    bulk: boolean;\n    tooltip?: string;\n    /** Optional button variant to pass through to Button (defaults to neutral) */\n    variant?: React.ComponentProps<typeof Button>['variant'];\n};\n\n/** Action that triggers a callback */\nexport type TableActionAction<T> = TableActionBase<T> & {\n    type: 'action';\n    /** Callback triggered when the action is pressed. Receives the press event and selected rows as parameters */\n    onClick: (e: PressEvent, rows: T[]) => void;\n};\n\n/** Action that opens a dialog */\nexport type TableActionDialog<T> = TableActionBase<T> & {\n    type: 'dialog';\n    /** Component to render in the dialog */\n    component: React.ComponentType<TableActionDialogContentProps<T>>;\n};\n\n/** Common table action type that works for both action and dialog types */\nexport type TableAction<T> = TableActionAction<T> | TableActionDialog<T>;\n\nfunction isTableActionAction<T>(item: TableAction<T>): item is TableActionAction<T> {\n    return item.type === 'action';\n}\n\nfunction isTableActionDialog<T>(item: TableAction<T>): item is TableActionDialog<T> {\n    return item.type === 'dialog';\n}\n\nfunction getTableActionIsDisabled<T>(item: TableAction<T>, rows: T[]): boolean {\n    return item.isDisabled ? item.isDisabled(rows) : false;\n}\n\nexport type TableActionsProps<T> = {\n    /** Array of table actions to render */\n    readonly items: TableAction<T>[];\n    /** Array of selected rows */\n    readonly rowsSelected: T[];\n    /** Whether the table is currently fetching data */\n    readonly isFetching?: boolean;\n};\n\nexport function TableActions<T>({ items, rowsSelected, isFetching }: TableActionsProps<T>) {\n    const { openKey, setOpenKey } = useDialogState();\n\n    return (\n        <>\n            {items.map((item, i) => {\n                const id = normalizeLabel(item.label);\n                const Icon = item.icon;\n                const isDisabled = getTableActionIsDisabled(item, rowsSelected) || isFetching;\n\n                return (\n                    <Button\n                        key={`${id}-${i}`}\n                        aria-label={item.label}\n                        type=\"button\"\n                        isDisabled={isDisabled}\n                        className=\"animate-in fade-in slide-in-from-left-15 duration-300 transition-transform\"\n                        onPress={e => {\n                            if (isDisabled) return;\n\n                            if (isTableActionAction(item)) {\n                                item.onClick(e, rowsSelected);\n                            } else if (isTableActionDialog(item)) {\n                                setOpenKey(id);\n                            }\n                        }}\n                        variant={item.variant ?? 'neutral'}\n                    >\n                        <Icon />\n                        <span>{item.label}</span>\n                    </Button>\n                );\n            })}\n\n            <DialogActionRenderer<TableActionDialogContentProps<T>>\n                openKey={openKey}\n                onOpenChange={open => {\n                    if (!open) setOpenKey(null);\n                }}\n                findItem={key => {\n                    const item = findItemByNormalizedLabel(items, key);\n                    if (!item || !isTableActionDialog(item)) return null;\n                    return { component: item.component };\n                }}\n                getDialogProps={close => ({ data: rowsSelected, tableAction: true, close })}\n            />\n        </>\n    );\n}\n"],"names":["isTableActionAction","item","isTableActionDialog","getTableActionIsDisabled","rows","TableActions","items","rowsSelected","isFetching","openKey","setOpenKey","useDialogState","jsxs","Fragment","i","id","normalizeLabel","Icon","isDisabled","Button","e","jsx","DialogActionRenderer","open","key","findItemByNormalizedLabel","close"],"mappings":"keA8CA,SAASA,EAAuBC,EAAoD,CAChF,OAAOA,EAAK,OAAS,QACzB,CAEA,SAASC,EAAuBD,EAAoD,CAChF,OAAOA,EAAK,OAAS,QACzB,CAEA,SAASE,EAA4BF,EAAsBG,EAAoB,CAC3E,OAAOH,EAAK,WAAaA,EAAK,WAAWG,CAAI,EAAI,EACrD,CAWO,SAASC,EAAgB,CAAE,MAAAC,EAAO,aAAAC,EAAc,WAAAC,GAAoC,CACvF,KAAM,CAAE,QAAAC,EAAS,WAAAC,CAAA,EAAeC,EAAA,EAEhC,OACIC,EAAAC,EAAA,CACK,SAAA,CAAAP,EAAM,IAAI,CAACL,EAAMa,IAAM,CACpB,MAAMC,EAAKC,EAAef,EAAK,KAAK,EAC9BgB,EAAOhB,EAAK,KACZiB,EAAaf,EAAyBF,EAAMM,CAAY,GAAKC,EAEnE,OACII,EAACO,EAAA,CAEG,aAAYlB,EAAK,MACjB,KAAK,SACL,WAAAiB,EACA,UAAU,6EACV,QAASE,GAAK,CACNF,IAEAlB,EAAoBC,CAAI,EACxBA,EAAK,QAAQmB,EAAGb,CAAY,EACrBL,EAAoBD,CAAI,GAC/BS,EAAWK,CAAE,EAErB,EACA,QAASd,EAAK,SAAW,UAEzB,SAAA,CAAAoB,EAACJ,EAAA,EAAK,EACNI,EAAC,OAAA,CAAM,SAAApB,EAAK,KAAA,CAAM,CAAA,CAAA,EAjBb,GAAGc,CAAE,IAAID,CAAC,EAAA,CAoB3B,CAAC,EAEDO,EAACC,EAAA,CACG,QAAAb,EACA,aAAcc,GAAQ,CACbA,GAAMb,EAAW,IAAI,CAC9B,EACA,SAAUc,GAAO,CACb,MAAMvB,EAAOwB,EAA0BnB,EAAOkB,CAAG,EACjD,MAAI,CAACvB,GAAQ,CAACC,EAAoBD,CAAI,EAAU,KACzC,CAAE,UAAWA,EAAK,SAAA,CAC7B,EACA,eAAgByB,IAAU,CAAE,KAAMnB,EAAc,YAAa,GAAM,MAAAmB,CAAA,EAAM,CAAA,CAC7E,EACJ,CAER"}

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

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import"react";import"./button.js";import{C as Z,D as $,F as rr}from"./data-table.js";import"./date-picker.js";import"./menu.js";import"./popover.js";import"../utilities/form-hook.js";import"../utilities/resources.js";import"../utilities/theme.js";import"./icons.js";import"./id-search.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"clsx";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@dnd-kit/utilities";import"@tanstack/react-query";import"@tanstack/react-table";import"@uidotdev/usehooks";import"lodash-es";import"./badge.js";import"./dialog-menu.js";import"../utilities/string.js";import"./dialog-action-utils.js";import"./dialog.js";import"./list-box.js";import"./select.js";import"../utilities/form.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"./form.js";import"./searchfield.js";import"./table.js";import"../utilities/countries.js";import"./select-options.js";import"../utilities/date.js";import"../utilities/numbers.js";import"zod";import"../utilities/duration.js";import"./checkbox.js";import"./table-actions.js";import"@internationalized/date";import"./calendar.js";import"./datefield.js";import"./multi-select.js";import"./numberfield.js";import"./textfield.js";import"../utilities/ctx-client.js";export{Z as COMPARISON_OPERATOR_LABELS,$ as DataTableFilter,rr as FILTER_COMPARISON_OPERATORS};
+import"react/jsx-runtime";import"react";import"./button.js";import{C as Z,D as $,F as rr}from"./data-table.js";import"./date-picker.js";import"./menu.js";import"./popover.js";import"../utilities/form-hook.js";import"../utilities/resources.js";import"../utilities/theme.js";import"./icons.js";import"./id-search.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"clsx";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@dnd-kit/utilities";import"@tanstack/react-query";import"@tanstack/react-table";import"@uidotdev/usehooks";import"lodash-es";import"./badge.js";import"./dialog-menu.js";import"../utilities/string.js";import"./dialog-action-utils.js";import"./dialog.js";import"./list-box.js";import"./select.js";import"../utilities/form.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"./form.js";import"./searchfield.js";import"./table.js";import"../utilities/countries.js";import"./select-options.js";import"../utilities/date.js";import"../utilities/numbers.js";import"zod";import"../utilities/duration.js";import"./checkbox.js";import"./data-table-actions.js";import"@internationalized/date";import"./calendar.js";import"./datefield.js";import"./multi-select.js";import"./numberfield.js";import"./textfield.js";import"../utilities/ctx-client.js";export{Z as COMPARISON_OPERATOR_LABELS,$ as DataTableFilter,rr as FILTER_COMPARISON_OPERATORS};
 //# sourceMappingURL=data-table-filter.js.map

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

@@ -3,7 +3,7 @@ import { ColumnDef, ColumnHelper, PaginationState, RowData, SortingState } from
 import { FiltersConfig, TableFilter } from '../components/data-table-filter';
 import { DialogMenuAction } from '../components/dialog-menu';
 import { CtxResourceName } from '../utilities/resources';
-import { TableAction } from './table-actions';
+import { TableAction } from './data-table-actions';
 export type DisplayType = 'string' | 'boolean' | 'date' | 'number' | 'enum' | 'badge' | 'country' | 'fileSize' | 'days';
 declare module '@tanstack/react-table' {
     interface ColumnMeta<TData extends RowData, TValue> {

package/dist/components/data-table.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as t,Fragment as w,jsxs as s}from"react/jsx-runtime";import{createContext as ae,useState as N,useMemo as ie,useEffect as oe,useContext as le,useRef as se}from"react";import{Button as y}from"./button.js";import{useSensors as ce,useSensor as H,PointerSensor as ue,KeyboardSensor as de,DndContext as me,closestCenter as ge,DragOverlay as pe}from"@dnd-kit/core";import{sortableKeyboardCoordinates as fe,SortableContext as he,verticalListSortingStrategy as be,arrayMove as Se,useSortable as ye}from"@dnd-kit/sortable";import{CSS as ve}from"@dnd-kit/utilities";import{useQuery as Ce,keepPreviousData as we}from"@tanstack/react-query";import{createColumnHelper as X,useReactTable as xe,getCoreRowModel as Te,flexRender as L}from"@tanstack/react-table";import{useLocalStorage as V}from"@uidotdev/usehooks";import{merge as Ie}from"lodash-es";import{Badge as Ne}from"./badge.js";import{TfDatePicker as Fe}from"./date-picker.js";import{EasyMenu as E,MenuItem as R}from"./menu.js";import{PopoverTrigger as Ae,Popover as De}from"./popover.js";import{useAppForm as Pe}from"../utilities/form-hook.js";import{useResourceFormatter as $}from"../utilities/resources.js";import{classNames as S}from"../utilities/theme.js";import{IcInfo as Re,IcMoreVertical as Oe,IcRefresh as ze,IcColumns as _e,IcGrip as Le,IcFirst as Me,IcLeft as Ee,IcRight as $e,IcLast as qe,IcSortAsc as je,IcSortDesc as ke,IcSortNone as He,IcFilter as Ve,IcRemove as U,IcCheck as B,IcMinus as Ue,IcAccount as Be,IcLicense as Ke,IcDate as Qe,IcFile as Ge}from"./icons.js";import{TfMultipleIdSearchInput as We}from"./id-search.js";import{DialogMenu as Xe}from"./dialog-menu.js";import{Loader as Ze}from"./loader.js";import{SearchField as Je}from"./searchfield.js";import{Table as Ye,TableHeader as et,TableRow as K,TableHead as tt,TableBody as nt,TableCell as rt}from"./table.js";import{CountryName as at}from"../utilities/countries.js";import{formatDate as it}from"../utilities/date.js";import{formatDays as ot,formatFilesize as lt,formatNumber as st}from"../utilities/numbers.js";import{Checkbox as Q}from"./checkbox.js";import{TableActions as ct}from"./table-actions.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";import"../utilities/ctx-client.js";import"./dialog-action-utils.js";import"./dialog.js";import"./select-options.js";import"zod";import"../utilities/duration.js";function wn(e){const r=async(i,a,g,l)=>{const u={...l,page:i.pageIndex+1,limit:i.pageSize,sort:ut(a[0]),search:g},p=await e(u);return{total:Number.parseInt(p.response.headers.get("Pagination-Count")||"0"),data:p.data}},n=X();return{callback:r,columnHelper:n}}function ut(e){return e?e.desc?`-${e.id}`:`+${e.id}`:"-createdAt"}const F=X(),dt=[F.accessor("checkbox",{header:({table:e})=>t(Q,{isIndeterminate:e.getIsSomeRowsSelected()&&!e.getIsAllPageRowsSelected(),isSelected:e.getIsAllPageRowsSelected()||e.getIsSomePageRowsSelected(),onChange:()=>e.toggleAllPageRowsSelected(),"aria-label":"Select all"}),cell:({row:e})=>t(Q,{isSelected:e.getIsSelected(),onChange:()=>e.toggleSelected(),"aria-label":"Select row"}),enableSorting:!1,enableHiding:!1})],mt=[F.accessor("id",{header:"ID",meta:{displayType:"string"}})],gt=[F.accessor("createdAt",{header:"Creation Date",meta:{displayType:"date"},enableHiding:!1}),F.accessor("updatedAt",{header:"Last Updated",meta:{displayType:"date"},enableHiding:!1})],C="TableActions",pt=e=>e.length===0?[]:[F.accessor(C,{header:"Actions",id:C,enableHiding:!1,cell:({row:r})=>t(Xe,{label:t(Oe,{}),data:r.original,items:e}),enableSorting:!1})];function xn({resourceName:e,columns:r,callback:n,filterConfig:i,columnsToHideByDefault:a={},allowSelection:g=!1,initialFilters:l=[],tableActions:u,rowActions:p}){const[d,v]=N({pagination:{pageIndex:0,pageSize:20},sorting:[]}),[m,c]=N({}),[h,f]=N(""),[b,q]=V(`${e}_ctx_column_order_preference`,[]),[j,ee]=V(`${e}_ctx_column_visibility_preference`,{id:!1,...a}),[O,te]=N(l),z=ie(()=>O.map(o=>Array.isArray(o.value)?{[o.property]:{[o.operator]:o.value.join(",")}}:{[o.property]:{[o.operator]:o.value}}).reduce((o,I)=>Ie(o,I),{}),[O]),_=o=>{v(I=>({...I,...o}))},{sorting:A,pagination:D}=d,P=Ce({queryKey:[e,D,A,h,z],queryFn:()=>n(D,A,h,z),placeholderData:we,retry:0,refetchOnWindowFocus:!1}),ne=[...g?dt:[],...mt,...r,...gt,...pt(p??[])];function re(o){return typeof o=="function"}function T(o,I){return re(o)?o(I):o}const k=xe({data:P.data?.data??[],columns:ne,getCoreRowModel:Te(),rowCount:P.data?.total,manualPagination:!0,onPaginationChange:o=>{_({pagination:T(o,D)})},manualSorting:!0,onSortingChange:o=>{c({}),_({sorting:[...T(o,A)]})},manualFiltering:!0,onColumnVisibilityChange:o=>{ee(T(o,j))},onRowSelectionChange:o=>{c(T(o,m))},onColumnOrderChange:o=>{q(T(o,b))},state:{sorting:A,columnVisibility:j,pagination:D,rowSelection:m,columnOrder:b},meta:{refetch:P.refetch}});return oe(()=>{q([...k.getAllLeafColumns().map(o=>o.id)])},[]),{tableState:d,updateTableState:_,query:P,setSearchQuery:f,searchQuery:h,tanTable:k,mergedFilters:z,filters:O,setFilters:te,filterConfig:i,tableActions:u}}const Z=ae(null);function x(){const e=le(Z);if(!e)throw Error("DataTable should be used within DataTableProvider.");return e}function Tn({children:e,...r}){return t(Z.Provider,{value:r,children:e})}function In({className:e,...r}){const{query:n,tanTable:i}=x();return t(w,{children:s("section",{...r,className:S("flex flex-col bg-elevation-1",e),children:[t(St,{}),s("div",{className:"w-full overflow-auto border-x h-table relative",tabIndex:0,children:[n.isLoading&&t(G,{className:"cursor-wait",children:t(Ze,{})}),!n.isLoading&&i.getRowModel().rows.length===0&&t(G,{className:"cursor-not-allowed",children:!n.isFetching&&(n.isError?s("span",{className:"flex gap-3 justify-center items-center",children:[t(Re,{}),t("span",{children:n.error.message})]}):n.data?.data?.length===0?t(w,{children:"No results found."}):t(w,{children:"Unknown error. Please contact customer support."}))}),!n.isLoading&&i.getRowModel().rows.length!==0&&t(vt,{className:"w-full"})]}),s("div",{className:"flex w-full justify-between border gap-icon p-icon overflow-x-auto",children:[s("div",{className:"flex gap-icon",children:[t(ft,{}),t(bt,{})]}),t(ht,{})]})]})})}function G({children:e,className:r}){return s(w,{children:[t("span",{className:S(r,"absolute top-0 bg-elevation-1 text-foreground z-20 size-full body-sm flex items-center justify-center"),children:e}),t("span",{className:"relative h-full w-0 block"})]})}function ft(){const{tanTable:e}=x(),[r,n]=N(null),i=$(),a=ce(H(ue),H(de,{coordinateGetter:fe}));return t(me,{sensors:a,collisionDetection:ge,onDragStart:l=>{const{active:u}=l;n(u.id.toString())},onDragEnd:l=>{const{active:u,over:p}=l;if(p&&u.id!==p.id){const d=e.getState().columnOrder,v=d.indexOf(u.id.toString()),m=d.indexOf(p.id.toString());e.setColumnOrder([...Se(d,v,m)])}n(null)},children:s(he,{items:e.getState().columnOrder,strategy:be,children:[s(E,{label:s(w,{children:[t(_e,{className:"inline align-bottom me-1"}),"Columns"]}),selectionMode:"multiple",items:e.getAllFlatColumns(),selectedKeys:e.getVisibleFlatColumns().map(l=>l.id),children:[t(R,{onAction:()=>e.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),e.getState().columnOrder.map(l=>{const u=e.getAllFlatColumns().find(p=>p.id===l);return!u||u.id==="checkbox"||u.id===C?null:t(g,{column:u},u.id)})]}),t(pe,{children:r?t("div",{className:"opacity-70 border-2 border-primary",children:i(r)}):null})]})});function g({column:l}){const{attributes:u,listeners:p,setNodeRef:d,transform:v,transition:m}=ye({id:l.id}),c={transform:ve.Transform.toString(v),transition:m,zIndex:"999"};return s(R,{ref:d,style:c,...u,id:l.id,onAction:()=>l.toggleVisibility(),isDisabled:!l.getCanHide(),className:"flex items-center",children:[t(Le,{...p,className:"size-icon cursor-grab"}),M(l),l.getIsSorted()&&t(J,{className:"size-icon",direction:l.getIsSorted()})]})}}function ht(){const{tanTable:e,query:r}=x(),n=r.data?.total??0;return s("div",{className:"flex items-center gap-2",children:[t("span",{className:"whitespace-nowrap body-sm text-muted",children:`${e.getState().pagination.pageIndex*e.getState().pagination.pageSize+1} - ${Math.min((e.getState().pagination.pageIndex+1)*e.getState().pagination.pageSize,n)} of ${n?.toLocaleString()}`}),t(y,{"aria-label":"First page",onPress:()=>e.firstPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon",children:t(Me,{})}),t(y,{"aria-label":"Previous page",onPress:()=>e.previousPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon",children:t(Ee,{})}),t(y,{"aria-label":"Next page",onPress:()=>e.nextPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon",children:t($e,{})}),t(y,{"aria-label":"Last page",onClick:()=>e.lastPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon",children:t(qe,{})})]})}function bt(){const{tanTable:e}=x(),r=[10,20,30,40,50];return t(E,{label:e.getState().pagination.pageSize.toString(),selectionMode:"single",selectedKeys:[e.getState().pagination.pageSize.toString()],items:r.map(n=>({id:n.toString(),value:n})),children:n=>t(R,{onAction:()=>e.setPageSize(n.value),children:n.value})})}function St(){const{query:e,tanTable:r,searchQuery:n,setSearchQuery:i,tableActions:a}=x(),g=r.getSelectedRowModel().rows.length>0,l=r.getSelectedRowModel().rows.map(p=>p.original),u=a.filter(p=>p.bulk===g);return s("section",{className:"flex bg-elevation-1 justify-between my-0 p-icon border gap-icon overflow-auto",children:[s("div",{className:"flex gap-icon",children:[t(y,{"aria-label":"Refresh",isPending:e.isFetching,onClick:()=>e.refetch(),variant:"neutral",size:"icon",children:t(ze,{})}),t(ct,{items:u,rowsSelected:l,isFetching:e.isFetching})]}),s("div",{className:"flex gap-icon",children:[t(xt,{}),t(Je,{value:n,onChange:i})]})]})}function J({direction:e,...r}){return e==="asc"?t(je,{className:"size-3.5",...r}):e==="desc"?t(ke,{className:"size-3.5",...r}):t(He,{className:"size-3.5",...r})}function M(e){const r=$(),n=e.columnDef.header;return typeof n=="string"?n:r(e.id)}function yt(e){const r=e.column.columnDef.meta?.displayType,n=e.getValue();if(n==null)return null;switch(r){case"date":return it(n);case"number":return st(n);case"boolean":case"badge":return t(Ne,{className:"uppercase w-full",children:String(n)});case"country":return t(at,{value:n});case"enum":return t("span",{className:"uppercase w-full",children:String(n)});case"fileSize":return lt(n);case"days":return ot(n);default:return String(n)}}function W({header:e}){const r=e.column.columnDef.header;return typeof r=="string"||!r?M(e.column):typeof r=="function"?typeof r(e.getContext())=="string"?M(e.column):L(r,e.getContext()):L(r,e.getContext())}function vt({className:e}){const{tanTable:r}=x(),n=(i,a,g="z-50")=>S("px-icon py-2 text-left body-sm font-medium whitespace-nowrap",i&&`bg-elevation-1 sticky right-0 ${g} text-center justify-center`,a);return s(Ye,{className:S("table-auto",e),children:[t(et,{className:"sticky top-0 z-10",children:r.getHeaderGroups().map(i=>t(K,{children:i.headers.map(a=>s(tt,{scope:"col",colSpan:a.colSpan,className:n(a.id===C,"bg-elevation-1"),children:[!a.column.getCanSort()&&!a.isPlaceholder&&t("div",{className:S("w-full py-1 inline-flex items-center gap-1 body-sm",a.id===C?"justify-center":"justify-start"),children:t(W,{header:a})}),a.column.getCanSort()&&s(y,{variant:"ghost",className:S("w-full p-1",a.id===C?"justify-center":"justify-start"),onPress:a.column.getToggleSortingHandler(),children:[t("span",{children:t(W,{header:a})}),t(J,{direction:a.column.getIsSorted()})]})]},a.id))},i.id))}),t(nt,{children:r.getRowModel().rows.map(i=>t(K,{className:S("transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20"),"data-selected":i.getIsSelected(),children:i.getVisibleCells().map(a=>{const g=a.column.id===C,l=a.column.columnDef.meta?.displayType?yt(a):L(a.column.columnDef.cell,a.getContext());return t(rt,{className:S(n(g,void 0,"z-1"),g&&"flex justify-center items-center"),children:l},a.id)})},i.id))})]})}const Nn=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte"],Ct={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 wt(e,r){const n=`${r}-${Date.now()}`,i=Y[e][0];switch(e){case"bool":return{id:n,type:e,property:r,operator:i,value:!0};case"string":return{id:n,type:e,property:r,operator:i,value:""};case"date":return{id:n,type:e,property:r,operator:i,value:new Date().toISOString()};case"id":return{id:n,type:e,property:r,operator:i,value:""};case"id-search":return{id:n,type:e,property:r,operator:i,value:[]};case"enum":return{id:n,type:e,property:r,operator:i,value:new Set};case"number":return{id:n,type:e,property:r,operator:i,value:0}}}const Y={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 xt({className:e,...r}){const{filters:n,query:i,setFilters:a,filterConfig:g}=x(),l=se(null),u=$(),d=Pe({defaultValues:{filters:n},onSubmit:({value:m})=>{a(m.filters)}}),v=Object.keys(g).sort();return t("section",{...r,className:S("flex gap-icon items-center",e),children:s(Ae,{onOpenChange:m=>{m?l.current?.focus():d.handleSubmit()},children:[s("div",{className:"relative",children:[n.length>0&&t("div",{className:"size-2 rounded-full absolute bg-primary/90 z-20 top-0 right-0 translate-x-0.5 -translate-y-0.5"}),t(y,{"aria-label":"Filter",isDisabled:i.isPending||v.length===0,type:"button",size:"icon",variant:"neutral",children:t(Ve,{})})]}),t(De,{className:"w-full p-icon",children:t("form",{onSubmit:m=>{m.preventDefault()},className:"flex flex-col gap-icon max-h-table overflow-auto ",children:t(d.Field,{mode:"array",name:"filters",children:m=>s(w,{children:[m.state.value.map((c,h)=>s("div",{className:"flex gap-icon items-center justify-normal",children:[t("span",{className:"body-sm",children:u(c.property)}),t(d.AppField,{name:`filters[${h}].operator`,children:f=>t(f.TfSingleSelect,{items:Y[c.type].map(b=>({id:b,label:t(w,{children:Ct[b]})}))})},c.id),c.type==="bool"&&t(d.AppField,{name:`filters[${h}].value`,children:f=>t(f.TfCheckbox,{autoFocus:!0})}),c.type==="date"&&t(d.AppField,{name:`filters[${h}].value`,children:f=>t(Fe,{autoFocus:!0})}),c.type==="id"&&t(d.AppField,{name:`filters[${h}].value`,children:f=>t(f.TfTextField,{autoFocus:!0})}),c.type==="string"&&t(d.AppField,{name:`filters[${h}].value`,children:f=>t(f.TfTextField,{autoFocus:!0})}),c.type==="number"&&t(d.AppField,{name:`filters[${h}].value`,children:f=>t(f.TfNumberField,{autoFocus:!0})}),c.type==="enum"&&t(d.AppField,{name:`filters[${h}].value`,children:f=>{const b=g[c.property];return b.type!=="enum"?null:t(f.TfMultiSelect,{items:b.options})}}),c.type==="id-search"&&t(d.AppField,{name:`filters[${h}].value`,children:f=>{const b=g[c.property];return b.type!=="id-search"?null:t(We,{resource:b.resource,accessor:b.accessor})}}),t(y,{type:"button",variant:"neutral",size:"icon",onPress:()=>m.removeValue(h),children:t(U,{})})]},c.id)),s("div",{className:"flex w-full items-center justify-end gap-2 not-first:mt-icon",children:[t(E,{label:"Add filter",autoFocus:!0,children:v.sort().map(c=>{const h=g[c].type,f=Tt[h];return s(R,{onAction:()=>{const b=wt(h,c);m.pushValue(b)},children:[u(c),t(f,{})]},c)})}),m.state.value.length>0?s(y,{type:"button",variant:"neutral",onPress:()=>{m.setValue([])},children:[t(U,{}),"Reset"]}):null]})]})})})})]})})}const Tt={"id-search":Ge,bool:B,date:Qe,enum:Ke,id:Be,number:Ue,string:B};export{Ct as C,xt as D,In as DataTable,Z as DataTableContext,Tn as DataTableProvider,Nn as F,wn as getTableCallback,x as useDataTable,xn as useDataTableState};
+"use client";import{jsx as t,Fragment as w,jsxs as s}from"react/jsx-runtime";import{createContext as ae,useState as F,useMemo as oe,useEffect as ie,useContext as le,useRef as se}from"react";import{Button as y}from"./button.js";import{useSensors as ce,useSensor as k,PointerSensor as ue,KeyboardSensor as de,DndContext as me,closestCenter as ge,DragOverlay as pe}from"@dnd-kit/core";import{sortableKeyboardCoordinates as fe,SortableContext as he,verticalListSortingStrategy as be,arrayMove as Se,useSortable as ye}from"@dnd-kit/sortable";import{CSS as ve}from"@dnd-kit/utilities";import{useQuery as Ce,keepPreviousData as we}from"@tanstack/react-query";import{createColumnHelper as W,useReactTable as xe,getCoreRowModel as Ie,flexRender as _}from"@tanstack/react-table";import{useLocalStorage as V}from"@uidotdev/usehooks";import{merge as Ne}from"lodash-es";import{Badge as Fe}from"./badge.js";import{TfDatePicker as Te}from"./date-picker.js";import{EasyMenu as L,MenuItem as D}from"./menu.js";import{PopoverTrigger as Ae,Popover as Pe}from"./popover.js";import{useAppForm as De}from"../utilities/form-hook.js";import{useResourceFormatter as $}from"../utilities/resources.js";import{classNames as S}from"../utilities/theme.js";import{IcInfo as Re,IcMoreVertical as ze,IcRefresh as Oe,IcColumns as _e,IcGrip as Me,IcFirst as Le,IcLeft as $e,IcRight as qe,IcLast as Ee,IcSortAsc as je,IcSortDesc as ke,IcSortNone as Ve,IcFilter as He,IcRemove as H,IcCheck as U,IcMinus as Ue,IcAccount as Be,IcLicense as Ke,IcDate as Qe,IcFile as Ge}from"./icons.js";import{TfMultipleIdSearchInput as We}from"./id-search.js";import{DialogMenu as Xe}from"./dialog-menu.js";import{Loader as Ze}from"./loader.js";import{SearchField as Je}from"./searchfield.js";import{Table as Ye,TableHeader as et,TableRow as B,TableHead as tt,TableBody as nt,TableCell as rt}from"./table.js";import{CountryName as at}from"../utilities/countries.js";import{formatDate as ot}from"../utilities/date.js";import{formatDays as it,formatFilesize as lt,formatNumber as st}from"../utilities/numbers.js";import{Checkbox as K}from"./checkbox.js";import{TableActions as ct}from"./data-table-actions.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";import"../utilities/ctx-client.js";import"./dialog-action-utils.js";import"./dialog.js";import"./select-options.js";import"zod";import"../utilities/duration.js";function vn(e){const r=async(o,a,g,l)=>{const u={...l,page:o.pageIndex+1,limit:o.pageSize,sort:ut(a[0]),search:g},p=await e(u);return{total:Number.parseInt(p.response.headers.get("Pagination-Count")||"0"),data:p.data}},n=W();return{callback:r,columnHelper:n}}function ut(e){return e?e.desc?`-${e.id}`:`+${e.id}`:"-createdAt"}const X=W(),dt=[X.accessor("checkbox",{header:({table:e})=>t(K,{isIndeterminate:e.getIsSomeRowsSelected()&&!e.getIsAllPageRowsSelected(),isSelected:e.getIsAllPageRowsSelected()||e.getIsSomePageRowsSelected(),onChange:()=>e.toggleAllPageRowsSelected(),"aria-label":"Select all"}),cell:({row:e})=>t(K,{isSelected:e.getIsSelected(),onChange:()=>e.toggleSelected(),"aria-label":"Select row"}),enableSorting:!1,enableHiding:!1})],C="TableActions",mt=e=>e.length===0?[]:[X.accessor(C,{header:"Actions",id:C,enableHiding:!1,cell:({row:r})=>t(Xe,{label:t(ze,{}),data:r.original,items:e}),enableSorting:!1})];function Cn({resourceName:e,columns:r,callback:n,filterConfig:o,columnsToHideByDefault:a={},allowSelection:g=!1,initialFilters:l=[],tableActions:u,rowActions:p}){const[d,v]=F({pagination:{pageIndex:0,pageSize:20},sorting:[]}),[m,c]=F({}),[h,f]=F(""),[b,q]=V(`${e}_ctx_column_order_preference`,[]),[E,ee]=V(`${e}_ctx_column_visibility_preference`,{id:!1,...a}),[R,te]=F(l),z=oe(()=>R.map(i=>Array.isArray(i.value)?{[i.property]:{[i.operator]:i.value.join(",")}}:{[i.property]:{[i.operator]:i.value}}).reduce((i,N)=>Ne(i,N),{}),[R]),O=i=>{v(N=>({...N,...i}))},{sorting:T,pagination:A}=d,P=Ce({queryKey:[e,A,T,h,z],queryFn:()=>n(A,T,h,z),placeholderData:we,retry:0,refetchOnWindowFocus:!1}),ne=[...g?dt:[],...r,...mt(p??[])];function re(i){return typeof i=="function"}function I(i,N){return re(i)?i(N):i}const j=xe({data:P.data?.data??[],columns:ne,getCoreRowModel:Ie(),rowCount:P.data?.total,manualPagination:!0,onPaginationChange:i=>{O({pagination:I(i,A)})},manualSorting:!0,onSortingChange:i=>{c({}),O({sorting:[...I(i,T)]})},manualFiltering:!0,onColumnVisibilityChange:i=>{ee(I(i,E))},onRowSelectionChange:i=>{c(I(i,m))},onColumnOrderChange:i=>{q(I(i,b))},state:{sorting:T,columnVisibility:E,pagination:A,rowSelection:m,columnOrder:b},meta:{refetch:P.refetch}});return ie(()=>{q([...j.getAllLeafColumns().map(i=>i.id)])},[]),{tableState:d,updateTableState:O,query:P,setSearchQuery:f,searchQuery:h,tanTable:j,mergedFilters:z,filters:R,setFilters:te,filterConfig:o,tableActions:u}}const Z=ae(null);function x(){const e=le(Z);if(!e)throw Error("DataTable should be used within DataTableProvider.");return e}function wn({children:e,...r}){return t(Z.Provider,{value:r,children:e})}function xn({className:e,...r}){const{query:n,tanTable:o}=x();return t(w,{children:s("section",{...r,className:S("flex flex-col bg-elevation-1",e),children:[t(ht,{}),s("div",{className:"w-full overflow-auto border-x h-table relative",tabIndex:0,children:[n.isLoading&&t(Q,{className:"cursor-wait",children:t(Ze,{})}),!n.isLoading&&o.getRowModel().rows.length===0&&t(Q,{className:"cursor-not-allowed",children:!n.isFetching&&(n.isError?s("span",{className:"flex gap-3 justify-center items-center",children:[t(Re,{}),t("span",{children:n.error.message})]}):n.data?.data?.length===0?t(w,{children:"No results found."}):t(w,{children:"Unknown error. Please contact customer support."}))}),!n.isLoading&&o.getRowModel().rows.length!==0&&t(St,{className:"w-full"})]}),s("div",{className:"flex w-full justify-between border gap-icon p-icon overflow-x-auto",children:[s("div",{className:"flex gap-icon",children:[t(gt,{}),t(ft,{})]}),t(pt,{})]})]})})}function Q({children:e,className:r}){return s(w,{children:[t("span",{className:S(r,"absolute top-0 bg-elevation-1 text-foreground z-20 size-full body-sm flex items-center justify-center"),children:e}),t("span",{className:"relative h-full w-0 block"})]})}function gt(){const{tanTable:e}=x(),[r,n]=F(null),o=$(),a=ce(k(ue),k(de,{coordinateGetter:fe}));return t(me,{sensors:a,collisionDetection:ge,onDragStart:l=>{const{active:u}=l;n(u.id.toString())},onDragEnd:l=>{const{active:u,over:p}=l;if(p&&u.id!==p.id){const d=e.getState().columnOrder,v=d.indexOf(u.id.toString()),m=d.indexOf(p.id.toString());e.setColumnOrder([...Se(d,v,m)])}n(null)},children:s(he,{items:e.getState().columnOrder,strategy:be,children:[s(L,{label:s(w,{children:[t(_e,{className:"inline align-bottom me-1"}),"Columns"]}),selectionMode:"multiple",items:e.getAllFlatColumns(),selectedKeys:e.getVisibleFlatColumns().map(l=>l.id),children:[t(D,{onAction:()=>e.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),e.getState().columnOrder.map(l=>{const u=e.getAllFlatColumns().find(p=>p.id===l);return!u||u.id==="checkbox"||u.id===C?null:t(g,{column:u},u.id)})]}),t(pe,{children:r?t("div",{className:"opacity-70 border-2 border-primary",children:o(r)}):null})]})});function g({column:l}){const{attributes:u,listeners:p,setNodeRef:d,transform:v,transition:m}=ye({id:l.id}),c={transform:ve.Transform.toString(v),transition:m,zIndex:"999"};return s(D,{ref:d,style:c,...u,id:l.id,onAction:()=>l.toggleVisibility(),isDisabled:!l.getCanHide(),className:"flex items-center",children:[t(Me,{...p,className:"size-icon cursor-grab"}),M(l),l.getIsSorted()&&t(J,{className:"size-icon",direction:l.getIsSorted()})]})}}function pt(){const{tanTable:e,query:r}=x(),n=r.data?.total??0;return s("div",{className:"flex items-center gap-2",children:[t("span",{className:"whitespace-nowrap body-sm text-muted",children:`${e.getState().pagination.pageIndex*e.getState().pagination.pageSize+1} - ${Math.min((e.getState().pagination.pageIndex+1)*e.getState().pagination.pageSize,n)} of ${n?.toLocaleString()}`}),t(y,{"aria-label":"First page",onPress:()=>e.firstPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon",children:t(Le,{})}),t(y,{"aria-label":"Previous page",onPress:()=>e.previousPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon",children:t($e,{})}),t(y,{"aria-label":"Next page",onPress:()=>e.nextPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon",children:t(qe,{})}),t(y,{"aria-label":"Last page",onClick:()=>e.lastPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon",children:t(Ee,{})})]})}function ft(){const{tanTable:e}=x(),r=[10,20,30,40,50];return t(L,{label:e.getState().pagination.pageSize.toString(),selectionMode:"single",selectedKeys:[e.getState().pagination.pageSize.toString()],items:r.map(n=>({id:n.toString(),value:n})),children:n=>t(D,{onAction:()=>e.setPageSize(n.value),children:n.value})})}function ht(){const{query:e,tanTable:r,searchQuery:n,setSearchQuery:o,tableActions:a}=x(),g=r.getSelectedRowModel().rows.length>0,l=r.getSelectedRowModel().rows.map(p=>p.original),u=a.filter(p=>p.bulk===g);return s("section",{className:"flex bg-elevation-1 justify-between my-0 p-icon border gap-icon overflow-auto",children:[s("div",{className:"flex gap-icon",children:[t(y,{"aria-label":"Refresh",isPending:e.isFetching,onClick:()=>e.refetch(),variant:"neutral",size:"icon",children:t(Oe,{})}),t(ct,{items:u,rowsSelected:l,isFetching:e.isFetching})]}),s("div",{className:"flex gap-icon",children:[t(Ct,{}),t(Je,{value:n,onChange:o})]})]})}function J({direction:e,...r}){return e==="asc"?t(je,{className:"size-3.5",...r}):e==="desc"?t(ke,{className:"size-3.5",...r}):t(Ve,{className:"size-3.5",...r})}function M(e){const r=$(),n=e.columnDef.header;return typeof n=="string"?n:r(e.id)}function bt(e){const r=e.column.columnDef.meta?.displayType,n=e.getValue();if(n==null)return null;switch(r){case"date":return ot(n);case"number":return st(n);case"boolean":case"badge":return t(Fe,{className:"uppercase w-full",children:String(n)});case"country":return t(at,{value:n});case"enum":return t("span",{className:"uppercase w-full",children:String(n)});case"fileSize":return lt(n);case"days":return it(n);default:return String(n)}}function G({header:e}){const r=e.column.columnDef.header;return typeof r=="string"||!r?M(e.column):typeof r=="function"?typeof r(e.getContext())=="string"?M(e.column):_(r,e.getContext()):_(r,e.getContext())}function St({className:e}){const{tanTable:r}=x(),n=(o,a,g="z-50")=>S("px-icon py-2 text-left body-sm font-medium whitespace-nowrap",o&&`bg-elevation-1 sticky right-0 ${g} text-center justify-center`,a);return s(Ye,{className:S("table-auto",e),children:[t(et,{className:"sticky top-0 z-10",children:r.getHeaderGroups().map(o=>t(B,{children:o.headers.map(a=>s(tt,{scope:"col",colSpan:a.colSpan,className:n(a.id===C,"bg-elevation-1"),children:[!a.column.getCanSort()&&!a.isPlaceholder&&t("div",{className:S("w-full py-1 inline-flex items-center gap-1 body-sm",a.id===C?"justify-center":"justify-start"),children:t(G,{header:a})}),a.column.getCanSort()&&s(y,{variant:"ghost",className:S("w-full p-1",a.id===C?"justify-center":"justify-start"),onPress:a.column.getToggleSortingHandler(),children:[t("span",{children:t(G,{header:a})}),t(J,{direction:a.column.getIsSorted()})]})]},a.id))},o.id))}),t(nt,{children:r.getRowModel().rows.map(o=>t(B,{className:S("transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20"),"data-selected":o.getIsSelected(),children:o.getVisibleCells().map(a=>{const g=a.column.id===C,l=a.column.columnDef.meta?.displayType?bt(a):_(a.column.columnDef.cell,a.getContext());return t(rt,{className:S(n(g,void 0,"z-1"),g&&"flex justify-center items-center"),children:l},a.id)})},o.id))})]})}const In=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte"],yt={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 vt(e,r){const n=`${r}-${Date.now()}`,o=Y[e][0];switch(e){case"bool":return{id:n,type:e,property:r,operator:o,value:!0};case"string":return{id:n,type:e,property:r,operator:o,value:""};case"date":return{id:n,type:e,property:r,operator:o,value:new Date().toISOString()};case"id":return{id:n,type:e,property:r,operator:o,value:""};case"id-search":return{id:n,type:e,property:r,operator:o,value:[]};case"enum":return{id:n,type:e,property:r,operator:o,value:new Set};case"number":return{id:n,type:e,property:r,operator:o,value:0}}}const Y={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 Ct({className:e,...r}){const{filters:n,query:o,setFilters:a,filterConfig:g}=x(),l=se(null),u=$(),d=De({defaultValues:{filters:n},onSubmit:({value:m})=>{a(m.filters)}}),v=Object.keys(g).sort();return t("section",{...r,className:S("flex gap-icon items-center",e),children:s(Ae,{onOpenChange:m=>{m?l.current?.focus():d.handleSubmit()},children:[s("div",{className:"relative",children:[n.length>0&&t("div",{className:"size-2 rounded-full absolute bg-primary/90 z-20 top-0 right-0 translate-x-0.5 -translate-y-0.5"}),t(y,{"aria-label":"Filter",isDisabled:o.isPending||v.length===0,type:"button",size:"icon",variant:"neutral",children:t(He,{})})]}),t(Pe,{className:"w-full p-icon",children:t("form",{onSubmit:m=>{m.preventDefault()},className:"flex flex-col gap-icon max-h-table overflow-auto ",children:t(d.Field,{mode:"array",name:"filters",children:m=>s(w,{children:[m.state.value.map((c,h)=>s("div",{className:"flex gap-icon items-center justify-normal",children:[t("span",{className:"body-sm",children:u(c.property)}),t(d.AppField,{name:`filters[${h}].operator`,children:f=>t(f.TfSingleSelect,{items:Y[c.type].map(b=>({id:b,label:t(w,{children:yt[b]})}))})},c.id),c.type==="bool"&&t(d.AppField,{name:`filters[${h}].value`,children:f=>t(f.TfCheckbox,{autoFocus:!0})}),c.type==="date"&&t(d.AppField,{name:`filters[${h}].value`,children:f=>t(Te,{autoFocus:!0})}),c.type==="id"&&t(d.AppField,{name:`filters[${h}].value`,children:f=>t(f.TfTextField,{autoFocus:!0})}),c.type==="string"&&t(d.AppField,{name:`filters[${h}].value`,children:f=>t(f.TfTextField,{autoFocus:!0})}),c.type==="number"&&t(d.AppField,{name:`filters[${h}].value`,children:f=>t(f.TfNumberField,{autoFocus:!0})}),c.type==="enum"&&t(d.AppField,{name:`filters[${h}].value`,children:f=>{const b=g[c.property];return b.type!=="enum"?null:t(f.TfMultiSelect,{items:b.options})}}),c.type==="id-search"&&t(d.AppField,{name:`filters[${h}].value`,children:f=>{const b=g[c.property];return b.type!=="id-search"?null:t(We,{resource:b.resource,accessor:b.accessor})}}),t(y,{type:"button",variant:"neutral",size:"icon",onPress:()=>m.removeValue(h),children:t(H,{})})]},c.id)),s("div",{className:"flex w-full items-center justify-end gap-2 not-first:mt-icon",children:[t(L,{label:"Add filter",autoFocus:!0,children:v.sort().map(c=>{const h=g[c].type,f=wt[h];return s(D,{onAction:()=>{const b=vt(h,c);m.pushValue(b)},children:[u(c),t(f,{})]},c)})}),m.state.value.length>0?s(y,{type:"button",variant:"neutral",onPress:()=>{m.setValue([])},children:[t(H,{}),"Reset"]}):null]})]})})})})]})})}const wt={"id-search":Ge,bool:U,date:Qe,enum:Ke,id:Be,number:Ue,string:U};export{yt as C,Ct as D,xn as DataTable,Z as DataTableContext,wn as DataTableProvider,In as F,vn as getTableCallback,x as useDataTable,Cn 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';\n\nimport {\n    type Column,\n    type ColumnDef,\n    type ColumnHelper,\n    type ColumnOrderState,\n    createColumnHelper,\n    flexRender,\n    getCoreRowModel,\n    type Header,\n    type PaginationState,\n    type RowData,\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 { Badge } from '../components/badge';\n\nimport { Button } from '../components/button';\nimport { DataTableFilter, type FiltersConfig, type TableFilter } from '../components/data-table-filter';\nimport { DialogMenu, type DialogMenuAction } from '../components/dialog-menu';\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 { CountryName } from '../utilities/countries';\nimport { formatDate } from '../utilities/date';\nimport { formatDays, formatFilesize, formatNumber } from '../utilities/numbers';\nimport type { CtxResourceName } from '../utilities/resources';\nimport { useResourceFormatter } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { Checkbox } from './checkbox';\nimport {\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';\nimport { type TableAction, TableActions } from './table-actions';\n\nimport '@tanstack/react-table';\n\nimport type { Cell } from '@tanstack/react-table';\nexport type DisplayType = 'string' | 'boolean' | 'date' | 'number' | 'enum' | 'badge' | 'country' | 'fileSize' | 'days';\n\ndeclare module '@tanstack/react-table' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        displayType: DisplayType;\n    }\n}\n\n/** Reserved name for actions column */\n// export const ACTIONS_COLUMN_ID = 'tableActions';\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        meta: {\n            displayType: 'string',\n        },\n    }),\n];\nconst TABLE_DEFAULT_DATE_COLUMNS = [\n    cH.accessor('createdAt', {\n        header: 'Creation Date',\n        meta: {\n            displayType: 'date',\n        },\n        enableHiding: false,\n    }),\n    cH.accessor('updatedAt', {\n        header: 'Last Updated',\n        meta: {\n            displayType: 'date',\n        },\n        enableHiding: false,\n    }),\n];\n\nconst ACTIONS_COLUMN_ID = 'TableActions';\nconst getActionColumn = (rowActions: DialogMenuAction<any>[]) => {\n    if (rowActions.length === 0) return [];\n\n    return [\n        cH.accessor(ACTIONS_COLUMN_ID, {\n            header: 'Actions',\n            id: ACTIONS_COLUMN_ID,\n            enableHiding: false,\n            cell: ({ row }) => <DialogMenu label={<IcMoreVertical />} data={row.original} items={rowActions} />,\n            enableSorting: false,\n        }),\n    ];\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?: DialogMenuAction<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                        // Don't show checkbox and actions columns in picker\n                        if (!col || col.id === 'checkbox' || col.id === ACTIONS_COLUMN_ID) 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                {getColumnHeaderText(column)}\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    const hasSelectedRows = tanTable.getSelectedRowModel().rows.length > 0;\n    const selectedRows = tanTable.getSelectedRowModel().rows.map(r => r.original);\n\n    const filteredActions = tableActions.filter(ta => ta.bulk === hasSelectedRows);\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 items={filteredActions} rowsSelected={selectedRows} isFetching={query.isFetching} />\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\nfunction getColumnHeaderText(column: Column<any, unknown>): string {\n    const resourceFormatter = useResourceFormatter();\n    const headerDef = column.columnDef.header;\n    return typeof headerDef === 'string' ? headerDef : resourceFormatter(column.id);\n}\n\n/**\n * Renders a cell value based on the displayType metadata\n * @param cell - The cell to render\n * @returns The formatted value as a React node\n */\nfunction renderCellByDisplayType(cell: Cell<any, any>): React.ReactNode {\n    const displayType = cell.column.columnDef.meta?.displayType;\n    const value = cell.getValue();\n\n    if (value === null || value === undefined) {\n        return null;\n    }\n\n    switch (displayType) {\n        case 'date':\n            return formatDate(value);\n\n        case 'number':\n            return formatNumber(value);\n        case 'boolean':\n        case 'badge':\n            return <Badge className=\"uppercase w-full\">{String(value)}</Badge>;\n        case 'country':\n            return <CountryName value={value} />;\n        case 'enum':\n            return <span className=\"uppercase w-full\">{String(value)}</span>;\n        case 'fileSize':\n            return formatFilesize(value);\n        case 'days':\n            return formatDays(value);\n        default:\n            return String(value);\n    }\n}\n\nfunction HeaderText({ header }: { header: Header<any, unknown> }) {\n    const headerDef = header.column.columnDef.header;\n\n    if (typeof headerDef === 'string' || !headerDef) {\n        return getColumnHeaderText(header.column);\n    }\n\n    if (typeof headerDef === 'function') {\n        const result = headerDef(header.getContext());\n        if (typeof result === 'string') {\n            return getColumnHeaderText(header.column);\n        }\n        return flexRender(headerDef, header.getContext());\n    }\n\n    return flexRender(headerDef, header.getContext());\n}\n\n// TODO, automate checking valid HTML\nfunction TableContent({ className }: React.ComponentProps<typeof TableComponent>) {\n    const { tanTable } = useDataTable();\n    const tableCellStyle = (isSticky: boolean, className?: string, zIndex: string = 'z-50') =>\n        classNames(\n            'px-icon py-2 text-left body-sm font-medium whitespace-nowrap',\n            isSticky && `bg-elevation-1 sticky right-0 ${zIndex} text-center justify-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(header.id === ACTIONS_COLUMN_ID, 'bg-elevation-1')}\n                            >\n                                {!header.column.getCanSort() && !header.isPlaceholder && (\n                                    <div\n                                        className={classNames(\n                                            'w-full py-1 inline-flex items-center gap-1 body-sm',\n                                            header.id === ACTIONS_COLUMN_ID ? 'justify-center' : 'justify-start'\n                                        )}\n                                    >\n                                        <HeaderText header={header} />\n                                    </div>\n                                )}\n                                {header.column.getCanSort() && (\n                                    <Button\n                                        variant=\"ghost\"\n                                        className={classNames(\n                                            'w-full p-1',\n                                            header.id === ACTIONS_COLUMN_ID ? 'justify-center' : 'justify-start'\n                                        )}\n                                        onPress={header.column.getToggleSortingHandler()}\n                                    >\n                                        <span>\n                                            <HeaderText header={header} />\n                                        </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                            const isActionsColumn = cell.column.id === ACTIONS_COLUMN_ID;\n                            const cellContent = cell.column.columnDef.meta?.displayType\n                                ? renderCellByDisplayType(cell)\n                                : flexRender(cell.column.columnDef.cell, cell.getContext());\n\n                            return (\n                                <TableCell\n                                    key={cell.id}\n                                    className={classNames(\n                                        tableCellStyle(isActionsColumn, undefined, 'z-1'),\n                                        isActionsColumn && 'flex justify-center items-center'\n                                    )}\n                                >\n                                    {cellContent}\n                                </TableCell>\n                            );\n                        })}\n                    </TableRow>\n                ))}\n            </TableBody>\n        </TableComponent>\n    );\n}\n","'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport { useRef } from 'react';\nimport { Button } from '../components/button';\nimport { useDataTable } from '../components/data-table';\nimport { TfDatePicker } from '../components/date-picker';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport type { MultiSelectProps } from '../components/multi-select';\nimport { Popover, PopoverTrigger } from '../components/popover';\nimport { useAppForm } from '../utilities/form-hook';\nimport { useResourceFormatter, type ApiFilters } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { IcAccount, IcCheck, IcDate, IcFile, IcFilter, IcLicense, IcMinus, IcRemove, type CtxIcon } from './icons';\nimport { TfMultipleIdSearchInput } from './id-search';\n\nexport const FILTER_COMPARISON_OPERATORS = [\n    'eq',\n    'ne',\n    'cn',\n    'nc',\n    'sw',\n    'ew',\n    'in',\n    'nin',\n    'gt',\n    'gte',\n    'lt',\n    'lte',\n] as const;\nexport type FilterComparisonOperator = (typeof FILTER_COMPARISON_OPERATORS)[number];\n\nexport const COMPARISON_OPERATOR_LABELS: Record<FilterComparisonOperator, string> = {\n    eq: 'equal to',\n    ne: 'not equal to',\n    cn: 'contains',\n    nc: 'does not contain',\n    sw: 'starts with',\n    ew: 'ends with',\n    in: 'includes',\n    nin: 'does not include',\n    gt: 'greater than',\n    gte: 'greater than or equal to',\n    lt: 'less than',\n    lte: 'less than or equal to',\n};\n\ntype BaseLocalFilter<T extends FilterType, V> = {\n    id: string;\n    type: T;\n    property: string;\n    operator: FilterComparisonOperator;\n    value: V | undefined;\n    displayValue?: string;\n};\ntype EnumLocalFilter = BaseLocalFilter<'enum', Set<string | number>>;\ntype IdLocalFilter = BaseLocalFilter<'id', string>;\ntype BoolLocalFilter = BaseLocalFilter<'bool', boolean>;\ntype StringLocalFilter = BaseLocalFilter<'string', string>;\ntype NumberLocalFilter = BaseLocalFilter<'number', number>;\n// DatePicker accepts a string,and converts it to a ZonedDateTime\ntype DateLocalFilter = BaseLocalFilter<'date', string>;\ntype IdSearchLocalFilter = BaseLocalFilter<'id-search', string[]>;\n// TODO, entitlementSets.productIds\nfunction createNewFilter(type: FilterType, property: string): TableFilter {\n    const id = `${property}-${Date.now()}`;\n    const operator = FilterOperations[type][0];\n\n    switch (type) {\n        case 'bool':\n            return { id, type, property, operator, value: true };\n        case 'string':\n            return { id, type, property, operator, value: '' };\n        case 'date':\n            return { id, type, property, operator, value: new Date().toISOString() };\n        case 'id':\n            return { id, type, property, operator, value: '' };\n        case 'id-search':\n            return { id, type, property, operator, value: [] };\n        case 'enum':\n            return { id, type, property, operator, value: new Set<string | number>() };\n        case 'number':\n            return { id, type, property, operator, value: 0 };\n    }\n}\n\nexport type TableFilter =\n    | EnumLocalFilter\n    | IdLocalFilter\n    | BoolLocalFilter\n    | StringLocalFilter\n    | DateLocalFilter\n    | IdSearchLocalFilter\n    | NumberLocalFilter;\n\nexport type FilterConfig =\n    | { type: 'enum'; options: MultiSelectProps['items'] }\n    | ({ type: 'id-search' } & Pick<React.ComponentProps<typeof TfMultipleIdSearchInput>, 'accessor' | 'resource'>)\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                                                                    />\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","ACTIONS_COLUMN_ID","getActionColumn","rowActions","DialogMenu","IcMoreVertical","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","EasyMenu","IcColumns","MenuItem","colId","col","SortableItem","DragOverlay","column","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","IcGrip","getColumnHeaderText","SortIcon","rowCount","Button","IcFirst","IcLeft","IcRight","IcLast","PAGE_SIZES","s","items","hasSelectedRows","selectedRows","r","filteredActions","ta","IcRefresh","TableActions","DataTableFilter","SearchField","direction","IcSortAsc","IcSortDesc","IcSortNone","headerDef","renderCellByDisplayType","cell","displayType","value","formatDate","formatNumber","Badge","CountryName","formatFilesize","formatDays","HeaderText","header","flexRender","tableCellStyle","isSticky","zIndex","TableComponent","TableHeader","headerGroup","TableRow","TableHead","TableBody","isActionsColumn","cellContent","TableCell","FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","createNewFilter","type","property","id","operator","FilterOperations","addFilterButtonRef","useRef","form","useAppForm","filterKeys","PopoverTrigger","o","IcFilter","Popover","e","field","lf","i","sf","op","_","TfDatePicker","config","TfMultipleIdSearchInput","IcRemove","k","Icon","FilterIcon","newFilter","IcFile","IcCheck","IcDate","IcLicense","IcAccount","IcMinus"],"mappings":"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"}
+{"version":3,"file":"data-table.js","sources":["../../lib/components/data-table.tsx","../../lib/components/data-table-filter.tsx"],"sourcesContent":["'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport {\n    closestCenter,\n    DndContext,\n    DragOverlay,\n    KeyboardSensor,\n    PointerSensor,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport {\n    arrayMove,\n    SortableContext,\n    sortableKeyboardCoordinates,\n    useSortable,\n    verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { keepPreviousData, useQuery } from '@tanstack/react-query';\n\nimport {\n    type Column,\n    type ColumnDef,\n    type ColumnHelper,\n    type ColumnOrderState,\n    createColumnHelper,\n    flexRender,\n    getCoreRowModel,\n    type Header,\n    type PaginationState,\n    type RowData,\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 { Badge } from '../components/badge';\n\nimport { Button } from '../components/button';\nimport { DataTableFilter, type FiltersConfig, type TableFilter } from '../components/data-table-filter';\nimport { DialogMenu, type DialogMenuAction } from '../components/dialog-menu';\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 { CountryName } from '../utilities/countries';\nimport { formatDate } from '../utilities/date';\nimport { formatDays, formatFilesize, formatNumber } from '../utilities/numbers';\nimport type { CtxResourceName } from '../utilities/resources';\nimport { useResourceFormatter } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { Checkbox } from './checkbox';\nimport { type TableAction, TableActions } from './data-table-actions';\nimport {\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\nimport '@tanstack/react-table';\n\nimport type { Cell } from '@tanstack/react-table';\nexport type DisplayType = 'string' | 'boolean' | 'date' | 'number' | 'enum' | 'badge' | 'country' | 'fileSize' | 'days';\n\ndeclare module '@tanstack/react-table' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        displayType: DisplayType;\n    }\n}\n\n/** Reserved name for actions column */\n// export const ACTIONS_COLUMN_ID = 'tableActions';\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 ACTIONS_COLUMN_ID = 'TableActions';\nconst getActionColumn = (rowActions: DialogMenuAction<any>[]) => {\n    if (rowActions.length === 0) return [];\n\n    return [\n        cH.accessor(ACTIONS_COLUMN_ID, {\n            header: 'Actions',\n            id: ACTIONS_COLUMN_ID,\n            enableHiding: false,\n            cell: ({ row }) => <DialogMenu label={<IcMoreVertical />} data={row.original} items={rowActions} />,\n            enableSorting: false,\n        }),\n    ];\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?: DialogMenuAction<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        ...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                        // Don't show checkbox and actions columns in picker\n                        if (!col || col.id === 'checkbox' || col.id === ACTIONS_COLUMN_ID) 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                {getColumnHeaderText(column)}\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    const hasSelectedRows = tanTable.getSelectedRowModel().rows.length > 0;\n    const selectedRows = tanTable.getSelectedRowModel().rows.map(r => r.original);\n\n    const filteredActions = tableActions.filter(ta => ta.bulk === hasSelectedRows);\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 items={filteredActions} rowsSelected={selectedRows} isFetching={query.isFetching} />\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\nfunction getColumnHeaderText(column: Column<any, unknown>): string {\n    const resourceFormatter = useResourceFormatter();\n    const headerDef = column.columnDef.header;\n    return typeof headerDef === 'string' ? headerDef : resourceFormatter(column.id);\n}\n\n/**\n * Renders a cell value based on the displayType metadata\n * @param cell - The cell to render\n * @returns The formatted value as a React node\n */\nfunction renderCellByDisplayType(cell: Cell<any, any>): React.ReactNode {\n    const displayType = cell.column.columnDef.meta?.displayType;\n    const value = cell.getValue();\n\n    if (value === null || value === undefined) {\n        return null;\n    }\n\n    switch (displayType) {\n        case 'date':\n            return formatDate(value);\n\n        case 'number':\n            return formatNumber(value);\n        case 'boolean':\n        case 'badge':\n            return <Badge className=\"uppercase w-full\">{String(value)}</Badge>;\n        case 'country':\n            return <CountryName value={value} />;\n        case 'enum':\n            return <span className=\"uppercase w-full\">{String(value)}</span>;\n        case 'fileSize':\n            return formatFilesize(value);\n        case 'days':\n            return formatDays(value);\n        default:\n            return String(value);\n    }\n}\n\nfunction HeaderText({ header }: { header: Header<any, unknown> }) {\n    const headerDef = header.column.columnDef.header;\n\n    if (typeof headerDef === 'string' || !headerDef) {\n        return getColumnHeaderText(header.column);\n    }\n\n    if (typeof headerDef === 'function') {\n        const result = headerDef(header.getContext());\n        if (typeof result === 'string') {\n            return getColumnHeaderText(header.column);\n        }\n        return flexRender(headerDef, header.getContext());\n    }\n\n    return flexRender(headerDef, header.getContext());\n}\n\n// TODO, automate checking valid HTML\nfunction TableContent({ className }: React.ComponentProps<typeof TableComponent>) {\n    const { tanTable } = useDataTable();\n    const tableCellStyle = (isSticky: boolean, className?: string, zIndex: string = 'z-50') =>\n        classNames(\n            'px-icon py-2 text-left body-sm font-medium whitespace-nowrap',\n            isSticky && `bg-elevation-1 sticky right-0 ${zIndex} text-center justify-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(header.id === ACTIONS_COLUMN_ID, 'bg-elevation-1')}\n                            >\n                                {!header.column.getCanSort() && !header.isPlaceholder && (\n                                    <div\n                                        className={classNames(\n                                            'w-full py-1 inline-flex items-center gap-1 body-sm',\n                                            header.id === ACTIONS_COLUMN_ID ? 'justify-center' : 'justify-start'\n                                        )}\n                                    >\n                                        <HeaderText header={header} />\n                                    </div>\n                                )}\n                                {header.column.getCanSort() && (\n                                    <Button\n                                        variant=\"ghost\"\n                                        className={classNames(\n                                            'w-full p-1',\n                                            header.id === ACTIONS_COLUMN_ID ? 'justify-center' : 'justify-start'\n                                        )}\n                                        onPress={header.column.getToggleSortingHandler()}\n                                    >\n                                        <span>\n                                            <HeaderText header={header} />\n                                        </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                            const isActionsColumn = cell.column.id === ACTIONS_COLUMN_ID;\n                            const cellContent = cell.column.columnDef.meta?.displayType\n                                ? renderCellByDisplayType(cell)\n                                : flexRender(cell.column.columnDef.cell, cell.getContext());\n\n                            return (\n                                <TableCell\n                                    key={cell.id}\n                                    className={classNames(\n                                        tableCellStyle(isActionsColumn, undefined, 'z-1'),\n                                        isActionsColumn && 'flex justify-center items-center'\n                                    )}\n                                >\n                                    {cellContent}\n                                </TableCell>\n                            );\n                        })}\n                    </TableRow>\n                ))}\n            </TableBody>\n        </TableComponent>\n    );\n}\n","'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport { useRef } from 'react';\nimport { Button } from '../components/button';\nimport { useDataTable } from '../components/data-table';\nimport { TfDatePicker } from '../components/date-picker';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport type { MultiSelectProps } from '../components/multi-select';\nimport { Popover, PopoverTrigger } from '../components/popover';\nimport { useAppForm } from '../utilities/form-hook';\nimport { useResourceFormatter, type ApiFilters } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { IcAccount, IcCheck, IcDate, IcFile, IcFilter, IcLicense, IcMinus, IcRemove, type CtxIcon } from './icons';\nimport { TfMultipleIdSearchInput } from './id-search';\n\nexport const FILTER_COMPARISON_OPERATORS = [\n    'eq',\n    'ne',\n    'cn',\n    'nc',\n    'sw',\n    'ew',\n    'in',\n    'nin',\n    'gt',\n    'gte',\n    'lt',\n    'lte',\n] as const;\nexport type FilterComparisonOperator = (typeof FILTER_COMPARISON_OPERATORS)[number];\n\nexport const COMPARISON_OPERATOR_LABELS: Record<FilterComparisonOperator, string> = {\n    eq: 'equal to',\n    ne: 'not equal to',\n    cn: 'contains',\n    nc: 'does not contain',\n    sw: 'starts with',\n    ew: 'ends with',\n    in: 'includes',\n    nin: 'does not include',\n    gt: 'greater than',\n    gte: 'greater than or equal to',\n    lt: 'less than',\n    lte: 'less than or equal to',\n};\n\ntype BaseLocalFilter<T extends FilterType, V> = {\n    id: string;\n    type: T;\n    property: string;\n    operator: FilterComparisonOperator;\n    value: V | undefined;\n    displayValue?: string;\n};\ntype EnumLocalFilter = BaseLocalFilter<'enum', Set<string | number>>;\ntype IdLocalFilter = BaseLocalFilter<'id', string>;\ntype BoolLocalFilter = BaseLocalFilter<'bool', boolean>;\ntype StringLocalFilter = BaseLocalFilter<'string', string>;\ntype NumberLocalFilter = BaseLocalFilter<'number', number>;\n// DatePicker accepts a string,and converts it to a ZonedDateTime\ntype DateLocalFilter = BaseLocalFilter<'date', string>;\ntype IdSearchLocalFilter = BaseLocalFilter<'id-search', string[]>;\n// TODO, entitlementSets.productIds\nfunction createNewFilter(type: FilterType, property: string): TableFilter {\n    const id = `${property}-${Date.now()}`;\n    const operator = FilterOperations[type][0];\n\n    switch (type) {\n        case 'bool':\n            return { id, type, property, operator, value: true };\n        case 'string':\n            return { id, type, property, operator, value: '' };\n        case 'date':\n            return { id, type, property, operator, value: new Date().toISOString() };\n        case 'id':\n            return { id, type, property, operator, value: '' };\n        case 'id-search':\n            return { id, type, property, operator, value: [] };\n        case 'enum':\n            return { id, type, property, operator, value: new Set<string | number>() };\n        case 'number':\n            return { id, type, property, operator, value: 0 };\n    }\n}\n\nexport type TableFilter =\n    | EnumLocalFilter\n    | IdLocalFilter\n    | BoolLocalFilter\n    | StringLocalFilter\n    | DateLocalFilter\n    | IdSearchLocalFilter\n    | NumberLocalFilter;\n\nexport type FilterConfig =\n    | { type: 'enum'; options: MultiSelectProps['items'] }\n    | ({ type: 'id-search' } & Pick<React.ComponentProps<typeof TfMultipleIdSearchInput>, 'accessor' | 'resource'>)\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                                                                    />\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","ACTIONS_COLUMN_ID","getActionColumn","rowActions","DialogMenu","IcMoreVertical","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","EasyMenu","IcColumns","MenuItem","colId","col","SortableItem","DragOverlay","column","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","IcGrip","getColumnHeaderText","SortIcon","rowCount","Button","IcFirst","IcLeft","IcRight","IcLast","PAGE_SIZES","s","items","hasSelectedRows","selectedRows","r","filteredActions","ta","IcRefresh","TableActions","DataTableFilter","SearchField","direction","IcSortAsc","IcSortDesc","IcSortNone","headerDef","renderCellByDisplayType","cell","displayType","value","formatDate","formatNumber","Badge","CountryName","formatFilesize","formatDays","HeaderText","header","flexRender","tableCellStyle","isSticky","zIndex","TableComponent","TableHeader","headerGroup","TableRow","TableHead","TableBody","isActionsColumn","cellContent","TableCell","FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","createNewFilter","type","property","id","operator","FilterOperations","addFilterButtonRef","useRef","form","useAppForm","filterKeys","PopoverTrigger","o","IcFilter","Popover","e","field","lf","i","sf","op","_","TfDatePicker","config","TfMultipleIdSearchInput","IcRemove","k","Icon","FilterIcon","newFilter","IcFile","IcCheck","IcDate","IcLicense","IcAccount","IcMinus"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "6.6.6-alpha48",
+  "version": "6.6.6-alpha51",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
@@ -52,9 +52,9 @@
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@internationalized/date": "3.9.0",
+    "@internationalized/date": "3.10.1",
     "@tanstack/react-form": "1.6.3",
-    "@tanstack/react-query": "5.62.3",
+    "@tanstack/react-query": "5.90.2",
     "@tanstack/react-table": "8.20.5",
     "@types/lodash-es": "4.17.12",
     "@uidotdev/usehooks": "2.4.1",
@@ -62,7 +62,7 @@
     "clsx": "2.1.1",
     "date-fns": "3.0.0",
     "lodash-es": "4.17.21",
-    "openapi-fetch": "0.14.0",
+    "openapi-fetch": "0.15.0",
     "react": "^19.1.0",
     "react-aria-components": "1.12.0",
     "react-dom": "^19.1.0",
@@ -82,6 +82,7 @@
     "@storybook/react-vite": "9.1.4",
     "@tailwindcss/cli": "4.1.12",
     "@tailwindcss/vite": "4.1.12",
+    "@tariq007/storybook-addon-html-validator-w3c": "5.0.1",
     "@types/node": "^22.7.8",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",

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

@@ -1 +0,0 @@
-{"version":3,"file":"table-actions.js","sources":["../../lib/components/table-actions.tsx"],"sourcesContent":["'use client';\nimport type React from 'react';\nimport type { PressEvent } from 'react-aria-components';\nimport { normalizeLabel } from '../utilities/string';\nimport { Button } from './button';\nimport { DialogActionRenderer, findItemByNormalizedLabel, useDialogState } from './dialog-action-utils';\nimport type { CtxIcon } from './icons';\n\nexport type TableActionDialogContentProps<T> = {\n    /** Callback to close the dialog */\n    close: () => void;\n    /** The data passed to the dialog - array of selected rows */\n    data: T[];\n    /** Flag to identify table action dialogs */\n    tableAction: true;\n};\n\n/** Base properties shared by all table actions */\nexport type TableActionBase<T> = {\n    label: string;\n    /** Optional function to determine if the action is disabled. Receives the rows and returns a boolean. Defaults to false if not provided */\n    isDisabled?: (rows: T[]) => boolean;\n    icon: CtxIcon;\n    bulk: boolean;\n    tooltip?: string;\n    /** Optional button variant to pass through to Button (defaults to neutral) */\n    variant?: React.ComponentProps<typeof Button>['variant'];\n};\n\n/** Action that triggers a callback */\nexport type TableActionAction<T> = TableActionBase<T> & {\n    type: 'action';\n    /** Callback triggered when the action is pressed. Receives the press event and selected rows as parameters */\n    onClick: (e: PressEvent, rows: T[]) => void;\n};\n\n/** Action that opens a dialog */\nexport type TableActionDialog<T> = TableActionBase<T> & {\n    type: 'dialog';\n    /** Component to render in the dialog */\n    component: React.ComponentType<TableActionDialogContentProps<T>>;\n};\n\n/** Common table action type that works for both action and dialog types */\nexport type TableAction<T> = TableActionAction<T> | TableActionDialog<T>;\n\nfunction isTableActionAction<T>(item: TableAction<T>): item is TableActionAction<T> {\n    return item.type === 'action';\n}\n\nfunction isTableActionDialog<T>(item: TableAction<T>): item is TableActionDialog<T> {\n    return item.type === 'dialog';\n}\n\nfunction getTableActionIsDisabled<T>(item: TableAction<T>, rows: T[]): boolean {\n    return item.isDisabled ? item.isDisabled(rows) : false;\n}\n\nexport type TableActionsProps<T> = {\n    /** Array of table actions to render */\n    readonly items: TableAction<T>[];\n    /** Array of selected rows */\n    readonly rowsSelected: T[];\n    /** Whether the table is currently fetching data */\n    readonly isFetching?: boolean;\n};\n\nexport function TableActions<T>({ items, rowsSelected, isFetching }: TableActionsProps<T>) {\n    const { openKey, setOpenKey } = useDialogState();\n\n    return (\n        <>\n            {items.map((item, i) => {\n                const id = normalizeLabel(item.label);\n                const Icon = item.icon;\n                const isDisabled = getTableActionIsDisabled(item, rowsSelected) || isFetching;\n\n                return (\n                    <Button\n                        key={`${id}-${i}`}\n                        aria-label={item.label}\n                        type=\"button\"\n                        isDisabled={isDisabled}\n                        className=\"animate-in fade-in slide-in-from-left-15 duration-300 transition-transform\"\n                        onPress={e => {\n                            if (isDisabled) return;\n\n                            if (isTableActionAction(item)) {\n                                item.onClick(e, rowsSelected);\n                            } else if (isTableActionDialog(item)) {\n                                setOpenKey(id);\n                            }\n                        }}\n                        variant={item.variant ?? 'neutral'}\n                    >\n                        <Icon />\n                        <span>{item.label}</span>\n                    </Button>\n                );\n            })}\n\n            <DialogActionRenderer<TableActionDialogContentProps<T>>\n                openKey={openKey}\n                onOpenChange={open => {\n                    if (!open) setOpenKey(null);\n                }}\n                findItem={key => {\n                    const item = findItemByNormalizedLabel(items, key);\n                    if (!item || !isTableActionDialog(item)) return null;\n                    return { component: item.component };\n                }}\n                getDialogProps={close => ({ data: rowsSelected, tableAction: true, close })}\n            />\n        </>\n    );\n}\n"],"names":["isTableActionAction","item","isTableActionDialog","getTableActionIsDisabled","rows","TableActions","items","rowsSelected","isFetching","openKey","setOpenKey","useDialogState","jsxs","Fragment","i","id","normalizeLabel","Icon","isDisabled","Button","e","jsx","DialogActionRenderer","open","key","findItemByNormalizedLabel","close"],"mappings":"keA8CA,SAASA,EAAuBC,EAAoD,CAChF,OAAOA,EAAK,OAAS,QACzB,CAEA,SAASC,EAAuBD,EAAoD,CAChF,OAAOA,EAAK,OAAS,QACzB,CAEA,SAASE,EAA4BF,EAAsBG,EAAoB,CAC3E,OAAOH,EAAK,WAAaA,EAAK,WAAWG,CAAI,EAAI,EACrD,CAWO,SAASC,EAAgB,CAAE,MAAAC,EAAO,aAAAC,EAAc,WAAAC,GAAoC,CACvF,KAAM,CAAE,QAAAC,EAAS,WAAAC,CAAA,EAAeC,EAAA,EAEhC,OACIC,EAAAC,EAAA,CACK,SAAA,CAAAP,EAAM,IAAI,CAACL,EAAMa,IAAM,CACpB,MAAMC,EAAKC,EAAef,EAAK,KAAK,EAC9BgB,EAAOhB,EAAK,KACZiB,EAAaf,EAAyBF,EAAMM,CAAY,GAAKC,EAEnE,OACII,EAACO,EAAA,CAEG,aAAYlB,EAAK,MACjB,KAAK,SACL,WAAAiB,EACA,UAAU,6EACV,QAASE,GAAK,CACNF,IAEAlB,EAAoBC,CAAI,EACxBA,EAAK,QAAQmB,EAAGb,CAAY,EACrBL,EAAoBD,CAAI,GAC/BS,EAAWK,CAAE,EAErB,EACA,QAASd,EAAK,SAAW,UAEzB,SAAA,CAAAoB,EAACJ,EAAA,EAAK,EACNI,EAAC,OAAA,CAAM,SAAApB,EAAK,KAAA,CAAM,CAAA,CAAA,EAjBb,GAAGc,CAAE,IAAID,CAAC,EAAA,CAoB3B,CAAC,EAEDO,EAACC,EAAA,CACG,QAAAb,EACA,aAAcc,GAAQ,CACbA,GAAMb,EAAW,IAAI,CAC9B,EACA,SAAUc,GAAO,CACb,MAAMvB,EAAOwB,EAA0BnB,EAAOkB,CAAG,EACjD,MAAI,CAACvB,GAAQ,CAACC,EAAoBD,CAAI,EAAU,KACzC,CAAE,UAAWA,EAAK,SAAA,CAC7B,EACA,eAAgByB,IAAU,CAAE,KAAMnB,EAAc,YAAa,GAAM,MAAAmB,CAAA,EAAM,CAAA,CAC7E,EACJ,CAER"}