@sberbusiness/triplex-next 1.49.0 → 1.51.0

package/components/MonthYearRange/MonthYearRange.js

@@ -5,9 +5,9 @@ import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__874b1f7b";
-const monthYearRangeButton = "monthYearRangeButton__d81c975c";
-const separator = "separator__8283930c";
+const monthYearRange = "monthYearRange__9b8f3545";
+const monthYearRangeButton = "monthYearRangeButton__aa1da797";
+const separator = "separator__9b73e757";
 const styles = {
   monthYearRange,
   monthYearRangeButton,
@@ -29,6 +29,7 @@ const MonthYearRange = React__default.forwardRef(
   }, ref) => {
     const [start, end] = value;
     const classNames = clsx(styles.monthYearRange, className);
+    const shiftDisabled = !(start && end);
     const handleChangePickerFrom = (date) => {
       if (!date || !end || date <= end) {
         onChange([date, end]);
@@ -43,8 +44,8 @@ const MonthYearRange = React__default.forwardRef(
         onChange(["", date]);
       }
     };
-    const shiftRangeBack = () => {
-      if (!start || !end) {
+    const shiftRange = (amount) => {
+      if (shiftDisabled) {
         return;
       }
       const momentStart = moment(start, dateFormatYYYYMMDD, true);
@@ -53,30 +54,16 @@ const MonthYearRange = React__default.forwardRef(
         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;
-      }
-      onChange([
-        momentStart.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),
-        momentEnd.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD)
+        momentStart.add(amount, shiftUnit).format(dateFormatYYYYMMDD),
+        momentEnd.add(amount, shiftUnit).format(dateFormatYYYYMMDD)
       ]);
     };
     return /* @__PURE__ */ jsxs("div", { className: classNames, ...rest, 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,
@@ -89,9 +76,9 @@ const MonthYearRange = React__default.forwardRef(
       }),
       !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 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    /** Содержимое кнопки — иконка направления сдвига. */\n    children: React.ReactNode;\n    /** CSS-класс, который следует передать кнопке. */\n    className: string;\n    /** Обработчик сдвига; не вызывает onChange при пустой или невалидной границе. */\n    onClick: () => void;\n    /** Кнопка отключена, если хотя бы одна граница диапазона пуста. */\n    disabled: boolean;\n}\n\n/** Свойства функции рендеринга поля выбора месяца. */\nexport interface IMonthYearRangePickerProvideProps {\n    /** Дата в формате YYYYMMDD или пустая строка, если граница не выбрана. */\n    value: string;\n    /** Обработчик изменения границы; при пересечении очищает противоположную границу. */\n    onChange: (value: string) => void;\n}\n\n/** Границы диапазона [от, до] в формате YYYYMMDD; пустая строка означает отсутствие границы. */\nexport type TMonthYearRangeValue = [string, string];\n\n/** Свойства компонента MonthYearRange. */\nexport interface IMonthYearRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n    /** Границы диапазона [от, до] в формате YYYYMMDD; пустая строка означает отсутствие границы. */\n    value: TMonthYearRangeValue;\n    /** Обработчик изменения диапазона; передаёт новые границы для обновления value. */\n    onChange: (value: TMonthYearRangeValue) => void;\n    /** Величина сдвига диапазона в единицах shiftUnit. По умолчанию 1. */\n    shiftAmount?: number;\n    /** Единица измерения сдвига. По умолчанию EMonthYearRangeShiftUnit.MONTH. */\n    shiftUnit?: EMonthYearRangeShiftUnit;\n    /** Скрывает кнопки сдвига диапазона. По умолчанию кнопки отображаются. */\n    hideNavigation?: boolean;\n    /** Рендерит поле выбора месяца \"от\", используя переданные value и onChange. */\n    renderPickerFrom: (props: IMonthYearRangePickerProvideProps) => React.ReactNode;\n    /** Рендерит поле выбора месяца \"до\", используя переданные value и onChange. */\n    renderPickerTo: (props: IMonthYearRangePickerProvideProps) => React.ReactNode;\n    /** Рендерит кнопку сдвига назад, используя переданные children, className, onClick и disabled. */\n    renderButtonBack: (props: IMonthYearRangeButtonProvideProps) => React.ReactNode;\n    /** Рендерит кнопку сдвига вперёд, используя переданные children, className, onClick и disabled. */\n    renderButtonForward: (props: IMonthYearRangeButtonProvideProps) => React.ReactNode;\n}\n\n/**\n * Выбор диапазона месяцев: поля «от» и «до» и кнопки сдвига диапазона назад и вперёд.\n * Поля и кнопки рендерит потребитель через render-props.\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        const shiftDisabled = !(start && end);\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        /** Смещает обе границы диапазона на amount единиц. Неполный или невалидный диапазон не сдвигается. */\n        const shiftRange = (amount: number) => {\n            if (shiftDisabled) {\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(amount, shiftUnit).format(dateFormatYYYYMMDD),\n                momentEnd.add(amount, 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: styles.monthYearRangeButton,\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(-shiftAmount),\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: styles.monthYearRangeButton,\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(shiftAmount),\n                    })}\n            </div>\n        );\n    },\n);\n\nMonthYearRange.displayName = \"MonthYearRange\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAyDO,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;AAExD,UAAM,gBAAgB,EAAE,SAAS;AAGjC,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,aAAa,CAAC,WAAmB;AACnC,UAAI,eAAe;AACf;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,QAAQ,SAAS,EAAE,OAAO,kBAAkB;AAAA,QAC5D,UAAU,IAAI,QAAQ,SAAS,EAAE,OAAO,kBAAkB;AAAA,MAAA,CAC7D;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,OAAO;AAAA,QAClB,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,CAAC,WAAW;AAAA,MAAA,CACzC;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,OAAO;AAAA,QAClB,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,WAAW;AAAA,MAAA,CACxC;AAAA,IAAA,GACT;AAAA,EAER;AACJ;AAEA,eAAe,cAAc;"}

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-DjQdo1YB.js";
+import "../../../chunks/DropdownListItem-CGEa4kss.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__1d4c33fe";
-const loaderScreen = "loaderScreen__f45b4d7b";
-const sm = "sm__d62ce2b6";
-const md = "md__d00c389e";
-const lg = "lg__663f0842";
+const multiselectFieldContent = "multiselectFieldContent__d459c17a";
+const loaderScreen = "loaderScreen__b399a616";
+const sm = "sm__2d37f28d";
+const md = "md__1cebd4b5";
+const lg = "lg__0d5c6027";
 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__850aac20";
