@sberbusiness/triplex-next 1.50.0 → 1.52.0

package/components/ModalWindow/components/ModalWindowBody.js

@@ -3,7 +3,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { Island } from "../../Island/Island.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EIslandType } from "../../Island/enums.js";
-const modalWindowBody = "modalWindowBody__ced45509";
+const modalWindowBody = "modalWindowBody__6ea4a2d5";
 const styles = {
   modalWindowBody
 };

package/components/ModalWindow/components/ModalWindowClose.js

@@ -6,7 +6,7 @@ import { EButtonTheme } from "../../Button/enums.js";
 import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
-const modalWindowClose = "modalWindowClose__b41e7106";
+const modalWindowClose = "modalWindowClose__ea1c391b";
 const styles = {
   modalWindowClose
 };

package/components/ModalWindow/components/ModalWindowContent.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import React__default from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-D_kBZ7O8.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-CWWUaDZb.js";
 import { Page } from "../../Page/Page.js";
 const ModalWindowContent = React__default.forwardRef(
   ({ isLoading, className, loaderScreenProps, children, ...rest }, ref) => /* @__PURE__ */ jsxs(

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { HeaderPage } from "../../Page/components/HeaderPage.js";
 import { EHeaderPageType } from "../../Page/components/enums.js";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const modalWindowHeader = "modalWindowHeader__27f933ea";
+const modalWindowHeader = "modalWindowHeader__58c3b942";
 const styles = {
   modalWindowHeader
 };

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useRef, useLayoutEffect } from "react";
 import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-CUIykw0y.js";
 import { Portal } from "../../Portal/Portal.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-D_kBZ7O8.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-CWWUaDZb.js";
 const modalWindowViewManagerNodeId = "modalWindowViewManagerNodeId";
 const getOrCreateModalWindowViewManagerNode = () => {
   let node = document.querySelector(`#${modalWindowViewManagerNodeId}`);

package/components/MonthYearField/MonthYearFieldTarget.js

@@ -11,10 +11,10 @@ import { useMobileView } from "../MobileView/useMobileView.js";
 import { isKey } from "../../utils/keyboard.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EFormFieldStatus } from "../FormField/enums.js";
-const monthYearFieldTarget = "monthYearFieldTarget__a8e481e7";
-const minWidthSM = "minWidthSM__44584490";
-const minWidthMD = "minWidthMD__687896ac";
-const minWidthLG = "minWidthLG__9bc4f7db";
+const monthYearFieldTarget = "monthYearFieldTarget__6bde6123";
+const minWidthSM = "minWidthSM__33e2da12";
+const minWidthMD = "minWidthMD__f7b00544";
+const minWidthLG = "minWidthLG__7079eb2e";
 const styles = {
   monthYearFieldTarget,
   minWidthSM,

package/components/MonthYearRange/MonthYearRange.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import moment from "moment";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
+import { shiftDateRange, isDateAfter } from "../DateRange/utils.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__48db4249";
-const monthYearRangeButton = "monthYearRangeButton__fa11459d";
-const separator = "separator__a191952c";
+const monthYearRange = "monthYearRange__c9e3caee";
+const monthYearRangeButton = "monthYearRangeButton__ea262974";
+const separator = "separator__cab1c0a9";
 const styles = {
   monthYearRange,
   monthYearRangeButton,
@@ -17,81 +17,63 @@ const MonthYearRange = React__default.forwardRef(
   ({
     className,
     value,
-    onChange,
+    format = dateFormatYYYYMMDD,
     shiftAmount = 1,
     shiftUnit = EMonthYearRangeShiftUnit.MONTH,
     hideNavigation,
+    onChange,
     renderPickerFrom,
     renderPickerTo,
     renderButtonForward,
     renderButtonBack,
-    ...rest
+    ...restProps
   }, ref) => {
     const [start, end] = value;
     const classNames = clsx(styles.monthYearRange, className);
+    const shiftDisabled = !(start && end);
     const handleChangePickerFrom = (date) => {
-      if (!date || !end || date <= end) {
+      if (!date || !end || !isDateAfter(date, end, format)) {
         onChange([date, end]);
       } else {
         onChange([date, ""]);
       }
     };
     const handleChangePickerTo = (date) => {
-      if (!date || !start || date >= start) {
+      if (!date || !start || !isDateAfter(start, date, format)) {
         onChange([start, date]);
       } else {
         onChange(["", date]);
       }
     };
-    const shiftRangeBack = () => {
-      if (!start || !end) {
-        return;
-      }
-      const momentStart = moment(start, dateFormatYYYYMMDD, true);
-      const momentEnd = moment(end, dateFormatYYYYMMDD, true);
-      if (!momentStart.isValid() || !momentEnd.isValid()) {
-        return;
-      }
-      onChange([
-        momentStart.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),
-        momentEnd.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD)
-      ]);
-    };
-    const shiftRangeForward = () => {
-      if (!start || !end) {
-        return;
-      }
-      const momentStart = moment(start, dateFormatYYYYMMDD, true);
-      const momentEnd = moment(end, dateFormatYYYYMMDD, true);
-      if (!momentStart.isValid() || !momentEnd.isValid()) {
-        return;
+    const shiftRange = (amount) => {
+      const shiftedValue = shiftDateRange(value, amount, shiftUnit, format);
+      if (shiftedValue) {
+        onChange(shiftedValue);
       }
-      onChange([
-        momentStart.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),
-        momentEnd.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD)
-      ]);
     };
-    return /* @__PURE__ */ jsxs("div", { className: classNames, ...rest, ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, ...restProps, ref, children: [
       !hideNavigation && renderButtonBack({
         children: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 5 }),
-        className: clsx(styles.monthYearRangeButton),
-        disabled: !(start && end),
-        onClick: shiftRangeBack
+        className: styles.monthYearRangeButton,
+        disabled: shiftDisabled,
+        onClick: () => shiftRange(-shiftAmount)
       }),
       renderPickerFrom({
-        onChange: handleChangePickerFrom,
-        value: start
+        value: start,
+        format,
+        onChange: handleChangePickerFrom
       }),
       /* @__PURE__ */ jsx(RangeStrokeSrvIcon16, { className: styles.separator, paletteIndex: 5 }),
       renderPickerTo({
-        onChange: handleChangePickerTo,
-        value: end
+        value: end,
+        format,
+        onChange: handleChangePickerTo
       }),
       !hideNavigation && renderButtonForward({
         children: /* @__PURE__ */ jsx(CaretrightStrokeSrvIcon20, { paletteIndex: 5 }),
-        className: clsx(styles.monthYearRangeButton),
-        disabled: !(start && end),
-        onClick: shiftRangeForward
+        className: styles.monthYearRangeButton,
+        disabled: shiftDisabled,
+        onClick: () => shiftRange(shiftAmount)
       })
     ] });
   }

package/components/MonthYearRange/MonthYearRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthYearRange.js","sources":["../../../src/components/MonthYearRange/MonthYearRange.tsx"],"sourcesContent":["import React from \"react\";\nimport moment from \"moment\";\nimport { RangeStrokeSrvIcon16, CaretleftStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { dateFormatYYYYMMDD } from \"../../consts/DateConst\";\nimport { EMonthYearRangeShiftUnit } from \"./enums\";\nimport styles from \"./styles/MonthYearRange.module.less\";\n\n/** Свойства функции рендеринга кнопки сдвига диапазона месяцев. */\nexport interface IMonthYearRangeButtonProvideProps {\n    children: React.ReactNode;\n    className: string;\n    onClick: () => void;\n    disabled: boolean;\n}\n\n/** Свойства функции рендеринга поля выбора месяца. */\nexport interface IMonthYearRangePickerProvideProps {\n    value: string;\n    onChange: (value: string) => void;\n}\n\n/** Значение компонента MonthYearRange. */\nexport type TMonthYearRangeValue = [string, string];\n\n/** Свойства компонента MonthYearRange. */\nexport interface IMonthYearRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n    /** Диапазон месяцев. */\n    value: TMonthYearRangeValue;\n    /** Функция, вызывающаяся при изменении диапазона месяцев. */\n    onChange: (value: TMonthYearRangeValue) => void;\n    /** Численная величина сдвига диапазона месяцев. */\n    shiftAmount?: number;\n    /** Единица измерения сдвига диапазона месяцев. */\n    shiftUnit?: EMonthYearRangeShiftUnit;\n    /** Управление отображением/скрытием кнопок сдвига диапазона месяцев. */\n    hideNavigation?: boolean;\n    /** Функция рендеринга поля выбора месяца \"от\". */\n    renderPickerFrom: (props: IMonthYearRangePickerProvideProps) => React.ReactNode;\n    /** Функция рендеринга поля выбора месяца \"до\". */\n    renderPickerTo: (props: IMonthYearRangePickerProvideProps) => React.ReactNode;\n    /** Функция рендеринга кнопки сдвига диапазона месяцев \"назад\". */\n    renderButtonBack: (props: IMonthYearRangeButtonProvideProps) => React.ReactNode;\n    /** Функция рендеринга кнопки сдвига диапазона месяцев \"вперёд\". */\n    renderButtonForward: (props: IMonthYearRangeButtonProvideProps) => React.ReactNode;\n}\n\n/** Выбор диапазона месяцев. */\nexport const MonthYearRange = React.forwardRef<HTMLDivElement, IMonthYearRangeProps>(\n    (\n        {\n            className,\n            value,\n            onChange,\n            shiftAmount = 1,\n            shiftUnit = EMonthYearRangeShiftUnit.MONTH,\n            hideNavigation,\n            renderPickerFrom,\n            renderPickerTo,\n            renderButtonForward,\n            renderButtonBack,\n            ...rest\n        },\n        ref,\n    ) => {\n        const [start, end] = value;\n        const classNames = clsx(styles.monthYearRange, className);\n\n        /** Обработчик изменения значения в поле выбора месяца \"от\". */\n        const handleChangePickerFrom = (date: string) => {\n            if (!date || !end || date <= end) {\n                onChange([date, end]);\n            } else {\n                onChange([date, \"\"]);\n            }\n        };\n\n        /** Обработчик изменения значения в поле выбора месяца \"до\". */\n        const handleChangePickerTo = (date: string) => {\n            if (!date || !start || date >= start) {\n                onChange([start, date]);\n            } else {\n                onChange([\"\", date]);\n            }\n        };\n\n        /** Функция, смещающая диапазон месяцев назад. */\n        const shiftRangeBack = () => {\n            if (!start || !end) {\n                return;\n            }\n\n            const momentStart = moment(start, dateFormatYYYYMMDD, true);\n            const momentEnd = moment(end, dateFormatYYYYMMDD, true);\n\n            if (!momentStart.isValid() || !momentEnd.isValid()) {\n                return;\n            }\n\n            onChange([\n                momentStart.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n                momentEnd.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n            ]);\n        };\n\n        /** Функция, смещающая диапазон месяцев вперёд. */\n        const shiftRangeForward = () => {\n            if (!start || !end) {\n                return;\n            }\n\n            const momentStart = moment(start, dateFormatYYYYMMDD, true);\n            const momentEnd = moment(end, dateFormatYYYYMMDD, true);\n\n            if (!momentStart.isValid() || !momentEnd.isValid()) {\n                return;\n            }\n\n            onChange([\n                momentStart.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n                momentEnd.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n            ]);\n        };\n\n        return (\n            <div className={classNames} {...rest} ref={ref}>\n                {!hideNavigation &&\n                    renderButtonBack({\n                        children: <CaretleftStrokeSrvIcon20 paletteIndex={5} />,\n                        className: clsx(styles.monthYearRangeButton),\n                        disabled: !(start && end),\n                        onClick: shiftRangeBack,\n                    })}\n                {renderPickerFrom({\n                    onChange: handleChangePickerFrom,\n                    value: start,\n                })}\n                <RangeStrokeSrvIcon16 className={styles.separator} paletteIndex={5} />\n                {renderPickerTo({\n                    onChange: handleChangePickerTo,\n                    value: end,\n                })}\n                {!hideNavigation &&\n                    renderButtonForward({\n                        children: <CaretrightStrokeSrvIcon20 paletteIndex={5} />,\n                        className: clsx(styles.monthYearRangeButton),\n                        disabled: !(start && end),\n                        onClick: shiftRangeForward,\n                    })}\n            </div>\n        );\n    },\n);\n\nMonthYearRange.displayName = \"MonthYearRange\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAgDO,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,YAAY,yBAAyB;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,OAAO,GAAG,IAAI;AACrB,UAAM,aAAa,KAAK,OAAO,gBAAgB,SAAS;AAGxD,UAAM,yBAAyB,CAAC,SAAiB;AAC7C,UAAI,CAAC,QAAQ,CAAC,OAAO,QAAQ,KAAK;AAC9B,iBAAS,CAAC,MAAM,GAAG,CAAC;AAAA,MACxB,OAAO;AACH,iBAAS,CAAC,MAAM,EAAE,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,uBAAuB,CAAC,SAAiB;AAC3C,UAAI,CAAC,QAAQ,CAAC,SAAS,QAAQ,OAAO;AAClC,iBAAS,CAAC,OAAO,IAAI,CAAC;AAAA,MAC1B,OAAO;AACH,iBAAS,CAAC,IAAI,IAAI,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,iBAAiB,MAAM;AACzB,UAAI,CAAC,SAAS,CAAC,KAAK;AAChB;AAAA,MACJ;AAEA,YAAM,cAAc,OAAO,OAAO,oBAAoB,IAAI;AAC1D,YAAM,YAAY,OAAO,KAAK,oBAAoB,IAAI;AAEtD,UAAI,CAAC,YAAY,QAAA,KAAa,CAAC,UAAU,WAAW;AAChD;AAAA,MACJ;AAEA,eAAS;AAAA,QACL,YAAY,SAAS,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,QACtE,UAAU,SAAS,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,MAAA,CACvE;AAAA,IACL;AAGA,UAAM,oBAAoB,MAAM;AAC5B,UAAI,CAAC,SAAS,CAAC,KAAK;AAChB;AAAA,MACJ;AAEA,YAAM,cAAc,OAAO,OAAO,oBAAoB,IAAI;AAC1D,YAAM,YAAY,OAAO,KAAK,oBAAoB,IAAI;AAEtD,UAAI,CAAC,YAAY,QAAA,KAAa,CAAC,UAAU,WAAW;AAChD;AAAA,MACJ;AAEA,eAAS;AAAA,QACL,YAAY,IAAI,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,QACjE,UAAU,IAAI,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,MAAA,CAClE;AAAA,IACL;AAEA,gCACK,OAAA,EAAI,WAAW,YAAa,GAAG,MAAM,KACjC,UAAA;AAAA,MAAA,CAAC,kBACE,iBAAiB;AAAA,QACb,UAAU,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,QACrD,WAAW,KAAK,OAAO,oBAAoB;AAAA,QAC3C,UAAU,EAAE,SAAS;AAAA,QACrB,SAAS;AAAA,MAAA,CACZ;AAAA,MACJ,iBAAiB;AAAA,QACd,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,0BACA,sBAAA,EAAqB,WAAW,OAAO,WAAW,cAAc,GAAG;AAAA,MACnE,eAAe;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,MACA,CAAC,kBACE,oBAAoB;AAAA,QAChB,UAAU,oBAAC,2BAAA,EAA0B,cAAc,EAAA,CAAG;AAAA,QACtD,WAAW,KAAK,OAAO,oBAAoB;AAAA,QAC3C,UAAU,EAAE,SAAS;AAAA,QACrB,SAAS;AAAA,MAAA,CACZ;AAAA,IAAA,GACT;AAAA,EAER;AACJ;AAEA,eAAe,cAAc;"}
+{"version":3,"file":"MonthYearRange.js","sources":["../../../src/components/MonthYearRange/MonthYearRange.tsx"],"sourcesContent":["import React from \"react\";\nimport { RangeStrokeSrvIcon16, CaretleftStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { dateFormatYYYYMMDD } from \"../../consts/DateConst\";\nimport { isDateAfter, shiftDateRange } from \"../DateRange/utils\";\nimport { EMonthYearRangeShiftUnit } from \"./enums\";\nimport { IMonthYearRangeProps } from \"./types\";\nimport styles from \"./styles/MonthYearRange.module.less\";\n\n/**\n * Выбор диапазона месяцев: поля «от» и «до» и кнопки сдвига диапазона назад и вперёд.\n * Поля и кнопки рендерит потребитель через render-props.\n */\nexport const MonthYearRange = React.forwardRef<HTMLDivElement, IMonthYearRangeProps>(\n    (\n        {\n            className,\n            value,\n            format = dateFormatYYYYMMDD,\n            shiftAmount = 1,\n            shiftUnit = EMonthYearRangeShiftUnit.MONTH,\n            hideNavigation,\n            onChange,\n            renderPickerFrom,\n            renderPickerTo,\n            renderButtonForward,\n            renderButtonBack,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [start, end] = value;\n        const classNames = clsx(styles.monthYearRange, className);\n        /** Сдвиг возможен только при обеих заполненных границах диапазона. */\n        const shiftDisabled = !(start && end);\n\n        /** Обработчик изменения значения в поле выбора месяца \"от\". Сбрасывает месяц \"до\", если он оказался меньше. */\n        const handleChangePickerFrom = (date: string) => {\n            if (!date || !end || !isDateAfter(date, end, format)) {\n                onChange([date, end]);\n            } else {\n                onChange([date, \"\"]);\n            }\n        };\n\n        /** Обработчик изменения значения в поле выбора месяца \"до\". Сбрасывает месяц \"от\", если он оказался больше. */\n        const handleChangePickerTo = (date: string) => {\n            if (!date || !start || !isDateAfter(start, date, format)) {\n                onChange([start, date]);\n            } else {\n                onChange([\"\", date]);\n            }\n        };\n\n        /** Смещает обе границы диапазона на amount единиц. Неполный или невалидный диапазон не сдвигается. */\n        const shiftRange = (amount: number) => {\n            const shiftedValue = shiftDateRange(value, amount, shiftUnit, format);\n\n            if (shiftedValue) {\n                onChange(shiftedValue);\n            }\n        };\n\n        return (\n            <div className={classNames} {...restProps} ref={ref}>\n                {!hideNavigation &&\n                    renderButtonBack({\n                        children: <CaretleftStrokeSrvIcon20 paletteIndex={5} />,\n                        className: styles.monthYearRangeButton,\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(-shiftAmount),\n                    })}\n                {renderPickerFrom({\n                    value: start,\n                    format,\n                    onChange: handleChangePickerFrom,\n                })}\n                <RangeStrokeSrvIcon16 className={styles.separator} paletteIndex={5} />\n                {renderPickerTo({\n                    value: end,\n                    format,\n                    onChange: handleChangePickerTo,\n                })}\n                {!hideNavigation &&\n                    renderButtonForward({\n                        children: <CaretrightStrokeSrvIcon20 paletteIndex={5} />,\n                        className: styles.monthYearRangeButton,\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(shiftAmount),\n                    })}\n            </div>\n        );\n    },\n);\n\nMonthYearRange.displayName = \"MonthYearRange\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAaO,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,cAAc;AAAA,IACd,YAAY,yBAAyB;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,OAAO,GAAG,IAAI;AACrB,UAAM,aAAa,KAAK,OAAO,gBAAgB,SAAS;AAExD,UAAM,gBAAgB,EAAE,SAAS;AAGjC,UAAM,yBAAyB,CAAC,SAAiB;AAC7C,UAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,MAAM,KAAK,MAAM,GAAG;AAClD,iBAAS,CAAC,MAAM,GAAG,CAAC;AAAA,MACxB,OAAO;AACH,iBAAS,CAAC,MAAM,EAAE,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,uBAAuB,CAAC,SAAiB;AAC3C,UAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,YAAY,OAAO,MAAM,MAAM,GAAG;AACtD,iBAAS,CAAC,OAAO,IAAI,CAAC;AAAA,MAC1B,OAAO;AACH,iBAAS,CAAC,IAAI,IAAI,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,aAAa,CAAC,WAAmB;AACnC,YAAM,eAAe,eAAe,OAAO,QAAQ,WAAW,MAAM;AAEpE,UAAI,cAAc;AACd,iBAAS,YAAY;AAAA,MACzB;AAAA,IACJ;AAEA,gCACK,OAAA,EAAI,WAAW,YAAa,GAAG,WAAW,KACtC,UAAA;AAAA,MAAA,CAAC,kBACE,iBAAiB;AAAA,QACb,UAAU,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,QACrD,WAAW,OAAO;AAAA,QAClB,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,CAAC,WAAW;AAAA,MAAA,CACzC;AAAA,MACJ,iBAAiB;AAAA,QACd,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,MAAA,CACb;AAAA,0BACA,sBAAA,EAAqB,WAAW,OAAO,WAAW,cAAc,GAAG;AAAA,MACnE,eAAe;AAAA,QACZ,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,MAAA,CACb;AAAA,MACA,CAAC,kBACE,oBAAoB;AAAA,QAChB,UAAU,oBAAC,2BAAA,EAA0B,cAAc,EAAA,CAAG;AAAA,QACtD,WAAW,OAAO;AAAA,QAClB,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,WAAW;AAAA,MAAA,CACxC;AAAA,IAAA,GACT;AAAA,EAER;AACJ;AAEA,eAAe,cAAc;"}

package/components/MonthYearRange/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/MonthYearRange/types.js.map

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

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,7 +4,7 @@ import { j as focusTrapReactExports } from "../../../chunks/vendor-CUIykw0y.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-BDtBpFPH.js";
+import "../../../chunks/DropdownListItem-DkX7SolI.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -4,11 +4,11 @@ import { MultiselectFieldContext } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__f0a0460a";
-const loaderScreen = "loaderScreen__a79f3da3";
-const sm = "sm__c9e0338e";
-const md = "md__c6da7c3a";
-const lg = "lg__d5d9a40a";
+const multiselectFieldContent = "multiselectFieldContent__c6c94dc1";
+const loaderScreen = "loaderScreen__3679a905";
+const sm = "sm__d3776626";
+const md = "md__602287f6";
+const lg = "lg__ff17f759";
 const styles = {
   multiselectFieldContent,
   loaderScreen,

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const multiselectFieldFooter = "multiselectFieldFooter__559cc6c4";
+const multiselectFieldFooter = "multiselectFieldFooter__1613627d";
 const styles = {
   multiselectFieldFooter
 };

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const multiselectFieldHeader = "multiselectFieldHeader__e7effe72";
+const multiselectFieldHeader = "multiselectFieldHeader__ab6e4e7d";
 const styles = {
   multiselectFieldHeader
 };

package/components/Notification/Notification.js

@@ -5,7 +5,7 @@ import { NotificationClose } from "./components/NotificationClose.js";
 import { NotificationIcon } from "./components/NotificationIcon.js";
 import { NotificationTime } from "./components/NotificationTime.js";
 import React__default from "react";
-import { s as styles } from "../../chunks/Notification.module-D6HiZ6Jt.js";
+import { s as styles } from "../../chunks/Notification.module-B8ZAEh9G.js";
 const Notification = Object.assign(
   React__default.forwardRef(function Notification2({ children, className, withExtraBottomPadding = false, isShowCloseOnHover = false, onClick, ...HTMLAttributes }, ref) {
     const cn = clsx(className, styles.notification, {
@@ -20,7 +20,7 @@ const Notification = Object.assign(
         className: cn,
         onClick,
         ref,
-        "data-tx": "1.50.0",
+        "data-tx": "1.52.0",
         children
       }
     );

package/components/Notification/NotificationGrouped.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { NotificationGroupedFooter } from "./components/NotificationGroupedFooter.js";
 import React__default from "react";
-import { s as styles } from "../../chunks/Notification.module-D6HiZ6Jt.js";
+import { NotificationGroupedFooter } from "./components/NotificationGroupedFooter.js";
+import { s as styles } from "../../chunks/Notification.module-B8ZAEh9G.js";
 const NotificationGrouped = React__default.forwardRef(
   function NotificationGrouped2({ children }, ref) {
     return /* @__PURE__ */ jsxs("div", { className: styles.notificationGroupedWrapper, ref, children: [

package/components/Notification/NotificationGrouped.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationGrouped.js","sources":["../../../src/components/Notification/NotificationGrouped.tsx"],"sourcesContent":["import { NotificationGroupedFooter } from \"./components/NotificationGroupedFooter\";\nimport React from \"react\";\nimport styles from \"./styles/Notification.module.less\";\n\n/** Свойства NotificationGrouped. */\nexport interface INotificationGroupedProps {\n    /** Нотификация. */\n    children: React.ReactNode;\n}\n\n/**\n * Компонент NotificationGrouped.\n */\nexport const NotificationGrouped = React.forwardRef<HTMLDivElement, INotificationGroupedProps>(\n    function NotificationGrouped({ children }, ref) {\n        return (\n            <div className={styles.notificationGroupedWrapper} ref={ref}>\n                {children}\n                <NotificationGroupedFooter />\n            </div>\n        );\n    },\n);\n\nNotificationGrouped.displayName = \"NotificationGrouped\";\n"],"names":["React","NotificationGrouped"],"mappings":";;;;AAaO,MAAM,sBAAsBA,eAAM;AAAA,EACrC,SAASC,qBAAoB,EAAE,SAAA,GAAY,KAAK;AAC5C,WACI,qBAAC,OAAA,EAAI,WAAW,OAAO,4BAA4B,KAC9C,UAAA;AAAA,MAAA;AAAA,0BACA,2BAAA,CAAA,CAA0B;AAAA,IAAA,GAC/B;AAAA,EAER;AACJ;AAEA,oBAAoB,cAAc;"}
+{"version":3,"file":"NotificationGrouped.js","sources":["../../../src/components/Notification/NotificationGrouped.tsx"],"sourcesContent":["import React from \"react\";\nimport { NotificationGroupedFooter } from \"./components/NotificationGroupedFooter\";\nimport styles from \"./styles/Notification.module.less\";\n\n/** Свойства NotificationGrouped. */\nexport interface INotificationGroupedProps {\n    /** Содержимое группы; обычно один Notification, под которым отображаются декоративные слои. */\n    children: React.ReactNode;\n}\n\n/** Обёртка, обозначающая группу уведомлений двумя декоративными слоями под содержимым. */\nexport const NotificationGrouped = React.forwardRef<HTMLDivElement, INotificationGroupedProps>(\n    function NotificationGrouped({ children }, ref) {\n        return (\n            <div className={styles.notificationGroupedWrapper} ref={ref}>\n                {children}\n                <NotificationGroupedFooter />\n            </div>\n        );\n    },\n);\n\nNotificationGrouped.displayName = \"NotificationGrouped\";\n"],"names":["React","NotificationGrouped"],"mappings":";;;;AAWO,MAAM,sBAAsBA,eAAM;AAAA,EACrC,SAASC,qBAAoB,EAAE,SAAA,GAAY,KAAK;AAC5C,WACI,qBAAC,OAAA,EAAI,WAAW,OAAO,4BAA4B,KAC9C,UAAA;AAAA,MAAA;AAAA,0BACA,2BAAA,CAAA,CAA0B;AAAA,IAAA,GAC/B;AAAA,EAER;AACJ;AAEA,oBAAoB,cAAc;"}

package/components/Notification/components/NotificationBody.js

@@ -4,7 +4,7 @@ import { NotificationHeader } from "./NotificationHeader.js";
 import { NotificationBodyContent } from "./NotificationBodyContent.js";
 import { NotificationFooter } from "./NotificationFooter.js";
 import { NotificationBodyList } from "./NotificationBodyList.js";
-import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.js";
 const NotificationBody = Object.assign(
   React__default.forwardRef(function NotificationBody2({ children }, ref) {
     return /* @__PURE__ */ jsx("div", { className: styles.notificationBody, ref, children });

package/components/Notification/components/NotificationBodyList.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { UnorderedList } from "../../UnorderedList/UnorderedList.js";
-import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.js";
 const NotificationBodyList = ({ className, ...restProps }) => /* @__PURE__ */ jsx(UnorderedList, { className: clsx(styles.notificationBodyList, className), ...restProps });
 NotificationBodyList.displayName = "NotificationBodyList";
 export {

package/components/Notification/components/NotificationClose.js

@@ -4,7 +4,7 @@ import "../../Button/Button.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.js";
 const NotificationClose = ({ onClick, ...buttonProps }) => /* @__PURE__ */ jsx("span", { className: styles.notificationClose, children: /* @__PURE__ */ jsx(ButtonIcon, { ...buttonProps, onClick, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) }) });
 NotificationClose.displayName = "NotificationClose";
 export {

package/components/Notification/components/NotificationFooter.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.js";
 const NotificationFooter = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.notificationFooter, children });
 NotificationFooter.displayName = "NotificationFooter";
 export {

package/components/Notification/components/NotificationGroupedFooter.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.js";
 const NotificationGroupedFooter = () => /* @__PURE__ */ jsxs("div", { children: [
   /* @__PURE__ */ jsx("div", { className: clsx(styles.notificationGroupedFooterItem, styles.first) }),
   /* @__PURE__ */ jsx("div", { className: clsx(styles.notificationGroupedFooterItem, styles.second) })

package/components/Notification/components/NotificationGroupedFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationGroupedFooter.js","sources":["../../../../src/components/Notification/components/NotificationGroupedFooter.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styles from \"../styles/Notification.module.less\";\n\n/**\n * Низ сгруппированой нотификации.\n */\nexport const NotificationGroupedFooter = () => (\n    <div>\n        <div className={clsx(styles.notificationGroupedFooterItem, styles.first)} />\n        <div className={clsx(styles.notificationGroupedFooterItem, styles.second)} />\n    </div>\n);\n"],"names":[],"mappings":";;;AAMO,MAAM,4BAA4B,MACrC,qBAAC,OAAA,EACG,UAAA;AAAA,EAAA,oBAAC,SAAI,WAAW,KAAK,OAAO,+BAA+B,OAAO,KAAK,GAAG;AAAA,EAC1E,oBAAC,SAAI,WAAW,KAAK,OAAO,+BAA+B,OAAO,MAAM,EAAA,CAAG;AAAA,EAAA,CAC/E;"}
+{"version":3,"file":"NotificationGroupedFooter.js","sources":["../../../../src/components/Notification/components/NotificationGroupedFooter.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styles from \"../styles/Notification.module.less\";\n\n/** Два декоративных слоя под содержимым NotificationGrouped. */\nexport const NotificationGroupedFooter = () => (\n    <div>\n        <div className={clsx(styles.notificationGroupedFooterItem, styles.first)} />\n        <div className={clsx(styles.notificationGroupedFooterItem, styles.second)} />\n    </div>\n);\n"],"names":[],"mappings":";;;AAIO,MAAM,4BAA4B,MACrC,qBAAC,OAAA,EACG,UAAA;AAAA,EAAA,oBAAC,SAAI,WAAW,KAAK,OAAO,+BAA+B,OAAO,KAAK,GAAG;AAAA,EAC1E,oBAAC,SAAI,WAAW,KAAK,OAAO,+BAA+B,OAAO,MAAM,EAAA,CAAG;AAAA,EAAA,CAC/E;"}

package/components/Notification/components/NotificationHeader.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.js";
 const NotificationHeader = ({ children }) => /* @__PURE__ */ jsx("h3", { className: styles.notificationHeader, children });
 NotificationHeader.displayName = "NotificationHeader";
 export {

package/components/Notification/components/NotificationIcon.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.js";
 const NotificationIcon = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.notificationIcon, children });
 NotificationIcon.displayName = "NotificationIcon";
 export {

package/components/Notification/components/NotificationTime.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.js";
+import { s as styles } from "../../../chunks/Notification.module-B8ZAEh9G.js";
 const NotificationTime = ({ time }) => /* @__PURE__ */ jsx("span", { className: styles.notificationTime, children: time });
 NotificationTime.displayName = "NotificationTime";
 export {

package/components/NumberField/NumberField.js

@@ -1,7 +1,9 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { NumberFieldInput } from "./NumberFieldInput.js";
 import { TextFieldBase } from "../TextField/TextFieldBase.js";
-const NumberField = ({ inputProps, ...restProps }) => /* @__PURE__ */ jsx(TextFieldBase, { ...restProps, children: /* @__PURE__ */ jsx(NumberFieldInput, { ...inputProps }) });
+const NumberField = React__default.forwardRef(({ inputProps, ...restProps }, ref) => /* @__PURE__ */ jsx(TextFieldBase, { ...restProps, ref, children: /* @__PURE__ */ jsx(NumberFieldInput, { ...inputProps }) }));
+NumberField.displayName = "NumberField";
 export {
   NumberField
 };

package/components/NumberField/NumberField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberField.js","sources":["../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import React from \"react\";\nimport { INumberFieldProps } from \"@sberbusiness/triplex-next/components/NumberField/types\";\nimport { NumberFieldInput } from \"@sberbusiness/triplex-next/components/NumberField/NumberFieldInput\";\nimport { TextFieldBase } from \"@sberbusiness/triplex-next/components/TextField/TextFieldBase\";\n\n/** Текстовое поле для ввода числовых значений. */\nexport const NumberField: React.FC<INumberFieldProps> = ({ inputProps, ...restProps }) => (\n    <TextFieldBase {...restProps}>\n        <NumberFieldInput {...inputProps} />\n    </TextFieldBase>\n);\n"],"names":[],"mappings":";;;AAMO,MAAM,cAA2C,CAAC,EAAE,YAAY,GAAG,UAAA,MACtE,oBAAC,eAAA,EAAe,GAAG,WACf,UAAA,oBAAC,kBAAA,EAAkB,GAAG,YAAY,EAAA,CACtC;"}
+{"version":3,"file":"NumberField.js","sources":["../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import React from \"react\";\nimport { INumberFieldProps } from \"./types\";\nimport { NumberFieldInput } from \"./NumberFieldInput\";\nimport { TextFieldBase } from \"../TextField/TextFieldBase\";\n\n/**\n * Текстовое поле для ввода числовых значений: фильтрует ввод, сохраняя цифры, ведущий минус и десятичную запятую.\n * Передаёт ref на контейнер FormField, а inputProps.ref — на вложенный input.\n */\nexport const NumberField = React.forwardRef<HTMLDivElement, INumberFieldProps>(({ inputProps, ...restProps }, ref) => (\n    <TextFieldBase {...restProps} ref={ref}>\n        <NumberFieldInput {...inputProps} />\n    </TextFieldBase>\n));\n\nNumberField.displayName = \"NumberField\";\n"],"names":["React"],"mappings":";;;;AASO,MAAM,cAAcA,eAAM,WAA8C,CAAC,EAAE,YAAY,GAAG,aAAa,4BACzG,eAAA,EAAe,GAAG,WAAW,KAC1B,UAAA,oBAAC,oBAAkB,GAAG,WAAA,CAAY,GACtC,CACH;AAED,YAAY,cAAc;"}

package/components/NumberField/NumberFieldInput.js

@@ -14,44 +14,42 @@ import "../FormField/FormField.js";
 import { getCaretPosition, setCaretPosition } from "../../utils/inputUtils.js";
 import { StringUtils } from "../../utils/stringUtils.js";
 import { AmountConst } from "../../consts/AmountConst.js";
+const filterValue = (value, caret) => {
+  const buffer = [];
+  let separatorIndex = -1;
+  for (let i = 0; i < value.length; i++) {
+    const char = value[i];
+    if (StringUtils.isDigit(char)) {
+      buffer.push(char);
+    } else if (StringUtils.isDecimalSeparator(char) && (separatorIndex === -1 || i > caret)) {
+      if (separatorIndex !== -1) {
+        buffer[separatorIndex] = "";
+      }
+      buffer.push(AmountConst.DecimalComma);
+      separatorIndex = i;
+    } else if (i === 0 && StringUtils.isUnaryMinus(char)) {
+      buffer.push("-");
+    } else {
+      buffer.push("");
+    }
+  }
+  return { value: buffer.join(""), caret: buffer.slice(0, caret).join("").length };
+};
 const NumberFieldInput = React__default.forwardRef(
   ({ onChange, ...restProps }, ref) => {
-    const getFilteredValue = useCallback((value, caret) => {
-      const buffer = [];
-      const length = value.length;
-      let separatorIndex = -1;
-      for (let i = 0; i < length; i++) {
-        if (StringUtils.isDigit(value[i])) {
-          buffer.push(value[i]);
-        } else if (StringUtils.isDecimalSeparator(value[i])) {
-          if (separatorIndex == -1) {
-            buffer.push(AmountConst.DecimalComma);
-            separatorIndex = buffer.length - 1;
-          } else if (i > caret) {
-            buffer.push(AmountConst.DecimalComma);
-            buffer[separatorIndex] = "";
-            separatorIndex = buffer.length - 1;
-          }
-        } else if (i === 0 && StringUtils.isUnaryMinus(value[i])) {
-          buffer.push("-");
-        }
-      }
-      return buffer.join("");
-    }, []);
     const handleChange = useCallback(
       (event) => {
-        const caret = getCaretPosition(event.target);
-        const value = getFilteredValue(event.target.value, caret);
-        const caretShift = value.length - event.target.value.length;
+        const { value, caret } = filterValue(event.target.value, getCaretPosition(event.target));
         event.target.value = value;
-        setCaretPosition(event.target, caret + caretShift);
+        setCaretPosition(event.target, caret);
         onChange == null ? void 0 : onChange(event);
       },
-      [getFilteredValue, onChange]
+      [onChange]
     );
     return /* @__PURE__ */ jsx(FormFieldInput, { onChange: handleChange, ...restProps, ref });
   }
 );
+NumberFieldInput.displayName = "NumberFieldInput";
 export {
   NumberFieldInput
 };

package/components/NumberField/NumberFieldInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFieldInput.js","sources":["../../../src/components/NumberField/NumberFieldInput.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { FormFieldInput, IFormFieldInputProps } from \"../FormField\";\nimport { getCaretPosition, setCaretPosition } from \"@sberbusiness/triplex-next/utils/inputUtils\";\nimport { StringUtils } from \"@sberbusiness/triplex-next/utils/stringUtils\";\nimport { AmountConst } from \"@sberbusiness/triplex-next/consts/AmountConst\";\n\n/** Поле ввода компонента NumberField. */\nexport const NumberFieldInput = React.forwardRef<HTMLInputElement, IFormFieldInputProps>(\n    ({ onChange, ...restProps }, ref) => {\n        /** Функция, возвращающая отфильтрованное значение. */\n        const getFilteredValue = useCallback((value: string, caret: number): string => {\n            const buffer: string[] = [];\n            const length = value.length;\n            let separatorIndex = -1;\n\n            for (let i = 0; i < length; i++) {\n                if (StringUtils.isDigit(value[i])) {\n                    buffer.push(value[i]);\n                } else if (StringUtils.isDecimalSeparator(value[i])) {\n                    if (separatorIndex == -1) {\n                        buffer.push(AmountConst.DecimalComma);\n                        separatorIndex = buffer.length - 1;\n                    } else if (i > caret) {\n                        buffer.push(AmountConst.DecimalComma);\n                        buffer[separatorIndex] = \"\";\n                        separatorIndex = buffer.length - 1;\n                    }\n                } else if (i === 0 && StringUtils.isUnaryMinus(value[i])) {\n                    buffer.push(\"-\");\n                }\n            }\n\n            return buffer.join(\"\");\n        }, []);\n\n        /** Обработчик изменения значения. */\n        const handleChange = useCallback(\n            (event: React.ChangeEvent<HTMLInputElement>) => {\n                const caret = getCaretPosition(event.target);\n                const value = getFilteredValue(event.target.value, caret);\n                const caretShift = value.length - event.target.value.length;\n\n                event.target.value = value;\n\n                setCaretPosition(event.target, caret + caretShift);\n\n                onChange?.(event);\n            },\n            [getFilteredValue, onChange],\n        );\n\n        return <FormFieldInput onChange={handleChange} {...restProps} ref={ref} />;\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAOO,MAAM,mBAAmBA,eAAM;AAAA,EAClC,CAAC,EAAE,UAAU,GAAG,UAAA,GAAa,QAAQ;AAEjC,UAAM,mBAAmB,YAAY,CAAC,OAAe,UAA0B;AAC3E,YAAM,SAAmB,CAAA;AACzB,YAAM,SAAS,MAAM;AACrB,UAAI,iBAAiB;AAErB,eAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC7B,YAAI,YAAY,QAAQ,MAAM,CAAC,CAAC,GAAG;AAC/B,iBAAO,KAAK,MAAM,CAAC,CAAC;AAAA,QACxB,WAAW,YAAY,mBAAmB,MAAM,CAAC,CAAC,GAAG;AACjD,cAAI,kBAAkB,IAAI;AACtB,mBAAO,KAAK,YAAY,YAAY;AACpC,6BAAiB,OAAO,SAAS;AAAA,UACrC,WAAW,IAAI,OAAO;AAClB,mBAAO,KAAK,YAAY,YAAY;AACpC,mBAAO,cAAc,IAAI;AACzB,6BAAiB,OAAO,SAAS;AAAA,UACrC;AAAA,QACJ,WAAW,MAAM,KAAK,YAAY,aAAa,MAAM,CAAC,CAAC,GAAG;AACtD,iBAAO,KAAK,GAAG;AAAA,QACnB;AAAA,MACJ;AAEA,aAAO,OAAO,KAAK,EAAE;AAAA,IACzB,GAAG,CAAA,CAAE;AAGL,UAAM,eAAe;AAAA,MACjB,CAAC,UAA+C;AAC5C,cAAM,QAAQ,iBAAiB,MAAM,MAAM;AAC3C,cAAM,QAAQ,iBAAiB,MAAM,OAAO,OAAO,KAAK;AACxD,cAAM,aAAa,MAAM,SAAS,MAAM,OAAO,MAAM;AAErD,cAAM,OAAO,QAAQ;AAErB,yBAAiB,MAAM,QAAQ,QAAQ,UAAU;AAEjD,6CAAW;AAAA,MACf;AAAA,MACA,CAAC,kBAAkB,QAAQ;AAAA,IAAA;AAG/B,+BAAQ,gBAAA,EAAe,UAAU,cAAe,GAAG,WAAW,KAAU;AAAA,EAC5E;AACJ;"}
+{"version":3,"file":"NumberFieldInput.js","sources":["../../../src/components/NumberField/NumberFieldInput.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { FormFieldInput, IFormFieldInputProps } from \"../FormField\";\nimport { getCaretPosition, setCaretPosition } from \"@sberbusiness/triplex-next/utils/inputUtils\";\nimport { StringUtils } from \"@sberbusiness/triplex-next/utils/stringUtils\";\nimport { AmountConst } from \"@sberbusiness/triplex-next/consts/AmountConst\";\n\n/**\n * Оставляет в строке цифры, ведущий минус и одну десятичную запятую (точка заменяется запятой).\n * При повторном разделителе сохраняется тот, что стоит правее каретки.\n * Каретка сдвигается только на символы, удалённые левее неё.\n */\nconst filterValue = (value: string, caret: number): { value: string; caret: number } => {\n    /** Символы результата по позициям исходной строки; пустая строка — символ удалён. */\n    const buffer: string[] = [];\n    let separatorIndex = -1;\n\n    for (let i = 0; i < value.length; i++) {\n        const char = value[i];\n\n        if (StringUtils.isDigit(char)) {\n            buffer.push(char);\n        } else if (StringUtils.isDecimalSeparator(char) && (separatorIndex === -1 || i > caret)) {\n            if (separatorIndex !== -1) {\n                buffer[separatorIndex] = \"\";\n            }\n            buffer.push(AmountConst.DecimalComma);\n            separatorIndex = i;\n        } else if (i === 0 && StringUtils.isUnaryMinus(char)) {\n            buffer.push(\"-\");\n        } else {\n            buffer.push(\"\");\n        }\n    }\n\n    return { value: buffer.join(\"\"), caret: buffer.slice(0, caret).join(\"\").length };\n};\n\n/** Поле ввода компонента NumberField. */\nexport const NumberFieldInput = React.forwardRef<HTMLInputElement, IFormFieldInputProps>(\n    ({ onChange, ...restProps }, ref) => {\n        /** Обработчик изменения значения. */\n        const handleChange = useCallback(\n            (event: React.ChangeEvent<HTMLInputElement>) => {\n                const { value, caret } = filterValue(event.target.value, getCaretPosition(event.target));\n\n                event.target.value = value;\n\n                setCaretPosition(event.target, caret);\n\n                onChange?.(event);\n            },\n            [onChange],\n        );\n\n        return <FormFieldInput onChange={handleChange} {...restProps} ref={ref} />;\n    },\n);\n\nNumberFieldInput.displayName = \"NumberFieldInput\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAWA,MAAM,cAAc,CAAC,OAAe,UAAoD;AAEpF,QAAM,SAAmB,CAAA;AACzB,MAAI,iBAAiB;AAErB,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACnC,UAAM,OAAO,MAAM,CAAC;AAEpB,QAAI,YAAY,QAAQ,IAAI,GAAG;AAC3B,aAAO,KAAK,IAAI;AAAA,IACpB,WAAW,YAAY,mBAAmB,IAAI,MAAM,mBAAmB,MAAM,IAAI,QAAQ;AACrF,UAAI,mBAAmB,IAAI;AACvB,eAAO,cAAc,IAAI;AAAA,MAC7B;AACA,aAAO,KAAK,YAAY,YAAY;AACpC,uBAAiB;AAAA,IACrB,WAAW,MAAM,KAAK,YAAY,aAAa,IAAI,GAAG;AAClD,aAAO,KAAK,GAAG;AAAA,IACnB,OAAO;AACH,aAAO,KAAK,EAAE;AAAA,IAClB;AAAA,EACJ;AAEA,SAAO,EAAE,OAAO,OAAO,KAAK,EAAE,GAAG,OAAO,OAAO,MAAM,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,OAAA;AAC5E;AAGO,MAAM,mBAAmBA,eAAM;AAAA,EAClC,CAAC,EAAE,UAAU,GAAG,UAAA,GAAa,QAAQ;AAEjC,UAAM,eAAe;AAAA,MACjB,CAAC,UAA+C;AAC5C,cAAM,EAAE,OAAO,MAAA,IAAU,YAAY,MAAM,OAAO,OAAO,iBAAiB,MAAM,MAAM,CAAC;AAEvF,cAAM,OAAO,QAAQ;AAErB,yBAAiB,MAAM,QAAQ,KAAK;AAEpC,6CAAW;AAAA,MACf;AAAA,MACA,CAAC,QAAQ;AAAA,IAAA;AAGb,+BAAQ,gBAAA,EAAe,UAAU,cAAe,GAAG,WAAW,KAAU;AAAA,EAC5E;AACJ;AAEA,iBAAiB,cAAc;"}

package/components/OrderedList/OrderedList.js

@@ -2,25 +2,28 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__ab827bb9";
+const orderedList = "orderedList__85dbec2f";
 const styles = {
   orderedList
 };
 const OrderedList = Object.assign(
-  React__default.forwardRef(({ className, start, style, ...restProps }, ref) => /* @__PURE__ */ jsx(
-    "ol",
-    {
-      className: clsx(styles.orderedList, className),
-      start,
-      style: start !== void 0 ? {
-        ...style,
-        ["--start-index-tx"]: start - 1
-      } : style,
-      ...restProps,
-      "data-tx": "1.50.0",
-      ref
-    }
-  )),
+  React__default.forwardRef(({ className, start, style, ...restProps }, ref) => {
+    const orderedListStyle = start !== void 0 ? {
+      ...style,
+      "--triplex-next-runtime-OrderedList-Root_CounterReset": start - 1
+    } : style;
+    return /* @__PURE__ */ jsx(
+      "ol",
+      {
+        className: clsx(styles.orderedList, className),
+        start,
+        style: orderedListStyle,
+        ...restProps,
+        "data-tx": "1.52.0",
+        ref
+      }
+    );
+  }),
   {
     Item: OrderedListItem
   }

package/components/OrderedList/OrderedList.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderedList.js","sources":["../../../src/components/OrderedList/OrderedList.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IOrderedListProps } from \"@sberbusiness/triplex-next/components/OrderedList/types\";\nimport { OrderedListItem } from \"@sberbusiness/triplex-next/components/OrderedList/OrderedListItem\";\nimport styles from \"./styles/OrderedList.module.less\";\n\n/** Нумерованный список. */\nexport const OrderedList = Object.assign(\n    React.forwardRef<HTMLOListElement, IOrderedListProps>(({ className, start, style, ...restProps }, ref) => (\n        <ol\n            className={clsx(styles.orderedList, className)}\n            start={start}\n            style={\n                start !== undefined\n                    ? {\n                          ...style,\n                          [\"--start-index-tx\" as keyof React.CSSProperties]: start - 1,\n                      }\n                    : style\n            }\n            {...restProps}\n            data-tx={process.env.npm_package_version}\n            ref={ref}\n        />\n    )),\n    {\n        Item: OrderedListItem,\n    },\n);\n\nOrderedList.displayName = \"OrderedList\";\n"],"names":["React"],"mappings":";;;;;;;;AAOO,MAAM,cAAc,OAAO;AAAA,EAC9BA,eAAM,WAAgD,CAAC,EAAE,WAAW,OAAO,OAAO,GAAG,aAAa,QAC9F;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,aAAa,SAAS;AAAA,MAC7C;AAAA,MACA,OACI,UAAU,SACJ;AAAA,QACI,GAAG;AAAA,QACH,CAAC,kBAA+C,GAAG,QAAQ;AAAA,MAAA,IAE/D;AAAA,MAET,GAAG;AAAA,MACJ,WAAS;AAAA,MACT;AAAA,IAAA;AAAA,EAAA,CAEP;AAAA,EACD;AAAA,IACI,MAAM;AAAA,EAAA;AAEd;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"OrderedList.js","sources":["../../../src/components/OrderedList/OrderedList.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IOrderedListProps } from \"@sberbusiness/triplex-next/components/OrderedList/types\";\nimport { OrderedListItem } from \"@sberbusiness/triplex-next/components/OrderedList/OrderedListItem\";\nimport styles from \"./styles/OrderedList.module.less\";\n\ninterface IOrderedListStyle extends React.CSSProperties {\n    \"--triplex-next-runtime-OrderedList-Root_CounterReset\": number;\n}\n\n/** Нумерованный список. */\nexport const OrderedList = Object.assign(\n    React.forwardRef<HTMLOListElement, IOrderedListProps>(({ className, start, style, ...restProps }, ref) => {\n        // Каждый пункт увеличивает счётчик до вывода номера, поэтому сброс — на единицу меньше start.\n        const orderedListStyle =\n            start !== undefined\n                ? ({\n                      ...style,\n                      \"--triplex-next-runtime-OrderedList-Root_CounterReset\": start - 1,\n                  } satisfies IOrderedListStyle)\n                : style;\n\n        return (\n            <ol\n                className={clsx(styles.orderedList, className)}\n                start={start}\n                style={orderedListStyle}\n                {...restProps}\n                data-tx={process.env.npm_package_version}\n                ref={ref}\n            />\n        );\n    }),\n    {\n        Item: OrderedListItem,\n    },\n);\n\nOrderedList.displayName = \"OrderedList\";\n"],"names":["React"],"mappings":";;;;;;;;AAWO,MAAM,cAAc,OAAO;AAAA,EAC9BA,eAAM,WAAgD,CAAC,EAAE,WAAW,OAAO,OAAO,GAAG,UAAA,GAAa,QAAQ;AAEtG,UAAM,mBACF,UAAU,SACH;AAAA,MACG,GAAG;AAAA,MACH,wDAAwD,QAAQ;AAAA,IAAA,IAEpE;AAEV,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,aAAa,SAAS;AAAA,QAC7C;AAAA,QACA,OAAO;AAAA,QACN,GAAG;AAAA,QACJ,WAAS;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ,CAAC;AAAA,EACD;AAAA,IACI,MAAM;AAAA,EAAA;AAEd;AAEA,YAAY,cAAc;"}

package/components/OrderedList/OrderedListItem.js

@@ -6,7 +6,7 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const orderedListItem = "orderedListItem__e72019c9";
+const orderedListItem = "orderedListItem__86b96936";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React__default.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "1.50.0",
+      "data-tx": "1.52.0",
       ref
     }
   )