@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-9294639913

package/components/Input/Input.js

@@ -1,525 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";import _createClass from "@babel/runtime/helpers/esm/createClass";import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import invariant from 'invariant';
-import React from 'react';
-import raf from 'raf';
-import cn from 'classnames';
-
-import { isIE11, isEdge } from '../../lib/utils';
-import { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers';
-import { polyfillPlaceholder } from '../polyfillPlaceholder';
-
-import { MaskedInput } from '../internal/MaskedInput';
-import { ThemeContext } from '../../lib/theming/ThemeContext';
-
-
-import { jsStyles } from './Input.styles';
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
-                                            * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
-                                            *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
-                                            */
-export var Input = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Input, _React$Component);function Input() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-
-
-
-
-
-
-
-
-    state = {
-      polyfillPlaceholder: false,
-      blinking: false,
-      focused: false };_this.
-
-
-    selectAllId = null;_this.
-    theme = void 0;_this.
-    blinkTimeout = 0;_this.
-    input = null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    selectAll = function () {
-      if (_this.input) {
-        _this.setSelectionRange(0, _this.input.value.length);
-      }
-    };_this.
-
-    delaySelectAll = function () {return _this.selectAllId = raf(_this.selectAll);};_this.
-
-    cancelDelayedSelectAll = function () {
-      if (_this.selectAllId) {
-        raf.cancel(_this.selectAllId);
-        _this.selectAllId = null;
-      }
-    };_this.
-
-    cancelBlink = function (callback) {
-      if (_this.blinkTimeout) {
-        clearTimeout(_this.blinkTimeout);
-        _this.blinkTimeout = 0;
-        if (_this.state.blinking) {
-          _this.setState({ blinking: false }, callback);
-          return;
-        }
-      }
-      if (callback) {
-        callback();
-      }
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    refInput = function (element) {
-      if (element instanceof MaskedInput) {
-        _this.input = element.input;
-      } else {
-        _this.input = element;
-      }
-    };_this.
-
-    handleChange = function (event) {
-      if (polyfillPlaceholder) {
-        var fieldIsEmpty = event.target.value === '';
-        if (_this.state.polyfillPlaceholder !== fieldIsEmpty) {
-          _this.setState({ polyfillPlaceholder: fieldIsEmpty });
-        }
-      }
-
-      if (_this.props.onValueChange) {
-        _this.props.onValueChange(event.target.value);
-      }
-
-      if (_this.props.onChange) {
-        _this.props.onChange(event);
-      }
-    };_this.
-
-    handleFocus = function (event) {
-      _this.setState({
-        focused: true });
-
-
-      if (_this.props.selectAllOnFocus) {
-        // https://github.com/facebook/react/issues/7769
-        _this.input ? _this.selectAll() : _this.delaySelectAll();
-      }
-
-      if (_this.props.onFocus) {
-        _this.props.onFocus(event);
-      }
-    };_this.
-
-    handleKeyDown = function (e) {
-      if (_this.props.onKeyDown) {
-        _this.props.onKeyDown(e);
-      }
-
-      var isDeleteKey = someKeys(isKeyBackspace, isKeyDelete)(e);
-
-      if (!e.currentTarget.value && isDeleteKey && !e.repeat) {
-        _this.handleUnexpectedInput();
-      }
-    };_this.
-
-    handleKeyPress = function (event) {
-      if (_this.props.onKeyPress) {
-        _this.props.onKeyPress(event);
-      }
-
-      if (_this.props.maxLength === event.currentTarget.value.length) {
-        _this.handleUnexpectedInput(event.currentTarget.value);
-      }
-    };_this.
-
-    handleMaskedValueChange = function (value) {
-      if (_this.props.onValueChange) {
-        _this.props.onValueChange(value);
-      }
-    };_this.
-
-    handleUnexpectedInput = function (value) {if (value === void 0) {value = _this.props.value || '';}
-      if (_this.props.onUnexpectedInput) {
-        _this.props.onUnexpectedInput(value);
-      } else {
-        _this.blink();
-      }
-    };_this.
-
-    handleBlur = function (event) {
-      _this.setState({ focused: false });
-
-      if (_this.props.onBlur) {
-        _this.props.onBlur(event);
-      }
-    };_this.
-
-    renderPrefix = function () {var
-      prefix = _this.props.prefix;
-
-      if (!prefix) {
-        return null;
-      }
-
-      return React.createElement("span", { className: jsStyles.prefix(_this.theme) }, prefix);
-    };_this.
-
-    renderSuffix = function () {var
-      suffix = _this.props.suffix;
-
-      if (!suffix) {
-        return null;
-      }
-
-      return React.createElement("span", { className: jsStyles.suffix(_this.theme) }, suffix);
-    };return _this;}var _proto = Input.prototype;_proto.componentDidMount = function componentDidMount() {if (polyfillPlaceholder) {this.setState({ polyfillPlaceholder: true });}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.blinkTimeout) {clearTimeout(this.blinkTimeout);}this.cancelDelayedSelectAll();};_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {if (polyfillPlaceholder && !nextProps.value) {this.setState({ polyfillPlaceholder: true });}} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           */;_proto.focus = function focus() {invariant(this.input, 'Cannot call "focus" because Input is not mounted');this.input.focus();} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               */;_proto.blur = function blur() {invariant(this.input, 'Cannot call "blur" because Input is not mounted');this.input.blur();} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               */;_proto.blink = function blink() {var _this2 = this;if (this.blinkTimeout) {this.cancelBlink(function () {// trigger reflow to restart animation
-        // @see https://css-tricks.com/restart-css-animation/#article-header-id-0
-        void (_this2.input && _this2.input.offsetWidth);_this2.blink();});return;}this.setState({ blinking: true }, function () {_this2.blinkTimeout = window.setTimeout(_this2.cancelBlink, 150);});} /**
-                                                                                                                                                                                                        * @public
-                                                                                                                                                                                                        */;_proto.setSelectionRange = function setSelectionRange(start, end) {if (!this.input) {throw new Error('Cannot call "setSelectionRange" on unmounted Input');}if (document.activeElement !== this.input) {this.focus();}this.input.setSelectionRange(start, end);};_proto.render = function render() {var _this3 = this;return React.createElement(ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return _this3.renderMain();});} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 */;_proto.renderMain = function renderMain() {var _cn;var _this$props = this.props,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave,onMouseOver = _this$props.onMouseOver,onKeyDown = _this$props.onKeyDown,onKeyPress = _this$props.onKeyPress,onValueChange = _this$props.onValueChange,width = _this$props.width,error = _this$props.error,warning = _this$props.warning,leftIcon = _this$props.leftIcon,rightIcon = _this$props.rightIcon,borderless = _this$props.borderless,value = _this$props.value,align = _this$props.align,type = _this$props.type,mask = _this$props.mask,maskChar = _this$props.maskChar,alwaysShowMask = _this$props.alwaysShowMask,style = _this$props.style,className = _this$props.className,size = _this$props.size,placeholder = _this$props.placeholder,selectAllOnFocus = _this$props.selectAllOnFocus,disabled = _this$props.disabled,onUnexpectedInput = _this$props.onUnexpectedInput,prefix = _this$props.prefix,suffix = _this$props.suffix,formatChars = _this$props.formatChars,rest = _objectWithoutPropertiesLoose(_this$props, ["onMouseEnter", "onMouseLeave", "onMouseOver", "onKeyDown", "onKeyPress", "onValueChange", "width", "error", "warning", "leftIcon", "rightIcon", "borderless", "value", "align", "type", "mask", "maskChar", "alwaysShowMask", "style", "className", "size", "placeholder", "selectAllOnFocus", "disabled", "onUnexpectedInput", "prefix", "suffix", "formatChars"]);var _this$state = this.state,blinking = _this$state.blinking,focused = _this$state.focused;var labelProps = { className: cn(jsStyles.root(this.theme), this.getSizeClassName(), (_cn = {}, _cn[jsStyles.borderless()] = !!borderless, _cn[jsStyles.focus(this.theme)] = focused, _cn[jsStyles.blink(this.theme)] = !!blinking, _cn[jsStyles.warning(this.theme)] = !!warning, _cn[jsStyles.error(this.theme)] = !!error, _cn[jsStyles.disabled(this.theme)] = !!disabled, _cn[jsStyles.focusFallback(this.theme)] = focused && (isIE11 || isEdge), _cn[jsStyles.warningFallback(this.theme)] = !!warning && (isIE11 || isEdge), _cn[jsStyles.errorFallback(this.theme)] = !!error && (isIE11 || isEdge), _cn)), style: { width: width }, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver };var inputProps = _extends({}, rest, { className: jsStyles.input(this.theme), value: value, onChange: this.handleChange, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onBlur: this.handleBlur, style: { textAlign: align }, ref: this.refInput, type: 'text', placeholder: !this.isMaskVisible && !polyfillPlaceholder ? placeholder : undefined, disabled: disabled });if (type === 'password') {inputProps.type = type;}var input = mask ? this.renderMaskedInput(inputProps, mask) : React.createElement('input', inputProps);return React.createElement("label", labelProps, React.createElement("span", { className: jsStyles.sideContainer() }, this.renderLeftIcon(), this.renderPrefix()), React.createElement("span", { className: jsStyles.wrapper() }, input, this.renderPlaceholder()), React.createElement("span", { className: cn(jsStyles.sideContainer(), jsStyles.rightContainer()) }, this.renderSuffix(), this.renderRightIcon()));};_proto.renderMaskedInput = function renderMaskedInput(inputProps, mask) {var onChange = inputProps.onChange,onKeyDown = inputProps.onKeyDown,onKeyPress = inputProps.onKeyPress,maskedProps = _objectWithoutPropertiesLoose(inputProps, ["onChange", "onKeyDown", "onKeyPress"]);return React.createElement(MaskedInput, _extends({}, maskedProps, { mask: mask, maskChar: this.props.maskChar === undefined ? '_' : this.props.maskChar, alwaysShowMask: this.props.alwaysShowMask, formatChars: this.props.formatChars, onChange: this.props.onChange, onValueChange: this.handleMaskedValueChange, onUnexpectedInput: this.handleUnexpectedInput }));};_proto.renderLeftIcon = function renderLeftIcon() {return this.renderIcon(this.props.leftIcon, jsStyles.leftIcon());};_proto.renderRightIcon = function renderRightIcon() {return this.renderIcon(this.props.rightIcon, jsStyles.rightIcon());};_proto.renderIcon = function renderIcon(icon, className) {if (!icon) {return null;}if (icon instanceof Function) {return React.createElement("span", { className: className }, icon());}return React.createElement("span", { className: cn(className, jsStyles.useDefaultColor(this.theme), jsStyles.useDefaultColor(this.theme)) }, icon);};_proto.renderPlaceholder = function renderPlaceholder() {var placeholder = null;if (this.state.polyfillPlaceholder && this.props.placeholder && !this.isMaskVisible && !this.props.value) {placeholder = React.createElement("div", { className: cn(jsStyles.placeholder(this.theme), jsStyles.placeholder(this.theme)), style: { textAlign: this.props.align || 'inherit' } }, this.props.placeholder);}return placeholder;};_proto.getSizeClassName = function getSizeClassName() {var _ref, _ref2, _ref3;switch (this.props.size) {case 'large':return _ref = {}, _ref[jsStyles.sizeLarge(this.theme)] = true, _ref[jsStyles.sizeLargeFallback(this.theme)] = isIE11 || isEdge, _ref;case 'medium':return _ref2 = {}, _ref2[jsStyles.sizeMedium(this.theme)] = true, _ref2[jsStyles.sizeMediumFallback(this.theme)] = isIE11 || isEdge, _ref2;case 'small':default:return _ref3 = {}, _ref3[jsStyles.sizeSmall(this.theme)] = true, _ref3[jsStyles.sizeSmallFallback(this.theme)] = isIE11 || isEdge, _ref3;}};_createClass(Input, [{ key: "isMaskVisible", get: function get() {var _this$props2 = this.props,mask = _this$props2.mask,alwaysShowMask = _this$props2.alwaysShowMask;var focused = this.state.focused;return Boolean(mask && (focused || alwaysShowMask));} }]);return Input;}(React.Component);Input.__KONTUR_REACT_UI__ = 'Input';Input.defaultProps = { size: 'small' };

package/components/Input/Input.js.map

@@ -1 +0,0 @@
-{"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","maskedProps","renderIcon","icon","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 '../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    const { onChange, onKeyDown, onKeyPress, ...maskedProps } = inputProps;\r\n\r\n    return (\r\n      <MaskedInput\r\n        {...maskedProps}\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 renderLeftIcon() {\r\n    return this.renderIcon(this.props.leftIcon, jsStyles.leftIcon());\r\n  }\r\n\r\n  private renderRightIcon() {\r\n    return this.renderIcon(this.props.rightIcon, jsStyles.rightIcon());\r\n  }\r\n\r\n  private renderIcon(icon: InputIconType, className: string) {\r\n    if (!icon) {\r\n      return null;\r\n    }\r\n\r\n    if (icon instanceof Function) {\r\n      return <span className={className}>{icon()}</span>;\r\n    }\r\n\r\n    return (\r\n      <span className={cn(className, jsStyles.useDefaultColor(this.theme), jsStyles.useDefaultColor(this.theme))}>\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"]}

package/components/Input/Input.md

@@ -1,13 +0,0 @@
-```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 />} />;
-```