@alfalab/core-components-number-input 4.0.3 → 4.0.4

package/components/number-input/Component.js

@@ -7,7 +7,6 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var core = require('@maskito/core');
 var react = require('@maskito/react');
-var shared = require('@alfalab/core-components-input/shared');
 var coreComponentsShared = require('@alfalab/core-components-shared');
 var utils = require('../../utils.js');
 var Component = require('../steppers/Component.js');
@@ -92,21 +91,12 @@ var NumberInput = React.forwardRef(function (_a, ref) {
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
         setFocused(false);
     };
-    var rightAddonsMap = shared.getAddonsByPriority([
-        {
-            priority: 2,
-            predicate: Boolean(rightAddons),
-            render: function () { return rightAddons; },
-        },
-        {
-            priority: 1,
-            predicate: withStepper && !disabled && !readOnly,
-            render: function () { return (React__default.default.createElement(Component.Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, focused: focused, value: utils.parseNumber(value), min: min, max: max, onIncrement: handleIncrement, onDecrement: handleDecrement, size: size })); },
-        },
-    ]);
+    var renderRightAddons = function () { return (React__default.default.createElement(React.Fragment, null,
+        rightAddons,
+        withStepper && !disabled && !readOnly && (React__default.default.createElement(Component.Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, focused: focused, value: utils.parseNumber(value), min: min, max: max, onIncrement: handleIncrement, onDecrement: handleDecrement, size: size })))); };
     return (React__default.default.createElement(Input, tslib.__assign({ maxLength: getMaxLength(value) }, restProps, { 
         // В iOS в цифровой клавиатуре невозможно ввести минус.
-        inputMode: min < 0 && coreComponentsShared.isIOS() ? 'text' : 'decimal', ref: mergeRefs__default.default([ref, maskRef]), value: value, onInput: handleChange, dataTestId: dataTestId, colors: colors, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, size: size, disableUserInput: disableUserInput, clear: clearProp && /\d/.test(value), rightAddons: rightAddonsMap })));
+        inputMode: min < 0 && coreComponentsShared.isIOS() ? 'text' : 'decimal', ref: mergeRefs__default.default([ref, maskRef]), value: value, onInput: handleChange, dataTestId: dataTestId, colors: colors, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, size: size, disableUserInput: disableUserInput, clear: clearProp && /\d/.test(value), rightAddons: renderRightAddons() })));
 });
 
 exports.NumberInput = NumberInput;

package/components/number-input/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../src/components/number-input/Component.tsx"],"sourcesContent":["import React, {\n    type ChangeEvent,\n    type FocusEvent,\n    forwardRef,\n    type ForwardRefExoticComponent,\n    type RefAttributes,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { type MaskitoOptions, maskitoTransform } from '@maskito/core';\nimport { useMaskito } from '@maskito/react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { getAddonsByPriority } from '@alfalab/core-components-input/shared';\nimport { fnUtils, isIOS } from '@alfalab/core-components-shared';\n\nimport {\n    createMaskOptions,\n    getMinMaxOrDefault,\n    MAX_DIGITS,\n    MINUS_SIGN,\n    parseNumber,\n    stringifyNumberWithoutExp,\n} from '../../utils';\nimport { Steppers } from '../steppers';\n\nexport interface NumberInputProps\n    extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {\n    /**\n     * Значение поля ввода\n     */\n    value?: string | number | null;\n\n    /**\n     *  Значение по-умолчанию\n     */\n    defaultValue?: string | number | null;\n\n    /**\n     * Разделитель ',' или '.'\n     */\n    separator?: '.' | ',';\n\n    /**\n     * Количество символов после разделителя\n     * Если указан проп step, то всегда 0\n     */\n    fractionLength?: number;\n\n    /**\n     *  Шаг инкремента/декремента. Используйте только целочисленные значения\n     */\n    step?: number;\n\n    /**\n     * Минимальное значение\n     * @default Number.MIN_SAFE_INTEGER\n     */\n    min?: number;\n\n    /**\n     * Максимальное значение\n     * @default Number.MAX_SAFE_INTEGER\n     */\n    max?: number;\n\n    /**\n     * Отображение компонента в мобильном или десктопном виде\n     */\n    view?: 'desktop' | 'mobile';\n\n    /**\n     *  Компонент инпута\n     */\n    Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;\n\n    /**\n     * Обработчик события изменения значения\n     */\n    onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: { value: number | null }) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button\n     */\n    dataTestId?: string;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n    (\n        {\n            value: propValue,\n            onChange,\n            separator = ',',\n            fractionLength = MAX_DIGITS,\n            defaultValue,\n            Input,\n            min: minProp,\n            max: maxProp,\n            rightAddons,\n            dataTestId,\n            disabled,\n            onBlur,\n            onFocus,\n            view,\n            step: stepProp,\n            size = 48,\n            disableUserInput,\n            clear: clearProp,\n            colors = 'default',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { readOnly } = restProps;\n        const { min, max } = getMinMaxOrDefault({ minProp, maxProp });\n        const withStepper = stepProp !== undefined;\n\n        const maskOptions: MaskitoOptions = useMemo(\n            () =>\n                createMaskOptions({\n                    separator,\n                    fractionLength: withStepper ? 0 : fractionLength,\n                    min,\n                    max,\n                }),\n            [separator, fractionLength, min, max, withStepper],\n        );\n\n        const [focused, setFocused] = useState(false);\n        const [value, setValue] = useState(() => {\n            if (defaultValue == null) {\n                return withStepper ? fnUtils.clamp(0, min, max).toString() : '';\n            }\n\n            return fnUtils\n                .clamp(\n                    parseNumber(maskitoTransform(defaultValue.toString(), maskOptions)),\n                    min,\n                    max,\n                )\n                .toString();\n        });\n\n        const maskRef = useMaskito({ options: maskOptions });\n\n        useEffect(() => {\n            if (propValue !== undefined) {\n                setValue((prev) => {\n                    const parsedNumber = parseNumber(propValue);\n\n                    if (parsedNumber !== parseNumber(prev)) {\n                        return maskitoTransform(\n                            stringifyNumberWithoutExp(parsedNumber),\n                            maskOptions,\n                        );\n                    }\n\n                    return prev;\n                });\n            }\n        }, [maskOptions, propValue, separator]);\n\n        const getMaxLength = (valueString: string) => {\n            const hasSeparator = valueString?.includes(separator);\n            const hasSigns = valueString?.startsWith(MINUS_SIGN);\n\n            return MAX_DIGITS + (hasSeparator ? 1 : 0) + (hasSigns ? 1 : 0);\n        };\n\n        const getStep = () => Math.round(stepProp ?? 1);\n\n        const changeValue = (\n            event: ChangeEvent<HTMLInputElement> | null,\n            newValue: number | null,\n        ) => {\n            const isNaNValue = Number.isNaN(newValue);\n            const valueString = event?.target.value ?? newValue?.toString() ?? '';\n\n            setValue(valueString);\n\n            if (valueString === '' || !isNaNValue) {\n                onChange?.(event, {\n                    value: isNaNValue ? null : newValue,\n                });\n            }\n        };\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const valueString = event.target.value;\n\n            changeValue(event, parseNumber(valueString));\n        };\n\n        const handleIncrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? min : parsed + getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleDecrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? max : parsed - getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n            onFocus?.(e);\n\n            if (!disableUserInput) {\n                setFocused(true);\n            }\n        };\n\n        const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n            onBlur?.(e);\n            setFocused(false);\n        };\n\n        const rightAddonsMap = getAddonsByPriority([\n            {\n                priority: 2,\n                predicate: Boolean(rightAddons),\n                render: () => rightAddons,\n            },\n            {\n                priority: 1,\n                predicate: withStepper && !disabled && !readOnly,\n                render: () => (\n                    <Steppers\n                        colors={colors}\n                        dataTestId={dataTestId}\n                        disabled={disabled}\n                        focused={focused}\n                        value={parseNumber(value)}\n                        min={min}\n                        max={max}\n                        onIncrement={handleIncrement}\n                        onDecrement={handleDecrement}\n                        size={size}\n                    />\n                ),\n            },\n        ]);\n\n        return (\n            <Input\n                maxLength={getMaxLength(value)}\n                {...restProps}\n                // В iOS в цифровой клавиатуре невозможно ввести минус.\n                inputMode={min < 0 && isIOS() ? 'text' : 'decimal'}\n                ref={mergeRefs([ref, maskRef])}\n                value={value}\n                onInput={handleChange}\n                dataTestId={dataTestId}\n                colors={colors}\n                disabled={disabled}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                size={size}\n                disableUserInput={disableUserInput}\n                clear={clearProp && /\\d/.test(value)}\n                rightAddons={rightAddonsMap}\n            />\n        );\n    },\n);\n"],"names":["forwardRef","MAX_DIGITS","__rest","getMinMaxOrDefault","useMemo","createMaskOptions","useState","fnUtils","parseNumber","maskitoTransform","useMaskito","useEffect","stringifyNumberWithoutExp","MINUS_SIGN","getAddonsByPriority","React","Steppers","__assign","isIOS","mergeRefs"],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../src/components/number-input/Component.tsx"],"sourcesContent":["import React, {\n    type ChangeEvent,\n    type FocusEvent,\n    forwardRef,\n    type ForwardRefExoticComponent,\n    Fragment,\n    type RefAttributes,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { type MaskitoOptions, maskitoTransform } from '@maskito/core';\nimport { useMaskito } from '@maskito/react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { fnUtils, isIOS } from '@alfalab/core-components-shared';\n\nimport {\n    createMaskOptions,\n    getMinMaxOrDefault,\n    MAX_DIGITS,\n    MINUS_SIGN,\n    parseNumber,\n    stringifyNumberWithoutExp,\n} from '../../utils';\nimport { Steppers } from '../steppers';\n\nexport interface NumberInputProps\n    extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {\n    /**\n     * Значение поля ввода\n     */\n    value?: string | number | null;\n\n    /**\n     *  Значение по-умолчанию\n     */\n    defaultValue?: string | number | null;\n\n    /**\n     * Разделитель ',' или '.'\n     */\n    separator?: '.' | ',';\n\n    /**\n     * Количество символов после разделителя\n     * Если указан проп step, то всегда 0\n     */\n    fractionLength?: number;\n\n    /**\n     *  Шаг инкремента/декремента. Используйте только целочисленные значения\n     */\n    step?: number;\n\n    /**\n     * Минимальное значение\n     * @default Number.MIN_SAFE_INTEGER\n     */\n    min?: number;\n\n    /**\n     * Максимальное значение\n     * @default Number.MAX_SAFE_INTEGER\n     */\n    max?: number;\n\n    /**\n     * Отображение компонента в мобильном или десктопном виде\n     */\n    view?: 'desktop' | 'mobile';\n\n    /**\n     *  Компонент инпута\n     */\n    Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;\n\n    /**\n     * Обработчик события изменения значения\n     */\n    onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: { value: number | null }) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button\n     */\n    dataTestId?: string;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n    (\n        {\n            value: propValue,\n            onChange,\n            separator = ',',\n            fractionLength = MAX_DIGITS,\n            defaultValue,\n            Input,\n            min: minProp,\n            max: maxProp,\n            rightAddons,\n            dataTestId,\n            disabled,\n            onBlur,\n            onFocus,\n            view,\n            step: stepProp,\n            size = 48,\n            disableUserInput,\n            clear: clearProp,\n            colors = 'default',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { readOnly } = restProps;\n        const { min, max } = getMinMaxOrDefault({ minProp, maxProp });\n        const withStepper = stepProp !== undefined;\n\n        const maskOptions: MaskitoOptions = useMemo(\n            () =>\n                createMaskOptions({\n                    separator,\n                    fractionLength: withStepper ? 0 : fractionLength,\n                    min,\n                    max,\n                }),\n            [separator, fractionLength, min, max, withStepper],\n        );\n\n        const [focused, setFocused] = useState(false);\n        const [value, setValue] = useState(() => {\n            if (defaultValue == null) {\n                return withStepper ? fnUtils.clamp(0, min, max).toString() : '';\n            }\n\n            return fnUtils\n                .clamp(\n                    parseNumber(maskitoTransform(defaultValue.toString(), maskOptions)),\n                    min,\n                    max,\n                )\n                .toString();\n        });\n\n        const maskRef = useMaskito({ options: maskOptions });\n\n        useEffect(() => {\n            if (propValue !== undefined) {\n                setValue((prev) => {\n                    const parsedNumber = parseNumber(propValue);\n\n                    if (parsedNumber !== parseNumber(prev)) {\n                        return maskitoTransform(\n                            stringifyNumberWithoutExp(parsedNumber),\n                            maskOptions,\n                        );\n                    }\n\n                    return prev;\n                });\n            }\n        }, [maskOptions, propValue, separator]);\n\n        const getMaxLength = (valueString: string) => {\n            const hasSeparator = valueString?.includes(separator);\n            const hasSigns = valueString?.startsWith(MINUS_SIGN);\n\n            return MAX_DIGITS + (hasSeparator ? 1 : 0) + (hasSigns ? 1 : 0);\n        };\n\n        const getStep = () => Math.round(stepProp ?? 1);\n\n        const changeValue = (\n            event: ChangeEvent<HTMLInputElement> | null,\n            newValue: number | null,\n        ) => {\n            const isNaNValue = Number.isNaN(newValue);\n            const valueString = event?.target.value ?? newValue?.toString() ?? '';\n\n            setValue(valueString);\n\n            if (valueString === '' || !isNaNValue) {\n                onChange?.(event, {\n                    value: isNaNValue ? null : newValue,\n                });\n            }\n        };\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const valueString = event.target.value;\n\n            changeValue(event, parseNumber(valueString));\n        };\n\n        const handleIncrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? min : parsed + getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleDecrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? max : parsed - getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n            onFocus?.(e);\n\n            if (!disableUserInput) {\n                setFocused(true);\n            }\n        };\n\n        const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n            onBlur?.(e);\n            setFocused(false);\n        };\n\n        const renderRightAddons = () => (\n            <Fragment>\n                {rightAddons}\n                {withStepper && !disabled && !readOnly && (\n                    <Steppers\n                        colors={colors}\n                        dataTestId={dataTestId}\n                        disabled={disabled}\n                        focused={focused}\n                        value={parseNumber(value)}\n                        min={min}\n                        max={max}\n                        onIncrement={handleIncrement}\n                        onDecrement={handleDecrement}\n                        size={size}\n                    />\n                )}\n            </Fragment>\n        );\n\n        return (\n            <Input\n                maxLength={getMaxLength(value)}\n                {...restProps}\n                // В iOS в цифровой клавиатуре невозможно ввести минус.\n                inputMode={min < 0 && isIOS() ? 'text' : 'decimal'}\n                ref={mergeRefs([ref, maskRef])}\n                value={value}\n                onInput={handleChange}\n                dataTestId={dataTestId}\n                colors={colors}\n                disabled={disabled}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                size={size}\n                disableUserInput={disableUserInput}\n                clear={clearProp && /\\d/.test(value)}\n                rightAddons={renderRightAddons()}\n            />\n        );\n    },\n);\n"],"names":["forwardRef","MAX_DIGITS","__rest","getMinMaxOrDefault","useMemo","createMaskOptions","useState","fnUtils","parseNumber","maskitoTransform","useMaskito","useEffect","stringifyNumberWithoutExp","MINUS_SIGN","React","Fragment","Steppers","__assign","isIOS","mergeRefs"],"mappings":"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"}

package/components/steppers/default.css

@@ -3,13 +3,13 @@
     --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
     --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
 }
