@sberbusiness/triplex-next 1.46.0 → 1.47.0

package/components/AbstractTree/AbstractTreeNode.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { i as isEqual } from "../../chunks/vendor-DqjKLGwf.js";
+import { i as isEqual } from "../../chunks/vendor-CUIykw0y.js";
 class AbstractTreeNode {
   constructor() {
     // Массив дочерних нод.

package/components/AccordionBase/protected/AccordionBase.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 class AccordionBase extends React__default.Component {
   constructor(props) {
     super(props);

package/components/Alert/AlertContext/AlertContext.js

@@ -5,13 +5,13 @@ import { ALERT_TYPE_TO_CLASS_NAME_MAP } from "../AlertTypeUtils.js";
 import { Text } from "../../Typography/Text.js";
 import { ETextSize } from "../../Typography/enums.js";
 import { SystemStrokeStsIcon16, ErrorStrokeStsIcon16, WarningStrokeStsIcon16, InfoStrokeStsIcon16 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-const alertContext = "alertContext__fb0bd914";
-const alertContextText = "alertContextText__ea7c2e93";
-const alertTypeError = "alertTypeError__51896c24";
-const alertTypeInfo = "alertTypeInfo__161200e4";
-const alertTypeWarning = "alertTypeWarning__d2ecd246";
-const alertTypeSystem = "alertTypeSystem__8eae75d9";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const alertContext = "alertContext__fca81882";
+const alertContextText = "alertContextText__1a2c294d";
+const alertTypeError = "alertTypeError__a627eeb2";
+const alertTypeInfo = "alertTypeInfo__29a11b0d";
+const alertTypeWarning = "alertTypeWarning__7644c030";
+const alertTypeSystem = "alertTypeSystem__b17c0f39";
 const styles = {
   alertContext,
   alertContextText,
@@ -34,7 +34,7 @@ const AlertContext = React__default.forwardRef(
         role: "alert",
         className: clsx(styles.alertContext, ALERT_TYPE_TO_CLASS_NAME_MAP[type](styles), className),
         ...rest,
-        "data-tx": "1.46.0",
+        "data-tx": "1.47.0",
         ref,
         children: [
           renderIcon || TYPE_TO_DEFAULT_ICON_MAP[type],

package/components/Alert/AlertProcess/AlertProcess.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState } from "react";
 import { DefaulticonStrokePrdIcon20, SystemStrokeStsIcon20, ErrorStrokeStsIcon20, WarningStrokeStsIcon20, InfoStrokeStsIcon20, CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { EAlertType } from "../EAlertType.js";
 import { ALERT_TYPE_TO_CLASS_NAME_MAP } from "../AlertTypeUtils.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
-import { s as styles, A as AlertProcessSpoiler } from "../../../chunks/AlertProcessSpoiler-N4xDl9wn.js";
+import { s as styles, A as AlertProcessSpoiler } from "../../../chunks/AlertProcessSpoiler-Bws9nhT_.js";
 import { AlertProcessContext } from "./AlertProcessContext.js";
 import { EAlertProcessBorderRadius } from "./enums.js";
 const TYPE_TO_DEFAULT_ICON_MAP = {
@@ -50,7 +50,7 @@ const AlertProcess = Object.assign(
           className
         ),
         ...rest,
-        "data-tx": "1.46.0",
+        "data-tx": "1.47.0",
         ref,
         children: [
           /* @__PURE__ */ jsx("div", { className: styles.themeIcon, children: renderIcon || TYPE_TO_DEFAULT_ICON_MAP[type] }),

package/components/Alert/AlertProcess/components/AlertProcessSpoiler.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
 import "@sberbusiness/icons-next";
-import "../../../../chunks/vendor-DqjKLGwf.js";
+import "../../../../chunks/vendor-CUIykw0y.js";
 import "../../../Button/ButtonIcon.js";
 import "../AlertProcessContext.js";
-import { A } from "../../../../chunks/AlertProcessSpoiler-N4xDl9wn.js";
+import { A } from "../../../../chunks/AlertProcessSpoiler-Bws9nhT_.js";
 export {
   A as AlertProcessSpoiler
 };

package/components/Amount/Amount.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { formatAmount } from "../../utils/amountUtils.js";
-const adaptive = "adaptive__a1d156b7";
+const adaptive = "adaptive__5857b696";
 const styles = {
   adaptive
 };
@@ -20,7 +20,7 @@ const Amount = React__default.forwardRef(
       },
       className
     );
-    return /* @__PURE__ */ jsxs("span", { className: classNames, ...restProps, ref, "data-tx": "1.46.0", children: [
+    return /* @__PURE__ */ jsxs("span", { className: classNames, ...restProps, ref, "data-tx": "1.47.0", children: [
       /* @__PURE__ */ jsx("span", { "data-test-id": dataTestId && `${dataTestId}__amount`, children: formattedAmount }),
       currency && /* @__PURE__ */ jsxs(Fragment, { children: [
         NON_BREAKING_SPACE,

package/components/AmountField/AmountBaseInputCore.js

@@ -13,7 +13,7 @@ class AmountBaseInputCore {
     __publicField(this, "caret");
     /** Максимальное количество знаков перед запятой. */
     __publicField(this, "maxIntegerDigits");
-    /** Количество чисел после запятой. */
+    /** Количество знаков после запятой. */
     __publicField(this, "fractionDigits");
     /** Кэш для хранения значений. */
     __publicField(this, "cache");
@@ -44,7 +44,7 @@ class AmountBaseInputCore {
   }
   /** Форматирование значения. */
   format(value) {
-    const formatter = new AmountBaseInputFormatter(this.maxIntegerDigits, this.fractionDigits);
+    const formatter = new AmountBaseInputFormatter(this.fractionDigits);
     formatter.apply(value);
     this.formattedValue = formatter.getValue();
     this.caret += formatter.getCaretOffset();

package/components/AmountField/AmountBaseInputCore.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountBaseInputCore.js","sources":["../../../src/components/AmountField/AmountBaseInputCore.ts"],"sourcesContent":["import { AmountBaseInputParser } from \"./AmountBaseInputParser\";\nimport { AmountBaseInputFormatter } from \"./AmountBaseInputFormatter\";\n\n/** Свойства кэша AmountBaseInputCore. */\ninterface IAmountBaseInputCoreCache {\n    /** Отформатированное значение. */\n    formattedValue: string;\n    /** Значение нажатой клавиши. */\n    key: string;\n    /** Позиция начала выделения. */\n    selectionStart: number | null;\n    /** Позиция конца выделения. */\n    selectionEnd: number | null;\n    /** Направление выделения. */\n    selectionDirection: \"forward\" | \"backward\" | \"none\" | null;\n}\n\n/** Основная логика в AmountBaseInput. */\nexport class AmountBaseInputCore {\n    /** Значение. */\n    public value: string;\n    /** Отформатированное значение. */\n    public formattedValue: string;\n    /** Положение каретки. */\n    public caret: number;\n    /** Максимальное количество знаков перед запятой. */\n    public maxIntegerDigits: number;\n    /** Количество чисел после запятой. */\n    public fractionDigits: number;\n    /** Кэш для хранения значений. */\n    public cache: IAmountBaseInputCoreCache;\n\n    constructor(maxIntegerDigits: number, fractionDigits: number) {\n        this.value = \"\";\n        this.formattedValue = \"\";\n        this.caret = 0;\n        this.maxIntegerDigits = maxIntegerDigits;\n        this.fractionDigits = fractionDigits;\n        this.cache = {\n            formattedValue: \"\",\n            key: \"\",\n            selectionDirection: null,\n            selectionEnd: null,\n            selectionStart: null,\n        };\n    }\n\n    /** Применение входных данных. */\n    public apply(value: string, caret: number): void {\n        this.parse(value, caret);\n        this.format(this.value);\n    }\n\n    /** Обработка значения. */\n    private parse(value: string, caret: number): void {\n        const parser = new AmountBaseInputParser(this.maxIntegerDigits, this.fractionDigits);\n\n        parser.apply(value, caret, this.cache.key);\n\n        this.value = parser.getValue();\n        this.caret = caret + parser.getCaretOffset();\n    }\n\n    /** Форматирование значения. */\n    private format(value: string): void {\n        const formatter = new AmountBaseInputFormatter(this.maxIntegerDigits, this.fractionDigits);\n\n        formatter.apply(value);\n\n        this.formattedValue = formatter.getValue();\n        this.caret += formatter.getCaretOffset();\n    }\n}\n"],"names":[],"mappings":";;;;;AAkBO,MAAM,oBAAoB;AAAA,EAc7B,YAAY,kBAA0B,gBAAwB;AAZvD;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAGH,SAAK,QAAQ;AACb,SAAK,iBAAiB;AACtB,SAAK,QAAQ;AACb,SAAK,mBAAmB;AACxB,SAAK,iBAAiB;AACtB,SAAK,QAAQ;AAAA,MACT,gBAAgB;AAAA,MAChB,KAAK;AAAA,MACL,oBAAoB;AAAA,MACpB,cAAc;AAAA,MACd,gBAAgB;AAAA,IAAA;AAAA,EAExB;AAAA;AAAA,EAGO,MAAM,OAAe,OAAqB;AAC7C,SAAK,MAAM,OAAO,KAAK;AACvB,SAAK,OAAO,KAAK,KAAK;AAAA,EAC1B;AAAA;AAAA,EAGQ,MAAM,OAAe,OAAqB;AAC9C,UAAM,SAAS,IAAI,sBAAsB,KAAK,kBAAkB,KAAK,cAAc;AAEnF,WAAO,MAAM,OAAO,OAAO,KAAK,MAAM,GAAG;AAEzC,SAAK,QAAQ,OAAO,SAAA;AACpB,SAAK,QAAQ,QAAQ,OAAO,eAAA;AAAA,EAChC;AAAA;AAAA,EAGQ,OAAO,OAAqB;AAChC,UAAM,YAAY,IAAI,yBAAyB,KAAK,kBAAkB,KAAK,cAAc;AAEzF,cAAU,MAAM,KAAK;AAErB,SAAK,iBAAiB,UAAU,SAAA;AAChC,SAAK,SAAS,UAAU,eAAA;AAAA,EAC5B;AACJ;"}
+{"version":3,"file":"AmountBaseInputCore.js","sources":["../../../src/components/AmountField/AmountBaseInputCore.ts"],"sourcesContent":["import { AmountBaseInputParser } from \"./AmountBaseInputParser\";\nimport { AmountBaseInputFormatter } from \"./AmountBaseInputFormatter\";\n\n/** Свойства кэша AmountBaseInputCore. */\ninterface IAmountBaseInputCoreCache {\n    /** Отформатированное значение. */\n    formattedValue: string;\n    /** Значение нажатой клавиши. */\n    key: string;\n    /** Позиция начала выделения. */\n    selectionStart: number | null;\n    /** Позиция конца выделения. */\n    selectionEnd: number | null;\n    /** Направление выделения. */\n    selectionDirection: \"forward\" | \"backward\" | \"none\" | null;\n}\n\n/** Основная логика в AmountBaseInput. */\nexport class AmountBaseInputCore {\n    /** Значение. */\n    public value: string;\n    /** Отформатированное значение. */\n    public formattedValue: string;\n    /** Положение каретки. */\n    public caret: number;\n    /** Максимальное количество знаков перед запятой. */\n    public maxIntegerDigits: number;\n    /** Количество знаков после запятой. */\n    public fractionDigits: number;\n    /** Кэш для хранения значений. */\n    public cache: IAmountBaseInputCoreCache;\n\n    constructor(maxIntegerDigits: number, fractionDigits: number) {\n        this.value = \"\";\n        this.formattedValue = \"\";\n        this.caret = 0;\n        this.maxIntegerDigits = maxIntegerDigits;\n        this.fractionDigits = fractionDigits;\n        this.cache = {\n            formattedValue: \"\",\n            key: \"\",\n            selectionDirection: null,\n            selectionEnd: null,\n            selectionStart: null,\n        };\n    }\n\n    /** Применение входных данных. */\n    public apply(value: string, caret: number): void {\n        this.parse(value, caret);\n        this.format(this.value);\n    }\n\n    /** Обработка значения. */\n    private parse(value: string, caret: number): void {\n        const parser = new AmountBaseInputParser(this.maxIntegerDigits, this.fractionDigits);\n\n        parser.apply(value, caret, this.cache.key);\n\n        this.value = parser.getValue();\n        this.caret = caret + parser.getCaretOffset();\n    }\n\n    /** Форматирование значения. */\n    private format(value: string): void {\n        const formatter = new AmountBaseInputFormatter(this.fractionDigits);\n\n        formatter.apply(value);\n\n        this.formattedValue = formatter.getValue();\n        this.caret += formatter.getCaretOffset();\n    }\n}\n"],"names":[],"mappings":";;;;;AAkBO,MAAM,oBAAoB;AAAA,EAc7B,YAAY,kBAA0B,gBAAwB;AAZvD;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAGH,SAAK,QAAQ;AACb,SAAK,iBAAiB;AACtB,SAAK,QAAQ;AACb,SAAK,mBAAmB;AACxB,SAAK,iBAAiB;AACtB,SAAK,QAAQ;AAAA,MACT,gBAAgB;AAAA,MAChB,KAAK;AAAA,MACL,oBAAoB;AAAA,MACpB,cAAc;AAAA,MACd,gBAAgB;AAAA,IAAA;AAAA,EAExB;AAAA;AAAA,EAGO,MAAM,OAAe,OAAqB;AAC7C,SAAK,MAAM,OAAO,KAAK;AACvB,SAAK,OAAO,KAAK,KAAK;AAAA,EAC1B;AAAA;AAAA,EAGQ,MAAM,OAAe,OAAqB;AAC9C,UAAM,SAAS,IAAI,sBAAsB,KAAK,kBAAkB,KAAK,cAAc;AAEnF,WAAO,MAAM,OAAO,OAAO,KAAK,MAAM,GAAG;AAEzC,SAAK,QAAQ,OAAO,SAAA;AACpB,SAAK,QAAQ,QAAQ,OAAO,eAAA;AAAA,EAChC;AAAA;AAAA,EAGQ,OAAO,OAAqB;AAChC,UAAM,YAAY,IAAI,yBAAyB,KAAK,cAAc;AAElE,cAAU,MAAM,KAAK;AAErB,SAAK,iBAAiB,UAAU,SAAA;AAChC,SAAK,SAAS,UAAU,eAAA;AAAA,EAC5B;AACJ;"}

package/components/AmountField/AmountBaseInputFormatter.js

@@ -3,18 +3,15 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { AmountConst } from "../../consts/AmountConst.js";
 class AmountBaseInputFormatter {
-  constructor(maxLength, fractionDigits) {
+  constructor(fractionDigits) {
     /** Значение. */
     __publicField(this, "value");
     /** Величина сдвига каретки. */
     __publicField(this, "caretOffset");
-    /** Максимальное количество знаков (без учёта пробелов). */
-    __publicField(this, "maxLength");
-    /** Количество чисел после запятой. */
+    /** Количество знаков после запятой. */
     __publicField(this, "fractionDigits");
     this.value = "";
     this.caretOffset = 0;
-    this.maxLength = maxLength;
     this.fractionDigits = fractionDigits;
   }
   /** Получение значения. */
@@ -25,10 +22,10 @@ class AmountBaseInputFormatter {
   getCaretOffset() {
     return this.caretOffset;
   }
-  /** Применение входных данные для форматирования. */
+  /** Применение входных данных для форматирования. */
   apply(value) {
     const length = value.length;
-    if (this.fractionDigits == 0) {
+    if (this.fractionDigits === 0) {
       this.value = this.formatInteger(value, length);
     } else {
       this.value = this.formatDecimal(value, length);
@@ -41,7 +38,7 @@ class AmountBaseInputFormatter {
       let i = 0;
       buffer.push(value[i]);
       while (++i < length) {
-        if ((length - i) % 3 == 0) {
+        if ((length - i) % 3 === 0) {
           buffer.push(" ");
           this.caretOffset++;
         }
@@ -53,12 +50,12 @@ class AmountBaseInputFormatter {
   /** Форматирование значения в виде десятичной дроби. */
   formatDecimal(value, length) {
     const buffer = [];
-    if (length) {
+    if (length > 0) {
       const integerLength = length - this.fractionDigits - 1;
       let i = 0;
       buffer.push(value[i]);
       while (++i < integerLength) {
-        if ((integerLength - i) % 3 == 0) {
+        if ((integerLength - i) % 3 === 0) {
           buffer.push(" ");
           this.caretOffset++;
         }

package/components/AmountField/AmountBaseInputFormatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountBaseInputFormatter.js","sources":["../../../src/components/AmountField/AmountBaseInputFormatter.ts"],"sourcesContent":["import { AmountConst } from \"@sberbusiness/triplex-next/consts/AmountConst\";\n\n/** Форматер значения в AmountBaseInput. */\nexport class AmountBaseInputFormatter {\n    /** Значение. */\n    private value: string;\n    /** Величина сдвига каретки. */\n    private caretOffset: number;\n    /** Максимальное количество знаков (без учёта пробелов). */\n    private readonly maxLength: number;\n    /** Количество чисел после запятой. */\n    private readonly fractionDigits: number;\n\n    constructor(maxLength: number, fractionDigits: number) {\n        this.value = \"\";\n        this.caretOffset = 0;\n        this.maxLength = maxLength;\n        this.fractionDigits = fractionDigits;\n    }\n\n    /** Получение значения. */\n    public getValue(): string {\n        return this.value;\n    }\n\n    /** Получение величины сдвига каретки. */\n    public getCaretOffset(): number {\n        return this.caretOffset;\n    }\n\n    /** Применение входных данные для форматирования. */\n    public apply(value: string): void {\n        const length = value.length;\n\n        if (this.fractionDigits == 0) {\n            this.value = this.formatInteger(value, length);\n        } else {\n            this.value = this.formatDecimal(value, length);\n        }\n    }\n\n    /** Форматирование значения в виде целого значения. */\n    private formatInteger(value: string, length: number): string {\n        const buffer: string[] = [];\n\n        if (length > 0) {\n            let i = 0;\n\n            buffer.push(value[i]);\n            while (++i < length) {\n                // Нужно ли добавить разделитель между группами цифр.\n                if ((length - i) % 3 == 0) {\n                    buffer.push(\" \");\n                    this.caretOffset++;\n                }\n                buffer.push(value[i]);\n            }\n        }\n\n        return buffer.join(\"\");\n    }\n\n    /** Форматирование значения в виде десятичной дроби. */\n    private formatDecimal(value: string, length: number): string {\n        const buffer: string[] = [];\n\n        if (length) {\n            const integerLength = length - this.fractionDigits - 1;\n            let i = 0;\n\n            buffer.push(value[i]);\n            while (++i < integerLength) {\n                // Нужно ли добавить разделитель между группами цифр.\n                if ((integerLength - i) % 3 == 0) {\n                    buffer.push(\" \");\n                    this.caretOffset++;\n                }\n                buffer.push(value[i]);\n            }\n\n            buffer.push(AmountConst.DecimalComma);\n\n            while (++i < length) {\n                buffer.push(value[i]);\n            }\n        }\n\n        return buffer.join(\"\");\n    }\n}\n"],"names":[],"mappings":";;;;AAGO,MAAM,yBAAyB;AAAA,EAUlC,YAAY,WAAmB,gBAAwB;AAR/C;AAAA;AAEA;AAAA;AAES;AAAA;AAEA;AAAA;AAGb,SAAK,QAAQ;AACb,SAAK,cAAc;AACnB,SAAK,YAAY;AACjB,SAAK,iBAAiB;AAAA,EAC1B;AAAA;AAAA,EAGO,WAAmB;AACtB,WAAO,KAAK;AAAA,EAChB;AAAA;AAAA,EAGO,iBAAyB;AAC5B,WAAO,KAAK;AAAA,EAChB;AAAA;AAAA,EAGO,MAAM,OAAqB;AAC9B,UAAM,SAAS,MAAM;AAErB,QAAI,KAAK,kBAAkB,GAAG;AAC1B,WAAK,QAAQ,KAAK,cAAc,OAAO,MAAM;AAAA,IACjD,OAAO;AACH,WAAK,QAAQ,KAAK,cAAc,OAAO,MAAM;AAAA,IACjD;AAAA,EACJ;AAAA;AAAA,EAGQ,cAAc,OAAe,QAAwB;AACzD,UAAM,SAAmB,CAAA;AAEzB,QAAI,SAAS,GAAG;AACZ,UAAI,IAAI;AAER,aAAO,KAAK,MAAM,CAAC,CAAC;AACpB,aAAO,EAAE,IAAI,QAAQ;AAEjB,aAAK,SAAS,KAAK,KAAK,GAAG;AACvB,iBAAO,KAAK,GAAG;AACf,eAAK;AAAA,QACT;AACA,eAAO,KAAK,MAAM,CAAC,CAAC;AAAA,MACxB;AAAA,IACJ;AAEA,WAAO,OAAO,KAAK,EAAE;AAAA,EACzB;AAAA;AAAA,EAGQ,cAAc,OAAe,QAAwB;AACzD,UAAM,SAAmB,CAAA;AAEzB,QAAI,QAAQ;AACR,YAAM,gBAAgB,SAAS,KAAK,iBAAiB;AACrD,UAAI,IAAI;AAER,aAAO,KAAK,MAAM,CAAC,CAAC;AACpB,aAAO,EAAE,IAAI,eAAe;AAExB,aAAK,gBAAgB,KAAK,KAAK,GAAG;AAC9B,iBAAO,KAAK,GAAG;AACf,eAAK;AAAA,QACT;AACA,eAAO,KAAK,MAAM,CAAC,CAAC;AAAA,MACxB;AAEA,aAAO,KAAK,YAAY,YAAY;AAEpC,aAAO,EAAE,IAAI,QAAQ;AACjB,eAAO,KAAK,MAAM,CAAC,CAAC;AAAA,MACxB;AAAA,IACJ;AAEA,WAAO,OAAO,KAAK,EAAE;AAAA,EACzB;AACJ;"}
+{"version":3,"file":"AmountBaseInputFormatter.js","sources":["../../../src/components/AmountField/AmountBaseInputFormatter.ts"],"sourcesContent":["import { AmountConst } from \"@sberbusiness/triplex-next/consts/AmountConst\";\n\n/** Форматер значения в AmountBaseInput. */\nexport class AmountBaseInputFormatter {\n    /** Значение. */\n    private value: string;\n    /** Величина сдвига каретки. */\n    private caretOffset: number;\n    /** Количество знаков после запятой. */\n    private readonly fractionDigits: number;\n\n    constructor(fractionDigits: number) {\n        this.value = \"\";\n        this.caretOffset = 0;\n        this.fractionDigits = fractionDigits;\n    }\n\n    /** Получение значения. */\n    public getValue(): string {\n        return this.value;\n    }\n\n    /** Получение величины сдвига каретки. */\n    public getCaretOffset(): number {\n        return this.caretOffset;\n    }\n\n    /** Применение входных данных для форматирования. */\n    public apply(value: string): void {\n        const length = value.length;\n\n        if (this.fractionDigits === 0) {\n            this.value = this.formatInteger(value, length);\n        } else {\n            this.value = this.formatDecimal(value, length);\n        }\n    }\n\n    /** Форматирование значения в виде целого значения. */\n    private formatInteger(value: string, length: number): string {\n        const buffer: string[] = [];\n\n        if (length > 0) {\n            let i = 0;\n\n            buffer.push(value[i]);\n            while (++i < length) {\n                // Нужно ли добавить разделитель между группами цифр.\n                if ((length - i) % 3 === 0) {\n                    buffer.push(\" \");\n                    this.caretOffset++;\n                }\n                buffer.push(value[i]);\n            }\n        }\n\n        return buffer.join(\"\");\n    }\n\n    /** Форматирование значения в виде десятичной дроби. */\n    private formatDecimal(value: string, length: number): string {\n        const buffer: string[] = [];\n\n        if (length > 0) {\n            const integerLength = length - this.fractionDigits - 1;\n            let i = 0;\n\n            buffer.push(value[i]);\n            while (++i < integerLength) {\n                // Нужно ли добавить разделитель между группами цифр.\n                if ((integerLength - i) % 3 === 0) {\n                    buffer.push(\" \");\n                    this.caretOffset++;\n                }\n                buffer.push(value[i]);\n            }\n\n            buffer.push(AmountConst.DecimalComma);\n\n            while (++i < length) {\n                buffer.push(value[i]);\n            }\n        }\n\n        return buffer.join(\"\");\n    }\n}\n"],"names":[],"mappings":";;;;AAGO,MAAM,yBAAyB;AAAA,EAQlC,YAAY,gBAAwB;AAN5B;AAAA;AAEA;AAAA;AAES;AAAA;AAGb,SAAK,QAAQ;AACb,SAAK,cAAc;AACnB,SAAK,iBAAiB;AAAA,EAC1B;AAAA;AAAA,EAGO,WAAmB;AACtB,WAAO,KAAK;AAAA,EAChB;AAAA;AAAA,EAGO,iBAAyB;AAC5B,WAAO,KAAK;AAAA,EAChB;AAAA;AAAA,EAGO,MAAM,OAAqB;AAC9B,UAAM,SAAS,MAAM;AAErB,QAAI,KAAK,mBAAmB,GAAG;AAC3B,WAAK,QAAQ,KAAK,cAAc,OAAO,MAAM;AAAA,IACjD,OAAO;AACH,WAAK,QAAQ,KAAK,cAAc,OAAO,MAAM;AAAA,IACjD;AAAA,EACJ;AAAA;AAAA,EAGQ,cAAc,OAAe,QAAwB;AACzD,UAAM,SAAmB,CAAA;AAEzB,QAAI,SAAS,GAAG;AACZ,UAAI,IAAI;AAER,aAAO,KAAK,MAAM,CAAC,CAAC;AACpB,aAAO,EAAE,IAAI,QAAQ;AAEjB,aAAK,SAAS,KAAK,MAAM,GAAG;AACxB,iBAAO,KAAK,GAAG;AACf,eAAK;AAAA,QACT;AACA,eAAO,KAAK,MAAM,CAAC,CAAC;AAAA,MACxB;AAAA,IACJ;AAEA,WAAO,OAAO,KAAK,EAAE;AAAA,EACzB;AAAA;AAAA,EAGQ,cAAc,OAAe,QAAwB;AACzD,UAAM,SAAmB,CAAA;AAEzB,QAAI,SAAS,GAAG;AACZ,YAAM,gBAAgB,SAAS,KAAK,iBAAiB;AACrD,UAAI,IAAI;AAER,aAAO,KAAK,MAAM,CAAC,CAAC;AACpB,aAAO,EAAE,IAAI,eAAe;AAExB,aAAK,gBAAgB,KAAK,MAAM,GAAG;AAC/B,iBAAO,KAAK,GAAG;AACf,eAAK;AAAA,QACT;AACA,eAAO,KAAK,MAAM,CAAC,CAAC;AAAA,MACxB;AAEA,aAAO,KAAK,YAAY,YAAY;AAEpC,aAAO,EAAE,IAAI,QAAQ;AACjB,eAAO,KAAK,MAAM,CAAC,CAAC;AAAA,MACxB;AAAA,IACJ;AAEA,WAAO,OAAO,KAAK,EAAE;AAAA,EACzB;AACJ;"}

package/components/AmountField/AmountBaseInputParser.js

@@ -14,7 +14,7 @@ class AmountBaseInputParser {
     __publicField(this, "key");
     /** Максимальное количество знаков перед запятой. */
     __publicField(this, "maxIntegerDigits");
-    /** Количество чисел после запятой. */
+    /** Количество знаков после запятой. */
     __publicField(this, "fractionDigits");
     this.value = "";
     this.caretOffset = 0;
@@ -35,8 +35,8 @@ class AmountBaseInputParser {
     const length = value.length;
     this.key = key;
     if (this.maxIntegerDigits > 0) {
-      if (this.fractionDigits == 0) {
-        return this.parseInteger(value, caret, length);
+      if (this.fractionDigits === 0) {
+        return this.parseIntegerPart(value, caret, length);
       } else if (this.fractionDigits > 0) {
         return this.parseDecimal(value, caret, length);
       }
@@ -44,14 +44,10 @@ class AmountBaseInputParser {
     this.value = "";
     this.caretOffset -= length;
   }
-  /** Обработка значения в виде целого числа. */
-  parseInteger(value, caret, length) {
-    this.parseIntegerPart(value, caret, length);
-  }
   /** Обработка значения в виде десятичной дроби. */
   parseDecimal(value, caret, length) {
     const separatorIndex = this.findSeparatorIndex(value, caret, length);
-    const [integerEnd, fractionalStart] = separatorIndex != -1 ? [separatorIndex, separatorIndex + 1] : [caret, caret];
+    const [integerEnd, fractionalStart] = separatorIndex !== -1 ? [separatorIndex, separatorIndex + 1] : [caret, caret];
     const [integerPart, fractionalPart] = [value.substring(0, integerEnd), value.substring(fractionalStart)];
     this.parseIntegerPart(integerPart, Math.min(caret, integerEnd), integerEnd);
     this.parseFractionalPart(fractionalPart, Math.max(caret - fractionalStart, 0), length - fractionalStart);
@@ -66,7 +62,7 @@ class AmountBaseInputParser {
         for (let i = 0, n = 0; i < caret; i++) {
           if (StringUtils.isDigit(value[i])) {
             buffer.push(value[i]);
-            if (++n == maxDigitsBeforeCaret) {
+            if (++n === maxDigitsBeforeCaret) {
               break;
             }
           }
@@ -93,7 +89,7 @@ class AmountBaseInputParser {
       for (let i = 0, n = 0; i < caret; i++) {
         if (StringUtils.isDigit(value[i])) {
           buffer.push(value[i]);
-          if (++n == maxDigitsBeforeCaret) {
+          if (++n === maxDigitsBeforeCaret) {
             break;
           }
         } else {
@@ -112,8 +108,8 @@ class AmountBaseInputParser {
         }
       }
     }
-    if (this.value.length == 0) {
-      if (buffer.some((digit) => digit != "0")) {
+    if (this.value.length === 0) {
+      if (buffer.some((digit) => digit !== "0")) {
         this.value = "0";
         this.caretOffset++;
       } else {
@@ -129,7 +125,7 @@ class AmountBaseInputParser {
     for (let i = 0; i < length; i++) {
       if (StringUtils.isDigit(value[i])) {
         start = i;
-        if (value[i] != "0") {
+        if (value[i] !== "0") {
           break;
         }
       }

package/components/AmountField/AmountBaseInputParser.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountBaseInputParser.js","sources":["../../../src/components/AmountField/AmountBaseInputParser.ts"],"sourcesContent":["import { AmountConst } from \"@sberbusiness/triplex-next/consts/AmountConst\";\nimport { StringUtils } from \"@sberbusiness/triplex-next/utils/stringUtils\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\n\n/** Обработчик значения в AmountBaseInput. */\nexport class AmountBaseInputParser {\n    /** Значение. */\n    private value: string;\n    /** Величина сдвига каретки. */\n    private caretOffset: number;\n    /** Значение нажатой клавиши. */\n    private key: string;\n    /** Максимальное количество знаков перед запятой. */\n    private readonly maxIntegerDigits: number;\n    /** Количество чисел после запятой. */\n    private readonly fractionDigits: number;\n\n    constructor(maxIntegerDigits: number, fractionDigits: number) {\n        this.value = \"\";\n        this.caretOffset = 0;\n        this.maxIntegerDigits = maxIntegerDigits;\n        this.fractionDigits = fractionDigits;\n        this.key = \"\";\n    }\n\n    /** Получение значения. */\n    public getValue(): string {\n        return this.value;\n    }\n\n    /** Получение величины сдвига каретки. */\n    public getCaretOffset(): number {\n        return this.caretOffset;\n    }\n\n    /** Применение входных данных для обработки. */\n    public apply(value: string, caret: number, key: string): void {\n        const length = value.length;\n\n        this.key = key;\n\n        if (this.maxIntegerDigits > 0) {\n            if (this.fractionDigits == 0) {\n                return this.parseInteger(value, caret, length);\n            } else if (this.fractionDigits > 0) {\n                return this.parseDecimal(value, caret, length);\n            }\n        }\n\n        // Fallback\n        this.value = \"\";\n        this.caretOffset -= length;\n    }\n\n    /** Обработка значения в виде целого числа. */\n    private parseInteger(value: string, caret: number, length: number): void {\n        this.parseIntegerPart(value, caret, length);\n    }\n\n    /** Обработка значения в виде десятичной дроби. */\n    private parseDecimal(value: string, caret: number, length: number): void {\n        const separatorIndex = this.findSeparatorIndex(value, caret, length);\n        const [integerEnd, fractionalStart] =\n            separatorIndex != -1 ? [separatorIndex, separatorIndex + 1] : [caret, caret];\n        const [integerPart, fractionalPart] = [value.substring(0, integerEnd), value.substring(fractionalStart)];\n\n        this.parseIntegerPart(integerPart, Math.min(caret, integerEnd), integerEnd);\n        this.parseFractionalPart(fractionalPart, Math.max(caret - fractionalStart, 0), length - fractionalStart);\n    }\n\n    /** Обработка целой части числа. */\n    private parseIntegerPart(value: string, caret: number, length: number): void {\n        const buffer: string[] = [];\n        [value, caret, length] = this.trimLeadingZeros(value, caret, length);\n\n        // Обработка значения перед кареткой.\n        if (caret > 0) {\n            const maxDigitsBeforeCaret = this.maxIntegerDigits - (length - caret - Math.floor((length - caret) / 4));\n\n            if (maxDigitsBeforeCaret > 0) {\n                for (let i = 0, n = 0; i < caret; i++) {\n                    if (StringUtils.isDigit(value[i])) {\n                        buffer.push(value[i]);\n                        if (++n == maxDigitsBeforeCaret) {\n                            break;\n                        }\n                    }\n                }\n            }\n\n            this.caretOffset -= caret - buffer.length;\n        }\n\n        // Обработка значения после каретки.\n        if (caret < length) {\n            for (let i = caret; i < length; i++) {\n                if (StringUtils.isDigit(value[i])) {\n                    buffer.push(value[i]);\n                } else {\n                    this.caretOffset--;\n                }\n            }\n        }\n\n        this.value = buffer.join(\"\");\n    }\n\n    /** Обработка дробной части числа. */\n    private parseFractionalPart(value: string, caret: number, length: number): void {\n        const buffer: string[] = [];\n\n        // Обработка значения перед кареткой.\n        if (caret > 0) {\n            const maxDigitsBeforeCaret = this.fractionDigits;\n\n            for (let i = 0, n = 0; i < caret; i++) {\n                if (StringUtils.isDigit(value[i])) {\n                    buffer.push(value[i]);\n                    if (++n == maxDigitsBeforeCaret) {\n                        break;\n                    }\n                } else {\n                    this.caretOffset--;\n                }\n            }\n        }\n\n        // Обработка значения после каретки.\n        while (buffer.length < this.fractionDigits) {\n            const index: number = length - (this.fractionDigits - buffer.length);\n\n            if (index >= caret) {\n                buffer.push(value[index]);\n            } else {\n                buffer.push(\"0\");\n                if (isKey(this.key, \"DELETE\")) {\n                    this.caretOffset++;\n                }\n            }\n        }\n\n        // Если целая часть отсутствует.\n        if (this.value.length == 0) {\n            // При ненулевой дробной части, восстанавливаем целый ноль.\n            if (buffer.some((digit) => digit != \"0\")) {\n                this.value = \"0\";\n                this.caretOffset++;\n            }\n            // Останавливаем парсинг.\n            else {\n                return;\n            }\n        }\n\n        this.value += AmountConst.DecimalPoint;\n        this.value += buffer.join(\"\");\n    }\n\n    /** Удаление ведущих нулей и всего, что им предшествует. */\n    private trimLeadingZeros(value: string, caret: number, length: number): [string, number, number] {\n        let start = 0;\n\n        for (let i = 0; i < length; i++) {\n            if (StringUtils.isDigit(value[i])) {\n                start = i;\n                if (value[i] != \"0\") {\n                    break;\n                }\n            }\n        }\n\n        this.caretOffset -= start;\n\n        return [value.substring(start), Math.max(caret - start, 0), length - start];\n    }\n\n    /** Нахождение индекса десятичного разделителя. */\n    private findSeparatorIndex(value: string, caret: number, length: number): number {\n        // Если каретка находится перед числом целой части.\n        if (caret < length - (this.fractionDigits + 1)) {\n            for (let i = length - 1; i >= 0; i--) {\n                if (StringUtils.isDecimalSeparator(value[i])) {\n                    return i;\n                }\n            }\n        }\n        // Если каретка находится после целой части.\n        else {\n            for (let i = 0; i < length; i++) {\n                if (StringUtils.isDecimalSeparator(value[i])) {\n                    return i;\n                }\n            }\n        }\n\n        return -1;\n    }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AmountBaseInputParser.js","sources":["../../../src/components/AmountField/AmountBaseInputParser.ts"],"sourcesContent":["import { AmountConst } from \"@sberbusiness/triplex-next/consts/AmountConst\";\nimport { StringUtils } from \"@sberbusiness/triplex-next/utils/stringUtils\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\n\n/** Обработчик значения в AmountBaseInput. */\nexport class AmountBaseInputParser {\n    /** Значение. */\n    private value: string;\n    /** Величина сдвига каретки. */\n    private caretOffset: number;\n    /** Значение нажатой клавиши. */\n    private key: string;\n    /** Максимальное количество знаков перед запятой. */\n    private readonly maxIntegerDigits: number;\n    /** Количество знаков после запятой. */\n    private readonly fractionDigits: number;\n\n    constructor(maxIntegerDigits: number, fractionDigits: number) {\n        this.value = \"\";\n        this.caretOffset = 0;\n        this.maxIntegerDigits = maxIntegerDigits;\n        this.fractionDigits = fractionDigits;\n        this.key = \"\";\n    }\n\n    /** Получение значения. */\n    public getValue(): string {\n        return this.value;\n    }\n\n    /** Получение величины сдвига каретки. */\n    public getCaretOffset(): number {\n        return this.caretOffset;\n    }\n\n    /** Применение входных данных для обработки. */\n    public apply(value: string, caret: number, key: string): void {\n        const length = value.length;\n\n        this.key = key;\n\n        if (this.maxIntegerDigits > 0) {\n            if (this.fractionDigits === 0) {\n                return this.parseIntegerPart(value, caret, length);\n            } else if (this.fractionDigits > 0) {\n                return this.parseDecimal(value, caret, length);\n            }\n        }\n\n        // Fallback: без знаков перед запятой значение не имеет смысла — очищаем его целиком.\n        this.value = \"\";\n        this.caretOffset -= length;\n    }\n\n    /** Обработка значения в виде десятичной дроби. */\n    private parseDecimal(value: string, caret: number, length: number): void {\n        const separatorIndex = this.findSeparatorIndex(value, caret, length);\n        const [integerEnd, fractionalStart] =\n            separatorIndex !== -1 ? [separatorIndex, separatorIndex + 1] : [caret, caret];\n        const [integerPart, fractionalPart] = [value.substring(0, integerEnd), value.substring(fractionalStart)];\n\n        this.parseIntegerPart(integerPart, Math.min(caret, integerEnd), integerEnd);\n        this.parseFractionalPart(fractionalPart, Math.max(caret - fractionalStart, 0), length - fractionalStart);\n    }\n\n    /** Обработка целой части числа. */\n    private parseIntegerPart(value: string, caret: number, length: number): void {\n        const buffer: string[] = [];\n        [value, caret, length] = this.trimLeadingZeros(value, caret, length);\n\n        // Обработка значения перед кареткой.\n        if (caret > 0) {\n            const maxDigitsBeforeCaret = this.maxIntegerDigits - (length - caret - Math.floor((length - caret) / 4));\n\n            if (maxDigitsBeforeCaret > 0) {\n                for (let i = 0, n = 0; i < caret; i++) {\n                    if (StringUtils.isDigit(value[i])) {\n                        buffer.push(value[i]);\n                        if (++n === maxDigitsBeforeCaret) {\n                            break;\n                        }\n                    }\n                }\n            }\n\n            this.caretOffset -= caret - buffer.length;\n        }\n\n        // Обработка значения после каретки.\n        if (caret < length) {\n            for (let i = caret; i < length; i++) {\n                if (StringUtils.isDigit(value[i])) {\n                    buffer.push(value[i]);\n                } else {\n                    this.caretOffset--;\n                }\n            }\n        }\n\n        this.value = buffer.join(\"\");\n    }\n\n    /** Обработка дробной части числа. */\n    private parseFractionalPart(value: string, caret: number, length: number): void {\n        const buffer: string[] = [];\n\n        // Обработка значения перед кареткой.\n        if (caret > 0) {\n            const maxDigitsBeforeCaret = this.fractionDigits;\n\n            for (let i = 0, n = 0; i < caret; i++) {\n                if (StringUtils.isDigit(value[i])) {\n                    buffer.push(value[i]);\n                    if (++n === maxDigitsBeforeCaret) {\n                        break;\n                    }\n                } else {\n                    this.caretOffset--;\n                }\n            }\n        }\n\n        // Обработка значения после каретки.\n        while (buffer.length < this.fractionDigits) {\n            const index: number = length - (this.fractionDigits - buffer.length);\n\n            if (index >= caret) {\n                buffer.push(value[index]);\n            } else {\n                buffer.push(\"0\");\n                if (isKey(this.key, \"DELETE\")) {\n                    this.caretOffset++;\n                }\n            }\n        }\n\n        // Если целая часть отсутствует.\n        if (this.value.length === 0) {\n            // При ненулевой дробной части, восстанавливаем целый ноль.\n            if (buffer.some((digit) => digit !== \"0\")) {\n                this.value = \"0\";\n                this.caretOffset++;\n            }\n            // Останавливаем парсинг.\n            else {\n                return;\n            }\n        }\n\n        this.value += AmountConst.DecimalPoint;\n        this.value += buffer.join(\"\");\n    }\n\n    /** Удаление ведущих нулей и всего, что им предшествует. */\n    private trimLeadingZeros(value: string, caret: number, length: number): [string, number, number] {\n        let start = 0;\n\n        for (let i = 0; i < length; i++) {\n            if (StringUtils.isDigit(value[i])) {\n                start = i;\n                if (value[i] !== \"0\") {\n                    break;\n                }\n            }\n        }\n\n        this.caretOffset -= start;\n\n        return [value.substring(start), Math.max(caret - start, 0), length - start];\n    }\n\n    /** Нахождение индекса десятичного разделителя. */\n    private findSeparatorIndex(value: string, caret: number, length: number): number {\n        // Если каретка находится перед числом целой части.\n        if (caret < length - (this.fractionDigits + 1)) {\n            for (let i = length - 1; i >= 0; i--) {\n                if (StringUtils.isDecimalSeparator(value[i])) {\n                    return i;\n                }\n            }\n        }\n        // Если каретка находится после целой части.\n        else {\n            for (let i = 0; i < length; i++) {\n                if (StringUtils.isDecimalSeparator(value[i])) {\n                    return i;\n                }\n            }\n        }\n\n        return -1;\n    }\n}\n"],"names":[],"mappings":"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"}

package/components/AmountField/AmountField.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React__default, { useRef, useLayoutEffect, useMemo } from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import React__default, { useRef, useLayoutEffect, useCallback } from "react";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { TextFieldBase } from "../TextField/TextFieldBase.js";
 import { EFormFieldStatus } from "../FormField/enums.js";
 import { FormFieldClear } from "../FormField/components/FormFieldClear.js";
@@ -17,16 +17,17 @@ import "../FormField/FormField.js";
 import { AmountBaseInputCore } from "./AmountBaseInputCore.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { setCaretPosition } from "../../utils/inputUtils.js";
-import { createPlaceholder, setFallbackCaret } from "./utils.js";
+import { setForwardedRef } from "../../helpers/setForwardedRef.js";
+import { createPlaceholder, syncCoreAndGetFormattedValue, setFallbackCaret } from "./utils.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const amountFieldInputWrapper = "amountFieldInputWrapper__f15cf412";
-const currencyLayout = "currencyLayout__4de167f2";
-const sm = "sm__8520ef84";
-const md = "md__9668d247";
-const lg = "lg__481427b6";
-const valueMirror = "valueMirror__7ecaca70";
-const currencyUnit = "currencyUnit__a2d0b3be";
-const disabled = "disabled__cf3d6cc6";
+const amountFieldInputWrapper = "amountFieldInputWrapper__d59502fd";
+const currencyLayout = "currencyLayout__75688e4b";
+const sm = "sm__d5279867";
+const md = "md__02cea32d";
+const lg = "lg__2ae4bb41";
+const valueMirror = "valueMirror__6d42fc19";
+const currencyUnit = "currencyUnit__18f230c3";
+const disabled = "disabled__77afa8d2";
 const styles = {
   amountFieldInputWrapper,
   currencyLayout,
@@ -47,70 +48,51 @@ const AmountField = React__default.forwardRef(
     maxIntegerDigits = 16,
     fractionDigits = 2,
     onClear,
+    clearProps,
     ...restProps
   }, ref) => {
     const { status, "data-test-id": dataTestId } = restProps;
     const placeholder = inputProps.placeholder || createPlaceholder(fractionDigits);
     const inputRef = useRef(null);
-    const core = useRef();
-    if (core.current === void 0) core.current = new AmountBaseInputCore(maxIntegerDigits, fractionDigits);
+    const coreRef = useRef(null);
+    if (coreRef.current === null) {
+      coreRef.current = new AmountBaseInputCore(maxIntegerDigits, fractionDigits);
+    }
+    const core = coreRef.current;
+    const formattedValue = syncCoreAndGetFormattedValue(core, inputProps.value, maxIntegerDigits, fractionDigits);
     useLayoutEffect(() => {
-      if (core.current && inputRef.current == document.activeElement)
-        setCaretPosition(inputRef.current, Math.max(core.current.caret, 0));
-    }, [inputProps.value]);
-    const getFormattedValue = () => {
-      if (!core.current) return "";
-      if (inputProps.value != core.current.value || maxIntegerDigits != core.current.maxIntegerDigits || fractionDigits != core.current.fractionDigits) {
-        core.current.maxIntegerDigits = maxIntegerDigits;
-        core.current.fractionDigits = fractionDigits;
-        core.current.apply(inputProps.value, inputProps.value.length);
-      }
-      core.current.cache.formattedValue = core.current.formattedValue;
-      return core.current.formattedValue;
-    };
-    const formattedValue = getFormattedValue();
+      setCaretPosition(inputRef.current, Math.max(core.caret, 0));
+    }, [inputProps.value, maxIntegerDigits, fractionDigits, core]);
     const handleChange = (event) => {
-      if (!core.current) return;
       const caret = event.target.selectionStart ?? event.target.value.length;
-      core.current.apply(event.target.value, caret);
-      setFallbackCaret(event.target, core.current, fractionDigits);
-      inputProps.onChange(core.current.value);
+      core.apply(event.target.value, caret);
+      setFallbackCaret(event.target, core, fractionDigits);
+      inputProps.onChange(core.value);
     };
     const handleKeyDown = (event) => {
       var _a;
-      if (!core.current) return;
-      core.current.cache.key = event.key;
+      core.cache.key = event.key;
       (_a = inputProps.onKeyDown) == null ? void 0 : _a.call(inputProps, event);
     };
     const handleSelect = (event) => {
       var _a;
-      if (!core.current) return;
-      core.current.cache.key = "";
-      core.current.cache.selectionStart = event.currentTarget.selectionStart;
-      core.current.cache.selectionEnd = event.currentTarget.selectionEnd;
-      core.current.cache.selectionDirection = event.currentTarget.selectionDirection;
+      core.cache.key = "";
+      core.cache.selectionStart = event.currentTarget.selectionStart;
+      core.cache.selectionEnd = event.currentTarget.selectionEnd;
+      core.cache.selectionDirection = event.currentTarget.selectionDirection;
       (_a = inputProps.onSelect) == null ? void 0 : _a.call(inputProps, event);
     };
-    const mergedInputRef = useMemo(() => {
-      const externalRef = inputProps.ref;
-      if (externalRef === void 0) {
-        return (instance) => {
-          inputRef.current = instance;
-        };
-      }
-      return (instance) => {
+    const setInputRef = useCallback(
+      (instance) => {
         inputRef.current = instance;
-        if (typeof externalRef === "function") {
-          externalRef(instance);
-        } else {
-          externalRef.current = instance;
-        }
-      };
-    }, [inputProps.ref]);
+        setForwardedRef(inputProps.ref, instance);
+      },
+      [inputProps.ref]
+    );
     const renderPostfix = () => {
       if (onClear !== void 0) {
         return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(FormFieldClear, { onClick: onClear }),
+          /* @__PURE__ */ jsx(FormFieldClear, { ...clearProps, onClick: onClear }),
           postfix
         ] });
       }
@@ -143,12 +125,13 @@ const AmountField = React__default.forwardRef(
           onKeyDown: handleKeyDown,
           onSelect: handleSelect,
           onChange: handleChange,
-          ref: mergedInputRef
+          ref: setInputRef
         }
       )
     ] }) });
   }
 );
+AmountField.displayName = "AmountField";
 export {
   AmountField
 };

package/components/AmountField/AmountField.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountField.js","sources":["../../../src/components/AmountField/AmountField.tsx"],"sourcesContent":["import React, { useRef, useLayoutEffect, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { TextFieldBase, ITextFieldBaseProps } from \"../TextField/TextFieldBase\";\nimport { FormFieldInput, IFormFieldInputProps, EFormFieldStatus } from \"../FormField\";\nimport { FormFieldClear } from \"../FormField/components/FormFieldClear\";\nimport { AmountBaseInputCore } from \"./AmountBaseInputCore\";\nimport { setCaretPosition, createSizeToClassNameMap } from \"../../utils\";\nimport { createPlaceholder, setFallbackCaret } from \"./utils\";\nimport { EComponentSize } from \"../../enums\";\nimport styles from \"./styles/AmountField.module.less\";\n\n/** Свойства компонента AmountField. */\nexport interface IAmountFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /** Свойства поля ввода. */\n    inputProps: Omit<IFormFieldInputProps, \"type\" | \"maxLength\" | \"onChange\" | \"inputMode\" | \"autoComplete\"> & {\n        /** Значение. */\n        value: string;\n        /** Обработчик изменения значения. */\n        onChange: (value: string) => void;\n        /** Ссылка на HTML-элемент поля ввода. */\n        ref?: React.Ref<HTMLInputElement>;\n    };\n    /** Наименование валюты. */\n    currency?: string;\n    /** Максимальное количество знаков перед запятой. */\n    maxIntegerDigits?: number;\n    /** Количество знаков после запятой. */\n    fractionDigits?: number;\n    /** Обработчик очищения значения. */\n    onClear?: () => void;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport const AmountField = React.forwardRef<HTMLDivElement, IAmountFieldProps>(\n    (\n        {\n            size = EComponentSize.LG,\n            postfix,\n            inputProps,\n            currency,\n            maxIntegerDigits = 16,\n            fractionDigits = 2,\n            onClear,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { status, \"data-test-id\": dataTestId } = restProps;\n        const placeholder = inputProps.placeholder || createPlaceholder(fractionDigits);\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const core = useRef<AmountBaseInputCore>();\n        if (core.current === undefined) core.current = new AmountBaseInputCore(maxIntegerDigits, fractionDigits);\n\n        useLayoutEffect(() => {\n            if (core.current && inputRef.current == document.activeElement)\n                setCaretPosition(inputRef.current, Math.max(core.current.caret, 0));\n        }, [inputProps.value]);\n\n        /** Функция, возвращающая отформатированное значение. */\n        const getFormattedValue = () => {\n            if (!core.current) return \"\";\n\n            if (\n                inputProps.value != core.current.value ||\n                maxIntegerDigits != core.current.maxIntegerDigits ||\n                fractionDigits != core.current.fractionDigits\n            ) {\n                core.current.maxIntegerDigits = maxIntegerDigits;\n                core.current.fractionDigits = fractionDigits;\n                core.current.apply(inputProps.value, inputProps.value.length);\n            }\n\n            core.current.cache.formattedValue = core.current.formattedValue;\n\n            return core.current.formattedValue;\n        };\n\n        const formattedValue = getFormattedValue();\n\n        /** Обработчик изменения значения. */\n        const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n            if (!core.current) return;\n\n            const caret = event.target.selectionStart ?? event.target.value.length;\n\n            core.current.apply(event.target.value, caret);\n\n            setFallbackCaret(event.target, core.current, fractionDigits);\n\n            inputProps.onChange(core.current.value);\n        };\n\n        /** Обработчик нажатия клавиши. */\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            if (!core.current) return;\n\n            core.current.cache.key = event.key;\n\n            inputProps.onKeyDown?.(event);\n        };\n\n        /** Обработчик выбора текста. */\n        const handleSelect = (event: React.SyntheticEvent<HTMLInputElement>) => {\n            if (!core.current) return;\n\n            core.current.cache.key = \"\";\n            core.current.cache.selectionStart = event.currentTarget.selectionStart;\n            core.current.cache.selectionEnd = event.currentTarget.selectionEnd;\n            core.current.cache.selectionDirection = event.currentTarget.selectionDirection;\n\n            inputProps.onSelect?.(event);\n        };\n\n        const mergedInputRef = useMemo(() => {\n            const externalRef = inputProps.ref;\n\n            if (externalRef === undefined) {\n                return (instance: HTMLInputElement | null) => {\n                    inputRef.current = instance;\n                };\n            }\n\n            return (instance: HTMLInputElement | null) => {\n                inputRef.current = instance;\n                if (typeof externalRef === \"function\") {\n                    externalRef(instance);\n                } else {\n                    (externalRef as React.MutableRefObject<HTMLInputElement | null>).current = instance;\n                }\n            };\n        }, [inputProps.ref]);\n\n        const renderPostfix = () => {\n            if (onClear !== undefined) {\n                return (\n                    <>\n                        <FormFieldClear onClick={onClear} />\n                        {postfix}\n                    </>\n                );\n            }\n            return postfix;\n        };\n\n        const showCurrency = currency !== undefined && formattedValue.length > 0;\n\n        return (\n            <TextFieldBase size={size} postfix={renderPostfix()} {...restProps} ref={ref}>\n                <div className={styles.amountFieldInputWrapper}>\n                    {showCurrency && (\n                        <div className={clsx(styles.currencyLayout, SIZE_TO_CLASS_NAME_MAP[size])}>\n                            <span className={styles.valueMirror} aria-hidden=\"true\">\n                                {`${formattedValue} `}\n                            </span>\n                            <span\n                                className={clsx(styles.currencyUnit, {\n                                    [styles.disabled]: status === EFormFieldStatus.DISABLED,\n                                })}\n                                data-test-id={dataTestId && `${dataTestId}__unit`}\n                            >\n                                {currency}\n                            </span>\n                        </div>\n                    )}\n                    <FormFieldInput\n                        {...inputProps}\n                        value={formattedValue}\n                        placeholder={placeholder}\n                        autoComplete=\"off\"\n                        inputMode=\"decimal\"\n                        data-test-id={dataTestId && `${dataTestId}__input`}\n                        onKeyDown={handleKeyDown}\n                        onSelect={handleSelect}\n                        onChange={handleChange}\n                        ref={mergedInputRef}\n                    />\n                </div>\n            </TextFieldBase>\n        );\n    },\n);\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"AmountField.js","sources":["../../../src/components/AmountField/AmountField.tsx"],"sourcesContent":["import React, { useRef, useLayoutEffect, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { TextFieldBase, ITextFieldBaseProps } from \"../TextField/TextFieldBase\";\nimport { FormFieldInput, IFormFieldInputProps, EFormFieldStatus } from \"../FormField\";\nimport { FormFieldClear, IFormFieldClearProps } from \"../FormField/components/FormFieldClear\";\nimport { AmountBaseInputCore } from \"./AmountBaseInputCore\";\nimport { setCaretPosition, createSizeToClassNameMap } from \"../../utils\";\nimport { setForwardedRef } from \"../../helpers/setForwardedRef\";\nimport { createPlaceholder, syncCoreAndGetFormattedValue, setFallbackCaret } from \"./utils\";\nimport { EComponentSize } from \"../../enums\";\nimport styles from \"./styles/AmountField.module.less\";\n\n/** Свойства компонента AmountField. */\nexport interface IAmountFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /** Свойства поля ввода. */\n    inputProps: Omit<IFormFieldInputProps, \"type\" | \"maxLength\" | \"onChange\" | \"inputMode\" | \"autoComplete\"> & {\n        /** Значение. Хранится без разделителей разрядов, с точкой в роли десятичного разделителя (\"1234.56\"). */\n        value: string;\n        /** Обработчик изменения значения. Получает нормализованное значение, а не то, что видно в поле. */\n        onChange: (value: string) => void;\n        /** Ссылка на HTML-элемент поля ввода. */\n        ref?: React.Ref<HTMLInputElement>;\n    };\n    /** Наименование валюты. Отображается справа от значения, пока значение не пустое. */\n    currency?: string;\n    /** Максимальное количество знаков перед запятой. По умолчанию 16. */\n    maxIntegerDigits?: number;\n    /** Количество знаков после запятой. По умолчанию 2. */\n    fractionDigits?: number;\n    /** Обработчик очищения значения. Если передан, в постфиксе поля отображается кнопка очистки. */\n    onClear?: () => void;\n    /**\n     * Свойства кнопки очистки. Имеют смысл только вместе с onClear.\n     *\n     * Кнопка содержит лишь иконку, поэтому доступное имя задаётся здесь: передайте aria-label\n     * на языке интерфейса. Обработчик клика задаётся через onClear и здесь не переопределяется.\n     */\n    clearProps?: Omit<IFormFieldClearProps, \"onClick\">;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Поле ввода денежной суммы.\n *\n * Форматирует значение во время ввода (разряды через пробел, запятая в роли десятичного разделителя)\n * и удерживает каретку в осмысленной позиции, а наружу отдаёт нормализованное значение вида \"1234.56\".\n */\nexport const AmountField = React.forwardRef<HTMLDivElement, IAmountFieldProps>(\n    (\n        {\n            size = EComponentSize.LG,\n            postfix,\n            inputProps,\n            currency,\n            maxIntegerDigits = 16,\n            fractionDigits = 2,\n            onClear,\n            clearProps,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { status, \"data-test-id\": dataTestId } = restProps;\n        const placeholder = inputProps.placeholder || createPlaceholder(fractionDigits);\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const coreRef = useRef<AmountBaseInputCore | null>(null);\n\n        if (coreRef.current === null) {\n            coreRef.current = new AmountBaseInputCore(maxIntegerDigits, fractionDigits);\n        }\n\n        const core = coreRef.current;\n        const formattedValue = syncCoreAndGetFormattedValue(core, inputProps.value, maxIntegerDigits, fractionDigits);\n\n        // Возвращаем каретку в рассчитанную ядром позицию: React после перерисовки ставит её в конец значения.\n        // setCaretPosition ничего не делает, если поле не в фокусе.\n        useLayoutEffect(() => {\n            setCaretPosition(inputRef.current, Math.max(core.caret, 0));\n        }, [inputProps.value, maxIntegerDigits, fractionDigits, core]);\n\n        /** Обработчик изменения значения. */\n        const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n            const caret = event.target.selectionStart ?? event.target.value.length;\n\n            core.apply(event.target.value, caret);\n\n            setFallbackCaret(event.target, core, fractionDigits);\n\n            inputProps.onChange(core.value);\n        };\n\n        /** Обработчик нажатия клавиши. */\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            core.cache.key = event.key;\n\n            inputProps.onKeyDown?.(event);\n        };\n\n        /** Обработчик выбора текста. */\n        const handleSelect = (event: React.SyntheticEvent<HTMLInputElement>) => {\n            core.cache.key = \"\";\n            core.cache.selectionStart = event.currentTarget.selectionStart;\n            core.cache.selectionEnd = event.currentTarget.selectionEnd;\n            core.cache.selectionDirection = event.currentTarget.selectionDirection;\n\n            inputProps.onSelect?.(event);\n        };\n\n        const setInputRef = useCallback(\n            (instance: HTMLInputElement | null) => {\n                inputRef.current = instance;\n                setForwardedRef(inputProps.ref, instance);\n            },\n            [inputProps.ref],\n        );\n\n        const renderPostfix = () => {\n            if (onClear !== undefined) {\n                return (\n                    <>\n                        <FormFieldClear {...clearProps} onClick={onClear} />\n                        {postfix}\n                    </>\n                );\n            }\n            return postfix;\n        };\n\n        const showCurrency = currency !== undefined && formattedValue.length > 0;\n\n        return (\n            <TextFieldBase size={size} postfix={renderPostfix()} {...restProps} ref={ref}>\n                <div className={styles.amountFieldInputWrapper}>\n                    {showCurrency && (\n                        <div className={clsx(styles.currencyLayout, SIZE_TO_CLASS_NAME_MAP[size])}>\n                            <span className={styles.valueMirror} aria-hidden=\"true\">\n                                {`${formattedValue} `}\n                            </span>\n                            <span\n                                className={clsx(styles.currencyUnit, {\n                                    [styles.disabled]: status === EFormFieldStatus.DISABLED,\n                                })}\n                                data-test-id={dataTestId && `${dataTestId}__unit`}\n                            >\n                                {currency}\n                            </span>\n                        </div>\n                    )}\n                    <FormFieldInput\n                        {...inputProps}\n                        value={formattedValue}\n                        placeholder={placeholder}\n                        autoComplete=\"off\"\n                        inputMode=\"decimal\"\n                        data-test-id={dataTestId && `${dataTestId}__input`}\n                        onKeyDown={handleKeyDown}\n                        onSelect={handleSelect}\n                        onChange={handleChange}\n                        ref={setInputRef}\n                    />\n                </div>\n            </TextFieldBase>\n        );\n    },\n);\n\nAmountField.displayName = \"AmountField\";\n"],"names":["React"],"mappings":"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"}

package/components/AmountField/utils.js

@@ -11,6 +11,15 @@ function createPlaceholder(fractionDigits) {
   }
   return buffer.join("");
 }
+function syncCoreAndGetFormattedValue(core, value, maxIntegerDigits, fractionDigits) {
+  if (value !== core.value || maxIntegerDigits !== core.maxIntegerDigits || fractionDigits !== core.fractionDigits) {
+    core.maxIntegerDigits = maxIntegerDigits;
+    core.fractionDigits = fractionDigits;
+    core.apply(value, value.length);
+  }
+  core.cache.formattedValue = core.formattedValue;
+  return core.formattedValue;
+}
 function setFallbackCaret(input, coreAmount, fractionDigits) {
   const { formattedValue, key, selectionStart, selectionEnd, selectionDirection } = coreAmount.cache;
   input.value = formattedValue;
@@ -37,11 +46,12 @@ function setFallbackCaret(input, coreAmount, fractionDigits) {
     if (coreAmount.formattedValue === formattedValue)
       return input.setSelectionRange(coreAmount.caret, coreAmount.caret);
   }
-  if (selectionDirection == "backward") return input.setSelectionRange(selectionEnd, selectionEnd);
+  if (selectionDirection === "backward") return input.setSelectionRange(selectionEnd, selectionEnd);
   return input.setSelectionRange(selectionStart, selectionStart);
 }
 export {
   createPlaceholder,
-  setFallbackCaret
+  setFallbackCaret,
+  syncCoreAndGetFormattedValue
 };
 //# sourceMappingURL=utils.js.map