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

package/dist/autocompletes.js

@@ -1,17 +1,17 @@
-import { jsx as r, jsxs as D, Fragment as he } from "react/jsx-runtime";
-import { useState as oe, useRef as Me, useEffect as we, useCallback as Y, forwardRef as Te, useLayoutEffect as je, useMemo as He } from "react";
+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";
 import { S as Xe } from "./plus-199fb2a8.js";
-import { i as ze } from "./isEmpty-ccacb5ff.js";
+import { i as Me } from "./isEmpty-ccacb5ff.js";
 import { createPortal as Ge } from "react-dom";
-import pe from "downshift";
-import { useFloating as Be, autoUpdate as De, flip as Je, size as Qe } from "@floating-ui/react";
+import _e from "downshift";
+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 Fe } from "./dropdown-0260bb66.js";
-import { E as Oe, A as qe, T as Ue } from "./constants-85822a6b.js";
+import { S as Oe } from "./dropdown-0260bb66.js";
+import { E as Te, A as qe, T as Ue } from "./constants-85822a6b.js";
 import { S as Ve } from "./close-4d480ef7.js";
 import { S as et } from "./clear-53660571.js";
 import "./openEye-950159cb.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
-}, me = Q.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,
@@ -37,49 +37,49 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   parseValueToString: s,
   error: l = !1,
   editItem: h,
-  editable: u = !1,
+  editable: d = !1,
   getAdditionalCreationCondition: v = () => !0,
   storedOption: g = !0,
   highlightUnStoredItem: p = !1,
