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

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-12bb6fb4.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-a99520ba.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,180 @@
-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 { 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 { 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 { jsx as t, jsxs as u, Fragment as F } from "react/jsx-runtime";
+import { useRef as C, useEffect as w, useState as y, useMemo as G } from "react";
+import { Scrollbars as K } from "rc-scrollbars";
+import { AnimatePresence as U, motion as Y } from "framer-motion";
+import { c as x } from "./bind-06a7ff84.js";
+import { a as X } from "./dropdown-a99520ba.js";
+import { K as J } from "./keyCodes-f63c0e11.js";
+import { B as D } from "./button-97d9e587.js";
+import { Tooltip as Q } from "./tooltip.js";
+import { B as V } from "./baseIconButton-251479f7.js";
+import { S as Z } from "./close-4d480ef7.js";
 import "react-dom";
+import "@floating-ui/react-dom";
+import "downshift";
+import "./clear-53660571.js";
+import "./dropdown-0260bb66.js";
+import "./fieldLabel.js";
+import "./checkbox-ed6cc375.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
-const V = () => {
-  const [o, n] = p({ width: 0, height: 0 });
-  return b(() => {
-    const l = () => {
-      n({
+function tt(e, o, n) {
+  const c = C(n);
+  w(() => {
+    c.current = n;
+  }, [n]), w(() => {
+    if (!o)
+      return;
+    const s = (a) => {
+      var r, d;
+      if (e && e.current && !e.current.contains(a.target)) {
+        const l = a.target;
+        ((d = (r = c.current) == null ? void 0 : r.ignoreSelectors) == null ? void 0 : d.some(
+          (v) => l == null ? void 0 : l.closest(v)
+        )) || o(a);
+      }
+    };
+    return document.addEventListener("pointerdown", s), () => {
+      document.removeEventListener("pointerdown", s);
+    };
+  }, [e, o]);
+}
+const et = () => {
+  const [e, o] = y({ width: 0, height: 0 });
+  return w(() => {
+    const n = () => {
+      o({
         width: window.innerWidth,
         height: window.innerHeight
       });
     };
-    return window.addEventListener("resize", l), l(), () => window.removeEventListener("resize", l);
-  }, []), o;
-}, Z = "_scrollable_zh8d2_12", ee = {
+    return window.addEventListener("resize", n), n(), () => window.removeEventListener("resize", n);
+  }, []), e;
+}, ot = "_scrollable_zh8d2_12", nt = {
   "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 = {
+  scrollable: ot
+}, it = x.bind(nt), S = ({ scrollable: e = !1, children: o }) => /* @__PURE__ */ t("div", { className: it("modal-content", { scrollable: e }), children: o }), st = {
   "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
+}, f = x.bind(st), lt = ({
+  footerNode: e,
+  closeHandler: o,
+  okButton: n,
+  cancelButton: c,
+  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: a, ...r } = n || {}, d = () => {
+    const l = /* @__PURE__ */ t(D, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...r });
+    return a ? /* @__PURE__ */ t(Q, { content: a, placement: "top", width: 270, children: l }) : l;
   };
-  return /* @__PURE__ */ d("div", { className: u("modal-footer", { "with-extra-node": o, [`size-${a}`]: a }), children: [
-    o && o,
-    /* @__PURE__ */ d("div", { className: u("buttons-block"), children: [
-      _ && /* @__PURE__ */ e("div", { className: u("button-container"), children: /* @__PURE__ */ e(
-        A,
+  return /* @__PURE__ */ u("div", { className: f("modal-footer", { "with-extra-node": e, [`size-${s}`]: s }), children: [
+    e && e,
+    /* @__PURE__ */ u("div", { className: f("buttons-block"), children: [
+      c && /* @__PURE__ */ t("div", { className: f("button-container"), children: /* @__PURE__ */ t(
+        D,
         {
           variant: "ghost",
-          adjustWidthOn: a === "small" ? "parent" : "min-width",
-          onClick: n,
-          ..._
+          adjustWidthOn: s === "small" ? "parent" : "min-width",
+          onClick: o,
+          ...c
         }
       ) }),
-      l && /* @__PURE__ */ e("div", { className: u("button-container"), children: g() })
+      n && /* @__PURE__ */ t("div", { className: f("button-container"), children: d() })
     ] })
   ] });
-}, le = {
+}, at = {
   "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 = {
-  modal: se,
+}, p = x.bind(at), rt = ({ title: e, onClose: o, withDescription: n = !1 }) => /* @__PURE__ */ u("div", { className: p("modal-header", { "width-description": n }), children: [
+  /* @__PURE__ */ t("div", { className: p("modal-header-content"), children: e && /* @__PURE__ */ t("div", { className: p("modal-title"), children: e }) }),
+  /* @__PURE__ */ t(V, { className: p("close-modal-icon"), onClick: o, children: /* @__PURE__ */ t(Z, {}) })
+] }), ct = "_modal_yxql5_1", dt = "_description_yxql5_43", mt = "_scrollable_yxql5_53", _t = {
+  modal: ct,
   "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: dt,
+  scrollable: mt,
   "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,
-  className: h,
-  size: c = "default",
-  onClose: g = () => {
+}, g = x.bind(_t), ut = 0.9, ht = 32 + 24, wt = 32 + 8, ft = 36 + 16, pt = 32 * 2, $t = ({
+  title: e,
+  children: o,
+  footerNode: n,
+  okButton: c,
+  cancelButton: s,
+  className: a,
+  size: r = "default",
+  onClose: d = () => {
   },
-  overlay: r = "default",
-  zIndex: T = 2,
-  allowCloseOutside: D = !0,
-  scrollable: v = !1,
-  withoutFooter: H = !1,
-  createFooter: E = null,
-  description: s = null
+  overlay: l = "default",
+  zIndex: E = 2,
+  allowCloseOutside: v = !0,
+  scrollable: H = !1,
+  withoutFooter: O = !1,
+  createFooter: M = null,
+  description: m = 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 = () => {
-    M(!1);
-  }, z = (t) => {
-    const { keyCode: B } = t;
-    B === U.ESCAPE_KEY_CODE && m();
-  }, W = () => {
-    var t;
-    q || ((t = i.current) == null || t.focus(), L(!0));
+  const [I, N] = y(!1), [L, R] = y(0), [k, $] = y(!1), _ = C(null), A = et(), T = A.height, q = T * ut, b = (T - L) / 2, W = () => {
+    let i = q - pt;
+    return O || (i = i - ft), m ? i = i - wt : i = i - ht, i;
+  }, h = () => {
+    N(!1);
+  }, z = (i) => {
+    const { keyCode: j } = i;
+    j === J.ESCAPE_KEY_CODE && h();
+  }, P = () => {
+    var i;
+    k || ((i = _.current) == null || i.focus(), $(!0));
   };
-  return b(() => {
-    if (i && i.current) {
-      const { clientHeight: t } = i.current;
-      I(t);
+  w(() => {
+    if (_ && _.current) {
+      const { clientHeight: i } = _.current;
+      R(i);
     }
-  }, [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(
-    K.div,
+  }, [o, A]), w(() => (N(!0), document.addEventListener("keydown", z, !1), () => document.removeEventListener("keydown", z, !1)), []);
+  const B = G(
+    () => ({
+      ignoreSelectors: [`[${X}]`]
+    }),
+    []
+  );
+  return tt(_, v ? h : void 0, B), /* @__PURE__ */ t(U, { onExitComplete: d, children: I && /* @__PURE__ */ t("div", { className: g("modal", { [`overlay-${l}`]: l }), style: { zIndex: E }, children: /* @__PURE__ */ u(
+    Y.div,
     {
-      className: f("modal-window", { [`size-${c}`]: c }, h),
-      ref: i,
+      className: g("modal-window", { [`size-${r}`]: r }, a),
+      ref: _,
       tabIndex: 0,
-      initial: { opacity: 0, marginTop: -x },
-      animate: { opacity: 1, marginTop: x },
-      exit: { opacity: 0, marginTop: -x },
+      initial: { opacity: 0, marginTop: -b },
+      animate: { opacity: 1, marginTop: b },
+      exit: { opacity: 0, marginTop: -b },
       transition: { duration: 0.3 },
-      onAnimationStart: W,
+      onAnimationStart: P,
       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__ */ d(P, { children: [
-          s && /* @__PURE__ */ e("span", { className: f("description"), children: s }),
-          /* @__PURE__ */ e(C, { children: n })
+        /* @__PURE__ */ t(rt, { title: e, onClose: h, withDescription: !!m }),
+        H ? /* @__PURE__ */ u(K, { autoHeight: !0, autoHeightMax: W(), hideTracksWhenNotNeeded: !0, children: [
+          m && /* @__PURE__ */ t("span", { className: g("description", { scrollable: H }), children: m }),
+          /* @__PURE__ */ t(S, { scrollable: !0, children: o })
+        ] }) : /* @__PURE__ */ u(F, { children: [
+          m && /* @__PURE__ */ t("span", { className: g("description"), children: m }),
+          /* @__PURE__ */ t(S, { children: o })
         ] }),
-        !H && (E ? E(m) : /* @__PURE__ */ e(
-          ne,
+        !O && (M ? M(h) : /* @__PURE__ */ t(
+          lt,
           {
-            size: c,
-            footerNode: l,
-            okButton: _,
-            cancelButton: a,
-            closeHandler: m
+            size: r,
+            footerNode: n,
+            okButton: c,
+            cancelButton: s,
+            closeHandler: h
           }
         ))
       ]
@@ -149,8 +183,8 @@ const V = () => {
   ) }) });
 };
 export {
-  Ae as Modal,
-  C as ModalContent,
-  ne as ModalFooter,
-  ae as ModalHeader
+  $t as Modal,
+  S as ModalContent,
+  lt as ModalFooter,
+  rt as ModalHeader
 };

package/package.json

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