@sberbusiness/triplex-next 0.22.0 → 0.24.0

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -1,13 +1,13 @@
 import { jsxs as c, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { useRef as B, useCallback as r } from "react";
-import { useSuggestContext as F } from "./SuggestContext.js";
+import { useRef as S, useCallback as n } from "react";
+import { useSuggestContext as I } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-C5KVFMFN.js";
+import "../../chunks/DropdownListItem-D_38hBVf.js";
 import "../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as N } from "../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as I } from "../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody as B } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as F } from "../Dropdown/mobile/DropdownMobileClose.js";
 import "../Dropdown/mobile/DropdownMobileFooter.js";
 import { DropdownMobileHeader as O } from "../Dropdown/mobile/DropdownMobileHeader.js";
 import "../Dropdown/mobile/DropdownMobileInner.js";
@@ -18,39 +18,40 @@ import { DropdownMobileLoader as v } from "../Dropdown/mobile/DropdownMobileLoad
 import "../Dropdown/Dropdown.js";
 import { ETextSize as E, EFontType as H } from "../Typography/enums.js";
 import "../Typography/Caption.js";
+import "../Typography/CodeText.js";
 import { Text as j } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const k = "suggestDropdownMobileBody__9411c08a", z = "suggestDropdownMobileNoOptionsText__c3494a38", g = {
+const k = "suggestDropdownMobileBody__f9617e8f", z = "suggestDropdownMobileNoOptionsText__ea50de9a", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, A = () => {
   const {
-    value: n,
+    value: r,
     options: s,
     inputValue: i,
-    placeholder: u,
-    noOptionsText: a,
+    placeholder: a,
+    noOptionsText: u,
     loading: w,
     clearInputOnFocus: p,
-    dropdownListLoading: b,
-    onSelect: D,
+    dropdownListLoading: f,
+    onSelect: h,
     onFilter: t,
     onScrollEnd: l,
     closeDropdown: d
-  } = F(), h = B(null), M = r(
+  } = I(), b = S(null), D = n(
     (o) => {
       if (l === void 0)
         return;
-      const { scrollHeight: y, scrollTop: C, clientHeight: S } = o.currentTarget;
-      y - C - S < 1 && l();
+      const { scrollHeight: y, scrollTop: C, clientHeight: N } = o.currentTarget;
+      y - C - N < 1 && l();
     },
     [l]
-  ), f = r(() => d(), [d]), x = r(
+  ), M = n(() => d(), [d]), x = n(
     (o) => {
       t(o.target.value);
     },
     [t]
-  ), T = r(() => {
+  ), T = n(() => {
     i.length !== 0 && p === !0 && t("");
   }, [i.length, p, t]);
   return /* @__PURE__ */ c(m, { children: [
@@ -59,13 +60,13 @@ const k = "suggestDropdownMobileBody__9411c08a", z = "suggestDropdownMobileNoOpt
       {
         controlButtons: /* @__PURE__ */ c(m, { children: [
           w && /* @__PURE__ */ e(v, {}),
-          /* @__PURE__ */ e(I, { onClick: f })
+          /* @__PURE__ */ e(F, { onClick: M })
         ] }),
         children: /* @__PURE__ */ e(
           L,
           {
             value: i,
-            placeholder: u,
+            placeholder: a,
             autoFocus: !0,
             onFocus: T,
             onChange: x
@@ -73,22 +74,23 @@ const k = "suggestDropdownMobileBody__9411c08a", z = "suggestDropdownMobileNoOpt
         )
       }
     ),
-    /* @__PURE__ */ e(N, { className: g.suggestDropdownMobileBody, onScroll: M, children: s.length === 0 ? /* @__PURE__ */ e(
+    /* @__PURE__ */ e(B, { className: g.suggestDropdownMobileBody, onScroll: D, children: s.length === 0 ? /* @__PURE__ */ e(
       j,
       {
         className: g.suggestDropdownMobileNoOptionsText,
         type: H.PRIMARY,
         size: E.B2,
         tag: "div",
-        children: a
+        children: u
       }
-    ) : /* @__PURE__ */ e(R, { loading: b, ref: h, children: s.map((o) => /* @__PURE__ */ e(
+    ) : /* @__PURE__ */ e(R, { loading: f, ref: b, children: s.map((o) => /* @__PURE__ */ e(
       _,
       {
         id: o.id,
-        selected: o.id === (n == null ? void 0 : n.id),
+        selected: o.id === (r == null ? void 0 : r.id),
+        showNotificationIcon: o.showNotificationIcon,
         onSelect: () => {
-          D(o);
+          h(o);
         },
         children: o.content || o.label
       },

package/components/SuggestField/SuggestField.js

@@ -2,13 +2,13 @@ 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-BZd9-Rmk.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-_Gn-OMhG.js";
 import { jsx as o } from "react/jsx-runtime";
 import { MobileView as I } from "../MobileView/MobileView.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as O } from "../../chunks/FormFieldInput-Dp--anY3.js";
+import { F as O } from "../../chunks/FormFieldInput-CP3P-T8_.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
@@ -21,11 +21,11 @@ const h = (t) => {
     status: i,
     size: r,
     value: p,
-    label: e,
-    loading: l,
-    options: m,
-    placeholder: n,
-    tooltipHint: s,
+    options: e,
+    label: m,
+    placeholder: l,
+    tooltipHint: n,
+    loading: s,
     tooltipOpen: a,
     dropdownListLoading: d,
     clearInputOnFocus: u,
@@ -40,11 +40,12 @@ const h = (t) => {
       status: i,
       size: r,
       value: p,
-      options: m,
-      label: e,
-      placeholder: n,
-      tooltipHint: a ? s : "",
-      loading: l,
+      options: e,
+      label: m,
+      placeholder: l,
+      tooltipHint: n,
+      loading: s,
+      tooltipOpen: a,
       dropdownListLoading: d,
       clearInputOnFocus: u,
       onSelect: c,

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -9,7 +9,7 @@ import { EFormFieldStatus as q } from "../../FormField/enums.js";
 import { FormFieldClear as go } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as ho } from "../../../chunks/FormFieldInput-Dp--anY3.js";
+import { F as ho } from "../../../chunks/FormFieldInput-CP3P-T8_.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -23,7 +23,7 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownListContext as po } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-C5KVFMFN.js";
+import "../../../chunks/DropdownListItem-D_38hBVf.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -44,10 +44,10 @@ const re = ({
   status: L,
   placeholder: G,
   "data-test-id": n,
-  loading: N,
-  dropdownListLoading: T,
-  tooltipHint: H,
-  tooltipOpen: J,
+  tooltipHint: N,
+  loading: T,
+  tooltipOpen: H,
+  dropdownListLoading: J,
   clearInputOnFocus: R,
   onFilter: c,
   onClear: g,
@@ -130,7 +130,7 @@ const re = ({
         prefix: Q,
         postfix: /* @__PURE__ */ B(fo.Fragment, { children: [
           g !== void 0 && /* @__PURE__ */ f(go, { onClick: eo }),
-          N && /* @__PURE__ */ f(Do, { theme: wo.BRAND, size: F }),
+          T && /* @__PURE__ */ f(Do, { theme: wo.BRAND, size: F }),
           U
         ] }),
         ...Y,
@@ -165,7 +165,7 @@ const re = ({
               dataTestId: n,
               listId: K,
               opened: j,
-              listLoading: T,
+              listLoading: J,
               targetRef: y,
               setOpened: to,
               onSelect: io,
@@ -182,13 +182,13 @@ const re = ({
     E,
     {
       size: lo.SM,
-      isOpen: !!(J && D) && L !== q.DISABLED,
+      isOpen: !!(H && D) && L !== q.DISABLED,
       toggle: () => {
       },
       targetRef: y,
       disableAdaptiveMode: !0,
       children: [
-        /* @__PURE__ */ f(E.Body, { "data-test-id": n && `${n}${z.Suggest.tooltip}`, children: H }),
+        /* @__PURE__ */ f(E.Body, { "data-test-id": n && `${n}${z.Suggest.tooltip}`, children: N }),
         /* @__PURE__ */ f(E.Target, { children: mo() })
       ]
     }

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -1,11 +1,11 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useCallback as E } from "react";
-import { Portal as b } from "../../Portal/Portal.js";
+import { useCallback as h } from "react";
+import { Portal as _ } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.js";
-import { DropdownDesktop as L } from "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as O } from "../../Dropdown/desktop/DropdownList.js";
-import { D as u } from "../../../chunks/DropdownListItem-C5KVFMFN.js";
-import { EDropdownWidth as x } from "../../Dropdown/desktop/enums.js";
+import { DropdownDesktop as b } from "../../Dropdown/desktop/DropdownDesktop.js";
+import { DropdownList as L } from "../../Dropdown/desktop/DropdownList.js";
+import { D as O } from "../../../chunks/DropdownListItem-D_38hBVf.js";
+import { EDropdownWidth as u } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -18,56 +18,57 @@ import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import "../../Dropdown/Dropdown.js";
-import { EVENT_KEY_CODES as y } from "../../../utils/keyboard.js";
-import { DataTestId as c } from "../../../consts/DataTestId.js";
-const A = [y.ENTER], rr = ({
+import { EVENT_KEY_CODES as x } from "../../../utils/keyboard.js";
+import { DataTestId as e } from "../../../consts/DataTestId.js";
+const y = [x.ENTER], rr = ({
   size: l,
   value: m,
   options: d,
-  targetRef: h,
+  targetRef: E,
   listId: D,
   dataTestId: t,
   opened: s,
   listLoading: p,
   onMouseDown: o,
-  onSelect: g,
-  onScrollEnd: e,
+  onSelect: w,
+  onScrollEnd: c,
   renderList: f,
   renderListItem: n,
-  ...S
+  ...a
 }) => {
-  const w = f === void 0 ? O : f, a = n === void 0 ? u : n, C = E(
+  const g = f === void 0 ? L : f, S = n === void 0 ? O : n, C = h(
     (r) => {
       r.preventDefault(), o == null || o(r);
     },
     [o]
-  ), T = E(
+  ), T = h(
     (r) => {
-      if (e === void 0 || p)
+      if (c === void 0 || p)
         return;
-      const { scrollHeight: $, scrollTop: k, clientHeight: _ } = r.currentTarget;
-      $ - k - _ < 1 && e();
+      const { scrollHeight: $, scrollTop: k, clientHeight: N } = r.currentTarget;
+      $ - k - N < 1 && c();
     },
-    [e, p]
+    [c, p]
   );
-  return /* @__PURE__ */ i(b, { container: document.body, children: /* @__PURE__ */ i(
-    L,
+  return /* @__PURE__ */ i(_, { container: document.body, children: /* @__PURE__ */ i(
+    b,
     {
       size: l,
-      targetRef: h,
-      "data-test-id": t && `${t}${c.Suggest.dropdown}`,
+      targetRef: E,
+      "data-test-id": t && `${t}${e.Suggest.dropdown}`,
       opened: s,
-      ...S,
-      width: x.TARGET,
+      ...a,
+      width: u.TARGET,
       onMouseDown: C,
-      children: /* @__PURE__ */ i(w, { id: D, size: l, dropdownOpened: s, loading: p, onScroll: T, children: d == null ? void 0 : d.map((r) => /* @__PURE__ */ i(
-        a,
+      children: /* @__PURE__ */ i(g, { id: D, size: l, dropdownOpened: s, loading: p, onScroll: T, children: d == null ? void 0 : d.map((r) => /* @__PURE__ */ i(
+        S,
         {
           id: r.id,
-          keyCodesForSelection: A,
-          "data-test-id": t && `${t}${c.Suggest.dropdown}${c.Dropdown.listItem}`,
+          keyCodesForSelection: y,
+          "data-test-id": t && `${t}${e.Suggest.dropdown}${e.Dropdown.listItem}`,
           selected: r.id === (m == null ? void 0 : m.id),
-          onSelect: () => g(r),
+          showNotificationIcon: r.showNotificationIcon,
+          onSelect: () => w(r),
           children: r.content || r.label
         },
         r.id

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-BZd9-Rmk.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-_Gn-OMhG.js";
 import { SuggestField as m } from "./SuggestField.js";
 export {
   m as SuggestField,

package/components/SuggestField/mobile/SuggestFieldMobile.js

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

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -1,82 +1,83 @@
-import { jsx as t, jsxs as w, Fragment as D } from "react/jsx-runtime";
-import q, { useState as M, useRef as p, useCallback as i } from "react";
+import { jsx as t, jsxs as g, Fragment as w } from "react/jsx-runtime";
+import z, { useState as D, useRef as p, useCallback as i } from "react";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-C5KVFMFN.js";
+import "../../../chunks/DropdownListItem-D_38hBVf.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as z } from "../../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as A } from "../../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody as A } from "../../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as G } from "../../Dropdown/mobile/DropdownMobileClose.js";
 import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as G } from "../../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader as J } from "../../Dropdown/mobile/DropdownMobileHeader.js";
 import "../../Dropdown/mobile/DropdownMobileInner.js";
-import { DropdownMobileInput as J } from "../../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList as K } from "../../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem as L } from "../../Dropdown/mobile/DropdownMobileListItem.js";
-import { DropdownMobileLoader as Q } from "../../Dropdown/mobile/DropdownMobileLoader.js";
-import { Dropdown as U } from "../../Dropdown/Dropdown.js";
-import { s as W, S as X } from "../../../chunks/SuggestFieldMobileDropdownHint-BZd9-Rmk.js";
-const Y = ({
+import { DropdownMobileInput as K } from "../../Dropdown/mobile/DropdownMobileInput.js";
+import { DropdownMobileList as L } from "../../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as Q } from "../../Dropdown/mobile/DropdownMobileListItem.js";
+import { DropdownMobileLoader as U } from "../../Dropdown/mobile/DropdownMobileLoader.js";
+import { Dropdown as W } from "../../Dropdown/Dropdown.js";
+import { s as X, S as Y } from "../../../chunks/SuggestFieldMobileDropdownHint-_Gn-OMhG.js";
+const Z = ({
   value: o,
-  options: C,
-  placeholder: F,
-  tooltipHint: h,
-  opened: R,
-  loading: a,
-  dropdownListLoading: n,
-  clearInputOnFocus: b,
+  options: M,
+  placeholder: C,
+  tooltipHint: a,
+  opened: F,
+  loading: I,
+  tooltipOpen: R,
+  dropdownListLoading: s,
+  clearInputOnFocus: h,
   setOpened: e,
-  onSelect: l,
-  onFilter: g,
-  onScrollEnd: c
+  onSelect: c,
+  onFilter: b,
+  onScrollEnd: l
 }, B) => {
-  const [d, s] = M((o == null ? void 0 : o.label) || ""), [m, S] = M(o);
-  (o == null ? void 0 : o.id) !== (m == null ? void 0 : m.id) && (S(o), s((o == null ? void 0 : o.label) || ""));
-  const f = p(!1), y = p(null), I = p(null), k = i(() => {
-    s(b ? "" : (o == null ? void 0 : o.label) || "");
-  }, [b, o == null ? void 0 : o.label]), x = i(
+  const [d, n] = D((o == null ? void 0 : o.label) || ""), [m, S] = D(o);
+  (o == null ? void 0 : o.id) !== (m == null ? void 0 : m.id) && (S(o), n((o == null ? void 0 : o.label) || ""));
+  const f = p(!1), y = p(null), H = p(null), k = i(() => {
+    n(h ? "" : (o == null ? void 0 : o.label) || "");
+  }, [h, o == null ? void 0 : o.label]), x = i(
     (r) => {
-      s(r.target.value), g(r.target.value);
+      n(r.target.value), b(r.target.value);
     },
-    [g]
-  ), H = i(() => {
+    [b]
+  ), N = i(() => {
     e(!1);
   }, [e]), V = i(() => {
     if (f.current) {
       f.current = !1;
       return;
     }
-    d.length === 0 && o !== void 0 && l(void 0);
-  }, [d.length, l, o]), j = i(
+    d.length === 0 && o !== void 0 && c(void 0);
+  }, [d.length, c, o]), j = i(
     (r) => {
-      if (c === void 0 || n)
+      if (l === void 0 || s)
         return;
-      const { scrollHeight: P, scrollTop: T, clientHeight: N } = r.currentTarget;
-      P - T - N < 1 && c();
+      const { scrollHeight: P, scrollTop: T, clientHeight: q } = r.currentTarget;
+      P - T - q < 1 && l();
     },
-    [c, n]
+    [l, s]
   );
   return /* @__PURE__ */ t(
-    U,
+    W,
     {
-      opened: R,
+      opened: F,
       setOpened: e,
-      targetRef: I,
+      targetRef: H,
       onClose: V,
       mobileViewProps: {
-        children: /* @__PURE__ */ w(D, { children: [
+        children: /* @__PURE__ */ g(w, { children: [
           /* @__PURE__ */ t(
-            G,
+            J,
             {
-              controlButtons: /* @__PURE__ */ w(D, { children: [
-                a && /* @__PURE__ */ t(Q, {}),
-                /* @__PURE__ */ t(A, { onClick: H })
+              controlButtons: /* @__PURE__ */ g(w, { children: [
+                I && /* @__PURE__ */ t(U, {}),
+                /* @__PURE__ */ t(G, { onClick: N })
               ] }),
               children: /* @__PURE__ */ t(
-                J,
+                K,
                 {
                   value: d,
-                  placeholder: F,
+                  placeholder: C,
                   autoFocus: !0,
                   onFocus: k,
                   onChange: x
@@ -84,13 +85,14 @@ const Y = ({
               )
             }
           ),
-          /* @__PURE__ */ t(z, { className: W.suggestFieldMobileBody, onScroll: j, children: h ? /* @__PURE__ */ t(X, { children: h }) : /* @__PURE__ */ t(K, { loading: n, ref: y, children: C.map((r) => /* @__PURE__ */ t(
-            L,
+          /* @__PURE__ */ t(A, { className: X.suggestFieldMobileBody, onScroll: j, children: R ? /* @__PURE__ */ t(Y, { children: a }) : /* @__PURE__ */ t(L, { loading: s, ref: y, children: M.map((r) => /* @__PURE__ */ t(
+            Q,
             {
               id: r.id,
               selected: r.id === (o == null ? void 0 : o.id),
+              showNotificationIcon: r.showNotificationIcon,
               onSelect: () => {
-                f.current = !0, l(r), e(!1);
+                f.current = !0, c(r), e(!1);
               },
               children: r.content || r.label
             },
@@ -101,8 +103,8 @@ const Y = ({
       ref: B
     }
   );
-}, po = q.forwardRef(Y);
+}, ho = z.forwardRef(Z);
 export {
-  po as SuggestFieldMobileDropdown
+  ho as SuggestFieldMobileDropdown
 };
 //# sourceMappingURL=SuggestFieldMobileDropdown.js.map