@reportportal/ui-kit 0.0.1-alpha.16 → 0.0.1-alpha.161

package/dist/table-0adbac16.js

@@ -0,0 +1,1059 @@
+import { jsx as h, jsxs as F, Fragment as zt } from "react/jsx-runtime";
+import { useMemo as de, useState as B, useCallback as x, useEffect as P, useRef as H, useLayoutEffect as et, forwardRef as xt } from "react";
+import { Resizable as At } from "react-resizable";
+import { c as me } from "./bind-06a7ff84.js";
+import { b as $t, a as Ye, S as Mt } from "./resizeColumn-46b5b30f.js";
+import { S as Je } from "./chevronDownDropdown-0260bb66.js";
+import { C as ie } from "./checkbox-493fdc63.js";
+import { Tooltip as Ht } from "./tooltip.js";
+import { createPortal as Wt } from "react-dom";
+import { i as Pt } from "./isEmpty-ccacb5ff.js";
+const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", St = "_resizable_1rtld_67", Gt = "_selectable_1rtld_84", Ft = "_expanded_1rtld_80", qt = "_label_1rtld_353", Ut = {
+  table: Bt,
+  "fixed-header": "_fixed-header_1rtld_10",
+  "external-scroll-container": "_external-scroll-container_1rtld_14",
+  "horizontally-scrollable-container": "_horizontally-scrollable-container_1rtld_21",
+  "table-header": "_table-header_1rtld_26",
+  "sticky-header": "_sticky-header_1rtld_34",
+  "pinned-header": "_pinned-header_1rtld_44",
+  "horizontally-scrollable": "_horizontally-scrollable_1rtld_21",
+  resizable: St,
+  "resizable-column": "_resizable-column_1rtld_67",
+  "table-row": "_table-row_1rtld_75",
+  "expanded-cell": "_expanded-cell_1rtld_80",
+  selectable: Gt,
+  "row-content-wrapper": "_row-content-wrapper_1rtld_88",
+  "pinned-column": "_pinned-column_1rtld_96",
+  "has-scroll": "_has-scroll_1rtld_96",
+  "table-row-content": "_table-row-content_1rtld_99",
+  "expand-cell": "_expand-cell_1rtld_116",
+  "left-border-accent": "_left-border-accent_1rtld_119",
+  "size-small": "_size-small_1rtld_129",
+  "size-large": "_size-large_1rtld_140",
+  "table-body": "_table-body_1rtld_152",
+  "scrollable-body": "_scrollable-body_1rtld_158",
+  "table-header-cell": "_table-header-cell_1rtld_222",
+  "table-cell": "_table-cell_1rtld_223",
+  "action-menu-cell": "_action-menu-cell_1rtld_229",
+  "checkbox-cell": "_checkbox-cell_1rtld_257",
+  "expand-all-tooltip-wrapper": "_expand-all-tooltip-wrapper_1rtld_302",
+  "expand-all-tooltip-content": "_expand-all-tooltip-content_1rtld_311",
+  "expand-icon": "_expand-icon_1rtld_320",
+  expanded: Ft,
+  "primary-cell": "_primary-cell_1rtld_329",
+  label: qt,
+  "sortable-cell": "_sortable-cell_1rtld_367",
+  "align-right": "_align-right_1rtld_370",
+  "align-center": "_align-center_1rtld_376",
+  "table-wrapper": "_table-wrapper_1rtld_430",
+  "checkbox-column": "_checkbox-column_1rtld_442",
+  "checkbox-header": "_checkbox-header_1rtld_454",
+  "checkbox-body": "_checkbox-body_1rtld_478",
+  "checkbox-row": "_checkbox-row_1rtld_485"
+}, nt = "asc", C = 32, rt = 100, Dt = 48, we = 48, Xt = (t) => t.toLowerCase() === nt, jt = (t) => t.map((l) => l.key), V = (t) => "primary" in t && t.primary === !0, Qe = (t) => {
+  var o;
+  return `size-${((o = t.rowConfigs) == null ? void 0 : o.size) ?? "default"}`;
+}, ye = (t) => tt(t) ? t : `${t}px`, It = (t, l, o, i, d, u = !1) => {
+  let p = 0;
+  i && (p += C), d && !u && (p += C);
+  for (let b = 0; b < t; b++) {
+    const a = l[b];
+    if (V(a)) {
+      const n = o.current.get(a.key) || rt;
+      p += n;
+    } else {
+      const n = a, c = tt(n.width) ? parseInt(n.width, 10) || 0 : n.width;
+      p += c;
+    }
+  }
+  return p;
+}, ae = (t, l, o, i, d, u, p, b = !1) => {
+  const a = {};
+  if (!V(t)) {
+    const n = t;
+    a.textAlign = n.align;
+  }
+  if (l && o !== void 0) {
+    const n = It(
+      o,
+      i,
+      d,
+      u,
+      p,
+      b
+    );
+    a.left = `${n}px`;
+  }
+  return a;
+}, Ze = (t, l, o, i, d, u = !1, p, b = !1, a = !1) => {
+  const n = [];
+  o && n.push(`${C}px`), u && i && !a && n.push(`${C}px`);
+  const c = (_) => {
+    if ((p == null ? void 0 : p[_.key]) !== void 0) {
+      n.push(`${p[_.key]}px`);
+      return;
+    }
+    if (V(_)) {
+      const v = _;
+      if (b && v.width) {
+        n.push(ye(v.width));
+        return;
+      }
+      const k = v.width ? ye(v.width) : `${rt}px`;
+      n.push(`minmax(${k}, 1fr)`);
+    } else {
+      const k = ye(_.width);
+      n.push(k);
+    }
+  };
+  return t.forEach(c), l.forEach(c), d && n.push(`${Dt}px`), n.join(" ");
+}, Rt = ({
+  primaryColumns: t,
+  fixedColumns: l,
+  pinnedColumnKeys: o
+}) => de(() => {
+  const i = [], d = [];
+  return t.forEach((u) => {
+    const p = { ...u, primary: !0 };
+    o.includes(u.key) ? i.push(p) : d.push(p);
+  }), l.forEach((u) => {
+    o.includes(u.key) ? i.push(u) : d.push(u);
+  }), {
+    pinnedColumns: i,
+    scrollableColumns: d
+  };
+}, [t, l, o]), Vt = () => {
+  const [t, l] = B(null), [o, i] = B(null), d = x((a) => {
+    l(a);
+  }, []), u = x(() => {
+    l(null);
+  }, []), p = x((a) => {
+    i(a);
+  }, []), b = x(() => {
+    i(null);
+  }, []);
+  return {
+    hoveredColumn: t,
+    hoveredRow: o,
+    handleColumnMouseEnter: d,
+    handleColumnMouseLeave: u,
+    handleRowMouseEnter: p,
+    handleRowMouseLeave: b
+  };
+}, Ct = ({
+  primaryColumns: t,
+  fixedColumns: l,
+  expandedRowIds: o,
+  onToggleRowExpansion: i
+}) => {
+  const [d, u] = B(/* @__PURE__ */ new Set());
+  P(() => {
+    const a = [
+      ...t.map((c) => c.key),
+      ...l.map((c) => c.key)
+    ], n = /* @__PURE__ */ new Set();
+    o.forEach((c) => {
+      a.forEach((_) => {
+        n.add(`${c}-${_}`);
+      });
+    }), u((c) => {
+      if (c.size === n.size) {
+        let _ = !0;
+        if (c.forEach((v) => {
+          n.has(v) || (_ = !1);
+        }), _)
+          return c;
+      }
+      return n;
+    });
+  }, [o, t, l]);
+  const p = x(
+    (a) => {
+      const n = new Set(d), c = o.includes(a), _ = [
+        ...t.map((v) => v.key),
+        ...l.map((v) => v.key)
+      ];
+      c ? _.forEach((v) => {
+        const k = `${a}-${v}`;
+        n.delete(k);
+      }) : _.forEach((v) => {
+        const k = `${a}-${v}`;
+        n.add(k);
+      }), u(n), i(a);
+    },
+    [d, o, t, l, i]
+  ), b = x(
+    (a, n) => {
+      const c = `${a}-${n}`;
+      return d.has(c);
+    },
+    [d]
+  );
+  return {
+    expandedCells: d,
+    handleToggleRowExpansion: p,
+    isCellExpanded: b
+  };
+}, Yt = () => {
+  const t = H(/* @__PURE__ */ new Map()), l = x(
+    (o) => (i) => {
+      if (!i)
+        return;
+      const d = i.getBoundingClientRect().width;
+      d > 0 && t.current.set(o, d);
+    },
+    []
+  );
+  return {
+    columnWidthsRef: t,
+    setCellRef: l
+  };
+}, Jt = ({
+  enabled: t = !1,
+  minWidth: l = 50,
+  maxWidth: o = 500,
+  columnWidthsRef: i,
+  onColumnResize: d
+}) => {
+  const [u, p] = B({}), b = x(() => {
+    if (!t || Object.keys(u).length > 0 || !i)
+      return;
+    const c = {};
+    i.current.forEach((_, v) => {
+      c[v] = _;
+    }), p(c);
+  }, [t, u, i]), a = x(
+    (c) => (_, { size: v }) => {
+      if (!t)
+        return;
+      const k = Math.min(o, Math.max(l, v.width));
+      p((z) => ({ ...z, [c]: k }));
+    },
+    [t, l, o]
+  ), n = x(
+    (c) => () => {
+      !t || !u[c] || d == null || d(c, u[c]);
+    },
+    [t, u, d]
+  );
+  return {
+    columnWidths: u,
+    handleResize: a,
+    handleResizeStop: n,
+    handleResizeStart: b
+  };
+}, Qt = (t, l, o, i, d, u, p, b) => de(() => {
+  if (!t)
+    return {
+      visible: !1,
+      position: { top: 0, left: 0 },
+      size: { width: 0, height: 0 }
+    };
+  if (!(d + t.clientWidth < p))
+    return {
+      visible: !1,
+      position: { top: 0, left: 0 },
+      size: { width: 0, height: 0 }
+    };
+  const n = t.getBoundingClientRect(), c = (l == null ? void 0 : l.offsetHeight) || 0, _ = o == null ? void 0 : o.getBoundingClientRect(), v = Math.min(
+    n.bottom,
+    (_ == null ? void 0 : _.bottom) || Number.MAX_SAFE_INTEGER
+  );
+  let k;
+  i && o && _ ? k = _.top - n.top + c : k = c;
+  const z = n.top + k, S = t.scrollWidth > t.clientWidth ? t.offsetHeight - t.clientHeight : 0, N = v - z - S, q = t.scrollHeight > t.clientHeight ? t.offsetWidth - t.clientWidth : 0, j = n.right - we - q;
+  return {
+    visible: !0,
+    position: {
+      top: z,
+      left: j
+    },
+    size: {
+      width: we,
+      height: N
+    }
+  };
+}, [
+  t,
+  l,
+  o,
+  i,
+  d,
+  u,
+  p,
+  b
+]), Zt = (t, l, o, i, d, u, p, b) => de(() => {
+  if (!t)
+    return {
+      visible: !1,
+      position: { top: 0, left: 0 },
+      size: { width: 0, height: 0 }
+    };
+  if (!(l > 0))
+    return {
+      visible: !1,
+      position: { top: 0, left: 0 },
+      size: { width: 0, height: 0 }
+    };
+  const n = t.querySelector('[data-row-index="0"]');
+  if (!n)
+    return {
+      visible: !1,
+      position: { top: 0, left: 0 },
+      size: { width: 0, height: 0 }
+    };
+  const c = Array.from(n.querySelectorAll("[data-pinned-index]"));
+  if (c.length === 0)
+    return {
+      visible: !1,
+      position: { top: 0, left: 0 },
+      size: { width: 0, height: 0 }
+    };
+  const _ = Math.max(
+    ...c.map(
+      (J) => parseInt(J.getAttribute("data-pinned-index") || "-1", 10)
+    )
+  );
+  if (_ < 0)
+    return {
+      visible: !1,
+      position: { top: 0, left: 0 },
+      size: { width: 0, height: 0 }
+    };
+  const v = c.find(
+    (J) => parseInt(J.getAttribute("data-pinned-index") || "-1", 10) === _
+  );
+  if (!v)
+    return {
+      visible: !1,
+      position: { top: 0, left: 0 },
+      size: { width: 0, height: 0 }
+    };
+  const k = v.getBoundingClientRect(), z = t.getBoundingClientRect(), E = (o == null ? void 0 : o.offsetHeight) || 0, S = i == null ? void 0 : i.getBoundingClientRect(), N = k.right, M = Math.min(
+    z.bottom,
+    (S == null ? void 0 : S.bottom) || Number.MAX_SAFE_INTEGER
+  );
+  let q;
+  d && i && S ? q = S.top - z.top + E : q = E;
+  const j = z.top + q, Y = t.scrollWidth > t.clientWidth ? t.offsetHeight - t.clientHeight : 0, O = M - j - Y;
+  return {
+    visible: !0,
+    position: {
+      top: j,
+      left: N
+    },
+    size: {
+      width: we,
+      height: O
+    }
+  };
+}, [
+  t,
+  l,
+  o,
+  i,
+  d,
+  u,
+  p,
+  b
+]), Kt = ({ enabled: t, rowCount: l }) => {
+  const o = H(/* @__PURE__ */ new Map()), i = H(/* @__PURE__ */ new Map()), d = x(
+    (a) => (n) => {
+      n ? o.current.set(a, n) : o.current.delete(a);
+    },
+    []
+  ), u = x(
+    (a) => (n) => {
+      n ? i.current.set(a, n) : i.current.delete(a);
+    },
+    []
+  ), p = x((a, n) => {
+    const c = `${a.offsetHeight}px`;
+    n.style.height !== c && (n.style.height = c);
+  }, []), b = x(() => {
+    o.current.forEach((a, n) => {
+      const c = i.current.get(n);
+      c && p(a, c);
+    });
+  }, [p]);
+  return P(() => {
+    if (!t)
+      return;
+    const a = new ResizeObserver((n) => {
+      requestAnimationFrame(() => {
+        n.forEach((c) => {
+          const _ = c.target, v = parseInt(_.dataset.rowIndex || "-1", 10), k = i.current.get(v);
+          k && v >= 0 && p(_, k);
+        });
+      });
+    });
+    return o.current.forEach((n) => a.observe(n)), () => a.disconnect();
+  }, [t, l, p]), et(() => {
+    t && b();
+  }, [t, l, b]), { setTableRowRef: d, setCheckboxRowRef: u, syncAllHeights: b };
+}, Ot = {
+  "resize-handle": "_resize-handle_15uk3_1"
+}, en = me.bind(Ot), tn = xt(
+  (t, l) => /* @__PURE__ */ h("div", { ref: l, className: en("resize-handle"), ...t, children: /* @__PURE__ */ h($t, {}) })
+), nn = {
+  "gradient-overlay": "_gradient-overlay_hx7m8_1",
+  "direction-right": "_direction-right_hx7m8_5",
+  "direction-left": "_direction-left_hx7m8_13"
+}, rn = me.bind(nn), Ke = ({
+  portalContainer: t,
+  visible: l,
+  position: o,
+  size: i,
+  direction: d,
+  className: u,
+  dataTestId: p
+}) => {
+  if (!l || !t)
+    return null;
+  const b = {
+    position: "fixed",
+    top: `${o.top}px`,
+    width: `${i.width}px`,
+    height: `${i.height}px`
+  };
+  return o.left !== void 0 && (b.left = `${o.left}px`), o.right !== void 0 && (b.right = `${o.right}px`), Wt(
+    /* @__PURE__ */ h(
+      "div",
+      {
+        className: rn("gradient-overlay", `direction-${d}`, u),
+        style: b,
+        "data-gradient-type": p
+      }
+    ),
+    t
+  );
+}, f = me.bind(Ut), Oe = ({ column: t }) => {
+  const l = H(null), [o, i] = B(!1);
+  return P(() => {
+    if (l.current) {
+      const d = l.current.offsetWidth, u = l.current.scrollWidth;
+      i(u > d);
+    }
+  }, [t.header]), /* @__PURE__ */ h("span", { ref: l, title: o ? t.header : void 0, children: t.header });
+}, gn = ({
+  data: t,
+  primaryColumn: l,
+  fixedColumns: o,
+  renderRowActions: i,
+  className: d = "",
+  wrapperClassName: u = "",
+  rowClassName: p = "",
+  headerClassName: b = "",
+  bodyClassName: a = "",
+  selectable: n = !1,
+  selectedRowIds: c = [],
+  sortingDirection: _ = nt,
+  sortingColumn: v,
+  sortableColumns: k,
+  isHeaderFixed: z = !1,
+  isHorizontallyScrollable: E = !1,
+  pinnedColumnKeys: S = [],
+  isRowsExpandable: N = !1,
+  expandedRowIds: M = [],
+  isAllExpandedByDefault: q,
+  expandAllTooltip: j,
+  isResizable: $ = !1,
+  minColumnWidth: Y = 50,
+  maxColumnWidth: O = 500,
+  isSelectAllCheckboxAlwaysVisible: J = !1,
+  isCheckboxOutside: L = !1,
+  onChangeSorting: st = () => {
+  },
+  onToggleRowSelection: ot = () => {
+  },
+  onToggleAllRowsSelection: ct = () => {
+  },
+  onToggleRowExpansion: lt = () => {
+  },
+  onToggleAllRowsExpansion: it = () => {
+  },
+  onColumnResize: at = () => {
+  },
+  externalScrollContainerRef: y,
+  portalContainer: ke = typeof document < "u" ? document.body : null,
+  rightGradientClassName: dt,
+  pinnedGradientClassName: ht
+}) => {
+  const ee = de(
+    () => Array.isArray(l) ? l : [l],
+    [l]
+  ), G = v ?? ee[0], te = k ?? jt([...ee, ...o]), { pinnedColumns: U, scrollableColumns: ne } = Rt({
+    primaryColumns: ee,
+    fixedColumns: o,
+    pinnedColumnKeys: S
+  }), {
+    hoveredColumn: Ee,
+    hoveredRow: Te,
+    handleColumnMouseEnter: Le,
+    handleColumnMouseLeave: Ne,
+    handleRowMouseEnter: ze,
+    handleRowMouseLeave: xe
+  } = Vt(), { columnWidthsRef: Q, setCellRef: Ae } = Yt(), { handleToggleRowExpansion: pt, isCellExpanded: $e } = Ct({
+    primaryColumns: ee,
+    fixedColumns: o,
+    expandedRowIds: M,
+    onToggleRowExpansion: lt
+  }), { columnWidths: re, handleResize: ut, handleResizeStop: ft, handleResizeStart: _t } = Jt({
+    enabled: $,
+    minWidth: Y,
+    maxWidth: O,
+    columnWidthsRef: Q,
+    onColumnResize: at
+  }), { setTableRowRef: gt, setCheckboxRowRef: vt } = Kt({
+    enabled: n && L,
+    rowCount: t.length
+  }), Me = (e, s) => /* @__PURE__ */ h(
+    At,
+    {
+      width: re[e.key] ?? (typeof e.width == "number" ? e.width : Y),
+      height: 0,
+      axis: "x",
+      handle: /* @__PURE__ */ h(tn, {}),
+      onResizeStart: _t,
+      onResize: ut(e.key),
+      onResizeStop: ft(e.key),
+      minConstraints: [Y, 0],
+      maxConstraints: [O, 0],
+      className: f("resizable-column"),
+      children: s
+    },
+    e.key
+  ), T = H(null), D = H(null), bt = H(null), Z = H(null), he = H(null), [I, yt] = B(!1), se = x((e) => {
+    const s = D.current;
+    if (s && s.contains(e))
+      return;
+    const r = e.parentElement;
+    if (!r)
+      return;
+    const g = window.getComputedStyle(r), w = parseFloat(g.paddingTop) || 0, m = parseFloat(g.paddingBottom) || 0, W = e.offsetHeight + w + m;
+    e.style.setProperty("--expand-cell-top", `${w}px`), e.style.setProperty("--expand-cell-height", `${W}px`);
+  }, []), [He, pe] = B(0), [We, ue] = B(0), [Pe, fe] = B(0), [Be, Se] = B(0), oe = H(!1), _e = H(/* @__PURE__ */ new Set()), K = H(null), ge = Qt(
+    T.current,
+    D.current,
+    (y == null ? void 0 : y.current) instanceof HTMLElement ? y.current : null,
+    I,
+    He,
+    We,
+    Pe,
+    Be
+  ), ve = Zt(
+    T.current,
+    He,
+    D.current,
+    (y == null ? void 0 : y.current) instanceof HTMLElement ? y.current : null,
+    I,
+    We,
+    Pe,
+    Be
+  ), Ge = (e) => {
+    te.includes(e) && st({ key: e, direction: _ });
+  }, Fe = (e) => {
+    ot(e);
+  }, qe = () => {
+    ct();
+  }, wt = () => {
+    it();
+  }, Ue = (e) => te.includes(e) ? (G == null ? void 0 : G.key) === e ? Xt(_) ? /* @__PURE__ */ h(Ye, {}) : /* @__PURE__ */ h(Mt, {}) : /* @__PURE__ */ h(Ye, {}) : null, De = t.every((e) => c.includes(e.id)), Xe = t.some((e) => c.includes(e.id)), be = (c == null ? void 0 : c.length) > 0, mt = !Pt(t), je = J && mt || be, kt = t.every((e) => M.includes(e.id)), Et = q !== void 0 ? q : kt, Tt = Ze(
+    U,
+    ne,
+    N,
+    n,
+    !!i,
+    !1,
+    $ ? re : void 0,
+    $,
+    L
+  ), Lt = Ze(
+    U,
+    ne,
+    N,
+    n,
+    !!i,
+    !0,
+    $ ? re : void 0,
+    $,
+    L
+  ), Ie = /* @__PURE__ */ h("button", { onClick: wt, "aria-label": "Toggle all rows expansion", children: /* @__PURE__ */ h("span", { className: f("expand-icon", { expanded: Et }), children: /* @__PURE__ */ h(Je, {}) }) });
+  P(() => {
+    if (!(y != null && y.current) || !T.current || !D.current)
+      return;
+    const e = y.current, s = T.current, r = D.current, g = he.current, w = () => {
+      const A = s.getBoundingClientRect(), W = e.getBoundingClientRect(), R = r.offsetHeight, X = A.top - W.top, ce = A.bottom - W.top, Ve = e.scrollTop > 0 && X <= 0 && ce > R;
+      if (yt(Ve), Ve) {
+        const le = A.left, Ce = W.top;
+        r.classList.add(f("pinned-header")), E && (r.style.overflow = "hidden", r.style.overflowX = "hidden"), r.style.left = `${le}px`, r.style.top = `${Ce}px`, r.style.width = `${A.width}px`, g && L && (g.style.top = `${Ce}px`);
+      } else {
+        const le = s.scrollLeft;
+        oe.current = !0, r.classList.remove(f("pinned-header")), E && (r.scrollLeft = 0), r.style.left = "", r.style.top = "", r.style.width = "", E && (r.style.overflow = "", r.style.overflowX = ""), g && L && (g.style.top = "", g.classList.remove(f("pinned-header"))), E && le > 0 ? requestAnimationFrame(() => {
+          s.scrollLeft = le, setTimeout(() => {
+            oe.current = !1;
+          }, 0);
+        }) : oe.current = !1;
+      }
+    }, m = requestAnimationFrame(() => {
+      w();
+    });
+    return e.addEventListener("scroll", w), window.addEventListener("resize", w), () => {
+      cancelAnimationFrame(m), e.removeEventListener("scroll", w), window.removeEventListener("resize", w);
+    };
+  }, [y, E, L]), P(() => {
+    if (!(y != null && y.current) || !T.current || !D.current || !I)
+      return;
+    const e = y.current, s = T.current, r = D.current, g = he.current, w = () => {
+      const X = s.getBoundingClientRect(), ce = e.getBoundingClientRect();
+      r.style.left = `${X.left}px`, r.style.top = `${ce.top}px`, r.style.width = `${X.width}px`, g && L && (g.style.top = `${ce.top}px`);
+    }, m = (X) => {
+      oe.current || (X === r ? s.scrollLeft = r.scrollLeft : r.scrollLeft = s.scrollLeft, K.current && K.current());
+    }, A = () => {
+      m(s), w();
+    }, W = () => {
+      m(r);
+    }, R = () => {
+      w();
+    };
+    return s.addEventListener("scroll", A), E && r.addEventListener("scroll", W), e.addEventListener("scroll", R), window.addEventListener("resize", w), m(s), w(), () => {
+      s.removeEventListener("scroll", A), E && r.removeEventListener("scroll", W), e.removeEventListener("scroll", R), window.removeEventListener("resize", w);
+    };
+  }, [I, y, E, L]), P(() => {
+    if (!T.current || !E)
+      return;
+    const e = T.current, s = y == null ? void 0 : y.current;
+    pe(e.scrollLeft), ue((s == null ? void 0 : s.scrollTop) || e.scrollTop || 0), fe(e.scrollWidth);
+    const r = () => {
+      e && (pe(e.scrollLeft), ue((s == null ? void 0 : s.scrollTop) || e.scrollTop || 0), fe(e.scrollWidth));
+    };
+    let g = null;
+    const w = () => {
+      g === null && (g = requestAnimationFrame(() => {
+        r(), g = null;
+      }));
+    }, m = () => {
+      w();
+    }, A = () => {
+      w();
+    };
+    e.addEventListener("scroll", m, { passive: !0 }), s && s.addEventListener("scroll", A, {
+      passive: !0
+    });
+    const W = () => {
+      r(), Se((X) => X + 1);
+    };
+    window.addEventListener("resize", W), K.current = r, r();
+    const R = new ResizeObserver(() => {
+      r();
+    });
+    return e && R.observe(e), () => {
+      e.removeEventListener("scroll", m), s && s.removeEventListener("scroll", A), window.removeEventListener("resize", W), R.disconnect(), g !== null && (cancelAnimationFrame(g), g = null);
+    };
+  }, [E, y, I, M]), P(() => {
+    if (!T.current || !E)
+      return;
+    const e = T.current, s = y == null ? void 0 : y.current;
+    requestAnimationFrame(() => {
+      e && (pe(e.scrollLeft), ue((s == null ? void 0 : s.scrollTop) || e.scrollTop || 0), fe(e.scrollWidth), K.current && K.current());
+    });
+  }, [re, E, y]), P(() => {
+    if (!T.current)
+      return;
+    const e = T.current, s = () => {
+      Array.from(e.querySelectorAll('[data-base-left="0"]')).forEach(se);
+    };
+    requestAnimationFrame(() => {
+      s();
+    });
+  }, [N, t, se]), P(() => {
+    if (!T.current)
+      return;
+    const e = T.current, s = new Set(M), r = _e.current, g = /* @__PURE__ */ new Set();
+    if (M.forEach((m) => {
+      r.has(m) || g.add(m);
+    }), r.forEach((m) => {
+      s.has(m) || g.add(m);
+    }), g.size === 0) {
+      _e.current = s;
+      return;
+    }
+    const w = setTimeout(() => {
+      g.forEach((m) => {
+        const A = e.querySelector(
+          `[data-base-left="0"][data-row-id="${m}"]`
+        );
+        A && se(A);
+      }), Se((m) => m + 1);
+    }, 0);
+    return _e.current = s, () => clearTimeout(w);
+  }, [N, M, se]), P(() => {
+    if (!Z.current || !T.current || !L)
+      return;
+    const e = Z.current, s = T.current, r = () => {
+      requestAnimationFrame(() => {
+        e.scrollTop = s.scrollTop;
+      });
+    };
+    return s.addEventListener("scroll", r), () => {
+      s.removeEventListener("scroll", r);
+    };
+  }, [t, L]), et(() => {
+    if (!T.current || !Z.current)
+      return;
+    const e = T.current, s = Z.current, r = () => {
+      const w = `${e.clientHeight}px`;
+      s.style.height !== w && (s.style.height = w);
+    };
+    r();
+    const g = new ResizeObserver(() => {
+      requestAnimationFrame(r);
+    });
+    return g.observe(e), () => g.disconnect();
+  }, []);
+  const Nt = () => /* @__PURE__ */ F("div", { className: f("checkbox-column"), ref: Z, children: [
+    /* @__PURE__ */ h(
+      "div",
+      {
+        ref: he,
+        className: f(
+          "table-header",
+          "checkbox-header",
+          { "pinned-header": I },
+          b
+        ),
+        children: je && /* @__PURE__ */ h(
+          ie,
+          {
+            value: De,
+            partiallyChecked: Xe,
+            onChange: qe,
+            className: f("checkbox-cell")
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ h("div", { className: f("checkbox-body", a), children: t.map((e, s) => /* @__PURE__ */ h(
+      "div",
+      {
+        ref: vt(s),
+        className: f("checkbox-row", "table-row", Qe(e), p),
+        onMouseEnter: () => ze(s),
+        onMouseLeave: xe,
+        children: (be || Te === s) && /* @__PURE__ */ h(
+          ie,
+          {
+            value: c.includes(e.id),
+            onChange: () => Fe(e.id),
+            className: f("checkbox-cell")
+          }
+        )
+      },
+      e.id
+    )) })
+  ] }), Re = () => /* @__PURE__ */ F(
+    "div",
+    {
+      ref: T,
+      className: f(
+        "table",
+        {
+          "fixed-header": z,
+          "horizontally-scrollable-container": z && (E || $),
+          "external-scroll-container": z && !!y
+        },
+        d
+      ),
+      children: [
+        /* @__PURE__ */ F(
+          "div",
+          {
+            ref: D,
+            className: f(
+              "table-header",
+              {
+                "sticky-header": z && !I,
+                "horizontally-scrollable": E,
+                resizable: $
+              },
+              b
+            ),
+            style: { gridTemplateColumns: Lt },
+            children: [
+              n && !L && /* @__PURE__ */ h(
+                "div",
+                {
+                  className: f("table-header-cell", "checkbox-cell"),
+                  "data-base-left": N ? C : 0,
+                  children: je && /* @__PURE__ */ h(
+                    ie,
+                    {
+                      value: De,
+                      partiallyChecked: Xe,
+                      onChange: qe,
+                      className: f("checkbox-cell")
+                    }
+                  )
+                }
+              ),
+              N && /* @__PURE__ */ h(
+                "div",
+                {
+                  className: f("table-header-cell", "expand-cell", "left-border-accent"),
+                  "data-base-left": "0",
+                  children: j ? /* @__PURE__ */ h(
+                    Ht,
+                    {
+                      content: j,
+                      placement: "top",
+                      wrapperClassName: f("expand-all-tooltip-wrapper"),
+                      contentClassName: f("expand-all-tooltip-content"),
+                      children: Ie
+                    }
+                  ) : Ie
+                }
+              ),
+              U.map((e, s) => {
+                const r = /* @__PURE__ */ h(
+                  "button",
+                  {
+                    "data-column-key": e.key,
+                    "data-pinned-index": s,
+                    className: f("table-header-cell", "pinned-column", {
+                      [`align-${e.align}`]: "align" in e,
+                      "primary-cell": V(e),
+                      "sortable-cell": te.includes(e.key),
+                      resizable: $
+                    }),
+                    style: ae(
+                      e,
+                      !0,
+                      s,
+                      U,
+                      Q,
+                      N,
+                      n,
+                      L
+                    ),
+                    children: /* @__PURE__ */ F(
+                      "div",
+                      {
+                        className: f("label"),
+                        onClick: () => Ge(e.key),
+                        onMouseEnter: () => Le(e.key),
+                        onMouseLeave: Ne,
+                        children: [
+                          /* @__PURE__ */ h(Oe, { column: e }),
+                          (Ee === e.key || (G == null ? void 0 : G.key) === e.key) && Ue(e.key)
+                        ]
+                      }
+                    )
+                  },
+                  e.key
+                );
+                return $ ? Me(e, r) : r;
+              }),
+              ne.map((e) => {
+                const s = /* @__PURE__ */ h(
+                  "button",
+                  {
+                    className: f("table-header-cell", {
+                      [`align-${e.align}`]: "align" in e,
+                      "primary-cell": V(e),
+                      "sortable-cell": te.includes(e.key),
+                      resizable: $
+                    }),
+                    style: ae(
+                      e,
+                      !1,
+                      void 0,
+                      U,
+                      Q,
+                      N,
+                      n,
+                      L
+                    ),
+                    children: /* @__PURE__ */ F(
+                      "div",
+                      {
+                        className: f("label"),
+                        onClick: () => Ge(e.key),
+                        onMouseEnter: () => Le(e.key),
+                        onMouseLeave: Ne,
+                        children: [
+                          /* @__PURE__ */ h(Oe, { column: e }),
+                          (Ee === e.key || (G == null ? void 0 : G.key) === e.key) && Ue(e.key)
+                        ]
+                      }
+                    )
+                  },
+                  e.key
+                );
+                return $ ? Me(e, s) : s;
+              }),
+              i && /* @__PURE__ */ h("div", { className: f("table-header-cell", "action-menu-cell") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ h(
+          "div",
+          {
+            ref: bt,
+            className: f(
+              "table-body",
+              {
+                "scrollable-body": z,
+                "horizontally-scrollable": E,
+                resizable: $
+              },
+              a
+            ),
+            children: t.map((e, s) => /* @__PURE__ */ F(
+              "div",
+              {
+                "data-row-index": s,
+                ref: gt(s),
+                className: f("table-row", Qe(e), p, {
+                  selectable: n && !L
+                }),
+                onMouseEnter: () => ze(s),
+                onMouseLeave: xe,
+                children: [
+                  n && !L && /* @__PURE__ */ h(
+                    "div",
+                    {
+                      className: f("table-cell", "checkbox-cell"),
+                      "data-base-left": N ? C : 0,
+                      children: (be || Te === s) && /* @__PURE__ */ h(
+                        ie,
+                        {
+                          value: c.includes(e.id),
+                          onChange: () => Fe(e.id),
+                          className: f("checkbox-cell")
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ h("div", { className: f("row-content-wrapper"), children: /* @__PURE__ */ F("div", { className: f("table-row-content"), style: { gridTemplateColumns: Tt }, children: [
+                    N && /* @__PURE__ */ h(
+                      "div",
+                      {
+                        className: f("table-cell", "expand-cell", "left-border-accent"),
+                        "data-base-left": "0",
+                        "data-row-id": e.id,
+                        children: /* @__PURE__ */ h(
+                          "button",
+                          {
+                            onClick: () => pt(e.id),
+                            "aria-label": M.includes(e.id) ? "Collapse row" : "Expand row",
+                            "aria-expanded": M.includes(e.id),
+                            children: /* @__PURE__ */ h(
+                              "span",
+                              {
+                                className: f("expand-icon", {
+                                  expanded: M.includes(e.id)
+                                }),
+                                children: /* @__PURE__ */ h(Je, {})
+                              }
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    U.map((r, g) => {
+                      const w = $e(e.id, r.key), m = V(r);
+                      return /* @__PURE__ */ h(
+                        "div",
+                        {
+                          "data-column-key": r.key,
+                          "data-pinned-index": g,
+                          ref: m ? Ae(r.key) : void 0,
+                          className: f("table-cell", "pinned-column", {
+                            "primary-cell": m,
+                            "expanded-cell": w
+                          }),
+                          style: ae(
+                            r,
+                            !0,
+                            g,
+                            U,
+                            Q,
+                            N,
+                            n,
+                            L
+                          ),
+                          children: e[r.key].component || e[r.key].content || e[r.key]
+                        },
+                        r.key
+                      );
+                    }),
+                    ne.map((r) => {
+                      const g = $e(e.id, r.key), w = V(r);
+                      return /* @__PURE__ */ h(
+                        "div",
+                        {
+                          ref: w ? Ae(r.key) : void 0,
+                          className: f("table-cell", {
+                            "primary-cell": w,
+                            "expanded-cell": g
+                          }),
+                          style: ae(
+                            r,
+                            !1,
+                            void 0,
+                            U,
+                            Q,
+                            N,
+                            n,
+                            L
+                          ),
+                          children: e[r.key].component || e[r.key].content || e[r.key]
+                        },
+                        r.key
+                      );
+                    }),
+                    i && /* @__PURE__ */ h("div", { className: f("table-cell", "action-menu-cell"), children: i(e.metaData) })
+                  ] }) })
+                ]
+              },
+              e.id
+            ))
+          }
+        ),
+        E && /* @__PURE__ */ F(zt, { children: [
+          /* @__PURE__ */ h(
+            Ke,
+            {
+              portalContainer: ke,
+              visible: ge.visible,
+              position: ge.position,
+              size: ge.size,
+              direction: "right",
+              className: dt,
+              dataTestId: "right-gradient"
+            }
+          ),
+          /* @__PURE__ */ h(
+            Ke,
+            {
+              portalContainer: ke,
+              visible: ve.visible,
+              position: ve.position,
+              size: ve.size,
+              direction: "left",
+              className: ht,
+              dataTestId: "pinned-gradient"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+  return L ? /* @__PURE__ */ F("div", { className: f("table-wrapper", { "fixed-header": z }, u), children: [
+    Nt(),
+    Re()
+  ] }) : Re();
+};
+export {
+  gn as T
+};