@skbkontur/react-ui 5.6.7 → 5.6.9-5e213.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_Emotion","_Input","_identifiers","_ThemeContext","_MaskedInput","_MaskedInput2","_ColorableInputElement","_FixedIMaskInput","_excluded","getSafeMaskInputType","exports","type","MaskedInput","forwardRefAndName","props","ref","mask","maskChar","formatChars","_props$alwaysShowMask","alwaysShowMask","_props$colored","colored","_props$imaskProps","imaskProps","customIMaskProps","_props$unmask","unmask","onValueChange","onUnexpectedInput","onChange","onBeforePasteValue","element","className","maxLength","inputProps","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","inputRef","useRef","_useState","useState","focused","setFocused","prevValue","value","String","defaultValue","prevSelectionStart","useImperativeHandle","current","Object","assign","selectAll","_inputRef$current","_inputRef$current2","focus","delaySelectAll","useEffect","_inputRef$current3","input","selectionStart","getCompatibleIMaskProps","uiFontGlobalClassesRoot","createElement","Input","_extends2","onFocus","handleFocus","onBlur","handleBlur","onInput","handleInput","onKeyDown","handleKeyDown","onPaste","handlePaste","cx","globalClasses","root","styles","ColorableInputElement","showOnFocus","FixedIMaskInput","onAccept","handleAccept","event","_event$clipboardData$","_event$clipboardData","preventDefault","clipboardData","getData","replace","placeholderChar","getMaskChar","definitions","getDefinitions","eager","overwrite","lazy","disabled","_len","arguments","length","args","Array","_key","e","_e$currentTarget","currentTarget","handleUnexpectedInput","_inputRef$current4","selectAllOnFocus","_inputRef$current5","blink","bind","undefined","_e$currentTarget2","selectionEnd","isKeyBackspace","isKeyDelete"],"sources":["MaskedInput.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef, useState, useEffect, useContext } from 'react';\nimport type { IMaskInputProps } from '@skbkontur/react-imask';\nimport type { Ref } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { InputProps, InputType } from '../Input';\nimport { Input } from '../Input';\nimport { isKeyBackspace, isKeyDelete } from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { globalClasses, styles } from './MaskedInput.styles';\nimport { getDefinitions, getMaskChar } from './MaskedInput.helpers';\nimport { ColorableInputElement } from './ColorableInputElement';\nimport { FixedIMaskInput } from './FixedIMaskInput';\n\nexport type MaskedInputOnBeforePasteValue = (value: string) => string;\n\nexport interface MaskedProps {\n  /** Шаблон ввода, определяющий допустимые символы. */\n  mask: string;\n\n  /** Плейсхолдер, который отображается на месте ещё не введённых пользователем символов.\n   * @default _ */\n  maskChar?: string;\n\n  /** Словарь правил для настройки маски, где:\n   * ключ — символ для использования в маске;\n   * значение — регулярка-правило.\n   * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' } */\n  formatChars?: Record<string, string>;\n\n  /** Всегда показывать символы маски, независимо от фокуса в поле.\n   * @default false */\n  alwaysShowMask?: boolean;\n\n  /** Событие некорректного ввода.\n   * Вторым аргументом передаётся метод вспыхивания рамки поля.\n   *\n   * Если обработчик не задан, то при событии рамка всегда вспыхивает.\n   *\n   * @param value значение поля\n   * @param blink метод вспыхивания рамки поля\n   */\n  onUnexpectedInput?: (value: string, blink: () => void) => void;\n\n  /**\n   * Событие перед вставкой текста в поле.\n   * Вызывается с аргументом value — текст из буфера.\n   *\n   * Обработчик должен вернуть текст — он попадёт в поле.\n   *\n   * @param value значение вставки.\n   */\n  onBeforePasteValue?: MaskedInputOnBeforePasteValue;\n\n  /** Убирает из value символы маски, которые пользователь не вводил.\n   * @default false */\n  unmask?: boolean;\n\n  /** Раскрашивает символы маски.\n   * @default true\n   * @ignore */\n  colored?: boolean;\n\n  /** Задает пропсы для компонента `IMaskInput`. Необходимы для юнит-тестов\n   * @ignore */\n  imaskProps?: IMaskInputProps<HTMLInputElement>;\n}\n\nexport type MaskInputType = Exclude<InputType, 'number' | 'date' | 'time' | 'password'>;\n\nexport const getSafeMaskInputType = (type?: InputType): MaskInputType | undefined => {\n  if (!type) {\n    return type;\n  }\n\n  switch (type) {\n    case 'number':\n    case 'date':\n    case 'time':\n    case 'password':\n      return 'text';\n    default:\n      return type;\n  }\n};\n\nexport interface MaskedInputProps\n  extends MaskedProps,\n    Omit<\n      InputProps,\n      'showClearIcon' | 'mask' | 'maxLength' | 'type' | 'alwaysShowMask' | 'onUnexpectedInput' | 'maskChar'\n    > {\n  type?: MaskInputType;\n}\n\n/** Поле ввода, которое ограничивает формат вводимого значения по заданной маске. Такое поле облегчает пользователю ввод и снижает количество ошибок.\n */\nexport const MaskedInput = forwardRefAndName(\n  'MaskedInput',\n  function MaskedInput(props: MaskedInputProps, ref: Ref<Input | null>) {\n    const {\n      mask,\n      maskChar,\n      formatChars,\n      alwaysShowMask = false,\n      colored = true,\n      imaskProps: customIMaskProps = {},\n      unmask = false,\n      onValueChange,\n      onUnexpectedInput,\n      onChange,\n      onBeforePasteValue,\n      element,\n      className,\n      // @ts-expect-error: могут передавать игнорируя ошибку\n      maxLength,\n      ...inputProps\n    } = props;\n    const theme = useContext(ThemeContext);\n\n    const inputRef = useRef<Input>(null);\n\n    const [focused, setFocused] = useState(false);\n    const prevValue = useRef<string>(props.value || String(props.defaultValue) || '');\n    const prevSelectionStart = useRef<number | null>(null);\n\n    useImperativeHandle(\n      ref,\n      () =>\n        inputRef.current &&\n        Object.assign(inputRef.current, {\n          selectAll: () => {\n            inputRef.current?.focus();\n            inputRef.current?.delaySelectAll();\n          },\n        }),\n      [],\n    );\n\n    useEffect(() => {\n      // Для корректной работы onUnexpectedInput надо знать предыдущий value,\n      // но imask при монтировании не вызывает onAccept, если value невалиден или laze=false.\n      // Поэтому актуальный value при монтировании надо получать вручную\n      if (inputRef.current?.input) {\n        prevValue.current = inputRef.current.input.value;\n        prevSelectionStart.current = inputRef.current.input.selectionStart;\n      }\n    }, []);\n\n    const imaskProps = getCompatibleIMaskProps();\n\n    // TODO: Удалить в следующем мажоре\n    // Селекторы могут ожидать определённый порядок классов\n    const uiFontGlobalClassesRoot = 'react-ui-ui-font-root';\n\n    return (\n      <Input\n        ref={inputRef}\n        {...inputProps}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onInput={handleInput}\n        onKeyDown={handleKeyDown}\n        onPaste={handlePaste}\n        className={cx(globalClasses.root, uiFontGlobalClassesRoot, className, styles.root(theme))}\n        element={\n          colored ? (\n            <ColorableInputElement showOnFocus={false} alwaysShowMask={alwaysShowMask}>\n              <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n            </ColorableInputElement>\n          ) : (\n            <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n          )\n        }\n      />\n    );\n\n    function handlePaste(event: React.ClipboardEvent<HTMLInputElement>) {\n      if (onBeforePasteValue && onValueChange) {\n        event.preventDefault();\n        onValueChange?.(onBeforePasteValue(event.clipboardData?.getData('text') ?? ''));\n      }\n\n      props.onPaste?.(event);\n    }\n\n    function getCompatibleIMaskProps(): IMaskInputProps<HTMLInputElement> {\n      return {\n        mask: mask.replace(/0/g, '{\\\\0}') as any,\n        placeholderChar: getMaskChar(maskChar),\n        definitions: getDefinitions(formatChars),\n        // FIXME: Должно быть eager=true, но в imask ломается удаление по delete\n        eager: 'append',\n        overwrite: 'shift',\n        lazy: !alwaysShowMask && (props.disabled || !focused),\n        unmask,\n        ...customIMaskProps,\n      } as IMaskInputProps<HTMLInputElement>;\n    }\n\n    function handleAccept(...args: Parameters<Required<IMaskInputProps<HTMLInputElement>>['onAccept']>) {\n      const [value, , e] = args;\n\n      // Метод onAccept может вызываться при монтировании, если не задан проп defaultValue.\n      // Но нативный input никогда не вызывает onChange при монтировании.\n      // Наше событие onValueChange в Input вывается в тех же случаях, что и нативный onChange,\n      // поэтому чтобы сохранить консинстентность будем ориентироваться на наличие аргумента e.\n      // Он содержит нативное событие, вызвавшее изменение.\n      e && onValueChange?.(value);\n      !e && (prevValue.current = value);\n    }\n\n    /**\n     * Отслеживаем неожиданные нажатия\n     * handleAccept не вызывается когда значение с маской не меняется\n     * Сначала вызывается handleAccept, затем handleInput\n     */\n    function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n      const { value, selectionStart } = e.currentTarget;\n\n      // При вводе неожиданных символов или удалении каретка может перепрыгивать фиксированные символы.\n      // Такие случаи не расцениваем как неожиданный ввод, т.к. пользователь может намеренно их вводить.\n      if (prevValue.current === value && selectionStart === prevSelectionStart.current) {\n        handleUnexpectedInput(value);\n      }\n      prevValue.current = value;\n      prevSelectionStart.current = selectionStart;\n\n      props.onInput?.(e);\n    }\n\n    function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(true);\n      props.onFocus?.(e);\n\n      // Если value из пропсов отличается от value, которое получит input после обработки,\n      // то imask будет ставить каретку за последним валидным символом.\n      props.selectAllOnFocus && inputRef.current?.delaySelectAll();\n    }\n\n    function handleUnexpectedInput(value: string) {\n      const blink = inputRef.current?.blink.bind(inputRef.current) || (() => undefined);\n      onUnexpectedInput ? onUnexpectedInput(value, blink) : blink();\n    }\n\n    function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(false);\n      props.onBlur?.(e);\n    }\n\n    function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      const { value, selectionStart, selectionEnd } = e.currentTarget;\n\n      if (\n        (isKeyBackspace(e) && selectionStart === 0 && selectionEnd === 0) ||\n        (isKeyDelete(e) && prevSelectionStart.current === value.length)\n      ) {\n        // Случаи, когда нажатие клавиш не тригерит `onInput`\n        handleUnexpectedInput(value);\n        prevValue.current = e.currentTarget.value;\n      }\n      prevSelectionStart.current = selectionStart;\n\n      props.onKeyDown?.(e);\n    }\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_Emotion","_Input","_identifiers","_ThemeContext","_MaskedInput","_MaskedInput2","_ColorableInputElement","_FixedIMaskInput","_excluded","getSafeMaskInputType","exports","type","MaskedInput","forwardRefAndName","props","ref","mask","maskChar","formatChars","_props$alwaysShowMask","alwaysShowMask","_props$colored","colored","_props$imaskProps","imaskProps","customIMaskProps","_props$unmask","unmask","onValueChange","onUnexpectedInput","onChange","onBeforePasteValue","element","className","maxLength","inputProps","_objectWithoutProperties2","default","theme","useContext","ThemeContext","inputRef","useRef","_useState","useState","_useState2","_slicedToArray2","focused","setFocused","prevValue","value","String","defaultValue","prevSelectionStart","useImperativeHandle","current","Object","assign","selectAll","_inputRef$current","_inputRef$current2","focus","delaySelectAll","useEffect","_inputRef$current3","input","selectionStart","getCompatibleIMaskProps","uiFontGlobalClassesRoot","createElement","Input","_extends2","onFocus","handleFocus","onBlur","handleBlur","onInput","handleInput","onKeyDown","handleKeyDown","onPaste","handlePaste","cx","globalClasses","root","styles","ColorableInputElement","showOnFocus","FixedIMaskInput","onAccept","handleAccept","event","_props$onPaste","_event$clipboardData$","_event$clipboardData","preventDefault","clipboardData","getData","call","_objectSpread2","replace","placeholderChar","getMaskChar","definitions","getDefinitions","eager","overwrite","lazy","disabled","_len","arguments","length","args","Array","_key","e","_props$onInput","_e$currentTarget","currentTarget","handleUnexpectedInput","_props$onFocus","_inputRef$current4","selectAllOnFocus","_inputRef$current5","blink","bind","undefined","_props$onBlur","_props$onKeyDown","_e$currentTarget2","selectionEnd","isKeyBackspace","isKeyDelete"],"sources":["MaskedInput.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef, useState, useEffect, useContext } from 'react';\nimport type { Ref } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { InputProps, InputType } from '../Input';\nimport { Input } from '../Input';\nimport { isKeyBackspace, isKeyDelete } from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport type { IMaskInputProps } from './react-imask/mixin';\nimport { globalClasses, styles } from './MaskedInput.styles';\nimport { getDefinitions, getMaskChar } from './MaskedInput.helpers';\nimport { ColorableInputElement } from './ColorableInputElement';\nimport { FixedIMaskInput } from './FixedIMaskInput';\n\nexport type MaskedInputOnBeforePasteValue = (value: string) => string;\n\nexport interface MaskedProps {\n  /** Шаблон ввода, определяющий допустимые символы. */\n  mask: string;\n\n  /** Плейсхолдер, который отображается на месте ещё не введённых пользователем символов.\n   * @default _ */\n  maskChar?: string;\n\n  /** Словарь правил для настройки маски, где:\n   * ключ — символ для использования в маске;\n   * значение — регулярка-правило.\n   * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' } */\n  formatChars?: Record<string, string>;\n\n  /** Всегда показывать символы маски, независимо от фокуса в поле.\n   * @default false */\n  alwaysShowMask?: boolean;\n\n  /** Событие некорректного ввода.\n   * Вторым аргументом передаётся метод вспыхивания рамки поля.\n   *\n   * Если обработчик не задан, то при событии рамка всегда вспыхивает.\n   *\n   * @param value значение поля\n   * @param blink метод вспыхивания рамки поля\n   */\n  onUnexpectedInput?: (value: string, blink: () => void) => void;\n\n  /**\n   * Событие перед вставкой текста в поле.\n   * Вызывается с аргументом value — текст из буфера.\n   *\n   * Обработчик должен вернуть текст — он попадёт в поле.\n   *\n   * @param value значение вставки.\n   */\n  onBeforePasteValue?: MaskedInputOnBeforePasteValue;\n\n  /** Убирает из value символы маски, которые пользователь не вводил.\n   * @default false */\n  unmask?: boolean;\n\n  /** Раскрашивает символы маски.\n   * @default true\n   * @ignore */\n  colored?: boolean;\n\n  /** Задает пропсы для компонента `IMaskInput`. Необходимы для юнит-тестов\n   * @ignore */\n  imaskProps?: IMaskInputProps<HTMLInputElement>;\n}\n\nexport type MaskInputType = Exclude<InputType, 'number' | 'date' | 'time' | 'password'>;\n\nexport const getSafeMaskInputType = (type?: InputType): MaskInputType | undefined => {\n  if (!type) {\n    return type;\n  }\n\n  switch (type) {\n    case 'number':\n    case 'date':\n    case 'time':\n    case 'password':\n      return 'text';\n    default:\n      return type;\n  }\n};\n\nexport interface MaskedInputProps\n  extends MaskedProps,\n    Omit<\n      InputProps,\n      'showClearIcon' | 'mask' | 'maxLength' | 'type' | 'alwaysShowMask' | 'onUnexpectedInput' | 'maskChar'\n    > {\n  type?: MaskInputType;\n}\n\n/** Поле ввода, которое ограничивает формат вводимого значения по заданной маске. Такое поле облегчает пользователю ввод и снижает количество ошибок.\n */\nexport const MaskedInput = forwardRefAndName(\n  'MaskedInput',\n  function MaskedInput(props: MaskedInputProps, ref: Ref<Input | null>) {\n    const {\n      mask,\n      maskChar,\n      formatChars,\n      alwaysShowMask = false,\n      colored = true,\n      imaskProps: customIMaskProps = {},\n      unmask = false,\n      onValueChange,\n      onUnexpectedInput,\n      onChange,\n      onBeforePasteValue,\n      element,\n      className,\n      // @ts-expect-error: могут передавать игнорируя ошибку\n      maxLength,\n      ...inputProps\n    } = props;\n    const theme = useContext(ThemeContext);\n\n    const inputRef = useRef<Input>(null);\n\n    const [focused, setFocused] = useState(false);\n    const prevValue = useRef<string>(props.value || String(props.defaultValue) || '');\n    const prevSelectionStart = useRef<number | null>(null);\n\n    useImperativeHandle(\n      ref,\n      () =>\n        inputRef.current &&\n        Object.assign(inputRef.current, {\n          selectAll: () => {\n            inputRef.current?.focus();\n            inputRef.current?.delaySelectAll();\n          },\n        }),\n      [],\n    );\n\n    useEffect(() => {\n      // Для корректной работы onUnexpectedInput надо знать предыдущий value,\n      // но imask при монтировании не вызывает onAccept, если value невалиден или laze=false.\n      // Поэтому актуальный value при монтировании надо получать вручную\n      if (inputRef.current?.input) {\n        prevValue.current = inputRef.current.input.value;\n        prevSelectionStart.current = inputRef.current.input.selectionStart;\n      }\n    }, []);\n\n    const imaskProps = getCompatibleIMaskProps();\n\n    // TODO: Удалить в следующем мажоре\n    // Селекторы могут ожидать определённый порядок классов\n    const uiFontGlobalClassesRoot = 'react-ui-ui-font-root';\n\n    return (\n      <Input\n        ref={inputRef}\n        {...inputProps}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onInput={handleInput}\n        onKeyDown={handleKeyDown}\n        onPaste={handlePaste}\n        className={cx(globalClasses.root, uiFontGlobalClassesRoot, className, styles.root(theme))}\n        element={\n          colored ? (\n            <ColorableInputElement showOnFocus={false} alwaysShowMask={alwaysShowMask}>\n              <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n            </ColorableInputElement>\n          ) : (\n            <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n          )\n        }\n      />\n    );\n\n    function handlePaste(event: React.ClipboardEvent<HTMLInputElement>) {\n      if (onBeforePasteValue && onValueChange) {\n        event.preventDefault();\n        onValueChange?.(onBeforePasteValue(event.clipboardData?.getData('text') ?? ''));\n      }\n\n      props.onPaste?.(event);\n    }\n\n    function getCompatibleIMaskProps(): IMaskInputProps<HTMLInputElement> {\n      return {\n        mask: mask.replace(/0/g, '{\\\\0}') as any,\n        placeholderChar: getMaskChar(maskChar),\n        definitions: getDefinitions(formatChars),\n        // eager: 'append' — досрочно показывать разделители при вводе; в imask для такого режима включено eagerRemove при удалении,\n        // чтобы Backspace удалял введённые символы и не заставлял отдельно «стирать» литералы маски (см. Masked#splice).\n        eager: 'append',\n        overwrite: 'shift',\n        lazy: !alwaysShowMask && (props.disabled || !focused),\n        unmask,\n        ...customIMaskProps,\n      } as IMaskInputProps<HTMLInputElement>;\n    }\n\n    function handleAccept(...args: Parameters<Required<IMaskInputProps<HTMLInputElement>>['onAccept']>) {\n      const [value, , e] = args;\n\n      // Метод onAccept может вызываться при монтировании, если не задан проп defaultValue.\n      // Но нативный input никогда не вызывает onChange при монтировании.\n      // Наше событие onValueChange в Input вывается в тех же случаях, что и нативный onChange,\n      // поэтому чтобы сохранить консинстентность будем ориентироваться на наличие аргумента e.\n      // Он содержит нативное событие, вызвавшее изменение.\n      e && onValueChange?.(value);\n      !e && (prevValue.current = value);\n    }\n\n    /**\n     * Отслеживаем неожиданные нажатия\n     * handleAccept не вызывается когда значение с маской не меняется\n     * Сначала вызывается handleAccept, затем handleInput\n     */\n    function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n      const { value, selectionStart } = e.currentTarget;\n\n      // При вводе неожиданных символов или удалении каретка может перепрыгивать фиксированные символы.\n      // Такие случаи не расцениваем как неожиданный ввод, т.к. пользователь может намеренно их вводить.\n      if (prevValue.current === value && selectionStart === prevSelectionStart.current) {\n        handleUnexpectedInput(value);\n      }\n      prevValue.current = value;\n      prevSelectionStart.current = selectionStart;\n\n      props.onInput?.(e);\n    }\n\n    function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(true);\n      props.onFocus?.(e);\n\n      // Если value из пропсов отличается от value, которое получит input после обработки,\n      // то imask будет ставить каретку за последним валидным символом.\n      props.selectAllOnFocus && inputRef.current?.delaySelectAll();\n    }\n\n    function handleUnexpectedInput(value: string) {\n      const blink = inputRef.current?.blink.bind(inputRef.current) || (() => undefined);\n      onUnexpectedInput ? onUnexpectedInput(value, blink) : blink();\n    }\n\n    function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(false);\n      props.onBlur?.(e);\n    }\n\n    function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      const { value, selectionStart, selectionEnd } = e.currentTarget;\n\n      if (\n        (isKeyBackspace(e) && selectionStart === 0 && selectionEnd === 0) ||\n        (isKeyDelete(e) && prevSelectionStart.current === value.length)\n      ) {\n        // Случаи, когда нажатие клавиш не тригерит `onInput`\n        handleUnexpectedInput(value);\n        prevValue.current = e.currentTarget.value;\n      }\n      prevSelectionStart.current = selectionStart;\n\n      props.onKeyDown?.(e);\n    }\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/MaskedInput/MaskedInput.styles.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));var _Emotion = require("../../lib/theming/Emotion");
 
 var _UiFont = require("../../lib/styles/UiFont");var _templateObject;
 
@@ -8,7 +8,7 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('masked-input')
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-family: ", ", ", ";\n      font-variant-numeric: tabular-nums;\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      font-family: ", ", ", ";\n      font-variant-numeric: tabular-nums;\n    "])),
     _UiFont.UI_FONT_NAME, t.baseFontFamily);
 
 

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_UiFont","_templateObject","globalClasses","exports","prefix","root","styles","memoizeStyle","t","css","_taggedTemplateLiteralLoose2","default","UI_FONT_NAME","baseFontFamily"],"sources":["MaskedInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { UI_FONT_NAME } from '../../lib/styles/UiFont';\n\nexport const globalClasses = prefix('masked-input')({\n  root: 'root',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      font-family: ${UI_FONT_NAME}, ${t.baseFontFamily};\n      font-variant-numeric: tabular-nums;\n    `;\n  },\n});\n"],"mappings":"4SAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAuD,IAAAE,eAAA;;AAEhD,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,cAAc,CAAC,CAAC;EAClDC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEK,IAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GAAG,IAAAC,qBAAY,EAAC;EACjCF,IAAI,WAAAA,KAACG,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;IACOC,oBAAY,EAAKJ,CAAC,CAACK,cAAc;;;EAGpD;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_UiFont","_templateObject","globalClasses","exports","prefix","root","styles","memoizeStyle","t","css","_taggedTemplateLiteral2","default","UI_FONT_NAME","baseFontFamily"],"sources":["MaskedInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { UI_FONT_NAME } from '../../lib/styles/UiFont';\n\nexport const globalClasses = prefix('masked-input')({\n  root: 'root',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      font-family: ${UI_FONT_NAME}, ${t.baseFontFamily};\n      font-variant-numeric: tabular-nums;\n    `;\n  },\n});\n"],"mappings":"sUAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAuD,IAAAE,eAAA;;AAEhD,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,cAAc,CAAC,CAAC;EAClDC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEK,IAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GAAG,IAAAC,qBAAY,EAAC;EACjCF,IAAI,WAAAA,KAACG,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,uBAAA,CAAAC,OAAA;IACOC,oBAAY,EAAKJ,CAAC,CAACK,cAAc;;;EAGpD;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const DynamicMaskSection: React.FC<{
+    updateMetaFromEvent: (e: React.SyntheticEvent<HTMLInputElement>) => void;
+}>;
+export declare const DynamicMaskWithUnmaskSection: React.FC<{
+    updateMetaFromEvent: (e: React.SyntheticEvent<HTMLInputElement>) => void;
+}>;

package/cjs/components/MaskedInput/example.js

@@ -0,0 +1,93 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.DynamicMaskWithUnmaskSection = exports.DynamicMaskSection = void 0;var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react = _interopRequireDefault(require("react"));
+
+var _Gapped = require("../Gapped");
+
+var _MaskedInput = require("./MaskedInput");
+
+var DynamicMaskSection = exports.DynamicMaskSection =
+
+function DynamicMaskSection(_ref) {var updateMetaFromEvent = _ref.updateMetaFromEvent;
+  var _React$useState = _react.default.useState('99:99'),_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),mask = _React$useState2[0],setMask = _React$useState2[1];
+  var _React$useState3 = _react.default.useState('12:34'),_React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),value = _React$useState4[0],setValue = _React$useState4[1];
+
+  return /*#__PURE__*/(
+    _react.default.createElement("div", null, /*#__PURE__*/
+    _react.default.createElement("div", { style: { display: 'flex', gap: 8, marginBottom: 8, flexWrap: 'wrap' } }, /*#__PURE__*/
+    _react.default.createElement("button", { type: "button", onClick: function onClick() {return setMask('99:99');} }, "mask 99:99"
+
+    ), /*#__PURE__*/
+    _react.default.createElement("button", { type: "button", onClick: function onClick() {return setMask('99-99');} }, "mask 99-99"
+
+    ), /*#__PURE__*/
+    _react.default.createElement("button", { type: "button", onClick: function onClick() {return setValue('12:34');} }, "set value 12:34"
+
+    )
+    ), /*#__PURE__*/
+
+    _react.default.createElement(_MaskedInput.MaskedInput, {
+      mask: mask,
+      maskChar: "_",
+      alwaysShowMask: true,
+      value: value,
+      onValueChange: setValue,
+      onFocus: updateMetaFromEvent,
+      onBlur: updateMetaFromEvent,
+      onSelect: updateMetaFromEvent,
+      onMouseUp: updateMetaFromEvent }
+    )
+    ));
+
+};
+
+var DynamicMaskWithUnmaskSection = exports.DynamicMaskWithUnmaskSection =
+
+function DynamicMaskWithUnmaskSection(_ref2) {var updateMetaFromEvent = _ref2.updateMetaFromEvent;
+  var _React$useState5 = _react.default.useState('1234'),_React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),value = _React$useState6[0],setValue = _React$useState6[1];
+  var _React$useState7 = _react.default.useState({
+      start: null,
+      end: null
+    }),_React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),selection = _React$useState8[0],setSelection = _React$useState8[1];
+  var mask = value.includes('0') ? '99-99-99' : '99-99';
+
+  var updateSelectionFromEvent = _react.default.useCallback(
+    function (e) {
+      setSelection({
+        start: e.currentTarget.selectionStart,
+        end: e.currentTarget.selectionEnd
+      });
+      updateMetaFromEvent(e);
+    },
+    [updateMetaFromEvent]
+  );
+
+  return /*#__PURE__*/(
+    _react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 8 }, /*#__PURE__*/
+    _react.default.createElement("div", { style: { display: 'flex', gap: 8, flexWrap: 'wrap' } }, /*#__PURE__*/
+    _react.default.createElement("button", { type: "button", onClick: function onClick() {return setValue('1234');} }, "reset value to 1234"
+
+    ), /*#__PURE__*/
+    _react.default.createElement("div", null, "active mask: ", /*#__PURE__*/
+    _react.default.createElement("code", null, mask)
+    )
+    ), /*#__PURE__*/
+
+    _react.default.createElement(_MaskedInput.MaskedInput, {
+      mask: mask,
+      maskChar: "_",
+      value: value,
+      onValueChange: setValue,
+      unmask: true,
+      onFocus: updateSelectionFromEvent,
+      onBlur: updateSelectionFromEvent,
+      onKeyUp: updateSelectionFromEvent,
+      onSelect: updateSelectionFromEvent,
+      onMouseUp: updateSelectionFromEvent }
+    ), /*#__PURE__*/
+
+    _react.default.createElement("div", { style: { color: '#666', fontSize: 12 } }, "value: ", /*#__PURE__*/
+    _react.default.createElement("code", null, value), ", selection: ", /*#__PURE__*/_react.default.createElement("code", null, String(selection.start)), "..", ' ', /*#__PURE__*/
+    _react.default.createElement("code", null, String(selection.end))
+    )
+    ));
+
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_MaskedInput","DynamicMaskSection","exports","_ref","updateMetaFromEvent","_React$useState","React","useState","_React$useState2","_slicedToArray2","default","mask","setMask","_React$useState3","_React$useState4","value","setValue","createElement","style","display","gap","marginBottom","flexWrap","type","onClick","MaskedInput","maskChar","alwaysShowMask","onValueChange","onFocus","onBlur","onSelect","onMouseUp","DynamicMaskWithUnmaskSection","_ref2","_React$useState5","_React$useState6","_React$useState7","start","end","_React$useState8","selection","setSelection","includes","updateSelectionFromEvent","useCallback","e","currentTarget","selectionStart","selectionEnd","Gapped","vertical","unmask","onKeyUp","color","fontSize","String"],"sources":["example.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../Gapped';\n\nimport { MaskedInput } from './MaskedInput';\n\nexport const DynamicMaskSection: React.FC<{\n  updateMetaFromEvent: (e: React.SyntheticEvent<HTMLInputElement>) => void;\n}> = ({ updateMetaFromEvent }) => {\n  const [mask, setMask] = React.useState<'99:99' | '99-99'>('99:99');\n  const [value, setValue] = React.useState('12:34');\n\n  return (\n    <div>\n      <div style={{ display: 'flex', gap: 8, marginBottom: 8, flexWrap: 'wrap' }}>\n        <button type=\"button\" onClick={() => setMask('99:99')}>\n          mask 99:99\n        </button>\n        <button type=\"button\" onClick={() => setMask('99-99')}>\n          mask 99-99\n        </button>\n        <button type=\"button\" onClick={() => setValue('12:34')}>\n          set value 12:34\n        </button>\n      </div>\n\n      <MaskedInput\n        mask={mask}\n        maskChar=\"_\"\n        alwaysShowMask\n        value={value}\n        onValueChange={setValue}\n        onFocus={updateMetaFromEvent}\n        onBlur={updateMetaFromEvent}\n        onSelect={updateMetaFromEvent}\n        onMouseUp={updateMetaFromEvent}\n      />\n    </div>\n  );\n};\n\nexport const DynamicMaskWithUnmaskSection: React.FC<{\n  updateMetaFromEvent: (e: React.SyntheticEvent<HTMLInputElement>) => void;\n}> = ({ updateMetaFromEvent }) => {\n  const [value, setValue] = React.useState('1234');\n  const [selection, setSelection] = React.useState<{ start: number | null; end: number | null }>({\n    start: null,\n    end: null,\n  });\n  const mask = value.includes('0') ? '99-99-99' : '99-99';\n\n  const updateSelectionFromEvent = React.useCallback(\n    (e: React.SyntheticEvent<HTMLInputElement>) => {\n      setSelection({\n        start: e.currentTarget.selectionStart,\n        end: e.currentTarget.selectionEnd,\n      });\n      updateMetaFromEvent(e);\n    },\n    [updateMetaFromEvent],\n  );\n\n  return (\n    <Gapped vertical gap={8}>\n      <div style={{ display: 'flex', gap: 8, flexWrap: 'wrap' }}>\n        <button type=\"button\" onClick={() => setValue('1234')}>\n          reset value to 1234\n        </button>\n        <div>\n          active mask: <code>{mask}</code>\n        </div>\n      </div>\n\n      <MaskedInput\n        mask={mask}\n        maskChar=\"_\"\n        value={value}\n        onValueChange={setValue}\n        unmask\n        onFocus={updateSelectionFromEvent}\n        onBlur={updateSelectionFromEvent}\n        onKeyUp={updateSelectionFromEvent}\n        onSelect={updateSelectionFromEvent}\n        onMouseUp={updateSelectionFromEvent}\n      />\n\n      <div style={{ color: '#666', fontSize: 12 }}>\n        value: <code>{value}</code>, selection: <code>{String(selection.start)}</code>..{' '}\n        <code>{String(selection.end)}</code>\n      </div>\n    </Gapped>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/MaskedInput/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _MaskedInput = require("./MaskedInput");Object.keys(_MaskedInput).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _MaskedInput[key]) return;exports[key] = _MaskedInput[key];});
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });var _MaskedInput = require("./MaskedInput");Object.keys(_MaskedInput).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _MaskedInput[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _MaskedInput[key];} });});

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

