@skbkontur/react-ui 6.1.4-05b51.0 → 6.1.4-ff219.0

package/components/MaskedInputV2/internal/maskedCoreInputChange.js

@@ -0,0 +1,31 @@
+import { ActionDetails } from '../react-imask/imask/core/action-details.js';
+import { DIRECTION } from '../react-imask/imask/core/utils.js';
+/**
+ * Применяет пользовательский ввод к IMask через `splice` и вычисляет новый raw с позицией курсора.
+ *
+ * @param params — состояние input до/после изменения.
+ * @returns новое raw, позицию курсора и флаг отклонённого ввода.
+ */
+export function applyMaskedInputChange(params) {
+    var browserDraft = params.browserDraft, cursorPos = params.cursorPos, typedValue = params.typedValue, currentRaw = params.currentRaw, oldSelection = params.oldSelection, engine = params.engine;
+    var details = new ActionDetails({
+        value: browserDraft,
+        cursorPos: cursorPos,
+        oldValue: typedValue,
+        oldSelection: oldSelection,
+    });
+    var oldRawValue = engine.imask.unmaskedValue;
+    var spliceResult = engine.imask.splice(details.startChangePos, details.removed.length, details.inserted, details.removeDirection, { input: true, raw: true });
+    var removeDirection = oldRawValue === engine.imask.unmaskedValue ? details.removeDirection : DIRECTION.NONE;
+    var newCursorPos = engine.imask.nearestInputPos(details.startChangePos + spliceResult.offset, removeDirection);
+    if (removeDirection !== DIRECTION.NONE) {
+        newCursorPos = engine.imask.nearestInputPos(newCursorPos, DIRECTION.NONE);
+    }
+    var newRaw = engine.imask.rawInputValue;
+    return {
+        newRaw: newRaw,
+        cursorPos: newCursorPos,
+        rejected: newRaw === currentRaw,
+    };
+}
+//# sourceMappingURL=maskedCoreInputChange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"maskedCoreInputChange.js","sourceRoot":"","sources":["maskedCoreInputChange.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AA6B/D;;;;;GAKG;AACH,MAAM,UAAU,sBAAsB,CAAC,MAA+B;IAC5D,IAAA,YAAY,GAA8D,MAAM,aAApE,EAAE,SAAS,GAAmD,MAAM,UAAzD,EAAE,UAAU,GAAuC,MAAM,WAA7C,EAAE,UAAU,GAA2B,MAAM,WAAjC,EAAE,YAAY,GAAa,MAAM,aAAnB,EAAE,MAAM,GAAK,MAAM,OAAX,CAAY;IAEzF,IAAM,OAAO,GAAG,IAAI,aAAa,CAAC;QAChC,KAAK,EAAE,YAAY;QACnB,SAAS,WAAA;QACT,QAAQ,EAAE,UAAU;QACpB,YAAY,cAAA;KACb,CAAC,CAAC;IAEH,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC;IAE/C,IAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CACtC,OAAO,CAAC,cAAc,EACtB,OAAO,CAAC,OAAO,CAAC,MAAM,EACtB,OAAO,CAAC,QAAQ,EAChB,OAAO,CAAC,eAAe,EACvB,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAC3B,CAAC;IAEF,IAAM,eAAe,GAAG,WAAW,KAAK,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC;IAE9G,IAAI,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,cAAc,GAAG,YAAY,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAC/G,IAAI,eAAe,KAAK,SAAS,CAAC,IAAI,EAAE,CAAC;QACvC,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC5E,CAAC;IAED,IAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC;IAE1C,OAAO;QACL,MAAM,QAAA;QACN,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,MAAM,KAAK,UAAU;KAChC,CAAC;AACJ,CAAC","sourcesContent":["import { ActionDetails } from '../react-imask/imask/core/action-details.js';\nimport { DIRECTION } from '../react-imask/imask/core/utils.js';\nimport type { MaskEngine } from './types.js';\n\n/** Параметры обработки нативного `change` от `<input>`. */\nexport interface MaskedInputChangeParams {\n  /** Черновик value, который браузер записал в input. */\n  browserDraft: string;\n  /** Позиция курсора после изменения. */\n  cursorPos: number;\n  /** Текущее typedValue из MaskState. */\n  typedValue: string;\n  /** Текущее raw-значение (источник истины). */\n  currentRaw: string;\n  /** Предыдущее выделение до изменения. */\n  oldSelection: { start: number; end: number };\n  /** IMask-движок. */\n  engine: Pick<MaskEngine, 'imask'>;\n}\n\n/** Результат применения пользовательского ввода через IMask. */\nexport interface MaskedInputChangeResult {\n  /** Новое raw после splice. */\n  newRaw: string;\n  /** Позиция курсора, которую нужно установить. */\n  cursorPos: number;\n  /** `true`, если символ не был принят (raw не изменился). */\n  rejected: boolean;\n}\n\n/**\n * Применяет пользовательский ввод к IMask через `splice` и вычисляет новый raw с позицией курсора.\n *\n * @param params — состояние input до/после изменения.\n * @returns новое raw, позицию курсора и флаг отклонённого ввода.\n */\nexport function applyMaskedInputChange(params: MaskedInputChangeParams): MaskedInputChangeResult {\n  const { browserDraft, cursorPos, typedValue, currentRaw, oldSelection, engine } = params;\n\n  const details = new ActionDetails({\n    value: browserDraft,\n    cursorPos,\n    oldValue: typedValue,\n    oldSelection,\n  });\n\n  const oldRawValue = engine.imask.unmaskedValue;\n\n  const spliceResult = engine.imask.splice(\n    details.startChangePos,\n    details.removed.length,\n    details.inserted,\n    details.removeDirection,\n    { input: true, raw: true },\n  );\n\n  const removeDirection = oldRawValue === engine.imask.unmaskedValue ? details.removeDirection : DIRECTION.NONE;\n\n  let newCursorPos = engine.imask.nearestInputPos(details.startChangePos + spliceResult.offset, removeDirection);\n  if (removeDirection !== DIRECTION.NONE) {\n    newCursorPos = engine.imask.nearestInputPos(newCursorPos, DIRECTION.NONE);\n  }\n\n  const newRaw = engine.imask.rawInputValue;\n\n  return {\n    newRaw,\n    cursorPos: newCursorPos,\n    rejected: newRaw === currentRaw,\n  };\n}\n"]}

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

