@tirth_jasoliya/ui 1.0.6 → 1.0.8

package/dist/components/data/data-table/data-table.js

@@ -1,3 +1,3 @@
 "use client"
-import{flexRender as Ne,getCoreRowModel as Et,getFilteredRowModel as qt,getPaginationRowModel as Jt,getSortedRowModel as Kt,useReactTable as Qt}from"@tanstack/react-table";import{Loader2 as Ye,ChevronUp as De,ChevronDown as Te,ChevronsUpDown as Xt,MoreHorizontal as Yt,MoveRightIcon as Zt,PinOffIcon as eo}from"lucide-react";import{Slot as wt}from"radix-ui";import{cva as ht}from"class-variance-authority";import{clsx as xt}from"clsx";import{twMerge as Ct}from"tailwind-merge";function i(...e){return Ct(xt(e))}import{jsx as yt}from"react/jsx-runtime";var Pt=ht("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function P({className:e,variant:o,size:d,asChild:p=!1,...D}){let C=p?wt.Slot:"button";return yt(C,{"data-slot":"button",className:i(Pt({variant:o,size:d,className:e}),"transition-none"),...D})}import{jsx as z}from"react/jsx-runtime";function xe({className:e,...o}){return z("div",{"data-slot":"table-container",className:"relative w-full overflow-auto max-h-full",children:z("table",{"data-slot":"table",className:i("w-full caption-bottom text-sm",e),...o})})}function Ae({className:e,...o}){return z("thead",{"data-slot":"table-header",className:i("[&_tr]:border-b",e),...o})}function He({className:e,...o}){return z("tbody",{"data-slot":"table-body",className:i("[&_tr:last-child]:border-0",e),...o})}function Oe({className:e,...o}){return z("tfoot",{"data-slot":"table-footer",className:i("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",e),...o})}function $({className:e,...o}){return z("tr",{"data-slot":"table-row",className:i("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",e),...o})}function je({className:e,...o}){return z("th",{"data-slot":"table-head",className:i("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap",e),...o})}function oe({className:e,...o}){return z("td",{"data-slot":"table-cell",className:i("p-2 align-middle whitespace-nowrap",e),...o})}import{jsx as Ue}from"react/jsx-runtime";function ne({className:e,...o}){return Ue("div",{"data-slot":"card",className:i("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",e),...o})}function ae({className:e,...o}){return Ue("div",{"data-slot":"card-content",className:i("px-6",e),...o})}import{Tooltip as St}from"radix-ui";import{jsx as Nt,jsxs as wo}from"react/jsx-runtime";function We({delayDuration:e=0,...o}){return Nt(St.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...o})}import{Search as Vt,RefreshCw as Ft,Download as _t,Settings2 as Gt,Filter as Ee,ArrowUpDown as Lt,PinOff as Bt,Pin as qe,ChevronDown as At}from"lucide-react";import{jsx as Dt}from"react/jsx-runtime";function Ce({className:e,type:o,...d}){return Dt("input",{type:o,"data-slot":"input",className:i("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",e),...d})}import{Select as S}from"radix-ui";import{CheckIcon as Tt,ChevronDownIcon as $e,ChevronUpIcon as Rt}from"lucide-react";import{jsx as x,jsxs as we}from"react/jsx-runtime";function ie({...e}){return x(S.Root,{"data-slot":"select",...e})}function re({...e}){return x(S.Value,{"data-slot":"select-value",...e})}function se({className:e,size:o="default",children:d,...p}){return we(S.Trigger,{"data-slot":"select-trigger","data-size":o,className:i("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...p,children:[d,x(S.Icon,{asChild:!0,children:x($e,{className:"size-4 opacity-50"})})]})}function le({className:e,children:o,position:d="popper",...p}){return x(S.Portal,{children:we(S.Content,{"data-slot":"select-content",className:i("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",d==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:d,...p,children:[x(kt,{}),x(S.Viewport,{className:i("p-1",d==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:o}),x(Mt,{})]})})}function E({className:e,children:o,...d}){return we(S.Item,{"data-slot":"select-item",className:i("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...d,children:[x("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:x(S.ItemIndicator,{children:x(Tt,{className:"size-4"})})}),x(S.ItemText,{children:o})]})}function kt({className:e,...o}){return x(S.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:i("flex cursor-default items-center justify-center py-1",e),...o,children:x(Rt,{className:"size-4"})})}function Mt({className:e,...o}){return x(S.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:i("flex cursor-default items-center justify-center py-1",e),...o,children:x($e,{className:"size-4"})})}import{DropdownMenu as k}from"radix-ui";import{CheckIcon as zt,ChevronRightIcon as Io,CircleIcon as Vo}from"lucide-react";import{jsx as R,jsxs as It}from"react/jsx-runtime";function q({...e}){return R(k.Root,{"data-slot":"dropdown-menu",...e})}function J({...e}){return R(k.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function K({className:e,sideOffset:o=4,...d}){return R(k.Portal,{children:R(k.Content,{"data-slot":"dropdown-menu-content",sideOffset:o,className:i("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md",e),...d})})}function he({...e}){return R(k.Group,{"data-slot":"dropdown-menu-group",...e})}function N({className:e,inset:o,variant:d="default",...p}){return R(k.Item,{"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":d,className:i("cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...p})}function Pe({className:e,children:o,checked:d,...p}){return It(k.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:i("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),checked:d,...p,children:[R("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:R(k.ItemIndicator,{children:R(zt,{className:"size-4"})})}),o]})}function M({className:e,inset:o,...d}){return R(k.Label,{"data-slot":"dropdown-menu-label","data-inset":o,className:i("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...d})}function _({className:e,...o}){return R(k.Separator,{"data-slot":"dropdown-menu-separator",className:i("bg-border -mx-1 my-1 h-px",e),...o})}import{Fragment as Ht,jsx as r,jsxs as u}from"react/jsx-runtime";function Je({table:e,filters:o=[],globalFilter:d,onGlobalFilterChange:p,enableGlobalFilter:D=!0,onExport:C,onRefresh:O,loading:Q=!1,enableColumnVisibility:Re=!0,data:X,onClearSorting:Y,onClearFilters:de,enableColumnPinning:j=!1}){let U=()=>e.getAllLeafColumns().filter(a=>a.getCanHide?.()!==!1),L=()=>e.getAllColumns().filter(a=>!e.getAllLeafColumns().includes(a)&&a.columns?.length&&a.columns.some(l=>l.getCanHide?.()!==!1)),B=()=>{let a=new Set(L().flatMap(l=>l.columns?.filter(T=>T.getCanHide?.()!==!1).map(T=>T.id)||[]));return U().filter(l=>!a.has(l.id))},W=(a,l)=>l&&a.startsWith(`${l}.`)?a.replace(`${l}.`,"").split("_").map(Z=>Z.slice(1)).join(" "):a.split("_").map(T=>T.charAt(0).toUpperCase()+T.slice(1)).join(" ");return r("div",{className:"rounded-xl",children:r("div",{className:"px-2",children:r("div",{className:"flex flex-col gap-6",children:u("div",{className:"flex items-center justify-between",children:[r("div",{className:"flex items-center gap-3",children:o.length>0&&u("div",{className:"flex items-center gap-3 flex-wrap",children:[r("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:r(Ee,{className:"h-4 w-4"})}),o.map(a=>r("div",{className:i("relative min-w-[150px]",a.width),children:a.type==="select"?u(ie,{value:e.getColumn(a.key)?.getFilterValue()??"",onValueChange:l=>e.getColumn(a.key)?.setFilterValue(l==="all"?"":l),children:[a.icon&&r("span",{children:r(a.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),r(se,{className:i("h-9 rounded-lg w-full",a.icon&&"pl-9"),children:r(re,{placeholder:a.placeholder})}),u(le,{className:"rounded-lg",children:[r(E,{value:"all",children:"All"}),a.options?.map(l=>r(E,{value:l.value,children:l.label},l.label))]})]}):u("div",{className:"relative",children:[a.icon&&r("span",{children:r(a.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),r(Ce,{placeholder:a.placeholder,value:e.getColumn(a.key)?.getFilterValue()??"",onChange:l=>e.getColumn(a.key)?.setFilterValue(l.target.value),className:i("h-9 rounded-lg",a.icon&&"pl-9"),type:a.type==="number"?"number":a.type==="date"?"date":"text"})]})},a.key))]})}),u("div",{className:"flex items-center gap-2",children:[D&&u("div",{className:"relative",children:[r(Vt,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),r(Ce,{placeholder:"Global search...",value:d??"",onChange:a=>p(a.target.value),className:"pl-9 max-w-max"})]}),C&&u(P,{variant:"outline",size:"sm",onClick:()=>C(X),className:"rounded-lg",children:[r(_t,{className:"mr-2 h-4 w-4"}),"Export"]}),Re&&u(q,{children:[r(J,{asChild:!0,children:u(P,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[r("span",{children:"Columns"}),r(At,{className:"h-4 w-4 opacity-50"})]})}),u(K,{align:"end",className:"w-[220px] rounded-lg max-h-[400px] overflow-y-auto",children:[r(M,{className:"px-4 py-2 text-sm font-medium",children:"Toggle Columns"}),r(_,{}),B().length>0&&u(he,{children:[r(M,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:"General"}),B().map(a=>r(Pe,{className:"text-sm",checked:a.getIsVisible(),onCheckedChange:l=>a.toggleVisibility(!!l),children:W(a.id)},a.id))]}),L().map(a=>u(he,{children:[r(_,{}),r(M,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:a.id}),a.columns?.filter(l=>l.getCanHide?.()!==!1).map(l=>r(Pe,{className:"text-sm",checked:l.getIsVisible(),onCheckedChange:T=>l.toggleVisibility(!!T),children:W(l.id,a.id)},l.id))]},a.id))]})]}),u(q,{children:[r(J,{asChild:!0,children:r(P,{variant:"outline",size:"sm",className:"rounded-lg",children:r(Gt,{className:"h-4 w-4"})})}),u(K,{align:"end",className:"w-[200px] rounded-lg",children:[r(M,{children:"Table Settings"}),r(_,{}),u(N,{onClick:Y,children:[r(Lt,{className:"mr-2 h-4 w-4"}),"Clear All Sorting"]}),u(N,{onClick:de,children:[r(Ee,{className:"mr-2 h-4 w-4"}),"Clear All Filters"]}),j&&u(Ht,{children:[r(_,{}),r(M,{children:"Column Pinning"}),u(N,{onClick:()=>e.setColumnPinning({left:[],right:[]}),children:[r(Bt,{className:"mr-2 h-4 w-4"}),"Reset All Pinning"]}),u(N,{onClick:()=>{let a=U().filter(l=>l.getCanPin?.()!==!1).map(l=>l.id);e.setColumnPinning({left:a,right:[]})},children:[r(qe,{className:"mr-2 h-4 w-4 rotate-90"}),"Pin All Left"]}),u(N,{onClick:()=>{let a=U().filter(l=>l.getCanPin?.()!==!1).map(l=>l.id);e.setColumnPinning({left:[],right:a})},children:[r(qe,{className:"mr-2 h-4 w-4 -rotate-90"}),"Pin All Right"]})]})]})]}),O&&r(P,{variant:"outline",size:"sm",onClick:O,disabled:Q,className:"rounded-lg",children:r(Ft,{className:i("h-4 w-4",Q&&"animate-spin")})})]})]})})})})}import{jsx as w,jsxs as H}from"react/jsx-runtime";function Ke({table:e,config:o}){return o.enabled?w("div",{className:"rounded-xl",children:w("div",{children:H("div",{className:"flex items-center justify-between",children:[w("div",{className:"flex items-center gap-6 text-sm text-muted-foreground",children:o.showInfo!==!1&&H("span",{children:["Showing ",e.getState().pagination.pageIndex*e.getState().pagination.pageSize+1," to"," ",Math.min((e.getState().pagination.pageIndex+1)*e.getState().pagination.pageSize,e.getFilteredRowModel().rows.length)," ","of ",e.getFilteredRowModel().rows.length," entries"]})}),H("div",{className:"flex items-center gap-4",children:[o.pageSizeOptions&&H("div",{className:"flex items-center gap-2",children:[w("span",{className:"text-sm font-medium",children:"Rows per page:"}),H(ie,{value:`${e.getState().pagination.pageSize}`,onValueChange:d=>e.setPageSize(Number(d)),children:[w(se,{className:"h-9 w-[70px] rounded-lg",children:w(re,{})}),w(le,{side:"top",className:"rounded-lg",children:o.pageSizeOptions.map(d=>w(E,{value:`${d}`,children:d},d))})]})]}),H("div",{className:"flex items-center gap-2",children:[w(P,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"First"}),w(P,{variant:"outline",size:"sm",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"Previous"}),o.showPageNumbers&&w("div",{className:"flex items-center gap-1",children:Array.from({length:Math.min(5,e.getPageCount())},(d,p)=>{let D=e.getState().pagination.pageIndex,C=D-2+p+1;return C<1||C>e.getPageCount()?null:w(P,{variant:C===D+1?"default":"outline",size:"sm",className:"size-8 p-0 rounded-lg",onClick:()=>e.setPageIndex(C-1),children:C},C)})}),w(P,{variant:"outline",size:"sm",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Next"}),w(P,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Last"})]})]})]})})}):null}import{Toggle as Ot}from"radix-ui";import{cva as jt}from"class-variance-authority";import{jsx as Wt}from"react/jsx-runtime";var Ut=jt("inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"},size:{sm:"h-7 px-0 min-w-7",default:"h-8 px-1 min-w-8",lg:"h-9 px-2 min-w-10"},bg:{enabled:"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",disabled:""}},defaultVariants:{variant:"default",size:"default",bg:"enabled"}});function Qe({className:e,variant:o,size:d,noBg:p,...D}){return Wt(Ot.Root,{"data-slot":"toggle",className:i(Ut({className:e,variant:o,size:d,bg:p?"disabled":"enabled"})),...D})}import{Checkbox as Xe}from"radix-ui";import{CheckIcon as $t}from"lucide-react";import{jsx as ye}from"react/jsx-runtime";function Se({className:e,...o}){return ye(Xe.Root,{"data-slot":"checkbox",className:i("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",e),...o,children:ye(Xe.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:ye($t,{className:"size-3.5"})})})}import{useCallback as Ze,useEffect as et,useMemo as to,useState as G}from"react";import{Fragment as tt,jsx as n,jsxs as g}from"react/jsx-runtime";function Cn({data:e,columns:o,filters:d=[],pagination:p={enabled:!1},settings:D={},header:C,footer:O,className:Q="",maxHeight:Re="600px",loading:X=!1,error:Y,emptyMessage:de="No data available",onRowSelectionChange:j,onExport:U,onRefresh:L,onTableReady:B,children:W}){let[a,l]=G([]),[T,Z]=G([]),[ot,nt]=G({}),[ke,at]=G({}),[Me,ce]=G(""),[it,rt]=G([]),[me,st]=G(D.enableColumnPinning?{left:[],right:[]}:{}),{enableSorting:ue=!0,enableFiltering:pe=!0,enableGlobalFilter:ze=!0,enableColumnVisibility:ge=!0,enableRowSelection:y=!0,stickyHeader:lt=!0,toolbar:dt=!1,showSerialNumbers:I=!0,fixedCheckboxColumn:ee=!0,striped:ct=!0,hoverable:mt=!0,compact:Ie=!0,bordered:Ve=!0,fullHeight:ut=!1,enableColumnResizing:Fe=!1,enableColumnPinning:h=!0,hideHeader:pt=!1}=D,fe=to(()=>{let m=[...o],f=c=>c.map(s=>{if(s.id==="select"||s.id==="serialNumber")return s;let b={...s,enablePinning:!0};return s.columns&&(b.columns=f(s.columns)),b}),t=f(m);if(y){let c={id:"select",header:({table:s})=>n(Se,{checked:s.getIsAllPageRowsSelected()||s.getIsSomePageRowsSelected()&&"indeterminate",onCheckedChange:b=>s.toggleAllPageRowsSelected(!!b),"aria-label":"Select all"}),cell:({row:s})=>n("div",{className:i("flex items-center justify-center"),children:n(Se,{checked:s.getIsSelected(),onCheckedChange:b=>s.toggleSelected(!!b),"aria-label":"Select row"})}),enableSorting:!1,enableHiding:!1,enablePinning:!0,headerAlign:"center",size:10};t.unshift(c)}if(I){let c={id:"serialNumber",header:"No.",cell:({row:s})=>n("div",{className:"text-center font-medium text-muted-foreground",children:s.index+1}),enableSorting:!0,enableHiding:!1,enablePinning:!0,size:60,headerAlign:"center"};t.unshift(c)}return t},[o,I,y,ee]),v=Qt({data:e,columns:fe,onSortingChange:ue?l:void 0,onColumnFiltersChange:pe?Z:void 0,onGlobalFilterChange:ze?ce:void 0,getCoreRowModel:Et(),getPaginationRowModel:p.enabled?Jt():void 0,getSortedRowModel:ue?Kt():void 0,getFilteredRowModel:pe?qt():void 0,onColumnVisibilityChange:ge?nt:void 0,onRowSelectionChange:y?at:void 0,onColumnOrderChange:rt,onColumnPinningChange:h?st:void 0,state:{sorting:ue?a:void 0,columnFilters:pe?T:void 0,columnVisibility:ge?ot:void 0,rowSelection:y?ke:{},globalFilter:Me,columnOrder:it,columnPinning:h?me:{}},initialState:{pagination:p.enabled?{pageSize:p.pageSize||10}:void 0,columnPinning:h?{left:[...I?["serialNumber"]:[],...y?["select"]:[]],right:[]}:void 0},enableRowSelection:y,enableColumnResizing:Fe,enableColumnPinning:h,columnResizeMode:"onChange"});et(()=>{B&&B(v)},[v,B]),et(()=>{if(y&&j){let m=v.getFilteredSelectedRowModel().rows.map(f=>f.original);j(m)}},[ke,y,j,v]);let gt=Ze(()=>{l([])},[]),ft=Ze(()=>{Z([]),ce("")},[]),_e=(m,f)=>{if(!h)return;let t=[...I?["serialNumber"]:[],...y&&ee?["select"]:[]],c={left:[...(me.left??[]).filter(s=>t.includes(s))],right:[...me.right??[]]};f===!1?(c.left=c.left.filter(s=>s!==m),c.right=c.right.filter(s=>s!==m)):f==="right"?(c.left=c.left.filter(s=>s!==m),c.right.includes(m)||c.right.push(m)):f==="left"&&(c.right=c.right.filter(s=>s!==m),!c.left.includes(m)&&!t.includes(m)&&c.left.push(m)),v.setColumnPinning(c)},bt=()=>n(Ae,{className:i(lt&&"sticky top-0 bg-sidebar z-20"),children:v.getHeaderGroups().map((m,f)=>n($,{className:"hover:bg-transparent",children:m.headers.map((t,c)=>{let s=t.depth===0&&t.colSpan>1,b=h&&(t.column.getIsPinned()==="left"||t.column.id==="serialNumber"||t.column.id==="select"&&y),V=h&&t.column.getIsPinned()==="right",F=t.column.getCanSort(),be=h&&t.column.columnDef.enablePinning!==!1,te=t.column.id==="serialNumber",ve=t.column.id==="select",Be=te||ve&&ee,A=t.column.columnDef.headerAlign||"left",vt={left:"justify-start",center:"justify-center",right:"justify-end"}[A];return g(je,{colSpan:t.colSpan,className:i("font-semibold text-foreground bg-sidebar group px-0",!Ie&&"py-2",Ve&&c<m.headers.length-1&&"border-r","relative",b&&"sticky left-0 z-15 bg-sidebar",V&&"sticky right-0 z-15 bg-sidebar",(te||ve)&&"sticky left-0 z-15 bg-sidebar",s?"text-center":"text-left"),style:{width:t.getSize()!==150?t.getSize():"auto",minWidth:t.getSize()!==150?t.getSize():"auto",...b&&{left:te?0:ve?I&&v.getColumn("serialNumber")?.getSize()||0:Ge(t.column)},...V&&{right:Le(t.column)},...te&&{left:0}},children:[s?n("div",{className:"flex items-center justify-center",children:Ne(t.column.columnDef.header,t.getContext())}):g("div",{className:i("relative flex items-center w-full px-2",vt),children:[g("div",{className:"flex items-center gap-1",children:[F&&A==="right"&&n("span",{className:"ml-1 order-2",children:t.column.getIsSorted()&&{asc:n(De,{className:"h-4 w-4"}),desc:n(Te,{className:"h-4 w-4"})}[t.column.getIsSorted()]}),t.isPlaceholder?null:Ne(t.column.columnDef.header,t.getContext()),F&&A!=="right"&&t.column.getIsSorted()&&n("span",{className:"ml-1 order-2",children:t.column.getIsSorted()&&{asc:n(De,{className:"h-4 w-4"}),desc:n(Te,{className:"h-4 w-4"})}[t.column.getIsSorted()]})]}),(F||be&&!Be)&&g(q,{children:[n(J,{asChild:!0,className:i("absolute",A==="left"&&"right-1",A==="center"&&"right-1",A==="right"&&"left-1"),children:n(Qe,{variant:"default",size:"sm",noBg:!0,tabIndex:-1,className:"opacity-0 group-hover:opacity-70 hover:opacity-100 data-[state=open]:opacity-100",children:n(Yt,{className:"h-4 w-4"})})}),g(K,{align:"end",className:"w-48",children:[F&&g(tt,{children:[n(M,{children:"Sorting"}),g(N,{onClick:()=>t.column.toggleSorting(!1),children:[n(De,{className:"mr-2 h-4 w-4"}),"Sort Ascending"]}),g(N,{onClick:()=>t.column.toggleSorting(!0),children:[n(Te,{className:"mr-2 h-4 w-4"}),"Sort Descending"]}),g(N,{onClick:()=>t.column.clearSorting(),disabled:!t.column.getIsSorted(),children:[n(Xt,{className:"mr-2 h-4 w-4"}),"Clear Sort"]}),n(_,{})]}),be&&!Be&&g(tt,{children:[n(M,{children:"Pin Column"}),g(N,{onClick:()=>_e(t.column.id,"right"),disabled:t.column.getIsPinned()==="right",children:[n(Zt,{}),"Pin Right"]}),g(N,{onClick:()=>_e(t.column.id,!1),disabled:!t.column.getIsPinned(),children:[n(eo,{}),"Unpin"]})]})]})]})]}),Fe&&t.column.getCanResize()&&!s&&t.colSpan===1&&n("div",{className:"absolute right-0 top-0 h-full w-1 bg-border hover:bg-primary cursor-col-resize opacity-0 hover:opacity-100 transition-opacity",onMouseDown:t.getResizeHandler()})]},t.id)})},m.id))}),Ge=m=>{if(!h)return;let f=0,t=v.getLeftHeaderGroups()[0]?.headers||[],c=[...I?["serialNumber"]:[],...y?["select"]:[]];for(let s of t){if(s.id===m.id)break;if(c.includes(s.id)){let b=v.getColumn(s.id);b&&(f+=b.getSize())}}return f},Le=m=>{if(!h)return;let f=v.getState().columnPinning.right||[],t=f.indexOf(m.id);if(t===-1)return;let c=0;for(let s=t+1;s<f.length;s++){let b=v.getColumn(f[s]);b&&(c+=b.getSize())}return c};return Y?n(ne,{className:"w-full rounded-xl shadow-sm",children:n(ae,{className:"flex items-center justify-center",children:g("div",{className:"text-center",children:[n("div",{className:"text-red-500 mb-3 text-2xl",children:"\u26A0\uFE0F"}),n("p",{className:"text-sm text-muted-foreground mb-4",children:Y}),L&&g(P,{variant:"outline",size:"sm",onClick:L,className:"rounded-lg",children:[n(Ye,{className:"mr-2 h-4 w-4"}),"Try Again"]})]})})}):n(We,{children:g("div",{className:i("w-full space-y-2 flex flex-col h-full",Q),children:[C&&n(ne,{className:"rounded-2xl py-2 sticky top-0 z-20",children:n(ae,{className:"px-2",children:C})}),dt&&n(Je,{table:v,filters:d,globalFilter:Me,onGlobalFilterChange:ce,enableGlobalFilter:ze,onExport:U,onRefresh:L,loading:X,enableColumnVisibility:ge,enableColumnPinning:h,data:e,onClearSorting:gt,onClearFilters:ft}),n(ne,{className:i("shadow-sm overflow-auto py-0",ut&&"flex-1"),children:n(ae,{className:"p-0 h-full",children:g("div",{className:"relative flex flex-col h-full justify-between",children:[X&&n("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-xl",children:g("div",{className:"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm",children:[n(Ye,{className:"size-5 animate-spin text-primary"}),n("span",{className:"text-sm font-medium text-muted-foreground",children:"Loading..."})]})}),n("div",{className:"relative rounded-t-xl overflow-auto border-b",children:g(xe,{className:"border-collapse w-full",children:[!pt&&bt(),n(He,{children:v.getRowModel().rows?.length?v.getRowModel().rows.map((m,f)=>n($,{"data-state":m.getIsSelected()&&"selected",className:i(mt&&"hover:bg-muted/50",ct&&f%2===0&&"bg-muted/20",m.getIsSelected()&&"bg-muted","border-b last:border-b-0"),children:m.getVisibleCells().map((t,c)=>{let s=h&&(t.column.getIsPinned()==="left"||t.column.id==="serialNumber"||t.column.id==="select"&&y),b=h&&t.column.getIsPinned()==="right",V=t.column.id==="serialNumber",F=t.column.id==="select",be=V||F&&ee;return n(oe,{className:i(Ie?"py-2":"py-4",Ve&&c<m.getVisibleCells().length&&"border-r",s&&"sticky left-0 z-10 bg-sidebar/97",b&&"sticky right-0 z-10 bg-sidebar/97",V&&"sticky left-0 z-10 bg-sidebar/97","p-1"),style:{width:t.column.getSize()!==150?t.column.getSize():"auto",minWidth:t.column.getSize()!==150?t.column.getSize():"auto",...s&&{left:V?0:F?I&&v.getColumn("serialNumber")?.getSize()||0:Ge(t.column)},...b&&{right:Le(t.column)},...V&&{left:0}},children:Ne(t.column.columnDef.cell,t.getContext())},t.id)})},m.id)):n($,{children:n(oe,{colSpan:fe.length,className:"h-32 text-center border-0",children:g("div",{className:"flex flex-col items-center gap-3",children:[n("div",{className:"text-muted-foreground text-5xl",children:"\u{1F4CB}"}),n("p",{className:"text-muted-foreground font-medium",children:de})]})})})})]})}),O&&n("div",{className:"sticky bottom-0 bg-sidebar w-full z-20",style:{width:"100%",minWidth:"fit-content"},children:n(xe,{children:n(Oe,{children:n($,{className:"bg-sidebar",children:n(oe,{colSpan:fe.length,className:"p-2",children:O})})})})})]})})}),n(Ke,{table:v,config:p}),W&&W(v)]})})}export{Cn as DataTable};
+import{flexRender as Ne,getCoreRowModel as Et,getFilteredRowModel as qt,getPaginationRowModel as Jt,getSortedRowModel as Kt,useReactTable as Qt}from"@tanstack/react-table";import{Loader2 as Ye,ChevronUp as De,ChevronDown as Te,ChevronsUpDown as Xt,MoreHorizontal as Yt,MoveRightIcon as Zt,PinOffIcon as eo}from"lucide-react";import{Slot as wt}from"radix-ui";import{cva as ht}from"class-variance-authority";import{clsx as xt}from"clsx";import{twMerge as Ct}from"tailwind-merge";function i(...e){return Ct(xt(e))}import{jsx as yt}from"react/jsx-runtime";var Pt=ht("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function P({className:e,variant:o,size:d,asChild:p=!1,...D}){let C=p?wt.Slot:"button";return yt(C,{"data-slot":"button",className:i(Pt({variant:o,size:d,className:e}),"transition-none"),...D})}import{jsx as z}from"react/jsx-runtime";function xe({className:e,...o}){return z("div",{"data-slot":"table-container",className:"relative w-full overflow-auto max-h-full",children:z("table",{"data-slot":"table",className:i("w-full caption-bottom text-sm",e),...o})})}function Ae({className:e,...o}){return z("thead",{"data-slot":"table-header",className:i("[&_tr]:border-b",e),...o})}function He({className:e,...o}){return z("tbody",{"data-slot":"table-body",className:i("[&_tr:last-child]:border-0",e),...o})}function Oe({className:e,...o}){return z("tfoot",{"data-slot":"table-footer",className:i("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",e),...o})}function $({className:e,...o}){return z("tr",{"data-slot":"table-row",className:i("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",e),...o})}function je({className:e,...o}){return z("th",{"data-slot":"table-head",className:i("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap",e),...o})}function oe({className:e,...o}){return z("td",{"data-slot":"table-cell",className:i("p-2 align-middle whitespace-nowrap",e),...o})}import{jsx as Ue}from"react/jsx-runtime";function ne({className:e,...o}){return Ue("div",{"data-slot":"card",className:i("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",e),...o})}function ae({className:e,...o}){return Ue("div",{"data-slot":"card-content",className:i("px-6",e),...o})}import{Tooltip as St}from"radix-ui";import{jsx as Nt,jsxs as wo}from"react/jsx-runtime";function We({delayDuration:e=0,...o}){return Nt(St.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...o})}import{Search as Vt,RefreshCw as Ft,Download as _t,Settings2 as Gt,Filter as Ee,ArrowUpDown as Lt,PinOff as Bt,Pin as qe,ChevronDown as At}from"lucide-react";import{jsx as Dt}from"react/jsx-runtime";function Ce({className:e,type:o,...d}){return Dt("input",{type:o,"data-slot":"input",className:i("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",e),...d})}import{Select as S}from"radix-ui";import{CheckIcon as Tt,ChevronDownIcon as $e,ChevronUpIcon as Rt}from"lucide-react";import{jsx as x,jsxs as we}from"react/jsx-runtime";function ie({...e}){return x(S.Root,{"data-slot":"select",...e})}function re({...e}){return x(S.Value,{"data-slot":"select-value",...e})}function se({className:e,size:o="default",children:d,...p}){return we(S.Trigger,{"data-slot":"select-trigger","data-size":o,className:i("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...p,children:[d,x(S.Icon,{asChild:!0,children:x($e,{className:"size-4 opacity-50"})})]})}function le({className:e,children:o,position:d="popper",...p}){return x(S.Portal,{children:we(S.Content,{"data-slot":"select-content",className:i("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",d==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:d,...p,children:[x(kt,{}),x(S.Viewport,{className:i("p-1",d==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:o}),x(Mt,{})]})})}function E({className:e,children:o,...d}){return we(S.Item,{"data-slot":"select-item",className:i("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...d,children:[x("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:x(S.ItemIndicator,{children:x(Tt,{className:"size-4"})})}),x(S.ItemText,{children:o})]})}function kt({className:e,...o}){return x(S.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:i("flex cursor-default items-center justify-center py-1",e),...o,children:x(Rt,{className:"size-4"})})}function Mt({className:e,...o}){return x(S.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:i("flex cursor-default items-center justify-center py-1",e),...o,children:x($e,{className:"size-4"})})}import{DropdownMenu as k}from"radix-ui";import{CheckIcon as zt,ChevronRightIcon as Io,CircleIcon as Vo}from"lucide-react";import{jsx as R,jsxs as It}from"react/jsx-runtime";function q({...e}){return R(k.Root,{"data-slot":"dropdown-menu",...e})}function J({...e}){return R(k.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function K({className:e,sideOffset:o=4,...d}){return R(k.Portal,{children:R(k.Content,{"data-slot":"dropdown-menu-content",sideOffset:o,className:i("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md",e),...d})})}function he({...e}){return R(k.Group,{"data-slot":"dropdown-menu-group",...e})}function N({className:e,inset:o,variant:d="default",...p}){return R(k.Item,{"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":d,className:i("cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...p})}function Pe({className:e,children:o,checked:d,...p}){return It(k.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:i("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),checked:d,...p,children:[R("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:R(k.ItemIndicator,{children:R(zt,{className:"size-4"})})}),o]})}function M({className:e,inset:o,...d}){return R(k.Label,{"data-slot":"dropdown-menu-label","data-inset":o,className:i("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...d})}function _({className:e,...o}){return R(k.Separator,{"data-slot":"dropdown-menu-separator",className:i("bg-border -mx-1 my-1 h-px",e),...o})}import{Fragment as Ht,jsx as r,jsxs as u}from"react/jsx-runtime";function Je({table:e,filters:o=[],globalFilter:d,onGlobalFilterChange:p,enableGlobalFilter:D=!0,onExport:C,onRefresh:O,loading:Q=!1,enableColumnVisibility:Re=!0,data:X,onClearSorting:Y,onClearFilters:de,enableColumnPinning:j=!1}){let U=()=>e.getAllLeafColumns().filter(a=>a.getCanHide?.()!==!1),L=()=>e.getAllColumns().filter(a=>!e.getAllLeafColumns().includes(a)&&a.columns?.length&&a.columns.some(l=>l.getCanHide?.()!==!1)),B=()=>{let a=new Set(L().flatMap(l=>l.columns?.filter(T=>T.getCanHide?.()!==!1).map(T=>T.id)||[]));return U().filter(l=>!a.has(l.id))},W=(a,l)=>l&&a.startsWith(`${l}.`)?a.replace(`${l}.`,"").split("_").map(Z=>Z.slice(1)).join(" "):a.split("_").map(T=>T.charAt(0).toUpperCase()+T.slice(1)).join(" ");return r("div",{className:"rounded-xl",children:r("div",{className:"px-2",children:r("div",{className:"flex flex-col gap-6",children:u("div",{className:"flex items-center justify-between",children:[r("div",{className:"flex items-center gap-3",children:o.length>0&&u("div",{className:"flex items-center gap-3 flex-wrap",children:[r("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:r(Ee,{className:"h-4 w-4"})}),o.map(a=>r("div",{className:i("relative min-w-[150px]",a.width),children:a.type==="select"?u(ie,{value:e.getColumn(a.key)?.getFilterValue()??"",onValueChange:l=>e.getColumn(a.key)?.setFilterValue(l==="all"?"":l),children:[a.icon&&r("span",{children:r(a.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),r(se,{className:i("h-9 rounded-lg w-full",a.icon&&"pl-9"),children:r(re,{placeholder:a.placeholder})}),u(le,{className:"rounded-lg",children:[r(E,{value:"all",children:"All"}),a.options?.map(l=>r(E,{value:l.value,children:l.label},l.label))]})]}):u("div",{className:"relative",children:[a.icon&&r("span",{children:r(a.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),r(Ce,{placeholder:a.placeholder,value:e.getColumn(a.key)?.getFilterValue()??"",onChange:l=>e.getColumn(a.key)?.setFilterValue(l.target.value),className:i("h-9 rounded-lg",a.icon&&"pl-9"),type:a.type==="number"?"number":a.type==="date"?"date":"text"})]})},a.key))]})}),u("div",{className:"flex items-center gap-2",children:[D&&u("div",{className:"relative",children:[r(Vt,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),r(Ce,{placeholder:"Global search...",value:d??"",onChange:a=>p(a.target.value),className:"pl-9 max-w-max"})]}),C&&u(P,{variant:"outline",size:"sm",onClick:()=>C(X),className:"rounded-lg",children:[r(_t,{className:"mr-2 h-4 w-4"}),"Export"]}),Re&&u(q,{children:[r(J,{asChild:!0,children:u(P,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[r("span",{children:"Columns"}),r(At,{className:"h-4 w-4 opacity-50"})]})}),u(K,{align:"end",className:"w-[220px] rounded-lg max-h-[400px] overflow-y-auto",children:[r(M,{className:"px-4 py-2 text-sm font-medium",children:"Toggle Columns"}),r(_,{}),B().length>0&&u(he,{children:[r(M,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:"General"}),B().map(a=>r(Pe,{className:"text-sm",checked:a.getIsVisible(),onCheckedChange:l=>a.toggleVisibility(!!l),children:W(a.id)},a.id))]}),L().map(a=>u(he,{children:[r(_,{}),r(M,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:a.id}),a.columns?.filter(l=>l.getCanHide?.()!==!1).map(l=>r(Pe,{className:"text-sm",checked:l.getIsVisible(),onCheckedChange:T=>l.toggleVisibility(!!T),children:W(l.id,a.id)},l.id))]},a.id))]})]}),u(q,{children:[r(J,{asChild:!0,children:r(P,{variant:"outline",size:"sm",className:"rounded-lg",children:r(Gt,{className:"h-4 w-4"})})}),u(K,{align:"end",className:"w-[200px] rounded-lg",children:[r(M,{children:"Table Settings"}),r(_,{}),u(N,{onClick:Y,children:[r(Lt,{className:"mr-2 h-4 w-4"}),"Clear All Sorting"]}),u(N,{onClick:de,children:[r(Ee,{className:"mr-2 h-4 w-4"}),"Clear All Filters"]}),j&&u(Ht,{children:[r(_,{}),r(M,{children:"Column Pinning"}),u(N,{onClick:()=>e.setColumnPinning({left:[],right:[]}),children:[r(Bt,{className:"mr-2 h-4 w-4"}),"Reset All Pinning"]}),u(N,{onClick:()=>{let a=U().filter(l=>l.getCanPin?.()!==!1).map(l=>l.id);e.setColumnPinning({left:a,right:[]})},children:[r(qe,{className:"mr-2 h-4 w-4 rotate-90"}),"Pin All Left"]}),u(N,{onClick:()=>{let a=U().filter(l=>l.getCanPin?.()!==!1).map(l=>l.id);e.setColumnPinning({left:[],right:a})},children:[r(qe,{className:"mr-2 h-4 w-4 -rotate-90"}),"Pin All Right"]})]})]})]}),O&&r(P,{variant:"outline",size:"sm",onClick:O,disabled:Q,className:"rounded-lg",children:r(Ft,{className:i("h-4 w-4",Q&&"animate-spin")})})]})]})})})})}import{jsx as w,jsxs as H}from"react/jsx-runtime";function Ke({table:e,config:o}){return o.enabled?w("div",{className:"rounded-xl",children:w("div",{children:H("div",{className:"flex items-center justify-between",children:[w("div",{className:"flex items-center gap-6 text-sm text-muted-foreground",children:o.showInfo!==!1&&H("span",{children:["Showing ",e.getState().pagination.pageIndex*e.getState().pagination.pageSize+1," to"," ",Math.min((e.getState().pagination.pageIndex+1)*e.getState().pagination.pageSize,e.getFilteredRowModel().rows.length)," ","of ",e.getFilteredRowModel().rows.length," entries"]})}),H("div",{className:"flex items-center gap-4",children:[o.pageSizeOptions&&H("div",{className:"flex items-center gap-2",children:[w("span",{className:"text-sm font-medium",children:"Rows per page:"}),H(ie,{value:`${e.getState().pagination.pageSize}`,onValueChange:d=>e.setPageSize(Number(d)),children:[w(se,{className:"h-9 w-[70px] rounded-lg",children:w(re,{})}),w(le,{side:"top",className:"rounded-lg",children:o.pageSizeOptions.map(d=>w(E,{value:`${d}`,children:d},d))})]})]}),H("div",{className:"flex items-center gap-2",children:[w(P,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"First"}),w(P,{variant:"outline",size:"sm",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"Previous"}),o.showPageNumbers&&w("div",{className:"flex items-center gap-1",children:Array.from({length:Math.min(5,e.getPageCount())},(d,p)=>{let D=e.getState().pagination.pageIndex,C=D-2+p+1;return C<1||C>e.getPageCount()?null:w(P,{variant:C===D+1?"default":"outline",size:"sm",className:"size-8 p-0 rounded-lg",onClick:()=>e.setPageIndex(C-1),children:C},C)})}),w(P,{variant:"outline",size:"sm",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Next"}),w(P,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Last"})]})]})]})})}):null}import{Toggle as Ot}from"radix-ui";import{cva as jt}from"class-variance-authority";import{jsx as Wt}from"react/jsx-runtime";var Ut=jt("inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"},size:{sm:"h-7 px-0 min-w-7",default:"h-8 px-1 min-w-8",lg:"h-9 px-2 min-w-10"},bg:{enabled:"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",disabled:""}},defaultVariants:{variant:"default",size:"default",bg:"enabled"}});function Qe({className:e,variant:o,size:d,noBg:p,...D}){return Wt(Ot.Root,{"data-slot":"toggle",className:i(Ut({className:e,variant:o,size:d,bg:p?"disabled":"enabled"})),...D})}import{Checkbox as Xe}from"radix-ui";import{CheckIcon as $t}from"lucide-react";import{jsx as ye}from"react/jsx-runtime";function Se({className:e,...o}){return ye(Xe.Root,{"data-slot":"checkbox",className:i("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",e),...o,children:ye(Xe.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:ye($t,{className:"size-3.5"})})})}import{useCallback as Ze,useEffect as et,useMemo as to,useState as G}from"react";import{Fragment as tt,jsx as n,jsxs as g}from"react/jsx-runtime";function Cn({data:e,columns:o,filters:d=[],pagination:p={enabled:!1},settings:D={},header:C,footer:O,className:Q="",maxHeight:Re="600px",loading:X=!1,error:Y,emptyMessage:de="No data available",onRowSelectionChange:j,onExport:U,onRefresh:L,onTableReady:B,children:W}){let[a,l]=G([]),[T,Z]=G([]),[ot,nt]=G({}),[ke,at]=G({}),[Me,ce]=G(""),[it,rt]=G([]),[me,st]=G(D.enableColumnPinning?{left:[],right:[]}:{}),{enableSorting:ue=!0,enableFiltering:pe=!0,enableGlobalFilter:ze=!0,enableColumnVisibility:ge=!0,enableRowSelection:y=!0,stickyHeader:lt=!0,toolbar:dt=!1,showSerialNumbers:I=!0,fixedCheckboxColumn:ee=!0,striped:ct=!0,hoverable:mt=!0,compact:Ie=!0,bordered:Ve=!0,fullHeight:ut=!1,enableColumnResizing:Fe=!1,enableColumnPinning:h=!0,hideHeader:pt=!1}=D,fe=to(()=>{let m=[...o],f=c=>c.map(s=>{if(s.id==="select"||s.id==="serialNumber")return s;let b={...s,enablePinning:!0};return s.columns&&(b.columns=f(s.columns)),b}),t=f(m);if(y){let c={id:"select",header:({table:s})=>n(Se,{checked:s.getIsAllPageRowsSelected()||s.getIsSomePageRowsSelected()&&"indeterminate",onCheckedChange:b=>s.toggleAllPageRowsSelected(!!b),"aria-label":"Select all"}),cell:({row:s})=>n("div",{className:i("flex items-center justify-center"),children:n(Se,{checked:s.getIsSelected(),onCheckedChange:b=>s.toggleSelected(!!b),"aria-label":"Select row"})}),enableSorting:!1,enableHiding:!1,enablePinning:!0,headerAlign:"center",size:10};t.unshift(c)}if(I){let c={id:"serialNumber",header:"No.",cell:({row:s})=>n("div",{className:"text-center font-medium text-muted-foreground",children:s.index+1}),enableSorting:!0,enableHiding:!1,enablePinning:!0,size:60,headerAlign:"center"};t.unshift(c)}return t},[o,I,y,ee]),v=Qt({data:e,columns:fe,onSortingChange:ue?l:void 0,onColumnFiltersChange:pe?Z:void 0,onGlobalFilterChange:ze?ce:void 0,getCoreRowModel:Et(),getPaginationRowModel:p.enabled?Jt():void 0,getSortedRowModel:ue?Kt():void 0,getFilteredRowModel:pe?qt():void 0,onColumnVisibilityChange:ge?nt:void 0,onRowSelectionChange:y?at:void 0,onColumnOrderChange:rt,onColumnPinningChange:h?st:void 0,state:{sorting:ue?a:void 0,columnFilters:pe?T:void 0,columnVisibility:ge?ot:void 0,rowSelection:y?ke:{},globalFilter:Me,columnOrder:it,columnPinning:h?me:{}},initialState:{pagination:p.enabled?{pageSize:p.pageSize||10}:void 0,columnPinning:h?{left:[...I?["serialNumber"]:[],...y?["select"]:[]],right:[]}:void 0},enableRowSelection:y,enableColumnResizing:Fe,enableColumnPinning:h,columnResizeMode:"onChange"});et(()=>{B&&B(v)},[v,B]),et(()=>{if(y&&j){let m=v.getFilteredSelectedRowModel().rows.map(f=>f.original);j(m)}},[ke,y,j,v]);let gt=Ze(()=>{l([])},[]),ft=Ze(()=>{Z([]),ce("")},[]),_e=(m,f)=>{if(!h)return;let t=[...I?["serialNumber"]:[],...y&&ee?["select"]:[]],c={left:[...(me.left??[]).filter(s=>t.includes(s))],right:[...me.right??[]]};f===!1?(c.left=c.left.filter(s=>s!==m),c.right=c.right.filter(s=>s!==m)):f==="right"?(c.left=c.left.filter(s=>s!==m),c.right.includes(m)||c.right.push(m)):f==="left"&&(c.right=c.right.filter(s=>s!==m),!c.left.includes(m)&&!t.includes(m)&&c.left.push(m)),v.setColumnPinning(c)},bt=()=>n(Ae,{className:i(lt&&"sticky top-0 bg-sidebar z-20"),children:v.getHeaderGroups().map((m,f)=>n($,{className:"hover:bg-transparent",children:m.headers.map((t,c)=>{let s=t.depth===0&&t.colSpan>1,b=h&&(t.column.getIsPinned()==="left"||t.column.id==="serialNumber"||t.column.id==="select"&&y),V=h&&t.column.getIsPinned()==="right",F=t.column.getCanSort(),be=h&&t.column.columnDef.enablePinning!==!1,te=t.column.id==="serialNumber",ve=t.column.id==="select",Be=te||ve&&ee,A=t.column.columnDef.headerAlign||"left",vt={left:"justify-start",center:"justify-center",right:"justify-end"}[A];return g(je,{colSpan:t.colSpan,className:i("font-semibold text-foreground bg-sidebar group px-0",!Ie&&"py-2",Ve&&c<m.headers.length-1&&"border-r","relative",b&&"sticky left-0 z-15 bg-sidebar",V&&"sticky right-0 z-15 bg-sidebar",(te||ve)&&"sticky left-0 z-15 bg-sidebar",s?"text-center":"text-left"),style:{width:t.getSize()!==150?t.getSize():"auto",minWidth:t.getSize()!==150?t.getSize():"auto",...b&&{left:te?0:ve?I&&v.getColumn("serialNumber")?.getSize()||0:Ge(t.column)},...V&&{right:Le(t.column)},...te&&{left:0}},children:[s?n("div",{className:"flex items-center justify-center",children:Ne(t.column.columnDef.header,t.getContext())}):g("div",{className:i("relative flex items-center w-full px-2",vt),children:[g("div",{className:"flex items-center gap-1",children:[F&&A==="right"&&n("span",{className:"ml-1 order-2",children:t.column.getIsSorted()&&{asc:n(De,{className:"h-4 w-4"}),desc:n(Te,{className:"h-4 w-4"})}[t.column.getIsSorted()]}),t.isPlaceholder?null:Ne(t.column.columnDef.header,t.getContext()),F&&A!=="right"&&t.column.getIsSorted()&&n("span",{className:"ml-1 order-2",children:t.column.getIsSorted()&&{asc:n(De,{className:"h-4 w-4"}),desc:n(Te,{className:"h-4 w-4"})}[t.column.getIsSorted()]})]}),(F||be&&!Be)&&g(q,{children:[n(J,{asChild:!0,className:i("absolute",A==="left"&&"right-1",A==="center"&&"right-1",A==="right"&&"left-1"),children:n(Qe,{variant:"default",size:"sm",noBg:!0,tabIndex:-1,className:"opacity-0 group-hover:opacity-70 hover:opacity-100 data-[state=open]:opacity-100",children:n(Yt,{className:"h-4 w-4"})})}),g(K,{align:"end",className:"w-48",children:[F&&g(tt,{children:[n(M,{children:"Sorting"}),g(N,{onClick:()=>t.column.toggleSorting(!1),children:[n(De,{className:"mr-2 h-4 w-4"}),"Sort Ascending"]}),g(N,{onClick:()=>t.column.toggleSorting(!0),children:[n(Te,{className:"mr-2 h-4 w-4"}),"Sort Descending"]}),g(N,{onClick:()=>t.column.clearSorting(),disabled:!t.column.getIsSorted(),children:[n(Xt,{className:"mr-2 h-4 w-4"}),"Clear Sort"]}),n(_,{})]}),be&&!Be&&g(tt,{children:[n(M,{children:"Pin Column"}),g(N,{onClick:()=>_e(t.column.id,"right"),disabled:t.column.getIsPinned()==="right",children:[n(Zt,{}),"Pin Right"]}),g(N,{onClick:()=>_e(t.column.id,!1),disabled:!t.column.getIsPinned(),children:[n(eo,{}),"Unpin"]})]})]})]})]}),Fe&&t.column.getCanResize()&&!s&&t.colSpan===1&&n("div",{className:"absolute right-0 top-0 h-full w-1 bg-border hover:bg-primary cursor-col-resize opacity-0 hover:opacity-100 transition-opacity",onMouseDown:t.getResizeHandler()})]},t.id)})},m.id))}),Ge=m=>{if(!h)return;let f=0,t=v.getLeftHeaderGroups()[0]?.headers||[],c=[...I?["serialNumber"]:[],...y?["select"]:[]];for(let s of t){if(s.id===m.id)break;if(c.includes(s.id)){let b=v.getColumn(s.id);b&&(f+=b.getSize())}}return f},Le=m=>{if(!h)return;let f=v.getState().columnPinning.right||[],t=f.indexOf(m.id);if(t===-1)return;let c=0;for(let s=t+1;s<f.length;s++){let b=v.getColumn(f[s]);b&&(c+=b.getSize())}return c};return Y?n(ne,{className:"w-full rounded-xl shadow-sm",children:n(ae,{className:"flex items-center justify-center",children:g("div",{className:"text-center",children:[n("div",{className:"text-red-500 mb-3 text-2xl",children:"\u26A0\uFE0F"}),n("p",{className:"text-sm text-muted-foreground mb-4",children:Y}),L&&g(P,{variant:"outline",size:"sm",onClick:L,className:"rounded-lg",children:[n(Ye,{className:"mr-2 h-4 w-4"}),"Try Again"]})]})})}):n(We,{children:g("div",{className:i("w-full space-y-2 flex flex-col h-full",Q),children:[C&&n(ne,{className:"rounded-2xl py-2 sticky top-0 z-20",children:n(ae,{className:"px-2",children:C})}),dt&&n(Je,{table:v,filters:d,globalFilter:Me,onGlobalFilterChange:ce,enableGlobalFilter:ze,onExport:U,onRefresh:L,loading:X,enableColumnVisibility:ge,enableColumnPinning:h,data:e,onClearSorting:gt,onClearFilters:ft}),n(ne,{className:i("shadow-sm overflow-auto py-0",ut&&"flex-1"),children:n(ae,{className:"p-0 h-full",children:g("div",{className:"relative flex flex-col h-full justify-between",children:[X&&n("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-xl",children:g("div",{className:"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm",children:[n(Ye,{className:"size-5 animate-spin text-primary"}),n("span",{className:"text-sm font-medium text-muted-foreground",children:"Loading..."})]})}),n("div",{className:"relative rounded-t-xl overflow-auto border-b",children:g(xe,{className:"border-collapse w-full",children:[!pt&&bt(),n(He,{children:v.getRowModel().rows?.length?v.getRowModel().rows.map((m,f)=>n($,{"data-state":m.getIsSelected()&&"selected",className:i(mt&&"hover:bg-muted/50",ct&&f%2===0&&"bg-muted/20",m.getIsSelected()&&"bg-muted","border-b last:border-b-0"),children:m.getVisibleCells().map((t,c)=>{let s=h&&(t.column.getIsPinned()==="left"||t.column.id==="serialNumber"||t.column.id==="select"&&y),b=h&&t.column.getIsPinned()==="right",V=t.column.id==="serialNumber",F=t.column.id==="select",be=V||F&&ee;return n(oe,{className:i(Ie?"py-2":"py-4",Ve&&c<m.getVisibleCells().length&&"border-r",s&&"sticky left-0 z-10 bg-sidebar/97",b&&"sticky right-0 z-10 bg-sidebar/97",V&&"sticky left-0 z-10 bg-sidebar/97","p-1"),style:{width:t.column.getSize()!==150?t.column.getSize():"auto",minWidth:t.column.getSize()!==150?t.column.getSize():"auto",...s&&{left:V?0:F?I&&v.getColumn("serialNumber")?.getSize()||0:Ge(t.column)},...b&&{right:Le(t.column)},...V&&{left:0}},children:Ne(t.column.columnDef.cell,t.getContext())},t.id)})},m.id)):n($,{children:n(oe,{colSpan:fe.length,className:"h-32 text-center border-0",children:g("div",{className:"flex flex-col items-center gap-3",children:[n("div",{className:"text-muted-foreground text-6xl",children:"\u{1F4CB}"}),n("p",{className:"text-muted-foreground font-medium",children:de})]})})})})]})}),O&&n("div",{className:"sticky bottom-0 bg-sidebar w-full z-20",style:{width:"100%",minWidth:"fit-content"},children:n(xe,{children:n(Oe,{children:n($,{className:"bg-sidebar",children:n(oe,{colSpan:fe.length,className:"p-2",children:O})})})})})]})})}),n(Ke,{table:v,config:p}),W&&W(v)]})})}export{Cn as DataTable};
 //# sourceMappingURL=data-table.js.map