@sberbusiness/triplex-next 1.22.0 → 1.23.0

package/components/StatusTracker/components/StatusTrackerFooter.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import c from "react";
 import { c as i } from "../../../chunks/vendor-BiObpx9E.js";
-import { s as r } from "../../../chunks/StatusTracker.module-B8xoFRr0.js";
+import { s as r } from "../../../chunks/StatusTracker.module-BMkZgzxy.js";
 import { StatusTrackerDescription as m } from "./StatusTrackerDescription.js";
 import { StatusTrackerButton as p } from "./StatusTrackerButton.js";
 const u = Object.assign(

package/components/StatusTracker/components/StatusTrackerHeader.js

@@ -4,7 +4,7 @@ import { c as i } from "../../../chunks/vendor-BiObpx9E.js";
 import { StatusTrackerDescription as m } from "./StatusTrackerDescription.js";
 import { StatusTrackerTitle as c } from "./StatusTrackerTitle.js";
 import { StatusTrackerSum as u } from "./StatusTrackerSum.js";
-import { s as f } from "../../../chunks/StatusTracker.module-B8xoFRr0.js";
+import { s as f } from "../../../chunks/StatusTracker.module-BMkZgzxy.js";
 const p = Object.assign(
   o.forwardRef(function({ children: r, className: t, ...a }, e) {
     return /* @__PURE__ */ s("div", { className: i(f.statusTrackerChild, t), ...a, ref: e, children: r });

package/components/StatusTracker/components/StatusTrackerMedia.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { c } from "../../../chunks/vendor-BiObpx9E.js";
-import { s as o } from "../../../chunks/StatusTracker.module-B8xoFRr0.js";
+import { s as o } from "../../../chunks/StatusTracker.module-BMkZgzxy.js";
 const d = (s) => {
   const { children: r, className: t, ...a } = s;
   return /* @__PURE__ */ e("div", { className: c(o.statusTrackerChild, t), ...a, children: r });

package/components/StatusTracker/components/StatusTrackerStatus.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as e } from "../../../chunks/vendor-BiObpx9E.js";
-import { s as m } from "../../../chunks/StatusTracker.module-B8xoFRr0.js";
+import { s as m } from "../../../chunks/StatusTracker.module-BMkZgzxy.js";
 import { MarkerStatus as c } from "../../MarkerStatus/MarkerStatus.js";
 const f = (s) => {
   const { children: t, className: r, ...a } = s;

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -5,7 +5,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/Text.js";
 import { Title as p } from "../../Typography/Title.js";
 import { Amount as c } from "../../Amount/Amount.js";
-import { s as l } from "../../../chunks/StatusTracker.module-B8xoFRr0.js";
+import { s as l } from "../../../chunks/StatusTracker.module-BMkZgzxy.js";
 const g = (r) => {
   const { className: o, amountProps: m, ...s } = r;
   return /* @__PURE__ */ t(

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -4,7 +4,7 @@ import { ETitleSize as m, EFontWeightTitle as a } from "../../Typography/enums.j
 import "../../Typography/Caption.js";
 import "../../Typography/Text.js";
 import { Title as l } from "../../Typography/Title.js";
-import { s as c } from "../../../chunks/StatusTracker.module-B8xoFRr0.js";
+import { s as c } from "../../../chunks/StatusTracker.module-BMkZgzxy.js";
 const g = (t) => {
   const { children: r, className: e, ...s } = t;
   return /* @__PURE__ */ i(

package/components/Step/Step.js

@@ -3,15 +3,15 @@ import { useRef as u } from "react";
 import { EStepStatus as o, EStepPosition as e } from "./enums.js";
 import { ETooltipAlign as n, ETooltipSize as _ } from "../Tooltip/enums.js";
 import { Tooltip as a } from "../Tooltip/Tooltip.js";
-import { EFontWeightText as S, ETextSize as b } from "../Typography/enums.js";
+import { EFontWeightText as S, ETextSize as D } from "../Typography/enums.js";
 import "../Typography/Caption.js";
-import { Text as D } from "../Typography/Text.js";
+import { Text as N } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { c as N } from "../../chunks/vendor-BiObpx9E.js";
-const A = "step__67d44638", R = "done__634229bb", x = "warning__3ad3abe9", h = "active__5acfb47f", v = "error__7bd8063d", w = "disabled__7e889f1d", t = {
-  step: A,
-  default: "default__ec17091b",
-  done: R,
+import { c as A } from "../../chunks/vendor-BiObpx9E.js";
+const R = "step__dabe32ad", b = "done__818087b4", x = "warning__555de52c", h = "active__0746579f", v = "error__e2f3a206", w = "disabled__5eba943f", t = {
+  step: R,
+  default: "default__0c0fc081",
+  done: b,
   warning: x,
   active: h,
   error: v,
@@ -35,7 +35,7 @@ const A = "step__67d44638", R = "done__634229bb", x = "warning__3ad3abe9", h = "
   position: f = e.Default,
   ...m
 }) => {
-  const l = u(null), T = y[f], E = N(t.step, L[d], s), c = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...m, children: /* @__PURE__ */ i(D, { size: b.B1, weight: S.SEMIBOLD, children: p }) });
+  const l = u(null), T = y[f], E = A(t.step, L[d], s), c = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...m, children: /* @__PURE__ */ i(N, { size: D.B1, weight: S.SEMIBOLD, children: p }) });
   return r ? /* @__PURE__ */ g(a, { size: _.SM, toggleType: "hover", alignTip: T, targetRef: l, children: [
     /* @__PURE__ */ i(a.Target, { children: c() }),
     /* @__PURE__ */ i(a.Body, { children: r })

package/components/Stepper/RightBorderArrow.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { R as m } from "../../chunks/RightBorderArrow-C390Za7P.js";
+import { R as m } from "../../chunks/RightBorderArrow-nrRpapza.js";
 import "./enums.js";
 export {
   m as RightBorderArrow

package/components/Stepper/Stepper.js

@@ -10,7 +10,7 @@ import { EScreenWidth as J } from "../../helpers/breakpoints.js";
 import { scrollSmoothHorizontally as S } from "../../utils/scroll.js";
 import { c as i } from "../../chunks/vendor-BiObpx9E.js";
 import { EStepperSize as a } from "./enums.js";
-const K = "stepper__79a69d30", O = "sm__d4bb0c05", Q = "md__0276c756", T = "lg__f3e785ad", U = "stepperCarousel__b5540062", V = "buttonPrev__aef390f3", Y = "buttonNext__5d47f613", n = {
+const K = "stepper__84f3d0eb", O = "sm__7cdc02eb", Q = "md__489e840a", T = "lg__e0f367a9", U = "stepperCarousel__b8eafd4e", V = "buttonPrev__93ffe208", Y = "buttonNext__0258dd32", n = {
   stepper: K,
   sm: O,
   md: Q,

package/components/Stepper/StepperExtended.js

@@ -1,21 +1,21 @@
 import { jsx as e } from "react/jsx-runtime";
-import { EStepperSize as a } from "./enums.js";
+import { EStepperSize as S } from "./enums.js";
 import { StepperExtendedContext as i } from "./StepperExtendedContext.js";
 import { StepperWrapper as x } from "./StepperWrapper.js";
 import { StepperStep as f } from "./StepperStep.js";
 import { c as E } from "../../chunks/vendor-BiObpx9E.js";
-const h = "stepperExtended__05f5f0e9", u = {
+const h = "stepperExtended__24a6759a", u = {
   stepperExtended: h
 }, t = ({
   children: r,
   className: p,
-  size: o = a.SM,
+  size: o = S.SM,
   onSelectStep: s,
   selectedStepId: d,
   forwardedRef: n,
   ...m
 }) => {
-  const c = E(u.stepperExtended, p), l = (S) => s(S);
+  const c = E(u.stepperExtended, p), l = (a) => s(a);
   return /* @__PURE__ */ e(i.Provider, { value: { onSelectStep: l, selectedId: d, size: o }, children: /* @__PURE__ */ e("ol", { className: c, role: "tablist", ...m, ref: n, children: r }) });
 };
 t.Step = f;

package/components/Stepper/StepperStep.js

@@ -5,7 +5,7 @@ import { isKey as A } from "../../utils/keyboard.js";
 import { StepperExtendedContext as D } from "./StepperExtendedContext.js";
 import { EFocusSource as s } from "../../enums/EFocusSource.js";
 import { c as C } from "../../chunks/vendor-BiObpx9E.js";
-import { s as t, R as F } from "../../chunks/RightBorderArrow-C390Za7P.js";
+import { s as t, R as F } from "../../chunks/RightBorderArrow-nrRpapza.js";
 import { EStepperSize as h, EStepperStepType as j } from "./enums.js";
 const H = ({
   children: x,
@@ -72,7 +72,7 @@ const H = ({
       ...G,
       ref: P,
       children: [
-        /* @__PURE__ */ I("div", { className: t.content, "data-tx": "1.22.0", children: [
+        /* @__PURE__ */ I("div", { className: t.content, "data-tx": "1.23.0", children: [
           g && U(),
           x
         ] }),

package/components/Stepper/StepperWrapper.js

@@ -1,12 +1,12 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as a } from "../../chunks/vendor-BiObpx9E.js";
-const c = "stepperWrapper__ddd0f0c9", o = {
+const c = "stepperWrapper__bb07c121", o = {
   stepperWrapper: c
-}, n = ({ children: p, className: r, ...e }) => {
+}, W = ({ children: p, className: r, ...e }) => {
   const s = a(o.stepperWrapper, r);
-  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "1.22.0", children: p });
+  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "1.23.0", children: p });
 };
 export {
-  n as StepperWrapper
+  W as StepperWrapper
 };
 //# sourceMappingURL=StepperWrapper.js.map

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-Dl8gN2ar.js";
+import "../../chunks/DropdownListItem-BOB8eQXM.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";
@@ -20,37 +20,37 @@ import { ETextSize as E, EFontType as H } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import { Text as j } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const k = "suggestDropdownMobileBody__9ea4819f", z = "suggestDropdownMobileNoOptionsText__b922fd8a", g = {
+const k = "suggestDropdownMobileBody__9fa8f879", z = "suggestDropdownMobileNoOptionsText__c31e0199", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, A = () => {
   const {
-    value: n,
+    value: r,
     options: s,
     inputValue: i,
-    placeholder: u,
-    noOptionsText: a,
-    loading: b,
+    placeholder: a,
+    noOptionsText: u,
+    loading: w,
     clearInputOnFocus: p,
-    dropdownListLoading: w,
-    onSelect: f,
+    dropdownListLoading: f,
+    onSelect: h,
     onFilter: t,
     onScrollEnd: l,
     closeDropdown: d
-  } = F(), D = B(null), h = 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]
-  ), M = 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: [
@@ -58,14 +58,14 @@ const k = "suggestDropdownMobileBody__9ea4819f", z = "suggestDropdownMobileNoOpt
       O,
       {
         controlButtons: /* @__PURE__ */ c(m, { children: [
-          b && /* @__PURE__ */ e(v, {}),
-          /* @__PURE__ */ e(I, { onClick: M })
+          w && /* @__PURE__ */ e(v, {}),
+          /* @__PURE__ */ e(F, { onClick: M })
         ] }),
         children: /* @__PURE__ */ e(
           L,
           {
             value: i,
-            placeholder: u,
+            placeholder: a,
             autoFocus: !0,
             onFocus: T,
             onChange: x
@@ -73,22 +73,23 @@ const k = "suggestDropdownMobileBody__9ea4819f", z = "suggestDropdownMobileNoOpt
         )
       }
     ),
-    /* @__PURE__ */ e(N, { className: g.suggestDropdownMobileBody, onScroll: h, 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: w, ref: D, 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: () => {
-          f(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-Cf_uwjFP.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-CRvB37lf.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--W9kjf4s.js";
+import { F as O } from "../../chunks/FormFieldInput-CwX_1h09.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -9,7 +9,7 @@ import { EFormFieldStatus as _ } 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--W9kjf4s.js";
+import { F as ho } from "../../../chunks/FormFieldInput-CwX_1h09.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-Dl8gN2ar.js";
+import "../../../chunks/DropdownListItem-BOB8eQXM.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

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-Dl8gN2ar.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-BOB8eQXM.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-Cf_uwjFP.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-CRvB37lf.js";
 import { SuggestField as m } from "./SuggestField.js";
 export {
   m as SuggestField,

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -7,7 +7,7 @@ import { DataTestId as $ } from "../../../consts/DataTestId.js";
 import { FormFieldClear as y } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as A } from "../../../chunks/FormFieldInput--W9kjf4s.js";
+import { F as A } from "../../../chunks/FormFieldInput-CwX_1h09.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -18,7 +18,7 @@ import "../../FormField/FormField.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-Cf_uwjFP.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-CRvB37lf.js";
 const lo = ({
   value: r,
   options: b,

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as w, Fragment as D } from "react/jsx-runtime";
-import N, { useState as M, useRef as p, useCallback as i } from "react";
+import _, { useState as M, 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-Dl8gN2ar.js";
+import "../../../chunks/DropdownListItem-BOB8eQXM.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as q } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as z } from "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -15,24 +15,24 @@ import { DropdownMobileList as J } from "../../Dropdown/mobile/DropdownMobileLis
 import { DropdownMobileListItem as K } from "../../Dropdown/mobile/DropdownMobileListItem.js";
 import { DropdownMobileLoader as L } from "../../Dropdown/mobile/DropdownMobileLoader.js";
 import { Dropdown as Q } from "../../Dropdown/Dropdown.js";
-import { s as U, S as W } from "../../../chunks/SuggestFieldMobileDropdownHint-Cf_uwjFP.js";
+import { s as U, S as W } from "../../../chunks/SuggestFieldMobileDropdownHint-CRvB37lf.js";
 const X = ({
   value: o,
   options: C,
   placeholder: a,
   tooltipHint: h,
   opened: F,
-  loading: R,
+  loading: I,
   dropdownListLoading: n,
   clearInputOnFocus: b,
   setOpened: e,
-  onSelect: l,
+  onSelect: c,
   onFilter: g,
-  onScrollEnd: c
-}, 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(() => {
+  onScrollEnd: l
+}, R) => {
+  const [d, s] = M((o == null ? void 0 : o.label) || ""), [m, B] = M(o);
+  (o == null ? void 0 : o.id) !== (m == null ? void 0 : m.id) && (B(o), s((o == null ? void 0 : o.label) || ""));
+  const f = p(!1), S = p(null), y = p(null), k = i(() => {
     s(b ? "" : (o == null ? void 0 : o.label) || "");
   }, [b, o == null ? void 0 : o.label]), x = i(
     (r) => {
@@ -41,35 +41,35 @@ const X = ({
     [g]
   ), H = i(() => {
     e(!1);
-  }, [e]), V = i(() => {
+  }, [e]), N = 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]), V = i(
     (r) => {
-      if (c === void 0 || n)
+      if (l === void 0 || n)
         return;
-      const { scrollHeight: P, scrollTop: T, clientHeight: _ } = r.currentTarget;
-      P - T - _ < 1 && c();
+      const { scrollHeight: j, scrollTop: P, clientHeight: T } = r.currentTarget;
+      j - P - T < 1 && l();
     },
-    [c, n]
+    [l, n]
   );
   return /* @__PURE__ */ t(
     Q,
     {
       opened: F,
       setOpened: e,
-      targetRef: I,
-      onClose: V,
+      targetRef: y,
+      onClose: N,
       mobileViewProps: {
         children: /* @__PURE__ */ w(D, { children: [
           /* @__PURE__ */ t(
             A,
             {
               controlButtons: /* @__PURE__ */ w(D, { children: [
-                R && /* @__PURE__ */ t(L, {}),
+                I && /* @__PURE__ */ t(L, {}),
                 /* @__PURE__ */ t(z, { onClick: H })
               ] }),
               children: /* @__PURE__ */ t(
@@ -84,13 +84,14 @@ const X = ({
               )
             }
           ),
-          /* @__PURE__ */ t(q, { className: U.suggestFieldMobileBody, onScroll: j, children: h ? /* @__PURE__ */ t(W, { children: h }) : /* @__PURE__ */ t(J, { loading: n, ref: y, children: C.map((r) => /* @__PURE__ */ t(
+          /* @__PURE__ */ t(q, { className: U.suggestFieldMobileBody, onScroll: V, children: h ? /* @__PURE__ */ t(W, { children: h }) : /* @__PURE__ */ t(J, { loading: n, ref: S, children: C.map((r) => /* @__PURE__ */ t(
             K,
             {
               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
             },
@@ -98,10 +99,10 @@ const X = ({
           )) }) })
         ] })
       },
-      ref: B
+      ref: R
     }
   );
-}, po = N.forwardRef(X);
+}, po = _.forwardRef(X);
 export {
   po as SuggestFieldMobileDropdown
 };

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -3,7 +3,7 @@ import "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { S as d } from "../../../chunks/SuggestFieldMobileDropdownHint-Cf_uwjFP.js";
+import { S as d } from "../../../chunks/SuggestFieldMobileDropdownHint-CRvB37lf.js";
 export {
   d as SuggestFieldMobileDropdownHint
 };

package/components/SuggestField/mobile/index.js

@@ -1,6 +1,6 @@
 import { SuggestFieldMobile as r } from "./SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown as t } from "./SuggestFieldMobileDropdown.js";
-import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-Cf_uwjFP.js";
+import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-CRvB37lf.js";
 export {
   r as SuggestFieldMobile,
   t as SuggestFieldMobileDropdown,