@customafk/lunas-ui 0.2.66 → 0.2.68

package/dist/{tables-7aC9WFs9.cjs → tables-B1O9qy-m.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),ne=()=>{let e=(0,o.use)(te);if(!e)throw Error(`useUITableFilterContext must be used within a UITableProvider`);return e},re=(0,o.createContext)(null),C=()=>{let e=(0,o.use)(re);if(!e)throw Error(`useUITableAnalysisContext must be used within a UITableProvider`);return e},w=(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`]),T=(0,c.cva)([`sticky left-0 flex flex-1 items-center justify-center bg-transparent text-text-positive-weak opacity-100`]),E=(0,c.cva)([`relative m-0 flex size-full flex-col flex-nowrap items-start justify-start gap-2`]),ie=(0,c.cva)([`relative w-full flex-1 min-h-0 overflow-auto border-b border-b-border border-l border-l-border`]),ae=(0,c.cva)([`grid w-full table-fixed caption-bottom border-collapse border-spacing-0 flex-col content-start`]),oe=(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`]),D=(0,c.cva)([`flex`]),se=(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:`border-r border-r-border`},{isPinned:`right`,isFirstCell:!0,className:`border-l border-l-border`}]}),O=(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`]),k=(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`}},defaultVariants:{isPinned:void 0}}),j=(0,c.cva)([`sticky border-r-0! inset-y-0 right-0 z-30 flex items-center pr-4 group-hover:bg-muted-muted!`]),M=(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:`border-r border-r-border`},{isPinned:`right`,isFirstCell:!0,className:`border-l border-l-border`}]}),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`]),F=(0,c.cva)([`flex w-full`,`text-[13px] font-medium text-text-positive-weak`]),I=(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:``}}}),ce=(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)(O(),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:s,...c})=>{let{innerTableId:d,table:f}=h(),p=(0,o.useRef)(null),m=(0,o.useRef)(null),g=(0,o.useMemo)(()=>{let t=a?.getStart(`left`);return e===`left`&&typeof t==`number`?`${t}px`:void 0},[e,a]),_=(0,o.useMemo)(()=>{let t=a?.getAfter(`right`);return e===`right`&&typeof t==`number`?`${t}px`:void 0},[e,a]),v=(0,o.useMemo)(()=>`calc(var(--col-${r}-size) * 1px)`,[r]),y=(0,o.useMemo)(()=>a?.columnDef.minSize?`calc(var(--col-${r}-minSize) * 1px)`:void 0,[r,a]),b=(0,o.useMemo)(()=>a?.columnDef.maxSize?`calc(var(--col-${r}-maxSize) * 1px)`:void 0,[r,a]),x=(0,o.useMemo)(()=>(0,u.flexRender)(a?.columnDef.cell,s()),[a,s]);return(0,o.useEffect)(()=>{p.current=document.querySelector(`table[id="${d}"]`)},[d]),(0,o.useEffect)(()=>{if(!m.current)return;let e=m.current.scrollWidth,t=a?.getSize();t!=null&&e>t&&p.current instanceof HTMLTableElement&&typeof r==`string`&&a?.columnDef.meta?.fitContent&&f.setColumnSizing(t=>({...t,[r]:e+32}))},[r,a,f]),(0,l.jsx)(`td`,{slot:`table-body-cell`,"data-pinned":e,"data-lastcell":n||void 0,"data-firstcell":t||void 0,style:{left:g,right:_,width:v,minWidth:y,maxWidth:b},className:M({isPinned:e||void 0,isLastCell:n,isFirstCell:t}),...c,children:(0,l.jsx)(`div`,{ref:m,slot:`table-body-cell-inner`,className:N({position:i}),children:x})})});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:j(),...r,children:i})});z.displayName=`UITableCellActions`;const B=(0,o.memo)(({isPinned:e,isSelected:n=!1,className:r,onToggleRowSelected:i,...a})=>{let c=(0,o.useCallback)(e=>{i?.(!!e)},[i]);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}),r),...a,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:n,onCheckedChange:c})})})});B.displayName=`UITableCellSelect`;const V=(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)(O(),`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)(k(),`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:j(),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:M({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))})}),H=(0,o.memo)(()=>{let{isEmpty:e,emptyDisplayHeight:t}=S();return e?(0,l.jsx)(l.Fragment,{children:e&&(0,l.jsx)(`div`,{className:T(),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});H.displayName=`UITableEmptyDisplay`;const U=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`div`,{slot:`table-footer`,className:(0,s.cn)(P(),e),...n,children:t}));U.displayName=`UITableFooter`;function le(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 W(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 G=(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=W(u,t.id);e[t.id]=le(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:F(),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)(I({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:I({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:I({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)})})});G.displayName=`UITableFooterRow`;const K=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`thead`,{slot:`table-head`,className:(0,s.cn)(oe(),e),...n,children:t}));K.displayName=`UITableHead`;const q=(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)(w(),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`})})]})]})]})})]})});q.displayName=`UITableHeadCellOption`;const J=(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)(se({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)(q,{isPinned:t,isVisible:e,onLeftPin:f,onRightPin:f,onUnpin:f})]})});J.displayName=`UITableHeadCell`;const Y=(0,o.memo)(({isPinned:e,isAllRowsSelected:n,style:r,onToggleAllRowsSelected:i,...a})=>{let s=(0,o.useCallback)(e=>{i?.(!!e)},[i]);return(0,l.jsx)(`th`,{slot:`table-header-cell`,"data-pinned":!0,style:{left:0,zIndex:40,width:60,maxWidth:60},className:A({isPinned:e}),...a,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:n,onCheckedChange:s})})})});Y.displayName=`UITableHeadCellSelect`;const X=(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)(D(),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)(Y,{isPinned:a,isAllRowsSelected:r,onToggleAllRowsSelected:c},e.id):(0,l.jsx)(J,{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}`)})})});X.displayName=`UITableHeadRow`;const Z=(0,o.memo)(({children:e,...t})=>{let{table:n,innerTableId:r,totalSize:i}=h(),a=(0,o.useRef)(null);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:ae(),style:{minWidth:i},...t,children:e})});Z.displayName=`UITableInnerTable`;const Q=(0,o.memo)(({children:e,...t})=>{let{innerWrapperId:n}=p();return(0,l.jsx)(`div`,{id:n,slot:`table-inner-wrapper`,className:ie(),...t,children:e})});Q.displayName=`UITableInnerWrapper`;const ue=(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:ce({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});ue.displayName=`UITableLoadMore`;const de=(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:k(),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)(B,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:o,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}`)})})});de.displayName=`UITableRow`;const fe=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`div`,{slot:`table-wrapper`,className:(0,s.cn)(E(),e),...n,children:t}));fe.displayName=`UITableWrapper`;const pe=({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)(Q,{children:[(0,l.jsxs)(Z,{children:[(0,l.jsx)(K,{children:t.getHeaderGroups().map(e=>(0,l.jsx)(X,{headerGroup:e},e.id))}),(0,l.jsxs)(L,{children:[a.map((e,t)=>(0,l.jsx)(de,{row:e,isSelected:r[e.id]===!0,rowIndex:t},e.id)),n&&(0,l.jsx)(ue,{fetchMoreData:n})]}),(0,l.jsx)(V,{})]}),(0,l.jsx)(H,{})]})}),e&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.ResizableHandle,{}),e]})]})};function me(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 he=(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})});he.displayName=`UITableInnerWrapperProvider`;const ge=(0,o.memo)(({table:e,innerTableId:t,totalSize:n,children:r})=>{let i=(0,o.useMemo)(()=>({table:e,innerTableId:t,totalSize:n}),[e,t,n]);return(0,l.jsx)(m.Provider,{value:i,children:r})});ge.displayName=`UITableInnerTableProvider`;const _e=(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})});_e.displayName=`UITableHeadRowProvider`;const ve=(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,n,r]);return(0,l.jsx)(v.Provider,{value:a,children:i})});ve.displayName=`UITableBodyProvider`;const ye=(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})});ye.displayName=`UITableRowProvider`;const be=({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:ne=[],onSummaryItemClick:C,showAnalysisPanel:w=!1,description:T,headerActions:E,children:ie})=>{let ae=(0,o.useId)(),oe=(0,o.useId)(),[D,se]=(0,o.useState)(!1),[O,k]=(0,o.useState)({}),[A,j]=(0,o.useState)({right:f,left:[`select`,...d]}),[M,N]=(0,o.useState)({}),[P,F]=(0,o.useState)([]),I=(0,o.useCallback)(e=>(k(e),h?.(e instanceof Function?e(O):e),e),[O,h]),ce=(0,o.useCallback)(e=>{j(e),g?.(e instanceof Function?e(A):e)},[A,g]),L=(0,o.useCallback)(e=>{let t=x.find(t=>t.id===e);if(!t)return;let n={id:`${e}-${crypto.randomUUID()}`,definitionId:e,value:me(t.type)};F(e=>{let t=[...e,n];return S?.(t),t})},[x,S]),R=(0,o.useCallback)(e=>{F(t=>{let n=t.filter(t=>t.id!==e);return S?.(n),n})},[S]),z=(0,o.useCallback)((e,t)=>{F(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return S?.(r),r})},[S]),B=(0,o.useMemo)(()=>({filterDefinitions:x,activeFilters:P,addFilter:L,removeFilter:R,updateFilter:z}),[x,P,L,R,z]),V=(0,u.useReactTable)({data:a,columns:s,state:{rowSelection:O,columnPinning:A,expanded:M},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:I,onColumnPinningChange:ce,onExpandedChange:N}),H=(0,o.useMemo)(()=>{let{rows:e}=V.getRowModel();return e},[V.getRowModel().rows,V.getState().columnPinning]),U=(0,o.useMemo)(()=>!t&&!n&&H.length===0,[H,t,n]),le=(0,o.useMemo)(()=>({title:e,table:V,isEmpty:U,isFetching:t,isRefetching:n,isLoading:r,loadingDisplayRow:i,totalRows:c,fetchMoreData:_,emptyDisplayHeight:v,csvData:y,csvFileName:b,summary:ne,onSummaryItemClick:C,showAnalysisPanel:w,description:T,headerActions:E}),[e,V,U,n,t,r,i,c,_,v,V.getState().columnPinning,V.getState().expanded,y,b,ne,C,w,T,E]),W=(0,o.useMemo)(()=>V.getState(),[V.getState()]),G=(0,o.useMemo)(()=>V.getIsAllRowsSelected(),[V.getIsAllRowsSelected()]),K=(0,o.useMemo)(()=>W.rowSelection,[W.rowSelection]),q=(0,o.useMemo)(()=>W.columnPinning,[W.columnPinning]),J=(0,o.useMemo)(()=>V.getLeftHeaderGroups()[0]?.headers||[],[V.getState().columnPinning]),Y=(0,o.useMemo)(()=>V.getRightHeaderGroups()[0]?.headers||[],[V.getState().columnPinning]),X=(0,o.useMemo)(()=>V.getTotalSize(),[V.getTotalSize()]),Z=(0,o.useCallback)(()=>se(e=>!e),[]),Q=(0,o.useMemo)(()=>({isOpen:D,toggle:Z}),[D,Z]);return(0,l.jsx)(re.Provider,{value:Q,children:(0,l.jsx)(te.Provider,{value:B,children:(0,l.jsx)(ee.Provider,{value:le,children:(0,l.jsx)(he,{innerWrapperId:ae,children:(0,l.jsx)(ge,{table:V,innerTableId:oe,totalSize:X,children:(0,l.jsx)(_e,{isAllRowsSelected:G,columnPinningState:q,leftPinnedHeaders:J,rightPinnedHeaders:Y,onToggleAllRowsSelected:V.toggleAllRowsSelected,children:(0,l.jsx)(ve,{isFetching:t,isRefetching:n,isEmpty:U,rowSelectionState:K,children:(0,l.jsx)(ye,{keyOfClickRow:p,isAllRowsSelected:G,columnPinningState:q,leftPinnedHeaders:J,rightPinnedHeaders:Y,onClickRow:m,children:ie})})})})})})})})};function $(e){let t=(0,o.lazy)(e);return e=>(0,l.jsx)(o.Suspense,{fallback:null,children:(0,l.jsx)(t,{...e})})}const xe=$(()=>Promise.resolve().then(()=>require("./avatar-name-display-CLi1DJUs.cjs")).then(e=>({default:e.UITableAvatarNameDisplay}))),Se=$(()=>Promise.resolve().then(()=>require("./badge-display-9WXwgQgH.cjs")).then(e=>({default:e.UITableBadgeDisplay}))),Ce=$(()=>Promise.resolve().then(()=>require("./boolean-display-pmzYS-ND.cjs")).then(e=>({default:e.UITableBooleanDisplay}))),we=$(()=>Promise.resolve().then(()=>require("./currency-display-B91H66HM.cjs")).then(e=>({default:e.UITableCurrencyDisplay}))),Te=$(()=>Promise.resolve().then(()=>require("./date-display-odcC9NcB.cjs")).then(e=>({default:e.UITableDateDisplay}))),Ee=$(()=>Promise.resolve().then(()=>require("./description-display-CKe0j3q-.cjs")).then(e=>({default:e.UITableDescriptionDisplay}))),De=$(()=>Promise.resolve().then(()=>require("./edit-button-0_FLZoT3.cjs")).then(e=>({default:e.UITableEditButton}))),Oe=$(()=>Promise.resolve().then(()=>require("./email-display-BLt60GQ1.cjs")).then(e=>({default:e.UITableEmailDisplay}))),ke=$(()=>Promise.resolve().then(()=>require("./list-display-DEU6yFa9.cjs")).then(e=>({default:e.UITableListDisplay}))),Ae=$(()=>Promise.resolve().then(()=>require("./more-button-RYvZgYiu.cjs")).then(e=>({default:e.UITableMoreButton}))),je=$(()=>Promise.resolve().then(()=>require("./name-display-B6X52ip_.cjs")).then(e=>({default:e.UITableNameDisplay}))),Me=$(()=>Promise.resolve().then(()=>require("./permalink-DeeEKhfc.cjs")).then(e=>({default:e.UITablePermalink}))),Ne=$(()=>Promise.resolve().then(()=>require("./phone-number-DhThJwd6.cjs")).then(e=>({default:e.UITablePhoneNumberDisplay}))),Pe=$(()=>Promise.resolve().then(()=>require("./progress-display-Bp0xVhln.cjs")).then(e=>({default:e.UITableProgressDisplay}))),Fe=$(()=>Promise.resolve().then(()=>require("./remove-button-B3qFw-M5.cjs")).then(e=>({default:e.UITableRemoveButton}))),Ie=$(()=>Promise.resolve().then(()=>require("./statistic-BUGIRhL9.cjs")).then(e=>({default:e.UITableStatisticDisplay}))),Le=$(()=>Promise.resolve().then(()=>require("./status-display-DkI9UwAu.cjs")).then(e=>({default:e.UITableStatusDisplay}))),Re=$(()=>Promise.resolve().then(()=>require("./toggle-button-Dq78v8cH.cjs")).then(e=>({default:e.UITableToggleButton}))),ze=$(()=>Promise.resolve().then(()=>require("./user-Dn53Fu5q.cjs")).then(e=>({default:e.UITableUserDataDisplay}))),Be=$(()=>Promise.resolve().then(()=>require("./filter-Cmg6SHMu.cjs")).then(e=>({default:e.UITableFilter}))),Ve=$(()=>Promise.resolve().then(()=>require("./analysis-panel-DzsZKA9l.cjs")).then(e=>({default:e.UITableAnalysisPanel}))),He=$(()=>Promise.resolve().then(()=>require("./summary-bar-DTFVpBZn.cjs")).then(e=>({default:e.UITableSummaryBar}))),Ue=$(()=>Promise.resolve().then(()=>require("./tooltip-octglTPf.cjs")).then(e=>({default:e.UITableTooltip}))),We=$(()=>Promise.resolve().then(()=>require("./tooltip-octglTPf.cjs")).then(e=>({default:e.UITableTooltipFilter}))),Ge=$(()=>Promise.resolve().then(()=>require("./tooltip-octglTPf.cjs")).then(e=>({default:e.UITableTooltipActions})));Object.defineProperty(exports,"A",{enumerable:!0,get:function(){return ue}}),Object.defineProperty(exports,"B",{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return Ge}}),Object.defineProperty(exports,"D",{enumerable:!0,get:function(){return pe}}),Object.defineProperty(exports,"E",{enumerable:!0,get:function(){return be}}),Object.defineProperty(exports,"F",{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,"G",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"H",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"I",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"J",{enumerable:!0,get:function(){return ne}}),Object.defineProperty(exports,"K",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"L",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"M",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"N",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"O",{enumerable:!0,get:function(){return fe}}),Object.defineProperty(exports,"P",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"R",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return Ue}}),Object.defineProperty(exports,"T",{enumerable:!0,get:function(){return ze}}),Object.defineProperty(exports,"U",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"V",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"W",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"Y",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return Fe}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return we}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return He}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return De}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return ke}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return Ae}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return Pe}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return Ne}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return Ce}}),Object.defineProperty(exports,"j",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"k",{enumerable:!0,get:function(){return de}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return Oe}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return Me}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return xe}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return Te}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return je}}),Object.defineProperty(exports,"q",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return Se}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return Ee}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Ve}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return Be}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return Ie}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return We}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return Re}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return Le}}),Object.defineProperty(exports,"z",{enumerable:!0,get:function(){return U}});
-//# sourceMappingURL=tables-7aC9WFs9.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),ne=()=>{let e=(0,o.use)(te);if(!e)throw Error(`useUITableFilterContext must be used within a UITableProvider`);return e},re=(0,o.createContext)(null),C=()=>{let e=(0,o.use)(re);if(!e)throw Error(`useUITableAnalysisContext must be used within a UITableProvider`);return e},w=(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`]),T=(0,c.cva)([`sticky left-0 flex flex-1 items-center justify-center bg-transparent text-text-positive-weak opacity-100`]),E=(0,c.cva)([`relative m-0 flex size-full flex-col flex-nowrap items-start justify-start gap-2`]),ie=(0,c.cva)([`relative w-full flex-1 min-h-0 overflow-auto border-b border-b-border border-l border-l-border`]),ae=(0,c.cva)([`grid w-full table-fixed caption-bottom border-collapse border-spacing-0 flex-col content-start`]),oe=(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`]),D=(0,c.cva)([`flex`]),se=(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:`border-r border-r-border`},{isPinned:`right`,isFirstCell:!0,className:`border-l border-l-border`}]}),O=(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`]),k=(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`}},defaultVariants:{isPinned:void 0}}),j=(0,c.cva)([`sticky border-r-0! inset-y-0 right-0 z-30 flex items-center pr-4 group-hover:bg-muted-muted!`]),M=(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:`border-r border-r-border`},{isPinned:`right`,isFirstCell:!0,className:`border-l border-l-border`}]}),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`]),F=(0,c.cva)([`flex w-full`,`text-[13px] font-medium text-text-positive-weak`]),I=(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:``}}}),ce=(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)(O(),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:s,...c})=>{let{innerTableId:d,table:f}=h(),p=(0,o.useRef)(null),m=(0,o.useRef)(null),g=(0,o.useMemo)(()=>{let t=a?.getStart(`left`);return e===`left`&&typeof t==`number`?`${t}px`:void 0},[e,a]),_=(0,o.useMemo)(()=>{let t=a?.getAfter(`right`);return e===`right`&&typeof t==`number`?`${t}px`:void 0},[e,a]),v=(0,o.useMemo)(()=>`calc(var(--col-${r}-size) * 1px)`,[r]),y=(0,o.useMemo)(()=>a?.columnDef.minSize?`calc(var(--col-${r}-minSize) * 1px)`:void 0,[r,a]),b=(0,o.useMemo)(()=>a?.columnDef.maxSize?`calc(var(--col-${r}-maxSize) * 1px)`:void 0,[r,a]),x=(0,o.useMemo)(()=>(0,u.flexRender)(a?.columnDef.cell,s()),[a,s]);return(0,o.useEffect)(()=>{p.current=document.querySelector(`table[id="${d}"]`)},[d]),(0,o.useEffect)(()=>{if(!m.current)return;let e=m.current.scrollWidth,t=a?.getSize();t!=null&&e>t&&p.current instanceof HTMLTableElement&&typeof r==`string`&&a?.columnDef.meta?.fitContent&&f.setColumnSizing(t=>({...t,[r]:e+32}))},[r,a,f]),(0,l.jsx)(`td`,{slot:`table-body-cell`,"data-pinned":e,"data-lastcell":n||void 0,"data-firstcell":t||void 0,style:{left:g,right:_,width:v,minWidth:y,maxWidth:b},className:M({isPinned:e||void 0,isLastCell:n,isFirstCell:t}),...c,children:(0,l.jsx)(`div`,{ref:m,slot:`table-body-cell-inner`,className:N({position:i}),children:x})})});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:j(),...r,children:i})});z.displayName=`UITableCellActions`;const B=(0,o.memo)(({isPinned:e,isSelected:n=!1,className:r,onToggleRowSelected:i,...a})=>{let c=(0,o.useCallback)(e=>{i?.(!!e)},[i]);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}),r),...a,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:n,onCheckedChange:c})})})});B.displayName=`UITableCellSelect`;const V=(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)(O(),`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)(k(),`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:j(),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:M({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))})}),H=(0,o.memo)(()=>{let{isEmpty:e,emptyDisplayHeight:t}=S();return e?(0,l.jsx)(l.Fragment,{children:e&&(0,l.jsx)(`div`,{className:T(),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});H.displayName=`UITableEmptyDisplay`;const U=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`div`,{slot:`table-footer`,className:(0,s.cn)(P(),e),...n,children:t}));U.displayName=`UITableFooter`;function le(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 W(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 G=(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=W(u,t.id);e[t.id]=le(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:F(),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)(I({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:I({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:I({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)})})});G.displayName=`UITableFooterRow`;const K=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`thead`,{slot:`table-head`,className:(0,s.cn)(oe(),e),...n,children:t}));K.displayName=`UITableHead`;const q=(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)(w(),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`})})]})]})]})})]})});q.displayName=`UITableHeadCellOption`;const J=(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)(se({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)(q,{isPinned:t,isVisible:e,onLeftPin:f,onRightPin:f,onUnpin:f})]})});J.displayName=`UITableHeadCell`;const Y=(0,o.memo)(({isPinned:e,isAllRowsSelected:n,style:r,onToggleAllRowsSelected:i,...a})=>{let s=(0,o.useCallback)(e=>{i?.(!!e)},[i]);return(0,l.jsx)(`th`,{slot:`table-header-cell`,"data-pinned":!0,style:{left:0,zIndex:40,width:60,maxWidth:60},className:A({isPinned:e}),...a,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:n,onCheckedChange:s})})})});Y.displayName=`UITableHeadCellSelect`;const X=(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)(D(),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)(Y,{isPinned:a,isAllRowsSelected:r,onToggleAllRowsSelected:c},e.id):(0,l.jsx)(J,{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}`)})})});X.displayName=`UITableHeadRow`;const Z=(0,o.memo)(({children:e,...t})=>{let{table:n,innerTableId:r,totalSize:i}=h(),a=(0,o.useRef)(null);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:ae(),style:{minWidth:i},...t,children:e})});Z.displayName=`UITableInnerTable`;const Q=(0,o.memo)(({children:e,...t})=>{let{innerWrapperId:n}=p();return(0,l.jsx)(`div`,{id:n,slot:`table-inner-wrapper`,className:ie(),...t,children:e})});Q.displayName=`UITableInnerWrapper`;const ue=(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:ce({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});ue.displayName=`UITableLoadMore`;const de=(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:k(),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)(B,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:o,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}`)})})});de.displayName=`UITableRow`;const fe=(0,o.memo)(({className:e,children:t,...n})=>(0,l.jsx)(`div`,{slot:`table-wrapper`,className:(0,s.cn)(E(),e),...n,children:t}));fe.displayName=`UITableWrapper`;const pe=({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)(Q,{children:[(0,l.jsxs)(Z,{children:[(0,l.jsx)(K,{children:t.getHeaderGroups().map(e=>(0,l.jsx)(X,{headerGroup:e},e.id))}),(0,l.jsxs)(L,{children:[a.map((e,t)=>(0,l.jsx)(de,{row:e,isSelected:r[e.id]===!0,rowIndex:t},e.id)),n&&(0,l.jsx)(ue,{fetchMoreData:n})]}),(0,l.jsx)(V,{})]}),(0,l.jsx)(H,{})]})}),e&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.ResizableHandle,{}),e]})]})};function me(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 he=(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})});he.displayName=`UITableInnerWrapperProvider`;const ge=(0,o.memo)(({table:e,innerTableId:t,totalSize:n,children:r})=>{let i=(0,o.useMemo)(()=>({table:e,innerTableId:t,totalSize:n}),[e,t,n]);return(0,l.jsx)(m.Provider,{value:i,children:r})});ge.displayName=`UITableInnerTableProvider`;const _e=(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})});_e.displayName=`UITableHeadRowProvider`;const ve=(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})});ve.displayName=`UITableBodyProvider`;const ye=(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})});ye.displayName=`UITableRowProvider`;const be=({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:ne=[],onSummaryItemClick:C,showAnalysisPanel:w=!1,description:T,headerActions:E,children:ie})=>{let ae=(0,o.useId)(),oe=(0,o.useId)(),[D,se]=(0,o.useState)(!1),[O,k]=(0,o.useState)({}),[A,j]=(0,o.useState)({right:f,left:[`select`,...d]}),[M,N]=(0,o.useState)({}),[P,F]=(0,o.useState)([]),I=(0,o.useCallback)(e=>(k(e),h?.(e instanceof Function?e(O):e),e),[O,h]),ce=(0,o.useCallback)(e=>{j(e),g?.(e instanceof Function?e(A):e)},[A,g]),L=(0,o.useCallback)(e=>{let t=x.find(t=>t.id===e);if(!t)return;let n={id:`${e}-${crypto.randomUUID()}`,definitionId:e,value:me(t.type)};F(e=>{let t=[...e,n];return S?.(t),t})},[x,S]),R=(0,o.useCallback)(e=>{F(t=>{let n=t.filter(t=>t.id!==e);return S?.(n),n})},[S]),z=(0,o.useCallback)((e,t)=>{F(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return S?.(r),r})},[S]),B=(0,o.useMemo)(()=>({filterDefinitions:x,activeFilters:P,addFilter:L,removeFilter:R,updateFilter:z}),[x,P,L,R,z]),V=(0,u.useReactTable)({data:a,columns:s,state:{rowSelection:O,columnPinning:A,expanded:M},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:I,onColumnPinningChange:ce,onExpandedChange:N}),H=(0,o.useMemo)(()=>{let{rows:e}=V.getRowModel();return e},[V.getRowModel().rows,V.getState().columnPinning]),U=(0,o.useMemo)(()=>!t&&!n&&H.length===0,[H,t,n]),le=(0,o.useMemo)(()=>({title:e,table:V,isEmpty:U,isFetching:t,isRefetching:n,isLoading:r,loadingDisplayRow:i,totalRows:c,fetchMoreData:_,emptyDisplayHeight:v,csvData:y,csvFileName:b,summary:ne,onSummaryItemClick:C,showAnalysisPanel:w,description:T,headerActions:E}),[e,V,U,n,t,r,i,c,_,v,V.getState().columnPinning,V.getState().expanded,y,b,ne,C,w,T,E]),W=(0,o.useMemo)(()=>V.getState(),[V.getState()]),G=(0,o.useMemo)(()=>V.getIsAllRowsSelected(),[V.getIsAllRowsSelected()]),K=(0,o.useMemo)(()=>W.rowSelection,[W.rowSelection]),q=(0,o.useMemo)(()=>W.columnPinning,[W.columnPinning]),J=(0,o.useMemo)(()=>V.getLeftHeaderGroups()[0]?.headers||[],[V.getState().columnPinning]),Y=(0,o.useMemo)(()=>V.getRightHeaderGroups()[0]?.headers||[],[V.getState().columnPinning]),X=(0,o.useMemo)(()=>V.getTotalSize(),[V.getTotalSize()]),Z=(0,o.useCallback)(()=>se(e=>!e),[]),Q=(0,o.useMemo)(()=>({isOpen:D,toggle:Z}),[D,Z]);return(0,l.jsx)(re.Provider,{value:Q,children:(0,l.jsx)(te.Provider,{value:B,children:(0,l.jsx)(ee.Provider,{value:le,children:(0,l.jsx)(he,{innerWrapperId:ae,children:(0,l.jsx)(ge,{table:V,innerTableId:oe,totalSize:X,children:(0,l.jsx)(_e,{isAllRowsSelected:G,columnPinningState:q,leftPinnedHeaders:J,rightPinnedHeaders:Y,onToggleAllRowsSelected:V.toggleAllRowsSelected,children:(0,l.jsx)(ve,{isFetching:t,isRefetching:n,isEmpty:U,rowSelectionState:K,children:(0,l.jsx)(ye,{keyOfClickRow:p,isAllRowsSelected:G,columnPinningState:q,leftPinnedHeaders:J,rightPinnedHeaders:Y,onClickRow:m,children:ie})})})})})})})})};function $(e){let t=(0,o.lazy)(e);return e=>(0,l.jsx)(o.Suspense,{fallback:null,children:(0,l.jsx)(t,{...e})})}const xe=$(()=>Promise.resolve().then(()=>require("./avatar-name-display-CLi1DJUs.cjs")).then(e=>({default:e.UITableAvatarNameDisplay}))),Se=$(()=>Promise.resolve().then(()=>require("./badge-display-Bs0QeCJt.cjs")).then(e=>({default:e.UITableBadgeDisplay}))),Ce=$(()=>Promise.resolve().then(()=>require("./boolean-display-BnN32_Jd.cjs")).then(e=>({default:e.UITableBooleanDisplay}))),we=$(()=>Promise.resolve().then(()=>require("./currency-display-CZ6PJAzu.cjs")).then(e=>({default:e.UITableCurrencyDisplay}))),Te=$(()=>Promise.resolve().then(()=>require("./date-display-BQOVmN7S.cjs")).then(e=>({default:e.UITableDateDisplay}))),Ee=$(()=>Promise.resolve().then(()=>require("./description-display-DnDAB3a1.cjs")).then(e=>({default:e.UITableDescriptionDisplay}))),De=$(()=>Promise.resolve().then(()=>require("./edit-button-0_FLZoT3.cjs")).then(e=>({default:e.UITableEditButton}))),Oe=$(()=>Promise.resolve().then(()=>require("./email-display-D6ZgA_en.cjs")).then(e=>({default:e.UITableEmailDisplay}))),ke=$(()=>Promise.resolve().then(()=>require("./list-display-BQjNDttz.cjs")).then(e=>({default:e.UITableListDisplay}))),Ae=$(()=>Promise.resolve().then(()=>require("./more-button-RYvZgYiu.cjs")).then(e=>({default:e.UITableMoreButton}))),je=$(()=>Promise.resolve().then(()=>require("./name-display-scAMZdyr.cjs")).then(e=>({default:e.UITableNameDisplay}))),Me=$(()=>Promise.resolve().then(()=>require("./permalink-DeeEKhfc.cjs")).then(e=>({default:e.UITablePermalink}))),Ne=$(()=>Promise.resolve().then(()=>require("./phone-number-DhThJwd6.cjs")).then(e=>({default:e.UITablePhoneNumberDisplay}))),Pe=$(()=>Promise.resolve().then(()=>require("./progress-display-B45TkUcr.cjs")).then(e=>({default:e.UITableProgressDisplay}))),Fe=$(()=>Promise.resolve().then(()=>require("./remove-button-B3qFw-M5.cjs")).then(e=>({default:e.UITableRemoveButton}))),Ie=$(()=>Promise.resolve().then(()=>require("./statistic-BHCSCw9Q.cjs")).then(e=>({default:e.UITableStatisticDisplay}))),Le=$(()=>Promise.resolve().then(()=>require("./status-display-BRJX53bQ.cjs")).then(e=>({default:e.UITableStatusDisplay}))),Re=$(()=>Promise.resolve().then(()=>require("./toggle-button-Dq78v8cH.cjs")).then(e=>({default:e.UITableToggleButton}))),ze=$(()=>Promise.resolve().then(()=>require("./user-Dn53Fu5q.cjs")).then(e=>({default:e.UITableUserDataDisplay}))),Be=$(()=>Promise.resolve().then(()=>require("./filter-Bb9_Blk3.cjs")).then(e=>({default:e.UITableFilter}))),Ve=$(()=>Promise.resolve().then(()=>require("./analysis-panel-UlC7cvO2.cjs")).then(e=>({default:e.UITableAnalysisPanel}))),He=$(()=>Promise.resolve().then(()=>require("./summary-bar-DjdtmsIY.cjs")).then(e=>({default:e.UITableSummaryBar}))),Ue=$(()=>Promise.resolve().then(()=>require("./tooltip-DVK6xfZ1.cjs")).then(e=>({default:e.UITableTooltip}))),We=$(()=>Promise.resolve().then(()=>require("./tooltip-DVK6xfZ1.cjs")).then(e=>({default:e.UITableTooltipFilter}))),Ge=$(()=>Promise.resolve().then(()=>require("./tooltip-DVK6xfZ1.cjs")).then(e=>({default:e.UITableTooltipActions})));Object.defineProperty(exports,"A",{enumerable:!0,get:function(){return ue}}),Object.defineProperty(exports,"B",{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return Ge}}),Object.defineProperty(exports,"D",{enumerable:!0,get:function(){return pe}}),Object.defineProperty(exports,"E",{enumerable:!0,get:function(){return be}}),Object.defineProperty(exports,"F",{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,"G",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"H",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"I",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"J",{enumerable:!0,get:function(){return ne}}),Object.defineProperty(exports,"K",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"L",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"M",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"N",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"O",{enumerable:!0,get:function(){return fe}}),Object.defineProperty(exports,"P",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"R",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return Ue}}),Object.defineProperty(exports,"T",{enumerable:!0,get:function(){return ze}}),Object.defineProperty(exports,"U",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"V",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"W",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"Y",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return Fe}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return we}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return He}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return De}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return ke}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return Ae}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return Pe}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return Ne}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return Ce}}),Object.defineProperty(exports,"j",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"k",{enumerable:!0,get:function(){return de}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return Oe}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return Me}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return xe}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return Te}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return je}}),Object.defineProperty(exports,"q",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return Se}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return Ee}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Ve}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return Be}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return Ie}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return We}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return Re}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return Le}}),Object.defineProperty(exports,"z",{enumerable:!0,get:function(){return U}});
+//# sourceMappingURL=tables-B1O9qy-m.cjs.map