@sberbusiness/triplex-next 1.22.0 → 1.24.0

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -1,24 +1,25 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/vendor-BiObpx9E.js";
+import { jsx as s } from "react/jsx-runtime";
+import { c as o } from "../../../chunks/vendor-DudMBGKr.js";
 import { ETitleSize as m, EFontWeightTitle as a } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
+import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title as l } from "../../Typography/Title.js";
-import { s as c } from "../../../chunks/StatusTracker.module-B8xoFRr0.js";
-const g = (t) => {
-  const { children: r, className: e, ...s } = t;
-  return /* @__PURE__ */ i(
+import { s as c } from "../../../chunks/StatusTracker.module-DSJGmASX.js";
+const k = (t) => {
+  const { children: r, className: e, ...i } = t;
+  return /* @__PURE__ */ s(
     l,
     {
       weight: a.BOLD,
       size: m.H3,
       className: o(c.statusTrackerTitle, e),
-      ...s,
+      ...i,
       children: r
     }
   );
 };
 export {
-  g as StatusTrackerTitle
+  k as StatusTrackerTitle
 };
 //# sourceMappingURL=StatusTrackerTitle.js.map

package/components/Step/Step.js

@@ -5,12 +5,13 @@ 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 "../Typography/Caption.js";
+import "../Typography/CodeText.js";
 import { Text as D } 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 = {
+import { c as N } from "../../chunks/vendor-DudMBGKr.js";
+const A = "step__d34c9e6a", R = "done__467384d6", x = "warning__64f4a8ba", h = "active__3db80508", v = "error__b43bbc7e", w = "disabled__fed1e166", t = {
   step: A,
-  default: "default__ec17091b",
+  default: "default__a822f674",
   done: R,
   warning: x,
   active: h,
@@ -27,23 +28,23 @@ const A = "step__67d44638", R = "done__634229bb", x = "warning__3ad3abe9", h = "
   [e.XFirst]: n.START,
   [e.Default]: n.CENTER,
   [e.XLast]: n.END
-}, G = (r, s) => s === 0 ? e.XFirst : s + 1 === r ? e.XLast : e.Default, z = ({
+}, U = (r, s) => s === 0 ? e.XFirst : s + 1 === r ? e.XLast : e.Default, z = ({
   children: r,
   className: s,
-  step: p,
+  step: c,
   status: d,
-  position: f = e.Default,
-  ...m
+  position: m = e.Default,
+  ...f
 }) => {
-  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[m], E = N(t.step, L[d], s), p = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...f, children: /* @__PURE__ */ i(D, { size: b.B1, weight: S.SEMIBOLD, children: c }) });
   return r ? /* @__PURE__ */ g(a, { size: _.SM, toggleType: "hover", alignTip: T, targetRef: l, children: [
-    /* @__PURE__ */ i(a.Target, { children: c() }),
+    /* @__PURE__ */ i(a.Target, { children: p() }),
     /* @__PURE__ */ i(a.Body, { children: r })
-  ] }) : c();
+  ] }) : p();
 };
 z.displayName = "Step";
 export {
   z as Step,
-  G as calcPosition
+  U as calcPosition
 };
 //# sourceMappingURL=Step.js.map

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-eMlmbMOj.js";
 import "./enums.js";
 export {
   m as RightBorderArrow

package/components/Stepper/Stepper.js

@@ -8,9 +8,9 @@ import { ButtonIcon as R } from "../Button/ButtonIcon.js";
 import { CaretrightStrokeSrvIcon24 as q, CaretleftStrokeSrvIcon24 as F } from "@sberbusiness/icons-next";
 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 { c as i } from "../../chunks/vendor-DudMBGKr.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__9b3bf4d6", O = "sm__dbcf10d6", Q = "md__6dc7c9eb", T = "lg__31d44149", U = "stepperCarousel__4b621ef0", V = "buttonPrev__c25e319f", Y = "buttonNext__f87038a0", n = {
   stepper: K,
   sm: O,
   md: Q,
@@ -34,7 +34,7 @@ const K = "stepper__79a69d30", O = "sm__d4bb0c05", Q = "md__0276c756", T = "lg__
   selectedStepId: l,
   ...E
 }) => {
-  const [x, w] = G({ stepNext: 0, stepPrev: 0 }), u = v(null), b = v({}), B = i(n.stepper, p(c), m), M = h.findIndex((e) => e.id === l), I = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
+  const [b, w] = G({ stepNext: 0, stepPrev: 0 }), u = v(null), x = v({}), B = i(n.stepper, p(c), m), M = h.findIndex((e) => e.id === l), I = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
     R,
     {
       className: i(n.buttonPrev, p(c)),
@@ -70,7 +70,7 @@ const K = "stepper__79a69d30", O = "sm__d4bb0c05", Q = "md__0276c756", T = "lg__
   };
   return C(() => {
     if (l) {
-      const { current: e } = u, t = b.current[l];
+      const { current: e } = u, t = x.current[l];
       e && t && A(e, t);
     }
   }, [l]), /* @__PURE__ */ s(
@@ -79,13 +79,13 @@ const K = "stepper__79a69d30", O = "sm__d4bb0c05", Q = "md__0276c756", T = "lg__
       className: i(n.stepperCarousel, p(c)),
       buttonPrev: I,
       buttonNext: W,
-      stepPrev: x.stepPrev,
-      stepNext: x.stepNext,
+      stepPrev: b.stepPrev,
+      stepNext: b.stepNext,
       ref: u,
       children: /* @__PURE__ */ s(_, { className: B, selectedStepId: l, size: c, ...E, children: h.map(({ label: e, ...t }, r) => /* @__PURE__ */ s(
         _.Step,
         {
-          forwardedRef: (o) => b.current[t.id] = o,
+          forwardedRef: (o) => x.current[t.id] = o,
           ...t,
           isInActiveStep: r > M,
           children: e

package/components/Stepper/StepperExtended.js

@@ -3,9 +3,9 @@ import { EStepperSize as a } 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 = {
-  stepperExtended: h
+import { c as E } from "../../chunks/vendor-DudMBGKr.js";
+const b = "stepperExtended__b6cb4eee", h = {
+  stepperExtended: b
 }, t = ({
   children: r,
   className: p,
@@ -13,10 +13,10 @@ const h = "stepperExtended__05f5f0e9", u = {
   onSelectStep: s,
   selectedStepId: d,
   forwardedRef: n,
-  ...m
+  ...c
 }) => {
-  const c = E(u.stepperExtended, p), l = (S) => s(S);
-  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 }) });
+  const m = E(h.stepperExtended, p), l = (S) => s(S);
+  return /* @__PURE__ */ e(i.Provider, { value: { onSelectStep: l, selectedId: d, size: o }, children: /* @__PURE__ */ e("ol", { className: m, role: "tablist", ...c, ref: n, children: r }) });
 };
 t.Step = f;
 t.Wrapper = x;

package/components/Stepper/StepperStep.js

@@ -4,8 +4,8 @@ import { StepperStepIcon as q } from "./StepperStepIcon.js";
 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 { c as C } from "../../chunks/vendor-DudMBGKr.js";
+import { s as t, R as F } from "../../chunks/RightBorderArrow-eMlmbMOj.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.24.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 = {
-  stepperWrapper: c
-}, n = ({ 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 });
+import { c as a } from "../../chunks/vendor-DudMBGKr.js";
+const o = "stepperWrapper__6a17f97b", c = {
+  stepperWrapper: o
+}, W = ({ children: p, className: r, ...e }) => {
+  const s = a(c.stepperWrapper, r);
+  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "1.24.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-D_36RD5A.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__9ea4819f", z = "suggestDropdownMobileNoOptionsText__b922fd8a", g = {
+const k = "suggestDropdownMobileBody__3e2e4782", z = "suggestDropdownMobileNoOptionsText__388f1983", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, A = () => {
   const {
-    value: n,
+    value: r,
     options: s,
     inputValue: i,
     placeholder: u,
     noOptionsText: a,
-    loading: b,
+    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,8 +59,8 @@ 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,
@@ -73,7 +74,7 @@ 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,
@@ -82,13 +83,14 @@ const k = "suggestDropdownMobileBody__9ea4819f", z = "suggestDropdownMobileNoOpt
         tag: "div",
         children: a
       }
-    ) : /* @__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/Suggest/useSuggest.js

@@ -1,5 +1,5 @@
 import { useState as n, useRef as C, useLayoutEffect as L, useCallback as i, useMemo as O } from "react";
-import { u as R } from "../../chunks/vendor-BiObpx9E.js";
+import { u as R } from "../../chunks/vendor-DudMBGKr.js";
 import { isKey as q } from "../../utils/keyboard.js";
 const D = ({
   value: o,

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-BFJfXl0C.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-C7aO7-c1.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 _ } 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-C7aO7-c1.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-D_36RD5A.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -35,7 +35,7 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Dropdown/Dropdown.js";
 import { DataTestId as q } from "../../../consts/DataTestId.js";
-import { u as So } from "../../../chunks/vendor-BiObpx9E.js";
+import { u as So } from "../../../chunks/vendor-DudMBGKr.js";
 import { isKey as Fo } from "../../../utils/keyboard.js";
 const re = ({
   value: t,
@@ -44,10 +44,10 @@ const re = ({
   status: L,
   placeholder: z,
   "data-test-id": n,
-  loading: G,
-  dropdownListLoading: N,
-  tooltipHint: T,
-  tooltipOpen: H,
+  tooltipHint: G,
+  loading: N,
+  tooltipOpen: T,
+  dropdownListLoading: H,
   clearInputOnFocus: R,
   onFilter: c,
   onClear: g,
@@ -130,7 +130,7 @@ const re = ({
         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 }),
+          N && /* @__PURE__ */ f(Do, { theme: wo.BRAND, size: F }),
           Q
         ] }),
         ...X,
@@ -165,7 +165,7 @@ const re = ({
               dataTestId: n,
               listId: K,
               opened: j,
-              listLoading: N,
+              listLoading: H,
               targetRef: y,
               setOpened: to,
               onSelect: io,
@@ -182,13 +182,13 @@ const re = ({
     E,
     {
       size: lo.SM,
-      isOpen: !!(H && D) && L !== _.DISABLED,
+      isOpen: !!(T && D) && L !== _.DISABLED,
       toggle: () => {
       },
       targetRef: y,
       disableAdaptiveMode: !0,
       children: [
-        /* @__PURE__ */ f(E.Body, { "data-test-id": n && `${n}${q.Suggest.tooltip}`, children: T }),
+        /* @__PURE__ */ f(E.Body, { "data-test-id": n && `${n}${q.Suggest.tooltip}`, children: G }),
         /* @__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-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-D_36RD5A.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-BFJfXl0C.js";
 import { SuggestField as m } from "./SuggestField.js";
 export {
   m as SuggestField,