@sesamehr/react-design-system 3.9.0 → 3.10.1

package/dist/Data/Table/TablePagination/TablePagination.js

@@ -0,0 +1,135 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { IconChevronDown as D } from "@sesame/orxata-icons/IconChevronDown";
+import { IconChevronLeft as O } from "@sesame/orxata-icons/IconChevronLeft";
+import { IconChevronRight as W } from "@sesame/orxata-icons/IconChevronRight";
+import { Icon as p } from "@sesame/orxata-icons/react";
+import { forwardRef as q, useMemo as E } from "react";
+import { cn as h } from "../../../lib/utils.js";
+import t from "./TablePagination.module.css.js";
+import { useTranslate as F } from "../../../Locale/useTranslate.js";
+const H = q(
+  ({
+    className: I,
+    page: n = 1,
+    pageSize: r = 10,
+    pageCount: P,
+    total: m = 0,
+    pageSizes: M = [10, 20, 50, 100],
+    onPageChange: o,
+    onPageSizeChange: b,
+    ...k
+  }, B) => {
+    const x = P ?? (Math.ceil(m / r) || 1), u = n, v = m === 0 ? 0 : (n - 1) * r + 1, w = Math.min(v + r - 1, m), N = n > 1, T = n < x, j = E(() => {
+      const a = [], s = u, c = x;
+      if (c <= 7)
+        for (let e = 1; e <= c; e++) a.push(e);
+      else {
+        a.push(1), s > 3 && a.push("...");
+        const e = Math.max(2, s - 1), A = Math.min(c - 1, s + 1);
+        for (let f = e; f <= A; f++) a.push(f);
+        s < c - 2 && a.push("..."), a.push(c);
+      }
+      return a;
+    }, [u, x]), y = () => {
+      N && (o == null || o(n - 1));
+    }, G = () => {
+      T && (o == null || o(n + 1));
+    }, L = (a) => {
+      a !== "..." && (o == null || o(a));
+    }, d = F(), R = (a) => {
+      b == null || b(Number(a.target.value));
+    };
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: B,
+        className: h(t.oxTablePagination, I),
+        "data-slot": "pagination",
+        ...k,
+        children: [
+          /* @__PURE__ */ l("div", { className: t.oxTablePaginationInfo, children: [
+            /* @__PURE__ */ l("span", { children: [
+              v,
+              "-",
+              w
+            ] }),
+            /* @__PURE__ */ i("span", { children: d("orxata.table.pagination.of") }),
+            /* @__PURE__ */ i("span", { children: m })
+          ] }),
+          /* @__PURE__ */ l("div", { className: t.oxTablePaginationPages, children: [
+            /* @__PURE__ */ i(
+              "button",
+              {
+                className: t.oxTablePaginationBtn,
+                "aria-label": d("orxata.table.pagination.previous"),
+                disabled: !N,
+                onClick: y,
+                children: /* @__PURE__ */ i(
+                  p,
+                  {
+                    icon: O,
+                    className: t.oxTablePaginationIcon
+                  }
+                )
+              }
+            ),
+            j.map((a, s) => /* @__PURE__ */ i(
+              "button",
+              {
+                className: h(
+                  t.oxTablePaginationBtn,
+                  a === u && t.oxTablePaginationBtnActive
+                ),
+                disabled: a === "...",
+                onClick: () => L(a),
+                children: a
+              },
+              s
+            )),
+            /* @__PURE__ */ i(
+              "button",
+              {
+                className: t.oxTablePaginationBtn,
+                "aria-label": d("orxata.table.pagination.next"),
+                disabled: !T,
+                onClick: G,
+                children: /* @__PURE__ */ i(
+                  p,
+                  {
+                    icon: W,
+                    className: t.oxTablePaginationIcon
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l("div", { className: t.oxTablePaginationSize, children: [
+            /* @__PURE__ */ i("span", { className: t.oxTablePaginationSizeLabel, children: d("orxata.table.pagination.rowsPerPage") }),
+            /* @__PURE__ */ l("div", { className: t.oxTablePaginationSelectWrapper, children: [
+              /* @__PURE__ */ i(
+                "select",
+                {
+                  className: t.oxTablePaginationSelect,
+                  value: r,
+                  onChange: R,
+                  children: M.map((a) => /* @__PURE__ */ i("option", { value: a, children: a }, a))
+                }
+              ),
+              /* @__PURE__ */ i(
+                p,
+                {
+                  icon: D,
+                  className: t.oxTablePaginationSelectIcon
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+H.displayName = "OxTablePagination";
+export {
+  H as TablePagination
+};

package/dist/Data/Table/TablePagination/TablePagination.module.css.js

@@ -0,0 +1,27 @@
+const a = "_oxTablePagination_1oxvk_2", o = "_oxTablePaginationInfo_1oxvk_2", n = "_oxTablePaginationPages_1oxvk_2", i = "_oxTablePaginationBtn_1oxvk_2", e = "_oxTablePaginationBtnActive_1oxvk_2", t = "_oxTablePaginationIcon_1oxvk_2", l = "_oxTablePaginationSize_1oxvk_2", x = "_oxTablePaginationSizeLabel_1oxvk_2", b = "_oxTablePaginationSelectWrapper_1oxvk_2", g = "_oxTablePaginationSelect_1oxvk_2", P = "_oxTablePaginationSelectIcon_1oxvk_2", T = {
+  oxTablePagination: a,
+  oxTablePaginationInfo: o,
+  oxTablePaginationPages: n,
+  oxTablePaginationBtn: i,
+  oxTablePaginationBtnActive: e,
+  oxTablePaginationIcon: t,
+  oxTablePaginationSize: l,
+  oxTablePaginationSizeLabel: x,
+  oxTablePaginationSelectWrapper: b,
+  oxTablePaginationSelect: g,
+  oxTablePaginationSelectIcon: P
+};
+export {
+  T as default,
+  a as oxTablePagination,
+  i as oxTablePaginationBtn,
+  e as oxTablePaginationBtnActive,
+  t as oxTablePaginationIcon,
+  o as oxTablePaginationInfo,
+  n as oxTablePaginationPages,
+  g as oxTablePaginationSelect,
+  P as oxTablePaginationSelectIcon,
+  b as oxTablePaginationSelectWrapper,
+  l as oxTablePaginationSize,
+  x as oxTablePaginationSizeLabel
+};

package/dist/Data/Table/TableRow/TableRow.js

@@ -0,0 +1,89 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useSortable as g } from "@dnd-kit/sortable";
+import { CSS as p } from "@dnd-kit/utilities";
+import { forwardRef as T } from "react";
+import { cn as m } from "../../../lib/utils.js";
+import e from "./TableRow.module.css.js";
+import { RowDragContext as u } from "./rowDrag.js";
+const S = T(
+  (o, t) => {
+    if (o.dragId !== void 0)
+      return /* @__PURE__ */ r(v, { ...o });
+    const {
+      className: a,
+      selected: l = !1,
+      expanded: s = !1,
+      children: d,
+      dragId: n,
+      ...i
+    } = o;
+    return /* @__PURE__ */ r(
+      "tr",
+      {
+        ref: t,
+        className: m(
+          e.oxTableRow,
+          l && e.oxTableRowSelected,
+          s && e.oxTableRowExpanded,
+          a
+        ),
+        "data-slot": "row",
+        ...i,
+        children: d
+      }
+    );
+  }
+);
+S.displayName = "OxTableRow";
+function v({
+  className: o,
+  selected: t = !1,
+  expanded: a = !1,
+  children: l,
+  dragId: s,
+  ...d
+}) {
+  const {
+    setNodeRef: n,
+    setActivatorNodeRef: i,
+    transform: c,
+    transition: x,
+    isDragging: f,
+    attributes: w,
+    listeners: R
+  } = g({ id: s }), b = {
+    transform: p.Transform.toString(c),
+    transition: x,
+    ...f ? { position: "relative", zIndex: 2, opacity: 0.85 } : null
+  };
+  return /* @__PURE__ */ r(
+    u.Provider,
+    {
+      value: {
+        attributes: w,
+        listeners: R,
+        setActivatorNodeRef: i
+      },
+      children: /* @__PURE__ */ r(
+        "tr",
+        {
+          ref: n,
+          style: b,
+          className: m(
+            e.oxTableRow,
+            t && e.oxTableRowSelected,
+            a && e.oxTableRowExpanded,
+            o
+          ),
+          "data-slot": "row",
+          "data-dragging": f || void 0,
+          ...d,
+          children: l
+        }
+      )
+    }
+  );
+}
+export {
+  S as TableRow
+};

package/dist/Data/Table/TableRow/TableRow.module.css.js

@@ -0,0 +1,11 @@
+const e = "_oxTableRow_fa9ic_2", o = "_oxTableRowSelected_fa9ic_2", a = "_oxTableRowExpanded_fa9ic_2", l = {
+  oxTableRow: e,
+  oxTableRowSelected: o,
+  oxTableRowExpanded: a
+};
+export {
+  l as default,
+  e as oxTableRow,
+  a as oxTableRowExpanded,
+  o as oxTableRowSelected
+};

package/dist/Data/Table/TableRow/rowDrag.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const e = t(null);
+export {
+  e as RowDragContext
+};

package/dist/Data/Table/TableRowExpanded/TableRowExpanded.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { cn as s } from "../../../lib/utils.js";
+import a from "./TableRowExpanded.module.css.js";
+const m = p(({ className: o, expanded: d = !1, colspan: l = 1, children: r, ...n }, t) => d ? /* @__PURE__ */ e(
+  "tr",
+  {
+    ref: t,
+    className: s(a.oxTableRowExpanded, o),
+    "data-slot": "row-expanded",
+    ...n,
+    children: /* @__PURE__ */ e("td", { colSpan: l, className: a.oxTableRowExpandedCell, children: /* @__PURE__ */ e("div", { className: a.oxTableRowExpandedContent, children: r }) })
+  }
+) : null);
+m.displayName = "OxTableRowExpanded";
+export {
+  m as TableRowExpanded
+};

package/dist/Data/Table/TableRowExpanded/TableRowExpanded.module.css.js

@@ -0,0 +1,11 @@
+const e = "_oxTableRowExpanded_y3m5z_2", o = "_oxTableRowExpandedCell_y3m5z_2", a = "_oxTableRowExpandedContent_y3m5z_2", d = {
+  oxTableRowExpanded: e,
+  oxTableRowExpandedCell: o,
+  oxTableRowExpandedContent: a
+};
+export {
+  d as default,
+  e as oxTableRowExpanded,
+  o as oxTableRowExpandedCell,
+  a as oxTableRowExpandedContent
+};

package/dist/Data/Table/TableScrollbar/TableScrollbar.js

@@ -0,0 +1,50 @@
+import { jsx as b } from "react/jsx-runtime";
+import { useRef as d, useState as h, useCallback as m, useEffect as g } from "react";
+import { useTableVirtualContext as x } from "../hooks/useTableVirtual/context.js";
+import { SCROLLBAR_THICKNESS as R } from "../../../Layout/Scrollbar/useScrollbar.js";
+import { Scrollbar as S } from "../../../Layout/Scrollbar/Scrollbar.js";
+const p = 4;
+function v(t, r) {
+  t(
+    (n) => Object.keys(r).every((s) => n[s] === r[s]) ? n : r
+  );
+}
+function L() {
+  const t = x(), r = d(null), [n, s] = h({ top: 0, left: 0, height: 0 }), l = m(() => {
+    var u;
+    const e = t == null ? void 0 : t.containerRef.current, o = r.current;
+    if (!e || !o) return;
+    const c = o.offsetParent ?? document.body, i = e.getBoundingClientRect(), a = c.getBoundingClientRect(), f = ((u = e.querySelector("thead")) == null ? void 0 : u.getBoundingClientRect().height) ?? 0;
+    v(s, {
+      top: i.top + e.clientTop + f + p - (a.top + c.clientTop),
+      left: i.left + e.clientLeft + e.clientWidth - R - (a.left + c.clientLeft),
+      height: Math.max(0, e.clientHeight - f - p * 2)
+    });
+  }, [t]);
+  return g(() => {
+    const e = t == null ? void 0 : t.containerRef.current;
+    if (!e) return;
+    e.addEventListener("scroll", l, { passive: !0 }), e.addEventListener("mouseenter", l, { passive: !0 });
+    let o = null;
+    return typeof ResizeObserver < "u" && (o = new ResizeObserver(l), o.observe(e)), l(), () => {
+      e.removeEventListener("scroll", l), e.removeEventListener("mouseenter", l), o == null || o.disconnect();
+    };
+  }), t ? /* @__PURE__ */ b(
+    S,
+    {
+      ref: r,
+      port: t.containerRef,
+      style: {
+        "--ox-scrollbar-top": `${n.top}px`,
+        "--ox-scrollbar-left": `${n.left}px`,
+        "--ox-scrollbar-right": "auto",
+        "--ox-scrollbar-height": `${n.height}px`
+      },
+      dataTestid: "ox-table-scrollbar"
+    }
+  ) : null;
+}
+L.displayName = "OxTableScrollbar";
+export {
+  L as TableScrollbar
+};

package/dist/Data/Table/TableSelectCell/TableSelectCell.js

@@ -0,0 +1,46 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import { Checkbox as b } from "../../../Forms/Inputs/Toggle/Checkbox/Checkbox.js";
+import { cn as C } from "../../../lib/utils.js";
+import e from "./TableSelectCell.module.css.js";
+const S = x(
+  ({
+    className: s,
+    checked: m = !1,
+    header: o = !1,
+    fixed: a = !1,
+    fixedOffset: f = "0px",
+    disabled: c = !1,
+    onChange: l,
+    style: r,
+    ...d
+  }, i) => /* @__PURE__ */ t(
+    o ? "th" : "td",
+    {
+      ref: i,
+      className: C(
+        e.oxTableSelectCell,
+        o && e.oxTableSelectCellHeader,
+        // Literal global class name referenced by Table's global stylesheet.
+        a && ["table-select-cell-fixed", e.oxTableSelectCellFixed],
+        s
+      ),
+      style: a ? { left: f, ...r } : r,
+      "data-disabled": c || void 0,
+      "data-slot": "select",
+      ...d,
+      children: /* @__PURE__ */ t("div", { className: e.oxTableSelectCellContent, children: /* @__PURE__ */ t(
+        b,
+        {
+          disabled: c,
+          checked: m,
+          onCheckedChange: (p) => l == null ? void 0 : l(p === !0)
+        }
+      ) })
+    }
+  )
+);
+S.displayName = "OxTableSelectCell";
+export {
+  S as TableSelectCell
+};

package/dist/Data/Table/TableSelectCell/TableSelectCell.module.css.js

@@ -0,0 +1,13 @@
+const e = "_oxTableSelectCell_1s1yr_2", l = "_oxTableSelectCellHeader_1s1yr_2", t = "_oxTableSelectCellContent_1s1yr_2", o = "_oxTableSelectCellFixed_1s1yr_2", a = {
+  oxTableSelectCell: e,
+  oxTableSelectCellHeader: l,
+  oxTableSelectCellContent: t,
+  oxTableSelectCellFixed: o
+};
+export {
+  a as default,
+  e as oxTableSelectCell,
+  t as oxTableSelectCellContent,
+  o as oxTableSelectCellFixed,
+  l as oxTableSelectCellHeader
+};

package/dist/Data/Table/TableVirtualized/TableVirtualized.js

@@ -0,0 +1,19 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Table as t } from "../Table.js";
+import { TableVirtualContext as a } from "../hooks/useTableVirtual/context.js";
+function l({
+  virtualizer: e,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    a.Provider,
+    {
+      value: e,
+      children: /* @__PURE__ */ r(t, { ...i })
+    }
+  );
+}
+l.displayName = "OxTableVirtualized";
+export {
+  l as TableVirtualized
+};

package/dist/Data/Table/hooks/useDragToScroll/useDragToScroll.js

@@ -0,0 +1,64 @@
+import { useState as S, useRef as a, useEffect as T } from "react";
+function X(r) {
+  return typeof r == "function" ? r() : r;
+}
+const x = 4;
+function R(r, M = {}) {
+  const {
+    enabled: l = !0,
+    cursor: f = "grabbing",
+    ignore: d = '[data-slot="drag"]'
+  } = M, [k, g] = S(!1), v = a(l);
+  v.current = l;
+  const m = a(f);
+  m.current = f;
+  const L = a(d);
+  return L.current = d, T(() => {
+    const n = r.current;
+    if (!n) return;
+    let c = !1, s = !1, p = 0, E = 0, u;
+    function w(e) {
+      var b;
+      if (!X(v.current)) return;
+      const t = r.current;
+      if (!t || e.button !== 0) return;
+      const o = L.current;
+      o && ((b = e.target) != null && b.closest(o)) || t.scrollWidth <= t.clientWidth || (c = !0, p = e.pageX - t.offsetLeft, E = t.scrollLeft);
+    }
+    function D(e) {
+      if (!c) return;
+      const t = r.current;
+      if (!t) return;
+      const o = e.pageX - t.offsetLeft - p;
+      if (!s) {
+        if (Math.abs(o) < x) return;
+        s = !0, g(!0), t.style.cursor = m.current, t.style.userSelect = "none";
+      }
+      e.preventDefault(), t.scrollLeft = E - o;
+    }
+    function y(e) {
+      const t = (o) => {
+        o.stopPropagation(), o.preventDefault();
+      };
+      e.addEventListener("click", t, { capture: !0, once: !0 }), clearTimeout(u), u = setTimeout(() => {
+        e.removeEventListener("click", t, { capture: !0 }), u = void 0;
+      });
+    }
+    function i() {
+      if (c = !1, !s) return;
+      const e = r.current;
+      e && (e.style.cursor = "", e.style.userSelect = "", y(e)), s = !1, g(!1);
+    }
+    function h() {
+      i();
+    }
+    return n.addEventListener("mousedown", w), n.addEventListener("mousemove", D), n.addEventListener("mouseup", i), n.addEventListener("mouseleave", h), () => {
+      clearTimeout(u), n.removeEventListener("mousedown", w), n.removeEventListener("mousemove", D), n.removeEventListener("mouseup", i), n.removeEventListener("mouseleave", h);
+    };
+  }, [r]), {
+    isDragging: k
+  };
+}
+export {
+  R as useDragToScroll
+};

package/dist/Data/Table/hooks/useFixedColumns.js

@@ -0,0 +1,76 @@
+import { useRef as w, useCallback as R, useEffect as T } from "react";
+const E = "tr:not([data-spacer])", H = "data-hovered";
+function P(d, g, p) {
+  const y = w(!1), m = R(() => {
+    const n = d.current, r = g.current, o = p.current;
+    if (!n) return;
+    const h = n.querySelectorAll(E), c = (r == null ? void 0 : r.querySelectorAll(E)) ?? [], s = (o == null ? void 0 : o.querySelectorAll(E)) ?? [];
+    h.forEach((u, t) => {
+      u.style.height = "", c[t] && (c[t].style.height = ""), s[t] && (s[t].style.height = "");
+    }), h.forEach((u, t) => {
+      const l = [u.getBoundingClientRect().height];
+      c[t] && l.push(c[t].getBoundingClientRect().height), s[t] && l.push(s[t].getBoundingClientRect().height);
+      const a = `${Math.max(...l)}px`;
+      u.style.height = a, c[t] && (c[t].style.height = a), s[t] && (s[t].style.height = a);
+    });
+  }, [d, g, p]), L = w(m);
+  return L.current = m, T(() => {
+    const n = d.current, r = g.current, o = p.current;
+    function h(e, v) {
+      y.current || (y.current = !0, v.forEach((i) => {
+        i && i !== e && (i.scrollTop = e.scrollTop);
+      }), requestAnimationFrame(() => {
+        y.current = !1;
+      }));
+    }
+    function c() {
+      n && h(n, [r, o]);
+    }
+    function s() {
+      r && h(r, [n, o]);
+    }
+    function u() {
+      o && h(o, [n, r]);
+    }
+    let t = [];
+    const l = () => [r, n, o].filter(
+      (e) => !!e
+    );
+    function f() {
+      t.forEach((e) => e.removeAttribute(H)), t = [];
+    }
+    function a(e) {
+      var q;
+      if (e.pointerType !== "mouse") return;
+      const v = e.currentTarget, i = ((q = e.target) == null ? void 0 : q.closest("tr")) ?? null;
+      if (i && t.includes(i) || (f(), !i)) return;
+      const b = Array.prototype.indexOf.call(
+        v.querySelectorAll(E),
+        i
+      );
+      b < 0 || l().forEach((O) => {
+        const A = O.querySelectorAll(E)[b];
+        A && (A.setAttribute(H, ""), t.push(A));
+      });
+    }
+    n == null || n.addEventListener("scroll", c), r == null || r.addEventListener("scroll", s), o == null || o.addEventListener("scroll", u), l().forEach((e) => {
+      e.addEventListener("pointerover", a), e.addEventListener("pointerleave", f);
+    }), L.current();
+    const S = new ResizeObserver(() => {
+      L.current();
+    });
+    return l().forEach((e) => {
+      S.observe(e);
+      for (const v of e.children) S.observe(v);
+    }), () => {
+      n == null || n.removeEventListener("scroll", c), r == null || r.removeEventListener("scroll", s), o == null || o.removeEventListener("scroll", u), l().forEach((e) => {
+        e.removeEventListener("pointerover", a), e.removeEventListener("pointerleave", f);
+      }), f(), S.disconnect();
+    };
+  }, [d, g, p]), {
+    syncRowHeights: m
+  };
+}
+export {
+  P as useFixedColumns
+};

package/dist/Data/Table/hooks/useScrollShadow/useScrollShadow.js

@@ -0,0 +1,34 @@
+import { useState as u, useCallback as S, useRef as v, useEffect as b } from "react";
+function L(o, h = {}) {
+  const { threshold: n = 1 } = h, [d, l] = u(!1), [f, i] = u(!1), c = S(() => {
+    const e = o.current;
+    if (!e) {
+      l(!1), i(!1);
+      return;
+    }
+    const { scrollLeft: r, scrollWidth: s, clientWidth: a } = e;
+    l(r > n), i(r + a < s - n);
+  }, [o, n]), t = v(c);
+  return t.current = c, b(() => {
+    const e = o.current;
+    if (!e) return;
+    const r = () => t.current();
+    t.current(), e.addEventListener("scroll", r, { passive: !0 });
+    const s = new ResizeObserver(() => {
+      t.current();
+    });
+    s.observe(e);
+    for (const w of e.children) s.observe(w);
+    const a = requestAnimationFrame(() => t.current());
+    return () => {
+      e.removeEventListener("scroll", r), s.disconnect(), cancelAnimationFrame(a);
+    };
+  }, [o]), {
+    showLeftShadow: d,
+    showRightShadow: f,
+    updateShadows: c
+  };
+}
+export {
+  L as useScrollShadow
+};

package/dist/Data/Table/hooks/useTable/useTable.js

@@ -0,0 +1,74 @@
+import { useReactTable as K, getCoreRowModel as T } from "@tanstack/react-table";
+import { useCallback as H, useMemo as b } from "react";
+function w(t) {
+  return typeof t == "function" ? t() : t;
+}
+function O(t) {
+  return t.map((e) => ({
+    id: e.field,
+    accessorKey: e.field,
+    header: e.header ?? e.field,
+    enableSorting: e.sortable ?? !1,
+    enableResizing: e.resizable ?? !0,
+    enableHiding: e.enableHiding ?? !0,
+    size: typeof e.width == "number" ? e.width : void 0,
+    minSize: e.minWidth ?? 50,
+    maxSize: e.maxWidth ?? 1e3
+  }));
+}
+function I(t) {
+  const {
+    data: e,
+    columns: R = [],
+    mode: i = "client",
+    loading: h = !1,
+    rowKey: a = "id",
+    selection: c,
+    detailRow: d,
+    sorting: u,
+    columnManager: m,
+    pinning: g
+  } = t, r = H(
+    (n, f) => {
+      if (typeof a == "function")
+        return a(n);
+      const p = n[a];
+      return p != null ? String(p) : f;
+    },
+    [a]
+  ), y = w(h), s = b(() => w(R), [R]), v = b(() => w(e), [e]), S = b(() => O(s), [s]), l = K({
+    data: v,
+    columns: S,
+    getCoreRowModel: T(),
+    getRowId: (n, f) => String(r(n, f)),
+    manualSorting: i === "server",
+    manualPagination: i === "server",
+    manualFiltering: i === "server"
+  });
+  let o;
+  try {
+    o = l.getRowModel().rows.map((n) => n.original);
+  } catch {
+    o = [];
+  }
+  const z = c == null ? void 0 : c.create(o, r), C = d == null ? void 0 : d.create(o, r), M = u == null ? void 0 : u.create(), k = m == null ? void 0 : m.create(
+    l,
+    () => s.map((n) => n.field)
+  ), x = g == null ? void 0 : g.create(l, o);
+  return {
+    instance: l,
+    rows: o,
+    columns: s,
+    getRowKey: r,
+    mode: i,
+    loading: y,
+    selection: z,
+    detailRow: C,
+    sorting: M,
+    columnManager: k,
+    pinning: x
+  };
+}
+export {
+  I as useTable
+};