@customafk/lunas-ui 0.2.82 → 0.2.84

package/dist/{tables-BqZ4Zs6e.cjs → tables-DdLEj1dI.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},S=(0,o.createContext)(null),C=()=>{let e=(0,o.use)(S);if(!e)throw Error(`useTableContext must be used within a TableProvider`);return e},ee=(0,o.createContext)(null),w=()=>{let e=(0,o.use)(ee);if(!e)throw Error(`useUITableFilterContext must be used within a UITableProvider`);return e},te=(0,o.createContext)(null),T=()=>{let e=(0,o.use)(te);if(!e)throw Error(`useUITableAnalysisContext must be used within a UITableProvider`);return e},ne=(0,o.createContext)(null),E=()=>{let e=(0,o.use)(ne);if(!e)throw Error(`useUITableSummaryContext must be used within a UITableProvider`);return e},D=`border-r! !border-r-border-strong/30`,O=`border-l! !border-l-border-strong/30`,re=(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`]),ie=(0,c.cva)([`sticky left-0 flex flex-1 items-center justify-center bg-transparent text-text-positive-weak opacity-100`]),ae=(0,c.cva)([`relative m-0 grid @container/table-wrapper grid-cols-1 size-full min-h-96 min-w-0 justify-items-start content-start gap-2`]),oe=(0,c.cva)([`w-full min-w-0 min-h-0`]),se=(0,c.cva)([`relative w-full flex-1 min-h-0 overflow-auto border-b border-b-border border-l border-l-border`]),ce=(0,c.cva)([`grid w-full table-fixed caption-bottom border-collapse border-spacing-0 flex-col content-start`]),k=(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`]),le=(0,c.cva)([`flex`]),A=(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:D},{isPinned:`right`,isFirstCell:!0,className:O}]}),ue=(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`]),j=(0,c.cva)([`group transition-colors hover:bg-muted-muted hover:[&_td]:bg-muted-muted! [&_td]:border-r [&_td]:border-r-border`]),M=(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:D}],defaultVariants:{isPinned:void 0}}),de=(0,c.cva)([`sticky border-r-0! inset-y-0 right-0 z-30 flex items-center pr-4 group-hover:bg-muted-muted!`]),fe=(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:D},{isPinned:`right`,isFirstCell:!0,className:O}]}),N=(0,c.cva)([`overflow-x-hidden`],{variants:{position:{start:`justify-start`,center:`justify-center`,end:`justify-end`}},defaultVariants:{position:`start`}}),P=(0,c.cva)([`shrink-0 flex w-full justify-center border-t border-border-weak font-medium`]),pe=(0,c.cva)([`flex w-full`,`text-[13px] font-medium text-text-positive-weak`]),F=(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:``}}}),I=(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`}}),L=(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)(ue(),e),...n,children:t})});L.displayName=`UITableBody`;const R=(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]),S=(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)(fe({isPinned:e||void 0,isLastCell:n,isFirstCell:t}),d),...f,children:(0,l.jsx)(`div`,{ref:g,slot:`table-body-cell-inner`,className:N({position:i}),children:S})})});R.displayName=`UITableCell`;const z=(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:de(),...r,children:i})});z.displayName=`UITableCellActions`;const B={tooltip:`UITableTooltip`,summaryBar:`UITableSummaryBar`,container:`UITableContainer`,analysisPanel:`UITableAnalysisPanel`},V={tooltip:`table-wrapper-tooltip-row`,summaryBar:`table-wrapper-summary-bar-row`,container:`table-wrapper-container-row`,analysisPanel:`table-wrapper-analysis-panel-row`,extra:`table-wrapper-extra-row`},H=(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)(M({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})})})});H.displayName=`UITableCellSelect`;const me=(0,o.memo)(()=>{let{table:e,isFetching:t,isRefetching:n,loadingDisplayRow:r=3}=C();return!t&&!n?null:(0,l.jsx)(`tbody`,{className:(0,s.cn)(ue(),`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)(j(),`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:de(),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:M({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:fe({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:N({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))})}),U=(0,o.memo)(()=>{let{isEmpty:e,emptyDisplayHeight:t}=C();return e?(0,l.jsx)(l.Fragment,{children:e&&(0,l.jsx)(`div`,{className:ie(),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});U.displayName=`UITableEmptyDisplay`;const W=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`div`,{slot:`table-footer`,className:(0,s.cn)(P(),e),...n,children:t}));W.displayName=`UITableFooter`;function he(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 G(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 K=(0,o.memo)(()=>{let{table:t}=C(),{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=G(u,t.id);e[t.id]=he(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:pe(),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)(F({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:F({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:F({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)})})});K.displayName=`UITableFooterRow`;const q=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`thead`,{slot:`table-head`,className:(0,s.cn)(k(),e),...n,children:t}));q.displayName=`UITableHead`;const J=(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)(re(),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`})})]})]})]})})]})});J.displayName=`UITableHeadCellOption`;const Y=(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)(A({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)(J,{isPinned:t,isVisible:e,onLeftPin:f,onRightPin:f,onUnpin:f})]})});Y.displayName=`UITableHeadCell`;const X=(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)(M({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})})})});X.displayName=`UITableHeadCellSelect`;const Z=(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)(le(),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)(X,{isPinned:a,isLastCell:e.id===f,isAllRowsSelected:r,onToggleAllRowsSelected:c},e.id):(0,l.jsx)(Y,{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}`)})})});Z.displayName=`UITableHeadRow`;const Q=(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:ce(),style:{minWidth:i},...t,children:e})});Q.displayName=`UITableInnerTable`;const ge=(0,o.memo)(({children:e,...t})=>{let{innerWrapperId:n}=p();return(0,l.jsx)(`div`,{id:n,slot:`table-inner-wrapper`,className:se(),...t,children:e})});ge.displayName=`UITableInnerWrapper`;const _e=(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:I({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});_e.displayName=`UITableLoadMore`;const ve=(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:j(),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)(z,{"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)(H,{"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)(R,{"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}`)})})});ve.displayName=`UITableRow`;const ye=[`tooltip`,`summaryBar`,`container`,`analysisPanel`];function be(e){if(!(0,o.isValidElement)(e))return;let t=e.type?.displayName;return ye.find(e=>B[e]===t)}const xe=(0,o.memo)(({className:e,children:t,style:n,...r})=>{let i=new Map,a=[];o.Children.forEach(t,e=>{let t=be(e);t?i.set(t,e):a.push(e)});let c=ye.filter(e=>i.has(e)),u=[...c.map(e=>e===`container`?`minmax(10rem,1fr)`:`auto`),...a.length>0?[`auto`]:[]].join(` `);return(0,l.jsxs)(`div`,{slot:`table-wrapper`,className:(0,s.cn)(ae(),e),style:{...n,gridTemplateRows:u},...r,children:[c.map((e,t)=>(0,l.jsx)(`div`,{"data-slot":V[e],className:oe(),style:{gridRow:t+1},children:i.get(e)},e)),a.length>0&&(0,l.jsx)(`div`,{"data-slot":V.extra,className:oe(),style:{gridRow:c.length+1},children:o.Children.toArray(a)})]})});xe.displayName=`UITableWrapper`;const Se=({children:e})=>{let{table:t,fetchMoreData:n}=C(),{rowSelectionState:r}=y(),{rows:a}=t.getRowModel();return(0,l.jsxs)(i.ResizablePanelGroup,{direction:`horizontal`,style:{direction:t.options.columnResizeDirection},className:`relative flex h-full w-full max-w-full min-h-0 min-w-0 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)(ge,{children:[(0,l.jsxs)(Q,{children:[(0,l.jsx)(q,{children:t.getHeaderGroups().map(e=>(0,l.jsx)(Z,{headerGroup:e},e.id))}),(0,l.jsxs)(L,{children:[a.map((e,t)=>(0,l.jsx)(ve,{row:e,isSelected:r[e.id]===!0,rowIndex:t},e.id)),n&&(0,l.jsx)(_e,{fetchMoreData:n})]}),(0,l.jsx)(me,{})]}),(0,l.jsx)(U,{})]})}),e&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.ResizableHandle,{}),e]})]})};Se.displayName=`UITableContainer`;function Ce(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 we=(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})});we.displayName=`UITableInnerWrapperProvider`;const Te=(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})});Te.displayName=`UITableInnerTableProvider`;const Ee=(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})});Ee.displayName=`UITableHeadRowProvider`;const De=(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})});De.displayName=`UITableBodyProvider`;const Oe=(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})});Oe.displayName=`UITableRowProvider`;const ke=({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:C,summary:w=[],onSummaryItemClick:T,showAnalysisPanel:E=!1,description:D,headerActions:O,children:re})=>{let ie=(0,o.useId)(),ae=(0,o.useId)(),oe=(0,o.useRef)(null),[se,ce]=(0,o.useState)(!1),[k,le]=(0,o.useState)(!0),[A,ue]=(0,o.useState)({}),[j,M]=(0,o.useState)({right:f,left:[`select`,...d]}),[de,fe]=(0,o.useState)({}),[N,P]=(0,o.useState)([]),pe=(0,o.useCallback)(e=>(ue(e),h?.(e instanceof Function?e(A):e),e),[A,h]),F=(0,o.useCallback)(e=>{M(e),g?.(e instanceof Function?e(j):e)},[j,g]),I=(0,o.useCallback)(e=>{let t=x.find(t=>t.id===e);if(!t)return;let n={id:`${e}-${crypto.randomUUID()}`,definitionId:e,value:Ce(t.type)};P(e=>{let t=[...e,n];return C?.(t),t})},[x,C]),L=(0,o.useCallback)(e=>{P(t=>{let n=t.filter(t=>t.id!==e);return C?.(n),n})},[C]),R=(0,o.useCallback)((e,t)=>{P(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return C?.(r),r})},[C]),z=(0,o.useMemo)(()=>({filterDefinitions:x,activeFilters:N,addFilter:I,removeFilter:L,updateFilter:R}),[x,N,I,L,R]),B=(0,u.useReactTable)({data:a,columns:s,state:{rowSelection:A,columnPinning:j,expanded:de},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:pe,onColumnPinningChange:F,onExpandedChange:fe}),V=(0,o.useMemo)(()=>{let{rows:e}=B.getRowModel();return e},[B.getRowModel().rows,B.getState().columnPinning]),H=(0,o.useMemo)(()=>!t&&!n&&V.length===0,[V,t,n]),me=(0,o.useMemo)(()=>({title:e,table:B,isEmpty:H,isFetching:t,isRefetching:n,isLoading:r,loadingDisplayRow:i,totalRows:c,fetchMoreData:_,emptyDisplayHeight:v,csvData:y,csvFileName:b,summary:w,onSummaryItemClick:T,showAnalysisPanel:E,description:D,headerActions:O}),[e,B,H,n,t,r,i,c,_,v,B.getState().columnPinning,B.getState().expanded,y,b,w,T,E,D,O]),U=(0,o.useMemo)(()=>B.getState(),[B.getState()]),W=(0,o.useMemo)(()=>B.getIsAllRowsSelected(),[B.getIsAllRowsSelected()]),he=(0,o.useMemo)(()=>U.rowSelection,[U.rowSelection]),G=(0,o.useMemo)(()=>U.columnPinning,[U.columnPinning]),K=(0,o.useMemo)(()=>B.getLeftHeaderGroups()[0]?.headers||[],[B.getState().columnPinning]),q=(0,o.useMemo)(()=>B.getRightHeaderGroups()[0]?.headers||[],[B.getState().columnPinning]),J=(0,o.useMemo)(()=>B.getTotalSize(),[B.getTotalSize()]),Y=(0,o.useCallback)(()=>ce(e=>!e),[]),X=(0,o.useMemo)(()=>({isOpen:se,toggle:Y}),[se,Y]),Z=(0,o.useCallback)(()=>le(e=>!e),[]),Q=(0,o.useMemo)(()=>({isOpen:k,toggle:Z}),[k,Z]);return(0,l.jsx)(te.Provider,{value:X,children:(0,l.jsx)(ne.Provider,{value:Q,children:(0,l.jsx)(ee.Provider,{value:z,children:(0,l.jsx)(S.Provider,{value:me,children:(0,l.jsx)(we,{innerWrapperId:ie,children:(0,l.jsx)(Te,{table:B,innerTableId:ae,totalSize:J,tableRef:oe,children:(0,l.jsx)(Ee,{isAllRowsSelected:W,columnPinningState:G,leftPinnedHeaders:K,rightPinnedHeaders:q,onToggleAllRowsSelected:B.toggleAllRowsSelected,children:(0,l.jsx)(De,{isFetching:t,isRefetching:n,isEmpty:H,rowSelectionState:he,children:(0,l.jsx)(Oe,{keyOfClickRow:p,isAllRowsSelected:W,columnPinningState:G,leftPinnedHeaders:K,rightPinnedHeaders:q,onClickRow:m,children:re})})})})})})})})})};function $(e){let t=(0,o.lazy)(e);return e=>(0,l.jsx)(o.Suspense,{fallback:null,children:(0,l.jsx)(t,{...e})})}const Ae=$(()=>Promise.resolve().then(()=>require("./avatar-name-display-CLi1DJUs.cjs")).then(e=>({default:e.UITableAvatarNameDisplay}))),je=$(()=>Promise.resolve().then(()=>require("./badge-display-DHbCN998.cjs")).then(e=>({default:e.UITableBadgeDisplay}))),Me=$(()=>Promise.resolve().then(()=>require("./boolean-display-D2wjQhNX.cjs")).then(e=>({default:e.UITableBooleanDisplay}))),Ne=$(()=>Promise.resolve().then(()=>require("./currency-display-B06kc2IG.cjs")).then(e=>({default:e.UITableCurrencyDisplay}))),Pe=$(()=>Promise.resolve().then(()=>require("./date-display-DHnZr_yf.cjs")).then(e=>({default:e.UITableDateDisplay}))),Fe=$(()=>Promise.resolve().then(()=>require("./description-display-Cckihd1s.cjs")).then(e=>({default:e.UITableDescriptionDisplay}))),Ie=$(()=>Promise.resolve().then(()=>require("./edit-button-0_FLZoT3.cjs")).then(e=>({default:e.UITableEditButton}))),Le=$(()=>Promise.resolve().then(()=>require("./email-display-w-hRYIeL.cjs")).then(e=>({default:e.UITableEmailDisplay}))),Re=$(()=>Promise.resolve().then(()=>require("./list-display-DDeJoneW.cjs")).then(e=>({default:e.UITableListDisplay}))),ze=$(()=>Promise.resolve().then(()=>require("./more-button-RYvZgYiu.cjs")).then(e=>({default:e.UITableMoreButton}))),Be=$(()=>Promise.resolve().then(()=>require("./name-display-CKnyugrP.cjs")).then(e=>({default:e.UITableNameDisplay}))),Ve=$(()=>Promise.resolve().then(()=>require("./permalink-azuGQg2b.cjs")).then(e=>({default:e.UITablePermalink}))),He=$(()=>Promise.resolve().then(()=>require("./phone-number-BqRhKQdr.cjs")).then(e=>({default:e.UITablePhoneNumberDisplay}))),Ue=$(()=>Promise.resolve().then(()=>require("./progress-display-CiYWPOnq.cjs")).then(e=>({default:e.UITableProgressDisplay}))),We=$(()=>Promise.resolve().then(()=>require("./remove-button-B3qFw-M5.cjs")).then(e=>({default:e.UITableRemoveButton}))),Ge=$(()=>Promise.resolve().then(()=>require("./statistic-CE_Jg8SN.cjs")).then(e=>({default:e.UITableStatisticDisplay}))),Ke=$(()=>Promise.resolve().then(()=>require("./status-display-xcCCGpGS.cjs")).then(e=>({default:e.UITableStatusDisplay}))),qe=$(()=>Promise.resolve().then(()=>require("./toggle-button-Dq78v8cH.cjs")).then(e=>({default:e.UITableToggleButton}))),Je=$(()=>Promise.resolve().then(()=>require("./user-Dn53Fu5q.cjs")).then(e=>({default:e.UITableUserDataDisplay}))),Ye=$(()=>Promise.resolve().then(()=>require("./filter-CQ9BD0MV.cjs")).then(e=>({default:e.UITableFilter}))),Xe=$(()=>Promise.resolve().then(()=>require("./analysis-panel-BoKjkPYz.cjs")).then(e=>({default:e.UITableAnalysisPanel})));Xe.displayName=`UITableAnalysisPanel`;const Ze=$(()=>Promise.resolve().then(()=>require("./summary-bar-C08g8bb1.cjs")).then(e=>({default:e.UITableSummaryBar})));Ze.displayName=`UITableSummaryBar`;const Qe=$(()=>Promise.resolve().then(()=>require("./tooltip-BVzKgxrZ.cjs")).then(e=>({default:e.UITableTooltip})));Qe.displayName=`UITableTooltip`;const $e=$(()=>Promise.resolve().then(()=>require("./tooltip-BVzKgxrZ.cjs")).then(e=>({default:e.UITableTooltipFilter}))),et=$(()=>Promise.resolve().then(()=>require("./tooltip-BVzKgxrZ.cjs")).then(e=>({default:e.UITableTooltipActions})));Object.defineProperty(exports,"A",{enumerable:!0,get:function(){return _e}}),Object.defineProperty(exports,"B",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return et}}),Object.defineProperty(exports,"D",{enumerable:!0,get:function(){return Se}}),Object.defineProperty(exports,"E",{enumerable:!0,get:function(){return ke}}),Object.defineProperty(exports,"F",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"G",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"H",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"I",{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,"J",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"K",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"L",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"M",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"N",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"O",{enumerable:!0,get:function(){return xe}}),Object.defineProperty(exports,"P",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"Q",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"R",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return Qe}}),Object.defineProperty(exports,"T",{enumerable:!0,get:function(){return Je}}),Object.defineProperty(exports,"U",{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,"V",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"W",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"X",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"Y",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"Z",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return We}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return Ne}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return Ze}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return Ie}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return Re}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return ze}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return Ue}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return He}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return Me}}),Object.defineProperty(exports,"j",{enumerable:!0,get:function(){return ge}}),Object.defineProperty(exports,"k",{enumerable:!0,get:function(){return ve}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return Le}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return Ve}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Ae}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return Pe}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return Be}}),Object.defineProperty(exports,"q",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return je}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return Fe}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Xe}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return Ye}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return Ge}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return $e}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return qe}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return Ke}}),Object.defineProperty(exports,"z",{enumerable:!0,get:function(){return he}});
-//# sourceMappingURL=tables-BqZ4Zs6e.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},S=(0,o.createContext)(null),C=()=>{let e=(0,o.use)(S);if(!e)throw Error(`useTableContext must be used within a TableProvider`);return e},ee=(0,o.createContext)(null),w=()=>{let e=(0,o.use)(ee);if(!e)throw Error(`useUITableFilterContext must be used within a UITableProvider`);return e},te=(0,o.createContext)(null),T=()=>{let e=(0,o.use)(te);if(!e)throw Error(`useUITableAnalysisContext must be used within a UITableProvider`);return e},ne=(0,o.createContext)(null),E=()=>{let e=(0,o.use)(ne);if(!e)throw Error(`useUITableSummaryContext must be used within a UITableProvider`);return e},D=`border-r! !border-r-border-strong/30`,O=`border-l! !border-l-border-strong/30`,re=(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`]),ie=(0,c.cva)([`sticky left-0 flex flex-1 items-center justify-center bg-transparent text-text-positive-weak opacity-100`]),ae=(0,c.cva)([`relative m-0 grid @container/table-wrapper grid-cols-1 size-full min-h-96 min-w-0 justify-items-start content-start gap-2`]),oe=(0,c.cva)([`w-full min-w-0 min-h-0`]),se=(0,c.cva)([`relative w-full flex-1 min-h-0 overflow-auto border-b border-b-border border-l border-l-border`]),ce=(0,c.cva)([`grid w-full table-fixed caption-bottom border-collapse border-spacing-0 flex-col content-start`]),k=(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`]),le=(0,c.cva)([`flex`]),A=(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:D},{isPinned:`right`,isFirstCell:!0,className:O}]}),ue=(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`]),j=(0,c.cva)([`group transition-colors hover:bg-muted-muted hover:[&_td]:bg-muted-muted! [&_td]:border-r [&_td]:border-r-border`]),M=(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:D}],defaultVariants:{isPinned:void 0}}),de=(0,c.cva)([`sticky border-r-0! inset-y-0 right-0 z-30 flex items-center pr-4 group-hover:bg-muted-muted!`]),fe=(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:D},{isPinned:`right`,isFirstCell:!0,className:O}]}),N=(0,c.cva)([`overflow-x-hidden`],{variants:{position:{start:`justify-start`,center:`justify-center`,end:`justify-end`}},defaultVariants:{position:`start`}}),P=(0,c.cva)([`shrink-0 flex w-full justify-center border-t border-border-weak font-medium`]),pe=(0,c.cva)([`flex w-full`,`text-[13px] font-medium text-text-positive-weak`]),F=(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:``}}}),I=(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`}}),L=(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)(ue(),e),...n,children:t})});L.displayName=`UITableBody`;const R=(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]),S=(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)(fe({isPinned:e||void 0,isLastCell:n,isFirstCell:t}),d),...f,children:(0,l.jsx)(`div`,{ref:g,slot:`table-body-cell-inner`,className:N({position:i}),children:S})})});R.displayName=`UITableCell`;const z=(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:de(),...r,children:i})});z.displayName=`UITableCellActions`;const B={tooltip:`UITableTooltip`,summaryBar:`UITableSummaryBar`,container:`UITableContainer`,analysisPanel:`UITableAnalysisPanel`},V={tooltip:`table-wrapper-tooltip-row`,summaryBar:`table-wrapper-summary-bar-row`,container:`table-wrapper-container-row`,analysisPanel:`table-wrapper-analysis-panel-row`,extra:`table-wrapper-extra-row`},H=(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)(M({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})})})});H.displayName=`UITableCellSelect`;const me=(0,o.memo)(()=>{let{table:e,isFetching:t,isRefetching:n,loadingDisplayRow:r=3}=C();return!t&&!n?null:(0,l.jsx)(`tbody`,{className:(0,s.cn)(ue(),`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)(j(),`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:de(),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:M({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:fe({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:N({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))})}),U=(0,o.memo)(()=>{let{isEmpty:e,emptyDisplayHeight:t}=C();return e?(0,l.jsx)(l.Fragment,{children:e&&(0,l.jsx)(`div`,{className:ie(),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});U.displayName=`UITableEmptyDisplay`;const W=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`div`,{slot:`table-footer`,className:(0,s.cn)(P(),e),...n,children:t}));W.displayName=`UITableFooter`;function he(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 G(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 K=(0,o.memo)(()=>{let{table:t}=C(),{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=G(u,t.id);e[t.id]=he(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:pe(),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)(F({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:F({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:F({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)})})});K.displayName=`UITableFooterRow`;const q=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`thead`,{slot:`table-head`,className:(0,s.cn)(k(),e),...n,children:t}));q.displayName=`UITableHead`;const J=(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)(re(),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`})})]})]})]})})]})});J.displayName=`UITableHeadCellOption`;const Y=(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)(A({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)(J,{isPinned:t,isVisible:e,onLeftPin:f,onRightPin:f,onUnpin:f})]})});Y.displayName=`UITableHeadCell`;const X=(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)(M({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})})})});X.displayName=`UITableHeadCellSelect`;const Z=(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)(le(),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)(X,{isPinned:a,isLastCell:e.id===f,isAllRowsSelected:r,onToggleAllRowsSelected:c},e.id):(0,l.jsx)(Y,{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}`)})})});Z.displayName=`UITableHeadRow`;const Q=(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:ce(),style:{minWidth:i},...t,children:e})});Q.displayName=`UITableInnerTable`;const ge=(0,o.memo)(({children:e,...t})=>{let{innerWrapperId:n}=p();return(0,l.jsx)(`div`,{id:n,slot:`table-inner-wrapper`,className:se(),...t,children:e})});ge.displayName=`UITableInnerWrapper`;const _e=(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:I({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});_e.displayName=`UITableLoadMore`;const ve=(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:j(),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)(z,{"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)(H,{"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)(R,{"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}`)})})});ve.displayName=`UITableRow`;const ye=[`tooltip`,`summaryBar`,`container`,`analysisPanel`];function be(e){if(!(0,o.isValidElement)(e))return;let t=e.type?.displayName;return ye.find(e=>B[e]===t)}const xe=(0,o.memo)(({className:e,children:t,style:n,...r})=>{let i=new Map,a=[];o.Children.forEach(t,e=>{let t=be(e);t?i.set(t,e):a.push(e)});let c=ye.filter(e=>i.has(e)),u=[...c.map(e=>e===`container`?`minmax(10rem,1fr)`:`auto`),...a.length>0?[`auto`]:[]].join(` `);return(0,l.jsxs)(`div`,{slot:`table-wrapper`,className:(0,s.cn)(ae(),e),style:{...n,gridTemplateRows:u},...r,children:[c.map((e,t)=>(0,l.jsx)(`div`,{"data-slot":V[e],className:oe(),style:{gridRow:t+1},children:i.get(e)},e)),a.length>0&&(0,l.jsx)(`div`,{"data-slot":V.extra,className:oe(),style:{gridRow:c.length+1},children:o.Children.toArray(a)})]})});xe.displayName=`UITableWrapper`;const Se=({children:e})=>{let{table:t,fetchMoreData:n}=C(),{rowSelectionState:r}=y(),{rows:a}=t.getRowModel();return(0,l.jsxs)(i.ResizablePanelGroup,{direction:`horizontal`,style:{direction:t.options.columnResizeDirection},className:`relative flex h-full w-full max-w-full min-h-0 min-w-0 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)(ge,{children:[(0,l.jsxs)(Q,{children:[(0,l.jsx)(q,{children:t.getHeaderGroups().map(e=>(0,l.jsx)(Z,{headerGroup:e},e.id))}),(0,l.jsxs)(L,{children:[a.map((e,t)=>(0,l.jsx)(ve,{row:e,isSelected:r[e.id]===!0,rowIndex:t},e.id)),n&&(0,l.jsx)(_e,{fetchMoreData:n})]}),(0,l.jsx)(me,{})]}),(0,l.jsx)(U,{})]})}),e&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.ResizableHandle,{}),e]})]})};Se.displayName=`UITableContainer`;function Ce(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 we=(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})});we.displayName=`UITableInnerWrapperProvider`;const Te=(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})});Te.displayName=`UITableInnerTableProvider`;const Ee=(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})});Ee.displayName=`UITableHeadRowProvider`;const De=(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})});De.displayName=`UITableBodyProvider`;const Oe=(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})});Oe.displayName=`UITableRowProvider`;const ke=({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:C,summary:w=[],onSummaryItemClick:T,showAnalysisPanel:E=!1,description:D,headerActions:O,children:re})=>{let ie=(0,o.useId)(),ae=(0,o.useId)(),oe=(0,o.useRef)(null),[se,ce]=(0,o.useState)(!1),[k,le]=(0,o.useState)(!0),[A,ue]=(0,o.useState)({}),[j,M]=(0,o.useState)({right:f,left:[`select`,...d]}),[de,fe]=(0,o.useState)({}),[N,P]=(0,o.useState)([]),pe=(0,o.useCallback)(e=>(ue(e),h?.(e instanceof Function?e(A):e),e),[A,h]),F=(0,o.useCallback)(e=>{M(e),g?.(e instanceof Function?e(j):e)},[j,g]),I=(0,o.useCallback)(e=>{let t=x.find(t=>t.id===e);if(!t)return;let n={id:`${e}-${crypto.randomUUID()}`,definitionId:e,value:Ce(t.type)};P(e=>{let t=[...e,n];return C?.(t),t})},[x,C]),L=(0,o.useCallback)(e=>{P(t=>{let n=t.filter(t=>t.id!==e);return C?.(n),n})},[C]),R=(0,o.useCallback)((e,t)=>{P(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return C?.(r),r})},[C]),z=(0,o.useMemo)(()=>({filterDefinitions:x,activeFilters:N,addFilter:I,removeFilter:L,updateFilter:R}),[x,N,I,L,R]),B=(0,u.useReactTable)({data:a,columns:s,state:{rowSelection:A,columnPinning:j,expanded:de},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:pe,onColumnPinningChange:F,onExpandedChange:fe}),V=(0,o.useMemo)(()=>{let{rows:e}=B.getRowModel();return e},[B.getRowModel().rows,B.getState().columnPinning]),H=(0,o.useMemo)(()=>!t&&!n&&V.length===0,[V,t,n]),me=(0,o.useMemo)(()=>({title:e,table:B,isEmpty:H,isFetching:t,isRefetching:n,isLoading:r,loadingDisplayRow:i,totalRows:c,fetchMoreData:_,emptyDisplayHeight:v,csvData:y,csvFileName:b,summary:w,onSummaryItemClick:T,showAnalysisPanel:E,description:D,headerActions:O}),[e,B,H,n,t,r,i,c,_,v,B.getState().columnPinning,B.getState().expanded,y,b,w,T,E,D,O]),U=(0,o.useMemo)(()=>B.getState(),[B.getState()]),W=(0,o.useMemo)(()=>B.getIsAllRowsSelected(),[B.getIsAllRowsSelected()]),he=(0,o.useMemo)(()=>U.rowSelection,[U.rowSelection]),G=(0,o.useMemo)(()=>U.columnPinning,[U.columnPinning]),K=(0,o.useMemo)(()=>B.getLeftHeaderGroups()[0]?.headers||[],[B.getState().columnPinning]),q=(0,o.useMemo)(()=>B.getRightHeaderGroups()[0]?.headers||[],[B.getState().columnPinning]),J=(0,o.useMemo)(()=>B.getTotalSize(),[B.getTotalSize()]),Y=(0,o.useCallback)(()=>ce(e=>!e),[]),X=(0,o.useMemo)(()=>({isOpen:se,toggle:Y}),[se,Y]),Z=(0,o.useCallback)(()=>le(e=>!e),[]),Q=(0,o.useMemo)(()=>({isOpen:k,toggle:Z}),[k,Z]);return(0,l.jsx)(te.Provider,{value:X,children:(0,l.jsx)(ne.Provider,{value:Q,children:(0,l.jsx)(ee.Provider,{value:z,children:(0,l.jsx)(S.Provider,{value:me,children:(0,l.jsx)(we,{innerWrapperId:ie,children:(0,l.jsx)(Te,{table:B,innerTableId:ae,totalSize:J,tableRef:oe,children:(0,l.jsx)(Ee,{isAllRowsSelected:W,columnPinningState:G,leftPinnedHeaders:K,rightPinnedHeaders:q,onToggleAllRowsSelected:B.toggleAllRowsSelected,children:(0,l.jsx)(De,{isFetching:t,isRefetching:n,isEmpty:H,rowSelectionState:he,children:(0,l.jsx)(Oe,{keyOfClickRow:p,isAllRowsSelected:W,columnPinningState:G,leftPinnedHeaders:K,rightPinnedHeaders:q,onClickRow:m,children:re})})})})})})})})})};function $(e){let t=(0,o.lazy)(e);return e=>(0,l.jsx)(o.Suspense,{fallback:null,children:(0,l.jsx)(t,{...e})})}const Ae=$(()=>Promise.resolve().then(()=>require("./avatar-name-display-CLi1DJUs.cjs")).then(e=>({default:e.UITableAvatarNameDisplay}))),je=$(()=>Promise.resolve().then(()=>require("./badge-display-C1_Fc3Sj.cjs")).then(e=>({default:e.UITableBadgeDisplay}))),Me=$(()=>Promise.resolve().then(()=>require("./boolean-display-DUA-6Q13.cjs")).then(e=>({default:e.UITableBooleanDisplay}))),Ne=$(()=>Promise.resolve().then(()=>require("./currency-display-DefLJLqL.cjs")).then(e=>({default:e.UITableCurrencyDisplay}))),Pe=$(()=>Promise.resolve().then(()=>require("./date-display-CkPBLlWz.cjs")).then(e=>({default:e.UITableDateDisplay}))),Fe=$(()=>Promise.resolve().then(()=>require("./description-display-DeEwppdC.cjs")).then(e=>({default:e.UITableDescriptionDisplay}))),Ie=$(()=>Promise.resolve().then(()=>require("./edit-button-0_FLZoT3.cjs")).then(e=>({default:e.UITableEditButton}))),Le=$(()=>Promise.resolve().then(()=>require("./email-display-BXw4IbbW.cjs")).then(e=>({default:e.UITableEmailDisplay}))),Re=$(()=>Promise.resolve().then(()=>require("./list-display-CJvQ-wwT.cjs")).then(e=>({default:e.UITableListDisplay}))),ze=$(()=>Promise.resolve().then(()=>require("./more-button-RYvZgYiu.cjs")).then(e=>({default:e.UITableMoreButton}))),Be=$(()=>Promise.resolve().then(()=>require("./name-display-Br7rcdqi.cjs")).then(e=>({default:e.UITableNameDisplay}))),Ve=$(()=>Promise.resolve().then(()=>require("./permalink-DCvWlrAT.cjs")).then(e=>({default:e.UITablePermalink}))),He=$(()=>Promise.resolve().then(()=>require("./phone-number-YzmDmFBU.cjs")).then(e=>({default:e.UITablePhoneNumberDisplay}))),Ue=$(()=>Promise.resolve().then(()=>require("./progress-display-57LT7U37.cjs")).then(e=>({default:e.UITableProgressDisplay}))),We=$(()=>Promise.resolve().then(()=>require("./remove-button-B3qFw-M5.cjs")).then(e=>({default:e.UITableRemoveButton}))),Ge=$(()=>Promise.resolve().then(()=>require("./statistic-CXBTEgKI.cjs")).then(e=>({default:e.UITableStatisticDisplay}))),Ke=$(()=>Promise.resolve().then(()=>require("./status-display-EVwkPrm6.cjs")).then(e=>({default:e.UITableStatusDisplay}))),qe=$(()=>Promise.resolve().then(()=>require("./toggle-button-Dq78v8cH.cjs")).then(e=>({default:e.UITableToggleButton}))),Je=$(()=>Promise.resolve().then(()=>require("./user-Dn53Fu5q.cjs")).then(e=>({default:e.UITableUserDataDisplay}))),Ye=$(()=>Promise.resolve().then(()=>require("./filter-DQEjSnOP.cjs")).then(e=>({default:e.UITableFilter}))),Xe=$(()=>Promise.resolve().then(()=>require("./analysis-panel-B4ynYuwg.cjs")).then(e=>({default:e.UITableAnalysisPanel})));Xe.displayName=`UITableAnalysisPanel`;const Ze=$(()=>Promise.resolve().then(()=>require("./summary-bar-D36n4fox.cjs")).then(e=>({default:e.UITableSummaryBar})));Ze.displayName=`UITableSummaryBar`;const Qe=$(()=>Promise.resolve().then(()=>require("./tooltip-CUyGXE9e.cjs")).then(e=>({default:e.UITableTooltip})));Qe.displayName=`UITableTooltip`;const $e=$(()=>Promise.resolve().then(()=>require("./tooltip-CUyGXE9e.cjs")).then(e=>({default:e.UITableTooltipFilter}))),et=$(()=>Promise.resolve().then(()=>require("./tooltip-CUyGXE9e.cjs")).then(e=>({default:e.UITableTooltipActions})));Object.defineProperty(exports,"A",{enumerable:!0,get:function(){return _e}}),Object.defineProperty(exports,"B",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return et}}),Object.defineProperty(exports,"D",{enumerable:!0,get:function(){return Se}}),Object.defineProperty(exports,"E",{enumerable:!0,get:function(){return ke}}),Object.defineProperty(exports,"F",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"G",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"H",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"I",{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,"J",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"K",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"L",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"M",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"N",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"O",{enumerable:!0,get:function(){return xe}}),Object.defineProperty(exports,"P",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"Q",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"R",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return Qe}}),Object.defineProperty(exports,"T",{enumerable:!0,get:function(){return Je}}),Object.defineProperty(exports,"U",{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,"V",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"W",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"X",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"Y",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"Z",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return We}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return Ne}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return Ze}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return Ie}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return Re}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return ze}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return Ue}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return He}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return Me}}),Object.defineProperty(exports,"j",{enumerable:!0,get:function(){return ge}}),Object.defineProperty(exports,"k",{enumerable:!0,get:function(){return ve}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return Le}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return Ve}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Ae}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return Pe}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return Be}}),Object.defineProperty(exports,"q",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return je}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return Fe}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Xe}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return Ye}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return Ge}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return $e}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return qe}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return Ke}}),Object.defineProperty(exports,"z",{enumerable:!0,get:function(){return he}});
+//# sourceMappingURL=tables-DdLEj1dI.cjs.map