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

package/dist/autocompletes.js

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