@customafk/lunas-ui 0.2.77 → 0.2.79

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.
Files changed (157) hide show
  1. package/dist/{analysis-panel-CQZ0hmfN.cjs → analysis-panel-Bg0lCfWv.cjs} +2 -2
  2. package/dist/{analysis-panel-CQZ0hmfN.cjs.map → analysis-panel-Bg0lCfWv.cjs.map} +1 -1
  3. package/dist/{analysis-panel-BqZmOU58.mjs → analysis-panel-Cop-l4lx.mjs} +2 -2
  4. package/dist/{analysis-panel-BqZmOU58.mjs.map → analysis-panel-Cop-l4lx.mjs.map} +1 -1
  5. package/dist/{badge-display-RP5VTE10.mjs → badge-display-B0BKsU9T.mjs} +2 -2
  6. package/dist/{badge-display-RP5VTE10.mjs.map → badge-display-B0BKsU9T.mjs.map} +1 -1
  7. package/dist/{badge-display-DmCKpGk9.cjs → badge-display-Dv2UTvzp.cjs} +2 -2
  8. package/dist/{badge-display-DmCKpGk9.cjs.map → badge-display-Dv2UTvzp.cjs.map} +1 -1
  9. package/dist/{boolean-display-B9qxrF5f.mjs → boolean-display-CMX5AupA.mjs} +2 -2
  10. package/dist/{boolean-display-B9qxrF5f.mjs.map → boolean-display-CMX5AupA.mjs.map} +1 -1
  11. package/dist/{boolean-display-BwB-l9k0.cjs → boolean-display-CPX7H39m.cjs} +2 -2
  12. package/dist/{boolean-display-BwB-l9k0.cjs.map → boolean-display-CPX7H39m.cjs.map} +1 -1
  13. package/dist/{button-BnoPktln.d.cts → button-DQLIL8K2.d.cts} +2 -2
  14. package/dist/{button-BnoPktln.d.mts → button-DQLIL8K2.d.mts} +2 -2
  15. package/dist/{calendar-BkV5hTX2.d.mts → calendar-5VVBPn4F.d.mts} +2 -2
  16. package/dist/{calendar-iDMPT1kI.d.cts → calendar-DHcoDDIc.d.cts} +2 -2
  17. package/dist/{carousel-D7VXWJ3S.d.mts → carousel-D0jTbSoW.d.cts} +2 -2
  18. package/dist/{carousel-bBvM31sh.d.cts → carousel-qH6YsFKK.d.mts} +2 -2
  19. package/dist/cms-layout-Ba_5wSnr.mjs +2 -0
  20. package/dist/cms-layout-Ba_5wSnr.mjs.map +1 -0
  21. package/dist/cms-layout-DCJhB-GY.cjs +2 -0
  22. package/dist/cms-layout-DCJhB-GY.cjs.map +1 -0
  23. package/dist/{currency-display-CEg_HRYv.mjs → currency-display-CanjOswc.mjs} +2 -2
  24. package/dist/{currency-display-CEg_HRYv.mjs.map → currency-display-CanjOswc.mjs.map} +1 -1
  25. package/dist/{currency-display-Buxc6Ph5.cjs → currency-display-xxK62yo4.cjs} +2 -2
  26. package/dist/{currency-display-Buxc6Ph5.cjs.map → currency-display-xxK62yo4.cjs.map} +1 -1
  27. package/dist/data-display/statistic.cjs +1 -1
  28. package/dist/data-display/statistic.cjs.map +1 -1
  29. package/dist/data-display/statistic.mjs +1 -1
  30. package/dist/data-display/statistic.mjs.map +1 -1
  31. package/dist/date-display-DMPhFq8v.cjs +2 -0
  32. package/dist/date-display-DMPhFq8v.cjs.map +1 -0
  33. package/dist/date-display-YE8NIIrl.mjs +2 -0
  34. package/dist/date-display-YE8NIIrl.mjs.map +1 -0
  35. package/dist/{description-display-CW0g3aJa.mjs → description-display-B4KoH6ql.mjs} +2 -2
  36. package/dist/{description-display-CW0g3aJa.mjs.map → description-display-B4KoH6ql.mjs.map} +1 -1
  37. package/dist/{description-display-BR8nXqc_.cjs → description-display-jmAaeMBD.cjs} +2 -2
  38. package/dist/{description-display-BR8nXqc_.cjs.map → description-display-jmAaeMBD.cjs.map} +1 -1
  39. package/dist/dialogs/detail-dialog/components/sidebar.d.cts +2 -2
  40. package/dist/dialogs/detail-dialog/components/sidebar.d.mts +2 -2
  41. package/dist/{email-display-DqKYq0iM.cjs → email-display-CzvqQMhG.cjs} +2 -2
  42. package/dist/{email-display-DqKYq0iM.cjs.map → email-display-CzvqQMhG.cjs.map} +1 -1
  43. package/dist/{email-display-BKcoWmPK.mjs → email-display-D_k7AUmp.mjs} +2 -2
  44. package/dist/{email-display-BKcoWmPK.mjs.map → email-display-D_k7AUmp.mjs.map} +1 -1
  45. package/dist/features/descriptions/index.cjs +1 -1
  46. package/dist/features/descriptions/index.cjs.map +1 -1
  47. package/dist/features/descriptions/index.mjs +1 -1
  48. package/dist/features/descriptions/index.mjs.map +1 -1
  49. package/dist/features/tables/index.cjs +1 -1
  50. package/dist/features/tables/index.d.cts +1 -1
  51. package/dist/features/tables/index.d.mts +1 -1
  52. package/dist/features/tables/index.mjs +1 -1
  53. package/dist/{filter-DqedvThM.cjs → filter-B5EnnL9I.cjs} +2 -2
  54. package/dist/{filter-DqedvThM.cjs.map → filter-B5EnnL9I.cjs.map} +1 -1
  55. package/dist/{filter-CWuRGTl4.mjs → filter-BCNjqiBx.mjs} +2 -2
  56. package/dist/{filter-CWuRGTl4.mjs.map → filter-BCNjqiBx.mjs.map} +1 -1
  57. package/dist/{flex-BTPF2-F6.d.cts → flex-CWo0w9K1.d.cts} +4 -4
  58. package/dist/{flex-BTPF2-F6.d.mts → flex-CWo0w9K1.d.mts} +4 -4
  59. package/dist/{index-C9JAujMq.d.cts → index-BapooVnN.d.cts} +12 -12
  60. package/dist/{index-DnHoBjv7.d.mts → index-CFgFCg9H.d.mts} +12 -12
  61. package/dist/index.cjs +1 -1
  62. package/dist/index.d.cts +12 -12
  63. package/dist/index.d.mts +12 -12
  64. package/dist/index.mjs +1 -1
  65. package/dist/{input-D73TrUof.d.cts → input-DxNK7Wo6.d.cts} +2 -2
  66. package/dist/{input-D73TrUof.d.mts → input-DxNK7Wo6.d.mts} +2 -2
  67. package/dist/{item-ChW41yKF.d.mts → item-Brbp9t6f.d.mts} +2 -2
  68. package/dist/{item-BxUBO7Hd.d.cts → item-CtLZgUB6.d.cts} +2 -2
  69. package/dist/layouts/cms-layout/index.cjs +1 -1
  70. package/dist/layouts/cms-layout/index.mjs +1 -1
  71. package/dist/layouts/flex.d.cts +1 -1
  72. package/dist/layouts/flex.d.mts +1 -1
  73. package/dist/list-display-DPxZ_Jbf.cjs +2 -0
  74. package/dist/list-display-DPxZ_Jbf.cjs.map +1 -0
  75. package/dist/list-display-M43N3kle.mjs +2 -0
  76. package/dist/list-display-M43N3kle.mjs.map +1 -0
  77. package/dist/{name-display-B-FtblLL.cjs → name-display-BJ1wPUnS.cjs} +2 -2
  78. package/dist/{name-display-B-FtblLL.cjs.map → name-display-BJ1wPUnS.cjs.map} +1 -1
  79. package/dist/{name-display-CB9XAhXP.mjs → name-display-pWhLLS05.mjs} +2 -2
  80. package/dist/{name-display-CB9XAhXP.mjs.map → name-display-pWhLLS05.mjs.map} +1 -1
  81. package/dist/{pagination-BRw-yZBY.d.cts → pagination-BVA_yrBO.d.mts} +2 -2
  82. package/dist/{pagination-BlLiOvY9.d.mts → pagination-DqJlXNY0.d.cts} +2 -2
  83. package/dist/{permalink-I-INEarM.mjs → permalink-BaMvnKIz.mjs} +2 -2
  84. package/dist/{permalink-I-INEarM.mjs.map → permalink-BaMvnKIz.mjs.map} +1 -1
  85. package/dist/{permalink-CUIKG9VA.cjs → permalink-CMcI__V4.cjs} +2 -2
  86. package/dist/{permalink-CUIKG9VA.cjs.map → permalink-CMcI__V4.cjs.map} +1 -1
  87. package/dist/{phone-number-DJvfJg1b.cjs → phone-number-F9I9sNLK.cjs} +2 -2
  88. package/dist/{phone-number-DJvfJg1b.cjs.map → phone-number-F9I9sNLK.cjs.map} +1 -1
  89. package/dist/{phone-number-Cu7Mnl6J.mjs → phone-number-ao2oCmrO.mjs} +2 -2
  90. package/dist/{phone-number-Cu7Mnl6J.mjs.map → phone-number-ao2oCmrO.mjs.map} +1 -1
  91. package/dist/{progress-display-DbfN7U8m.cjs → progress-display-F8xXJ3T1.cjs} +2 -2
  92. package/dist/{progress-display-DbfN7U8m.cjs.map → progress-display-F8xXJ3T1.cjs.map} +1 -1
  93. package/dist/{progress-display-qgvclwy9.mjs → progress-display-atwRFD6e.mjs} +2 -2
  94. package/dist/{progress-display-qgvclwy9.mjs.map → progress-display-atwRFD6e.mjs.map} +1 -1
  95. package/dist/{resizable-CWmitx5U.d.cts → resizable-B61Fbl57.d.cts} +2 -2
  96. package/dist/{resizable-CWmitx5U.d.mts → resizable-B61Fbl57.d.mts} +2 -2
  97. package/dist/{search-input-DEvYI6Rm.d.mts → search-input-C8feOKe2.d.cts} +2 -2
  98. package/dist/{search-input-h_3MoMqK.d.cts → search-input-CoqwakbI.d.mts} +2 -2
  99. package/dist/{statistic-LL4uHlRb.cjs → statistic-B9OqfhOl.cjs} +2 -2
  100. package/dist/{statistic-LL4uHlRb.cjs.map → statistic-B9OqfhOl.cjs.map} +1 -1
  101. package/dist/{statistic-ClkqqDfk.mjs → statistic-CJVc9sNs.mjs} +2 -2
  102. package/dist/{statistic-ClkqqDfk.mjs.map → statistic-CJVc9sNs.mjs.map} +1 -1
  103. package/dist/{status-display-BUphOF18.mjs → status-display-DInGGgiP.mjs} +2 -2
  104. package/dist/{status-display-BUphOF18.mjs.map → status-display-DInGGgiP.mjs.map} +1 -1
  105. package/dist/{status-display-o9inMVvb.cjs → status-display-DpKsYvZJ.cjs} +2 -2
  106. package/dist/{status-display-o9inMVvb.cjs.map → status-display-DpKsYvZJ.cjs.map} +1 -1
  107. package/dist/{summary-bar-Mb1B9Dnf.cjs → summary-bar-DKZh-VSB.cjs} +2 -2
  108. package/dist/{summary-bar-Mb1B9Dnf.cjs.map → summary-bar-DKZh-VSB.cjs.map} +1 -1
  109. package/dist/{summary-bar-CYfgdxrQ.mjs → summary-bar-DX_sOiuL.mjs} +2 -2
  110. package/dist/{summary-bar-CYfgdxrQ.mjs.map → summary-bar-DX_sOiuL.mjs.map} +1 -1
  111. package/dist/{tables-BGzwkdFO.mjs → tables-7_KgoyS-.mjs} +2 -2
  112. package/dist/{tables-BGzwkdFO.mjs.map → tables-7_KgoyS-.mjs.map} +1 -1
  113. package/dist/{tables-078i-X0d.cjs → tables-CS3NhgTc.cjs} +2 -2
  114. package/dist/{tables-078i-X0d.cjs.map → tables-CS3NhgTc.cjs.map} +1 -1
  115. package/dist/{toggle-group--bJylFDV.d.cts → toggle-group-DM5tS0Kt.d.cts} +2 -2
  116. package/dist/{toggle-group-l_Mi7NRg.d.mts → toggle-group-_PBz44Im.d.mts} +2 -2
  117. package/dist/{toggle-CqTmiPDi.d.cts → toggle-v1PgAvdG.d.cts} +2 -2
  118. package/dist/{toggle-CqTmiPDi.d.mts → toggle-v1PgAvdG.d.mts} +2 -2
  119. package/dist/{tooltip-BcfELg8e.cjs → tooltip-BcQG6Zw9.cjs} +2 -2
  120. package/dist/{tooltip-BcfELg8e.cjs.map → tooltip-BcQG6Zw9.cjs.map} +1 -1
  121. package/dist/{tooltip-TGmzPdoR.mjs → tooltip-C6flMQgc.mjs} +2 -2
  122. package/dist/{tooltip-TGmzPdoR.mjs.map → tooltip-C6flMQgc.mjs.map} +1 -1
  123. package/dist/ui/button.d.cts +1 -1
  124. package/dist/ui/button.d.mts +1 -1
  125. package/dist/ui/calendar.d.cts +1 -1
  126. package/dist/ui/calendar.d.mts +1 -1
  127. package/dist/ui/carousel.d.cts +1 -1
  128. package/dist/ui/carousel.d.mts +1 -1
  129. package/dist/ui/input.d.cts +1 -1
  130. package/dist/ui/input.d.mts +1 -1
  131. package/dist/ui/inputs/search-input.d.cts +1 -1
  132. package/dist/ui/inputs/search-input.d.mts +1 -1
  133. package/dist/ui/item.d.cts +1 -1
  134. package/dist/ui/item.d.mts +1 -1
  135. package/dist/ui/pagination.d.cts +1 -1
  136. package/dist/ui/pagination.d.mts +1 -1
  137. package/dist/ui/resizable.d.cts +1 -1
  138. package/dist/ui/resizable.d.mts +1 -1
  139. package/dist/ui/status.d.cts +1 -1
  140. package/dist/ui/status.d.mts +1 -1
  141. package/dist/ui/toggle-group.d.cts +1 -1
  142. package/dist/ui/toggle-group.d.mts +1 -1
  143. package/dist/ui/toggle.d.cts +1 -1
  144. package/dist/ui/toggle.d.mts +1 -1
  145. package/package.json +1 -1
  146. package/dist/cms-layout-BXd2ncAV.cjs +0 -2
  147. package/dist/cms-layout-BXd2ncAV.cjs.map +0 -1
  148. package/dist/cms-layout-COIo9HiP.mjs +0 -2
  149. package/dist/cms-layout-COIo9HiP.mjs.map +0 -1
  150. package/dist/date-display-BgI7Wjqf.cjs +0 -2
  151. package/dist/date-display-BgI7Wjqf.cjs.map +0 -1
  152. package/dist/date-display-DGfHQhpu.mjs +0 -2
  153. package/dist/date-display-DGfHQhpu.mjs.map +0 -1
  154. package/dist/list-display-BRJVmji0.cjs +0 -2
  155. package/dist/list-display-BRJVmji0.cjs.map +0 -1
  156. package/dist/list-display-Co94sV4H.mjs +0 -2
  157. package/dist/list-display-Co94sV4H.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-RP5VTE10.mjs`).then(e=>({default:e.UITableBadgeDisplay}))),it=$(()=>import(`./boolean-display-B9qxrF5f.mjs`).then(e=>({default:e.UITableBooleanDisplay}))),at=$(()=>import(`./currency-display-CEg_HRYv.mjs`).then(e=>({default:e.UITableCurrencyDisplay}))),ot=$(()=>import(`./date-display-DGfHQhpu.mjs`).then(e=>({default:e.UITableDateDisplay}))),st=$(()=>import(`./description-display-CW0g3aJa.mjs`).then(e=>({default:e.UITableDescriptionDisplay}))),ct=$(()=>import(`./edit-button-DmMFMzG0.mjs`).then(e=>({default:e.UITableEditButton}))),lt=$(()=>import(`./email-display-BKcoWmPK.mjs`).then(e=>({default:e.UITableEmailDisplay}))),ut=$(()=>import(`./list-display-Co94sV4H.mjs`).then(e=>({default:e.UITableListDisplay}))),dt=$(()=>import(`./more-button-BKBcXz6E.mjs`).then(e=>({default:e.UITableMoreButton}))),ft=$(()=>import(`./name-display-CB9XAhXP.mjs`).then(e=>({default:e.UITableNameDisplay}))),pt=$(()=>import(`./permalink-I-INEarM.mjs`).then(e=>({default:e.UITablePermalink}))),mt=$(()=>import(`./phone-number-Cu7Mnl6J.mjs`).then(e=>({default:e.UITablePhoneNumberDisplay}))),ht=$(()=>import(`./progress-display-qgvclwy9.mjs`).then(e=>({default:e.UITableProgressDisplay}))),gt=$(()=>import(`./remove-button-Db5oSj4h.mjs`).then(e=>({default:e.UITableRemoveButton}))),_t=$(()=>import(`./statistic-ClkqqDfk.mjs`).then(e=>({default:e.UITableStatisticDisplay}))),vt=$(()=>import(`./status-display-BUphOF18.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-CWuRGTl4.mjs`).then(e=>({default:e.UITableFilter}))),St=$(()=>import(`./analysis-panel-BqZmOU58.mjs`).then(e=>({default:e.UITableAnalysisPanel}))),Ct=$(()=>import(`./summary-bar-CYfgdxrQ.mjs`).then(e=>({default:e.UITableSummaryBar}))),wt=$(()=>import(`./tooltip-TGmzPdoR.mjs`).then(e=>({default:e.UITableTooltip}))),Tt=$(()=>import(`./tooltip-TGmzPdoR.mjs`).then(e=>({default:e.UITableTooltipFilter}))),Et=$(()=>import(`./tooltip-TGmzPdoR.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-BGzwkdFO.mjs.map
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-7_KgoyS-.mjs.map