@sberbusiness/triplex-next 1.33.0 → 1.35.0

package/components/StatusTracker/index.js

@@ -1,24 +1,24 @@
-import { StatusTracker as e } from "./StatusTracker.js";
-import { EStatusTrackerType as o, EStatusTrackerVerticalAlign as c } from "./enums.js";
-import { StatusTrackerHeader as T } from "./components/StatusTrackerHeader.js";
-import { StatusTrackerFooter as s } from "./components/StatusTrackerFooter.js";
-import { StatusTrackerTitle as k } from "./components/StatusTrackerTitle.js";
-import { StatusTrackerDescription as f } from "./components/StatusTrackerDescription.js";
-import { StatusTrackerMedia as i } from "./components/StatusTrackerMedia.js";
-import { StatusTrackerSum as l } from "./components/StatusTrackerSum.js";
-import { StatusTrackerBody as y } from "./components/StatusTrackerBody.js";
-import { StatusTrackerButton as E } from "./components/StatusTrackerButton.js";
+import { StatusTracker } from "./StatusTracker.js";
+import { EStatusTrackerType, EStatusTrackerVerticalAlign } from "./enums.js";
+import { StatusTrackerHeader } from "./components/StatusTrackerHeader.js";
+import { StatusTrackerFooter } from "./components/StatusTrackerFooter.js";
+import { StatusTrackerTitle } from "./components/StatusTrackerTitle.js";
+import { StatusTrackerDescription } from "./components/StatusTrackerDescription.js";
+import { StatusTrackerMedia } from "./components/StatusTrackerMedia.js";
+import { StatusTrackerSum } from "./components/StatusTrackerSum.js";
+import { StatusTrackerBody } from "./components/StatusTrackerBody.js";
+import { StatusTrackerButton } from "./components/StatusTrackerButton.js";
 export {
-  o as EStatusTrackerType,
-  c as EStatusTrackerVerticalAlign,
-  e as StatusTracker,
-  y as StatusTrackerBody,
-  E as StatusTrackerButton,
-  f as StatusTrackerDescription,
-  s as StatusTrackerFooter,
-  T as StatusTrackerHeader,
-  i as StatusTrackerMedia,
-  l as StatusTrackerSum,
-  k as StatusTrackerTitle
+  EStatusTrackerType,
+  EStatusTrackerVerticalAlign,
+  StatusTracker,
+  StatusTrackerBody,
+  StatusTrackerButton,
+  StatusTrackerDescription,
+  StatusTrackerFooter,
+  StatusTrackerHeader,
+  StatusTrackerMedia,
+  StatusTrackerSum,
+  StatusTrackerTitle
 };
 //# sourceMappingURL=index.js.map

package/components/StatusTracker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/components/Step/Step.js

