@reportportal/ui-kit 0.0.1-alpha.236 → 0.0.1-alpha.238

package/dist/table-4d35951e.js

@@ -0,0 +1,1150 @@
+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
+};