@reportportal/ui-kit 0.0.1-alpha.127 → 0.0.1-alpha.128

package/dist/index.js

@@ -1,158 +1,157 @@
-import { A as C } from "./index-1a874a8b.js";
-import { B as g } from "./baseIconButton-251479f7.js";
-import { B as y } from "./breadcrumbs-8e5ca8d7.js";
-import { B as T } from "./bubblesLoader-f3ffa240.js";
-import { B as h } from "./button-97d9e587.js";
-import { C as v } from "./checkbox-ed6cc375.js";
-import { D as w } from "./datePicker-322bcafa.js";
+import { A as P } from "./index-1a874a8b.js";
+import { B as F } from "./baseIconButton-251479f7.js";
+import { B as D } from "./breadcrumbs-8e5ca8d7.js";
+import { B } from "./bubblesLoader-f3ffa240.js";
+import { B as b } from "./button-97d9e587.js";
+import { C as A } from "./checkbox-ed6cc375.js";
+import { D as M } from "./datePicker-1a104b97.js";
 import "react-datepicker";
-import { D as E } from "./dropdown-18c58189.js";
-import { FieldLabel as R } from "./fieldLabel.js";
-import { F as U } from "./fieldNumber-d1b5a7a1.js";
-import { F as J } from "./fieldText-17fcba4f.js";
-import { F as z } from "./fieldTextFlex-2f51c173.js";
-import { FileDropArea as W } from "./fileDropArea.js";
-import { FiltersButton as j } from "./filtersButton.js";
-import { Modal as K } from "./modal.js";
-import { MultipleAutocomplete as V, SingleAutocomplete as Y } from "./autocompletes.js";
-import { P as _ } from "./pagination-e77d76d8.js";
-import { Popover as oo } from "./popover.js";
-import { R as eo } from "./radio-62546efa.js";
-import { S as to } from "./selection-9124d029.js";
-import { S as co } from "./spinLoader-c4a53718.js";
-import { SystemAlert as io } from "./systemAlert.js";
-import { S as so } from "./systemMessage-924fdaa6.js";
-import { T as lo } from "./table-8e223d5d.js";
-import { T as fo } from "./themeProvider-46c2be7b.js";
-import { T as So } from "./toggle-304107fa.js";
-import { Tooltip as Co } from "./tooltip.js";
-import { SidePanel as go } from "./sidePanel.js";
-import { AddCsvIcon as yo, AddImageIcon as Bo, AddJarIcon as To, BreadcrumbsTreeIcon as bo, CalendarIcon as ho, CheckmarkIcon as Ao, ChevronRightBreadcrumbsIcon as vo, ConfigurationIcon as Mo, CopyIcon as wo, CoverageFullIcon as ko, CoveragePartialIcon as Eo, CoveredManuallyIcon as Lo, DeleteIcon as Ro, DragAndDropIcon as Oo, DragNDropIcon as Uo, DurationIcon as Ho, EditIcon as Jo, ExportIcon as No, FlagIcon as zo, GroupByIcon as Go, HideIcon as Wo, LaunchTypeIcon as Xo, MaximizeIcon as jo, MoveToFolderIcon as qo, PinFilledIcon as Ko, PinOutlineIcon as Qo, PriorityBlockerIcon as Vo, PriorityCriticalIcon as Yo, PriorityHighIcon as Zo, PriorityLowIcon as _o, PriorityMediumIcon as $o, PriorityUnspecifiedIcon as or, RefreshIcon as rr, RerunIcon as er, RunManualIcon as nr, SearchIcon as tr, SortIcon as ar, StatusSuccessIcon as cr, TestPlanIcon as pr, UserIcon as ir, WarningIcon as mr } from "./icons.js";
-import { S as Ir, a as lr, b as xr } from "./chevronDownDropdown-66f5b1af.js";
-import { S as dr } from "./calendarArrow-44c7e60e.js";
-import { S as Sr } from "./clear-53660571.js";
-import { S as Cr, a as Fr } from "./openEye-950159cb.js";
-import { S as Dr } from "./close-4d480ef7.js";
-import { S as Br, a as Tr, b as br, c as hr, d as Ar, e as vr, f as Mr } from "./xls-995781cc.js";
-import { S as kr } from "./dropdown-0260bb66.js";
-import { S as Lr, a as Rr, b as Or } from "./success-8fd8bd2c.js";
-import { S as Hr, a as Jr } from "./filterOutline-819b4b0d.js";
-import { S as zr, a as Gr } from "./tree-c3dd3d45.js";
-import { S as Xr } from "./minus-2857540f.js";
-import { S as qr } from "./plus-199fb2a8.js";
-import { S as Qr, a as Vr } from "./prevPage-87faf576.js";
+import { D as k } from "./dropdown-1f7b1881.js";
+import { FieldLabel as L } from "./fieldLabel.js";
+import { F as O } from "./fieldNumber-d1b5a7a1.js";
+import { F as H } from "./fieldText-17fcba4f.js";
+import { F as N } from "./fieldTextFlex-2f51c173.js";
+import { FileDropArea as G } from "./fileDropArea.js";
+import { FiltersButton as X } from "./filtersButton.js";
+import { Modal as q } from "./modal.js";
+import { MultipleAutocomplete as Q, SingleAutocomplete as V } from "./autocompletes.js";
+import { P as Z } from "./pagination-e77d76d8.js";
+import { Popover as $ } from "./popover.js";
+import { R as ro } from "./radio-62546efa.js";
+import { S as no } from "./selection-9124d029.js";
+import { S as ao } from "./spinLoader-c4a53718.js";
+import { SystemAlert as po } from "./systemAlert.js";
+import { S as mo } from "./systemMessage-924fdaa6.js";
+import { T as Io } from "./table-8e223d5d.js";
+import { T as xo } from "./themeProvider-46c2be7b.js";
+import { T as uo } from "./toggle-304107fa.js";
+import { Tooltip as Po } from "./tooltip.js";
+import { SidePanel as Fo } from "./sidePanel.js";
+import { AddCsvIcon as Do, AddImageIcon as yo, AddJarIcon as Bo, BreadcrumbsTreeIcon as To, CalendarIcon as bo, CheckmarkIcon as ho, ChevronRightBreadcrumbsIcon as Ao, ConfigurationIcon as vo, CopyIcon as Mo, CoverageFullIcon as wo, CoveragePartialIcon as ko, CoveredManuallyIcon as Eo, DeleteIcon as Lo, DragAndDropIcon as Ro, DragNDropIcon as Oo, DurationIcon as Uo, EditIcon as Ho, ExportIcon as Jo, FlagIcon as No, GroupByIcon as zo, HideIcon as Go, LaunchTypeIcon as Wo, MaximizeIcon as Xo, MoveToFolderIcon as jo, PinFilledIcon as qo, PinOutlineIcon as Ko, PriorityBlockerIcon as Qo, PriorityCriticalIcon as Vo, PriorityHighIcon as Yo, PriorityLowIcon as Zo, PriorityMediumIcon as _o, PriorityUnspecifiedIcon as $o, RefreshIcon as or, RerunIcon as rr, RunManualIcon as er, SearchIcon as nr, SortIcon as tr, StatusSuccessIcon as ar, TestPlanIcon as cr, UserIcon as pr, WarningIcon as ir } from "./icons.js";
+import { S as sr, a as Ir, b as lr } from "./chevronDownDropdown-66f5b1af.js";
+import { S as fr } from "./calendarArrow-44c7e60e.js";
+import { S as ur } from "./clear-53660571.js";
+import { S as Pr, a as Cr } from "./openEye-950159cb.js";
+import { S as gr } from "./close-4d480ef7.js";
+import { S as yr, a as Br, b as Tr, c as br, d as hr, e as Ar, f as vr } from "./xls-995781cc.js";
+import { S as wr } from "./dropdown-0260bb66.js";
+import { S as Er, a as Lr, b as Rr } from "./success-8fd8bd2c.js";
+import { S as Ur, a as Hr } from "./filterOutline-819b4b0d.js";
+import { S as Nr, a as zr } from "./tree-c3dd3d45.js";
+import { S as Wr } from "./minus-2857540f.js";
+import { S as jr } from "./plus-199fb2a8.js";
+import { S as Kr, a as Qr } from "./prevPage-87faf576.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
 import "./keyCodes-f63c0e11.js";
 import "react-datepicker/dist/es/index.js";
