@reportportal/ui-kit 0.0.1-alpha.24 → 0.0.1-alpha.241

package/dist/table-e0fd9727.js

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