@reportportal/ui-kit 0.0.1-alpha.216 → 0.0.1-alpha.217

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

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

package/dist/tooltip.js

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

package/package.json

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