@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ea6161656e

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Input.tsx"],"names":["invariant","React","warning","globalObject","isEdge","isIE11","isKeyBackspace","isKeyDelete","someKeys","needsPolyfillPlaceholder","InternalMaskedInput","CommonWrapper","rootNode","createPropsGetter","isTheme2022","isFunction","FocusControlWrapper","EmotionConsumer","ThemeContext","InputLayout","PolyfillPlaceholder","getStyles","inputTypes","selectionAllowedTypes","selectionErrorMessage","type","allowedTypes","map","i","join","maskForbiddenTypes","maskAllowedTypes","filter","includes","maskErrorMessage","InputDataTids","root","Input","getProps","defaultProps","state","blinking","focused","selectAllId","input","selectAll","setSelectionRange","value","length","delaySelectAll","requestAnimationFrame","cancelDelayedSelectAll","cancelAnimationFrame","cancelBlink","callback","blinkTimeout","clearTimeout","setState","getInput","inputProps","props","element","cloneElement","mask","canBeUsedWithMask","renderMaskedInput","createElement","renderMain","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onKeyPress","onValueChange","width","error","role","leftIcon","rightIcon","borderless","align","maskChar","alwaysShowMask","size","placeholder","selectAllOnFocus","disabled","onUnexpectedInput","prefix","suffix","formatChars","corners","ariaDescribedby","ariaControls","ariaLabel","rest","styles","emotion","labelProps","className","cx","theme","getSizeClassName","focus","hovering","blink","focusFallback","warningFallback","errorFallback","style","inputFocus","inputDisabled","onChange","handleChange","onFocus","handleFocus","handleKeyDown","handleKeyPress","onBlur","handleBlur","textAlign","ref","refInput","isMaskVisible","undefined","resetFocus","Boolean","defaultValue","sideContainer","renderLeftIcon","renderPrefix","wrapper","renderPlaceholder","rightContainer","renderSuffix","renderRightIcon","event","fieldIsEmpty","target","e","isDeleteKey","currentTarget","repeat","handleUnexpectedInput","maxLength","handleMaskedValueChange","prefixDisabled","suffixDisabled","outputMaskError","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","blur","getNode","offsetWidth","setTimeout","start","end","Error","document","activeElement","render","setRootNode","getIconSizeClassname","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","renderIcon","icon","sizeClassName","iconNode","useDefaultColor","iconFocus","iconDisabled","placeholderDisabled","placeholderFocus","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","Component","__KONTUR_REACT_UI__","displayName"],"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, ClassAttributes, HTMLAttributes, ReactElement } from 'react';\nimport warning from 'warning';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\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 { InternalMaskedInput } from '../../internal/InternalMaskedInput';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { isFunction } from '../../lib/utils';\nimport { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { InputElement, InputElementProps } from './Input.typings';\nimport { InputLayout } from './InputLayout/InputLayout';\nimport { PolyfillPlaceholder } from './InputLayout/PolyfillPlaceholder';\nimport { getStyles } from './Input.styles';\n\nexport const inputTypes = ['password', 'text', 'number', 'tel', 'search', 'time', 'date', 'url', 'email'] as const;\n\n/**\n * @deprecated use SizeProp\n */\nexport type InputSize = SizeProp;\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    Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label'>,\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        /**\n         * Паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url`\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput\n         */\n        mask?: Nullable<string>;\n        /**\n         * Символ маски\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput\n         */\n        maskChar?: Nullable<string>;\n        /**\n         * Словарь символов-регулярок для задания маски\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput\n         * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }\n         */\n        formatChars?: Record<string, string>;\n        /**\n         * Показывать символы маски\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput\n         */\n        alwaysShowMask?: boolean;\n        /** Размер */\n        size?: SizeProp;\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         * Элемент заменяет нативный input.\n         * Должен иметь пропы `InputElementProps` и тип `InputElement`\n         * */\n        element?: ReactElement<InputElementProps>;\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  public static displayName = '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 emotion!: Emotion;\n  private blinkTimeout: SafeTimer;\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      globalObject.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 = globalObject.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 (globalObject.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      globalObject.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      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\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      </EmotionConsumer>\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 | null =>\n    (this.selectAllId = globalObject.requestAnimationFrame?.(this.selectAll) ?? null);\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      globalObject.cancelAnimationFrame?.(this.selectAllId);\n      this.selectAllId = null;\n    }\n  };\n\n  private cancelBlink = (callback?: () => void): void => {\n    if (this.blinkTimeout) {\n      globalObject.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 getInput = (inputProps: InputElementProps & ClassAttributes<HTMLInputElement>) => {\n    if (this.props.element) {\n      return React.cloneElement(this.props.element, inputProps);\n    }\n\n    return this.props.mask && !this.canBeUsedWithMask\n      ? this.renderMaskedInput(inputProps, this.props.mask)\n      : React.createElement('input', inputProps);\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      'aria-controls': ariaControls,\n      'aria-label': ariaLabel,\n      element,\n      ...rest\n    } = props;\n\n    const { blinking, focused } = this.state;\n\n    const styles = getStyles(this.emotion);\n    const labelProps = {\n      className: this.emotion.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      'aria-controls': ariaControls,\n      style: { width, ...corners },\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n    };\n\n    const inputProps: InputElementProps & ClassAttributes<HTMLInputElement> = {\n      ...rest,\n      className: this.emotion.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      'aria-label': ariaLabel,\n    };\n\n    const input = (\n      <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>{this.getInput(inputProps)}</FocusControlWrapper>\n    );\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={this.emotion.cx(styles.sideContainer(), styles.rightContainer())}>\n          {this.renderSuffix()}\n          {this.renderRightIcon()}\n        </span>\n      </label>\n    );\n  };\n\n  private renderMaskedInput(inputProps: React.InputHTMLAttributes<HTMLInputElement>, mask: string) {\n    return (\n      <InternalMaskedInput\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    const styles = getStyles(this.emotion);\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 = isFunction(icon) ? icon() : icon;\n    const styles = getStyles(this.emotion);\n    return (\n      <span\n        className={this.emotion.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      const styles = getStyles(this.emotion);\n      placeholder = (\n        <div\n          className={this.emotion.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    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return this.emotion.cx({\n          [styles.sizeLarge(this.theme)]: true,\n          [styles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'medium':\n        return this.emotion.cx({\n          [styles.sizeMedium(this.theme)]: true,\n          [styles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'small':\n      default:\n        return this.emotion.cx({\n          [styles.sizeSmall(this.theme)]: true,\n          [styles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\n        });\n    }\n  }\n\n  private refInput = (element: HTMLInputElement | InternalMaskedInput | InputElement | null) => {\n    if (element instanceof InternalMaskedInput || (element && 'input' in element)) {\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 resetFocus = () => this.setState({ focused: false });\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(event);\n  };\n\n  private renderPrefix = () => {\n    const { prefix, disabled } = this.props;\n\n    if (!prefix) {\n      return null;\n    }\n    const styles = getStyles(this.emotion);\n    return (\n      <span className={this.emotion.cx(styles.prefix(this.theme), { [styles.prefixDisabled(this.theme)]: disabled })}>\n        {prefix}\n      </span>\n    );\n  };\n\n  private renderSuffix = () => {\n    const { suffix, disabled } = this.props;\n\n    if (!suffix) {\n      return null;\n    }\n    const styles = getStyles(this.emotion);\n    return (\n      <span className={this.emotion.cx(styles.suffix(this.theme), { [styles.suffixDisabled(this.theme)]: disabled })}>\n        {suffix}\n      </span>\n    );\n  };\n}\n"]}

package/components/Input/Input/package.json

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

package/components/Input/Input.d.ts

@@ -1,140 +1,197 @@
-import * as React from 'react';
-import '../ensureOldIEClassName';
-import { Override, Nullable } from '../../typings/utility-types';
-export declare type InputSize = 'small' | 'medium' | 'large';
-export declare type InputAlign = 'left' | 'center' | 'right';
-export declare type InputType = 'password' | 'text';
-export declare type IconType = React.ReactNode | (() => React.ReactNode);
-export declare type InputProps = Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /**
-     * Иконка слева
-     * Если `ReactNode` применяются дефолтные стили для иконки
-     * Если `() => ReactNode` применяются только стили для позиционирование
-     */
-    leftIcon?: IconType;
-    /**
-     * Иконка справа
-     * Если `ReactNode` применяются дефолтные стили для иконки
-     * Если `() => ReactNode` применяются только стили для позиционирование
-     */
-    rightIcon?: IconType;
-    /** Состояние ошибки */
-    error?: boolean;
-    /** Состояние предупреждения */
-    warning?: boolean;
-    /** Режим прозрачной рамки */
-    borderless?: boolean;
-    /** Выравнивание текста */
-    align?: InputAlign;
-    /** Паттерн маски */
-    mask?: Nullable<string>;
-    /** Символ маски */
-    maskChar?: Nullable<string>;
-    /**
-     * Словарь символов-регулярок для задания маски
-     * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }
-     */
-    formatChars?: Record<string, string>;
-    /** Показывать символы маски */
-    alwaysShowMask?: boolean;
-    /** Размер */
-    size?: InputSize;
-    /** onChange */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
-    /** Вызывается на label */
-    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Вызывается на label */
-    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Вызывается на label */
-    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Тип */
-    type?: InputType;
-    /** Значение */
-    value?: string;
-    capture?: boolean;
-    /**
-     * Префикс
-     * `ReactNode` перед значением, но после иконки
-     */
-    prefix?: React.ReactNode;
-    /**
-     * Суффикс
-     * `ReactNode` после значения, но перед правой иконкой
-     */
-    suffix?: React.ReactNode;
-    /**
-     * @deprecated
-     * 100% ширина в группе, лучше явно передать ширину в компонент
-     */
-    mainInGroup?: boolean;
-    /** Выделять введенное значение при фокусе */
-    selectAllOnFocus?: boolean;
-    /**
-     * Обработчик неправильного ввода.
-     * По-умолчанию, инпут вспыхивает синим.
-     * Если передан - вызывается переданный обработчик,
-     * в таком случае вспыхивание можно вызвать
-     * публичным методом инстанса `blink()`
-     */
-    onUnexpectedInput?: () => void;
-}>;
-export interface InputVisibilityState {
-    blinking: boolean;
-    focused: boolean;
-}
-export interface InputState extends InputVisibilityState {
-    polyfillPlaceholder: boolean;
-}
-/**
- * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
- *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
- */
-declare class Input extends React.Component<InputProps, InputState> {
-    static defaultProps: {
-        size: InputSize;
-    };
-    state: InputState;
-    private blinkTimeout;
-    private input;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentWillReceiveProps(nextProps: InputProps): void;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public
-     */
-    blink(): void;
-    /**
-     * @public
-     */
-    setSelectionRange(start: number, end: number): void;
-    readonly isMaskVisible: boolean;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    selectAll: () => void;
-    private renderMaskedInput;
-    private renderLeftIcon;
-    private renderRightIcon;
-    private renderIcon;
-    private renderPlaceholder;
-    private getSizeClassName;
-    private refInput;
-    private handleChange;
-    private handleFocus;
-    private handleKeyDown;
-    private handleKeyPress;
-    private handleUnexpectedInput;
-    private handleBlur;
-    private renderPrefix;
-    private renderSuffix;
-}
-export default Input;
+import React, { AriaAttributes, HTMLAttributes, ReactElement } from 'react';
+import { Nullable, Override } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+import { InputElementProps } from './Input.typings';
+export declare const inputTypes: readonly ["password", "text", "number", "tel", "search", "time", "date", "url", "email"];
+/**
+ * @deprecated use SizeProp
+ */
+export declare type InputSize = SizeProp;
+export declare type InputAlign = 'left' | 'center' | 'right';
+export declare type InputType = typeof inputTypes[number];
+export declare type InputIconType = React.ReactNode | (() => React.ReactNode);
+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'>, Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label'>, Override<React.InputHTMLAttributes<HTMLInputElement>, {
+    /**
+     * Иконка слева
+     * Если `ReactNode` применяются дефолтные стили для иконки
+     * Если `() => ReactNode` применяются только стили для позиционирование
+     */
+    leftIcon?: InputIconType;
+    /**
+     * Иконка справа
+     * Если `ReactNode` применяются дефолтные стили для иконки
+     * Если `() => ReactNode` применяются только стили для позиционирование
+     */
+    rightIcon?: InputIconType;
+    /**
+     * Состояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Состояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    /** Режим прозрачной рамки */
+    borderless?: boolean;
+    /** Выравнивание текста */
+    align?: InputAlign;
+    /**
+     * Паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url`
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
+     */
+    mask?: Nullable<string>;
+    /**
+     * Символ маски
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
+     */
+    maskChar?: Nullable<string>;
+    /**
+     * Словарь символов-регулярок для задания маски
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
+     * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }
+     */
+    formatChars?: Record<string, string>;
+    /**
+     * Показывать символы маски
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
+     */
+    alwaysShowMask?: boolean;
+    /** Размер */
+    size?: SizeProp;
+    /** onValueChange */
+    onValueChange?: (value: string) => void;
+    /** Вызывается на label */
+    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Вызывается на label */
+    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Вызывается на label */
+    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
+    /**
+     * Тип. Возможные значения: 'password' | 'text' | 'number' | 'tel' | 'search' | 'time' | 'date' | 'url' | 'email'
+     * */
+    type?: InputType;
+    /** Значение */
+    value?: string;
+    capture?: boolean;
+    /**
+     * Префикс
+     * `ReactNode` перед значением, но после иконки
+     */
+    prefix?: React.ReactNode;
+    /**
+     * Суффикс
+     * `ReactNode` после значения, но перед правой иконкой
+     */
+    suffix?: React.ReactNode;
+    /** Выделять введенное значение при фокусе. Работает с типами `text`, `password`, `tel`, `search`, `url`. [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange) */
+    selectAllOnFocus?: boolean;
+    /**
+     * Обработчик неправильного ввода.
+     * По-умолчанию, инпут вспыхивает акцентным цветом.
+     * Если передан - вызывается переданный обработчик,
+     * в таком случае вспыхивание можно вызвать
+     * публичным методом инстанса `blink()`.
+     *
+     * @param value значение инпута.
+     */
+    onUnexpectedInput?: (value: string) => void;
+    /** @ignore */
+    corners?: Partial<Pick<React.CSSProperties, 'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'>>;
+    /**
+     * Элемент заменяет нативный input.
+     * Должен иметь пропы `InputElementProps` и тип `InputElement`
+     * */
+    element?: ReactElement<InputElementProps>;
+}> {
+}
+export interface InputState {
+    blinking: boolean;
+    focused: boolean;
+    needsPolyfillPlaceholder: boolean;
+}
+export declare const InputDataTids: {
+    readonly root: "Input__root";
+};
+declare type DefaultProps = Required<Pick<InputProps, 'size' | 'type'>>;
+/**
+ * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
+ *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
+ */
+export declare class Input extends React.Component<InputProps, InputState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: InputState;
+    private selectAllId;
+    private theme;
+    private emotion;
+    private blinkTimeout;
+    private input;
+    private setRootNode;
+    private outputMaskError;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<InputProps>): void;
+    componentWillUnmount(): void;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @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;
+    private delaySelectAll;
+    private cancelDelayedSelectAll;
+    private cancelBlink;
+    private getInput;
+    private renderMain;
+    private renderMaskedInput;
+    private getIconSizeClassname;
+    private renderLeftIcon;
+    private renderRightIcon;
+    private renderIcon;
+    private renderPlaceholder;
+    private getSizeClassName;
+    private refInput;
+    private handleChange;
+    private handleFocus;
+    private handleKeyDown;
+    private handleKeyPress;
+    private handleMaskedValueChange;
+    private handleUnexpectedInput;
+    private resetFocus;
+    private handleBlur;
+    private renderPrefix;
+    private renderSuffix;
+}
+export {};

package/components/Input/Input.md

@@ -0,0 +1,78 @@
+```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>
+```