@@ -1 +1 @@
-{"version":3,"names":["_MaskedInput","require","Object","keys","forEach","key","exports"],"sources":["index.ts"],"sourcesContent":["export * from './MaskedInput';\n"],"mappings":"uCAAA,IAAAA,YAAA,GAAAC,OAAA,kBAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA","ignoreList":[]}
+{"version":3,"names":["_MaskedInput","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from './MaskedInput';\n"],"mappings":"2EAAA,IAAAA,YAAA,GAAAC,OAAA,kBAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA,UAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA,IAAAG,UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAT,YAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/components/MaskedInput/react-imask/README.md

@@ -0,0 +1,40 @@
+# react-imask
+
+React-обвязка и локальный форк ядра [imask](https://github.com/uNmAnNeR/imaskjs) для работы с масками ввода. Используется в компоненте **MaskedInput** дизайн-системы.
+
+## Поддерживаемые типы масок
+
+В публичном API поддерживаются только:
+
+- **Строковая маска (pattern)** — `mask: string`, например `'0000-00-00'`, с опциями `definitions`, `blocks`, `placeholderChar` и т.д.
+- **Регулярное выражение** — `mask: RegExp`.
+
+Остальные типы масок из upstream (date, number, dynamic, enum, range, function, repeat) в этой сборке отключены; компонент **MaskedInput** работает только со строковыми масками.
+
+## Экспорты
+
+- **`IMask`** — фабрика: `IMask(element, opts)` создаёт экземпляр маски на DOM-элементе.
+- **`IMaskInput`** — React-компонент с маской, обёрнутый в `forwardRef`. Используется через **FixedIMaskInput**, а не напрямую в приложениях.
+- **`IMaskMixin`** — HOC для оборачивания своего инпута в логику imask (жизненный цикл маски, опции из пропсов). Из него собран класс для `IMaskInput`.
+- **Типы**: `IMaskInputProps`, `IMaskMixinProps`, `ReactMaskProps`, `ReactMaskOpts`, `ExtractMaskOpts`, `ReactElementProps`, `ReactMixinComponent`, `MaskPropsKeys`.
+
+Использование в коде библиотеки: **MaskedInput** передаёт опции в **FixedIMaskInput**, который рендерит **IMaskInput** с нужными пропсами и обработчиками.
+
+## Контракт маски (MaskedInput)
+
+Компонент **MaskedInput** принимает проп `mask` с человекочитаемыми символами и перед передачей в imask преобразует его:
+
+- **`0`** — одна позиция для цифры. В строке маски каждый символ `0` заменяется на `{\\0}` (блок «0» в imask), который в ядре по умолчанию соответствует `/\d/`.
+- Остальные символы маски (дефисы, скобки и т.д.) передаются как есть и трактуются imask как фиксированные.
+
+**Definitions** (словарь правил для символов) по умолчанию в MaskedInput: `9` → `[0-9]`, `a` → `[A-Za-z]`, `*` → `[A-Za-z0-9]`. В ядре imask дополнительно есть встроенное определение `0` → цифра. При передаче `formatChars` в MaskedInput определения мержатся с дефолтными.
+
+Пример: проп `mask="0000-00-00"` превращается в опции imask в маску `{\\0}{\\0}{\\0}{\\0}-{\\0}{\\0}-{\\0}{\\0}`.
+
+## Отличия от upstream
+
+- Урезанный набор типов масок (только pattern и regexp).
+- Поддержка только `<input>` (без contenteditable).
+- Логика завязана на React (mixin, пропсы, ref) и на контракт **MaskedInput** (подстановка `0` → `{\\0}` выше).
+
+Подробнее по проблемам и доработкам см. **TODO.md** в этой папке.

package/cjs/components/MaskedInput/react-imask/imask/controls/html-input-mask-element.d.ts

@@ -0,0 +1,16 @@
+import { HTMLMaskElement } from './html-mask-element';
+export type InputElement = HTMLTextAreaElement | HTMLInputElement;
+/** Bridge between InputElement and {@link Masked} */
+export declare class HTMLInputMaskElement extends HTMLMaskElement {
+    /** InputElement to use mask on */
+    input: InputElement;
+    constructor(input: InputElement);
+    /** Returns InputElement selection start */
+    get _unsafeSelectionStart(): number | null;
+    /** Returns InputElement selection end */
+    get _unsafeSelectionEnd(): number | null;
+    /** Sets InputElement selection */
+    _unsafeSelect(start: number, end: number): void;
+    get value(): string;
+    set value(value: string);
+}

package/cjs/components/MaskedInput/react-imask/imask/controls/html-input-mask-element.js

@@ -0,0 +1,36 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.HTMLInputMaskElement = void 0;var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _htmlMaskElement = require("./html-mask-element");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));} /* eslint-disable eqeqeq */
+
+
+
+/** Bridge between InputElement and {@link Masked} */var
+HTMLInputMaskElement = exports.HTMLInputMaskElement = /*#__PURE__*/function (_HTMLMaskElement) {
+  /** InputElement to use mask on */
+
+
+  function HTMLInputMaskElement(input) {var _this;(0, _classCallCheck2.default)(this, HTMLInputMaskElement);
+    _this = _callSuper(this, HTMLInputMaskElement, [input]);
+    _this.input = input;return _this;
+  }
+
+  /** Returns InputElement selection start */(0, _inherits2.default)(HTMLInputMaskElement, _HTMLMaskElement);return (0, _createClass2.default)(HTMLInputMaskElement, [{ key: "_unsafeSelectionStart", get:
+    function get() {
+      return this.input.selectionStart != null ? this.input.selectionStart : this.value.length;
+    }
+
+    /** Returns InputElement selection end */ }, { key: "_unsafeSelectionEnd", get:
+    function get() {
+      return this.input.selectionEnd;
+    }
+
+    /** Sets InputElement selection */ }, { key: "_unsafeSelect", value:
+    function _unsafeSelect(start, end) {
+      this.input.setSelectionRange(start, end);
+    } }, { key: "value", get:
+
+    function get() {
+      return this.input.value;
+    }, set:
+    function set(value) {
+      this.input.value = value;
+    } }]);}(_htmlMaskElement.HTMLMaskElement);

