@reportportal/ui-kit 0.0.1-alpha.147 → 0.0.1-alpha.148

package/dist/components/table/utils.d.ts

@@ -9,4 +9,4 @@ export declare const isPrimaryColumn: (column: PrimaryColumn | FixedColumn) => b
 export declare const getRowSizeClassName: (rowData: RowData) => string;
 export declare const calculatePinnedPosition: (columnIndex: number, columns: (PrimaryColumn | FixedColumn)[], columnWidthsRef: MutableRefObject<Map<string, number>>, isRowsExpandable: boolean, selectable: boolean) => number;
 export declare const getCellStyle: (column: FixedColumn | PrimaryColumn, isPinned: boolean, pinnedIndex: number | undefined, pinnedColumns: (PrimaryColumn | FixedColumn)[], columnWidthsRef: MutableRefObject<Map<string, number>>, isRowsExpandable: boolean, selectable: boolean) => CSSProperties;
-export declare const getGridTemplateColumns: (pinnedColumns: (PrimaryColumn | FixedColumn)[], scrollableColumns: (PrimaryColumn | FixedColumn)[], isRowsExpandable: boolean, selectable: boolean, renderRowActions: boolean, isHeader?: boolean, columnWidths?: Record<string, number>) => string;
+export declare const getGridTemplateColumns: (pinnedColumns: (PrimaryColumn | FixedColumn)[], scrollableColumns: (PrimaryColumn | FixedColumn)[], isRowsExpandable: boolean, selectable: boolean, renderRowActions: boolean, isHeader?: boolean, columnWidths?: Record<string, number>, isResizable?: boolean) => string;

package/dist/index.js

@@ -24,7 +24,7 @@ import { S as so } from "./spinLoader-c4a53718.js";
 import { SystemAlert as lo } from "./systemAlert.js";
 import { S as fo } from "./systemMessage-924fdaa6.js";
 import { DragLayer as So, SortableItem as Po, SortableList as Co } from "./sortable.js";
-import { T as Fo } from "./table-b4364f2c.js";
+import { T as Fo } from "./table-f1461100.js";
 import { T as bo } from "./themeProvider-46c2be7b.js";
 import { T as To } from "./toggle-304107fa.js";
 import { Tooltip as Bo } from "./tooltip.js";

package/dist/table-f1461100.js