+import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";
-import "./useOnClickOutside-c332f7d3.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./isEmpty-ccacb5ff.js";
 import "react-dropzone";
 import "framer-motion";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
-import "react-dom";
 export {
-  yo as AddCsvIcon,
-  Bo as AddImageIcon,
-  To as AddJarIcon,
-  Ir as ArrowDownIcon,
-  lr as ArrowUpIcon,
-  C as AttachedFile,
-  g as BaseIconButton,
-  y as Breadcrumbs,
-  bo as BreadcrumbsTreeIcon,
-  T as BubblesLoader,
-  h as Button,
-  dr as CalendarArrowIcon,
-  ho as CalendarIcon,
-  v as Checkbox,
-  Ao as CheckmarkIcon,
-  xr as ChevronDownDropdownIcon,
-  vo as ChevronRightBreadcrumbsIcon,
-  Sr as ClearIcon,
-  Cr as CloseEyeIcon,
-  Dr as CloseIcon,
-  Mo as ConfigurationIcon,
-  wo as CopyIcon,
-  ko as CoverageFullIcon,
-  Eo as CoveragePartialIcon,
-  Lo as CoveredManuallyIcon,
-  Br as CsvIcon,
-  w as DatePicker,
-  Ro as DeleteIcon,
-  Oo as DragAndDropIcon,
-  Uo as DragNDropIcon,
-  E as Dropdown,
-  kr as DropdownIcon,
-  Ho as DurationIcon,
-  Jo as EditIcon,
-  Lr as ErrorIcon,
-  No as ExportIcon,
-  Tr as ExternalLinkIcon,
-  R as FieldLabel,
-  U as FieldNumber,
-  J as FieldText,
-  z as FieldTextFlex,
-  W as FileDropArea,
-  br as FileOtherIcon,
-  Hr as FilterFilledIcon,
-  Jr as FilterOutlineIcon,
-  j as FiltersButton,
-  zo as FlagIcon,
-  Go as GroupByIcon,
-  Wo as HideIcon,
-  hr as ImageIcon,
-  Rr as InfoIcon,
-  Ar as JarIcon,
-  Xo as LaunchTypeIcon,
-  jo as MaximizeIcon,
-  zr as MeatballMenuIcon,
-  Xr as MinusIcon,
-  K as Modal,
-  qo as MoveToFolderIcon,
-  V as MultipleAutocomplete,
-  Fr as OpenEyeIcon,
-  _ as Pagination,
-  vr as PdfIcon,
-  Ko as PinFilledIcon,
-  Qo as PinOutlineIcon,
-  qr as PlusIcon,
-  oo as Popover,
-  Qr as PrevChapterIcon,
-  Vr as PrevPageIcon,
-  Vo as PriorityBlockerIcon,
-  Yo as PriorityCriticalIcon,
-  Zo as PriorityHighIcon,
-  _o as PriorityLowIcon,
-  $o as PriorityMediumIcon,
-  or as PriorityUnspecifiedIcon,
-  eo as Radio,
-  rr as RefreshIcon,
-  er as RerunIcon,
-  nr as RunManualIcon,
-  tr as SearchIcon,
-  to as Selection,
-  go as SidePanel,
-  Y as SingleAutocomplete,
-  ar as SortIcon,
-  co as SpinLoader,
-  cr as StatusSuccessIcon,
-  Or as SuccessIcon,
-  io as SystemAlert,
-  so as SystemMessage,
-  lo as Table,
-  pr as TestPlanIcon,
-  fo as ThemeProvider,
-  So as Toggle,
-  Co as Tooltip,
-  Gr as TreeIcon,
-  ir as UserIcon,
-  mr as WarningIcon,
-  Mr as XlsIcon
+  Do as AddCsvIcon,
+  yo as AddImageIcon,
+  Bo as AddJarIcon,
+  sr as ArrowDownIcon,
+  Ir as ArrowUpIcon,
+  P as AttachedFile,
+  F as BaseIconButton,
+  D as Breadcrumbs,
+  To as BreadcrumbsTreeIcon,
+  B as BubblesLoader,
+  b as Button,
+  fr as CalendarArrowIcon,
+  bo as CalendarIcon,
+  A as Checkbox,
+  ho as CheckmarkIcon,
+  lr as ChevronDownDropdownIcon,
+  Ao as ChevronRightBreadcrumbsIcon,
+  ur as ClearIcon,
+  Pr as CloseEyeIcon,
+  gr as CloseIcon,
+  vo as ConfigurationIcon,
+  Mo as CopyIcon,
+  wo as CoverageFullIcon,
+  ko as CoveragePartialIcon,
+  Eo as CoveredManuallyIcon,
+  yr as CsvIcon,
+  M as DatePicker,
+  Lo as DeleteIcon,
+  Ro as DragAndDropIcon,
+  Oo as DragNDropIcon,
+  k as Dropdown,
+  wr as DropdownIcon,
+  Uo as DurationIcon,
+  Ho as EditIcon,
+  Er as ErrorIcon,
+  Jo as ExportIcon,
+  Br as ExternalLinkIcon,
+  L as FieldLabel,
+  O as FieldNumber,
+  H as FieldText,
+  N as FieldTextFlex,
+  G as FileDropArea,
+  Tr as FileOtherIcon,
+  Ur as FilterFilledIcon,
+  Hr as FilterOutlineIcon,
+  X as FiltersButton,
+  No as FlagIcon,
+  zo as GroupByIcon,
+  Go as HideIcon,
+  br as ImageIcon,
+  Lr as InfoIcon,
+  hr as JarIcon,
+  Wo as LaunchTypeIcon,
+  Xo as MaximizeIcon,
+  Nr as MeatballMenuIcon,
+  Wr as MinusIcon,
+  q as Modal,
+  jo as MoveToFolderIcon,
+  Q as MultipleAutocomplete,
+  Cr as OpenEyeIcon,
+  Z as Pagination,
+  Ar as PdfIcon,
+  qo as PinFilledIcon,
+  Ko as PinOutlineIcon,
+  jr as PlusIcon,
+  $ as Popover,
+  Kr as PrevChapterIcon,
+  Qr as PrevPageIcon,
+  Qo as PriorityBlockerIcon,
+  Vo as PriorityCriticalIcon,
+  Yo as PriorityHighIcon,
+  Zo as PriorityLowIcon,
+  _o as PriorityMediumIcon,
+  $o as PriorityUnspecifiedIcon,
+  ro as Radio,
+  or as RefreshIcon,
+  rr as RerunIcon,
+  er as RunManualIcon,
+  nr as SearchIcon,
+  no as Selection,
+  Fo as SidePanel,
+  V as SingleAutocomplete,
+  tr as SortIcon,
+  ao as SpinLoader,
+  ar as StatusSuccessIcon,
+  Rr as SuccessIcon,
+  po as SystemAlert,
+  mo as SystemMessage,
+  Io as Table,
+  cr as TestPlanIcon,
+  xo as ThemeProvider,
+  uo as Toggle,
+  Po as Tooltip,
+  zr as TreeIcon,
+  pr as UserIcon,
+  ir as WarningIcon,
+  vr as XlsIcon
 };

