@reportportal/ui-kit 0.0.1-alpha.249 → 0.0.1-alpha.250

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

@@ -55,6 +55,7 @@ export interface TableComponentProps {
     bodyClassName?: string;
     rowClassName?: string;
     checkboxColumnClassName?: string;
+    expandColumnClassName?: string;
     selectedRowIds?: (string | number)[];
     sortingDirection?: SortingDirection;
     sortingColumn?: Column;
@@ -63,7 +64,11 @@ export interface TableComponentProps {
     isHorizontallyScrollable?: boolean;
     pinnedColumnKeys?: string[];
     isRowsExpandable?: boolean;
+    isExpandAllVisible?: boolean;
     expandedRowIds?: (string | number)[];
+    canExpandRow?: (row: RowData) => boolean;
+    rowExpansionMode?: 'cellContent' | 'detail';
+    renderExpandedRow?: (row: RowData) => ReactNode;
     isSelectAllCheckboxAlwaysVisible?: boolean;
     disabledRowIds?: (string | number)[];
     setExpandedRowIds?: Dispatch<SetStateAction<Set<string | number>>>;
@@ -77,7 +82,7 @@ export interface TableComponentProps {
     onToggleRowSelection?: (id: string | number) => void;
     onToggleAllRowsSelection?: () => void;
     onToggleRowExpansion?: (id: string | number) => void;
-    onToggleAllRowsExpansion?: () => void;
+    onToggleAllRowsExpansion?: (expandableRowIds: (string | number)[]) => void;
     onColumnResize?: (columnKey: string, width: number) => void;
     getRowCheckboxTooltip?: (rowId: string | number) => ReactNode;
     externalScrollContainerRef?: RefObject<HTMLElement> | RefObject<Element> | null | undefined;

package/dist/index.js

@@ -31,7 +31,7 @@ import { S as Ro } from "./spinLoader-c4a53718.js";
 import { SystemAlert as Oo } from "./systemAlert.js";
 import { S as Uo } from "./systemMessage-924fdaa6.js";
 import { DragLayer as zo, SortableItem as Go, SortableList as Jo, TreeSortableContainer as Vo, TreeSortableItem as _o } from "./sortable.js";
-import { T as Xo } from "./table-8cdbfdfb.js";
+import { T as Xo } from "./table-fc873b61.js";
 import { T as qo } from "./themeProvider-46c2be7b.js";
 import { T as Qo } from "./toggle-304107fa.js";
 import { Tooltip as Zo } from "./tooltip.js";

package/dist/modal.js

@@ -1,19 +1,19 @@
-import { jsx as o, jsxs as d, Fragment as F } from "react/jsx-runtime";
-import { useState as H, useRef as G, useCallback as A, useEffect as k, useMemo as K } from "react";
-import { Scrollbars as U } from "rc-scrollbars";
+import { jsx as e, jsxs as d, Fragment as F } from "react/jsx-runtime";
+import { useState as y, useRef as G, useCallback as M, useEffect as x, useMemo as U } from "react";
+import { Scrollbars as X } from "rc-scrollbars";
 import { AnimatePresence as Y, motion as V } from "framer-motion";
 import { c as b } from "./bind-06a7ff84.js";
-import { u as X } from "./useOnClickOutside-8f7d68a1.js";
+import { u as Z } from "./useOnClickOutside-8f7d68a1.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { u as q } from "./useWindowResize-a7e1ac92.js";
 import { A as J } from "./constants-85822a6b.js";
 import { a as Q } from "./dropdown-d2a05471.js";
-import { K as Z } from "./keyCodes-f63c0e11.js";
-import { B as x } from "./button-7ab874f3.js";
-import { Tooltip as oo } from "./tooltip.js";
-import { B as eo } from "./baseIconButton-251479f7.js";
-import { S as to } from "./close-4d480ef7.js";
+import { K as ee } from "./keyCodes-f63c0e11.js";
+import { B as R } from "./button-7ab874f3.js";
+import { Tooltip as te } from "./tooltip.js";
+import { B as oe } from "./baseIconButton-251479f7.js";
+import { S as ne } from "./close-4d480ef7.js";
 import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";
@@ -26,154 +26,149 @@ import "./useEllipsisTitle-462fa254.js";
 import "./checkbox-76aa8f97.js";
 import "@floating-ui/react";
 import "./floatingUi-46f5b896.js";
-const no = {
+const ae = {
   "modal-content": "_modal-content_ppzcb_1"
-}, lo = b.bind(no), C = ({ children: t }) => /* @__PURE__ */ o("div", { className: lo("modal-content"), children: t }), so = {
+}, ie = b.bind(ae), C = ({ children: o }) => /* @__PURE__ */ e("div", { className: ie("modal-content"), children: o }), se = {
   "buttons-block": "_buttons-block_1mwne_1",
   "button-container": "_button-container_1mwne_7",
   "modal-footer": "_modal-footer_1mwne_12",
   "with-extra-node": "_with-extra-node_1mwne_19",
   "size-small": "_size-small_1mwne_23"
-}, h = b.bind(so), ao = ({
-  footerNode: t,
-  closeHandler: s,
-  okButton: a,
-  cancelButton: p,
-  size: r
+}, f = b.bind(se), le = ({
+  footerNode: o,
+  closeHandler: n,
+  okButton: i,
+  cancelButton: u,
+  size: s
 }) => {
-  const { tooltipNode: f, ...m } = a || {}, v = () => {
-    const _ = /* @__PURE__ */ o(x, { adjustWidthOn: r === "small" ? "parent" : "min-width", ...m });
-    return f ? /* @__PURE__ */ o(oo, { content: f, placement: "top", width: 270, children: _ }) : _;
+  const { tooltipNode: p, ...m } = i || {}, v = () => {
+    const _ = /* @__PURE__ */ e(R, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...m });
+    return p ? /* @__PURE__ */ e(te, { content: p, placement: "top", width: 270, children: _ }) : _;
   };
-  return /* @__PURE__ */ d("div", { className: h("modal-footer", { "with-extra-node": t, [`size-${r}`]: r }), children: [
-    t && t,
-    /* @__PURE__ */ d("div", { className: h("buttons-block"), children: [
-      p && /* @__PURE__ */ o("div", { className: h("button-container"), children: /* @__PURE__ */ o(
-        x,
+  return /* @__PURE__ */ d("div", { className: f("modal-footer", { "with-extra-node": o, [`size-${s}`]: s }), children: [
+    o && o,
+    /* @__PURE__ */ d("div", { className: f("buttons-block"), children: [
+      u && /* @__PURE__ */ e("div", { className: f("button-container"), children: /* @__PURE__ */ e(
+        R,
         {
           variant: "ghost",
-          adjustWidthOn: r === "small" ? "parent" : "min-width",
-          onClick: s,
-          ...p
+          adjustWidthOn: s === "small" ? "parent" : "min-width",
+          onClick: n,
+          ...u
         }
       ) }),
-      a && /* @__PURE__ */ o("div", { className: h("button-container"), children: v() })
+      i && /* @__PURE__ */ e("div", { className: f("button-container"), children: v() })
     ] })
   ] });
-}, ro = {
+}, re = {
   "modal-header": "_modal-header_w4aaf_1",
   "width-description": "_width-description_w4aaf_10",
   "modal-header-content": "_modal-header-content_w4aaf_14",
   "modal-title": "_modal-title_w4aaf_20",
   "close-modal-icon": "_close-modal-icon_w4aaf_29"
-}, w = b.bind(ro), io = ({ title: t, onClose: s, withDescription: a = !1 }) => /* @__PURE__ */ d("div", { className: w("modal-header", { "width-description": a }), children: [
-  /* @__PURE__ */ o("div", { className: w("modal-header-content"), children: t && /* @__PURE__ */ o("div", { className: w("modal-title"), children: t }) }),
-  /* @__PURE__ */ o(eo, { className: w("close-modal-icon"), onClick: s, children: /* @__PURE__ */ o(to, {}) })
-] }), co = "_modal_npf1n_1", mo = "_description_npf1n_43", _o = {
-  modal: co,
-  "overlay-default": "_overlay-default_npf1n_12",
-  "overlay-light-cyan": "_overlay-light-cyan_npf1n_16",
-  "scrolling-content": "_scrolling-content_npf1n_20",
-  "modal-window": "_modal-window_npf1n_26",
-  description: mo,
-  "scrollable-wrapper": "_scrollable-wrapper_npf1n_54",
-  "scrollable-content": "_scrollable-content_npf1n_58",
-  "scrollbars-scroll-view": "_scrollbars-scroll-view_npf1n_62",
-  "scrollbars-scroll-track": "_scrollbars-scroll-track_npf1n_66",
-  "size-default": "_size-default_npf1n_70",
-  "size-small": "_size-small_npf1n_82",
-  "size-large": "_size-large_npf1n_94"
-}, n = b.bind(_o), po = 0.9, fo = 32 + 24, uo = 32 + 8, ho = 36 + 16, wo = 32 * 2, Yo = ({
-  title: t,
-  children: s,
-  footerNode: a,
-  okButton: p,
-  cancelButton: r,
-  className: f,
+}, w = b.bind(re), ce = ({ title: o, onClose: n, withDescription: i = !1 }) => /* @__PURE__ */ d("div", { className: w("modal-header", { "width-description": i }), children: [
+  /* @__PURE__ */ e("div", { className: w("modal-header-content"), children: o && /* @__PURE__ */ e("div", { className: w("modal-title"), children: o }) }),
+  /* @__PURE__ */ e(oe, { className: w("close-modal-icon"), onClick: n, children: /* @__PURE__ */ e(ne, {}) })
+] }), de = "_modal_35896_1", me = "_description_35896_43", _e = {
+  modal: de,
+  "overlay-default": "_overlay-default_35896_12",
+  "overlay-light-cyan": "_overlay-light-cyan_35896_16",
+  "scrolling-content": "_scrolling-content_35896_20",
+  "modal-window": "_modal-window_35896_26",
+  description: me,
+  "scrollable-wrapper": "_scrollable-wrapper_35896_54",
+  "scrollable-content": "_scrollable-content_35896_58",
+  "size-default": "_size-default_35896_62",
+  "size-small": "_size-small_35896_74",
+  "size-large": "_size-large_35896_86"
+}, c = b.bind(_e), ue = 0.9, pe = 32 + 24, he = 32 + 8, fe = 36 + 16, we = 32 * 2, be = "auto", k = ({ style: o, ...n }) => /* @__PURE__ */ e("div", { ...n, style: { ...o, zIndex: be } }), Ye = ({
+  title: o,
+  children: n,
+  footerNode: i,
+  okButton: u,
+  cancelButton: s,
+  className: p,
   size: m = "default",
   onClose: v = () => {
   },
   overlay: _ = "default",
-  zIndex: R = 2,
-  allowCloseOutside: D = !0,
+  zIndex: D = 2,
+  allowCloseOutside: S = !0,
   scrollable: z = !1,
   withoutFooter: N = !1,
-  createFooter: E = null,
-  description: i = null
+  createFooter: A = null,
+  description: l = null
 }) => {
-  const [g, M] = H(!1), [S, I] = H(0), [L, $] = H(!1), l = G(null), T = q().height, P = T * po, O = (T - S) / 2, W = () => {
-    let e = P - wo;
-    return N || (e = e - ho), i ? e = e - uo : e = e - fo, e;
-  }, c = A(() => {
-    M(!1);
-  }, []), y = A(
-    (e) => {
-      const { keyCode: u } = e;
-      u === Z.ESCAPE_KEY_CODE && c();
+  const [O, E] = y(!1), [I, L] = y(0), [$, P] = y(!1), a = G(null), H = q().height, B = H * ue, g = (H - I) / 2, W = () => {
+    let t = B - we;
+    return N || (t = t - fe), l ? t = t - he : t = t - pe, t;
+  }, r = M(() => {
+    E(!1);
+  }, []), T = M(
+    (t) => {
+      const { keyCode: h } = t;
+      h === ee.ESCAPE_KEY_CODE && r();
     },
-    [c]
-  ), B = () => {
-    var e;
-    L || ((e = l.current) == null || e.focus(), $(!0));
+    [r]
+  ), K = () => {
+    var t;
+    $ || ((t = a.current) == null || t.focus(), P(!0));
   };
-  k(() => {
-    if (!g || !l.current)
+  x(() => {
+    if (!O || !a.current)
       return;
-    const e = () => {
-      l.current && I(l.current.clientHeight);
+    const t = () => {
+      a.current && L(a.current.clientHeight);
     };
-    if (e(), typeof ResizeObserver > "u")
+    if (t(), typeof ResizeObserver > "u")
       return;
-    const u = new ResizeObserver(e);
-    return u.observe(l.current), () => u.disconnect();
-  }, [g]), k(() => (M(!0), document.addEventListener("keydown", y, !1), () => document.removeEventListener("keydown", y, !1)), [y]);
-  const j = K(
+    const h = new ResizeObserver(t);
+    return h.observe(a.current), () => h.disconnect();
+  }, [O]), x(() => (E(!0), document.addEventListener("keydown", T, !1), () => document.removeEventListener("keydown", T, !1)), [T]);
+  const j = U(
     () => ({
       ignoreSelectors: [`[${Q}]`, `[${J}]`]
     }),
     []
   );
-  return X(l, D ? c : void 0, j), /* @__PURE__ */ o(Y, { onExitComplete: v, children: g && /* @__PURE__ */ o("div", { className: n("modal", { [`overlay-${_}`]: _ }), style: { zIndex: R }, children: /* @__PURE__ */ d(
+  return Z(a, S ? r : void 0, j), /* @__PURE__ */ e(Y, { onExitComplete: v, children: O && /* @__PURE__ */ e("div", { className: c("modal", { [`overlay-${_}`]: _ }), style: { zIndex: D }, children: /* @__PURE__ */ d(
     V.div,
     {
-      className: n("modal-window", { [`size-${m}`]: m }, f),
-      ref: l,
+      className: c("modal-window", { [`size-${m}`]: m }, p),
+      ref: a,
       tabIndex: 0,
-      initial: { opacity: 0, marginTop: -O },
-      animate: { opacity: 1, marginTop: O },
-      exit: { opacity: 0, marginTop: -O },
+      initial: { opacity: 0, marginTop: -g },
+      animate: { opacity: 1, marginTop: g },
+      exit: { opacity: 0, marginTop: -g },
       transition: { duration: 0.3 },
-      onAnimationStart: B,
+      onAnimationStart: K,
       children: [
-        /* @__PURE__ */ o(io, { title: t, onClose: c, withDescription: !!i }),
-        z ? /* @__PURE__ */ o("div", { className: n("scrollable-wrapper"), children: /* @__PURE__ */ o(
-          U,
+        /* @__PURE__ */ e(ce, { title: o, onClose: r, withDescription: !!l }),
+        z ? /* @__PURE__ */ e("div", { className: c("scrollable-wrapper"), children: /* @__PURE__ */ e(
+          X,
           {
             autoHeight: !0,
             autoHeightMax: W(),
             hideTracksWhenNotNeeded: !0,
-            classes: {
-              view: n("scrollbars-scroll-view"),
-              trackHorizontal: n("scrollbars-scroll-track"),
-              trackVertical: n("scrollbars-scroll-track")
-            },
-            children: /* @__PURE__ */ d("div", { className: n("scrollable-content"), children: [
-              i && /* @__PURE__ */ o("span", { className: n("description"), children: i }),
-              /* @__PURE__ */ o(C, { children: s })
+            renderTrackHorizontal: k,
+            renderTrackVertical: k,
+            children: /* @__PURE__ */ d("div", { className: c("scrollable-content"), children: [
+              l && /* @__PURE__ */ e("span", { className: c("description"), children: l }),
+              /* @__PURE__ */ e(C, { children: n })
             ] })
           }
         ) }) : /* @__PURE__ */ d(F, { children: [
-          i && /* @__PURE__ */ o("span", { className: n("description"), children: i }),
-          /* @__PURE__ */ o(C, { children: s })
+          l && /* @__PURE__ */ e("span", { className: c("description"), children: l }),
+          /* @__PURE__ */ e(C, { children: n })
         ] }),
-        !N && (E ? E(c) : /* @__PURE__ */ o(
-          ao,
+        !N && (A ? A(r) : /* @__PURE__ */ e(
+          le,
           {
             size: m,
-            footerNode: a,
-            okButton: p,
-            cancelButton: r,
-            closeHandler: c
+            footerNode: i,
+            okButton: u,
+            cancelButton: s,
+            closeHandler: r
           }
         ))
       ]
@@ -182,8 +177,8 @@ const no = {
   ) }) });
 };
 export {
-  Yo as Modal,
+  Ye as Modal,
   C as ModalContent,
-  ao as ModalFooter,
-  io as ModalHeader
+  le as ModalFooter,
+  ce as ModalHeader
 };