@skbkontur/react-ui 6.1.5 → 6.1.6-084cd.0

package/components/MaskedInputV2/internal/types.d.ts

@@ -0,0 +1,74 @@
+import type { MaskedPattern } from '../react-imask/imask/index.js';
+export interface MaskEngine {
+    compute(raw: string, focused: boolean): MaskState;
+    applyPaste(currentRaw: string, rawCursorPos: number, pasted: string): PasteResult;
+    slotMap: SlotMap;
+    imask: MaskedPattern;
+}
+export interface PasteResult {
+    raw: string;
+    overflow: boolean;
+}
+export interface MaskState {
+    /**
+     * Значение для <input value=...>.
+     * focused=true, alwaysShowMask=false: "12__" (с плейсхолдерами)
+     * focused=false, alwaysShowMask=false: "12"  (lazy, без плейсхолдеров)
+     * alwaysShowMask=true: "12__" всегда
+     */
+    displayValue: string;
+    /**
+     * Подстрока displayValue от начала до конца последнего введённого символа
+     * (включая разделители маски внутри введённой части).
+     *
+     * mask="99.99", typed="12": displayValue="12.34" (нет — мы в данном примере typed="1234")
+     * mask="99.99", typed="12": displayValue="12.__", typedValue="12."                                                        ^^^
+     */
+    typedValue: string;
+    /**
+     * Длина typedValue в символах.
+     * typedValue="12." → typedLength=3
+     */
+    typedLength: number;
+    /**
+     * Значение для onValueChange.
+     * unmask=false: imask.value ("12.")
+     * unmask=true:  imask.unmaskedValue ("12")
+     */
+    outputValue: string;
+    /**
+     * Маска заполнена полностью.
+     */
+    isComplete: boolean;
+    /**
+     * Количество принятых IMask пользовательских символов.
+     * raw="12345" для mask="999" → acceptedLength=3 ("123").
+     */
+    acceptedLength: number;
+}
+export interface HistoryState {
+    raw: string;
+    cursorPos: number;
+}
+export interface SlotMap {
+    /**
+     * Позиции пользовательских слотов в displayValue (при lazy=false, все плейсхолдеры видны).
+     * mask="99.99" → userSlots=[0, 1, 3, 4]
+     *               displayValue="_._._" (пустое поле, alwaysShowMask)
+     */
+    userSlots: number[];
+    /**
+     * maskedToRaw[maskedPos] → rawPos | null
+     * null означает: позиция принадлежит фиксированному символу маски.
+     *
+     * mask="99.99": displayValue="_._._"
+     * maskedToRaw = [0, 1, null, 2, 3]
+     */
+    maskedToRaw: Array<number | null>;
+    /**
+     * rawToMasked[rawPos] → maskedPos
+     * Обратный maskedToRaw, только для пользовательских позиций.
+     * mask="99.99": rawToMasked = [0, 1, 3, 4]
+     */
+    rawToMasked: number[];
+}

