@reportportal/ui-kit 0.0.1-alpha.157 → 0.0.1-alpha.159

package/dist/autocompletes.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as $, Fragment as ce } from "react/jsx-runtime";
-import { useState as re, useRef as xe, useEffect as ke, useCallback as V, forwardRef as Ae } from "react";
-import { c as G } from "./bind-06a7ff84.js";
+import { jsx as o, jsxs as $, Fragment as ae } from "react/jsx-runtime";
+import { useState as re, useRef as Ne, useEffect as ke, useCallback as V, forwardRef as Ae } from "react";
+import { c as J } from "./bind-06a7ff84.js";
 import { Scrollbars as $e } from "rc-scrollbars";
 import { B as Pe } from "./bubblesLoader-f3ffa240.js";
 import { B as Oe } from "./button-97d9e587.js";
@@ -8,68 +8,68 @@ import { S as je } from "./plus-199fb2a8.js";
 import { i as he } from "./isEmpty-ccacb5ff.js";
 import le from "downshift";
 import { useFloating as Ie, autoUpdate as Ce } from "@floating-ui/react";
-import { F as ze } from "./fieldText-1749da7a.js";
+import { F as He } from "./fieldText-1749da7a.js";
 import { S as Se } from "./dropdown-0260bb66.js";
-import { S as He } from "./close-4d480ef7.js";
-import { S as We } from "./clear-53660571.js";
+import { S as We } from "./close-4d480ef7.js";
+import { S as Le } from "./clear-53660571.js";
 import "./openEye-950159cb.js";
 import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
