@reportportal/ui-kit 0.0.1-alpha.116 → 0.0.1-alpha.118

package/dist/autocompletes.js

@@ -1,462 +1,468 @@
-import { jsx as r, jsxs as F, Fragment as te } from "react/jsx-runtime";
-import { useState as ae, useCallback as K, forwardRef as ye, useRef as Ne, useEffect as we } from "react";
-import { c as L } from "./bind-06a7ff84.js";
-import { Scrollbars as ke } from "rc-scrollbars";
-import { B as xe } from "./bubblesLoader-f3ffa240.js";
-import { B as Ee } from "./button-97d9e587.js";
-import { S as Ie } from "./plus-199fb2a8.js";
-import { i as Se } from "./isEmpty-ccacb5ff.js";
-import V from "downshift";
-import { useFloating as _e, autoUpdate as pe } from "@floating-ui/react";
-import { F as Be } from "./fieldText-ba8a917c.js";
-import { S as Fe } from "./close-4d480ef7.js";
-import { S as qe } from "./openEye-7b9cf080.js";
+import { jsx as s, jsxs as F, Fragment as ee } from "react/jsx-runtime";
+import { useState as de, useCallback as Y, forwardRef as xe, useRef as Ee, useEffect as Ie } from "react";
+import { c as H } from "./bind-06a7ff84.js";
+import { Scrollbars as je } from "rc-scrollbars";
+import { B as Se } from "./bubblesLoader-f3ffa240.js";
+import { B as Be } from "./button-97d9e587.js";
+import { S as Fe } from "./plus-199fb2a8.js";
+import { i as Me } from "./isEmpty-ccacb5ff.js";
+import U from "downshift";
+import { useFloating as he, autoUpdate as be } from "@floating-ui/react";
+import { F as qe } from "./fieldText-e4a554dc.js";
+import { S as ve } from "./dropdown-0260bb66.js";
+import { S as Ae } from "./close-4d480ef7.js";
+import { S as $e } from "./openEye-7b9cf080.js";
 import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-const Ae = "_disabled_18ek6_43", $e = "_input_18ek6_97", Me = {
+const De = "_disabled_18ek6_43", Ce = "_input_18ek6_97", Re = {
   "selected-item": "_selected-item_18ek6_16",
   "validation-error": "_validation-error_18ek6_35",
   "highlight-un-stored-item": "_highlight-un-stored-item_18ek6_40",
-  disabled: Ae,
+  disabled: De,
   "mobile-disabled": "_mobile-disabled_18ek6_48",
   "cross-icon": "_cross-icon_18ek6_54",
-  input: $e
-}, le = L.bind(Me), Oe = ({
-  item: s,
+  input: Ce
+}, ae = H.bind(Re), Oe = ({
+  item: o,
   onRemoveItem: e,
-  disabled: i = !1,
-  mobileDisabled: n = !1,
-  parseValueToString: o,
-  error: a = !1,
+  disabled: a = !1,
+  mobileDisabled: r = !1,
+  parseValueToString: n,
+  error: i = !1,
   editItem: p,
   editable: u = !1,
-  getAdditionalCreationCondition: b = () => !0,
-  storedOption: y = !0,
-  highlightUnStoredItem: h = !1,
-  variant: x = "light",
-  getItemName: g
+  getAdditionalCreationCondition: g = () => !0,
+  storedOption: N = !0,
+  highlightUnStoredItem: b = !1,
+  variant: E = "light",
+  getItemName: y
 }) => {
-  const [f, E] = ae(!1), [_, N] = ae(""), I = () => {
-    !i && u && !y && (N((g == null ? void 0 : g(s)) || (o == null ? void 0 : o(s)) || ""), E(!0));
-  }, B = (t) => {
-    N(t.target.value);
-  }, q = (t) => {
-    const c = b(_);
-    t.key === "Enter" && c && (p(s, _), E(!1), N(""));
-  }, l = () => {
-    E(!1), N("");
+  const [f, I] = de(!1), [k, _] = de(""), w = () => {
+    !a && u && !N && (_((y == null ? void 0 : y(o)) || (n == null ? void 0 : n(o)) || ""), I(!0));
+  }, S = (t) => {
+    _(t.target.value);
+  }, A = (t) => {
+    const l = g(k);
+    t.key === "Enter" && l && (p(o, k), I(!1), _(""));
+  }, c = () => {
+    I(!1), _("");
   }, d = (t) => {
-    t.stopPropagation(), e(s);
+    t.stopPropagation(), e(o);
   };
-  return f ? /* @__PURE__ */ r(
+  return f ? /* @__PURE__ */ s(
     "input",
     {
       autoFocus: !0,
-      value: _,
-      onChange: B,
-      onKeyDown: q,
-      onBlur: l,
-      className: le("input")
+      value: k,
+      onChange: S,
+      onKeyDown: A,
+      onBlur: c,
+      className: ae("input")
     }
   ) : /* @__PURE__ */ F(
     "div",
     {
-      className: le("selected-item", x, {
-        [`validation-${a}`]: a,
-        disabled: i,
-        "mobile-disabled": n,
-        "highlight-un-stored-item": h && !y
+      className: ae("selected-item", E, {
+        [`validation-${i}`]: i,
+        disabled: a,
+        "mobile-disabled": r,
+        "highlight-un-stored-item": b && !N
       }),
-      onClick: I,
+      onClick: w,
       children: [
-        o == null ? void 0 : o(s),
-        !i && /* @__PURE__ */ r(
+        n == null ? void 0 : n(o),
+        !a && /* @__PURE__ */ s(
           "button",
           {
             type: "button",
-            className: le("cross-icon", {
-              [`validation-${a}`]: a,
-              "mobile-disabled": n,
-              disabled: i
+            className: ae("cross-icon", {
+              [`validation-${i}`]: i,
+              "mobile-disabled": r,
+              disabled: a
             }),
             onClick: d,
-            children: /* @__PURE__ */ r(Fe, {})
+            children: /* @__PURE__ */ s(Ae, {})
           }
         )
       ]
     }
   );
-}, Re = ({
-  items: s = [],
+}, He = ({
+  items: o = [],
   parseValueToString: e,
-  getItemValidationErrorType: i,
-  storedItemsMap: n = {},
-  highlightUnStoredItem: o = !1,
-  renderCustomSelectedItem: a,
+  getItemValidationErrorType: a,
+  storedItemsMap: r = {},
+  highlightUnStoredItem: n = !1,
+  renderCustomSelectedItem: i,
   ...p
-}) => s.map((u) => a ? a(u) : /* @__PURE__ */ r(
+}) => o.map((u) => i ? i(u) : /* @__PURE__ */ s(
   Oe,
   {
     parseValueToString: e,
-    error: (i == null ? void 0 : i(u)) || "",
+    error: (a == null ? void 0 : a(u)) || "",
     item: u,
-    storedOption: !!n[e(u)],
-    highlightUnStoredItem: o,
+    storedOption: !!r[e(u)],
+    highlightUnStoredItem: n,
     ...p
   },
   e == null ? void 0 : e(u)
-)), Ce = "_prompt_1xfmd_16", De = {
-  prompt: Ce
-}, je = L.bind(De), He = ({ children: s = null }) => /* @__PURE__ */ r("div", { className: je("prompt"), children: s }), Pe = "_item_1qhaq_16", Le = "_divider_1qhaq_24", We = "_active_1qhaq_48", ze = "_value_1qhaq_60", Ke = "_tag_1qhaq_78", Ye = "_disabled_1qhaq_89", Xe = {
-  item: Pe,
-  divider: Le,
+)), Le = "_prompt_1xfmd_16", Pe = {
+  prompt: Le
+}, We = H.bind(Pe), ze = ({ children: o = null }) => /* @__PURE__ */ s("div", { className: We("prompt"), children: o }), Ke = "_item_1qhaq_16", Ye = "_divider_1qhaq_24", Xe = "_active_1qhaq_48", Ge = "_value_1qhaq_60", Je = "_tag_1qhaq_78", Qe = "_disabled_1qhaq_89", Te = {
+  item: Ke,
+  divider: Ye,
   "new-item": "_new-item_1qhaq_31",
-  active: We,
-  value: ze,
+  active: Xe,
+  value: Ge,
   "key-variant": "_key-variant_1qhaq_75",
-  tag: Ke,
+  tag: Je,
   "button-active": "_button-active_1qhaq_89",
-  disabled: Ye,
+  disabled: Qe,
   "value-variant": "_value-variant_1qhaq_109"
-}, Y = L.bind(Xe), me = ({
-  isActive: s = !1,
+}, X = H.bind(Te), fe = ({
+  isActive: o = !1,
   isSelected: e = !1,
-  isNew: i = !1,
-  children: n = null,
-  disabled: o = !1,
-  optionVariant: a = "",
+  isNew: a = !1,
+  children: r = null,
+  disabled: n = !1,
+  optionVariant: i = "",
   newItemButtonText: p = "",
   ...u
 }) => {
-  const b = () => p || (a === "key-variant" ? "New key" : "New value");
-  return i ? /* @__PURE__ */ F(te, { children: [
-    /* @__PURE__ */ r("div", { className: Y("divider") }),
+  const g = () => p || (i === "key-variant" ? "New key" : "New value");
+  return a ? /* @__PURE__ */ F(ee, { children: [
+    /* @__PURE__ */ s("div", { className: X("divider") }),
     /* @__PURE__ */ F(
       "li",
       {
-        className: Y("new-item", a, {
-          active: s,
+        className: X("new-item", i, {
+          active: o,
           selected: e,
-          disabled: o
+          disabled: n
         }),
         ...u,
         children: [
-          /* @__PURE__ */ r("span", { className: Y("value"), children: n }),
-          /* @__PURE__ */ r(
-            Ee,
+          /* @__PURE__ */ s("span", { className: X("value"), children: r }),
+          /* @__PURE__ */ s(
+            Be,
             {
-              ...!o && u,
-              className: Y({ "button-active": s }),
-              icon: /* @__PURE__ */ r(Ie, {}),
+              ...!n && u,
+              className: X({ "button-active": o }),
+              icon: /* @__PURE__ */ s(Fe, {}),
               variant: "text",
-              children: b()
+              children: g()
             }
           )
         ]
       }
     )
-  ] }) : /* @__PURE__ */ r(
+  ] }) : /* @__PURE__ */ s(
     "li",
     {
-      className: Y("item", a, {
-        active: s,
+      className: X("item", i, {
+        active: o,
         selected: e,
-        disabled: o
+        disabled: n
       }),
-      ...o ? {} : u,
-      children: /* @__PURE__ */ r("span", { className: Y("label", "tag"), children: n })
+      ...n ? {} : u,
+      children: /* @__PURE__ */ s("span", { className: X("label", "tag"), children: r })
     }
   );
-}, Ge = "_container_igshu_16", Je = {
-  container: Ge
-}, ie = L.bind(Je), Qe = (s) => {
+}, Ze = "_container_igshu_16", Ue = {
+  container: Ze
+}, ie = H.bind(Ue), Ve = (o) => {
   const {
     options: e,
-    async: i,
-    inputValue: n,
-    loading: o,
-    createWithoutConfirmation: a,
+    async: a,
+    inputValue: r,
+    loading: n,
+    createWithoutConfirmation: i,
     customEmptyListMessage: p,
     customNoMatchesMessage: u,
-    optionVariant: b,
-    newItemButtonText: y,
-    renderOption: h,
-    getUniqKey: x,
-    getItemProps: g,
+    optionVariant: g,
+    newItemButtonText: N,
+    renderOption: b,
+    getUniqKey: E,
+    getItemProps: y,
     parseValueToString: f
-  } = s, E = K(() => (e || []).filter((t) => f(t).toUpperCase().indexOf((n.toUpperCase() || "").trim()) > -1), [n, e, f]), _ = K(
-    (t, c, v = !1) => h ? h(t, c, v, g) : /* @__PURE__ */ r(
-      me,
+  } = o, I = Y(() => (e || []).filter((t) => f(t).toUpperCase().indexOf((r.toUpperCase() || "").trim()) > -1), [r, e, f]), k = Y(
+    (t, l, h = !1) => b ? b(t, l, h, y) : /* @__PURE__ */ s(
+      fe,
       {
-        optionVariant: b,
-        ...g({ item: t, index: c }),
-        isNew: v,
-        newItemButtonText: y,
+        optionVariant: g,
+        ...y({ item: t, index: l }),
+        isNew: h,
+        newItemButtonText: N,
         children: f(t)
       },
-      (x == null ? void 0 : x(t)) || f(t)
+      (E == null ? void 0 : E(t)) || f(t)
     ),
-    [g, x, y, b, f, h]
-  ), N = K(
-    (t) => t.length ? t.map((c, v) => _(c, v)) : "",
-    [_]
-  ), I = K(
+    [y, E, N, g, f, b]
+  ), _ = Y(
+    (t) => t.length ? t.map((l, h) => k(l, h)) : "",
+    [k]
+  ), w = Y(
     (t) => {
-      const c = t.length;
-      return /* @__PURE__ */ r("div", { className: ie({ container: !c }), children: /* @__PURE__ */ r(
-        me,
+      const l = t.length;
+      return /* @__PURE__ */ s("div", { className: ie({ container: !l }), children: /* @__PURE__ */ s(
+        fe,
         {
-          optionVariant: b,
+          optionVariant: g,
           isNew: !0,
-          ...g({ item: n, index: c }),
-          children: f(n)
+          ...y({ item: r, index: l }),
+          children: f(r)
         },
-        f(n)
+        f(r)
       ) });
     },
-    [g, n, b, f]
-  ), B = K(
-    (t) => o ? /* @__PURE__ */ F(te, { children: [
-      /* @__PURE__ */ r(He, { children: /* @__PURE__ */ r(xe, {}) }),
-      !a && I(t)
+    [y, r, g, f]
+  ), S = Y(
+    (t) => n ? /* @__PURE__ */ F(ee, { children: [
+      /* @__PURE__ */ s(ze, { children: /* @__PURE__ */ s(Se, {}) }),
+      !i && w(t)
     ] }) : "",
-    [a, o, I]
-  ), q = K(() => {
+    [i, n, w]
+  ), A = Y(() => {
     const t = (e == null ? void 0 : e.length) === 0 ? p || "No available options" : u || "No matches found";
-    return /* @__PURE__ */ r("div", { className: ie("empty-list-message"), children: t });
-  }, [p, u, e == null ? void 0 : e.length]), l = i ? e : E(), d = B(e);
+    return /* @__PURE__ */ s("div", { className: ie("empty-list-message"), children: t });
+  }, [p, u, e == null ? void 0 : e.length]), c = a ? e : I(), d = S(e);
   return d || /* @__PURE__ */ F("div", { className: ie({ container: e.length }), children: [
-    /* @__PURE__ */ r(ke, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: Se(l) ? q() : N(l) }),
-    !a && I(l)
+    /* @__PURE__ */ s(je, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: Me(c) ? A() : _(c) }),
+    !i && w(c)
   ] });
-}, Ze = "_menu_1bgrz_16", Te = "_opened_1bgrz_35", Ue = "_dark_1bgrz_38", Ve = {
-  menu: Ze,
-  opened: Te,
-  dark: Ue
-}, et = L.bind(Ve), tt = (s, e) => !s || s <= e.trim().length, he = ye(
+}, et = "_menu_1bgrz_16", tt = "_opened_1bgrz_35", ot = "_dark_1bgrz_38", nt = {
+  menu: et,
+  opened: tt,
+  dark: ot
+}, st = H.bind(nt), rt = (o, e) => !o || o <= e.trim().length, ge = xe(
   ({
-    isOpen: s = !1,
+    isOpen: o = !1,
     style: e = {},
-    minLength: i = 1,
+    minLength: a = 1,
+    isDropdownMode: r,
     inputValue: n = "",
-    className: o = "",
-    ...a
-  }, p) => /* @__PURE__ */ r(
+    className: i = "",
+    ...p
+  }, u) => /* @__PURE__ */ s(
     "ul",
     {
-      ref: p,
-      className: et(
+      ref: u,
+      className: st(
         "menu",
-        { opened: s && tt(i, n) },
-        o
+        { opened: o && (r || rt(a, n)) },
+        i
       ),
       style: e,
-      children: /* @__PURE__ */ r(Qe, { inputValue: n, ...a })
+      children: /* @__PURE__ */ s(Ve, { inputValue: n, ...p })
     }
   )
-), fe = (s, e) => typeof s == "string" ? s : e ? String(s[e(s)]) : "", ee = (s, e) => {
-  var n;
-  return s === e ? !0 : !!(s && e && typeof s == "object" && typeof e == "object" && Object.keys(s).length === Object.keys(e).length && ((n = Object.entries(s)) != null && n.every(([o, a]) => ee(a, e[o]))));
-}, st = (s, e, i) => typeof s == "string" ? s === e : i ? (() => {
-  const n = i(s);
-  return s[n] === e[n];
-})() : !1, ot = ({
-  options: s = [],
+), _e = (o, e) => typeof o == "string" ? o : e ? String(o[e(o)]) : "", V = (o, e) => {
+  var r;
+  return o === e ? !0 : !!(o && e && typeof o == "object" && typeof e == "object" && Object.keys(o).length === Object.keys(e).length && ((r = Object.entries(o)) != null && r.every(([n, i]) => V(i, e[n]))));
+}, ct = (o, e, a) => typeof o == "string" ? o === e : a ? (() => {
+  const r = a(o);
+  return o[r] === e[r];
+})() : !1, lt = ({
+  options: o = [],
   onChange: e,
-  selectedItems: i = [],
-  handleUnStoredItemCb: n = null,
-  existingItemsMap: o = {},
-  children: a,
-  customizeNewSelectedValue: p = (h) => h,
+  selectedItems: a = [],
+  handleUnStoredItemCb: r = null,
+  existingItemsMap: n = {},
+  children: i,
+  customizeNewSelectedValue: p = (b) => b,
   getOptionUniqKey: u,
-  getOptionUniqKeyValue: b,
-  ...y
+  getOptionUniqKeyValue: g,
+  ...N
 }) => {
-  const [h, x] = ae(o), g = (l, d) => {
+  const [b, E] = de(n), y = (c, d) => {
     const t = {
-      ...h
+      ...b
     };
-    l.forEach((c) => {
-      if (s.find((v) => st(v, c, u))) {
-        const v = fe(c, u);
-        t[v] = !0;
+    c.forEach((l) => {
+      if (o.find((h) => ct(h, l, u))) {
+        const h = _e(l, u);
+        t[h] = !0;
       }
-    }), x(t), d(t);
-  }, f = (l, d) => {
-    const t = fe(l, u);
-    if (t in h) {
-      const c = { ...h };
-      delete c[t], x(c), d(c);
+    }), E(t), d(t);
+  }, f = (c, d) => {
+    const t = _e(c, u);
+    if (t in b) {
+      const l = { ...b };
+      delete l[t], E(l), d(l);
     } else
-      d(h);
-  }, E = (l, d) => {
-    const t = p(l), c = Array.isArray(t) ? t : [t], M = [...i.filter((O) => c.indexOf(O) < 0), ...c];
-    e == null || e(M, d), g(c, (O) => n == null ? void 0 : n(M, O));
-  }, _ = (l, d) => {
-    const t = i.indexOf(l), c = [...i];
-    c.splice(t, 1, d), e == null || e(c, null);
-  }, N = (l, d) => {
-    const t = i.filter((v) => !ee(v, l));
-    e == null || e(t, d), f(l, (v) => n == null ? void 0 : n(t, v));
-  }, I = (l, d) => {
-    l && E(l, d);
-  }, B = (l) => ({
-    removeItem: N,
-    editItem: _,
+      d(b);
+  }, I = (c, d) => {
+    const t = p(c), l = Array.isArray(t) ? t : [t], L = [...a.filter((D) => l.indexOf(D) < 0), ...l];
+    e == null || e(L, d), y(l, (D) => r == null ? void 0 : r(L, D));
+  }, k = (c, d) => {
+    const t = a.indexOf(c), l = [...a];
+    l.splice(t, 1, d), e == null || e(l, null);
+  }, _ = (c, d) => {
+    const t = a.filter((h) => !V(h, c));
+    e == null || e(t, d), f(c, (h) => r == null ? void 0 : r(t, h));
+  }, w = (c, d) => {
+    c && I(c, d);
+  }, S = (c) => ({
+    removeItem: _,
+    editItem: k,
     handleChange: e,
-    getOptionUniqKeyValue: b,
-    storedItemsMap: h,
-    ...l
+    getOptionUniqKeyValue: g,
+    storedItemsMap: b,
+    ...c
   });
-  return /* @__PURE__ */ r(
-    V,
+  return /* @__PURE__ */ s(
+    U,
     {
-      ...y,
-      stateReducer: (l, d) => {
+      ...N,
+      stateReducer: (c, d) => {
         switch (d.type) {
-          case V.stateChangeTypes.keyDownEnter:
-          case V.stateChangeTypes.clickItem:
+          case U.stateChangeTypes.keyDownEnter:
+          case U.stateChangeTypes.clickItem:
             return {
               ...d,
-              highlightedIndex: l.highlightedIndex,
+              highlightedIndex: c.highlightedIndex,
               inputValue: ""
             };
           default:
             return d;
         }
       },
-      onChange: I,
+      onChange: w,
       selectedItem: null,
-      children: (l) => a == null ? void 0 : a(B(l))
+      children: (c) => i == null ? void 0 : i(S(c))
     }
   );
-}, nt = "_autocomplete_1rvi8_16", rt = "_disabled_1rvi8_32", ct = "_error_1rvi8_35", lt = "_touched_1rvi8_35", it = "_input_1rvi8_74", at = {
-  autocomplete: nt,
-  "autocomplete-wrapper": "_autocomplete-wrapper_1rvi8_28",
-  disabled: rt,
-  error: ct,
-  touched: lt,
-  "clear-icon": "_clear-icon_1rvi8_46",
-  "clear-icon--disabled": "_clear-icon--disabled_1rvi8_56",
-  "autocomplete-input": "_autocomplete-input_1rvi8_60",
-  "mobile-disabled": "_mobile-disabled_1rvi8_69",
-  input: it,
-  "type-number": "_type-number_1rvi8_98",
-  "error-text": "_error-text_1rvi8_109"
-}, X = L.bind(at), Mt = (s) => {
+}, at = "_autocomplete_1bjo2_16", it = "_disabled_1bjo2_32", dt = "_error_1bjo2_35", ut = "_touched_1bjo2_35", mt = "_input_1bjo2_74", ft = {
+  autocomplete: at,
+  "autocomplete-wrapper": "_autocomplete-wrapper_1bjo2_28",
+  disabled: it,
+  error: dt,
+  touched: ut,
+  "clear-icon": "_clear-icon_1bjo2_46",
+  "clear-icon--disabled": "_clear-icon--disabled_1bjo2_56",
+  "autocomplete-input": "_autocomplete-input_1bjo2_60",
+  "mobile-disabled": "_mobile-disabled_1bjo2_69",
+  input: mt,
+  "type-number": "_type-number_1bjo2_98",
+  "error-text": "_error-text_1bjo2_109",
+  "dropdown-button": "_dropdown-button_1bjo2_118",
+  "icon-reversed": "_icon-reversed_1bjo2_126"
+}, O = H.bind(ft), Rt = (o) => {
   const {
     options: e = [],
-    loading: i = !1,
-    onStateChange: n = () => {
+    loading: a = !1,
+    onStateChange: r = () => {
     },
-    value: o = [],
-    placeholder: a = "",
+    value: n = [],
+    placeholder: i = "",
     error: p = "",
     touched: u = !1,
-    creatable: b = !1,
-    editable: y = !1,
-    onChange: h = () => {
+    creatable: g = !1,
+    editable: N = !1,
+    onChange: b = () => {
     },
-    onFocus: x = () => {
+    onFocus: E = () => {
     },
-    onBlur: g = () => {
+    onBlur: y = () => {
     },
     disabled: f = !1,
-    mobileDisabled: E = !1,
+    isDropdownMode: I = !1,
+    mobileDisabled: k = !1,
     inputProps: _ = {},
-    parseValueToString: N = (m) => m == null ? "" : String(m),
-    maxLength: I = null,
-    async: B = !1,
-    customClass: q = "",
-    createWithoutConfirmation: l = !1,
-    getItemValidationErrorType: d = null,
-    clearItemsError: t = () => {
+    parseValueToString: w = (m) => m == null ? "" : String(m),
+    maxLength: S = null,
+    async: A = !1,
+    customClass: c = "",
+    createWithoutConfirmation: d = !1,
+    getItemValidationErrorType: t = null,
+    clearItemsError: l = () => {
     },
-    getAdditionalCreationCondition: c = () => !0,
-    highlightUnStoredItem: v = !1,
-    parseInputValueFn: M = null,
-    handleUnStoredItemCb: Z = null,
-    dataAutomationId: O = "",
-    existingItemsMap: T = {},
-    customizeNewSelectedValue: se = (m) => m,
-    renderCustomSelectedItem: oe,
-    useFixedPositioning: ne,
-    newItemButtonText: S = "",
-    ...R
-  } = s, { refs: C, floatingStyles: D } = _e({
+    getAdditionalCreationCondition: h = () => !0,
+    highlightUnStoredItem: L = !1,
+    parseInputValueFn: G = null,
+    handleUnStoredItemCb: D = null,
+    dataAutomationId: te = "",
+    existingItemsMap: Z = {},
+    customizeNewSelectedValue: oe = (m) => m,
+    renderCustomSelectedItem: ne,
+    useFixedPositioning: se,
+    newItemButtonText: j = "",
+    ...C
+  } = o, { refs: R, floatingStyles: P } = he({
     placement: "bottom-start",
-    strategy: ne ? "fixed" : "absolute",
-    whileElementsMounted: pe
-  }), A = o.length === 0 && !f ? a : "", j = Ne(null);
-  we(() => {
-    t();
-  }, [t, o]);
-  const re = (m, w) => {
-    h(m, w);
-  }, G = (m, w, $) => ({ item: k, index: Q, ...W }) => m({
-    item: k,
-    index: Q,
-    isSelected: $.some((ce) => ee(ce, k)),
-    ...W,
-    isActive: w === Q
-  }), H = ({
+    strategy: se ? "fixed" : "absolute",
+    whileElementsMounted: be
+  }), M = n.length === 0 && !f ? i : "", q = Ee(null);
+  Ie(() => {
+    l();
+  }, [l, n]);
+  const re = (m, v) => {
+    b(m, v);
+  }, ce = (m, v, B) => ({ item: x, index: T, ...z }) => m({
+    item: x,
+    index: T,
+    isSelected: B.some((le) => V(le, x)),
+    ...z,
+    isActive: v === T
+  }), J = ({
     event: m,
-    removeItem: w,
-    inputValue: $
+    removeItem: v,
+    inputValue: B
   }) => {
-    m.key === "Backspace" && !$ && o.length && w(o[o.length - 1], null);
-  }, P = ({
+    m.key === "Backspace" && !B && n.length && v(n[n.length - 1], null);
+  }, $ = ({
     inputValue: m,
-    selectItem: w,
-    clearSelection: $
+    selectItem: v,
+    clearSelection: B
   }) => {
-    if (M) {
-      const k = M(m);
-      (k.length ? k : [m]).forEach((W) => w(W)), $();
+    if (G) {
+      const x = G(m);
+      (x.length ? x : [m]).forEach((z) => v(z)), B();
     } else
-      w(m), $();
-  }, J = (m) => (w) => {
-    m(w, null), j.current && j.current.focus();
-  }, U = e.filter((m) => o.every((w) => !ee(w, m)));
-  return /* @__PURE__ */ r(
-    ot,
+      v(m), B();
+  }, W = (m) => (v) => {
+    m(v, null), q.current && q.current.focus();
+  }, Q = e.filter((m) => n.every((v) => !V(v, m)));
+  return /* @__PURE__ */ s(
+    lt,
     {
       onChange: re,
-      itemToString: N,
-      selectedItems: o,
-      onStateChange: n,
+      itemToString: w,
+      selectedItems: n,
+      onStateChange: r,
       options: e,
-      existingItemsMap: T,
-      handleUnStoredItemCb: Z,
-      customizeNewSelectedValue: se,
+      existingItemsMap: Z,
+      handleUnStoredItemCb: D,
+      customizeNewSelectedValue: oe,
       children: ({
         getInputProps: m,
-        getItemProps: w,
-        isOpen: $,
-        inputValue: k,
-        highlightedIndex: Q,
-        removeItem: W,
-        editItem: ce,
-        openMenu: ve,
-        selectItem: de,
-        clearSelection: ue,
-        storedItemsMap: be,
-        getRootProps: ge
+        getItemProps: v,
+        isOpen: B,
+        inputValue: x,
+        highlightedIndex: T,
+        removeItem: z,
+        editItem: le,
+        openMenu: ye,
+        selectItem: ue,
+        clearSelection: me,
+        toggleMenu: we,
+        storedItemsMap: Ne,
+        getRootProps: ke
       }) => /* @__PURE__ */ F(
         "div",
         {
-          ...ge(void 0, { suppressRefError: !0 }),
-          className: X("autocomplete-wrapper"),
-          ref: C.setReference,
+          ...ke(void 0, { suppressRefError: !0 }),
+          className: O("autocomplete-wrapper"),
+          ref: R.setReference,
           children: [
-            /* @__PURE__ */ F(te, { children: [
+            /* @__PURE__ */ F(ee, { children: [
               /* @__PURE__ */ F(
                 "div",
                 {
-                  className: X("autocomplete", q, {
-                    "mobile-disabled": E,
+                  className: O("autocomplete", c, {
+                    "mobile-disabled": k,
                     error: p,
                     touched: u,
                     disabled: f
@@ -465,92 +471,104 @@ const Ae = "_disabled_18ek6_43", $e = "_input_18ek6_97", Me = {
                     /* @__PURE__ */ F(
                       "div",
                       {
-                        className: X("autocomplete-input", {
-                          "mobile-disabled": E
+                        className: O("autocomplete-input", {
+                          "mobile-disabled": k
                         }),
                         children: [
-                          /* @__PURE__ */ r(
-                            Re,
+                          /* @__PURE__ */ s(
+                            He,
                             {
-                              items: o,
-                              onRemoveItem: J(W),
+                              items: n,
+                              onRemoveItem: W(z),
                               disabled: f,
-                              mobileDisabled: E,
-                              parseValueToString: N,
-                              getItemValidationErrorType: d,
-                              renderCustomSelectedItem: oe,
-                              editItem: ce,
-                              editable: y,
-                              getAdditionalCreationCondition: c,
-                              storedItemsMap: be,
-                              highlightUnStoredItem: v
+                              mobileDisabled: k,
+                              parseValueToString: w,
+                              getItemValidationErrorType: t,
+                              renderCustomSelectedItem: ne,
+                              editItem: le,
+                              editable: N,
+                              getAdditionalCreationCondition: h,
+                              storedItemsMap: Ne,
+                              highlightUnStoredItem: L
                             }
                           ),
-                          /* @__PURE__ */ r(
+                          /* @__PURE__ */ s(
                             "input",
                             {
                               ...m({
-                                ref: j,
-                                placeholder: A,
-                                maxLength: I,
+                                ref: q,
+                                placeholder: M,
+                                maxLength: S,
                                 onFocus: () => {
-                                  ve(), x();
+                                  ye(), E();
                                 },
-                                onKeyDown: (z) => {
-                                  z.key === "Enter" && k && b && c(k) && P({
-                                    inputValue: k,
-                                    selectItem: de,
-                                    clearSelection: ue
-                                  }), H({ event: z, removeItem: W, inputValue: k });
+                                onKeyDown: (K) => {
+                                  K.key === "Enter" && x && g && h(x) && $({
+                                    inputValue: x,
+                                    selectItem: ue,
+                                    clearSelection: me
+                                  }), J({ event: K, removeItem: z, inputValue: x });
                                 },
                                 onBlur: () => {
-                                  g(), k && b && c(k) && P({
-                                    inputValue: k,
-                                    selectItem: de,
-                                    clearSelection: ue
+                                  y(), x && g && h(x) && $({
+                                    inputValue: x,
+                                    selectItem: ue,
+                                    clearSelection: me
                                   });
                                 },
                                 disabled: f,
                                 ..._
                               }),
-                              className: X("input", { disabled: f }),
-                              "data-automation-id": O
+                              className: O("input", { disabled: f }),
+                              "data-automation-id": te
                             }
                           )
                         ]
                       }
                     ),
-                    (_ == null ? void 0 : _.clearable) && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ r(
+                    (_ == null ? void 0 : _.clearable) && (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ s(
                       "button",
                       {
-                        className: X("clear-icon", { "clear-icon--disabled": f }),
+                        className: O("clear-icon", { "clear-icon--disabled": f }),
                         onClick: () => {
-                          var z;
-                          return !f && ((z = _ == null ? void 0 : _.onClear) == null ? void 0 : z.call(_));
+                          var K;
+                          return !f && ((K = _ == null ? void 0 : _.onClear) == null ? void 0 : K.call(_));
                         },
-                        children: /* @__PURE__ */ r(qe, {})
+                        children: /* @__PURE__ */ s($e, {})
+                      }
+                    ),
+                    I && /* @__PURE__ */ s(
+                      "button",
+                      {
+                        type: "button",
+                        className: O("dropdown-button", { "icon-reversed": B }),
+                        onClick: () => we(),
+                        "aria-label": "Toggle dropdown",
+                        "aria-expanded": B,
+                        children: /* @__PURE__ */ s(ve, {})
                       }
                     )
                   ]
                 }
               ),
-              p && u && /* @__PURE__ */ r("span", { className: X("error-text"), children: p })
+              p && u && /* @__PURE__ */ s("span", { className: O("error-text"), children: p })
             ] }),
-            /* @__PURE__ */ r(
-              he,
+            /* @__PURE__ */ s(
+              ge,
               {
-                isOpen: $,
-                loading: i,
-                async: B,
-                ref: C.setFloating,
-                newItemButtonText: S,
-                style: D,
-                inputValue: (k || "").trim(),
-                getItemProps: G(w, Q, o),
-                parseValueToString: N,
-                createWithoutConfirmation: l,
-                options: U,
-                ...R
+                isOpen: B,
+                loading: a,
+                async: A,
+                ref: R.setFloating,
+                newItemButtonText: j,
+                isDropdownMode: I,
+                style: P,
+                inputValue: (x || "").trim(),
+                getItemProps: ce(v, T, n),
+                parseValueToString: w,
+                createWithoutConfirmation: d,
+                options: Q,
+                ...C
               }
             )
           ]
@@ -558,124 +576,140 @@ const Ae = "_disabled_18ek6_43", $e = "_input_18ek6_97", Me = {
       )
     }
   );
-}, dt = "Enter", ut = "Tab", mt = {
-  "input-wrapper": "_input-wrapper_14hlh_1"
-}, ft = L.bind(mt), _t = 0, Ot = (s) => {
+}, _t = "Enter", pt = "Tab", ht = {
+  "input-wrapper": "_input-wrapper_d9vma_1",
+  "dropdown-button": "_dropdown-button_d9vma_6",
+  "icon-reversed": "_icon-reversed_d9vma_14"
+}, pe = H.bind(ht), bt = 0, Ot = (o) => {
   const {
     options: e = [],
-    value: i,
-    placeholder: n = "",
-    onChange: o = () => {
+    value: a,
+    placeholder: r = "",
+    onChange: n = () => {
     },
-    onFocus: a = () => {
+    onFocus: i = () => {
     },
     onBlur: p = () => {
     },
     disabled: u = !1,
-    inputProps: b = {},
-    parseValueToString: y = (S) => S === null ? "" : String(S),
-    minLength: h = 1,
-    skipOptionCreation: x = !1,
-    maxLength: g = null,
+    inputProps: g = {},
+    parseValueToString: N = (j) => j === null ? "" : String(j),
+    minLength: b = 1,
+    skipOptionCreation: E = !1,
+    maxLength: y = null,
     optionVariant: f = "",
-    isRequired: E = !1,
-    error: _ = "",
-    touched: N = !1,
-    setTouch: I = () => {
+    isRequired: I = !1,
+    error: k = "",
+    touched: _ = !1,
+    setTouch: w = () => {
     },
-    createWithoutConfirmation: B = !1,
-    menuClassName: q = "",
-    icon: l,
-    isOptionUnique: d,
-    refFunction: t,
-    stateReducer: c,
-    onStateChange: v,
-    useFixedPositioning: M,
-    newItemButtonText: Z = "",
-    ...O
-  } = s, { refs: T, floatingStyles: se } = _e({
+    createWithoutConfirmation: S = !1,
+    menuClassName: A = "",
+    icon: c,
+    isDropdownMode: d = !1,
+    isOptionUnique: t,
+    refFunction: l,
+    stateReducer: h,
+    onStateChange: L,
+    useFixedPositioning: G,
+    newItemButtonText: D = "",
+    ...te
+  } = o, { refs: Z, floatingStyles: oe } = he({
     placement: "bottom-start",
-    strategy: M ? "fixed" : "absolute",
-    whileElementsMounted: pe
-  }), oe = (S, R, C) => ({ item: D, index: A, ...j }) => S({
-    item: D,
-    index: A,
-    isSelected: C !== null && C === D,
-    ...j,
-    isActive: R === A
-  }), ne = (S, R) => {
-    S.key === ut && (S.preventDefault(), R(e.length));
+    strategy: G ? "fixed" : "absolute",
+    whileElementsMounted: be
+  }), ne = (j, C, R) => ({ item: P, index: M, ...q }) => j({
+    item: P,
+    index: M,
+    isSelected: R !== null && R === P,
+    ...q,
+    isActive: C === M
+  }), se = (j, C) => {
+    j.key === pt && (j.preventDefault(), C(e.length));
   };
-  return /* @__PURE__ */ r(
-    V,
+  return /* @__PURE__ */ s(
+    U,
     {
-      onChange: o,
-      itemToString: y,
-      selectedItem: i,
-      onStateChange: v,
-      defaultHighlightedIndex: _t,
-      stateReducer: c,
+      onChange: n,
+      itemToString: N,
+      selectedItem: a,
+      onStateChange: L,
+      defaultHighlightedIndex: bt,
+      stateReducer: h,
       children: ({
-        getInputProps: S,
-        getItemProps: R,
-        setHighlightedIndex: C,
-        isOpen: D,
-        inputValue: A,
-        highlightedIndex: j,
-        getRootProps: re,
-        selectItem: G
-      }) => /* @__PURE__ */ r(te, { children: /* @__PURE__ */ F(
+        getInputProps: j,
+        getItemProps: C,
+        setHighlightedIndex: R,
+        toggleMenu: P,
+        isOpen: M,
+        inputValue: q,
+        highlightedIndex: re,
+        getRootProps: ce,
+        selectItem: J
+      }) => /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ F(
         "div",
         {
-          className: ft("input-wrapper"),
-          ...re(void 0, { suppressRefError: !0 }),
-          ref: T.setReference,
+          className: pe("input-wrapper"),
+          ...ce(void 0, { suppressRefError: !0 }),
+          ref: Z.setReference,
           children: [
-            /* @__PURE__ */ r(
-              Be,
+            /* @__PURE__ */ s(
+              qe,
               {
-                ...S({
-                  placeholder: u ? "" : n,
-                  maxLength: g || void 0,
+                ...j({
+                  placeholder: u ? "" : r,
+                  maxLength: y || void 0,
                   onFocus: () => {
-                    a();
+                    i();
                   },
-                  refFunction: t,
-                  onKeyDown: (H) => {
-                    H.key === dt && H.preventDefault(), A && D && ne(H, C);
+                  refFunction: l,
+                  onKeyDown: ($) => {
+                    $.key === _t && $.preventDefault(), q && M && se($, R);
                   },
-                  onBlur: (H) => {
-                    const P = (A ?? "").trim(), J = !!P, U = J ? e.find((m) => y(m) === P) : void 0;
-                    G(U || (!x && B && J ? P : null)), p(H), d == null || d(
-                      J ? !e.some((m) => y(m) === P) : null
-                    ), I == null || I(!0);
+                  onBlur: ($) => {
+                    const W = (q ?? "").trim(), Q = !!W, m = Q ? e.find((v) => N(v) === W) : void 0;
+                    J(m || (!E && S && Q ? W : null)), p($), t == null || t(
+                      Q ? !e.some((v) => N(v) === W) : null
+                    ), w == null || w(!0);
                   },
                   disabled: u,
                   defaultWidth: !1,
-                  isRequired: E,
-                  touched: N,
-                  error: _,
-                  endIcon: l,
-                  ...b
+                  isRequired: I,
+                  touched: _,
+                  error: k,
+                  ...g,
+                  endIcon: d && !c ? /* @__PURE__ */ s(
+                    "button",
+                    {
+                      type: "button",
+                      className: pe("dropdown-button", { "icon-reversed": M }),
+                      onClick: () => P(),
+                      "aria-label": "Toggle dropdown",
+                      "aria-expanded": M,
+                      children: /* @__PURE__ */ s(ve, {})
+                    }
+                  ) : c,
+                  minLength: d ? 0 : b
                 })
               }
             ),
-            /* @__PURE__ */ r(
-              he,
+            /* @__PURE__ */ s(
+              ge,
               {
-                isOpen: D,
-                style: se,
-                ref: T.setFloating,
-                minLength: h,
-                inputValue: (A || "").trim(),
-                getItemProps: oe(R, j, i),
-                parseValueToString: y,
+                isOpen: M,
+                isDropdownMode: d,
+                style: oe,
+                ref: Z.setFloating,
+                minLength: b,
+                inputValue: (q || "").trim(),
+                getItemProps: ne(C, re, a),
+                parseValueToString: N,
                 optionVariant: f,
-                createWithoutConfirmation: B,
-                className: q,
+                createWithoutConfirmation: S,
+                className: A,
                 options: e,
-                newItemButtonText: Z,
-                ...O
+                newItemButtonText: D,
+                ...te
               }
             )
           ]
@@ -685,10 +719,10 @@ const Ae = "_disabled_18ek6_43", $e = "_input_18ek6_97", Me = {
   );
 };
 export {
-  he as AutocompleteMenu,
-  me as AutocompleteOption,
-  Qe as AutocompleteOptions,
-  He as AutocompletePrompt,
-  Mt as MultipleAutocomplete,
+  ge as AutocompleteMenu,
+  fe as AutocompleteOption,
+  Ve as AutocompleteOptions,
+  ze as AutocompletePrompt,
+  Rt as MultipleAutocomplete,
   Ot as SingleAutocomplete
 };