@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3cc4f2ce5f

package/cjs/components/MaskedInput/FixedIMaskInput.js

@@ -0,0 +1,229 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.FixedIMaskInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
+
+
+var _reactImask = require("@skbkontur/react-imask");
+
+var _forwardRefAndName = require("../../lib/forwardRefAndName");
+var _identifiers = require("../../lib/events/keyboard/identifiers");
+
+
+
+
+
+
+
+
+
+
+
+var _MouseDrag = require("../../lib/events/MouseDrag");var _excluded = ["inputRef"];
+
+
+
+
+
+
+
+
+
+
+
+
+var FixedIMaskInput = exports.FixedIMaskInput = (0, _forwardRefAndName.forwardRefAndName)(
+  'FixedIMaskInput',
+  function FixedIMaskInput(props, ref) {
+    var inputRef = props.inputRef,restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    var imaskRef = (0, _react.useRef)(null);
+    var focused = (0, _react.useRef)(false);
+
+    (0, _react.useEffect)(function () {var _imaskRef$current;
+      if ((_imaskRef$current = imaskRef.current) != null && _imaskRef$current.element) {
+        fillTypedValue();
+        var mouseDrag = _MouseDrag.MouseDrag.listen(imaskRef.current.element).onMouseDragEnd(function (e) {var _imaskRef$current2, _imaskRef$current3;
+          var direction = 'none';
+
+          if (
+          mouseDrag.mouseDragStartEvent &&
+          ((_imaskRef$current2 = imaskRef.current) == null ? void 0 : _imaskRef$current2.element.selectionStart) !== ((_imaskRef$current3 = imaskRef.current) == null ? void 0 : _imaskRef$current3.element.selectionEnd))
+          {
+            direction = mouseDrag.mouseDragStartEvent.pageX > e.pageX ? 'backward' : 'forward';
+          }
+
+          var _getSelection = getSelection(),start = _getSelection[0],end = _getSelection[1];
+          setSelection(start, end, direction);
+        });
+      }
+    }, []);
+
+    (0, _react.useImperativeHandle)(ref, function () {return imaskRef.current;}, []);
+
+    return /*#__PURE__*/(
+      _react.default.createElement(_reactImask.IMaskInput, (0, _extends2.default)({},
+      restProps, {
+        ref: imaskRef,
+        inputRef: inputRef,
+        onKeyDown: handleKeyDown,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onMouseUp: handleMouseUp,
+        onAccept: handleAccept,
+        onInput: handleInput })
+      ));
+
+
+    function getTypedValue() {var _imaskRef$current4;
+      var _ref = ((_imaskRef$current4 = imaskRef.current) == null ? void 0 : _imaskRef$current4.maskRef.masked) || {},_ref$_value = _ref._value,_value = _ref$_value === void 0 ? '' : _ref$_value,_ref$displayValue = _ref.displayValue,displayValue = _ref$displayValue === void 0 ? '' : _ref$displayValue;
+      var end = getMaxCaretPosition();
+      var value = _value !== '' || focused.current === true ? displayValue : '';
+
+      return value.slice(0, end);
+    }
+
+    function fillTypedValue() {var _imaskRef$current5, _imaskRef$current6, _imaskRef$current7;
+      (_imaskRef$current5 = imaskRef.current) == null || _imaskRef$current5.element.setAttribute('data-typed-value', getTypedValue());
+      (_imaskRef$current6 = imaskRef.current) == null || _imaskRef$current6.element.setAttribute('data-unmasked-value', (_imaskRef$current7 = imaskRef.current) == null ? void 0 : _imaskRef$current7.maskRef.unmaskedValue);
+    }
+
+    function getMaxCaretPosition() {
+      var maskChars = [];
+      if (imaskRef.current) {
+        maskChars.push(imaskRef.current.maskRef.masked.placeholderChar);
+        if (imaskRef.current.maskRef.masked.blocks) {
+          Object.values(imaskRef.current.maskRef.masked.blocks).forEach(
+            function (_ref2) {var placeholderChar = _ref2.placeholderChar;return placeholderChar && maskChars.push(placeholderChar);}
+          );
+        }
+        return imaskRef.current.element.value.split(new RegExp(maskChars.join('|')))[0].length;
+      }
+
+      return Infinity;
+    }
+
+    function normalizeSelection() {
+      var _getSelection2 = getSelection(),start = _getSelection2[0],end = _getSelection2[1];
+      var max = getMaxCaretPosition();
+      if (end > max) {
+        setSelection(start, max);
+      }
+    }
+
+    function getNormalizedRange(calc) {
+      return typeof calc === 'number' ? Math.min(getMaxCaretPosition(), Math.max(0, calc)) : 0;
+    }
+
+    function getSelection() {
+      if (imaskRef.current) {
+        return [
+        imaskRef.current.element.selectionStart || 0,
+        imaskRef.current.element.selectionEnd || 0,
+        imaskRef.current.element.selectionDirection || 'none'];
+
+      }
+      return [0, 0, 'none'];
+    }
+
+    function setSelection() {var _imaskRef$current8;for (var _len = arguments.length, _ref3 = new Array(_len), _key = 0; _key < _len; _key++) {_ref3[_key] = arguments[_key];}var start = _ref3[0],end = _ref3[1],direction = _ref3[2];
+      (_imaskRef$current8 = imaskRef.current) == null || _imaskRef$current8.element.setSelectionRange(
+        getNormalizedRange(start),
+        getNormalizedRange(end),
+        direction || 'none'
+      );
+    }
+
+    function jumpCaret(prev, headDirection) {var _imaskRef$current9;
+      var word = /а-яa-z0-9_/.valueOf();
+      var wordRegExp = new RegExp("([" + word + "])+[\\s]*|([^" + word + "])+", 'gi');
+      var next = headDirection === 'right' ? prev : 0;
+      (_imaskRef$current9 = imaskRef.current) == null || (_imaskRef$current9 = _imaskRef$current9.element.value.match(wordRegExp)) == null || _imaskRef$current9.reduce(function (s, a) {
+        var pos = a.length + (s.slice(-1)[0] || 0);
+        if (headDirection === 'right' && next === prev && next < pos) {
+          next = getNormalizedRange(pos);
+        } else if (headDirection === 'left' && prev > pos) {
+          next = getNormalizedRange(pos);
+        }
+        return [].concat(s, [pos]);
+      }, []);
+      return next;
+    }
+
+    /**
+     * Вычислят положение каретки при управлении клавишами
+     * @param e
+     */
+    function calcSelection(e) {
+      var _getSelection3 = getSelection(),start = _getSelection3[0],end = _getSelection3[1],direction = _getSelection3[2];
+      var isSelectionMode = (0, _identifiers.isModShift)()(e);
+      var tail = start !== end && direction === 'backward' ? end : start;
+      var head = start !== end && direction === 'backward' ? start : end;
+      var headDirection = (0, _identifiers.someKeys)(_identifiers.isKeyArrowLeft, _identifiers.isKeyArrowUp, _identifiers.isKeyHome)(e) ? 'left' : 'right';
+      var step = (0, _identifiers.isKeyArrowHorizontal)(e) ? 1 : Infinity;
+      var increment = headDirection === 'left' ? -step : step;
+      if ((0, _identifiers.isShortcutJumpCaret)(e)) {
+        head = jumpCaret(head, headDirection);
+      } else if (head !== tail && !isSelectionMode && (0, _identifiers.isKeyArrowHorizontal)(e)) {
+        head = headDirection === 'right' ? Math.max(tail, head) : Math.min(tail, head);
+      } else {
+        head = head + increment;
+      }
+      if (isSelectionMode) {
+        var _start = Math.min(tail, head);
+        var _end = Math.max(tail, head);
+        return [getNormalizedRange(_start), getNormalizedRange(_end), _end === head ? 'forward' : 'backward'];
+      }
+      tail = head;
+      return [getNormalizedRange(tail), getNormalizedRange(head), 'none'];
+    }
+
+    function handleMouseUp(e) {
+      normalizeSelection();
+
+      props.onMouseUp == null || props.onMouseUp(e);
+    }
+
+    function handleFocus(e) {
+      focused.current = true;
+      fillTypedValue();
+
+      setTimeout(normalizeSelection);
+
+      props.onFocus == null || props.onFocus(e);
+    }
+
+    function handleBlur(e) {
+      focused.current = false;
+      fillTypedValue();
+
+      props.onBlur == null || props.onBlur(e);
+    }
+
+    function handleAccept() {
+      fillTypedValue();for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {args[_key2] = arguments[_key2];}
+
+      props.onAccept == null || props.onAccept.apply(props, args);
+    }
+
+    function handleInput(e) {var _imaskRef$current10;
+      var maskRef = (_imaskRef$current10 = imaskRef.current) == null ? void 0 : _imaskRef$current10.maskRef;
+      if (restProps.unmask && maskRef && maskRef.rawInputValue === '' && maskRef.unmaskedValue !== '') {
+        // Для случаев, когда в value остаются только зафиксированные - {} - очищаем value полностью
+        props.onAccept == null || props.onAccept('', maskRef, e.nativeEvent);
+      }
+
+      props.onInput == null || props.onInput(e);
+    }
+
+    function handleKeyDown(e) {
+      var nearest = getMaxCaretPosition();
+      if ((0, _identifiers.isShortcutSelectAll)(e)) {
+        e.preventDefault();
+        setSelection(0, nearest);
+      } else if ((0, _identifiers.isKeyArrow)(e) || (0, _identifiers.isKeyEnd)(e) || (0, _identifiers.isKeyHome)(e)) {
+        e.preventDefault();
+        var _calcSelection = calcSelection(e),start = _calcSelection[0],end = _calcSelection[1],direction = _calcSelection[2];
+        setSelection(start, end, direction);
+      }
+
+      props.onKeyDown == null || props.onKeyDown(e);
+    }
+  }
+);

