@reportportal/ui-kit 0.0.1-alpha.176 → 0.0.1-alpha.177

package/dist/tooltip.js

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

package/package.json

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