@skbkontur/react-ui 0.0.0-cb54865bf2 → 0.0.0-ccbe7cf017

package/components/Input/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Input.tsx"],"names":["invariant","React","raf","cn","isIE11","isEdge","isKeyBackspace","isKeyDelete","someKeys","polyfillPlaceholder","MaskedInput","ThemeContext","jsStyles","Input","state","blinking","focused","selectAllId","theme","blinkTimeout","input","selectAll","setSelectionRange","value","length","delaySelectAll","cancelDelayedSelectAll","cancel","cancelBlink","callback","clearTimeout","setState","refInput","element","handleChange","event","fieldIsEmpty","target","props","onValueChange","onChange","handleFocus","selectAllOnFocus","onFocus","handleKeyDown","e","onKeyDown","isDeleteKey","currentTarget","repeat","handleUnexpectedInput","handleKeyPress","onKeyPress","maxLength","handleMaskedValueChange","onUnexpectedInput","blink","handleBlur","onBlur","renderPrefix","prefix","renderSuffix","suffix","componentDidMount","componentWillUnmount","UNSAFE_componentWillReceiveProps","nextProps","focus","blur","offsetWidth","window","setTimeout","start","end","Error","document","activeElement","render","renderMain","onMouseEnter","onMouseLeave","onMouseOver","width","error","warning","leftIcon","rightIcon","borderless","align","type","mask","maskChar","alwaysShowMask","style","className","size","placeholder","disabled","formatChars","rest","labelProps","root","getSizeClassName","focusFallback","warningFallback","errorFallback","inputProps","textAlign","ref","isMaskVisible","undefined","renderMaskedInput","createElement","sideContainer","renderLeftIcon","wrapper","renderPlaceholder","rightContainer","renderRightIcon","getIconSizeClassname","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","renderIcon","icon","sizeClassName","Function","useDefaultColor","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","Boolean","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","sourcesContent":["import invariant from 'invariant';\r\nimport React from 'react';\r\nimport raf from 'raf';\r\nimport cn from 'classnames';\r\n\r\nimport { isIE11, isEdge } from '../../lib/utils';\r\nimport { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers';\r\nimport { polyfillPlaceholder } from '../../lib/polyfillPlaceholder';\r\nimport { Nullable, Override } from '../../typings/utility-types';\r\nimport { MaskedInput } from '../../internal/MaskedInput';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './Input.styles';\r\n\r\nexport type InputSize = 'small' | 'medium' | 'large';\r\nexport type InputAlign = 'left' | 'center' | 'right';\r\nexport type InputType = 'password' | 'text';\r\nexport type InputIconType = React.ReactNode | (() => React.ReactNode);\r\n\r\nexport type InputProps = Override<\r\n  React.InputHTMLAttributes<HTMLInputElement>,\r\n  {\r\n    /**\r\n     * Иконка слева\r\n     * Если `ReactNode` применяются дефолтные стили для иконки\r\n     * Если `() => ReactNode` применяются только стили для позиционирование\r\n     */\r\n    leftIcon?: InputIconType;\r\n    /**\r\n     * Иконка справа\r\n     * Если `ReactNode` применяются дефолтные стили для иконки\r\n     * Если `() => ReactNode` применяются только стили для позиционирование\r\n     */\r\n    rightIcon?: InputIconType;\r\n    /** Состояние ошибки */\r\n    error?: boolean;\r\n    /** Состояние предупреждения */\r\n    warning?: boolean;\r\n    /** Режим прозрачной рамки */\r\n    borderless?: boolean;\r\n    /** Выравнивание текста */\r\n    align?: InputAlign;\r\n    /** Паттерн маски */\r\n    mask?: Nullable<string>;\r\n    /** Символ маски */\r\n    maskChar?: Nullable<string>;\r\n    /**\r\n     * Словарь символов-регулярок для задания маски\r\n     * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }\r\n     */\r\n    formatChars?: Record<string, string>;\r\n    /** Показывать символы маски */\r\n    alwaysShowMask?: boolean;\r\n    /** Размер */\r\n    size?: InputSize;\r\n    /** onValueChange */\r\n    onValueChange?: (value: string) => void;\r\n    /** Вызывается на label */\r\n    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\r\n    /** Вызывается на label */\r\n    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\r\n    /** Вызывается на label */\r\n    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\r\n    /** Тип */\r\n    type?: InputType;\r\n    /** Значение */\r\n    value?: string;\r\n    capture?: boolean;\r\n\r\n    /**\r\n     * Префикс\r\n     * `ReactNode` перед значением, но после иконки\r\n     */\r\n    prefix?: React.ReactNode;\r\n    /**\r\n     * Суффикс\r\n     * `ReactNode` после значения, но перед правой иконкой\r\n     */\r\n    suffix?: React.ReactNode;\r\n    /** Выделять введенное значение при фокусе */\r\n    selectAllOnFocus?: boolean;\r\n    /**\r\n     * Обработчик неправильного ввода.\r\n     * По-умолчанию, инпут вспыхивает синим.\r\n     * Если передан - вызывается переданный обработчик,\r\n     * в таком случае вспыхивание можно вызвать\r\n     * публичным методом инстанса `blink()`.\r\n     *\r\n     * @param value значение инпута.\r\n     */\r\n    onUnexpectedInput?: (value: string) => void;\r\n  }\r\n>;\r\n\r\nexport interface InputState {\r\n  blinking: boolean;\r\n  focused: boolean;\r\n  polyfillPlaceholder: boolean;\r\n}\r\n\r\n/**\r\n * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.\r\n *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`\r\n */\r\nexport class Input extends React.Component<InputProps, InputState> {\r\n  public static __KONTUR_REACT_UI__ = 'Input';\r\n\r\n  public static defaultProps: {\r\n    size: InputSize;\r\n  } = {\r\n    size: 'small',\r\n  };\r\n\r\n  public state: InputState = {\r\n    polyfillPlaceholder: false,\r\n    blinking: false,\r\n    focused: false,\r\n  };\r\n\r\n  private selectAllId: number | null = null;\r\n  private theme!: Theme;\r\n  private blinkTimeout = 0;\r\n  private input: HTMLInputElement | null = null;\r\n\r\n  public componentDidMount() {\r\n    if (polyfillPlaceholder) {\r\n      this.setState({ polyfillPlaceholder: true });\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.blinkTimeout) {\r\n      clearTimeout(this.blinkTimeout);\r\n    }\r\n    this.cancelDelayedSelectAll();\r\n  }\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: InputProps) {\r\n    if (polyfillPlaceholder && !nextProps.value) {\r\n      this.setState({ polyfillPlaceholder: true });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus() {\r\n    invariant(this.input, 'Cannot call \"focus\" because Input is not mounted');\r\n    this.input!.focus();\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur() {\r\n    invariant(this.input, 'Cannot call \"blur\" because Input is not mounted');\r\n    this.input!.blur();\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blink() {\r\n    if (this.blinkTimeout) {\r\n      this.cancelBlink(() => {\r\n        // trigger reflow to restart animation\r\n        // @see https://css-tricks.com/restart-css-animation/#article-header-id-0\r\n        void (this.input && this.input.offsetWidth);\r\n        this.blink();\r\n      });\r\n      return;\r\n    }\r\n    this.setState({ blinking: true }, () => {\r\n      this.blinkTimeout = window.setTimeout(this.cancelBlink, 150);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public setSelectionRange(start: number, end: number) {\r\n    if (!this.input) {\r\n      throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\r\n    }\r\n\r\n    if (document.activeElement !== this.input) {\r\n      this.focus();\r\n    }\r\n\r\n    this.input.setSelectionRange(start, end);\r\n  }\r\n\r\n  public get isMaskVisible(): boolean {\r\n    const { mask, alwaysShowMask } = this.props;\r\n    const { focused } = this.state;\r\n    return Boolean(mask && (focused || alwaysShowMask));\r\n  }\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public selectAll = (): void => {\r\n    if (this.input) {\r\n      this.setSelectionRange(0, this.input.value.length);\r\n    }\r\n  };\r\n\r\n  private delaySelectAll = (): number => (this.selectAllId = raf(this.selectAll));\r\n\r\n  private cancelDelayedSelectAll = (): void => {\r\n    if (this.selectAllId) {\r\n      raf.cancel(this.selectAllId);\r\n      this.selectAllId = null;\r\n    }\r\n  };\r\n\r\n  private cancelBlink = (callback?: () => void): void => {\r\n    if (this.blinkTimeout) {\r\n      clearTimeout(this.blinkTimeout);\r\n      this.blinkTimeout = 0;\r\n      if (this.state.blinking) {\r\n        this.setState({ blinking: false }, callback);\r\n        return;\r\n      }\r\n    }\r\n    if (callback) {\r\n      callback();\r\n    }\r\n  };\r\n\r\n  private renderMain() {\r\n    const {\r\n      onMouseEnter,\r\n      onMouseLeave,\r\n      onMouseOver,\r\n      onKeyDown,\r\n      onKeyPress,\r\n      onValueChange,\r\n      width,\r\n      error,\r\n      warning,\r\n      leftIcon,\r\n      rightIcon,\r\n      borderless,\r\n      value,\r\n      align,\r\n      type,\r\n      mask,\r\n      maskChar,\r\n      alwaysShowMask,\r\n      style,\r\n      className,\r\n      size,\r\n      placeholder,\r\n      selectAllOnFocus,\r\n      disabled,\r\n      onUnexpectedInput,\r\n      prefix,\r\n      suffix,\r\n      formatChars,\r\n      ...rest\r\n    } = this.props;\r\n\r\n    const { blinking, focused } = this.state;\r\n\r\n    const labelProps = {\r\n      className: cn(jsStyles.root(this.theme), this.getSizeClassName(), {\r\n        [jsStyles.borderless()]: !!borderless,\r\n        [jsStyles.focus(this.theme)]: focused,\r\n        [jsStyles.blink(this.theme)]: !!blinking,\r\n        [jsStyles.warning(this.theme)]: !!warning,\r\n        [jsStyles.error(this.theme)]: !!error,\r\n        [jsStyles.disabled(this.theme)]: !!disabled,\r\n        [jsStyles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\r\n        [jsStyles.warningFallback(this.theme)]: !!warning && (isIE11 || isEdge),\r\n        [jsStyles.errorFallback(this.theme)]: !!error && (isIE11 || isEdge),\r\n      }),\r\n      style: { width },\r\n      onMouseEnter,\r\n      onMouseLeave,\r\n      onMouseOver,\r\n    };\r\n\r\n    const inputProps = {\r\n      ...rest,\r\n      className: jsStyles.input(this.theme),\r\n      value,\r\n      onChange: this.handleChange,\r\n      onFocus: this.handleFocus,\r\n      onKeyDown: this.handleKeyDown,\r\n      onKeyPress: this.handleKeyPress,\r\n      onBlur: this.handleBlur,\r\n      style: { textAlign: align },\r\n      ref: this.refInput,\r\n      type: 'text',\r\n      placeholder: !this.isMaskVisible && !polyfillPlaceholder ? placeholder : undefined,\r\n      disabled,\r\n    };\r\n\r\n    if (type === 'password') {\r\n      inputProps.type = type;\r\n    }\r\n\r\n    const input = mask ? this.renderMaskedInput(inputProps, mask) : React.createElement('input', inputProps);\r\n\r\n    return (\r\n      <label {...labelProps}>\r\n        <span className={jsStyles.sideContainer()}>\r\n          {this.renderLeftIcon()}\r\n          {this.renderPrefix()}\r\n        </span>\r\n        <span className={jsStyles.wrapper()}>\r\n          {input}\r\n          {this.renderPlaceholder()}\r\n        </span>\r\n        <span className={cn(jsStyles.sideContainer(), jsStyles.rightContainer())}>\r\n          {this.renderSuffix()}\r\n          {this.renderRightIcon()}\r\n        </span>\r\n      </label>\r\n    );\r\n  }\r\n\r\n  private renderMaskedInput(\r\n    inputProps: React.InputHTMLAttributes<HTMLInputElement> & {\r\n      capture?: boolean;\r\n    },\r\n    mask: string,\r\n  ) {\r\n    return (\r\n      <MaskedInput\r\n        {...inputProps}\r\n        mask={mask}\r\n        maskChar={this.props.maskChar === undefined ? '_' : this.props.maskChar}\r\n        alwaysShowMask={this.props.alwaysShowMask}\r\n        formatChars={this.props.formatChars}\r\n        onChange={this.props.onChange}\r\n        onValueChange={this.handleMaskedValueChange}\r\n        onUnexpectedInput={this.handleUnexpectedInput}\r\n      />\r\n    );\r\n  }\r\n\r\n  private getIconSizeClassname(right = false) {\r\n    switch (this.props.size) {\r\n      case 'large':\r\n        return right ? jsStyles.rightIconLarge(this.theme) : jsStyles.leftIconLarge(this.theme);\r\n      case 'medium':\r\n        return right ? jsStyles.rightIconMedium(this.theme) : jsStyles.leftIconMedium(this.theme);\r\n      case 'small':\r\n      default:\r\n        return right ? jsStyles.rightIconSmall(this.theme) : jsStyles.leftIconSmall(this.theme);\r\n    }\r\n  }\r\n\r\n  private renderLeftIcon() {\r\n    return this.renderIcon(this.props.leftIcon, this.getIconSizeClassname());\r\n  }\r\n\r\n  private renderRightIcon() {\r\n    return this.renderIcon(this.props.rightIcon, this.getIconSizeClassname(true));\r\n  }\r\n\r\n  private renderIcon(icon: InputIconType, sizeClassName: string) {\r\n    if (!icon) {\r\n      return null;\r\n    }\r\n\r\n    if (icon instanceof Function) {\r\n      return <span className={cn(jsStyles.icon(), sizeClassName)}>{icon()}</span>;\r\n    }\r\n\r\n    return (\r\n      <span\r\n        className={cn(\r\n          cn(jsStyles.icon(), sizeClassName),\r\n          jsStyles.useDefaultColor(this.theme),\r\n          jsStyles.useDefaultColor(this.theme),\r\n        )}\r\n      >\r\n        {icon}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private renderPlaceholder() {\r\n    let placeholder = null;\r\n\r\n    if (this.state.polyfillPlaceholder && this.props.placeholder && !this.isMaskVisible && !this.props.value) {\r\n      placeholder = (\r\n        <div\r\n          className={cn(jsStyles.placeholder(this.theme), jsStyles.placeholder(this.theme))}\r\n          style={{ textAlign: this.props.align || 'inherit' }}\r\n        >\r\n          {this.props.placeholder}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return placeholder;\r\n  }\r\n\r\n  private getSizeClassName() {\r\n    switch (this.props.size) {\r\n      case 'large':\r\n        return { [jsStyles.sizeLarge(this.theme)]: true, [jsStyles.sizeLargeFallback(this.theme)]: isIE11 || isEdge };\r\n      case 'medium':\r\n        return { [jsStyles.sizeMedium(this.theme)]: true, [jsStyles.sizeMediumFallback(this.theme)]: isIE11 || isEdge };\r\n      case 'small':\r\n      default:\r\n        return { [jsStyles.sizeSmall(this.theme)]: true, [jsStyles.sizeSmallFallback(this.theme)]: isIE11 || isEdge };\r\n    }\r\n  }\r\n\r\n  private refInput = (element: HTMLInputElement | MaskedInput | null) => {\r\n    if (element instanceof MaskedInput) {\r\n      this.input = element.input;\r\n    } else {\r\n      this.input = element;\r\n    }\r\n  };\r\n\r\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (polyfillPlaceholder) {\r\n      const fieldIsEmpty = event.target.value === '';\r\n      if (this.state.polyfillPlaceholder !== fieldIsEmpty) {\r\n        this.setState({ polyfillPlaceholder: fieldIsEmpty });\r\n      }\r\n    }\r\n\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(event.target.value);\r\n    }\r\n\r\n    if (this.props.onChange) {\r\n      this.props.onChange(event);\r\n    }\r\n  };\r\n\r\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    this.setState({\r\n      focused: true,\r\n    });\r\n\r\n    if (this.props.selectAllOnFocus) {\r\n      // https://github.com/facebook/react/issues/7769\r\n      this.input ? this.selectAll() : this.delaySelectAll();\r\n    }\r\n\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(event);\r\n    }\r\n  };\r\n\r\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (this.props.onKeyDown) {\r\n      this.props.onKeyDown(e);\r\n    }\r\n\r\n    const isDeleteKey = someKeys(isKeyBackspace, isKeyDelete)(e);\r\n\r\n    if (!e.currentTarget.value && isDeleteKey && !e.repeat) {\r\n      this.handleUnexpectedInput();\r\n    }\r\n  };\r\n\r\n  private handleKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (this.props.onKeyPress) {\r\n      this.props.onKeyPress(event);\r\n    }\r\n\r\n    if (this.props.maxLength === event.currentTarget.value.length) {\r\n      this.handleUnexpectedInput(event.currentTarget.value);\r\n    }\r\n  };\r\n\r\n  private handleMaskedValueChange = (value: string) => {\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(value);\r\n    }\r\n  };\r\n\r\n  private handleUnexpectedInput = (value: string = this.props.value || '') => {\r\n    if (this.props.onUnexpectedInput) {\r\n      this.props.onUnexpectedInput(value);\r\n    } else {\r\n      this.blink();\r\n    }\r\n  };\r\n\r\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    this.setState({ focused: false });\r\n\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur(event);\r\n    }\r\n  };\r\n\r\n  private renderPrefix = () => {\r\n    const { prefix } = this.props;\r\n\r\n    if (!prefix) {\r\n      return null;\r\n    }\r\n\r\n    return <span className={jsStyles.prefix(this.theme)}>{prefix}</span>;\r\n  };\r\n\r\n  private renderSuffix = () => {\r\n    const { suffix } = this.props;\r\n\r\n    if (!suffix) {\r\n      return null;\r\n    }\r\n\r\n    return <span className={jsStyles.suffix(this.theme)}>{suffix}</span>;\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Input.tsx"],"names":["invariant","React","raf","warning","isEdge","isIE11","isKeyBackspace","isKeyDelete","someKeys","needsPolyfillPlaceholder","MaskedInput","ThemeContext","CommonWrapper","cx","rootNode","createPropsGetter","isTheme2022","styles","InputLayout","PolyfillPlaceholder","inputTypes","selectionAllowedTypes","selectionErrorMessage","type","allowedTypes","map","i","join","maskForbiddenTypes","maskAllowedTypes","filter","includes","maskErrorMessage","InputDataTids","root","Input","getProps","defaultProps","state","blinking","focused","selectAllId","blinkTimeout","input","selectAll","setSelectionRange","value","length","delaySelectAll","cancelDelayedSelectAll","cancel","cancelBlink","callback","clearTimeout","setState","renderMain","props","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onKeyPress","onValueChange","width","error","role","leftIcon","rightIcon","borderless","align","mask","maskChar","alwaysShowMask","size","placeholder","selectAllOnFocus","disabled","onUnexpectedInput","prefix","suffix","formatChars","corners","ariaDescribedby","rest","labelProps","className","theme","getSizeClassName","focus","hovering","blink","focusFallback","warningFallback","errorFallback","style","inputProps","inputFocus","inputDisabled","onChange","handleChange","onFocus","handleFocus","handleKeyDown","handleKeyPress","onBlur","handleBlur","textAlign","ref","refInput","isMaskVisible","undefined","canBeUsedWithMask","renderMaskedInput","createElement","Boolean","defaultValue","sideContainer","renderLeftIcon","renderPrefix","wrapper","renderPlaceholder","rightContainer","renderSuffix","renderRightIcon","element","event","fieldIsEmpty","target","e","isDeleteKey","currentTarget","repeat","handleUnexpectedInput","maxLength","handleMaskedValueChange","prefixDisabled","suffixDisabled","outputMaskError","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","blur","getNode","offsetWidth","window","setTimeout","start","end","Error","document","activeElement","render","setRootNode","getIconSizeClassname","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","renderIcon","icon","sizeClassName","iconNode","Function","useDefaultColor","iconFocus","iconDisabled","placeholderDisabled","placeholderFocus","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport invariant from 'invariant';\nimport React, { AriaAttributes, HTMLAttributes } from 'react';\nimport raf from 'raf';\nimport warning from 'warning';\n\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { MaskedInput } from '../../internal/MaskedInput';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './Input.styles';\nimport { InputLayout } from './InputLayout/InputLayout';\nimport { PolyfillPlaceholder } from './InputLayout/PolyfillPlaceholder';\n\nexport const inputTypes = ['password', 'text', 'number', 'tel', 'search', 'time', 'date', 'url', 'email'] as const;\n\nexport type InputSize = 'small' | 'medium' | 'large';\nexport type InputAlign = 'left' | 'center' | 'right';\nexport type InputType = typeof inputTypes[number];\nexport type InputIconType = React.ReactNode | (() => React.ReactNode);\n\nexport const selectionAllowedTypes: InputType[] = ['text', 'password', 'tel', 'search', 'url'];\nexport const selectionErrorMessage = (type: InputType, allowedTypes: InputType[] = selectionAllowedTypes) => {\n  return `<Input />. Selection is not supported by the type \"${type}\". Types that support selection: ${allowedTypes\n    .map((i) => `\"${i}\"`)\n    .join(', ')}. Reason: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange.`;\n};\n\nexport const maskForbiddenTypes: InputType[] = ['number', 'date', 'time'];\nexport const maskAllowedTypes: InputType[] = inputTypes.filter((type) => {\n  return !maskForbiddenTypes.includes(type);\n});\nexport const maskErrorMessage = (type: InputType, allowedTypes: InputType[] = maskAllowedTypes) => {\n  return `<Input />. Prop \"mask\" does not support type \"${type}\". Supported types: ${allowedTypes\n    .map((i) => `\"${i}\"`)\n    .join(', ')}.`;\n};\n\nexport interface InputProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /**\n         * Иконка слева\n         * Если `ReactNode` применяются дефолтные стили для иконки\n         * Если `() => ReactNode` применяются только стили для позиционирование\n         */\n        leftIcon?: InputIconType;\n        /**\n         * Иконка справа\n         * Если `ReactNode` применяются дефолтные стили для иконки\n         * Если `() => ReactNode` применяются только стили для позиционирование\n         */\n        rightIcon?: InputIconType;\n        /**\n         * Состояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Состояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /** Режим прозрачной рамки */\n        borderless?: boolean;\n        /** Выравнивание текста */\n        align?: InputAlign;\n        /** Паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url` */\n        mask?: Nullable<string>;\n        /** Символ маски */\n        maskChar?: Nullable<string>;\n        /**\n         * Словарь символов-регулярок для задания маски\n         * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }\n         */\n        formatChars?: Record<string, string>;\n        /** Показывать символы маски */\n        alwaysShowMask?: boolean;\n        /** Размер */\n        size?: InputSize;\n        /** onValueChange */\n        onValueChange?: (value: string) => void;\n        /** Вызывается на label */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n        /** Вызывается на label */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n        /** Вызывается на label */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * Тип. Возможные значения: 'password' | 'text' | 'number' | 'tel' | 'search' | 'time' | 'date' | 'url' | 'email'\n         * */\n        type?: InputType;\n        /** Значение */\n        value?: string;\n        capture?: boolean;\n\n        /**\n         * Префикс\n         * `ReactNode` перед значением, но после иконки\n         */\n        prefix?: React.ReactNode;\n        /**\n         * Суффикс\n         * `ReactNode` после значения, но перед правой иконкой\n         */\n        suffix?: React.ReactNode;\n        /** Выделять введенное значение при фокусе. Работает с типами `text`, `password`, `tel`, `search`, `url`. [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange) */\n        selectAllOnFocus?: boolean;\n        /**\n         * Обработчик неправильного ввода.\n         * По-умолчанию, инпут вспыхивает синим.\n         * Если передан - вызывается переданный обработчик,\n         * в таком случае вспыхивание можно вызвать\n         * публичным методом инстанса `blink()`.\n         *\n         * @param value значение инпута.\n         */\n        onUnexpectedInput?: (value: string) => void;\n        /** @ignore */\n        corners?: Partial<\n          Pick<\n            React.CSSProperties,\n            'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'\n          >\n        >;\n        /**\n         * Атрибут для указания id элемента(-ов), описывающих его\n         */\n        'aria-describedby'?: AriaAttributes['aria-describedby'];\n      }\n    > {}\n\nexport interface InputState {\n  blinking: boolean;\n  focused: boolean;\n  needsPolyfillPlaceholder: boolean;\n}\n\nexport const InputDataTids = {\n  root: 'Input__root',\n} as const;\n\ntype DefaultProps = Required<Pick<InputProps, 'size' | 'type'>>;\n\n/**\n * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.\n *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`\n */\n@rootNode\nexport class Input extends React.Component<InputProps, InputState> {\n  public static __KONTUR_REACT_UI__ = 'Input';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n    type: 'text',\n  };\n\n  private getProps = createPropsGetter(Input.defaultProps);\n\n  public state: InputState = {\n    needsPolyfillPlaceholder,\n    blinking: false,\n    focused: false,\n  };\n\n  private selectAllId: number | null = null;\n  private theme!: Theme;\n  private blinkTimeout = 0;\n  private input: HTMLInputElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  private outputMaskError() {\n    warning(!(this.props.mask && this.canBeUsedWithMask), maskErrorMessage(this.getProps().type));\n  }\n\n  public componentDidMount() {\n    this.outputMaskError();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<InputProps>) {\n    if (this.props.type !== prevProps.type || this.props.mask !== prevProps.mask) {\n      this.outputMaskError();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      clearTimeout(this.blinkTimeout);\n    }\n    this.cancelDelayedSelectAll();\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    invariant(this.input, 'Cannot call \"focus\" because Input is not mounted');\n    this.input.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    invariant(this.input, 'Cannot call \"blur\" because Input is not mounted');\n    this.input.blur();\n  }\n\n  /**\n   * @public\n   */\n  public getNode() {\n    return this.input;\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.blinkTimeout) {\n      this.cancelBlink(() => {\n        // trigger reflow to restart animation\n        // @see https://css-tricks.com/restart-css-animation/#article-header-id-0\n        void (this.input && this.input.offsetWidth);\n        this.blink();\n      });\n      return;\n    }\n    this.setState({ blinking: true }, () => {\n      this.blinkTimeout = window.setTimeout(this.cancelBlink, 150);\n    });\n  }\n\n  /**\n   * @public\n   * @param {number} start\n   * @param {number} end\n   */\n  public setSelectionRange(start: number, end: number) {\n    // https://github.com/facebook/react/issues/7769\n    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n    if (!selectionAllowedTypes.includes(this.getProps().type)) {\n      warning(false, selectionErrorMessage(this.getProps().type));\n\n      return;\n    }\n\n    if (!this.input) {\n      throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\n    }\n\n    if (document.activeElement !== this.input) {\n      this.focus();\n    }\n    if (this.props.mask && this.props.value && this.props.value?.length < this.props.mask.length) {\n      setTimeout(() => {\n        this.input?.setSelectionRange(start, end);\n      }, 150);\n    } else {\n      this.input?.setSelectionRange(start, end);\n    }\n  }\n\n  public get isMaskVisible(): boolean {\n    const { mask, alwaysShowMask } = this.props;\n    const { focused } = this.state;\n    return Boolean(mask && (focused || alwaysShowMask));\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private get canBeUsedWithMask() {\n    return maskForbiddenTypes.includes(this.getProps().type);\n  }\n\n  /**\n   * Работает с типами `text`, `password`, `tel`, `search`, `url`\n   * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)\n   * @public\n   */\n  public selectAll = (): void => {\n    if (this.input) {\n      this.setSelectionRange(0, this.input.value.length);\n    }\n  };\n\n  private delaySelectAll = (): number => (this.selectAllId = raf(this.selectAll));\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      raf.cancel(this.selectAllId);\n      this.selectAllId = null;\n    }\n  };\n\n  private cancelBlink = (callback?: () => void): void => {\n    if (this.blinkTimeout) {\n      clearTimeout(this.blinkTimeout);\n      this.blinkTimeout = 0;\n      if (this.state.blinking) {\n        this.setState({ blinking: false }, callback);\n        return;\n      }\n    }\n    if (callback) {\n      callback();\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<InputProps>) => {\n    const {\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onKeyDown,\n      onKeyPress,\n      onValueChange,\n      width,\n      error,\n      role,\n      warning,\n      leftIcon,\n      rightIcon,\n      borderless,\n      value,\n      align,\n      type,\n      mask,\n      maskChar,\n      alwaysShowMask,\n      size,\n      placeholder,\n      selectAllOnFocus,\n      disabled,\n      onUnexpectedInput,\n      prefix,\n      suffix,\n      formatChars,\n      corners,\n      'aria-describedby': ariaDescribedby,\n      ...rest\n    } = props;\n\n    const { blinking, focused } = this.state;\n\n    const labelProps = {\n      className: cx(styles.root(this.theme), this.getSizeClassName(), {\n        [styles.focus(this.theme)]: focused && !warning && !error,\n        [styles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n        [styles.blink(this.theme)]: blinking,\n        [styles.borderless()]: borderless && !focused,\n        [styles.disabled(this.theme)]: disabled,\n        [styles.warning(this.theme)]: warning,\n        [styles.error(this.theme)]: error,\n        [styles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\n        [styles.warningFallback(this.theme)]: warning && (isIE11 || isEdge),\n        [styles.errorFallback(this.theme)]: error && (isIE11 || isEdge),\n      }),\n      style: { width, ...corners },\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n    };\n\n    const inputProps = {\n      ...rest,\n      className: cx(styles.input(this.theme), {\n        [styles.inputFocus(this.theme)]: focused,\n        [styles.inputDisabled(this.theme)]: disabled,\n      }),\n      value,\n      role,\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onKeyDown: this.handleKeyDown,\n      onKeyPress: this.handleKeyPress,\n      onBlur: this.handleBlur,\n      style: { textAlign: align },\n      ref: this.refInput,\n      type,\n      placeholder: !this.isMaskVisible && !needsPolyfillPlaceholder ? placeholder : undefined,\n      disabled,\n      'aria-describedby': ariaDescribedby,\n    };\n\n    const input =\n      mask && !this.canBeUsedWithMask\n        ? this.renderMaskedInput(inputProps, mask)\n        : React.createElement('input', inputProps);\n\n    if (isTheme2022(this.theme)) {\n      return (\n        <InputLayout\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          prefix={prefix}\n          suffix={suffix}\n          labelProps={labelProps}\n          context={{ disabled: Boolean(disabled), focused, size }}\n        >\n          {input}\n          {this.state.needsPolyfillPlaceholder && (\n            <PolyfillPlaceholder\n              isMaskVisible={this.isMaskVisible}\n              value={value}\n              defaultValue={this.props.defaultValue}\n              align={align}\n            >\n              {placeholder}\n            </PolyfillPlaceholder>\n          )}\n        </InputLayout>\n      );\n    }\n\n    return (\n      <label data-tid={InputDataTids.root} {...labelProps}>\n        <span className={styles.sideContainer()}>\n          {this.renderLeftIcon()}\n          {this.renderPrefix()}\n        </span>\n        <span className={styles.wrapper()}>\n          {input}\n          {this.renderPlaceholder()}\n        </span>\n        <span className={cx(styles.sideContainer(), styles.rightContainer())}>\n          {this.renderSuffix()}\n          {this.renderRightIcon()}\n        </span>\n      </label>\n    );\n  };\n\n  private renderMaskedInput(\n    inputProps: React.InputHTMLAttributes<HTMLInputElement> & {\n      capture?: boolean;\n    },\n    mask: string,\n  ) {\n    return (\n      <MaskedInput\n        {...inputProps}\n        mask={mask}\n        maskChar={this.props.maskChar}\n        alwaysShowMask={this.props.alwaysShowMask}\n        formatChars={this.props.formatChars}\n        onChange={this.props.onChange}\n        onValueChange={this.handleMaskedValueChange}\n        onUnexpectedInput={this.handleUnexpectedInput}\n      />\n    );\n  }\n\n  private getIconSizeClassname(right = false) {\n    switch (this.getProps().size) {\n      case 'large':\n        return right ? styles.rightIconLarge(this.theme) : styles.leftIconLarge(this.theme);\n      case 'medium':\n        return right ? styles.rightIconMedium(this.theme) : styles.leftIconMedium(this.theme);\n      case 'small':\n      default:\n        return right ? styles.rightIconSmall(this.theme) : styles.leftIconSmall(this.theme);\n    }\n  }\n\n  private renderLeftIcon() {\n    return this.renderIcon(this.props.leftIcon, this.getIconSizeClassname());\n  }\n\n  private renderRightIcon() {\n    return this.renderIcon(this.props.rightIcon, this.getIconSizeClassname(true));\n  }\n\n  private renderIcon(icon: InputIconType, sizeClassName: string) {\n    if (!icon) {\n      return null;\n    }\n    const { disabled } = this.props;\n    const iconNode = icon instanceof Function ? icon() : icon;\n\n    return (\n      <span\n        className={cx(styles.icon(), sizeClassName, styles.useDefaultColor(this.theme), {\n          [styles.iconFocus(this.theme)]: this.state.focused,\n          [styles.iconDisabled()]: disabled,\n        })}\n      >\n        {iconNode}\n      </span>\n    );\n  }\n\n  private renderPlaceholder() {\n    const { disabled } = this.props;\n    const { focused } = this.state;\n    let placeholder = null;\n\n    if (\n      this.state.needsPolyfillPlaceholder &&\n      this.props.placeholder &&\n      !this.isMaskVisible &&\n      !this.props.value &&\n      !this.props.defaultValue\n    ) {\n      placeholder = (\n        <div\n          className={cx(styles.placeholder(this.theme), {\n            [styles.placeholderDisabled(this.theme)]: disabled,\n            [styles.placeholderFocus(this.theme)]: focused,\n          })}\n          style={{ textAlign: this.props.align || 'inherit' }}\n        >\n          {this.props.placeholder}\n        </div>\n      );\n    }\n\n    return placeholder;\n  }\n\n  private getSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return cx({\n          [styles.sizeLarge(this.theme)]: true,\n          [styles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'medium':\n        return cx({\n          [styles.sizeMedium(this.theme)]: true,\n          [styles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'small':\n      default:\n        return cx({\n          [styles.sizeSmall(this.theme)]: true,\n          [styles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\n        });\n    }\n  }\n\n  private refInput = (element: HTMLInputElement | MaskedInput | null) => {\n    if (element instanceof MaskedInput) {\n      this.input = element.input;\n    } else {\n      this.input = element;\n    }\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (needsPolyfillPlaceholder) {\n      const fieldIsEmpty = event.target.value === '';\n      if (this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {\n        this.setState({ needsPolyfillPlaceholder: fieldIsEmpty });\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(event.target.value);\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(event);\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({\n      focused: true,\n    });\n\n    if (this.props.selectAllOnFocus) {\n      this.input && !isIE11 ? this.selectAll() : this.delaySelectAll();\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n\n    const isDeleteKey = someKeys(isKeyBackspace, isKeyDelete)(e);\n\n    if (!e.currentTarget.value && isDeleteKey && !e.repeat) {\n      this.handleUnexpectedInput();\n    }\n  };\n\n  private handleKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyPress) {\n      this.props.onKeyPress(event);\n    }\n\n    if (this.props.maxLength === event.currentTarget.value.length) {\n      this.handleUnexpectedInput(event.currentTarget.value);\n    }\n  };\n\n  private handleMaskedValueChange = (value: string) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private handleUnexpectedInput = (value: string = this.props.value || '') => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(value);\n    } else {\n      this.blink();\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private renderPrefix = () => {\n    const { prefix, disabled } = this.props;\n\n    if (!prefix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(styles.prefix(this.theme), { [styles.prefixDisabled(this.theme)]: disabled })}>{prefix}</span>\n    );\n  };\n\n  private renderSuffix = () => {\n    const { suffix, disabled } = this.props;\n\n    if (!suffix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(styles.suffix(this.theme), { [styles.suffixDisabled(this.theme)]: disabled })}>{suffix}</span>\n    );\n  };\n}\n"]}

