@reportportal/ui-kit 0.0.1-alpha.26 → 0.0.1-alpha.261

package/dist/table-1b58a6d0.js

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