@reportportal/ui-kit 0.0.1-alpha.253 → 0.0.1-alpha.254

package/dist/components/index.d.ts

@@ -20,7 +20,7 @@ export { FileDropArea } from './fileDropArea';
 export { FiltersButton } from './filtersButton';
 export { FilterItem } from './filterItem';
 export { IssueList } from './issueList';
-export { Modal } from './modal';
+export { Modal, NOTIFICATION_PORTAL_ATTR } from './modal';
 export { MultipleAutocomplete } from './autocompletes/multipleAutocomplete';
 export { Pagination } from './pagination';
 export { Popover } from './popover';

package/dist/components/modal/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const NOTIFICATION_PORTAL_ATTR = "data-notification-portal";
+export declare const MODAL_CLICK_OUTSIDE_IGNORE_SELECTORS: string[];

package/dist/components/modal/index.d.ts

@@ -2,4 +2,5 @@ export { Modal } from './modal';
 export { ModalContent } from './modalContent';
 export { ModalHeader } from './modalHeader';
 export { ModalFooter } from './modalFooter';
+export { NOTIFICATION_PORTAL_ATTR } from './constants';
 export type { ExtendedButtonProps } from './types';

package/dist/constants-7319a394.js

@@ -0,0 +1,11 @@
+import { A as T } from "./constants-85822a6b.js";
+import { a as O } from "./dropdown-d2a05471.js";
+const _ = "data-notification-portal", a = [
+  `[${O}]`,
+  `[${T}]`,
+  `[${_}]`
+];
+export {
+  a as M,
+  _ as N
+};

package/dist/index.js

@@ -1,11 +1,11 @@
 import { AdaptiveTagList as B } from "./adaptiveTagList.js";
-import { A as v, a as w } from "./actionMenu-f8a2f5bb.js";
-import { ACTION_MENU_DIVIDER as E } from "./actionMenu.js";
+import { A as L, a as v } from "./actionMenu-f8a2f5bb.js";
+import { ACTION_MENU_DIVIDER as R } from "./actionMenu.js";
 import { A as k } from "./index-8c921599.js";
 import { B as N } from "./baseIconButton-251479f7.js";
-import { B as H } from "./breadcrumbs-0a228139.js";
-import { B as G } from "./bubblesLoader-f3ffa240.js";
-import { BulkPanel as V } from "./bulkPanel.js";
+import { B as _ } from "./breadcrumbs-0a228139.js";
+import { B as z } from "./bubblesLoader-f3ffa240.js";
+import { BulkPanel as J } from "./bulkPanel.js";
 import { B as W } from "./button-7ab874f3.js";
 import { C as j } from "./checkbox-76aa8f97.js";
 import { Chip as K } from "./chip.js";
@@ -21,43 +21,44 @@ import { FiltersButton as Io } from "./filtersButton.js";
 import { FilterItem as xo } from "./filterItem.js";
 import { IssueList as uo } from "./issueList.js";
 import { Modal as Co } from "./modal.js";
-import { MultipleAutocomplete as Do, SingleAutocomplete as Po } from "./autocompletes.js";
-import { P as Fo } from "./pagination-4f6cbad8.js";
-import { Popover as bo } from "./popover.js";
-import { R as ho, a as Bo } from "./radioGroup-0c132c2e.js";
-import { SegmentedControl as vo } from "./segmentedControl.js";
-import { S as Lo } from "./selection-da1a3528.js";
-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-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";
-import { SidePanel as or } from "./sidePanel.js";
+import { N as Ao } from "./constants-7319a394.js";
+import { MultipleAutocomplete as go, SingleAutocomplete as Do } from "./autocompletes.js";
+import { P as bo } from "./pagination-4f6cbad8.js";
+import { Popover as ho } from "./popover.js";
+import { R as Mo, a as Lo } from "./radioGroup-0c132c2e.js";
+import { SegmentedControl as wo } from "./segmentedControl.js";
+import { S as Eo } from "./selection-da1a3528.js";
+import { S as Oo } from "./spinLoader-c4a53718.js";
+import { SystemAlert as Uo } from "./systemAlert.js";
+import { S as Ho } from "./systemMessage-924fdaa6.js";
+import { DragLayer as Go, SortableItem as Jo, SortableList as Vo, TreeSortableContainer as Wo, TreeSortableItem as Xo } from "./sortable.js";
+import { T as qo } from "./table-fc873b61.js";
+import { T as Qo } from "./themeProvider-46c2be7b.js";
+import { T as Zo } from "./toggle-304107fa.js";
+import { Tooltip as or } from "./tooltip.js";
+import { SidePanel as er } from "./sidePanel.js";
 import "react";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import { useTreeDropValidation as er } from "./common/hooks.js";