package/cjs/components/MaskedInput/FixedIMaskInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactImask","_forwardRefAndName","_identifiers","_MouseDrag","_excluded","FixedIMaskInput","exports","forwardRefAndName","props","ref","inputRef","restProps","_objectWithoutPropertiesLoose2","default","imaskRef","useRef","focused","useEffect","_imaskRef$current","current","element","fillTypedValue","mouseDrag","MouseDrag","listen","onMouseDragEnd","e","_imaskRef$current2","_imaskRef$current3","direction","mouseDragStartEvent","selectionStart","selectionEnd","pageX","_getSelection","getSelection","start","end","setSelection","useImperativeHandle","createElement","IMaskInput","_extends2","onKeyDown","handleKeyDown","onFocus","handleFocus","onBlur","handleBlur","onMouseUp","handleMouseUp","onAccept","handleAccept","onInput","handleInput","getTypedValue","_imaskRef$current4","_ref","maskRef","masked","_ref$_value","_value","_ref$displayValue","displayValue","getMaxCaretPosition","value","slice","_imaskRef$current5","_imaskRef$current6","_imaskRef$current7","setAttribute","unmaskedValue","maskChars","push","placeholderChar","blocks","Object","values","forEach","_ref2","split","RegExp","join","length","Infinity","normalizeSelection","_getSelection2","max","getNormalizedRange","calc","Math","min","selectionDirection","_imaskRef$current8","_len","arguments","_ref3","Array","_key","setSelectionRange","jumpCaret","prev","headDirection","_imaskRef$current9","word","valueOf","wordRegExp","next","match","reduce","s","a","pos","concat","calcSelection","_getSelection3","isSelectionMode","isModShift","tail","head","someKeys","isKeyArrowLeft","isKeyArrowUp","isKeyHome","step","isKeyArrowHorizontal","increment","isShortcutJumpCaret","setTimeout","_len2","args","_key2","apply","_imaskRef$current10","unmask","rawInputValue","nativeEvent","nearest","isShortcutSelectAll","preventDefault","isKeyArrow","isKeyEnd","_calcSelection"],"sources":["FixedIMaskInput.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useRef } from 'react';\nimport type { InputMask, MaskedPatternOptions } from '@skbkontur/imask';\nimport type { IMaskInputProps } from '@skbkontur/react-imask';\nimport { IMaskInput } from '@skbkontur/react-imask';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport {\n  isKeyArrow,\n  isKeyArrowHorizontal,\n  isKeyArrowLeft,\n  isKeyArrowUp,\n  isKeyEnd,\n  isKeyHome,\n  isModShift,\n  isShortcutJumpCaret,\n  isShortcutSelectAll,\n  someKeys,\n} from '../../lib/events/keyboard/identifiers';\nimport { MouseDrag } from '../../lib/events/MouseDrag';\n\nexport type FixedIMaskInputProps = IMaskInputProps<HTMLInputElement>;\n\ntype HeadDirection = 'left' | 'right';\ntype SelectionDirection = 'forward' | 'backward' | 'none';\ntype SelectionSet = [number, number, SelectionDirection];\n\ninterface IMaskRefType {\n  maskRef: InputMask<MaskedPatternOptions>;\n  element: HTMLInputElement;\n}\n\nexport const FixedIMaskInput = forwardRefAndName(\n  'FixedIMaskInput',\n  function FixedIMaskInput(props: FixedIMaskInputProps, ref: React.Ref<IMaskRefType | null>) {\n    const { inputRef, ...restProps } = props;\n    const imaskRef = useRef<IMaskRefType>(null);\n    const focused = useRef(false);\n\n    useEffect(() => {\n      if (imaskRef.current?.element) {\n        fillTypedValue();\n        const mouseDrag = MouseDrag.listen(imaskRef.current.element).onMouseDragEnd((e) => {\n          let direction: SelectionDirection = 'none';\n\n          if (\n            mouseDrag.mouseDragStartEvent &&\n            imaskRef.current?.element.selectionStart !== imaskRef.current?.element.selectionEnd\n          ) {\n            direction = mouseDrag.mouseDragStartEvent.pageX > e.pageX ? 'backward' : 'forward';\n          }\n\n          const [start, end] = getSelection();\n          setSelection(start, end, direction);\n        });\n      }\n    }, []);\n\n    useImperativeHandle(ref, () => imaskRef.current, []);\n\n    return (\n      <IMaskInput\n        {...restProps}\n        ref={imaskRef}\n        inputRef={inputRef}\n        onKeyDown={handleKeyDown}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onMouseUp={handleMouseUp}\n        onAccept={handleAccept}\n        onInput={handleInput}\n      />\n    );\n\n    function getTypedValue() {\n      const { _value = '', displayValue = '' } = imaskRef.current?.maskRef.masked || {};\n      const end = getMaxCaretPosition();\n      const value = _value !== '' || focused.current === true ? displayValue : '';\n\n      return value.slice(0, end);\n    }\n\n    function fillTypedValue() {\n      imaskRef.current?.element.setAttribute('data-typed-value', getTypedValue());\n      imaskRef.current?.element.setAttribute('data-unmasked-value', imaskRef.current?.maskRef.unmaskedValue);\n    }\n\n    function getMaxCaretPosition(): number {\n      const maskChars = [];\n      if (imaskRef.current) {\n        maskChars.push(imaskRef.current.maskRef.masked.placeholderChar);\n        if (imaskRef.current.maskRef.masked.blocks) {\n          (Object.values(imaskRef.current.maskRef.masked.blocks) as Array<{ placeholderChar?: string }>).forEach(\n            ({ placeholderChar }) => placeholderChar && maskChars.push(placeholderChar),\n          );\n        }\n        return imaskRef.current.element.value.split(new RegExp(maskChars.join('|')))[0].length;\n      }\n\n      return Infinity;\n    }\n\n    function normalizeSelection() {\n      const [start, end] = getSelection();\n      const max = getMaxCaretPosition();\n      if (end > max) {\n        setSelection(start, max);\n      }\n    }\n\n    function getNormalizedRange(calc: number | unknown) {\n      return typeof calc === 'number' ? Math.min(getMaxCaretPosition(), Math.max(0, calc)) : 0;\n    }\n\n    function getSelection(): SelectionSet {\n      if (imaskRef.current) {\n        return [\n          imaskRef.current.element.selectionStart || 0,\n          imaskRef.current.element.selectionEnd || 0,\n          imaskRef.current.element.selectionDirection || 'none',\n        ];\n      }\n      return [0, 0, 'none'];\n    }\n\n    function setSelection(...[start, end, direction]: Parameters<HTMLInputElement['setSelectionRange']>) {\n      imaskRef.current?.element.setSelectionRange(\n        getNormalizedRange(start),\n        getNormalizedRange(end),\n        direction || 'none',\n      );\n    }\n\n    function jumpCaret(prev: number, headDirection: HeadDirection) {\n      const word = /а-яa-z0-9_/.valueOf();\n      const wordRegExp = new RegExp(`([${word}])+[\\\\s]*|([^${word}])+`, 'gi');\n      let next = headDirection === 'right' ? prev : 0;\n      imaskRef.current?.element.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 = getNormalizedRange(pos);\n        } else if (headDirection === 'left' && prev > pos) {\n          next = getNormalizedRange(pos);\n        }\n        return [...s, pos];\n      }, []);\n      return next;\n    }\n\n    /**\n     * Вычислят положение каретки при управлении клавишами\n     * @param e\n     */\n    function calcSelection(e: React.KeyboardEvent<HTMLInputElement>): SelectionSet {\n      const [start, end, direction] = getSelection();\n      const isSelectionMode = isModShift()(e);\n      let tail = start !== end && direction === 'backward' ? end : start;\n      let head = start !== end && direction === 'backward' ? start : end;\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      if (isShortcutJumpCaret(e)) {\n        head = jumpCaret(head, headDirection);\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      if (isSelectionMode) {\n        const start = Math.min(tail, head);\n        const end = Math.max(tail, head);\n        return [getNormalizedRange(start), getNormalizedRange(end), end === head ? 'forward' : 'backward'];\n      }\n      tail = head;\n      return [getNormalizedRange(tail), getNormalizedRange(head), 'none'];\n    }\n\n    function handleMouseUp(e: React.MouseEvent<HTMLInputElement>) {\n      normalizeSelection();\n\n      props.onMouseUp?.(e);\n    }\n\n    function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n      focused.current = true;\n      fillTypedValue();\n\n      setTimeout(normalizeSelection);\n\n      props.onFocus?.(e);\n    }\n\n    function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n      focused.current = false;\n      fillTypedValue();\n\n      props.onBlur?.(e);\n    }\n\n    function handleAccept(...args: Parameters<Required<IMaskInputProps<HTMLInputElement>>['onAccept']>) {\n      fillTypedValue();\n\n      props.onAccept?.(...args);\n    }\n\n    function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n      const maskRef = imaskRef.current?.maskRef;\n      if (restProps.unmask && maskRef && maskRef.rawInputValue === '' && maskRef.unmaskedValue !== '') {\n        // Для случаев, когда в value остаются только зафиксированные - {} - очищаем value полностью\n        props.onAccept?.('', maskRef, e.nativeEvent as InputEvent);\n      }\n\n      props.onInput?.(e);\n    }\n\n    function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      const nearest = getMaxCaretPosition();\n      if (isShortcutSelectAll(e)) {\n        e.preventDefault();\n        setSelection(0, nearest);\n      } else if (isKeyArrow(e) || isKeyEnd(e) || isKeyHome(e)) {\n        e.preventDefault();\n        const [start, end, direction] = calcSelection(e);\n        setSelection(start, end, direction);\n      }\n\n      props.onKeyDown?.(e);\n    }\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/MaskedInput/MaskedInput.d.ts

@@ -1,24 +1,43 @@
-import { Input, InputProps, InputType } from '../Input';
-import { Nullable } from '../../typings/utility-types';
-export interface MaskedProps {
-    /** Паттерн маски */
-    mask: string;
-    /** Символ маски */
-    maskChar?: Nullable<string>;
-    /**
-     * Словарь символов-регулярок для маски
-     * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }
-     */
-    formatChars?: Record<string, string>;
-    /** Показывать символы маски */
-    alwaysShowMask?: boolean;
-}
-export type MaskInputType = Exclude<InputType, 'number' | 'date' | 'time' | 'password'>;
-export interface MaskedInputProps extends MaskedProps, Omit<InputProps, 'mask' | 'maxLength' | 'type' | 'element'> {
-    type?: MaskInputType;
-}
-/**
- * Интерфейс пропсов наследуется от `Input`.
- * Из пропсов `Input` исключены некоторые не применимые к полю с маской пропсы и сокращен список возможных значений в type.
- */
-export declare const MaskedInput: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<Input, MaskedInputProps> & Record<never, never>;
+import type { IMaskInputProps } from '@skbkontur/react-imask';
+import type { InputProps, InputType } from '../Input';
+import { Input } from '../Input';
+export interface MaskedProps {
+    /** Паттерн маски */
+    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 символы, не введённые пользователем
+     * @default false */
+    unmask?: boolean;
+    /** Раскрашивает символы маски.
+     * @default true
+     * @ignore */
+    colored?: boolean;
+    /** Задает пропы для компонента `IMaskInput`. Необходимы для юнит-тестов
+     * @ignore */
+    imaskProps?: IMaskInputProps<HTMLInputElement>;
+}
+export type MaskInputType = Exclude<InputType, 'number' | 'date' | 'time' | 'password'>;
+export interface MaskedInputProps extends MaskedProps, Omit<InputProps, 'showClearIcon' | 'mask' | 'maxLength' | 'type' | 'alwaysShowMask' | 'onUnexpectedInput' | 'maskChar'> {
+    type?: MaskInputType;
+}
+/**
+ * Интерфейс пропсов наследуется от `Input`.
+ * Из пропсов `Input` исключены некоторые не применимые к полю с маской пропсы и сокращен список возможных значений в type.
+ */
+export declare const MaskedInput: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<Input, MaskedInputProps> & Record<never, never>;

package/cjs/components/MaskedInput/MaskedInput.helpers.d.ts

@@ -0,0 +1,9 @@
+import { type Definitions } from '@skbkontur/imask';
+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/cjs/components/MaskedInput/MaskedInput.helpers.js

@@ -0,0 +1,24 @@
+"use strict";exports.__esModule = true;exports.DEFINITIONS = exports.DEFAULT_MASK_CHAR = void 0;exports.getDefinitions = getDefinitions;exports.getMaskChar = getMaskChar;
+
+var _utils = require("../../lib/utils");
+
+var DEFAULT_MASK_CHAR = exports.DEFAULT_MASK_CHAR = '_';
+var DEFINITIONS = exports.DEFINITIONS = Object.freeze({ '9': /[0-9]/, a: /[A-Za-z]/, '*': /[A-Za-z0-9]/ });
+
+function getDefinitions(formatChars) {
+  if ((0, _utils.isNonNullable)(formatChars)) {
+    var chars = {};
+
+    for (var key in formatChars) {
+      chars[key] = new RegExp(formatChars[key]);
+    }
+
+    return chars;
+  }
+
+  return DEFINITIONS;
+}
+
+function getMaskChar(maskChar) {
+  return !maskChar ? DEFAULT_MASK_CHAR : maskChar;
+}

package/cjs/components/MaskedInput/MaskedInput.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","DEFAULT_MASK_CHAR","exports","DEFINITIONS","Object","freeze","a","getDefinitions","formatChars","isNonNullable","chars","key","RegExp","getMaskChar","maskChar"],"sources":["MaskedInput.helpers.ts"],"sourcesContent":["import { type Definitions } from '@skbkontur/imask';\n\nimport { isNonNullable } from '../../lib/utils';\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"],"mappings":";;AAEA,IAAAA,MAAA,GAAAC,OAAA;;AAEO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,GAAG;AAC7B,IAAME,WAAW,GAAAD,OAAA,CAAAC,WAAA,GAAGC,MAAM,CAACC,MAAM,CAAC,EAAE,GAAG,EAAE,OAAO,EAAEC,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC;;AAEtF,SAASC,cAAcA,CAACC,WAA+C,EAAe;EAC3F,IAAI,IAAAC,oBAAa,EAACD,WAAW,CAAC,EAAE;IAC9B,IAAME,KAA6B,GAAG,CAAC,CAAC;;IAExC,KAAK,IAAMC,GAAG,IAAIH,WAAW,EAAE;MAC7BE,KAAK,CAACC,GAAG,CAAC,GAAG,IAAIC,MAAM,CAACJ,WAAW,CAACG,GAAG,CAAC,CAAC;IAC3C;;IAEA,OAAOD,KAAK;EACd;;EAEA,OAAOP,WAAW;AACpB;;AAEO,SAASU,WAAWA,CAACC,QAA4B,EAAU;EAChE,OAAO,CAACA,QAAQ,GAAGb,iBAAiB,GAAGa,QAAQ;AACjD","ignoreList":[]}

package/cjs/components/MaskedInput/MaskedInput.js

@@ -1,9 +1,48 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MaskedInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
 
+
+
+var _forwardRefAndName = require("../../lib/forwardRefAndName");
+var _Emotion = require("../../lib/theming/Emotion");
+
 var _Input = require("../Input");
+var _identifiers = require("../../lib/events/keyboard/identifiers");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+var _MaskedInput = require("./MaskedInput.styles");
+var _MaskedInput2 = require("./MaskedInput.helpers");
+var _ColorableInputElement = require("./ColorableInputElement");
+var _FixedIMaskInput = require("./FixedIMaskInput");var _excluded = ["mask", "maskChar", "formatChars", "alwaysShowMask", "colored", "imaskProps", "unmask", "onValueChange", "onUnexpectedInput", "onChange", "element", "className"];
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
-var _MaskedInputElement = require("../../internal/MaskedInputElement");
-var _forwardRefAndName = require("../../lib/forwardRefAndName");var _excluded = ["mask", "maskChar", "formatChars", "alwaysShowMask", "placeholder"];
 
 
 
@@ -32,48 +71,157 @@ var _forwardRefAndName = require("../../lib/forwardRefAndName");var _excluded =
 var MaskedInput = exports.MaskedInput = (0, _forwardRefAndName.forwardRefAndName)(
   'MaskedInput',
   function MaskedInput(props, ref) {
-    var mask = props.mask,maskChar = props.maskChar,formatChars = props.formatChars,alwaysShowMask = props.alwaysShowMask,placeholder = props.placeholder,inputProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    var
+      mask =
+
+
+
+
+
+
+
+
+
+
+
+
+      props.mask,maskChar = props.maskChar,formatChars = props.formatChars,_props$alwaysShowMask = props.alwaysShowMask,alwaysShowMask = _props$alwaysShowMask === void 0 ? false : _props$alwaysShowMask,_props$colored = props.colored,colored = _props$colored === void 0 ? true : _props$colored,_props$imaskProps = props.imaskProps,customIMaskProps = _props$imaskProps === void 0 ? {} : _props$imaskProps,_props$unmask = props.unmask,unmask = _props$unmask === void 0 ? false : _props$unmask,onValueChange = props.onValueChange,onUnexpectedInput = props.onUnexpectedInput,onChange = props.onChange,element = props.element,className = props.className,inputProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+
+    var inputRef = (0, _react.useRef)(null);
+
     var _useState = (0, _react.useState)(false),focused = _useState[0],setFocused = _useState[1];
-    var showPlaceholder = !(alwaysShowMask || focused);
-    var innerRef = (0, _react.useRef)(null);
+    var prevValue = (0, _react.useRef)(props.value || String(props.defaultValue) || '');
+    var prevSelectionStart = (0, _react.useRef)(null);
+
+    (0, _react.useImperativeHandle)(
+      ref,
+      function () {return (
+          inputRef.current &&
+          Object.assign(inputRef.current, {
+            selectAll: function selectAll() {var _inputRef$current, _inputRef$current2;
+              (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
+              (_inputRef$current2 = inputRef.current) == null || _inputRef$current2.delaySelectAll();
+            }
+          }));},
+      []
+    );
+
+    (0, _react.useEffect)(function () {var _inputRef$current3;
+      // Для корректной работы onUnexpectedInput надо знать предыдущий value,
+      // но imask при монтировании не вызывает onAccept, если value невалиден или laze=false.
+      // Поэтому актуальный value при монтировании надо получать вручную
+      if ((_inputRef$current3 = inputRef.current) != null && _inputRef$current3.input) {
+        prevValue.current = inputRef.current.input.value;
+        prevSelectionStart.current = inputRef.current.input.selectionStart;
+      }
+    }, []);
 
-    (0, _react.useImperativeHandle)(ref, function () {return innerRef.current;});
+    var imaskProps = getCompatibleIMaskProps();
+
+    // TODO: Удалить в следующем мажоре
+    // Селекторы могут ожидать определённый порядок классов
+    var uiFontGlobalClassesRoot = 'react-ui-ui-font-root';
 
     return /*#__PURE__*/(
       _react.default.createElement(_Input.Input, (0, _extends2.default)({
-        ref: innerRef },
+        ref: inputRef },
       inputProps, {
-        placeholder: showPlaceholder ? placeholder : undefined,
         onFocus: handleFocus,
         onBlur: handleBlur,
-        element: /*#__PURE__*/
-        _react.default.createElement(_MaskedInputElement.MaskedInputElement, {
-          mask: mask,
-          maskChar: maskChar,
-          formatChars: formatChars,
-          alwaysShowMask: alwaysShowMask,
-          onUnexpectedInput: handleUnexpectedInput }
-        ) })
+        onInput: handleInput,
+        onKeyDown: handleKeyDown,
+        className: (0, _Emotion.cx)(_MaskedInput.globalClasses.root, uiFontGlobalClassesRoot, className, _MaskedInput.styles.root(theme)),
+        element:
+        colored ? /*#__PURE__*/
+        _react.default.createElement(_ColorableInputElement.ColorableInputElement, { showOnFocus: false }, /*#__PURE__*/
+        _react.default.createElement(_FixedIMaskInput.FixedIMaskInput, (0, _extends2.default)({}, imaskProps, { onAccept: handleAccept }))
+        ) : /*#__PURE__*/
+
+        _react.default.createElement(_FixedIMaskInput.FixedIMaskInput, (0, _extends2.default)({}, imaskProps, { onAccept: handleAccept })) })
+
 
       ));
 
 
-    function handleUnexpectedInput(value) {
-      if (props.onUnexpectedInput) {
-        props.onUnexpectedInput(value);
-      } else if (innerRef.current) {
-        innerRef.current.blink();
+    function getCompatibleIMaskProps() {
+      return (0, _extends2.default)({
+        mask: mask.replace(/0/g, '{\\0}'),
+        placeholderChar: (0, _MaskedInput2.getMaskChar)(maskChar),
+        definitions: (0, _MaskedInput2.getDefinitions)(formatChars),
+        // FIXME: Должно быть eager=true, но в imask ломается удаление по delete
+        eager: 'append',
+        overwrite: 'shift',
+        lazy: !alwaysShowMask && (props.disabled || !focused),
+        unmask: unmask },
+      customIMaskProps);
+
+    }
+
+    function handleAccept() {for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}
+      var value = args[0],e = args[2];
+
+      // Метод onAccept может вызываться при монтировании, если не задан проп defaultValue.
+      // Но нативный input никогда не вызывает onChange при монтировании.
+      // Наше событие onValueChange в Input вывается в тех же случаях, что и нативный onChange,
+      // поэтому чтобы сохранить консинстентность будем ориентироваться на наличие аргумента e.
+      // Он содержит нативное событие, вызвавшее изменение.
+      e && (onValueChange == null ? void 0 : onValueChange(value));
+      !e && (prevValue.current = value);
+    }
+
+    /**
+     * Отслеживаем неожиданные нажатия
+     * handleAccept не вызывается когда значение с маской не меняется
+     * Сначала вызывается handleAccept, затем handleInput
+     */
+    function handleInput(e) {
+      var _e$currentTarget = e.currentTarget,value = _e$currentTarget.value,selectionStart = _e$currentTarget.selectionStart;
+
+      // При вводе неожиданных символов или удалении каретка может перепрыгивать фиксированные символы.
+      // Такие случаи не расцениваем как неожиданный ввод, т.к. пользователь может намеренно их вводить.
+      if (prevValue.current === value && selectionStart === prevSelectionStart.current) {
+        handleUnexpectedInput(value);
       }
+      prevValue.current = value;
+      prevSelectionStart.current = selectionStart;
+
+      props.onInput == null || props.onInput(e);
     }
 
-    function handleFocus(e) {
+    function handleFocus(e) {var _inputRef$current4;
       setFocused(true);
-      props.onFocus && props.onFocus(e);
+      props.onFocus == null || props.onFocus(e);
+
+      // Если value из пропов отличается от value, которое получит input после обработки,
+      // то imask будет ставить каретку за последним валидным символом.
+      props.selectAllOnFocus && ((_inputRef$current4 = inputRef.current) == null ? void 0 : _inputRef$current4.delaySelectAll());
+    }
+
+    function handleUnexpectedInput(value) {var _inputRef$current5;
+      var blink = ((_inputRef$current5 = inputRef.current) == null ? void 0 : _inputRef$current5.blink.bind(inputRef.current)) || function () {return undefined;};
+      onUnexpectedInput ? onUnexpectedInput(value, blink) : blink();
     }
 
     function handleBlur(e) {
       setFocused(false);
-      props.onBlur && props.onBlur(e);
+      props.onBlur == null || props.onBlur(e);
+    }
+
+    function handleKeyDown(e) {
+      var _e$currentTarget2 = e.currentTarget,value = _e$currentTarget2.value,selectionStart = _e$currentTarget2.selectionStart,selectionEnd = _e$currentTarget2.selectionEnd;
+
+      if (
+      (0, _identifiers.isKeyBackspace)(e) && selectionStart === 0 && selectionEnd === 0 ||
+      (0, _identifiers.isKeyDelete)(e) && prevSelectionStart.current === value.length)
+      {
+        // Случаи, когда нажатие клавиш не тригерит `onInput`
+        handleUnexpectedInput(value);
+        prevValue.current = e.currentTarget.value;
+      }
+      prevSelectionStart.current = selectionStart;
+
+      props.onKeyDown == null || props.onKeyDown(e);
     }
   }
 );