@sberbusiness/triplex-next 1.19.1 → 1.21.0

package/components/SuggestField/SuggestField.js

@@ -2,7 +2,7 @@ import "./desktop/SuggestFieldDesktopDropdown.js";
 import { SuggestFieldDesktop as S } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as b } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint-B1qT-8-p.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-DP7pX8_2.js";
 import { jsx as o } from "react/jsx-runtime";
 import { MobileView as I } from "../MobileView/MobileView.js";
 import "../FormField/FormField.js";
@@ -11,7 +11,7 @@ import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import { F as O } from "../../chunks/FormFieldInput-Bb0syEep.js";
+import { F as O } from "../../chunks/FormFieldInput-BXZLkCG-.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -1,29 +1,29 @@
-import { SuggestFieldDesktopDropdown as dt } from "./SuggestFieldDesktopDropdown.js";
-import { jsxs as w, jsx as n } from "react/jsx-runtime";
-import lt, { useState as u, useRef as b, useCallback as s, useEffect as x } from "react";
-import { EComponentSize as ct } from "../../../enums/EComponentSize.js";
-import { Tooltip as R } from "../../Tooltip/Tooltip.js";
-import { ETooltipSize as pt } from "../../Tooltip/enums.js";
-import { TextFieldBase as at } from "../../TextField/TextFieldBase.js";
+import { SuggestFieldDesktopDropdown as ro } from "./SuggestFieldDesktopDropdown.js";
+import { jsxs as B, jsx as f } from "react/jsx-runtime";
+import fo, { useState as s, useRef as x, useLayoutEffect as so, useCallback as r, useEffect as no } from "react";
+import { EComponentSize as co } from "../../../enums/EComponentSize.js";
+import { Tooltip as E } from "../../Tooltip/Tooltip.js";
+import { ETooltipSize as lo } from "../../Tooltip/enums.js";
+import { TextFieldBase as ao } from "../../TextField/TextFieldBase.js";
 import "../../FormField/FormField.js";
 import "../../FormField/components/FormFieldDescription.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldLabel.js";
-import { FormFieldClear as ft } from "../../FormField/components/FormFieldClear.js";
+import { FormFieldClear as go } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldTarget.js";
-import { F as gt } from "../../../chunks/FormFieldInput-Bb0syEep.js";
+import { F as ho } from "../../../chunks/FormFieldInput-BXZLkCG-.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
 import "../../FormField/components/FormFieldPrefix.js";
 import "../../FormField/components/FormFieldTextarea.js";
-import { EFormFieldStatus as T } from "../../FormField/enums.js";
-import { LoaderSmall as ht } from "../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as ut } from "../../Loader/LoaderSmall/enum.js";
+import { EFormFieldStatus as _ } from "../../FormField/enums.js";
+import { LoaderSmall as Do } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as wo } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { DropdownListContext as bt } from "../../Dropdown/DropdownListContext.js";
+import { DropdownListContext as po } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-Czxj-82d.js";
+import "../../../chunks/DropdownListItem-gGRZUigY.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -34,163 +34,167 @@ import "../../Dropdown/mobile/DropdownMobileInput.js";
 import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Dropdown/Dropdown.js";
