@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13

package/cjs/components/Input/Input.js

@@ -1,7 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Input = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _invariant = _interopRequireDefault(require("invariant"));
 var _react = _interopRequireDefault(require("react"));
 var _raf = _interopRequireDefault(require("raf"));
-var _classnames = _interopRequireDefault(require("classnames"));
 
 var _client = require("../../lib/client");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
@@ -11,6 +10,7 @@ var _MaskedInput = require("../../internal/MaskedInput");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _Input = require("./Input.styles");
 
@@ -102,9 +102,13 @@ var _Input = require("./Input.styles");
 
 
 
-/**
- * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
- *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
+
+
+
+
+/**
+ * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
+ *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
  */var
 Input = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(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.
 
@@ -208,6 +212,13 @@ Input = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(I
 
 
 
+
+
+
+
+
+
+
 
 
 
@@ -245,7 +256,7 @@ Input = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(I
       }
     };_this.
 
-    renderMain = function (props) {var _cn;var
+    renderMain = function (props) {var _cx, _cx2;var
 
       onMouseEnter =
 
@@ -279,16 +290,16 @@ Input = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(I
       _this.state,blinking = _this$state.blinking,focused = _this$state.focused;
 
       var labelProps = {
-        className: (0, _classnames.default)(_Input.jsStyles.root(_this.theme), _this.getSizeClassName(), (_cn = {}, _cn[
-        _Input.jsStyles.borderless()] = !!borderless, _cn[
-        _Input.jsStyles.focus(_this.theme)] = focused, _cn[
-        _Input.jsStyles.blink(_this.theme)] = !!blinking, _cn[
-        _Input.jsStyles.warning(_this.theme)] = !!warning, _cn[
-        _Input.jsStyles.error(_this.theme)] = !!error, _cn[
-        _Input.jsStyles.disabled(_this.theme)] = !!disabled, _cn[
-        _Input.jsStyles.focusFallback(_this.theme)] = focused && (_client.isIE11 || _client.isEdge), _cn[
-        _Input.jsStyles.warningFallback(_this.theme)] = !!warning && (_client.isIE11 || _client.isEdge), _cn[
-        _Input.jsStyles.errorFallback(_this.theme)] = !!error && (_client.isIE11 || _client.isEdge), _cn)),
+        className: (0, _Emotion.cx)(_Input.styles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[
+        _Input.styles.focus(_this.theme)] = focused, _cx[
+        _Input.styles.blink(_this.theme)] = blinking, _cx[
+        _Input.styles.borderless()] = borderless && !focused, _cx[
+        _Input.styles.disabled(_this.theme)] = disabled, _cx[
+        _Input.styles.warning(_this.theme)] = warning, _cx[
+        _Input.styles.error(_this.theme)] = error, _cx[
+        _Input.styles.focusFallback(_this.theme)] = focused && (_client.isIE11 || _client.isEdge), _cx[
+        _Input.styles.warningFallback(_this.theme)] = warning && (_client.isIE11 || _client.isEdge), _cx[
+        _Input.styles.errorFallback(_this.theme)] = error && (_client.isIE11 || _client.isEdge), _cx)),
 
         style: { width: width },
         onMouseEnter: onMouseEnter,
@@ -298,7 +309,10 @@ Input = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(I
 
       var inputProps = (0, _extends2.default)({},
       rest, {
-        className: _Input.jsStyles.input(_this.theme),
+        className: (0, _Emotion.cx)(_Input.styles.input(_this.theme), (_cx2 = {}, _cx2[
+        _Input.styles.inputFocus(_this.theme)] = focused, _cx2[
+        _Input.styles.inputDisabled(_this.theme)] = disabled, _cx2)),
+
         value: value,
         onChange: _this.handleChange,
         onFocus: _this.handleFocus,
@@ -320,15 +334,15 @@ Input = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(I
 
       return /*#__PURE__*/(
         _react.default.createElement("label", labelProps, /*#__PURE__*/
-        _react.default.createElement("span", { className: _Input.jsStyles.sideContainer() },
+        _react.default.createElement("span", { className: _Input.styles.sideContainer() },
         _this.renderLeftIcon(),
         _this.renderPrefix()), /*#__PURE__*/
 
-        _react.default.createElement("span", { className: _Input.jsStyles.wrapper() },
+        _react.default.createElement("span", { className: _Input.styles.wrapper() },
         input,
         _this.renderPlaceholder()), /*#__PURE__*/
 
-        _react.default.createElement("span", { className: (0, _classnames.default)(_Input.jsStyles.sideContainer(), _Input.jsStyles.rightContainer()) },
+        _react.default.createElement("span", { className: (0, _Emotion.cx)(_Input.styles.sideContainer(), _Input.styles.rightContainer()) },
         _this.renderSuffix(),
         _this.renderRightIcon())));
 
@@ -434,6 +448,7 @@ Input = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(I
 
 
 
+
 
 
     refInput = function (element) {
@@ -468,7 +483,7 @@ Input = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(I
 
       if (_this.props.selectAllOnFocus) {
         // https://github.com/facebook/react/issues/7769
-        _this.input ? _this.selectAll() : _this.delaySelectAll();
+        _this.input && !_client.isIE11 ? _this.selectAll() : _this.delaySelectAll();
       }
 
       if (_this.props.onFocus) {
@@ -520,36 +535,42 @@ Input = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(I
       }
     };_this.
 
-    renderPrefix = function () {var
-      prefix = _this.props.prefix;
+    renderPrefix = function () {var _cx3;var _this$props =
+      _this.props,prefix = _this$props.prefix,disabled = _this$props.disabled;
 
       if (!prefix) {
         return null;
       }
 
-      return /*#__PURE__*/_react.default.createElement("span", { className: _Input.jsStyles.prefix(_this.theme) }, prefix);
+      return /*#__PURE__*/(
+        _react.default.createElement("span", { className: (0, _Emotion.cx)(_Input.styles.prefix(_this.theme), (_cx3 = {}, _cx3[_Input.styles.prefixDisabled(_this.theme)] = disabled, _cx3)) }, prefix));
+
     };_this.
 
-    renderSuffix = function () {var
-      suffix = _this.props.suffix;
+    renderSuffix = function () {var _cx4;var _this$props2 =
+      _this.props,suffix = _this$props2.suffix,disabled = _this$props2.disabled;
 
       if (!suffix) {
         return null;
       }
 
-      return /*#__PURE__*/_react.default.createElement("span", { className: _Input.jsStyles.suffix(_this.theme) }, suffix);
-    };return _this;}var _proto = Input.prototype;_proto.componentDidMount = function componentDidMount() {if (_polyfillPlaceholder.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.polyfillPlaceholder && !nextProps.value) {this.setState({ polyfillPlaceholder: true });}} /**
-   * @public
-   */;_proto.focus = function focus() {(0, _invariant.default)(this.input, 'Cannot call "focus" because Input is not mounted');this.input.focus();} /**
-   * @public
-   */;_proto.blur = function blur() {(0, _invariant.default)(this.input, 'Cannot call "blur" because Input is not mounted');this.input.blur();} /**
-   * @public
+      return /*#__PURE__*/(
+        _react.default.createElement("span", { className: (0, _Emotion.cx)(_Input.styles.suffix(_this.theme), (_cx4 = {}, _cx4[_Input.styles.suffixDisabled(_this.theme)] = disabled, _cx4)) }, suffix));
+
+    };return _this;}var _proto = Input.prototype;_proto.componentDidMount = function componentDidMount() {if (_polyfillPlaceholder.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.polyfillPlaceholder && !nextProps.value) {this.setState({ polyfillPlaceholder: true });}} /**
+   * @public
+   */;_proto.focus = function focus() {(0, _invariant.default)(this.input, 'Cannot call "focus" because Input is not mounted');this.input.focus();} /**
+   * @public
+   */;_proto.blur = function blur() {(0, _invariant.default)(this.input, 'Cannot call "blur" because Input is not mounted');this.input.blur();} /**
+   * @public
+   */;_proto.getNode = function getNode() {return this.input;} /**
+   * @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
-   * @param {number} start
-   * @param {number} end
-   */;_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 /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this3.props, _this3.renderMain);});} /**
-   * @public
-   */;_proto.renderMaskedInput = function renderMaskedInput(inputProps, mask) {return /*#__PURE__*/_react.default.createElement(_MaskedInput.MaskedInput, (0, _extends2.default)({}, inputProps, { mask: mask, maskChar: this.props.maskChar, alwaysShowMask: this.props.alwaysShowMask, formatChars: this.props.formatChars, onChange: this.props.onChange, onValueChange: this.handleMaskedValueChange, onUnexpectedInput: this.handleUnexpectedInput }));};_proto.getIconSizeClassname = function getIconSizeClassname(right) {if (right === void 0) {right = false;}switch (this.props.size) {case 'large':return right ? _Input.jsStyles.rightIconLarge(this.theme) : _Input.jsStyles.leftIconLarge(this.theme);case 'medium':return right ? _Input.jsStyles.rightIconMedium(this.theme) : _Input.jsStyles.leftIconMedium(this.theme);case 'small':default:return right ? _Input.jsStyles.rightIconSmall(this.theme) : _Input.jsStyles.leftIconSmall(this.theme);}};_proto.renderLeftIcon = function renderLeftIcon() {return this.renderIcon(this.props.leftIcon, this.getIconSizeClassname());};_proto.renderRightIcon = function renderRightIcon() {return this.renderIcon(this.props.rightIcon, this.getIconSizeClassname(true));};_proto.renderIcon = function renderIcon(icon, sizeClassName) {if (!icon) {return null;}if (icon instanceof Function) {return /*#__PURE__*/_react.default.createElement("span", { className: (0, _classnames.default)(_Input.jsStyles.icon(), sizeClassName) }, icon());}return /*#__PURE__*/_react.default.createElement("span", { className: (0, _classnames.default)((0, _classnames.default)(_Input.jsStyles.icon(), sizeClassName), _Input.jsStyles.useDefaultColor(this.theme), _Input.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 = /*#__PURE__*/_react.default.createElement("div", { className: (0, _classnames.default)(_Input.jsStyles.placeholder(this.theme), _Input.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[_Input.jsStyles.sizeLarge(this.theme)] = true, _ref[_Input.jsStyles.sizeLargeFallback(this.theme)] = _client.isIE11 || _client.isEdge, _ref;case 'medium':return _ref2 = {}, _ref2[_Input.jsStyles.sizeMedium(this.theme)] = true, _ref2[_Input.jsStyles.sizeMediumFallback(this.theme)] = _client.isIE11 || _client.isEdge, _ref2;case 'small':default:return _ref3 = {}, _ref3[_Input.jsStyles.sizeSmall(this.theme)] = true, _ref3[_Input.jsStyles.sizeSmallFallback(this.theme)] = _client.isIE11 || _client.isEdge, _ref3;}};(0, _createClass2.default)(Input, [{ key: "isMaskVisible", get: function get() {var _this$props = this.props,mask = _this$props.mask,alwaysShowMask = _this$props.alwaysShowMask;var focused = this.state.focused;return Boolean(mask && (focused || alwaysShowMask));} }]);return Input;}(_react.default.Component);exports.Input = Input;Input.__KONTUR_REACT_UI__ = 'Input';Input.defaultProps = { size: 'small' };
+        void (_this2.input && _this2.input.offsetWidth);_this2.blink();});return;}this.setState({ blinking: true }, function () {_this2.blinkTimeout = window.setTimeout(_this2.cancelBlink, 150);});} /**
+   * @public
+   * @param {number} start
+   * @param {number} end
+   */;_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 /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this3.props, _this3.renderMain);});} /**
+   * @public
+   */;_proto.renderMaskedInput = function renderMaskedInput(inputProps, mask) {return /*#__PURE__*/_react.default.createElement(_MaskedInput.MaskedInput, (0, _extends2.default)({}, inputProps, { mask: mask, maskChar: this.props.maskChar, alwaysShowMask: this.props.alwaysShowMask, formatChars: this.props.formatChars, onChange: this.props.onChange, onValueChange: this.handleMaskedValueChange, onUnexpectedInput: this.handleUnexpectedInput }));};_proto.getIconSizeClassname = function getIconSizeClassname(right) {if (right === void 0) {right = false;}switch (this.props.size) {case 'large':return right ? _Input.styles.rightIconLarge(this.theme) : _Input.styles.leftIconLarge(this.theme);case 'medium':return right ? _Input.styles.rightIconMedium(this.theme) : _Input.styles.leftIconMedium(this.theme);case 'small':default:return right ? _Input.styles.rightIconSmall(this.theme) : _Input.styles.leftIconSmall(this.theme);}};_proto.renderLeftIcon = function renderLeftIcon() {return this.renderIcon(this.props.leftIcon, this.getIconSizeClassname());};_proto.renderRightIcon = function renderRightIcon() {return this.renderIcon(this.props.rightIcon, this.getIconSizeClassname(true));};_proto.renderIcon = function renderIcon(icon, sizeClassName) {var _cx5;if (!icon) {return null;}var disabled = this.props.disabled;var iconNode = icon instanceof Function ? icon() : icon;return /*#__PURE__*/_react.default.createElement("span", { className: (0, _Emotion.cx)(_Input.styles.icon(), sizeClassName, _Input.styles.useDefaultColor(this.theme), (_cx5 = {}, _cx5[_Input.styles.iconDisabled()] = disabled, _cx5)) }, iconNode);};_proto.renderPlaceholder = function renderPlaceholder() {var disabled = this.props.disabled;var focused = this.state.focused;var placeholder = null;if (this.state.polyfillPlaceholder && this.props.placeholder && !this.isMaskVisible && !this.props.value) {var _cx6;placeholder = /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Input.styles.placeholder(this.theme), (_cx6 = {}, _cx6[_Input.styles.placeholderDisabled(this.theme)] = disabled, _cx6[_Input.styles.placeholderFocus(this.theme)] = focused, _cx6)), style: { textAlign: this.props.align || 'inherit' } }, this.props.placeholder);}return placeholder;};_proto.getSizeClassName = function getSizeClassName() {var _cx7, _cx8, _cx9;switch (this.props.size) {case 'large':return (0, _Emotion.cx)((_cx7 = {}, _cx7[_Input.styles.sizeLarge(this.theme)] = true, _cx7[_Input.styles.sizeLargeFallback(this.theme)] = _client.isIE11 || _client.isEdge, _cx7));case 'medium':return (0, _Emotion.cx)((_cx8 = {}, _cx8[_Input.styles.sizeMedium(this.theme)] = true, _cx8[_Input.styles.sizeMediumFallback(this.theme)] = _client.isIE11 || _client.isEdge, _cx8));case 'small':default:return (0, _Emotion.cx)((_cx9 = {}, _cx9[_Input.styles.sizeSmall(this.theme)] = true, _cx9[_Input.styles.sizeSmallFallback(this.theme)] = _client.isIE11 || _client.isEdge, _cx9));}};(0, _createClass2.default)(Input, [{ key: "isMaskVisible", get: function get() {var _this$props3 = this.props,mask = _this$props3.mask,alwaysShowMask = _this$props3.alwaysShowMask;var focused = this.state.focused;return Boolean(mask && (focused || alwaysShowMask));} }]);return Input;}(_react.default.Component);exports.Input = Input;Input.__KONTUR_REACT_UI__ = 'Input';Input.defaultProps = { size: 'small' };

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

@@ -1 +1 @@
-{"version":3,"sources":["Input.tsx"],"names":["Input","state","polyfillPlaceholder","blinking","focused","selectAllId","theme","blinkTimeout","input","selectAll","setSelectionRange","value","length","delaySelectAll","cancelDelayedSelectAll","raf","cancel","cancelBlink","callback","clearTimeout","setState","renderMain","props","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onKeyPress","onValueChange","width","error","warning","leftIcon","rightIcon","borderless","align","type","mask","maskChar","alwaysShowMask","size","placeholder","selectAllOnFocus","disabled","onUnexpectedInput","prefix","suffix","formatChars","rest","labelProps","className","jsStyles","root","getSizeClassName","focus","blink","focusFallback","isIE11","isEdge","warningFallback","errorFallback","style","inputProps","onChange","handleChange","onFocus","handleFocus","handleKeyDown","handleKeyPress","onBlur","handleBlur","textAlign","ref","refInput","isMaskVisible","undefined","renderMaskedInput","React","createElement","sideContainer","renderLeftIcon","renderPrefix","wrapper","renderPlaceholder","rightContainer","renderSuffix","renderRightIcon","element","MaskedInput","event","fieldIsEmpty","target","e","isDeleteKey","isKeyBackspace","isKeyDelete","currentTarget","repeat","handleUnexpectedInput","maxLength","handleMaskedValueChange","componentDidMount","componentWillUnmount","UNSAFE_componentWillReceiveProps","nextProps","blur","offsetWidth","window","setTimeout","start","end","Error","document","activeElement","render","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/client';\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\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\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 interface InputProps\r\n  extends CommonProps,\r\n    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   * @param {number} start\r\n   * @param {number} end\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 <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\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 = (props: CommonWrapperRestProps<InputProps>) => {\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      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    } = 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}\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 {\r\n          [jsStyles.sizeLarge(this.theme)]: true,\r\n          [jsStyles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\r\n        };\r\n      case 'medium':\r\n        return {\r\n          [jsStyles.sizeMedium(this.theme)]: true,\r\n          [jsStyles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\r\n        };\r\n      case 'small':\r\n      default:\r\n        return {\r\n          [jsStyles.sizeSmall(this.theme)]: true,\r\n          [jsStyles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\r\n        };\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":["Input","state","polyfillPlaceholder","blinking","focused","selectAllId","theme","blinkTimeout","input","selectAll","setSelectionRange","value","length","delaySelectAll","cancelDelayedSelectAll","raf","cancel","cancelBlink","callback","clearTimeout","setState","renderMain","props","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onKeyPress","onValueChange","width","error","warning","leftIcon","rightIcon","borderless","align","type","mask","maskChar","alwaysShowMask","size","placeholder","selectAllOnFocus","disabled","onUnexpectedInput","prefix","suffix","formatChars","rest","labelProps","className","styles","root","getSizeClassName","focus","blink","focusFallback","isIE11","isEdge","warningFallback","errorFallback","style","inputProps","inputFocus","inputDisabled","onChange","handleChange","onFocus","handleFocus","handleKeyDown","handleKeyPress","onBlur","handleBlur","textAlign","ref","refInput","isMaskVisible","undefined","renderMaskedInput","React","createElement","sideContainer","renderLeftIcon","renderPrefix","wrapper","renderPlaceholder","rightContainer","renderSuffix","renderRightIcon","element","MaskedInput","event","fieldIsEmpty","target","e","isDeleteKey","isKeyBackspace","isKeyDelete","currentTarget","repeat","handleUnexpectedInput","maxLength","handleMaskedValueChange","prefixDisabled","suffixDisabled","componentDidMount","componentWillUnmount","UNSAFE_componentWillReceiveProps","nextProps","blur","getNode","offsetWidth","window","setTimeout","start","end","Error","document","activeElement","render","getIconSizeClassname","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","renderIcon","icon","sizeClassName","iconNode","Function","useDefaultColor","iconDisabled","placeholderDisabled","placeholderFocus","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","Boolean","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","sourcesContent":["import invariant from 'invariant';\nimport React from 'react';\nimport raf from 'raf';\n\nimport { isIE11, isEdge } from '../../lib/client';\nimport { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers';\nimport { polyfillPlaceholder } from '../../lib/polyfillPlaceholder';\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 { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './Input.styles';\n\nexport type InputSize = 'small' | 'medium' | 'large';\nexport type InputAlign = 'left' | 'center' | 'right';\nexport type InputType = 'password' | 'text';\nexport type InputIconType = React.ReactNode | (() => React.ReactNode);\n\nexport interface InputProps\n  extends CommonProps,\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         * Cостояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Cостояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /** Режим прозрачной рамки */\n        borderless?: boolean;\n        /** Выравнивание текста */\n        align?: InputAlign;\n        /** Паттерн маски */\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        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        /** Выделять введенное значение при фокусе */\n        selectAllOnFocus?: boolean;\n        /**\n         * Обработчик неправильного ввода.\n         * По-умолчанию, инпут вспыхивает синим.\n         * Если передан - вызывается переданный обработчик,\n         * в таком случае вспыхивание можно вызвать\n         * публичным методом инстанса `blink()`.\n         *\n         * @param value значение инпута.\n         */\n        onUnexpectedInput?: (value: string) => void;\n      }\n    > {}\n\nexport interface InputState {\n  blinking: boolean;\n  focused: boolean;\n  polyfillPlaceholder: boolean;\n}\n\n/**\n * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.\n *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`\n */\nexport class Input extends React.Component<InputProps, InputState> {\n  public static __KONTUR_REACT_UI__ = 'Input';\n\n  public static defaultProps: {\n    size: InputSize;\n  } = {\n    size: 'small',\n  };\n\n  public state: InputState = {\n    polyfillPlaceholder: false,\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\n  public componentDidMount() {\n    if (polyfillPlaceholder) {\n      this.setState({ polyfillPlaceholder: true });\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      clearTimeout(this.blinkTimeout);\n    }\n    this.cancelDelayedSelectAll();\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: InputProps) {\n    if (polyfillPlaceholder && !nextProps.value) {\n      this.setState({ polyfillPlaceholder: true });\n    }\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    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\n    this.input.setSelectionRange(start, end);\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 <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\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      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      ...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,\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 },\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      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: 'text',\n      placeholder: !this.isMaskVisible && !polyfillPlaceholder ? placeholder : undefined,\n      disabled,\n    };\n\n    if (type === 'password') {\n      inputProps.type = type;\n    }\n\n    const input = mask ? this.renderMaskedInput(inputProps, mask) : React.createElement('input', inputProps);\n\n    return (\n      <label {...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.props.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.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 (this.state.polyfillPlaceholder && this.props.placeholder && !this.isMaskVisible && !this.props.value) {\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.props.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 (polyfillPlaceholder) {\n      const fieldIsEmpty = event.target.value === '';\n      if (this.state.polyfillPlaceholder !== fieldIsEmpty) {\n        this.setState({ polyfillPlaceholder: 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      // https://github.com/facebook/react/issues/7769\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/cjs/components/Input/Input.md

@@ -1,13 +1,13 @@
-```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 />} />;
+```
+
+Пример с префиксом:
+
+```jsx harmony
+import SearchIcon from '@skbkontur/react-icons/Search';
+
+<Input width={400} prefix="https://kontur.ru/search?query=" rightIcon={<SearchIcon />} />;
+```

package/cjs/components/Input/Input.styles.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const styles: {
     wrapper(): string;
     root(t: Theme): string;
     borderless(): string;
@@ -7,7 +7,11 @@ export declare const jsStyles: {
     focus(t: Theme): string;
     focusFallback(t: Theme): string;
     placeholder(t: Theme): string;
+    placeholderFocus(t: Theme): string;
+    placeholderDisabled(t: Theme): string;
     input(t: Theme): string;
+    inputFocus(t: Theme): string;
+    inputDisabled(t: Theme): string;
     warning(t: Theme): string;
     warningFallback(t: Theme): string;
     error(t: Theme): string;
@@ -21,14 +25,18 @@ export declare const jsStyles: {
     sizeLarge(t: Theme): string;
     sizeLargeFallback(t: Theme): string;
     prefix(t: Theme): string;
+    prefixDisabled(t: Theme): string;
     suffix(t: Theme): string;
+    suffixDisabled(t: Theme): string;
     sideContainer(): string;
     rightContainer(): string;
     icon(): string;
+    iconDisabled(): string;
     leftIconSmall(t: Theme): string;
     rightIconSmall(t: Theme): string;
     leftIconMedium(t: Theme): string;
     rightIconMedium(t: Theme): string;
     leftIconLarge(t: Theme): string;
     rightIconLarge(t: Theme): string;
+    hideBlinkingCursor(): string;
 };