package/cjs/components/MaskedInput/react-imask/imask/controls/html-input-mask-element.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_htmlMaskElement","require","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","HTMLInputMaskElement","exports","_HTMLMaskElement","input","_this","_classCallCheck2","_inherits2","_createClass2","key","get","selectionStart","value","length","selectionEnd","_unsafeSelect","start","end","setSelectionRange","set","HTMLMaskElement"],"sources":["html-input-mask-element.ts"],"sourcesContent":["/* eslint-disable eqeqeq */\nimport { HTMLMaskElement } from './html-mask-element';\n\nexport type InputElement = HTMLTextAreaElement | HTMLInputElement;\n\n/** Bridge between InputElement and {@link Masked} */\nexport class HTMLInputMaskElement extends HTMLMaskElement {\n  /** InputElement to use mask on */\n  input!: InputElement;\n\n  constructor(input: InputElement) {\n    super(input);\n    this.input = input;\n  }\n\n  /** Returns InputElement selection start */\n  override get _unsafeSelectionStart(): number | null {\n    return this.input.selectionStart != null ? this.input.selectionStart : this.value.length;\n  }\n\n  /** Returns InputElement selection end */\n  override get _unsafeSelectionEnd(): number | null {\n    return this.input.selectionEnd;\n  }\n\n  /** Sets InputElement selection */\n  _unsafeSelect(start: number, end: number) {\n    this.input.setSelectionRange(start, end);\n  }\n\n  override get value(): string {\n    return this.input.value;\n  }\n  override set value(value: string) {\n    this.input.value = value;\n  }\n}\n"],"mappings":";AACA,IAAAA,gBAAA,GAAAC,OAAA,wBAAsD,SAAAC,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,UAAAD,CAAA,OAAAE,gBAAA,CAAAC,OAAA,EAAAH,CAAA,OAAAI,2BAAA,CAAAD,OAAA,EAAAJ,CAAA,MAAAM,0BAAA,CAAAF,OAAA,MAAAG,OAAA,CAAAC,SAAA,CAAAP,CAAA,EAAAC,CAAA,YAAAC,gBAAA,CAAAC,OAAA,EAAAJ,CAAA,EAAAS,WAAA,IAAAR,CAAA,CAAAS,KAAA,CAAAV,CAAA,EAAAE,CAAA,KADtD;;;;AAKA;AACaS,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAAAE,gBAAA;EAC/B;;;EAGA,SAAAF,qBAAYG,KAAmB,EAAE,KAAAC,KAAA,KAAAC,gBAAA,CAAAZ,OAAA,QAAAO,oBAAA;IAC/BI,KAAA,GAAAhB,UAAA,OAAAY,oBAAA,GAAMG,KAAK;IACXC,KAAA,CAAKD,KAAK,GAAGA,KAAK,CAAC,OAAAC,KAAA;EACrB;;EAEA,+CAAAE,UAAA,CAAAb,OAAA,EAAAO,oBAAA,EAAAE,gBAAA,aAAAK,aAAA,CAAAd,OAAA,EAAAO,oBAAA,KAAAQ,GAAA,2BAAAC,GAAA;IACA,SAAAA,IAAA,EAAoD;MAClD,OAAO,IAAI,CAACN,KAAK,CAACO,cAAc,IAAI,IAAI,GAAG,IAAI,CAACP,KAAK,CAACO,cAAc,GAAG,IAAI,CAACC,KAAK,CAACC,MAAM;IAC1F;;IAEA,+CAAAJ,GAAA,yBAAAC,GAAA;IACA,SAAAA,IAAA,EAAkD;MAChD,OAAO,IAAI,CAACN,KAAK,CAACU,YAAY;IAChC;;IAEA,wCAAAL,GAAA,mBAAAG,KAAA;IACA,SAAAG,cAAcC,KAAa,EAAEC,GAAW,EAAE;MACxC,IAAI,CAACb,KAAK,CAACc,iBAAiB,CAACF,KAAK,EAAEC,GAAG,CAAC;IAC1C,CAAC,MAAAR,GAAA,WAAAC,GAAA;;IAED,SAAAA,IAAA,EAA6B;MAC3B,OAAO,IAAI,CAACN,KAAK,CAACQ,KAAK;IACzB,CAAC,EAAAO,GAAA;IACD,SAAAA,IAAmBP,KAAa,EAAE;MAChC,IAAI,CAACR,KAAK,CAACQ,KAAK,GAAGA,KAAK;IAC1B,CAAC,OA7BuCQ,gCAAe","ignoreList":[]}

