@tirth_jasoliya/ui 1.0.6 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/data/data-table/data-table.cjs +1 -1
- package/dist/components/data/data-table/data-table.cjs.map +1 -1
- package/dist/components/data/data-table/data-table.js +1 -1
- package/dist/components/data/data-table/data-table.js.map +1 -1
- package/dist/components/data/data-table/index.cjs +1 -1
- package/dist/components/data/data-table/index.cjs.map +1 -1
- package/dist/components/data/data-table/index.js +1 -1
- package/dist/components/data/data-table/index.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/styles.css +2 -0
- package/package.json +72 -65
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
import{flexRender as Xe,getCoreRowModel as No,getFilteredRowModel as To,getPaginationRowModel as So,getSortedRowModel as Ro,useReactTable as ko}from"@tanstack/react-table";import{Loader2 as wt,ChevronUp as Je,ChevronDown as Qe,ChevronsUpDown as zo,MoreHorizontal as Mo,MoveRightIcon as Io,PinOffIcon as Vo}from"lucide-react";import{Slot as Zt}from"radix-ui";import{cva as eo}from"class-variance-authority";import{clsx as Qt}from"clsx";import{twMerge as Yt}from"tailwind-merge";function o(...e){return Yt(Qt(e))}import{jsx as oo}from"react/jsx-runtime";var to=eo("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 f({className:e,variant:t,size:n,asChild:m=!1,...p}){let c=m?Zt.Slot:"button";return oo(c,{"data-slot":"button",className:o(to({variant:t,size:n,className:e}),"transition-none"),...p})}import{jsx as H}from"react/jsx-runtime";function Le({className:e,...t}){return H("div",{"data-slot":"table-container",className:"relative w-full overflow-auto max-h-full",children:H("table",{"data-slot":"table",className:o("w-full caption-bottom text-sm",e),...t})})}function ct({className:e,...t}){return H("thead",{"data-slot":"table-header",className:o("[&_tr]:border-b",e),...t})}function pt({className:e,...t}){return H("tbody",{"data-slot":"table-body",className:o("[&_tr:last-child]:border-0",e),...t})}function ut({className:e,...t}){return H("tfoot",{"data-slot":"table-footer",className:o("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",e),...t})}function ce({className:e,...t}){return H("tr",{"data-slot":"table-row",className:o("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",e),...t})}function gt({className:e,...t}){return H("th",{"data-slot":"table-head",className:o("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap",e),...t})}function xe({className:e,...t}){return H("td",{"data-slot":"table-cell",className:o("p-2 align-middle whitespace-nowrap",e),...t})}import{jsx as ft}from"react/jsx-runtime";function he({className:e,...t}){return ft("div",{"data-slot":"card",className:o("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",e),...t})}function we({className:e,...t}){return ft("div",{"data-slot":"card-content",className:o("px-6",e),...t})}import{Tooltip as ee}from"radix-ui";import{jsx as te,jsxs as ao}from"react/jsx-runtime";function pe({delayDuration:e=0,...t}){return te(ee.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function Ge({...e}){return te(pe,{children:te(ee.Root,{"data-slot":"tooltip",...e})})}function He({...e}){return te(ee.Trigger,{"data-slot":"tooltip-trigger",...e})}function Oe({className:e,sideOffset:t=0,children:n,...m}){return te(ee.Portal,{children:ao(ee.Content,{"data-slot":"tooltip-content",sideOffset:t,className:o("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",e),...m,children:[n,te(ee.Arrow,{className:"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}import{Search as po,RefreshCw as uo,Download as go,Settings2 as fo,Filter as vt,ArrowUpDown as bo,PinOff as vo,Pin as Ct,ChevronDown as Co}from"lucide-react";import{jsx as no}from"react/jsx-runtime";function Ee({className:e,type:t,...n}){return no("input",{type:t,"data-slot":"input",className:o("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),...n})}import{Select as z}from"radix-ui";import{CheckIcon as ro,ChevronDownIcon as bt,ChevronUpIcon as io}from"lucide-react";import{jsx as y,jsxs as Ue}from"react/jsx-runtime";function ye({...e}){return y(z.Root,{"data-slot":"select",...e})}function Pe({...e}){return y(z.Value,{"data-slot":"select-value",...e})}function De({className:e,size:t="default",children:n,...m}){return Ue(z.Trigger,{"data-slot":"select-trigger","data-size":t,className:o("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),...m,children:[n,y(z.Icon,{asChild:!0,children:y(bt,{className:"size-4 opacity-50"})})]})}function Ne({className:e,children:t,position:n="popper",...m}){return y(z.Portal,{children:Ue(z.Content,{"data-slot":"select-content",className:o("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",n==="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:n,...m,children:[y(so,{}),y(z.Viewport,{className:o("p-1",n==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:t}),y(lo,{})]})})}function ue({className:e,children:t,...n}){return Ue(z.Item,{"data-slot":"select-item",className:o("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),...n,children:[y("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:y(z.ItemIndicator,{children:y(ro,{className:"size-4"})})}),y(z.ItemText,{children:t})]})}function so({className:e,...t}){return y(z.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:o("flex cursor-default items-center justify-center py-1",e),...t,children:y(io,{className:"size-4"})})}function lo({className:e,...t}){return y(z.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:o("flex cursor-default items-center justify-center py-1",e),...t,children:y(bt,{className:"size-4"})})}import{DropdownMenu as B}from"radix-ui";import{CheckIcon as mo,ChevronRightIcon as Va,CircleIcon as _a}from"lucide-react";import{jsx as I,jsxs as co}from"react/jsx-runtime";function A({...e}){return I(B.Root,{"data-slot":"dropdown-menu",...e})}function L({...e}){return I(B.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function G({className:e,sideOffset:t=4,...n}){return I(B.Portal,{children:I(B.Content,{"data-slot":"dropdown-menu-content",sideOffset:t,className:o("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),...n})})}function je({...e}){return I(B.Group,{"data-slot":"dropdown-menu-group",...e})}function P({className:e,inset:t,variant:n="default",...m}){return I(B.Item,{"data-slot":"dropdown-menu-item","data-inset":t,"data-variant":n,className:o("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),...m})}function ge({className:e,children:t,checked:n,...m}){return co(B.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:o("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:n,...m,children:[I("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:I(B.ItemIndicator,{children:I(mo,{className:"size-4"})})}),t]})}function V({className:e,inset:t,...n}){return I(B.Label,{"data-slot":"dropdown-menu-label","data-inset":t,className:o("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...n})}function _({className:e,...t}){return I(B.Separator,{"data-slot":"dropdown-menu-separator",className:o("bg-border -mx-1 my-1 h-px",e),...t})}import{Fragment as xo,jsx as s,jsxs as b}from"react/jsx-runtime";function We({table:e,filters:t=[],globalFilter:n,onGlobalFilterChange:m,enableGlobalFilter:p=!0,onExport:c,onRefresh:S,loading:R=!1,enableColumnVisibility:ie=!0,data:J,onClearSorting:j,onClearFilters:se,enableColumnPinning:le=!1}){let de=()=>e.getAllLeafColumns().filter(i=>i.getCanHide?.()!==!1),Q=()=>e.getAllColumns().filter(i=>!e.getAllLeafColumns().includes(i)&&i.columns?.length&&i.columns.some(d=>d.getCanHide?.()!==!1)),Y=()=>{let i=new Set(Q().flatMap(d=>d.columns?.filter(M=>M.getCanHide?.()!==!1).map(M=>M.id)||[]));return de().filter(d=>!i.has(d.id))},me=(i,d)=>d&&i.startsWith(`${d}.`)?i.replace(`${d}.`,"").split("_").map(be=>be.slice(1)).join(" "):i.split("_").map(M=>M.charAt(0).toUpperCase()+M.slice(1)).join(" ");return s("div",{className:"rounded-xl",children:s("div",{className:"px-2",children:s("div",{className:"flex flex-col gap-6",children:b("div",{className:"flex items-center justify-between",children:[s("div",{className:"flex items-center gap-3",children:t.length>0&&b("div",{className:"flex items-center gap-3 flex-wrap",children:[s("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:s(vt,{className:"h-4 w-4"})}),t.map(i=>s("div",{className:o("relative min-w-[150px]",i.width),children:i.type==="select"?b(ye,{value:e.getColumn(i.key)?.getFilterValue()??"",onValueChange:d=>e.getColumn(i.key)?.setFilterValue(d==="all"?"":d),children:[i.icon&&s("span",{children:s(i.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),s(De,{className:o("h-9 rounded-lg w-full",i.icon&&"pl-9"),children:s(Pe,{placeholder:i.placeholder})}),b(Ne,{className:"rounded-lg",children:[s(ue,{value:"all",children:"All"}),i.options?.map(d=>s(ue,{value:d.value,children:d.label},d.label))]})]}):b("div",{className:"relative",children:[i.icon&&s("span",{children:s(i.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),s(Ee,{placeholder:i.placeholder,value:e.getColumn(i.key)?.getFilterValue()??"",onChange:d=>e.getColumn(i.key)?.setFilterValue(d.target.value),className:o("h-9 rounded-lg",i.icon&&"pl-9"),type:i.type==="number"?"number":i.type==="date"?"date":"text"})]})},i.key))]})}),b("div",{className:"flex items-center gap-2",children:[p&&b("div",{className:"relative",children:[s(po,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),s(Ee,{placeholder:"Global search...",value:n??"",onChange:i=>m(i.target.value),className:"pl-9 max-w-max"})]}),c&&b(f,{variant:"outline",size:"sm",onClick:()=>c(J),className:"rounded-lg",children:[s(go,{className:"mr-2 h-4 w-4"}),"Export"]}),ie&&b(A,{children:[s(L,{asChild:!0,children:b(f,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[s("span",{children:"Columns"}),s(Co,{className:"h-4 w-4 opacity-50"})]})}),b(G,{align:"end",className:"w-[220px] rounded-lg max-h-[400px] overflow-y-auto",children:[s(V,{className:"px-4 py-2 text-sm font-medium",children:"Toggle Columns"}),s(_,{}),Y().length>0&&b(je,{children:[s(V,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:"General"}),Y().map(i=>s(ge,{className:"text-sm",checked:i.getIsVisible(),onCheckedChange:d=>i.toggleVisibility(!!d),children:me(i.id)},i.id))]}),Q().map(i=>b(je,{children:[s(_,{}),s(V,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:i.id}),i.columns?.filter(d=>d.getCanHide?.()!==!1).map(d=>s(ge,{className:"text-sm",checked:d.getIsVisible(),onCheckedChange:M=>d.toggleVisibility(!!M),children:me(d.id,i.id)},d.id))]},i.id))]})]}),b(A,{children:[s(L,{asChild:!0,children:s(f,{variant:"outline",size:"sm",className:"rounded-lg",children:s(fo,{className:"h-4 w-4"})})}),b(G,{align:"end",className:"w-[200px] rounded-lg",children:[s(V,{children:"Table Settings"}),s(_,{}),b(P,{onClick:j,children:[s(bo,{className:"mr-2 h-4 w-4"}),"Clear All Sorting"]}),b(P,{onClick:se,children:[s(vt,{className:"mr-2 h-4 w-4"}),"Clear All Filters"]}),le&&b(xo,{children:[s(_,{}),s(V,{children:"Column Pinning"}),b(P,{onClick:()=>e.setColumnPinning({left:[],right:[]}),children:[s(vo,{className:"mr-2 h-4 w-4"}),"Reset All Pinning"]}),b(P,{onClick:()=>{let i=de().filter(d=>d.getCanPin?.()!==!1).map(d=>d.id);e.setColumnPinning({left:i,right:[]})},children:[s(Ct,{className:"mr-2 h-4 w-4 rotate-90"}),"Pin All Left"]}),b(P,{onClick:()=>{let i=de().filter(d=>d.getCanPin?.()!==!1).map(d=>d.id);e.setColumnPinning({left:[],right:i})},children:[s(Ct,{className:"mr-2 h-4 w-4 -rotate-90"}),"Pin All Right"]})]})]})]}),S&&s(f,{variant:"outline",size:"sm",onClick:S,disabled:R,className:"rounded-lg",children:s(uo,{className:o("h-4 w-4",R&&"animate-spin")})})]})]})})})})}import{jsx as D,jsxs as oe}from"react/jsx-runtime";function $e({table:e,config:t}){return t.enabled?D("div",{className:"rounded-xl",children:D("div",{children:oe("div",{className:"flex items-center justify-between",children:[D("div",{className:"flex items-center gap-6 text-sm text-muted-foreground",children:t.showInfo!==!1&&oe("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"]})}),oe("div",{className:"flex items-center gap-4",children:[t.pageSizeOptions&&oe("div",{className:"flex items-center gap-2",children:[D("span",{className:"text-sm font-medium",children:"Rows per page:"}),oe(ye,{value:`${e.getState().pagination.pageSize}`,onValueChange:n=>e.setPageSize(Number(n)),children:[D(De,{className:"h-9 w-[70px] rounded-lg",children:D(Pe,{})}),D(Ne,{side:"top",className:"rounded-lg",children:t.pageSizeOptions.map(n=>D(ue,{value:`${n}`,children:n},n))})]})]}),oe("div",{className:"flex items-center gap-2",children:[D(f,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"First"}),D(f,{variant:"outline",size:"sm",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"Previous"}),t.showPageNumbers&&D("div",{className:"flex items-center gap-1",children:Array.from({length:Math.min(5,e.getPageCount())},(n,m)=>{let p=e.getState().pagination.pageIndex,c=p-2+m+1;return c<1||c>e.getPageCount()?null:D(f,{variant:c===p+1?"default":"outline",size:"sm",className:"size-8 p-0 rounded-lg",onClick:()=>e.setPageIndex(c-1),children:c},c)})}),D(f,{variant:"outline",size:"sm",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Next"}),D(f,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Last"})]})]})]})})}):null}import{Toggle as ho}from"radix-ui";import{cva as wo}from"class-variance-authority";import{jsx as Po}from"react/jsx-runtime";var yo=wo("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 xt({className:e,variant:t,size:n,noBg:m,...p}){return Po(ho.Root,{"data-slot":"toggle",className:o(yo({className:e,variant:t,size:n,bg:m?"disabled":"enabled"})),...p})}import{Checkbox as ht}from"radix-ui";import{CheckIcon as Do}from"lucide-react";import{jsx as qe}from"react/jsx-runtime";function Ke({className:e,...t}){return qe(ht.Root,{"data-slot":"checkbox",className:o("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),...t,children:qe(ht.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:qe(Do,{className:"size-3.5"})})})}import{useCallback as yt,useEffect as Pt,useMemo as _o,useState as K}from"react";import{Fragment as Dt,jsx as r,jsxs as v}from"react/jsx-runtime";function Fo({data:e,columns:t,filters:n=[],pagination:m={enabled:!1},settings:p={},header:c,footer:S,className:R="",maxHeight:ie="600px",loading:J=!1,error:j,emptyMessage:se="No data available",onRowSelectionChange:le,onExport:de,onRefresh:Q,onTableReady:Y,children:me}){let[i,d]=K([]),[M,be]=K([]),[Ft,Bt]=K({}),[tt,At]=K({}),[ot,ze]=K(""),[Lt,Gt]=K([]),[Me,Ht]=K(p.enableColumnPinning?{left:[],right:[]}:{}),{enableSorting:Ie=!0,enableFiltering:Ve=!0,enableGlobalFilter:at=!0,enableColumnVisibility:_e=!0,enableRowSelection:k=!0,stickyHeader:Ot=!0,toolbar:Et=!1,showSerialNumbers:W=!0,fixedCheckboxColumn:ve=!0,striped:Ut=!0,hoverable:jt=!0,compact:nt=!0,bordered:rt=!0,fullHeight:Wt=!1,enableColumnResizing:it=!1,enableColumnPinning:T=!0,hideHeader:$t=!1}=p,Fe=_o(()=>{let g=[...t],C=u=>u.map(l=>{if(l.id==="select"||l.id==="serialNumber")return l;let x={...l,enablePinning:!0};return l.columns&&(x.columns=C(l.columns)),x}),a=C(g);if(k){let u={id:"select",header:({table:l})=>r(Ke,{checked:l.getIsAllPageRowsSelected()||l.getIsSomePageRowsSelected()&&"indeterminate",onCheckedChange:x=>l.toggleAllPageRowsSelected(!!x),"aria-label":"Select all"}),cell:({row:l})=>r("div",{className:o("flex items-center justify-center"),children:r(Ke,{checked:l.getIsSelected(),onCheckedChange:x=>l.toggleSelected(!!x),"aria-label":"Select row"})}),enableSorting:!1,enableHiding:!1,enablePinning:!0,headerAlign:"center",size:10};a.unshift(u)}if(W){let u={id:"serialNumber",header:"No.",cell:({row:l})=>r("div",{className:"text-center font-medium text-muted-foreground",children:l.index+1}),enableSorting:!0,enableHiding:!1,enablePinning:!0,size:60,headerAlign:"center"};a.unshift(u)}return a},[t,W,k,ve]),w=ko({data:e,columns:Fe,onSortingChange:Ie?d:void 0,onColumnFiltersChange:Ve?be:void 0,onGlobalFilterChange:at?ze:void 0,getCoreRowModel:No(),getPaginationRowModel:m.enabled?So():void 0,getSortedRowModel:Ie?Ro():void 0,getFilteredRowModel:Ve?To():void 0,onColumnVisibilityChange:_e?Bt:void 0,onRowSelectionChange:k?At:void 0,onColumnOrderChange:Gt,onColumnPinningChange:T?Ht:void 0,state:{sorting:Ie?i:void 0,columnFilters:Ve?M:void 0,columnVisibility:_e?Ft:void 0,rowSelection:k?tt:{},globalFilter:ot,columnOrder:Lt,columnPinning:T?Me:{}},initialState:{pagination:m.enabled?{pageSize:m.pageSize||10}:void 0,columnPinning:T?{left:[...W?["serialNumber"]:[],...k?["select"]:[]],right:[]}:void 0},enableRowSelection:k,enableColumnResizing:it,enableColumnPinning:T,columnResizeMode:"onChange"});Pt(()=>{Y&&Y(w)},[w,Y]),Pt(()=>{if(k&&le){let g=w.getFilteredSelectedRowModel().rows.map(C=>C.original);le(g)}},[tt,k,le,w]);let qt=yt(()=>{d([])},[]),Kt=yt(()=>{be([]),ze("")},[]),st=(g,C)=>{if(!T)return;let a=[...W?["serialNumber"]:[],...k&&ve?["select"]:[]],u={left:[...(Me.left??[]).filter(l=>a.includes(l))],right:[...Me.right??[]]};C===!1?(u.left=u.left.filter(l=>l!==g),u.right=u.right.filter(l=>l!==g)):C==="right"?(u.left=u.left.filter(l=>l!==g),u.right.includes(g)||u.right.push(g)):C==="left"&&(u.right=u.right.filter(l=>l!==g),!u.left.includes(g)&&!a.includes(g)&&u.left.push(g)),w.setColumnPinning(u)},Xt=()=>r(ct,{className:o(Ot&&"sticky top-0 bg-sidebar z-20"),children:w.getHeaderGroups().map((g,C)=>r(ce,{className:"hover:bg-transparent",children:g.headers.map((a,u)=>{let l=a.depth===0&&a.colSpan>1,x=T&&(a.column.getIsPinned()==="left"||a.column.id==="serialNumber"||a.column.id==="select"&&k),$=T&&a.column.getIsPinned()==="right",q=a.column.getCanSort(),Be=T&&a.column.columnDef.enablePinning!==!1,Ce=a.column.id==="serialNumber",Ae=a.column.id==="select",mt=Ce||Ae&&ve,Z=a.column.columnDef.headerAlign||"left",Jt={left:"justify-start",center:"justify-center",right:"justify-end"}[Z];return v(gt,{colSpan:a.colSpan,className:o("font-semibold text-foreground bg-sidebar group px-0",!nt&&"py-2",rt&&u<g.headers.length-1&&"border-r","relative",x&&"sticky left-0 z-15 bg-sidebar",$&&"sticky right-0 z-15 bg-sidebar",(Ce||Ae)&&"sticky left-0 z-15 bg-sidebar",l?"text-center":"text-left"),style:{width:a.getSize()!==150?a.getSize():"auto",minWidth:a.getSize()!==150?a.getSize():"auto",...x&&{left:Ce?0:Ae?W&&w.getColumn("serialNumber")?.getSize()||0:lt(a.column)},...$&&{right:dt(a.column)},...Ce&&{left:0}},children:[l?r("div",{className:"flex items-center justify-center",children:Xe(a.column.columnDef.header,a.getContext())}):v("div",{className:o("relative flex items-center w-full px-2",Jt),children:[v("div",{className:"flex items-center gap-1",children:[q&&Z==="right"&&r("span",{className:"ml-1 order-2",children:a.column.getIsSorted()&&{asc:r(Je,{className:"h-4 w-4"}),desc:r(Qe,{className:"h-4 w-4"})}[a.column.getIsSorted()]}),a.isPlaceholder?null:Xe(a.column.columnDef.header,a.getContext()),q&&Z!=="right"&&a.column.getIsSorted()&&r("span",{className:"ml-1 order-2",children:a.column.getIsSorted()&&{asc:r(Je,{className:"h-4 w-4"}),desc:r(Qe,{className:"h-4 w-4"})}[a.column.getIsSorted()]})]}),(q||Be&&!mt)&&v(A,{children:[r(L,{asChild:!0,className:o("absolute",Z==="left"&&"right-1",Z==="center"&&"right-1",Z==="right"&&"left-1"),children:r(xt,{variant:"default",size:"sm",noBg:!0,tabIndex:-1,className:"opacity-0 group-hover:opacity-70 hover:opacity-100 data-[state=open]:opacity-100",children:r(Mo,{className:"h-4 w-4"})})}),v(G,{align:"end",className:"w-48",children:[q&&v(Dt,{children:[r(V,{children:"Sorting"}),v(P,{onClick:()=>a.column.toggleSorting(!1),children:[r(Je,{className:"mr-2 h-4 w-4"}),"Sort Ascending"]}),v(P,{onClick:()=>a.column.toggleSorting(!0),children:[r(Qe,{className:"mr-2 h-4 w-4"}),"Sort Descending"]}),v(P,{onClick:()=>a.column.clearSorting(),disabled:!a.column.getIsSorted(),children:[r(zo,{className:"mr-2 h-4 w-4"}),"Clear Sort"]}),r(_,{})]}),Be&&!mt&&v(Dt,{children:[r(V,{children:"Pin Column"}),v(P,{onClick:()=>st(a.column.id,"right"),disabled:a.column.getIsPinned()==="right",children:[r(Io,{}),"Pin Right"]}),v(P,{onClick:()=>st(a.column.id,!1),disabled:!a.column.getIsPinned(),children:[r(Vo,{}),"Unpin"]})]})]})]})]}),it&&a.column.getCanResize()&&!l&&a.colSpan===1&&r("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:a.getResizeHandler()})]},a.id)})},g.id))}),lt=g=>{if(!T)return;let C=0,a=w.getLeftHeaderGroups()[0]?.headers||[],u=[...W?["serialNumber"]:[],...k?["select"]:[]];for(let l of a){if(l.id===g.id)break;if(u.includes(l.id)){let x=w.getColumn(l.id);x&&(C+=x.getSize())}}return C},dt=g=>{if(!T)return;let C=w.getState().columnPinning.right||[],a=C.indexOf(g.id);if(a===-1)return;let u=0;for(let l=a+1;l<C.length;l++){let x=w.getColumn(C[l]);x&&(u+=x.getSize())}return u};return j?r(he,{className:"w-full rounded-xl shadow-sm",children:r(we,{className:"flex items-center justify-center",children:v("div",{className:"text-center",children:[r("div",{className:"text-red-500 mb-3 text-2xl",children:"\u26A0\uFE0F"}),r("p",{className:"text-sm text-muted-foreground mb-4",children:j}),Q&&v(f,{variant:"outline",size:"sm",onClick:Q,className:"rounded-lg",children:[r(wt,{className:"mr-2 h-4 w-4"}),"Try Again"]})]})})}):r(pe,{children:v("div",{className:o("w-full space-y-2 flex flex-col h-full",R),children:[c&&r(he,{className:"rounded-2xl py-2 sticky top-0 z-20",children:r(we,{className:"px-2",children:c})}),Et&&r(We,{table:w,filters:n,globalFilter:ot,onGlobalFilterChange:ze,enableGlobalFilter:at,onExport:de,onRefresh:Q,loading:J,enableColumnVisibility:_e,enableColumnPinning:T,data:e,onClearSorting:qt,onClearFilters:Kt}),r(he,{className:o("shadow-sm overflow-auto py-0",Wt&&"flex-1"),children:r(we,{className:"p-0 h-full",children:v("div",{className:"relative flex flex-col h-full justify-between",children:[J&&r("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-xl",children:v("div",{className:"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm",children:[r(wt,{className:"size-5 animate-spin text-primary"}),r("span",{className:"text-sm font-medium text-muted-foreground",children:"Loading..."})]})}),r("div",{className:"relative rounded-t-xl overflow-auto border-b",children:v(Le,{className:"border-collapse w-full",children:[!$t&&Xt(),r(pt,{children:w.getRowModel().rows?.length?w.getRowModel().rows.map((g,C)=>r(ce,{"data-state":g.getIsSelected()&&"selected",className:o(jt&&"hover:bg-muted/50",Ut&&C%2===0&&"bg-muted/20",g.getIsSelected()&&"bg-muted","border-b last:border-b-0"),children:g.getVisibleCells().map((a,u)=>{let l=T&&(a.column.getIsPinned()==="left"||a.column.id==="serialNumber"||a.column.id==="select"&&k),x=T&&a.column.getIsPinned()==="right",$=a.column.id==="serialNumber",q=a.column.id==="select",Be=$||q&&ve;return r(xe,{className:o(nt?"py-2":"py-4",rt&&u<g.getVisibleCells().length&&"border-r",l&&"sticky left-0 z-10 bg-sidebar/97",x&&"sticky right-0 z-10 bg-sidebar/97",$&&"sticky left-0 z-10 bg-sidebar/97","p-1"),style:{width:a.column.getSize()!==150?a.column.getSize():"auto",minWidth:a.column.getSize()!==150?a.column.getSize():"auto",...l&&{left:$?0:q?W&&w.getColumn("serialNumber")?.getSize()||0:lt(a.column)},...x&&{right:dt(a.column)},...$&&{left:0}},children:Xe(a.column.columnDef.cell,a.getContext())},a.id)})},g.id)):r(ce,{children:r(xe,{colSpan:Fe.length,className:"h-32 text-center border-0",children:v("div",{className:"flex flex-col items-center gap-3",children:[r("div",{className:"text-muted-foreground text-5xl",children:"\u{1F4CB}"}),r("p",{className:"text-muted-foreground font-medium",children:se})]})})})})]})}),S&&r("div",{className:"sticky bottom-0 bg-sidebar w-full z-20",style:{width:"100%",minWidth:"fit-content"},children:r(Le,{children:r(ut,{children:r(ce,{className:"bg-sidebar",children:r(xe,{colSpan:Fe.length,className:"p-2",children:S})})})})})]})})}),r($e,{table:w,config:m}),me&&me(w)]})})}import{Separator as Bo}from"radix-ui";import{jsx as Ao}from"react/jsx-runtime";function Te({className:e,orientation:t="horizontal",decorative:n=!0,...m}){return Ao(Bo.Root,{"data-slot":"separator-root",decorative:n,orientation:t,className:o("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",e),...m})}import{Loader as Lo,X as Go}from"lucide-react";import{AnimatePresence as Ho,motion as Oo}from"framer-motion";import*as O from"react";import*as Nt from"react-dom";import{jsx as N,jsxs as ae}from"react/jsx-runtime";function Eo({table:e,visible:t,container:n,children:m,className:p,...c}){let[S,R]=O.useState(!1);O.useLayoutEffect(()=>{R(!0)},[]),O.useEffect(()=>{function j(se){se.key==="Escape"&&e&&e.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",j),()=>window.removeEventListener("keydown",j)},[e]);let ie=n??(S?globalThis.document?.body:null);if(!ie||!e)return null;let J=t??e.getFilteredSelectedRowModel().rows.length>0;return Nt.createPortal(N(Ho,{children:J&&N(Oo.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.3,ease:"easeInOut"},className:o("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-5 ring-primary/5",p),...c,children:ae(pe,{children:["1",m]})})}),ie)}function Uo({size:e="sm",tooltip:t,isPending:n,disabled:m,className:p,children:c,...S}){let R=N(f,{variant:"secondary",size:e,className:o("gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200",e==="icon"?"size-8":"h-8 px-3",p),disabled:m||n,...S,children:n?N(Lo,{className:"animate-spin"}):c});return t?ae(Ge,{children:[N(He,{asChild:!0,children:R}),N(Oe,{sideOffset:8,className:"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden",children:N("p",{children:t})})]}):R}function jo({table:e}){let t=O.useCallback(()=>{e&&e.toggleAllRowsSelected(!1)},[e]);return e?ae("div",{className:"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3",children:[ae("span",{className:"whitespace-nowrap text-sm font-medium",children:[e.getFilteredSelectedRowModel().rows.length," selected"]}),N(Te,{orientation:"vertical",className:"mr-2 ml-3 data-[orientation=vertical]:h-4"}),ae(Ge,{children:[N(He,{asChild:!0,children:N(f,{variant:"ghost",size:"icon",className:"size-6 rounded-md",onClick:t,children:N(Go,{className:"size-3.5"})})}),ae(Oe,{sideOffset:10,className:"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foregroun bg-secondary [&>span]:hidden",children:[N("p",{children:"Clear selection"}),N("kbd",{className:"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm",children:N("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]}):null}import{ArrowUpDown as fe,EyeOff as Wo}from"lucide-react";import{jsx as F,jsxs as ne}from"react/jsx-runtime";function $o({column:e,title:t,className:n}){return e.getCanSort()?F("div",{className:o("flex items-center space-x-2",n),children:ne(A,{children:[F(L,{asChild:!0,children:ne(f,{variant:"ghost",size:"sm",className:"-ml-3 h-8 data-[state=open]:bg-accent",children:[F("span",{children:t}),e.getIsSorted()==="desc"?F(fe,{className:"ml-2 h-4 w-4"}):e.getIsSorted()==="asc"?F(fe,{className:"ml-2 h-4 w-4"}):F(fe,{className:"ml-2 h-4 w-4"})]})}),ne(G,{align:"start",className:"rounded-lg",children:[ne(P,{onClick:()=>e.toggleSorting(!1),children:[F(fe,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Asc"]}),ne(P,{onClick:()=>e.toggleSorting(!0),children:[F(fe,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Desc"]}),F(_,{}),ne(P,{onClick:()=>e.toggleVisibility(!1),children:[F(Wo,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Hide"]})]})]})}):F("div",{className:o(n),children:t})}import{ChevronDown as qo,Eye as Ko}from"lucide-react";import{jsx as re,jsxs as Ye}from"react/jsx-runtime";function Xo({table:e}){return Ye(A,{children:[re(L,{asChild:!0,children:Ye(f,{variant:"outline",size:"sm",className:"rounded-lg",children:[re(Ko,{className:"mr-2 h-4 w-4"}),"Columns ",re(qo,{className:"ml-2 h-4 w-4"})]})}),Ye(G,{align:"end",className:"w-[200px] rounded-lg",children:[re(V,{children:"Toggle Columns"}),re(_,{}),e.getAllColumns().filter(t=>typeof t.accessorFn<"u"&&t.getCanHide()).map(t=>re(ge,{className:"capitalize",checked:t.getIsVisible(),onCheckedChange:n=>t.toggleVisibility(!!n),children:t.id},t.id))]})]})}import{Slot as Jo}from"radix-ui";import{cva as Qo}from"class-variance-authority";import{jsx as Zo}from"react/jsx-runtime";var Yo=Qo("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"}},defaultVariants:{variant:"default"}});function Se({className:e,variant:t,asChild:n=!1,...m}){let p=n?Jo.Slot:"span";return Zo(p,{"data-slot":"badge",className:o(Yo({variant:t}),e),...m})}import{Command as X}from"cmdk";import{SearchIcon as ea}from"lucide-react";import{Dialog as Qn}from"radix-ui";import{XIcon as Zn}from"lucide-react";import{jsx as or,jsxs as ar}from"react/jsx-runtime";import{jsx as E,jsxs as ta}from"react/jsx-runtime";function Tt({className:e,...t}){return E(X,{"data-slot":"command",className:o("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...t})}function St({className:e,...t}){return ta("div",{"data-slot":"command-input-wrapper",className:"flex h-9 items-center gap-2 border-b px-3",children:[E(ea,{className:"size-4 shrink-0 opacity-50"}),E(X.Input,{"data-slot":"command-input",className:o("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",e),...t})]})}function Rt({className:e,...t}){return E(X.List,{"data-slot":"command-list",className:o("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",e),...t})}function kt({...e}){return E(X.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...e})}function Ze({className:e,...t}){return E(X.Group,{"data-slot":"command-group",className:o("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...t})}function zt({className:e,...t}){return E(X.Separator,{"data-slot":"command-separator",className:o("bg-border -mx-1 h-px",e),...t})}function et({className:e,...t}){return E(X.Item,{"data-slot":"command-item",className:o("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...t})}import{Popover as Re}from"radix-ui";import{jsx as ke}from"react/jsx-runtime";function Mt({...e}){return ke(Re.Root,{"data-slot":"popover",...e})}function It({...e}){return ke(Re.Trigger,{"data-slot":"popover-trigger",...e})}function Vt({className:e,align:t="center",sideOffset:n=4,...m}){return ke(Re.Portal,{children:ke(Re.Content,{"data-slot":"popover-content",align:t,sideOffset:n,className:o("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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",e),...m})})}import{CheckIcon as oa,PlusCircleIcon as aa}from"lucide-react";import{Fragment as _t,jsx as h,jsxs as U}from"react/jsx-runtime";function na({column:e,title:t,options:n}){let m=e?.getFacetedUniqueValues(),p=new Set(e?.getFilterValue());return U(Mt,{children:[h(It,{asChild:!0,children:U(f,{variant:"outline",size:"sm",className:"h-9 border-dashed rounded-lg",children:[h(aa,{className:"mr-2 h-4 w-4"}),t,p?.size>0&&U(_t,{children:[h(Te,{orientation:"vertical",className:"mx-2 h-4"}),h(Se,{variant:"secondary",className:"rounded-sm px-1 font-normal lg:hidden",children:p.size}),h("div",{className:"hidden space-x-1 lg:flex",children:p.size>2?U(Se,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:[p.size," selected"]}):n.filter(c=>p.has(c.value)).map(c=>h(Se,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:c.label},c.value))})]})]})}),h(Vt,{className:"w-[200px] p-0 rounded-lg",align:"start",children:U(Tt,{className:"rounded-lg",children:[h(St,{placeholder:t}),U(Rt,{children:[h(kt,{children:"No results found."}),h(Ze,{children:n.map(c=>{let S=p.has(c.value);return U(et,{onSelect:()=>{S?p.delete(c.value):p.add(c.value);let R=Array.from(p);e?.setFilterValue(R.length?R:void 0)},children:[h("div",{className:o("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",S?"bg-primary text-primary-foreground":"opacity-50 [&_svg]:invisible"),children:h(oa,{className:o("h-4 w-4")})}),c.icon&&h(c.icon,{className:"mr-2 h-4 w-4 text-muted-foreground"}),h("span",{children:c.label}),m?.get(c.value)&&h("span",{className:"ml-auto flex h-4 w-4 items-center justify-center font-mono text-xs",children:m.get(c.value)})]},c.value)})}),p.size>0&&U(_t,{children:[h(zt,{}),h(Ze,{children:h(et,{onSelect:()=>e?.setFilterValue(void 0),className:"justify-center text-center",children:"Clear filters"})})]})]})]})})]})}export{Fo as DataTable,Eo as DataTableActionBar,Uo as DataTableActionBarAction,jo as DataTableActionBarSelection,$o as DataTableColumnHeader,na as DataTableFacetedFilter,$e as DataTablePagination,We as DataTableToolbar,Xo as DataTableViewOptions};
|
|
2
|
+
import{flexRender as Xe,getCoreRowModel as No,getFilteredRowModel as To,getPaginationRowModel as So,getSortedRowModel as Ro,useReactTable as ko}from"@tanstack/react-table";import{Loader2 as wt,ChevronUp as Je,ChevronDown as Qe,ChevronsUpDown as zo,MoreHorizontal as Mo,MoveRightIcon as Io,PinOffIcon as Vo}from"lucide-react";import{Slot as Zt}from"radix-ui";import{cva as eo}from"class-variance-authority";import{clsx as Qt}from"clsx";import{twMerge as Yt}from"tailwind-merge";function o(...e){return Yt(Qt(e))}import{jsx as oo}from"react/jsx-runtime";var to=eo("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 f({className:e,variant:t,size:n,asChild:m=!1,...p}){let c=m?Zt.Slot:"button";return oo(c,{"data-slot":"button",className:o(to({variant:t,size:n,className:e}),"transition-none"),...p})}import{jsx as H}from"react/jsx-runtime";function Le({className:e,...t}){return H("div",{"data-slot":"table-container",className:"relative w-full overflow-auto max-h-full",children:H("table",{"data-slot":"table",className:o("w-full caption-bottom text-sm",e),...t})})}function ct({className:e,...t}){return H("thead",{"data-slot":"table-header",className:o("[&_tr]:border-b",e),...t})}function pt({className:e,...t}){return H("tbody",{"data-slot":"table-body",className:o("[&_tr:last-child]:border-0",e),...t})}function ut({className:e,...t}){return H("tfoot",{"data-slot":"table-footer",className:o("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",e),...t})}function ce({className:e,...t}){return H("tr",{"data-slot":"table-row",className:o("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",e),...t})}function gt({className:e,...t}){return H("th",{"data-slot":"table-head",className:o("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap",e),...t})}function xe({className:e,...t}){return H("td",{"data-slot":"table-cell",className:o("p-2 align-middle whitespace-nowrap",e),...t})}import{jsx as ft}from"react/jsx-runtime";function he({className:e,...t}){return ft("div",{"data-slot":"card",className:o("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",e),...t})}function we({className:e,...t}){return ft("div",{"data-slot":"card-content",className:o("px-6",e),...t})}import{Tooltip as ee}from"radix-ui";import{jsx as te,jsxs as ao}from"react/jsx-runtime";function pe({delayDuration:e=0,...t}){return te(ee.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function Ge({...e}){return te(pe,{children:te(ee.Root,{"data-slot":"tooltip",...e})})}function He({...e}){return te(ee.Trigger,{"data-slot":"tooltip-trigger",...e})}function Oe({className:e,sideOffset:t=0,children:n,...m}){return te(ee.Portal,{children:ao(ee.Content,{"data-slot":"tooltip-content",sideOffset:t,className:o("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",e),...m,children:[n,te(ee.Arrow,{className:"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}import{Search as po,RefreshCw as uo,Download as go,Settings2 as fo,Filter as vt,ArrowUpDown as bo,PinOff as vo,Pin as Ct,ChevronDown as Co}from"lucide-react";import{jsx as no}from"react/jsx-runtime";function Ee({className:e,type:t,...n}){return no("input",{type:t,"data-slot":"input",className:o("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),...n})}import{Select as z}from"radix-ui";import{CheckIcon as ro,ChevronDownIcon as bt,ChevronUpIcon as io}from"lucide-react";import{jsx as y,jsxs as Ue}from"react/jsx-runtime";function ye({...e}){return y(z.Root,{"data-slot":"select",...e})}function Pe({...e}){return y(z.Value,{"data-slot":"select-value",...e})}function De({className:e,size:t="default",children:n,...m}){return Ue(z.Trigger,{"data-slot":"select-trigger","data-size":t,className:o("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),...m,children:[n,y(z.Icon,{asChild:!0,children:y(bt,{className:"size-4 opacity-50"})})]})}function Ne({className:e,children:t,position:n="popper",...m}){return y(z.Portal,{children:Ue(z.Content,{"data-slot":"select-content",className:o("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",n==="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:n,...m,children:[y(so,{}),y(z.Viewport,{className:o("p-1",n==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:t}),y(lo,{})]})})}function ue({className:e,children:t,...n}){return Ue(z.Item,{"data-slot":"select-item",className:o("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),...n,children:[y("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:y(z.ItemIndicator,{children:y(ro,{className:"size-4"})})}),y(z.ItemText,{children:t})]})}function so({className:e,...t}){return y(z.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:o("flex cursor-default items-center justify-center py-1",e),...t,children:y(io,{className:"size-4"})})}function lo({className:e,...t}){return y(z.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:o("flex cursor-default items-center justify-center py-1",e),...t,children:y(bt,{className:"size-4"})})}import{DropdownMenu as B}from"radix-ui";import{CheckIcon as mo,ChevronRightIcon as Va,CircleIcon as _a}from"lucide-react";import{jsx as I,jsxs as co}from"react/jsx-runtime";function A({...e}){return I(B.Root,{"data-slot":"dropdown-menu",...e})}function L({...e}){return I(B.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function G({className:e,sideOffset:t=4,...n}){return I(B.Portal,{children:I(B.Content,{"data-slot":"dropdown-menu-content",sideOffset:t,className:o("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),...n})})}function je({...e}){return I(B.Group,{"data-slot":"dropdown-menu-group",...e})}function P({className:e,inset:t,variant:n="default",...m}){return I(B.Item,{"data-slot":"dropdown-menu-item","data-inset":t,"data-variant":n,className:o("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),...m})}function ge({className:e,children:t,checked:n,...m}){return co(B.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:o("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:n,...m,children:[I("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:I(B.ItemIndicator,{children:I(mo,{className:"size-4"})})}),t]})}function V({className:e,inset:t,...n}){return I(B.Label,{"data-slot":"dropdown-menu-label","data-inset":t,className:o("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...n})}function _({className:e,...t}){return I(B.Separator,{"data-slot":"dropdown-menu-separator",className:o("bg-border -mx-1 my-1 h-px",e),...t})}import{Fragment as xo,jsx as s,jsxs as b}from"react/jsx-runtime";function We({table:e,filters:t=[],globalFilter:n,onGlobalFilterChange:m,enableGlobalFilter:p=!0,onExport:c,onRefresh:S,loading:R=!1,enableColumnVisibility:ie=!0,data:J,onClearSorting:j,onClearFilters:se,enableColumnPinning:le=!1}){let de=()=>e.getAllLeafColumns().filter(i=>i.getCanHide?.()!==!1),Q=()=>e.getAllColumns().filter(i=>!e.getAllLeafColumns().includes(i)&&i.columns?.length&&i.columns.some(d=>d.getCanHide?.()!==!1)),Y=()=>{let i=new Set(Q().flatMap(d=>d.columns?.filter(M=>M.getCanHide?.()!==!1).map(M=>M.id)||[]));return de().filter(d=>!i.has(d.id))},me=(i,d)=>d&&i.startsWith(`${d}.`)?i.replace(`${d}.`,"").split("_").map(be=>be.slice(1)).join(" "):i.split("_").map(M=>M.charAt(0).toUpperCase()+M.slice(1)).join(" ");return s("div",{className:"rounded-xl",children:s("div",{className:"px-2",children:s("div",{className:"flex flex-col gap-6",children:b("div",{className:"flex items-center justify-between",children:[s("div",{className:"flex items-center gap-3",children:t.length>0&&b("div",{className:"flex items-center gap-3 flex-wrap",children:[s("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:s(vt,{className:"h-4 w-4"})}),t.map(i=>s("div",{className:o("relative min-w-[150px]",i.width),children:i.type==="select"?b(ye,{value:e.getColumn(i.key)?.getFilterValue()??"",onValueChange:d=>e.getColumn(i.key)?.setFilterValue(d==="all"?"":d),children:[i.icon&&s("span",{children:s(i.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),s(De,{className:o("h-9 rounded-lg w-full",i.icon&&"pl-9"),children:s(Pe,{placeholder:i.placeholder})}),b(Ne,{className:"rounded-lg",children:[s(ue,{value:"all",children:"All"}),i.options?.map(d=>s(ue,{value:d.value,children:d.label},d.label))]})]}):b("div",{className:"relative",children:[i.icon&&s("span",{children:s(i.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),s(Ee,{placeholder:i.placeholder,value:e.getColumn(i.key)?.getFilterValue()??"",onChange:d=>e.getColumn(i.key)?.setFilterValue(d.target.value),className:o("h-9 rounded-lg",i.icon&&"pl-9"),type:i.type==="number"?"number":i.type==="date"?"date":"text"})]})},i.key))]})}),b("div",{className:"flex items-center gap-2",children:[p&&b("div",{className:"relative",children:[s(po,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),s(Ee,{placeholder:"Global search...",value:n??"",onChange:i=>m(i.target.value),className:"pl-9 max-w-max"})]}),c&&b(f,{variant:"outline",size:"sm",onClick:()=>c(J),className:"rounded-lg",children:[s(go,{className:"mr-2 h-4 w-4"}),"Export"]}),ie&&b(A,{children:[s(L,{asChild:!0,children:b(f,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[s("span",{children:"Columns"}),s(Co,{className:"h-4 w-4 opacity-50"})]})}),b(G,{align:"end",className:"w-[220px] rounded-lg max-h-[400px] overflow-y-auto",children:[s(V,{className:"px-4 py-2 text-sm font-medium",children:"Toggle Columns"}),s(_,{}),Y().length>0&&b(je,{children:[s(V,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:"General"}),Y().map(i=>s(ge,{className:"text-sm",checked:i.getIsVisible(),onCheckedChange:d=>i.toggleVisibility(!!d),children:me(i.id)},i.id))]}),Q().map(i=>b(je,{children:[s(_,{}),s(V,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:i.id}),i.columns?.filter(d=>d.getCanHide?.()!==!1).map(d=>s(ge,{className:"text-sm",checked:d.getIsVisible(),onCheckedChange:M=>d.toggleVisibility(!!M),children:me(d.id,i.id)},d.id))]},i.id))]})]}),b(A,{children:[s(L,{asChild:!0,children:s(f,{variant:"outline",size:"sm",className:"rounded-lg",children:s(fo,{className:"h-4 w-4"})})}),b(G,{align:"end",className:"w-[200px] rounded-lg",children:[s(V,{children:"Table Settings"}),s(_,{}),b(P,{onClick:j,children:[s(bo,{className:"mr-2 h-4 w-4"}),"Clear All Sorting"]}),b(P,{onClick:se,children:[s(vt,{className:"mr-2 h-4 w-4"}),"Clear All Filters"]}),le&&b(xo,{children:[s(_,{}),s(V,{children:"Column Pinning"}),b(P,{onClick:()=>e.setColumnPinning({left:[],right:[]}),children:[s(vo,{className:"mr-2 h-4 w-4"}),"Reset All Pinning"]}),b(P,{onClick:()=>{let i=de().filter(d=>d.getCanPin?.()!==!1).map(d=>d.id);e.setColumnPinning({left:i,right:[]})},children:[s(Ct,{className:"mr-2 h-4 w-4 rotate-90"}),"Pin All Left"]}),b(P,{onClick:()=>{let i=de().filter(d=>d.getCanPin?.()!==!1).map(d=>d.id);e.setColumnPinning({left:[],right:i})},children:[s(Ct,{className:"mr-2 h-4 w-4 -rotate-90"}),"Pin All Right"]})]})]})]}),S&&s(f,{variant:"outline",size:"sm",onClick:S,disabled:R,className:"rounded-lg",children:s(uo,{className:o("h-4 w-4",R&&"animate-spin")})})]})]})})})})}import{jsx as D,jsxs as oe}from"react/jsx-runtime";function $e({table:e,config:t}){return t.enabled?D("div",{className:"rounded-xl",children:D("div",{children:oe("div",{className:"flex items-center justify-between",children:[D("div",{className:"flex items-center gap-6 text-sm text-muted-foreground",children:t.showInfo!==!1&&oe("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"]})}),oe("div",{className:"flex items-center gap-4",children:[t.pageSizeOptions&&oe("div",{className:"flex items-center gap-2",children:[D("span",{className:"text-sm font-medium",children:"Rows per page:"}),oe(ye,{value:`${e.getState().pagination.pageSize}`,onValueChange:n=>e.setPageSize(Number(n)),children:[D(De,{className:"h-9 w-[70px] rounded-lg",children:D(Pe,{})}),D(Ne,{side:"top",className:"rounded-lg",children:t.pageSizeOptions.map(n=>D(ue,{value:`${n}`,children:n},n))})]})]}),oe("div",{className:"flex items-center gap-2",children:[D(f,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"First"}),D(f,{variant:"outline",size:"sm",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"Previous"}),t.showPageNumbers&&D("div",{className:"flex items-center gap-1",children:Array.from({length:Math.min(5,e.getPageCount())},(n,m)=>{let p=e.getState().pagination.pageIndex,c=p-2+m+1;return c<1||c>e.getPageCount()?null:D(f,{variant:c===p+1?"default":"outline",size:"sm",className:"size-8 p-0 rounded-lg",onClick:()=>e.setPageIndex(c-1),children:c},c)})}),D(f,{variant:"outline",size:"sm",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Next"}),D(f,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Last"})]})]})]})})}):null}import{Toggle as ho}from"radix-ui";import{cva as wo}from"class-variance-authority";import{jsx as Po}from"react/jsx-runtime";var yo=wo("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 xt({className:e,variant:t,size:n,noBg:m,...p}){return Po(ho.Root,{"data-slot":"toggle",className:o(yo({className:e,variant:t,size:n,bg:m?"disabled":"enabled"})),...p})}import{Checkbox as ht}from"radix-ui";import{CheckIcon as Do}from"lucide-react";import{jsx as qe}from"react/jsx-runtime";function Ke({className:e,...t}){return qe(ht.Root,{"data-slot":"checkbox",className:o("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),...t,children:qe(ht.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:qe(Do,{className:"size-3.5"})})})}import{useCallback as yt,useEffect as Pt,useMemo as _o,useState as K}from"react";import{Fragment as Dt,jsx as r,jsxs as v}from"react/jsx-runtime";function Fo({data:e,columns:t,filters:n=[],pagination:m={enabled:!1},settings:p={},header:c,footer:S,className:R="",maxHeight:ie="600px",loading:J=!1,error:j,emptyMessage:se="No data available",onRowSelectionChange:le,onExport:de,onRefresh:Q,onTableReady:Y,children:me}){let[i,d]=K([]),[M,be]=K([]),[Ft,Bt]=K({}),[tt,At]=K({}),[ot,ze]=K(""),[Lt,Gt]=K([]),[Me,Ht]=K(p.enableColumnPinning?{left:[],right:[]}:{}),{enableSorting:Ie=!0,enableFiltering:Ve=!0,enableGlobalFilter:at=!0,enableColumnVisibility:_e=!0,enableRowSelection:k=!0,stickyHeader:Ot=!0,toolbar:Et=!1,showSerialNumbers:W=!0,fixedCheckboxColumn:ve=!0,striped:Ut=!0,hoverable:jt=!0,compact:nt=!0,bordered:rt=!0,fullHeight:Wt=!1,enableColumnResizing:it=!1,enableColumnPinning:T=!0,hideHeader:$t=!1}=p,Fe=_o(()=>{let g=[...t],C=u=>u.map(l=>{if(l.id==="select"||l.id==="serialNumber")return l;let x={...l,enablePinning:!0};return l.columns&&(x.columns=C(l.columns)),x}),a=C(g);if(k){let u={id:"select",header:({table:l})=>r(Ke,{checked:l.getIsAllPageRowsSelected()||l.getIsSomePageRowsSelected()&&"indeterminate",onCheckedChange:x=>l.toggleAllPageRowsSelected(!!x),"aria-label":"Select all"}),cell:({row:l})=>r("div",{className:o("flex items-center justify-center"),children:r(Ke,{checked:l.getIsSelected(),onCheckedChange:x=>l.toggleSelected(!!x),"aria-label":"Select row"})}),enableSorting:!1,enableHiding:!1,enablePinning:!0,headerAlign:"center",size:10};a.unshift(u)}if(W){let u={id:"serialNumber",header:"No.",cell:({row:l})=>r("div",{className:"text-center font-medium text-muted-foreground",children:l.index+1}),enableSorting:!0,enableHiding:!1,enablePinning:!0,size:60,headerAlign:"center"};a.unshift(u)}return a},[t,W,k,ve]),w=ko({data:e,columns:Fe,onSortingChange:Ie?d:void 0,onColumnFiltersChange:Ve?be:void 0,onGlobalFilterChange:at?ze:void 0,getCoreRowModel:No(),getPaginationRowModel:m.enabled?So():void 0,getSortedRowModel:Ie?Ro():void 0,getFilteredRowModel:Ve?To():void 0,onColumnVisibilityChange:_e?Bt:void 0,onRowSelectionChange:k?At:void 0,onColumnOrderChange:Gt,onColumnPinningChange:T?Ht:void 0,state:{sorting:Ie?i:void 0,columnFilters:Ve?M:void 0,columnVisibility:_e?Ft:void 0,rowSelection:k?tt:{},globalFilter:ot,columnOrder:Lt,columnPinning:T?Me:{}},initialState:{pagination:m.enabled?{pageSize:m.pageSize||10}:void 0,columnPinning:T?{left:[...W?["serialNumber"]:[],...k?["select"]:[]],right:[]}:void 0},enableRowSelection:k,enableColumnResizing:it,enableColumnPinning:T,columnResizeMode:"onChange"});Pt(()=>{Y&&Y(w)},[w,Y]),Pt(()=>{if(k&&le){let g=w.getFilteredSelectedRowModel().rows.map(C=>C.original);le(g)}},[tt,k,le,w]);let qt=yt(()=>{d([])},[]),Kt=yt(()=>{be([]),ze("")},[]),st=(g,C)=>{if(!T)return;let a=[...W?["serialNumber"]:[],...k&&ve?["select"]:[]],u={left:[...(Me.left??[]).filter(l=>a.includes(l))],right:[...Me.right??[]]};C===!1?(u.left=u.left.filter(l=>l!==g),u.right=u.right.filter(l=>l!==g)):C==="right"?(u.left=u.left.filter(l=>l!==g),u.right.includes(g)||u.right.push(g)):C==="left"&&(u.right=u.right.filter(l=>l!==g),!u.left.includes(g)&&!a.includes(g)&&u.left.push(g)),w.setColumnPinning(u)},Xt=()=>r(ct,{className:o(Ot&&"sticky top-0 bg-sidebar z-20"),children:w.getHeaderGroups().map((g,C)=>r(ce,{className:"hover:bg-transparent",children:g.headers.map((a,u)=>{let l=a.depth===0&&a.colSpan>1,x=T&&(a.column.getIsPinned()==="left"||a.column.id==="serialNumber"||a.column.id==="select"&&k),$=T&&a.column.getIsPinned()==="right",q=a.column.getCanSort(),Be=T&&a.column.columnDef.enablePinning!==!1,Ce=a.column.id==="serialNumber",Ae=a.column.id==="select",mt=Ce||Ae&&ve,Z=a.column.columnDef.headerAlign||"left",Jt={left:"justify-start",center:"justify-center",right:"justify-end"}[Z];return v(gt,{colSpan:a.colSpan,className:o("font-semibold text-foreground bg-sidebar group px-0",!nt&&"py-2",rt&&u<g.headers.length-1&&"border-r","relative",x&&"sticky left-0 z-15 bg-sidebar",$&&"sticky right-0 z-15 bg-sidebar",(Ce||Ae)&&"sticky left-0 z-15 bg-sidebar",l?"text-center":"text-left"),style:{width:a.getSize()!==150?a.getSize():"auto",minWidth:a.getSize()!==150?a.getSize():"auto",...x&&{left:Ce?0:Ae?W&&w.getColumn("serialNumber")?.getSize()||0:lt(a.column)},...$&&{right:dt(a.column)},...Ce&&{left:0}},children:[l?r("div",{className:"flex items-center justify-center",children:Xe(a.column.columnDef.header,a.getContext())}):v("div",{className:o("relative flex items-center w-full px-2",Jt),children:[v("div",{className:"flex items-center gap-1",children:[q&&Z==="right"&&r("span",{className:"ml-1 order-2",children:a.column.getIsSorted()&&{asc:r(Je,{className:"h-4 w-4"}),desc:r(Qe,{className:"h-4 w-4"})}[a.column.getIsSorted()]}),a.isPlaceholder?null:Xe(a.column.columnDef.header,a.getContext()),q&&Z!=="right"&&a.column.getIsSorted()&&r("span",{className:"ml-1 order-2",children:a.column.getIsSorted()&&{asc:r(Je,{className:"h-4 w-4"}),desc:r(Qe,{className:"h-4 w-4"})}[a.column.getIsSorted()]})]}),(q||Be&&!mt)&&v(A,{children:[r(L,{asChild:!0,className:o("absolute",Z==="left"&&"right-1",Z==="center"&&"right-1",Z==="right"&&"left-1"),children:r(xt,{variant:"default",size:"sm",noBg:!0,tabIndex:-1,className:"opacity-0 group-hover:opacity-70 hover:opacity-100 data-[state=open]:opacity-100",children:r(Mo,{className:"h-4 w-4"})})}),v(G,{align:"end",className:"w-48",children:[q&&v(Dt,{children:[r(V,{children:"Sorting"}),v(P,{onClick:()=>a.column.toggleSorting(!1),children:[r(Je,{className:"mr-2 h-4 w-4"}),"Sort Ascending"]}),v(P,{onClick:()=>a.column.toggleSorting(!0),children:[r(Qe,{className:"mr-2 h-4 w-4"}),"Sort Descending"]}),v(P,{onClick:()=>a.column.clearSorting(),disabled:!a.column.getIsSorted(),children:[r(zo,{className:"mr-2 h-4 w-4"}),"Clear Sort"]}),r(_,{})]}),Be&&!mt&&v(Dt,{children:[r(V,{children:"Pin Column"}),v(P,{onClick:()=>st(a.column.id,"right"),disabled:a.column.getIsPinned()==="right",children:[r(Io,{}),"Pin Right"]}),v(P,{onClick:()=>st(a.column.id,!1),disabled:!a.column.getIsPinned(),children:[r(Vo,{}),"Unpin"]})]})]})]})]}),it&&a.column.getCanResize()&&!l&&a.colSpan===1&&r("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:a.getResizeHandler()})]},a.id)})},g.id))}),lt=g=>{if(!T)return;let C=0,a=w.getLeftHeaderGroups()[0]?.headers||[],u=[...W?["serialNumber"]:[],...k?["select"]:[]];for(let l of a){if(l.id===g.id)break;if(u.includes(l.id)){let x=w.getColumn(l.id);x&&(C+=x.getSize())}}return C},dt=g=>{if(!T)return;let C=w.getState().columnPinning.right||[],a=C.indexOf(g.id);if(a===-1)return;let u=0;for(let l=a+1;l<C.length;l++){let x=w.getColumn(C[l]);x&&(u+=x.getSize())}return u};return j?r(he,{className:"w-full rounded-xl shadow-sm",children:r(we,{className:"flex items-center justify-center",children:v("div",{className:"text-center",children:[r("div",{className:"text-red-500 mb-3 text-2xl",children:"\u26A0\uFE0F"}),r("p",{className:"text-sm text-muted-foreground mb-4",children:j}),Q&&v(f,{variant:"outline",size:"sm",onClick:Q,className:"rounded-lg",children:[r(wt,{className:"mr-2 h-4 w-4"}),"Try Again"]})]})})}):r(pe,{children:v("div",{className:o("w-full space-y-2 flex flex-col h-full",R),children:[c&&r(he,{className:"rounded-2xl py-2 sticky top-0 z-20",children:r(we,{className:"px-2",children:c})}),Et&&r(We,{table:w,filters:n,globalFilter:ot,onGlobalFilterChange:ze,enableGlobalFilter:at,onExport:de,onRefresh:Q,loading:J,enableColumnVisibility:_e,enableColumnPinning:T,data:e,onClearSorting:qt,onClearFilters:Kt}),r(he,{className:o("shadow-sm overflow-auto py-0",Wt&&"flex-1"),children:r(we,{className:"p-0 h-full",children:v("div",{className:"relative flex flex-col h-full justify-between",children:[J&&r("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-xl",children:v("div",{className:"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm",children:[r(wt,{className:"size-5 animate-spin text-primary"}),r("span",{className:"text-sm font-medium text-muted-foreground",children:"Loading..."})]})}),r("div",{className:"relative rounded-t-xl overflow-auto border-b",children:v(Le,{className:"border-collapse w-full",children:[!$t&&Xt(),r(pt,{children:w.getRowModel().rows?.length?w.getRowModel().rows.map((g,C)=>r(ce,{"data-state":g.getIsSelected()&&"selected",className:o(jt&&"hover:bg-muted/50",Ut&&C%2===0&&"bg-muted/20",g.getIsSelected()&&"bg-muted","border-b last:border-b-0"),children:g.getVisibleCells().map((a,u)=>{let l=T&&(a.column.getIsPinned()==="left"||a.column.id==="serialNumber"||a.column.id==="select"&&k),x=T&&a.column.getIsPinned()==="right",$=a.column.id==="serialNumber",q=a.column.id==="select",Be=$||q&&ve;return r(xe,{className:o(nt?"py-2":"py-4",rt&&u<g.getVisibleCells().length&&"border-r",l&&"sticky left-0 z-10 bg-sidebar/97",x&&"sticky right-0 z-10 bg-sidebar/97",$&&"sticky left-0 z-10 bg-sidebar/97","p-1"),style:{width:a.column.getSize()!==150?a.column.getSize():"auto",minWidth:a.column.getSize()!==150?a.column.getSize():"auto",...l&&{left:$?0:q?W&&w.getColumn("serialNumber")?.getSize()||0:lt(a.column)},...x&&{right:dt(a.column)},...$&&{left:0}},children:Xe(a.column.columnDef.cell,a.getContext())},a.id)})},g.id)):r(ce,{children:r(xe,{colSpan:Fe.length,className:"h-32 text-center border-0",children:v("div",{className:"flex flex-col items-center gap-3",children:[r("div",{className:"text-muted-foreground text-6xl",children:"\u{1F4CB}"}),r("p",{className:"text-muted-foreground font-medium",children:se})]})})})})]})}),S&&r("div",{className:"sticky bottom-0 bg-sidebar w-full z-20",style:{width:"100%",minWidth:"fit-content"},children:r(Le,{children:r(ut,{children:r(ce,{className:"bg-sidebar",children:r(xe,{colSpan:Fe.length,className:"p-2",children:S})})})})})]})})}),r($e,{table:w,config:m}),me&&me(w)]})})}import{Separator as Bo}from"radix-ui";import{jsx as Ao}from"react/jsx-runtime";function Te({className:e,orientation:t="horizontal",decorative:n=!0,...m}){return Ao(Bo.Root,{"data-slot":"separator-root",decorative:n,orientation:t,className:o("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",e),...m})}import{Loader as Lo,X as Go}from"lucide-react";import{AnimatePresence as Ho,motion as Oo}from"framer-motion";import*as O from"react";import*as Nt from"react-dom";import{jsx as N,jsxs as ae}from"react/jsx-runtime";function Eo({table:e,visible:t,container:n,children:m,className:p,...c}){let[S,R]=O.useState(!1);O.useLayoutEffect(()=>{R(!0)},[]),O.useEffect(()=>{function j(se){se.key==="Escape"&&e&&e.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",j),()=>window.removeEventListener("keydown",j)},[e]);let ie=n??(S?globalThis.document?.body:null);if(!ie||!e)return null;let J=t??e.getFilteredSelectedRowModel().rows.length>0;return Nt.createPortal(N(Ho,{children:J&&N(Oo.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.3,ease:"easeInOut"},className:o("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-5 ring-primary/5",p),...c,children:ae(pe,{children:["1",m]})})}),ie)}function Uo({size:e="sm",tooltip:t,isPending:n,disabled:m,className:p,children:c,...S}){let R=N(f,{variant:"secondary",size:e,className:o("gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200",e==="icon"?"size-8":"h-8 px-3",p),disabled:m||n,...S,children:n?N(Lo,{className:"animate-spin"}):c});return t?ae(Ge,{children:[N(He,{asChild:!0,children:R}),N(Oe,{sideOffset:8,className:"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden",children:N("p",{children:t})})]}):R}function jo({table:e}){let t=O.useCallback(()=>{e&&e.toggleAllRowsSelected(!1)},[e]);return e?ae("div",{className:"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3",children:[ae("span",{className:"whitespace-nowrap text-sm font-medium",children:[e.getFilteredSelectedRowModel().rows.length," selected"]}),N(Te,{orientation:"vertical",className:"mr-2 ml-3 data-[orientation=vertical]:h-4"}),ae(Ge,{children:[N(He,{asChild:!0,children:N(f,{variant:"ghost",size:"icon",className:"size-6 rounded-md",onClick:t,children:N(Go,{className:"size-3.5"})})}),ae(Oe,{sideOffset:10,className:"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foregroun bg-secondary [&>span]:hidden",children:[N("p",{children:"Clear selection"}),N("kbd",{className:"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm",children:N("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]}):null}import{ArrowUpDown as fe,EyeOff as Wo}from"lucide-react";import{jsx as F,jsxs as ne}from"react/jsx-runtime";function $o({column:e,title:t,className:n}){return e.getCanSort()?F("div",{className:o("flex items-center space-x-2",n),children:ne(A,{children:[F(L,{asChild:!0,children:ne(f,{variant:"ghost",size:"sm",className:"-ml-3 h-8 data-[state=open]:bg-accent",children:[F("span",{children:t}),e.getIsSorted()==="desc"?F(fe,{className:"ml-2 h-4 w-4"}):e.getIsSorted()==="asc"?F(fe,{className:"ml-2 h-4 w-4"}):F(fe,{className:"ml-2 h-4 w-4"})]})}),ne(G,{align:"start",className:"rounded-lg",children:[ne(P,{onClick:()=>e.toggleSorting(!1),children:[F(fe,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Asc"]}),ne(P,{onClick:()=>e.toggleSorting(!0),children:[F(fe,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Desc"]}),F(_,{}),ne(P,{onClick:()=>e.toggleVisibility(!1),children:[F(Wo,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Hide"]})]})]})}):F("div",{className:o(n),children:t})}import{ChevronDown as qo,Eye as Ko}from"lucide-react";import{jsx as re,jsxs as Ye}from"react/jsx-runtime";function Xo({table:e}){return Ye(A,{children:[re(L,{asChild:!0,children:Ye(f,{variant:"outline",size:"sm",className:"rounded-lg",children:[re(Ko,{className:"mr-2 h-4 w-4"}),"Columns ",re(qo,{className:"ml-2 h-4 w-4"})]})}),Ye(G,{align:"end",className:"w-[200px] rounded-lg",children:[re(V,{children:"Toggle Columns"}),re(_,{}),e.getAllColumns().filter(t=>typeof t.accessorFn<"u"&&t.getCanHide()).map(t=>re(ge,{className:"capitalize",checked:t.getIsVisible(),onCheckedChange:n=>t.toggleVisibility(!!n),children:t.id},t.id))]})]})}import{Slot as Jo}from"radix-ui";import{cva as Qo}from"class-variance-authority";import{jsx as Zo}from"react/jsx-runtime";var Yo=Qo("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"}},defaultVariants:{variant:"default"}});function Se({className:e,variant:t,asChild:n=!1,...m}){let p=n?Jo.Slot:"span";return Zo(p,{"data-slot":"badge",className:o(Yo({variant:t}),e),...m})}import{Command as X}from"cmdk";import{SearchIcon as ea}from"lucide-react";import{Dialog as Qn}from"radix-ui";import{XIcon as Zn}from"lucide-react";import{jsx as or,jsxs as ar}from"react/jsx-runtime";import{jsx as E,jsxs as ta}from"react/jsx-runtime";function Tt({className:e,...t}){return E(X,{"data-slot":"command",className:o("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...t})}function St({className:e,...t}){return ta("div",{"data-slot":"command-input-wrapper",className:"flex h-9 items-center gap-2 border-b px-3",children:[E(ea,{className:"size-4 shrink-0 opacity-50"}),E(X.Input,{"data-slot":"command-input",className:o("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",e),...t})]})}function Rt({className:e,...t}){return E(X.List,{"data-slot":"command-list",className:o("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",e),...t})}function kt({...e}){return E(X.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...e})}function Ze({className:e,...t}){return E(X.Group,{"data-slot":"command-group",className:o("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...t})}function zt({className:e,...t}){return E(X.Separator,{"data-slot":"command-separator",className:o("bg-border -mx-1 h-px",e),...t})}function et({className:e,...t}){return E(X.Item,{"data-slot":"command-item",className:o("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...t})}import{Popover as Re}from"radix-ui";import{jsx as ke}from"react/jsx-runtime";function Mt({...e}){return ke(Re.Root,{"data-slot":"popover",...e})}function It({...e}){return ke(Re.Trigger,{"data-slot":"popover-trigger",...e})}function Vt({className:e,align:t="center",sideOffset:n=4,...m}){return ke(Re.Portal,{children:ke(Re.Content,{"data-slot":"popover-content",align:t,sideOffset:n,className:o("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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",e),...m})})}import{CheckIcon as oa,PlusCircleIcon as aa}from"lucide-react";import{Fragment as _t,jsx as h,jsxs as U}from"react/jsx-runtime";function na({column:e,title:t,options:n}){let m=e?.getFacetedUniqueValues(),p=new Set(e?.getFilterValue());return U(Mt,{children:[h(It,{asChild:!0,children:U(f,{variant:"outline",size:"sm",className:"h-9 border-dashed rounded-lg",children:[h(aa,{className:"mr-2 h-4 w-4"}),t,p?.size>0&&U(_t,{children:[h(Te,{orientation:"vertical",className:"mx-2 h-4"}),h(Se,{variant:"secondary",className:"rounded-sm px-1 font-normal lg:hidden",children:p.size}),h("div",{className:"hidden space-x-1 lg:flex",children:p.size>2?U(Se,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:[p.size," selected"]}):n.filter(c=>p.has(c.value)).map(c=>h(Se,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:c.label},c.value))})]})]})}),h(Vt,{className:"w-[200px] p-0 rounded-lg",align:"start",children:U(Tt,{className:"rounded-lg",children:[h(St,{placeholder:t}),U(Rt,{children:[h(kt,{children:"No results found."}),h(Ze,{children:n.map(c=>{let S=p.has(c.value);return U(et,{onSelect:()=>{S?p.delete(c.value):p.add(c.value);let R=Array.from(p);e?.setFilterValue(R.length?R:void 0)},children:[h("div",{className:o("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",S?"bg-primary text-primary-foreground":"opacity-50 [&_svg]:invisible"),children:h(oa,{className:o("h-4 w-4")})}),c.icon&&h(c.icon,{className:"mr-2 h-4 w-4 text-muted-foreground"}),h("span",{children:c.label}),m?.get(c.value)&&h("span",{className:"ml-auto flex h-4 w-4 items-center justify-center font-mono text-xs",children:m.get(c.value)})]},c.value)})}),p.size>0&&U(_t,{children:[h(zt,{}),h(Ze,{children:h(et,{onSelect:()=>e?.setFilterValue(void 0),className:"justify-center text-center",children:"Clear filters"})})]})]})]})})]})}export{Fo as DataTable,Eo as DataTableActionBar,Uo as DataTableActionBarAction,jo as DataTableActionBarSelection,$o as DataTableColumnHeader,na as DataTableFacetedFilter,$e as DataTablePagination,We as DataTableToolbar,Xo as DataTableViewOptions};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|