tembro 6.0.3 → 6.1.1

package/dist/src/components/data-table/data-table-saved-filters.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs"),i=require("../ui/input/index.cjs"),a=require("../ui/select/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l({savedFilters:e,activeFilterId:l,onSelectFilter:u,onSaveFilter:d,onDeleteFilter:f,onClearFilters:p,triggerClassName:m,className:h,...g}){let[_,v]=o.useState(!1),[y,b]=o.useState(``),x=e=>{e.preventDefault(),y.trim()&&(d?.(y.trim()),b(``),v(!1))};return(0,c.jsx)(`div`,{className:h,...g,children:(0,c.jsxs)(a.Select,{value:l??null,onValueChange:e=>{e&&u?.(e)},children:[(0,c.jsx)(a.SelectTrigger,{className:m,children:(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(s.BookmarkIcon,{className:`size-4 text-muted-foreground`}),(0,c.jsx)(a.SelectValue,{placeholder:`Saved views`})]})}),(0,c.jsxs)(a.SelectContent,{children:[(0,c.jsxs)(a.SelectGroup,{children:[(0,c.jsx)(a.SelectLabel,{children:`Views`}),e.length===0&&(0,c.jsx)(`div`,{className:`px-2 py-1.5 text-sm text-muted-foreground`,children:`No saved views`}),e.map(e=>(0,c.jsxs)(`div`,{className:`group relative flex items-center`,children:[(0,c.jsx)(a.SelectItem,{value:e.id,className:`pr-8 w-full`,children:e.name}),(0,c.jsxs)(n.Button,{variant:`ghost`,size:`icon-sm`,className:`absolute right-1 hidden group-hover:flex`,onClick:n=>{n.preventDefault(),t.stopInteractivePropagation(n),f?.(e.id)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,c.jsx)(s.XIcon,{className:`size-3`}),(0,c.jsx)(`span`,{className:`sr-only`,children:`Delete`})]})]},e.id))]}),(0,c.jsx)(a.SelectSeparator,{}),(0,c.jsx)(`div`,{className:`p-1`,children:(0,c.jsxs)(r.Popover,{open:_,onOpenChange:v,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start gap-2`}),children:[(0,c.jsx)(s.SaveIcon,{className:`size-4`}),`Save current view`]}),(0,c.jsx)(r.PopoverContent,{className:`w-64`,align:`start`,children:(0,c.jsxs)(`form`,{onSubmit:x,className:`grid gap-4`,children:[(0,c.jsxs)(`div`,{className:`space-y-2`,children:[(0,c.jsx)(`h4`,{className:`font-medium leading-none`,children:`Save View`}),(0,c.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Save current filters and sorting.`})]}),(0,c.jsx)(`div`,{className:`grid gap-2`,children:(0,c.jsx)(i.Input,{id:`name`,placeholder:`e.g. Active Users`,value:y,onChange:e=>b(e.target.value)})}),(0,c.jsx)(n.Button,{type:`submit`,disabled:!y.trim(),children:`Save`})]})})]})}),l&&(0,c.jsx)(`div`,{className:`p-1`,children:(0,c.jsxs)(n.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start gap-2 text-destructive hover:bg-destructive/10 hover:text-destructive`,onClick:e=>{e.preventDefault(),t.stopInteractivePropagation(e),p?.()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,c.jsx)(s.XIcon,{className:`size-4`}),`Clear active view`]})})]})]})})}exports.DataTableSavedFilters=l;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs"),i=require("../ui/select/index.cjs"),a=require("../ui/input/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l({savedFilters:e,activeFilterId:l,onSelectFilter:u,onSaveFilter:d,onDeleteFilter:f,onClearFilters:p,triggerClassName:m,className:h,...g}){let[_,v]=o.useState(!1),[y,b]=o.useState(``),x=e=>{e.preventDefault(),y.trim()&&(d?.(y.trim()),b(``),v(!1))};return(0,c.jsx)(`div`,{className:h,...g,children:(0,c.jsxs)(i.Select,{value:l??null,onValueChange:e=>{e&&u?.(e)},children:[(0,c.jsx)(i.SelectTrigger,{className:m,children:(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(s.BookmarkIcon,{className:`size-4 text-muted-foreground`}),(0,c.jsx)(i.SelectValue,{placeholder:`Saved views`})]})}),(0,c.jsxs)(i.SelectContent,{children:[(0,c.jsxs)(i.SelectGroup,{children:[(0,c.jsx)(i.SelectLabel,{children:`Views`}),e.length===0&&(0,c.jsx)(`div`,{className:`px-2 py-1.5 text-sm text-muted-foreground`,children:`No saved views`}),e.map(e=>(0,c.jsxs)(`div`,{className:`group relative flex items-center`,children:[(0,c.jsx)(i.SelectItem,{value:e.id,className:`pr-8 w-full`,children:e.name}),(0,c.jsxs)(n.Button,{variant:`ghost`,size:`icon-sm`,className:`absolute right-1 hidden group-hover:flex`,onClick:n=>{n.preventDefault(),t.stopInteractivePropagation(n),f?.(e.id)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,c.jsx)(s.XIcon,{className:`size-3`}),(0,c.jsx)(`span`,{className:`sr-only`,children:`Delete`})]})]},e.id))]}),(0,c.jsx)(i.SelectSeparator,{}),(0,c.jsx)(`div`,{className:`p-1`,children:(0,c.jsxs)(r.Popover,{open:_,onOpenChange:v,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start gap-2`}),children:[(0,c.jsx)(s.SaveIcon,{className:`size-4`}),`Save current view`]}),(0,c.jsx)(r.PopoverContent,{className:`w-64`,align:`start`,children:(0,c.jsxs)(`form`,{onSubmit:x,className:`grid gap-4`,children:[(0,c.jsxs)(`div`,{className:`space-y-2`,children:[(0,c.jsx)(`h4`,{className:`font-medium leading-none`,children:`Save View`}),(0,c.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Save current filters and sorting.`})]}),(0,c.jsx)(`div`,{className:`grid gap-2`,children:(0,c.jsx)(a.Input,{id:`name`,placeholder:`e.g. Active Users`,value:y,onChange:e=>b(e.target.value)})}),(0,c.jsx)(n.Button,{type:`submit`,disabled:!y.trim(),children:`Save`})]})})]})}),l&&(0,c.jsx)(`div`,{className:`p-1`,children:(0,c.jsxs)(n.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start gap-2 text-destructive hover:bg-destructive/10 hover:text-destructive`,onClick:e=>{e.preventDefault(),t.stopInteractivePropagation(e),p?.()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,c.jsx)(s.XIcon,{className:`size-4`}),`Clear active view`]})})]})]})})}exports.DataTableSavedFilters=l;