package/components/Input/Input.d.ts

@@ -1,10 +1,17 @@
-import React from 'react';
+import React, { AriaAttributes, HTMLAttributes } from 'react';
 import { Nullable, Override } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare const inputTypes: readonly ["password", "text", "number", "tel", "search", "time", "date", "url", "email"];
 export declare type InputSize = 'small' | 'medium' | 'large';
 export declare type InputAlign = 'left' | 'center' | 'right';
-export declare type InputType = 'password' | 'text';
+export declare type InputType = typeof inputTypes[number];
 export declare type InputIconType = React.ReactNode | (() => React.ReactNode);
-export declare type InputProps = Override<React.InputHTMLAttributes<HTMLInputElement>, {
+export declare const selectionAllowedTypes: InputType[];
+export declare const selectionErrorMessage: (type: InputType, allowedTypes?: InputType[]) => string;
+export declare const maskForbiddenTypes: InputType[];
+export declare const maskAllowedTypes: InputType[];
+export declare const maskErrorMessage: (type: InputType, allowedTypes?: InputType[]) => string;
+export interface InputProps extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Override<React.InputHTMLAttributes<HTMLInputElement>, {
     /**
      * Иконка слева
      * Если `ReactNode` применяются дефолтные стили для иконки
@@ -17,15 +24,19 @@ export declare type InputProps = Override<React.InputHTMLAttributes<HTMLInputEle
      * Если `() => ReactNode` применяются только стили для позиционирование
      */
     rightIcon?: InputIconType;
-    /** Состояние ошибки */
+    /**
+     * Состояние валидации при ошибке.
+     */
     error?: boolean;
-    /** Состояние предупреждения */
+    /**
+     * Состояние валидации при предупреждении.
+     */
     warning?: boolean;
     /** Режим прозрачной рамки */
     borderless?: boolean;
     /** Выравнивание текста */
     align?: InputAlign;
-    /** Паттерн маски */
+    /** Паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url` */
     mask?: Nullable<string>;
     /** Символ маски */
     maskChar?: Nullable<string>;
@@ -46,7 +57,9 @@ export declare type InputProps = Override<React.InputHTMLAttributes<HTMLInputEle
     onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
     /** Вызывается на label */
     onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Тип */
+    /**
+     * Тип. Возможные значения: 'password' | 'text' | 'number' | 'tel' | 'search' | 'time' | 'date' | 'url' | 'email'
+     * */
     type?: InputType;
     /** Значение */
     value?: string;
@@ -61,7 +74,7 @@ export declare type InputProps = Override<React.InputHTMLAttributes<HTMLInputEle
      * `ReactNode` после значения, но перед правой иконкой
      */
     suffix?: React.ReactNode;
-    /** Выделять введенное значение при фокусе */
+    /** Выделять введенное значение при фокусе. Работает с типами `text`, `password`, `tel`, `search`, `url`. [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange) */
     selectAllOnFocus?: boolean;
     /**
      * Обработчик неправильного ввода.
@@ -73,29 +86,41 @@ export declare type InputProps = Override<React.InputHTMLAttributes<HTMLInputEle
      * @param value значение инпута.
      */
     onUnexpectedInput?: (value: string) => void;
-}>;
+    /** @ignore */
+    corners?: Partial<Pick<React.CSSProperties, 'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'>>;
+    /**
+     * Атрибут для указания id элемента(-ов), описывающих его
+     */
+    'aria-describedby'?: AriaAttributes['aria-describedby'];
+}> {
+}
 export interface InputState {
     blinking: boolean;
     focused: boolean;
-    polyfillPlaceholder: boolean;
+    needsPolyfillPlaceholder: boolean;
 }
