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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useImperativeHandle","useRef","useState","useEffect","useContext","forwardRefAndName","cx","Input","isKeyBackspace","isKeyDelete","ThemeContext","globalClasses","styles","getDefinitions","getMaskChar","ColorableInputElement","FixedIMaskInput","getSafeMaskInputType","type","MaskedInput","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","_objectWithoutPropertiesLoose","_excluded","theme","inputRef","_useState","focused","setFocused","prevValue","value","String","defaultValue","prevSelectionStart","current","Object","assign","selectAll","_inputRef$current","_inputRef$current2","focus","delaySelectAll","_inputRef$current3","input","selectionStart","getCompatibleIMaskProps","uiFontGlobalClassesRoot","createElement","_extends","onFocus","handleFocus","onBlur","handleBlur","onInput","handleInput","onKeyDown","handleKeyDown","onPaste","handlePaste","root","showOnFocus","onAccept","handleAccept","event","_event$clipboardData$","_event$clipboardData","preventDefault","clipboardData","getData","replace","placeholderChar","definitions","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"],"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","useImperativeHandle","useRef","useState","useEffect","useContext","forwardRefAndName","cx","Input","isKeyBackspace","isKeyDelete","ThemeContext","globalClasses","styles","getDefinitions","getMaskChar","ColorableInputElement","FixedIMaskInput","getSafeMaskInputType","type","MaskedInput","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","_objectWithoutProperties","_excluded","theme","inputRef","_useState","_useState2","_slicedToArray","focused","setFocused","prevValue","value","String","defaultValue","prevSelectionStart","current","Object","assign","selectAll","_inputRef$current","_inputRef$current2","focus","delaySelectAll","_inputRef$current3","input","selectionStart","getCompatibleIMaskProps","uiFontGlobalClassesRoot","createElement","_extends","onFocus","handleFocus","onBlur","handleBlur","onInput","handleInput","onKeyDown","handleKeyDown","onPaste","handlePaste","root","showOnFocus","onAccept","handleAccept","event","_props$onPaste","_event$clipboardData$","_event$clipboardData","preventDefault","clipboardData","getData","call","_objectSpread","replace","placeholderChar","definitions","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"],"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":"qfAAA,OAAOA,KAAK,IAAIC,mBAAmB,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAQ,OAAO;;;AAG3F,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,cAAc,EAAEC,WAAW,QAAQ,uCAAuC;AACnF,SAASC,YAAY,QAAQ,gCAAgC;;;AAG7D,SAASC,aAAa,EAAEC,MAAM,QAAQ,sBAAsB;AAC5D,SAASC,cAAc,EAAEC,WAAW,QAAQ,uBAAuB;AACnE,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,eAAe,QAAQ,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DnD,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,IAAgB,EAAgC;EACnF,IAAI,CAACA,IAAI,EAAE;IACT,OAAOA,IAAI;EACb;;EAEA,QAAQA,IAAI;IACV,KAAK,QAAQ;IACb,KAAK,MAAM;IACX,KAAK,MAAM;IACX,KAAK,UAAU;MACb,OAAO,MAAM;IACf;MACE,OAAOA,IAAI;EACf;AACF,CAAC;;;;;;;;;;;AAWD;AACA;AACA,OAAO,IAAMC,WAAW,GAAGd,iBAAiB;EAC1C,aAAa;EACb,SAASc,WAAWA,CAACC,KAAuB,EAAEC,GAAsB,EAAE;IACpE;MACEC,IAAI;;;;;;;;;;;;;;;;MAgBFF,KAAK,CAhBPE,IAAI,CACJC,QAAQ,GAeNH,KAAK,CAfPG,QAAQ,CACRC,WAAW,GAcTJ,KAAK,CAdPI,WAAW,CAAAC,qBAAA,GAcTL,KAAK,CAbPM,cAAc,CAAdA,cAAc,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CAAAE,cAAA,GAapBP,KAAK,CAZPQ,OAAO,CAAPA,OAAO,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA,CAAAE,iBAAA,GAYZT,KAAK,CAXPU,UAAU,CAAEC,gBAAgB,GAAAF,iBAAA,cAAG,CAAC,CAAC,GAAAA,iBAAA,CAAAG,aAAA,GAW/BZ,KAAK,CAVPa,MAAM,CAANA,MAAM,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA,CACdE,aAAa,GASXd,KAAK,CATPc,aAAa,CACbC,iBAAiB,GAQff,KAAK,CARPe,iBAAiB,CACjBC,QAAQ,GAONhB,KAAK,CAPPgB,QAAQ,CACRC,kBAAkB,GAMhBjB,KAAK,CANPiB,kBAAkB,CAClBC,OAAO,GAKLlB,KAAK,CALPkB,OAAO,CACPC,SAAS,GAIPnB,KAAK,CAJPmB,SAAS,CAETC,SAAS,GAEPpB,KAAK,CAFPoB,SAAS,CACNC,UAAU,GAAAC,wBAAA,CACXtB,KAAK,EAAAuB,SAAA;IACT,IAAMC,KAAK,GAAGxC,UAAU,CAACM,YAAY,CAAC;;IAEtC,IAAMmC,QAAQ,GAAG5C,MAAM,CAAQ,IAAI,CAAC;;IAEpC,IAAA6C,SAAA,GAA8B5C,QAAQ,CAAC,KAAK,CAAC,CAAA6C,UAAA,GAAAC,cAAA,CAAAF,SAAA,KAAtCG,OAAO,GAAAF,UAAA,IAAEG,UAAU,GAAAH,UAAA;IAC1B,IAAMI,SAAS,GAAGlD,MAAM,CAASmB,KAAK,CAACgC,KAAK,IAAIC,MAAM,CAACjC,KAAK,CAACkC,YAAY,CAAC,IAAI,EAAE,CAAC;IACjF,IAAMC,kBAAkB,GAAGtD,MAAM,CAAgB,IAAI,CAAC;;IAEtDD,mBAAmB;MACjBqB,GAAG;MACH;UACEwB,QAAQ,CAACW,OAAO;UAChBC,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACW,OAAO,EAAE;YAC9BG,SAAS,EAAE,SAAAA,UAAA,EAAM,KAAAC,iBAAA,EAAAC,kBAAA;cACf,CAAAD,iBAAA,GAAAf,QAAQ,CAACW,OAAO,cAAAI,iBAAA,eAAhBA,iBAAA,CAAkBE,KAAK,CAAC,CAAC;cACzB,CAAAD,kBAAA,GAAAhB,QAAQ,CAACW,OAAO,cAAAK,kBAAA,eAAhBA,kBAAA,CAAkBE,cAAc,CAAC,CAAC;YACpC;UACF,CAAC,CAAC;MACJ;IACF,CAAC;;IAED5D,SAAS,CAAC,YAAM,KAAA6D,kBAAA;MACd;MACA;MACA;MACA,KAAAA,kBAAA,GAAInB,QAAQ,CAACW,OAAO,cAAAQ,kBAAA,eAAhBA,kBAAA,CAAkBC,KAAK,EAAE;QAC3Bd,SAAS,CAACK,OAAO,GAAGX,QAAQ,CAACW,OAAO,CAACS,KAAK,CAACb,KAAK;QAChDG,kBAAkB,CAACC,OAAO,GAAGX,QAAQ,CAACW,OAAO,CAACS,KAAK,CAACC,cAAc;MACpE;IACF,CAAC,EAAE,EAAE,CAAC;;IAEN,IAAMpC,UAAU,GAAGqC,uBAAuB,CAAC,CAAC;;IAE5C;IACA;IACA,IAAMC,uBAAuB,GAAG,uBAAuB;;IAEvD;MACErE,KAAA,CAAAsE,aAAA,CAAC9D,KAAK,EAAA+D,QAAA;QACJjD,GAAG,EAAEwB,QAAS;MACVJ,UAAU;QACd8B,OAAO,EAAEC,WAAY;QACrBC,MAAM,EAAEC,UAAW;QACnBC,OAAO,EAAEC,WAAY;QACrBC,SAAS,EAAEC,aAAc;QACzBC,OAAO,EAAEC,WAAY;QACrBzC,SAAS,EAAEjC,EAAE,CAACK,aAAa,CAACsE,IAAI,EAAEb,uBAAuB,EAAE7B,SAAS,EAAE3B,MAAM,CAACqE,IAAI,CAACrC,KAAK,CAAC,CAAE;QAC1FN,OAAO;QACLV,OAAO;QACL7B,KAAA,CAAAsE,aAAA,CAACtD,qBAAqB,IAACmE,WAAW,EAAE,KAAM,EAACxD,cAAc,EAAEA,cAAe;QACxE3B,KAAA,CAAAsE,aAAA,CAACrD,eAAe,EAAAsD,QAAA,KAAKxC,UAAU,IAAEqD,QAAQ,EAAEC,YAAa,GAAE;QACrC,CAAC;;QAExBrF,KAAA,CAAAsE,aAAA,CAACrD,eAAe,EAAAsD,QAAA,KAAKxC,UAAU,IAAEqD,QAAQ,EAAEC,YAAa,GAAE,CAE7D;;;MACF,CAAC;;;IAGJ,SAASJ,WAAWA,CAACK,KAA6C,EAAE,KAAAC,cAAA;MAClE,IAAIjD,kBAAkB,IAAIH,aAAa,EAAE,KAAAqD,qBAAA,EAAAC,oBAAA;QACvCH,KAAK,CAACI,cAAc,CAAC,CAAC;QACtBvD,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAGG,kBAAkB,EAAAkD,qBAAA,IAAAC,oBAAA,GAACH,KAAK,CAACK,aAAa,cAAAF,oBAAA,uBAAnBA,oBAAA,CAAqBG,OAAO,CAAC,MAAM,CAAC,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,EAAE,CAAC,CAAC;MACjF;;MAEA,CAAAD,cAAA,GAAAlE,KAAK,CAAC2D,OAAO,cAAAO,cAAA,eAAbA,cAAA,CAAAM,IAAA,CAAAxE,KAAK,EAAWiE,KAAK,CAAC;IACxB;;IAEA,SAASlB,uBAAuBA,CAAA,EAAsC;MACpE,OAAA0B,aAAA;QACEvE,IAAI,EAAEA,IAAI,CAACwE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAQ;QACxCC,eAAe,EAAEjF,WAAW,CAACS,QAAQ,CAAC;QACtCyE,WAAW,EAAEnF,cAAc,CAACW,WAAW,CAAC;QACxC;QACA;QACAyE,KAAK,EAAE,QAAQ;QACfC,SAAS,EAAE,OAAO;QAClBC,IAAI,EAAE,CAACzE,cAAc,KAAKN,KAAK,CAACgF,QAAQ,IAAI,CAACnD,OAAO,CAAC;QACrDhB,MAAM,EAANA,MAAM;MACHF,gBAAgB;;IAEvB;;IAEA,SAASqD,YAAYA,CAAA,EAA+E,UAAAiB,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAA3EC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;MAC3B,IAAOtD,KAAK,GAASoD,IAAI,IAATG,CAAC,GAAIH,IAAI;;MAEzB;MACA;MACA;MACA;MACA;MACAG,CAAC,KAAIzE,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGkB,KAAK,CAAC;MAC3B,CAACuD,CAAC,KAAKxD,SAAS,CAACK,OAAO,GAAGJ,KAAK,CAAC;IACnC;;IAEA;AACJ;AACA;AACA;AACA;IACI,SAASwB,WAAWA,CAAC+B,CAAsC,EAAE,KAAAC,cAAA;MAC3D,IAAAC,gBAAA,GAAkCF,CAAC,CAACG,aAAa,CAAzC1D,KAAK,GAAAyD,gBAAA,CAALzD,KAAK,CAAEc,cAAc,GAAA2C,gBAAA,CAAd3C,cAAc;;MAE7B;MACA;MACA,IAAIf,SAAS,CAACK,OAAO,KAAKJ,KAAK,IAAIc,cAAc,KAAKX,kBAAkB,CAACC,OAAO,EAAE;QAChFuD,qBAAqB,CAAC3D,KAAK,CAAC;MAC9B;MACAD,SAAS,CAACK,OAAO,GAAGJ,KAAK;MACzBG,kBAAkB,CAACC,OAAO,GAAGU,cAAc;;MAE3C,CAAA0C,cAAA,GAAAxF,KAAK,CAACuD,OAAO,cAAAiC,cAAA,eAAbA,cAAA,CAAAhB,IAAA,CAAAxE,KAAK,EAAWuF,CAAC,CAAC;IACpB;;IAEA,SAASnC,WAAWA,CAACmC,CAAqC,EAAE,KAAAK,cAAA,EAAAC,kBAAA;MAC1D/D,UAAU,CAAC,IAAI,CAAC;MAChB,CAAA8D,cAAA,GAAA5F,KAAK,CAACmD,OAAO,cAAAyC,cAAA,eAAbA,cAAA,CAAApB,IAAA,CAAAxE,KAAK,EAAWuF,CAAC,CAAC;;MAElB;MACA;MACAvF,KAAK,CAAC8F,gBAAgB,MAAAD,kBAAA,GAAIpE,QAAQ,CAACW,OAAO,cAAAyD,kBAAA,uBAAhBA,kBAAA,CAAkBlD,cAAc,CAAC,CAAC;IAC9D;;IAEA,SAASgD,qBAAqBA,CAAC3D,KAAa,EAAE,KAAA+D,kBAAA;MAC5C,IAAMC,KAAK,GAAG,EAAAD,kBAAA,GAAAtE,QAAQ,CAACW,OAAO,cAAA2D,kBAAA,uBAAhBA,kBAAA,CAAkBC,KAAK,CAACC,IAAI,CAACxE,QAAQ,CAACW,OAAO,CAAC,KAAK,oBAAM8D,SAAS,EAAC;MACjFnF,iBAAiB,GAAGA,iBAAiB,CAACiB,KAAK,EAAEgE,KAAK,CAAC,GAAGA,KAAK,CAAC,CAAC;IAC/D;;IAEA,SAAS1C,UAAUA,CAACiC,CAAqC,EAAE,KAAAY,aAAA;MACzDrE,UAAU,CAAC,KAAK,CAAC;MACjB,CAAAqE,aAAA,GAAAnG,KAAK,CAACqD,MAAM,cAAA8C,aAAA,eAAZA,aAAA,CAAA3B,IAAA,CAAAxE,KAAK,EAAUuF,CAAC,CAAC;IACnB;;IAEA,SAAS7B,aAAaA,CAAC6B,CAAwC,EAAE,KAAAa,gBAAA;MAC/D,IAAAC,iBAAA,GAAgDd,CAAC,CAACG,aAAa,CAAvD1D,KAAK,GAAAqE,iBAAA,CAALrE,KAAK,CAAEc,cAAc,GAAAuD,iBAAA,CAAdvD,cAAc,CAAEwD,YAAY,GAAAD,iBAAA,CAAZC,YAAY;;MAE3C;MACGlH,cAAc,CAACmG,CAAC,CAAC,IAAIzC,cAAc,KAAK,CAAC,IAAIwD,YAAY,KAAK,CAAC;MAC/DjH,WAAW,CAACkG,CAAC,CAAC,IAAIpD,kBAAkB,CAACC,OAAO,KAAKJ,KAAK,CAACmD,MAAO;MAC/D;QACA;QACAQ,qBAAqB,CAAC3D,KAAK,CAAC;QAC5BD,SAAS,CAACK,OAAO,GAAGmD,CAAC,CAACG,aAAa,CAAC1D,KAAK;MAC3C;MACAG,kBAAkB,CAACC,OAAO,GAAGU,cAAc;;MAE3C,CAAAsD,gBAAA,GAAApG,KAAK,CAACyD,SAAS,cAAA2C,gBAAA,eAAfA,gBAAA,CAAA5B,IAAA,CAAAxE,KAAK,EAAauF,CAAC,CAAC;IACtB;EACF;AACF,CAAC","ignoreList":[]}

