@fabio.caffarello/react-design-system 3.13.0 → 4.0.0

package/dist/granular/ui/components/Table/TableProvider.js

@@ -12,16 +12,16 @@ var at = (i, r, e) => r in i ? Zt(i, r, { enumerable: !0, configurable: !0, writ
   return i;
 }, Vt = (i, r) => $t(i, bt(r));
 import { jsx as gt } from "react/jsx-runtime";
-import { useMemo as f, useState as a, useCallback as o } from "react";
+import { useMemo as f, useState as D, useCallback as o } from "react";
 import { TableContextProvider as xt } from "./TableContext.js";
-function Ct({
+function Pt({
   columns: i,
   data: r,
   loading: e = !1,
   paginationMode: Q,
   page: y,
   pageSize: U,
-  total: D,
+  total: V,
   onPageChange: l,
   onPageSizeChange: S,
   defaultPageSize: mt = 10,
@@ -31,38 +31,38 @@ function Ct({
   onSort: d,
   defaultSortColumn: Wt,
   defaultSortDirection: kt = "asc",
-  filters: V,
+  filters: m,
   filterValues: g,
-  onFilter: m,
+  onFilter: I,
   initialFilterValues: Lt = {},
-  selectable: I = !1,
+  selectable: W = !1,
   selectedRows: x,
-  onSelectionChange: W,
+  onSelectionChange: k,
   rowId: _,
   actions: R,
   emptyMessage: F = "No data available",
   emptyStateTitle: T,
-  emptyStateMessage: h,
-  emptyStateIllustration: w,
-  emptyStateAction: C,
-  onRowClick: P,
-  resizable: z = !1,
+  emptyStateMessage: w,
+  emptyStateIllustration: h,
+  emptyStateAction: P,
+  onRowClick: z,
+  resizable: C = !1,
   columnWidths: tt,
-  onColumnResize: k,
+  onColumnResize: L,
   virtualScrolling: st,
   virtualScrollingOptions: rt,
-  children: jt
+  children: Ot
 }) {
-  const L = f(() => Q || (D !== void 0 && l ? "server" : "client"), [Q, D, l]), X = y !== void 0, [At, Nt] = a(1), [Ot, St] = a(mt), q = X ? y : At, v = U != null ? U : Ot, B = f(() => L === "server" ? D != null ? D : 0 : r.length, [L, D, r.length]), nt = f(() => Math.ceil(B / v), [B, v]), j = K !== void 0, [_t, qt] = a(
+  const O = f(() => Q || (V !== void 0 && l ? "server" : "client"), [Q, V, l]), X = y !== void 0, [jt, At] = D(1), [Nt, St] = D(mt), q = X ? y : jt, p = U != null ? U : Nt, B = f(() => O === "server" ? V != null ? V : 0 : r.length, [O, V, r.length]), nt = f(() => Math.ceil(B / p), [B, p]), j = K !== void 0, [_t, qt] = D(
     Wt || ""
-  ), [Bt, Et] = a(kt), A = j ? K : _t, E = j ? It || "asc" : Bt, Y = g !== void 0, [Gt, Ht] = a(Lt), G = Y ? g : Gt, Z = x !== void 0, [Jt, Mt] = a(
+  ), [Bt, Et] = D(kt), A = j ? K : _t, E = j ? It || "asc" : Bt, Y = g !== void 0, [Gt, Ht] = D(Lt), G = Y ? g : Gt, Z = x !== void 0, [Jt, Mt] = D(
     []
-  ), c = Z ? x : Jt, H = f(() => !V || V.length === 0 ? r : r.filter((t) => V.every((s) => {
+  ), u = Z ? x : Jt, H = f(() => !m || m.length === 0 ? r : r.filter((t) => m.every((s) => {
     const n = G[s.key];
     if (!n || n === "") return !0;
     const M = t[s.key];
     return s.type === "text" ? String(M || "").toLowerCase().includes(String(n).toLowerCase()) : String(M) === String(n);
-  })), [r, V, G]), $ = f(() => {
+  })), [r, m, G]), $ = f(() => {
     if (j && d || !A) return H;
     const t = [...H];
     return t.sort((s, n) => {
@@ -71,34 +71,36 @@ function Ct({
       );
       return E === "asc" ? vt : -vt;
     }), t;
-  }, [H, A, E, d, j]), u = f(() => {
-    if (L === "server")
+  }, [H, A, E, d, j]), c = f(() => {
+    if (O === "server")
       return $;
-    const t = (q - 1) * v, s = t + v;
+    const t = (q - 1) * p, s = t + p;
     return $.slice(t, s);
-  }, [$, L, q, v]), N = o(
+  }, [$, O, q, p]), v = o(
     (t, s) => {
       var n;
       return _ ? _(t) : ((n = t == null ? void 0 : t.id) == null ? void 0 : n.toString()) || s.toString();
     },
     [_]
-  ), J = f(() => !I || u.length === 0 ? !1 : u.every((t, s) => {
-    const n = N(t, s);
-    return c.includes(n);
-  }), [I, u, c, N]), et = f(() => {
-    if (!I) return !1;
-    const t = c.length;
-    return t > 0 && t < u.length;
-  }, [I, c.length, u.length]), O = o(
+  ), J = f(() => !W || c.length === 0 ? !1 : c.every((t, s) => {
+    const n = v(t, s);
+    return u.includes(n);
+  }), [W, c, u, v]), et = f(() => {
+    if (!W || c.length === 0) return !1;
+    const t = c.filter(
+      (s, n) => u.includes(v(s, n))
+    ).length;
+    return t > 0 && t < c.length;
+  }, [W, c, u, v]), N = o(
     (t) => {
-      X ? l == null || l(t) : Nt(t);
+      X ? l == null || l(t) : At(t);
     },
     [X, l]
   ), it = o(
     (t) => {
-      S ? S(t) : St(t), O(1);
+      S ? S(t) : St(t), N(1);
     },
-    [S, O]
+    [S, N]
   ), ct = o(
     (t, s) => {
       j ? d == null || d(t, s) : (qt(t), Et(s));
@@ -106,43 +108,43 @@ function Ct({
     [j, d]
   ), ut = o(
     (t) => {
-      Y ? m == null || m(t) : Ht(t), O(1);
+      Y ? I == null || I(t) : Ht(t), N(1);
     },
-    [Y, m, O]
-  ), p = o(
+    [Y, I, N]
+  ), a = o(
     (t) => {
-      Z ? W == null || W(t) : Mt(t);
+      Z ? k == null || k(t) : Mt(t);
     },
-    [Z, W]
+    [Z, k]
   ), ft = o(
     (t) => {
-      const s = c.includes(t) ? c.filter((n) => n !== t) : [...c, t];
-      p(s);
+      const s = u.includes(t) ? u.filter((n) => n !== t) : [...u, t];
+      a(s);
     },
-    [c, p]
+    [u, a]
   ), ot = o(() => {
     if (J)
-      p([]);
+      a([]);
     else {
-      const t = u.map((s, n) => N(s, n));
-      p(t);
+      const t = c.map((s, n) => v(s, n));
+      a(t);
     }
-  }, [J, u, N, p]), [Qt, Ut] = a({}), b = tt !== void 0, lt = b ? tt : Qt, dt = o(
+  }, [J, c, v, a]), [Qt, Ut] = D({}), b = tt !== void 0, lt = b ? tt : Qt, dt = o(
     (t, s) => {
-      b ? k == null || k(t, s) : Ut((n) => Vt(Dt({}, n), {
+      b ? L == null || L(t, s) : Ut((n) => Vt(Dt({}, n), {
         [t]: s
       }));
     },
-    [b, k]
+    [b, L]
   ), Xt = f(
     () => ({
       columns: i,
       data: r,
-      paginatedData: u,
+      paginatedData: c,
       loading: e,
       paginationState: {
         page: q,
-        pageSize: v,
+        pageSize: p,
         total: B,
         totalPages: nt
       },
@@ -152,93 +154,93 @@ function Ct({
       },
       filterState: {
         values: G,
-        config: V || []
+        config: m || []
       },
       selectionState: {
-        selectedRows: c,
+        selectedRows: u,
         isAllSelected: J,
         isIndeterminate: et
       },
-      paginationMode: L,
-      selectable: I,
+      paginationMode: O,
+      selectable: W,
       rowId: _,
       actions: R,
-      resizable: z,
+      resizable: C,
       columnWidths: lt,
       virtualScrolling: st,
       virtualScrollingOptions: rt,
       emptyMessage: F,
       emptyStateTitle: T,
-      emptyStateMessage: h,
-      emptyStateIllustration: w,
-      emptyStateAction: C,
-      setPage: O,
+      emptyStateMessage: w,
+      emptyStateIllustration: h,
+      emptyStateAction: P,
+      setPage: N,
       setPageSize: it,
       setSorting: ct,
       setFilters: ut,
-      setSelection: p,
+      setSelection: a,
       toggleRowSelection: ft,
       toggleSelectAll: ot,
-      getRowId: N,
+      getRowId: v,
       setColumnWidth: dt,
       onPageChange: l,
       onPageSizeChange: S,
       onSort: d,
-      onFilter: m,
-      onSelectionChange: W,
-      onRowClick: P,
-      onColumnResize: k
+      onFilter: I,
+      onSelectionChange: k,
+      onRowClick: z,
+      onColumnResize: L
     }),
     [
       i,
       r,
-      u,
+      c,
       e,
       q,
-      v,
+      p,
       B,
       nt,
       A,
       E,
       G,
-      V,
-      c,
+      m,
+      u,
       J,
       et,
-      L,
-      I,
+      O,
+      W,
       _,
       R,
       F,
       T,
-      h,
       w,
-      C,
-      O,
+      h,
+      P,
+      N,
       it,
       ct,
       ut,
-      p,
+      a,
       ft,
       ot,
-      N,
+      v,
       dt,
       l,
       S,
       d,
-      m,
-      W,
-      P,
+      I,
       k,
       z,
+      L,
+      C,
       lt,
       st,
       rt
     ]
   );
-  return /* @__PURE__ */ gt(xt, { value: Xt, children: jt });
+  return /* @__PURE__ */ gt(xt, { value: Xt, children: Ot });
 }
 export {
-  Ct as TableProvider
+  Pt as TableProvider
 };
 //# sourceMappingURL=TableProvider.js.map

package/dist/granular/ui/components/Table/TableProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableProvider.js","sources":["../../../../../src/ui/components/Table/TableProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useMemo, useCallback } from \"react\";\nimport type { ReactNode } from \"react\";\nimport {\n  TableContextProvider,\n  type TableContextValue,\n  type PaginationMode,\n} from \"./TableContext\";\nimport type { TableColumn } from \"./TableTypes\";\nimport type { FilterConfig, FilterValue } from \"./TableFilters/TableFilters\";\nimport type { TableAction } from \"./TableActions/TableActions\";\n\nexport interface TableProviderProps<\n  T extends Record<string, unknown> = Record<string, unknown>,\n> {\n  columns: TableColumn<T>[];\n  data: T[];\n  loading?: boolean;\n\n  // Pagination\n  paginationMode?: PaginationMode;\n  page?: number; // controlled\n  pageSize?: number; // controlled\n  total?: number; // required for server mode\n  onPageChange?: (page: number) => void; // required for server mode\n  onPageSizeChange?: (size: number) => void;\n  defaultPageSize?: number;\n  pageSizeOptions?: number[];\n\n  // Sorting\n  sortColumn?: string; // controlled\n  sortDirection?: \"asc\" | \"desc\"; // controlled\n  onSort?: (column: string, direction: \"asc\" | \"desc\") => void;\n  defaultSortColumn?: string;\n  defaultSortDirection?: \"asc\" | \"desc\";\n\n  // Filters\n  filters?: FilterConfig[];\n  filterValues?: Record<string, FilterValue>; // controlled\n  onFilter?: (filters: Record<string, FilterValue>) => void;\n  initialFilterValues?: Record<string, FilterValue>;\n\n  // Selection\n  selectable?: boolean;\n  selectedRows?: string[]; // controlled\n  onSelectionChange?: (selected: string[]) => void;\n  rowId?: (row: T) => string;\n\n  // Actions\n  actions?: (row: T) => TableAction<T>[];\n\n  // Empty state\n  emptyMessage?: string;\n  emptyStateTitle?: string;\n  emptyStateMessage?: string;\n  emptyStateIllustration?: ReactNode;\n  emptyStateAction?: ReactNode;\n\n  // Callbacks\n  onRowClick?: (row: T) => void;\n\n  // Column resizing\n  resizable?: boolean;\n  columnWidths?: Record<string, number>;\n  onColumnResize?: (columnKey: string, width: number) => void;\n\n  // Virtual scrolling\n  virtualScrolling?: boolean;\n  virtualScrollingOptions?: {\n    itemHeight?: number;\n    containerHeight?: number;\n    overscan?: number;\n  };\n\n  children: ReactNode;\n}\n\n/**\n * TableProvider Component\n *\n * Manages table state (pagination, sorting, filters, selection) and provides it via Context.\n * Supports both client-side and server-side pagination with auto-detection.\n */\nexport function TableProvider<\n  T extends Record<string, unknown> = Record<string, unknown>,\n>({\n  columns,\n  data,\n  loading = false,\n  paginationMode: explicitMode,\n  page: controlledPage,\n  pageSize: controlledPageSize,\n  total: externalTotal,\n  onPageChange,\n  onPageSizeChange,\n  defaultPageSize = 10,\n  pageSizeOptions: _pageSizeOptions,\n  sortColumn: controlledSortColumn,\n  sortDirection: controlledSortDirection,\n  onSort,\n  defaultSortColumn,\n  defaultSortDirection = \"asc\",\n  filters,\n  filterValues: controlledFilterValues,\n  onFilter,\n  initialFilterValues = {},\n  selectable = false,\n  selectedRows: controlledSelectedRows,\n  onSelectionChange,\n  rowId,\n  actions,\n  emptyMessage = \"No data available\",\n  emptyStateTitle,\n  emptyStateMessage,\n  emptyStateIllustration,\n  emptyStateAction,\n  onRowClick,\n  resizable = false,\n  columnWidths,\n  onColumnResize,\n  virtualScrolling,\n  virtualScrollingOptions,\n  children,\n}: TableProviderProps<T>) {\n  // Detect pagination mode\n  const paginationMode: PaginationMode = useMemo(() => {\n    if (explicitMode) return explicitMode;\n\n    // Auto-detect: if total and onPageChange are provided, it's server-side\n    if (externalTotal !== undefined && onPageChange) {\n      return \"server\";\n    }\n\n    return \"client\";\n  }, [explicitMode, externalTotal, onPageChange]);\n\n  // Pagination state\n  const isPaginationControlled = controlledPage !== undefined;\n  const [internalPage, setInternalPage] = useState(1);\n  const [internalPageSize, setInternalPageSize] = useState(defaultPageSize);\n\n  const page = isPaginationControlled ? controlledPage! : internalPage;\n  const pageSize = controlledPageSize ?? internalPageSize;\n\n  const total = useMemo(() => {\n    if (paginationMode === \"server\") {\n      return externalTotal ?? 0;\n    }\n    return data.length;\n  }, [paginationMode, externalTotal, data.length]);\n\n  const totalPages = useMemo(() => {\n    return Math.ceil(total / pageSize);\n  }, [total, pageSize]);\n\n  // Sorting state\n  const isSortingControlled = controlledSortColumn !== undefined;\n  const [internalSortColumn, setInternalSortColumn] = useState(\n    defaultSortColumn || \"\",\n  );\n  const [internalSortDirection, setInternalSortDirection] = useState<\n    \"asc\" | \"desc\"\n  >(defaultSortDirection);\n\n  const sortColumn = isSortingControlled\n    ? controlledSortColumn!\n    : internalSortColumn;\n  const sortDirection = isSortingControlled\n    ? controlledSortDirection || \"asc\"\n    : internalSortDirection;\n\n  // Filter state\n  const isFilterControlled = controlledFilterValues !== undefined;\n  const [internalFilterValues, setInternalFilterValues] =\n    useState<Record<string, FilterValue>>(initialFilterValues);\n\n  const filterValues = isFilterControlled\n    ? controlledFilterValues!\n    : internalFilterValues;\n\n  // Selection state\n  const isSelectionControlled = controlledSelectedRows !== undefined;\n  const [internalSelectedRows, setInternalSelectedRows] = useState<string[]>(\n    [],\n  );\n\n  const selectedRows = isSelectionControlled\n    ? controlledSelectedRows!\n    : internalSelectedRows;\n\n  // Apply client-side filtering\n  const filteredData = useMemo(() => {\n    if (!filters || filters.length === 0) return data;\n\n    return data.filter((row) => {\n      return filters.every((filter) => {\n        const value = filterValues[filter.key];\n        if (!value || value === \"\") return true;\n\n        const rowValue = (row as Record<string, unknown>)[filter.key];\n        if (filter.type === \"text\") {\n          return String(rowValue || \"\")\n            .toLowerCase()\n            .includes(String(value).toLowerCase());\n        }\n        return String(rowValue) === String(value);\n      });\n    });\n  }, [data, filters, filterValues]);\n\n  // Apply client-side sorting (only if not controlled externally)\n  const sortedData = useMemo(() => {\n    // If sorting is controlled externally (onSort provided), don't sort here\n    // The parent component should handle sorting on the server or before passing data\n    // However, we still apply sorting if sortColumn is set and no onSort callback\n    if (isSortingControlled && onSort) {\n      // When controlled, assume data is already sorted by parent\n      return filteredData;\n    }\n\n    // Only apply internal sorting if sortColumn is set\n    if (!sortColumn) return filteredData;\n\n    // Apply internal sorting\n    const sorted = [...filteredData];\n    sorted.sort((a, b) => {\n      const aValue = (a as Record<string, unknown>)[sortColumn];\n      const bValue = (b as Record<string, unknown>)[sortColumn];\n      const comparison = String(aValue || \"\").localeCompare(\n        String(bValue || \"\"),\n      );\n      return sortDirection === \"asc\" ? comparison : -comparison;\n    });\n\n    return sorted;\n  }, [filteredData, sortColumn, sortDirection, onSort, isSortingControlled]);\n\n  // Apply client-side pagination\n  const paginatedData = useMemo(() => {\n    if (paginationMode === \"server\") {\n      return sortedData; // Server already paginated\n    }\n\n    const startIndex = (page - 1) * pageSize;\n    const endIndex = startIndex + pageSize;\n    return sortedData.slice(startIndex, endIndex);\n  }, [sortedData, paginationMode, page, pageSize]);\n\n  // Selection helpers\n  const getRowId = useCallback(\n    (row: T, index: number): string => {\n      if (rowId) {\n        return rowId(row);\n      }\n      return (\n        (row as { id?: { toString(): string } } | null)?.id?.toString() ||\n        index.toString()\n      );\n    },\n    [rowId],\n  );\n\n  const isAllSelected = useMemo(() => {\n    if (!selectable || paginatedData.length === 0) return false;\n    return paginatedData.every((row, index) => {\n      const id = getRowId(row, index);\n      return selectedRows.includes(id);\n    });\n  }, [selectable, paginatedData, selectedRows, getRowId]);\n\n  const isIndeterminate = useMemo(() => {\n    if (!selectable) return false;\n    const selectedCount = selectedRows.length;\n    return selectedCount > 0 && selectedCount < paginatedData.length;\n  }, [selectable, selectedRows.length, paginatedData.length]);\n\n  // Methods\n  const setPage = useCallback(\n    (newPage: number) => {\n      if (isPaginationControlled) {\n        onPageChange?.(newPage);\n      } else {\n        setInternalPage(newPage);\n      }\n    },\n    [isPaginationControlled, onPageChange],\n  );\n\n  const setPageSize = useCallback(\n    (newSize: number) => {\n      if (onPageSizeChange) {\n        onPageSizeChange(newSize);\n      } else {\n        setInternalPageSize(newSize);\n      }\n      setPage(1); // Reset to first page\n    },\n    [onPageSizeChange, setPage],\n  );\n\n  const setSorting = useCallback(\n    (column: string, direction: \"asc\" | \"desc\") => {\n      if (isSortingControlled) {\n        onSort?.(column, direction);\n      } else {\n        setInternalSortColumn(column);\n        setInternalSortDirection(direction);\n      }\n    },\n    [isSortingControlled, onSort],\n  );\n\n  const setFilters = useCallback(\n    (newFilters: Record<string, FilterValue>) => {\n      if (isFilterControlled) {\n        onFilter?.(newFilters);\n      } else {\n        setInternalFilterValues(newFilters);\n      }\n      // Reset to first page when filters change\n      setPage(1);\n    },\n    [isFilterControlled, onFilter, setPage],\n  );\n\n  const setSelection = useCallback(\n    (selected: string[]) => {\n      if (isSelectionControlled) {\n        onSelectionChange?.(selected);\n      } else {\n        setInternalSelectedRows(selected);\n      }\n    },\n    [isSelectionControlled, onSelectionChange],\n  );\n\n  const toggleRowSelection = useCallback(\n    (rowId: string) => {\n      const newSelected = selectedRows.includes(rowId)\n        ? selectedRows.filter((id) => id !== rowId)\n        : [...selectedRows, rowId];\n      setSelection(newSelected);\n    },\n    [selectedRows, setSelection],\n  );\n\n  const toggleSelectAll = useCallback(() => {\n    if (isAllSelected) {\n      setSelection([]);\n    } else {\n      const allIds = paginatedData.map((row, index) => getRowId(row, index));\n      setSelection(allIds);\n    }\n  }, [isAllSelected, paginatedData, getRowId, setSelection]);\n\n  // Column resizing state\n  const [internalColumnWidths, setInternalColumnWidths] = useState<\n    Record<string, number>\n  >({});\n  const isColumnWidthsControlled = columnWidths !== undefined;\n  const finalColumnWidths = isColumnWidthsControlled\n    ? columnWidths!\n    : internalColumnWidths;\n\n  const setColumnWidth = useCallback(\n    (columnKey: string, width: number) => {\n      if (isColumnWidthsControlled) {\n        onColumnResize?.(columnKey, width);\n      } else {\n        setInternalColumnWidths((prev) => ({\n          ...prev,\n          [columnKey]: width,\n        }));\n      }\n    },\n    [isColumnWidthsControlled, onColumnResize],\n  );\n\n  const contextValue: TableContextValue<T> = useMemo(\n    () => ({\n      columns,\n      data,\n      paginatedData,\n      loading,\n      paginationState: {\n        page,\n        pageSize,\n        total,\n        totalPages,\n      },\n      sortState: {\n        column: sortColumn,\n        direction: sortDirection,\n      },\n      filterState: {\n        values: filterValues,\n        config: filters || [],\n      },\n      selectionState: {\n        selectedRows,\n        isAllSelected,\n        isIndeterminate,\n      },\n      paginationMode,\n      selectable,\n      rowId,\n      actions,\n      resizable,\n      columnWidths: finalColumnWidths,\n      virtualScrolling,\n      virtualScrollingOptions,\n      emptyMessage,\n      emptyStateTitle,\n      emptyStateMessage,\n      emptyStateIllustration,\n      emptyStateAction,\n      setPage,\n      setPageSize,\n      setSorting,\n      setFilters,\n      setSelection,\n      toggleRowSelection,\n      toggleSelectAll,\n      getRowId,\n      setColumnWidth,\n      onPageChange,\n      onPageSizeChange,\n      onSort,\n      onFilter,\n      onSelectionChange,\n      onRowClick,\n      onColumnResize,\n    }),\n    [\n      columns,\n      data,\n      paginatedData,\n      loading,\n      page,\n      pageSize,\n      total,\n      totalPages,\n      sortColumn,\n      sortDirection,\n      filterValues,\n      filters,\n      selectedRows,\n      isAllSelected,\n      isIndeterminate,\n      paginationMode,\n      selectable,\n      rowId,\n      actions,\n      emptyMessage,\n      emptyStateTitle,\n      emptyStateMessage,\n      emptyStateIllustration,\n      emptyStateAction,\n      setPage,\n      setPageSize,\n      setSorting,\n      setFilters,\n      setSelection,\n      toggleRowSelection,\n      toggleSelectAll,\n      getRowId,\n      setColumnWidth,\n      onPageChange,\n      onPageSizeChange,\n      onSort,\n      onFilter,\n      onSelectionChange,\n      onRowClick,\n      onColumnResize,\n      resizable,\n      finalColumnWidths,\n      virtualScrolling,\n      virtualScrollingOptions,\n    ],\n  );\n\n  return (\n    <TableContextProvider value={contextValue}>{children}</TableContextProvider>\n  );\n}\n"],"names":["TableProvider","columns","data","loading","explicitMode","controlledPage","controlledPageSize","externalTotal","onPageChange","onPageSizeChange","defaultPageSize","_pageSizeOptions","controlledSortColumn","controlledSortDirection","onSort","defaultSortColumn","defaultSortDirection","filters","controlledFilterValues","onFilter","initialFilterValues","selectable","controlledSelectedRows","onSelectionChange","rowId","actions","emptyMessage","emptyStateTitle","emptyStateMessage","emptyStateIllustration","emptyStateAction","onRowClick","resizable","columnWidths","onColumnResize","virtualScrolling","virtualScrollingOptions","children","paginationMode","useMemo","isPaginationControlled","internalPage","setInternalPage","useState","internalPageSize","setInternalPageSize","page","pageSize","total","totalPages","isSortingControlled","internalSortColumn","setInternalSortColumn","internalSortDirection","setInternalSortDirection","sortColumn","sortDirection","isFilterControlled","internalFilterValues","setInternalFilterValues","filterValues","isSelectionControlled","internalSelectedRows","setInternalSelectedRows","selectedRows","filteredData","row","filter","value","rowValue","sortedData","sorted","a","b","aValue","bValue","comparison","paginatedData","startIndex","endIndex","getRowId","useCallback","index","_a","isAllSelected","id","isIndeterminate","selectedCount","setPage","newPage","setPageSize","newSize","setSorting","column","direction","setFilters","newFilters","setSelection","selected","toggleRowSelection","newSelected","toggleSelectAll","allIds","internalColumnWidths","setInternalColumnWidths","isColumnWidthsControlled","finalColumnWidths","setColumnWidth","columnKey","width","prev","__spreadProps","__spreadValues","contextValue","jsx","TableContextProvider"],"mappings":"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"}
+{"version":3,"file":"TableProvider.js","sources":["../../../../../src/ui/components/Table/TableProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useMemo, useCallback } from \"react\";\nimport type { ReactNode } from \"react\";\nimport {\n  TableContextProvider,\n  type TableContextValue,\n  type PaginationMode,\n} from \"./TableContext\";\nimport type { TableColumn } from \"./TableTypes\";\nimport type { FilterConfig, FilterValue } from \"./TableFilters/TableFilters\";\nimport type { TableAction } from \"./TableActions/TableActions\";\n\nexport interface TableProviderProps<\n  T extends Record<string, unknown> = Record<string, unknown>,\n> {\n  columns: TableColumn<T>[];\n  data: T[];\n  loading?: boolean;\n\n  // Pagination\n  paginationMode?: PaginationMode;\n  page?: number; // controlled\n  pageSize?: number; // controlled\n  total?: number; // required for server mode\n  onPageChange?: (page: number) => void; // required for server mode\n  onPageSizeChange?: (size: number) => void;\n  defaultPageSize?: number;\n  pageSizeOptions?: number[];\n\n  // Sorting\n  sortColumn?: string; // controlled\n  sortDirection?: \"asc\" | \"desc\"; // controlled\n  onSort?: (column: string, direction: \"asc\" | \"desc\") => void;\n  defaultSortColumn?: string;\n  defaultSortDirection?: \"asc\" | \"desc\";\n\n  // Filters\n  filters?: FilterConfig[];\n  filterValues?: Record<string, FilterValue>; // controlled\n  onFilter?: (filters: Record<string, FilterValue>) => void;\n  initialFilterValues?: Record<string, FilterValue>;\n\n  // Selection\n  selectable?: boolean;\n  selectedRows?: string[]; // controlled\n  onSelectionChange?: (selected: string[]) => void;\n  rowId?: (row: T) => string;\n\n  // Actions\n  actions?: (row: T) => TableAction<T>[];\n\n  // Empty state\n  emptyMessage?: string;\n  emptyStateTitle?: string;\n  emptyStateMessage?: string;\n  emptyStateIllustration?: ReactNode;\n  emptyStateAction?: ReactNode;\n\n  // Callbacks\n  onRowClick?: (row: T) => void;\n\n  // Column resizing\n  resizable?: boolean;\n  columnWidths?: Record<string, number>;\n  onColumnResize?: (columnKey: string, width: number) => void;\n\n  // Virtual scrolling\n  virtualScrolling?: boolean;\n  virtualScrollingOptions?: {\n    itemHeight?: number;\n    containerHeight?: number;\n    overscan?: number;\n  };\n\n  children: ReactNode;\n}\n\n/**\n * TableProvider Component\n *\n * Manages table state (pagination, sorting, filters, selection) and provides it via Context.\n * Supports both client-side and server-side pagination with auto-detection.\n */\nexport function TableProvider<\n  T extends Record<string, unknown> = Record<string, unknown>,\n>({\n  columns,\n  data,\n  loading = false,\n  paginationMode: explicitMode,\n  page: controlledPage,\n  pageSize: controlledPageSize,\n  total: externalTotal,\n  onPageChange,\n  onPageSizeChange,\n  defaultPageSize = 10,\n  pageSizeOptions: _pageSizeOptions,\n  sortColumn: controlledSortColumn,\n  sortDirection: controlledSortDirection,\n  onSort,\n  defaultSortColumn,\n  defaultSortDirection = \"asc\",\n  filters,\n  filterValues: controlledFilterValues,\n  onFilter,\n  initialFilterValues = {},\n  selectable = false,\n  selectedRows: controlledSelectedRows,\n  onSelectionChange,\n  rowId,\n  actions,\n  emptyMessage = \"No data available\",\n  emptyStateTitle,\n  emptyStateMessage,\n  emptyStateIllustration,\n  emptyStateAction,\n  onRowClick,\n  resizable = false,\n  columnWidths,\n  onColumnResize,\n  virtualScrolling,\n  virtualScrollingOptions,\n  children,\n}: TableProviderProps<T>) {\n  // Detect pagination mode\n  const paginationMode: PaginationMode = useMemo(() => {\n    if (explicitMode) return explicitMode;\n\n    // Auto-detect: if total and onPageChange are provided, it's server-side\n    if (externalTotal !== undefined && onPageChange) {\n      return \"server\";\n    }\n\n    return \"client\";\n  }, [explicitMode, externalTotal, onPageChange]);\n\n  // Pagination state\n  const isPaginationControlled = controlledPage !== undefined;\n  const [internalPage, setInternalPage] = useState(1);\n  const [internalPageSize, setInternalPageSize] = useState(defaultPageSize);\n\n  const page = isPaginationControlled ? controlledPage! : internalPage;\n  const pageSize = controlledPageSize ?? internalPageSize;\n\n  const total = useMemo(() => {\n    if (paginationMode === \"server\") {\n      return externalTotal ?? 0;\n    }\n    return data.length;\n  }, [paginationMode, externalTotal, data.length]);\n\n  const totalPages = useMemo(() => {\n    return Math.ceil(total / pageSize);\n  }, [total, pageSize]);\n\n  // Sorting state\n  const isSortingControlled = controlledSortColumn !== undefined;\n  const [internalSortColumn, setInternalSortColumn] = useState(\n    defaultSortColumn || \"\",\n  );\n  const [internalSortDirection, setInternalSortDirection] = useState<\n    \"asc\" | \"desc\"\n  >(defaultSortDirection);\n\n  const sortColumn = isSortingControlled\n    ? controlledSortColumn!\n    : internalSortColumn;\n  const sortDirection = isSortingControlled\n    ? controlledSortDirection || \"asc\"\n    : internalSortDirection;\n\n  // Filter state\n  const isFilterControlled = controlledFilterValues !== undefined;\n  const [internalFilterValues, setInternalFilterValues] =\n    useState<Record<string, FilterValue>>(initialFilterValues);\n\n  const filterValues = isFilterControlled\n    ? controlledFilterValues!\n    : internalFilterValues;\n\n  // Selection state\n  const isSelectionControlled = controlledSelectedRows !== undefined;\n  const [internalSelectedRows, setInternalSelectedRows] = useState<string[]>(\n    [],\n  );\n\n  const selectedRows = isSelectionControlled\n    ? controlledSelectedRows!\n    : internalSelectedRows;\n\n  // Apply client-side filtering\n  const filteredData = useMemo(() => {\n    if (!filters || filters.length === 0) return data;\n\n    return data.filter((row) => {\n      return filters.every((filter) => {\n        const value = filterValues[filter.key];\n        if (!value || value === \"\") return true;\n\n        const rowValue = (row as Record<string, unknown>)[filter.key];\n        if (filter.type === \"text\") {\n          return String(rowValue || \"\")\n            .toLowerCase()\n            .includes(String(value).toLowerCase());\n        }\n        return String(rowValue) === String(value);\n      });\n    });\n  }, [data, filters, filterValues]);\n\n  // Apply client-side sorting (only if not controlled externally)\n  const sortedData = useMemo(() => {\n    // If sorting is controlled externally (onSort provided), don't sort here\n    // The parent component should handle sorting on the server or before passing data\n    // However, we still apply sorting if sortColumn is set and no onSort callback\n    if (isSortingControlled && onSort) {\n      // When controlled, assume data is already sorted by parent\n      return filteredData;\n    }\n\n    // Only apply internal sorting if sortColumn is set\n    if (!sortColumn) return filteredData;\n\n    // Apply internal sorting\n    const sorted = [...filteredData];\n    sorted.sort((a, b) => {\n      const aValue = (a as Record<string, unknown>)[sortColumn];\n      const bValue = (b as Record<string, unknown>)[sortColumn];\n      const comparison = String(aValue || \"\").localeCompare(\n        String(bValue || \"\"),\n      );\n      return sortDirection === \"asc\" ? comparison : -comparison;\n    });\n\n    return sorted;\n  }, [filteredData, sortColumn, sortDirection, onSort, isSortingControlled]);\n\n  // Apply client-side pagination\n  const paginatedData = useMemo(() => {\n    if (paginationMode === \"server\") {\n      return sortedData; // Server already paginated\n    }\n\n    const startIndex = (page - 1) * pageSize;\n    const endIndex = startIndex + pageSize;\n    return sortedData.slice(startIndex, endIndex);\n  }, [sortedData, paginationMode, page, pageSize]);\n\n  // Selection helpers\n  const getRowId = useCallback(\n    (row: T, index: number): string => {\n      if (rowId) {\n        return rowId(row);\n      }\n      return (\n        (row as { id?: { toString(): string } } | null)?.id?.toString() ||\n        index.toString()\n      );\n    },\n    [rowId],\n  );\n\n  const isAllSelected = useMemo(() => {\n    if (!selectable || paginatedData.length === 0) return false;\n    return paginatedData.every((row, index) => {\n      const id = getRowId(row, index);\n      return selectedRows.includes(id);\n    });\n  }, [selectable, paginatedData, selectedRows, getRowId]);\n\n  const isIndeterminate = useMemo(() => {\n    if (!selectable || paginatedData.length === 0) return false;\n    // Count selections on the CURRENT page only, mirroring isAllSelected.\n    // Comparing the global cross-page selectedRows.length against the\n    // current page length made the header checkbox render fully unchecked\n    // when cross-page selections outnumbered a partially-selected page.\n    const selectedOnPage = paginatedData.filter((row, index) =>\n      selectedRows.includes(getRowId(row, index)),\n    ).length;\n    return selectedOnPage > 0 && selectedOnPage < paginatedData.length;\n  }, [selectable, paginatedData, selectedRows, getRowId]);\n\n  // Methods\n  const setPage = useCallback(\n    (newPage: number) => {\n      if (isPaginationControlled) {\n        onPageChange?.(newPage);\n      } else {\n        setInternalPage(newPage);\n      }\n    },\n    [isPaginationControlled, onPageChange],\n  );\n\n  const setPageSize = useCallback(\n    (newSize: number) => {\n      if (onPageSizeChange) {\n        onPageSizeChange(newSize);\n      } else {\n        setInternalPageSize(newSize);\n      }\n      setPage(1); // Reset to first page\n    },\n    [onPageSizeChange, setPage],\n  );\n\n  const setSorting = useCallback(\n    (column: string, direction: \"asc\" | \"desc\") => {\n      if (isSortingControlled) {\n        onSort?.(column, direction);\n      } else {\n        setInternalSortColumn(column);\n        setInternalSortDirection(direction);\n      }\n    },\n    [isSortingControlled, onSort],\n  );\n\n  const setFilters = useCallback(\n    (newFilters: Record<string, FilterValue>) => {\n      if (isFilterControlled) {\n        onFilter?.(newFilters);\n      } else {\n        setInternalFilterValues(newFilters);\n      }\n      // Reset to first page when filters change\n      setPage(1);\n    },\n    [isFilterControlled, onFilter, setPage],\n  );\n\n  const setSelection = useCallback(\n    (selected: string[]) => {\n      if (isSelectionControlled) {\n        onSelectionChange?.(selected);\n      } else {\n        setInternalSelectedRows(selected);\n      }\n    },\n    [isSelectionControlled, onSelectionChange],\n  );\n\n  const toggleRowSelection = useCallback(\n    (rowId: string) => {\n      const newSelected = selectedRows.includes(rowId)\n        ? selectedRows.filter((id) => id !== rowId)\n        : [...selectedRows, rowId];\n      setSelection(newSelected);\n    },\n    [selectedRows, setSelection],\n  );\n\n  const toggleSelectAll = useCallback(() => {\n    if (isAllSelected) {\n      setSelection([]);\n    } else {\n      const allIds = paginatedData.map((row, index) => getRowId(row, index));\n      setSelection(allIds);\n    }\n  }, [isAllSelected, paginatedData, getRowId, setSelection]);\n\n  // Column resizing state\n  const [internalColumnWidths, setInternalColumnWidths] = useState<\n    Record<string, number>\n  >({});\n  const isColumnWidthsControlled = columnWidths !== undefined;\n  const finalColumnWidths = isColumnWidthsControlled\n    ? columnWidths!\n    : internalColumnWidths;\n\n  const setColumnWidth = useCallback(\n    (columnKey: string, width: number) => {\n      if (isColumnWidthsControlled) {\n        onColumnResize?.(columnKey, width);\n      } else {\n        setInternalColumnWidths((prev) => ({\n          ...prev,\n          [columnKey]: width,\n        }));\n      }\n    },\n    [isColumnWidthsControlled, onColumnResize],\n  );\n\n  const contextValue: TableContextValue<T> = useMemo(\n    () => ({\n      columns,\n      data,\n      paginatedData,\n      loading,\n      paginationState: {\n        page,\n        pageSize,\n        total,\n        totalPages,\n      },\n      sortState: {\n        column: sortColumn,\n        direction: sortDirection,\n      },\n      filterState: {\n        values: filterValues,\n        config: filters || [],\n      },\n      selectionState: {\n        selectedRows,\n        isAllSelected,\n        isIndeterminate,\n      },\n      paginationMode,\n      selectable,\n      rowId,\n      actions,\n      resizable,\n      columnWidths: finalColumnWidths,\n      virtualScrolling,\n      virtualScrollingOptions,\n      emptyMessage,\n      emptyStateTitle,\n      emptyStateMessage,\n      emptyStateIllustration,\n      emptyStateAction,\n      setPage,\n      setPageSize,\n      setSorting,\n      setFilters,\n      setSelection,\n      toggleRowSelection,\n      toggleSelectAll,\n      getRowId,\n      setColumnWidth,\n      onPageChange,\n      onPageSizeChange,\n      onSort,\n      onFilter,\n      onSelectionChange,\n      onRowClick,\n      onColumnResize,\n    }),\n    [\n      columns,\n      data,\n      paginatedData,\n      loading,\n      page,\n      pageSize,\n      total,\n      totalPages,\n      sortColumn,\n      sortDirection,\n      filterValues,\n      filters,\n      selectedRows,\n      isAllSelected,\n      isIndeterminate,\n      paginationMode,\n      selectable,\n      rowId,\n      actions,\n      emptyMessage,\n      emptyStateTitle,\n      emptyStateMessage,\n      emptyStateIllustration,\n      emptyStateAction,\n      setPage,\n      setPageSize,\n      setSorting,\n      setFilters,\n      setSelection,\n      toggleRowSelection,\n      toggleSelectAll,\n      getRowId,\n      setColumnWidth,\n      onPageChange,\n      onPageSizeChange,\n      onSort,\n      onFilter,\n      onSelectionChange,\n      onRowClick,\n      onColumnResize,\n      resizable,\n      finalColumnWidths,\n      virtualScrolling,\n      virtualScrollingOptions,\n    ],\n  );\n\n  return (\n    <TableContextProvider value={contextValue}>{children}</TableContextProvider>\n  );\n}\n"],"names":["TableProvider","columns","data","loading","explicitMode","controlledPage","controlledPageSize","externalTotal","onPageChange","onPageSizeChange","defaultPageSize","_pageSizeOptions","controlledSortColumn","controlledSortDirection","onSort","defaultSortColumn","defaultSortDirection","filters","controlledFilterValues","onFilter","initialFilterValues","selectable","controlledSelectedRows","onSelectionChange","rowId","actions","emptyMessage","emptyStateTitle","emptyStateMessage","emptyStateIllustration","emptyStateAction","onRowClick","resizable","columnWidths","onColumnResize","virtualScrolling","virtualScrollingOptions","children","paginationMode","useMemo","isPaginationControlled","internalPage","setInternalPage","useState","internalPageSize","setInternalPageSize","page","pageSize","total","totalPages","isSortingControlled","internalSortColumn","setInternalSortColumn","internalSortDirection","setInternalSortDirection","sortColumn","sortDirection","isFilterControlled","internalFilterValues","setInternalFilterValues","filterValues","isSelectionControlled","internalSelectedRows","setInternalSelectedRows","selectedRows","filteredData","row","filter","value","rowValue","sortedData","sorted","a","b","aValue","bValue","comparison","paginatedData","startIndex","endIndex","getRowId","useCallback","index","_a","isAllSelected","id","isIndeterminate","selectedOnPage","setPage","newPage","setPageSize","newSize","setSorting","column","direction","setFilters","newFilters","setSelection","selected","toggleRowSelection","newSelected","toggleSelectAll","allIds","internalColumnWidths","setInternalColumnWidths","isColumnWidthsControlled","finalColumnWidths","setColumnWidth","columnKey","width","prev","__spreadProps","__spreadValues","contextValue","jsx","TableContextProvider"],"mappings":"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"}

package/dist/granular/ui/components/Table/TableRow.js

@@ -1,39 +1,39 @@
 "use client";
-var T = Object.defineProperty, v = Object.defineProperties;
-var j = Object.getOwnPropertyDescriptors;
-var i = Object.getOwnPropertySymbols;
-var g = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
-var f = (e, t, o) => t in e ? T(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, h = (e, t) => {
+var D = Object.defineProperty, j = Object.defineProperties;
+var I = Object.getOwnPropertyDescriptors;
+var c = Object.getOwnPropertySymbols;
+var g = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
+var b = (e, t, o) => t in e ? D(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, u = (e, t) => {
   for (var o in t || (t = {}))
-    g.call(t, o) && f(e, o, t[o]);
-  if (i)
-    for (var o of i(t))
-      b.call(t, o) && f(e, o, t[o]);
+    g.call(t, o) && b(e, o, t[o]);
+  if (c)
+    for (var o of c(t))
+      h.call(t, o) && b(e, o, t[o]);
   return e;
-}, u = (e, t) => v(e, j(t));
-var x = (e, t) => {
+}, x = (e, t) => j(e, I(t));
+var y = (e, t) => {
   var o = {};
-  for (var l in e)
-    g.call(e, l) && t.indexOf(l) < 0 && (o[l] = e[l]);
-  if (e != null && i)
-    for (var l of i(e))
-      t.indexOf(l) < 0 && b.call(e, l) && (o[l] = e[l]);
+  for (var s in e)
+    g.call(e, s) && t.indexOf(s) < 0 && (o[s] = e[s]);
+  if (e != null && c)
+    for (var s of c(e))
+      t.indexOf(s) < 0 && h.call(e, s) && (o[s] = e[s]);
   return o;
 };
-import { jsxs as A, jsx as s } from "react/jsx-runtime";
-import { useTableContext as q } from "./TableContext.js";
-import { getSpacingClass as a } from "../../tokens/spacing.js";
-import z from "./TableCell.js";
-import B from "./TableActions.js";
-import D from "../../primitives/Checkbox/Checkbox.js";
-function M(E) {
-  var m = E, {
+import { jsxs as K, jsx as l } from "react/jsx-runtime";
+import { useTableContext as A } from "./TableContext.js";
+import { getSpacingClass as n } from "../../tokens/spacing.js";
+import E from "./TableCell.js";
+import q from "./TableActions.js";
+import z from "../../primitives/Checkbox/Checkbox.js";
+function P(B) {
+  var f = B, {
     row: e,
     rowIndex: t,
     className: o = "",
-    onClick: l,
-    style: C
-  } = m, $ = x(m, [
+    onClick: s,
+    style: k
+  } = f, $ = y(f, [
     "row",
     "rowIndex",
     "className",
@@ -41,48 +41,52 @@ function M(E) {
     "style"
   ]);
   const {
-    columns: S,
-    selectable: d,
-    selectionState: k,
-    toggleRowSelection: R,
-    getRowId: w,
-    actions: y,
-    onRowClick: p
-  } = q(), r = w(e, t), n = k.selectedRows.includes(r), N = (c) => {
-    l && l(c), p && p(e);
+    columns: v,
+    selectable: p,
+    selectionState: C,
+    toggleRowSelection: w,
+    getRowId: R,
+    actions: S,
+    onRowClick: a
+  } = A(), r = R(e, t), d = C.selectedRows.includes(r), m = !!a, N = (i) => {
+    s && s(i), a && a(e);
+  }, T = (i) => {
+    a && (i.key === "Enter" || i.key === " ") && (i.key === " " && i.preventDefault(), a(e));
   };
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ K(
     "tr",
-    u(h({
+    x(u({
       role: "row",
-      "aria-selected": d ? n : void 0,
+      "aria-selected": p ? d : void 0,
       "aria-rowindex": t + 1,
-      className: `hover:bg-surface-hover ${n ? "bg-surface-selected" : ""} ${o}`,
+      tabIndex: m ? 0 : void 0,
+      onKeyDown: m ? T : void 0,
+      className: `hover:bg-surface-hover ${m ? "cursor-pointer" : ""} ${d ? "bg-surface-selected" : ""} ${o}`,
       onClick: N,
-      style: C
+      style: k
     }, $), {
       children: [
-        d && /* @__PURE__ */ s(
+        p && /* @__PURE__ */ l(
           "td",
           {
-            className: `${a("lg", "px")} ${a("base", "py")}`,
-            children: /* @__PURE__ */ s(
-              D,
+            className: `${n("lg", "px")} ${n("base", "py")}`,
+            children: /* @__PURE__ */ l(
+              z,
               {
-                checked: n,
-                onChange: () => R(r),
+                checked: d,
+                onChange: () => w(r),
                 "aria-label": `Select row ${r}`,
-                className: a("none", "my")
+                className: n("none", "my")
               }
             )
           }
         ),
-        S.map((c) => /* @__PURE__ */ s(z, { column: c, row: e }, String(c.key))),
-        y && /* @__PURE__ */ s(
+        v.map((i) => /* @__PURE__ */ l(E, { column: i, row: e }, String(i.key))),
+        S && /* @__PURE__ */ l(
           "td",
           {
-            className: `${a("lg", "px")} ${a("base", "py")} text-right`,
-            children: /* @__PURE__ */ s(B, { row: e })
+            className: `${n("lg", "px")} ${n("base", "py")} text-right`,
+            children: /* @__PURE__ */ l(q, { row: e })
           }
         )
       ]
@@ -90,6 +94,6 @@ function M(E) {
   );
 }
 export {
-  M as default
+  P as default
 };
 //# sourceMappingURL=TableRow.js.map

package/dist/granular/ui/components/Table/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sources":["../../../../../src/ui/components/Table/TableRow.tsx"],"sourcesContent":["\"use client\";\n\nimport type { HTMLAttributes } from \"react\";\nimport { useTableContext } from \"./TableContext\";\nimport { Checkbox } from \"../../primitives\";\nimport { getSpacingClass } from \"../../tokens/spacing\";\nimport TableCell from \"./TableCell\";\nimport TableActions from \"./TableActions\";\n\nexport interface TableRowProps<\n  T extends Record<string, unknown> = Record<string, unknown>,\n> extends Omit<HTMLAttributes<HTMLTableRowElement>, \"style\"> {\n  row: T;\n  rowIndex: number;\n  style?: React.CSSProperties;\n  className?: string;\n}\n\n/**\n * TableRow Component\n *\n * Renders a table row (tr) with cells.\n * Supports selection and row click.\n * Must be used within a Table component.\n */\nexport default function TableRow<\n  T extends Record<string, unknown> = Record<string, unknown>,\n>({\n  row,\n  rowIndex,\n  className = \"\",\n  onClick,\n  style,\n  ...props\n}: TableRowProps<T>) {\n  const {\n    columns,\n    selectable,\n    selectionState,\n    toggleRowSelection,\n    getRowId,\n    actions,\n    onRowClick,\n  } = useTableContext<T>();\n\n  const id = getRowId(row, rowIndex);\n  const isSelected = selectionState.selectedRows.includes(id);\n\n  const handleClick = (e: React.MouseEvent<HTMLTableRowElement>) => {\n    if (onClick) {\n      onClick(e);\n    }\n    if (onRowClick) {\n      onRowClick(row);\n    }\n  };\n\n  return (\n    <tr\n      role=\"row\"\n      aria-selected={selectable ? isSelected : undefined}\n      aria-rowindex={rowIndex + 1}\n      className={`hover:bg-surface-hover ${isSelected ? \"bg-surface-selected\" : \"\"} ${className}`}\n      onClick={handleClick}\n      style={style}\n      {...props}\n    >\n      {selectable && (\n        <td\n          className={`${getSpacingClass(\"lg\", \"px\")} ${getSpacingClass(\"base\", \"py\")}`}\n        >\n          <Checkbox\n            checked={isSelected}\n            onChange={() => toggleRowSelection(id)}\n            aria-label={`Select row ${id}`}\n            className={getSpacingClass(\"none\", \"my\")}\n          />\n        </td>\n      )}\n\n      {columns.map((column) => (\n        <TableCell key={String(column.key)} column={column} row={row} />\n      ))}\n\n      {actions && (\n        <td\n          className={`${getSpacingClass(\"lg\", \"px\")} ${getSpacingClass(\"base\", \"py\")} text-right`}\n        >\n          <TableActions row={row} />\n        </td>\n      )}\n    </tr>\n  );\n}\n"],"names":["TableRow","_a","_b","row","rowIndex","className","onClick","style","props","__objRest","columns","selectable","selectionState","toggleRowSelection","getRowId","actions","onRowClick","useTableContext","id","isSelected","handleClick","e","jsxs","__spreadProps","__spreadValues","jsx","getSpacingClass","Checkbox","column","TableCell","TableActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAwBA,EAEtBC,GAOmB;AAPnB,MAAAC,IAAAD,GACA;AAAA,SAAAE;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,SAAAC;AAAA,IACA,OAAAC;AAAA,MALAL,GAMGM,IAAAC,EANHP,GAMG;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM;AAAA,IACJ,SAAAQ;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IAAKJ,EAASX,GAAKC,CAAQ,GAC3Be,IAAaP,EAAe,aAAa,SAASM,CAAE,GAEpDE,IAAc,CAACC,MAA6C;AAChE,IAAIf,KACFA,EAAQe,CAAC,GAEPL,KACFA,EAAWb,CAAG;AAAA,EAElB;AAEA,SACE,gBAAAmB;AAAA,IAAC;AAAA,IAAAC,EAAAC,EAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAeb,IAAaQ,IAAa;AAAA,MACzC,iBAAef,IAAW;AAAA,MAC1B,WAAW,0BAA0Be,IAAa,wBAAwB,EAAE,IAAId,CAAS;AAAA,MACzF,SAASe;AAAA,MACT,OAAAb;AAAA,OACIC,IAPL;AAAA,MASE,UAAA;AAAA,QAAAG,KACC,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAGC,EAAgB,MAAM,IAAI,CAAC,IAAIA,EAAgB,QAAQ,IAAI,CAAC;AAAA,YAE1E,UAAA,gBAAAD;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,SAASR;AAAA,gBACT,UAAU,MAAMN,EAAmBK,CAAE;AAAA,gBACrC,cAAY,cAAcA,CAAE;AAAA,gBAC5B,WAAWQ,EAAgB,QAAQ,IAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UACzC;AAAA,QAAA;AAAA,QAIHhB,EAAQ,IAAI,CAACkB,MACZ,gBAAAH,EAACI,GAAA,EAAmC,QAAAD,GAAgB,KAAAzB,EAAA,GAApC,OAAOyB,EAAO,GAAG,CAA6B,CAC/D;AAAA,QAEAb,KACC,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAGC,EAAgB,MAAM,IAAI,CAAC,IAAIA,EAAgB,QAAQ,IAAI,CAAC;AAAA,YAE1E,UAAA,gBAAAD,EAACK,KAAa,KAAA3B,EAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"TableRow.js","sources":["../../../../../src/ui/components/Table/TableRow.tsx"],"sourcesContent":["\"use client\";\n\nimport type { HTMLAttributes } from \"react\";\nimport { useTableContext } from \"./TableContext\";\nimport { Checkbox } from \"../../primitives\";\nimport { getSpacingClass } from \"../../tokens/spacing\";\nimport TableCell from \"./TableCell\";\nimport TableActions from \"./TableActions\";\n\nexport interface TableRowProps<\n  T extends Record<string, unknown> = Record<string, unknown>,\n> extends Omit<HTMLAttributes<HTMLTableRowElement>, \"style\"> {\n  row: T;\n  rowIndex: number;\n  style?: React.CSSProperties;\n  className?: string;\n}\n\n/**\n * TableRow Component\n *\n * Renders a table row (tr) with cells.\n * Supports selection and row click.\n * Must be used within a Table component.\n */\nexport default function TableRow<\n  T extends Record<string, unknown> = Record<string, unknown>,\n>({\n  row,\n  rowIndex,\n  className = \"\",\n  onClick,\n  style,\n  ...props\n}: TableRowProps<T>) {\n  const {\n    columns,\n    selectable,\n    selectionState,\n    toggleRowSelection,\n    getRowId,\n    actions,\n    onRowClick,\n  } = useTableContext<T>();\n\n  const id = getRowId(row, rowIndex);\n  const isSelected = selectionState.selectedRows.includes(id);\n  const isRowInteractive = !!onRowClick;\n\n  const handleClick = (e: React.MouseEvent<HTMLTableRowElement>) => {\n    if (onClick) {\n      onClick(e);\n    }\n    if (onRowClick) {\n      onRowClick(row);\n    }\n  };\n\n  // Keyboard operability for onRowClick (WCAG 2.1.1). role stays \"row\" —\n  // promoting the <tr> to role=\"button\" would strip it from the table's\n  // grid/row structure for assistive tech, which is worse than the gap\n  // being fixed. A focusable row with Enter/Space activation keeps the\n  // table semantics intact while making the action reachable.\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTableRowElement>) => {\n    if (!onRowClick) return;\n    if (e.key === \"Enter\" || e.key === \" \") {\n      if (e.key === \" \") e.preventDefault();\n      onRowClick(row);\n    }\n  };\n\n  return (\n    <tr\n      role=\"row\"\n      aria-selected={selectable ? isSelected : undefined}\n      aria-rowindex={rowIndex + 1}\n      tabIndex={isRowInteractive ? 0 : undefined}\n      onKeyDown={isRowInteractive ? handleKeyDown : undefined}\n      className={`hover:bg-surface-hover ${isRowInteractive ? \"cursor-pointer\" : \"\"} ${isSelected ? \"bg-surface-selected\" : \"\"} ${className}`}\n      onClick={handleClick}\n      style={style}\n      {...props}\n    >\n      {selectable && (\n        <td\n          className={`${getSpacingClass(\"lg\", \"px\")} ${getSpacingClass(\"base\", \"py\")}`}\n        >\n          <Checkbox\n            checked={isSelected}\n            onChange={() => toggleRowSelection(id)}\n            aria-label={`Select row ${id}`}\n            className={getSpacingClass(\"none\", \"my\")}\n          />\n        </td>\n      )}\n\n      {columns.map((column) => (\n        <TableCell key={String(column.key)} column={column} row={row} />\n      ))}\n\n      {actions && (\n        <td\n          className={`${getSpacingClass(\"lg\", \"px\")} ${getSpacingClass(\"base\", \"py\")} text-right`}\n        >\n          <TableActions row={row} />\n        </td>\n      )}\n    </tr>\n  );\n}\n"],"names":["TableRow","_a","_b","row","rowIndex","className","onClick","style","props","__objRest","columns","selectable","selectionState","toggleRowSelection","getRowId","actions","onRowClick","useTableContext","id","isSelected","isRowInteractive","handleClick","e","handleKeyDown","jsxs","__spreadProps","__spreadValues","jsx","getSpacingClass","Checkbox","column","TableCell","TableActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAwBA,EAEtBC,GAOmB;AAPnB,MAAAC,IAAAD,GACA;AAAA,SAAAE;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,SAAAC;AAAA,IACA,OAAAC;AAAA,MALAL,GAMGM,IAAAC,EANHP,GAMG;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM;AAAA,IACJ,SAAAQ;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IAAKJ,EAASX,GAAKC,CAAQ,GAC3Be,IAAaP,EAAe,aAAa,SAASM,CAAE,GACpDE,IAAmB,CAAC,CAACJ,GAErBK,IAAc,CAACC,MAA6C;AAChE,IAAIhB,KACFA,EAAQgB,CAAC,GAEPN,KACFA,EAAWb,CAAG;AAAA,EAElB,GAOMoB,IAAgB,CAACD,MAAgD;AACrE,IAAKN,MACDM,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SAC7BA,EAAE,QAAQ,OAAKA,EAAE,eAAA,GACrBN,EAAWb,CAAG;AAAA,EAElB;AAEA,SACE,gBAAAqB;AAAA,IAAC;AAAA,IAAAC,EAAAC,EAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAef,IAAaQ,IAAa;AAAA,MACzC,iBAAef,IAAW;AAAA,MAC1B,UAAUgB,IAAmB,IAAI;AAAA,MACjC,WAAWA,IAAmBG,IAAgB;AAAA,MAC9C,WAAW,0BAA0BH,IAAmB,mBAAmB,EAAE,IAAID,IAAa,wBAAwB,EAAE,IAAId,CAAS;AAAA,MACrI,SAASgB;AAAA,MACT,OAAAd;AAAA,OACIC,IATL;AAAA,MAWE,UAAA;AAAA,QAAAG,KACC,gBAAAgB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAGC,EAAgB,MAAM,IAAI,CAAC,IAAIA,EAAgB,QAAQ,IAAI,CAAC;AAAA,YAE1E,UAAA,gBAAAD;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,SAASV;AAAA,gBACT,UAAU,MAAMN,EAAmBK,CAAE;AAAA,gBACrC,cAAY,cAAcA,CAAE;AAAA,gBAC5B,WAAWU,EAAgB,QAAQ,IAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UACzC;AAAA,QAAA;AAAA,QAIHlB,EAAQ,IAAI,CAACoB,MACZ,gBAAAH,EAACI,GAAA,EAAmC,QAAAD,GAAgB,KAAA3B,EAAA,GAApC,OAAO2B,EAAO,GAAG,CAA6B,CAC/D;AAAA,QAEAf,KACC,gBAAAY;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAGC,EAAgB,MAAM,IAAI,CAAC,IAAIA,EAAgB,QAAQ,IAAI,CAAC;AAAA,YAE1E,UAAA,gBAAAD,EAACK,KAAa,KAAA7B,EAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA;AAAA,EAAA;AAIR;"}