@reportportal/ui-kit 0.0.1-alpha.156 → 0.0.1-alpha.158

package/dist/autocompletes.js

@@ -36,7 +36,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   error: d = !1,
   editItem: v,
   editable: p = !1,
-  getAdditionalCreationCondition: y = () => !0,
+  getAdditionalCreationCondition: w = () => !0,
   storedOption: g = !0,
   highlightUnStoredItem: f = !1,
   variant: k = "light",
@@ -45,12 +45,12 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   className: R,
   textClassName: I
 }) => {
-  const [w, b] = re(!1), [C, B] = re(""), [l, a] = re(!1), s = xe(null), i = () => {
+  const [y, b] = re(!1), [C, B] = re(""), [l, a] = re(!1), s = xe(null), i = () => {
     !c && p && !g && (B((x == null ? void 0 : x(t)) || (n == null ? void 0 : n(t)) || ""), b(!0));
   }, _ = (S) => {
     B(S.target.value);
   }, O = (S) => {
-    const j = y(C);
+    const j = w(C);
     S.key === "Enter" && j && (v(t, C), b(!1), B(""));
   }, H = () => {
     b(!1), B("");
@@ -86,7 +86,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     },
     R
   );
-  return w ? /* @__PURE__ */ o(
+  return y ? /* @__PURE__ */ o(
     "input",
     {
       autoFocus: !0,
@@ -129,7 +129,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   renderCustomSelectedItem: d,
   selectedItemSingleLine: v,
   selectedItemClassName: p,
-  selectedItemTextClassName: y,
+  selectedItemTextClassName: w,
   ...g
 }) => t.map((f) => d ? d(f) : /* @__PURE__ */ o(
   Xe,
@@ -141,7 +141,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     highlightUnStoredItem: n,
     singleLine: v,
     className: p,
-    textClassName: y,
+    textClassName: w,
     ...g
   },
   e == null ? void 0 : e(f)
@@ -168,7 +168,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   newItemButtonText: v = "",
   ...p
 }) => {
-  const y = () => v || (d === "key-variant" ? "New key" : "New value");
+  const w = () => v || (d === "key-variant" ? "New key" : "New value");
   return c ? /* @__PURE__ */ $(ce, { children: [
     /* @__PURE__ */ o("div", { className: ee("divider") }),
     /* @__PURE__ */ $(
@@ -189,7 +189,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
               className: ee({ "button-active": t }),
               icon: /* @__PURE__ */ o(je, {}),
               variant: "text",
-              children: y()
+              children: w()
             }
           )
         ]
@@ -219,7 +219,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     createWithoutConfirmation: d,
     customEmptyListMessage: v,
     customNoMatchesMessage: p,
-    optionVariant: y,
+    optionVariant: w,
     newItemButtonText: g,
     renderOption: f,
     getUniqKey: k,
@@ -229,7 +229,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     (s, i, _ = !1) => f ? f(s, i, _, x) : /* @__PURE__ */ o(
       ye,
       {
-        optionVariant: y,
+        optionVariant: w,
         ...x({ item: s, index: i }),
         isNew: _,
         newItemButtonText: g,
@@ -237,8 +237,8 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
       },
       (k == null ? void 0 : k(s)) || u(s)
     ),
-    [x, k, g, y, u, f]
-  ), w = V(
+    [x, k, g, w, u, f]
+  ), y = V(
     (s) => s.length ? s.map((i, _) => I(i, _)) : "",
     [I]
   ), b = V(
@@ -247,7 +247,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
       return /* @__PURE__ */ o("div", { className: _e({ container: !i }), children: /* @__PURE__ */ o(
         ye,
         {
-          optionVariant: y,
+          optionVariant: w,
           isNew: !0,
           newItemButtonText: g,
           ...x({ item: r, index: i }),
@@ -256,7 +256,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
         u(r)
       ) });
     },
-    [x, r, g, y, u]
+    [x, r, g, w, u]
   ), C = V(
     (s) => n ? /* @__PURE__ */ $(ce, { children: [
       /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ o(Pe, {}) }),
@@ -268,7 +268,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     return /* @__PURE__ */ o("div", { className: _e("empty-list-message"), children: s });
   }, [v, p, e == null ? void 0 : e.length]), l = c ? e : R(), a = C(e);
   return a || /* @__PURE__ */ $("div", { className: _e({ container: e.length }), children: [
-    /* @__PURE__ */ o($e, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: he(l) ? B() : w(l) }),
+    /* @__PURE__ */ o($e, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: he(l) ? B() : y(l) }),
     !d && b(l)
   ] });
 }, it = "_menu_f64z5_16", dt = "_opened_f64z5_34", ut = "_dark_f64z5_37", mt = {
@@ -312,7 +312,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   children: d,
   customizeNewSelectedValue: v = (f) => f,
   getOptionUniqKey: p,
-  getOptionUniqKeyValue: y,
+  getOptionUniqKeyValue: w,
   ...g
 }) => {
   const [f, k] = re(n), x = (l, a) => {
@@ -338,16 +338,16 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   }, I = (l, a) => {
     const s = c.indexOf(l), i = [...c];
     i.splice(s, 1, a), e == null || e(i, null);
-  }, w = (l, a) => {
+  }, y = (l, a) => {
     const s = c.filter((_) => !ae(_, l));
     e == null || e(s, a), u(l, (_) => r == null ? void 0 : r(s, _));
   }, b = (l, a) => {
     l && R(l, a);
   }, C = (l) => ({
-    removeItem: w,
+    removeItem: y,
     editItem: I,
     handleChange: e,
-    getOptionUniqKeyValue: y,
+    getOptionUniqKeyValue: w,
     storedItemsMap: f,
     ...l
   });
@@ -399,7 +399,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     placeholder: d = "",
     error: v = "",
     touched: p = !1,
-    creatable: y = !1,
+    creatable: w = !1,
     editable: g = !1,
     onChange: f = () => {
     },
@@ -410,7 +410,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     disabled: u = !1,
     isDropdownMode: R = !1,
     mobileDisabled: I = !1,
-    inputProps: w = {},
+    inputProps: y = {},
     parseValueToString: b = (h) => h == null ? "" : String(h),
     maxLength: C = null,
     async: B = !1,
@@ -550,37 +550,37 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
                                 R && se(), k();
                               },
                               onKeyDown: (F) => {
-                                F.key === Re && m && y && _(m) && Y({
+                                F.key === Re && m && w && _(m) && Y({
                                   inputValue: m,
                                   selectItem: be,
                                   clearSelection: ve
                                 }), me({ event: F, removeItem: A, inputValue: m });
                               },
                               onBlur: () => {
-                                x(), m && y && _(m) && Y({
+                                x(), m && w && _(m) && Y({
                                   inputValue: m,
                                   selectItem: be,
                                   clearSelection: ve
                                 });
                               },
                               disabled: u,
-                              ...w
+                              ...y
                             }),
-                            className: X("input", { disabled: u }),
+                            className: X("input", { disabled: u }, y.className),
                             "data-automation-id": W
                           }
                         )
                       ]
                     }
                   ),
