@cryptlex/web-components 6.6.107 → 6.6.109

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

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import"@internationalized/date";import"react";import"react-aria-components";import"./button.js";import{C as tr,D as or,F as ir}from"./data-table.js";import"./date-picker.js";import"./menu.js";import"./multi-select.js";import"./numberfield.js";import"./popover.js";import"./textfield.js";import"../utilities/date.js";import"../utilities/resources.js";import"../utilities/theme.js";import"./icons.js";import"./id-search.js";import"class-variance-authority";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@dnd-kit/utilities";import"@tanstack/react-query";import"@tanstack/react-table";import"@uidotdev/usehooks";import"lodash-es";import"./badge.js";import"./searchfield.js";import"./form.js";import"./card.js";import"./table.js";import"../utilities/countries.js";import"./select-options.js";import"../utilities/string.js";import"../utilities/duration.js";import"../utilities/numbers.js";import"./checkbox.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"./tooltip.js";import"../utilities/ctx-client.js";import"./dialog.js";import"../utilities/use-mobile.js";import"./tag-group.js";import"./progress-bar.js";import"./calendar.js";import"./datefield.js";import"../utilities/form.js";import"./list-box.js";import"./select.js";import"./kbd.js";import"../utilities/empty-option.js";export{tr as COMPARISON_OPERATOR_LABELS,or as DataTableFilter,ir as FILTER_COMPARISON_OPERATORS};
+import"react/jsx-runtime";import"@internationalized/date";import"react";import"react-aria-components";import"./button.js";import{C as tr,D as or,F as ir}from"./data-table.js";import"./date-picker.js";import"./menu.js";import"./multi-select.js";import"./numberfield.js";import"./popover.js";import"./textfield.js";import"../utilities/date.js";import"../utilities/resources.js";import"../utilities/theme.js";import"./icons.js";import"./id-search.js";import"class-variance-authority";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@dnd-kit/utilities";import"@tanstack/react-query";import"@tanstack/react-table";import"@uidotdev/usehooks";import"lodash-es";import"./badge.js";import"./searchfield.js";import"./form.js";import"./card.js";import"./table.js";import"../utilities/countries.js";import"./select-options.js";import"../utilities/string.js";import"../utilities/duration.js";import"../utilities/numbers.js";import"../utilities/use-mobile.js";import"./checkbox.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"./tooltip.js";import"../utilities/ctx-client.js";import"./dialog.js";import"./progress-bar.js";import"./tag-group.js";import"./calendar.js";import"./datefield.js";import"../utilities/form.js";import"./list-box.js";import"./select.js";import"./kbd.js";import"../utilities/empty-option.js";export{tr as COMPARISON_OPERATOR_LABELS,or as DataTableFilter,ir as FILTER_COMPARISON_OPERATORS};
 //# sourceMappingURL=data-table-filter.js.map

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

@@ -29,6 +29,8 @@ type DataTableFactoryBase<T extends object, TOperation extends keyof operations,
     onRowNavigate?: (row: T) => void;
     /** Related resources to embed in list responses, e.g. `['users', 'organization']` → `?include=users,organization`. */
     include?: string[];
