@invana/tables 0.0.4

package/dist/index.js

@@ -0,0 +1,537 @@
+import * as React2 from 'react';
+import { useReactTable, getPaginationRowModel, getFilteredRowModel, getSortedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
+import { useSensors, useSensor, MouseSensor, TouchSensor, KeyboardSensor, DndContext, closestCenter } from '@dnd-kit/core';
+import { restrictToHorizontalAxis } from '@dnd-kit/modifiers';
+import { SortableContext, horizontalListSortingStrategy, arrayMove, useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { Button, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuCheckboxItem, cn, Table, TableHeader, TableRow, TableBody, TableCell, TableHead } from '@invana/ui';
+import { ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, Settings2, GripVertical, ArrowUp, ArrowDown, ChevronsUpDown } from 'lucide-react';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input } from '@invana/forms';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/data-table.tsx
+function DataTablePagination({
+  table,
+  pageSizeOptions = [10, 20, 50, 100]
+}) {
+  const { pageIndex, pageSize } = table.getState().pagination;
+  const serverRowCount = table.options.rowCount;
+  const total = typeof serverRowCount === "number" ? serverRowCount : table.getFilteredRowModel().rows.length;
+  const start = total === 0 ? 0 : pageIndex * pageSize + 1;
+  const end = Math.min((pageIndex + 1) * pageSize, total);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 px-2 py-2 text-sm", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: total === 0 ? "No rows" : `Showing ${start}\u2013${end} of ${total}` }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Rows per page" }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: String(pageSize),
+            onValueChange: (v) => table.setPageSize(Number(v)),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-[72px]", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((s) => /* @__PURE__ */ jsx(SelectItem, { value: String(s), children: s }, s)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground tabular-nums", children: [
+        "Page ",
+        pageIndex + 1,
+        " of ",
+        table.getPageCount() || 1
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "h-8 w-8",
+            onClick: () => table.setPageIndex(0),
+            disabled: !table.getCanPreviousPage(),
+            "aria-label": "First page",
+            children: /* @__PURE__ */ jsx(ChevronsLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "h-8 w-8",
+            onClick: () => table.previousPage(),
+            disabled: !table.getCanPreviousPage(),
+            "aria-label": "Previous page",
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "h-8 w-8",
+            onClick: () => table.nextPage(),
+            disabled: !table.getCanNextPage(),
+            "aria-label": "Next page",
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "h-8 w-8",
+            onClick: () => table.setPageIndex(table.getPageCount() - 1),
+            disabled: !table.getCanNextPage(),
+            "aria-label": "Last page",
+            children: /* @__PURE__ */ jsx(ChevronsRight, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function DataTableToolbar({
+  table,
+  enableColumnVisibility = true,
+  enableColumnPinning = false,
+  children
+}) {
+  const toggleableCols = table.getAllLeafColumns().filter((c) => c.getCanHide());
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-2 py-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: enableColumnVisibility && toggleableCols.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "h-8", children: [
+        /* @__PURE__ */ jsx(Settings2, { className: "mr-2 h-4 w-4" }),
+        "Columns"
+      ] }) }),
+      /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-48", children: [
+        /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Toggle columns" }),
+        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+        toggleableCols.map((col) => /* @__PURE__ */ jsx(
+          DropdownMenuCheckboxItem,
+          {
+            className: "capitalize",
+            checked: col.getIsVisible(),
+            onCheckedChange: (v) => col.toggleVisibility(!!v),
+            onSelect: (e) => e.preventDefault(),
+            children: String(col.columnDef.header ?? col.id)
+          },
+          col.id
+        )),
+        enableColumnPinning && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Pinning" }),
+          table.getAllLeafColumns().map((col) => {
+            if (!col.getCanPin()) return null;
+            const pinned = col.getIsPinned();
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex items-center justify-between px-2 py-1 text-sm",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "capitalize truncate", children: String(col.columnDef.header ?? col.id) }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => col.pin(pinned === "left" ? false : "left"),
+                        className: `rounded px-1.5 py-0.5 text-xs ${pinned === "left" ? "bg-primary text-primary-foreground" : "bg-muted hover:bg-muted/70"}`,
+                        children: "L"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => col.pin(pinned === "right" ? false : "right"),
+                        className: `rounded px-1.5 py-0.5 text-xs ${pinned === "right" ? "bg-primary text-primary-foreground" : "bg-muted hover:bg-muted/70"}`,
+                        children: "R"
+                      }
+                    )
+                  ] })
+                ]
+              },
+              col.id
+            );
+          })
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+function EditableCell({
+  ctx,
+  editType = "text",
+  options,
+  align = "left",
+  onCellEdit
+}) {
+  const initial = ctx.getValue();
+  const [editing, setEditing] = React2.useState(false);
+  const [draft, setDraft] = React2.useState(initial);
+  React2.useEffect(() => {
+    if (!editing) setDraft(initial);
+  }, [initial, editing]);
+  const commit = (next) => {
+    setEditing(false);
+    if (next === initial) return;
+    onCellEdit?.({
+      rowIndex: ctx.row.index,
+      columnId: ctx.column.id,
+      value: next,
+      row: ctx.row.original
+    });
+  };
+  const alignClass = align === "right" ? "text-right justify-end" : align === "center" ? "text-center justify-center" : "text-left justify-start";
+  if (!editing) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setEditing(true),
+        className: cn(
+          "group flex w-full items-center rounded-sm px-1.5 py-1 text-sm hover:bg-muted/60 focus:outline-none focus:ring-2 focus:ring-ring",
+          alignClass
+        ),
+        title: "Click to edit",
+        children: /* @__PURE__ */ jsx("span", { className: "truncate", children: initial == null || initial === "" ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground italic", children: "empty" }) : String(initial) })
+      }
+    );
+  }
+  if (editType === "select") {
+    return /* @__PURE__ */ jsxs(
+      Select,
+      {
+        defaultValue: initial == null ? void 0 : String(initial),
+        onValueChange: (v) => commit(v),
+        open: true,
+        onOpenChange: (open) => {
+          if (!open) setEditing(false);
+        },
+        children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: options?.map((o) => /* @__PURE__ */ jsx(SelectItem, { value: o.value, children: o.label }, o.value)) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      autoFocus: true,
+      type: editType === "number" ? "number" : "text",
+      defaultValue: initial == null ? "" : String(initial),
+      onBlur: (e) => {
+        const v = editType === "number" ? Number(e.currentTarget.value) : e.currentTarget.value;
+        commit(v);
+      },
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          e.currentTarget.blur();
+        } else if (e.key === "Escape") {
+          e.preventDefault();
+          setEditing(false);
+        }
+      },
+      className: cn("h-8", alignClass)
+    }
+  );
+}
+function getCommonPinStyles(header) {
+  const isPinned = header.column.getIsPinned();
+  if (!isPinned) return {};
+  return {
+    position: "sticky",
+    left: isPinned === "left" ? header.column.getStart("left") : void 0,
+    right: isPinned === "right" ? header.column.getAfter("right") : void 0,
+    zIndex: 2
+  };
+}
+function DraggableHeader({
+  header,
+  enableReordering,
+  enableResizing,
+  enableSorting
+}) {
+  const column = header.column;
+  const isPinned = column.getIsPinned();
+  const canDrag = enableReordering && !isPinned && column.id !== "__select";
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: column.id, disabled: !canDrag });
+  const sortDir = column.getIsSorted();
+  const canSort = enableSorting && column.getCanSort();
+  const align = column.columnDef.meta?.align ?? "left";
+  const alignClass = align === "right" ? "justify-end text-right" : align === "center" ? "justify-center text-center" : "justify-start text-left";
+  return /* @__PURE__ */ jsxs(
+    TableHead,
+    {
+      ref: setNodeRef,
+      colSpan: header.colSpan,
+      style: {
+        width: header.getSize(),
+        transform: CSS.Translate.toString(transform),
+        transition,
+        opacity: isDragging ? 0.6 : 1,
+        ...getCommonPinStyles(header),
+        ...isPinned ? { backgroundColor: "hsl(var(--background))" } : {}
+      },
+      className: cn(
+        "group relative select-none bg-muted/40",
+        isPinned && "bg-background shadow-[inset_-1px_0_0_0_hsl(var(--border))]"
+      ),
+      ...attributes,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1", alignClass), children: [
+          canDrag && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "cursor-grab text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 active:cursor-grabbing",
+              ...listeners,
+              "aria-label": "Drag column",
+              children: /* @__PURE__ */ jsx(GripVertical, { className: "h-3.5 w-3.5" })
+            }
+          ),
+          canSort ? /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: column.getToggleSortingHandler(),
+              className: "inline-flex items-center gap-1 font-medium hover:text-foreground",
+              children: [
+                flexRender(column.columnDef.header, header.getContext()),
+                sortDir === "asc" ? /* @__PURE__ */ jsx(ArrowUp, { className: "h-3.5 w-3.5" }) : sortDir === "desc" ? /* @__PURE__ */ jsx(ArrowDown, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(ChevronsUpDown, { className: "h-3.5 w-3.5 opacity-50" })
+              ]
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "font-medium", children: flexRender(column.columnDef.header, header.getContext()) })
+        ] }),
+        enableResizing && column.getCanResize() && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onMouseDown: header.getResizeHandler(),
+            onTouchStart: header.getResizeHandler(),
+            className: cn(
+              "absolute right-0 top-0 h-full w-1 cursor-col-resize select-none touch-none bg-transparent hover:bg-border",
+              column.getIsResizing() && "bg-primary"
+            ),
+            "aria-label": "Resize column"
+          }
+        )
+      ]
+    }
+  );
+}
+function DataTable({
+  columns,
+  data,
+  pageSize = 10,
+  pageSizeOptions,
+  enableSorting = true,
+  enablePagination = true,
+  enableColumnVisibility = true,
+  enableColumnReordering = false,
+  enableColumnResizing = false,
+  enableColumnPinning = false,
+  onCellEdit,
+  toolbar,
+  className,
+  emptyState,
+  manualPagination = false,
+  manualSorting = false,
+  pageCount,
+  rowCount,
+  pagination: paginationProp,
+  onPaginationChange,
+  sorting: sortingProp,
+  onSortingChange,
+  loading = false
+}) {
+  const [internalSorting, setInternalSorting] = React2.useState([]);
+  const sorting = sortingProp ?? internalSorting;
+  const setSorting = (updater) => {
+    if (onSortingChange) onSortingChange(updater);
+    if (!sortingProp) setInternalSorting(updater);
+  };
+  const [internalPagination, setInternalPagination] = React2.useState({
+    pageIndex: 0,
+    pageSize
+  });
+  const pagination = paginationProp ?? internalPagination;
+  const setPagination = (updater) => {
+    if (onPaginationChange) onPaginationChange(updater);
+    if (!paginationProp) setInternalPagination(updater);
+  };
+  const [columnFilters, setColumnFilters] = React2.useState([]);
+  const [columnVisibility, setColumnVisibility] = React2.useState({});
+  const [columnPinning, setColumnPinning] = React2.useState({
+    left: [],
+    right: []
+  });
+  const [columnOrder, setColumnOrder] = React2.useState(
+    () => columns.map((c, i) => c.id ?? c.accessorKey ?? String(i))
+  );
+  const wrappedColumns = React2.useMemo(() => {
+    return columns.map((col) => {
+      const meta = col.meta;
+      if (meta?.editable && !col.cell) {
+        return {
+          ...col,
+          cell: (ctx) => /* @__PURE__ */ jsx(
+            EditableCell,
+            {
+              ctx,
+              editType: meta.editType,
+              options: meta.options,
+              align: meta.align,
+              onCellEdit
+            }
+          )
+        };
+      }
+      return col;
+    });
+  }, [columns, onCellEdit]);
+  const table = useReactTable({
+    data,
+    columns: wrappedColumns,
+    state: {
+      sorting,
+      pagination,
+      columnFilters,
+      columnVisibility,
+      columnPinning,
+      columnOrder
+    },
+    onSortingChange: setSorting,
+    onPaginationChange: setPagination,
+    onColumnFiltersChange: setColumnFilters,
+    onColumnVisibilityChange: setColumnVisibility,
+    onColumnPinningChange: setColumnPinning,
+    onColumnOrderChange: setColumnOrder,
+    enableSorting,
+    enableColumnResizing,
+    enableColumnPinning,
+    manualPagination,
+    manualSorting,
+    pageCount: pageCount ?? -1,
+    rowCount,
+    columnResizeMode: "onChange",
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: enableSorting && !manualSorting ? getSortedRowModel() : void 0,
+    getFilteredRowModel: getFilteredRowModel(),
+    getPaginationRowModel: enablePagination && !manualPagination ? getPaginationRowModel() : void 0
+  });
+  const sensors = useSensors(
+    useSensor(MouseSensor, { activationConstraint: { distance: 4 } }),
+    useSensor(TouchSensor, { activationConstraint: { delay: 200, tolerance: 8 } }),
+    useSensor(KeyboardSensor)
+  );
+  const handleDragEnd = (event) => {
+    const { active, over } = event;
+    if (!over || active.id === over.id) return;
+    setColumnOrder((prev) => {
+      const next = prev.length ? prev : table.getAllLeafColumns().map((c) => c.id);
+      const oldIndex = next.indexOf(active.id);
+      const newIndex = next.indexOf(over.id);
+      if (oldIndex < 0 || newIndex < 0) return prev;
+      return arrayMove(next, oldIndex, newIndex);
+    });
+  };
+  const visibleLeafColumnIds = table.getVisibleLeafColumns().map((c) => c.id);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsx(
+      DataTableToolbar,
+      {
+        table,
+        enableColumnVisibility,
+        enableColumnPinning,
+        children: toolbar
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DndContext,
+      {
+        sensors,
+        collisionDetection: closestCenter,
+        modifiers: [restrictToHorizontalAxis],
+        onDragEnd: handleDragEnd,
+        children: /* @__PURE__ */ jsxs("div", { className: "relative overflow-auto rounded-md border", children: [
+          loading && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-start justify-center bg-background/60 pt-12 text-sm text-muted-foreground", children: "Loading\u2026" }),
+          /* @__PURE__ */ jsxs(
+            Table,
+            {
+              style: {
+                width: enableColumnResizing ? table.getTotalSize() : void 0
+              },
+              children: [
+                /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+                  SortableContext,
+                  {
+                    items: visibleLeafColumnIds,
+                    strategy: horizontalListSortingStrategy,
+                    children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
+                      DraggableHeader,
+                      {
+                        header,
+                        enableReordering: enableColumnReordering,
+                        enableResizing: enableColumnResizing,
+                        enableSorting
+                      },
+                      header.id
+                    ))
+                  }
+                ) }, headerGroup.id)) }),
+                /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+                  TableCell,
+                  {
+                    colSpan: table.getAllLeafColumns().length,
+                    className: "h-24 text-center text-muted-foreground",
+                    children: emptyState ?? "No results."
+                  }
+                ) }) : table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, { children: row.getVisibleCells().map((cell) => {
+                  const column = cell.column;
+                  const isPinned = column.getIsPinned();
+                  const align = column.columnDef.meta?.align ?? "left";
+                  return /* @__PURE__ */ jsx(
+                    TableCell,
+                    {
+                      style: {
+                        width: cell.column.getSize(),
+                        ...isPinned ? {
+                          position: "sticky",
+                          left: isPinned === "left" ? column.getStart("left") : void 0,
+                          right: isPinned === "right" ? column.getAfter("right") : void 0,
+                          zIndex: 1,
+                          backgroundColor: "hsl(var(--background))"
+                        } : {}
+                      },
+                      className: cn(
+                        align === "right" && "text-right",
+                        align === "center" && "text-center",
+                        isPinned && "bg-background shadow-[inset_-1px_0_0_0_hsl(var(--border))]"
+                      ),
+                      children: flexRender(cell.column.columnDef.cell, cell.getContext())
+                    },
+                    cell.id
+                  );
+                }) }, row.id)) })
+              ]
+            }
+          )
+        ] })
+      }
+    ),
+    enablePagination && /* @__PURE__ */ jsx(DataTablePagination, { table, pageSizeOptions })
+  ] });
+}
+
+export { DataTable, DataTablePagination, DataTableToolbar, EditableCell };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data-table-pagination.tsx","../src/data-table-toolbar.tsx","../src/editable-cell.tsx","../src/data-table.tsx"],"names":["jsxs","jsx","Button","React","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","cn"],"mappings":"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","file":"index.js","sourcesContent":["import { Button } from '@invana/ui';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@invana/forms';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n} from 'lucide-react';\nimport type { Table } from '@tanstack/react-table';\n\nexport interface DataTablePaginationProps<TData> {\n  table: Table<TData>;\n  pageSizeOptions?: number[];\n}\n\nexport function DataTablePagination<TData>({\n  table,\n  pageSizeOptions = [10, 20, 50, 100],\n}: DataTablePaginationProps<TData>) {\n  const { pageIndex, pageSize } = table.getState().pagination;\n  const serverRowCount = table.options.rowCount;\n  const total =\n    typeof serverRowCount === 'number'\n      ? serverRowCount\n      : table.getFilteredRowModel().rows.length;\n  const start = total === 0 ? 0 : pageIndex * pageSize + 1;\n  const end = Math.min((pageIndex + 1) * pageSize, total);\n\n  return (\n    <div className=\"flex items-center justify-between gap-4 px-2 py-2 text-sm\">\n      <div className=\"text-muted-foreground\">\n        {total === 0 ? 'No rows' : `Showing ${start}–${end} of ${total}`}\n      </div>\n      <div className=\"flex items-center gap-4\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-muted-foreground\">Rows per page</span>\n          <Select\n            value={String(pageSize)}\n            onValueChange={(v) => table.setPageSize(Number(v))}\n          >\n            <SelectTrigger className=\"h-8 w-[72px]\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {pageSizeOptions.map((s) => (\n                <SelectItem key={s} value={String(s)}>\n                  {s}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"text-muted-foreground tabular-nums\">\n          Page {pageIndex + 1} of {table.getPageCount() || 1}\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <Button\n            variant=\"outline\"\n            size=\"icon\"\n            className=\"h-8 w-8\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n            aria-label=\"First page\"\n          >\n            <ChevronsLeft className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"icon\"\n            className=\"h-8 w-8\"\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n            aria-label=\"Previous page\"\n          >\n            <ChevronLeft className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"icon\"\n            className=\"h-8 w-8\"\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n            aria-label=\"Next page\"\n          >\n            <ChevronRight className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"icon\"\n            className=\"h-8 w-8\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n            aria-label=\"Last page\"\n          >\n            <ChevronsRight className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import {\n  Button,\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@invana/ui';\nimport { Settings2 } from 'lucide-react';\nimport type { Table } from '@tanstack/react-table';\n\nexport interface DataTableToolbarProps<TData> {\n  table: Table<TData>;\n  enableColumnVisibility?: boolean;\n  enableColumnPinning?: boolean;\n  children?: React.ReactNode;\n}\n\nexport function DataTableToolbar<TData>({\n  table,\n  enableColumnVisibility = true,\n  enableColumnPinning = false,\n  children,\n}: DataTableToolbarProps<TData>) {\n  const toggleableCols = table\n    .getAllLeafColumns()\n    .filter((c) => c.getCanHide());\n\n  return (\n    <div className=\"flex items-center justify-between gap-2 px-2 py-2\">\n      <div className=\"flex items-center gap-2\">{children}</div>\n      <div className=\"flex items-center gap-2\">\n        {enableColumnVisibility && toggleableCols.length > 0 && (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"outline\" size=\"sm\" className=\"h-8\">\n                <Settings2 className=\"mr-2 h-4 w-4\" />\n                Columns\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\" className=\"w-48\">\n              <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n              <DropdownMenuSeparator />\n              {toggleableCols.map((col) => (\n                <DropdownMenuCheckboxItem\n                  key={col.id}\n                  className=\"capitalize\"\n                  checked={col.getIsVisible()}\n                  onCheckedChange={(v) => col.toggleVisibility(!!v)}\n                  onSelect={(e) => e.preventDefault()}\n                >\n                  {String(col.columnDef.header ?? col.id)}\n                </DropdownMenuCheckboxItem>\n              ))}\n              {enableColumnPinning && (\n                <>\n                  <DropdownMenuSeparator />\n                  <DropdownMenuLabel>Pinning</DropdownMenuLabel>\n                  {table.getAllLeafColumns().map((col) => {\n                    if (!col.getCanPin()) return null;\n                    const pinned = col.getIsPinned();\n                    return (\n                      <div\n                        key={col.id}\n                        className=\"flex items-center justify-between px-2 py-1 text-sm\"\n                      >\n                        <span className=\"capitalize truncate\">\n                          {String(col.columnDef.header ?? col.id)}\n                        </span>\n                        <div className=\"flex items-center gap-1\">\n                          <button\n                            type=\"button\"\n                            onClick={() =>\n                              col.pin(pinned === 'left' ? false : 'left')\n                            }\n                            className={`rounded px-1.5 py-0.5 text-xs ${\n                              pinned === 'left'\n                                ? 'bg-primary text-primary-foreground'\n                                : 'bg-muted hover:bg-muted/70'\n                            }`}\n                          >\n                            L\n                          </button>\n                          <button\n                            type=\"button\"\n                            onClick={() =>\n                              col.pin(pinned === 'right' ? false : 'right')\n                            }\n                            className={`rounded px-1.5 py-0.5 text-xs ${\n                              pinned === 'right'\n                                ? 'bg-primary text-primary-foreground'\n                                : 'bg-muted hover:bg-muted/70'\n                            }`}\n                          >\n                            R\n                          </button>\n                        </div>\n                      </div>\n                    );\n                  })}\n                </>\n              )}\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n      </div>\n    </div>\n  );\n}\n","import * as React from 'react';\nimport { cn } from '@invana/ui';\nimport {\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@invana/forms';\nimport type { CellContext } from '@tanstack/react-table';\nimport type { CellEditHandler, EditOption, EditType } from './types';\n\nexport interface EditableCellProps<TData> {\n  ctx: CellContext<TData, unknown>;\n  editType?: EditType;\n  options?: EditOption[];\n  align?: 'left' | 'center' | 'right';\n  onCellEdit?: CellEditHandler<TData>;\n}\n\nexport function EditableCell<TData>({\n  ctx,\n  editType = 'text',\n  options,\n  align = 'left',\n  onCellEdit,\n}: EditableCellProps<TData>) {\n  const initial = ctx.getValue();\n  const [editing, setEditing] = React.useState(false);\n  const [draft, setDraft] = React.useState<unknown>(initial);\n\n  React.useEffect(() => {\n    if (!editing) setDraft(initial);\n  }, [initial, editing]);\n\n  const commit = (next: unknown) => {\n    setEditing(false);\n    if (next === initial) return;\n    onCellEdit?.({\n      rowIndex: ctx.row.index,\n      columnId: ctx.column.id,\n      value: next,\n      row: ctx.row.original,\n    });\n  };\n\n  const alignClass =\n    align === 'right'\n      ? 'text-right justify-end'\n      : align === 'center'\n        ? 'text-center justify-center'\n        : 'text-left justify-start';\n\n  if (!editing) {\n    return (\n      <button\n        type=\"button\"\n        onClick={() => setEditing(true)}\n        className={cn(\n          'group flex w-full items-center rounded-sm px-1.5 py-1 text-sm hover:bg-muted/60 focus:outline-none focus:ring-2 focus:ring-ring',\n          alignClass,\n        )}\n        title=\"Click to edit\"\n      >\n        <span className=\"truncate\">\n          {initial == null || initial === '' ? (\n            <span className=\"text-muted-foreground italic\">empty</span>\n          ) : (\n            String(initial)\n          )}\n        </span>\n      </button>\n    );\n  }\n\n  if (editType === 'select') {\n    return (\n      <Select\n        defaultValue={initial == null ? undefined : String(initial)}\n        onValueChange={(v) => commit(v)}\n        open\n        onOpenChange={(open) => {\n          if (!open) setEditing(false);\n        }}\n      >\n        <SelectTrigger className=\"h-8\">\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent>\n          {options?.map((o) => (\n            <SelectItem key={o.value} value={o.value}>\n              {o.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    );\n  }\n\n  return (\n    <Input\n      autoFocus\n      type={editType === 'number' ? 'number' : 'text'}\n      defaultValue={initial == null ? '' : String(initial)}\n      onBlur={(e) => {\n        const v =\n          editType === 'number' ? Number(e.currentTarget.value) : e.currentTarget.value;\n        commit(v);\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.preventDefault();\n          (e.currentTarget as HTMLInputElement).blur();\n        } else if (e.key === 'Escape') {\n          e.preventDefault();\n          setEditing(false);\n        }\n      }}\n      className={cn('h-8', alignClass)}\n    />\n  );\n}\n","import * as React from 'react';\nimport {\n  flexRender,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n  type ColumnDef,\n  type ColumnFiltersState,\n  type ColumnOrderState,\n  type ColumnPinningState,\n  type Header,\n  type OnChangeFn,\n  type PaginationState,\n  type RowData,\n  type SortingState,\n  type VisibilityState,\n} from '@tanstack/react-table';\nimport {\n  DndContext,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  closestCenter,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n} from '@dnd-kit/core';\nimport { restrictToHorizontalAxis } from '@dnd-kit/modifiers';\nimport {\n  SortableContext,\n  arrayMove,\n  horizontalListSortingStrategy,\n  useSortable,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n  cn,\n} from '@invana/ui';\nimport { ArrowDown, ArrowUp, ChevronsUpDown, GripVertical } from 'lucide-react';\nimport { DataTablePagination } from './data-table-pagination';\nimport { DataTableToolbar } from './data-table-toolbar';\nimport { EditableCell } from './editable-cell';\nimport type { CellEditHandler } from './types';\n\nexport interface DataTableProps<TData extends RowData> {\n  columns: ColumnDef<TData, any>[];\n  data: TData[];\n  pageSize?: number;\n  pageSizeOptions?: number[];\n  enableSorting?: boolean;\n  enablePagination?: boolean;\n  enableColumnVisibility?: boolean;\n  enableColumnReordering?: boolean;\n  enableColumnResizing?: boolean;\n  enableColumnPinning?: boolean;\n  onCellEdit?: CellEditHandler<TData>;\n  toolbar?: React.ReactNode;\n  className?: string;\n  emptyState?: React.ReactNode;\n  /** Server-side mode: skip client pagination — `data` is already the current page. Requires `pageCount` (or `rowCount`). */\n  manualPagination?: boolean;\n  /** Server-side mode: skip client sorting — caller refetches when `sorting` changes. */\n  manualSorting?: boolean;\n  /** Total pages on server (for manualPagination). */\n  pageCount?: number;\n  /** Total rows on server (drives \"Showing X–Y of Z\" in manual mode). */\n  rowCount?: number;\n  /** Controlled pagination state. */\n  pagination?: PaginationState;\n  onPaginationChange?: OnChangeFn<PaginationState>;\n  /** Controlled sorting state. */\n  sorting?: SortingState;\n  onSortingChange?: OnChangeFn<SortingState>;\n  /** Show a loading overlay over the table body. */\n  loading?: boolean;\n}\n\nfunction getCommonPinStyles<TData>(header: Header<TData, unknown>): React.CSSProperties {\n  const isPinned = header.column.getIsPinned();\n  if (!isPinned) return {};\n  return {\n    position: 'sticky',\n    left: isPinned === 'left' ? header.column.getStart('left') : undefined,\n    right: isPinned === 'right' ? header.column.getAfter('right') : undefined,\n    zIndex: 2,\n  };\n}\n\ninterface DraggableHeaderProps<TData> {\n  header: Header<TData, unknown>;\n  enableReordering: boolean;\n  enableResizing: boolean;\n  enableSorting: boolean;\n}\n\nfunction DraggableHeader<TData>({\n  header,\n  enableReordering,\n  enableResizing,\n  enableSorting,\n}: DraggableHeaderProps<TData>) {\n  const column = header.column;\n  const isPinned = column.getIsPinned();\n  const canDrag = enableReordering && !isPinned && column.id !== '__select';\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } =\n    useSortable({ id: column.id, disabled: !canDrag });\n\n  const sortDir = column.getIsSorted();\n  const canSort = enableSorting && column.getCanSort();\n  const align = column.columnDef.meta?.align ?? 'left';\n  const alignClass =\n    align === 'right' ? 'justify-end text-right' : align === 'center' ? 'justify-center text-center' : 'justify-start text-left';\n\n  return (\n    <TableHead\n      ref={setNodeRef}\n      colSpan={header.colSpan}\n      style={{\n        width: header.getSize(),\n        transform: CSS.Translate.toString(transform),\n        transition,\n        opacity: isDragging ? 0.6 : 1,\n        ...getCommonPinStyles(header),\n        ...(isPinned ? { backgroundColor: 'hsl(var(--background))' } : {}),\n      }}\n      className={cn(\n        'group relative select-none bg-muted/40',\n        isPinned && 'bg-background shadow-[inset_-1px_0_0_0_hsl(var(--border))]',\n      )}\n      {...attributes}\n    >\n      <div className={cn('flex items-center gap-1', alignClass)}>\n        {canDrag && (\n          <button\n            type=\"button\"\n            className=\"cursor-grab text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 active:cursor-grabbing\"\n            {...listeners}\n            aria-label=\"Drag column\"\n          >\n            <GripVertical className=\"h-3.5 w-3.5\" />\n          </button>\n        )}\n        {canSort ? (\n          <button\n            type=\"button\"\n            onClick={column.getToggleSortingHandler()}\n            className=\"inline-flex items-center gap-1 font-medium hover:text-foreground\"\n          >\n            {flexRender(column.columnDef.header, header.getContext())}\n            {sortDir === 'asc' ? (\n              <ArrowUp className=\"h-3.5 w-3.5\" />\n            ) : sortDir === 'desc' ? (\n              <ArrowDown className=\"h-3.5 w-3.5\" />\n            ) : (\n              <ChevronsUpDown className=\"h-3.5 w-3.5 opacity-50\" />\n            )}\n          </button>\n        ) : (\n          <span className=\"font-medium\">\n            {flexRender(column.columnDef.header, header.getContext())}\n          </span>\n        )}\n      </div>\n      {enableResizing && column.getCanResize() && (\n        <button\n          type=\"button\"\n          onMouseDown={header.getResizeHandler()}\n          onTouchStart={header.getResizeHandler()}\n          className={cn(\n            'absolute right-0 top-0 h-full w-1 cursor-col-resize select-none touch-none bg-transparent hover:bg-border',\n            column.getIsResizing() && 'bg-primary',\n          )}\n          aria-label=\"Resize column\"\n        />\n      )}\n    </TableHead>\n  );\n}\n\nexport function DataTable<TData extends RowData>({\n  columns,\n  data,\n  pageSize = 10,\n  pageSizeOptions,\n  enableSorting = true,\n  enablePagination = true,\n  enableColumnVisibility = true,\n  enableColumnReordering = false,\n  enableColumnResizing = false,\n  enableColumnPinning = false,\n  onCellEdit,\n  toolbar,\n  className,\n  emptyState,\n  manualPagination = false,\n  manualSorting = false,\n  pageCount,\n  rowCount,\n  pagination: paginationProp,\n  onPaginationChange,\n  sorting: sortingProp,\n  onSortingChange,\n  loading = false,\n}: DataTableProps<TData>) {\n  const [internalSorting, setInternalSorting] = React.useState<SortingState>([]);\n  const sorting = sortingProp ?? internalSorting;\n  const setSorting: OnChangeFn<SortingState> = (updater) => {\n    if (onSortingChange) onSortingChange(updater);\n    if (!sortingProp) setInternalSorting(updater);\n  };\n\n  const [internalPagination, setInternalPagination] = React.useState<PaginationState>({\n    pageIndex: 0,\n    pageSize,\n  });\n  const pagination = paginationProp ?? internalPagination;\n  const setPagination: OnChangeFn<PaginationState> = (updater) => {\n    if (onPaginationChange) onPaginationChange(updater);\n    if (!paginationProp) setInternalPagination(updater);\n  };\n\n  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>([]);\n  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({});\n  const [columnPinning, setColumnPinning] = React.useState<ColumnPinningState>({\n    left: [],\n    right: [],\n  });\n  const [columnOrder, setColumnOrder] = React.useState<ColumnOrderState>(() =>\n    columns.map((c, i) => (c as any).id ?? (c as any).accessorKey ?? String(i)),\n  );\n\n  const wrappedColumns = React.useMemo<ColumnDef<TData, any>[]>(() => {\n    return columns.map((col) => {\n      const meta = col.meta;\n      if (meta?.editable && !col.cell) {\n        return {\n          ...col,\n          cell: (ctx) => (\n            <EditableCell\n              ctx={ctx}\n              editType={meta.editType}\n              options={meta.options}\n              align={meta.align}\n              onCellEdit={onCellEdit}\n            />\n          ),\n        };\n      }\n      return col;\n    });\n  }, [columns, onCellEdit]);\n\n  const table = useReactTable({\n    data,\n    columns: wrappedColumns,\n    state: {\n      sorting,\n      pagination,\n      columnFilters,\n      columnVisibility,\n      columnPinning,\n      columnOrder,\n    },\n    onSortingChange: setSorting,\n    onPaginationChange: setPagination,\n    onColumnFiltersChange: setColumnFilters,\n    onColumnVisibilityChange: setColumnVisibility,\n    onColumnPinningChange: setColumnPinning,\n    onColumnOrderChange: setColumnOrder,\n    enableSorting,\n    enableColumnResizing,\n    enableColumnPinning,\n    manualPagination,\n    manualSorting,\n    pageCount: pageCount ?? -1,\n    rowCount,\n    columnResizeMode: 'onChange',\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: enableSorting && !manualSorting ? getSortedRowModel() : undefined,\n    getFilteredRowModel: getFilteredRowModel(),\n    getPaginationRowModel:\n      enablePagination && !manualPagination ? getPaginationRowModel() : undefined,\n  });\n\n  const sensors = useSensors(\n    useSensor(MouseSensor, { activationConstraint: { distance: 4 } }),\n    useSensor(TouchSensor, { activationConstraint: { delay: 200, tolerance: 8 } }),\n    useSensor(KeyboardSensor),\n  );\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event;\n    if (!over || active.id === over.id) return;\n    setColumnOrder((prev) => {\n      const next = prev.length ? prev : table.getAllLeafColumns().map((c) => c.id);\n      const oldIndex = next.indexOf(active.id as string);\n      const newIndex = next.indexOf(over.id as string);\n      if (oldIndex < 0 || newIndex < 0) return prev;\n      return arrayMove(next, oldIndex, newIndex);\n    });\n  };\n\n  const visibleLeafColumnIds = table.getVisibleLeafColumns().map((c) => c.id);\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      <DataTableToolbar\n        table={table}\n        enableColumnVisibility={enableColumnVisibility}\n        enableColumnPinning={enableColumnPinning}\n      >\n        {toolbar}\n      </DataTableToolbar>\n\n      <DndContext\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        modifiers={[restrictToHorizontalAxis]}\n        onDragEnd={handleDragEnd}\n      >\n        <div className=\"relative overflow-auto rounded-md border\">\n          {loading && (\n            <div className=\"pointer-events-none absolute inset-0 z-10 flex items-start justify-center bg-background/60 pt-12 text-sm text-muted-foreground\">\n              Loading…\n            </div>\n          )}\n          <Table\n            style={{\n              width: enableColumnResizing ? table.getTotalSize() : undefined,\n            }}\n          >\n            <TableHeader>\n              {table.getHeaderGroups().map((headerGroup) => (\n                <TableRow key={headerGroup.id}>\n                  <SortableContext\n                    items={visibleLeafColumnIds}\n                    strategy={horizontalListSortingStrategy}\n                  >\n                    {headerGroup.headers.map((header) => (\n                      <DraggableHeader\n                        key={header.id}\n                        header={header}\n                        enableReordering={enableColumnReordering}\n                        enableResizing={enableColumnResizing}\n                        enableSorting={enableSorting}\n                      />\n                    ))}\n                  </SortableContext>\n                </TableRow>\n              ))}\n            </TableHeader>\n            <TableBody>\n              {table.getRowModel().rows.length === 0 ? (\n                <TableRow>\n                  <TableCell\n                    colSpan={table.getAllLeafColumns().length}\n                    className=\"h-24 text-center text-muted-foreground\"\n                  >\n                    {emptyState ?? 'No results.'}\n                  </TableCell>\n                </TableRow>\n              ) : (\n                table.getRowModel().rows.map((row) => (\n                  <TableRow key={row.id}>\n                    {row.getVisibleCells().map((cell) => {\n                      const column = cell.column;\n                      const isPinned = column.getIsPinned();\n                      const align = column.columnDef.meta?.align ?? 'left';\n                      return (\n                        <TableCell\n                          key={cell.id}\n                          style={{\n                            width: cell.column.getSize(),\n                            ...(isPinned\n                              ? {\n                                  position: 'sticky',\n                                  left:\n                                    isPinned === 'left'\n                                      ? column.getStart('left')\n                                      : undefined,\n                                  right:\n                                    isPinned === 'right'\n                                      ? column.getAfter('right')\n                                      : undefined,\n                                  zIndex: 1,\n                                  backgroundColor: 'hsl(var(--background))',\n                                }\n                              : {}),\n                          }}\n                          className={cn(\n                            align === 'right' && 'text-right',\n                            align === 'center' && 'text-center',\n                            isPinned &&\n                              'bg-background shadow-[inset_-1px_0_0_0_hsl(var(--border))]',\n                          )}\n                        >\n                          {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                        </TableCell>\n                      );\n                    })}\n                  </TableRow>\n                ))\n              )}\n            </TableBody>\n          </Table>\n        </div>\n      </DndContext>\n\n      {enablePagination && (\n        <DataTablePagination table={table} pageSizeOptions={pageSizeOptions} />\n      )}\n    </div>\n  );\n}\n"]}