@reportportal/ui-kit 0.0.1-alpha.158 → 0.0.1-alpha.159

package/dist/table-1aaae76c.js

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