+    /** 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. */
+    hideViewToggle?: boolean;
 };
 type CardRenderer<T> = (item: T, actions: SingleResourceAction<T>[], selection: CardSelectionProps, index?: number) => React.ReactNode;
 type DataTableFactory<T extends object, TOperation extends keyof operations, TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>> = DataTableFactoryBase<T, TOperation, TFilterConfig> & ({
@@ -46,7 +48,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, 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, 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<{
@@ -352,6 +354,7 @@ export declare function useDataTableState<T extends object, TOperation extends k
     readonly queryParameters: NoInfer<Partial<ApiFilter<TOperation>>> | undefined;
     readonly viewMode: "card" | "table";
     readonly setViewMode: React.Dispatch<React.SetStateAction<"card" | "table">>;
+    readonly isMobile: boolean;
     readonly Card: CardRenderer<T> | undefined;
     readonly allowSelection: boolean;
     readonly previewFilters: (keyof TFilterConfig)[] | undefined;
@@ -361,6 +364,7 @@ export declare function useDataTableState<T extends object, TOperation extends k
         nextPage: number;
     }, unknown>, Error>;
     readonly disableTableView: boolean | undefined;
+    readonly hideViewToggle: boolean | undefined;
     readonly onRowNavigate: ((row: T) => void) | undefined;
 };
 export declare const DataTableContext: React.Context<{
@@ -1245,6 +1249,7 @@ export declare const DataTableContext: React.Context<{
     readonly queryParameters: NoInfer<Partial<ApiFilter<keyof operations>>> | undefined;
     readonly viewMode: "card" | "table";
     readonly setViewMode: React.Dispatch<React.SetStateAction<"card" | "table">>;
+    readonly isMobile: boolean;
     readonly Card: CardRenderer<object> | undefined;
     readonly allowSelection: boolean;
     readonly previewFilters: string[] | undefined;
@@ -1254,6 +1259,7 @@ export declare const DataTableContext: React.Context<{
         nextPage: number;
     }, unknown>, Error>;
     readonly disableTableView: boolean | undefined;
+    readonly hideViewToggle: boolean | undefined;
     readonly onRowNavigate: ((row: object) => void) | undefined;
 } | null>;
 export declare function useDataTable(): {
@@ -2138,6 +2144,7 @@ export declare function useDataTable(): {
     readonly queryParameters: NoInfer<Partial<ApiFilter<keyof operations>>> | undefined;
     readonly viewMode: "card" | "table";
     readonly setViewMode: React.Dispatch<React.SetStateAction<"card" | "table">>;
+    readonly isMobile: boolean;
     readonly Card: CardRenderer<object> | undefined;
     readonly allowSelection: boolean;
     readonly previewFilters: string[] | undefined;
@@ -2147,6 +2154,7 @@ export declare function useDataTable(): {
         nextPage: number;
     }, unknown>, Error>;
     readonly disableTableView: boolean | undefined;
+    readonly hideViewToggle: boolean | undefined;
     readonly onRowNavigate: ((row: object) => void) | undefined;
 };
 export declare function DataTableProvider<T extends object, TOperation extends keyof operations>({ children, ...props }: {
@@ -2174,6 +2182,7 @@ type ActionPressContext = {
     event?: PressEvent;
     openDialog: (c: React.ReactNode) => void;
     closeDialog: () => void;
+    activeFilters: Record<string, unknown>;
 };
 export type NoResourceAction = ActionBase & {
     resourceType: 'none';

package/dist/components/data-table.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as t,Fragment as O,jsxs as m}from"react/jsx-runtime";import{parseAbsolute as U,getLocalTimeZone as X}from"@internationalized/date";import{createContext as Ke,useContext as Be,useState as M,useMemo as Y,useEffect as re,useRef as Ne,Fragment as Qe}from"react";import{Pressable as Ge}from"react-aria-components";import{Button as w}from"./button.js";import{useSensors as Ze,useSensor as fe,PointerSensor as Ue,KeyboardSensor as Xe,DndContext as Ye,closestCenter as Je,DragOverlay as We}from"@dnd-kit/core";import{sortableKeyboardCoordinates as et,SortableContext as tt,verticalListSortingStrategy as nt,arrayMove as rt,useSortable as at}from"@dnd-kit/sortable";import{CSS as ot}from"@dnd-kit/utilities";import{useQuery as it,useInfiniteQuery as st}from"@tanstack/react-query";import{createColumnHelper as Ce,useReactTable as lt,getCoreRowModel as ct,flexRender as te}from"@tanstack/react-table";import{useLocalStorage as J}from"@uidotdev/usehooks";import{merge as ut}from"lodash-es";import{Badge as be}from"./badge.js";import{DatePicker as W}from"./date-picker.js";import{EasyMenu as E,MenuItem as R,MenuTrigger as dt,MenuPopover as mt,MenuHeader as gt,Menu as pt}from"./menu.js";import{MultiSelect as ft}from"./multi-select.js";import{NumberField as bt}from"./numberfield.js";import{PopoverTrigger as ht,Popover as vt}from"./popover.js";import{TextField as yt}from"./textfield.js";import{formatDate as K}from"../utilities/date.js";import{useProjectName as ae,useResourceFormatter as oe,ALL_OS as St}from"../utilities/resources.js";import{classNames as T}from"../utilities/theme.js";import{IcRefresh as wt,IcMenu as xt,IcLayoutGrid as Nt,IcColumns as Ct,IcGrip as It,IcFirst as Pt,IcLeft as At,IcRight as Tt,IcLast as Dt,IcMoreVertical as Ft,IcInfo as Ot,IcSortAsc as Rt,IcSortDesc as zt,IcSortNone as Mt,IcCheck as ee,IcMinus as Lt,IcAccount as _t,IcLicense as jt,IcDate as $t,IcFile as Et,IcFilter as Ie,IcClose as qt}from"./icons.js";import{MultipleIdSearchInput as Vt}from"./id-search.js";import{Loader as Pe}from"./loader.js";import{SearchField as kt}from"./searchfield.js";import{Table as Ht,TableHeader as Kt,TableRow as he,TableHead as Bt,TableBody as Qt,TableCell as Gt}from"./table.js";import{CountryName as Zt}from"../utilities/countries.js";import{Duration as Ut}from"../utilities/duration.js";import{formatDays as Xt,formatFilesize as Yt,formatNumber as Jt}from"../utilities/numbers.js";import{Checkbox as ve}from"./checkbox.js";import{TooltipTrigger as Wt,Tooltip as en}from"./tooltip.js";import{getSubscriptionStartTriggerLabel as tn,ALL_LICENSE_TYPES as nn}from"./select-options.js";import{useCtxClient as rn}from"../utilities/ctx-client.js";import{ControlledDialogProvider as an,useControlledDialog as Ae}from"./dialog.js";import{TagGroup as on,Tag as sn}from"./tag-group.js";import{ProgressBar as ln}from"./progress-bar.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";import"../utilities/use-mobile.js";function cn(e){return e?e.desc?`-${e.id}`:`+${e.id}`:"-createdAt"}const Te=Ce(),un=[Te.accessor("checkbox",{header:({table:e})=>t(ve,{isIndeterminate:e.getIsSomeRowsSelected()&&!e.getIsAllPageRowsSelected(),isSelected:e.getIsAllPageRowsSelected()||e.getIsSomePageRowsSelected(),onChange:()=>e.toggleAllPageRowsSelected(),"aria-label":"Select all",size:"sm"}),cell:({row:e})=>t(ve,{isSelected:e.getIsSelected(),onChange:()=>e.toggleSelected(),"aria-label":"Select row",size:"sm"}),enableSorting:!1,enableHiding:!1})],A="TableActions";function dn(e){return e.length===0?[]:[Te.accessor(A,{header:"Actions",id:A,enableHiding:!1,cell:({row:a})=>t(xn,{label:t(Ft,{}),data:a.original,items:e}),enableSorting:!1})]}function Tr(){return Ce()}function Dr({path:e,pathParameters:a,queryParameters:n,columns:o,filterConfig:c,columnsToHideByDefault:r={},allowSelection:i=!1,initialFilters:s=[],previewFilters:l,tableActions:g,Card:h,onRowNavigate:y,disableTableView:p,include:P}){const[S,F]=M({pagination:{pageIndex:0,pageSize:20},sorting:[]}),{sorting:L,pagination:d}=S,[f,v]=M(""),[N,_]=M({}),[z,Re]=M(s),B=Y(()=>z.filter(u=>u.active!==!1).map(u=>{if(u.type==="derived-select"){const I=c[u.property];return I?.type==="derived-select"?I.toApiQuery(String(u.value??"")):{}}const b=u.value instanceof Set?Array.from(u.value):u.value;return u.needOperator===!1?{[u.property]:Array.isArray(b)?b.join(","):b}:u.operator==="between"&&Array.isArray(b)&&b.length===2?{[u.property]:{gte:b[0],lte:b[1]}}:Array.isArray(b)?{[u.property]:{[u.operator]:b.join(",")}}:{[u.property]:{[u.operator]:b}}}).reduce((u,b)=>ut(u,b),{}),[z,c]),q=P?.length?P.join(","):void 0,V={...n,...B,limit:d.pageSize,sort:cn(L[0]),search:f,...q?{include:q}:{}},ze=rn(),Me=["get",e,{...V,page:d.pageIndex+1},"table"],Le=["get",e,V,"card"],Q=`${e}_ctx`,[se,le]=J(`${Q}_column_order_preference`,[]),[ce,_e]=J(`${Q}_column_visibility_preference`,{id:!1,...r}),[je,$e]=J(`${Q}_view_mode_preference`,p?"card":"table"),D=p?"card":je,G=u=>{F(b=>({...b,...u}))};async function ue(u){const b=await ze.GET(e,{params:{query:{...n,page:u,limit:d.pageSize,sort:V.sort,search:V.search,...q?{include:q}:{},...B},path:a}});return{data:b.data??[],total:Number.parseInt(b.response.headers.get("Pagination-Count")||"0"),nextPage:u+1}}const j=it({queryKey:Me,enabled:D==="table",queryFn:()=>ue(d.pageIndex+1),placeholderData:u=>u}),C=st({queryKey:Le,enabled:D==="card",initialPageParam:1,queryFn:({pageParam:u})=>ue(u),getNextPageParam:(u,b)=>b.flatMap(k=>k.data).length<u.total?u.nextPage:void 0}),de=Y(()=>D==="table"?j.data?.data??[]:C.data?.pages.flatMap(u=>u.data)??[],[D,j.data,C.data]),me=Y(()=>D==="table"?j.data?.total??0:C.data?.pages[0]?.total??0,[D,j.data,C.data]),ge=D==="table"?j:{...C,data:{data:de,total:me},isLoading:C.isLoading,isFetching:C.isFetching,isError:C.isError,error:C.error,refetch:C.refetch},Ee=g.filter(ie),qe=[...i?un:[],...o,...dn(Ee??[])];function Ve(u){return typeof u=="function"}function $(u,b){return Ve(u)?u(b):u}const pe=lt({data:de,columns:qe,getCoreRowModel:ct(),rowCount:me,manualPagination:!0,onPaginationChange:u=>{G({pagination:$(u,d)})},manualSorting:!0,onSortingChange:u=>{_({}),G({sorting:[...$(u,L)]})},manualFiltering:!0,onColumnVisibilityChange:u=>{_e($(u,ce))},onRowSelectionChange:u=>{_($(u,N))},onColumnOrderChange:u=>{le($(u,se))},state:{sorting:L,columnVisibility:ce,pagination:d,rowSelection:N,columnOrder:se},meta:{refetch:ge.refetch}});return re(()=>{const u=pe.getAllFlatColumns().map(I=>I.id),b=u.filter(I=>I!=="checkbox"&&I!==A);le(I=>{const k=I.filter(Z=>b.includes(Z)),ke=b.filter(Z=>!I.includes(Z)),He=k.length>0?[...k,...ke]:b;return[...u.includes("checkbox")?["checkbox"]:[],...He,...u.includes(A)?[A]:[]]})},[]),{tableState:S,updateTableState:G,query:ge,setSearchQuery:v,searchQuery:f,tanTable:pe,mergedFilters:B,filters:z,setFilters:Re,filterConfig:c,tableActions:g,pathParameters:a,queryParameters:n,viewMode:D,setViewMode:$e,Card:h,allowSelection:i,previewFilters:l,infiniteQuery:C,disableTableView:p,onRowNavigate:y}}const De=Ke(null);function x(){const e=Be(De);if(!e)throw Error("DataTable should be used within DataTableProvider.");return e}function Fr({children:e,...a}){return t(De.Provider,{value:a,children:e})}function mn(){const{query:e}=x();return e.isFetching?null:e.isError?m("span",{className:"flex gap-3 items-center",children:[t(Ot,{}),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 gn({cardGridClassName:e}){const{query:a,tanTable:n,viewMode:o,tableActions:c,Card:r}=x(),i=c.filter(ie),s=o==="card"&&!!r;return a.isLoading?t("div",{className:"body-sm flex items-center justify-center min-h-32",children:t(Pe,{})}):n.getRowModel().rows.length===0?t("div",{className:"body-sm flex items-center justify-center min-h-32 text-muted",children:t(mn,{})}):s?t(pn,{Card:r,actions:i,className:e}):t(Sn,{className:"w-full"})}function Or({className:e,cardGridClassName:a,...n}){const{viewMode:o,Card:c}=x(),r=o==="card"&&!!c;return t(O,{children:m(an,{children:[t(vn,{}),m("section",{...n,className:T("z-20 flex flex-col",r?"":"border rounded-md",e),children:[t("div",{className:"w-full overflow-auto relative rounded-md [scrollbar-width:none]",tabIndex:0,children:t(gn,{cardGridClassName:a})}),!r&&m("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:[m("div",{className:"flex gap-icon",children:[t(fn,{}),t(hn,{})]}),t(bn,{})]})]})]})})}function pn({Card:e,actions:a,className:n,...o}){const{tanTable:c,allowSelection:r}=x(),{infiniteQuery:i}=x(),s=Ne(null);return re(()=>{const l=s.current;if(!l)return;const g=new IntersectionObserver(h=>{h[0].isIntersecting&&i.hasNextPage&&!i.isFetchingNextPage&&i.fetchNextPage()},{threshold:.1});return g.observe(l),()=>g.disconnect()},[i.hasNextPage,i.isFetchingNextPage]),m("div",{...o,className:T(n,"grid grid-cols-1 lg:grid-cols-2 gap-icon"),children:[c.getRowModel().rows.map((l,g)=>{const h={isSelected:l.getIsSelected(),onToggle:()=>l.toggleSelected(),allowSelection:r};return t(Qe,{children:e(l.original,a,h,g)},l.id)}),t("div",{ref:s,className:"col-span-full h-4 flex items-center justify-center",children:i.isFetchingNextPage&&t(Pe,{})})]})}function fn(){if(ae()==="customer-portal")return null;const{tanTable:a}=x(),[n,o]=M(null),c=oe(),r=Ze(fe(Ue),fe(Xe,{coordinateGetter:et}));return t(Ye,{sensors:r,collisionDetection:Je,onDragStart:s=>{const{active:l}=s;o(l.id.toString())},onDragEnd:s=>{const{active:l,over:g}=s;if(g&&l.id!==g.id){const h=a.getState().columnOrder,y=h.indexOf(l.id.toString()),p=h.indexOf(g.id.toString());a.setColumnOrder([...rt(h,y,p)])}o(null)},children:m(tt,{items:a.getState().columnOrder,strategy:nt,children:[m(E,{label:m(O,{children:[t(Ct,{className:"inline align-bottom me-1"}),"Columns"]}),selectionMode:"multiple",size:"sm",items:a.getAllFlatColumns(),selectedKeys:a.getVisibleFlatColumns().map(s=>s.id),children:[t(R,{onAction:()=>a.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),a.getState().columnOrder.map(s=>{const l=a.getAllFlatColumns().find(g=>g.id===s);return!l||l.id==="checkbox"||l.id===A?null:t(i,{column:l},l.id)})]}),t(We,{children:n?t("div",{className:"opacity-70 border-2 border-primary",children:c(n)}):null})]})});function i({column:s}){const{attributes:l,listeners:g,setNodeRef:h,transform:y,transition:p}=at({id:s.id}),P={transform:ot.Transform.toString(y),transition:p,zIndex:"999"};return m(R,{ref:h,style:P,...l,id:s.id,onAction:()=>s.toggleVisibility(),isDisabled:!s.getCanHide(),className:"flex items-center",children:[t(It,{...g,className:"size-icon cursor-grab"}),ne(s),s.getIsSorted()&&t(Fe,{className:"size-icon",direction:s.getIsSorted()})]})}}function bn(){const{tanTable:e}=x(),a=e.getRowCount();return m("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,a)} of ${a?.toLocaleString()}`}),(e.getCanNextPage()||e.getCanPreviousPage())&&m(O,{children:[t(w,{"aria-label":"First page",onPress:()=>e.firstPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon-sm",children:t(Pt,{})}),t(w,{"aria-label":"Previous page",onPress:()=>e.previousPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon-sm",children:t(At,{})}),t(w,{"aria-label":"Next page",onPress:()=>e.nextPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon-sm",children:t(Tt,{})}),t(w,{"aria-label":"Last page",onClick:()=>e.lastPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon-sm",children:t(Dt,{})})]})]})}function hn(){if(ae()==="customer-portal")return null;const{tanTable:a}=x(),n=[10,20,30,40,50];return t(E,{label:a.getState().pagination.pageSize.toString(),selectionMode:"single",size:"sm",selectedKeys:[a.getState().pagination.pageSize.toString()],items:n.map(o=>({id:o.toString(),value:o})),children:o=>t(R,{onAction:()=>a.setPageSize(o.value),children:o.value})})}function vn(){const{query:e,tanTable:a,searchQuery:n,setSearchQuery:o,tableActions:c,viewMode:r,setViewMode:i,Card:s,previewFilters:l,disableTableView:g}=x(),h=a.getSelectedRowModel().rows.length>0,y=c.filter(p=>p.resourceType!=="single").filter(p=>p.resourceType==="multiple"===h);return m("section",{className:"flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1",children:[m("div",{className:"flex gap-icon",children:[t(w,{"aria-label":"Refresh",isPending:e.isFetching,onClick:()=>e.refetch(),variant:"neutral",size:"icon",children:t(wt,{})}),t(kt,{value:n,onChange:o}),t(An,{previewFilters:l})]}),m("div",{className:"flex gap-icon",children:[t(wn,{items:y,isFetching:e.isFetching}),s&&!g&&m("div",{className:"flex gap-1 bg-elevation-1 rounded-md overflow-hidden",children:[t(w,{variant:r==="table"?"primary":"neutral",size:"icon",onPress:()=>i("table"),"aria-label":"Table view",className:"border-none",children:t(xt,{})}),t(w,{variant:r==="card"?"primary":"neutral",size:"icon",onPress:()=>i("card"),"aria-label":"Card view",className:"border-none",children:t(Nt,{})})]})]})]})}function Fe({direction:e,...a}){return e==="asc"?t(Rt,{className:"size-3.5",...a}):e==="desc"?t(zt,{className:"size-3.5",...a}):t(Mt,{className:"size-3.5",...a})}function ne(e){const a=oe(),n=e.columnDef.header;return typeof n=="string"?n:a(e.id)}function yn(e){const a=e.column.columnDef.meta?.displayType,n=e.getValue();if(n==null)return null;switch(a){case"date":return t("span",{className:"tabular-nums",children:K(n)});case"number":return t("span",{className:"block text-right tabular-nums",children:Jt(n)});case"boolean":return t(be,{variant:n?"success":"destructive",className:"capitalize",children:String(n)});case"badge":return t(be,{children:String(n)});case"tags":let o=Array.isArray(n)?n:[String(n)];return t(on,{items:o.map(i=>({id:i,name:i})),className:"!flex-nowrap",children:i=>t(sn,{children:i.name})});case"progressBar":const[c,r]=n;return t(ln,{meterClassName:"w-16",label:`${c}/${r}`,minValue:0,maxValue:r,value:c});case"country":return t(Zt,{value:n});case"enum":return t("span",{className:"uppercase w-full",children:String(n)});case"fileSize":return Yt(n);case"days":return Xt(n);case"os":return St[n]??n;case"licenseType":return nn[n]??n;case"subscriptionInterval":return Ut.formatISODuration(n);case"subscriptionStartTrigger":return tn(n);default:return String(n)}}function ye({header:e}){const a=e.column.columnDef.header;return typeof a=="string"||!a?ne(e.column):typeof a=="function"?typeof a(e.getContext())=="string"?ne(e.column):te(a,e.getContext()):te(a,e.getContext())}function Sn({className:e}){const{tanTable:a,onRowNavigate:n}=x(),o=(c,r,i="z-50")=>T("text-left body-sm font-medium whitespace-nowrap",c&&`sticky right-0 ${i} text-center justify-center`,r);return m(Ht,{className:T("table-auto border-0 rounded-md",e),children:[t(Kt,{className:"sticky top-0 z-10 rounded-md",children:a.getHeaderGroups().map(c=>t(he,{children:c.headers.map(r=>m(Bt,{scope:"col",colSpan:r.colSpan,className:o(r.id===A,"bg-elevation-mid"),children:[!r.column.getCanSort()&&!r.isPlaceholder&&t("div",{className:T("w-full flex items-center gap-1 text-xs uppercase",r.id===A?"justify-center":"justify-start"),children:t(ye,{header:r})}),r.column.getCanSort()&&m(w,{variant:"ghost",size:"none",className:T("w-full p-1 rounded-md uppercase text-muted text-xs",r.id===A?"justify-center":"justify-start",r.column.getIsSorted()?"text-primary":""),onPress:r.column.getToggleSortingHandler(),children:[t("span",{children:t(ye,{header:r})}),r.column.getIsSorted()&&t(Fe,{direction:r.column.getIsSorted()})]})]},r.id))},c.id))}),t(Qt,{children:a.getRowModel().rows.map(c=>t(he,{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":c.getIsSelected(),...n&&{role:"link",tabIndex:0,onClick:r=>{r.target.closest('a, button, input, select, textarea, [role="button"]')||n(c.original)},onKeyDown:r=>{r.key==="Enter"&&n(c.original)}},children:c.getVisibleCells().map(r=>{const i=r.column.id===A,s=r.column.columnDef.meta?.displayType?yn(r):te(r.column.columnDef.cell,r.getContext());return t(Gt,{className:T(o(i,i?"bg-elevation-1 group-data-[selected=true]:bg-primary-100 group-hover:bg-elevation-mid":"","z-1"),i&&"flex justify-center items-center"),children:s},r.id)})},c.id))})]})}function Se(e){return e.resourceType==="none"}function ie(e){return e.resourceType==="single"}function we(e){return e.resourceType==="multiple"}function wn({items:e,isFetching:a}){const{openDialog:n,closeDialog:o}=Ae(),{tanTable:c}=x();function r(s,l){return s.isDisabled?Se(s)?s.isDisabled():we(s)?s.isDisabled(l):!1:!1}const i=c.getSelectedRowModel().rows.map(s=>s.original);return t(O,{children:e.map((s,l)=>{const g=s.icon,h=r(s,i)||a;return m(w,{"aria-label":s.label,type:"button",isDisabled:h,className:"animate-in fade-in slide-in-from-right-15 duration-300 transition-transform",onPress:y=>{const p={event:y,openDialog:n,closeDialog:o};Se(s)?s.onPress(p):we(s)&&s.onPress({...p,data:i})},variant:s.variant??"neutral",children:[g&&t(g,{"aria-hidden":!0}),t("span",{children:s.label})]},`${s.label}-${l}`)})})}function xn({label:e,items:a,data:n}){const{openDialog:o,closeDialog:c}=Ae();return a.length<4?t("div",{className:"flex items-center gap-2",children:a.map((r,i)=>{const s=r.icon,l=typeof r.label=="function"?r.label(n):r.label;return m(Wt,{children:[t(w,{"aria-label":typeof l=="string"?l:void 0,isDisabled:r.isDisabled?.(n)??!1,variant:"ghost",size:"icon",onPress:()=>{const g={openDialog:o,closeDialog:c};r.onPress({...g,data:n})},children:t(s,{className:"size-icon"})}),t(en,{children:l})]},`${i}-${typeof l=="string"?l:""}`)})}):t(E,{withChevron:!1,"aria-label":"Actions",label:e,size:"icon",children:a.map((r,i)=>{const s=r.icon,l=typeof r.label=="function"?r.label(n):r.label;return m(R,{id:typeof l=="string"?l:void 0,isDisabled:r.isDisabled?.(n)??!1,onAction:()=>{const g={openDialog:o,closeDialog:c};ie(r)&&r.onPress({...g,data:n})},children:[t(s,{className:"size-icon"}),l]},`${i}-${typeof l=="string"?l:""}`)})})}const Rr=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte","between"],xe={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"},Nn={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,a){const n=a.type,o=`${e}-${Date.now()}`,c=n==="bool"||n==="derived-select"?!1:a.needOperator??!0,r=c?Oe[n][0]:"eq",i={id:o,property:e,operator:r,needOperator:c};switch(n){case"bool":return{...i,type:n,value:!0};case"derived-select":return{...i,type:n,value:a.options[0]?.id??""};case"string":return{...i,type:n,value:""};case"date":return{...i,type:n,value:r==="between"?[new Date().toISOString(),new Date().toISOString()]:new Date().toISOString()};case"id":return{...i,type:n,value:""};case"id-search":return{...i,type:n,value:[]};case"enum":return{...i,type:n,value:new Set};case"number":return{...i,type:n,value:0}}}const Oe={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 Cn(e,a){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=a[e.property];if(!n||n.type!=="derived-select")return e.value??"";const o=n.options.find(c=>c.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 In({filter:e,filterConfig:a,onChange:n}){if(e.type==="string"||e.type==="id")return t(yt,{autoFocus:!0,value:e.value??"",onChange:n,"aria-label":"Filter value"});if(e.type==="number")return t(bt,{autoFocus:!0,value:e.value,onChange:n,"aria-label":"Filter value"});if(e.type==="date"){if(e.operator==="between"){const[c,r]=Array.isArray(e.value)?e.value:[new Date().toISOString(),new Date().toISOString()],i=U(c,X()),s=U(r,X());return m("div",{className:"flex flex-col gap-icon",children:[t(W,{autoFocus:!0,hideTimeZone:!0,label:"From",value:i,onChange:l=>n([l?l.toAbsoluteString():c,r])}),t(W,{hideTimeZone:!0,label:"To",value:s,onChange:l=>n([c,l?l.toAbsoluteString():r])})]})}const o=e.value&&!Array.isArray(e.value)?U(e.value,X()):null;return t(W,{autoFocus:!0,hideTimeZone:!0,value:o,onChange:c=>n(c?c.toAbsoluteString():new Date().toISOString()),"aria-label":"Filter date"})}if(e.type==="enum"){const o=a[e.property];return o.type!=="enum"?null:t(ft,{autoFocus:!0,items:o.options,value:e.value??new Set,onChange:n,"aria-label":"Filter value"})}if(e.type==="id-search"){const o=a[e.property];if(o.type!=="id-search")return null;const c=o.defaultParams;return t(Vt,{autoFocus:!0,path:o.path,accessor:o.accessor,defaultParams:c,value:e.value??[],onChange:n,"aria-label":"Filter value"})}return null}function Pn({filter:e,filterConfig:a,resourceFormatter:n,onRemove:o,onUpdate:c,isOpen:r,onOpenChange:i}){const s=e.needOperator===!1?["eq"]:Oe[e.type],l=Cn(e,a),g=ae(),h=e.type==="bool"||e.type==="derived-select",y=m(w,{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(Ie,{}),h?t("span",{className:"font-medium",children:l}):m(O,{children:[t("span",{className:"font-medium",children:n(e.property)}),g!=="customer-portal"&&t("span",{children:Nn[e.operator]}),g!=="customer-portal"&&l&&t("span",{children:l})]}),e.active!==!1&&t(Ge,{onPress:()=>o(),children:t("span",{className:"bg-primary hover:bg-destructive rounded-full size-icon flex justify-center items-center",children:t(qt,{className:"size-2.5 text-elevation-1"})})})]});if(h){let p,P;if(e.type==="bool")p=[{id:"true",label:"True"},{id:"false",label:"False"}],P=e.value?"true":"false";else{const S=a[e.property];p=S?.type==="derived-select"?S.options:[],P=e.value??""}return m(dt,{isOpen:r,onOpenChange:i,children:[t("div",{className:"relative",children:y}),m(mt,{className:"min-w-48",children:[t(gt,{inset:!0,separator:!1,children:n(e.property)}),t(pt,{selectionMode:"single",disallowEmptySelection:!0,selectedKeys:new Set([P]),onSelectionChange:S=>{if(S==="all")return;const F=S.values().next().value;F!=null&&c({value:e.type==="bool"?String(F)==="true":String(F)})},"aria-label":"Filter value",children:p.map(S=>t(R,{id:S.id,children:S.label},S.id))})]})]})}return m(ht,{isOpen:r,onOpenChange:i,children:[t("div",{className:"relative",children:y}),t(vt,{className:"p-icon min-w-48",children:m("div",{className:"flex flex-col gap-icon",children:[s.length>1&&t(E,{label:xe[e.operator],variant:"neutral","aria-label":"Change operator",children:s.map(p=>t(R,{onAction:()=>c({operator:p}),children:xe[p]},p))}),t(In,{filter:e,filterConfig:a,onChange:p=>c({value:p})}),t(w,{type:"button",variant:"neutral",className:"self-end",onPress:o,"aria-label":`Remove ${n(e.property)} filter`,children:"Clear"})]})})]})}function An({className:e,previewFilters:a,...n}){const{filters:o,query:c,setFilters:r,filterConfig:i}=x(),s=oe(),l=Object.keys(i).filter(d=>!o.some(f=>f.property===d)).sort(),[g,h]=M(null),y=Ne(!1);re(()=>{if(!y.current&&o.length===0){const d=[];a&&a.length>0&&d.push(...a.filter(f=>i[f]).map(f=>({...H(f,i[f]),active:!1,isPreview:!0}))),d.length>0&&r(d)}y.current=!0},[]);const p=d=>{const f=H(d,i[d]);r([...o,f]),h(f.id)},P=d=>{o.find(v=>v.id===d)?.isPreview?r(o.map(v=>v.id===d?{...H(v.property,i[v.property]),active:!1,isPreview:!0}:v)):r(o.filter(v=>v.id!==d))},S=()=>{r(o.filter(d=>d.isPreview).map(d=>({...H(d.property,i[d.property]),active:!1,isPreview:!0}))),h(null)},F=o.some(d=>!d.isPreview||d.active!==!1),L=(d,f)=>{r(o.map(v=>{if(v.id!==d)return v;let N=f.value!==void 0?f.value:v.value;const _=f.operator??v.operator;if(v.type==="date"&&f.operator!==void 0)if(_==="between"&&!Array.isArray(N)){const z=typeof N=="string"?N:new Date().toISOString();N=[z,z]}else _!=="between"&&Array.isArray(N)&&(N=N[0]??new Date().toISOString());return{...v,...f,value:N,active:!0}}))};return m("section",{...n,className:T("flex flex-wrap gap-icon items-center",e),children:[o.filter(d=>d.property in i).map(d=>t(Pn,{filter:d,filterConfig:i,resourceFormatter:s,onRemove:()=>P(d.id),onUpdate:f=>L(d.id,f),isOpen:g===d.id,onOpenChange:f=>h(f?d.id:null)},d.id)),l.length>0&&t(E,{label:t(Ie,{}),isDisabled:c.isPending,variant:"neutral","aria-label":"Add filter",children:l.map(d=>{const f=i[d].type,v=Tn[f];return m(R,{className:"!justify-between",onAction:()=>p(d),children:[s(d),t(v,{})]},d)})}),F&&t(w,{variant:"ghost",onPress:S,"aria-label":"Clear all filters",className:"animate-in fade-in",children:"Clear All"})]})}const Tn={"id-search":Et,bool:ee,"derived-select":ee,date:$t,enum:jt,id:_t,number:Lt,string:ee};export{xe as C,An as D,Or as DataTable,De as DataTableContext,Fr as DataTableProvider,Rr as F,Tr as getColumnHelper,x as useDataTable,Dr 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 Qe,useContext as Ge,useState as R,useMemo as J,useEffect as ae,useRef as Ie,Fragment as Ze}from"react";import{Pressable as Ue}from"react-aria-components";import{Button as x}from"./button.js";import{useSensors as Xe,useSensor as he,PointerSensor as Ye,KeyboardSensor as Je,DndContext as We,closestCenter as et,DragOverlay as tt}from"@dnd-kit/core";import{sortableKeyboardCoordinates as nt,SortableContext as rt,verticalListSortingStrategy as at,arrayMove as it,useSortable as ot}from"@dnd-kit/sortable";import{CSS as st}from"@dnd-kit/utilities";import{useQuery as lt,useInfiniteQuery as ct}from"@tanstack/react-query";import{createColumnHelper as Pe,useReactTable as ut,getCoreRowModel as dt,flexRender as ne}from"@tanstack/react-table";import{useLocalStorage as W}from"@uidotdev/usehooks";import{merge as mt}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 gt,MenuPopover as pt,MenuHeader as ft,Menu as bt}from"./menu.js";import{MultiSelect as ht}from"./multi-select.js";import{NumberField as vt}from"./numberfield.js";import{PopoverTrigger as yt,Popover as St}from"./popover.js";import{TextField as wt}from"./textfield.js";import{formatDate as H}from"../utilities/date.js";import{useProjectName as ie,useResourceFormatter as oe,ALL_OS as xt}from"../utilities/resources.js";import{classNames as T}from"../utilities/theme.js";import{IcRefresh as Nt,IcMenu as Ct,IcLayoutGrid as It,IcColumns as Pt,IcGrip as At,IcFirst as Tt,IcLeft as Ft,IcRight as Dt,IcLast as Ot,IcMoreVertical as Mt,IcInfo as Rt,IcSortAsc as zt,IcSortDesc as Lt,IcSortNone as _t,IcCheck as te,IcMinus as jt,IcAccount as $t,IcLicense as Et,IcDate as qt,IcFile as Vt,IcFilter as Ae,IcClose as kt}from"./icons.js";import{MultipleIdSearchInput as Ht}from"./id-search.js";import{Loader as Te}from"./loader.js";import{SearchField as Kt}from"./searchfield.js";import{Table as Bt,TableHeader as Qt,TableRow as ye,TableHead as Gt,TableBody as Zt,TableCell as Ut}from"./table.js";import{CountryName as Xt}from"../utilities/countries.js";import{Duration as Yt}from"../utilities/duration.js";import{formatDays as Jt,formatFilesize as Wt,formatNumber as en}from"../utilities/numbers.js";import{useIsMobile as tn}from"../utilities/use-mobile.js";import{Checkbox as Se}from"./checkbox.js";import{TooltipTrigger as nn,Tooltip as rn}from"./tooltip.js";import{getSubscriptionStartTriggerLabel as an,ALL_LICENSE_TYPES as on}from"./select-options.js";import{useCtxClient as sn}from"../utilities/ctx-client.js";import{ControlledDialogProvider as ln,useControlledDialog as Fe}from"./dialog.js";import{ProgressBar as cn}from"./progress-bar.js";import{TagGroup as un,Tag as dn}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 mn(e){return e?e.desc?`-${e.id}`:`+${e.id}`:"-createdAt"}const De=Pe(),gn=[De.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})],A="TableActions";function pn(e){return e.length===0?[]:[De.accessor(A,{header:"Actions",id:A,enableHiding:!1,cell:({row:r})=>t(In,{label:t(Mt,{}),data:r.original,items:e}),enableSorting:!1})]}function Or(){return Pe()}function Mr({path:e,pathParameters:r,queryParameters:n,columns:s,filterConfig:l,columnsToHideByDefault:i={},allowSelection:a=!1,initialFilters:u=[],previewFilters:o,tableActions:m,Card:f,onRowNavigate:S,disableTableView:h,hideViewToggle:w,include:y}){const[F,K]=R({pagination:{pageIndex:0,pageSize:20},sorting:[]}),{sorting:d,pagination:p}=F,[v,P]=R(""),[z,L]=R({}),[B,ze]=R(u),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)=>mt(c,b),{}),[B,l]),E=y?.length?y.join(","):void 0,q={...n,...Q,limit:p.pageSize,sort:mn(d[0]),search:v,...E?{include:E}:{}},Le=sn(),_e=["get",e,{...q,page:p.pageIndex+1},"table"],je=["get",e,q,"card"],G=`${e}_ctx`,[le,ce]=W(`${G}_column_order_preference`,[]),[ue,$e]=W(`${G}_column_visibility_preference`,{id:!1,...i}),[Ee,qe]=W(`${G}_view_mode_preference`,h?"card":"table"),de=tn(),D=h||de&&f?"card":Ee,Z=c=>{K(b=>({...b,...c}))};async function me(c){const b=await Le.GET(e,{params:{query:{...n,page:c,limit:p.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 _=lt({queryKey:_e,enabled:D==="table",queryFn:()=>me(p.pageIndex+1),placeholderData:c=>c}),C=ct({queryKey:je,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},Ve=m.filter(se),ke=[...a?gn:[],...s,...pn(Ve??[])];function He(c){return typeof c=="function"}function j(c,b){return He(c)?c(b):c}const be=ut({data:ge,columns:ke,getCoreRowModel:dt(),rowCount:pe,manualPagination:!0,onPaginationChange:c=>{Z({pagination:j(c,p)})},manualSorting:!0,onSortingChange:c=>{L({}),Z({sorting:[...j(c,d)]})},manualFiltering:!0,onColumnVisibilityChange:c=>{$e(j(c,ue))},onRowSelectionChange:c=>{L(j(c,z))},onColumnOrderChange:c=>{ce(j(c,le))},state:{sorting:d,columnVisibility:ue,pagination:p,rowSelection:z,columnOrder:le},meta:{refetch:fe.refetch}});return ae(()=>{const c=be.getAllFlatColumns().map(I=>I.id),b=c.filter(I=>I!=="checkbox"&&I!==A);ce(I=>{const V=I.filter(U=>b.includes(U)),Ke=b.filter(U=>!I.includes(U)),Be=V.length>0?[...V,...Ke]:b;return[...c.includes("checkbox")?["checkbox"]:[],...Be,...c.includes(A)?[A]:[]]})},[]),{tableState:F,updateTableState:Z,query:fe,setSearchQuery:P,searchQuery:v,tanTable:be,mergedFilters:Q,filters:B,setFilters:ze,filterConfig:l,tableActions:m,pathParameters:r,queryParameters:n,viewMode:D,setViewMode:qe,isMobile:de,Card:f,allowSelection:a,previewFilters:o,infiniteQuery:C,disableTableView:h,hideViewToggle:w,onRowNavigate:S}}const Oe=Qe(null);function N(){const e=Ge(Oe);if(!e)throw Error("DataTable should be used within DataTableProvider.");return e}function Rr({children:e,...r}){return t(Oe.Provider,{value:r,children:e})}function fn(){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 bn({cardGridClassName:e}){const{query:r,tanTable:n,viewMode:s,tableActions:l,Card:i}=N(),a=l.filter(se),u=s==="card"&&!!i;return r.isLoading?t("div",{className:"body-sm flex items-center justify-center min-h-32",children:t(Te,{})}):n.getRowModel().rows.length===0?t("div",{className:"body-sm flex items-center justify-center min-h-32 text-muted",children:t(fn,{})}):u?t(hn,{Card:i,actions:a,className:e}):t(Nn,{className:"w-full"})}function zr({className:e,cardGridClassName:r,...n}){const{viewMode:s,Card:l}=N(),i=s==="card"&&!!l;return t(O,{children:g(ln,{children:[t(wn,{}),g("section",{...n,className:T("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(bn,{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(vn,{}),t(Sn,{})]}),t(yn,{})]})]})]})})}function hn({Card:e,actions:r,className:n,...s}){const{tanTable:l,allowSelection:i}=N(),{infiniteQuery:a}=N(),u=Ie(null);return ae(()=>{const o=u.current;if(!o)return;const m=new IntersectionObserver(f=>{f[0].isIntersecting&&a.hasNextPage&&!a.isFetchingNextPage&&a.fetchNextPage()},{threshold:.1});return m.observe(o),()=>m.disconnect()},[a.hasNextPage,a.isFetchingNextPage]),g("div",{...s,className:T(n,"grid grid-cols-1 lg:grid-cols-2 gap-icon"),children:[l.getRowModel().rows.map((o,m)=>{const f={isSelected:o.getIsSelected(),onToggle:()=>o.toggleSelected(),allowSelection:i};return t(Ze,{children:e(o.original,r,f,m)},o.id)}),t("div",{ref:u,className:"col-span-full h-4 flex items-center justify-center",children:a.isFetchingNextPage&&t(Te,{})})]})}function vn(){if(ie()==="customer-portal")return null;const{tanTable:r}=N(),[n,s]=R(null),l=oe(),i=Xe(he(Ye),he(Je,{coordinateGetter:nt}));return t(We,{sensors:i,collisionDetection:et,onDragStart:u=>{const{active:o}=u;s(o.id.toString())},onDragEnd:u=>{const{active:o,over:m}=u;if(m&&o.id!==m.id){const f=r.getState().columnOrder,S=f.indexOf(o.id.toString()),h=f.indexOf(m.id.toString());r.setColumnOrder([...it(f,S,h)])}s(null)},children:g(rt,{items:r.getState().columnOrder,strategy:at,children:[g($,{label:g(O,{children:[t(Pt,{className:"inline align-bottom me-1"}),"Columns"]}),selectionMode:"multiple",size:"sm",items:r.getAllFlatColumns(),selectedKeys:r.getVisibleFlatColumns().map(u=>u.id),children:[t(M,{onAction:()=>r.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),r.getState().columnOrder.map(u=>{const o=r.getAllFlatColumns().find(m=>m.id===u);return!o||o.id==="checkbox"||o.id===A?null:t(a,{column:o},o.id)})]}),t(tt,{children:n?t("div",{className:"opacity-70 border-2 border-primary",children:l(n)}):null})]})});function a({column:u}){const{attributes:o,listeners:m,setNodeRef:f,transform:S,transition:h}=ot({id:u.id}),w={transform:st.Transform.toString(S),transition:h,zIndex:"999"};return g(M,{ref:f,style:w,...o,id:u.id,onAction:()=>u.toggleVisibility(),isDisabled:!u.getCanHide(),className:"flex items-center",children:[t(At,{...m,className:"size-icon cursor-grab"}),re(u),u.getIsSorted()&&t(Me,{className:"size-icon",direction:u.getIsSorted()})]})}}function yn(){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(Tt,{})}),t(x,{"aria-label":"Previous page",onPress:()=>e.previousPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon-sm",children:t(Ft,{})}),t(x,{"aria-label":"Next page",onPress:()=>e.nextPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon-sm",children:t(Dt,{})}),t(x,{"aria-label":"Last page",onClick:()=>e.lastPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon-sm",children:t(Ot,{})})]})]})}function Sn(){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(s=>({id:s.toString(),value:s})),children:s=>t(M,{onAction:()=>r.setPageSize(s.value),children:s.value})})}function wn(){const{query:e,tanTable:r,searchQuery:n,setSearchQuery:s,tableActions:l,viewMode:i,setViewMode:a,isMobile:u,Card:o,previewFilters:m,disableTableView:f,hideViewToggle:S}=N(),h=r.getSelectedRowModel().rows.length>0,w=l.filter(y=>y.resourceType!=="single").filter(y=>y.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(Nt,{})}),t(Kt,{value:n,onChange:s}),t(Dn,{previewFilters:m})]}),g("div",{className:"flex gap-icon",children:[t(Cn,{items:w,isFetching:e.isFetching}),o&&!f&&!u&&!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(Ct,{})}),t(x,{variant:i==="card"?"primary":"neutral",size:"icon",onPress:()=>a("card"),"aria-label":"Card view",className:"border-none",children:t(It,{})})]})]})]})}function Me({direction:e,...r}){return e==="asc"?t(zt,{className:"size-3.5",...r}):e==="desc"?t(Lt,{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 xn(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:en(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 s=Array.isArray(n)?n:[String(n)];return t(un,{items:s.map(a=>({id:a,name:a})),className:"!flex-nowrap",children:a=>t(dn,{children:a.name})});case"progressBar":const[l,i]=n;return t(cn,{meterClassName:"w-16",label:`${l}/${i}`,minValue:0,maxValue:i,value:l});case"country":return t(Xt,{value:n});case"enum":return t("span",{className:"uppercase w-full",children:String(n)});case"fileSize":return Wt(n);case"days":return Jt(n);case"os":return xt[n]??n;case"licenseType":return on[n]??n;case"subscriptionInterval":return Yt.formatISODuration(n);case"subscriptionStartTrigger":return an(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 Nn({className:e}){const{tanTable:r,onRowNavigate:n}=N(),s=(l,i,a="z-50")=>T("text-left body-sm font-medium whitespace-nowrap",l&&`sticky right-0 ${a} text-center justify-center`,i);return g(Bt,{className:T("table-auto border-0 rounded-md",e),children:[t(Qt,{className:"sticky top-0 z-10 rounded-md",children:r.getHeaderGroups().map(l=>t(ye,{children:l.headers.map(i=>g(Gt,{scope:"col",colSpan:i.colSpan,className:s(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(we,{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(we,{header:i})}),i.column.getIsSorted()&&t(Me,{direction:i.column.getIsSorted()})]})]},i.id))},l.id))}),t(Zt,{children:r.getRowModel().rows.map(l=>t(ye,{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":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===A,u=i.column.columnDef.meta?.displayType?xn(i):ne(i.column.columnDef.cell,i.getContext());return t(Ut,{className:T(s(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:u},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 Cn({items:e,isFetching:r}){const{openDialog:n,closeDialog:s}=Fe(),{tanTable:l,mergedFilters:i}=N();function a(o,m){return o.isDisabled?xe(o)?o.isDisabled():Ne(o)?o.isDisabled(m):!1:!1}const u=l.getSelectedRowModel().rows.map(o=>o.original);return t(O,{children:e.map((o,m)=>{const f=o.icon,S=a(o,u)||r;return g(x,{"aria-label":o.label,type:"button",isDisabled:S,className:"animate-in fade-in slide-in-from-right-15 duration-300 transition-transform",onPress:h=>{const w={event:h,openDialog:n,closeDialog:s,activeFilters:i};xe(o)?o.onPress(w):Ne(o)&&o.onPress({...w,data:u})},variant:o.variant??"neutral",children:[f&&t(f,{"aria-hidden":!0}),t("span",{children:o.label})]},`${o.label}-${m}`)})})}function In({label:e,items:r,data:n}){const{openDialog:s,closeDialog:l}=Fe(),{mergedFilters:i}=N();return r.length<4?t("div",{className:"flex items-center gap-2",children:r.map((a,u)=>{const o=a.icon,m=typeof a.label=="function"?a.label(n):a.label;return g(nn,{children:[t(x,{"aria-label":typeof m=="string"?m:void 0,isDisabled:a.isDisabled?.(n)??!1,variant:"ghost",size:"icon",onPress:()=>{const f={openDialog:s,closeDialog:l};a.onPress({...f,data:n,activeFilters:i})},children:t(o,{className:"size-icon"})}),t(rn,{children:m})]},`${u}-${typeof m=="string"?m:""}`)})}):t($,{withChevron:!1,"aria-label":"Actions",label:e,size:"icon",children:r.map((a,u)=>{const o=a.icon,m=typeof a.label=="function"?a.label(n):a.label;return g(M,{id:typeof m=="string"?m:void 0,isDisabled:a.isDisabled?.(n)??!1,onAction:()=>{const f={openDialog:s,closeDialog:l};se(a)&&a.onPress({...f,data:n,activeFilters:i})},children:[t(o,{className:"size-icon"}),m]},`${u}-${typeof m=="string"?m:""}`)})})}const Lr=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte","between"],Ce={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,s=`${e}-${Date.now()}`,l=n==="bool"||n==="derived-select"?!1:r.needOperator??!0,i=l?Re[n][0]:"eq",a={id:s,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 s=n.options.find(l=>l.id===e.value);return typeof s?.label=="string"?s.label:e.value??""}case"date":if(Array.isArray(e.value)){const[n,s]=e.value;return`${H(n,{dateStyle:"short"})??""} – ${H(s,{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(wt,{autoFocus:!0,value:e.value??"",onChange:n,"aria-label":"Filter value"});if(e.type==="number")return t(vt,{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()),u=X(i,Y());return g("div",{className:"flex flex-col gap-icon",children:[t(ee,{autoFocus:!0,hideTimeZone:!0,label:"From",value:a,onChange:o=>n([o?o.toAbsoluteString():l,i])}),t(ee,{hideTimeZone:!0,label:"To",value:u,onChange:o=>n([l,o?o.toAbsoluteString():i])})]})}const s=e.value&&!Array.isArray(e.value)?X(e.value,Y()):null;return t(ee,{autoFocus:!0,hideTimeZone:!0,value:s,onChange:l=>n(l?l.toAbsoluteString():new Date().toISOString()),"aria-label":"Filter date"})}if(e.type==="enum"){const s=r[e.property];return s.type!=="enum"?null:t(ht,{autoFocus:!0,items:s.options,value:e.value??new Set,onChange:n,"aria-label":"Filter value"})}if(e.type==="id-search"){const s=r[e.property];if(s.type!=="id-search")return null;const l=s.defaultParams;return t(Ht,{autoFocus:!0,path:s.path,accessor:s.accessor,defaultParams:l,value:e.value??[],onChange:n,"aria-label":"Filter value"})}return null}function Fn({filter:e,filterConfig:r,resourceFormatter:n,onRemove:s,onUpdate:l,isOpen:i,onOpenChange:a}){const u=e.needOperator===!1?["eq"]:Re[e.type],o=An(e,r),m=ie(),f=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(Ae,{}),f?t("span",{className:"font-medium",children:o}):g(O,{children:[t("span",{className:"font-medium",children:n(e.property)}),m!=="customer-portal"&&t("span",{children:Pn[e.operator]}),m!=="customer-portal"&&o&&t("span",{children:o})]}),e.active!==!1&&t(Ue,{onPress:()=>s(),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(f){let h,w;if(e.type==="bool")h=[{id:"true",label:"True"},{id:"false",label:"False"}],w=e.value?"true":"false";else{const y=r[e.property];h=y?.type==="derived-select"?y.options:[],w=e.value??""}return g(gt,{isOpen:i,onOpenChange:a,children:[t("div",{className:"relative",children:S}),g(pt,{className:"min-w-48",children:[t(ft,{inset:!0,separator:!1,children:n(e.property)}),t(bt,{selectionMode:"single",disallowEmptySelection:!0,selectedKeys:new Set([w]),onSelectionChange:y=>{if(y==="all")return;const F=y.values().next().value;F!=null&&l({value:e.type==="bool"?String(F)==="true":String(F)})},"aria-label":"Filter value",children:h.map(y=>t(M,{id:y.id,children:y.label},y.id))})]})]})}return g(yt,{isOpen:i,onOpenChange:a,children:[t("div",{className:"relative",children:S}),t(St,{className:"p-icon min-w-48",children:g("div",{className:"flex flex-col gap-icon",children:[u.length>1&&t($,{label:Ce[e.operator],variant:"neutral","aria-label":"Change operator",children:u.map(h=>t(M,{onAction:()=>l({operator:h}),children:Ce[h]},h))}),t(Tn,{filter:e,filterConfig:r,onChange:h=>l({value:h})}),t(x,{type:"button",variant:"neutral",className:"self-end",onPress:s,"aria-label":`Remove ${n(e.property)} filter`,children:"Clear"})]})})]})}function Dn({className:e,previewFilters:r,...n}){const{filters:s,query:l,setFilters:i,filterConfig:a}=N(),u=oe(),o=Object.keys(a).filter(d=>!s.some(p=>p.property===d)).sort(),[m,f]=R(null),S=Ie(!1);ae(()=>{if(!S.current&&s.length===0){const d=[];r&&r.length>0&&d.push(...r.filter(p=>a[p]).map(p=>({...k(p,a[p]),active:!1,isPreview:!0}))),d.length>0&&i(d)}S.current=!0},[]);const h=d=>{const p=k(d,a[d]);i([...s,p]),f(p.id)},w=d=>{s.find(v=>v.id===d)?.isPreview?i(s.map(v=>v.id===d?{...k(v.property,a[v.property]),active:!1,isPreview:!0}:v)):i(s.filter(v=>v.id!==d))},y=()=>{i(s.filter(d=>d.isPreview).map(d=>({...k(d.property,a[d.property]),active:!1,isPreview:!0}))),f(null)},F=s.some(d=>!d.isPreview||d.active!==!1),K=(d,p)=>{i(s.map(v=>{if(v.id!==d)return v;let P=p.value!==void 0?p.value:v.value;const z=p.operator??v.operator;if(v.type==="date"&&p.operator!==void 0)if(z==="between"&&!Array.isArray(P)){const L=typeof P=="string"?P:new Date().toISOString();P=[L,L]}else z!=="between"&&Array.isArray(P)&&(P=P[0]??new Date().toISOString());return{...v,...p,value:P,active:!0}}))};return g("section",{...n,className:T("flex flex-wrap gap-icon items-center",e),children:[s.filter(d=>d.property in a).map(d=>t(Fn,{filter:d,filterConfig:a,resourceFormatter:u,onRemove:()=>w(d.id),onUpdate:p=>K(d.id,p),isOpen:m===d.id,onOpenChange:p=>f(p?d.id:null)},d.id)),o.length>0&&t($,{label:t(Ae,{}),isDisabled:l.isPending,variant:"neutral","aria-label":"Add filter",children:o.map(d=>{const p=a[d].type,v=On[p];return g(M,{className:"!justify-between",onAction:()=>h(d),children:[u(d),t(v,{})]},d)})}),F&&t(x,{variant:"ghost",onPress:y,"aria-label":"Clear all filters",className:"animate-in fade-in",children:"Clear All"})]})}const On={"id-search":Vt,bool:te,"derived-select":te,date:qt,enum:Et,id:$t,number:jt,string:te};export{Ce as C,Dn as D,zr as DataTable,Oe as DataTableContext,Rr as DataTableProvider,Lr as F,Or as getColumnHelper,N as useDataTable,Mr 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 { 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 { Tag, TagGroup } from './tag-group';\nimport { ProgressBar } from './progress-bar';\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};\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    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    const effectiveViewMode = disableTableView ? '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        Card,\n        allowSelection,\n        previewFilters,\n        infiniteQuery,\n        disableTableView,\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')}>\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        Card,\n        previewFilters,\n        disableTableView,\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                <TableActions items={filteredActions} isFetching={query.isFetching} />\n                {Card &&\n                    !disableTableView && ( // Only show view mode toggle button if a Card component was provided and table view is enabled\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        </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};\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};\n\nfunction TableActions<T>({ items, isFetching }: TableActionsProps<T>) {\n    const { openDialog, closeDialog } = useControlledDialog();\n    const { tanTable } = 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=\"animate-in fade-in slide-in-from-right-15 duration-300 transition-transform\"\n                        onPress={e => {\n                            const context = { event: e, openDialog, closeDialog };\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\n    if (items.length < 4) {\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 });\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 });\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","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","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","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    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')}>\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                <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        </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};\n\nfunction TableActions<T>({ items, isFetching }: 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=\"animate-in fade-in slide-in-from-right-15 duration-300 transition-transform\"\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 < 4) {\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","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","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","f","openFilterId","setOpenFilterId","initialized","toSet","addFilter","newFilter","removeFilter","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.107",
+  "version": "6.6.109",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",