admin-ui-starter-kit 0.1.4 → 0.4.3

package/dist/components/base/table/index.cjs

@@ -1,2 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/chunk-CMqjfN_6.cjs"),t=require("../../../_shared/ui-provider-RIYE7O_V.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/text-DzKt9cyb.cjs"),i=require("../../../_shared/badge-kS_XtN-z.cjs"),a=require("../../../_shared/button-CjZrRLzR.cjs"),o=require("../../../_shared/button-LZWDn-aU.cjs"),s=require("../../../_shared/dropdown-menu-CHQzQWUK.cjs"),c=require("../../../_shared/input-Cw2uICc1.cjs"),l=require("../../../_shared/separator-q42IlFFA.cjs"),u=require("../../../_shared/action-menu-RAyg3cvM.cjs");let d=require("react");d=e.t(d,1);let f=require("react/jsx-runtime"),p=require("lucide-react"),m=require("@tanstack/react-table");function h({className:e,containerClassName:t,...r}){return(0,f.jsx)(`div`,{"data-slot":`table-container`,className:n.cn(`relative w-full overflow-x-auto`,t),children:(0,f.jsx)(`table`,{"data-slot":`table`,className:n.cn(`w-full caption-bottom text-sm`,e),...r})})}function g({className:e,...t}){return(0,f.jsx)(`thead`,{"data-slot":`table-header`,className:n.cn(`[&_tr]:border-b`,e),...t})}function _({className:e,...t}){return(0,f.jsx)(`tbody`,{"data-slot":`table-body`,className:n.cn(`[&_tr:last-child]:border-0`,e),...t})}function v({className:e,...t}){return(0,f.jsx)(`tr`,{"data-slot":`table-row`,className:n.cn(`hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors`,e),...t})}function y({className:e,...t}){return(0,f.jsx)(`th`,{"data-slot":`table-head`,className:n.cn(`text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0`,e),...t})}function b({className:e,...t}){return(0,f.jsx)(`td`,{"data-slot":`table-cell`,className:n.cn(`p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0`,e),...t})}function x({className:e,...t}){return(0,f.jsx)(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:n.cn(`mx-auto flex w-full justify-center`,e),...t})}function S({className:e,...t}){return(0,f.jsx)(`ul`,{"data-slot":`pagination-content`,className:n.cn(`gap-1 flex items-center`,e),...t})}function C({...e}){return(0,f.jsx)(`li`,{"data-slot":`pagination-item`,...e})}function w({className:e,isActive:t,size:r=`icon`,...i}){return(0,f.jsx)(a.t,{variant:t?`outline`:`ghost`,size:r,className:n.cn(e),nativeButton:!1,render:(0,f.jsx)(`a`,{"aria-current":t?`page`:void 0,"data-slot":`pagination-link`,"data-active":t,...i})})}function T({className:e,text:t=`Previous`,...r}){return(0,f.jsxs)(w,{"aria-label":`Go to previous page`,size:`default`,className:n.cn(`pl-2!`,e),...r,children:[(0,f.jsx)(p.ChevronLeftIcon,{"data-icon":`inline-start`}),(0,f.jsx)(`span`,{className:`hidden sm:block`,children:t})]})}function E({className:e,text:t=`Next`,...r}){return(0,f.jsxs)(w,{"aria-label":`Go to next page`,size:`default`,className:n.cn(`pr-2!`,e),...r,children:[(0,f.jsx)(`span`,{className:`hidden sm:block`,children:t}),(0,f.jsx)(p.ChevronRightIcon,{"data-icon":`inline-end`})]})}function ee({className:e,...t}){return(0,f.jsxs)(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:n.cn(`size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center`,e),...t,children:[(0,f.jsx)(p.MoreHorizontalIcon,{}),(0,f.jsx)(`span`,{className:`sr-only`,children:`More pages`})]})}var D=e=>{let t=e.replace(/[_-]+/g,` `).replace(/\s+/g,` `).trim();return t?t.replace(/\b\w/g,e=>e.toUpperCase()):`Column`},O={emptyState:{message:`No results found.`},actions:{triggerLabel:`Actions`,srLabel:`Row actions menu`},filter:{searchPlaceholder:`Filter...`,columnsButton:`Columns`},columnVisibility:{title:`Toggle columns`,triggerLabel:`Columns`,formatLabel:(e,t)=>t&&t.trim().length>0?t:D(e)},toolbar:{scrollLeft:`Scroll left`,scrollRight:`Scroll right`,columns:`Toggle columns`,dense:`Compact view`,comfortable:`Comfortable view`},pagination:{showing:`Showing`,to:`to`,of:`of`,entries:`results`,previous:`Previous`,next:`Next`,page:`Page`,rowsPerPage:`Rows per page`,ariaLabel:`Pagination navigation`},selection:{summary:(e,t)=>`${e} of ${t} row${t===1?``:`s`} selected.`,row:e=>`Select row ${e+1}`,selectAll:`Select all rows`}},k=(e,t)=>({...e,...t??{}}),te=e=>e?{emptyState:k(O.emptyState,e.emptyState),actions:k(O.actions,e.actions),filter:k(O.filter,e.filter),columnVisibility:k(O.columnVisibility,e.columnVisibility),toolbar:k(O.toolbar,e.toolbar),pagination:k(O.pagination,e.pagination),selection:k(O.selection,e.selection)}:O;function ne(e,t){if(t<=7)return Array.from({length:t},(e,t)=>t+1);let n=[1];e>3&&n.push(`ellipsis`);let r=Math.max(2,e-1),i=Math.min(t-1,e+1);for(let e=r;e<=i;e++)n.push(e);return e<t-2&&n.push(`ellipsis`),n.push(t),n}function re(e,t,n){let r=new URLSearchParams;return r.set(n,String(t)),`${e}?${r.toString()}`}function ie({pagination:e,onPageChange:t,labels:i={},pageQueryKey:a}){let o={...O.pagination,...i},s=a??`page`,c=(e.current_page-1)*e.per_page+1,l=Math.min(e.current_page*e.per_page,e.total),u=(0,d.useCallback)((n,r)=>{r&&t?.(n,r,e.path||``)},[t,e.path]),p=e.prev_page_url!==null,m=e.next_page_url!==null,h=ne(e.current_page,e.last_page);return(0,f.jsxs)(`div`,{className:n.cn(`pagination--component`,`flex items-center justify-between px-5 py-3`),children:[(0,f.jsxs)(r.t,{size:`xs`,type:`secondary`,className:`tabular-nums tracking-tight`,children:[(0,f.jsxs)(r.t,{tag:`span`,weight:`medium`,className:`text-foreground`,children:[c,`–`,l]}),` `,o.of,` `,(0,f.jsx)(r.t,{tag:`span`,weight:`medium`,className:`text-foreground`,children:e.total}),` `,o.entries]}),(0,f.jsx)(x,{"aria-label":o.ariaLabel,className:`w-auto mx-0`,children:(0,f.jsxs)(S,{className:`gap-0.5`,children:[(0,f.jsx)(C,{children:(0,f.jsx)(T,{text:o.previous,href:`#`,onClick:t=>{t.preventDefault(),u(e.current_page-1,e.prev_page_url)},"aria-disabled":!p,className:`h-8 text-xs ${p?``:`pointer-events-none opacity-40`}`})}),h.map((t,n)=>{let r=t===`ellipsis`,i=r?`ellipsis-${e.current_page}-${n}`:`page-${t}`;return(0,f.jsx)(C,{children:r?(0,f.jsx)(ee,{className:`size-8`}):(0,f.jsx)(w,{href:`#`,isActive:t===e.current_page,onClick:n=>{n.preventDefault(),u(t,re(e.path,t,s))},className:`size-8 text-xs`,children:t})},i)}),(0,f.jsx)(C,{children:(0,f.jsx)(E,{text:o.next,href:`#`,onClick:t=>{t.preventDefault(),u(e.current_page+1,e.next_page_url)},"aria-disabled":!m,className:`h-8 text-xs ${m?``:`pointer-events-none opacity-40`}`})})]})})]})}ie.displayName=`Pagination`;function ae(e){let{row:t,actions:r,menuLabel:i,displayMode:a=`menu`,responsiveBreakpoint:s=1040,strings:c}=e,l=c??O,m=i??l.actions.triggerLabel,h=(0,d.useMemo)(()=>{let e=typeof r==`function`?r(t):r;return Array.isArray(e)?e:[]},[r,t]),g=(0,d.useMemo)(()=>{let e=e=>typeof e==`function`?e(t):e;return h.filter(t=>{let n=e(t.isVisible);return n===void 0?!0:n}).map(t=>({...t,disabled:e(t.isDisabled)??t.disabled??!1}))},[h,t]),_=g.length>0,[v,y]=(0,d.useState)(!1),b=g.filter(e=>e.variant!==`destructive`),x=g.filter(e=>e.variant===`destructive`),S=[...b,...x];if((0,d.useEffect)(()=>{if(a!==`auto`||!_){y(!1);return}let e=()=>{try{y(window.innerWidth<=s)}catch{y(!1)}};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[a,_,s]),!_)return null;let C=a===`auto`?v?`menu`:`inline`:a,w=e=>{if(e){if(typeof e==`function`)return e;if((0,d.isValidElement)(e)&&typeof e.type==`function`)return e.type}},T=e=>{switch(e){case`destructive`:return{variant:`error`,buttonStyle:`solid`};case`outline`:return{variant:`secondary`,buttonStyle:`outline`};case`secondary`:return{variant:`secondary`,buttonStyle:`solid`};case`ghost`:return{variant:`secondary`,buttonStyle:`ghost`};case`link`:return{variant:`secondary`,buttonStyle:`ghost`,className:`underline underline-offset-4`};default:return{variant:`primary`,buttonStyle:`solid`}}},E=e=>{switch(e){case`default`:return`primary`;case`destructive`:return`error`;default:return`secondary`}};return C===`inline`?(0,f.jsx)(`div`,{className:n.cn(`table-actions--component`,`flex items-center gap-1`),children:S.map((e,r)=>{let i=e.id||`${e.label}-${r}`,a=T(e.variant??`ghost`);return(0,f.jsxs)(o.t,{variant:a.variant,buttonStyle:a.buttonStyle,className:n.cn(`h-8 text-inherit leading-4`,a.className),disabled:!!e.disabled,onClick:()=>{e.onClick?.(t)},children:[!!e.icon&&(0,f.jsx)(`span`,{className:`mr-2 inline-flex`,children:e.icon}),e.label]},i)})}):(0,f.jsx)(u.t,{label:void 0,icon:p.MoreHorizontal,srText:m||l.actions.srLabel,closeOnSelect:!0,align:`end`,density:`table`,children:S.map((e,n)=>{let r=e.id||`${e.label}-${n}`,i=()=>{e.onClick?.(t)},a=w(e.icon),o=e.icon?(0,f.jsx)(`span`,{className:`inline-flex items-center`,children:e.icon}):null,s=a?null:(0,f.jsxs)(`div`,{className:`flex w-full items-center gap-2`,children:[o,(0,f.jsx)(`span`,{children:e.label})]}),c=E(e.variant);return(0,f.jsx)(u.n,{label:e.label,icon:a,variant:c,disabled:!!e.disabled,onClick:i,children:s},r)})})}ae.displayName=`DataTableActions`;var oe=(e,t,n)=>{typeof e==`function`?t(t=>{let r=e(t);return n&&n(r),r}):(t(e),n&&n(e))},se=(e,t,n)=>{typeof e==`function`?t(t=>{let r=e(t);return n&&n(r),r}):(t(e),n&&n(e))},ce=(e,t,n)=>{typeof e==`function`?t(t=>{let r=e(t);return n&&n(r),r}):(t(e),n&&n(e))},A=(e,t,n,r)=>{let i=``;return r&&(i+=`bg-primary/5 `),typeof n==`function`?i+=n(e,t)+` `:n&&(i+=n+` `),i.trim()},j=(e,t,n,r,i)=>{let a=``;return typeof n==`string`?a=n:n&&t&&(a=n(e,t)),r&&i?`${a} sticky left-0 z-10 bg-card`:a},le=e=>e.getSelectedRowModel().rows.map(e=>e.original),M=(e,t=O)=>(0,f.jsx)(`div`,{className:`px-1`,children:(0,f.jsx)(`input`,{type:`checkbox`,className:`size-3.5 rounded border-border text-primary accent-primary focus-visible:ring-ring focus-visible:ring-offset-1 cursor-pointer disabled:cursor-not-allowed disabled:opacity-40`,checked:e.getIsSelected(),disabled:!e.getCanSelect(),onChange:e.getToggleSelectedHandler(),onClick:e=>e.stopPropagation(),"aria-label":t.selection.row(e.index)})}),N=(e,t=O)=>(0,f.jsx)(`div`,{className:`px-1`,children:(0,f.jsx)(`input`,{type:`checkbox`,className:`size-3.5 rounded border-border text-primary accent-primary focus-visible:ring-ring focus-visible:ring-offset-1 cursor-pointer`,checked:e.getIsAllPageRowsSelected(),onChange:e.getToggleAllPageRowsSelectedHandler(),"aria-label":t.selection.selectAll})}),ue=(e,t=O)=>[{id:`selection`,header:({table:e})=>N(e,t),cell:({row:e})=>M(e,t),enableSorting:!1,enableResizing:!1,size:40},...e];function P({table:e,onRowClick:t,emptyStateMessage:i,emptyStateAction:a,cellClassName:o=``,rowClassName:s=``,stickyFirstColumn:c=!1,striped:l=!1,dense:u=!1,strings:d}){let p=e.getRowModel().rows,h=i??d?.emptyState.message??O.emptyState.message,g=e=>{t&&t(e)};return p.length?(0,f.jsx)(_,{children:p.map((e,r)=>{let i=e.getIsSelected(),a=e.getVisibleCells(),d=A(e,r,s,i),p=()=>{t&&g(e.original)},h=n.cn(d,l&&r%2!=0?`bg-muted/30`:``,`transition-colors duration-100`,`hover:bg-accent/40 data-[state=selected]:bg-primary/5 data-[state=selected]:hover:bg-primary/10`,t?`cursor-pointer`:``,`border-b border-border last:border-b-0`);return(0,f.jsx)(v,{"data-state":i?`selected`:null,className:h,onClick:p,children:a.map((t,r)=>(0,f.jsx)(b,{className:n.cn(j(t.column.id,e,o,c,r===0),`first:pl-5 last:pr-5`,u&&`py-1.5 px-2 first:pl-3 last:pr-3 text-xxs leading-3`),children:(0,m.flexRender)(t.column.columnDef.cell,t.getContext())},t.id))},e.id)})}):(0,f.jsx)(_,{className:`table-body--component`,children:(0,f.jsx)(v,{className:`hover:bg-transparent`,children:(0,f.jsx)(b,{className:`h-24 text-center`,colSpan:e.getAllColumns().length,children:(0,f.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-12 space-y-2`,children:[(0,f.jsx)(`div`,{className:`flex items-center justify-center size-10 rounded-full bg-muted mb-1`,children:(0,f.jsx)(`svg`,{className:`size-5 text-muted-foreground/60`,xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,children:(0,f.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5m6 4.125l2.25 2.25m0 0l2.25-2.25M12 13.875V7.5M3.75 7.5h16.5`})})}),(0,f.jsx)(r.t,{type:`secondary`,weight:`medium`,children:h}),!!a&&(0,f.jsx)(`div`,{className:`mt-1`,children:a})]})})})})}P.displayName=`DataTableBody`;function F({table:e,enableResizing:t=!1,stickyHeader:r=!1,headerClassName:i=``,cellClassName:a=``,stickyFirstColumn:o=!1,columnGroups:s,dense:c=!1,headerTransparent:l=!1}){let u=e.getHeaderGroups(),d=e=>s?s.find(t=>t.columns.includes(e)):null;return(0,f.jsxs)(g,{className:n.cn(r&&(l?`sticky top-[var(--topbar-height)] z-10 bg-background/80 backdrop-blur-md shadow-[0_1px_0_0_var(--border)]`:`sticky top-[var(--topbar-height)] z-10 bg-muted backdrop-blur-md shadow-[0_1px_0_0_var(--border)]`),i),children:[(()=>{if(!s||s.length===0||u.length===0)return null;let e=u[0].headers,t=null,r=0,i=[];return e.forEach((n,a)=>{let o=d(n.id)?.header||``;o===t?r++:(t!==null&&r>0&&i.push((0,f.jsx)(y,{colSpan:r,className:`text-center border-r border-border/60 last:border-r-0 px-3 py-2 text-xxs font-bold uppercase tracking-widest text-muted-foreground/70 bg-muted/40`,children:t||``},`group-${t}-${i.length}`)),t=o,r=1),a===e.length-1&&r>0&&i.push((0,f.jsx)(y,{colSpan:r,className:`text-center border-r border-border/60 last:border-r-0 px-3 py-2 text-xxs font-bold uppercase tracking-widest text-muted-foreground/70 bg-muted/40 whitespace-nowrap`,children:t||``},`group-${t}-${i.length}`))}),(0,f.jsx)(v,{className:n.cn(`table-header--component`,`border-b border-border`),children:i})})(),u.map(e=>(0,f.jsx)(v,{className:n.cn(`border-b border-border`,l?`bg-transparent hover:bg-transparent`:`bg-muted hover:bg-muted`),children:e.headers.map((e,r)=>{let i=n.cn(j(e.id,null,a,o,r===0),`first:pl-5 last:pr-5`,c&&`px-2 py-1.5 first:pl-3 last:pr-3 text-xxs`,`text-muted-foreground font-medium uppercase tracking-wider whitespace-nowrap`,`bg-transparent`),s=t?{position:`relative`}:void 0,l=e.getResizeHandler(),u=e.column.getIsResizing(),d=(()=>{let t=e.column.columnDef.header;return typeof t==`string`?t:typeof e.id==`string`?e.id:`column`})();return(0,f.jsx)(y,{className:i,style:s,children:e.isPlaceholder?null:(0,f.jsxs)(`div`,{children:[(()=>{let t=e.column.getCanSort(),r=e.column.getIsSorted(),i=(0,m.flexRender)(e.column.columnDef.header,e.getContext()),a=r===`asc`?p.ArrowUp:r===`desc`?p.ArrowDown:p.ChevronsUpDown;return t?(0,f.jsxs)(`button`,{type:`button`,onClick:e.column.getToggleSortingHandler(),className:n.cn(`group inline-flex items-center gap-1.5 select-none -ml-1 px-1 rounded`,`hover:text-foreground transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,r&&`text-foreground`),"aria-label":`Sort ${d}`,children:[i,(0,f.jsx)(a,{className:n.cn(`size-3 shrink-0 transition-opacity`,r?`opacity-100`:`opacity-30 group-hover:opacity-70`),"aria-hidden":`true`})]}):(0,f.jsx)(`div`,{className:`flex items-center`,children:i})})(),!!t&&(0,f.jsx)(`button`,{type:`button`,className:n.cn(`absolute top-0 right-0 h-full w-1 cursor-col-resize select-none touch-none bg-foreground bg-opacity-50 opacity-0 hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none`,u&&`!bg-primary-600 bg-opacity-100`),"aria-label":`Resize ${d}`,"aria-orientation":`vertical`,onMouseDown:l,onTouchStart:l})]})},e.id)})},e.id))]})}F.displayName=`DataTableHeader`;var de=300,I=`inline-flex items-center justify-center h-7 w-7 rounded-none text-muted-foreground/70 hover:bg-muted hover:text-foreground transition-colors duration-150 disabled:opacity-30 disabled:pointer-events-none`;function L({label:e,onClick:t,disabled:r,className:i,children:a}){return(0,f.jsx)(`button`,{type:`button`,"aria-label":e,className:n.cn(`table-toolbar--component`,I,i),onClick:t,disabled:r,children:a})}function R(e){return e?e.querySelector(`[data-slot="table-container"]`):null}function z({table:e,tableAreaRef:t,dense:r,onDenseChange:i,enableColumnVisibility:a=!1,strings:o=O}){let[s,c]=(0,d.useState)(!1),[l,u]=(0,d.useState)(!1),m=(0,d.useRef)(0),h=(0,d.useRef)(null),g=(0,d.useCallback)(()=>{let e=R(t.current);if(!e){c(!1),u(!1);return}let{scrollLeft:n,scrollWidth:r,clientWidth:i}=e;c(n>1),u(n+i<r-1)},[t]);(0,d.useEffect)(()=>{let e=window.setTimeout(()=>{let e=R(t.current);if(!e)return;g();let n=()=>{cancelAnimationFrame(m.current),m.current=requestAnimationFrame(g)};e.addEventListener(`scroll`,n,{passive:!0});let r=new ResizeObserver(g);r.observe(e),e.firstElementChild&&r.observe(e.firstElementChild),h.current=()=>{e.removeEventListener(`scroll`,n),cancelAnimationFrame(m.current),r.disconnect()}},0);return()=>{window.clearTimeout(e),h.current?.()}},[t,g,r]);let _=(0,d.useCallback)(()=>{R(t.current)?.scrollBy({left:-300,behavior:`smooth`})},[t]),v=(0,d.useCallback)(()=>{R(t.current)?.scrollBy({left:de,behavior:`smooth`})},[t]),y=(0,d.useCallback)(()=>{i(!r)},[r,i]),b=a?e.getAllColumns().filter(e=>e.getCanHide()):[],x=s||l,S=a&&b.length>0,C=r?o.toolbar.comfortable:o.toolbar.dense;return(0,f.jsxs)(`div`,{className:`flex items-center rounded-md border border-border bg-card`,children:[!!x&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(L,{label:o.toolbar.scrollLeft,onClick:_,disabled:!s,className:`rounded-l-[calc(theme(borderRadius.md)-1px)]`,children:(0,f.jsx)(p.ChevronLeft,{className:`h-3.5 w-3.5`})}),(0,f.jsx)(L,{label:o.toolbar.scrollRight,onClick:v,disabled:!l,children:(0,f.jsx)(p.ChevronRight,{className:`h-3.5 w-3.5`})}),(0,f.jsx)(`div`,{className:`h-4 w-px bg-border`})]}),!!S&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(B,{columns:b,strings:o,roundLeft:!x}),(0,f.jsx)(`div`,{className:`h-4 w-px bg-border`})]}),(0,f.jsx)(L,{label:C,onClick:y,className:n.cn(`rounded-r-[calc(theme(borderRadius.md)-1px)]`,!x&&!S&&`rounded-l-[calc(theme(borderRadius.md)-1px)]`),children:r?(0,f.jsx)(p.Maximize2,{className:`h-3.5 w-3.5`}):(0,f.jsx)(p.Minimize2,{className:`h-3.5 w-3.5`})})]})}function B({columns:e,strings:t,roundLeft:r}){return(0,f.jsxs)(s.t,{children:[(0,f.jsx)(s.g,{render:e=>(0,f.jsx)(`button`,{...e,type:`button`,"aria-label":t.toolbar.columns,className:n.cn(I,e.className,r&&`rounded-l-[calc(theme(borderRadius.md)-1px)]`),children:(0,f.jsx)(p.Columns3,{className:`h-3.5 w-3.5`})})}),(0,f.jsxs)(s.r,{align:`end`,className:`w-[200px]`,children:[(0,f.jsx)(s.o,{children:t.columnVisibility.title}),(0,f.jsx)(s.d,{}),e.map(e=>{let n=e.columnDef.header,r=t.columnVisibility.formatLabel(e.id,typeof n==`string`?n:void 0);return(0,f.jsx)(s.n,{className:`capitalize`,checked:e.getIsVisible(),onCheckedChange:t=>e.toggleVisibility(!!t),children:r},e.id)})]})]})}z.displayName=`DataTableToolbar`;var fe=(0,d.createContext)(`xs`);function V(){return(0,d.useContext)(fe)}var pe={xs:`[&_th]:text-xxs [&_td]:text-xs   [&_th]:py-1.5 [&_td]:py-1.5 [&_th]:px-2   [&_td]:px-2   [&_th]:h-8`,sm:`[&_th]:text-xxs [&_td]:text-sm   [&_th]:py-2   [&_td]:py-2   [&_th]:px-2.5 [&_td]:px-2.5 [&_th]:h-10`,base:`[&_th]:text-xs  [&_td]:text-base [&_th]:py-3.5 [&_td]:py-3   [&_th]:px-4   [&_td]:px-3   [&_th]:h-14`};function H({size:e,surface:r=`card`,headerTransparent:i=!1,columns:a,data:o,columnGroups:s,rowActions:c,rowActionsMenuLabel:u,rowActionsDisplayMode:p,rowActionsBreakpoint:g,enableSorting:_=!1,manualSorting:v=!1,enableColumnVisibility:y=!1,enableRowSelection:b=!1,enableMultiRowSelection:x=!0,enableSubRowSelection:S=!1,pagination:C,pageQueryKey:w,onPageChange:T,onSort:E,onRowClick:ee,onRowSelectionChange:D,stickyHeader:O=!1,stickyFirstColumn:k=!1,emptyStateMessage:ne,emptyStateAction:re,className:oe=``,rowClassName:A=``,cellClassName:j=``,headerClassName:le=``,wrapperClassName:M=``,innerClassName:N=`overflow-x-auto`,tableContainerClassName:de=``,getRowId:I,rowSelection:L,initialState:R,onColumnVisibilityChange:B,strings:V,topbarContent:H,storageKey:U}){let{defaultSize:W}=t.f(),G=e??W??`xs`,K=(0,d.useMemo)(()=>te(V),[V]),me=n.cn(`bg-card`,A),q=ne??K.emptyState.message,J=u??K.actions.triggerLabel,he=w??`page`,Y=Array.isArray(a)&&a.length===2&&Array.isArray(a[1])?a[0]:a,X=(0,d.useMemo)(()=>U?`dt.${U}.columns`:null,[U]),Z=(0,d.useMemo)(()=>U?`dt.${U}.dense`:null,[U]),ge=(0,d.useMemo)(()=>{if(!X||typeof window>`u`)return R?.columnVisibility||{};try{let e=window.localStorage.getItem(X);return{...e?JSON.parse(e):{},...R?.columnVisibility||{}}}catch{return R?.columnVisibility||{}}},[X,R?.columnVisibility]),Q=(0,d.useMemo)(()=>{if(!Z||typeof window>`u`)return!1;try{return window.localStorage.getItem(Z)===`1`}catch{return!1}},[Z]),[_e,ve]=(0,d.useState)(R?.sorting||[]),[ye,be]=(0,d.useState)(ge),[xe,Se]=(0,d.useState)(R?.rowSelection||{}),[$,Ce]=(0,d.useState)(Q),we=L??xe,Te=(0,d.useRef)(null),Ee=(0,d.useCallback)(e=>{se(e,ve,E)},[E]),De=(0,d.useCallback)(e=>{ce(e,be,e=>{if(X&&typeof window<`u`)try{window.localStorage.setItem(X,JSON.stringify(e))}catch{}B&&B(e)})},[X,B]),Oe=(0,d.useCallback)(e=>{let t=typeof e==`function`?e(we):e;L===void 0&&Se(t),D?.(t)},[L,D,we]),ke=(0,d.useCallback)(e=>{if(Ce(e),Z&&typeof window<`u`)try{window.localStorage.setItem(Z,e?`1`:`0`)}catch{}},[Z]),Ae=(0,m.useReactTable)({data:o,columns:(0,d.useMemo)(()=>{let e=b?ue(Y,K):Y;if(!c)return e;let t={id:`actions`,header:K.actions.triggerLabel,cell:({row:e})=>(0,f.jsx)(ae,{row:e.original,actions:c,menuLabel:J,displayMode:p,responsiveBreakpoint:g,strings:K}),enableSorting:!1,enableHiding:!1,size:40};return[...e,t]},[Y,b,c,J,g,p,K]),state:{sorting:_e,columnVisibility:ye,rowSelection:we},enableSorting:_,manualSorting:v,enableRowSelection:b,enableMultiRowSelection:x,enableSubRowSelection:S,onSortingChange:_&&v?Ee:void 0,onRowSelectionChange:b?Oe:void 0,onColumnVisibilityChange:De,getCoreRowModel:(0,m.getCoreRowModel)(),getRowId:I}),je=C&&C.last_page>1,Me=fe.Provider;return(0,f.jsx)(Me,{value:G,children:(0,f.jsxs)(`div`,{className:n.cn($?`fixed inset-0 z-50 bg-background flex flex-col overflow-hidden p-6`:n.cn(`w-full min-w-0 max-w-full`,r===`card`&&`overflow-hidden rounded-lg border border-border bg-card shadow-[0_1px_3px_0_rgb(0_0_0/0.04)]`,r===`glass`&&`rounded-md overflow-hidden border border-border/60`,M)),children:[!!(H||y)&&(0,f.jsxs)(`div`,{className:`relative`,children:[(0,f.jsxs)(`div`,{className:n.cn(`data-table-topbar flex items-end justify-between gap-4 px-5 py-3.5`,$?`mb-3 shrink-0`:`mb-0`),children:[(0,f.jsx)(`div`,{className:`data-table-topbar-left flex-1`,children:H}),(0,f.jsx)(`div`,{className:`data-table-topbar-right flex items-center justify-end`,children:(0,f.jsx)(z,{table:Ae,tableAreaRef:Te,dense:$,onDenseChange:ke,enableColumnVisibility:y,strings:K})})]}),(0,f.jsx)(l.t,{})]}),(0,f.jsx)(`div`,{ref:Te,className:n.cn(``,$?`flex-1 overflow-auto min-h-0`:N),children:(0,f.jsxs)(h,{className:n.cn(`relative`,pe[G],oe),containerClassName:de,children:[(0,f.jsx)(F,{table:Ae,stickyHeader:O,headerClassName:le,cellClassName:j,stickyFirstColumn:k,columnGroups:s,dense:$,headerTransparent:i}),(0,f.jsx)(P,{table:Ae,onRowClick:ee,emptyStateMessage:q,emptyStateAction:re,cellClassName:j,rowClassName:me,stickyFirstColumn:k,strings:K,dense:$})]})}),!!je&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(l.t,{}),(0,f.jsx)(ie,{pagination:C,onPageChange:T,pageQueryKey:he,labels:K.pagination})]})]})})}H.displayName=`DataTable`;function U({table:e,filterColumn:t,filterPlaceholder:r,enableColumnVisibility:i=!1,customContent:a,strings:l=O}){if(!t&&!i&&!a)return null;let u=r??l.filter.searchPlaceholder;return(0,f.jsxs)(`div`,{className:n.cn(`filter-bar--component`,`flex items-center justify-between p-4`),children:[(0,f.jsxs)(`div`,{className:`flex flex-1 items-center space-x-2`,children:[!!t&&(0,f.jsx)(c.t,{placeholder:u,value:e.getColumn(t)?.getFilterValue()??``,onChange:n=>{let r=n.target.value;e.getColumn(t)?.setFilterValue(r)},className:`max-w-sm`}),a]}),!!i&&(0,f.jsxs)(s.t,{children:[(0,f.jsx)(s.g,{render:e=>(0,f.jsx)(o.t,{...e,variant:`secondary`,buttonStyle:`outline`,className:`ml-auto`,children:l.columnVisibility.triggerLabel})}),(0,f.jsxs)(s.r,{align:`end`,children:[(0,f.jsx)(s.o,{children:l.columnVisibility.title}),e.getAllColumns().filter(e=>e.getCanHide()).map(e=>{let t=e.columnDef.header,n=l.columnVisibility.formatLabel(e.id,typeof t==`string`?t:void 0);return(0,f.jsx)(s.n,{className:`capitalize`,checked:e.getIsVisible(),onCheckedChange:t=>e.toggleVisibility(!!t),children:n},e.id)})]})]})]})}U.displayName=`DataTableFilterBar`;function W({table:e,selectedRowCount:t,totalRowCount:i,strings:a=O}){let s=t??e.getFilteredSelectedRowModel().rows.length,c=i??e.getFilteredRowModel().rows.length,l=a.selection.summary(s,c);return(0,f.jsxs)(`div`,{className:n.cn(`table-pagination--component`,`flex items-center justify-end space-x-2 px-4 py-4`),children:[(0,f.jsx)(`div`,{className:`flex-1`,children:(0,f.jsx)(r.t,{type:`secondary`,children:l})}),(0,f.jsx)(o.t,{variant:`secondary`,buttonStyle:`outline`,onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),children:a.pagination.previous}),(0,f.jsx)(o.t,{variant:`secondary`,buttonStyle:`outline`,onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),children:a.pagination.next})]})}W.displayName=`DataTablePagination`;function G({table:e,className:t,align:r=`end`,strings:i=O}){let a=e.getAllColumns().filter(e=>e.getCanHide());return a.length===0?null:(0,f.jsxs)(s.t,{children:[(0,f.jsxs)(s.g,{render:e=>(0,f.jsx)(o.t,{...e,variant:`secondary`,buttonStyle:`outline`,className:n.cn(`column-visibility-toggle--component`,`h-8 flex items-center gap-2`,e.className,t),children:e.children}),children:[(0,f.jsx)(p.Settings2,{className:`h-4 w-4`}),(0,f.jsx)(`span`,{className:`hidden sm:inline`,children:i.columnVisibility.triggerLabel})]}),(0,f.jsxs)(s.r,{align:r,className:`w-[200px]`,children:[(0,f.jsx)(s.o,{children:i.columnVisibility.title}),(0,f.jsx)(s.d,{}),a.map(e=>{let t=e.columnDef.header,n=i.columnVisibility.formatLabel(e.id,typeof t==`string`?t:void 0);return(0,f.jsx)(s.n,{className:`capitalize`,checked:e.getIsVisible(),onCheckedChange:t=>e.toggleVisibility(!!t),children:n},e.id)})]})]})}G.displayName=`ColumnVisibilityToggle`;function K({value:e,fallback:t=`--`,missing:i,className:a,children:o}){let s=i??(e==null||e===``);return o===void 0?s?(0,f.jsx)(r.t,{tag:`span`,size:`inherit`,type:`secondary`,className:n.cn(`opacity-60`,a),children:t}):(0,f.jsx)(r.t,{tag:`span`,size:`inherit`,className:a,children:String(e)}):(0,f.jsx)(r.t,{tag:`span`,size:`inherit`,type:s?`secondary`:`main`,className:n.cn(s&&`opacity-60`,a),children:o})}K.displayName=`CellValue`;var me=e=>(0,f.jsx)(`a`,{className:`text-foreground underline decoration-border decoration-dotted underline-offset-2 transition-colors duration-150 hover:text-foreground hover:decoration-muted-foreground`,...e,children:e.children});function q({value:e,map:t,emptyLabel:a=`—`,className:o}){if(!e||!(e in t))return(0,f.jsx)(r.t,{size:`inherit`,type:`secondary`,className:n.cn(`opacity-60`,o),children:a});let s=t[e],c=s.icon;return(0,f.jsxs)(i.t,{variant:s.variant??`secondary`,className:n.cn(`gap-1.5`,o),children:[!!c&&(0,f.jsx)(c,{className:`size-3`}),s.label]})}q.displayName=`StatusCell`;var J={month:`short`,day:`numeric`,year:`numeric`};function he({value:e,options:t=J,locale:i,showIcon:a=!0,icon:o=p.Calendar,emptyLabel:s=`—`,className:c}){if(e==null||e===``)return(0,f.jsx)(r.t,{size:`inherit`,type:`secondary`,className:n.cn(`opacity-60`,c),children:s});let l=e instanceof Date?e:new Date(e);if(Number.isNaN(l.getTime()))return(0,f.jsx)(r.t,{size:`inherit`,type:`secondary`,className:n.cn(`opacity-60`,c),children:s});let u=new Intl.DateTimeFormat(i,t);return(0,f.jsxs)(`span`,{className:n.cn(`inline-flex items-center gap-1.5 tabular-nums`,c),children:[!!a&&(0,f.jsx)(o,{className:`size-3.5 text-muted-foreground`}),(0,f.jsx)(r.t,{size:`inherit`,type:`secondary`,children:u.format(l)})]})}he.displayName=`DateCell`;function Y({value:e,currency:t,locale:i,emptyLabel:a=`—`,className:o,weight:s=`semibold`}){let c=typeof e==`number`?e:Number.parseFloat(String(e??``));if(!Number.isFinite(c))return(0,f.jsx)(r.t,{size:`inherit`,type:`secondary`,className:n.cn(`opacity-60`,o),children:a});let l=t?new Intl.NumberFormat(i,{style:`currency`,currency:t,maximumFractionDigits:2}).format(c):c.toFixed(2);return(0,f.jsx)(r.t,{tag:`span`,size:`inherit`,weight:s,className:n.cn(`tabular-nums`,o),children:l})}Y.displayName=`CurrencyCell`;function X(e){return e.split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0].toUpperCase()).join(``)}function Z({name:e,imageUrl:t,icon:i=p.Mail,subtitle:a,emptyLabel:o=`—`,className:s}){return!e||e.trim().length===0?(0,f.jsx)(r.t,{size:`inherit`,type:`secondary`,className:n.cn(`opacity-60`,s),children:o}):(0,f.jsxs)(`span`,{className:n.cn(`inline-flex items-center gap-2`,s),children:[(0,f.jsx)(`span`,{className:`relative inline-flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground`,children:t?(0,f.jsx)(`img`,{src:t,alt:e,className:`absolute inset-0 size-full object-cover`}):e.length>0?(0,f.jsx)(r.t,{size:`xs`,weight:`semibold`,className:`leading-none`,children:X(e)}):(0,f.jsx)(i,{className:`size-3.5`})}),(0,f.jsxs)(`span`,{className:`min-w-0 inline-flex flex-col`,children:[(0,f.jsx)(r.t,{size:`inherit`,weight:`medium`,className:`truncate`,children:e}),!!a&&(0,f.jsx)(r.t,{size:`xs`,type:`secondary`,className:`truncate`,children:a})]})]})}Z.displayName=`AvatarCell`;var ge=300;function Q(e){return e?e.querySelector(`[data-slot="table-container"]`):null}function _e(e,t={}){let{stepPx:n=ge,deps:r=[]}=t,[i,a]=(0,d.useState)(!1),[o,s]=(0,d.useState)(!1),c=(0,d.useRef)(0),l=(0,d.useCallback)(()=>{let t=Q(e.current);if(!t){a(!1),s(!1);return}let{scrollLeft:n,scrollWidth:r,clientWidth:i}=t;a(n>1),s(n+i<r-1)},[e]);(0,d.useEffect)(()=>{let t=window.setTimeout(()=>{let t=Q(e.current);if(!t)return;l();let n=()=>{cancelAnimationFrame(c.current),c.current=requestAnimationFrame(l)};t.addEventListener(`scroll`,n,{passive:!0});let r=new ResizeObserver(l);return r.observe(t),t.firstElementChild&&r.observe(t.firstElementChild),()=>{t.removeEventListener(`scroll`,n),cancelAnimationFrame(c.current),r.disconnect()}},0);return()=>window.clearTimeout(t)},[e,l,...r]);let u=(0,d.useCallback)(t=>{Q(e.current)?.scrollBy({left:t,behavior:`smooth`})},[e]);return{canScrollLeft:i,canScrollRight:o,scrollBy:u,scrollLeft:(0,d.useCallback)(()=>u(-n),[u,n]),scrollRight:(0,d.useCallback)(()=>u(n),[u,n])}}function ve(e,t=!1){let[n,r]=(0,d.useState)((()=>{if(!e||typeof window>`u`)return t;try{let n=window.localStorage.getItem(e);return n===`1`?!0:n===`0`?!1:t}catch{return t}})());return[n,(0,d.useCallback)(t=>{if(r(t),e&&typeof window<`u`)try{window.localStorage.setItem(e,t?`1`:`0`)}catch{}},[e])]}var ye=`inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground/70 transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-30`;function be({dense:e,onChange:t,denseLabel:r=`Dense`,comfortableLabel:i=`Comfortable`,className:a}){let o=e?i:r,s=e?p.Maximize2:p.Minimize2;return(0,f.jsx)(`button`,{type:`button`,"aria-label":o,"aria-pressed":e,onClick:()=>t(!e),className:n.cn(ye,a),children:(0,f.jsx)(s,{className:`size-3.5`})})}be.displayName=`DensityToggle`,exports.AvatarCell=Z,exports.CellValue=K,exports.ColumnVisibilityToggle=G,exports.CurrencyCell=Y,exports.DataTable=H,exports.DataTableActions=ae,exports.DataTableBody=P,exports.DataTableFilterBar=U,exports.DataTableHeader=F,exports.DataTablePagination=W,exports.DataTableToolbar=z,exports.DateCell=he,exports.DensityToggle=be,exports.Pagination=ie,exports.StatusCell=q,exports.TableLink=me,exports.addSelectionColumn=ue,exports.createHeaderSelectionCheckbox=N,exports.createRowSelectionCheckbox=M,exports.defaultDataTableStrings=O,exports.getCellClassName=j,exports.getDataTableScrollContainer=Q,exports.getRowClassName=A,exports.getSelectedRowsData=le,exports.handleColumnVisibilityChange=ce,exports.handleRowSelectionChange=oe,exports.handleSortingChange=se,exports.mergeDataTableStrings=te,exports.useDataTableScrollState=_e,exports.useDataTableSize=V,exports.usePersistentDensity=ve;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/table-CJoxRCWy.cjs");exports.AvatarCell=e.a,exports.CellValue=e.u,exports.ColumnVisibilityToggle=e.d,exports.CurrencyCell=e.o,exports.DataTable=e.m,exports.DataTableActions=e.O,exports.DataTableBody=e.v,exports.DataTableFilterBar=e.p,exports.DataTableHeader=e._,exports.DataTablePagination=e.f,exports.DataTableToolbar=e.g,exports.DateCell=e.s,exports.DensityToggle=e.t,exports.Pagination=e.k,exports.StatusCell=e.c,exports.TableLink=e.l,exports.addSelectionColumn=e.y,exports.createHeaderSelectionCheckbox=e.b,exports.createRowSelectionCheckbox=e.x,exports.defaultDataTableStrings=e.A,exports.getCellClassName=e.S,exports.getDataTableScrollContainer=e.n,exports.getRowClassName=e.C,exports.getSelectedRowsData=e.w,exports.handleColumnVisibilityChange=e.T,exports.handleRowSelectionChange=e.E,exports.handleSortingChange=e.D,exports.mergeDataTableStrings=e.j,exports.useDataTableScrollState=e.r,exports.useDataTableSize=e.h,exports.usePersistentDensity=e.i;