@cryptlex/web-components 6.6.113 → 6.6.115

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

@@ -1074,6 +1074,8 @@ export declare const DataTableContext: React.Context<{
         id: string;
     } | {
         id: string;
+    } | {
+        id: string;
     } | {
         resellerId: string;
     } | {
@@ -1975,6 +1977,8 @@ export declare function useDataTable(): {
         id: string;
     } | {
         id: string;
+    } | {
+        id: string;
     } | {
         resellerId: string;
     } | {

package/dist/components/data-table.js

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

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

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

package/dist/components/dialog.js

@@ -1,2 +1,2 @@
-"use client";import{jsxs as g,jsx as i,Fragment as x}from"react/jsx-runtime";import{cva as p}from"class-variance-authority";import{createContext as h,useState as u,useContext as b}from"react";import{DialogTrigger as v,Modal as D,Dialog as w,composeRenderProps as m,ModalOverlay as C,Heading as N}from"react-aria-components";import{Button as y}from"./button.js";import{classNames as n}from"../utilities/theme.js";import{useIsMobile as z}from"../utilities/use-mobile.js";import{IcClose as O}from"./icons.js";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";const P=p(["fixed z-50 gap-icon bg-elevation-mid transition ease-in-out","data-[entering]:duration-200 data-[entering]:animate-in data-[entering]:fade-in-0 data-[exiting]:duration-200  data-[exiting]:animate-out data-[exiting]:fade-out-0"],{variants:{side:{top:"inset-x-0 top-0 border-b data-[entering]:slide-in-from-top data-[exiting]:slide-out-to-top max-h-table",bottom:"inset-x-0 bottom-0 border-t rounded-t-xl data-[entering]:slide-in-from-bottom data-[exiting]:slide-out-to-bottom max-h-[80dvh]",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[entering]:slide-in-from-left data-[exiting]:slide-out-to-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4  border-l data-[entering]:slide-in-from-right data-[exiting]:slide-out-to-right sm:max-w-sm"}}}),M=v,T=({className:t,isDismissable:e=!0,...o})=>i(C,{isDismissable:e,className:m(t,a=>n("fixed inset-0 z-50 bg-background/50","data-[exiting]:duration-100 data-[exiting]:animate-out","data-[entering]:animate-in",a)),...o});function j({className:t,children:e,side:o,role:a,closeButton:l=!0,...s}){return i(D,{className:m(t,r=>n(o?P({side:o}):["fixed left-[50vw] top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border rounded-md bg-elevation-mid duration-100 data-[exiting]:duration-100 data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 md:w-full"],r)),...s,children:i(w,{role:a,className:n(!o&&"grid h-full gap-icon relative","h-full outline-none"),children:m(e,(r,d)=>g(x,{children:[r,l&&i("div",{className:"absolute right-2 top-1",children:g(y,{size:"icon",variant:"ghost",onPress:d.close,className:"!rounded-full",children:[i(O,{}),i("span",{className:"sr-only",children:"Close"})]})})]}))})})}function A({className:t,...e}){return i("div",{className:n("flex flex-col p-icon border-b gap-y-2 text-left bg-elevation-mid",t),...e})}function G({className:t,...e}){return i("div",{className:n("flex flex-row justify-end gap-2 p-icon border-t *:flex-1 sm:*:flex-none",t),...e})}function J({className:t,...e}){return i("div",{className:n("flex flex-col gap-2 p-icon max-h-[60dvh] overflow-auto",t),...e})}function K({className:t,...e}){return i(N,{slot:"title",className:n("heading-3 font-semibold leading-none tracking-tight",t),...e})}function L({className:t,...e}){return i("p",{className:n("flex flex-col gap-y-1 text-center sm:text-left",t),...e})}const c=h(null);function Q({children:t}){const[e,o]=u(!1),[a,l]=u(null),s=f=>{l(f),o(!0)},r=()=>{o(!1)},d=z();return g(c.Provider,{value:{openDialog:s,closeDialog:r,isOpen:e},children:[t,i(M,{isOpen:e,onOpenChange:o,children:i(T,{isDismissable:!0,children:i(j,{side:d?"bottom":void 0,children:a})})})]})}function U(){const t=b(c);if(!t)throw new Error("useControlledDialog must be used within ControlledDialogProvider");return t}export{Q as ControlledDialogProvider,J as DialogBody,j as DialogContent,L as DialogDescription,G as DialogFooter,A as DialogHeader,T as DialogOverlay,K as DialogTitle,M as DialogTrigger,U as useControlledDialog};
+"use client";import{jsxs as m,jsx as o,Fragment as p}from"react/jsx-runtime";import{cva as h}from"class-variance-authority";import{createContext as b,useState as c,useContext as v}from"react";import{DialogTrigger as D,Modal as w,Dialog as C,composeRenderProps as u,ModalOverlay as N,Heading as y}from"react-aria-components";import{Button as z}from"./button.js";import{classNames as n}from"../utilities/theme.js";import{useIsMobile as f}from"../utilities/use-mobile.js";import{IcClose as M}from"./icons.js";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";const O=h(["fixed z-50 gap-icon bg-elevation-mid transition ease-in-out","data-[entering]:duration-200 data-[entering]:animate-in data-[entering]:fade-in-0 data-[exiting]:duration-200  data-[exiting]:animate-out data-[exiting]:fade-out-0"],{variants:{side:{top:"inset-x-0 top-0 border-b data-[entering]:slide-in-from-top data-[exiting]:slide-out-to-top max-h-table",bottom:"inset-x-0 bottom-0 border-t rounded-t-xl data-[entering]:slide-in-from-bottom data-[exiting]:slide-out-to-bottom max-h-[80dvh]",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[entering]:slide-in-from-left data-[exiting]:slide-out-to-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4  border-l data-[entering]:slide-in-from-right data-[exiting]:slide-out-to-right sm:max-w-sm"}}}),P=D,T=({className:t,isDismissable:e=!0,...i})=>o(N,{isDismissable:e,className:u(t,a=>n("fixed inset-0 z-50 bg-background/50","data-[exiting]:duration-100 data-[exiting]:animate-out","data-[entering]:animate-in",a)),...i});function j({className:t,children:e,side:i,role:a,closeButton:l=!0,...s}){const d=f();return i=i??(d?"bottom":void 0),o(w,{className:u(t,r=>n(i?O({side:i}):["fixed left-[50vw] top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border rounded-md bg-elevation-mid duration-100 data-[exiting]:duration-100 data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 md:w-full"],r)),...s,children:o(C,{role:a,className:n(!i&&"grid h-full gap-icon relative","h-full outline-none"),children:u(e,(r,g)=>m(p,{children:[r,l&&o("div",{className:"absolute right-2 top-1",children:m(z,{size:"icon",variant:"ghost",onPress:g.close,className:"!rounded-full",children:[o(M,{}),o("span",{className:"sr-only",children:"Close"})]})})]}))})})}function A({className:t,...e}){return o("div",{className:n("flex flex-col p-icon border-b gap-y-2 text-left bg-elevation-mid",t),...e})}function G({className:t,...e}){return o("div",{className:n("flex flex-row justify-end gap-2 p-icon border-t *:flex-1 sm:*:flex-none",t),...e})}function J({className:t,...e}){return o("div",{className:n("flex flex-col gap-2 p-icon max-h-[60dvh] overflow-auto",t),...e})}function K({className:t,...e}){return o(y,{slot:"title",className:n("heading-4 font-semibold leading-none tracking-tight",t),...e})}function L({className:t,...e}){return o("p",{className:n("flex flex-col gap-y-1 text-center sm:text-left",t),...e})}const x=b(null);function Q({children:t}){const[e,i]=c(!1),[a,l]=c(null),s=g=>{l(g),i(!0)},d=()=>{i(!1)},r=f();return m(x.Provider,{value:{openDialog:s,closeDialog:d,isOpen:e},children:[t,o(P,{isOpen:e,onOpenChange:i,children:o(T,{isDismissable:!0,children:o(j,{side:r?"bottom":void 0,children:a})})})]})}function U(){const t=v(x);if(!t)throw new Error("useControlledDialog must be used within ControlledDialogProvider");return t}export{Q as ControlledDialogProvider,J as DialogBody,j as DialogContent,L as DialogDescription,G as DialogFooter,A as DialogHeader,T as DialogOverlay,K as DialogTitle,P as DialogTrigger,U as useControlledDialog};
 //# sourceMappingURL=dialog.js.map