-import { u as nr } from "./useEllipsisTitle-462fa254.js";
-import { AddCsvIcon as cr, AddImageIcon as pr, AddJarIcon as ir, ArrowLeftIcon as mr, ArrowRightIcon as sr, BoltIcon as Ir, BreadcrumbsTreeIcon as lr, CalendarIcon as xr, CheckmarkIcon as fr, ChevronRightBreadcrumbsIcon as dr, CloseEyeIcon as ur, ConfigurationIcon as Sr, CopyIcon as Cr, CoverageFullIcon as gr, CoveragePartialIcon as Dr, CoveredManuallyIcon as Pr, CycleArrowsIcon as Ar, DeleteIcon as Fr, DiamondIcon as Tr, DragAndDropIcon as br, DragNDropIcon as yr, DurationIcon as hr, EditIcon as Br, ExportIcon as Mr, FlagIcon as vr, FolderIcon as wr, GroupByIcon as Lr, HashIcon as Er, HideIcon as Rr, LatestExecutionsIcon as kr, LaunchTypeIcon as Or, MailIcon as Nr, MaximizeIcon as Ur, MoveToFolderIcon as Hr, OkIcon as zr, OpenEyeIcon as Gr, PinFilledIcon as Jr, PinOutlineIcon as Vr, PriorityBlockerIcon as _r, PriorityCriticalIcon as Wr, PriorityHighIcon as Xr, PriorityLowIcon as jr, PriorityMediumIcon as qr, PriorityUnspecifiedIcon as Kr, RefreshIcon as Qr, RerunIcon as Yr, RocketIcon as Zr, RunManualIcon as $r, SearchIcon as oe, SortIcon as re, StatusSuccessIcon as ee, TestCaseIcon as te, TestPlanIcon as ne, UserIcon as ae } from "./icons.js";
-import { S as pe, a as ie, b as me } from "./resizeColumn-46b5b30f.js";
-import { S as Ie } from "./calendarArrow-44c7e60e.js";
-import { S as xe } from "./chevronDownDropdown-0260bb66.js";
-import { S as de } from "./clear-53660571.js";
-import { b as Se, S as Ce, a as ge } from "./capslockIcon-b100b9d6.js";
-import { S as Pe } from "./close-4d480ef7.js";
-import { S as Fe, g as Te, a as be, b as ye, c as he, d as Be, e as Me, f as ve } from "./download-4950d639.js";
-import { S as Le } from "./details-dbb1530b.js";
-import { S as Re } from "./dropdown-0260bb66.js";
-import { S as Oe, a as Ne, b as Ue } from "./success-8fd8bd2c.js";
-import { S as ze, a as Ge } from "./filterOutline-819b4b0d.js";
-import { S as Ve, a as _e } from "./tree-c3dd3d45.js";
-import { S as Xe } from "./minus-2857540f.js";
-import { S as qe } from "./plus-199fb2a8.js";
-import { S as Qe, a as Ye } from "./prevPage-87faf576.js";
-import { S as $e } from "./warning-537ead32.js";
+import { useTreeDropValidation as nr } from "./common/hooks.js";
+import { u as cr } from "./useEllipsisTitle-462fa254.js";
+import { AddCsvIcon as ir, AddImageIcon as mr, AddJarIcon as sr, ArrowLeftIcon as Ir, ArrowRightIcon as lr, BoltIcon as xr, BreadcrumbsTreeIcon as fr, CalendarIcon as dr, CheckmarkIcon as ur, ChevronRightBreadcrumbsIcon as Sr, CloseEyeIcon as Cr, ConfigurationIcon as Tr, CopyIcon as Ar, CoverageFullIcon as Pr, CoveragePartialIcon as gr, CoveredManuallyIcon as Dr, CycleArrowsIcon as Fr, DeleteIcon as br, DiamondIcon as yr, DragAndDropIcon as hr, DragNDropIcon as Br, DurationIcon as Mr, EditIcon as Lr, ExportIcon as vr, FlagIcon as wr, FolderIcon as Rr, GroupByIcon as Er, HashIcon as kr, HideIcon as Or, LatestExecutionsIcon as Nr, LaunchTypeIcon as Ur, MailIcon as _r, MaximizeIcon as Hr, MoveToFolderIcon as zr, OkIcon as Gr, OpenEyeIcon as Jr, PinFilledIcon as Vr, PinOutlineIcon as Wr, PriorityBlockerIcon as Xr, PriorityCriticalIcon as jr, PriorityHighIcon as qr, PriorityLowIcon as Kr, PriorityMediumIcon as Qr, PriorityUnspecifiedIcon as Yr, RefreshIcon as Zr, RerunIcon as $r, RocketIcon as oe, RunManualIcon as re, SearchIcon as ee, SortIcon as te, StatusSuccessIcon as ne, TestCaseIcon as ae, TestPlanIcon as ce, UserIcon as pe } from "./icons.js";
+import { S as me, a as se, b as Ie } from "./resizeColumn-46b5b30f.js";
+import { S as xe } from "./calendarArrow-44c7e60e.js";
+import { S as de } from "./chevronDownDropdown-0260bb66.js";
+import { S as Se } from "./clear-53660571.js";
+import { b as Te, S as Ae, a as Pe } from "./capslockIcon-b100b9d6.js";
+import { S as De } from "./close-4d480ef7.js";
+import { S as be, g as ye, a as he, b as Be, c as Me, d as Le, e as ve, f as we } from "./download-4950d639.js";
+import { S as Ee } from "./details-dbb1530b.js";
+import { S as Oe } from "./dropdown-0260bb66.js";
+import { S as Ue, a as _e, b as He } from "./success-8fd8bd2c.js";
+import { S as Ge, a as Je } from "./filterOutline-819b4b0d.js";
+import { S as We, a as Xe } from "./tree-c3dd3d45.js";
+import { S as qe } from "./minus-2857540f.js";
+import { S as Qe } from "./plus-199fb2a8.js";
+import { S as Ze, a as $e } from "./prevPage-87faf576.js";
+import { S as rt } from "./warning-537ead32.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "./isEmpty-ccacb5ff.js";
@@ -81,136 +82,137 @@ import "./useTreeSortable-bc631689.js";
 import "./common.js";
 import "react-resizable";
 export {
-  E as ACTION_MENU_DIVIDER,
-  v as ActionMenu,
-  w as ActionMenuItem,
+  R as ACTION_MENU_DIVIDER,
+  L as ActionMenu,
+  v as ActionMenuItem,
   B as AdaptiveTagList,
-  cr as AddCsvIcon,
-  pr as AddImageIcon,
-  ir as AddJarIcon,
-  pe as ArrowDownIcon,
-  mr as ArrowLeftIcon,
-  sr as ArrowRightIcon,
-  ie as ArrowUpIcon,
+  ir as AddCsvIcon,
+  mr as AddImageIcon,
+  sr as AddJarIcon,
+  me as ArrowDownIcon,
+  Ir as ArrowLeftIcon,
+  lr as ArrowRightIcon,
+  se as ArrowUpIcon,
   k as AttachedFile,
   N as BaseIconButton,
-  Ir as BoltIcon,
-  H as Breadcrumbs,
-  lr as BreadcrumbsTreeIcon,
-  G as BubblesLoader,
-  V as BulkPanel,
+  xr as BoltIcon,
+  _ as Breadcrumbs,
+  fr as BreadcrumbsTreeIcon,
+  z as BubblesLoader,
+  J as BulkPanel,
   W as Button,
-  Ie as CalendarArrowIcon,
-  xr as CalendarIcon,
-  Se as CapsLockIcon,
+  xe as CalendarArrowIcon,
+  dr as CalendarIcon,
+  Te as CapsLockIcon,
   j as Checkbox,
-  fr as CheckmarkIcon,
-  xe as ChevronDownDropdownIcon,
-  dr as ChevronRightBreadcrumbsIcon,
+  ur as CheckmarkIcon,
+  de as ChevronDownDropdownIcon,
+  Sr as ChevronRightBreadcrumbsIcon,
   K as Chip,
-  de as ClearIcon,
-  ur as CloseEyeIcon,
-  Pe as CloseIcon,
-  Ce as ClosedEyeIcon,
-  Sr as ConfigurationIcon,
-  Cr as CopyIcon,
-  gr as CoverageFullIcon,
-  Dr as CoveragePartialIcon,
-  Pr as CoveredManuallyIcon,
-  Fe as CsvIcon,
-  Ar as CycleArrowsIcon,
+  Se as ClearIcon,
+  Cr as CloseEyeIcon,
+  De as CloseIcon,
+  Ae as ClosedEyeIcon,
+  Tr as ConfigurationIcon,
+  Ar as CopyIcon,
+  Pr as CoverageFullIcon,
+  gr as CoveragePartialIcon,
+  Dr as CoveredManuallyIcon,
+  be as CsvIcon,
+  Fr as CycleArrowsIcon,
   Y as DatePicker,
-  Fr as DeleteIcon,
-  Le as DetailsIcon,
-  Tr as DiamondIcon,
-  Te as DownloadIcon,
-  br as DragAndDropIcon,
-  zo as DragLayer,
-  yr as DragNDropIcon,
+  br as DeleteIcon,
+  Ee as DetailsIcon,
+  yr as DiamondIcon,
+  ye as DownloadIcon,
+  hr as DragAndDropIcon,
+  Go as DragLayer,
+  Br as DragNDropIcon,
   $ as Dropdown,
-  Re as DropdownIcon,
-  hr as DurationIcon,
-  Br as EditIcon,
-  Oe as ErrorIcon,
-  Mr as ExportIcon,
-  be as ExternalLinkIcon,
+  Oe as DropdownIcon,
+  Mr as DurationIcon,
+  Lr as EditIcon,
+  Ue as ErrorIcon,
+  vr as ExportIcon,
+  he as ExternalLinkIcon,
   ro as FieldLabel,
   to as FieldNumber,
   ao as FieldText,
   po as FieldTextFlex,
   mo as FileDropArea,
-  ye as FileOtherIcon,
-  ze as FilterFilledIcon,
+  Be as FileOtherIcon,
+  Ge as FilterFilledIcon,
   xo as FilterItem,
-  Ge as FilterOutlineIcon,
+  Je as FilterOutlineIcon,
   Io as FiltersButton,
-  vr as FlagIcon,
-  wr as FolderIcon,
-  Lr as GroupByIcon,
-  Er as HashIcon,
-  Rr as HideIcon,
-  he as ImageIcon,
-  Ne as InfoIcon,
+  wr as FlagIcon,
+  Rr as FolderIcon,
+  Er as GroupByIcon,
+  kr as HashIcon,
+  Or as HideIcon,
+  Me as ImageIcon,
+  _e as InfoIcon,
   uo as IssueList,
-  Be as JarIcon,
-  kr as LatestExecutionsIcon,
-  Or as LaunchTypeIcon,
-  Nr as MailIcon,
-  Ur as MaximizeIcon,
-  Ve as MeatballMenuIcon,
-  Xe as MinusIcon,
+  Le as JarIcon,
+  Nr as LatestExecutionsIcon,
+  Ur as LaunchTypeIcon,
+  _r as MailIcon,
+  Hr as MaximizeIcon,
+  We as MeatballMenuIcon,
+  qe as MinusIcon,
   Co as Modal,
-  Hr as MoveToFolderIcon,
-  Do as MultipleAutocomplete,
-  zr as OkIcon,
-  Gr as OpenEyeIcon,
-  ge as OpenedEyeIcon,
-  Fo as Pagination,
-  Me as PdfIcon,
-  Jr as PinFilledIcon,
-  Vr as PinOutlineIcon,
-  qe as PlusIcon,
-  bo as Popover,
-  Qe as PrevChapterIcon,
-  Ye as PrevPageIcon,
-  _r as PriorityBlockerIcon,
-  Wr as PriorityCriticalIcon,
-  Xr as PriorityHighIcon,
-  jr as PriorityLowIcon,
-  qr as PriorityMediumIcon,
-  Kr as PriorityUnspecifiedIcon,
-  ho as Radio,
-  Bo as RadioGroup,
-  Qr as RefreshIcon,
-  Yr as RerunIcon,
-  me as ResizeColumnIcon,
-  Zr as RocketIcon,
-  $r as RunManualIcon,
-  oe as SearchIcon,
-  vo as SegmentedControl,
-  Lo as Selection,
-  or as SidePanel,
-  Po as SingleAutocomplete,
-  re as SortIcon,
-  Go as SortableItem,
-  Jo as SortableList,
-  Ro as SpinLoader,
-  ee as StatusSuccessIcon,
-  Ue as SuccessIcon,
-  Oo as SystemAlert,
-  Uo as SystemMessage,
-  Xo as Table,
-  te as TestCaseIcon,
-  ne as TestPlanIcon,
-  qo as ThemeProvider,
-  Qo as Toggle,
-  Zo as Tooltip,
-  _e as TreeIcon,
-  Vo as TreeSortableContainer,
-  _o as TreeSortableItem,
-  ae as UserIcon,
-  $e as WarningIcon,
-  ve as XlsIcon,
-  nr as useEllipsisTitle,
-  er as useTreeDropValidation
+  zr as MoveToFolderIcon,
+  go as MultipleAutocomplete,
+  Ao as NOTIFICATION_PORTAL_ATTR,
+  Gr as OkIcon,
+  Jr as OpenEyeIcon,
+  Pe as OpenedEyeIcon,
+  bo as Pagination,
+  ve as PdfIcon,
+  Vr as PinFilledIcon,
+  Wr as PinOutlineIcon,
+  Qe as PlusIcon,
+  ho as Popover,
+  Ze as PrevChapterIcon,
+  $e as PrevPageIcon,
+  Xr as PriorityBlockerIcon,
+  jr as PriorityCriticalIcon,
+  qr as PriorityHighIcon,
+  Kr as PriorityLowIcon,
+  Qr as PriorityMediumIcon,
+  Yr as PriorityUnspecifiedIcon,
+  Mo as Radio,
+  Lo as RadioGroup,
+  Zr as RefreshIcon,
+  $r as RerunIcon,
+  Ie as ResizeColumnIcon,
+  oe as RocketIcon,
+  re as RunManualIcon,
+  ee as SearchIcon,
+  wo as SegmentedControl,
+  Eo as Selection,
+  er as SidePanel,
+  Do as SingleAutocomplete,
+  te as SortIcon,
+  Jo as SortableItem,
+  Vo as SortableList,
+  Oo as SpinLoader,
+  ne as StatusSuccessIcon,
+  He as SuccessIcon,
+  Uo as SystemAlert,
+  Ho as SystemMessage,
+  qo as Table,
+  ae as TestCaseIcon,
+  ce as TestPlanIcon,
+  Qo as ThemeProvider,
+  Zo as Toggle,
+  or as Tooltip,
+  Xe as TreeIcon,
+  Wo as TreeSortableContainer,
+  Xo as TreeSortableItem,
+  pe as UserIcon,
+  rt as WarningIcon,
+  we as XlsIcon,
+  cr as useEllipsisTitle,
+  nr as useTreeDropValidation
 };