-.number-input__separator_1ls5f {
+.number-input__separator_1bc30 {
     background-color: var(--color-light-neutral-translucent-300);
 }
-.number-input__steppers_1ls5f {
+.number-input__steppers_1bc30 {
     background-color: var(--color-light-neutral-translucent-0);
 }
-.number-input__steppersFocused_1ls5f,
-.number-input__steppersDisabled_1ls5f {
+.number-input__steppersFocused_1bc30,
+.number-input__steppersDisabled_1bc30 {
     background-color: var(--color-light-neutral-translucent-200);
 }

package/components/steppers/default.module.css.js

@@ -2,7 +2,7 @@
 
 require('./default.css');
 
-var defaultColors = {"separator":"number-input__separator_1ls5f","steppers":"number-input__steppers_1ls5f","steppersFocused":"number-input__steppersFocused_1ls5f","steppersDisabled":"number-input__steppersDisabled_1ls5f"};
+var defaultColors = {"separator":"number-input__separator_1bc30","steppers":"number-input__steppers_1bc30","steppersFocused":"number-input__steppersFocused_1bc30","steppersDisabled":"number-input__steppersDisabled_1bc30"};
 
 module.exports = defaultColors;
 //# sourceMappingURL=default.module.css.js.map

package/components/steppers/index.css

@@ -7,7 +7,7 @@
     --gap-4-neg: var(--gap-2xs-neg);
     --gap-8-neg: var(--gap-xs-neg);
 }
-.number-input__component_9m7kw {
+.number-input__component_abjt3 {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
@@ -15,21 +15,21 @@
     transition: background-color 0.2s ease;
     overflow: visible;
 }
-.number-input__separator_9m7kw {
+.number-input__separator_abjt3 {
     height: 18px;
     width: 1px;
 }
-.number-input__button_9m7kw {
+.number-input__button_abjt3 {
     width: 40px;
     height: 40px;
 }
-.number-input__size-40_9m7kw {
+.number-input__size-40_abjt3 {
     margin-right: var(--gap-8-neg);
     height: 32px;
 }
-.number-input__size-48_9m7kw {
+.number-input__size-48_abjt3 {
     margin-right: var(--gap-8-neg);
 }
-.number-input__size-56_9m7kw {
+.number-input__size-56_abjt3 {
     margin-right: var(--gap-4-neg);
 }

package/components/steppers/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"number-input__component_9m7kw","separator":"number-input__separator_9m7kw","button":"number-input__button_9m7kw","size-40":"number-input__size-40_9m7kw","size-48":"number-input__size-48_9m7kw","size-56":"number-input__size-56_9m7kw"};
+var styles = {"component":"number-input__component_abjt3","separator":"number-input__separator_abjt3","button":"number-input__button_abjt3","size-40":"number-input__size-40_abjt3","size-48":"number-input__size-48_abjt3","size-56":"number-input__size-56_abjt3"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/steppers/inverted.css

@@ -2,13 +2,13 @@
     --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
     --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
 }
-.number-input__separator_1q0jn {
+.number-input__separator_1fkh7 {
     background-color: var(--color-light-neutral-translucent-300-inverted);
 }
-.number-input__steppers_1q0jn {
+.number-input__steppers_1fkh7 {
     background-color: var(--color-light-neutral-translucent-0-inverted);
 }
-.number-input__steppersFocused_1q0jn,
-.number-input__steppersDisabled_1q0jn {
+.number-input__steppersFocused_1fkh7,
+.number-input__steppersDisabled_1fkh7 {
     background-color: var(--color-light-neutral-translucent-300-inverted);
 }

package/components/steppers/inverted.module.css.js

@@ -2,7 +2,7 @@
 
 require('./inverted.css');
 
-var invertedColors = {"separator":"number-input__separator_1q0jn","steppers":"number-input__steppers_1q0jn","steppersFocused":"number-input__steppersFocused_1q0jn","steppersDisabled":"number-input__steppersDisabled_1q0jn"};
+var invertedColors = {"separator":"number-input__separator_1fkh7","steppers":"number-input__steppers_1fkh7","steppersFocused":"number-input__steppersFocused_1fkh7","steppersDisabled":"number-input__steppersDisabled_1fkh7"};
 
 module.exports = invertedColors;
 //# sourceMappingURL=inverted.module.css.js.map

package/cssm/components/number-input/Component.js

@@ -7,7 +7,6 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var core = require('@maskito/core');
 var react = require('@maskito/react');
-var shared = require('@alfalab/core-components-input/cssm/shared');
 var cssm = require('@alfalab/core-components-shared/cssm');
 var utils = require('../../utils.js');
 var Component = require('../steppers/Component.js');
@@ -92,21 +91,12 @@ var NumberInput = React.forwardRef(function (_a, ref) {
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
         setFocused(false);
     };
-    var rightAddonsMap = shared.getAddonsByPriority([
-        {
-            priority: 2,
-            predicate: Boolean(rightAddons),
-            render: function () { return rightAddons; },
-        },
-        {
-            priority: 1,
-            predicate: withStepper && !disabled && !readOnly,
-            render: function () { return (React__default.default.createElement(Component.Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, focused: focused, value: utils.parseNumber(value), min: min, max: max, onIncrement: handleIncrement, onDecrement: handleDecrement, size: size })); },
-        },
-    ]);
+    var renderRightAddons = function () { return (React__default.default.createElement(React.Fragment, null,
+        rightAddons,
+        withStepper && !disabled && !readOnly && (React__default.default.createElement(Component.Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, focused: focused, value: utils.parseNumber(value), min: min, max: max, onIncrement: handleIncrement, onDecrement: handleDecrement, size: size })))); };
     return (React__default.default.createElement(Input, tslib.__assign({ maxLength: getMaxLength(value) }, restProps, { 
         // В iOS в цифровой клавиатуре невозможно ввести минус.
-        inputMode: min < 0 && cssm.isIOS() ? 'text' : 'decimal', ref: mergeRefs__default.default([ref, maskRef]), value: value, onInput: handleChange, dataTestId: dataTestId, colors: colors, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, size: size, disableUserInput: disableUserInput, clear: clearProp && /\d/.test(value), rightAddons: rightAddonsMap })));
+        inputMode: min < 0 && cssm.isIOS() ? 'text' : 'decimal', ref: mergeRefs__default.default([ref, maskRef]), value: value, onInput: handleChange, dataTestId: dataTestId, colors: colors, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, size: size, disableUserInput: disableUserInput, clear: clearProp && /\d/.test(value), rightAddons: renderRightAddons() })));
 });
 
 exports.NumberInput = NumberInput;

package/cssm/components/number-input/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/number-input/Component.tsx"],"sourcesContent":["import React, {\n    type ChangeEvent,\n    type FocusEvent,\n    forwardRef,\n    type ForwardRefExoticComponent,\n    type RefAttributes,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { type MaskitoOptions, maskitoTransform } from '@maskito/core';\nimport { useMaskito } from '@maskito/react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { getAddonsByPriority } from '@alfalab/core-components-input/shared';\nimport { fnUtils, isIOS } from '@alfalab/core-components-shared';\n\nimport {\n    createMaskOptions,\n    getMinMaxOrDefault,\n    MAX_DIGITS,\n    MINUS_SIGN,\n    parseNumber,\n    stringifyNumberWithoutExp,\n} from '../../utils';\nimport { Steppers } from '../steppers';\n\nexport interface NumberInputProps\n    extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {\n    /**\n     * Значение поля ввода\n     */\n    value?: string | number | null;\n\n    /**\n     *  Значение по-умолчанию\n     */\n    defaultValue?: string | number | null;\n\n    /**\n     * Разделитель ',' или '.'\n     */\n    separator?: '.' | ',';\n\n    /**\n     * Количество символов после разделителя\n     * Если указан проп step, то всегда 0\n     */\n    fractionLength?: number;\n\n    /**\n     *  Шаг инкремента/декремента. Используйте только целочисленные значения\n     */\n    step?: number;\n\n    /**\n     * Минимальное значение\n     * @default Number.MIN_SAFE_INTEGER\n     */\n    min?: number;\n\n    /**\n     * Максимальное значение\n     * @default Number.MAX_SAFE_INTEGER\n     */\n    max?: number;\n\n    /**\n     * Отображение компонента в мобильном или десктопном виде\n     */\n    view?: 'desktop' | 'mobile';\n\n    /**\n     *  Компонент инпута\n     */\n    Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;\n\n    /**\n     * Обработчик события изменения значения\n     */\n    onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: { value: number | null }) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button\n     */\n    dataTestId?: string;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n    (\n        {\n            value: propValue,\n            onChange,\n            separator = ',',\n            fractionLength = MAX_DIGITS,\n            defaultValue,\n            Input,\n            min: minProp,\n            max: maxProp,\n            rightAddons,\n            dataTestId,\n            disabled,\n            onBlur,\n            onFocus,\n            view,\n            step: stepProp,\n            size = 48,\n            disableUserInput,\n            clear: clearProp,\n            colors = 'default',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { readOnly } = restProps;\n        const { min, max } = getMinMaxOrDefault({ minProp, maxProp });\n        const withStepper = stepProp !== undefined;\n\n        const maskOptions: MaskitoOptions = useMemo(\n            () =>\n                createMaskOptions({\n                    separator,\n                    fractionLength: withStepper ? 0 : fractionLength,\n                    min,\n                    max,\n                }),\n            [separator, fractionLength, min, max, withStepper],\n        );\n\n        const [focused, setFocused] = useState(false);\n        const [value, setValue] = useState(() => {\n            if (defaultValue == null) {\n                return withStepper ? fnUtils.clamp(0, min, max).toString() : '';\n            }\n\n            return fnUtils\n                .clamp(\n                    parseNumber(maskitoTransform(defaultValue.toString(), maskOptions)),\n                    min,\n                    max,\n                )\n                .toString();\n        });\n\n        const maskRef = useMaskito({ options: maskOptions });\n\n        useEffect(() => {\n            if (propValue !== undefined) {\n                setValue((prev) => {\n                    const parsedNumber = parseNumber(propValue);\n\n                    if (parsedNumber !== parseNumber(prev)) {\n                        return maskitoTransform(\n                            stringifyNumberWithoutExp(parsedNumber),\n                            maskOptions,\n                        );\n                    }\n\n                    return prev;\n                });\n            }\n        }, [maskOptions, propValue, separator]);\n\n        const getMaxLength = (valueString: string) => {\n            const hasSeparator = valueString?.includes(separator);\n            const hasSigns = valueString?.startsWith(MINUS_SIGN);\n\n            return MAX_DIGITS + (hasSeparator ? 1 : 0) + (hasSigns ? 1 : 0);\n        };\n\n        const getStep = () => Math.round(stepProp ?? 1);\n\n        const changeValue = (\n            event: ChangeEvent<HTMLInputElement> | null,\n            newValue: number | null,\n        ) => {\n            const isNaNValue = Number.isNaN(newValue);\n            const valueString = event?.target.value ?? newValue?.toString() ?? '';\n\n            setValue(valueString);\n\n            if (valueString === '' || !isNaNValue) {\n                onChange?.(event, {\n                    value: isNaNValue ? null : newValue,\n                });\n            }\n        };\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const valueString = event.target.value;\n\n            changeValue(event, parseNumber(valueString));\n        };\n\n        const handleIncrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? min : parsed + getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleDecrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? max : parsed - getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n            onFocus?.(e);\n\n            if (!disableUserInput) {\n                setFocused(true);\n            }\n        };\n\n        const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n            onBlur?.(e);\n            setFocused(false);\n        };\n\n        const rightAddonsMap = getAddonsByPriority([\n            {\n                priority: 2,\n                predicate: Boolean(rightAddons),\n                render: () => rightAddons,\n            },\n            {\n                priority: 1,\n                predicate: withStepper && !disabled && !readOnly,\n                render: () => (\n                    <Steppers\n                        colors={colors}\n                        dataTestId={dataTestId}\n                        disabled={disabled}\n                        focused={focused}\n                        value={parseNumber(value)}\n                        min={min}\n                        max={max}\n                        onIncrement={handleIncrement}\n                        onDecrement={handleDecrement}\n                        size={size}\n                    />\n                ),\n            },\n        ]);\n\n        return (\n            <Input\n                maxLength={getMaxLength(value)}\n                {...restProps}\n                // В iOS в цифровой клавиатуре невозможно ввести минус.\n                inputMode={min < 0 && isIOS() ? 'text' : 'decimal'}\n                ref={mergeRefs([ref, maskRef])}\n                value={value}\n                onInput={handleChange}\n                dataTestId={dataTestId}\n                colors={colors}\n                disabled={disabled}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                size={size}\n                disableUserInput={disableUserInput}\n                clear={clearProp && /\\d/.test(value)}\n                rightAddons={rightAddonsMap}\n            />\n        );\n    },\n);\n"],"names":["forwardRef","MAX_DIGITS","__rest","getMinMaxOrDefault","useMemo","createMaskOptions","useState","fnUtils","parseNumber","maskitoTransform","useMaskito","useEffect","stringifyNumberWithoutExp","MINUS_SIGN","getAddonsByPriority","React","Steppers","__assign","isIOS","mergeRefs"],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/number-input/Component.tsx"],"sourcesContent":["import React, {\n    type ChangeEvent,\n    type FocusEvent,\n    forwardRef,\n    type ForwardRefExoticComponent,\n    Fragment,\n    type RefAttributes,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { type MaskitoOptions, maskitoTransform } from '@maskito/core';\nimport { useMaskito } from '@maskito/react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { fnUtils, isIOS } from '@alfalab/core-components-shared';\n\nimport {\n    createMaskOptions,\n    getMinMaxOrDefault,\n    MAX_DIGITS,\n    MINUS_SIGN,\n    parseNumber,\n    stringifyNumberWithoutExp,\n} from '../../utils';\nimport { Steppers } from '../steppers';\n\nexport interface NumberInputProps\n    extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {\n    /**\n     * Значение поля ввода\n     */\n    value?: string | number | null;\n\n    /**\n     *  Значение по-умолчанию\n     */\n    defaultValue?: string | number | null;\n\n    /**\n     * Разделитель ',' или '.'\n     */\n    separator?: '.' | ',';\n\n    /**\n     * Количество символов после разделителя\n     * Если указан проп step, то всегда 0\n     */\n    fractionLength?: number;\n\n    /**\n     *  Шаг инкремента/декремента. Используйте только целочисленные значения\n     */\n    step?: number;\n\n    /**\n     * Минимальное значение\n     * @default Number.MIN_SAFE_INTEGER\n     */\n    min?: number;\n\n    /**\n     * Максимальное значение\n     * @default Number.MAX_SAFE_INTEGER\n     */\n    max?: number;\n\n    /**\n     * Отображение компонента в мобильном или десктопном виде\n     */\n    view?: 'desktop' | 'mobile';\n\n    /**\n     *  Компонент инпута\n     */\n    Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;\n\n    /**\n     * Обработчик события изменения значения\n     */\n    onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: { value: number | null }) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button\n     */\n    dataTestId?: string;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n    (\n        {\n            value: propValue,\n            onChange,\n            separator = ',',\n            fractionLength = MAX_DIGITS,\n            defaultValue,\n            Input,\n            min: minProp,\n            max: maxProp,\n            rightAddons,\n            dataTestId,\n            disabled,\n            onBlur,\n            onFocus,\n            view,\n            step: stepProp,\n            size = 48,\n            disableUserInput,\n            clear: clearProp,\n            colors = 'default',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { readOnly } = restProps;\n        const { min, max } = getMinMaxOrDefault({ minProp, maxProp });\n        const withStepper = stepProp !== undefined;\n\n        const maskOptions: MaskitoOptions = useMemo(\n            () =>\n                createMaskOptions({\n                    separator,\n                    fractionLength: withStepper ? 0 : fractionLength,\n                    min,\n                    max,\n                }),\n            [separator, fractionLength, min, max, withStepper],\n        );\n\n        const [focused, setFocused] = useState(false);\n        const [value, setValue] = useState(() => {\n            if (defaultValue == null) {\n                return withStepper ? fnUtils.clamp(0, min, max).toString() : '';\n            }\n\n            return fnUtils\n                .clamp(\n                    parseNumber(maskitoTransform(defaultValue.toString(), maskOptions)),\n                    min,\n                    max,\n                )\n                .toString();\n        });\n\n        const maskRef = useMaskito({ options: maskOptions });\n\n        useEffect(() => {\n            if (propValue !== undefined) {\n                setValue((prev) => {\n                    const parsedNumber = parseNumber(propValue);\n\n                    if (parsedNumber !== parseNumber(prev)) {\n                        return maskitoTransform(\n                            stringifyNumberWithoutExp(parsedNumber),\n                            maskOptions,\n                        );\n                    }\n\n                    return prev;\n                });\n            }\n        }, [maskOptions, propValue, separator]);\n\n        const getMaxLength = (valueString: string) => {\n            const hasSeparator = valueString?.includes(separator);\n            const hasSigns = valueString?.startsWith(MINUS_SIGN);\n\n            return MAX_DIGITS + (hasSeparator ? 1 : 0) + (hasSigns ? 1 : 0);\n        };\n\n        const getStep = () => Math.round(stepProp ?? 1);\n\n        const changeValue = (\n            event: ChangeEvent<HTMLInputElement> | null,\n            newValue: number | null,\n        ) => {\n            const isNaNValue = Number.isNaN(newValue);\n            const valueString = event?.target.value ?? newValue?.toString() ?? '';\n\n            setValue(valueString);\n\n            if (valueString === '' || !isNaNValue) {\n                onChange?.(event, {\n                    value: isNaNValue ? null : newValue,\n                });\n            }\n        };\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const valueString = event.target.value;\n\n            changeValue(event, parseNumber(valueString));\n        };\n\n        const handleIncrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? min : parsed + getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleDecrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? max : parsed - getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n            onFocus?.(e);\n\n            if (!disableUserInput) {\n                setFocused(true);\n            }\n        };\n\n        const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n            onBlur?.(e);\n            setFocused(false);\n        };\n\n        const renderRightAddons = () => (\n            <Fragment>\n                {rightAddons}\n                {withStepper && !disabled && !readOnly && (\n                    <Steppers\n                        colors={colors}\n                        dataTestId={dataTestId}\n                        disabled={disabled}\n                        focused={focused}\n                        value={parseNumber(value)}\n                        min={min}\n                        max={max}\n                        onIncrement={handleIncrement}\n                        onDecrement={handleDecrement}\n                        size={size}\n                    />\n                )}\n            </Fragment>\n        );\n\n        return (\n            <Input\n                maxLength={getMaxLength(value)}\n                {...restProps}\n                // В iOS в цифровой клавиатуре невозможно ввести минус.\n                inputMode={min < 0 && isIOS() ? 'text' : 'decimal'}\n                ref={mergeRefs([ref, maskRef])}\n                value={value}\n                onInput={handleChange}\n                dataTestId={dataTestId}\n                colors={colors}\n                disabled={disabled}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                size={size}\n                disableUserInput={disableUserInput}\n                clear={clearProp && /\\d/.test(value)}\n                rightAddons={renderRightAddons()}\n            />\n        );\n    },\n);\n"],"names":["forwardRef","MAX_DIGITS","__rest","getMinMaxOrDefault","useMemo","createMaskOptions","useState","fnUtils","parseNumber","maskitoTransform","useMaskito","useEffect","stringifyNumberWithoutExp","MINUS_SIGN","React","Fragment","Steppers","__assign","isIOS","mergeRefs"],"mappings":"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"}

package/esm/components/number-input/Component.js

@@ -1,9 +1,8 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef, useMemo, useState, useEffect } from 'react';
+import React, { forwardRef, useMemo, useState, useEffect, Fragment } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { maskitoTransform } from '@maskito/core';
 import { useMaskito } from '@maskito/react';
-import { getAddonsByPriority } from '@alfalab/core-components-input/esm/shared';
 import { fnUtils, isIOS } from '@alfalab/core-components-shared/esm';
 import { createMaskOptions, MAX_DIGITS, getMinMaxOrDefault, parseNumber, stringifyNumberWithoutExp, MINUS_SIGN } from '../../utils.js';
 import { Steppers } from '../steppers/Component.js';
@@ -83,21 +82,12 @@ var NumberInput = forwardRef(function (_a, ref) {
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
         setFocused(false);
     };
-    var rightAddonsMap = getAddonsByPriority([
-        {
-            priority: 2,
-            predicate: Boolean(rightAddons),
-            render: function () { return rightAddons; },
-        },
-        {
-            priority: 1,
-            predicate: withStepper && !disabled && !readOnly,
-            render: function () { return (React.createElement(Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, focused: focused, value: parseNumber(value), min: min, max: max, onIncrement: handleIncrement, onDecrement: handleDecrement, size: size })); },
-        },
-    ]);
+    var renderRightAddons = function () { return (React.createElement(Fragment, null,
+        rightAddons,
+        withStepper && !disabled && !readOnly && (React.createElement(Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, focused: focused, value: parseNumber(value), min: min, max: max, onIncrement: handleIncrement, onDecrement: handleDecrement, size: size })))); };
     return (React.createElement(Input, __assign({ maxLength: getMaxLength(value) }, restProps, { 
         // В iOS в цифровой клавиатуре невозможно ввести минус.
-        inputMode: min < 0 && isIOS() ? 'text' : 'decimal', ref: mergeRefs([ref, maskRef]), value: value, onInput: handleChange, dataTestId: dataTestId, colors: colors, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, size: size, disableUserInput: disableUserInput, clear: clearProp && /\d/.test(value), rightAddons: rightAddonsMap })));
+        inputMode: min < 0 && isIOS() ? 'text' : 'decimal', ref: mergeRefs([ref, maskRef]), value: value, onInput: handleChange, dataTestId: dataTestId, colors: colors, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, size: size, disableUserInput: disableUserInput, clear: clearProp && /\d/.test(value), rightAddons: renderRightAddons() })));
 });
 
 export { NumberInput };

