@cryptlex/web-components 6.7.2 → 6.7.3

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

@@ -16,6 +16,7 @@ declare module '@tanstack/react-table' {
 }
 type DataTableFactoryBase<T extends object, TOperation extends keyof operations, TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>> = {
     path: NoInfer<ClientPathsWithMethod<CtxClientType, 'get'>>;
+    resourceName?: string;
     pathParameters?: NoInfer<ApiPathParameters<TOperation>>;
     queryParameters?: NoInfer<Partial<ApiFilter<TOperation>>>;
     columns: ColumnDef<T, any>[];
@@ -49,7 +50,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, allowToolbar, initialFilters, previewFilters, tableActions, Card, onRowNavigate, disableTableView, hideViewToggle, include, }: DataTableFactory<T, TOperation, TFilterConfig>): {
+export declare function useDataTableState<T extends object, TOperation extends keyof operations, TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>>({ path, resourceName, pathParameters, queryParameters, columns, filterConfig, columnsToHideByDefault, allowSelection, allowToolbar, initialFilters, previewFilters, tableActions, Card, onRowNavigate, disableTableView, hideViewToggle, include, }: DataTableFactory<T, TOperation, TFilterConfig>): {
     readonly tableState: DataTableState;
     readonly updateTableState: (updates: Partial<DataTableState>) => void;
     readonly query: import('@tanstack/react-query').QueryObserverRefetchErrorResult<{
@@ -367,6 +368,7 @@ export declare function useDataTableState<T extends object, TOperation extends k
     readonly disableTableView: boolean | undefined;
     readonly hideViewToggle: boolean | undefined;
     readonly onRowNavigate: ((row: T) => void) | undefined;
+    readonly resourceName: string | undefined;
 };
 export declare const DataTableContext: React.Context<{
     readonly tableState: DataTableState;
@@ -1272,6 +1274,7 @@ export declare const DataTableContext: React.Context<{
     readonly disableTableView: boolean | undefined;
     readonly hideViewToggle: boolean | undefined;
     readonly onRowNavigate: ((row: object) => void) | undefined;
+    readonly resourceName: string | undefined;
 } | null>;
 export declare function useDataTable(): {
     readonly tableState: DataTableState;
@@ -2177,6 +2180,7 @@ export declare function useDataTable(): {
     readonly disableTableView: boolean | undefined;
     readonly hideViewToggle: boolean | undefined;
     readonly onRowNavigate: ((row: object) => void) | undefined;
+    readonly resourceName: string | undefined;
 };
 export declare function DataTableProvider<T extends object, TOperation extends keyof operations>({ children, ...props }: {
     children: React.ReactNode;

package/dist/components/data-table.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","sources":["../../lib/components/data-table.tsx","../../lib/components/data-table-filter.tsx"],"sourcesContent":["'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport {\n    closestCenter,\n    DndContext,\n    DragOverlay,\n    KeyboardSensor,\n    PointerSensor,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport {\n    arrayMove,\n    SortableContext,\n    sortableKeyboardCoordinates,\n    useSortable,\n    verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query';\n\nimport {\n    type Column,\n    type ColumnDef,\n    type ColumnOrderState,\n    createColumnHelper,\n    flexRender,\n    getCoreRowModel,\n    type Header,\n    type PaginationState,\n    type RowData,\n    type RowSelectionState,\n    type SortingState,\n    type Updater,\n    useReactTable,\n    type VisibilityState,\n} from '@tanstack/react-table';\nimport { useLocalStorage } from '@uidotdev/usehooks';\nimport { merge } from 'lodash-es';\nimport React, { createContext, Fragment, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Badge } from '../components/badge';\n\nimport { Button } from '../components/button';\nimport {\n    DataTableFilter,\n    type FilterConfig,\n    type FiltersConfig,\n    type TableFilter,\n} from '../components/data-table-filter';\nimport { Loader } from '../components/loader';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport { SearchField } from '../components/searchfield';\nimport { TableBody, TableCell, Table as TableComponent, TableHead, TableHeader, TableRow } from '../components/table';\nimport { CountryName } from '../utilities/countries';\nimport { formatDate } from '../utilities/date';\nimport { Duration } from '../utilities/duration';\nimport { formatDays, formatFilesize, formatNumber } from '../utilities/numbers';\nimport {\n    ALL_OS,\n    type ApiFilter,\n    type ApiPathParameters,\n    type ApiResponseBody,\n    useProjectName,\n    useResourceFormatter,\n} from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { useIsMobile } from '../utilities/use-mobile';\nimport { Checkbox } from './checkbox';\nimport { Tooltip, TooltipTrigger } from './tooltip';\n\nimport {\n    type CtxIcon,\n    IcColumns,\n    IcFirst,\n    IcGrip,\n    IcInfo,\n    IcLast,\n    IcLayoutGrid,\n    IcLeft,\n    IcMenu,\n    IcMoreVertical,\n    IcRefresh,\n    IcRight,\n    IcSortAsc,\n    IcSortDesc,\n    IcSortNone,\n} from './icons';\nimport { ALL_LICENSE_TYPES, getSubscriptionStartTriggerLabel } from './select-options';\n\nimport type { Cell, ColumnHelper } from '@tanstack/react-table';\nimport type { ClientPathsWithMethod } from 'openapi-fetch';\nimport type { PressEvent } from 'react-aria-components';\nimport { type CtxClientType, useCtxClient } from '../utilities/ctx-client';\nimport { ControlledDialogProvider, useControlledDialog } from './dialog';\nimport { ProgressBar } from './progress-bar';\nimport { Tag, TagGroup } from './tag-group';\n\nexport type DisplayType =\n    | 'string'\n    | 'boolean'\n    | 'date'\n    | 'number'\n    | 'enum'\n    | 'badge'\n    | 'tags'\n    | 'country'\n    | 'fileSize'\n    | 'days'\n    | 'os'\n    | 'licenseType'\n    | 'subscriptionInterval'\n    | 'subscriptionStartTrigger'\n    | 'progressBar';\n\ndeclare module '@tanstack/react-table' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        displayType: DisplayType;\n    }\n}\n\nfunction generateSortParam(sort: { id: string; desc: boolean } | undefined): string {\n    if (sort) {\n        if (sort.desc) {\n            return `-${sort.id}`;\n        } else {\n            return `+${sort.id}`;\n        }\n    } else {\n        return '-createdAt';\n    }\n}\n\nconst cH = createColumnHelper<any>();\nconst TABLE_CHECK_BOX_COLUMN = [\n    cH.accessor('checkbox', {\n        header: ({ table }) => (\n            <Checkbox\n                isIndeterminate={table.getIsSomeRowsSelected() && !table.getIsAllPageRowsSelected()}\n                isSelected={table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected()}\n                onChange={() => table.toggleAllPageRowsSelected()}\n                aria-label=\"Select all\"\n                size=\"sm\"\n            />\n        ),\n\n        cell: ({ row }) => (\n            <Checkbox\n                isSelected={row.getIsSelected()}\n                onChange={() => row.toggleSelected()}\n                aria-label=\"Select row\"\n                size=\"sm\"\n            />\n        ),\n        enableSorting: false,\n        enableHiding: false,\n    }),\n];\n\nconst ACTIONS_COLUMN_ID = 'TableActions';\nfunction getActionsColumn<T extends object>(rowActions: SingleResourceAction<T>[]) {\n    if (rowActions.length === 0) return [];\n\n    return [\n        cH.accessor(ACTIONS_COLUMN_ID, {\n            header: 'Actions',\n            id: ACTIONS_COLUMN_ID,\n            enableHiding: false,\n            cell: ({ row }) => (\n                <TableActionsRowMenu\n                    label={<IcMoreVertical className=\"text-icon-primary\" />}\n                    data={row.original}\n                    items={rowActions}\n                />\n            ),\n            enableSorting: false,\n        }),\n    ];\n}\n\ntype DataTableFactoryBase<\n    T extends object,\n    TOperation extends keyof operations,\n    TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n> = {\n    path: NoInfer<ClientPathsWithMethod<CtxClientType, 'get'>>;\n    pathParameters?: NoInfer<ApiPathParameters<TOperation>>;\n    queryParameters?: NoInfer<Partial<ApiFilter<TOperation>>>;\n    columns: ColumnDef<T, any>[];\n    tableActions: TableAction<T>[];\n    columnsToHideByDefault?: Partial<Record<keyof T, boolean>>; // Columns that are hidden by default\n    allowSelection?: boolean;\n    allowToolbar?: boolean;\n    filterConfig: TFilterConfig;\n    initialFilters: TableFilter[];\n    previewFilters?: (keyof TFilterConfig)[];\n    /** When provided, each row becomes a navigable link. Called with the row's data on click or Enter. */\n    onRowNavigate?: (row: T) => void;\n    /** Related resources to embed in list responses, e.g. `['users', 'organization']` → `?include=users,organization`. */\n    include?: string[];\n    /** Hides the table/card view toggle button even when both views are available. The initial view mode (or the mobile-forced card view) still applies. */\n    hideViewToggle?: boolean;\n};\n\ntype CardRenderer<T> = (\n    item: T,\n    actions: SingleResourceAction<T>[],\n    selection: CardSelectionProps,\n    index?: number\n) => React.ReactNode;\n\ntype DataTableFactory<\n    T extends object,\n    TOperation extends keyof operations,\n    TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n> = DataTableFactoryBase<T, TOperation, TFilterConfig> &\n    ({ disableTableView: true; Card: CardRenderer<T> } | { disableTableView?: false; Card?: CardRenderer<T> });\n\ntype DataTableState = {\n    sorting: SortingState;\n    pagination: PaginationState;\n};\n\nexport function getColumnHelper<O extends keyof operations>(): ColumnHelper<ApiResponseBody<O>> {\n    return createColumnHelper<ApiResponseBody<O>>();\n}\n/**\n * Hook for handling all data-table state. Used in DataTableContext\n */\nexport function useDataTableState<\n    T extends object,\n    TOperation extends keyof operations,\n    TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n>({\n    path,\n    pathParameters,\n    queryParameters,\n    columns,\n    filterConfig,\n    columnsToHideByDefault = {},\n    allowSelection = false,\n    allowToolbar = true,\n    initialFilters = [],\n    previewFilters,\n    tableActions,\n    Card,\n    onRowNavigate,\n    disableTableView,\n    hideViewToggle,\n    include,\n}: DataTableFactory<T, TOperation, TFilterConfig>) {\n    const [tableState, _setTableState] = useState<DataTableState>({\n        /** Reflect in URL in host application  */\n        pagination: { pageIndex: 0, pageSize: 20 }, // Pagination state\n        sorting: [], // Sorting state\n    });\n\n    const { sorting, pagination } = tableState;\n\n    const [searchQuery, setSearchQuery] = useState('');\n\n    const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n\n    /** Reflect in URL in host application  */\n    const [filters, setFilters] = useState(initialFilters);\n    const mergedFilters = useMemo(() => {\n        // TODO, generic transform fn\n        return filters\n            .filter(tf => tf.active !== false)\n            .map(tf => {\n                // Virtual filters (e.g. a \"status\" filter derived from several boolean properties) are\n                // expanded into real API query params via their filterConfig's toApiQuery.\n                if (tf.type === 'derived-select') {\n                    const config = (filterConfig as Record<string, FilterConfig>)[tf.property];\n                    return config?.type === 'derived-select' ? config.toApiQuery(String(tf.value ?? '')) : {};\n                }\n                // Enum filters store their selection as a Set; normalize to an array so it's\n                // joined into a comma-separated string like other multi-value filters instead of\n                // being passed through as a Set, which the API client's query serializer can't handle.\n                const value = tf.value instanceof Set ? Array.from(tf.value) : tf.value;\n                // Filters that don't need an operator are sent as `property=value`\n                if (tf.needOperator === false) {\n                    return {\n                        [tf.property]: Array.isArray(value) ? value.join(',') : value,\n                    };\n                }\n                if (tf.operator === 'between' && Array.isArray(value) && value.length === 2) {\n                    return {\n                        [tf.property]: {\n                            gte: value[0],\n                            lte: value[1],\n                        },\n                    };\n                }\n                if (Array.isArray(value)) {\n                    return {\n                        [tf.property]: {\n                            [tf.operator]: value.join(','),\n                        },\n                    };\n                }\n                return {\n                    [tf.property]: {\n                        [tf.operator]: value,\n                    },\n                };\n            })\n            .reduce((acc, current) => {\n                return merge(acc, current);\n            }, {});\n    }, [filters, filterConfig]);\n\n    const includeParam = include?.length ? include.join(',') : undefined;\n\n    // Page is deliberately excluded here: the card view's infinite query always starts from\n    // page 1 and accumulates pages, so its cache key must not depend on the table's pageIndex.\n    const sharedQueryParams = {\n        ...queryParameters,\n        ...mergedFilters,\n        limit: pagination.pageSize,\n        sort: generateSortParam(sorting[0]),\n        search: searchQuery,\n        ...(includeParam ? { include: includeParam } : {}),\n    };\n\n    const client = useCtxClient();\n    const tableQueryKey = ['get', path, { ...sharedQueryParams, page: pagination.pageIndex + 1 }, 'table'];\n    const cardQueryKey = ['get', path, sharedQueryParams, 'card'];\n\n    const prefsKey = `${path}_ctx`;\n    const [columnOrder, setColumnOrder] = useLocalStorage<ColumnOrderState>(`${prefsKey}_column_order_preference`, []);\n    const [columnVisibility, setColumnVisibility] = useLocalStorage<VisibilityState>(\n        `${prefsKey}_column_visibility_preference`,\n        {\n            id: false,\n            ...columnsToHideByDefault,\n        }\n    );\n    const [viewMode, setViewMode] = useLocalStorage<'table' | 'card'>(\n        `${prefsKey}_view_mode_preference`,\n        disableTableView ? 'card' : 'table'\n    );\n    // On mobile, always render cards (when a Card renderer is available) regardless of the user's saved preference.\n    const isMobile = useIsMobile();\n    const effectiveViewMode = disableTableView || (isMobile && Card) ? 'card' : viewMode;\n\n    // Update table state with new values\n    const updateTableState = (updates: Partial<DataTableState>) => {\n        _setTableState(prev => ({ ...prev, ...updates }));\n    };\n\n    async function fetchPage(pageParam: number) {\n        const res = await client.GET(path, {\n            params: {\n                query: {\n                    ...queryParameters,\n                    page: pageParam,\n                    limit: pagination.pageSize,\n                    sort: sharedQueryParams.sort,\n                    search: sharedQueryParams.search,\n                    ...(includeParam ? { include: includeParam } : {}),\n                    ...mergedFilters,\n                },\n                path: pathParameters as any,\n            },\n        });\n        return {\n            data: (res.data ?? []) as T[],\n            total: Number.parseInt(res.response.headers.get('Pagination-Count') || '0'),\n            nextPage: pageParam + 1,\n        };\n    }\n\n    const tableQuery = useQuery({\n        queryKey: tableQueryKey,\n        enabled: effectiveViewMode === 'table',\n        queryFn: () => fetchPage(pagination.pageIndex + 1),\n        placeholderData: prev => prev,\n    });\n\n    const infiniteQuery = useInfiniteQuery({\n        queryKey: cardQueryKey,\n        enabled: effectiveViewMode === 'card',\n        initialPageParam: 1,\n        queryFn: ({ pageParam }) => fetchPage(pageParam),\n        getNextPageParam: (lastPage, allPages) => {\n            const fetched = allPages.flatMap(p => p.data).length;\n            return fetched < lastPage.total ? lastPage.nextPage : undefined;\n        },\n    });\n\n    // Flatten data into a single array for tanStack table\n    const flatData = useMemo<T[]>(() => {\n        if (effectiveViewMode === 'table') return tableQuery.data?.data ?? [];\n        return infiniteQuery.data?.pages.flatMap(p => p.data) ?? [];\n    }, [effectiveViewMode, tableQuery.data, infiniteQuery.data]);\n\n    const total = useMemo(() => {\n        if (effectiveViewMode === 'table') return tableQuery.data?.total ?? 0;\n        return infiniteQuery.data?.pages[0]?.total ?? 0;\n    }, [effectiveViewMode, tableQuery.data, infiniteQuery.data]);\n\n    const query =\n        effectiveViewMode === 'table'\n            ? tableQuery\n            : {\n                  ...infiniteQuery,\n                  data: { data: flatData, total },\n                  isLoading: infiniteQuery.isLoading,\n                  isFetching: infiniteQuery.isFetching,\n                  isError: infiniteQuery.isError,\n                  error: infiniteQuery.error,\n                  refetch: infiniteQuery.refetch,\n              };\n\n    const rowActions = tableActions.filter(isSingleResourceAction);\n    /**\n     * ID,createdAt and updatedAt will be added by default for all tables\n     * If selection is allowed, checkbox will be added\n     * If the dto has metadata, dynamics columns for all the metadata key-value will be added(particular for a view)\n     * If there are actions for the table, they will be placed fixed at the right side of table.\n     */\n    const cols: ColumnDef<any, any>[] = [\n        ...(allowSelection ? TABLE_CHECK_BOX_COLUMN : []),\n        ...columns,\n        ...getActionsColumn<T>(rowActions ?? []),\n    ];\n\n    // Type-guard for updater\n    function isUpdaterFunction<T>(updater: Updater<T>): updater is (old: T) => T {\n        return typeof updater === 'function';\n    }\n    // Utility function to resolve updater\n    function resolveUpdater<T>(updater: Updater<T>, currentValue: T) {\n        if (isUpdaterFunction(updater)) {\n            return updater(currentValue);\n        }\n        return updater;\n    }\n\n    // Use react-table's hook to create the table instance\n    const tanTable = useReactTable({\n        data: flatData,\n        columns: cols,\n        getCoreRowModel: getCoreRowModel(),\n        rowCount: total,\n        manualPagination: true, // Handle pagination manually since pagination is done server side for data tables\n        onPaginationChange: updater => {\n            updateTableState({ pagination: resolveUpdater(updater, pagination) });\n        },\n        manualSorting: true, // Handle sorting manually since sorting is done server side for data tables\n        onSortingChange: updater => {\n            setRowSelection({});\n            updateTableState({ sorting: [...resolveUpdater(updater, sorting)] }); // Reset selection when sorting.\n        },\n        manualFiltering: true, // Handle filtering manually since filtering is done server side for data tables\n        onColumnVisibilityChange: updater => {\n            setColumnVisibility(resolveUpdater(updater, columnVisibility));\n        },\n        onRowSelectionChange: updater => {\n            setRowSelection(resolveUpdater(updater, rowSelection));\n        },\n        onColumnOrderChange: updater => {\n            setColumnOrder(resolveUpdater(updater, columnOrder));\n        },\n        state: {\n            sorting: sorting,\n            columnVisibility: columnVisibility,\n            pagination: pagination,\n            rowSelection: rowSelection,\n            columnOrder: columnOrder,\n        },\n        meta: {\n            refetch: query.refetch,\n        },\n    });\n\n    // By default, ColumnDef does not give guarantees of column.id existing. Once useReactTable is called, all columns are assigned IDs.\n    // This populates the columnIds in the columnOrder state\n    useEffect(() => {\n        const allIds = tanTable.getAllFlatColumns().map(c => c.id);\n        const middleIds = allIds.filter(id => id !== 'checkbox' && id !== ACTIONS_COLUMN_ID);\n        setColumnOrder(prevOrder => {\n            // Preserve any existing custom order for the non-special columns; append newly seen ones.\n            const preserved = prevOrder.filter(id => middleIds.includes(id));\n            const rest = middleIds.filter(id => !prevOrder.includes(id));\n            const orderedMiddle = preserved.length > 0 ? [...preserved, ...rest] : middleIds;\n            return [\n                ...(allIds.includes('checkbox') ? ['checkbox'] : []),\n                ...orderedMiddle,\n                ...(allIds.includes(ACTIONS_COLUMN_ID) ? [ACTIONS_COLUMN_ID] : []),\n            ];\n        });\n    }, []);\n\n    return {\n        tableState,\n        updateTableState,\n        query,\n        setSearchQuery,\n        searchQuery,\n        tanTable,\n        mergedFilters,\n        filters,\n        setFilters,\n        filterConfig,\n        tableActions,\n        pathParameters,\n        queryParameters,\n        viewMode: effectiveViewMode,\n        setViewMode,\n        Card,\n        allowSelection,\n        allowToolbar,\n        previewFilters,\n        infiniteQuery,\n        disableTableView,\n        hideViewToggle,\n        onRowNavigate,\n    } as const;\n}\n\nexport const DataTableContext = createContext<ReturnType<typeof useDataTableState> | null>(null);\n// TODO, don't export this\nexport function useDataTable() {\n    const ctx = useContext(DataTableContext);\n    if (!ctx) {\n        throw Error('DataTable should be used within DataTableProvider.');\n    }\n    return ctx;\n}\n\nexport function DataTableProvider<T extends object, TOperation extends keyof operations>({\n    children,\n    ...props\n}: { children: React.ReactNode } & ReturnType<typeof useDataTableState<T, TOperation>>) {\n    // @ts-expect-error, propogating the generic type further will be more complex. Since this is a tightly coupled type, it should be okay but reviewed whenever useDataTableState changes.\n    return <DataTableContext.Provider value={props}>{children}</DataTableContext.Provider>;\n}\n\nfunction EmptyMessage() {\n    const { query } = useDataTable();\n    if (query.isFetching) return null;\n    if (query.isError)\n        return (\n            <span className=\"flex gap-3 items-center\">\n                <IcInfo className=\"text-icon-primary\" />\n                <span>{query.error?.message}</span>\n            </span>\n        );\n    if (query.data?.data?.length === 0) return <>No results found.</>;\n    return <>Unknown error. Please contact customer support.</>;\n}\n\nfunction Content({ cardGridClassName }: { cardGridClassName?: string }) {\n    const { query, tanTable, viewMode, tableActions, Card } = useDataTable();\n    const cardActions = tableActions.filter(isSingleResourceAction);\n    const isCardView = viewMode === 'card' && !!Card;\n\n    if (query.isLoading)\n        return (\n            <div className=\"body-sm flex items-center justify-center min-h-32\">\n                <Loader />\n            </div>\n        );\n    if (tanTable.getRowModel().rows.length === 0)\n        return (\n            <div className=\"body-sm flex items-center justify-center min-h-32 text-muted\">\n                <EmptyMessage />\n            </div>\n        );\n    if (isCardView) return <CardGrid Card={Card!} actions={cardActions} className={cardGridClassName} />;\n    return <TableContent className=\"w-full\" />;\n}\n\nexport type DataTableProps = React.ComponentProps<'section'> & {\n    cardGridClassName?: string;\n};\nexport function DataTable({ className, cardGridClassName, ...props }: DataTableProps) {\n    const { viewMode, Card, allowToolbar } = useDataTable();\n    const isCardView = viewMode === 'card' && !!Card;\n\n    return (\n        <>\n            <ControlledDialogProvider>\n                {/* Table Actions Section */}\n                {allowToolbar && <Actions />}\n                <section\n                    {...props}\n                    className={classNames('z-20 flex flex-col', !isCardView ? 'border rounded-lg' : '', 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-t-lg [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-surface-secondary rounded-b-lg overflow-x-auto\">\n                            <div className=\"flex gap-icon\">\n                                <ColumnPicker />\n                                <PageSize />\n                            </div>\n                            <Paginator />\n                        </div>\n                    )}\n                </section>\n            </ControlledDialogProvider>\n        </>\n    );\n}\n\nexport type CardSelectionProps = {\n    isSelected: boolean;\n    onToggle: () => void;\n    allowSelection: boolean;\n};\n\nfunction CardGrid<T>({\n    Card,\n    actions,\n    className,\n    ...props\n}: {\n    Card: CardRenderer<T>;\n    actions: SingleResourceAction<T>[];\n} & React.ComponentProps<'div'>) {\n    const { tanTable, allowSelection } = useDataTable();\n    const { infiniteQuery } = useDataTable(); // expose from context\n    const sentinelRef = useRef<HTMLDivElement>(null);\n\n    // Todo: virtualization, see https://tanstack.com/virtual/latest/docs/introduction\n    useEffect(() => {\n        const el = sentinelRef.current;\n        if (!el) return;\n\n        const observer = new IntersectionObserver(\n            entries => {\n                if (entries[0].isIntersecting && infiniteQuery.hasNextPage && !infiniteQuery.isFetchingNextPage) {\n                    infiniteQuery.fetchNextPage();\n                }\n            },\n            { threshold: 0.1 }\n        );\n\n        observer.observe(el);\n        return () => observer.disconnect();\n    }, [infiniteQuery.hasNextPage, infiniteQuery.isFetchingNextPage]);\n\n    return (\n        <div {...props} className={classNames(className, 'grid grid-cols-1 lg:grid-cols-2 gap-icon pb-input')}>\n            {tanTable.getRowModel().rows.map((row, index) => {\n                const selection: CardSelectionProps = {\n                    isSelected: row.getIsSelected(),\n                    onToggle: () => row.toggleSelected(),\n                    allowSelection,\n                };\n                return <Fragment key={row.id}>{Card(row.original, actions, selection, index)}</Fragment>;\n            })}\n\n            {/* Invisible sentinel at the bottom triggers next page fetch */}\n            <div ref={sentinelRef} className=\"col-span-full h-4 flex items-center justify-center\">\n                {infiniteQuery.isFetchingNextPage && <Loader />}\n            </div>\n        </div>\n    );\n}\n\n// TODO, ?include query param on Licenses, Activations and other future resources that need this\nfunction ColumnPicker() {\n    const projectName = useProjectName();\n\n    if (projectName === 'customer-portal') {\n        return null;\n    }\n\n    const { tanTable } = useDataTable();\n    const [activeId, setActiveId] = useState<string | null>(null);\n\n    const resourceFormatter = useResourceFormatter();\n\n    const sensors = useSensors(\n        useSensor(PointerSensor),\n        useSensor(KeyboardSensor, {\n            coordinateGetter: sortableKeyboardCoordinates,\n        })\n    );\n    return (\n        <DndContext\n            sensors={sensors}\n            collisionDetection={closestCenter}\n            onDragStart={event => {\n                const { active } = event;\n                setActiveId(active.id.toString());\n            }}\n            onDragEnd={event => {\n                const { active, over } = event;\n\n                if (over && active.id !== over.id) {\n                    const columnOrder = tanTable.getState().columnOrder;\n                    const oldIndex = columnOrder.indexOf(active.id.toString());\n                    const newIndex = columnOrder.indexOf(over.id.toString());\n                    tanTable.setColumnOrder([...arrayMove(columnOrder, oldIndex, newIndex)]);\n                }\n\n                setActiveId(null);\n            }}\n        >\n            <SortableContext items={tanTable.getState().columnOrder} strategy={verticalListSortingStrategy}>\n                <EasyMenu\n                    label={\n                        <>\n                            <IcColumns className=\"inline align-bottom me-1 text-icon-primary\" />\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 text-icon-primary\" />\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        hideViewToggle,\n    } = useDataTable();\n    const hasSelectedRows = tanTable.getSelectedRowModel().rows.length > 0;\n    const isMobile = useIsMobile();\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={classNames('flex gap-icon max-md:min-w-0 max-md:flex-1')}>\n                <Button\n                    aria-label=\"Refresh\"\n                    isPending={query.isFetching}\n                    onClick={() => query.refetch()}\n                    variant={'neutral'}\n                    size={'icon'}\n                    className={classNames('max-md:shrink-0')}\n                >\n                    <IcRefresh />\n                </Button>\n                <SearchField\n                    value={searchQuery}\n                    onChange={setSearchQuery}\n                    className={classNames('max-md:min-w-0 max-md:flex-1')}\n                />\n                <DataTableFilter previewFilters={previewFilters} className={classNames('max-md:shrink-0')} />\n            </div>\n\n            {/* On mobile, actions render in a bar fixed to the bottom of the screen instead of here. */}\n            {!isMobile && (\n                <div className=\"flex gap-icon\">\n                    <TableActions items={filteredActions} isFetching={query.isFetching} />\n                    {Card &&\n                        !disableTableView &&\n                        !hideViewToggle && ( // Only show view mode toggle button if a Card component was provided and table view is enabled\n                            <div className=\"flex gap-1 bg-surface-primary 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            )}\n            {isMobile && filteredActions.length > 0 && (\n                <div className=\"fixed inset-x-0 bottom-0 z-30 flex gap-icon border-t bg-surface-primary p-icon\">\n                    <TableActions\n                        items={filteredActions}\n                        isFetching={query.isFetching}\n                        buttonClassName=\"flex-1 justify-center\"\n                    />\n                </div>\n            )}\n        </section>\n    );\n}\n\nfunction SortIcon({\n    direction,\n    ...props\n}: { direction: 'asc' | 'desc' | false } & Omit<React.ComponentProps<'svg'>, 'direction'>) {\n    if (direction === 'asc') return <IcSortAsc className=\"size-3.5\" {...props} />;\n    else if (direction === 'desc') return <IcSortDesc className=\"size-3.5\" {...props} />;\n    else return <IcSortNone className=\"size-3.5\" {...props} />;\n}\n\nfunction getColumnHeaderText(column: Column<any, unknown>): string {\n    const resourceFormatter = useResourceFormatter();\n    const headerDef = column.columnDef.header;\n    return typeof headerDef === 'string' ? headerDef : resourceFormatter(column.id);\n}\n\n/**\n * Renders a cell value based on the displayType metadata\n * @param cell - The cell to render\n * @returns The formatted value as a React node\n */\nfunction renderCellByDisplayType(cell: Cell<any, any>): React.ReactNode {\n    const displayType = cell.column.columnDef.meta?.displayType;\n    const value = cell.getValue();\n\n    if (value === null || value === undefined) {\n        return null;\n    }\n\n    switch (displayType) {\n        case 'date':\n            return <span className=\"tabular-nums\">{formatDate(value)}</span>;\n        case 'number':\n            return <span className=\"block text-right tabular-nums\">{formatNumber(value)}</span>;\n        case 'boolean':\n            return (\n                <Badge variant={Boolean(value) ? 'success' : 'destructive'} className=\"capitalize\">\n                    {String(value)}\n                </Badge>\n            );\n        case 'badge':\n            return <Badge>{String(value)}</Badge>;\n        case 'tags':\n            let items: string[] = !Array.isArray(value) ? [String(value)] : value;\n            return (\n                <TagGroup items={items.map(item => ({ id: item, name: item }))} className=\"!flex-nowrap\">\n                    {item => <Tag>{item.name}</Tag>}\n                </TagGroup>\n            );\n        case 'progressBar':\n            const [currentValue, maxValue] = value;\n            return (\n                <ProgressBar\n                    meterClassName=\"w-16\"\n                    label={`${currentValue}/${maxValue}`}\n                    minValue={0}\n                    maxValue={maxValue}\n                    value={currentValue}\n                />\n            );\n        case 'country':\n            return <CountryName value={value} />;\n        case 'enum':\n            return <span className=\"uppercase w-full\">{String(value)}</span>;\n        case 'fileSize':\n            return formatFilesize(value);\n        case 'days':\n            return formatDays(value);\n        case 'os':\n            return ALL_OS[value as keyof typeof ALL_OS] ?? value;\n        case 'licenseType':\n            return ALL_LICENSE_TYPES[value as string] ?? value;\n        case 'subscriptionInterval':\n            return Duration.formatISODuration(value);\n        case 'subscriptionStartTrigger':\n            return getSubscriptionStartTriggerLabel(value);\n        default:\n            return String(value);\n    }\n}\n\nfunction HeaderText({ header }: { header: Header<any, unknown> }) {\n    const headerDef = header.column.columnDef.header;\n\n    if (typeof headerDef === 'string' || !headerDef) {\n        return getColumnHeaderText(header.column);\n    }\n\n    if (typeof headerDef === 'function') {\n        const result = headerDef(header.getContext());\n        if (typeof result === 'string') {\n            return getColumnHeaderText(header.column);\n        }\n        return flexRender(headerDef, header.getContext());\n    }\n\n    return flexRender(headerDef, header.getContext());\n}\n\n// TODO, automate checking valid HTML\nfunction TableContent({ className }: React.ComponentProps<typeof TableComponent>) {\n    const { tanTable, onRowNavigate } = useDataTable();\n    const tableCellStyle = (isSticky: boolean, className?: string, zIndex: string = 'z-50') =>\n        classNames(\n            'text-left body-sm font-medium whitespace-nowrap',\n            isSticky && `sticky right-0 ${zIndex} text-center justify-center`,\n            className\n        );\n    return (\n        <TableComponent className={classNames('table-auto border-0', className)}>\n            <TableHeader className=\"sticky top-0 z-10 rounded-lg border-stroke-secondary!\">\n                {tanTable.getHeaderGroups().map(headerGroup => (\n                    <TableRow key={headerGroup.id} className=\"border-stroke-secondary!\">\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-surface-secondary')}\n                            >\n                                {!header.column.getCanSort() && !header.isPlaceholder && (\n                                    <div\n                                        className={classNames(\n                                            'w-full flex items-center gap-1 text-xs uppercase font-semibold text-text-secondary',\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-text-secondary text-xs font-semibold',\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 border-stroke-secondary! bg-surface-primary hover:not-data-[selected=true]:bg-surface-secondary data-[selected=true]:bg-surface-tertiary',\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-surface-primary group-hover:not-group-data-[selected=true]:bg-surface-secondary group-data-[selected=true]:bg-surface-tertiary'\n                                                : '',\n                                            'z-1'\n                                        ),\n                                        isActionsColumn && 'flex justify-center items-center'\n                                    )}\n                                >\n                                    {cellContent}\n                                </TableCell>\n                            );\n                        })}\n                    </TableRow>\n                ))}\n            </TableBody>\n        </TableComponent>\n    );\n}\n\n/** Base properties shared by all table actions */\ntype ActionBase = {\n    label: string;\n    icon: CtxIcon;\n    tooltip?: string;\n    /** Optional button variant to pass through to Button (defaults to neutral) */\n    variant?: React.ComponentProps<typeof Button>['variant'];\n};\n\n/** Context provided to onPress functions in TableActions */\ntype ActionPressContext = {\n    event?: PressEvent;\n    openDialog: (c: React.ReactNode) => void;\n    closeDialog: () => void;\n    activeFilters: Record<string, unknown>;\n};\n\nexport type NoResourceAction = ActionBase & {\n    resourceType: 'none';\n    isDisabled?: () => boolean;\n    onPress: (c: ActionPressContext) => void;\n};\n\nexport type SingleResourceAction<T> = Omit<ActionBase, 'label'> & {\n    resourceType: 'single';\n    /** Label function that receives row data for dynamic labels */\n    label: string | ((data: T) => React.ReactNode);\n    isDisabled?: (data: T) => boolean;\n    onPress: (c: ActionPressContext & { data: T }) => void;\n};\n\nexport type BulkResourceAction<T> = ActionBase & {\n    resourceType: 'multiple';\n    isDisabled?: (data: T[]) => boolean;\n    onPress: (c: ActionPressContext & { data: T[] }) => void;\n};\n\n/** Common table action type that works for both action and dialog types */\nexport type TableAction<T> = NoResourceAction | SingleResourceAction<T> | BulkResourceAction<T>;\n\nfunction isNoResourceAction<T>(item: TableAction<T>): item is NoResourceAction {\n    return item.resourceType === 'none';\n}\n\nfunction isSingleResourceAction<T>(item: TableAction<T>): item is SingleResourceAction<T> {\n    return item.resourceType === 'single';\n}\n\nfunction isBulkResourceAction<T>(item: TableAction<T>): item is BulkResourceAction<T> {\n    return item.resourceType === 'multiple';\n}\n\nexport type TableActionsProps<T> = {\n    /** Array of table actions to render */\n    readonly items: (NoResourceAction | BulkResourceAction<T>)[];\n    /** Whether the table is currently fetching data */\n    readonly isFetching?: boolean;\n    /** Additional class names applied to each action button */\n    readonly buttonClassName?: string;\n};\n\nfunction TableActions<T>({ items, isFetching, buttonClassName }: TableActionsProps<T>) {\n    const { openDialog, closeDialog } = useControlledDialog();\n    const { tanTable, mergedFilters } = useDataTable();\n\n    function getTableActionIsDisabled<T>(item: TableAction<T>, rows: T[]): boolean {\n        if (!item.isDisabled) return false;\n\n        if (isNoResourceAction(item)) {\n            return item.isDisabled();\n        } else if (isBulkResourceAction(item)) {\n            return item.isDisabled(rows);\n        }\n        return false;\n    }\n\n    const selectedRows = tanTable.getSelectedRowModel().rows.map(r => r.original);\n    return (\n        <>\n            {items.map((item, i) => {\n                const Icon = item.icon;\n                const isDisabled = getTableActionIsDisabled(item, selectedRows) || isFetching;\n\n                return (\n                    <Button\n                        key={`${item.label}-${i}`}\n                        aria-label={item.label}\n                        type=\"button\"\n                        isDisabled={isDisabled}\n                        className={classNames(\n                            'animate-in fade-in slide-in-from-right-15 duration-300 transition-transform',\n                            buttonClassName\n                        )}\n                        onPress={e => {\n                            const context = { event: e, openDialog, closeDialog, activeFilters: mergedFilters };\n                            // TableActions only has Bulk actions and NoResource actions\n                            if (isNoResourceAction(item)) {\n                                item.onPress(context);\n                            } else if (isBulkResourceAction(item)) {\n                                item.onPress({ ...context, data: selectedRows });\n                            }\n                        }}\n                        variant={item.variant ?? 'neutral'}\n                    >\n                        {Icon && <Icon aria-hidden />}\n                        <span>{item.label}</span>\n                    </Button>\n                );\n            })}\n        </>\n    );\n}\n\nfunction TableActionsRowMenu<T>({\n    label,\n    items,\n    data,\n}: {\n    readonly label: React.ReactNode;\n    readonly items: SingleResourceAction<T>[];\n    readonly data: T;\n}) {\n    const { openDialog, closeDialog } = useControlledDialog();\n    const { mergedFilters } = useDataTable();\n    if (items.length < 5) {\n        return (\n            <div className=\"flex items-center gap-2\">\n                {items.map((it, i) => {\n                    const Icon = it.icon;\n                    const itemLabel = typeof it.label === 'function' ? it.label(data) : it.label;\n                    return (\n                        <TooltipTrigger key={`${i}-${typeof itemLabel === 'string' ? itemLabel : ''}`}>\n                            <Button\n                                aria-label={typeof itemLabel === 'string' ? itemLabel : undefined}\n                                isDisabled={it.isDisabled?.(data) ?? false}\n                                variant=\"ghost\"\n                                size=\"icon\"\n                                onPress={() => {\n                                    const context = { openDialog, closeDialog };\n                                    it.onPress({ ...context, data, activeFilters: mergedFilters });\n                                }}\n                            >\n                                <Icon className=\"size-icon\" />\n                            </Button>\n                            <Tooltip>{itemLabel}</Tooltip>\n                        </TooltipTrigger>\n                    );\n                })}\n            </div>\n        );\n    }\n\n    return (\n        <EasyMenu withChevron={false} aria-label=\"Actions\" label={label} size={'icon'}>\n            {items.map((it, i) => {\n                const Icon = it.icon;\n                const label = typeof it.label === 'function' ? it.label(data) : it.label;\n                return (\n                    <MenuItem\n                        key={`${i}-${typeof label === 'string' ? label : ''}`}\n                        id={typeof label === 'string' ? label : undefined}\n                        isDisabled={it.isDisabled?.(data) ?? false}\n                        onAction={() => {\n                            const context = { openDialog, closeDialog };\n                            if (isSingleResourceAction(it)) {\n                                it.onPress({ ...context, data, activeFilters: mergedFilters });\n                            }\n                        }}\n                    >\n                        <Icon className=\"size-icon\" />\n                        {label}\n                    </MenuItem>\n                );\n            })}\n        </EasyMenu>\n    );\n}\n","'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport { getLocalTimeZone, parseAbsolute, type ZonedDateTime } from '@internationalized/date';\nimport { useEffect, useRef, useState } from 'react';\nimport { Pressable } from 'react-aria-components';\nimport { Button } from '../components/button';\nimport { useDataTable } from '../components/data-table';\nimport { DatePicker } from '../components/date-picker';\nimport { EasyMenu, Menu, MenuHeader, MenuItem, MenuPopover, MenuTrigger } from '../components/menu';\nimport { MultiSelect, type MultiSelectProps } from '../components/multi-select';\nimport { NumberField } from '../components/numberfield';\nimport { Popover, PopoverTrigger } from '../components/popover';\nimport { SelectTrigger } from '../components/select';\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 { DialogBody, DialogFooter, DialogHeader, DialogTitle, useControlledDialog } from './dialog';\nimport { IcAccount, IcCheck, IcClose, IcDate, IcFile, IcFilter, IcLicense, IcMinus, type CtxIcon } from './icons';\nimport { MultipleIdSearchInput } from './id-search';\nimport { useIsMobile } from '../utilities/use-mobile';\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\n// Normalizes date filter values when the operator changes: \"between\" needs a [from, to] tuple,\n// every other date operator needs a single value.\nfunction resolveFilterValue(f: TableFilter, updates: FilterUpdate) {\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];\n        } else if (newOperator !== 'between' && Array.isArray(value)) {\n            value = value[0] ?? new Date().toISOString();\n        }\n    }\n    return value;\n}\n\n// Shared filter mutations, used by both the desktop chip row and the mobile dialog so they stay in sync\n// with the single `useDataTable()` state instead of each keeping their own copy of this logic.\nfunction useFilterActions() {\n    const { setFilters, filterConfig } = useDataTable();\n\n    // Updates the filter for `property` if one exists, otherwise creates and adds it.\n    const updateFilter = (property: string, updates: FilterUpdate) => {\n        setFilters(prev => {\n            const base = prev.find(f => f.property === property) ?? createNewFilter(property, filterConfig[property]);\n            const updated = {\n                ...base,\n                ...updates,\n                value: resolveFilterValue(base, updates),\n                active: true,\n            } as TableFilter;\n            return prev.some(f => f.id === base.id)\n                ? prev.map(f => (f.id === base.id ? updated : f))\n                : [...prev, updated];\n        });\n    };\n\n    // No-op if `id` isn't in state yet (e.g. a filter that was never edited).\n    const removeFilter = (id: string) => {\n        setFilters(prev => {\n            const filter = prev.find(f => f.id === id);\n            if (!filter) return prev;\n            if (filter.isPreview) {\n                return prev.map(f =>\n                    f.id === id\n                        ? {\n                              ...createNewFilter(f.property, filterConfig[f.property]),\n                              active: false,\n                              isPreview: true,\n                          }\n                        : f\n                );\n            }\n            return prev.filter(f => f.id !== id);\n        });\n    };\n\n    const clearAllFilters = () => {\n        setFilters(prev =>\n            prev\n                .filter(f => f.isPreview)\n                .map(f => ({\n                    ...createNewFilter(f.property, filterConfig[f.property]),\n                    active: false,\n                    isPreview: true,\n                }))\n        );\n    };\n\n    return { updateFilter, removeFilter, clearAllFilters };\n}\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    const isMobile = useIsMobile();\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 = isMobile ? (\n        <div className=\"flex flex-col gap-1\">\n            <span className=\"body-sm text-muted\">{resourceFormatter(filter.property)}</span>\n            <SelectTrigger type=\"button\" className=\"w-full\" aria-label={resourceFormatter(filter.property)}>\n                {valueSummary}\n            </SelectTrigger>\n        </div>\n    ) : (\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-surface-primary\" />\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\nfunction MobileFilterDialogContent({ onApply }: { onApply: () => void }) {\n    const { filters, filterConfig } = useDataTable();\n    const resourceFormatter = useResourceFormatter();\n    const { updateFilter, removeFilter, clearAllFilters } = useFilterActions();\n    const [openProperty, setOpenProperty] = useState<string | null>(null);\n\n    return (\n        <>\n            <DialogHeader>\n                <DialogTitle>Filter</DialogTitle>\n            </DialogHeader>\n            <DialogBody className=\"flex flex-col gap-input\">\n                {Object.keys(filterConfig).map(key => {\n                    const filter = filters.find(f => f.property === key) ?? createNewFilter(key, filterConfig[key]);\n                    return (\n                        <FilterChip\n                            key={key}\n                            filter={filter}\n                            filterConfig={filterConfig}\n                            resourceFormatter={resourceFormatter}\n                            onRemove={() => removeFilter(filter.id)}\n                            onUpdate={updates => updateFilter(key, updates)}\n                            isOpen={openProperty === key}\n                            onOpenChange={open => setOpenProperty(open ? key : null)}\n                        />\n                    );\n                })}\n            </DialogBody>\n            <DialogFooter>\n                <Button\n                    variant=\"neutral\"\n                    onPress={() => {\n                        clearAllFilters();\n                        setOpenProperty(null);\n                    }}\n                >\n                    Clear All\n                </Button>\n                <Button variant=\"primary\" onPress={onApply}>\n                    Apply\n                </Button>\n            </DialogFooter>\n        </>\n    );\n}\n\nfunction MobileDataTableFilter({\n    className,\n    hasClearableFilters,\n    isDisabled,\n    onClearAll,\n    ...props\n}: React.ComponentProps<'section'> & {\n    hasClearableFilters: boolean;\n    isDisabled: boolean;\n    onClearAll: () => void;\n}) {\n    const { openDialog, closeDialog } = useControlledDialog();\n\n    return (\n        <section {...props} className={classNames('flex items-center', className)}>\n            <Button\n                variant={hasClearableFilters ? 'primary_neutral' : 'neutral'}\n                isDisabled={isDisabled}\n                aria-label=\"Filter\"\n                onPress={() => openDialog(<MobileFilterDialogContent onApply={closeDialog} />)}\n                className=\"min-w-0 flex-1\"\n            >\n                <IcFilter />\n                Filters\n                {hasClearableFilters && (\n                    <Pressable onPress={onClearAll}>\n                        <span className=\"animate-slide-in bg-primary hover:bg-destructive rounded-full size-icon flex justify-center items-center\">\n                            <IcClose className=\"size-2.5 text-surface-primary\" />\n                        </span>\n                    </Pressable>\n                )}\n            </Button>\n        </section>\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 isMobile = useIsMobile();\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 { updateFilter, removeFilter, clearAllFilters } = useFilterActions();\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 hasClearableFilters = filters.some(f => !f.isPreview || f.active !== false);\n\n    const handleClearAll = () => {\n        clearAllFilters();\n        setOpenFilterId(null);\n    };\n\n    if (isMobile) {\n        return (\n            <MobileDataTableFilter\n                {...props}\n                className={className}\n                hasClearableFilters={hasClearableFilters}\n                isDisabled={query.isPending}\n                onClearAll={handleClearAll}\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.property, 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={handleClearAll}\n                    aria-label=\"Clear all filters\"\n                    className=\"animate-in fade-in\"\n                >\n                    Clear All\n                </Button>\n            )}\n        </section>\n    );\n}\n\nconst FilterIcon: Record<FilterConfig['type'], CtxIcon> = {\n    'id-search': IcFile,\n    bool: IcCheck,\n    'derived-select': IcCheck,\n    date: IcDate,\n    enum: IcLicense,\n    id: IcAccount,\n    number: IcMinus,\n    string: IcCheck,\n};\n"],"names":["generateSortParam","sort","cH","createColumnHelper","TABLE_CHECK_BOX_COLUMN","table","jsx","Checkbox","row","ACTIONS_COLUMN_ID","getActionsColumn","rowActions","TableActionsRowMenu","IcMoreVertical","getColumnHelper","useDataTableState","path","pathParameters","queryParameters","columns","filterConfig","columnsToHideByDefault","allowSelection","allowToolbar","initialFilters","previewFilters","tableActions","Card","onRowNavigate","disableTableView","hideViewToggle","include","tableState","_setTableState","useState","sorting","pagination","searchQuery","setSearchQuery","rowSelection","setRowSelection","filters","setFilters","mergedFilters","useMemo","tf","config","value","acc","current","merge","includeParam","sharedQueryParams","client","useCtxClient","tableQueryKey","cardQueryKey","prefsKey","columnOrder","setColumnOrder","useLocalStorage","columnVisibility","setColumnVisibility","viewMode","setViewMode","isMobile","useIsMobile","effectiveViewMode","updateTableState","updates","prev","fetchPage","pageParam","res","tableQuery","useQuery","infiniteQuery","useInfiniteQuery","lastPage","allPages","p","flatData","total","query","isSingleResourceAction","cols","isUpdaterFunction","updater","resolveUpdater","currentValue","tanTable","useReactTable","getCoreRowModel","useEffect","allIds","c","middleIds","id","prevOrder","preserved","rest","orderedMiddle","DataTableContext","createContext","useDataTable","ctx","useContext","DataTableProvider","children","props","EmptyMessage","jsxs","IcInfo","Content","cardGridClassName","cardActions","isCardView","Loader","CardGrid","TableContent","DataTable","className","Fragment","ControlledDialogProvider","Actions","classNames","ColumnPicker","PageSize","Paginator","actions","sentinelRef","useRef","el","observer","entries","index","selection","useProjectName","activeId","setActiveId","resourceFormatter","useResourceFormatter","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","closestCenter","event","active","over","oldIndex","newIndex","arrayMove","SortableContext","verticalListSortingStrategy","EasyMenu","IcColumns","MenuItem","colId","col","SortableItem","DragOverlay","column","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","IcGrip","getColumnHeaderText","SortIcon","rowCount","Button","IcFirst","IcLeft","IcRight","IcLast","PAGE_SIZES","items","hasSelectedRows","filteredActions","ta","IcRefresh","SearchField","DataTableFilter","TableActions","IcMenu","IcLayoutGrid","direction","IcSortAsc","IcSortDesc","IcSortNone","headerDef","renderCellByDisplayType","cell","displayType","formatDate","formatNumber","Badge","TagGroup","item","Tag","maxValue","ProgressBar","CountryName","formatFilesize","formatDays","ALL_OS","ALL_LICENSE_TYPES","Duration","getSubscriptionStartTriggerLabel","HeaderText","header","flexRender","tableCellStyle","isSticky","zIndex","TableComponent","TableHeader","headerGroup","TableRow","TableHead","TableBody","e","isActionsColumn","cellContent","TableCell","isNoResourceAction","isBulkResourceAction","isFetching","buttonClassName","openDialog","closeDialog","useControlledDialog","getTableActionIsDisabled","rows","selectedRows","r","i","Icon","isDisabled","context","label","data","it","itemLabel","TooltipTrigger","Tooltip","FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","COMPARISON_OPERATOR_SHORT_LABELS","createNewFilter","property","type","resolvedNeedOperator","operator","FilterOperations","base","resolveFilterValue","f","newOperator","str","useFilterActions","updated","filter","getFilterValueSummary","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","SelectTrigger","IcFilter","Pressable","IcClose","options","selectedKey","MenuTrigger","MenuPopover","MenuHeader","Menu","keys","key","PopoverTrigger","Popover","op","MobileFilterDialogContent","onApply","updateFilter","removeFilter","clearAllFilters","openProperty","setOpenProperty","DialogHeader","DialogTitle","DialogBody","open","DialogFooter","MobileDataTableFilter","hasClearableFilters","onClearAll","filterKeys","k","openFilterId","setOpenFilterId","initialized","toSet","addFilter","newFilter","handleClearAll","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\n                    label={<IcMoreVertical className=\"text-icon-primary\" />}\n                    data={row.original}\n                    items={rowActions}\n                />\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    resourceName?: string;\n    pathParameters?: NoInfer<ApiPathParameters<TOperation>>;\n    queryParameters?: NoInfer<Partial<ApiFilter<TOperation>>>;\n    columns: ColumnDef<T, any>[];\n    tableActions: TableAction<T>[];\n    columnsToHideByDefault?: Partial<Record<keyof T, boolean>>; // Columns that are hidden by default\n    allowSelection?: boolean;\n    allowToolbar?: boolean;\n    filterConfig: TFilterConfig;\n    initialFilters: TableFilter[];\n    previewFilters?: (keyof TFilterConfig)[];\n    /** When provided, each row becomes a navigable link. Called with the row's data on click or Enter. */\n    onRowNavigate?: (row: T) => void;\n    /** Related resources to embed in list responses, e.g. `['users', 'organization']` → `?include=users,organization`. */\n    include?: string[];\n    /** Hides the table/card view toggle button even when both views are available. The initial view mode (or the mobile-forced card view) still applies. */\n    hideViewToggle?: boolean;\n};\n\ntype CardRenderer<T> = (\n    item: T,\n    actions: SingleResourceAction<T>[],\n    selection: CardSelectionProps,\n    index?: number\n) => React.ReactNode;\n\ntype DataTableFactory<\n    T extends object,\n    TOperation extends keyof operations,\n    TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n> = DataTableFactoryBase<T, TOperation, TFilterConfig> &\n    ({ disableTableView: true; Card: CardRenderer<T> } | { disableTableView?: false; Card?: CardRenderer<T> });\n\ntype DataTableState = {\n    sorting: SortingState;\n    pagination: PaginationState;\n};\n\nexport function getColumnHelper<O extends keyof operations>(): ColumnHelper<ApiResponseBody<O>> {\n    return createColumnHelper<ApiResponseBody<O>>();\n}\n/**\n * Hook for handling all data-table state. Used in DataTableContext\n */\nexport function useDataTableState<\n    T extends object,\n    TOperation extends keyof operations,\n    TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n>({\n    path,\n    resourceName,\n    pathParameters,\n    queryParameters,\n    columns,\n    filterConfig,\n    columnsToHideByDefault = {},\n    allowSelection = false,\n    allowToolbar = true,\n    initialFilters = [],\n    previewFilters,\n    tableActions,\n    Card,\n    onRowNavigate,\n    disableTableView,\n    hideViewToggle,\n    include,\n}: DataTableFactory<T, TOperation, TFilterConfig>) {\n    const [tableState, _setTableState] = useState<DataTableState>({\n        /** Reflect in URL in host application  */\n        pagination: { pageIndex: 0, pageSize: 20 }, // Pagination state\n        sorting: [], // Sorting state\n    });\n\n    const { sorting, pagination } = tableState;\n\n    const [searchQuery, setSearchQuery] = useState('');\n\n    const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n\n    /** Reflect in URL in host application  */\n    const [filters, setFilters] = useState(initialFilters);\n    const mergedFilters = useMemo(() => {\n        // TODO, generic transform fn\n        return filters\n            .filter(tf => tf.active !== false)\n            .map(tf => {\n                // Virtual filters (e.g. a \"status\" filter derived from several boolean properties) are\n                // expanded into real API query params via their filterConfig's toApiQuery.\n                if (tf.type === 'derived-select') {\n                    const config = (filterConfig as Record<string, FilterConfig>)[tf.property];\n                    return config?.type === 'derived-select' ? config.toApiQuery(String(tf.value ?? '')) : {};\n                }\n                // Enum filters store their selection as a Set; normalize to an array so it's\n                // joined into a comma-separated string like other multi-value filters instead of\n                // being passed through as a Set, which the API client's query serializer can't handle.\n                const value = tf.value instanceof Set ? Array.from(tf.value) : tf.value;\n                // Filters that don't need an operator are sent as `property=value`\n                if (tf.needOperator === false) {\n                    return {\n                        [tf.property]: Array.isArray(value) ? value.join(',') : value,\n                    };\n                }\n                if (tf.operator === 'between' && Array.isArray(value) && value.length === 2) {\n                    return {\n                        [tf.property]: {\n                            gte: value[0],\n                            lte: value[1],\n                        },\n                    };\n                }\n                if (Array.isArray(value)) {\n                    return {\n                        [tf.property]: {\n                            [tf.operator]: value.join(','),\n                        },\n                    };\n                }\n                return {\n                    [tf.property]: {\n                        [tf.operator]: value,\n                    },\n                };\n            })\n            .reduce((acc, current) => {\n                return merge(acc, current);\n            }, {});\n    }, [filters, filterConfig]);\n\n    const includeParam = include?.length ? include.join(',') : undefined;\n\n    // Page is deliberately excluded here: the card view's infinite query always starts from\n    // page 1 and accumulates pages, so its cache key must not depend on the table's pageIndex.\n    const sharedQueryParams = {\n        ...queryParameters,\n        ...mergedFilters,\n        limit: pagination.pageSize,\n        sort: generateSortParam(sorting[0]),\n        search: searchQuery,\n        ...(includeParam ? { include: includeParam } : {}),\n    };\n\n    const client = useCtxClient();\n    const tableQueryKey = ['get', path, { ...sharedQueryParams, page: pagination.pageIndex + 1 }, 'table'];\n    const cardQueryKey = ['get', path, sharedQueryParams, 'card'];\n\n    const prefsKey = `${path}_ctx`;\n    const [columnOrder, setColumnOrder] = useLocalStorage<ColumnOrderState>(`${prefsKey}_column_order_preference`, []);\n    const [columnVisibility, setColumnVisibility] = useLocalStorage<VisibilityState>(\n        `${prefsKey}_column_visibility_preference`,\n        {\n            id: false,\n            ...columnsToHideByDefault,\n        }\n    );\n    const [viewMode, setViewMode] = useLocalStorage<'table' | 'card'>(\n        `${prefsKey}_view_mode_preference`,\n        disableTableView ? 'card' : 'table'\n    );\n    // On mobile, always render cards (when a Card renderer is available) regardless of the user's saved preference.\n    const isMobile = useIsMobile();\n    const effectiveViewMode = disableTableView || (isMobile && Card) ? 'card' : viewMode;\n\n    // Update table state with new values\n    const updateTableState = (updates: Partial<DataTableState>) => {\n        _setTableState(prev => ({ ...prev, ...updates }));\n    };\n\n    async function fetchPage(pageParam: number) {\n        const res = await client.GET(path, {\n            params: {\n                query: {\n                    ...queryParameters,\n                    page: pageParam,\n                    limit: pagination.pageSize,\n                    sort: sharedQueryParams.sort,\n                    search: sharedQueryParams.search,\n                    ...(includeParam ? { include: includeParam } : {}),\n                    ...mergedFilters,\n                },\n                path: pathParameters as any,\n            },\n        });\n        return {\n            data: (res.data ?? []) as T[],\n            total: Number.parseInt(res.response.headers.get('Pagination-Count') || '0'),\n            nextPage: pageParam + 1,\n        };\n    }\n\n    const tableQuery = useQuery({\n        queryKey: tableQueryKey,\n        enabled: effectiveViewMode === 'table',\n        queryFn: () => fetchPage(pagination.pageIndex + 1),\n        placeholderData: prev => prev,\n    });\n\n    const infiniteQuery = useInfiniteQuery({\n        queryKey: cardQueryKey,\n        enabled: effectiveViewMode === 'card',\n        initialPageParam: 1,\n        queryFn: ({ pageParam }) => fetchPage(pageParam),\n        getNextPageParam: (lastPage, allPages) => {\n            const fetched = allPages.flatMap(p => p.data).length;\n            return fetched < lastPage.total ? lastPage.nextPage : undefined;\n        },\n    });\n\n    // Flatten data into a single array for tanStack table\n    const flatData = useMemo<T[]>(() => {\n        if (effectiveViewMode === 'table') return tableQuery.data?.data ?? [];\n        return infiniteQuery.data?.pages.flatMap(p => p.data) ?? [];\n    }, [effectiveViewMode, tableQuery.data, infiniteQuery.data]);\n\n    const total = useMemo(() => {\n        if (effectiveViewMode === 'table') return tableQuery.data?.total ?? 0;\n        return infiniteQuery.data?.pages[0]?.total ?? 0;\n    }, [effectiveViewMode, tableQuery.data, infiniteQuery.data]);\n\n    const query =\n        effectiveViewMode === 'table'\n            ? tableQuery\n            : {\n                  ...infiniteQuery,\n                  data: { data: flatData, total },\n                  isLoading: infiniteQuery.isLoading,\n                  isFetching: infiniteQuery.isFetching,\n                  isError: infiniteQuery.isError,\n                  error: infiniteQuery.error,\n                  refetch: infiniteQuery.refetch,\n              };\n\n    const rowActions = tableActions.filter(isSingleResourceAction);\n    /**\n     * ID,createdAt and updatedAt will be added by default for all tables\n     * If selection is allowed, checkbox will be added\n     * If the dto has metadata, dynamics columns for all the metadata key-value will be added(particular for a view)\n     * If there are actions for the table, they will be placed fixed at the right side of table.\n     */\n    const cols: ColumnDef<any, any>[] = [\n        ...(allowSelection ? TABLE_CHECK_BOX_COLUMN : []),\n        ...columns,\n        ...getActionsColumn<T>(rowActions ?? []),\n    ];\n\n    // Type-guard for updater\n    function isUpdaterFunction<T>(updater: Updater<T>): updater is (old: T) => T {\n        return typeof updater === 'function';\n    }\n    // Utility function to resolve updater\n    function resolveUpdater<T>(updater: Updater<T>, currentValue: T) {\n        if (isUpdaterFunction(updater)) {\n            return updater(currentValue);\n        }\n        return updater;\n    }\n\n    // Use react-table's hook to create the table instance\n    const tanTable = useReactTable({\n        data: flatData,\n        columns: cols,\n        getCoreRowModel: getCoreRowModel(),\n        rowCount: total,\n        manualPagination: true, // Handle pagination manually since pagination is done server side for data tables\n        onPaginationChange: updater => {\n            updateTableState({ pagination: resolveUpdater(updater, pagination) });\n        },\n        manualSorting: true, // Handle sorting manually since sorting is done server side for data tables\n        onSortingChange: updater => {\n            setRowSelection({});\n            updateTableState({ sorting: [...resolveUpdater(updater, sorting)] }); // Reset selection when sorting.\n        },\n        manualFiltering: true, // Handle filtering manually since filtering is done server side for data tables\n        onColumnVisibilityChange: updater => {\n            setColumnVisibility(resolveUpdater(updater, columnVisibility));\n        },\n        onRowSelectionChange: updater => {\n            setRowSelection(resolveUpdater(updater, rowSelection));\n        },\n        onColumnOrderChange: updater => {\n            setColumnOrder(resolveUpdater(updater, columnOrder));\n        },\n        state: {\n            sorting: sorting,\n            columnVisibility: columnVisibility,\n            pagination: pagination,\n            rowSelection: rowSelection,\n            columnOrder: columnOrder,\n        },\n        meta: {\n            refetch: query.refetch,\n        },\n    });\n\n    // By default, ColumnDef does not give guarantees of column.id existing. Once useReactTable is called, all columns are assigned IDs.\n    // This populates the columnIds in the columnOrder state\n    useEffect(() => {\n        const allIds = tanTable.getAllFlatColumns().map(c => c.id);\n        const middleIds = allIds.filter(id => id !== 'checkbox' && id !== ACTIONS_COLUMN_ID);\n        setColumnOrder(prevOrder => {\n            // Preserve any existing custom order for the non-special columns; append newly seen ones.\n            const preserved = prevOrder.filter(id => middleIds.includes(id));\n            const rest = middleIds.filter(id => !prevOrder.includes(id));\n            const orderedMiddle = preserved.length > 0 ? [...preserved, ...rest] : middleIds;\n            return [\n                ...(allIds.includes('checkbox') ? ['checkbox'] : []),\n                ...orderedMiddle,\n                ...(allIds.includes(ACTIONS_COLUMN_ID) ? [ACTIONS_COLUMN_ID] : []),\n            ];\n        });\n    }, []);\n\n    return {\n        tableState,\n        updateTableState,\n        query,\n        setSearchQuery,\n        searchQuery,\n        tanTable,\n        mergedFilters,\n        filters,\n        setFilters,\n        filterConfig,\n        tableActions,\n        pathParameters,\n        queryParameters,\n        viewMode: effectiveViewMode,\n        setViewMode,\n        Card,\n        allowSelection,\n        allowToolbar,\n        previewFilters,\n        infiniteQuery,\n        disableTableView,\n        hideViewToggle,\n        onRowNavigate,\n        resourceName,\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, resourceName, allowToolbar } = useDataTable();\n    if (query.isFetching) return null;\n    if (query.isError)\n        return (\n            <span className=\"flex gap-3 items-center\">\n                <IcInfo className=\"text-icon-primary\" />\n                <span>{query.error?.message}</span>\n            </span>\n        );\n    if (query.data?.data?.length === 0) {\n        return (\n            <div className=\"text-center flex flex-col gap-2\">\n                <p className=\"font-semibold text-text-primary\">\n                    {resourceName ? `No ${resourceName} found.` : 'No results found.'}\n                </p>\n                {allowToolbar && <p className=\"text-text-secondary\">Adjust your filter or search request.</p>}\n            </div>\n        );\n    }\n    return <>Unknown error. Please contact customer support.</>;\n}\n\nfunction Content({ cardGridClassName }: { cardGridClassName?: string }) {\n    const { query, tanTable, viewMode, tableActions, Card } = useDataTable();\n    const cardActions = tableActions.filter(isSingleResourceAction);\n    const isCardView = viewMode === 'card' && !!Card;\n\n    if (query.isLoading)\n        return (\n            <div className=\"body-sm flex items-center justify-center min-h-32\">\n                <Loader />\n            </div>\n        );\n    if (tanTable.getRowModel().rows.length === 0)\n        return (\n            <div className=\"body-sm flex items-center justify-center min-h-32 text-muted\">\n                <EmptyMessage />\n            </div>\n        );\n    if (isCardView) return <CardGrid Card={Card!} actions={cardActions} className={cardGridClassName} />;\n    return <TableContent className=\"w-full\" />;\n}\n\nexport type DataTableProps = React.ComponentProps<'section'> & {\n    cardGridClassName?: string;\n};\nexport function DataTable({ className, cardGridClassName, ...props }: DataTableProps) {\n    const { viewMode, Card, allowToolbar } = useDataTable();\n    const isCardView = viewMode === 'card' && !!Card;\n\n    return (\n        <>\n            <ControlledDialogProvider>\n                {/* Table Actions Section */}\n                {allowToolbar && <Actions />}\n                <section\n                    {...props}\n                    className={classNames('z-20 flex flex-col', !isCardView ? 'border rounded-lg' : '', 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-t-lg [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-surface-secondary rounded-b-lg overflow-x-auto\">\n                            <div className=\"flex gap-icon\">\n                                <ColumnPicker />\n                                <PageSize />\n                            </div>\n                            <Paginator />\n                        </div>\n                    )}\n                </section>\n            </ControlledDialogProvider>\n        </>\n    );\n}\n\nexport type CardSelectionProps = {\n    isSelected: boolean;\n    onToggle: () => void;\n    allowSelection: boolean;\n};\n\nfunction CardGrid<T>({\n    Card,\n    actions,\n    className,\n    ...props\n}: {\n    Card: CardRenderer<T>;\n    actions: SingleResourceAction<T>[];\n} & React.ComponentProps<'div'>) {\n    const { tanTable, allowSelection } = useDataTable();\n    const { infiniteQuery } = useDataTable(); // expose from context\n    const sentinelRef = useRef<HTMLDivElement>(null);\n\n    // Todo: virtualization, see https://tanstack.com/virtual/latest/docs/introduction\n    useEffect(() => {\n        const el = sentinelRef.current;\n        if (!el) return;\n\n        const observer = new IntersectionObserver(\n            entries => {\n                if (entries[0].isIntersecting && infiniteQuery.hasNextPage && !infiniteQuery.isFetchingNextPage) {\n                    infiniteQuery.fetchNextPage();\n                }\n            },\n            { threshold: 0.1 }\n        );\n\n        observer.observe(el);\n        return () => observer.disconnect();\n    }, [infiniteQuery.hasNextPage, infiniteQuery.isFetchingNextPage]);\n\n    return (\n        <div {...props} className={classNames(className, 'grid grid-cols-1 lg:grid-cols-2 gap-icon pb-input')}>\n            {tanTable.getRowModel().rows.map((row, index) => {\n                const selection: CardSelectionProps = {\n                    isSelected: row.getIsSelected(),\n                    onToggle: () => row.toggleSelected(),\n                    allowSelection,\n                };\n                return <Fragment key={row.id}>{Card(row.original, actions, selection, index)}</Fragment>;\n            })}\n\n            {/* Invisible sentinel at the bottom triggers next page fetch */}\n            <div ref={sentinelRef} className=\"col-span-full h-4 flex items-center justify-center\">\n                {infiniteQuery.isFetchingNextPage && <Loader />}\n            </div>\n        </div>\n    );\n}\n\n// TODO, ?include query param on Licenses, Activations and other future resources that need this\nfunction ColumnPicker() {\n    const projectName = useProjectName();\n\n    if (projectName === 'customer-portal') {\n        return null;\n    }\n\n    const { tanTable } = useDataTable();\n    const [activeId, setActiveId] = useState<string | null>(null);\n\n    const resourceFormatter = useResourceFormatter();\n\n    const sensors = useSensors(\n        useSensor(PointerSensor),\n        useSensor(KeyboardSensor, {\n            coordinateGetter: sortableKeyboardCoordinates,\n        })\n    );\n    return (\n        <DndContext\n            sensors={sensors}\n            collisionDetection={closestCenter}\n            onDragStart={event => {\n                const { active } = event;\n                setActiveId(active.id.toString());\n            }}\n            onDragEnd={event => {\n                const { active, over } = event;\n\n                if (over && active.id !== over.id) {\n                    const columnOrder = tanTable.getState().columnOrder;\n                    const oldIndex = columnOrder.indexOf(active.id.toString());\n                    const newIndex = columnOrder.indexOf(over.id.toString());\n                    tanTable.setColumnOrder([...arrayMove(columnOrder, oldIndex, newIndex)]);\n                }\n\n                setActiveId(null);\n            }}\n        >\n            <SortableContext items={tanTable.getState().columnOrder} strategy={verticalListSortingStrategy}>\n                <EasyMenu\n                    label={\n                        <>\n                            <IcColumns className=\"inline align-bottom me-1 text-icon-primary\" />\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 text-icon-primary\" />\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        hideViewToggle,\n    } = useDataTable();\n    const hasSelectedRows = tanTable.getSelectedRowModel().rows.length > 0;\n    const isMobile = useIsMobile();\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={classNames('flex gap-icon max-md:min-w-0 max-md:flex-1')}>\n                <Button\n                    aria-label=\"Refresh\"\n                    isPending={query.isFetching}\n                    onClick={() => query.refetch()}\n                    variant={'neutral'}\n                    size={'icon'}\n                    className={classNames('max-md:shrink-0')}\n                >\n                    <IcRefresh />\n                </Button>\n                <SearchField\n                    value={searchQuery}\n                    onChange={setSearchQuery}\n                    className={classNames('max-md:min-w-0 max-md:flex-1')}\n                />\n                <DataTableFilter previewFilters={previewFilters} className={classNames('max-md:shrink-0')} />\n            </div>\n\n            {/* On mobile, actions render in a bar fixed to the bottom of the screen instead of here. */}\n            {!isMobile && (\n                <div className=\"flex gap-icon\">\n                    <TableActions items={filteredActions} isFetching={query.isFetching} />\n                    {Card &&\n                        !disableTableView &&\n                        !hideViewToggle && ( // Only show view mode toggle button if a Card component was provided and table view is enabled\n                            <div className=\"flex gap-1 bg-surface-primary 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            )}\n            {isMobile && filteredActions.length > 0 && (\n                <div className=\"fixed inset-x-0 bottom-0 z-30 flex gap-icon border-t bg-surface-primary p-icon\">\n                    <TableActions\n                        items={filteredActions}\n                        isFetching={query.isFetching}\n                        buttonClassName=\"flex-1 justify-center\"\n                    />\n                </div>\n            )}\n        </section>\n    );\n}\n\nfunction SortIcon({\n    direction,\n    ...props\n}: { direction: 'asc' | 'desc' | false } & Omit<React.ComponentProps<'svg'>, 'direction'>) {\n    if (direction === 'asc') return <IcSortAsc className=\"size-3.5\" {...props} />;\n    else if (direction === 'desc') return <IcSortDesc className=\"size-3.5\" {...props} />;\n    else return <IcSortNone className=\"size-3.5\" {...props} />;\n}\n\nfunction getColumnHeaderText(column: Column<any, unknown>): string {\n    const resourceFormatter = useResourceFormatter();\n    const headerDef = column.columnDef.header;\n    return typeof headerDef === 'string' ? headerDef : resourceFormatter(column.id);\n}\n\n/**\n * Renders a cell value based on the displayType metadata\n * @param cell - The cell to render\n * @returns The formatted value as a React node\n */\nfunction renderCellByDisplayType(cell: Cell<any, any>): React.ReactNode {\n    const displayType = cell.column.columnDef.meta?.displayType;\n    const value = cell.getValue();\n\n    if (value === null || value === undefined) {\n        return null;\n    }\n\n    switch (displayType) {\n        case 'date':\n            return <span className=\"tabular-nums\">{formatDate(value)}</span>;\n        case 'number':\n            return <span className=\"block text-right tabular-nums\">{formatNumber(value)}</span>;\n        case 'boolean':\n            return (\n                <Badge variant={Boolean(value) ? 'success' : 'destructive'} className=\"capitalize\">\n                    {String(value)}\n                </Badge>\n            );\n        case 'badge':\n            return <Badge>{String(value)}</Badge>;\n        case 'tags':\n            let items: string[] = !Array.isArray(value) ? [String(value)] : value;\n            return (\n                <TagGroup items={items.map(item => ({ id: item, name: item }))} className=\"!flex-nowrap\">\n                    {item => <Tag>{item.name}</Tag>}\n                </TagGroup>\n            );\n        case 'progressBar':\n            const [currentValue, maxValue] = value;\n            return (\n                <ProgressBar\n                    meterClassName=\"w-16\"\n                    label={`${currentValue}/${maxValue}`}\n                    minValue={0}\n                    maxValue={maxValue}\n                    value={currentValue}\n                />\n            );\n        case 'country':\n            return <CountryName value={value} />;\n        case 'enum':\n            return <span className=\"uppercase w-full\">{String(value)}</span>;\n        case 'fileSize':\n            return formatFilesize(value);\n        case 'days':\n            return formatDays(value);\n        case 'os':\n            return ALL_OS[value as keyof typeof ALL_OS] ?? value;\n        case 'licenseType':\n            return ALL_LICENSE_TYPES[value as string] ?? value;\n        case 'subscriptionInterval':\n            return Duration.formatISODuration(value);\n        case 'subscriptionStartTrigger':\n            return getSubscriptionStartTriggerLabel(value);\n        default:\n            return String(value);\n    }\n}\n\nfunction HeaderText({ header }: { header: Header<any, unknown> }) {\n    const headerDef = header.column.columnDef.header;\n\n    if (typeof headerDef === 'string' || !headerDef) {\n        return getColumnHeaderText(header.column);\n    }\n\n    if (typeof headerDef === 'function') {\n        const result = headerDef(header.getContext());\n        if (typeof result === 'string') {\n            return getColumnHeaderText(header.column);\n        }\n        return flexRender(headerDef, header.getContext());\n    }\n\n    return flexRender(headerDef, header.getContext());\n}\n\n// TODO, automate checking valid HTML\nfunction TableContent({ className }: React.ComponentProps<typeof TableComponent>) {\n    const { tanTable, onRowNavigate } = useDataTable();\n    const tableCellStyle = (isSticky: boolean, className?: string, zIndex: string = 'z-50') =>\n        classNames(\n            'text-left body-sm font-medium whitespace-nowrap',\n            isSticky && `sticky right-0 ${zIndex} text-center justify-center`,\n            className\n        );\n    return (\n        <TableComponent className={classNames('table-auto border-0', className)}>\n            <TableHeader className=\"sticky top-0 z-10 rounded-lg border-stroke-secondary!\">\n                {tanTable.getHeaderGroups().map(headerGroup => (\n                    <TableRow key={headerGroup.id} className=\"border-stroke-secondary!\">\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-surface-secondary')}\n                            >\n                                {!header.column.getCanSort() && !header.isPlaceholder && (\n                                    <div\n                                        className={classNames(\n                                            'w-full flex items-center gap-1 text-xs uppercase font-semibold text-text-secondary',\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-text-secondary text-xs font-semibold',\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 border-stroke-secondary! bg-surface-primary hover:not-data-[selected=true]:bg-surface-secondary data-[selected=true]:bg-surface-tertiary',\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-surface-primary group-hover:not-group-data-[selected=true]:bg-surface-secondary group-data-[selected=true]:bg-surface-tertiary'\n                                                : '',\n                                            'z-1'\n                                        ),\n                                        isActionsColumn && 'flex justify-center items-center'\n                                    )}\n                                >\n                                    {cellContent}\n                                </TableCell>\n                            );\n                        })}\n                    </TableRow>\n                ))}\n            </TableBody>\n        </TableComponent>\n    );\n}\n\n/** Base properties shared by all table actions */\ntype ActionBase = {\n    label: string;\n    icon: CtxIcon;\n    tooltip?: string;\n    /** Optional button variant to pass through to Button (defaults to neutral) */\n    variant?: React.ComponentProps<typeof Button>['variant'];\n};\n\n/** Context provided to onPress functions in TableActions */\ntype ActionPressContext = {\n    event?: PressEvent;\n    openDialog: (c: React.ReactNode) => void;\n    closeDialog: () => void;\n    activeFilters: Record<string, unknown>;\n};\n\nexport type NoResourceAction = ActionBase & {\n    resourceType: 'none';\n    isDisabled?: () => boolean;\n    onPress: (c: ActionPressContext) => void;\n};\n\nexport type SingleResourceAction<T> = Omit<ActionBase, 'label'> & {\n    resourceType: 'single';\n    /** Label function that receives row data for dynamic labels */\n    label: string | ((data: T) => React.ReactNode);\n    isDisabled?: (data: T) => boolean;\n    onPress: (c: ActionPressContext & { data: T }) => void;\n};\n\nexport type BulkResourceAction<T> = ActionBase & {\n    resourceType: 'multiple';\n    isDisabled?: (data: T[]) => boolean;\n    onPress: (c: ActionPressContext & { data: T[] }) => void;\n};\n\n/** Common table action type that works for both action and dialog types */\nexport type TableAction<T> = NoResourceAction | SingleResourceAction<T> | BulkResourceAction<T>;\n\nfunction isNoResourceAction<T>(item: TableAction<T>): item is NoResourceAction {\n    return item.resourceType === 'none';\n}\n\nfunction isSingleResourceAction<T>(item: TableAction<T>): item is SingleResourceAction<T> {\n    return item.resourceType === 'single';\n}\n\nfunction isBulkResourceAction<T>(item: TableAction<T>): item is BulkResourceAction<T> {\n    return item.resourceType === 'multiple';\n}\n\nexport type TableActionsProps<T> = {\n    /** Array of table actions to render */\n    readonly items: (NoResourceAction | BulkResourceAction<T>)[];\n    /** Whether the table is currently fetching data */\n    readonly isFetching?: boolean;\n    /** Additional class names applied to each action button */\n    readonly buttonClassName?: string;\n};\n\nfunction TableActions<T>({ items, isFetching, buttonClassName }: TableActionsProps<T>) {\n    const { openDialog, closeDialog } = useControlledDialog();\n    const { tanTable, mergedFilters } = useDataTable();\n\n    function getTableActionIsDisabled<T>(item: TableAction<T>, rows: T[]): boolean {\n        if (!item.isDisabled) return false;\n\n        if (isNoResourceAction(item)) {\n            return item.isDisabled();\n        } else if (isBulkResourceAction(item)) {\n            return item.isDisabled(rows);\n        }\n        return false;\n    }\n\n    const selectedRows = tanTable.getSelectedRowModel().rows.map(r => r.original);\n    return (\n        <>\n            {items.map((item, i) => {\n                const Icon = item.icon;\n                const isDisabled = getTableActionIsDisabled(item, selectedRows) || isFetching;\n\n                return (\n                    <Button\n                        key={`${item.label}-${i}`}\n                        aria-label={item.label}\n                        type=\"button\"\n                        isDisabled={isDisabled}\n                        className={classNames(\n                            'animate-in fade-in slide-in-from-right-15 duration-300 transition-transform',\n                            buttonClassName\n                        )}\n                        onPress={e => {\n                            const context = { event: e, openDialog, closeDialog, activeFilters: mergedFilters };\n                            // TableActions only has Bulk actions and NoResource actions\n                            if (isNoResourceAction(item)) {\n                                item.onPress(context);\n                            } else if (isBulkResourceAction(item)) {\n                                item.onPress({ ...context, data: selectedRows });\n                            }\n                        }}\n                        variant={item.variant ?? 'neutral'}\n                    >\n                        {Icon && <Icon aria-hidden />}\n                        <span>{item.label}</span>\n                    </Button>\n                );\n            })}\n        </>\n    );\n}\n\nfunction TableActionsRowMenu<T>({\n    label,\n    items,\n    data,\n}: {\n    readonly label: React.ReactNode;\n    readonly items: SingleResourceAction<T>[];\n    readonly data: T;\n}) {\n    const { openDialog, closeDialog } = useControlledDialog();\n    const { mergedFilters } = useDataTable();\n    if (items.length < 5) {\n        return (\n            <div className=\"flex items-center gap-2\">\n                {items.map((it, i) => {\n                    const Icon = it.icon;\n                    const itemLabel = typeof it.label === 'function' ? it.label(data) : it.label;\n                    return (\n                        <TooltipTrigger key={`${i}-${typeof itemLabel === 'string' ? itemLabel : ''}`}>\n                            <Button\n                                aria-label={typeof itemLabel === 'string' ? itemLabel : undefined}\n                                isDisabled={it.isDisabled?.(data) ?? false}\n                                variant=\"ghost\"\n                                size=\"icon\"\n                                onPress={() => {\n                                    const context = { openDialog, closeDialog };\n                                    it.onPress({ ...context, data, activeFilters: mergedFilters });\n                                }}\n                            >\n                                <Icon className=\"size-icon\" />\n                            </Button>\n                            <Tooltip>{itemLabel}</Tooltip>\n                        </TooltipTrigger>\n                    );\n                })}\n            </div>\n        );\n    }\n\n    return (\n        <EasyMenu withChevron={false} aria-label=\"Actions\" label={label} size={'icon'}>\n            {items.map((it, i) => {\n                const Icon = it.icon;\n                const label = typeof it.label === 'function' ? it.label(data) : it.label;\n                return (\n                    <MenuItem\n                        key={`${i}-${typeof label === 'string' ? label : ''}`}\n                        id={typeof label === 'string' ? label : undefined}\n                        isDisabled={it.isDisabled?.(data) ?? false}\n                        onAction={() => {\n                            const context = { openDialog, closeDialog };\n                            if (isSingleResourceAction(it)) {\n                                it.onPress({ ...context, data, activeFilters: mergedFilters });\n                            }\n                        }}\n                    >\n                        <Icon className=\"size-icon\" />\n                        {label}\n                    </MenuItem>\n                );\n            })}\n        </EasyMenu>\n    );\n}\n","'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport { getLocalTimeZone, parseAbsolute, type ZonedDateTime } from '@internationalized/date';\nimport { useEffect, useRef, useState } from 'react';\nimport { Pressable } from 'react-aria-components';\nimport { Button } from '../components/button';\nimport { useDataTable } from '../components/data-table';\nimport { DatePicker } from '../components/date-picker';\nimport { EasyMenu, Menu, MenuHeader, MenuItem, MenuPopover, MenuTrigger } from '../components/menu';\nimport { MultiSelect, type MultiSelectProps } from '../components/multi-select';\nimport { NumberField } from '../components/numberfield';\nimport { Popover, PopoverTrigger } from '../components/popover';\nimport { SelectTrigger } from '../components/select';\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 { DialogBody, DialogFooter, DialogHeader, DialogTitle, useControlledDialog } from './dialog';\nimport { IcAccount, IcCheck, IcClose, IcDate, IcFile, IcFilter, IcLicense, IcMinus, type CtxIcon } from './icons';\nimport { MultipleIdSearchInput } from './id-search';\nimport { useIsMobile } from '../utilities/use-mobile';\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\n// Normalizes date filter values when the operator changes: \"between\" needs a [from, to] tuple,\n// every other date operator needs a single value.\nfunction resolveFilterValue(f: TableFilter, updates: FilterUpdate) {\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];\n        } else if (newOperator !== 'between' && Array.isArray(value)) {\n            value = value[0] ?? new Date().toISOString();\n        }\n    }\n    return value;\n}\n\n// Shared filter mutations, used by both the desktop chip row and the mobile dialog so they stay in sync\n// with the single `useDataTable()` state instead of each keeping their own copy of this logic.\nfunction useFilterActions() {\n    const { setFilters, filterConfig } = useDataTable();\n\n    // Updates the filter for `property` if one exists, otherwise creates and adds it.\n    const updateFilter = (property: string, updates: FilterUpdate) => {\n        setFilters(prev => {\n            const base = prev.find(f => f.property === property) ?? createNewFilter(property, filterConfig[property]);\n            const updated = {\n                ...base,\n                ...updates,\n                value: resolveFilterValue(base, updates),\n                active: true,\n            } as TableFilter;\n            return prev.some(f => f.id === base.id)\n                ? prev.map(f => (f.id === base.id ? updated : f))\n                : [...prev, updated];\n        });\n    };\n\n    // No-op if `id` isn't in state yet (e.g. a filter that was never edited).\n    const removeFilter = (id: string) => {\n        setFilters(prev => {\n            const filter = prev.find(f => f.id === id);\n            if (!filter) return prev;\n            if (filter.isPreview) {\n                return prev.map(f =>\n                    f.id === id\n                        ? {\n                              ...createNewFilter(f.property, filterConfig[f.property]),\n                              active: false,\n                              isPreview: true,\n                          }\n                        : f\n                );\n            }\n            return prev.filter(f => f.id !== id);\n        });\n    };\n\n    const clearAllFilters = () => {\n        setFilters(prev =>\n            prev\n                .filter(f => f.isPreview)\n                .map(f => ({\n                    ...createNewFilter(f.property, filterConfig[f.property]),\n                    active: false,\n                    isPreview: true,\n                }))\n        );\n    };\n\n    return { updateFilter, removeFilter, clearAllFilters };\n}\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    const isMobile = useIsMobile();\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 = isMobile ? (\n        <div className=\"flex flex-col gap-1\">\n            <span className=\"body-sm text-muted\">{resourceFormatter(filter.property)}</span>\n            <SelectTrigger type=\"button\" className=\"w-full\" aria-label={resourceFormatter(filter.property)}>\n                {valueSummary}\n            </SelectTrigger>\n        </div>\n    ) : (\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-surface-primary\" />\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\nfunction MobileFilterDialogContent({ onApply }: { onApply: () => void }) {\n    const { filters, filterConfig } = useDataTable();\n    const resourceFormatter = useResourceFormatter();\n    const { updateFilter, removeFilter, clearAllFilters } = useFilterActions();\n    const [openProperty, setOpenProperty] = useState<string | null>(null);\n\n    return (\n        <>\n            <DialogHeader>\n                <DialogTitle>Filter</DialogTitle>\n            </DialogHeader>\n            <DialogBody className=\"flex flex-col gap-input\">\n                {Object.keys(filterConfig).map(key => {\n                    const filter = filters.find(f => f.property === key) ?? createNewFilter(key, filterConfig[key]);\n                    return (\n                        <FilterChip\n                            key={key}\n                            filter={filter}\n                            filterConfig={filterConfig}\n                            resourceFormatter={resourceFormatter}\n                            onRemove={() => removeFilter(filter.id)}\n                            onUpdate={updates => updateFilter(key, updates)}\n                            isOpen={openProperty === key}\n                            onOpenChange={open => setOpenProperty(open ? key : null)}\n                        />\n                    );\n                })}\n            </DialogBody>\n            <DialogFooter>\n                <Button\n                    variant=\"neutral\"\n                    onPress={() => {\n                        clearAllFilters();\n                        setOpenProperty(null);\n                    }}\n                >\n                    Clear All\n                </Button>\n                <Button variant=\"primary\" onPress={onApply}>\n                    Apply\n                </Button>\n            </DialogFooter>\n        </>\n    );\n}\n\nfunction MobileDataTableFilter({\n    className,\n    hasClearableFilters,\n    isDisabled,\n    onClearAll,\n    ...props\n}: React.ComponentProps<'section'> & {\n    hasClearableFilters: boolean;\n    isDisabled: boolean;\n    onClearAll: () => void;\n}) {\n    const { openDialog, closeDialog } = useControlledDialog();\n\n    return (\n        <section {...props} className={classNames('flex items-center', className)}>\n            <Button\n                variant={hasClearableFilters ? 'primary_neutral' : 'neutral'}\n                isDisabled={isDisabled}\n                aria-label=\"Filter\"\n                onPress={() => openDialog(<MobileFilterDialogContent onApply={closeDialog} />)}\n                className=\"min-w-0 flex-1\"\n            >\n                <IcFilter />\n                Filters\n                {hasClearableFilters && (\n                    <Pressable onPress={onClearAll}>\n                        <span className=\"animate-slide-in bg-primary hover:bg-destructive rounded-full size-icon flex justify-center items-center\">\n                            <IcClose className=\"size-2.5 text-surface-primary\" />\n                        </span>\n                    </Pressable>\n                )}\n            </Button>\n        </section>\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 isMobile = useIsMobile();\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 { updateFilter, removeFilter, clearAllFilters } = useFilterActions();\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 hasClearableFilters = filters.some(f => !f.isPreview || f.active !== false);\n\n    const handleClearAll = () => {\n        clearAllFilters();\n        setOpenFilterId(null);\n    };\n\n    if (isMobile) {\n        return (\n            <MobileDataTableFilter\n                {...props}\n                className={className}\n                hasClearableFilters={hasClearableFilters}\n                isDisabled={query.isPending}\n                onClearAll={handleClearAll}\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.property, 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={handleClearAll}\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","resourceName","pathParameters","queryParameters","columns","filterConfig","columnsToHideByDefault","allowSelection","allowToolbar","initialFilters","previewFilters","tableActions","Card","onRowNavigate","disableTableView","hideViewToggle","include","tableState","_setTableState","useState","sorting","pagination","searchQuery","setSearchQuery","rowSelection","setRowSelection","filters","setFilters","mergedFilters","useMemo","tf","config","value","acc","current","merge","includeParam","sharedQueryParams","client","useCtxClient","tableQueryKey","cardQueryKey","prefsKey","columnOrder","setColumnOrder","useLocalStorage","columnVisibility","setColumnVisibility","viewMode","setViewMode","isMobile","useIsMobile","effectiveViewMode","updateTableState","updates","prev","fetchPage","pageParam","res","tableQuery","useQuery","infiniteQuery","useInfiniteQuery","lastPage","allPages","p","flatData","total","query","isSingleResourceAction","cols","isUpdaterFunction","updater","resolveUpdater","currentValue","tanTable","useReactTable","getCoreRowModel","useEffect","allIds","c","middleIds","id","prevOrder","preserved","rest","orderedMiddle","DataTableContext","createContext","useDataTable","ctx","useContext","DataTableProvider","children","props","EmptyMessage","jsxs","IcInfo","Content","cardGridClassName","cardActions","isCardView","Loader","CardGrid","TableContent","DataTable","className","Fragment","ControlledDialogProvider","Actions","classNames","ColumnPicker","PageSize","Paginator","actions","sentinelRef","useRef","el","observer","entries","index","selection","useProjectName","activeId","setActiveId","resourceFormatter","useResourceFormatter","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","closestCenter","event","active","over","oldIndex","newIndex","arrayMove","SortableContext","verticalListSortingStrategy","EasyMenu","IcColumns","MenuItem","colId","col","SortableItem","DragOverlay","column","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","IcGrip","getColumnHeaderText","SortIcon","rowCount","Button","IcFirst","IcLeft","IcRight","IcLast","PAGE_SIZES","s","items","hasSelectedRows","filteredActions","ta","IcRefresh","SearchField","DataTableFilter","TableActions","IcMenu","IcLayoutGrid","direction","IcSortAsc","IcSortDesc","IcSortNone","headerDef","renderCellByDisplayType","cell","displayType","formatDate","formatNumber","Badge","TagGroup","item","Tag","maxValue","ProgressBar","CountryName","formatFilesize","formatDays","ALL_OS","ALL_LICENSE_TYPES","Duration","getSubscriptionStartTriggerLabel","HeaderText","header","flexRender","tableCellStyle","isSticky","zIndex","TableComponent","TableHeader","headerGroup","TableRow","TableHead","TableBody","e","isActionsColumn","cellContent","TableCell","isNoResourceAction","isBulkResourceAction","isFetching","buttonClassName","openDialog","closeDialog","useControlledDialog","getTableActionIsDisabled","rows","selectedRows","r","i","Icon","isDisabled","context","label","data","it","itemLabel","TooltipTrigger","Tooltip","FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","COMPARISON_OPERATOR_SHORT_LABELS","createNewFilter","property","type","resolvedNeedOperator","operator","FilterOperations","base","resolveFilterValue","f","newOperator","str","useFilterActions","updated","filter","getFilterValueSummary","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","SelectTrigger","IcFilter","Pressable","IcClose","options","selectedKey","MenuTrigger","MenuPopover","MenuHeader","Menu","keys","key","PopoverTrigger","Popover","op","MobileFilterDialogContent","onApply","updateFilter","removeFilter","clearAllFilters","openProperty","setOpenProperty","DialogHeader","DialogTitle","DialogBody","open","DialogFooter","MobileDataTableFilter","hasClearableFilters","onClearAll","filterKeys","k","openFilterId","setOpenFilterId","initialized","toSet","addFilter","newFilter","handleClearAll","FilterIcon","IcFile","IcCheck","IcDate","IcLicense","IcAccount","IcMinus"],"mappings":"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"}

package/dist/components/id-search.d.ts

@@ -122,7 +122,7 @@ export declare function MultipleIdSearchInput<T extends BaseSearchableResource>(
  * <TfSingleIdSearchInput name="ownerId" label="Owner" />
  
  */
-export declare function TfSingleIdSearchInput({ isDisabled, ...props }: Omit<React.ComponentProps<typeof SingleIdSearchInput>, 'value' | 'onChange' | 'onBlur'>): import("react/jsx-runtime").JSX.Element;
+export declare function TfSingleIdSearchInput<T extends BaseSearchableResource>({ isDisabled, ...props }: Omit<React.ComponentProps<typeof SingleIdSearchInput<T>>, 'value' | 'onChange' | 'onBlur'>): import("react/jsx-runtime").JSX.Element;
 /**
  * Form-integrated multi-select ID input (field wrapper).
  *
@@ -135,5 +135,5 @@ export declare function TfSingleIdSearchInput({ isDisabled, ...props }: Omit<Rea
  * <TfMultipleIdSearchInput name="reviewerIds" label="Reviewers" />
  *
  */
-export declare function TfMultipleIdSearchInput({ isDisabled, ...props }: Omit<React.ComponentProps<typeof MultipleIdSearchInput>, 'value' | 'onChange'>): import("react/jsx-runtime").JSX.Element;
+export declare function TfMultipleIdSearchInput<T extends BaseSearchableResource>({ isDisabled, ...props }: Omit<React.ComponentProps<typeof MultipleIdSearchInput<T>>, 'value' | 'onChange'>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"id-search.js","sources":["../../lib/components/id-search.tsx"],"sourcesContent":["'use client';\nimport { useQuery } from '@tanstack/react-query';\nimport { useId, useState } from 'react';\nimport { Select as AriaSelect, Autocomplete } from 'react-aria-components';\n\nimport type { ClientPathsWithMethod } from 'openapi-fetch';\nimport { Loader } from '../components/loader';\nimport { Menu, MenuItem } from '../components/menu';\nimport { PopoverTrigger } from '../components/popover';\nimport { SearchField } from '../components/searchfield';\nimport { useCtxClient, type CtxClientType } from '../utilities/ctx-client';\nimport { getEmptyLabel, isEmptyValue, type EmptyOption } from '../utilities/empty-option';\nimport { getFieldErrorMessage } from '../utilities/form';\nimport { useFieldContext } from '../utilities/form-context';\nimport { FormField, type FormFieldProps } from './form';\nimport { SelectPopover, SelectTrigger } from './select';\nimport { Tag, TagGroup } from './tag-group';\n\n/**\n * Minimal resource shape used by the ID search inputs.\n * `id` is required; the label comes from `name` or `displayName`.\n *\n * @example\n * const user: BaseSearchableResource = { id: 'u_123', name: 'Nabeel Farooq' };\n * const product: BaseSearchableResource = { id: 'p_123', displayName: 'My Product' };\n */\ntype BaseSearchableResource = {\n    /** Unique identifier used as the input value. */\n    id: string;\n    /** Human-readable label shown to users. */\n    name?: string;\n    displayName?: string;\n};\n\n/** Resources commonly expose either `name` or `displayName` as their human-readable label. */\nfunction getResourceLabel(item: BaseSearchableResource): string {\n    return item.name ?? item.displayName ?? '';\n}\n\n/**\n * Type guard to check if a value is an array of searchable resources\n */\nfunction isSearchableResourceArray<T extends BaseSearchableResource>(value: unknown): value is T[] {\n    return (\n        Array.isArray(value) &&\n        value.every(item => {\n            if (!item || typeof item !== 'object' || !('id' in item) || typeof item.id !== 'string') return false;\n            const hasName = 'name' in item && typeof item.name === 'string';\n            const hasDisplayName = 'displayName' in item && typeof item.displayName === 'string';\n            return hasName || hasDisplayName;\n        })\n    );\n}\n\n/**\n * - Generic, accessible ID-search building block.\n * - Search (powered by react-query)\n * - Renders an accessible Autocomplete + Menu listbox\n * - Exposes a controlled `value`/`onChange` contract so callers (and wrappers) can manage state\n *\n * @template T - resource type extending `BaseSearchableResource` (must have `id`; label is `name` or `displayName`)\n * @template V - controlled value type (e.g. `string` for single-select or `string[]` for multi-select)\n *\n * @param props - props object (see inline property JSDoc for the most important fields)\n *\n * @remarks\n * - Search is automatically handled based on the `resource` prop using the API client from context\n * - When the popover closes, `onBlur` (if provided) is called with the current `value`.\n * - `renderLabel` must convert `value` to a readable string for the control button.\n * - `defaultParams` can be used to pass additional query parameters to the search endpoint\n *\n * @example\n * <BaseIdSearchInput\n *   label=\"Owner\"\n *   resource=\"user\"\n *   value={ownerId}\n *   onChange={setOwnerId}\n *   renderLabel={(v, data) => data?.find(d => d.id === v)?.name ?? v}\n * />\n *\n * @testing\n * - Ensure API client is provided via context; assert keyboard navigation, open/close behavior, and `onBlur` call on popover close.\n */\nfunction BaseIdSearchInput<T extends BaseSearchableResource, V>({\n    label,\n    description,\n    errorMessage,\n    requiredIndicator,\n    isDisabled,\n    isInvalid,\n    onBlur,\n    path,\n    onChange,\n    value,\n    renderLabel,\n    accessor,\n    getItemLabel,\n    defaultParams,\n    className,\n    emptyOption,\n    ...props\n}: FormFieldProps & {\n    path: ClientPathsWithMethod<CtxClientType, 'get'>;\n    /** Disable interactions. */\n    isDisabled?: boolean;\n    /** Whether the field is invalid. */\n    isInvalid?: boolean;\n    /** Key used to access an alternate display accessor on item (kept for compatibility). */\n    accessor: keyof BaseSearchableResource;\n    getItemLabel?: (item: T) => React.ReactNode;\n    /** Controlled value. */\n    value: V;\n    /** Called when popover closes or the field blurs with the current value. */\n    onBlur?: (v: V) => void;\n    /** Controlled change handler. */\n    onChange: (v: V) => void;\n    /** Render a human-readable label for the current value using the latest data. */\n    renderLabel: (v: V, data: T[] | undefined, emptyOption?: EmptyOption) => string | React.ReactNode;\n    /** Default parameters to include in the request. This is useful when using /v3/users?role='admin' or /v3/organizations/ID/user-groups */\n    defaultParams?: Record<'path' | 'query', any>;\n    /** Optional className to customize the trigger button styling. */\n    className?: string;\n    /* Optional empty option  to show when value is empty. */\n    emptyOption?: EmptyOption;\n} & Omit<React.ComponentProps<typeof Menu>, 'items' | 'className'>) {\n    if (path === '/v3/me') {\n        throw Error('Path \"/v3/me\" is not supported with IdSearch since it is not a searchable resource.');\n    }\n\n    const generatedId = useId();\n    const fieldId = props.id || generatedId;\n    const client = useCtxClient();\n    const itemLabel = getItemLabel ?? getResourceLabel;\n    // Typeahead/search needs a plain string; fall back to the plain name when the label is a styled ReactNode.\n    const itemTextValue = (item: T): string => {\n        const label = itemLabel(item);\n        return typeof label === 'string' ? label : getResourceLabel(item);\n    };\n\n    const [search, _setSearch] = useState('');\n    const { data, isError, isFetching, error } = useQuery({\n        // This is the schema that openapi-react-query follows as of 0.5.1\n        queryKey: ['get', path, search],\n        queryFn: async (): Promise<T[]> => {\n            const result = await client.GET(path, {\n                params: {\n                    query: {\n                        search,\n                        ...defaultParams?.query,\n                        limit: 50,\n                        page: 1,\n                    },\n                    path: {\n                        ...defaultParams?.path,\n                    },\n                },\n            });\n\n            // Type narrowing: result.data is inferred as never due to complex union types\n            // We use unknown to bypass this and then validate with our type guard\n            const responseData: unknown = result.data;\n            if (responseData && isSearchableResourceArray<T>(responseData)) {\n                return responseData;\n            }\n            return [];\n        },\n    });\n\n    return (\n        <div className=\"group form-field\" data-invalid={isInvalid ? '' : undefined}>\n            <FormField {...{ label, description, errorMessage, requiredIndicator, htmlFor: fieldId }}>\n                <AriaSelect isInvalid={isInvalid}>\n                    <PopoverTrigger\n                        onOpenChange={o => {\n                            if (!o) {\n                                // searchInputRef.current?.focus();\n                                onBlur?.(value);\n                            }\n                        }}\n                    >\n                        <SelectTrigger id={fieldId} isDisabled={isDisabled} className={className ?? 'w-full'}>\n                            {renderLabel(value, data, emptyOption)}\n                        </SelectTrigger>\n                        <SelectPopover placement=\"bottom start\">\n                            <Autocomplete inputValue={search} onInputChange={_setSearch}>\n                                <SearchField className={'p-2'} autoFocus />\n                                {isFetching && (\n                                    <div className=\"p-input\">\n                                        <Loader className=\"mx-auto\" />\n                                    </div>\n                                )}\n                                {!isFetching && !isError && (\n                                    <Menu\n                                        {...props}\n                                        className={'max-h-48'}\n                                        items={data}\n                                        renderEmptyState={() => <div className=\"body-sm p-2\">No results found.</div>}\n                                    >\n                                        {item => {\n                                            const itemId = item[accessor] ?? item.id;\n                                            return (\n                                                <MenuItem key={itemId} id={itemId} textValue={itemTextValue(item)}>\n                                                    {itemLabel(item)}\n                                                </MenuItem>\n                                            );\n                                        }}\n                                    </Menu>\n                                )}\n                                {isError && <div className=\"text-destructive p-icon body-sm\">{error.message}</div>}\n                            </Autocomplete>\n                        </SelectPopover>\n                    </PopoverTrigger>\n                </AriaSelect>\n            </FormField>\n        </div>\n    );\n}\n\n/**\n * Single-selection ID search input.\n *\n * Thin, typed wrapper around `BaseIdSearchInput` specialized for the very common single-ID case.\n * Adapts the internal selection events into `onChange(id?: string)` and renders the selected label.\n *\n * @template T - resource type (extends BaseSearchableResource)\n *\n * @param props - Inherits `BaseIdSearchInput` props but uses `string[]` value type.\n *\n * @example\n * <SingleIdSearchInput\n *   label=\"Reporter\"\n *   value={reporterId}\n *   onChange={setReporterId}\n * />\n *\n */\nexport function SingleIdSearchInput<T extends BaseSearchableResource>({\n    accessor,\n    getItemLabel,\n    ...props\n}: Omit<\n    React.ComponentProps<typeof BaseIdSearchInput<T, string | null>>,\n    'onSelectionChange' | 'selectionMode' | 'selectedKeys' | 'renderLabel'\n>) {\n    const selectedKeys = props.value ? [props.value] : [];\n    const itemLabel = getItemLabel ?? getResourceLabel;\n\n    return (\n        <BaseIdSearchInput\n            accessor={accessor}\n            getItemLabel={getItemLabel}\n            selectedKeys={selectedKeys}\n            onSelectionChange={e => {\n                const val = Array.from(e).filter(v => typeof v === 'string')[0];\n                props.onChange(val);\n            }}\n            renderLabel={(v, d, emptyOption) => {\n                // If value is empty and emptyOption is set, show the empty label\n                if (emptyOption && isEmptyValue(v)) {\n                    return getEmptyLabel(emptyOption);\n                }\n                // Match on the same field the value was derived from (accessor), not always `id`.\n                const match = d?.find(di => (di[accessor] ?? di.id) === v);\n                return match ? itemLabel(match) : '';\n            }}\n            selectionMode=\"single\"\n            {...props}\n        />\n    );\n}\n\n/**\n * Multi-selection ID search input.\n *\n * Thin wrapper around `BaseIdSearchInput` for the multiple-ID (`string[]`) case.\n * Adapts internal selection events into `onChange(ids: string[])`.\n *\n * @template T - resource type (extends BaseSearchableResource)\n *\n * @param props - Inherits `BaseIdSearchInput` props but uses `string[]` value type.\n *\n * @example\n * <MultipleIdSearchInput\n *   label=\"Reviewers\"\n *   value={reviewerIds}\n *   onChange={setReviewerIds}\n * />\n *\n * @remarks\n * - The `renderLabel` joins selected item names with commas for compact display.\n */\nexport function MultipleIdSearchInput<T extends BaseSearchableResource>({\n    accessor,\n    getItemLabel,\n    ...props\n}: Omit<\n    React.ComponentProps<typeof BaseIdSearchInput<T, string[]>>,\n    'renderLabel' | 'onSelectionChange' | 'selectionMode' | 'selectedKeys'\n>) {\n    const selectedKeys = props.value;\n    const itemLabel = getItemLabel ?? getResourceLabel;\n\n    return (\n        <BaseIdSearchInput\n            {...props}\n            accessor={accessor}\n            getItemLabel={getItemLabel}\n            selectedKeys={selectedKeys}\n            onSelectionChange={e => {\n                const vals = Array.from(e).filter(v => typeof v === 'string');\n                props.onChange(vals.length > 0 ? vals : []);\n            }}\n            selectionMode=\"multiple\"\n            className=\"w-full h-auto items-start\"\n            renderLabel={(v, d, emptyOption) => {\n                // If array is empty and emptyOption is set, show the empty label\n                if (emptyOption && (!v || v.length === 0)) {\n                    return getEmptyLabel(emptyOption);\n                }\n\n                const values = v ?? [];\n                return (\n                    <TagGroup\n                        onRemove={keys => props.onChange(values.filter(value => !keys.has(value)))}\n                        items={values.map(value => {\n                            // Match on the same field the value was derived from (accessor), not always `id`.\n                            const match = d?.find(di => (di[accessor] ?? di.id) === value);\n                            const name = match ? itemLabel(match) : value;\n                            const textValue = typeof name === 'string' ? name : match ? getResourceLabel(match) : value;\n                            return {\n                                id: value,\n                                name,\n                                textValue,\n                            };\n                        })}\n                    >\n                        {item => (\n                            <Tag key={item.id} textValue={item.textValue}>\n                                {item.name}\n                            </Tag>\n                        )}\n                    </TagGroup>\n                );\n            }}\n        />\n    );\n}\n\n/**\n * Form-integrated single-select ID input (field wrapper).\n *\n * Integrates `SingleIdSearchInput` into the form system using `useFieldContext`.\n * - wires `value`, `onChange`, and `onBlur`\n * - disables the control while the form is submitting\n * - surfaces field-level error messages\n *\n * @example\n * <TfSingleIdSearchInput name=\"ownerId\" label=\"Owner\" />\n \n */\nexport function TfSingleIdSearchInput({\n    isDisabled,\n    ...props\n}: Omit<React.ComponentProps<typeof SingleIdSearchInput>, 'value' | 'onChange' | 'onBlur'>) {\n    const field = useFieldContext<string | null>({ disabled: isDisabled });\n    return (\n        <SingleIdSearchInput\n            requiredIndicator={field.isRequired}\n            isDisabled={isDisabled || field.isSubmitting}\n            value={field.state.value}\n            onBlur={_ => field.handleBlur()}\n            onChange={e => field.handleChange(e)}\n            isInvalid={!!getFieldErrorMessage(field)}\n            errorMessage={getFieldErrorMessage(field)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Form-integrated multi-select ID input (field wrapper).\n *\n * Integrates `MultipleIdSearchInput` into the form system using `useFieldContext`.\n * - wires `value`, `onChange`, and `onBlur`\n * - disables the control while the form is submitting\n * - surfaces field-level error messages\n *\n * @example\n * <TfMultipleIdSearchInput name=\"reviewerIds\" label=\"Reviewers\" />\n *\n */\nexport function TfMultipleIdSearchInput({\n    isDisabled,\n    ...props\n}: Omit<React.ComponentProps<typeof MultipleIdSearchInput>, 'value' | 'onChange'>) {\n    const field = useFieldContext<string[]>({ disabled: isDisabled });\n    return (\n        <MultipleIdSearchInput\n            requiredIndicator={field.isRequired}\n            isDisabled={isDisabled || field.isSubmitting}\n            value={field.state.value}\n            onBlur={_ => field.handleBlur()}\n            onChange={e => field.handleChange(e)}\n            isInvalid={!!getFieldErrorMessage(field)}\n            errorMessage={getFieldErrorMessage(field)}\n            {...props}\n        />\n    );\n}\n"],"names":["getResourceLabel","item","isSearchableResourceArray","value","hasName","hasDisplayName","BaseIdSearchInput","label","description","errorMessage","requiredIndicator","isDisabled","isInvalid","onBlur","path","onChange","renderLabel","accessor","getItemLabel","defaultParams","className","emptyOption","props","generatedId","useId","fieldId","client","useCtxClient","itemLabel","itemTextValue","search","_setSearch","useState","data","isError","isFetching","error","useQuery","responseData","jsx","FormField","AriaSelect","jsxs","PopoverTrigger","o","SelectTrigger","SelectPopover","Autocomplete","SearchField","Loader","Menu","itemId","MenuItem","SingleIdSearchInput","selectedKeys","e","val","v","d","isEmptyValue","getEmptyLabel","match","di","MultipleIdSearchInput","vals","values","TagGroup","keys","name","textValue","Tag","TfSingleIdSearchInput","field","useFieldContext","_","getFieldErrorMessage","TfMultipleIdSearchInput"],"mappings":"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"}
+{"version":3,"file":"id-search.js","sources":["../../lib/components/id-search.tsx"],"sourcesContent":["'use client';\nimport { useQuery } from '@tanstack/react-query';\nimport { useId, useState } from 'react';\nimport { Select as AriaSelect, Autocomplete } from 'react-aria-components';\n\nimport type { ClientPathsWithMethod } from 'openapi-fetch';\nimport { Loader } from '../components/loader';\nimport { Menu, MenuItem } from '../components/menu';\nimport { PopoverTrigger } from '../components/popover';\nimport { SearchField } from '../components/searchfield';\nimport { useCtxClient, type CtxClientType } from '../utilities/ctx-client';\nimport { getEmptyLabel, isEmptyValue, type EmptyOption } from '../utilities/empty-option';\nimport { getFieldErrorMessage } from '../utilities/form';\nimport { useFieldContext } from '../utilities/form-context';\nimport { FormField, type FormFieldProps } from './form';\nimport { SelectPopover, SelectTrigger } from './select';\nimport { Tag, TagGroup } from './tag-group';\n\n/**\n * Minimal resource shape used by the ID search inputs.\n * `id` is required; the label comes from `name` or `displayName`.\n *\n * @example\n * const user: BaseSearchableResource = { id: 'u_123', name: 'Nabeel Farooq' };\n * const product: BaseSearchableResource = { id: 'p_123', displayName: 'My Product' };\n */\ntype BaseSearchableResource = {\n    /** Unique identifier used as the input value. */\n    id: string;\n    /** Human-readable label shown to users. */\n    name?: string;\n    displayName?: string;\n};\n\n/** Resources commonly expose either `name` or `displayName` as their human-readable label. */\nfunction getResourceLabel(item: BaseSearchableResource): string {\n    return item.name ?? item.displayName ?? '';\n}\n\n/**\n * Type guard to check if a value is an array of searchable resources\n */\nfunction isSearchableResourceArray<T extends BaseSearchableResource>(value: unknown): value is T[] {\n    return (\n        Array.isArray(value) &&\n        value.every(item => {\n            if (!item || typeof item !== 'object' || !('id' in item) || typeof item.id !== 'string') return false;\n            const hasName = 'name' in item && typeof item.name === 'string';\n            const hasDisplayName = 'displayName' in item && typeof item.displayName === 'string';\n            return hasName || hasDisplayName;\n        })\n    );\n}\n\n/**\n * - Generic, accessible ID-search building block.\n * - Search (powered by react-query)\n * - Renders an accessible Autocomplete + Menu listbox\n * - Exposes a controlled `value`/`onChange` contract so callers (and wrappers) can manage state\n *\n * @template T - resource type extending `BaseSearchableResource` (must have `id`; label is `name` or `displayName`)\n * @template V - controlled value type (e.g. `string` for single-select or `string[]` for multi-select)\n *\n * @param props - props object (see inline property JSDoc for the most important fields)\n *\n * @remarks\n * - Search is automatically handled based on the `resource` prop using the API client from context\n * - When the popover closes, `onBlur` (if provided) is called with the current `value`.\n * - `renderLabel` must convert `value` to a readable string for the control button.\n * - `defaultParams` can be used to pass additional query parameters to the search endpoint\n *\n * @example\n * <BaseIdSearchInput\n *   label=\"Owner\"\n *   resource=\"user\"\n *   value={ownerId}\n *   onChange={setOwnerId}\n *   renderLabel={(v, data) => data?.find(d => d.id === v)?.name ?? v}\n * />\n *\n * @testing\n * - Ensure API client is provided via context; assert keyboard navigation, open/close behavior, and `onBlur` call on popover close.\n */\nfunction BaseIdSearchInput<T extends BaseSearchableResource, V>({\n    label,\n    description,\n    errorMessage,\n    requiredIndicator,\n    isDisabled,\n    isInvalid,\n    onBlur,\n    path,\n    onChange,\n    value,\n    renderLabel,\n    accessor,\n    getItemLabel,\n    defaultParams,\n    className,\n    emptyOption,\n    ...props\n}: FormFieldProps & {\n    path: ClientPathsWithMethod<CtxClientType, 'get'>;\n    /** Disable interactions. */\n    isDisabled?: boolean;\n    /** Whether the field is invalid. */\n    isInvalid?: boolean;\n    /** Key used to access an alternate display accessor on item (kept for compatibility). */\n    accessor: keyof BaseSearchableResource;\n    getItemLabel?: (item: T) => React.ReactNode;\n    /** Controlled value. */\n    value: V;\n    /** Called when popover closes or the field blurs with the current value. */\n    onBlur?: (v: V) => void;\n    /** Controlled change handler. */\n    onChange: (v: V) => void;\n    /** Render a human-readable label for the current value using the latest data. */\n    renderLabel: (v: V, data: T[] | undefined, emptyOption?: EmptyOption) => string | React.ReactNode;\n    /** Default parameters to include in the request. This is useful when using /v3/users?role='admin' or /v3/organizations/ID/user-groups */\n    defaultParams?: Record<'path' | 'query', any>;\n    /** Optional className to customize the trigger button styling. */\n    className?: string;\n    /* Optional empty option  to show when value is empty. */\n    emptyOption?: EmptyOption;\n} & Omit<React.ComponentProps<typeof Menu>, 'items' | 'className'>) {\n    if (path === '/v3/me') {\n        throw Error('Path \"/v3/me\" is not supported with IdSearch since it is not a searchable resource.');\n    }\n\n    const generatedId = useId();\n    const fieldId = props.id || generatedId;\n    const client = useCtxClient();\n    const itemLabel = getItemLabel ?? getResourceLabel;\n    // Typeahead/search needs a plain string; fall back to the plain name when the label is a styled ReactNode.\n    const itemTextValue = (item: T): string => {\n        const label = itemLabel(item);\n        return typeof label === 'string' ? label : getResourceLabel(item);\n    };\n\n    const [search, _setSearch] = useState('');\n    const { data, isError, isFetching, error } = useQuery({\n        // This is the schema that openapi-react-query follows as of 0.5.1\n        queryKey: ['get', path, search],\n        queryFn: async (): Promise<T[]> => {\n            const result = await client.GET(path, {\n                params: {\n                    query: {\n                        search,\n                        ...defaultParams?.query,\n                        limit: 50,\n                        page: 1,\n                    },\n                    path: {\n                        ...defaultParams?.path,\n                    },\n                },\n            });\n\n            // Type narrowing: result.data is inferred as never due to complex union types\n            // We use unknown to bypass this and then validate with our type guard\n            const responseData: unknown = result.data;\n            if (responseData && isSearchableResourceArray<T>(responseData)) {\n                return responseData;\n            }\n            return [];\n        },\n    });\n\n    return (\n        <div className=\"group form-field\" data-invalid={isInvalid ? '' : undefined}>\n            <FormField {...{ label, description, errorMessage, requiredIndicator, htmlFor: fieldId }}>\n                <AriaSelect isInvalid={isInvalid}>\n                    <PopoverTrigger\n                        onOpenChange={o => {\n                            if (!o) {\n                                // searchInputRef.current?.focus();\n                                onBlur?.(value);\n                            }\n                        }}\n                    >\n                        <SelectTrigger id={fieldId} isDisabled={isDisabled} className={className ?? 'w-full'}>\n                            {renderLabel(value, data, emptyOption)}\n                        </SelectTrigger>\n                        <SelectPopover placement=\"bottom start\">\n                            <Autocomplete inputValue={search} onInputChange={_setSearch}>\n                                <SearchField className={'p-2'} autoFocus />\n                                {isFetching && (\n                                    <div className=\"p-input\">\n                                        <Loader className=\"mx-auto\" />\n                                    </div>\n                                )}\n                                {!isFetching && !isError && (\n                                    <Menu\n                                        {...props}\n                                        className={'max-h-48'}\n                                        items={data}\n                                        renderEmptyState={() => <div className=\"body-sm p-2\">No results found.</div>}\n                                    >\n                                        {item => {\n                                            const itemId = item[accessor] ?? item.id;\n                                            return (\n                                                <MenuItem key={itemId} id={itemId} textValue={itemTextValue(item)}>\n                                                    {itemLabel(item)}\n                                                </MenuItem>\n                                            );\n                                        }}\n                                    </Menu>\n                                )}\n                                {isError && <div className=\"text-destructive p-icon body-sm\">{error.message}</div>}\n                            </Autocomplete>\n                        </SelectPopover>\n                    </PopoverTrigger>\n                </AriaSelect>\n            </FormField>\n        </div>\n    );\n}\n\n/**\n * Single-selection ID search input.\n *\n * Thin, typed wrapper around `BaseIdSearchInput` specialized for the very common single-ID case.\n * Adapts the internal selection events into `onChange(id?: string)` and renders the selected label.\n *\n * @template T - resource type (extends BaseSearchableResource)\n *\n * @param props - Inherits `BaseIdSearchInput` props but uses `string[]` value type.\n *\n * @example\n * <SingleIdSearchInput\n *   label=\"Reporter\"\n *   value={reporterId}\n *   onChange={setReporterId}\n * />\n *\n */\nexport function SingleIdSearchInput<T extends BaseSearchableResource>({\n    accessor,\n    getItemLabel,\n    ...props\n}: Omit<\n    React.ComponentProps<typeof BaseIdSearchInput<T, string | null>>,\n    'onSelectionChange' | 'selectionMode' | 'selectedKeys' | 'renderLabel'\n>) {\n    const selectedKeys = props.value ? [props.value] : [];\n    const itemLabel = getItemLabel ?? getResourceLabel;\n\n    return (\n        <BaseIdSearchInput\n            accessor={accessor}\n            getItemLabel={getItemLabel}\n            selectedKeys={selectedKeys}\n            onSelectionChange={e => {\n                const val = Array.from(e).filter(v => typeof v === 'string')[0];\n                props.onChange(val);\n            }}\n            renderLabel={(v, d, emptyOption) => {\n                // If value is empty and emptyOption is set, show the empty label\n                if (emptyOption && isEmptyValue(v)) {\n                    return getEmptyLabel(emptyOption);\n                }\n                // Match on the same field the value was derived from (accessor), not always `id`.\n                const match = d?.find(di => (di[accessor] ?? di.id) === v);\n                return match ? itemLabel(match) : '';\n            }}\n            selectionMode=\"single\"\n            {...props}\n        />\n    );\n}\n\n/**\n * Multi-selection ID search input.\n *\n * Thin wrapper around `BaseIdSearchInput` for the multiple-ID (`string[]`) case.\n * Adapts internal selection events into `onChange(ids: string[])`.\n *\n * @template T - resource type (extends BaseSearchableResource)\n *\n * @param props - Inherits `BaseIdSearchInput` props but uses `string[]` value type.\n *\n * @example\n * <MultipleIdSearchInput\n *   label=\"Reviewers\"\n *   value={reviewerIds}\n *   onChange={setReviewerIds}\n * />\n *\n * @remarks\n * - The `renderLabel` joins selected item names with commas for compact display.\n */\nexport function MultipleIdSearchInput<T extends BaseSearchableResource>({\n    accessor,\n    getItemLabel,\n    ...props\n}: Omit<\n    React.ComponentProps<typeof BaseIdSearchInput<T, string[]>>,\n    'renderLabel' | 'onSelectionChange' | 'selectionMode' | 'selectedKeys'\n>) {\n    const selectedKeys = props.value;\n    const itemLabel = getItemLabel ?? getResourceLabel;\n\n    return (\n        <BaseIdSearchInput\n            {...props}\n            accessor={accessor}\n            getItemLabel={getItemLabel}\n            selectedKeys={selectedKeys}\n            onSelectionChange={e => {\n                const vals = Array.from(e).filter(v => typeof v === 'string');\n                props.onChange(vals.length > 0 ? vals : []);\n            }}\n            selectionMode=\"multiple\"\n            className=\"w-full h-auto items-start\"\n            renderLabel={(v, d, emptyOption) => {\n                // If array is empty and emptyOption is set, show the empty label\n                if (emptyOption && (!v || v.length === 0)) {\n                    return getEmptyLabel(emptyOption);\n                }\n\n                const values = v ?? [];\n                return (\n                    <TagGroup\n                        onRemove={keys => props.onChange(values.filter(value => !keys.has(value)))}\n                        items={values.map(value => {\n                            // Match on the same field the value was derived from (accessor), not always `id`.\n                            const match = d?.find(di => (di[accessor] ?? di.id) === value);\n                            const name = match ? itemLabel(match) : value;\n                            const textValue = typeof name === 'string' ? name : match ? getResourceLabel(match) : value;\n                            return {\n                                id: value,\n                                name,\n                                textValue,\n                            };\n                        })}\n                    >\n                        {item => (\n                            <Tag key={item.id} textValue={item.textValue}>\n                                {item.name}\n                            </Tag>\n                        )}\n                    </TagGroup>\n                );\n            }}\n        />\n    );\n}\n\n/**\n * Form-integrated single-select ID input (field wrapper).\n *\n * Integrates `SingleIdSearchInput` into the form system using `useFieldContext`.\n * - wires `value`, `onChange`, and `onBlur`\n * - disables the control while the form is submitting\n * - surfaces field-level error messages\n *\n * @example\n * <TfSingleIdSearchInput name=\"ownerId\" label=\"Owner\" />\n \n */\nexport function TfSingleIdSearchInput<T extends BaseSearchableResource>({\n    isDisabled,\n    ...props\n}: Omit<React.ComponentProps<typeof SingleIdSearchInput<T>>, 'value' | 'onChange' | 'onBlur'>) {\n    const field = useFieldContext<string | null>({ disabled: isDisabled });\n    return (\n        <SingleIdSearchInput\n            requiredIndicator={field.isRequired}\n            isDisabled={isDisabled || field.isSubmitting}\n            value={field.state.value}\n            onBlur={_ => field.handleBlur()}\n            onChange={e => field.handleChange(e)}\n            isInvalid={!!getFieldErrorMessage(field)}\n            errorMessage={getFieldErrorMessage(field)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Form-integrated multi-select ID input (field wrapper).\n *\n * Integrates `MultipleIdSearchInput` into the form system using `useFieldContext`.\n * - wires `value`, `onChange`, and `onBlur`\n * - disables the control while the form is submitting\n * - surfaces field-level error messages\n *\n * @example\n * <TfMultipleIdSearchInput name=\"reviewerIds\" label=\"Reviewers\" />\n *\n */\nexport function TfMultipleIdSearchInput<T extends BaseSearchableResource>({\n    isDisabled,\n    ...props\n}: Omit<React.ComponentProps<typeof MultipleIdSearchInput<T>>, 'value' | 'onChange'>) {\n    const field = useFieldContext<string[]>({ disabled: isDisabled });\n    return (\n        <MultipleIdSearchInput\n            requiredIndicator={field.isRequired}\n            isDisabled={isDisabled || field.isSubmitting}\n            value={field.state.value}\n            onBlur={_ => field.handleBlur()}\n            onChange={e => field.handleChange(e)}\n            isInvalid={!!getFieldErrorMessage(field)}\n            errorMessage={getFieldErrorMessage(field)}\n            {...props}\n        />\n    );\n}\n"],"names":["getResourceLabel","item","isSearchableResourceArray","value","hasName","hasDisplayName","BaseIdSearchInput","label","description","errorMessage","requiredIndicator","isDisabled","isInvalid","onBlur","path","onChange","renderLabel","accessor","getItemLabel","defaultParams","className","emptyOption","props","generatedId","useId","fieldId","client","useCtxClient","itemLabel","itemTextValue","search","_setSearch","useState","data","isError","isFetching","error","useQuery","responseData","jsx","FormField","AriaSelect","jsxs","PopoverTrigger","o","SelectTrigger","SelectPopover","Autocomplete","SearchField","Loader","Menu","itemId","MenuItem","SingleIdSearchInput","selectedKeys","e","val","v","d","isEmptyValue","getEmptyLabel","match","di","MultipleIdSearchInput","vals","values","TagGroup","keys","name","textValue","Tag","TfSingleIdSearchInput","field","useFieldContext","_","getFieldErrorMessage","TfMultipleIdSearchInput"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "6.7.2",
+  "version": "6.7.3",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",