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

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.117",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {