mimir-ui-kit 1.62.0 → 1.63.0

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,183 +1,191 @@
-import { jsx as r, jsxs as p, Fragment as D } from "react/jsx-runtime";
-import { u as Ve } from "../../index-D5H8gPPn.js";
-import { c as s } from "../../index-DIxK0V-G.js";
-import { forwardRef as ke, useRef as ie, useState as E, useMemo as T, useCallback as le, useEffect as ce } from "react";
-import { ESelectSearchSize as c, ELoadingIndicatorPlacement as w, ESelectSearchBorderRadius as Ae } from "./constants.js";
-import { prepareGroupedItems as Be, shouldShowMenuOnTop as Te, mapSizeToInputSize as de, getDropdownArrowIcon as Pe, highlightReactNode as ue } from "./utils.js";
-import { Icon as P } from "../../icons/Icon.js";
-import { Button as Ge } from "../Button/Button.js";
-import { I as pe } from "../../Input-DPnH8pKc.js";
-import { EInputVariant as qe } from "../Input/constants.js";
-import { Loader as he } from "../Loader/Loader.js";
-import { H as Re, U as me, G as _e, W as be, K as je } from "../../combobox-fIVOzEhl.js";
-import '../../assets/SelectSearch.css';const Fe = "_container_11tdb_2", He = "_options_11tdb_15", $e = "_top_11tdb_26", Ke = "_bottom_11tdb_32", Ue = "_disabled_11tdb_63", We = "_full_11tdb_100", Qe = "_button_11tdb_112", Ye = "_s_11tdb_59", Je = "_m_11tdb_140", Xe = "_l_11tdb_153", Ze = "_loader_11tdb_186", et = "_option_11tdb_15", tt = "_clear_11tdb_225", e = {
-  container: Fe,
+import { jsx as i, jsxs as h, Fragment as V } from "react/jsx-runtime";
+import { u as Ae } from "../../index-D5H8gPPn.js";
+import { c as a } from "../../index-DIxK0V-G.js";
+import { forwardRef as Pe, useRef as le, useState as k, useMemo as H, useCallback as ce, useEffect as de } from "react";
+import { ESelectSearchSize as d, ELoadingIndicatorPlacement as y, ESelectSearchBorderRadius as Ge } from "./constants.js";
+import { prepareGroupedItems as qe, shouldShowMenuOnTop as He, mapSizeToInputSize as ue, getDropdownArrowIcon as je, highlightReactNode as pe } from "./utils.js";
+import { Icon as j } from "../../icons/Icon.js";
+import { Button as Fe } from "../Button/Button.js";
+import { I as he } from "../../Input-CqNPT8os.js";
+import { EInputVariant as Ie } from "../Input/constants.js";
+import { Loader as me } from "../Loader/Loader.js";
+import { H as $e, U as _e, G as be, W as fe, K as Ke } from "../../combobox-fIVOzEhl.js";
+import '../../assets/SelectSearch.css';const Ue = "_container_11tdb_2", We = "_options_11tdb_15", Qe = "_top_11tdb_26", Ye = "_bottom_11tdb_32", Je = "_disabled_11tdb_63", Xe = "_full_11tdb_100", Ze = "_button_11tdb_112", Me = "_s_11tdb_59", Te = "_m_11tdb_140", Re = "_l_11tdb_153", et = "_loader_11tdb_186", tt = "_option_11tdb_15", ot = "_clear_11tdb_225", e = {
+  container: Ue,
   "container-open": "_container-open_11tdb_11",
-  options: He,
-  top: $e,
-  bottom: Ke,
+  options: We,
+  top: Qe,
+  bottom: Ye,
   "no-options": "_no-options_11tdb_38",
   "select-search": "_select-search_11tdb_59",
-  disabled: Ue,
+  disabled: Je,
   "border-radius-left": "_border-radius-left_11tdb_69",
   "border-radius-right": "_border-radius-right_11tdb_81",
   "border-radius-none": "_border-radius-none_11tdb_93",
-  full: We,
+  full: Xe,
   "selected-icon": "_selected-icon_11tdb_104",
   "selector-icon-open": "_selector-icon-open_11tdb_108",
-  button: Qe,
+  button: Ze,
   "selector-icon": "_selector-icon_11tdb_108",
-  s: Ye,
-  m: Je,
-  l: Xe,
+  s: Me,
+  m: Te,
+  l: Re,
   "select-search-input": "_select-search-input_11tdb_166",
   "select-search-input-disabled": "_select-search-input-disabled_11tdb_169",
   "group-header": "_group-header_11tdb_176",
-  loader: Ze,
+  loader: et,
   "input-container": "_input-container_11tdb_191",
-  option: et,
+  option: tt,
   "option-active": "_option-active_11tdb_205",
   "option-inner": "_option-inner_11tdb_208",
   "right-slot": "_right-slot_11tdb_215",
   "required-mark": "_required-mark_11tdb_220",
-  clear: tt,
+  clear: ot,
   "icon-button": "_icon-button_11tdb_234",
   "highlighted-text": "_highlighted-text_11tdb_238",
   "highlighted-text-wrapper": "_highlighted-text-wrapper_11tdb_243"
-}, ot = ke(
-  (fe, ge) => {
+}, nt = Pe(
+  (ge, ve) => {
     const {
-      placeholder: G,
-      size: n = c.L,
-      value: d,
-      onChange: i,
-      full: ve,
-      showArrow: Ne = !0,
-      items: b = [],
-      classNameOption: q,
-      classNameOptionInner: R,
-      displayValue: y = "name",
-      filterOnSearch: j = !0,
-      onSearch: x,
-      variant: F = qe.DefaultGray,
-      menuPlacement: I = "bottom",
-      disabled: u = !1,
-      searchProps: H,
-      withClearButton: O = !1,
-      disableInput: f = !1,
-      autocomplete: $ = "on",
-      immediate: Se = !1,
-      isModal: we = !0,
-      noOptionsText: ye = "Нет данных",
-      noMatchText: xe = "Ничего не найдено",
-      loadOnOpen: V,
-      loading: K,
-      loadingIndicatorPlacement: C = w.Dropdown,
-      groupBy: l,
-      getGroupTitle: U = (t) => t,
-      optionLayout: Ie = "name-bottom",
-      autoPlacement: L = !1,
-      borderRadius: W = Ae.All,
-      highlightMatches: Q = !1,
-      searchInHeaderGroupItems: z = !1
-    } = fe, k = (t) => {
+      placeholder: F,
+      size: r = d.L,
+      value: u,
+      onChange: l,
+      full: Ne,
+      showArrow: Se = !0,
+      items: f = [],
+      classNameOption: I,
+      classNameOptionInner: $,
+      displayValue: x = "name",
+      filterOnSearch: K = !0,
+      onSearch: C,
+      variant: U = Ie.DefaultGray,
+      menuPlacement: L = "bottom",
+      disabled: p = !1,
+      searchProps: W,
+      withClearButton: B = !1,
+      disableInput: g = !1,
+      autocomplete: Q = "on",
+      immediate: we = !1,
+      isModal: ye = !0,
+      noOptionsText: xe = "Нет данных",
+      noMatchText: Ce = "Ничего не найдено",
+      loadOnOpen: A,
+      loading: Y,
+      loadingIndicatorPlacement: z = y.Dropdown,
+      groupBy: c,
+      getGroupTitle: J = (t) => t,
+      optionLayout: Le = "name-bottom",
+      autoPlacement: D = !1,
+      borderRadius: X = Ge.All,
+      highlightMatches: Z = !1,
+      searchInHeaderGroupItems: E = !1,
+      dataTestIdReactMap: o
+    } = ge, P = (t) => {
       if (!t) return "";
-      const o = t[y];
-      return typeof o == "string" ? o : String(o || "");
-    }, Ce = (t) => {
-      const o = t[y];
-      return typeof o == "string" ? o : String(o || "");
-    }, A = k(d), Y = ie(null), J = ie(null), [g, v] = E(A), [h, N] = E(d), [Le, X] = E(!1), [M, Z] = E(I), ee = K !== void 0 ? K : Le, m = T(() => String(g || "").trim().toLowerCase(), [g]), S = T(() => {
-      if (!j)
-        return b;
-      if (l && z) {
+      const n = t[x];
+      return typeof n == "string" ? n : String(n || "");
+    }, ze = (t) => {
+      const n = t[x];
+      return typeof n == "string" ? n : String(n || "");
+    }, G = P(u), M = le(null), T = le(null), [v, N] = k(G), [m, S] = k(u), [De, R] = k(!1), [O, ee] = k(L), te = Y !== void 0 ? Y : De, _ = H(() => String(v || "").trim().toLowerCase(), [v]), w = H(() => {
+      if (!K)
+        return f;
+      if (c && E) {
         const t = /* @__PURE__ */ new Set();
-        return b.forEach((o) => {
-          l && o[l] && String(o[l]).toLowerCase().includes(m) && t.add(o);
+        return f.forEach((n) => {
+          c && n[c] && String(n[c]).toLowerCase().includes(_) && t.add(n);
         }), Array.from(t);
       }
-      return m ? b.filter((t) => Ce(t).toLowerCase().includes(m)) : b;
+      return _ ? f.filter((t) => ze(t).toLowerCase().includes(_)) : f;
     }, [
-      m,
-      b,
-      j,
-      y,
-      l,
-      z
-    ]), te = T(() => l ? Be(
-      S,
-      l,
-      U || ((t) => t)
-    ) : S, [S, l, U]), B = Ve({
-      count: te.length,
-      getScrollElement: () => Y.current,
-      estimateSize: () => n === c.L ? 65 : 49,
+      _,
+      f,
+      K,
+      x,
+      c,
+      E
+    ]), oe = H(() => c ? qe(
+      w,
+      c,
+      J || ((t) => t)
+    ) : w, [w, c, J]), q = Ae({
+      count: oe.length,
+      getScrollElement: () => M.current,
+      estimateSize: () => r === d.L ? 65 : 49,
       overscan: 10
-    }), _ = le(() => {
-      if (!L) {
-        Z(I);
+    }), b = ce(() => {
+      if (!D) {
+        ee(L);
         return;
       }
-      const t = Te(J, n);
-      Z(t ? "top" : I);
-    }, [L, I, n]);
-    ce(() => {
-      if (L)
-        return _(), window.addEventListener("scroll", _), window.addEventListener("resize", _), () => {
-          window.removeEventListener("scroll", _), window.removeEventListener("resize", _);
+      const t = He(T, r);
+      ee(t ? "top" : L);
+    }, [D, L, r]);
+    de(() => {
+      if (D)
+        return b(), window.addEventListener("scroll", b), window.addEventListener("resize", b), () => {
+          window.removeEventListener("scroll", b), window.removeEventListener("resize", b);
         };
-    }, [L, _]);
-    const oe = async () => {
-      if (V)
+    }, [D, b]);
+    const ne = async () => {
+      if (A)
         try {
-          X(!0), await V();
+          R(!0), await A();
         } finally {
-          X(!1);
+          R(!1);
         }
-    }, ze = (t) => {
+    }, Ee = (t) => {
       if (t) {
-        const o = k(t);
-        v(o), N(t), i == null || i(t);
+        const n = P(t);
+        N(n), S(t), l == null || l(t);
       } else
-        v(""), N(null), i == null || i({ id: "", name: "" });
-    }, ne = le(
+        N(""), S(null), l == null || l({ id: "", name: "" });
+    }, re = ce(
       (t) => {
-        if (f) return;
-        const o = t.target.value;
-        v(o), x == null || x(o), h && o !== k(h) && N(null), !o && d && (i == null || i({ id: "", name: "" }));
+        if (g) return;
+        const n = t.target.value;
+        N(n), C == null || C(n), m && n !== P(m) && S(null), !n && u && (l == null || l({ id: "", name: "" }));
       },
-      [f, i, x, d, h, y]
-    ), Me = () => {
-      v(""), N(null), i == null || i({ id: "", name: "" });
-    }, re = async (t) => {
-      f && t.target.blur(), _(), V && await oe();
+      [g, l, C, u, m, x]
+    ), Oe = () => {
+      N(""), S(null), l == null || l({ id: "", name: "" });
+    }, ie = async (t) => {
+      g && t.target.blur(), b(), A && await ne();
     };
-    ce(() => {
-      const t = !d || typeof d == "object" && !Object.keys(d).length;
-      v(t ? "" : A), N(t ? null : d);
-    }, [d, A]);
-    const De = () => ee && (C === w.Dropdown || C === w.Both) ? /* @__PURE__ */ p("div", { className: e.loader, children: [
-      /* @__PURE__ */ r(he, { size: "s" }),
-      "Загрузка..."
-    ] }) : ye, Ee = (t) => {
-      if (Ne)
+    de(() => {
+      const t = !u || typeof u == "object" && !Object.keys(u).length;
+      N(t ? "" : G), S(t ? null : u);
+    }, [u, G]);
+    const Ve = () => te && (z === y.Dropdown || z === y.Both) ? /* @__PURE__ */ h(
+      "div",
+      {
+        "data-testid-react": o == null ? void 0 : o.loadingIndicator,
+        className: e.loader,
+        children: [
+          /* @__PURE__ */ i(me, { size: "s" }),
+          "Загрузка..."
+        ]
+      }
+    ) : xe, ke = (t) => {
+      if (Se)
         return {
           addonType: "react-node",
-          addonContent: /* @__PURE__ */ p(D, { children: [
-            ee && (C === w.Input || C === w.Both) && /* @__PURE__ */ r(he, { size: "s" }),
-            /* @__PURE__ */ r(
-              me,
+          addonContent: /* @__PURE__ */ h(V, { children: [
+            te && (z === y.Input || z === y.Both) && /* @__PURE__ */ i(me, { size: "s" }),
+            /* @__PURE__ */ i(
+              _e,
               {
-                className: s(e.button, {
-                  [e.disabled]: u
+                className: a(e.button, {
+                  [e.disabled]: p
                 }),
-                disabled: u,
-                onClick: _,
-                children: /* @__PURE__ */ r(
-                  P,
+                disabled: p,
+                onClick: b,
+                children: /* @__PURE__ */ i(
+                  j,
                   {
-                    iconName: n == c.M || n == c.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
-                    className: s(e["selector-icon"], {
+                    iconName: r == d.M || r == d.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                    className: a(e["selector-icon"], {
                       [e["selector-icon-open"]]: t
                     })
                   }
@@ -186,292 +194,306 @@ import '../../assets/SelectSearch.css';const Fe = "_container_11tdb_2", He = "_o
             )
           ] })
         };
-    }, ae = (t) => {
-      let o = t.name;
-      Q && m && !z && (o = ue(
+    }, se = (t) => {
+      let n = t.name;
+      Z && _ && !E && (n = pe(
         t.name,
-        m,
+        _,
         e["highlighted-text"]
       ));
-      const a = t.bottom && /* @__PURE__ */ r("div", { children: t.bottom });
-      return Ie === "bottom-name" ? /* @__PURE__ */ p(D, { children: [
-        a,
-        o
-      ] }) : /* @__PURE__ */ p(D, { children: [
-        o,
-        a
+      const s = t.bottom && /* @__PURE__ */ i("div", { children: t.bottom });
+      return Le === "bottom-name" ? /* @__PURE__ */ h(V, { children: [
+        s,
+        n
+      ] }) : /* @__PURE__ */ h(V, { children: [
+        n,
+        s
       ] });
-    }, Oe = (t) => b.length ? S.length ? l ? /* @__PURE__ */ r(
+    }, Be = (t) => f.length ? w.length ? c ? /* @__PURE__ */ i(
       "div",
       {
-        ref: Y,
+        ref: M,
         "data-testid": "select-search-options",
-        className: s(
+        "data-testid-react": o == null ? void 0 : o.options,
+        className: a(
           e.options,
-          e[n],
-          e[M]
+          e[r],
+          e[O]
         ),
         style: {
-          height: n === c.M || n === c.S ? "240px" : "320px",
+          height: r === d.M || r === d.S ? "240px" : "320px",
           overflow: "auto"
         },
-        children: /* @__PURE__ */ r(
+        children: /* @__PURE__ */ i(
           "div",
           {
             style: {
-              height: `${B.getTotalSize()}px`,
+              height: `${q.getTotalSize()}px`,
               width: "100%"
             },
-            children: B.getVirtualItems().map((o) => {
-              const a = te[o.index];
-              return /* @__PURE__ */ r(
+            children: q.getVirtualItems().map((n) => {
+              const s = oe[n.index];
+              return /* @__PURE__ */ i(
                 "div",
                 {
-                  "data-index": o.index,
-                  ref: B.measureElement,
+                  "data-index": n.index,
+                  ref: q.measureElement,
                   style: {
                     position: "absolute",
                     top: 0,
                     left: 0,
                     width: "100%",
-                    transform: `translateY(${o.start}px)`
+                    transform: `translateY(${n.start}px)`
                   },
-                  children: a.isGroupHeader ? /* @__PURE__ */ r(
+                  children: s.isGroupHeader ? /* @__PURE__ */ i(
                     "div",
                     {
+                      "data-testid-react": o == null ? void 0 : o.groupHeader,
                       className: e["group-header"],
-                      "data-testid": `group-header-${a.name}`,
-                      children: Q && m && z ? ue(
-                        a.name,
-                        m,
+                      "data-testid": `group-header-${s.name}`,
+                      children: Z && _ && E ? pe(
+                        s.name,
+                        _,
                         e["highlighted-text"]
-                      ) : a.name
+                      ) : s.name
                     }
-                  ) : /* @__PURE__ */ p(
-                    be,
+                  ) : /* @__PURE__ */ h(
+                    fe,
                     {
-                      value: a,
-                      className: ({ focus: se }) => s(
+                      "data-testid-react": o == null ? void 0 : o.option,
+                      value: s,
+                      className: ({ focus: ae }) => a(
                         e.option,
-                        q,
-                        n && e[n],
+                        I,
+                        r && e[r],
                         {
-                          [e["option-active"]]: se && !l
+                          [e["option-active"]]: ae && !c
                         }
                       ),
-                      "data-testid": `select-search-option-${a.id}`,
+                      "data-testid": `select-search-option-${s.id}`,
                       children: [
-                        /* @__PURE__ */ r(
+                        /* @__PURE__ */ i(
                           "div",
                           {
-                            className: s(
+                            className: a(
                               e["option-inner"],
-                              R
+                              $
                             ),
-                            children: ae(a)
+                            children: se(s)
                           }
                         ),
-                        h && h.id === a.id && /* @__PURE__ */ r(
-                          P,
+                        m && m.id === s.id && /* @__PURE__ */ i(
+                          j,
                           {
-                            iconName: n === c.M || n === c.S ? "Done16px" : "Done24px",
+                            iconName: r === d.M || r === d.S ? "Done16px" : "Done24px",
                             className: e["selected-icon"]
                           }
                         )
                       ]
                     },
-                    a.id
+                    s.id
                   )
                 },
-                o.key
+                n.key
               );
             })
           }
         )
       }
-    ) : /* @__PURE__ */ r(
-      je,
+    ) : /* @__PURE__ */ i(
+      Ke,
       {
-        modal: we,
-        className: s(
+        modal: ye,
+        className: a(
           e.options,
-          e[n],
-          e[M]
+          e[r],
+          e[O]
         ),
         "data-testid": "select-search-options",
+        "data-testid-react": o == null ? void 0 : o.options,
         style: { width: "100%" },
         static: !0,
-        children: ({ option: o }) => /* @__PURE__ */ p(
-          be,
+        children: ({ option: n }) => /* @__PURE__ */ h(
+          fe,
           {
-            value: o,
-            className: ({ focus: a }) => s(
+            "data-testid-react": o == null ? void 0 : o.option,
+            value: n,
+            className: ({ focus: s }) => a(
               e.option,
-              q,
+              I,
               {
-                [e["option-active"]]: a
+                [e["option-active"]]: s
               },
-              n && e[n]
+              r && e[r]
             ),
             children: [
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ i(
                 "div",
                 {
-                  className: s(
+                  className: a(
                     e["option-inner"],
-                    R
+                    $
                   ),
-                  children: ae(o)
+                  children: se(n)
                 }
               ),
-              h && h.id === o.id && /* @__PURE__ */ r(
-                P,
+              m && m.id === n.id && /* @__PURE__ */ i(
+                j,
                 {
-                  iconName: n === c.M || n === c.S ? "Done16px" : "Done24px",
+                  iconName: r === d.M || r === d.S ? "Done16px" : "Done24px",
                   className: e["selected-icon"]
                 }
               )
             ]
           },
-          o.id
+          n.id
         )
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ i(
       "div",
       {
-        className: s(
+        className: a(
           e.options,
-          e[n],
+          e[r],
           e["no-options"],
-          e[M]
+          e[O]
         ),
+        "data-testid-react": o == null ? void 0 : o.options,
         "data-headlessui-state": t ? "open" : "closed",
-        children: xe
+        children: Ce
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ i(
       "div",
       {
-        className: s(
+        className: a(
           e.options,
-          e[n],
+          e[r],
           e["no-options"],
-          e[M]
+          e[O]
         ),
+        "data-testid-react": o == null ? void 0 : o.options,
         "data-headlessui-state": t ? "open" : "closed",
-        children: De()
+        children: Ve()
       }
     );
-    return /* @__PURE__ */ r(
-      Re,
+    return /* @__PURE__ */ i(
+      $e,
       {
         as: "div",
-        value: h,
-        className: s(e["select-search"], {
-          [e.full]: ve,
-          [e.disabled]: u
+        value: m,
+        className: a(e["select-search"], {
+          [e.full]: Ne,
+          [e.disabled]: p
         }),
-        onChange: ze,
-        ref: ge,
-        disabled: u,
-        virtual: l ? void 0 : { options: S },
-        immediate: Se,
-        children: ({ open: t }) => /* @__PURE__ */ p(D, { children: [
-          /* @__PURE__ */ p(
+        onChange: Ee,
+        ref: ve,
+        disabled: p,
+        "data-testid-react": o == null ? void 0 : o.selectSearch,
+        virtual: c ? void 0 : { options: w },
+        immediate: we,
+        children: ({ open: t }) => /* @__PURE__ */ h(V, { children: [
+          /* @__PURE__ */ h(
             "div",
             {
-              ref: J,
-              className: s(e.container, e[n], {
+              ref: T,
+              className: a(e.container, e[r], {
                 [e["container-open"]]: t
               }),
+              "data-testid-react": o == null ? void 0 : o.container,
               children: [
-                f && /* @__PURE__ */ p("div", { className: e["input-container"], children: [
-                  /* @__PURE__ */ r(
-                    me,
+                g && /* @__PURE__ */ h("div", { className: e["input-container"], children: [
+                  /* @__PURE__ */ i(
+                    _e,
                     {
-                      disabled: u,
+                      disabled: p,
                       style: { width: "100%" },
-                      onClick: oe,
-                      children: /* @__PURE__ */ r(
-                        _e,
+                      onClick: ne,
+                      children: /* @__PURE__ */ i(
+                        be,
                         {
-                          as: pe,
-                          label: G,
-                          size: de(n),
-                          className: s(e["select-search-input"], {
-                            [e["select-search-input-disabled"]]: f && O
+                          as: he,
+                          label: F,
+                          size: ue(r),
+                          className: a(e["select-search-input"], {
+                            [e["select-search-input-disabled"]]: g && B
                           }),
-                          onChange: ne,
-                          value: g,
-                          disabled: u,
-                          variant: F,
+                          onChange: re,
+                          value: v,
+                          disabled: p,
+                          variant: U,
                           rightSlotClassName: e["right-slot"],
                           requiredMarkClassName: e["required-mark"],
                           "data-testid": "select-search-input",
-                          onFocus: re,
+                          dataTestIdReactMap: { input: o == null ? void 0 : o.input },
+                          onFocus: ie,
                           rightAddon: {
                             addonType: "icon",
-                            addonContent: Pe(t, n)
+                            addonContent: je(t, r)
                           },
-                          autocomplete: $,
-                          borderRadius: W,
-                          ...H
+                          autocomplete: Q,
+                          borderRadius: X,
+                          ...W
                         }
                       )
                     }
                   ),
-                  O && g && /* @__PURE__ */ r(
-                    Ge,
+                  B && v && /* @__PURE__ */ i(
+                    Fe,
                     {
+                      dataTestIdReactMap: {
+                        button: o == null ? void 0 : o.clearButton
+                      },
                       tabIndex: -1,
-                      className: s(e.clear, {
-                        [e.disabled]: u
+                      className: a(e.clear, {
+                        [e.disabled]: p
                       }),
                       iconButtonClassName: e["icon-button"],
                       isIconButton: !0,
                       iconName: "Close16px",
                       size: "m-s",
                       clear: !0,
-                      disabled: u,
+                      disabled: p,
                       variant: "secondary-gray",
-                      onClick: (o) => {
-                        o.stopPropagation(), Me();
+                      onClick: (n) => {
+                        n.stopPropagation(), Oe();
                       },
                       "data-testid": "clear-button"
                     }
                   )
                 ] }),
-                !f && /* @__PURE__ */ r(
-                  _e,
+                !g && /* @__PURE__ */ i(
+                  be,
                   {
-                    as: pe,
-                    label: G,
-                    size: de(n),
+                    as: he,
+                    label: F,
+                    size: ue(r),
                     className: e["select-search-input"],
                     rightSlotClassName: e["right-slot"],
                     requiredMarkClassName: e["required-mark"],
-                    value: g,
-                    disabled: u,
-                    variant: F,
-                    withClearButton: O && !!g,
-                    onChange: ne,
-                    rightAddon: Ee(t),
+                    value: v,
+                    disabled: p,
+                    variant: U,
+                    withClearButton: B && !!v,
+                    onChange: re,
+                    rightAddon: ke(t),
                     "data-testid": "select-search-input",
-                    onFocus: re,
-                    autocomplete: $,
-                    borderRadius: W,
-                    ...H
+                    dataTestIdReactMap: { input: o == null ? void 0 : o.input },
+                    onFocus: ie,
+                    autocomplete: Q,
+                    borderRadius: X,
+                    ...W
                   }
                 )
               ]
             }
           ),
-          t && Oe(t)
+          t && Be(t)
         ] })
       }
     );
   }
 );
-ot.displayName = "SelectSearch";
+nt.displayName = "SelectSearch";
 export {
-  ot as SelectSearch
+  nt as SelectSearch
 };