@cryptlex/web-components 6.6.71 → 6.6.73

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

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

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 Q,getLocalTimeZone as G}from"@internationalized/date";import{createContext as qe,useContext as je,useState as D,useMemo as U,useEffect as W,useRef as we,Fragment as $e}from"react";import{Button as w}from"./button.js";import{useSensors as Ee,useSensor as me,PointerSensor as He,KeyboardSensor as Ve,DndContext as ke,closestCenter as Ke,DragOverlay as Be}from"@dnd-kit/core";import{sortableKeyboardCoordinates as Qe,SortableContext as Ge,verticalListSortingStrategy as Ue,arrayMove as Ze,useSortable as Xe}from"@dnd-kit/sortable";import{CSS as Ye}from"@dnd-kit/utilities";import{useQuery as Je,useInfiniteQuery as We}from"@tanstack/react-query";import{createColumnHelper as xe,useReactTable as et,getCoreRowModel as tt,flexRender as Y}from"@tanstack/react-table";import{useLocalStorage as Z}from"@uidotdev/usehooks";import{merge as nt}from"lodash-es";import{Badge as ge}from"./badge.js";import{DatePicker as X}from"./date-picker.js";import{EasyMenu as R,MenuItem as T}from"./menu.js";import{MultiSelect as rt}from"./multi-select.js";import{NumberField as at}from"./numberfield.js";import{PopoverTrigger as ot,Popover as it}from"./popover.js";import{TextField as st}from"./textfield.js";import{formatDate as H}from"../utilities/date.js";import{useProjectName as ee,useResourceFormatter as te,ALL_OS as lt}from"../utilities/resources.js";import{classNames as N}from"../utilities/theme.js";import{IcRefresh as ct,IcMenu as ut,IcLayoutGrid as dt,IcColumns as mt,IcGrip as gt,IcFirst as pt,IcLeft as ft,IcRight as bt,IcLast as ht,IcMoreVertical as vt,IcInfo as yt,IcSortAsc as St,IcSortDesc as wt,IcSortNone as xt,IcCheck as pe,IcMinus as Ct,IcAccount as Nt,IcLicense as It,IcDate as Pt,IcFile as At,IcFilter as Tt}from"./icons.js";import{MultipleIdSearchInput as Ft}from"./id-search.js";import{Loader as Ce}from"./loader.js";import{SearchField as Dt}from"./searchfield.js";import{Table as Ot,TableHeader as Rt,TableRow as fe,TableHead as zt,TableBody as Mt,TableCell as Lt}from"./table.js";import{CountryName as _t}from"../utilities/countries.js";import{Duration as qt}from"../utilities/duration.js";import{formatDays as jt,formatFilesize as $t,formatNumber as Et}from"../utilities/numbers.js";import{Checkbox as be}from"./checkbox.js";import{TooltipTrigger as Ht,Tooltip as Vt}from"./tooltip.js";import{getSubscriptionStartTriggerLabel as kt,ALL_LICENSE_TYPES as Kt}from"./select-options.js";import{useCtxClient as Bt}from"../utilities/ctx-client.js";import{ControlledDialogProvider as Qt,useControlledDialog as Ne}from"./dialog.js";import{TagGroup as Gt,Tag as Ut}from"./tag-group.js";import"class-variance-authority";import"react-aria-components";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 Zt(e){return e?e.desc?`-${e.id}`:`+${e.id}`:"-createdAt"}const Ie=xe(),Xt=[Ie.accessor("checkbox",{header:({table:e})=>t(be,{isIndeterminate:e.getIsSomeRowsSelected()&&!e.getIsAllPageRowsSelected(),isSelected:e.getIsAllPageRowsSelected()||e.getIsSomePageRowsSelected(),onChange:()=>e.toggleAllPageRowsSelected(),"aria-label":"Select all",size:"sm"}),cell:({row:e})=>t(be,{isSelected:e.getIsSelected(),onChange:()=>e.toggleSelected(),"aria-label":"Select row",size:"sm"}),enableSorting:!1,enableHiding:!1})],I="TableActions";function Yt(e){return e.length===0?[]:[Ie.accessor(I,{header:"Actions",id:I,enableHiding:!1,cell:({row:r})=>t(cn,{label:t(vt,{}),data:r.original,items:e}),enableSorting:!1})]}function pr(){return xe()}function fr({path:e,pathParameters:r,columns:a,filterConfig:o,columnsToHideByDefault:u={},allowSelection:n=!1,initialFilters:i=[],previewFilters:s,tableActions:c,Card:m,onRowNavigate:h,disableTableView:b,include:y}){const[F,V]=D({pagination:{pageIndex:0,pageSize:20},sorting:[]}),{sorting:z,pagination:P}=F,[q,d]=D(""),[p,f]=D({}),[S,j]=D(i),M=U(()=>S.filter(l=>l.active!==!1).map(l=>l.needOperator===!1?{[l.property]:Array.isArray(l.value)?l.value.join(","):l.value}:l.operator==="between"&&Array.isArray(l.value)&&l.value.length===2?{[l.property]:{gte:l.value[0],lte:l.value[1]}}:Array.isArray(l.value)?{[l.property]:{[l.operator]:l.value.join(",")}}:{[l.property]:{[l.operator]:l.value}}).reduce((l,v)=>nt(l,v),{}),[S]),$=y?.length?y.join(","):void 0,k={...S,page:P.pageIndex+1,limit:P.pageSize,sort:Zt(z[0]),search:q,...$?{include:$}:{}},Fe=Bt(),re=["get",e,k],K=`${e}_ctx`,[ae,oe]=Z(`${K}_column_order_preference`,[]),[ie,De]=Z(`${K}_column_visibility_preference`,{id:!1,...u}),[Oe,Re]=Z(`${K}_view_mode_preference`,b?"card":"table"),A=b?"card":Oe,B=l=>{V(v=>({...v,...l}))};async function se(l){const v=await Fe.GET(e,{params:{query:{page:l,limit:P.pageSize,sort:k.sort,search:k.search,...$?{include:$}:{},...M},path:r}});return{data:v.data??[],total:Number.parseInt(v.response.headers.get("Pagination-Count")||"0"),nextPage:l+1}}const L=Je({queryKey:[...re,"table"],enabled:A==="table",queryFn:()=>se(P.pageIndex+1),placeholderData:l=>l}),C=We({queryKey:[...re,"card"],enabled:A==="card",initialPageParam:1,queryFn:({pageParam:l})=>se(l),getNextPageParam:(l,v)=>v.flatMap(_e=>_e.data).length<l.total?l.nextPage:void 0}),le=U(()=>A==="table"?L.data?.data??[]:C.data?.pages.flatMap(l=>l.data)??[],[A,L.data,C.data]),ce=U(()=>A==="table"?L.data?.total??0:C.data?.pages[0]?.total??0,[A,L.data,C.data]),ue=A==="table"?L:{...C,data:{data:le,total:ce},isLoading:C.isLoading,isFetching:C.isFetching,isError:C.isError,error:C.error,refetch:C.refetch},ze=c.filter(ne),Me=[...n?Xt:[],...a,...Yt(ze??[])];function Le(l){return typeof l=="function"}function _(l,v){return Le(l)?l(v):l}const de=et({data:le,columns:Me,getCoreRowModel:tt(),rowCount:ce,manualPagination:!0,onPaginationChange:l=>{B({pagination:_(l,P)})},manualSorting:!0,onSortingChange:l=>{f({}),B({sorting:[..._(l,z)]})},manualFiltering:!0,onColumnVisibilityChange:l=>{De(_(l,ie))},onRowSelectionChange:l=>{f(_(l,p))},onColumnOrderChange:l=>{oe(_(l,ae))},state:{sorting:z,columnVisibility:ie,pagination:P,rowSelection:p,columnOrder:ae},meta:{refetch:ue.refetch}});return W(()=>{const l=de.getAllLeafColumns();oe([...l.filter(v=>v.id!==I).map(v=>v.id),...l.filter(v=>v.id===I).map(v=>v.id)])},[]),{tableState:F,updateTableState:B,query:ue,setSearchQuery:d,searchQuery:q,tanTable:de,mergedFilters:M,filters:S,setFilters:j,filterConfig:o,tableActions:c,pathParameters:r,viewMode:A,setViewMode:Re,Card:m,allowSelection:n,previewFilters:s,infiniteQuery:C,disableTableView:b,onRowNavigate:h}}const Pe=qe(null);function x(){const e=je(Pe);if(!e)throw Error("DataTable should be used within DataTableProvider.");return e}function br({children:e,...r}){return t(Pe.Provider,{value:r,children:e})}function Jt(){const{query:e}=x();return e.isFetching?null:e.isError?g("span",{className:"flex gap-3 items-center",children:[t(yt,{}),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 Wt({cardGridClassName:e}){const{query:r,tanTable:a,viewMode:o,tableActions:u,Card:n}=x(),i=u.filter(ne),s=o==="card"&&!!n;return r.isLoading?t("div",{className:"body-sm flex items-center justify-center min-h-32",children:t(Ce,{})}):a.getRowModel().rows.length===0?t("div",{className:"body-sm flex items-center justify-center min-h-32 text-muted",children:t(Jt,{})}):s?t(en,{Card:n,actions:i,className:e}):t(sn,{className:"w-full"})}function hr({className:e,cardGridClassName:r,...a}){const{viewMode:o}=x();return t(O,{children:g(Qt,{children:[t(an,{}),g("section",{...a,className:N("z-20 flex flex-col",o==="table"?"border rounded-md":"",e),children:[t("div",{className:"w-full overflow-auto relative rounded-md [scrollbar-width:none]",tabIndex:0,children:t(Wt,{cardGridClassName:r})}),o==="table"&&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(tn,{}),t(rn,{})]}),t(nn,{})]})]})]})})}function en({Card:e,actions:r,className:a,...o}){const{tanTable:u,allowSelection:n}=x(),{infiniteQuery:i}=x(),s=we(null);return W(()=>{const c=s.current;if(!c)return;const m=new IntersectionObserver(h=>{h[0].isIntersecting&&i.hasNextPage&&!i.isFetchingNextPage&&i.fetchNextPage()},{threshold:.1});return m.observe(c),()=>m.disconnect()},[i.hasNextPage,i.isFetchingNextPage]),g("div",{...o,className:N(a,"grid grid-cols-1 lg:grid-cols-2 gap-icon"),children:[u.getRowModel().rows.map(c=>{const m={isSelected:c.getIsSelected(),onToggle:()=>c.toggleSelected(),allowSelection:n};return t($e,{children:e(c.original,r,m)},c.id)}),t("div",{ref:s,className:"col-span-full h-4 flex items-center justify-center",children:i.isFetchingNextPage&&t(Ce,{})})]})}function tn(){if(ee()==="customer-portal")return null;const{tanTable:r}=x(),[a,o]=D(null),u=te(),n=Ee(me(He),me(Ve,{coordinateGetter:Qe}));return t(ke,{sensors:n,collisionDetection:Ke,onDragStart:s=>{const{active:c}=s;o(c.id.toString())},onDragEnd:s=>{const{active:c,over:m}=s;if(m&&c.id!==m.id){const h=r.getState().columnOrder,b=h.indexOf(c.id.toString()),y=h.indexOf(m.id.toString());r.setColumnOrder([...Ze(h,b,y)])}o(null)},children:g(Ge,{items:r.getState().columnOrder,strategy:Ue,children:[g(R,{label:g(O,{children:[t(mt,{className:"inline align-bottom me-1"}),"Columns"]}),selectionMode:"multiple",size:"sm",items:r.getAllFlatColumns(),selectedKeys:r.getVisibleFlatColumns().map(s=>s.id),children:[t(T,{onAction:()=>r.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),r.getState().columnOrder.map(s=>{const c=r.getAllFlatColumns().find(m=>m.id===s);return!c||c.id==="checkbox"||c.id===I?null:t(i,{column:c},c.id)})]}),t(Be,{children:a?t("div",{className:"opacity-70 border-2 border-primary",children:u(a)}):null})]})});function i({column:s}){const{attributes:c,listeners:m,setNodeRef:h,transform:b,transition:y}=Xe({id:s.id}),F={transform:Ye.Transform.toString(b),transition:y,zIndex:"999"};return g(T,{ref:h,style:F,...c,id:s.id,onAction:()=>s.toggleVisibility(),isDisabled:!s.getCanHide(),className:"flex items-center",children:[t(gt,{...m,className:"size-icon cursor-grab"}),J(s),s.getIsSorted()&&t(Ae,{className:"size-icon",direction:s.getIsSorted()})]})}}function nn(){const{tanTable:e}=x(),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(w,{"aria-label":"First page",onPress:()=>e.firstPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon-sm",children:t(pt,{})}),t(w,{"aria-label":"Previous page",onPress:()=>e.previousPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon-sm",children:t(ft,{})}),t(w,{"aria-label":"Next page",onPress:()=>e.nextPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon-sm",children:t(bt,{})}),t(w,{"aria-label":"Last page",onClick:()=>e.lastPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon-sm",children:t(ht,{})})]})]})}function rn(){if(ee()==="customer-portal")return null;const{tanTable:r}=x(),a=[10,20,30,40,50];return t(R,{label:r.getState().pagination.pageSize.toString(),selectionMode:"single",size:"sm",selectedKeys:[r.getState().pagination.pageSize.toString()],items:a.map(o=>({id:o.toString(),value:o})),children:o=>t(T,{onAction:()=>r.setPageSize(o.value),children:o.value})})}function an(){const{query:e,tanTable:r,searchQuery:a,setSearchQuery:o,tableActions:u,viewMode:n,setViewMode:i,Card:s,previewFilters:c,disableTableView:m}=x(),h=r.getSelectedRowModel().rows.length>0,b=u.filter(y=>y.resourceType!=="single").filter(y=>y.resourceType==="multiple"===h);return g("section",{className:"flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1",children:[g("div",{className:"flex gap-icon",children:[t(w,{"aria-label":"Refresh",isPending:e.isFetching,onClick:()=>e.refetch(),variant:"neutral",size:"icon",children:t(ct,{})}),t(Dt,{value:a,onChange:o}),t(pn,{previewFilters:c})]}),g("div",{className:"flex gap-icon",children:[t(ln,{items:b,isFetching:e.isFetching}),s&&!m&&g("div",{className:"flex gap-1 bg-elevation-1 rounded-md overflow-hidden",children:[t(w,{variant:n==="table"?"primary":"neutral",size:"icon",onPress:()=>i("table"),"aria-label":"Table view",className:"border-none",children:t(ut,{})}),t(w,{variant:n==="card"?"primary":"neutral",size:"icon",onPress:()=>i("card"),"aria-label":"Card view",className:"border-none",children:t(dt,{})})]})]})]})}function Ae({direction:e,...r}){return e==="asc"?t(St,{className:"size-3.5",...r}):e==="desc"?t(wt,{className:"size-3.5",...r}):t(xt,{className:"size-3.5",...r})}function J(e){const r=te(),a=e.columnDef.header;return typeof a=="string"?a:r(e.id)}function on(e){const r=e.column.columnDef.meta?.displayType,a=e.getValue();if(a==null)return null;switch(r){case"date":return t("span",{className:"tabular-nums",children:H(a)});case"number":return t("span",{className:"block text-right tabular-nums",children:Et(a)});case"boolean":return t(ge,{variant:a?"success":"destructive",className:"capitalize",children:String(a)});case"badge":return t(ge,{children:String(a)});case"tags":let o=Array.isArray(a)?a:[String(a)];return t(Gt,{items:o.map(u=>({id:u,name:u})),children:u=>t(Ut,{children:u.name})});case"country":return t(_t,{value:a});case"enum":return t("span",{className:"uppercase w-full",children:String(a)});case"fileSize":return $t(a);case"days":return jt(a);case"os":return lt[a]??a;case"licenseType":return Kt[a]??a;case"subscriptionInterval":return qt.formatISODuration(a);case"subscriptionStartTrigger":return kt(a);default:return String(a)}}function he({header:e}){const r=e.column.columnDef.header;return typeof r=="string"||!r?J(e.column):typeof r=="function"?typeof r(e.getContext())=="string"?J(e.column):Y(r,e.getContext()):Y(r,e.getContext())}function sn({className:e}){const{tanTable:r,onRowNavigate:a}=x(),o=(u,n,i="z-50")=>N("text-left body-sm font-medium whitespace-nowrap",u&&`sticky right-0 ${i} text-center justify-center`,n);return g(Ot,{className:N("table-auto border-0 rounded-md",e),children:[t(Rt,{className:"sticky top-0 z-10 rounded-md",children:r.getHeaderGroups().map(u=>t(fe,{children:u.headers.map(n=>g(zt,{scope:"col",colSpan:n.colSpan,className:o(n.id===I,"bg-elevation-mid"),children:[!n.column.getCanSort()&&!n.isPlaceholder&&t("div",{className:N("w-full flex items-center gap-1 text-xs uppercase",n.id===I?"justify-center":"justify-start"),children:t(he,{header:n})}),n.column.getCanSort()&&g(w,{variant:"ghost",size:"none",className:N("w-full p-1 rounded-md uppercase text-muted text-xs",n.id===I?"justify-center":"justify-start",n.column.getIsSorted()?"text-primary":""),onPress:n.column.getToggleSortingHandler(),children:[t("span",{children:t(he,{header:n})}),n.column.getIsSorted()&&t(Ae,{direction:n.column.getIsSorted()})]})]},n.id))},u.id))}),t(Mt,{children:r.getRowModel().rows.map(u=>t(fe,{className:N("group bg-elevation-1 data-[selected=true]:bg-primary/10 hover:bg-elevation-mid",a&&"cursor-pointer focus-visible:outline focus-visible:outline-ring"),"data-selected":u.getIsSelected(),...a&&{role:"link",tabIndex:0,onClick:n=>{n.target.closest('a, button, input, select, textarea, [role="button"]')||a(u.original)},onKeyDown:n=>{n.key==="Enter"&&a(u.original)}},children:u.getVisibleCells().map(n=>{const i=n.column.id===I,s=n.column.columnDef.meta?.displayType?on(n):Y(n.column.columnDef.cell,n.getContext());return t(Lt,{className:N(o(i,i?"group-hover:bg-elevation-mid bg-elevation-1":"","z-1"),i&&"flex justify-center items-center"),children:s},n.id)})},u.id))})]})}function ve(e){return e.resourceType==="none"}function ne(e){return e.resourceType==="single"}function ye(e){return e.resourceType==="multiple"}function ln({items:e,isFetching:r}){const{openDialog:a,closeDialog:o}=Ne(),{tanTable:u}=x();function n(s,c){return s.isDisabled?ve(s)?s.isDisabled():ye(s)?s.isDisabled(c):!1:!1}const i=u.getSelectedRowModel().rows.map(s=>s.original);return t(O,{children:e.map((s,c)=>{const m=s.icon,h=n(s,i)||r;return g(w,{"aria-label":s.label,type:"button",isDisabled:h,className:"animate-in fade-in slide-in-from-right-15 duration-300 transition-transform",onPress:b=>{const y={event:b,openDialog:a,closeDialog:o};ve(s)?s.onPress(y):ye(s)&&s.onPress({...y,data:i})},variant:s.variant??"neutral",children:[m&&t(m,{"aria-hidden":!0}),t("span",{children:s.label})]},`${s.label}-${c}`)})})}function cn({label:e,items:r,data:a}){const{openDialog:o,closeDialog:u}=Ne();return r.length<4?t("div",{className:"flex items-center gap-2",children:r.map((n,i)=>{const s=n.icon,c=typeof n.label=="function"?n.label(a):n.label;return g(Ht,{children:[t(w,{"aria-label":typeof c=="string"?c:void 0,isDisabled:n.isDisabled?.(a)??!1,variant:"ghost",size:"icon",onPress:()=>{const m={openDialog:o,closeDialog:u};n.onPress({...m,data:a})},children:t(s,{className:"size-icon"})}),t(Vt,{children:c})]},`${i}-${typeof c=="string"?c:""}`)})}):t(R,{withChevron:!1,"aria-label":"Actions",label:e,size:"icon",children:r.map((n,i)=>{const s=n.icon,c=typeof n.label=="function"?n.label(a):n.label;return g(T,{id:typeof c=="string"?c:void 0,isDisabled:n.isDisabled?.(a)??!1,onAction:()=>{const m={openDialog:o,closeDialog:u};ne(n)&&n.onPress({...m,data:a})},children:[t(s,{className:"size-icon"}),c]},`${i}-${typeof c=="string"?c:""}`)})})}const vr=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte","between"],Se={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"},un={eq:"=",ne:"≠",cn:"contains",nc:"!contains",sw:"starts with",ew:"ends with",in:"in",nin:"not in",gt:">",gte:"≥",lt:"<",lte:"≤",between:"↔"};function E(e,r,a=!0){const o=`${r}-${Date.now()}`,u=e==="bool"?!1:a,n=u?Te[e][0]:"eq",i={id:o,property:r,operator:n,needOperator:u};switch(e){case"bool":return{...i,type:e,value:!0};case"string":return{...i,type:e,value:""};case"date":return{...i,type:e,value:n==="between"?[new Date().toISOString(),new Date().toISOString()]:new Date().toISOString()};case"id":return{...i,type:e,value:""};case"id-search":return{...i,type:e,value:[]};case"enum":return{...i,type:e,value:new Set};case"number":return{...i,type:e,value:0}}}const Te={bool:["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 dn(e){switch(e.type){case"string":case"id":return e.value??"";case"number":return e.value?.toString()??"";case"bool":return e.value?"true":"false";case"date":if(Array.isArray(e.value)){const[r,a]=e.value;return`${H(r,{dateStyle:"short"})??""} – ${H(a,{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 mn({filter:e,filterConfig:r,pathParameters:a,onChange:o}){if(e.type==="string"||e.type==="id")return t(st,{autoFocus:!0,value:e.value??"",onChange:o,"aria-label":"Filter value"});if(e.type==="number")return t(at,{autoFocus:!0,value:e.value,onChange:o,"aria-label":"Filter value"});if(e.type==="bool")return g(R,{autoFocus:!0,label:e.value?"True":"False",variant:"neutral","aria-label":"Filter value",children:[t(T,{onAction:()=>o(!0),children:"True"}),t(T,{onAction:()=>o(!1),children:"False"})]});if(e.type==="date"){if(e.operator==="between"){const[n,i]=Array.isArray(e.value)?e.value:[new Date().toISOString(),new Date().toISOString()],s=Q(n,G()),c=Q(i,G());return g("div",{className:"flex flex-col gap-icon",children:[t(X,{autoFocus:!0,hideTimeZone:!0,label:"From",value:s,onChange:m=>o([m?m.toAbsoluteString():n,i])}),t(X,{hideTimeZone:!0,label:"To",value:c,onChange:m=>o([n,m?m.toAbsoluteString():i])})]})}const u=e.value&&!Array.isArray(e.value)?Q(e.value,G()):null;return t(X,{autoFocus:!0,hideTimeZone:!0,value:u,onChange:n=>o(n?n.toAbsoluteString():new Date().toISOString()),"aria-label":"Filter date"})}if(e.type==="enum"){const u=r[e.property];return u.type!=="enum"?null:t(rt,{autoFocus:!0,items:u.options,value:e.value??new Set,onChange:o,"aria-label":"Filter value"})}if(e.type==="id-search"){const u=r[e.property];if(u.type!=="id-search")return null;const n=a?{path:a,query:{}}:void 0;return t(Ft,{autoFocus:!0,path:u.path,accessor:u.accessor,defaultParams:n,value:e.value??[],onChange:o,"aria-label":"Filter value"})}return null}function gn({filter:e,filterConfig:r,pathParameters:a,resourceFormatter:o,onRemove:u,onUpdate:n,isOpen:i,onOpenChange:s}){const c=e.needOperator===!1?["eq"]:Te[e.type],m=dn(e),h=ee();return g(ot,{isOpen:i,onOpenChange:s,children:[t("div",{className:"relative",children:g(w,{type:"button",variant:e.active===!1?"neutral":"primary_neutral",className:"animate-in slide-in-from-left-10 fade-in",children:[t("span",{className:"font-medium",children:o(e.property)}),h!=="customer-portal"&&t("span",{children:un[e.operator]}),h!=="customer-portal"&&m&&t("span",{children:m}),e.active!==!1&&t("span",{className:"size-2 z-100 rounded-full bg-primary ms-1"})]})}),t(it,{className:"p-icon min-w-48",children:g("div",{className:"flex flex-col gap-icon",children:[(c.length>1||e.needOperator===!1)&&t(R,{label:Se[e.operator],variant:"neutral","aria-label":"Change operator",children:c.map(b=>t(T,{onAction:()=>n({operator:b}),children:Se[b]},b))}),t(mn,{filter:e,filterConfig:r,pathParameters:a,onChange:b=>n({value:b})}),t(w,{type:"button",variant:"neutral",className:"self-end",onPress:u,"aria-label":`Remove ${o(e.property)} filter`,children:"Clear"})]})})]})}function pn({className:e,previewFilters:r,...a}){const{filters:o,query:u,setFilters:n,filterConfig:i,pathParameters:s}=x(),c=te(),m=Object.keys(i).filter(d=>!o.some(p=>p.property===d)).sort(),[h,b]=D(null),y=we(!1);W(()=>{if(!y.current&&o.length===0){const d=[];r&&r.length>0&&d.push(...r.filter(p=>i[p]).map(p=>({...E(i[p].type,p,i[p].needOperator),active:!1,isPreview:!0}))),d.length>0&&n(d)}y.current=!0},[]);const F=(d,p)=>{const f=E(d,p,i[p].needOperator);n([...o,f]),b(f.id)},V=d=>{o.find(f=>f.id===d)?.isPreview?n(o.map(f=>f.id===d?{...E(i[f.property].type,f.property,i[f.property].needOperator),active:!1,isPreview:!0}:f)):n(o.filter(f=>f.id!==d))},z=()=>{n(o.filter(d=>d.isPreview).map(d=>({...E(i[d.property].type,d.property,i[d.property].needOperator),active:!1,isPreview:!0}))),b(null)},P=o.some(d=>!d.isPreview||d.active!==!1),q=(d,p)=>{n(o.map(f=>{if(f.id!==d)return f;let S=p.value!==void 0?p.value:f.value;const j=p.operator??f.operator;if(f.type==="date"&&p.operator!==void 0)if(j==="between"&&!Array.isArray(S)){const M=typeof S=="string"?S:new Date().toISOString();S=[M,M]}else j!=="between"&&Array.isArray(S)&&(S=S[0]??new Date().toISOString());return{...f,...p,value:S,active:!0}}))};return g("section",{...a,className:N("flex flex-wrap gap-icon items-center",e),children:[o.filter(d=>d.property in i).map(d=>t(gn,{filter:d,filterConfig:i,pathParameters:s,resourceFormatter:c,onRemove:()=>V(d.id),onUpdate:p=>q(d.id,p),isOpen:h===d.id,onOpenChange:p=>b(p?d.id:null)},d.id)),m.length>0&&t(R,{label:t(Tt,{}),isDisabled:u.isPending,variant:"neutral","aria-label":"Add filter",children:m.map(d=>{const p=i[d].type,f=fn[p];return g(T,{className:"!justify-between",onAction:()=>F(p,d),children:[c(d),t(f,{})]},d)})}),P&&t(w,{variant:"ghost",onPress:z,"aria-label":"Clear all filters",className:"animate-in fade-in",children:"Clear All"})]})}const fn={"id-search":At,bool:pe,date:Pt,enum:It,id:Nt,number:Ct,string:pe};export{Se as C,pn as D,hr as DataTable,Pe as DataTableContext,br as DataTableProvider,vr as F,pr as getColumnHelper,x as useDataTable,fr as useDataTableState};
+"use client";import{jsx as t,Fragment as O,jsxs as g}from"react/jsx-runtime";import{parseAbsolute as Q,getLocalTimeZone as G}from"@internationalized/date";import{createContext as qe,useContext as $e,useState as D,useMemo as U,useEffect as W,useRef as we,Fragment as Ee}from"react";import{Pressable as He}from"react-aria-components";import{Button as w}from"./button.js";import{useSensors as Ve,useSensor as me,PointerSensor as ke,KeyboardSensor as Ke,DndContext as Be,closestCenter as Qe,DragOverlay as Ge}from"@dnd-kit/core";import{sortableKeyboardCoordinates as Ue,SortableContext as Ze,verticalListSortingStrategy as Xe,arrayMove as Ye,useSortable as Je}from"@dnd-kit/sortable";import{CSS as We}from"@dnd-kit/utilities";import{useQuery as et,useInfiniteQuery as tt}from"@tanstack/react-query";import{createColumnHelper as xe,useReactTable as nt,getCoreRowModel as rt,flexRender as Y}from"@tanstack/react-table";import{useLocalStorage as Z}from"@uidotdev/usehooks";import{merge as at}from"lodash-es";import{Badge as ge}from"./badge.js";import{DatePicker as X}from"./date-picker.js";import{EasyMenu as R,MenuItem as T}from"./menu.js";import{MultiSelect as ot}from"./multi-select.js";import{NumberField as it}from"./numberfield.js";import{PopoverTrigger as st,Popover as lt}from"./popover.js";import{TextField as ct}from"./textfield.js";import{formatDate as H}from"../utilities/date.js";import{useProjectName as ee,useResourceFormatter as te,ALL_OS as ut}from"../utilities/resources.js";import{classNames as N}from"../utilities/theme.js";import{IcRefresh as dt,IcMenu as mt,IcLayoutGrid as gt,IcColumns as pt,IcGrip as ft,IcFirst as bt,IcLeft as ht,IcRight as vt,IcLast as yt,IcMoreVertical as St,IcInfo as wt,IcSortAsc as xt,IcSortDesc as Ct,IcSortNone as Nt,IcCheck as pe,IcMinus as It,IcAccount as Pt,IcLicense as At,IcDate as Tt,IcFile as Ft,IcFilter as Ce,IcDelete as Dt}from"./icons.js";import{MultipleIdSearchInput as Ot}from"./id-search.js";import{Loader as Ne}from"./loader.js";import{SearchField as Rt}from"./searchfield.js";import{Table as zt,TableHeader as Mt,TableRow as fe,TableHead as Lt,TableBody as _t,TableCell as jt}from"./table.js";import{CountryName as qt}from"../utilities/countries.js";import{Duration as $t}from"../utilities/duration.js";import{formatDays as Et,formatFilesize as Ht,formatNumber as Vt}from"../utilities/numbers.js";import{Checkbox as be}from"./checkbox.js";import{TooltipTrigger as kt,Tooltip as Kt}from"./tooltip.js";import{getSubscriptionStartTriggerLabel as Bt,ALL_LICENSE_TYPES as Qt}from"./select-options.js";import{useCtxClient as Gt}from"../utilities/ctx-client.js";import{ControlledDialogProvider as Ut,useControlledDialog as Ie}from"./dialog.js";import{TagGroup as Zt,Tag as Xt}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 Yt(e){return e?e.desc?`-${e.id}`:`+${e.id}`:"-createdAt"}const Pe=xe(),Jt=[Pe.accessor("checkbox",{header:({table:e})=>t(be,{isIndeterminate:e.getIsSomeRowsSelected()&&!e.getIsAllPageRowsSelected(),isSelected:e.getIsAllPageRowsSelected()||e.getIsSomePageRowsSelected(),onChange:()=>e.toggleAllPageRowsSelected(),"aria-label":"Select all",size:"sm"}),cell:({row:e})=>t(be,{isSelected:e.getIsSelected(),onChange:()=>e.toggleSelected(),"aria-label":"Select row",size:"sm"}),enableSorting:!1,enableHiding:!1})],I="TableActions";function Wt(e){return e.length===0?[]:[Pe.accessor(I,{header:"Actions",id:I,enableHiding:!1,cell:({row:r})=>t(dn,{label:t(St,{}),data:r.original,items:e}),enableSorting:!1})]}function br(){return xe()}function hr({path:e,pathParameters:r,columns:a,filterConfig:o,columnsToHideByDefault:u={},allowSelection:n=!1,initialFilters:i=[],previewFilters:s,tableActions:c,Card:m,onRowNavigate:h,disableTableView:b,include:y}){const[F,V]=D({pagination:{pageIndex:0,pageSize:20},sorting:[]}),{sorting:z,pagination:P}=F,[j,d]=D(""),[p,f]=D({}),[S,q]=D(i),M=U(()=>S.filter(l=>l.active!==!1).map(l=>l.needOperator===!1?{[l.property]:Array.isArray(l.value)?l.value.join(","):l.value}:l.operator==="between"&&Array.isArray(l.value)&&l.value.length===2?{[l.property]:{gte:l.value[0],lte:l.value[1]}}:Array.isArray(l.value)?{[l.property]:{[l.operator]:l.value.join(",")}}:{[l.property]:{[l.operator]:l.value}}).reduce((l,v)=>at(l,v),{}),[S]),$=y?.length?y.join(","):void 0,k={...S,page:P.pageIndex+1,limit:P.pageSize,sort:Yt(z[0]),search:j,...$?{include:$}:{}},De=Gt(),re=["get",e,k],K=`${e}_ctx`,[ae,oe]=Z(`${K}_column_order_preference`,[]),[ie,Oe]=Z(`${K}_column_visibility_preference`,{id:!1,...u}),[Re,ze]=Z(`${K}_view_mode_preference`,b?"card":"table"),A=b?"card":Re,B=l=>{V(v=>({...v,...l}))};async function se(l){const v=await De.GET(e,{params:{query:{page:l,limit:P.pageSize,sort:k.sort,search:k.search,...$?{include:$}:{},...M},path:r}});return{data:v.data??[],total:Number.parseInt(v.response.headers.get("Pagination-Count")||"0"),nextPage:l+1}}const L=et({queryKey:[...re,"table"],enabled:A==="table",queryFn:()=>se(P.pageIndex+1),placeholderData:l=>l}),C=tt({queryKey:[...re,"card"],enabled:A==="card",initialPageParam:1,queryFn:({pageParam:l})=>se(l),getNextPageParam:(l,v)=>v.flatMap(je=>je.data).length<l.total?l.nextPage:void 0}),le=U(()=>A==="table"?L.data?.data??[]:C.data?.pages.flatMap(l=>l.data)??[],[A,L.data,C.data]),ce=U(()=>A==="table"?L.data?.total??0:C.data?.pages[0]?.total??0,[A,L.data,C.data]),ue=A==="table"?L:{...C,data:{data:le,total:ce},isLoading:C.isLoading,isFetching:C.isFetching,isError:C.isError,error:C.error,refetch:C.refetch},Me=c.filter(ne),Le=[...n?Jt:[],...a,...Wt(Me??[])];function _e(l){return typeof l=="function"}function _(l,v){return _e(l)?l(v):l}const de=nt({data:le,columns:Le,getCoreRowModel:rt(),rowCount:ce,manualPagination:!0,onPaginationChange:l=>{B({pagination:_(l,P)})},manualSorting:!0,onSortingChange:l=>{f({}),B({sorting:[..._(l,z)]})},manualFiltering:!0,onColumnVisibilityChange:l=>{Oe(_(l,ie))},onRowSelectionChange:l=>{f(_(l,p))},onColumnOrderChange:l=>{oe(_(l,ae))},state:{sorting:z,columnVisibility:ie,pagination:P,rowSelection:p,columnOrder:ae},meta:{refetch:ue.refetch}});return W(()=>{const l=de.getAllLeafColumns();oe([...l.filter(v=>v.id!==I).map(v=>v.id),...l.filter(v=>v.id===I).map(v=>v.id)])},[]),{tableState:F,updateTableState:B,query:ue,setSearchQuery:d,searchQuery:j,tanTable:de,mergedFilters:M,filters:S,setFilters:q,filterConfig:o,tableActions:c,pathParameters:r,viewMode:A,setViewMode:ze,Card:m,allowSelection:n,previewFilters:s,infiniteQuery:C,disableTableView:b,onRowNavigate:h}}const Ae=qe(null);function x(){const e=$e(Ae);if(!e)throw Error("DataTable should be used within DataTableProvider.");return e}function vr({children:e,...r}){return t(Ae.Provider,{value:r,children:e})}function en(){const{query:e}=x();return e.isFetching?null:e.isError?g("span",{className:"flex gap-3 items-center",children:[t(wt,{}),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 tn({cardGridClassName:e}){const{query:r,tanTable:a,viewMode:o,tableActions:u,Card:n}=x(),i=u.filter(ne),s=o==="card"&&!!n;return r.isLoading?t("div",{className:"body-sm flex items-center justify-center min-h-32",children:t(Ne,{})}):a.getRowModel().rows.length===0?t("div",{className:"body-sm flex items-center justify-center min-h-32 text-muted",children:t(en,{})}):s?t(nn,{Card:n,actions:i,className:e}):t(cn,{className:"w-full"})}function yr({className:e,cardGridClassName:r,...a}){const{viewMode:o}=x();return t(O,{children:g(Ut,{children:[t(sn,{}),g("section",{...a,className:N("z-20 flex flex-col",o==="table"?"border rounded-md":"",e),children:[t("div",{className:"w-full overflow-auto relative rounded-md [scrollbar-width:none]",tabIndex:0,children:t(tn,{cardGridClassName:r})}),o==="table"&&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(rn,{}),t(on,{})]}),t(an,{})]})]})]})})}function nn({Card:e,actions:r,className:a,...o}){const{tanTable:u,allowSelection:n}=x(),{infiniteQuery:i}=x(),s=we(null);return W(()=>{const c=s.current;if(!c)return;const m=new IntersectionObserver(h=>{h[0].isIntersecting&&i.hasNextPage&&!i.isFetchingNextPage&&i.fetchNextPage()},{threshold:.1});return m.observe(c),()=>m.disconnect()},[i.hasNextPage,i.isFetchingNextPage]),g("div",{...o,className:N(a,"grid grid-cols-1 lg:grid-cols-2 gap-icon"),children:[u.getRowModel().rows.map(c=>{const m={isSelected:c.getIsSelected(),onToggle:()=>c.toggleSelected(),allowSelection:n};return t(Ee,{children:e(c.original,r,m)},c.id)}),t("div",{ref:s,className:"col-span-full h-4 flex items-center justify-center",children:i.isFetchingNextPage&&t(Ne,{})})]})}function rn(){if(ee()==="customer-portal")return null;const{tanTable:r}=x(),[a,o]=D(null),u=te(),n=Ve(me(ke),me(Ke,{coordinateGetter:Ue}));return t(Be,{sensors:n,collisionDetection:Qe,onDragStart:s=>{const{active:c}=s;o(c.id.toString())},onDragEnd:s=>{const{active:c,over:m}=s;if(m&&c.id!==m.id){const h=r.getState().columnOrder,b=h.indexOf(c.id.toString()),y=h.indexOf(m.id.toString());r.setColumnOrder([...Ye(h,b,y)])}o(null)},children:g(Ze,{items:r.getState().columnOrder,strategy:Xe,children:[g(R,{label:g(O,{children:[t(pt,{className:"inline align-bottom me-1"}),"Columns"]}),selectionMode:"multiple",size:"sm",items:r.getAllFlatColumns(),selectedKeys:r.getVisibleFlatColumns().map(s=>s.id),children:[t(T,{onAction:()=>r.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),r.getState().columnOrder.map(s=>{const c=r.getAllFlatColumns().find(m=>m.id===s);return!c||c.id==="checkbox"||c.id===I?null:t(i,{column:c},c.id)})]}),t(Ge,{children:a?t("div",{className:"opacity-70 border-2 border-primary",children:u(a)}):null})]})});function i({column:s}){const{attributes:c,listeners:m,setNodeRef:h,transform:b,transition:y}=Je({id:s.id}),F={transform:We.Transform.toString(b),transition:y,zIndex:"999"};return g(T,{ref:h,style:F,...c,id:s.id,onAction:()=>s.toggleVisibility(),isDisabled:!s.getCanHide(),className:"flex items-center",children:[t(ft,{...m,className:"size-icon cursor-grab"}),J(s),s.getIsSorted()&&t(Te,{className:"size-icon",direction:s.getIsSorted()})]})}}function an(){const{tanTable:e}=x(),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(w,{"aria-label":"First page",onPress:()=>e.firstPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon-sm",children:t(bt,{})}),t(w,{"aria-label":"Previous page",onPress:()=>e.previousPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon-sm",children:t(ht,{})}),t(w,{"aria-label":"Next page",onPress:()=>e.nextPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon-sm",children:t(vt,{})}),t(w,{"aria-label":"Last page",onClick:()=>e.lastPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon-sm",children:t(yt,{})})]})]})}function on(){if(ee()==="customer-portal")return null;const{tanTable:r}=x(),a=[10,20,30,40,50];return t(R,{label:r.getState().pagination.pageSize.toString(),selectionMode:"single",size:"sm",selectedKeys:[r.getState().pagination.pageSize.toString()],items:a.map(o=>({id:o.toString(),value:o})),children:o=>t(T,{onAction:()=>r.setPageSize(o.value),children:o.value})})}function sn(){const{query:e,tanTable:r,searchQuery:a,setSearchQuery:o,tableActions:u,viewMode:n,setViewMode:i,Card:s,previewFilters:c,disableTableView:m}=x(),h=r.getSelectedRowModel().rows.length>0,b=u.filter(y=>y.resourceType!=="single").filter(y=>y.resourceType==="multiple"===h);return g("section",{className:"flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1",children:[g("div",{className:"flex gap-icon",children:[t(w,{"aria-label":"Refresh",isPending:e.isFetching,onClick:()=>e.refetch(),variant:"neutral",size:"icon",children:t(dt,{})}),t(Rt,{value:a,onChange:o}),t(bn,{previewFilters:c})]}),g("div",{className:"flex gap-icon",children:[t(un,{items:b,isFetching:e.isFetching}),s&&!m&&g("div",{className:"flex gap-1 bg-elevation-1 rounded-md overflow-hidden",children:[t(w,{variant:n==="table"?"primary":"neutral",size:"icon",onPress:()=>i("table"),"aria-label":"Table view",className:"border-none",children:t(mt,{})}),t(w,{variant:n==="card"?"primary":"neutral",size:"icon",onPress:()=>i("card"),"aria-label":"Card view",className:"border-none",children:t(gt,{})})]})]})]})}function Te({direction:e,...r}){return e==="asc"?t(xt,{className:"size-3.5",...r}):e==="desc"?t(Ct,{className:"size-3.5",...r}):t(Nt,{className:"size-3.5",...r})}function J(e){const r=te(),a=e.columnDef.header;return typeof a=="string"?a:r(e.id)}function ln(e){const r=e.column.columnDef.meta?.displayType,a=e.getValue();if(a==null)return null;switch(r){case"date":return t("span",{className:"tabular-nums",children:H(a)});case"number":return t("span",{className:"block text-right tabular-nums",children:Vt(a)});case"boolean":return t(ge,{variant:a?"success":"destructive",className:"capitalize",children:String(a)});case"badge":return t(ge,{children:String(a)});case"tags":let o=Array.isArray(a)?a:[String(a)];return t(Zt,{items:o.map(u=>({id:u,name:u})),children:u=>t(Xt,{children:u.name})});case"country":return t(qt,{value:a});case"enum":return t("span",{className:"uppercase w-full",children:String(a)});case"fileSize":return Ht(a);case"days":return Et(a);case"os":return ut[a]??a;case"licenseType":return Qt[a]??a;case"subscriptionInterval":return $t.formatISODuration(a);case"subscriptionStartTrigger":return Bt(a);default:return String(a)}}function he({header:e}){const r=e.column.columnDef.header;return typeof r=="string"||!r?J(e.column):typeof r=="function"?typeof r(e.getContext())=="string"?J(e.column):Y(r,e.getContext()):Y(r,e.getContext())}function cn({className:e}){const{tanTable:r,onRowNavigate:a}=x(),o=(u,n,i="z-50")=>N("text-left body-sm font-medium whitespace-nowrap",u&&`sticky right-0 ${i} text-center justify-center`,n);return g(zt,{className:N("table-auto border-0 rounded-md",e),children:[t(Mt,{className:"sticky top-0 z-10 rounded-md",children:r.getHeaderGroups().map(u=>t(fe,{children:u.headers.map(n=>g(Lt,{scope:"col",colSpan:n.colSpan,className:o(n.id===I,"bg-elevation-mid"),children:[!n.column.getCanSort()&&!n.isPlaceholder&&t("div",{className:N("w-full flex items-center gap-1 text-xs uppercase",n.id===I?"justify-center":"justify-start"),children:t(he,{header:n})}),n.column.getCanSort()&&g(w,{variant:"ghost",size:"none",className:N("w-full p-1 rounded-md uppercase text-muted text-xs",n.id===I?"justify-center":"justify-start",n.column.getIsSorted()?"text-primary":""),onPress:n.column.getToggleSortingHandler(),children:[t("span",{children:t(he,{header:n})}),n.column.getIsSorted()&&t(Te,{direction:n.column.getIsSorted()})]})]},n.id))},u.id))}),t(_t,{children:r.getRowModel().rows.map(u=>t(fe,{className:N("group bg-elevation-1 data-[selected=true]:bg-primary/10 hover:bg-elevation-mid",a&&"cursor-pointer focus-visible:outline focus-visible:outline-ring"),"data-selected":u.getIsSelected(),...a&&{role:"link",tabIndex:0,onClick:n=>{n.target.closest('a, button, input, select, textarea, [role="button"]')||a(u.original)},onKeyDown:n=>{n.key==="Enter"&&a(u.original)}},children:u.getVisibleCells().map(n=>{const i=n.column.id===I,s=n.column.columnDef.meta?.displayType?ln(n):Y(n.column.columnDef.cell,n.getContext());return t(jt,{className:N(o(i,i?"group-hover:bg-elevation-mid bg-elevation-1":"","z-1"),i&&"flex justify-center items-center"),children:s},n.id)})},u.id))})]})}function ve(e){return e.resourceType==="none"}function ne(e){return e.resourceType==="single"}function ye(e){return e.resourceType==="multiple"}function un({items:e,isFetching:r}){const{openDialog:a,closeDialog:o}=Ie(),{tanTable:u}=x();function n(s,c){return s.isDisabled?ve(s)?s.isDisabled():ye(s)?s.isDisabled(c):!1:!1}const i=u.getSelectedRowModel().rows.map(s=>s.original);return t(O,{children:e.map((s,c)=>{const m=s.icon,h=n(s,i)||r;return g(w,{"aria-label":s.label,type:"button",isDisabled:h,className:"animate-in fade-in slide-in-from-right-15 duration-300 transition-transform",onPress:b=>{const y={event:b,openDialog:a,closeDialog:o};ve(s)?s.onPress(y):ye(s)&&s.onPress({...y,data:i})},variant:s.variant??"neutral",children:[m&&t(m,{"aria-hidden":!0}),t("span",{children:s.label})]},`${s.label}-${c}`)})})}function dn({label:e,items:r,data:a}){const{openDialog:o,closeDialog:u}=Ie();return r.length<4?t("div",{className:"flex items-center gap-2",children:r.map((n,i)=>{const s=n.icon,c=typeof n.label=="function"?n.label(a):n.label;return g(kt,{children:[t(w,{"aria-label":typeof c=="string"?c:void 0,isDisabled:n.isDisabled?.(a)??!1,variant:"ghost",size:"icon",onPress:()=>{const m={openDialog:o,closeDialog:u};n.onPress({...m,data:a})},children:t(s,{className:"size-icon"})}),t(Kt,{children:c})]},`${i}-${typeof c=="string"?c:""}`)})}):t(R,{withChevron:!1,"aria-label":"Actions",label:e,size:"icon",children:r.map((n,i)=>{const s=n.icon,c=typeof n.label=="function"?n.label(a):n.label;return g(T,{id:typeof c=="string"?c:void 0,isDisabled:n.isDisabled?.(a)??!1,onAction:()=>{const m={openDialog:o,closeDialog:u};ne(n)&&n.onPress({...m,data:a})},children:[t(s,{className:"size-icon"}),c]},`${i}-${typeof c=="string"?c:""}`)})})}const Sr=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte","between"],Se={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"},mn={eq:"=",ne:"≠",cn:"contains",nc:"!contains",sw:"starts with",ew:"ends with",in:"in",nin:"not in",gt:">",gte:"≥",lt:"<",lte:"≤",between:"↔"};function E(e,r,a=!0){const o=`${r}-${Date.now()}`,u=e==="bool"?!1:a,n=u?Fe[e][0]:"eq",i={id:o,property:r,operator:n,needOperator:u};switch(e){case"bool":return{...i,type:e,value:!0};case"string":return{...i,type:e,value:""};case"date":return{...i,type:e,value:n==="between"?[new Date().toISOString(),new Date().toISOString()]:new Date().toISOString()};case"id":return{...i,type:e,value:""};case"id-search":return{...i,type:e,value:[]};case"enum":return{...i,type:e,value:new Set};case"number":return{...i,type:e,value:0}}}const Fe={bool:["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 gn(e){switch(e.type){case"string":case"id":return e.value??"";case"number":return e.value?.toString()??"";case"bool":return e.value?"true":"false";case"date":if(Array.isArray(e.value)){const[r,a]=e.value;return`${H(r,{dateStyle:"short"})??""} – ${H(a,{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 pn({filter:e,filterConfig:r,pathParameters:a,onChange:o}){if(e.type==="string"||e.type==="id")return t(ct,{autoFocus:!0,value:e.value??"",onChange:o,"aria-label":"Filter value"});if(e.type==="number")return t(it,{autoFocus:!0,value:e.value,onChange:o,"aria-label":"Filter value"});if(e.type==="bool")return g(R,{autoFocus:!0,label:e.value?"True":"False",variant:"neutral","aria-label":"Filter value",children:[t(T,{onAction:()=>o(!0),children:"True"}),t(T,{onAction:()=>o(!1),children:"False"})]});if(e.type==="date"){if(e.operator==="between"){const[n,i]=Array.isArray(e.value)?e.value:[new Date().toISOString(),new Date().toISOString()],s=Q(n,G()),c=Q(i,G());return g("div",{className:"flex flex-col gap-icon",children:[t(X,{autoFocus:!0,hideTimeZone:!0,label:"From",value:s,onChange:m=>o([m?m.toAbsoluteString():n,i])}),t(X,{hideTimeZone:!0,label:"To",value:c,onChange:m=>o([n,m?m.toAbsoluteString():i])})]})}const u=e.value&&!Array.isArray(e.value)?Q(e.value,G()):null;return t(X,{autoFocus:!0,hideTimeZone:!0,value:u,onChange:n=>o(n?n.toAbsoluteString():new Date().toISOString()),"aria-label":"Filter date"})}if(e.type==="enum"){const u=r[e.property];return u.type!=="enum"?null:t(ot,{autoFocus:!0,items:u.options,value:e.value??new Set,onChange:o,"aria-label":"Filter value"})}if(e.type==="id-search"){const u=r[e.property];if(u.type!=="id-search")return null;const n=a?{path:a,query:{}}:void 0;return t(Ot,{autoFocus:!0,path:u.path,accessor:u.accessor,defaultParams:n,value:e.value??[],onChange:o,"aria-label":"Filter value"})}return null}function fn({filter:e,filterConfig:r,pathParameters:a,resourceFormatter:o,onRemove:u,onUpdate:n,isOpen:i,onOpenChange:s}){const c=e.needOperator===!1?["eq"]:Fe[e.type],m=gn(e),h=ee();return g(st,{isOpen:i,onOpenChange:s,children:[t("div",{className:"relative",children:g(w,{type:"button",variant:e.active===!1?"neutral":"primary_neutral",className:"animate-in slide-in-from-left-10 fade-in flex justify-between gap-2",children:[t(Ce,{}),t("span",{className:"font-medium",children:o(e.property)}),h!=="customer-portal"&&t("span",{children:mn[e.operator]}),h!=="customer-portal"&&m&&t("span",{children:m}),e.active!==!1&&t(He,{onPress:()=>u(),children:t(Dt,{className:"hover:text-destructive-500"})})]})}),t(lt,{className:"p-icon min-w-48",children:g("div",{className:"flex flex-col gap-icon",children:[(c.length>1||e.needOperator===!1)&&t(R,{label:Se[e.operator],variant:"neutral","aria-label":"Change operator",children:c.map(b=>t(T,{onAction:()=>n({operator:b}),children:Se[b]},b))}),t(pn,{filter:e,filterConfig:r,pathParameters:a,onChange:b=>n({value:b})}),t(w,{type:"button",variant:"neutral",className:"self-end",onPress:u,"aria-label":`Remove ${o(e.property)} filter`,children:"Clear"})]})})]})}function bn({className:e,previewFilters:r,...a}){const{filters:o,query:u,setFilters:n,filterConfig:i,pathParameters:s}=x(),c=te(),m=Object.keys(i).filter(d=>!o.some(p=>p.property===d)).sort(),[h,b]=D(null),y=we(!1);W(()=>{if(!y.current&&o.length===0){const d=[];r&&r.length>0&&d.push(...r.filter(p=>i[p]).map(p=>({...E(i[p].type,p,i[p].needOperator),active:!1,isPreview:!0}))),d.length>0&&n(d)}y.current=!0},[]);const F=(d,p)=>{const f=E(d,p,i[p].needOperator);n([...o,f]),b(f.id)},V=d=>{o.find(f=>f.id===d)?.isPreview?n(o.map(f=>f.id===d?{...E(i[f.property].type,f.property,i[f.property].needOperator),active:!1,isPreview:!0}:f)):n(o.filter(f=>f.id!==d))},z=()=>{n(o.filter(d=>d.isPreview).map(d=>({...E(i[d.property].type,d.property,i[d.property].needOperator),active:!1,isPreview:!0}))),b(null)},P=o.some(d=>!d.isPreview||d.active!==!1),j=(d,p)=>{n(o.map(f=>{if(f.id!==d)return f;let S=p.value!==void 0?p.value:f.value;const q=p.operator??f.operator;if(f.type==="date"&&p.operator!==void 0)if(q==="between"&&!Array.isArray(S)){const M=typeof S=="string"?S:new Date().toISOString();S=[M,M]}else q!=="between"&&Array.isArray(S)&&(S=S[0]??new Date().toISOString());return{...f,...p,value:S,active:!0}}))};return g("section",{...a,className:N("flex flex-wrap gap-icon items-center",e),children:[o.filter(d=>d.property in i).map(d=>t(fn,{filter:d,filterConfig:i,pathParameters:s,resourceFormatter:c,onRemove:()=>V(d.id),onUpdate:p=>j(d.id,p),isOpen:h===d.id,onOpenChange:p=>b(p?d.id:null)},d.id)),m.length>0&&t(R,{label:t(Ce,{}),isDisabled:u.isPending,variant:"neutral","aria-label":"Add filter",children:m.map(d=>{const p=i[d].type,f=hn[p];return g(T,{className:"!justify-between",onAction:()=>F(p,d),children:[c(d),t(f,{})]},d)})}),P&&t(w,{variant:"ghost",onPress:z,"aria-label":"Clear all filters",className:"animate-in fade-in",children:"Clear All"})]})}const hn={"id-search":Ft,bool:pe,date:Tt,enum:At,id:Pt,number:It,string:pe};export{Se as C,bn as D,yr as DataTable,Ae as DataTableContext,vr as DataTableProvider,Sr as F,br as getColumnHelper,x as useDataTable,hr 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 { DataTableFilter, type FiltersConfig, type TableFilter } 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 ApiPathParameters,\n    type ApiResponseBody,\n    useProjectName,\n    useResourceFormatter,\n} from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { Checkbox } from './checkbox';\nimport { Tooltip, TooltipTrigger } from './tooltip';\n\nimport {\n    type CtxIcon,\n    IcColumns,\n    IcFirst,\n    IcGrip,\n    IcInfo,\n    IcLast,\n    IcLayoutGrid,\n    IcLeft,\n    IcMenu,\n    IcMoreVertical,\n    IcRefresh,\n    IcRight,\n    IcSortAsc,\n    IcSortDesc,\n    IcSortNone,\n} from './icons';\nimport { ALL_LICENSE_TYPES, getSubscriptionStartTriggerLabel } from './select-options';\n\nimport type { Cell, ColumnHelper } from '@tanstack/react-table';\nimport type { ClientPathsWithMethod } from 'openapi-fetch';\nimport type { PressEvent } from 'react-aria-components';\nimport { type CtxClientType, useCtxClient } from '../utilities/ctx-client';\nimport { ControlledDialogProvider, useControlledDialog } from './dialog';\nimport { Tag, TagGroup } from './tag-group';\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\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    columns: ColumnDef<T, any>[];\n    tableActions: TableAction<T>[];\n    columnsToHideByDefault?: Partial<Record<keyof T, boolean>>; // Columns that are hidden by default\n    allowSelection?: boolean;\n    filterConfig: TFilterConfig;\n    initialFilters: TableFilter[];\n    previewFilters?: (keyof TFilterConfig)[];\n    /** When provided, each row becomes a navigable link. Called with the row's data on click or Enter. */\n    onRowNavigate?: (row: T) => void;\n    /** Related resources to embed in list responses, e.g. `['users', 'organization']` → `?include=users,organization`. */\n    include?: string[];\n};\n\ntype CardRenderer<T> = (item: T, actions: SingleResourceAction<T>[], selection: CardSelectionProps) => 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    columns,\n    filterConfig,\n    columnsToHideByDefault = {},\n    allowSelection = false,\n    initialFilters = [],\n    previewFilters,\n    tableActions,\n    Card,\n    onRowNavigate,\n    disableTableView,\n    include,\n}: DataTableFactory<T, TOperation, TFilterConfig>) {\n    const [tableState, _setTableState] = useState<DataTableState>({\n        /** Reflect in URL in host application  */\n        pagination: { pageIndex: 0, pageSize: 20 }, // Pagination state\n        sorting: [], // Sorting state\n    });\n\n    const { sorting, pagination } = tableState;\n\n    const [searchQuery, setSearchQuery] = useState('');\n\n    const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n\n    /** Reflect in URL in host application  */\n    const [filters, setFilters] = useState(initialFilters);\n    const mergedFilters = useMemo(() => {\n        // TODO, generic transform fn\n        return filters\n            .filter(tf => tf.active !== false)\n            .map(tf => {\n                // Filters that don't need an operator are sent as `property=value`\n                if (tf.needOperator === false) {\n                    return {\n                        [tf.property]: Array.isArray(tf.value) ? tf.value.join(',') : tf.value,\n                    };\n                }\n                if (tf.operator === 'between' && Array.isArray(tf.value) && tf.value.length === 2) {\n                    return {\n                        [tf.property]: {\n                            gte: tf.value[0],\n                            lte: tf.value[1],\n                        },\n                    };\n                }\n                if (Array.isArray(tf.value)) {\n                    return {\n                        [tf.property]: {\n                            [tf.operator]: tf.value.join(','),\n                        },\n                    };\n                }\n                return {\n                    [tf.property]: {\n                        [tf.operator]: tf.value,\n                    },\n                };\n            })\n            .reduce((acc, current) => {\n                return merge(acc, current);\n            }, {});\n    }, [filters]);\n\n    const includeParam = include?.length ? include.join(',') : undefined;\n\n    const queryParameters = {\n        ...filters,\n        page: pagination.pageIndex + 1,\n        limit: pagination.pageSize,\n        sort: generateSortParam(sorting[0]),\n        search: searchQuery,\n        ...(includeParam ? { include: includeParam } : {}),\n    };\n\n    const client = useCtxClient();\n    // TODO, this seems incorrect, verify\n    const queryKey = ['get', path, queryParameters];\n\n    const prefsKey = `${path}_ctx`;\n    const [columnOrder, setColumnOrder] = useLocalStorage<ColumnOrderState>(`${prefsKey}_column_order_preference`, []);\n    const [columnVisibility, setColumnVisibility] = useLocalStorage<VisibilityState>(\n        `${prefsKey}_column_visibility_preference`,\n        {\n            id: false,\n            ...columnsToHideByDefault,\n        }\n    );\n    const [viewMode, setViewMode] = useLocalStorage<'table' | 'card'>(\n        `${prefsKey}_view_mode_preference`,\n        disableTableView ? 'card' : 'table'\n    );\n    const effectiveViewMode = disableTableView ? 'card' : viewMode;\n\n    // Update table state with new values\n    const updateTableState = (updates: Partial<DataTableState>) => {\n        _setTableState(prev => ({ ...prev, ...updates }));\n    };\n\n    async function fetchPage(pageParam: number) {\n        const res = await client.GET(path, {\n            params: {\n                query: {\n                    page: pageParam,\n                    limit: pagination.pageSize,\n                    sort: queryParameters.sort,\n                    search: queryParameters.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: [...queryKey, 'table'],\n        enabled: effectiveViewMode === 'table',\n        queryFn: () => fetchPage(pagination.pageIndex + 1),\n        placeholderData: prev => prev,\n    });\n\n    const infiniteQuery = useInfiniteQuery({\n        queryKey: [...queryKey, 'card'],\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 columns = tanTable.getAllLeafColumns();\n        //Make sure actions column is always at the end\n        setColumnOrder([\n            ...columns.filter(c => c.id !== ACTIONS_COLUMN_ID).map(c => c.id),\n            ...columns.filter(c => c.id === ACTIONS_COLUMN_ID).map(c => c.id),\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        viewMode: effectiveViewMode,\n        setViewMode,\n        Card,\n        allowSelection,\n        previewFilters,\n        infiniteQuery,\n        disableTableView,\n        onRowNavigate,\n    } as const;\n}\n\nexport const DataTableContext = createContext<ReturnType<typeof useDataTableState> | null>(null);\n// TODO, don't export this\nexport function useDataTable() {\n    const ctx = useContext(DataTableContext);\n    if (!ctx) {\n        throw Error('DataTable should be used within DataTableProvider.');\n    }\n    return ctx;\n}\n\nexport function DataTableProvider<T extends object, TOperation extends keyof operations>({\n    children,\n    ...props\n}: { children: React.ReactNode } & ReturnType<typeof useDataTableState<T, TOperation>>) {\n    // @ts-expect-error, propogating the generic type further will be more complex. Since this is a tightly coupled type, it should be okay but reviewed whenever useDataTableState changes.\n    return <DataTableContext.Provider value={props}>{children}</DataTableContext.Provider>;\n}\n\nfunction EmptyMessage() {\n    const { query } = useDataTable();\n    if (query.isFetching) return null;\n    if (query.isError)\n        return (\n            <span className=\"flex gap-3 items-center\">\n                <IcInfo />\n                <span>{query.error?.message}</span>\n            </span>\n        );\n    if (query.data?.data?.length === 0) return <>No results found.</>;\n    return <>Unknown error. Please contact customer support.</>;\n}\n\nfunction Content({ cardGridClassName }: { cardGridClassName?: string }) {\n    const { query, tanTable, viewMode, tableActions, Card } = useDataTable();\n    const cardActions = tableActions.filter(isSingleResourceAction);\n    const isCardView = viewMode === 'card' && !!Card;\n\n    if (query.isLoading)\n        return (\n            <div className=\"body-sm flex items-center justify-center min-h-32\">\n                <Loader />\n            </div>\n        );\n    if (tanTable.getRowModel().rows.length === 0)\n        return (\n            <div className=\"body-sm flex items-center justify-center min-h-32 text-muted\">\n                <EmptyMessage />\n            </div>\n        );\n    if (isCardView) return <CardGrid Card={Card!} actions={cardActions} className={cardGridClassName} />;\n    return <TableContent className=\"w-full\" />;\n}\n\nexport type DataTableProps = React.ComponentProps<'section'> & {\n    cardGridClassName?: string;\n};\nexport function DataTable({ className, cardGridClassName, ...props }: DataTableProps) {\n    const { viewMode } = useDataTable();\n\n    return (\n        <>\n            <ControlledDialogProvider>\n                {/* Table Actions Section */}\n                <Actions />\n                <section\n                    {...props}\n                    className={classNames(\n                        'z-20 flex flex-col',\n                        viewMode === 'table' ? 'border rounded-md' : '',\n                        className\n                    )}\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                    {viewMode === 'table' && (\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: (item: T, actions: SingleResourceAction<T>[], selection: CardSelectionProps) => React.ReactNode;\n    actions: SingleResourceAction<T>[];\n} & React.ComponentProps<'div'>) {\n    const { tanTable, allowSelection } = useDataTable();\n    const { infiniteQuery } = useDataTable(); // expose from context\n    const sentinelRef = useRef<HTMLDivElement>(null);\n\n    // Todo: virtualization, see https://tanstack.com/virtual/latest/docs/introduction\n    useEffect(() => {\n        const el = sentinelRef.current;\n        if (!el) return;\n\n        const observer = new IntersectionObserver(\n            entries => {\n                if (entries[0].isIntersecting && infiniteQuery.hasNextPage && !infiniteQuery.isFetchingNextPage) {\n                    infiniteQuery.fetchNextPage();\n                }\n            },\n            { threshold: 0.1 }\n        );\n\n        observer.observe(el);\n        return () => observer.disconnect();\n    }, [infiniteQuery.hasNextPage, infiniteQuery.isFetchingNextPage]);\n\n    return (\n        <div {...props} className={classNames(className, 'grid grid-cols-1 lg:grid-cols-2 gap-icon')}>\n            {tanTable.getRowModel().rows.map(row => {\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)}</Fragment>;\n            })}\n\n            {/* Invisible sentinel at the bottom triggers next page fetch */}\n            <div ref={sentinelRef} className=\"col-span-full h-4 flex items-center justify-center\">\n                {infiniteQuery.isFetchingNextPage && <Loader />}\n            </div>\n        </div>\n    );\n}\n\n// TODO, ?include query param on Licenses, Activations and other future resources that need this\nfunction ColumnPicker() {\n    const projectName = useProjectName();\n\n    if (projectName === 'customer-portal') {\n        return null;\n    }\n\n    const { tanTable } = useDataTable();\n    const [activeId, setActiveId] = useState<string | null>(null);\n\n    const resourceFormatter = useResourceFormatter();\n\n    const sensors = useSensors(\n        useSensor(PointerSensor),\n        useSensor(KeyboardSensor, {\n            coordinateGetter: sortableKeyboardCoordinates,\n        })\n    );\n    return (\n        <DndContext\n            sensors={sensors}\n            collisionDetection={closestCenter}\n            onDragStart={event => {\n                const { active } = event;\n                setActiveId(active.id.toString());\n            }}\n            onDragEnd={event => {\n                const { active, over } = event;\n\n                if (over && active.id !== over.id) {\n                    const columnOrder = tanTable.getState().columnOrder;\n                    const oldIndex = columnOrder.indexOf(active.id.toString());\n                    const newIndex = columnOrder.indexOf(over.id.toString());\n                    tanTable.setColumnOrder([...arrayMove(columnOrder, oldIndex, newIndex)]);\n                }\n\n                setActiveId(null);\n            }}\n        >\n            <SortableContext items={tanTable.getState().columnOrder} strategy={verticalListSortingStrategy}>\n                <EasyMenu\n                    label={\n                        <>\n                            <IcColumns className=\"inline align-bottom me-1\" />\n                            Columns\n                        </>\n                    }\n                    selectionMode=\"multiple\"\n                    size={'sm'}\n                    items={tanTable.getAllFlatColumns()}\n                    // Using selectedKeys = 'all' does not mark MenuItems with isDisabled=true as selected. This is not the intended behaviour in this use-case.\n                    selectedKeys={tanTable.getVisibleFlatColumns().map(c => c.id)}\n                >\n                    <MenuItem onAction={() => tanTable.toggleAllColumnsVisible()} className={'italic'}>\n                        (select all)\n                    </MenuItem>\n                    {tanTable.getState().columnOrder.map(colId => {\n                        const col = tanTable.getAllFlatColumns().find(c => c.id === colId);\n                        // Don't show checkbox and actions columns in picker\n                        if (!col || col.id === 'checkbox' || col.id === ACTIONS_COLUMN_ID) return null;\n                        return <SortableItem key={col.id} column={col} />;\n                    })}\n                </EasyMenu>\n                <DragOverlay>\n                    {activeId ? (\n                        <div className=\"opacity-70 border-2 border-primary\">{resourceFormatter(activeId)}</div>\n                    ) : null}\n                </DragOverlay>\n            </SortableContext>\n        </DndContext>\n    );\n\n    function SortableItem({ column }: { column: Column<any, unknown> }) {\n        const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: column.id });\n        const style = {\n            transform: CSS.Transform.toString(transform),\n            transition,\n            zIndex: '999',\n        };\n        return (\n            <MenuItem\n                ref={setNodeRef}\n                style={style}\n                {...attributes}\n                id={column.id}\n                onAction={() => column.toggleVisibility()}\n                isDisabled={!column.getCanHide()}\n                className=\"flex items-center\"\n            >\n                <IcGrip {...listeners} className=\"size-icon cursor-grab\" />\n                {getColumnHeaderText(column)}\n                {column.getIsSorted() && <SortIcon className=\"size-icon\" direction={column.getIsSorted()} />}\n            </MenuItem>\n        );\n    }\n}\n\nfunction Paginator() {\n    const { tanTable } = useDataTable();\n    const rowCount = tanTable.getRowCount();\n    return (\n        <div className=\"flex items-center gap-2\">\n            <span className=\"whitespace-nowrap body-sm text-muted\">\n                {`${tanTable.getState().pagination.pageIndex * tanTable.getState().pagination.pageSize + 1} - ${Math.min(\n                    (tanTable.getState().pagination.pageIndex + 1) * tanTable.getState().pagination.pageSize,\n                    rowCount\n                )} of ${rowCount?.toLocaleString()}`}\n            </span>\n\n            {(tanTable.getCanNextPage() || tanTable.getCanPreviousPage()) && (\n                <>\n                    <Button\n                        aria-label=\"First page\"\n                        onPress={() => tanTable.firstPage()}\n                        isDisabled={!tanTable.getCanPreviousPage()}\n                        variant=\"neutral\"\n                        size={'icon-sm'}\n                    >\n                        <IcFirst />\n                    </Button>\n                    <Button\n                        aria-label=\"Previous page\"\n                        onPress={() => tanTable.previousPage()}\n                        isDisabled={!tanTable.getCanPreviousPage()}\n                        variant=\"neutral\"\n                        size={'icon-sm'}\n                    >\n                        <IcLeft />\n                    </Button>\n                    <Button\n                        aria-label=\"Next page\"\n                        onPress={() => tanTable.nextPage()}\n                        isDisabled={!tanTable.getCanNextPage()}\n                        variant=\"neutral\"\n                        size={'icon-sm'}\n                    >\n                        <IcRight />\n                    </Button>\n                    <Button\n                        aria-label=\"Last page\"\n                        onClick={() => tanTable.lastPage()}\n                        isDisabled={!tanTable.getCanNextPage()}\n                        variant=\"neutral\"\n                        size={'icon-sm'}\n                    >\n                        <IcLast />\n                    </Button>\n                </>\n            )}\n        </div>\n    );\n}\n\nfunction PageSize() {\n    const projectName = useProjectName();\n\n    if (projectName === 'customer-portal') {\n        return null;\n    }\n\n    const { tanTable } = useDataTable();\n    const PAGE_SIZES = [10, 20, 30, 40, 50];\n\n    return (\n        <EasyMenu\n            label={tanTable.getState().pagination.pageSize.toString()}\n            selectionMode=\"single\"\n            size={'sm'}\n            selectedKeys={[tanTable.getState().pagination.pageSize.toString()]}\n            items={PAGE_SIZES.map(s => ({ id: s.toString(), value: s }))}\n        >\n            {items => <MenuItem onAction={() => tanTable.setPageSize(items.value)}>{items.value}</MenuItem>}\n        </EasyMenu>\n    );\n}\n\nfunction Actions() {\n    const {\n        query,\n        tanTable,\n        searchQuery,\n        setSearchQuery,\n        tableActions,\n        viewMode,\n        setViewMode,\n        Card,\n        previewFilters,\n        disableTableView,\n    } = useDataTable();\n    const hasSelectedRows = tanTable.getSelectedRowModel().rows.length > 0;\n\n    const filteredActions = tableActions\n        .filter(ta => ta.resourceType !== 'single')\n        .filter(ta => (ta.resourceType === 'multiple') === hasSelectedRows);\n\n    return (\n        <section className=\"flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1\">\n            <div className=\"flex gap-icon\">\n                <Button\n                    aria-label=\"Refresh\"\n                    isPending={query.isFetching}\n                    onClick={() => query.refetch()}\n                    variant={'neutral'}\n                    size={'icon'}\n                >\n                    <IcRefresh />\n                </Button>\n                {<SearchField value={searchQuery} onChange={setSearchQuery} />}\n                <DataTableFilter previewFilters={previewFilters as string[] | undefined} />\n            </div>\n            <div className=\"flex gap-icon\">\n                <TableActions items={filteredActions} isFetching={query.isFetching} />\n                {Card &&\n                    !disableTableView && ( // Only show view mode toggle button if a Card component was provided and table view is enabled\n                        <div className=\"flex gap-1 bg-elevation-1 rounded-md overflow-hidden\">\n                            <Button\n                                variant={viewMode === 'table' ? 'primary' : 'neutral'}\n                                size=\"icon\"\n                                onPress={() => setViewMode('table')}\n                                aria-label=\"Table view\"\n                                className=\"border-none\"\n                            >\n                                <IcMenu />\n                            </Button>\n                            <Button\n                                variant={viewMode === 'card' ? 'primary' : 'neutral'}\n                                size=\"icon\"\n                                onPress={() => setViewMode('card')}\n                                aria-label=\"Card view\"\n                                className=\"border-none\"\n                            >\n                                <IcLayoutGrid />\n                            </Button>\n                        </div>\n                    )}\n            </div>\n        </section>\n    );\n}\n\nfunction SortIcon({\n    direction,\n    ...props\n}: { direction: 'asc' | 'desc' | false } & Omit<React.ComponentProps<'svg'>, 'direction'>) {\n    if (direction === 'asc') return <IcSortAsc className=\"size-3.5\" {...props} />;\n    else if (direction === 'desc') return <IcSortDesc className=\"size-3.5\" {...props} />;\n    else return <IcSortNone className=\"size-3.5\" {...props} />;\n}\n\nfunction getColumnHeaderText(column: Column<any, unknown>): string {\n    const resourceFormatter = useResourceFormatter();\n    const headerDef = column.columnDef.header;\n    return typeof headerDef === 'string' ? headerDef : resourceFormatter(column.id);\n}\n\n/**\n * Renders a cell value based on the displayType metadata\n * @param cell - The cell to render\n * @returns The formatted value as a React node\n */\nfunction renderCellByDisplayType(cell: Cell<any, any>): React.ReactNode {\n    const displayType = cell.column.columnDef.meta?.displayType;\n    const value = cell.getValue();\n\n    if (value === null || value === undefined) {\n        return null;\n    }\n\n    switch (displayType) {\n        case 'date':\n            return <span className=\"tabular-nums\">{formatDate(value)}</span>;\n        case 'number':\n            return <span className=\"block text-right tabular-nums\">{formatNumber(value)}</span>;\n        case 'boolean':\n            return (\n                <Badge variant={Boolean(value) ? 'success' : 'destructive'} className=\"capitalize\">\n                    {String(value)}\n                </Badge>\n            );\n        case 'badge':\n            return <Badge>{String(value)}</Badge>;\n        case 'tags':\n            let items: string[] = !Array.isArray(value) ? [String(value)] : value;\n            return (\n                <TagGroup items={items.map(item => ({ id: item, name: item }))}>\n                    {item => <Tag>{item.name}</Tag>}\n                </TagGroup>\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/10 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 ? 'group-hover:bg-elevation-mid bg-elevation-1' : '',\n                                            'z-1'\n                                        ),\n                                        isActionsColumn && 'flex justify-center items-center'\n                                    )}\n                                >\n                                    {cellContent}\n                                </TableCell>\n                            );\n                        })}\n                    </TableRow>\n                ))}\n            </TableBody>\n        </TableComponent>\n    );\n}\n\n/** Base properties shared by all table actions */\ntype ActionBase = {\n    label: string;\n    icon: CtxIcon;\n    tooltip?: string;\n    /** Optional button variant to pass through to Button (defaults to neutral) */\n    variant?: React.ComponentProps<typeof Button>['variant'];\n};\n\n/** Context provided to onPress functions in TableActions */\ntype ActionPressContext = {\n    event?: PressEvent;\n    openDialog: (c: React.ReactNode) => void;\n    closeDialog: () => void;\n};\n\nexport type NoResourceAction = ActionBase & {\n    resourceType: 'none';\n    isDisabled?: () => boolean;\n    onPress: (c: ActionPressContext) => void;\n};\n\nexport type SingleResourceAction<T> = Omit<ActionBase, 'label'> & {\n    resourceType: 'single';\n    /** Label function that receives row data for dynamic labels */\n    label: string | ((data: T) => React.ReactNode);\n    isDisabled?: (data: T) => boolean;\n    onPress: (c: ActionPressContext & { data: T }) => void;\n};\n\nexport type BulkResourceAction<T> = ActionBase & {\n    resourceType: 'multiple';\n    isDisabled?: (data: T[]) => boolean;\n    onPress: (c: ActionPressContext & { data: T[] }) => void;\n};\n\n/** Common table action type that works for both action and dialog types */\nexport type TableAction<T> = NoResourceAction | SingleResourceAction<T> | BulkResourceAction<T>;\n\nfunction isNoResourceAction<T>(item: TableAction<T>): item is NoResourceAction {\n    return item.resourceType === 'none';\n}\n\nfunction isSingleResourceAction<T>(item: TableAction<T>): item is SingleResourceAction<T> {\n    return item.resourceType === 'single';\n}\n\nfunction isBulkResourceAction<T>(item: TableAction<T>): item is BulkResourceAction<T> {\n    return item.resourceType === 'multiple';\n}\n\nexport type TableActionsProps<T> = {\n    /** Array of table actions to render */\n    readonly items: (NoResourceAction | BulkResourceAction<T>)[];\n    /** Whether the table is currently fetching data */\n    readonly isFetching?: boolean;\n};\n\nfunction TableActions<T>({ items, isFetching }: TableActionsProps<T>) {\n    const { openDialog, closeDialog } = useControlledDialog();\n    const { tanTable } = useDataTable();\n\n    function getTableActionIsDisabled<T>(item: TableAction<T>, rows: T[]): boolean {\n        if (!item.isDisabled) return false;\n\n        if (isNoResourceAction(item)) {\n            return item.isDisabled();\n        } else if (isBulkResourceAction(item)) {\n            return item.isDisabled(rows);\n        }\n        return false;\n    }\n\n    const selectedRows = tanTable.getSelectedRowModel().rows.map(r => r.original);\n    return (\n        <>\n            {items.map((item, i) => {\n                const Icon = item.icon;\n                const isDisabled = getTableActionIsDisabled(item, selectedRows) || isFetching;\n\n                return (\n                    <Button\n                        key={`${item.label}-${i}`}\n                        aria-label={item.label}\n                        type=\"button\"\n                        isDisabled={isDisabled}\n                        className=\"animate-in fade-in slide-in-from-right-15 duration-300 transition-transform\"\n                        onPress={e => {\n                            const context = { event: e, openDialog, closeDialog };\n                            // TableActions only has Bulk actions and NoResource actions\n                            if (isNoResourceAction(item)) {\n                                item.onPress(context);\n                            } else if (isBulkResourceAction(item)) {\n                                item.onPress({ ...context, data: selectedRows });\n                            }\n                        }}\n                        variant={item.variant ?? 'neutral'}\n                    >\n                        {Icon && <Icon aria-hidden />}\n                        <span>{item.label}</span>\n                    </Button>\n                );\n            })}\n        </>\n    );\n}\n\nfunction TableActionsRowMenu<T>({\n    label,\n    items,\n    data,\n}: {\n    readonly label: React.ReactNode;\n    readonly items: SingleResourceAction<T>[];\n    readonly data: T;\n}) {\n    const { openDialog, closeDialog } = useControlledDialog();\n\n    if (items.length < 4) {\n        return (\n            <div className=\"flex items-center gap-2\">\n                {items.map((it, i) => {\n                    const Icon = it.icon;\n                    const itemLabel = typeof it.label === 'function' ? it.label(data) : it.label;\n                    return (\n                        <TooltipTrigger key={`${i}-${typeof itemLabel === 'string' ? itemLabel : ''}`}>\n                            <Button\n                                aria-label={typeof itemLabel === 'string' ? itemLabel : undefined}\n                                isDisabled={it.isDisabled?.(data) ?? false}\n                                variant=\"ghost\"\n                                size=\"icon\"\n                                onPress={() => {\n                                    const context = { openDialog, closeDialog };\n                                    it.onPress({ ...context, data });\n                                }}\n                            >\n                                <Icon className=\"size-icon\" />\n                            </Button>\n                            <Tooltip>{itemLabel}</Tooltip>\n                        </TooltipTrigger>\n                    );\n                })}\n            </div>\n        );\n    }\n\n    return (\n        <EasyMenu withChevron={false} aria-label=\"Actions\" label={label} size={'icon'}>\n            {items.map((it, i) => {\n                const Icon = it.icon;\n                const label = typeof it.label === 'function' ? it.label(data) : it.label;\n                return (\n                    <MenuItem\n                        key={`${i}-${typeof label === 'string' ? label : ''}`}\n                        id={typeof label === 'string' ? label : undefined}\n                        isDisabled={it.isDisabled?.(data) ?? false}\n                        onAction={() => {\n                            const context = { openDialog, closeDialog };\n                            if (isSingleResourceAction(it)) {\n                                it.onPress({ ...context, data });\n                            }\n                        }}\n                    >\n                        <Icon className=\"size-icon\" />\n                        {label}\n                    </MenuItem>\n                );\n            })}\n        </EasyMenu>\n    );\n}\n","'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport { getLocalTimeZone, parseAbsolute, type ZonedDateTime } from '@internationalized/date';\nimport { useEffect, useRef, useState } from 'react';\nimport { Button } from '../components/button';\nimport { useDataTable } from '../components/data-table';\nimport { DatePicker } from '../components/date-picker';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport { MultiSelect, type MultiSelectProps } from '../components/multi-select';\nimport { NumberField } from '../components/numberfield';\nimport { Popover, PopoverTrigger } from '../components/popover';\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, 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// TODO, entitlementSets.productIds\nfunction createNewFilter(type: FilterType, property: string, needOperator: boolean = true): TableFilter {\n    const id = `${property}-${Date.now()}`;\n    // Bool filters never send an operator\n    const resolvedNeedOperator = type === 'bool' ? false : needOperator;\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 '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\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    /**\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 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    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): 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 '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    pathParameters,\n    onChange,\n}: {\n    filter: TableFilter;\n    filterConfig: Record<string, FilterConfig>;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    pathParameters?: Record<string, any>;\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 === 'bool') {\n        return (\n            <EasyMenu autoFocus label={filter.value ? 'True' : 'False'} variant=\"neutral\" aria-label=\"Filter value\">\n                <MenuItem onAction={() => onChange(true)}>True</MenuItem>\n                <MenuItem onAction={() => onChange(false)}>False</MenuItem>\n            </EasyMenu>\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 = pathParameters ? { path: pathParameters, query: {} } : undefined;\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    pathParameters,\n    resourceFormatter,\n    onRemove,\n    onUpdate,\n    isOpen,\n    onOpenChange,\n}: {\n    filter: TableFilter;\n    filterConfig: Record<string, FilterConfig>;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    pathParameters?: Record<string, any>;\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);\n\n    const project = useProjectName();\n\n    return (\n        <PopoverTrigger isOpen={isOpen} onOpenChange={onOpenChange}>\n            <div className=\"relative\">\n                <Button\n                    type=\"button\"\n                    variant={filter.active === false ? 'neutral' : 'primary_neutral'}\n                    className={'animate-in slide-in-from-left-10 fade-in'}\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                    {filter.active !== false && <span className=\"size-2 z-100 rounded-full bg-primary ms-1\" />}\n                </Button>\n            </div>\n            <Popover className=\"p-icon min-w-48\">\n                <div className=\"flex flex-col gap-icon\">\n                    {(operators.length > 1 || filter.needOperator === false) && (\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                        pathParameters={pathParameters}\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, pathParameters } = 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(filterConfig[key].type, key, filterConfig[key].needOperator),\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 = (type: FilterType, property: string) => {\n        const newFilter = createNewFilter(type, property, filterConfig[property].needOperator);\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(\n                                  filterConfig[f.property].type,\n                                  f.property,\n                                  filterConfig[f.property].needOperator\n                              ),\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(\n                        filterConfig[f.property].type,\n                        f.property,\n                        filterConfig[f.property].needOperator\n                    ),\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                        pathParameters={pathParameters}\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(type, 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    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","columns","filterConfig","columnsToHideByDefault","allowSelection","initialFilters","previewFilters","tableActions","Card","onRowNavigate","disableTableView","include","tableState","_setTableState","useState","sorting","pagination","searchQuery","setSearchQuery","rowSelection","setRowSelection","filters","setFilters","mergedFilters","useMemo","tf","acc","current","merge","includeParam","queryParameters","client","useCtxClient","queryKey","prefsKey","columnOrder","setColumnOrder","useLocalStorage","columnVisibility","setColumnVisibility","viewMode","setViewMode","effectiveViewMode","updateTableState","updates","prev","fetchPage","pageParam","res","tableQuery","useQuery","infiniteQuery","useInfiniteQuery","lastPage","allPages","p","flatData","total","query","isSingleResourceAction","cols","isUpdaterFunction","updater","resolveUpdater","currentValue","tanTable","useReactTable","getCoreRowModel","useEffect","c","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","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","value","formatDate","formatNumber","Badge","TagGroup","item","Tag","CountryName","formatFilesize","formatDays","ALL_OS","ALL_LICENSE_TYPES","Duration","getSubscriptionStartTriggerLabel","HeaderText","header","flexRender","tableCellStyle","isSticky","zIndex","TableComponent","TableHeader","headerGroup","TableRow","TableHead","TableBody","e","isActionsColumn","cellContent","TableCell","isNoResourceAction","isBulkResourceAction","isFetching","openDialog","closeDialog","useControlledDialog","getTableActionIsDisabled","rows","selectedRows","r","i","Icon","isDisabled","context","label","data","it","itemLabel","TooltipTrigger","Tooltip","FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","COMPARISON_OPERATOR_SHORT_LABELS","createNewFilter","type","property","needOperator","id","resolvedNeedOperator","operator","FilterOperations","base","getFilterValueSummary","filter","from","to","FilterValueInput","onChange","TextField","NumberField","fromStr","toStr","parseAbsolute","getLocalTimeZone","DatePicker","v","config","MultiSelect","defaultParams","MultipleIdSearchInput","FilterChip","onRemove","onUpdate","isOpen","onOpenChange","operators","valueSummary","project","PopoverTrigger","Popover","op","filterKeys","k","f","openFilterId","setOpenFilterId","initialized","toSet","key","addFilter","newFilter","removeFilter","clearAllFilters","hasClearableFilters","updateFilter","newOperator","str","open","IcFilter","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 { DataTableFilter, type FiltersConfig, type TableFilter } 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 ApiPathParameters,\n    type ApiResponseBody,\n    useProjectName,\n    useResourceFormatter,\n} from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { Checkbox } from './checkbox';\nimport { Tooltip, TooltipTrigger } from './tooltip';\n\nimport {\n    type CtxIcon,\n    IcColumns,\n    IcFirst,\n    IcGrip,\n    IcInfo,\n    IcLast,\n    IcLayoutGrid,\n    IcLeft,\n    IcMenu,\n    IcMoreVertical,\n    IcRefresh,\n    IcRight,\n    IcSortAsc,\n    IcSortDesc,\n    IcSortNone,\n} from './icons';\nimport { ALL_LICENSE_TYPES, getSubscriptionStartTriggerLabel } from './select-options';\n\nimport type { Cell, ColumnHelper } from '@tanstack/react-table';\nimport type { ClientPathsWithMethod } from 'openapi-fetch';\nimport type { PressEvent } from 'react-aria-components';\nimport { type CtxClientType, useCtxClient } from '../utilities/ctx-client';\nimport { ControlledDialogProvider, useControlledDialog } from './dialog';\nimport { Tag, TagGroup } from './tag-group';\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\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    columns: ColumnDef<T, any>[];\n    tableActions: TableAction<T>[];\n    columnsToHideByDefault?: Partial<Record<keyof T, boolean>>; // Columns that are hidden by default\n    allowSelection?: boolean;\n    filterConfig: TFilterConfig;\n    initialFilters: TableFilter[];\n    previewFilters?: (keyof TFilterConfig)[];\n    /** When provided, each row becomes a navigable link. Called with the row's data on click or Enter. */\n    onRowNavigate?: (row: T) => void;\n    /** Related resources to embed in list responses, e.g. `['users', 'organization']` → `?include=users,organization`. */\n    include?: string[];\n};\n\ntype CardRenderer<T> = (item: T, actions: SingleResourceAction<T>[], selection: CardSelectionProps) => 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    columns,\n    filterConfig,\n    columnsToHideByDefault = {},\n    allowSelection = false,\n    initialFilters = [],\n    previewFilters,\n    tableActions,\n    Card,\n    onRowNavigate,\n    disableTableView,\n    include,\n}: DataTableFactory<T, TOperation, TFilterConfig>) {\n    const [tableState, _setTableState] = useState<DataTableState>({\n        /** Reflect in URL in host application  */\n        pagination: { pageIndex: 0, pageSize: 20 }, // Pagination state\n        sorting: [], // Sorting state\n    });\n\n    const { sorting, pagination } = tableState;\n\n    const [searchQuery, setSearchQuery] = useState('');\n\n    const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n\n    /** Reflect in URL in host application  */\n    const [filters, setFilters] = useState(initialFilters);\n    const mergedFilters = useMemo(() => {\n        // TODO, generic transform fn\n        return filters\n            .filter(tf => tf.active !== false)\n            .map(tf => {\n                // Filters that don't need an operator are sent as `property=value`\n                if (tf.needOperator === false) {\n                    return {\n                        [tf.property]: Array.isArray(tf.value) ? tf.value.join(',') : tf.value,\n                    };\n                }\n                if (tf.operator === 'between' && Array.isArray(tf.value) && tf.value.length === 2) {\n                    return {\n                        [tf.property]: {\n                            gte: tf.value[0],\n                            lte: tf.value[1],\n                        },\n                    };\n                }\n                if (Array.isArray(tf.value)) {\n                    return {\n                        [tf.property]: {\n                            [tf.operator]: tf.value.join(','),\n                        },\n                    };\n                }\n                return {\n                    [tf.property]: {\n                        [tf.operator]: tf.value,\n                    },\n                };\n            })\n            .reduce((acc, current) => {\n                return merge(acc, current);\n            }, {});\n    }, [filters]);\n\n    const includeParam = include?.length ? include.join(',') : undefined;\n\n    const queryParameters = {\n        ...filters,\n        page: pagination.pageIndex + 1,\n        limit: pagination.pageSize,\n        sort: generateSortParam(sorting[0]),\n        search: searchQuery,\n        ...(includeParam ? { include: includeParam } : {}),\n    };\n\n    const client = useCtxClient();\n    // TODO, this seems incorrect, verify\n    const queryKey = ['get', path, queryParameters];\n\n    const prefsKey = `${path}_ctx`;\n    const [columnOrder, setColumnOrder] = useLocalStorage<ColumnOrderState>(`${prefsKey}_column_order_preference`, []);\n    const [columnVisibility, setColumnVisibility] = useLocalStorage<VisibilityState>(\n        `${prefsKey}_column_visibility_preference`,\n        {\n            id: false,\n            ...columnsToHideByDefault,\n        }\n    );\n    const [viewMode, setViewMode] = useLocalStorage<'table' | 'card'>(\n        `${prefsKey}_view_mode_preference`,\n        disableTableView ? 'card' : 'table'\n    );\n    const effectiveViewMode = disableTableView ? 'card' : viewMode;\n\n    // Update table state with new values\n    const updateTableState = (updates: Partial<DataTableState>) => {\n        _setTableState(prev => ({ ...prev, ...updates }));\n    };\n\n    async function fetchPage(pageParam: number) {\n        const res = await client.GET(path, {\n            params: {\n                query: {\n                    page: pageParam,\n                    limit: pagination.pageSize,\n                    sort: queryParameters.sort,\n                    search: queryParameters.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: [...queryKey, 'table'],\n        enabled: effectiveViewMode === 'table',\n        queryFn: () => fetchPage(pagination.pageIndex + 1),\n        placeholderData: prev => prev,\n    });\n\n    const infiniteQuery = useInfiniteQuery({\n        queryKey: [...queryKey, 'card'],\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 columns = tanTable.getAllLeafColumns();\n        //Make sure actions column is always at the end\n        setColumnOrder([\n            ...columns.filter(c => c.id !== ACTIONS_COLUMN_ID).map(c => c.id),\n            ...columns.filter(c => c.id === ACTIONS_COLUMN_ID).map(c => c.id),\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        viewMode: effectiveViewMode,\n        setViewMode,\n        Card,\n        allowSelection,\n        previewFilters,\n        infiniteQuery,\n        disableTableView,\n        onRowNavigate,\n    } as const;\n}\n\nexport const DataTableContext = createContext<ReturnType<typeof useDataTableState> | null>(null);\n// TODO, don't export this\nexport function useDataTable() {\n    const ctx = useContext(DataTableContext);\n    if (!ctx) {\n        throw Error('DataTable should be used within DataTableProvider.');\n    }\n    return ctx;\n}\n\nexport function DataTableProvider<T extends object, TOperation extends keyof operations>({\n    children,\n    ...props\n}: { children: React.ReactNode } & ReturnType<typeof useDataTableState<T, TOperation>>) {\n    // @ts-expect-error, propogating the generic type further will be more complex. Since this is a tightly coupled type, it should be okay but reviewed whenever useDataTableState changes.\n    return <DataTableContext.Provider value={props}>{children}</DataTableContext.Provider>;\n}\n\nfunction EmptyMessage() {\n    const { query } = useDataTable();\n    if (query.isFetching) return null;\n    if (query.isError)\n        return (\n            <span className=\"flex gap-3 items-center\">\n                <IcInfo />\n                <span>{query.error?.message}</span>\n            </span>\n        );\n    if (query.data?.data?.length === 0) return <>No results found.</>;\n    return <>Unknown error. Please contact customer support.</>;\n}\n\nfunction Content({ cardGridClassName }: { cardGridClassName?: string }) {\n    const { query, tanTable, viewMode, tableActions, Card } = useDataTable();\n    const cardActions = tableActions.filter(isSingleResourceAction);\n    const isCardView = viewMode === 'card' && !!Card;\n\n    if (query.isLoading)\n        return (\n            <div className=\"body-sm flex items-center justify-center min-h-32\">\n                <Loader />\n            </div>\n        );\n    if (tanTable.getRowModel().rows.length === 0)\n        return (\n            <div className=\"body-sm flex items-center justify-center min-h-32 text-muted\">\n                <EmptyMessage />\n            </div>\n        );\n    if (isCardView) return <CardGrid Card={Card!} actions={cardActions} className={cardGridClassName} />;\n    return <TableContent className=\"w-full\" />;\n}\n\nexport type DataTableProps = React.ComponentProps<'section'> & {\n    cardGridClassName?: string;\n};\nexport function DataTable({ className, cardGridClassName, ...props }: DataTableProps) {\n    const { viewMode } = useDataTable();\n\n    return (\n        <>\n            <ControlledDialogProvider>\n                {/* Table Actions Section */}\n                <Actions />\n                <section\n                    {...props}\n                    className={classNames(\n                        'z-20 flex flex-col',\n                        viewMode === 'table' ? 'border rounded-md' : '',\n                        className\n                    )}\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                    {viewMode === 'table' && (\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: (item: T, actions: SingleResourceAction<T>[], selection: CardSelectionProps) => React.ReactNode;\n    actions: SingleResourceAction<T>[];\n} & React.ComponentProps<'div'>) {\n    const { tanTable, allowSelection } = useDataTable();\n    const { infiniteQuery } = useDataTable(); // expose from context\n    const sentinelRef = useRef<HTMLDivElement>(null);\n\n    // Todo: virtualization, see https://tanstack.com/virtual/latest/docs/introduction\n    useEffect(() => {\n        const el = sentinelRef.current;\n        if (!el) return;\n\n        const observer = new IntersectionObserver(\n            entries => {\n                if (entries[0].isIntersecting && infiniteQuery.hasNextPage && !infiniteQuery.isFetchingNextPage) {\n                    infiniteQuery.fetchNextPage();\n                }\n            },\n            { threshold: 0.1 }\n        );\n\n        observer.observe(el);\n        return () => observer.disconnect();\n    }, [infiniteQuery.hasNextPage, infiniteQuery.isFetchingNextPage]);\n\n    return (\n        <div {...props} className={classNames(className, 'grid grid-cols-1 lg:grid-cols-2 gap-icon')}>\n            {tanTable.getRowModel().rows.map(row => {\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)}</Fragment>;\n            })}\n\n            {/* Invisible sentinel at the bottom triggers next page fetch */}\n            <div ref={sentinelRef} className=\"col-span-full h-4 flex items-center justify-center\">\n                {infiniteQuery.isFetchingNextPage && <Loader />}\n            </div>\n        </div>\n    );\n}\n\n// TODO, ?include query param on Licenses, Activations and other future resources that need this\nfunction ColumnPicker() {\n    const projectName = useProjectName();\n\n    if (projectName === 'customer-portal') {\n        return null;\n    }\n\n    const { tanTable } = useDataTable();\n    const [activeId, setActiveId] = useState<string | null>(null);\n\n    const resourceFormatter = useResourceFormatter();\n\n    const sensors = useSensors(\n        useSensor(PointerSensor),\n        useSensor(KeyboardSensor, {\n            coordinateGetter: sortableKeyboardCoordinates,\n        })\n    );\n    return (\n        <DndContext\n            sensors={sensors}\n            collisionDetection={closestCenter}\n            onDragStart={event => {\n                const { active } = event;\n                setActiveId(active.id.toString());\n            }}\n            onDragEnd={event => {\n                const { active, over } = event;\n\n                if (over && active.id !== over.id) {\n                    const columnOrder = tanTable.getState().columnOrder;\n                    const oldIndex = columnOrder.indexOf(active.id.toString());\n                    const newIndex = columnOrder.indexOf(over.id.toString());\n                    tanTable.setColumnOrder([...arrayMove(columnOrder, oldIndex, newIndex)]);\n                }\n\n                setActiveId(null);\n            }}\n        >\n            <SortableContext items={tanTable.getState().columnOrder} strategy={verticalListSortingStrategy}>\n                <EasyMenu\n                    label={\n                        <>\n                            <IcColumns className=\"inline align-bottom me-1\" />\n                            Columns\n                        </>\n                    }\n                    selectionMode=\"multiple\"\n                    size={'sm'}\n                    items={tanTable.getAllFlatColumns()}\n                    // Using selectedKeys = 'all' does not mark MenuItems with isDisabled=true as selected. This is not the intended behaviour in this use-case.\n                    selectedKeys={tanTable.getVisibleFlatColumns().map(c => c.id)}\n                >\n                    <MenuItem onAction={() => tanTable.toggleAllColumnsVisible()} className={'italic'}>\n                        (select all)\n                    </MenuItem>\n                    {tanTable.getState().columnOrder.map(colId => {\n                        const col = tanTable.getAllFlatColumns().find(c => c.id === colId);\n                        // Don't show checkbox and actions columns in picker\n                        if (!col || col.id === 'checkbox' || col.id === ACTIONS_COLUMN_ID) return null;\n                        return <SortableItem key={col.id} column={col} />;\n                    })}\n                </EasyMenu>\n                <DragOverlay>\n                    {activeId ? (\n                        <div className=\"opacity-70 border-2 border-primary\">{resourceFormatter(activeId)}</div>\n                    ) : null}\n                </DragOverlay>\n            </SortableContext>\n        </DndContext>\n    );\n\n    function SortableItem({ column }: { column: Column<any, unknown> }) {\n        const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: column.id });\n        const style = {\n            transform: CSS.Transform.toString(transform),\n            transition,\n            zIndex: '999',\n        };\n        return (\n            <MenuItem\n                ref={setNodeRef}\n                style={style}\n                {...attributes}\n                id={column.id}\n                onAction={() => column.toggleVisibility()}\n                isDisabled={!column.getCanHide()}\n                className=\"flex items-center\"\n            >\n                <IcGrip {...listeners} className=\"size-icon cursor-grab\" />\n                {getColumnHeaderText(column)}\n                {column.getIsSorted() && <SortIcon className=\"size-icon\" direction={column.getIsSorted()} />}\n            </MenuItem>\n        );\n    }\n}\n\nfunction Paginator() {\n    const { tanTable } = useDataTable();\n    const rowCount = tanTable.getRowCount();\n    return (\n        <div className=\"flex items-center gap-2\">\n            <span className=\"whitespace-nowrap body-sm text-muted\">\n                {`${tanTable.getState().pagination.pageIndex * tanTable.getState().pagination.pageSize + 1} - ${Math.min(\n                    (tanTable.getState().pagination.pageIndex + 1) * tanTable.getState().pagination.pageSize,\n                    rowCount\n                )} of ${rowCount?.toLocaleString()}`}\n            </span>\n\n            {(tanTable.getCanNextPage() || tanTable.getCanPreviousPage()) && (\n                <>\n                    <Button\n                        aria-label=\"First page\"\n                        onPress={() => tanTable.firstPage()}\n                        isDisabled={!tanTable.getCanPreviousPage()}\n                        variant=\"neutral\"\n                        size={'icon-sm'}\n                    >\n                        <IcFirst />\n                    </Button>\n                    <Button\n                        aria-label=\"Previous page\"\n                        onPress={() => tanTable.previousPage()}\n                        isDisabled={!tanTable.getCanPreviousPage()}\n                        variant=\"neutral\"\n                        size={'icon-sm'}\n                    >\n                        <IcLeft />\n                    </Button>\n                    <Button\n                        aria-label=\"Next page\"\n                        onPress={() => tanTable.nextPage()}\n                        isDisabled={!tanTable.getCanNextPage()}\n                        variant=\"neutral\"\n                        size={'icon-sm'}\n                    >\n                        <IcRight />\n                    </Button>\n                    <Button\n                        aria-label=\"Last page\"\n                        onClick={() => tanTable.lastPage()}\n                        isDisabled={!tanTable.getCanNextPage()}\n                        variant=\"neutral\"\n                        size={'icon-sm'}\n                    >\n                        <IcLast />\n                    </Button>\n                </>\n            )}\n        </div>\n    );\n}\n\nfunction PageSize() {\n    const projectName = useProjectName();\n\n    if (projectName === 'customer-portal') {\n        return null;\n    }\n\n    const { tanTable } = useDataTable();\n    const PAGE_SIZES = [10, 20, 30, 40, 50];\n\n    return (\n        <EasyMenu\n            label={tanTable.getState().pagination.pageSize.toString()}\n            selectionMode=\"single\"\n            size={'sm'}\n            selectedKeys={[tanTable.getState().pagination.pageSize.toString()]}\n            items={PAGE_SIZES.map(s => ({ id: s.toString(), value: s }))}\n        >\n            {items => <MenuItem onAction={() => tanTable.setPageSize(items.value)}>{items.value}</MenuItem>}\n        </EasyMenu>\n    );\n}\n\nfunction Actions() {\n    const {\n        query,\n        tanTable,\n        searchQuery,\n        setSearchQuery,\n        tableActions,\n        viewMode,\n        setViewMode,\n        Card,\n        previewFilters,\n        disableTableView,\n    } = useDataTable();\n    const hasSelectedRows = tanTable.getSelectedRowModel().rows.length > 0;\n\n    const filteredActions = tableActions\n        .filter(ta => ta.resourceType !== 'single')\n        .filter(ta => (ta.resourceType === 'multiple') === hasSelectedRows);\n\n    return (\n        <section className=\"flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1\">\n            <div className=\"flex gap-icon\">\n                <Button\n                    aria-label=\"Refresh\"\n                    isPending={query.isFetching}\n                    onClick={() => query.refetch()}\n                    variant={'neutral'}\n                    size={'icon'}\n                >\n                    <IcRefresh />\n                </Button>\n                {<SearchField value={searchQuery} onChange={setSearchQuery} />}\n                <DataTableFilter previewFilters={previewFilters as string[] | undefined} />\n            </div>\n            <div className=\"flex gap-icon\">\n                <TableActions items={filteredActions} isFetching={query.isFetching} />\n                {Card &&\n                    !disableTableView && ( // Only show view mode toggle button if a Card component was provided and table view is enabled\n                        <div className=\"flex gap-1 bg-elevation-1 rounded-md overflow-hidden\">\n                            <Button\n                                variant={viewMode === 'table' ? 'primary' : 'neutral'}\n                                size=\"icon\"\n                                onPress={() => setViewMode('table')}\n                                aria-label=\"Table view\"\n                                className=\"border-none\"\n                            >\n                                <IcMenu />\n                            </Button>\n                            <Button\n                                variant={viewMode === 'card' ? 'primary' : 'neutral'}\n                                size=\"icon\"\n                                onPress={() => setViewMode('card')}\n                                aria-label=\"Card view\"\n                                className=\"border-none\"\n                            >\n                                <IcLayoutGrid />\n                            </Button>\n                        </div>\n                    )}\n            </div>\n        </section>\n    );\n}\n\nfunction SortIcon({\n    direction,\n    ...props\n}: { direction: 'asc' | 'desc' | false } & Omit<React.ComponentProps<'svg'>, 'direction'>) {\n    if (direction === 'asc') return <IcSortAsc className=\"size-3.5\" {...props} />;\n    else if (direction === 'desc') return <IcSortDesc className=\"size-3.5\" {...props} />;\n    else return <IcSortNone className=\"size-3.5\" {...props} />;\n}\n\nfunction getColumnHeaderText(column: Column<any, unknown>): string {\n    const resourceFormatter = useResourceFormatter();\n    const headerDef = column.columnDef.header;\n    return typeof headerDef === 'string' ? headerDef : resourceFormatter(column.id);\n}\n\n/**\n * Renders a cell value based on the displayType metadata\n * @param cell - The cell to render\n * @returns The formatted value as a React node\n */\nfunction renderCellByDisplayType(cell: Cell<any, any>): React.ReactNode {\n    const displayType = cell.column.columnDef.meta?.displayType;\n    const value = cell.getValue();\n\n    if (value === null || value === undefined) {\n        return null;\n    }\n\n    switch (displayType) {\n        case 'date':\n            return <span className=\"tabular-nums\">{formatDate(value)}</span>;\n        case 'number':\n            return <span className=\"block text-right tabular-nums\">{formatNumber(value)}</span>;\n        case 'boolean':\n            return (\n                <Badge variant={Boolean(value) ? 'success' : 'destructive'} className=\"capitalize\">\n                    {String(value)}\n                </Badge>\n            );\n        case 'badge':\n            return <Badge>{String(value)}</Badge>;\n        case 'tags':\n            let items: string[] = !Array.isArray(value) ? [String(value)] : value;\n            return (\n                <TagGroup items={items.map(item => ({ id: item, name: item }))}>\n                    {item => <Tag>{item.name}</Tag>}\n                </TagGroup>\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/10 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 ? 'group-hover:bg-elevation-mid bg-elevation-1' : '',\n                                            'z-1'\n                                        ),\n                                        isActionsColumn && 'flex justify-center items-center'\n                                    )}\n                                >\n                                    {cellContent}\n                                </TableCell>\n                            );\n                        })}\n                    </TableRow>\n                ))}\n            </TableBody>\n        </TableComponent>\n    );\n}\n\n/** Base properties shared by all table actions */\ntype ActionBase = {\n    label: string;\n    icon: CtxIcon;\n    tooltip?: string;\n    /** Optional button variant to pass through to Button (defaults to neutral) */\n    variant?: React.ComponentProps<typeof Button>['variant'];\n};\n\n/** Context provided to onPress functions in TableActions */\ntype ActionPressContext = {\n    event?: PressEvent;\n    openDialog: (c: React.ReactNode) => void;\n    closeDialog: () => void;\n};\n\nexport type NoResourceAction = ActionBase & {\n    resourceType: 'none';\n    isDisabled?: () => boolean;\n    onPress: (c: ActionPressContext) => void;\n};\n\nexport type SingleResourceAction<T> = Omit<ActionBase, 'label'> & {\n    resourceType: 'single';\n    /** Label function that receives row data for dynamic labels */\n    label: string | ((data: T) => React.ReactNode);\n    isDisabled?: (data: T) => boolean;\n    onPress: (c: ActionPressContext & { data: T }) => void;\n};\n\nexport type BulkResourceAction<T> = ActionBase & {\n    resourceType: 'multiple';\n    isDisabled?: (data: T[]) => boolean;\n    onPress: (c: ActionPressContext & { data: T[] }) => void;\n};\n\n/** Common table action type that works for both action and dialog types */\nexport type TableAction<T> = NoResourceAction | SingleResourceAction<T> | BulkResourceAction<T>;\n\nfunction isNoResourceAction<T>(item: TableAction<T>): item is NoResourceAction {\n    return item.resourceType === 'none';\n}\n\nfunction isSingleResourceAction<T>(item: TableAction<T>): item is SingleResourceAction<T> {\n    return item.resourceType === 'single';\n}\n\nfunction isBulkResourceAction<T>(item: TableAction<T>): item is BulkResourceAction<T> {\n    return item.resourceType === 'multiple';\n}\n\nexport type TableActionsProps<T> = {\n    /** Array of table actions to render */\n    readonly items: (NoResourceAction | BulkResourceAction<T>)[];\n    /** Whether the table is currently fetching data */\n    readonly isFetching?: boolean;\n};\n\nfunction TableActions<T>({ items, isFetching }: TableActionsProps<T>) {\n    const { openDialog, closeDialog } = useControlledDialog();\n    const { tanTable } = useDataTable();\n\n    function getTableActionIsDisabled<T>(item: TableAction<T>, rows: T[]): boolean {\n        if (!item.isDisabled) return false;\n\n        if (isNoResourceAction(item)) {\n            return item.isDisabled();\n        } else if (isBulkResourceAction(item)) {\n            return item.isDisabled(rows);\n        }\n        return false;\n    }\n\n    const selectedRows = tanTable.getSelectedRowModel().rows.map(r => r.original);\n    return (\n        <>\n            {items.map((item, i) => {\n                const Icon = item.icon;\n                const isDisabled = getTableActionIsDisabled(item, selectedRows) || isFetching;\n\n                return (\n                    <Button\n                        key={`${item.label}-${i}`}\n                        aria-label={item.label}\n                        type=\"button\"\n                        isDisabled={isDisabled}\n                        className=\"animate-in fade-in slide-in-from-right-15 duration-300 transition-transform\"\n                        onPress={e => {\n                            const context = { event: e, openDialog, closeDialog };\n                            // TableActions only has Bulk actions and NoResource actions\n                            if (isNoResourceAction(item)) {\n                                item.onPress(context);\n                            } else if (isBulkResourceAction(item)) {\n                                item.onPress({ ...context, data: selectedRows });\n                            }\n                        }}\n                        variant={item.variant ?? 'neutral'}\n                    >\n                        {Icon && <Icon aria-hidden />}\n                        <span>{item.label}</span>\n                    </Button>\n                );\n            })}\n        </>\n    );\n}\n\nfunction TableActionsRowMenu<T>({\n    label,\n    items,\n    data,\n}: {\n    readonly label: React.ReactNode;\n    readonly items: SingleResourceAction<T>[];\n    readonly data: T;\n}) {\n    const { openDialog, closeDialog } = useControlledDialog();\n\n    if (items.length < 4) {\n        return (\n            <div className=\"flex items-center gap-2\">\n                {items.map((it, i) => {\n                    const Icon = it.icon;\n                    const itemLabel = typeof it.label === 'function' ? it.label(data) : it.label;\n                    return (\n                        <TooltipTrigger key={`${i}-${typeof itemLabel === 'string' ? itemLabel : ''}`}>\n                            <Button\n                                aria-label={typeof itemLabel === 'string' ? itemLabel : undefined}\n                                isDisabled={it.isDisabled?.(data) ?? false}\n                                variant=\"ghost\"\n                                size=\"icon\"\n                                onPress={() => {\n                                    const context = { openDialog, closeDialog };\n                                    it.onPress({ ...context, data });\n                                }}\n                            >\n                                <Icon className=\"size-icon\" />\n                            </Button>\n                            <Tooltip>{itemLabel}</Tooltip>\n                        </TooltipTrigger>\n                    );\n                })}\n            </div>\n        );\n    }\n\n    return (\n        <EasyMenu withChevron={false} aria-label=\"Actions\" label={label} size={'icon'}>\n            {items.map((it, i) => {\n                const Icon = it.icon;\n                const label = typeof it.label === 'function' ? it.label(data) : it.label;\n                return (\n                    <MenuItem\n                        key={`${i}-${typeof label === 'string' ? label : ''}`}\n                        id={typeof label === 'string' ? label : undefined}\n                        isDisabled={it.isDisabled?.(data) ?? false}\n                        onAction={() => {\n                            const context = { openDialog, closeDialog };\n                            if (isSingleResourceAction(it)) {\n                                it.onPress({ ...context, data });\n                            }\n                        }}\n                    >\n                        <Icon className=\"size-icon\" />\n                        {label}\n                    </MenuItem>\n                );\n            })}\n        </EasyMenu>\n    );\n}\n","'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport { getLocalTimeZone, parseAbsolute, type ZonedDateTime } from '@internationalized/date';\nimport { useEffect, useRef, useState } from 'react';\nimport { Pressable } from 'react-aria-components';\nimport { Button } from '../components/button';\nimport { useDataTable } from '../components/data-table';\nimport { DatePicker } from '../components/date-picker';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport { MultiSelect, type MultiSelectProps } from '../components/multi-select';\nimport { NumberField } from '../components/numberfield';\nimport { Popover, PopoverTrigger } from '../components/popover';\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, IcDate, IcDelete, 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// TODO, entitlementSets.productIds\nfunction createNewFilter(type: FilterType, property: string, needOperator: boolean = true): TableFilter {\n    const id = `${property}-${Date.now()}`;\n    // Bool filters never send an operator\n    const resolvedNeedOperator = type === 'bool' ? false : needOperator;\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 '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\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    /**\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 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    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): 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 '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    pathParameters,\n    onChange,\n}: {\n    filter: TableFilter;\n    filterConfig: Record<string, FilterConfig>;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    pathParameters?: Record<string, any>;\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 === 'bool') {\n        return (\n            <EasyMenu autoFocus label={filter.value ? 'True' : 'False'} variant=\"neutral\" aria-label=\"Filter value\">\n                <MenuItem onAction={() => onChange(true)}>True</MenuItem>\n                <MenuItem onAction={() => onChange(false)}>False</MenuItem>\n            </EasyMenu>\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 = pathParameters ? { path: pathParameters, query: {} } : undefined;\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    pathParameters,\n    resourceFormatter,\n    onRemove,\n    onUpdate,\n    isOpen,\n    onOpenChange,\n}: {\n    filter: TableFilter;\n    filterConfig: Record<string, FilterConfig>;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    pathParameters?: Record<string, any>;\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);\n\n    const project = useProjectName();\n\n    return (\n        <PopoverTrigger isOpen={isOpen} onOpenChange={onOpenChange}>\n            <div className=\"relative\">\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                    <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                    {filter.active !== false && (\n                        <Pressable onPress={() => onRemove()}>\n                            <IcDelete className=\"hover:text-destructive-500\" />\n                        </Pressable>\n                    )}\n                </Button>\n            </div>\n            <Popover className=\"p-icon min-w-48\">\n                <div className=\"flex flex-col gap-icon\">\n                    {(operators.length > 1 || filter.needOperator === false) && (\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                        pathParameters={pathParameters}\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, pathParameters } = 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(filterConfig[key].type, key, filterConfig[key].needOperator),\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 = (type: FilterType, property: string) => {\n        const newFilter = createNewFilter(type, property, filterConfig[property].needOperator);\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(\n                                  filterConfig[f.property].type,\n                                  f.property,\n                                  filterConfig[f.property].needOperator\n                              ),\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(\n                        filterConfig[f.property].type,\n                        f.property,\n                        filterConfig[f.property].needOperator\n                    ),\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                        pathParameters={pathParameters}\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(type, 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    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","columns","filterConfig","columnsToHideByDefault","allowSelection","initialFilters","previewFilters","tableActions","Card","onRowNavigate","disableTableView","include","tableState","_setTableState","useState","sorting","pagination","searchQuery","setSearchQuery","rowSelection","setRowSelection","filters","setFilters","mergedFilters","useMemo","tf","acc","current","merge","includeParam","queryParameters","client","useCtxClient","queryKey","prefsKey","columnOrder","setColumnOrder","useLocalStorage","columnVisibility","setColumnVisibility","viewMode","setViewMode","effectiveViewMode","updateTableState","updates","prev","fetchPage","pageParam","res","tableQuery","useQuery","infiniteQuery","useInfiniteQuery","lastPage","allPages","p","flatData","total","query","isSingleResourceAction","cols","isUpdaterFunction","updater","resolveUpdater","currentValue","tanTable","useReactTable","getCoreRowModel","useEffect","c","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","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","value","formatDate","formatNumber","Badge","TagGroup","item","Tag","CountryName","formatFilesize","formatDays","ALL_OS","ALL_LICENSE_TYPES","Duration","getSubscriptionStartTriggerLabel","HeaderText","header","flexRender","tableCellStyle","isSticky","zIndex","TableComponent","TableHeader","headerGroup","TableRow","TableHead","TableBody","e","isActionsColumn","cellContent","TableCell","isNoResourceAction","isBulkResourceAction","isFetching","openDialog","closeDialog","useControlledDialog","getTableActionIsDisabled","rows","selectedRows","r","i","Icon","isDisabled","context","label","data","it","itemLabel","TooltipTrigger","Tooltip","FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","COMPARISON_OPERATOR_SHORT_LABELS","createNewFilter","type","property","needOperator","id","resolvedNeedOperator","operator","FilterOperations","base","getFilterValueSummary","filter","from","to","FilterValueInput","onChange","TextField","NumberField","fromStr","toStr","parseAbsolute","getLocalTimeZone","DatePicker","v","config","MultiSelect","defaultParams","MultipleIdSearchInput","FilterChip","onRemove","onUpdate","isOpen","onOpenChange","operators","valueSummary","project","PopoverTrigger","IcFilter","Pressable","IcDelete","Popover","op","filterKeys","k","f","openFilterId","setOpenFilterId","initialized","toSet","key","addFilter","newFilter","removeFilter","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 f}from"react/jsx-runtime";import{cva as x}from"class-variance-authority";import{createContext as p,useState as c,useContext as h}from"react";import{DialogTrigger as b,Modal as D,Dialog as v,composeRenderProps as m,ModalOverlay as C,Heading as w}from"react-aria-components";import{Button as N}from"./button.js";import{classNames as o}from"../utilities/theme.js";import{IcClose as y}from"./icons.js";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";const z=x(["fixed z-50 gap-icon bg-elevation-1 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 data-[entering]:slide-in-from-bottom data-[exiting]:slide-out-to-bottom max-h-table",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"}}}),O=b,P=({className:t,isDismissable:e=!0,...n})=>i(C,{isDismissable:e,className:m(t,a=>o("fixed inset-0 z-50 bg-background/90","data-[exiting]:duration-100 data-[exiting]:animate-out","data-[entering]:animate-in",a)),...n});function T({className:t,children:e,side:n,role:a,closeButton:l=!0,...s}){return i(D,{className:m(t,r=>o(n?z({side: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-1 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(v,{role:a,className:o(!n&&"grid h-full gap-icon relative","h-full outline-none"),children:m(e,(r,d)=>g(f,{children:[r,l&&i("div",{className:"absolute right-2 top-1",children:g(N,{size:"icon",variant:"ghost",onPress:d.close,className:"!rounded-full",children:[i(y,{}),i("span",{className:"sr-only",children:"Close"})]})})]}))})})}function V({className:t,...e}){return i("div",{className:o("flex flex-col p-icon border-b gap-y-2 text-center sm:text-left",t),...e})}function $({className:t,...e}){return i("div",{className:o("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2 p-icon border-t",t),...e})}function q({className:t,...e}){return i("div",{className:o("flex flex-col gap-2 p-icon",t),...e})}function A({className:t,...e}){return i(w,{slot:"title",className:o("heading-3 font-semibold leading-none tracking-tight",t),...e})}function G({className:t,...e}){return i("p",{className:o("flex flex-col gap-y-1 text-center sm:text-left",t),...e})}const u=p(null);function J({children:t}){const[e,n]=c(!1),[a,l]=c(null),s=d=>{l(d),n(!0)},r=()=>{n(!1)};return g(u.Provider,{value:{openDialog:s,closeDialog:r,isOpen:e},children:[t,i(O,{isOpen:e,onOpenChange:n,children:i(P,{isDismissable:!0,children:i(T,{children:a})})})]})}function K(){const t=h(u);if(!t)throw new Error("useControlledDialog must be used within ControlledDialogProvider");return t}export{J as ControlledDialogProvider,q as DialogBody,T as DialogContent,G as DialogDescription,$ as DialogFooter,V as DialogHeader,P as DialogOverlay,A as DialogTitle,O as DialogTrigger,K as useControlledDialog};
+"use client";import{jsxs as g,jsx as i,Fragment as f}from"react/jsx-runtime";import{cva as x}from"class-variance-authority";import{createContext as p,useState as c,useContext as h}from"react";import{DialogTrigger as b,Modal as D,Dialog as v,composeRenderProps as m,ModalOverlay as C,Heading as w}from"react-aria-components";import{Button as N}from"./button.js";import{classNames as o}from"../utilities/theme.js";import{IcClose as y}from"./icons.js";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";const z=x(["fixed z-50 gap-icon bg-elevation-1 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 data-[entering]:slide-in-from-bottom data-[exiting]:slide-out-to-bottom max-h-table",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"}}}),O=b,P=({className:t,isDismissable:e=!0,...n})=>i(C,{isDismissable:e,className:m(t,a=>o("fixed inset-0 z-50 bg-background/30","data-[exiting]:duration-100 data-[exiting]:animate-out","data-[entering]:animate-in",a)),...n});function T({className:t,children:e,side:n,role:a,closeButton:l=!0,...s}){return i(D,{className:m(t,r=>o(n?z({side: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-1 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(v,{role:a,className:o(!n&&"grid h-full gap-icon relative","h-full outline-none"),children:m(e,(r,d)=>g(f,{children:[r,l&&i("div",{className:"absolute right-2 top-1",children:g(N,{size:"icon",variant:"ghost",onPress:d.close,className:"!rounded-full",children:[i(y,{}),i("span",{className:"sr-only",children:"Close"})]})})]}))})})}function V({className:t,...e}){return i("div",{className:o("flex flex-col p-icon border-b gap-y-2 text-center sm:text-left",t),...e})}function $({className:t,...e}){return i("div",{className:o("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2 p-icon border-t",t),...e})}function q({className:t,...e}){return i("div",{className:o("flex flex-col gap-2 p-icon",t),...e})}function A({className:t,...e}){return i(w,{slot:"title",className:o("heading-3 font-semibold leading-none tracking-tight",t),...e})}function G({className:t,...e}){return i("p",{className:o("flex flex-col gap-y-1 text-center sm:text-left",t),...e})}const u=p(null);function J({children:t}){const[e,n]=c(!1),[a,l]=c(null),s=d=>{l(d),n(!0)},r=()=>{n(!1)};return g(u.Provider,{value:{openDialog:s,closeDialog:r,isOpen:e},children:[t,i(O,{isOpen:e,onOpenChange:n,children:i(P,{isDismissable:!0,children:i(T,{children:a})})})]})}function K(){const t=h(u);if(!t)throw new Error("useControlledDialog must be used within ControlledDialogProvider");return t}export{J as ControlledDialogProvider,q as DialogBody,T as DialogContent,G as DialogDescription,$ as DialogFooter,V as DialogHeader,P as DialogOverlay,A as DialogTitle,O as DialogTrigger,K 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 { 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-1 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 data-[entering]:slide-in-from-bottom data-[exiting]:slide-out-to-bottom max-h-table',\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/90',\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-1 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-center sm:text-left', 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(\n                'flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2 p-icon border-t',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Body section of the dialog\n */\nexport function DialogBody({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n    return <div className={classNames('flex flex-col gap-2 p-icon', className)} {...props} />;\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\n    return (\n        <ControlledDialogContext.Provider value={{ openDialog, closeDialog, isOpen }}>\n            {children}\n            <DialogTrigger isOpen={isOpen} onOpenChange={setIsOpen}>\n                <DialogOverlay isDismissable>\n                    <DialogContent>{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","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 { 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-1 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 data-[entering]:slide-in-from-bottom data-[exiting]:slide-out-to-bottom max-h-table',\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/30',\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-1 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-center sm:text-left', 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(\n                'flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2 p-icon border-t',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Body section of the dialog\n */\nexport function DialogBody({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n    return <div className={classNames('flex flex-col gap-2 p-icon', className)} {...props} />;\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\n    return (\n        <ControlledDialogContext.Provider value={{ openDialog, closeDialog, isOpen }}>\n            {children}\n            <DialogTrigger isOpen={isOpen} onOpenChange={setIsOpen}>\n                <DialogOverlay isDismissable>\n                    <DialogContent>{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","useControlledDialog","context","useContext"],"mappings":"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"}

package/package.json

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