package/dist/components/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../lib/components/dialog.tsx"],"sourcesContent":["'use client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useState } from 'react';\nimport {\n    Dialog as AriaDialog,\n    DialogProps as AriaDialogProps,\n    DialogTrigger as AriaDialogTrigger,\n    Heading as AriaHeading,\n    HeadingProps as AriaHeadingProps,\n    Modal as AriaModal,\n    ModalOverlay as AriaModalOverlay,\n    ModalOverlayProps as AriaModalOverlayProps,\n    composeRenderProps,\n} from 'react-aria-components';\n\nimport { Button } from '../components/button';\nimport { classNames } from '../utilities/theme';\nimport { useIsMobile } from '../utilities/use-mobile';\nimport { IcClose } from './icons';\n\n/**\n * Visual variants for the sheet-style dialog (slide in from an edge).\n *\n * @remarks\n * Internally used to style `<DialogContent side=\"...\">`.\n */\nconst sheetVariants = cva(\n    [\n        'fixed z-50 gap-icon bg-elevation-mid transition ease-in-out',\n        'data-[entering]:duration-200 data-[entering]:animate-in data-[entering]:fade-in-0 data-[exiting]:duration-200  data-[exiting]:animate-out data-[exiting]:fade-out-0',\n    ],\n    {\n        variants: {\n            side: {\n                top: 'inset-x-0 top-0 border-b data-[entering]:slide-in-from-top data-[exiting]:slide-out-to-top max-h-table',\n                bottom: 'inset-x-0 bottom-0 border-t rounded-t-xl data-[entering]:slide-in-from-bottom data-[exiting]:slide-out-to-bottom max-h-[80dvh]',\n                left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[entering]:slide-in-from-left data-[exiting]:slide-out-to-left sm:max-w-sm',\n                right: 'inset-y-0 right-0 h-full w-3/4  border-l data-[entering]:slide-in-from-right data-[exiting]:slide-out-to-right sm:max-w-sm',\n            },\n        },\n    }\n);\n\n/**\n * Opens the dialog when interacted with (click/press).\n *\n * @remarks\n * Compose this around any control that should open the dialog.\n *\n * @example\n * ```tsx\n * <DialogTrigger>\n *   <Button>Open</Button>\n *   <DialogOverlay>\n *     <DialogContent>...</DialogContent>\n *   </DialogOverlay>\n * </DialogTrigger>\n * ```\n */\nexport const DialogTrigger = AriaDialogTrigger;\n\nexport const DialogOverlay = ({ className, isDismissable = true, ...props }: AriaModalOverlayProps) => {\n    return (\n        <AriaModalOverlay\n            isDismissable={isDismissable}\n            className={composeRenderProps(className, className =>\n                classNames(\n                    'fixed inset-0 z-50 bg-background/50',\n                    /* Exiting */\n                    'data-[exiting]:duration-100 data-[exiting]:animate-out',\n                    /* Entering */\n                    'data-[entering]:animate-in',\n                    className\n                )\n            )}\n            {...props}\n        />\n    );\n};\n\n/** Props for {@link DialogContent}. */\nexport interface DialogContentProps\n    extends Omit<React.ComponentProps<typeof AriaModal>, 'children'>,\n        VariantProps<typeof sheetVariants> {\n    /**\n     * Render function or nodes for the dialog panel contents.\n     */\n    children?: AriaDialogProps['children'];\n\n    /**\n     * ARIA role of the dialog.\n     *\n     * Use `\"alertdialog\"` for destructive/confirmation flows that require\n     * explicit acknowledgement.\n     * @defaultValue \"dialog\"\n     */\n    role?: AriaDialogProps['role'];\n\n    /**\n     * Show a built-in close button in the top-right corner.\n     * @defaultValue true\n     */\n    closeButton?: boolean;\n}\n\n/**\n * Dialog panel container. Renders either a centered modal or a sheet\n * from an edge when `side` is provided.\n *\n * @example Basic\n * ```tsx\n * <DialogTrigger>\n *   <Button>Open</Button>\n *   <DialogOverlay>\n *     <DialogContent>\n *       <DialogHeader>\n *         <DialogTitle>Sign up</DialogTitle>\n *       </DialogHeader>\n *       ...\n *     </DialogContent>\n *   </DialogOverlay>\n * </DialogTrigger>\n * ```\n */\nexport function DialogContent({ className, children, side, role, closeButton = true, ...props }: DialogContentProps) {\n    return (\n        <AriaModal\n            className={composeRenderProps(className, className =>\n                classNames(\n                    side\n                        ? sheetVariants({ side })\n                        : [\n                              'fixed left-[50vw] top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border rounded-md bg-elevation-mid duration-100 data-[exiting]:duration-100 data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 md:w-full',\n                          ],\n                    className\n                )\n            )}\n            {...props}\n        >\n            <AriaDialog\n                role={role}\n                className={classNames(!side && 'grid h-full gap-icon relative', 'h-full outline-none')}\n            >\n                {composeRenderProps(children, (children, renderProps) => (\n                    <>\n                        {children}\n                        {closeButton && (\n                            <div className=\"absolute right-2 top-1\">\n                                <Button\n                                    size={'icon'}\n                                    variant={'ghost'}\n                                    onPress={renderProps.close}\n                                    className=\"!rounded-full\"\n                                >\n                                    <IcClose />\n                                    <span className=\"sr-only\">Close</span>\n                                </Button>\n                            </div>\n                        )}\n                    </>\n                ))}\n            </AriaDialog>\n        </AriaModal>\n    );\n}\n\n/**\n * Header region for the dialog panel.\n *\n * @example\n * ```tsx\n * <DialogHeader>\n *   <DialogTitle>Settings</DialogTitle>\n * </DialogHeader>\n * ```\n */\nexport function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n    return (\n        <div\n            className={classNames('flex flex-col p-icon border-b gap-y-2 text-left bg-elevation-mid', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Footer region that aligns action buttons.\n *\n * @example\n * ```tsx\n * <DialogFooter>\n *   <Button variant=\"outline\">Cancel</Button>\n *   <Button>Save</Button>\n * </DialogFooter>\n * ```\n */\nexport function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n    return (\n        <div\n            className={classNames('flex flex-row justify-end gap-2 p-icon border-t *:flex-1 sm:*:flex-none', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Body section of the dialog\n */\nexport function DialogBody({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n    return (\n        <div className={classNames('flex flex-col gap-2 p-icon max-h-[60dvh] overflow-auto', className)} {...props} />\n    );\n}\n\n/**\n * Heading element mapped to the dialog title (announced by screen readers).\n *\n * @remarks\n * Sets `slot=\"title\"` so RAC wires it to the dialog.\n */\nexport function DialogTitle({ className, ...props }: AriaHeadingProps) {\n    return (\n        <AriaHeading\n            slot=\"title\"\n            className={classNames('heading-3 font-semibold leading-none tracking-tight', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Short explanatory text under the title.\n *\n * @example\n * ```tsx\n * <DialogDescription>\n *   This action cannot be undone.\n * </DialogDescription>\n * ```\n */\nexport function DialogDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) {\n    return <p className={classNames('flex flex-col gap-y-1 text-center sm:text-left', className)} {...props} />;\n}\n\n/**\n * Context type for controlled dialog state and actions.\n */\ntype ControlledDialogContextType = {\n    /** Opens the dialog with the provided content */\n    openDialog: (content: ReactNode) => void;\n    /** Closes the dialog */\n    closeDialog: () => void;\n    /** Whether the dialog is currently open */\n    isOpen: boolean;\n};\n\nconst ControlledDialogContext = createContext<ControlledDialogContextType | null>(null);\n\n/**\n * Provider that manages a scoped dialog controlled via hooks.\n *\n * @example\n * ```tsx\n * <ControlledDialogProvider>\n *   <MyComponent />\n * </ControlledDialogProvider>\n *\n * // Inside MyComponent:\n * function MyComponent() {\n *   const { openDialog } = useControlledDialog();\n *   return (\n *     <Button onPress={() => openDialog(<div>Dialog content</div>)}>\n *       Open Dialog\n *     </Button>\n *   );\n * }\n * ```\n */\nexport function ControlledDialogProvider({ children }: { children: ReactNode }) {\n    const [isOpen, setIsOpen] = useState(false);\n    const [content, setContent] = useState<ReactNode>(null);\n\n    const openDialog = (dialogContent: ReactNode) => {\n        setContent(dialogContent);\n        setIsOpen(true);\n    };\n\n    const closeDialog = () => {\n        setIsOpen(false);\n    };\n    const isMobile = useIsMobile();\n    return (\n        <ControlledDialogContext.Provider value={{ openDialog, closeDialog, isOpen }}>\n            {children}\n            <DialogTrigger isOpen={isOpen} onOpenChange={setIsOpen}>\n                <DialogOverlay isDismissable>\n                    <DialogContent side={isMobile ? 'bottom' : undefined}>{content}</DialogContent>\n                </DialogOverlay>\n            </DialogTrigger>\n        </ControlledDialogContext.Provider>\n    );\n}\n\n/**\n * Hook to access the controlled dialog from within a ControlledDialogProvider.\n *\n * @throws Error if used outside of ControlledDialogProvider\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { openDialog, closeDialog, isOpen } = useControlledDialog();\n *\n *   return (\n *     <Button onPress={() => openDialog(\n *       <DialogHeader>\n *         <DialogTitle>Confirm</DialogTitle>\n *       </DialogHeader>\n *     )}>\n *       Open\n *     </Button>\n *   );\n * }\n * ```\n */\nexport function useControlledDialog() {\n    const context = useContext(ControlledDialogContext);\n    if (!context) {\n        throw new Error('useControlledDialog must be used within ControlledDialogProvider');\n    }\n    return context;\n}\n"],"names":["sheetVariants","cva","DialogTrigger","AriaDialogTrigger","DialogOverlay","className","isDismissable","props","jsx","AriaModalOverlay","composeRenderProps","classNames","DialogContent","children","side","role","closeButton","AriaModal","AriaDialog","renderProps","jsxs","Fragment","Button","IcClose","DialogHeader","DialogFooter","DialogBody","DialogTitle","AriaHeading","DialogDescription","ControlledDialogContext","createContext","ControlledDialogProvider","isOpen","setIsOpen","useState","content","setContent","openDialog","dialogContent","closeDialog","isMobile","useIsMobile","useControlledDialog","context","useContext"],"mappings":"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"}
+{"version":3,"file":"dialog.js","sources":["../../lib/components/dialog.tsx"],"sourcesContent":["'use client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useState } from 'react';\nimport {\n    Dialog as AriaDialog,\n    DialogProps as AriaDialogProps,\n    DialogTrigger as AriaDialogTrigger,\n    Heading as AriaHeading,\n    HeadingProps as AriaHeadingProps,\n    Modal as AriaModal,\n    ModalOverlay as AriaModalOverlay,\n    ModalOverlayProps as AriaModalOverlayProps,\n    composeRenderProps,\n} from 'react-aria-components';\n\nimport { Button } from '../components/button';\nimport { classNames } from '../utilities/theme';\nimport { useIsMobile } from '../utilities/use-mobile';\nimport { IcClose } from './icons';\n\n/**\n * Visual variants for the sheet-style dialog (slide in from an edge).\n *\n * @remarks\n * Internally used to style `<DialogContent side=\"...\">`.\n */\nconst sheetVariants = cva(\n    [\n        'fixed z-50 gap-icon bg-elevation-mid transition ease-in-out',\n        'data-[entering]:duration-200 data-[entering]:animate-in data-[entering]:fade-in-0 data-[exiting]:duration-200  data-[exiting]:animate-out data-[exiting]:fade-out-0',\n    ],\n    {\n        variants: {\n            side: {\n                top: 'inset-x-0 top-0 border-b data-[entering]:slide-in-from-top data-[exiting]:slide-out-to-top max-h-table',\n                bottom: 'inset-x-0 bottom-0 border-t rounded-t-xl data-[entering]:slide-in-from-bottom data-[exiting]:slide-out-to-bottom max-h-[80dvh]',\n                left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[entering]:slide-in-from-left data-[exiting]:slide-out-to-left sm:max-w-sm',\n                right: 'inset-y-0 right-0 h-full w-3/4  border-l data-[entering]:slide-in-from-right data-[exiting]:slide-out-to-right sm:max-w-sm',\n            },\n        },\n    }\n);\n\n/**\n * Opens the dialog when interacted with (click/press).\n *\n * @remarks\n * Compose this around any control that should open the dialog.\n *\n * @example\n * ```tsx\n * <DialogTrigger>\n *   <Button>Open</Button>\n *   <DialogOverlay>\n *     <DialogContent>...</DialogContent>\n *   </DialogOverlay>\n * </DialogTrigger>\n * ```\n */\nexport const DialogTrigger = AriaDialogTrigger;\n\nexport const DialogOverlay = ({ className, isDismissable = true, ...props }: AriaModalOverlayProps) => {\n    return (\n        <AriaModalOverlay\n            isDismissable={isDismissable}\n            className={composeRenderProps(className, className =>\n                classNames(\n                    'fixed inset-0 z-50 bg-background/50',\n                    /* Exiting */\n                    'data-[exiting]:duration-100 data-[exiting]:animate-out',\n                    /* Entering */\n                    'data-[entering]:animate-in',\n                    className\n                )\n            )}\n            {...props}\n        />\n    );\n};\n\n/** Props for {@link DialogContent}. */\nexport interface DialogContentProps\n    extends Omit<React.ComponentProps<typeof AriaModal>, 'children'>,\n        VariantProps<typeof sheetVariants> {\n    /**\n     * Render function or nodes for the dialog panel contents.\n     */\n    children?: AriaDialogProps['children'];\n\n    /**\n     * ARIA role of the dialog.\n     *\n     * Use `\"alertdialog\"` for destructive/confirmation flows that require\n     * explicit acknowledgement.\n     * @defaultValue \"dialog\"\n     */\n    role?: AriaDialogProps['role'];\n\n    /**\n     * Show a built-in close button in the top-right corner.\n     * @defaultValue true\n     */\n    closeButton?: boolean;\n}\n\n/**\n * Dialog panel container. Renders either a centered modal or a sheet\n * from an edge when `side` is provided.\n *\n * @example Basic\n * ```tsx\n * <DialogTrigger>\n *   <Button>Open</Button>\n *   <DialogOverlay>\n *     <DialogContent>\n *       <DialogHeader>\n *         <DialogTitle>Sign up</DialogTitle>\n *       </DialogHeader>\n *       ...\n *     </DialogContent>\n *   </DialogOverlay>\n * </DialogTrigger>\n * ```\n */\nexport function DialogContent({ className, children, side, role, closeButton = true, ...props }: DialogContentProps) {\n    const isMobile = useIsMobile();\n    side = side ?? (isMobile ? 'bottom' : undefined);\n    return (\n        <AriaModal\n            className={composeRenderProps(className, className =>\n                classNames(\n                    side\n                        ? sheetVariants({ side })\n                        : [\n                              'fixed left-[50vw] top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border rounded-md bg-elevation-mid duration-100 data-[exiting]:duration-100 data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 md:w-full',\n                          ],\n                    className\n                )\n            )}\n            {...props}\n        >\n            <AriaDialog\n                role={role}\n                className={classNames(!side && 'grid h-full gap-icon relative', 'h-full outline-none')}\n            >\n                {composeRenderProps(children, (children, renderProps) => (\n                    <>\n                        {children}\n                        {closeButton && (\n                            <div className=\"absolute right-2 top-1\">\n                                <Button\n                                    size={'icon'}\n                                    variant={'ghost'}\n                                    onPress={renderProps.close}\n                                    className=\"!rounded-full\"\n                                >\n                                    <IcClose />\n                                    <span className=\"sr-only\">Close</span>\n                                </Button>\n                            </div>\n                        )}\n                    </>\n                ))}\n            </AriaDialog>\n        </AriaModal>\n    );\n}\n\n/**\n * Header region for the dialog panel.\n *\n * @example\n * ```tsx\n * <DialogHeader>\n *   <DialogTitle>Settings</DialogTitle>\n * </DialogHeader>\n * ```\n */\nexport function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n    return (\n        <div\n            className={classNames('flex flex-col p-icon border-b gap-y-2 text-left bg-elevation-mid', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Footer region that aligns action buttons.\n *\n * @example\n * ```tsx\n * <DialogFooter>\n *   <Button variant=\"outline\">Cancel</Button>\n *   <Button>Save</Button>\n * </DialogFooter>\n * ```\n */\nexport function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n    return (\n        <div\n            className={classNames('flex flex-row justify-end gap-2 p-icon border-t *:flex-1 sm:*:flex-none', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Body section of the dialog\n */\nexport function DialogBody({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n    return (\n        <div className={classNames('flex flex-col gap-2 p-icon max-h-[60dvh] overflow-auto', className)} {...props} />\n    );\n}\n\n/**\n * Heading element mapped to the dialog title (announced by screen readers).\n *\n * @remarks\n * Sets `slot=\"title\"` so RAC wires it to the dialog.\n */\nexport function DialogTitle({ className, ...props }: AriaHeadingProps) {\n    return (\n        <AriaHeading\n            slot=\"title\"\n            className={classNames('heading-4 font-semibold leading-none tracking-tight', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Short explanatory text under the title.\n *\n * @example\n * ```tsx\n * <DialogDescription>\n *   This action cannot be undone.\n * </DialogDescription>\n * ```\n */\nexport function DialogDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) {\n    return <p className={classNames('flex flex-col gap-y-1 text-center sm:text-left', className)} {...props} />;\n}\n\n/**\n * Context type for controlled dialog state and actions.\n */\ntype ControlledDialogContextType = {\n    /** Opens the dialog with the provided content */\n    openDialog: (content: ReactNode) => void;\n    /** Closes the dialog */\n    closeDialog: () => void;\n    /** Whether the dialog is currently open */\n    isOpen: boolean;\n};\n\nconst ControlledDialogContext = createContext<ControlledDialogContextType | null>(null);\n\n/**\n * Provider that manages a scoped dialog controlled via hooks.\n *\n * @example\n * ```tsx\n * <ControlledDialogProvider>\n *   <MyComponent />\n * </ControlledDialogProvider>\n *\n * // Inside MyComponent:\n * function MyComponent() {\n *   const { openDialog } = useControlledDialog();\n *   return (\n *     <Button onPress={() => openDialog(<div>Dialog content</div>)}>\n *       Open Dialog\n *     </Button>\n *   );\n * }\n * ```\n */\nexport function ControlledDialogProvider({ children }: { children: ReactNode }) {\n    const [isOpen, setIsOpen] = useState(false);\n    const [content, setContent] = useState<ReactNode>(null);\n\n    const openDialog = (dialogContent: ReactNode) => {\n        setContent(dialogContent);\n        setIsOpen(true);\n    };\n\n    const closeDialog = () => {\n        setIsOpen(false);\n    };\n    const isMobile = useIsMobile();\n    return (\n        <ControlledDialogContext.Provider value={{ openDialog, closeDialog, isOpen }}>\n            {children}\n            <DialogTrigger isOpen={isOpen} onOpenChange={setIsOpen}>\n                <DialogOverlay isDismissable>\n                    <DialogContent side={isMobile ? 'bottom' : undefined}>{content}</DialogContent>\n                </DialogOverlay>\n            </DialogTrigger>\n        </ControlledDialogContext.Provider>\n    );\n}\n\n/**\n * Hook to access the controlled dialog from within a ControlledDialogProvider.\n *\n * @throws Error if used outside of ControlledDialogProvider\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { openDialog, closeDialog, isOpen } = useControlledDialog();\n *\n *   return (\n *     <Button onPress={() => openDialog(\n *       <DialogHeader>\n *         <DialogTitle>Confirm</DialogTitle>\n *       </DialogHeader>\n *     )}>\n *       Open\n *     </Button>\n *   );\n * }\n * ```\n */\nexport function useControlledDialog() {\n    const context = useContext(ControlledDialogContext);\n    if (!context) {\n        throw new Error('useControlledDialog must be used within ControlledDialogProvider');\n    }\n    return context;\n}\n"],"names":["sheetVariants","cva","DialogTrigger","AriaDialogTrigger","DialogOverlay","className","isDismissable","props","jsx","AriaModalOverlay","composeRenderProps","classNames","DialogContent","children","side","role","closeButton","isMobile","useIsMobile","AriaModal","AriaDialog","renderProps","jsxs","Fragment","Button","IcClose","DialogHeader","DialogFooter","DialogBody","DialogTitle","AriaHeading","DialogDescription","ControlledDialogContext","createContext","ControlledDialogProvider","isOpen","setIsOpen","useState","content","setContent","openDialog","dialogContent","closeDialog","useControlledDialog","context","useContext"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "6.6.113",
+  "version": "6.6.115",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
@@ -48,7 +48,7 @@
     "*.{ts,tsx,css,scss,json}": "prettier --write"
   },
   "peerDependencies": {
-    "@cryptlex/web-api-types": "2.163.0",
+    "@cryptlex/web-api-types": "2.164.0",
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",