package/components/MaskedInput/MaskedInput.d.ts

@@ -1,6 +1,6 @@
-import type { IMaskInputProps } from '@skbkontur/react-imask';
 import type { InputProps, InputType } from '../Input';
 import { Input } from '../Input';
+import type { IMaskInputProps } from './react-imask/mixin';
 export type MaskedInputOnBeforePasteValue = (value: string) => string;
 export interface MaskedProps {
     /** Шаблон ввода, определяющий допустимые символы. */

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

@@ -1 +1 @@
-{"version":3,"names":["isNonNullable","DEFAULT_MASK_CHAR","DEFINITIONS","Object","freeze","a","getDefinitions","formatChars","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,SAASA,aAAa,QAAQ,iBAAiB;;AAE/C,OAAO,IAAMC,iBAAiB,GAAG,GAAG;AACpC,OAAO,IAAMC,WAAW,GAAGC,MAAM,CAACC,MAAM,CAAC,EAAE,GAAG,EAAE,OAAO,EAAEC,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC;;AAE7F,OAAO,SAASC,cAAcA,CAACC,WAA+C,EAAe;EAC3F,IAAIP,aAAa,CAACO,WAAW,CAAC,EAAE;IAC9B,IAAMC,KAA6B,GAAG,CAAC,CAAC;;IAExC,KAAK,IAAMC,GAAG,IAAIF,WAAW,EAAE;MAC7BC,KAAK,CAACC,GAAG,CAAC,GAAG,IAAIC,MAAM,CAACH,WAAW,CAACE,GAAG,CAAC,CAAC;IAC3C;;IAEA,OAAOD,KAAK;EACd;;EAEA,OAAON,WAAW;AACpB;;AAEA,OAAO,SAASS,WAAWA,CAACC,QAA4B,EAAU;EAChE,OAAO,CAACA,QAAQ,GAAGX,iBAAiB,GAAGW,QAAQ;AACjD","ignoreList":[]}
+{"version":3,"names":["isNonNullable","DEFAULT_MASK_CHAR","DEFINITIONS","Object","freeze","a","getDefinitions","formatChars","chars","key","RegExp","getMaskChar","maskChar"],"sources":["MaskedInput.helpers.ts"],"sourcesContent":["import { isNonNullable } from '../../lib/utils';\n\nimport { type Definitions } from './react-imask/imask/masked/pattern';\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":"AAAA,SAASA,aAAa,QAAQ,iBAAiB;;;;AAI/C,OAAO,IAAMC,iBAAiB,GAAG,GAAG;AACpC,OAAO,IAAMC,WAAW,GAAGC,MAAM,CAACC,MAAM,CAAC,EAAE,GAAG,EAAE,OAAO,EAAEC,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC;;AAE7F,OAAO,SAASC,cAAcA,CAACC,WAA+C,EAAe;EAC3F,IAAIP,aAAa,CAACO,WAAW,CAAC,EAAE;IAC9B,IAAMC,KAA6B,GAAG,CAAC,CAAC;;IAExC,KAAK,IAAMC,GAAG,IAAIF,WAAW,EAAE;MAC7BC,KAAK,CAACC,GAAG,CAAC,GAAG,IAAIC,MAAM,CAACH,WAAW,CAACE,GAAG,CAAC,CAAC;IAC3C;;IAEA,OAAOD,KAAK;EACd;;EAEA,OAAON,WAAW;AACpB;;AAEA,OAAO,SAASS,WAAWA,CAACC,QAA4B,EAAU;EAChE,OAAO,CAACA,QAAQ,GAAGX,iBAAiB,GAAGW,QAAQ;AACjD","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import { type Definitions } from '@skbkontur/imask';
+import { type Definitions } from './react-imask/imask/masked/pattern';
 export declare const DEFAULT_MASK_CHAR = "_";
 export declare const DEFINITIONS: Readonly<{
     '9': RegExp;

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

@@ -1,4 +1,4 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject;
 import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 import { UI_FONT_NAME } from "../../../lib/styles/UiFont";
@@ -7,6 +7,6 @@ export var globalClasses = prefix('masked-input')({
 });
 export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      font-family: ", ", ", ";\n      font-variant-numeric: tabular-nums;\n    "])), UI_FONT_NAME, t.baseFontFamily);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      font-family: ", ", ", ";\n      font-variant-numeric: tabular-nums;\n    "])), UI_FONT_NAME, t.baseFontFamily);
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","UI_FONT_NAME","globalClasses","root","styles","t","_templateObject","_taggedTemplateLiteralLoose","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":"oHAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;AAErE,SAASC,YAAY,QAAQ,yBAAyB;;AAEtD,OAAO,IAAMC,aAAa,GAAGF,MAAM,CAAC,cAAc,CAAC,CAAC;EAClDG,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGL,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAACE,CAAQ,EAAE;IACb,OAAOP,GAAG,CAAAQ,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACON,YAAY,EAAKI,CAAC,CAACG,cAAc;;;EAGpD;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","UI_FONT_NAME","globalClasses","root","styles","t","_templateObject","_taggedTemplateLiteral","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":"0GAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;AAErE,SAASC,YAAY,QAAQ,yBAAyB;;AAEtD,OAAO,IAAMC,aAAa,GAAGF,MAAM,CAAC,cAAc,CAAC,CAAC;EAClDG,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGL,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAACE,CAAQ,EAAE;IACb,OAAOP,GAAG,CAAAQ,eAAA,KAAAA,eAAA,GAAAC,sBAAA;IACON,YAAY,EAAKI,CAAC,CAACG,cAAc;;;EAGpD;AACF,CAAC,CAAC","ignoreList":[]}

package/components/MaskedInput/example/example.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Gapped","MaskedInput","DynamicMaskSection","_ref","updateMetaFromEvent","_React$useState","useState","_React$useState2","_slicedToArray","mask","setMask","_React$useState3","_React$useState4","value","setValue","createElement","style","display","gap","marginBottom","flexWrap","type","onClick","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","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/components/MaskedInput/example/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/MaskedInput/example.js",
+  "module": "example",
+  "types": "../example.d.ts",
+  "sideEffects": false
+}

