mimir-ui-kit 1.42.2 → 1.43.1

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -1,375 +1,534 @@
-import { jsxs as E, jsx as n, Fragment as Y } from "react/jsx-runtime";
-import { c as u } from "../../index-DIxK0V-G.js";
-import { forwardRef as Ne, useId as Se, useRef as P, useState as g, useEffect as y, useMemo as Ce, useCallback as Me } from "react";
-import { EMultiSelectSearchSize as R } from "./constants.js";
-import { getInitialInputValue as Z, shouldShowMenuOnTop as Ee, MULTISELECT_OPEN_EVENT as ee, mapSizeToInputSize as te, getDropdownArrowIcon as Le, dispatchMultiselectOpen as L, joinSelectedItems as oe } from "./utils.js";
-import { Icon as ye } from "../../icons/Icon.js";
-import { Button as ke } from "../Button/Button.js";
-import { CheckboxMimir as Te } from "../CheckboxMimir/CheckboxMimir.js";
-import { Chip as Oe } from "../Chip/Chip.js";
-import { I as ne } from "../../Input-BU_6U1CW.js";
-import { EInputVariant as ze } from "../Input/constants.js";
-import { H as Ae, U as ie, G as se, K as Ve, W as qe } from "../../combobox-Dv6-ANkb.js";
-import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De = "_container_io0c8_9", Pe = "_full_io0c8_27", Re = "_button_io0c8_39", Be = "_options_io0c8_53", Fe = "_visible_io0c8_66", Je = "_top_io0c8_69", je = "_bottom_io0c8_74", Ge = "_m_io0c8_2", He = "_l_io0c8_116", Ue = "_focused_io0c8_134", We = "_option_io0c8_53", Ke = "_chip_io0c8_163", $e = "_clear_io0c8_188", e = {
-  "multi-select-search": "_multi-select-search_io0c8_2",
-  disabled: xe,
-  container: De,
-  "container-open": "_container-open_io0c8_18",
-  "input-container": "_input-container_io0c8_22",
-  full: Pe,
-  "selected-icon": "_selected-icon_io0c8_31",
-  "selector-icon-open": "_selector-icon-open_io0c8_35",
-  button: Re,
-  "selector-icon": "_selector-icon_io0c8_35",
-  options: Be,
-  visible: Fe,
-  top: Je,
-  bottom: je,
-  "no-options": "_no-options_io0c8_95",
-  m: Ge,
-  l: He,
-  "multi-select-input-disabled": "_multi-select-input-disabled_io0c8_131",
-  "multi-select-input": "_multi-select-input_io0c8_131",
-  focused: Ue,
-  option: We,
-  "option-active": "_option-active_io0c8_153",
-  "option-inner": "_option-inner_io0c8_156",
-  chip: Ke,
-  "chip-container": "_chip-container_io0c8_168",
-  "chip-root": "_chip-root_io0c8_174",
-  "right-slot": "_right-slot_io0c8_178",
-  "required-mark": "_required-mark_io0c8_183",
-  clear: $e,
-  "icon-button": "_icon-button_io0c8_197"
-}, at = Ne(
-  (ce, re) => {
+import { jsxs as u, jsx as i, Fragment as ee } from "react/jsx-runtime";
+import { u as Qe } from "../../index-D5H8gPPn.js";
+import { c } from "../../index-DIxK0V-G.js";
+import { forwardRef as Xe, useId as Ze, useRef as j, useState as f, useEffect as A, useMemo as te, useCallback as et } from "react";
+import { EMultiSelectSearchSize as D, ELoadingIndicatorPlacement as P } from "./constants.js";
+import { getInitialInputValue as ve, shouldShowMenuOnTop as tt, MULTISELECT_OPEN_EVENT as ge, prepareGroupedItems as nt, mapSizeToInputSize as ke, getDropdownArrowIcon as it, joinSelectedItems as Ie, dispatchMultiselectOpen as U } from "./utils.js";
+import { Icon as ot } from "../../icons/Icon.js";
+import { Button as st } from "../Button/Button.js";
+import { CheckboxMimir as we } from "../CheckboxMimir/CheckboxMimir.js";
+import { Chip as rt } from "../Chip/Chip.js";
+import { I as ye } from "../../Input-BU_6U1CW.js";
+import { EInputVariant as at } from "../Input/constants.js";
+import { Loader as Ne } from "../Loader/Loader.js";
+import { H as lt, U as Se, G as xe, W as Ce, K as ct } from "../../combobox-fIVOzEhl.js";
+import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut = "_container_1b2pk_9", pt = "_loader_1b2pk_37", mt = "_full_1b2pk_47", ft = "_button_1b2pk_59", ht = "_options_1b2pk_73", _t = "_visible_1b2pk_86", bt = "_top_1b2pk_89", vt = "_bottom_1b2pk_94", gt = "_m_1b2pk_2", kt = "_l_1b2pk_37", It = "_focused_1b2pk_154", wt = "_option_1b2pk_73", yt = "_chip_1b2pk_183", Nt = "_clear_1b2pk_208", t = {
+  "multi-select-search": "_multi-select-search_1b2pk_2",
+  disabled: dt,
+  container: ut,
+  "container-open": "_container-open_1b2pk_18",
+  "group-header": "_group-header_1b2pk_22",
+  "sticky-active": "_sticky-active_1b2pk_33",
+  loader: pt,
+  "input-container": "_input-container_1b2pk_42",
+  full: mt,
+  "selected-icon": "_selected-icon_1b2pk_51",
+  "selector-icon-open": "_selector-icon-open_1b2pk_55",
+  button: ft,
+  "selector-icon": "_selector-icon_1b2pk_55",
+  options: ht,
+  visible: _t,
+  top: bt,
+  bottom: vt,
+  "no-options": "_no-options_1b2pk_115",
+  m: gt,
+  l: kt,
+  "multi-select-input-disabled": "_multi-select-input-disabled_1b2pk_151",
+  "multi-select-input": "_multi-select-input_1b2pk_151",
+  focused: It,
+  option: wt,
+  "option-active": "_option-active_1b2pk_173",
+  "option-inner": "_option-inner_1b2pk_176",
+  chip: yt,
+  "chip-container": "_chip-container_1b2pk_188",
+  "chip-root": "_chip-root_1b2pk_194",
+  "right-slot": "_right-slot_1b2pk_198",
+  "required-mark": "_required-mark_1b2pk_203",
+  clear: Nt,
+  "icon-button": "_icon-button_1b2pk_217"
+}, Ft = Xe(
+  (Le, Ee) => {
     const {
-      placeholder: B,
-      size: i = R.L,
-      value: m,
-      onChange: s,
-      full: le,
-      showArrow: ae = !0,
-      items: f = [],
-      classNameOption: ue,
-      displayValue: v = "name",
-      filterOnSearch: F = !0,
-      onSearch: k,
-      variant: J = ze.DefaultGray,
-      menuPlacement: w = "bottom",
-      disabled: d = !1,
-      searchProps: j,
-      withClearButton: T = !1,
-      withChip: de = !1,
-      chipVariant: pe = "sapphire",
-      disableInput: I = !1,
-      autocomplete: G = "on",
-      id: me,
-      autoPlacement: O = !1,
-      onIsOpen: r
-    } = ce, _e = Se(), _ = me || `multiselect-${_e}`, N = P(null), b = P(null), z = P(!1), [l, h] = g(!1), [S, C] = g(
-      () => Z(m, v)
-    ), [c, M] = g(
-      m || []
-    ), [A, H] = g(w), [V, U] = g(!1), [he, W] = g(!1);
-    y(() => {
-      m && (M(m), JSON.stringify(m) !== JSON.stringify(c) && C(Z(m, v)));
-    }, [m, v, c]);
-    const K = Ce(() => {
-      var o;
-      if (!F) return f;
-      const t = ((o = S.split(",").pop()) == null ? void 0 : o.trim().toLowerCase()) ?? "";
-      return c.length > 0 && c[c.length - 1].name.toLowerCase() === t ? f : f.filter(
-        (a) => a.name.toLowerCase().includes(t)
+      placeholder: ne,
+      size: s = D.L,
+      value: h,
+      onChange: a,
+      full: Me,
+      showArrow: Te = !0,
+      items: v = [],
+      classNameOption: ie,
+      displayValue: g = "name",
+      filterOnSearch: oe = !0,
+      onSearch: W,
+      variant: se = at.DefaultGray,
+      menuPlacement: C = "bottom",
+      disabled: p = !1,
+      searchProps: re,
+      withClearButton: K = !1,
+      withChip: Oe = !1,
+      chipVariant: ze = "sapphire",
+      disableInput: L = !1,
+      autocomplete: ae = "on",
+      id: Ve,
+      autoPlacement: Y = !1,
+      onIsOpen: d,
+      noOptionsText: Ae = "Нет данных",
+      noMatchText: De = "Ничего не найдено",
+      loadOnOpen: B,
+      loading: le,
+      loadingIndicatorPlacement: q = P.Both,
+      groupBy: _,
+      getGroupTitle: ce = (e) => e
+    } = Le, Pe = Ze(), k = Ve || `multiselect-${Pe}`, E = j(null), I = j(null), Q = j(!1), G = j(null), [l, w] = f(!1), [M, T] = f(
+      () => ve(h, g)
+    ), [r, O] = f(
+      h || []
+    ), [F, de] = f(C), [R, ue] = f(!1), [Be, pe] = f(!1), [qe, H] = f(!1), [X, Ge] = f(null), me = le !== void 0 ? le : qe;
+    A(() => {
+      h && (O(h), JSON.stringify(h) !== JSON.stringify(r) && T(ve(h, g)));
+    }, [h, g, r]);
+    const z = te(() => {
+      var n;
+      if (!oe) return v;
+      const e = ((n = M.split(",").pop()) == null ? void 0 : n.trim().toLowerCase()) ?? "";
+      return r.length > 0 && r[r.length - 1].name.toLowerCase() === e ? v : v.filter(
+        (o) => o.name.toLowerCase().includes(e)
       );
-    }, [F, f, S, c]), fe = (t) => {
-      M(t), s == null || s(t);
-      const o = oe(t, v);
-      C(o), h(!0), L(_), setTimeout(() => {
-        if (b.current) {
-          b.current.focus(), b.current.scrollLeft = b.current.scrollWidth;
-          const a = o.length;
-          b.current.setSelectionRange(a, a);
+    }, [oe, v, M, r]), Fe = (e) => {
+      O(e), a == null || a(e);
+      const n = Ie(e, g);
+      T(n), w(!0), U(k), setTimeout(() => {
+        if (I.current) {
+          I.current.focus(), I.current.scrollLeft = I.current.scrollWidth;
+          const o = n.length;
+          I.current.setSelectionRange(o, o);
         }
       }, 0);
-    }, $ = (t) => {
-      var X;
-      if (I) return;
-      const o = t.target.value;
-      C(o), k == null || k(o);
-      const a = o.split(",").map((D) => D.trim()).filter(Boolean), q = f.filter(
-        (D) => a.includes(D[v])
+    }, fe = async (e) => {
+      var b;
+      if (L) return;
+      const n = e.target.value;
+      T(n), W == null || W(n);
+      const o = n.split(",").map((x) => x.trim()).filter(Boolean), N = v.filter(
+        (x) => o.includes(x[g])
       );
-      JSON.stringify(q) !== JSON.stringify(c) && (M(q), s == null || s(q)), h(!0), L(_);
-      const x = (X = N.current) == null ? void 0 : X.querySelector(
-        `.${e.options}`
+      if (JSON.stringify(N) !== JSON.stringify(r) && (O(N), a == null || a(N)), !l && (w(!0), U(k), B))
+        try {
+          H(!0), await B();
+        } finally {
+          H(!1);
+        }
+      const S = (b = E.current) == null ? void 0 : b.querySelector(
+        `.${t.options}`
       );
-      x && typeof x.scrollTo == "function" && x.scrollTo({ top: 0, behavior: "smooth" });
-    }, ve = (t) => {
-      const o = c.filter(
-        (a) => a.id !== t.id
+      S && typeof S.scrollTo == "function" && S.scrollTo({ top: 0, behavior: "smooth" });
+    }, Re = (e) => {
+      const n = r.filter(
+        (o) => o.id !== e.id
       );
-      M(o), s == null || s(o), C(oe(o, v));
-    }, p = Me(() => {
-      if (!O) {
-        H(w);
+      O(n), a == null || a(n), T(Ie(n, g));
+    }, m = et(() => {
+      if (!Y) {
+        de(C);
         return;
       }
-      const t = Ee(N, i);
-      H(t ? "top" : w);
-    }, [O, w, i]), Q = () => {
-      const t = !l;
-      t && (p(), L(_)), h(t), r == null || r(t);
-    }, be = (t) => {
-      t.preventDefault(), t.currentTarget.focus();
-      const o = t.currentTarget.value.length;
-      t.currentTarget.setSelectionRange(o, o);
-    }, ge = () => {
-      C(""), M([]), s == null || s([]);
-    }, we = (t) => {
-      t.stopPropagation(), ge();
-    }, Ie = (t) => {
-      if (I) {
-        t.target.blur();
+      const e = tt(E, s);
+      de(e ? "top" : C);
+    }, [Y, C, s]), He = (e) => {
+      e.preventDefault(), e.currentTarget.focus();
+      const n = e.currentTarget.value.length;
+      e.currentTarget.setSelectionRange(n, n);
+    }, Je = () => {
+      T(""), O([]), a == null || a([]);
+    }, $e = (e) => {
+      e.stopPropagation(), Je();
+    }, he = async () => {
+      if (B)
+        try {
+          H(!0), await B();
+        } finally {
+          H(!1);
+        }
+    }, _e = async () => {
+      m(), w(!0), U(k), await he();
+    }, je = async (e) => {
+      if (L) {
+        e.target.blur();
         return;
       }
-      p(), h(!0), L(_);
+      await _e();
+    }, be = async () => {
+      const e = !l;
+      e && (m(), U(k), await he()), w(e), d == null || d(e);
     };
-    return y(() => {
+    A(() => {
       if (l) {
-        const t = (o) => {
-          N.current && !N.current.contains(o.target) && !o.defaultPrevented && (h(!1), r == null || r(!1));
+        const e = (n) => {
+          E.current && !E.current.contains(n.target) && !n.defaultPrevented && (w(!1), d == null || d(!1));
         };
-        return document.addEventListener("mousedown", t), () => {
-          document.removeEventListener("mousedown", t);
+        return document.addEventListener("mousedown", e), () => {
+          document.removeEventListener("mousedown", e);
         };
       }
-    }, [l, r]), y(() => {
-      const o = (a) => {
-        a.detail === _ || !l || z.current || (z.current = !0, h(!1), r == null || r(!1), queueMicrotask(() => {
-          z.current = !1;
+    }, [l, d]), A(() => {
+      const n = (o) => {
+        o.detail === k || !l || Q.current || (Q.current = !0, w(!1), d == null || d(!1), queueMicrotask(() => {
+          Q.current = !1;
         }));
       };
-      return window.addEventListener(ee, o), () => window.removeEventListener(ee, o);
-    }, [_, r, l]), y(() => {
+      return window.addEventListener(ge, n), () => window.removeEventListener(ge, n);
+    }, [k, d, l]), A(() => {
       if (l) {
-        p(), window.addEventListener("scroll", p), window.addEventListener("resize", p);
-        const t = requestAnimationFrame(() => {
-          W(!0), U(!0);
+        m(), window.addEventListener("scroll", m), window.addEventListener("resize", m);
+        const e = requestAnimationFrame(() => {
+          pe(!0), ue(!0);
         });
         return () => {
-          window.removeEventListener("scroll", p), window.removeEventListener("resize", p), cancelAnimationFrame(t);
+          window.removeEventListener("scroll", m), window.removeEventListener("resize", m), cancelAnimationFrame(e);
         };
       } else
-        U(!1), W(!1);
-    }, [l, w, O, i, p]), /* @__PURE__ */ E("div", { ref: N, children: [
-      /* @__PURE__ */ n(
-        Ae,
+        ue(!1), pe(!1);
+    }, [l, C, Y, s, m]);
+    const Ue = () => {
+      if (Te)
+        return {
+          addonType: "react-node",
+          addonContent: /* @__PURE__ */ u(ee, { children: [
+            me && (q === P.Input || q === P.Both) && /* @__PURE__ */ i(Ne, { size: "s" }),
+            /* @__PURE__ */ i(
+              Se,
+              {
+                className: c(t.button, {
+                  [t.disabled]: p
+                }),
+                disabled: p,
+                onMouseDown: be,
+                children: /* @__PURE__ */ i(
+                  ot,
+                  {
+                    iconName: s == D.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                    className: c(t["selector-icon"], {
+                      [t["selector-icon-open"]]: l
+                    })
+                  }
+                )
+              }
+            )
+          ] })
+        };
+    }, We = () => me && (q === P.Dropdown || q === P.Both) ? /* @__PURE__ */ u("div", { className: t.loader, children: [
+      /* @__PURE__ */ i(Ne, { size: "s" }),
+      "Загрузка..."
+    ] }) : Ae, V = te(() => _ ? nt(
+      z,
+      _,
+      ce || ((e) => e)
+    ) : z, [z, _, ce]), J = te(() => {
+      const e = [];
+      return V.forEach((n, o) => {
+        n.isGroupHeader && e.push(o);
+      }), e;
+    }, [V]), y = Qe({
+      count: V.length,
+      getScrollElement: () => G.current,
+      estimateSize: () => s === D.L ? 65 : 49,
+      overscan: 10
+    }), Ke = () => v.length ? z.length ? _ ? /* @__PURE__ */ u(
+      "div",
+      {
+        ref: G,
+        className: c(
+          t.options,
+          t[s],
+          t[F],
+          { [t.visible]: R }
+        ),
+        style: {
+          height: s === D.M ? "240px" : "320px",
+          overflow: "auto"
+        },
+        children: [
+          X !== null && /* @__PURE__ */ i(
+            "div",
+            {
+              className: t["group-header"],
+              style: {
+                position: "sticky",
+                top: 0,
+                zIndex: 3
+              },
+              children: V[X].name
+            }
+          ),
+          /* @__PURE__ */ i(
+            "div",
+            {
+              style: {
+                height: `${y.getTotalSize()}px`,
+                width: "100%"
+              },
+              children: y.getVirtualItems().map((e) => {
+                const n = V[e.index];
+                return /* @__PURE__ */ i(
+                  "div",
+                  {
+                    "data-index": e.index,
+                    ref: y.measureElement,
+                    style: {
+                      position: "absolute",
+                      top: 0,
+                      left: 0,
+                      width: "100%",
+                      transform: `translateY(${e.start}px)`
+                    },
+                    children: n.isGroupHeader ? /* @__PURE__ */ i(
+                      "div",
+                      {
+                        className: t["group-header"],
+                        style: {
+                          visibility: X === e.index ? "hidden" : "visible"
+                        },
+                        children: n.name
+                      }
+                    ) : /* @__PURE__ */ i(
+                      Ce,
+                      {
+                        value: n,
+                        className: ({ focus: o }) => c(
+                          t.option,
+                          ie,
+                          s && t[s],
+                          {
+                            [t["option-active"]]: o
+                          }
+                        ),
+                        children: /* @__PURE__ */ u(ee, { children: [
+                          /* @__PURE__ */ u("div", { className: t["option-inner"], children: [
+                            n.name,
+                            n.bottom && /* @__PURE__ */ i("div", { children: n.bottom })
+                          ] }),
+                          /* @__PURE__ */ i(
+                            we,
+                            {
+                              isInteractive: !1,
+                              checked: r.some(
+                                (o) => o.id === n.id
+                              )
+                            }
+                          )
+                        ] })
+                      },
+                      n.id
+                    )
+                  },
+                  e.key
+                );
+              })
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ i(
+      ct,
+      {
+        className: c(
+          t.options,
+          t[s],
+          t[F],
+          { [t.visible]: R }
+        ),
+        modal: !1,
+        static: !0,
+        children: ({ option: e }) => /* @__PURE__ */ i(
+          Ce,
+          {
+            value: e,
+            className: ({ focus: n }) => c(t.option, ie, s && t[s], {
+              [t["option-active"]]: n
+            }),
+            children: /* @__PURE__ */ u(ee, { children: [
+              /* @__PURE__ */ u("div", { className: t["option-inner"], children: [
+                e.name,
+                e.bottom && /* @__PURE__ */ i("div", { children: e.bottom })
+              ] }),
+              /* @__PURE__ */ i(
+                we,
+                {
+                  isInteractive: !1,
+                  checked: r.some(
+                    (n) => n.id === e.id
+                  )
+                }
+              )
+            ] })
+          },
+          e.id
+        )
+      }
+    ) : /* @__PURE__ */ i(
+      "div",
+      {
+        className: c(
+          t.options,
+          t[s],
+          t["no-options"],
+          t[F],
+          { [t.visible]: R }
+        ),
+        children: De
+      }
+    ) : /* @__PURE__ */ i(
+      "div",
+      {
+        className: c(
+          t.options,
+          t[s],
+          t["no-options"],
+          t[F],
+          { [t.visible]: R }
+        ),
+        children: We()
+      }
+    );
+    return A(() => {
+      const e = G.current;
+      if (!e || !_) return;
+      const n = () => {
+        var Z, S;
+        const o = e.scrollTop;
+        let N = null;
+        for (let b = 0; b < J.length; b++) {
+          const x = J[b];
+          if ((((Z = y.getVirtualItems().find(($) => $.index === x)) == null ? void 0 : Z.start) || 0) <= o) {
+            N = x;
+            const $ = J[b + 1];
+            if ($ !== void 0 && (((S = y.getVirtualItems().find((Ye) => Ye.index === $)) == null ? void 0 : S.start) || 0) <= o)
+              continue;
+          } else
+            break;
+        }
+        Ge(N);
+      };
+      return e.addEventListener("scroll", n), () => e.removeEventListener("scroll", n);
+    }, [y, J, _, G.current]), /* @__PURE__ */ u("div", { ref: E, children: [
+      /* @__PURE__ */ i(
+        lt,
         {
           multiple: !0,
           as: "div",
-          value: c,
-          className: u(e["multi-select-search"], {
-            [e.full]: le,
-            [e.disabled]: d
+          value: r,
+          className: c(t["multi-select-search"], {
+            [t.full]: Me,
+            [t.disabled]: p
           }),
-          onChange: fe,
-          ref: re,
-          disabled: d,
-          virtual: { options: K },
-          children: /* @__PURE__ */ E(
+          onChange: Fe,
+          ref: Ee,
+          disabled: p,
+          virtual: _ ? void 0 : { options: z },
+          children: /* @__PURE__ */ u(
             "div",
             {
-              className: u(e.container, e[i], {
-                [e["container-open"]]: l
+              className: c(t.container, t[s], {
+                [t["container-open"]]: l
               }),
               children: [
-                I && /* @__PURE__ */ E("div", { className: e["input-container"], children: [
-                  /* @__PURE__ */ n(
-                    ie,
+                L && /* @__PURE__ */ u("div", { className: t["input-container"], children: [
+                  /* @__PURE__ */ i(
+                    Se,
                     {
-                      disabled: d,
+                      disabled: p,
                       style: { width: "100%" },
-                      onClick: Q,
-                      children: /* @__PURE__ */ n(
-                        se,
+                      onClick: be,
+                      children: /* @__PURE__ */ i(
+                        xe,
                         {
-                          as: ne,
-                          label: B,
-                          size: te(i),
-                          className: u(e["multi-select-input"], {
-                            [e["multi-select-input-disabled"]]: I && T
+                          as: ye,
+                          label: ne,
+                          size: ke(s),
+                          className: c(t["multi-select-input"], {
+                            [t["multi-select-input-disabled"]]: L && K
                           }),
-                          onChange: $,
-                          value: S,
-                          disabled: d,
-                          variant: J,
-                          rightSlotClassName: e["right-slot"],
-                          requiredMarkClassName: e["required-mark"],
+                          onChange: fe,
+                          value: M,
+                          disabled: p,
+                          variant: se,
+                          rightSlotClassName: t["right-slot"],
+                          requiredMarkClassName: t["required-mark"],
                           "data-testid": "select-search-input",
-                          onFocus: Ie,
+                          onFocus: je,
                           rightAddon: {
                             addonType: "icon",
-                            addonContent: Le(l, i)
+                            addonContent: it(l, s)
                           },
-                          autocomplete: G,
-                          ...j
+                          autocomplete: ae,
+                          ...re
                         }
                       )
                     }
                   ),
-                  T && S && /* @__PURE__ */ n(
-                    ke,
+                  K && M && /* @__PURE__ */ i(
+                    st,
                     {
                       tabIndex: -1,
-                      className: u(e.clear, {
-                        [e.disabled]: d
+                      className: c(t.clear, {
+                        [t.disabled]: p
                       }),
-                      iconButtonClassName: e["icon-button"],
+                      iconButtonClassName: t["icon-button"],
                       isIconButton: !0,
                       iconName: "Close16px",
                       size: "m-s",
                       clear: !0,
-                      disabled: d,
+                      disabled: p,
                       variant: "secondary-gray",
-                      onClick: we,
+                      onClick: $e,
                       "data-testid": "clear-button"
                     }
                   )
                 ] }),
-                !I && /* @__PURE__ */ n(
-                  se,
+                !L && /* @__PURE__ */ i(
+                  xe,
                   {
-                    as: ne,
-                    label: B,
-                    size: te(i),
-                    className: e["multi-select-input"],
-                    rightSlotClassName: e["right-slot"],
-                    requiredMarkClassName: e["required-mark"],
-                    value: S,
-                    disabled: d,
-                    variant: J,
-                    withClearButton: T,
-                    onFocus: () => {
-                      h(!0), L(_);
-                    },
-                    onMouseDown: be,
-                    onChange: $,
-                    ref: b,
-                    rightAddon: {
-                      addonType: "react-node",
-                      addonContent: ae && /* @__PURE__ */ n(
-                        ie,
-                        {
-                          className: u(e.button, {
-                            [e.disabled]: d
-                          }),
-                          disabled: d,
-                          onMouseDown: Q,
-                          children: /* @__PURE__ */ n(
-                            ye,
-                            {
-                              iconName: i == R.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
-                              className: u(e["selector-icon"], {
-                                [e["selector-icon-open"]]: l
-                              })
-                            }
-                          )
-                        }
-                      )
-                    },
+                    as: ye,
+                    label: ne,
+                    size: ke(s),
+                    className: t["multi-select-input"],
+                    rightSlotClassName: t["right-slot"],
+                    requiredMarkClassName: t["required-mark"],
+                    value: M,
+                    disabled: p,
+                    variant: se,
+                    withClearButton: K,
+                    onFocus: _e,
+                    onMouseDown: He,
+                    onChange: fe,
+                    ref: I,
+                    rightAddon: Ue(),
                     "data-testid": "select-search-input",
-                    autocomplete: G,
-                    ...j
+                    autocomplete: ae,
+                    ...re
                   }
                 ),
-                l && he && /* @__PURE__ */ n(Y, { children: f.length ? K.length ? /* @__PURE__ */ n(
-                  Ve,
-                  {
-                    className: u(
-                      e.options,
-                      e[i],
-                      e[A],
-                      { [e.visible]: V }
-                    ),
-                    modal: !1,
-                    static: !0,
-                    children: ({ option: t }) => /* @__PURE__ */ n(
-                      qe,
-                      {
-                        value: t,
-                        className: ({ focus: o }) => u(
-                          e.option,
-                          ue,
-                          i && e[i],
-                          {
-                            [e["option-active"]]: o
-                          }
-                        ),
-                        children: /* @__PURE__ */ E(Y, { children: [
-                          /* @__PURE__ */ E("div", { className: e["option-inner"], children: [
-                            t.name,
-                            t.bottom && /* @__PURE__ */ n("div", { children: t.bottom })
-                          ] }),
-                          /* @__PURE__ */ n(
-                            Te,
-                            {
-                              isInteractive: !1,
-                              checked: c.some(
-                                (o) => o.id === t.id
-                              )
-                            }
-                          )
-                        ] })
-                      },
-                      t.id
-                    )
-                  }
-                ) : /* @__PURE__ */ n(
-                  "div",
-                  {
-                    className: u(
-                      e.options,
-                      e[i],
-                      e["no-options"],
-                      e[A],
-                      { [e.visible]: V }
-                    ),
-                    children: "Ничего не найдено"
-                  }
-                ) : /* @__PURE__ */ n(
-                  "div",
-                  {
-                    className: u(
-                      e.options,
-                      e[i],
-                      e["no-options"],
-                      e[A],
-                      { [e.visible]: V }
-                    ),
-                    children: "Нет данных"
-                  }
-                ) })
+                l && Be && Ke()
               ]
             }
           )
         }
       ),
-      de && c.length > 0 && /* @__PURE__ */ n("div", { className: e["chip-container"], children: c.map((t) => /* @__PURE__ */ n(
-        Oe,
+      Oe && r.length > 0 && /* @__PURE__ */ i("div", { className: t["chip-container"], children: r.map((e) => /* @__PURE__ */ i(
+        rt,
         {
-          size: i === R.L ? "s" : "xs",
-          variant: pe,
-          className: e["chip-root"],
+          size: s === D.L ? "s" : "xs",
+          variant: ze,
+          className: t["chip-root"],
           withAction: !0,
-          onClose: () => ve(t),
-          children: /* @__PURE__ */ n("span", { className: e.chip, children: t.name })
+          onClose: () => Re(e),
+          children: /* @__PURE__ */ i("span", { className: t.chip, children: e.name })
         },
-        t.id
+        e.id
       )) })
     ] });
   }
 );
 export {
-  at as MultiSelectSearch
+  Ft as MultiSelectSearch
 };