@reportportal/ui-kit 0.0.1-alpha.54 → 0.0.1-alpha.55

package/dist/components/tooltip/tooltip.d.ts

@@ -15,6 +15,8 @@ interface TooltipProps {
     safeZone?: number;
     zIndex?: number;
     mainAxis?: boolean;
+    portalRoot?: Element;
+    isFloating?: boolean;
 }
 export declare const Tooltip: FC<TooltipProps>;
 export {};

package/dist/index.js

@@ -1,33 +1,33 @@
-import { B as d } from "./button-33c88abf.js";
-import { B as u } from "./baseIconButton-251479f7.js";
-import { C as F } from "./checkbox-9a6c7ce1.js";
-import { S as T } from "./systemMessage-1ced6079.js";
-import { F as D } from "./fieldText-78c1be1a.js";
-import { T as w } from "./themeProvider-46c2be7b.js";
-import { Modal as h } from "./modal.js";
-import { D as E } from "./dropdown-6edea86c.js";
-import { T as y } from "./toggle-1a3aacb5.js";
-import { F as k } from "./fieldNumber-d81e551e.js";
-import { B as R } from "./bubblesLoader-a7e709d4.js";
-import { S as z } from "./spinLoader-c4a53718.js";
-import { F as N } from "./fieldTextFlex-314741ad.js";
-import { R as j } from "./radio-bccc84f2.js";
-import { Tooltip as G } from "./tooltip.js";
-import { Popover as K } from "./popover.js";
-import { P as V } from "./pagination-066b1b2b.js";
-import { T as X } from "./table-32fc8c70.js";
-import { D as Z } from "./datePicker-a333d78b.js";
+import { B as S } from "./button-33c88abf.js";
+import { B as C } from "./baseIconButton-251479f7.js";
+import { C as b } from "./checkbox-9a6c7ce1.js";
+import { S as B } from "./systemMessage-1ced6079.js";
+import { F as P } from "./fieldText-78c1be1a.js";
+import { T as g } from "./themeProvider-46c2be7b.js";
+import { Modal as v } from "./modal.js";
+import { D as M } from "./dropdown-6edea86c.js";
+import { T as A } from "./toggle-1a3aacb5.js";
+import { F as L } from "./fieldNumber-d81e551e.js";
+import { B as O } from "./bubblesLoader-a7e709d4.js";
+import { S as H } from "./spinLoader-c4a53718.js";
+import { F as U } from "./fieldTextFlex-314741ad.js";
+import { R as q } from "./radio-bccc84f2.js";
+import { Tooltip as J } from "./tooltip.js";
+import { Popover as Q } from "./popover.js";
+import { P as W } from "./pagination-066b1b2b.js";
+import { T as Y } from "./table-32fc8c70.js";
+import { D as _ } from "./datePicker-a333d78b.js";
 import "react-datepicker";
-import { SystemAlert as $ } from "./systemAlert.js";
-import { S as ro, a as eo } from "./arrowUp-4a5caee7.js";
-import { BreadcrumbsTreeIcon as ao, ChevronDownDropdownIcon as no, ChevronRightBreadcrumbsIcon as po, CopyIcon as mo, DeleteIcon as so, EditIcon as co, ExportIcon as xo, ExternalLinkIcon as io, FilterFilledIcon as Io, FilterOutlineIcon as fo, FlagIcon as lo, HideIcon as So, MaximizeIcon as uo, MeatballMenuIcon as Co, SearchIcon as Fo, SortIcon as bo } from "./icons.js";
-import { a as Bo, S as Do } from "./calendarArrow-3e1339ea.js";
-import { S as wo, a as go, b as ho } from "./openEye-7b9cf080.js";
-import { S as Eo } from "./close-4b33d7c1.js";
-import { S as yo } from "./dropdown-0260bb66.js";
-import { S as ko, a as Lo, b as Ro } from "./success-dc1914aa.js";
-import { S as zo, a as Ho } from "./plus-0929dda4.js";
-import { S as Uo, a as jo } from "./prevPage-87faf576.js";
+import { SystemAlert as oo } from "./systemAlert.js";
+import { S as eo, a as to } from "./arrowUp-4a5caee7.js";
+import { BreadcrumbsTreeIcon as no, ChevronDownDropdownIcon as po, ChevronRightBreadcrumbsIcon as mo, CopyIcon as so, DeleteIcon as co, EditIcon as xo, ExportIcon as io, ExternalLinkIcon as Io, FilterFilledIcon as fo, FilterOutlineIcon as lo, FlagIcon as So, HideIcon as uo, MaximizeIcon as Co, MeatballMenuIcon as Fo, SearchIcon as bo, SortIcon as To } from "./icons.js";
+import { a as Do, S as Po } from "./calendarArrow-3e1339ea.js";
+import { S as go, a as ho, b as vo } from "./openEye-7b9cf080.js";
+import { S as Mo } from "./close-4b33d7c1.js";
+import { S as Ao } from "./dropdown-0260bb66.js";
+import { S as Lo, a as Ro, b as Oo } from "./success-dc1914aa.js";
+import { S as Ho, a as No } from "./plus-0929dda4.js";
+import { S as jo, a as qo } from "./prevPage-87faf576.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -38,59 +38,60 @@ import "framer-motion";
 import "./useOnClickOutside-c332f7d3.js";
 import "@floating-ui/react-dom";
 import "downshift";
