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

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

@@ -5,6 +5,7 @@ interface TooltipProps {
     content: ReactNode;
     children: ReactNode;
     wrapperClassName?: string;
+    tooltipClassName?: string;
     contentClassName?: string;
     dynamicWidth?: boolean;
     width?: number;

package/dist/tooltip.js

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

package/package.json

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