@skbkontur/react-ui 6.1.4 → 6.1.6-00fed.0

package/components/MaskedInput/MaskedInputLegacy.js

@@ -0,0 +1,142 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { isKeyBackspace, isKeyDelete } from '../../lib/events/keyboard/identifiers.js';
+import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { Input as InputComponent } from '../Input/index.js';
+import { ColorableInputElement } from './ColorableInputElement/index.js';
+import { FixedIMaskInput } from './FixedIMaskInput.js';
+import { getDefinitions, getMaskChar } from './MaskedInput.helpers.js';
+import { getStyles, globalClasses } from './MaskedInput.styles.js';
+export var MaskedInputLegacy = forwardRefAndName('MaskedInputLegacy', function MaskedInputLegacy(props, ref) {
+    var mask = props.mask, maskChar = props.maskChar, formatChars = props.formatChars, _a = props.alwaysShowMask, alwaysShowMask = _a === void 0 ? false : _a, _b = props.colored, colored = _b === void 0 ? true : _b, _c = props.imaskProps, customIMaskProps = _c === void 0 ? {} : _c, _d = props.unmask, unmask = _d === void 0 ? false : _d, onValueChange = props.onValueChange, onUnexpectedInput = props.onUnexpectedInput, onChange = props.onChange, onBeforePasteValue = props.onBeforePasteValue, element = props.element, className = props.className, 
+    // @ts-expect-error: могут передавать игнорируя ошибку
+    maxLength = props.maxLength, inputProps = __rest(props, ["mask", "maskChar", "formatChars", "alwaysShowMask", "colored", "imaskProps", "unmask", "onValueChange", "onUnexpectedInput", "onChange", "onBeforePasteValue", "element", "className", "maxLength"]);
+    var theme = useContext(ThemeContext);
+    var cx = useEmotion().cx;
+    var styles = useStyles(getStyles);
+    var inputRef = useRef(null);
+    var _e = useState(false), focused = _e[0], setFocused = _e[1];
+    var prevValue = useRef(props.value || String(props.defaultValue) || '');
+    var prevSelectionStart = useRef(null);
+    useImperativeHandle(ref, function () {
+        return inputRef.current &&
+            Object.assign(inputRef.current, {
+                selectAll: function () {
+                    var _a, _b;
+                    (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.delaySelectAll();
+                },
+            });
+    }, []);
+    useEffect(function () {
+        var _a;
+        // Для корректной работы onUnexpectedInput надо знать предыдущий value,
+        // но imask при монтировании не вызывает onAccept, если value невалиден или laze=false.
+        // Поэтому актуальный value при монтировании надо получать вручную
+        if ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input) {
+            prevValue.current = inputRef.current.input.value;
+            prevSelectionStart.current = inputRef.current.input.selectionStart;
+        }
+    }, []);
+    var imaskProps = getCompatibleIMaskProps();
+    return (React.createElement(InputComponent, __assign({ ref: inputRef }, inputProps, { onFocus: handleFocus, onBlur: handleBlur, onInput: handleInput, onKeyDown: handleKeyDown, onPaste: handlePaste, className: cx(globalClasses.root, className, styles.root(theme)), element: colored ? (React.createElement(ColorableInputElement, { showOnFocus: false, alwaysShowMask: alwaysShowMask },
+            React.createElement(FixedIMaskInput, __assign({}, imaskProps, { onAccept: handleAccept })))) : (React.createElement(FixedIMaskInput, __assign({}, imaskProps, { onAccept: handleAccept }))) })));
+    function handlePaste(event) {
+        var _a, _b, _c;
+        if (onBeforePasteValue && onValueChange) {
+            event.preventDefault();
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(onBeforePasteValue((_b = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text')) !== null && _b !== void 0 ? _b : ''));
+        }
+        (_c = props.onPaste) === null || _c === void 0 ? void 0 : _c.call(props, event);
+    }
+    function getCompatibleIMaskProps() {
+        return __assign({ mask: mask.replace(/0/g, '{\\0}'), placeholderChar: getMaskChar(maskChar), definitions: getDefinitions(formatChars), 
+            // FIXME: Должно быть eager=true, но в imask ломается удаление по delete
+            eager: 'append', overwrite: 'shift', lazy: !alwaysShowMask && (props.disabled || !focused), unmask: unmask }, customIMaskProps);
+    }
+    function handleAccept() {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var value = args[0], e = args[2];
+        // Метод onAccept может вызываться при монтировании, если не задан проп defaultValue.
+        // Но нативный input никогда не вызывает onChange при монтировании.
+        // Наше событие onValueChange в Input вывается в тех же случаях, что и нативный onChange,
+        // поэтому чтобы сохранить консинстентность будем ориентироваться на наличие аргумента e.
+        // Он содержит нативное событие, вызвавшее изменение.
+        e && (onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value));
+        !e && (prevValue.current = value);
+    }
+    /**
+     * Отслеживаем неожиданные нажатия
+     * handleAccept не вызывается когда значение с маской не меняется
+     * Сначала вызывается handleAccept, затем handleInput
+     */
+    function handleInput(e) {
+        var _a;
+        var _b = e.currentTarget, value = _b.value, selectionStart = _b.selectionStart;
+        // При вводе неожиданных символов или удалении каретка может перепрыгивать фиксированные символы.
+        // Такие случаи не расцениваем как неожиданный ввод, т.к. пользователь может намеренно их вводить.
+        if (prevValue.current === value && selectionStart === prevSelectionStart.current) {
+            handleUnexpectedInput(value);
+        }
+        prevValue.current = value;
+        prevSelectionStart.current = selectionStart;
+        (_a = props.onInput) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    }
+    function handleFocus(e) {
+        var _a, _b;
+        setFocused(true);
+        (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        // Если value из пропсов отличается от value, которое получит input после обработки,
+        // то imask будет ставить каретку за последним валидным символом.
+        props.selectAllOnFocus && ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.delaySelectAll());
+    }
+    function handleUnexpectedInput(value) {
+        var _a;
+        var blink = ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blink.bind(inputRef.current)) || (function () { return undefined; });
+        onUnexpectedInput ? onUnexpectedInput(value, blink) : blink();
+    }
+    function handleBlur(e) {
+        var _a;
+        setFocused(false);
+        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    }
+    function handleKeyDown(e) {
+        var _a;
+        var _b = e.currentTarget, value = _b.value, selectionStart = _b.selectionStart, selectionEnd = _b.selectionEnd;
+        if ((isKeyBackspace(e) && selectionStart === 0 && selectionEnd === 0) ||
+            (isKeyDelete(e) && prevSelectionStart.current === value.length)) {
+            // Случаи, когда нажатие клавиш не тригерит `onInput`
+            handleUnexpectedInput(value);
+            prevValue.current = e.currentTarget.value;
+        }
+        prevSelectionStart.current = selectionStart;
+        (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    }
+});
+//# sourceMappingURL=MaskedInputLegacy.js.map

package/components/MaskedInput/MaskedInputLegacy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedInputLegacy.js","sourceRoot":"","sources":["MaskedInputLegacy.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { IMaskInputProps } from '@skbkontur/react-imask';\nimport React, { useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport type { Ref } from 'react';\n\nimport { isKeyBackspace, isKeyDelete } from '../../lib/events/keyboard/identifiers.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { Input } from '../Input/index.js';\nimport { Input as InputComponent } from '../Input/index.js';\nimport { ColorableInputElement } from './ColorableInputElement/index.js';\nimport { FixedIMaskInput } from './FixedIMaskInput.js';\nimport { getDefinitions, getMaskChar } from './MaskedInput.helpers.js';\nimport type { MaskedInputProps } from './MaskedInput.js';\nimport { getStyles, globalClasses } from './MaskedInput.styles.js';\n\nexport const MaskedInputLegacy = forwardRefAndName(\n  'MaskedInputLegacy',\n  function MaskedInputLegacy(props: MaskedInputProps, ref: Ref<Input | null>) {\n    const {\n      mask,\n      maskChar,\n      formatChars,\n      alwaysShowMask = false,\n      colored = true,\n      imaskProps: customIMaskProps = {},\n      unmask = false,\n      onValueChange,\n      onUnexpectedInput,\n      onChange,\n      onBeforePasteValue,\n      element,\n      className,\n      // @ts-expect-error: могут передавать игнорируя ошибку\n      maxLength,\n      ...inputProps\n    } = props;\n    const theme = useContext(ThemeContext);\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\n\n    const inputRef = useRef<Input>(null);\n\n    const [focused, setFocused] = useState(false);\n    const prevValue = useRef<string>(props.value || String(props.defaultValue) || '');\n    const prevSelectionStart = useRef<number | null>(null);\n\n    useImperativeHandle<typeof inputRef.current, typeof inputRef.current>(\n      ref,\n      () =>\n        inputRef.current &&\n        Object.assign(inputRef.current, {\n          selectAll: () => {\n            inputRef.current?.focus();\n            inputRef.current?.delaySelectAll();\n          },\n        }),\n      [],\n    );\n\n    useEffect(() => {\n      // Для корректной работы onUnexpectedInput надо знать предыдущий value,\n      // но imask при монтировании не вызывает onAccept, если value невалиден или laze=false.\n      // Поэтому актуальный value при монтировании надо получать вручную\n      if (inputRef.current?.input) {\n        prevValue.current = inputRef.current.input.value;\n        prevSelectionStart.current = inputRef.current.input.selectionStart;\n      }\n    }, []);\n\n    const imaskProps = getCompatibleIMaskProps();\n\n    return (\n      <InputComponent\n        ref={inputRef}\n        {...inputProps}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onInput={handleInput}\n        onKeyDown={handleKeyDown}\n        onPaste={handlePaste}\n        className={cx(globalClasses.root, className, styles.root(theme))}\n        element={\n          colored ? (\n            <ColorableInputElement showOnFocus={false} alwaysShowMask={alwaysShowMask}>\n              <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n            </ColorableInputElement>\n          ) : (\n            <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n          )\n        }\n      />\n    );\n\n    function handlePaste(event: React.ClipboardEvent<HTMLInputElement>) {\n      if (onBeforePasteValue && onValueChange) {\n        event.preventDefault();\n        onValueChange?.(onBeforePasteValue(event.clipboardData?.getData('text') ?? ''));\n      }\n\n      props.onPaste?.(event);\n    }\n\n    function getCompatibleIMaskProps(): IMaskInputProps<HTMLInputElement> {\n      return {\n        mask: mask.replace(/0/g, '{\\\\0}') as any,\n        placeholderChar: getMaskChar(maskChar),\n        definitions: getDefinitions(formatChars),\n        // FIXME: Должно быть eager=true, но в imask ломается удаление по delete\n        eager: 'append',\n        overwrite: 'shift',\n        lazy: !alwaysShowMask && (props.disabled || !focused),\n        unmask,\n        ...customIMaskProps,\n      } as IMaskInputProps<HTMLInputElement>;\n    }\n\n    function handleAccept(...args: Parameters<Required<IMaskInputProps<HTMLInputElement>>['onAccept']>) {\n      const [value, , e] = args;\n\n      // Метод onAccept может вызываться при монтировании, если не задан проп defaultValue.\n      // Но нативный input никогда не вызывает onChange при монтировании.\n      // Наше событие onValueChange в Input вывается в тех же случаях, что и нативный onChange,\n      // поэтому чтобы сохранить консинстентность будем ориентироваться на наличие аргумента e.\n      // Он содержит нативное событие, вызвавшее изменение.\n      e && onValueChange?.(value);\n      !e && (prevValue.current = value);\n    }\n\n    /**\n     * Отслеживаем неожиданные нажатия\n     * handleAccept не вызывается когда значение с маской не меняется\n     * Сначала вызывается handleAccept, затем handleInput\n     */\n    function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n      const { value, selectionStart } = e.currentTarget;\n\n      // При вводе неожиданных символов или удалении каретка может перепрыгивать фиксированные символы.\n      // Такие случаи не расцениваем как неожиданный ввод, т.к. пользователь может намеренно их вводить.\n      if (prevValue.current === value && selectionStart === prevSelectionStart.current) {\n        handleUnexpectedInput(value);\n      }\n      prevValue.current = value;\n      prevSelectionStart.current = selectionStart;\n\n      props.onInput?.(e);\n    }\n\n    function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(true);\n      props.onFocus?.(e);\n\n      // Если value из пропсов отличается от value, которое получит input после обработки,\n      // то imask будет ставить каретку за последним валидным символом.\n      props.selectAllOnFocus && inputRef.current?.delaySelectAll();\n    }\n\n    function handleUnexpectedInput(value: string) {\n      const blink = inputRef.current?.blink.bind(inputRef.current) || (() => undefined);\n      onUnexpectedInput ? onUnexpectedInput(value, blink) : blink();\n    }\n\n    function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(false);\n      props.onBlur?.(e);\n    }\n\n    function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      const { value, selectionStart, selectionEnd } = e.currentTarget;\n\n      if (\n        (isKeyBackspace(e) && selectionStart === 0 && selectionEnd === 0) ||\n        (isKeyDelete(e) && prevSelectionStart.current === value.length)\n      ) {\n        // Случаи, когда нажатие клавиш не тригерит `onInput`\n        handleUnexpectedInput(value);\n        prevValue.current = e.currentTarget.value;\n      }\n      prevSelectionStart.current = selectionStart;\n\n      props.onKeyDown?.(e);\n    }\n  },\n);\n"]}

package/components/MaskedInput/index.d.ts

@@ -1 +1,2 @@
 export * from './MaskedInput.js';
+export { MaskedInputMasks, normalizeRussianPhonePaste } from '../MaskedInputV2/MaskedInputV2.phone.js';

package/components/MaskedInput/index.js

@@ -1,2 +1,3 @@
 export * from './MaskedInput.js';
+export { MaskedInputMasks, normalizeRussianPhonePaste } from '../MaskedInputV2/MaskedInputV2.phone.js';
 //# sourceMappingURL=index.js.map

package/components/MaskedInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './MaskedInput.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC","sourcesContent":["export * from './MaskedInput.js';\nexport { MaskedInputMasks, normalizeRussianPhonePaste } from '../MaskedInputV2/MaskedInputV2.phone.js';\n"]}

package/components/MaskedInputV2/MaskedInputV2.d.ts

@@ -0,0 +1,62 @@
+import type { InputProps, InputType } from '../Input/index.js';
+import { Input } from '../Input/index.js';
+import { getDefinitions, getMaskChar } from './MaskedInputV2.helpers.js';
+import type { IMaskInputProps } from './react-imask/mixin.js';
+export type MaskedInputV2OnBeforePasteValue = (value: string) => string;
+export interface MaskedInputV2MaskedProps {
+    /** Шаблон ввода, определяющий допустимые символы. */
+    mask: string;
+    /** Плейсхолдер, который отображается на месте ещё не введённых пользователем символов.
+     * @default _ */
+    maskChar?: string;
+    /** Словарь правил для настройки маски, где:
+     * ключ — символ для использования в маске;
+     * значение — регулярка-правило.
+     * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' } */
+    formatChars?: Record<string, string>;
+    /** Всегда показывать символы маски, независимо от фокуса в поле.
+     * @default false */
+    alwaysShowMask?: boolean;
+    /** Событие некорректного ввода.
+     * Вторым аргументом передаётся метод вспыхивания рамки поля.
+     *
+     * Если обработчик не задан, то при событии рамка всегда вспыхивает.
+     *
+     * @param value значение поля
+     * @param blink метод вспыхивания рамки поля
+     */
+    onUnexpectedInput?: (value: string, blink: () => void) => void;
+    /**
+     * Событие перед вставкой текста в поле.
+     * Вызывается с аргументом value — текст из буфера, браузерного autofill
+     * или иной bulk-вставки без clipboard-события.
+     *
+     * Обработчик должен вернуть текст — он попадёт в поле.
+     *
+     * При `type="tel"` и отсутствии обработчика применяется
+     * {@link normalizeRussianPhonePaste}.
+     *
+     * @param value значение вставки.
+     */
+    onBeforePasteValue?: MaskedInputV2OnBeforePasteValue;
+    /** Убирает из value символы маски, которые пользователь не вводил.
+     * @default false */
+    unmask?: boolean;
+    /** Раскрашивает символы маски.
+     * @default true
+     * @ignore */
+    colored?: boolean;
+    /** Задает пропсы для компонента `IMaskInput`. Необходимы для юнит-тестов
+     * @ignore */
+    imaskProps?: IMaskInputProps<HTMLInputElement>;
+}
+export type MaskInputType = Exclude<InputType, 'number' | 'date' | 'time' | 'password'>;
+export declare const getSafeMaskInputType: (type?: InputType | string) => MaskInputType | undefined;
+export interface MaskedInputV2Props extends MaskedInputV2MaskedProps, Omit<InputProps, 'showClearIcon' | 'mask' | 'maxLength' | 'type' | 'alwaysShowMask' | 'onUnexpectedInput' | 'maskChar'> {
+    type?: MaskInputType;
+    /** @ignore */
+    __fromMaskedInputFacade?: boolean;
+}
+/** @deprecated Используйте {@link MaskedInput}. Для legacy-поведения включите фичафлаг `maskedInputUseLegacyBehavior` в {@link ReactUIFeatureFlagsContext}. */
+export declare const MaskedInputV2: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<Input, MaskedInputV2Props> & Record<never, never>;
+export { getDefinitions, getMaskChar };

package/components/MaskedInputV2/MaskedInputV2.helpers.d.ts

@@ -0,0 +1,9 @@
+import { type Definitions } from './react-imask/imask/masked/pattern.js';
+export declare const DEFAULT_MASK_CHAR = "_";
+export declare const DEFINITIONS: Readonly<{
+    '9': RegExp;
+    a: RegExp;
+    '*': RegExp;
+}>;
+export declare function getDefinitions(formatChars: Record<string, string> | undefined): Definitions;
+export declare function getMaskChar(maskChar: string | undefined): string;

package/components/MaskedInputV2/MaskedInputV2.helpers.js

@@ -0,0 +1,17 @@
+import { isNonNullable } from '../../lib/utils.js';
+export var DEFAULT_MASK_CHAR = '_';
+export var DEFINITIONS = Object.freeze({ '9': /[0-9]/, a: /[A-Za-z]/, '*': /[A-Za-z0-9]/ });
+export function getDefinitions(formatChars) {
+    if (isNonNullable(formatChars)) {
+        var chars = {};
+        for (var key in formatChars) {
+            chars[key] = new RegExp(formatChars[key]);
+        }
+        return chars;
+    }
+    return DEFINITIONS;
+}
+export function getMaskChar(maskChar) {
+    return !maskChar ? DEFAULT_MASK_CHAR : maskChar;
+}
+//# sourceMappingURL=MaskedInputV2.helpers.js.map

package/components/MaskedInputV2/MaskedInputV2.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedInputV2.helpers.js","sourceRoot":"","sources":["MaskedInputV2.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,MAAM,CAAC,IAAM,iBAAiB,GAAG,GAAG,CAAC;AACrC,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,CAAC;AAE9F,MAAM,UAAU,cAAc,CAAC,WAA+C;IAC5E,IAAI,aAAa,CAAC,WAAW,CAAC,EAAE,CAAC;QAC/B,IAAM,KAAK,GAA2B,EAAE,CAAC;QAEzC,KAAK,IAAM,GAAG,IAAI,WAAW,EAAE,CAAC;YAC9B,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;QAC5C,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,QAA4B;IACtD,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC;AAClD,CAAC","sourcesContent":["import { isNonNullable } from '../../lib/utils.js';\nimport { type Definitions } from './react-imask/imask/masked/pattern.js';\n\nexport const DEFAULT_MASK_CHAR = '_';\nexport const DEFINITIONS = Object.freeze({ '9': /[0-9]/, a: /[A-Za-z]/, '*': /[A-Za-z0-9]/ });\n\nexport function getDefinitions(formatChars: Record<string, string> | undefined): Definitions {\n  if (isNonNullable(formatChars)) {\n    const chars: Record<string, RegExp> = {};\n\n    for (const key in formatChars) {\n      chars[key] = new RegExp(formatChars[key]);\n    }\n\n    return chars;\n  }\n\n  return DEFINITIONS;\n}\n\nexport function getMaskChar(maskChar: string | undefined): string {\n  return !maskChar ? DEFAULT_MASK_CHAR : maskChar;\n}\n"]}

package/components/MaskedInputV2/MaskedInputV2.js

@@ -0,0 +1,307 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import warning from 'warning';
+import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { Input, selectionAllowedTypes } from '../Input/index.js';
+import { extractRaw, findNearestRawLeft, computePasteMaskedCursor } from './internal/helpers.js';
+import { MaskedCore } from './internal/MaskedCore.js';
+import { getSelectionRawRange } from './internal/maskedCoreClipboard.js';
+import { setMaskInputSelectionRange } from './internal/setMaskInputSelectionRange.js';
+import { useMaskEngine } from './internal/useMaskEngine.js';
+import { getDefinitions, getMaskChar } from './MaskedInputV2.helpers.js';
+import { normalizeRussianPhonePaste } from './MaskedInputV2.phone.js';
+import { getStyles, globalClasses } from './MaskedInputV2.styles.js';
+var EMPTY_IMASK_PROPS = {};
+export var getSafeMaskInputType = function (type) {
+    if (!type) {
+        return undefined;
+    }
+    var normalizedType = type.trim();
+    if (normalizedType === 'password' || !selectionAllowedTypes.includes(normalizedType)) {
+        return 'text';
+    }
+    return normalizedType;
+};
+function getMaskInputMode(type, inputMode) {
+    if (inputMode) {
+        return inputMode;
+    }
+    if ((type === null || type === void 0 ? void 0 : type.trim()) === 'email') {
+        return 'email';
+    }
+    return undefined;
+}
+/** @deprecated Используйте {@link MaskedInput}. Для legacy-поведения включите фичафлаг `maskedInputUseLegacyBehavior` в {@link ReactUIFeatureFlagsContext}. */
+export var MaskedInputV2 = forwardRefAndName('MaskedInputV2', function MaskedInputV2(props, ref) {
+    var mask = props.mask, maskChar = props.maskChar, formatChars = props.formatChars, _a = props.alwaysShowMask, alwaysShowMask = _a === void 0 ? false : _a, _b = props.colored, colored = _b === void 0 ? true : _b, _c = props.imaskProps, customIMaskProps = _c === void 0 ? EMPTY_IMASK_PROPS : _c, _d = props.unmask, unmask = _d === void 0 ? false : _d, onValueChange = props.onValueChange, onUnexpectedInput = props.onUnexpectedInput, onBeforePasteValue = props.onBeforePasteValue, _element = props.element, className = props.className, 
+    // @ts-expect-error: могут передавать игнорируя ошибку
+    maxLength = props.maxLength, 
+    // @ts-expect-error: могут передавать игнорируя ошибку
+    _showClearIcon = props.showClearIcon, selectAllOnFocus = props.selectAllOnFocus, type = props.type, __fromMaskedInputFacade = props.__fromMaskedInputFacade, inputProps = __rest(props, ["mask", "maskChar", "formatChars", "alwaysShowMask", "colored", "imaskProps", "unmask", "onValueChange", "onUnexpectedInput", "onBeforePasteValue", "element", "className", "maxLength", "showClearIcon", "selectAllOnFocus", "type", "__fromMaskedInputFacade"]);
+    useEffect(function () {
+        if (!__fromMaskedInputFacade) {
+            warning(false, '[MaskedInputV2]: This component is for internal use only. Please use MaskedInput instead.');
+        }
+    }, [__fromMaskedInputFacade]);
+    var theme = useContext(ThemeContext);
+    var cx = useEmotion().cx;
+    var styles = useStyles(getStyles);
+    var inputRef = useRef(null);
+    var coreInputRef = useRef(null);
+    var _e = useState(false), focused = _e[0], setFocused = _e[1];
+    var _f = useState(null), selectionIntent = _f[0], setSelectionIntent = _f[1];
+    var prevMaskRef = useRef(props.mask);
+    var pendingCursorRestoreRef = useRef(null);
+    var lastCaretRef = useRef(0);
+    var requestSelectionIntent = useCallback(function (intent) {
+        setSelectionIntent(function (current) { return (current === 'select-all' && intent === 'caret-end' ? current : intent); });
+    }, []);
+    var historyRef = useRef([]);
+    var historyIndexRef = useRef(-1);
+    // Сохраняем позицию курсора перед сменой маски (render-phase read of stable ref).
+    // При коммите DOM браузер сбросит курсор в конец из-за изменения value,
+    // поэтому восстанавливаем его синхронно в useLayoutEffect ниже.
+    if (prevMaskRef.current !== props.mask) {
+        pendingCursorRestoreRef.current = lastCaretRef.current;
+        prevMaskRef.current = props.mask;
+        historyRef.current = [];
+        historyIndexRef.current = -1;
+    }
+    // Движок: IMask как чистый калькулятор, не привязанный к DOM
+    var engine = useMaskEngine({
+        mask: mask,
+        maskChar: maskChar,
+        formatChars: formatChars,
+        unmask: unmask,
+        alwaysShowMask: alwaysShowMask,
+        imaskProps: customIMaskProps,
+    });
+    // Единственный источник истины — raw (только то, что ввёл пользователь, без маски)
+    var _g = useState(function () { var _a; return extractRaw(((_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue), engine); }), raw = _g[0], setRaw = _g[1];
+    // MaskState вычисляется синхронно из raw — оба визуальных слоя читают из него
+    var maskState = useMemo(function () { return engine.compute(raw, focused); }, [raw, focused, engine]);
+    var syncedImaskRef = useRef(engine.imask);
+    var prevSyncedValueRef = useRef(props.value);
+    // Синхронизировать raw при изменении props.value или правил маски
+    useEffect(function () {
+        var engineChanged = syncedImaskRef.current !== engine.imask;
+        var valueChanged = prevSyncedValueRef.current !== props.value;
+        syncedImaskRef.current = engine.imask;
+        prevSyncedValueRef.current = props.value;
+        if (props.value !== undefined) {
+            if (valueChanged || engineChanged) {
+                setRaw(extractRaw(props.value, engine));
+            }
+            return;
+        }
+        if (engineChanged) {
+            setRaw(function (prev) {
+                engine.imask.unmaskedValue = prev;
+                return engine.imask.rawInputValue;
+            });
+        }
+    }, [props.value, engine]);
+    // Вызывать onValueChange только при реальном изменении outputValue,
+    // и НЕ при первом рендере (воспроизводит нативное поведение onChange)
+    var isFirstRender = useRef(true);
+    var prevOutputValue = useRef(maskState.outputValue);
+    useEffect(function () {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            prevOutputValue.current = maskState.outputValue;
+            return;
+        }
+        if (maskState.outputValue !== prevOutputValue.current) {
+            prevOutputValue.current = maskState.outputValue;
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(maskState.outputValue);
+        }
+    }, [maskState.outputValue]);
+    useImperativeHandle(ref, function () {
+        if (!inputRef.current) {
+            return null;
+        }
+        return Object.assign(inputRef.current, {
+            selectAll: function () {
+                var _a;
+                requestSelectionIntent('select-all');
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                var el = coreInputRef.current;
+                if (el && el.ownerDocument.activeElement !== el) {
+                    requestSelectionIntent(null);
+                }
+            },
+        });
+    }, [requestSelectionIntent]);
+    useLayoutEffect(function () {
+        if (pendingCursorRestoreRef.current !== null && coreInputRef.current) {
+            setMaskInputSelectionRange(coreInputRef.current, pendingCursorRestoreRef.current);
+            lastCaretRef.current = pendingCursorRestoreRef.current;
+            pendingCursorRestoreRef.current = null;
+        }
+    });
+    useEffect(function () {
+        if (!focused) {
+            return;
+        }
+        var el = coreInputRef.current;
+        if (!el) {
+            return;
+        }
+        var syncCaret = function () {
+            var _a;
+            if (document.activeElement === el) {
+                lastCaretRef.current = (_a = el.selectionStart) !== null && _a !== void 0 ? _a : 0;
+            }
+        };
+        document.addEventListener('selectionchange', syncCaret);
+        return function () { return document.removeEventListener('selectionchange', syncCaret); };
+    }, [focused]);
+    return (React.createElement(Input, __assign({ ref: inputRef }, inputProps, { type: getSafeMaskInputType(type), inputMode: getMaskInputMode(type, inputProps.inputMode), onFocus: handleFocus, onBlur: handleBlur, onSelect: handleSelect, className: cx(globalClasses.root, className, styles.root(theme)), element: React.createElement(MaskedCore, { maskState: maskState, slotMap: engine.slotMap, engine: engine, focused: focused, currentRaw: raw, onRawChange: handleRawChange, onUnexpectedInput: triggerUnexpectedInput, onUndo: handleUndo, onRedo: handleRedo, coreInputRef: coreInputRef, colored: colored, selectAllOnFocus: selectAllOnFocus, selectionIntent: selectionIntent, onSelectionIntentChange: requestSelectionIntent }) })));
+    function handleRawChange(input, source, cursorPos) {
+        if (source === 'paste') {
+            handlePasteChange(input, cursorPos);
+        }
+        else {
+            if (input !== raw && cursorPos !== undefined) {
+                pushHistory(input, cursorPos);
+            }
+            setRaw(input);
+        }
+    }
+    function handlePasteChange(pasted, _cursorPos) {
+        var _a, _b;
+        var el = coreInputRef.current;
+        var selectionStart = (_a = el === null || el === void 0 ? void 0 : el.selectionStart) !== null && _a !== void 0 ? _a : 0;
+        var selectionEnd = (_b = el === null || el === void 0 ? void 0 : el.selectionEnd) !== null && _b !== void 0 ? _b : selectionStart;
+        // При непустом выделении сначала убираем попавший в него raw (в т.ч. если край на литерале `-`),
+        // иначе paste склеивает старое значение с новым.
+        var selectedRawRange = selectionEnd > selectionStart ? getSelectionRawRange(selectionStart, selectionEnd, engine.slotMap) : null;
+        var baseRaw = raw;
+        var rawCursorPos;
+        if (selectedRawRange) {
+            baseRaw = raw.slice(0, selectedRawRange.rawStart) + raw.slice(selectedRawRange.rawEnd);
+            rawCursorPos = selectedRawRange.rawStart;
+        }
+        else {
+            rawCursorPos =
+                engine.slotMap.maskedToRaw[selectionStart] !== null &&
+                    engine.slotMap.maskedToRaw[selectionStart] !== undefined
+                    ? engine.slotMap.maskedToRaw[selectionStart]
+                    : findNearestRawLeft(selectionStart, engine.slotMap);
+        }
+        var rawBefore = baseRaw.slice(0, rawCursorPos);
+        var rawAfter = baseRaw.slice(rawCursorPos);
+        var transformed = pasted;
+        if (onBeforePasteValue) {
+            transformed = onBeforePasteValue(pasted);
+        }
+        else if (getSafeMaskInputType(type) === 'tel') {
+            transformed = normalizeRussianPhonePaste(pasted);
+        }
+        var result = engine.applyPaste(baseRaw, rawCursorPos, transformed);
+        if (result.overflow) {
+            // IF-1157: paste с overflow → onUnexpectedInput
+            triggerUnexpectedInput();
+        }
+        var postPasteMaskState = engine.compute(result.raw, true);
+        var maskedCursorPos = computePasteMaskedCursor(rawBefore, rawAfter, result.raw, rawCursorPos, engine.slotMap, postPasteMaskState.typedLength);
+        if (result.raw !== raw) {
+            pushHistory(result.raw, maskedCursorPos);
+        }
+        setRaw(result.raw);
+        pendingCursorRestoreRef.current = maskedCursorPos;
+        if (onBeforePasteValue && onValueChange) {
+            // Legacy-контракт: при кастомной вставке наружу уходит результат onBeforePasteValue,
+            // а не masked/unmasked outputValue (нужно для ComboBox и совместимости с IMaskInput).
+            prevOutputValue.current = engine.compute(result.raw, focused).outputValue;
+            onValueChange(transformed);
+        }
+    }
+    function pushHistory(newRaw, cursorPos) {
+        var MAX_HISTORY_LENGTH = 100;
+        if (historyRef.current.length === 0) {
+            historyRef.current.push({ raw: raw, cursorPos: 0 });
+            historyIndexRef.current = 0;
+        }
+        if (historyIndexRef.current < historyRef.current.length - 1) {
+            historyRef.current = historyRef.current.slice(0, historyIndexRef.current + 1);
+        }
+        historyRef.current.push({ raw: newRaw, cursorPos: cursorPos });
+        if (historyRef.current.length > MAX_HISTORY_LENGTH) {
+            historyRef.current.shift();
+        }
+        historyIndexRef.current = historyRef.current.length - 1;
+    }
+    function handleUndo() {
+        if (historyRef.current.length === 0) {
+            return;
+        }
+        var nextIndex = Math.max(0, historyIndexRef.current - 1);
+        if (nextIndex !== historyIndexRef.current) {
+            historyIndexRef.current = nextIndex;
+            var state = historyRef.current[nextIndex];
+            setRaw(state.raw);
+            pendingCursorRestoreRef.current = state.cursorPos;
+        }
+    }
+    function handleRedo() {
+        if (historyRef.current.length === 0) {
+            return;
+        }
+        var nextIndex = Math.min(historyRef.current.length - 1, historyIndexRef.current + 1);
+        if (nextIndex !== historyIndexRef.current) {
+            historyIndexRef.current = nextIndex;
+            var state = historyRef.current[nextIndex];
+            setRaw(state.raw);
+            pendingCursorRestoreRef.current = state.cursorPos;
+        }
+    }
+    function triggerUnexpectedInput() {
+        var _a, _b;
+        var blink = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blink.bind(inputRef.current)) !== null && _b !== void 0 ? _b : (function () { return undefined; });
+        onUnexpectedInput ? onUnexpectedInput(maskState.outputValue, blink) : blink();
+    }
+    function handleFocus(e) {
+        var _a;
+        setFocused(true);
+        (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    }
+    function handleBlur(e) {
+        var _a;
+        setFocused(false);
+        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    }
+    function handleSelect(e) {
+        var _a, _b;
+        if (coreInputRef.current) {
+            lastCaretRef.current = (_a = coreInputRef.current.selectionStart) !== null && _a !== void 0 ? _a : 0;
+        }
+        (_b = inputProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(inputProps, e);
+    }
+});
+// Вспомогательные функции для совместимости (используются в стори и тестах)
+export { getDefinitions, getMaskChar };
+//# sourceMappingURL=MaskedInputV2.js.map