@reportportal/ui-kit 0.0.1-alpha.237 → 0.0.1-alpha.239

package/dist/table-4d35951e.js

@@ -1,1150 +0,0 @@
-import { jsx as d, jsxs as U, Fragment as Gt } from "react/jsx-runtime";
-import { useMemo as Z, useState as q, useCallback as M, useEffect as P, useRef as H, useLayoutEffect as ot, forwardRef as Ft } from "react";
-import { Resizable as qt } from "react-resizable";
-import { c as xe } from "./bind-06a7ff84.js";
-import { b as Dt, a as Oe, S as Ut } from "./resizeColumn-46b5b30f.js";
-import { S as Ke } from "./chevronDownDropdown-0260bb66.js";
-import { C as Ee } from "./checkbox-76aa8f97.js";
-import { Tooltip as et } from "./tooltip.js";
-import { createPortal as jt } from "react-dom";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import { u as Xt } from "./useEllipsisTitle-462fa254.js";
-import { i as Ct } from "./isEmpty-ccacb5ff.js";
-const it = (t) => typeof t == "string", Vt = "_table_43u6n_1", It = "_resizable_43u6n_66", Rt = "_selectable_43u6n_91", Yt = "_expanded_43u6n_87", Jt = "_label_43u6n_365", Qt = {
-  table: Vt,
-  "fixed-header": "_fixed-header_43u6n_9",
-  "external-scroll-container": "_external-scroll-container_43u6n_13",
-  "horizontally-scrollable-container": "_horizontally-scrollable-container_43u6n_20",
-  "table-header": "_table-header_43u6n_25",
-  "sticky-header": "_sticky-header_43u6n_33",
-  "pinned-header": "_pinned-header_43u6n_43",
-  "horizontally-scrollable": "_horizontally-scrollable_43u6n_20",
-  resizable: It,
-  "resizable-column": "_resizable-column_43u6n_66",
-  "select-all-checkbox": "_select-all-checkbox_43u6n_73",
-  "select-all-checkbox-selected": "_select-all-checkbox-selected_43u6n_77",
-  "table-row": "_table-row_43u6n_82",
-  "expanded-cell": "_expanded-cell_43u6n_87",
-  selectable: Rt,
-  "row-content-wrapper": "_row-content-wrapper_43u6n_95",
-  "pinned-column": "_pinned-column_43u6n_103",
-  "has-scroll": "_has-scroll_43u6n_103",
-  "table-row-content": "_table-row-content_43u6n_106",
-  "expand-cell": "_expand-cell_43u6n_123",
-  "left-border-accent": "_left-border-accent_43u6n_126",
-  "size-small": "_size-small_43u6n_136",
-  "size-large": "_size-large_43u6n_147",
-  "table-body": "_table-body_43u6n_159",
-  "scrollable-body": "_scrollable-body_43u6n_165",
-  "primitive-cell-text": "_primitive-cell-text_43u6n_229",
-  "table-header-cell": "_table-header-cell_43u6n_238",
-  "table-cell": "_table-cell_43u6n_239",
-  "action-menu-cell": "_action-menu-cell_43u6n_245",
-  "checkbox-cell": "_checkbox-cell_43u6n_273",
-  "expand-all-tooltip-wrapper": "_expand-all-tooltip-wrapper_43u6n_314",
-  "expand-all-tooltip-content": "_expand-all-tooltip-content_43u6n_323",
-  "expand-icon": "_expand-icon_43u6n_332",
-  expanded: Yt,
-  "primary-cell": "_primary-cell_43u6n_341",
-  label: Jt,
-  "sortable-cell": "_sortable-cell_43u6n_379",
-  "align-right": "_align-right_43u6n_382",
-  "align-center": "_align-center_43u6n_388",
-  "table-wrapper": "_table-wrapper_43u6n_442",
-  "checkbox-column": "_checkbox-column_43u6n_454",
-  "checkbox-header": "_checkbox-header_43u6n_463",
-  "checkbox-body": "_checkbox-body_43u6n_484",
-  "checkbox-row": "_checkbox-row_43u6n_491",
-  "checkbox-tooltip-wrapper": "_checkbox-tooltip-wrapper_43u6n_502"
-}, lt = "asc", O = 32, at = 100, Zt = 48, Le = 48, Ot = (t) => t.toLowerCase() === lt, Kt = (t) => t.map((c) => c.key), R = (t) => "primary" in t && t.primary === !0, tt = (t) => {
-  var s;
-  return `size-${((s = t.rowConfigs) == null ? void 0 : s.size) ?? "default"}`;
-}, Te = (t) => it(t) ? t : `${t}px`, en = (t, c, s, i, h, g = !1) => {
-  let u = 0;
-  i && (u += O), h && !g && (u += O);
-  for (let b = 0; b < t; b++) {
-    const a = c[b];
-    if (R(a)) {
-      const o = s.current.get(a.key) || at;
-      u += o;
-    } else {
-      const o = a, l = it(o.width) ? parseInt(o.width, 10) || 0 : o.width;
-      u += l;
-    }
-  }
-  return u;
-}, ae = (t, c, s, i, h, g, u, b = !1) => {
-  const a = {};
-  if (!R(t)) {
-    const o = t;
-    a.textAlign = o.align;
-  }
-  if (c && s !== void 0) {
-    const o = en(
-      s,
-      i,
-      h,
-      g,
-      u,
-      b
-    );
-    a.left = `${o}px`;
-  }
-  return a;
-}, nt = (t, c, s, i, h, g = !1, u, b = !1, a = !1) => {
-  const o = [];
-  s && o.push(`${O}px`), g && i && !a && o.push(`${O}px`);
-  const l = (_) => {
-    if ((u == null ? void 0 : u[_.key]) !== void 0) {
-      o.push(`${u[_.key]}px`);
-      return;
-    }
-    if (R(_)) {
-      const y = _;
-      if (b && y.width) {
-        o.push(Te(y.width));
-        return;
-      }
-      const L = y.width ? Te(y.width) : `${at}px`;
-      o.push(`minmax(${L}, 1fr)`);
-    } else {
-      const L = Te(_.width);
-      o.push(L);
-    }
-  };
-  return t.forEach(l), c.forEach(l), h && o.push(`${Zt}px`), o.join(" ");
-}, tn = ({
-  primaryColumns: t,
-  fixedColumns: c,
-  pinnedColumnKeys: s
-}) => Z(() => {
-  const i = [], h = [];
-  return t.forEach((g) => {
-    const u = { ...g, primary: !0 };
-    s.includes(g.key) ? i.push(u) : h.push(u);
-  }), c.forEach((g) => {
-    s.includes(g.key) ? i.push(g) : h.push(g);
-  }), {
-    pinnedColumns: i,
-    scrollableColumns: h
-  };
-}, [t, c, s]), nn = () => {
-  const [t, c] = q(null), [s, i] = q(null), h = M((a) => {
-    c(a);
-  }, []), g = M(() => {
-    c(null);
-  }, []), u = M((a) => {
-    i(a);
-  }, []), b = M(() => {
-    i(null);
-  }, []);
-  return {
-    hoveredColumn: t,
-    hoveredRow: s,
-    handleColumnMouseEnter: h,
-    handleColumnMouseLeave: g,
-    handleRowMouseEnter: u,
-    handleRowMouseLeave: b
-  };
-}, sn = ({
-  primaryColumns: t,
-  fixedColumns: c,
-  expandedRowIds: s,
-  onToggleRowExpansion: i
-}) => {
-  const [h, g] = q(/* @__PURE__ */ new Set());
-  P(() => {
-    const a = [
-      ...t.map((l) => l.key),
-      ...c.map((l) => l.key)
-    ], o = /* @__PURE__ */ new Set();
-    s.forEach((l) => {
-      a.forEach((_) => {
-        o.add(`${l}-${_}`);
-      });
-    }), g((l) => {
-      if (l.size === o.size) {
-        let _ = !0;
-        if (l.forEach((y) => {
-          o.has(y) || (_ = !1);
-        }), _)
-          return l;
-      }
-      return o;
-    });
-  }, [s, t, c]);
-  const u = M(
-    (a) => {
-      const o = new Set(h), l = s.includes(a), _ = [
-        ...t.map((y) => y.key),
-        ...c.map((y) => y.key)
-      ];
-      l ? _.forEach((y) => {
-        const L = `${a}-${y}`;
-        o.delete(L);
-      }) : _.forEach((y) => {
-        const L = `${a}-${y}`;
-        o.add(L);
-      }), g(o), i(a);
-    },
-    [h, s, t, c, i]
-  ), b = M(
-    (a, o) => {
-      const l = `${a}-${o}`;
-      return h.has(l);
-    },
-    [h]
-  );
-  return {
-    expandedCells: h,
-    handleToggleRowExpansion: u,
-    isCellExpanded: b
-  };
-}, rn = () => {
-  const t = H(/* @__PURE__ */ new Map()), c = M(
-    (s) => (i) => {
-      if (!i)
-        return;
-      const h = i.getBoundingClientRect().width;
-      h > 0 && t.current.set(s, h);
-    },
-    []
-  );
-  return {
-    columnWidthsRef: t,
-    setCellRef: c
-  };
-}, cn = ({
-  enabled: t = !1,
-  minWidth: c = 50,
-  maxWidth: s = 500,
-  columns: i = [],
-  columnWidthsRef: h,
-  onColumnResize: g,
-  initialColumnWidths: u
-}) => {
-  const [b, a] = q({}), o = H(i), l = H(void 0);
-  P(() => {
-    o.current = i;
-  }, [i]);
-  const _ = M(
-    (E) => {
-      const p = i.find(($) => $.key === E);
-      return {
-        minWidth: (p == null ? void 0 : p.minWidth) ?? c,
-        maxWidth: (p == null ? void 0 : p.maxWidth) ?? s
-      };
-    },
-    [i, c, s]
-  );
-  P(() => {
-    if (u && l.current !== u) {
-      const p = {};
-      Object.entries(u).forEach(([$, x]) => {
-        const k = o.current.find((A) => A.key === $), B = (k == null ? void 0 : k.minWidth) ?? c, C = (k == null ? void 0 : k.maxWidth) ?? s;
-        p[$] = Math.min(C, Math.max(B, x));
-      }), a(p), l.current = u;
-    }
-  }, [u, c, s]);
-  const y = M(() => {
-    if (!t || Object.keys(b).length > 0 || !h)
-      return;
-    const E = {};
-    h.current.forEach((p, $) => {
-      E[$] = p;
-    }), a(E);
-  }, [t, b, h]), L = M(
-    (E) => (p, { size: $ }) => {
-      if (!t)
-        return;
-      const { minWidth: x, maxWidth: k } = _(E), B = Math.min(k, Math.max(x, $.width));
-      a((C) => ({ ...C, [E]: B }));
-    },
-    [t, _]
-  ), G = M(
-    (E) => () => {
-      !t || !b[E] || g == null || g(E, b[E]);
-    },
-    [t, b, g]
-  );
-  return {
-    columnWidths: b,
-    handleResize: L,
-    handleResizeStop: G,
-    handleResizeStart: y
-  };
-}, on = (t, c, s, i, h, g, u, b) => Z(() => {
-  if (!t)
-    return {
-      visible: !1,
-      position: { top: 0, left: 0 },
-      size: { width: 0, height: 0 }
-    };
-  if (!(h + t.clientWidth < u))
-    return {
-      visible: !1,
-      position: { top: 0, left: 0 },
-      size: { width: 0, height: 0 }
-    };
-  const o = t.getBoundingClientRect(), l = (c == null ? void 0 : c.offsetHeight) || 0, _ = s == null ? void 0 : s.getBoundingClientRect(), y = Math.min(
-    o.bottom,
-    (_ == null ? void 0 : _.bottom) || Number.MAX_SAFE_INTEGER
-  );
-  let L;
-  i && s && _ ? L = _.top - o.top + l : L = l;
-  const G = o.top + L, p = t.scrollWidth > t.clientWidth ? t.offsetHeight - t.clientHeight : 0, $ = y - G - p, k = t.scrollHeight > t.clientHeight ? t.offsetWidth - t.clientWidth : 0, B = o.right - Le - k;
-  return {
-    visible: !0,
-    position: {
-      top: G,
-      left: B
-    },
-    size: {
-      width: Le,
-      height: $
-    }
-  };
-}, [
-  t,
-  c,
-  s,
-  i,
-  h,
-  g,
-  u,
-  b
-]), ln = (t, c, s, i, h, g, u, b) => Z(() => {
-  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 o = t.querySelector('[data-row-index="0"]');
-  if (!o)
-    return {
-      visible: !1,
-      position: { top: 0, left: 0 },
-      size: { width: 0, height: 0 }
-    };
-  const l = Array.from(o.querySelectorAll("[data-pinned-index]"));
-  if (l.length === 0)
-    return {
-      visible: !1,
-      position: { top: 0, left: 0 },
-      size: { width: 0, height: 0 }
-    };
-  const _ = Math.max(
-    ...l.map(
-      (Y) => parseInt(Y.getAttribute("data-pinned-index") || "-1", 10)
-    )
-  );
-  if (_ < 0)
-    return {
-      visible: !1,
-      position: { top: 0, left: 0 },
-      size: { width: 0, height: 0 }
-    };
-  const y = l.find(
-    (Y) => parseInt(Y.getAttribute("data-pinned-index") || "-1", 10) === _
-  );
-  if (!y)
-    return {
-      visible: !1,
-      position: { top: 0, left: 0 },
-      size: { width: 0, height: 0 }
-    };
-  const L = y.getBoundingClientRect(), G = t.getBoundingClientRect(), E = (s == null ? void 0 : s.offsetHeight) || 0, p = i == null ? void 0 : i.getBoundingClientRect(), $ = L.right, x = Math.min(
-    G.bottom,
-    (p == null ? void 0 : p.bottom) || Number.MAX_SAFE_INTEGER
-  );
-  let k;
-  h && i && p ? k = p.top - G.top + E : k = E;
-  const B = G.top + k, A = t.scrollWidth > t.clientWidth ? t.offsetHeight - t.clientHeight : 0, K = x - B - A;
-  return {
-    visible: !0,
-    position: {
-      top: B,
-      left: $
-    },
-    size: {
-      width: Le,
-      height: K
-    }
-  };
-}, [
-  t,
-  c,
-  s,
-  i,
-  h,
-  g,
-  u,
-  b
-]), an = ({ enabled: t, rowCount: c }) => {
-  const s = H(/* @__PURE__ */ new Map()), i = H(/* @__PURE__ */ new Map()), h = M(
-    (a) => (o) => {
-      const l = String(a);
-      o ? s.current.set(l, o) : s.current.delete(l);
-    },
-    []
-  ), g = M(
-    (a) => (o) => {
-      const l = String(a);
-      o ? i.current.set(l, o) : i.current.delete(l);
-    },
-    []
-  ), u = M((a, o) => {
-    const l = `${a.offsetHeight}px`;
-    o.style.height !== l && (o.style.height = l);
-  }, []), b = M(() => {
-    s.current.forEach((a, o) => {
-      const l = i.current.get(o);
-      l && u(a, l);
-    });
-  }, [u]);
-  return P(() => {
-    if (!t)
-      return;
-    const a = new ResizeObserver((o) => {
-      requestAnimationFrame(() => {
-        o.forEach((l) => {
-          const _ = l.target, y = _.dataset.rowId, L = y ? i.current.get(y) : void 0;
-          L && u(_, L);
-        });
-      });
-    });
-    return s.current.forEach((o) => a.observe(o)), () => a.disconnect();
-  }, [t, c, u]), ot(() => {
-    t && b();
-  }, [t, c, b]), { setTableRowRef: h, setCheckboxRowRef: g, syncAllHeights: b };
-}, dn = {
-  "resize-handle": "_resize-handle_15uk3_1"
-}, hn = xe.bind(dn), un = Ft(
-  (t, c) => /* @__PURE__ */ d("div", { ref: c, className: hn("resize-handle"), ...t, children: /* @__PURE__ */ d(Dt, {}) })
-), pn = {
-  "gradient-overlay": "_gradient-overlay_hx7m8_1",
-  "direction-right": "_direction-right_hx7m8_5",
-  "direction-left": "_direction-left_hx7m8_13"
-}, fn = xe.bind(pn), st = ({
-  portalContainer: t,
-  visible: c,
-  position: s,
-  size: i,
-  direction: h,
-  className: g,
-  dataTestId: u
-}) => {
-  if (!c || !t)
-    return null;
-  const b = {
-    position: "fixed",
-    top: `${s.top}px`,
-    width: `${i.width}px`,
-    height: `${i.height}px`
-  };
-  return s.left !== void 0 && (b.left = `${s.left}px`), s.right !== void 0 && (b.right = `${s.right}px`), jt(
-    /* @__PURE__ */ d(
-      "div",
-      {
-        className: fn("gradient-overlay", `direction-${h}`, g),
-        style: b,
-        "data-gradient-type": u
-      }
-    ),
-    t
-  );
-}, v = xe.bind(Qt), _n = ({
-  value: t,
-  expanded: c
-}) => {
-  const { ref: s, title: i } = Xt(c ? void 0 : t), h = String(t);
-  return /* @__PURE__ */ d(
-    "span",
-    {
-      ref: s,
-      title: c ? void 0 : i,
-      className: v({ "primitive-cell-text": !c }),
-      children: h
-    }
-  );
-}, rt = (t, c) => {
-  if (t == null)
-    return null;
-  let s;
-  if (typeof t == "object" && ("component" in t || "content" in t)) {
-    const i = t;
-    if (s = i.component ?? i.content, s == null)
-      return null;
-  } else
-    s = t;
-  return typeof s == "string" || typeof s == "number" ? /* @__PURE__ */ d(_n, { value: s, expanded: c }) : s;
-}, ct = ({ column: t }) => {
-  const c = H(null), [s, i] = q(!1);
-  return P(() => {
-    if (c.current) {
-      const h = c.current.offsetWidth, g = c.current.scrollWidth;
-      i(g > h);
-    }
-  }, [t.header]), /* @__PURE__ */ d("span", { ref: c, title: s ? t.header : void 0, children: t.header });
-}, Mn = ({
-  data: t,
-  primaryColumn: c,
-  fixedColumns: s,
-  renderRowActions: i,
-  className: h = "",
-  wrapperClassName: g = "",
-  rowClassName: u = "",
-  headerClassName: b = "",
-  bodyClassName: a = "",
-  checkboxColumnClassName: o = "",
-  selectable: l = !1,
-  selectedRowIds: _ = [],
-  sortingDirection: y = lt,
-  sortingColumn: L,
-  sortableColumns: G,
-  isHeaderFixed: E = !1,
-  isHorizontallyScrollable: p = !1,
-  pinnedColumnKeys: $ = [],
-  isRowsExpandable: x = !1,
-  expandedRowIds: k = [],
-  isAllExpandedByDefault: B,
-  expandAllTooltip: C,
-  isResizable: A = !1,
-  minColumnWidth: K = 50,
-  maxColumnWidth: Y = 500,
-  isSelectAllCheckboxAlwaysVisible: dt = !1,
-  isCheckboxOutside: z = !1,
-  disabledRowIds: de,
-  onChangeSorting: ht = () => {
-  },
-  onToggleRowSelection: ut = () => {
-  },
-  onToggleAllRowsSelection: pt = () => {
-  },
-  onToggleRowExpansion: ft = () => {
-  },
-  onToggleAllRowsExpansion: _t = () => {
-  },
-  onColumnResize: vt = () => {
-  },
-  getRowCheckboxTooltip: he = () => {
-  },
-  externalScrollContainerRef: w,
-  portalContainer: ue = typeof document < "u" ? document.body : null,
-  rightGradientClassName: gt,
-  pinnedGradientClassName: bt
-}) => {
-  const J = Z(
-    () => Array.isArray(c) ? c : [c],
-    [c]
-  ), D = L ?? J[0], se = G ?? Kt([...J, ...s]), { pinnedColumns: F, scrollableColumns: Q } = tn({
-    primaryColumns: J,
-    fixedColumns: s,
-    pinnedColumnKeys: $
-  }), {
-    hoveredColumn: Ne,
-    hoveredRow: ze,
-    handleColumnMouseEnter: Ae,
-    handleColumnMouseLeave: Me,
-    handleRowMouseEnter: $e,
-    handleRowMouseLeave: We
-  } = nn(), { columnWidthsRef: ee, setCellRef: He } = rn(), yt = Z(() => {
-    const e = {};
-    return J.forEach((n) => {
-      "width" in n && typeof n.width == "number" && (e[n.key] = n.width);
-    }), s.forEach((n) => {
-      "width" in n && typeof n.width == "number" && (e[n.key] = n.width);
-    }), Object.keys(e).length > 0 ? e : void 0;
-  }, [J, s]), { handleToggleRowExpansion: mt, isCellExpanded: Pe } = sn({
-    primaryColumns: J,
-    fixedColumns: s,
-    expandedRowIds: k,
-    onToggleRowExpansion: ft
-  }), wt = Z(
-    () => [...F, ...Q],
-    [F, Q]
-  ), { columnWidths: re, handleResize: kt, handleResizeStop: Et, handleResizeStart: Tt } = cn({
-    enabled: A,
-    minWidth: K,
-    maxWidth: Y,
-    columns: wt,
-    columnWidthsRef: ee,
-    onColumnResize: vt,
-    initialColumnWidths: yt
-  }), { setTableRowRef: Lt, setCheckboxRowRef: xt } = an({
-    enabled: l && z,
-    rowCount: t.length
-  }), Be = (e, n) => {
-    const r = e.minWidth ?? K, f = e.maxWidth ?? Y;
-    return /* @__PURE__ */ d(
-      qt,
-      {
-        width: re[e.key] ?? (typeof e.width == "number" ? e.width : K),
-        height: 0,
-        axis: "x",
-        handle: /* @__PURE__ */ d(un, {}),
-        onResizeStart: Tt,
-        onResize: kt(e.key),
-        onResizeStop: Et(e.key),
-        minConstraints: [r, 0],
-        maxConstraints: [f, 0],
-        className: v("resizable-column"),
-        children: n
-      },
-      e.key
-    );
-  }, N = H(null), j = H(null), Nt = H(null), te = H(null), pe = H(null), [V, zt] = q(!1), ce = M((e) => {
-    const n = j.current;
-    if (n && n.contains(e))
-      return;
-    const r = e.parentElement;
-    if (!r)
-      return;
-    const f = window.getComputedStyle(r), m = parseFloat(f.paddingTop) || 0, T = parseFloat(f.paddingBottom) || 0, S = e.offsetHeight + m + T;
-    e.style.setProperty("--expand-cell-top", `${m}px`), e.style.setProperty("--expand-cell-height", `${S}px`);
-  }, []), [Se, fe] = q(0), [Ge, _e] = q(0), [Fe, ve] = q(0), [qe, De] = q(0), oe = H(!1), ge = H(/* @__PURE__ */ new Set()), ne = H(null), be = on(
-    N.current,
-    j.current,
-    (w == null ? void 0 : w.current) instanceof HTMLElement ? w.current : null,
-    V,
-    Se,
-    Ge,
-    Fe,
-    qe
-  ), ye = ln(
-    N.current,
-    Se,
-    j.current,
-    (w == null ? void 0 : w.current) instanceof HTMLElement ? w.current : null,
-    V,
-    Ge,
-    Fe,
-    qe
-  ), Ue = (e) => {
-    se.includes(e) && ht({ key: e, direction: y });
-  }, At = (e) => {
-    ut(e);
-  }, je = () => {
-    pt();
-  }, Mt = () => {
-    _t();
-  }, Xe = (e) => se.includes(e) ? (D == null ? void 0 : D.key) === e ? Ot(y) ? /* @__PURE__ */ d(Oe, {}) : /* @__PURE__ */ d(Ut, {}) : /* @__PURE__ */ d(Oe, {}) : null, me = (e) => (de == null ? void 0 : de.includes(e)) ?? !1, Ce = t.every(
-    (e) => me(e.id) || _.includes(e.id)
-  ), we = t.some(
-    (e) => !me(e.id) && _.includes(e.id)
-  ), ke = (_ == null ? void 0 : _.length) > 0, $t = !Ct(t), Ve = dt && $t || ke, Wt = t.every((e) => k.includes(e.id)), Ht = B !== void 0 ? B : Wt, Pt = nt(
-    F,
-    Q,
-    x,
-    l,
-    !!i,
-    !1,
-    A ? re : void 0,
-    A,
-    z
-  ), Bt = nt(
-    F,
-    Q,
-    x,
-    l,
-    !!i,
-    !0,
-    A ? re : void 0,
-    A,
-    z
-  ), Ie = /* @__PURE__ */ d("button", { onClick: Mt, "aria-label": "Toggle all rows expansion", children: /* @__PURE__ */ d("span", { className: v("expand-icon", { expanded: Ht }), children: /* @__PURE__ */ d(Ke, {}) }) });
-  P(() => {
-    if (!(w != null && w.current) || !N.current || !j.current)
-      return;
-    const e = w.current, n = N.current, r = j.current, f = pe.current, m = () => {
-      const W = n.getBoundingClientRect(), S = e.getBoundingClientRect(), I = r.offsetHeight, X = W.top - S.top, ie = W.bottom - S.top, Qe = e.scrollTop > 0 && X <= 0 && ie > I;
-      if (zt(Qe), Qe) {
-        const le = W.left, Ze = S.top;
-        r.classList.add(v("pinned-header")), p && (r.style.overflow = "hidden", r.style.overflowX = "hidden"), r.style.left = `${le}px`, r.style.top = `${Ze}px`, r.style.width = `${W.width}px`, f && z && (f.style.top = `${Ze}px`);
-      } else {
-        const le = n.scrollLeft;
-        oe.current = !0, r.classList.remove(v("pinned-header")), p && (r.scrollLeft = 0), r.style.left = "", r.style.top = "", r.style.width = "", p && (r.style.overflow = "", r.style.overflowX = ""), f && z && (f.style.top = "", f.classList.remove(v("pinned-header"))), p && le > 0 ? requestAnimationFrame(() => {
-          n.scrollLeft = le, setTimeout(() => {
-            oe.current = !1;
-          }, 0);
-        }) : oe.current = !1;
-      }
-    }, T = requestAnimationFrame(() => {
-      m();
-    });
-    return e.addEventListener("scroll", m), window.addEventListener("resize", m), () => {
-      cancelAnimationFrame(T), e.removeEventListener("scroll", m), window.removeEventListener("resize", m);
-    };
-  }, [w, p, z]), P(() => {
-    if (!(w != null && w.current) || !N.current || !j.current || !V)
-      return;
-    const e = w.current, n = N.current, r = j.current, f = pe.current, m = () => {
-      const X = n.getBoundingClientRect(), ie = e.getBoundingClientRect();
-      r.style.left = `${X.left}px`, r.style.top = `${ie.top}px`, r.style.width = `${X.width}px`, f && z && (f.style.top = `${ie.top}px`);
-    }, T = (X) => {
-      oe.current || (X === r ? n.scrollLeft = r.scrollLeft : r.scrollLeft = n.scrollLeft, ne.current && ne.current());
-    }, W = () => {
-      T(n), m();
-    }, S = () => {
-      T(r);
-    }, I = () => {
-      m();
-    };
-    return n.addEventListener("scroll", W), p && r.addEventListener("scroll", S), e.addEventListener("scroll", I), window.addEventListener("resize", m), T(n), m(), () => {
-      n.removeEventListener("scroll", W), p && r.removeEventListener("scroll", S), e.removeEventListener("scroll", I), window.removeEventListener("resize", m);
-    };
-  }, [V, w, p, z]), P(() => {
-    if (!N.current || !p)
-      return;
-    const e = N.current, n = w == null ? void 0 : w.current;
-    fe(e.scrollLeft), _e((n == null ? void 0 : n.scrollTop) || e.scrollTop || 0), ve(e.scrollWidth);
-    const r = () => {
-      e && (fe(e.scrollLeft), _e((n == null ? void 0 : n.scrollTop) || e.scrollTop || 0), ve(e.scrollWidth));
-    };
-    let f = null;
-    const m = () => {
-      f === null && (f = requestAnimationFrame(() => {
-        r(), f = null;
-      }));
-    }, T = () => {
-      m();
-    }, W = () => {
-      m();
-    };
-    e.addEventListener("scroll", T, { passive: !0 }), n && n.addEventListener("scroll", W, {
-      passive: !0
-    });
-    const S = () => {
-      r(), De((X) => X + 1);
-    };
-    window.addEventListener("resize", S), ne.current = r, r();
-    const I = new ResizeObserver(() => {
-      r();
-    });
-    return e && I.observe(e), () => {
-      e.removeEventListener("scroll", T), n && n.removeEventListener("scroll", W), window.removeEventListener("resize", S), I.disconnect(), f !== null && (cancelAnimationFrame(f), f = null);
-    };
-  }, [p, w, V, k]), P(() => {
-    if (!N.current || !p)
-      return;
-    const e = N.current, n = w == null ? void 0 : w.current;
-    requestAnimationFrame(() => {
-      e && (fe(e.scrollLeft), _e((n == null ? void 0 : n.scrollTop) || e.scrollTop || 0), ve(e.scrollWidth), ne.current && ne.current());
-    });
-  }, [re, p, w]), P(() => {
-    if (!N.current)
-      return;
-    const e = N.current, n = () => {
-      Array.from(e.querySelectorAll('[data-base-left="0"]')).forEach(ce);
-    };
-    requestAnimationFrame(() => {
-      n();
-    });
-  }, [x, t, ce]), P(() => {
-    if (!N.current)
-      return;
-    const e = N.current, n = new Set(k), r = ge.current, f = /* @__PURE__ */ new Set();
-    if (k.forEach((T) => {
-      r.has(T) || f.add(T);
-    }), r.forEach((T) => {
-      n.has(T) || f.add(T);
-    }), f.size === 0) {
-      ge.current = n;
-      return;
-    }
-    const m = setTimeout(() => {
-      f.forEach((T) => {
-        const W = e.querySelector(
-          `[data-base-left="0"][data-row-id="${T}"]`
-        );
-        W && ce(W);
-      }), De((T) => T + 1);
-    }, 0);
-    return ge.current = n, () => clearTimeout(m);
-  }, [x, k, ce]), P(() => {
-    if (!te.current || !N.current || !z)
-      return;
-    const e = te.current, n = N.current, r = () => {
-      requestAnimationFrame(() => {
-        e.scrollTop = n.scrollTop;
-      });
-    };
-    return n.addEventListener("scroll", r), () => {
-      n.removeEventListener("scroll", r);
-    };
-  }, [t, z]), ot(() => {
-    if (!N.current || !te.current)
-      return;
-    const e = N.current, n = te.current, r = () => {
-      const m = `${e.clientHeight}px`;
-      n.style.height !== m && (n.style.height = m);
-    };
-    r();
-    const f = new ResizeObserver(() => {
-      requestAnimationFrame(r);
-    });
-    return f.observe(e), () => f.disconnect();
-  }, []);
-  const Re = (e) => {
-    const n = me(e.id), r = he == null ? void 0 : he(e.id), f = /* @__PURE__ */ d(
-      Ee,
-      {
-        value: _.includes(e.id),
-        disabled: n,
-        onChange: () => At(e.id),
-        className: v("checkbox-cell")
-      }
-    );
-    return r ? /* @__PURE__ */ d(
-      et,
-      {
-        content: r,
-        placement: "top",
-        wrapperClassName: v("checkbox-tooltip-wrapper"),
-        portalRoot: ue ?? void 0,
-        children: f
-      }
-    ) : f;
-  }, Ye = v("checkbox-cell", "select-all-checkbox", {
-    "select-all-checkbox-selected": we
-  }), St = () => /* @__PURE__ */ U("div", { className: v("checkbox-column", o), ref: te, children: [
-    /* @__PURE__ */ d(
-      "div",
-      {
-        ref: pe,
-        className: v(
-          "table-header",
-          "checkbox-header",
-          { "pinned-header": V },
-          b
-        ),
-        children: Ve && /* @__PURE__ */ d(
-          Ee,
-          {
-            value: Ce,
-            partiallyChecked: we,
-            onChange: je,
-            className: Ye
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ d("div", { className: v("checkbox-body", a), children: t.map((e, n) => /* @__PURE__ */ d(
-      "div",
-      {
-        ref: xt(e.id),
-        className: v("checkbox-row", "table-row", tt(e), u),
-        onMouseEnter: () => $e(n),
-        onMouseLeave: We,
-        children: (ke || ze === n) && Re(e)
-      },
-      e.id
-    )) })
-  ] }), Je = () => /* @__PURE__ */ U(
-    "div",
-    {
-      ref: N,
-      className: v(
-        "table",
-        {
-          "fixed-header": E,
-          "horizontally-scrollable-container": E && (p || A),
-          "external-scroll-container": E && !!w
-        },
-        h
-      ),
-      children: [
-        /* @__PURE__ */ U(
-          "div",
-          {
-            ref: j,
-            className: v(
-              "table-header",
-              {
-                "sticky-header": E && !V,
-                "horizontally-scrollable": p,
-                resizable: A
-              },
-              b
-            ),
-            style: { gridTemplateColumns: Bt },
-            children: [
-              l && !z && /* @__PURE__ */ d(
-                "div",
-                {
-                  className: v("table-header-cell", "checkbox-cell"),
-                  "data-base-left": x ? O : 0,
-                  children: Ve && /* @__PURE__ */ d(
-                    Ee,
-                    {
-                      value: Ce,
-                      partiallyChecked: we,
-                      onChange: je,
-                      className: Ye
-                    }
-                  )
-                }
-              ),
-              x && /* @__PURE__ */ d(
-                "div",
-                {
-                  className: v("table-header-cell", "expand-cell", "left-border-accent"),
-                  "data-base-left": "0",
-                  children: C ? /* @__PURE__ */ d(
-                    et,
-                    {
-                      content: C,
-                      placement: "top",
-                      wrapperClassName: v("expand-all-tooltip-wrapper"),
-                      contentClassName: v("expand-all-tooltip-content"),
-                      children: Ie
-                    }
-                  ) : Ie
-                }
-              ),
-              F.map((e, n) => {
-                const r = /* @__PURE__ */ d(
-                  "button",
-                  {
-                    "data-column-key": e.key,
-                    "data-pinned-index": n,
-                    className: v("table-header-cell", "pinned-column", {
-                      [`align-${e.align}`]: "align" in e,
-                      "primary-cell": R(e),
-                      "sortable-cell": se.includes(e.key),
-                      resizable: A
-                    }),
-                    style: ae(
-                      e,
-                      !0,
-                      n,
-                      F,
-                      ee,
-                      x,
-                      l,
-                      z
-                    ),
-                    children: /* @__PURE__ */ U(
-                      "div",
-                      {
-                        className: v("label"),
-                        onClick: () => Ue(e.key),
-                        onMouseEnter: () => Ae(e.key),
-                        onMouseLeave: Me,
-                        children: [
-                          /* @__PURE__ */ d(ct, { column: e }),
-                          (Ne === e.key || (D == null ? void 0 : D.key) === e.key) && Xe(e.key)
-                        ]
-                      }
-                    )
-                  },
-                  e.key
-                );
-                return A ? Be(e, r) : r;
-              }),
-              Q.map((e) => {
-                const n = /* @__PURE__ */ d(
-                  "button",
-                  {
-                    className: v("table-header-cell", {
-                      [`align-${e.align}`]: "align" in e,
-                      "primary-cell": R(e),
-                      "sortable-cell": se.includes(e.key),
-                      resizable: A
-                    }),
-                    style: ae(
-                      e,
-                      !1,
-                      void 0,
-                      F,
-                      ee,
-                      x,
-                      l,
-                      z
-                    ),
-                    children: /* @__PURE__ */ U(
-                      "div",
-                      {
-                        className: v("label"),
-                        onClick: () => Ue(e.key),
-                        onMouseEnter: () => Ae(e.key),
-                        onMouseLeave: Me,
-                        children: [
-                          /* @__PURE__ */ d(ct, { column: e }),
-                          (Ne === e.key || (D == null ? void 0 : D.key) === e.key) && Xe(e.key)
-                        ]
-                      }
-                    )
-                  },
-                  e.key
-                );
-                return A ? Be(e, n) : n;
-              }),
-              i && /* @__PURE__ */ d("div", { className: v("table-header-cell", "action-menu-cell") })
-            ]
-          }
-        ),
-        /* @__PURE__ */ d(
-          "div",
-          {
-            ref: Nt,
-            className: v(
-              "table-body",
-              {
-                "scrollable-body": E,
-                "horizontally-scrollable": p,
-                resizable: A
-              },
-              a
-            ),
-            children: t.map((e, n) => /* @__PURE__ */ U(
-              "div",
-              {
-                "data-row-index": n,
-                "data-row-id": e.id,
-                ref: Lt(e.id),
-                className: v("table-row", tt(e), u, {
-                  selectable: l && !z
-                }),
-                onMouseEnter: () => $e(n),
-                onMouseLeave: We,
-                children: [
-                  l && !z && /* @__PURE__ */ d(
-                    "div",
-                    {
-                      className: v("table-cell", "checkbox-cell"),
-                      "data-base-left": x ? O : 0,
-                      children: (ke || ze === n) && Re(e)
-                    }
-                  ),
-                  /* @__PURE__ */ d("div", { className: v("row-content-wrapper"), children: /* @__PURE__ */ U("div", { className: v("table-row-content"), style: { gridTemplateColumns: Pt }, children: [
-                    x && /* @__PURE__ */ d(
-                      "div",
-                      {
-                        className: v("table-cell", "expand-cell", "left-border-accent"),
-                        "data-base-left": "0",
-                        "data-row-id": e.id,
-                        children: /* @__PURE__ */ d(
-                          "button",
-                          {
-                            onClick: () => mt(e.id),
-                            "aria-label": k.includes(e.id) ? "Collapse row" : "Expand row",
-                            "aria-expanded": k.includes(e.id),
-                            children: /* @__PURE__ */ d(
-                              "span",
-                              {
-                                className: v("expand-icon", {
-                                  expanded: k.includes(e.id)
-                                }),
-                                children: /* @__PURE__ */ d(Ke, {})
-                              }
-                            )
-                          }
-                        )
-                      }
-                    ),
-                    F.map((r, f) => {
-                      const m = Pe(e.id, r.key), T = R(r);
-                      return /* @__PURE__ */ d(
-                        "div",
-                        {
-                          "data-column-key": r.key,
-                          "data-pinned-index": f,
-                          ref: T ? He(r.key) : void 0,
-                          className: v("table-cell", "pinned-column", {
-                            "primary-cell": T,
-                            "expanded-cell": m
-                          }),
-                          style: ae(
-                            r,
-                            !0,
-                            f,
-                            F,
-                            ee,
-                            x,
-                            l,
-                            z
-                          ),
-                          children: rt(e[r.key], m)
-                        },
-                        r.key
-                      );
-                    }),
-                    Q.map((r) => {
-                      const f = Pe(e.id, r.key), m = R(r);
-                      return /* @__PURE__ */ d(
-                        "div",
-                        {
-                          ref: m ? He(r.key) : void 0,
-                          className: v("table-cell", {
-                            "primary-cell": m,
-                            "expanded-cell": f
-                          }),
-                          style: ae(
-                            r,
-                            !1,
-                            void 0,
-                            F,
-                            ee,
-                            x,
-                            l,
-                            z
-                          ),
-                          children: rt(e[r.key], f)
-                        },
-                        r.key
-                      );
-                    }),
-                    i && /* @__PURE__ */ d("div", { className: v("table-cell", "action-menu-cell"), children: i(e.metaData) })
-                  ] }) })
-                ]
-              },
-              e.id
-            ))
-          }
-        ),
-        p && /* @__PURE__ */ U(Gt, { children: [
-          /* @__PURE__ */ d(
-            st,
-            {
-              portalContainer: ue,
-              visible: be.visible,
-              position: be.position,
-              size: be.size,
-              direction: "right",
-              className: gt,
-              dataTestId: "right-gradient"
-            }
-          ),
-          /* @__PURE__ */ d(
-            st,
-            {
-              portalContainer: ue,
-              visible: ye.visible,
-              position: ye.position,
-              size: ye.size,
-              direction: "left",
-              className: bt,
-              dataTestId: "pinned-gradient"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-  return z ? /* @__PURE__ */ U("div", { className: v("table-wrapper", { "fixed-header": E }, g), children: [
-    St(),
-    Je()
-  ] }) : Je();
-};
-export {
-  Mn as T
-};