+const multiselectFieldFooter = "multiselectFieldFooter__7247f658";
 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__6e61666a";
+const multiselectFieldHeader = "multiselectFieldHeader__3de39d2d";
 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-DVuwgVX2.js";
+import { s as styles } from "../../chunks/Notification.module-ecOAwTp9.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.49.0",
+        "data-tx": "1.51.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-DVuwgVX2.js";
+import { NotificationGroupedFooter } from "./components/NotificationGroupedFooter.js";
+import { s as styles } from "../../chunks/Notification.module-ecOAwTp9.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-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-ecOAwTp9.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-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-ecOAwTp9.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-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-ecOAwTp9.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-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-ecOAwTp9.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-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-ecOAwTp9.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-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-ecOAwTp9.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-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-ecOAwTp9.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-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-ecOAwTp9.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__bcae49ca";
+const orderedList = "orderedList__84de3925";
 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.49.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.51.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__bcfc0353";
+const orderedListItem = "orderedListItem__37c97f18";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React__default.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "1.49.0",
+      "data-tx": "1.51.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-gHJE_l5f.js";
+import { s as styles } from "../../chunks/Overlay.module-CJy1uzDx.js";
 const Overlay = Object.assign(
   React__default.forwardRef(
     ({

package/components/Overlay/OverlayMask.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/Overlay.module-gHJE_l5f.js";
+import { s as styles } from "../../chunks/Overlay.module-CJy1uzDx.js";
 const OverlayMask = React__default.forwardRef(
   ({ className, opened, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/Overlay/OverlayPanel.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-gHJE_l5f.js";
+import { s as styles } from "../../chunks/Overlay.module-CJy1uzDx.js";
 const OverlayPanel = React__default.forwardRef(
   ({
     children,

package/components/Page/Page.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { BodyPage } from "./components/BodyPage.js";
 import { HeaderPage } from "./components/HeaderPage.js";
 import { FooterPage } from "./components/FooterPage.js";
-import { s as styles } from "../../chunks/Page.module-DWSh8Qo6.js";
+import { s as styles } from "../../chunks/Page.module-Bg5zU-FU.js";
 import "./components/enums.js";
 const Page = Object.assign(
   React__default.forwardRef(function Page2({ children, className, ...rest }, ref) {

package/components/Page/components/BodyPage.js

@@ -5,13 +5,13 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__0f1397fe";
-const marginTopLarge = "marginTopLarge__add402ac";
-const marginTopSmall = "marginTopSmall__382833c0";
-const marginTopNone = "marginTopNone__75852331";
-const marginBottomLarge = "marginBottomLarge__54b2beaf";
-const marginBottomSmall = "marginBottomSmall__4addcb9a";
-const marginBottomNone = "marginBottomNone__1aeec942";
+const bodyPage = "bodyPage__6410fde3";
+const marginTopLarge = "marginTopLarge__7e00042a";
+const marginTopSmall = "marginTopSmall__a0718450";
+const marginTopNone = "marginTopNone__31dccd75";
+const marginBottomLarge = "marginBottomLarge__10f372a8";
+const marginBottomSmall = "marginBottomSmall__7c4a639f";
+const marginBottomNone = "marginBottomNone__f22654fe";
 const styles = {
   bodyPage,
   marginTopLarge,

package/components/Page/components/FooterPage.js

@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-DWSh8Qo6.js";
+import { s as styles } from "../../../chunks/Page.module-Bg5zU-FU.js";
 const FooterPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...restProps }, ref) => {

package/components/Page/components/HeaderPage.js

@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-DWSh8Qo6.js";
+import { s as styles } from "../../../chunks/Page.module-Bg5zU-FU.js";
 const HeaderPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {