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

package/dist/{table-f1461100.js → table-82d5455c.js}

@@ -1,22 +1,23 @@
-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 { jsx as o, jsxs as S } from "react/jsx-runtime";
+import { useMemo as se, useState as $, useCallback as x, useEffect as re, useRef as oe, forwardRef as Ue } from "react";
+import { Resizable as je } 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 He, b as ee, a as le, S as Be } 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,
+import { Tooltip as Ge } from "./tooltip.js";
+import { i as Xe } from "./isEmpty-ccacb5ff.js";
+const ie = (l) => typeof l == "string", Ve = "_table_1244e_1", Ye = "_resizable_1244e_46", qe = "_selectable_1244e_63", Je = "_expanded_1244e_59", Qe = "_label_1244e_303", Ze = {
+  table: Ve,
   "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: Ye,
   "resizable-column": "_resizable-column_1244e_46",
   "table-row": "_table-row_1244e_54",
   "expanded-cell": "_expanded-cell_1244e_59",
-  selectable: Ge,
+  selectable: qe,
   "row-content-wrapper": "_row-content-wrapper_1244e_67",
   "table-row-content": "_table-row-content_1244e_75",
   "expand-cell": "_expand-cell_1244e_89",
@@ -31,19 +32,19 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
   "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,
+  expanded: Je,
   "primary-cell": "_primary-cell_1244e_282",
-  label: Ye,
+  label: Qe,
   "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) => {
+}, de = "asc", m = 32, he = 100, Ke = 48, Fe = (l) => l.toLowerCase() === de, Re = (l) => l.map((n) => n.key), N = (l) => "primary" in l && l.primary === !0, Ie = (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) => {
+}, j = (l) => ie(l) ? l : `${l}px`, el = (l, n, s, c, i) => {
   let a = 0;
-  c && (a += S), i && (a += S);
+  c && (a += m), i && (a += m);
   for (let p = 0; p < l; p++) {
     const u = n[p];
     if (N(u)) {
@@ -62,7 +63,7 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
     u.textAlign = t.align;
   }
   if (n && s !== void 0) {
-    const t = Ke(
+    const t = el(
       s,
       c,
       i,
@@ -74,7 +75,7 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
   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`);
+  s && t.push(`${m}px`), a && c && t.push(`${m}px`);
   const h = (r) => {
     if ((p == null ? void 0 : p[r.key]) !== void 0) {
       t.push(`${p[r.key]}px`);
@@ -93,8 +94,8 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
       t.push(y);
     }
   };
-  return l.forEach(h), n.forEach(h), i && t.push(`${Je}px`), t.join(" ");
-}, Fe = ({
+  return l.forEach(h), n.forEach(h), i && t.push(`${Ke}px`), t.join(" ");
+}, ll = ({
   primaryColumns: l,
   fixedColumns: n,
   pinnedColumnKeys: s
@@ -109,7 +110,7 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
     pinnedColumns: c,
     scrollableColumns: i
   };
-}, [l, n, s]), Re = () => {
+}, [l, n, s]), tl = () => {
   const [l, n] = $(null), [s, c] = $(null), i = x((t) => {
     n(t);
   }, []), a = x(() => {
@@ -127,7 +128,7 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
     handleRowMouseEnter: p,
     handleRowMouseLeave: u
   };
-}, Ie = ({
+}, nl = ({
   primaryColumns: l,
   fixedColumns: n,
   expandedRowIds: s,
@@ -181,7 +182,7 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
     handleToggleRowExpansion: p,
     isCellExpanded: u
   };
-}, el = () => {
+}, al = () => {
   const l = oe(/* @__PURE__ */ new Map()), n = x(
     (s) => (c) => {
       if (!c)
@@ -195,7 +196,7 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
     columnWidthsRef: l,
     setCellRef: n
   };
-}, ll = ({
+}, sl = ({
   enabled: l = !1,
   minWidth: n = 50,
   maxWidth: s = 500,
@@ -214,7 +215,7 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
       if (!l)
         return;
       const k = Math.min(s, Math.max(n, y.width));
-      p((m) => ({ ...m, [r]: k }));
+      p((z) => ({ ...z, [r]: k }));
     },
     [l, n, s]
   ), h = x(
@@ -229,11 +230,11 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
     handleResizeStop: h,
     handleResizeStart: u
   };
-}, tl = {
+}, rl = {
   "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 }) => {
+}, ol = ce.bind(rl), cl = Ue(
+  (l, n) => /* @__PURE__ */ o("div", { ref: n, className: ol("resize-handle"), ...l, children: /* @__PURE__ */ o(He, {}) })
+), d = ce.bind(Ze), ae = ({ column: l }) => {
   const n = oe(null), [s, c] = $(!1);
   return re(() => {
     if (n.current) {
@@ -241,7 +242,7 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
       c(a > i);
     }
   }, [l.header]), /* @__PURE__ */ o("span", { ref: n, title: s ? l.header : void 0, children: l.header });
-}, pl = ({
+}, bl = ({
   data: l,
   primaryColumn: n,
   fixedColumns: s,
@@ -256,7 +257,7 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
   sortingColumn: f,
   sortableColumns: y,
   isHeaderFixed: k = !1,
-  isHorizontallyScrollable: m = !1,
+  isHorizontallyScrollable: z = !1,
   pinnedColumnKeys: pe = [],
   isRowsExpandable: v = !1,
   expandedRowIds: E = [],
@@ -265,54 +266,55 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
   isResizable: b = !1,
   minColumnWidth: D = 50,
   maxColumnWidth: G = 500,
-  onChangeSorting: _e = () => {
+  isSelectAllCheckboxAlwaysVisible: _e = !1,
+  onChangeSorting: ye = () => {
   },
-  onToggleRowSelection: ye = () => {
+  onToggleRowSelection: fe = () => {
   },
-  onToggleAllRowsSelection: fe = () => {
+  onToggleAllRowsSelection: ue = () => {
   },
-  onToggleRowExpansion: ue = () => {
+  onToggleRowExpansion: be = () => {
   },
-  onToggleAllRowsExpansion: be = () => {
+  onToggleAllRowsExpansion: ke = () => {
   },
-  onColumnResize: ke = () => {
+  onColumnResize: ve = () => {
   }
 }) => {
   const T = se(
     () => Array.isArray(n) ? n : [n],
     [n]
-  ), w = f ?? T[0], A = y ?? Ve([...T, ...s]), { pinnedColumns: g, scrollableColumns: L } = Fe({
+  ), w = f ?? T[0], A = y ?? Re([...T, ...s]), { pinnedColumns: g, scrollableColumns: L } = ll({
     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({
+    hoveredRow: xe,
+    handleColumnMouseEnter: V,
+    handleColumnMouseLeave: Y,
+    handleRowMouseEnter: we,
+    handleRowMouseLeave: Ce
+  } = tl(), { columnWidthsRef: M, setCellRef: q } = al(), { handleToggleRowExpansion: ge, isCellExpanded: J } = nl({
     primaryColumns: T,
     fixedColumns: s,
     expandedRowIds: E,
-    onToggleRowExpansion: ue
-  }), { columnWidths: O, handleResize: ge, handleResizeStop: Ne, handleResizeStart: ze } = ll({
+    onToggleRowExpansion: be
+  }), { columnWidths: O, handleResize: Ne, handleResizeStop: Se, handleResizeStart: me } = sl({
     enabled: b,
     minWidth: D,
     maxWidth: G,
     columnWidthsRef: M,
-    onColumnResize: ke
-  }), V = (e, C) => /* @__PURE__ */ o(
-    De,
+    onColumnResize: ve
+  }), Q = (e, C) => /* @__PURE__ */ o(
+    je,
     {
       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),
+      handle: /* @__PURE__ */ o(cl, {}),
+      onResizeStart: me,
+      onResize: Ne(e.key),
+      onResizeStop: Se(e.key),
       minConstraints: [D, 0],
       maxConstraints: [G, 0],
       className: d("resizable-column"),
@@ -320,14 +322,14 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
     },
     e.key
   ), Z = (e) => {
-    A.includes(e) && _e({ key: e, direction: r });
-  }, Se = (e) => {
-    ye(e);
-  }, me = () => {
-    fe();
+    A.includes(e) && ye({ key: e, direction: r });
+  }, ze = (e) => {
+    fe(e);
   }, 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(
+    ue();
+  }, Me = () => {
+    ke();
+  }, K = (e) => A.includes(e) ? (w == null ? void 0 : w.key) === e ? Fe(r) ? /* @__PURE__ */ o(le, {}) : /* @__PURE__ */ o(Be, {}) : /* @__PURE__ */ o(le, {}) : null, $e = l.every((e) => h.includes(e.id)), Te = l.some((e) => h.includes(e.id)), F = (h == null ? void 0 : h.length) > 0, Ae = !Xe(l), Le = _e && Ae || F, Pe = l.every((e) => E.includes(e.id)), We = H !== void 0 ? H : Pe, De = ne(
     g,
     L,
     v,
@@ -336,7 +338,7 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
     !1,
     b ? O : void 0,
     b
-  ), Pe = ne(
+  ), Oe = ne(
     g,
     L,
     v,
@@ -345,51 +347,51 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
     !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(
+  ), R = /* @__PURE__ */ o("button", { onClick: Me, "aria-label": "Toggle all rows expansion", children: /* @__PURE__ */ o("span", { className: d("expand-icon", { expanded: We }), children: /* @__PURE__ */ o(ee, {}) }) });
+  return /* @__PURE__ */ S(
     "div",
     {
       className: d(
         "table",
         {
           "fixed-header": k,
-          "horizontally-scrollable-container": k && (m || b)
+          "horizontally-scrollable-container": k && (z || b)
         },
         i
       ),
       children: [
-        /* @__PURE__ */ z(
+        /* @__PURE__ */ S(
           "div",
           {
             className: d(
               "table-header",
               {
                 "sticky-header": k,
-                "horizontally-scrollable": m,
+                "horizontally-scrollable": z,
                 resizable: b
               },
               p
             ),
-            style: { gridTemplateColumns: Pe },
+            style: { gridTemplateColumns: Oe },
             children: [
               t && /* @__PURE__ */ o(
                 "div",
                 {
                   className: d("table-header-cell", "checkbox-cell"),
-                  style: { left: v ? `${S}px` : "0" },
-                  children: F && /* @__PURE__ */ o(
+                  style: { left: v ? `${m}px` : "0" },
+                  children: Le && /* @__PURE__ */ o(
                     te,
                     {
-                      value: Me,
-                      partiallyChecked: $e,
-                      onChange: me,
+                      value: $e,
+                      partiallyChecked: Te,
+                      onChange: Ee,
                       className: d("checkbox-cell")
                     }
                   )
                 }
               ),
               v && /* @__PURE__ */ o("div", { className: d("table-header-cell", "expand-cell"), style: { left: "0" }, children: B ? /* @__PURE__ */ o(
-                je,
+                Ge,
                 {
                   content: B,
                   placement: "top",
@@ -417,13 +419,13 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
                       v,
                       t
                     ),
-                    children: /* @__PURE__ */ z(
+                    children: /* @__PURE__ */ S(
                       "div",
                       {
                         className: d("label"),
                         onClick: () => Z(e.key),
-                        onMouseEnter: () => Y(e.key),
-                        onMouseLeave: q,
+                        onMouseEnter: () => V(e.key),
+                        onMouseLeave: Y,
                         children: [
                           /* @__PURE__ */ o(ae, { column: e }),
                           (X === e.key || (w == null ? void 0 : w.key) === e.key) && K(e.key)
@@ -433,7 +435,7 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
                   },
                   e.key
                 );
-                return b ? V(e, _) : _;
+                return b ? Q(e, _) : _;
               }),
               L.map((e) => {
                 const C = /* @__PURE__ */ o(
@@ -454,13 +456,13 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
                       v,
                       t
                     ),
-                    children: /* @__PURE__ */ z(
+                    children: /* @__PURE__ */ S(
                       "div",
                       {
                         className: d("label"),
                         onClick: () => Z(e.key),
-                        onMouseEnter: () => Y(e.key),
-                        onMouseLeave: q,
+                        onMouseEnter: () => V(e.key),
+                        onMouseLeave: Y,
                         children: [
                           /* @__PURE__ */ o(ae, { column: e }),
                           (X === e.key || (w == null ? void 0 : w.key) === e.key) && K(e.key)
@@ -470,7 +472,7 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
                   },
                   e.key
                 );
-                return b ? V(e, C) : C;
+                return b ? Q(e, C) : C;
               }),
               c && /* @__PURE__ */ o("div", { className: d("table-header-cell", "action-menu-cell") })
             ]
@@ -483,40 +485,40 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
               "table-body",
               {
                 "scrollable-body": k,
-                "horizontally-scrollable": m,
+                "horizontally-scrollable": z,
                 resizable: b
               },
               u
             ),
-            children: l.map((e, C) => /* @__PURE__ */ z(
+            children: l.map((e, C) => /* @__PURE__ */ S(
               "div",
               {
-                className: d("table-row", Ze(e), a, {
+                className: d("table-row", Ie(e), a, {
                   selectable: t
                 }),
-                onMouseEnter: () => xe(C),
-                onMouseLeave: we,
+                onMouseEnter: () => we(C),
+                onMouseLeave: Ce,
                 children: [
                   t && /* @__PURE__ */ o(
                     "div",
                     {
                       className: d("table-cell", "checkbox-cell"),
-                      style: { left: v ? `${S}px` : "0" },
-                      children: (F || ve === C) && /* @__PURE__ */ o(
+                      style: { left: v ? `${m}px` : "0" },
+                      children: (F || xe === C) && /* @__PURE__ */ o(
                         te,
                         {
                           value: h.includes(e.id),
-                          onChange: () => Se(e.id),
+                          onChange: () => ze(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: [
+                  /* @__PURE__ */ o("div", { className: d("row-content-wrapper"), children: /* @__PURE__ */ S("div", { className: d("table-row-content"), style: { gridTemplateColumns: De }, children: [
                     v && /* @__PURE__ */ o("div", { className: d("table-cell", "expand-cell"), style: { left: "0" }, children: /* @__PURE__ */ o(
                       "button",
                       {
-                        onClick: () => Ce(e.id),
+                        onClick: () => ge(e.id),
                         "aria-label": E.includes(e.id) ? "Collapse row" : "Expand row",
                         "aria-expanded": E.includes(e.id),
                         children: /* @__PURE__ */ o(
@@ -531,11 +533,11 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
                       }
                     ) }),
                     g.map((_, U) => {
-                      const P = Q(e.id, _.key), I = N(_);
+                      const P = J(e.id, _.key), I = N(_);
                       return /* @__PURE__ */ o(
                         "div",
                         {
-                          ref: I ? J(_.key) : void 0,
+                          ref: I ? q(_.key) : void 0,
                           className: d("table-cell", "pinned-column", {
                             "primary-cell": I,
                             "expanded-cell": P
@@ -555,11 +557,11 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
                       );
                     }),
                     L.map((_) => {
-                      const U = Q(e.id, _.key), P = N(_);
+                      const U = J(e.id, _.key), P = N(_);
                       return /* @__PURE__ */ o(
                         "div",
                         {
-                          ref: P ? J(_.key) : void 0,
+                          ref: P ? q(_.key) : void 0,
                           className: d("table-cell", {
                             "primary-cell": P,
                             "expanded-cell": U
@@ -591,5 +593,5 @@ const ie = (l) => typeof l == "string", He = "_table_1244e_1", Be = "_resizable_
   );
 };
 export {
-  pl as T
+  bl as T
 };

package/dist/table.js

@@ -1,4 +1,4 @@
-import { T as r } from "./table-f1461100.js";
+import { T as r } from "./table-82d5455c.js";
 import "react/jsx-runtime";
 import "react";
 import "react-resizable";
@@ -10,6 +10,7 @@ import "./tooltip.js";
 import "react-dom";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
+import "./isEmpty-ccacb5ff.js";
 export {
   r as Table,
   r as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.148",
+  "version": "0.0.1-alpha.149",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {
@@ -29,8 +29,9 @@
     },
     "./style.css": "./dist/style.css",
     "./common": {
-      "types": "./dist/common/types.d.ts",
-      "default": "./dist/common/types.d.ts"
+      "types": "./dist/common/types/index.d.ts",
+      "import": "./dist/common.js",
+      "default": "./dist/common.js"
     },
     "./*": {
       "types": "./dist/components/*/index.d.ts",