package/cjs/components/MaskedInput/react-imask/imask/controls/html-mask-element.d.ts

@@ -0,0 +1,20 @@
+import { MaskElement, type EventHandlers } from './mask-element';
+/** Bridge between HTMLElement and {@link Masked} */
+export declare abstract class HTMLMaskElement extends MaskElement {
+    /** HTMLElement to use mask on */
+    input: HTMLElement;
+    _handlers: EventHandlers;
+    abstract value: string;
+    constructor(input: HTMLElement);
+    get rootElement(): HTMLDocument;
+    /** Is element in focus */
+    get isActive(): boolean;
+    /** Binds HTMLElement events to mask internal events */
+    bindEvents(handlers: EventHandlers): void;
+    _onKeydown(e: KeyboardEvent): void;
+    _onBeforeinput(e: InputEvent): void;
+    _onCompositionEnd(e: CompositionEvent): void;
+    _onInput(e: InputEvent): void;
+    /** Unbinds HTMLElement events to mask internal events */
+    unbindEvents(): void;
+}

package/cjs/components/MaskedInput/react-imask/imask/controls/html-mask-element.js

@@ -0,0 +1,95 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.HTMLMaskElement = void 0;var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _maskElement = require("./mask-element");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
+
+/** Bridge between HTMLElement and {@link Masked} */var
+HTMLMaskElement = exports.HTMLMaskElement = /*#__PURE__*/function (_MaskElement) {
+  /** HTMLElement to use mask on */
+
+
+
+
+  function HTMLMaskElement(input) {var _this;(0, _classCallCheck2.default)(this, HTMLMaskElement);
+    _this = _callSuper(this, HTMLMaskElement);
+    _this.input = input;
+    _this._onKeydown = _this._onKeydown.bind(_this);
+    _this._onInput = _this._onInput.bind(_this);
+    _this._onBeforeinput = _this._onBeforeinput.bind(_this);
+    _this._onCompositionEnd = _this._onCompositionEnd.bind(_this);return _this;
+  }(0, _inherits2.default)(HTMLMaskElement, _MaskElement);return (0, _createClass2.default)(HTMLMaskElement, [{ key: "rootElement", get:
+
+    function get() {var _this$input$getRootNo, _this$input$getRootNo2, _this$input;
+      return (_this$input$getRootNo = (_this$input$getRootNo2 = (_this$input = this.input).getRootNode) === null || _this$input$getRootNo2 === void 0 ? void 0 : _this$input$getRootNo2.call(_this$input)) !== null && _this$input$getRootNo !== void 0 ? _this$input$getRootNo : document;
+    }
+
+    /** Is element in focus */ }, { key: "isActive", get:
+    function get() {
+      return this.input === this.rootElement.activeElement;
+    }
+
+    /** Binds HTMLElement events to mask internal events */ }, { key: "bindEvents", value:
+    function bindEvents(handlers) {
+      this.input.addEventListener('keydown', this._onKeydown);
+      this.input.addEventListener('input', this._onInput);
+      this.input.addEventListener('beforeinput', this._onBeforeinput);
+      this.input.addEventListener('compositionend', this._onCompositionEnd);
+      this.input.addEventListener('drop', handlers.drop);
+      this.input.addEventListener('click', handlers.click);
+      this.input.addEventListener('focus', handlers.focus);
+      this.input.addEventListener('blur', handlers.commit);
+      this._handlers = handlers;
+    } }, { key: "_onKeydown", value:
+
+    function _onKeydown(e) {
+      var isUndo = (e.key === 'z' || e.key === 'Z') && (e.metaKey || e.ctrlKey) && !e.shiftKey;
+      var isRedo =
+      (e.key === 'y' || e.key === 'Y') && (e.metaKey || e.ctrlKey) ||
+      (e.key === 'z' || e.key === 'Z') && e.shiftKey && (e.metaKey || e.ctrlKey);
+
+      if (this._handlers.redo && isRedo) {
+        e.preventDefault();
+        return this._handlers.redo(e);
+      }
+
+      if (this._handlers.undo && isUndo) {
+        e.preventDefault();
+        return this._handlers.undo(e);
+      }
+
+      if (!e.isComposing) {
+        this._handlers.selectionChange(e);
+      }
+    } }, { key: "_onBeforeinput", value:
+
+    function _onBeforeinput(e) {
+      if (e.inputType === 'historyUndo' && this._handlers.undo) {
+        e.preventDefault();
+        return this._handlers.undo(e);
+      }
+
+      if (e.inputType === 'historyRedo' && this._handlers.redo) {
+        e.preventDefault();
+        return this._handlers.redo(e);
+      }
+    } }, { key: "_onCompositionEnd", value:
+
+    function _onCompositionEnd(e) {
+      this._handlers.input(e);
+    } }, { key: "_onInput", value:
+
+    function _onInput(e) {
+      if (!e.isComposing) {
+        this._handlers.input(e);
+      }
+    }
+
+    /** Unbinds HTMLElement events to mask internal events */ }, { key: "unbindEvents", value:
+    function unbindEvents() {
+      this.input.removeEventListener('keydown', this._onKeydown);
+      this.input.removeEventListener('input', this._onInput);
+      this.input.removeEventListener('beforeinput', this._onBeforeinput);
+      this.input.removeEventListener('compositionend', this._onCompositionEnd);
+      this.input.removeEventListener('drop', this._handlers.drop);
+      this.input.removeEventListener('click', this._handlers.click);
+      this.input.removeEventListener('focus', this._handlers.focus);
+      this.input.removeEventListener('blur', this._handlers.commit);
+      this._handlers = {};
+    } }]);}(_maskElement.MaskElement);

