@cryptlex/web-components 6.6.116 → 6.6.117

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

@@ -22,6 +22,7 @@ type DataTableFactoryBase<T extends object, TOperation extends keyof operations,
     tableActions: TableAction<T>[];
     columnsToHideByDefault?: Partial<Record<keyof T, boolean>>;
     allowSelection?: boolean;
+    allowToolbar?: boolean;
     filterConfig: TFilterConfig;
     initialFilters: TableFilter[];
     previewFilters?: (keyof TFilterConfig)[];
@@ -48,7 +49,7 @@ export declare function getColumnHelper<O extends keyof operations>(): ColumnHel
 /**
  * Hook for handling all data-table state. Used in DataTableContext
  */
-export declare function useDataTableState<T extends object, TOperation extends keyof operations, TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>>({ path, pathParameters, queryParameters, columns, filterConfig, columnsToHideByDefault, allowSelection, initialFilters, previewFilters, tableActions, Card, onRowNavigate, disableTableView, hideViewToggle, include, }: DataTableFactory<T, TOperation, TFilterConfig>): {
+export declare function useDataTableState<T extends object, TOperation extends keyof operations, TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>>({ path, pathParameters, queryParameters, columns, filterConfig, columnsToHideByDefault, allowSelection, allowToolbar, initialFilters, previewFilters, tableActions, Card, onRowNavigate, disableTableView, hideViewToggle, include, }: DataTableFactory<T, TOperation, TFilterConfig>): {
     readonly tableState: DataTableState;
     readonly updateTableState: (updates: Partial<DataTableState>) => void;
     readonly query: import('@tanstack/react-query').QueryObserverRefetchErrorResult<{
@@ -357,6 +358,7 @@ export declare function useDataTableState<T extends object, TOperation extends k
     readonly isMobile: boolean;
     readonly Card: CardRenderer<T> | undefined;
     readonly allowSelection: boolean;
+    readonly allowToolbar: boolean;
     readonly previewFilters: (keyof TFilterConfig)[] | undefined;
     readonly infiniteQuery: import('@tanstack/react-query').UseInfiniteQueryResult<import('@tanstack/react-query').InfiniteData<{
         data: T[];
@@ -1260,6 +1262,7 @@ export declare const DataTableContext: React.Context<{
     readonly isMobile: boolean;
     readonly Card: CardRenderer<object> | undefined;
     readonly allowSelection: boolean;
+    readonly allowToolbar: boolean;
     readonly previewFilters: string[] | undefined;
     readonly infiniteQuery: import('@tanstack/react-query').UseInfiniteQueryResult<import('@tanstack/react-query').InfiniteData<{
         data: object[];
@@ -2163,6 +2166,7 @@ export declare function useDataTable(): {
     readonly isMobile: boolean;
     readonly Card: CardRenderer<object> | undefined;
     readonly allowSelection: boolean;
+    readonly allowToolbar: boolean;
     readonly previewFilters: string[] | undefined;
     readonly infiniteQuery: import('@tanstack/react-query').UseInfiniteQueryResult<import('@tanstack/react-query').InfiniteData<{
         data: object[];

package/dist/components/data-table.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as t,Fragment as O,jsxs as g}from"react/jsx-runtime";import{parseAbsolute as X,getLocalTimeZone as Y}from"@internationalized/date";import{createContext as Ge,useContext as Ze,useState as z,useMemo as J,useEffect as ae,useRef as Pe,Fragment as Ue}from"react";import{Pressable as Xe}from"react-aria-components";import{Button as x}from"./button.js";import{useSensors as Ye,useSensor as he,PointerSensor as Je,KeyboardSensor as We,DndContext as et,closestCenter as tt,DragOverlay as nt}from"@dnd-kit/core";import{sortableKeyboardCoordinates as rt,SortableContext as at,verticalListSortingStrategy as it,arrayMove as ot,useSortable as st}from"@dnd-kit/sortable";import{CSS as lt}from"@dnd-kit/utilities";import{useQuery as ct,useInfiniteQuery as ut}from"@tanstack/react-query";import{createColumnHelper as Ae,useReactTable as dt,getCoreRowModel as mt,flexRender as ne}from"@tanstack/react-table";import{useLocalStorage as W}from"@uidotdev/usehooks";import{merge as gt}from"lodash-es";import{Badge as ve}from"./badge.js";import{DatePicker as ee}from"./date-picker.js";import{EasyMenu as $,MenuItem as M,MenuTrigger as pt,MenuPopover as ft,MenuHeader as bt,Menu as ht}from"./menu.js";import{MultiSelect as vt}from"./multi-select.js";import{NumberField as yt}from"./numberfield.js";import{PopoverTrigger as St,Popover as wt}from"./popover.js";import{TextField as xt}from"./textfield.js";import{formatDate as H}from"../utilities/date.js";import{useProjectName as ie,useResourceFormatter as oe,ALL_OS as Nt}from"../utilities/resources.js";import{classNames as A}from"../utilities/theme.js";import{IcRefresh as Ct,IcMenu as It,IcLayoutGrid as Pt,IcColumns as At,IcGrip as Tt,IcFirst as Ft,IcLeft as Dt,IcRight as Ot,IcLast as Mt,IcMoreVertical as zt,IcInfo as Rt,IcSortAsc as Lt,IcSortDesc as _t,IcSortNone as jt,IcCheck as te,IcMinus as $t,IcAccount as Et,IcLicense as qt,IcDate as Vt,IcFile as kt,IcFilter as Te,IcClose as Ht}from"./icons.js";import{MultipleIdSearchInput as Kt}from"./id-search.js";import{Loader as Fe}from"./loader.js";import{SearchField as Bt}from"./searchfield.js";import{Table as Qt,TableHeader as Gt,TableRow as ye,TableHead as Zt,TableBody as Ut,TableCell as Xt}from"./table.js";import{CountryName as Yt}from"../utilities/countries.js";import{Duration as Jt}from"../utilities/duration.js";import{formatDays as Wt,formatFilesize as en,formatNumber as tn}from"../utilities/numbers.js";import{useIsMobile as nn}from"../utilities/use-mobile.js";import{Checkbox as Se}from"./checkbox.js";import{TooltipTrigger as rn,Tooltip as an}from"./tooltip.js";import{getSubscriptionStartTriggerLabel as on,ALL_LICENSE_TYPES as sn}from"./select-options.js";import{useCtxClient as ln}from"../utilities/ctx-client.js";import{ControlledDialogProvider as cn,useControlledDialog as De}from"./dialog.js";import{ProgressBar as un}from"./progress-bar.js";import{TagGroup as dn,Tag as mn}from"./tag-group.js";import"class-variance-authority";import"clsx";import"@icons-pack/react-simple-icons";import"./calendar.js";import"./form.js";import"./card.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"./kbd.js";import"../utilities/string.js";import"../utilities/empty-option.js";function gn(e){return e?e.desc?`-${e.id}`:`+${e.id}`:"-createdAt"}const Oe=Ae(),pn=[Oe.accessor("checkbox",{header:({table:e})=>t(Se,{isIndeterminate:e.getIsSomeRowsSelected()&&!e.getIsAllPageRowsSelected(),isSelected:e.getIsAllPageRowsSelected()||e.getIsSomePageRowsSelected(),onChange:()=>e.toggleAllPageRowsSelected(),"aria-label":"Select all",size:"sm"}),cell:({row:e})=>t(Se,{isSelected:e.getIsSelected(),onChange:()=>e.toggleSelected(),"aria-label":"Select row",size:"sm"}),enableSorting:!1,enableHiding:!1})],T="TableActions";function fn(e){return e.length===0?[]:[Oe.accessor(T,{header:"Actions",id:T,enableHiding:!1,cell:({row:r})=>t(In,{label:t(zt,{}),data:r.original,items:e}),enableSorting:!1})]}function Or(){return Ae()}function Mr({path:e,pathParameters:r,queryParameters:n,columns:o,filterConfig:l,columnsToHideByDefault:i={},allowSelection:a=!1,initialFilters:d=[],previewFilters:u,tableActions:s,Card:p,onRowNavigate:S,disableTableView:h,hideViewToggle:w,include:v}){const[F,K]=z({pagination:{pageIndex:0,pageSize:20},sorting:[]}),{sorting:m,pagination:f}=F,[y,P]=z(""),[R,L]=z({}),[B,Le]=z(d),Q=J(()=>B.filter(c=>c.active!==!1).map(c=>{if(c.type==="derived-select"){const I=l[c.property];return I?.type==="derived-select"?I.toApiQuery(String(c.value??"")):{}}const b=c.value instanceof Set?Array.from(c.value):c.value;return c.needOperator===!1?{[c.property]:Array.isArray(b)?b.join(","):b}:c.operator==="between"&&Array.isArray(b)&&b.length===2?{[c.property]:{gte:b[0],lte:b[1]}}:Array.isArray(b)?{[c.property]:{[c.operator]:b.join(",")}}:{[c.property]:{[c.operator]:b}}}).reduce((c,b)=>gt(c,b),{}),[B,l]),E=v?.length?v.join(","):void 0,q={...n,...Q,limit:f.pageSize,sort:gn(m[0]),search:y,...E?{include:E}:{}},_e=ln(),je=["get",e,{...q,page:f.pageIndex+1},"table"],$e=["get",e,q,"card"],G=`${e}_ctx`,[le,ce]=W(`${G}_column_order_preference`,[]),[ue,Ee]=W(`${G}_column_visibility_preference`,{id:!1,...i}),[qe,Ve]=W(`${G}_view_mode_preference`,h?"card":"table"),de=nn(),D=h||de&&p?"card":qe,Z=c=>{K(b=>({...b,...c}))};async function me(c){const b=await _e.GET(e,{params:{query:{...n,page:c,limit:f.pageSize,sort:q.sort,search:q.search,...E?{include:E}:{},...Q},path:r}});return{data:b.data??[],total:Number.parseInt(b.response.headers.get("Pagination-Count")||"0"),nextPage:c+1}}const _=ct({queryKey:je,enabled:D==="table",queryFn:()=>me(f.pageIndex+1),placeholderData:c=>c}),C=ut({queryKey:$e,enabled:D==="card",initialPageParam:1,queryFn:({pageParam:c})=>me(c),getNextPageParam:(c,b)=>b.flatMap(V=>V.data).length<c.total?c.nextPage:void 0}),ge=J(()=>D==="table"?_.data?.data??[]:C.data?.pages.flatMap(c=>c.data)??[],[D,_.data,C.data]),pe=J(()=>D==="table"?_.data?.total??0:C.data?.pages[0]?.total??0,[D,_.data,C.data]),fe=D==="table"?_:{...C,data:{data:ge,total:pe},isLoading:C.isLoading,isFetching:C.isFetching,isError:C.isError,error:C.error,refetch:C.refetch},ke=s.filter(se),He=[...a?pn:[],...o,...fn(ke??[])];function Ke(c){return typeof c=="function"}function j(c,b){return Ke(c)?c(b):c}const be=dt({data:ge,columns:He,getCoreRowModel:mt(),rowCount:pe,manualPagination:!0,onPaginationChange:c=>{Z({pagination:j(c,f)})},manualSorting:!0,onSortingChange:c=>{L({}),Z({sorting:[...j(c,m)]})},manualFiltering:!0,onColumnVisibilityChange:c=>{Ee(j(c,ue))},onRowSelectionChange:c=>{L(j(c,R))},onColumnOrderChange:c=>{ce(j(c,le))},state:{sorting:m,columnVisibility:ue,pagination:f,rowSelection:R,columnOrder:le},meta:{refetch:fe.refetch}});return ae(()=>{const c=be.getAllFlatColumns().map(I=>I.id),b=c.filter(I=>I!=="checkbox"&&I!==T);ce(I=>{const V=I.filter(U=>b.includes(U)),Be=b.filter(U=>!I.includes(U)),Qe=V.length>0?[...V,...Be]:b;return[...c.includes("checkbox")?["checkbox"]:[],...Qe,...c.includes(T)?[T]:[]]})},[]),{tableState:F,updateTableState:Z,query:fe,setSearchQuery:P,searchQuery:y,tanTable:be,mergedFilters:Q,filters:B,setFilters:Le,filterConfig:l,tableActions:s,pathParameters:r,queryParameters:n,viewMode:D,setViewMode:Ve,isMobile:de,Card:p,allowSelection:a,previewFilters:u,infiniteQuery:C,disableTableView:h,hideViewToggle:w,onRowNavigate:S}}const Me=Ge(null);function N(){const e=Ze(Me);if(!e)throw Error("DataTable should be used within DataTableProvider.");return e}function zr({children:e,...r}){return t(Me.Provider,{value:r,children:e})}function bn(){const{query:e}=N();return e.isFetching?null:e.isError?g("span",{className:"flex gap-3 items-center",children:[t(Rt,{}),t("span",{children:e.error?.message})]}):e.data?.data?.length===0?t(O,{children:"No results found."}):t(O,{children:"Unknown error. Please contact customer support."})}function hn({cardGridClassName:e}){const{query:r,tanTable:n,viewMode:o,tableActions:l,Card:i}=N(),a=l.filter(se),d=o==="card"&&!!i;return r.isLoading?t("div",{className:"body-sm flex items-center justify-center min-h-32",children:t(Fe,{})}):n.getRowModel().rows.length===0?t("div",{className:"body-sm flex items-center justify-center min-h-32 text-muted",children:t(bn,{})}):d?t(vn,{Card:i,actions:a,className:e}):t(Cn,{className:"w-full"})}function Rr({className:e,cardGridClassName:r,...n}){const{viewMode:o,Card:l}=N(),i=o==="card"&&!!l;return t(O,{children:g(cn,{children:[t(xn,{}),g("section",{...n,className:A("z-20 flex flex-col",i?"":"border rounded-md",e),children:[t("div",{className:"w-full overflow-auto relative rounded-md [scrollbar-width:none]",tabIndex:0,children:t(hn,{cardGridClassName:r})}),!i&&g("div",{className:"flex w-full justify-between border-t gap-icon py-2 px-icon bg-elevation-mid rounded-b-md overflow-x-auto",children:[g("div",{className:"flex gap-icon",children:[t(yn,{}),t(wn,{})]}),t(Sn,{})]})]})]})})}function vn({Card:e,actions:r,className:n,...o}){const{tanTable:l,allowSelection:i}=N(),{infiniteQuery:a}=N(),d=Pe(null);return ae(()=>{const u=d.current;if(!u)return;const s=new IntersectionObserver(p=>{p[0].isIntersecting&&a.hasNextPage&&!a.isFetchingNextPage&&a.fetchNextPage()},{threshold:.1});return s.observe(u),()=>s.disconnect()},[a.hasNextPage,a.isFetchingNextPage]),g("div",{...o,className:A(n,"grid grid-cols-1 lg:grid-cols-2 gap-icon pb-input"),children:[l.getRowModel().rows.map((u,s)=>{const p={isSelected:u.getIsSelected(),onToggle:()=>u.toggleSelected(),allowSelection:i};return t(Ue,{children:e(u.original,r,p,s)},u.id)}),t("div",{ref:d,className:"col-span-full h-4 flex items-center justify-center",children:a.isFetchingNextPage&&t(Fe,{})})]})}function yn(){if(ie()==="customer-portal")return null;const{tanTable:r}=N(),[n,o]=z(null),l=oe(),i=Ye(he(Je),he(We,{coordinateGetter:rt}));return t(et,{sensors:i,collisionDetection:tt,onDragStart:d=>{const{active:u}=d;o(u.id.toString())},onDragEnd:d=>{const{active:u,over:s}=d;if(s&&u.id!==s.id){const p=r.getState().columnOrder,S=p.indexOf(u.id.toString()),h=p.indexOf(s.id.toString());r.setColumnOrder([...ot(p,S,h)])}o(null)},children:g(at,{items:r.getState().columnOrder,strategy:it,children:[g($,{label:g(O,{children:[t(At,{className:"inline align-bottom me-1"}),"Columns"]}),selectionMode:"multiple",size:"sm",items:r.getAllFlatColumns(),selectedKeys:r.getVisibleFlatColumns().map(d=>d.id),children:[t(M,{onAction:()=>r.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),r.getState().columnOrder.map(d=>{const u=r.getAllFlatColumns().find(s=>s.id===d);return!u||u.id==="checkbox"||u.id===T?null:t(a,{column:u},u.id)})]}),t(nt,{children:n?t("div",{className:"opacity-70 border-2 border-primary",children:l(n)}):null})]})});function a({column:d}){const{attributes:u,listeners:s,setNodeRef:p,transform:S,transition:h}=st({id:d.id}),w={transform:lt.Transform.toString(S),transition:h,zIndex:"999"};return g(M,{ref:p,style:w,...u,id:d.id,onAction:()=>d.toggleVisibility(),isDisabled:!d.getCanHide(),className:"flex items-center",children:[t(Tt,{...s,className:"size-icon cursor-grab"}),re(d),d.getIsSorted()&&t(ze,{className:"size-icon",direction:d.getIsSorted()})]})}}function Sn(){const{tanTable:e}=N(),r=e.getRowCount();return g("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,r)} of ${r?.toLocaleString()}`}),(e.getCanNextPage()||e.getCanPreviousPage())&&g(O,{children:[t(x,{"aria-label":"First page",onPress:()=>e.firstPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon-sm",children:t(Ft,{})}),t(x,{"aria-label":"Previous page",onPress:()=>e.previousPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon-sm",children:t(Dt,{})}),t(x,{"aria-label":"Next page",onPress:()=>e.nextPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon-sm",children:t(Ot,{})}),t(x,{"aria-label":"Last page",onClick:()=>e.lastPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon-sm",children:t(Mt,{})})]})]})}function wn(){if(ie()==="customer-portal")return null;const{tanTable:r}=N(),n=[10,20,30,40,50];return t($,{label:r.getState().pagination.pageSize.toString(),selectionMode:"single",size:"sm",selectedKeys:[r.getState().pagination.pageSize.toString()],items:n.map(o=>({id:o.toString(),value:o})),children:o=>t(M,{onAction:()=>r.setPageSize(o.value),children:o.value})})}function xn(){const{query:e,tanTable:r,searchQuery:n,setSearchQuery:o,tableActions:l,viewMode:i,setViewMode:a,isMobile:d,Card:u,previewFilters:s,disableTableView:p,hideViewToggle:S}=N(),h=r.getSelectedRowModel().rows.length>0,w=l.filter(v=>v.resourceType!=="single").filter(v=>v.resourceType==="multiple"===h);return g("section",{className:"flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1",children:[g("div",{className:"flex gap-icon",children:[t(x,{"aria-label":"Refresh",isPending:e.isFetching,onClick:()=>e.refetch(),variant:"neutral",size:"icon",children:t(Ct,{})}),t(Bt,{value:n,onChange:o}),t(Dn,{previewFilters:s})]}),g("div",{className:"flex gap-icon",children:[!d&&t(Ce,{items:w,isFetching:e.isFetching}),u&&!p&&!d&&!S&&g("div",{className:"flex gap-1 bg-elevation-1 rounded-md overflow-hidden",children:[t(x,{variant:i==="table"?"primary":"neutral",size:"icon",onPress:()=>a("table"),"aria-label":"Table view",className:"border-none",children:t(It,{})}),t(x,{variant:i==="card"?"primary":"neutral",size:"icon",onPress:()=>a("card"),"aria-label":"Card view",className:"border-none",children:t(Pt,{})})]})]}),d&&w.length>0&&t("div",{className:"fixed inset-x-0 bottom-0 z-30 flex gap-icon border-t bg-elevation-1 p-icon",children:t(Ce,{items:w,isFetching:e.isFetching,buttonClassName:"flex-1 justify-center"})})]})}function ze({direction:e,...r}){return e==="asc"?t(Lt,{className:"size-3.5",...r}):e==="desc"?t(_t,{className:"size-3.5",...r}):t(jt,{className:"size-3.5",...r})}function re(e){const r=oe(),n=e.columnDef.header;return typeof n=="string"?n:r(e.id)}function Nn(e){const r=e.column.columnDef.meta?.displayType,n=e.getValue();if(n==null)return null;switch(r){case"date":return t("span",{className:"tabular-nums",children:H(n)});case"number":return t("span",{className:"block text-right tabular-nums",children:tn(n)});case"boolean":return t(ve,{variant:n?"success":"destructive",className:"capitalize",children:String(n)});case"badge":return t(ve,{children:String(n)});case"tags":let o=Array.isArray(n)?n:[String(n)];return t(dn,{items:o.map(a=>({id:a,name:a})),className:"!flex-nowrap",children:a=>t(mn,{children:a.name})});case"progressBar":const[l,i]=n;return t(un,{meterClassName:"w-16",label:`${l}/${i}`,minValue:0,maxValue:i,value:l});case"country":return t(Yt,{value:n});case"enum":return t("span",{className:"uppercase w-full",children:String(n)});case"fileSize":return en(n);case"days":return Wt(n);case"os":return Nt[n]??n;case"licenseType":return sn[n]??n;case"subscriptionInterval":return Jt.formatISODuration(n);case"subscriptionStartTrigger":return on(n);default:return String(n)}}function we({header:e}){const r=e.column.columnDef.header;return typeof r=="string"||!r?re(e.column):typeof r=="function"?typeof r(e.getContext())=="string"?re(e.column):ne(r,e.getContext()):ne(r,e.getContext())}function Cn({className:e}){const{tanTable:r,onRowNavigate:n}=N(),o=(l,i,a="z-50")=>A("text-left body-sm font-medium whitespace-nowrap",l&&`sticky right-0 ${a} text-center justify-center`,i);return g(Qt,{className:A("table-auto border-0 rounded-md",e),children:[t(Gt,{className:"sticky top-0 z-10 rounded-md",children:r.getHeaderGroups().map(l=>t(ye,{children:l.headers.map(i=>g(Zt,{scope:"col",colSpan:i.colSpan,className:o(i.id===T,"bg-elevation-mid"),children:[!i.column.getCanSort()&&!i.isPlaceholder&&t("div",{className:A("w-full flex items-center gap-1 text-xs uppercase",i.id===T?"justify-center":"justify-start"),children:t(we,{header:i})}),i.column.getCanSort()&&g(x,{variant:"ghost",size:"none",className:A("w-full p-1 rounded-md uppercase text-muted text-xs",i.id===T?"justify-center":"justify-start",i.column.getIsSorted()?"text-primary":""),onPress:i.column.getToggleSortingHandler(),children:[t("span",{children:t(we,{header:i})}),i.column.getIsSorted()&&t(ze,{direction:i.column.getIsSorted()})]})]},i.id))},l.id))}),t(Ut,{children:r.getRowModel().rows.map(l=>t(ye,{className:A("group bg-elevation-1 data-[selected=true]:bg-primary-100 hover:bg-elevation-mid",n&&"cursor-pointer focus-visible:outline focus-visible:outline-ring"),"data-selected":l.getIsSelected(),...n&&{role:"link",tabIndex:0,onClick:i=>{i.target.closest('a, button, input, select, textarea, [role="button"]')||n(l.original)},onKeyDown:i=>{i.key==="Enter"&&n(l.original)}},children:l.getVisibleCells().map(i=>{const a=i.column.id===T,d=i.column.columnDef.meta?.displayType?Nn(i):ne(i.column.columnDef.cell,i.getContext());return t(Xt,{className:A(o(a,a?"bg-elevation-1 group-data-[selected=true]:bg-primary-100 group-hover:bg-elevation-mid":"","z-1"),a&&"flex justify-center items-center"),children:d},i.id)})},l.id))})]})}function xe(e){return e.resourceType==="none"}function se(e){return e.resourceType==="single"}function Ne(e){return e.resourceType==="multiple"}function Ce({items:e,isFetching:r,buttonClassName:n}){const{openDialog:o,closeDialog:l}=De(),{tanTable:i,mergedFilters:a}=N();function d(s,p){return s.isDisabled?xe(s)?s.isDisabled():Ne(s)?s.isDisabled(p):!1:!1}const u=i.getSelectedRowModel().rows.map(s=>s.original);return t(O,{children:e.map((s,p)=>{const S=s.icon,h=d(s,u)||r;return g(x,{"aria-label":s.label,type:"button",isDisabled:h,className:A("animate-in fade-in slide-in-from-right-15 duration-300 transition-transform",n),onPress:w=>{const v={event:w,openDialog:o,closeDialog:l,activeFilters:a};xe(s)?s.onPress(v):Ne(s)&&s.onPress({...v,data:u})},variant:s.variant??"neutral",children:[S&&t(S,{"aria-hidden":!0}),t("span",{children:s.label})]},`${s.label}-${p}`)})})}function In({label:e,items:r,data:n}){const{openDialog:o,closeDialog:l}=De(),{mergedFilters:i}=N();return r.length<5?t("div",{className:"flex items-center gap-2",children:r.map((a,d)=>{const u=a.icon,s=typeof a.label=="function"?a.label(n):a.label;return g(rn,{children:[t(x,{"aria-label":typeof s=="string"?s:void 0,isDisabled:a.isDisabled?.(n)??!1,variant:"ghost",size:"icon",onPress:()=>{const p={openDialog:o,closeDialog:l};a.onPress({...p,data:n,activeFilters:i})},children:t(u,{className:"size-icon"})}),t(an,{children:s})]},`${d}-${typeof s=="string"?s:""}`)})}):t($,{withChevron:!1,"aria-label":"Actions",label:e,size:"icon",children:r.map((a,d)=>{const u=a.icon,s=typeof a.label=="function"?a.label(n):a.label;return g(M,{id:typeof s=="string"?s:void 0,isDisabled:a.isDisabled?.(n)??!1,onAction:()=>{const p={openDialog:o,closeDialog:l};se(a)&&a.onPress({...p,data:n,activeFilters:i})},children:[t(u,{className:"size-icon"}),s]},`${d}-${typeof s=="string"?s:""}`)})})}const Lr=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte","between"],Ie={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",between:"between"},Pn={eq:"=",ne:"≠",cn:"contains",nc:"!contains",sw:"starts with",ew:"ends with",in:"in",nin:"not in",gt:">",gte:"≥",lt:"<",lte:"≤",between:"↔"};function k(e,r){const n=r.type,o=`${e}-${Date.now()}`,l=n==="bool"||n==="derived-select"?!1:r.needOperator??!0,i=l?Re[n][0]:"eq",a={id:o,property:e,operator:i,needOperator:l};switch(n){case"bool":return{...a,type:n,value:!0};case"derived-select":return{...a,type:n,value:r.options[0]?.id??""};case"string":return{...a,type:n,value:""};case"date":return{...a,type:n,value:i==="between"?[new Date().toISOString(),new Date().toISOString()]:new Date().toISOString()};case"id":return{...a,type:n,value:""};case"id-search":return{...a,type:n,value:[]};case"enum":return{...a,type:n,value:new Set};case"number":return{...a,type:n,value:0}}}const Re={bool:["eq"],"derived-select":["eq"],enum:["in","nin"],id:["in","nin"],"id-search":["in","nin"],string:["eq","ne","cn","nc","sw","ew","in","nin"],date:["between","lt","gt"],number:["eq","ne","gt","gte","lt","lte"]};function An(e,r){switch(e.type){case"string":case"id":return e.value??"";case"number":return e.value?.toString()??"";case"bool":return e.value?"true":"false";case"derived-select":{const n=r[e.property];if(!n||n.type!=="derived-select")return e.value??"";const o=n.options.find(l=>l.id===e.value);return typeof o?.label=="string"?o.label:e.value??""}case"date":if(Array.isArray(e.value)){const[n,o]=e.value;return`${H(n,{dateStyle:"short"})??""} – ${H(o,{dateStyle:"short"})??""}`}return e.value?H(e.value,{dateStyle:"short"})??"":"";case"enum":return e.value&&e.value.size>0?`${e.value.size} selected`:"";case"id-search":return e.value&&e.value.length>0?e.value.length===1?"1 item":`${e.value.length} items`:""}}function Tn({filter:e,filterConfig:r,onChange:n}){if(e.type==="string"||e.type==="id")return t(xt,{autoFocus:!0,value:e.value??"",onChange:n,"aria-label":"Filter value"});if(e.type==="number")return t(yt,{autoFocus:!0,value:e.value,onChange:n,"aria-label":"Filter value"});if(e.type==="date"){if(e.operator==="between"){const[l,i]=Array.isArray(e.value)?e.value:[new Date().toISOString(),new Date().toISOString()],a=X(l,Y()),d=X(i,Y());return g("div",{className:"flex flex-col gap-icon",children:[t(ee,{autoFocus:!0,hideTimeZone:!0,label:"From",value:a,onChange:u=>n([u?u.toAbsoluteString():l,i])}),t(ee,{hideTimeZone:!0,label:"To",value:d,onChange:u=>n([l,u?u.toAbsoluteString():i])})]})}const o=e.value&&!Array.isArray(e.value)?X(e.value,Y()):null;return t(ee,{autoFocus:!0,hideTimeZone:!0,value:o,onChange:l=>n(l?l.toAbsoluteString():new Date().toISOString()),"aria-label":"Filter date"})}if(e.type==="enum"){const o=r[e.property];return o.type!=="enum"?null:t(vt,{autoFocus:!0,items:o.options,value:e.value??new Set,onChange:n,"aria-label":"Filter value"})}if(e.type==="id-search"){const o=r[e.property];if(o.type!=="id-search")return null;const l=o.defaultParams;return t(Kt,{autoFocus:!0,path:o.path,accessor:o.accessor,defaultParams:l,value:e.value??[],onChange:n,"aria-label":"Filter value"})}return null}function Fn({filter:e,filterConfig:r,resourceFormatter:n,onRemove:o,onUpdate:l,isOpen:i,onOpenChange:a}){const d=e.needOperator===!1?["eq"]:Re[e.type],u=An(e,r),s=ie(),p=e.type==="bool"||e.type==="derived-select",S=g(x,{type:"button",variant:e.active===!1?"neutral":"primary_neutral",className:"animate-in slide-in-from-left-10 fade-in flex justify-between gap-2",children:[t(Te,{}),p?t("span",{className:"font-medium",children:u}):g(O,{children:[t("span",{className:"font-medium",children:n(e.property)}),s!=="customer-portal"&&t("span",{children:Pn[e.operator]}),s!=="customer-portal"&&u&&t("span",{children:u})]}),e.active!==!1&&t(Xe,{onPress:()=>o(),children:t("span",{className:"bg-primary hover:bg-destructive rounded-full size-icon flex justify-center items-center",children:t(Ht,{className:"size-2.5 text-elevation-1"})})})]});if(p){let h,w;if(e.type==="bool")h=[{id:"true",label:"True"},{id:"false",label:"False"}],w=e.value?"true":"false";else{const v=r[e.property];h=v?.type==="derived-select"?v.options:[],w=e.value??""}return g(pt,{isOpen:i,onOpenChange:a,children:[t("div",{className:"relative",children:S}),g(ft,{className:"min-w-48",children:[t(bt,{inset:!0,separator:!1,children:n(e.property)}),t(ht,{selectionMode:"single",disallowEmptySelection:!0,selectedKeys:new Set([w]),onSelectionChange:v=>{if(v==="all")return;const F=v.values().next().value;F!=null&&l({value:e.type==="bool"?String(F)==="true":String(F)})},"aria-label":"Filter value",children:h.map(v=>t(M,{id:v.id,children:v.label},v.id))})]})]})}return g(St,{isOpen:i,onOpenChange:a,children:[t("div",{className:"relative",children:S}),t(wt,{className:"p-icon min-w-48",children:g("div",{className:"flex flex-col gap-icon",children:[d.length>1&&t($,{label:Ie[e.operator],variant:"neutral","aria-label":"Change operator",children:d.map(h=>t(M,{onAction:()=>l({operator:h}),children:Ie[h]},h))}),t(Tn,{filter:e,filterConfig:r,onChange:h=>l({value:h})}),t(x,{type:"button",variant:"neutral",className:"self-end",onPress:o,"aria-label":`Remove ${n(e.property)} filter`,children:"Clear"})]})})]})}function Dn({className:e,previewFilters:r,...n}){const{filters:o,query:l,setFilters:i,filterConfig:a}=N(),d=oe(),u=Object.keys(a).filter(m=>!o.some(f=>f.property===m)).sort(),[s,p]=z(null),S=Pe(!1);ae(()=>{if(!S.current&&o.length===0){const m=[];r&&r.length>0&&m.push(...r.filter(f=>a[f]).map(f=>({...k(f,a[f]),active:!1,isPreview:!0}))),m.length>0&&i(m)}S.current=!0},[]);const h=m=>{const f=k(m,a[m]);i([...o,f]),p(f.id)},w=m=>{o.find(y=>y.id===m)?.isPreview?i(o.map(y=>y.id===m?{...k(y.property,a[y.property]),active:!1,isPreview:!0}:y)):i(o.filter(y=>y.id!==m))},v=()=>{i(o.filter(m=>m.isPreview).map(m=>({...k(m.property,a[m.property]),active:!1,isPreview:!0}))),p(null)},F=o.some(m=>!m.isPreview||m.active!==!1),K=(m,f)=>{i(o.map(y=>{if(y.id!==m)return y;let P=f.value!==void 0?f.value:y.value;const R=f.operator??y.operator;if(y.type==="date"&&f.operator!==void 0)if(R==="between"&&!Array.isArray(P)){const L=typeof P=="string"?P:new Date().toISOString();P=[L,L]}else R!=="between"&&Array.isArray(P)&&(P=P[0]??new Date().toISOString());return{...y,...f,value:P,active:!0}}))};return g("section",{...n,className:A("flex flex-wrap gap-icon items-center",e),children:[o.filter(m=>m.property in a).map(m=>t(Fn,{filter:m,filterConfig:a,resourceFormatter:d,onRemove:()=>w(m.id),onUpdate:f=>K(m.id,f),isOpen:s===m.id,onOpenChange:f=>p(f?m.id:null)},m.id)),u.length>0&&t($,{label:t(Te,{}),isDisabled:l.isPending,variant:"neutral","aria-label":"Add filter",children:u.map(m=>{const f=a[m].type,y=On[f];return g(M,{className:"!justify-between",onAction:()=>h(m),children:[d(m),t(y,{})]},m)})}),F&&t(x,{variant:"ghost",onPress:v,"aria-label":"Clear all filters",className:"animate-in fade-in",children:"Clear All"})]})}const On={"id-search":kt,bool:te,"derived-select":te,date:Vt,enum:qt,id:Et,number:$t,string:te};export{Ie as C,Dn as D,Rr as DataTable,Me as DataTableContext,zr as DataTableProvider,Lr as F,Or as getColumnHelper,N as useDataTable,Mr as useDataTableState};
+"use client";import{jsx as t,Fragment as O,jsxs as g}from"react/jsx-runtime";import{parseAbsolute as X,getLocalTimeZone as Y}from"@internationalized/date";import{createContext as Ze,useContext as Ue,useState as z,useMemo as J,useEffect as ae,useRef as Te,Fragment as Xe}from"react";import{Pressable as Ye}from"react-aria-components";import{Button as x}from"./button.js";import{useSensors as Je,useSensor as ve,PointerSensor as We,KeyboardSensor as et,DndContext as tt,closestCenter as nt,DragOverlay as rt}from"@dnd-kit/core";import{sortableKeyboardCoordinates as at,SortableContext as it,verticalListSortingStrategy as ot,arrayMove as st,useSortable as lt}from"@dnd-kit/sortable";import{CSS as ct}from"@dnd-kit/utilities";import{useQuery as ut,useInfiniteQuery as dt}from"@tanstack/react-query";import{createColumnHelper as Ae,useReactTable as mt,getCoreRowModel as gt,flexRender as ne}from"@tanstack/react-table";import{useLocalStorage as W}from"@uidotdev/usehooks";import{merge as pt}from"lodash-es";import{Badge as ye}from"./badge.js";import{DatePicker as ee}from"./date-picker.js";import{EasyMenu as j,MenuItem as M,MenuTrigger as ft,MenuPopover as bt,MenuHeader as ht,Menu as vt}from"./menu.js";import{MultiSelect as yt}from"./multi-select.js";import{NumberField as St}from"./numberfield.js";import{PopoverTrigger as wt,Popover as xt}from"./popover.js";import{TextField as Nt}from"./textfield.js";import{formatDate as K}from"../utilities/date.js";import{useProjectName as ie,useResourceFormatter as oe,ALL_OS as Ct}from"../utilities/resources.js";import{classNames as T}from"../utilities/theme.js";import{IcRefresh as It,IcMenu as Pt,IcLayoutGrid as Tt,IcColumns as At,IcGrip as Ft,IcFirst as Dt,IcLeft as Ot,IcRight as Mt,IcLast as zt,IcMoreVertical as Rt,IcInfo as Lt,IcSortAsc as _t,IcSortDesc as jt,IcSortNone as $t,IcCheck as te,IcMinus as Et,IcAccount as qt,IcLicense as Vt,IcDate as kt,IcFile as Ht,IcFilter as Fe,IcClose as Kt}from"./icons.js";import{MultipleIdSearchInput as Bt}from"./id-search.js";import{Loader as De}from"./loader.js";import{SearchField as Qt}from"./searchfield.js";import{Table as Gt,TableHeader as Zt,TableRow as Se,TableHead as Ut,TableBody as Xt,TableCell as Yt}from"./table.js";import{CountryName as Jt}from"../utilities/countries.js";import{Duration as Wt}from"../utilities/duration.js";import{formatDays as en,formatFilesize as tn,formatNumber as nn}from"../utilities/numbers.js";import{useIsMobile as rn}from"../utilities/use-mobile.js";import{Checkbox as we}from"./checkbox.js";import{TooltipTrigger as an,Tooltip as on}from"./tooltip.js";import{getSubscriptionStartTriggerLabel as sn,ALL_LICENSE_TYPES as ln}from"./select-options.js";import{useCtxClient as cn}from"../utilities/ctx-client.js";import{ControlledDialogProvider as un,useControlledDialog as Oe}from"./dialog.js";import{ProgressBar as dn}from"./progress-bar.js";import{TagGroup as mn,Tag as gn}from"./tag-group.js";import"class-variance-authority";import"clsx";import"@icons-pack/react-simple-icons";import"./calendar.js";import"./form.js";import"./card.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"./kbd.js";import"../utilities/string.js";import"../utilities/empty-option.js";function pn(e){return e?e.desc?`-${e.id}`:`+${e.id}`:"-createdAt"}const Me=Ae(),fn=[Me.accessor("checkbox",{header:({table:e})=>t(we,{isIndeterminate:e.getIsSomeRowsSelected()&&!e.getIsAllPageRowsSelected(),isSelected:e.getIsAllPageRowsSelected()||e.getIsSomePageRowsSelected(),onChange:()=>e.toggleAllPageRowsSelected(),"aria-label":"Select all",size:"sm"}),cell:({row:e})=>t(we,{isSelected:e.getIsSelected(),onChange:()=>e.toggleSelected(),"aria-label":"Select row",size:"sm"}),enableSorting:!1,enableHiding:!1})],A="TableActions";function bn(e){return e.length===0?[]:[Me.accessor(A,{header:"Actions",id:A,enableHiding:!1,cell:({row:r})=>t(Pn,{label:t(Rt,{}),data:r.original,items:e}),enableSorting:!1})]}function Mr(){return Ae()}function zr({path:e,pathParameters:r,queryParameters:n,columns:o,filterConfig:s,columnsToHideByDefault:i={},allowSelection:a=!1,allowToolbar:d=!0,initialFilters:u=[],previewFilters:l,tableActions:p,Card:S,onRowNavigate:v,disableTableView:w,hideViewToggle:y,include:F}){const[$,m]=z({pagination:{pageIndex:0,pageSize:20},sorting:[]}),{sorting:f,pagination:h}=$,[C,E]=z(""),[R,le]=z({}),[B,_e]=z(u),Q=J(()=>B.filter(c=>c.active!==!1).map(c=>{if(c.type==="derived-select"){const P=s[c.property];return P?.type==="derived-select"?P.toApiQuery(String(c.value??"")):{}}const b=c.value instanceof Set?Array.from(c.value):c.value;return c.needOperator===!1?{[c.property]:Array.isArray(b)?b.join(","):b}:c.operator==="between"&&Array.isArray(b)&&b.length===2?{[c.property]:{gte:b[0],lte:b[1]}}:Array.isArray(b)?{[c.property]:{[c.operator]:b.join(",")}}:{[c.property]:{[c.operator]:b}}}).reduce((c,b)=>pt(c,b),{}),[B,s]),q=F?.length?F.join(","):void 0,V={...n,...Q,limit:h.pageSize,sort:pn(f[0]),search:C,...q?{include:q}:{}},je=cn(),$e=["get",e,{...V,page:h.pageIndex+1},"table"],Ee=["get",e,V,"card"],G=`${e}_ctx`,[ce,ue]=W(`${G}_column_order_preference`,[]),[de,qe]=W(`${G}_column_visibility_preference`,{id:!1,...i}),[Ve,ke]=W(`${G}_view_mode_preference`,w?"card":"table"),me=rn(),D=w||me&&S?"card":Ve,Z=c=>{m(b=>({...b,...c}))};async function ge(c){const b=await je.GET(e,{params:{query:{...n,page:c,limit:h.pageSize,sort:V.sort,search:V.search,...q?{include:q}:{},...Q},path:r}});return{data:b.data??[],total:Number.parseInt(b.response.headers.get("Pagination-Count")||"0"),nextPage:c+1}}const L=ut({queryKey:$e,enabled:D==="table",queryFn:()=>ge(h.pageIndex+1),placeholderData:c=>c}),I=dt({queryKey:Ee,enabled:D==="card",initialPageParam:1,queryFn:({pageParam:c})=>ge(c),getNextPageParam:(c,b)=>b.flatMap(k=>k.data).length<c.total?c.nextPage:void 0}),pe=J(()=>D==="table"?L.data?.data??[]:I.data?.pages.flatMap(c=>c.data)??[],[D,L.data,I.data]),fe=J(()=>D==="table"?L.data?.total??0:I.data?.pages[0]?.total??0,[D,L.data,I.data]),be=D==="table"?L:{...I,data:{data:pe,total:fe},isLoading:I.isLoading,isFetching:I.isFetching,isError:I.isError,error:I.error,refetch:I.refetch},He=p.filter(se),Ke=[...a?fn:[],...o,...bn(He??[])];function Be(c){return typeof c=="function"}function _(c,b){return Be(c)?c(b):c}const he=mt({data:pe,columns:Ke,getCoreRowModel:gt(),rowCount:fe,manualPagination:!0,onPaginationChange:c=>{Z({pagination:_(c,h)})},manualSorting:!0,onSortingChange:c=>{le({}),Z({sorting:[..._(c,f)]})},manualFiltering:!0,onColumnVisibilityChange:c=>{qe(_(c,de))},onRowSelectionChange:c=>{le(_(c,R))},onColumnOrderChange:c=>{ue(_(c,ce))},state:{sorting:f,columnVisibility:de,pagination:h,rowSelection:R,columnOrder:ce},meta:{refetch:be.refetch}});return ae(()=>{const c=he.getAllFlatColumns().map(P=>P.id),b=c.filter(P=>P!=="checkbox"&&P!==A);ue(P=>{const k=P.filter(U=>b.includes(U)),Qe=b.filter(U=>!P.includes(U)),Ge=k.length>0?[...k,...Qe]:b;return[...c.includes("checkbox")?["checkbox"]:[],...Ge,...c.includes(A)?[A]:[]]})},[]),{tableState:$,updateTableState:Z,query:be,setSearchQuery:E,searchQuery:C,tanTable:he,mergedFilters:Q,filters:B,setFilters:_e,filterConfig:s,tableActions:p,pathParameters:r,queryParameters:n,viewMode:D,setViewMode:ke,isMobile:me,Card:S,allowSelection:a,allowToolbar:d,previewFilters:l,infiniteQuery:I,disableTableView:w,hideViewToggle:y,onRowNavigate:v}}const ze=Ze(null);function N(){const e=Ue(ze);if(!e)throw Error("DataTable should be used within DataTableProvider.");return e}function Rr({children:e,...r}){return t(ze.Provider,{value:r,children:e})}function hn(){const{query:e}=N();return e.isFetching?null:e.isError?g("span",{className:"flex gap-3 items-center",children:[t(Lt,{}),t("span",{children:e.error?.message})]}):e.data?.data?.length===0?t(O,{children:"No results found."}):t(O,{children:"Unknown error. Please contact customer support."})}function vn({cardGridClassName:e}){const{query:r,tanTable:n,viewMode:o,tableActions:s,Card:i}=N(),a=s.filter(se),d=o==="card"&&!!i;return r.isLoading?t("div",{className:"body-sm flex items-center justify-center min-h-32",children:t(De,{})}):n.getRowModel().rows.length===0?t("div",{className:"body-sm flex items-center justify-center min-h-32 text-muted",children:t(hn,{})}):d?t(yn,{Card:i,actions:a,className:e}):t(In,{className:"w-full"})}function Lr({className:e,cardGridClassName:r,...n}){const{viewMode:o,Card:s,allowToolbar:i}=N(),a=o==="card"&&!!s;return t(O,{children:g(un,{children:[i&&t(Nn,{}),g("section",{...n,className:T("z-20 flex flex-col",a?"":"border rounded-md",e),children:[t("div",{className:"w-full overflow-auto relative rounded-md [scrollbar-width:none]",tabIndex:0,children:t(vn,{cardGridClassName:r})}),!a&&g("div",{className:"flex w-full justify-between border-t gap-icon py-2 px-icon bg-elevation-mid rounded-b-md overflow-x-auto",children:[g("div",{className:"flex gap-icon",children:[t(Sn,{}),t(xn,{})]}),t(wn,{})]})]})]})})}function yn({Card:e,actions:r,className:n,...o}){const{tanTable:s,allowSelection:i}=N(),{infiniteQuery:a}=N(),d=Te(null);return ae(()=>{const u=d.current;if(!u)return;const l=new IntersectionObserver(p=>{p[0].isIntersecting&&a.hasNextPage&&!a.isFetchingNextPage&&a.fetchNextPage()},{threshold:.1});return l.observe(u),()=>l.disconnect()},[a.hasNextPage,a.isFetchingNextPage]),g("div",{...o,className:T(n,"grid grid-cols-1 lg:grid-cols-2 gap-icon pb-input"),children:[s.getRowModel().rows.map((u,l)=>{const p={isSelected:u.getIsSelected(),onToggle:()=>u.toggleSelected(),allowSelection:i};return t(Xe,{children:e(u.original,r,p,l)},u.id)}),t("div",{ref:d,className:"col-span-full h-4 flex items-center justify-center",children:a.isFetchingNextPage&&t(De,{})})]})}function Sn(){if(ie()==="customer-portal")return null;const{tanTable:r}=N(),[n,o]=z(null),s=oe(),i=Je(ve(We),ve(et,{coordinateGetter:at}));return t(tt,{sensors:i,collisionDetection:nt,onDragStart:d=>{const{active:u}=d;o(u.id.toString())},onDragEnd:d=>{const{active:u,over:l}=d;if(l&&u.id!==l.id){const p=r.getState().columnOrder,S=p.indexOf(u.id.toString()),v=p.indexOf(l.id.toString());r.setColumnOrder([...st(p,S,v)])}o(null)},children:g(it,{items:r.getState().columnOrder,strategy:ot,children:[g(j,{label:g(O,{children:[t(At,{className:"inline align-bottom me-1"}),"Columns"]}),selectionMode:"multiple",size:"sm",items:r.getAllFlatColumns(),selectedKeys:r.getVisibleFlatColumns().map(d=>d.id),children:[t(M,{onAction:()=>r.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),r.getState().columnOrder.map(d=>{const u=r.getAllFlatColumns().find(l=>l.id===d);return!u||u.id==="checkbox"||u.id===A?null:t(a,{column:u},u.id)})]}),t(rt,{children:n?t("div",{className:"opacity-70 border-2 border-primary",children:s(n)}):null})]})});function a({column:d}){const{attributes:u,listeners:l,setNodeRef:p,transform:S,transition:v}=lt({id:d.id}),w={transform:ct.Transform.toString(S),transition:v,zIndex:"999"};return g(M,{ref:p,style:w,...u,id:d.id,onAction:()=>d.toggleVisibility(),isDisabled:!d.getCanHide(),className:"flex items-center",children:[t(Ft,{...l,className:"size-icon cursor-grab"}),re(d),d.getIsSorted()&&t(Re,{className:"size-icon",direction:d.getIsSorted()})]})}}function wn(){const{tanTable:e}=N(),r=e.getRowCount();return g("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,r)} of ${r?.toLocaleString()}`}),(e.getCanNextPage()||e.getCanPreviousPage())&&g(O,{children:[t(x,{"aria-label":"First page",onPress:()=>e.firstPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon-sm",children:t(Dt,{})}),t(x,{"aria-label":"Previous page",onPress:()=>e.previousPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon-sm",children:t(Ot,{})}),t(x,{"aria-label":"Next page",onPress:()=>e.nextPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon-sm",children:t(Mt,{})}),t(x,{"aria-label":"Last page",onClick:()=>e.lastPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon-sm",children:t(zt,{})})]})]})}function xn(){if(ie()==="customer-portal")return null;const{tanTable:r}=N(),n=[10,20,30,40,50];return t(j,{label:r.getState().pagination.pageSize.toString(),selectionMode:"single",size:"sm",selectedKeys:[r.getState().pagination.pageSize.toString()],items:n.map(o=>({id:o.toString(),value:o})),children:o=>t(M,{onAction:()=>r.setPageSize(o.value),children:o.value})})}function Nn(){const{query:e,tanTable:r,searchQuery:n,setSearchQuery:o,tableActions:s,viewMode:i,setViewMode:a,isMobile:d,Card:u,previewFilters:l,disableTableView:p,hideViewToggle:S}=N(),v=r.getSelectedRowModel().rows.length>0,w=s.filter(y=>y.resourceType!=="single").filter(y=>y.resourceType==="multiple"===v);return g("section",{className:"flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1",children:[g("div",{className:"flex gap-icon",children:[t(x,{"aria-label":"Refresh",isPending:e.isFetching,onClick:()=>e.refetch(),variant:"neutral",size:"icon",children:t(It,{})}),t(Qt,{value:n,onChange:o}),t(On,{previewFilters:l})]}),g("div",{className:"flex gap-icon",children:[!d&&t(Ie,{items:w,isFetching:e.isFetching}),u&&!p&&!d&&!S&&g("div",{className:"flex gap-1 bg-elevation-1 rounded-md overflow-hidden",children:[t(x,{variant:i==="table"?"primary":"neutral",size:"icon",onPress:()=>a("table"),"aria-label":"Table view",className:"border-none",children:t(Pt,{})}),t(x,{variant:i==="card"?"primary":"neutral",size:"icon",onPress:()=>a("card"),"aria-label":"Card view",className:"border-none",children:t(Tt,{})})]})]}),d&&w.length>0&&t("div",{className:"fixed inset-x-0 bottom-0 z-30 flex gap-icon border-t bg-elevation-1 p-icon",children:t(Ie,{items:w,isFetching:e.isFetching,buttonClassName:"flex-1 justify-center"})})]})}function Re({direction:e,...r}){return e==="asc"?t(_t,{className:"size-3.5",...r}):e==="desc"?t(jt,{className:"size-3.5",...r}):t($t,{className:"size-3.5",...r})}function re(e){const r=oe(),n=e.columnDef.header;return typeof n=="string"?n:r(e.id)}function Cn(e){const r=e.column.columnDef.meta?.displayType,n=e.getValue();if(n==null)return null;switch(r){case"date":return t("span",{className:"tabular-nums",children:K(n)});case"number":return t("span",{className:"block text-right tabular-nums",children:nn(n)});case"boolean":return t(ye,{variant:n?"success":"destructive",className:"capitalize",children:String(n)});case"badge":return t(ye,{children:String(n)});case"tags":let o=Array.isArray(n)?n:[String(n)];return t(mn,{items:o.map(a=>({id:a,name:a})),className:"!flex-nowrap",children:a=>t(gn,{children:a.name})});case"progressBar":const[s,i]=n;return t(dn,{meterClassName:"w-16",label:`${s}/${i}`,minValue:0,maxValue:i,value:s});case"country":return t(Jt,{value:n});case"enum":return t("span",{className:"uppercase w-full",children:String(n)});case"fileSize":return tn(n);case"days":return en(n);case"os":return Ct[n]??n;case"licenseType":return ln[n]??n;case"subscriptionInterval":return Wt.formatISODuration(n);case"subscriptionStartTrigger":return sn(n);default:return String(n)}}function xe({header:e}){const r=e.column.columnDef.header;return typeof r=="string"||!r?re(e.column):typeof r=="function"?typeof r(e.getContext())=="string"?re(e.column):ne(r,e.getContext()):ne(r,e.getContext())}function In({className:e}){const{tanTable:r,onRowNavigate:n}=N(),o=(s,i,a="z-50")=>T("text-left body-sm font-medium whitespace-nowrap",s&&`sticky right-0 ${a} text-center justify-center`,i);return g(Gt,{className:T("table-auto border-0 rounded-md",e),children:[t(Zt,{className:"sticky top-0 z-10 rounded-md",children:r.getHeaderGroups().map(s=>t(Se,{children:s.headers.map(i=>g(Ut,{scope:"col",colSpan:i.colSpan,className:o(i.id===A,"bg-elevation-mid"),children:[!i.column.getCanSort()&&!i.isPlaceholder&&t("div",{className:T("w-full flex items-center gap-1 text-xs uppercase",i.id===A?"justify-center":"justify-start"),children:t(xe,{header:i})}),i.column.getCanSort()&&g(x,{variant:"ghost",size:"none",className:T("w-full p-1 rounded-md uppercase text-muted text-xs",i.id===A?"justify-center":"justify-start",i.column.getIsSorted()?"text-primary":""),onPress:i.column.getToggleSortingHandler(),children:[t("span",{children:t(xe,{header:i})}),i.column.getIsSorted()&&t(Re,{direction:i.column.getIsSorted()})]})]},i.id))},s.id))}),t(Xt,{children:r.getRowModel().rows.map(s=>t(Se,{className:T("group bg-elevation-1 data-[selected=true]:bg-primary-100 hover:bg-elevation-mid",n&&"cursor-pointer focus-visible:outline focus-visible:outline-ring"),"data-selected":s.getIsSelected(),...n&&{role:"link",tabIndex:0,onClick:i=>{i.target.closest('a, button, input, select, textarea, [role="button"]')||n(s.original)},onKeyDown:i=>{i.key==="Enter"&&n(s.original)}},children:s.getVisibleCells().map(i=>{const a=i.column.id===A,d=i.column.columnDef.meta?.displayType?Cn(i):ne(i.column.columnDef.cell,i.getContext());return t(Yt,{className:T(o(a,a?"bg-elevation-1 group-data-[selected=true]:bg-primary-100 group-hover:bg-elevation-mid":"","z-1"),a&&"flex justify-center items-center"),children:d},i.id)})},s.id))})]})}function Ne(e){return e.resourceType==="none"}function se(e){return e.resourceType==="single"}function Ce(e){return e.resourceType==="multiple"}function Ie({items:e,isFetching:r,buttonClassName:n}){const{openDialog:o,closeDialog:s}=Oe(),{tanTable:i,mergedFilters:a}=N();function d(l,p){return l.isDisabled?Ne(l)?l.isDisabled():Ce(l)?l.isDisabled(p):!1:!1}const u=i.getSelectedRowModel().rows.map(l=>l.original);return t(O,{children:e.map((l,p)=>{const S=l.icon,v=d(l,u)||r;return g(x,{"aria-label":l.label,type:"button",isDisabled:v,className:T("animate-in fade-in slide-in-from-right-15 duration-300 transition-transform",n),onPress:w=>{const y={event:w,openDialog:o,closeDialog:s,activeFilters:a};Ne(l)?l.onPress(y):Ce(l)&&l.onPress({...y,data:u})},variant:l.variant??"neutral",children:[S&&t(S,{"aria-hidden":!0}),t("span",{children:l.label})]},`${l.label}-${p}`)})})}function Pn({label:e,items:r,data:n}){const{openDialog:o,closeDialog:s}=Oe(),{mergedFilters:i}=N();return r.length<5?t("div",{className:"flex items-center gap-2",children:r.map((a,d)=>{const u=a.icon,l=typeof a.label=="function"?a.label(n):a.label;return g(an,{children:[t(x,{"aria-label":typeof l=="string"?l:void 0,isDisabled:a.isDisabled?.(n)??!1,variant:"ghost",size:"icon",onPress:()=>{const p={openDialog:o,closeDialog:s};a.onPress({...p,data:n,activeFilters:i})},children:t(u,{className:"size-icon"})}),t(on,{children:l})]},`${d}-${typeof l=="string"?l:""}`)})}):t(j,{withChevron:!1,"aria-label":"Actions",label:e,size:"icon",children:r.map((a,d)=>{const u=a.icon,l=typeof a.label=="function"?a.label(n):a.label;return g(M,{id:typeof l=="string"?l:void 0,isDisabled:a.isDisabled?.(n)??!1,onAction:()=>{const p={openDialog:o,closeDialog:s};se(a)&&a.onPress({...p,data:n,activeFilters:i})},children:[t(u,{className:"size-icon"}),l]},`${d}-${typeof l=="string"?l:""}`)})})}const _r=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte","between"],Pe={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",between:"between"},Tn={eq:"=",ne:"≠",cn:"contains",nc:"!contains",sw:"starts with",ew:"ends with",in:"in",nin:"not in",gt:">",gte:"≥",lt:"<",lte:"≤",between:"↔"};function H(e,r){const n=r.type,o=`${e}-${Date.now()}`,s=n==="bool"||n==="derived-select"?!1:r.needOperator??!0,i=s?Le[n][0]:"eq",a={id:o,property:e,operator:i,needOperator:s};switch(n){case"bool":return{...a,type:n,value:!0};case"derived-select":return{...a,type:n,value:r.options[0]?.id??""};case"string":return{...a,type:n,value:""};case"date":return{...a,type:n,value:i==="between"?[new Date().toISOString(),new Date().toISOString()]:new Date().toISOString()};case"id":return{...a,type:n,value:""};case"id-search":return{...a,type:n,value:[]};case"enum":return{...a,type:n,value:new Set};case"number":return{...a,type:n,value:0}}}const Le={bool:["eq"],"derived-select":["eq"],enum:["in","nin"],id:["in","nin"],"id-search":["in","nin"],string:["eq","ne","cn","nc","sw","ew","in","nin"],date:["between","lt","gt"],number:["eq","ne","gt","gte","lt","lte"]};function An(e,r){switch(e.type){case"string":case"id":return e.value??"";case"number":return e.value?.toString()??"";case"bool":return e.value?"true":"false";case"derived-select":{const n=r[e.property];if(!n||n.type!=="derived-select")return e.value??"";const o=n.options.find(s=>s.id===e.value);return typeof o?.label=="string"?o.label:e.value??""}case"date":if(Array.isArray(e.value)){const[n,o]=e.value;return`${K(n,{dateStyle:"short"})??""} – ${K(o,{dateStyle:"short"})??""}`}return e.value?K(e.value,{dateStyle:"short"})??"":"";case"enum":return e.value&&e.value.size>0?`${e.value.size} selected`:"";case"id-search":return e.value&&e.value.length>0?e.value.length===1?"1 item":`${e.value.length} items`:""}}function Fn({filter:e,filterConfig:r,onChange:n}){if(e.type==="string"||e.type==="id")return t(Nt,{autoFocus:!0,value:e.value??"",onChange:n,"aria-label":"Filter value"});if(e.type==="number")return t(St,{autoFocus:!0,value:e.value,onChange:n,"aria-label":"Filter value"});if(e.type==="date"){if(e.operator==="between"){const[s,i]=Array.isArray(e.value)?e.value:[new Date().toISOString(),new Date().toISOString()],a=X(s,Y()),d=X(i,Y());return g("div",{className:"flex flex-col gap-icon",children:[t(ee,{autoFocus:!0,hideTimeZone:!0,label:"From",value:a,onChange:u=>n([u?u.toAbsoluteString():s,i])}),t(ee,{hideTimeZone:!0,label:"To",value:d,onChange:u=>n([s,u?u.toAbsoluteString():i])})]})}const o=e.value&&!Array.isArray(e.value)?X(e.value,Y()):null;return t(ee,{autoFocus:!0,hideTimeZone:!0,value:o,onChange:s=>n(s?s.toAbsoluteString():new Date().toISOString()),"aria-label":"Filter date"})}if(e.type==="enum"){const o=r[e.property];return o.type!=="enum"?null:t(yt,{autoFocus:!0,items:o.options,value:e.value??new Set,onChange:n,"aria-label":"Filter value"})}if(e.type==="id-search"){const o=r[e.property];if(o.type!=="id-search")return null;const s=o.defaultParams;return t(Bt,{autoFocus:!0,path:o.path,accessor:o.accessor,defaultParams:s,value:e.value??[],onChange:n,"aria-label":"Filter value"})}return null}function Dn({filter:e,filterConfig:r,resourceFormatter:n,onRemove:o,onUpdate:s,isOpen:i,onOpenChange:a}){const d=e.needOperator===!1?["eq"]:Le[e.type],u=An(e,r),l=ie(),p=e.type==="bool"||e.type==="derived-select",S=g(x,{type:"button",variant:e.active===!1?"neutral":"primary_neutral",className:"animate-in slide-in-from-left-10 fade-in flex justify-between gap-2",children:[t(Fe,{}),p?t("span",{className:"font-medium",children:u}):g(O,{children:[t("span",{className:"font-medium",children:n(e.property)}),l!=="customer-portal"&&t("span",{children:Tn[e.operator]}),l!=="customer-portal"&&u&&t("span",{children:u})]}),e.active!==!1&&t(Ye,{onPress:()=>o(),children:t("span",{className:"bg-primary hover:bg-destructive rounded-full size-icon flex justify-center items-center",children:t(Kt,{className:"size-2.5 text-elevation-1"})})})]});if(p){let v,w;if(e.type==="bool")v=[{id:"true",label:"True"},{id:"false",label:"False"}],w=e.value?"true":"false";else{const y=r[e.property];v=y?.type==="derived-select"?y.options:[],w=e.value??""}return g(ft,{isOpen:i,onOpenChange:a,children:[t("div",{className:"relative",children:S}),g(bt,{className:"min-w-48",children:[t(ht,{inset:!0,separator:!1,children:n(e.property)}),t(vt,{selectionMode:"single",disallowEmptySelection:!0,selectedKeys:new Set([w]),onSelectionChange:y=>{if(y==="all")return;const F=y.values().next().value;F!=null&&s({value:e.type==="bool"?String(F)==="true":String(F)})},"aria-label":"Filter value",children:v.map(y=>t(M,{id:y.id,children:y.label},y.id))})]})]})}return g(wt,{isOpen:i,onOpenChange:a,children:[t("div",{className:"relative",children:S}),t(xt,{className:"p-icon min-w-48",children:g("div",{className:"flex flex-col gap-icon",children:[d.length>1&&t(j,{label:Pe[e.operator],variant:"neutral","aria-label":"Change operator",children:d.map(v=>t(M,{onAction:()=>s({operator:v}),children:Pe[v]},v))}),t(Fn,{filter:e,filterConfig:r,onChange:v=>s({value:v})}),t(x,{type:"button",variant:"neutral",className:"self-end",onPress:o,"aria-label":`Remove ${n(e.property)} filter`,children:"Clear"})]})})]})}function On({className:e,previewFilters:r,...n}){const{filters:o,query:s,setFilters:i,filterConfig:a}=N(),d=oe(),u=Object.keys(a).filter(m=>!o.some(f=>f.property===m)).sort(),[l,p]=z(null),S=Te(!1);ae(()=>{if(!S.current&&o.length===0){const m=[];r&&r.length>0&&m.push(...r.filter(f=>a[f]).map(f=>({...H(f,a[f]),active:!1,isPreview:!0}))),m.length>0&&i(m)}S.current=!0},[]);const v=m=>{const f=H(m,a[m]);i([...o,f]),p(f.id)},w=m=>{o.find(h=>h.id===m)?.isPreview?i(o.map(h=>h.id===m?{...H(h.property,a[h.property]),active:!1,isPreview:!0}:h)):i(o.filter(h=>h.id!==m))},y=()=>{i(o.filter(m=>m.isPreview).map(m=>({...H(m.property,a[m.property]),active:!1,isPreview:!0}))),p(null)},F=o.some(m=>!m.isPreview||m.active!==!1),$=(m,f)=>{i(o.map(h=>{if(h.id!==m)return h;let C=f.value!==void 0?f.value:h.value;const E=f.operator??h.operator;if(h.type==="date"&&f.operator!==void 0)if(E==="between"&&!Array.isArray(C)){const R=typeof C=="string"?C:new Date().toISOString();C=[R,R]}else E!=="between"&&Array.isArray(C)&&(C=C[0]??new Date().toISOString());return{...h,...f,value:C,active:!0}}))};return g("section",{...n,className:T("flex flex-wrap gap-icon items-center",e),children:[o.filter(m=>m.property in a).map(m=>t(Dn,{filter:m,filterConfig:a,resourceFormatter:d,onRemove:()=>w(m.id),onUpdate:f=>$(m.id,f),isOpen:l===m.id,onOpenChange:f=>p(f?m.id:null)},m.id)),u.length>0&&t(j,{label:t(Fe,{}),isDisabled:s.isPending,variant:"neutral","aria-label":"Add filter",children:u.map(m=>{const f=a[m].type,h=Mn[f];return g(M,{className:"!justify-between",onAction:()=>v(m),children:[d(m),t(h,{})]},m)})}),F&&t(x,{variant:"ghost",onPress:y,"aria-label":"Clear all filters",className:"animate-in fade-in",children:"Clear All"})]})}const Mn={"id-search":Ht,bool:te,"derived-select":te,date:kt,enum:Vt,id:qt,number:Et,string:te};export{Pe as C,On as D,Lr as DataTable,ze as DataTableContext,Rr as DataTableProvider,_r as F,Mr as getColumnHelper,N as useDataTable,zr 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 { useInfiniteQuery, useQuery } from '@tanstack/react-query';\n\nimport {\n    type Column,\n    type ColumnDef,\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 React, { createContext, Fragment, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Badge } from '../components/badge';\n\nimport { Button } from '../components/button';\nimport {\n    DataTableFilter,\n    type FilterConfig,\n    type FiltersConfig,\n    type TableFilter,\n} from '../components/data-table-filter';\nimport { Loader } from '../components/loader';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport { SearchField } from '../components/searchfield';\nimport { TableBody, TableCell, Table as TableComponent, TableHead, TableHeader, TableRow } from '../components/table';\nimport { CountryName } from '../utilities/countries';\nimport { formatDate } from '../utilities/date';\nimport { Duration } from '../utilities/duration';\nimport { formatDays, formatFilesize, formatNumber } from '../utilities/numbers';\nimport {\n    ALL_OS,\n    type ApiFilter,\n    type ApiPathParameters,\n    type ApiResponseBody,\n    useProjectName,\n    useResourceFormatter,\n} from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { useIsMobile } from '../utilities/use-mobile';\nimport { Checkbox } from './checkbox';\nimport { Tooltip, TooltipTrigger } from './tooltip';\n\nimport {\n    type CtxIcon,\n    IcColumns,\n    IcFirst,\n    IcGrip,\n    IcInfo,\n    IcLast,\n    IcLayoutGrid,\n    IcLeft,\n    IcMenu,\n    IcMoreVertical,\n    IcRefresh,\n    IcRight,\n    IcSortAsc,\n    IcSortDesc,\n    IcSortNone,\n} from './icons';\nimport { ALL_LICENSE_TYPES, getSubscriptionStartTriggerLabel } from './select-options';\n\nimport type { Cell, ColumnHelper } from '@tanstack/react-table';\nimport type { ClientPathsWithMethod } from 'openapi-fetch';\nimport type { PressEvent } from 'react-aria-components';\nimport { type CtxClientType, useCtxClient } from '../utilities/ctx-client';\nimport { ControlledDialogProvider, useControlledDialog } from './dialog';\nimport { ProgressBar } from './progress-bar';\nimport { Tag, TagGroup } from './tag-group';\n\nexport type DisplayType =\n    | 'string'\n    | 'boolean'\n    | 'date'\n    | 'number'\n    | 'enum'\n    | 'badge'\n    | 'tags'\n    | 'country'\n    | 'fileSize'\n    | 'days'\n    | 'os'\n    | 'licenseType'\n    | 'subscriptionInterval'\n    | 'subscriptionStartTrigger'\n    | 'progressBar';\n\ndeclare module '@tanstack/react-table' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        displayType: DisplayType;\n    }\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                size=\"sm\"\n            />\n        ),\n\n        cell: ({ row }) => (\n            <Checkbox\n                isSelected={row.getIsSelected()}\n                onChange={() => row.toggleSelected()}\n                aria-label=\"Select row\"\n                size=\"sm\"\n            />\n        ),\n        enableSorting: false,\n        enableHiding: false,\n    }),\n];\n\nconst ACTIONS_COLUMN_ID = 'TableActions';\nfunction getActionsColumn<T extends object>(rowActions: SingleResourceAction<T>[]) {\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 }) => (\n                <TableActionsRowMenu label={<IcMoreVertical />} data={row.original} items={rowActions} />\n            ),\n            enableSorting: false,\n        }),\n    ];\n}\n\ntype DataTableFactoryBase<\n    T extends object,\n    TOperation extends keyof operations,\n    TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n> = {\n    path: NoInfer<ClientPathsWithMethod<CtxClientType, 'get'>>;\n    pathParameters?: NoInfer<ApiPathParameters<TOperation>>;\n    queryParameters?: NoInfer<Partial<ApiFilter<TOperation>>>;\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: TFilterConfig;\n    initialFilters: TableFilter[];\n    previewFilters?: (keyof TFilterConfig)[];\n    /** When provided, each row becomes a navigable link. Called with the row's data on click or Enter. */\n    onRowNavigate?: (row: T) => void;\n    /** Related resources to embed in list responses, e.g. `['users', 'organization']` → `?include=users,organization`. */\n    include?: string[];\n    /** Hides the table/card view toggle button even when both views are available. The initial view mode (or the mobile-forced card view) still applies. */\n    hideViewToggle?: boolean;\n};\n\ntype CardRenderer<T> = (\n    item: T,\n    actions: SingleResourceAction<T>[],\n    selection: CardSelectionProps,\n    index?: number\n) => React.ReactNode;\n\ntype DataTableFactory<\n    T extends object,\n    TOperation extends keyof operations,\n    TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n> = DataTableFactoryBase<T, TOperation, TFilterConfig> &\n    ({ disableTableView: true; Card: CardRenderer<T> } | { disableTableView?: false; Card?: CardRenderer<T> });\n\ntype DataTableState = {\n    sorting: SortingState;\n    pagination: PaginationState;\n};\n\nexport function getColumnHelper<O extends keyof operations>(): ColumnHelper<ApiResponseBody<O>> {\n    return createColumnHelper<ApiResponseBody<O>>();\n}\n/**\n * Hook for handling all data-table state. Used in DataTableContext\n */\nexport function useDataTableState<\n    T extends object,\n    TOperation extends keyof operations,\n    TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n>({\n    path,\n    pathParameters,\n    queryParameters,\n    columns,\n    filterConfig,\n    columnsToHideByDefault = {},\n    allowSelection = false,\n    initialFilters = [],\n    previewFilters,\n    tableActions,\n    Card,\n    onRowNavigate,\n    disableTableView,\n    hideViewToggle,\n    include,\n}: DataTableFactory<T, TOperation, TFilterConfig>) {\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 { sorting, pagination } = tableState;\n\n    const [searchQuery, setSearchQuery] = useState('');\n\n    const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n\n    /** Reflect in URL in host application  */\n    const [filters, setFilters] = useState(initialFilters);\n    const mergedFilters = useMemo(() => {\n        // TODO, generic transform fn\n        return filters\n            .filter(tf => tf.active !== false)\n            .map(tf => {\n                // Virtual filters (e.g. a \"status\" filter derived from several boolean properties) are\n                // expanded into real API query params via their filterConfig's toApiQuery.\n                if (tf.type === 'derived-select') {\n                    const config = (filterConfig as Record<string, FilterConfig>)[tf.property];\n                    return config?.type === 'derived-select' ? config.toApiQuery(String(tf.value ?? '')) : {};\n                }\n                // Enum filters store their selection as a Set; normalize to an array so it's\n                // joined into a comma-separated string like other multi-value filters instead of\n                // being passed through as a Set, which the API client's query serializer can't handle.\n                const value = tf.value instanceof Set ? Array.from(tf.value) : tf.value;\n                // Filters that don't need an operator are sent as `property=value`\n                if (tf.needOperator === false) {\n                    return {\n                        [tf.property]: Array.isArray(value) ? value.join(',') : value,\n                    };\n                }\n                if (tf.operator === 'between' && Array.isArray(value) && value.length === 2) {\n                    return {\n                        [tf.property]: {\n                            gte: value[0],\n                            lte: value[1],\n                        },\n                    };\n                }\n                if (Array.isArray(value)) {\n                    return {\n                        [tf.property]: {\n                            [tf.operator]: value.join(','),\n                        },\n                    };\n                }\n                return {\n                    [tf.property]: {\n                        [tf.operator]: value,\n                    },\n                };\n            })\n            .reduce((acc, current) => {\n                return merge(acc, current);\n            }, {});\n    }, [filters, filterConfig]);\n\n    const includeParam = include?.length ? include.join(',') : undefined;\n\n    // Page is deliberately excluded here: the card view's infinite query always starts from\n    // page 1 and accumulates pages, so its cache key must not depend on the table's pageIndex.\n    const sharedQueryParams = {\n        ...queryParameters,\n        ...mergedFilters,\n        limit: pagination.pageSize,\n        sort: generateSortParam(sorting[0]),\n        search: searchQuery,\n        ...(includeParam ? { include: includeParam } : {}),\n    };\n\n    const client = useCtxClient();\n    const tableQueryKey = ['get', path, { ...sharedQueryParams, page: pagination.pageIndex + 1 }, 'table'];\n    const cardQueryKey = ['get', path, sharedQueryParams, 'card'];\n\n    const prefsKey = `${path}_ctx`;\n    const [columnOrder, setColumnOrder] = useLocalStorage<ColumnOrderState>(`${prefsKey}_column_order_preference`, []);\n    const [columnVisibility, setColumnVisibility] = useLocalStorage<VisibilityState>(\n        `${prefsKey}_column_visibility_preference`,\n        {\n            id: false,\n            ...columnsToHideByDefault,\n        }\n    );\n    const [viewMode, setViewMode] = useLocalStorage<'table' | 'card'>(\n        `${prefsKey}_view_mode_preference`,\n        disableTableView ? 'card' : 'table'\n    );\n    // On mobile, always render cards (when a Card renderer is available) regardless of the user's saved preference.\n    const isMobile = useIsMobile();\n    const effectiveViewMode = disableTableView || (isMobile && Card) ? 'card' : viewMode;\n\n    // Update table state with new values\n    const updateTableState = (updates: Partial<DataTableState>) => {\n        _setTableState(prev => ({ ...prev, ...updates }));\n    };\n\n    async function fetchPage(pageParam: number) {\n        const res = await client.GET(path, {\n            params: {\n                query: {\n                    ...queryParameters,\n                    page: pageParam,\n                    limit: pagination.pageSize,\n                    sort: sharedQueryParams.sort,\n                    search: sharedQueryParams.search,\n                    ...(includeParam ? { include: includeParam } : {}),\n                    ...mergedFilters,\n                },\n                path: pathParameters as any,\n            },\n        });\n        return {\n            data: (res.data ?? []) as T[],\n            total: Number.parseInt(res.response.headers.get('Pagination-Count') || '0'),\n            nextPage: pageParam + 1,\n        };\n    }\n\n    const tableQuery = useQuery({\n        queryKey: tableQueryKey,\n        enabled: effectiveViewMode === 'table',\n        queryFn: () => fetchPage(pagination.pageIndex + 1),\n        placeholderData: prev => prev,\n    });\n\n    const infiniteQuery = useInfiniteQuery({\n        queryKey: cardQueryKey,\n        enabled: effectiveViewMode === 'card',\n        initialPageParam: 1,\n        queryFn: ({ pageParam }) => fetchPage(pageParam),\n        getNextPageParam: (lastPage, allPages) => {\n            const fetched = allPages.flatMap(p => p.data).length;\n            return fetched < lastPage.total ? lastPage.nextPage : undefined;\n        },\n    });\n\n    // Flatten data into a single array for tanStack table\n    const flatData = useMemo<T[]>(() => {\n        if (effectiveViewMode === 'table') return tableQuery.data?.data ?? [];\n        return infiniteQuery.data?.pages.flatMap(p => p.data) ?? [];\n    }, [effectiveViewMode, tableQuery.data, infiniteQuery.data]);\n\n    const total = useMemo(() => {\n        if (effectiveViewMode === 'table') return tableQuery.data?.total ?? 0;\n        return infiniteQuery.data?.pages[0]?.total ?? 0;\n    }, [effectiveViewMode, tableQuery.data, infiniteQuery.data]);\n\n    const query =\n        effectiveViewMode === 'table'\n            ? tableQuery\n            : {\n                  ...infiniteQuery,\n                  data: { data: flatData, total },\n                  isLoading: infiniteQuery.isLoading,\n                  isFetching: infiniteQuery.isFetching,\n                  isError: infiniteQuery.isError,\n                  error: infiniteQuery.error,\n                  refetch: infiniteQuery.refetch,\n              };\n\n    const rowActions = tableActions.filter(isSingleResourceAction);\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        ...getActionsColumn<T>(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: flatData,\n        columns: cols,\n        getCoreRowModel: getCoreRowModel(),\n        rowCount: 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        const allIds = tanTable.getAllFlatColumns().map(c => c.id);\n        const middleIds = allIds.filter(id => id !== 'checkbox' && id !== ACTIONS_COLUMN_ID);\n        setColumnOrder(prevOrder => {\n            // Preserve any existing custom order for the non-special columns; append newly seen ones.\n            const preserved = prevOrder.filter(id => middleIds.includes(id));\n            const rest = middleIds.filter(id => !prevOrder.includes(id));\n            const orderedMiddle = preserved.length > 0 ? [...preserved, ...rest] : middleIds;\n            return [\n                ...(allIds.includes('checkbox') ? ['checkbox'] : []),\n                ...orderedMiddle,\n                ...(allIds.includes(ACTIONS_COLUMN_ID) ? [ACTIONS_COLUMN_ID] : []),\n            ];\n        });\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        pathParameters,\n        queryParameters,\n        viewMode: effectiveViewMode,\n        setViewMode,\n        isMobile,\n        Card,\n        allowSelection,\n        previewFilters,\n        infiniteQuery,\n        disableTableView,\n        hideViewToggle,\n        onRowNavigate,\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\nfunction EmptyMessage() {\n    const { query } = useDataTable();\n    if (query.isFetching) return null;\n    if (query.isError)\n        return (\n            <span className=\"flex gap-3 items-center\">\n                <IcInfo />\n                <span>{query.error?.message}</span>\n            </span>\n        );\n    if (query.data?.data?.length === 0) return <>No results found.</>;\n    return <>Unknown error. Please contact customer support.</>;\n}\n\nfunction Content({ cardGridClassName }: { cardGridClassName?: string }) {\n    const { query, tanTable, viewMode, tableActions, Card } = useDataTable();\n    const cardActions = tableActions.filter(isSingleResourceAction);\n    const isCardView = viewMode === 'card' && !!Card;\n\n    if (query.isLoading)\n        return (\n            <div className=\"body-sm flex items-center justify-center min-h-32\">\n                <Loader />\n            </div>\n        );\n    if (tanTable.getRowModel().rows.length === 0)\n        return (\n            <div className=\"body-sm flex items-center justify-center min-h-32 text-muted\">\n                <EmptyMessage />\n            </div>\n        );\n    if (isCardView) return <CardGrid Card={Card!} actions={cardActions} className={cardGridClassName} />;\n    return <TableContent className=\"w-full\" />;\n}\n\nexport type DataTableProps = React.ComponentProps<'section'> & {\n    cardGridClassName?: string;\n};\nexport function DataTable({ className, cardGridClassName, ...props }: DataTableProps) {\n    const { viewMode, Card } = useDataTable();\n    const isCardView = viewMode === 'card' && !!Card;\n\n    return (\n        <>\n            <ControlledDialogProvider>\n                {/* Table Actions Section */}\n                <Actions />\n                <section\n                    {...props}\n                    className={classNames('z-20 flex flex-col', !isCardView ? 'border rounded-md' : '', className)}\n                >\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 relative rounded-md [scrollbar-width:none]\" tabIndex={0}>\n                        <Content cardGridClassName={cardGridClassName} />\n                    </div>\n\n                    {/* Table Footer Section with Pagination and Column Picker */}\n                    {!isCardView && (\n                        <div className=\"flex w-full justify-between border-t gap-icon py-2 px-icon bg-elevation-mid rounded-b-md overflow-x-auto\">\n                            <div className=\"flex gap-icon\">\n                                <ColumnPicker />\n                                <PageSize />\n                            </div>\n                            <Paginator />\n                        </div>\n                    )}\n                </section>\n            </ControlledDialogProvider>\n        </>\n    );\n}\n\nexport type CardSelectionProps = {\n    isSelected: boolean;\n    onToggle: () => void;\n    allowSelection: boolean;\n};\n\nfunction CardGrid<T>({\n    Card,\n    actions,\n    className,\n    ...props\n}: {\n    Card: CardRenderer<T>;\n    actions: SingleResourceAction<T>[];\n} & React.ComponentProps<'div'>) {\n    const { tanTable, allowSelection } = useDataTable();\n    const { infiniteQuery } = useDataTable(); // expose from context\n    const sentinelRef = useRef<HTMLDivElement>(null);\n\n    // Todo: virtualization, see https://tanstack.com/virtual/latest/docs/introduction\n    useEffect(() => {\n        const el = sentinelRef.current;\n        if (!el) return;\n\n        const observer = new IntersectionObserver(\n            entries => {\n                if (entries[0].isIntersecting && infiniteQuery.hasNextPage && !infiniteQuery.isFetchingNextPage) {\n                    infiniteQuery.fetchNextPage();\n                }\n            },\n            { threshold: 0.1 }\n        );\n\n        observer.observe(el);\n        return () => observer.disconnect();\n    }, [infiniteQuery.hasNextPage, infiniteQuery.isFetchingNextPage]);\n\n    return (\n        <div {...props} className={classNames(className, 'grid grid-cols-1 lg:grid-cols-2 gap-icon pb-input')}>\n            {tanTable.getRowModel().rows.map((row, index) => {\n                const selection: CardSelectionProps = {\n                    isSelected: row.getIsSelected(),\n                    onToggle: () => row.toggleSelected(),\n                    allowSelection,\n                };\n                return <Fragment key={row.id}>{Card(row.original, actions, selection, index)}</Fragment>;\n            })}\n\n            {/* Invisible sentinel at the bottom triggers next page fetch */}\n            <div ref={sentinelRef} className=\"col-span-full h-4 flex items-center justify-center\">\n                {infiniteQuery.isFetchingNextPage && <Loader />}\n            </div>\n        </div>\n    );\n}\n\n// TODO, ?include query param on Licenses, Activations and other future resources that need this\nfunction ColumnPicker() {\n    const projectName = useProjectName();\n\n    if (projectName === 'customer-portal') {\n        return null;\n    }\n\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                    size={'sm'}\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 } = useDataTable();\n    const rowCount = tanTable.getRowCount();\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            {(tanTable.getCanNextPage() || tanTable.getCanPreviousPage()) && (\n                <>\n                    <Button\n                        aria-label=\"First page\"\n                        onPress={() => tanTable.firstPage()}\n                        isDisabled={!tanTable.getCanPreviousPage()}\n                        variant=\"neutral\"\n                        size={'icon-sm'}\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-sm'}\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-sm'}\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-sm'}\n                    >\n                        <IcLast />\n                    </Button>\n                </>\n            )}\n        </div>\n    );\n}\n\nfunction PageSize() {\n    const projectName = useProjectName();\n\n    if (projectName === 'customer-portal') {\n        return null;\n    }\n\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            size={'sm'}\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 {\n        query,\n        tanTable,\n        searchQuery,\n        setSearchQuery,\n        tableActions,\n        viewMode,\n        setViewMode,\n        isMobile,\n        Card,\n        previewFilters,\n        disableTableView,\n        hideViewToggle,\n    } = useDataTable();\n    const hasSelectedRows = tanTable.getSelectedRowModel().rows.length > 0;\n\n    const filteredActions = tableActions\n        .filter(ta => ta.resourceType !== 'single')\n        .filter(ta => (ta.resourceType === 'multiple') === hasSelectedRows);\n\n    return (\n        <section className=\"flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1\">\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                {<SearchField value={searchQuery} onChange={setSearchQuery} />}\n                <DataTableFilter previewFilters={previewFilters as string[] | undefined} />\n            </div>\n            <div className=\"flex gap-icon\">\n                {/* On mobile, actions render in a bar fixed to the bottom of the screen instead of here. */}\n                {!isMobile && <TableActions items={filteredActions} isFetching={query.isFetching} />}\n                {Card &&\n                    !disableTableView &&\n                    !isMobile &&\n                    !hideViewToggle && ( // Only show view mode toggle button if a Card component was provided, table view is enabled, and it isn't force-hidden or on mobile\n                        <div className=\"flex gap-1 bg-elevation-1 rounded-md overflow-hidden\">\n                            <Button\n                                variant={viewMode === 'table' ? 'primary' : 'neutral'}\n                                size=\"icon\"\n                                onPress={() => setViewMode('table')}\n                                aria-label=\"Table view\"\n                                className=\"border-none\"\n                            >\n                                <IcMenu />\n                            </Button>\n                            <Button\n                                variant={viewMode === 'card' ? 'primary' : 'neutral'}\n                                size=\"icon\"\n                                onPress={() => setViewMode('card')}\n                                aria-label=\"Card view\"\n                                className=\"border-none\"\n                            >\n                                <IcLayoutGrid />\n                            </Button>\n                        </div>\n                    )}\n            </div>\n            {isMobile && filteredActions.length > 0 && (\n                <div className=\"fixed inset-x-0 bottom-0 z-30 flex gap-icon border-t bg-elevation-1 p-icon\">\n                    <TableActions\n                        items={filteredActions}\n                        isFetching={query.isFetching}\n                        buttonClassName=\"flex-1 justify-center\"\n                    />\n                </div>\n            )}\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 <span className=\"tabular-nums\">{formatDate(value)}</span>;\n        case 'number':\n            return <span className=\"block text-right tabular-nums\">{formatNumber(value)}</span>;\n        case 'boolean':\n            return (\n                <Badge variant={Boolean(value) ? 'success' : 'destructive'} className=\"capitalize\">\n                    {String(value)}\n                </Badge>\n            );\n        case 'badge':\n            return <Badge>{String(value)}</Badge>;\n        case 'tags':\n            let items: string[] = !Array.isArray(value) ? [String(value)] : value;\n            return (\n                <TagGroup items={items.map(item => ({ id: item, name: item }))} className=\"!flex-nowrap\">\n                    {item => <Tag>{item.name}</Tag>}\n                </TagGroup>\n            );\n        case 'progressBar':\n            const [currentValue, maxValue] = value;\n            return (\n                <ProgressBar\n                    meterClassName=\"w-16\"\n                    label={`${currentValue}/${maxValue}`}\n                    minValue={0}\n                    maxValue={maxValue}\n                    value={currentValue}\n                />\n            );\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        case 'os':\n            return ALL_OS[value as keyof typeof ALL_OS] ?? value;\n        case 'licenseType':\n            return ALL_LICENSE_TYPES[value as string] ?? value;\n        case 'subscriptionInterval':\n            return Duration.formatISODuration(value);\n        case 'subscriptionStartTrigger':\n            return getSubscriptionStartTriggerLabel(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, onRowNavigate } = useDataTable();\n    const tableCellStyle = (isSticky: boolean, className?: string, zIndex: string = 'z-50') =>\n        classNames(\n            'text-left body-sm font-medium whitespace-nowrap',\n            isSticky && `sticky right-0 ${zIndex} text-center justify-center`,\n            className\n        );\n    return (\n        <TableComponent className={classNames('table-auto border-0 rounded-md', className)}>\n            <TableHeader className=\"sticky top-0 z-10 rounded-md\">\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-mid')}\n                            >\n                                {!header.column.getCanSort() && !header.isPlaceholder && (\n                                    <div\n                                        className={classNames(\n                                            'w-full flex items-center gap-1 text-xs uppercase',\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                                        size={'none'}\n                                        className={classNames(\n                                            'w-full p-1 rounded-md uppercase text-muted text-xs',\n                                            header.id === ACTIONS_COLUMN_ID ? 'justify-center' : 'justify-start',\n                                            header.column.getIsSorted() ? 'text-primary' : ''\n                                        )}\n                                        onPress={header.column.getToggleSortingHandler()}\n                                    >\n                                        <span>\n                                            <HeaderText header={header} />\n                                        </span>\n                                        {header.column.getIsSorted() && (\n                                            <SortIcon direction={header.column.getIsSorted()} />\n                                        )}\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                            'group bg-elevation-1 data-[selected=true]:bg-primary-100 hover:bg-elevation-mid',\n                            onRowNavigate && 'cursor-pointer focus-visible:outline focus-visible:outline-ring'\n                        )}\n                        key={row.id}\n                        data-selected={row.getIsSelected()}\n                        {...(onRowNavigate && {\n                            role: 'link',\n                            tabIndex: 0,\n                            onClick: (e: React.MouseEvent<HTMLTableRowElement>) => {\n                                if (\n                                    (e.target as Element).closest('a, button, input, select, textarea, [role=\"button\"]')\n                                )\n                                    return;\n                                onRowNavigate(row.original);\n                            },\n                            onKeyDown: (e: React.KeyboardEvent<HTMLTableRowElement>) => {\n                                if (e.key === 'Enter') onRowNavigate(row.original);\n                            },\n                        })}\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(\n                                            isActionsColumn,\n                                            isActionsColumn\n                                                ? 'bg-elevation-1 group-data-[selected=true]:bg-primary-100 group-hover:bg-elevation-mid'\n                                                : '',\n                                            'z-1'\n                                        ),\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\n/** Base properties shared by all table actions */\ntype ActionBase = {\n    label: string;\n    icon: CtxIcon;\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/** Context provided to onPress functions in TableActions */\ntype ActionPressContext = {\n    event?: PressEvent;\n    openDialog: (c: React.ReactNode) => void;\n    closeDialog: () => void;\n    activeFilters: Record<string, unknown>;\n};\n\nexport type NoResourceAction = ActionBase & {\n    resourceType: 'none';\n    isDisabled?: () => boolean;\n    onPress: (c: ActionPressContext) => void;\n};\n\nexport type SingleResourceAction<T> = Omit<ActionBase, 'label'> & {\n    resourceType: 'single';\n    /** Label function that receives row data for dynamic labels */\n    label: string | ((data: T) => React.ReactNode);\n    isDisabled?: (data: T) => boolean;\n    onPress: (c: ActionPressContext & { data: T }) => void;\n};\n\nexport type BulkResourceAction<T> = ActionBase & {\n    resourceType: 'multiple';\n    isDisabled?: (data: T[]) => boolean;\n    onPress: (c: ActionPressContext & { data: T[] }) => void;\n};\n\n/** Common table action type that works for both action and dialog types */\nexport type TableAction<T> = NoResourceAction | SingleResourceAction<T> | BulkResourceAction<T>;\n\nfunction isNoResourceAction<T>(item: TableAction<T>): item is NoResourceAction {\n    return item.resourceType === 'none';\n}\n\nfunction isSingleResourceAction<T>(item: TableAction<T>): item is SingleResourceAction<T> {\n    return item.resourceType === 'single';\n}\n\nfunction isBulkResourceAction<T>(item: TableAction<T>): item is BulkResourceAction<T> {\n    return item.resourceType === 'multiple';\n}\n\nexport type TableActionsProps<T> = {\n    /** Array of table actions to render */\n    readonly items: (NoResourceAction | BulkResourceAction<T>)[];\n    /** Whether the table is currently fetching data */\n    readonly isFetching?: boolean;\n    /** Additional class names applied to each action button */\n    readonly buttonClassName?: string;\n};\n\nfunction TableActions<T>({ items, isFetching, buttonClassName }: TableActionsProps<T>) {\n    const { openDialog, closeDialog } = useControlledDialog();\n    const { tanTable, mergedFilters } = useDataTable();\n\n    function getTableActionIsDisabled<T>(item: TableAction<T>, rows: T[]): boolean {\n        if (!item.isDisabled) return false;\n\n        if (isNoResourceAction(item)) {\n            return item.isDisabled();\n        } else if (isBulkResourceAction(item)) {\n            return item.isDisabled(rows);\n        }\n        return false;\n    }\n\n    const selectedRows = tanTable.getSelectedRowModel().rows.map(r => r.original);\n    return (\n        <>\n            {items.map((item, i) => {\n                const Icon = item.icon;\n                const isDisabled = getTableActionIsDisabled(item, selectedRows) || isFetching;\n\n                return (\n                    <Button\n                        key={`${item.label}-${i}`}\n                        aria-label={item.label}\n                        type=\"button\"\n                        isDisabled={isDisabled}\n                        className={classNames(\n                            'animate-in fade-in slide-in-from-right-15 duration-300 transition-transform',\n                            buttonClassName\n                        )}\n                        onPress={e => {\n                            const context = { event: e, openDialog, closeDialog, activeFilters: mergedFilters };\n                            // TableActions only has Bulk actions and NoResource actions\n                            if (isNoResourceAction(item)) {\n                                item.onPress(context);\n                            } else if (isBulkResourceAction(item)) {\n                                item.onPress({ ...context, data: selectedRows });\n                            }\n                        }}\n                        variant={item.variant ?? 'neutral'}\n                    >\n                        {Icon && <Icon aria-hidden />}\n                        <span>{item.label}</span>\n                    </Button>\n                );\n            })}\n        </>\n    );\n}\n\nfunction TableActionsRowMenu<T>({\n    label,\n    items,\n    data,\n}: {\n    readonly label: React.ReactNode;\n    readonly items: SingleResourceAction<T>[];\n    readonly data: T;\n}) {\n    const { openDialog, closeDialog } = useControlledDialog();\n    const { mergedFilters } = useDataTable();\n    if (items.length < 5) {\n        return (\n            <div className=\"flex items-center gap-2\">\n                {items.map((it, i) => {\n                    const Icon = it.icon;\n                    const itemLabel = typeof it.label === 'function' ? it.label(data) : it.label;\n                    return (\n                        <TooltipTrigger key={`${i}-${typeof itemLabel === 'string' ? itemLabel : ''}`}>\n                            <Button\n                                aria-label={typeof itemLabel === 'string' ? itemLabel : undefined}\n                                isDisabled={it.isDisabled?.(data) ?? false}\n                                variant=\"ghost\"\n                                size=\"icon\"\n                                onPress={() => {\n                                    const context = { openDialog, closeDialog };\n                                    it.onPress({ ...context, data, activeFilters: mergedFilters });\n                                }}\n                            >\n                                <Icon className=\"size-icon\" />\n                            </Button>\n                            <Tooltip>{itemLabel}</Tooltip>\n                        </TooltipTrigger>\n                    );\n                })}\n            </div>\n        );\n    }\n\n    return (\n        <EasyMenu withChevron={false} aria-label=\"Actions\" label={label} size={'icon'}>\n            {items.map((it, i) => {\n                const Icon = it.icon;\n                const label = typeof it.label === 'function' ? it.label(data) : it.label;\n                return (\n                    <MenuItem\n                        key={`${i}-${typeof label === 'string' ? label : ''}`}\n                        id={typeof label === 'string' ? label : undefined}\n                        isDisabled={it.isDisabled?.(data) ?? false}\n                        onAction={() => {\n                            const context = { openDialog, closeDialog };\n                            if (isSingleResourceAction(it)) {\n                                it.onPress({ ...context, data, activeFilters: mergedFilters });\n                            }\n                        }}\n                    >\n                        <Icon className=\"size-icon\" />\n                        {label}\n                    </MenuItem>\n                );\n            })}\n        </EasyMenu>\n    );\n}\n","'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport { getLocalTimeZone, parseAbsolute, type ZonedDateTime } from '@internationalized/date';\nimport { useEffect, useRef, useState } from 'react';\nimport { Pressable } from 'react-aria-components';\nimport { Button } from '../components/button';\nimport { useDataTable } from '../components/data-table';\nimport { DatePicker } from '../components/date-picker';\nimport { EasyMenu, Menu, MenuHeader, MenuItem, MenuPopover, MenuTrigger } from '../components/menu';\nimport { MultiSelect, type MultiSelectProps } from '../components/multi-select';\nimport { NumberField } from '../components/numberfield';\nimport { Popover, PopoverTrigger } from '../components/popover';\nimport type { SelectOption } from '../components/select-options';\nimport { TextField } from '../components/textfield';\nimport { formatDate } from '../utilities/date';\nimport { useProjectName, useResourceFormatter, type ApiFilters } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { IcAccount, IcCheck, IcClose, IcDate, IcFile, IcFilter, IcLicense, IcMinus, type CtxIcon } from './icons';\nimport { MultipleIdSearchInput } 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    'between',\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    between: 'between',\n};\n\nconst COMPARISON_OPERATOR_SHORT_LABELS: Record<FilterComparisonOperator, string> = {\n    eq: '=',\n    ne: '≠',\n    cn: 'contains',\n    nc: '!contains',\n    sw: 'starts with',\n    ew: 'ends with',\n    in: 'in',\n    nin: 'not in',\n    gt: '>',\n    gte: '≥',\n    lt: '<',\n    lte: '≤',\n    between: '↔',\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    /** If false, the filter chip is shown in the UI but not sent as a query parameter. Becomes true once the user edits the value. */\n    active?: boolean;\n    /** If true, clearing the filter resets it to preview state instead of removing it. */\n    isPreview?: boolean;\n    /** If false, the filter is sent as `property=value` without an operator. UI only shows \"equal to\". Always false for bool filters. */\n    needOperator?: boolean;\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. Between operator uses [from, to] tuple.\ntype DateLocalFilter = BaseLocalFilter<'date', string | [string, string]>;\ntype IdSearchLocalFilter = BaseLocalFilter<'id-search', string[]>;\n// Single-choice filter. Typically used for virtual/computed filters (see FilterConfig['toApiQuery']).\ntype DerivedSelectLocalFilter = BaseLocalFilter<'derived-select', string>;\n// TODO, entitlementSets.productIds\nfunction createNewFilter(property: string, config: FilterConfig): TableFilter {\n    const type = config.type;\n    const id = `${property}-${Date.now()}`;\n    // Bool and derived-select filters never send an operator\n    const resolvedNeedOperator = type === 'bool' || type === 'derived-select' ? false : (config.needOperator ?? true);\n    const operator = resolvedNeedOperator ? FilterOperations[type][0] : 'eq';\n    const base = { id, property, operator, needOperator: resolvedNeedOperator };\n\n    switch (type) {\n        case 'bool':\n            return { ...base, type, value: true };\n        case 'derived-select':\n            return { ...base, type, value: config.options[0]?.id ?? '' };\n        case 'string':\n            return { ...base, type, value: '' };\n        case 'date':\n            return {\n                ...base,\n                type,\n                value:\n                    operator === 'between'\n                        ? ([new Date().toISOString(), new Date().toISOString()] as [string, string])\n                        : new Date().toISOString(),\n            };\n        case 'id':\n            return { ...base, type, value: '' };\n        case 'id-search':\n            return { ...base, type, value: [] };\n        case 'enum':\n            return { ...base, type, value: new Set<string | number>() };\n        case 'number':\n            return { ...base, type, value: 0 };\n    }\n}\n\nexport type TableFilter =\n    | EnumLocalFilter\n    | IdLocalFilter\n    | BoolLocalFilter\n    | StringLocalFilter\n    | DateLocalFilter\n    | IdSearchLocalFilter\n    | NumberLocalFilter\n    | DerivedSelectLocalFilter;\n\nexport type FilterConfig = (\n    | { type: 'enum'; options: MultiSelectProps['items'] }\n    | ({ type: 'id-search' } & Pick<\n          React.ComponentProps<typeof MultipleIdSearchInput>,\n          'accessor' | 'path' | 'defaultParams'\n      >)\n    | { type: 'id' }\n    | { type: 'bool' }\n    | { type: 'string' }\n    | { type: 'date' }\n    | { type: 'number' }\n    | {\n          type: 'derived-select';\n          options: SelectOption[];\n          /**\n           * Maps the selected option's id to real API query params. Required for `derived-select` filters,\n           * since they're meant for virtual/computed properties that don't map 1:1 to an API filter property\n           * (e.g. a \"status\" filter derived from several boolean properties like `revoked`/`expired`).\n           */\n          toApiQuery: (value: string) => Record<string, unknown>;\n      }\n) & {\n    /**\n     * When false, the filter is sent as `property=value` instead of `property[operator]=value`,\n     * and the UI locks the operator to \"equal to\". Defaults to true. Bool and derived-select filters are always treated as false.\n     */\n    needOperator?: boolean;\n};\n\nexport type FilterType = FilterConfig['type'];\n\nconst FilterOperations: Record<FilterType, FilterComparisonOperator[]> = {\n    bool: ['eq'],\n    'derived-select': ['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: ['between', '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\ntype FilterUpdate = { operator?: FilterComparisonOperator; value?: TableFilter['value'] };\n\nfunction getFilterValueSummary(filter: TableFilter, filterConfig: Record<string, FilterConfig>): string {\n    switch (filter.type) {\n        case 'string':\n        case 'id':\n            return filter.value ?? '';\n        case 'number':\n            return filter.value?.toString() ?? '';\n        case 'bool':\n            return filter.value ? 'true' : 'false';\n        case 'derived-select': {\n            const config = filterConfig[filter.property];\n            if (!config || config.type !== 'derived-select') return filter.value ?? '';\n            const option = config.options.find(o => o.id === filter.value);\n            return typeof option?.label === 'string' ? option.label : (filter.value ?? '');\n        }\n        case 'date':\n            if (Array.isArray(filter.value)) {\n                const [from, to] = filter.value;\n                return `${formatDate(from, { dateStyle: 'short' }) ?? ''} – ${formatDate(to, { dateStyle: 'short' }) ?? ''}`;\n            }\n            return filter.value ? (formatDate(filter.value, { dateStyle: 'short' }) ?? '') : '';\n        case 'enum':\n            return filter.value && filter.value.size > 0 ? `${filter.value.size} selected` : '';\n        case 'id-search':\n            return filter.value && filter.value.length > 0\n                ? filter.value.length === 1\n                    ? '1 item'\n                    : `${filter.value.length} items`\n                : '';\n    }\n}\n\nfunction FilterValueInput({\n    filter,\n    filterConfig,\n    onChange,\n}: {\n    filter: TableFilter;\n    filterConfig: Record<string, FilterConfig>;\n    onChange: (value: TableFilter['value']) => void;\n}) {\n    if (filter.type === 'string' || filter.type === 'id') {\n        return (\n            <TextField\n                autoFocus\n                value={filter.value ?? ''}\n                onChange={onChange as (v: string) => void}\n                aria-label=\"Filter value\"\n            />\n        );\n    }\n\n    if (filter.type === 'number') {\n        return (\n            <NumberField\n                autoFocus\n                value={filter.value}\n                onChange={onChange as (v: number) => void}\n                aria-label=\"Filter value\"\n            />\n        );\n    }\n\n    if (filter.type === 'date') {\n        if (filter.operator === 'between') {\n            const [fromStr, toStr] = Array.isArray(filter.value)\n                ? filter.value\n                : [new Date().toISOString(), new Date().toISOString()];\n            const from = parseAbsolute(fromStr, getLocalTimeZone());\n            const to = parseAbsolute(toStr, getLocalTimeZone());\n            return (\n                <div className=\"flex flex-col gap-icon\">\n                    <DatePicker<ZonedDateTime>\n                        autoFocus\n                        hideTimeZone\n                        label=\"From\"\n                        value={from}\n                        onChange={v => onChange([v ? v.toAbsoluteString() : fromStr, toStr])}\n                    />\n                    <DatePicker<ZonedDateTime>\n                        hideTimeZone\n                        label=\"To\"\n                        value={to}\n                        onChange={v => onChange([fromStr, v ? v.toAbsoluteString() : toStr])}\n                    />\n                </div>\n            );\n        }\n        const value =\n            filter.value && !Array.isArray(filter.value) ? parseAbsolute(filter.value, getLocalTimeZone()) : null;\n        return (\n            <DatePicker<ZonedDateTime>\n                autoFocus\n                hideTimeZone\n                value={value}\n                onChange={v => onChange(v ? v.toAbsoluteString() : new Date().toISOString())}\n                aria-label=\"Filter date\"\n            />\n        );\n    }\n\n    if (filter.type === 'enum') {\n        const config = filterConfig[filter.property];\n        if (config.type !== 'enum') return null;\n        return (\n            <MultiSelect\n                autoFocus\n                items={config.options}\n                value={filter.value ?? new Set<string | number>()}\n                onChange={onChange as (v: Set<string | number>) => void}\n                aria-label=\"Filter value\"\n            />\n        );\n    }\n\n    if (filter.type === 'id-search') {\n        const config = filterConfig[filter.property];\n        if (config.type !== 'id-search') return null;\n        const defaultParams = config.defaultParams;\n        return (\n            <MultipleIdSearchInput\n                autoFocus\n                path={config.path}\n                accessor={config.accessor}\n                defaultParams={defaultParams}\n                value={filter.value ?? []}\n                onChange={onChange as (v: string[]) => void}\n                aria-label=\"Filter value\"\n            />\n        );\n    }\n\n    return null;\n}\n\nfunction FilterChip({\n    filter,\n    filterConfig,\n    resourceFormatter,\n    onRemove,\n    onUpdate,\n    isOpen,\n    onOpenChange,\n}: {\n    filter: TableFilter;\n    filterConfig: Record<string, FilterConfig>;\n    resourceFormatter: (key: string) => string;\n    onRemove: () => void;\n    onUpdate: (updates: FilterUpdate) => void;\n    isOpen?: boolean;\n    onOpenChange?: (isOpen: boolean) => void;\n}) {\n    // Operator is locked to \"equal to\" when the filter doesn't send one\n    const operators = filter.needOperator === false ? (['eq'] as const) : FilterOperations[filter.type];\n    const valueSummary = getFilterValueSummary(filter, filterConfig);\n\n    const project = useProjectName();\n\n    // Bool and derived-select filters always resolve to a single fixed operator (\"equal to\") and their\n    // value is one choice from a flat list, so the chip shows the selected value itself (not the\n    // property name), and the dropdown carries the property name as its title instead.\n    const isDirectMenu = filter.type === 'bool' || filter.type === 'derived-select';\n\n    const chipButton = (\n        <Button\n            type=\"button\"\n            variant={filter.active === false ? 'neutral' : 'primary_neutral'}\n            className={'animate-in slide-in-from-left-10 fade-in flex justify-between gap-2'}\n        >\n            <IcFilter />\n            {isDirectMenu ? (\n                <span className=\"font-medium\">{valueSummary}</span>\n            ) : (\n                <>\n                    <span className=\"font-medium\">{resourceFormatter(filter.property)}</span>\n                    {project !== 'customer-portal' && <span>{COMPARISON_OPERATOR_SHORT_LABELS[filter.operator]}</span>}\n                    {project !== 'customer-portal' && valueSummary && <span>{valueSummary}</span>}\n                </>\n            )}\n            {filter.active !== false && (\n                <Pressable onPress={() => onRemove()}>\n                    <span className=\"bg-primary hover:bg-destructive rounded-full size-icon flex justify-center items-center\">\n                        <IcClose className=\"size-2.5 text-elevation-1\" />\n                    </span>\n                </Pressable>\n            )}\n        </Button>\n    );\n\n    if (isDirectMenu) {\n        let options: SelectOption[];\n        let selectedKey: string;\n        if (filter.type === 'bool') {\n            options = [\n                { id: 'true', label: 'True' },\n                { id: 'false', label: 'False' },\n            ];\n            selectedKey = filter.value ? 'true' : 'false';\n        } else {\n            const config = filterConfig[filter.property];\n            options = config?.type === 'derived-select' ? config.options : [];\n            selectedKey = filter.value ?? '';\n        }\n\n        return (\n            <MenuTrigger isOpen={isOpen} onOpenChange={onOpenChange}>\n                <div className=\"relative\">{chipButton}</div>\n                <MenuPopover className=\"min-w-48\">\n                    <MenuHeader inset separator={false}>\n                        {resourceFormatter(filter.property)}\n                    </MenuHeader>\n                    <Menu\n                        selectionMode=\"single\"\n                        disallowEmptySelection\n                        selectedKeys={new Set([selectedKey])}\n                        onSelectionChange={keys => {\n                            if (keys === 'all') return;\n                            const key = keys.values().next().value as string | number | undefined;\n                            if (key == null) return;\n                            onUpdate({ value: filter.type === 'bool' ? String(key) === 'true' : String(key) });\n                        }}\n                        aria-label=\"Filter value\"\n                    >\n                        {options.map(option => (\n                            <MenuItem key={option.id} id={option.id}>\n                                {option.label}\n                            </MenuItem>\n                        ))}\n                    </Menu>\n                </MenuPopover>\n            </MenuTrigger>\n        );\n    }\n\n    return (\n        <PopoverTrigger isOpen={isOpen} onOpenChange={onOpenChange}>\n            <div className=\"relative\">{chipButton}</div>\n            <Popover className=\"p-icon min-w-48\">\n                <div className=\"flex flex-col gap-icon\">\n                    {operators.length > 1 && (\n                        <EasyMenu\n                            label={COMPARISON_OPERATOR_LABELS[filter.operator]}\n                            variant=\"neutral\"\n                            aria-label=\"Change operator\"\n                        >\n                            {operators.map(op => (\n                                <MenuItem key={op} onAction={() => onUpdate({ operator: op })}>\n                                    {COMPARISON_OPERATOR_LABELS[op]}\n                                </MenuItem>\n                            ))}\n                        </EasyMenu>\n                    )}\n                    <FilterValueInput\n                        filter={filter}\n                        filterConfig={filterConfig}\n                        onChange={value => onUpdate({ value })}\n                    />\n                    <Button\n                        type=\"button\"\n                        variant=\"neutral\"\n                        className={'self-end'}\n                        onPress={onRemove}\n                        aria-label={`Remove ${resourceFormatter(filter.property)} filter`}\n                    >\n                        Clear\n                    </Button>\n                </div>\n            </Popover>\n        </PopoverTrigger>\n    );\n}\n\nexport function DataTableFilter({\n    className,\n    previewFilters,\n    ...props\n}: React.ComponentProps<'section'> & {\n    /** Keys from filterConfig to show as filter chips on mount, not applied until the user edits them. */\n    previewFilters?: string[];\n}) {\n    const { filters, query, setFilters, filterConfig } = useDataTable();\n    const resourceFormatter = useResourceFormatter();\n    const filterKeys = Object.keys(filterConfig)\n        .filter(k => !filters.some(f => f.property === k))\n        .sort();\n    const [openFilterId, setOpenFilterId] = useState<string | null>(null);\n\n    const initialized = useRef(false);\n    useEffect(() => {\n        if (!initialized.current && filters.length === 0) {\n            const toSet: TableFilter[] = [];\n            if (previewFilters && previewFilters.length > 0) {\n                toSet.push(\n                    ...previewFilters\n                        .filter(key => filterConfig[key])\n                        .map(key => ({\n                            ...createNewFilter(key, filterConfig[key]),\n                            active: false as const,\n                            isPreview: true as const,\n                        }))\n                );\n            }\n            if (toSet.length > 0) setFilters(toSet);\n        }\n        initialized.current = true;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const addFilter = (property: string) => {\n        const newFilter = createNewFilter(property, filterConfig[property]);\n        setFilters([...filters, newFilter]);\n        setOpenFilterId(newFilter.id);\n    };\n\n    const removeFilter = (id: string) => {\n        const filter = filters.find(f => f.id === id);\n        if (filter?.isPreview) {\n            setFilters(\n                filters.map(f =>\n                    f.id === id\n                        ? {\n                              ...createNewFilter(f.property, filterConfig[f.property]),\n                              active: false as const,\n                              isPreview: true as const,\n                          }\n                        : f\n                )\n            );\n        } else {\n            setFilters(filters.filter(f => f.id !== id));\n        }\n    };\n\n    const clearAllFilters = () => {\n        setFilters(\n            filters\n                .filter(f => f.isPreview)\n                .map(f => ({\n                    ...createNewFilter(f.property, filterConfig[f.property]),\n                    active: false as const,\n                    isPreview: true as const,\n                }))\n        );\n        setOpenFilterId(null);\n    };\n\n    const hasClearableFilters = filters.some(f => !f.isPreview || f.active !== false);\n\n    const updateFilter = (id: string, updates: FilterUpdate) => {\n        setFilters(\n            filters.map(f => {\n                if (f.id !== id) return f;\n                let value = updates.value !== undefined ? updates.value : f.value;\n                const newOperator = updates.operator ?? f.operator;\n                if (f.type === 'date' && updates.operator !== undefined) {\n                    if (newOperator === 'between' && !Array.isArray(value)) {\n                        const str = typeof value === 'string' ? value : new Date().toISOString();\n                        value = [str, str] as [string, string];\n                    } else if (newOperator !== 'between' && Array.isArray(value)) {\n                        value = value[0] ?? new Date().toISOString();\n                    }\n                }\n                return { ...f, ...updates, value, active: true } as TableFilter;\n            })\n        );\n    };\n\n    return (\n        <section {...props} className={classNames('flex flex-wrap gap-icon items-center', className)}>\n            {filters\n                .filter(filter => filter.property in filterConfig)\n                .map(filter => (\n                    <FilterChip\n                        key={filter.id}\n                        filter={filter}\n                        filterConfig={filterConfig}\n                        resourceFormatter={resourceFormatter}\n                        onRemove={() => removeFilter(filter.id)}\n                        onUpdate={updates => updateFilter(filter.id, updates)}\n                        isOpen={openFilterId === filter.id}\n                        onOpenChange={open => setOpenFilterId(open ? filter.id : null)}\n                    />\n                ))}\n\n            {filterKeys.length > 0 && (\n                <EasyMenu label={<IcFilter />} isDisabled={query.isPending} variant=\"neutral\" aria-label=\"Add filter\">\n                    {filterKeys.map(k => {\n                        const type = filterConfig[k].type;\n                        const Icon = FilterIcon[type];\n                        return (\n                            <MenuItem className={'!justify-between'} key={k} onAction={() => addFilter(k)}>\n                                {resourceFormatter(k)}\n                                <Icon />\n                            </MenuItem>\n                        );\n                    })}\n                </EasyMenu>\n            )}\n\n            {hasClearableFilters && (\n                <Button\n                    variant=\"ghost\"\n                    onPress={clearAllFilters}\n                    aria-label=\"Clear all filters\"\n                    className=\"animate-in fade-in\"\n                >\n                    Clear All\n                </Button>\n            )}\n        </section>\n    );\n}\n\nconst FilterIcon: Record<FilterConfig['type'], CtxIcon> = {\n    'id-search': IcFile,\n    bool: IcCheck,\n    'derived-select': IcCheck,\n    date: IcDate,\n    enum: IcLicense,\n    id: IcAccount,\n    number: IcMinus,\n    string: IcCheck,\n};\n"],"names":["generateSortParam","sort","cH","createColumnHelper","TABLE_CHECK_BOX_COLUMN","table","jsx","Checkbox","row","ACTIONS_COLUMN_ID","getActionsColumn","rowActions","TableActionsRowMenu","IcMoreVertical","getColumnHelper","useDataTableState","path","pathParameters","queryParameters","columns","filterConfig","columnsToHideByDefault","allowSelection","initialFilters","previewFilters","tableActions","Card","onRowNavigate","disableTableView","hideViewToggle","include","tableState","_setTableState","useState","sorting","pagination","searchQuery","setSearchQuery","rowSelection","setRowSelection","filters","setFilters","mergedFilters","useMemo","tf","config","value","acc","current","merge","includeParam","sharedQueryParams","client","useCtxClient","tableQueryKey","cardQueryKey","prefsKey","columnOrder","setColumnOrder","useLocalStorage","columnVisibility","setColumnVisibility","viewMode","setViewMode","isMobile","useIsMobile","effectiveViewMode","updateTableState","updates","prev","fetchPage","pageParam","res","tableQuery","useQuery","infiniteQuery","useInfiniteQuery","lastPage","allPages","p","flatData","total","query","isSingleResourceAction","cols","isUpdaterFunction","updater","resolveUpdater","currentValue","tanTable","useReactTable","getCoreRowModel","useEffect","allIds","c","middleIds","id","prevOrder","preserved","rest","orderedMiddle","DataTableContext","createContext","useDataTable","ctx","useContext","DataTableProvider","children","props","EmptyMessage","jsxs","IcInfo","Content","cardGridClassName","cardActions","isCardView","Loader","CardGrid","TableContent","DataTable","className","Fragment","ControlledDialogProvider","Actions","classNames","ColumnPicker","PageSize","Paginator","actions","sentinelRef","useRef","el","observer","entries","index","selection","useProjectName","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","filteredActions","ta","IcRefresh","SearchField","DataTableFilter","TableActions","IcMenu","IcLayoutGrid","direction","IcSortAsc","IcSortDesc","IcSortNone","headerDef","renderCellByDisplayType","cell","displayType","formatDate","formatNumber","Badge","TagGroup","item","Tag","maxValue","ProgressBar","CountryName","formatFilesize","formatDays","ALL_OS","ALL_LICENSE_TYPES","Duration","getSubscriptionStartTriggerLabel","HeaderText","header","flexRender","tableCellStyle","isSticky","zIndex","TableComponent","TableHeader","headerGroup","TableRow","TableHead","TableBody","e","isActionsColumn","cellContent","TableCell","isNoResourceAction","isBulkResourceAction","isFetching","buttonClassName","openDialog","closeDialog","useControlledDialog","getTableActionIsDisabled","rows","selectedRows","r","i","Icon","isDisabled","context","label","data","it","itemLabel","TooltipTrigger","Tooltip","FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","COMPARISON_OPERATOR_SHORT_LABELS","createNewFilter","property","type","resolvedNeedOperator","operator","FilterOperations","base","getFilterValueSummary","filter","option","o","from","to","FilterValueInput","onChange","TextField","NumberField","fromStr","toStr","parseAbsolute","getLocalTimeZone","DatePicker","v","MultiSelect","defaultParams","MultipleIdSearchInput","FilterChip","onRemove","onUpdate","isOpen","onOpenChange","operators","valueSummary","project","isDirectMenu","chipButton","IcFilter","Pressable","IcClose","options","selectedKey","MenuTrigger","MenuPopover","MenuHeader","Menu","keys","key","PopoverTrigger","Popover","op","filterKeys","k","openFilterId","setOpenFilterId","initialized","toSet","addFilter","newFilter","removeFilter","f","clearAllFilters","hasClearableFilters","updateFilter","newOperator","str","open","FilterIcon","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 { useInfiniteQuery, useQuery } from '@tanstack/react-query';\n\nimport {\n    type Column,\n    type ColumnDef,\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 React, { createContext, Fragment, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Badge } from '../components/badge';\n\nimport { Button } from '../components/button';\nimport {\n    DataTableFilter,\n    type FilterConfig,\n    type FiltersConfig,\n    type TableFilter,\n} from '../components/data-table-filter';\nimport { Loader } from '../components/loader';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport { SearchField } from '../components/searchfield';\nimport { TableBody, TableCell, Table as TableComponent, TableHead, TableHeader, TableRow } from '../components/table';\nimport { CountryName } from '../utilities/countries';\nimport { formatDate } from '../utilities/date';\nimport { Duration } from '../utilities/duration';\nimport { formatDays, formatFilesize, formatNumber } from '../utilities/numbers';\nimport {\n    ALL_OS,\n    type ApiFilter,\n    type ApiPathParameters,\n    type ApiResponseBody,\n    useProjectName,\n    useResourceFormatter,\n} from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { useIsMobile } from '../utilities/use-mobile';\nimport { Checkbox } from './checkbox';\nimport { Tooltip, TooltipTrigger } from './tooltip';\n\nimport {\n    type CtxIcon,\n    IcColumns,\n    IcFirst,\n    IcGrip,\n    IcInfo,\n    IcLast,\n    IcLayoutGrid,\n    IcLeft,\n    IcMenu,\n    IcMoreVertical,\n    IcRefresh,\n    IcRight,\n    IcSortAsc,\n    IcSortDesc,\n    IcSortNone,\n} from './icons';\nimport { ALL_LICENSE_TYPES, getSubscriptionStartTriggerLabel } from './select-options';\n\nimport type { Cell, ColumnHelper } from '@tanstack/react-table';\nimport type { ClientPathsWithMethod } from 'openapi-fetch';\nimport type { PressEvent } from 'react-aria-components';\nimport { type CtxClientType, useCtxClient } from '../utilities/ctx-client';\nimport { ControlledDialogProvider, useControlledDialog } from './dialog';\nimport { ProgressBar } from './progress-bar';\nimport { Tag, TagGroup } from './tag-group';\n\nexport type DisplayType =\n    | 'string'\n    | 'boolean'\n    | 'date'\n    | 'number'\n    | 'enum'\n    | 'badge'\n    | 'tags'\n    | 'country'\n    | 'fileSize'\n    | 'days'\n    | 'os'\n    | 'licenseType'\n    | 'subscriptionInterval'\n    | 'subscriptionStartTrigger'\n    | 'progressBar';\n\ndeclare module '@tanstack/react-table' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        displayType: DisplayType;\n    }\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                size=\"sm\"\n            />\n        ),\n\n        cell: ({ row }) => (\n            <Checkbox\n                isSelected={row.getIsSelected()}\n                onChange={() => row.toggleSelected()}\n                aria-label=\"Select row\"\n                size=\"sm\"\n            />\n        ),\n        enableSorting: false,\n        enableHiding: false,\n    }),\n];\n\nconst ACTIONS_COLUMN_ID = 'TableActions';\nfunction getActionsColumn<T extends object>(rowActions: SingleResourceAction<T>[]) {\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 }) => (\n                <TableActionsRowMenu label={<IcMoreVertical />} data={row.original} items={rowActions} />\n            ),\n            enableSorting: false,\n        }),\n    ];\n}\n\ntype DataTableFactoryBase<\n    T extends object,\n    TOperation extends keyof operations,\n    TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n> = {\n    path: NoInfer<ClientPathsWithMethod<CtxClientType, 'get'>>;\n    pathParameters?: NoInfer<ApiPathParameters<TOperation>>;\n    queryParameters?: NoInfer<Partial<ApiFilter<TOperation>>>;\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    allowToolbar?: boolean;\n    filterConfig: TFilterConfig;\n    initialFilters: TableFilter[];\n    previewFilters?: (keyof TFilterConfig)[];\n    /** When provided, each row becomes a navigable link. Called with the row's data on click or Enter. */\n    onRowNavigate?: (row: T) => void;\n    /** Related resources to embed in list responses, e.g. `['users', 'organization']` → `?include=users,organization`. */\n    include?: string[];\n    /** Hides the table/card view toggle button even when both views are available. The initial view mode (or the mobile-forced card view) still applies. */\n    hideViewToggle?: boolean;\n};\n\ntype CardRenderer<T> = (\n    item: T,\n    actions: SingleResourceAction<T>[],\n    selection: CardSelectionProps,\n    index?: number\n) => React.ReactNode;\n\ntype DataTableFactory<\n    T extends object,\n    TOperation extends keyof operations,\n    TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n> = DataTableFactoryBase<T, TOperation, TFilterConfig> &\n    ({ disableTableView: true; Card: CardRenderer<T> } | { disableTableView?: false; Card?: CardRenderer<T> });\n\ntype DataTableState = {\n    sorting: SortingState;\n    pagination: PaginationState;\n};\n\nexport function getColumnHelper<O extends keyof operations>(): ColumnHelper<ApiResponseBody<O>> {\n    return createColumnHelper<ApiResponseBody<O>>();\n}\n/**\n * Hook for handling all data-table state. Used in DataTableContext\n */\nexport function useDataTableState<\n    T extends object,\n    TOperation extends keyof operations,\n    TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n>({\n    path,\n    pathParameters,\n    queryParameters,\n    columns,\n    filterConfig,\n    columnsToHideByDefault = {},\n    allowSelection = false,\n    allowToolbar = true,\n    initialFilters = [],\n    previewFilters,\n    tableActions,\n    Card,\n    onRowNavigate,\n    disableTableView,\n    hideViewToggle,\n    include,\n}: DataTableFactory<T, TOperation, TFilterConfig>) {\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 { sorting, pagination } = tableState;\n\n    const [searchQuery, setSearchQuery] = useState('');\n\n    const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n\n    /** Reflect in URL in host application  */\n    const [filters, setFilters] = useState(initialFilters);\n    const mergedFilters = useMemo(() => {\n        // TODO, generic transform fn\n        return filters\n            .filter(tf => tf.active !== false)\n            .map(tf => {\n                // Virtual filters (e.g. a \"status\" filter derived from several boolean properties) are\n                // expanded into real API query params via their filterConfig's toApiQuery.\n                if (tf.type === 'derived-select') {\n                    const config = (filterConfig as Record<string, FilterConfig>)[tf.property];\n                    return config?.type === 'derived-select' ? config.toApiQuery(String(tf.value ?? '')) : {};\n                }\n                // Enum filters store their selection as a Set; normalize to an array so it's\n                // joined into a comma-separated string like other multi-value filters instead of\n                // being passed through as a Set, which the API client's query serializer can't handle.\n                const value = tf.value instanceof Set ? Array.from(tf.value) : tf.value;\n                // Filters that don't need an operator are sent as `property=value`\n                if (tf.needOperator === false) {\n                    return {\n                        [tf.property]: Array.isArray(value) ? value.join(',') : value,\n                    };\n                }\n                if (tf.operator === 'between' && Array.isArray(value) && value.length === 2) {\n                    return {\n                        [tf.property]: {\n                            gte: value[0],\n                            lte: value[1],\n                        },\n                    };\n                }\n                if (Array.isArray(value)) {\n                    return {\n                        [tf.property]: {\n                            [tf.operator]: value.join(','),\n                        },\n                    };\n                }\n                return {\n                    [tf.property]: {\n                        [tf.operator]: value,\n                    },\n                };\n            })\n            .reduce((acc, current) => {\n                return merge(acc, current);\n            }, {});\n    }, [filters, filterConfig]);\n\n    const includeParam = include?.length ? include.join(',') : undefined;\n\n    // Page is deliberately excluded here: the card view's infinite query always starts from\n    // page 1 and accumulates pages, so its cache key must not depend on the table's pageIndex.\n    const sharedQueryParams = {\n        ...queryParameters,\n        ...mergedFilters,\n        limit: pagination.pageSize,\n        sort: generateSortParam(sorting[0]),\n        search: searchQuery,\n        ...(includeParam ? { include: includeParam } : {}),\n    };\n\n    const client = useCtxClient();\n    const tableQueryKey = ['get', path, { ...sharedQueryParams, page: pagination.pageIndex + 1 }, 'table'];\n    const cardQueryKey = ['get', path, sharedQueryParams, 'card'];\n\n    const prefsKey = `${path}_ctx`;\n    const [columnOrder, setColumnOrder] = useLocalStorage<ColumnOrderState>(`${prefsKey}_column_order_preference`, []);\n    const [columnVisibility, setColumnVisibility] = useLocalStorage<VisibilityState>(\n        `${prefsKey}_column_visibility_preference`,\n        {\n            id: false,\n            ...columnsToHideByDefault,\n        }\n    );\n    const [viewMode, setViewMode] = useLocalStorage<'table' | 'card'>(\n        `${prefsKey}_view_mode_preference`,\n        disableTableView ? 'card' : 'table'\n    );\n    // On mobile, always render cards (when a Card renderer is available) regardless of the user's saved preference.\n    const isMobile = useIsMobile();\n    const effectiveViewMode = disableTableView || (isMobile && Card) ? 'card' : viewMode;\n\n    // Update table state with new values\n    const updateTableState = (updates: Partial<DataTableState>) => {\n        _setTableState(prev => ({ ...prev, ...updates }));\n    };\n\n    async function fetchPage(pageParam: number) {\n        const res = await client.GET(path, {\n            params: {\n                query: {\n                    ...queryParameters,\n                    page: pageParam,\n                    limit: pagination.pageSize,\n                    sort: sharedQueryParams.sort,\n                    search: sharedQueryParams.search,\n                    ...(includeParam ? { include: includeParam } : {}),\n                    ...mergedFilters,\n                },\n                path: pathParameters as any,\n            },\n        });\n        return {\n            data: (res.data ?? []) as T[],\n            total: Number.parseInt(res.response.headers.get('Pagination-Count') || '0'),\n            nextPage: pageParam + 1,\n        };\n    }\n\n    const tableQuery = useQuery({\n        queryKey: tableQueryKey,\n        enabled: effectiveViewMode === 'table',\n        queryFn: () => fetchPage(pagination.pageIndex + 1),\n        placeholderData: prev => prev,\n    });\n\n    const infiniteQuery = useInfiniteQuery({\n        queryKey: cardQueryKey,\n        enabled: effectiveViewMode === 'card',\n        initialPageParam: 1,\n        queryFn: ({ pageParam }) => fetchPage(pageParam),\n        getNextPageParam: (lastPage, allPages) => {\n            const fetched = allPages.flatMap(p => p.data).length;\n            return fetched < lastPage.total ? lastPage.nextPage : undefined;\n        },\n    });\n\n    // Flatten data into a single array for tanStack table\n    const flatData = useMemo<T[]>(() => {\n        if (effectiveViewMode === 'table') return tableQuery.data?.data ?? [];\n        return infiniteQuery.data?.pages.flatMap(p => p.data) ?? [];\n    }, [effectiveViewMode, tableQuery.data, infiniteQuery.data]);\n\n    const total = useMemo(() => {\n        if (effectiveViewMode === 'table') return tableQuery.data?.total ?? 0;\n        return infiniteQuery.data?.pages[0]?.total ?? 0;\n    }, [effectiveViewMode, tableQuery.data, infiniteQuery.data]);\n\n    const query =\n        effectiveViewMode === 'table'\n            ? tableQuery\n            : {\n                  ...infiniteQuery,\n                  data: { data: flatData, total },\n                  isLoading: infiniteQuery.isLoading,\n                  isFetching: infiniteQuery.isFetching,\n                  isError: infiniteQuery.isError,\n                  error: infiniteQuery.error,\n                  refetch: infiniteQuery.refetch,\n              };\n\n    const rowActions = tableActions.filter(isSingleResourceAction);\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        ...getActionsColumn<T>(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: flatData,\n        columns: cols,\n        getCoreRowModel: getCoreRowModel(),\n        rowCount: 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        const allIds = tanTable.getAllFlatColumns().map(c => c.id);\n        const middleIds = allIds.filter(id => id !== 'checkbox' && id !== ACTIONS_COLUMN_ID);\n        setColumnOrder(prevOrder => {\n            // Preserve any existing custom order for the non-special columns; append newly seen ones.\n            const preserved = prevOrder.filter(id => middleIds.includes(id));\n            const rest = middleIds.filter(id => !prevOrder.includes(id));\n            const orderedMiddle = preserved.length > 0 ? [...preserved, ...rest] : middleIds;\n            return [\n                ...(allIds.includes('checkbox') ? ['checkbox'] : []),\n                ...orderedMiddle,\n                ...(allIds.includes(ACTIONS_COLUMN_ID) ? [ACTIONS_COLUMN_ID] : []),\n            ];\n        });\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        pathParameters,\n        queryParameters,\n        viewMode: effectiveViewMode,\n        setViewMode,\n        isMobile,\n        Card,\n        allowSelection,\n        allowToolbar,\n        previewFilters,\n        infiniteQuery,\n        disableTableView,\n        hideViewToggle,\n        onRowNavigate,\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\nfunction EmptyMessage() {\n    const { query } = useDataTable();\n    if (query.isFetching) return null;\n    if (query.isError)\n        return (\n            <span className=\"flex gap-3 items-center\">\n                <IcInfo />\n                <span>{query.error?.message}</span>\n            </span>\n        );\n    if (query.data?.data?.length === 0) return <>No results found.</>;\n    return <>Unknown error. Please contact customer support.</>;\n}\n\nfunction Content({ cardGridClassName }: { cardGridClassName?: string }) {\n    const { query, tanTable, viewMode, tableActions, Card } = useDataTable();\n    const cardActions = tableActions.filter(isSingleResourceAction);\n    const isCardView = viewMode === 'card' && !!Card;\n\n    if (query.isLoading)\n        return (\n            <div className=\"body-sm flex items-center justify-center min-h-32\">\n                <Loader />\n            </div>\n        );\n    if (tanTable.getRowModel().rows.length === 0)\n        return (\n            <div className=\"body-sm flex items-center justify-center min-h-32 text-muted\">\n                <EmptyMessage />\n            </div>\n        );\n    if (isCardView) return <CardGrid Card={Card!} actions={cardActions} className={cardGridClassName} />;\n    return <TableContent className=\"w-full\" />;\n}\n\nexport type DataTableProps = React.ComponentProps<'section'> & {\n    cardGridClassName?: string;\n};\nexport function DataTable({ className, cardGridClassName, ...props }: DataTableProps) {\n    const { viewMode, Card, allowToolbar } = useDataTable();\n    const isCardView = viewMode === 'card' && !!Card;\n\n    return (\n        <>\n            <ControlledDialogProvider>\n                {/* Table Actions Section */}\n                {allowToolbar && <Actions />}\n                <section\n                    {...props}\n                    className={classNames('z-20 flex flex-col', !isCardView ? 'border rounded-md' : '', className)}\n                >\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 relative rounded-md [scrollbar-width:none]\" tabIndex={0}>\n                        <Content cardGridClassName={cardGridClassName} />\n                    </div>\n\n                    {/* Table Footer Section with Pagination and Column Picker */}\n                    {!isCardView && (\n                        <div className=\"flex w-full justify-between border-t gap-icon py-2 px-icon bg-elevation-mid rounded-b-md overflow-x-auto\">\n                            <div className=\"flex gap-icon\">\n                                <ColumnPicker />\n                                <PageSize />\n                            </div>\n                            <Paginator />\n                        </div>\n                    )}\n                </section>\n            </ControlledDialogProvider>\n        </>\n    );\n}\n\nexport type CardSelectionProps = {\n    isSelected: boolean;\n    onToggle: () => void;\n    allowSelection: boolean;\n};\n\nfunction CardGrid<T>({\n    Card,\n    actions,\n    className,\n    ...props\n}: {\n    Card: CardRenderer<T>;\n    actions: SingleResourceAction<T>[];\n} & React.ComponentProps<'div'>) {\n    const { tanTable, allowSelection } = useDataTable();\n    const { infiniteQuery } = useDataTable(); // expose from context\n    const sentinelRef = useRef<HTMLDivElement>(null);\n\n    // Todo: virtualization, see https://tanstack.com/virtual/latest/docs/introduction\n    useEffect(() => {\n        const el = sentinelRef.current;\n        if (!el) return;\n\n        const observer = new IntersectionObserver(\n            entries => {\n                if (entries[0].isIntersecting && infiniteQuery.hasNextPage && !infiniteQuery.isFetchingNextPage) {\n                    infiniteQuery.fetchNextPage();\n                }\n            },\n            { threshold: 0.1 }\n        );\n\n        observer.observe(el);\n        return () => observer.disconnect();\n    }, [infiniteQuery.hasNextPage, infiniteQuery.isFetchingNextPage]);\n\n    return (\n        <div {...props} className={classNames(className, 'grid grid-cols-1 lg:grid-cols-2 gap-icon pb-input')}>\n            {tanTable.getRowModel().rows.map((row, index) => {\n                const selection: CardSelectionProps = {\n                    isSelected: row.getIsSelected(),\n                    onToggle: () => row.toggleSelected(),\n                    allowSelection,\n                };\n                return <Fragment key={row.id}>{Card(row.original, actions, selection, index)}</Fragment>;\n            })}\n\n            {/* Invisible sentinel at the bottom triggers next page fetch */}\n            <div ref={sentinelRef} className=\"col-span-full h-4 flex items-center justify-center\">\n                {infiniteQuery.isFetchingNextPage && <Loader />}\n            </div>\n        </div>\n    );\n}\n\n// TODO, ?include query param on Licenses, Activations and other future resources that need this\nfunction ColumnPicker() {\n    const projectName = useProjectName();\n\n    if (projectName === 'customer-portal') {\n        return null;\n    }\n\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                    size={'sm'}\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 } = useDataTable();\n    const rowCount = tanTable.getRowCount();\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            {(tanTable.getCanNextPage() || tanTable.getCanPreviousPage()) && (\n                <>\n                    <Button\n                        aria-label=\"First page\"\n                        onPress={() => tanTable.firstPage()}\n                        isDisabled={!tanTable.getCanPreviousPage()}\n                        variant=\"neutral\"\n                        size={'icon-sm'}\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-sm'}\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-sm'}\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-sm'}\n                    >\n                        <IcLast />\n                    </Button>\n                </>\n            )}\n        </div>\n    );\n}\n\nfunction PageSize() {\n    const projectName = useProjectName();\n\n    if (projectName === 'customer-portal') {\n        return null;\n    }\n\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            size={'sm'}\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 {\n        query,\n        tanTable,\n        searchQuery,\n        setSearchQuery,\n        tableActions,\n        viewMode,\n        setViewMode,\n        isMobile,\n        Card,\n        previewFilters,\n        disableTableView,\n        hideViewToggle,\n    } = useDataTable();\n    const hasSelectedRows = tanTable.getSelectedRowModel().rows.length > 0;\n\n    const filteredActions = tableActions\n        .filter(ta => ta.resourceType !== 'single')\n        .filter(ta => (ta.resourceType === 'multiple') === hasSelectedRows);\n\n    return (\n        <section className=\"flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1\">\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                {<SearchField value={searchQuery} onChange={setSearchQuery} />}\n                <DataTableFilter previewFilters={previewFilters as string[] | undefined} />\n            </div>\n            <div className=\"flex gap-icon\">\n                {/* On mobile, actions render in a bar fixed to the bottom of the screen instead of here. */}\n                {!isMobile && <TableActions items={filteredActions} isFetching={query.isFetching} />}\n                {Card &&\n                    !disableTableView &&\n                    !isMobile &&\n                    !hideViewToggle && ( // Only show view mode toggle button if a Card component was provided, table view is enabled, and it isn't force-hidden or on mobile\n                        <div className=\"flex gap-1 bg-elevation-1 rounded-md overflow-hidden\">\n                            <Button\n                                variant={viewMode === 'table' ? 'primary' : 'neutral'}\n                                size=\"icon\"\n                                onPress={() => setViewMode('table')}\n                                aria-label=\"Table view\"\n                                className=\"border-none\"\n                            >\n                                <IcMenu />\n                            </Button>\n                            <Button\n                                variant={viewMode === 'card' ? 'primary' : 'neutral'}\n                                size=\"icon\"\n                                onPress={() => setViewMode('card')}\n                                aria-label=\"Card view\"\n                                className=\"border-none\"\n                            >\n                                <IcLayoutGrid />\n                            </Button>\n                        </div>\n                    )}\n            </div>\n            {isMobile && filteredActions.length > 0 && (\n                <div className=\"fixed inset-x-0 bottom-0 z-30 flex gap-icon border-t bg-elevation-1 p-icon\">\n                    <TableActions\n                        items={filteredActions}\n                        isFetching={query.isFetching}\n                        buttonClassName=\"flex-1 justify-center\"\n                    />\n                </div>\n            )}\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 <span className=\"tabular-nums\">{formatDate(value)}</span>;\n        case 'number':\n            return <span className=\"block text-right tabular-nums\">{formatNumber(value)}</span>;\n        case 'boolean':\n            return (\n                <Badge variant={Boolean(value) ? 'success' : 'destructive'} className=\"capitalize\">\n                    {String(value)}\n                </Badge>\n            );\n        case 'badge':\n            return <Badge>{String(value)}</Badge>;\n        case 'tags':\n            let items: string[] = !Array.isArray(value) ? [String(value)] : value;\n            return (\n                <TagGroup items={items.map(item => ({ id: item, name: item }))} className=\"!flex-nowrap\">\n                    {item => <Tag>{item.name}</Tag>}\n                </TagGroup>\n            );\n        case 'progressBar':\n            const [currentValue, maxValue] = value;\n            return (\n                <ProgressBar\n                    meterClassName=\"w-16\"\n                    label={`${currentValue}/${maxValue}`}\n                    minValue={0}\n                    maxValue={maxValue}\n                    value={currentValue}\n                />\n            );\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        case 'os':\n            return ALL_OS[value as keyof typeof ALL_OS] ?? value;\n        case 'licenseType':\n            return ALL_LICENSE_TYPES[value as string] ?? value;\n        case 'subscriptionInterval':\n            return Duration.formatISODuration(value);\n        case 'subscriptionStartTrigger':\n            return getSubscriptionStartTriggerLabel(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, onRowNavigate } = useDataTable();\n    const tableCellStyle = (isSticky: boolean, className?: string, zIndex: string = 'z-50') =>\n        classNames(\n            'text-left body-sm font-medium whitespace-nowrap',\n            isSticky && `sticky right-0 ${zIndex} text-center justify-center`,\n            className\n        );\n    return (\n        <TableComponent className={classNames('table-auto border-0 rounded-md', className)}>\n            <TableHeader className=\"sticky top-0 z-10 rounded-md\">\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-mid')}\n                            >\n                                {!header.column.getCanSort() && !header.isPlaceholder && (\n                                    <div\n                                        className={classNames(\n                                            'w-full flex items-center gap-1 text-xs uppercase',\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                                        size={'none'}\n                                        className={classNames(\n                                            'w-full p-1 rounded-md uppercase text-muted text-xs',\n                                            header.id === ACTIONS_COLUMN_ID ? 'justify-center' : 'justify-start',\n                                            header.column.getIsSorted() ? 'text-primary' : ''\n                                        )}\n                                        onPress={header.column.getToggleSortingHandler()}\n                                    >\n                                        <span>\n                                            <HeaderText header={header} />\n                                        </span>\n                                        {header.column.getIsSorted() && (\n                                            <SortIcon direction={header.column.getIsSorted()} />\n                                        )}\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                            'group bg-elevation-1 data-[selected=true]:bg-primary-100 hover:bg-elevation-mid',\n                            onRowNavigate && 'cursor-pointer focus-visible:outline focus-visible:outline-ring'\n                        )}\n                        key={row.id}\n                        data-selected={row.getIsSelected()}\n                        {...(onRowNavigate && {\n                            role: 'link',\n                            tabIndex: 0,\n                            onClick: (e: React.MouseEvent<HTMLTableRowElement>) => {\n                                if (\n                                    (e.target as Element).closest('a, button, input, select, textarea, [role=\"button\"]')\n                                )\n                                    return;\n                                onRowNavigate(row.original);\n                            },\n                            onKeyDown: (e: React.KeyboardEvent<HTMLTableRowElement>) => {\n                                if (e.key === 'Enter') onRowNavigate(row.original);\n                            },\n                        })}\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(\n                                            isActionsColumn,\n                                            isActionsColumn\n                                                ? 'bg-elevation-1 group-data-[selected=true]:bg-primary-100 group-hover:bg-elevation-mid'\n                                                : '',\n                                            'z-1'\n                                        ),\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\n/** Base properties shared by all table actions */\ntype ActionBase = {\n    label: string;\n    icon: CtxIcon;\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/** Context provided to onPress functions in TableActions */\ntype ActionPressContext = {\n    event?: PressEvent;\n    openDialog: (c: React.ReactNode) => void;\n    closeDialog: () => void;\n    activeFilters: Record<string, unknown>;\n};\n\nexport type NoResourceAction = ActionBase & {\n    resourceType: 'none';\n    isDisabled?: () => boolean;\n    onPress: (c: ActionPressContext) => void;\n};\n\nexport type SingleResourceAction<T> = Omit<ActionBase, 'label'> & {\n    resourceType: 'single';\n    /** Label function that receives row data for dynamic labels */\n    label: string | ((data: T) => React.ReactNode);\n    isDisabled?: (data: T) => boolean;\n    onPress: (c: ActionPressContext & { data: T }) => void;\n};\n\nexport type BulkResourceAction<T> = ActionBase & {\n    resourceType: 'multiple';\n    isDisabled?: (data: T[]) => boolean;\n    onPress: (c: ActionPressContext & { data: T[] }) => void;\n};\n\n/** Common table action type that works for both action and dialog types */\nexport type TableAction<T> = NoResourceAction | SingleResourceAction<T> | BulkResourceAction<T>;\n\nfunction isNoResourceAction<T>(item: TableAction<T>): item is NoResourceAction {\n    return item.resourceType === 'none';\n}\n\nfunction isSingleResourceAction<T>(item: TableAction<T>): item is SingleResourceAction<T> {\n    return item.resourceType === 'single';\n}\n\nfunction isBulkResourceAction<T>(item: TableAction<T>): item is BulkResourceAction<T> {\n    return item.resourceType === 'multiple';\n}\n\nexport type TableActionsProps<T> = {\n    /** Array of table actions to render */\n    readonly items: (NoResourceAction | BulkResourceAction<T>)[];\n    /** Whether the table is currently fetching data */\n    readonly isFetching?: boolean;\n    /** Additional class names applied to each action button */\n    readonly buttonClassName?: string;\n};\n\nfunction TableActions<T>({ items, isFetching, buttonClassName }: TableActionsProps<T>) {\n    const { openDialog, closeDialog } = useControlledDialog();\n    const { tanTable, mergedFilters } = useDataTable();\n\n    function getTableActionIsDisabled<T>(item: TableAction<T>, rows: T[]): boolean {\n        if (!item.isDisabled) return false;\n\n        if (isNoResourceAction(item)) {\n            return item.isDisabled();\n        } else if (isBulkResourceAction(item)) {\n            return item.isDisabled(rows);\n        }\n        return false;\n    }\n\n    const selectedRows = tanTable.getSelectedRowModel().rows.map(r => r.original);\n    return (\n        <>\n            {items.map((item, i) => {\n                const Icon = item.icon;\n                const isDisabled = getTableActionIsDisabled(item, selectedRows) || isFetching;\n\n                return (\n                    <Button\n                        key={`${item.label}-${i}`}\n                        aria-label={item.label}\n                        type=\"button\"\n                        isDisabled={isDisabled}\n                        className={classNames(\n                            'animate-in fade-in slide-in-from-right-15 duration-300 transition-transform',\n                            buttonClassName\n                        )}\n                        onPress={e => {\n                            const context = { event: e, openDialog, closeDialog, activeFilters: mergedFilters };\n                            // TableActions only has Bulk actions and NoResource actions\n                            if (isNoResourceAction(item)) {\n                                item.onPress(context);\n                            } else if (isBulkResourceAction(item)) {\n                                item.onPress({ ...context, data: selectedRows });\n                            }\n                        }}\n                        variant={item.variant ?? 'neutral'}\n                    >\n                        {Icon && <Icon aria-hidden />}\n                        <span>{item.label}</span>\n                    </Button>\n                );\n            })}\n        </>\n    );\n}\n\nfunction TableActionsRowMenu<T>({\n    label,\n    items,\n    data,\n}: {\n    readonly label: React.ReactNode;\n    readonly items: SingleResourceAction<T>[];\n    readonly data: T;\n}) {\n    const { openDialog, closeDialog } = useControlledDialog();\n    const { mergedFilters } = useDataTable();\n    if (items.length < 5) {\n        return (\n            <div className=\"flex items-center gap-2\">\n                {items.map((it, i) => {\n                    const Icon = it.icon;\n                    const itemLabel = typeof it.label === 'function' ? it.label(data) : it.label;\n                    return (\n                        <TooltipTrigger key={`${i}-${typeof itemLabel === 'string' ? itemLabel : ''}`}>\n                            <Button\n                                aria-label={typeof itemLabel === 'string' ? itemLabel : undefined}\n                                isDisabled={it.isDisabled?.(data) ?? false}\n                                variant=\"ghost\"\n                                size=\"icon\"\n                                onPress={() => {\n                                    const context = { openDialog, closeDialog };\n                                    it.onPress({ ...context, data, activeFilters: mergedFilters });\n                                }}\n                            >\n                                <Icon className=\"size-icon\" />\n                            </Button>\n                            <Tooltip>{itemLabel}</Tooltip>\n                        </TooltipTrigger>\n                    );\n                })}\n            </div>\n        );\n    }\n\n    return (\n        <EasyMenu withChevron={false} aria-label=\"Actions\" label={label} size={'icon'}>\n            {items.map((it, i) => {\n                const Icon = it.icon;\n                const label = typeof it.label === 'function' ? it.label(data) : it.label;\n                return (\n                    <MenuItem\n                        key={`${i}-${typeof label === 'string' ? label : ''}`}\n                        id={typeof label === 'string' ? label : undefined}\n                        isDisabled={it.isDisabled?.(data) ?? false}\n                        onAction={() => {\n                            const context = { openDialog, closeDialog };\n                            if (isSingleResourceAction(it)) {\n                                it.onPress({ ...context, data, activeFilters: mergedFilters });\n                            }\n                        }}\n                    >\n                        <Icon className=\"size-icon\" />\n                        {label}\n                    </MenuItem>\n                );\n            })}\n        </EasyMenu>\n    );\n}\n","'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport { getLocalTimeZone, parseAbsolute, type ZonedDateTime } from '@internationalized/date';\nimport { useEffect, useRef, useState } from 'react';\nimport { Pressable } from 'react-aria-components';\nimport { Button } from '../components/button';\nimport { useDataTable } from '../components/data-table';\nimport { DatePicker } from '../components/date-picker';\nimport { EasyMenu, Menu, MenuHeader, MenuItem, MenuPopover, MenuTrigger } from '../components/menu';\nimport { MultiSelect, type MultiSelectProps } from '../components/multi-select';\nimport { NumberField } from '../components/numberfield';\nimport { Popover, PopoverTrigger } from '../components/popover';\nimport type { SelectOption } from '../components/select-options';\nimport { TextField } from '../components/textfield';\nimport { formatDate } from '../utilities/date';\nimport { useProjectName, useResourceFormatter, type ApiFilters } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { IcAccount, IcCheck, IcClose, IcDate, IcFile, IcFilter, IcLicense, IcMinus, type CtxIcon } from './icons';\nimport { MultipleIdSearchInput } 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    'between',\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    between: 'between',\n};\n\nconst COMPARISON_OPERATOR_SHORT_LABELS: Record<FilterComparisonOperator, string> = {\n    eq: '=',\n    ne: '≠',\n    cn: 'contains',\n    nc: '!contains',\n    sw: 'starts with',\n    ew: 'ends with',\n    in: 'in',\n    nin: 'not in',\n    gt: '>',\n    gte: '≥',\n    lt: '<',\n    lte: '≤',\n    between: '↔',\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    /** If false, the filter chip is shown in the UI but not sent as a query parameter. Becomes true once the user edits the value. */\n    active?: boolean;\n    /** If true, clearing the filter resets it to preview state instead of removing it. */\n    isPreview?: boolean;\n    /** If false, the filter is sent as `property=value` without an operator. UI only shows \"equal to\". Always false for bool filters. */\n    needOperator?: boolean;\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. Between operator uses [from, to] tuple.\ntype DateLocalFilter = BaseLocalFilter<'date', string | [string, string]>;\ntype IdSearchLocalFilter = BaseLocalFilter<'id-search', string[]>;\n// Single-choice filter. Typically used for virtual/computed filters (see FilterConfig['toApiQuery']).\ntype DerivedSelectLocalFilter = BaseLocalFilter<'derived-select', string>;\n// TODO, entitlementSets.productIds\nfunction createNewFilter(property: string, config: FilterConfig): TableFilter {\n    const type = config.type;\n    const id = `${property}-${Date.now()}`;\n    // Bool and derived-select filters never send an operator\n    const resolvedNeedOperator = type === 'bool' || type === 'derived-select' ? false : (config.needOperator ?? true);\n    const operator = resolvedNeedOperator ? FilterOperations[type][0] : 'eq';\n    const base = { id, property, operator, needOperator: resolvedNeedOperator };\n\n    switch (type) {\n        case 'bool':\n            return { ...base, type, value: true };\n        case 'derived-select':\n            return { ...base, type, value: config.options[0]?.id ?? '' };\n        case 'string':\n            return { ...base, type, value: '' };\n        case 'date':\n            return {\n                ...base,\n                type,\n                value:\n                    operator === 'between'\n                        ? ([new Date().toISOString(), new Date().toISOString()] as [string, string])\n                        : new Date().toISOString(),\n            };\n        case 'id':\n            return { ...base, type, value: '' };\n        case 'id-search':\n            return { ...base, type, value: [] };\n        case 'enum':\n            return { ...base, type, value: new Set<string | number>() };\n        case 'number':\n            return { ...base, type, value: 0 };\n    }\n}\n\nexport type TableFilter =\n    | EnumLocalFilter\n    | IdLocalFilter\n    | BoolLocalFilter\n    | StringLocalFilter\n    | DateLocalFilter\n    | IdSearchLocalFilter\n    | NumberLocalFilter\n    | DerivedSelectLocalFilter;\n\nexport type FilterConfig = (\n    | { type: 'enum'; options: MultiSelectProps['items'] }\n    | ({ type: 'id-search' } & Pick<\n          React.ComponentProps<typeof MultipleIdSearchInput>,\n          'accessor' | 'path' | 'defaultParams'\n      >)\n    | { type: 'id' }\n    | { type: 'bool' }\n    | { type: 'string' }\n    | { type: 'date' }\n    | { type: 'number' }\n    | {\n          type: 'derived-select';\n          options: SelectOption[];\n          /**\n           * Maps the selected option's id to real API query params. Required for `derived-select` filters,\n           * since they're meant for virtual/computed properties that don't map 1:1 to an API filter property\n           * (e.g. a \"status\" filter derived from several boolean properties like `revoked`/`expired`).\n           */\n          toApiQuery: (value: string) => Record<string, unknown>;\n      }\n) & {\n    /**\n     * When false, the filter is sent as `property=value` instead of `property[operator]=value`,\n     * and the UI locks the operator to \"equal to\". Defaults to true. Bool and derived-select filters are always treated as false.\n     */\n    needOperator?: boolean;\n};\n\nexport type FilterType = FilterConfig['type'];\n\nconst FilterOperations: Record<FilterType, FilterComparisonOperator[]> = {\n    bool: ['eq'],\n    'derived-select': ['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: ['between', '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\ntype FilterUpdate = { operator?: FilterComparisonOperator; value?: TableFilter['value'] };\n\nfunction getFilterValueSummary(filter: TableFilter, filterConfig: Record<string, FilterConfig>): string {\n    switch (filter.type) {\n        case 'string':\n        case 'id':\n            return filter.value ?? '';\n        case 'number':\n            return filter.value?.toString() ?? '';\n        case 'bool':\n            return filter.value ? 'true' : 'false';\n        case 'derived-select': {\n            const config = filterConfig[filter.property];\n            if (!config || config.type !== 'derived-select') return filter.value ?? '';\n            const option = config.options.find(o => o.id === filter.value);\n            return typeof option?.label === 'string' ? option.label : (filter.value ?? '');\n        }\n        case 'date':\n            if (Array.isArray(filter.value)) {\n                const [from, to] = filter.value;\n                return `${formatDate(from, { dateStyle: 'short' }) ?? ''} – ${formatDate(to, { dateStyle: 'short' }) ?? ''}`;\n            }\n            return filter.value ? (formatDate(filter.value, { dateStyle: 'short' }) ?? '') : '';\n        case 'enum':\n            return filter.value && filter.value.size > 0 ? `${filter.value.size} selected` : '';\n        case 'id-search':\n            return filter.value && filter.value.length > 0\n                ? filter.value.length === 1\n                    ? '1 item'\n                    : `${filter.value.length} items`\n                : '';\n    }\n}\n\nfunction FilterValueInput({\n    filter,\n    filterConfig,\n    onChange,\n}: {\n    filter: TableFilter;\n    filterConfig: Record<string, FilterConfig>;\n    onChange: (value: TableFilter['value']) => void;\n}) {\n    if (filter.type === 'string' || filter.type === 'id') {\n        return (\n            <TextField\n                autoFocus\n                value={filter.value ?? ''}\n                onChange={onChange as (v: string) => void}\n                aria-label=\"Filter value\"\n            />\n        );\n    }\n\n    if (filter.type === 'number') {\n        return (\n            <NumberField\n                autoFocus\n                value={filter.value}\n                onChange={onChange as (v: number) => void}\n                aria-label=\"Filter value\"\n            />\n        );\n    }\n\n    if (filter.type === 'date') {\n        if (filter.operator === 'between') {\n            const [fromStr, toStr] = Array.isArray(filter.value)\n                ? filter.value\n                : [new Date().toISOString(), new Date().toISOString()];\n            const from = parseAbsolute(fromStr, getLocalTimeZone());\n            const to = parseAbsolute(toStr, getLocalTimeZone());\n            return (\n                <div className=\"flex flex-col gap-icon\">\n                    <DatePicker<ZonedDateTime>\n                        autoFocus\n                        hideTimeZone\n                        label=\"From\"\n                        value={from}\n                        onChange={v => onChange([v ? v.toAbsoluteString() : fromStr, toStr])}\n                    />\n                    <DatePicker<ZonedDateTime>\n                        hideTimeZone\n                        label=\"To\"\n                        value={to}\n                        onChange={v => onChange([fromStr, v ? v.toAbsoluteString() : toStr])}\n                    />\n                </div>\n            );\n        }\n        const value =\n            filter.value && !Array.isArray(filter.value) ? parseAbsolute(filter.value, getLocalTimeZone()) : null;\n        return (\n            <DatePicker<ZonedDateTime>\n                autoFocus\n                hideTimeZone\n                value={value}\n                onChange={v => onChange(v ? v.toAbsoluteString() : new Date().toISOString())}\n                aria-label=\"Filter date\"\n            />\n        );\n    }\n\n    if (filter.type === 'enum') {\n        const config = filterConfig[filter.property];\n        if (config.type !== 'enum') return null;\n        return (\n            <MultiSelect\n                autoFocus\n                items={config.options}\n                value={filter.value ?? new Set<string | number>()}\n                onChange={onChange as (v: Set<string | number>) => void}\n                aria-label=\"Filter value\"\n            />\n        );\n    }\n\n    if (filter.type === 'id-search') {\n        const config = filterConfig[filter.property];\n        if (config.type !== 'id-search') return null;\n        const defaultParams = config.defaultParams;\n        return (\n            <MultipleIdSearchInput\n                autoFocus\n                path={config.path}\n                accessor={config.accessor}\n                defaultParams={defaultParams}\n                value={filter.value ?? []}\n                onChange={onChange as (v: string[]) => void}\n                aria-label=\"Filter value\"\n            />\n        );\n    }\n\n    return null;\n}\n\nfunction FilterChip({\n    filter,\n    filterConfig,\n    resourceFormatter,\n    onRemove,\n    onUpdate,\n    isOpen,\n    onOpenChange,\n}: {\n    filter: TableFilter;\n    filterConfig: Record<string, FilterConfig>;\n    resourceFormatter: (key: string) => string;\n    onRemove: () => void;\n    onUpdate: (updates: FilterUpdate) => void;\n    isOpen?: boolean;\n    onOpenChange?: (isOpen: boolean) => void;\n}) {\n    // Operator is locked to \"equal to\" when the filter doesn't send one\n    const operators = filter.needOperator === false ? (['eq'] as const) : FilterOperations[filter.type];\n    const valueSummary = getFilterValueSummary(filter, filterConfig);\n\n    const project = useProjectName();\n\n    // Bool and derived-select filters always resolve to a single fixed operator (\"equal to\") and their\n    // value is one choice from a flat list, so the chip shows the selected value itself (not the\n    // property name), and the dropdown carries the property name as its title instead.\n    const isDirectMenu = filter.type === 'bool' || filter.type === 'derived-select';\n\n    const chipButton = (\n        <Button\n            type=\"button\"\n            variant={filter.active === false ? 'neutral' : 'primary_neutral'}\n            className={'animate-in slide-in-from-left-10 fade-in flex justify-between gap-2'}\n        >\n            <IcFilter />\n            {isDirectMenu ? (\n                <span className=\"font-medium\">{valueSummary}</span>\n            ) : (\n                <>\n                    <span className=\"font-medium\">{resourceFormatter(filter.property)}</span>\n                    {project !== 'customer-portal' && <span>{COMPARISON_OPERATOR_SHORT_LABELS[filter.operator]}</span>}\n                    {project !== 'customer-portal' && valueSummary && <span>{valueSummary}</span>}\n                </>\n            )}\n            {filter.active !== false && (\n                <Pressable onPress={() => onRemove()}>\n                    <span className=\"bg-primary hover:bg-destructive rounded-full size-icon flex justify-center items-center\">\n                        <IcClose className=\"size-2.5 text-elevation-1\" />\n                    </span>\n                </Pressable>\n            )}\n        </Button>\n    );\n\n    if (isDirectMenu) {\n        let options: SelectOption[];\n        let selectedKey: string;\n        if (filter.type === 'bool') {\n            options = [\n                { id: 'true', label: 'True' },\n                { id: 'false', label: 'False' },\n            ];\n            selectedKey = filter.value ? 'true' : 'false';\n        } else {\n            const config = filterConfig[filter.property];\n            options = config?.type === 'derived-select' ? config.options : [];\n            selectedKey = filter.value ?? '';\n        }\n\n        return (\n            <MenuTrigger isOpen={isOpen} onOpenChange={onOpenChange}>\n                <div className=\"relative\">{chipButton}</div>\n                <MenuPopover className=\"min-w-48\">\n                    <MenuHeader inset separator={false}>\n                        {resourceFormatter(filter.property)}\n                    </MenuHeader>\n                    <Menu\n                        selectionMode=\"single\"\n                        disallowEmptySelection\n                        selectedKeys={new Set([selectedKey])}\n                        onSelectionChange={keys => {\n                            if (keys === 'all') return;\n                            const key = keys.values().next().value as string | number | undefined;\n                            if (key == null) return;\n                            onUpdate({ value: filter.type === 'bool' ? String(key) === 'true' : String(key) });\n                        }}\n                        aria-label=\"Filter value\"\n                    >\n                        {options.map(option => (\n                            <MenuItem key={option.id} id={option.id}>\n                                {option.label}\n                            </MenuItem>\n                        ))}\n                    </Menu>\n                </MenuPopover>\n            </MenuTrigger>\n        );\n    }\n\n    return (\n        <PopoverTrigger isOpen={isOpen} onOpenChange={onOpenChange}>\n            <div className=\"relative\">{chipButton}</div>\n            <Popover className=\"p-icon min-w-48\">\n                <div className=\"flex flex-col gap-icon\">\n                    {operators.length > 1 && (\n                        <EasyMenu\n                            label={COMPARISON_OPERATOR_LABELS[filter.operator]}\n                            variant=\"neutral\"\n                            aria-label=\"Change operator\"\n                        >\n                            {operators.map(op => (\n                                <MenuItem key={op} onAction={() => onUpdate({ operator: op })}>\n                                    {COMPARISON_OPERATOR_LABELS[op]}\n                                </MenuItem>\n                            ))}\n                        </EasyMenu>\n                    )}\n                    <FilterValueInput\n                        filter={filter}\n                        filterConfig={filterConfig}\n                        onChange={value => onUpdate({ value })}\n                    />\n                    <Button\n                        type=\"button\"\n                        variant=\"neutral\"\n                        className={'self-end'}\n                        onPress={onRemove}\n                        aria-label={`Remove ${resourceFormatter(filter.property)} filter`}\n                    >\n                        Clear\n                    </Button>\n                </div>\n            </Popover>\n        </PopoverTrigger>\n    );\n}\n\nexport function DataTableFilter({\n    className,\n    previewFilters,\n    ...props\n}: React.ComponentProps<'section'> & {\n    /** Keys from filterConfig to show as filter chips on mount, not applied until the user edits them. */\n    previewFilters?: string[];\n}) {\n    const { filters, query, setFilters, filterConfig } = useDataTable();\n    const resourceFormatter = useResourceFormatter();\n    const filterKeys = Object.keys(filterConfig)\n        .filter(k => !filters.some(f => f.property === k))\n        .sort();\n    const [openFilterId, setOpenFilterId] = useState<string | null>(null);\n\n    const initialized = useRef(false);\n    useEffect(() => {\n        if (!initialized.current && filters.length === 0) {\n            const toSet: TableFilter[] = [];\n            if (previewFilters && previewFilters.length > 0) {\n                toSet.push(\n                    ...previewFilters\n                        .filter(key => filterConfig[key])\n                        .map(key => ({\n                            ...createNewFilter(key, filterConfig[key]),\n                            active: false as const,\n                            isPreview: true as const,\n                        }))\n                );\n            }\n            if (toSet.length > 0) setFilters(toSet);\n        }\n        initialized.current = true;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const addFilter = (property: string) => {\n        const newFilter = createNewFilter(property, filterConfig[property]);\n        setFilters([...filters, newFilter]);\n        setOpenFilterId(newFilter.id);\n    };\n\n    const removeFilter = (id: string) => {\n        const filter = filters.find(f => f.id === id);\n        if (filter?.isPreview) {\n            setFilters(\n                filters.map(f =>\n                    f.id === id\n                        ? {\n                              ...createNewFilter(f.property, filterConfig[f.property]),\n                              active: false as const,\n                              isPreview: true as const,\n                          }\n                        : f\n                )\n            );\n        } else {\n            setFilters(filters.filter(f => f.id !== id));\n        }\n    };\n\n    const clearAllFilters = () => {\n        setFilters(\n            filters\n                .filter(f => f.isPreview)\n                .map(f => ({\n                    ...createNewFilter(f.property, filterConfig[f.property]),\n                    active: false as const,\n                    isPreview: true as const,\n                }))\n        );\n        setOpenFilterId(null);\n    };\n\n    const hasClearableFilters = filters.some(f => !f.isPreview || f.active !== false);\n\n    const updateFilter = (id: string, updates: FilterUpdate) => {\n        setFilters(\n            filters.map(f => {\n                if (f.id !== id) return f;\n                let value = updates.value !== undefined ? updates.value : f.value;\n                const newOperator = updates.operator ?? f.operator;\n                if (f.type === 'date' && updates.operator !== undefined) {\n                    if (newOperator === 'between' && !Array.isArray(value)) {\n                        const str = typeof value === 'string' ? value : new Date().toISOString();\n                        value = [str, str] as [string, string];\n                    } else if (newOperator !== 'between' && Array.isArray(value)) {\n                        value = value[0] ?? new Date().toISOString();\n                    }\n                }\n                return { ...f, ...updates, value, active: true } as TableFilter;\n            })\n        );\n    };\n\n    return (\n        <section {...props} className={classNames('flex flex-wrap gap-icon items-center', className)}>\n            {filters\n                .filter(filter => filter.property in filterConfig)\n                .map(filter => (\n                    <FilterChip\n                        key={filter.id}\n                        filter={filter}\n                        filterConfig={filterConfig}\n                        resourceFormatter={resourceFormatter}\n                        onRemove={() => removeFilter(filter.id)}\n                        onUpdate={updates => updateFilter(filter.id, updates)}\n                        isOpen={openFilterId === filter.id}\n                        onOpenChange={open => setOpenFilterId(open ? filter.id : null)}\n                    />\n                ))}\n\n            {filterKeys.length > 0 && (\n                <EasyMenu label={<IcFilter />} isDisabled={query.isPending} variant=\"neutral\" aria-label=\"Add filter\">\n                    {filterKeys.map(k => {\n                        const type = filterConfig[k].type;\n                        const Icon = FilterIcon[type];\n                        return (\n                            <MenuItem className={'!justify-between'} key={k} onAction={() => addFilter(k)}>\n                                {resourceFormatter(k)}\n                                <Icon />\n                            </MenuItem>\n                        );\n                    })}\n                </EasyMenu>\n            )}\n\n            {hasClearableFilters && (\n                <Button\n                    variant=\"ghost\"\n                    onPress={clearAllFilters}\n                    aria-label=\"Clear all filters\"\n                    className=\"animate-in fade-in\"\n                >\n                    Clear All\n                </Button>\n            )}\n        </section>\n    );\n}\n\nconst FilterIcon: Record<FilterConfig['type'], CtxIcon> = {\n    'id-search': IcFile,\n    bool: IcCheck,\n    'derived-select': IcCheck,\n    date: IcDate,\n    enum: IcLicense,\n    id: IcAccount,\n    number: IcMinus,\n    string: IcCheck,\n};\n"],"names":["generateSortParam","sort","cH","createColumnHelper","TABLE_CHECK_BOX_COLUMN","table","jsx","Checkbox","row","ACTIONS_COLUMN_ID","getActionsColumn","rowActions","TableActionsRowMenu","IcMoreVertical","getColumnHelper","useDataTableState","path","pathParameters","queryParameters","columns","filterConfig","columnsToHideByDefault","allowSelection","allowToolbar","initialFilters","previewFilters","tableActions","Card","onRowNavigate","disableTableView","hideViewToggle","include","tableState","_setTableState","useState","sorting","pagination","searchQuery","setSearchQuery","rowSelection","setRowSelection","filters","setFilters","mergedFilters","useMemo","tf","config","value","acc","current","merge","includeParam","sharedQueryParams","client","useCtxClient","tableQueryKey","cardQueryKey","prefsKey","columnOrder","setColumnOrder","useLocalStorage","columnVisibility","setColumnVisibility","viewMode","setViewMode","isMobile","useIsMobile","effectiveViewMode","updateTableState","updates","prev","fetchPage","pageParam","res","tableQuery","useQuery","infiniteQuery","useInfiniteQuery","lastPage","allPages","p","flatData","total","query","isSingleResourceAction","cols","isUpdaterFunction","updater","resolveUpdater","currentValue","tanTable","useReactTable","getCoreRowModel","useEffect","allIds","c","middleIds","id","prevOrder","preserved","rest","orderedMiddle","DataTableContext","createContext","useDataTable","ctx","useContext","DataTableProvider","children","props","EmptyMessage","jsxs","IcInfo","Content","cardGridClassName","cardActions","isCardView","Loader","CardGrid","TableContent","DataTable","className","Fragment","ControlledDialogProvider","Actions","classNames","ColumnPicker","PageSize","Paginator","actions","sentinelRef","useRef","el","observer","entries","index","selection","useProjectName","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","filteredActions","ta","IcRefresh","SearchField","DataTableFilter","TableActions","IcMenu","IcLayoutGrid","direction","IcSortAsc","IcSortDesc","IcSortNone","headerDef","renderCellByDisplayType","cell","displayType","formatDate","formatNumber","Badge","TagGroup","item","Tag","maxValue","ProgressBar","CountryName","formatFilesize","formatDays","ALL_OS","ALL_LICENSE_TYPES","Duration","getSubscriptionStartTriggerLabel","HeaderText","header","flexRender","tableCellStyle","isSticky","zIndex","TableComponent","TableHeader","headerGroup","TableRow","TableHead","TableBody","e","isActionsColumn","cellContent","TableCell","isNoResourceAction","isBulkResourceAction","isFetching","buttonClassName","openDialog","closeDialog","useControlledDialog","getTableActionIsDisabled","rows","selectedRows","r","i","Icon","isDisabled","context","label","data","it","itemLabel","TooltipTrigger","Tooltip","FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","COMPARISON_OPERATOR_SHORT_LABELS","createNewFilter","property","type","resolvedNeedOperator","operator","FilterOperations","base","getFilterValueSummary","filter","option","o","from","to","FilterValueInput","onChange","TextField","NumberField","fromStr","toStr","parseAbsolute","getLocalTimeZone","DatePicker","v","MultiSelect","defaultParams","MultipleIdSearchInput","FilterChip","onRemove","onUpdate","isOpen","onOpenChange","operators","valueSummary","project","isDirectMenu","chipButton","IcFilter","Pressable","IcClose","options","selectedKey","MenuTrigger","MenuPopover","MenuHeader","Menu","keys","key","PopoverTrigger","Popover","op","filterKeys","k","openFilterId","setOpenFilterId","initialized","toSet","addFilter","newFilter","removeFilter","f","clearAllFilters","hasClearableFilters","updateFilter","newOperator","str","open","FilterIcon","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.116",
+  "version": "6.6.117",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",