npm - @akshar-technosoft/ui - Versions diffs - 1.0.2 → 1.0.3 - Mend

@akshar-technosoft/ui 1.0.2 → 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.

Files changed (36) hide show

package/dist/components/data/data-table/data-table-toolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/data/data-table/data-table-toolbar.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/input.tsx","../../../../src/components/ui/select.tsx","../../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import { Search, RefreshCw, Download, Settings2, Filter, ArrowUpDown, PinOff, Pin, ChevronDown } from \"lucide-react\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Input } from \"../../ui/input.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport {\r\n DropdownMenu,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuLabel,\r\n DropdownMenuSeparator,\r\n DropdownMenuTrigger,\r\n DropdownMenuCheckboxItem,\r\n DropdownMenuGroup,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { FilterConfig } from \"./data-table-types.js\"\r\n\r\ninterface DataTableToolbarProps<TData> {\r\n table: Table<TData>\r\n filters?: FilterConfig<TData>[]\r\n globalFilter: string\r\n onGlobalFilterChange: (value: string) => void\r\n enableGlobalFilter: boolean\r\n onExport?: (data: TData[]) => void\r\n onRefresh?: () => void\r\n loading?: boolean\r\n enableColumnVisibility?: boolean\r\n enableColumnPinning?: boolean\r\n data: TData[]\r\n onClearSorting: () => void\r\n onClearFilters: () => void\r\n}\r\n\r\nexport function DataTableToolbar<TData>({\r\n table,\r\n filters = [],\r\n globalFilter,\r\n onGlobalFilterChange,\r\n enableGlobalFilter = true,\r\n onExport,\r\n onRefresh,\r\n loading = false,\r\n enableColumnVisibility = true,\r\n data,\r\n onClearSorting,\r\n onClearFilters,\r\n enableColumnPinning = false,\r\n}: DataTableToolbarProps<TData>) {\r\n const getAllLeafColumns = () => {\r\n return table.getAllLeafColumns().filter(column => column.getCanHide?.() !== false)\r\n }\r\n\r\n const getGroupColumns = () => {\r\n return table.getAllColumns().filter(column =>\r\n !table.getAllLeafColumns().includes(column) &&\r\n column.columns?.length &&\r\n column.columns.some(col => col.getCanHide?.() !== false)\r\n )\r\n }\r\n\r\n const getUngroupedLeafColumns = () => {\r\n const groupedColumnIds = new Set(\r\n getGroupColumns().flatMap(group =>\r\n group.columns?.filter(col => col.getCanHide?.() !== false).map(c => c.id) \|\| []\r\n )\r\n )\r\n return getAllLeafColumns().filter(column => !groupedColumnIds.has(column.id))\r\n }\r\n\r\n const getColumnDisplayName = (columnId: string, groupName?: string) => {\r\n if (groupName && columnId.startsWith(`${groupName}.`)) {\r\n const cleanId = columnId.replace(`${groupName}.`, '')\r\n return cleanId\r\n .split('_')\r\n .map(word => word.slice(1))\r\n .join(' ')\r\n }\r\n\r\n return columnId\r\n .split('_')\r\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\r\n .join(' ')\r\n }\r\n\r\n return (\r\n <div className=\"rounded-xl\">\r\n <div className=\"px-2\">\r\n <div className=\"flex flex-col gap-6\">\r\n {/* Top Controls /}\r\n <div className=\"flex items-center justify-between\">\r\n <div className=\"flex items-center gap-3\">\r\n {/ Filters Row /}\r\n {filters.length > 0 && (\r\n <div className=\"flex items-center gap-3 flex-wrap\">\r\n <div className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground\">\r\n <Filter className=\"h-4 w-4\" />\r\n {/ Filters: /}\r\n </div>\r\n {filters.map((filter) => (\r\n <div key={filter.key} className={cn(\"relative min-w-[150px]\", filter.width)}>\r\n {filter.type === \"select\" ? (\r\n <Select\r\n value={(table.getColumn(filter.key)?.getFilterValue() as string) ?? \"\"}\r\n onValueChange={(value) =>\r\n table.getColumn(filter.key)?.setFilterValue(value === \"all\" ? \"\" : value)\r\n }\r\n >\r\n {filter.icon && <span><filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" /></span>}\r\n <SelectTrigger className={cn(\"h-9 rounded-lg w-full\", filter.icon && \"pl-9\")}>\r\n <SelectValue placeholder={filter.placeholder} />\r\n </SelectTrigger>\r\n <SelectContent className=\"rounded-lg\">\r\n <SelectItem value=\"all\">All</SelectItem>\r\n {filter.options?.map((option) => (\r\n <SelectItem key={option.label} value={option.value}>\r\n {option.label}\r\n </SelectItem>\r\n ))}\r\n </SelectContent>\r\n </Select>\r\n ) : (\r\n <div className=\"relative\">\r\n {filter.icon && <span><filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" /></span>}\r\n <Input\r\n placeholder={filter.placeholder}\r\n value={(table.getColumn(filter.key)?.getFilterValue() as string) ?? \"\"}\r\n onChange={(event) => table.getColumn(filter.key)?.setFilterValue(event.target.value)}\r\n className={cn(\"h-9 rounded-lg\", filter.icon && \"pl-9\")}\r\n type={filter.type === \"number\" ? \"number\" : filter.type === \"date\" ? \"date\" : \"text\"}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n <div className=\"flex items-center gap-2\">\r\n\r\n {/ Global Search /}\r\n {enableGlobalFilter &&\r\n <div className=\"relative\">\r\n <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\r\n <Input\r\n placeholder=\"Global search...\"\r\n value={globalFilter ?? \"\"}\r\n onChange={(event) => onGlobalFilterChange(event.target.value)}\r\n className=\"pl-9 max-w-max\"\r\n />\r\n </div>\r\n }\r\n\r\n {/ Export Button /}\r\n {onExport && (\r\n <Button variant=\"outline\" size=\"sm\" onClick={() => onExport(data)} className=\"rounded-lg\">\r\n <Download className=\"mr-2 h-4 w-4\" />\r\n Export\r\n </Button>\r\n )}\r\n\r\n {/ Column Visibility /}\r\n {enableColumnVisibility && (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild>\r\n <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg gap-1\">\r\n <span>Columns</span>\r\n <ChevronDown className=\"h-4 w-4 opacity-50\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-[220px] rounded-lg max-h-[400px] overflow-y-auto\">\r\n <DropdownMenuLabel className=\"px-4 py-2 text-sm font-medium\">\r\n Toggle Columns\r\n </DropdownMenuLabel>\r\n <DropdownMenuSeparator />\r\n\r\n {/ General section for ungrouped columns /}\r\n {getUngroupedLeafColumns().length > 0 && (\r\n <DropdownMenuGroup>\r\n <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n General\r\n </DropdownMenuLabel>\r\n {getUngroupedLeafColumns().map(column => (\r\n <DropdownMenuCheckboxItem\r\n key={column.id}\r\n className=\"text-sm\"\r\n checked={column.getIsVisible()}\r\n onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n >\r\n {getColumnDisplayName(column.id)}\r\n </DropdownMenuCheckboxItem>\r\n ))}\r\n </DropdownMenuGroup>\r\n )}\r\n {getGroupColumns().map(group => (\r\n <DropdownMenuGroup key={group.id}>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n {group.id}\r\n </DropdownMenuLabel>\r\n {group.columns\r\n ?.filter(column => column.getCanHide?.() !== false)\r\n .map(column => (\r\n <DropdownMenuCheckboxItem\r\n key={column.id}\r\n className=\"text-sm\"\r\n checked={column.getIsVisible()}\r\n onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n >\r\n {getColumnDisplayName(column.id, group.id)}\r\n </DropdownMenuCheckboxItem>\r\n ))}\r\n </DropdownMenuGroup>\r\n ))}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n )}\r\n\r\n {/ Table Settings /}\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild>\r\n <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg\">\r\n <Settings2 className=\"h-4 w-4\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n <DropdownMenuLabel>Table Settings</DropdownMenuLabel>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuItem onClick={onClearSorting}>\r\n <ArrowUpDown className=\"mr-2 h-4 w-4\" />\r\n Clear All Sorting\r\n </DropdownMenuItem>\r\n <DropdownMenuItem onClick={onClearFilters}>\r\n <Filter className=\"mr-2 h-4 w-4\" />\r\n Clear All Filters\r\n </DropdownMenuItem>\r\n {enableColumnPinning && (\r\n <>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuLabel>Column Pinning</DropdownMenuLabel>\r\n <DropdownMenuItem\r\n onClick={() => table.setColumnPinning({ left: [], right: [] })}\r\n >\r\n <PinOff className=\"mr-2 h-4 w-4\" />\r\n Reset All Pinning\r\n </DropdownMenuItem>\r\n <DropdownMenuItem\r\n onClick={() => {\r\n const leftColumns = getAllLeafColumns()\r\n .filter(column => column.getCanPin?.() !== false)\r\n .map(column => column.id)\r\n table.setColumnPinning({ left: leftColumns, right: [] })\r\n }}\r\n >\r\n <Pin className=\"mr-2 h-4 w-4 rotate-90\" />\r\n Pin All Left\r\n </DropdownMenuItem>\r\n <DropdownMenuItem\r\n onClick={() => {\r\n const rightColumns = getAllLeafColumns()\r\n .filter(column => column.getCanPin?.() !== false)\r\n .map(column => column.id)\r\n table.setColumnPinning({ left: [], right: rightColumns })\r\n }}\r\n >\r\n <Pin className=\"mr-2 h-4 w-4 -rotate-90\" />\r\n Pin All Right\r\n </DropdownMenuItem>\r\n </>\r\n )}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n\r\n {/ Refresh Button /}\r\n {onRefresh && (\r\n <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} disabled={loading} className=\"rounded-lg\">\r\n <RefreshCw className={cn(\"h-4 w-4\", loading && \"animate-spin\")} />\r\n </Button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}","import as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n \"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\",\n {\n variants: {\n variant: {\n default:\n \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n destructive:\n \"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\",\n outline:\n \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n ghost:\n \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }) {\n const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n return twMerge(clsx(inputs));\r\n}","import as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n \"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\",\n \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Input }\n","import * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: \"sm\" \| \"default\"\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"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\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"popper\",\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n \"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 position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n {...props}\n />\n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n {...props}\n />\n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronUpIcon className=\"size-4\" />\n </SelectPrimitive.ScrollUpButton>\n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronDownIcon className=\"size-4\" />\n </SelectPrimitive.ScrollDownButton>\n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n","import as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n return (\n <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n return (\n <DropdownMenuPrimitive.Trigger\n data-slot=\"dropdown-menu-trigger\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuContent({\n className,\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n data-slot=\"dropdown-menu-content\"\n sideOffset={sideOffset}\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n return (\n <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n variant?: \"default\" \| \"destructive\"\n}) {\n return (\n <DropdownMenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n className={cn(\n \"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\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n return (\n <DropdownMenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n return (\n <DropdownMenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CircleIcon className=\"size-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuPrimitive.Label\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n return (\n <DropdownMenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuPrimitive.SubTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n return (\n <DropdownMenuPrimitive.SubContent\n data-slot=\"dropdown-menu-sub-content\"\n className={cn(\n \"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 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n"],"mappings":"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","names":["Search","RefreshCw","Download","Settings2","Filter","ArrowUpDown","PinOff","Pin","ChevronDown","SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","jsx","Input","className","type","props","cn","SelectPrimitive","CheckIcon","ChevronDownIcon","ChevronUpIcon","jsx","jsxs","Select","props","SelectPrimitive","SelectValue","props","jsx","SelectPrimitive","SelectTrigger","className","size","children","jsxs","cn","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","jsxs","SelectPrimitive","cn","jsx","CheckIcon","SelectScrollUpButton","className","props","jsx","SelectPrimitive","cn","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","jsx","jsxs","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","jsx","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuLabel","className","inset","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuSeparator","Fragment","jsx","jsxs","DataTableToolbar","table","filters","globalFilter","onGlobalFilterChange","enableGlobalFilter","onExport","onRefresh","loading","enableColumnVisibility","data","onClearSorting","onClearFilters","enableColumnPinning","getAllLeafColumns","column","getGroupColumns","col","getUngroupedLeafColumns","groupedColumnIds","group","c","getColumnDisplayName","columnId","groupName","word","Filter","filter","cn","Select","value","SelectTrigger","SelectValue","SelectContent","SelectItem","option","Input","event","Search","Button","Download","DropdownMenu","DropdownMenuTrigger","ChevronDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuCheckboxItem","Settings2","DropdownMenuItem","ArrowUpDown","PinOff","leftColumns","Pin","rightColumns","RefreshCw"]}
1	+ {"version":3,"sources":["../../../../src/components/data/data-table/data-table-toolbar.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/input.tsx","../../../../src/components/ui/select.tsx","../../../../src/components/ui/dropdown-menu.tsx","../../../../src/components/helper/date-filter.tsx","../../../../src/components/ui/popover.tsx","../../../../src/components/ui/calendar.tsx"],"sourcesContent":["import { Search, RefreshCw, Download, Settings2, Filter, ArrowUpDown, PinOff, Pin, ChevronDown } from \"lucide-react\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Input } from \"../../ui/input.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport {\r\n DropdownMenu,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuLabel,\r\n DropdownMenuSeparator,\r\n DropdownMenuTrigger,\r\n DropdownMenuCheckboxItem,\r\n DropdownMenuGroup,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { FilterConfig } from \"./data-table-types.js\"\r\nimport { useState } from \"react\"\r\nimport { DateFilter } from \"../../helper/date-filter.js\"\r\n\r\ninterface DataTableToolbarProps<TData> {\r\n table: Table<TData>\r\n filters?: FilterConfig<TData>[]\r\n globalFilter: string\r\n onGlobalFilterChange: (value: string) => void\r\n enableGlobalFilter: boolean\r\n onExport?: (data: TData[]) => void\r\n onRefresh?: () => void\r\n loading?: boolean\r\n enableColumnVisibility?: boolean\r\n enableColumnPinning?: boolean\r\n data: TData[]\r\n onClearSorting: () => void\r\n onClearFilters: () => void\r\n onExternalSearch?: (filters: Record<string, any>) => void\r\n}\r\n\r\nexport function DataTableToolbar<TData>({\r\n table,\r\n filters = [],\r\n globalFilter,\r\n onGlobalFilterChange,\r\n enableGlobalFilter = true,\r\n onExport,\r\n onRefresh,\r\n loading = false,\r\n enableColumnVisibility = true,\r\n data,\r\n onClearSorting,\r\n onClearFilters,\r\n enableColumnPinning = false,\r\n onExternalSearch,\r\n}: DataTableToolbarProps<TData>) {\r\n const [externalFilterValues, setExternalFilterValues] = useState<Record<string, any>>({});\r\n\r\n const getAllLeafColumns = () => {\r\n return table.getAllLeafColumns().filter(column => column.getCanHide?.() !== false)\r\n }\r\n\r\n const getGroupColumns = () => {\r\n return table.getAllColumns().filter(column =>\r\n !table.getAllLeafColumns().includes(column) &&\r\n column.columns?.length &&\r\n column.columns.some(col => col.getCanHide?.() !== false)\r\n )\r\n }\r\n\r\n const getUngroupedLeafColumns = () => {\r\n const groupedColumnIds = new Set(\r\n getGroupColumns().flatMap(group =>\r\n group.columns?.filter(col => col.getCanHide?.() !== false).map(c => c.id) \|\| []\r\n )\r\n )\r\n return getAllLeafColumns().filter(column => !groupedColumnIds.has(column.id))\r\n }\r\n\r\n const getColumnDisplayName = (columnId: string, groupName?: string) => {\r\n if (groupName && columnId.startsWith(`${groupName}.`)) {\r\n const cleanId = columnId.replace(`${groupName}.`, '')\r\n return cleanId\r\n .split('_')\r\n .map(word => word.slice(1))\r\n .join(' ')\r\n }\r\n\r\n return columnId\r\n .split('_')\r\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\r\n .join(' ')\r\n }\r\n\r\n // NEW: Handle external filter changes\r\n const handleExternalFilterChange = (key: string, value: any) => {\r\n const newValues = { ...externalFilterValues, [key]: value };\r\n setExternalFilterValues(newValues);\r\n }\r\n\r\n // NEW: Handle external search\r\n const handleExternalSearch = () => {\r\n if (onExternalSearch) {\r\n onExternalSearch(externalFilterValues);\r\n }\r\n }\r\n\r\n // NEW: Handle clear external filters\r\n const handleClearExternalFilters = () => {\r\n setExternalFilterValues({});\r\n onClearFilters();\r\n if (onExternalSearch) {\r\n onExternalSearch({});\r\n }\r\n }\r\n\r\n const getFilterValue = (key: string) => {\r\n return table.getColumn(key)?.getFilterValue();\r\n }\r\n\r\n // NEW: Set filter value for date filters\r\n const setFilterValue = (key: string, value: any) => {\r\n table.getColumn(key)?.setFilterValue(value);\r\n }\r\n\r\n return (\r\n <div className=\"rounded-xl\">\r\n <div className=\"px-2\">\r\n <div className=\"flex flex-col gap-6\">\r\n {/* Top Controls /}\r\n <div className=\"flex items-center justify-between\">\r\n <div className=\"flex items-center gap-3\">\r\n {/ Filters Row /}\r\n {filters.length > 0 && (\r\n <div className=\"flex items-center gap-3 flex-wrap\">\r\n <div className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground\">\r\n <Filter className=\"h-4 w-4\" />\r\n {/ Filters: /}\r\n </div>\r\n {filters.map((filter) => (\r\n <div key={filter.key} className={cn(\"relative min-w-[150px]\", filter.width)}>\r\n {filter.type === \"select\" ? (\r\n <Select\r\n value={(getFilterValue(filter.key) as string) ?? \"\"}\r\n onValueChange={(value) => {\r\n setFilterValue(filter.key, value === \"all\" ? \"\" : value);\r\n if (filter.externalSearch) {\r\n handleExternalFilterChange(filter.key, value === \"all\" ? \"\" : value);\r\n }\r\n }}\r\n >\r\n {filter.icon && <span><filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" /></span>}\r\n <SelectTrigger className={cn(\"h-9 rounded-lg w-full\", filter.icon && \"pl-9\")}>\r\n <SelectValue placeholder={filter.placeholder} />\r\n </SelectTrigger>\r\n <SelectContent className=\"rounded-lg\">\r\n <SelectItem value=\"all\">All</SelectItem>\r\n {filter.options?.map((option) => (\r\n <SelectItem key={option.label} value={option.value}>\r\n {option.label}\r\n </SelectItem>\r\n ))}\r\n </SelectContent>\r\n </Select>\r\n ) : filter.type === \"date\" ? (\r\n // NEW: Date filter component\r\n <DateFilter\r\n value={getFilterValue(filter.key)}\r\n onChange={(value) => setFilterValue(filter.key, value)}\r\n placeholder={filter.placeholder}\r\n mode={filter.dateMode \|\| \"single\"}\r\n externalSearch={filter.externalSearch}\r\n onExternalChange={(value) => handleExternalFilterChange(filter.key, value)}\r\n />\r\n ) : (\r\n <div className=\"relative\">\r\n {filter.icon && <span><filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" /></span>}\r\n <Input\r\n placeholder={filter.placeholder}\r\n value={(getFilterValue(filter.key) as string) ?? \"\"}\r\n onChange={(event) => {\r\n setFilterValue(filter.key, event.target.value);\r\n if (filter.externalSearch) {\r\n handleExternalFilterChange(filter.key, event.target.value);\r\n }\r\n }}\r\n className={cn(\"h-9 rounded-lg\", filter.icon && \"pl-9\")}\r\n type={filter.type === \"number\" ? \"number\" : \"text\"}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n ))}\r\n\r\n {/ NEW: External search button /}\r\n {filters.some(filter => filter.externalSearch) && (\r\n <Button\r\n variant=\"default\"\r\n size=\"sm\"\r\n onClick={handleExternalSearch}\r\n className=\"rounded-lg\"\r\n >\r\n <Search className=\"mr-2 h-4 w-4\" />\r\n {filters.find(f => f.externalSearch)?.searchButtonText \|\| \"Search\"}\r\n </Button>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n\r\n <div className=\"flex items-center gap-2\">\r\n {/ Global Search /}\r\n {enableGlobalFilter &&\r\n <div className=\"relative\">\r\n <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\r\n <Input\r\n placeholder=\"Global search...\"\r\n value={globalFilter ?? \"\"}\r\n onChange={(event) => onGlobalFilterChange(event.target.value)}\r\n className=\"pl-9 max-w-max\"\r\n />\r\n </div>\r\n }\r\n\r\n {/ Export Button /}\r\n {onExport && (\r\n <Button variant=\"outline\" size=\"sm\" onClick={() => onExport(data)} className=\"rounded-lg\">\r\n <Download className=\"mr-2 h-4 w-4\" />\r\n Export\r\n </Button>\r\n )}\r\n\r\n {/ Column Visibility /}\r\n {enableColumnVisibility && (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild>\r\n <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg gap-1\">\r\n <span>Columns</span>\r\n <ChevronDown className=\"h-4 w-4 opacity-50\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-[220px] rounded-lg max-h-[400px] overflow-y-auto\">\r\n <DropdownMenuLabel className=\"px-4 py-2 text-sm font-medium\">\r\n Toggle Columns\r\n </DropdownMenuLabel>\r\n <DropdownMenuSeparator />\r\n\r\n {/ General section for ungrouped columns /}\r\n {getUngroupedLeafColumns().length > 0 && (\r\n <DropdownMenuGroup>\r\n <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n General\r\n </DropdownMenuLabel>\r\n {getUngroupedLeafColumns().map(column => (\r\n <DropdownMenuCheckboxItem\r\n key={column.id}\r\n className=\"text-sm\"\r\n checked={column.getIsVisible()}\r\n onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n >\r\n {getColumnDisplayName(column.id)}\r\n </DropdownMenuCheckboxItem>\r\n ))}\r\n </DropdownMenuGroup>\r\n )}\r\n {getGroupColumns().map(group => (\r\n <DropdownMenuGroup key={group.id}>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n {group.id}\r\n </DropdownMenuLabel>\r\n {group.columns\r\n ?.filter(column => column.getCanHide?.() !== false)\r\n .map(column => (\r\n <DropdownMenuCheckboxItem\r\n key={column.id}\r\n className=\"text-sm\"\r\n checked={column.getIsVisible()}\r\n onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n >\r\n {getColumnDisplayName(column.id, group.id)}\r\n </DropdownMenuCheckboxItem>\r\n ))}\r\n </DropdownMenuGroup>\r\n ))}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n )}\r\n\r\n {/ Table Settings /}\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild>\r\n <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg\">\r\n <Settings2 className=\"h-4 w-4\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n <DropdownMenuLabel>Table Settings</DropdownMenuLabel>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuItem onClick={onClearSorting}>\r\n <ArrowUpDown className=\"mr-2 h-4 w-4\" />\r\n Clear All Sorting\r\n </DropdownMenuItem>\r\n <DropdownMenuItem onClick={handleClearExternalFilters}>\r\n <Filter className=\"mr-2 h-4 w-4\" />\r\n Clear All Filters\r\n </DropdownMenuItem>\r\n {enableColumnPinning && (\r\n <>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuLabel>Column Pinning</DropdownMenuLabel>\r\n <DropdownMenuItem\r\n onClick={() => table.setColumnPinning({ left: [], right: [] })}\r\n >\r\n <PinOff className=\"mr-2 h-4 w-4\" />\r\n Reset All Pinning\r\n </DropdownMenuItem>\r\n {/ <DropdownMenuItem\r\n onClick={() => {\r\n const leftColumns = getAllLeafColumns()\r\n .filter(column => column.getCanPin?.() !== false)\r\n .map(column => column.id)\r\n table.setColumnPinning({ left: leftColumns, right: [] })\r\n }}\r\n >\r\n <Pin className=\"mr-2 h-4 w-4 rotate-90\" />\r\n Pin All Left\r\n </DropdownMenuItem> /}\r\n <DropdownMenuItem\r\n onClick={() => {\r\n const rightColumns = getAllLeafColumns()\r\n .filter(column => column.getCanPin?.() !== false)\r\n .map(column => column.id)\r\n table.setColumnPinning({ left: [], right: rightColumns })\r\n }}\r\n >\r\n <Pin className=\"mr-2 h-4 w-4 -rotate-90\" />\r\n Pin All Right\r\n </DropdownMenuItem>\r\n </>\r\n )}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n\r\n {/ Refresh Button /}\r\n {onRefresh && (\r\n <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} disabled={loading} className=\"rounded-lg\">\r\n <RefreshCw className={cn(\"h-4 w-4\", loading && \"animate-spin\")} />\r\n </Button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}","import as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n \"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\",\n {\n variants: {\n variant: {\n default:\n \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n destructive:\n \"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\",\n outline:\n \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n ghost:\n \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }) {\n const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n return twMerge(clsx(inputs));\r\n}","import as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n \"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\",\n \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Input }\n","import * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: \"sm\" \| \"default\"\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"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\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"popper\",\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n \"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 position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n {...props}\n />\n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n {...props}\n />\n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronUpIcon className=\"size-4\" />\n </SelectPrimitive.ScrollUpButton>\n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronDownIcon className=\"size-4\" />\n </SelectPrimitive.ScrollDownButton>\n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n","import as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n return (\n <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n return (\n <DropdownMenuPrimitive.Trigger\n data-slot=\"dropdown-menu-trigger\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuContent({\n className,\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n data-slot=\"dropdown-menu-content\"\n sideOffset={sideOffset}\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n return (\n <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n variant?: \"default\" \| \"destructive\"\n}) {\n return (\n <DropdownMenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n className={cn(\n \"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\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n return (\n <DropdownMenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n return (\n <DropdownMenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CircleIcon className=\"size-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuPrimitive.Label\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n return (\n <DropdownMenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuPrimitive.SubTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n return (\n <DropdownMenuPrimitive.SubContent\n data-slot=\"dropdown-menu-sub-content\"\n className={cn(\n \"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 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n","import { useState } from \"react\";\r\nimport { Calendar as CalendarIcon, Check, X } from \"lucide-react\";\r\nimport { format } from \"date-fns\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/popover\";\r\nimport { Button } from \"../ui/button\";\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Calendar } from \"../ui/calendar\";\r\n\r\ninterface DateFilterProps {\r\n value: any;\r\n onChange: (value: any) => void;\r\n placeholder: string;\r\n mode: \"single\" \| \"range\";\r\n externalSearch?: boolean;\r\n onExternalChange?: (value: any) => void;\r\n}\r\n\r\nexport function DateFilter({\r\n value,\r\n onChange,\r\n placeholder,\r\n mode,\r\n externalSearch,\r\n onExternalChange,\r\n}: DateFilterProps) {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const [tempValue, setTempValue] = useState(value);\r\n\r\n const handleApply = () => {\r\n onChange(tempValue);\r\n if (externalSearch && onExternalChange) {\r\n onExternalChange(tempValue);\r\n }\r\n setIsOpen(false);\r\n };\r\n\r\n const handleCancel = () => {\r\n setTempValue(value);\r\n setIsOpen(false);\r\n };\r\n\r\n const handleClear = () => {\r\n const newValue = mode === \"single\" ? null : { from: null, to: null };\r\n setTempValue(newValue);\r\n onChange(newValue);\r\n if (externalSearch && onExternalChange) {\r\n onExternalChange(newValue);\r\n }\r\n setIsOpen(false);\r\n };\r\n\r\n const displayText = () => {\r\n if (!value) return placeholder;\r\n\r\n if (mode === \"single\") {\r\n return format(value, \"PPP\");\r\n }\r\n\r\n if (value.from && value.to) {\r\n return `${format(value.from, \"MMM dd\")} - ${format(value.to, \"MMM dd, yyyy\")}`;\r\n }\r\n\r\n if (value.from) {\r\n return `From ${format(value.from, \"MMM dd, yyyy\")}`;\r\n }\r\n\r\n if (value.to) {\r\n return `To ${format(value.to, \"MMM dd, yyyy\")}`;\r\n }\r\n\r\n return placeholder;\r\n };\r\n\r\n // Handle calendar selection based on mode\r\n const handleCalendarSelect = (selectedValue: any) => {\r\n if (mode === \"single\") {\r\n setTempValue(selectedValue);\r\n } else {\r\n // For range mode, ensure we have proper structure\r\n setTempValue(selectedValue \|\| { from: null, to: null });\r\n }\r\n };\r\n\r\n return (\r\n <Popover open={isOpen} onOpenChange={setIsOpen}>\r\n <PopoverTrigger asChild>\r\n <Button\r\n variant=\"outline\"\r\n className={cn(\r\n \"w-full justify-start text-left font-normal h-9\",\r\n !value && \"text-muted-foreground\"\r\n )}\r\n >\r\n <CalendarIcon className=\"mr-2 h-4 w-4\" />\r\n {displayText()}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n <div className=\"p-3\">\r\n <Calendar\r\n mode={mode}\r\n selected={tempValue}\r\n onSelect={handleCalendarSelect}\r\n numberOfMonths={mode === \"range\" ? 2 : 1}\r\n className=\"rounded-md border\"\r\n {...(mode === \"range\" && { required: true })}\r\n />\r\n </div>\r\n <div className=\"flex items-center justify-between p-3 border-t\">\r\n <Button variant=\"ghost\" size=\"sm\" onClick={handleClear}>\r\n Clear\r\n </Button>\r\n <div className=\"flex gap-2\">\r\n <Button variant=\"outline\" size=\"sm\" onClick={handleCancel}>\r\n Cancel\r\n </Button>\r\n <Button\r\n size=\"sm\"\r\n onClick={handleApply}\r\n disabled={mode === \"range\" && (!tempValue?.from \|\| !tempValue?.to)}\r\n >\r\n Apply\r\n </Button>\r\n </div>\r\n </div>\r\n </PopoverContent>\r\n </Popover>\r\n );\r\n}","import as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Popover({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n )\n}\n\nfunction PopoverAnchor({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n","import * as React from \"react\"\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n} from \"lucide-react\"\nimport { DayButton, DayPicker, getDefaultClassNames } from \"react-day-picker\"\n\nimport { cn } from \"../../lib/utils.js\"\nimport { Button, buttonVariants } from \"../ui/button.jsx\"\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = \"label\",\n buttonVariant = \"ghost\",\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker> & {\n buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"]\n}) {\n const defaultClassNames = getDefaultClassNames()\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n \"bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\",\n String.raw`rtl::[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl::[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: (date) =>\n date.toLocaleString(\"default\", { month: \"short\" }),\n ...formatters,\n }}\n classNames={{\n root: cn(\"w-fit\", defaultClassNames.root),\n months: cn(\n \"flex gap-4 flex-col md:flex-row relative\",\n defaultClassNames.months\n ),\n month: cn(\"flex flex-col w-full gap-4\", defaultClassNames.month),\n nav: cn(\n \"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between\",\n defaultClassNames.nav\n ),\n button_previous: cn(\n buttonVariants({ variant: buttonVariant }),\n \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({ variant: buttonVariant }),\n \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n defaultClassNames.button_next\n ),\n month_caption: cn(\n \"flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)\",\n defaultClassNames.month_caption\n ),\n dropdowns: cn(\n \"w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5\",\n defaultClassNames.dropdowns\n ),\n dropdown_root: cn(\n \"relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md\",\n defaultClassNames.dropdown_root\n ),\n dropdown: cn(\n \"absolute bg-popover inset-0 opacity-0\",\n defaultClassNames.dropdown\n ),\n caption_label: cn(\n \"select-none font-medium\",\n captionLayout === \"label\"\n ? \"text-sm\"\n : \"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5\",\n defaultClassNames.caption_label\n ),\n table: \"w-full border-collapse\",\n weekdays: cn(\"flex\", defaultClassNames.weekdays),\n weekday: cn(\n \"text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none\",\n defaultClassNames.weekday\n ),\n week: cn(\"flex w-full mt-2\", defaultClassNames.week),\n week_number_header: cn(\n \"select-none w-(--cell-size)\",\n defaultClassNames.week_number_header\n ),\n week_number: cn(\n \"text-[0.8rem] select-none text-muted-foreground\",\n defaultClassNames.week_number\n ),\n day: cn(\n \"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\",\n defaultClassNames.day\n ),\n range_start: cn(\n \"rounded-l-md bg-accent\",\n defaultClassNames.range_start\n ),\n range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n range_end: cn(\"rounded-r-md bg-accent\", defaultClassNames.range_end),\n today: cn(\n \"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none\",\n defaultClassNames.today\n ),\n outside: cn(\n \"text-muted-foreground aria-selected:text-muted-foreground\",\n defaultClassNames.outside\n ),\n disabled: cn(\n \"text-muted-foreground opacity-50\",\n defaultClassNames.disabled\n ),\n hidden: cn(\"invisible\", defaultClassNames.hidden),\n ...classNames,\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return (\n <div\n data-slot=\"calendar\"\n ref={rootRef}\n className={cn(className)}\n {...props}\n />\n )\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === \"left\") {\n return (\n <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />\n )\n }\n\n if (orientation === \"right\") {\n return (\n <ChevronRightIcon\n className={cn(\"size-4\", className)}\n {...props}\n />\n )\n }\n\n return (\n <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n )\n },\n DayButton: CalendarDayButton,\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n {children}\n </div>\n </td>\n )\n },\n ...components,\n }}\n {...props}\n />\n )\n}\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n ...props\n}: React.ComponentProps<typeof DayButton>) {\n const defaultClassNames = getDefaultClassNames()\n\n const ref = React.useRef<HTMLButtonElement>(null)\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus()\n }, [modifiers.focused])\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n \"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\",\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"mappings":";AAAA,OAAS,UAAAA,GAAQ,aAAAC,GAAW,YAAAC,GAAU,aAAAC,GAAW,UAAAC,GAAQ,eAAAC,GAAa,UAAAC,GAAQ,OAAAC,GAAK,eAAAC,OAAmB,eCCtG,OAAS,QAAQC,OAAqB,WACtC,OAAS,OAAAC,OAA8B,2BCFvC,OAAS,QAAAC,OAA6B,OACtC,OAAS,WAAAC,OAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,GAAQD,GAAKG,CAAM,CAAC,CAC7B,CD6CI,cAAAC,OAAA,oBA5CJ,IAAMC,EAAiBC,GACrB,8bACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,YACE,8JACF,QACE,wIACF,UACE,yEACF,MACE,uEACF,KAAM,iDACR,EACA,KAAM,CACJ,QAAS,gCACT,GAAI,gDACJ,GAAI,uCACJ,KAAM,QACR,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAGK,CACH,IAAMC,EAAOF,EAAUG,GAAc,KAAO,SAE5C,OACEV,GAACS,EAAA,CACC,YAAU,SACV,UAAWE,EAAGV,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,EAAG,iBAAiB,EAC5E,GAAGI,EACN,CAEJ,CElDI,cAAAI,OAAA,oBAFJ,SAASC,EAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAkC,CAC3E,OACEJ,GAAC,SACC,KAAMG,EACN,YAAU,QACV,UAAWE,EACT,kcACA,gFACA,yGACAH,CACF,EACC,GAAGE,EACN,CAEJ,CCjBA,OAAS,UAAUE,MAAuB,WAC1C,OAAS,aAAAC,GAAW,mBAAAC,EAAiB,iBAAAC,OAAqB,eAOjD,cAAAC,EAwBL,QAAAC,MAxBK,oBAHT,SAASC,GAAO,CACd,GAAGC,CACL,EAAsD,CACpD,OAAOH,EAACI,EAAgB,KAAhB,CAAqB,YAAU,SAAU,GAAGD,EAAO,CAC7D,CAQA,SAASE,GAAY,CACnB,GAAGC,CACL,EAAuD,CACrD,OAAOC,EAACC,EAAgB,MAAhB,CAAsB,YAAU,eAAgB,GAAGF,EAAO,CACpE,CAEA,SAASG,GAAc,CACrB,UAAAC,EACA,KAAAC,EAAO,UACP,SAAAC,EACA,GAAGN,CACL,EAEG,CACD,OACEO,EAACL,EAAgB,QAAhB,CACC,YAAU,iBACV,YAAWG,EACX,UAAWG,EACT,+yBACAJ,CACF,EACC,GAAGJ,EAEH,UAAAM,EACDL,EAACC,EAAgB,KAAhB,CAAqB,QAAO,GAC3B,SAAAD,EAACQ,EAAA,CAAgB,UAAU,oBAAoB,EACjD,GACF,CAEJ,CAEA,SAASC,GAAc,CACrB,UAAAN,EACA,SAAAE,EACA,SAAAK,EAAW,SACX,GAAGX,CACL,EAAyD,CACvD,OACEC,EAACC,EAAgB,OAAhB,CACC,SAAAK,EAACL,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWM,EACT,gjBACAG,IAAa,UACb,kIACAP,CACF,EACA,SAAUO,EACT,GAAGX,EAEJ,UAAAC,EAACW,GAAA,EAAqB,EACtBX,EAACC,EAAgB,SAAhB,CACC,UAAWM,EACT,MACAG,IAAa,UACb,qGACF,EAEC,SAAAL,EACH,EACAL,EAACY,GAAA,EAAuB,GAC1B,EACF,CAEJ,CAeA,SAASC,EAAW,CAClB,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAsD,CACpD,OACEC,EAACC,EAAgB,KAAhB,CACC,YAAU,cACV,UAAWC,EACT,4aACAL,CACF,EACC,GAAGE,EAEJ,UAAAI,EAAC,QAAK,UAAU,6DACd,SAAAA,EAACF,EAAgB,cAAhB,CACC,SAAAE,EAACC,GAAA,CAAU,UAAU,SAAS,EAChC,EACF,EACAD,EAACF,EAAgB,SAAhB,CAA0B,SAAAH,EAAS,GACtC,CAEJ,CAeA,SAASO,GAAqB,CAC5B,UAAAC,EACA,GAAGC,CACL,EAAgE,CAC9D,OACEC,EAACC,EAAgB,eAAhB,CACC,YAAU,0BACV,UAAWC,EACT,uDACAJ,CACF,EACC,GAAGC,EAEJ,SAAAC,EAACG,GAAA,CAAc,UAAU,SAAS,EACpC,CAEJ,CAEA,SAASC,GAAuB,CAC9B,UAAAN,EACA,GAAGC,CACL,EAAkE,CAChE,OACEC,EAACC,EAAgB,iBAAhB,CACC,YAAU,4BACV,UAAWC,EACT,uDACAJ,CACF,EACC,GAAGC,EAEJ,SAAAC,EAACK,EAAA,CAAgB,UAAU,SAAS,EACtC,CAEJ,CCxKA,OAAS,gBAAgBC,MAA6B,WACtD,OAAS,aAAAC,GAAW,oBAAAC,GAAkB,cAAAC,OAAkB,eAO/C,cAAAC,EAgFL,QAAAC,OAhFK,oBAHT,SAASC,EAAa,CACpB,GAAGC,CACL,EAA4D,CAC1D,OAAOH,EAACI,EAAsB,KAAtB,CAA2B,YAAU,gBAAiB,GAAGD,EAAO,CAC1E,CAUA,SAASE,EAAoB,CAC3B,GAAGC,CACL,EAA+D,CAC7D,OACEC,EAACC,EAAsB,QAAtB,CACC,YAAU,wBACT,GAAGF,EACN,CAEJ,CAEA,SAASG,EAAoB,CAC3B,UAAAC,EACA,WAAAC,EAAa,EACb,GAAGL,CACL,EAA+D,CAC7D,OACEC,EAACC,EAAsB,OAAtB,CACC,SAAAD,EAACC,EAAsB,QAAtB,CACC,YAAU,wBACV,WAAYG,EACZ,UAAWC,EACT,uhBACAF,CACF,EACC,GAAGJ,EACN,EACF,CAEJ,CAEA,SAASO,EAAkB,CACzB,GAAGP,CACL,EAA6D,CAC3D,OACEC,EAACC,EAAsB,MAAtB,CAA4B,YAAU,sBAAuB,GAAGF,EAAO,CAE5E,CAEA,SAASQ,EAAiB,CACxB,UAAAJ,EACA,MAAAK,EACA,QAAAC,EAAU,UACV,GAAGV,CACL,EAGG,CACD,OACEC,EAACC,EAAsB,KAAtB,CACC,YAAU,qBACV,aAAYO,EACZ,eAAcC,EACd,UAAWJ,EACT,8mBACAF,CACF,EACC,GAAGJ,EACN,CAEJ,CAEA,SAASW,EAAyB,CAChC,UAAAP,EACA,SAAAQ,EACA,QAAAC,EACA,GAAGb,CACL,EAAoE,CAClE,OACEc,GAACZ,EAAsB,aAAtB,CACC,YAAU,8BACV,UAAWI,EACT,+SACAF,CACF,EACA,QAASS,EACR,GAAGb,EAEJ,UAAAC,EAAC,QAAK,UAAU,gFACd,SAAAA,EAACC,EAAsB,cAAtB,CACC,SAAAD,EAACc,GAAA,CAAU,UAAU,SAAS,EAChC,EACF,EACCH,GACH,CAEJ,CAqCA,SAASI,EAAkB,CACzB,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAEG,CACD,OACEC,EAACC,EAAsB,MAAtB,CACC,YAAU,sBACV,aAAYH,EACZ,UAAWI,EACT,oDACAL,CACF,EACC,GAAGE,EACN,CAEJ,CAEA,SAASI,EAAsB,CAC7B,UAAAN,EACA,GAAGE,CACL,EAAiE,CAC/D,OACEC,EAACC,EAAsB,UAAtB,CACC,YAAU,0BACV,UAAWC,EAAG,4BAA6BL,CAAS,EACnD,GAAGE,EACN,CAEJ,CL5JA,OAAS,YAAAK,OAAgB,QMlBzB,OAAS,YAAAC,OAAgB,QACzB,OAAS,YAAYC,OAA8B,eACnD,OAAS,UAAAC,MAAc,WCDvB,OAAS,WAAWC,MAAwB,WAOnC,cAAAC,MAAA,oBAHT,SAASC,GAAQ,CACf,GAAGC,CACL,EAAuD,CACrD,OAAOF,EAACG,EAAiB,KAAjB,CAAsB,YAAU,UAAW,GAAGD,EAAO,CAC/D,CAEA,SAASE,GAAe,CACtB,GAAGF,CACL,EAA0D,CACxD,OAAOF,EAACG,EAAiB,QAAjB,CAAyB,YAAU,kBAAmB,GAAGD,EAAO,CAC1E,CAEA,SAASG,GAAe,CACtB,UAAAC,EACA,MAAAC,EAAQ,SACR,WAAAC,EAAa,EACb,GAAGN,CACL,EAA0D,CACxD,OACEF,EAACG,EAAiB,OAAjB,CACC,SAAAH,EAACG,EAAiB,QAAjB,CACC,YAAU,kBACV,MAAOI,EACP,WAAYC,EACZ,UAAWC,EACT,ieACAH,CACF,EACC,GAAGJ,EACN,EACF,CAEJ,CCrCA,UAAYQ,MAAW,QACvB,OACE,mBAAAC,GACA,mBAAAC,GACA,oBAAAC,OACK,eACP,OAAoB,aAAAC,GAAW,wBAAAC,OAA4B,mBAyH/C,cAAAC,MAAA,oBApHZ,SAASC,GAAS,CAChB,UAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,GAClB,cAAAC,EAAgB,QAChB,cAAAC,EAAgB,QAChB,WAAAC,EACA,WAAAC,EACA,GAAGC,CACL,EAEG,CACD,IAAMC,EAAoBC,GAAqB,EAE/C,OACEX,EAACY,GAAA,CACC,gBAAiBR,EACjB,UAAWS,EACT,yJACA,OAAO,+CACP,OAAO,mDACPX,CACF,EACA,cAAeG,EACf,WAAY,CACV,oBAAsBS,GACpBA,EAAK,eAAe,UAAW,CAAE,MAAO,OAAQ,CAAC,EACnD,GAAGP,CACL,EACA,WAAY,CACV,KAAMM,EAAG,QAASH,EAAkB,IAAI,EACxC,OAAQG,EACN,2CACAH,EAAkB,MACpB,EACA,MAAOG,EAAG,6BAA8BH,EAAkB,KAAK,EAC/D,IAAKG,EACH,0EACAH,EAAkB,GACpB,EACA,gBAAiBG,EACfE,EAAe,CAAE,QAAST,CAAc,CAAC,EACzC,8DACAI,EAAkB,eACpB,EACA,YAAaG,EACXE,EAAe,CAAE,QAAST,CAAc,CAAC,EACzC,8DACAI,EAAkB,WACpB,EACA,cAAeG,EACb,2EACAH,EAAkB,aACpB,EACA,UAAWG,EACT,sFACAH,EAAkB,SACpB,EACA,cAAeG,EACb,sHACAH,EAAkB,aACpB,EACA,SAAUG,EACR,wCACAH,EAAkB,QACpB,EACA,cAAeG,EACb,0BACAR,IAAkB,QACd,UACA,0GACJK,EAAkB,aACpB,EACA,MAAO,yBACP,SAAUG,EAAG,OAAQH,EAAkB,QAAQ,EAC/C,QAASG,EACP,gFACAH,EAAkB,OACpB,EACA,KAAMG,EAAG,mBAAoBH,EAAkB,IAAI,EACnD,mBAAoBG,EAClB,8BACAH,EAAkB,kBACpB,EACA,YAAaG,EACX,kDACAH,EAAkB,WACpB,EACA,IAAKG,EACH,4LACAH,EAAkB,GACpB,EACA,YAAaG,EACX,yBACAH,EAAkB,WACpB,EACA,aAAcG,EAAG,eAAgBH,EAAkB,YAAY,EAC/D,UAAWG,EAAG,yBAA0BH,EAAkB,SAAS,EACnE,MAAOG,EACL,gFACAH,EAAkB,KACpB,EACA,QAASG,EACP,4DACAH,EAAkB,OACpB,EACA,SAAUG,EACR,mCACAH,EAAkB,QACpB,EACA,OAAQG,EAAG,YAAaH,EAAkB,MAAM,EAChD,GAAGP,CACL,EACA,WAAY,CACV,KAAM,CAAC,CAAE,UAAAD,EAAW,QAAAc,EAAS,GAAGP,CAAM,IAElCT,EAAC,OACC,YAAU,WACV,IAAKgB,EACL,UAAWH,EAAGX,CAAS,EACtB,GAAGO,EACN,EAGJ,QAAS,CAAC,CAAE,UAAAP,EAAW,YAAAe,EAAa,GAAGR,CAAM,IACvCQ,IAAgB,OAEhBjB,EAACkB,GAAA,CAAgB,UAAWL,EAAG,SAAUX,CAAS,EAAI,GAAGO,EAAO,EAIhEQ,IAAgB,QAEhBjB,EAACmB,GAAA,CACC,UAAWN,EAAG,SAAUX,CAAS,EAChC,GAAGO,EACN,EAKFT,EAACoB,GAAA,CAAgB,UAAWP,EAAG,SAAUX,CAAS,EAAI,GAAGO,EAAO,EAGpE,UAAWY,GACX,WAAY,CAAC,CAAE,SAAAC,EAAU,GAAGb,CAAM,IAE9BT,EAAC,MAAI,GAAGS,EACN,SAAAT,EAAC,OAAI,UAAU,kEACZ,SAAAsB,EACH,EACF,EAGJ,GAAGd,CACL,EACC,GAAGC,EACN,CAEJ,CAEA,SAASY,GAAkB,CACzB,UAAAnB,EACA,IAAAqB,EACA,UAAAC,EACA,GAAGf,CACL,EAA2C,CACzC,IAAMC,EAAoBC,GAAqB,EAEzCc,EAAY,SAA0B,IAAI,EAChD,OAAM,YAAU,IAAM,CAChBD,EAAU,SAASC,EAAI,SAAS,MAAM,CAC5C,EAAG,CAACD,EAAU,OAAO,CAAC,EAGpBxB,EAAC0B,EAAA,CACC,IAAKD,EACL,QAAQ,QACR,KAAK,OACL,WAAUF,EAAI,KAAK,mBAAmB,EACtC,uBACEC,EAAU,UACV,CAACA,EAAU,aACX,CAACA,EAAU,WACX,CAACA,EAAU,aAEb,mBAAkBA,EAAU,YAC5B,iBAAgBA,EAAU,UAC1B,oBAAmBA,EAAU,aAC7B,UAAWX,EACT,m3BACAH,EAAkB,IAClBR,CACF,EACC,GAAGO,EACN,CAEJ,CF1HQ,OAOE,OAAAkB,EAPF,QAAAC,MAAA,oBArED,SAASC,GAAW,CACzB,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,KAAAC,EACA,eAAAC,EACA,iBAAAC,CACF,EAAoB,CAClB,GAAM,CAACC,EAAQC,CAAS,EAAIC,GAAS,EAAK,EACpC,CAACC,EAAWC,CAAY,EAAIF,GAASR,CAAK,EAE1CW,EAAc,IAAM,CACxBV,EAASQ,CAAS,EACdL,GAAkBC,GACpBA,EAAiBI,CAAS,EAE5BF,EAAU,EAAK,CACjB,EAEMK,EAAe,IAAM,CACzBF,EAAaV,CAAK,EAClBO,EAAU,EAAK,CACjB,EAEMM,EAAc,IAAM,CACxB,IAAMC,EAAWX,IAAS,SAAW,KAAO,CAAE,KAAM,KAAM,GAAI,IAAK,EACnEO,EAAaI,CAAQ,EACrBb,EAASa,CAAQ,EACbV,GAAkBC,GACpBA,EAAiBS,CAAQ,EAE3BP,EAAU,EAAK,CACjB,EAEMQ,EAAc,IACbf,EAEDG,IAAS,SACJa,EAAOhB,EAAO,KAAK,EAGxBA,EAAM,MAAQA,EAAM,GACf,GAAGgB,EAAOhB,EAAM,KAAM,QAAQ,CAAC,MAAMgB,EAAOhB,EAAM,GAAI,cAAc,CAAC,GAG1EA,EAAM,KACD,QAAQgB,EAAOhB,EAAM,KAAM,cAAc,CAAC,GAG/CA,EAAM,GACD,MAAMgB,EAAOhB,EAAM,GAAI,cAAc,CAAC,GAGxCE,EAlBYA,EAsBfe,EAAwBC,GAAuB,CAEjDR,EADEP,IAAS,SACEe,EAGAA,GAAiB,CAAE,KAAM,KAAM,GAAI,IAAK,CAH3B,CAK9B,EAEA,OACEpB,EAACqB,GAAA,CAAQ,KAAMb,EAAQ,aAAcC,EACnC,UAAAV,EAACuB,GAAA,CAAe,QAAO,GACrB,SAAAtB,EAACuB,EAAA,CACC,QAAQ,UACR,UAAWC,EACT,iDACA,CAACtB,GAAS,uBACZ,EAEA,UAAAH,EAAC0B,GAAA,CAAa,UAAU,eAAe,EACtCR,EAAY,GACf,EACF,EACAjB,EAAC0B,GAAA,CAAe,UAAU,aAAa,MAAM,QAC3C,UAAA3B,EAAC,OAAI,UAAU,MACb,SAAAA,EAAC4B,GAAA,CACC,KAAMtB,EACN,SAAUM,EACV,SAAUQ,EACV,eAAgBd,IAAS,QAAU,EAAI,EACvC,UAAU,oBACT,GAAIA,IAAS,SAAW,CAAE,SAAU,EAAK,EAC5C,EACF,EACAL,EAAC,OAAI,UAAU,iDACb,UAAAD,EAACwB,EAAA,CAAO,QAAQ,QAAQ,KAAK,KAAK,QAASR,EAAa,iBAExD,EACAf,EAAC,OAAI,UAAU,aACb,UAAAD,EAACwB,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,QAAST,EAAc,kBAE3D,EACAf,EAACwB,EAAA,CACC,KAAK,KACL,QAASV,EACT,SAAUR,IAAS,UAAY,CAACM,GAAW,MAAQ,CAACA,GAAW,IAChE,iBAED,GACF,GACF,GACF,GACF,CAEJ,CNMoB,OA4KA,YAAAiB,GA5KA,OAAAC,EAmBM,QAAAC,MAnBN,oBAhGb,SAASC,GAAwB,CACtC,MAAAC,EACA,QAAAC,EAAU,CAAC,EACX,aAAAC,EACA,qBAAAC,EACA,mBAAAC,EAAqB,GACrB,SAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,GACV,uBAAAC,EAAyB,GACzB,KAAAC,EACA,eAAAC,EACA,eAAAC,EACA,oBAAAC,EAAsB,GACtB,iBAAAC,CACF,EAAiC,CAC/B,GAAM,CAACC,EAAsBC,CAAuB,EAAIC,GAA8B,CAAC,CAAC,EAElFC,EAAoB,IACjBjB,EAAM,kBAAkB,EAAE,OAAOkB,GAAUA,EAAO,aAAa,IAAM,EAAK,EAG7EC,EAAkB,IACfnB,EAAM,cAAc,EAAE,OAAOkB,GAClC,CAAClB,EAAM,kBAAkB,EAAE,SAASkB,CAAM,GAC1CA,EAAO,SAAS,QAChBA,EAAO,QAAQ,KAAKE,GAAOA,EAAI,aAAa,IAAM,EAAK,CACzD,EAGIC,EAA0B,IAAM,CACpC,IAAMC,EAAmB,IAAI,IAC3BH,EAAgB,EAAE,QAAQI,GACxBA,EAAM,SAAS,OAAOH,GAAOA,EAAI,aAAa,IAAM,EAAK,EAAE,IAAII,GAAKA,EAAE,EAAE,GAAK,CAAC,CAChF,CACF,EACA,OAAOP,EAAkB,EAAE,OAAOC,GAAU,CAACI,EAAiB,IAAIJ,EAAO,EAAE,CAAC,CAC9E,EAEMO,EAAuB,CAACC,EAAkBC,IAC1CA,GAAaD,EAAS,WAAW,GAAGC,CAAS,GAAG,EAClCD,EAAS,QAAQ,GAAGC,CAAS,IAAK,EAAE,EAEjD,MAAM,GAAG,EACT,IAAIC,IAAQA,GAAK,MAAM,CAAC,CAAC,EACzB,KAAK,GAAG,EAGNF,EACJ,MAAM,GAAG,EACT,IAAIE,GAAQA,EAAK,OAAO,CAAC,EAAE,YAAY,EAAIA,EAAK,MAAM,CAAC,CAAC,EACxD,KAAK,GAAG,EAIPC,EAA6B,CAACC,EAAaC,IAAe,CAC9D,IAAMC,EAAY,CAAE,GAAGlB,EAAsB,CAACgB,CAAG,EAAGC,CAAM,EAC1DhB,EAAwBiB,CAAS,CACnC,EAGMC,GAAuB,IAAM,CAC7BpB,GACFA,EAAiBC,CAAoB,CAEzC,EAGMoB,GAA6B,IAAM,CACvCnB,EAAwB,CAAC,CAAC,EAC1BJ,EAAe,EACXE,GACFA,EAAiB,CAAC,CAAC,CAEvB,EAEMsB,EAAkBL,GACf9B,EAAM,UAAU8B,CAAG,GAAG,eAAe,EAIxCM,EAAiB,CAACN,EAAaC,IAAe,CAClD/B,EAAM,UAAU8B,CAAG,GAAG,eAAeC,CAAK,CAC5C,EAEA,OACElC,EAAC,OAAI,UAAU,aACb,SAAAA,EAAC,OAAI,UAAU,OACb,SAAAA,EAAC,OAAI,UAAU,sBAEb,SAAAC,EAAC,OAAI,UAAU,oCACb,UAAAD,EAAC,OAAI,UAAU,0BAEZ,SAAAI,EAAQ,OAAS,GAChBH,EAAC,OAAI,UAAU,oCACb,UAAAD,EAAC,OAAI,UAAU,oEACb,SAAAA,EAACwC,GAAA,CAAO,UAAU,UAAU,EAE9B,EACCpC,EAAQ,IAAKqC,GACZzC,EAAC,OAAqB,UAAW0C,EAAG,yBAA0BD,EAAO,KAAK,EACvE,SAAAA,EAAO,OAAS,SACfxC,EAAC0C,GAAA,CACC,MAAQL,EAAeG,EAAO,GAAG,GAAgB,GACjD,cAAgBP,GAAU,CACxBK,EAAeE,EAAO,IAAKP,IAAU,MAAQ,GAAKA,CAAK,EACnDO,EAAO,gBACTT,EAA2BS,EAAO,IAAKP,IAAU,MAAQ,GAAKA,CAAK,CAEvE,EAEC,UAAAO,EAAO,MAAQzC,EAAC,QAAK,SAAAA,EAACyC,EAAO,KAAP,CAAY,UAAU,wEAAwE,EAAE,EACvHzC,EAAC4C,GAAA,CAAc,UAAWF,EAAG,wBAAyBD,EAAO,MAAQ,MAAM,EACzE,SAAAzC,EAAC6C,GAAA,CAAY,YAAaJ,EAAO,YAAa,EAChD,EACAxC,EAAC6C,GAAA,CAAc,UAAU,aACvB,UAAA9C,EAAC+C,EAAA,CAAW,MAAM,MAAM,eAAG,EAC1BN,EAAO,SAAS,IAAKO,GACpBhD,EAAC+C,EAAA,CAA8B,MAAOC,EAAO,MAC1C,SAAAA,EAAO,OADOA,EAAO,KAExB,CACD,GACH,GACF,EACEP,EAAO,OAAS,OAElBzC,EAACiD,GAAA,CACC,MAAOX,EAAeG,EAAO,GAAG,EAChC,SAAWP,GAAUK,EAAeE,EAAO,IAAKP,CAAK,EACrD,YAAaO,EAAO,YACpB,KAAMA,EAAO,UAAY,SACzB,eAAgBA,EAAO,eACvB,iBAAmBP,GAAUF,EAA2BS,EAAO,IAAKP,CAAK,EAC3E,EAEAjC,EAAC,OAAI,UAAU,WACZ,UAAAwC,EAAO,MAAQzC,EAAC,QAAK,SAAAA,EAACyC,EAAO,KAAP,CAAY,UAAU,wEAAwE,EAAE,EACvHzC,EAACkD,EAAA,CACC,YAAaT,EAAO,YACpB,MAAQH,EAAeG,EAAO,GAAG,GAAgB,GACjD,SAAWU,GAAU,CACnBZ,EAAeE,EAAO,IAAKU,EAAM,OAAO,KAAK,EACzCV,EAAO,gBACTT,EAA2BS,EAAO,IAAKU,EAAM,OAAO,KAAK,CAE7D,EACA,UAAWT,EAAG,iBAAkBD,EAAO,MAAQ,MAAM,EACrD,KAAMA,EAAO,OAAS,SAAW,SAAW,OAC9C,GACF,GAjDMA,EAAO,GAmDjB,CACD,EAGArC,EAAQ,KAAKqC,GAAUA,EAAO,cAAc,GAC3CxC,EAACmD,EAAA,CACC,QAAQ,UACR,KAAK,KACL,QAAShB,GACT,UAAU,aAEV,UAAApC,EAACqD,GAAA,CAAO,UAAU,eAAe,EAChCjD,EAAQ,KAAKkD,GAAKA,EAAE,cAAc,GAAG,kBAAoB,UAC5D,GAEJ,EAEJ,EAEArD,EAAC,OAAI,UAAU,0BAEZ,UAAAM,GACCN,EAAC,OAAI,UAAU,WACb,UAAAD,EAACqD,GAAA,CAAO,UAAU,yEAAyE,EAC3FrD,EAACkD,EAAA,CACC,YAAY,mBACZ,MAAO7C,GAAgB,GACvB,SAAW8C,GAAU7C,EAAqB6C,EAAM,OAAO,KAAK,EAC5D,UAAU,iBACZ,GACF,EAID3C,GACCP,EAACmD,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,QAAS,IAAM5C,EAASI,CAAI,EAAG,UAAU,aAC3E,UAAAZ,EAACuD,GAAA,CAAS,UAAU,eAAe,EAAE,UAEvC,EAID5C,GACCV,EAACuD,EAAA,CACC,UAAAxD,EAACyD,EAAA,CAAoB,QAAO,GAC1B,SAAAxD,EAACmD,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,UAAU,mBAC5C,UAAApD,EAAC,QAAK,mBAAO,EACbA,EAAC0D,GAAA,CAAY,UAAU,qBAAqB,GAC9C,EACF,EACAzD,EAAC0D,EAAA,CAAoB,MAAM,MAAM,UAAU,qDACzC,UAAA3D,EAAC4D,EAAA,CAAkB,UAAU,gCAAgC,0BAE7D,EACA5D,EAAC6D,EAAA,EAAsB,EAGtBrC,EAAwB,EAAE,OAAS,GAClCvB,EAAC6D,EAAA,CACC,UAAA9D,EAAC4D,EAAA,CAAkB,UAAU,wDAAwD,mBAErF,EACCpC,EAAwB,EAAE,IAAIH,GAC7BrB,EAAC+D,EAAA,CAEC,UAAU,UACV,QAAS1C,EAAO,aAAa,EAC7B,gBAAkBa,GAAUb,EAAO,iBAAiB,CAAC,CAACa,CAAK,EAE1D,SAAAN,EAAqBP,EAAO,EAAE,GAL1BA,EAAO,EAMd,CACD,GACH,EAEDC,EAAgB,EAAE,IAAII,GACrBzB,EAAC6D,EAAA,CACC,UAAA9D,EAAC6D,EAAA,EAAsB,EACvB7D,EAAC4D,EAAA,CAAkB,UAAU,wDAC1B,SAAAlC,EAAM,GACT,EACCA,EAAM,SACH,OAAOL,GAAUA,EAAO,aAAa,IAAM,EAAK,EACjD,IAAIA,GACHrB,EAAC+D,EAAA,CAEC,UAAU,UACV,QAAS1C,EAAO,aAAa,EAC7B,gBAAkBa,GAAUb,EAAO,iBAAiB,CAAC,CAACa,CAAK,EAE1D,SAAAN,EAAqBP,EAAO,GAAIK,EAAM,EAAE,GALpCL,EAAO,EAMd,CACD,IAhBmBK,EAAM,EAiB9B,CACD,GACH,GACF,EAIFzB,EAACuD,EAAA,CACC,UAAAxD,EAACyD,EAAA,CAAoB,QAAO,GAC1B,SAAAzD,EAACoD,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,UAAU,aAC5C,SAAApD,EAACgE,GAAA,CAAU,UAAU,UAAU,EACjC,EACF,EACA/D,EAAC0D,EAAA,CAAoB,MAAM,MAAM,UAAU,uBACzC,UAAA3D,EAAC4D,EAAA,CAAkB,0BAAc,EACjC5D,EAAC6D,EAAA,EAAsB,EACvB5D,EAACgE,EAAA,CAAiB,QAASpD,EACzB,UAAAb,EAACkE,GAAA,CAAY,UAAU,eAAe,EAAE,qBAE1C,EACAjE,EAACgE,EAAA,CAAiB,QAAS5B,GACzB,UAAArC,EAACwC,GAAA,CAAO,UAAU,eAAe,EAAE,qBAErC,EACCzB,GACCd,EAAAF,GAAA,CACE,UAAAC,EAAC6D,EAAA,EAAsB,EACvB7D,EAAC4D,EAAA,CAAkB,0BAAc,EACjC3D,EAACgE,EAAA,CACC,QAAS,IAAM9D,EAAM,iBAAiB,CAAE,KAAM,CAAC,EAAG,MAAO,CAAC,CAAE,CAAC,EAE7D,UAAAH,EAACmE,GAAA,CAAO,UAAU,eAAe,EAAE,qBAErC,EAYAlE,EAACgE,EAAA,CACC,QAAS,IAAM,CACb,IAAMG,EAAehD,EAAkB,EACpC,OAAOC,GAAUA,EAAO,YAAY,IAAM,EAAK,EAC/C,IAAIA,GAAUA,EAAO,EAAE,EAC1BlB,EAAM,iBAAiB,CAAE,KAAM,CAAC,EAAG,MAAOiE,CAAa,CAAC,CAC1D,EAEA,UAAApE,EAACqE,GAAA,CAAI,UAAU,0BAA0B,EAAE,iBAE7C,GACF,GAEJ,GACF,EAGC5D,GACCT,EAACoD,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,QAAS3C,EAAW,SAAUC,EAAS,UAAU,aACnF,SAAAV,EAACsE,GAAA,CAAU,UAAW5B,EAAG,UAAWhC,GAAW,cAAc,EAAG,EAClE,GAEJ,GACF,EACF,EACF,EACF,CAEJ","names":["Search","RefreshCw","Download","Settings2","Filter","ArrowUpDown","PinOff","Pin","ChevronDown","SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","jsx","Input","className","type","props","cn","SelectPrimitive","CheckIcon","ChevronDownIcon","ChevronUpIcon","jsx","jsxs","Select","props","SelectPrimitive","SelectValue","props","jsx","SelectPrimitive","SelectTrigger","className","size","children","jsxs","cn","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","jsxs","SelectPrimitive","cn","jsx","CheckIcon","SelectScrollUpButton","className","props","jsx","SelectPrimitive","cn","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","jsx","jsxs","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","jsx","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuLabel","className","inset","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuSeparator","useState","useState","CalendarIcon","format","PopoverPrimitive","jsx","Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","React","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","DayPicker","getDefaultClassNames","jsx","Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","defaultClassNames","getDefaultClassNames","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","Button","jsx","jsxs","DateFilter","value","onChange","placeholder","mode","externalSearch","onExternalChange","isOpen","setIsOpen","useState","tempValue","setTempValue","handleApply","handleCancel","handleClear","newValue","displayText","format","handleCalendarSelect","selectedValue","Popover","PopoverTrigger","Button","cn","CalendarIcon","PopoverContent","Calendar","Fragment","jsx","jsxs","DataTableToolbar","table","filters","globalFilter","onGlobalFilterChange","enableGlobalFilter","onExport","onRefresh","loading","enableColumnVisibility","data","onClearSorting","onClearFilters","enableColumnPinning","onExternalSearch","externalFilterValues","setExternalFilterValues","useState","getAllLeafColumns","column","getGroupColumns","col","getUngroupedLeafColumns","groupedColumnIds","group","c","getColumnDisplayName","columnId","groupName","word","handleExternalFilterChange","key","value","newValues","handleExternalSearch","handleClearExternalFilters","getFilterValue","setFilterValue","Filter","filter","cn","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","option","DateFilter","Input","event","Button","Search","f","Download","DropdownMenu","DropdownMenuTrigger","ChevronDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuCheckboxItem","Settings2","DropdownMenuItem","ArrowUpDown","PinOff","rightColumns","Pin","RefreshCw"]}

package/dist/components/data/data-table/data-table-types.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/data/data-table/data-table-types.ts"],"sourcesContent":["import type { ColumnDef, Table, Row, Column } from \"@tanstack/react-table\";\r\nimport type { LucideIcon } from \"lucide-react\";\r\n\r\ntype Paths<T, Prefix extends string = ''> = T extends object\r\n ? {\r\n [K in keyof T]: K extends string\r\n ? T[K] extends object\r\n ? Paths<T[K], `${Prefix}${K}.`> \| `${Prefix}${K}`\r\n : `${Prefix}${K}`\r\n : never;\r\n }[keyof T]\r\n : never;\r\n\r\nexport type FilterConfig<T> = {\r\n key: Paths<T>;\r\n placeholder: string;\r\n type?: \"text\" \| \"select\" \| \"date\" \| \"number\";\r\n options?: { label: string; value: string }[];\r\n width?: string;\r\n icon?: LucideIcon;\r\n};\r\n\r\nexport type PaginationConfig = {\r\n enabled: boolean;\r\n pageSize?: number;\r\n pageSizeOptions?: number[];\r\n showInfo?: boolean;\r\n showPageNumbers?: boolean;\r\n};\r\n\r\nexport type TableSettings = {\r\n hideHeader?: boolean;\r\n enableSorting?: boolean;\r\n toolbar?: boolean;\r\n enableFiltering?: boolean;\r\n enableGlobalFilter?: boolean;\r\n enableColumnVisibility?: boolean;\r\n enableRowSelection?: boolean;\r\n enableColumnResizing?: boolean;\r\n enableColumnPinning?: boolean;\r\n fixedCheckboxColumn?: boolean;\r\n stickyHeader?: boolean;\r\n showSerialNumbers?: boolean;\r\n striped?: boolean;\r\n hoverable?: boolean;\r\n compact?: boolean;\r\n bordered?: boolean;\r\n fullHeight?: boolean;\r\n};\r\n\r\nexport type GroupColumnDef<TData> = ColumnDef<TData> & {\r\n columns?: GroupColumnDef<TData>[];\r\n enablePinning?: boolean;\r\n headerAlign?: 'left' \| 'center' \| 'right';\r\n};\r\n\r\nexport type DataTableProps<TData> = {\r\n data: TData[];\r\n columns: GroupColumnDef<TData>[];\r\n filters?: FilterConfig<TData>[];\r\n pagination?: PaginationConfig;\r\n settings?: TableSettings;\r\n header?: React.ReactNode;\r\n footer?: React.ReactNode;\r\n className?: string;\r\n maxHeight?: string;\r\n loading?: boolean;\r\n error?: string;\r\n emptyMessage?: string;\r\n onRowSelectionChange?: (selectedRows: TData[]) => void;\r\n onExport?: (data: TData[]) => void;\r\n onRefresh?: () => void;\r\n onTableReady?: (table: Table<TData>) => void;\r\n children?: (table: Table<TData>) => React.ReactNode;\r\n isRowDisabled?: (row: TData) => boolean;\r\n isRowSelectable?: (row: TData) => boolean;\r\n};"],"mappings":";+WAAA,IAAAA,EAAA,kBAAAC,EAAAD","names":["data_table_types_exports","__toCommonJS"]}
1	+ {"version":3,"sources":["../../../../src/components/data/data-table/data-table-types.ts"],"sourcesContent":["import type { ColumnDef, Table, Row, Column } from \"@tanstack/react-table\";\r\nimport type { LucideIcon } from \"lucide-react\";\r\n\r\ntype Paths<T, Prefix extends string = ''> = T extends object\r\n ? {\r\n [K in keyof T]: K extends string\r\n ? T[K] extends object\r\n ? Paths<T[K], `${Prefix}${K}.`> \| `${Prefix}${K}`\r\n : `${Prefix}${K}`\r\n : never;\r\n }[keyof T]\r\n : never;\r\n\r\nexport type FilterConfig<T> = {\r\n key: Paths<T>;\r\n placeholder: string;\r\n type?: \"text\" \| \"select\" \| \"date\" \| \"number\";\r\n options?: { label: string; value: string }[];\r\n width?: string;\r\n icon?: LucideIcon;\r\n externalSearch?: boolean;\r\n searchButtonText?: string;\r\n dateMode?: \"single\" \| \"range\";\r\n dateFormat?: string;\r\n};\r\n\r\nexport type PaginationConfig = {\r\n enabled: boolean;\r\n pageSize?: number;\r\n pageSizeOptions?: number[];\r\n showInfo?: boolean;\r\n showPageNumbers?: boolean;\r\n};\r\n\r\nexport type TableSettings = {\r\n hideHeader?: boolean;\r\n enableSorting?: boolean;\r\n toolbar?: boolean;\r\n enableFiltering?: boolean;\r\n enableGlobalFilter?: boolean;\r\n enableColumnVisibility?: boolean;\r\n enableRowSelection?: boolean;\r\n enableColumnResizing?: boolean;\r\n enableColumnPinning?: boolean;\r\n fixedCheckboxColumn?: boolean;\r\n stickyHeader?: boolean;\r\n showSerialNumbers?: boolean;\r\n striped?: boolean;\r\n hoverable?: boolean;\r\n compact?: boolean;\r\n bordered?: boolean;\r\n fullHeight?: boolean;\r\n};\r\n\r\nexport type GroupColumnDef<TData> = ColumnDef<TData> & {\r\n columns?: GroupColumnDef<TData>[];\r\n enablePinning?: boolean;\r\n headerAlign?: 'left' \| 'center' \| 'right';\r\n};\r\n\r\nexport type DataTableProps<TData> = {\r\n data: TData[];\r\n columns: GroupColumnDef<TData>[];\r\n filters?: FilterConfig<TData>[];\r\n pagination?: PaginationConfig;\r\n settings?: TableSettings;\r\n header?: React.ReactNode;\r\n footer?: React.ReactNode;\r\n className?: string;\r\n maxHeight?: string;\r\n loading?: boolean;\r\n error?: string;\r\n emptyMessage?: string;\r\n onRowSelectionChange?: (selectedRows: TData[]) => void;\r\n onExport?: (data: TData[]) => void;\r\n onRefresh?: () => void;\r\n onTableReady?: (table: Table<TData>) => void;\r\n children?: (table: Table<TData>) => React.ReactNode;\r\n isRowDisabled?: (row: TData) => boolean;\r\n isRowSelectable?: (row: TData) => boolean;\r\n onExternalSearch?: (filters: Record<string, any>) => void;\r\n};"],"mappings":";+WAAA,IAAAA,EAAA,kBAAAC,EAAAD","names":["data_table_types_exports","__toCommonJS"]}

