@customafk/lunas-ui 0.2.80 → 0.2.81
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{analysis-panel-Bg0lCfWv.cjs → analysis-panel-DYF2CmAH.cjs} +2 -2
- package/dist/{analysis-panel-Bg0lCfWv.cjs.map → analysis-panel-DYF2CmAH.cjs.map} +1 -1
- package/dist/{analysis-panel-Cop-l4lx.mjs → analysis-panel-_s1fgcZC.mjs} +2 -2
- package/dist/{analysis-panel-Cop-l4lx.mjs.map → analysis-panel-_s1fgcZC.mjs.map} +1 -1
- package/dist/{badge-BPiU1Ss2.d.cts → badge-C_KLKwiS.d.cts} +2 -2
- package/dist/{badge-BPiU1Ss2.d.mts → badge-C_KLKwiS.d.mts} +2 -2
- package/dist/{badge-display-B0BKsU9T.mjs → badge-display-D6d7wTEE.mjs} +2 -2
- package/dist/{badge-display-B0BKsU9T.mjs.map → badge-display-D6d7wTEE.mjs.map} +1 -1
- package/dist/{badge-display-Dv2UTvzp.cjs → badge-display-DWzSl3rs.cjs} +2 -2
- package/dist/{badge-display-Dv2UTvzp.cjs.map → badge-display-DWzSl3rs.cjs.map} +1 -1
- package/dist/{boolean-display-CPX7H39m.cjs → boolean-display-C5GIuWnc.cjs} +2 -2
- package/dist/{boolean-display-CPX7H39m.cjs.map → boolean-display-C5GIuWnc.cjs.map} +1 -1
- package/dist/{boolean-display-CMX5AupA.mjs → boolean-display-Wko_5Jd5.mjs} +2 -2
- package/dist/{boolean-display-CMX5AupA.mjs.map → boolean-display-Wko_5Jd5.mjs.map} +1 -1
- package/dist/{button-BnoPktln.d.cts → button-CnKmz4qM.d.cts} +3 -3
- package/dist/{button-BnoPktln.d.mts → button-CnKmz4qM.d.mts} +3 -3
- package/dist/{calendar-BkV5hTX2.d.mts → calendar-BT6-Fo3T.d.mts} +2 -2
- package/dist/{calendar-iDMPT1kI.d.cts → calendar-D_QmR9VE.d.cts} +2 -2
- package/dist/{carousel-D7VXWJ3S.d.mts → carousel-BBI4xPdK.d.mts} +2 -2
- package/dist/{carousel-bBvM31sh.d.cts → carousel-B_IXlBdH.d.cts} +2 -2
- package/dist/{currency-display-CanjOswc.mjs → currency-display-BGkpGtN_.mjs} +2 -2
- package/dist/{currency-display-CanjOswc.mjs.map → currency-display-BGkpGtN_.mjs.map} +1 -1
- package/dist/{currency-display-xxK62yo4.cjs → currency-display-Bbh5InhV.cjs} +2 -2
- package/dist/{currency-display-xxK62yo4.cjs.map → currency-display-Bbh5InhV.cjs.map} +1 -1
- package/dist/{date-display-DMPhFq8v.cjs → date-display-D38qvsh2.cjs} +2 -2
- package/dist/{date-display-DMPhFq8v.cjs.map → date-display-D38qvsh2.cjs.map} +1 -1
- package/dist/{date-display-YE8NIIrl.mjs → date-display-DXyb-Ai2.mjs} +2 -2
- package/dist/{date-display-YE8NIIrl.mjs.map → date-display-DXyb-Ai2.mjs.map} +1 -1
- package/dist/{description-display-B4KoH6ql.mjs → description-display-BwBMrRAi.mjs} +2 -2
- package/dist/{description-display-B4KoH6ql.mjs.map → description-display-BwBMrRAi.mjs.map} +1 -1
- package/dist/{description-display-jmAaeMBD.cjs → description-display-DIeHy7ll.cjs} +2 -2
- package/dist/{description-display-jmAaeMBD.cjs.map → description-display-DIeHy7ll.cjs.map} +1 -1
- package/dist/dialogs/detail-dialog/components/sidebar.d.cts +1 -1
- package/dist/dialogs/detail-dialog/components/sidebar.d.mts +1 -1
- package/dist/{email-display-D_k7AUmp.mjs → email-display-Be3b-kDL.mjs} +2 -2
- package/dist/{email-display-D_k7AUmp.mjs.map → email-display-Be3b-kDL.mjs.map} +1 -1
- package/dist/{email-display-CzvqQMhG.cjs → email-display-_FRE2qcO.cjs} +2 -2
- package/dist/{email-display-CzvqQMhG.cjs.map → email-display-_FRE2qcO.cjs.map} +1 -1
- package/dist/features/descriptions/index.d.cts +1 -1
- package/dist/features/descriptions/index.d.mts +1 -1
- package/dist/features/tables/index.cjs +1 -1
- package/dist/features/tables/index.d.cts +1 -1
- package/dist/features/tables/index.d.mts +1 -1
- package/dist/features/tables/index.mjs +1 -1
- package/dist/filter-C2wE49q7.mjs +2 -0
- package/dist/{filter-BCNjqiBx.mjs.map → filter-C2wE49q7.mjs.map} +1 -1
- package/dist/filter-z7p4lRp8.cjs +2 -0
- package/dist/{filter-B5EnnL9I.cjs.map → filter-z7p4lRp8.cjs.map} +1 -1
- package/dist/{index-BMuVmm7f.d.mts → index-BSj8azta.d.cts} +2 -2
- package/dist/{index-CLx89ATZ.d.cts → index-CEmVk1zP.d.mts} +2 -2
- package/dist/{index-DiloQ0Ev.d.mts → index-CjiDR-94.d.mts} +12 -11
- package/dist/{index-DmrQBf4E.d.cts → index-DqAbPipJ.d.cts} +12 -11
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +9 -9
- package/dist/index.d.mts +9 -9
- package/dist/index.mjs +1 -1
- package/dist/{list-display-DPxZ_Jbf.cjs → list-display-BvKGl7uq.cjs} +2 -2
- package/dist/{list-display-DPxZ_Jbf.cjs.map → list-display-BvKGl7uq.cjs.map} +1 -1
- package/dist/{list-display-M43N3kle.mjs → list-display-CWQvIMUj.mjs} +2 -2
- package/dist/{list-display-M43N3kle.mjs.map → list-display-CWQvIMUj.mjs.map} +1 -1
- package/dist/{name-display-pWhLLS05.mjs → name-display-CnTRVqX4.mjs} +2 -2
- package/dist/{name-display-pWhLLS05.mjs.map → name-display-CnTRVqX4.mjs.map} +1 -1
- package/dist/{name-display-BJ1wPUnS.cjs → name-display-DfOtYp7d.cjs} +2 -2
- package/dist/{name-display-BJ1wPUnS.cjs.map → name-display-DfOtYp7d.cjs.map} +1 -1
- package/dist/{pagination-BRw-yZBY.d.cts → pagination-AxRzmAtZ.d.cts} +2 -2
- package/dist/{pagination-BlLiOvY9.d.mts → pagination-D12pR8_5.d.mts} +2 -2
- package/dist/{paragraph-CRo5eC7H.d.mts → paragraph-C5HE9u0Q.d.mts} +2 -2
- package/dist/{paragraph-CkCNIsvz.d.cts → paragraph-DJlHIDmk.d.cts} +2 -2
- package/dist/{permalink-CMcI__V4.cjs → permalink-29QzG9Xe.cjs} +2 -2
- package/dist/{permalink-CMcI__V4.cjs.map → permalink-29QzG9Xe.cjs.map} +1 -1
- package/dist/{permalink-BaMvnKIz.mjs → permalink-DhqOATLQ.mjs} +2 -2
- package/dist/{permalink-BaMvnKIz.mjs.map → permalink-DhqOATLQ.mjs.map} +1 -1
- package/dist/{phone-number-F9I9sNLK.cjs → phone-number-C2k8llhf.cjs} +2 -2
- package/dist/{phone-number-F9I9sNLK.cjs.map → phone-number-C2k8llhf.cjs.map} +1 -1
- package/dist/{phone-number-ao2oCmrO.mjs → phone-number-CQXrATQO.mjs} +2 -2
- package/dist/{phone-number-ao2oCmrO.mjs.map → phone-number-CQXrATQO.mjs.map} +1 -1
- package/dist/{progress-display-F8xXJ3T1.cjs → progress-display-B4WVzdJw.cjs} +2 -2
- package/dist/{progress-display-F8xXJ3T1.cjs.map → progress-display-B4WVzdJw.cjs.map} +1 -1
- package/dist/{progress-display-atwRFD6e.mjs → progress-display-DZb1qjfY.mjs} +2 -2
- package/dist/{progress-display-atwRFD6e.mjs.map → progress-display-DZb1qjfY.mjs.map} +1 -1
- package/dist/{resizable-CWmitx5U.d.cts → resizable-D61lvcIL.d.cts} +2 -2
- package/dist/{resizable-CWmitx5U.d.mts → resizable-D61lvcIL.d.mts} +2 -2
- package/dist/{statistic-CJVc9sNs.mjs → statistic-DoNUSe3e.mjs} +2 -2
- package/dist/{statistic-CJVc9sNs.mjs.map → statistic-DoNUSe3e.mjs.map} +1 -1
- package/dist/{statistic-B9OqfhOl.cjs → statistic-wnnjHsKj.cjs} +2 -2
- package/dist/{statistic-B9OqfhOl.cjs.map → statistic-wnnjHsKj.cjs.map} +1 -1
- package/dist/{status-display-DInGGgiP.mjs → status-display-CcihiYsH.mjs} +2 -2
- package/dist/{status-display-DInGGgiP.mjs.map → status-display-CcihiYsH.mjs.map} +1 -1
- package/dist/{status-display-DpKsYvZJ.cjs → status-display-DJ8fFqyX.cjs} +2 -2
- package/dist/{status-display-DpKsYvZJ.cjs.map → status-display-DJ8fFqyX.cjs.map} +1 -1
- package/dist/{summary-bar-DX_sOiuL.mjs → summary-bar-C4loKj1L.mjs} +2 -2
- package/dist/{summary-bar-DX_sOiuL.mjs.map → summary-bar-C4loKj1L.mjs.map} +1 -1
- package/dist/{summary-bar-DKZh-VSB.cjs → summary-bar-DK8glsr4.cjs} +2 -2
- package/dist/{summary-bar-DKZh-VSB.cjs.map → summary-bar-DK8glsr4.cjs.map} +1 -1
- package/dist/{tables-7_KgoyS-.mjs → tables-BTBtN1di.mjs} +2 -2
- package/dist/{tables-7_KgoyS-.mjs.map → tables-BTBtN1di.mjs.map} +1 -1
- package/dist/{tables-CS3NhgTc.cjs → tables-BzP8Cnvh.cjs} +2 -2
- package/dist/{tables-CS3NhgTc.cjs.map → tables-BzP8Cnvh.cjs.map} +1 -1
- package/dist/tooltip-BKcU3bMc.mjs +4 -0
- package/dist/tooltip-BKcU3bMc.mjs.map +1 -0
- package/dist/tooltip-CLjCwnTD.cjs +4 -0
- package/dist/tooltip-CLjCwnTD.cjs.map +1 -0
- package/dist/typography/paragraph.d.cts +1 -1
- package/dist/typography/paragraph.d.mts +1 -1
- package/dist/ui/badge.d.cts +1 -1
- package/dist/ui/badge.d.mts +1 -1
- package/dist/ui/button.d.cts +1 -1
- package/dist/ui/button.d.mts +1 -1
- package/dist/ui/calendar.d.cts +1 -1
- package/dist/ui/calendar.d.mts +1 -1
- package/dist/ui/carousel.d.cts +1 -1
- package/dist/ui/carousel.d.mts +1 -1
- package/dist/ui/pagination.d.cts +1 -1
- package/dist/ui/pagination.d.mts +1 -1
- package/dist/ui/resizable.d.cts +1 -1
- package/dist/ui/resizable.d.mts +1 -1
- package/package.json +1 -1
- package/dist/filter-B5EnnL9I.cjs +0 -2
- package/dist/filter-BCNjqiBx.mjs +0 -2
- package/dist/tooltip-BcQG6Zw9.cjs +0 -4
- package/dist/tooltip-BcQG6Zw9.cjs.map +0 -1
- package/dist/tooltip-C6flMQgc.mjs +0 -4
- package/dist/tooltip-C6flMQgc.mjs.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{Statistic as e}from"./data-display/statistic.mjs";import{Checkbox as t}from"./ui/checkbox.mjs";import{DropdownMenu as n,DropdownMenuContent as r,DropdownMenuGroup as i,DropdownMenuItem as a,DropdownMenuShortcut as o,DropdownMenuTrigger as s}from"./ui/dropdown-menu.mjs";import{Spinner as c}from"./ui/spinner.mjs";import{ResizableHandle as l,ResizablePanel as u,ResizablePanelGroup as d}from"./ui/resizable.mjs";import{AlertTriangle as f,BoxIcon as p,ChevronDown as m,EllipsisVerticalIcon as h,MinusIcon as g,MoveLeftIcon as _,MoveRightIcon as v,PinOffIcon as y}from"lucide-react";import{Activity as b,Suspense as x,createContext as S,lazy as ee,memo as C,use as w,useCallback as T,useEffect as E,useId as te,useMemo as D,useRef as ne,useState as O}from"react";import{cn as k}from"@customafk/react-toolkit/utils";import{cva as A}from"class-variance-authority";import{Fragment as j,jsx as M,jsxs as N}from"react/jsx-runtime";import{flexRender as P,getCoreRowModel as re,getExpandedRowModel as ie,getGroupedRowModel as ae,useReactTable as oe}from"@tanstack/react-table";const se=()=>N(`div`,{className:`flex gap-0 text-text-positive-weak`,children:[M(g,{size:16}),M(g,{size:16})]}),F=S(null),I=()=>{let e=w(F);if(!e)throw Error(`useTableInnerWrapperContext must be used within a TableInnerWrapperProvider`);return e},L=S(null),ce=()=>{let e=w(L);if(!e)throw Error(`useTableInnerTableContext must be used within a TableInnerTableProvider`);return e},R=S(null),le=()=>{let e=w(R);if(!e)throw Error(`useTableHeaderRowContext must be used within a TableHeaderRowProvider`);return e},z=S(null),B=()=>{let e=w(z);if(!e)throw Error(`useTableBodyContext must be used within a TableBodyProvider`);return e},ue=S(null),de=()=>{let e=w(ue);if(!e)throw Error(`useTableRowContext must be used within a TableRowProvider`);return e},fe=S(null),V=()=>{let e=w(fe);if(!e)throw Error(`useTableContext must be used within a TableProvider`);return e},pe=S(null),me=()=>{let e=w(pe);if(!e)throw Error(`useUITableFilterContext must be used within a UITableProvider`);return e},he=S(null),ge=()=>{let e=w(he);if(!e)throw Error(`useUITableAnalysisContext must be used within a UITableProvider`);return e},_e=S(null),ve=()=>{let e=w(_e);if(!e)throw Error(`useUITableSummaryContext must be used within a UITableProvider`);return e},H=`border-r! !border-r-border-strong/30`,U=`border-l! !border-l-border-strong/30`,W=A([`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`]),ye=A([`sticky left-0 flex flex-1 items-center justify-center bg-transparent text-text-positive-weak opacity-100`]),G=A([`relative m-0 flex size-full flex-col flex-nowrap items-start justify-start gap-2`]),K=A([`relative w-full flex-1 min-h-0 overflow-auto border-b border-b-border border-l border-l-border`]),be=A([`grid w-full table-fixed caption-bottom border-collapse border-spacing-0 flex-col content-start`]),q=A([`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`]),J=A([`flex`]),Y=A([`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:H},{isPinned:`right`,isFirstCell:!0,className:U}]}),xe=A([`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`]),X=A([`group transition-colors hover:bg-muted-muted hover:[&_td]:bg-muted-muted! [&_td]:border-r [&_td]:border-r-border`]),Z=A([`group-hover:bg-muted-muted!`],{variants:{isPinned:{left:`sticky`,right:`sticky`,false:`relative`},isLastCell:{true:``,false:``}},compoundVariants:[{isPinned:`left`,isLastCell:!0,className:H}],defaultVariants:{isPinned:void 0}}),Q=A([`sticky border-r-0! inset-y-0 right-0 z-30 flex items-center pr-4 group-hover:bg-muted-muted!`]),Se=A([`group-hover:bg-muted-muted!`],{variants:{isPinned:{left:``,right:``,false:``},isLastCell:{true:``,false:``},isFirstCell:{true:``,false:``}},compoundVariants:[{isPinned:`left`,isLastCell:!0,className:H},{isPinned:`right`,isFirstCell:!0,className:U}]}),Ce=A([`overflow-x-hidden`],{variants:{position:{start:`justify-start`,center:`justify-center`,end:`justify-end`}},defaultVariants:{position:`start`}}),we=A([`shrink-0 flex w-full justify-center border-t border-border-weak font-medium`]),Te=A([`flex w-full`,`text-[13px] font-medium text-text-positive-weak`]),Ee=A([`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:``}}}),De=A([`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`}}),Oe=C(({className:e,children:t,...n})=>{let{isFetching:r,isRefetching:i,isEmpty:a}=B();return a||r||i?null:M(`tbody`,{slot:`table-body`,className:k(xe(),e),...n,children:t})});Oe.displayName=`UITableBody`;const ke=C(({isPinned:e=!1,isFirstCell:t=!1,isLastCell:n=!1,colId:r,position:i=`start`,column:a,getContext:o,className:s,...c})=>{let{table:l,tableRef:u}=ce(),d=ne(null),f=D(()=>{let t=a?.getStart(`left`);return e===`left`&&typeof t==`number`?`${t}px`:void 0},[e,a]),p=D(()=>{let t=a?.getAfter(`right`);return e===`right`&&typeof t==`number`?`${t}px`:void 0},[e,a]),m=D(()=>`calc(var(--col-${r}-size) * 1px)`,[r]),h=D(()=>a?.columnDef.minSize?`calc(var(--col-${r}-minSize) * 1px)`:void 0,[r,a]),g=D(()=>a?.columnDef.maxSize?`calc(var(--col-${r}-maxSize) * 1px)`:void 0,[r,a]),_=D(()=>P(a?.columnDef.cell,o()),[a,o]);return E(()=>{if(!d.current)return;let e=d.current.scrollWidth,t=a?.getSize();t!=null&&e>t&&u.current instanceof HTMLTableElement&&typeof r==`string`&&a?.columnDef.meta?.fitContent&&l.setColumnSizing(t=>({...t,[r]:e+32}))},[r,a,l]),M(`td`,{slot:`table-body-cell`,"data-pinned":e,"data-lastcell":n||void 0,"data-firstcell":t||void 0,style:{left:f,right:p,width:m,minWidth:h,maxWidth:g},className:k(Se({isPinned:e||void 0,isLastCell:n,isFirstCell:t}),s),...c,children:M(`div`,{ref:d,slot:`table-body-cell-inner`,className:Ce({position:i}),children:_})})});ke.displayName=`UITableCell`;const Ae=C(({column:e,getContext:t,className:n,...r})=>{let i=D(()=>P(e?.columnDef.cell,t()),[e,t]);return M(`td`,{"data-col":`actions`,className:Q(),...r,children:i})});Ae.displayName=`UITableCellActions`;const je=C(({isPinned:e,isLastCell:n,isSelected:r=!1,className:i,onToggleRowSelected:a,...o})=>{let s=T(e=>{a?.(!!e)},[a]);return M(`td`,{slot:`table-body-cell`,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:k(Z({isPinned:e,isLastCell:n}),i),...o,children:M(`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:M(t,{"aria-label":`Select Row`,checked:r,onCheckedChange:s})})})});je.displayName=`UITableCellSelect`;const Me=C(()=>{let{table:e,isFetching:t,isRefetching:n,loadingDisplayRow:r=3}=V();return!t&&!n?null:M(`tbody`,{className:k(xe(),`pointer-events-none`),children:Array.from({length:r}).map((t,n)=>M(`tr`,{"data-slot":`table-row`,"data-index":n,className:k(X(),`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`?M(`td`,{"data-slot":`table-body-cell`,"data-col":t.id,"data-cell":r,style:{width:60},className:Q(),children:M(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})},`${t.id}-${r}`):t.id===`select`?M(`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:Z({isPinned:`left`}),children:M(`div`,{className:`w-full flex justify-center`,children:M(`div`,{className:`size-4 bg-muted-muted rounded-full`})})},`${t.id}-${n}`):M(`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:Se({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:M(`div`,{className:Ce({position:t.columnDef.meta?.position??`start`}),children:M(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})})},`${t.id}-${r}`)})},n))})}),Ne=C(()=>{let{isEmpty:e,emptyDisplayHeight:t}=V();return e?M(j,{children:e&&M(`div`,{className:ye(),style:{minHeight:t??`24rem`},children:N(`div`,{className:`flex flex-col items-center gap-1`,children:[M(p,{strokeWidth:1,size:48}),M(`p`,{children:`Không có dữ liệu`})]})})}):null});Ne.displayName=`UITableEmptyDisplay`;const Pe=C(({className:e,children:t,...n})=>M(`div`,{slot:`table-footer`,className:k(we(),e),...n,children:t}));Pe.displayName=`UITableFooter`;function Fe(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 Ie(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 Le=C(()=>{let{table:t}=V(),{rowSelectionState:n}=B(),r=D(()=>t.getHeaderGroups()[0]?.headers??[],[t.getHeaderGroups()]),i=D(()=>r.some(e=>e.column.columnDef.meta?.aggregation),[r]),a=D(()=>t.getSelectedRowModel().flatRows,[t,n]),o=D(()=>t.getRowModel().rows,[t]),s=a.length>0?a:o,c=D(()=>{let e={};for(let t of r){let n=t.column.columnDef.meta?.aggregation;if(!n)continue;let r=Ie(s,t.id);e[t.id]=Fe(s.length,r,n.type)}return e},[r,s]),l=t.getState().columnPinning,u=l.left??[],d=l.right??[],f=r.find(e=>d.includes(e.id))?.id,p=[...r].reverse().find(e=>u.includes(e.id))?.id;if(!i)return null;let m=a.length>0?`${a.length}`:`${o.length}`;return M(`div`,{slot:`table-footer-row`,className:Te(),children:r.map(t=>{let n=t.id,r=u.includes(n)?`left`:d.includes(n)?`right`:!1,i=n===f,a=n===p,o=r===`left`?`${t.column.getStart(`left`)}px`:void 0,s=r===`right`?`${t.column.getAfter(`right`)}px`:void 0;if(n===`select`)return M(`div`,{slot:`table-footer-select`,"data-pinned":`left`,style:{left:`0px`,width:`60px`},className:k(Ee({isPinned:`left`,isFirstCell:!1,isLastCell:!1}),`justify-center`),children:M(`span`,{className:`truncate text-[11px] items-center text-text-positive-weak`,children:m})},n);if(n===`actions`)return M(`div`,{slot:`table-footer-actions`,style:{width:`calc(var(--col-${n}-size) * 1px)`,right:`0px`},className:Ee({isPinned:!1,isFirstCell:!1,isLastCell:!1})},n);let l=t.column.columnDef.meta?.aggregation,h=c[n]??null;return M(`div`,{slot:`table-footer-cell`,"data-pinned":r,style:{left:o,right:s,width:`calc(var(--col-${n}-size) * 1px)`},className:Ee({isPinned:r||`left`,isFirstCell:i,isLastCell:a}),children:l&&h!==null?M(e,{value:h,prefix:l.prefix,suffix:l.suffix,precision:l.precision,size:`sm`}):M(`span`,{className:`text-text-positive-weak`,children:`—`})},n)})})});Le.displayName=`UITableFooterRow`;const Re=C(({className:e,children:t,...n})=>M(`thead`,{slot:`table-head`,className:k(q(),e),...n,children:t}));Re.displayName=`UITableHead`;const ze=C(({isPinned:e,onLeftPin:t,onRightPin:c,onUnpin:l,className:u})=>{let d=T(()=>{t?.(`left`)},[t]),f=T(()=>{c?.(`right`)},[c]),p=T(()=>{l?.(!1)},[l]);return N(n,{children:[M(s,{asChild:!0,children:M(`button`,{type:`button`,className:k(W(),u),children:M(h,{})})}),M(r,{align:`end`,className:`w-64 p-4`,children:N(i,{className:`*:data-[slot=dropdown-menu-item]:rounded-xs *:data-[slot=dropdown-menu-item]:p-2`,children:[M(b,{mode:e?`visible`:`hidden`,children:N(a,{onClick:p,children:[!!e&&`Bỏ ghim`,M(o,{children:M(y,{className:`size-4`})})]})}),N(b,{mode:e?`hidden`:`visible`,children:[N(a,{onClick:d,children:[e?`Bỏ ghim`:`Ghim trái`,M(o,{children:M(_,{className:`size-4`})})]}),N(a,{onClick:f,children:[e?`Bỏ ghim`:`Ghim phải`,M(o,{children:M(v,{className:`size-4`})})]})]})]})})]})});ze.displayName=`UITableHeadCellOption`;const Be=C(({isVisible:e=!0,isPinned:t=!1,isFirstCell:n=!1,isLastCell:r=!1,isOptionsVisible:i=!0,headerId:a,headerColumn:o,className:s,children:c,onColumnPin:l,onToggleVisibility:u,...d})=>{let f=o?.columnDef.meta?.position;return N(`th`,{slot:`table-head-cell`,"data-pinned":t,"data-header":a,style:{zIndex:D(()=>t?20:void 0,[t]),left:D(()=>{let e=o?.getStart?.(`left`);return t===`left`&&typeof e==`number`?`${e}px`:void 0},[t,o]),right:D(()=>{let e=o?.getAfter?.(`right`);return t===`right`&&typeof e==`number`?`${e}px`:void 0},[t,o]),width:D(()=>`calc(var(--header-${a}-size) * 1px)`,[a]),minWidth:D(()=>o?.columnDef.minSize?`calc(var(--col-${a}-minSize) * 1px)`:void 0,[a,o]),maxWidth:D(()=>o?.columnDef.maxSize?`calc(var(--col-${a}-maxSize) * 1px)`:void 0,[a,o])},className:k(Y({isPinned:t||`false`,isActions:a===`actions`,isLastCell:r,isFirstCell:n,position:f}),s),...d,children:[M(`div`,{className:`truncate px-4`,children:c}),i&&M(ze,{isPinned:t,isVisible:e,onLeftPin:l,onRightPin:l,onUnpin:l})]})});Be.displayName=`UITableHeadCell`;const Ve=C(({isPinned:e,isLastCell:n,isAllRowsSelected:r,style:i,className:a,onToggleAllRowsSelected:o,...s})=>{let c=T(e=>{o?.(!!e)},[o]);return M(`th`,{slot:`table-header-cell`,"data-pinned":!0,style:{left:0,zIndex:40,width:60,maxWidth:60},className:k(Z({isPinned:e,isLastCell:n}),a),...s,children:M(`div`,{className:`absolute inset-0 flex items-center justify-center`,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:M(t,{"aria-label":`Select All Rows`,checked:r,onCheckedChange:c})})})});Ve.displayName=`UITableHeadCellSelect`;const He=C(({headerGroup:e,className:t,...n})=>{let{isAllRowsSelected:r,columnPinningState:i,leftPinnedHeaders:a,rightPinnedHeaders:o,onToggleAllRowsSelected:s}=le(),c=o[0]?.id,l=a[a.length-1]?.id;return M(`tr`,{slot:`table-head-row`,className:k(J(),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`?M(Ve,{isPinned:a,isLastCell:e.id===l,isAllRowsSelected:r,onToggleAllRowsSelected:s},e.id):M(Be,{isVisible:n,isPinned:a,isFirstCell:e.id===c,isLastCell:e.id===l,isOptionsVisible:![`select`,`actions`].includes(e.id),headerId:e.id,headerColumn:e.column,colSpan:e.colSpan,onColumnPin:e.column.pin,onToggleVisibility:e.column.toggleVisibility,children:P(e.column.columnDef.header,e.getContext())},`${e.id}-${t}`)})})});He.displayName=`UITableHeadRow`;const Ue=C(({children:e,...t})=>{let{table:n,innerTableId:r,totalSize:i,tableRef:a}=ce();return E(()=>{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]),M(`table`,{id:r,ref:a,slot:`table-inner-table`,className:be(),style:{minWidth:i},...t,children:e})});Ue.displayName=`UITableInnerTable`;const We=C(({children:e,...t})=>{let{innerWrapperId:n}=I();return M(`div`,{id:n,slot:`table-inner-wrapper`,className:K(),...t,children:e})});We.displayName=`UITableInnerWrapper`;const Ge=C(({fetchMoreData:e})=>{let{innerWrapperId:t}=I(),[n,r]=O(`idle`),[i,a]=O(0),o=T(async()=>{try{r(`fetching`),await e?.(),r(`idle`)}catch(e){console.error(`Error fetching more data:`,e),r(`error`)}},[e]);return E(()=>{let e=document.querySelector(`div[id="${t}"]`);if(!e)return;let n=new ResizeObserver(e=>{a(e[0].contentRect.width)});return n.observe(e),()=>n.disconnect()},[t]),e?M(`tr`,{className:`sticky! left-0 h-10`,style:{width:i},children:M(`td`,{className:`absolute left-0 flex w-full items-center justify-center text-xs`,children:N(`button`,{type:`button`,disabled:n===`fetching`,className:De({state:n}),onClick:o,children:[n===`idle`&&M(m,{className:`size-4`}),n===`fetching`&&M(c,{className:`size-4 animate-spin`}),n===`error`&&M(f,{className:`size-4 text-danger`}),n===`idle`&&`Tải thêm`,n===`fetching`&&`Đang tải...`,n===`error`&&`Lỗi! Thử lại?`]})})}):null});Ge.displayName=`UITableLoadMore`;const Ke=C(({row:e,isSelected:t,rowIndex:n,children:r,...i})=>{let{keyOfClickRow:a,isAllRowsSelected:o,columnPinningState:s,leftPinnedHeaders:c,rightPinnedHeaders:l,onClickRow:u}=de(),d=D(()=>s.left??[],[s]),f=D(()=>s.right??[],[s]),p=D(()=>l?.[0]?.id,[l]),m=D(()=>c?.[c.length-1]?.id,[c]),h=D(()=>e.getVisibleCells().some(e=>e.column.id===`select`),[e]),g=T(t=>{if(u){let t=a?e.original?.[a]:void 0;u(n,typeof t==`string`||typeof t==`number`?t:void 0)}else h&&e.toggleSelected();t.preventDefault(),t.stopPropagation()},[a,u,e,n,h]);return M(`tr`,{slot:`table-row`,"data-index":n,className:X(),onClick:g,...i,children:e.getVisibleCells().map((e,r)=>{let i=d.includes(e.column.id),a=f.includes(e.column.id),s=i?`left`:a?`right`:!1;return e.column.id===`actions`?M(Ae,{"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`?M(je,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:s,isLastCell:e.column.id===m,isSelected:o||t,onToggleRowSelected:e.row.toggleSelected},`${e.id}-${r}`):M(ke,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:s,isFirstCell:e.column.id===p,isLastCell:e.column.id===m,colId:e.column.id,position:e.column.columnDef.meta?.position??`start`,column:e.column,getContext:e.getContext},`${e.id}-${r}`)})})});Ke.displayName=`UITableRow`;const qe=C(({className:e,children:t,...n})=>M(`div`,{slot:`table-wrapper`,className:k(G(),e),...n,children:t}));qe.displayName=`UITableWrapper`;const Je=({children:e})=>{let{table:t,fetchMoreData:n}=V(),{rowSelectionState:r}=B(),{rows:i}=t.getRowModel();return N(d,{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:[M(u,{"data-slot":`table-scroll-host`,className:`relative flex flex-col`,children:N(We,{children:[N(Ue,{children:[M(Re,{children:t.getHeaderGroups().map(e=>M(He,{headerGroup:e},e.id))}),N(Oe,{children:[i.map((e,t)=>M(Ke,{row:e,isSelected:r[e.id]===!0,rowIndex:t},e.id)),n&&M(Ge,{fetchMoreData:n})]}),M(Me,{})]}),M(Ne,{})]})}),e&&N(j,{children:[M(l,{}),e]})]})};function Ye(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 Xe=C(({innerWrapperId:e,children:t})=>{let n=D(()=>({innerWrapperId:e}),[e]);return M(F.Provider,{value:n,children:t})});Xe.displayName=`UITableInnerWrapperProvider`;const Ze=C(({table:e,innerTableId:t,totalSize:n,tableRef:r,children:i})=>{let a=D(()=>({table:e,innerTableId:t,totalSize:n,tableRef:r}),[e,t,n,r]);return M(L.Provider,{value:a,children:i})});Ze.displayName=`UITableInnerTableProvider`;const Qe=C(({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i,children:a})=>{let o=D(()=>({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i}),[e,t,n,r,i]);return M(R.Provider,{value:o,children:a})});Qe.displayName=`UITableHeadRowProvider`;const $e=C(({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r,children:i})=>{let a=D(()=>({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r}),[e,t,n,r]);return M(z.Provider,{value:a,children:i})});$e.displayName=`UITableBodyProvider`;const et=C(({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a,children:o})=>{let s=D(()=>({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a}),[e,t,n,r,i,a]);return M(ue.Provider,{value:s,children:o})});et.displayName=`UITableRowProvider`;const tt=({title:e,isFetching:t=!1,isRefetching:n=!1,isLoading:r=!1,loadingDisplayRow:i=3,data:a,columns:o,totalRows:s,leftPinnedColumns:c=[],rightPinnedColumns:l=[],keyOfClickRow:u,onClickRow:d,onRowSelection:f,onColumnPinning:p,fetchMoreData:m,emptyDisplayHeight:h,csvData:g,csvFileName:_,filterDefinitions:v=[],onFilterChange:y,summary:b=[],onSummaryItemClick:x,showAnalysisPanel:S=!1,description:ee,headerActions:C,children:w})=>{let E=te(),k=te(),A=ne(null),[j,N]=O(!1),[P,se]=O(!0),[F,I]=O({}),[L,ce]=O({right:l,left:[`select`,...c]}),[R,le]=O({}),[z,B]=O([]),ue=T(e=>(I(e),f?.(e instanceof Function?e(F):e),e),[F,f]),de=T(e=>{ce(e),p?.(e instanceof Function?e(L):e)},[L,p]),V=T(e=>{let t=v.find(t=>t.id===e);if(!t)return;let n={id:`${e}-${crypto.randomUUID()}`,definitionId:e,value:Ye(t.type)};B(e=>{let t=[...e,n];return y?.(t),t})},[v,y]),me=T(e=>{B(t=>{let n=t.filter(t=>t.id!==e);return y?.(n),n})},[y]),ge=T((e,t)=>{B(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return y?.(r),r})},[y]),ve=D(()=>({filterDefinitions:v,activeFilters:z,addFilter:V,removeFilter:me,updateFilter:ge}),[v,z,V,me,ge]),H=oe({data:a,columns:o,state:{rowSelection:F,columnPinning:L,expanded:R},defaultColumn:{enableResizing:!1,size:void 0,minSize:void 0,maxSize:void 0},columnResizeMode:`onChange`,columnResizeDirection:`ltr`,enableColumnPinning:!0,enableRowSelection:!0,enableColumnResizing:!0,enableMultiRowSelection:!0,autoResetAll:!1,autoResetExpanded:!1,autoResetPageIndex:!1,getSubRows:e=>e.subRows,getCoreRowModel:re(),getGroupedRowModel:ae(),getExpandedRowModel:ie(),onRowSelectionChange:ue,onColumnPinningChange:de,onExpandedChange:le}),U=D(()=>{let{rows:e}=H.getRowModel();return e},[H.getRowModel().rows,H.getState().columnPinning]),W=D(()=>!t&&!n&&U.length===0,[U,t,n]),ye=D(()=>({title:e,table:H,isEmpty:W,isFetching:t,isRefetching:n,isLoading:r,loadingDisplayRow:i,totalRows:s,fetchMoreData:m,emptyDisplayHeight:h,csvData:g,csvFileName:_,summary:b,onSummaryItemClick:x,showAnalysisPanel:S,description:ee,headerActions:C}),[e,H,W,n,t,r,i,s,m,h,H.getState().columnPinning,H.getState().expanded,g,_,b,x,S,ee,C]),G=D(()=>H.getState(),[H.getState()]),K=D(()=>H.getIsAllRowsSelected(),[H.getIsAllRowsSelected()]),be=D(()=>G.rowSelection,[G.rowSelection]),q=D(()=>G.columnPinning,[G.columnPinning]),J=D(()=>H.getLeftHeaderGroups()[0]?.headers||[],[H.getState().columnPinning]),Y=D(()=>H.getRightHeaderGroups()[0]?.headers||[],[H.getState().columnPinning]),xe=D(()=>H.getTotalSize(),[H.getTotalSize()]),X=T(()=>N(e=>!e),[]),Z=D(()=>({isOpen:j,toggle:X}),[j,X]),Q=T(()=>se(e=>!e),[]),Se=D(()=>({isOpen:P,toggle:Q}),[P,Q]);return M(he.Provider,{value:Z,children:M(_e.Provider,{value:Se,children:M(pe.Provider,{value:ve,children:M(fe.Provider,{value:ye,children:M(Xe,{innerWrapperId:E,children:M(Ze,{table:H,innerTableId:k,totalSize:xe,tableRef:A,children:M(Qe,{isAllRowsSelected:K,columnPinningState:q,leftPinnedHeaders:J,rightPinnedHeaders:Y,onToggleAllRowsSelected:H.toggleAllRowsSelected,children:M($e,{isFetching:t,isRefetching:n,isEmpty:W,rowSelectionState:be,children:M(et,{keyOfClickRow:u,isAllRowsSelected:K,columnPinningState:q,leftPinnedHeaders:J,rightPinnedHeaders:Y,onClickRow:d,children:w})})})})})})})})})};function $(e){let t=ee(e);return e=>M(x,{fallback:null,children:M(t,{...e})})}const nt=$(()=>import(`./avatar-name-display-BrpnTqa_.mjs`).then(e=>({default:e.UITableAvatarNameDisplay}))),rt=$(()=>import(`./badge-display-B0BKsU9T.mjs`).then(e=>({default:e.UITableBadgeDisplay}))),it=$(()=>import(`./boolean-display-CMX5AupA.mjs`).then(e=>({default:e.UITableBooleanDisplay}))),at=$(()=>import(`./currency-display-CanjOswc.mjs`).then(e=>({default:e.UITableCurrencyDisplay}))),ot=$(()=>import(`./date-display-YE8NIIrl.mjs`).then(e=>({default:e.UITableDateDisplay}))),st=$(()=>import(`./description-display-B4KoH6ql.mjs`).then(e=>({default:e.UITableDescriptionDisplay}))),ct=$(()=>import(`./edit-button-DmMFMzG0.mjs`).then(e=>({default:e.UITableEditButton}))),lt=$(()=>import(`./email-display-D_k7AUmp.mjs`).then(e=>({default:e.UITableEmailDisplay}))),ut=$(()=>import(`./list-display-M43N3kle.mjs`).then(e=>({default:e.UITableListDisplay}))),dt=$(()=>import(`./more-button-BKBcXz6E.mjs`).then(e=>({default:e.UITableMoreButton}))),ft=$(()=>import(`./name-display-pWhLLS05.mjs`).then(e=>({default:e.UITableNameDisplay}))),pt=$(()=>import(`./permalink-BaMvnKIz.mjs`).then(e=>({default:e.UITablePermalink}))),mt=$(()=>import(`./phone-number-ao2oCmrO.mjs`).then(e=>({default:e.UITablePhoneNumberDisplay}))),ht=$(()=>import(`./progress-display-atwRFD6e.mjs`).then(e=>({default:e.UITableProgressDisplay}))),gt=$(()=>import(`./remove-button-Db5oSj4h.mjs`).then(e=>({default:e.UITableRemoveButton}))),_t=$(()=>import(`./statistic-CJVc9sNs.mjs`).then(e=>({default:e.UITableStatisticDisplay}))),vt=$(()=>import(`./status-display-DInGGgiP.mjs`).then(e=>({default:e.UITableStatusDisplay}))),yt=$(()=>import(`./toggle-button-DNLtfjJC.mjs`).then(e=>({default:e.UITableToggleButton}))),bt=$(()=>import(`./user-BymzvsYp.mjs`).then(e=>({default:e.UITableUserDataDisplay}))),xt=$(()=>import(`./filter-BCNjqiBx.mjs`).then(e=>({default:e.UITableFilter}))),St=$(()=>import(`./analysis-panel-Cop-l4lx.mjs`).then(e=>({default:e.UITableAnalysisPanel}))),Ct=$(()=>import(`./summary-bar-DX_sOiuL.mjs`).then(e=>({default:e.UITableSummaryBar}))),wt=$(()=>import(`./tooltip-C6flMQgc.mjs`).then(e=>({default:e.UITableTooltip}))),Tt=$(()=>import(`./tooltip-C6flMQgc.mjs`).then(e=>({default:e.UITableTooltipFilter}))),Et=$(()=>import(`./tooltip-C6flMQgc.mjs`).then(e=>({default:e.UITableTooltipActions})));export{Ge as A,Ie as B,Et as C,Je as D,tt as E,Be as F,ke as G,Ne as H,ze as I,B as J,Oe as K,Re as L,Ue as M,He as N,qe as O,Ve as P,se as Q,Le as R,wt as S,bt as T,je as U,Pe as V,Ae as W,me as X,V as Y,ve as Z,gt as _,at as a,Ct as b,ct as c,ut as d,dt as f,ht as g,mt as h,it as i,We as j,Ke as k,lt as l,pt as m,nt as n,ot as o,ft as p,ge as q,rt as r,st as s,St as t,xt as u,_t as v,Tt as w,yt as x,vt as y,Fe as z};
|
|
2
|
-
//# sourceMappingURL=tables-
|
|
1
|
+
import{Statistic as e}from"./data-display/statistic.mjs";import{Checkbox as t}from"./ui/checkbox.mjs";import{DropdownMenu as n,DropdownMenuContent as r,DropdownMenuGroup as i,DropdownMenuItem as a,DropdownMenuShortcut as o,DropdownMenuTrigger as s}from"./ui/dropdown-menu.mjs";import{Spinner as c}from"./ui/spinner.mjs";import{ResizableHandle as l,ResizablePanel as u,ResizablePanelGroup as d}from"./ui/resizable.mjs";import{AlertTriangle as f,BoxIcon as p,ChevronDown as m,EllipsisVerticalIcon as h,MinusIcon as g,MoveLeftIcon as _,MoveRightIcon as v,PinOffIcon as y}from"lucide-react";import{Activity as b,Suspense as x,createContext as S,lazy as ee,memo as C,use as w,useCallback as T,useEffect as E,useId as te,useMemo as D,useRef as ne,useState as O}from"react";import{cn as k}from"@customafk/react-toolkit/utils";import{cva as A}from"class-variance-authority";import{Fragment as j,jsx as M,jsxs as N}from"react/jsx-runtime";import{flexRender as P,getCoreRowModel as re,getExpandedRowModel as ie,getGroupedRowModel as ae,useReactTable as oe}from"@tanstack/react-table";const se=()=>N(`div`,{className:`flex gap-0 text-text-positive-weak`,children:[M(g,{size:16}),M(g,{size:16})]}),F=S(null),I=()=>{let e=w(F);if(!e)throw Error(`useTableInnerWrapperContext must be used within a TableInnerWrapperProvider`);return e},L=S(null),ce=()=>{let e=w(L);if(!e)throw Error(`useTableInnerTableContext must be used within a TableInnerTableProvider`);return e},R=S(null),le=()=>{let e=w(R);if(!e)throw Error(`useTableHeaderRowContext must be used within a TableHeaderRowProvider`);return e},z=S(null),B=()=>{let e=w(z);if(!e)throw Error(`useTableBodyContext must be used within a TableBodyProvider`);return e},ue=S(null),de=()=>{let e=w(ue);if(!e)throw Error(`useTableRowContext must be used within a TableRowProvider`);return e},fe=S(null),V=()=>{let e=w(fe);if(!e)throw Error(`useTableContext must be used within a TableProvider`);return e},pe=S(null),me=()=>{let e=w(pe);if(!e)throw Error(`useUITableFilterContext must be used within a UITableProvider`);return e},he=S(null),ge=()=>{let e=w(he);if(!e)throw Error(`useUITableAnalysisContext must be used within a UITableProvider`);return e},_e=S(null),ve=()=>{let e=w(_e);if(!e)throw Error(`useUITableSummaryContext must be used within a UITableProvider`);return e},H=`border-r! !border-r-border-strong/30`,U=`border-l! !border-l-border-strong/30`,W=A([`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`]),ye=A([`sticky left-0 flex flex-1 items-center justify-center bg-transparent text-text-positive-weak opacity-100`]),G=A([`relative m-0 flex size-full flex-col flex-nowrap items-start justify-start gap-2`]),K=A([`relative w-full flex-1 min-h-0 overflow-auto border-b border-b-border border-l border-l-border`]),be=A([`grid w-full table-fixed caption-bottom border-collapse border-spacing-0 flex-col content-start`]),q=A([`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`]),J=A([`flex`]),Y=A([`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:H},{isPinned:`right`,isFirstCell:!0,className:U}]}),xe=A([`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`]),X=A([`group transition-colors hover:bg-muted-muted hover:[&_td]:bg-muted-muted! [&_td]:border-r [&_td]:border-r-border`]),Z=A([`group-hover:bg-muted-muted!`],{variants:{isPinned:{left:`sticky`,right:`sticky`,false:`relative`},isLastCell:{true:``,false:``}},compoundVariants:[{isPinned:`left`,isLastCell:!0,className:H}],defaultVariants:{isPinned:void 0}}),Q=A([`sticky border-r-0! inset-y-0 right-0 z-30 flex items-center pr-4 group-hover:bg-muted-muted!`]),Se=A([`group-hover:bg-muted-muted!`],{variants:{isPinned:{left:``,right:``,false:``},isLastCell:{true:``,false:``},isFirstCell:{true:``,false:``}},compoundVariants:[{isPinned:`left`,isLastCell:!0,className:H},{isPinned:`right`,isFirstCell:!0,className:U}]}),Ce=A([`overflow-x-hidden`],{variants:{position:{start:`justify-start`,center:`justify-center`,end:`justify-end`}},defaultVariants:{position:`start`}}),we=A([`shrink-0 flex w-full justify-center border-t border-border-weak font-medium`]),Te=A([`flex w-full`,`text-[13px] font-medium text-text-positive-weak`]),Ee=A([`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:``}}}),De=A([`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`}}),Oe=C(({className:e,children:t,...n})=>{let{isFetching:r,isRefetching:i,isEmpty:a}=B();return a||r||i?null:M(`tbody`,{slot:`table-body`,className:k(xe(),e),...n,children:t})});Oe.displayName=`UITableBody`;const ke=C(({isPinned:e=!1,isFirstCell:t=!1,isLastCell:n=!1,colId:r,position:i=`start`,column:a,getContext:o,className:s,...c})=>{let{table:l,tableRef:u}=ce(),d=ne(null),f=D(()=>{let t=a?.getStart(`left`);return e===`left`&&typeof t==`number`?`${t}px`:void 0},[e,a]),p=D(()=>{let t=a?.getAfter(`right`);return e===`right`&&typeof t==`number`?`${t}px`:void 0},[e,a]),m=D(()=>`calc(var(--col-${r}-size) * 1px)`,[r]),h=D(()=>a?.columnDef.minSize?`calc(var(--col-${r}-minSize) * 1px)`:void 0,[r,a]),g=D(()=>a?.columnDef.maxSize?`calc(var(--col-${r}-maxSize) * 1px)`:void 0,[r,a]),_=D(()=>P(a?.columnDef.cell,o()),[a,o]);return E(()=>{if(!d.current)return;let e=d.current.scrollWidth,t=a?.getSize();t!=null&&e>t&&u.current instanceof HTMLTableElement&&typeof r==`string`&&a?.columnDef.meta?.fitContent&&l.setColumnSizing(t=>({...t,[r]:e+32}))},[r,a,l]),M(`td`,{slot:`table-body-cell`,"data-pinned":e,"data-lastcell":n||void 0,"data-firstcell":t||void 0,style:{left:f,right:p,width:m,minWidth:h,maxWidth:g},className:k(Se({isPinned:e||void 0,isLastCell:n,isFirstCell:t}),s),...c,children:M(`div`,{ref:d,slot:`table-body-cell-inner`,className:Ce({position:i}),children:_})})});ke.displayName=`UITableCell`;const Ae=C(({column:e,getContext:t,className:n,...r})=>{let i=D(()=>P(e?.columnDef.cell,t()),[e,t]);return M(`td`,{"data-col":`actions`,className:Q(),...r,children:i})});Ae.displayName=`UITableCellActions`;const je=C(({isPinned:e,isLastCell:n,isSelected:r=!1,className:i,onToggleRowSelected:a,...o})=>{let s=T(e=>{a?.(!!e)},[a]);return M(`td`,{slot:`table-body-cell`,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:k(Z({isPinned:e,isLastCell:n}),i),...o,children:M(`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:M(t,{"aria-label":`Select Row`,checked:r,onCheckedChange:s})})})});je.displayName=`UITableCellSelect`;const Me=C(()=>{let{table:e,isFetching:t,isRefetching:n,loadingDisplayRow:r=3}=V();return!t&&!n?null:M(`tbody`,{className:k(xe(),`pointer-events-none`),children:Array.from({length:r}).map((t,n)=>M(`tr`,{"data-slot":`table-row`,"data-index":n,className:k(X(),`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`?M(`td`,{"data-slot":`table-body-cell`,"data-col":t.id,"data-cell":r,style:{width:60},className:Q(),children:M(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})},`${t.id}-${r}`):t.id===`select`?M(`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:Z({isPinned:`left`}),children:M(`div`,{className:`w-full flex justify-center`,children:M(`div`,{className:`size-4 bg-muted-muted rounded-full`})})},`${t.id}-${n}`):M(`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:Se({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:M(`div`,{className:Ce({position:t.columnDef.meta?.position??`start`}),children:M(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})})},`${t.id}-${r}`)})},n))})}),Ne=C(()=>{let{isEmpty:e,emptyDisplayHeight:t}=V();return e?M(j,{children:e&&M(`div`,{className:ye(),style:{minHeight:t??`24rem`},children:N(`div`,{className:`flex flex-col items-center gap-1`,children:[M(p,{strokeWidth:1,size:48}),M(`p`,{children:`Không có dữ liệu`})]})})}):null});Ne.displayName=`UITableEmptyDisplay`;const Pe=C(({className:e,children:t,...n})=>M(`div`,{slot:`table-footer`,className:k(we(),e),...n,children:t}));Pe.displayName=`UITableFooter`;function Fe(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 Ie(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 Le=C(()=>{let{table:t}=V(),{rowSelectionState:n}=B(),r=D(()=>t.getHeaderGroups()[0]?.headers??[],[t.getHeaderGroups()]),i=D(()=>r.some(e=>e.column.columnDef.meta?.aggregation),[r]),a=D(()=>t.getSelectedRowModel().flatRows,[t,n]),o=D(()=>t.getRowModel().rows,[t]),s=a.length>0?a:o,c=D(()=>{let e={};for(let t of r){let n=t.column.columnDef.meta?.aggregation;if(!n)continue;let r=Ie(s,t.id);e[t.id]=Fe(s.length,r,n.type)}return e},[r,s]),l=t.getState().columnPinning,u=l.left??[],d=l.right??[],f=r.find(e=>d.includes(e.id))?.id,p=[...r].reverse().find(e=>u.includes(e.id))?.id;if(!i)return null;let m=a.length>0?`${a.length}`:`${o.length}`;return M(`div`,{slot:`table-footer-row`,className:Te(),children:r.map(t=>{let n=t.id,r=u.includes(n)?`left`:d.includes(n)?`right`:!1,i=n===f,a=n===p,o=r===`left`?`${t.column.getStart(`left`)}px`:void 0,s=r===`right`?`${t.column.getAfter(`right`)}px`:void 0;if(n===`select`)return M(`div`,{slot:`table-footer-select`,"data-pinned":`left`,style:{left:`0px`,width:`60px`},className:k(Ee({isPinned:`left`,isFirstCell:!1,isLastCell:!1}),`justify-center`),children:M(`span`,{className:`truncate text-[11px] items-center text-text-positive-weak`,children:m})},n);if(n===`actions`)return M(`div`,{slot:`table-footer-actions`,style:{width:`calc(var(--col-${n}-size) * 1px)`,right:`0px`},className:Ee({isPinned:!1,isFirstCell:!1,isLastCell:!1})},n);let l=t.column.columnDef.meta?.aggregation,h=c[n]??null;return M(`div`,{slot:`table-footer-cell`,"data-pinned":r,style:{left:o,right:s,width:`calc(var(--col-${n}-size) * 1px)`},className:Ee({isPinned:r||`left`,isFirstCell:i,isLastCell:a}),children:l&&h!==null?M(e,{value:h,prefix:l.prefix,suffix:l.suffix,precision:l.precision,size:`sm`}):M(`span`,{className:`text-text-positive-weak`,children:`—`})},n)})})});Le.displayName=`UITableFooterRow`;const Re=C(({className:e,children:t,...n})=>M(`thead`,{slot:`table-head`,className:k(q(),e),...n,children:t}));Re.displayName=`UITableHead`;const ze=C(({isPinned:e,onLeftPin:t,onRightPin:c,onUnpin:l,className:u})=>{let d=T(()=>{t?.(`left`)},[t]),f=T(()=>{c?.(`right`)},[c]),p=T(()=>{l?.(!1)},[l]);return N(n,{children:[M(s,{asChild:!0,children:M(`button`,{type:`button`,className:k(W(),u),children:M(h,{})})}),M(r,{align:`end`,className:`w-64 p-4`,children:N(i,{className:`*:data-[slot=dropdown-menu-item]:rounded-xs *:data-[slot=dropdown-menu-item]:p-2`,children:[M(b,{mode:e?`visible`:`hidden`,children:N(a,{onClick:p,children:[!!e&&`Bỏ ghim`,M(o,{children:M(y,{className:`size-4`})})]})}),N(b,{mode:e?`hidden`:`visible`,children:[N(a,{onClick:d,children:[e?`Bỏ ghim`:`Ghim trái`,M(o,{children:M(_,{className:`size-4`})})]}),N(a,{onClick:f,children:[e?`Bỏ ghim`:`Ghim phải`,M(o,{children:M(v,{className:`size-4`})})]})]})]})})]})});ze.displayName=`UITableHeadCellOption`;const Be=C(({isVisible:e=!0,isPinned:t=!1,isFirstCell:n=!1,isLastCell:r=!1,isOptionsVisible:i=!0,headerId:a,headerColumn:o,className:s,children:c,onColumnPin:l,onToggleVisibility:u,...d})=>{let f=o?.columnDef.meta?.position;return N(`th`,{slot:`table-head-cell`,"data-pinned":t,"data-header":a,style:{zIndex:D(()=>t?20:void 0,[t]),left:D(()=>{let e=o?.getStart?.(`left`);return t===`left`&&typeof e==`number`?`${e}px`:void 0},[t,o]),right:D(()=>{let e=o?.getAfter?.(`right`);return t===`right`&&typeof e==`number`?`${e}px`:void 0},[t,o]),width:D(()=>`calc(var(--header-${a}-size) * 1px)`,[a]),minWidth:D(()=>o?.columnDef.minSize?`calc(var(--col-${a}-minSize) * 1px)`:void 0,[a,o]),maxWidth:D(()=>o?.columnDef.maxSize?`calc(var(--col-${a}-maxSize) * 1px)`:void 0,[a,o])},className:k(Y({isPinned:t||`false`,isActions:a===`actions`,isLastCell:r,isFirstCell:n,position:f}),s),...d,children:[M(`div`,{className:`truncate px-4`,children:c}),i&&M(ze,{isPinned:t,isVisible:e,onLeftPin:l,onRightPin:l,onUnpin:l})]})});Be.displayName=`UITableHeadCell`;const Ve=C(({isPinned:e,isLastCell:n,isAllRowsSelected:r,style:i,className:a,onToggleAllRowsSelected:o,...s})=>{let c=T(e=>{o?.(!!e)},[o]);return M(`th`,{slot:`table-header-cell`,"data-pinned":!0,style:{left:0,zIndex:40,width:60,maxWidth:60},className:k(Z({isPinned:e,isLastCell:n}),a),...s,children:M(`div`,{className:`absolute inset-0 flex items-center justify-center`,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:M(t,{"aria-label":`Select All Rows`,checked:r,onCheckedChange:c})})})});Ve.displayName=`UITableHeadCellSelect`;const He=C(({headerGroup:e,className:t,...n})=>{let{isAllRowsSelected:r,columnPinningState:i,leftPinnedHeaders:a,rightPinnedHeaders:o,onToggleAllRowsSelected:s}=le(),c=o[0]?.id,l=a[a.length-1]?.id;return M(`tr`,{slot:`table-head-row`,className:k(J(),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`?M(Ve,{isPinned:a,isLastCell:e.id===l,isAllRowsSelected:r,onToggleAllRowsSelected:s},e.id):M(Be,{isVisible:n,isPinned:a,isFirstCell:e.id===c,isLastCell:e.id===l,isOptionsVisible:![`select`,`actions`].includes(e.id),headerId:e.id,headerColumn:e.column,colSpan:e.colSpan,onColumnPin:e.column.pin,onToggleVisibility:e.column.toggleVisibility,children:P(e.column.columnDef.header,e.getContext())},`${e.id}-${t}`)})})});He.displayName=`UITableHeadRow`;const Ue=C(({children:e,...t})=>{let{table:n,innerTableId:r,totalSize:i,tableRef:a}=ce();return E(()=>{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]),M(`table`,{id:r,ref:a,slot:`table-inner-table`,className:be(),style:{minWidth:i},...t,children:e})});Ue.displayName=`UITableInnerTable`;const We=C(({children:e,...t})=>{let{innerWrapperId:n}=I();return M(`div`,{id:n,slot:`table-inner-wrapper`,className:K(),...t,children:e})});We.displayName=`UITableInnerWrapper`;const Ge=C(({fetchMoreData:e})=>{let{innerWrapperId:t}=I(),[n,r]=O(`idle`),[i,a]=O(0),o=T(async()=>{try{r(`fetching`),await e?.(),r(`idle`)}catch(e){console.error(`Error fetching more data:`,e),r(`error`)}},[e]);return E(()=>{let e=document.querySelector(`div[id="${t}"]`);if(!e)return;let n=new ResizeObserver(e=>{a(e[0].contentRect.width)});return n.observe(e),()=>n.disconnect()},[t]),e?M(`tr`,{className:`sticky! left-0 h-10`,style:{width:i},children:M(`td`,{className:`absolute left-0 flex w-full items-center justify-center text-xs`,children:N(`button`,{type:`button`,disabled:n===`fetching`,className:De({state:n}),onClick:o,children:[n===`idle`&&M(m,{className:`size-4`}),n===`fetching`&&M(c,{className:`size-4 animate-spin`}),n===`error`&&M(f,{className:`size-4 text-danger`}),n===`idle`&&`Tải thêm`,n===`fetching`&&`Đang tải...`,n===`error`&&`Lỗi! Thử lại?`]})})}):null});Ge.displayName=`UITableLoadMore`;const Ke=C(({row:e,isSelected:t,rowIndex:n,children:r,...i})=>{let{keyOfClickRow:a,isAllRowsSelected:o,columnPinningState:s,leftPinnedHeaders:c,rightPinnedHeaders:l,onClickRow:u}=de(),d=D(()=>s.left??[],[s]),f=D(()=>s.right??[],[s]),p=D(()=>l?.[0]?.id,[l]),m=D(()=>c?.[c.length-1]?.id,[c]),h=D(()=>e.getVisibleCells().some(e=>e.column.id===`select`),[e]),g=T(t=>{if(u){let t=a?e.original?.[a]:void 0;u(n,typeof t==`string`||typeof t==`number`?t:void 0)}else h&&e.toggleSelected();t.preventDefault(),t.stopPropagation()},[a,u,e,n,h]);return M(`tr`,{slot:`table-row`,"data-index":n,className:X(),onClick:g,...i,children:e.getVisibleCells().map((e,r)=>{let i=d.includes(e.column.id),a=f.includes(e.column.id),s=i?`left`:a?`right`:!1;return e.column.id===`actions`?M(Ae,{"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`?M(je,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:s,isLastCell:e.column.id===m,isSelected:o||t,onToggleRowSelected:e.row.toggleSelected},`${e.id}-${r}`):M(ke,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:s,isFirstCell:e.column.id===p,isLastCell:e.column.id===m,colId:e.column.id,position:e.column.columnDef.meta?.position??`start`,column:e.column,getContext:e.getContext},`${e.id}-${r}`)})})});Ke.displayName=`UITableRow`;const qe=C(({className:e,children:t,...n})=>M(`div`,{slot:`table-wrapper`,className:k(G(),e),...n,children:t}));qe.displayName=`UITableWrapper`;const Je=({children:e})=>{let{table:t,fetchMoreData:n}=V(),{rowSelectionState:r}=B(),{rows:i}=t.getRowModel();return N(d,{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:[M(u,{"data-slot":`table-scroll-host`,className:`relative flex flex-col`,children:N(We,{children:[N(Ue,{children:[M(Re,{children:t.getHeaderGroups().map(e=>M(He,{headerGroup:e},e.id))}),N(Oe,{children:[i.map((e,t)=>M(Ke,{row:e,isSelected:r[e.id]===!0,rowIndex:t},e.id)),n&&M(Ge,{fetchMoreData:n})]}),M(Me,{})]}),M(Ne,{})]})}),e&&N(j,{children:[M(l,{}),e]})]})};function Ye(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 Xe=C(({innerWrapperId:e,children:t})=>{let n=D(()=>({innerWrapperId:e}),[e]);return M(F.Provider,{value:n,children:t})});Xe.displayName=`UITableInnerWrapperProvider`;const Ze=C(({table:e,innerTableId:t,totalSize:n,tableRef:r,children:i})=>{let a=D(()=>({table:e,innerTableId:t,totalSize:n,tableRef:r}),[e,t,n,r]);return M(L.Provider,{value:a,children:i})});Ze.displayName=`UITableInnerTableProvider`;const Qe=C(({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i,children:a})=>{let o=D(()=>({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i}),[e,t,n,r,i]);return M(R.Provider,{value:o,children:a})});Qe.displayName=`UITableHeadRowProvider`;const $e=C(({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r,children:i})=>{let a=D(()=>({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r}),[e,t,n,r]);return M(z.Provider,{value:a,children:i})});$e.displayName=`UITableBodyProvider`;const et=C(({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a,children:o})=>{let s=D(()=>({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a}),[e,t,n,r,i,a]);return M(ue.Provider,{value:s,children:o})});et.displayName=`UITableRowProvider`;const tt=({title:e,isFetching:t=!1,isRefetching:n=!1,isLoading:r=!1,loadingDisplayRow:i=3,data:a,columns:o,totalRows:s,leftPinnedColumns:c=[],rightPinnedColumns:l=[],keyOfClickRow:u,onClickRow:d,onRowSelection:f,onColumnPinning:p,fetchMoreData:m,emptyDisplayHeight:h,csvData:g,csvFileName:_,filterDefinitions:v=[],onFilterChange:y,summary:b=[],onSummaryItemClick:x,showAnalysisPanel:S=!1,description:ee,headerActions:C,children:w})=>{let E=te(),k=te(),A=ne(null),[j,N]=O(!1),[P,se]=O(!0),[F,I]=O({}),[L,ce]=O({right:l,left:[`select`,...c]}),[R,le]=O({}),[z,B]=O([]),ue=T(e=>(I(e),f?.(e instanceof Function?e(F):e),e),[F,f]),de=T(e=>{ce(e),p?.(e instanceof Function?e(L):e)},[L,p]),V=T(e=>{let t=v.find(t=>t.id===e);if(!t)return;let n={id:`${e}-${crypto.randomUUID()}`,definitionId:e,value:Ye(t.type)};B(e=>{let t=[...e,n];return y?.(t),t})},[v,y]),me=T(e=>{B(t=>{let n=t.filter(t=>t.id!==e);return y?.(n),n})},[y]),ge=T((e,t)=>{B(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return y?.(r),r})},[y]),ve=D(()=>({filterDefinitions:v,activeFilters:z,addFilter:V,removeFilter:me,updateFilter:ge}),[v,z,V,me,ge]),H=oe({data:a,columns:o,state:{rowSelection:F,columnPinning:L,expanded:R},defaultColumn:{enableResizing:!1,size:void 0,minSize:void 0,maxSize:void 0},columnResizeMode:`onChange`,columnResizeDirection:`ltr`,enableColumnPinning:!0,enableRowSelection:!0,enableColumnResizing:!0,enableMultiRowSelection:!0,autoResetAll:!1,autoResetExpanded:!1,autoResetPageIndex:!1,getSubRows:e=>e.subRows,getCoreRowModel:re(),getGroupedRowModel:ae(),getExpandedRowModel:ie(),onRowSelectionChange:ue,onColumnPinningChange:de,onExpandedChange:le}),U=D(()=>{let{rows:e}=H.getRowModel();return e},[H.getRowModel().rows,H.getState().columnPinning]),W=D(()=>!t&&!n&&U.length===0,[U,t,n]),ye=D(()=>({title:e,table:H,isEmpty:W,isFetching:t,isRefetching:n,isLoading:r,loadingDisplayRow:i,totalRows:s,fetchMoreData:m,emptyDisplayHeight:h,csvData:g,csvFileName:_,summary:b,onSummaryItemClick:x,showAnalysisPanel:S,description:ee,headerActions:C}),[e,H,W,n,t,r,i,s,m,h,H.getState().columnPinning,H.getState().expanded,g,_,b,x,S,ee,C]),G=D(()=>H.getState(),[H.getState()]),K=D(()=>H.getIsAllRowsSelected(),[H.getIsAllRowsSelected()]),be=D(()=>G.rowSelection,[G.rowSelection]),q=D(()=>G.columnPinning,[G.columnPinning]),J=D(()=>H.getLeftHeaderGroups()[0]?.headers||[],[H.getState().columnPinning]),Y=D(()=>H.getRightHeaderGroups()[0]?.headers||[],[H.getState().columnPinning]),xe=D(()=>H.getTotalSize(),[H.getTotalSize()]),X=T(()=>N(e=>!e),[]),Z=D(()=>({isOpen:j,toggle:X}),[j,X]),Q=T(()=>se(e=>!e),[]),Se=D(()=>({isOpen:P,toggle:Q}),[P,Q]);return M(he.Provider,{value:Z,children:M(_e.Provider,{value:Se,children:M(pe.Provider,{value:ve,children:M(fe.Provider,{value:ye,children:M(Xe,{innerWrapperId:E,children:M(Ze,{table:H,innerTableId:k,totalSize:xe,tableRef:A,children:M(Qe,{isAllRowsSelected:K,columnPinningState:q,leftPinnedHeaders:J,rightPinnedHeaders:Y,onToggleAllRowsSelected:H.toggleAllRowsSelected,children:M($e,{isFetching:t,isRefetching:n,isEmpty:W,rowSelectionState:be,children:M(et,{keyOfClickRow:u,isAllRowsSelected:K,columnPinningState:q,leftPinnedHeaders:J,rightPinnedHeaders:Y,onClickRow:d,children:w})})})})})})})})})};function $(e){let t=ee(e);return e=>M(x,{fallback:null,children:M(t,{...e})})}const nt=$(()=>import(`./avatar-name-display-BrpnTqa_.mjs`).then(e=>({default:e.UITableAvatarNameDisplay}))),rt=$(()=>import(`./badge-display-D6d7wTEE.mjs`).then(e=>({default:e.UITableBadgeDisplay}))),it=$(()=>import(`./boolean-display-Wko_5Jd5.mjs`).then(e=>({default:e.UITableBooleanDisplay}))),at=$(()=>import(`./currency-display-BGkpGtN_.mjs`).then(e=>({default:e.UITableCurrencyDisplay}))),ot=$(()=>import(`./date-display-DXyb-Ai2.mjs`).then(e=>({default:e.UITableDateDisplay}))),st=$(()=>import(`./description-display-BwBMrRAi.mjs`).then(e=>({default:e.UITableDescriptionDisplay}))),ct=$(()=>import(`./edit-button-DmMFMzG0.mjs`).then(e=>({default:e.UITableEditButton}))),lt=$(()=>import(`./email-display-Be3b-kDL.mjs`).then(e=>({default:e.UITableEmailDisplay}))),ut=$(()=>import(`./list-display-CWQvIMUj.mjs`).then(e=>({default:e.UITableListDisplay}))),dt=$(()=>import(`./more-button-BKBcXz6E.mjs`).then(e=>({default:e.UITableMoreButton}))),ft=$(()=>import(`./name-display-CnTRVqX4.mjs`).then(e=>({default:e.UITableNameDisplay}))),pt=$(()=>import(`./permalink-DhqOATLQ.mjs`).then(e=>({default:e.UITablePermalink}))),mt=$(()=>import(`./phone-number-CQXrATQO.mjs`).then(e=>({default:e.UITablePhoneNumberDisplay}))),ht=$(()=>import(`./progress-display-DZb1qjfY.mjs`).then(e=>({default:e.UITableProgressDisplay}))),gt=$(()=>import(`./remove-button-Db5oSj4h.mjs`).then(e=>({default:e.UITableRemoveButton}))),_t=$(()=>import(`./statistic-DoNUSe3e.mjs`).then(e=>({default:e.UITableStatisticDisplay}))),vt=$(()=>import(`./status-display-CcihiYsH.mjs`).then(e=>({default:e.UITableStatusDisplay}))),yt=$(()=>import(`./toggle-button-DNLtfjJC.mjs`).then(e=>({default:e.UITableToggleButton}))),bt=$(()=>import(`./user-BymzvsYp.mjs`).then(e=>({default:e.UITableUserDataDisplay}))),xt=$(()=>import(`./filter-C2wE49q7.mjs`).then(e=>({default:e.UITableFilter}))),St=$(()=>import(`./analysis-panel-_s1fgcZC.mjs`).then(e=>({default:e.UITableAnalysisPanel}))),Ct=$(()=>import(`./summary-bar-C4loKj1L.mjs`).then(e=>({default:e.UITableSummaryBar}))),wt=$(()=>import(`./tooltip-BKcU3bMc.mjs`).then(e=>({default:e.UITableTooltip}))),Tt=$(()=>import(`./tooltip-BKcU3bMc.mjs`).then(e=>({default:e.UITableTooltipFilter}))),Et=$(()=>import(`./tooltip-BKcU3bMc.mjs`).then(e=>({default:e.UITableTooltipActions})));export{Ge as A,Ie as B,Et as C,Je as D,tt as E,Be as F,ke as G,Ne as H,ze as I,B as J,Oe as K,Re as L,Ue as M,He as N,qe as O,Ve as P,se as Q,Le as R,wt as S,bt as T,je as U,Pe as V,Ae as W,me as X,V as Y,ve as Z,gt as _,at as a,Ct as b,ct as c,ut as d,dt as f,ht as g,mt as h,it as i,We as j,Ke as k,lt as l,pt as m,nt as n,ot as o,ft as p,ge as q,rt as r,st as s,St as t,xt as u,_t as v,Tt as w,yt as x,vt as y,Fe as z};
|
|
2
|
+
//# sourceMappingURL=tables-BTBtN1di.mjs.map
|