package/components/MaskedInputV2/internal/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/components/MaskedInputV2/internal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"","sourcesContent":["import type { MaskedPattern } from '../react-imask/imask/index.js';\n\nexport interface MaskEngine {\n  compute(raw: string, focused: boolean): MaskState;\n  applyPaste(currentRaw: string, rawCursorPos: number, pasted: string): PasteResult;\n  slotMap: SlotMap;\n  imask: MaskedPattern;\n}\n\nexport interface PasteResult {\n  raw: string;\n  overflow: boolean;\n}\n\nexport interface MaskState {\n  /**\n   * Значение для <input value=...>.\n   * focused=true, alwaysShowMask=false: \"12__\" (с плейсхолдерами)\n   * focused=false, alwaysShowMask=false: \"12\"  (lazy, без плейсхолдеров)\n   * alwaysShowMask=true: \"12__\" всегда\n   */\n  displayValue: string;\n\n  /**\n   * Подстрока displayValue от начала до конца последнего введённого символа\n   * (включая разделители маски внутри введённой части).\n   *\n   * mask=\"99.99\", typed=\"12\": displayValue=\"12.34\" (нет — мы в данном примере typed=\"1234\")\n   * mask=\"99.99\", typed=\"12\": displayValue=\"12.__\", typedValue=\"12.\"                                                        ^^^\n   */\n  typedValue: string;\n\n  /**\n   * Длина typedValue в символах.\n   * typedValue=\"12.\" → typedLength=3\n   */\n  typedLength: number;\n\n  /**\n   * Значение для onValueChange.\n   * unmask=false: imask.value (\"12.\")\n   * unmask=true:  imask.unmaskedValue (\"12\")\n   */\n  outputValue: string;\n\n  /**\n   * Маска заполнена полностью.\n   */\n  isComplete: boolean;\n\n  /**\n   * Количество принятых IMask пользовательских символов.\n   * raw=\"12345\" для mask=\"999\" → acceptedLength=3 (\"123\").\n   */\n  acceptedLength: number;\n}\n\nexport interface HistoryState {\n  raw: string;\n  cursorPos: number;\n}\n\nexport interface SlotMap {\n  /**\n   * Позиции пользовательских слотов в displayValue (при lazy=false, все плейсхолдеры видны).\n   * mask=\"99.99\" → userSlots=[0, 1, 3, 4]\n   *               displayValue=\"_._._\" (пустое поле, alwaysShowMask)\n   */\n  userSlots: number[];\n\n  /**\n   * maskedToRaw[maskedPos] → rawPos | null\n   * null означает: позиция принадлежит фиксированному символу маски.\n   *\n   * mask=\"99.99\": displayValue=\"_._._\"\n   * maskedToRaw = [0, 1, null, 2, 3]\n   */\n  maskedToRaw: Array<number | null>;\n\n  /**\n   * rawToMasked[rawPos] → maskedPos\n   * Обратный maskedToRaw, только для пользовательских позиций.\n   * mask=\"99.99\": rawToMasked = [0, 1, 3, 4]\n   */\n  rawToMasked: number[];\n}\n"]}

package/components/MaskedInputV2/internal/useInputOverflow.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+export declare function isInputTextOverflowing(input: HTMLInputElement, displayValue: string): boolean;
+/** Горизонтальное переполнение текста внутри input. */
+export declare function useInputOverflow(inputRef: React.RefObject<HTMLInputElement | null>, displayValue: string, remeasureKey: unknown): boolean;

package/components/MaskedInputV2/internal/useInputOverflow.js

@@ -0,0 +1,34 @@
+import { useLayoutEffect, useState } from 'react';
+import { measureInputTextWidth } from './measureInputTextWidth.js';
+export function isInputTextOverflowing(input, displayValue) {
+    if (input.scrollWidth > input.clientWidth) {
+        return true;
+    }
+    var text = input.value || displayValue;
+    return measureInputTextWidth(input, text) > input.clientWidth;
+}
+/** Горизонтальное переполнение текста внутри input. */
+export function useInputOverflow(inputRef, displayValue, remeasureKey) {
+    var _a = useState(false), overflow = _a[0], setOverflow = _a[1];
+    useLayoutEffect(function () {
+        var input = inputRef.current;
+        if (!input) {
+            return;
+        }
+        var measure = function () {
+            setOverflow(function (prev) {
+                var next = isInputTextOverflowing(input, displayValue);
+                return prev === next ? prev : next;
+            });
+        };
+        measure();
+        if (typeof ResizeObserver === 'undefined') {
+            return;
+        }
+        var observer = new ResizeObserver(measure);
+        observer.observe(input);
+        return function () { return observer.disconnect(); };
+    }, [displayValue, inputRef, remeasureKey]);
+    return overflow;
+}
+//# sourceMappingURL=useInputOverflow.js.map