package/dist/modal.js

@@ -1,5 +1,5 @@
-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 { jsx as e, jsxs as d, Fragment as W } from "react/jsx-runtime";
+import { useState as T, useRef as j, useCallback as C, useEffect as M, 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";
@@ -7,14 +7,18 @@ 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 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 { K as J } from "./keyCodes-f63c0e11.js";
+import { B as x } from "./button-7ab874f3.js";
+import { Tooltip as Q } from "./tooltip.js";
+import { B as ee } from "./baseIconButton-251479f7.js";
+import { S as te } from "./close-4d480ef7.js";
+import { M as oe } from "./constants-7319a394.js";
+import { N as qe } from "./constants-7319a394.js";
 import "react-dom";
+import "@floating-ui/react";
+import "./floatingUi-46f5b896.js";
+import "./constants-85822a6b.js";
+import "./dropdown-d2a05471.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "./clear-53660571.js";
@@ -24,149 +28,147 @@ import "./adaptiveTagList.js";
 import "./isEmpty-ccacb5ff.js";
 import "./useEllipsisTitle-462fa254.js";
 import "./checkbox-76aa8f97.js";
-import "@floating-ui/react";
-import "./floatingUi-46f5b896.js";
-const ae = {
+const ne = {
   "modal-content": "_modal-content_ppzcb_1"
-}, ie = b.bind(ae), C = ({ children: o }) => /* @__PURE__ */ e("div", { className: ie("modal-content"), children: o }), se = {
+}, ae = b.bind(ne), I = ({ children: o }) => /* @__PURE__ */ e("div", { className: ae("modal-content"), children: o }), ie = {
   "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"
-}, f = b.bind(se), le = ({
+}, f = b.bind(ie), se = ({
   footerNode: o,
   closeHandler: n,
   okButton: i,
-  cancelButton: u,
+  cancelButton: p,
   size: s
 }) => {
-  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: _ }) : _;
+  const { tooltipNode: u, ...m } = i || {}, O = () => {
+    const _ = /* @__PURE__ */ e(x, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...m });
+    return u ? /* @__PURE__ */ e(Q, { content: u, placement: "top", width: 270, children: _ }) : _;
   };
   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,
+      p && /* @__PURE__ */ e("div", { className: f("button-container"), children: /* @__PURE__ */ e(
+        x,
         {
           variant: "ghost",
           adjustWidthOn: s === "small" ? "parent" : "min-width",
           onClick: n,
-          ...u
+          ...p
         }
       ) }),
-      i && /* @__PURE__ */ e("div", { className: f("button-container"), children: v() })
+      i && /* @__PURE__ */ e("div", { className: f("button-container"), children: O() })
     ] })
   ] });
