@reportportal/ui-kit 0.0.1-alpha.162 → 0.0.1-alpha.163

package/dist/table-5267699a.js

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