-import { DataTestId as j } from "../../../consts/DataTestId.js";
-import { u as St, A as Ft } from "../../../chunks/vendor-Dlne6Znf.js";
-const ie = ({
-  value: e,
-  options: m,
-  size: S = ct.LG,
-  status: F,
-  placeholder: _,
-  "data-test-id": d,
-  loading: q,
-  dropdownListLoading: z,
-  tooltipHint: G,
-  tooltipOpen: J,
-  clearInputOnFocus: k,
-  onSelect: g,
-  onFilter: h,
-  onScrollEnd: A,
-  onClear: p,
-  prefix: K,
+import { DataTestId as q } from "../../../consts/DataTestId.js";
+import { u as So } from "../../../chunks/vendor-CuCj7SgU.js";
+import { isKey as Fo } from "../../../utils/keyboard.js";
+const re = ({
+  value: t,
+  options: a,
+  size: F = co.LG,
+  status: L,
+  placeholder: z,
+  "data-test-id": n,
+  loading: G,
+  dropdownListLoading: N,
+  tooltipHint: T,
+  tooltipOpen: H,
+  clearInputOnFocus: R,
+  onFilter: c,
+  onClear: g,
+  onSelect: w,
+  onScrollEnd: p,
+  prefix: J,
   postfix: Q,
-  renderInput: y,
-  renderDropdown: C,
+  renderInput: O,
+  renderDropdown: k,
   renderDropdownList: U,
-  renderDropdownListItem: V,
-  inputProps: i,
-  ...W
+  renderDropdownListItem: W,
+  inputProps: e,
+  ...X
 }) => {
-  const [a, l] = u((e == null ? void 0 : e.label) || ""), [H, D] = u(), [f, $] = u(!1), [r, c] = u(!1), M = b(St()), L = b(null), N = b(null), E = b(A);
-  E.current = A;
-  const X = s(
-    (t) => {
-      l((t == null ? void 0 : t.label) || ""), D(void 0), c(!1), g(t);
+  const [h, l] = s((t == null ? void 0 : t.label) || ""), [D, M] = s(!1), [d, S] = s(!1), [C, I] = s(!1), [K] = s(() => So()), [$, b] = s(), [A, Y] = s(t);
+  (t == null ? void 0 : t.id) !== (A == null ? void 0 : A.id) && (Y(t), l((t == null ? void 0 : t.label) || ""));
+  const y = x(null), Z = x(p);
+  so(() => {
+    Z.current = p;
+  }, [p]);
+  const V = r(
+    (o) => {
+      var i;
+      M(!0), R && h.length !== 0 && (l(""), c("")), (i = e.onFocus) == null || i.call(e, o);
     },
-    [g]
-  ), Y = s(
-    (t) => {
-      var o;
-      $(!0), k && a.length !== 0 && l(""), (o = i.onFocus) == null || o.call(i, t);
+    [R, h, c, e]
+  ), m = r((o) => {
+    I(o), b(void 0), S(!1);
+  }, []), u = r(
+    (o) => {
+      var i;
+      M(!1), m(!1), h.length !== 0 ? l((t == null ? void 0 : t.label) || "") : t !== void 0 && w(void 0), (i = e.onBlur) == null || i.call(e, o);
     },
-    [k, a, i]
-  ), Z = s(
-    (t) => {
-      var o;
-      D(void 0), $(!1), c(!1), a.length !== 0 ? l((e == null ? void 0 : e.label) || "") : g(void 0), (o = i.onBlur) == null || o.call(i, t);
+    [m, h, t, w, e]
+  ), v = r(
+    (o) => {
+      var i;
+      Fo(o.key, "ESCAPE") && d && (o.stopPropagation(), m(!0)), (i = e.onKeyDown) == null || i.call(e, o);
     },
-    [e == null ? void 0 : e.label, a, g, i]
-  ), v = s(() => {
-    f && !r && c(!0);
-  }, [f, r]), P = s(
-    (t) => {
-      const o = t.target.value;
-      r === !1 && m.length > 0 && c(!0), l(o), h(o);
+    [d, m, e]
+  ), P = r(
+    (o) => {
+      var i;
+      d || (I(!1), S(!0)), (i = e.onMouseDown) == null || i.call(e, o);
     },
-    [r, m.length, h]
-  ), tt = s(
-    (t) => {
-      f && (l(""), h("")), p == null || p(t);
+    [d, e]
+  ), oo = r(
+    (o) => {
+      var i;
+      I(!1), b(void 0), l(o.target.value), c(o.target.value), (i = e.onChange) == null || i.call(e, o);
     },
-    [f, h, p]
-  ), I = s(
-    Ft((t) => {
-      if (E.current === void 0)
-        return;
-      const o = t.target, B = o.parentElement;
-      if (B === null)
-        return;
-      const ot = o.scrollHeight, rt = o.scrollTop, it = B.scrollHeight, O = window.getComputedStyle(B), nt = O.getPropertyValue("padding-top"), st = O.getPropertyValue("padding-bottom"), mt = Number.parseInt(st) + Number.parseInt(nt);
-      Math.abs(rt + it - mt - ot) <= 1 && E.current();
-    }, 100),
-    []
+    [c, e]
+  ), eo = r(
+    (o) => {
+      D && (l(""), c("")), g == null || g(o);
+    },
+    [D, c, g]
+  ), to = r(
+    (o) => {
+      o ? S(o) : m(!1);
+    },
+    [m]
+  ), io = r(
+    (o) => {
+      m(!0), l((o == null ? void 0 : o.label) || ""), w(o);
+    },
+    [m, w]
   );
-  x(() => {
-    l((e == null ? void 0 : e.label) || "");
-  }, [e]), x(() => {
-    r && m.length === 0 && c(!1);
-  }, [r, m.length]), x(() => {
-    if (r) {
-      const t = N.current;
-      return t && t.addEventListener("scroll", I), () => {
-        t && t.removeEventListener("scroll", I);
-      };
-    }
-  }, [r, I]);
-  const et = () => {
-    const t = y === void 0 ? gt : y, o = C === void 0 ? dt : C;
-    return /* @__PURE__ */ w(
-      at,
+  no(() => {
+    D && (d ? a.length === 0 && m(!1) : a.length !== 0 && !C && S(!0));
+  }, [D, d, a.length, m, C]);
+  const mo = () => {
+    const o = O === void 0 ? ho : O, i = k === void 0 ? ro : k, j = d && a.length !== 0;
+    return /* @__PURE__ */ B(
+      ao,
       {
-        "data-test-id": d,
-        status: F,
-        size: S,
-        prefix: K,
-        postfix: /* @__PURE__ */ w(lt.Fragment, { children: [
-          p !== void 0 && /* @__PURE__ */ n(ft, { onClick: tt }),
-          q && /* @__PURE__ */ n(ht, { theme: ut.BRAND, size: S }),
+        "data-test-id": n,
+        status: L,
+        size: F,
+        prefix: J,
+        postfix: /* @__PURE__ */ B(fo.Fragment, { children: [
+          g !== void 0 && /* @__PURE__ */ f(go, { onClick: eo }),
+          G && /* @__PURE__ */ f(Do, { theme: wo.BRAND, size: F }),
           Q
         ] }),
-        ...W,
-        ref: L,
+        ...X,
+        ref: y,
         children: [
-          /* @__PURE__ */ n(
-            t,
+          /* @__PURE__ */ f(
+            o,
             {
-              value: a,
-              placeholder: _,
-              "data-test-id": d && `${d}${j.Suggest.input}`,
-              ...i,
+              value: h,
+              placeholder: z,
+              "data-test-id": n && `${n}${q.Suggest.input}`,
+              ...e,
               role: "combobox",
-              "aria-controls": M.current,
-              "aria-activedescendant": H,
-              "aria-expanded": r,
-              disabled: F === T.DISABLED,
-              onFocus: Y,
-              onBlur: Z,
-              onClick: v,
-              onChange: P
+              "aria-autocomplete": "list",
+              "aria-controls": K,
+              "aria-activedescendant": $,
+              "aria-expanded": j,
+              disabled: L === _.DISABLED,
+              onFocus: V,
+              onBlur: u,
+              onKeyDown: v,
+              onMouseDown: P,
+              onChange: oo
             }
           ),
-          /* @__PURE__ */ n(bt.Provider, { value: { activeDescendant: H, setActiveDescendant: D }, children: /* @__PURE__ */ n(
-            o,
+          /* @__PURE__ */ f(po.Provider, { value: { activeDescendant: $, setActiveDescendant: b }, children: /* @__PURE__ */ f(
+            i,
             {
-              value: e,
-              options: m,
-              size: S,
-              listId: M.current,
-              opened: r && m.length > 0,
-              listLoading: z,
-              listRef: N,
-              onSelect: X,
+              value: t,
+              options: a,
+              size: F,
+              dataTestId: n,
+              listId: K,
+              opened: j,
+              listLoading: N,
+              targetRef: y,
+              setOpened: to,
+              onSelect: io,
+              onScrollEnd: p,
               renderList: U,
-              renderListItem: V,
-              setOpened: c,
-              targetRef: L,
-              dataTestId: d
+              renderListItem: W
             }
           ) })
         ]
       }
     );
   };
-  return /* @__PURE__ */ w(
-    R,
+  return /* @__PURE__ */ B(
+    E,
     {
-      size: pt.SM,
-      isOpen: !!(J && f) && F !== T.DISABLED,
+      size: lo.SM,
+      isOpen: !!(H && D) && L !== _.DISABLED,
       toggle: () => {
       },
-      targetRef: L,
+      targetRef: y,
       disableAdaptiveMode: !0,
       children: [
-        /* @__PURE__ */ n(R.Body, { "data-test-id": d && `${d}${j.Suggest.tooltip}`, children: G }),
-        /* @__PURE__ */ n(R.Target, { children: et() })
+        /* @__PURE__ */ f(E.Body, { "data-test-id": n && `${n}${q.Suggest.tooltip}`, children: T }),
+        /* @__PURE__ */ f(E.Target, { children: mo() })
       ]
     }
   );
 };
 export {
-  ie as SuggestFieldDesktop
+  re as SuggestFieldDesktop
 };
 //# sourceMappingURL=SuggestFieldDesktop.js.map

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -1,8 +1,10 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
+import { useCallback as h } from "react";
+import { Portal as u } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.js";
-import "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as $ } from "../../Dropdown/desktop/DropdownList.js";
-import { D as h } from "../../../chunks/DropdownListItem-Czxj-82d.js";
+import { DropdownDesktop as x } from "../../Dropdown/desktop/DropdownDesktop.js";
+import { DropdownList as L } from "../../Dropdown/desktop/DropdownList.js";
+import { D as O } from "../../../chunks/DropdownListItem-gGRZUigY.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -14,63 +16,65 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { Dropdown as C } from "../../Dropdown/Dropdown.js";
-import { EVENT_KEY_CODES as L } from "../../../utils/keyboard.js";
-import { DataTestId as d } from "../../../consts/DataTestId.js";
-const _ = [L.ENTER], G = ({
-  size: e,
-  value: t,
-  options: i,
-  targetRef: s,
-  listId: c,
-  dataTestId: r,
-  opened: p,
-  listLoading: E,
-  listRef: x,
-  renderList: n,
-  renderListItem: D,
-  onSelect: f,
-  setOpened: l,
-  ...w
+import "../../Dropdown/Dropdown.js";
+import { EVENT_KEY_CODES as T } from "../../../utils/keyboard.js";
+import { DataTestId as c } from "../../../consts/DataTestId.js";
+const y = [T.ENTER], z = ({
+  size: l,
+  value: m,
+  options: d,
+  targetRef: D,
+  listId: E,
+  dataTestId: t,
+  opened: s,
+  listLoading: e,
+  onMouseDown: o,
+  onSelect: g,
+  onScrollEnd: p,
+  renderList: f,
+  renderListItem: n,
+  ...S
 }) => {
-  const S = n === void 0 ? $ : n, g = D === void 0 ? h : D;
-  return /* @__PURE__ */ m(
-    C,
+  const a = f === void 0 ? L : f, w = n === void 0 ? O : n, C = h(
+    (r) => {
+      r.preventDefault(), o == null || o(r);
+    },
+    [o]
+  ), $ = h(
+    (r) => {
+      if (p === void 0 || e)
+        return;
+      const { scrollHeight: k, scrollTop: _, clientHeight: b } = r.currentTarget;
+      k - _ - b < 1 && p();
+    },
+    [p, e]
+  );
+  return /* @__PURE__ */ i(u, { container: document.body, children: /* @__PURE__ */ i(
+    x,
     {
-      size: e,
-      targetRef: s,
-      "data-test-id": r && `${r}${d.Suggest.dropdown}`,
-      opened: p,
+      size: l,
+      targetRef: D,
+      "data-test-id": t && `${t}${c.Suggest.dropdown}`,
+      opened: s,
+      ...S,
       fixedWidth: !0,
-      setOpened: l,
-      ...w,
-      children: /* @__PURE__ */ m(
-        S,
+      onMouseDown: C,
+      children: /* @__PURE__ */ i(a, { id: E, size: l, dropdownOpened: s, loading: e, onScroll: $, children: d == null ? void 0 : d.map((r) => /* @__PURE__ */ i(
+        w,
         {
-          id: c,
-          size: e,
-          dropdownOpened: p,
-          loading: E,
-          onMouseDown: (o) => o.preventDefault(),
-          children: i == null ? void 0 : i.map((o) => /* @__PURE__ */ m(
-            g,
-            {
-              id: o.id,
-              keyCodesForSelection: _,
-              "data-test-id": r && `${r}${d.Suggest.dropdown}${d.Dropdown.listItem}`,
-              selected: o.id === (t == null ? void 0 : t.id),
-              onMouseDown: (u) => u.preventDefault(),
-              onSelect: () => f(o),
-              children: o.content || o.label
-            },
-            o.id
-          ))
-        }
-      )
+          id: r.id,
+          keyCodesForSelection: y,
+          "data-test-id": t && `${t}${c.Suggest.dropdown}${c.Dropdown.listItem}`,
+          selected: r.id === (m == null ? void 0 : m.id),
+          onSelect: () => g(r),
+          children: r.content || r.label
+        },
+        r.id
+      )) })
     }
-  );
+  ) });
 };
 export {
-  G as SuggestFieldDesktopDropdown
+  z as SuggestFieldDesktopDropdown
 };
 //# sourceMappingURL=SuggestFieldDesktopDropdown.js.map

package/components/SuggestField/index.js

@@ -2,7 +2,7 @@ import { SuggestFieldDesktopDropdown as r } from "./desktop/SuggestFieldDesktopD
 import { SuggestFieldDesktop as g } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as i } from "./mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown as l } from "./mobile/SuggestFieldMobileDropdown.js";
-import { S } from "../../chunks/SuggestFieldMobileDropdownHint-B1qT-8-p.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-DP7pX8_2.js";
 import { SuggestField as m } from "./SuggestField.js";
 export {
   m as SuggestField,

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -1,89 +1,93 @@
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import k, { useState as v, useRef as F, useEffect as B } from "react";
-import { EComponentSize as C } from "../../../enums/EComponentSize.js";
-import { SuggestFieldMobileDropdown as I } from "./SuggestFieldMobileDropdown.js";
-import { TextFieldBase as M } from "../../TextField/TextFieldBase.js";
-import { DataTestId as _ } from "../../../consts/DataTestId.js";
+import R, { useState as j, useRef as F, useEffect as v, useCallback as B } from "react";
+import { EComponentSize as I } from "../../../enums/EComponentSize.js";
+import { SuggestFieldMobileDropdown as M } from "./SuggestFieldMobileDropdown.js";
+import { TextFieldBase as _ } from "../../TextField/TextFieldBase.js";
+import { DataTestId as $ } from "../../../consts/DataTestId.js";
 import "../../FormField/FormField.js";
 import "../../FormField/components/FormFieldDescription.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldLabel.js";
-import { FormFieldClear as $ } from "../../FormField/components/FormFieldClear.js";
+import { FormFieldClear as y } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldTarget.js";
-import { F as y } from "../../../chunks/FormFieldInput-Bb0syEep.js";
+import { F as A } from "../../../chunks/FormFieldInput-BXZLkCG-.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
 import "../../FormField/components/FormFieldPrefix.js";
 import "../../FormField/components/FormFieldTextarea.js";
-import { LoaderSmall as A } from "../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as G } from "../../Loader/LoaderSmall/enum.js";
+import { LoaderSmall as G } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as N } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../../chunks/SuggestFieldMobileDropdownHint-B1qT-8-p.js";
-const no = ({
+import "../../../chunks/SuggestFieldMobileDropdownHint-DP7pX8_2.js";
+const lo = ({
   value: r,
-  options: x,
-  size: n = C.LG,
-  placeholder: p,
+  options: b,
+  size: n = I.LG,
+  placeholder: l,
   "data-test-id": m,
-  postfix: S,
-  tooltipHint: b,
-  loading: d,
+  postfix: x,
+  tooltipHint: S,
+  loading: p,
   dropdownListLoading: g,
   clearInputOnFocus: w,
   onFilter: D,
   onSelect: O,
-  onClear: l,
+  onClear: a,
   onScrollEnd: h,
-  renderInput: s,
-  inputProps: e,
-  ...E
+  renderInput: c,
+  inputProps: o,
+  ...k
 }) => {
-  const [o, c] = v(!1), i = F(null), a = F(!1), L = s === void 0 ? y : s;
-  B(() => {
-    a.current && !o && i.current && i.current.scrollIntoView({ block: "center" }), a.current = o;
-  }, [o]);
-  const R = (j) => {
-    var f;
-    c(!0), (f = e.onFocus) == null || f.call(e, j);
-  };
+  const [e, d] = j(!1), i = F(null), s = F(!1), C = c === void 0 ? A : c;
+  v(() => {
+    s.current && !e && i.current && i.current.scrollIntoView({ block: "center" }), s.current = e;
+  }, [e]);
+  const E = B(
+    (L) => {
+      var f;
+      d(!0), (f = o.onFocus) == null || f.call(o, L);
+    },
+    [o]
+  );
   return /* @__PURE__ */ u(
-    M,
+    _,
     {
       "data-test-id": m,
       size: n,
-      postfix: /* @__PURE__ */ u(k.Fragment, { children: [
-        l !== void 0 && /* @__PURE__ */ t($, { onClick: l }),
-        d && /* @__PURE__ */ t(A, { theme: G.BRAND, size: n }),
-        S
+      postfix: /* @__PURE__ */ u(R.Fragment, { children: [
+        a !== void 0 && /* @__PURE__ */ t(y, { onClick: a }),
+        p && /* @__PURE__ */ t(G, { theme: N.BRAND, size: n }),
+        x
       ] }),
-      ...E,
+      ...k,
       ref: i,
       children: [
         /* @__PURE__ */ t(
-          L,
+          C,
           {
             value: r ? r.label : "",
-            placeholder: p,
+            placeholder: l,
             role: "combobox",
-            "aria-expanded": o,
-            "data-test-id": m && `${m}${_.Suggest.input}`,
-            ...e,
+            "aria-autocomplete": "list",
+            "aria-expanded": e,
+            "data-test-id": m && `${m}${$.Suggest.input}`,
+            ...o,
             readOnly: !0,
-            onFocus: R
+            onFocus: E
           }
         ),
         /* @__PURE__ */ t(
-          I,
+          M,
           {
             value: r,
-            options: x,
-            placeholder: p,
-            tooltipHint: b,
-            opened: o,
-            loading: d,
+            options: b,
+            placeholder: l,
+            tooltipHint: S,
+            opened: e,
+            loading: p,
             dropdownListLoading: g,
             clearInputOnFocus: w,
-            setOpened: c,
+            setOpened: d,
             onFilter: D,
             onSelect: O,
             onScrollEnd: h
@@ -94,6 +98,6 @@ const no = ({
   );
 };
 export {
-  no as SuggestFieldMobile
+  lo as SuggestFieldMobile
 };
 //# sourceMappingURL=SuggestFieldMobile.js.map