package/components/MaskedInputV2/internal/useInputOverflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputOverflow.js","sourceRoot":"","sources":["useInputOverflow.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,UAAU,sBAAsB,CAAC,KAAuB,EAAE,YAAoB;IAClF,IAAI,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAM,IAAI,GAAG,KAAK,CAAC,KAAK,IAAI,YAAY,CAAC;IACzC,OAAO,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC;AAChE,CAAC;AAED,uDAAuD;AACvD,MAAM,UAAU,gBAAgB,CAC9B,QAAkD,EAClD,YAAoB,EACpB,YAAqB;IAEf,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,eAAe,CAAC;QACd,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,IAAM,OAAO,GAAG;YACd,WAAW,CAAC,UAAC,IAAI;gBACf,IAAM,IAAI,GAAG,sBAAsB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;gBACzD,OAAO,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,OAAO,EAAE,CAAC;QAEV,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,IAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;QAC7C,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAExB,OAAO,cAAM,OAAA,QAAQ,CAAC,UAAU,EAAE,EAArB,CAAqB,CAAC;IACrC,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3C,OAAO,QAAQ,CAAC;AAClB,CAAC","sourcesContent":["import type React from 'react';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { measureInputTextWidth } from './measureInputTextWidth.js';\n\nexport function isInputTextOverflowing(input: HTMLInputElement, displayValue: string): boolean {\n  if (input.scrollWidth > input.clientWidth) {\n    return true;\n  }\n\n  const text = input.value || displayValue;\n  return measureInputTextWidth(input, text) > input.clientWidth;\n}\n\n/** Горизонтальное переполнение текста внутри input. */\nexport function useInputOverflow(\n  inputRef: React.RefObject<HTMLInputElement | null>,\n  displayValue: string,\n  remeasureKey: unknown,\n): boolean {\n  const [overflow, setOverflow] = useState(false);\n\n  useLayoutEffect(() => {\n    const input = inputRef.current;\n    if (!input) {\n      return;\n    }\n\n    const measure = () => {\n      setOverflow((prev) => {\n        const next = isInputTextOverflowing(input, displayValue);\n        return prev === next ? prev : next;\n      });\n    };\n\n    measure();\n\n    if (typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(input);\n\n    return () => observer.disconnect();\n  }, [displayValue, inputRef, remeasureKey]);\n\n  return overflow;\n}\n"]}

package/components/MaskedInputV2/internal/useMaskAlignPadding.d.ts

@@ -0,0 +1,2 @@
+import type React from 'react';
+export declare function useMaskAlignPadding(inputRef: React.RefObject<HTMLInputElement | null>, overlayRef: React.RefObject<HTMLElement | null>, displayValue: string, textAlign: React.CSSProperties['textAlign'] | undefined, enabled: boolean): number;

package/components/MaskedInputV2/internal/useMaskAlignPadding.js

@@ -0,0 +1,33 @@
+import { useLayoutEffect, useState } from 'react';
+import { computeMaskAlignPadding, needsMaskAlignPadding } from './computeMaskAlignPadding.js';
+export function useMaskAlignPadding(inputRef, overlayRef, displayValue, textAlign, enabled) {
+    var _a = useState(0), paddingLeft = _a[0], setPaddingLeft = _a[1];
+    useLayoutEffect(function () {
+        if (!enabled || !needsMaskAlignPadding(textAlign)) {
+            setPaddingLeft(0);
+            return;
+        }
+        var input = inputRef.current;
+        if (!input) {
+            return;
+        }
+        var update = function () {
+            setPaddingLeft(function (prev) {
+                var next = computeMaskAlignPadding(input, displayValue, textAlign, overlayRef.current);
+                return prev === next ? prev : next;
+            });
+        };
+        update();
+        if (typeof ResizeObserver === 'undefined') {
+            return;
+        }
+        var observer = new ResizeObserver(update);
+        observer.observe(input);
+        if (overlayRef.current) {
+            observer.observe(overlayRef.current);
+        }
+        return function () { return observer.disconnect(); };
+    }, [displayValue, enabled, inputRef, overlayRef, textAlign]);
+    return paddingLeft;
+}
+//# sourceMappingURL=useMaskAlignPadding.js.map

package/components/MaskedInputV2/internal/useMaskAlignPadding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMaskAlignPadding.js","sourceRoot":"","sources":["useMaskAlignPadding.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAE9F,MAAM,UAAU,mBAAmB,CACjC,QAAkD,EAClD,UAA+C,EAC/C,YAAoB,EACpB,SAAuD,EACvD,OAAgB;IAEV,IAAA,KAAgC,QAAQ,CAAC,CAAC,CAAC,EAA1C,WAAW,QAAA,EAAE,cAAc,QAAe,CAAC;IAElD,eAAe,CAAC;QACd,IAAI,CAAC,OAAO,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,CAAC;YAClD,cAAc,CAAC,CAAC,CAAC,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,IAAM,MAAM,GAAG;YACb,cAAc,CAAC,UAAC,IAAI;gBAClB,IAAM,IAAI,GAAG,uBAAuB,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;gBACzF,OAAO,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,EAAE,CAAC;QAET,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,IAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC;QAC5C,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC;QAED,OAAO,cAAM,OAAA,QAAQ,CAAC,UAAU,EAAE,EAArB,CAAqB,CAAC;IACrC,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7D,OAAO,WAAW,CAAC;AACrB,CAAC","sourcesContent":["import type React from 'react';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { computeMaskAlignPadding, needsMaskAlignPadding } from './computeMaskAlignPadding.js';\n\nexport function useMaskAlignPadding(\n  inputRef: React.RefObject<HTMLInputElement | null>,\n  overlayRef: React.RefObject<HTMLElement | null>,\n  displayValue: string,\n  textAlign: React.CSSProperties['textAlign'] | undefined,\n  enabled: boolean,\n): number {\n  const [paddingLeft, setPaddingLeft] = useState(0);\n\n  useLayoutEffect(() => {\n    if (!enabled || !needsMaskAlignPadding(textAlign)) {\n      setPaddingLeft(0);\n      return;\n    }\n\n    const input = inputRef.current;\n    if (!input) {\n      return;\n    }\n\n    const update = () => {\n      setPaddingLeft((prev) => {\n        const next = computeMaskAlignPadding(input, displayValue, textAlign, overlayRef.current);\n        return prev === next ? prev : next;\n      });\n    };\n\n    update();\n\n    if (typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    const observer = new ResizeObserver(update);\n    observer.observe(input);\n    if (overlayRef.current) {\n      observer.observe(overlayRef.current);\n    }\n\n    return () => observer.disconnect();\n  }, [displayValue, enabled, inputRef, overlayRef, textAlign]);\n\n  return paddingLeft;\n}\n"]}

package/components/MaskedInputV2/internal/useMaskEngine.d.ts

@@ -0,0 +1,42 @@
+import type { MaskedPattern, MaskedPatternOptions } from '../react-imask/imask/index.js';
+import type { IMaskInputProps } from '../react-imask/index.js';
+import type { MaskState, SlotMap } from './types.js';
+export interface MaskEngine {
+    /**
+     * Применить raw-ввод, получить MaskState.
+     * Чистая функция (без побочных эффектов на внешний стейт).
+     */
+    compute(raw: string, focused: boolean): MaskState;
+    /**
+     * Применить вставку с учётом текущего курсора.
+     * Возвращает новый raw и флаг переполнения.
+     */
+    applyPaste(currentRaw: string, rawCursorPos: number, pasted: string): PasteResult;
+    /** Карта слотов. Пересчитывается только при смене маски. */
+    slotMap: SlotMap;
+    /** Доступ к IMask-инстансу для edge cases (imaskProps escape hatch). */
+    imask: MaskedPattern;
+}
+interface PasteResult {
+    raw: string;
+    overflow: boolean;
+}
+export type MaskEager = NonNullable<MaskedPatternOptions['eager']>;
+/** Пропсы хука {@link useMaskEngine}. */
+interface UseMaskEngineProps {
+    mask: string;
+    maskChar?: string;
+    formatChars?: Record<string, string>;
+    unmask: boolean;
+    alwaysShowMask: boolean;
+    imaskProps?: IMaskInputProps<HTMLInputElement>;
+}
+/**
+ * Создаёт headless IMask-движок для MaskedInputV2.
+ * IMask используется как калькулятор состояния, без привязки к DOM.
+ *
+ * @param props — настройки маски и поведения отображения.
+ * @returns объект {@link MaskEngine} с методами `compute`, `applyPaste`, `slotMap` и `imask`.
+ */
+export declare function useMaskEngine(props: UseMaskEngineProps): MaskEngine;
+export {};

package/components/MaskedInputV2/internal/useMaskEngine.js

@@ -0,0 +1,84 @@
+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);
+};
+import { useMemo } from 'react';
+import { getDefinitions, getMaskChar } from '../MaskedInputV2.helpers.js';
+import { createMask } from '../react-imask/imask/masked/create.js';
+import { buildSlotMap, extractRaw } from './helpers.js';
+/**
+ * Создаёт headless IMask-движок для MaskedInputV2.
+ * IMask используется как калькулятор состояния, без привязки к DOM.
+ *
+ * @param props — настройки маски и поведения отображения.
+ * @returns объект {@link MaskEngine} с методами `compute`, `applyPaste`, `slotMap` и `imask`.
+ */
+export function useMaskEngine(props) {
+    var _a, _b;
+    var mask = (_a = props.mask) !== null && _a !== void 0 ? _a : '';
+    var eager = (_b = props.imaskProps) === null || _b === void 0 ? void 0 : _b.eager;
+    var imask = useMemo(function () {
+        return createMask(__assign({ mask: mask.replace(/0/g, '{\\0}'), placeholderChar: getMaskChar(props.maskChar), definitions: getDefinitions(props.formatChars), eager: eager !== null && eager !== void 0 ? eager : 'append', overwrite: 'shift', lazy: true }, props.imaskProps));
+    }, [mask, props.imaskProps, props.maskChar, eager, JSON.stringify(props.formatChars)]);
+    // SlotMap пересчитывается при смене маски
+    var slotMap = useMemo(function () { return buildSlotMap(imask); }, [imask]);
+    function compute(raw, focused) {
+        var lazy = !props.alwaysShowMask && !focused;
+        var eagerAppend = imask.eager === 'append' || imask.eager === true;
+        // raw — только пользовательские слоты. resolve({ input: true }) съел бы цифру,
+        // совпадающую с литералом маски (`7` в `7 999` / первая `7` после `+7`).
+        imask.updateOptions({ lazy: true });
+        imask.rawInputValue = raw;
+        // raw-флаг не триггерит eager trailing (это делал flags.input) — добираем вручную.
+        if (eagerAppend && raw) {
+            imask._appendEager();
+        }
+        if (focused && !raw && eagerAppend) {
+            imask._appendEager();
+        }
+        var lazyValue = imask.value;
+        var displayValue = lazyValue;
+        var typedValue = lazyValue;
+        if (!lazy) {
+            imask.updateOptions({ lazy: false });
+            imask.rawInputValue = raw;
+            if (eagerAppend && raw) {
+                imask._appendEager();
+            }
+            displayValue = imask.displayValue;
+        }
+        var unmaskedValue = raw === '' ? '' : imask.unmaskedValue;
+        var maskedValue = raw === '' ? '' : lazyValue;
+        return {
+            displayValue: displayValue,
+            typedValue: typedValue,
+            typedLength: typedValue.length,
+            outputValue: props.unmask ? unmaskedValue : maskedValue,
+            isComplete: imask.isComplete,
+            acceptedLength: imask.unmaskedValue.length,
+        };
+    }
+    function applyPaste(currentRaw, rawCursorPos, pasted) {
+        var before = currentRaw.slice(0, rawCursorPos);
+        var after = currentRaw.slice(rawCursorPos);
+        // Уже «сырые» цифры (в т.ч. после normalizeRussianPhonePaste) нельзя прогонять через
+        // extractRaw/.value (input:true): ведущая 7 съестся литералом `+7` / `7 …`.
+        var pastedRaw = /^\d+$/.test(pasted) ? pasted : extractRaw(pasted, { imask: imask });
+        var candidate = before + pastedRaw + after;
+        imask.rawInputValue = candidate;
+        var accepted = imask.rawInputValue;
+        return {
+            raw: accepted,
+            overflow: accepted.length < candidate.length,
+        };
+    }
+    return { compute: compute, applyPaste: applyPaste, slotMap: slotMap, imask: imask };
+}
+//# sourceMappingURL=useMaskEngine.js.map

