@reportportal/ui-kit 0.0.1-alpha.105 → 0.0.1-alpha.106

package/dist/{table-0ca84375.js → table-ea578f47.js}

@@ -1,104 +1,104 @@
-import { jsxs as x, jsx as s } from "react/jsx-runtime";
-import { useMemo as Q, useState as L, useCallback as g, useEffect as ue, useRef as be } from "react";
-import { c as fe } from "./bind-06a7ff84.js";
+import { jsxs as N, jsx as s } from "react/jsx-runtime";
+import { useMemo as Q, useState as D, useCallback as g, useEffect as ue, useRef as fe } from "react";
+import { c as ke } from "./bind-06a7ff84.js";
 import { b as K, a as Y, S as ve } from "./chevronDownDropdown-66f5b1af.js";
 import { C as q } from "./checkbox-ed6cc375.js";
-const V = (l) => typeof l == "string", Ce = "_table_1kj69_1", ge = "_selectable_1kj69_56", je = "_expanded_1kj69_52", xe = "_label_1kj69_266", Ne = {
+const V = (l) => typeof l == "string", Ce = "_table_12bpb_1", ge = "_selectable_12bpb_56", xe = "_expanded_12bpb_52", Ne = "_label_12bpb_269", we = {
   table: Ce,
-  "fixed-header": "_fixed-header_1kj69_8",
-  "horizontally-scrollable-container": "_horizontally-scrollable-container_1kj69_14",
-  "table-header": "_table-header_1kj69_19",
-  "sticky-header": "_sticky-header_1kj69_25",
-  "horizontally-scrollable": "_horizontally-scrollable_1kj69_14",
-  "table-row": "_table-row_1kj69_47",
-  "expanded-cell": "_expanded-cell_1kj69_52",
+  "fixed-header": "_fixed-header_12bpb_8",
+  "horizontally-scrollable-container": "_horizontally-scrollable-container_12bpb_14",
+  "table-header": "_table-header_12bpb_19",
+  "sticky-header": "_sticky-header_12bpb_25",
+  "horizontally-scrollable": "_horizontally-scrollable_12bpb_14",
+  "table-row": "_table-row_12bpb_47",
+  "expanded-cell": "_expanded-cell_12bpb_52",
   selectable: ge,
-  "row-content-wrapper": "_row-content-wrapper_1kj69_60",
-  "table-row-content": "_table-row-content_1kj69_65",
-  "expand-cell": "_expand-cell_1kj69_81",
-  "size-small": "_size-small_1kj69_84",
-  "size-large": "_size-large_1kj69_95",
-  "table-body": "_table-body_1kj69_110",
-  "scrollable-body": "_scrollable-body_1kj69_116",
-  "table-header-cell": "_table-header-cell_1kj69_162",
-  "table-cell": "_table-cell_1kj69_163",
-  "action-menu-cell": "_action-menu-cell_1kj69_170",
-  "checkbox-cell": "_checkbox-cell_1kj69_195",
-  "expand-icon": "_expand-icon_1kj69_238",
-  expanded: je,
-  "primary-cell": "_primary-cell_1kj69_247",
-  label: xe,
-  "sortable-cell": "_sortable-cell_1kj69_270",
-  "align-right": "_align-right_1kj69_273",
-  "align-center": "_align-center_1kj69_279",
-  "pinned-column": "_pinned-column_1kj69_282"
-}, Z = "asc", N = 32, F = 100, we = 48, me = (l) => l.toLowerCase() === Z, Ee = (l) => l.map((a) => a.key), j = (l) => "primary" in l && l.primary === !0, Me = (l) => {
+  "row-content-wrapper": "_row-content-wrapper_12bpb_60",
+  "table-row-content": "_table-row-content_12bpb_65",
+  "expand-cell": "_expand-cell_12bpb_81",
+  "size-small": "_size-small_12bpb_84",
+  "size-large": "_size-large_12bpb_95",
+  "table-body": "_table-body_12bpb_110",
+  "scrollable-body": "_scrollable-body_12bpb_116",
+  "table-header-cell": "_table-header-cell_12bpb_162",
+  "table-cell": "_table-cell_12bpb_163",
+  "action-menu-cell": "_action-menu-cell_12bpb_170",
+  "checkbox-cell": "_checkbox-cell_12bpb_195",
+  "expand-icon": "_expand-icon_12bpb_241",
+  expanded: xe,
+  "primary-cell": "_primary-cell_12bpb_250",
+  label: Ne,
+  "sortable-cell": "_sortable-cell_12bpb_273",
+  "align-right": "_align-right_12bpb_276",
+  "align-center": "_align-center_12bpb_282",
+  "pinned-column": "_pinned-column_12bpb_285"
+}, Z = "asc", w = 32, F = 100, me = 48, Ee = (l) => l.toLowerCase() === Z, Me = (l) => l.map((a) => a.key), x = (l) => "primary" in l && l.primary === !0, $e = (l) => {
   var t;
   return `size-${((t = l.rowConfigs) == null ? void 0 : t.size) ?? "default"}`;
-}, $e = (l, a, t, c, i) => {
+}, Se = (l, a, t, c, i) => {
   let o = 0;
-  c && (o += N), i && (o += N);
-  for (let h = 0; h < l; h++) {
-    const r = a[h];
-    if (j(r)) {
+  c && (o += w), i && (o += w);
+  for (let b = 0; b < l; b++) {
+    const r = a[b];
+    if (x(r)) {
       const n = t.current.get(r.key) || F;
       o += n;
     } else {
-      const n = r, _ = V(n.width) ? parseInt(n.width, 10) || 0 : n.width;
-      o += _;
+      const n = r, h = V(n.width) ? parseInt(n.width, 10) || 0 : n.width;
+      o += h;
     }
   }
   return o;
-}, z = (l, a, t, c, i, o, h) => {
+}, A = (l, a, t, c, i, o, b) => {
   const r = {};
-  if (!j(l)) {
+  if (!x(l)) {
     const n = l;
     r.textAlign = n.align;
   }
   if (a && t !== void 0) {
-    const n = $e(
+    const n = Se(
       t,
       c,
       i,
       o,
-      h
+      b
     );
     r.left = `${n}px`;
   }
   return r;
 }, J = (l, a, t, c, i, o = !1) => {
-  const h = [];
-  t && h.push(`${N}px`), o && c && h.push(`${N}px`);
+  const b = [];
+  t && b.push(`${w}px`), o && c && b.push(`${w}px`);
   const r = (n) => {
-    if (j(n))
-      h.push(`minmax(${F}px, 1fr)`);
+    if (x(n))
+      b.push(`minmax(${F}px, 1fr)`);
     else {
-      const _ = n, k = V(_.width) ? _.width : `${_.width}px`;
-      h.push(k);
+      const h = n, p = V(h.width) ? h.width : `${h.width}px`;
+      b.push(p);
     }
   };
-  return l.forEach(r), a.forEach(r), i && h.push(`${we}px`), h.join(" ");
-}, Se = ({
+  return l.forEach(r), a.forEach(r), i && b.push(`${me}px`), b.join(" ");
+}, Te = ({
   primaryColumns: l,
   fixedColumns: a,
   pinnedColumnKeys: t
 }) => Q(() => {
   const c = [], i = [];
   return l.forEach((o) => {
-    const h = { ...o, primary: !0 };
-    t.includes(o.key) ? c.push(h) : i.push(h);
+    const b = { ...o, primary: !0 };
+    t.includes(o.key) ? c.push(b) : i.push(b);
   }), a.forEach((o) => {
     t.includes(o.key) ? c.push(o) : i.push(o);
   }), {
     pinnedColumns: c,
     scrollableColumns: i
   };
-}, [l, a, t]), Te = () => {
-  const [l, a] = L(null), [t, c] = L(null), i = g((n) => {
+}, [l, a, t]), ze = () => {
+  const [l, a] = D(null), [t, c] = D(null), i = g((n) => {
     a(n);
   }, []), o = g(() => {
     a(null);
-  }, []), h = g((n) => {
+  }, []), b = g((n) => {
     c(n);
   }, []), r = g(() => {
     c(null);
@@ -108,65 +108,65 @@ const V = (l) => typeof l == "string", Ce = "_table_1kj69_1", ge = "_selectable_
     hoveredRow: t,
     handleColumnMouseEnter: i,
     handleColumnMouseLeave: o,
-    handleRowMouseEnter: h,
+    handleRowMouseEnter: b,
     handleRowMouseLeave: r
   };
-}, ze = ({
+}, Ae = ({
   primaryColumns: l,
   fixedColumns: a,
   expandedRowIds: t,
   onToggleRowExpansion: c
 }) => {
-  const [i, o] = L(/* @__PURE__ */ new Set());
+  const [i, o] = D(/* @__PURE__ */ new Set());
   ue(() => {
     const n = [
-      ...l.map((k) => k.key),
-      ...a.map((k) => k.key)
-    ], _ = /* @__PURE__ */ new Set();
-    t.forEach((k) => {
-      n.forEach((b) => {
-        _.add(`${k}-${b}`);
+      ...l.map((p) => p.key),
+      ...a.map((p) => p.key)
+    ], h = /* @__PURE__ */ new Set();
+    t.forEach((p) => {
+      n.forEach((f) => {
+        h.add(`${p}-${f}`);
       });
-    }), o((k) => {
-      if (k.size === _.size) {
-        let b = !0;
-        if (k.forEach((p) => {
-          _.has(p) || (b = !1);
-        }), b)
-          return k;
+    }), o((p) => {
+      if (p.size === h.size) {
+        let f = !0;
+        if (p.forEach((y) => {
+          h.has(y) || (f = !1);
+        }), f)
+          return p;
       }
-      return _;
+      return h;
     });
   }, [t, l, a]);
-  const h = g(
+  const b = g(
     (n) => {
-      const _ = new Set(i), k = t.includes(n), b = [
-        ...l.map((p) => p.key),
-        ...a.map((p) => p.key)
+      const h = new Set(i), p = t.includes(n), f = [
+        ...l.map((y) => y.key),
+        ...a.map((y) => y.key)
       ];
-      k ? b.forEach((p) => {
-        const C = `${n}-${p}`;
-        _.delete(C);
-      }) : b.forEach((p) => {
-        const C = `${n}-${p}`;
-        _.add(C);
-      }), o(_), c(n);
+      p ? f.forEach((y) => {
+        const C = `${n}-${y}`;
+        h.delete(C);
+      }) : f.forEach((y) => {
+        const C = `${n}-${y}`;
+        h.add(C);
+      }), o(h), c(n);
     },
     [i, t, l, a, c]
   ), r = g(
-    (n, _) => {
-      const k = `${n}-${_}`;
-      return i.has(k);
+    (n, h) => {
+      const p = `${n}-${h}`;
+      return i.has(p);
     },
     [i]
   );
   return {
     expandedCells: i,
-    handleToggleRowExpansion: h,
+    handleToggleRowExpansion: b,
     isCellExpanded: r
   };
-}, Ae = () => {
-  const l = be(/* @__PURE__ */ new Map()), a = g(
+}, Le = () => {
+  const l = fe(/* @__PURE__ */ new Map()), a = g(
     (t) => (c) => {
       if (!c)
         return;
@@ -179,24 +179,24 @@ const V = (l) => typeof l == "string", Ce = "_table_1kj69_1", ge = "_selectable_
     columnWidthsRef: l,
     setCellRef: a
   };
-}, d = fe.bind(Ne), Oe = ({
+}, d = ke.bind(we), je = ({
   data: l,
   primaryColumn: a,
   fixedColumns: t,
   renderRowActions: c,
   className: i = "",
   rowClassName: o = "",
-  headerClassName: h = "",
+  headerClassName: b = "",
   selectable: r = !1,
   selectedRowIds: n = [],
-  sortingDirection: _ = Z,
-  sortingColumn: k,
-  sortableColumns: b,
-  isHeaderFixed: p = !1,
+  sortingDirection: h = Z,
+  sortingColumn: p,
+  sortableColumns: f,
+  isHeaderFixed: y = !1,
   isHorizontallyScrollable: C = !1,
   pinnedColumnKeys: R = [],
   isRowsExpandable: u = !1,
-  expandedRowIds: w = [],
+  expandedRowIds: m = [],
   onChangeSorting: I = () => {
   },
   onToggleRowSelection: ee = () => {
@@ -208,150 +208,150 @@ const V = (l) => typeof l == "string", Ce = "_table_1kj69_1", ge = "_selectable_
   onToggleAllRowsExpansion: ae = () => {
   }
 }) => {
-  const m = Q(
+  const E = Q(
     () => Array.isArray(a) ? a : [a],
     [a]
-  ), f = k ?? m[0], E = b ?? Ee([...m, ...t]), { pinnedColumns: v, scrollableColumns: M } = Se({
-    primaryColumns: m,
+  ), k = p ?? E[0], M = f ?? Me([...E, ...t]), { pinnedColumns: v, scrollableColumns: $ } = Te({
+    primaryColumns: E,
     fixedColumns: t,
     pinnedColumnKeys: R
   }), {
-    hoveredColumn: D,
+    hoveredColumn: P,
     hoveredRow: te,
-    handleColumnMouseEnter: P,
-    handleColumnMouseLeave: W,
+    handleColumnMouseEnter: W,
+    handleColumnMouseLeave: U,
     handleRowMouseEnter: se,
     handleRowMouseLeave: ce
-  } = Te(), { columnWidthsRef: $, setCellRef: U } = Ae(), { handleToggleRowExpansion: re, isCellExpanded: O } = ze({
-    primaryColumns: m,
+  } = ze(), { columnWidthsRef: S, setCellRef: O } = Le(), { handleToggleRowExpansion: re, isCellExpanded: j } = Ae({
+    primaryColumns: E,
     fixedColumns: t,
-    expandedRowIds: w,
+    expandedRowIds: m,
     onToggleRowExpansion: ne
   }), B = (e) => {
-    E.includes(e) && I({ key: e, direction: _ });
+    M.includes(e) && I({ key: e, direction: h });
   }, oe = (e) => {
     ee(e);
   }, ie = () => {
     le();
   }, de = () => {
     ae();
-  }, G = (e) => E.includes(e) ? (f == null ? void 0 : f.key) === e ? me(_) ? /* @__PURE__ */ s(Y, {}) : /* @__PURE__ */ s(ve, {}) : /* @__PURE__ */ s(Y, {}) : null, he = l.every((e) => n.includes(e.id)), _e = l.some((e) => n.includes(e.id)), H = (n == null ? void 0 : n.length) > 0, ke = l.every((e) => w.includes(e.id)), ye = J(
+  }, G = (e) => M.includes(e) ? (k == null ? void 0 : k.key) === e ? Ee(h) ? /* @__PURE__ */ s(Y, {}) : /* @__PURE__ */ s(ve, {}) : /* @__PURE__ */ s(Y, {}) : null, be = l.every((e) => n.includes(e.id)), he = l.some((e) => n.includes(e.id)), H = (n == null ? void 0 : n.length) > 0, pe = l.every((e) => m.includes(e.id)), _e = J(
     v,
-    M,
+    $,
     u,
     r,
     !!c,
     !1
-  ), pe = J(
+  ), ye = J(
     v,
-    M,
+    $,
     u,
     r,
     !!c,
     !0
   );
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ N(
     "div",
     {
       className: d(
         "table",
         {
-          "fixed-header": p,
-          "horizontally-scrollable-container": p && C
+          "fixed-header": y,
+          "horizontally-scrollable-container": y && C
         },
         i
       ),
       children: [
-        /* @__PURE__ */ x(
+        /* @__PURE__ */ N(
           "div",
           {
             className: d(
               "table-header",
               {
-                "sticky-header": p,
+                "sticky-header": y,
                 "horizontally-scrollable": C
               },
-              h
+              b
             ),
-            style: { gridTemplateColumns: pe },
+            style: { gridTemplateColumns: ye },
             children: [
               r && /* @__PURE__ */ s(
                 "div",
                 {
                   className: d("table-header-cell", "checkbox-cell"),
-                  style: { left: u ? `${N}px` : "0" },
+                  style: { left: u ? `${w}px` : "0" },
                   children: H && /* @__PURE__ */ s(
                     q,
                     {
-                      value: he,
-                      partiallyChecked: _e,
+                      value: be,
+                      partiallyChecked: he,
                       onChange: ie,
                       className: d("checkbox-cell")
                     }
                   )
                 }
               ),
-              u && /* @__PURE__ */ s("div", { className: d("table-header-cell", "expand-cell"), style: { left: "0" }, children: /* @__PURE__ */ s("button", { onClick: de, "aria-label": "Toggle all rows expansion", children: /* @__PURE__ */ s("span", { className: d("expand-icon", { expanded: ke }), children: /* @__PURE__ */ s(K, {}) }) }) }),
-              v.map((e, S) => /* @__PURE__ */ s(
+              u && /* @__PURE__ */ s("div", { className: d("table-header-cell", "expand-cell"), style: { left: "0" }, children: /* @__PURE__ */ s("button", { onClick: de, "aria-label": "Toggle all rows expansion", children: /* @__PURE__ */ s("span", { className: d("expand-icon", { expanded: pe }), children: /* @__PURE__ */ s(K, {}) }) }) }),
+              v.map((e, T) => /* @__PURE__ */ s(
                 "button",
                 {
                   className: d("table-header-cell", "pinned-column", {
                     [`align-${e.align}`]: "align" in e,
-                    "primary-cell": j(e),
-                    "sortable-cell": E.includes(e.key)
+                    "primary-cell": x(e),
+                    "sortable-cell": M.includes(e.key)
                   }),
-                  style: z(
+                  style: A(
                     e,
                     !0,
-                    S,
+                    T,
                     v,
-                    $,
+                    S,
                     u,
                     r
                   ),
-                  children: /* @__PURE__ */ x(
+                  children: /* @__PURE__ */ N(
                     "div",
                     {
                       className: d("label"),
                       onClick: () => B(e.key),
-                      onMouseEnter: () => P(e.key),
-                      onMouseLeave: W,
+                      onMouseEnter: () => W(e.key),
+                      onMouseLeave: U,
                       children: [
                         /* @__PURE__ */ s("span", { children: e.header }),
-                        (D === e.key || (f == null ? void 0 : f.key) === e.key) && G(e.key)
+                        (P === e.key || (k == null ? void 0 : k.key) === e.key) && G(e.key)
                       ]
                     }
                   )
                 },
                 e.key
               )),
-              M.map((e) => /* @__PURE__ */ s(
+              $.map((e) => /* @__PURE__ */ s(
                 "button",
                 {
                   className: d("table-header-cell", {
                     [`align-${e.align}`]: "align" in e,
-                    "primary-cell": j(e),
-                    "sortable-cell": E.includes(e.key)
+                    "primary-cell": x(e),
+                    "sortable-cell": M.includes(e.key)
                   }),
-                  style: z(
+                  style: A(
                     e,
                     !1,
                     void 0,
                     v,
-                    $,
+                    S,
                     u,
                     r
                   ),
-                  children: /* @__PURE__ */ x(
+                  children: /* @__PURE__ */ N(
                     "div",
                     {
                       className: d("label"),
                       onClick: () => B(e.key),
-                      onMouseEnter: () => P(e.key),
-                      onMouseLeave: W,
+                      onMouseEnter: () => W(e.key),
+                      onMouseLeave: U,
                       children: [
                         /* @__PURE__ */ s("span", { children: e.header }),
-                        (D === e.key || (f == null ? void 0 : f.key) === e.key) && G(e.key)
+                        (P === e.key || (k == null ? void 0 : k.key) === e.key) && G(e.key)
                       ]
                     }
                   )
@@ -366,24 +366,24 @@ const V = (l) => typeof l == "string", Ce = "_table_1kj69_1", ge = "_selectable_
           "div",
           {
             className: d("table-body", {
-              "scrollable-body": p,
+              "scrollable-body": y,
               "horizontally-scrollable": C
             }),
-            children: l.map((e, S) => /* @__PURE__ */ x(
+            children: l.map((e, T) => /* @__PURE__ */ N(
               "div",
               {
-                className: d("table-row", Me(e), o, {
+                className: d("table-row", $e(e), o, {
                   selectable: r
                 }),
-                onMouseEnter: () => se(S),
+                onMouseEnter: () => se(T),
                 onMouseLeave: ce,
                 children: [
                   r && /* @__PURE__ */ s(
                     "div",
                     {
                       className: d("table-cell", "checkbox-cell"),
-                      style: { left: u ? `${N}px` : "0" },
-                      children: (H || te === S) && /* @__PURE__ */ s(
+                      style: { left: u ? `${w}px` : "0" },
+                      children: (H || te === T) && /* @__PURE__ */ s(
                         q,
                         {
                           value: n.includes(e.id),
@@ -393,70 +393,70 @@ const V = (l) => typeof l == "string", Ce = "_table_1kj69_1", ge = "_selectable_
                       )
                     }
                   ),
-                  /* @__PURE__ */ s("div", { className: d("row-content-wrapper"), children: /* @__PURE__ */ x("div", { className: d("table-row-content"), style: { gridTemplateColumns: ye }, children: [
+                  /* @__PURE__ */ s("div", { className: d("row-content-wrapper"), children: /* @__PURE__ */ N("div", { className: d("table-row-content"), style: { gridTemplateColumns: _e }, children: [
                     u && /* @__PURE__ */ s("div", { className: d("table-cell", "expand-cell"), style: { left: "0" }, children: /* @__PURE__ */ s(
                       "button",
                       {
                         onClick: () => re(e.id),
-                        "aria-label": w.includes(e.id) ? "Collapse row" : "Expand row",
-                        "aria-expanded": w.includes(e.id),
+                        "aria-label": m.includes(e.id) ? "Collapse row" : "Expand row",
+                        "aria-expanded": m.includes(e.id),
                         children: /* @__PURE__ */ s(
                           "span",
                           {
                             className: d("expand-icon", {
-                              expanded: w.includes(e.id)
+                              expanded: m.includes(e.id)
                             }),
                             children: /* @__PURE__ */ s(K, {})
                           }
                         )
                       }
                     ) }),
-                    v.map((y, A) => {
-                      const T = O(e.id, y.key), X = j(y);
+                    v.map((_, L) => {
+                      const z = j(e.id, _.key), X = x(_);
                       return /* @__PURE__ */ s(
                         "div",
                         {
-                          ref: X ? U(y.key) : void 0,
+                          ref: X ? O(_.key) : void 0,
                           className: d("table-cell", "pinned-column", {
                             "primary-cell": X,
-                            "expanded-cell": T
+                            "expanded-cell": z
                           }),
-                          style: z(
-                            y,
+                          style: A(
+                            _,
                             !0,
-                            A,
+                            L,
                             v,
-                            $,
+                            S,
                             u,
                             r
                           ),
-                          children: e[y.key].component || e[y.key].content || e[y.key]
+                          children: e[_.key].component || e[_.key].content || e[_.key]
                         },
-                        y.key
+                        _.key
                       );
                     }),
-                    M.map((y) => {
-                      const A = O(e.id, y.key), T = j(y);
+                    $.map((_) => {
+                      const L = j(e.id, _.key), z = x(_);
                       return /* @__PURE__ */ s(
                         "div",
                         {
-                          ref: T ? U(y.key) : void 0,
+                          ref: z ? O(_.key) : void 0,
                           className: d("table-cell", {
-                            "primary-cell": T,
-                            "expanded-cell": A
+                            "primary-cell": z,
+                            "expanded-cell": L
                           }),
-                          style: z(
-                            y,
+                          style: A(
+                            _,
                             !1,
                             void 0,
                             v,
-                            $,
+                            S,
                             u,
                             r
                           ),
-                          children: e[y.key].component || e[y.key].content || e[y.key]
+                          children: e[_.key].component || e[_.key].content || e[_.key]
                         },
-                        y.key
+                        _.key
                       );
                     }),
                     c && /* @__PURE__ */ s("div", { className: d("table-cell", "action-menu-cell"), children: c(e.metaData) })
@@ -472,5 +472,5 @@ const V = (l) => typeof l == "string", Ce = "_table_1kj69_1", ge = "_selectable_
   );
 };
 export {
-  Oe as T
+  je as T
 };

package/dist/table.js

@@ -1,4 +1,4 @@
-import { T as r } from "./table-0ca84375.js";
+import { T as r } from "./table-ea578f47.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/package.json

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