@customafk/lunas-ui 0.2.80 → 0.2.81

package/dist/{tables-CS3NhgTc.cjs → tables-BzP8Cnvh.cjs}

@@ -1,2 +1,2 @@
-const e=require("./data-display/statistic.cjs"),t=require("./ui/checkbox.cjs"),n=require("./ui/dropdown-menu.cjs"),r=require("./ui/spinner.cjs"),i=require("./ui/resizable.cjs");let a=require("lucide-react"),o=require("react"),s=require("@customafk/react-toolkit/utils"),c=require("class-variance-authority"),l=require("react/jsx-runtime"),u=require("@tanstack/react-table");const d=()=>(0,l.jsxs)(`div`,{className:`flex gap-0 text-text-positive-weak`,children:[(0,l.jsx)(a.MinusIcon,{size:16}),(0,l.jsx)(a.MinusIcon,{size:16})]}),f=(0,o.createContext)(null),p=()=>{let e=(0,o.use)(f);if(!e)throw Error(`useTableInnerWrapperContext must be used within a TableInnerWrapperProvider`);return e},m=(0,o.createContext)(null),h=()=>{let e=(0,o.use)(m);if(!e)throw Error(`useTableInnerTableContext must be used within a TableInnerTableProvider`);return e},g=(0,o.createContext)(null),_=()=>{let e=(0,o.use)(g);if(!e)throw Error(`useTableHeaderRowContext must be used within a TableHeaderRowProvider`);return e},v=(0,o.createContext)(null),y=()=>{let e=(0,o.use)(v);if(!e)throw Error(`useTableBodyContext must be used within a TableBodyProvider`);return e},b=(0,o.createContext)(null),x=()=>{let e=(0,o.use)(b);if(!e)throw Error(`useTableRowContext must be used within a TableRowProvider`);return e},ee=(0,o.createContext)(null),S=()=>{let e=(0,o.use)(ee);if(!e)throw Error(`useTableContext must be used within a TableProvider`);return e},te=(0,o.createContext)(null),C=()=>{let e=(0,o.use)(te);if(!e)throw Error(`useUITableFilterContext must be used within a UITableProvider`);return e},ne=(0,o.createContext)(null),w=()=>{let e=(0,o.use)(ne);if(!e)throw Error(`useUITableAnalysisContext must be used within a UITableProvider`);return e},re=(0,o.createContext)(null),ie=()=>{let e=(0,o.use)(re);if(!e)throw Error(`useUITableSummaryContext must be used within a UITableProvider`);return e},T=`border-r! !border-r-border-strong/30`,E=`border-l! !border-l-border-strong/30`,ae=(0,c.cva)([`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`]),oe=(0,c.cva)([`sticky left-0 flex flex-1 items-center justify-center bg-transparent text-text-positive-weak opacity-100`]),se=(0,c.cva)([`relative m-0 flex size-full flex-col flex-nowrap items-start justify-start gap-2`]),ce=(0,c.cva)([`relative w-full flex-1 min-h-0 overflow-auto border-b border-b-border border-l border-l-border`]),D=(0,c.cva)([`grid w-full table-fixed caption-bottom border-collapse border-spacing-0 flex-col content-start`]),le=(0,c.cva)([`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`]),O=(0,c.cva)([`flex`]),ue=(0,c.cva)([`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:T},{isPinned:`right`,isFirstCell:!0,className:E}]}),k=(0,c.cva)([`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`]),de=(0,c.cva)([`group transition-colors hover:bg-muted-muted hover:[&_td]:bg-muted-muted! [&_td]:border-r [&_td]:border-r-border`]),A=(0,c.cva)([`group-hover:bg-muted-muted!`],{variants:{isPinned:{left:`sticky`,right:`sticky`,false:`relative`},isLastCell:{true:``,false:``}},compoundVariants:[{isPinned:`left`,isLastCell:!0,className:T}],defaultVariants:{isPinned:void 0}}),fe=(0,c.cva)([`sticky border-r-0! inset-y-0 right-0 z-30 flex items-center pr-4 group-hover:bg-muted-muted!`]),pe=(0,c.cva)([`group-hover:bg-muted-muted!`],{variants:{isPinned:{left:``,right:``,false:``},isLastCell:{true:``,false:``},isFirstCell:{true:``,false:``}},compoundVariants:[{isPinned:`left`,isLastCell:!0,className:T},{isPinned:`right`,isFirstCell:!0,className:E}]}),me=(0,c.cva)([`overflow-x-hidden`],{variants:{position:{start:`justify-start`,center:`justify-center`,end:`justify-end`}},defaultVariants:{position:`start`}}),j=(0,c.cva)([`shrink-0 flex w-full justify-center border-t border-border-weak font-medium`]),M=(0,c.cva)([`flex w-full`,`text-[13px] font-medium text-text-positive-weak`]),N=(0,c.cva)([`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:``}}}),he=(0,c.cva)([`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`}}),P=(0,o.memo)(({className:e,children:t,...n})=>{let{isFetching:r,isRefetching:i,isEmpty:a}=y();return a||r||i?null:(0,l.jsx)(`tbody`,{slot:`table-body`,className:(0,s.cn)(k(),e),...n,children:t})});P.displayName=`UITableBody`;const F=(0,o.memo)(({isPinned:e=!1,isFirstCell:t=!1,isLastCell:n=!1,colId:r,position:i=`start`,column:a,getContext:c,className:d,...f})=>{let{table:p,tableRef:m}=h(),g=(0,o.useRef)(null),_=(0,o.useMemo)(()=>{let t=a?.getStart(`left`);return e===`left`&&typeof t==`number`?`${t}px`:void 0},[e,a]),v=(0,o.useMemo)(()=>{let t=a?.getAfter(`right`);return e===`right`&&typeof t==`number`?`${t}px`:void 0},[e,a]),y=(0,o.useMemo)(()=>`calc(var(--col-${r}-size) * 1px)`,[r]),b=(0,o.useMemo)(()=>a?.columnDef.minSize?`calc(var(--col-${r}-minSize) * 1px)`:void 0,[r,a]),x=(0,o.useMemo)(()=>a?.columnDef.maxSize?`calc(var(--col-${r}-maxSize) * 1px)`:void 0,[r,a]),ee=(0,o.useMemo)(()=>(0,u.flexRender)(a?.columnDef.cell,c()),[a,c]);return(0,o.useEffect)(()=>{if(!g.current)return;let e=g.current.scrollWidth,t=a?.getSize();t!=null&&e>t&&m.current instanceof HTMLTableElement&&typeof r==`string`&&a?.columnDef.meta?.fitContent&&p.setColumnSizing(t=>({...t,[r]:e+32}))},[r,a,p]),(0,l.jsx)(`td`,{slot:`table-body-cell`,"data-pinned":e,"data-lastcell":n||void 0,"data-firstcell":t||void 0,style:{left:_,right:v,width:y,minWidth:b,maxWidth:x},className:(0,s.cn)(pe({isPinned:e||void 0,isLastCell:n,isFirstCell:t}),d),...f,children:(0,l.jsx)(`div`,{ref:g,slot:`table-body-cell-inner`,className:me({position:i}),children:ee})})});F.displayName=`UITableCell`;const I=(0,o.memo)(({column:e,getContext:t,className:n,...r})=>{let i=(0,o.useMemo)(()=>(0,u.flexRender)(e?.columnDef.cell,t()),[e,t]);return(0,l.jsx)(`td`,{"data-col":`actions`,className:fe(),...r,children:i})});I.displayName=`UITableCellActions`;const L=(0,o.memo)(({isPinned:e,isLastCell:n,isSelected:r=!1,className:i,onToggleRowSelected:a,...c})=>{let u=(0,o.useCallback)(e=>{a?.(!!e)},[a]);return(0,l.jsx)(`td`,{slot:`table-body-cell`,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:(0,s.cn)(A({isPinned:e,isLastCell:n}),i),...c,children:(0,l.jsx)(`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:(0,l.jsx)(t.Checkbox,{"aria-label":`Select Row`,checked:r,onCheckedChange:u})})})});L.displayName=`UITableCellSelect`;const R=(0,o.memo)(()=>{let{table:e,isFetching:t,isRefetching:n,loadingDisplayRow:r=3}=S();return!t&&!n?null:(0,l.jsx)(`tbody`,{className:(0,s.cn)(k(),`pointer-events-none`),children:Array.from({length:r}).map((t,n)=>(0,l.jsx)(`tr`,{"data-slot":`table-row`,"data-index":n,className:(0,s.cn)(de(),`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`?(0,l.jsx)(`td`,{"data-slot":`table-body-cell`,"data-col":t.id,"data-cell":r,style:{width:60},className:fe(),children:(0,l.jsx)(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})},`${t.id}-${r}`):t.id===`select`?(0,l.jsx)(`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:A({isPinned:`left`}),children:(0,l.jsx)(`div`,{className:`w-full flex justify-center`,children:(0,l.jsx)(`div`,{className:`size-4 bg-muted-muted rounded-full`})})},`${t.id}-${n}`):(0,l.jsx)(`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:pe({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:(0,l.jsx)(`div`,{className:me({position:t.columnDef.meta?.position??`start`}),children:(0,l.jsx)(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})})},`${t.id}-${r}`)})},n))})}),z=(0,o.memo)(()=>{let{isEmpty:e,emptyDisplayHeight:t}=S();return e?(0,l.jsx)(l.Fragment,{children:e&&(0,l.jsx)(`div`,{className:oe(),style:{minHeight:t??`24rem`},children:(0,l.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,l.jsx)(a.BoxIcon,{strokeWidth:1,size:48}),(0,l.jsx)(`p`,{children:`Không có dữ liệu`})]})})}):null});z.displayName=`UITableEmptyDisplay`;const B=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`div`,{slot:`table-footer`,className:(0,s.cn)(j(),e),...n,children:t}));B.displayName=`UITableFooter`;function V(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 H(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 U=(0,o.memo)(()=>{let{table:t}=S(),{rowSelectionState:n}=y(),r=(0,o.useMemo)(()=>t.getHeaderGroups()[0]?.headers??[],[t.getHeaderGroups()]),i=(0,o.useMemo)(()=>r.some(e=>e.column.columnDef.meta?.aggregation),[r]),a=(0,o.useMemo)(()=>t.getSelectedRowModel().flatRows,[t,n]),c=(0,o.useMemo)(()=>t.getRowModel().rows,[t]),u=a.length>0?a:c,d=(0,o.useMemo)(()=>{let e={};for(let t of r){let n=t.column.columnDef.meta?.aggregation;if(!n)continue;let r=H(u,t.id);e[t.id]=V(u.length,r,n.type)}return e},[r,u]),f=t.getState().columnPinning,p=f.left??[],m=f.right??[],h=r.find(e=>m.includes(e.id))?.id,g=[...r].reverse().find(e=>p.includes(e.id))?.id;if(!i)return null;let _=a.length>0?`${a.length}`:`${c.length}`;return(0,l.jsx)(`div`,{slot:`table-footer-row`,className:M(),children:r.map(t=>{let n=t.id,r=p.includes(n)?`left`:m.includes(n)?`right`:!1,i=n===h,a=n===g,o=r===`left`?`${t.column.getStart(`left`)}px`:void 0,c=r===`right`?`${t.column.getAfter(`right`)}px`:void 0;if(n===`select`)return(0,l.jsx)(`div`,{slot:`table-footer-select`,"data-pinned":`left`,style:{left:`0px`,width:`60px`},className:(0,s.cn)(N({isPinned:`left`,isFirstCell:!1,isLastCell:!1}),`justify-center`),children:(0,l.jsx)(`span`,{className:`truncate text-[11px] items-center text-text-positive-weak`,children:_})},n);if(n===`actions`)return(0,l.jsx)(`div`,{slot:`table-footer-actions`,style:{width:`calc(var(--col-${n}-size) * 1px)`,right:`0px`},className:N({isPinned:!1,isFirstCell:!1,isLastCell:!1})},n);let u=t.column.columnDef.meta?.aggregation,f=d[n]??null;return(0,l.jsx)(`div`,{slot:`table-footer-cell`,"data-pinned":r,style:{left:o,right:c,width:`calc(var(--col-${n}-size) * 1px)`},className:N({isPinned:r||`left`,isFirstCell:i,isLastCell:a}),children:u&&f!==null?(0,l.jsx)(e.Statistic,{value:f,prefix:u.prefix,suffix:u.suffix,precision:u.precision,size:`sm`}):(0,l.jsx)(`span`,{className:`text-text-positive-weak`,children:`—`})},n)})})});U.displayName=`UITableFooterRow`;const W=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`thead`,{slot:`table-head`,className:(0,s.cn)(le(),e),...n,children:t}));W.displayName=`UITableHead`;const G=(0,o.memo)(({isPinned:e,onLeftPin:t,onRightPin:r,onUnpin:i,className:c})=>{let u=(0,o.useCallback)(()=>{t?.(`left`)},[t]),d=(0,o.useCallback)(()=>{r?.(`right`)},[r]),f=(0,o.useCallback)(()=>{i?.(!1)},[i]);return(0,l.jsxs)(n.DropdownMenu,{children:[(0,l.jsx)(n.DropdownMenuTrigger,{asChild:!0,children:(0,l.jsx)(`button`,{type:`button`,className:(0,s.cn)(ae(),c),children:(0,l.jsx)(a.EllipsisVerticalIcon,{})})}),(0,l.jsx)(n.DropdownMenuContent,{align:`end`,className:`w-64 p-4`,children:(0,l.jsxs)(n.DropdownMenuGroup,{className:`*:data-[slot=dropdown-menu-item]:rounded-xs *:data-[slot=dropdown-menu-item]:p-2`,children:[(0,l.jsx)(o.Activity,{mode:e?`visible`:`hidden`,children:(0,l.jsxs)(n.DropdownMenuItem,{onClick:f,children:[!!e&&`Bỏ ghim`,(0,l.jsx)(n.DropdownMenuShortcut,{children:(0,l.jsx)(a.PinOffIcon,{className:`size-4`})})]})}),(0,l.jsxs)(o.Activity,{mode:e?`hidden`:`visible`,children:[(0,l.jsxs)(n.DropdownMenuItem,{onClick:u,children:[e?`Bỏ ghim`:`Ghim trái`,(0,l.jsx)(n.DropdownMenuShortcut,{children:(0,l.jsx)(a.MoveLeftIcon,{className:`size-4`})})]}),(0,l.jsxs)(n.DropdownMenuItem,{onClick:d,children:[e?`Bỏ ghim`:`Ghim phải`,(0,l.jsx)(n.DropdownMenuShortcut,{children:(0,l.jsx)(a.MoveRightIcon,{className:`size-4`})})]})]})]})})]})});G.displayName=`UITableHeadCellOption`;const K=(0,o.memo)(({isVisible:e=!0,isPinned:t=!1,isFirstCell:n=!1,isLastCell:r=!1,isOptionsVisible:i=!0,headerId:a,headerColumn:c,className:u,children:d,onColumnPin:f,onToggleVisibility:p,...m})=>{let h=c?.columnDef.meta?.position;return(0,l.jsxs)(`th`,{slot:`table-head-cell`,"data-pinned":t,"data-header":a,style:{zIndex:(0,o.useMemo)(()=>t?20:void 0,[t]),left:(0,o.useMemo)(()=>{let e=c?.getStart?.(`left`);return t===`left`&&typeof e==`number`?`${e}px`:void 0},[t,c]),right:(0,o.useMemo)(()=>{let e=c?.getAfter?.(`right`);return t===`right`&&typeof e==`number`?`${e}px`:void 0},[t,c]),width:(0,o.useMemo)(()=>`calc(var(--header-${a}-size) * 1px)`,[a]),minWidth:(0,o.useMemo)(()=>c?.columnDef.minSize?`calc(var(--col-${a}-minSize) * 1px)`:void 0,[a,c]),maxWidth:(0,o.useMemo)(()=>c?.columnDef.maxSize?`calc(var(--col-${a}-maxSize) * 1px)`:void 0,[a,c])},className:(0,s.cn)(ue({isPinned:t||`false`,isActions:a===`actions`,isLastCell:r,isFirstCell:n,position:h}),u),...m,children:[(0,l.jsx)(`div`,{className:`truncate px-4`,children:d}),i&&(0,l.jsx)(G,{isPinned:t,isVisible:e,onLeftPin:f,onRightPin:f,onUnpin:f})]})});K.displayName=`UITableHeadCell`;const q=(0,o.memo)(({isPinned:e,isLastCell:n,isAllRowsSelected:r,style:i,className:a,onToggleAllRowsSelected:c,...u})=>{let d=(0,o.useCallback)(e=>{c?.(!!e)},[c]);return(0,l.jsx)(`th`,{slot:`table-header-cell`,"data-pinned":!0,style:{left:0,zIndex:40,width:60,maxWidth:60},className:(0,s.cn)(A({isPinned:e,isLastCell:n}),a),...u,children:(0,l.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center`,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:(0,l.jsx)(t.Checkbox,{"aria-label":`Select All Rows`,checked:r,onCheckedChange:d})})})});q.displayName=`UITableHeadCellSelect`;const J=(0,o.memo)(({headerGroup:e,className:t,...n})=>{let{isAllRowsSelected:r,columnPinningState:i,leftPinnedHeaders:a,rightPinnedHeaders:o,onToggleAllRowsSelected:c}=_(),d=o[0]?.id,f=a[a.length-1]?.id;return(0,l.jsx)(`tr`,{slot:`table-head-row`,className:(0,s.cn)(O(),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`?(0,l.jsx)(q,{isPinned:a,isLastCell:e.id===f,isAllRowsSelected:r,onToggleAllRowsSelected:c},e.id):(0,l.jsx)(K,{isVisible:n,isPinned:a,isFirstCell:e.id===d,isLastCell:e.id===f,isOptionsVisible:![`select`,`actions`].includes(e.id),headerId:e.id,headerColumn:e.column,colSpan:e.colSpan,onColumnPin:e.column.pin,onToggleVisibility:e.column.toggleVisibility,children:(0,u.flexRender)(e.column.columnDef.header,e.getContext())},`${e.id}-${t}`)})})});J.displayName=`UITableHeadRow`;const Y=(0,o.memo)(({children:e,...t})=>{let{table:n,innerTableId:r,totalSize:i,tableRef:a}=h();return(0,o.useEffect)(()=>{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]),(0,l.jsx)(`table`,{id:r,ref:a,slot:`table-inner-table`,className:D(),style:{minWidth:i},...t,children:e})});Y.displayName=`UITableInnerTable`;const X=(0,o.memo)(({children:e,...t})=>{let{innerWrapperId:n}=p();return(0,l.jsx)(`div`,{id:n,slot:`table-inner-wrapper`,className:ce(),...t,children:e})});X.displayName=`UITableInnerWrapper`;const Z=(0,o.memo)(({fetchMoreData:e})=>{let{innerWrapperId:t}=p(),[n,i]=(0,o.useState)(`idle`),[s,c]=(0,o.useState)(0),u=(0,o.useCallback)(async()=>{try{i(`fetching`),await e?.(),i(`idle`)}catch(e){console.error(`Error fetching more data:`,e),i(`error`)}},[e]);return(0,o.useEffect)(()=>{let e=document.querySelector(`div[id="${t}"]`);if(!e)return;let n=new ResizeObserver(e=>{c(e[0].contentRect.width)});return n.observe(e),()=>n.disconnect()},[t]),e?(0,l.jsx)(`tr`,{className:`sticky! left-0 h-10`,style:{width:s},children:(0,l.jsx)(`td`,{className:`absolute left-0 flex w-full items-center justify-center text-xs`,children:(0,l.jsxs)(`button`,{type:`button`,disabled:n===`fetching`,className:he({state:n}),onClick:u,children:[n===`idle`&&(0,l.jsx)(a.ChevronDown,{className:`size-4`}),n===`fetching`&&(0,l.jsx)(r.Spinner,{className:`size-4 animate-spin`}),n===`error`&&(0,l.jsx)(a.AlertTriangle,{className:`size-4 text-danger`}),n===`idle`&&`Tải thêm`,n===`fetching`&&`Đang tải...`,n===`error`&&`Lỗi! Thử lại?`]})})}):null});Z.displayName=`UITableLoadMore`;const Q=(0,o.memo)(({row:e,isSelected:t,rowIndex:n,children:r,...i})=>{let{keyOfClickRow:a,isAllRowsSelected:s,columnPinningState:c,leftPinnedHeaders:u,rightPinnedHeaders:d,onClickRow:f}=x(),p=(0,o.useMemo)(()=>c.left??[],[c]),m=(0,o.useMemo)(()=>c.right??[],[c]),h=(0,o.useMemo)(()=>d?.[0]?.id,[d]),g=(0,o.useMemo)(()=>u?.[u.length-1]?.id,[u]),_=(0,o.useMemo)(()=>e.getVisibleCells().some(e=>e.column.id===`select`),[e]),v=(0,o.useCallback)(t=>{if(f){let t=a?e.original?.[a]:void 0;f(n,typeof t==`string`||typeof t==`number`?t:void 0)}else _&&e.toggleSelected();t.preventDefault(),t.stopPropagation()},[a,f,e,n,_]);return(0,l.jsx)(`tr`,{slot:`table-row`,"data-index":n,className:de(),onClick:v,...i,children:e.getVisibleCells().map((e,r)=>{let i=p.includes(e.column.id),a=m.includes(e.column.id),o=i?`left`:a?`right`:!1;return e.column.id===`actions`?(0,l.jsx)(I,{"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`?(0,l.jsx)(L,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:o,isLastCell:e.column.id===g,isSelected:s||t,onToggleRowSelected:e.row.toggleSelected},`${e.id}-${r}`):(0,l.jsx)(F,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:o,isFirstCell:e.column.id===h,isLastCell:e.column.id===g,colId:e.column.id,position:e.column.columnDef.meta?.position??`start`,column:e.column,getContext:e.getContext},`${e.id}-${r}`)})})});Q.displayName=`UITableRow`;const ge=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`div`,{slot:`table-wrapper`,className:(0,s.cn)(se(),e),...n,children:t}));ge.displayName=`UITableWrapper`;const _e=({children:e})=>{let{table:t,fetchMoreData:n}=S(),{rowSelectionState:r}=y(),{rows:a}=t.getRowModel();return(0,l.jsxs)(i.ResizablePanelGroup,{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:[(0,l.jsx)(i.ResizablePanel,{"data-slot":`table-scroll-host`,className:`relative flex flex-col`,children:(0,l.jsxs)(X,{children:[(0,l.jsxs)(Y,{children:[(0,l.jsx)(W,{children:t.getHeaderGroups().map(e=>(0,l.jsx)(J,{headerGroup:e},e.id))}),(0,l.jsxs)(P,{children:[a.map((e,t)=>(0,l.jsx)(Q,{row:e,isSelected:r[e.id]===!0,rowIndex:t},e.id)),n&&(0,l.jsx)(Z,{fetchMoreData:n})]}),(0,l.jsx)(R,{})]}),(0,l.jsx)(z,{})]})}),e&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.ResizableHandle,{}),e]})]})};function ve(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 ye=(0,o.memo)(({innerWrapperId:e,children:t})=>{let n=(0,o.useMemo)(()=>({innerWrapperId:e}),[e]);return(0,l.jsx)(f.Provider,{value:n,children:t})});ye.displayName=`UITableInnerWrapperProvider`;const be=(0,o.memo)(({table:e,innerTableId:t,totalSize:n,tableRef:r,children:i})=>{let a=(0,o.useMemo)(()=>({table:e,innerTableId:t,totalSize:n,tableRef:r}),[e,t,n,r]);return(0,l.jsx)(m.Provider,{value:a,children:i})});be.displayName=`UITableInnerTableProvider`;const xe=(0,o.memo)(({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i,children:a})=>{let s=(0,o.useMemo)(()=>({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i}),[e,t,n,r,i]);return(0,l.jsx)(g.Provider,{value:s,children:a})});xe.displayName=`UITableHeadRowProvider`;const Se=(0,o.memo)(({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r,children:i})=>{let a=(0,o.useMemo)(()=>({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r}),[e,t,n,r]);return(0,l.jsx)(v.Provider,{value:a,children:i})});Se.displayName=`UITableBodyProvider`;const Ce=(0,o.memo)(({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a,children:s})=>{let c=(0,o.useMemo)(()=>({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a}),[e,t,n,r,i,a]);return(0,l.jsx)(b.Provider,{value:c,children:s})});Ce.displayName=`UITableRowProvider`;const we=({title:e,isFetching:t=!1,isRefetching:n=!1,isLoading:r=!1,loadingDisplayRow:i=3,data:a,columns:s,totalRows:c,leftPinnedColumns:d=[],rightPinnedColumns:f=[],keyOfClickRow:p,onClickRow:m,onRowSelection:h,onColumnPinning:g,fetchMoreData:_,emptyDisplayHeight:v,csvData:y,csvFileName:b,filterDefinitions:x=[],onFilterChange:S,summary:C=[],onSummaryItemClick:w,showAnalysisPanel:ie=!1,description:T,headerActions:E,children:ae})=>{let oe=(0,o.useId)(),se=(0,o.useId)(),ce=(0,o.useRef)(null),[D,le]=(0,o.useState)(!1),[O,ue]=(0,o.useState)(!0),[k,de]=(0,o.useState)({}),[A,fe]=(0,o.useState)({right:f,left:[`select`,...d]}),[pe,me]=(0,o.useState)({}),[j,M]=(0,o.useState)([]),N=(0,o.useCallback)(e=>(de(e),h?.(e instanceof Function?e(k):e),e),[k,h]),he=(0,o.useCallback)(e=>{fe(e),g?.(e instanceof Function?e(A):e)},[A,g]),P=(0,o.useCallback)(e=>{let t=x.find(t=>t.id===e);if(!t)return;let n={id:`${e}-${crypto.randomUUID()}`,definitionId:e,value:ve(t.type)};M(e=>{let t=[...e,n];return S?.(t),t})},[x,S]),F=(0,o.useCallback)(e=>{M(t=>{let n=t.filter(t=>t.id!==e);return S?.(n),n})},[S]),I=(0,o.useCallback)((e,t)=>{M(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return S?.(r),r})},[S]),L=(0,o.useMemo)(()=>({filterDefinitions:x,activeFilters:j,addFilter:P,removeFilter:F,updateFilter:I}),[x,j,P,F,I]),R=(0,u.useReactTable)({data:a,columns:s,state:{rowSelection:k,columnPinning:A,expanded:pe},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:(0,u.getCoreRowModel)(),getGroupedRowModel:(0,u.getGroupedRowModel)(),getExpandedRowModel:(0,u.getExpandedRowModel)(),onRowSelectionChange:N,onColumnPinningChange:he,onExpandedChange:me}),z=(0,o.useMemo)(()=>{let{rows:e}=R.getRowModel();return e},[R.getRowModel().rows,R.getState().columnPinning]),B=(0,o.useMemo)(()=>!t&&!n&&z.length===0,[z,t,n]),V=(0,o.useMemo)(()=>({title:e,table:R,isEmpty:B,isFetching:t,isRefetching:n,isLoading:r,loadingDisplayRow:i,totalRows:c,fetchMoreData:_,emptyDisplayHeight:v,csvData:y,csvFileName:b,summary:C,onSummaryItemClick:w,showAnalysisPanel:ie,description:T,headerActions:E}),[e,R,B,n,t,r,i,c,_,v,R.getState().columnPinning,R.getState().expanded,y,b,C,w,ie,T,E]),H=(0,o.useMemo)(()=>R.getState(),[R.getState()]),U=(0,o.useMemo)(()=>R.getIsAllRowsSelected(),[R.getIsAllRowsSelected()]),W=(0,o.useMemo)(()=>H.rowSelection,[H.rowSelection]),G=(0,o.useMemo)(()=>H.columnPinning,[H.columnPinning]),K=(0,o.useMemo)(()=>R.getLeftHeaderGroups()[0]?.headers||[],[R.getState().columnPinning]),q=(0,o.useMemo)(()=>R.getRightHeaderGroups()[0]?.headers||[],[R.getState().columnPinning]),J=(0,o.useMemo)(()=>R.getTotalSize(),[R.getTotalSize()]),Y=(0,o.useCallback)(()=>le(e=>!e),[]),X=(0,o.useMemo)(()=>({isOpen:D,toggle:Y}),[D,Y]),Z=(0,o.useCallback)(()=>ue(e=>!e),[]),Q=(0,o.useMemo)(()=>({isOpen:O,toggle:Z}),[O,Z]);return(0,l.jsx)(ne.Provider,{value:X,children:(0,l.jsx)(re.Provider,{value:Q,children:(0,l.jsx)(te.Provider,{value:L,children:(0,l.jsx)(ee.Provider,{value:V,children:(0,l.jsx)(ye,{innerWrapperId:oe,children:(0,l.jsx)(be,{table:R,innerTableId:se,totalSize:J,tableRef:ce,children:(0,l.jsx)(xe,{isAllRowsSelected:U,columnPinningState:G,leftPinnedHeaders:K,rightPinnedHeaders:q,onToggleAllRowsSelected:R.toggleAllRowsSelected,children:(0,l.jsx)(Se,{isFetching:t,isRefetching:n,isEmpty:B,rowSelectionState:W,children:(0,l.jsx)(Ce,{keyOfClickRow:p,isAllRowsSelected:U,columnPinningState:G,leftPinnedHeaders:K,rightPinnedHeaders:q,onClickRow:m,children:ae})})})})})})})})})};function $(e){let t=(0,o.lazy)(e);return e=>(0,l.jsx)(o.Suspense,{fallback:null,children:(0,l.jsx)(t,{...e})})}const Te=$(()=>Promise.resolve().then(()=>require("./avatar-name-display-CLi1DJUs.cjs")).then(e=>({default:e.UITableAvatarNameDisplay}))),Ee=$(()=>Promise.resolve().then(()=>require("./badge-display-Dv2UTvzp.cjs")).then(e=>({default:e.UITableBadgeDisplay}))),De=$(()=>Promise.resolve().then(()=>require("./boolean-display-CPX7H39m.cjs")).then(e=>({default:e.UITableBooleanDisplay}))),Oe=$(()=>Promise.resolve().then(()=>require("./currency-display-xxK62yo4.cjs")).then(e=>({default:e.UITableCurrencyDisplay}))),ke=$(()=>Promise.resolve().then(()=>require("./date-display-DMPhFq8v.cjs")).then(e=>({default:e.UITableDateDisplay}))),Ae=$(()=>Promise.resolve().then(()=>require("./description-display-jmAaeMBD.cjs")).then(e=>({default:e.UITableDescriptionDisplay}))),je=$(()=>Promise.resolve().then(()=>require("./edit-button-0_FLZoT3.cjs")).then(e=>({default:e.UITableEditButton}))),Me=$(()=>Promise.resolve().then(()=>require("./email-display-CzvqQMhG.cjs")).then(e=>({default:e.UITableEmailDisplay}))),Ne=$(()=>Promise.resolve().then(()=>require("./list-display-DPxZ_Jbf.cjs")).then(e=>({default:e.UITableListDisplay}))),Pe=$(()=>Promise.resolve().then(()=>require("./more-button-RYvZgYiu.cjs")).then(e=>({default:e.UITableMoreButton}))),Fe=$(()=>Promise.resolve().then(()=>require("./name-display-BJ1wPUnS.cjs")).then(e=>({default:e.UITableNameDisplay}))),Ie=$(()=>Promise.resolve().then(()=>require("./permalink-CMcI__V4.cjs")).then(e=>({default:e.UITablePermalink}))),Le=$(()=>Promise.resolve().then(()=>require("./phone-number-F9I9sNLK.cjs")).then(e=>({default:e.UITablePhoneNumberDisplay}))),Re=$(()=>Promise.resolve().then(()=>require("./progress-display-F8xXJ3T1.cjs")).then(e=>({default:e.UITableProgressDisplay}))),ze=$(()=>Promise.resolve().then(()=>require("./remove-button-B3qFw-M5.cjs")).then(e=>({default:e.UITableRemoveButton}))),Be=$(()=>Promise.resolve().then(()=>require("./statistic-B9OqfhOl.cjs")).then(e=>({default:e.UITableStatisticDisplay}))),Ve=$(()=>Promise.resolve().then(()=>require("./status-display-DpKsYvZJ.cjs")).then(e=>({default:e.UITableStatusDisplay}))),He=$(()=>Promise.resolve().then(()=>require("./toggle-button-Dq78v8cH.cjs")).then(e=>({default:e.UITableToggleButton}))),Ue=$(()=>Promise.resolve().then(()=>require("./user-Dn53Fu5q.cjs")).then(e=>({default:e.UITableUserDataDisplay}))),We=$(()=>Promise.resolve().then(()=>require("./filter-B5EnnL9I.cjs")).then(e=>({default:e.UITableFilter}))),Ge=$(()=>Promise.resolve().then(()=>require("./analysis-panel-Bg0lCfWv.cjs")).then(e=>({default:e.UITableAnalysisPanel}))),Ke=$(()=>Promise.resolve().then(()=>require("./summary-bar-DKZh-VSB.cjs")).then(e=>({default:e.UITableSummaryBar}))),qe=$(()=>Promise.resolve().then(()=>require("./tooltip-BcQG6Zw9.cjs")).then(e=>({default:e.UITableTooltip}))),Je=$(()=>Promise.resolve().then(()=>require("./tooltip-BcQG6Zw9.cjs")).then(e=>({default:e.UITableTooltipFilter}))),Ye=$(()=>Promise.resolve().then(()=>require("./tooltip-BcQG6Zw9.cjs")).then(e=>({default:e.UITableTooltipActions})));Object.defineProperty(exports,"A",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"B",{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return Ye}}),Object.defineProperty(exports,"D",{enumerable:!0,get:function(){return _e}}),Object.defineProperty(exports,"E",{enumerable:!0,get:function(){return we}}),Object.defineProperty(exports,"F",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"G",{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,"H",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"I",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"J",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"K",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"L",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"M",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"N",{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,"O",{enumerable:!0,get:function(){return ge}}),Object.defineProperty(exports,"P",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"Q",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"R",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return qe}}),Object.defineProperty(exports,"T",{enumerable:!0,get:function(){return Ue}}),Object.defineProperty(exports,"U",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"V",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"W",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"X",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"Y",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"Z",{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return ze}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return Oe}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return Ke}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return je}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return Ne}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return Pe}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return Re}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return Le}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return De}}),Object.defineProperty(exports,"j",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"k",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return Me}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return Ie}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Te}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return ke}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return Fe}}),Object.defineProperty(exports,"q",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return Ee}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return Ae}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Ge}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return We}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return Be}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return Je}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return He}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return Ve}}),Object.defineProperty(exports,"z",{enumerable:!0,get:function(){return V}});
-//# sourceMappingURL=tables-CS3NhgTc.cjs.map
+const e=require("./data-display/statistic.cjs"),t=require("./ui/checkbox.cjs"),n=require("./ui/dropdown-menu.cjs"),r=require("./ui/spinner.cjs"),i=require("./ui/resizable.cjs");let a=require("lucide-react"),o=require("react"),s=require("@customafk/react-toolkit/utils"),c=require("class-variance-authority"),l=require("react/jsx-runtime"),u=require("@tanstack/react-table");const d=()=>(0,l.jsxs)(`div`,{className:`flex gap-0 text-text-positive-weak`,children:[(0,l.jsx)(a.MinusIcon,{size:16}),(0,l.jsx)(a.MinusIcon,{size:16})]}),f=(0,o.createContext)(null),p=()=>{let e=(0,o.use)(f);if(!e)throw Error(`useTableInnerWrapperContext must be used within a TableInnerWrapperProvider`);return e},m=(0,o.createContext)(null),h=()=>{let e=(0,o.use)(m);if(!e)throw Error(`useTableInnerTableContext must be used within a TableInnerTableProvider`);return e},g=(0,o.createContext)(null),_=()=>{let e=(0,o.use)(g);if(!e)throw Error(`useTableHeaderRowContext must be used within a TableHeaderRowProvider`);return e},v=(0,o.createContext)(null),y=()=>{let e=(0,o.use)(v);if(!e)throw Error(`useTableBodyContext must be used within a TableBodyProvider`);return e},b=(0,o.createContext)(null),x=()=>{let e=(0,o.use)(b);if(!e)throw Error(`useTableRowContext must be used within a TableRowProvider`);return e},ee=(0,o.createContext)(null),S=()=>{let e=(0,o.use)(ee);if(!e)throw Error(`useTableContext must be used within a TableProvider`);return e},te=(0,o.createContext)(null),C=()=>{let e=(0,o.use)(te);if(!e)throw Error(`useUITableFilterContext must be used within a UITableProvider`);return e},ne=(0,o.createContext)(null),w=()=>{let e=(0,o.use)(ne);if(!e)throw Error(`useUITableAnalysisContext must be used within a UITableProvider`);return e},re=(0,o.createContext)(null),ie=()=>{let e=(0,o.use)(re);if(!e)throw Error(`useUITableSummaryContext must be used within a UITableProvider`);return e},T=`border-r! !border-r-border-strong/30`,E=`border-l! !border-l-border-strong/30`,ae=(0,c.cva)([`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`]),oe=(0,c.cva)([`sticky left-0 flex flex-1 items-center justify-center bg-transparent text-text-positive-weak opacity-100`]),se=(0,c.cva)([`relative m-0 flex size-full flex-col flex-nowrap items-start justify-start gap-2`]),ce=(0,c.cva)([`relative w-full flex-1 min-h-0 overflow-auto border-b border-b-border border-l border-l-border`]),D=(0,c.cva)([`grid w-full table-fixed caption-bottom border-collapse border-spacing-0 flex-col content-start`]),le=(0,c.cva)([`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`]),O=(0,c.cva)([`flex`]),ue=(0,c.cva)([`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:T},{isPinned:`right`,isFirstCell:!0,className:E}]}),k=(0,c.cva)([`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`]),de=(0,c.cva)([`group transition-colors hover:bg-muted-muted hover:[&_td]:bg-muted-muted! [&_td]:border-r [&_td]:border-r-border`]),A=(0,c.cva)([`group-hover:bg-muted-muted!`],{variants:{isPinned:{left:`sticky`,right:`sticky`,false:`relative`},isLastCell:{true:``,false:``}},compoundVariants:[{isPinned:`left`,isLastCell:!0,className:T}],defaultVariants:{isPinned:void 0}}),fe=(0,c.cva)([`sticky border-r-0! inset-y-0 right-0 z-30 flex items-center pr-4 group-hover:bg-muted-muted!`]),pe=(0,c.cva)([`group-hover:bg-muted-muted!`],{variants:{isPinned:{left:``,right:``,false:``},isLastCell:{true:``,false:``},isFirstCell:{true:``,false:``}},compoundVariants:[{isPinned:`left`,isLastCell:!0,className:T},{isPinned:`right`,isFirstCell:!0,className:E}]}),me=(0,c.cva)([`overflow-x-hidden`],{variants:{position:{start:`justify-start`,center:`justify-center`,end:`justify-end`}},defaultVariants:{position:`start`}}),j=(0,c.cva)([`shrink-0 flex w-full justify-center border-t border-border-weak font-medium`]),M=(0,c.cva)([`flex w-full`,`text-[13px] font-medium text-text-positive-weak`]),N=(0,c.cva)([`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:``}}}),he=(0,c.cva)([`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`}}),P=(0,o.memo)(({className:e,children:t,...n})=>{let{isFetching:r,isRefetching:i,isEmpty:a}=y();return a||r||i?null:(0,l.jsx)(`tbody`,{slot:`table-body`,className:(0,s.cn)(k(),e),...n,children:t})});P.displayName=`UITableBody`;const F=(0,o.memo)(({isPinned:e=!1,isFirstCell:t=!1,isLastCell:n=!1,colId:r,position:i=`start`,column:a,getContext:c,className:d,...f})=>{let{table:p,tableRef:m}=h(),g=(0,o.useRef)(null),_=(0,o.useMemo)(()=>{let t=a?.getStart(`left`);return e===`left`&&typeof t==`number`?`${t}px`:void 0},[e,a]),v=(0,o.useMemo)(()=>{let t=a?.getAfter(`right`);return e===`right`&&typeof t==`number`?`${t}px`:void 0},[e,a]),y=(0,o.useMemo)(()=>`calc(var(--col-${r}-size) * 1px)`,[r]),b=(0,o.useMemo)(()=>a?.columnDef.minSize?`calc(var(--col-${r}-minSize) * 1px)`:void 0,[r,a]),x=(0,o.useMemo)(()=>a?.columnDef.maxSize?`calc(var(--col-${r}-maxSize) * 1px)`:void 0,[r,a]),ee=(0,o.useMemo)(()=>(0,u.flexRender)(a?.columnDef.cell,c()),[a,c]);return(0,o.useEffect)(()=>{if(!g.current)return;let e=g.current.scrollWidth,t=a?.getSize();t!=null&&e>t&&m.current instanceof HTMLTableElement&&typeof r==`string`&&a?.columnDef.meta?.fitContent&&p.setColumnSizing(t=>({...t,[r]:e+32}))},[r,a,p]),(0,l.jsx)(`td`,{slot:`table-body-cell`,"data-pinned":e,"data-lastcell":n||void 0,"data-firstcell":t||void 0,style:{left:_,right:v,width:y,minWidth:b,maxWidth:x},className:(0,s.cn)(pe({isPinned:e||void 0,isLastCell:n,isFirstCell:t}),d),...f,children:(0,l.jsx)(`div`,{ref:g,slot:`table-body-cell-inner`,className:me({position:i}),children:ee})})});F.displayName=`UITableCell`;const I=(0,o.memo)(({column:e,getContext:t,className:n,...r})=>{let i=(0,o.useMemo)(()=>(0,u.flexRender)(e?.columnDef.cell,t()),[e,t]);return(0,l.jsx)(`td`,{"data-col":`actions`,className:fe(),...r,children:i})});I.displayName=`UITableCellActions`;const L=(0,o.memo)(({isPinned:e,isLastCell:n,isSelected:r=!1,className:i,onToggleRowSelected:a,...c})=>{let u=(0,o.useCallback)(e=>{a?.(!!e)},[a]);return(0,l.jsx)(`td`,{slot:`table-body-cell`,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:(0,s.cn)(A({isPinned:e,isLastCell:n}),i),...c,children:(0,l.jsx)(`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:(0,l.jsx)(t.Checkbox,{"aria-label":`Select Row`,checked:r,onCheckedChange:u})})})});L.displayName=`UITableCellSelect`;const R=(0,o.memo)(()=>{let{table:e,isFetching:t,isRefetching:n,loadingDisplayRow:r=3}=S();return!t&&!n?null:(0,l.jsx)(`tbody`,{className:(0,s.cn)(k(),`pointer-events-none`),children:Array.from({length:r}).map((t,n)=>(0,l.jsx)(`tr`,{"data-slot":`table-row`,"data-index":n,className:(0,s.cn)(de(),`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`?(0,l.jsx)(`td`,{"data-slot":`table-body-cell`,"data-col":t.id,"data-cell":r,style:{width:60},className:fe(),children:(0,l.jsx)(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})},`${t.id}-${r}`):t.id===`select`?(0,l.jsx)(`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:A({isPinned:`left`}),children:(0,l.jsx)(`div`,{className:`w-full flex justify-center`,children:(0,l.jsx)(`div`,{className:`size-4 bg-muted-muted rounded-full`})})},`${t.id}-${n}`):(0,l.jsx)(`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:pe({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:(0,l.jsx)(`div`,{className:me({position:t.columnDef.meta?.position??`start`}),children:(0,l.jsx)(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})})},`${t.id}-${r}`)})},n))})}),z=(0,o.memo)(()=>{let{isEmpty:e,emptyDisplayHeight:t}=S();return e?(0,l.jsx)(l.Fragment,{children:e&&(0,l.jsx)(`div`,{className:oe(),style:{minHeight:t??`24rem`},children:(0,l.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,l.jsx)(a.BoxIcon,{strokeWidth:1,size:48}),(0,l.jsx)(`p`,{children:`Không có dữ liệu`})]})})}):null});z.displayName=`UITableEmptyDisplay`;const B=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`div`,{slot:`table-footer`,className:(0,s.cn)(j(),e),...n,children:t}));B.displayName=`UITableFooter`;function V(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 H(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 U=(0,o.memo)(()=>{let{table:t}=S(),{rowSelectionState:n}=y(),r=(0,o.useMemo)(()=>t.getHeaderGroups()[0]?.headers??[],[t.getHeaderGroups()]),i=(0,o.useMemo)(()=>r.some(e=>e.column.columnDef.meta?.aggregation),[r]),a=(0,o.useMemo)(()=>t.getSelectedRowModel().flatRows,[t,n]),c=(0,o.useMemo)(()=>t.getRowModel().rows,[t]),u=a.length>0?a:c,d=(0,o.useMemo)(()=>{let e={};for(let t of r){let n=t.column.columnDef.meta?.aggregation;if(!n)continue;let r=H(u,t.id);e[t.id]=V(u.length,r,n.type)}return e},[r,u]),f=t.getState().columnPinning,p=f.left??[],m=f.right??[],h=r.find(e=>m.includes(e.id))?.id,g=[...r].reverse().find(e=>p.includes(e.id))?.id;if(!i)return null;let _=a.length>0?`${a.length}`:`${c.length}`;return(0,l.jsx)(`div`,{slot:`table-footer-row`,className:M(),children:r.map(t=>{let n=t.id,r=p.includes(n)?`left`:m.includes(n)?`right`:!1,i=n===h,a=n===g,o=r===`left`?`${t.column.getStart(`left`)}px`:void 0,c=r===`right`?`${t.column.getAfter(`right`)}px`:void 0;if(n===`select`)return(0,l.jsx)(`div`,{slot:`table-footer-select`,"data-pinned":`left`,style:{left:`0px`,width:`60px`},className:(0,s.cn)(N({isPinned:`left`,isFirstCell:!1,isLastCell:!1}),`justify-center`),children:(0,l.jsx)(`span`,{className:`truncate text-[11px] items-center text-text-positive-weak`,children:_})},n);if(n===`actions`)return(0,l.jsx)(`div`,{slot:`table-footer-actions`,style:{width:`calc(var(--col-${n}-size) * 1px)`,right:`0px`},className:N({isPinned:!1,isFirstCell:!1,isLastCell:!1})},n);let u=t.column.columnDef.meta?.aggregation,f=d[n]??null;return(0,l.jsx)(`div`,{slot:`table-footer-cell`,"data-pinned":r,style:{left:o,right:c,width:`calc(var(--col-${n}-size) * 1px)`},className:N({isPinned:r||`left`,isFirstCell:i,isLastCell:a}),children:u&&f!==null?(0,l.jsx)(e.Statistic,{value:f,prefix:u.prefix,suffix:u.suffix,precision:u.precision,size:`sm`}):(0,l.jsx)(`span`,{className:`text-text-positive-weak`,children:`—`})},n)})})});U.displayName=`UITableFooterRow`;const W=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`thead`,{slot:`table-head`,className:(0,s.cn)(le(),e),...n,children:t}));W.displayName=`UITableHead`;const G=(0,o.memo)(({isPinned:e,onLeftPin:t,onRightPin:r,onUnpin:i,className:c})=>{let u=(0,o.useCallback)(()=>{t?.(`left`)},[t]),d=(0,o.useCallback)(()=>{r?.(`right`)},[r]),f=(0,o.useCallback)(()=>{i?.(!1)},[i]);return(0,l.jsxs)(n.DropdownMenu,{children:[(0,l.jsx)(n.DropdownMenuTrigger,{asChild:!0,children:(0,l.jsx)(`button`,{type:`button`,className:(0,s.cn)(ae(),c),children:(0,l.jsx)(a.EllipsisVerticalIcon,{})})}),(0,l.jsx)(n.DropdownMenuContent,{align:`end`,className:`w-64 p-4`,children:(0,l.jsxs)(n.DropdownMenuGroup,{className:`*:data-[slot=dropdown-menu-item]:rounded-xs *:data-[slot=dropdown-menu-item]:p-2`,children:[(0,l.jsx)(o.Activity,{mode:e?`visible`:`hidden`,children:(0,l.jsxs)(n.DropdownMenuItem,{onClick:f,children:[!!e&&`Bỏ ghim`,(0,l.jsx)(n.DropdownMenuShortcut,{children:(0,l.jsx)(a.PinOffIcon,{className:`size-4`})})]})}),(0,l.jsxs)(o.Activity,{mode:e?`hidden`:`visible`,children:[(0,l.jsxs)(n.DropdownMenuItem,{onClick:u,children:[e?`Bỏ ghim`:`Ghim trái`,(0,l.jsx)(n.DropdownMenuShortcut,{children:(0,l.jsx)(a.MoveLeftIcon,{className:`size-4`})})]}),(0,l.jsxs)(n.DropdownMenuItem,{onClick:d,children:[e?`Bỏ ghim`:`Ghim phải`,(0,l.jsx)(n.DropdownMenuShortcut,{children:(0,l.jsx)(a.MoveRightIcon,{className:`size-4`})})]})]})]})})]})});G.displayName=`UITableHeadCellOption`;const K=(0,o.memo)(({isVisible:e=!0,isPinned:t=!1,isFirstCell:n=!1,isLastCell:r=!1,isOptionsVisible:i=!0,headerId:a,headerColumn:c,className:u,children:d,onColumnPin:f,onToggleVisibility:p,...m})=>{let h=c?.columnDef.meta?.position;return(0,l.jsxs)(`th`,{slot:`table-head-cell`,"data-pinned":t,"data-header":a,style:{zIndex:(0,o.useMemo)(()=>t?20:void 0,[t]),left:(0,o.useMemo)(()=>{let e=c?.getStart?.(`left`);return t===`left`&&typeof e==`number`?`${e}px`:void 0},[t,c]),right:(0,o.useMemo)(()=>{let e=c?.getAfter?.(`right`);return t===`right`&&typeof e==`number`?`${e}px`:void 0},[t,c]),width:(0,o.useMemo)(()=>`calc(var(--header-${a}-size) * 1px)`,[a]),minWidth:(0,o.useMemo)(()=>c?.columnDef.minSize?`calc(var(--col-${a}-minSize) * 1px)`:void 0,[a,c]),maxWidth:(0,o.useMemo)(()=>c?.columnDef.maxSize?`calc(var(--col-${a}-maxSize) * 1px)`:void 0,[a,c])},className:(0,s.cn)(ue({isPinned:t||`false`,isActions:a===`actions`,isLastCell:r,isFirstCell:n,position:h}),u),...m,children:[(0,l.jsx)(`div`,{className:`truncate px-4`,children:d}),i&&(0,l.jsx)(G,{isPinned:t,isVisible:e,onLeftPin:f,onRightPin:f,onUnpin:f})]})});K.displayName=`UITableHeadCell`;const q=(0,o.memo)(({isPinned:e,isLastCell:n,isAllRowsSelected:r,style:i,className:a,onToggleAllRowsSelected:c,...u})=>{let d=(0,o.useCallback)(e=>{c?.(!!e)},[c]);return(0,l.jsx)(`th`,{slot:`table-header-cell`,"data-pinned":!0,style:{left:0,zIndex:40,width:60,maxWidth:60},className:(0,s.cn)(A({isPinned:e,isLastCell:n}),a),...u,children:(0,l.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center`,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:(0,l.jsx)(t.Checkbox,{"aria-label":`Select All Rows`,checked:r,onCheckedChange:d})})})});q.displayName=`UITableHeadCellSelect`;const J=(0,o.memo)(({headerGroup:e,className:t,...n})=>{let{isAllRowsSelected:r,columnPinningState:i,leftPinnedHeaders:a,rightPinnedHeaders:o,onToggleAllRowsSelected:c}=_(),d=o[0]?.id,f=a[a.length-1]?.id;return(0,l.jsx)(`tr`,{slot:`table-head-row`,className:(0,s.cn)(O(),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`?(0,l.jsx)(q,{isPinned:a,isLastCell:e.id===f,isAllRowsSelected:r,onToggleAllRowsSelected:c},e.id):(0,l.jsx)(K,{isVisible:n,isPinned:a,isFirstCell:e.id===d,isLastCell:e.id===f,isOptionsVisible:![`select`,`actions`].includes(e.id),headerId:e.id,headerColumn:e.column,colSpan:e.colSpan,onColumnPin:e.column.pin,onToggleVisibility:e.column.toggleVisibility,children:(0,u.flexRender)(e.column.columnDef.header,e.getContext())},`${e.id}-${t}`)})})});J.displayName=`UITableHeadRow`;const Y=(0,o.memo)(({children:e,...t})=>{let{table:n,innerTableId:r,totalSize:i,tableRef:a}=h();return(0,o.useEffect)(()=>{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]),(0,l.jsx)(`table`,{id:r,ref:a,slot:`table-inner-table`,className:D(),style:{minWidth:i},...t,children:e})});Y.displayName=`UITableInnerTable`;const X=(0,o.memo)(({children:e,...t})=>{let{innerWrapperId:n}=p();return(0,l.jsx)(`div`,{id:n,slot:`table-inner-wrapper`,className:ce(),...t,children:e})});X.displayName=`UITableInnerWrapper`;const Z=(0,o.memo)(({fetchMoreData:e})=>{let{innerWrapperId:t}=p(),[n,i]=(0,o.useState)(`idle`),[s,c]=(0,o.useState)(0),u=(0,o.useCallback)(async()=>{try{i(`fetching`),await e?.(),i(`idle`)}catch(e){console.error(`Error fetching more data:`,e),i(`error`)}},[e]);return(0,o.useEffect)(()=>{let e=document.querySelector(`div[id="${t}"]`);if(!e)return;let n=new ResizeObserver(e=>{c(e[0].contentRect.width)});return n.observe(e),()=>n.disconnect()},[t]),e?(0,l.jsx)(`tr`,{className:`sticky! left-0 h-10`,style:{width:s},children:(0,l.jsx)(`td`,{className:`absolute left-0 flex w-full items-center justify-center text-xs`,children:(0,l.jsxs)(`button`,{type:`button`,disabled:n===`fetching`,className:he({state:n}),onClick:u,children:[n===`idle`&&(0,l.jsx)(a.ChevronDown,{className:`size-4`}),n===`fetching`&&(0,l.jsx)(r.Spinner,{className:`size-4 animate-spin`}),n===`error`&&(0,l.jsx)(a.AlertTriangle,{className:`size-4 text-danger`}),n===`idle`&&`Tải thêm`,n===`fetching`&&`Đang tải...`,n===`error`&&`Lỗi! Thử lại?`]})})}):null});Z.displayName=`UITableLoadMore`;const Q=(0,o.memo)(({row:e,isSelected:t,rowIndex:n,children:r,...i})=>{let{keyOfClickRow:a,isAllRowsSelected:s,columnPinningState:c,leftPinnedHeaders:u,rightPinnedHeaders:d,onClickRow:f}=x(),p=(0,o.useMemo)(()=>c.left??[],[c]),m=(0,o.useMemo)(()=>c.right??[],[c]),h=(0,o.useMemo)(()=>d?.[0]?.id,[d]),g=(0,o.useMemo)(()=>u?.[u.length-1]?.id,[u]),_=(0,o.useMemo)(()=>e.getVisibleCells().some(e=>e.column.id===`select`),[e]),v=(0,o.useCallback)(t=>{if(f){let t=a?e.original?.[a]:void 0;f(n,typeof t==`string`||typeof t==`number`?t:void 0)}else _&&e.toggleSelected();t.preventDefault(),t.stopPropagation()},[a,f,e,n,_]);return(0,l.jsx)(`tr`,{slot:`table-row`,"data-index":n,className:de(),onClick:v,...i,children:e.getVisibleCells().map((e,r)=>{let i=p.includes(e.column.id),a=m.includes(e.column.id),o=i?`left`:a?`right`:!1;return e.column.id===`actions`?(0,l.jsx)(I,{"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`?(0,l.jsx)(L,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:o,isLastCell:e.column.id===g,isSelected:s||t,onToggleRowSelected:e.row.toggleSelected},`${e.id}-${r}`):(0,l.jsx)(F,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:o,isFirstCell:e.column.id===h,isLastCell:e.column.id===g,colId:e.column.id,position:e.column.columnDef.meta?.position??`start`,column:e.column,getContext:e.getContext},`${e.id}-${r}`)})})});Q.displayName=`UITableRow`;const ge=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`div`,{slot:`table-wrapper`,className:(0,s.cn)(se(),e),...n,children:t}));ge.displayName=`UITableWrapper`;const _e=({children:e})=>{let{table:t,fetchMoreData:n}=S(),{rowSelectionState:r}=y(),{rows:a}=t.getRowModel();return(0,l.jsxs)(i.ResizablePanelGroup,{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:[(0,l.jsx)(i.ResizablePanel,{"data-slot":`table-scroll-host`,className:`relative flex flex-col`,children:(0,l.jsxs)(X,{children:[(0,l.jsxs)(Y,{children:[(0,l.jsx)(W,{children:t.getHeaderGroups().map(e=>(0,l.jsx)(J,{headerGroup:e},e.id))}),(0,l.jsxs)(P,{children:[a.map((e,t)=>(0,l.jsx)(Q,{row:e,isSelected:r[e.id]===!0,rowIndex:t},e.id)),n&&(0,l.jsx)(Z,{fetchMoreData:n})]}),(0,l.jsx)(R,{})]}),(0,l.jsx)(z,{})]})}),e&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.ResizableHandle,{}),e]})]})};function ve(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 ye=(0,o.memo)(({innerWrapperId:e,children:t})=>{let n=(0,o.useMemo)(()=>({innerWrapperId:e}),[e]);return(0,l.jsx)(f.Provider,{value:n,children:t})});ye.displayName=`UITableInnerWrapperProvider`;const be=(0,o.memo)(({table:e,innerTableId:t,totalSize:n,tableRef:r,children:i})=>{let a=(0,o.useMemo)(()=>({table:e,innerTableId:t,totalSize:n,tableRef:r}),[e,t,n,r]);return(0,l.jsx)(m.Provider,{value:a,children:i})});be.displayName=`UITableInnerTableProvider`;const xe=(0,o.memo)(({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i,children:a})=>{let s=(0,o.useMemo)(()=>({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i}),[e,t,n,r,i]);return(0,l.jsx)(g.Provider,{value:s,children:a})});xe.displayName=`UITableHeadRowProvider`;const Se=(0,o.memo)(({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r,children:i})=>{let a=(0,o.useMemo)(()=>({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r}),[e,t,n,r]);return(0,l.jsx)(v.Provider,{value:a,children:i})});Se.displayName=`UITableBodyProvider`;const Ce=(0,o.memo)(({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a,children:s})=>{let c=(0,o.useMemo)(()=>({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a}),[e,t,n,r,i,a]);return(0,l.jsx)(b.Provider,{value:c,children:s})});Ce.displayName=`UITableRowProvider`;const we=({title:e,isFetching:t=!1,isRefetching:n=!1,isLoading:r=!1,loadingDisplayRow:i=3,data:a,columns:s,totalRows:c,leftPinnedColumns:d=[],rightPinnedColumns:f=[],keyOfClickRow:p,onClickRow:m,onRowSelection:h,onColumnPinning:g,fetchMoreData:_,emptyDisplayHeight:v,csvData:y,csvFileName:b,filterDefinitions:x=[],onFilterChange:S,summary:C=[],onSummaryItemClick:w,showAnalysisPanel:ie=!1,description:T,headerActions:E,children:ae})=>{let oe=(0,o.useId)(),se=(0,o.useId)(),ce=(0,o.useRef)(null),[D,le]=(0,o.useState)(!1),[O,ue]=(0,o.useState)(!0),[k,de]=(0,o.useState)({}),[A,fe]=(0,o.useState)({right:f,left:[`select`,...d]}),[pe,me]=(0,o.useState)({}),[j,M]=(0,o.useState)([]),N=(0,o.useCallback)(e=>(de(e),h?.(e instanceof Function?e(k):e),e),[k,h]),he=(0,o.useCallback)(e=>{fe(e),g?.(e instanceof Function?e(A):e)},[A,g]),P=(0,o.useCallback)(e=>{let t=x.find(t=>t.id===e);if(!t)return;let n={id:`${e}-${crypto.randomUUID()}`,definitionId:e,value:ve(t.type)};M(e=>{let t=[...e,n];return S?.(t),t})},[x,S]),F=(0,o.useCallback)(e=>{M(t=>{let n=t.filter(t=>t.id!==e);return S?.(n),n})},[S]),I=(0,o.useCallback)((e,t)=>{M(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return S?.(r),r})},[S]),L=(0,o.useMemo)(()=>({filterDefinitions:x,activeFilters:j,addFilter:P,removeFilter:F,updateFilter:I}),[x,j,P,F,I]),R=(0,u.useReactTable)({data:a,columns:s,state:{rowSelection:k,columnPinning:A,expanded:pe},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:(0,u.getCoreRowModel)(),getGroupedRowModel:(0,u.getGroupedRowModel)(),getExpandedRowModel:(0,u.getExpandedRowModel)(),onRowSelectionChange:N,onColumnPinningChange:he,onExpandedChange:me}),z=(0,o.useMemo)(()=>{let{rows:e}=R.getRowModel();return e},[R.getRowModel().rows,R.getState().columnPinning]),B=(0,o.useMemo)(()=>!t&&!n&&z.length===0,[z,t,n]),V=(0,o.useMemo)(()=>({title:e,table:R,isEmpty:B,isFetching:t,isRefetching:n,isLoading:r,loadingDisplayRow:i,totalRows:c,fetchMoreData:_,emptyDisplayHeight:v,csvData:y,csvFileName:b,summary:C,onSummaryItemClick:w,showAnalysisPanel:ie,description:T,headerActions:E}),[e,R,B,n,t,r,i,c,_,v,R.getState().columnPinning,R.getState().expanded,y,b,C,w,ie,T,E]),H=(0,o.useMemo)(()=>R.getState(),[R.getState()]),U=(0,o.useMemo)(()=>R.getIsAllRowsSelected(),[R.getIsAllRowsSelected()]),W=(0,o.useMemo)(()=>H.rowSelection,[H.rowSelection]),G=(0,o.useMemo)(()=>H.columnPinning,[H.columnPinning]),K=(0,o.useMemo)(()=>R.getLeftHeaderGroups()[0]?.headers||[],[R.getState().columnPinning]),q=(0,o.useMemo)(()=>R.getRightHeaderGroups()[0]?.headers||[],[R.getState().columnPinning]),J=(0,o.useMemo)(()=>R.getTotalSize(),[R.getTotalSize()]),Y=(0,o.useCallback)(()=>le(e=>!e),[]),X=(0,o.useMemo)(()=>({isOpen:D,toggle:Y}),[D,Y]),Z=(0,o.useCallback)(()=>ue(e=>!e),[]),Q=(0,o.useMemo)(()=>({isOpen:O,toggle:Z}),[O,Z]);return(0,l.jsx)(ne.Provider,{value:X,children:(0,l.jsx)(re.Provider,{value:Q,children:(0,l.jsx)(te.Provider,{value:L,children:(0,l.jsx)(ee.Provider,{value:V,children:(0,l.jsx)(ye,{innerWrapperId:oe,children:(0,l.jsx)(be,{table:R,innerTableId:se,totalSize:J,tableRef:ce,children:(0,l.jsx)(xe,{isAllRowsSelected:U,columnPinningState:G,leftPinnedHeaders:K,rightPinnedHeaders:q,onToggleAllRowsSelected:R.toggleAllRowsSelected,children:(0,l.jsx)(Se,{isFetching:t,isRefetching:n,isEmpty:B,rowSelectionState:W,children:(0,l.jsx)(Ce,{keyOfClickRow:p,isAllRowsSelected:U,columnPinningState:G,leftPinnedHeaders:K,rightPinnedHeaders:q,onClickRow:m,children:ae})})})})})})})})})};function $(e){let t=(0,o.lazy)(e);return e=>(0,l.jsx)(o.Suspense,{fallback:null,children:(0,l.jsx)(t,{...e})})}const Te=$(()=>Promise.resolve().then(()=>require("./avatar-name-display-CLi1DJUs.cjs")).then(e=>({default:e.UITableAvatarNameDisplay}))),Ee=$(()=>Promise.resolve().then(()=>require("./badge-display-DWzSl3rs.cjs")).then(e=>({default:e.UITableBadgeDisplay}))),De=$(()=>Promise.resolve().then(()=>require("./boolean-display-C5GIuWnc.cjs")).then(e=>({default:e.UITableBooleanDisplay}))),Oe=$(()=>Promise.resolve().then(()=>require("./currency-display-Bbh5InhV.cjs")).then(e=>({default:e.UITableCurrencyDisplay}))),ke=$(()=>Promise.resolve().then(()=>require("./date-display-D38qvsh2.cjs")).then(e=>({default:e.UITableDateDisplay}))),Ae=$(()=>Promise.resolve().then(()=>require("./description-display-DIeHy7ll.cjs")).then(e=>({default:e.UITableDescriptionDisplay}))),je=$(()=>Promise.resolve().then(()=>require("./edit-button-0_FLZoT3.cjs")).then(e=>({default:e.UITableEditButton}))),Me=$(()=>Promise.resolve().then(()=>require("./email-display-_FRE2qcO.cjs")).then(e=>({default:e.UITableEmailDisplay}))),Ne=$(()=>Promise.resolve().then(()=>require("./list-display-BvKGl7uq.cjs")).then(e=>({default:e.UITableListDisplay}))),Pe=$(()=>Promise.resolve().then(()=>require("./more-button-RYvZgYiu.cjs")).then(e=>({default:e.UITableMoreButton}))),Fe=$(()=>Promise.resolve().then(()=>require("./name-display-DfOtYp7d.cjs")).then(e=>({default:e.UITableNameDisplay}))),Ie=$(()=>Promise.resolve().then(()=>require("./permalink-29QzG9Xe.cjs")).then(e=>({default:e.UITablePermalink}))),Le=$(()=>Promise.resolve().then(()=>require("./phone-number-C2k8llhf.cjs")).then(e=>({default:e.UITablePhoneNumberDisplay}))),Re=$(()=>Promise.resolve().then(()=>require("./progress-display-B4WVzdJw.cjs")).then(e=>({default:e.UITableProgressDisplay}))),ze=$(()=>Promise.resolve().then(()=>require("./remove-button-B3qFw-M5.cjs")).then(e=>({default:e.UITableRemoveButton}))),Be=$(()=>Promise.resolve().then(()=>require("./statistic-wnnjHsKj.cjs")).then(e=>({default:e.UITableStatisticDisplay}))),Ve=$(()=>Promise.resolve().then(()=>require("./status-display-DJ8fFqyX.cjs")).then(e=>({default:e.UITableStatusDisplay}))),He=$(()=>Promise.resolve().then(()=>require("./toggle-button-Dq78v8cH.cjs")).then(e=>({default:e.UITableToggleButton}))),Ue=$(()=>Promise.resolve().then(()=>require("./user-Dn53Fu5q.cjs")).then(e=>({default:e.UITableUserDataDisplay}))),We=$(()=>Promise.resolve().then(()=>require("./filter-z7p4lRp8.cjs")).then(e=>({default:e.UITableFilter}))),Ge=$(()=>Promise.resolve().then(()=>require("./analysis-panel-DYF2CmAH.cjs")).then(e=>({default:e.UITableAnalysisPanel}))),Ke=$(()=>Promise.resolve().then(()=>require("./summary-bar-DK8glsr4.cjs")).then(e=>({default:e.UITableSummaryBar}))),qe=$(()=>Promise.resolve().then(()=>require("./tooltip-CLjCwnTD.cjs")).then(e=>({default:e.UITableTooltip}))),Je=$(()=>Promise.resolve().then(()=>require("./tooltip-CLjCwnTD.cjs")).then(e=>({default:e.UITableTooltipFilter}))),Ye=$(()=>Promise.resolve().then(()=>require("./tooltip-CLjCwnTD.cjs")).then(e=>({default:e.UITableTooltipActions})));Object.defineProperty(exports,"A",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"B",{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return Ye}}),Object.defineProperty(exports,"D",{enumerable:!0,get:function(){return _e}}),Object.defineProperty(exports,"E",{enumerable:!0,get:function(){return we}}),Object.defineProperty(exports,"F",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"G",{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,"H",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"I",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"J",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"K",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"L",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"M",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"N",{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,"O",{enumerable:!0,get:function(){return ge}}),Object.defineProperty(exports,"P",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"Q",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"R",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return qe}}),Object.defineProperty(exports,"T",{enumerable:!0,get:function(){return Ue}}),Object.defineProperty(exports,"U",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"V",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"W",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"X",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"Y",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"Z",{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return ze}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return Oe}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return Ke}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return je}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return Ne}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return Pe}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return Re}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return Le}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return De}}),Object.defineProperty(exports,"j",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"k",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return Me}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return Ie}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Te}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return ke}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return Fe}}),Object.defineProperty(exports,"q",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return Ee}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return Ae}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Ge}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return We}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return Be}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return Je}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return He}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return Ve}}),Object.defineProperty(exports,"z",{enumerable:!0,get:function(){return V}});
+//# sourceMappingURL=tables-BzP8Cnvh.cjs.map