@gcsa/console-react 0.1.0

package/dist/GcsaDataTable.js

@@ -0,0 +1,508 @@
+import { jsxs as b, jsx as l, Fragment as lc } from "react/jsx-runtime";
+import { useState as N, useRef as Ze, useEffect as M, useMemo as B, Fragment as ic } from "react";
+import { useReactTable as ac, getExpandedRowModel as nc, getPaginationRowModel as dc, getSortedRowModel as oc, getFilteredRowModel as rc, getCoreRowModel as fc, flexRender as It } from "@tanstack/react-table";
+import { getGcsaTableDefaultExpandedKeys as Re, normalizeGcsaTableColumns as mc, GCSA_TABLE_SELECTION_COLUMN_WIDTH as uc, GCSA_TABLE_EXPAND_COLUMN_WIDTH as bc, getGcsaTableSortChange as re, formatGcsaLocaleMessage as fe, getGcsaTableMinWidth as pc, getGcsaTableRowId as _c, getGcsaTableSorting as vc, GCSA_TABLE_DEFAULT_COLUMN_MIN_WIDTH as xc, getGcsaTableFixedOffset as gc } from "@gcsa/console-core";
+import { GcsaCheckbox as De } from "./GcsaCheckbox.js";
+import { GcsaEmpty as Tc } from "./GcsaEmpty.js";
+import { GcsaIcon as me } from "./GcsaIcon.js";
+import { GcsaInput as Nc } from "./GcsaInput.js";
+import { GcsaPagination as Oc } from "./GcsaPagination.js";
+import { GcsaSelect as Wc } from "./GcsaSelect.js";
+import { GcsaSpin as jc } from "./GcsaSpin.js";
+import { resolveGcsaTableColumns as Gc, formatGcsaTableCellValue as ye } from "./utils/gcsaTableColumns.js";
+import { useGcsaLocaleMessages as Ic } from "./hooks/useGcsaLocale.js";
+import { useGcsaComponentSize as Ec } from "./hooks/useGcsaComponentSize.js";
+function we(a) {
+  return "columns" in a && Array.isArray(a.columns) ? a.columns : [];
+}
+function pe(a) {
+  return a.flatMap((o) => {
+    const n = we(o);
+    return n.length ? pe(n) : [o];
+  });
+}
+function Ke(a, o) {
+  return a.flatMap((n) => {
+    if ($(n).hidden || o[n.id ?? ""] === !1) return [];
+    const O = we(n);
+    if (!O.length) return [n];
+    const g = Ke(O, o);
+    return g.length ? [{ ...n, columns: g }] : [];
+  });
+}
+function Sc({ label: a }) {
+  return /* @__PURE__ */ l("div", { className: "gcsa-data-table__state gcsa-data-table__state--loading", role: "status", "aria-live": "polite", children: /* @__PURE__ */ b("div", { className: "gcsa-data-table__loading-label", children: [
+    /* @__PURE__ */ l(jc, { spinning: !0 }),
+    /* @__PURE__ */ l("span", { children: a })
+  ] }) });
+}
+function $(a) {
+  return a.meta ?? {};
+}
+function Fe(a) {
+  return Object.entries(a ?? {}).filter(([, o]) => o !== "").map(([o, n]) => ({ id: o, value: n }));
+}
+function ue(a) {
+  return Object.fromEntries(a.map((o) => [o.id, String(o.value)]));
+}
+function be(a, o, n, _ = {}, O) {
+  const g = _[o], A = g ? { width: `${g}px`, minWidth: `${g}px` } : n.width || n.minWidth ? { width: n.width, minWidth: n.minWidth ?? n.width } : { minWidth: `${xc}px` };
+  if (!n.fixed) return Object.keys(A).length ? A : void 0;
+  const U = n.fixed === !0 ? "left" : n.fixed, X = gc(
+    a.map((H) => ({ id: H.id ?? "", ...$(H) })),
+    o,
+    U,
+    { ...O, columnWidths: _ }
+  );
+  return { ...A, position: "sticky", [U]: X };
+}
+function Mc(a, o, n, _, O) {
+  const g = o === !0 ? void 0 : new Set(Object.keys(o).filter((X) => o[X])), A = [], U = (X, H) => X.forEach((et, Et) => {
+    const mt = n(et, Et, H);
+    if ((!g || g.has(mt)) && A.push(et), _) {
+      const W = et[O];
+      Array.isArray(W) && U(W, { id: mt });
+    }
+  });
+  return U(a), A;
+}
+function Qc({
+  data: a,
+  columns: o,
+  legacyColumns: n,
+  total: _ = a.length,
+  pageSize: O = 10,
+  pageSizeOptions: g = [10, 20, 50, 100],
+  showPageSize: A = !1,
+  showJumper: U = !1,
+  pageSizeLabel: X,
+  jumperLabel: H,
+  paginationLayout: et,
+  paginationAlign: Et,
+  showTotal: mt = !0,
+  page: W = 1,
+  pagination: Ce = !0,
+  showToolbar: ts = !0,
+  showCount: es = !0,
+  size: ss,
+  serverSide: V = !1,
+  sorting: ut,
+  filters: bt,
+  defaultSorting: cs = [],
+  defaultFilters: ls = {},
+  loading: st = !1,
+  error: ct,
+  retryLabel: is,
+  selectable: as,
+  selectedRowKeys: pt,
+  columnVisibility: _t,
+  resizable: ns = !1,
+  columnWidths: vt,
+  treeData: d = !1,
+  childrenKey: G = "children",
+  treeLazy: _e = !1,
+  treeHasChildrenKey: ds = "hasChildren",
+  treeHasChildren: ve,
+  loadChildren: xe,
+  treeLoadingText: os,
+  treeLoadErrorText: rs,
+  expandedRowKeys: Q,
+  mobileMode: fs = "scroll",
+  stripe: ms = !1,
+  bordered: us = !1,
+  highlightCurrentRow: xt = !1,
+  currentRowKey: St,
+  rowClassName: Mt,
+  summary: $t,
+  summaryLabel: bs,
+  apiRef: ge,
+  rowKey: Y,
+  expandable: ps,
+  height: gt,
+  maxHeight: Tt,
+  defaultExpandAll: At = !1,
+  fixedSelection: _s,
+  selectionColumnWidth: vs,
+  expandColumnWidth: xs,
+  renderExpandedRow: Te,
+  toolbar: Ne,
+  onPageChange: Nt,
+  onPageSizeChange: Lt,
+  onSortingChange: I,
+  onSortChange: E,
+  onFiltersChange: v,
+  onFilterChange: S,
+  onSelectionChange: Z,
+  onSelect: Pt,
+  onSelectAll: kt,
+  onSelectedRowKeysChange: R,
+  onColumnVisibilityChange: D,
+  onColumnWidthsChange: zt,
+  onExpandedRowKeysChange: x,
+  onCurrentRowKeyChange: y,
+  onRowClick: Bt,
+  onRowDoubleClick: Ut,
+  onCellClick: Xt,
+  onCellDoubleClick: Vt,
+  onHeaderClick: Jt,
+  onRowContextMenu: ht,
+  onCellContextMenu: qt,
+  onLegacyRowClick: Ht,
+  onLegacyCellClick: Qt,
+  onLegacyRowContextMenu: Yt,
+  onLegacyCellContextMenu: Zt,
+  onCurrentChange: Rt,
+  onExpandChange: Dt,
+  columnSelector: yt,
+  onRetry: gs,
+  onTreeLoadError: Ft
+}) {
+  const f = Ic(), Ts = X ?? f.paginationPageSize, Ns = H ?? f.paginationJumper, Os = is ?? f.retry, Ws = os ?? f.dataTableTreeLoading, js = rs ?? f.dataTableTreeLoadError, Gs = bs ?? f.dataTableSummary, Is = Ec(ss), F = (t, s, e) => _c(t, s, Y, e == null ? void 0 : e.id), [L, Oe] = N(O), [We, Ot] = N(() => [...ut ?? cs]), [lt, it] = N(() => Fe(bt ?? ls)), [at, wt] = N(() => Object.fromEntries((pt ?? []).map((t) => [t, !0]))), [P, Kt] = N(_t ?? {}), [nt, Ct] = N(vt ?? {}), [k, w] = N(() => Object.fromEntries((Q ?? (At ? Re(a, d, G, Y) : [])).map((t) => [t, !0]))), [je, te] = N(St), [J, Es] = N({}), [Ss, Ge] = N({}), [Ms, Ie] = N({}), Wt = Ze(null);
+  M(() => {
+    Oe(O);
+  }, [O]);
+  const ee = B(() => /* @__PURE__ */ new WeakMap(), []), $s = Ze(0), m = B(() => n != null && n.length ? mc(n, { page: W, pageSize: L }) : void 0, [n, W, L]), T = (m == null ? void 0 : m.selectable) ?? as ?? !1, z = (m == null ? void 0 : m.expandable) ?? ps ?? !1, Ee = _s ?? (m == null ? void 0 : m.fixedSelection) ?? !1, K = vs ?? (m == null ? void 0 : m.selectionColumnWidth) ?? uc, h = xs ?? (m == null ? void 0 : m.expandColumnWidth) ?? bc, jt = B(() => Gc((m == null ? void 0 : m.columns) ?? o ?? []), [m, o]), se = B(() => Ke(jt, P), [jt, P]), j = B(() => pe(se), [se]), As = B(() => pe(jt).filter((t) => !$(t).hidden).map((t) => ({ id: t.id ?? "", title: typeof t.header == "string" ? t.header : t.id ?? "", visible: P[t.id ?? ""] !== !1 })), [jt, P]), dt = (t, s) => {
+    const e = t, c = ee.get(e);
+    if (c) return c;
+    const i = Y ? F(t, s) : `tree-${$s.current++}`;
+    return ee.set(e, i), i;
+  }, Se = (t, s) => {
+    const e = dt(t, s);
+    if (Object.prototype.hasOwnProperty.call(J, e)) return J[e].length > 0;
+    const c = t[G];
+    return Array.isArray(c) && c.length ? !0 : _e ? ve ? ve(t, s) : t[ds] === !0 : !1;
+  }, Me = B(() => {
+    if (!d || !Object.keys(J).length) return a;
+    const t = (s) => s.map((e, c) => {
+      const i = dt(e, c), r = J[i], u = e[G], Gt = r ?? u;
+      if (!Gt) return e;
+      const ft = { ...e, [G]: t(Gt) };
+      return ee.set(ft, i), ft;
+    });
+    return t(a);
+  }, [a, J, d, G]), Ls = (t) => d ? t[G] ?? [] : void 0, p = ac({
+    data: Me,
+    columns: se,
+    state: { pagination: { pageIndex: W - 1, pageSize: L }, sorting: We, columnFilters: lt, rowSelection: at, columnVisibility: P, expanded: k },
+    getRowId: F,
+    getSubRows: Ls,
+    getRowCanExpand: (t) => d ? Se(t.original, t.index) : !1,
+    enableRowSelection: (t) => typeof T == "function" ? T(t.original, t.index) : T,
+    manualPagination: V,
+    manualSorting: V,
+    manualFiltering: V,
+    pageCount: V ? Math.ceil(_ / L) : void 0,
+    onPaginationChange: (t) => {
+      const s = typeof t == "function" ? t({ pageIndex: W - 1, pageSize: L }) : t;
+      Nt == null || Nt(s.pageIndex + 1);
+    },
+    onSortingChange: (t) => {
+      const s = typeof t == "function" ? t(We) : t;
+      Ot(s), I == null || I(s), E == null || E(re(s));
+    },
+    onColumnFiltersChange: (t) => {
+      const s = typeof t == "function" ? t(lt) : t;
+      it(s), v == null || v(ue(s));
+    },
+    onColumnVisibilityChange: (t) => {
+      const s = typeof t == "function" ? t(P) : t;
+      Kt(s), D == null || D(s);
+    },
+    onRowSelectionChange: (t) => {
+      const s = typeof t == "function" ? t(at) : t;
+      wt(s), R == null || R(Object.keys(s).filter((e) => s[e])), Z == null || Z(qe(s));
+    },
+    onExpandedChange: (t) => {
+      const s = typeof t == "function" ? t(k) : t;
+      w(s), x == null || x(s === !0 ? p.getRowModel().flatRows.map((e) => e.id) : Object.keys(s).filter((e) => s[e]));
+    },
+    getCoreRowModel: fc(),
+    getFilteredRowModel: V ? void 0 : rc(),
+    getSortedRowModel: V ? void 0 : oc(),
+    getPaginationRowModel: V ? void 0 : dc(),
+    getExpandedRowModel: d ? nc() : void 0
+  });
+  M(() => {
+    ut && Ot([...ut]);
+  }, [ut]), M(() => {
+    At && !Q && w(Object.fromEntries(Re(a, d, G, Y).map((t) => [t, !0])));
+  }, [a, d, At, Q, G, Y]), M(() => {
+    bt && it(Fe(bt));
+  }, [bt]), M(() => {
+    pt && wt(Object.fromEntries(pt.map((t) => [t, !0])));
+  }, [pt]), M(() => {
+    _t && Kt(_t);
+  }, [_t]), M(() => {
+    vt && Ct(vt);
+  }, [vt]), M(() => {
+    Q && w(Object.fromEntries(Q.map((t) => [t, !0])));
+  }, [Q]), M(() => {
+    te(St);
+  }, [St]);
+  const $e = p.getSelectedRowModel().rows.length, Ps = fe(f.dataTableTotal, { count: _ }), ks = fe(f.dataTableSelected, { count: $e }), C = p.getRowModel().rows.filter((t) => t.getCanSelect()), zs = j.length + (T ? 1 : 0) + (z || d ? 1 : 0), Ae = !!(T && Ee), ce = { expandable: z || d, selectable: !!T, fixedSelection: Ee, expandColumnWidth: h, selectionColumnWidth: K }, Bs = B(
+    () => pc(
+      j.map((t) => ({ id: t.id ?? "", ...$(t) })),
+      {
+        expandable: z || d,
+        selectable: !!T,
+        expandColumnWidth: h,
+        selectionColumnWidth: K,
+        columnWidths: nt
+      }
+    ),
+    [
+      nt,
+      h,
+      z,
+      K,
+      T,
+      j,
+      d
+    ]
+  ), le = {
+    width: h,
+    minWidth: h,
+    maxWidth: h,
+    ...Ae ? { position: "sticky", left: 0 } : {}
+  }, ie = {
+    width: K,
+    minWidth: K,
+    maxWidth: K,
+    ...Ae ? { position: "sticky", left: z || d ? h : 0 } : {}
+  }, Le = (t) => {
+    var s;
+    return String(((s = lt.find((e) => e.id === t)) == null ? void 0 : s.value) ?? "");
+  }, Pe = (t, s) => {
+    const e = lt.filter((i) => i.id !== t);
+    s && e.push({ id: t, value: s }), it(e);
+    const c = ue(e);
+    v == null || v(c), S == null || S(c);
+  }, Us = _ ? (W - 1) * L + 1 : 0, Xs = Math.min(W * L, _), Vs = fe(f.dataTableRange, {
+    start: Us,
+    end: Xs,
+    total: _
+  }), Js = (t) => {
+    const s = j.length, e = { ...P, [t]: P[t] === !1 };
+    !e[t] && s <= 1 || (Kt(e), D == null || D(e));
+  }, hs = (t, s) => {
+    const e = t.currentTarget.parentElement, c = j.find((tt) => tt.id === s), i = c ? $(c) : {}, r = (e == null ? void 0 : e.getBoundingClientRect().width) ?? Number.parseFloat(String(i.width ?? "0")), u = Math.max(64, Number.parseFloat(String(i.minWidth ?? i.width ?? "64")) || 64), Gt = t.clientX, ft = (tt) => {
+      const sc = Math.max(u, Math.round(r + tt.clientX - Gt));
+      Ct((cc) => ({ ...cc, [s]: sc }));
+    }, Ye = () => {
+      Ct((tt) => (zt == null || zt(tt), tt)), document.removeEventListener("pointermove", ft), document.removeEventListener("pointerup", Ye);
+    };
+    document.addEventListener("pointermove", ft), document.addEventListener("pointerup", Ye, { once: !0 });
+  }, qs = p.getRowModel().rows, Hs = (t) => Mc(Me, t, (s, e, c) => F(s, e, c), d, G), ke = $t == null ? void 0 : $t(a), q = (t) => k === !0 ? !0 : k[t] === !0, ae = (t) => !!Ss[dt(t.original, t.index)], ze = (t) => !!Ms[dt(t.original, t.index)], ot = (t, s) => {
+    const e = { ...k === !0 ? {} : k, [t.id]: s };
+    w(e), x == null || x(Object.keys(e).filter((c) => e[c])), Dt == null || Dt(t.original, s, Hs(e));
+  }, ne = async (t) => {
+    if (d && _e && !q(t.id)) {
+      const s = dt(t.original, t.index);
+      if (!Object.prototype.hasOwnProperty.call(J, s) && xe && Se(t.original, t.index)) {
+        Ge((e) => ({ ...e, [s]: !0 })), Ie((e) => {
+          const c = { ...e };
+          return delete c[s], c;
+        });
+        try {
+          const e = await xe(t.original, t.index);
+          Es((c) => ({ ...c, [s]: e ?? [] })), e != null && e.length && ot(t, !0);
+        } catch (e) {
+          Ie((c) => ({ ...c, [s]: e })), Ft == null || Ft(e, t.original, t.index);
+        } finally {
+          Ge((e) => {
+            const c = { ...e };
+            return delete c[s], c;
+          });
+        }
+      } else Object.prototype.hasOwnProperty.call(J, s) && ot(t, !q(t.id));
+      return;
+    }
+    if (d)
+      ot(t, !q(t.id));
+    else {
+      const s = !q(t.id);
+      ot(t, s);
+    }
+  }, Qs = ["gcsa-table", Is === "sm" ? "gcsa-table--sm" : void 0, ms ? "gcsa-table--striped" : void 0, us ? "gcsa-table--bordered" : void 0].filter(Boolean).join(" "), Be = (t, s) => typeof Mt == "function" ? Mt(t, s) : Mt, rt = (t) => {
+    const s = j.find((c) => c.id === t), e = s ? $(s) : {};
+    return { id: t, prop: t, label: typeof (s == null ? void 0 : s.header) == "string" ? s.header : t, width: e.width, minWidth: e.minWidth, fixed: e.fixed };
+  }, Ue = (t, s) => {
+    if (!xt) return;
+    const e = F(t, s);
+    te(e), y == null || y(e);
+  }, Xe = (t) => {
+    wt(t);
+    const s = Object.keys(t).filter((e) => t[e]);
+    R == null || R(s), Z == null || Z(qe(t));
+  }, Ve = () => {
+    Ot([]), I == null || I([]), E == null || E(re([]));
+  }, Je = () => {
+    it([]), v == null || v({}), S == null || S({});
+  }, Ys = (t) => {
+    if (t === void 0) {
+      Je();
+      return;
+    }
+    const s = new Set(Array.isArray(t) ? t : [t]), e = lt.filter((i) => !s.has(i.id));
+    it(e);
+    const c = ue(e);
+    v == null || v(c), S == null || S(c);
+  }, Zs = (t, s) => {
+    const e = vc(t, s);
+    Ot(e), I == null || I(e), E == null || E(re(e));
+  }, Rs = () => Xe({}), Ds = () => {
+    w({}), x == null || x([]);
+  }, he = (t, s = !0) => {
+    const e = p.getCoreRowModel().flatRows.find((c) => c.id === t);
+    !e || !e.getCanSelect() || Xe({ ...at, [t]: s });
+  }, ys = (t, s) => {
+    const e = oe(t);
+    !e || !e.getCanSelect() || he(e.id, s ?? !e.getIsSelected());
+  }, de = (t) => p.getCoreRowModel().flatRows.filter((s) => t[s.id] && s.getCanSelect()).map((s) => s.original), qe = de, Fs = (t, s) => {
+    const e = { ...at, [t.id]: s };
+    t.toggleSelected(s), Pt == null || Pt(de(e), t.original);
+  }, He = (t) => {
+    const s = C.length > 0 && C.every((i) => i.getIsSelected()), e = t ?? !s;
+    p.toggleAllPageRowsSelected(e);
+    const c = { ...at };
+    C.forEach((i) => {
+      c[i.id] = e;
+    }), kt == null || kt(de(c));
+  }, Qe = async (t, s = !0) => {
+    const e = p.getCoreRowModel().flatRows.find((i) => i.id === t);
+    if (!e) return;
+    if (d) {
+      if (q(t) === s) return;
+      s ? await ne(e) : ot(e, !1);
+      return;
+    }
+    const c = { ...k === !0 ? {} : k, [t]: s };
+    w(c), x == null || x(Object.keys(c).filter((i) => c[i]));
+  }, ws = async (t, s) => {
+    const e = oe(t);
+    e && await Qe(e.id, s ?? !q(e.id));
+  }, Ks = (t) => {
+    const s = t ? oe(t) : void 0;
+    te(s == null ? void 0 : s.id), y == null || y(s == null ? void 0 : s.id);
+  }, oe = (t) => {
+    const s = p.getCoreRowModel().flatRows, e = s.find((c) => c.original === t);
+    if (e) return e;
+    if (Y) {
+      const c = F(t, 0);
+      return s.find((i) => i.id === c);
+    }
+  }, Cs = () => p.getCoreRowModel().flatRows.filter((t) => t.getIsSelected()).map((t) => t.original), tc = (t) => {
+    var s;
+    return (s = Wt.current) == null ? void 0 : s.scrollTo({ top: t });
+  }, ec = (t, s) => {
+    var e, c;
+    typeof t == "number" ? (e = Wt.current) == null || e.scrollTo(t, s ?? 0) : (c = Wt.current) == null || c.scrollTo(t);
+  };
+  return ge && (ge.current = {
+    clearSorting: Ve,
+    clearFilters: Je,
+    clearSelection: Rs,
+    clearExpanded: Ds,
+    setRowSelected: he,
+    setRowExpanded: Qe,
+    clearSort: Ve,
+    clearFilter: Ys,
+    sort: Zs,
+    toggleRowSelection: ys,
+    toggleAllSelection: He,
+    toggleRowExpansion: ws,
+    setCurrentRow: Ks,
+    getSelectionRows: Cs,
+    setScrollTop: tc,
+    scrollTo: ec
+  }), /* @__PURE__ */ b("div", { className: `gcsa-data-table${fs === "cards" ? " gcsa-data-table--cards" : ""}`, children: [
+    ts && (Ne || yt) ? /* @__PURE__ */ b("div", { className: "gcsa-data-table__toolbar", children: [
+      /* @__PURE__ */ b("div", { className: "gcsa-data-table__toolbar-meta", children: [
+        es && !st ? /* @__PURE__ */ l("span", { className: "gcsa-data-table__count", children: Ps }) : null,
+        $e ? /* @__PURE__ */ l("span", { className: "gcsa-data-table__selected", children: ks }) : null
+      ] }),
+      /* @__PURE__ */ b("div", { className: "gcsa-data-table__toolbar-actions", children: [
+        Ne,
+        yt ? /* @__PURE__ */ l("div", { className: "gcsa-data-table__columns-control", children: yt(As, Js) }) : null
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ b("div", { ref: Wt, className: "gcsa-table-wrap gcsa-ui-surface", style: { height: gt === void 0 ? void 0 : typeof gt == "number" ? `${gt}px` : gt, maxHeight: Tt === void 0 ? void 0 : typeof Tt == "number" ? `${Tt}px` : Tt }, children: [
+      st ? /* @__PURE__ */ l(Sc, { label: f.dataTableLoading }) : null,
+      ct ? /* @__PURE__ */ b("div", { className: "gcsa-data-table__state gcsa-data-table__state--error", role: "alert", children: [
+        /* @__PURE__ */ l("span", { children: ct }),
+        /* @__PURE__ */ l("button", { type: "button", className: "gcsa-btn gcsa-btn--sm gcsa-btn--secondary", onClick: gs, children: Os })
+      ] }) : null,
+      !st && !ct ? /* @__PURE__ */ b("table", { className: Qs, style: { minWidth: Bs }, children: [
+        /* @__PURE__ */ l("thead", { className: "gcsa-table__head", children: p.getHeaderGroups().map((t, s) => /* @__PURE__ */ b("tr", { children: [
+          s === 0 && (z || d) ? /* @__PURE__ */ l("th", { className: "gcsa-table__col-expand", style: le, rowSpan: p.getHeaderGroups().length }) : null,
+          s === 0 && T ? /* @__PURE__ */ l("th", { className: "gcsa-table__col-check", style: ie, rowSpan: p.getHeaderGroups().length, children: /* @__PURE__ */ l(De, { checked: C.length > 0 && C.every((e) => e.getIsSelected()), disabled: !C.length, label: "", ariaLabel: f.dataTableSelectAll, onCheckedChange: (e) => He(e) }) }) : null,
+          t.headers.map((e) => {
+            const c = $(e.column.columnDef), i = !e.column.columns.length;
+            return /* @__PURE__ */ b("th", { colSpan: e.colSpan, rowSpan: e.rowSpan > 1 ? e.rowSpan : void 0, style: be(j, e.column.id, c, nt, ce), className: c.align === "center" ? "gcsa-table__align-center" : c.align === "right" ? "gcsa-table__align-right" : void 0, onClick: (r) => Jt == null ? void 0 : Jt(rt(e.column.id), r), children: [
+              e.isPlaceholder ? null : i && e.column.getCanSort() ? /* @__PURE__ */ b("button", { type: "button", className: `gcsa-table__sort${e.column.getIsSorted() ? " gcsa-table__sort--active" : ""}`, onClick: e.column.getToggleSortingHandler(), children: [
+                /* @__PURE__ */ l("span", { className: "gcsa-table__sort-label", children: It(e.column.columnDef.header, e.getContext()) }),
+                /* @__PURE__ */ b("span", { className: "gcsa-table__sort-icon", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ l(me, { name: "chevronUp", size: "sm" }),
+                  /* @__PURE__ */ l(me, { name: "chevronDown", size: "sm" })
+                ] })
+              ] }) : i ? /* @__PURE__ */ l("span", { className: "gcsa-table__head-text", children: It(e.column.columnDef.header, e.getContext()) }) : /* @__PURE__ */ l("span", { className: "gcsa-table__head-text", children: It(e.column.columnDef.header, e.getContext()) }),
+              i && c.filter ? /* @__PURE__ */ l("div", { className: "gcsa-table__filter", children: c.filter.type === "text" ? /* @__PURE__ */ l(Nc, { value: Le(e.column.id), placeholder: c.filter.placeholder ?? f.dataTableFilter, onValueChange: (r) => Pe(e.column.id, r) }) : /* @__PURE__ */ l(Wc, { value: Le(e.column.id), options: c.filter.options ?? [], placeholder: c.filter.placeholder ?? f.dataTableFilter, onValueChange: (r) => Pe(e.column.id, r) }) }) : null,
+              ns && i ? /* @__PURE__ */ l("span", { className: "gcsa-table__resize-handle", role: "separator", "aria-label": f.dataTableResizeColumn, onPointerDown: (r) => {
+                r.stopPropagation(), r.preventDefault(), hs(r, e.column.id);
+              } }) : null
+            ] }, e.id);
+          })
+        ] }, t.id)) }),
+        /* @__PURE__ */ l("tbody", { className: "gcsa-table__body", children: p.getRowModel().rows.map((t) => {
+          const s = q(t.id);
+          return /* @__PURE__ */ b(ic, { children: [
+            /* @__PURE__ */ b("tr", { className: `gcsa-table__row${t.index % 2 === 1 ? " gcsa-table__row--striped" : ""}${Be(t.original, t.index) ? ` ${Be(t.original, t.index)}` : ""}`, "data-selected": t.getIsSelected() || void 0, "data-current": xt && je === F(t.original, t.index) ? !0 : void 0, onClick: (e) => {
+              var i, r;
+              const c = xt ? (i = p.getCoreRowModel().flatRows.find((u) => u.id === je)) == null ? void 0 : i.original : void 0;
+              Ue(t.original, t.index), xt && (Rt == null || Rt(t.original, c)), Bt == null || Bt(t.original, t.index, e), Ht == null || Ht(t.original, rt(((r = t.getVisibleCells()[0]) == null ? void 0 : r.column.id) ?? ""), e);
+            }, onDoubleClick: (e) => Ut == null ? void 0 : Ut(t.original, t.index, e), onContextMenu: (e) => {
+              var c;
+              e.preventDefault(), ht == null || ht(t.original, t.index, e), Yt == null || Yt(t.original, rt(((c = t.getVisibleCells()[0]) == null ? void 0 : c.column.id) ?? ""), e);
+            }, children: [
+              z || d ? /* @__PURE__ */ l("td", { className: "gcsa-table__col-expand", style: le, onClick: (e) => e.stopPropagation(), children: !d || t.getCanExpand() ? /* @__PURE__ */ b(lc, { children: [
+                /* @__PURE__ */ l("button", { type: "button", className: "gcsa-table__expand gcsa-focus-ring", disabled: ae(t), "aria-label": ae(t) ? f.dataTableLoadChildren : ze(t) ? f.dataTableRetryChildren : s ? f.dataTableCollapseRow : f.dataTableExpandRow, "aria-expanded": s, onClick: () => ne(t), children: /* @__PURE__ */ l(me, { name: "chevronDown", size: "sm", className: s ? "gcsa-table__expand-icon--open" : void 0 }) }),
+                ae(t) ? /* @__PURE__ */ l("span", { className: "gcsa-table__tree-state", role: "status", children: Ws }) : ze(t) ? /* @__PURE__ */ l("button", { type: "button", className: "gcsa-table__tree-retry", onClick: () => ne(t), children: js }) : null
+              ] }) : null }) : null,
+              T ? /* @__PURE__ */ l("td", { className: "gcsa-table__col-check", onClick: (e) => e.stopPropagation(), style: ie, children: /* @__PURE__ */ l(De, { checked: t.getIsSelected(), disabled: !t.getCanSelect(), label: "", ariaLabel: f.dataTableSelectRow, onCheckedChange: (e) => Fs(t, e) }) }) : null,
+              t.getVisibleCells().map((e, c) => {
+                const i = $(e.column.columnDef), r = e.getValue();
+                return /* @__PURE__ */ l("td", { "data-label": typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : e.column.id, title: i.showOverflowTooltip ? ye(r) : void 0, className: `${i.align === "center" ? "gcsa-table__align-center" : i.align === "right" ? "gcsa-table__align-right" : ""}${i.showOverflowTooltip ? " gcsa-table__cell--overflow" : ""}`, style: be(j, e.column.id, i, nt, ce), onClick: (u) => {
+                  u.stopPropagation(), Ue(t.original, t.index), Xt == null || Xt(t.original, e.column.id, r, t.index, u), Qt == null || Qt(t.original, rt(e.column.id), u.currentTarget, u);
+                }, onDoubleClick: (u) => {
+                  u.stopPropagation(), Vt == null || Vt(t.original, e.column.id, r, t.index, u);
+                }, onContextMenu: (u) => {
+                  u.stopPropagation(), u.preventDefault(), qt == null || qt(t.original, e.column.id, r, t.index, u), Zt == null || Zt(t.original, rt(e.column.id), u.currentTarget, u);
+                }, children: /* @__PURE__ */ l("div", { className: "gcsa-table__cell", style: d && c === 0 ? { paddingInlineStart: `${t.depth * 18}px` } : void 0, children: e.column.columnDef.cell ? It(e.column.columnDef.cell, e.getContext()) : ye(r) }) }, e.id);
+              })
+            ] }, t.id),
+            !d && s && Te ? /* @__PURE__ */ l("tr", { className: "gcsa-table__expanded-row", children: /* @__PURE__ */ l("td", { colSpan: zs, children: Te(t.original, t.index) }) }, `${t.id}-expanded`) : null
+          ] }, t.id);
+        }) }),
+        ke ? /* @__PURE__ */ l("tfoot", { className: "gcsa-table__foot", children: /* @__PURE__ */ b("tr", { className: "gcsa-table__summary-row", children: [
+          z || d ? /* @__PURE__ */ l("th", { className: "gcsa-table__col-expand", scope: "row", style: le }) : null,
+          T ? /* @__PURE__ */ l("th", { className: "gcsa-table__col-check", scope: "row", style: ie }) : null,
+          j.map((t, s) => {
+            const e = $(t);
+            return /* @__PURE__ */ l("td", { className: e.align === "center" ? "gcsa-table__align-center" : e.align === "right" ? "gcsa-table__align-right" : void 0, style: be(j, t.id ?? "", e, nt, ce), children: ke[t.id ?? ""] ?? (s === 0 ? Gs : "") }, t.id);
+          })
+        ] }) }) : null
+      ] }) : null,
+      !st && !ct && qs.length === 0 ? /* @__PURE__ */ l("div", { className: "gcsa-data-table__empty", children: /* @__PURE__ */ l(Tc, { title: f.dataTableEmpty }) }) : null
+    ] }),
+    Ce && _ > 0 && !st && !ct ? /* @__PURE__ */ b("div", { className: "gcsa-data-table__footer", children: [
+      mt ? /* @__PURE__ */ l("div", { className: "gcsa-data-table__footer-meta", children: Vs }) : null,
+      /* @__PURE__ */ l(Oc, { page: W, total: _, pageSize: L, pageSizeOptions: g, showPageSize: A, showJumper: U, pageSizeLabel: Ts, jumperLabel: Ns, layout: et, align: Et, onPageChange: Nt, onPageSizeChange: (t) => {
+        Oe(t), Lt == null || Lt(t);
+      } })
+    ] }) : null
+  ] });
+}
+export {
+  Qc as GcsaDataTable
+};
+//# sourceMappingURL=GcsaDataTable.js.map