@cryptlex/web-components 6.6.40 → 6.6.42

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

package/dist/components/sidebar.d.ts

@@ -1,4 +1,5 @@
 import { Button } from '../components/button';
+import { CtxIcon } from './icons';
 type SidebarContextProps = {
     state: 'expanded' | 'collapsed';
     open: boolean;
@@ -95,12 +96,13 @@ export declare function SidebarMenuSub({ className, ...props }: React.ComponentP
  * Submenu item wrapper
  */
 export declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
-export declare const sidebarMenuButtonClasses = "btn-tab rounded-none border-0 justify-start w-full selected:shadow-[inset_2px_0_0_0_var(--color-primary)] group-data-[collapsible=icon]:![font-size:0] group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!px-0 group-data-[collapsible=icon]:!gap-0 group-data-[collapsible=icon]:!rounded-md group-data-[collapsible=icon]:selected:shadow-none";
+export declare const sidebarMenuButtonClasses = "btn-selected rounded-none border-0 justify-start w-full group-data-[collapsible=icon]:!rounded-md group-data-[collapsible=icon]:justify-center";
 /**
  * Main menu button. Pass isActive for current page.
  */
-export declare function SidebarMenuButton({ isActive, className, children, ...props }: Omit<React.ComponentProps<typeof Button>, 'children'> & {
+export declare function SidebarMenuButton({ isActive, className, children, icon: Icon, ...props }: Omit<React.ComponentProps<typeof Button>, 'children'> & {
     /** Mark as currently active page */
+    icon?: CtxIcon;
     isActive?: boolean;
     children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
@@ -113,22 +115,22 @@ export declare function SidebarMenuSubButton({ isActive, className, ...props }:
 /**
  * Sticky header at the top of the sidebar. Displays a square logo slot aligned with the outlet header.
  */
-export declare function SidebarHeader({ className, logo, children, ...props }: React.ComponentProps<'div'> & {
+export declare function SidebarHeader({ className, logo, children, showTrigger, ...props }: React.ComponentProps<'div'> & {
     /** Square logo/icon to display */
     logo?: React.ReactNode;
+    showTrigger?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-/**
- * The main content area next to the sidebar
- */
-export declare function SidebarOutlet({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 /**
  *
  * @example Basic usage
  * ```tsx
  * <SidebarOutlet>
  *  <SidebarOutletHeader><SidebarTrigger/></SidebarOutletHeader>
+ *  <SidebarOutletContent><Outlet/></SidebarOutletContent>
  * </SidebarOutlet>
  * ```
  */
+export declare function SidebarOutlet({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarOutletContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 export declare function SidebarOutletHeader({ className, ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/sidebar.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as t,Fragment as O,jsxs as h}from"react/jsx-runtime";import{createContext as D,useState as x,useCallback as S,useEffect as I,useMemo as j,use as z}from"react";import{Button as N}from"./button.js";import{DialogTrigger as B,DialogOverlay as T,DialogContent as E}from"./dialog.js";import{TooltipTrigger as G,Tooltip as H}from"./tooltip.js";import{classNames as i}from"../utilities/theme.js";import{useIsMobile as K}from"../utilities/use-mobile.js";import{IcMoreHorizontal as L,IcLeft as R,IcRight as A}from"./icons.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";const F="/",y=D(null);function v(){const e=z(y);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}function te({defaultOpen:e=!0,open:a,onOpenChange:n,className:o,style:s,children:l,...b}){const d=K(),[f,u]=x(!1),[_,k]=x(e),p=a??_,m=S(r=>{const c=typeof r=="function"?r(p):r;n?n(c):k(c)},[n,p]),g=S(()=>d?u(r=>!r):m(r=>!r),[d,m,u]);I(()=>{const r=c=>{c.key===F&&(c.metaKey||c.ctrlKey)&&(c.preventDefault(),g())};return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[g]);const w=p?"expanded":"collapsed",C=j(()=>({state:w,open:p,setOpen:m,isMobile:d,openMobile:f,setOpenMobile:u,toggleSidebar:g}),[w,p,m,d,f,u,g]);return t(y.Provider,{value:C,children:t("div",{className:i("group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-elevation-1",o),...b,children:l})})}function ie({side:e="left",variant:a="sidebar",collapsible:n="icon",className:o,children:s,...l}){const{isMobile:b,state:d,openMobile:f,setOpenMobile:u}=v();return n==="none"?t("div",{className:i("flex h-full w-(--sidebar-width) flex-col bg-elevation-1 text-foreground",o),...l,children:s}):b?t(B,{isOpen:f,onOpenChange:u,...l,children:t(T,{children:t(E,{"data-sidebar":"sidebar","data-mobile":"true",className:"w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden",side:"left",children:()=>t(O,{children:s})})})}):h("div",{className:"group peer hidden text-foreground md:block","data-state":d,"data-collapsible":d==="collapsed"?n:"","data-variant":a,"data-side":e,children:[t("div",{className:i("relative w-(--sidebar-width) bg-elevation-1 transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",a==="floating"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),t("div",{className:i("absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",a==="floating"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",o),...l,children:t("div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col bg-elevation-1 group-data-[variant=floating]:border group-data-[variant=floating]:border-border",children:s})})]})}function ne({className:e,onClick:a,...n}){const{toggleSidebar:o,open:s,isMobile:l}=v();return t(N,{"data-sidebar":"trigger",variant:"neutral",size:"icon",className:"!rounded-full",onClick:b=>{a?.(b),o()},...n,children:l?t(L,{}):s?t(R,{}):t(A,{})})}function oe({className:e,...a}){return t("div",{"data-sidebar":"content",className:i("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",e),...a})}function re({className:e,...a}){return t("div",{"data-sidebar":"group",className:i("relative flex w-full min-w-0 flex-col group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-2",e),...a})}function le({className:e,...a}){return t("div",{"data-sidebar":"group-label",className:i("flex h-input shrink-0 items-center px-2 text-xs select-none font-medium uppercase text-muted-foreground outline-none ring-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-input group-data-[collapsible=icon]:opacity-0",e),...a})}function se({className:e,...a}){return t("div",{"data-sidebar":"group-content",className:i("w-full body-sm",e),...a})}function de({className:e,...a}){return t("ul",{"data-sidebar":"menu",className:i("flex w-full min-w-0 flex-col",e),...a})}function ce({className:e,...a}){return t("li",{"data-sidebar":"menu-item",className:i("group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden",e),...a})}function ue({className:e,...a}){return t("button",{"data-sidebar":"menu-action",className:i("absolute top-0 right-0 btn btn-ghost h-input","group-data-[collapsible=icon]:hidden",e),...a})}function be({className:e,number:a,...n}){return t("div",{"data-sidebar":"menu-badge",className:i("absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums","group-data-[collapsible=icon]:hidden",e),...n,children:new Intl.NumberFormat(navigator.language,{useGrouping:!0}).format(a)})}function pe({className:e,...a}){return t("ul",{"data-sidebar":"menu-sub",className:i("ms-2 flex min-w-0 flex-col","group-data-[collapsible=icon]:hidden",e),...a})}function fe({className:e,...a}){return t("li",{className:i("list-none ms-0",e),...a})}const M="btn-tab rounded-none border-0 justify-start w-full selected:shadow-[inset_2px_0_0_0_var(--color-primary)] group-data-[collapsible=icon]:![font-size:0] group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!px-0 group-data-[collapsible=icon]:!gap-0 group-data-[collapsible=icon]:!rounded-md group-data-[collapsible=icon]:selected:shadow-none";function me({isActive:e=!1,className:a,children:n,...o}){const{isMobile:s,state:l}=v();return h(G,{isDisabled:s||l!=="collapsed",children:[t(N,{"data-sidebar":"menu-button",...e&&{"data-selected":!0},className:i("peer/menu-button group-has-[[data-sidebar=menu-action]]/menu-item:pr-input",M,a),...o,children:n}),t(H,{placement:"right",children:t("span",{className:"flex items-center gap-2",children:n})})]})}function ge({isActive:e,className:a,...n}){return t("button",{"data-sidebar":"menu-sub-button","data-active":e,className:i(M,a),...n})}function he({className:e,logo:a,children:n,...o}){return h("div",{"data-sidebar":"header",className:i("flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0",e),...o,children:[a&&t("div",{className:"flex items-center justify-center size-input shrink-0",children:a}),n&&t("div",{className:"flex-1 min-w-0 group-data-[collapsible=icon]:hidden",children:n})]})}function ve({className:e,...a}){return t("div",{className:i(e,"w-full overflow-auto"),...a})}function we({className:e,...a}){return t("nav",{className:i("flex items-center h-header bg-elevation-1 sticky top-0 z-50 p-2 border-b",e),...a})}export{ie as Sidebar,oe as SidebarContent,y as SidebarContext,re as SidebarGroup,se as SidebarGroupContent,le as SidebarGroupLabel,he as SidebarHeader,de as SidebarMenu,ue as SidebarMenuAction,be as SidebarMenuBadge,me as SidebarMenuButton,ce as SidebarMenuItem,pe as SidebarMenuSub,ge as SidebarMenuSubButton,fe as SidebarMenuSubItem,ve as SidebarOutlet,we as SidebarOutletHeader,te as SidebarProvider,ne as SidebarTrigger,M as sidebarMenuButtonClasses,v as useSidebar};
+"use client";import{jsx as t,Fragment as _,jsxs as h}from"react/jsx-runtime";import{createContext as D,useState as x,useCallback as S,useEffect as j,useMemo as z,use as B}from"react";import{Button as N}from"./button.js";import{DialogTrigger as I,DialogOverlay as T,DialogContent as E}from"./dialog.js";import{TooltipTrigger as G,Tooltip as H}from"./tooltip.js";import{classNames as i}from"../utilities/theme.js";import{useIsMobile as K}from"../utilities/use-mobile.js";import{IcMoreHorizontal as L,IcLeft as R,IcRight as A}from"./icons.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";const F="/",M=D(null);function v(){const e=B(M);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}function ie({defaultOpen:e=!0,open:a,onOpenChange:n,className:o,style:r,children:s,...d}){const u=K(),[f,b]=x(!1),[C,O]=x(e),p=a??C,m=S(l=>{const c=typeof l=="function"?l(p):l;n?n(c):O(c)},[n,p]),g=S(()=>u?b(l=>!l):m(l=>!l),[u,m,b]);j(()=>{const l=c=>{c.key===F&&(c.metaKey||c.ctrlKey)&&(c.preventDefault(),g())};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[g]);const w=p?"expanded":"collapsed",k=z(()=>({state:w,open:p,setOpen:m,isMobile:u,openMobile:f,setOpenMobile:b,toggleSidebar:g}),[w,p,m,u,f,b,g]);return t(M.Provider,{value:k,children:t("div",{className:i("group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-elevation-1",o),...d,children:s})})}function ne({side:e="left",variant:a="sidebar",collapsible:n="icon",className:o,children:r,...s}){const{isMobile:d,state:u,openMobile:f,setOpenMobile:b}=v();return n==="none"?t("div",{className:i("flex h-full w-(--sidebar-width) flex-col bg-elevation-1 text-foreground",o),...s,children:r}):d?t(I,{isOpen:f,onOpenChange:b,...s,children:t(T,{children:t(E,{"data-sidebar":"sidebar","data-mobile":"true",className:"w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden",side:"left",children:()=>t(_,{children:r})})})}):h("div",{className:"group peer hidden text-foreground md:block","data-state":u,"data-collapsible":u==="collapsed"?n:"","data-variant":a,"data-side":e,children:[t("div",{className:i("relative w-(--sidebar-width) bg-elevation-1 transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",a==="floating"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),t("div",{className:i("absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",a==="floating"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",o),...s,children:t("div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col bg-elevation-1 group-data-[variant=floating]:border group-data-[variant=floating]:border-border",children:r})})]})}function P({className:e,onClick:a,...n}){const{toggleSidebar:o,open:r,isMobile:s}=v();return t(N,{"data-sidebar":"trigger",variant:"neutral",size:"icon-sm",className:i(e,"!rounded-full"),onClick:d=>{a?.(d),o()},...n,children:s?t(L,{}):r?t(R,{}):t(A,{})})}function oe({className:e,...a}){return t("div",{"data-sidebar":"content",className:i("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",e),...a})}function re({className:e,...a}){return t("div",{"data-sidebar":"group",className:i("relative flex w-full min-w-0 flex-col group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-2",e),...a})}function le({className:e,...a}){return t("div",{"data-sidebar":"group-label",className:i("flex h-input shrink-0 items-center overflow-hidden px-2 text-xs select-none font-medium uppercase text-muted-foreground outline-none ring-ring transition-[height,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0","group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:!h-0 group-data-[collapsible=icon]:min-h-0 group-data-[collapsible=icon]:opacity-0",e),...a})}function se({className:e,...a}){return t("div",{"data-sidebar":"group-content",className:i("w-full body-sm",e),...a})}function de({className:e,...a}){return t("ul",{"data-sidebar":"menu",className:i("flex w-full min-w-0 flex-col",e),...a})}function ue({className:e,...a}){return t("li",{"data-sidebar":"menu-item",className:i("group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden",e),...a})}function ce({className:e,...a}){return t("button",{"data-sidebar":"menu-action",className:i("absolute top-0 right-0 btn btn-ghost h-input","group-data-[collapsible=icon]:hidden",e),...a})}function be({className:e,number:a,...n}){return t("div",{"data-sidebar":"menu-badge",className:i("absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums","group-data-[collapsible=icon]:hidden",e),...n,children:new Intl.NumberFormat(navigator.language,{useGrouping:!0}).format(a)})}function pe({className:e,...a}){return t("ul",{"data-sidebar":"menu-sub",className:i("ms-2 flex min-w-0 flex-col","group-data-[collapsible=icon]:hidden",e),...a})}function fe({className:e,...a}){return t("li",{className:i("list-none ms-0",e),...a})}const y="btn-selected rounded-none border-0 justify-start w-full group-data-[collapsible=icon]:!rounded-md group-data-[collapsible=icon]:justify-center";function me({isActive:e=!1,className:a,children:n,icon:o,...r}){const{isMobile:s,state:d}=v();return h(G,{isDisabled:s||d!=="collapsed",children:[h(N,{size:d==="collapsed"?"icon":void 0,"data-sidebar":"menu-button",...e&&{"data-selected":!0},className:i("peer/menu-button group-has-[[data-sidebar=menu-action]]/menu-item:pr-input",y,a),...r,children:[o&&t(o,{}),d!=="collapsed"&&n]}),t(H,{placement:"right",children:t("span",{className:"flex items-center gap-2",children:n})})]})}function ge({isActive:e,className:a,...n}){return t("button",{"data-sidebar":"menu-sub-button","data-active":e,className:i(y,a),...n})}function he({className:e,logo:a,children:n,showTrigger:o=!0,...r}){return h("div",{"data-sidebar":"header",className:i("flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0",e),...r,children:[a&&t("div",{className:"flex items-center justify-center size-input shrink-0",children:a}),n&&t("div",{className:"flex-1 min-w-0 group-data-[collapsible=icon]:hidden",children:n}),o&&t(P,{className:"hidden bg-elevation-1 lg:flex lg:absolute lg:-right-4 lg:z-50"})]})}function ve({className:e,...a}){return t("div",{className:i(e,"flex flex-col flex-1 overflow-auto"),...a})}function we({className:e,...a}){return t("div",{className:i(e,"flex-1 overflow-auto"),...a})}function xe({className:e,...a}){return t("nav",{className:i("flex items-center h-header bg-elevation-1 p-2 border-b",e),...a})}export{ne as Sidebar,oe as SidebarContent,M as SidebarContext,re as SidebarGroup,se as SidebarGroupContent,le as SidebarGroupLabel,he as SidebarHeader,de as SidebarMenu,ce as SidebarMenuAction,be as SidebarMenuBadge,me as SidebarMenuButton,ue as SidebarMenuItem,pe as SidebarMenuSub,ge as SidebarMenuSubButton,fe as SidebarMenuSubItem,ve as SidebarOutlet,we as SidebarOutletContent,xe as SidebarOutletHeader,ie as SidebarProvider,P as SidebarTrigger,y as sidebarMenuButtonClasses,v as useSidebar};
 //# sourceMappingURL=sidebar.js.map

package/dist/components/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../lib/components/sidebar.tsx"],"sourcesContent":["'use client';\nimport { createContext, use, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Button } from '../components/button';\nimport { DialogContent, DialogOverlay, DialogTrigger } from '../components/dialog';\nimport { Tooltip, TooltipTrigger } from '../components/tooltip';\nimport { classNames } from '../utilities/theme';\nimport { useIsMobile } from '../utilities/use-mobile';\nimport { IcLeft, IcMoreHorizontal, IcRight } from './icons';\n\nconst SIDEBAR_KEYBOARD_SHORTCUT = '/';\n\ntype SidebarContextProps = {\n    state: 'expanded' | 'collapsed';\n    open: boolean;\n    setOpen: (open: boolean) => void;\n    openMobile: boolean;\n    setOpenMobile: (open: boolean) => void;\n    isMobile: boolean;\n    toggleSidebar: () => void;\n};\n\nexport const SidebarContext = createContext<SidebarContextProps | null>(null);\n\n/**\n * Get the current sidebar state and controls. Must be inside SidebarProvider.\n * @throws When used outside of SidebarProvider\n */\nexport function useSidebar() {\n    const context = use(SidebarContext);\n    if (!context) {\n        throw new Error('useSidebar must be used within a SidebarProvider.');\n    }\n\n    return context;\n}\n\n/**\n * Wraps your app layout and manages sidebar state. Handles keyboard shortcuts (Cmd/Ctrl + /)\n * and mobile vs desktop behavior.\n *\n * @example\n * <SidebarProvider>\n *   <Sidebar>...</Sidebar>\n *   <SidebarOutlet>\n *     <main>Your app content</main>\n *   </SidebarOutlet>\n * </SidebarProvider>\n */\nexport function SidebarProvider({\n    defaultOpen = true,\n    open: openProp,\n    onOpenChange: setOpenProp,\n    className,\n    style,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Initial open state. Defaults to true */\n    defaultOpen?: boolean;\n    /** Control the open state yourself */\n    open?: boolean;\n    /** Callback when sidebar opens/closes */\n    onOpenChange?: (open: boolean) => void;\n}) {\n    const isMobile = useIsMobile();\n    const [openMobile, setOpenMobile] = useState(false);\n\n    // This is the internal state of the sidebar.\n    // We use openProp and setOpenProp for control from outside the component.\n    const [_open, _setOpen] = useState(defaultOpen);\n    const open = openProp ?? _open;\n    const setOpen = useCallback(\n        (value: boolean | ((value: boolean) => boolean)) => {\n            const openState = typeof value === 'function' ? value(open) : value;\n            if (setOpenProp) {\n                setOpenProp(openState);\n            } else {\n                _setOpen(openState);\n            }\n        },\n        [setOpenProp, open]\n    );\n\n    // Helper to toggle the sidebar.\n    const toggleSidebar = useCallback(() => {\n        return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);\n    }, [isMobile, setOpen, setOpenMobile]);\n\n    // Adds a keyboard shortcut to toggle the sidebar.\n    useEffect(() => {\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n                event.preventDefault();\n                toggleSidebar();\n            }\n        };\n\n        window.addEventListener('keydown', handleKeyDown);\n        return () => window.removeEventListener('keydown', handleKeyDown);\n    }, [toggleSidebar]);\n\n    // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n    // This makes it easier to style the sidebar with Tailwind classes.\n    const state = open ? 'expanded' : 'collapsed';\n\n    const contextValue = useMemo<SidebarContextProps>(\n        () => ({\n            state,\n            open,\n            setOpen,\n            isMobile,\n            openMobile,\n            setOpenMobile,\n            toggleSidebar,\n        }),\n        [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n    );\n\n    return (\n        <SidebarContext.Provider value={contextValue}>\n            <div\n                className={classNames(\n                    'group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-elevation-1',\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </div>\n        </SidebarContext.Provider>\n    );\n}\n\n/**\n * The actual sidebar panel. On mobile it becomes a modal dialog.\n */\nexport function Sidebar({\n    side = 'left',\n    variant = 'sidebar',\n    collapsible = 'icon',\n    className,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Where to dock the sidebar. Default: left */\n    side?: 'left' | 'right';\n    /** Style variant. Default: sidebar */\n    variant?: 'sidebar' | 'floating';\n    /** How it collapses. Default: offcanvas */\n    collapsible?: 'offcanvas' | 'icon' | 'none';\n}) {\n    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n    if (collapsible === 'none') {\n        return (\n            <div\n                className={classNames(\n                    'flex h-full w-(--sidebar-width) flex-col bg-elevation-1 text-foreground',\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    if (isMobile) {\n        return (\n            <DialogTrigger isOpen={openMobile} onOpenChange={setOpenMobile} {...props}>\n                <DialogOverlay>\n                    <DialogContent\n                        data-sidebar=\"sidebar\"\n                        data-mobile=\"true\"\n                        className=\"w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden\"\n                        side=\"left\"\n                    >\n                        {() => <>{children}</>}\n                    </DialogContent>\n                </DialogOverlay>\n            </DialogTrigger>\n        );\n    }\n\n    return (\n        <div\n            className=\"group peer hidden text-foreground md:block\"\n            data-state={state}\n            data-collapsible={state === 'collapsed' ? collapsible : ''}\n            data-variant={variant}\n            data-side={side}\n        >\n            {/* This is what handles the sidebar gap on desktop */}\n            <div\n                className={classNames(\n                    'relative w-(--sidebar-width) bg-elevation-1 transition-[width] duration-200 ease-linear',\n                    'group-data-[collapsible=offcanvas]:w-0',\n                    'group-data-[side=right]:rotate-180',\n                    variant === 'floating'\n                        ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]'\n                        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)'\n                )}\n            />\n            <div\n                className={classNames(\n                    'absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex',\n                    side === 'left'\n                        ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n                        : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n                    // Adjust the padding for floating variant.\n                    variant === 'floating'\n                        ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]'\n                        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n                    className\n                )}\n                {...props}\n            >\n                <div\n                    data-sidebar=\"sidebar\"\n                    className=\"flex h-full w-full flex-col bg-elevation-1 group-data-[variant=floating]:border group-data-[variant=floating]:border-border\"\n                >\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\n/**\n * Button that toggles the sidebar. Shows arrow icons.\n */\nexport function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {\n    const { toggleSidebar, open, isMobile } = useSidebar();\n\n    return (\n        <Button\n            data-sidebar=\"trigger\"\n            variant=\"neutral\"\n            size=\"icon\"\n            className={'!rounded-full'}\n            onClick={event => {\n                onClick?.(event);\n                toggleSidebar();\n            }}\n            {...props}\n        >\n            {/* Use transition to rotate a single icon */}\n            {isMobile ? <IcMoreHorizontal /> : open ? <IcLeft /> : <IcRight />}\n        </Button>\n    );\n}\n\n/**\n * Scrollable container for sidebar content\n */\nexport function SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"content\"\n            className={classNames(\n                'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Groups related menu items together\n */\nexport function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"group\"\n            className={classNames(\n                'relative flex w-full min-w-0 flex-col group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-2',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Label for a group.\n */\nexport function SidebarGroupLabel({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"group-label\"\n            className={classNames(\n                'flex h-input shrink-0 items-center px-2 text-xs select-none font-medium uppercase text-muted-foreground outline-none ring-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0',\n                'group-data-[collapsible=icon]:-mt-input group-data-[collapsible=icon]:opacity-0',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Content wrapper for a group\n */\nexport function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div data-sidebar=\"group-content\" className={classNames('w-full body-sm', className)} {...props} />;\n}\n\n/**\n * Container for menu items\n */\nexport function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n    return <ul data-sidebar=\"menu\" className={classNames('flex w-full min-w-0 flex-col', className)} {...props} />;\n}\n\n/**\n * Single menu item wrapper\n */\nexport function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return (\n        <li\n            data-sidebar=\"menu-item\"\n            className={classNames(\n                'group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Extra action button that appears on the right side of menu items\n */\nexport function SidebarMenuAction({\n    className,\n    ...props\n}: React.ComponentProps<'button'> & {\n    /** Only show on hover */\n    showOnHover?: boolean;\n}) {\n    return (\n        <button\n            data-sidebar=\"menu-action\"\n            className={classNames(\n                'absolute top-0 right-0 btn btn-ghost h-input',\n                'group-data-[collapsible=icon]:hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Shows a number badge on menu items. Auto-formats large numbers.\n */\nexport function SidebarMenuBadge({\n    className,\n    number,\n    ...props\n}: Omit<React.ComponentProps<'div'>, 'children'> & {\n    /** The count to display */\n    number: number | bigint;\n}) {\n    return (\n        <div\n            data-sidebar=\"menu-badge\"\n            className={classNames(\n                'absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums',\n                'group-data-[collapsible=icon]:hidden',\n                className\n            )}\n            {...props}\n        >\n            {/* Format the number  */}\n            {new Intl.NumberFormat(navigator.language, { useGrouping: true }).format(number)}\n        </div>\n    );\n}\n\n/**\n * Nested submenu container\n */\nexport function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n    return (\n        <ul\n            data-sidebar=\"menu-sub\"\n            className={classNames('ms-2 flex min-w-0 flex-col', 'group-data-[collapsible=icon]:hidden', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Submenu item wrapper\n */\nexport function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return <li className={classNames('list-none ms-0', className)} {...props} />;\n}\n\nexport const sidebarMenuButtonClasses =\n    'btn-tab rounded-none border-0 justify-start w-full selected:shadow-[inset_2px_0_0_0_var(--color-primary)] group-data-[collapsible=icon]:![font-size:0] group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!px-0 group-data-[collapsible=icon]:!gap-0 group-data-[collapsible=icon]:!rounded-md group-data-[collapsible=icon]:selected:shadow-none';\n\n// Common interaction logic for SidebarMenuButton and SidebarMenuSubButton\n/**\n * Main menu button. Pass isActive for current page.\n */\nexport function SidebarMenuButton({\n    isActive = false,\n    className,\n    children,\n    ...props\n}: Omit<React.ComponentProps<typeof Button>, 'children'> & {\n    /** Mark as currently active page */\n    isActive?: boolean;\n    children?: React.ReactNode;\n}) {\n    const { isMobile, state } = useSidebar();\n\n    return (\n        <TooltipTrigger isDisabled={isMobile || state !== 'collapsed'}>\n            <Button\n                data-sidebar=\"menu-button\"\n                {...(isActive && { 'data-selected': true })}\n                className={classNames(\n                    'peer/menu-button group-has-[[data-sidebar=menu-action]]/menu-item:pr-input',\n                    sidebarMenuButtonClasses,\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </Button>\n            <Tooltip placement=\"right\">\n                <span className=\"flex items-center gap-2\">{children}</span>\n            </Tooltip>\n        </TooltipTrigger>\n    );\n}\n\n/**\n * Button for submenu items\n */\nexport function SidebarMenuSubButton({\n    isActive,\n    className,\n    ...props\n}: React.ComponentProps<'button'> & {\n    isActive?: boolean;\n}) {\n    return (\n        <button\n            data-sidebar=\"menu-sub-button\"\n            data-active={isActive}\n            className={classNames(sidebarMenuButtonClasses, className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Sticky header at the top of the sidebar. Displays a square logo slot aligned with the outlet header.\n */\nexport function SidebarHeader({\n    className,\n    logo,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Square logo/icon to display */\n    logo?: React.ReactNode;\n}) {\n    return (\n        <div\n            data-sidebar=\"header\"\n            className={classNames(\n                'flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0',\n                className\n            )}\n            {...props}\n        >\n            {logo && <div className=\"flex items-center justify-center size-input shrink-0\">{logo}</div>}\n            {children && <div className=\"flex-1 min-w-0 group-data-[collapsible=icon]:hidden\">{children}</div>}\n        </div>\n    );\n}\n\n/**\n * The main content area next to the sidebar\n */\nexport function SidebarOutlet({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames(className, 'w-full overflow-auto')} {...props} />;\n}\n\n/**\n *\n * @example Basic usage\n * ```tsx\n * <SidebarOutlet>\n *  <SidebarOutletHeader><SidebarTrigger/></SidebarOutletHeader>\n * </SidebarOutlet>\n * ```\n */\nexport function SidebarOutletHeader({ className, ...props }: React.ComponentProps<'nav'>) {\n    return (\n        <nav\n            className={classNames(\n                'flex items-center h-header bg-elevation-1 sticky top-0 z-50 p-2 border-b',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n"],"names":["SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","createContext","useSidebar","context","use","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","isMobile","useIsMobile","openMobile","setOpenMobile","useState","_open","_setOpen","open","setOpen","useCallback","value","openState","toggleSidebar","useEffect","handleKeyDown","event","state","contextValue","useMemo","jsx","classNames","Sidebar","side","variant","collapsible","DialogTrigger","DialogOverlay","DialogContent","jsxs","SidebarTrigger","onClick","Button","IcMoreHorizontal","IcLeft","IcRight","SidebarContent","SidebarGroup","SidebarGroupLabel","SidebarGroupContent","SidebarMenu","SidebarMenuItem","SidebarMenuAction","SidebarMenuBadge","number","SidebarMenuSub","SidebarMenuSubItem","sidebarMenuButtonClasses","SidebarMenuButton","isActive","TooltipTrigger","Tooltip","SidebarMenuSubButton","SidebarHeader","logo","SidebarOutlet","SidebarOutletHeader"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","sources":["../../lib/components/sidebar.tsx"],"sourcesContent":["'use client';\nimport { createContext, use, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Button } from '../components/button';\nimport { DialogContent, DialogOverlay, DialogTrigger } from '../components/dialog';\nimport { Tooltip, TooltipTrigger } from '../components/tooltip';\nimport { classNames } from '../utilities/theme';\nimport { useIsMobile } from '../utilities/use-mobile';\nimport { IcLeft, IcMoreHorizontal, IcRight, type CtxIcon } from './icons';\n\nconst SIDEBAR_KEYBOARD_SHORTCUT = '/';\n\ntype SidebarContextProps = {\n    state: 'expanded' | 'collapsed';\n    open: boolean;\n    setOpen: (open: boolean) => void;\n    openMobile: boolean;\n    setOpenMobile: (open: boolean) => void;\n    isMobile: boolean;\n    toggleSidebar: () => void;\n};\n\nexport const SidebarContext = createContext<SidebarContextProps | null>(null);\n\n/**\n * Get the current sidebar state and controls. Must be inside SidebarProvider.\n * @throws When used outside of SidebarProvider\n */\nexport function useSidebar() {\n    const context = use(SidebarContext);\n    if (!context) {\n        throw new Error('useSidebar must be used within a SidebarProvider.');\n    }\n\n    return context;\n}\n\n/**\n * Wraps your app layout and manages sidebar state. Handles keyboard shortcuts (Cmd/Ctrl + /)\n * and mobile vs desktop behavior.\n *\n * @example\n * <SidebarProvider>\n *   <Sidebar>...</Sidebar>\n *   <SidebarOutlet>\n *     <main>Your app content</main>\n *   </SidebarOutlet>\n * </SidebarProvider>\n */\nexport function SidebarProvider({\n    defaultOpen = true,\n    open: openProp,\n    onOpenChange: setOpenProp,\n    className,\n    style,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Initial open state. Defaults to true */\n    defaultOpen?: boolean;\n    /** Control the open state yourself */\n    open?: boolean;\n    /** Callback when sidebar opens/closes */\n    onOpenChange?: (open: boolean) => void;\n}) {\n    const isMobile = useIsMobile();\n    const [openMobile, setOpenMobile] = useState(false);\n\n    // This is the internal state of the sidebar.\n    // We use openProp and setOpenProp for control from outside the component.\n    const [_open, _setOpen] = useState(defaultOpen);\n    const open = openProp ?? _open;\n    const setOpen = useCallback(\n        (value: boolean | ((value: boolean) => boolean)) => {\n            const openState = typeof value === 'function' ? value(open) : value;\n            if (setOpenProp) {\n                setOpenProp(openState);\n            } else {\n                _setOpen(openState);\n            }\n        },\n        [setOpenProp, open]\n    );\n\n    // Helper to toggle the sidebar.\n    const toggleSidebar = useCallback(() => {\n        return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);\n    }, [isMobile, setOpen, setOpenMobile]);\n\n    // Adds a keyboard shortcut to toggle the sidebar.\n    useEffect(() => {\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n                event.preventDefault();\n                toggleSidebar();\n            }\n        };\n\n        window.addEventListener('keydown', handleKeyDown);\n        return () => window.removeEventListener('keydown', handleKeyDown);\n    }, [toggleSidebar]);\n\n    // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n    // This makes it easier to style the sidebar with Tailwind classes.\n    const state = open ? 'expanded' : 'collapsed';\n\n    const contextValue = useMemo<SidebarContextProps>(\n        () => ({\n            state,\n            open,\n            setOpen,\n            isMobile,\n            openMobile,\n            setOpenMobile,\n            toggleSidebar,\n        }),\n        [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n    );\n\n    return (\n        <SidebarContext.Provider value={contextValue}>\n            <div\n                className={classNames(\n                    'group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-elevation-1',\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </div>\n        </SidebarContext.Provider>\n    );\n}\n\n/**\n * The actual sidebar panel. On mobile it becomes a modal dialog.\n */\nexport function Sidebar({\n    side = 'left',\n    variant = 'sidebar',\n    collapsible = 'icon',\n    className,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Where to dock the sidebar. Default: left */\n    side?: 'left' | 'right';\n    /** Style variant. Default: sidebar */\n    variant?: 'sidebar' | 'floating';\n    /** How it collapses. Default: offcanvas */\n    collapsible?: 'offcanvas' | 'icon' | 'none';\n}) {\n    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n    if (collapsible === 'none') {\n        return (\n            <div\n                className={classNames(\n                    'flex h-full w-(--sidebar-width) flex-col bg-elevation-1 text-foreground',\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    if (isMobile) {\n        return (\n            <DialogTrigger isOpen={openMobile} onOpenChange={setOpenMobile} {...props}>\n                <DialogOverlay>\n                    <DialogContent\n                        data-sidebar=\"sidebar\"\n                        data-mobile=\"true\"\n                        className=\"w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden\"\n                        side=\"left\"\n                    >\n                        {() => <>{children}</>}\n                    </DialogContent>\n                </DialogOverlay>\n            </DialogTrigger>\n        );\n    }\n\n    return (\n        <div\n            className=\"group peer hidden text-foreground md:block\"\n            data-state={state}\n            data-collapsible={state === 'collapsed' ? collapsible : ''}\n            data-variant={variant}\n            data-side={side}\n        >\n            {/* This is what handles the sidebar gap on desktop */}\n            <div\n                className={classNames(\n                    'relative w-(--sidebar-width) bg-elevation-1 transition-[width] duration-200 ease-linear',\n                    'group-data-[collapsible=offcanvas]:w-0',\n                    'group-data-[side=right]:rotate-180',\n                    variant === 'floating'\n                        ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]'\n                        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)'\n                )}\n            />\n            <div\n                className={classNames(\n                    'absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex',\n                    side === 'left'\n                        ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n                        : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n                    // Adjust the padding for floating variant.\n                    variant === 'floating'\n                        ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]'\n                        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n                    className\n                )}\n                {...props}\n            >\n                <div\n                    data-sidebar=\"sidebar\"\n                    className=\"flex h-full w-full flex-col bg-elevation-1 group-data-[variant=floating]:border group-data-[variant=floating]:border-border\"\n                >\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\n/**\n * Button that toggles the sidebar. Shows arrow icons.\n */\nexport function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {\n    const { toggleSidebar, open, isMobile } = useSidebar();\n\n    return (\n        <Button\n            data-sidebar=\"trigger\"\n            variant=\"neutral\"\n            size=\"icon-sm\"\n            className={classNames(className, '!rounded-full')}\n            onClick={event => {\n                onClick?.(event);\n                toggleSidebar();\n            }}\n            {...props}\n        >\n            {/* Use transition to rotate a single icon */}\n            {isMobile ? <IcMoreHorizontal /> : open ? <IcLeft /> : <IcRight />}\n        </Button>\n    );\n}\n\n/**\n * Scrollable container for sidebar content\n */\nexport function SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"content\"\n            className={classNames(\n                'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Groups related menu items together\n */\nexport function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"group\"\n            className={classNames(\n                'relative flex w-full min-w-0 flex-col group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-2',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Label for a group.\n */\nexport function SidebarGroupLabel({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"group-label\"\n            className={classNames(\n                'flex h-input shrink-0 items-center overflow-hidden px-2 text-xs select-none font-medium uppercase text-muted-foreground outline-none ring-ring transition-[height,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0',\n                'group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:!h-0 group-data-[collapsible=icon]:min-h-0 group-data-[collapsible=icon]:opacity-0',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Content wrapper for a group\n */\nexport function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div data-sidebar=\"group-content\" className={classNames('w-full body-sm', className)} {...props} />;\n}\n\n/**\n * Container for menu items\n */\nexport function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n    return <ul data-sidebar=\"menu\" className={classNames('flex w-full min-w-0 flex-col', className)} {...props} />;\n}\n\n/**\n * Single menu item wrapper\n */\nexport function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return (\n        <li\n            data-sidebar=\"menu-item\"\n            className={classNames(\n                'group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Extra action button that appears on the right side of menu items\n */\nexport function SidebarMenuAction({\n    className,\n    ...props\n}: React.ComponentProps<'button'> & {\n    /** Only show on hover */\n    showOnHover?: boolean;\n}) {\n    return (\n        <button\n            data-sidebar=\"menu-action\"\n            className={classNames(\n                'absolute top-0 right-0 btn btn-ghost h-input',\n                'group-data-[collapsible=icon]:hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Shows a number badge on menu items. Auto-formats large numbers.\n */\nexport function SidebarMenuBadge({\n    className,\n    number,\n    ...props\n}: Omit<React.ComponentProps<'div'>, 'children'> & {\n    /** The count to display */\n    number: number | bigint;\n}) {\n    return (\n        <div\n            data-sidebar=\"menu-badge\"\n            className={classNames(\n                'absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums',\n                'group-data-[collapsible=icon]:hidden',\n                className\n            )}\n            {...props}\n        >\n            {/* Format the number  */}\n            {new Intl.NumberFormat(navigator.language, { useGrouping: true }).format(number)}\n        </div>\n    );\n}\n\n/**\n * Nested submenu container\n */\nexport function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n    return (\n        <ul\n            data-sidebar=\"menu-sub\"\n            className={classNames('ms-2 flex min-w-0 flex-col', 'group-data-[collapsible=icon]:hidden', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Submenu item wrapper\n */\nexport function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return <li className={classNames('list-none ms-0', className)} {...props} />;\n}\n\nexport const sidebarMenuButtonClasses =\n    'btn-selected rounded-none border-0 justify-start w-full group-data-[collapsible=icon]:!rounded-md group-data-[collapsible=icon]:justify-center';\n\n// Common interaction logic for SidebarMenuButton and SidebarMenuSubButton\n/**\n * Main menu button. Pass isActive for current page.\n */\nexport function SidebarMenuButton({\n    isActive = false,\n    className,\n    children,\n    icon: Icon,\n    ...props\n}: Omit<React.ComponentProps<typeof Button>, 'children'> & {\n    /** Mark as currently active page */\n    icon?: CtxIcon;\n    isActive?: boolean;\n    children?: React.ReactNode;\n}) {\n    const { isMobile, state } = useSidebar();\n\n    return (\n        <TooltipTrigger isDisabled={isMobile || state !== 'collapsed'}>\n            <Button\n                size={state === 'collapsed' ? 'icon' : undefined}\n                data-sidebar=\"menu-button\"\n                {...(isActive && { 'data-selected': true })}\n                className={classNames(\n                    'peer/menu-button group-has-[[data-sidebar=menu-action]]/menu-item:pr-input',\n                    sidebarMenuButtonClasses,\n                    className\n                )}\n                {...props}\n            >\n                {Icon && <Icon />}\n                {state !== 'collapsed' && children}\n            </Button>\n            <Tooltip placement=\"right\">\n                <span className=\"flex items-center gap-2\">{children}</span>\n            </Tooltip>\n        </TooltipTrigger>\n    );\n}\n\n/**\n * Button for submenu items\n */\nexport function SidebarMenuSubButton({\n    isActive,\n    className,\n    ...props\n}: React.ComponentProps<'button'> & {\n    isActive?: boolean;\n}) {\n    return (\n        <button\n            data-sidebar=\"menu-sub-button\"\n            data-active={isActive}\n            className={classNames(sidebarMenuButtonClasses, className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Sticky header at the top of the sidebar. Displays a square logo slot aligned with the outlet header.\n */\nexport function SidebarHeader({\n    className,\n    logo,\n    children,\n    showTrigger = true,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Square logo/icon to display */\n    logo?: React.ReactNode;\n    showTrigger?: boolean;\n}) {\n    return (\n        <div\n            data-sidebar=\"header\"\n            className={classNames(\n                'flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0',\n                className\n            )}\n            {...props}\n        >\n            {logo && <div className=\"flex items-center justify-center size-input shrink-0\">{logo}</div>}\n            {children && <div className=\"flex-1 min-w-0 group-data-[collapsible=icon]:hidden\">{children}</div>}\n            {showTrigger && (\n                <SidebarTrigger className={'hidden bg-elevation-1 lg:flex lg:absolute lg:-right-4 lg:z-50'} />\n            )}\n        </div>\n    );\n}\n\n/**\n *\n * @example Basic usage\n * ```tsx\n * <SidebarOutlet>\n *  <SidebarOutletHeader><SidebarTrigger/></SidebarOutletHeader>\n *  <SidebarOutletContent><Outlet/></SidebarOutletContent>\n * </SidebarOutlet>\n * ```\n */\nexport function SidebarOutlet({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames(className, 'flex flex-col flex-1 overflow-auto')} {...props} />;\n}\n\nexport function SidebarOutletContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames(className, 'flex-1 overflow-auto')} {...props} />;\n}\n\nexport function SidebarOutletHeader({ className, ...props }: React.ComponentProps<'nav'>) {\n    return (\n        <nav className={classNames('flex items-center h-header bg-elevation-1 p-2 border-b', className)} {...props} />\n    );\n}\n"],"names":["SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","createContext","useSidebar","context","use","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","isMobile","useIsMobile","openMobile","setOpenMobile","useState","_open","_setOpen","open","setOpen","useCallback","value","openState","toggleSidebar","useEffect","handleKeyDown","event","state","contextValue","useMemo","jsx","classNames","Sidebar","side","variant","collapsible","DialogTrigger","DialogOverlay","DialogContent","jsxs","SidebarTrigger","onClick","Button","IcMoreHorizontal","IcLeft","IcRight","SidebarContent","SidebarGroup","SidebarGroupLabel","SidebarGroupContent","SidebarMenu","SidebarMenuItem","SidebarMenuAction","SidebarMenuBadge","number","SidebarMenuSub","SidebarMenuSubItem","sidebarMenuButtonClasses","SidebarMenuButton","isActive","Icon","TooltipTrigger","Tooltip","SidebarMenuSubButton","SidebarHeader","logo","showTrigger","SidebarOutlet","SidebarOutletContent","SidebarOutletHeader"],"mappings":"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"}

package/lib/index.css

@@ -78,6 +78,7 @@
     --color-foreground: var(--color-neutral-900);
     --color-background: var(--color-neutral-100);
     --color-elevation-1: var(--color-neutral-50);
+    --color-elevation-mid: color-mix(in oklch, var(--color-background) 70%, var(--color-neutral-200) 30%);
 
     --color-primary: var(--color-primary-700);
     --color-primary-foreground: var(--color-elevation-1);
@@ -279,14 +280,6 @@
     @apply text-primary/70 focus:text-primary hover:text-primary;
 }
 
-@utility bg-glass-1 {
-    @apply bg-elevation-1/20 backdrop-blur-xl;
-}
-
-@utility bg-elevation-mid {
-    background: color-mix(in oklch, var(--color-background) 70%, var(--color-neutral-200) 30%);
-}
-
 /* Fluid grid with minimum width */
 @utility grid-fluid {
     @apply grid grid-cols-[repeat(auto-fill,_minmax(var(--fluid-grid-min),_1fr))] gap-icon;
@@ -329,8 +322,13 @@
 @utility btn-ghost {
     @apply bg-transparent focus:bg-accent/20 hover:bg-accent/20;
 }
+
+@utility btn-selected {
+    @apply selected:bg-primary/20 selected:font-medium selected:text-primary;
+}
+
 @utility btn-tab {
-    @apply truncate btn btn-ghost input-dim font-normal text-accent justify-start selected:bg-primary/20 selected:font-medium selected:text-primary;
+    @apply btn-selected truncate btn btn-ghost input-dim font-normal text-accent justify-start;
 }
 /* Dimensions for a standard input */
 @utility input-dim {

package/package.json

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