-                  (w == null ? void 0 : w.clearable) && !he(n) && /* @__PURE__ */ o(
+                  (y == null ? void 0 : y.clearable) && !he(n) && /* @__PURE__ */ o(
                     "button",
                     {
                       type: "button",
                       className: X("clear-icon", { "clear-icon--disabled": u }),
                       onClick: () => {
                         var F;
-                        return !u && ((F = w == null ? void 0 : w.onClear) == null ? void 0 : F.call(w));
+                        return !u && ((F = y == null ? void 0 : y.onClear) == null ? void 0 : F.call(y));
                       },
                       onMouseDown: (F) => F.preventDefault(),
                       children: /* @__PURE__ */ o(We, {})
@@ -641,7 +641,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     onBlur: v = () => {
     },
     disabled: p = !1,
-    inputProps: y = {},
+    inputProps: w = {},
     parseValueToString: g = (D) => D === null ? "" : String(D),
     minLength: f = 1,
     skipOptionCreation: k = !1,
@@ -649,7 +649,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     optionVariant: u = "",
     isRequired: R = !1,
     error: I = "",
-    touched: w = !1,
+    touched: y = !1,
     setTouch: b = () => {
     },
     createWithoutConfirmation: C = !1,
@@ -700,7 +700,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
         const oe = de(void 0, { suppressRefError: !0 }), ue = {
           ...oe,
           ref: (m) => (J.setReference(m), oe.ref(m))
-        }, me = Z ?? "", { onClear: Y, clearable: fe, ...pe } = y, N = fe && c !== null, E = (...m) => {
+        }, me = Z ?? "", { onClear: Y, clearable: fe, ...pe } = w, N = fe && c !== null, E = (...m) => {
           z(null), Y == null || Y(...m);
         };
         return /* @__PURE__ */ o(ce, { children: /* @__PURE__ */ $("div", { className: Ne("input-wrapper"), ...ue, children: [
@@ -726,7 +726,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
                 disabled: p,
                 defaultWidth: !1,
                 isRequired: R,
-                touched: w,
+                touched: y,
                 error: I,
                 ...pe,
                 clearable: N,

package/dist/tooltip.js

@@ -25,7 +25,7 @@ const J = {
   portalRoot: s,
   isFloating: W = !0
 }) => {
-  const [i, l] = R(!1), a = d(null), t = d(), { refs: r, floatingStyles: y, context: F } = k({
+  const [i, l] = R(!1), a = d(null), t = d(), { refs: r, floatingStyles: v, context: y } = k({
     open: i,
     placement: N,
     middleware: [
@@ -43,19 +43,20 @@ const J = {
       })
     ],
     whileElementsMounted: Y
-  }), e = g ? null : { width: `${T}px` }, L = document.documentElement.clientWidth, M = e || L - Q, c = () => {
+  }), e = g ? null : { width: `${T}px` }, F = document.documentElement.clientWidth, L = e || F - Q, c = () => {
     t.current && clearTimeout(t.current), l(!1);
-  }, v = () => {
+  }, M = () => {
     t.current = setTimeout(() => l(!0), K);
   }, m = () => /* @__PURE__ */ p(
     "div",
     {
       ref: r.setFloating,
       style: {
-        ...y,
+        ...v,
         ...e,
         minWidth: _,
-        zIndex: E
+        zIndex: E,
+        pointerEvents: "none"
       },
       "data-automation-id": I,
       className: n(w),
@@ -64,7 +65,7 @@ const J = {
           Z,
           {
             ref: a,
-            context: F,
+            context: y,
             width: B,
             height: f,
             fill: b
@@ -75,7 +76,7 @@ const J = {
           {
             className: n("tooltip-content", x),
             style: {
-              maxWidth: `${M}px`
+              maxWidth: `${L}px`
             },
             children: u
           }
@@ -90,7 +91,7 @@ const J = {
         ref: r.setReference,
         className: n("tooltip-wrapper", h),
         onMouseDown: c,
-        onMouseEnter: v,
+        onMouseEnter: M,
         onMouseLeave: c,
         children: S
       }

package/package.json

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