+import "react-dom";
 import "@floating-ui/react";
 import "react-datepicker/dist/es/index.js";
 export {
-  ro as ArrowDownIcon,
-  eo as ArrowUpIcon,
-  u as BaseIconButton,
-  ao as BreadcrumbsTreeIcon,
-  R as BubblesLoader,
-  d as Button,
-  Bo as CalendarArrowIcon,
-  Do as CalendarIcon,
-  F as Checkbox,
-  no as ChevronDownDropdownIcon,
-  po as ChevronRightBreadcrumbsIcon,
-  wo as ClearIcon,
-  go as CloseEyeIcon,
-  Eo as CloseIcon,
-  mo as CopyIcon,
-  Z as DatePicker,
-  so as DeleteIcon,
-  E as Dropdown,
-  yo as DropdownIcon,
-  co as EditIcon,
-  ko as ErrorIcon,
-  xo as ExportIcon,
-  io as ExternalLinkIcon,
-  k as FieldNumber,
-  D as FieldText,
-  N as FieldTextFlex,
-  Io as FilterFilledIcon,
-  fo as FilterOutlineIcon,
-  lo as FlagIcon,
-  So as HideIcon,
-  Lo as InfoIcon,
-  uo as MaximizeIcon,
-  Co as MeatballMenuIcon,
-  zo as MinusIcon,
-  h as Modal,
-  ho as OpenEyeIcon,
-  V as Pagination,
-  Ho as PlusIcon,
-  K as Popover,
-  Uo as PrevChapterIcon,
-  jo as PrevPageIcon,
-  j as Radio,
-  Fo as SearchIcon,
-  bo as SortIcon,
-  z as SpinLoader,
-  Ro as SuccessIcon,
-  $ as SystemAlert,
-  T as SystemMessage,
-  X as Table,
-  w as ThemeProvider,
-  y as Toggle,
-  G as Tooltip
+  eo as ArrowDownIcon,
+  to as ArrowUpIcon,
+  C as BaseIconButton,
+  no as BreadcrumbsTreeIcon,
+  O as BubblesLoader,
+  S as Button,
+  Do as CalendarArrowIcon,
+  Po as CalendarIcon,
+  b as Checkbox,
+  po as ChevronDownDropdownIcon,
+  mo as ChevronRightBreadcrumbsIcon,
+  go as ClearIcon,
+  ho as CloseEyeIcon,
+  Mo as CloseIcon,
+  so as CopyIcon,
+  _ as DatePicker,
+  co as DeleteIcon,
+  M as Dropdown,
+  Ao as DropdownIcon,
+  xo as EditIcon,
+  Lo as ErrorIcon,
+  io as ExportIcon,
+  Io as ExternalLinkIcon,
+  L as FieldNumber,
+  P as FieldText,
+  U as FieldTextFlex,
+  fo as FilterFilledIcon,
+  lo as FilterOutlineIcon,
+  So as FlagIcon,
+  uo as HideIcon,
+  Ro as InfoIcon,
+  Co as MaximizeIcon,
+  Fo as MeatballMenuIcon,
+  Ho as MinusIcon,
+  v as Modal,
+  vo as OpenEyeIcon,
+  W as Pagination,
+  No as PlusIcon,
+  Q as Popover,
+  jo as PrevChapterIcon,
+  qo as PrevPageIcon,
+  q as Radio,
+  bo as SearchIcon,
+  To as SortIcon,
+  H as SpinLoader,
+  Oo as SuccessIcon,
+  oo as SystemAlert,
+  B as SystemMessage,
+  Y as Table,
+  g as ThemeProvider,
+  A as Toggle,
+  J as Tooltip
 };

package/dist/pagination.js

@@ -12,6 +12,7 @@ import "./maxValueDisplay-9be01a75.js";
 import "./baseIconButton-251479f7.js";
 import "./prevPage-87faf576.js";
 import "./tooltip.js";
+import "react-dom";
 export {
   t as Pagination,
   t as default

package/dist/tooltip.js

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

package/package.json

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