@reportportal/ui-kit 0.0.1-alpha.231 → 0.0.1-alpha.232

package/dist/autocompletes.js

@@ -1,6 +1,6 @@
-import { jsx as r, jsxs as T, Fragment as he } from "react/jsx-runtime";
-import { useState as ne, useRef as Ce, useEffect as we, useCallback as Y, forwardRef as De, useLayoutEffect as je, useMemo as He } from "react";
-import { c as J } from "./bind-06a7ff84.js";
+import { jsx as r, jsxs as O, Fragment as he } from "react/jsx-runtime";
+import { useState as se, useRef as Ce, useEffect as we, useCallback as K, forwardRef as De, useLayoutEffect as je, useMemo as He } from "react";
+import { c as Q } from "./bind-06a7ff84.js";
 import { Scrollbars as We } from "rc-scrollbars";
 import { B as Ye } from "./bubblesLoader-f3ffa240.js";
 import { B as Ke } from "./button-7ab874f3.js";
@@ -8,7 +8,7 @@ import { S as Xe } from "./plus-199fb2a8.js";
 import { i as Me } from "./isEmpty-ccacb5ff.js";
 import { createPortal as Ge } from "react-dom";
 import _e from "downshift";
-import { useFloating as Pe, autoUpdate as Be, flip as Je, size as Qe } from "@floating-ui/react";
+import { useFloating as Be, autoUpdate as Pe, flip as Je, size as Qe } from "@floating-ui/react";
 import { F as Ze } from "./fieldText-1749da7a.js";
 import { S as Oe } from "./dropdown-0260bb66.js";
 import { E as Te, A as qe, T as Ue } from "./constants-85822a6b.js";
@@ -29,7 +29,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   "single-line": "_single-line_1rpph_58",
   "cross-icon": "_cross-icon_1rpph_64",
   input: ot
