@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/cjs/components/Input/Input.js

@@ -1,28 +1,33 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.selectionErrorMessage = exports.selectionAllowedTypes = exports.maskForbiddenTypes = exports.maskErrorMessage = exports.maskAllowedTypes = exports.inputTypes = exports.InputDataTids = 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"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.selectionErrorMessage = exports.selectionAllowedTypes = exports.maskForbiddenTypes = exports.maskErrorMessage = exports.maskAllowedTypes = exports.inputTypes = exports.calculateClearCrossShowedState = exports.InputDataTids = 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 _warning = _interopRequireDefault(require("warning"));
-var _globalObject = require("@skbkontur/global-object");
 
+var _globalObject = require("@skbkontur/global-object");
 
 var _client = require("../../lib/client");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _needsPolyfillPlaceholder = require("../../lib/needsPolyfillPlaceholder");
 
 var _InternalMaskedInput = require("../../internal/InternalMaskedInput");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _FocusControlWrapper = require("../../internal/FocusControlWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _ClearCrossIcon = require("../../internal/ClearCrossIcon/ClearCrossIcon");
+var _typeGuards = require("../../lib/typeGuards");
 
 
+var _Input2 = require("./Input.styles");
 var _InputLayout = require("./InputLayout/InputLayout");
-var _PolyfillPlaceholder = require("./InputLayout/PolyfillPlaceholder");
-var _Input2 = require("./Input.styles");var _excluded = ["onMouseEnter", "onMouseLeave", "onMouseOver", "onKeyDown", "onKeyPress", "onValueChange", "width", "error", "role", "warning", "leftIcon", "rightIcon", "borderless", "value", "align", "type", "mask", "maskChar", "alwaysShowMask", "size", "placeholder", "selectAllOnFocus", "disabled", "onUnexpectedInput", "prefix", "suffix", "formatChars", "corners", "aria-describedby", "aria-controls", "aria-label", "element"];var _class, _Input; // TODO: Enable this rule in functional components.
+var _PolyfillPlaceholder = require("./InputLayout/PolyfillPlaceholder");var _excluded = ["onMouseEnter", "onMouseLeave", "onMouseOver", "onKeyDown", "onKeyPress", "onValueChange", "width", "error", "role", "warning", "leftIcon", "rightIcon", "borderless", "value", "align", "type", "mask", "maskChar", "alwaysShowMask", "size", "placeholder", "selectAllOnFocus", "disabled", "onUnexpectedInput", "prefix", "suffix", "formatChars", "corners", "aria-describedby", "aria-controls", "aria-label", "element", "showClearIcon"];var _class, _Input; // TODO: Enable this rule in functional components.
 
 var inputTypes = exports.inputTypes = ['password', 'text', 'number', 'tel', 'search', 'time', 'date', 'url', 'email'];
 
@@ -30,6 +35,7 @@ var inputTypes = exports.inputTypes = ['password', 'text', 'number', 'tel', 'sea
 
 
 
+
 var selectionAllowedTypes = exports.selectionAllowedTypes = ['text', 'password', 'tel', 'search', 'url'];
 var selectionErrorMessage = exports.selectionErrorMessage = function selectionErrorMessage(type, allowedTypes) {if (allowedTypes === void 0) {allowedTypes = selectionAllowedTypes;}
   return "<Input />. Selection is not supported by the type \"" + type + "\". Types that support selection: " + allowedTypes.
@@ -46,6 +52,30 @@ var maskErrorMessage = exports.maskErrorMessage = function maskErrorMessage(type
   map(function (i) {return "\"" + i + "\"";}).
   join(', ') + ".";
 };
+var calculateClearCrossShowedState = exports.calculateClearCrossShowedState = function calculateClearCrossShowedState(_ref)
+
+
+
+
+
+
+
+
+
+{var showClearIcon = _ref.showClearIcon,notEmptyValue = _ref.notEmptyValue,focused = _ref.focused,hovered = _ref.hovered;
+  switch (showClearIcon) {
+    case 'always':
+      return notEmptyValue;
+    case 'auto':
+      return Boolean((focused || hovered) && notEmptyValue);
+    case 'never':
+      return false;
+    default:
+      return (0, _typeGuards.catchUnreachableWarning)(showClearIcon, false);
+  }
+};
+
+
 
 
 
@@ -161,14 +191,24 @@ var maskErrorMessage = exports.maskErrorMessage = function maskErrorMessage(type
 
 
 var InputDataTids = exports.InputDataTids = {
-  root: 'Input__root'
+  root: 'Input__root',
+  clearCross: 'Input__clearCross'
 };
 
 
 
 /**
+ * Поле ввода `Input` дает возможность указать значение с помощью клавиатуры.
+ *
+ * Используйте поле ввода для коротких текстовых или цифровых значений без предсказуемого формата.
+ *
+ *  Если вводимое значение имеет определенный формат, используйте специальную версию поля:
+ * * Поле с паролем PasswordInput.
+ * * Поле с валютой CurrencyInput.
+ * * Поле с маской MaskedInput.
+ * * Автополе FxInput.
+ *
  * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
- *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
  */var
 
 Input = exports.Input = (0, _rootNode.rootNode)(_class = (_Input = /*#__PURE__*/function (_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.
@@ -180,21 +220,16 @@ Input = exports.Input = (0, _rootNode.rootNode)(_class = (_Input = /*#__PURE__*/
 
 
 
-    getProps = (0, _createPropsGetter.createPropsGetter)(Input.defaultProps);_this.
 
-    state = {
-      needsPolyfillPlaceholder: _needsPolyfillPlaceholder.needsPolyfillPlaceholder,
-      blinking: false,
-      focused: false
-    };_this.
+    getProps = (0, _createPropsGetter.createPropsGetter)(Input.defaultProps);_this.
 
     selectAllId = null;_this.
 
 
+    input = null;_this.
 
 
-    input = null;
-
+    getClearCrossShowed = function (_ref2)
 
 
 
@@ -202,7 +237,28 @@ Input = exports.Input = (0, _rootNode.rootNode)(_class = (_Input = /*#__PURE__*/
 
 
 
+    {var _this$input;var focused = _ref2.focused,hovered = _ref2.hovered,hasInitialValue = _ref2.hasInitialValue;
+      if (_this.props.disabled) {
+        return false;
+      }
+      return calculateClearCrossShowedState({
+        showClearIcon: _this.getProps().showClearIcon,
+        notEmptyValue: Boolean(((_this$input = _this.input) == null ? void 0 : _this$input.value) || hasInitialValue),
+        focused: focused,
+        hovered: hovered
+      });
+    };_this.
 
+    state = {
+      needsPolyfillPlaceholder: _needsPolyfillPlaceholder.needsPolyfillPlaceholder,
+      blinking: false,
+      focused: false,
+      hovered: false,
+      clearCrossShowed: _this.getClearCrossShowed({
+        focused: false,
+        hasInitialValue: Boolean(_this.props.value || _this.props.defaultValue)
+      })
+    };
 
 
 
@@ -369,7 +425,7 @@ Input = exports.Input = (0, _rootNode.rootNode)(_class = (_Input = /*#__PURE__*/
       _react.default.createElement('input', inputProps);
     };_this.
 
-    renderMain = function (props) {var _this$emotion$cx, _this$emotion$cx2;
+    renderMain = function (props) {var _cx, _cx2;
       var
         onMouseEnter =
 
@@ -404,36 +460,36 @@ Input = exports.Input = (0, _rootNode.rootNode)(_class = (_Input = /*#__PURE__*/
 
 
 
-        props.onMouseEnter,onMouseLeave = props.onMouseLeave,onMouseOver = props.onMouseOver,onKeyDown = props.onKeyDown,onKeyPress = props.onKeyPress,onValueChange = props.onValueChange,width = props.width,error = props.error,role = props.role,warning = props.warning,leftIcon = props.leftIcon,rightIcon = props.rightIcon,borderless = props.borderless,value = props.value,align = props.align,type = props.type,mask = props.mask,maskChar = props.maskChar,alwaysShowMask = props.alwaysShowMask,size = props.size,placeholder = props.placeholder,selectAllOnFocus = props.selectAllOnFocus,disabled = props.disabled,onUnexpectedInput = props.onUnexpectedInput,prefix = props.prefix,suffix = props.suffix,formatChars = props.formatChars,corners = props.corners,ariaDescribedby = props['aria-describedby'],ariaControls = props['aria-controls'],ariaLabel = props['aria-label'],element = props.element,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+
+        props.onMouseEnter,onMouseLeave = props.onMouseLeave,onMouseOver = props.onMouseOver,onKeyDown = props.onKeyDown,onKeyPress = props.onKeyPress,onValueChange = props.onValueChange,width = props.width,error = props.error,role = props.role,warning = props.warning,leftIcon = props.leftIcon,rightIcon = props.rightIcon,borderless = props.borderless,value = props.value,align = props.align,type = props.type,mask = props.mask,maskChar = props.maskChar,alwaysShowMask = props.alwaysShowMask,size = props.size,placeholder = props.placeholder,selectAllOnFocus = props.selectAllOnFocus,disabled = props.disabled,onUnexpectedInput = props.onUnexpectedInput,prefix = props.prefix,suffix = props.suffix,formatChars = props.formatChars,corners = props.corners,ariaDescribedby = props['aria-describedby'],ariaControls = props['aria-controls'],ariaLabel = props['aria-label'],element = props.element,showClearIcon = props.showClearIcon,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
 
       var _this$state = _this.state,blinking = _this$state.blinking,focused = _this$state.focused;
 
-      var styles = _this.styles;
       var labelProps = {
-        className: _this.emotion.cx(styles.root(_this.theme), _this.getSizeClassName(), (_this$emotion$cx = {}, _this$emotion$cx[
-        styles.focus(_this.theme)] = focused && !warning && !error, _this$emotion$cx[
-        styles.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless, _this$emotion$cx[
-        styles.blink(_this.theme)] = blinking, _this$emotion$cx[
-        styles.borderless()] = borderless && !focused, _this$emotion$cx[
-        styles.disabled(_this.theme)] = disabled, _this$emotion$cx[
-        styles.warning(_this.theme)] = warning, _this$emotion$cx[
-        styles.error(_this.theme)] = error, _this$emotion$cx[
-        styles.focusFallback(_this.theme)] = focused && (_client.isIE11 || _client.isEdge), _this$emotion$cx[
-        styles.warningFallback(_this.theme)] = warning && (_client.isIE11 || _client.isEdge), _this$emotion$cx[
-        styles.errorFallback(_this.theme)] = error && (_client.isIE11 || _client.isEdge), _this$emotion$cx)
+        className: (0, _Emotion.cx)(_Input2.styles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[
+        _Input2.styles.focus(_this.theme)] = focused && !warning && !error, _cx[
+        _Input2.styles.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless, _cx[
+        _Input2.styles.blink(_this.theme)] = blinking, _cx[
+        _Input2.styles.borderless()] = borderless && !focused, _cx[
+        _Input2.styles.disabled(_this.theme)] = disabled, _cx[
+        _Input2.styles.warning(_this.theme)] = warning, _cx[
+        _Input2.styles.error(_this.theme)] = error, _cx[
+        _Input2.styles.focusFallback(_this.theme)] = focused && (_client.isIE11 || _client.isEdge), _cx[
+        _Input2.styles.warningFallback(_this.theme)] = warning && (_client.isIE11 || _client.isEdge), _cx[
+        _Input2.styles.errorFallback(_this.theme)] = error && (_client.isIE11 || _client.isEdge), _cx)
         ),
         'aria-controls': ariaControls,
         style: (0, _extends2.default)({ width: width }, corners),
-        onMouseEnter: onMouseEnter,
-        onMouseLeave: onMouseLeave,
+        onMouseEnter: _this.handleMouseEnter,
+        onMouseLeave: _this.handleMouseLeave,
         onMouseOver: onMouseOver
       };
 
       var inputProps = (0, _extends2.default)({},
       rest, {
-        className: _this.emotion.cx(styles.input(_this.theme), (_this$emotion$cx2 = {}, _this$emotion$cx2[
-        styles.inputFocus(_this.theme)] = focused, _this$emotion$cx2[
-        styles.inputDisabled(_this.theme)] = disabled, _this$emotion$cx2)
+        className: (0, _Emotion.cx)(_Input2.styles.input(_this.theme), (_cx2 = {}, _cx2[
+        _Input2.styles.inputFocus(_this.theme)] = focused, _cx2[
+        _Input2.styles.inputDisabled(_this.theme)] = disabled, _cx2)
         ),
         value: value,
         role: role,
@@ -455,10 +511,18 @@ Input = exports.Input = (0, _rootNode.rootNode)(_class = (_Input = /*#__PURE__*/
       _react.default.createElement(_FocusControlWrapper.FocusControlWrapper, { onBlurWhenDisabled: _this.resetFocus }, _this.getInput(inputProps));
 
 
+      var getRightIcon = function getRightIcon() {
+        return _this.state.clearCrossShowed ? /*#__PURE__*/
+        _react.default.createElement(_ClearCrossIcon.ClearCrossIcon, { "data-tid": InputDataTids.clearCross, size: size, onClick: _this.handleClearInput }) :
+
+        rightIcon;
+
+      };
+
       return /*#__PURE__*/(
         _react.default.createElement(_InputLayout.InputLayout, {
           leftIcon: leftIcon,
-          rightIcon: rightIcon,
+          rightIcon: getRightIcon(),
           prefix: prefix,
           suffix: suffix,
           labelProps: labelProps,
@@ -513,7 +577,6 @@ Input = exports.Input = (0, _rootNode.rootNode)(_class = (_Input = /*#__PURE__*/
 
 
 
-
 
 
     refInput = function (element) {
@@ -524,6 +587,18 @@ Input = exports.Input = (0, _rootNode.rootNode)(_class = (_Input = /*#__PURE__*/
       }
     };_this.
 
+    handleClearInput = function () {
+      if (_this.input) {
+        _this.input.value = '';
+      }
+
+      _this.setState({ clearCrossShowed: false });
+
+      if (_this.props.onValueChange) {
+        _this.props.onValueChange('');
+      }
+    };_this.
+
     handleChange = function (event) {
       if (_needsPolyfillPlaceholder.needsPolyfillPlaceholder) {
         var fieldIsEmpty = event.target.value === '';
@@ -539,11 +614,35 @@ Input = exports.Input = (0, _rootNode.rootNode)(_class = (_Input = /*#__PURE__*/
       if (_this.props.onChange) {
         _this.props.onChange(event);
       }
+
+      _this.setState({
+        clearCrossShowed: _this.getClearCrossShowed({ focused: _this.state.focused, hovered: _this.state.hovered })
+      });
+    };_this.
+
+    handleMouseEnter = function (e) {
+      _this.setState({
+        hovered: true,
+        clearCrossShowed: _this.getClearCrossShowed({ focused: _this.state.focused, hovered: true })
+      });
+      if (_this.props.onMouseEnter) {
+        _this.props.onMouseEnter(e);
+      }
+    };_this.
+    handleMouseLeave = function (e) {
+      _this.setState({
+        hovered: false,
+        clearCrossShowed: _this.getClearCrossShowed({ focused: _this.state.focused, hovered: false })
+      });
+      if (_this.props.onMouseLeave) {
+        _this.props.onMouseLeave(e);
+      }
     };_this.
 
     handleFocus = function (event) {
       _this.setState({
-        focused: true
+        focused: true,
+        clearCrossShowed: _this.getClearCrossShowed({ focused: true, hovered: _this.state.hovered })
       });
 
       if (_this.props.selectAllOnFocus) {
@@ -593,9 +692,18 @@ Input = exports.Input = (0, _rootNode.rootNode)(_class = (_Input = /*#__PURE__*/
 
     resetFocus = function () {return _this.setState({ focused: false });};_this.
 
-    handleBlur = function (event) {
-      _this.resetFocus();
-      _this.props.onBlur == null || _this.props.onBlur(event);
+    handleBlur = function (event) {var _getRootNode;
+      var showClearIcon = _this.props.showClearIcon;
+      if (showClearIcon && (_getRootNode = (0, _rootNode.getRootNode)(_this)) != null && _getRootNode.contains(event.relatedTarget)) {
+        _this.setState({ focused: false });
+      } else {
+        var clearCrossShowed = _this.getClearCrossShowed({ focused: false, hovered: _this.state.hovered });
+        _this.setState({
+          focused: false,
+          clearCrossShowed: clearCrossShowed
+        });
+        _this.props.onBlur == null || _this.props.onBlur(event);
+      }
     };return _this;}(0, _inheritsLoose2.default)(Input, _React$Component);var _proto = Input.prototype;_proto.outputMaskError = function outputMaskError() {(0, _warning.default)(!(this.props.mask && this.canBeUsedWithMask), maskErrorMessage(this.getProps().type));};_proto.componentDidMount = function componentDidMount() {this.outputMaskError();};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (this.props.type !== prevProps.type || this.props.mask !== prevProps.mask) {this.outputMaskError();}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.blinkTimeout) {_globalObject.globalObject.clearTimeout(this.blinkTimeout);}this.cancelDelayedSelectAll();} /**
    * @public
    */;_proto.focus = function focus() {(0, _invariant.default)(this.input, 'Cannot call "focus" because Input is not mounted');this.input.focus();} /**
@@ -612,4 +720,4 @@ Input = exports.Input = (0, _rootNode.rootNode)(_class = (_Input = /*#__PURE__*/
    * @param {number} end
    */;_proto.setSelectionRange = function setSelectionRange(start, end) {var _globalObject$documen,_this$props$value,_this3 = this; // https://github.com/facebook/react/issues/7769
     // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange
-    if (!selectionAllowedTypes.includes(this.getProps().type)) {(0, _warning.default)(false, selectionErrorMessage(this.getProps().type));return;}if (!this.input) {throw new Error('Cannot call "setSelectionRange" on unmounted Input');}if (((_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.activeElement) !== this.input) {this.focus();}if (this.props.mask && this.props.value && ((_this$props$value = this.props.value) == null ? void 0 : _this$props$value.length) < this.props.mask.length) {_globalObject.globalObject.setTimeout(function () {var _this3$input;(_this3$input = _this3.input) == null || _this3$input.setSelectionRange(start, end);}, 150);} else {var _this$input;(_this$input = this.input) == null || _this$input.setSelectionRange(start, end);}};_proto.render = function render() {var _this4 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this4.emotion = emotion;_this4.styles = (0, _Input2.getStyles)(_this4.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this4.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this4.setRootNode }, _this4.getProps()), _this4.renderMain);});});};_proto.renderMaskedInput = function renderMaskedInput(inputProps, mask) {return /*#__PURE__*/_react.default.createElement(_InternalMaskedInput.InternalMaskedInput, (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.getSizeClassName = function getSizeClassName() {var _this$emotion$cx3, _this$emotion$cx4, _this$emotion$cx5;var styles = this.styles;switch (this.getProps().size) {case 'large':return this.emotion.cx((_this$emotion$cx3 = {}, _this$emotion$cx3[styles.sizeLarge(this.theme)] = true, _this$emotion$cx3[styles.sizeLargeFallback(this.theme)] = _client.isIE11 || _client.isEdge, _this$emotion$cx3));case 'medium':return this.emotion.cx((_this$emotion$cx4 = {}, _this$emotion$cx4[styles.sizeMedium(this.theme)] = true, _this$emotion$cx4[styles.sizeMediumFallback(this.theme)] = _client.isIE11 || _client.isEdge, _this$emotion$cx4));case 'small':default:return this.emotion.cx((_this$emotion$cx5 = {}, _this$emotion$cx5[styles.sizeSmall(this.theme)] = true, _this$emotion$cx5[styles.sizeSmallFallback(this.theme)] = _client.isIE11 || _client.isEdge, _this$emotion$cx5));}};return (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));} }, { key: "canBeUsedWithMask", get: function get() {return maskForbiddenTypes.includes(this.getProps().type);} }]);}(_react.default.Component), _Input.__KONTUR_REACT_UI__ = 'Input', _Input.displayName = 'Input', _Input.defaultProps = { size: 'small', type: 'text' }, _Input)) || _class;
+    if (!selectionAllowedTypes.includes(this.getProps().type)) {(0, _warning.default)(false, selectionErrorMessage(this.getProps().type));return;}if (!this.input) {throw new Error('Cannot call "setSelectionRange" on unmounted Input');}if (((_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.activeElement) !== this.input) {this.focus();}if (this.props.mask && this.props.value && ((_this$props$value = this.props.value) == null ? void 0 : _this$props$value.length) < this.props.mask.length) {_globalObject.globalObject.setTimeout(function () {var _this3$input;(_this3$input = _this3.input) == null || _this3$input.setSelectionRange(start, end);}, 150);} else {var _this$input2;(_this$input2 = this.input) == null || _this$input2.setSelectionRange(start, end);}};_proto.render = function render() {var _this4 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this4.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this4.setRootNode }, _this4.getProps()), _this4.renderMain);});};_proto.renderMaskedInput = function renderMaskedInput(inputProps, mask) {return /*#__PURE__*/_react.default.createElement(_InternalMaskedInput.InternalMaskedInput, (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.getSizeClassName = function getSizeClassName() {var _cx3, _cx4, _cx5;switch (this.getProps().size) {case 'large':return (0, _Emotion.cx)((_cx3 = {}, _cx3[_Input2.styles.sizeLarge(this.theme)] = true, _cx3[_Input2.styles.sizeLargeFallback(this.theme)] = _client.isIE11 || _client.isEdge, _cx3));case 'medium':return (0, _Emotion.cx)((_cx4 = {}, _cx4[_Input2.styles.sizeMedium(this.theme)] = true, _cx4[_Input2.styles.sizeMediumFallback(this.theme)] = _client.isIE11 || _client.isEdge, _cx4));case 'small':default:return (0, _Emotion.cx)((_cx5 = {}, _cx5[_Input2.styles.sizeSmall(this.theme)] = true, _cx5[_Input2.styles.sizeSmallFallback(this.theme)] = _client.isIE11 || _client.isEdge, _cx5));}};return (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));} }, { key: "canBeUsedWithMask", get: function get() {return maskForbiddenTypes.includes(this.getProps().type);} }]);}(_react.default.Component), _Input.__KONTUR_REACT_UI__ = 'Input', _Input.displayName = 'Input', _Input.defaultProps = { size: 'small', type: 'text', showClearIcon: 'never' }, _Input)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_invariant","_interopRequireDefault","require","_react","_warning","_globalObject","_client","_identifiers","_needsPolyfillPlaceholder","_InternalMaskedInput","_CommonWrapper","_rootNode","_createPropsGetter","_FocusControlWrapper","_Emotion","_ThemeContext","_InputLayout","_PolyfillPlaceholder","_Input2","_excluded","_class","_Input","inputTypes","exports","selectionAllowedTypes","selectionErrorMessage","type","allowedTypes","map","i","join","maskForbiddenTypes","maskAllowedTypes","filter","includes","maskErrorMessage","InputDataTids","root","Input","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","needsPolyfillPlaceholder","blinking","focused","selectAllId","input","selectAll","_selectAll","delaySelectAll","_globalObject$request","globalObject","requestAnimationFrame","setSelectionRange","value","cancelDelayedSelectAll","cancelAnimationFrame","cancelBlink","callback","blinkTimeout","clearTimeout","setState","getInput","inputProps","props","element","React","cloneElement","mask","canBeUsedWithMask","renderMaskedInput","createElement","renderMain","_this$emotion$cx","_this$emotion$cx2","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onKeyPress","onValueChange","width","error","role","warning","leftIcon","rightIcon","borderless","align","maskChar","alwaysShowMask","size","placeholder","selectAllOnFocus","disabled","onUnexpectedInput","prefix","suffix","formatChars","corners","ariaDescribedby","ariaControls","ariaLabel","rest","_objectWithoutPropertiesLoose2","default","_this$state","styles","labelProps","className","emotion","cx","theme","getSizeClassName","focus","hovering","blink","focusFallback","isIE11","isEdge","warningFallback","errorFallback","style","_extends2","inputFocus","inputDisabled","onChange","handleChange","onFocus","handleFocus","handleKeyDown","handleKeyPress","onBlur","handleBlur","textAlign","ref","refInput","isMaskVisible","undefined","FocusControlWrapper","onBlurWhenDisabled","resetFocus","InputLayout","context","Boolean","PolyfillPlaceholder","defaultValue","InternalMaskedInput","event","fieldIsEmpty","target","e","isDeleteKey","someKeys","isKeyBackspace","isKeyDelete","currentTarget","repeat","handleUnexpectedInput","maxLength","handleMaskedValueChange","_inheritsLoose2","_proto","prototype","outputMaskError","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","invariant","blur","getNode","_this2","offsetWidth","setTimeout","start","end","_globalObject$documen","_this$props$value","_this3","Error","document","activeElement","_this3$input","_this$input","render","_this4","EmotionConsumer","getStyles","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","_this$emotion$cx3","_this$emotion$cx4","_this$emotion$cx5","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","_createClass2","key","get","_this$props","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Input.tsx"],"sourcesContent":["// TODO: Enable this rule in functional components.\nimport invariant from 'invariant';\nimport React, { AriaAttributes, ClassAttributes, HTMLAttributes, ReactElement } from 'react';\nimport warning from 'warning';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { InternalMaskedInput } from '../../internal/InternalMaskedInput';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { InputElement, InputElementProps } from './Input.typings';\nimport { InputLayout } from './InputLayout/InputLayout';\nimport { PolyfillPlaceholder } from './InputLayout/PolyfillPlaceholder';\nimport { getStyles } from './Input.styles';\n\nexport const inputTypes = ['password', 'text', 'number', 'tel', 'search', 'time', 'date', 'url', 'email'] as const;\n\nexport type InputAlign = 'left' | 'center' | 'right';\nexport type InputType = (typeof inputTypes)[number];\nexport type InputIconType = React.ReactNode | (() => React.ReactNode);\n\nexport const selectionAllowedTypes: InputType[] = ['text', 'password', 'tel', 'search', 'url'];\nexport const selectionErrorMessage = (type: InputType, allowedTypes: InputType[] = selectionAllowedTypes) => {\n  return `<Input />. Selection is not supported by the type \"${type}\". Types that support selection: ${allowedTypes\n    .map((i) => `\"${i}\"`)\n    .join(', ')}. Reason: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange.`;\n};\n\nexport const maskForbiddenTypes: InputType[] = ['number', 'date', 'time'];\nexport const maskAllowedTypes: InputType[] = inputTypes.filter((type) => {\n  return !maskForbiddenTypes.includes(type);\n});\nexport const maskErrorMessage = (type: InputType, allowedTypes: InputType[] = maskAllowedTypes) => {\n  return `<Input />. Prop \"mask\" does not support type \"${type}\". Supported types: ${allowedTypes\n    .map((i) => `\"${i}\"`)\n    .join(', ')}.`;\n};\n\nexport interface InputProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label'>,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /**\n         * Иконка слева\n         * Если `ReactNode` применяются дефолтные стили для иконки\n         * Если `() => ReactNode` применяются только стили для позиционирование\n         */\n        leftIcon?: InputIconType;\n        /**\n         * Иконка справа\n         * Если `ReactNode` применяются дефолтные стили для иконки\n         * Если `() => ReactNode` применяются только стили для позиционирование\n         */\n        rightIcon?: InputIconType;\n        /**\n         * Состояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Состояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /** Режим прозрачной рамки */\n        borderless?: boolean;\n        /** Выравнивание текста */\n        align?: InputAlign;\n        /**\n         * Паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url`\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput\n         */\n        mask?: Nullable<string>;\n        /**\n         * Символ маски\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput\n         */\n        maskChar?: Nullable<string>;\n        /**\n         * Словарь символов-регулярок для задания маски\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput\n         * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }\n         */\n        formatChars?: Record<string, string>;\n        /**\n         * Показывать символы маски\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput\n         */\n        alwaysShowMask?: boolean;\n        /** Размер */\n        size?: SizeProp;\n        /** onValueChange */\n        onValueChange?: (value: string) => void;\n        /** Вызывается на label */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n        /** Вызывается на label */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n        /** Вызывается на label */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * Тип. Возможные значения: 'password' | 'text' | 'number' | 'tel' | 'search' | 'time' | 'date' | 'url' | 'email'\n         * */\n        type?: InputType;\n        /** Значение */\n        value?: string;\n        capture?: boolean;\n\n        /**\n         * Префикс\n         * `ReactNode` перед значением, но после иконки\n         */\n        prefix?: React.ReactNode;\n        /**\n         * Суффикс\n         * `ReactNode` после значения, но перед правой иконкой\n         */\n        suffix?: React.ReactNode;\n        /** Выделять введенное значение при фокусе. Работает с типами `text`, `password`, `tel`, `search`, `url`. [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange) */\n        selectAllOnFocus?: boolean;\n        /**\n         * Обработчик неправильного ввода.\n         * По-умолчанию, инпут вспыхивает акцентным цветом.\n         * Если передан - вызывается переданный обработчик,\n         * в таком случае вспыхивание можно вызвать\n         * публичным методом инстанса `blink()`.\n         *\n         * @param value значение инпута.\n         */\n        onUnexpectedInput?: (value: string) => void;\n        /** @ignore */\n        corners?: Partial<\n          Pick<\n            React.CSSProperties,\n            'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'\n          >\n        >;\n        /**\n         * Элемент заменяет нативный input.\n         * Должен иметь пропы `InputElementProps` и тип `InputElement`\n         * */\n        element?: ReactElement<InputElementProps>;\n      }\n    > {}\n\nexport interface InputState {\n  blinking: boolean;\n  focused: boolean;\n  needsPolyfillPlaceholder: boolean;\n}\n\nexport const InputDataTids = {\n  root: 'Input__root',\n} as const;\n\ntype DefaultProps = Required<Pick<InputProps, 'size' | 'type'>>;\n\n/**\n * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.\n *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`\n */\n@rootNode\nexport class Input extends React.Component<InputProps, InputState> {\n  public static __KONTUR_REACT_UI__ = 'Input';\n  public static displayName = 'Input';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n    type: 'text',\n  };\n\n  private getProps = createPropsGetter(Input.defaultProps);\n\n  public state: InputState = {\n    needsPolyfillPlaceholder,\n    blinking: false,\n    focused: false,\n  };\n\n  private selectAllId: number | null = null;\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private blinkTimeout: SafeTimer;\n  public input: HTMLInputElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  private outputMaskError() {\n    warning(!(this.props.mask && this.canBeUsedWithMask), maskErrorMessage(this.getProps().type));\n  }\n\n  public componentDidMount() {\n    this.outputMaskError();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<InputProps>) {\n    if (this.props.type !== prevProps.type || this.props.mask !== prevProps.mask) {\n      this.outputMaskError();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      globalObject.clearTimeout(this.blinkTimeout);\n    }\n    this.cancelDelayedSelectAll();\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    invariant(this.input, 'Cannot call \"focus\" because Input is not mounted');\n    this.input.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    invariant(this.input, 'Cannot call \"blur\" because Input is not mounted');\n    this.input.blur();\n  }\n\n  /**\n   * @public\n   */\n  public getNode() {\n    return this.input;\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.blinkTimeout) {\n      this.cancelBlink(() => {\n        // trigger reflow to restart animation\n        // @see https://css-tricks.com/restart-css-animation/#article-header-id-0\n        void (this.input && this.input.offsetWidth);\n        this.blink();\n      });\n      return;\n    }\n    this.setState({ blinking: true }, () => {\n      this.blinkTimeout = globalObject.setTimeout(this.cancelBlink, 150);\n    });\n  }\n\n  /**\n   * @public\n   * @param {number} start\n   * @param {number} end\n   */\n  public setSelectionRange(start: number, end: number) {\n    // https://github.com/facebook/react/issues/7769\n    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n    if (!selectionAllowedTypes.includes(this.getProps().type)) {\n      warning(false, selectionErrorMessage(this.getProps().type));\n\n      return;\n    }\n\n    if (!this.input) {\n      throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\n    }\n\n    if (globalObject.document?.activeElement !== this.input) {\n      this.focus();\n    }\n    if (this.props.mask && this.props.value && this.props.value?.length < this.props.mask.length) {\n      globalObject.setTimeout(() => {\n        this.input?.setSelectionRange(start, end);\n      }, 150);\n    } else {\n      this.input?.setSelectionRange(start, end);\n    }\n  }\n\n  public get isMaskVisible(): boolean {\n    const { mask, alwaysShowMask } = this.props;\n    const { focused } = this.state;\n    return Boolean(mask && (focused || alwaysShowMask));\n  }\n\n  public render(): JSX.Element {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return (\n                  <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n                    {this.renderMain}\n                  </CommonWrapper>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private get canBeUsedWithMask() {\n    return maskForbiddenTypes.includes(this.getProps().type);\n  }\n\n  /**\n   * Работает с типами `text`, `password`, `tel`, `search`, `url`\n   * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)\n   * @public\n   */\n  public selectAll = (): void => this._selectAll();\n\n  public delaySelectAll = (): number | null => {\n    return (this.selectAllId = globalObject.requestAnimationFrame?.(this._selectAll) ?? null);\n  };\n\n  private _selectAll = (): void => {\n    if (this.input) {\n      this.setSelectionRange(0, this.input.value.length);\n    }\n  };\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      globalObject.cancelAnimationFrame?.(this.selectAllId);\n      this.selectAllId = null;\n    }\n  };\n\n  private cancelBlink = (callback?: () => void): void => {\n    if (this.blinkTimeout) {\n      globalObject.clearTimeout(this.blinkTimeout);\n      this.blinkTimeout = 0;\n      if (this.state.blinking) {\n        this.setState({ blinking: false }, callback);\n        return;\n      }\n    }\n    if (callback) {\n      callback();\n    }\n  };\n\n  private getInput = (inputProps: InputElementProps & ClassAttributes<HTMLInputElement>) => {\n    if (this.props.element) {\n      return React.cloneElement(this.props.element, inputProps);\n    }\n\n    return this.props.mask && !this.canBeUsedWithMask\n      ? this.renderMaskedInput(inputProps, this.props.mask)\n      : React.createElement('input', inputProps);\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<InputProps>) => {\n    const {\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onKeyDown,\n      onKeyPress,\n      onValueChange,\n      width,\n      error,\n      role,\n      warning,\n      leftIcon,\n      rightIcon,\n      borderless,\n      value,\n      align,\n      type,\n      mask,\n      maskChar,\n      alwaysShowMask,\n      size,\n      placeholder,\n      selectAllOnFocus,\n      disabled,\n      onUnexpectedInput,\n      prefix,\n      suffix,\n      formatChars,\n      corners,\n      'aria-describedby': ariaDescribedby,\n      'aria-controls': ariaControls,\n      'aria-label': ariaLabel,\n      element,\n      ...rest\n    } = props;\n\n    const { blinking, focused } = this.state;\n\n    const styles = this.styles;\n    const labelProps = {\n      className: this.emotion.cx(styles.root(this.theme), this.getSizeClassName(), {\n        [styles.focus(this.theme)]: focused && !warning && !error,\n        [styles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n        [styles.blink(this.theme)]: blinking,\n        [styles.borderless()]: borderless && !focused,\n        [styles.disabled(this.theme)]: disabled,\n        [styles.warning(this.theme)]: warning,\n        [styles.error(this.theme)]: error,\n        [styles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\n        [styles.warningFallback(this.theme)]: warning && (isIE11 || isEdge),\n        [styles.errorFallback(this.theme)]: error && (isIE11 || isEdge),\n      }),\n      'aria-controls': ariaControls,\n      style: { width, ...corners },\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n    };\n\n    const inputProps: InputElementProps & ClassAttributes<HTMLInputElement> = {\n      ...rest,\n      className: this.emotion.cx(styles.input(this.theme), {\n        [styles.inputFocus(this.theme)]: focused,\n        [styles.inputDisabled(this.theme)]: disabled,\n      }),\n      value,\n      role,\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onKeyDown: this.handleKeyDown,\n      onKeyPress: this.handleKeyPress,\n      onBlur: this.handleBlur,\n      style: { textAlign: align },\n      ref: this.refInput,\n      type,\n      placeholder: !this.isMaskVisible && !needsPolyfillPlaceholder ? placeholder : undefined,\n      disabled,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n    };\n\n    const input = (\n      <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>{this.getInput(inputProps)}</FocusControlWrapper>\n    );\n\n    return (\n      <InputLayout\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        prefix={prefix}\n        suffix={suffix}\n        labelProps={labelProps}\n        context={{ disabled: Boolean(disabled), focused, size }}\n      >\n        {input}\n        {this.state.needsPolyfillPlaceholder && (\n          <PolyfillPlaceholder\n            isMaskVisible={this.isMaskVisible}\n            value={value}\n            defaultValue={this.props.defaultValue}\n            align={align}\n          >\n            {placeholder}\n          </PolyfillPlaceholder>\n        )}\n      </InputLayout>\n    );\n  };\n\n  private renderMaskedInput(inputProps: React.InputHTMLAttributes<HTMLInputElement>, mask: string) {\n    return (\n      <InternalMaskedInput\n        {...inputProps}\n        mask={mask}\n        maskChar={this.props.maskChar}\n        alwaysShowMask={this.props.alwaysShowMask}\n        formatChars={this.props.formatChars}\n        onChange={this.props.onChange}\n        onValueChange={this.handleMaskedValueChange}\n        onUnexpectedInput={this.handleUnexpectedInput}\n      />\n    );\n  }\n\n  private getSizeClassName() {\n    const styles = this.styles;\n    switch (this.getProps().size) {\n      case 'large':\n        return this.emotion.cx({\n          [styles.sizeLarge(this.theme)]: true,\n          [styles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'medium':\n        return this.emotion.cx({\n          [styles.sizeMedium(this.theme)]: true,\n          [styles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'small':\n      default:\n        return this.emotion.cx({\n          [styles.sizeSmall(this.theme)]: true,\n          [styles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\n        });\n    }\n  }\n\n  private refInput = (element: HTMLInputElement | InternalMaskedInput | InputElement | null) => {\n    if (element instanceof InternalMaskedInput || (element && 'input' in element)) {\n      this.input = element.input;\n    } else {\n      this.input = element;\n    }\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (needsPolyfillPlaceholder) {\n      const fieldIsEmpty = event.target.value === '';\n      if (this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {\n        this.setState({ needsPolyfillPlaceholder: fieldIsEmpty });\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(event.target.value);\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(event);\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({\n      focused: true,\n    });\n\n    if (this.props.selectAllOnFocus) {\n      this.input && !isIE11 ? this.selectAll() : this.delaySelectAll();\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n\n    const isDeleteKey = someKeys(isKeyBackspace, isKeyDelete)(e);\n\n    if (!e.currentTarget.value && isDeleteKey && !e.repeat) {\n      this.handleUnexpectedInput();\n    }\n  };\n\n  private handleKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyPress) {\n      this.props.onKeyPress(event);\n    }\n\n    if (this.props.maxLength === event.currentTarget.value.length) {\n      this.handleUnexpectedInput(event.currentTarget.value);\n    }\n  };\n\n  private handleMaskedValueChange = (value: string) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private handleUnexpectedInput = (value: string = this.props.value || '') => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(value);\n    } else {\n      this.blink();\n    }\n  };\n\n  private resetFocus = () => this.setState({ focused: false });\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(event);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_invariant","_interopRequireDefault","require","_react","_warning","_globalObject","_client","_identifiers","_needsPolyfillPlaceholder","_InternalMaskedInput","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_FocusControlWrapper","_ClearCrossIcon","_typeGuards","_Input2","_InputLayout","_PolyfillPlaceholder","_excluded","_class","_Input","inputTypes","exports","selectionAllowedTypes","selectionErrorMessage","type","allowedTypes","map","i","join","maskForbiddenTypes","maskAllowedTypes","filter","includes","maskErrorMessage","calculateClearCrossShowedState","_ref","showClearIcon","notEmptyValue","focused","hovered","Boolean","catchUnreachableWarning","InputDataTids","root","clearCross","Input","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","selectAllId","input","getClearCrossShowed","_ref2","_this$input","hasInitialValue","props","disabled","value","state","needsPolyfillPlaceholder","blinking","clearCrossShowed","defaultValue","selectAll","_selectAll","delaySelectAll","_globalObject$request","globalObject","requestAnimationFrame","setSelectionRange","cancelDelayedSelectAll","cancelAnimationFrame","cancelBlink","callback","blinkTimeout","clearTimeout","setState","getInput","inputProps","element","React","cloneElement","mask","canBeUsedWithMask","renderMaskedInput","createElement","renderMain","_cx","_cx2","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onKeyPress","onValueChange","width","error","role","warning","leftIcon","rightIcon","borderless","align","maskChar","alwaysShowMask","size","placeholder","selectAllOnFocus","onUnexpectedInput","prefix","suffix","formatChars","corners","ariaDescribedby","ariaControls","ariaLabel","rest","_objectWithoutPropertiesLoose2","default","_this$state","labelProps","className","cx","styles","theme","getSizeClassName","focus","hovering","blink","focusFallback","isIE11","isEdge","warningFallback","errorFallback","style","_extends2","handleMouseEnter","handleMouseLeave","inputFocus","inputDisabled","onChange","handleChange","onFocus","handleFocus","handleKeyDown","handleKeyPress","onBlur","handleBlur","textAlign","ref","refInput","isMaskVisible","undefined","FocusControlWrapper","onBlurWhenDisabled","resetFocus","getRightIcon","ClearCrossIcon","onClick","handleClearInput","InputLayout","context","PolyfillPlaceholder","InternalMaskedInput","event","fieldIsEmpty","target","e","isDeleteKey","someKeys","isKeyBackspace","isKeyDelete","currentTarget","repeat","handleUnexpectedInput","maxLength","handleMaskedValueChange","_getRootNode","getRootNode","contains","relatedTarget","_inheritsLoose2","_proto","prototype","outputMaskError","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","invariant","blur","getNode","_this2","offsetWidth","setTimeout","start","end","_globalObject$documen","_this$props$value","_this3","Error","document","activeElement","_this3$input","_this$input2","render","_this4","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","_cx3","_cx4","_cx5","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","_createClass2","key","get","_this$props","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Input.tsx"],"sourcesContent":["// TODO: Enable this rule in functional components.\nimport invariant from 'invariant';\nimport type { AriaAttributes, ClassAttributes, HTMLAttributes, ReactElement } from 'react';\nimport React from 'react';\nimport warning from 'warning';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport type { Nullable, Override } from '../../typings/utility-types';\nimport { InternalMaskedInput } from '../../internal/InternalMaskedInput';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { ClearCrossIcon } from '../../internal/ClearCrossIcon/ClearCrossIcon';\nimport { catchUnreachableWarning } from '../../lib/typeGuards';\n\nimport type { InputElement, InputElementProps } from './Input.typings';\nimport { styles } from './Input.styles';\nimport { InputLayout } from './InputLayout/InputLayout';\nimport { PolyfillPlaceholder } from './InputLayout/PolyfillPlaceholder';\n\nexport const inputTypes = ['password', 'text', 'number', 'tel', 'search', 'time', 'date', 'url', 'email'] as const;\n\nexport type InputAlign = 'left' | 'center' | 'right';\nexport type ShowClearIcon = 'auto' | 'always' | 'never';\nexport type InputType = (typeof inputTypes)[number];\nexport type InputIconType = React.ReactNode | (() => React.ReactNode);\n\nexport const selectionAllowedTypes: InputType[] = ['text', 'password', 'tel', 'search', 'url'];\nexport const selectionErrorMessage = (type: InputType, allowedTypes: InputType[] = selectionAllowedTypes) => {\n  return `<Input />. Selection is not supported by the type \"${type}\". Types that support selection: ${allowedTypes\n    .map((i) => `\"${i}\"`)\n    .join(', ')}. Reason: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange.`;\n};\n\nexport const maskForbiddenTypes: InputType[] = ['number', 'date', 'time'];\nexport const maskAllowedTypes: InputType[] = inputTypes.filter((type) => {\n  return !maskForbiddenTypes.includes(type);\n});\nexport const maskErrorMessage = (type: InputType, allowedTypes: InputType[] = maskAllowedTypes) => {\n  return `<Input />. Prop \"mask\" does not support type \"${type}\". Supported types: ${allowedTypes\n    .map((i) => `\"${i}\"`)\n    .join(', ')}.`;\n};\nexport const calculateClearCrossShowedState = ({\n  showClearIcon,\n  notEmptyValue,\n  focused,\n  hovered,\n}: {\n  showClearIcon: ShowClearIcon;\n  notEmptyValue: boolean;\n  focused?: boolean;\n  hovered?: boolean;\n}): boolean => {\n  switch (showClearIcon) {\n    case 'always':\n      return notEmptyValue;\n    case 'auto':\n      return Boolean((focused || hovered) && notEmptyValue);\n    case 'never':\n      return false;\n    default:\n      return catchUnreachableWarning(showClearIcon, false);\n  }\n};\n\nexport interface InputProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label'>,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** Показывать иконку очистки значения в непустом поле:\n         * - `always` — всегда показывать иконку\n         * - `auto` — показывать иконку при hover/focus\n         * - `never` — не показывать иконку\n         * При одновременной настройке `showClearIcon` и `rightIcon` показывается иконка очистки.\n         * @default never */\n        showClearIcon?: ShowClearIcon;\n\n        /** Задает иконку слева.\n         * При использовании `ReactNode` применяются дефолтные стили для иконки.\n         * При использовании `() => ReactNode` применяются только стили для позиционирования. */\n        leftIcon?: InputIconType;\n\n        /** Добавляет иконку справа.\n         * При использовании `ReactNode` применяются дефолтные стили для иконки.\n         * При использовании `() => ReactNode` применяются только стили для позиционирования. */\n        rightIcon?: InputIconType;\n\n        /** Переводит контрол в состояние валидации \"ошибка\". */\n        error?: boolean;\n\n        /** Переводит контрол в состояние валидации \"предупреждение\". */\n        warning?: boolean;\n\n        /** Убирает обводку. */\n        borderless?: boolean;\n\n        /** Задает выравнивание контента. */\n        align?: InputAlign;\n\n        /** Задает паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url`\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput. */\n        mask?: Nullable<string>;\n\n        /** Устанавливает символ маски.\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput. */\n        maskChar?: Nullable<string>;\n\n        /** Задает словарь символов-регулярок для задания маски\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput.\n         * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }. */\n        formatChars?: Record<string, string>;\n\n        /** Включает показ символов маски.\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput. */\n        alwaysShowMask?: boolean;\n\n        /** Задает размер. */\n        size?: SizeProp;\n\n        /** Задает функцию, которая вызывается при изменении значения в инпуте. */\n        onValueChange?: (value: string) => void;\n\n        /** @ignore */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** @ignore */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** @ignore */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает тип инпута. */\n        type?: InputType;\n\n        /** Задает значение. */\n        value?: string;\n\n        ///** */\n        capture?: boolean;\n\n        /** Устанавливает префикс `ReactNode` перед значением, но после иконки. */\n        prefix?: React.ReactNode;\n\n        /** Устанавливает суффикс `ReactNode` после значения, но перед правой иконкой. */\n        suffix?: React.ReactNode;\n\n        /** Определяет, нужно ли выделять введенное значение при фокусе. Работает с типами `text`, `password`, `tel`, `search`, `url`. [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange) */\n        selectAllOnFocus?: boolean;\n\n        /** Задает функцию для обработки ввода.\n         * При неправильном вводе инпут по-умолчанию вспыхивает акцентным цветом.\n         * Если `onUnexpectedInput` передан - вызывается переданный обработчик b вспыхивание можно вызвать публичным методом инстанса `blink()`.\n         * @param {string} value - значение инпута. */\n        onUnexpectedInput?: (value: string) => void;\n\n        /** Устанавливает радиус скруглений углов.\n         * @ignore */\n        corners?: Partial<\n          Pick<\n            React.CSSProperties,\n            'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'\n          >\n        >;\n\n        /** Устанавливает элемент, заменяющий нативный input. Должен иметь пропы `InputElementProps` и тип `InputElement`. */\n        element?: ReactElement<InputElementProps>;\n      }\n    > {}\n\nexport interface InputState {\n  blinking: boolean;\n  focused: boolean;\n  hovered: boolean;\n  needsPolyfillPlaceholder: boolean;\n  clearCrossShowed: boolean;\n}\n\nexport const InputDataTids = {\n  root: 'Input__root',\n  clearCross: 'Input__clearCross',\n} as const;\n\ntype DefaultProps = Required<Pick<InputProps, 'size' | 'type' | 'showClearIcon'>>;\n\n/**\n * Поле ввода `Input` дает возможность указать значение с помощью клавиатуры.\n *\n * Используйте поле ввода для коротких текстовых или цифровых значений без предсказуемого формата.\n *\n *  Если вводимое значение имеет определенный формат, используйте специальную версию поля:\n * * Поле с паролем PasswordInput.\n * * Поле с валютой CurrencyInput.\n * * Поле с маской MaskedInput.\n * * Автополе FxInput.\n *\n * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.\n */\n@rootNode\nexport class Input extends React.Component<InputProps, InputState> {\n  public static __KONTUR_REACT_UI__ = 'Input';\n  public static displayName = 'Input';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n    type: 'text',\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(Input.defaultProps);\n\n  private selectAllId: number | null = null;\n  private theme!: Theme;\n  private blinkTimeout: SafeTimer;\n  public input: HTMLInputElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  private getClearCrossShowed = ({\n    focused,\n    hovered,\n    hasInitialValue,\n  }: {\n    focused?: boolean;\n    hovered?: boolean;\n    hasInitialValue?: boolean;\n  }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon,\n      notEmptyValue: Boolean(this.input?.value || hasInitialValue),\n      focused,\n      hovered,\n    });\n  };\n\n  public state: InputState = {\n    needsPolyfillPlaceholder,\n    blinking: false,\n    focused: false,\n    hovered: false,\n    clearCrossShowed: this.getClearCrossShowed({\n      focused: false,\n      hasInitialValue: Boolean(this.props.value || this.props.defaultValue),\n    }),\n  };\n\n  private outputMaskError() {\n    warning(!(this.props.mask && this.canBeUsedWithMask), maskErrorMessage(this.getProps().type));\n  }\n\n  public componentDidMount() {\n    this.outputMaskError();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<InputProps>) {\n    if (this.props.type !== prevProps.type || this.props.mask !== prevProps.mask) {\n      this.outputMaskError();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      globalObject.clearTimeout(this.blinkTimeout);\n    }\n    this.cancelDelayedSelectAll();\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    invariant(this.input, 'Cannot call \"focus\" because Input is not mounted');\n    this.input.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    invariant(this.input, 'Cannot call \"blur\" because Input is not mounted');\n    this.input.blur();\n  }\n\n  /**\n   * @public\n   */\n  public getNode() {\n    return this.input;\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.blinkTimeout) {\n      this.cancelBlink(() => {\n        // trigger reflow to restart animation\n        // @see https://css-tricks.com/restart-css-animation/#article-header-id-0\n        void (this.input && this.input.offsetWidth);\n        this.blink();\n      });\n      return;\n    }\n    this.setState({ blinking: true }, () => {\n      this.blinkTimeout = globalObject.setTimeout(this.cancelBlink, 150);\n    });\n  }\n\n  /**\n   * @public\n   * @param {number} start\n   * @param {number} end\n   */\n  public setSelectionRange(start: number, end: number) {\n    // https://github.com/facebook/react/issues/7769\n    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n    if (!selectionAllowedTypes.includes(this.getProps().type)) {\n      warning(false, selectionErrorMessage(this.getProps().type));\n\n      return;\n    }\n\n    if (!this.input) {\n      throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\n    }\n\n    if (globalObject.document?.activeElement !== this.input) {\n      this.focus();\n    }\n    if (this.props.mask && this.props.value && this.props.value?.length < this.props.mask.length) {\n      globalObject.setTimeout(() => {\n        this.input?.setSelectionRange(start, end);\n      }, 150);\n    } else {\n      this.input?.setSelectionRange(start, end);\n    }\n  }\n\n  public get isMaskVisible(): boolean {\n    const { mask, alwaysShowMask } = this.props;\n    const { focused } = this.state;\n    return Boolean(mask && (focused || alwaysShowMask));\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private get canBeUsedWithMask() {\n    return maskForbiddenTypes.includes(this.getProps().type);\n  }\n\n  /**\n   * Работает с типами `text`, `password`, `tel`, `search`, `url`\n   * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)\n   * @public\n   */\n  public selectAll = (): void => this._selectAll();\n\n  public delaySelectAll = (): number | null => {\n    return (this.selectAllId = globalObject.requestAnimationFrame?.(this._selectAll) ?? null);\n  };\n\n  private _selectAll = (): void => {\n    if (this.input) {\n      this.setSelectionRange(0, this.input.value.length);\n    }\n  };\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      globalObject.cancelAnimationFrame?.(this.selectAllId);\n      this.selectAllId = null;\n    }\n  };\n\n  private cancelBlink = (callback?: () => void): void => {\n    if (this.blinkTimeout) {\n      globalObject.clearTimeout(this.blinkTimeout);\n      this.blinkTimeout = 0;\n      if (this.state.blinking) {\n        this.setState({ blinking: false }, callback);\n        return;\n      }\n    }\n    if (callback) {\n      callback();\n    }\n  };\n\n  private getInput = (inputProps: InputElementProps & ClassAttributes<HTMLInputElement>) => {\n    if (this.props.element) {\n      return React.cloneElement(this.props.element, inputProps);\n    }\n\n    return this.props.mask && !this.canBeUsedWithMask\n      ? this.renderMaskedInput(inputProps, this.props.mask)\n      : React.createElement('input', inputProps);\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<InputProps>) => {\n    const {\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onKeyDown,\n      onKeyPress,\n      onValueChange,\n      width,\n      error,\n      role,\n      warning,\n      leftIcon,\n      rightIcon,\n      borderless,\n      value,\n      align,\n      type,\n      mask,\n      maskChar,\n      alwaysShowMask,\n      size,\n      placeholder,\n      selectAllOnFocus,\n      disabled,\n      onUnexpectedInput,\n      prefix,\n      suffix,\n      formatChars,\n      corners,\n      'aria-describedby': ariaDescribedby,\n      'aria-controls': ariaControls,\n      'aria-label': ariaLabel,\n      element,\n      showClearIcon,\n      ...rest\n    } = props;\n\n    const { blinking, focused } = this.state;\n\n    const labelProps = {\n      className: cx(styles.root(this.theme), this.getSizeClassName(), {\n        [styles.focus(this.theme)]: focused && !warning && !error,\n        [styles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n        [styles.blink(this.theme)]: blinking,\n        [styles.borderless()]: borderless && !focused,\n        [styles.disabled(this.theme)]: disabled,\n        [styles.warning(this.theme)]: warning,\n        [styles.error(this.theme)]: error,\n        [styles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\n        [styles.warningFallback(this.theme)]: warning && (isIE11 || isEdge),\n        [styles.errorFallback(this.theme)]: error && (isIE11 || isEdge),\n      }),\n      'aria-controls': ariaControls,\n      style: { width, ...corners },\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseLeave,\n      onMouseOver,\n    };\n\n    const inputProps: InputElementProps & ClassAttributes<HTMLInputElement> = {\n      ...rest,\n      className: cx(styles.input(this.theme), {\n        [styles.inputFocus(this.theme)]: focused,\n        [styles.inputDisabled(this.theme)]: disabled,\n      }),\n      value,\n      role,\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onKeyDown: this.handleKeyDown,\n      onKeyPress: this.handleKeyPress,\n      onBlur: this.handleBlur,\n      style: { textAlign: align },\n      ref: this.refInput,\n      type,\n      placeholder: !this.isMaskVisible && !needsPolyfillPlaceholder ? placeholder : undefined,\n      disabled,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n    };\n\n    const input = (\n      <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>{this.getInput(inputProps)}</FocusControlWrapper>\n    );\n\n    const getRightIcon = () => {\n      return this.state.clearCrossShowed ? (\n        <ClearCrossIcon data-tid={InputDataTids.clearCross} size={size} onClick={this.handleClearInput} />\n      ) : (\n        rightIcon\n      );\n    };\n\n    return (\n      <InputLayout\n        leftIcon={leftIcon}\n        rightIcon={getRightIcon()}\n        prefix={prefix}\n        suffix={suffix}\n        labelProps={labelProps}\n        context={{ disabled: Boolean(disabled), focused, size }}\n      >\n        {input}\n        {this.state.needsPolyfillPlaceholder && (\n          <PolyfillPlaceholder\n            isMaskVisible={this.isMaskVisible}\n            value={value}\n            defaultValue={this.props.defaultValue}\n            align={align}\n          >\n            {placeholder}\n          </PolyfillPlaceholder>\n        )}\n      </InputLayout>\n    );\n  };\n\n  private renderMaskedInput(inputProps: React.InputHTMLAttributes<HTMLInputElement>, mask: string) {\n    return (\n      <InternalMaskedInput\n        {...inputProps}\n        mask={mask}\n        maskChar={this.props.maskChar}\n        alwaysShowMask={this.props.alwaysShowMask}\n        formatChars={this.props.formatChars}\n        onChange={this.props.onChange}\n        onValueChange={this.handleMaskedValueChange}\n        onUnexpectedInput={this.handleUnexpectedInput}\n      />\n    );\n  }\n\n  private getSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return cx({\n          [styles.sizeLarge(this.theme)]: true,\n          [styles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'medium':\n        return cx({\n          [styles.sizeMedium(this.theme)]: true,\n          [styles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'small':\n      default:\n        return cx({\n          [styles.sizeSmall(this.theme)]: true,\n          [styles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\n        });\n    }\n  }\n\n  private refInput = (element: HTMLInputElement | InternalMaskedInput | InputElement | null) => {\n    if (element instanceof InternalMaskedInput || (element && 'input' in element)) {\n      this.input = element.input;\n    } else {\n      this.input = element;\n    }\n  };\n\n  private handleClearInput = () => {\n    if (this.input) {\n      this.input.value = '';\n    }\n\n    this.setState({ clearCrossShowed: false });\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange('');\n    }\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (needsPolyfillPlaceholder) {\n      const fieldIsEmpty = event.target.value === '';\n      if (this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {\n        this.setState({ needsPolyfillPlaceholder: fieldIsEmpty });\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(event.target.value);\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(event);\n    }\n\n    this.setState({\n      clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: this.state.hovered }),\n    });\n  };\n\n  private handleMouseEnter = (e: React.MouseEvent<HTMLLabelElement, MouseEvent>) => {\n    this.setState({\n      hovered: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }),\n    });\n    if (this.props.onMouseEnter) {\n      this.props.onMouseEnter(e);\n    }\n  };\n  private handleMouseLeave = (e: React.MouseEvent<HTMLLabelElement, MouseEvent>) => {\n    this.setState({\n      hovered: false,\n      clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }),\n    });\n    if (this.props.onMouseLeave) {\n      this.props.onMouseLeave(e);\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({\n      focused: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: true, hovered: this.state.hovered }),\n    });\n\n    if (this.props.selectAllOnFocus) {\n      this.input && !isIE11 ? this.selectAll() : this.delaySelectAll();\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n\n    const isDeleteKey = someKeys(isKeyBackspace, isKeyDelete)(e);\n\n    if (!e.currentTarget.value && isDeleteKey && !e.repeat) {\n      this.handleUnexpectedInput();\n    }\n  };\n\n  private handleKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyPress) {\n      this.props.onKeyPress(event);\n    }\n\n    if (this.props.maxLength === event.currentTarget.value.length) {\n      this.handleUnexpectedInput(event.currentTarget.value);\n    }\n  };\n\n  private handleMaskedValueChange = (value: string) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private handleUnexpectedInput = (value: string = this.props.value || '') => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(value);\n    } else {\n      this.blink();\n    }\n  };\n\n  private resetFocus = () => this.setState({ focused: false });\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const showClearIcon = this.props.showClearIcon;\n    if (showClearIcon && getRootNode(this)?.contains(event.relatedTarget)) {\n      this.setState({ focused: false });\n    } else {\n      const clearCrossShowed = this.getClearCrossShowed({ focused: false, hovered: this.state.hovered });\n      this.setState({\n        focused: false,\n        clearCrossShowed,\n      });\n      this.props.onBlur?.(event);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Input/Input.md

@@ -1,9 +1,17 @@
+### Базовый пример
 ```jsx harmony
-import SearchIcon from '@skbkontur/react-icons/Search';
 
-<Input leftIcon={<SearchIcon />} />;
+<Input />;
 ```
 
+### Иконка
+```jsx harmony
+import { SearchLoupeIcon16Regular } from '@skbkontur/icons/icons/SearchLoupeIcon/SearchLoupeIcon16Regular';
+
+<Input leftIcon={<SearchLoupeIcon16Regular />} />;
+```
+
+### Очистка значения
 Очистить значение в `Input`'е можно только с помощью пустой строки
 
 ```jsx harmony
@@ -17,19 +25,19 @@ const [value, setValue] = React.useState('Значение');
 </Group>
 ```
 
-Пример с префиксом:
+### Префикс
 
 ```jsx harmony
-import SearchIcon from '@skbkontur/react-icons/Search';
+import { SearchLoupeIcon16Regular } from '@skbkontur/icons/icons/SearchLoupeIcon/SearchLoupeIcon16Regular';
 
 <Input
   width={400}
   prefix="https://kontur.ru/search?query="
-  rightIcon={<SearchIcon />}
+  rightIcon={<SearchLoupeIcon16Regular />}
 />;
 ```
 
-Примеры разных значений `type`:
+### type
 
 ```jsx harmony
 import { Gapped, Input, Tooltip } from '@skbkontur/react-ui';