+export declare const InputDataTids: {
+    readonly root: "Input__root";
+};
+declare type DefaultProps = Required<Pick<InputProps, 'size' | 'type'>>;
 /**
- * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
+ * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
  *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
  */
 export declare class Input extends React.Component<InputProps, InputState> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        size: InputSize;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     state: InputState;
     private selectAllId;
     private theme;
     private blinkTimeout;
     private input;
+    private setRootNode;
+    private outputMaskError;
     componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<InputProps>): void;
     componentWillUnmount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: InputProps): void;
     /**
      * @public
      */
@@ -104,17 +129,26 @@ export declare class Input extends React.Component<InputProps, InputState> {
      * @public
      */
     blur(): void;
+    /**
+     * @public
+     */
+    getNode(): HTMLInputElement | null;
     /**
      * @public
      */
     blink(): void;
     /**
      * @public
+     * @param {number} start
+     * @param {number} end
      */
     setSelectionRange(start: number, end: number): void;
     get isMaskVisible(): boolean;
     render(): JSX.Element;
+    private get canBeUsedWithMask();
     /**
+     * Работает с типами `text`, `password`, `tel`, `search`, `url`
+     * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)
      * @public
      */
     selectAll: () => void;
@@ -140,3 +174,4 @@ export declare class Input extends React.Component<InputProps, InputState> {
     private renderPrefix;
     private renderSuffix;
 }
+export {};

package/components/Input/Input.md

@@ -1,13 +1,78 @@
-```jsx harmony
-import SearchIcon from '@skbkontur/react-icons/Search';
-
-<Input leftIcon={<SearchIcon />} />;
-```
-
-Пример с префиксом:
-
-```jsx harmony
-import SearchIcon from '@skbkontur/react-icons/Search';
-
-<Input width={400} prefix="https://kontur.ru/search?query=" rightIcon={<SearchIcon />} />;
-```
+```jsx harmony
+import SearchIcon from '@skbkontur/react-icons/Search';
+
+<Input leftIcon={<SearchIcon />} />;
+```
+
+Очистить значение в `Input`'е можно только с помощью пустой строки
+
+```jsx harmony
+import { Button, Group } from '@skbkontur/react-ui';
+
+const [value, setValue] = React.useState('Значение');
+
+<Group>
+  <Input value={value} onValueChange={setValue} />
+  <Button onClick={() => setValue('')}>Очистить</Button>
+</Group>
+```
+
+Пример с префиксом:
+
+```jsx harmony
+import SearchIcon from '@skbkontur/react-icons/Search';
+
+<Input
+  width={400}
+  prefix="https://kontur.ru/search?query="
+  rightIcon={<SearchIcon />}
+/>;
+```
+
+Примеры разных значений `type`:
+
+```jsx harmony
+import { Gapped, Input, Tooltip } from '@skbkontur/react-ui';
+
+<Gapped vertical gap={20}>
+  <Gapped gap={20}>
+    <Input type="password" />
+    <span>type = "password"</span>
+  </Gapped>
+
+  <Gapped gap={20}>
+    <Input type="number" />
+    <span>type = "number"</span>
+  </Gapped>
+
+  <Gapped gap={20}>
+    <Input type="tel" />
+    <span>type = "tel"</span>
+  </Gapped>
+
+  <Gapped gap={20}>
+    <Input type="search" />
+    <span>type = "search"</span>
+  </Gapped>
+
+  <Gapped gap={20}>
+    <Input type="time" />
+    <span>type = "time"</span>
+  </Gapped>
+
+  <Gapped gap={20}>
+    <Input type="date" />
+    <span>type = "date"</span>
+  </Gapped>
+
+  <Gapped gap={20}>
+    <Input type="url" />
+    <span>type = "url"</span>
+  </Gapped>
+
+  <Gapped gap={20}>
+    <Input type="email" />
+    <span>type = "email"</span>
+  </Gapped>
+</Gapped>
+```