-}, re = {
+}, le = {
   "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(re), ce = ({ title: o, onClose: n, withDescription: i = !1 }) => /* @__PURE__ */ d("div", { className: w("modal-header", { "width-description": i }), children: [
+}, w = b.bind(le), re = ({ 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,
+  /* @__PURE__ */ e(ee, { className: w("close-modal-icon"), onClick: n, children: /* @__PURE__ */ e(te, {}) })
+] }), ce = "_modal_35896_1", de = "_description_35896_43", me = {
+  modal: ce,
   "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,
+  description: de,
   "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 = ({
+}, c = b.bind(me), _e = 0.9, pe = 32 + 24, ue = 32 + 8, he = 36 + 16, fe = 32 * 2, we = "auto", R = ({ style: o, ...n }) => /* @__PURE__ */ e("div", { ...n, style: { ...o, zIndex: we } }), Ye = ({
   title: o,
   children: n,
   footerNode: i,
-  okButton: u,
+  okButton: p,
   cancelButton: s,
-  className: p,
+  className: u,
   size: m = "default",
-  onClose: v = () => {
+  onClose: O = () => {
   },
   overlay: _ = "default",
-  zIndex: D = 2,
-  allowCloseOutside: S = !0,
-  scrollable: z = !1,
-  withoutFooter: N = !1,
-  createFooter: A = null,
+  zIndex: S = 2,
+  allowCloseOutside: k = !0,
+  scrollable: D = !1,
+  withoutFooter: y = !1,
+  createFooter: E = null,
   description: l = null
 }) => {
-  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(
+  const [v, H] = T(!1), [L, z] = T(0), [$, B] = T(!1), a = j(null), A = q().height, K = A * _e, g = (A - L) / 2, P = () => {
+    let t = K - fe;
+    return y || (t = t - he), l ? t = t - ue : t = t - pe, t;
+  }, r = C(() => {
+    H(!1);
+  }, []), N = C(
     (t) => {
       const { keyCode: h } = t;
-      h === ee.ESCAPE_KEY_CODE && r();
+      h === J.ESCAPE_KEY_CODE && r();
     },
     [r]
-  ), K = () => {
+  ), F = () => {
     var t;
-    $ || ((t = a.current) == null || t.focus(), P(!0));
+    $ || ((t = a.current) == null || t.focus(), B(!0));
   };
-  x(() => {
-    if (!O || !a.current)
+  M(() => {
+    if (!v || !a.current)
       return;
     const t = () => {
-      a.current && L(a.current.clientHeight);
+      a.current && z(a.current.clientHeight);
     };
     if (t(), typeof ResizeObserver > "u")
       return;
     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(
+  }, [v]), M(() => (H(!0), document.addEventListener("keydown", N, !1), () => document.removeEventListener("keydown", N, !1)), [N]);
+  const G = U(
     () => ({
-      ignoreSelectors: [`[${Q}]`, `[${J}]`]
+      ignoreSelectors: oe
     }),
     []
   );
-  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(
+  return Z(a, k ? r : void 0, G), /* @__PURE__ */ e(Y, { onExitComplete: O, children: v && /* @__PURE__ */ e("div", { className: c("modal", { [`overlay-${_}`]: _ }), style: { zIndex: S }, children: /* @__PURE__ */ d(
     V.div,
     {
-      className: c("modal-window", { [`size-${m}`]: m }, p),
+      className: c("modal-window", { [`size-${m}`]: m }, u),
       ref: a,
       tabIndex: 0,
       initial: { opacity: 0, marginTop: -g },
       animate: { opacity: 1, marginTop: g },
       exit: { opacity: 0, marginTop: -g },
       transition: { duration: 0.3 },
-      onAnimationStart: K,
+      onAnimationStart: F,
       children: [
-        /* @__PURE__ */ e(ce, { title: o, onClose: r, withDescription: !!l }),
-        z ? /* @__PURE__ */ e("div", { className: c("scrollable-wrapper"), children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(re, { title: o, onClose: r, withDescription: !!l }),
+        D ? /* @__PURE__ */ e("div", { className: c("scrollable-wrapper"), children: /* @__PURE__ */ e(
           X,
           {
             autoHeight: !0,
-            autoHeightMax: W(),
+            autoHeightMax: P(),
             hideTracksWhenNotNeeded: !0,
-            renderTrackHorizontal: k,
-            renderTrackVertical: k,
+            renderTrackHorizontal: R,
+            renderTrackVertical: R,
             children: /* @__PURE__ */ d("div", { className: c("scrollable-content"), children: [
               l && /* @__PURE__ */ e("span", { className: c("description"), children: l }),
-              /* @__PURE__ */ e(C, { children: n })
+              /* @__PURE__ */ e(I, { children: n })
             ] })
           }
-        ) }) : /* @__PURE__ */ d(F, { children: [
+        ) }) : /* @__PURE__ */ d(W, { children: [
           l && /* @__PURE__ */ e("span", { className: c("description"), children: l }),
-          /* @__PURE__ */ e(C, { children: n })
+          /* @__PURE__ */ e(I, { children: n })
         ] }),
-        !N && (A ? A(r) : /* @__PURE__ */ e(
-          le,
+        !y && (E ? E(r) : /* @__PURE__ */ e(
+          se,
           {
             size: m,
             footerNode: i,
-            okButton: u,
+            okButton: p,
             cancelButton: s,
             closeHandler: r
           }
@@ -178,7 +180,8 @@ const ae = {
 };
 export {
   Ye as Modal,
-  C as ModalContent,
-  le as ModalFooter,
-  ce as ModalHeader
+  I as ModalContent,
+  se as ModalFooter,
+  re as ModalHeader,
+  qe as NOTIFICATION_PORTAL_ATTR
 };

package/dist/sidePanel.js

@@ -1,13 +1,14 @@
-import { jsxs as a, jsx as i, Fragment as D } from "react/jsx-runtime";
-import { useId as I, useRef as K, useMemo as P, useEffect as $ } from "react";
-import { c as A } from "./bind-06a7ff84.js";
-import { K as B } from "./keyCodes-f63c0e11.js";
-import { u as L } from "./useOnClickOutside-8f7d68a1.js";
+import { jsxs as a, jsx as i, Fragment as x } from "react/jsx-runtime";
+import { useId as A, useRef as O, useMemo as P, useEffect as S } from "react";
+import { c as $ } from "./bind-06a7ff84.js";
+import { K as D } from "./keyCodes-f63c0e11.js";
+import { u as K } from "./useOnClickOutside-8f7d68a1.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import { a as O } from "./dropdown-d2a05471.js";
-import { S as T } from "./close-4d480ef7.js";
-import { B as j } from "./baseIconButton-251479f7.js";
+import { a as L } from "./dropdown-d2a05471.js";
+import { N as B } from "./constants-7319a394.js";
+import { S as j } from "./close-4d480ef7.js";
+import { B as w } from "./baseIconButton-251479f7.js";
 import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";
@@ -23,9 +24,10 @@ import "./checkbox-76aa8f97.js";
 import "./tooltip.js";
 import "@floating-ui/react";
 import "./floatingUi-46f5b896.js";
-const w = "_active_5ebdz_11", M = "_compact_5ebdz_62", F = "_header_5ebdz_58", H = "_title_5ebdz_88", U = "_description_5ebdz_99", W = "_content_5ebdz_108", Y = "_footer_5ebdz_115", q = "_divider_5ebdz_121", G = {
+import "./constants-85822a6b.js";
+const F = "_active_5ebdz_11", M = "_compact_5ebdz_62", H = "_header_5ebdz_58", U = "_title_5ebdz_88", W = "_description_5ebdz_99", Y = "_content_5ebdz_108", q = "_footer_5ebdz_115", G = "_divider_5ebdz_121", J = {
   "side-panel-overlay": "_side-panel-overlay_5ebdz_1",
-  active: w,
+  active: F,
   "overlay-default": "_overlay-default_5ebdz_16",
   "overlay-light-cyan": "_overlay-light-cyan_5ebdz_20",
   "side-panel": "_side-panel_5ebdz_1",
@@ -33,21 +35,21 @@ const w = "_active_5ebdz_11", M = "_compact_5ebdz_62", F = "_header_5ebdz_58", H
   "side-left": "_side-left_5ebdz_50",
   "header-section": "_header-section_5ebdz_58",
   compact: M,
-  header: F,
+  header: H,
   "header-content": "_header-content_5ebdz_78",
   "close-button": "_close-button_5ebdz_82",
-  title: H,
-  description: U,
-  content: W,
-  footer: Y,
-  divider: q
-}, e = A.bind(G), ze = ({
+  title: U,
+  description: W,
+  content: Y,
+  footer: q,
+  divider: G
+}, e = $.bind(J), ge = ({
   className: b,
   title: d,
-  descriptionComponent: o,
-  headerComponent: c,
+  descriptionComponent: s,
+  headerComponent: o,
   contentClassName: u,
-  contentComponent: s,
+  contentComponent: c,
   footerComponent: l,
   top: n = 0,
   side: z = "right",
@@ -59,30 +61,30 @@ const w = "_active_5ebdz_11", M = "_compact_5ebdz_62", F = "_header_5ebdz_58", H
   allowCloseOutside: N = !0,
   overlayClassName: g
 }) => {
-  const p = I(), v = K(null), E = () => {
+  const p = A(), v = O(null), E = () => {
     t == null || t();
-  }, k = P(
+  }, T = P(
     () => ({
-      ignoreSelectors: [`[${O}]`]
+      ignoreSelectors: [`[${L}]`, `[${B}]`]
     }),
     []
   );
-  L(
+  K(
     v,
     N && _ && r ? t : void 0,
-    k
-  ), $(() => {
+    T
+  ), S(() => {
     if (!r || !t)
       return;
     const h = (R) => {
-      const { keyCode: S } = R;
-      S === B.ESCAPE_KEY_CODE && t();
+      const { keyCode: k } = R;
+      k === D.ESCAPE_KEY_CODE && t();
     };
     return document.addEventListener("keydown", h, !1), () => {
       document.removeEventListener("keydown", h, !1);
     };
   }, [r, t]);
-  const x = !!(c || o), f = /* @__PURE__ */ a(
+  const I = !!(o || s), f = /* @__PURE__ */ a(
     "aside",
     {
       ref: v,
@@ -94,24 +96,24 @@ const w = "_active_5ebdz_11", M = "_compact_5ebdz_62", F = "_header_5ebdz_58", H
       style: { top: n, height: `calc(100vh - ${n}px)` },
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ a("div", { className: e("header-section", { compact: !x }), children: [
-          (c || d) && /* @__PURE__ */ a("div", { className: e("header"), children: [
-            d ? /* @__PURE__ */ i("span", { id: p, className: e("title"), children: d }) : c,
+        /* @__PURE__ */ a("div", { className: e("header-section", { compact: !I }), children: [
+          (o || d) && /* @__PURE__ */ a("div", { className: e("header"), children: [
+            d ? /* @__PURE__ */ i("span", { id: p, className: e("title"), children: d }) : o,
             t && /* @__PURE__ */ i(
-              j,
+              w,
               {
                 className: e("close-button"),
                 onClick: E,
                 "aria-label": y,
-                children: /* @__PURE__ */ i(T, {})
+                children: /* @__PURE__ */ i(j, {})
               }
             )
           ] }),
-          o
+          s
         ] }),
         /* @__PURE__ */ i("div", { className: e("divider") }),
-        s && /* @__PURE__ */ i("div", { className: e("content", u), children: s }),
-        l && /* @__PURE__ */ a(D, { children: [
+        c && /* @__PURE__ */ i("div", { className: e("content", u), children: c }),
+        l && /* @__PURE__ */ a(x, { children: [
           /* @__PURE__ */ i("div", { className: e("divider") }),
           /* @__PURE__ */ i("div", { className: e("footer"), children: l })
         ] })
@@ -132,5 +134,5 @@ const w = "_active_5ebdz_11", M = "_compact_5ebdz_62", F = "_header_5ebdz_58", H
   ) : f;
 };
 export {
-  ze as SidePanel
+  ge as SidePanel
 };

package/package.json

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