package/cjs/components/MaskedInput/react-imask/imask/controls/html-mask-element.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_maskElement","require","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","HTMLMaskElement","exports","_MaskElement","input","_this","_classCallCheck2","_onKeydown","bind","_onInput","_onBeforeinput","_onCompositionEnd","_inherits2","_createClass2","key","get","_this$input$getRootNo","_this$input$getRootNo2","_this$input","getRootNode","call","document","rootElement","activeElement","value","bindEvents","handlers","addEventListener","drop","click","focus","commit","_handlers","isUndo","metaKey","ctrlKey","shiftKey","isRedo","redo","preventDefault","undo","isComposing","selectionChange","inputType","unbindEvents","removeEventListener","MaskElement"],"sources":["html-mask-element.ts"],"sourcesContent":["import { MaskElement, type EventHandlers } from './mask-element';\n\n/** Bridge between HTMLElement and {@link Masked} */\nexport abstract class HTMLMaskElement extends MaskElement {\n  /** HTMLElement to use mask on */\n  input!: HTMLElement;\n  _handlers!: EventHandlers;\n  abstract value: string;\n\n  constructor(input: HTMLElement) {\n    super();\n    this.input = input;\n    this._onKeydown = this._onKeydown.bind(this);\n    this._onInput = this._onInput.bind(this);\n    this._onBeforeinput = this._onBeforeinput.bind(this);\n    this._onCompositionEnd = this._onCompositionEnd.bind(this);\n  }\n\n  get rootElement(): HTMLDocument {\n    return (this.input.getRootNode?.() ?? document) as HTMLDocument;\n  }\n\n  /** Is element in focus */\n  get isActive(): boolean {\n    return this.input === this.rootElement.activeElement;\n  }\n\n  /** Binds HTMLElement events to mask internal events */\n  override bindEvents(handlers: EventHandlers) {\n    this.input.addEventListener('keydown', this._onKeydown as EventListener);\n    this.input.addEventListener('input', this._onInput as EventListener);\n    this.input.addEventListener('beforeinput', this._onBeforeinput as EventListener);\n    this.input.addEventListener('compositionend', this._onCompositionEnd as EventListener);\n    this.input.addEventListener('drop', handlers.drop);\n    this.input.addEventListener('click', handlers.click);\n    this.input.addEventListener('focus', handlers.focus);\n    this.input.addEventListener('blur', handlers.commit);\n    this._handlers = handlers;\n  }\n\n  _onKeydown(e: KeyboardEvent) {\n    const isUndo = (e.key === 'z' || e.key === 'Z') && (e.metaKey || e.ctrlKey) && !e.shiftKey;\n    const isRedo =\n      ((e.key === 'y' || e.key === 'Y') && (e.metaKey || e.ctrlKey)) ||\n      ((e.key === 'z' || e.key === 'Z') && e.shiftKey && (e.metaKey || e.ctrlKey));\n\n    if (this._handlers.redo && isRedo) {\n      e.preventDefault();\n      return this._handlers.redo(e);\n    }\n\n    if (this._handlers.undo && isUndo) {\n      e.preventDefault();\n      return this._handlers.undo(e);\n    }\n\n    if (!e.isComposing) {\n      this._handlers.selectionChange(e);\n    }\n  }\n\n  _onBeforeinput(e: InputEvent) {\n    if (e.inputType === 'historyUndo' && this._handlers.undo) {\n      e.preventDefault();\n      return this._handlers.undo(e);\n    }\n\n    if (e.inputType === 'historyRedo' && this._handlers.redo) {\n      e.preventDefault();\n      return this._handlers.redo(e);\n    }\n  }\n\n  _onCompositionEnd(e: CompositionEvent) {\n    this._handlers.input(e);\n  }\n\n  _onInput(e: InputEvent) {\n    if (!e.isComposing) {\n      this._handlers.input(e);\n    }\n  }\n\n  /** Unbinds HTMLElement events to mask internal events */\n  override unbindEvents() {\n    this.input.removeEventListener('keydown', this._onKeydown as EventListener);\n    this.input.removeEventListener('input', this._onInput as EventListener);\n    this.input.removeEventListener('beforeinput', this._onBeforeinput as EventListener);\n    this.input.removeEventListener('compositionend', this._onCompositionEnd as EventListener);\n    this.input.removeEventListener('drop', this._handlers.drop);\n    this.input.removeEventListener('click', this._handlers.click);\n    this.input.removeEventListener('focus', this._handlers.focus);\n    this.input.removeEventListener('blur', this._handlers.commit);\n    this._handlers = {} as EventHandlers;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/MaskedInput/react-imask/imask/controls/input-history.d.ts

@@ -0,0 +1,17 @@
+import { type Selection } from '../core/utils';
+export interface InputHistoryState {
+    unmaskedValue: string;
+    selection: Selection;
+}
+export declare class InputHistory {
+    static MAX_LENGTH: number;
+    states: InputHistoryState[];
+    currentIndex: number;
+    get currentState(): InputHistoryState | undefined;
+    get isEmpty(): boolean;
+    push(state: InputHistoryState): void;
+    go(steps: number): InputHistoryState | undefined;
+    undo(): InputHistoryState | undefined;
+    redo(): InputHistoryState | undefined;
+    clear(): void;
+}

package/cjs/components/MaskedInput/react-imask/imask/controls/input-history.js

@@ -0,0 +1,49 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.InputHistory = void 0;var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var
+
+
+
+
+
+
+InputHistory = exports.InputHistory = /*#__PURE__*/function () {function InputHistory() {(0, _classCallCheck2.default)(this, InputHistory);this.
+
+    states = [];this.
+    currentIndex = 0;}return (0, _createClass2.default)(InputHistory, [{ key: "currentState", get:
+
+    function get() {
+      return this.states[this.currentIndex];
+    } }, { key: "isEmpty", get:
+
+    function get() {
+      return this.states.length === 0;
+    } }, { key: "push", value:
+
+    function push(state) {
+      // if current index points before the last element then remove the future
+      if (this.currentIndex < this.states.length - 1) {
+        this.states.length = this.currentIndex + 1;
+      }
+      this.states.push(state);
+      if (this.states.length > InputHistory.MAX_LENGTH) {
+        this.states.shift();
+      }
+      this.currentIndex = this.states.length - 1;
+    } }, { key: "go", value:
+
+    function go(steps) {
+      this.currentIndex = Math.min(Math.max(this.currentIndex + steps, 0), this.states.length - 1);
+      return this.currentState;
+    } }, { key: "undo", value:
+
+    function undo() {
+      return this.go(-1);
+    } }, { key: "redo", value:
+
+    function redo() {
+      return this.go(+1);
+    } }, { key: "clear", value:
+
+    function clear() {
+      this.states.length = 0;
+      this.currentIndex = 0;
+    } }]);}();InputHistory.MAX_LENGTH = 100;

package/cjs/components/MaskedInput/react-imask/imask/controls/input-history.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InputHistory","exports","_classCallCheck2","default","states","currentIndex","_createClass2","key","get","length","value","push","state","MAX_LENGTH","shift","go","steps","Math","min","max","currentState","undo","redo","clear"],"sources":["input-history.ts"],"sourcesContent":["import { type Selection } from '../core/utils';\n\nexport interface InputHistoryState {\n  unmaskedValue: string;\n  selection: Selection;\n}\n\nexport class InputHistory {\n  static MAX_LENGTH = 100;\n  states: InputHistoryState[] = [];\n  currentIndex = 0;\n\n  get currentState(): InputHistoryState | undefined {\n    return this.states[this.currentIndex];\n  }\n\n  get isEmpty(): boolean {\n    return this.states.length === 0;\n  }\n\n  push(state: InputHistoryState) {\n    // if current index points before the last element then remove the future\n    if (this.currentIndex < this.states.length - 1) {\n      this.states.length = this.currentIndex + 1;\n    }\n    this.states.push(state);\n    if (this.states.length > InputHistory.MAX_LENGTH) {\n      this.states.shift();\n    }\n    this.currentIndex = this.states.length - 1;\n  }\n\n  go(steps: number): InputHistoryState | undefined {\n    this.currentIndex = Math.min(Math.max(this.currentIndex + steps, 0), this.states.length - 1);\n    return this.currentState;\n  }\n\n  undo() {\n    return this.go(-1);\n  }\n\n  redo() {\n    return this.go(+1);\n  }\n\n  clear() {\n    this.states.length = 0;\n    this.currentIndex = 0;\n  }\n}\n"],"mappings":";;;;;;;AAOaA,YAAY,GAAAC,OAAA,CAAAD,YAAA,sCAAAA,aAAA,OAAAE,gBAAA,CAAAC,OAAA,QAAAH,YAAA;;IAEvBI,MAAM,GAAwB,EAAE;IAChCC,YAAY,GAAG,CAAC,aAAAC,aAAA,CAAAH,OAAA,EAAAH,YAAA,KAAAO,GAAA,kBAAAC,GAAA;;IAEhB,SAAAA,IAAA,EAAkD;MAChD,OAAO,IAAI,CAACJ,MAAM,CAAC,IAAI,CAACC,YAAY,CAAC;IACvC,CAAC,MAAAE,GAAA,aAAAC,GAAA;;IAED,SAAAA,IAAA,EAAuB;MACrB,OAAO,IAAI,CAACJ,MAAM,CAACK,MAAM,KAAK,CAAC;IACjC,CAAC,MAAAF,GAAA,UAAAG,KAAA;;IAED,SAAAC,KAAKC,KAAwB,EAAE;MAC7B;MACA,IAAI,IAAI,CAACP,YAAY,GAAG,IAAI,CAACD,MAAM,CAACK,MAAM,GAAG,CAAC,EAAE;QAC9C,IAAI,CAACL,MAAM,CAACK,MAAM,GAAG,IAAI,CAACJ,YAAY,GAAG,CAAC;MAC5C;MACA,IAAI,CAACD,MAAM,CAACO,IAAI,CAACC,KAAK,CAAC;MACvB,IAAI,IAAI,CAACR,MAAM,CAACK,MAAM,GAAGT,YAAY,CAACa,UAAU,EAAE;QAChD,IAAI,CAACT,MAAM,CAACU,KAAK,CAAC,CAAC;MACrB;MACA,IAAI,CAACT,YAAY,GAAG,IAAI,CAACD,MAAM,CAACK,MAAM,GAAG,CAAC;IAC5C,CAAC,MAAAF,GAAA,QAAAG,KAAA;;IAED,SAAAK,GAAGC,KAAa,EAAiC;MAC/C,IAAI,CAACX,YAAY,GAAGY,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAAC,IAAI,CAACd,YAAY,GAAGW,KAAK,EAAE,CAAC,CAAC,EAAE,IAAI,CAACZ,MAAM,CAACK,MAAM,GAAG,CAAC,CAAC;MAC5F,OAAO,IAAI,CAACW,YAAY;IAC1B,CAAC,MAAAb,GAAA,UAAAG,KAAA;;IAED,SAAAW,KAAA,EAAO;MACL,OAAO,IAAI,CAACN,EAAE,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,MAAAR,GAAA,UAAAG,KAAA;;IAED,SAAAY,KAAA,EAAO;MACL,OAAO,IAAI,CAACP,EAAE,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,MAAAR,GAAA,WAAAG,KAAA;;IAED,SAAAa,MAAA,EAAQ;MACN,IAAI,CAACnB,MAAM,CAACK,MAAM,GAAG,CAAC;MACtB,IAAI,CAACJ,YAAY,GAAG,CAAC;IACvB,CAAC,SAzCUL,YAAY,CAChBa,UAAU,GAAG,GAAG","ignoreList":[]}