@sberbusiness/triplex-next 1.48.0 → 1.50.0

package/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.js

@@ -10,12 +10,12 @@ import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
 import { setForwardedRef } from "../../../../helpers/setForwardedRef.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedTrackActions } from "./SliderExtendedTrackActions.js";
-const sliderExtendedTrack = "sliderExtendedTrack__007622ab";
-const lg = "lg__a7c872f1";
-const focusedByClick = "focusedByClick__a609cbd7";
-const hoverOrDragByMouse = "hoverOrDragByMouse__7e20da2f";
-const staticSlider = "staticSlider__c6018746";
-const disabled = "disabled__5afdd0f5";
+const sliderExtendedTrack = "sliderExtendedTrack__b693d9e6";
+const lg = "lg__b43b3d83";
+const focusedByClick = "focusedByClick__ea04459b";
+const hoverOrDragByMouse = "hoverOrDragByMouse__bdb3d138";
+const staticSlider = "staticSlider__65500c91";
+const disabled = "disabled__4f070ada";
 const styles = {
   sliderExtendedTrack,
   lg,

package/components/SmallInput/SmallInput.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const smallInput = "smallInput__beba6394";
+const smallInput = "smallInput__08de1129";
 const styles = {
   smallInput
 };

package/components/Spoiler/Spoiler.js

@@ -1,23 +1,23 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback } from "react";
 import { CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
+import { u as uniqueId, c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { Button } from "../Button/Button.js";
 import "../Button/ButtonIcon.js";
 import "../Button/ButtonDropdown.js";
 import "../Button/ButtonDropdownExtended.js";
 import { EButtonTheme } from "../Button/enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-import { u as uniqueId, c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const spoiler = "spoiler__a1e7a50a";
-const opened = "opened__b37d58a6";
-const caretIcon = "caretIcon__cbb24e04";
-const head = "head__16db14cd";
-const content = "content__49a935be";
-const hidden = "hidden__94ad0cc2";
-const lg = "lg__590bbcb9";
-const md = "md__f2f71fb8";
-const sm = "sm__a90d5bff";
+const spoiler = "spoiler__f95af188";
+const opened = "opened__a9aa9efc";
+const caretIcon = "caretIcon__a9d1c4e7";
+const head = "head__86bb9751";
+const content = "content__0d152e91";
+const hidden = "hidden__4cec319b";
+const lg = "lg__d5f10996";
+const md = "md__61ebfb02";
+const sm = "sm__e771b834";
 const styles = {
   spoiler,
   opened,
@@ -29,12 +29,12 @@ const styles = {
   md,
   sm
 };
-const sizeToCaretIconMap = {
+const SIZE_TO_CARET_ICON_MAP = {
   [EComponentSize.SM]: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon16, { paletteIndex: 5, className: styles.caretIcon }),
   [EComponentSize.MD]: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon20, { paletteIndex: 5, className: styles.caretIcon }),
   [EComponentSize.LG]: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon20, { paletteIndex: 5, className: styles.caretIcon })
 };
-const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const Spoiler = React__default.forwardRef((props, ref) => {
   const {
     children,
@@ -46,7 +46,7 @@ const Spoiler = React__default.forwardRef((props, ref) => {
     labelCollapse,
     rightBlock,
     size = EComponentSize.MD,
-    ...divHTMLAttributes
+    ...restProps
   } = props;
   const controlled = expanded !== void 0;
   const [expandedState, setExpandedState] = useState(expanded);
@@ -63,13 +63,13 @@ const Spoiler = React__default.forwardRef((props, ref) => {
   }, [controlled, toggle, open, onToggle]);
   const classNames = clsx(
     styles.spoiler,
-    sizeToClassNameMap[size],
+    SIZE_TO_CLASS_NAME_MAP[size],
     {
       [styles.opened]: open
     },
     className
   );
-  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "1.48.0", ref, children: [
+  return /* @__PURE__ */ jsxs("div", { ...restProps, className: classNames, "data-tx": "1.50.0", ref, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.head, children: [
       /* @__PURE__ */ jsxs(
         Button,
@@ -81,7 +81,7 @@ const Spoiler = React__default.forwardRef((props, ref) => {
           onClick: handleToggle,
           children: [
             open ? labelCollapse : labelExpand,
-            sizeToCaretIconMap[size]
+            SIZE_TO_CARET_ICON_MAP[size]
           ]
         }
       ),

package/components/Spoiler/Spoiler.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spoiler.js","sources":["../../../src/components/Spoiler/Spoiler.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from \"react\";\nimport { CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { Button, EButtonTheme } from \"../Button\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport styles from \"./styles/Spoiler.module.less\";\n\n/** Базовые свойства компонента Spoiler. */\nexport interface ISpoilerBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Текст раскрытия содержимого. */\n    labelExpand: string;\n    /** Текст скрытия содержимого. */\n    labelCollapse?: string;\n    /** Обработчик скрытия/раскрытия. */\n    onToggle?: (expanded: boolean) => void;\n    /** Элемент правого блока. */\n    rightBlock?: React.ReactNode;\n    /** Размер компонента. */\n    size?: EComponentSize;\n}\n\n/** Свойства контролируемого Spoiler. */\nexport interface ISpoilerControlledProps extends ISpoilerBaseProps {\n    /** Контролируемое состояние скрыт/раскрыт. */\n    expanded: boolean;\n    /** Контролирующая функция скрытия/раскрытия. */\n    toggle: (nextExpanded: boolean) => void;\n}\n\n/** Свойства неконтролируемого Spoiler. */\nexport interface ISpoilerUncontrolledProps extends ISpoilerBaseProps {\n    /** Контролируемое состояние скрыт/раскрыт. */\n    expanded?: never;\n    /** Контролирующая функция скрытия/раскрытия. */\n    toggle?: never;\n}\n\n/** Комбинированные свойства компонента Spoiler. */\nexport type TSpoilerProps = ISpoilerControlledProps | ISpoilerUncontrolledProps;\n\nconst sizeToCaretIconMap = {\n    [EComponentSize.SM]: <CaretdownStrokeSrvIcon16 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.MD]: <CaretdownStrokeSrvIcon20 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.LG]: <CaretdownStrokeSrvIcon20 paletteIndex={5} className={styles.caretIcon} />,\n};\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент \"Спойлер\", используется для раскрытия внутреннего содержимого. */\nexport const Spoiler = React.forwardRef<HTMLDivElement, TSpoilerProps>((props, ref) => {\n    const {\n        children,\n        expanded,\n        onToggle,\n        toggle,\n        className,\n        labelExpand,\n        labelCollapse,\n        rightBlock,\n        size = EComponentSize.MD,\n        ...divHTMLAttributes\n    } = props;\n\n    const controlled = expanded !== undefined;\n    const [expandedState, setExpandedState] = useState(expanded);\n    const open = controlled ? expanded : expandedState;\n    const instanceId = useRef(`Spoiler-${uniqueId()}`);\n\n    const handleToggle = useCallback(() => {\n        const nextState = !open;\n\n        if (controlled) {\n            toggle?.(nextState);\n        } else {\n            setExpandedState(nextState);\n        }\n\n        onToggle?.(nextState);\n    }, [controlled, toggle, open, onToggle]);\n\n    const classNames = clsx(\n        styles.spoiler,\n        sizeToClassNameMap[size],\n        {\n            [styles.opened]: open,\n        },\n        className,\n    );\n\n    return (\n        <div {...divHTMLAttributes} className={classNames} data-tx={process.env.npm_package_version} ref={ref}>\n            <div className={styles.head}>\n                <Button\n                    aria-expanded={open}\n                    aria-controls={instanceId.current}\n                    theme={EButtonTheme.LINK}\n                    size={size}\n                    onClick={handleToggle}\n                >\n                    {open ? labelCollapse : labelExpand}\n\n                    {sizeToCaretIconMap[size]}\n                </Button>\n                {rightBlock}\n            </div>\n\n            <div id={instanceId.current} className={clsx(styles.content, { [styles.hidden]: !open })}>\n                {children}\n            </div>\n        </div>\n    );\n});\n\nSpoiler.displayName = \"Spoiler\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAM,qBAAqB;AAAA,EACvB,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,WAAW;AAAA,EAC7F,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,WAAW;AAAA,EAC7F,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,UAAA,CAAW;AACjG;AAEA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,UAAUA,eAAM,WAA0C,CAAC,OAAO,QAAQ;AACnF,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,aAAa,aAAa;AAChC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,QAAQ;AAC3D,QAAM,OAAO,aAAa,WAAW;AACrC,QAAM,aAAa,OAAO,WAAW,SAAA,CAAU,EAAE;AAEjD,QAAM,eAAe,YAAY,MAAM;AACnC,UAAM,YAAY,CAAC;AAEnB,QAAI,YAAY;AACZ,uCAAS;AAAA,IACb,OAAO;AACH,uBAAiB,SAAS;AAAA,IAC9B;AAEA,yCAAW;AAAA,EACf,GAAG,CAAC,YAAY,QAAQ,MAAM,QAAQ,CAAC;AAEvC,QAAM,aAAa;AAAA,IACf,OAAO;AAAA,IACP,mBAAmB,IAAI;AAAA,IACvB;AAAA,MACI,CAAC,OAAO,MAAM,GAAG;AAAA,IAAA;AAAA,IAErB;AAAA,EAAA;AAGJ,SACI,qBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,YAAY,WAAS,UAAiC,KACzF,UAAA;AAAA,yBAAC,OAAA,EAAI,WAAW,OAAO,MACnB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,iBAAe;AAAA,UACf,iBAAe,WAAW;AAAA,UAC1B,OAAO,aAAa;AAAA,UACpB;AAAA,UACA,SAAS;AAAA,UAER,UAAA;AAAA,YAAA,OAAO,gBAAgB;AAAA,YAEvB,mBAAmB,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAE3B;AAAA,IAAA,GACL;AAAA,wBAEC,OAAA,EAAI,IAAI,WAAW,SAAS,WAAW,KAAK,OAAO,SAAS,EAAE,CAAC,OAAO,MAAM,GAAG,CAAC,MAAM,GAClF,UACL;AAAA,EAAA,GACJ;AAER,CAAC;AAED,QAAQ,cAAc;"}
+{"version":3,"file":"Spoiler.js","sources":["../../../src/components/Spoiler/Spoiler.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from \"react\";\nimport { CaretdownStrokeSrvIcon16, CaretdownStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { Button, EButtonTheme } from \"../Button\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport styles from \"./styles/Spoiler.module.less\";\n\n/** Базовые свойства компонента Spoiler. */\nexport interface ISpoilerBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Текст кнопки в свёрнутом состоянии — приглашение раскрыть содержимое. */\n    labelExpand: string;\n    /** Текст кнопки в раскрытом состоянии. Без него в раскрытом состоянии у кнопки остаётся только иконка. */\n    labelCollapse?: string;\n    /** Обработчик скрытия/раскрытия. Вызывается в обоих режимах и получает следующее состояние. */\n    onToggle?: (expanded: boolean) => void;\n    /** Содержимое правой части заголовка. Рендерится рядом с кнопкой раскрытия, вне неё. */\n    rightBlock?: React.ReactNode;\n    /** Размер компонента. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n}\n\n/** Свойства контролируемого Spoiler. */\nexport interface ISpoilerControlledProps extends ISpoilerBaseProps {\n    /** Контролируемое состояние скрыт/раскрыт. Передача этого свойства переводит компонент в контролируемый режим. */\n    expanded: boolean;\n    /** Контролирующая функция скрытия/раскрытия. Обязательна в контролируемом режиме: сам компонент состояние не меняет. */\n    toggle: (nextExpanded: boolean) => void;\n}\n\n/** Свойства неконтролируемого Spoiler. */\nexport interface ISpoilerUncontrolledProps extends ISpoilerBaseProps {\n    /** В неконтролируемом режиме не передаётся — состояние скрыт/раскрыт хранит сам компонент. */\n    expanded?: never;\n    /** В неконтролируемом режиме не передаётся — состояние меняет сам компонент, сообщая о смене через onToggle. */\n    toggle?: never;\n}\n\n/** Комбинированные свойства компонента Spoiler. */\nexport type TSpoilerProps = ISpoilerControlledProps | ISpoilerUncontrolledProps;\n\n/** Соответствие размера компонента иконке раскрытия. */\nconst SIZE_TO_CARET_ICON_MAP: Record<EComponentSize, React.ReactElement> = {\n    [EComponentSize.SM]: <CaretdownStrokeSrvIcon16 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.MD]: <CaretdownStrokeSrvIcon20 paletteIndex={5} className={styles.caretIcon} />,\n    [EComponentSize.LG]: <CaretdownStrokeSrvIcon20 paletteIndex={5} className={styles.caretIcon} />,\n};\n\n/** Соответствие размера компонента имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Компонент \"Спойлер\", используется для раскрытия внутреннего содержимого.\n *\n * Работает в двух режимах. Без `expanded` — неконтролируемый: состояние хранится внутри, о его\n * смене компонент сообщает через `onToggle`. С `expanded` — контролируемый: состояние живёт у\n * потребителя, по клику вызывается `toggle` со следующим значением.\n *\n * Корневой элемент — div, на него указывает ref и приходят className и остальные props.\n */\nexport const Spoiler = React.forwardRef<HTMLDivElement, TSpoilerProps>((props, ref) => {\n    const {\n        children,\n        expanded,\n        onToggle,\n        toggle,\n        className,\n        labelExpand,\n        labelCollapse,\n        rightBlock,\n        size = EComponentSize.MD,\n        ...restProps\n    } = props;\n\n    const controlled = expanded !== undefined;\n    const [expandedState, setExpandedState] = useState(expanded);\n    const open = controlled ? expanded : expandedState;\n    const instanceId = useRef(`Spoiler-${uniqueId()}`);\n\n    const handleToggle = useCallback(() => {\n        const nextState = !open;\n\n        if (controlled) {\n            toggle?.(nextState);\n        } else {\n            setExpandedState(nextState);\n        }\n\n        onToggle?.(nextState);\n    }, [controlled, toggle, open, onToggle]);\n\n    const classNames = clsx(\n        styles.spoiler,\n        SIZE_TO_CLASS_NAME_MAP[size],\n        {\n            [styles.opened]: open,\n        },\n        className,\n    );\n\n    return (\n        <div {...restProps} className={classNames} data-tx={process.env.npm_package_version} ref={ref}>\n            <div className={styles.head}>\n                <Button\n                    aria-expanded={open}\n                    aria-controls={instanceId.current}\n                    theme={EButtonTheme.LINK}\n                    size={size}\n                    onClick={handleToggle}\n                >\n                    {open ? labelCollapse : labelExpand}\n\n                    {SIZE_TO_CARET_ICON_MAP[size]}\n                </Button>\n                {rightBlock}\n            </div>\n\n            <div id={instanceId.current} className={clsx(styles.content, { [styles.hidden]: !open })}>\n                {children}\n            </div>\n        </div>\n    );\n});\n\nSpoiler.displayName = \"Spoiler\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,yBAAqE;AAAA,EACvE,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,WAAW;AAAA,EAC7F,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,WAAW;AAAA,EAC7F,CAAC,eAAe,EAAE,GAAG,oBAAC,4BAAyB,cAAc,GAAG,WAAW,OAAO,UAAA,CAAW;AACjG;AAGA,MAAM,yBAAyB,yBAAyB,MAAM;AAWvD,MAAM,UAAUA,eAAM,WAA0C,CAAC,OAAO,QAAQ;AACnF,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,aAAa,aAAa;AAChC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,QAAQ;AAC3D,QAAM,OAAO,aAAa,WAAW;AACrC,QAAM,aAAa,OAAO,WAAW,SAAA,CAAU,EAAE;AAEjD,QAAM,eAAe,YAAY,MAAM;AACnC,UAAM,YAAY,CAAC;AAEnB,QAAI,YAAY;AACZ,uCAAS;AAAA,IACb,OAAO;AACH,uBAAiB,SAAS;AAAA,IAC9B;AAEA,yCAAW;AAAA,EACf,GAAG,CAAC,YAAY,QAAQ,MAAM,QAAQ,CAAC;AAEvC,QAAM,aAAa;AAAA,IACf,OAAO;AAAA,IACP,uBAAuB,IAAI;AAAA,IAC3B;AAAA,MACI,CAAC,OAAO,MAAM,GAAG;AAAA,IAAA;AAAA,IAErB;AAAA,EAAA;AAGJ,SACI,qBAAC,OAAA,EAAK,GAAG,WAAW,WAAW,YAAY,WAAS,UAAiC,KACjF,UAAA;AAAA,yBAAC,OAAA,EAAI,WAAW,OAAO,MACnB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,iBAAe;AAAA,UACf,iBAAe,WAAW;AAAA,UAC1B,OAAO,aAAa;AAAA,UACpB;AAAA,UACA,SAAS;AAAA,UAER,UAAA;AAAA,YAAA,OAAO,gBAAgB;AAAA,YAEvB,uBAAuB,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAE/B;AAAA,IAAA,GACL;AAAA,wBAEC,OAAA,EAAI,IAAI,WAAW,SAAS,WAAW,KAAK,OAAO,SAAS,EAAE,CAAC,OAAO,MAAM,GAAG,CAAC,MAAM,GAClF,UACL;AAAA,EAAA,GACJ;AAER,CAAC;AAED,QAAQ,cAAc;"}

package/components/StatusTracker/StatusTracker.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../chunks/StatusTracker.module-L20Tw6M8.js";
+import { s as styles } from "../../chunks/StatusTracker.module-CyB7fUmf.js";
 import { EStatusTrackerType, EStatusTrackerVerticalAlign } from "./enums.js";
 import { StatusTrackerMedia } from "./components/StatusTrackerMedia.js";
 import { StatusTrackerHeader } from "./components/StatusTrackerHeader.js";
@@ -30,7 +30,7 @@ const StatusTracker = Object.assign(
         className: clsx(styles.statusTrackerWrapper, className),
         ...rest,
         ref,
-        "data-tx": "1.48.0",
+        "data-tx": "1.50.0",
         children: [
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerBackground, TYPE_TO_CLASS_NAME_MAP[type]), children: /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerColor, TYPE_TO_CLASS_NAME_MAP[type]) }) }, type),
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTracker, VERTICAL_ALIGN_TO_CLASS_NAME_MAP[verticalAlign]), children })

package/components/StatusTracker/components/StatusTrackerAlert.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import "../../Alert/AlertContext/AlertContext.js";
 import { AlertProcess } from "../../Alert/AlertProcess/AlertProcess.js";
 import "../../Alert/AlertTypeUtils.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-L20Tw6M8.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CyB7fUmf.js";
 import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/StatusTracker/components/StatusTrackerBody.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { StatusTrackerAlert } from "./StatusTrackerAlert.js";
 import { StatusTrackerStatus } from "./StatusTrackerStatus.js";
 import { StatusTrackerStatusGroup } from "./StatusTrackerStatusGroup.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-L20Tw6M8.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CyB7fUmf.js";
 const StatusTrackerBody = Object.assign(
   React__default.forwardRef(function StatusTrackerBody2({ children, className, ...restProps }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...restProps, ref, children });

package/components/StatusTracker/components/StatusTrackerButton.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-L20Tw6M8.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CyB7fUmf.js";
 import { Button } from "../../Button/Button.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -6,7 +6,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-L20Tw6M8.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CyB7fUmf.js";
 const StatusTrackerDescription = React__default.forwardRef(
   function StatusTrackerDescription2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx(

package/components/StatusTracker/components/StatusTrackerFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-L20Tw6M8.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CyB7fUmf.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerButton } from "./StatusTrackerButton.js";
 const StatusTrackerFooter = Object.assign(

package/components/StatusTracker/components/StatusTrackerHeader.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerTitle } from "./StatusTrackerTitle.js";
 import { StatusTrackerSum } from "./StatusTrackerSum.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-L20Tw6M8.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CyB7fUmf.js";
 const StatusTrackerHeader = Object.assign(
   React__default.forwardRef(function StatusTrackerHeader2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, ref, children });

package/components/StatusTracker/components/StatusTrackerMedia.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-L20Tw6M8.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CyB7fUmf.js";
 const StatusTrackerMedia = React__default.forwardRef(function StatusTrackerMedia2({ children, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, ref, children });
 });

package/components/StatusTracker/components/StatusTrackerStatus.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-L20Tw6M8.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CyB7fUmf.js";
 import { MarkerStatus } from "../../MarkerStatus/MarkerStatus.js";
 const StatusTrackerStatus = React__default.forwardRef(function StatusTrackerStatus2({ children, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx(MarkerStatus, { className: clsx(styles.statusTrackerStatus, className), ...rest, ref, children });

package/components/StatusTracker/components/StatusTrackerStatusGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const statusTrackerStatusGroup = "statusTrackerStatusGroup__2bb4532b";
+const statusTrackerStatusGroup = "statusTrackerStatusGroup__b1e5a234";
 const styles = {
   statusTrackerStatusGroup
 };

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -7,7 +7,7 @@ import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
 import { Amount } from "../../Amount/Amount.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-L20Tw6M8.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CyB7fUmf.js";
 const StatusTrackerSum = React__default.forwardRef(function StatusTrackerSum2({ className, amountProps, ...restProps }, ref) {
   return /* @__PURE__ */ jsx(
     Title,

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -6,7 +6,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-L20Tw6M8.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-CyB7fUmf.js";
 const StatusTrackerTitle = React__default.forwardRef(function StatusTrackerTitle2({ children, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx(
     Title,

package/components/Step/Step.js

@@ -1,31 +1,32 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default, { useRef, useCallback } from "react";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EStepStatus, EStepPosition } from "./enums.js";
-import { ETooltipAlign, ETooltipSize } from "../Tooltip/enums.js";
 import { Tooltip } from "../Tooltip/Tooltip.js";
+import { ETooltipAlign, ETooltipSize } from "../Tooltip/enums.js";
 import { EFontWeightText, ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { setForwardedRef } from "../../helpers/setForwardedRef.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const step = "step__048e5133";
-const sm = "sm__81a8c67f";
-const md = "md__d0f7a265";
-const lg = "lg__12734f35";
-const done = "done__2ff83993";
-const warning = "warning__f6b8986c";
-const active = "active__1d7761b1";
-const error = "error__a31e4947";
-const disabled = "disabled__83d68ea3";
+const step = "step__db5a07e4";
+const sm = "sm__de6e1604";
+const md = "md__90f941be";
+const lg = "lg__bf7457b2";
+const done = "done__b128653c";
+const warning = "warning__895ac423";
+const active = "active__247bd742";
+const error = "error__064d231f";
+const disabled = "disabled__deb1ae55";
 const styles = {
   step,
   sm,
   md,
   lg,
-  "default": "default__ce72140a",
+  "default": "default__c2cc772f",
   done,
   warning,
   active,
@@ -55,24 +56,33 @@ const calcPosition = (stepCount, i) => {
     return EStepPosition.Default;
   }
 };
-const Step = ({
-  children,
-  className,
-  step: step2,
-  status,
-  position = EStepPosition.Default,
-  size = EComponentSize.MD,
-  ...rest
-}) => {
-  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();
-};
+const Step = React__default.forwardRef(
+  ({ children, className, step: step2, status, position = EStepPosition.Default, size = EComponentSize.MD, ...rest }, ref) => {
+    const targetRef = useRef(null);
+    const setRef = useCallback(
+      (instance) => {
+        targetRef.current = instance;
+        setForwardedRef(ref, instance);
+      },
+      [ref]
+    );
+    const classNames = clsx(styles.step, STATUS_TO_CLASS_NAME_MAP[status], SIZE_TO_CLASS_NAME_MAP[size], className);
+    const content = /* @__PURE__ */ jsx("div", { ref: setRef, 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: STEP_POSITION_TO_TOOLTIP_ALIGN_MAP[position],
+        targetRef,
+        children: [
+          /* @__PURE__ */ jsx(Tooltip.Target, { children: content }),
+          /* @__PURE__ */ jsx(Tooltip.Body, { children })
+        ]
+      }
+    ) : content;
+  }
+);
 Step.displayName = "Step";
 export {
   Step,

package/components/Step/Step.js.map

@@ -1 +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;"}
+{"version":3,"file":"Step.js","sources":["../../../src/components/Step/Step.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { EStepPosition, EStepStatus } from \"./enums\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { ETooltipAlign, ETooltipSize } from \"../Tooltip/enums\";\nimport { Text, ETextSize, EFontWeightText } from \"../Typography\";\nimport { setForwardedRef } from \"../../helpers/setForwardedRef\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport styles from \"./styles/Step.module.less\";\n\n/** Свойства компонента Step. */\nexport interface IStepProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер компонента. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Номер шага для отображения в кружке. */\n    step: number;\n    /** Статус текущего шага. */\n    status: EStepStatus;\n    /** Позиция шага относительно других. Определяет выравнивание подсказки. По умолчанию EStepPosition.Default. */\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/**\n * Вычисление позиции шага относительно других.\n *\n * @param stepCount Общее количество шагов.\n * @param i Индекс шага, начиная с нуля.\n * @returns EStepPosition.XFirst для первого шага, EStepPosition.XLast для последнего, иначе EStepPosition.Default.\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\n/**\n * Шаг — круглый индикатор с номером и цветом по статусу.\n * Если передан children, номер оборачивается в подсказку, раскрывающуюся по наведению.\n */\nexport const Step = React.forwardRef<HTMLDivElement, IStepProps>(\n    (\n        { children, className, step, status, position = EStepPosition.Default, size = EComponentSize.MD, ...rest },\n        ref,\n    ) => {\n        const targetRef = useRef<HTMLDivElement | null>(null);\n\n        /** Сохраняет узел шага локально (Tooltip позиционируется относительно него) и пробрасывает во внешний ref. */\n        const setRef = useCallback(\n            (instance: HTMLDivElement | null) => {\n                targetRef.current = instance;\n                setForwardedRef(ref, instance);\n            },\n            [ref],\n        );\n\n        const classNames = clsx(styles.step, STATUS_TO_CLASS_NAME_MAP[status], SIZE_TO_CLASS_NAME_MAP[size], className);\n\n        const content = (\n            <div ref={setRef} className={classNames} {...rest}>\n                <Text size={ETextSize.B1} weight={EFontWeightText.SEMIBOLD}>\n                    {step}\n                </Text>\n            </div>\n        );\n\n        return children ? (\n            <Tooltip\n                size={ETooltipSize.SM}\n                toggleType=\"hover\"\n                alignTip={STEP_POSITION_TO_TOOLTIP_ALIGN_MAP[position]}\n                targetRef={targetRef}\n            >\n                <Tooltip.Target>{content}</Tooltip.Target>\n                <Tooltip.Body>{children}</Tooltip.Body>\n            </Tooltip>\n        ) : (\n            content\n        );\n    },\n);\n\nStep.displayName = \"Step\";\n"],"names":["React","step"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,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;AASvD,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;AAMO,MAAM,OAAOA,eAAM;AAAA,EACtB,CACI,EAAE,UAAU,WAAW,MAAAC,OAAM,QAAQ,WAAW,cAAc,SAAS,OAAO,eAAe,IAAI,GAAG,KAAA,GACpG,QACC;AACD,UAAM,YAAY,OAA8B,IAAI;AAGpD,UAAM,SAAS;AAAA,MACX,CAAC,aAAoC;AACjC,kBAAU,UAAU;AACpB,wBAAgB,KAAK,QAAQ;AAAA,MACjC;AAAA,MACA,CAAC,GAAG;AAAA,IAAA;AAGR,UAAM,aAAa,KAAK,OAAO,MAAM,yBAAyB,MAAM,GAAG,uBAAuB,IAAI,GAAG,SAAS;AAE9G,UAAM,UACF,oBAAC,OAAA,EAAI,KAAK,QAAQ,WAAW,YAAa,GAAG,MACzC,UAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,IAAI,QAAQ,gBAAgB,UAC7C,iBACL,GACJ;AAGJ,WAAO,WACH;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM,aAAa;AAAA,QACnB,YAAW;AAAA,QACX,UAAU,mCAAmC,QAAQ;AAAA,QACrD;AAAA,QAEA,UAAA;AAAA,UAAA,oBAAC,QAAQ,QAAR,EAAgB,UAAA,QAAA,CAAQ;AAAA,UACzB,oBAAC,QAAQ,MAAR,EAAc,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAG5B;AAAA,EAER;AACJ;AAEA,KAAK,cAAc;"}

package/components/Stepper/Stepper.js

@@ -12,14 +12,14 @@ import { scrollSmoothHorizontally } from "../../utils/scroll.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EScreenWidth } from "../../helpers/breakpoints.js";
 import "./StepperStepIcon.js";
-const stepperCarousel = "stepperCarousel__be16f637";
-const stepperButtonWrapper = "stepperButtonWrapper__a35be5c4";
-const prev = "prev__7cd3ec52";
-const next = "next__00d715cc";
-const stepperButton = "stepperButton__1ba8a34e";
-const sm = "sm__fa9ababe";
-const md = "md__1f497eba";
-const lg = "lg__3a3ce190";
+const stepperCarousel = "stepperCarousel__eb9f51b3";
+const stepperButtonWrapper = "stepperButtonWrapper__11c9ad28";
+const prev = "prev__ced9fbc2";
+const next = "next__a2820ad6";
+const stepperButton = "stepperButton__c517063c";
+const sm = "sm__fb7f39ec";
+const md = "md__31d6a461";
+const lg = "lg__070c6588";
 const styles = {
   stepperCarousel,
   stepperButtonWrapper,

package/components/Stepper/StepperExtended.js

@@ -5,7 +5,7 @@ import { StepperStep } from "./StepperStep.js";
 import { StepperExtendedContext } from "./StepperExtendedContext.js";
 import { setForwardedRef } from "../../helpers/setForwardedRef.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const stepperExtended = "stepperExtended__e43fa57a";
+const stepperExtended = "stepperExtended__305746c9";
 const styles = {
   stepperExtended
 };

package/components/Stepper/StepperStep.js

@@ -7,7 +7,7 @@ import { isKey } from "../../utils/keyboard.js";
 import { StepperExtendedContext } from "./StepperExtendedContext.js";
 import { EFocusSource } from "../../enums/EFocusSource.js";
 import { EStepperStepType } from "./enums.js";
-import { s as styles, S as StepperStepArrowBorder } from "../../chunks/StepperStepArrowBorder-B5HGnDby.js";
+import { s as styles, S as StepperStepArrowBorder } from "../../chunks/StepperStepArrowBorder-UArUUlmL.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const StepperStep = ({
@@ -92,7 +92,7 @@ const StepperStep = ({
     }
   };
   const renderIcon = () => /* @__PURE__ */ jsx(IconWrapper, { className: styles.icon, disabled: !!disabled, children: icon });
-  const renderContent = () => /* @__PURE__ */ jsxs("div", { className: styles.content, "data-tx": "1.48.0", children: [
+  const renderContent = () => /* @__PURE__ */ jsxs("div", { className: styles.content, "data-tx": "1.50.0", children: [
     icon && renderIcon(),
     children
   ] });

package/components/Stepper/StepperStepArrowBorder.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../enums/EComponentSize.js";
-import { S } from "../../chunks/StepperStepArrowBorder-B5HGnDby.js";
+import { S } from "../../chunks/StepperStepArrowBorder-UArUUlmL.js";
 export {
   S as StepperStepArrowBorder
 };

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,7 +4,7 @@ import { useSuggestContext } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-cXbzcYKR.js";
+import "../../chunks/DropdownListItem-BDtBpFPH.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,8 +21,8 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const suggestDropdownMobileBody = "suggestDropdownMobileBody__331bbb31";
-const suggestDropdownMobileNoOptionsText = "suggestDropdownMobileNoOptionsText__48999b01";
+const suggestDropdownMobileBody = "suggestDropdownMobileBody__805e54d0";
+const suggestDropdownMobileNoOptionsText = "suggestDropdownMobileNoOptionsText__f7c0ec85";
 const styles = {
   suggestDropdownMobileBody,
   suggestDropdownMobileNoOptionsText

package/components/SuggestField/SuggestField.js

@@ -2,7 +2,7 @@ import "./desktop/SuggestFieldDesktopDropdown.js";
 import { SuggestFieldDesktop } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint-BeT6Ch46.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-BogTgDdU.js";
 import { jsx } from "react/jsx-runtime";
 import { MobileView } from "../MobileView/MobileView.js";
 import "../FormField/components/FormFieldClear.js";
@@ -16,55 +16,7 @@ import "../FormField/components/FormFieldPrefix.js";
 import "../FormField/components/FormFieldTarget.js";
 import "../FormField/components/FormFieldTextarea.js";
 import "../FormField/FormField.js";
-const SuggestFieldBase = (props) => {
-  const {
-    status,
-    size,
-    value,
-    options,
-    prefix,
-    label,
-    postfix,
-    description,
-    counter,
-    placeholder,
-    tooltipHint,
-    loading,
-    tooltipOpen,
-    dropdownListLoading,
-    clearInputOnFocus,
-    onSelect,
-    onFilter,
-    onClear,
-    onScrollEnd,
-    inputProps
-  } = props;
-  return /* @__PURE__ */ jsx(MobileView, { fallback: /* @__PURE__ */ jsx(SuggestFieldDesktop, { ...props }), children: /* @__PURE__ */ jsx(
-    SuggestFieldMobile,
-    {
-      status,
-      size,
-      value,
-      options,
-      prefix,
-      label,
-      postfix,
-      description,
-      counter,
-      placeholder,
-      tooltipHint,
-      loading,
-      tooltipOpen,
-      dropdownListLoading,
-      clearInputOnFocus,
-      onSelect,
-      onFilter,
-      onClear,
-      onScrollEnd,
-      inputProps
-    }
-  ) });
-};
+const SuggestFieldBase = (props) => /* @__PURE__ */ jsx(MobileView, { fallback: /* @__PURE__ */ jsx(SuggestFieldDesktop, { ...props }), children: /* @__PURE__ */ jsx(SuggestFieldMobile, { ...props }) });
 const SuggestField = Object.assign(SuggestFieldBase, { Input: FormFieldInput });
 export {
   SuggestField

package/components/SuggestField/SuggestField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestField.js","sources":["../../../src/components/SuggestField/SuggestField.tsx"],"sourcesContent":["import React from \"react\";\nimport { ISuggestFieldOption, ISuggestFieldProps } from \"./types\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { SuggestFieldDesktop } from \"./desktop/SuggestFieldDesktop\";\nimport { SuggestFieldMobile } from \"./mobile/SuggestFieldMobile\";\nimport { FormFieldInput } from \"../FormField\";\n\n// TODO: Переписать через useSuggest.\nconst SuggestFieldBase = <T extends ISuggestFieldOption = ISuggestFieldOption>(\n    props: ISuggestFieldProps<T>,\n): JSX.Element => {\n    const {\n        status,\n        size,\n        value,\n        options,\n        prefix,\n        label,\n        postfix,\n        description,\n        counter,\n        placeholder,\n        tooltipHint,\n        loading,\n        tooltipOpen,\n        dropdownListLoading,\n        clearInputOnFocus,\n        onSelect,\n        onFilter,\n        onClear,\n        onScrollEnd,\n        inputProps,\n    } = props;\n\n    return (\n        <MobileView fallback={<SuggestFieldDesktop<T> {...props} />}>\n            <SuggestFieldMobile<T>\n                status={status}\n                size={size}\n                value={value}\n                options={options}\n                prefix={prefix}\n                label={label}\n                postfix={postfix}\n                description={description}\n                counter={counter}\n                placeholder={placeholder}\n                tooltipHint={tooltipHint}\n                loading={loading}\n                tooltipOpen={tooltipOpen}\n                dropdownListLoading={dropdownListLoading}\n                clearInputOnFocus={clearInputOnFocus}\n                onSelect={onSelect}\n                onFilter={onFilter}\n                onClear={onClear}\n                onScrollEnd={onScrollEnd}\n                inputProps={inputProps}\n            />\n        </MobileView>\n    );\n};\n\n/** Выпадающий список с возможностью поиска по введённому значению. */\nexport const SuggestField = Object.assign(SuggestFieldBase, { Input: FormFieldInput });\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAQA,MAAM,mBAAmB,CACrB,UACc;AACd,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,6BACK,YAAA,EAAW,8BAAW,qBAAA,EAAwB,GAAG,OAAO,GACrD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;AAGO,MAAM,eAAe,OAAO,OAAO,kBAAkB,EAAE,OAAO,gBAAgB;"}
+{"version":3,"file":"SuggestField.js","sources":["../../../src/components/SuggestField/SuggestField.tsx"],"sourcesContent":["import { ISuggestFieldOption, ISuggestFieldProps } from \"./types\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { SuggestFieldDesktop } from \"./desktop/SuggestFieldDesktop\";\nimport { SuggestFieldMobile } from \"./mobile/SuggestFieldMobile\";\nimport { FormFieldInput } from \"../FormField\";\n\n// TODO: Переписать через useSuggest.\nconst SuggestFieldBase = <T extends ISuggestFieldOption = ISuggestFieldOption>(\n    props: ISuggestFieldProps<T>,\n): JSX.Element => (\n    <MobileView fallback={<SuggestFieldDesktop<T> {...props} />}>\n        <SuggestFieldMobile<T> {...props} />\n    </MobileView>\n);\n\n/** Выпадающий список с возможностью поиска по введённому значению. */\nexport const SuggestField = Object.assign(SuggestFieldBase, { Input: FormFieldInput });\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAOA,MAAM,mBAAmB,CACrB,UAEA,oBAAC,cAAW,UAAU,oBAAC,qBAAA,EAAwB,GAAG,OAAO,GACrD,UAAA,oBAAC,oBAAA,EAAuB,GAAG,OAAO,GACtC;AAIG,MAAM,eAAe,OAAO,OAAO,kBAAkB,EAAE,OAAO,gBAAgB;"}

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -25,7 +25,7 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-cXbzcYKR.js";
+import "../../../chunks/DropdownListItem-BDtBpFPH.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -96,14 +96,13 @@ const SuggestFieldDesktop = ({
       var _a;
       setInputFocused(false);
       closeDropdown(false);
-      if (inputValue.length !== 0) {
-        setInputValue((value == null ? void 0 : value.label) ?? "");
-      } else if (value !== void 0) {
-        onSelect(void 0);
+      const nextInputValue = value !== void 0 ? value.label : "";
+      if (inputValue !== nextInputValue) {
+        setInputValue(nextInputValue);
       }
       (_a = inputProps.onBlur) == null ? void 0 : _a.call(inputProps, event);
     },
-    [closeDropdown, inputValue, value, onSelect, inputProps]
+    [closeDropdown, inputValue, value, inputProps]
   );
   const handleInputKeyDown = useCallback(
     (event) => {