@tirth_jasoliya/ui 1.0.6 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/components/data/data-table/data-table.cjs +1 -1
  2. package/dist/components/data/data-table/data-table.cjs.map +1 -1
  3. package/dist/components/data/data-table/data-table.js +1 -1
  4. package/dist/components/data/data-table/data-table.js.map +1 -1
  5. package/dist/components/data/data-table/index.cjs +1 -1
  6. package/dist/components/data/data-table/index.cjs.map +1 -1
  7. package/dist/components/data/data-table/index.js +1 -1
  8. package/dist/components/data/data-table/index.js.map +1 -1
  9. package/dist/index.cjs +1 -1
  10. package/dist/index.cjs.map +1 -1
  11. package/dist/index.js +1 -1
  12. package/dist/index.js.map +1 -1
  13. package/dist/styles.css +2 -0
  14. package/package.json +72 -65
package/dist/components/data/data-table/data-table.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/data/data-table/data-table.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/table.tsx","../../../../src/components/ui/card.tsx","../../../../src/components/ui/tooltip.tsx","../../../../src/components/data/data-table/data-table-toolbar.tsx","../../../../src/components/ui/input.tsx","../../../../src/components/ui/select.tsx","../../../../src/components/ui/dropdown-menu.tsx","../../../../src/components/data/data-table/data-table-pagination.tsx","../../../../src/components/ui/toggle.tsx","../../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import {\r\n type ColumnFiltersState,\r\n type SortingState,\r\n type VisibilityState,\r\n flexRender,\r\n getCoreRowModel,\r\n getFilteredRowModel,\r\n getPaginationRowModel,\r\n getSortedRowModel,\r\n useReactTable,\r\n type RowSelectionState,\r\n type ColumnOrderState,\r\n type ColumnPinningState,\r\n type Table,\r\n type Row,\r\n} from \"@tanstack/react-table\"\r\nimport { Loader2, ChevronUp, ChevronDown, ChevronsUpDown, MoreHorizontal, MoveRightIcon, PinOffIcon } from \"lucide-react\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport {\r\n Table as TableComponent,\r\n TableBody,\r\n TableCell,\r\n TableFooter,\r\n TableHead,\r\n TableHeader,\r\n TableRow,\r\n} from \"../../ui/table.jsx\"\r\nimport { Card, CardContent } from \"../../ui/card.jsx\"\r\nimport { TooltipProvider } from \"../../ui/tooltip.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport { DataTableToolbar } from \"./data-table-toolbar.jsx\"\r\nimport { DataTablePagination } from \"./data-table-pagination.jsx\"\r\nimport type { DataTableProps, GroupColumnDef, TableSettings } from \"./data-table-types.js\"\r\nimport {\r\n DropdownMenu,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuLabel,\r\n DropdownMenuSeparator,\r\n DropdownMenuTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { Toggle } from \"../../ui/toggle.jsx\"\r\nimport { Checkbox } from \"../../ui/checkbox.jsx\"\r\nimport { useCallback, useEffect, useMemo, useState } from \"react\"\r\n\r\nexport function DataTable<T>({\r\n data,\r\n columns: initialColumns,\r\n filters = [],\r\n pagination = { enabled: false },\r\n settings = {},\r\n header,\r\n footer,\r\n className = \"\",\r\n maxHeight = \"600px\",\r\n loading = false,\r\n error,\r\n emptyMessage = \"No data available\",\r\n onRowSelectionChange,\r\n onExport,\r\n onRefresh,\r\n onTableReady,\r\n children,\r\n}: DataTableProps<T>) {\r\n const [sorting, setSorting] = useState<SortingState>([])\r\n const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\r\n const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({})\r\n const [rowSelection, setRowSelection] = useState<RowSelectionState>({})\r\n const [globalFilter, setGlobalFilter] = useState(\"\")\r\n const [columnOrder, setColumnOrder] = useState<ColumnOrderState>([])\r\n const [columnPinning, setColumnPinning] = useState<ColumnPinningState>(\r\n settings.enableColumnPinning ? { left: [], right: [] } : {}\r\n )\r\n\r\n const {\r\n enableSorting = true,\r\n enableFiltering = true,\r\n enableGlobalFilter = true,\r\n enableColumnVisibility = true,\r\n enableRowSelection = true,\r\n stickyHeader = true,\r\n toolbar = false,\r\n showSerialNumbers = true,\r\n fixedCheckboxColumn = true,\r\n striped = true,\r\n hoverable = true,\r\n compact = true,\r\n bordered = true,\r\n fullHeight = false,\r\n enableColumnResizing = false,\r\n enableColumnPinning = true,\r\n hideHeader = false\r\n } = settings as Required<TableSettings>\r\n\r\n const columns = useMemo(() => {\r\n const cols = [...initialColumns] as GroupColumnDef<T>[];\r\n\r\n const processColumns = (columns: GroupColumnDef<T>[]): GroupColumnDef<T>[] => {\r\n return columns.map(col => {\r\n if (col.id === 'select' || col.id === 'serialNumber') {\r\n return col;\r\n }\r\n\r\n const newCol = {\r\n ...col,\r\n enablePinning: true\r\n };\r\n\r\n if (col.columns) {\r\n newCol.columns = processColumns(col.columns);\r\n }\r\n\r\n return newCol;\r\n });\r\n };\r\n\r\n const processedCols = processColumns(cols);\r\n\r\n if (enableRowSelection) {\r\n const selectColumn: GroupColumnDef<T> = {\r\n id: \"select\",\r\n header: ({ table }: { table: Table<T> }) => (\r\n <Checkbox\r\n checked={table.getIsAllPageRowsSelected() || (table.getIsSomePageRowsSelected() && \"indeterminate\")}\r\n onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}\r\n aria-label=\"Select all\"\r\n />\r\n ),\r\n cell: ({ row }: { row: Row<T> }) => (\r\n <div className={cn(\"flex items-center justify-center\")}>\r\n <Checkbox\r\n checked={row.getIsSelected()}\r\n onCheckedChange={(value) => row.toggleSelected(!!value)}\r\n aria-label=\"Select row\"\r\n />\r\n </div>\r\n ),\r\n enableSorting: false,\r\n enableHiding: false,\r\n enablePinning: true,\r\n headerAlign: \"center\",\r\n size: 10,\r\n };\r\n\r\n processedCols.unshift(selectColumn);\r\n }\r\n\r\n if (showSerialNumbers) {\r\n const serialColumn: GroupColumnDef<T> = {\r\n id: \"serialNumber\",\r\n header: \"No.\",\r\n cell: ({ row }: { row: Row<T> }) => (\r\n <div className=\"text-center font-medium text-muted-foreground\">\r\n {row.index + 1}\r\n </div>\r\n ),\r\n enableSorting: true,\r\n enableHiding: false,\r\n enablePinning: true,\r\n size: 60,\r\n headerAlign: \"center\"\r\n };\r\n\r\n processedCols.unshift(serialColumn);\r\n }\r\n\r\n return processedCols;\r\n }, [initialColumns, showSerialNumbers, enableRowSelection, fixedCheckboxColumn]);\r\n\r\n const table = useReactTable({\r\n data,\r\n columns,\r\n onSortingChange: enableSorting ? setSorting : undefined,\r\n onColumnFiltersChange: enableFiltering ? setColumnFilters : undefined,\r\n onGlobalFilterChange: enableGlobalFilter ? setGlobalFilter : undefined,\r\n getCoreRowModel: getCoreRowModel(),\r\n getPaginationRowModel: pagination.enabled ? getPaginationRowModel() : undefined,\r\n getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,\r\n getFilteredRowModel: enableFiltering ? getFilteredRowModel() : undefined,\r\n onColumnVisibilityChange: enableColumnVisibility ? setColumnVisibility : undefined,\r\n onRowSelectionChange: enableRowSelection ? setRowSelection : undefined,\r\n onColumnOrderChange: setColumnOrder,\r\n onColumnPinningChange: enableColumnPinning ? setColumnPinning : undefined,\r\n state: {\r\n sorting: enableSorting ? sorting : undefined,\r\n columnFilters: enableFiltering ? columnFilters : undefined,\r\n columnVisibility: enableColumnVisibility ? columnVisibility : undefined,\r\n rowSelection: enableRowSelection ? rowSelection : {},\r\n globalFilter,\r\n columnOrder,\r\n columnPinning: enableColumnPinning ? columnPinning : {},\r\n },\r\n initialState: {\r\n pagination: pagination.enabled ? { pageSize: pagination.pageSize || 10 } : undefined,\r\n columnPinning: enableColumnPinning ? {\r\n left: [\r\n ...(showSerialNumbers ? ['serialNumber'] : []),\r\n ...(enableRowSelection ? ['select'] : [])\r\n ],\r\n right: []\r\n } : undefined,\r\n },\r\n enableRowSelection: enableRowSelection,\r\n enableColumnResizing: enableColumnResizing,\r\n enableColumnPinning: enableColumnPinning,\r\n columnResizeMode: 'onChange',\r\n })\r\n\r\n useEffect(() => {\r\n if (onTableReady) {\r\n onTableReady(table)\r\n }\r\n }, [table, onTableReady])\r\n\r\n useEffect(() => {\r\n if (enableRowSelection && onRowSelectionChange) {\r\n const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original)\r\n onRowSelectionChange(selectedRows)\r\n }\r\n }, [rowSelection, enableRowSelection, onRowSelectionChange, table])\r\n\r\n const handleClearSorting = useCallback(() => {\r\n setSorting([])\r\n }, [])\r\n\r\n const handleClearFilters = useCallback(() => {\r\n setColumnFilters([])\r\n setGlobalFilter(\"\")\r\n }, [])\r\n\r\n const handlePinColumn = (columnId: string, side: 'left' | 'right' | false) => {\r\n if (!enableColumnPinning) return;\r\n\r\n const alwaysPinnedLeft = [\r\n ...(showSerialNumbers ? ['serialNumber'] : []),\r\n ...(enableRowSelection && fixedCheckboxColumn ? ['select'] : [])\r\n ];\r\n\r\n const newPinning = {\r\n left: [...(columnPinning.left ?? []).filter(id => alwaysPinnedLeft.includes(id))],\r\n right: [...(columnPinning.right ?? [])],\r\n };\r\n\r\n if (side === false) {\r\n newPinning.left = newPinning.left.filter(id => id !== columnId);\r\n newPinning.right = newPinning.right.filter(id => id !== columnId);\r\n }\r\n else if (side === 'right') {\r\n newPinning.left = newPinning.left.filter(id => id !== columnId);\r\n if (!newPinning.right.includes(columnId)) {\r\n newPinning.right.push(columnId);\r\n }\r\n }\r\n else if (side === 'left') {\r\n newPinning.right = newPinning.right.filter(id => id !== columnId);\r\n if (!newPinning.left.includes(columnId) && !alwaysPinnedLeft.includes(columnId)) {\r\n newPinning.left.push(columnId);\r\n }\r\n }\r\n\r\n table.setColumnPinning(newPinning);\r\n }\r\n\r\n const renderTableHeader = () => (\r\n <TableHeader className={cn(\r\n stickyHeader && \"sticky top-0 bg-sidebar z-20\",\r\n )}>\r\n {table.getHeaderGroups().map((headerGroup, groupIndex) => (\r\n <TableRow key={headerGroup.id} className=\"hover:bg-transparent\">\r\n {headerGroup.headers.map((header, index) => {\r\n const isGroupHeader = header.depth === 0 && header.colSpan > 1;\r\n const isPinnedLeft = enableColumnPinning && (\r\n header.column.getIsPinned() === 'left' ||\r\n header.column.id === 'serialNumber' ||\r\n (header.column.id === 'select' && enableRowSelection)\r\n );\r\n const isPinnedRight = enableColumnPinning && header.column.getIsPinned() === 'right';\r\n const canSort = header.column.getCanSort();\r\n const canPin = enableColumnPinning && header.column.columnDef.enablePinning !== false;\r\n const isSerialNumber = header.column.id === 'serialNumber';\r\n const isCheckbox = header.column.id === 'select';\r\n const alwaysPinned = isSerialNumber || (isCheckbox && fixedCheckboxColumn);\r\n const headerAlign = (header.column.columnDef as GroupColumnDef<T>).headerAlign || 'left';\r\n\r\n const flexJustify = {\r\n left: 'justify-start',\r\n center: 'justify-center',\r\n right: 'justify-end'\r\n }[headerAlign];\r\n\r\n return (\r\n <TableHead\r\n key={header.id}\r\n colSpan={header.colSpan}\r\n className={cn(\r\n \"font-semibold text-foreground bg-sidebar group px-0\",\r\n !compact && \"py-2\",\r\n bordered && index < headerGroup.headers.length - 1 && \"border-r\",\r\n \"relative\",\r\n isPinnedLeft && \"sticky left-0 z-15 bg-sidebar\",\r\n isPinnedRight && \"sticky right-0 z-15 bg-sidebar\",\r\n (isSerialNumber || isCheckbox) && \"sticky left-0 z-15 bg-sidebar\",\r\n isGroupHeader ? \"text-center\" : \"text-left\"\r\n )}\r\n style={{\r\n width: header.getSize() !== 150 ? header.getSize() : \"auto\",\r\n minWidth: header.getSize() !== 150 ? header.getSize() : \"auto\",\r\n ...(isPinnedLeft && {\r\n left: isSerialNumber ? 0 :\r\n isCheckbox ? (showSerialNumbers ? (table.getColumn('serialNumber')?.getSize() || 0) : 0)\r\n : getLeftOffset(header.column)\r\n }),\r\n ...(isPinnedRight && { right: getRightOffset(header.column) }),\r\n ...(isSerialNumber && { left: 0 }),\r\n }}\r\n >\r\n {isGroupHeader ? (\r\n <div className=\"flex items-center justify-center\">\r\n {flexRender(header.column.columnDef.header, header.getContext())}\r\n </div>\r\n ) : (\r\n <div className={cn(\"relative flex items-center w-full px-2\", flexJustify)}>\r\n <div className=\"flex items-center gap-1\">\r\n {canSort && headerAlign === 'right' && (\r\n <span className=\"ml-1 order-2\">\r\n {header.column.getIsSorted() && (\r\n {\r\n asc: <ChevronUp className=\"h-4 w-4\" />,\r\n desc: <ChevronDown className=\"h-4 w-4\" />,\r\n }[header.column.getIsSorted() as string]\r\n )}\r\n </span>\r\n )}\r\n {header.isPlaceholder ? null : (\r\n flexRender(header.column.columnDef.header, header.getContext())\r\n )}\r\n {canSort && headerAlign !== 'right' && header.column.getIsSorted() && (\r\n <span className=\"ml-1 order-2\">\r\n {header.column.getIsSorted() && (\r\n {\r\n asc: <ChevronUp className=\"h-4 w-4\" />,\r\n desc: <ChevronDown className=\"h-4 w-4\" />,\r\n }[header.column.getIsSorted() as string]\r\n )}\r\n </span>\r\n )}\r\n </div>\r\n {(canSort || (canPin && !alwaysPinned)) && (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild className={cn(\r\n \"absolute\",\r\n headerAlign === 'left' && \"right-1\",\r\n headerAlign === 'center' && \"right-1\",\r\n headerAlign === 'right' && \"left-1\"\r\n )}>\r\n <Toggle\r\n variant=\"default\"\r\n size=\"sm\"\r\n noBg\r\n tabIndex={-1}\r\n className=\"opacity-0 group-hover:opacity-70 hover:opacity-100 data-[state=open]:opacity-100\"\r\n >\r\n <MoreHorizontal className=\"h-4 w-4\" />\r\n </Toggle>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-48\">\r\n {canSort && (\r\n <>\r\n <DropdownMenuLabel>Sorting</DropdownMenuLabel>\r\n <DropdownMenuItem\r\n onClick={() => header.column.toggleSorting(false)}\r\n >\r\n <ChevronUp className=\"mr-2 h-4 w-4\" />\r\n Sort Ascending\r\n </DropdownMenuItem>\r\n <DropdownMenuItem\r\n onClick={() => header.column.toggleSorting(true)}\r\n >\r\n <ChevronDown className=\"mr-2 h-4 w-4\" />\r\n Sort Descending\r\n </DropdownMenuItem>\r\n <DropdownMenuItem\r\n onClick={() => header.column.clearSorting()}\r\n disabled={!header.column.getIsSorted()}\r\n >\r\n <ChevronsUpDown className=\"mr-2 h-4 w-4\" />\r\n Clear Sort\r\n </DropdownMenuItem>\r\n <DropdownMenuSeparator />\r\n </>\r\n )}\r\n {canPin && !alwaysPinned && (\r\n <>\r\n <DropdownMenuLabel>Pin Column</DropdownMenuLabel>\r\n {/* <DropdownMenuItem\r\n onClick={() => handlePinColumn(header.column.id, 'left')}\r\n disabled={true}\r\n >\r\n <MoveLeftIcon />\r\n Pin Left\r\n </DropdownMenuItem> */}\r\n <DropdownMenuItem\r\n onClick={() => handlePinColumn(header.column.id, 'right')}\r\n disabled={header.column.getIsPinned() === 'right'}\r\n >\r\n <MoveRightIcon />\r\n Pin Right\r\n </DropdownMenuItem>\r\n <DropdownMenuItem\r\n onClick={() => handlePinColumn(header.column.id, false)}\r\n disabled={!header.column.getIsPinned()}\r\n >\r\n <PinOffIcon />\r\n Unpin\r\n </DropdownMenuItem>\r\n </>\r\n )}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n )}\r\n </div>\r\n )}\r\n {/* Column Resizer */}\r\n {enableColumnResizing &&\r\n header.column.getCanResize() &&\r\n !isGroupHeader &&\r\n header.colSpan === 1 && (\r\n <div\r\n 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\"\r\n onMouseDown={header.getResizeHandler()}\r\n />\r\n )}\r\n </TableHead>\r\n );\r\n })}\r\n </TableRow>\r\n ))}\r\n </TableHeader>\r\n );\r\n\r\n const getLeftOffset = (column: any) => {\r\n if (!enableColumnPinning) return undefined;\r\n let offset = 0;\r\n const pinnedLeftColumns = table.getLeftHeaderGroups()[0]?.headers || [];\r\n const alwaysPinnedColumns = [\r\n ...(showSerialNumbers ? ['serialNumber'] : []),\r\n ...(enableRowSelection ? ['select'] : [])\r\n ];\r\n for (const col of pinnedLeftColumns) {\r\n if (col.id === column.id) break;\r\n if (alwaysPinnedColumns.includes(col.id)) {\r\n const column = table.getColumn(col.id);\r\n if (column) {\r\n offset += column.getSize();\r\n }\r\n }\r\n }\r\n return offset;\r\n };\r\n\r\n const getRightOffset = (column: any) => {\r\n if (!enableColumnPinning) return undefined;\r\n const pinnedRightIds = table.getState().columnPinning.right || [];\r\n const columnIndex = pinnedRightIds.indexOf(column.id);\r\n if (columnIndex === -1) return undefined;\r\n\r\n let offset = 0;\r\n for (let i = columnIndex + 1; i < pinnedRightIds.length; i++) {\r\n const col = table.getColumn(pinnedRightIds[i]);\r\n if (col) {\r\n offset += col.getSize();\r\n }\r\n }\r\n\r\n return offset;\r\n }\r\n\r\n if (error) {\r\n return (\r\n <Card className=\"w-full rounded-xl shadow-sm\">\r\n <CardContent className=\"flex items-center justify-center\">\r\n <div className=\"text-center\">\r\n <div className=\"text-red-500 mb-3 text-2xl\">⚠️</div>\r\n <p className=\"text-sm text-muted-foreground mb-4\">{error}</p>\r\n {onRefresh && (\r\n <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} className=\"rounded-lg\">\r\n <Loader2 className=\"mr-2 h-4 w-4\" />\r\n Try Again\r\n </Button>\r\n )}\r\n </div>\r\n </CardContent>\r\n </Card>\r\n )\r\n }\r\n\r\n return (\r\n <TooltipProvider>\r\n <div className={cn(\"w-full space-y-2 flex flex-col h-full\", className)}>\r\n {/* Header Section */}\r\n {header && (\r\n <Card className=\"rounded-2xl py-2 sticky top-0 z-20\">\r\n <CardContent className=\"px-2\">{header}</CardContent>\r\n </Card>\r\n )}\r\n\r\n {/* Toolbar */}\r\n {toolbar && (\r\n <DataTableToolbar\r\n table={table}\r\n filters={filters}\r\n globalFilter={globalFilter}\r\n onGlobalFilterChange={setGlobalFilter}\r\n enableGlobalFilter={enableGlobalFilter}\r\n onExport={onExport}\r\n onRefresh={onRefresh}\r\n loading={loading}\r\n enableColumnVisibility={enableColumnVisibility}\r\n enableColumnPinning={enableColumnPinning}\r\n data={data}\r\n onClearSorting={handleClearSorting}\r\n onClearFilters={handleClearFilters}\r\n />\r\n )}\r\n\r\n {/* Table Container */}\r\n <Card className={cn(\"shadow-sm overflow-auto py-0\", fullHeight && \"flex-1\")}>\r\n <CardContent className=\"p-0 h-full\">\r\n <div className=\"relative flex flex-col h-full justify-between\">\r\n {loading && (\r\n <div className=\"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-xl\">\r\n <div className=\"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm\">\r\n <Loader2 className=\"size-5 animate-spin text-primary\" />\r\n <span className=\"text-sm font-medium text-muted-foreground\">Loading...</span>\r\n </div>\r\n </div>\r\n )}\r\n\r\n <div className=\"relative rounded-t-xl overflow-auto border-b\" >\r\n <TableComponent className=\"border-collapse w-full\">\r\n {/* Header */}\r\n {!hideHeader && renderTableHeader()}\r\n\r\n {/* Body */}\r\n <TableBody>\r\n {table.getRowModel().rows?.length ? (\r\n table.getRowModel().rows.map((row, rowIndex) => (\r\n <TableRow\r\n key={row.id}\r\n data-state={row.getIsSelected() && \"selected\"}\r\n className={cn(\r\n hoverable && \"hover:bg-muted/50\",\r\n striped && rowIndex % 2 === 0 && \"bg-muted/20\",\r\n row.getIsSelected() && \"bg-muted\",\r\n \"border-b last:border-b-0\",\r\n )}\r\n >\r\n {row.getVisibleCells().map((cell, cellIndex) => {\r\n const isPinnedLeft = enableColumnPinning && (cell.column.getIsPinned() === 'left' || cell.column.id === 'serialNumber' || (cell.column.id === 'select' && enableRowSelection))\r\n const isPinnedRight = enableColumnPinning && cell.column.getIsPinned() === 'right'\r\n const isSerialNumber = cell.column.id === 'serialNumber'\r\n const isCheckbox = cell.column.id === 'select'\r\n const alwaysPinned = isSerialNumber || (isCheckbox && fixedCheckboxColumn)\r\n\r\n return (\r\n <TableCell\r\n key={cell.id}\r\n className={cn(\r\n compact ? \"py-2\" : \"py-4\",\r\n bordered && cellIndex < row.getVisibleCells().length && \"border-r\",\r\n isPinnedLeft && \"sticky left-0 z-10 bg-sidebar/97\",\r\n isPinnedRight && \"sticky right-0 z-10 bg-sidebar/97\",\r\n isSerialNumber && \"sticky left-0 z-10 bg-sidebar/97\",\r\n \"p-1\"\r\n )}\r\n style={{\r\n width: cell.column.getSize() !== 150 ? cell.column.getSize() : \"auto\",\r\n minWidth: cell.column.getSize() !== 150 ? cell.column.getSize() : \"auto\",\r\n ...(isPinnedLeft && {\r\n left: isSerialNumber ? 0 :\r\n isCheckbox ? (showSerialNumbers ? (table.getColumn('serialNumber')?.getSize() || 0) : 0)\r\n : getLeftOffset(cell.column)\r\n }),\r\n ...(isPinnedRight && { right: getRightOffset(cell.column) }),\r\n ...(isSerialNumber && { left: 0 }),\r\n }}\r\n >\r\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n </TableCell>\r\n )\r\n })}\r\n </TableRow>\r\n ))\r\n ) : (\r\n <TableRow>\r\n <TableCell colSpan={columns.length} className=\"h-32 text-center border-0\">\r\n <div className=\"flex flex-col items-center gap-3\">\r\n <div className=\"text-muted-foreground text-5xl\">📋</div>\r\n <p className=\"text-muted-foreground font-medium\">{emptyMessage}</p>\r\n </div>\r\n </TableCell>\r\n </TableRow>\r\n )}\r\n </TableBody>\r\n </TableComponent>\r\n </div>\r\n\r\n {footer && (\r\n <div className=\"sticky bottom-0 bg-sidebar w-full z-20\" style={{\r\n width: '100%',\r\n minWidth: 'fit-content'\r\n }}>\r\n <TableComponent>\r\n <TableFooter>\r\n <TableRow className=\"bg-sidebar\">\r\n <TableCell colSpan={columns.length} className=\"p-2\">\r\n {footer}\r\n </TableCell>\r\n </TableRow>\r\n </TableFooter>\r\n </TableComponent>\r\n </div>\r\n )}\r\n </div>\r\n </CardContent>\r\n </Card>\r\n\r\n {/* Pagination */}\r\n <DataTablePagination table={table} config={pagination} />\r\n\r\n {/* Action Bar */}\r\n {children && children(table)}\r\n </div>\r\n </TooltipProvider >\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 Table({ className, ...props }: React.ComponentProps<\"table\">) {\n return (\n <div\n data-slot=\"table-container\"\n className=\"relative w-full overflow-auto max-h-full\"\n >\n <table\n data-slot=\"table\"\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\"[&_tr]:border-b\", className)}\n {...props}\n />\n )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n \"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n \"p-2 align-middle whitespace-nowrap\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<\"caption\">) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n}\n","import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n \"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-title\"\n className={cn(\"leading-none font-semibold\", className)}\n {...props}\n />\n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn(\"px-6\", className)}\n {...props}\n />\n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardAction,\n CardDescription,\n CardContent,\n}\n","import * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delayDuration={delayDuration}\n {...props}\n />\n )\n}\n\nfunction Tooltip({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return (\n <TooltipProvider>\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n </TooltipProvider>\n )\n}\n\nfunction TooltipTrigger({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n className,\n sideOffset = 0,\n children,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n className={cn(\n \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n className\n )}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n","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\"\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 type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport type { PaginationConfig } from \"./data-table-types.js\"\r\n\r\ninterface DataTablePaginationProps<TData> {\r\n table: Table<TData>\r\n config: PaginationConfig\r\n}\r\n\r\nexport function DataTablePagination<TData>({ table, config }: DataTablePaginationProps<TData>) {\r\n if (!config.enabled) return null\r\n\r\n return (\r\n <div className=\"rounded-xl\">\r\n <div>\r\n <div className=\"flex items-center justify-between\">\r\n <div className=\"flex items-center gap-6 text-sm text-muted-foreground\">\r\n {config.showInfo !== false && (\r\n <span>\r\n Showing {table.getState().pagination.pageIndex * table.getState().pagination.pageSize + 1} to{\" \"}\r\n {Math.min(\r\n (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize,\r\n table.getFilteredRowModel().rows.length,\r\n )}{\" \"}\r\n of {table.getFilteredRowModel().rows.length} entries\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className=\"flex items-center gap-4\">\r\n {config.pageSizeOptions && (\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"text-sm font-medium\">Rows per page:</span>\r\n <Select\r\n value={`${table.getState().pagination.pageSize}`}\r\n onValueChange={(value) => table.setPageSize(Number(value))}\r\n >\r\n <SelectTrigger className=\"h-9 w-[70px] rounded-lg\">\r\n <SelectValue />\r\n </SelectTrigger>\r\n <SelectContent side=\"top\" className=\"rounded-lg\">\r\n {config.pageSizeOptions.map((pageSize) => (\r\n <SelectItem key={pageSize} value={`${pageSize}`}>\r\n {pageSize}\r\n </SelectItem>\r\n ))}\r\n </SelectContent>\r\n </Select>\r\n </div>\r\n )}\r\n\r\n <div className=\"flex items-center gap-2\">\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={() => table.setPageIndex(0)}\r\n disabled={!table.getCanPreviousPage()}\r\n className=\"rounded-lg\"\r\n >\r\n First\r\n </Button>\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={() => table.previousPage()}\r\n disabled={!table.getCanPreviousPage()}\r\n className=\"rounded-lg\"\r\n >\r\n Previous\r\n </Button>\r\n\r\n {config.showPageNumbers && (\r\n <div className=\"flex items-center gap-1\">\r\n {Array.from({ length: Math.min(5, table.getPageCount()) }, (_, i) => {\r\n const pageIndex = table.getState().pagination.pageIndex\r\n const pageNumber = pageIndex - 2 + i + 1\r\n if (pageNumber < 1 || pageNumber > table.getPageCount()) return null\r\n\r\n return (\r\n <Button\r\n key={pageNumber}\r\n variant={pageNumber === pageIndex + 1 ? \"default\" : \"outline\"}\r\n size=\"sm\"\r\n className=\"size-8 p-0 rounded-lg\"\r\n onClick={() => table.setPageIndex(pageNumber - 1)}\r\n >\r\n {pageNumber}\r\n </Button>\r\n )\r\n })}\r\n </div>\r\n )}\r\n\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={() => table.nextPage()}\r\n disabled={!table.getCanNextPage()}\r\n className=\"rounded-lg\"\r\n >\r\n Next\r\n </Button>\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={() => table.setPageIndex(table.getPageCount() - 1)}\r\n disabled={!table.getCanNextPage()}\r\n className=\"rounded-lg\"\r\n >\r\n Last\r\n </Button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n","import * as React from \"react\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst toggleVariants = cva(\n \"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\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline:\n \"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground\",\n },\n size: {\n sm: \"h-7 px-0 min-w-7\",\n default: \"h-8 px-1 min-w-8\",\n lg: \"h-9 px-2 min-w-10\",\n },\n bg: {\n enabled: \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n disabled: \"\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n bg: \"enabled\"\n },\n }\n)\n\nfunction Toggle({\n className,\n variant,\n size,\n noBg,\n ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants> & { noBg?: boolean }) {\n return (\n <TogglePrimitive.Root\n data-slot=\"toggle\"\n className={cn(toggleVariants({ className, variant, size, bg: noBg ? \"disabled\" : \"enabled\" }))}\n {...props}\n />\n )\n}\n\nexport { Toggle, toggleVariants }\n","import * as React from \"react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport { CheckIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Checkbox({\n className,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"flex items-center justify-center text-current transition-none\"\n >\n <CheckIcon className=\"size-3.5\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n}\n\nexport { Checkbox }\n"],"mappings":"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","names":["data_table_exports","__export","DataTable","__toCommonJS","import_react_table","import_lucide_react","import_radix_ui","import_class_variance_authority","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","import_jsx_runtime","Table","className","props","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","import_jsx_runtime","Card","className","props","cn","CardContent","className","props","cn","import_radix_ui","import_jsx_runtime","TooltipProvider","delayDuration","props","TooltipPrimitive","import_lucide_react","import_jsx_runtime","Input","className","type","props","cn","import_radix_ui","import_lucide_react","import_jsx_runtime","Select","props","SelectPrimitive","SelectValue","props","SelectPrimitive","SelectTrigger","className","size","children","cn","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","SelectPrimitive","cn","SelectScrollUpButton","className","props","SelectPrimitive","cn","SelectScrollDownButton","import_radix_ui","import_lucide_react","import_jsx_runtime","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","DropdownMenuLabel","className","inset","props","DropdownMenuPrimitive","cn","DropdownMenuSeparator","import_jsx_runtime","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","cn","Select","value","SelectTrigger","SelectValue","SelectContent","SelectItem","option","Input","event","Button","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuCheckboxItem","DropdownMenuItem","leftColumns","rightColumns","import_jsx_runtime","DataTablePagination","table","config","Select","value","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","_","i","pageIndex","pageNumber","import_radix_ui","import_class_variance_authority","import_jsx_runtime","toggleVariants","Toggle","className","variant","size","noBg","props","TogglePrimitive","cn","import_radix_ui","import_lucide_react","import_jsx_runtime","Checkbox","className","props","CheckboxPrimitive","cn","import_react","import_jsx_runtime","DataTable","data","initialColumns","filters","pagination","settings","header","footer","className","maxHeight","loading","error","emptyMessage","onRowSelectionChange","onExport","onRefresh","onTableReady","children","sorting","setSorting","columnFilters","setColumnFilters","columnVisibility","setColumnVisibility","rowSelection","setRowSelection","globalFilter","setGlobalFilter","columnOrder","setColumnOrder","columnPinning","setColumnPinning","enableSorting","enableFiltering","enableGlobalFilter","enableColumnVisibility","enableRowSelection","stickyHeader","toolbar","showSerialNumbers","fixedCheckboxColumn","striped","hoverable","compact","bordered","fullHeight","enableColumnResizing","enableColumnPinning","hideHeader","columns","cols","processColumns","col","newCol","processedCols","selectColumn","table","Checkbox","value","row","cn","serialColumn","selectedRows","handleClearSorting","handleClearFilters","handlePinColumn","columnId","side","alwaysPinnedLeft","newPinning","id","renderTableHeader","TableHeader","headerGroup","groupIndex","TableRow","index","isGroupHeader","isPinnedLeft","isPinnedRight","canSort","canPin","isSerialNumber","isCheckbox","alwaysPinned","headerAlign","flexJustify","TableHead","getLeftOffset","getRightOffset","DropdownMenu","DropdownMenuTrigger","Toggle","DropdownMenuContent","DropdownMenuLabel","DropdownMenuItem","DropdownMenuSeparator","column","offset","pinnedLeftColumns","alwaysPinnedColumns","pinnedRightIds","columnIndex","i","Card","CardContent","Button","TooltipProvider","DataTableToolbar","Table","TableBody","rowIndex","cell","cellIndex","TableCell","TableFooter","DataTablePagination"]}
1
+ {"version":3,"sources":["../../../../src/components/data/data-table/data-table.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/table.tsx","../../../../src/components/ui/card.tsx","../../../../src/components/ui/tooltip.tsx","../../../../src/components/data/data-table/data-table-toolbar.tsx","../../../../src/components/ui/input.tsx","../../../../src/components/ui/select.tsx","../../../../src/components/ui/dropdown-menu.tsx","../../../../src/components/data/data-table/data-table-pagination.tsx","../../../../src/components/ui/toggle.tsx","../../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import {\r\n type ColumnFiltersState,\r\n type SortingState,\r\n type VisibilityState,\r\n flexRender,\r\n getCoreRowModel,\r\n getFilteredRowModel,\r\n getPaginationRowModel,\r\n getSortedRowModel,\r\n useReactTable,\r\n type RowSelectionState,\r\n type ColumnOrderState,\r\n type ColumnPinningState,\r\n type Table,\r\n type Row,\r\n} from \"@tanstack/react-table\"\r\nimport { Loader2, ChevronUp, ChevronDown, ChevronsUpDown, MoreHorizontal, MoveRightIcon, PinOffIcon } from \"lucide-react\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport {\r\n Table as TableComponent,\r\n TableBody,\r\n TableCell,\r\n TableFooter,\r\n TableHead,\r\n TableHeader,\r\n TableRow,\r\n} from \"../../ui/table.jsx\"\r\nimport { Card, CardContent } from \"../../ui/card.jsx\"\r\nimport { TooltipProvider } from \"../../ui/tooltip.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport { DataTableToolbar } from \"./data-table-toolbar.jsx\"\r\nimport { DataTablePagination } from \"./data-table-pagination.jsx\"\r\nimport type { DataTableProps, GroupColumnDef, TableSettings } from \"./data-table-types.js\"\r\nimport {\r\n DropdownMenu,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuLabel,\r\n DropdownMenuSeparator,\r\n DropdownMenuTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { Toggle } from \"../../ui/toggle.jsx\"\r\nimport { Checkbox } from \"../../ui/checkbox.jsx\"\r\nimport { useCallback, useEffect, useMemo, useState } from \"react\"\r\n\r\nexport function DataTable<T>({\r\n data,\r\n columns: initialColumns,\r\n filters = [],\r\n pagination = { enabled: false },\r\n settings = {},\r\n header,\r\n footer,\r\n className = \"\",\r\n maxHeight = \"600px\",\r\n loading = false,\r\n error,\r\n emptyMessage = \"No data available\",\r\n onRowSelectionChange,\r\n onExport,\r\n onRefresh,\r\n onTableReady,\r\n children,\r\n}: DataTableProps<T>) {\r\n const [sorting, setSorting] = useState<SortingState>([])\r\n const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\r\n const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({})\r\n const [rowSelection, setRowSelection] = useState<RowSelectionState>({})\r\n const [globalFilter, setGlobalFilter] = useState(\"\")\r\n const [columnOrder, setColumnOrder] = useState<ColumnOrderState>([])\r\n const [columnPinning, setColumnPinning] = useState<ColumnPinningState>(\r\n settings.enableColumnPinning ? { left: [], right: [] } : {}\r\n )\r\n\r\n const {\r\n enableSorting = true,\r\n enableFiltering = true,\r\n enableGlobalFilter = true,\r\n enableColumnVisibility = true,\r\n enableRowSelection = true,\r\n stickyHeader = true,\r\n toolbar = false,\r\n showSerialNumbers = true,\r\n fixedCheckboxColumn = true,\r\n striped = true,\r\n hoverable = true,\r\n compact = true,\r\n bordered = true,\r\n fullHeight = false,\r\n enableColumnResizing = false,\r\n enableColumnPinning = true,\r\n hideHeader = false\r\n } = settings as Required<TableSettings>\r\n\r\n const columns = useMemo(() => {\r\n const cols = [...initialColumns] as GroupColumnDef<T>[];\r\n\r\n const processColumns = (columns: GroupColumnDef<T>[]): GroupColumnDef<T>[] => {\r\n return columns.map(col => {\r\n if (col.id === 'select' || col.id === 'serialNumber') {\r\n return col;\r\n }\r\n\r\n const newCol = {\r\n ...col,\r\n enablePinning: true\r\n };\r\n\r\n if (col.columns) {\r\n newCol.columns = processColumns(col.columns);\r\n }\r\n\r\n return newCol;\r\n });\r\n };\r\n\r\n const processedCols = processColumns(cols);\r\n\r\n if (enableRowSelection) {\r\n const selectColumn: GroupColumnDef<T> = {\r\n id: \"select\",\r\n header: ({ table }: { table: Table<T> }) => (\r\n <Checkbox\r\n checked={table.getIsAllPageRowsSelected() || (table.getIsSomePageRowsSelected() && \"indeterminate\")}\r\n onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}\r\n aria-label=\"Select all\"\r\n />\r\n ),\r\n cell: ({ row }: { row: Row<T> }) => (\r\n <div className={cn(\"flex items-center justify-center\")}>\r\n <Checkbox\r\n checked={row.getIsSelected()}\r\n onCheckedChange={(value) => row.toggleSelected(!!value)}\r\n aria-label=\"Select row\"\r\n />\r\n </div>\r\n ),\r\n enableSorting: false,\r\n enableHiding: false,\r\n enablePinning: true,\r\n headerAlign: \"center\",\r\n size: 10,\r\n };\r\n\r\n processedCols.unshift(selectColumn);\r\n }\r\n\r\n if (showSerialNumbers) {\r\n const serialColumn: GroupColumnDef<T> = {\r\n id: \"serialNumber\",\r\n header: \"No.\",\r\n cell: ({ row }: { row: Row<T> }) => (\r\n <div className=\"text-center font-medium text-muted-foreground\">\r\n {row.index + 1}\r\n </div>\r\n ),\r\n enableSorting: true,\r\n enableHiding: false,\r\n enablePinning: true,\r\n size: 60,\r\n headerAlign: \"center\"\r\n };\r\n\r\n processedCols.unshift(serialColumn);\r\n }\r\n\r\n return processedCols;\r\n }, [initialColumns, showSerialNumbers, enableRowSelection, fixedCheckboxColumn]);\r\n\r\n const table = useReactTable({\r\n data,\r\n columns,\r\n onSortingChange: enableSorting ? setSorting : undefined,\r\n onColumnFiltersChange: enableFiltering ? setColumnFilters : undefined,\r\n onGlobalFilterChange: enableGlobalFilter ? setGlobalFilter : undefined,\r\n getCoreRowModel: getCoreRowModel(),\r\n getPaginationRowModel: pagination.enabled ? getPaginationRowModel() : undefined,\r\n getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,\r\n getFilteredRowModel: enableFiltering ? getFilteredRowModel() : undefined,\r\n onColumnVisibilityChange: enableColumnVisibility ? setColumnVisibility : undefined,\r\n onRowSelectionChange: enableRowSelection ? setRowSelection : undefined,\r\n onColumnOrderChange: setColumnOrder,\r\n onColumnPinningChange: enableColumnPinning ? setColumnPinning : undefined,\r\n state: {\r\n sorting: enableSorting ? sorting : undefined,\r\n columnFilters: enableFiltering ? columnFilters : undefined,\r\n columnVisibility: enableColumnVisibility ? columnVisibility : undefined,\r\n rowSelection: enableRowSelection ? rowSelection : {},\r\n globalFilter,\r\n columnOrder,\r\n columnPinning: enableColumnPinning ? columnPinning : {},\r\n },\r\n initialState: {\r\n pagination: pagination.enabled ? { pageSize: pagination.pageSize || 10 } : undefined,\r\n columnPinning: enableColumnPinning ? {\r\n left: [\r\n ...(showSerialNumbers ? ['serialNumber'] : []),\r\n ...(enableRowSelection ? ['select'] : [])\r\n ],\r\n right: []\r\n } : undefined,\r\n },\r\n enableRowSelection: enableRowSelection,\r\n enableColumnResizing: enableColumnResizing,\r\n enableColumnPinning: enableColumnPinning,\r\n columnResizeMode: 'onChange',\r\n })\r\n\r\n useEffect(() => {\r\n if (onTableReady) {\r\n onTableReady(table)\r\n }\r\n }, [table, onTableReady])\r\n\r\n useEffect(() => {\r\n if (enableRowSelection && onRowSelectionChange) {\r\n const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original)\r\n onRowSelectionChange(selectedRows)\r\n }\r\n }, [rowSelection, enableRowSelection, onRowSelectionChange, table])\r\n\r\n const handleClearSorting = useCallback(() => {\r\n setSorting([])\r\n }, [])\r\n\r\n const handleClearFilters = useCallback(() => {\r\n setColumnFilters([])\r\n setGlobalFilter(\"\")\r\n }, [])\r\n\r\n const handlePinColumn = (columnId: string, side: 'left' | 'right' | false) => {\r\n if (!enableColumnPinning) return;\r\n\r\n const alwaysPinnedLeft = [\r\n ...(showSerialNumbers ? ['serialNumber'] : []),\r\n ...(enableRowSelection && fixedCheckboxColumn ? ['select'] : [])\r\n ];\r\n\r\n const newPinning = {\r\n left: [...(columnPinning.left ?? []).filter(id => alwaysPinnedLeft.includes(id))],\r\n right: [...(columnPinning.right ?? [])],\r\n };\r\n\r\n if (side === false) {\r\n newPinning.left = newPinning.left.filter(id => id !== columnId);\r\n newPinning.right = newPinning.right.filter(id => id !== columnId);\r\n }\r\n else if (side === 'right') {\r\n newPinning.left = newPinning.left.filter(id => id !== columnId);\r\n if (!newPinning.right.includes(columnId)) {\r\n newPinning.right.push(columnId);\r\n }\r\n }\r\n else if (side === 'left') {\r\n newPinning.right = newPinning.right.filter(id => id !== columnId);\r\n if (!newPinning.left.includes(columnId) && !alwaysPinnedLeft.includes(columnId)) {\r\n newPinning.left.push(columnId);\r\n }\r\n }\r\n\r\n table.setColumnPinning(newPinning);\r\n }\r\n\r\n const renderTableHeader = () => (\r\n <TableHeader className={cn(\r\n stickyHeader && \"sticky top-0 bg-sidebar z-20\",\r\n )}>\r\n {table.getHeaderGroups().map((headerGroup, groupIndex) => (\r\n <TableRow key={headerGroup.id} className=\"hover:bg-transparent\">\r\n {headerGroup.headers.map((header, index) => {\r\n const isGroupHeader = header.depth === 0 && header.colSpan > 1;\r\n const isPinnedLeft = enableColumnPinning && (\r\n header.column.getIsPinned() === 'left' ||\r\n header.column.id === 'serialNumber' ||\r\n (header.column.id === 'select' && enableRowSelection)\r\n );\r\n const isPinnedRight = enableColumnPinning && header.column.getIsPinned() === 'right';\r\n const canSort = header.column.getCanSort();\r\n const canPin = enableColumnPinning && header.column.columnDef.enablePinning !== false;\r\n const isSerialNumber = header.column.id === 'serialNumber';\r\n const isCheckbox = header.column.id === 'select';\r\n const alwaysPinned = isSerialNumber || (isCheckbox && fixedCheckboxColumn);\r\n const headerAlign = (header.column.columnDef as GroupColumnDef<T>).headerAlign || 'left';\r\n\r\n const flexJustify = {\r\n left: 'justify-start',\r\n center: 'justify-center',\r\n right: 'justify-end'\r\n }[headerAlign];\r\n\r\n return (\r\n <TableHead\r\n key={header.id}\r\n colSpan={header.colSpan}\r\n className={cn(\r\n \"font-semibold text-foreground bg-sidebar group px-0\",\r\n !compact && \"py-2\",\r\n bordered && index < headerGroup.headers.length - 1 && \"border-r\",\r\n \"relative\",\r\n isPinnedLeft && \"sticky left-0 z-15 bg-sidebar\",\r\n isPinnedRight && \"sticky right-0 z-15 bg-sidebar\",\r\n (isSerialNumber || isCheckbox) && \"sticky left-0 z-15 bg-sidebar\",\r\n isGroupHeader ? \"text-center\" : \"text-left\"\r\n )}\r\n style={{\r\n width: header.getSize() !== 150 ? header.getSize() : \"auto\",\r\n minWidth: header.getSize() !== 150 ? header.getSize() : \"auto\",\r\n ...(isPinnedLeft && {\r\n left: isSerialNumber ? 0 :\r\n isCheckbox ? (showSerialNumbers ? (table.getColumn('serialNumber')?.getSize() || 0) : 0)\r\n : getLeftOffset(header.column)\r\n }),\r\n ...(isPinnedRight && { right: getRightOffset(header.column) }),\r\n ...(isSerialNumber && { left: 0 }),\r\n }}\r\n >\r\n {isGroupHeader ? (\r\n <div className=\"flex items-center justify-center\">\r\n {flexRender(header.column.columnDef.header, header.getContext())}\r\n </div>\r\n ) : (\r\n <div className={cn(\"relative flex items-center w-full px-2\", flexJustify)}>\r\n <div className=\"flex items-center gap-1\">\r\n {canSort && headerAlign === 'right' && (\r\n <span className=\"ml-1 order-2\">\r\n {header.column.getIsSorted() && (\r\n {\r\n asc: <ChevronUp className=\"h-4 w-4\" />,\r\n desc: <ChevronDown className=\"h-4 w-4\" />,\r\n }[header.column.getIsSorted() as string]\r\n )}\r\n </span>\r\n )}\r\n {header.isPlaceholder ? null : (\r\n flexRender(header.column.columnDef.header, header.getContext())\r\n )}\r\n {canSort && headerAlign !== 'right' && header.column.getIsSorted() && (\r\n <span className=\"ml-1 order-2\">\r\n {header.column.getIsSorted() && (\r\n {\r\n asc: <ChevronUp className=\"h-4 w-4\" />,\r\n desc: <ChevronDown className=\"h-4 w-4\" />,\r\n }[header.column.getIsSorted() as string]\r\n )}\r\n </span>\r\n )}\r\n </div>\r\n {(canSort || (canPin && !alwaysPinned)) && (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild className={cn(\r\n \"absolute\",\r\n headerAlign === 'left' && \"right-1\",\r\n headerAlign === 'center' && \"right-1\",\r\n headerAlign === 'right' && \"left-1\"\r\n )}>\r\n <Toggle\r\n variant=\"default\"\r\n size=\"sm\"\r\n noBg\r\n tabIndex={-1}\r\n className=\"opacity-0 group-hover:opacity-70 hover:opacity-100 data-[state=open]:opacity-100\"\r\n >\r\n <MoreHorizontal className=\"h-4 w-4\" />\r\n </Toggle>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-48\">\r\n {canSort && (\r\n <>\r\n <DropdownMenuLabel>Sorting</DropdownMenuLabel>\r\n <DropdownMenuItem\r\n onClick={() => header.column.toggleSorting(false)}\r\n >\r\n <ChevronUp className=\"mr-2 h-4 w-4\" />\r\n Sort Ascending\r\n </DropdownMenuItem>\r\n <DropdownMenuItem\r\n onClick={() => header.column.toggleSorting(true)}\r\n >\r\n <ChevronDown className=\"mr-2 h-4 w-4\" />\r\n Sort Descending\r\n </DropdownMenuItem>\r\n <DropdownMenuItem\r\n onClick={() => header.column.clearSorting()}\r\n disabled={!header.column.getIsSorted()}\r\n >\r\n <ChevronsUpDown className=\"mr-2 h-4 w-4\" />\r\n Clear Sort\r\n </DropdownMenuItem>\r\n <DropdownMenuSeparator />\r\n </>\r\n )}\r\n {canPin && !alwaysPinned && (\r\n <>\r\n <DropdownMenuLabel>Pin Column</DropdownMenuLabel>\r\n {/* <DropdownMenuItem\r\n onClick={() => handlePinColumn(header.column.id, 'left')}\r\n disabled={true}\r\n >\r\n <MoveLeftIcon />\r\n Pin Left\r\n </DropdownMenuItem> */}\r\n <DropdownMenuItem\r\n onClick={() => handlePinColumn(header.column.id, 'right')}\r\n disabled={header.column.getIsPinned() === 'right'}\r\n >\r\n <MoveRightIcon />\r\n Pin Right\r\n </DropdownMenuItem>\r\n <DropdownMenuItem\r\n onClick={() => handlePinColumn(header.column.id, false)}\r\n disabled={!header.column.getIsPinned()}\r\n >\r\n <PinOffIcon />\r\n Unpin\r\n </DropdownMenuItem>\r\n </>\r\n )}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n )}\r\n </div>\r\n )}\r\n {/* Column Resizer */}\r\n {enableColumnResizing &&\r\n header.column.getCanResize() &&\r\n !isGroupHeader &&\r\n header.colSpan === 1 && (\r\n <div\r\n 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\"\r\n onMouseDown={header.getResizeHandler()}\r\n />\r\n )}\r\n </TableHead>\r\n );\r\n })}\r\n </TableRow>\r\n ))}\r\n </TableHeader>\r\n );\r\n\r\n const getLeftOffset = (column: any) => {\r\n if (!enableColumnPinning) return undefined;\r\n let offset = 0;\r\n const pinnedLeftColumns = table.getLeftHeaderGroups()[0]?.headers || [];\r\n const alwaysPinnedColumns = [\r\n ...(showSerialNumbers ? ['serialNumber'] : []),\r\n ...(enableRowSelection ? ['select'] : [])\r\n ];\r\n for (const col of pinnedLeftColumns) {\r\n if (col.id === column.id) break;\r\n if (alwaysPinnedColumns.includes(col.id)) {\r\n const column = table.getColumn(col.id);\r\n if (column) {\r\n offset += column.getSize();\r\n }\r\n }\r\n }\r\n return offset;\r\n };\r\n\r\n const getRightOffset = (column: any) => {\r\n if (!enableColumnPinning) return undefined;\r\n const pinnedRightIds = table.getState().columnPinning.right || [];\r\n const columnIndex = pinnedRightIds.indexOf(column.id);\r\n if (columnIndex === -1) return undefined;\r\n\r\n let offset = 0;\r\n for (let i = columnIndex + 1; i < pinnedRightIds.length; i++) {\r\n const col = table.getColumn(pinnedRightIds[i]);\r\n if (col) {\r\n offset += col.getSize();\r\n }\r\n }\r\n\r\n return offset;\r\n }\r\n\r\n if (error) {\r\n return (\r\n <Card className=\"w-full rounded-xl shadow-sm\">\r\n <CardContent className=\"flex items-center justify-center\">\r\n <div className=\"text-center\">\r\n <div className=\"text-red-500 mb-3 text-2xl\">⚠️</div>\r\n <p className=\"text-sm text-muted-foreground mb-4\">{error}</p>\r\n {onRefresh && (\r\n <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} className=\"rounded-lg\">\r\n <Loader2 className=\"mr-2 h-4 w-4\" />\r\n Try Again\r\n </Button>\r\n )}\r\n </div>\r\n </CardContent>\r\n </Card>\r\n )\r\n }\r\n\r\n return (\r\n <TooltipProvider>\r\n <div className={cn(\"w-full space-y-2 flex flex-col h-full\", className)}>\r\n {/* Header Section */}\r\n {header && (\r\n <Card className=\"rounded-2xl py-2 sticky top-0 z-20\">\r\n <CardContent className=\"px-2\">{header}</CardContent>\r\n </Card>\r\n )}\r\n\r\n {/* Toolbar */}\r\n {toolbar && (\r\n <DataTableToolbar\r\n table={table}\r\n filters={filters}\r\n globalFilter={globalFilter}\r\n onGlobalFilterChange={setGlobalFilter}\r\n enableGlobalFilter={enableGlobalFilter}\r\n onExport={onExport}\r\n onRefresh={onRefresh}\r\n loading={loading}\r\n enableColumnVisibility={enableColumnVisibility}\r\n enableColumnPinning={enableColumnPinning}\r\n data={data}\r\n onClearSorting={handleClearSorting}\r\n onClearFilters={handleClearFilters}\r\n />\r\n )}\r\n\r\n {/* Table Container */}\r\n <Card className={cn(\"shadow-sm overflow-auto py-0\", fullHeight && \"flex-1\")}>\r\n <CardContent className=\"p-0 h-full\">\r\n <div className=\"relative flex flex-col h-full justify-between\">\r\n {loading && (\r\n <div className=\"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-xl\">\r\n <div className=\"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm\">\r\n <Loader2 className=\"size-5 animate-spin text-primary\" />\r\n <span className=\"text-sm font-medium text-muted-foreground\">Loading...</span>\r\n </div>\r\n </div>\r\n )}\r\n\r\n <div className=\"relative rounded-t-xl overflow-auto border-b\" >\r\n <TableComponent className=\"border-collapse w-full\">\r\n {/* Header */}\r\n {!hideHeader && renderTableHeader()}\r\n\r\n {/* Body */}\r\n <TableBody>\r\n {table.getRowModel().rows?.length ? (\r\n table.getRowModel().rows.map((row, rowIndex) => (\r\n <TableRow\r\n key={row.id}\r\n data-state={row.getIsSelected() && \"selected\"}\r\n className={cn(\r\n hoverable && \"hover:bg-muted/50\",\r\n striped && rowIndex % 2 === 0 && \"bg-muted/20\",\r\n row.getIsSelected() && \"bg-muted\",\r\n \"border-b last:border-b-0\",\r\n )}\r\n >\r\n {row.getVisibleCells().map((cell, cellIndex) => {\r\n const isPinnedLeft = enableColumnPinning && (cell.column.getIsPinned() === 'left' || cell.column.id === 'serialNumber' || (cell.column.id === 'select' && enableRowSelection))\r\n const isPinnedRight = enableColumnPinning && cell.column.getIsPinned() === 'right'\r\n const isSerialNumber = cell.column.id === 'serialNumber'\r\n const isCheckbox = cell.column.id === 'select'\r\n const alwaysPinned = isSerialNumber || (isCheckbox && fixedCheckboxColumn)\r\n\r\n return (\r\n <TableCell\r\n key={cell.id}\r\n className={cn(\r\n compact ? \"py-2\" : \"py-4\",\r\n bordered && cellIndex < row.getVisibleCells().length && \"border-r\",\r\n isPinnedLeft && \"sticky left-0 z-10 bg-sidebar/97\",\r\n isPinnedRight && \"sticky right-0 z-10 bg-sidebar/97\",\r\n isSerialNumber && \"sticky left-0 z-10 bg-sidebar/97\",\r\n \"p-1\"\r\n )}\r\n style={{\r\n width: cell.column.getSize() !== 150 ? cell.column.getSize() : \"auto\",\r\n minWidth: cell.column.getSize() !== 150 ? cell.column.getSize() : \"auto\",\r\n ...(isPinnedLeft && {\r\n left: isSerialNumber ? 0 :\r\n isCheckbox ? (showSerialNumbers ? (table.getColumn('serialNumber')?.getSize() || 0) : 0)\r\n : getLeftOffset(cell.column)\r\n }),\r\n ...(isPinnedRight && { right: getRightOffset(cell.column) }),\r\n ...(isSerialNumber && { left: 0 }),\r\n }}\r\n >\r\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n </TableCell>\r\n )\r\n })}\r\n </TableRow>\r\n ))\r\n ) : (\r\n <TableRow>\r\n <TableCell colSpan={columns.length} className=\"h-32 text-center border-0\">\r\n <div className=\"flex flex-col items-center gap-3\">\r\n <div className=\"text-muted-foreground text-6xl\">📋</div>\r\n <p className=\"text-muted-foreground font-medium\">{emptyMessage}</p>\r\n </div>\r\n </TableCell>\r\n </TableRow>\r\n )}\r\n </TableBody>\r\n </TableComponent>\r\n </div>\r\n\r\n {footer && (\r\n <div className=\"sticky bottom-0 bg-sidebar w-full z-20\" style={{\r\n width: '100%',\r\n minWidth: 'fit-content'\r\n }}>\r\n <TableComponent>\r\n <TableFooter>\r\n <TableRow className=\"bg-sidebar\">\r\n <TableCell colSpan={columns.length} className=\"p-2\">\r\n {footer}\r\n </TableCell>\r\n </TableRow>\r\n </TableFooter>\r\n </TableComponent>\r\n </div>\r\n )}\r\n </div>\r\n </CardContent>\r\n </Card>\r\n\r\n {/* Pagination */}\r\n <DataTablePagination table={table} config={pagination} />\r\n\r\n {/* Action Bar */}\r\n {children && children(table)}\r\n </div>\r\n </TooltipProvider >\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 Table({ className, ...props }: React.ComponentProps<\"table\">) {\n return (\n <div\n data-slot=\"table-container\"\n className=\"relative w-full overflow-auto max-h-full\"\n >\n <table\n data-slot=\"table\"\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\"[&_tr]:border-b\", className)}\n {...props}\n />\n )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n \"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n \"p-2 align-middle whitespace-nowrap\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<\"caption\">) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n}\n","import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n \"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-title\"\n className={cn(\"leading-none font-semibold\", className)}\n {...props}\n />\n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn(\"px-6\", className)}\n {...props}\n />\n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardAction,\n CardDescription,\n CardContent,\n}\n","import * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delayDuration={delayDuration}\n {...props}\n />\n )\n}\n\nfunction Tooltip({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return (\n <TooltipProvider>\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n </TooltipProvider>\n )\n}\n\nfunction TooltipTrigger({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n className,\n sideOffset = 0,\n children,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n className={cn(\n \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n className\n )}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n","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\"\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 type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport type { PaginationConfig } from \"./data-table-types.js\"\r\n\r\ninterface DataTablePaginationProps<TData> {\r\n table: Table<TData>\r\n config: PaginationConfig\r\n}\r\n\r\nexport function DataTablePagination<TData>({ table, config }: DataTablePaginationProps<TData>) {\r\n if (!config.enabled) return null\r\n\r\n return (\r\n <div className=\"rounded-xl\">\r\n <div>\r\n <div className=\"flex items-center justify-between\">\r\n <div className=\"flex items-center gap-6 text-sm text-muted-foreground\">\r\n {config.showInfo !== false && (\r\n <span>\r\n Showing {table.getState().pagination.pageIndex * table.getState().pagination.pageSize + 1} to{\" \"}\r\n {Math.min(\r\n (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize,\r\n table.getFilteredRowModel().rows.length,\r\n )}{\" \"}\r\n of {table.getFilteredRowModel().rows.length} entries\r\n </span>\r\n )}\r\n </div>\r\n\r\n <div className=\"flex items-center gap-4\">\r\n {config.pageSizeOptions && (\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"text-sm font-medium\">Rows per page:</span>\r\n <Select\r\n value={`${table.getState().pagination.pageSize}`}\r\n onValueChange={(value) => table.setPageSize(Number(value))}\r\n >\r\n <SelectTrigger className=\"h-9 w-[70px] rounded-lg\">\r\n <SelectValue />\r\n </SelectTrigger>\r\n <SelectContent side=\"top\" className=\"rounded-lg\">\r\n {config.pageSizeOptions.map((pageSize) => (\r\n <SelectItem key={pageSize} value={`${pageSize}`}>\r\n {pageSize}\r\n </SelectItem>\r\n ))}\r\n </SelectContent>\r\n </Select>\r\n </div>\r\n )}\r\n\r\n <div className=\"flex items-center gap-2\">\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={() => table.setPageIndex(0)}\r\n disabled={!table.getCanPreviousPage()}\r\n className=\"rounded-lg\"\r\n >\r\n First\r\n </Button>\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={() => table.previousPage()}\r\n disabled={!table.getCanPreviousPage()}\r\n className=\"rounded-lg\"\r\n >\r\n Previous\r\n </Button>\r\n\r\n {config.showPageNumbers && (\r\n <div className=\"flex items-center gap-1\">\r\n {Array.from({ length: Math.min(5, table.getPageCount()) }, (_, i) => {\r\n const pageIndex = table.getState().pagination.pageIndex\r\n const pageNumber = pageIndex - 2 + i + 1\r\n if (pageNumber < 1 || pageNumber > table.getPageCount()) return null\r\n\r\n return (\r\n <Button\r\n key={pageNumber}\r\n variant={pageNumber === pageIndex + 1 ? \"default\" : \"outline\"}\r\n size=\"sm\"\r\n className=\"size-8 p-0 rounded-lg\"\r\n onClick={() => table.setPageIndex(pageNumber - 1)}\r\n >\r\n {pageNumber}\r\n </Button>\r\n )\r\n })}\r\n </div>\r\n )}\r\n\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={() => table.nextPage()}\r\n disabled={!table.getCanNextPage()}\r\n className=\"rounded-lg\"\r\n >\r\n Next\r\n </Button>\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={() => table.setPageIndex(table.getPageCount() - 1)}\r\n disabled={!table.getCanNextPage()}\r\n className=\"rounded-lg\"\r\n >\r\n Last\r\n </Button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n","import * as React from \"react\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst toggleVariants = cva(\n \"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\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline:\n \"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground\",\n },\n size: {\n sm: \"h-7 px-0 min-w-7\",\n default: \"h-8 px-1 min-w-8\",\n lg: \"h-9 px-2 min-w-10\",\n },\n bg: {\n enabled: \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n disabled: \"\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n bg: \"enabled\"\n },\n }\n)\n\nfunction Toggle({\n className,\n variant,\n size,\n noBg,\n ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants> & { noBg?: boolean }) {\n return (\n <TogglePrimitive.Root\n data-slot=\"toggle\"\n className={cn(toggleVariants({ className, variant, size, bg: noBg ? \"disabled\" : \"enabled\" }))}\n {...props}\n />\n )\n}\n\nexport { Toggle, toggleVariants }\n","import * as React from \"react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport { CheckIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Checkbox({\n className,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n \"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\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"flex items-center justify-center text-current transition-none\"\n >\n <CheckIcon className=\"size-3.5\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n}\n\nexport { Checkbox }\n"],"mappings":"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","names":["data_table_exports","__export","DataTable","__toCommonJS","import_react_table","import_lucide_react","import_radix_ui","import_class_variance_authority","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","import_jsx_runtime","Table","className","props","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","import_jsx_runtime","Card","className","props","cn","CardContent","className","props","cn","import_radix_ui","import_jsx_runtime","TooltipProvider","delayDuration","props","TooltipPrimitive","import_lucide_react","import_jsx_runtime","Input","className","type","props","cn","import_radix_ui","import_lucide_react","import_jsx_runtime","Select","props","SelectPrimitive","SelectValue","props","SelectPrimitive","SelectTrigger","className","size","children","cn","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","SelectPrimitive","cn","SelectScrollUpButton","className","props","SelectPrimitive","cn","SelectScrollDownButton","import_radix_ui","import_lucide_react","import_jsx_runtime","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","DropdownMenuLabel","className","inset","props","DropdownMenuPrimitive","cn","DropdownMenuSeparator","import_jsx_runtime","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","cn","Select","value","SelectTrigger","SelectValue","SelectContent","SelectItem","option","Input","event","Button","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuCheckboxItem","DropdownMenuItem","leftColumns","rightColumns","import_jsx_runtime","DataTablePagination","table","config","Select","value","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","_","i","pageIndex","pageNumber","import_radix_ui","import_class_variance_authority","import_jsx_runtime","toggleVariants","Toggle","className","variant","size","noBg","props","TogglePrimitive","cn","import_radix_ui","import_lucide_react","import_jsx_runtime","Checkbox","className","props","CheckboxPrimitive","cn","import_react","import_jsx_runtime","DataTable","data","initialColumns","filters","pagination","settings","header","footer","className","maxHeight","loading","error","emptyMessage","onRowSelectionChange","onExport","onRefresh","onTableReady","children","sorting","setSorting","columnFilters","setColumnFilters","columnVisibility","setColumnVisibility","rowSelection","setRowSelection","globalFilter","setGlobalFilter","columnOrder","setColumnOrder","columnPinning","setColumnPinning","enableSorting","enableFiltering","enableGlobalFilter","enableColumnVisibility","enableRowSelection","stickyHeader","toolbar","showSerialNumbers","fixedCheckboxColumn","striped","hoverable","compact","bordered","fullHeight","enableColumnResizing","enableColumnPinning","hideHeader","columns","cols","processColumns","col","newCol","processedCols","selectColumn","table","Checkbox","value","row","cn","serialColumn","selectedRows","handleClearSorting","handleClearFilters","handlePinColumn","columnId","side","alwaysPinnedLeft","newPinning","id","renderTableHeader","TableHeader","headerGroup","groupIndex","TableRow","index","isGroupHeader","isPinnedLeft","isPinnedRight","canSort","canPin","isSerialNumber","isCheckbox","alwaysPinned","headerAlign","flexJustify","TableHead","getLeftOffset","getRightOffset","DropdownMenu","DropdownMenuTrigger","Toggle","DropdownMenuContent","DropdownMenuLabel","DropdownMenuItem","DropdownMenuSeparator","column","offset","pinnedLeftColumns","alwaysPinnedColumns","pinnedRightIds","columnIndex","i","Card","CardContent","Button","TooltipProvider","DataTableToolbar","Table","TableBody","rowIndex","cell","cellIndex","TableCell","TableFooter","DataTablePagination"]}