@@ -0,0 +1,13 @@
+import type React from 'react';
+type SelectionDirection = 'forward' | 'backward' | 'none';
+/**
+ * Вычисляет новое выделение при навигации стрелками, Home/End и Ctrl/Alt+стрелками.
+ * Логика перенесена из FixedIMaskInput v1.
+ *
+ * @param e — keyboard event.
+ * @param maxPos — максимальная позиция курсора (typedLength).
+ * @param el — DOM input с текущим selection.
+ * @returns кортеж `[start, end, direction]` для `setSelectionRange`.
+ */
+export declare function calcNavigationSelection(e: React.KeyboardEvent<HTMLInputElement>, maxPos: number, el: HTMLInputElement | null): [number, number, SelectionDirection];
+export {};

package/components/MaskedInputV2/internal/maskedCoreNavigation.js

@@ -0,0 +1,79 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { isKeyArrowHorizontal, isKeyArrowLeft, isKeyArrowUp, isKeyHome, isModShift, isShortcutJumpCaret, someKeys, } from '../../../lib/events/keyboard/identifiers.js';
+/**
+ * Вычисляет новое выделение при навигации стрелками, Home/End и Ctrl/Alt+стрелками.
+ * Логика перенесена из FixedIMaskInput v1.
+ *
+ * @param e — keyboard event.
+ * @param maxPos — максимальная позиция курсора (typedLength).
+ * @param el — DOM input с текущим selection.
+ * @returns кортеж `[start, end, direction]` для `setSelectionRange`.
+ */
+export function calcNavigationSelection(e, maxPos, el) {
+    var _a, _b, _c;
+    if (!el) {
+        return [0, 0, 'none'];
+    }
+    var start = (_a = el.selectionStart) !== null && _a !== void 0 ? _a : 0;
+    var end = (_b = el.selectionEnd) !== null && _b !== void 0 ? _b : 0;
+    var direction = ((_c = el.selectionDirection) !== null && _c !== void 0 ? _c : 'none');
+    var isSelectionMode = isModShift()(e);
+    var tail = start !== end && direction === 'backward' ? end : start;
+    var head = start !== end && direction === 'backward' ? start : end;
+    var headDirection = someKeys(isKeyArrowLeft, isKeyArrowUp, isKeyHome)(e) ? 'left' : 'right';
+    var step = isKeyArrowHorizontal(e) ? 1 : Infinity;
+    var increment = headDirection === 'left' ? -step : step;
+    var normalized = function (v) { return Math.min(maxPos, Math.max(0, v)); };
+    if (isShortcutJumpCaret(e)) {
+        head = jumpCaret(head, headDirection, el.value, maxPos);
+    }
+    else if (head !== tail && !isSelectionMode && isKeyArrowHorizontal(e)) {
+        head = headDirection === 'right' ? Math.max(tail, head) : Math.min(tail, head);
+    }
+    else {
+        head = head + increment;
+    }
+    if (isSelectionMode) {
+        var s = Math.min(tail, head);
+        var e2 = Math.max(tail, head);
+        return [normalized(s), normalized(e2), e2 === head ? 'forward' : 'backward'];
+    }
+    tail = head;
+    return [normalized(tail), normalized(head), 'none'];
+}
+/**
+ * Перемещает курсор к началу/концу следующего «слова» при Ctrl/Alt+стрелка.
+ *
+ * @param prev — текущая позиция курсора.
+ * @param headDirection — направление прыжка.
+ * @param value — текущее value input.
+ * @param maxPos — верхняя граница позиции курсора.
+ */
+function jumpCaret(prev, headDirection, value, maxPos) {
+    var _a;
+    // CODE-1 fix: используем .source вместо .valueOf() — иначе "/" попадает в символы слова
+    var word = /а-яa-z0-9_/.source;
+    var wordRegExp = new RegExp("([".concat(word, "])+[\\s]*|([^").concat(word, "])+"), 'gi');
+    var normalized = function (v) { return Math.min(maxPos, Math.max(0, v)); };
+    var next = headDirection === 'right' ? prev : 0;
+    (_a = value.match(wordRegExp)) === null || _a === void 0 ? void 0 : _a.reduce(function (s, a) {
+        var pos = a.length + (s.slice(-1)[0] || 0);
+        if (headDirection === 'right' && next === prev && next < pos) {
+            next = normalized(pos);
+        }
+        else if (headDirection === 'left' && prev > pos) {
+            next = normalized(pos);
+        }
+        return __spreadArray(__spreadArray([], s, true), [pos], false);
+    }, []);
+    return next;
+}
+//# sourceMappingURL=maskedCoreNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"maskedCoreNavigation.js","sourceRoot":"","sources":["maskedCoreNavigation.ts"],"names":[],"mappings":"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","sourcesContent":["import type React from 'react';\n\nimport {\n  isKeyArrowHorizontal,\n  isKeyArrowLeft,\n  isKeyArrowUp,\n  isKeyHome,\n  isModShift,\n  isShortcutJumpCaret,\n  someKeys,\n} from '../../../lib/events/keyboard/identifiers.js';\n\ntype HeadDirection = 'left' | 'right';\ntype SelectionDirection = 'forward' | 'backward' | 'none';\n\n/**\n * Вычисляет новое выделение при навигации стрелками, Home/End и Ctrl/Alt+стрелками.\n * Логика перенесена из FixedIMaskInput v1.\n *\n * @param e — keyboard event.\n * @param maxPos — максимальная позиция курсора (typedLength).\n * @param el — DOM input с текущим selection.\n * @returns кортеж `[start, end, direction]` для `setSelectionRange`.\n */\nexport function calcNavigationSelection(\n  e: React.KeyboardEvent<HTMLInputElement>,\n  maxPos: number,\n  el: HTMLInputElement | null,\n): [number, number, SelectionDirection] {\n  if (!el) {\n    return [0, 0, 'none'];\n  }\n\n  const start = el.selectionStart ?? 0;\n  const end = el.selectionEnd ?? 0;\n  const direction = (el.selectionDirection ?? 'none') as SelectionDirection;\n\n  const isSelectionMode = isModShift()(e);\n  let tail = start !== end && direction === 'backward' ? end : start;\n  let head = start !== end && direction === 'backward' ? start : end;\n\n  const headDirection: HeadDirection = someKeys(isKeyArrowLeft, isKeyArrowUp, isKeyHome)(e) ? 'left' : 'right';\n  const step = isKeyArrowHorizontal(e) ? 1 : Infinity;\n  const increment = headDirection === 'left' ? -step : step;\n\n  const normalized = (v: number) => Math.min(maxPos, Math.max(0, v));\n\n  if (isShortcutJumpCaret(e)) {\n    head = jumpCaret(head, headDirection, el.value, maxPos);\n  } else if (head !== tail && !isSelectionMode && isKeyArrowHorizontal(e)) {\n    head = headDirection === 'right' ? Math.max(tail, head) : Math.min(tail, head);\n  } else {\n    head = head + increment;\n  }\n\n  if (isSelectionMode) {\n    const s = Math.min(tail, head);\n    const e2 = Math.max(tail, head);\n    return [normalized(s), normalized(e2), e2 === head ? 'forward' : 'backward'];\n  }\n\n  tail = head;\n  return [normalized(tail), normalized(head), 'none'];\n}\n\n/**\n * Перемещает курсор к началу/концу следующего «слова» при Ctrl/Alt+стрелка.\n *\n * @param prev — текущая позиция курсора.\n * @param headDirection — направление прыжка.\n * @param value — текущее value input.\n * @param maxPos — верхняя граница позиции курсора.\n */\nfunction jumpCaret(prev: number, headDirection: HeadDirection, value: string, maxPos: number): number {\n  // CODE-1 fix: используем .source вместо .valueOf() — иначе \"/\" попадает в символы слова\n  const word = /а-яa-z0-9_/.source;\n  const wordRegExp = new RegExp(`([${word}])+[\\\\s]*|([^${word}])+`, 'gi');\n  const normalized = (v: number) => Math.min(maxPos, Math.max(0, v));\n\n  let next = headDirection === 'right' ? prev : 0;\n  value.match(wordRegExp)?.reduce<number[]>((s, a) => {\n    const pos = a.length + (s.slice(-1)[0] || 0);\n    if (headDirection === 'right' && next === prev && next < pos) {\n      next = normalized(pos);\n    } else if (headDirection === 'left' && prev > pos) {\n      next = normalized(pos);\n    }\n    return [...s, pos];\n  }, []);\n\n  return next;\n}\n"]}

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