package/dist/modal.js

@@ -1,146 +1,157 @@
 import { jsx as e, jsxs as d, Fragment as P } from "react/jsx-runtime";
-import { useState as p, useEffect as b, useRef as j } from "react";
+import { useEffect as y, useState as p, useRef as j } from "react";
 import { Scrollbars as F } from "rc-scrollbars";
 import { AnimatePresence as G, motion as K } from "framer-motion";
-import { c as y } from "./bind-06a7ff84.js";
-import { u as Y } from "./useOnClickOutside-c332f7d3.js";
-import { K as U } from "./keyCodes-f63c0e11.js";
+import { c as g } from "./bind-06a7ff84.js";
+import { K as Y } from "./keyCodes-f63c0e11.js";
 import { B as A } from "./button-97d9e587.js";
-import { Tooltip as X } from "./tooltip.js";
-import { B as J } from "./baseIconButton-251479f7.js";
-import { S as Q } from "./close-4d480ef7.js";
+import { Tooltip as U } from "./tooltip.js";
+import { B as X } from "./baseIconButton-251479f7.js";
+import { S as J } from "./close-4d480ef7.js";
 import "react-dom";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
+function Q(t, o) {
+  y(() => {
+    if (!o)
+      return;
+    const i = (l) => {
+      t && t.current && !t.current.contains(l.target) && o(l);
+    };
+    return document.addEventListener("pointerdown", i), () => {
+      document.removeEventListener("pointerdown", i);
+    };
+  }, [t, o]);
+}
 const V = () => {
-  const [o, n] = p({ width: 0, height: 0 });
-  return b(() => {
-    const l = () => {
-      n({
+  const [t, o] = p({ width: 0, height: 0 });
+  return y(() => {
+    const i = () => {
+      o({
         width: window.innerWidth,
         height: window.innerHeight
       });
     };
-    return window.addEventListener("resize", l), l(), () => window.removeEventListener("resize", l);
-  }, []), o;
+    return window.addEventListener("resize", i), i(), () => window.removeEventListener("resize", i);
+  }, []), t;
 }, Z = "_scrollable_zh8d2_12", ee = {
   "modal-content": "_modal-content_zh8d2_1",
   scrollable: Z
-}, te = y.bind(ee), C = ({ scrollable: o = !1, children: n }) => /* @__PURE__ */ e("div", { className: te("modal-content", { scrollable: o }), children: n }), oe = {
+}, te = g.bind(ee), C = ({ scrollable: t = !1, children: o }) => /* @__PURE__ */ e("div", { className: te("modal-content", { scrollable: t }), children: o }), oe = {
   "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"
-}, u = y.bind(oe), ne = ({
-  footerNode: o,
-  closeHandler: n,
-  okButton: l,
-  cancelButton: _,
-  size: a
+}, u = g.bind(oe), ne = ({
+  footerNode: t,
+  closeHandler: o,
+  okButton: i,
+  cancelButton: l,
+  size: s
 }) => {
-  const { tooltipNode: h, ...c } = l || {}, g = () => {
-    const r = /* @__PURE__ */ e(A, { adjustWidthOn: a === "small" ? "parent" : "min-width", ...c });
-    return h ? /* @__PURE__ */ e(X, { content: h, placement: "top", width: 270, children: r }) : r;
+  const { tooltipNode: h, ...r } = i || {}, x = () => {
+    const m = /* @__PURE__ */ e(A, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...r });
+    return h ? /* @__PURE__ */ e(U, { content: h, placement: "top", width: 270, children: m }) : m;
   };
-  return /* @__PURE__ */ d("div", { className: u("modal-footer", { "with-extra-node": o, [`size-${a}`]: a }), children: [
-    o && o,
+  return /* @__PURE__ */ d("div", { className: u("modal-footer", { "with-extra-node": t, [`size-${s}`]: s }), children: [
+    t && t,
     /* @__PURE__ */ d("div", { className: u("buttons-block"), children: [
-      _ && /* @__PURE__ */ e("div", { className: u("button-container"), children: /* @__PURE__ */ e(
+      l && /* @__PURE__ */ e("div", { className: u("button-container"), children: /* @__PURE__ */ e(
         A,
         {
           variant: "ghost",
-          adjustWidthOn: a === "small" ? "parent" : "min-width",
-          onClick: n,
-          ..._
+          adjustWidthOn: s === "small" ? "parent" : "min-width",
+          onClick: o,
+          ...l
         }
       ) }),
-      l && /* @__PURE__ */ e("div", { className: u("button-container"), children: g() })
+      i && /* @__PURE__ */ e("div", { className: u("button-container"), children: x() })
     ] })
   ] });
-}, le = {
+}, ie = {
   "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 = y.bind(le), ae = ({ title: o, onClose: n, withDescription: l = !1 }) => /* @__PURE__ */ d("div", { className: w("modal-header", { "width-description": l }), children: [
-  /* @__PURE__ */ e("div", { className: w("modal-header-content"), children: o && /* @__PURE__ */ e("div", { className: w("modal-title"), children: o }) }),
-  /* @__PURE__ */ e(J, { className: w("close-modal-icon"), onClick: n, children: /* @__PURE__ */ e(Q, {}) })
-] }), se = "_modal_yxql5_1", ie = "_description_yxql5_43", de = "_scrollable_yxql5_53", ce = {
+}, w = g.bind(ie), le = ({ title: t, onClose: o, withDescription: i = !1 }) => /* @__PURE__ */ d("div", { className: w("modal-header", { "width-description": i }), children: [
+  /* @__PURE__ */ e("div", { className: w("modal-header-content"), children: t && /* @__PURE__ */ e("div", { className: w("modal-title"), children: t }) }),
+  /* @__PURE__ */ e(X, { className: w("close-modal-icon"), onClick: o, children: /* @__PURE__ */ e(J, {}) })
+] }), se = "_modal_yxql5_1", ae = "_description_yxql5_43", ce = "_scrollable_yxql5_53", de = {
   modal: se,
   "overlay-default": "_overlay-default_yxql5_12",
   "overlay-light-cyan": "_overlay-light-cyan_yxql5_16",
   "scrolling-content": "_scrolling-content_yxql5_20",
   "modal-window": "_modal-window_yxql5_26",
-  description: ie,
-  scrollable: de,
+  description: ae,
+  scrollable: ce,
   "size-default": "_size-default_yxql5_57",
   "size-small": "_size-small_yxql5_69",
   "size-large": "_size-large_yxql5_81"
-}, f = y.bind(ce), re = 0.9, me = 32 + 24, _e = 32 + 8, he = 36 + 16, ue = 32 * 2, Ae = ({
-  title: o,
-  children: n,
-  footerNode: l,
-  okButton: _,
-  cancelButton: a,
+}, f = g.bind(de), re = 0.9, me = 32 + 24, _e = 32 + 8, he = 36 + 16, ue = 32 * 2, ze = ({
+  title: t,
+  children: o,
+  footerNode: i,
+  okButton: l,
+  cancelButton: s,
   className: h,
-  size: c = "default",
-  onClose: g = () => {
+  size: r = "default",
+  onClose: x = () => {
   },
-  overlay: r = "default",
+  overlay: m = "default",
   zIndex: T = 2,
   allowCloseOutside: D = !0,
-  scrollable: v = !1,
-  withoutFooter: H = !1,
-  createFooter: E = null,
-  description: s = null
+  scrollable: b = !1,
+  withoutFooter: E = !1,
+  createFooter: H = null,
+  description: a = null
 }) => {
-  const [S, M] = p(!1), [k, I] = p(0), [q, L] = p(!1), i = j(null), N = V(), O = N.height, $ = O * re, x = (O - k) / 2, R = () => {
-    let t = $ - ue;
-    return H || (t = t - he), s ? t = t - _e : t = t - me, t;
-  }, m = () => {
+  const [L, M] = p(!1), [S, k] = p(0), [I, q] = p(!1), c = j(null), N = V(), O = N.height, $ = O * re, v = (O - S) / 2, R = () => {
+    let n = $ - ue;
+    return E || (n = n - he), a ? n = n - _e : n = n - me, n;
+  }, _ = () => {
     M(!1);
-  }, z = (t) => {
-    const { keyCode: B } = t;
-    B === U.ESCAPE_KEY_CODE && m();
+  }, z = (n) => {
+    const { keyCode: B } = n;
+    B === Y.ESCAPE_KEY_CODE && _();
   }, W = () => {
-    var t;
-    q || ((t = i.current) == null || t.focus(), L(!0));
+    var n;
+    I || ((n = c.current) == null || n.focus(), q(!0));
   };
-  return b(() => {
-    if (i && i.current) {
-      const { clientHeight: t } = i.current;
-      I(t);
+  return y(() => {
+    if (c && c.current) {
+      const { clientHeight: n } = c.current;
+      k(n);
     }
-  }, [n, N]), b(() => (M(!0), document.addEventListener("keydown", z, !1), () => document.removeEventListener("keydown", z, !1)), []), Y(i, D ? m : void 0), /* @__PURE__ */ e(G, { onExitComplete: g, children: S && /* @__PURE__ */ e("div", { className: f("modal", { [`overlay-${r}`]: r }), style: { zIndex: T }, children: /* @__PURE__ */ d(
+  }, [o, N]), y(() => (M(!0), document.addEventListener("keydown", z, !1), () => document.removeEventListener("keydown", z, !1)), []), Q(c, D ? _ : void 0), /* @__PURE__ */ e(G, { onExitComplete: x, children: L && /* @__PURE__ */ e("div", { className: f("modal", { [`overlay-${m}`]: m }), style: { zIndex: T }, children: /* @__PURE__ */ d(
     K.div,
     {
-      className: f("modal-window", { [`size-${c}`]: c }, h),
-      ref: i,
+      className: f("modal-window", { [`size-${r}`]: r }, h),
+      ref: c,
       tabIndex: 0,
-      initial: { opacity: 0, marginTop: -x },
-      animate: { opacity: 1, marginTop: x },
-      exit: { opacity: 0, marginTop: -x },
+      initial: { opacity: 0, marginTop: -v },
+      animate: { opacity: 1, marginTop: v },
+      exit: { opacity: 0, marginTop: -v },
       transition: { duration: 0.3 },
       onAnimationStart: W,
       children: [
-        /* @__PURE__ */ e(ae, { title: o, onClose: m, withDescription: !!s }),
-        v ? /* @__PURE__ */ d(F, { autoHeight: !0, autoHeightMax: R(), hideTracksWhenNotNeeded: !0, children: [
-          s && /* @__PURE__ */ e("span", { className: f("description", { scrollable: v }), children: s }),
-          /* @__PURE__ */ e(C, { scrollable: !0, children: n })
+        /* @__PURE__ */ e(le, { title: t, onClose: _, withDescription: !!a }),
+        b ? /* @__PURE__ */ d(F, { autoHeight: !0, autoHeightMax: R(), hideTracksWhenNotNeeded: !0, children: [
+          a && /* @__PURE__ */ e("span", { className: f("description", { scrollable: b }), children: a }),
+          /* @__PURE__ */ e(C, { scrollable: !0, children: o })
         ] }) : /* @__PURE__ */ d(P, { children: [
-          s && /* @__PURE__ */ e("span", { className: f("description"), children: s }),
-          /* @__PURE__ */ e(C, { children: n })
+          a && /* @__PURE__ */ e("span", { className: f("description"), children: a }),
+          /* @__PURE__ */ e(C, { children: o })
         ] }),
-        !H && (E ? E(m) : /* @__PURE__ */ e(
+        !E && (H ? H(_) : /* @__PURE__ */ e(
           ne,
           {
-            size: c,
-            footerNode: l,
-            okButton: _,
-            cancelButton: a,
-            closeHandler: m
+            size: r,
+            footerNode: i,
+            okButton: l,
+            cancelButton: s,
+            closeHandler: _
           }
         ))
       ]
@@ -149,8 +160,8 @@ const V = () => {
   ) }) });
 };
 export {
-  Ae as Modal,
+  ze as Modal,
   C as ModalContent,
   ne as ModalFooter,
-  ae as ModalHeader
+  le as ModalHeader
 };

package/package.json

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