@akshar-technosoft/ui 1.0.1 → 1.0.3
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-toolbar.cjs +1 -1
- package/dist/components/data/data-table/data-table-toolbar.cjs.map +1 -1
- package/dist/components/data/data-table/data-table-toolbar.d.cts +2 -1
- package/dist/components/data/data-table/data-table-toolbar.d.ts +2 -1
- package/dist/components/data/data-table/data-table-toolbar.js +1 -1
- package/dist/components/data/data-table/data-table-toolbar.js.map +1 -1
- package/dist/components/data/data-table/data-table-types.cjs.map +1 -1
- package/dist/components/data/data-table/data-table-types.d.cts +7 -0
- package/dist/components/data/data-table/data-table-types.d.ts +7 -0
- 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.d.cts +1 -1
- package/dist/components/data/data-table/data-table.d.ts +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/components/helper/date-filter.cjs +3 -0
- package/dist/components/helper/date-filter.cjs.map +1 -0
- package/dist/components/helper/date-filter.d.cts +13 -0
- package/dist/components/helper/date-filter.d.ts +13 -0
- package/dist/components/helper/date-filter.js +3 -0
- package/dist/components/helper/date-filter.js.map +1 -0
- package/dist/components/ui/calendar.cjs +3 -0
- package/dist/components/ui/calendar.cjs.map +1 -0
- package/dist/components/ui/calendar.d.cts +13 -0
- package/dist/components/ui/calendar.d.ts +13 -0
- package/dist/components/ui/calendar.js +3 -0
- package/dist/components/ui/calendar.js.map +1 -0
- 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/package.json +6 -5
|
@@ -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 me({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 ce({delayDuration:e=0,...t}){return te(ee.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function Ge({...e}){return te(ce,{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 pe({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 ue({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:re=!0,data:J,onClearSorting:j,onClearFilters:ie,enableColumnPinning:se=!1}){let le=()=>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 le().filter(d=>!i.has(d.id))},de=(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(pe,{value:"all",children:"All"}),i.options?.map(d=>s(pe,{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"]}),re&&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(ue,{className:"text-sm",checked:i.getIsVisible(),onCheckedChange:d=>i.toggleVisibility(!!d),children:de(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(ue,{className:"text-sm",checked:d.getIsVisible(),onCheckedChange:M=>d.toggleVisibility(!!M),children:de(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:ie,children:[s(vt,{className:"mr-2 h-4 w-4"}),"Clear All Filters"]}),se&&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=le().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=le().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 N,jsxs as oe}from"react/jsx-runtime";function $e({table:e,config:t}){return t.enabled?N("div",{className:"rounded-xl",children:N("div",{children:oe("div",{className:"flex items-center justify-between",children:[N("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:[N("span",{className:"text-sm font-medium",children:"Rows per page:"}),oe(ye,{value:`${e.getState().pagination.pageSize}`,onValueChange:n=>e.setPageSize(Number(n)),children:[N(De,{className:"h-9 w-[70px] rounded-lg",children:N(Pe,{})}),N(Ne,{side:"top",className:"rounded-lg",children:t.pageSizeOptions.map(n=>N(pe,{value:`${n}`,children:n},n))})]})]}),oe("div",{className:"flex items-center gap-2",children:[N(f,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"First"}),N(f,{variant:"outline",size:"sm",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"Previous"}),t.showPageNumbers&&N("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:N(f,{variant:c===p+1?"default":"outline",size:"sm",className:"size-8 p-0 rounded-lg",onClick:()=>e.setPageIndex(c-1),children:c},c)})}),N(f,{variant:"outline",size:"sm",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Next"}),N(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:re="600px",loading:J=!1,error:j,emptyMessage:ie="No data available",onRowSelectionChange:se,onExport:le,onRefresh:Q,onTableReady:Y,children:de}){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&&se){let g=w.getFilteredSelectedRowModel().rows.map(C=>C.original);se(g)}},[tt,k,se,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(me,{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(ce,{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:le,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(me,{"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(me,{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:ie})]})})})})]})}),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(me,{className:"bg-sidebar",children:r(xe,{colSpan:Fe.length,className:"p-2",children:S})})})})})]})})}),r($e,{table:w,config:m}),de&&de(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 D,jsxs as ge}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(ie){ie.key==="Escape"&&e&&e.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",j),()=>window.removeEventListener("keydown",j)},[e]);let re=n??(S?globalThis.document?.body:null);if(!re||!e)return null;let J=t??e.getFilteredSelectedRowModel().rows.length>0;return Nt.createPortal(D(Ho,{children:J&&D(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:D(ce,{children:m})})}),re)}function Uo({size:e="sm",tooltip:t,isPending:n,disabled:m,className:p,children:c,...S}){let R=D(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?D(Lo,{className:"animate-spin"}):c});return t?ge(Ge,{children:[D(He,{asChild:!0,children:R}),D(Oe,{sideOffset:8,className:"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden",children:D("p",{children:t})})]}):R}function jo({table:e}){let t=O.useCallback(()=>{e&&e.toggleAllRowsSelected(!1)},[e]);return e?ge("div",{className:"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3",children:[ge("span",{className:"whitespace-nowrap text-sm font-medium",children:[e.getFilteredSelectedRowModel().rows.length," selected"]}),D(Te,{orientation:"vertical",className:"mr-2 ml-3 data-[orientation=vertical]:h-4"}),ge(Ge,{children:[D(He,{asChild:!0,children:D(f,{variant:"ghost",size:"icon",className:"size-6 rounded-md",onClick:t,children:D(Go,{className:"size-3.5"})})}),ge(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:[D("p",{children:"Clear selection"}),D("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:D("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 ae}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:ae(A,{children:[F(L,{asChild:!0,children:ae(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"})]})}),ae(G,{align:"start",className:"rounded-lg",children:[ae(P,{onClick:()=>e.toggleSorting(!1),children:[F(fe,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Asc"]}),ae(P,{onClick:()=>e.toggleSorting(!0),children:[F(fe,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Desc"]}),F(_,{}),ae(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 ne,jsxs as Ye}from"react/jsx-runtime";function Xo({table:e}){return Ye(A,{children:[ne(L,{asChild:!0,children:Ye(f,{variant:"outline",size:"sm",className:"rounded-lg",children:[ne(Ko,{className:"mr-2 h-4 w-4"}),"Columns ",ne(qo,{className:"ml-2 h-4 w-4"})]})}),Ye(G,{align:"end",className:"w-[200px] rounded-lg",children:[ne(V,{children:"Toggle Columns"}),ne(_,{}),e.getAllColumns().filter(t=>typeof t.accessorFn<"u"&&t.getCanHide()).map(t=>ne(ue,{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 ut,getCoreRowModel as Uo,getFilteredRowModel as $o,getPaginationRowModel as qo,getSortedRowModel as Wo,useReactTable as Xo}from"@tanstack/react-table";import{Loader2 as Ot,ChevronUp as pt,ChevronDown as gt,ChevronsUpDown as Ko,MoreHorizontal as Jo,MoveRightIcon as Qo,PinOffIcon as Yo}from"lucide-react";import{Slot as po}from"radix-ui";import{cva as go}from"class-variance-authority";import{clsx as mo}from"clsx";import{twMerge as uo}from"tailwind-merge";function o(...e){return uo(mo(e))}import{jsx as fo}from"react/jsx-runtime";var Me=go("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 g({className:e,variant:t,size:a,asChild:s=!1,...u}){let c=s?po.Slot:"button";return fo(c,{"data-slot":"button",className:o(Me({variant:t,size:a,className:e}),"transition-none"),...u})}import{jsx as Z}from"react/jsx-runtime";function tt({className:e,...t}){return Z("div",{"data-slot":"table-container",className:"relative w-full overflow-auto max-h-full",children:Z("table",{"data-slot":"table",className:o("w-full caption-bottom text-sm",e),...t})})}function St({className:e,...t}){return Z("thead",{"data-slot":"table-header",className:o("[&_tr]:border-b",e),...t})}function kt({className:e,...t}){return Z("tbody",{"data-slot":"table-body",className:o("[&_tr:last-child]:border-0",e),...t})}function Rt({className:e,...t}){return Z("tfoot",{"data-slot":"table-footer",className:o("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",e),...t})}function he({className:e,...t}){return Z("tr",{"data-slot":"table-row",className:o("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",e),...t})}function zt({className:e,...t}){return Z("th",{"data-slot":"table-head",className:o("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap",e),...t})}function Ie({className:e,...t}){return Z("td",{"data-slot":"table-cell",className:o("p-2 align-middle whitespace-nowrap",e),...t})}import{jsx as Mt}from"react/jsx-runtime";function _e({className:e,...t}){return Mt("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 Ve({className:e,...t}){return Mt("div",{"data-slot":"card-content",className:o("px-6",e),...t})}import{Tooltip as me}from"radix-ui";import{jsx as ue,jsxs as bo}from"react/jsx-runtime";function Ce({delayDuration:e=0,...t}){return ue(me.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function ot({...e}){return ue(Ce,{children:ue(me.Root,{"data-slot":"tooltip",...e})})}function at({...e}){return ue(me.Trigger,{"data-slot":"tooltip-trigger",...e})}function nt({className:e,sideOffset:t=0,children:a,...s}){return ue(me.Portal,{children:bo(me.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),...s,children:[a,ue(me.Arrow,{className:"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}import{Search as At,RefreshCw as zo,Download as Mo,Settings2 as Io,Filter as Lt,ArrowUpDown as _o,PinOff as Vo,Pin as Bo,ChevronDown as Fo}from"lucide-react";import{jsx as vo}from"react/jsx-runtime";function rt({className:e,type:t,...a}){return vo("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),...a})}import{Select as L}from"radix-ui";import{CheckIcon as xo,ChevronDownIcon as It,ChevronUpIcon as ho}from"lucide-react";import{jsx as S,jsxs as it}from"react/jsx-runtime";function Be({...e}){return S(L.Root,{"data-slot":"select",...e})}function Fe({...e}){return S(L.Value,{"data-slot":"select-value",...e})}function Ae({className:e,size:t="default",children:a,...s}){return it(L.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),...s,children:[a,S(L.Icon,{asChild:!0,children:S(It,{className:"size-4 opacity-50"})})]})}function Le({className:e,children:t,position:a="popper",...s}){return S(L.Portal,{children:it(L.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",a==="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:a,...s,children:[S(Co,{}),S(L.Viewport,{className:o("p-1",a==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:t}),S(yo,{})]})})}function ye({className:e,children:t,...a}){return it(L.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),...a,children:[S("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:S(L.ItemIndicator,{children:S(xo,{className:"size-4"})})}),S(L.ItemText,{children:t})]})}function Co({className:e,...t}){return S(L.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:o("flex cursor-default items-center justify-center py-1",e),...t,children:S(ho,{className:"size-4"})})}function yo({className:e,...t}){return S(L.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:o("flex cursor-default items-center justify-center py-1",e),...t,children:S(It,{className:"size-4"})})}import{DropdownMenu as q}from"radix-ui";import{CheckIcon as wo,ChevronRightIcon as Ya,CircleIcon as Za}from"lucide-react";import{jsx as O,jsxs as Po}from"react/jsx-runtime";function X({...e}){return O(q.Root,{"data-slot":"dropdown-menu",...e})}function K({...e}){return O(q.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function J({className:e,sideOffset:t=4,...a}){return O(q.Portal,{children:O(q.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),...a})})}function st({...e}){return O(q.Group,{"data-slot":"dropdown-menu-group",...e})}function k({className:e,inset:t,variant:a="default",...s}){return O(q.Item,{"data-slot":"dropdown-menu-item","data-inset":t,"data-variant":a,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),...s})}function we({className:e,children:t,checked:a,...s}){return Po(q.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:a,...s,children:[O("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:O(q.ItemIndicator,{children:O(wo,{className:"size-4"})})}),t]})}function E({className:e,inset:t,...a}){return O(q.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),...a})}function j({className:e,...t}){return O(q.Separator,{"data-slot":"dropdown-menu-separator",className:o("bg-border -mx-1 my-1 h-px",e),...t})}import{useState as Ao}from"react";import{useState as Bt}from"react";import{Calendar as Ro}from"lucide-react";import{format as Pe}from"date-fns";import{Popover as Ge}from"radix-ui";import{jsx as He}from"react/jsx-runtime";function Oe({...e}){return He(Ge.Root,{"data-slot":"popover",...e})}function Ee({...e}){return He(Ge.Trigger,{"data-slot":"popover-trigger",...e})}function je({className:e,align:t="center",sideOffset:a=4,...s}){return He(Ge.Portal,{children:He(Ge.Content,{"data-slot":"popover-content",align:t,sideOffset:a,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),...s})})}import*as Ue from"react";import{ChevronDownIcon as No,ChevronLeftIcon as Do,ChevronRightIcon as To}from"lucide-react";import{DayPicker as So,getDefaultClassNames as _t}from"react-day-picker";import{jsx as ee}from"react/jsx-runtime";function Vt({className:e,classNames:t,showOutsideDays:a=!0,captionLayout:s="label",buttonVariant:u="ghost",formatters:c,components:D,...y}){let p=_t();return ee(So,{showOutsideDays:a,className:o("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,e),captionLayout:s,formatters:{formatMonthDropdown:h=>h.toLocaleString("default",{month:"short"}),...c},classNames:{root:o("w-fit",p.root),months:o("flex gap-4 flex-col md:flex-row relative",p.months),month:o("flex flex-col w-full gap-4",p.month),nav:o("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",p.nav),button_previous:o(Me({variant:u}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",p.button_previous),button_next:o(Me({variant:u}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",p.button_next),month_caption:o("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",p.month_caption),dropdowns:o("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",p.dropdowns),dropdown_root:o("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",p.dropdown_root),dropdown:o("absolute bg-popover inset-0 opacity-0",p.dropdown),caption_label:o("select-none font-medium",s==="label"?"text-sm":"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",p.caption_label),table:"w-full border-collapse",weekdays:o("flex",p.weekdays),weekday:o("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",p.weekday),week:o("flex w-full mt-2",p.week),week_number_header:o("select-none w-(--cell-size)",p.week_number_header),week_number:o("text-[0.8rem] select-none text-muted-foreground",p.week_number),day:o("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",p.day),range_start:o("rounded-l-md bg-accent",p.range_start),range_middle:o("rounded-none",p.range_middle),range_end:o("rounded-r-md bg-accent",p.range_end),today:o("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",p.today),outside:o("text-muted-foreground aria-selected:text-muted-foreground",p.outside),disabled:o("text-muted-foreground opacity-50",p.disabled),hidden:o("invisible",p.hidden),...t},components:{Root:({className:h,rootRef:T,...I})=>ee("div",{"data-slot":"calendar",ref:T,className:o(h),...I}),Chevron:({className:h,orientation:T,...I})=>T==="left"?ee(Do,{className:o("size-4",h),...I}):T==="right"?ee(To,{className:o("size-4",h),...I}):ee(No,{className:o("size-4",h),...I}),DayButton:ko,WeekNumber:({children:h,...T})=>ee("td",{...T,children:ee("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:h})}),...D},...y})}function ko({className:e,day:t,modifiers:a,...s}){let u=_t(),c=Ue.useRef(null);return Ue.useEffect(()=>{a.focused&&c.current?.focus()},[a.focused]),ee(g,{ref:c,variant:"ghost",size:"icon","data-day":t.date.toLocaleDateString(),"data-selected-single":a.selected&&!a.range_start&&!a.range_end&&!a.range_middle,"data-range-start":a.range_start,"data-range-end":a.range_end,"data-range-middle":a.range_middle,className:o("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",u.day,e),...s})}import{jsx as re,jsxs as Ne}from"react/jsx-runtime";function Ft({value:e,onChange:t,placeholder:a,mode:s,externalSearch:u,onExternalChange:c}){let[D,y]=Bt(!1),[p,h]=Bt(e),T=()=>{t(p),u&&c&&c(p),y(!1)},I=()=>{h(e),y(!1)},$=()=>{let _=s==="single"?null:{from:null,to:null};h(_),t(_),u&&c&&c(_),y(!1)},Q=()=>e?s==="single"?Pe(e,"PPP"):e.from&&e.to?`${Pe(e.from,"MMM dd")} - ${Pe(e.to,"MMM dd, yyyy")}`:e.from?`From ${Pe(e.from,"MMM dd, yyyy")}`:e.to?`To ${Pe(e.to,"MMM dd, yyyy")}`:a:a,Y=_=>{h(s==="single"?_:_||{from:null,to:null})};return Ne(Oe,{open:D,onOpenChange:y,children:[re(Ee,{asChild:!0,children:Ne(g,{variant:"outline",className:o("w-full justify-start text-left font-normal h-9",!e&&"text-muted-foreground"),children:[re(Ro,{className:"mr-2 h-4 w-4"}),Q()]})}),Ne(je,{className:"w-auto p-0",align:"start",children:[re("div",{className:"p-3",children:re(Vt,{mode:s,selected:p,onSelect:Y,numberOfMonths:s==="range"?2:1,className:"rounded-md border",...s==="range"&&{required:!0}})}),Ne("div",{className:"flex items-center justify-between p-3 border-t",children:[re(g,{variant:"ghost",size:"sm",onClick:$,children:"Clear"}),Ne("div",{className:"flex gap-2",children:[re(g,{variant:"outline",size:"sm",onClick:I,children:"Cancel"}),re(g,{size:"sm",onClick:T,disabled:s==="range"&&(!p?.from||!p?.to),children:"Apply"})]})]})]})]})}import{Fragment as Lo,jsx as d,jsxs as C}from"react/jsx-runtime";function lt({table:e,filters:t=[],globalFilter:a,onGlobalFilterChange:s,enableGlobalFilter:u=!0,onExport:c,onRefresh:D,loading:y=!1,enableColumnVisibility:p=!0,data:h,onClearSorting:T,onClearFilters:I,enableColumnPinning:$=!1,onExternalSearch:Q}){let[Y,_]=Ao({}),be=()=>e.getAllLeafColumns().filter(r=>r.getCanHide?.()!==!1),W=()=>e.getAllColumns().filter(r=>!e.getAllLeafColumns().includes(r)&&r.columns?.length&&r.columns.some(l=>l.getCanHide?.()!==!1)),G=()=>{let r=new Set(W().flatMap(l=>l.columns?.filter(V=>V.getCanHide?.()!==!1).map(V=>V.id)||[]));return be().filter(l=>!r.has(l.id))},Se=(r,l)=>l&&r.startsWith(`${l}.`)?r.replace(`${l}.`,"").split("_").map(Re=>Re.slice(1)).join(" "):r.split("_").map(V=>V.charAt(0).toUpperCase()+V.slice(1)).join(" "),ve=(r,l)=>{let V={...Y,[r]:l};_(V)},ke=()=>{Q&&Q(Y)},We=()=>{_({}),I(),Q&&Q({})},le=r=>e.getColumn(r)?.getFilterValue(),xe=(r,l)=>{e.getColumn(r)?.setFilterValue(l)};return d("div",{className:"rounded-xl",children:d("div",{className:"px-2",children:d("div",{className:"flex flex-col gap-6",children:C("div",{className:"flex items-center justify-between",children:[d("div",{className:"flex items-center gap-3",children:t.length>0&&C("div",{className:"flex items-center gap-3 flex-wrap",children:[d("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:d(Lt,{className:"h-4 w-4"})}),t.map(r=>d("div",{className:o("relative min-w-[150px]",r.width),children:r.type==="select"?C(Be,{value:le(r.key)??"",onValueChange:l=>{xe(r.key,l==="all"?"":l),r.externalSearch&&ve(r.key,l==="all"?"":l)},children:[r.icon&&d("span",{children:d(r.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),d(Ae,{className:o("h-9 rounded-lg w-full",r.icon&&"pl-9"),children:d(Fe,{placeholder:r.placeholder})}),C(Le,{className:"rounded-lg",children:[d(ye,{value:"all",children:"All"}),r.options?.map(l=>d(ye,{value:l.value,children:l.label},l.label))]})]}):r.type==="date"?d(Ft,{value:le(r.key),onChange:l=>xe(r.key,l),placeholder:r.placeholder,mode:r.dateMode||"single",externalSearch:r.externalSearch,onExternalChange:l=>ve(r.key,l)}):C("div",{className:"relative",children:[r.icon&&d("span",{children:d(r.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),d(rt,{placeholder:r.placeholder,value:le(r.key)??"",onChange:l=>{xe(r.key,l.target.value),r.externalSearch&&ve(r.key,l.target.value)},className:o("h-9 rounded-lg",r.icon&&"pl-9"),type:r.type==="number"?"number":"text"})]})},r.key)),t.some(r=>r.externalSearch)&&C(g,{variant:"default",size:"sm",onClick:ke,className:"rounded-lg",children:[d(At,{className:"mr-2 h-4 w-4"}),t.find(r=>r.externalSearch)?.searchButtonText||"Search"]})]})}),C("div",{className:"flex items-center gap-2",children:[u&&C("div",{className:"relative",children:[d(At,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),d(rt,{placeholder:"Global search...",value:a??"",onChange:r=>s(r.target.value),className:"pl-9 max-w-max"})]}),c&&C(g,{variant:"outline",size:"sm",onClick:()=>c(h),className:"rounded-lg",children:[d(Mo,{className:"mr-2 h-4 w-4"}),"Export"]}),p&&C(X,{children:[d(K,{asChild:!0,children:C(g,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[d("span",{children:"Columns"}),d(Fo,{className:"h-4 w-4 opacity-50"})]})}),C(J,{align:"end",className:"w-[220px] rounded-lg max-h-[400px] overflow-y-auto",children:[d(E,{className:"px-4 py-2 text-sm font-medium",children:"Toggle Columns"}),d(j,{}),G().length>0&&C(st,{children:[d(E,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:"General"}),G().map(r=>d(we,{className:"text-sm",checked:r.getIsVisible(),onCheckedChange:l=>r.toggleVisibility(!!l),children:Se(r.id)},r.id))]}),W().map(r=>C(st,{children:[d(j,{}),d(E,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:r.id}),r.columns?.filter(l=>l.getCanHide?.()!==!1).map(l=>d(we,{className:"text-sm",checked:l.getIsVisible(),onCheckedChange:V=>l.toggleVisibility(!!V),children:Se(l.id,r.id)},l.id))]},r.id))]})]}),C(X,{children:[d(K,{asChild:!0,children:d(g,{variant:"outline",size:"sm",className:"rounded-lg",children:d(Io,{className:"h-4 w-4"})})}),C(J,{align:"end",className:"w-[200px] rounded-lg",children:[d(E,{children:"Table Settings"}),d(j,{}),C(k,{onClick:T,children:[d(_o,{className:"mr-2 h-4 w-4"}),"Clear All Sorting"]}),C(k,{onClick:We,children:[d(Lt,{className:"mr-2 h-4 w-4"}),"Clear All Filters"]}),$&&C(Lo,{children:[d(j,{}),d(E,{children:"Column Pinning"}),C(k,{onClick:()=>e.setColumnPinning({left:[],right:[]}),children:[d(Vo,{className:"mr-2 h-4 w-4"}),"Reset All Pinning"]}),C(k,{onClick:()=>{let r=be().filter(l=>l.getCanPin?.()!==!1).map(l=>l.id);e.setColumnPinning({left:[],right:r})},children:[d(Bo,{className:"mr-2 h-4 w-4 -rotate-90"}),"Pin All Right"]})]})]})]}),D&&d(g,{variant:"outline",size:"sm",onClick:D,disabled:y,className:"rounded-lg",children:d(zo,{className:o("h-4 w-4",y&&"animate-spin")})})]})]})})})})}import{jsx as M,jsxs as pe}from"react/jsx-runtime";function dt({table:e,config:t}){return t.enabled?M("div",{className:"rounded-xl",children:M("div",{children:pe("div",{className:"flex items-center justify-between",children:[M("div",{className:"flex items-center gap-6 text-sm text-muted-foreground",children:t.showInfo!==!1&&pe("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"]})}),pe("div",{className:"flex items-center gap-4",children:[t.pageSizeOptions&&pe("div",{className:"flex items-center gap-2",children:[M("span",{className:"text-sm font-medium",children:"Rows per page:"}),pe(Be,{value:`${e.getState().pagination.pageSize}`,onValueChange:a=>e.setPageSize(Number(a)),children:[M(Ae,{className:"h-9 w-[70px] rounded-lg",children:M(Fe,{})}),M(Le,{side:"top",className:"rounded-lg",children:t.pageSizeOptions.map(a=>M(ye,{value:`${a}`,children:a},a))})]})]}),pe("div",{className:"flex items-center gap-2",children:[M(g,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"First"}),M(g,{variant:"outline",size:"sm",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"Previous"}),t.showPageNumbers&&M("div",{className:"flex items-center gap-1",children:Array.from({length:Math.min(5,e.getPageCount())},(a,s)=>{let u=e.getState().pagination.pageIndex,c=u-2+s+1;return c<1||c>e.getPageCount()?null:M(g,{variant:c===u+1?"default":"outline",size:"sm",className:"size-8 p-0 rounded-lg",onClick:()=>e.setPageIndex(c-1),children:c},c)})}),M(g,{variant:"outline",size:"sm",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Next"}),M(g,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Last"})]})]})]})})}):null}import{Toggle as Go}from"radix-ui";import{cva as Ho}from"class-variance-authority";import{jsx as Eo}from"react/jsx-runtime";var Oo=Ho("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 Gt({className:e,variant:t,size:a,noBg:s,...u}){return Eo(Go.Root,{"data-slot":"toggle",className:o(Oo({className:e,variant:t,size:a,bg:s?"disabled":"enabled"})),...u})}import{Checkbox as Ht}from"radix-ui";import{CheckIcon as jo}from"lucide-react";import{jsx as ct}from"react/jsx-runtime";function mt({className:e,...t}){return ct(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:ct(Ht.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:ct(jo,{className:"size-3.5"})})})}import{useCallback as Et,useEffect as ft,useMemo as Zo,useState as ie}from"react";import{Fragment as jt,jsx as i,jsxs as P}from"react/jsx-runtime";function ea({data:e,columns:t,filters:a=[],pagination:s={enabled:!1},settings:u={},header:c,footer:D,className:y="",maxHeight:p="600px",loading:h=!1,error:T,emptyMessage:I="No data available",onRowSelectionChange:$,onExport:Q,onRefresh:Y,onTableReady:_,children:be,isRowDisabled:W,isRowSelectable:G,onExternalSearch:Se}){let[ve,ke]=ie([]),[We,le]=ie([]),[xe,r]=ie({}),[l,V]=ie({}),[Re,Xe]=ie(""),[Qt,Yt]=ie([]),[Ke,Zt]=ie(u.enableColumnPinning?{left:[],right:[]}:{}),{enableSorting:Je=!0,enableFiltering:Qe=!0,enableGlobalFilter:ht=!0,enableColumnVisibility:Ye=!0,enableRowSelection:z=!0,stickyHeader:eo=!0,toolbar:to=!1,showSerialNumbers:ne=!0,fixedCheckboxColumn:ze=!0,striped:oo=!0,hoverable:ao=!0,compact:Ct=!0,bordered:yt=!0,fullHeight:no=!1,enableColumnResizing:wt=!1,enableColumnPinning:B=!0,hideHeader:ro=!1}=u,Ze=Zo(()=>{let f=[...t],v=b=>b.map(m=>{if(m.id==="select"||m.id==="serialNumber")return m;let x={...m,enablePinning:!0};return m.columns&&(x.columns=v(m.columns)),x}),n=v(f);if(z){let b={id:"select",header:({table:m})=>{let x=m.getRowModel().rows.filter(A=>!W?.(A.original)&&(G?G(A.original):!0)),F=x.length>0&&x.every(A=>A.getIsSelected()),H=x.some(A=>A.getIsSelected());return i(mt,{checked:F||H&&"indeterminate",onCheckedChange:A=>{x.forEach(de=>de.toggleSelected(!!A))},"aria-label":"Select all selectable rows"})},cell:({row:m})=>{let x=W?W(m.original):!1,F=G?G(m.original):!0;return i("div",{className:o("flex items-center justify-center",x&&"opacity-50"),children:i(mt,{checked:m.getIsSelected(),onCheckedChange:H=>F&&m.toggleSelected(!!H),"aria-label":"Select row",disabled:x||!F})})},enableSorting:!1,enableHiding:!1,enablePinning:!0,headerAlign:"center",size:10};n.unshift(b)}if(ne){let b={id:"serialNumber",header:"No.",cell:({row:m})=>i("div",{className:"text-center font-medium text-muted-foreground",children:m.index+1}),enableSorting:!0,enableHiding:!1,enablePinning:!0,size:60,headerAlign:"center"};n.unshift(b)}return n},[t,ne,z,ze,W,G]),w=Xo({data:e,columns:Ze,onSortingChange:Je?ke:void 0,onColumnFiltersChange:Qe?le:void 0,onGlobalFilterChange:ht?Xe:void 0,getCoreRowModel:Uo(),getPaginationRowModel:s.enabled?qo():void 0,getSortedRowModel:Je?Wo():void 0,getFilteredRowModel:Qe?$o():void 0,onColumnVisibilityChange:Ye?r:void 0,onRowSelectionChange:z?V:void 0,onColumnOrderChange:Yt,onColumnPinningChange:B?Zt:void 0,state:{sorting:Je?ve:void 0,columnFilters:Qe?We:void 0,columnVisibility:Ye?xe:void 0,rowSelection:z?l:{},globalFilter:Re,columnOrder:Qt,columnPinning:B?Ke:{}},initialState:{pagination:s.enabled?{pageSize:s.pageSize||10}:void 0,columnPinning:B?{left:[...ne?["serialNumber"]:[],...z?["select"]:[]],right:[]}:void 0},enableRowSelection:z,enableColumnResizing:wt,enableColumnPinning:B,columnResizeMode:"onChange"});ft(()=>{_&&_(w)},[w,_]),ft(()=>{if(z&&$){let f=w.getFilteredSelectedRowModel().rows.map(v=>v.original);$(f)}},[l,z,$,w]),ft(()=>{if(z&&$){let f=w.getFilteredSelectedRowModel().rows.filter(v=>!W?.(v.original)&&(G?G(v.original):!0)).map(v=>v.original);$(f)}},[l,z,$,w,W,G]);let io=Et(()=>{ke([])},[]),so=Et(()=>{le([]),Xe("")},[]),Pt=(f,v)=>{if(!B)return;let n=[...ne?["serialNumber"]:[],...z&&ze?["select"]:[]],b={left:[...(Ke.left??[]).filter(m=>n.includes(m))],right:[...Ke.right??[]]};v===!1?(b.left=b.left.filter(m=>m!==f),b.right=b.right.filter(m=>m!==f)):v==="right"?(b.left=b.left.filter(m=>m!==f),b.right.includes(f)||b.right.push(f)):v==="left"&&(b.right=b.right.filter(m=>m!==f),!b.left.includes(f)&&!n.includes(f)&&b.left.push(f)),w.setColumnPinning(b)},lo=()=>i(St,{className:o(eo&&"sticky top-0 bg-sidebar z-20"),children:w.getHeaderGroups().map((f,v)=>i(he,{className:"hover:bg-transparent",children:f.headers.map((n,b)=>{let m=n.depth===0&&n.colSpan>1,x=B&&(n.column.getIsPinned()==="left"||n.column.id==="serialNumber"||n.column.id==="select"&&z),F=B&&n.column.getIsPinned()==="right",H=n.column.getCanSort(),A=B&&n.column.columnDef.enablePinning!==!1,de=n.column.id==="serialNumber",et=n.column.id==="select",Tt=de||et&&ze,ce=n.column.columnDef.headerAlign||"left",co={left:"justify-start",center:"justify-center",right:"justify-end"}[ce];return P(zt,{colSpan:n.colSpan,className:o("font-semibold text-foreground bg-sidebar group px-0",!Ct&&"py-2",yt&&b<f.headers.length-1&&"border-r","relative",x&&"sticky left-0 z-15 bg-sidebar",F&&"sticky right-0 z-15 bg-sidebar",(de||et)&&"sticky left-0 z-15 bg-sidebar",m?"text-center":"text-left"),style:{width:n.getSize()!==150?n.getSize():"auto",minWidth:n.getSize()!==150?n.getSize():"auto",...x&&{left:de?0:et?ne&&w.getColumn("serialNumber")?.getSize()||0:Nt(n.column)},...F&&{right:Dt(n.column)},...de&&{left:0}},children:[m?i("div",{className:"flex items-center justify-center",children:ut(n.column.columnDef.header,n.getContext())}):P("div",{className:o("relative flex items-center w-full px-2",co),children:[P("div",{className:"flex items-center gap-1",children:[H&&ce==="right"&&i("span",{className:"ml-1 order-2",children:n.column.getIsSorted()&&{asc:i(pt,{className:"h-4 w-4"}),desc:i(gt,{className:"h-4 w-4"})}[n.column.getIsSorted()]}),n.isPlaceholder?null:ut(n.column.columnDef.header,n.getContext()),H&&ce!=="right"&&n.column.getIsSorted()&&i("span",{className:"ml-1 order-2",children:n.column.getIsSorted()&&{asc:i(pt,{className:"h-4 w-4"}),desc:i(gt,{className:"h-4 w-4"})}[n.column.getIsSorted()]})]}),(H||A&&!Tt)&&P(X,{children:[i(K,{asChild:!0,className:o("absolute",ce==="left"&&"right-1",ce==="center"&&"right-1",ce==="right"&&"left-1"),children:i(Gt,{variant:"default",size:"sm",noBg:!0,tabIndex:-1,className:"opacity-0 group-hover:opacity-70 hover:opacity-100 data-[state=open]:opacity-100",children:i(Jo,{className:"h-4 w-4"})})}),P(J,{align:"end",className:"w-48",children:[H&&P(jt,{children:[i(E,{children:"Sorting"}),P(k,{onClick:()=>n.column.toggleSorting(!1),children:[i(pt,{className:"mr-2 h-4 w-4"}),"Sort Ascending"]}),P(k,{onClick:()=>n.column.toggleSorting(!0),children:[i(gt,{className:"mr-2 h-4 w-4"}),"Sort Descending"]}),P(k,{onClick:()=>n.column.clearSorting(),disabled:!n.column.getIsSorted(),children:[i(Ko,{className:"mr-2 h-4 w-4"}),"Clear Sort"]}),i(j,{})]}),A&&!Tt&&P(jt,{children:[i(E,{children:"Pin Column"}),P(k,{onClick:()=>Pt(n.column.id,"right"),disabled:n.column.getIsPinned()==="right",children:[i(Qo,{}),"Pin Right"]}),P(k,{onClick:()=>Pt(n.column.id,!1),disabled:!n.column.getIsPinned(),children:[i(Yo,{}),"Unpin"]})]})]})]})]}),wt&&n.column.getCanResize()&&!m&&n.colSpan===1&&i("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:n.getResizeHandler()})]},n.id)})},f.id))}),Nt=f=>{if(!B)return;let v=0,n=w.getLeftHeaderGroups()[0]?.headers||[],b=[...ne?["serialNumber"]:[],...z?["select"]:[]];for(let m of n){if(m.id===f.id)break;if(b.includes(m.id)){let x=w.getColumn(m.id);x&&(v+=x.getSize())}}return v},Dt=f=>{if(!B)return;let v=w.getState().columnPinning.right||[],n=v.indexOf(f.id);if(n===-1)return;let b=0;for(let m=n+1;m<v.length;m++){let x=w.getColumn(v[m]);x&&(b+=x.getSize())}return b};return T?i(_e,{className:"w-full rounded-xl shadow-sm",children:i(Ve,{className:"flex items-center justify-center",children:P("div",{className:"text-center",children:[i("div",{className:"text-red-500 mb-3 text-2xl",children:"\u26A0\uFE0F"}),i("p",{className:"text-sm text-muted-foreground mb-4",children:T}),Y&&P(g,{variant:"outline",size:"sm",onClick:Y,className:"rounded-lg",children:[i(Ot,{className:"mr-2 h-4 w-4"}),"Try Again"]})]})})}):i(Ce,{children:P("div",{className:o("w-full space-y-2 flex flex-col h-full",y),children:[c&&i(_e,{className:"rounded-2xl py-2 sticky top-0 z-20",children:i(Ve,{className:"px-2",children:c})}),to&&i(lt,{table:w,filters:a,globalFilter:Re,onGlobalFilterChange:Xe,enableGlobalFilter:ht,onExport:Q,onRefresh:Y,loading:h,enableColumnVisibility:Ye,enableColumnPinning:B,data:e,onClearSorting:io,onClearFilters:so,onExternalSearch:Se}),i(_e,{className:o("shadow-sm overflow-auto py-0",no&&"flex-1"),children:i(Ve,{className:"p-0 h-full",children:P("div",{className:"relative flex flex-col h-full justify-between",children:[h&&i("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-xl",children:P("div",{className:"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm",children:[i(Ot,{className:"size-5 animate-spin text-primary"}),i("span",{className:"text-sm font-medium text-muted-foreground",children:"Loading..."})]})}),i("div",{className:"relative rounded-t-xl overflow-auto border-b",children:P(tt,{className:"border-collapse w-full",children:[!ro&&lo(),i(kt,{children:w.getRowModel().rows?.length?w.getRowModel().rows.map((f,v)=>i(he,{"data-state":f.getIsSelected()&&"selected",className:o(ao&&"hover:bg-muted/50",oo&&v%2===0&&"bg-muted/20",f.getIsSelected()&&"bg-muted","border-b last:border-b-0"),children:f.getVisibleCells().map((n,b)=>{let m=B&&(n.column.getIsPinned()==="left"||n.column.id==="serialNumber"||n.column.id==="select"&&z),x=B&&n.column.getIsPinned()==="right",F=n.column.id==="serialNumber",H=n.column.id==="select",A=F||H&&ze;return i(Ie,{className:o(Ct?"py-2":"py-4",yt&&b<f.getVisibleCells().length&&"border-r",m&&"sticky left-0 z-10 bg-sidebar/97",x&&"sticky right-0 z-10 bg-sidebar/97",F&&"sticky left-0 z-10 bg-sidebar/97","p-1"),style:{width:n.column.getSize()!==150?n.column.getSize():"auto",minWidth:n.column.getSize()!==150?n.column.getSize():"auto",...m&&{left:F?0:H?ne&&w.getColumn("serialNumber")?.getSize()||0:Nt(n.column)},...x&&{right:Dt(n.column)},...F&&{left:0}},children:ut(n.column.columnDef.cell,n.getContext())},n.id)})},f.id)):i(he,{children:i(Ie,{colSpan:Ze.length,className:"h-32 text-center border-0",children:P("div",{className:"flex flex-col items-center gap-3",children:[i("div",{className:"text-muted-foreground text-6xl",children:"\u{1F4CB}"}),i("p",{className:"text-muted-foreground font-medium",children:I})]})})})})]})}),D&&i("div",{className:"sticky bottom-0 bg-sidebar w-full z-20",style:{width:"100%",minWidth:"fit-content"},children:i(tt,{children:i(Rt,{children:i(he,{className:"bg-sidebar",children:i(Ie,{colSpan:Ze.length,className:"p-2",children:D})})})})})]})})}),i(dt,{table:w,config:s}),be&&be(w)]})})}import{Separator as ta}from"radix-ui";import{jsx as oa}from"react/jsx-runtime";function $e({className:e,orientation:t="horizontal",decorative:a=!0,...s}){return oa(ta.Root,{"data-slot":"separator-root",decorative:a,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),...s})}import{Loader as aa,X as na}from"lucide-react";import{AnimatePresence as ra,motion as ia}from"framer-motion";import*as te from"react";import*as Ut from"react-dom";import{jsx as R,jsxs as De}from"react/jsx-runtime";function sa({table:e,visible:t,container:a,children:s,className:u,...c}){let[D,y]=te.useState(!1);te.useLayoutEffect(()=>{y(!0)},[]),te.useEffect(()=>{function T(I){I.key==="Escape"&&e&&e.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",T),()=>window.removeEventListener("keydown",T)},[e]);let p=a??(D?globalThis.document?.body:null);if(!p||!e)return null;let h=t??e.getFilteredSelectedRowModel().rows.length>0;return Ut.createPortal(R(ra,{children:h&&R(ia.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",u),...c,children:R(Ce,{children:s})})}),p)}function la({size:e="sm",tooltip:t,isPending:a,disabled:s,className:u,children:c,...D}){let y=R(g,{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",u),disabled:s||a,...D,children:a?R(aa,{className:"animate-spin"}):c});return t?De(ot,{children:[R(at,{asChild:!0,children:y}),R(nt,{sideOffset:8,className:"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden",children:R("p",{children:t})})]}):y}function da({table:e}){let t=te.useCallback(()=>{e&&e.toggleAllRowsSelected(!1)},[e]);return e?De("div",{className:"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3",children:[De("span",{className:"whitespace-nowrap text-sm font-medium",children:[e.getFilteredSelectedRowModel().rows.length," selected"]}),R($e,{orientation:"vertical",className:"mr-2 ml-3 data-[orientation=vertical]:h-4"}),De(ot,{children:[R(at,{asChild:!0,children:R(g,{variant:"ghost",size:"icon",className:"size-6 rounded-md",onClick:t,children:R(na,{className:"size-3.5"})})}),De(nt,{sideOffset:10,className:"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foregroun bg-secondary [&>span]:hidden",children:[R("p",{children:"Clear selection"}),R("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:R("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]}):null}import{ArrowUpDown as Te,EyeOff as ca}from"lucide-react";import{jsx as U,jsxs as ge}from"react/jsx-runtime";function ma({column:e,title:t,className:a}){return e.getCanSort()?U("div",{className:o("flex items-center space-x-2",a),children:ge(X,{children:[U(K,{asChild:!0,children:ge(g,{variant:"ghost",size:"sm",className:"-ml-3 h-8 data-[state=open]:bg-accent",children:[U("span",{children:t}),e.getIsSorted()==="desc"?U(Te,{className:"ml-2 h-4 w-4"}):e.getIsSorted()==="asc"?U(Te,{className:"ml-2 h-4 w-4"}):U(Te,{className:"ml-2 h-4 w-4"})]})}),ge(J,{align:"start",className:"rounded-lg",children:[ge(k,{onClick:()=>e.toggleSorting(!1),children:[U(Te,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Asc"]}),ge(k,{onClick:()=>e.toggleSorting(!0),children:[U(Te,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Desc"]}),U(j,{}),ge(k,{onClick:()=>e.toggleVisibility(!1),children:[U(ca,{className:"mr-2 h-3.5 w-3.5 text-muted-foreground/70"}),"Hide"]})]})]})}):U("div",{className:o(a),children:t})}import{ChevronDown as ua,Eye as pa}from"lucide-react";import{jsx as fe,jsxs as bt}from"react/jsx-runtime";function ga({table:e}){return bt(X,{children:[fe(K,{asChild:!0,children:bt(g,{variant:"outline",size:"sm",className:"rounded-lg",children:[fe(pa,{className:"mr-2 h-4 w-4"}),"Columns ",fe(ua,{className:"ml-2 h-4 w-4"})]})}),bt(J,{align:"end",className:"w-[200px] rounded-lg",children:[fe(E,{children:"Toggle Columns"}),fe(j,{}),e.getAllColumns().filter(t=>typeof t.accessorFn<"u"&&t.getCanHide()).map(t=>fe(we,{className:"capitalize",checked:t.getIsVisible(),onCheckedChange:a=>t.toggleVisibility(!!a),children:t.id},t.id))]})]})}import{Slot as fa}from"radix-ui";import{cva as ba}from"class-variance-authority";import{jsx as xa}from"react/jsx-runtime";var va=ba("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 qe({className:e,variant:t,asChild:a=!1,...s}){let u=a?fa.Slot:"span";return xa(u,{"data-slot":"badge",className:o(va({variant:t}),e),...s})}import{Command as se}from"cmdk";import{SearchIcon as ha}from"lucide-react";import{Dialog as Hr}from"radix-ui";import{XIcon as Er}from"lucide-react";import{jsx as $r,jsxs as qr}from"react/jsx-runtime";import{jsx as oe,jsxs as Ca}from"react/jsx-runtime";function $t({className:e,...t}){return oe(se,{"data-slot":"command",className:o("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...t})}function qt({className:e,...t}){return Ca("div",{"data-slot":"command-input-wrapper",className:"flex h-9 items-center gap-2 border-b px-3",children:[oe(ha,{className:"size-4 shrink-0 opacity-50"}),oe(se.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 Wt({className:e,...t}){return oe(se.List,{"data-slot":"command-list",className:o("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",e),...t})}function Xt({...e}){return oe(se.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...e})}function vt({className:e,...t}){return oe(se.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 Kt({className:e,...t}){return oe(se.Separator,{"data-slot":"command-separator",className:o("bg-border -mx-1 h-px",e),...t})}function xt({className:e,...t}){return oe(se.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{CheckIcon as ya,PlusCircleIcon as wa}from"lucide-react";import{Fragment as Jt,jsx as N,jsxs as ae}from"react/jsx-runtime";function Pa({column:e,title:t,options:a}){let s=e?.getFacetedUniqueValues(),u=new Set(e?.getFilterValue());return ae(Oe,{children:[N(Ee,{asChild:!0,children:ae(g,{variant:"outline",size:"sm",className:"h-9 border-dashed rounded-lg",children:[N(wa,{className:"mr-2 h-4 w-4"}),t,u?.size>0&&ae(Jt,{children:[N($e,{orientation:"vertical",className:"mx-2 h-4"}),N(qe,{variant:"secondary",className:"rounded-sm px-1 font-normal lg:hidden",children:u.size}),N("div",{className:"hidden space-x-1 lg:flex",children:u.size>2?ae(qe,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:[u.size," selected"]}):a.filter(c=>u.has(c.value)).map(c=>N(qe,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:c.label},c.value))})]})]})}),N(je,{className:"w-[200px] p-0 rounded-lg",align:"start",children:ae($t,{className:"rounded-lg",children:[N(qt,{placeholder:t}),ae(Wt,{children:[N(Xt,{children:"No results found."}),N(vt,{children:a.map(c=>{let D=u.has(c.value);return ae(xt,{onSelect:()=>{D?u.delete(c.value):u.add(c.value);let y=Array.from(u);e?.setFilterValue(y.length?y:void 0)},children:[N("div",{className:o("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",D?"bg-primary text-primary-foreground":"opacity-50 [&_svg]:invisible"),children:N(ya,{className:o("h-4 w-4")})}),c.icon&&N(c.icon,{className:"mr-2 h-4 w-4 text-muted-foreground"}),N("span",{children:c.label}),s?.get(c.value)&&N("span",{className:"ml-auto flex h-4 w-4 items-center justify-center font-mono text-xs",children:s.get(c.value)})]},c.value)})}),u.size>0&&ae(Jt,{children:[N(Kt,{}),N(vt,{children:N(xt,{onSelect:()=>e?.setFilterValue(void 0),className:"justify-center text-center",children:"Clear filters"})})]})]})]})})]})}export{ea as DataTable,sa as DataTableActionBar,la as DataTableActionBarAction,da as DataTableActionBarSelection,ma as DataTableColumnHeader,Pa as DataTableFacetedFilter,dt as DataTablePagination,lt as DataTableToolbar,ga as DataTableViewOptions};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|