package/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/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/components/MaskedInput/react-imask/imask/controls/html-input-mask-element/html-input-mask-element.js

@@ -0,0 +1,54 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+} /* eslint-disable eqeqeq */
+import { HTMLMaskElement } from "../html-mask-element";
+
+/** Bridge between InputElement and {@link Masked} */
+export var HTMLInputMaskElement = /*#__PURE__*/function (_HTMLMaskElement) {
+  /** InputElement to use mask on */
+
+  function HTMLInputMaskElement(input) {
+    var _this;
+    _classCallCheck(this, HTMLInputMaskElement);
+    _this = _callSuper(this, HTMLInputMaskElement, [input]);
+    _this.input = input;
+    return _this;
+  }
+
+  /** Returns InputElement selection start */
+  _inherits(HTMLInputMaskElement, _HTMLMaskElement);
+  return _createClass(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);

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

@@ -0,0 +1 @@
+{"version":3,"names":["HTMLMaskElement","HTMLInputMaskElement","_HTMLMaskElement","input","_this","_classCallCheck","_callSuper","_inherits","_createClass","key","get","selectionStart","value","length","selectionEnd","_unsafeSelect","start","end","setSelectionRange","set"],"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":"kpBAAA;AACA,SAASA,eAAe,QAAQ,qBAAqB;;;;AAIrD;AACA,WAAaC,oBAAoB,0BAAAC,gBAAA;EAC/B;;;EAGA,SAAAD,qBAAYE,KAAmB,EAAE,KAAAC,KAAA,CAAAC,eAAA,OAAAJ,oBAAA;IAC/BG,KAAA,GAAAE,UAAA,OAAAL,oBAAA,GAAME,KAAK;IACXC,KAAA,CAAKD,KAAK,GAAGA,KAAK,CAAC,OAAAC,KAAA;EACrB;;EAEA,2CAAAG,SAAA,CAAAN,oBAAA,EAAAC,gBAAA,SAAAM,YAAA,CAAAP,oBAAA,KAAAQ,GAAA,2BAAAC,GAAA;IACA,SAAAA,IAAA,EAAoD;MAClD,OAAO,IAAI,CAACP,KAAK,CAACQ,cAAc,IAAI,IAAI,GAAG,IAAI,CAACR,KAAK,CAACQ,cAAc,GAAG,IAAI,CAACC,KAAK,CAACC,MAAM;IAC1F;;IAEA,+CAAAJ,GAAA,yBAAAC,GAAA;IACA,SAAAA,IAAA,EAAkD;MAChD,OAAO,IAAI,CAACP,KAAK,CAACW,YAAY;IAChC;;IAEA,wCAAAL,GAAA,mBAAAG,KAAA;IACA,SAAAG,cAAcC,KAAa,EAAEC,GAAW,EAAE;MACxC,IAAI,CAACd,KAAK,CAACe,iBAAiB,CAACF,KAAK,EAAEC,GAAG,CAAC;IAC1C,CAAC,MAAAR,GAAA,WAAAC,GAAA;;IAED,SAAAA,IAAA,EAA6B;MAC3B,OAAO,IAAI,CAACP,KAAK,CAACS,KAAK;IACzB,CAAC,EAAAO,GAAA;IACD,SAAAA,IAAmBP,KAAa,EAAE;MAChC,IAAI,CAACT,KAAK,CAACS,KAAK,GAAGA,KAAK;IAC1B,CAAC,OA7BuCZ,eAAe","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../../../cjs/components/MaskedInput/react-imask/imask/controls/html-input-mask-element.js",
+  "module": "html-input-mask-element",
+  "types": "../html-input-mask-element.d.ts",
+  "sideEffects": false
+}

package/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/components/MaskedInput/react-imask/imask/controls/html-mask-element/html-mask-element.js

@@ -0,0 +1,113 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
+import { MaskElement } from "../mask-element";
+
+/** Bridge between HTMLElement and {@link Masked} */
+export var HTMLMaskElement = /*#__PURE__*/function (_MaskElement) {
+  /** HTMLElement to use mask on */
+
+  function HTMLMaskElement(input) {
+    var _this;
+    _classCallCheck(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;
+  }
+  _inherits(HTMLMaskElement, _MaskElement);
+  return _createClass(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);

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

@@ -0,0 +1 @@
+{"version":3,"names":["MaskElement","HTMLMaskElement","_MaskElement","input","_this","_classCallCheck","_callSuper","_onKeydown","bind","_onInput","_onBeforeinput","_onCompositionEnd","_inherits","_createClass","key","get","_this$input$getRootNo","_this$input$getRootNo2","_this$input","getRootNode","call","document","rootElement","activeElement","value","bindEvents","handlers","addEventListener","drop","click","focus","commit","_handlers","e","isUndo","metaKey","ctrlKey","shiftKey","isRedo","redo","preventDefault","undo","isComposing","selectionChange","inputType","unbindEvents","removeEventListener"],"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/components/MaskedInput/react-imask/imask/controls/html-mask-element/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../../../cjs/components/MaskedInput/react-imask/imask/controls/html-mask-element.js",
+  "module": "html-mask-element",
+  "types": "../html-mask-element.d.ts",
+  "sideEffects": false
+}

package/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;
+}