@@ -1,56 +1,81 @@
-import { jsxs as E, jsx as i } from "react/jsx-runtime";
-import { useRef as g } from "react";
-import { EStepStatus as o, EStepPosition as e } from "./enums.js";
-import { ETooltipAlign as n, ETooltipSize as A } from "../Tooltip/enums.js";
-import { Tooltip as a } from "../Tooltip/Tooltip.js";
-import { EFontWeightText as u, ETextSize as N } from "../Typography/enums.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { EStepStatus, EStepPosition } from "./enums.js";
+import { ETooltipAlign, ETooltipSize } from "../Tooltip/enums.js";
+import { Tooltip } from "../Tooltip/Tooltip.js";
+import { EFontWeightText, ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
-import { Text as D } from "../Typography/Text.js";
+import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { c as O } from "../../chunks/vendor-D5cfSbgz.js";
-import { EComponentSize as I } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as L } from "../../utils/classNameMaps.js";
-const M = "step__56fde41f", P = "sm__d7384f00", R = "md__04a60356", x = "lg__6854f15a", C = "done__7da37508", b = "warning__f637ddfb", h = "active__5ea4b679", v = "error__82ddc18f", z = "disabled__6dc91d68", t = {
-  step: M,
-  sm: P,
-  md: R,
-  lg: x,
-  default: "default__548ce88a",
-  done: C,
-  warning: b,
-  active: h,
-  error: v,
-  disabled: z
-}, w = {
-  [o.DEFAULT]: t.default,
-  [o.ACTIVE]: t.active,
-  [o.WARNING]: t.warning,
-  [o.ERROR]: t.error,
-  [o.DONE]: t.done,
-  [o.DISABLED]: t.disabled
-}, y = {
-  [e.XFirst]: n.START,
-  [e.Default]: n.CENTER,
-  [e.XLast]: n.END
-}, B = L(t), Y = (r, s) => s === 0 ? e.XFirst : s + 1 === r ? e.XLast : e.Default, F = ({
-  children: r,
-  className: s,
-  step: d,
-  status: m,
-  position: _ = e.Default,
-  size: p = I.MD,
-  ...f
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
+const step = "step__1262ee16";
+const sm = "sm__fd82159d";
+const md = "md__d7f537c2";
+const lg = "lg__146c1ee2";
+const done = "done__ff834e85";
+const warning = "warning__b1b19a78";
+const active = "active__2d347ad2";
+const error = "error__15a32b5f";
+const disabled = "disabled__240a10d9";
+const styles = {
+  step,
+  sm,
+  md,
+  lg,
+  "default": "default__5412813f",
+  done,
+  warning,
+  active,
+  error,
+  disabled
+};
+const STATUS_TO_CLASS_NAME_MAP = {
+  [EStepStatus.DEFAULT]: styles.default,
+  [EStepStatus.ACTIVE]: styles.active,
+  [EStepStatus.WARNING]: styles.warning,
+  [EStepStatus.ERROR]: styles.error,
+  [EStepStatus.DONE]: styles.done,
+  [EStepStatus.DISABLED]: styles.disabled
+};
+const STEP_POSITION_TO_TOOLTIP_ALIGN_MAP = {
+  [EStepPosition.XFirst]: ETooltipAlign.START,
+  [EStepPosition.Default]: ETooltipAlign.CENTER,
+  [EStepPosition.XLast]: ETooltipAlign.END
+};
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
+const calcPosition = (stepCount, i) => {
+  if (i === 0) {
+    return EStepPosition.XFirst;
+  } else if (i + 1 === stepCount) {
+    return EStepPosition.XLast;
+  } else {
+    return EStepPosition.Default;
+  }
+};
+const Step = ({
+  children,
+  className,
+  step: step2,
+  status,
+  position = EStepPosition.Default,
+  size = EComponentSize.MD,
+  ...rest
 }) => {
-  const c = g(null), T = y[_], S = O(t.step, w[m], B[p], s), l = () => /* @__PURE__ */ i("div", { ref: c, className: S, ...f, children: /* @__PURE__ */ i(D, { size: N.B1, weight: u.SEMIBOLD, children: d }) });
-  return r ? /* @__PURE__ */ E(a, { size: A.SM, toggleType: "hover", alignTip: T, targetRef: c, children: [
-    /* @__PURE__ */ i(a.Target, { children: l() }),
-    /* @__PURE__ */ i(a.Body, { children: r })
-  ] }) : l();
+  const ref = useRef(null);
+  const tooltipAlign = STEP_POSITION_TO_TOOLTIP_ALIGN_MAP[position];
+  const classNames = clsx(styles.step, STATUS_TO_CLASS_NAME_MAP[status], SIZE_TO_CLASS_NAME_MAP[size], className);
+  const renderContent = () => /* @__PURE__ */ jsx("div", { ref, className: classNames, ...rest, children: /* @__PURE__ */ jsx(Text, { size: ETextSize.B1, weight: EFontWeightText.SEMIBOLD, children: step2 }) });
+  return children ? /* @__PURE__ */ jsxs(Tooltip, { size: ETooltipSize.SM, toggleType: "hover", alignTip: tooltipAlign, targetRef: ref, children: [
+    /* @__PURE__ */ jsx(Tooltip.Target, { children: renderContent() }),
+    /* @__PURE__ */ jsx(Tooltip.Body, { children })
+  ] }) : renderContent();
 };
-F.displayName = "Step";
+Step.displayName = "Step";
 export {
-  F as Step,
-  Y as calcPosition
+  Step,
+  calcPosition
 };
 //# sourceMappingURL=Step.js.map

package/components/Step/Step.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.js","sources":["../../../src/components/Step/Step.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { EStepPosition, EStepStatus } from \"./enums\";\nimport { ETooltipAlign, ETooltipSize } from \"../Tooltip/enums\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { Text, ETextSize, EFontWeightText } from \"../Typography\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Step.module.less\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\n\n/** Свойства компонента Step. */\nexport interface IStepProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Номер шага для отображения в кружке. */\n    step: number;\n    /** Статус текущего шага. */\n    status: EStepStatus;\n    /** Позиция шага, относительно других. */\n    position?: EStepPosition;\n}\n\nconst STATUS_TO_CLASS_NAME_MAP: Record<EStepStatus, string> = {\n    [EStepStatus.DEFAULT]: styles.default,\n    [EStepStatus.ACTIVE]: styles.active,\n    [EStepStatus.WARNING]: styles.warning,\n    [EStepStatus.ERROR]: styles.error,\n    [EStepStatus.DONE]: styles.done,\n    [EStepStatus.DISABLED]: styles.disabled,\n};\n\nconst STEP_POSITION_TO_TOOLTIP_ALIGN_MAP: Record<EStepPosition, ETooltipAlign> = {\n    [EStepPosition.XFirst]: ETooltipAlign.START,\n    [EStepPosition.Default]: ETooltipAlign.CENTER,\n    [EStepPosition.XLast]: ETooltipAlign.END,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Вычисление позиции шага, относительно других. */\nexport const calcPosition = (stepCount: number, i: number): EStepPosition => {\n    if (i === 0) {\n        return EStepPosition.XFirst;\n    } else if (i + 1 === stepCount) {\n        return EStepPosition.XLast;\n    } else {\n        return EStepPosition.Default;\n    }\n};\n\nexport const Step: React.FC<IStepProps> = ({\n    children,\n    className,\n    step,\n    status,\n    position = EStepPosition.Default,\n    size = EComponentSize.MD,\n    ...rest\n}) => {\n    const ref = useRef<HTMLDivElement | null>(null);\n    const tooltipAlign = STEP_POSITION_TO_TOOLTIP_ALIGN_MAP[position];\n\n    const classNames = clsx(styles.step, STATUS_TO_CLASS_NAME_MAP[status], SIZE_TO_CLASS_NAME_MAP[size], className);\n\n    const renderContent = () => (\n        <div ref={ref} className={classNames} {...rest}>\n            <Text size={ETextSize.B1} weight={EFontWeightText.SEMIBOLD}>\n                {step}\n            </Text>\n        </div>\n    );\n\n    return children ? (\n        <Tooltip size={ETooltipSize.SM} toggleType=\"hover\" alignTip={tooltipAlign} targetRef={ref}>\n            <Tooltip.Target>{renderContent()}</Tooltip.Target>\n            <Tooltip.Body>{children}</Tooltip.Body>\n        </Tooltip>\n    ) : (\n        renderContent()\n    );\n};\n\nStep.displayName = \"Step\";\n"],"names":["step"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,2BAAwD;AAAA,EAC1D,CAAC,YAAY,OAAO,GAAG,OAAO;AAAA,EAC9B,CAAC,YAAY,MAAM,GAAG,OAAO;AAAA,EAC7B,CAAC,YAAY,OAAO,GAAG,OAAO;AAAA,EAC9B,CAAC,YAAY,KAAK,GAAG,OAAO;AAAA,EAC5B,CAAC,YAAY,IAAI,GAAG,OAAO;AAAA,EAC3B,CAAC,YAAY,QAAQ,GAAG,OAAO;AACnC;AAEA,MAAM,qCAA2E;AAAA,EAC7E,CAAC,cAAc,MAAM,GAAG,cAAc;AAAA,EACtC,CAAC,cAAc,OAAO,GAAG,cAAc;AAAA,EACvC,CAAC,cAAc,KAAK,GAAG,cAAc;AACzC;AAEA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,eAAe,CAAC,WAAmB,MAA6B;AACzE,MAAI,MAAM,GAAG;AACT,WAAO,cAAc;AAAA,EACzB,WAAW,IAAI,MAAM,WAAW;AAC5B,WAAO,cAAc;AAAA,EACzB,OAAO;AACH,WAAO,cAAc;AAAA,EACzB;AACJ;AAEO,MAAM,OAA6B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA,MAAAA;AAAA,EACA;AAAA,EACA,WAAW,cAAc;AAAA,EACzB,OAAO,eAAe;AAAA,EACtB,GAAG;AACP,MAAM;AACF,QAAM,MAAM,OAA8B,IAAI;AAC9C,QAAM,eAAe,mCAAmC,QAAQ;AAEhE,QAAM,aAAa,KAAK,OAAO,MAAM,yBAAyB,MAAM,GAAG,uBAAuB,IAAI,GAAG,SAAS;AAE9G,QAAM,gBAAgB,MAClB,oBAAC,SAAI,KAAU,WAAW,YAAa,GAAG,MACtC,UAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,IAAI,QAAQ,gBAAgB,UAC7C,iBACL,GACJ;AAGJ,SAAO,WACH,qBAAC,SAAA,EAAQ,MAAM,aAAa,IAAI,YAAW,SAAQ,UAAU,cAAc,WAAW,KAClF,UAAA;AAAA,IAAA,oBAAC,QAAQ,QAAR,EAAgB,UAAA,cAAA,EAAc,CAAE;AAAA,IACjC,oBAAC,QAAQ,MAAR,EAAc,SAAA,CAAS;AAAA,EAAA,EAAA,CAC5B,IAEA,cAAA;AAER;AAEA,KAAK,cAAc;"}

package/components/Step/enums.js

@@ -1,6 +1,20 @@
-var D = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.DONE = "done", r.ACTIVE = "active", r.ERROR = "error", r.WARNING = "warning", r.DISABLED = "disabled", r))(D || {}), a = /* @__PURE__ */ ((r) => (r.Default = "Default", r.XFirst = "XFirst", r.XLast = "XLast", r))(a || {});
+var EStepStatus = /* @__PURE__ */ ((EStepStatus2) => {
+  EStepStatus2["DEFAULT"] = "default";
+  EStepStatus2["DONE"] = "done";
+  EStepStatus2["ACTIVE"] = "active";
+  EStepStatus2["ERROR"] = "error";
+  EStepStatus2["WARNING"] = "warning";
+  EStepStatus2["DISABLED"] = "disabled";
+  return EStepStatus2;
+})(EStepStatus || {});
+var EStepPosition = /* @__PURE__ */ ((EStepPosition2) => {
+  EStepPosition2["Default"] = "Default";
+  EStepPosition2["XFirst"] = "XFirst";
+  EStepPosition2["XLast"] = "XLast";
+  return EStepPosition2;
+})(EStepPosition || {});
 export {
-  a as EStepPosition,
-  D as EStepStatus
+  EStepPosition,
+  EStepStatus
 };
 //# sourceMappingURL=enums.js.map

