@cryptlex/web-components 6.6.32 → 6.6.34

package/dist/components/data-table.js

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