package/dist/src/components/data-table/data-table-saved-filters.js

@@ -2,8 +2,8 @@
 import { stopInteractivePropagation as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
 import { Popover as n, PopoverContent as r, PopoverTrigger as i } from "../ui/popover/index.js";
-import { Input as a } from "../ui/input/index.js";
-import { Select as o, SelectContent as s, SelectGroup as c, SelectItem as l, SelectLabel as u, SelectSeparator as d, SelectTrigger as f, SelectValue as p } from "../ui/select/index.js";
+import { Select as a, SelectContent as o, SelectGroup as s, SelectItem as c, SelectLabel as l, SelectSeparator as u, SelectTrigger as d, SelectValue as f } from "../ui/select/index.js";
+import { Input as p } from "../ui/input/index.js";
 import * as m from "react";
 import { BookmarkIcon as h, SaveIcon as g, XIcon as _ } from "lucide-react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
@@ -15,27 +15,27 @@ function b({ savedFilters: b, activeFilterId: x, onSelectFilter: S, onSaveFilter
 	return /* @__PURE__ */ v("div", {
 		className: D,
 		...O,
-		children: /* @__PURE__ */ y(o, {
+		children: /* @__PURE__ */ y(a, {
 			value: x ?? null,
 			onValueChange: (e) => {
 				e && S?.(e);
 			},
-			children: [/* @__PURE__ */ v(f, {
+			children: [/* @__PURE__ */ v(d, {
 				className: E,
 				children: /* @__PURE__ */ y("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ v(h, { className: "size-4 text-muted-foreground" }), /* @__PURE__ */ v(p, { placeholder: "Saved views" })]
+					children: [/* @__PURE__ */ v(h, { className: "size-4 text-muted-foreground" }), /* @__PURE__ */ v(f, { placeholder: "Saved views" })]
 				})
-			}), /* @__PURE__ */ y(s, { children: [
-				/* @__PURE__ */ y(c, { children: [
-					/* @__PURE__ */ v(u, { children: "Views" }),
+			}), /* @__PURE__ */ y(o, { children: [
+				/* @__PURE__ */ y(s, { children: [
+					/* @__PURE__ */ v(l, { children: "Views" }),
 					b.length === 0 && /* @__PURE__ */ v("div", {
 						className: "px-2 py-1.5 text-sm text-muted-foreground",
 						children: "No saved views"
 					}),
 					b.map((n) => /* @__PURE__ */ y("div", {
 						className: "group relative flex items-center",
-						children: [/* @__PURE__ */ v(l, {
+						children: [/* @__PURE__ */ v(c, {
 							value: n.id,
 							className: "pr-8 w-full",
 							children: n.name
@@ -55,7 +55,7 @@ function b({ savedFilters: b, activeFilterId: x, onSelectFilter: S, onSaveFilter
 						})]
 					}, n.id))
 				] }),
-				/* @__PURE__ */ v(d, {}),
+				/* @__PURE__ */ v(u, {}),
 				/* @__PURE__ */ v("div", {
 					className: "p-1",
 					children: /* @__PURE__ */ y(n, {
@@ -87,7 +87,7 @@ function b({ savedFilters: b, activeFilterId: x, onSelectFilter: S, onSaveFilter
 									}),
 									/* @__PURE__ */ v("div", {
 										className: "grid gap-2",
-										children: /* @__PURE__ */ v(a, {
+										children: /* @__PURE__ */ v(p, {
 											id: "name",
 											placeholder: "e.g. Active Users",
 											value: j,

package/dist/src/components/data-table/data-table.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../feedback/state-view.cjs"),i=require("../ui/input/index.cjs"),ee=require("./data-table-actions-column.cjs"),te=require("./data-table-bulk-actions.cjs"),ne=require("./data-table-column-visibility-menu.cjs"),re=require("./data-table-pagination.cjs"),ie=require("./data-table-toolbar.cjs"),ae=require("../../../node_modules/@tanstack/react-virtual/dist/esm/index.cjs"),oe=require("../display/data-state.cjs"),se=require("../../hooks/use-is-mobile.cjs"),a=require("../ui/table/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime"),c=require("@tanstack/react-table");var ce={compact:`h-8 px-2 py-1.5`,default:`h-10 px-2 py-2`,comfortable:`h-12 px-3 py-3`},le={compact:`px-2 py-1.5`,default:`p-2`,comfortable:`px-3 py-3`};function ue(e,t){return typeof t==`function`?t(e):t}function de(e,t){return typeof t==`function`?t(e):t}function fe(e,t){return typeof t==`function`?t(e):t}function pe(e){return e==null||e===``}function me(e){let t=e.column.columnDef.header;return typeof t==`string`?t:typeof t==`number`?String(t):e.column.id===`actions`?`Actions`:e.column.id}function l({className:e,columns:l,data:u,title:d,description:f,features:p,search:m,filters:h,summary:g,toolbarActions:_,rowActions:v,bulkActions:y,onRefresh:he,onExport:b,refreshLabel:ge=`Refresh`,exportLabel:_e=`Export`,getRowId:ve,isLoading:x=!1,isError:ye=!1,emptyState:be,errorState:xe,loadingState:Se,loadingVariant:Ce=`skeleton`,toolbar:S,toolbarProps:C,pagination:w,sorting:we,onSortingChange:Te,columnVisibility:Ee,onColumnVisibilityChange:De,rowSelection:Oe,onRowSelectionChange:ke,enableRowSelection:Ae,renderMobileCard:T,mobileLayout:je=`auto`,onRowClick:E,onRowDoubleClick:Me,getRowDisabled:D,density:O=`default`,striped:k=!1,bordered:A=!1,stickyHeader:j=!1,skeletonRows:Ne=6,skeletonCellClassName:Pe,cellFallback:M=`-`,tableClassName:Fe,tableWrapperClassName:Ie,headerCellClassName:Le,cellClassName:Re,rowClassName:N,renderExpandedRow:P,expanded:ze,onExpandedChange:Be,getRowCanExpand:Ve,columnPinning:F,onColumnPinningChange:He,virtualization:Ue,...We}){let Ge=o.useMemo(()=>{let e=l;return!v||p?.rowActions===!1?e:[...e,ee.createDataTableActionsColumn({getActions:v})]},[l,p?.rowActions,v]),I=w===!1?void 0:w,Ke=I?{pageIndex:I.pageIndex,pageSize:I.pageSize}:void 0,qe=!!(I&&I.manual!==!1),Je=Oe??{},L=(0,c.useReactTable)({data:u,columns:Ge,getRowId:ve,getCoreRowModel:(0,c.getCoreRowModel)(),getPaginationRowModel:I&&!qe?(0,c.getPaginationRowModel)():void 0,manualPagination:qe,pageCount:I?.pageCount,state:{sorting:we,columnVisibility:Ee,rowSelection:Je,pagination:Ke,expanded:ze,...F?{columnPinning:F}:{}},onSortingChange:Te,onColumnVisibilityChange:De,onRowSelectionChange:ke,onExpandedChange:Be,onColumnPinningChange:He,enableRowSelection:Ae,getRowCanExpand:Ve,getExpandedRowModel:(0,c.getExpandedRowModel)()}),R=L.getRowModel().rows,Ye=o.useRef(null),z=Ue===!1?void 0:Ue,B=!!(z&&z.enabled!==!1&&R.length>0),V=z?.height??480,Xe=z?.onRangeChange,H=ae.useVirtualizer({count:B?R.length:0,getScrollElement:()=>Ye.current,estimateSize:()=>z?.estimateRowHeight??48,getItemKey:e=>R[e]?.id??e,overscan:z?.overscan??8,initialRect:{width:0,height:typeof V==`number`?V:480},onChange(e){if(!Xe)return;let t=e.getVirtualItems();Xe({startIndex:t[0]?.index??-1,endIndex:t.at(-1)?.index??-1})}}),Ze=B?H.getVirtualItems():[],U=z?.estimateRowHeight??48,Qe=B?Math.min(R.length,Math.ceil((typeof V==`number`?V:480)/U)+(z?.overscan??8)):0,W=Ze.length>0?Ze:Array.from({length:Qe},(e,t)=>({key:R[t]?.id??t,index:t,start:t*U,end:(t+1)*U,size:U,lane:0})),$e=W[0]?.start??0,et=W.length?Math.max(H.getTotalSize()-W[W.length-1].end,0):0,G=L.getSelectedRowModel().rows.map(e=>e.original),tt=G.length,K=o.useMemo(()=>({table:L,data:u,selectedRows:G}),[u,G,L]),nt=L.getVisibleLeafColumns(),rt=Math.max(nt.length,1),it=typeof S==`function`?S(L):S,at=typeof C==`function`?C(L):C,q=typeof h==`function`?h(K):h,J=typeof g==`function`?g(K):g,ot=!!(m&&p?.search!==!1),st=!!(p?.columnVisibility&&L.getAllLeafColumns().some(e=>e.getCanHide())),Y=!!(p?.refresh&&he),X=!!(p?.export&&b),ct=!!(p?.bulkActions!==!1&&y?.length),lt=st&&!!(d||f||m||q||J||_||Y||X),ut=ot&&m?(0,s.jsx)(i.Input,{type:`search`,value:m.value,onValueChange:m.onValueChange,placeholder:m.placeholder??`Search...`,wrapperClassName:m.wrapperClassName??m.className,inputClassName:m.inputClassName,disabled:m.disabled,clearable:m.clearable,clearLabel:m.clearLabel,searchIcon:m.searchIcon}):void 0,dt=(0,s.jsxs)(s.Fragment,{children:[typeof _==`function`?_(K):_,lt&&(0,s.jsx)(ne.DataTableColumnVisibilityMenu,{table:L}),Y&&(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:x,onClick:()=>he?.(K),children:ge}),X&&(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>b?.(K),children:_e})]}),ft=ct?(0,s.jsx)(te.DataTableBulkActions,{rows:G,actions:y??[],selectedLabel:()=>`Actions`,clearLabel:null,onClearSelection:()=>L.resetRowSelection(),hideWhenEmpty:!1}):void 0,pt=!!(it||at||d||f||ut||q||J||_||lt||Y||X||ft),mt=!!(I&&!I.hidden),Z=x&&Ce===`skeleton`,ht=se.useIsMobile(),gt=je!==`scroll`&&ht,_t=(e,t)=>t>0?(0,s.jsx)(a.TableRow,{"aria-hidden":`true`,className:`pointer-events-none border-0 hover:bg-transparent`,children:(0,s.jsx)(a.TableCell,{colSpan:rt,className:`border-0 p-0`,style:{height:t}})},e):null,vt=e=>(0,s.jsx)(a.TableRow,{children:(0,s.jsx)(a.TableCell,{colSpan:rt,className:`p-0`,children:e})}),yt=()=>Array.from({length:Math.max(Ne,1)},(e,n)=>(0,s.jsx)(a.TableRow,{"aria-hidden":`true`,children:nt.map(e=>(0,s.jsx)(a.TableCell,{className:t.cn(le[O],A&&`border-r last:border-r-0`),children:(0,s.jsx)(`div`,{className:t.cn(`h-4 w-full max-w-40 animate-pulse rounded-md bg-muted`,n%3==1&&`max-w-24`,n%3==2&&`max-w-32`,Pe)})},`${e.id}-${n}`))},`skeleton-${n}`)),Q=Z?null:x?(0,s.jsx)(r.StateView,{status:`loading`,title:`Loading data...`,...Se}):ye?(0,s.jsx)(oe.DataState,{status:`error`,title:`Could not load data`,description:`Please try again.`,variant:`plain`,...xe}):R.length===0?(0,s.jsx)(oe.DataState,{status:`empty`,variant:`plain`,...be}):null,$=(e,n,r)=>{let i=D?.(e)??!1;return(0,s.jsxs)(o.Fragment,{children:[(0,s.jsx)(a.TableRow,{ref:r&&z?.measureRows!==!1?H.measureElement:void 0,"data-index":r?.index,"data-state":e.getIsSelected()?`selected`:void 0,"data-striped":k&&n%2==1?`true`:void 0,"data-disabled":i||void 0,className:t.cn(E&&!i&&`cursor-pointer`,!i&&`transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)]`,i&&`pointer-events-none opacity-55`,ue(e,N)),onClick:()=>{i||E?.(e)},onDoubleClick:()=>{i||Me?.(e)},children:e.getVisibleCells().map(e=>{let n=(0,c.flexRender)(e.column.columnDef.cell,e.getContext());return(0,s.jsx)(a.TableCell,{style:{...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:10}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:10}:{}},className:t.cn(le[O],e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,A&&`border-r last:border-r-0`,fe(e,Re)),children:pe(n)?M:n},e.id)})}),e.getIsExpanded()&&P?(0,s.jsx)(a.TableRow,{className:`bg-muted/50 hover:bg-muted/50`,children:(0,s.jsx)(a.TableCell,{colSpan:e.getVisibleCells().length,children:P(e)})}):null]},e.id)},bt=e=>{let n=D?.(e)??!1,r=e.getVisibleCells();return(0,s.jsx)(`article`,{"data-slot":`data-table-mobile-card`,"data-state":e.getIsSelected()?`selected`:void 0,"data-disabled":n||void 0,className:t.cn(`grid gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-3 shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))]`,E&&!n&&`cursor-pointer transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)]`,n&&`pointer-events-none opacity-55`,ue(e,N)),role:E&&!n?`button`:void 0,tabIndex:E&&!n?0:void 0,onClick:()=>{n||E?.(e)},onKeyDown:t=>{t.target!==t.currentTarget||n||!E||(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),E(e))},children:r.map(e=>{let t=(0,c.flexRender)(e.column.columnDef.cell,e.getContext());return(0,s.jsxs)(`div`,{"data-slot":`data-table-mobile-cell`,className:`grid grid-cols-[minmax(7rem,0.42fr)_minmax(0,1fr)] items-start gap-3 text-sm`,children:[(0,s.jsx)(`span`,{className:`min-w-0 text-xs font-semibold uppercase tracking-wide text-muted-foreground`,children:me(e)}),(0,s.jsx)(`div`,{className:`min-w-0 text-right text-foreground/92 [&>*]:ml-auto`,children:pe(t)?M:t})]},e.id)})},e.id)};return(0,s.jsxs)(`div`,{"data-slot":`data-table`,className:t.cn(`grid gap-3`,e),...We,children:[pt&&(it??(0,s.jsx)(ie.DataTableToolbar,{title:d,description:f,search:ut,filters:q,summary:J,actions:dt,selectionActions:ft,selectedCount:tt,totalCount:I?I.rowCount??u.length:u.length,variant:`plain`,...at})),gt&&(0,s.jsx)(`div`,{className:`grid gap-3`,children:Q??(Z?(0,s.jsx)(r.StateView,{status:`loading`,title:`Loading data...`,...Se}):R.map(e=>(0,s.jsx)(o.Fragment,{children:T?T(e):bt(e)},e.id)))}),!gt&&(0,s.jsxs)(`div`,{"data-slot":`data-table-wrapper`,"data-density":O,"data-striped":k||void 0,"data-bordered":A||void 0,"data-virtualized":B||void 0,className:t.cn(`overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))] backdrop-blur`,Ie),children:[(0,s.jsxs)(a.Table,{containerRef:Ye,containerStyle:B?{height:V,overscrollBehavior:`contain`}:void 0,containerClassName:t.cn(`rounded-none border-0 bg-transparent shadow-none ring-0`,B&&`overflow-auto`),className:t.cn(`text-[0.95rem]`,Fe),"aria-rowcount":R.length,children:[(0,s.jsx)(a.TableHeader,{className:t.cn((j||B)&&`sticky top-0 z-10 shadow-sm backdrop-blur`),children:L.getHeaderGroups().map(e=>(0,s.jsx)(a.TableRow,{children:e.headers.map(e=>(0,s.jsx)(a.TableHead,{style:{width:e.getSize(),...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:j?20:11}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:j?20:11}:{}},className:t.cn(ce[O],`bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground`,(j||B)&&`bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur`,e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,A&&`border-r last:border-r-0`,de(e,Le)),children:e.isPlaceholder?null:(0,c.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,s.jsx)(a.TableBody,{children:Q?vt(Q):Z?yt():B?[_t(`virtual-top`,$e),...W.map(e=>$(R[e.index],e.index,e)),_t(`virtual-bottom`,et)]:R.map((e,t)=>$(e,t))})]}),mt&&I&&(0,s.jsx)(re.DataTablePagination,{pageIndex:I.pageIndex,pageSize:I.pageSize,pageCount:I.pageCount,rowCount:I.rowCount,pageSizeOptions:I.pageSizeOptions,showPageSize:I.showPageSize,labels:I.labels,disabled:x,onPageChange:I.onPageChange,onPageSizeChange:I.onPageSizeChange})]})]})}exports.DataTable=l;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../feedback/state-view.cjs"),i=require("../ui/input/index.cjs"),a=require("../ui/table/index.cjs"),ee=require("./data-table-actions-column.cjs"),te=require("./data-table-bulk-actions.cjs"),ne=require("./data-table-column-visibility-menu.cjs"),re=require("./data-table-pagination.cjs"),ie=require("./data-table-toolbar.cjs"),ae=require("../../../node_modules/@tanstack/react-virtual/dist/esm/index.cjs"),o=require("../display/data-state.cjs"),oe=require("../../hooks/use-is-mobile.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("@tanstack/react-table");var se={compact:`h-8 px-2 py-1.5`,default:`h-10 px-2 py-2`,comfortable:`h-12 px-3 py-3`},ce={compact:`px-2 py-1.5`,default:`p-2`,comfortable:`px-3 py-3`};function u(e,t){return typeof t==`function`?t(e):t}function le(e,t){return typeof t==`function`?t(e):t}function ue(e,t){return typeof t==`function`?t(e):t}function d(e){return e==null||e===``}function de(e){let t=e.column.columnDef.header;return typeof t==`string`?t:typeof t==`number`?String(t):e.column.id===`actions`?`Actions`:e.column.id}function f({className:e,columns:f,data:p,title:m,description:h,features:g,search:_,filters:v,summary:y,toolbarActions:b,rowActions:x,bulkActions:fe,onRefresh:pe,onExport:S,refreshLabel:me=`Refresh`,exportLabel:he=`Export`,getRowId:ge,isLoading:C=!1,isError:_e=!1,emptyState:ve,errorState:ye,loadingState:be,loadingVariant:xe=`skeleton`,toolbar:w,toolbarProps:T,pagination:E,sorting:Se,onSortingChange:Ce,columnVisibility:we,onColumnVisibilityChange:Te,rowSelection:Ee,onRowSelectionChange:De,enableRowSelection:Oe,renderMobileCard:D,mobileLayout:ke=`auto`,onRowClick:O,onRowDoubleClick:Ae,getRowDisabled:je,density:k=`default`,striped:A=!1,bordered:j=!1,stickyHeader:M=!1,skeletonRows:Me=6,skeletonCellClassName:Ne,cellFallback:Pe=`-`,tableClassName:Fe,tableWrapperClassName:Ie,headerCellClassName:Le,cellClassName:Re,rowClassName:ze,renderExpandedRow:Be,expanded:Ve,onExpandedChange:He,getRowCanExpand:Ue,columnPinning:We,onColumnPinningChange:Ge,virtualization:Ke,...qe}){let Je=s.useMemo(()=>{let e=f;return!x||g?.rowActions===!1?e:[...e,ee.createDataTableActionsColumn({getActions:x})]},[f,g?.rowActions,x]),N=E===!1?void 0:E,[Ye,Xe]=s.useState([]),[Ze,Qe]=s.useState({}),[$e,et]=s.useState({}),[tt,nt]=s.useState({}),[rt,it]=s.useState({}),at=Se??Ye,ot=we??Ze,st=Ee??$e,ct=Ve??tt,lt=We??rt,ut=N?{pageIndex:N.pageIndex,pageSize:N.pageSize}:void 0,dt=!!(N&&N.manual!==!1),P=(0,l.useReactTable)({data:p,columns:Je,getRowId:ge,getCoreRowModel:(0,l.getCoreRowModel)(),getSortedRowModel:(0,l.getSortedRowModel)(),getPaginationRowModel:N&&!dt?(0,l.getPaginationRowModel)():void 0,manualPagination:dt,pageCount:N?.pageCount,state:{sorting:at,columnVisibility:ot,rowSelection:st,pagination:ut,expanded:ct,columnPinning:lt},onSortingChange:Ce??Xe,onColumnVisibilityChange:Te??Qe,onRowSelectionChange:De??et,onExpandedChange:He??nt,onColumnPinningChange:Ge??it,enableRowSelection:Oe,getRowCanExpand:Ue,getExpandedRowModel:(0,l.getExpandedRowModel)()}),F=P.getRowModel().rows,I=s.useRef(null),L=Ke===!1?void 0:Ke,R=!!(L&&L.enabled!==!1&&F.length>0),z=L?.height??480,B=L?.onRangeChange,V=ae.useVirtualizer({count:R?F.length:0,getScrollElement:()=>I.current,estimateSize:()=>L?.estimateRowHeight??48,getItemKey:e=>F[e]?.id??e,overscan:L?.overscan??8,initialRect:{width:0,height:typeof z==`number`?z:480},onChange(e){if(!B)return;let t=e.getVirtualItems();B({startIndex:t[0]?.index??-1,endIndex:t.at(-1)?.index??-1})}}),H=R?V.getVirtualItems():[],U=L?.estimateRowHeight??48,ft=R?Math.min(F.length,Math.ceil((typeof z==`number`?z:480)/U)+(L?.overscan??8)):0,W=H.length>0?H:Array.from({length:ft},(e,t)=>({key:F[t]?.id??t,index:t,start:t*U,end:(t+1)*U,size:U,lane:0})),pt=W[0]?.start??0,mt=W.length?Math.max(V.getTotalSize()-W[W.length-1].end,0):0,G=P.getSelectedRowModel().rows.map(e=>e.original),ht=G.length,K=s.useMemo(()=>({table:P,data:p,selectedRows:G}),[p,G,P]),gt=P.getVisibleLeafColumns(),_t=Math.max(gt.length,1),vt=typeof w==`function`?w(P):w,yt=typeof T==`function`?T(P):T,q=typeof v==`function`?v(K):v,J=typeof y==`function`?y(K):y,bt=!!(_&&g?.search!==!1),xt=!!(g?.columnVisibility&&P.getAllLeafColumns().some(e=>e.getCanHide())),Y=!!(g?.refresh&&pe),X=!!(g?.export&&S),St=!!(g?.bulkActions!==!1&&fe?.length),Ct=xt&&!!(m||h||_||q||J||b||Y||X),Z=bt&&_?(0,c.jsx)(i.Input,{type:`search`,value:_.value,onValueChange:_.onValueChange,placeholder:_.placeholder??`Search...`,wrapperClassName:_.wrapperClassName??_.className,inputClassName:_.inputClassName,disabled:_.disabled,clearable:_.clearable,clearLabel:_.clearLabel,searchIcon:_.searchIcon}):void 0,wt=(0,c.jsxs)(c.Fragment,{children:[typeof b==`function`?b(K):b,Ct&&(0,c.jsx)(ne.DataTableColumnVisibilityMenu,{table:P}),Y&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:C,onClick:()=>pe?.(K),children:me}),X&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>S?.(K),children:he})]}),Tt=St?(0,c.jsx)(te.DataTableBulkActions,{rows:G,actions:fe??[],selectedLabel:()=>`Actions`,clearLabel:null,onClearSelection:()=>P.resetRowSelection(),hideWhenEmpty:!1}):void 0,Et=!!(vt||yt||m||h||Z||q||J||b||Ct||Y||X||Tt),Dt=!!(N&&!N.hidden),Q=C&&xe===`skeleton`,Ot=oe.useIsMobile(),kt=ke!==`scroll`&&Ot,At=(e,t)=>t>0?(0,c.jsx)(a.TableRow,{"aria-hidden":`true`,className:`pointer-events-none border-0 hover:bg-transparent`,children:(0,c.jsx)(a.TableCell,{colSpan:_t,className:`border-0 p-0`,style:{height:t}})},e):null,jt=e=>(0,c.jsx)(a.TableRow,{children:(0,c.jsx)(a.TableCell,{colSpan:_t,className:`p-0`,children:e})}),Mt=()=>Array.from({length:Math.max(Me,1)},(e,n)=>(0,c.jsx)(a.TableRow,{"aria-hidden":`true`,children:gt.map(e=>(0,c.jsx)(a.TableCell,{className:t.cn(ce[k],j&&`border-r last:border-r-0`),children:(0,c.jsx)(`div`,{className:t.cn(`h-4 w-full max-w-40 animate-pulse rounded-md bg-muted`,n%3==1&&`max-w-24`,n%3==2&&`max-w-32`,Ne)})},`${e.id}-${n}`))},`skeleton-${n}`)),$=Q?null:C?(0,c.jsx)(r.StateView,{status:`loading`,title:`Loading data...`,...be}):_e?(0,c.jsx)(o.DataState,{status:`error`,title:`Could not load data`,description:`Please try again.`,variant:`plain`,...ye}):F.length===0?(0,c.jsx)(o.DataState,{status:`empty`,variant:`plain`,...ve}):null,Nt=(e,n,r)=>{let i=je?.(e)??!1;return(0,c.jsxs)(s.Fragment,{children:[(0,c.jsx)(a.TableRow,{ref:r&&L?.measureRows!==!1?V.measureElement:void 0,"data-index":r?.index,"data-state":e.getIsSelected()?`selected`:void 0,"data-striped":A&&n%2==1?`true`:void 0,"data-disabled":i||void 0,className:t.cn(O&&!i&&`cursor-pointer`,!i&&`transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)]`,i&&`pointer-events-none opacity-55`,u(e,ze)),onClick:()=>{i||O?.(e)},onDoubleClick:()=>{i||Ae?.(e)},children:e.getVisibleCells().map(e=>{let n=(0,l.flexRender)(e.column.columnDef.cell,e.getContext());return(0,c.jsx)(a.TableCell,{style:{...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:10}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:10}:{}},className:t.cn(ce[k],e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,j&&`border-r last:border-r-0`,ue(e,Re)),children:d(n)?Pe:n},e.id)})}),e.getIsExpanded()&&Be?(0,c.jsx)(a.TableRow,{className:`bg-muted/50 hover:bg-muted/50`,children:(0,c.jsx)(a.TableCell,{colSpan:e.getVisibleCells().length,children:Be(e)})}):null]},e.id)},Pt=e=>{let n=je?.(e)??!1,r=e.getVisibleCells();return(0,c.jsx)(`article`,{"data-slot":`data-table-mobile-card`,"data-state":e.getIsSelected()?`selected`:void 0,"data-disabled":n||void 0,className:t.cn(`grid gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-3 shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))]`,O&&!n&&`cursor-pointer transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)]`,n&&`pointer-events-none opacity-55`,u(e,ze)),role:O&&!n?`button`:void 0,tabIndex:O&&!n?0:void 0,onClick:()=>{n||O?.(e)},onKeyDown:t=>{t.target!==t.currentTarget||n||!O||(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),O(e))},children:r.map(e=>{let t=(0,l.flexRender)(e.column.columnDef.cell,e.getContext());return(0,c.jsxs)(`div`,{"data-slot":`data-table-mobile-cell`,className:`grid grid-cols-[minmax(7rem,0.42fr)_minmax(0,1fr)] items-start gap-3 text-sm`,children:[(0,c.jsx)(`span`,{className:`min-w-0 text-xs font-semibold uppercase tracking-wide text-muted-foreground`,children:de(e)}),(0,c.jsx)(`div`,{className:`min-w-0 text-right text-foreground/92 [&>*]:ml-auto`,children:d(t)?Pe:t})]},e.id)})},e.id)};return(0,c.jsxs)(`div`,{"data-slot":`data-table`,className:t.cn(`grid gap-3`,e),...qe,children:[Et&&(vt??(0,c.jsx)(ie.DataTableToolbar,{title:m,description:h,search:Z,filters:q,summary:J,actions:wt,selectionActions:Tt,selectedCount:ht,totalCount:N?N.rowCount??p.length:p.length,variant:`plain`,...yt})),kt&&(0,c.jsx)(`div`,{className:`grid gap-3`,children:$??(Q?(0,c.jsx)(r.StateView,{status:`loading`,title:`Loading data...`,...be}):F.map(e=>(0,c.jsx)(s.Fragment,{children:D?D(e):Pt(e)},e.id)))}),!kt&&(0,c.jsxs)(`div`,{"data-slot":`data-table-wrapper`,"data-density":k,"data-striped":A||void 0,"data-bordered":j||void 0,"data-virtualized":R||void 0,className:t.cn(`overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))] backdrop-blur`,Ie),children:[(0,c.jsxs)(a.Table,{containerRef:I,containerStyle:R?{height:z,overscrollBehavior:`contain`}:void 0,containerClassName:t.cn(`rounded-none border-0 bg-transparent shadow-none ring-0`,R&&`overflow-auto`),className:t.cn(`text-[0.95rem]`,Fe),"aria-rowcount":F.length,children:[(0,c.jsx)(a.TableHeader,{className:t.cn((M||R)&&`sticky top-0 z-10 shadow-sm backdrop-blur`),children:P.getHeaderGroups().map(e=>(0,c.jsx)(a.TableRow,{children:e.headers.map(e=>(0,c.jsx)(a.TableHead,{style:{width:e.getSize(),...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:M?20:11}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:M?20:11}:{}},className:t.cn(se[k],`bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground`,(M||R)&&`bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur`,e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,j&&`border-r last:border-r-0`,le(e,Le)),children:e.isPlaceholder?null:(0,l.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,c.jsx)(a.TableBody,{children:$?jt($):Q?Mt():R?[At(`virtual-top`,pt),...W.map(e=>Nt(F[e.index],e.index,e)),At(`virtual-bottom`,mt)]:F.map((e,t)=>Nt(e,t))})]}),Dt&&N&&(0,c.jsx)(re.DataTablePagination,{pageIndex:N.pageIndex,pageSize:N.pageSize,pageCount:N.pageCount,rowCount:N.rowCount,pageSizeOptions:N.pageSizeOptions,showPageSize:N.showPageSize,labels:N.labels,disabled:C,onPageChange:N.onPageChange,onPageSizeChange:N.onPageSizeChange})]})]})}exports.DataTable=f;