package/components/Step/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/Step/enums.ts"],"sourcesContent":["/** Статус шага. */\nexport enum EStepStatus {\n    DEFAULT = \"default\",\n    DONE = \"done\",\n    ACTIVE = \"active\",\n    ERROR = \"error\",\n    WARNING = \"warning\",\n    DISABLED = \"disabled\",\n}\n\n/** Позиция шага относительно других. */\nexport enum EStepPosition {\n    /** Обычная позиция. */\n    Default = \"Default\",\n    /** Первый по оси X. */\n    XFirst = \"XFirst\",\n    /** Последний по оси X. */\n    XLast = \"XLast\",\n}\n"],"names":["EStepStatus","EStepPosition"],"mappings":"AACO,IAAK,gCAAAA,iBAAL;AACHA,eAAA,SAAA,IAAU;AACVA,eAAA,MAAA,IAAO;AACPA,eAAA,QAAA,IAAS;AACTA,eAAA,OAAA,IAAQ;AACRA,eAAA,SAAA,IAAU;AACVA,eAAA,UAAA,IAAW;AANH,SAAAA;AAAA,GAAA,eAAA,CAAA,CAAA;AAUL,IAAK,kCAAAC,mBAAL;AAEHA,iBAAA,SAAA,IAAU;AAEVA,iBAAA,QAAA,IAAS;AAETA,iBAAA,OAAA,IAAQ;AANA,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}