package/dist/components/data/data-table/data-table-types.d.cts CHANGED Viewed

@@ -14,6 +14,10 @@ type FilterConfig<T> = {
     }[];
     width?: string;
     icon?: LucideIcon;
+    externalSearch?: boolean;
+    searchButtonText?: string;
+    dateMode?: "single" | "range";
+    dateFormat?: string;
 };
 type PaginationConfig = {
     enabled: boolean;
@@ -66,6 +70,7 @@ type DataTableProps<TData> = {
     children?: (table: Table<TData>) => React.ReactNode;
     isRowDisabled?: (row: TData) => boolean;
     isRowSelectable?: (row: TData) => boolean;
+    onExternalSearch?: (filters: Record<string, any>) => void;
 };
 export type { DataTableProps, FilterConfig, GroupColumnDef, PaginationConfig, TableSettings };

package/dist/components/data/data-table/data-table-types.d.ts CHANGED Viewed

@@ -14,6 +14,10 @@ type FilterConfig<T> = {
     }[];
     width?: string;
     icon?: LucideIcon;
+    externalSearch?: boolean;
+    searchButtonText?: string;
+    dateMode?: "single" | "range";
+    dateFormat?: string;
 };
 type PaginationConfig = {
     enabled: boolean;
@@ -66,6 +70,7 @@ type DataTableProps<TData> = {
     children?: (table: Table<TData>) => React.ReactNode;
     isRowDisabled?: (row: TData) => boolean;
     isRowSelectable?: (row: TData) => boolean;
+    onExternalSearch?: (filters: Record<string, any>) => void;
 };
 export type { DataTableProps, FilterConfig, GroupColumnDef, PaginationConfig, TableSettings };

package/dist/components/data/data-table/data-table.cjs CHANGED Viewed

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