@reportportal/ui-kit 0.0.1-alpha.115 → 0.0.1-alpha.116

package/dist/breadcrumbs.js

@@ -4,6 +4,7 @@ import "./bind-06a7ff84.js";
 import "react";
 import "./popover.js";
 import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.js";
 import "./tree-c3dd3d45.js";
 export {
   m as Breadcrumbs,

package/dist/common/constants/floatingUi.d.ts

@@ -0,0 +1,8 @@
+import { Placement } from '@floating-ui/react';
+
+export declare const TRIANGLE_WIDTH = 16;
+export declare const TRIANGLE_HEIGHT = 8;
+export declare const ARROW_OFFSET = 16;
+export declare const middlePlacements: Placement[];
+export declare const verticalPlacements: Placement[];
+export declare const allPlacements: Placement[];

package/dist/common/utils/floatingUi.d.ts

@@ -0,0 +1,3 @@
+import { Placement, ElementRects } from '@floating-ui/react';
+
+export declare const getAlignmentAxisOffset: (rects: ElementRects, currentPlacement: Placement, arrowOffset?: number, isCentered?: boolean) => number;

package/dist/common/utils/index.d.ts

@@ -1,2 +1,3 @@
 export { getFileExtension } from './getFileExtension';
 export { isString } from './isString';
+export { getAlignmentAxisOffset } from './floatingUi';

package/dist/floatingUi-41f8c7b5.js

@@ -0,0 +1,29 @@
+const o = 16, a = 8, l = 16, i = ["top", "right", "bottom", "left"], r = [
+  "right",
+  "right-start",
+  "right-end",
+  "left",
+  "left-start",
+  "left-end"
+], c = [
+  "top",
+  "top-start",
+  "top-end",
+  "right",
+  "right-start",
+  "right-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "left",
+  "left-start",
+  "left-end"
+], g = (t, n, e = 16, s = !0) => s ? ((r.includes(n) ? t.reference.height : t.reference.width) - 16) / 2 - e : -e;
+export {
+  l as A,
+  a as T,
+  o as a,
+  c as b,
+  g,
+  i as m
+};

package/dist/index.js

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

package/dist/modal.js

@@ -11,6 +11,7 @@ import { B as J } from "./baseIconButton-251479f7.js";
 import { S as Q } from "./close-4d480ef7.js";
 import "react-dom";
 import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.js";
 const V = () => {
   const [o, n] = p({ width: 0, height: 0 });
   return b(() => {
@@ -77,7 +78,7 @@ const V = () => {
   "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, ze = ({
+}, 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,
@@ -148,7 +149,7 @@ const V = () => {
   ) }) });
 };
 export {
-  ze as Modal,
+  Ae as Modal,
   C as ModalContent,
   ne as ModalFooter,
   ae as ModalHeader

package/dist/pagination.js

@@ -4,6 +4,7 @@ import "./bind-06a7ff84.js";
 import "react";
 import "./popover.js";
 import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.js";
 import "./button-97d9e587.js";
 import "./fieldText-ba8a917c.js";
 import "./openEye-7b9cf080.js";

package/dist/popover.js

@@ -1,99 +1,80 @@
-import { jsxs as f, Fragment as S, jsx as n } from "react/jsx-runtime";
-import { useRef as j, useState as C, useCallback as L } from "react";
-import { useFloating as M, offset as U, flip as W, arrow as q, autoUpdate as z, useClick as B, useDismiss as J, useRole as K, useInteractions as Q, FloatingFocusManager as V, FloatingArrow as X } from "@floating-ui/react";
-import { c as Y } from "./bind-06a7ff84.js";
-const Z = "_popover_n3nff_1", $ = "_title_n3nff_28", O = {
+import { jsxs as f, Fragment as G, jsx as s } from "react/jsx-runtime";
+import { useRef as H, useState as O, useCallback as j } from "react";
+import { useFloating as C, offset as L, flip as M, arrow as W, autoUpdate as U, useClick as q, useDismiss as z, useRole as B, useInteractions as J, FloatingFocusManager as K, FloatingArrow as Q } from "@floating-ui/react";
+import { c as V } from "./bind-06a7ff84.js";
+import { g as X, T as g, a as Y, m as Z, b as $, A as ee } from "./floatingUi-41f8c7b5.js";
+const te = "_popover_n3nff_1", se = "_title_n3nff_28", oe = {
   "popover-wrapper": "_popover-wrapper_n3nff_1",
-  popover: Z,
-  title: $
-}, r = Y.bind(O), d = 16, g = 8, tt = ["top", "right", "bottom", "left"], et = [
-  "right",
-  "right-start",
-  "right-end",
-  "left",
-  "left-start",
-  "left-end"
-], ot = [
-  "top",
-  "top-start",
-  "top-end",
-  "right",
-  "right-start",
-  "right-end",
-  "bottom",
-  "bottom-start",
-  "bottom-end",
-  "left",
-  "left-start",
-  "left-end"
-], it = ({
-  className: h,
-  content: u,
-  children: v,
-  placement: _ = "bottom",
-  fallbackPlacements: b = ot,
+  popover: te,
+  title: se
+}, l = V.bind(oe), ce = ({
+  className: u,
+  content: d,
+  children: _,
+  placement: v = "bottom",
+  fallbackPlacements: A = $,
   title: i,
-  arrowOffset: o = 16,
-  safeZone: w = 4,
+  arrowOffset: o = ee,
+  safeZone: h = 4,
   arrowColor: x = "white",
-  dataAutomationId: A,
-  isOpened: F,
-  setIsOpened: s,
-  isCentered: a = !0
+  dataAutomationId: F,
+  isOpened: R,
+  setIsOpened: n,
+  isCentered: r = !0
 }) => {
-  const c = j(null), [R, N] = C(!1), p = s ? F : R, P = (t) => {
-    s ? s(t) : N(t);
-  }, k = L(
-    (t, l) => a ? ((et.includes(l) ? t.reference.height : t.reference.width) - d) / 2 - o : -o,
-    [o, a]
-  ), { placement: E, refs: m, floatingStyles: I, context: e } = M({
+  const c = H(null), [w, N] = O(!1), p = n ? R : w, T = (e) => {
+    n ? n(e) : N(e);
+  }, b = j(
+    (e, a) => X(e, a, o, r),
+    [o, r]
+  ), { placement: E, refs: m, floatingStyles: P, context: t } = C({
     open: p,
-    onOpenChange: P,
-    placement: _,
+    onOpenChange: T,
+    placement: v,
     middleware: [
-      U(({ rects: t, placement: l }) => ({
-        mainAxis: w + g,
-        alignmentAxis: k(t, l)
+      L(({ rects: e, placement: a }) => ({
+        mainAxis: h + g,
+        alignmentAxis: b(e, a)
       })),
-      W({
+      M({
         fallbackAxisSideDirection: "start",
-        fallbackPlacements: b
+        fallbackPlacements: A
       }),
-      q({
+      W({
         element: c
       })
     ],
-    whileElementsMounted: z
-  }), T = B(e), y = J(e), D = K(e), { getReferenceProps: G, getFloatingProps: H } = Q([T, y, D]);
-  return /* @__PURE__ */ f(S, { children: [
-    /* @__PURE__ */ n("div", { ref: m.setReference, ...G(), className: r("popover-wrapper"), children: v }),
-    p && /* @__PURE__ */ n(V, { context: e, modal: !1, children: /* @__PURE__ */ f(
+    whileElementsMounted: U
+  }), k = q(t), I = z(t), S = B(t), { getReferenceProps: y, getFloatingProps: D } = J([k, I, S]);
+  return /* @__PURE__ */ f(G, { children: [
+    /* @__PURE__ */ s("div", { ref: m.setReference, ...y(), className: l("popover-wrapper"), children: _ }),
+    p && /* @__PURE__ */ s(K, { context: t, modal: !1, children: /* @__PURE__ */ f(
       "div",
       {
-        className: r("popover", h),
-        "data-automation-id": A,
+        className: l("popover", u),
+        "data-automation-id": F,
         ref: m.setFloating,
-        style: I,
-        ...H,
+        style: P,
+        ...D,
         children: [
-          /* @__PURE__ */ n(
-            X,
+          /* @__PURE__ */ s(
+            Q,
             {
               ref: c,
-              context: e,
-              width: d,
+              context: t,
+              width: Y,
               height: g,
               fill: x,
-              staticOffset: tt.includes(E) ? null : o
+              staticOffset: Z.includes(E) ? null : o
             }
           ),
-          i && /* @__PURE__ */ n("div", { className: r("title"), children: i }),
-          u
+          i && /* @__PURE__ */ s("div", { className: l("title"), children: i }),
+          d
         ]
       }
     ) })
   ] });
 };
 export {
-  it as Popover
+  ce as Popover
 };

package/dist/tooltip.js

@@ -1,69 +1,71 @@
-import { jsxs as p, Fragment as D, jsx as o } from "react/jsx-runtime";
-import { useState as H, useRef as d } from "react";
-import { createPortal as R } from "react-dom";
-import { c as G } from "./bind-06a7ff84.js";
-import { useFloating as P, offset as j, flip as k, arrow as $, autoUpdate as C, FloatingArrow as U } from "@floating-ui/react";
-const Y = {
+import { jsxs as p, Fragment as P, jsx as o } from "react/jsx-runtime";
+import { useState as R, useRef as d } from "react";
+import { createPortal as G } from "react-dom";
+import { c as j } from "./bind-06a7ff84.js";
+import { useFloating as k, offset as $, flip as C, arrow as U, autoUpdate as Y, FloatingArrow as Z } from "@floating-ui/react";
+import { T as f, g as q, b as z, a as B } from "./floatingUi-41f8c7b5.js";
+const J = {
   "tooltip-wrapper": "_tooltip-wrapper_lwpn2_16",
   "tooltip-content": "_tooltip-content_lwpn2_23"
-}, n = G.bind(Y), Z = 300, q = 100, z = 16, f = 8, B = ["top", "right", "bottom", "left"], tt = ({
+}, n = j.bind(J), K = 300, Q = 100, st = ({
   content: u,
   wrapperClassName: h,
   tooltipClassName: w,
   contentClassName: x,
-  dynamicWidth: T,
-  width: _,
-  minWidth: g = 120,
-  safeZone: E = 4,
-  zIndex: A = 9,
+  dynamicWidth: g,
+  width: T,
+  minWidth: _ = 120,
+  safeZone: A = 4,
+  zIndex: E = 9,
   placement: N = "bottom",
   arrowColor: b = "rgba(34, 34, 34, 0.91)",
   dataAutomationId: I,
-  mainAxis: S = !0,
-  children: W,
+  mainAxis: O = !0,
+  children: S,
   portalRoot: s,
-  isFloating: y = !0
+  isFloating: W = !0
 }) => {
-  const [i, l] = H(!1), r = d(null), t = d(), { refs: c, floatingStyles: F, context: L } = P({
+  const [i, l] = R(!1), a = d(null), t = d(), { refs: r, floatingStyles: y, context: F } = k({
     open: i,
     placement: N,
     middleware: [
-      j({
-        mainAxis: E + f
-      }),
-      y && k({
-        mainAxis: S,
+      $(({ rects: D, placement: H }) => ({
+        mainAxis: A + f,
+        alignmentAxis: q(D, H)
+      })),
+      W && C({
+        mainAxis: O,
         fallbackAxisSideDirection: "start",
-        fallbackPlacements: B
+        fallbackPlacements: z
       }),
-      $({
-        element: r
+      U({
+        element: a
       })
     ],
-    whileElementsMounted: C
-  }), e = T ? null : { width: `${_}px` }, M = document.documentElement.clientWidth, O = e || M - q, a = () => {
+    whileElementsMounted: Y
+  }), e = g ? null : { width: `${T}px` }, L = document.documentElement.clientWidth, M = e || L - Q, c = () => {
     t.current && clearTimeout(t.current), l(!1);
   }, v = () => {
-    t.current = setTimeout(() => l(!0), Z);
+    t.current = setTimeout(() => l(!0), K);
   }, m = () => /* @__PURE__ */ p(
     "div",
     {
-      ref: c.setFloating,
+      ref: r.setFloating,
       style: {
-        ...F,
+        ...y,
         ...e,
-        minWidth: g,
-        zIndex: A
+        minWidth: _,
+        zIndex: E
       },
       "data-automation-id": I,
       className: n(w),
       children: [
         /* @__PURE__ */ o(
-          U,
+          Z,
           {
-            ref: r,
-            context: L,
-            width: z,
+            ref: a,
+            context: F,
+            width: B,
             height: f,
             fill: b
           }
@@ -73,7 +75,7 @@ const Y = {
           {
             className: n("tooltip-content", x),
             style: {
-              maxWidth: `${O}px`
+              maxWidth: `${M}px`
             },
             children: u
           }
@@ -81,21 +83,21 @@ const Y = {
       ]
     }
   );
-  return /* @__PURE__ */ p(D, { children: [
+  return /* @__PURE__ */ p(P, { children: [
     /* @__PURE__ */ o(
       "div",
       {
-        ref: c.setReference,
+        ref: r.setReference,
         className: n("tooltip-wrapper", h),
-        onMouseDown: a,
+        onMouseDown: c,
         onMouseEnter: v,
-        onMouseLeave: a,
-        children: W
+        onMouseLeave: c,
+        children: S
       }
     ),
-    i && (s ? R(m(), s) : m())
+    i && (s ? G(m(), s) : m())
   ] });
 };
 export {
-  tt as Tooltip
+  st as Tooltip
 };

package/package.json

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