package/components/MaskedInputV2/internal/useMaskEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMaskEngine.js","sourceRoot":"","sources":["useMaskEngine.ts"],"names":[],"mappings":"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","sourcesContent":["import { useMemo } from 'react';\n\nimport { getDefinitions, getMaskChar } from '../MaskedInputV2.helpers.js';\nimport type { MaskedPattern, MaskedPatternOptions } from '../react-imask/imask/index.js';\nimport { createMask } from '../react-imask/imask/masked/create.js';\nimport type { IMaskInputProps } from '../react-imask/index.js';\nimport { buildSlotMap, extractRaw } from './helpers.js';\nimport type { MaskState, SlotMap } from './types.js';\n\nexport interface MaskEngine {\n  /**\n   * Применить raw-ввод, получить MaskState.\n   * Чистая функция (без побочных эффектов на внешний стейт).\n   */\n  compute(raw: string, focused: boolean): MaskState;\n\n  /**\n   * Применить вставку с учётом текущего курсора.\n   * Возвращает новый raw и флаг переполнения.\n   */\n  applyPaste(currentRaw: string, rawCursorPos: number, pasted: string): PasteResult;\n\n  /** Карта слотов. Пересчитывается только при смене маски. */\n  slotMap: SlotMap;\n\n  /** Доступ к IMask-инстансу для edge cases (imaskProps escape hatch). */\n  imask: MaskedPattern;\n}\n\ninterface PasteResult {\n  raw: string;\n  overflow: boolean;\n}\n\nexport type MaskEager = NonNullable<MaskedPatternOptions['eager']>;\n\n/** Пропсы хука {@link useMaskEngine}. */\ninterface UseMaskEngineProps {\n  mask: string;\n  maskChar?: string;\n  formatChars?: Record<string, string>;\n  unmask: boolean;\n  alwaysShowMask: boolean;\n  imaskProps?: IMaskInputProps<HTMLInputElement>;\n}\n\n/**\n * Создаёт headless IMask-движок для MaskedInputV2.\n * IMask используется как калькулятор состояния, без привязки к DOM.\n *\n * @param props — настройки маски и поведения отображения.\n * @returns объект {@link MaskEngine} с методами `compute`, `applyPaste`, `slotMap` и `imask`.\n */\nexport function useMaskEngine(props: UseMaskEngineProps): MaskEngine {\n  const mask = props.mask ?? '';\n  const eager = props.imaskProps?.eager;\n  const imask = useMemo(\n    () =>\n      createMask({\n        mask: mask.replace(/0/g, '{\\\\0}') as any,\n        placeholderChar: getMaskChar(props.maskChar),\n        definitions: getDefinitions(props.formatChars),\n        eager: eager ?? 'append',\n        overwrite: 'shift',\n        lazy: true,\n        ...(props.imaskProps as object),\n      }) as unknown as MaskedPattern,\n    [mask, props.imaskProps, props.maskChar, eager, JSON.stringify(props.formatChars)],\n  );\n\n  // SlotMap пересчитывается при смене маски\n  const slotMap = useMemo(() => buildSlotMap(imask), [imask]);\n\n  function compute(raw: string, focused: boolean): MaskState {\n    const lazy = !props.alwaysShowMask && !focused;\n    const eagerAppend = imask.eager === 'append' || imask.eager === true;\n\n    // raw — только пользовательские слоты. resolve({ input: true }) съел бы цифру,\n    // совпадающую с литералом маски (`7` в `7 999` / первая `7` после `+7`).\n    imask.updateOptions({ lazy: true });\n    imask.rawInputValue = raw;\n    // raw-флаг не триггерит eager trailing (это делал flags.input) — добираем вручную.\n    if (eagerAppend && raw) {\n      imask._appendEager();\n    }\n    if (focused && !raw && eagerAppend) {\n      imask._appendEager();\n    }\n    const lazyValue = imask.value;\n\n    let displayValue = lazyValue;\n    let typedValue = lazyValue;\n\n    if (!lazy) {\n      imask.updateOptions({ lazy: false });\n      imask.rawInputValue = raw;\n      if (eagerAppend && raw) {\n        imask._appendEager();\n      }\n      displayValue = imask.displayValue;\n    }\n\n    const unmaskedValue = raw === '' ? '' : imask.unmaskedValue;\n    const maskedValue = raw === '' ? '' : lazyValue;\n    return {\n      displayValue,\n      typedValue,\n      typedLength: typedValue.length,\n      outputValue: props.unmask ? unmaskedValue : maskedValue,\n      isComplete: imask.isComplete,\n      acceptedLength: imask.unmaskedValue.length,\n    };\n  }\n\n  function applyPaste(currentRaw: string, rawCursorPos: number, pasted: string): PasteResult {\n    const before = currentRaw.slice(0, rawCursorPos);\n    const after = currentRaw.slice(rawCursorPos);\n\n    // Уже «сырые» цифры (в т.ч. после normalizeRussianPhonePaste) нельзя прогонять через\n    // extractRaw/.value (input:true): ведущая 7 съестся литералом `+7` / `7 …`.\n    const pastedRaw = /^\\d+$/.test(pasted) ? pasted : extractRaw(pasted, { imask });\n    const candidate = before + pastedRaw + after;\n\n    imask.rawInputValue = candidate;\n    const accepted = imask.rawInputValue;\n\n    return {\n      raw: accepted,\n      overflow: accepted.length < candidate.length,\n    };\n  }\n\n  return { compute, applyPaste, slotMap, imask };\n}\n"]}

package/components/MaskedInputV2/internal/useMaskedCoreHandlers.d.ts

@@ -0,0 +1,34 @@
+import type React from 'react';
+import type { MaskedCoreProps, MaskedSelectionIntent } from './MaskedCore.types.js';
+type MaskedCoreHandlerProps = Pick<MaskedCoreProps, 'maskState' | 'slotMap' | 'engine' | 'currentRaw' | 'onRawChange' | 'onUnexpectedInput' | 'onUndo' | 'onRedo' | 'coreInputRef' | 'onKeyDown' | 'onMouseUp' | 'onInput' | 'onSelect' | 'onFocus' | 'onBlur' | 'onPaste' | 'selectAllOnFocus'> & {
+    syncOverlayScroll: () => void;
+    requestSelectionIntent: (intent: MaskedSelectionIntent) => void;
+};
+/**
+ * Собирает обработчики DOM-событий для {@link MaskedCore}.
+ * Инкапсулирует логику ввода, навигации, clipboard и undo/redo.
+ *
+ * @param props — состояние маски, движок и колбэки от MaskedInputV2.
+ * @returns refs и обработчики для прямого `<input>`.
+ */
+export declare function useMaskedCoreHandlers(props: MaskedCoreHandlerProps): {
+    pendingCursorRef: React.RefObject<number | null>;
+    selectionRange: {
+        start: number;
+        end: number;
+    };
+    syncSelection: (el: HTMLInputElement) => void;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleSelect: (e?: React.SyntheticEvent<HTMLInputElement>) => void;
+    handlePaste: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    handleBeforeInput: (e: React.FormEvent<HTMLInputElement>) => void;
+    handleCopy: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    handleCut: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    handleInput: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleMouseDown: () => void;
+    handleMouseUp: (e: React.MouseEvent<HTMLInputElement>) => void;
+    handleFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
+    handleBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+};
+export {};