package/esm/components/number-input/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/number-input/Component.tsx"],"sourcesContent":["import React, {\n    type ChangeEvent,\n    type FocusEvent,\n    forwardRef,\n    type ForwardRefExoticComponent,\n    type RefAttributes,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { type MaskitoOptions, maskitoTransform } from '@maskito/core';\nimport { useMaskito } from '@maskito/react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { getAddonsByPriority } from '@alfalab/core-components-input/shared';\nimport { fnUtils, isIOS } from '@alfalab/core-components-shared';\n\nimport {\n    createMaskOptions,\n    getMinMaxOrDefault,\n    MAX_DIGITS,\n    MINUS_SIGN,\n    parseNumber,\n    stringifyNumberWithoutExp,\n} from '../../utils';\nimport { Steppers } from '../steppers';\n\nexport interface NumberInputProps\n    extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {\n    /**\n     * Значение поля ввода\n     */\n    value?: string | number | null;\n\n    /**\n     *  Значение по-умолчанию\n     */\n    defaultValue?: string | number | null;\n\n    /**\n     * Разделитель ',' или '.'\n     */\n    separator?: '.' | ',';\n\n    /**\n     * Количество символов после разделителя\n     * Если указан проп step, то всегда 0\n     */\n    fractionLength?: number;\n\n    /**\n     *  Шаг инкремента/декремента. Используйте только целочисленные значения\n     */\n    step?: number;\n\n    /**\n     * Минимальное значение\n     * @default Number.MIN_SAFE_INTEGER\n     */\n    min?: number;\n\n    /**\n     * Максимальное значение\n     * @default Number.MAX_SAFE_INTEGER\n     */\n    max?: number;\n\n    /**\n     * Отображение компонента в мобильном или десктопном виде\n     */\n    view?: 'desktop' | 'mobile';\n\n    /**\n     *  Компонент инпута\n     */\n    Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;\n\n    /**\n     * Обработчик события изменения значения\n     */\n    onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: { value: number | null }) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button\n     */\n    dataTestId?: string;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n    (\n        {\n            value: propValue,\n            onChange,\n            separator = ',',\n            fractionLength = MAX_DIGITS,\n            defaultValue,\n            Input,\n            min: minProp,\n            max: maxProp,\n            rightAddons,\n            dataTestId,\n            disabled,\n            onBlur,\n            onFocus,\n            view,\n            step: stepProp,\n            size = 48,\n            disableUserInput,\n            clear: clearProp,\n            colors = 'default',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { readOnly } = restProps;\n        const { min, max } = getMinMaxOrDefault({ minProp, maxProp });\n        const withStepper = stepProp !== undefined;\n\n        const maskOptions: MaskitoOptions = useMemo(\n            () =>\n                createMaskOptions({\n                    separator,\n                    fractionLength: withStepper ? 0 : fractionLength,\n                    min,\n                    max,\n                }),\n            [separator, fractionLength, min, max, withStepper],\n        );\n\n        const [focused, setFocused] = useState(false);\n        const [value, setValue] = useState(() => {\n            if (defaultValue == null) {\n                return withStepper ? fnUtils.clamp(0, min, max).toString() : '';\n            }\n\n            return fnUtils\n                .clamp(\n                    parseNumber(maskitoTransform(defaultValue.toString(), maskOptions)),\n                    min,\n                    max,\n                )\n                .toString();\n        });\n\n        const maskRef = useMaskito({ options: maskOptions });\n\n        useEffect(() => {\n            if (propValue !== undefined) {\n                setValue((prev) => {\n                    const parsedNumber = parseNumber(propValue);\n\n                    if (parsedNumber !== parseNumber(prev)) {\n                        return maskitoTransform(\n                            stringifyNumberWithoutExp(parsedNumber),\n                            maskOptions,\n                        );\n                    }\n\n                    return prev;\n                });\n            }\n        }, [maskOptions, propValue, separator]);\n\n        const getMaxLength = (valueString: string) => {\n            const hasSeparator = valueString?.includes(separator);\n            const hasSigns = valueString?.startsWith(MINUS_SIGN);\n\n            return MAX_DIGITS + (hasSeparator ? 1 : 0) + (hasSigns ? 1 : 0);\n        };\n\n        const getStep = () => Math.round(stepProp ?? 1);\n\n        const changeValue = (\n            event: ChangeEvent<HTMLInputElement> | null,\n            newValue: number | null,\n        ) => {\n            const isNaNValue = Number.isNaN(newValue);\n            const valueString = event?.target.value ?? newValue?.toString() ?? '';\n\n            setValue(valueString);\n\n            if (valueString === '' || !isNaNValue) {\n                onChange?.(event, {\n                    value: isNaNValue ? null : newValue,\n                });\n            }\n        };\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const valueString = event.target.value;\n\n            changeValue(event, parseNumber(valueString));\n        };\n\n        const handleIncrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? min : parsed + getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleDecrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? max : parsed - getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n            onFocus?.(e);\n\n            if (!disableUserInput) {\n                setFocused(true);\n            }\n        };\n\n        const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n            onBlur?.(e);\n            setFocused(false);\n        };\n\n        const rightAddonsMap = getAddonsByPriority([\n            {\n                priority: 2,\n                predicate: Boolean(rightAddons),\n                render: () => rightAddons,\n            },\n            {\n                priority: 1,\n                predicate: withStepper && !disabled && !readOnly,\n                render: () => (\n                    <Steppers\n                        colors={colors}\n                        dataTestId={dataTestId}\n                        disabled={disabled}\n                        focused={focused}\n                        value={parseNumber(value)}\n                        min={min}\n                        max={max}\n                        onIncrement={handleIncrement}\n                        onDecrement={handleDecrement}\n                        size={size}\n                    />\n                ),\n            },\n        ]);\n\n        return (\n            <Input\n                maxLength={getMaxLength(value)}\n                {...restProps}\n                // В iOS в цифровой клавиатуре невозможно ввести минус.\n                inputMode={min < 0 && isIOS() ? 'text' : 'decimal'}\n                ref={mergeRefs([ref, maskRef])}\n                value={value}\n                onInput={handleChange}\n                dataTestId={dataTestId}\n                colors={colors}\n                disabled={disabled}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                size={size}\n                disableUserInput={disableUserInput}\n                clear={clearProp && /\\d/.test(value)}\n                rightAddons={rightAddonsMap}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/number-input/Component.tsx"],"sourcesContent":["import React, {\n    type ChangeEvent,\n    type FocusEvent,\n    forwardRef,\n    type ForwardRefExoticComponent,\n    Fragment,\n    type RefAttributes,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { type MaskitoOptions, maskitoTransform } from '@maskito/core';\nimport { useMaskito } from '@maskito/react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { fnUtils, isIOS } from '@alfalab/core-components-shared';\n\nimport {\n    createMaskOptions,\n    getMinMaxOrDefault,\n    MAX_DIGITS,\n    MINUS_SIGN,\n    parseNumber,\n    stringifyNumberWithoutExp,\n} from '../../utils';\nimport { Steppers } from '../steppers';\n\nexport interface NumberInputProps\n    extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {\n    /**\n     * Значение поля ввода\n     */\n    value?: string | number | null;\n\n    /**\n     *  Значение по-умолчанию\n     */\n    defaultValue?: string | number | null;\n\n    /**\n     * Разделитель ',' или '.'\n     */\n    separator?: '.' | ',';\n\n    /**\n     * Количество символов после разделителя\n     * Если указан проп step, то всегда 0\n     */\n    fractionLength?: number;\n\n    /**\n     *  Шаг инкремента/декремента. Используйте только целочисленные значения\n     */\n    step?: number;\n\n    /**\n     * Минимальное значение\n     * @default Number.MIN_SAFE_INTEGER\n     */\n    min?: number;\n\n    /**\n     * Максимальное значение\n     * @default Number.MAX_SAFE_INTEGER\n     */\n    max?: number;\n\n    /**\n     * Отображение компонента в мобильном или десктопном виде\n     */\n    view?: 'desktop' | 'mobile';\n\n    /**\n     *  Компонент инпута\n     */\n    Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;\n\n    /**\n     * Обработчик события изменения значения\n     */\n    onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: { value: number | null }) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button\n     */\n    dataTestId?: string;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n    (\n        {\n            value: propValue,\n            onChange,\n            separator = ',',\n            fractionLength = MAX_DIGITS,\n            defaultValue,\n            Input,\n            min: minProp,\n            max: maxProp,\n            rightAddons,\n            dataTestId,\n            disabled,\n            onBlur,\n            onFocus,\n            view,\n            step: stepProp,\n            size = 48,\n            disableUserInput,\n            clear: clearProp,\n            colors = 'default',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { readOnly } = restProps;\n        const { min, max } = getMinMaxOrDefault({ minProp, maxProp });\n        const withStepper = stepProp !== undefined;\n\n        const maskOptions: MaskitoOptions = useMemo(\n            () =>\n                createMaskOptions({\n                    separator,\n                    fractionLength: withStepper ? 0 : fractionLength,\n                    min,\n                    max,\n                }),\n            [separator, fractionLength, min, max, withStepper],\n        );\n\n        const [focused, setFocused] = useState(false);\n        const [value, setValue] = useState(() => {\n            if (defaultValue == null) {\n                return withStepper ? fnUtils.clamp(0, min, max).toString() : '';\n            }\n\n            return fnUtils\n                .clamp(\n                    parseNumber(maskitoTransform(defaultValue.toString(), maskOptions)),\n                    min,\n                    max,\n                )\n                .toString();\n        });\n\n        const maskRef = useMaskito({ options: maskOptions });\n\n        useEffect(() => {\n            if (propValue !== undefined) {\n                setValue((prev) => {\n                    const parsedNumber = parseNumber(propValue);\n\n                    if (parsedNumber !== parseNumber(prev)) {\n                        return maskitoTransform(\n                            stringifyNumberWithoutExp(parsedNumber),\n                            maskOptions,\n                        );\n                    }\n\n                    return prev;\n                });\n            }\n        }, [maskOptions, propValue, separator]);\n\n        const getMaxLength = (valueString: string) => {\n            const hasSeparator = valueString?.includes(separator);\n            const hasSigns = valueString?.startsWith(MINUS_SIGN);\n\n            return MAX_DIGITS + (hasSeparator ? 1 : 0) + (hasSigns ? 1 : 0);\n        };\n\n        const getStep = () => Math.round(stepProp ?? 1);\n\n        const changeValue = (\n            event: ChangeEvent<HTMLInputElement> | null,\n            newValue: number | null,\n        ) => {\n            const isNaNValue = Number.isNaN(newValue);\n            const valueString = event?.target.value ?? newValue?.toString() ?? '';\n\n            setValue(valueString);\n\n            if (valueString === '' || !isNaNValue) {\n                onChange?.(event, {\n                    value: isNaNValue ? null : newValue,\n                });\n            }\n        };\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const valueString = event.target.value;\n\n            changeValue(event, parseNumber(valueString));\n        };\n\n        const handleIncrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? min : parsed + getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleDecrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? max : parsed - getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n            onFocus?.(e);\n\n            if (!disableUserInput) {\n                setFocused(true);\n            }\n        };\n\n        const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n            onBlur?.(e);\n            setFocused(false);\n        };\n\n        const renderRightAddons = () => (\n            <Fragment>\n                {rightAddons}\n                {withStepper && !disabled && !readOnly && (\n                    <Steppers\n                        colors={colors}\n                        dataTestId={dataTestId}\n                        disabled={disabled}\n                        focused={focused}\n                        value={parseNumber(value)}\n                        min={min}\n                        max={max}\n                        onIncrement={handleIncrement}\n                        onDecrement={handleDecrement}\n                        size={size}\n                    />\n                )}\n            </Fragment>\n        );\n\n        return (\n            <Input\n                maxLength={getMaxLength(value)}\n                {...restProps}\n                // В iOS в цифровой клавиатуре невозможно ввести минус.\n                inputMode={min < 0 && isIOS() ? 'text' : 'decimal'}\n                ref={mergeRefs([ref, maskRef])}\n                value={value}\n                onInput={handleChange}\n                dataTestId={dataTestId}\n                colors={colors}\n                disabled={disabled}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                size={size}\n                disableUserInput={disableUserInput}\n                clear={clearProp && /\\d/.test(value)}\n                rightAddons={renderRightAddons()}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":"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"}

package/esm/components/steppers/default.css

@@ -3,13 +3,13 @@
     --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
     --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
 }