-  variant: z = "light",
-  getItemName: k,
-  singleLine: m = !1,
+  variant: F = "light",
+  getItemName: C,
+  singleLine: u = !1,
   className: L,
   textClassName: P
 }) => {
-  const [b, x] = oe(!1), [A, F] = oe(""), [c, i] = oe(!1), a = Me(null), d = () => {
-    !n && u && !g && (F((k == null ? void 0 : k(t)) || (s == null ? void 0 : s(t)) || ""), x(!0));
-  }, y = (B) => {
-    F(B.target.value);
-  }, C = (B) => {
-    const j = v(A);
-    B.key === "Enter" && j && (h(t, A), x(!1), F(""));
+  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(""));
   }, _ = () => {
-    x(!1), F("");
-  }, N = (B) => {
-    B.stopPropagation(), e(t);
-  }, R = (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 && m) {
-      const B = () => {
+    if (a.current && u) {
+      const R = () => {
         a.current && i(nt(a.current));
       };
-      if (B(), typeof ResizeObserver < "u") {
-        const j = new ResizeObserver(B);
-        return j.observe(a.current), () => j.disconnect();
+      if (R(), typeof ResizeObserver < "u") {
+        const $ = new ResizeObserver(R);
+        return $.observe(a.current), () => $.disconnect();
       }
     } else
       i(!1);
-  }, [R, m]);
-  const ee = me(
+  }, [M, u]);
+  const I = fe(
     "selected-item-text",
     {
-      "single-line": m
+      "single-line": u
     },
     P
-  ), $ = me(
+  ), z = fe(
     "selected-item",
-    z,
+    F,
     {
       [`validation-${l}`]: l,
       disabled: n,
@@ -92,32 +92,32 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
     "input",
     {
       autoFocus: !0,
-      value: A,
+      value: B,
       onChange: y,
-      onKeyDown: C,
+      onKeyDown: N,
       onBlur: _,
-      className: me("input")
+      className: fe("input")
     }
-  ) : /* @__PURE__ */ D("div", { className: $, onClick: d, children: [
+  ) : /* @__PURE__ */ O("div", { className: z, onClick: m, children: [
     /* @__PURE__ */ r(
       "span",
       {
         ref: a,
-        className: ee,
-        title: m && c ? R : void 0,
-        children: R
+        className: I,
+        title: u && c ? M : void 0,
+        children: M
       }
     ),
     !n && /* @__PURE__ */ r(
       "button",
       {
         type: "button",
-        className: me("cross-icon", {
+        className: fe("cross-icon", {
           [`validation-${l}`]: l,
           "mobile-disabled": o,
           disabled: n
         }),
-        onClick: N,
+        onClick: E,
         children: /* @__PURE__ */ r(Ve, {})
       }
     )
@@ -130,7 +130,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   highlightUnStoredItem: s = !1,
   renderCustomSelectedItem: l,
   selectedItemSingleLine: h,
-  selectedItemClassName: u,
+  selectedItemClassName: d,
   selectedItemTextClassName: v,
   ...g
 }) => t.map((p) => l ? l(p) : /* @__PURE__ */ r(
@@ -142,7 +142,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
     storedOption: !!o[e(p)],
     highlightUnStoredItem: s,
     singleLine: h,
-    className: u,
+    className: d,
     textClassName: v,
     ...g
   },
@@ -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 = Q.bind(wt), Re = ({
+}, ee = Q.bind(wt), Re = ({
   isActive: t = !1,
   isSelected: e = !1,
   isNew: n = !1,
@@ -168,27 +168,27 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   disabled: s = !1,
   optionVariant: l = "",
   newItemButtonText: h = "",
-  ...u
+  ...d
 }) => {
   const v = () => h || (l === "key-variant" ? "New key" : "New value");
-  return n ? /* @__PURE__ */ D(he, { children: [
-    /* @__PURE__ */ r("div", { className: V("divider") }),
-    /* @__PURE__ */ D(
+  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
         }),
-        ...u,
+        ...d,
         children: [
-          /* @__PURE__ */ r("span", { className: V("value"), children: o }),
+          /* @__PURE__ */ r("span", { className: ee("value"), children: o }),
           /* @__PURE__ */ r(
             Ke,
             {
-              ...!s && u,
-              className: V({ "button-active": t }),
+              ...!s && d,
+              className: ee({ "button-active": t }),
               icon: /* @__PURE__ */ r(Xe, {}),
               variant: "text",
               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 ? {} : u,
-      children: /* @__PURE__ */ r("span", { className: V("label", "tag"), children: o })
+      ...s ? {} : d,
+      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"
-}, fe = Q.bind(bt), yt = (t) => {
+}, pe = Q.bind(bt), yt = (t) => {
   const {
     options: e,
     async: n,
@@ -221,73 +221,73 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
     loading: s,
     createWithoutConfirmation: l,
     customEmptyListMessage: h,
-    customNoMatchesMessage: u,
+    customNoMatchesMessage: d,
     optionVariant: v,
     newItemButtonText: g,
     renderOption: p,
-    getUniqKey: z,
-    getItemProps: k,
-    parseValueToString: m,
+    getUniqKey: F,
+    getItemProps: C,
+    parseValueToString: u,
     limitationText: L = "Too many results. Type to search",
     optionsLimit: P = 0,
     shouldShowEmptyListMessage: b = !0
-  } = t, x = Y(() => (e || []).filter((_) => m(_).toUpperCase().indexOf((o.toUpperCase() || "").trim()) > -1), [o, e, m]), A = Y(
-    (_, N, R = !1) => p ? p(_, N, R, k) : /* @__PURE__ */ r(
+  } = 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: v,
-        ...k({ item: _, index: N }),
-        isNew: R,
+        ...C({ item: _, index: E }),
+        isNew: M,
         newItemButtonText: g,
-        children: m(_)
+        children: u(_)
       },
-      (z == null ? void 0 : z(_)) || m(_)
+      (F == null ? void 0 : F(_)) || u(_)
     ),
-    [k, z, g, v, m, p]
-  ), F = Y(
-    (_) => _.length ? _.map((N, R) => A(N, R)) : "",
-    [A]
-  ), c = Y(
+    [C, F, g, v, u, p]
+  ), T = K(
+    (_) => _.length ? _.map((E, M) => B(E, M)) : "",
+    [B]
+  ), c = K(
     (_) => {
-      const N = _.length;
-      return /* @__PURE__ */ r("div", { className: fe({ container: !N }), children: /* @__PURE__ */ r(
+      const E = _.length;
+      return /* @__PURE__ */ r("div", { className: pe({ container: !E }), children: /* @__PURE__ */ r(
         Re,
         {
           optionVariant: v,
           isNew: !0,
           newItemButtonText: g,
-          ...k({ item: o, index: N }),
-          children: m(o)
+          ...C({ item: o, index: E }),
+          children: u(o)
         },
-        m(o)
+        u(o)
       ) });
     },
-    [k, o, g, v, m]
-  ), i = Y(
-    (_) => s ? /* @__PURE__ */ D(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(() => {
-    const _ = (e == null ? void 0 : e.length) === 0 ? h || "No available options" : u || "No matches found";
-    return /* @__PURE__ */ r("div", { className: fe("empty-list-message"), children: _ });
-  }, [h, u, e == null ? void 0 : e.length]), d = n ? e : x(), y = i(e);
+  ), 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 : x(), y = i(e);
   if (y)
     return y;
-  const C = ze(d);
-  return C && !b && l ? null : /* @__PURE__ */ D("div", { className: fe({ container: e.length }), children: [
-    /* @__PURE__ */ D(We, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: [
-      C ? b && a() : F(d),
-      (d == null ? void 0 : d.length) > P && P > 0 && L ? /* @__PURE__ */ r("li", { className: fe("limitation-item"), "aria-hidden": "true", children: L }) : null
+  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(d)
+    !l && c(m)
   ] });
 }, gt = "_menu_f64z5_16", xt = "_opened_f64z5_34", Nt = "_dark_f64z5_37", Et = {
   menu: gt,
   opened: xt,
   dark: Nt
-}, St = Q.bind(Et), It = (t, e) => !t || t <= e.trim().length, $e = Te(
+}, It = Q.bind(Et), St = (t, e) => !t || t <= e.trim().length, $e = De(
   ({
     isOpen: t = !1,
     style: e = {},
@@ -296,28 +296,28 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
     inputValue: s = "",
     className: l = "",
     portalMenuAttribute: h = null,
-    ...u
+    ...d
   }, v) => /* @__PURE__ */ r(
     "ul",
     {
       ref: v,
-      className: St(
+      className: It(
         "menu",
-        { opened: t && (o || It(n, s)) },
+        { opened: t && (o || St(n, s)) },
         l
       ),
       style: e,
       ...h ? { [h]: "" } : {},
-      children: /* @__PURE__ */ r(yt, { inputValue: s, ...u })
+      children: /* @__PURE__ */ r(yt, { inputValue: s, ...d })
     }
   )
-), Le = (t, e) => typeof t == "string" ? t : e ? String(t[e(t)]) : "", _e = (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]) => _e(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];
-})() : !1, Ct = ({
+})() : !1, At = ({
   options: t = [],
   onChange: e,
   selectedItems: n = [],
@@ -325,54 +325,64 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   existingItemsMap: s = {},
   children: l,
   customizeNewSelectedValue: h = (p) => p,
-  getOptionUniqKey: u,
+  getOptionUniqKey: d,
   getOptionUniqKeyValue: v,
   ...g
 }) => {
-  const [p, z] = oe(s), k = (c, i) => {
+  const [p, F] = se(s), C = (c, i) => {
     const a = {
       ...p
     };
-    c.forEach((d) => {
-      if (t.find((y) => kt(y, d, u))) {
-        const y = Le(d, u);
+    c.forEach((m) => {
+      if (t.find((y) => kt(y, m, d))) {
+        const y = Fe(m, d);
         a[y] = !0;
       }
-    }), z(a), i(a);
-  }, m = (c, i) => {
-    const a = Le(c, u);
+    }), F(a), i(a);
+  }, u = (c, i) => {
+    const a = Fe(c, d);
     if (a in p) {
-      const d = { ...p };
-      delete d[a], z(d), i(d);
+      const m = { ...p };
+      delete m[a], F(m), i(m);
     } else
       i(p);
   }, L = (c, i) => {
-    const a = h(c), d = Array.isArray(a) ? a : [a], C = [...n.filter((N) => d.indexOf(N) < 0), ...d];
-    e == null || e(C, i), k(d, (N) => o == null ? void 0 : o(C, N));
+    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 (!N || N.length === 0)
+      return;
+    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), d = [...n];
-    d.splice(a, 1, i), e == null || e(d, null);
+    const a = n.indexOf(c), m = [...n];
+    m.splice(a, 1, i), e == null || e(m, null);
   }, b = (c, i) => {
-    const a = n.filter((y) => !_e(y, c));
-    e == null || e(a, i), m(c, (y) => o == null ? void 0 : o(a, y));
+    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);
-  }, A = (c) => ({
+  }, B = (c) => ({
     removeItem: b,
     editItem: P,
     handleChange: e,
     getOptionUniqKeyValue: v,
     storedItemsMap: p,
+    batchAddItems: (a) => {
+      L(a, c);
+    },
     ...c
   });
   return /* @__PURE__ */ r(
-    pe,
+    _e,
     {
       ...g,
       stateReducer: (c, i) => {
         switch (i.type) {
-          case pe.stateChangeTypes.keyDownEnter:
-          case pe.stateChangeTypes.clickItem:
+          case _e.stateChangeTypes.keyDownEnter:
+          case _e.stateChangeTypes.clickItem:
             return {
               ...i,
               highlightedIndex: c.highlightedIndex,
@@ -384,26 +394,26 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
       },
       onChange: x,
       selectedItem: null,
-      children: (c) => l == null ? void 0 : l(A(c))
+      children: (c) => l == null ? void 0 : l(B(c))
     }
   );
-}, Mt = "_autocomplete_1so4a_16", zt = "_disabled_1so4a_32", At = "_error_1so4a_35", Rt = "_touched_1so4a_35", Lt = "_input_1so4a_77", Pt = {
-  autocomplete: Mt,
+}, Ct = "_autocomplete_1so4a_16", Mt = "_disabled_1so4a_32", zt = "_error_1so4a_35", Rt = "_touched_1so4a_35", Ft = "_input_1so4a_77", Lt = {
+  autocomplete: Ct,
   "autocomplete-wrapper": "_autocomplete-wrapper_1so4a_28",
-  disabled: zt,
-  error: At,
+  disabled: Mt,
+  error: zt,
   touched: Rt,
   "clear-icon": "_clear-icon_1so4a_46",
   "clear-icon--disabled": "_clear-icon--disabled_1so4a_56",
   "autocomplete-input": "_autocomplete-input_1so4a_60",
   "single-line-mode": "_single-line-mode_1so4a_68",
   "mobile-disabled": "_mobile-disabled_1so4a_72",
-  input: Lt,
+  input: Ft,
   "type-number": "_type-number_1so4a_101",
   "error-text": "_error-text_1so4a_112",
   "dropdown-button": "_dropdown-button_1so4a_121",
   "icon-reversed": "_icon-reversed_1so4a_129"
-}, J = Q.bind(Pt), ao = (t) => {
+}, J = Q.bind(Lt), ao = (t) => {
   const {
     options: e = [],
     loading: n = !1,
@@ -412,191 +422,193 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
     value: s = [],
     placeholder: l = "",
     error: h = "",
-    touched: u = !1,
+    touched: d = !1,
     creatable: v = !1,
     editable: g = !1,
     onChange: p = () => {
     },
-    onFocus: z = () => {
+    onFocus: F = () => {
     },
-    onBlur: k = () => {
+    onBlur: C = () => {
     },
-    disabled: m = !1,
+    disabled: u = !1,
     isDropdownMode: L = !1,
     mobileDisabled: P = !1,
     inputProps: b = {},
     parseValueToString: x = (f) => f == null ? "" : String(f),
-    maxLength: A = null,
-    async: F = !1,
+    maxLength: B = null,
+    async: T = !1,
     customClass: c = "",
     createWithoutConfirmation: i = !1,
     getItemValidationErrorType: a = null,
-    clearItemsError: d = () => {
+    clearItemsError: m = () => {
     },
     getAdditionalCreationCondition: y = () => !0,
-    highlightUnStoredItem: C = !1,
+    highlightUnStoredItem: N = !1,
     parseInputValueFn: _ = null,
-    handleUnStoredItemCb: N = null,
-    dataAutomationId: R = "",
-    existingItemsMap: ee = {},
-    customizeNewSelectedValue: $ = (f) => f,
-    renderCustomSelectedItem: B,
-    useFixedPositioning: j,
+    handleUnStoredItemCb: E = null,
+    dataAutomationId: M = "",
+    existingItemsMap: I = {},
+    customizeNewSelectedValue: z = (f) => f,
+    renderCustomSelectedItem: R,
+    useFixedPositioning: $,
     newItemButtonText: ve = "",
-    menuClassName: K = "",
-    selectedItemSingleLine: se,
-    selectedItemClassName: ne,
-    selectedItemTextClassName: re,
+    menuClassName: X = "",
+    selectedItemSingleLine: ne,
+    selectedItemClassName: re,
+    selectedItemTextClassName: le,
     ...be
-  } = t, { refs: le, floatingStyles: Z } = Be({
+  } = t, { refs: ce, floatingStyles: Z } = Be({
     placement: "bottom-start",
-    strategy: j ? "fixed" : "absolute",
-    whileElementsMounted: De
-  }), ye = s.length === 0 && !m ? l : "", te = Me(null);
+    strategy: $ ? "fixed" : "absolute",
+    whileElementsMounted: Pe
+  }), ye = s.length === 0 && !u ? l : "", oe = Ce(null);
   we(() => {
-    d();
-  }, [d, s]);
-  const ge = (f, E) => {
-    p(f, E);
-  }, xe = (f, E, I) => ({ item: S, index: G, ...H }) => f({
-    item: S,
-    index: G,
-    isSelected: I.some((W) => _e(W, S)),
-    ...H,
-    isActive: E === G
+    m();
+  }, [m, s]);
+  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: E,
-    inputValue: I
+    removeItem: S,
+    inputValue: k
   }) => {
-    f.key === "Backspace" && !I && s.length && E(s[s.length - 1], null);
-  }, T = ({
+    f.key === "Backspace" && !k && s.length && S(s[s.length - 1], null);
+  }, H = ({
     inputValue: f,
-    selectItem: E,
-    clearSelection: I
+    selectItem: S,
+    clearSelection: k,
+    batchAddItems: A
   }) => {
     if (_) {
-      const S = _(f);
-      (S.length ? S : [f]).forEach((H) => E(H)), I();
+      const W = _(f);
+      A(W.length ? W : [f]), k();
     } else
-      E(f), I();
-  }, q = (f) => (E) => {
-    f(E, null), te.current && te.current.focus();
-  }, X = e.filter((f) => s.every((E) => !_e(E, 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(
-    Ct,
+    At,
     {
       onChange: ge,
       itemToString: x,
       selectedItems: s,
       onStateChange: o,
       options: e,
-      existingItemsMap: ee,
-      handleUnStoredItemCb: N,
-      customizeNewSelectedValue: $,
+      existingItemsMap: I,
+      handleUnStoredItemCb: E,
+      customizeNewSelectedValue: z,
       children: ({
         getInputProps: f,
-        getItemProps: E,
-        isOpen: I,
-        inputValue: S = "",
-        highlightedIndex: G,
-        removeItem: H,
-        editItem: W,
-        openMenu: ce,
-        selectItem: ie,
-        clearSelection: ae,
-        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
+        getRootProps: Ee,
+        batchAddItems: Ie
       }) => {
-        const Se = Ee(void 0, { suppressRefError: !0 }), de = {
-          ...Se,
-          ref: (M) => (le.setReference(M), Se.ref(M))
-        }, Ie = S ?? "";
-        return /* @__PURE__ */ D("div", { ...de, className: J("autocomplete-wrapper"), children: [
-          /* @__PURE__ */ D(he, { children: [
-            /* @__PURE__ */ D(
+        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",
               {
+                ref: ce.setReference,
                 className: J("autocomplete", c, {
                   "mobile-disabled": P,
                   error: h,
-                  touched: u,
-                  disabled: m
+                  touched: d,
+                  disabled: u
                 }),
                 children: [
-                  /* @__PURE__ */ D(
+                  /* @__PURE__ */ O(
                     "div",
                     {
                       className: J("autocomplete-input", {
                         "mobile-disabled": P,
-                        "single-line-mode": se
+                        "single-line-mode": ne
                       }),
                       children: [
                         /* @__PURE__ */ r(
                           lt,
                           {
                             items: s,
-                            onRemoveItem: q(H),
-                            disabled: m,
+                            onRemoveItem: q(U),
+                            disabled: u,
                             mobileDisabled: P,
                             parseValueToString: x,
                             getItemValidationErrorType: a,
-                            renderCustomSelectedItem: B,
-                            editItem: W,
+                            renderCustomSelectedItem: R,
+                            editItem: Y,
                             editable: g,
                             getAdditionalCreationCondition: y,
                             storedItemsMap: Ne,
-                            highlightUnStoredItem: C,
-                            selectedItemSingleLine: se,
-                            selectedItemClassName: ne,
-                            selectedItemTextClassName: re
+                            highlightUnStoredItem: N,
+                            selectedItemSingleLine: ne,
+                            selectedItemClassName: re,
+                            selectedItemTextClassName: le
                           }
                         ),
                         /* @__PURE__ */ r(
                           "input",
                           {
                             ...f({
-                              ref: te,
+                              ref: oe,
                               placeholder: ye,
-                              maxLength: A,
+                              maxLength: B,
                               onFocus: () => {
-                                L && ce(), z();
+                                L && ie(), F();
                               },
-                              onKeyDown: (M) => {
-                                M.key === Oe && S && v && y(S) && T({
-                                  inputValue: S,
-                                  selectItem: ie,
-                                  clearSelection: ae
-                                }), w({ event: M, removeItem: H, inputValue: S });
+                              onKeyDown: (D) => {
+                                D.key === Te && A && v && y(A) && H({
+                                  inputValue: A,
+                                  selectItem: ae,
+                                  clearSelection: de,
+                                  batchAddItems: Ie
+                                }), w({ event: D, removeItem: U, inputValue: A });
                               },
                               onBlur: () => {
-                                k(), S && v && y(S) && T({
-                                  inputValue: S,
-                                  selectItem: ie,
-                                  clearSelection: ae
+                                C(), A && v && y(A) && H({
+                                  inputValue: A,
+                                  selectItem: ae,
+                                  clearSelection: de,
+                                  batchAddItems: Ie
                                 });
                               },
-                              disabled: m,
+                              disabled: u,
                               ...b
                             }),
-                            className: J("input", { disabled: m }, b.className),
-                            "data-automation-id": R
+                            className: J("input", { disabled: u }, b.className),
+                            "data-automation-id": M
                           }
                         )
                       ]
                     }
                   ),
-                  (b == null ? void 0 : b.clearable) && !ze(s) && /* @__PURE__ */ r(
+                  (b == null ? void 0 : b.clearable) && !Me(s) && /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      className: J("clear-icon", { "clear-icon--disabled": m }),
+                      className: J("clear-icon", { "clear-icon--disabled": u }),
                       onClick: () => {
-                        var M;
-                        return !m && ((M = b == null ? void 0 : b.onClear) == null ? void 0 : M.call(b));
+                        var D;
+                        return !u && ((D = b == null ? void 0 : b.onClear) == null ? void 0 : D.call(b));
                       },
-                      onMouseDown: (M) => M.preventDefault(),
+                      onMouseDown: (D) => D.preventDefault(),
                       children: /* @__PURE__ */ r(et, {})
                     }
                   ),
@@ -604,34 +616,34 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
                     "button",
                     {
                       type: "button",
-                      className: J("dropdown-button", { "icon-reversed": I }),
-                      onClick: () => U(),
+                      className: J("dropdown-button", { "icon-reversed": k }),
+                      onClick: () => V(),
                       "aria-label": "Toggle dropdown",
-                      "aria-expanded": I,
-                      children: /* @__PURE__ */ r(Fe, {})
+                      "aria-expanded": k,
+                      children: /* @__PURE__ */ r(Oe, {})
                     }
                   )
                 ]
               }
             ),
-            h && u && /* @__PURE__ */ r("span", { className: J("error-text"), children: h })
+            h && d && /* @__PURE__ */ r("span", { className: J("error-text"), children: h })
           ] }),
           /* @__PURE__ */ r(
             $e,
             {
-              isOpen: I,
+              isOpen: k,
               loading: n,
-              async: F,
-              ref: le.setFloating,
+              async: T,
+              ref: ce.setFloating,
               newItemButtonText: ve,
               isDropdownMode: L,
               style: Z,
-              inputValue: Ie.trim(),
-              getItemProps: xe(E, G, s),
+              inputValue: Se.trim(),
+              getItemProps: xe(S, W, s),
               parseValueToString: x,
               createWithoutConfirmation: i,
-              options: X,
-              className: K,
+              options: G,
+              className: X,
               ...be
             }
           )
@@ -648,8 +660,8 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
       if (!n)
         return;
       window.scrollY !== e && window.scrollTo(0, e);
-    }, l = (u) => {
-      n && (u.preventDefault(), u.stopImmediatePropagation(), s());
+    }, l = (d) => {
+      n && (d.preventDefault(), d.stopImmediatePropagation(), s());
     };
     e = window.scrollY, window.addEventListener("scroll", l, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
       e = window.scrollY, s();
@@ -661,7 +673,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
       clearTimeout(h), window.removeEventListener("scroll", l, { capture: !0 });
     };
   }, [t]);
-}, Dt = ({ skip: t, reference: e }) => {
+}, Pt = ({ skip: t, reference: e }) => {
   we(() => {
     if (t)
       return;
@@ -673,7 +685,7 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
       window.removeEventListener("resize", n);
     };
   }, [t, e]);
-}, Ft = ({ skip: t, onClose: e, menuRef: n }) => {
+}, Ot = ({ skip: t, onClose: e, menuRef: n }) => {
   we(() => {
     if (t)
       return;
@@ -685,11 +697,11 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
       window.removeEventListener("scroll", o, !0);
     };
   }, [t, e, n]);
-}, Ot = {
+}, Tt = {
   "input-wrapper": "_input-wrapper_d9vma_1",
   "dropdown-button": "_dropdown-button_d9vma_6",
   "icon-reversed": "_icon-reversed_d9vma_14"
-}, Pe = Q.bind(Ot), $t = 0, Tt = 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"
@@ -710,68 +722,68 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
     },
     onBlur: h = () => {
     },
-    disabled: u = !1,
+    disabled: d = !1,
     inputProps: v = {},
     parseValueToString: g = (w) => w === null ? "" : String(w),
     minLength: p = 1,
-    skipOptionCreation: z = !1,
-    maxLength: k = null,
-    optionVariant: m = "",
+    skipOptionCreation: F = !1,
+    maxLength: C = null,
+    optionVariant: u = "",
     isRequired: L = !1,
     error: P = "",
     touched: b = !1,
     setTouch: x = () => {
     },
-    createWithoutConfirmation: A = !1,
-    menuClassName: F = "",
+    createWithoutConfirmation: B = !1,
+    menuClassName: T = "",
     icon: c,
     isDropdownMode: i = !1,
     isOptionUnique: a,
-    refFunction: d,
+    refFunction: m,
     stateReducer: y,
-    onStateChange: C,
+    onStateChange: N,
     useFixedPositioning: _,
-    dropdownMatchInputWidth: N = !1,
-    withMenuFlip: R = !1,
-    newItemButtonText: ee = "",
-    menuPortalRoot: $,
-    ...B
-  } = t, [j, ve] = oe(!1), K = Me(null), se = Y(() => {
+    dropdownMatchInputWidth: E = !1,
+    withMenuFlip: M = !1,
+    newItemButtonText: I = "",
+    menuPortalRoot: z,
+    ...R
+  } = t, [$, ve] = se(!1), X = Ce(null), ne = K(() => {
     var w;
-    return (w = K.current) == null ? void 0 : w.call(K);
-  }, []), ne = !j || !$, re = $ || _ ? "fixed" : "absolute", be = !j || re === "absolute", le = He(
+    return (w = X.current) == null ? void 0 : w.call(X);
+  }, []), re = !$ || !z, le = z || _ ? "fixed" : "absolute", be = !$ || le === "absolute", ce = He(
     () => [
-      ...R ? [Tt] : [],
-      ...N ? [jt] : []
+      ...M ? [Dt] : [],
+      ...E ? [jt] : []
     ],
-    [R, N]
+    [M, E]
   ), { refs: Z, floatingStyles: ye } = Be({
     placement: "bottom-start",
-    whileElementsMounted: De,
-    strategy: re,
-    middleware: le
+    whileElementsMounted: Pe,
+    strategy: le,
+    middleware: ce
   });
-  Bt({ skip: ne }), Dt({ skip: ne, reference: Z.reference }), Ft({
+  Bt({ skip: re }), Pt({ skip: re, reference: Z.reference }), Ot({
     skip: be,
-    onClose: se,
+    onClose: ne,
     menuRef: Z.floating
   });
-  const te = (w, T, q) => ({ item: X, index: f, ...E }) => w({
-    item: X,
+  const oe = (w, H, q) => ({ item: G, index: f, ...S }) => w({
+    item: G,
     index: f,
-    isSelected: q !== null && q === X,
-    ...E,
-    isActive: T === f
-  }), ge = (w, T) => {
-    w.key === Ue && (w.preventDefault(), T(e.length));
-  }, xe = Y(
-    (w, ...T) => {
-      (w == null ? void 0 : w.isOpen) !== void 0 && ve(w.isOpen), C == null || C(w, ...T);
+    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);
     },
-    [C]
+    [N]
   );
   return /* @__PURE__ */ r(
-    pe,
+    _e,
     {
       onChange: s,
       itemToString: g,
@@ -781,91 +793,91 @@ const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
       stateReducer: y,
       children: ({
         getInputProps: w,
-        getItemProps: T,
+        getItemProps: H,
         setHighlightedIndex: q,
-        toggleMenu: X,
+        toggleMenu: G,
         openMenu: f,
-        closeMenu: E,
-        isOpen: I,
-        inputValue: S,
-        highlightedIndex: G,
-        getRootProps: H,
-        selectItem: W
+        closeMenu: S,
+        isOpen: k,
+        inputValue: A,
+        highlightedIndex: W,
+        getRootProps: U,
+        selectItem: Y
       }) => {
-        const ce = H(void 0, { suppressRefError: !0 }), ie = {
-          ...ce,
-          ref: (O) => (Z.setReference(O), ce.ref(O))
+        const ie = U(void 0, { suppressRefError: !0 }), ae = {
+          ...ie,
+          ref: (j) => (Z.setReference(j), ie.ref(j))
         };
-        K.current || (K.current = E);
-        const ae = S ?? "", { onClear: U, clearable: Ne, ...Ee } = v, de = Ne && n !== null, Ie = (...O) => {
-          W(null), U == null || U(...O);
-        }, M = /* @__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: I,
+            isOpen: k,
             isDropdownMode: i,
             style: ye,
             ref: Z.setFloating,
-            portalMenuAttribute: $ ? qe : null,
+            portalMenuAttribute: z ? qe : null,
             minLength: p,
-            inputValue: (S || "").trim(),
-            getItemProps: te(T, G, n),
+            inputValue: (A || "").trim(),
+            getItemProps: oe(H, W, n),
             parseValueToString: g,
-            optionVariant: m,
-            createWithoutConfirmation: A,
-            className: F,
+            optionVariant: u,
+            createWithoutConfirmation: B,
+            className: T,
             options: e,
-            newItemButtonText: ee,
-            ...B
+            newItemButtonText: I,
+            ...R
           }
         );
-        return /* @__PURE__ */ D(he, { children: [
-          /* @__PURE__ */ D("div", { className: Pe("input-wrapper"), ...ie, children: [
+        return /* @__PURE__ */ O(he, { children: [
+          /* @__PURE__ */ O("div", { className: Le("input-wrapper"), ...ae, children: [
             /* @__PURE__ */ r(
               Ze,
               {
                 ...w({
-                  placeholder: u ? "" : o,
-                  maxLength: k || void 0,
+                  placeholder: d ? "" : o,
+                  maxLength: C || void 0,
                   onFocus: () => {
-                    i && !I && (f(), x == null || x(!0)), l();
+                    i && !k && (f(), x == null || x(!0)), l();
                   },
-                  ref: d,
-                  onKeyDown: (O) => {
-                    O.key === Oe && O.preventDefault(), S && I && ge(O, q);
+                  ref: m,
+                  onKeyDown: (j) => {
+                    j.key === Te && j.preventDefault(), A && k && ge(j, q);
                   },
-                  onBlur: (O) => {
-                    const ue = ae.trim(), ke = !ze(ue), Ae = ke ? e.find((Ce) => g(Ce) === ue) : void 0;
-                    W(Ae || (!z && A && ke ? ue : null)), h(O), a == null || a(
-                      ke ? !e.some((Ce) => g(Ce) === ue) : null
-                    ), i && I && X(), x == null || x(!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: u,
+                  disabled: d,
                   defaultWidth: !1,
                   isRequired: L,
                   touched: b,
                   error: P,
                   ...Ee,
-                  clearable: de,
-                  onClear: de ? Ie : U,
+                  clearable: ue,
+                  onClear: ue ? Se : V,
                   endIcon: i && !c ? /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      className: Pe("dropdown-button", { "icon-reversed": I }),
-                      onClick: () => X(),
+                      className: Le("dropdown-button", { "icon-reversed": k }),
+                      onClick: () => G(),
                       "aria-label": "Toggle dropdown",
-                      "aria-expanded": I,
-                      children: /* @__PURE__ */ r(Fe, {})
+                      "aria-expanded": k,
+                      children: /* @__PURE__ */ r(Oe, {})
                     }
                   ) : c,
                   minLength: i ? 0 : p
                 })
               }
             ),
-            !$ && M
+            !z && D
           ] }),
-          $ && Ge(M, $)
+          z && Ge(D, z)
         ] });
       }
     }

package/dist/components/autocompletes/multipleAutocomplete/multipleDownshift.d.ts

@@ -21,5 +21,6 @@ export type GetStateAndHelpersT<T> = ControllerStateAndHelpers<T> & {
     handleChange: MultipleDownshiftProps<T>['onChange'];
     getOptionUniqKeyValue?: (option: T) => string;
     storedItemsMap: MultipleDownshiftProps<T>['existingItemsMap'];
+    batchAddItems: (items: T[]) => void;
 };
 export declare const MultipleDownshift: <T>({ options, onChange, selectedItems, handleUnStoredItemCb, existingItemsMap, children, customizeNewSelectedValue, getOptionUniqKey, getOptionUniqKeyValue, ...props }: MultipleDownshiftProps<T>) => import("react/jsx-runtime").JSX.Element;

package/package.json

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