@@ -0,0 +1,595 @@
+import { jsx as o, jsxs as z } from "react/jsx-runtime";
+import { useMemo as se, useState as $, useCallback as x, useEffect as re, useRef as oe, forwardRef as We } from "react";
+import { Resizable as De } from "react-resizable";
+import { c as ce } from "./bind-06a7ff84.js";
+import { c as Oe, b as ee, a as le, S as Ue } from "./resizeColumn-d4107941.js";
+import { C as te } from "./checkbox-ed6cc375.js";
+import { Tooltip as je } from "./tooltip.js";
+const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_1244e_46", Ge = "_selectable_1244e_63", Xe = "_expanded_1244e_59", Ye = "_label_1244e_303", qe = {
+  table: He,
+  "fixed-header": "_fixed-header_1244e_8",
+  "horizontally-scrollable-container": "_horizontally-scrollable-container_1244e_14",
+  "table-header": "_table-header_1244e_19",
+  "sticky-header": "_sticky-header_1244e_26",
+  "horizontally-scrollable": "_horizontally-scrollable_1244e_14",
+  resizable: Be,
+  "resizable-column": "_resizable-column_1244e_46",
+  "table-row": "_table-row_1244e_54",
+  "expanded-cell": "_expanded-cell_1244e_59",
+  selectable: Ge,
+  "row-content-wrapper": "_row-content-wrapper_1244e_67",
+  "table-row-content": "_table-row-content_1244e_75",
+  "expand-cell": "_expand-cell_1244e_89",
+  "size-small": "_size-small_1244e_92",
+  "size-large": "_size-large_1244e_103",
+  "table-body": "_table-body_1244e_115",
+  "scrollable-body": "_scrollable-body_1244e_121",
+  "table-header-cell": "_table-header-cell_1244e_181",
+  "table-cell": "_table-cell_1244e_182",
+  "action-menu-cell": "_action-menu-cell_1244e_188",
+  "checkbox-cell": "_checkbox-cell_1244e_213",
+  "expand-all-tooltip-wrapper": "_expand-all-tooltip-wrapper_1244e_255",
+  "expand-all-tooltip-content": "_expand-all-tooltip-content_1244e_264",
+  "expand-icon": "_expand-icon_1244e_273",
+  expanded: Xe,
+  "primary-cell": "_primary-cell_1244e_282",
+  label: Ye,
+  "sortable-cell": "_sortable-cell_1244e_317",
+  "align-right": "_align-right_1244e_320",
+  "align-center": "_align-center_1244e_326",
+  "pinned-column": "_pinned-column_1244e_329"
+}, de = "asc", S = 32, he = 100, Je = 48, Qe = (l) => l.toLowerCase() === de, Ve = (l) => l.map((n) => n.key), N = (l) => "primary" in l && l.primary === !0, Ze = (l) => {
+  var s;
+  return `size-${((s = l.rowConfigs) == null ? void 0 : s.size) ?? "default"}`;
+}, j = (l) => ie(l) ? l : `${l}px`, Ke = (l, n, s, c, i) => {
+  let a = 0;
+  c && (a += S), i && (a += S);
+  for (let p = 0; p < l; p++) {
+    const u = n[p];
+    if (N(u)) {
+      const t = s.current.get(u.key) || he;
+      a += t;
+    } else {
+      const t = u, h = ie(t.width) ? parseInt(t.width, 10) || 0 : t.width;
+      a += h;
+    }
+  }
+  return a;
+}, W = (l, n, s, c, i, a, p) => {
+  const u = {};
+  if (!N(l)) {
+    const t = l;
+    u.textAlign = t.align;
+  }
+  if (n && s !== void 0) {
+    const t = Ke(
+      s,
+      c,
+      i,
+      a,
+      p
+    );
+    u.left = `${t}px`;
+  }
+  return u;
+}, ne = (l, n, s, c, i, a = !1, p, u = !1) => {
+  const t = [];
+  s && t.push(`${S}px`), a && c && t.push(`${S}px`);
+  const h = (r) => {
+    if ((p == null ? void 0 : p[r.key]) !== void 0) {
+      t.push(`${p[r.key]}px`);
+      return;
+    }
+    if (N(r)) {
+      const f = r;
+      if (u && f.width) {
+        t.push(j(f.width));
+        return;
+      }
+      const y = f.width ? j(f.width) : `${he}px`;
+      t.push(`minmax(${y}, 1fr)`);
+    } else {
+      const y = j(r.width);
+      t.push(y);
+    }
+  };
+  return l.forEach(h), n.forEach(h), i && t.push(`${Je}px`), t.join(" ");
+}, Fe = ({
+  primaryColumns: l,
+  fixedColumns: n,
+  pinnedColumnKeys: s
+}) => se(() => {
+  const c = [], i = [];
+  return l.forEach((a) => {
+    const p = { ...a, primary: !0 };
+    s.includes(a.key) ? c.push(p) : i.push(p);
+  }), n.forEach((a) => {
+    s.includes(a.key) ? c.push(a) : i.push(a);
+  }), {
+    pinnedColumns: c,
+    scrollableColumns: i
+  };
+}, [l, n, s]), Re = () => {
+  const [l, n] = $(null), [s, c] = $(null), i = x((t) => {
+    n(t);
+  }, []), a = x(() => {
+    n(null);
+  }, []), p = x((t) => {
+    c(t);
+  }, []), u = x(() => {
+    c(null);
+  }, []);
+  return {
+    hoveredColumn: l,
+    hoveredRow: s,
+    handleColumnMouseEnter: i,
+    handleColumnMouseLeave: a,
+    handleRowMouseEnter: p,
+    handleRowMouseLeave: u
+  };
+}, Ie = ({
+  primaryColumns: l,
+  fixedColumns: n,
+  expandedRowIds: s,
+  onToggleRowExpansion: c
+}) => {
+  const [i, a] = $(/* @__PURE__ */ new Set());
+  re(() => {
+    const t = [
+      ...l.map((r) => r.key),
+      ...n.map((r) => r.key)
+    ], h = /* @__PURE__ */ new Set();
+    s.forEach((r) => {
+      t.forEach((f) => {
+        h.add(`${r}-${f}`);
+      });
+    }), a((r) => {
+      if (r.size === h.size) {
+        let f = !0;
+        if (r.forEach((y) => {
+          h.has(y) || (f = !1);
+        }), f)
+          return r;
+      }
+      return h;
+    });
+  }, [s, l, n]);
+  const p = x(
+    (t) => {
+      const h = new Set(i), r = s.includes(t), f = [
+        ...l.map((y) => y.key),
+        ...n.map((y) => y.key)
+      ];
+      r ? f.forEach((y) => {
+        const k = `${t}-${y}`;
+        h.delete(k);
+      }) : f.forEach((y) => {
+        const k = `${t}-${y}`;
+        h.add(k);
+      }), a(h), c(t);
+    },
+    [i, s, l, n, c]
+  ), u = x(
+    (t, h) => {
+      const r = `${t}-${h}`;
+      return i.has(r);
+    },
+    [i]
+  );
+  return {
+    expandedCells: i,
+    handleToggleRowExpansion: p,
+    isCellExpanded: u
+  };
+}, el = () => {
+  const l = oe(/* @__PURE__ */ new Map()), n = x(
+    (s) => (c) => {
+      if (!c)
+        return;
+      const i = c.getBoundingClientRect().width;
+      i > 0 && l.current.set(s, i);
+    },
+    []
+  );
+  return {
+    columnWidthsRef: l,
+    setCellRef: n
+  };
+}, ll = ({
+  enabled: l = !1,
+  minWidth: n = 50,
+  maxWidth: s = 500,
+  columnWidthsRef: c,
+  onColumnResize: i
+}) => {
+  const [a, p] = $({}), u = x(() => {
+    if (!l || Object.keys(a).length > 0 || !c)
+      return;
+    const r = {};
+    c.current.forEach((f, y) => {
+      r[y] = f;
+    }), p(r);
+  }, [l, a, c]), t = x(
+    (r) => (f, { size: y }) => {
+      if (!l)
+        return;
+      const k = Math.min(s, Math.max(n, y.width));
+      p((m) => ({ ...m, [r]: k }));
+    },
+    [l, n, s]
+  ), h = x(
+    (r) => () => {
+      !l || !a[r] || i == null || i(r, a[r]);
+    },
+    [l, a, i]
+  );
+  return {
+    columnWidths: a,
+    handleResize: t,
+    handleResizeStop: h,
+    handleResizeStart: u
+  };
+}, tl = {
+  "resize-handle": "_resize-handle_15uk3_1"
+}, nl = ce.bind(tl), al = We(
+  (l, n) => /* @__PURE__ */ o("div", { ref: n, className: nl("resize-handle"), ...l, children: /* @__PURE__ */ o(Oe, {}) })
+), d = ce.bind(qe), ae = ({ column: l }) => {
+  const n = oe(null), [s, c] = $(!1);
+  return re(() => {
+    if (n.current) {
+      const i = n.current.offsetWidth, a = n.current.scrollWidth;
+      c(a > i);
+    }
+  }, [l.header]), /* @__PURE__ */ o("span", { ref: n, title: s ? l.header : void 0, children: l.header });
+}, pl = ({
+  data: l,
+  primaryColumn: n,
+  fixedColumns: s,
+  renderRowActions: c,
+  className: i = "",
+  rowClassName: a = "",
+  headerClassName: p = "",
+  bodyClassName: u = "",
+  selectable: t = !1,
+  selectedRowIds: h = [],
+  sortingDirection: r = de,
+  sortingColumn: f,
+  sortableColumns: y,
+  isHeaderFixed: k = !1,
+  isHorizontallyScrollable: m = !1,
+  pinnedColumnKeys: pe = [],
+  isRowsExpandable: v = !1,
+  expandedRowIds: E = [],
+  isAllExpandedByDefault: H,
+  expandAllTooltip: B,
+  isResizable: b = !1,
+  minColumnWidth: D = 50,
+  maxColumnWidth: G = 500,
+  onChangeSorting: _e = () => {
+  },
+  onToggleRowSelection: ye = () => {
+  },
+  onToggleAllRowsSelection: fe = () => {
+  },
+  onToggleRowExpansion: ue = () => {
+  },
+  onToggleAllRowsExpansion: be = () => {
+  },
+  onColumnResize: ke = () => {
+  }
+}) => {
+  const T = se(
+    () => Array.isArray(n) ? n : [n],
+    [n]
+  ), w = f ?? T[0], A = y ?? Ve([...T, ...s]), { pinnedColumns: g, scrollableColumns: L } = Fe({
+    primaryColumns: T,
+    fixedColumns: s,
+    pinnedColumnKeys: pe
+  }), {
+    hoveredColumn: X,
+    hoveredRow: ve,
+    handleColumnMouseEnter: Y,
+    handleColumnMouseLeave: q,
+    handleRowMouseEnter: xe,
+    handleRowMouseLeave: we
+  } = Re(), { columnWidthsRef: M, setCellRef: J } = el(), { handleToggleRowExpansion: Ce, isCellExpanded: Q } = Ie({
+    primaryColumns: T,
+    fixedColumns: s,
+    expandedRowIds: E,
+    onToggleRowExpansion: ue
+  }), { columnWidths: O, handleResize: ge, handleResizeStop: Ne, handleResizeStart: ze } = ll({
+    enabled: b,
+    minWidth: D,
+    maxWidth: G,
+    columnWidthsRef: M,
+    onColumnResize: ke
+  }), V = (e, C) => /* @__PURE__ */ o(
+    De,
+    {
+      width: O[e.key] ?? (typeof e.width == "number" ? e.width : D),
+      height: 0,
+      axis: "x",
+      handle: /* @__PURE__ */ o(al, {}),
+      onResizeStart: ze,
+      onResize: ge(e.key),
+      onResizeStop: Ne(e.key),
+      minConstraints: [D, 0],
+      maxConstraints: [G, 0],
+      className: d("resizable-column"),
+      children: C
+    },
+    e.key
+  ), Z = (e) => {
+    A.includes(e) && _e({ key: e, direction: r });
+  }, Se = (e) => {
+    ye(e);
+  }, me = () => {
+    fe();
+  }, Ee = () => {
+    be();
+  }, K = (e) => A.includes(e) ? (w == null ? void 0 : w.key) === e ? Qe(r) ? /* @__PURE__ */ o(le, {}) : /* @__PURE__ */ o(Ue, {}) : /* @__PURE__ */ o(le, {}) : null, Me = l.every((e) => h.includes(e.id)), $e = l.some((e) => h.includes(e.id)), F = (h == null ? void 0 : h.length) > 0, Te = l.every((e) => E.includes(e.id)), Ae = H !== void 0 ? H : Te, Le = ne(
+    g,
+    L,
+    v,
+    t,
+    !!c,
+    !1,
+    b ? O : void 0,
+    b
+  ), Pe = ne(
+    g,
+    L,
+    v,
+    t,
+    !!c,
+    !0,
+    b ? O : void 0,
+    b
+  ), R = /* @__PURE__ */ o("button", { onClick: Ee, "aria-label": "Toggle all rows expansion", children: /* @__PURE__ */ o("span", { className: d("expand-icon", { expanded: Ae }), children: /* @__PURE__ */ o(ee, {}) }) });
+  return /* @__PURE__ */ z(
+    "div",
+    {
+      className: d(
+        "table",
+        {
+          "fixed-header": k,
+          "horizontally-scrollable-container": k && (m || b)
+        },
+        i
+      ),
+      children: [
+        /* @__PURE__ */ z(
+          "div",
+          {
+            className: d(
+              "table-header",
+              {
+                "sticky-header": k,
+                "horizontally-scrollable": m,
+                resizable: b
+              },
+              p
+            ),
+            style: { gridTemplateColumns: Pe },
+            children: [
+              t && /* @__PURE__ */ o(
+                "div",
+                {
+                  className: d("table-header-cell", "checkbox-cell"),
+                  style: { left: v ? `${S}px` : "0" },
+                  children: F && /* @__PURE__ */ o(
+                    te,
+                    {
+                      value: Me,
+                      partiallyChecked: $e,
+                      onChange: me,
+                      className: d("checkbox-cell")
+                    }
+                  )
+                }
+              ),
+              v && /* @__PURE__ */ o("div", { className: d("table-header-cell", "expand-cell"), style: { left: "0" }, children: B ? /* @__PURE__ */ o(
+                je,
+                {
+                  content: B,
+                  placement: "top",
+                  wrapperClassName: d("expand-all-tooltip-wrapper"),
+                  contentClassName: d("expand-all-tooltip-content"),
+                  children: R
+                }
+              ) : R }),
+              g.map((e, C) => {
+                const _ = /* @__PURE__ */ o(
+                  "button",
+                  {
+                    className: d("table-header-cell", "pinned-column", {
+                      [`align-${e.align}`]: "align" in e,
+                      "primary-cell": N(e),
+                      "sortable-cell": A.includes(e.key),
+                      resizable: b
+                    }),
+                    style: W(
+                      e,
+                      !0,
+                      C,
+                      g,
+                      M,
+                      v,
+                      t
+                    ),
+                    children: /* @__PURE__ */ z(
+                      "div",
+                      {
+                        className: d("label"),
+                        onClick: () => Z(e.key),
+                        onMouseEnter: () => Y(e.key),
+                        onMouseLeave: q,
+                        children: [
+                          /* @__PURE__ */ o(ae, { column: e }),
+                          (X === e.key || (w == null ? void 0 : w.key) === e.key) && K(e.key)
+                        ]
+                      }
+                    )
+                  },
+                  e.key
+                );
+                return b ? V(e, _) : _;
+              }),
+              L.map((e) => {
+                const C = /* @__PURE__ */ o(
+                  "button",
+                  {
+                    className: d("table-header-cell", {
+                      [`align-${e.align}`]: "align" in e,
+                      "primary-cell": N(e),
+                      "sortable-cell": A.includes(e.key),
+                      resizable: b
+                    }),
+                    style: W(
+                      e,
+                      !1,
+                      void 0,
+                      g,
+                      M,
+                      v,
+                      t
+                    ),
+                    children: /* @__PURE__ */ z(
+                      "div",
+                      {
+                        className: d("label"),
+                        onClick: () => Z(e.key),
+                        onMouseEnter: () => Y(e.key),
+                        onMouseLeave: q,
+                        children: [
+                          /* @__PURE__ */ o(ae, { column: e }),
+                          (X === e.key || (w == null ? void 0 : w.key) === e.key) && K(e.key)
+                        ]
+                      }
+                    )
+                  },
+                  e.key
+                );
+                return b ? V(e, C) : C;
+              }),
+              c && /* @__PURE__ */ o("div", { className: d("table-header-cell", "action-menu-cell") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: d(
+              "table-body",
+              {
+                "scrollable-body": k,
+                "horizontally-scrollable": m,
+                resizable: b
+              },
+              u
+            ),
+            children: l.map((e, C) => /* @__PURE__ */ z(
+              "div",
+              {
+                className: d("table-row", Ze(e), a, {
+                  selectable: t
+                }),
+                onMouseEnter: () => xe(C),
+                onMouseLeave: we,
+                children: [
+                  t && /* @__PURE__ */ o(
+                    "div",
+                    {
+                      className: d("table-cell", "checkbox-cell"),
+                      style: { left: v ? `${S}px` : "0" },
+                      children: (F || ve === C) && /* @__PURE__ */ o(
+                        te,
+                        {
+                          value: h.includes(e.id),
+                          onChange: () => Se(e.id),
+                          className: d("checkbox-cell")
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ o("div", { className: d("row-content-wrapper"), children: /* @__PURE__ */ z("div", { className: d("table-row-content"), style: { gridTemplateColumns: Le }, children: [
+                    v && /* @__PURE__ */ o("div", { className: d("table-cell", "expand-cell"), style: { left: "0" }, children: /* @__PURE__ */ o(
+                      "button",
+                      {
+                        onClick: () => Ce(e.id),
+                        "aria-label": E.includes(e.id) ? "Collapse row" : "Expand row",
+                        "aria-expanded": E.includes(e.id),
+                        children: /* @__PURE__ */ o(
+                          "span",
+                          {
+                            className: d("expand-icon", {
+                              expanded: E.includes(e.id)
+                            }),
+                            children: /* @__PURE__ */ o(ee, {})
+                          }
+                        )
+                      }
+                    ) }),
+                    g.map((_, U) => {
+                      const P = Q(e.id, _.key), I = N(_);
+                      return /* @__PURE__ */ o(
+                        "div",
+                        {
+                          ref: I ? J(_.key) : void 0,
+                          className: d("table-cell", "pinned-column", {
+                            "primary-cell": I,
+                            "expanded-cell": P
+                          }),
+                          style: W(
+                            _,
+                            !0,
+                            U,
+                            g,
+                            M,
+                            v,
+                            t
+                          ),
+                          children: e[_.key].component || e[_.key].content || e[_.key]
+                        },
+                        _.key
+                      );
+                    }),
+                    L.map((_) => {
+                      const U = Q(e.id, _.key), P = N(_);
+                      return /* @__PURE__ */ o(
+                        "div",
+                        {
+                          ref: P ? J(_.key) : void 0,
+                          className: d("table-cell", {
+                            "primary-cell": P,
+                            "expanded-cell": U
+                          }),
+                          style: W(
+                            _,
+                            !1,
+                            void 0,
+                            g,
+                            M,
+                            v,
+                            t
+                          ),
+                          children: e[_.key].component || e[_.key].content || e[_.key]
+                        },
+                        _.key
+                      );
+                    }),
+                    c && /* @__PURE__ */ o("div", { className: d("table-cell", "action-menu-cell"), children: c(e.metaData) })
+                  ] }) })
+                ]
+              },
+              e.id
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  pl as T
+};

package/dist/table.js

@@ -1,4 +1,4 @@
-import { T as r } from "./table-b4364f2c.js";
+import { T as r } from "./table-f1461100.js";
 import "react/jsx-runtime";
 import "react";
 import "react-resizable";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.147",
+  "version": "0.0.1-alpha.148",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {

package/dist/table-b4364f2c.js

@@ -1,588 +0,0 @@
-import { jsx as o, jsxs as z } from "react/jsx-runtime";
-import { useMemo as se, useState as m, useCallback as w, useEffect as re, useRef as oe, forwardRef as Pe } from "react";
-import { Resizable as De } from "react-resizable";
-import { c as ce } from "./bind-06a7ff84.js";
-import { c as We, b as ee, a as le, S as Oe } from "./resizeColumn-d4107941.js";
-import { C as te } from "./checkbox-ed6cc375.js";
-import { Tooltip as Ue } from "./tooltip.js";
-const j = (l) => typeof l == "string", je = "_table_1244e_1", He = "_resizable_1244e_46", Be = "_selectable_1244e_63", Ge = "_expanded_1244e_59", Xe = "_label_1244e_303", Ye = {
-  table: je,
-  "fixed-header": "_fixed-header_1244e_8",
-  "horizontally-scrollable-container": "_horizontally-scrollable-container_1244e_14",
-  "table-header": "_table-header_1244e_19",
-  "sticky-header": "_sticky-header_1244e_26",
-  "horizontally-scrollable": "_horizontally-scrollable_1244e_14",
-  resizable: He,
-  "resizable-column": "_resizable-column_1244e_46",
-  "table-row": "_table-row_1244e_54",
-  "expanded-cell": "_expanded-cell_1244e_59",
-  selectable: Be,
-  "row-content-wrapper": "_row-content-wrapper_1244e_67",
-  "table-row-content": "_table-row-content_1244e_75",
-  "expand-cell": "_expand-cell_1244e_89",
-  "size-small": "_size-small_1244e_92",
-  "size-large": "_size-large_1244e_103",
-  "table-body": "_table-body_1244e_115",
-  "scrollable-body": "_scrollable-body_1244e_121",
-  "table-header-cell": "_table-header-cell_1244e_181",
-  "table-cell": "_table-cell_1244e_182",
-  "action-menu-cell": "_action-menu-cell_1244e_188",
-  "checkbox-cell": "_checkbox-cell_1244e_213",
-  "expand-all-tooltip-wrapper": "_expand-all-tooltip-wrapper_1244e_255",
-  "expand-all-tooltip-content": "_expand-all-tooltip-content_1244e_264",
-  "expand-icon": "_expand-icon_1244e_273",
-  expanded: Ge,
-  "primary-cell": "_primary-cell_1244e_282",
-  label: Xe,
-  "sortable-cell": "_sortable-cell_1244e_317",
-  "align-right": "_align-right_1244e_320",
-  "align-center": "_align-center_1244e_326",
-  "pinned-column": "_pinned-column_1244e_329"
-}, ie = "asc", S = 32, de = 100, qe = 48, Je = (l) => l.toLowerCase() === ie, Qe = (l) => l.map((n) => n.key), N = (l) => "primary" in l && l.primary === !0, Ve = (l) => {
-  var r;
-  return `size-${((r = l.rowConfigs) == null ? void 0 : r.size) ?? "default"}`;
-}, Ze = (l, n, r, c, i) => {
-  let s = 0;
-  c && (s += S), i && (s += S);
-  for (let _ = 0; _ < l; _++) {
-    const p = n[_];
-    if (N(p)) {
-      const t = r.current.get(p.key) || de;
-      s += t;
-    } else {
-      const t = p, d = j(t.width) ? parseInt(t.width, 10) || 0 : t.width;
-      s += d;
-    }
-  }
-  return s;
-}, D = (l, n, r, c, i, s, _) => {
-  const p = {};
-  if (!N(l)) {
-    const t = l;
-    p.textAlign = t.align;
-  }
-  if (n && r !== void 0) {
-    const t = Ze(
-      r,
-      c,
-      i,
-      s,
-      _
-    );
-    p.left = `${t}px`;
-  }
-  return p;
-}, ne = (l, n, r, c, i, s = !1, _) => {
-  const p = [];
-  r && p.push(`${S}px`), s && c && p.push(`${S}px`);
-  const t = (d) => {
-    if ((_ == null ? void 0 : _[d.key]) !== void 0) {
-      p.push(`${_[d.key]}px`);
-      return;
-    }
-    if (N(d)) {
-      const a = d, f = a.width ? j(a.width) ? a.width : `${a.width}px` : `${de}px`;
-      p.push(`minmax(${f}, 1fr)`);
-    } else {
-      const a = d, f = j(a.width) ? a.width : `${a.width}px`;
-      p.push(f);
-    }
-  };
-  return l.forEach(t), n.forEach(t), i && p.push(`${qe}px`), p.join(" ");
-}, Ke = ({
-  primaryColumns: l,
-  fixedColumns: n,
-  pinnedColumnKeys: r
-}) => se(() => {
-  const c = [], i = [];
-  return l.forEach((s) => {
-    const _ = { ...s, primary: !0 };
-    r.includes(s.key) ? c.push(_) : i.push(_);
-  }), n.forEach((s) => {
-    r.includes(s.key) ? c.push(s) : i.push(s);
-  }), {
-    pinnedColumns: c,
-    scrollableColumns: i
-  };
-}, [l, n, r]), Fe = () => {
-  const [l, n] = m(null), [r, c] = m(null), i = w((t) => {
-    n(t);
-  }, []), s = w(() => {
-    n(null);
-  }, []), _ = w((t) => {
-    c(t);
-  }, []), p = w(() => {
-    c(null);
-  }, []);
-  return {
-    hoveredColumn: l,
-    hoveredRow: r,
-    handleColumnMouseEnter: i,
-    handleColumnMouseLeave: s,
-    handleRowMouseEnter: _,
-    handleRowMouseLeave: p
-  };
-}, Re = ({
-  primaryColumns: l,
-  fixedColumns: n,
-  expandedRowIds: r,
-  onToggleRowExpansion: c
-}) => {
-  const [i, s] = m(/* @__PURE__ */ new Set());
-  re(() => {
-    const t = [
-      ...l.map((a) => a.key),
-      ...n.map((a) => a.key)
-    ], d = /* @__PURE__ */ new Set();
-    r.forEach((a) => {
-      t.forEach((f) => {
-        d.add(`${a}-${f}`);
-      });
-    }), s((a) => {
-      if (a.size === d.size) {
-        let f = !0;
-        if (a.forEach((b) => {
-          d.has(b) || (f = !1);
-        }), f)
-          return a;
-      }
-      return d;
-    });
-  }, [r, l, n]);
-  const _ = w(
-    (t) => {
-      const d = new Set(i), a = r.includes(t), f = [
-        ...l.map((b) => b.key),
-        ...n.map((b) => b.key)
-      ];
-      a ? f.forEach((b) => {
-        const u = `${t}-${b}`;
-        d.delete(u);
-      }) : f.forEach((b) => {
-        const u = `${t}-${b}`;
-        d.add(u);
-      }), s(d), c(t);
-    },
-    [i, r, l, n, c]
-  ), p = w(
-    (t, d) => {
-      const a = `${t}-${d}`;
-      return i.has(a);
-    },
-    [i]
-  );
-  return {
-    expandedCells: i,
-    handleToggleRowExpansion: _,
-    isCellExpanded: p
-  };
-}, Ie = () => {
-  const l = oe(/* @__PURE__ */ new Map()), n = w(
-    (r) => (c) => {
-      if (!c)
-        return;
-      const i = c.getBoundingClientRect().width;
-      i > 0 && l.current.set(r, i);
-    },
-    []
-  );
-  return {
-    columnWidthsRef: l,
-    setCellRef: n
-  };
-}, el = ({
-  enabled: l = !1,
-  minWidth: n = 50,
-  maxWidth: r = 500,
-  columnWidthsRef: c,
-  onColumnResize: i
-}) => {
-  const [s, _] = m({}), p = w(() => {
-    if (!l || Object.keys(s).length > 0 || !c)
-      return;
-    const a = {};
-    c.current.forEach((f, b) => {
-      a[b] = f;
-    }), _(a);
-  }, [l, s, c]), t = w(
-    (a) => (f, { size: b }) => {
-      if (!l)
-        return;
-      const u = Math.min(r, Math.max(n, b.width));
-      _((E) => ({ ...E, [a]: u }));
-    },
-    [l, n, r]
-  ), d = w(
-    (a) => () => {
-      !l || !s[a] || i == null || i(a, s[a]);
-    },
-    [l, s, i]
-  );
-  return {
-    columnWidths: s,
-    handleResize: t,
-    handleResizeStop: d,
-    handleResizeStart: p
-  };
-}, ll = {
-  "resize-handle": "_resize-handle_15uk3_1"
-}, tl = ce.bind(ll), nl = Pe(
-  (l, n) => /* @__PURE__ */ o("div", { ref: n, className: tl("resize-handle"), ...l, children: /* @__PURE__ */ o(We, {}) })
-), h = ce.bind(Ye), ae = ({ column: l }) => {
-  const n = oe(null), [r, c] = m(!1);
-  return re(() => {
-    if (n.current) {
-      const i = n.current.offsetWidth, s = n.current.scrollWidth;
-      c(s > i);
-    }
-  }, [l.header]), /* @__PURE__ */ o("span", { ref: n, title: r ? l.header : void 0, children: l.header });
-}, hl = ({
-  data: l,
-  primaryColumn: n,
-  fixedColumns: r,
-  renderRowActions: c,
-  className: i = "",
-  rowClassName: s = "",
-  headerClassName: _ = "",
-  bodyClassName: p = "",
-  selectable: t = !1,
-  selectedRowIds: d = [],
-  sortingDirection: a = ie,
-  sortingColumn: f,
-  sortableColumns: b,
-  isHeaderFixed: u = !1,
-  isHorizontallyScrollable: E = !1,
-  pinnedColumnKeys: he = [],
-  isRowsExpandable: k = !1,
-  expandedRowIds: $ = [],
-  isAllExpandedByDefault: H,
-  expandAllTooltip: B,
-  isResizable: v = !1,
-  minColumnWidth: W = 50,
-  maxColumnWidth: G = 500,
-  onChangeSorting: pe = () => {
-  },
-  onToggleRowSelection: _e = () => {
-  },
-  onToggleAllRowsSelection: ye = () => {
-  },
-  onToggleRowExpansion: fe = () => {
-  },
-  onToggleAllRowsExpansion: be = () => {
-  },
-  onColumnResize: ue = () => {
-  }
-}) => {
-  const T = se(
-    () => Array.isArray(n) ? n : [n],
-    [n]
-  ), x = f ?? T[0], A = b ?? Qe([...T, ...r]), { pinnedColumns: g, scrollableColumns: L } = Ke({
-    primaryColumns: T,
-    fixedColumns: r,
-    pinnedColumnKeys: he
-  }), {
-    hoveredColumn: X,
-    hoveredRow: ke,
-    handleColumnMouseEnter: Y,
-    handleColumnMouseLeave: q,
-    handleRowMouseEnter: ve,
-    handleRowMouseLeave: we
-  } = Fe(), { columnWidthsRef: M, setCellRef: J } = Ie(), { handleToggleRowExpansion: xe, isCellExpanded: Q } = Re({
-    primaryColumns: T,
-    fixedColumns: r,
-    expandedRowIds: $,
-    onToggleRowExpansion: fe
-  }), { columnWidths: O, handleResize: Ce, handleResizeStop: ge, handleResizeStart: Ne } = el({
-    enabled: v,
-    minWidth: W,
-    maxWidth: G,
-    columnWidthsRef: M,
-    onColumnResize: ue
-  }), V = (e, C) => /* @__PURE__ */ o(
-    De,
-    {
-      width: O[e.key] ?? (typeof e.width == "number" ? e.width : W),
-      height: 0,
-      axis: "x",
-      handle: /* @__PURE__ */ o(nl, {}),
-      onResizeStart: Ne,
-      onResize: Ce(e.key),
-      onResizeStop: ge(e.key),
-      minConstraints: [W, 0],
-      maxConstraints: [G, 0],
-      className: h("resizable-column"),
-      children: C
-    },
-    e.key
-  ), Z = (e) => {
-    A.includes(e) && pe({ key: e, direction: a });
-  }, ze = (e) => {
-    _e(e);
-  }, Se = () => {
-    ye();
-  }, Ee = () => {
-    be();
-  }, K = (e) => A.includes(e) ? (x == null ? void 0 : x.key) === e ? Je(a) ? /* @__PURE__ */ o(le, {}) : /* @__PURE__ */ o(Oe, {}) : /* @__PURE__ */ o(le, {}) : null, $e = l.every((e) => d.includes(e.id)), Me = l.some((e) => d.includes(e.id)), F = (d == null ? void 0 : d.length) > 0, me = l.every((e) => $.includes(e.id)), Te = H !== void 0 ? H : me, Ae = ne(
-    g,
-    L,
-    k,
-    t,
-    !!c,
-    !1,
-    v ? O : void 0
-  ), Le = ne(
-    g,
-    L,
-    k,
-    t,
-    !!c,
-    !0,
-    v ? O : void 0
-  ), R = /* @__PURE__ */ o("button", { onClick: Ee, "aria-label": "Toggle all rows expansion", children: /* @__PURE__ */ o("span", { className: h("expand-icon", { expanded: Te }), children: /* @__PURE__ */ o(ee, {}) }) });
-  return /* @__PURE__ */ z(
-    "div",
-    {
-      className: h(
-        "table",
-        {
-          "fixed-header": u,
-          "horizontally-scrollable-container": u && (E || v)
-        },
-        i
-      ),
-      children: [
-        /* @__PURE__ */ z(
-          "div",
-          {
-            className: h(
-              "table-header",
-              {
-                "sticky-header": u,
-                "horizontally-scrollable": E,
-                resizable: v
-              },
-              _
-            ),
-            style: { gridTemplateColumns: Le },
-            children: [
-              t && /* @__PURE__ */ o(
-                "div",
-                {
-                  className: h("table-header-cell", "checkbox-cell"),
-                  style: { left: k ? `${S}px` : "0" },
-                  children: F && /* @__PURE__ */ o(
-                    te,
-                    {
-                      value: $e,
-                      partiallyChecked: Me,
-                      onChange: Se,
-                      className: h("checkbox-cell")
-                    }
-                  )
-                }
-              ),
-              k && /* @__PURE__ */ o("div", { className: h("table-header-cell", "expand-cell"), style: { left: "0" }, children: B ? /* @__PURE__ */ o(
-                Ue,
-                {
-                  content: B,
-                  placement: "top",
-                  wrapperClassName: h("expand-all-tooltip-wrapper"),
-                  contentClassName: h("expand-all-tooltip-content"),
-                  children: R
-                }
-              ) : R }),
-              g.map((e, C) => {
-                const y = /* @__PURE__ */ o(
-                  "button",
-                  {
-                    className: h("table-header-cell", "pinned-column", {
-                      [`align-${e.align}`]: "align" in e,
-                      "primary-cell": N(e),
-                      "sortable-cell": A.includes(e.key),
-                      resizable: v
-                    }),
-                    style: D(
-                      e,
-                      !0,
-                      C,
-                      g,
-                      M,
-                      k,
-                      t
-                    ),
-                    children: /* @__PURE__ */ z(
-                      "div",
-                      {
-                        className: h("label"),
-                        onClick: () => Z(e.key),
-                        onMouseEnter: () => Y(e.key),
-                        onMouseLeave: q,
-                        children: [
-                          /* @__PURE__ */ o(ae, { column: e }),
-                          (X === e.key || (x == null ? void 0 : x.key) === e.key) && K(e.key)
-                        ]
-                      }
-                    )
-                  },
-                  e.key
-                );
-                return v ? V(e, y) : y;
-              }),
-              L.map((e) => {
-                const C = /* @__PURE__ */ o(
-                  "button",
-                  {
-                    className: h("table-header-cell", {
-                      [`align-${e.align}`]: "align" in e,
-                      "primary-cell": N(e),
-                      "sortable-cell": A.includes(e.key),
-                      resizable: v
-                    }),
-                    style: D(
-                      e,
-                      !1,
-                      void 0,
-                      g,
-                      M,
-                      k,
-                      t
-                    ),
-                    children: /* @__PURE__ */ z(
-                      "div",
-                      {
-                        className: h("label"),
-                        onClick: () => Z(e.key),
-                        onMouseEnter: () => Y(e.key),
-                        onMouseLeave: q,
-                        children: [
-                          /* @__PURE__ */ o(ae, { column: e }),
-                          (X === e.key || (x == null ? void 0 : x.key) === e.key) && K(e.key)
-                        ]
-                      }
-                    )
-                  },
-                  e.key
-                );
-                return v ? V(e, C) : C;
-              }),
-              c && /* @__PURE__ */ o("div", { className: h("table-header-cell", "action-menu-cell") })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o(
-          "div",
-          {
-            className: h(
-              "table-body",
-              {
-                "scrollable-body": u,
-                "horizontally-scrollable": E,
-                resizable: v
-              },
-              p
-            ),
-            children: l.map((e, C) => /* @__PURE__ */ z(
-              "div",
-              {
-                className: h("table-row", Ve(e), s, {
-                  selectable: t
-                }),
-                onMouseEnter: () => ve(C),
-                onMouseLeave: we,
-                children: [
-                  t && /* @__PURE__ */ o(
-                    "div",
-                    {
-                      className: h("table-cell", "checkbox-cell"),
-                      style: { left: k ? `${S}px` : "0" },
-                      children: (F || ke === C) && /* @__PURE__ */ o(
-                        te,
-                        {
-                          value: d.includes(e.id),
-                          onChange: () => ze(e.id),
-                          className: h("checkbox-cell")
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ o("div", { className: h("row-content-wrapper"), children: /* @__PURE__ */ z("div", { className: h("table-row-content"), style: { gridTemplateColumns: Ae }, children: [
-                    k && /* @__PURE__ */ o("div", { className: h("table-cell", "expand-cell"), style: { left: "0" }, children: /* @__PURE__ */ o(
-                      "button",
-                      {
-                        onClick: () => xe(e.id),
-                        "aria-label": $.includes(e.id) ? "Collapse row" : "Expand row",
-                        "aria-expanded": $.includes(e.id),
-                        children: /* @__PURE__ */ o(
-                          "span",
-                          {
-                            className: h("expand-icon", {
-                              expanded: $.includes(e.id)
-                            }),
-                            children: /* @__PURE__ */ o(ee, {})
-                          }
-                        )
-                      }
-                    ) }),
-                    g.map((y, U) => {
-                      const P = Q(e.id, y.key), I = N(y);
-                      return /* @__PURE__ */ o(
-                        "div",
-                        {
-                          ref: I ? J(y.key) : void 0,
-                          className: h("table-cell", "pinned-column", {
-                            "primary-cell": I,
-                            "expanded-cell": P
-                          }),
-                          style: D(
-                            y,
-                            !0,
-                            U,
-                            g,
-                            M,
-                            k,
-                            t
-                          ),
-                          children: e[y.key].component || e[y.key].content || e[y.key]
-                        },
-                        y.key
-                      );
-                    }),
-                    L.map((y) => {
-                      const U = Q(e.id, y.key), P = N(y);
-                      return /* @__PURE__ */ o(
-                        "div",
-                        {
-                          ref: P ? J(y.key) : void 0,
-                          className: h("table-cell", {
-                            "primary-cell": P,
-                            "expanded-cell": U
-                          }),
-                          style: D(
-                            y,
-                            !1,
-                            void 0,
-                            g,
-                            M,
-                            k,
-                            t
-                          ),
-                          children: e[y.key].component || e[y.key].content || e[y.key]
-                        },
-                        y.key
-                      );
-                    }),
-                    c && /* @__PURE__ */ o("div", { className: h("table-cell", "action-menu-cell"), children: c(e.metaData) })
-                  ] }) })
-                ]
-              },
-              e.id
-            ))
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  hl as T
-};