-}, fe = J.bind(st), nt = (t) => t.scrollWidth > t.clientWidth, rt = ({
+}, fe = Q.bind(st), nt = (t) => t.scrollWidth > t.clientWidth, rt = ({
   item: t,
   onRemoveItem: e,
   disabled: n = !1,
@@ -38,74 +38,74 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   error: l = !1,
   editItem: h,
   editable: d = !1,
-  getAdditionalCreationCondition: b = () => !0,
-  storedOption: x = !0,
+  getAdditionalCreationCondition: v = () => !0,
+  storedOption: g = !0,
   highlightUnStoredItem: p = !1,
-  variant: L = "light",
-  getItemName: M,
+  variant: F = "light",
+  getItemName: C,
   singleLine: u = !1,
-  className: P,
-  textClassName: O
+  className: L,
+  textClassName: P
 }) => {
-  const [y, N] = ne(!1), [B, $] = ne(""), [c, i] = ne(!1), a = Ce(null), m = () => {
-    !n && d && !x && ($((M == null ? void 0 : M(t)) || (s == null ? void 0 : s(t)) || ""), N(!0));
-  }, g = (F) => {
-    $(F.target.value);
-  }, E = (F) => {
-    const D = b(B);
-    F.key === "Enter" && D && (h(t, B), N(!1), $(""));
+  const [b, x] = se(!1), [B, T] = se(""), [c, i] = se(!1), a = Ce(null), m = () => {
+    !n && d && !g && (T((C == null ? void 0 : C(t)) || (s == null ? void 0 : s(t)) || ""), x(!0));
+  }, y = (R) => {
+    T(R.target.value);
+  }, N = (R) => {
+    const $ = v(B);
+    R.key === "Enter" && $ && (h(t, B), x(!1), T(""));
   }, _ = () => {
-    N(!1), $("");
-  }, I = (F) => {
-    F.stopPropagation(), e(t);
-  }, z = (s == null ? void 0 : s(t)) || "";
+    x(!1), T("");
+  }, E = (R) => {
+    R.stopPropagation(), e(t);
+  }, M = (s == null ? void 0 : s(t)) || "";
   we(() => {
     if (a.current && u) {
-      const F = () => {
+      const R = () => {
         a.current && i(nt(a.current));
       };
-      if (F(), typeof ResizeObserver < "u") {
-        const D = new ResizeObserver(F);
-        return D.observe(a.current), () => D.disconnect();
+      if (R(), typeof ResizeObserver < "u") {
+        const $ = new ResizeObserver(R);
+        return $.observe(a.current), () => $.disconnect();
       }
     } else
       i(!1);
-  }, [z, u]);
-  const S = fe(
+  }, [M, u]);
+  const I = fe(
     "selected-item-text",
     {
       "single-line": u
     },
-    O
-  ), R = fe(
+    P
+  ), z = fe(
     "selected-item",
-    L,
+    F,
     {
       [`validation-${l}`]: l,
       disabled: n,
       "mobile-disabled": o,
-      "highlight-un-stored-item": p && !x
+      "highlight-un-stored-item": p && !g
     },
-    P
+    L
   );
-  return y ? /* @__PURE__ */ r(
+  return b ? /* @__PURE__ */ r(
     "input",
     {
       autoFocus: !0,
       value: B,
-      onChange: g,
-      onKeyDown: E,
+      onChange: y,
+      onKeyDown: N,
       onBlur: _,
       className: fe("input")
     }
-  ) : /* @__PURE__ */ T("div", { className: R, onClick: m, children: [
+  ) : /* @__PURE__ */ O("div", { className: z, onClick: m, children: [
     /* @__PURE__ */ r(
       "span",
       {
         ref: a,
-        className: S,
-        title: u && c ? z : void 0,
-        children: z
+        className: I,
+        title: u && c ? M : void 0,
+        children: M
       }
     ),
     !n && /* @__PURE__ */ r(
@@ -117,7 +117,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
           "mobile-disabled": o,
           disabled: n
         }),
-        onClick: I,
+        onClick: E,
         children: /* @__PURE__ */ r(Ve, {})
       }
     )
@@ -131,8 +131,8 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   renderCustomSelectedItem: l,
   selectedItemSingleLine: h,
   selectedItemClassName: d,
-  selectedItemTextClassName: b,
-  ...x
+  selectedItemTextClassName: v,
+  ...g
 }) => t.map((p) => l ? l(p) : /* @__PURE__ */ r(
   rt,
   {
@@ -143,13 +143,13 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
     highlightUnStoredItem: s,
     singleLine: h,
     className: d,
-    textClassName: b,
-    ...x
+    textClassName: v,
+    ...g
   },
   e == null ? void 0 : e(p)
 )), ct = "_prompt_1xfmd_16", it = {
   prompt: ct
-}, at = J.bind(it), dt = ({ children: t = null }) => /* @__PURE__ */ r("div", { className: at("prompt"), children: t }), ut = "_item_zw4ux_16", mt = "_divider_zw4ux_24", ft = "_active_zw4ux_49", pt = "_value_zw4ux_55", _t = "_tag_zw4ux_69", ht = "_disabled_zw4ux_80", wt = {
+}, at = Q.bind(it), dt = ({ children: t = null }) => /* @__PURE__ */ r("div", { className: at("prompt"), children: t }), ut = "_item_zw4ux_16", mt = "_divider_zw4ux_24", ft = "_active_zw4ux_49", pt = "_value_zw4ux_55", _t = "_tag_zw4ux_69", ht = "_disabled_zw4ux_80", wt = {
   item: ut,
   divider: mt,
   "new-item": "_new-item_zw4ux_31",
@@ -160,7 +160,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   "button-active": "_button-active_zw4ux_80",
   disabled: ht,
   "value-variant": "_value-variant_zw4ux_100"
-}, V = J.bind(wt), Re = ({
+}, ee = Q.bind(wt), Re = ({
   isActive: t = !1,
   isSelected: e = !1,
   isNew: n = !1,
@@ -170,28 +170,28 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   newItemButtonText: h = "",
   ...d
 }) => {
-  const b = () => h || (l === "key-variant" ? "New key" : "New value");
-  return n ? /* @__PURE__ */ T(he, { children: [
-    /* @__PURE__ */ r("div", { className: V("divider") }),
-    /* @__PURE__ */ T(
+  const v = () => h || (l === "key-variant" ? "New key" : "New value");
+  return n ? /* @__PURE__ */ O(he, { children: [
+    /* @__PURE__ */ r("div", { className: ee("divider") }),
+    /* @__PURE__ */ O(
       "li",
       {
-        className: V("new-item", l, {
+        className: ee("new-item", l, {
           active: t,
           selected: e,
           disabled: s
         }),
         ...d,
         children: [
-          /* @__PURE__ */ r("span", { className: V("value"), children: o }),
+          /* @__PURE__ */ r("span", { className: ee("value"), children: o }),
           /* @__PURE__ */ r(
             Ke,
             {
               ...!s && d,
-              className: V({ "button-active": t }),
+              className: ee({ "button-active": t }),
               icon: /* @__PURE__ */ r(Xe, {}),
               variant: "text",
-              children: b()
+              children: v()
             }
           )
         ]
@@ -200,20 +200,20 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   ] }) : /* @__PURE__ */ r(
     "li",
     {
-      className: V("item", l, {
+      className: ee("item", l, {
         active: t,
         selected: e,
         disabled: s
       }),
       ...s ? {} : d,
-      children: /* @__PURE__ */ r("span", { className: V("label", "tag"), children: o })
+      children: /* @__PURE__ */ r("span", { className: ee("label", "tag"), children: o })
     }
   );
 }, vt = "_container_12uzd_16", bt = {
   container: vt,
   "empty-list-message": "_empty-list-message_12uzd_20",
   "limitation-item": "_limitation-item_12uzd_28"
-}, pe = J.bind(bt), yt = (t) => {
+}, pe = Q.bind(bt), yt = (t) => {
   const {
     options: e,
     async: n,
@@ -222,64 +222,64 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
     createWithoutConfirmation: l,
     customEmptyListMessage: h,
     customNoMatchesMessage: d,
-    optionVariant: b,
-    newItemButtonText: x,
+    optionVariant: v,
+    newItemButtonText: g,
     renderOption: p,
-    getUniqKey: L,
-    getItemProps: M,
+    getUniqKey: F,
+    getItemProps: C,
     parseValueToString: u,
-    limitationText: P = "Too many results. Type to search",
-    optionsLimit: O = 0,
-    shouldShowEmptyListMessage: y = !0
-  } = t, N = Y(() => (e || []).filter((_) => u(_).toUpperCase().indexOf((o.toUpperCase() || "").trim()) > -1), [o, e, u]), B = Y(
-    (_, I, z = !1) => p ? p(_, I, z, M) : /* @__PURE__ */ r(
+    limitationText: L = "Too many results. Type to search",
+    optionsLimit: P = 0,
+    shouldShowEmptyListMessage: b = !0
+  } = t, x = K(() => (e || []).filter((_) => u(_).toUpperCase().indexOf((o.toUpperCase() || "").trim()) > -1), [o, e, u]), B = K(
+    (_, E, M = !1) => p ? p(_, E, M, C) : /* @__PURE__ */ r(
       Re,
       {
-        optionVariant: b,
-        ...M({ item: _, index: I }),
-        isNew: z,
-        newItemButtonText: x,
+        optionVariant: v,
+        ...C({ item: _, index: E }),
+        isNew: M,
+        newItemButtonText: g,
         children: u(_)
       },
-      (L == null ? void 0 : L(_)) || u(_)
+      (F == null ? void 0 : F(_)) || u(_)
     ),
-    [M, L, x, b, u, p]
-  ), $ = Y(
-    (_) => _.length ? _.map((I, z) => B(I, z)) : "",
+    [C, F, g, v, u, p]
+  ), T = K(
+    (_) => _.length ? _.map((E, M) => B(E, M)) : "",
     [B]
-  ), c = Y(
+  ), c = K(
     (_) => {
-      const I = _.length;
-      return /* @__PURE__ */ r("div", { className: pe({ container: !I }), children: /* @__PURE__ */ r(
+      const E = _.length;
+      return /* @__PURE__ */ r("div", { className: pe({ container: !E }), children: /* @__PURE__ */ r(
         Re,
         {
-          optionVariant: b,
+          optionVariant: v,
           isNew: !0,
-          newItemButtonText: x,
-          ...M({ item: o, index: I }),
+          newItemButtonText: g,
+          ...C({ item: o, index: E }),
           children: u(o)
         },
         u(o)
       ) });
     },
-    [M, o, x, b, u]
-  ), i = Y(
-    (_) => s ? /* @__PURE__ */ T(he, { children: [
+    [C, o, g, v, u]
+  ), i = K(
+    (_) => s ? /* @__PURE__ */ O(he, { children: [
       /* @__PURE__ */ r(dt, { children: /* @__PURE__ */ r(Ye, {}) }),
       !l && c(_)
     ] }) : "",
     [l, s, c]
-  ), a = Y(() => {
+  ), a = K(() => {
     const _ = (e == null ? void 0 : e.length) === 0 ? h || "No available options" : d || "No matches found";
     return /* @__PURE__ */ r("div", { className: pe("empty-list-message"), children: _ });
-  }, [h, d, e == null ? void 0 : e.length]), m = n ? e : N(), g = i(e);
-  if (g)
-    return g;
-  const E = Me(m);
-  return E && !y && l ? null : /* @__PURE__ */ T("div", { className: pe({ container: e.length }), children: [
-    /* @__PURE__ */ T(We, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: [
-      E ? y && a() : $(m),
-      (m == null ? void 0 : m.length) > O && O > 0 && P ? /* @__PURE__ */ r("li", { className: pe("limitation-item"), "aria-hidden": "true", children: P }) : null
+  }, [h, d, e == null ? void 0 : e.length]), m = n ? e : x(), y = i(e);
+  if (y)
+    return y;
+  const N = Me(m);
+  return N && !b && l ? null : /* @__PURE__ */ O("div", { className: pe({ container: e.length }), children: [
+    /* @__PURE__ */ O(We, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: [
+      N ? b && a() : T(m),
+      (m == null ? void 0 : m.length) > P && P > 0 && L ? /* @__PURE__ */ r("li", { className: pe("limitation-item"), "aria-hidden": "true", children: L }) : null
     ] }),
     !l && c(m)
   ] });
@@ -287,7 +287,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   menu: gt,
   opened: xt,
   dark: Nt
-}, It = J.bind(Et), St = (t, e) => !t || t <= e.trim().length, $e = De(
+}, It = Q.bind(Et), St = (t, e) => !t || t <= e.trim().length, $e = De(
   ({
     isOpen: t = !1,
     style: e = {},
@@ -297,10 +297,10 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
     className: l = "",
     portalMenuAttribute: h = null,
     ...d
-  }, b) => /* @__PURE__ */ r(
+  }, v) => /* @__PURE__ */ r(
     "ul",
     {
-      ref: b,
+      ref: v,
       className: It(
         "menu",
         { opened: t && (o || St(n, s)) },
@@ -311,9 +311,9 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
       children: /* @__PURE__ */ r(yt, { inputValue: s, ...d })
     }
   )
-), Fe = (t, e) => typeof t == "string" ? t : e ? String(t[e(t)]) : "", ee = (t, e) => {
+), Fe = (t, e) => typeof t == "string" ? t : e ? String(t[e(t)]) : "", te = (t, e) => {
   var o;
-  return t === e ? !0 : !!(t && e && typeof t == "object" && typeof e == "object" && Object.keys(t).length === Object.keys(e).length && ((o = Object.entries(t)) != null && o.every(([s, l]) => ee(l, e[s]))));
+  return t === e ? !0 : !!(t && e && typeof t == "object" && typeof e == "object" && Object.keys(t).length === Object.keys(e).length && ((o = Object.entries(t)) != null && o.every(([s, l]) => te(l, e[s]))));
 }, kt = (t, e, n) => typeof t == "string" ? t === e : n ? (() => {
   const o = n(t);
   return t[o] === e[o];
@@ -326,59 +326,59 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   children: l,
   customizeNewSelectedValue: h = (p) => p,
   getOptionUniqKey: d,
-  getOptionUniqKeyValue: b,
-  ...x
+  getOptionUniqKeyValue: v,
+  ...g
 }) => {
-  const [p, L] = ne(s), M = (c, i) => {
+  const [p, F] = se(s), C = (c, i) => {
     const a = {
       ...p
     };
     c.forEach((m) => {
-      if (t.find((g) => kt(g, m, d))) {
-        const g = Fe(m, d);
-        a[g] = !0;
+      if (t.find((y) => kt(y, m, d))) {
+        const y = Fe(m, d);
+        a[y] = !0;
       }
-    }), L(a), i(a);
+    }), F(a), i(a);
   }, u = (c, i) => {
     const a = Fe(c, d);
     if (a in p) {
       const m = { ...p };
-      delete m[a], L(m), i(m);
+      delete m[a], F(m), i(m);
     } else
       i(p);
-  }, P = (c, i) => {
-    const E = (Array.isArray(c) ? c : [c]).map((S) => h(S)).flatMap((S) => Array.isArray(S) ? S : [S]).filter(
-      (S, R, F) => F.findIndex((D) => ee(D, S)) === R
+  }, L = (c, i) => {
+    const N = (Array.isArray(c) ? c : [c]).map((I) => h(I)).flatMap((I) => Array.isArray(I) ? I : [I]).filter(
+      (I, z, R) => R.findIndex(($) => te($, I)) === z
     );
-    if (!E || E.length === 0)
+    if (!N || N.length === 0)
       return;
-    const I = [...n.filter(
-      (S) => !E.some((R) => ee(R, S))
-    ), ...E];
-    e == null || e(I, i), M(E, (S) => o == null ? void 0 : o(I, S));
-  }, O = (c, i) => {
+    const E = [...n.filter(
+      (I) => !N.some((z) => te(z, I))
+    ), ...N];
+    e == null || e(E, i), C(N, (I) => o == null ? void 0 : o(E, I));
+  }, P = (c, i) => {
     const a = n.indexOf(c), m = [...n];
     m.splice(a, 1, i), e == null || e(m, null);
-  }, y = (c, i) => {
-    const a = n.filter((g) => !ee(g, c));
-    e == null || e(a, i), u(c, (g) => o == null ? void 0 : o(a, g));
-  }, N = (c, i) => {
-    c && P(c, i);
+  }, b = (c, i) => {
+    const a = n.filter((y) => !te(y, c));
+    e == null || e(a, i), u(c, (y) => o == null ? void 0 : o(a, y));
+  }, x = (c, i) => {
+    c && L(c, i);
   }, B = (c) => ({
-    removeItem: y,
-    editItem: O,
+    removeItem: b,
+    editItem: P,
     handleChange: e,
-    getOptionUniqKeyValue: b,
+    getOptionUniqKeyValue: v,
     storedItemsMap: p,
     batchAddItems: (a) => {
-      P(a, c);
+      L(a, c);
     },
     ...c
   });
   return /* @__PURE__ */ r(
     _e,
     {
-      ...x,
+      ...g,
       stateReducer: (c, i) => {
         switch (i.type) {
           case _e.stateChangeTypes.keyDownEnter:
@@ -392,7 +392,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
             return i;
         }
       },
-      onChange: N,
+      onChange: x,
       selectedItem: null,
       children: (c) => l == null ? void 0 : l(B(c))
     }
@@ -413,7 +413,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   "error-text": "_error-text_1so4a_112",
   "dropdown-button": "_dropdown-button_1so4a_121",
   "icon-reversed": "_icon-reversed_1so4a_129"
-}, G = J.bind(Lt), ao = (t) => {
+}, J = Q.bind(Lt), ao = (t) => {
   const {
     options: e = [],
     loading: n = !1,
@@ -423,229 +423,227 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
     placeholder: l = "",
     error: h = "",
     touched: d = !1,
-    creatable: b = !1,
-    editable: x = !1,
+    creatable: v = !1,
+    editable: g = !1,
     onChange: p = () => {
     },
-    onFocus: L = () => {
+    onFocus: F = () => {
     },
-    onBlur: M = () => {
+    onBlur: C = () => {
     },
     disabled: u = !1,
-    isDropdownMode: P = !1,
-    mobileDisabled: O = !1,
-    inputProps: y = {},
-    parseValueToString: N = (f) => f == null ? "" : String(f),
+    isDropdownMode: L = !1,
+    mobileDisabled: P = !1,
+    inputProps: b = {},
+    parseValueToString: x = (f) => f == null ? "" : String(f),
     maxLength: B = null,
-    async: $ = !1,
+    async: T = !1,
     customClass: c = "",
     createWithoutConfirmation: i = !1,
     getItemValidationErrorType: a = null,
     clearItemsError: m = () => {
     },
-    getAdditionalCreationCondition: g = () => !0,
-    highlightUnStoredItem: E = !1,
+    getAdditionalCreationCondition: y = () => !0,
+    highlightUnStoredItem: N = !1,
     parseInputValueFn: _ = null,
-    handleUnStoredItemCb: I = null,
-    dataAutomationId: z = "",
-    existingItemsMap: S = {},
-    customizeNewSelectedValue: R = (f) => f,
-    renderCustomSelectedItem: F,
-    useFixedPositioning: D,
+    handleUnStoredItemCb: E = null,
+    dataAutomationId: M = "",
+    existingItemsMap: I = {},
+    customizeNewSelectedValue: z = (f) => f,
+    renderCustomSelectedItem: R,
+    useFixedPositioning: $,
     newItemButtonText: ve = "",
-    menuClassName: K = "",
-    selectedItemSingleLine: re,
-    selectedItemClassName: le,
-    selectedItemTextClassName: ce,
+    menuClassName: X = "",
+    selectedItemSingleLine: ne,
+    selectedItemClassName: re,
+    selectedItemTextClassName: le,
     ...be
-  } = t, { refs: ie, floatingStyles: Q } = Pe({
+  } = t, { refs: ce, floatingStyles: Z } = Be({
     placement: "bottom-start",
-    strategy: D ? "fixed" : "absolute",
-    whileElementsMounted: Be
-  }), ye = s.length === 0 && !u ? l : "", te = Ce(null);
+    strategy: $ ? "fixed" : "absolute",
+    whileElementsMounted: Pe
+  }), ye = s.length === 0 && !u ? l : "", oe = Ce(null);
   we(() => {
     m();
   }, [m, s]);
-  const ge = (f, k) => {
-    p(f, k);
-  }, xe = (f, k, A) => ({ item: C, index: H, ...q }) => f({
-    item: C,
-    index: H,
-    isSelected: A.some((W) => ee(W, C)),
-    ...q,
-    isActive: k === H
-  }), v = ({
+  const ge = (f, S) => {
+    p(f, S);
+  }, xe = (f, S, k) => ({ item: A, index: W, ...U }) => f({
+    item: A,
+    index: W,
+    isSelected: k.some((Y) => te(Y, A)),
+    ...U,
+    isActive: S === W
+  }), w = ({
     event: f,
-    removeItem: k,
-    inputValue: A
+    removeItem: S,
+    inputValue: k
   }) => {
-    f.key === "Backspace" && !A && s.length && k(s[s.length - 1], null);
-  }, j = ({
+    f.key === "Backspace" && !k && s.length && S(s[s.length - 1], null);
+  }, H = ({
     inputValue: f,
-    selectItem: k,
-    clearSelection: A,
-    batchAddItems: C
+    selectItem: S,
+    clearSelection: k,
+    batchAddItems: A
   }) => {
     if (_) {
-      const H = _(f);
-      C(H.length ? H : [f]), A();
+      const W = _(f);
+      A(W.length ? W : [f]), k();
     } else
-      k(f), A();
-  }, Z = (f) => (k) => {
-    f(k, null), te.current && te.current.focus();
-  }, X = e.filter((f) => s.every((k) => !ee(k, f)));
+      S(f), k();
+  }, q = (f) => (S) => {
+    f(S, null), oe.current && oe.current.focus();
+  }, G = e.filter((f) => s.every((S) => !te(S, f)));
   return /* @__PURE__ */ r(
     At,
     {
       onChange: ge,
-      itemToString: N,
+      itemToString: x,
       selectedItems: s,
       onStateChange: o,
       options: e,
-      existingItemsMap: S,
-      handleUnStoredItemCb: I,
-      customizeNewSelectedValue: R,
+      existingItemsMap: I,
+      handleUnStoredItemCb: E,
+      customizeNewSelectedValue: z,
       children: ({
         getInputProps: f,
-        getItemProps: k,
-        isOpen: A,
-        inputValue: C = "",
-        highlightedIndex: H,
-        removeItem: q,
-        editItem: W,
-        openMenu: ae,
-        selectItem: de,
-        clearSelection: ue,
-        toggleMenu: U,
+        getItemProps: S,
+        isOpen: k,
+        inputValue: A = "",
+        highlightedIndex: W,
+        removeItem: U,
+        editItem: Y,
+        openMenu: ie,
+        selectItem: ae,
+        clearSelection: de,
+        toggleMenu: V,
         storedItemsMap: Ne,
         getRootProps: Ee,
         batchAddItems: Ie
       }) => {
-        const oe = Ee(void 0, { suppressRefError: !0 }), Se = {
-          ...oe,
-          ref: (w) => (ie.setReference(w), oe.ref(w))
-        }, me = C ?? "";
-        return /* @__PURE__ */ T("div", { ...Se, className: G("autocomplete-wrapper"), children: [
-          /* @__PURE__ */ T(he, { children: [
-            /* @__PURE__ */ T(
+        const ue = Ee(void 0, { suppressRefError: !0 }), Se = A ?? "";
+        return /* @__PURE__ */ O("div", { ...ue, className: J("autocomplete-wrapper"), children: [
+          /* @__PURE__ */ O(he, { children: [
+            /* @__PURE__ */ O(
               "div",
               {
-                className: G("autocomplete", c, {
-                  "mobile-disabled": O,
+                ref: ce.setReference,
+                className: J("autocomplete", c, {
+                  "mobile-disabled": P,
                   error: h,
                   touched: d,
                   disabled: u
                 }),
                 children: [
-                  /* @__PURE__ */ T(
+                  /* @__PURE__ */ O(
                     "div",
                     {
-                      className: G("autocomplete-input", {
-                        "mobile-disabled": O,
-                        "single-line-mode": re
+                      className: J("autocomplete-input", {
+                        "mobile-disabled": P,
+                        "single-line-mode": ne
                       }),
                       children: [
                         /* @__PURE__ */ r(
                           lt,
                           {
                             items: s,
-                            onRemoveItem: Z(q),
+                            onRemoveItem: q(U),
                             disabled: u,
-                            mobileDisabled: O,
-                            parseValueToString: N,
+                            mobileDisabled: P,
+                            parseValueToString: x,
                             getItemValidationErrorType: a,
-                            renderCustomSelectedItem: F,
-                            editItem: W,
-                            editable: x,
-                            getAdditionalCreationCondition: g,
+                            renderCustomSelectedItem: R,
+                            editItem: Y,
+                            editable: g,
+                            getAdditionalCreationCondition: y,
                             storedItemsMap: Ne,
-                            highlightUnStoredItem: E,
-                            selectedItemSingleLine: re,
-                            selectedItemClassName: le,
-                            selectedItemTextClassName: ce
+                            highlightUnStoredItem: N,
+                            selectedItemSingleLine: ne,
+                            selectedItemClassName: re,
+                            selectedItemTextClassName: le
                           }
                         ),
                         /* @__PURE__ */ r(
                           "input",
                           {
                             ...f({
-                              ref: te,
+                              ref: oe,
                               placeholder: ye,
                               maxLength: B,
                               onFocus: () => {
-                                P && ae(), L();
+                                L && ie(), F();
                               },
-                              onKeyDown: (w) => {
-                                w.key === Te && C && b && g(C) && j({
-                                  inputValue: C,
-                                  selectItem: de,
-                                  clearSelection: ue,
+                              onKeyDown: (D) => {
+                                D.key === Te && A && v && y(A) && H({
+                                  inputValue: A,
+                                  selectItem: ae,
+                                  clearSelection: de,
                                   batchAddItems: Ie
-                                }), v({ event: w, removeItem: q, inputValue: C });
+                                }), w({ event: D, removeItem: U, inputValue: A });
                               },
                               onBlur: () => {
-                                M(), C && b && g(C) && j({
-                                  inputValue: C,
-                                  selectItem: de,
-                                  clearSelection: ue,
+                                C(), A && v && y(A) && H({
+                                  inputValue: A,
+                                  selectItem: ae,
+                                  clearSelection: de,
                                   batchAddItems: Ie
                                 });
                               },
                               disabled: u,
-                              ...y
+                              ...b
                             }),
-                            className: G("input", { disabled: u }, y.className),
-                            "data-automation-id": z
+                            className: J("input", { disabled: u }, b.className),
+                            "data-automation-id": M
                           }
                         )
                       ]
                     }
                   ),
-                  (y == null ? void 0 : y.clearable) && !Me(s) && /* @__PURE__ */ r(
+                  (b == null ? void 0 : b.clearable) && !Me(s) && /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      className: G("clear-icon", { "clear-icon--disabled": u }),
+                      className: J("clear-icon", { "clear-icon--disabled": u }),
                       onClick: () => {
-                        var w;
-                        return !u && ((w = y == null ? void 0 : y.onClear) == null ? void 0 : w.call(y));
+                        var D;
+                        return !u && ((D = b == null ? void 0 : b.onClear) == null ? void 0 : D.call(b));
                       },
-                      onMouseDown: (w) => w.preventDefault(),
+                      onMouseDown: (D) => D.preventDefault(),
                       children: /* @__PURE__ */ r(et, {})
                     }
                   ),
-                  P && /* @__PURE__ */ r(
+                  L && /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      className: G("dropdown-button", { "icon-reversed": A }),
-                      onClick: () => U(),
+                      className: J("dropdown-button", { "icon-reversed": k }),
+                      onClick: () => V(),
                       "aria-label": "Toggle dropdown",
-                      "aria-expanded": A,
+                      "aria-expanded": k,
                       children: /* @__PURE__ */ r(Oe, {})
                     }
                   )
                 ]
               }
             ),
-            h && d && /* @__PURE__ */ r("span", { className: G("error-text"), children: h })
+            h && d && /* @__PURE__ */ r("span", { className: J("error-text"), children: h })
           ] }),
           /* @__PURE__ */ r(
             $e,
             {
-              isOpen: A,
+              isOpen: k,
               loading: n,
-              async: $,
-              ref: ie.setFloating,
+              async: T,
+              ref: ce.setFloating,
               newItemButtonText: ve,
-              isDropdownMode: P,
-              style: Q,
-              inputValue: me.trim(),
-              getItemProps: xe(k, H, s),
-              parseValueToString: N,
+              isDropdownMode: L,
+              style: Z,
+              inputValue: Se.trim(),
+              getItemProps: xe(S, W, s),
+              parseValueToString: x,
               createWithoutConfirmation: i,
-              options: X,
-              className: K,
+              options: G,
+              className: X,
               ...be
             }
           )
@@ -653,7 +651,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
       }
     }
   );
-}, Pt = ({ skip: t }) => {
+}, Bt = ({ skip: t }) => {
   je(() => {
     if (t)
       return;
@@ -675,7 +673,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
       clearTimeout(h), window.removeEventListener("scroll", l, { capture: !0 });
     };
   }, [t]);
-}, Bt = ({ skip: t, reference: e }) => {
+}, Pt = ({ skip: t, reference: e }) => {
   we(() => {
     if (t)
       return;
@@ -703,7 +701,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   "input-wrapper": "_input-wrapper_d9vma_1",
   "dropdown-button": "_dropdown-button_d9vma_6",
   "icon-reversed": "_icon-reversed_d9vma_14"
-}, Le = J.bind(Tt), $t = 0, Dt = Je({
+}, Le = Q.bind(Tt), $t = 0, Dt = Je({
   fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
   boundary: document == null ? void 0 : document.documentElement,
   rootBoundary: "viewport"
@@ -725,151 +723,151 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
     onBlur: h = () => {
     },
     disabled: d = !1,
-    inputProps: b = {},
-    parseValueToString: x = (v) => v === null ? "" : String(v),
+    inputProps: v = {},
+    parseValueToString: g = (w) => w === null ? "" : String(w),
     minLength: p = 1,
-    skipOptionCreation: L = !1,
-    maxLength: M = null,
+    skipOptionCreation: F = !1,
+    maxLength: C = null,
     optionVariant: u = "",
-    isRequired: P = !1,
-    error: O = "",
-    touched: y = !1,
-    setTouch: N = () => {
+    isRequired: L = !1,
+    error: P = "",
+    touched: b = !1,
+    setTouch: x = () => {
     },
     createWithoutConfirmation: B = !1,
-    menuClassName: $ = "",
+    menuClassName: T = "",
     icon: c,
     isDropdownMode: i = !1,
     isOptionUnique: a,
     refFunction: m,
-    stateReducer: g,
-    onStateChange: E,
+    stateReducer: y,
+    onStateChange: N,
     useFixedPositioning: _,
-    dropdownMatchInputWidth: I = !1,
-    withMenuFlip: z = !1,
-    newItemButtonText: S = "",
-    menuPortalRoot: R,
-    ...F
-  } = t, [D, ve] = ne(!1), K = Ce(null), re = Y(() => {
-    var v;
-    return (v = K.current) == null ? void 0 : v.call(K);
-  }, []), le = !D || !R, ce = R || _ ? "fixed" : "absolute", be = !D || ce === "absolute", ie = He(
+    dropdownMatchInputWidth: E = !1,
+    withMenuFlip: M = !1,
+    newItemButtonText: I = "",
+    menuPortalRoot: z,
+    ...R
+  } = t, [$, ve] = se(!1), X = Ce(null), ne = K(() => {
+    var w;
+    return (w = X.current) == null ? void 0 : w.call(X);
+  }, []), re = !$ || !z, le = z || _ ? "fixed" : "absolute", be = !$ || le === "absolute", ce = He(
     () => [
-      ...z ? [Dt] : [],
-      ...I ? [jt] : []
+      ...M ? [Dt] : [],
+      ...E ? [jt] : []
     ],
-    [z, I]
-  ), { refs: Q, floatingStyles: ye } = Pe({
+    [M, E]
+  ), { refs: Z, floatingStyles: ye } = Be({
     placement: "bottom-start",
-    whileElementsMounted: Be,
-    strategy: ce,
-    middleware: ie
+    whileElementsMounted: Pe,
+    strategy: le,
+    middleware: ce
   });
-  Pt({ skip: le }), Bt({ skip: le, reference: Q.reference }), Ot({
+  Bt({ skip: re }), Pt({ skip: re, reference: Z.reference }), Ot({
     skip: be,
-    onClose: re,
-    menuRef: Q.floating
+    onClose: ne,
+    menuRef: Z.floating
   });
-  const te = (v, j, Z) => ({ item: X, index: f, ...k }) => v({
-    item: X,
+  const oe = (w, H, q) => ({ item: G, index: f, ...S }) => w({
+    item: G,
     index: f,
-    isSelected: Z !== null && Z === X,
-    ...k,
-    isActive: j === f
-  }), ge = (v, j) => {
-    v.key === Ue && (v.preventDefault(), j(e.length));
-  }, xe = Y(
-    (v, ...j) => {
-      (v == null ? void 0 : v.isOpen) !== void 0 && ve(v.isOpen), E == null || E(v, ...j);
+    isSelected: q !== null && q === G,
+    ...S,
+    isActive: H === f
+  }), ge = (w, H) => {
+    w.key === Ue && (w.preventDefault(), H(e.length));
+  }, xe = K(
+    (w, ...H) => {
+      (w == null ? void 0 : w.isOpen) !== void 0 && ve(w.isOpen), N == null || N(w, ...H);
     },
-    [E]
+    [N]
   );
   return /* @__PURE__ */ r(
     _e,
     {
       onChange: s,
-      itemToString: x,
+      itemToString: g,
       selectedItem: n,
       onStateChange: xe,
       defaultHighlightedIndex: $t,
-      stateReducer: g,
+      stateReducer: y,
       children: ({
-        getInputProps: v,
-        getItemProps: j,
-        setHighlightedIndex: Z,
-        toggleMenu: X,
+        getInputProps: w,
+        getItemProps: H,
+        setHighlightedIndex: q,
+        toggleMenu: G,
         openMenu: f,
-        closeMenu: k,
-        isOpen: A,
-        inputValue: C,
-        highlightedIndex: H,
-        getRootProps: q,
-        selectItem: W
+        closeMenu: S,
+        isOpen: k,
+        inputValue: A,
+        highlightedIndex: W,
+        getRootProps: U,
+        selectItem: Y
       }) => {
-        const ae = q(void 0, { suppressRefError: !0 }), de = {
-          ...ae,
-          ref: (w) => (Q.setReference(w), ae.ref(w))
+        const ie = U(void 0, { suppressRefError: !0 }), ae = {
+          ...ie,
+          ref: (j) => (Z.setReference(j), ie.ref(j))
         };
-        K.current || (K.current = k);
-        const ue = C ?? "", { onClear: U, clearable: Ne, ...Ee } = b, oe = Ne && n !== null, Se = (...w) => {
-          W(null), U == null || U(...w);
-        }, me = /* @__PURE__ */ r(
+        X.current || (X.current = S);
+        const de = A ?? "", { onClear: V, clearable: Ne, ...Ee } = v, ue = Ne && n !== null, Se = (...j) => {
+          Y(null), V == null || V(...j);
+        }, D = /* @__PURE__ */ r(
           $e,
           {
-            isOpen: A,
+            isOpen: k,
             isDropdownMode: i,
             style: ye,
-            ref: Q.setFloating,
-            portalMenuAttribute: R ? qe : null,
+            ref: Z.setFloating,
+            portalMenuAttribute: z ? qe : null,
             minLength: p,
-            inputValue: (C || "").trim(),
-            getItemProps: te(j, H, n),
-            parseValueToString: x,
+            inputValue: (A || "").trim(),
+            getItemProps: oe(H, W, n),
+            parseValueToString: g,
             optionVariant: u,
             createWithoutConfirmation: B,
-            className: $,
+            className: T,
             options: e,
-            newItemButtonText: S,
-            ...F
+            newItemButtonText: I,
+            ...R
           }
         );
-        return /* @__PURE__ */ T(he, { children: [
-          /* @__PURE__ */ T("div", { className: Le("input-wrapper"), ...de, children: [
+        return /* @__PURE__ */ O(he, { children: [
+          /* @__PURE__ */ O("div", { className: Le("input-wrapper"), ...ae, children: [
             /* @__PURE__ */ r(
               Ze,
               {
-                ...v({
+                ...w({
                   placeholder: d ? "" : o,
-                  maxLength: M || void 0,
+                  maxLength: C || void 0,
                   onFocus: () => {
-                    i && !A && (f(), N == null || N(!0)), l();
+                    i && !k && (f(), x == null || x(!0)), l();
                   },
                   ref: m,
-                  onKeyDown: (w) => {
-                    w.key === Te && w.preventDefault(), C && A && ge(w, Z);
+                  onKeyDown: (j) => {
+                    j.key === Te && j.preventDefault(), A && k && ge(j, q);
                   },
-                  onBlur: (w) => {
-                    const se = ue.trim(), ke = !Me(se), ze = ke ? e.find((Ae) => x(Ae) === se) : void 0;
-                    W(ze || (!L && B && ke ? se : null)), h(w), a == null || a(
-                      ke ? !e.some((Ae) => x(Ae) === se) : null
-                    ), i && A && X(), N == null || N(!0);
+                  onBlur: (j) => {
+                    const me = de.trim(), ke = !Me(me), ze = ke ? e.find((Ae) => g(Ae) === me) : void 0;
+                    Y(ze || (!F && B && ke ? me : null)), h(j), a == null || a(
+                      ke ? !e.some((Ae) => g(Ae) === me) : null
+                    ), i && k && G(), x == null || x(!0);
                   },
                   disabled: d,
                   defaultWidth: !1,
-                  isRequired: P,
-                  touched: y,
-                  error: O,
+                  isRequired: L,
+                  touched: b,
+                  error: P,
                   ...Ee,
-                  clearable: oe,
-                  onClear: oe ? Se : U,
+                  clearable: ue,
+                  onClear: ue ? Se : V,
                   endIcon: i && !c ? /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      className: Le("dropdown-button", { "icon-reversed": A }),
-                      onClick: () => X(),
+                      className: Le("dropdown-button", { "icon-reversed": k }),
+                      onClick: () => G(),
                       "aria-label": "Toggle dropdown",
-                      "aria-expanded": A,
+                      "aria-expanded": k,
                       children: /* @__PURE__ */ r(Oe, {})
                     }
                   ) : c,
@@ -877,9 +875,9 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
                 })
               }
             ),
-            !R && me
+            !z && D
           ] }),
-          R && Ge(me, R)
+          z && Ge(D, z)
         ] });
       }
     }

package/package.json

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