+const Ke = "_disabled_1rpph_43", Te = "_input_1rpph_107", Ye = {
   "selected-item": "_selected-item_1rpph_16",
   "validation-error": "_validation-error_1rpph_35",
   "highlight-un-stored-item": "_highlight-un-stored-item_1rpph_40",
-  disabled: Le,
+  disabled: Ke,
   "mobile-disabled": "_mobile-disabled_1rpph_48",
   "selected-item-text": "_selected-item-text_1rpph_54",
   "single-line": "_single-line_1rpph_58",
   "cross-icon": "_cross-icon_1rpph_64",
-  input: Ke
-}, ne = G.bind(Te), Ye = (t) => t.scrollWidth > t.clientWidth, Xe = ({
+  input: Te
+}, ne = J.bind(Ye), Xe = (t) => t.scrollWidth > t.clientWidth, Ge = ({
   item: t,
   onRemoveItem: e,
-  disabled: c = !1,
+  disabled: a = !1,
   mobileDisabled: r = !1,
   parseValueToString: n,
   error: d = !1,
   editItem: v,
   editable: p = !1,
-  getAdditionalCreationCondition: w = () => !0,
-  storedOption: g = !0,
+  getAdditionalCreationCondition: y = () => !0,
+  storedOption: w = !0,
   highlightUnStoredItem: f = !1,
   variant: k = "light",
-  getItemName: x,
+  getItemName: N,
   singleLine: u = !1,
   className: R,
   textClassName: 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));
+  const [g, b] = re(!1), [C, z] = re(""), [l, c] = re(!1), s = Ne(null), i = () => {
+    !a && p && !w && (z((N == null ? void 0 : N(t)) || (n == null ? void 0 : n(t)) || ""), b(!0));
   }, _ = (S) => {
-    B(S.target.value);
+    z(S.target.value);
   }, O = (S) => {
-    const j = w(C);
-    S.key === "Enter" && j && (v(t, C), b(!1), B(""));
-  }, H = () => {
-    b(!1), B("");
+    const j = y(C);
+    S.key === "Enter" && j && (v(t, C), b(!1), z(""));
+  }, W = () => {
+    b(!1), z("");
   }, P = (S) => {
     S.stopPropagation(), e(t);
-  }, W = (n == null ? void 0 : n(t)) || "";
+  }, L = (n == null ? void 0 : n(t)) || "";
   ke(() => {
     if (s.current && u) {
       const S = () => {
-        s.current && a(Ye(s.current));
+        s.current && c(Xe(s.current));
       };
       if (S(), typeof ResizeObserver < "u") {
         const j = new ResizeObserver(S);
         return j.observe(s.current), () => j.disconnect();
       }
     } else
-      a(!1);
-  }, [W, u]);
-  const J = ne(
+      c(!1);
+  }, [L, u]);
+  const Q = ne(
     "selected-item-text",
     {
       "single-line": u
@@ -80,20 +80,20 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     k,
     {
       [`validation-${d}`]: d,
-      disabled: c,
+      disabled: a,
       "mobile-disabled": r,
-      "highlight-un-stored-item": f && !g
+      "highlight-un-stored-item": f && !w
     },
     R
   );
-  return y ? /* @__PURE__ */ o(
+  return g ? /* @__PURE__ */ o(
     "input",
     {
       autoFocus: !0,
       value: C,
       onChange: _,
       onKeyDown: O,
-      onBlur: H,
+      onBlur: W,
       className: ne("input")
     }
   ) : /* @__PURE__ */ $("div", { className: te, onClick: i, children: [
@@ -101,75 +101,75 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
       "span",
       {
         ref: s,
-        className: J,
-        title: u && l ? W : void 0,
-        children: W
+        className: Q,
+        title: u && l ? L : void 0,
+        children: L
       }
     ),
-    !c && /* @__PURE__ */ o(
+    !a && /* @__PURE__ */ o(
       "button",
       {
         type: "button",
         className: ne("cross-icon", {
           [`validation-${d}`]: d,
           "mobile-disabled": r,
-          disabled: c
+          disabled: a
         }),
         onClick: P,
-        children: /* @__PURE__ */ o(He, {})
+        children: /* @__PURE__ */ o(We, {})
       }
     )
   ] });
-}, Ge = ({
+}, Je = ({
   items: t = [],
   parseValueToString: e,
-  getItemValidationErrorType: c,
+  getItemValidationErrorType: a,
   storedItemsMap: r = {},
   highlightUnStoredItem: n = !1,
   renderCustomSelectedItem: d,
   selectedItemSingleLine: v,
   selectedItemClassName: p,
-  selectedItemTextClassName: w,
-  ...g
+  selectedItemTextClassName: y,
+  ...w
 }) => t.map((f) => d ? d(f) : /* @__PURE__ */ o(
-  Xe,
+  Ge,
   {
     parseValueToString: e,
-    error: (c == null ? void 0 : c(f)) || "",
+    error: (a == null ? void 0 : a(f)) || "",
     item: f,
     storedOption: !!r[e(f)],
     highlightUnStoredItem: n,
     singleLine: v,
     className: p,
-    textClassName: w,
-    ...g
+    textClassName: y,
+    ...w
   },
   e == null ? void 0 : e(f)
-)), Je = "_prompt_1xfmd_16", Qe = {
-  prompt: Je
-}, Ze = G.bind(Qe), Ue = ({ children: t = null }) => /* @__PURE__ */ o("div", { className: Ze("prompt"), children: t }), Ve = "_item_1qhaq_16", et = "_divider_1qhaq_24", tt = "_active_1qhaq_48", st = "_value_1qhaq_60", ot = "_tag_1qhaq_78", nt = "_disabled_1qhaq_89", rt = {
+)), Qe = "_prompt_1xfmd_16", Ze = {
+  prompt: Qe
+}, qe = J.bind(Ze), Ue = ({ children: t = null }) => /* @__PURE__ */ o("div", { className: qe("prompt"), children: t }), Ve = "_item_zw4ux_16", et = "_divider_zw4ux_24", tt = "_active_zw4ux_49", st = "_value_zw4ux_55", ot = "_tag_zw4ux_69", nt = "_disabled_zw4ux_80", rt = {
   item: Ve,
   divider: et,
-  "new-item": "_new-item_1qhaq_31",
+  "new-item": "_new-item_zw4ux_31",
   active: tt,
   value: st,
-  "key-variant": "_key-variant_1qhaq_75",
+  "key-variant": "_key-variant_zw4ux_66",
   tag: ot,
-  "button-active": "_button-active_1qhaq_89",
+  "button-active": "_button-active_zw4ux_80",
   disabled: nt,
-  "value-variant": "_value-variant_1qhaq_109"
-}, ee = G.bind(rt), ye = ({
+  "value-variant": "_value-variant_zw4ux_100"
+}, ee = J.bind(rt), ge = ({
   isActive: t = !1,
   isSelected: e = !1,
-  isNew: c = !1,
+  isNew: a = !1,
   children: r = null,
   disabled: n = !1,
   optionVariant: d = "",
   newItemButtonText: v = "",
   ...p
 }) => {
-  const w = () => v || (d === "key-variant" ? "New key" : "New value");
-  return c ? /* @__PURE__ */ $(ce, { children: [
+  const y = () => v || (d === "key-variant" ? "New key" : "New value");
+  return a ? /* @__PURE__ */ $(ae, { children: [
     /* @__PURE__ */ o("div", { className: ee("divider") }),
     /* @__PURE__ */ $(
       "li",
@@ -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: w()
+              children: y()
             }
           )
         ]
@@ -207,79 +207,79 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
       children: /* @__PURE__ */ o("span", { className: ee("label", "tag"), children: r })
     }
   );
-}, lt = "_container_5088x_16", at = {
+}, lt = "_container_5088x_16", ct = {
   container: lt,
   "empty-list-message": "_empty-list-message_5088x_20"
-}, _e = G.bind(at), ct = (t) => {
+}, _e = J.bind(ct), at = (t) => {
   const {
     options: e,
-    async: c,
+    async: a,
     inputValue: r,
     loading: n,
     createWithoutConfirmation: d,
     customEmptyListMessage: v,
     customNoMatchesMessage: p,
-    optionVariant: w,
-    newItemButtonText: g,
+    optionVariant: y,
+    newItemButtonText: w,
     renderOption: f,
     getUniqKey: k,
-    getItemProps: x,
+    getItemProps: N,
     parseValueToString: u
   } = t, R = V(() => (e || []).filter((s) => u(s).toUpperCase().indexOf((r.toUpperCase() || "").trim()) > -1), [r, e, u]), I = V(
-    (s, i, _ = !1) => f ? f(s, i, _, x) : /* @__PURE__ */ o(
-      ye,
+    (s, i, _ = !1) => f ? f(s, i, _, N) : /* @__PURE__ */ o(
+      ge,
       {
-        optionVariant: w,
-        ...x({ item: s, index: i }),
+        optionVariant: y,
+        ...N({ item: s, index: i }),
         isNew: _,
-        newItemButtonText: g,
+        newItemButtonText: w,
         children: u(s)
       },
       (k == null ? void 0 : k(s)) || u(s)
     ),
-    [x, k, g, w, u, f]
-  ), y = V(
+    [N, k, w, y, u, f]
+  ), g = V(
     (s) => s.length ? s.map((i, _) => I(i, _)) : "",
     [I]
   ), b = V(
     (s) => {
       const i = s.length;
       return /* @__PURE__ */ o("div", { className: _e({ container: !i }), children: /* @__PURE__ */ o(
-        ye,
+        ge,
         {
-          optionVariant: w,
+          optionVariant: y,
           isNew: !0,
-          newItemButtonText: g,
-          ...x({ item: r, index: i }),
+          newItemButtonText: w,
+          ...N({ item: r, index: i }),
           children: u(r)
         },
         u(r)
       ) });
     },
-    [x, r, g, w, u]
+    [N, r, w, y, u]
   ), C = V(
-    (s) => n ? /* @__PURE__ */ $(ce, { children: [
+    (s) => n ? /* @__PURE__ */ $(ae, { children: [
       /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ o(Pe, {}) }),
       !d && b(s)
     ] }) : "",
     [d, n, b]
-  ), B = V(() => {
+  ), z = V(() => {
     const s = (e == null ? void 0 : e.length) === 0 ? v || "No available options" : p || "No matches found";
     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() : y(l) }),
+  }, [v, p, e == null ? void 0 : e.length]), l = a ? e : R(), c = C(e);
+  return c || /* @__PURE__ */ $("div", { className: _e({ container: e.length }), children: [
+    /* @__PURE__ */ o($e, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: he(l) ? z() : g(l) }),
     !d && b(l)
   ] });
 }, it = "_menu_f64z5_16", dt = "_opened_f64z5_34", ut = "_dark_f64z5_37", mt = {
   menu: it,
   opened: dt,
   dark: ut
-}, ft = G.bind(mt), pt = (t, e) => !t || t <= e.trim().length, Ee = Ae(
+}, ft = J.bind(mt), pt = (t, e) => !t || t <= e.trim().length, Ee = Ae(
   ({
     isOpen: t = !1,
     style: e = {},
-    minLength: c = 1,
+    minLength: a = 1,
     isDropdownMode: r,
     inputValue: n = "",
     className: d = "",
@@ -290,82 +290,82 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
       ref: p,
       className: ft(
         "menu",
-        { opened: t && (r || pt(c, n)) },
+        { opened: t && (r || pt(a, n)) },
         d
       ),
       style: e,
-      children: /* @__PURE__ */ o(ct, { inputValue: n, ...v })
+      children: /* @__PURE__ */ o(at, { inputValue: n, ...v })
     }
   )
-), we = (t, e) => typeof t == "string" ? t : e ? String(t[e(t)]) : "", ae = (t, e) => {
+), ye = (t, e) => typeof t == "string" ? t : e ? String(t[e(t)]) : "", ce = (t, e) => {
   var r;
-  return t === e ? !0 : !!(t && e && typeof t == "object" && typeof e == "object" && Object.keys(t).length === Object.keys(e).length && ((r = Object.entries(t)) != null && r.every(([n, d]) => ae(d, e[n]))));
-}, _t = (t, e, c) => typeof t == "string" ? t === e : c ? (() => {
-  const r = c(t);
+  return t === e ? !0 : !!(t && e && typeof t == "object" && typeof e == "object" && Object.keys(t).length === Object.keys(e).length && ((r = Object.entries(t)) != null && r.every(([n, d]) => ce(d, e[n]))));
+}, _t = (t, e, a) => typeof t == "string" ? t === e : a ? (() => {
+  const r = a(t);
   return t[r] === e[r];
 })() : !1, ht = ({
   options: t = [],
   onChange: e,
-  selectedItems: c = [],
+  selectedItems: a = [],
   handleUnStoredItemCb: r = null,
   existingItemsMap: n = {},
   children: d,
   customizeNewSelectedValue: v = (f) => f,
   getOptionUniqKey: p,
-  getOptionUniqKeyValue: w,
-  ...g
+  getOptionUniqKeyValue: y,
+  ...w
 }) => {
-  const [f, k] = re(n), x = (l, a) => {
+  const [f, k] = re(n), N = (l, c) => {
     const s = {
       ...f
     };
     l.forEach((i) => {
       if (t.find((_) => _t(_, i, p))) {
-        const _ = we(i, p);
+        const _ = ye(i, p);
         s[_] = !0;
       }
-    }), k(s), a(s);
-  }, u = (l, a) => {
-    const s = we(l, p);
+    }), k(s), c(s);
+  }, u = (l, c) => {
+    const s = ye(l, p);
     if (s in f) {
       const i = { ...f };
-      delete i[s], k(i), a(i);
+      delete i[s], k(i), c(i);
     } else
-      a(f);
-  }, R = (l, a) => {
-    const s = v(l), i = Array.isArray(s) ? s : [s], O = [...c.filter((P) => i.indexOf(P) < 0), ...i];
-    e == null || e(O, a), x(i, (P) => r == null ? void 0 : r(O, P));
-  }, I = (l, a) => {
-    const s = c.indexOf(l), i = [...c];
-    i.splice(s, 1, a), e == null || e(i, null);
-  }, 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(f);
+  }, R = (l, c) => {
+    const s = v(l), i = Array.isArray(s) ? s : [s], O = [...a.filter((P) => i.indexOf(P) < 0), ...i];
+    e == null || e(O, c), N(i, (P) => r == null ? void 0 : r(O, P));
+  }, I = (l, c) => {
+    const s = a.indexOf(l), i = [...a];
+    i.splice(s, 1, c), e == null || e(i, null);
+  }, g = (l, c) => {
+    const s = a.filter((_) => !ce(_, l));
+    e == null || e(s, c), u(l, (_) => r == null ? void 0 : r(s, _));
+  }, b = (l, c) => {
+    l && R(l, c);
   }, C = (l) => ({
-    removeItem: y,
+    removeItem: g,
     editItem: I,
     handleChange: e,
-    getOptionUniqKeyValue: w,
+    getOptionUniqKeyValue: y,
     storedItemsMap: f,
     ...l
   });
   return /* @__PURE__ */ o(
     le,
     {
-      ...g,
-      stateReducer: (l, a) => {
-        switch (a.type) {
+      ...w,
+      stateReducer: (l, c) => {
+        switch (c.type) {
           case le.stateChangeTypes.keyDownEnter:
           case le.stateChangeTypes.clickItem:
             return {
-              ...a,
+              ...c,
               highlightedIndex: l.highlightedIndex,
               inputValue: ""
             };
           default:
-            return a;
+            return c;
         }
       },
       onChange: b,
@@ -373,102 +373,102 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
       children: (l) => d == null ? void 0 : d(C(l))
     }
   );
-}, Re = "Enter", bt = "Tab", vt = "_autocomplete_1so4a_16", gt = "_disabled_1so4a_32", yt = "_error_1so4a_35", wt = "_touched_1so4a_35", Nt = "_input_1so4a_77", xt = {
+}, Re = "Enter", bt = "Tab", vt = "_autocomplete_1so4a_16", wt = "_disabled_1so4a_32", gt = "_error_1so4a_35", yt = "_touched_1so4a_35", xt = "_input_1so4a_77", Nt = {
   autocomplete: vt,
   "autocomplete-wrapper": "_autocomplete-wrapper_1so4a_28",
-  disabled: gt,
-  error: yt,
-  touched: wt,
+  disabled: wt,
+  error: gt,
+  touched: yt,
   "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: Nt,
+  input: xt,
   "type-number": "_type-number_1so4a_101",
   "error-text": "_error-text_1so4a_112",
   "dropdown-button": "_dropdown-button_1so4a_121",
   "icon-reversed": "_icon-reversed_1so4a_129"
-}, X = G.bind(xt), Yt = (t) => {
+}, G = J.bind(Nt), Xt = (t) => {
   const {
     options: e = [],
-    loading: c = !1,
+    loading: a = !1,
     onStateChange: r = () => {
     },
     value: n = [],
     placeholder: d = "",
     error: v = "",
     touched: p = !1,
-    creatable: w = !1,
-    editable: g = !1,
+    creatable: y = !1,
+    editable: w = !1,
     onChange: f = () => {
     },
     onFocus: k = () => {
     },
-    onBlur: x = () => {
+    onBlur: N = () => {
     },
     disabled: u = !1,
     isDropdownMode: R = !1,
     mobileDisabled: I = !1,
-    inputProps: y = {},
+    inputProps: g = {},
     parseValueToString: b = (h) => h == null ? "" : String(h),
     maxLength: C = null,
-    async: B = !1,
+    async: z = !1,
     customClass: l = "",
-    createWithoutConfirmation: a = !1,
+    createWithoutConfirmation: c = !1,
     getItemValidationErrorType: s = null,
     clearItemsError: i = () => {
     },
     getAdditionalCreationCondition: _ = () => !0,
     highlightUnStoredItem: O = !1,
-    parseInputValueFn: H = null,
+    parseInputValueFn: W = null,
     handleUnStoredItemCb: P = null,
-    dataAutomationId: W = "",
-    existingItemsMap: J = {},
+    dataAutomationId: L = "",
+    existingItemsMap: Q = {},
     customizeNewSelectedValue: te = (h) => h,
     renderCustomSelectedItem: S,
     useFixedPositioning: j,
-    newItemButtonText: D = "",
-    menuClassName: L = "",
-    selectedItemSingleLine: K,
-    selectedItemClassName: T,
-    selectedItemTextClassName: Q,
-    ...M
-  } = t, { refs: Z, floatingStyles: ie } = Ie({
+    newItemButtonText: B = "",
+    menuClassName: K = "",
+    selectedItemSingleLine: T,
+    selectedItemClassName: Y,
+    selectedItemTextClassName: Z,
+    ...F
+  } = t, { refs: q, floatingStyles: ie } = Ie({
     placement: "bottom-start",
     strategy: j ? "fixed" : "absolute",
     whileElementsMounted: Ce
-  }), de = n.length === 0 && !u ? d : "", z = xe(null);
+  }), de = n.length === 0 && !u ? d : "", H = Ne(null);
   ke(() => {
     i();
   }, [i, n]);
-  const oe = (h, N) => {
-    f(h, N);
-  }, ue = (h, N, E) => ({ item: m, index: q, ...A }) => h({
+  const oe = (h, x) => {
+    f(h, x);
+  }, ue = (h, x, E) => ({ item: m, index: M, ...A }) => h({
     item: m,
-    index: q,
-    isSelected: E.some((U) => ae(U, m)),
+    index: M,
+    isSelected: E.some((U) => ce(U, m)),
     ...A,
-    isActive: N === q
+    isActive: x === M
   }), me = ({
     event: h,
-    removeItem: N,
+    removeItem: x,
     inputValue: E
   }) => {
-    h.key === "Backspace" && !E && n.length && N(n[n.length - 1], null);
-  }, Y = ({
+    h.key === "Backspace" && !E && n.length && x(n[n.length - 1], null);
+  }, X = ({
     inputValue: h,
-    selectItem: N,
+    selectItem: x,
     clearSelection: E
   }) => {
-    if (H) {
-      const m = H(h);
-      (m.length ? m : [h]).forEach((A) => N(A)), E();
+    if (W) {
+      const m = W(h);
+      (m.length ? m : [h]).forEach((A) => x(A)), E();
     } else
-      N(h), E();
-  }, fe = (h) => (N) => {
-    h(N, null), z.current && z.current.focus();
-  }, pe = e.filter((h) => n.every((N) => !ae(N, h)));
+      x(h), E();
+  }, fe = (h) => (x) => {
+    h(x, null), H.current && H.current.focus();
+  }, pe = e.filter((h) => n.every((x) => !ce(x, h)));
   return /* @__PURE__ */ o(
     ht,
     {
@@ -477,34 +477,34 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
       selectedItems: n,
       onStateChange: r,
       options: e,
-      existingItemsMap: J,
+      existingItemsMap: Q,
       handleUnStoredItemCb: P,
       customizeNewSelectedValue: te,
       children: ({
         getInputProps: h,
-        getItemProps: N,
+        getItemProps: x,
         isOpen: E,
         inputValue: m = "",
-        highlightedIndex: q,
+        highlightedIndex: M,
         removeItem: A,
         editItem: U,
         openMenu: se,
         selectItem: be,
         clearSelection: ve,
-        toggleMenu: Be,
-        storedItemsMap: De,
-        getRootProps: Fe
+        toggleMenu: ze,
+        storedItemsMap: Be,
+        getRootProps: De
       }) => {
-        const ge = Fe(void 0, { suppressRefError: !0 }), Me = {
-          ...ge,
-          ref: (F) => (Z.setReference(F), ge.ref(F))
-        }, qe = m ?? "";
-        return /* @__PURE__ */ $("div", { ...Me, className: X("autocomplete-wrapper"), children: [
-          /* @__PURE__ */ $(ce, { children: [
+        const we = De(void 0, { suppressRefError: !0 }), Fe = {
+          ...we,
+          ref: (D) => (q.setReference(D), we.ref(D))
+        }, Me = m ?? "";
+        return /* @__PURE__ */ $("div", { ...Fe, className: G("autocomplete-wrapper"), children: [
+          /* @__PURE__ */ $(ae, { children: [
             /* @__PURE__ */ $(
               "div",
               {
-                className: X("autocomplete", l, {
+                className: G("autocomplete", l, {
                   "mobile-disabled": I,
                   error: v,
                   touched: p,
@@ -514,13 +514,13 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
                   /* @__PURE__ */ $(
                     "div",
                     {
-                      className: X("autocomplete-input", {
+                      className: G("autocomplete-input", {
                         "mobile-disabled": I,
-                        "single-line-mode": K
+                        "single-line-mode": T
                       }),
                       children: [
                         /* @__PURE__ */ o(
-                          Ge,
+                          Je,
                           {
                             items: n,
                             onRemoveItem: fe(A),
@@ -530,68 +530,68 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
                             getItemValidationErrorType: s,
                             renderCustomSelectedItem: S,
                             editItem: U,
-                            editable: g,
+                            editable: w,
                             getAdditionalCreationCondition: _,
-                            storedItemsMap: De,
+                            storedItemsMap: Be,
                             highlightUnStoredItem: O,
-                            selectedItemSingleLine: K,
-                            selectedItemClassName: T,
-                            selectedItemTextClassName: Q
+                            selectedItemSingleLine: T,
+                            selectedItemClassName: Y,
+                            selectedItemTextClassName: Z
                           }
                         ),
                         /* @__PURE__ */ o(
                           "input",
                           {
                             ...h({
-                              ref: z,
+                              ref: H,
                               placeholder: de,
                               maxLength: C,
                               onFocus: () => {
                                 R && se(), k();
                               },
-                              onKeyDown: (F) => {
-                                F.key === Re && m && w && _(m) && Y({
+                              onKeyDown: (D) => {
+                                D.key === Re && m && y && _(m) && X({
                                   inputValue: m,
                                   selectItem: be,
                                   clearSelection: ve
-                                }), me({ event: F, removeItem: A, inputValue: m });
+                                }), me({ event: D, removeItem: A, inputValue: m });
                               },
                               onBlur: () => {
-                                x(), m && w && _(m) && Y({
+                                N(), m && y && _(m) && X({
                                   inputValue: m,
                                   selectItem: be,
                                   clearSelection: ve
                                 });
                               },
                               disabled: u,
-                              ...y
+                              ...g
                             }),
-                            className: X("input", { disabled: u }, y.className),
-                            "data-automation-id": W
+                            className: G("input", { disabled: u }, g.className),
+                            "data-automation-id": L
                           }
                         )
                       ]
                     }
                   ),
-                  (y == null ? void 0 : y.clearable) && !he(n) && /* @__PURE__ */ o(
+                  (g == null ? void 0 : g.clearable) && !he(n) && /* @__PURE__ */ o(
                     "button",
                     {
                       type: "button",
-                      className: X("clear-icon", { "clear-icon--disabled": u }),
+                      className: G("clear-icon", { "clear-icon--disabled": u }),
                       onClick: () => {
-                        var F;
-                        return !u && ((F = y == null ? void 0 : y.onClear) == null ? void 0 : F.call(y));
+                        var D;
+                        return !u && ((D = g == null ? void 0 : g.onClear) == null ? void 0 : D.call(g));
                       },
-                      onMouseDown: (F) => F.preventDefault(),
-                      children: /* @__PURE__ */ o(We, {})
+                      onMouseDown: (D) => D.preventDefault(),
+                      children: /* @__PURE__ */ o(Le, {})
                     }
                   ),
                   R && /* @__PURE__ */ o(
                     "button",
                     {
                       type: "button",
-                      className: X("dropdown-button", { "icon-reversed": E }),
-                      onClick: () => Be(),
+                      className: G("dropdown-button", { "icon-reversed": E }),
+                      onClick: () => ze(),
                       "aria-label": "Toggle dropdown",
                       "aria-expanded": E,
                       children: /* @__PURE__ */ o(Se, {})
@@ -600,25 +600,25 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
                 ]
               }
             ),
-            v && p && /* @__PURE__ */ o("span", { className: X("error-text"), children: v })
+            v && p && /* @__PURE__ */ o("span", { className: G("error-text"), children: v })
           ] }),
           /* @__PURE__ */ o(
             Ee,
             {
               isOpen: E,
-              loading: c,
-              async: B,
-              ref: Z.setFloating,
-              newItemButtonText: D,
+              loading: a,
+              async: z,
+              ref: q.setFloating,
+              newItemButtonText: B,
               isDropdownMode: R,
               style: ie,
-              inputValue: qe.trim(),
-              getItemProps: ue(N, q, n),
+              inputValue: Me.trim(),
+              getItemProps: ue(x, M, n),
               parseValueToString: b,
-              createWithoutConfirmation: a,
+              createWithoutConfirmation: c,
               options: pe,
-              className: L,
-              ...M
+              className: K,
+              ...F
             }
           )
         ] });
@@ -629,10 +629,10 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   "input-wrapper": "_input-wrapper_d9vma_1",
   "dropdown-button": "_dropdown-button_d9vma_6",
   "icon-reversed": "_icon-reversed_d9vma_14"
-}, Ne = G.bind(kt), It = 0, Xt = (t) => {
+}, xe = J.bind(kt), It = 0, Gt = (t) => {
   const {
     options: e = [],
-    value: c,
+    value: a,
     placeholder: r = "",
     onChange: n = () => {
     },
@@ -641,128 +641,128 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     onBlur: v = () => {
     },
     disabled: p = !1,
-    inputProps: w = {},
-    parseValueToString: g = (D) => D === null ? "" : String(D),
+    inputProps: y = {},
+    parseValueToString: w = (B) => B === null ? "" : String(B),
     minLength: f = 1,
     skipOptionCreation: k = !1,
-    maxLength: x = null,
+    maxLength: N = null,
     optionVariant: u = "",
     isRequired: R = !1,
     error: I = "",
-    touched: y = !1,
+    touched: g = !1,
     setTouch: b = () => {
     },
     createWithoutConfirmation: C = !1,
-    menuClassName: B = "",
+    menuClassName: z = "",
     icon: l,
-    isDropdownMode: a = !1,
+    isDropdownMode: c = !1,
     isOptionUnique: s,
     refFunction: i,
     stateReducer: _,
     onStateChange: O,
-    useFixedPositioning: H,
+    useFixedPositioning: W,
     newItemButtonText: P = "",
-    ...W
-  } = t, { refs: J, floatingStyles: te } = Ie({
+    ...L
+  } = t, { refs: Q, floatingStyles: te } = Ie({
     placement: "bottom-start",
-    strategy: H ? "fixed" : "absolute",
+    strategy: W ? "fixed" : "absolute",
     whileElementsMounted: Ce
-  }), S = (D, L, K) => ({ item: T, index: Q, ...M }) => D({
-    item: T,
-    index: Q,
-    isSelected: K !== null && K === T,
-    ...M,
-    isActive: L === Q
-  }), j = (D, L) => {
-    D.key === bt && (D.preventDefault(), L(e.length));
+  }), S = (B, K, T) => ({ item: Y, index: Z, ...F }) => B({
+    item: Y,
+    index: Z,
+    isSelected: T !== null && T === Y,
+    ...F,
+    isActive: K === Z
+  }), j = (B, K) => {
+    B.key === bt && (B.preventDefault(), K(e.length));
   };
   return /* @__PURE__ */ o(
     le,
     {
       onChange: n,
-      itemToString: g,
-      selectedItem: c,
+      itemToString: w,
+      selectedItem: a,
       onStateChange: O,
       defaultHighlightedIndex: It,
       stateReducer: _,
       children: ({
-        getInputProps: D,
-        getItemProps: L,
-        setHighlightedIndex: K,
-        toggleMenu: T,
-        openMenu: Q,
-        isOpen: M,
-        inputValue: Z,
+        getInputProps: B,
+        getItemProps: K,
+        setHighlightedIndex: T,
+        toggleMenu: Y,
+        openMenu: Z,
+        isOpen: F,
+        inputValue: q,
         highlightedIndex: ie,
         getRootProps: de,
-        selectItem: z
+        selectItem: H
       }) => {
         const oe = de(void 0, { suppressRefError: !0 }), ue = {
           ...oe,
-          ref: (m) => (J.setReference(m), oe.ref(m))
-        }, me = Z ?? "", { onClear: Y, clearable: fe, ...pe } = w, N = fe && c !== null, E = (...m) => {
-          z(null), Y == null || Y(...m);
+          ref: (m) => (Q.setReference(m), oe.ref(m))
+        }, me = q ?? "", { onClear: X, clearable: fe, ...pe } = y, x = fe && a !== null, E = (...m) => {
+          H(null), X == null || X(...m);
         };
-        return /* @__PURE__ */ o(ce, { children: /* @__PURE__ */ $("div", { className: Ne("input-wrapper"), ...ue, children: [
+        return /* @__PURE__ */ o(ae, { children: /* @__PURE__ */ $("div", { className: xe("input-wrapper"), ...ue, children: [
           /* @__PURE__ */ o(
-            ze,
+            He,
             {
-              ...D({
+              ...B({
                 placeholder: p ? "" : r,
-                maxLength: x || void 0,
+                maxLength: N || void 0,
                 onFocus: () => {
-                  a && !M && (Q(), b == null || b(!0)), d();
+                  c && !F && (Z(), b == null || b(!0)), d();
                 },
                 ref: i,
                 onKeyDown: (m) => {
-                  m.key === Re && m.preventDefault(), Z && M && j(m, K);
+                  m.key === Re && m.preventDefault(), q && F && j(m, T);
                 },
                 onBlur: (m) => {
-                  const q = me.trim(), A = !he(q), U = A ? e.find((se) => g(se) === q) : void 0;
-                  z(U || (!k && C && A ? q : null)), v(m), s == null || s(
-                    A ? !e.some((se) => g(se) === q) : null
-                  ), a && M && T(), b == null || b(!0);
+                  const M = me.trim(), A = !he(M), U = A ? e.find((se) => w(se) === M) : void 0;
+                  H(U || (!k && C && A ? M : null)), v(m), s == null || s(
+                    A ? !e.some((se) => w(se) === M) : null
+                  ), c && F && Y(), b == null || b(!0);
                 },
                 disabled: p,
                 defaultWidth: !1,
                 isRequired: R,
-                touched: y,
+                touched: g,
                 error: I,
                 ...pe,
-                clearable: N,
-                onClear: N ? E : Y,
-                endIcon: a && !l ? /* @__PURE__ */ o(
+                clearable: x,
+                onClear: x ? E : X,
+                endIcon: c && !l ? /* @__PURE__ */ o(
                   "button",
                   {
                     type: "button",
-                    className: Ne("dropdown-button", { "icon-reversed": M }),
-                    onClick: () => T(),
+                    className: xe("dropdown-button", { "icon-reversed": F }),
+                    onClick: () => Y(),
                     "aria-label": "Toggle dropdown",
-                    "aria-expanded": M,
+                    "aria-expanded": F,
                     children: /* @__PURE__ */ o(Se, {})
                   }
                 ) : l,
-                minLength: a ? 0 : f
+                minLength: c ? 0 : f
               })
             }
           ),
           /* @__PURE__ */ o(
             Ee,
             {
-              isOpen: M,
-              isDropdownMode: a,
+              isOpen: F,
+              isDropdownMode: c,
               style: te,
-              ref: J.setFloating,
+              ref: Q.setFloating,
               minLength: f,
-              inputValue: (Z || "").trim(),
-              getItemProps: S(L, ie, c),
-              parseValueToString: g,
+              inputValue: (q || "").trim(),
+              getItemProps: S(K, ie, a),
+              parseValueToString: w,
               optionVariant: u,
               createWithoutConfirmation: C,
-              className: B,
+              className: z,
               options: e,
               newItemButtonText: P,
-              ...W
+              ...L
             }
           )
         ] }) });
@@ -772,9 +772,9 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
 };
 export {
   Ee as AutocompleteMenu,
-  ye as AutocompleteOption,
-  ct as AutocompleteOptions,
+  ge as AutocompleteOption,
+  at as AutocompleteOptions,
   Ue as AutocompletePrompt,
-  Yt as MultipleAutocomplete,
-  Xt as SingleAutocomplete
+  Xt as MultipleAutocomplete,
+  Gt as SingleAutocomplete
 };