@fabio.caffarello/react-design-system 3.8.0 → 3.10.0

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

@@ -0,0 +1,216 @@
+"use client";
+var A = Object.defineProperty, B = Object.defineProperties;
+var R = Object.getOwnPropertyDescriptors;
+var h = Object.getOwnPropertySymbols;
+var w = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var N = (e, s, i) => s in e ? A(e, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[s] = i, $ = (e, s) => {
+  for (var i in s || (s = {}))
+    w.call(s, i) && N(e, i, s[i]);
+  if (h)
+    for (var i of h(s))
+      p.call(s, i) && N(e, i, s[i]);
+  return e;
+}, y = (e, s) => B(e, R(s));
+var k = (e, s) => {
+  var i = {};
+  for (var l in e)
+    w.call(e, l) && s.indexOf(l) < 0 && (i[l] = e[l]);
+  if (e != null && h)
+    for (var l of h(e))
+      s.indexOf(l) < 0 && p.call(e, l) && (i[l] = e[l]);
+  return i;
+};
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { ChevronLeft as f, ChevronRight as u } from "lucide-react";
+import { getSpacingClass as m } from "../../../tokens/spacing.js";
+import { Button as c } from "../../../primitives/Button/Button.js";
+import C from "../../../primitives/Text/Text.js";
+import _ from "../../../primitives/Select/Select.js";
+function Q(q) {
+  var b = q, {
+    page: e,
+    pageSize: s,
+    total: i,
+    onPageChange: l,
+    onPageSizeChange: j,
+    pageSizeOptions: S = [10, 25, 50, 100],
+    showPageSizeSelector: z = !0,
+    showPageInfo: I = !0,
+    className: g = ""
+  } = b, L = k(b, [
+    "page",
+    "pageSize",
+    "total",
+    "onPageChange",
+    "onPageSizeChange",
+    "pageSizeOptions",
+    "showPageSizeSelector",
+    "showPageInfo",
+    "className"
+  ]);
+  const t = Math.ceil(i / s), M = i === 0 ? 0 : (e - 1) * s + 1, F = Math.min(e * s, i), v = () => {
+    e > 1 && l(e - 1);
+  }, x = () => {
+    e < t && l(e + 1);
+  }, P = () => {
+    e > 1 && l(1);
+  }, T = () => {
+    e < t && l(t);
+  };
+  return /* @__PURE__ */ n(
+    "div",
+    y($({
+      className: `flex items-center justify-between ${m("base", "px")} ${m("md", "py")} bg-surface-base border-t border-line-default sm:${m("lg", "px")} ${g}`
+    }, L), {
+      children: [
+        /* @__PURE__ */ n("div", { className: "flex flex-1 justify-between sm:hidden", children: [
+          /* @__PURE__ */ a(
+            c,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: v,
+              disabled: e === 1,
+              children: "Previous"
+            }
+          ),
+          /* @__PURE__ */ a(
+            c,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: x,
+              disabled: e >= t,
+              children: "Next"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between", children: [
+          I && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ n(C, { as: "p", className: "text-sm text-fg-secondary", children: [
+            "Showing ",
+            /* @__PURE__ */ a("span", { className: "font-medium", children: M }),
+            " to",
+            " ",
+            /* @__PURE__ */ a("span", { className: "font-medium", children: F }),
+            " of",
+            " ",
+            /* @__PURE__ */ a("span", { className: "font-medium", children: i }),
+            " results"
+          ] }) }),
+          /* @__PURE__ */ n("div", { className: `flex items-center ${m("base", "gap")}`, children: [
+            z && /* @__PURE__ */ n(
+              "div",
+              {
+                className: `flex items-center ${m("sm", "gap")}`,
+                children: [
+                  /* @__PURE__ */ a(C, { as: "span", className: "text-sm text-fg-secondary", children: "Show:" }),
+                  /* @__PURE__ */ a(
+                    _,
+                    {
+                      "aria-label": "Items per page",
+                      options: S.map((o) => ({
+                        value: o.toString(),
+                        label: o.toString()
+                      })),
+                      value: s.toString(),
+                      onChange: (o) => {
+                        const d = parseInt(o.target.value);
+                        j(d), l(1);
+                      },
+                      className: "w-20"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ n(
+              "nav",
+              {
+                className: `flex items-center ${m("xs", "gap")}`,
+                "aria-label": "Pagination",
+                children: [
+                  /* @__PURE__ */ n(
+                    c,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      onClick: P,
+                      disabled: e === 1,
+                      "aria-label": "First page",
+                      children: [
+                        /* @__PURE__ */ a(f, { className: "h-4 w-4" }),
+                        /* @__PURE__ */ a(f, { className: "h-4 w-4 -ml-2" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    c,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      onClick: v,
+                      disabled: e === 1,
+                      "aria-label": "Previous page",
+                      children: /* @__PURE__ */ a(f, { className: "h-4 w-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: `flex items-center ${m("xs", "gap")}`,
+                      children: Array.from({ length: Math.min(5, t) }, (o, d) => {
+                        let r;
+                        return t <= 5 || e <= 3 ? r = d + 1 : e >= t - 2 ? r = t - 4 + d : r = e - 2 + d, /* @__PURE__ */ a(
+                          c,
+                          {
+                            variant: e === r ? "primary" : "ghost",
+                            size: "sm",
+                            onClick: () => l(r),
+                            className: "min-w-10",
+                            "aria-label": `Page ${r}`,
+                            "aria-current": e === r ? "page" : void 0,
+                            children: r
+                          },
+                          r
+                        );
+                      })
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    c,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      onClick: x,
+                      disabled: e >= t,
+                      "aria-label": "Next page",
+                      children: /* @__PURE__ */ a(u, { className: "h-4 w-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    c,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      onClick: T,
+                      disabled: e >= t,
+                      "aria-label": "Last page",
+                      children: [
+                        /* @__PURE__ */ a(u, { className: "h-4 w-4" }),
+                        /* @__PURE__ */ a(u, { className: "h-4 w-4 -ml-2" })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    })
+  );
+}
+export {
+  Q as default
+};
+//# sourceMappingURL=TablePagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.js","sources":["../../../../../../src/ui/components/Table/TablePagination/TablePagination.tsx"],"sourcesContent":["\"use client\";\n\nimport type { HTMLAttributes } from \"react\";\nimport { Button, Select, Text } from \"../../../primitives\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { getSpacingClass } from \"../../../tokens/spacing\";\n\nexport interface TablePaginationProps extends HTMLAttributes<HTMLDivElement> {\n  page: number;\n  pageSize: number;\n  total: number;\n  onPageChange: (page: number) => void;\n  onPageSizeChange: (size: number) => void;\n  pageSizeOptions?: number[];\n  showPageSizeSelector?: boolean;\n  showPageInfo?: boolean;\n}\n\n/**\n * TablePagination Component\n *\n * Pagination controls for tables with page navigation and page size selection.\n * Follows Atomic Design principles as a Molecule component.\n *\n * @example\n * ```tsx\n * <TablePagination\n *   page={1}\n *   pageSize={10}\n *   total={100}\n *   onPageChange={(page) => setPage(page)}\n *   onPageSizeChange={(size) => setPageSize(size)}\n * />\n * ```\n */\nexport default function TablePagination({\n  page,\n  pageSize,\n  total,\n  onPageChange,\n  onPageSizeChange,\n  pageSizeOptions = [10, 25, 50, 100],\n  showPageSizeSelector = true,\n  showPageInfo = true,\n  className = \"\",\n  ...props\n}: TablePaginationProps) {\n  const totalPages = Math.ceil(total / pageSize);\n  const startItem = total === 0 ? 0 : (page - 1) * pageSize + 1;\n  const endItem = Math.min(page * pageSize, total);\n\n  const handlePrevious = () => {\n    if (page > 1) {\n      onPageChange(page - 1);\n    }\n  };\n\n  const handleNext = () => {\n    if (page < totalPages) {\n      onPageChange(page + 1);\n    }\n  };\n\n  const handleFirst = () => {\n    if (page > 1) {\n      onPageChange(1);\n    }\n  };\n\n  const handleLast = () => {\n    if (page < totalPages) {\n      onPageChange(totalPages);\n    }\n  };\n\n  return (\n    <div\n      className={`flex items-center justify-between ${getSpacingClass(\"base\", \"px\")} ${getSpacingClass(\"md\", \"py\")} bg-surface-base border-t border-line-default sm:${getSpacingClass(\"lg\", \"px\")} ${className}`}\n      {...props}\n    >\n      <div className=\"flex flex-1 justify-between sm:hidden\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={handlePrevious}\n          disabled={page === 1}\n        >\n          Previous\n        </Button>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={handleNext}\n          disabled={page >= totalPages}\n        >\n          Next\n        </Button>\n      </div>\n\n      <div className=\"hidden sm:flex sm:flex-1 sm:items-center sm:justify-between\">\n        {showPageInfo && (\n          <div>\n            <Text as=\"p\" className=\"text-sm text-fg-secondary\">\n              Showing <span className=\"font-medium\">{startItem}</span> to{\" \"}\n              <span className=\"font-medium\">{endItem}</span> of{\" \"}\n              <span className=\"font-medium\">{total}</span> results\n            </Text>\n          </div>\n        )}\n\n        <div className={`flex items-center ${getSpacingClass(\"base\", \"gap\")}`}>\n          {showPageSizeSelector && (\n            <div\n              className={`flex items-center ${getSpacingClass(\"sm\", \"gap\")}`}\n            >\n              <Text as=\"span\" className=\"text-sm text-fg-secondary\">\n                Show:\n              </Text>\n              <Select\n                aria-label=\"Items per page\"\n                options={pageSizeOptions.map((size) => ({\n                  value: size.toString(),\n                  label: size.toString(),\n                }))}\n                value={pageSize.toString()}\n                onChange={(e) => {\n                  const newSize = parseInt(e.target.value);\n                  onPageSizeChange(newSize);\n                  // Reset to first page when changing page size\n                  onPageChange(1);\n                }}\n                className=\"w-20\"\n              />\n            </div>\n          )}\n\n          <nav\n            className={`flex items-center ${getSpacingClass(\"xs\", \"gap\")}`}\n            aria-label=\"Pagination\"\n          >\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={handleFirst}\n              disabled={page === 1}\n              aria-label=\"First page\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n              <ChevronLeft className=\"h-4 w-4 -ml-2\" />\n            </Button>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={handlePrevious}\n              disabled={page === 1}\n              aria-label=\"Previous page\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n            </Button>\n\n            <div\n              className={`flex items-center ${getSpacingClass(\"xs\", \"gap\")}`}\n            >\n              {Array.from({ length: Math.min(5, totalPages) }, (_, i) => {\n                let pageNum: number;\n                if (totalPages <= 5) {\n                  pageNum = i + 1;\n                } else if (page <= 3) {\n                  pageNum = i + 1;\n                } else if (page >= totalPages - 2) {\n                  pageNum = totalPages - 4 + i;\n                } else {\n                  pageNum = page - 2 + i;\n                }\n\n                return (\n                  <Button\n                    key={pageNum}\n                    variant={page === pageNum ? \"primary\" : \"ghost\"}\n                    size=\"sm\"\n                    onClick={() => onPageChange(pageNum)}\n                    className=\"min-w-10\"\n                    aria-label={`Page ${pageNum}`}\n                    aria-current={page === pageNum ? \"page\" : undefined}\n                  >\n                    {pageNum}\n                  </Button>\n                );\n              })}\n            </div>\n\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={handleNext}\n              disabled={page >= totalPages}\n              aria-label=\"Next page\"\n            >\n              <ChevronRight className=\"h-4 w-4\" />\n            </Button>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={handleLast}\n              disabled={page >= totalPages}\n              aria-label=\"Last page\"\n            >\n              <ChevronRight className=\"h-4 w-4\" />\n              <ChevronRight className=\"h-4 w-4 -ml-2\" />\n            </Button>\n          </nav>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["TablePagination","_a","_b","page","pageSize","total","onPageChange","onPageSizeChange","pageSizeOptions","showPageSizeSelector","showPageInfo","className","props","__objRest","totalPages","startItem","endItem","handlePrevious","handleNext","handleFirst","handleLast","jsxs","__spreadProps","__spreadValues","getSpacingClass","jsx","Button","Text","Select","size","e","newSize","ChevronLeft","_","i","pageNum","ChevronRight"],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+"use client";
+var c = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var r = (e, a, t) => a in e ? c(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, u = (e, a) => {
+  for (var t in a || (a = {}))
+    l.call(a, t) && r(e, t, a[t]);
+  if (i)
+    for (var t of i(a))
+      p.call(a, t) && r(e, t, a[t]);
+  return e;
+};
+var s = (e, a) => {
+  var t = {};
+  for (var n in e)
+    l.call(e, n) && a.indexOf(n) < 0 && (t[n] = e[n]);
+  if (e != null && i)
+    for (var n of i(e))
+      a.indexOf(n) < 0 && p.call(e, n) && (t[n] = e[n]);
+  return t;
+};
+import { jsx as z } from "react/jsx-runtime";
+import { useTableContext as b } from "./TableContext.js";
+import x from "./TablePagination/TablePagination.js";
+function M(C) {
+  var g = C, {
+    showPageSizeSelector: e = !0,
+    showPageInfo: a = !0,
+    pageSizeOptions: t,
+    className: n = ""
+  } = g, P = s(g, [
+    "showPageSizeSelector",
+    "showPageInfo",
+    "pageSizeOptions",
+    "className"
+  ]);
+  const { paginationState: o, setPage: f, setPageSize: m, paginationMode: S } = b();
+  return S === "client" && o.totalPages <= 1 ? null : /* @__PURE__ */ z(
+    x,
+    u({
+      page: o.page,
+      pageSize: o.pageSize,
+      total: o.total,
+      onPageChange: f,
+      onPageSizeChange: m,
+      pageSizeOptions: t,
+      showPageSizeSelector: e,
+      showPageInfo: a,
+      className: n
+    }, P)
+  );
+}
+export {
+  M as default
+};
+//# sourceMappingURL=TablePagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.js","sources":["../../../../../src/ui/components/Table/TablePagination.tsx"],"sourcesContent":["\"use client\";\n\nimport type { HTMLAttributes } from \"react\";\nimport { useTableContext } from \"./TableContext\";\nimport TablePaginationComponent from \"./TablePagination/TablePagination\";\n\nexport interface TablePaginationProps extends HTMLAttributes<HTMLDivElement> {\n  showPageSizeSelector?: boolean;\n  showPageInfo?: boolean;\n  pageSizeOptions?: number[];\n}\n\n/**\n * TablePagination Component\n *\n * Renders pagination controls for the table.\n * Uses pagination state from Table context.\n * Must be used within a Table component.\n */\nexport default function TablePagination({\n  showPageSizeSelector = true,\n  showPageInfo = true,\n  pageSizeOptions,\n  className = \"\",\n  ...props\n}: TablePaginationProps) {\n  const { paginationState, setPage, setPageSize, paginationMode } =\n    useTableContext();\n\n  // Only show pagination if there's more than one page or if in server mode\n  if (paginationMode === \"client\" && paginationState.totalPages <= 1) {\n    return null;\n  }\n\n  return (\n    <TablePaginationComponent\n      page={paginationState.page}\n      pageSize={paginationState.pageSize}\n      total={paginationState.total}\n      onPageChange={setPage}\n      onPageSizeChange={setPageSize}\n      pageSizeOptions={pageSizeOptions}\n      showPageSizeSelector={showPageSizeSelector}\n      showPageInfo={showPageInfo}\n      className={className}\n      {...props}\n    />\n  );\n}\n"],"names":["TablePagination","_a","_b","showPageSizeSelector","showPageInfo","pageSizeOptions","className","props","__objRest","paginationState","setPage","setPageSize","paginationMode","useTableContext","jsx","TablePaginationComponent","__spreadValues"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,SAAwBA,EAAgBC,GAMf;AANe,MAAAC,IAAAD,GACtC;AAAA,0BAAAE,IAAuB;AAAA,IACvB,cAAAC,IAAe;AAAA,IACf,iBAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,MAJ0BJ,GAKnCK,IAAAC,EALmCN,GAKnC;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,EAAE,iBAAAO,GAAiB,SAAAC,GAAS,aAAAC,GAAa,gBAAAC,EAAA,IAC7CC,EAAA;AAGF,SAAID,MAAmB,YAAYH,EAAgB,cAAc,IACxD,OAIP,gBAAAK;AAAA,IAACC;AAAAA,IAAAC,EAAA;AAAA,MACC,MAAMP,EAAgB;AAAA,MACtB,UAAUA,EAAgB;AAAA,MAC1B,OAAOA,EAAgB;AAAA,MACvB,cAAcC;AAAA,MACd,kBAAkBC;AAAA,MAClB,iBAAAN;AAAA,MACA,sBAAAF;AAAA,MACA,cAAAC;AAAA,MACA,WAAAE;AAAA,OACIC;AAAA,EAAA;AAGV;"}

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

@@ -0,0 +1,244 @@
+"use client";
+var Zt = Object.defineProperty, $t = Object.defineProperties;
+var bt = Object.getOwnPropertyDescriptors;
+var pt = Object.getOwnPropertySymbols;
+var yt = Object.prototype.hasOwnProperty, Kt = Object.prototype.propertyIsEnumerable;
+var at = (i, r, e) => r in i ? Zt(i, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[r] = e, Dt = (i, r) => {
+  for (var e in r || (r = {}))
+    yt.call(r, e) && at(i, e, r[e]);
+  if (pt)
+    for (var e of pt(r))
+      Kt.call(r, e) && at(i, e, r[e]);
+  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 { TableContextProvider as xt } from "./TableContext.js";
+function Ct({
+  columns: i,
+  data: r,
+  loading: e = !1,
+  paginationMode: Q,
+  page: y,
+  pageSize: U,
+  total: D,
+  onPageChange: l,
+  onPageSizeChange: S,
+  defaultPageSize: mt = 10,
+  pageSizeOptions: Rt,
+  sortColumn: K,
+  sortDirection: It,
+  onSort: d,
+  defaultSortColumn: Wt,
+  defaultSortDirection: kt = "asc",
+  filters: V,
+  filterValues: g,
+  onFilter: m,
+  initialFilterValues: Lt = {},
+  selectable: I = !1,
+  selectedRows: x,
+  onSelectionChange: W,
+  rowId: _,
+  actions: R,
+  emptyMessage: F = "No data available",
+  emptyStateTitle: T,
+  emptyStateMessage: h,
+  emptyStateIllustration: w,
+  emptyStateAction: C,
+  onRowClick: P,
+  resizable: z = !1,
+  columnWidths: tt,
+  onColumnResize: k,
+  virtualScrolling: st,
+  virtualScrollingOptions: rt,
+  children: jt
+}) {
+  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(
+    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(
+    []
+  ), c = Z ? x : Jt, H = f(() => !V || V.length === 0 ? r : r.filter((t) => V.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(() => {
+    if (j && d || !A) return H;
+    const t = [...H];
+    return t.sort((s, n) => {
+      const M = s[A], Yt = n[A], vt = String(M || "").localeCompare(
+        String(Yt || "")
+      );
+      return E === "asc" ? vt : -vt;
+    }), t;
+  }, [H, A, E, d, j]), u = f(() => {
+    if (L === "server")
+      return $;
+    const t = (q - 1) * v, s = t + v;
+    return $.slice(t, s);
+  }, [$, L, q, v]), N = 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(
+    (t) => {
+      X ? l == null || l(t) : Nt(t);
+    },
+    [X, l]
+  ), it = o(
+    (t) => {
+      S ? S(t) : St(t), O(1);
+    },
+    [S, O]
+  ), ct = o(
+    (t, s) => {
+      j ? d == null || d(t, s) : (qt(t), Et(s));
+    },
+    [j, d]
+  ), ut = o(
+    (t) => {
+      Y ? m == null || m(t) : Ht(t), O(1);
+    },
+    [Y, m, O]
+  ), p = o(
+    (t) => {
+      Z ? W == null || W(t) : Mt(t);
+    },
+    [Z, W]
+  ), ft = o(
+    (t) => {
+      const s = c.includes(t) ? c.filter((n) => n !== t) : [...c, t];
+      p(s);
+    },
+    [c, p]
+  ), ot = o(() => {
+    if (J)
+      p([]);
+    else {
+      const t = u.map((s, n) => N(s, n));
+      p(t);
+    }
+  }, [J, u, N, p]), [Qt, Ut] = a({}), b = tt !== void 0, lt = b ? tt : Qt, dt = o(
+    (t, s) => {
+      b ? k == null || k(t, s) : Ut((n) => Vt(Dt({}, n), {
+        [t]: s
+      }));
+    },
+    [b, k]
+  ), Xt = f(
+    () => ({
+      columns: i,
+      data: r,
+      paginatedData: u,
+      loading: e,
+      paginationState: {
+        page: q,
+        pageSize: v,
+        total: B,
+        totalPages: nt
+      },
+      sortState: {
+        column: A,
+        direction: E
+      },
+      filterState: {
+        values: G,
+        config: V || []
+      },
+      selectionState: {
+        selectedRows: c,
+        isAllSelected: J,
+        isIndeterminate: et
+      },
+      paginationMode: L,
+      selectable: I,
+      rowId: _,
+      actions: R,
+      resizable: z,
+      columnWidths: lt,
+      virtualScrolling: st,
+      virtualScrollingOptions: rt,
+      emptyMessage: F,
+      emptyStateTitle: T,
+      emptyStateMessage: h,
+      emptyStateIllustration: w,
+      emptyStateAction: C,
+      setPage: O,
+      setPageSize: it,
+      setSorting: ct,
+      setFilters: ut,
+      setSelection: p,
+      toggleRowSelection: ft,
+      toggleSelectAll: ot,
+      getRowId: N,
+      setColumnWidth: dt,
+      onPageChange: l,
+      onPageSizeChange: S,
+      onSort: d,
+      onFilter: m,
+      onSelectionChange: W,
+      onRowClick: P,
+      onColumnResize: k
+    }),
+    [
+      i,
+      r,
+      u,
+      e,
+      q,
+      v,
+      B,
+      nt,
+      A,
+      E,
+      G,
+      V,
+      c,
+      J,
+      et,
+      L,
+      I,
+      _,
+      R,
+      F,
+      T,
+      h,
+      w,
+      C,
+      O,
+      it,
+      ct,
+      ut,
+      p,
+      ft,
+      ot,
+      N,
+      dt,
+      l,
+      S,
+      d,
+      m,
+      W,
+      P,
+      k,
+      z,
+      lt,
+      st,
+      rt
+    ]
+  );
+  return /* @__PURE__ */ gt(xt, { value: Xt, children: jt });
+}
+export {
+  Ct as TableProvider
+};
+//# sourceMappingURL=TableProvider.js.map

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

@@ -0,0 +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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"}