package/components/Step/index.js

@@ -1,9 +1,9 @@
-import { Step as e, calcPosition as p } from "./Step.js";
-import { EStepPosition as r, EStepStatus as S } from "./enums.js";
+import { Step, calcPosition } from "./Step.js";
+import { EStepPosition, EStepStatus } from "./enums.js";
 export {
-  r as EStepPosition,
-  S as EStepStatus,
-  e as Step,
-  p as calcPosition
+  EStepPosition,
+  EStepStatus,
+  Step,
+  calcPosition
 };
 //# sourceMappingURL=index.js.map

package/components/Step/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/Stepper/Stepper.js

@@ -1,119 +1,168 @@
 import "./enums.js";
-import { jsx as n } from "react/jsx-runtime";
-import { useState as A, useRef as N, useCallback as p, useEffect as w } from "react";
-import { c as l } from "../../chunks/vendor-D5cfSbgz.js";
-import { CaretleftStrokeSrvIcon24 as y, CaretrightStrokeSrvIcon24 as j } from "@sberbusiness/icons-next";
-import { CarouselExtended as z } from "../CarouselExtended/CarouselExtended.js";
-import { ButtonIcon as E } from "../Button/ButtonIcon.js";
-import { StepperExtended as W } from "./StepperExtended.js";
-import { StepperStep as G } from "./StepperStep.js";
-import { createSizeToClassNameMap as H } from "../../utils/classNameMaps.js";
-import { scrollSmoothHorizontally as h } from "../../utils/scroll.js";
-import { EComponentSize as X } from "../../enums/EComponentSize.js";
-import { EScreenWidth as $ } from "../../helpers/breakpoints.js";
+import { jsx } from "react/jsx-runtime";
+import { useState, useRef, useCallback, useEffect } from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
+import { CarouselExtended } from "../CarouselExtended/CarouselExtended.js";
+import { ButtonIcon } from "../Button/ButtonIcon.js";
+import { StepperExtended } from "./StepperExtended.js";
+import { StepperStep } from "./StepperStep.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
+import { scrollSmoothHorizontally } from "../../utils/scroll.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { EScreenWidth } from "../../helpers/breakpoints.js";
 import "./StepperStepIcon.js";
