@customafk/lunas-ui 0.2.60 → 0.2.61

package/dist/tables-Cylalxey.mjs

@@ -0,0 +1,4 @@
+import{Button as e}from"./ui/button.mjs";import{Paragraph as t}from"./typography/paragraph.mjs";import{Flex as n}from"./layouts/flex.mjs";import{t as r}from"./date-Nsz0Pewe.mjs";import{Badge as i}from"./ui/badge.mjs";import{Tooltip as a,TooltipContent as o,TooltipProvider as s,TooltipTrigger as c}from"./ui/tooltip.mjs";import{Statistic as l}from"./data-display/statistic.mjs";import{Avatar as u,AvatarFallback as d,AvatarImage as f}from"./ui/avatar.mjs";import{Separator as p}from"./ui/separator.mjs";import{DropdownMenu as m,DropdownMenuContent as h,DropdownMenuGroup as g,DropdownMenuItem as _,DropdownMenuShortcut as v,DropdownMenuTrigger as y}from"./ui/dropdown-menu.mjs";import{Progress as b}from"./ui/progress.mjs";import{Switch as ee}from"./ui/switch.mjs";import{Checkbox as x}from"./ui/checkbox.mjs";import{Spinner as te}from"./ui/spinner.mjs";import{ResizableHandle as ne,ResizablePanel as re,ResizablePanelGroup as ie}from"./ui/resizable.mjs";import{Input as S}from"./ui/input.mjs";import{Label as C}from"./ui/label.mjs";import{Popover as ae,PopoverContent as w,PopoverTrigger as oe}from"./ui/popover.mjs";import{Select as T,SelectContent as E,SelectItem as D,SelectTrigger as se,SelectValue as O}from"./ui/select.mjs";import{AlertTriangle as k,ArrowRightIcon as ce,BarChart2Icon as le,BoxIcon as ue,CalendarIcon as de,CheckIcon as A,ChevronDown as fe,ChevronDownIcon as j,ChevronUpIcon as pe,CirclePlus as M,CopyIcon as me,DownloadIcon as N,EllipsisVerticalIcon as he,ExternalLinkIcon as ge,HashIcon as _e,ListFilterIcon as P,ListFilterPlus as ve,MailIcon as ye,MinusIcon as F,MoreVerticalIcon as be,MoveLeftIcon as xe,MoveRightIcon as Se,PencilIcon as Ce,PinOffIcon as we,RefreshCwIcon as Te,SearchIcon as Ee,TagIcon as De,ToggleLeftIcon as Oe,Trash2Icon as ke,TypeIcon as Ae,UserRoundIcon as je,XIcon as Me}from"lucide-react";import{Activity as Ne,createContext as I,memo as L,use as R,useCallback as z,useEffect as B,useId as Pe,useMemo as V,useRef as H,useState as U}from"react";import{cn as W}from"@customafk/react-toolkit/utils";import{cva as G}from"class-variance-authority";import{Fragment as Fe,jsx as K,jsxs as q}from"react/jsx-runtime";import{colorHashLight as Ie}from"@customafk/react-toolkit/color-hash";import{flexRender as Le,getCoreRowModel as Re,getExpandedRowModel as ze,getGroupedRowModel as Be,useReactTable as Ve}from"@tanstack/react-table";import{useDebounceCallback as He}from"@customafk/react-toolkit/hooks/useDebounceCallback";const Ue=({name:e,avatarUrl:t,uuid:n})=>{let r=Ie.hex(n??e);return q(`div`,{className:`flex min-w-0 items-center gap-2`,children:[q(u,{className:`size-8 shrink-0`,children:[K(f,{src:t,alt:e}),K(d,{style:{backgroundColor:r},children:K(je,{size:18,className:`text-white`})})]}),K(`span`,{className:`truncate text-sm font-medium`,children:e})]})},J=()=>q(`div`,{className:`flex gap-0 text-text-positive-weak`,children:[K(F,{size:16}),K(F,{size:16})]}),We=({label:e,onClick:t,onRemove:n})=>e?n?q(`div`,{className:`flex w-fit gap-x-0.5 rounded-full border border-border py-1 pr-2 pl-3 text-text-positive text-xs shadow-xs`,onClick:e=>{t?.(),e.stopPropagation(),e.preventDefault()},children:[e,K(`button`,{className:`cursor-pointer text-text-positive-weak hover:text-text-positive-strong`,onClick:e=>{n?.(),e.stopPropagation(),e.preventDefault()},children:K(Me,{size:12})})]}):K(`button`,{className:`w-fit rounded-full border border-border px-3 py-1 text-text-positive text-xs shadow-xs`,onClick:e=>{t?.(),e.stopPropagation(),e.preventDefault()},children:e}):K(J,{}),Ge=({value:e})=>e==null?K(J,{}):e===!1?K(Me,{size:14,strokeWidth:2,className:`text-danger-strong`}):K(A,{size:14,strokeWidth:2,className:`text-success-strong`}),Ke=L(({value:e,currency:t=`USD`,locale:n=`en-US`,display:r=`symbol`,size:i=`md`,colorize:a=!1})=>{let o=V(()=>{let i=typeof e==`string`?Number(e.trim()):e;return i==null||Number.isNaN(i)||!Number.isFinite(i)?null:new Intl.NumberFormat(n,{style:`currency`,currency:t,currencyDisplay:r,minimumFractionDigits:2,maximumFractionDigits:2}).format(i)},[e,t,n,r]),s=V(()=>{let t=typeof e==`string`?Number(e.trim()):e;return typeof t==`number`&&t<0},[e]);return o?K(`p`,{className:W(`font-number tabular-nums`,i===`xs`&&`text-xs`,i===`sm`&&`text-sm`,i===`md`&&`text-base`,i===`lg`&&`text-lg`,i===`xl`&&`text-xl`,!a&&`text-text-positive`,a&&s&&`text-danger-strong`,a&&!s&&`text-success-strong`),children:o}):K(J,{})});Ke.displayName=`UITableCurrencyDisplay`;const qe=({date:e})=>e==null?K(J,{}):K(s,{children:q(a,{children:[K(c,{asChild:!0,children:K(i,{className:`h-fit`,children:K(r,{date:e,format:`medium`,className:`font-normal text-white`})})}),K(o,{className:`rounded px-2`,children:K(r,{date:e,format:`full`,showTime:!0,className:`font-medium text-text-negative text-xs`})})]})}),Je=({content:e})=>e==null?K(J,{}):q(a,{children:[K(c,{children:K(t,{variant:`sm`,className:`line-clamp-2 whitespace-pre-line break-all`,children:e})}),K(o,{align:`start`,className:`h-fit min-w-48 max-w-80 pt-4`,children:q(`div`,{className:`flex flex-col gap-y-2`,children:[K(t,{variant:`xs`,className:`whitespace-pre-line text-wrap break-keep text-text-negative-weak`,children:e}),q(`p`,{className:`w-full text-end`,children:[e.toString().length,` chars`]})]})})]}),Ye=({title:t,onClick:n})=>q(a,{children:[K(c,{children:K(e,{type:`button`,variant:`ghost`,color:`secondary`,size:`icon`,onClick:z(async e=>{e.preventDefault(),e.stopPropagation(),await n?.()},[n]),children:K(Ce,{})})}),K(o,{children:K(`p`,{children:t||`Edit item`})})]}),Xe=({email:e,linkable:t=!0})=>{let[n,r]=U(!1);return e?K(s,{children:q(`div`,{className:`group flex items-center gap-x-1.5`,children:[K(ye,{size:13,className:`shrink-0 text-text-positive-weak`}),t?K(`a`,{href:`mailto:${e}`,className:`truncate text-primary text-sm underline-offset-2 hover:underline`,onClick:e=>e.stopPropagation(),children:e}):K(`span`,{className:`truncate text-text-positive text-sm`,children:e}),q(a,{children:[K(c,{asChild:!0,children:K(`button`,{onClick:t=>{t.stopPropagation(),t.preventDefault(),navigator.clipboard.writeText(e).then(()=>{r(!0),setTimeout(()=>r(!1),1500)})},className:`shrink-0 cursor-pointer text-text-positive-weak opacity-0 transition-opacity group-hover:opacity-100 hover:text-text-positive`,children:n?K(A,{size:13,className:`text-success-strong`}):K(me,{size:13})})}),K(o,{children:n?`Copied!`:`Copy email`})]})]})}):K(J,{})},Ze=({items:e,maxVisible:t=3})=>{if(!e||e.length===0)return K(J,{});let n=e.slice(0,t),r=e.slice(t);return q(`div`,{className:`flex flex-wrap gap-1`,children:[n.map((e,t)=>K(`span`,{className:`inline-flex items-center rounded-full border border-border bg-muted-weak px-2 py-0.5 text-text-positive text-xs`,children:e},t)),r.length>0&&K(s,{children:q(a,{children:[K(c,{asChild:!0,children:q(`span`,{className:`inline-flex cursor-default items-center rounded-full bg-primary-bg-subtle px-2 py-0.5 text-primary-intense text-xs`,children:[`+`,r.length,` more`]})}),K(o,{align:`start`,className:`flex max-w-64 flex-wrap gap-1 p-2`,children:r.map((e,t)=>K(`span`,{className:`inline-flex items-center rounded-full border border-border px-2 py-0.5 text-text-negative text-xs`,children:e},t))})]})})]})},Qe=({items:t=[]})=>q(m,{children:[K(y,{asChild:!0,children:K(e,{size:`sm`,variant:`ghost`,color:`secondary`,className:`size-9 rounded-full`,children:K(be,{})})}),K(h,{children:K(g,{children:t.map(e=>K(_,{className:`px-3`,onSelect:t=>{e.onClick(e.id),t.preventDefault(),t.stopPropagation()},children:e.label},e.id))})})]}),$e=({name:e})=>e?q(a,{children:[K(c,{children:K(t,{variant:`sm`,className:`line-clamp-2 w-full truncate text-wrap pb-px text-start`,children:e})}),K(o,{align:`start`,className:`h-fit min-w-48 max-w-80 pt-4`,children:q(`div`,{className:`flex flex-col gap-y-2`,children:[K(`p`,{className:`whitespace-pre-line text-wrap break-keep`,children:e}),q(`p`,{className:`w-full text-end`,children:[e.length,` chars`]})]})})]}):K(J,{}),et=({href:e,label:t})=>q(`a`,{href:e,target:`_blank`,className:`inline-flex items-center gap-1 truncate text-primary text-sm underline`,rel:`noopener noreferrer`,children:[K(`span`,{children:t||e}),K(ge,{size:14})]}),tt=({value:e})=>q(a,{children:[K(c,{asChild:!0,children:K(`p`,{className:`font-number text-text-positive text-sm tabular-nums`,children:e.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),K(o,{align:`start`,children:K(`p`,{className:`tabular-nums`,children:e.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]}),nt=L(({value:e,showLabel:t=!0,successThreshold:n=70,warningThreshold:r=40})=>{if(e==null)return K(J,{});let i=Math.min(100,Math.max(0,e));return q(`div`,{className:`flex w-full min-w-24 items-center gap-x-2`,children:[K(b,{value:i,className:W(`flex-1`,i>=n?`[&>[data-slot=progress-indicator]]:bg-success`:i>=r?`[&>[data-slot=progress-indicator]]:bg-warning`:`[&>[data-slot=progress-indicator]]:bg-danger`)}),t&&q(`span`,{className:`w-9 shrink-0 text-right font-number text-text-positive-weak text-xs tabular-nums`,children:[i,`%`]})]})});nt.displayName=`UITableProgressDisplay`;const rt=({title:t,onClick:n})=>q(a,{children:[K(c,{children:K(e,{type:`button`,variant:`ghost`,color:`danger`,size:`icon`,onClick:z(async e=>{e.preventDefault(),e.stopPropagation(),await n?.()},[n]),children:K(ke,{})})}),K(o,{children:K(`p`,{children:t||`Remove item from list table`})})]}),it=(e,t,n)=>{let r=10**t;switch(n){case`floor`:return Math.floor(e*r)/r;case`ceil`:return Math.ceil(e*r)/r;default:return Math.round(e*r)/r}},at=L(({decimalSeparator:e=`.`,groupSeparator:t=`,`,prefix:r,suffix:i,precision:a,roundingMode:o=`round`,showTrailingZeros:s=!1,size:c=`lg`,value:l=0})=>{let u=V(()=>{let e={};return typeof a==`number`&&a>=0&&s&&(e.minimumFractionDigits=a),e.maximumFractionDigits=a,e},[a,s]),d=z(e=>{let t=e;return typeof a==`number`&&a>=0&&(t=it(e,a,o)),t.toLocaleString(`en-US`,u)},[o,u,a]),f=V(()=>{if(typeof l==`number`)return Number.isNaN(l)||!Number.isFinite(l)?`N/A`:d(l);if(typeof l==`string`){let e=l.trim();if(!e)return`N/A`;let t=Number(e);return Number.isNaN(t)||!Number.isFinite(t)?`N/A`:d(t)}return`N/A`},[l,d]),p=V(()=>e===`.`&&t===`,`?f:f.replace(/,/g,t).replace(/\./g,e),[f,e,t]);return p===`0`||p===`N/A`||!p?K(J,{}):q(n,{padding:`none`,className:W(`font-number text-lg text-text-positive tabular-nums`,c===`xs`&&`text-xs`,c===`sm`&&`text-sm`,c===`md`&&`text-base`,c===`lg`&&`text-lg`,c===`xl`&&`text-xl`),children:[r,K(`p`,{children:p}),i]})});at.displayName=`UITableStatisticDisplay`;const ot=({value:e,colorMap:t,defaultColor:n=`muted`,variant:r=`soft`})=>e==null||e===``?K(J,{}):K(i,{variant:r,color:(t&&t[e])??n,size:`sm`,className:`min-w-16 justify-center capitalize`,children:e.charAt(0).toUpperCase()+e.slice(1).replace(/_/g,` `)}),st=({checked:e,titleOn:t,titleOff:n,disabled:r,onCheckedChange:i})=>{let s=z(async e=>{await i?.(e)},[i]);return q(a,{children:[K(c,{asChild:!0,children:K(`span`,{onClick:z(e=>{e.stopPropagation()},[]),children:K(ee,{checked:e,disabled:r,onCheckedChange:s})})}),K(o,{children:K(`p`,{children:e?t||`Turn off`:n||`Turn on`})})]})},ct=({uuid:e,username:r,email:i})=>q(n,{wrap:!1,gap:`sm`,padding:`none`,children:[!e&&K(u,{className:`size-10 shadow-card`,children:K(d,{className:`bg-muted-weak`,children:K(je,{size:28,className:`text-text-negative`})})}),e&&K(u,{className:`size-10 shadow-card`,children:K(d,{style:{backgroundColor:Ie.hex(e)},children:K(je,{size:28,className:`text-white`})})}),q(n,{vertical:!0,padding:`none`,gap:`none`,align:`start`,children:[K(t,{className:`font-medium text-sm text-text-positive-weak`,children:r??`Unknown User`}),K(t,{variant:`sm`,className:`mt-0! text-text-positive-weak text-xs`,children:i})]})]}),lt=I(null),ut=()=>{let e=R(lt);if(!e)throw Error(`useTableInnerWrapperContext must be used within a TableInnerWrapperProvider`);return e},dt=I(null),ft=()=>{let e=R(dt);if(!e)throw Error(`useTableInnerTableContext must be used within a TableInnerTableProvider`);return e},pt=I(null),mt=()=>{let e=R(pt);if(!e)throw Error(`useTableHeaderRowContext must be used within a TableHeaderRowProvider`);return e},ht=I(null),Y=()=>{let e=R(ht);if(!e)throw Error(`useTableBodyContext must be used within a TableBodyProvider`);return e},gt=I(null),_t=()=>{let e=R(gt);if(!e)throw Error(`useTableRowContext must be used within a TableRowProvider`);return e},vt=I(null),X=()=>{let e=R(vt);if(!e)throw Error(`useTableContext must be used within a TableProvider`);return e},yt=I(null),bt=()=>{let e=R(yt);if(!e)throw Error(`useUITableFilterContext must be used within a UITableProvider`);return e},xt=I(null),St=()=>{let e=R(xt);if(!e)throw Error(`useUITableAnalysisContext must be used within a UITableProvider`);return e},Ct=G([`absolute right-2 z-10 p-0.5 opacity-0 bg-card`,`cursor-pointer rounded-full transition-all`,`text-text-positive-weak`,`[&>svg]:size-4`,`group-hover:opacity-100`,`hover:bg-muted-muted hover:text-text-positive`]),wt=G([`sticky left-0 flex flex-1 items-center justify-center bg-transparent text-text-positive-weak opacity-100`]),Tt=G([`relative m-0 flex size-full flex-col flex-nowrap items-start justify-start gap-2`]),Et=G([`relative w-full flex-1 min-h-0 overflow-auto border-b border-b-border border-l border-l-border`]),Dt=G([`grid w-full table-fixed caption-bottom border-collapse border-spacing-0 flex-col content-start`]),Ot=G([`sticky top-0 z-40 h-9 w-full`,`grid select-none bg-white`,`border-b border-b-border shadow`,`font-medium text-[13px] text-text-positive-weak`,`[&_tr:not(:last-child)_td]:border-b`,`[&_th]:inline-flex`,`[&_th]:bg-card`,`[&_th]:items-center`,`[&_th]:transition-all`,`[&_th]:duration-300`,`[&_th]:whitespace-nowrap`,`[&_th]:border-border`,`[&_th]:border-r`,`[&_th]:first:border-l-0`,`[&_tr_th:not([data-pinned=false])]:bg-card`]),kt=G([`flex`]),At=G([`group flex`],{variants:{isPinned:{left:`sticky`,right:`sticky`,false:`relative`},isActions:{true:`border-r-0!`,false:``},isLastCell:{true:``,false:``},isFirstCell:{true:``,false:``},position:{start:`justify-start`,center:`justify-center`,end:`justify-end`}},compoundVariants:[{isPinned:`left`,isLastCell:!0,className:`border-r border-r-border`},{isPinned:`right`,isFirstCell:!0,className:`border-l border-l-border`}]}),jt=G([`relative w-full`,`[&_tr]:flex`,`[&_tr]:flex-none`,`[&_tr]:w-full`,`[&_tr]:cursor-pointer [&_tr]:focus:outline-none`,`[&_tr]:border-b [&_tr]:border-b-border`,`[&_td]:z-10`,`[&_td]:transition-all`,`[&_td]:flex`,`[&_td]:flex-none`,`[&_td]:overflow-hidden`,`[&_td]:whitespace-nowrap`,`[&_td]:px-4`,`[&_td]:py-2.5`,`[&_td]:align-middle`,`[&_td]:border-border`,`[&_td]:data-[selected=true]:bg-muted-muted!`,`[&_td]:data-[selected=true]:hover:bg-muted-muted!`,`[&_td>div]:inline-flex`,`[&_td>div]:items-center`,`[&_td>div]:w-full`,`[&_td:not([data-pinned=false])]:z-20`,`[&_td:not([data-pinned=false])]:sticky`,`[&_td:not([data-pinned=false])]:bg-muted-bg-subtle`]),Mt=G([`group transition-colors hover:bg-muted-muted hover:[&_td]:bg-muted-muted! [&_td]:border-r [&_td]:border-r-border`]),Nt=G([`group-hover:bg-muted-muted!`],{variants:{isPinned:{left:`sticky`,right:`sticky`,false:`relative`}},defaultVariants:{isPinned:void 0}}),Pt=G([`sticky border-r-0! inset-y-0 right-0 z-30 flex items-center pr-4 group-hover:bg-muted-muted!`]),Ft=G([`group-hover:bg-muted-muted!`],{variants:{isPinned:{left:``,right:``,false:``},isLastCell:{true:``,false:``},isFirstCell:{true:``,false:``}},compoundVariants:[{isPinned:`left`,isLastCell:!0,className:`border-r border-r-border`},{isPinned:`right`,isFirstCell:!0,className:`border-l border-l-border`}]}),It=G([`overflow-x-hidden`],{variants:{position:{start:`justify-start`,center:`justify-center`,end:`justify-end`}},defaultVariants:{position:`start`}}),Lt=G([`shrink-0 flex w-full justify-center border-t border-border-weak font-medium`]),Rt=G([`flex w-full`,`text-[13px] font-medium text-text-positive-weak`]),zt=G([`flex flex-none items-center overflow-hidden whitespace-nowrap px-4 py-2`,`border-r border-r-border`],{variants:{isPinned:{left:`sticky z-20 bg-white`,right:`sticky z-20 bg-white`,false:`relative`},isFirstCell:{true:`border-l border-l-border`,false:``},isLastCell:{true:`border-r border-r-border`,false:``}}}),Bt=G([`flex cursor-pointer gap-x-0.5`],{variants:{state:{idle:`text-text-positive-weak hover:text-text-positive`,fetching:`cursor-not-allowed`,error:`text-danger hover:text-danger-strong`}},defaultVariants:{state:`idle`}}),Vt=L(({className:e,children:t,...n})=>{let{isFetching:r,isRefetching:i,isEmpty:a}=Y();return a||r||i?null:K(`tbody`,{slot:`table-body`,className:W(jt(),e),...n,children:t})});Vt.displayName=`UITableBody`;const Ht=L(({isPinned:e=!1,isFirstCell:t=!1,isLastCell:n=!1,colId:r,position:i=`start`,column:a,getContext:o,...s})=>{let{innerTableId:c,table:l}=ft(),u=H(null),d=H(null),f=V(()=>{let t=a?.getStart(`left`);return e===`left`&&typeof t==`number`?`${t}px`:void 0},[e,a]),p=V(()=>{let t=a?.getAfter(`right`);return e===`right`&&typeof t==`number`?`${t}px`:void 0},[e,a]),m=V(()=>`calc(var(--col-${r}-size) * 1px)`,[r]),h=V(()=>a?.columnDef.minSize?`calc(var(--col-${r}-minSize) * 1px)`:void 0,[r,a]),g=V(()=>a?.columnDef.maxSize?`calc(var(--col-${r}-maxSize) * 1px)`:void 0,[r,a]),_=V(()=>Le(a?.columnDef.cell,o()),[a,o]);return B(()=>{u.current=document.querySelector(`table[id="${c}"]`)},[c]),B(()=>{if(!d.current)return;let e=d.current.scrollWidth,t=a?.getSize();t!=null&&e>t&&u.current instanceof HTMLTableElement&&typeof r==`string`&&a?.columnDef.meta?.fitContent&&l.setColumnSizing(t=>({...t,[r]:e+32}))},[r,a,l]),K(`td`,{slot:`table-body-cell`,"data-pinned":e,"data-lastcell":n||void 0,"data-firstcell":t||void 0,style:{left:f,right:p,width:m,minWidth:h,maxWidth:g},className:Ft({isPinned:e||void 0,isLastCell:n,isFirstCell:t}),...s,children:K(`div`,{ref:d,slot:`table-body-cell-inner`,className:It({position:i}),children:_})})});Ht.displayName=`UITableCell`;const Ut=L(({column:e,getContext:t,className:n,...r})=>{let i=V(()=>Le(e?.columnDef.cell,t()),[e,t]);return K(`td`,{"data-col":`actions`,className:Pt(),...r,children:i})});Ut.displayName=`UITableCellActions`;const Wt=L(({isPinned:e,isSelected:t=!1,className:n,onToggleRowSelected:r,...i})=>{let a=z(e=>{r?.(!!e)},[r]);return K(`td`,{slot:`table-body-cell`,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:W(Nt({isPinned:e}),n),...i,children:K(`div`,{"data-slot":`table-cell-inner`,className:`flex! w-full! items-center justify-center bg-transparent text-center align-middle`,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:K(x,{"aria-label":`Select Row`,checked:t,onCheckedChange:a})})})});Wt.displayName=`UITableCellSelect`;const Gt=L(()=>{let{table:e,isFetching:t,isRefetching:n,loadingDisplayRow:r=3}=X();return!t&&!n?null:K(`tbody`,{className:W(jt(),`pointer-events-none`),children:Array.from({length:r}).map((t,n)=>K(`tr`,{"data-slot":`table-row`,"data-index":n,className:W(Mt(),`animate-pulse relative!`),children:e.getAllColumns().map((t,r)=>{let i=t.getIsPinned(),a=t.getStart(`left`),o=t.getAfter(`right`);return t.id===`actions`?K(`td`,{"data-slot":`table-body-cell`,"data-col":t.id,"data-cell":r,style:{width:60},className:Pt(),children:K(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})},`${t.id}-${r}`):t.id===`select`?K(`td`,{"data-slot":`table-body-cell`,"data-col":t.id,"data-cell":r,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:Nt({isPinned:`left`}),children:K(`div`,{className:`w-full flex justify-center`,children:K(`div`,{className:`size-4 bg-muted-muted rounded-full`})})},`${t.id}-${n}`):K(`td`,{"data-col":t.id,"data-cell":r,"data-selected":void 0,"data-lastcell":t.id===e.getAllColumns()[e.getAllColumns().length-1].id||void 0,"data-firstcell":t.id===e.getAllColumns()[0].id||void 0,style:{zIndex:i?20:0,left:i===`left`&&typeof a==`number`?`${a}px`:void 0,right:i===`right`&&typeof o==`number`?`${o}px`:void 0,width:`calc(var(--col-${t.id}-size) * 1px)`,minWidth:t.columnDef.minSize?`calc(var(--col-${t.id}-minSize) * 1px)`:void 0,maxWidth:t.columnDef.maxSize?`calc(var(--col-${t.id}-maxSize) * 1px)`:void 0},className:Ft({isPinned:t.getIsPinned(),isFirstCell:t.id===e.getRightHeaderGroups()[0]?.headers[0]?.id,isLastCell:t.id===e.getLeftHeaderGroups()[0]?.headers[e.getLeftHeaderGroups()[0].headers.length-1]?.id}),children:K(`div`,{className:It({position:t.columnDef.meta?.position??`start`}),children:K(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})})},`${t.id}-${r}`)})},n))})}),Kt=L(()=>{let{isEmpty:e,emptyDisplayHeight:t}=X();return e?K(Fe,{children:e&&K(`div`,{className:wt(),style:{minHeight:t??`24rem`},children:q(`div`,{className:`flex flex-col items-center gap-1`,children:[K(ue,{strokeWidth:1,size:48}),K(`p`,{children:`Không có dữ liệu`})]})})}):null});Kt.displayName=`UITableEmptyDisplay`;const qt=L(({className:e,children:t,...n})=>K(`div`,{slot:`table-footer`,className:W(Lt(),e),...n,children:t}));qt.displayName=`UITableFooter`;function Jt(e,t,n){switch(n){case`count`:return e;case`sum`:return t.reduce((e,t)=>e+t,0);case`avg`:return t.length===0?0:t.reduce((e,t)=>e+t,0)/t.length;case`min`:return t.length===0?0:Math.min(...t);case`max`:return t.length===0?0:Math.max(...t)}}function Yt(e,t){return e.map(e=>{let n=e.getValue(t);return typeof n==`string`?Number(n):typeof n==`number`?n:NaN}).filter(e=>!Number.isNaN(e))}const Xt=L(()=>{let{table:e}=X(),{rowSelectionState:t}=Y(),n=V(()=>e.getHeaderGroups()[0]?.headers??[],[e.getHeaderGroups()]),r=V(()=>n.some(e=>e.column.columnDef.meta?.aggregation),[n]),i=V(()=>e.getSelectedRowModel().flatRows,[e,t]),a=V(()=>e.getRowModel().rows,[e]),o=i.length>0?i:a,s=V(()=>{let e={};for(let t of n){let n=t.column.columnDef.meta?.aggregation;if(!n)continue;let r=Yt(o,t.id);e[t.id]=Jt(o.length,r,n.type)}return e},[n,o]),c=e.getState().columnPinning,u=c.left??[],d=c.right??[],f=n.find(e=>d.includes(e.id))?.id,p=[...n].reverse().find(e=>u.includes(e.id))?.id;if(!r)return null;let m=i.length>0?`${i.length}`:`${a.length}`;return K(`div`,{slot:`table-footer-row`,className:Rt(),children:n.map(e=>{let t=e.id,n=u.includes(t)?`left`:d.includes(t)?`right`:!1,r=t===f,i=t===p,a=n===`left`?`${e.column.getStart(`left`)}px`:void 0,o=n===`right`?`${e.column.getAfter(`right`)}px`:void 0;if(t===`select`)return K(`div`,{slot:`table-footer-select`,"data-pinned":`left`,style:{left:`0px`,width:`60px`},className:W(zt({isPinned:`left`,isFirstCell:!1,isLastCell:!1}),`justify-center`),children:K(`span`,{className:`truncate text-[11px] items-center text-text-positive-weak`,children:m})},t);if(t===`actions`)return K(`div`,{slot:`table-footer-actions`,style:{width:`calc(var(--col-${t}-size) * 1px)`,right:`0px`},className:zt({isPinned:!1,isFirstCell:!1,isLastCell:!1})},t);let c=e.column.columnDef.meta?.aggregation,h=s[t]??null;return K(`div`,{slot:`table-footer-cell`,"data-pinned":n,style:{left:a,right:o,width:`calc(var(--col-${t}-size) * 1px)`},className:zt({isPinned:n||`left`,isFirstCell:r,isLastCell:i}),children:c&&h!==null?K(l,{value:h,prefix:c.prefix,suffix:c.suffix,precision:c.precision,size:`sm`}):K(`span`,{className:`text-text-positive-weak`,children:`—`})},t)})})});Xt.displayName=`UITableFooterRow`;const Zt=L(({className:e,children:t,...n})=>K(`thead`,{slot:`table-head`,className:W(Ot(),e),...n,children:t}));Zt.displayName=`UITableHead`;const Qt=L(({isPinned:e,onLeftPin:t,onRightPin:n,onUnpin:r,className:i})=>{let a=z(()=>{t?.(`left`)},[t]),o=z(()=>{n?.(`right`)},[n]),s=z(()=>{r?.(!1)},[r]);return q(m,{children:[K(y,{asChild:!0,children:K(`button`,{type:`button`,className:W(Ct(),i),children:K(he,{})})}),K(h,{align:`end`,className:`w-64 p-4`,children:q(g,{className:`*:data-[slot=dropdown-menu-item]:rounded-xs *:data-[slot=dropdown-menu-item]:p-2`,children:[K(Ne,{mode:e?`visible`:`hidden`,children:q(_,{onClick:s,children:[!!e&&`Bỏ ghim`,K(v,{children:K(we,{className:`size-4`})})]})}),q(Ne,{mode:e?`hidden`:`visible`,children:[q(_,{onClick:a,children:[e?`Bỏ ghim`:`Ghim trái`,K(v,{children:K(xe,{className:`size-4`})})]}),q(_,{onClick:o,children:[e?`Bỏ ghim`:`Ghim phải`,K(v,{children:K(Se,{className:`size-4`})})]})]})]})})]})});Qt.displayName=`UITableHeadCellOption`;const $t=L(({isVisible:e=!0,isPinned:t=!1,isFirstCell:n=!1,isLastCell:r=!1,isOptionsVisible:i=!0,headerId:a,headerColumn:o,className:s,children:c,onColumnPin:l,onToggleVisibility:u,...d})=>{let f=o?.columnDef.meta?.position;return q(`th`,{slot:`table-head-cell`,"data-pinned":t,"data-header":a,style:{zIndex:V(()=>t?20:void 0,[t]),left:V(()=>{let e=o?.getStart?.(`left`);return t===`left`&&typeof e==`number`?`${e}px`:void 0},[t,o]),right:V(()=>{let e=o?.getAfter?.(`right`);return t===`right`&&typeof e==`number`?`${e}px`:void 0},[t,o]),width:V(()=>`calc(var(--header-${a}-size) * 1px)`,[a]),minWidth:V(()=>o?.columnDef.minSize?`calc(var(--col-${a}-minSize) * 1px)`:void 0,[a,o]),maxWidth:V(()=>o?.columnDef.maxSize?`calc(var(--col-${a}-maxSize) * 1px)`:void 0,[a,o])},className:W(At({isPinned:t||`false`,isActions:a===`actions`,isLastCell:r,isFirstCell:n,position:f}),s),...d,children:[K(`div`,{className:`truncate px-4`,children:c}),i&&K(Qt,{isPinned:t,isVisible:e,onLeftPin:l,onRightPin:l,onUnpin:l})]})});$t.displayName=`UITableHeadCell`;const Z=L(({isPinned:e,isAllRowsSelected:t,style:n,onToggleAllRowsSelected:r,...i})=>{let a=z(e=>{r?.(!!e)},[r]);return K(`th`,{slot:`table-header-cell`,"data-pinned":!0,style:{left:0,zIndex:40,width:60,maxWidth:60},className:Nt({isPinned:e}),...i,children:K(`div`,{className:`absolute inset-0 flex items-center justify-center`,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:K(x,{"aria-label":`Select All Rows`,checked:t,onCheckedChange:a})})})});Z.displayName=`UITableHeadCellSelect`;const en=L(({headerGroup:e,className:t,...n})=>{let{isAllRowsSelected:r,columnPinningState:i,leftPinnedHeaders:a,rightPinnedHeaders:o,onToggleAllRowsSelected:s}=mt(),c=o[0]?.id,l=a[a.length-1]?.id;return K(`tr`,{slot:`table-head-row`,className:W(kt(),t),...n,children:e.headers.map((e,t)=>{let n=e.column.getIsVisible(),a=i.left?.includes(e.id)?`left`:i.right?.includes(e.id)?`right`:!1;return e.id===`select`?K(Z,{isPinned:a,isAllRowsSelected:r,onToggleAllRowsSelected:s},e.id):K($t,{isVisible:n,isPinned:a,isFirstCell:e.id===c,isLastCell:e.id===l,isOptionsVisible:![`select`,`actions`].includes(e.id),headerId:e.id,headerColumn:e.column,colSpan:e.colSpan,onColumnPin:e.column.pin,onToggleVisibility:e.column.toggleVisibility,children:Le(e.column.columnDef.header,e.getContext())},`${e.id}-${t}`)})})});en.displayName=`UITableHeadRow`;const tn=L(({children:e,...t})=>{let{table:n,innerTableId:r,totalSize:i}=ft(),a=H(null);return B(()=>{if(!a.current)return;let e=n.getFlatHeaders(),t,r=new ResizeObserver(r=>{t!==void 0&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{let t=r[0];if(!t)return;let i=t.target;if(!(i instanceof HTMLTableElement))return;let a=t.contentRect.width,{left:o=[],right:s=[]}=n.getState().columnPinning,c=0,l=0,u=0,d=e.map(e=>{let{id:t}=e,n=t===`select`||t===`actions`,r=o.includes(t)||s.includes(t),i=e.getSize(),a=e.column.columnDef.maxSize;return n?(c+=60,{id:t,isFlex:!1,width:60}):r?(c+=i,{id:t,isFlex:!1,width:i}):e.column.columnDef.size||i!==150?(u+=i,{id:t,isFlex:!1,width:i}):(l++,{id:t,isFlex:!0,maxSize:a})}),f=a-c-u,p=l>0?Math.max(0,Math.floor(f/l)):0,m=i.closest(`[data-slot="table-scroll-host"]`);d.forEach(e=>{if(e.isFlex){let t=e.maxSize?Math.min(p,e.maxSize):p;i.style.setProperty(`--header-${e.id}-size`,`${t}`),i.style.setProperty(`--col-${e.id}-size`,`${t}`),m?.style.setProperty(`--col-${e.id}-size`,`${t}`),e.maxSize&&i.style.setProperty(`--col-${e.id}-maxSize`,`${e.maxSize}`)}else i.style.setProperty(`--header-${e.id}-size`,`${e.width}`),i.style.setProperty(`--col-${e.id}-size`,`${e.width}`),m?.style.setProperty(`--col-${e.id}-size`,`${e.width}`)})})});return r.observe(a.current),()=>{t!==void 0&&cancelAnimationFrame(t),r.disconnect()}},[n.getState().columnSizingInfo,n.getState().columnSizing,n.getState().columnPinning]),K(`table`,{id:r,ref:a,slot:`table-inner-table`,className:Dt(),style:{minWidth:i},...t,children:e})});tn.displayName=`UITableInnerTable`;const nn=L(({children:e,...t})=>{let{innerWrapperId:n}=ut();return K(`div`,{id:n,slot:`table-inner-wrapper`,className:Et(),...t,children:e})});nn.displayName=`UITableInnerWrapper`;const rn=L(({fetchMoreData:e})=>{let{innerWrapperId:t}=ut(),[n,r]=U(`idle`),[i,a]=U(0),o=z(async()=>{try{r(`fetching`),await e?.(),r(`idle`)}catch(e){console.error(`Error fetching more data:`,e),r(`error`)}},[e]);return B(()=>{let e=document.querySelector(`div[id="${t}"]`);if(!e)return;let n=new ResizeObserver(e=>{a(e[0].contentRect.width)});return n.observe(e),()=>n.disconnect()},[t]),e?K(`tr`,{className:`sticky! left-0 h-10`,style:{width:i},children:K(`td`,{className:`absolute left-0 flex w-full items-center justify-center text-xs`,children:q(`button`,{type:`button`,disabled:n===`fetching`,className:Bt({state:n}),onClick:o,children:[n===`idle`&&K(fe,{className:`size-4`}),n===`fetching`&&K(te,{className:`size-4 animate-spin`}),n===`error`&&K(k,{className:`size-4 text-danger`}),n===`idle`&&`Tải thêm`,n===`fetching`&&`Đang tải...`,n===`error`&&`Lỗi! Thử lại?`]})})}):null});rn.displayName=`UITableLoadMore`;const an=L(({row:e,isSelected:t,rowIndex:n,children:r,...i})=>{let{keyOfClickRow:a,isAllRowsSelected:o,columnPinningState:s,leftPinnedHeaders:c,rightPinnedHeaders:l,onClickRow:u}=_t(),d=V(()=>s.left??[],[s]),f=V(()=>s.right??[],[s]),p=V(()=>l?.[0]?.id,[l]),m=V(()=>c?.[c.length-1]?.id,[c]),h=V(()=>e.getVisibleCells().some(e=>e.column.id===`select`),[e]),g=z(t=>{if(u){let t=a?e.original?.[a]:void 0;u(n,typeof t==`string`||typeof t==`number`?t:void 0)}else h&&e.toggleSelected();t.preventDefault(),t.stopPropagation()},[a,u,e,n,h]);return K(`tr`,{slot:`table-row`,"data-index":n,className:Mt(),onClick:g,...i,children:e.getVisibleCells().map((e,r)=>{let i=d.includes(e.column.id),a=f.includes(e.column.id),s=i?`left`:a?`right`:!1;return e.column.id===`actions`?K(Ut,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,column:e.column,getContext:e.getContext},`${e.id}-${r}`):e.column.id===`select`?K(Wt,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:s,isSelected:o||t,onToggleRowSelected:e.row.toggleSelected},`${e.id}-${r}`):K(Ht,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:s,isFirstCell:e.column.id===p,isLastCell:e.column.id===m,colId:e.column.id,position:e.column.columnDef.meta?.position??`start`,column:e.column,getContext:e.getContext},`${e.id}-${r}`)})})});an.displayName=`UITableRow`;const on=L(({className:e,children:t,...n})=>K(`div`,{slot:`table-wrapper`,className:W(Tt(),e),...n,children:t}));on.displayName=`UITableWrapper`;const sn=({children:e})=>{let{table:t,fetchMoreData:n}=X(),{rowSelectionState:r}=Y(),{rows:i}=t.getRowModel();return q(ie,{direction:`horizontal`,style:{direction:t.options.columnResizeDirection},className:`relative flex w-full max-w-full flex-1 gap-1 overflow-auto border-t border-t-border border-r border-r-border p-0 text-sm`,children:[K(re,{"data-slot":`table-scroll-host`,className:`relative flex flex-col`,children:q(nn,{children:[q(tn,{children:[K(Zt,{children:t.getHeaderGroups().map(e=>K(en,{headerGroup:e},e.id))}),q(Vt,{children:[i.map((e,t)=>K(an,{row:e,isSelected:r[e.id]===!0,rowIndex:t},e.id)),n&&K(rn,{fetchMoreData:n})]}),K(Gt,{})]}),K(Kt,{})]})}),e&&q(Fe,{children:[K(ne,{}),e]})]})};function cn(e,t,n){switch(n){case`count`:return e;case`sum`:return t.reduce((e,t)=>e+t,0);case`avg`:return t.length===0?0:t.reduce((e,t)=>e+t,0)/t.length;case`min`:return t.length===0?0:Math.min(...t);case`max`:return t.length===0?0:Math.max(...t)}}function ln(e,t){return e.map(e=>{let n=e.getValue(t);return typeof n==`string`?Number(n):typeof n==`number`?n:NaN}).filter(e=>!Number.isNaN(e))}const un={sum:`Tổng`,avg:`Trung bình`,count:`Đếm`,min:`Nhỏ nhất`,max:`Lớn nhất`},dn=L(()=>{let{table:e,totalRows:t}=X(),{rowSelectionState:n}=Y(),{isOpen:r,toggle:i}=St(),a=V(()=>e.getRowModel().rows,[e]),o=V(()=>e.getSelectedRowModel().flatRows,[e,n]),s=V(()=>e.getHeaderGroups()[0]?.headers??[],[e]),c=V(()=>s.filter(e=>![`select`,`actions`].includes(e.id)).flatMap(e=>{let t=e.column.columnDef.meta?.aggregation;if(!t)return[];let n=t.label??(typeof e.column.columnDef.header==`string`?e.column.columnDef.header:e.id),r=ln(a,e.id),i=o.length>0?ln(o,e.id):null;return[{colId:e.id,header:n,aggregation:t,allValue:cn(a.length,r,t.type),selectedValue:i===null?null:cn(o.length,i,t.type)}]}),[s,a,o]);return q(`div`,{"data-slot":`table-analysis-panel`,className:`w-full border-t border-border`,children:[q(`button`,{type:`button`,className:W(`flex w-full items-center justify-between px-4 py-2 text-sm font-medium text-text-positive`,`hover:bg-muted-bg-subtle transition-colors outline-none`,`focus-visible:ring-2 focus-visible:ring-primary-weak`),onClick:i,"aria-expanded":r,children:[K(`span`,{children:`Tổng quan dữ liệu`}),K(r?pe:j,{size:14})]}),r&&q(`div`,{className:`px-4 pb-4 pt-2 space-y-4`,children:[q(`div`,{className:`flex flex-wrap gap-4`,children:[K(Q,{label:`Tổng bản ghi`,value:t??a.length}),K(Q,{label:`Hàng hiển thị`,value:a.length}),K(Q,{label:`Hàng đã chọn`,value:o.length,highlight:o.length>0})]}),c.length>0&&q(`div`,{children:[K(`p`,{className:`mb-2 text-xs font-semibold uppercase tracking-wide text-text-positive-weak`,children:`Tóm tắt cột`}),K(`div`,{className:`overflow-x-auto rounded-md border border-border`,children:q(`table`,{className:`w-full text-sm`,children:[K(`thead`,{children:q(`tr`,{className:`border-b border-border bg-muted-bg-subtle text-xs text-text-positive-weak`,children:[K(`th`,{className:`px-3 py-2 text-left font-medium`,children:`Cột`}),K(`th`,{className:`px-3 py-2 text-left font-medium`,children:`Kiểu`}),K(`th`,{className:`px-3 py-2 text-right font-medium`,children:`Tất cả hàng`}),o.length>0&&K(`th`,{className:`px-3 py-2 text-right font-medium`,children:`Hàng đã chọn`})]})}),K(`tbody`,{children:c.map((e,t)=>q(`tr`,{className:W(`border-b border-border last:border-b-0`,t%2==1&&`bg-muted-bg-subtle/50`),children:[K(`td`,{className:`px-3 py-2 text-text-positive font-medium`,children:e.header}),K(`td`,{className:`px-3 py-2 text-text-positive-weak`,children:un[e.aggregation.type]}),K(`td`,{className:`px-3 py-2 text-right`,children:K(l,{value:e.allValue,prefix:e.aggregation.prefix,suffix:e.aggregation.suffix,precision:e.aggregation.precision,size:`sm`})}),o.length>0&&K(`td`,{className:`px-3 py-2 text-right`,children:e.selectedValue===null?K(`span`,{className:`text-text-positive-weak`,children:`—`}):K(l,{value:e.selectedValue,prefix:e.aggregation.prefix,suffix:e.aggregation.suffix,precision:e.aggregation.precision,size:`sm`})})]},e.colId))})]})})]})]})]})});dn.displayName=`UITableAnalysisPanel`;const Q=L(({label:e,value:t,highlight:n})=>q(`div`,{className:W(`flex flex-col gap-0.5 rounded border px-3 py-2 min-w-25 bg-white`,n&&t>0?`border-primary bg-primary-bg-subtle`:`border-border bg-white`),children:[K(`span`,{className:`text-[11px] text-text-positive-weak`,children:e}),K(`span`,{className:`text-base font-semibold tabular-nums text-text-positive-strong`,children:t.toLocaleString()})]}));Q.displayName=`StatChip`;const fn={tag:K(De,{size:14}),"single-tag":K(De,{size:14}),"date-range":K(de,{size:14}),number:K(_e,{size:14}),text:K(Ae,{size:14}),boolean:K(Oe,{size:14})},pn=[{value:`eq`,label:`Bằng (=)`},{value:`ne`,label:`Không bằng (≠)`},{value:`gt`,label:`Lớn hơn (>)`},{value:`gte`,label:`Ít nhất (≥)`},{value:`lt`,label:`Nhỏ hơn (<)`},{value:`lte`,label:`Nhiều nhất (≤)`},{value:`between`,label:`Trong khoảng`}],mn=[{value:`contains`,label:`Chứa`},{value:`equals`,label:`Bằng`},{value:`starts-with`,label:`Bắt đầu bằng`},{value:`ends-with`,label:`Kết thúc bằng`}];function hn(e,t){switch(e.type){case`single-tag`:return e.value?t.options?.find(t=>t.value===e.value)?.label??e.value:`Chưa đặt`;case`tag`:return e.values.length?e.values.map(e=>t.options?.find(t=>t.value===e)?.label??e).join(`, `):`Chưa đặt`;case`date-range`:return!e.from&&!e.to?`Ngày không xác định`:e.from&&e.to?`${e.from} → ${e.to}`:e.from?`từ ${e.from}`:`đến ${e.to}`;case`number`:{let t={eq:`=`,ne:`≠`,gt:`>`,gte:`≥`,lt:`<`,lte:`≤`,between:`trong khoảng`}[e.operator];return e.value===void 0?t:e.operator===`between`?`${t} ${e.value} – ${e.valueTo??`?`}`:`${t} ${e.value}`}case`text`:{let t={contains:`chứa`,equals:`là`,"starts-with":`bắt đầu bằng`,"ends-with":`kết thúc bằng`}[e.operator];return e.value?`${t} "${e.value}"`:t}case`boolean`:return e.value===null?`Không xác định`:e.value?`Có`:`Không`}}const gn=({value:e,definition:t,onChange:n})=>K(`div`,{className:`flex flex-col gap-1 p-3`,children:(t.options??[]).length===0?K(`p`,{className:`text-xs text-text-positive-muted`,children:`Không có tùy chọn`}):t.options.map(t=>q(C,{className:W(`flex items-center gap-2 bg-secondary-bg-subtle hover:bg-secondary-muted px-4 py-2 rounded transition-colors`,e.values.includes(t.value)&&`bg-primary-muted hover:bg-primary-subtle`),children:[K(x,{checked:e.values.includes(t.value),onCheckedChange:r=>{n({type:`tag`,values:r?[...e.values,t.value]:e.values.filter(e=>e!==t.value)})}}),K(`span`,{className:`text-sm`,children:t.label})]},t.value))}),_n=({value:e,definition:t,onChange:n})=>K(`div`,{className:`flex flex-col gap-1 p-3`,children:(t.options??[]).length===0?K(`p`,{className:`text-xs text-text-positive-muted`,children:`Không có tùy chọn`}):t.options.map(t=>q(C,{className:W(`flex items-center gap-2 bg-secondary-bg-subtle hover:bg-secondary-muted px-4 py-2 rounded transition-colors`,e.value===t.value&&`bg-primary-muted hover:bg-primary-subtle`),children:[K(x,{checked:e.value===t.value,onCheckedChange:e=>{n({type:`single-tag`,value:e?t.value:null})}}),K(`span`,{className:`text-sm`,children:t.label})]},t.value))}),vn=({value:e,onChange:t})=>q(`div`,{className:`flex flex-col gap-3 p-3`,children:[q(`div`,{className:`flex flex-col gap-1`,children:[K(`span`,{className:`text-text-positive-muted text-xs`,children:`Từ ngày`}),K(S,{type:`date`,size:`md`,value:e.from??``,onValueChange:n=>t({...e,from:n||void 0})})]}),q(`div`,{className:`flex flex-col gap-1`,children:[K(`span`,{className:`text-text-positive-muted text-xs`,children:`Đến ngày`}),K(S,{type:`date`,size:`md`,value:e.to??``,onValueChange:n=>t({...e,to:n||void 0})})]})]}),yn=({value:e,onChange:t})=>q(`div`,{className:`flex flex-col gap-3 p-3`,children:[q(T,{value:e.operator,onValueChange:n=>t({...e,operator:n}),children:[K(se,{size:`sm`,children:K(O,{})}),K(E,{children:pn.map(e=>K(D,{value:e.value,children:e.label},e.value))})]}),K(S,{type:`number`,size:`md`,placeholder:`Giá trị`,value:e.value??``,onValueChange:n=>t({...e,value:n?Number(n):void 0})}),e.operator===`between`&&K(S,{type:`number`,size:`md`,placeholder:`Đến giá trị`,value:e.valueTo??``,onValueChange:n=>t({...e,valueTo:n?Number(n):void 0})})]}),bn=({value:e,onChange:t})=>q(`div`,{className:`flex flex-col gap-3 p-3`,children:[q(T,{value:e.operator,onValueChange:n=>t({...e,operator:n}),children:[K(se,{size:`sm`,children:K(O,{})}),K(E,{children:mn.map(e=>K(D,{value:e.value,children:e.label},e.value))})]}),K(S,{type:`text`,size:`md`,placeholder:`Nhập văn bản...`,value:e.value,onValueChange:n=>t({...e,value:n})})]}),xn=[{label:`Có`,value:!0},{label:`Không`,value:!1},{label:`Không xác định`,value:null}],Sn=({value:t,onChange:n})=>K(`div`,{className:`flex flex-col gap-1 p-3`,children:xn.map(({label:r,value:i})=>K(e,{type:`button`,tabIndex:-1,variant:`outline`,className:W(`rounded px-3 py-1.5 text-left text-sm transition-colors`,t.value===i?`bg-primary-muted font-medium`:`hover:bg-muted-bg-subtle`),onClick:()=>n({type:`boolean`,value:i}),children:r},r))});function Cn({value:e,definition:t,onChange:n}){switch(e.type){case`tag`:return K(gn,{value:e,definition:t,onChange:n});case`single-tag`:return K(_n,{value:e,definition:t,onChange:n});case`date-range`:return K(vn,{value:e,onChange:n});case`number`:return K(yn,{value:e,onChange:n});case`text`:return K(bn,{value:e,onChange:n});case`boolean`:return K(Sn,{value:e,onChange:n})}}const wn=({filter:t,definition:n,onRemove:r,onUpdate:i})=>q(`div`,{className:`flex items-center gap-1`,children:[q(ae,{children:[K(oe,{asChild:!0,children:q(e,{type:`button`,variant:`outline`,color:`muted`,className:`flex-1 bg-white max-w-[calc(100%-32px)] justify-start`,innerClassName:`flex truncate gap-1.5`,children:[K(`span`,{className:`shrink-0 text-text-positive font-medium`,children:n.label}),K(`span`,{className:`truncate text-xs text-text-positive-weak`,children:hn(t.value,n)})]})}),q(w,{className:`w-64 p-0`,align:`start`,side:`bottom`,children:[K(`div`,{className:`border-b border-border px-3 py-2`,children:q(`div`,{className:`flex items-center gap-1.5`,children:[K(`span`,{className:`text-text-positive-muted`,children:fn[n.type]}),K(`p`,{className:`font-medium`,children:n.label})]})}),K(Cn,{value:t.value,definition:n,onChange:i})]})]}),K(e,{type:`button`,size:`icon`,variant:`soft`,color:`danger`,className:`shrink`,onClick:r,children:K(ke,{size:13})})]}),Tn=()=>{let{filterDefinitions:t,activeFilters:n,addFilter:r,removeFilter:i,updateFilter:a}=bt(),[o,s]=U(null),c=t.filter(e=>!n.some(t=>t.definitionId===e.id));return K(re,{defaultSize:25,className:W(`bg-card`,o===null?`max-w-8!`:`min-w-64`),children:q(`div`,{className:`relative z-20 flex size-full bg-muted-bg-subtle`,children:[K(`div`,{className:`min-w-0 flex-1 overflow-hidden`,children:K(Ne,{mode:o===`filters`?`visible`:`hidden`,children:q(`div`,{className:`flex size-full flex-col gap-2 p-4`,children:[q(`div`,{className:`flex items-center justify-between gap-2`,children:[K(`p`,{className:`font-medium`,children:`Bộ lọc`}),q(m,{children:[K(y,{asChild:!0,children:q(e,{variant:`outline`,color:`muted`,disabled:c.length===0,children:[K(ve,{size:13}),`Thêm bộ lọc`]})}),K(h,{align:`end`,children:c.map(e=>q(_,{className:`flex items-center gap-2`,onClick:()=>r(e.id),children:[fn[e.type],e.label]},e.id))})]})]}),K(p,{}),n.length===0?K(`p`,{className:`py-6 text-center text-xs text-text-positive-muted`,children:`Không có bộ lọc nào`}):K(`div`,{className:`flex flex-col gap-2 pt-1`,children:n.map(e=>{let n=t.find(t=>t.id===e.definitionId);return n?K(wn,{filter:e,definition:n,onRemove:()=>i(e.id),onUpdate:t=>a(e.id,t)},e.id):null})})]})})}),q(`div`,{className:`flex h-full flex-col border-l border-border bg-muted-bg-subtle text-sm`,children:[q(`button`,{type:`button`,className:W(`relative flex h-32 cursor-pointer flex-col items-center gap-y-2 p-2 py-4`,o===`filters`&&`bg-card`),onClick:()=>s(o===`filters`?null:`filters`),children:[K(P,{size:18}),n.length>0&&K(`span`,{className:`absolute top-2 right-1.5 flex h-4 w-4 items-center justify-center rounded-full bg-primary text-[10px] leading-none text-primary-foreground`,children:n.length}),K(`span`,{className:`text-nowrap [writing-mode:vertical-lr]`,children:`Bộ lọc`})]}),K(p,{})]})]})})};function En(e){switch(e){case`tag`:return{type:`tag`,values:[]};case`single-tag`:return{type:`single-tag`,value:null};case`date-range`:return{type:`date-range`};case`number`:return{type:`number`,operator:`eq`};case`text`:return{type:`text`,operator:`contains`,value:``};case`boolean`:return{type:`boolean`,value:null}}}const Dn=L(({innerWrapperId:e,children:t})=>{let n=V(()=>({innerWrapperId:e}),[e]);return K(lt.Provider,{value:n,children:t})});Dn.displayName=`UITableInnerWrapperProvider`;const On=L(({table:e,innerTableId:t,totalSize:n,children:r})=>{let i=V(()=>({table:e,innerTableId:t,totalSize:n}),[e,t,n]);return K(dt.Provider,{value:i,children:r})});On.displayName=`UITableInnerTableProvider`;const kn=L(({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i,children:a})=>{let o=V(()=>({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i}),[e,t,n,r,i]);return K(pt.Provider,{value:o,children:a})});kn.displayName=`UITableHeadRowProvider`;const An=L(({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r,children:i})=>{let a=V(()=>({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r}),[e,n,r]);return K(ht.Provider,{value:a,children:i})});An.displayName=`UITableBodyProvider`;const jn=L(({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a,children:o})=>{let s=V(()=>({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a}),[e,t,n,r,i,a]);return K(gt.Provider,{value:s,children:o})});jn.displayName=`UITableRowProvider`;const Mn=({title:e,isFetching:t=!1,isRefetching:n=!1,isLoading:r=!1,loadingDisplayRow:i=3,data:a,columns:o,totalRows:s,leftPinnedColumns:c=[],rightPinnedColumns:l=[],keyOfClickRow:u,onClickRow:d,onRowSelection:f,onColumnPinning:p,fetchMoreData:m,emptyDisplayHeight:h,csvData:g,csvFileName:_,filterDefinitions:v=[],onFilterChange:y,summary:b=[],onSummaryItemClick:ee,showAnalysisPanel:x=!1,description:te,headerActions:ne,children:re})=>{let ie=Pe(),S=Pe(),[C,ae]=U(!1),[w,oe]=U({}),[T,E]=U({right:l,left:[`select`,...c]}),[D,se]=U({}),[O,k]=U([]),ce=z(e=>(oe(e),f?.(e instanceof Function?e(w):e),e),[w,f]),le=z(e=>{E(e),p?.(e instanceof Function?e(T):e)},[T,p]),ue=z(e=>{let t=v.find(t=>t.id===e);if(!t)return;let n={id:`${e}-${crypto.randomUUID()}`,definitionId:e,value:En(t.type)};k(e=>{let t=[...e,n];return y?.(t),t})},[v,y]),de=z(e=>{k(t=>{let n=t.filter(t=>t.id!==e);return y?.(n),n})},[y]),A=z((e,t)=>{k(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return y?.(r),r})},[y]),fe=V(()=>({filterDefinitions:v,activeFilters:O,addFilter:ue,removeFilter:de,updateFilter:A}),[v,O,ue,de,A]),j=Ve({data:a,columns:o,state:{rowSelection:w,columnPinning:T,expanded:D},defaultColumn:{enableResizing:!1,size:void 0,minSize:void 0,maxSize:void 0},columnResizeMode:`onChange`,columnResizeDirection:`ltr`,enableColumnPinning:!0,enableRowSelection:!0,enableColumnResizing:!0,enableMultiRowSelection:!0,autoResetAll:!1,autoResetExpanded:!1,autoResetPageIndex:!1,getSubRows:e=>e.subRows,getCoreRowModel:Re(),getGroupedRowModel:Be(),getExpandedRowModel:ze(),onRowSelectionChange:ce,onColumnPinningChange:le,onExpandedChange:se}),pe=V(()=>{let{rows:e}=j.getRowModel();return e},[j.getRowModel().rows,j.getState().columnPinning]),M=V(()=>!t&&!n&&pe.length===0,[pe,t,n]),me=V(()=>({title:e,table:j,isEmpty:M,isFetching:t,isRefetching:n,isLoading:r,loadingDisplayRow:i,totalRows:s,fetchMoreData:m,emptyDisplayHeight:h,csvData:g,csvFileName:_,summary:b,onSummaryItemClick:ee,showAnalysisPanel:x,description:te,headerActions:ne}),[e,j,M,n,t,r,i,s,m,h,j.getState().columnPinning,j.getState().expanded,g,_,b,ee,x,te,ne]),N=V(()=>j.getState(),[j.getState()]),he=V(()=>j.getIsAllRowsSelected(),[j.getIsAllRowsSelected()]),ge=V(()=>N.rowSelection,[N.rowSelection]),_e=V(()=>N.columnPinning,[N.columnPinning]),P=V(()=>j.getLeftHeaderGroups()[0]?.headers||[],[j.getState().columnPinning]),ve=V(()=>j.getRightHeaderGroups()[0]?.headers||[],[j.getState().columnPinning]),ye=V(()=>j.getTotalSize(),[j.getTotalSize()]),F=z(()=>ae(e=>!e),[]),be=V(()=>({isOpen:C,toggle:F}),[C,F]);return K(xt.Provider,{value:be,children:K(yt.Provider,{value:fe,children:K(vt.Provider,{value:me,children:K(Dn,{innerWrapperId:ie,children:K(On,{table:j,innerTableId:S,totalSize:ye,children:K(kn,{isAllRowsSelected:he,columnPinningState:_e,leftPinnedHeaders:P,rightPinnedHeaders:ve,onToggleAllRowsSelected:j.toggleAllRowsSelected,children:K(An,{isFetching:t,isRefetching:n,isEmpty:M,rowSelectionState:ge,children:K(jn,{keyOfClickRow:u,isAllRowsSelected:he,columnPinningState:_e,leftPinnedHeaders:P,rightPinnedHeaders:ve,onClickRow:d,children:re})})})})})})})})},Nn={up:`bg-success`,down:`bg-danger`,neutral:`bg-primary`},Pn=L(()=>{let{summary:e,onSummaryItemClick:t}=X();return!e||e.length===0?null:K(`div`,{"data-slot":`table-summary-bar`,className:`w-full overflow-x-auto px-2 pb-1`,children:K(`div`,{className:`grid gap-3`,style:{gridTemplateColumns:`repeat(auto-fill, minmax(200px, 240px))`},children:e.map(e=>{let n=Nn[e.trend??`neutral`],r=!!t;return q(`div`,{className:W(`flex flex-col overflow-hidden rounded border border-border bg-card shadow-card`,r&&`cursor-pointer transition-shadow hover:shadow-md`),onClick:r?()=>t(e):void 0,role:r?`button`:void 0,tabIndex:r?0:void 0,onKeyDown:r?n=>{(n.key===`Enter`||n.key===` `)&&t(e)}:void 0,children:[K(`div`,{className:W(`h-0.75 w-full shrink-0`,n)}),q(`div`,{className:`flex flex-1 flex-col gap-2 px-5 py-4`,children:[K(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-text-positive-weak`,children:e.label}),e.value!==null&&e.value!==void 0?K(l,{value:e.value,prefix:e.prefix,suffix:e.suffix,precision:e.precision,trend:e.trend,size:`xl`,className:`font-bold`}):K(`span`,{className:`text-xl font-bold tabular-nums text-text-positive-strong`,children:`—`}),e.description&&K(`span`,{className:`text-xs text-text-positive-weak`,children:e.description})]})]},e.label)})})})});Pn.displayName=`UITableSummaryBar`;function Fn(e){if(e==null)return``;if(typeof e==`number`)return String(e);if(typeof e==`boolean`)return e?`true`:`false`;let t=String(e);return t.includes(`,`)||t.includes(`"`)||t.includes(`
+`)||t.includes(`\r`)?`"${t.replace(/"/g,`""`)}"`:t}function In(e){if(e.length===0)return``;let t=e[0].map(e=>Fn(e.label)),n=e.map(e=>e.map(e=>Fn(e.value)).join(`,`));return[t.join(`,`),...n].join(`
+`)}function Ln(e,t){let n=In(e);if(!n)return;let r=new Blob([n],{type:`text/csv;charset=utf-8;`}),i=URL.createObjectURL(r),a=document.createElement(`a`);a.href=i,a.download=`${t}.csv`,a.click(),URL.revokeObjectURL(i)}const Rn=({onSearch:e,onChange:t,...n})=>{let r=He(t=>{e?.(t)},500);return q(`div`,{className:`relative w-full max-w-80 flex-1`,children:[K(S,{...n,size:`lg`,type:`search`,placeholder:`Tìm kiếm...`,className:`flex-1 ps-9 pe-9`,onChange:e=>{t?.(e),r(e.target.value??``)}}),K(`div`,{className:`pointer-events-none absolute inset-y-0 inset-s-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:K(Ee,{size:16})}),K(`button`,{className:`absolute inset-y-0 inset-e-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:K(ce,{size:16,"aria-hidden":`true`})})]})},$=({children:e,disabled:t,onClick:n,className:r,...i})=>K(`button`,{type:`button`,disabled:t,className:W(`flex cursor-pointer items-center gap-x-1 rounded-sm border border-border bg-background p-2.5 text-sm text-text-positive-weak outline-none transition-all hover:shadow-card focus:border-border-emphasis focus:bg-muted-muted active:border-border-emphasis active:bg-muted-muted active:text-text-positive disabled:pointer-events-none disabled:cursor-default disabled:opacity-60 [&_svg]:size-3.5`,r),onClick:n,...i,children:e}),zn=({onCreate:e,onDownload:t,onRefresh:n})=>{let{table:r,csvData:i,csvFileName:a,title:o,showAnalysisPanel:s}=X(),{isOpen:c,toggle:l}=St(),u=z(()=>{if(t){t();return}if(!i||i.length===0)return;let e=r.getSelectedRowModel().flatRows;Ln(e.length>0?e.map(e=>i[e.index]).filter(Boolean):i,a||o)},[t,i,a,r,o]),d=!!(t||i&&i.length>0);return q(`div`,{className:`flex [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none`,children:[K($,{disabled:!e,onClick:t=>{e?.(),t.stopPropagation(),t.preventDefault()},children:K(M,{})}),K($,{disabled:!n,onClick:e=>{n?.(),e.stopPropagation(),e.preventDefault()},children:K(Te,{})}),K($,{disabled:!d,onClick:e=>{u(),e.stopPropagation(),e.preventDefault()},children:K(N,{})}),s&&K($,{onClick:e=>{l(),e.stopPropagation(),e.preventDefault()},"aria-pressed":c,className:c?`bg-muted-muted text-text-positive`:void 0,children:K(le,{})})]})},Bn=({children:e})=>{let{title:t,description:n,headerActions:r}=X();return q(`div`,{"data-slot":`table-tooltip`,className:`relative flex w-full flex-col gap-2 px-2 py-0 text-sm`,children:[q(`div`,{className:`flex w-full items-start justify-between gap-4`,children:[q(`div`,{className:`flex flex-col gap-0.5`,children:[K(`h3`,{className:`font-semibold text-base text-text-positive`,children:t}),n&&K(`p`,{className:`text-sm text-muted-foreground`,children:n})]}),r&&K(`div`,{className:`flex items-center gap-2 shrink-0`,children:r})]}),K(`div`,{className:`flex w-full flex-1 justify-between gap-x-2`,children:e})]})};Bn.displayName=`TableTooltip`;export{rt as A,qe as B,Ut as C,st as D,ct as E,Qe as F,Ge as H,Ze as I,Xe as L,tt as M,et as N,ot as O,$e as P,Ye as R,Wt as S,Vt as T,We as U,Ke as V,Ue as W,Qt as _,Mn as a,qt as b,sn as c,rn as d,nn as f,$t as g,Z as h,Pn as i,nt as j,at as k,on as l,en as m,zn as n,Tn as o,tn as p,Rn as r,dn as s,Bn as t,an as u,Zt as v,Ht as w,Kt as x,Xt as y,Je as z};
+//# sourceMappingURL=tables-Cylalxey.mjs.map