-.number-input__separator_1ls5f {
+.number-input__separator_1bc30 {
     background-color: var(--color-light-neutral-translucent-300);
 }
-.number-input__steppers_1ls5f {
+.number-input__steppers_1bc30 {
     background-color: var(--color-light-neutral-translucent-0);
 }
-.number-input__steppersFocused_1ls5f,
-.number-input__steppersDisabled_1ls5f {
+.number-input__steppersFocused_1bc30,
+.number-input__steppersDisabled_1bc30 {
     background-color: var(--color-light-neutral-translucent-200);
 }

package/esm/components/steppers/default.module.css.js

@@ -1,6 +1,6 @@
 import './default.css';
 
-var defaultColors = {"separator":"number-input__separator_1ls5f","steppers":"number-input__steppers_1ls5f","steppersFocused":"number-input__steppersFocused_1ls5f","steppersDisabled":"number-input__steppersDisabled_1ls5f"};
+var defaultColors = {"separator":"number-input__separator_1bc30","steppers":"number-input__steppers_1bc30","steppersFocused":"number-input__steppersFocused_1bc30","steppersDisabled":"number-input__steppersDisabled_1bc30"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/esm/components/steppers/index.css

@@ -7,7 +7,7 @@
     --gap-4-neg: var(--gap-2xs-neg);
     --gap-8-neg: var(--gap-xs-neg);
 }
-.number-input__component_9m7kw {
+.number-input__component_abjt3 {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
@@ -15,21 +15,21 @@
     transition: background-color 0.2s ease;
     overflow: visible;
 }
-.number-input__separator_9m7kw {
+.number-input__separator_abjt3 {
     height: 18px;
     width: 1px;
 }
-.number-input__button_9m7kw {
+.number-input__button_abjt3 {
     width: 40px;
     height: 40px;
 }
-.number-input__size-40_9m7kw {
+.number-input__size-40_abjt3 {
     margin-right: var(--gap-8-neg);
     height: 32px;
 }
-.number-input__size-48_9m7kw {
+.number-input__size-48_abjt3 {
     margin-right: var(--gap-8-neg);
 }
-.number-input__size-56_9m7kw {
+.number-input__size-56_abjt3 {
     margin-right: var(--gap-4-neg);
 }

package/esm/components/steppers/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"number-input__component_9m7kw","separator":"number-input__separator_9m7kw","button":"number-input__button_9m7kw","size-40":"number-input__size-40_9m7kw","size-48":"number-input__size-48_9m7kw","size-56":"number-input__size-56_9m7kw"};
+var styles = {"component":"number-input__component_abjt3","separator":"number-input__separator_abjt3","button":"number-input__button_abjt3","size-40":"number-input__size-40_abjt3","size-48":"number-input__size-48_abjt3","size-56":"number-input__size-56_abjt3"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/steppers/inverted.css

@@ -2,13 +2,13 @@
     --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
     --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
 }
-.number-input__separator_1q0jn {
+.number-input__separator_1fkh7 {
     background-color: var(--color-light-neutral-translucent-300-inverted);
 }
-.number-input__steppers_1q0jn {
+.number-input__steppers_1fkh7 {
     background-color: var(--color-light-neutral-translucent-0-inverted);
 }
-.number-input__steppersFocused_1q0jn,
-.number-input__steppersDisabled_1q0jn {
+.number-input__steppersFocused_1fkh7,
+.number-input__steppersDisabled_1fkh7 {
     background-color: var(--color-light-neutral-translucent-300-inverted);
 }

package/esm/components/steppers/inverted.module.css.js

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-var invertedColors = {"separator":"number-input__separator_1q0jn","steppers":"number-input__steppers_1q0jn","steppersFocused":"number-input__steppersFocused_1q0jn","steppersDisabled":"number-input__steppersDisabled_1q0jn"};
+var invertedColors = {"separator":"number-input__separator_1fkh7","steppers":"number-input__steppers_1fkh7","steppersFocused":"number-input__steppersFocused_1fkh7","steppersDisabled":"number-input__steppersDisabled_1fkh7"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/modern/components/number-input/Component.js

@@ -1,8 +1,7 @@
-import React, { forwardRef, useMemo, useState, useEffect } from 'react';
+import React, { forwardRef, useMemo, useState, useEffect, Fragment } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { maskitoTransform } from '@maskito/core';
 import { useMaskito } from '@maskito/react';
-import { getAddonsByPriority } from '@alfalab/core-components-input/modern/shared';
 import { fnUtils, isIOS } from '@alfalab/core-components-shared/modern';
 import { createMaskOptions, MAX_DIGITS, getMinMaxOrDefault, parseNumber, stringifyNumberWithoutExp, MINUS_SIGN } from '../../utils.js';
 import { Steppers } from '../steppers/Component.js';
@@ -78,21 +77,12 @@ const NumberInput = forwardRef(({ value: propValue, onChange, separator = ',', f
         onBlur?.(e);
         setFocused(false);
     };
-    const rightAddonsMap = getAddonsByPriority([
-        {
-            priority: 2,
-            predicate: Boolean(rightAddons),
-            render: () => rightAddons,
-        },
-        {
-            priority: 1,
-            predicate: withStepper && !disabled && !readOnly,
-            render: () => (React.createElement(Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, focused: focused, value: parseNumber(value), min: min, max: max, onIncrement: handleIncrement, onDecrement: handleDecrement, size: size })),
-        },
-    ]);
+    const renderRightAddons = () => (React.createElement(Fragment, null,
+        rightAddons,
+        withStepper && !disabled && !readOnly && (React.createElement(Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, focused: focused, value: parseNumber(value), min: min, max: max, onIncrement: handleIncrement, onDecrement: handleDecrement, size: size }))));
     return (React.createElement(Input, { maxLength: getMaxLength(value), ...restProps, 
         // В iOS в цифровой клавиатуре невозможно ввести минус.
-        inputMode: min < 0 && isIOS() ? 'text' : 'decimal', ref: mergeRefs([ref, maskRef]), value: value, onInput: handleChange, dataTestId: dataTestId, colors: colors, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, size: size, disableUserInput: disableUserInput, clear: clearProp && /\d/.test(value), rightAddons: rightAddonsMap }));
+        inputMode: min < 0 && isIOS() ? 'text' : 'decimal', ref: mergeRefs([ref, maskRef]), value: value, onInput: handleChange, dataTestId: dataTestId, colors: colors, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, size: size, disableUserInput: disableUserInput, clear: clearProp && /\d/.test(value), rightAddons: renderRightAddons() }));
 });
 
 export { NumberInput };

package/modern/components/number-input/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/number-input/Component.tsx"],"sourcesContent":["import React, {\n    type ChangeEvent,\n    type FocusEvent,\n    forwardRef,\n    type ForwardRefExoticComponent,\n    type RefAttributes,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { type MaskitoOptions, maskitoTransform } from '@maskito/core';\nimport { useMaskito } from '@maskito/react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { getAddonsByPriority } from '@alfalab/core-components-input/shared';\nimport { fnUtils, isIOS } from '@alfalab/core-components-shared';\n\nimport {\n    createMaskOptions,\n    getMinMaxOrDefault,\n    MAX_DIGITS,\n    MINUS_SIGN,\n    parseNumber,\n    stringifyNumberWithoutExp,\n} from '../../utils';\nimport { Steppers } from '../steppers';\n\nexport interface NumberInputProps\n    extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {\n    /**\n     * Значение поля ввода\n     */\n    value?: string | number | null;\n\n    /**\n     *  Значение по-умолчанию\n     */\n    defaultValue?: string | number | null;\n\n    /**\n     * Разделитель ',' или '.'\n     */\n    separator?: '.' | ',';\n\n    /**\n     * Количество символов после разделителя\n     * Если указан проп step, то всегда 0\n     */\n    fractionLength?: number;\n\n    /**\n     *  Шаг инкремента/декремента. Используйте только целочисленные значения\n     */\n    step?: number;\n\n    /**\n     * Минимальное значение\n     * @default Number.MIN_SAFE_INTEGER\n     */\n    min?: number;\n\n    /**\n     * Максимальное значение\n     * @default Number.MAX_SAFE_INTEGER\n     */\n    max?: number;\n\n    /**\n     * Отображение компонента в мобильном или десктопном виде\n     */\n    view?: 'desktop' | 'mobile';\n\n    /**\n     *  Компонент инпута\n     */\n    Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;\n\n    /**\n     * Обработчик события изменения значения\n     */\n    onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: { value: number | null }) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button\n     */\n    dataTestId?: string;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n    (\n        {\n            value: propValue,\n            onChange,\n            separator = ',',\n            fractionLength = MAX_DIGITS,\n            defaultValue,\n            Input,\n            min: minProp,\n            max: maxProp,\n            rightAddons,\n            dataTestId,\n            disabled,\n            onBlur,\n            onFocus,\n            view,\n            step: stepProp,\n            size = 48,\n            disableUserInput,\n            clear: clearProp,\n            colors = 'default',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { readOnly } = restProps;\n        const { min, max } = getMinMaxOrDefault({ minProp, maxProp });\n        const withStepper = stepProp !== undefined;\n\n        const maskOptions: MaskitoOptions = useMemo(\n            () =>\n                createMaskOptions({\n                    separator,\n                    fractionLength: withStepper ? 0 : fractionLength,\n                    min,\n                    max,\n                }),\n            [separator, fractionLength, min, max, withStepper],\n        );\n\n        const [focused, setFocused] = useState(false);\n        const [value, setValue] = useState(() => {\n            if (defaultValue == null) {\n                return withStepper ? fnUtils.clamp(0, min, max).toString() : '';\n            }\n\n            return fnUtils\n                .clamp(\n                    parseNumber(maskitoTransform(defaultValue.toString(), maskOptions)),\n                    min,\n                    max,\n                )\n                .toString();\n        });\n\n        const maskRef = useMaskito({ options: maskOptions });\n\n        useEffect(() => {\n            if (propValue !== undefined) {\n                setValue((prev) => {\n                    const parsedNumber = parseNumber(propValue);\n\n                    if (parsedNumber !== parseNumber(prev)) {\n                        return maskitoTransform(\n                            stringifyNumberWithoutExp(parsedNumber),\n                            maskOptions,\n                        );\n                    }\n\n                    return prev;\n                });\n            }\n        }, [maskOptions, propValue, separator]);\n\n        const getMaxLength = (valueString: string) => {\n            const hasSeparator = valueString?.includes(separator);\n            const hasSigns = valueString?.startsWith(MINUS_SIGN);\n\n            return MAX_DIGITS + (hasSeparator ? 1 : 0) + (hasSigns ? 1 : 0);\n        };\n\n        const getStep = () => Math.round(stepProp ?? 1);\n\n        const changeValue = (\n            event: ChangeEvent<HTMLInputElement> | null,\n            newValue: number | null,\n        ) => {\n            const isNaNValue = Number.isNaN(newValue);\n            const valueString = event?.target.value ?? newValue?.toString() ?? '';\n\n            setValue(valueString);\n\n            if (valueString === '' || !isNaNValue) {\n                onChange?.(event, {\n                    value: isNaNValue ? null : newValue,\n                });\n            }\n        };\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const valueString = event.target.value;\n\n            changeValue(event, parseNumber(valueString));\n        };\n\n        const handleIncrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? min : parsed + getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleDecrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? max : parsed - getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n            onFocus?.(e);\n\n            if (!disableUserInput) {\n                setFocused(true);\n            }\n        };\n\n        const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n            onBlur?.(e);\n            setFocused(false);\n        };\n\n        const rightAddonsMap = getAddonsByPriority([\n            {\n                priority: 2,\n                predicate: Boolean(rightAddons),\n                render: () => rightAddons,\n            },\n            {\n                priority: 1,\n                predicate: withStepper && !disabled && !readOnly,\n                render: () => (\n                    <Steppers\n                        colors={colors}\n                        dataTestId={dataTestId}\n                        disabled={disabled}\n                        focused={focused}\n                        value={parseNumber(value)}\n                        min={min}\n                        max={max}\n                        onIncrement={handleIncrement}\n                        onDecrement={handleDecrement}\n                        size={size}\n                    />\n                ),\n            },\n        ]);\n\n        return (\n            <Input\n                maxLength={getMaxLength(value)}\n                {...restProps}\n                // В iOS в цифровой клавиатуре невозможно ввести минус.\n                inputMode={min < 0 && isIOS() ? 'text' : 'decimal'}\n                ref={mergeRefs([ref, maskRef])}\n                value={value}\n                onInput={handleChange}\n                dataTestId={dataTestId}\n                colors={colors}\n                disabled={disabled}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                size={size}\n                disableUserInput={disableUserInput}\n                clear={clearProp && /\\d/.test(value)}\n                rightAddons={rightAddonsMap}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/number-input/Component.tsx"],"sourcesContent":["import React, {\n    type ChangeEvent,\n    type FocusEvent,\n    forwardRef,\n    type ForwardRefExoticComponent,\n    Fragment,\n    type RefAttributes,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { type MaskitoOptions, maskitoTransform } from '@maskito/core';\nimport { useMaskito } from '@maskito/react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { fnUtils, isIOS } from '@alfalab/core-components-shared';\n\nimport {\n    createMaskOptions,\n    getMinMaxOrDefault,\n    MAX_DIGITS,\n    MINUS_SIGN,\n    parseNumber,\n    stringifyNumberWithoutExp,\n} from '../../utils';\nimport { Steppers } from '../steppers';\n\nexport interface NumberInputProps\n    extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {\n    /**\n     * Значение поля ввода\n     */\n    value?: string | number | null;\n\n    /**\n     *  Значение по-умолчанию\n     */\n    defaultValue?: string | number | null;\n\n    /**\n     * Разделитель ',' или '.'\n     */\n    separator?: '.' | ',';\n\n    /**\n     * Количество символов после разделителя\n     * Если указан проп step, то всегда 0\n     */\n    fractionLength?: number;\n\n    /**\n     *  Шаг инкремента/декремента. Используйте только целочисленные значения\n     */\n    step?: number;\n\n    /**\n     * Минимальное значение\n     * @default Number.MIN_SAFE_INTEGER\n     */\n    min?: number;\n\n    /**\n     * Максимальное значение\n     * @default Number.MAX_SAFE_INTEGER\n     */\n    max?: number;\n\n    /**\n     * Отображение компонента в мобильном или десктопном виде\n     */\n    view?: 'desktop' | 'mobile';\n\n    /**\n     *  Компонент инпута\n     */\n    Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;\n\n    /**\n     * Обработчик события изменения значения\n     */\n    onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: { value: number | null }) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button\n     */\n    dataTestId?: string;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n    (\n        {\n            value: propValue,\n            onChange,\n            separator = ',',\n            fractionLength = MAX_DIGITS,\n            defaultValue,\n            Input,\n            min: minProp,\n            max: maxProp,\n            rightAddons,\n            dataTestId,\n            disabled,\n            onBlur,\n            onFocus,\n            view,\n            step: stepProp,\n            size = 48,\n            disableUserInput,\n            clear: clearProp,\n            colors = 'default',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { readOnly } = restProps;\n        const { min, max } = getMinMaxOrDefault({ minProp, maxProp });\n        const withStepper = stepProp !== undefined;\n\n        const maskOptions: MaskitoOptions = useMemo(\n            () =>\n                createMaskOptions({\n                    separator,\n                    fractionLength: withStepper ? 0 : fractionLength,\n                    min,\n                    max,\n                }),\n            [separator, fractionLength, min, max, withStepper],\n        );\n\n        const [focused, setFocused] = useState(false);\n        const [value, setValue] = useState(() => {\n            if (defaultValue == null) {\n                return withStepper ? fnUtils.clamp(0, min, max).toString() : '';\n            }\n\n            return fnUtils\n                .clamp(\n                    parseNumber(maskitoTransform(defaultValue.toString(), maskOptions)),\n                    min,\n                    max,\n                )\n                .toString();\n        });\n\n        const maskRef = useMaskito({ options: maskOptions });\n\n        useEffect(() => {\n            if (propValue !== undefined) {\n                setValue((prev) => {\n                    const parsedNumber = parseNumber(propValue);\n\n                    if (parsedNumber !== parseNumber(prev)) {\n                        return maskitoTransform(\n                            stringifyNumberWithoutExp(parsedNumber),\n                            maskOptions,\n                        );\n                    }\n\n                    return prev;\n                });\n            }\n        }, [maskOptions, propValue, separator]);\n\n        const getMaxLength = (valueString: string) => {\n            const hasSeparator = valueString?.includes(separator);\n            const hasSigns = valueString?.startsWith(MINUS_SIGN);\n\n            return MAX_DIGITS + (hasSeparator ? 1 : 0) + (hasSigns ? 1 : 0);\n        };\n\n        const getStep = () => Math.round(stepProp ?? 1);\n\n        const changeValue = (\n            event: ChangeEvent<HTMLInputElement> | null,\n            newValue: number | null,\n        ) => {\n            const isNaNValue = Number.isNaN(newValue);\n            const valueString = event?.target.value ?? newValue?.toString() ?? '';\n\n            setValue(valueString);\n\n            if (valueString === '' || !isNaNValue) {\n                onChange?.(event, {\n                    value: isNaNValue ? null : newValue,\n                });\n            }\n        };\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const valueString = event.target.value;\n\n            changeValue(event, parseNumber(valueString));\n        };\n\n        const handleIncrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? min : parsed + getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleDecrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? max : parsed - getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n            onFocus?.(e);\n\n            if (!disableUserInput) {\n                setFocused(true);\n            }\n        };\n\n        const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n            onBlur?.(e);\n            setFocused(false);\n        };\n\n        const renderRightAddons = () => (\n            <Fragment>\n                {rightAddons}\n                {withStepper && !disabled && !readOnly && (\n                    <Steppers\n                        colors={colors}\n                        dataTestId={dataTestId}\n                        disabled={disabled}\n                        focused={focused}\n                        value={parseNumber(value)}\n                        min={min}\n                        max={max}\n                        onIncrement={handleIncrement}\n                        onDecrement={handleDecrement}\n                        size={size}\n                    />\n                )}\n            </Fragment>\n        );\n\n        return (\n            <Input\n                maxLength={getMaxLength(value)}\n                {...restProps}\n                // В iOS в цифровой клавиатуре невозможно ввести минус.\n                inputMode={min < 0 && isIOS() ? 'text' : 'decimal'}\n                ref={mergeRefs([ref, maskRef])}\n                value={value}\n                onInput={handleChange}\n                dataTestId={dataTestId}\n                colors={colors}\n                disabled={disabled}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                size={size}\n                disableUserInput={disableUserInput}\n                clear={clearProp && /\\d/.test(value)}\n                rightAddons={renderRightAddons()}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":"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"}

package/modern/components/steppers/default.css

@@ -3,13 +3,13 @@
     --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
     --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
 }
-.number-input__separator_1ls5f {
+.number-input__separator_1bc30 {
     background-color: var(--color-light-neutral-translucent-300);
 }
-.number-input__steppers_1ls5f {
+.number-input__steppers_1bc30 {
     background-color: var(--color-light-neutral-translucent-0);
 }
-.number-input__steppersFocused_1ls5f,
-.number-input__steppersDisabled_1ls5f {
+.number-input__steppersFocused_1bc30,
+.number-input__steppersDisabled_1bc30 {
     background-color: var(--color-light-neutral-translucent-200);
 }

package/modern/components/steppers/default.module.css.js

@@ -1,6 +1,6 @@
 import './default.css';
 
-const defaultColors = {"separator":"number-input__separator_1ls5f","steppers":"number-input__steppers_1ls5f","steppersFocused":"number-input__steppersFocused_1ls5f","steppersDisabled":"number-input__steppersDisabled_1ls5f"};
+const defaultColors = {"separator":"number-input__separator_1bc30","steppers":"number-input__steppers_1bc30","steppersFocused":"number-input__steppersFocused_1bc30","steppersDisabled":"number-input__steppersDisabled_1bc30"};
 
 export { defaultColors as default };
 //# sourceMappingURL=default.module.css.js.map

package/modern/components/steppers/index.css

@@ -7,7 +7,7 @@
     --gap-4-neg: var(--gap-2xs-neg);
     --gap-8-neg: var(--gap-xs-neg);
 }
-.number-input__component_9m7kw {
+.number-input__component_abjt3 {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
@@ -15,21 +15,21 @@
     transition: background-color 0.2s ease;
     overflow: visible;
 }
-.number-input__separator_9m7kw {
+.number-input__separator_abjt3 {
     height: 18px;
     width: 1px;
 }
-.number-input__button_9m7kw {
+.number-input__button_abjt3 {
     width: 40px;
     height: 40px;
 }
-.number-input__size-40_9m7kw {
+.number-input__size-40_abjt3 {
     margin-right: var(--gap-8-neg);
     height: 32px;
 }
-.number-input__size-48_9m7kw {
+.number-input__size-48_abjt3 {
     margin-right: var(--gap-8-neg);
 }
-.number-input__size-56_9m7kw {
+.number-input__size-56_abjt3 {
     margin-right: var(--gap-4-neg);
 }

package/modern/components/steppers/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"number-input__component_9m7kw","separator":"number-input__separator_9m7kw","button":"number-input__button_9m7kw","size-40":"number-input__size-40_9m7kw","size-48":"number-input__size-48_9m7kw","size-56":"number-input__size-56_9m7kw"};
+const styles = {"component":"number-input__component_abjt3","separator":"number-input__separator_abjt3","button":"number-input__button_abjt3","size-40":"number-input__size-40_abjt3","size-48":"number-input__size-48_abjt3","size-56":"number-input__size-56_abjt3"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/steppers/inverted.css

@@ -2,13 +2,13 @@
     --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
     --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
 }
-.number-input__separator_1q0jn {
+.number-input__separator_1fkh7 {
     background-color: var(--color-light-neutral-translucent-300-inverted);
 }
-.number-input__steppers_1q0jn {
+.number-input__steppers_1fkh7 {
     background-color: var(--color-light-neutral-translucent-0-inverted);
 }
-.number-input__steppersFocused_1q0jn,
-.number-input__steppersDisabled_1q0jn {
+.number-input__steppersFocused_1fkh7,
+.number-input__steppersDisabled_1fkh7 {
     background-color: var(--color-light-neutral-translucent-300-inverted);
 }

package/modern/components/steppers/inverted.module.css.js

@@ -1,6 +1,6 @@
 import './inverted.css';
 
-const invertedColors = {"separator":"number-input__separator_1q0jn","steppers":"number-input__steppers_1q0jn","steppersFocused":"number-input__steppersFocused_1q0jn","steppersDisabled":"number-input__steppersDisabled_1q0jn"};
+const invertedColors = {"separator":"number-input__separator_1fkh7","steppers":"number-input__steppers_1fkh7","steppersFocused":"number-input__steppersFocused_1fkh7","steppersDisabled":"number-input__steppersDisabled_1fkh7"};
 
 export { invertedColors as default };
 //# sourceMappingURL=inverted.module.css.js.map

package/moderncssm/components/number-input/Component.js

@@ -1,8 +1,7 @@
-import React, { forwardRef, useMemo, useState, useEffect } from 'react';
+import React, { forwardRef, useMemo, useState, useEffect, Fragment } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { maskitoTransform } from '@maskito/core';
 import { useMaskito } from '@maskito/react';
-import { getAddonsByPriority } from '@alfalab/core-components-input/moderncssm/shared';
 import { fnUtils, isIOS } from '@alfalab/core-components-shared/moderncssm';
 import { createMaskOptions, MAX_DIGITS, getMinMaxOrDefault, parseNumber, stringifyNumberWithoutExp, MINUS_SIGN } from '../../utils.js';
 import { Steppers } from '../steppers/Component.js';
@@ -78,21 +77,12 @@ const NumberInput = forwardRef(({ value: propValue, onChange, separator = ',', f
         onBlur?.(e);
         setFocused(false);
     };
-    const rightAddonsMap = getAddonsByPriority([
-        {
-            priority: 2,
-            predicate: Boolean(rightAddons),
-            render: () => rightAddons,
-        },
-        {
-            priority: 1,
-            predicate: withStepper && !disabled && !readOnly,
-            render: () => (React.createElement(Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, focused: focused, value: parseNumber(value), min: min, max: max, onIncrement: handleIncrement, onDecrement: handleDecrement, size: size })),
-        },
-    ]);
+    const renderRightAddons = () => (React.createElement(Fragment, null,
+        rightAddons,
+        withStepper && !disabled && !readOnly && (React.createElement(Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, focused: focused, value: parseNumber(value), min: min, max: max, onIncrement: handleIncrement, onDecrement: handleDecrement, size: size }))));
     return (React.createElement(Input, { maxLength: getMaxLength(value), ...restProps, 
         // В iOS в цифровой клавиатуре невозможно ввести минус.
-        inputMode: min < 0 && isIOS() ? 'text' : 'decimal', ref: mergeRefs([ref, maskRef]), value: value, onInput: handleChange, dataTestId: dataTestId, colors: colors, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, size: size, disableUserInput: disableUserInput, clear: clearProp && /\d/.test(value), rightAddons: rightAddonsMap }));
+        inputMode: min < 0 && isIOS() ? 'text' : 'decimal', ref: mergeRefs([ref, maskRef]), value: value, onInput: handleChange, dataTestId: dataTestId, colors: colors, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, size: size, disableUserInput: disableUserInput, clear: clearProp && /\d/.test(value), rightAddons: renderRightAddons() }));
 });
 
 export { NumberInput };

package/moderncssm/components/number-input/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/number-input/Component.tsx"],"sourcesContent":["import React, {\n    type ChangeEvent,\n    type FocusEvent,\n    forwardRef,\n    type ForwardRefExoticComponent,\n    type RefAttributes,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { type MaskitoOptions, maskitoTransform } from '@maskito/core';\nimport { useMaskito } from '@maskito/react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { getAddonsByPriority } from '@alfalab/core-components-input/shared';\nimport { fnUtils, isIOS } from '@alfalab/core-components-shared';\n\nimport {\n    createMaskOptions,\n    getMinMaxOrDefault,\n    MAX_DIGITS,\n    MINUS_SIGN,\n    parseNumber,\n    stringifyNumberWithoutExp,\n} from '../../utils';\nimport { Steppers } from '../steppers';\n\nexport interface NumberInputProps\n    extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {\n    /**\n     * Значение поля ввода\n     */\n    value?: string | number | null;\n\n    /**\n     *  Значение по-умолчанию\n     */\n    defaultValue?: string | number | null;\n\n    /**\n     * Разделитель ',' или '.'\n     */\n    separator?: '.' | ',';\n\n    /**\n     * Количество символов после разделителя\n     * Если указан проп step, то всегда 0\n     */\n    fractionLength?: number;\n\n    /**\n     *  Шаг инкремента/декремента. Используйте только целочисленные значения\n     */\n    step?: number;\n\n    /**\n     * Минимальное значение\n     * @default Number.MIN_SAFE_INTEGER\n     */\n    min?: number;\n\n    /**\n     * Максимальное значение\n     * @default Number.MAX_SAFE_INTEGER\n     */\n    max?: number;\n\n    /**\n     * Отображение компонента в мобильном или десктопном виде\n     */\n    view?: 'desktop' | 'mobile';\n\n    /**\n     *  Компонент инпута\n     */\n    Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;\n\n    /**\n     * Обработчик события изменения значения\n     */\n    onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: { value: number | null }) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button\n     */\n    dataTestId?: string;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n    (\n        {\n            value: propValue,\n            onChange,\n            separator = ',',\n            fractionLength = MAX_DIGITS,\n            defaultValue,\n            Input,\n            min: minProp,\n            max: maxProp,\n            rightAddons,\n            dataTestId,\n            disabled,\n            onBlur,\n            onFocus,\n            view,\n            step: stepProp,\n            size = 48,\n            disableUserInput,\n            clear: clearProp,\n            colors = 'default',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { readOnly } = restProps;\n        const { min, max } = getMinMaxOrDefault({ minProp, maxProp });\n        const withStepper = stepProp !== undefined;\n\n        const maskOptions: MaskitoOptions = useMemo(\n            () =>\n                createMaskOptions({\n                    separator,\n                    fractionLength: withStepper ? 0 : fractionLength,\n                    min,\n                    max,\n                }),\n            [separator, fractionLength, min, max, withStepper],\n        );\n\n        const [focused, setFocused] = useState(false);\n        const [value, setValue] = useState(() => {\n            if (defaultValue == null) {\n                return withStepper ? fnUtils.clamp(0, min, max).toString() : '';\n            }\n\n            return fnUtils\n                .clamp(\n                    parseNumber(maskitoTransform(defaultValue.toString(), maskOptions)),\n                    min,\n                    max,\n                )\n                .toString();\n        });\n\n        const maskRef = useMaskito({ options: maskOptions });\n\n        useEffect(() => {\n            if (propValue !== undefined) {\n                setValue((prev) => {\n                    const parsedNumber = parseNumber(propValue);\n\n                    if (parsedNumber !== parseNumber(prev)) {\n                        return maskitoTransform(\n                            stringifyNumberWithoutExp(parsedNumber),\n                            maskOptions,\n                        );\n                    }\n\n                    return prev;\n                });\n            }\n        }, [maskOptions, propValue, separator]);\n\n        const getMaxLength = (valueString: string) => {\n            const hasSeparator = valueString?.includes(separator);\n            const hasSigns = valueString?.startsWith(MINUS_SIGN);\n\n            return MAX_DIGITS + (hasSeparator ? 1 : 0) + (hasSigns ? 1 : 0);\n        };\n\n        const getStep = () => Math.round(stepProp ?? 1);\n\n        const changeValue = (\n            event: ChangeEvent<HTMLInputElement> | null,\n            newValue: number | null,\n        ) => {\n            const isNaNValue = Number.isNaN(newValue);\n            const valueString = event?.target.value ?? newValue?.toString() ?? '';\n\n            setValue(valueString);\n\n            if (valueString === '' || !isNaNValue) {\n                onChange?.(event, {\n                    value: isNaNValue ? null : newValue,\n                });\n            }\n        };\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const valueString = event.target.value;\n\n            changeValue(event, parseNumber(valueString));\n        };\n\n        const handleIncrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? min : parsed + getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleDecrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? max : parsed - getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n            onFocus?.(e);\n\n            if (!disableUserInput) {\n                setFocused(true);\n            }\n        };\n\n        const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n            onBlur?.(e);\n            setFocused(false);\n        };\n\n        const rightAddonsMap = getAddonsByPriority([\n            {\n                priority: 2,\n                predicate: Boolean(rightAddons),\n                render: () => rightAddons,\n            },\n            {\n                priority: 1,\n                predicate: withStepper && !disabled && !readOnly,\n                render: () => (\n                    <Steppers\n                        colors={colors}\n                        dataTestId={dataTestId}\n                        disabled={disabled}\n                        focused={focused}\n                        value={parseNumber(value)}\n                        min={min}\n                        max={max}\n                        onIncrement={handleIncrement}\n                        onDecrement={handleDecrement}\n                        size={size}\n                    />\n                ),\n            },\n        ]);\n\n        return (\n            <Input\n                maxLength={getMaxLength(value)}\n                {...restProps}\n                // В iOS в цифровой клавиатуре невозможно ввести минус.\n                inputMode={min < 0 && isIOS() ? 'text' : 'decimal'}\n                ref={mergeRefs([ref, maskRef])}\n                value={value}\n                onInput={handleChange}\n                dataTestId={dataTestId}\n                colors={colors}\n                disabled={disabled}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                size={size}\n                disableUserInput={disableUserInput}\n                clear={clearProp && /\\d/.test(value)}\n                rightAddons={rightAddonsMap}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/number-input/Component.tsx"],"sourcesContent":["import React, {\n    type ChangeEvent,\n    type FocusEvent,\n    forwardRef,\n    type ForwardRefExoticComponent,\n    Fragment,\n    type RefAttributes,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { type MaskitoOptions, maskitoTransform } from '@maskito/core';\nimport { useMaskito } from '@maskito/react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { fnUtils, isIOS } from '@alfalab/core-components-shared';\n\nimport {\n    createMaskOptions,\n    getMinMaxOrDefault,\n    MAX_DIGITS,\n    MINUS_SIGN,\n    parseNumber,\n    stringifyNumberWithoutExp,\n} from '../../utils';\nimport { Steppers } from '../steppers';\n\nexport interface NumberInputProps\n    extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'defaultValue' | 'dataTestId'> {\n    /**\n     * Значение поля ввода\n     */\n    value?: string | number | null;\n\n    /**\n     *  Значение по-умолчанию\n     */\n    defaultValue?: string | number | null;\n\n    /**\n     * Разделитель ',' или '.'\n     */\n    separator?: '.' | ',';\n\n    /**\n     * Количество символов после разделителя\n     * Если указан проп step, то всегда 0\n     */\n    fractionLength?: number;\n\n    /**\n     *  Шаг инкремента/декремента. Используйте только целочисленные значения\n     */\n    step?: number;\n\n    /**\n     * Минимальное значение\n     * @default Number.MIN_SAFE_INTEGER\n     */\n    min?: number;\n\n    /**\n     * Максимальное значение\n     * @default Number.MAX_SAFE_INTEGER\n     */\n    max?: number;\n\n    /**\n     * Отображение компонента в мобильном или десктопном виде\n     */\n    view?: 'desktop' | 'mobile';\n\n    /**\n     *  Компонент инпута\n     */\n    Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;\n\n    /**\n     * Обработчик события изменения значения\n     */\n    onChange?: (e: ChangeEvent<HTMLInputElement> | null, payload: { value: number | null }) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для кнопки инкремента используется модификатор -increment-button, декремента -decrement-button\n     */\n    dataTestId?: string;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n    (\n        {\n            value: propValue,\n            onChange,\n            separator = ',',\n            fractionLength = MAX_DIGITS,\n            defaultValue,\n            Input,\n            min: minProp,\n            max: maxProp,\n            rightAddons,\n            dataTestId,\n            disabled,\n            onBlur,\n            onFocus,\n            view,\n            step: stepProp,\n            size = 48,\n            disableUserInput,\n            clear: clearProp,\n            colors = 'default',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { readOnly } = restProps;\n        const { min, max } = getMinMaxOrDefault({ minProp, maxProp });\n        const withStepper = stepProp !== undefined;\n\n        const maskOptions: MaskitoOptions = useMemo(\n            () =>\n                createMaskOptions({\n                    separator,\n                    fractionLength: withStepper ? 0 : fractionLength,\n                    min,\n                    max,\n                }),\n            [separator, fractionLength, min, max, withStepper],\n        );\n\n        const [focused, setFocused] = useState(false);\n        const [value, setValue] = useState(() => {\n            if (defaultValue == null) {\n                return withStepper ? fnUtils.clamp(0, min, max).toString() : '';\n            }\n\n            return fnUtils\n                .clamp(\n                    parseNumber(maskitoTransform(defaultValue.toString(), maskOptions)),\n                    min,\n                    max,\n                )\n                .toString();\n        });\n\n        const maskRef = useMaskito({ options: maskOptions });\n\n        useEffect(() => {\n            if (propValue !== undefined) {\n                setValue((prev) => {\n                    const parsedNumber = parseNumber(propValue);\n\n                    if (parsedNumber !== parseNumber(prev)) {\n                        return maskitoTransform(\n                            stringifyNumberWithoutExp(parsedNumber),\n                            maskOptions,\n                        );\n                    }\n\n                    return prev;\n                });\n            }\n        }, [maskOptions, propValue, separator]);\n\n        const getMaxLength = (valueString: string) => {\n            const hasSeparator = valueString?.includes(separator);\n            const hasSigns = valueString?.startsWith(MINUS_SIGN);\n\n            return MAX_DIGITS + (hasSeparator ? 1 : 0) + (hasSigns ? 1 : 0);\n        };\n\n        const getStep = () => Math.round(stepProp ?? 1);\n\n        const changeValue = (\n            event: ChangeEvent<HTMLInputElement> | null,\n            newValue: number | null,\n        ) => {\n            const isNaNValue = Number.isNaN(newValue);\n            const valueString = event?.target.value ?? newValue?.toString() ?? '';\n\n            setValue(valueString);\n\n            if (valueString === '' || !isNaNValue) {\n                onChange?.(event, {\n                    value: isNaNValue ? null : newValue,\n                });\n            }\n        };\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const valueString = event.target.value;\n\n            changeValue(event, parseNumber(valueString));\n        };\n\n        const handleIncrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? min : parsed + getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleDecrement = () => {\n            const parsed = parseNumber(value);\n            const nextValue = maskitoTransform(\n                (Number.isNaN(parsed) ? max : parsed - getStep()).toString(),\n                maskOptions,\n            );\n\n            changeValue(null, parseNumber(nextValue));\n        };\n\n        const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n            onFocus?.(e);\n\n            if (!disableUserInput) {\n                setFocused(true);\n            }\n        };\n\n        const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n            onBlur?.(e);\n            setFocused(false);\n        };\n\n        const renderRightAddons = () => (\n            <Fragment>\n                {rightAddons}\n                {withStepper && !disabled && !readOnly && (\n                    <Steppers\n                        colors={colors}\n                        dataTestId={dataTestId}\n                        disabled={disabled}\n                        focused={focused}\n                        value={parseNumber(value)}\n                        min={min}\n                        max={max}\n                        onIncrement={handleIncrement}\n                        onDecrement={handleDecrement}\n                        size={size}\n                    />\n                )}\n            </Fragment>\n        );\n\n        return (\n            <Input\n                maxLength={getMaxLength(value)}\n                {...restProps}\n                // В iOS в цифровой клавиатуре невозможно ввести минус.\n                inputMode={min < 0 && isIOS() ? 'text' : 'decimal'}\n                ref={mergeRefs([ref, maskRef])}\n                value={value}\n                onInput={handleChange}\n                dataTestId={dataTestId}\n                colors={colors}\n                disabled={disabled}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                size={size}\n                disableUserInput={disableUserInput}\n                clear={clearProp && /\\d/.test(value)}\n                rightAddons={renderRightAddons()}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;;;;AA0FO,MAAM,WAAW,GAAG,UAAU,CACjC,CACI,EACI,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,SAAS,GAAG,GAAG,EACf,cAAc,GAAG,UAAU,EAC3B,YAAY,EACZ,KAAK,EACL,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,WAAW,EACX,UAAU,EACV,QAAQ,EACR,MAAM,EACN,OAAO,EACP,IAAI,EACJ,IAAI,EAAE,QAAQ,EACd,IAAI,GAAG,EAAE,EACT,gBAAgB,EAChB,KAAK,EAAE,SAAS,EAChB,MAAM,GAAG,SAAS,EAClB,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS;AAC9B,IAAA,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,kBAAkB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAC7D,IAAA,MAAM,WAAW,GAAG,QAAQ,KAAK,SAAS;IAE1C,MAAM,WAAW,GAAmB,OAAO,CACvC,MACI,iBAAiB,CAAC;QACd,SAAS;QACT,cAAc,EAAE,WAAW,GAAG,CAAC,GAAG,cAAc;QAChD,GAAG;QACH,GAAG;AACN,KAAA,CAAC,EACN,CAAC,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,CAAC,CACrD;IAED,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAK;QACpC,IAAI,YAAY,IAAI,IAAI,EAAE;YACtB,OAAO,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE;AAClE;AAED,QAAA,OAAO;AACF,aAAA,KAAK,CACF,WAAW,CAAC,gBAAgB,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,WAAW,CAAC,CAAC,EACnE,GAAG,EACH,GAAG;AAEN,aAAA,QAAQ,EAAE;AACnB,KAAC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;IAEpD,SAAS,CAAC,MAAK;QACX,IAAI,SAAS,KAAK,SAAS,EAAE;AACzB,YAAA,QAAQ,CAAC,CAAC,IAAI,KAAI;AACd,gBAAA,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC;AAE3C,gBAAA,IAAI,YAAY,KAAK,WAAW,CAAC,IAAI,CAAC,EAAE;oBACpC,OAAO,gBAAgB,CACnB,yBAAyB,CAAC,YAAY,CAAC,EACvC,WAAW,CACd;AACJ;AAED,gBAAA,OAAO,IAAI;AACf,aAAC,CAAC;AACL;KACJ,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAEvC,IAAA,MAAM,YAAY,GAAG,CAAC,WAAmB,KAAI;QACzC,MAAM,YAAY,GAAG,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC;QACrD,MAAM,QAAQ,GAAG,WAAW,EAAE,UAAU,CAAC,UAAU,CAAC;QAEpD,OAAO,UAAU,IAAI,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC;AACnE,KAAC;AAED,IAAA,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC;AAE/C,IAAA,MAAM,WAAW,GAAG,CAChB,KAA2C,EAC3C,QAAuB,KACvB;QACA,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;AACzC,QAAA,MAAM,WAAW,GAAG,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;QAErE,QAAQ,CAAC,WAAW,CAAC;AAErB,QAAA,IAAI,WAAW,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE;YACnC,QAAQ,GAAG,KAAK,EAAE;gBACd,KAAK,EAAE,UAAU,GAAG,IAAI,GAAG,QAAQ;AACtC,aAAA,CAAC;AACL;AACL,KAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,KAAoC,KAAI;AAC1D,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;QAEtC,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;AAChD,KAAC;IAED,MAAM,eAAe,GAAG,MAAK;AACzB,QAAA,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC;AACjC,QAAA,MAAM,SAAS,GAAG,gBAAgB,CAC9B,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,MAAM,GAAG,OAAO,EAAE,EAAE,QAAQ,EAAE,EAC5D,WAAW,CACd;QAED,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;AAC7C,KAAC;IAED,MAAM,eAAe,GAAG,MAAK;AACzB,QAAA,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC;AACjC,QAAA,MAAM,SAAS,GAAG,gBAAgB,CAC9B,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,MAAM,GAAG,OAAO,EAAE,EAAE,QAAQ,EAAE,EAC5D,WAAW,CACd;QAED,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;AAC7C,KAAC;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,CAA+B,KAAI;AACpD,QAAA,OAAO,GAAG,CAAC,CAAC;QAEZ,IAAI,CAAC,gBAAgB,EAAE;YACnB,UAAU,CAAC,IAAI,CAAC;AACnB;AACL,KAAC;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,CAA+B,KAAI;AACnD,QAAA,MAAM,GAAG,CAAC,CAAC;QACX,UAAU,CAAC,KAAK,CAAC;AACrB,KAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,OACtB,oBAAC,QAAQ,EAAA,IAAA;QACJ,WAAW;QACX,WAAW,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,KAClC,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACL,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,EACzB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,eAAe,EAC5B,WAAW,EAAE,eAAe,EAC5B,IAAI,EAAE,IAAI,EACZ,CAAA,CACL,CACM,CACd;IAED,QACI,KAAC,CAAA,aAAA,CAAA,KAAK,EACF,EAAA,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,EAAA,GAC1B,SAAS;;AAEb,QAAA,SAAS,EAAE,GAAG,GAAG,CAAC,IAAI,KAAK,EAAE,GAAG,MAAM,GAAG,SAAS,EAClD,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAC9B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EACpC,WAAW,EAAE,iBAAiB,EAAE,EAAA,CAClC;AAEV,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-number-input",
-    "version": "4.0.3",
+    "version": "4.0.4",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -10,8 +10,8 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-icon-button": "^8.0.2",
-        "@alfalab/core-components-input": "^17.1.1",
+        "@alfalab/core-components-icon-button": "^8.0.3",
+        "@alfalab/core-components-input": "^17.1.2",
         "@alfalab/core-components-mq": "^6.0.2",
         "@alfalab/core-components-shared": "^2.1.0",
         "@alfalab/icons-glyph": "^2.260.0",
@@ -29,6 +29,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.0.1",
+    "themesVersion": "15.0.2",
     "varsVersion": "11.0.1"
 }

package/src/components/number-input/Component.tsx

@@ -3,6 +3,7 @@ import React, {
     type FocusEvent,
     forwardRef,
     type ForwardRefExoticComponent,
+    Fragment,
     type RefAttributes,
     useEffect,
     useMemo,
@@ -13,7 +14,6 @@ import { type MaskitoOptions, maskitoTransform } from '@maskito/core';
 import { useMaskito } from '@maskito/react';
 
 import { type InputProps } from '@alfalab/core-components-input';
-import { getAddonsByPriority } from '@alfalab/core-components-input/shared';
 import { fnUtils, isIOS } from '@alfalab/core-components-shared';
 
 import {
@@ -227,16 +227,10 @@ export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
             setFocused(false);
         };
 
-        const rightAddonsMap = getAddonsByPriority([
-            {
-                priority: 2,
-                predicate: Boolean(rightAddons),
-                render: () => rightAddons,
-            },
-            {
-                priority: 1,
-                predicate: withStepper && !disabled && !readOnly,
-                render: () => (
+        const renderRightAddons = () => (
+            <Fragment>
+                {rightAddons}
+                {withStepper && !disabled && !readOnly && (
                     <Steppers
                         colors={colors}
                         dataTestId={dataTestId}
@@ -249,9 +243,9 @@ export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
                         onDecrement={handleDecrement}
                         size={size}
                     />
-                ),
-            },
-        ]);
+                )}
+            </Fragment>
+        );
 
         return (
             <Input
@@ -270,7 +264,7 @@ export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
                 size={size}
                 disableUserInput={disableUserInput}
                 clear={clearProp && /\d/.test(value)}
-                rightAddons={rightAddonsMap}
+                rightAddons={renderRightAddons()}
             />
         );
     },