-const q = "stepperCarousel__869d60b1", D = "stepperButtonWrapper__6d159a57", F = "prev__79a16e62", J = "next__e7c14735", K = "stepperButton__4ca55200", Q = "sm__16275d77", U = "md__460b31f3", V = "lg__5e792a48", s = {
-  stepperCarousel: q,
-  stepperButtonWrapper: D,
-  prev: F,
-  next: J,
-  stepperButton: K,
-  sm: Q,
-  md: U,
-  lg: V
-}, g = H(s), Y = 0.3, Z = ({
-  className: I,
-  steps: S,
-  size: i = X.LG,
-  selectedStepId: c,
-  ...M
+const stepperCarousel = "stepperCarousel__86c86523";
+const stepperButtonWrapper = "stepperButtonWrapper__00aa12f7";
+const prev = "prev__f58f9657";
+const next = "next__b4729d4e";
+const stepperButton = "stepperButton__61f4534e";
+const sm = "sm__9edf6a3c";
+const md = "md__9dba641e";
+const lg = "lg__9f064996";
+const styles = {
+  stepperCarousel,
+  stepperButtonWrapper,
+  prev,
+  next,
+  stepperButton,
+  sm,
+  md,
+  lg
+};
+const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const SCROLL_STEP_RATIO = 0.3;
+const Stepper = ({
+  className,
+  steps,
+  size = EComponentSize.LG,
+  selectedStepId,
+  ...restProps
 }) => {
-  const [x, P] = A({ stepNext: 0, stepPrev: 0 }), m = N(null), v = N({}), L = S.findIndex((e) => e.id === c), O = p(
-    ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ n("div", { className: l(s.stepperButtonWrapper, s.prev), children: /* @__PURE__ */ n(
-      E,
+  const [state, setState] = useState({ stepNext: 0, stepPrev: 0 });
+  const carouselRef = useRef(null);
+  const stepRefs = useRef({});
+  const selectedIndex = steps.findIndex((step) => step.id === selectedStepId);
+  const renderPrevButton = useCallback(
+    ({ hidden, ...restButtonProps }) => hidden ? null : /* @__PURE__ */ jsx("div", { className: clsx(styles.stepperButtonWrapper, styles.prev), children: /* @__PURE__ */ jsx(
+      ButtonIcon,
       {
-        className: l(s.stepperButton, g[i]),
+        className: clsx(styles.stepperButton, sizeToClassNameMap[size]),
         tabIndex: -1,
-        ...t,
-        children: /* @__PURE__ */ n(y, { paletteIndex: 5 })
+        ...restButtonProps,
+        children: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon24, { paletteIndex: 5 })
       }
     ) }),
-    [i]
-  ), T = p(
-    ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ n("div", { className: l(s.stepperButtonWrapper, s.next), children: /* @__PURE__ */ n(
-      E,
+    [size]
+  );
+  const renderNextButton = useCallback(
+    ({ hidden, ...restButtonProps }) => hidden ? null : /* @__PURE__ */ jsx("div", { className: clsx(styles.stepperButtonWrapper, styles.next), children: /* @__PURE__ */ jsx(
+      ButtonIcon,
       {
-        className: l(s.stepperButton, g[i]),
+        className: clsx(styles.stepperButton, sizeToClassNameMap[size]),
         tabIndex: -1,
-        ...t,
-        children: /* @__PURE__ */ n(j, { paletteIndex: 5 })
+        ...restButtonProps,
+        children: /* @__PURE__ */ jsx(CaretrightStrokeSrvIcon24, { paletteIndex: 5 })
       }
     ) }),
-    [i]
+    [size]
   );
-  w(() => {
-    const e = m.current;
-    if (e === null)
+  useEffect(() => {
+    const carouselNode = carouselRef.current;
+    if (carouselNode === null) {
       return;
-    const t = new ResizeObserver((r) => {
-      const a = r[0].contentRect.width * Y;
-      P({
-        stepNext: a,
-        stepPrev: a
+    }
+    const resizeObserver = new ResizeObserver((entries) => {
+      const width = entries[0].contentRect.width;
+      const scrollStep = width * SCROLL_STEP_RATIO;
+      setState({
+        stepNext: scrollStep,
+        stepPrev: scrollStep
       });
     });
-    return t.observe(e), () => {
-      t.disconnect();
+    resizeObserver.observe(carouselNode);
+    return () => {
+      resizeObserver.disconnect();
     };
   }, []);
-  const C = p(
-    (e, t, r, o) => {
-      r > 0 && (t.nextElementSibling && (r -= o - t.nextElementSibling.getBoundingClientRect().right), h(e, Math.ceil(r)));
+  const alignStepRight = useCallback(
+    (carousel, step, delta, stepRight) => {
+      if (delta > 0) {
+        if (step.nextElementSibling) {
+          delta -= stepRight - step.nextElementSibling.getBoundingClientRect().right;
+        }
+        scrollSmoothHorizontally(carousel, Math.ceil(delta));
+      }
     },
     []
-  ), _ = p(
-    (e, t, r, o) => {
-      r < 0 && (t.previousElementSibling && (r -= o - t.previousElementSibling.getBoundingClientRect().left), h(e, Math.floor(r)));
+  );
+  const alignStepLeft = useCallback(
+    (carousel, step, delta, stepLeft) => {
+      if (delta < 0) {
+        if (step.previousElementSibling) {
+          delta -= stepLeft - step.previousElementSibling.getBoundingClientRect().left;
+        }
+        scrollSmoothHorizontally(carousel, Math.floor(delta));
+      }
     },
     []
-  ), B = p((e, t) => {
-    t && h(e, t);
-  }, []), R = p(
-    (e, t) => {
-      const { left: r, right: o, width: a } = e.getBoundingClientRect(), { left: u, right: b, width: k } = t.getBoundingClientRect(), f = r + a / 2, d = u + k / 2;
-      window.matchMedia(`(max-width: ${$.SM_MAX})`).matches ? B(e, d - f) : f > d ? _(e, t, u - r, u) : f < d && C(e, t, b - o, b);
+  );
+  const alignStepCenter = useCallback((carousel, delta) => {
+    if (delta) {
+      scrollSmoothHorizontally(carousel, delta);
+    }
+  }, []);
+  const alignStep = useCallback(
+    (carousel, step) => {
+      const { left: carouselLeft, right: carouselRight, width: carouselWidth } = carousel.getBoundingClientRect();
+      const { left: stepLeft, right: stepRight, width: stepWidth } = step.getBoundingClientRect();
+      const carouselCenter = carouselLeft + carouselWidth / 2;
+      const stepCenter = stepLeft + stepWidth / 2;
+      if (window.matchMedia(`(max-width: ${EScreenWidth.SM_MAX})`).matches) {
+        alignStepCenter(carousel, stepCenter - carouselCenter);
+      } else if (carouselCenter > stepCenter) {
+        alignStepLeft(carousel, step, stepLeft - carouselLeft, stepLeft);
+      } else if (carouselCenter < stepCenter) {
+        alignStepRight(carousel, step, stepRight - carouselRight, stepRight);
+      }
     },
-    [B, _, C]
+    [alignStepCenter, alignStepLeft, alignStepRight]
   );
-  return w(() => {
-    if (c) {
-      const { current: e } = m, t = v.current[c];
-      e && t && R(e, t);
+  useEffect(() => {
+    if (selectedStepId) {
+      const { current: carousel } = carouselRef;
+      const step = stepRefs.current[selectedStepId];
+      if (carousel && step) {
+        alignStep(carousel, step);
+      }
     }
-  }, [c, R]), /* @__PURE__ */ n(
-    z,
+  }, [selectedStepId, alignStep]);
+  return /* @__PURE__ */ jsx(
+    CarouselExtended,
     {
-      className: l(s.stepperCarousel, g[i], I),
-      buttonPrev: O,
-      buttonNext: T,
-      stepPrev: x.stepPrev,
-      stepNext: x.stepNext,
-      ref: m,
-      children: /* @__PURE__ */ n(W, { selectedStepId: c, size: i, ...M, children: S.map(({ label: e, ...t }, r) => /* @__PURE__ */ n(
-        W.Step,
-        {
-          forwardedRef: (o) => v.current[t.id] = o,
-          ...t,
-          isInActiveStep: r > L,
-          children: e
-        },
-        t.id
-      )) })
+      className: clsx(styles.stepperCarousel, sizeToClassNameMap[size], className),
+      buttonPrev: renderPrevButton,
+      buttonNext: renderNextButton,
+      stepPrev: state.stepPrev,
+      stepNext: state.stepNext,
+      ref: carouselRef,
+      children: /* @__PURE__ */ jsx(StepperExtended, { selectedStepId, size, ...restProps, children: steps.map(({ label, ...step }, index) => {
+        return /* @__PURE__ */ jsx(
+          StepperExtended.Step,
+          {
+            forwardedRef: (instance) => stepRefs.current[step.id] = instance,
+            ...step,
+            isInActiveStep: index > selectedIndex,
+            children: label
+          },
+          step.id
+        );
+      }) })
     }
   );
 };
-Z.Step = G;
+Stepper.Step = StepperStep;
 export {
-  Z as Stepper
+  Stepper
 };
 //# sourceMappingURL=Stepper.js.map

package/components/Stepper/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { CarouselExtended, ICarouselExtendedButtonProvideProps } from \"../CarouselExtended/CarouselExtended\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { StepperExtended } from \"./StepperExtended\";\nimport { StepperStep } from \"./StepperStep\";\nimport { createSizeToClassNameMap, scrollSmoothHorizontally } from \"../../utils\";\nimport { IStepperProps } from \"./types\";\nimport { EComponentSize } from \"../../enums\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\nimport styles from \"./styles/Stepper.module.less\";\n\n/** Внутренние составляющие Stepper. */\ninterface IStepperComposition {\n    Step: typeof StepperStep;\n}\n\n/** Соответствие размера имени класса. */\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nconst SCROLL_STEP_RATIO = 0.3;\n\n/** Компонент Stepper, список шагов */\nexport const Stepper: React.FC<IStepperProps> & IStepperComposition = ({\n    className,\n    steps,\n    size = EComponentSize.LG,\n    selectedStepId,\n    ...restProps\n}) => {\n    const [state, setState] = useState({ stepNext: 0, stepPrev: 0 });\n    const carouselRef = useRef<HTMLDivElement>(null);\n    const stepRefs = useRef<Record<string, HTMLLIElement | null>>({});\n    const selectedIndex = steps.findIndex((step) => step.id === selectedStepId);\n\n    const renderPrevButton = useCallback(\n        ({ hidden, ...restButtonProps }: ICarouselExtendedButtonProvideProps) =>\n            hidden ? null : (\n                <div className={clsx(styles.stepperButtonWrapper, styles.prev)}>\n                    <ButtonIcon\n                        className={clsx(styles.stepperButton, sizeToClassNameMap[size])}\n                        tabIndex={-1}\n                        {...restButtonProps}\n                    >\n                        <CaretleftStrokeSrvIcon24 paletteIndex={5} />\n                    </ButtonIcon>\n                </div>\n            ),\n        [size],\n    );\n\n    const renderNextButton = useCallback(\n        ({ hidden, ...restButtonProps }: ICarouselExtendedButtonProvideProps) =>\n            hidden ? null : (\n                <div className={clsx(styles.stepperButtonWrapper, styles.next)}>\n                    <ButtonIcon\n                        className={clsx(styles.stepperButton, sizeToClassNameMap[size])}\n                        tabIndex={-1}\n                        {...restButtonProps}\n                    >\n                        <CaretrightStrokeSrvIcon24 paletteIndex={5} />\n                    </ButtonIcon>\n                </div>\n            ),\n        [size],\n    );\n\n    useEffect(() => {\n        const carouselNode = carouselRef.current;\n\n        if (carouselNode === null) {\n            return;\n        }\n\n        const resizeObserver = new ResizeObserver((entries) => {\n            const width = entries[0].contentRect.width;\n            const scrollStep = width * SCROLL_STEP_RATIO;\n\n            setState({\n                stepNext: scrollStep,\n                stepPrev: scrollStep,\n            });\n        });\n\n        resizeObserver.observe(carouselNode);\n\n        return () => {\n            resizeObserver.disconnect();\n        };\n    }, []);\n\n    /** Выравнивание шага по правой части карусели. */\n    const alignStepRight = useCallback(\n        (carousel: HTMLDivElement, step: HTMLLIElement, delta: number, stepRight: number) => {\n            if (delta > 0) {\n                // Текущий шаг – не последний, необходимо показать следующий шаг.\n                if (step.nextElementSibling) {\n                    delta -= stepRight - step.nextElementSibling.getBoundingClientRect().right;\n                }\n                scrollSmoothHorizontally(carousel, Math.ceil(delta));\n            }\n        },\n        [],\n    );\n\n    /** Выравнивание шага по левой части карусели. */\n    const alignStepLeft = useCallback(\n        (carousel: HTMLDivElement, step: HTMLLIElement, delta: number, stepLeft: number) => {\n            if (delta < 0) {\n                // Текущий шаг – не первый, необходимо показать предыдущий шаг.\n                if (step.previousElementSibling) {\n                    delta -= stepLeft - step.previousElementSibling.getBoundingClientRect().left;\n                }\n                scrollSmoothHorizontally(carousel, Math.floor(delta));\n            }\n        },\n        [],\n    );\n\n    /** Выравнивание шага по центру карусели. */\n    const alignStepCenter = useCallback((carousel: HTMLDivElement, delta: number) => {\n        if (delta) {\n            scrollSmoothHorizontally(carousel, delta);\n        }\n    }, []);\n\n    /** Выравнивание шага в карусели. */\n    const alignStep = useCallback(\n        (carousel: HTMLDivElement, step: HTMLLIElement) => {\n            const { left: carouselLeft, right: carouselRight, width: carouselWidth } = carousel.getBoundingClientRect();\n            const { left: stepLeft, right: stepRight, width: stepWidth } = step.getBoundingClientRect();\n            const carouselCenter = carouselLeft + carouselWidth / 2;\n            const stepCenter = stepLeft + stepWidth / 2;\n\n            if (window.matchMedia(`(max-width: ${EScreenWidth.SM_MAX})`).matches) {\n                alignStepCenter(carousel, stepCenter - carouselCenter);\n            } else if (carouselCenter > stepCenter) {\n                alignStepLeft(carousel, step, stepLeft - carouselLeft, stepLeft);\n            } else if (carouselCenter < stepCenter) {\n                alignStepRight(carousel, step, stepRight - carouselRight, stepRight);\n            }\n        },\n        [alignStepCenter, alignStepLeft, alignStepRight],\n    );\n\n    useEffect(() => {\n        if (selectedStepId) {\n            const { current: carousel } = carouselRef;\n            const step = stepRefs.current[selectedStepId];\n\n            if (carousel && step) {\n                alignStep(carousel, step);\n            }\n        }\n    }, [selectedStepId, alignStep]);\n\n    return (\n        <CarouselExtended\n            className={clsx(styles.stepperCarousel, sizeToClassNameMap[size], className)}\n            buttonPrev={renderPrevButton}\n            buttonNext={renderNextButton}\n            stepPrev={state.stepPrev}\n            stepNext={state.stepNext}\n            ref={carouselRef}\n        >\n            <StepperExtended selectedStepId={selectedStepId} size={size} {...restProps}>\n                {steps.map(({ label, ...step }, index) => {\n                    return (\n                        <StepperExtended.Step\n                            key={step.id}\n                            forwardedRef={(instance) => (stepRefs.current[step.id] = instance)}\n                            {...step}\n                            isInActiveStep={index > selectedIndex}\n                        >\n                            {label}\n                        </StepperExtended.Step>\n                    );\n                })}\n            </StepperExtended>\n        </CarouselExtended>\n    );\n};\n\nStepper.Step = StepperStep;\n"],"names":[],"mappings":"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"}

package/components/Stepper/StepperExtended.js

@@ -1,28 +1,31 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useMemo as x } from "react";
-import { c as i } from "../../chunks/vendor-D5cfSbgz.js";
-import { StepperStep as l } from "./StepperStep.js";
-import { StepperExtendedContext as a } from "./StepperExtendedContext.js";
-import { EComponentSize as f } from "../../enums/EComponentSize.js";
-const E = "stepperExtended__7c044745", u = {
-  stepperExtended: E
-}, S = ({
-  children: p,
-  className: s,
-  size: e = f.LG,
-  onSelectStep: t,
-  selectedStepId: r,
-  forwardedRef: m,
-  ...n
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { StepperStep } from "./StepperStep.js";
+import { StepperExtendedContext } from "./StepperExtendedContext.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+const stepperExtended = "stepperExtended__2538bbbb";
+const styles = {
+  stepperExtended
+};
+const StepperExtended = ({
+  children,
+  className,
+  size = EComponentSize.LG,
+  onSelectStep,
+  selectedStepId,
+  forwardedRef,
+  ...rest
 }) => {
-  const d = i(u.stepperExtended, s), c = x(
-    () => ({ selectedId: r, size: e, onSelectStep: t }),
-    [r, e, t]
+  const classNames = clsx(styles.stepperExtended, className);
+  const contextValue = useMemo(
+    () => ({ selectedId: selectedStepId, size, onSelectStep }),
+    [selectedStepId, size, onSelectStep]
   );
-  return /* @__PURE__ */ o(a.Provider, { value: c, children: /* @__PURE__ */ o("ol", { className: d, role: "tablist", ...n, ref: m, children: p }) });
+  return /* @__PURE__ */ jsx(StepperExtendedContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("ol", { className: classNames, role: "tablist", ...rest, ref: forwardedRef, children }) });
 };
-S.Step = l;
+StepperExtended.Step = StepperStep;
 export {
-  S as StepperExtended
+  StepperExtended
 };
 //# sourceMappingURL=StepperExtended.js.map

package/components/Stepper/StepperExtended.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperExtended.js","sources":["../../../src/components/Stepper/StepperExtended.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { StepperStep } from \"./StepperStep\";\nimport { StepperExtendedContext } from \"./StepperExtendedContext\";\nimport { IStepperExtendedProps } from \"./types\";\nimport { EComponentSize } from \"../../enums\";\nimport styles from \"./styles/StepperExtended.module.less\";\n\n/** Внутренние составляющие StepperExtended. */\ninterface IStepperExtendedComposition {\n    Step: typeof StepperStep;\n}\n\n/** Компонент StepperExtended, расширенная версия Stepper. */\nexport const StepperExtended: React.FC<IStepperExtendedProps> & IStepperExtendedComposition = ({\n    children,\n    className,\n    size = EComponentSize.LG,\n    onSelectStep,\n    selectedStepId,\n    forwardedRef,\n    ...rest\n}) => {\n    const classNames = clsx(styles.stepperExtended, className);\n\n    const contextValue = useMemo(\n        () => ({ selectedId: selectedStepId, size, onSelectStep }),\n        [selectedStepId, size, onSelectStep],\n    );\n\n    return (\n        <StepperExtendedContext.Provider value={contextValue}>\n            <ol className={classNames} role=\"tablist\" {...rest} ref={forwardedRef}>\n                {children}\n            </ol>\n        </StepperExtendedContext.Provider>\n    );\n};\n\nStepperExtended.Step = StepperStep;\n"],"names":[],"mappings":";;;;;;;;;;AAcO,MAAM,kBAAiF,CAAC;AAAA,EAC3F;AAAA,EACA;AAAA,EACA,OAAO,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,aAAa,KAAK,OAAO,iBAAiB,SAAS;AAEzD,QAAM,eAAe;AAAA,IACjB,OAAO,EAAE,YAAY,gBAAgB,MAAM,aAAA;AAAA,IAC3C,CAAC,gBAAgB,MAAM,YAAY;AAAA,EAAA;AAGvC,6BACK,uBAAuB,UAAvB,EAAgC,OAAO,cACpC,UAAA,oBAAC,MAAA,EAAG,WAAW,YAAY,MAAK,WAAW,GAAG,MAAM,KAAK,cACpD,UACL,GACJ;AAER;AAEA,gBAAgB,OAAO;"}

package/components/Stepper/StepperExtendedContext.js

@@ -1,12 +1,12 @@
-import e from "react";
-import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const p = e.createContext({
-  size: t.LG,
+import React__default from "react";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+const StepperExtendedContext = React__default.createContext({
+  size: EComponentSize.LG,
   selectedId: void 0,
   onSelectStep: () => {
   }
 });
 export {
-  p as StepperExtendedContext
+  StepperExtendedContext
 };
 //# sourceMappingURL=StepperExtendedContext.js.map

package/components/Stepper/StepperExtendedContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperExtendedContext.js","sources":["../../../src/components/Stepper/StepperExtendedContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums\";\n\n/** Контекст компонента StepperExtended. */\nexport interface IStepperExtendedContext {\n    /** Размер Stepper. */\n    size: EComponentSize;\n    /** Уникальный идентификатор выбранного шага. */\n    selectedId?: string;\n    /** Обработчик выбора шага. */\n    onSelectStep: (selectedId: string) => void;\n}\n\n/** Контекст в StepperExtended. */\nexport const StepperExtendedContext = React.createContext<IStepperExtendedContext>({\n    size: EComponentSize.LG,\n    selectedId: undefined,\n    onSelectStep: () => {},\n});\n"],"names":["React"],"mappings":";;AAcO,MAAM,yBAAyBA,eAAM,cAAuC;AAAA,EAC/E,MAAM,eAAe;AAAA,EACrB,YAAY;AAAA,EACZ,cAAc,MAAM;AAAA,EAAC;AACzB,CAAC;"}