@sberbusiness/triplex-next 1.19.1 → 1.20.0

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-Dlne6Znf.js";
-const A = "step__01fb2a20", R = "done__e282bbf7", x = "warning__354a56c4", h = "active__4bd7390c", v = "error__34910c13", w = "disabled__bd920d13", t = {
-  step: A,
-  default: "default__86ce879e",
-  done: R,
+import { c as A } from "../../chunks/vendor-BIl4KTrD.js";
+const R = "step__a1916e52", b = "done__fe95ae1c", x = "warning__89c0f544", h = "active__0c887dff", v = "error__bb389760", w = "disabled__45709215", t = {
+  step: R,
+  default: "default__849ab235",
+  done: b,
   warning: x,
   active: h,
   error: v,
@@ -32,10 +32,10 @@ const A = "step__01fb2a20", R = "done__e282bbf7", x = "warning__354a56c4", h = "
   className: s,
   step: p,
   status: d,
-  position: m = e.Default,
-  ...f
+  position: f = e.Default,
+  ...m
 }) => {
-  const l = u(null), T = y[m], E = N(t.step, L[d], s), c = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...f, 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-CDLZGJBa.js";
+import { R as m } from "../../chunks/RightBorderArrow-CD9RfiqH.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-Dlne6Znf.js";
-import { EStepperSize as a } from "./enums.js";
-const K = "stepper__3ba7926d", O = "sm__b5a7d2d1", Q = "md__396934eb", T = "lg__540a7cd7", U = "stepperCarousel__9ab46e55", V = "buttonPrev__6989952e", Y = "buttonNext__0b5602a4", n = {
+import { c as i } from "../../chunks/vendor-BIl4KTrD.js";
+import { EStepperSize as p } from "./enums.js";
+const K = "stepper__44ffc554", O = "sm__4b73daaa", Q = "md__cac0fea9", T = "lg__55799ab9", U = "stepperCarousel__ea9adc8f", V = "buttonPrev__63a5b1f6", Y = "buttonNext__af0bc600", n = {
   stepper: K,
   sm: O,
   md: Q,
@@ -18,26 +18,26 @@ const K = "stepper__3ba7926d", O = "sm__b5a7d2d1", Q = "md__396934eb", T = "lg__
   stepperCarousel: U,
   buttonPrev: V,
   buttonNext: Y
-}, p = (m) => {
+}, l = (m) => {
   switch (m) {
-    case a.LG:
+    case p.LG:
       return n.lg;
-    case a.MD:
+    case p.MD:
       return n.md;
-    case a.SM:
+    case p.SM:
       return n.sm;
   }
 }, P = ({
   className: m,
   steps: h,
-  size: c = a.SM,
-  selectedStepId: l,
+  size: c = p.SM,
+  selectedStepId: a,
   ...E
 }) => {
-  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(
+  const [x, w] = G({ stepNext: 0, stepPrev: 0 }), u = v(null), b = v({}), B = i(n.stepper, l(c), m), M = h.findIndex((e) => e.id === a), I = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
     R,
     {
-      className: i(n.buttonPrev, p(c)),
+      className: i(n.buttonPrev, l(c)),
       ...t,
       "aria-label": "Прокрутить назад",
       children: /* @__PURE__ */ s(F, { className: i(n.buttonPrevIcon), paletteIndex: 5 })
@@ -45,7 +45,7 @@ const K = "stepper__3ba7926d", O = "sm__b5a7d2d1", Q = "md__396934eb", T = "lg__
   ), W = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
     R,
     {
-      className: i(n.buttonNext, p(c)),
+      className: i(n.buttonNext, l(c)),
       ...t,
       "aria-label": "Прокрутить вперёд",
       children: /* @__PURE__ */ s(q, { className: i(n.buttonNextIcon), paletteIndex: 5 })
@@ -65,27 +65,27 @@ const K = "stepper__3ba7926d", O = "sm__b5a7d2d1", Q = "md__396934eb", T = "lg__
   }, y = (e, t) => {
     t && S(e, t);
   }, A = (e, t) => {
-    const { left: r, right: o, width: j } = e.getBoundingClientRect(), { left: f, right: N, width: D } = t.getBoundingClientRect(), d = r + j / 2, g = f + D / 2;
-    window.matchMedia(`(max-width: ${J.SM_MAX})`).matches ? y(e, g - d) : d > g ? k(e, t, f - r - 32, f) : d < g && L(e, t, N - o + 32, N);
+    const { left: r, right: o, width: j } = e.getBoundingClientRect(), { left: f, right: N, width: D } = t.getBoundingClientRect(), g = r + j / 2, d = f + D / 2;
+    window.matchMedia(`(max-width: ${J.SM_MAX})`).matches ? y(e, d - g) : g > d ? k(e, t, f - r - 32, f) : g < d && L(e, t, N - o + 32, N);
   };
   return C(() => {
-    if (l) {
-      const { current: e } = u, t = x.current[l];
+    if (a) {
+      const { current: e } = u, t = b.current[a];
       e && t && A(e, t);
     }
-  }, [l]), /* @__PURE__ */ s(
+  }, [a]), /* @__PURE__ */ s(
     $,
     {
-      className: i(n.stepperCarousel, p(c)),
+      className: i(n.stepperCarousel, l(c)),
       buttonPrev: I,
       buttonNext: W,
-      stepPrev: b.stepPrev,
-      stepNext: b.stepNext,
+      stepPrev: x.stepPrev,
+      stepNext: x.stepNext,
       ref: u,
-      children: /* @__PURE__ */ s(_, { className: B, selectedStepId: l, size: c, ...E, children: h.map(({ label: e, ...t }, r) => /* @__PURE__ */ s(
+      children: /* @__PURE__ */ s(_, { className: B, selectedStepId: a, size: c, ...E, children: h.map(({ label: e, ...t }, r) => /* @__PURE__ */ s(
         _.Step,
         {
-          forwardedRef: (o) => x.current[t.id] = o,
+          forwardedRef: (o) => b.current[t.id] = o,
           ...t,
           isInActiveStep: r > M,
           children: e

package/components/Stepper/StepperExtended.js

@@ -1,10 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
 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-Dlne6Znf.js";
-const h = "stepperExtended__09316ca4", u = {
+import { StepperExtendedContext as f } from "./StepperExtendedContext.js";
+import { StepperWrapper as i } from "./StepperWrapper.js";
+import { StepperStep as x } from "./StepperStep.js";
+import { c as E } from "../../chunks/vendor-BIl4KTrD.js";
+const h = "stepperExtended__f17f3fe3", u = {
   stepperExtended: h
 }, t = ({
   children: r,
@@ -13,13 +13,13 @@ const h = "stepperExtended__09316ca4", u = {
   onSelectStep: s,
   selectedStepId: d,
   forwardedRef: n,
-  ...c
+  ...m
 }) => {
-  const m = 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: m, role: "tablist", ...c, ref: n, children: r }) });
+  const c = E(u.stepperExtended, p), l = (S) => s(S);
+  return /* @__PURE__ */ e(f.Provider, { value: { onSelectStep: l, selectedId: d, size: o }, children: /* @__PURE__ */ e("ol", { className: c, role: "tablist", ...m, ref: n, children: r }) });
 };
-t.Step = f;
-t.Wrapper = x;
+t.Step = x;
+t.Wrapper = i;
 export {
   t as StepperExtended
 };

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-Dlne6Znf.js";
-import { s as t, R as F } from "../../chunks/RightBorderArrow-CDLZGJBa.js";
+import { c as C } from "../../chunks/vendor-BIl4KTrD.js";
+import { s as t, R as F } from "../../chunks/RightBorderArrow-CD9RfiqH.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.19.1", children: [
+        /* @__PURE__ */ I("div", { className: t.content, "data-tx": "1.20.0", children: [
           g && U(),
           x
         ] }),

package/components/Stepper/StepperWrapper.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as a } from "../../chunks/vendor-Dlne6Znf.js";
-const o = "stepperWrapper__5aea803d", c = {
+import { c as a } from "../../chunks/vendor-BIl4KTrD.js";
+const o = "stepperWrapper__59b2a836", 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.19.1", children: p });
+  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "1.20.0", children: p });
 };
 export {
   W as StepperWrapper

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,10 +4,10 @@ import { useSuggestContext as F } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-Czxj-82d.js";
+import "../../chunks/DropdownListItem-JDPG7EtK.js";
 import "../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as I } from "../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as N } from "../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody as N } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as I } 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,29 +20,29 @@ 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__a2c1d538", z = "suggestDropdownMobileNoOptionsText__e9f59744", g = {
+const k = "suggestDropdownMobileBody__aab5cfd2", z = "suggestDropdownMobileNoOptionsText__50ca753e", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
-}, po = () => {
+}, A = () => {
   const {
     value: n,
     options: s,
     inputValue: i,
-    placeholder: u,
-    noOptionsText: a,
-    loading: w,
+    placeholder: a,
+    noOptionsText: u,
+    loading: b,
     clearInputOnFocus: p,
-    dropdownListLoading: b,
-    onSelect: f,
+    dropdownListLoading: w,
+    onSelect: D,
     onFilter: t,
     onScrollEnd: l,
     closeDropdown: d
-  } = F(), h = B(null), D = r(
+  } = F(), f = B(null), h = r(
     (o) => {
       if (l === void 0)
         return;
-      const { clientHeight: y, scrollHeight: C, scrollTop: S } = o.target;
-      C - S === y && l();
+      const { scrollHeight: y, scrollTop: C, clientHeight: S } = o.currentTarget;
+      y - C - S < 1 && l();
     },
     [l]
   ), M = r(() => d(), [d]), x = r(
@@ -58,14 +58,14 @@ const k = "suggestDropdownMobileBody__a2c1d538", z = "suggestDropdownMobileNoOpt
       O,
       {
         controlButtons: /* @__PURE__ */ c(m, { children: [
-          w && /* @__PURE__ */ e(v, {}),
-          /* @__PURE__ */ e(N, { onClick: M })
+          b && /* @__PURE__ */ e(v, {}),
+          /* @__PURE__ */ e(I, { onClick: M })
         ] }),
         children: /* @__PURE__ */ e(
           L,
           {
             value: i,
-            placeholder: u,
+            placeholder: a,
             autoFocus: !0,
             onFocus: T,
             onChange: x
@@ -73,22 +73,22 @@ const k = "suggestDropdownMobileBody__a2c1d538", z = "suggestDropdownMobileNoOpt
         )
       }
     ),
-    /* @__PURE__ */ e(I, { className: g.suggestDropdownMobileBody, onScroll: D, children: s.length === 0 ? /* @__PURE__ */ e(
+    /* @__PURE__ */ e(N, { className: g.suggestDropdownMobileBody, onScroll: h, 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: w, ref: f, children: s.map((o) => /* @__PURE__ */ e(
       _,
       {
         id: o.id,
         selected: o.id === (n == null ? void 0 : n.id),
         onSelect: () => {
-          f(o);
+          D(o);
         },
         children: o.content || o.label
       },
@@ -96,7 +96,8 @@ const k = "suggestDropdownMobileBody__a2c1d538", z = "suggestDropdownMobileNoOpt
     )) }) })
   ] });
 };
+A.displayName = "SuggestMobileDropdownContent";
 export {
-  po as SuggestMobileDropdownContent
+  A as SuggestMobileDropdownContent
 };
 //# sourceMappingURL=SuggestMobileDropdownContent.js.map

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-Dlne6Znf.js";
+import { u as R } from "../../chunks/vendor-BIl4KTrD.js";
 import { isKey as q } from "../../utils/keyboard.js";
 const D = ({
   value: o,

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-BfOcMGUs.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-C4pLJsXx.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";