@@ -0,0 +1,11 @@
+import type { SlotMap } from './types.js';
+/**
+ * Из выделенного диапазона displayValue убирает фиксированные символы маски,
+ * оставляя только пользовательские символы.
+ *
+ * @param selected — подстрока displayValue.
+ * @param slotMap — карта соответствия позиций маски и raw-слотов.
+ * @param startOffset — позиция начала выделения в displayValue.
+ * @returns строка без литералов маски.
+ */
+export declare function stripMaskChars(selected: string, slotMap: SlotMap, startOffset: number): string;

package/components/MaskedInputV2/internal/stripMaskChars.js

@@ -0,0 +1,20 @@
+/**
+ * Из выделенного диапазона displayValue убирает фиксированные символы маски,
+ * оставляя только пользовательские символы.
+ *
+ * @param selected — подстрока displayValue.
+ * @param slotMap — карта соответствия позиций маски и raw-слотов.
+ * @param startOffset — позиция начала выделения в displayValue.
+ * @returns строка без литералов маски.
+ */
+export function stripMaskChars(selected, slotMap, startOffset) {
+    var result = '';
+    for (var i = 0; i < selected.length; i++) {
+        var maskedPos = startOffset + i;
+        if (slotMap.maskedToRaw[maskedPos] !== null && slotMap.maskedToRaw[maskedPos] !== undefined) {
+            result += selected[i];
+        }
+    }
+    return result;
+}
+//# sourceMappingURL=stripMaskChars.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stripMaskChars.js","sourceRoot":"","sources":["stripMaskChars.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAAC,QAAgB,EAAE,OAAgB,EAAE,WAAmB;IACpF,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACzC,IAAM,SAAS,GAAG,WAAW,GAAG,CAAC,CAAC;QAClC,IAAI,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,SAAS,EAAE,CAAC;YAC5F,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import type { SlotMap } from './types.js';\n\n/**\n * Из выделенного диапазона displayValue убирает фиксированные символы маски,\n * оставляя только пользовательские символы.\n *\n * @param selected — подстрока displayValue.\n * @param slotMap — карта соответствия позиций маски и raw-слотов.\n * @param startOffset — позиция начала выделения в displayValue.\n * @returns строка без литералов маски.\n */\nexport function stripMaskChars(selected: string, slotMap: SlotMap, startOffset: number): string {\n  let result = '';\n  for (let i = 0; i < selected.length; i++) {\n    const maskedPos = startOffset + i;\n    if (slotMap.maskedToRaw[maskedPos] !== null && slotMap.maskedToRaw[maskedPos] !== undefined) {\n      result += selected[i];\n    }\n  }\n  return result;\n}\n"]}

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.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/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,82 @@
+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/index.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;
+        // input: true → триггерит _appendEager, чтобы trailing fixed chars
+        // добавлялись и сохранялись при blur
+        imask.updateOptions({ lazy: true });
+        imask.resolve(raw, { input: true });
+        // При пустом raw _appendEager не вызывается автоматически (str пустой).
+        // Заполняем leading fixed chars только при фокусе (lazy=false),
+        // при blur (lazy=true) с пустым raw поле должно быть пустым.
+        if (focused && !raw && (imask.eager === 'append' || imask.eager === true)) {
+            imask._appendEager();
+        }
+        var lazyValue = imask.value;
+        var displayValue = lazyValue;
+        var typedValue = lazyValue;
+        // Для focused/alwaysShowMask пересчитываем с lazy=false,
+        // чтобы получить placeholders в displayValue
+        if (!lazy) {
+            imask.updateOptions({ lazy: false });
+            imask.resolve(raw, { input: true });
+            displayValue = imask.displayValue;
+        }
+        var outValue = raw === '' ? '' : imask.unmaskedValue;
+        return {
+            displayValue: displayValue,
+            typedValue: typedValue,
+            typedLength: typedValue.length,
+            outputValue: props.unmask ? outValue : lazyValue,
+            isComplete: imask.isComplete,
+            acceptedLength: imask.unmaskedValue.length,
+        };
+    }
+    function applyPaste(currentRaw, rawCursorPos, pasted) {
+        // Позиция вставки в raw: вставляем после rawCursorPos символов
+        var before = currentRaw.slice(0, rawCursorPos);
+        var after = currentRaw.slice(rawCursorPos);
+        // pasted может быть отформатированным (с литералами маски) — извлекаем raw
+        var pastedRaw = extractRaw(pasted, { imask: imask });
+        var candidate = before + pastedRaw + after;
+        imask.unmaskedValue = 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/index.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; // pasted содержал символы, которые IMask не принял\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', // TODO: 'remove' or 'append'\n        overwrite: 'shift',\n        lazy: true,\n        ...(props.imaskProps as object),\n      }) as unknown as MaskedPattern,\n    // Пересоздавать только при изменении структуры маски:\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\n    // input: true → триггерит _appendEager, чтобы trailing fixed chars\n    // добавлялись и сохранялись при blur\n    imask.updateOptions({ lazy: true });\n    imask.resolve(raw, { input: true });\n    // При пустом raw _appendEager не вызывается автоматически (str пустой).\n    // Заполняем leading fixed chars только при фокусе (lazy=false),\n    // при blur (lazy=true) с пустым raw поле должно быть пустым.\n    if (focused && !raw && (imask.eager === 'append' || imask.eager === true)) {\n      imask._appendEager();\n    }\n    const lazyValue = imask.value;\n\n    let displayValue = lazyValue;\n    let typedValue = lazyValue;\n\n    // Для focused/alwaysShowMask пересчитываем с lazy=false,\n    // чтобы получить placeholders в displayValue\n    if (!lazy) {\n      imask.updateOptions({ lazy: false });\n      imask.resolve(raw, { input: true });\n      displayValue = imask.displayValue;\n    }\n\n    const outValue = raw === '' ? '' : imask.unmaskedValue;\n    return {\n      displayValue,\n      typedValue,\n      typedLength: typedValue.length,\n      outputValue: props.unmask ? outValue : lazyValue,\n      isComplete: imask.isComplete,\n      acceptedLength: imask.unmaskedValue.length,\n    };\n  }\n\n  function applyPaste(currentRaw: string, rawCursorPos: number, pasted: string): PasteResult {\n    // Позиция вставки в raw: вставляем после rawCursorPos символов\n    const before = currentRaw.slice(0, rawCursorPos);\n    const after = currentRaw.slice(rawCursorPos);\n    // pasted может быть отформатированным (с литералами маски) — извлекаем raw\n    const pastedRaw = extractRaw(pasted, { imask });\n    const candidate = before + pastedRaw + after;\n\n    imask.unmaskedValue = 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,28 @@
+import type React from 'react';
+import type { MaskedCoreProps } from './MaskedCore.types.js';
+type MaskedCoreHandlerProps = Pick<MaskedCoreProps, 'maskState' | 'slotMap' | 'engine' | 'currentRaw' | 'onRawChange' | 'onUnexpectedInput' | 'onUndo' | 'onRedo' | 'coreInputRef' | 'onKeyDown' | 'onMouseUp' | 'onInput' | 'onSelect' | 'onFocus' | 'onPaste'>;
+/**
+ * Собирает обработчики 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;
+    handleCopy: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    handleCut: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    handleInput: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleMouseUp: (e: React.MouseEvent<HTMLInputElement>) => void;
+    handleFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
+};
+export {};

package/components/MaskedInputV2/internal/useMaskedCoreHandlers.js

@@ -0,0 +1,190 @@
+import { useCallback, useRef, useState } from 'react';
+import { isKeyArrow, isKeyBackspace, isKeyDelete, isKeyEnd, isKeyHome, isShortcutRedo, isShortcutSelectAll, isShortcutUndo, } from '../../../lib/events/keyboard/identifiers.js';
+import { scrollInputCaretIntoView } from '../../../lib/scrollInputCaretIntoView.js';
+import { extractRaw } from './extractRaw.js';
+import { computeMaskedCut, getMaskedCopyText } from './maskedCoreClipboard.js';
+import { computeMaskedDeletion } from './maskedCoreDeletion.js';
+import { applyMaskedInputChange } from './maskedCoreInputChange.js';
+import { calcNavigationSelection } from './maskedCoreNavigation.js';
+/**
+ * Собирает обработчики DOM-событий для {@link MaskedCore}.
+ * Инкапсулирует логику ввода, навигации, clipboard и undo/redo.
+ *
+ * @param props — состояние маски, движок и колбэки от MaskedInputV2.
+ * @returns refs и обработчики для прямого `<input>`.
+ */
+export function useMaskedCoreHandlers(props) {
+    var maskState = props.maskState, slotMap = props.slotMap, engine = props.engine, currentRaw = props.currentRaw, onRawChange = props.onRawChange, onUnexpectedInput = props.onUnexpectedInput, onUndo = props.onUndo, onRedo = props.onRedo, coreInputRef = props.coreInputRef, inputOnKeyDown = props.onKeyDown, inputOnMouseUp = props.onMouseUp, inputOnInput = props.onInput, inputOnSelect = props.onSelect, inputOnFocus = props.onFocus, inputOnPaste = props.onPaste;
+    var pendingCursorRef = useRef(null);
+    var lastSelectionRef = useRef({ start: 0, end: 0 });
+    var _a = useState({ start: 0, end: 0 }), selectionRange = _a[0], setSelectionRange = _a[1];
+    var syncSelection = useCallback(function (el) {
+        var _a, _b;
+        var start = (_a = el.selectionStart) !== null && _a !== void 0 ? _a : 0;
+        var end = (_b = el.selectionEnd) !== null && _b !== void 0 ? _b : 0;
+        lastSelectionRef.current = { start: start, end: end };
+        setSelectionRange(function (prev) { return (prev.start === start && prev.end === end ? prev : { start: start, end: end }); });
+    }, []);
+    function setPendingCursor(pos) {
+        var _a;
+        pendingCursorRef.current = pos;
+        (_a = coreInputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(pos, pos);
+    }
+    function handleChange(e) {
+        var _a;
+        var _b = applyMaskedInputChange({
+            browserDraft: e.target.value,
+            cursorPos: (_a = e.target.selectionStart) !== null && _a !== void 0 ? _a : 0,
+            typedValue: maskState.typedValue,
+            currentRaw: currentRaw,
+            oldSelection: lastSelectionRef.current,
+            engine: engine,
+        }), newRaw = _b.newRaw, cursorPos = _b.cursorPos, rejected = _b.rejected;
+        setPendingCursor(cursorPos);
+        if (rejected) {
+            onUnexpectedInput();
+            return;
+        }
+        onRawChange(newRaw, 'input', cursorPos);
+    }
+    function handleKeyDown(e) {
+        var el = coreInputRef.current;
+        if (isShortcutSelectAll(e) || isKeyArrow(e) || isKeyEnd(e) || isKeyHome(e) || isKeyBackspace(e) || isKeyDelete(e)) {
+            pendingCursorRef.current = null;
+        }
+        if (isShortcutSelectAll(e)) {
+            e.preventDefault();
+            el === null || el === void 0 ? void 0 : el.setSelectionRange(0, maskState.typedLength);
+            if (el) {
+                scrollInputCaretIntoView(el);
+                syncSelection(el);
+            }
+        }
+        else if (isKeyArrow(e) || isKeyEnd(e) || isKeyHome(e)) {
+            e.preventDefault();
+            var _a = calcNavigationSelection(e, maskState.typedLength, el), start = _a[0], end = _a[1], dir = _a[2];
+            el === null || el === void 0 ? void 0 : el.setSelectionRange(start, end, dir);
+            if (el) {
+                scrollInputCaretIntoView(el);
+                syncSelection(el);
+            }
+        }
+        else if (isKeyBackspace(e) || isKeyDelete(e)) {
+            e.preventDefault();
+            if (el) {
+                handleDeletion(isKeyBackspace(e), el);
+            }
+        }
+        else if (isShortcutUndo(e)) {
+            e.preventDefault();
+            onUndo === null || onUndo === void 0 ? void 0 : onUndo();
+        }
+        else if (isShortcutRedo(e)) {
+            e.preventDefault();
+            onRedo === null || onRedo === void 0 ? void 0 : onRedo();
+        }
+        inputOnKeyDown === null || inputOnKeyDown === void 0 ? void 0 : inputOnKeyDown(e);
+    }
+    function handleDeletion(isBackspace, el) {
+        var _a, _b;
+        var result = computeMaskedDeletion({
+            isBackspace: isBackspace,
+            selStart: (_a = el.selectionStart) !== null && _a !== void 0 ? _a : 0,
+            selEnd: (_b = el.selectionEnd) !== null && _b !== void 0 ? _b : 0,
+            currentRaw: currentRaw,
+            slotMap: slotMap,
+        });
+        if (!result) {
+            onUnexpectedInput();
+            return;
+        }
+        pendingCursorRef.current = result.cursorPos;
+        onRawChange(result.newRaw, 'input', result.cursorPos);
+    }
+    function handleSelect(e) {
+        var _a, _b, _c;
+        var el = coreInputRef.current;
+        if (!el) {
+            return;
+        }
+        var max = maskState.typedLength;
+        var start = (_a = el.selectionStart) !== null && _a !== void 0 ? _a : 0;
+        var end = (_b = el.selectionEnd) !== null && _b !== void 0 ? _b : 0;
+        lastSelectionRef.current = { start: start, end: end };
+        if (end > max) {
+            el.setSelectionRange(Math.min(start, max), max, (_c = el.selectionDirection) !== null && _c !== void 0 ? _c : 'none');
+        }
+        syncSelection(el);
+        if (e) {
+            inputOnSelect === null || inputOnSelect === void 0 ? void 0 : inputOnSelect(e);
+        }
+    }
+    function handlePaste(e) {
+        inputOnPaste === null || inputOnPaste === void 0 ? void 0 : inputOnPaste(e);
+        e.preventDefault();
+        if (!e.clipboardData) {
+            return;
+        }
+        onRawChange(e.clipboardData.getData('text/plain'), 'paste');
+    }
+    function handleCopy(e) {
+        var _a, _b;
+        var el = coreInputRef.current;
+        if (!el) {
+            return;
+        }
+        var start = (_a = el.selectionStart) !== null && _a !== void 0 ? _a : 0;
+        var end = (_b = el.selectionEnd) !== null && _b !== void 0 ? _b : 0;
+        e.clipboardData.setData('text/plain', getMaskedCopyText(maskState.displayValue, start, end));
+        e.preventDefault();
+    }
+    function handleCut(e) {
+        var _a, _b;
+        handleCopy(e);
+        var el = coreInputRef.current;
+        if (!el) {
+            return;
+        }
+        var start = (_a = el.selectionStart) !== null && _a !== void 0 ? _a : 0;
+        var end = (_b = el.selectionEnd) !== null && _b !== void 0 ? _b : 0;
+        var _c = computeMaskedCut(start, end, currentRaw, slotMap), newRaw = _c.newRaw, cursorPos = _c.cursorPos;
+        pendingCursorRef.current = cursorPos;
+        onRawChange(newRaw, 'input', cursorPos);
+    }
+    function handleInput(e) {
+        inputOnInput === null || inputOnInput === void 0 ? void 0 : inputOnInput(e);
+    }
+    function handleMouseUp(e) {
+        handleSelect();
+        inputOnMouseUp === null || inputOnMouseUp === void 0 ? void 0 : inputOnMouseUp(e);
+    }
+    function handleFocus(e) {
+        var _a;
+        var domValue = e.currentTarget.value;
+        if (domValue !== maskState.typedValue) {
+            var syncedRaw = extractRaw(domValue, engine);
+            if (syncedRaw !== currentRaw) {
+                onRawChange(syncedRaw, 'input');
+            }
+        }
+        var clickedPos = (_a = e.target.selectionStart) !== null && _a !== void 0 ? _a : 0;
+        pendingCursorRef.current = Math.min(clickedPos, maskState.typedLength);
+        inputOnFocus === null || inputOnFocus === void 0 ? void 0 : inputOnFocus(e);
+        syncSelection(e.currentTarget);
+    }
+    return {
+        pendingCursorRef: pendingCursorRef,
+        selectionRange: selectionRange,
+        syncSelection: syncSelection,
+        handleChange: handleChange,
+        handleKeyDown: handleKeyDown,
+        handleSelect: handleSelect,
+        handlePaste: handlePaste,
+        handleCopy: handleCopy,
+        handleCut: handleCut,
+        handleInput: handleInput,
+        handleMouseUp: handleMouseUp,
+        handleFocus: handleFocus,
+    };
+}
+//# sourceMappingURL=useMaskedCoreHandlers.js.map