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

package/components/Input/Input/Input.js

@@ -0,0 +1,536 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+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.
+import invariant from 'invariant';
+import React from 'react';
+import warning from 'warning';
+import { globalObject } from '@skbkontur/global-object';
+import { isEdge, isIE11 } from "../../../lib/client";
+import { isKeyBackspace, isKeyDelete, someKeys } from "../../../lib/events/keyboard/identifiers";
+import { needsPolyfillPlaceholder } from "../../../lib/needsPolyfillPlaceholder";
+import { InternalMaskedInput } from "../../../internal/InternalMaskedInput";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { getRootNode, rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { FocusControlWrapper } from "../../../internal/FocusControlWrapper";
+import { ClearCrossIcon } from "../../../internal/ClearCrossIcon/ClearCrossIcon";
+import { catchUnreachableWarning } from "../../../lib/typeGuards";
+import { styles } from "../Input.styles";
+import { InputLayout } from "../InputLayout/InputLayout";
+import { PolyfillPlaceholder } from "../InputLayout/PolyfillPlaceholder";
+export var inputTypes = ['password', 'text', 'number', 'tel', 'search', 'time', 'date', 'url', 'email'];
+export var selectionAllowedTypes = ['text', 'password', 'tel', 'search', 'url'];
+export var 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.map(function (i) {
+    return "\"" + i + "\"";
+  }).join(', ') + ". Reason: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange.";
+};
+export var maskForbiddenTypes = ['number', 'date', 'time'];
+export var maskAllowedTypes = inputTypes.filter(function (type) {
+  return !maskForbiddenTypes.includes(type);
+});
+export var maskErrorMessage = function maskErrorMessage(type, allowedTypes) {
+  if (allowedTypes === void 0) {
+    allowedTypes = maskAllowedTypes;
+  }
+  return "<Input />. Prop \"mask\" does not support type \"" + type + "\". Supported types: " + allowedTypes.map(function (i) {
+    return "\"" + i + "\"";
+  }).join(', ') + ".";
+};
+export var 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 catchUnreachableWarning(showClearIcon, false);
+  }
+};
+export var InputDataTids = {
+  root: 'Input__root',
+  clearCross: 'Input__clearCross'
+};
+
+/**
+ * Поле ввода `Input` дает возможность указать значение с помощью клавиатуры.
+ *
+ * Используйте поле ввода для коротких текстовых или цифровых значений без предсказуемого формата.
+ *
+ *  Если вводимое значение имеет определенный формат, используйте специальную версию поля:
+ * * Поле с паролем PasswordInput.
+ * * Поле с валютой CurrencyInput.
+ * * Поле с маской MaskedInput.
+ * * Автополе FxInput.
+ *
+ * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
+ */
+export var Input = 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.getProps = createPropsGetter(Input.defaultProps);
+    _this.selectAllId = null;
+    _this.input = null;
+    _this.getClearCrossShowed = function (_ref2) {
+      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,
+      blinking: false,
+      focused: false,
+      hovered: false,
+      clearCrossShowed: _this.getClearCrossShowed({
+        focused: false,
+        hasInitialValue: Boolean(_this.props.value || _this.props.defaultValue)
+      })
+    };
+
+    /**
+     * Работает с типами `text`, `password`, `tel`, `search`, `url`
+     * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)
+     * @public
+     */
+    _this.selectAll = function () {
+      return _this._selectAll();
+    };
+    _this.delaySelectAll = function () {
+      var _globalObject$request;
+      return _this.selectAllId = (_globalObject$request = globalObject.requestAnimationFrame == null ? void 0 : globalObject.requestAnimationFrame(_this._selectAll)) != null ? _globalObject$request : null;
+    };
+    _this._selectAll = function () {
+      if (_this.input) {
+        _this.setSelectionRange(0, _this.input.value.length);
+      }
+    };
+    _this.cancelDelayedSelectAll = function () {
+      if (_this.selectAllId) {
+        globalObject.cancelAnimationFrame == null || globalObject.cancelAnimationFrame(_this.selectAllId);
+        _this.selectAllId = null;
+      }
+    };
+    _this.cancelBlink = function (callback) {
+      if (_this.blinkTimeout) {
+        globalObject.clearTimeout(_this.blinkTimeout);
+        _this.blinkTimeout = 0;
+        if (_this.state.blinking) {
+          _this.setState({
+            blinking: false
+          }, callback);
+          return;
+        }
+      }
+      if (callback) {
+        callback();
+      }
+    };
+    _this.getInput = function (inputProps) {
+      if (_this.props.element) {
+        return /*#__PURE__*/React.cloneElement(_this.props.element, inputProps);
+      }
+      return _this.props.mask && !_this.canBeUsedWithMask ? _this.renderMaskedInput(inputProps, _this.props.mask) : /*#__PURE__*/
+      React.createElement('input', inputProps);
+    };
+    _this.renderMain = function (props) {
+      var _cx, _cx2;
+      var onMouseEnter = 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 = _objectWithoutPropertiesLoose(props, _excluded);
+      var _this$state = _this.state,
+        blinking = _this$state.blinking,
+        focused = _this$state.focused;
+      var labelProps = {
+        className: cx(styles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[styles.focus(_this.theme)] = focused && !warning && !error, _cx[styles.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless, _cx[styles.blink(_this.theme)] = blinking, _cx[styles.borderless()] = borderless && !focused, _cx[styles.disabled(_this.theme)] = disabled, _cx[styles.warning(_this.theme)] = warning, _cx[styles.error(_this.theme)] = error, _cx[styles.focusFallback(_this.theme)] = focused && (isIE11 || isEdge), _cx[styles.warningFallback(_this.theme)] = warning && (isIE11 || isEdge), _cx[styles.errorFallback(_this.theme)] = error && (isIE11 || isEdge), _cx)),
+        'aria-controls': ariaControls,
+        style: _extends({
+          width: width
+        }, corners),
+        onMouseEnter: _this.handleMouseEnter,
+        onMouseLeave: _this.handleMouseLeave,
+        onMouseOver: onMouseOver
+      };
+      var inputProps = _extends({}, rest, {
+        className: cx(styles.input(_this.theme), (_cx2 = {}, _cx2[styles.inputFocus(_this.theme)] = focused, _cx2[styles.inputDisabled(_this.theme)] = disabled, _cx2)),
+        value: value,
+        role: role,
+        onChange: _this.handleChange,
+        onFocus: _this.handleFocus,
+        onKeyDown: _this.handleKeyDown,
+        onKeyPress: _this.handleKeyPress,
+        onBlur: _this.handleBlur,
+        style: {
+          textAlign: align
+        },
+        ref: _this.refInput,
+        type: type,
+        placeholder: !_this.isMaskVisible && !needsPolyfillPlaceholder ? placeholder : undefined,
+        disabled: disabled,
+        'aria-describedby': ariaDescribedby,
+        'aria-label': ariaLabel
+      });
+      var input = /*#__PURE__*/
+      React.createElement(FocusControlWrapper, {
+        onBlurWhenDisabled: _this.resetFocus
+      }, _this.getInput(inputProps));
+      var getRightIcon = function getRightIcon() {
+        return _this.state.clearCrossShowed ? /*#__PURE__*/
+        React.createElement(ClearCrossIcon, {
+          "data-tid": InputDataTids.clearCross,
+          size: size,
+          onClick: _this.handleClearInput
+        }) : rightIcon;
+      };
+      return /*#__PURE__*/(
+        React.createElement(InputLayout, {
+          leftIcon: leftIcon,
+          rightIcon: getRightIcon(),
+          prefix: prefix,
+          suffix: suffix,
+          labelProps: labelProps,
+          context: {
+            disabled: Boolean(disabled),
+            focused: focused,
+            size: size
+          }
+        }, input, _this.state.needsPolyfillPlaceholder && /*#__PURE__*/
+        React.createElement(PolyfillPlaceholder, {
+          isMaskVisible: _this.isMaskVisible,
+          value: value,
+          defaultValue: _this.props.defaultValue,
+          align: align
+        }, placeholder))
+      );
+    };
+    _this.refInput = function (element) {
+      if (element instanceof InternalMaskedInput || element && 'input' in element) {
+        _this.input = element.input;
+      } else {
+        _this.input = element;
+      }
+    };
+    _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) {
+        var fieldIsEmpty = event.target.value === '';
+        if (_this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {
+          _this.setState({
+            needsPolyfillPlaceholder: fieldIsEmpty
+          });
+        }
+      }
+      if (_this.props.onValueChange) {
+        _this.props.onValueChange(event.target.value);
+      }
+      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,
+        clearCrossShowed: _this.getClearCrossShowed({
+          focused: true,
+          hovered: _this.state.hovered
+        })
+      });
+      if (_this.props.selectAllOnFocus) {
+        _this.input && !isIE11 ? _this.selectAll() : _this.delaySelectAll();
+      }
+      if (_this.props.onFocus) {
+        _this.props.onFocus(event);
+      }
+    };
+    _this.handleKeyDown = function (e) {
+      if (_this.props.onKeyDown) {
+        _this.props.onKeyDown(e);
+      }
+      var isDeleteKey = someKeys(isKeyBackspace, isKeyDelete)(e);
+      if (!e.currentTarget.value && isDeleteKey && !e.repeat) {
+        _this.handleUnexpectedInput();
+      }
+    };
+    _this.handleKeyPress = function (event) {
+      if (_this.props.onKeyPress) {
+        _this.props.onKeyPress(event);
+      }
+      if (_this.props.maxLength === event.currentTarget.value.length) {
+        _this.handleUnexpectedInput(event.currentTarget.value);
+      }
+    };
+    _this.handleMaskedValueChange = function (value) {
+      if (_this.props.onValueChange) {
+        _this.props.onValueChange(value);
+      }
+    };
+    _this.handleUnexpectedInput = function (value) {
+      if (value === void 0) {
+        value = _this.props.value || '';
+      }
+      if (_this.props.onUnexpectedInput) {
+        _this.props.onUnexpectedInput(value);
+      } else {
+        _this.blink();
+      }
+    };
+    _this.resetFocus = function () {
+      return _this.setState({
+        focused: false
+      });
+    };
+    _this.handleBlur = function (event) {
+      var _getRootNode;
+      var showClearIcon = _this.props.showClearIcon;
+      if (showClearIcon && (_getRootNode = 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;
+  }
+  _inheritsLoose(Input, _React$Component);
+  var _proto = Input.prototype;
+  _proto.outputMaskError = function outputMaskError() {
+    warning(!(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.clearTimeout(this.blinkTimeout);
+    }
+    this.cancelDelayedSelectAll();
+  } /**
+    * @public
+    */;
+  _proto.focus = function focus() {
+    invariant(this.input, 'Cannot call "focus" because Input is not mounted');
+    this.input.focus();
+  } /**
+    * @public
+    */;
+  _proto.blur = function blur() {
+    invariant(this.input, 'Cannot call "blur" because Input is not mounted');
+    this.input.blur();
+  } /**
+    * @public
+    */;
+  _proto.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 = globalObject.setTimeout(_this2.cancelBlink, 150);
+    });
+  } /**
+    * @public
+    * @param {number} start
+    * @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)) {
+      warning(false, selectionErrorMessage(this.getProps().type));
+      return;
+    }
+    if (!this.input) {
+      throw new Error('Cannot call "setSelectionRange" on unmounted Input');
+    }
+    if (((_globalObject$documen = 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.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.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this4.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this4.setRootNode
+      }, _this4.getProps()), _this4.renderMain);
+    });
+  };
+  _proto.renderMaskedInput = function renderMaskedInput(inputProps, mask) {
+    return /*#__PURE__*/React.createElement(InternalMaskedInput, _extends({}, 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 cx((_cx3 = {}, _cx3[styles.sizeLarge(this.theme)] = true, _cx3[styles.sizeLargeFallback(this.theme)] = isIE11 || isEdge, _cx3));
+      case 'medium':
+        return cx((_cx4 = {}, _cx4[styles.sizeMedium(this.theme)] = true, _cx4[styles.sizeMediumFallback(this.theme)] = isIE11 || isEdge, _cx4));
+      case 'small':
+      default:
+        return cx((_cx5 = {}, _cx5[styles.sizeSmall(this.theme)] = true, _cx5[styles.sizeSmallFallback(this.theme)] = isIE11 || isEdge, _cx5));
+    }
+  };
+  return _createClass(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.Component), _Input.__KONTUR_REACT_UI__ = 'Input', _Input.displayName = 'Input', _Input.defaultProps = {
+  size: 'small',
+  type: 'text',
+  showClearIcon: 'never'
+}, _Input)) || _class;

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

@@ -0,0 +1 @@
+{"version":3,"names":["invariant","React","warning","globalObject","isEdge","isIE11","isKeyBackspace","isKeyDelete","someKeys","needsPolyfillPlaceholder","InternalMaskedInput","ThemeContext","CommonWrapper","cx","getRootNode","rootNode","createPropsGetter","FocusControlWrapper","ClearCrossIcon","catchUnreachableWarning","styles","InputLayout","PolyfillPlaceholder","inputTypes","selectionAllowedTypes","selectionErrorMessage","type","allowedTypes","map","i","join","maskForbiddenTypes","maskAllowedTypes","filter","includes","maskErrorMessage","calculateClearCrossShowedState","_ref","showClearIcon","notEmptyValue","focused","hovered","Boolean","InputDataTids","root","clearCross","Input","_class","_Input","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","selectAllId","input","getClearCrossShowed","_ref2","_this$input","hasInitialValue","props","disabled","value","state","blinking","clearCrossShowed","defaultValue","selectAll","_selectAll","delaySelectAll","_globalObject$request","requestAnimationFrame","setSelectionRange","cancelDelayedSelectAll","cancelAnimationFrame","cancelBlink","callback","blinkTimeout","clearTimeout","setState","getInput","inputProps","element","cloneElement","mask","canBeUsedWithMask","renderMaskedInput","createElement","renderMain","_cx","_cx2","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onKeyPress","onValueChange","width","error","role","leftIcon","rightIcon","borderless","align","maskChar","alwaysShowMask","size","placeholder","selectAllOnFocus","onUnexpectedInput","prefix","suffix","formatChars","corners","ariaDescribedby","ariaControls","ariaLabel","rest","_objectWithoutPropertiesLoose","_excluded","_this$state","labelProps","className","theme","getSizeClassName","focus","hovering","blink","focusFallback","warningFallback","errorFallback","style","_extends","handleMouseEnter","handleMouseLeave","inputFocus","inputDisabled","onChange","handleChange","onFocus","handleFocus","handleKeyDown","handleKeyPress","onBlur","handleBlur","textAlign","ref","refInput","isMaskVisible","undefined","onBlurWhenDisabled","resetFocus","getRightIcon","onClick","handleClearInput","context","event","fieldIsEmpty","target","e","isDeleteKey","currentTarget","repeat","handleUnexpectedInput","maxLength","handleMaskedValueChange","_getRootNode","contains","relatedTarget","_inheritsLoose","_proto","prototype","outputMaskError","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","blur","getNode","_this2","offsetWidth","setTimeout","start","end","_globalObject$documen","_this$props$value","_this3","Error","document","activeElement","_this3$input","_this$input2","render","_this4","Consumer","rootNodeRef","setRootNode","_cx3","_cx4","_cx5","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","_createClass","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":"2vBAAA;AACA,OAAOA,SAAS,MAAM,WAAW;;AAEjC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,SAAS;;AAE7B,SAASC,YAAY,QAAQ,0BAA0B;;AAEvD,SAASC,MAAM,EAAEC,MAAM,QAAQ,kBAAkB;AACjD,SAASC,cAAc,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,uCAAuC;AAC7F,SAASC,wBAAwB,QAAQ,oCAAoC;;AAE7E,SAASC,mBAAmB,QAAQ,oCAAoC;AACxE,SAASC,YAAY,QAAQ,gCAAgC;;;AAG7D,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,WAAW,EAAEC,QAAQ,QAAQ,oBAAoB;AAC1D,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,mBAAmB,QAAQ,oCAAoC;AACxE,SAASC,cAAc,QAAQ,8CAA8C;AAC7E,SAASC,uBAAuB,QAAQ,sBAAsB;;;AAG9D,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,mBAAmB,QAAQ,mCAAmC;;AAEvE,OAAO,IAAMC,UAAU,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAU;;;;;;;AAOlH,OAAO,IAAMC,qBAAkC,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC;AAC9F,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,IAAe,EAAEC,YAAyB,EAA6B,KAAtDA,YAAyB,cAAzBA,YAAyB,GAAGH,qBAAqB;EACtG,gEAA6DE,IAAI,0CAAoCC,YAAY;EAC9GC,GAAG,CAAC,UAACC,CAAC,iBAASA,CAAC,SAAG,CAAC;EACpBC,IAAI,CAAC,IAAI,CAAC;AACf,CAAC;;AAED,OAAO,IAAMC,kBAA+B,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC;AACzE,OAAO,IAAMC,gBAA6B,GAAGT,UAAU,CAACU,MAAM,CAAC,UAACP,IAAI,EAAK;EACvE,OAAO,CAACK,kBAAkB,CAACG,QAAQ,CAACR,IAAI,CAAC;AAC3C,CAAC,CAAC;AACF,OAAO,IAAMS,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIT,IAAe,EAAEC,YAAyB,EAAwB,KAAjDA,YAAyB,cAAzBA,YAAyB,GAAGK,gBAAgB;EAC5F,6DAAwDN,IAAI,6BAAuBC,YAAY;EAC5FC,GAAG,CAAC,UAACC,CAAC,iBAASA,CAAC,SAAG,CAAC;EACpBC,IAAI,CAAC,IAAI,CAAC;AACf,CAAC;AACD,OAAO,IAAMM,8BAA8B,GAAG,SAAjCA,8BAA8BA,CAAAC,IAAA;;;;;;;;;;AAU5B,KATbC,aAAa,GAAAD,IAAA,CAAbC,aAAa,CACbC,aAAa,GAAAF,IAAA,CAAbE,aAAa,CACbC,OAAO,GAAAH,IAAA,CAAPG,OAAO,CACPC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;EAOP,QAAQH,aAAa;IACnB,KAAK,QAAQ;MACX,OAAOC,aAAa;IACtB,KAAK,MAAM;MACT,OAAOG,OAAO,CAAC,CAACF,OAAO,IAAIC,OAAO,KAAKF,aAAa,CAAC;IACvD,KAAK,OAAO;MACV,OAAO,KAAK;IACd;MACE,OAAOpB,uBAAuB,CAACmB,aAAa,EAAE,KAAK,CAAC;EACxD;AACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqHD,OAAO,IAAMK,aAAa,GAAG;EAC3BC,IAAI,EAAE,aAAa;EACnBC,UAAU,EAAE;AACd,CAAU;;;;AAIV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,KAAK,GADjB/B,QAAQ,CAAAgC,MAAA,IAAAC,MAAA,0BAAAC,gBAAA,YAAAH,MAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;IAWCU,QAAQ,GAAG5C,iBAAiB,CAAC8B,KAAK,CAACe,YAAY,CAAC,CAAAX,KAAA;;IAEhDY,WAAW,GAAkB,IAAI,CAAAZ,KAAA;;;IAGlCa,KAAK,GAA4B,IAAI,CAAAb,KAAA;;;IAGpCc,mBAAmB,GAAG,UAAAC,KAAA;;;;;;;;IAQf,KAAAC,WAAA,KAPb1B,OAAO,GAAAyB,KAAA,CAAPzB,OAAO,CACPC,OAAO,GAAAwB,KAAA,CAAPxB,OAAO,CACP0B,eAAe,GAAAF,KAAA,CAAfE,eAAe;MAMf,IAAIjB,KAAA,CAAKkB,KAAK,CAACC,QAAQ,EAAE;QACvB,OAAO,KAAK;MACd;MACA,OAAOjC,8BAA8B,CAAC;QACpCE,aAAa,EAAEY,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAACtB,aAAa;QAC5CC,aAAa,EAAEG,OAAO,CAAC,EAAAwB,WAAA,GAAAhB,KAAA,CAAKa,KAAK,qBAAVG,WAAA,CAAYI,KAAK,KAAIH,eAAe,CAAC;QAC5D3B,OAAO,EAAPA,OAAO;QACPC,OAAO,EAAPA;MACF,CAAC,CAAC;IACJ,CAAC,CAAAS,KAAA;;IAEMqB,KAAK,GAAe;MACzB9D,wBAAwB,EAAxBA,wBAAwB;MACxB+D,QAAQ,EAAE,KAAK;MACfhC,OAAO,EAAE,KAAK;MACdC,OAAO,EAAE,KAAK;MACdgC,gBAAgB,EAAEvB,KAAA,CAAKc,mBAAmB,CAAC;QACzCxB,OAAO,EAAE,KAAK;QACd2B,eAAe,EAAEzB,OAAO,CAACQ,KAAA,CAAKkB,KAAK,CAACE,KAAK,IAAIpB,KAAA,CAAKkB,KAAK,CAACM,YAAY;MACtE,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuHD;AACF;AACA;AACA;AACA,OAJExB,KAAA;IAKOyB,SAAS,GAAG,oBAAYzB,KAAA,CAAK0B,UAAU,CAAC,CAAC,GAAA1B,KAAA;;IAEzC2B,cAAc,GAAG,YAAqB,KAAAC,qBAAA;MAC3C,OAAQ5B,KAAA,CAAKY,WAAW,IAAAgB,qBAAA,GAAG3E,YAAY,CAAC4E,qBAAqB,oBAAlC5E,YAAY,CAAC4E,qBAAqB,CAAG7B,KAAA,CAAK0B,UAAU,CAAC,YAAAE,qBAAA,GAAI,IAAI;IAC1F,CAAC,CAAA5B,KAAA;;IAEO0B,UAAU,GAAG,YAAY;MAC/B,IAAI1B,KAAA,CAAKa,KAAK,EAAE;QACdb,KAAA,CAAK8B,iBAAiB,CAAC,CAAC,EAAE9B,KAAA,CAAKa,KAAK,CAACO,KAAK,CAACjB,MAAM,CAAC;MACpD;IACF,CAAC,CAAAH,KAAA;;IAEO+B,sBAAsB,GAAG,YAAY;MAC3C,IAAI/B,KAAA,CAAKY,WAAW,EAAE;QACpB3D,YAAY,CAAC+E,oBAAoB,YAAjC/E,YAAY,CAAC+E,oBAAoB,CAAGhC,KAAA,CAAKY,WAAW,CAAC;QACrDZ,KAAA,CAAKY,WAAW,GAAG,IAAI;MACzB;IACF,CAAC,CAAAZ,KAAA;;IAEOiC,WAAW,GAAG,UAACC,QAAqB,EAAW;MACrD,IAAIlC,KAAA,CAAKmC,YAAY,EAAE;QACrBlF,YAAY,CAACmF,YAAY,CAACpC,KAAA,CAAKmC,YAAY,CAAC;QAC5CnC,KAAA,CAAKmC,YAAY,GAAG,CAAC;QACrB,IAAInC,KAAA,CAAKqB,KAAK,CAACC,QAAQ,EAAE;UACvBtB,KAAA,CAAKqC,QAAQ,CAAC,EAAEf,QAAQ,EAAE,KAAK,CAAC,CAAC,EAAEY,QAAQ,CAAC;UAC5C;QACF;MACF;MACA,IAAIA,QAAQ,EAAE;QACZA,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC,CAAAlC,KAAA;;IAEOsC,QAAQ,GAAG,UAACC,UAAiE,EAAK;MACxF,IAAIvC,KAAA,CAAKkB,KAAK,CAACsB,OAAO,EAAE;QACtB,oBAAOzF,KAAK,CAAC0F,YAAY,CAACzC,KAAA,CAAKkB,KAAK,CAACsB,OAAO,EAAED,UAAU,CAAC;MAC3D;;MAEA,OAAOvC,KAAA,CAAKkB,KAAK,CAACwB,IAAI,IAAI,CAAC1C,KAAA,CAAK2C,iBAAiB;MAC7C3C,KAAA,CAAK4C,iBAAiB,CAACL,UAAU,EAAEvC,KAAA,CAAKkB,KAAK,CAACwB,IAAI,CAAC;MACnD3F,KAAK,CAAC8F,aAAa,CAAC,OAAO,EAAEN,UAAU,CAAC;IAC9C,CAAC,CAAAvC,KAAA;;IAEO8C,UAAU,GAAG,UAAC5B,KAAyC,EAAK,KAAA6B,GAAA,EAAAC,IAAA;MAClE;QACEC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAkCV/B,KAAK,CAlCP+B,YAAY,CACZC,YAAY,GAiCVhC,KAAK,CAjCPgC,YAAY,CACZC,WAAW,GAgCTjC,KAAK,CAhCPiC,WAAW,CACXC,SAAS,GA+BPlC,KAAK,CA/BPkC,SAAS,CACTC,UAAU,GA8BRnC,KAAK,CA9BPmC,UAAU,CACVC,aAAa,GA6BXpC,KAAK,CA7BPoC,aAAa,CACbC,KAAK,GA4BHrC,KAAK,CA5BPqC,KAAK,CACLC,KAAK,GA2BHtC,KAAK,CA3BPsC,KAAK,CACLC,IAAI,GA0BFvC,KAAK,CA1BPuC,IAAI,CACJzG,OAAO,GAyBLkE,KAAK,CAzBPlE,OAAO,CACP0G,QAAQ,GAwBNxC,KAAK,CAxBPwC,QAAQ,CACRC,SAAS,GAuBPzC,KAAK,CAvBPyC,SAAS,CACTC,UAAU,GAsBR1C,KAAK,CAtBP0C,UAAU,CACVxC,KAAK,GAqBHF,KAAK,CArBPE,KAAK,CACLyC,KAAK,GAoBH3C,KAAK,CApBP2C,KAAK,CACLrF,IAAI,GAmBF0C,KAAK,CAnBP1C,IAAI,CACJkE,IAAI,GAkBFxB,KAAK,CAlBPwB,IAAI,CACJoB,QAAQ,GAiBN5C,KAAK,CAjBP4C,QAAQ,CACRC,cAAc,GAgBZ7C,KAAK,CAhBP6C,cAAc,CACdC,IAAI,GAeF9C,KAAK,CAfP8C,IAAI,CACJC,WAAW,GAcT/C,KAAK,CAdP+C,WAAW,CACXC,gBAAgB,GAadhD,KAAK,CAbPgD,gBAAgB,CAChB/C,QAAQ,GAYND,KAAK,CAZPC,QAAQ,CACRgD,iBAAiB,GAWfjD,KAAK,CAXPiD,iBAAiB,CACjBC,MAAM,GAUJlD,KAAK,CAVPkD,MAAM,CACNC,MAAM,GASJnD,KAAK,CATPmD,MAAM,CACNC,WAAW,GAQTpD,KAAK,CARPoD,WAAW,CACXC,OAAO,GAOLrD,KAAK,CAPPqD,OAAO,CACaC,eAAe,GAMjCtD,KAAK,CANP,kBAAkB,EACDuD,YAAY,GAK3BvD,KAAK,CALP,eAAe,EACDwD,SAAS,GAIrBxD,KAAK,CAJP,YAAY,EACZsB,OAAO,GAGLtB,KAAK,CAHPsB,OAAO,CACPpD,aAAa,GAEX8B,KAAK,CAFP9B,aAAa,CACVuF,IAAI,GAAAC,6BAAA,CACL1D,KAAK,EAAA2D,SAAA;;MAET,IAAAC,WAAA,GAA8B9E,KAAA,CAAKqB,KAAK,CAAhCC,QAAQ,GAAAwD,WAAA,CAARxD,QAAQ,CAAEhC,OAAO,GAAAwF,WAAA,CAAPxF,OAAO;;MAEzB,IAAMyF,UAAU,GAAG;QACjBC,SAAS,EAAErH,EAAE,CAACO,MAAM,CAACwB,IAAI,CAACM,KAAA,CAAKiF,KAAK,CAAC,EAAEjF,KAAA,CAAKkF,gBAAgB,CAAC,CAAC,GAAAnC,GAAA,OAAAA,GAAA;QAC3D7E,MAAM,CAACiH,KAAK,CAACnF,KAAA,CAAKiF,KAAK,CAAC,IAAG3F,OAAO,IAAI,CAACtC,OAAO,IAAI,CAACwG,KAAK,EAAAT,GAAA;QACxD7E,MAAM,CAACkH,QAAQ,CAACpF,KAAA,CAAKiF,KAAK,CAAC,IAAG,CAAC3F,OAAO,IAAI,CAAC6B,QAAQ,IAAI,CAACnE,OAAO,IAAI,CAACwG,KAAK,IAAI,CAACI,UAAU,EAAAb,GAAA;QACxF7E,MAAM,CAACmH,KAAK,CAACrF,KAAA,CAAKiF,KAAK,CAAC,IAAG3D,QAAQ,EAAAyB,GAAA;QACnC7E,MAAM,CAAC0F,UAAU,CAAC,CAAC,IAAGA,UAAU,IAAI,CAACtE,OAAO,EAAAyD,GAAA;QAC5C7E,MAAM,CAACiD,QAAQ,CAACnB,KAAA,CAAKiF,KAAK,CAAC,IAAG9D,QAAQ,EAAA4B,GAAA;QACtC7E,MAAM,CAAClB,OAAO,CAACgD,KAAA,CAAKiF,KAAK,CAAC,IAAGjI,OAAO,EAAA+F,GAAA;QACpC7E,MAAM,CAACsF,KAAK,CAACxD,KAAA,CAAKiF,KAAK,CAAC,IAAGzB,KAAK,EAAAT,GAAA;QAChC7E,MAAM,CAACoH,aAAa,CAACtF,KAAA,CAAKiF,KAAK,CAAC,IAAG3F,OAAO,KAAKnC,MAAM,IAAID,MAAM,CAAC,EAAA6F,GAAA;QAChE7E,MAAM,CAACqH,eAAe,CAACvF,KAAA,CAAKiF,KAAK,CAAC,IAAGjI,OAAO,KAAKG,MAAM,IAAID,MAAM,CAAC,EAAA6F,GAAA;QAClE7E,MAAM,CAACsH,aAAa,CAACxF,KAAA,CAAKiF,KAAK,CAAC,IAAGzB,KAAK,KAAKrG,MAAM,IAAID,MAAM,CAAC,EAAA6F,GAAA;QAChE,CAAC;QACF,eAAe,EAAE0B,YAAY;QAC7BgB,KAAK,EAAAC,QAAA,GAAInC,KAAK,EAALA,KAAK,IAAKgB,OAAO,CAAE;QAC5BtB,YAAY,EAAEjD,KAAA,CAAK2F,gBAAgB;QACnCzC,YAAY,EAAElD,KAAA,CAAK4F,gBAAgB;QACnCzC,WAAW,EAAXA;MACF,CAAC;;MAED,IAAMZ,UAAiE,GAAAmD,QAAA;MAClEf,IAAI;QACPK,SAAS,EAAErH,EAAE,CAACO,MAAM,CAAC2C,KAAK,CAACb,KAAA,CAAKiF,KAAK,CAAC,GAAAjC,IAAA,OAAAA,IAAA;QACnC9E,MAAM,CAAC2H,UAAU,CAAC7F,KAAA,CAAKiF,KAAK,CAAC,IAAG3F,OAAO,EAAA0D,IAAA;QACvC9E,MAAM,CAAC4H,aAAa,CAAC9F,KAAA,CAAKiF,KAAK,CAAC,IAAG9D,QAAQ,EAAA6B,IAAA;QAC7C,CAAC;QACF5B,KAAK,EAALA,KAAK;QACLqC,IAAI,EAAJA,IAAI;QACJsC,QAAQ,EAAE/F,KAAA,CAAKgG,YAAY;QAC3BC,OAAO,EAAEjG,KAAA,CAAKkG,WAAW;QACzB9C,SAAS,EAAEpD,KAAA,CAAKmG,aAAa;QAC7B9C,UAAU,EAAErD,KAAA,CAAKoG,cAAc;QAC/BC,MAAM,EAAErG,KAAA,CAAKsG,UAAU;QACvBb,KAAK,EAAE,EAAEc,SAAS,EAAE1C,KAAK,CAAC,CAAC;QAC3B2C,GAAG,EAAExG,KAAA,CAAKyG,QAAQ;QAClBjI,IAAI,EAAJA,IAAI;QACJyF,WAAW,EAAE,CAACjE,KAAA,CAAK0G,aAAa,IAAI,CAACnJ,wBAAwB,GAAG0G,WAAW,GAAG0C,SAAS;QACvFxF,QAAQ,EAARA,QAAQ;QACR,kBAAkB,EAAEqD,eAAe;QACnC,YAAY,EAAEE,SAAS,GACxB;;;MAED,IAAM7D,KAAK;MACT9D,KAAA,CAAA8F,aAAA,CAAC9E,mBAAmB,IAAC6I,kBAAkB,EAAE5G,KAAA,CAAK6G,UAAW,IAAE7G,KAAA,CAAKsC,QAAQ,CAACC,UAAU,CAAuB,CAC3G;;;MAED,IAAMuE,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;QACzB,OAAO9G,KAAA,CAAKqB,KAAK,CAACE,gBAAgB;QAChCxE,KAAA,CAAA8F,aAAA,CAAC7E,cAAc,IAAC,YAAUyB,aAAa,CAACE,UAAW,EAACqE,IAAI,EAAEA,IAAK,EAAC+C,OAAO,EAAE/G,KAAA,CAAKgH,gBAAiB,EAAE,CAAC;;QAElGrD,SACD;;MACH,CAAC;;MAED;QACE5G,KAAA,CAAA8F,aAAA,CAAC1E,WAAW;UACVuF,QAAQ,EAAEA,QAAS;UACnBC,SAAS,EAAEmD,YAAY,CAAC,CAAE;UAC1B1C,MAAM,EAAEA,MAAO;UACfC,MAAM,EAAEA,MAAO;UACfU,UAAU,EAAEA,UAAW;UACvBkC,OAAO,EAAE,EAAE9F,QAAQ,EAAE3B,OAAO,CAAC2B,QAAQ,CAAC,EAAE7B,OAAO,EAAPA,OAAO,EAAE0E,IAAI,EAAJA,IAAI,CAAC,CAAE;;QAEvDnD,KAAK;QACLb,KAAA,CAAKqB,KAAK,CAAC9D,wBAAwB;QAClCR,KAAA,CAAA8F,aAAA,CAACzE,mBAAmB;UAClBsI,aAAa,EAAE1G,KAAA,CAAK0G,aAAc;UAClCtF,KAAK,EAAEA,KAAM;UACbI,YAAY,EAAExB,KAAA,CAAKkB,KAAK,CAACM,YAAa;UACtCqC,KAAK,EAAEA,KAAM;;QAEZI;QACkB;;QAEZ,CAAC;;IAElB,CAAC,CAAAjE,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCOyG,QAAQ,GAAG,UAACjE,OAAqE,EAAK;MAC5F,IAAIA,OAAO,YAAYhF,mBAAmB,IAAKgF,OAAO,IAAI,OAAO,IAAIA,OAAQ,EAAE;QAC7ExC,KAAA,CAAKa,KAAK,GAAG2B,OAAO,CAAC3B,KAAK;MAC5B,CAAC,MAAM;QACLb,KAAA,CAAKa,KAAK,GAAG2B,OAAO;MACtB;IACF,CAAC,CAAAxC,KAAA;;IAEOgH,gBAAgB,GAAG,YAAM;MAC/B,IAAIhH,KAAA,CAAKa,KAAK,EAAE;QACdb,KAAA,CAAKa,KAAK,CAACO,KAAK,GAAG,EAAE;MACvB;;MAEApB,KAAA,CAAKqC,QAAQ,CAAC,EAAEd,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC;;MAE1C,IAAIvB,KAAA,CAAKkB,KAAK,CAACoC,aAAa,EAAE;QAC5BtD,KAAA,CAAKkB,KAAK,CAACoC,aAAa,CAAC,EAAE,CAAC;MAC9B;IACF,CAAC,CAAAtD,KAAA;;IAEOgG,YAAY,GAAG,UAACkB,KAA0C,EAAK;MACrE,IAAI3J,wBAAwB,EAAE;QAC5B,IAAM4J,YAAY,GAAGD,KAAK,CAACE,MAAM,CAAChG,KAAK,KAAK,EAAE;QAC9C,IAAIpB,KAAA,CAAKqB,KAAK,CAAC9D,wBAAwB,KAAK4J,YAAY,EAAE;UACxDnH,KAAA,CAAKqC,QAAQ,CAAC,EAAE9E,wBAAwB,EAAE4J,YAAY,CAAC,CAAC,CAAC;QAC3D;MACF;;MAEA,IAAInH,KAAA,CAAKkB,KAAK,CAACoC,aAAa,EAAE;QAC5BtD,KAAA,CAAKkB,KAAK,CAACoC,aAAa,CAAC4D,KAAK,CAACE,MAAM,CAAChG,KAAK,CAAC;MAC9C;;MAEA,IAAIpB,KAAA,CAAKkB,KAAK,CAAC6E,QAAQ,EAAE;QACvB/F,KAAA,CAAKkB,KAAK,CAAC6E,QAAQ,CAACmB,KAAK,CAAC;MAC5B;;MAEAlH,KAAA,CAAKqC,QAAQ,CAAC;QACZd,gBAAgB,EAAEvB,KAAA,CAAKc,mBAAmB,CAAC,EAAExB,OAAO,EAAEU,KAAA,CAAKqB,KAAK,CAAC/B,OAAO,EAAEC,OAAO,EAAES,KAAA,CAAKqB,KAAK,CAAC9B,OAAO,CAAC,CAAC;MACzG,CAAC,CAAC;IACJ,CAAC,CAAAS,KAAA;;IAEO2F,gBAAgB,GAAG,UAAC0B,CAAiD,EAAK;MAChFrH,KAAA,CAAKqC,QAAQ,CAAC;QACZ9C,OAAO,EAAE,IAAI;QACbgC,gBAAgB,EAAEvB,KAAA,CAAKc,mBAAmB,CAAC,EAAExB,OAAO,EAAEU,KAAA,CAAKqB,KAAK,CAAC/B,OAAO,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC;MAC3F,CAAC,CAAC;MACF,IAAIS,KAAA,CAAKkB,KAAK,CAAC+B,YAAY,EAAE;QAC3BjD,KAAA,CAAKkB,KAAK,CAAC+B,YAAY,CAACoE,CAAC,CAAC;MAC5B;IACF,CAAC,CAAArH,KAAA;IACO4F,gBAAgB,GAAG,UAACyB,CAAiD,EAAK;MAChFrH,KAAA,CAAKqC,QAAQ,CAAC;QACZ9C,OAAO,EAAE,KAAK;QACdgC,gBAAgB,EAAEvB,KAAA,CAAKc,mBAAmB,CAAC,EAAExB,OAAO,EAAEU,KAAA,CAAKqB,KAAK,CAAC/B,OAAO,EAAEC,OAAO,EAAE,KAAK,CAAC,CAAC;MAC5F,CAAC,CAAC;MACF,IAAIS,KAAA,CAAKkB,KAAK,CAACgC,YAAY,EAAE;QAC3BlD,KAAA,CAAKkB,KAAK,CAACgC,YAAY,CAACmE,CAAC,CAAC;MAC5B;IACF,CAAC,CAAArH,KAAA;;IAEOkG,WAAW,GAAG,UAACgB,KAAyC,EAAK;MACnElH,KAAA,CAAKqC,QAAQ,CAAC;QACZ/C,OAAO,EAAE,IAAI;QACbiC,gBAAgB,EAAEvB,KAAA,CAAKc,mBAAmB,CAAC,EAAExB,OAAO,EAAE,IAAI,EAAEC,OAAO,EAAES,KAAA,CAAKqB,KAAK,CAAC9B,OAAO,CAAC,CAAC;MAC3F,CAAC,CAAC;;MAEF,IAAIS,KAAA,CAAKkB,KAAK,CAACgD,gBAAgB,EAAE;QAC/BlE,KAAA,CAAKa,KAAK,IAAI,CAAC1D,MAAM,GAAG6C,KAAA,CAAKyB,SAAS,CAAC,CAAC,GAAGzB,KAAA,CAAK2B,cAAc,CAAC,CAAC;MAClE;;MAEA,IAAI3B,KAAA,CAAKkB,KAAK,CAAC+E,OAAO,EAAE;QACtBjG,KAAA,CAAKkB,KAAK,CAAC+E,OAAO,CAACiB,KAAK,CAAC;MAC3B;IACF,CAAC,CAAAlH,KAAA;;IAEOmG,aAAa,GAAG,UAACkB,CAAwC,EAAK;MACpE,IAAIrH,KAAA,CAAKkB,KAAK,CAACkC,SAAS,EAAE;QACxBpD,KAAA,CAAKkB,KAAK,CAACkC,SAAS,CAACiE,CAAC,CAAC;MACzB;;MAEA,IAAMC,WAAW,GAAGhK,QAAQ,CAACF,cAAc,EAAEC,WAAW,CAAC,CAACgK,CAAC,CAAC;;MAE5D,IAAI,CAACA,CAAC,CAACE,aAAa,CAACnG,KAAK,IAAIkG,WAAW,IAAI,CAACD,CAAC,CAACG,MAAM,EAAE;QACtDxH,KAAA,CAAKyH,qBAAqB,CAAC,CAAC;MAC9B;IACF,CAAC,CAAAzH,KAAA;;IAEOoG,cAAc,GAAG,UAACc,KAA4C,EAAK;MACzE,IAAIlH,KAAA,CAAKkB,KAAK,CAACmC,UAAU,EAAE;QACzBrD,KAAA,CAAKkB,KAAK,CAACmC,UAAU,CAAC6D,KAAK,CAAC;MAC9B;;MAEA,IAAIlH,KAAA,CAAKkB,KAAK,CAACwG,SAAS,KAAKR,KAAK,CAACK,aAAa,CAACnG,KAAK,CAACjB,MAAM,EAAE;QAC7DH,KAAA,CAAKyH,qBAAqB,CAACP,KAAK,CAACK,aAAa,CAACnG,KAAK,CAAC;MACvD;IACF,CAAC,CAAApB,KAAA;;IAEO2H,uBAAuB,GAAG,UAACvG,KAAa,EAAK;MACnD,IAAIpB,KAAA,CAAKkB,KAAK,CAACoC,aAAa,EAAE;QAC5BtD,KAAA,CAAKkB,KAAK,CAACoC,aAAa,CAAClC,KAAK,CAAC;MACjC;IACF,CAAC,CAAApB,KAAA;;IAEOyH,qBAAqB,GAAG,UAACrG,KAAa,EAA8B,KAA3CA,KAAa,cAAbA,KAAa,GAAGpB,KAAA,CAAKkB,KAAK,CAACE,KAAK,IAAI,EAAE;MACrE,IAAIpB,KAAA,CAAKkB,KAAK,CAACiD,iBAAiB,EAAE;QAChCnE,KAAA,CAAKkB,KAAK,CAACiD,iBAAiB,CAAC/C,KAAK,CAAC;MACrC,CAAC,MAAM;QACLpB,KAAA,CAAKqF,KAAK,CAAC,CAAC;MACd;IACF,CAAC,CAAArF,KAAA;;IAEO6G,UAAU,GAAG,oBAAM7G,KAAA,CAAKqC,QAAQ,CAAC,EAAE/C,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,GAAAU,KAAA;;IAEpDsG,UAAU,GAAG,UAACY,KAAyC,EAAK,KAAAU,YAAA;MAClE,IAAMxI,aAAa,GAAGY,KAAA,CAAKkB,KAAK,CAAC9B,aAAa;MAC9C,IAAIA,aAAa,KAAAwI,YAAA,GAAIhK,WAAW,CAAAoC,KAAK,CAAC,aAAjB4H,YAAA,CAAmBC,QAAQ,CAACX,KAAK,CAACY,aAAa,CAAC,EAAE;QACrE9H,KAAA,CAAKqC,QAAQ,CAAC,EAAE/C,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;MACnC,CAAC,MAAM;QACL,IAAMiC,gBAAgB,GAAGvB,KAAA,CAAKc,mBAAmB,CAAC,EAAExB,OAAO,EAAE,KAAK,EAAEC,OAAO,EAAES,KAAA,CAAKqB,KAAK,CAAC9B,OAAO,CAAC,CAAC,CAAC;QAClGS,KAAA,CAAKqC,QAAQ,CAAC;UACZ/C,OAAO,EAAE,KAAK;UACdiC,gBAAgB,EAAhBA;QACF,CAAC,CAAC;QACFvB,KAAA,CAAKkB,KAAK,CAACmF,MAAM,YAAjBrG,KAAA,CAAKkB,KAAK,CAACmF,MAAM,CAAGa,KAAK,CAAC;MAC5B;IACF,CAAC,QAAAlH,KAAA,EAAA+H,cAAA,CAAAnI,KAAA,EAAAG,gBAAA,MAAAiI,MAAA,GAAApI,KAAA,CAAAqI,SAAA,CAAAD,MAAA,CA5bOE,eAAe,GAAvB,SAAAA,gBAAA,EAA0B,CACxBlL,OAAO,CAAC,EAAE,IAAI,CAACkE,KAAK,CAACwB,IAAI,IAAI,IAAI,CAACC,iBAAiB,CAAC,EAAE1D,gBAAgB,CAAC,IAAI,CAACyB,QAAQ,CAAC,CAAC,CAAClC,IAAI,CAAC,CAAC,CAC/F,CAAC,CAAAwJ,MAAA,CAEMG,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,CAACD,eAAe,CAAC,CAAC,CACxB,CAAC,CAAAF,MAAA,CAEMI,kBAAkB,GAAzB,SAAAA,mBAA0BC,SAA+B,EAAE,CACzD,IAAI,IAAI,CAACnH,KAAK,CAAC1C,IAAI,KAAK6J,SAAS,CAAC7J,IAAI,IAAI,IAAI,CAAC0C,KAAK,CAACwB,IAAI,KAAK2F,SAAS,CAAC3F,IAAI,EAAE,CAC5E,IAAI,CAACwF,eAAe,CAAC,CAAC,CACxB,CACF,CAAC,CAAAF,MAAA,CAEMM,oBAAoB,GAA3B,SAAAA,qBAAA,EAA8B,CAC5B,IAAI,IAAI,CAACnG,YAAY,EAAE,CACrBlF,YAAY,CAACmF,YAAY,CAAC,IAAI,CAACD,YAAY,CAAC,CAC9C,CACA,IAAI,CAACJ,sBAAsB,CAAC,CAAC,CAC/B,CAAC,CAED;AACF;AACA,KAFE,CAAAiG,MAAA,CAGO7C,KAAK,GAAZ,SAAAA,MAAA,EAAe,CACbrI,SAAS,CAAC,IAAI,CAAC+D,KAAK,EAAE,kDAAkD,CAAC,CACzE,IAAI,CAACA,KAAK,CAACsE,KAAK,CAAC,CAAC,CACpB,CAAC,CAED;AACF;AACA,KAFE,CAAA6C,MAAA,CAGOO,IAAI,GAAX,SAAAA,KAAA,EAAc,CACZzL,SAAS,CAAC,IAAI,CAAC+D,KAAK,EAAE,iDAAiD,CAAC,CACxE,IAAI,CAACA,KAAK,CAAC0H,IAAI,CAAC,CAAC,CACnB,CAAC,CAED;AACF;AACA,KAFE,CAAAP,MAAA,CAGOQ,OAAO,GAAd,SAAAA,QAAA,EAAiB,CACf,OAAO,IAAI,CAAC3H,KAAK,CACnB,CAAC,CAED;AACF;AACA,KAFE,CAAAmH,MAAA,CAGO3C,KAAK,GAAZ,SAAAA,MAAA,EAAe,KAAAoD,MAAA,QACb,IAAI,IAAI,CAACtG,YAAY,EAAE,CACrB,IAAI,CAACF,WAAW,CAAC,YAAM,CACrB;UACA;UACA,MAAMwG,MAAI,CAAC5H,KAAK,IAAI4H,MAAI,CAAC5H,KAAK,CAAC6H,WAAW,CAAC,CAC3CD,MAAI,CAACpD,KAAK,CAAC,CAAC,CACd,CAAC,CAAC,CACF,OACF,CACA,IAAI,CAAChD,QAAQ,CAAC,EAAEf,QAAQ,EAAE,IAAI,CAAC,CAAC,EAAE,YAAM,CACtCmH,MAAI,CAACtG,YAAY,GAAGlF,YAAY,CAAC0L,UAAU,CAACF,MAAI,CAACxG,WAAW,EAAE,GAAG,CAAC,CACpE,CAAC,CAAC,CACJ,CAAC,CAED;AACF;AACA;AACA;AACA,KAJE,CAAA+F,MAAA,CAKOlG,iBAAiB,GAAxB,SAAAA,kBAAyB8G,KAAa,EAAEC,GAAW,EAAE,KAAAC,qBAAA,CAAAC,iBAAA,CAAAC,MAAA,SACnD;IACA;IACA,IAAI,CAAC1K,qBAAqB,CAACU,QAAQ,CAAC,IAAI,CAAC0B,QAAQ,CAAC,CAAC,CAAClC,IAAI,CAAC,EAAE,CACzDxB,OAAO,CAAC,KAAK,EAAEuB,qBAAqB,CAAC,IAAI,CAACmC,QAAQ,CAAC,CAAC,CAAClC,IAAI,CAAC,CAAC,CAE3D,OACF,CAEA,IAAI,CAAC,IAAI,CAACqC,KAAK,EAAE,CACf,MAAM,IAAIoI,KAAK,CAAC,oDAAoD,CAAC,CACvE,CAEA,IAAI,EAAAH,qBAAA,GAAA7L,YAAY,CAACiM,QAAQ,qBAArBJ,qBAAA,CAAuBK,aAAa,MAAK,IAAI,CAACtI,KAAK,EAAE,CACvD,IAAI,CAACsE,KAAK,CAAC,CAAC,CACd,CACA,IAAI,IAAI,CAACjE,KAAK,CAACwB,IAAI,IAAI,IAAI,CAACxB,KAAK,CAACE,KAAK,IAAI,EAAA2H,iBAAA,OAAI,CAAC7H,KAAK,CAACE,KAAK,qBAAhB2H,iBAAA,CAAkB5I,MAAM,IAAG,IAAI,CAACe,KAAK,CAACwB,IAAI,CAACvC,MAAM,EAAE,CAC5FlD,YAAY,CAAC0L,UAAU,CAAC,YAAM,KAAAS,YAAA,CAC5B,CAAAA,YAAA,GAAAJ,MAAI,CAACnI,KAAK,aAAVuI,YAAA,CAAYtH,iBAAiB,CAAC8G,KAAK,EAAEC,GAAG,CAAC,CAC3C,CAAC,EAAE,GAAG,CAAC,CACT,CAAC,MAAM,KAAAQ,YAAA,CACL,CAAAA,YAAA,OAAI,CAACxI,KAAK,aAAVwI,YAAA,CAAYvH,iBAAiB,CAAC8G,KAAK,EAAEC,GAAG,CAAC,CAC3C,CACF,CAAC,CAAAb,MAAA,CAQMsB,MAAM,GAAb,SAAAA,OAAA,EAA6B,KAAAC,MAAA,QAC3B,oBACExM,KAAA,CAAA8F,aAAA,CAACpF,YAAY,CAAC+L,QAAQ,QACnB,UAACvE,KAAK,EAAK,CACVsE,MAAI,CAACtE,KAAK,GAAGA,KAAK,CAClB,oBACElI,KAAA,CAAA8F,aAAA,CAACnF,aAAa,EAAAgI,QAAA,GAAC+D,WAAW,EAAEF,MAAI,CAACG,WAAY,IAAKH,MAAI,CAAC7I,QAAQ,CAAC,CAAC,GAC9D6I,MAAI,CAACzG,UACO,CAAC,CAEpB,CACqB,CAAC,CAE5B,CAAC,CAAAkF,MAAA,CA4KOpF,iBAAiB,GAAzB,SAAAA,kBAA0BL,UAAuD,EAAEG,IAAY,EAAE,CAC/F,oBACE3F,KAAA,CAAA8F,aAAA,CAACrF,mBAAmB,EAAAkI,QAAA,KACdnD,UAAU,IACdG,IAAI,EAAEA,IAAK,EACXoB,QAAQ,EAAE,IAAI,CAAC5C,KAAK,CAAC4C,QAAS,EAC9BC,cAAc,EAAE,IAAI,CAAC7C,KAAK,CAAC6C,cAAe,EAC1CO,WAAW,EAAE,IAAI,CAACpD,KAAK,CAACoD,WAAY,EACpCyB,QAAQ,EAAE,IAAI,CAAC7E,KAAK,CAAC6E,QAAS,EAC9BzC,aAAa,EAAE,IAAI,CAACqE,uBAAwB,EAC5CxD,iBAAiB,EAAE,IAAI,CAACsD,qBAAsB,GAC/C,CAAC,CAEN,CAAC,CAAAO,MAAA,CAEO9C,gBAAgB,GAAxB,SAAAA,iBAAA,EAA2B,KAAAyE,IAAA,EAAAC,IAAA,EAAAC,IAAA,CACzB,QAAQ,IAAI,CAACnJ,QAAQ,CAAC,CAAC,CAACsD,IAAI,GAC1B,KAAK,OAAO,CACV,OAAOrG,EAAE,EAAAgM,IAAA,OAAAA,IAAA,CACNzL,MAAM,CAAC4L,SAAS,CAAC,IAAI,CAAC7E,KAAK,CAAC,IAAG,IAAI,EAAA0E,IAAA,CACnCzL,MAAM,CAAC6L,iBAAiB,CAAC,IAAI,CAAC9E,KAAK,CAAC,IAAG9H,MAAM,IAAID,MAAM,EAAAyM,IAAA,CACzD,CAAC,CACJ,KAAK,QAAQ,CACX,OAAOhM,EAAE,EAAAiM,IAAA,OAAAA,IAAA,CACN1L,MAAM,CAAC8L,UAAU,CAAC,IAAI,CAAC/E,KAAK,CAAC,IAAG,IAAI,EAAA2E,IAAA,CACpC1L,MAAM,CAAC+L,kBAAkB,CAAC,IAAI,CAAChF,KAAK,CAAC,IAAG9H,MAAM,IAAID,MAAM,EAAA0M,IAAA,CAC1D,CAAC,CACJ,KAAK,OAAO,CACZ,QACE,OAAOjM,EAAE,EAAAkM,IAAA,OAAAA,IAAA,CACN3L,MAAM,CAACgM,SAAS,CAAC,IAAI,CAACjF,KAAK,CAAC,IAAG,IAAI,EAAA4E,IAAA,CACnC3L,MAAM,CAACiM,iBAAiB,CAAC,IAAI,CAAClF,KAAK,CAAC,IAAG9H,MAAM,IAAID,MAAM,EAAA2M,IAAA,CACzD,CAAC,CACN,CACF,CAAC,QAAAO,YAAA,CAAAxK,KAAA,KAAAyK,GAAA,mBAAAC,GAAA,EAjOD,SAAAA,IAAA,EAAoC,CAClC,IAAAC,WAAA,GAAiC,IAAI,CAACrJ,KAAK,CAAnCwB,IAAI,GAAA6H,WAAA,CAAJ7H,IAAI,CAAEqB,cAAc,GAAAwG,WAAA,CAAdxG,cAAc,CAC5B,IAAQzE,OAAO,GAAK,IAAI,CAAC+B,KAAK,CAAtB/B,OAAO,CACf,OAAOE,OAAO,CAACkD,IAAI,KAAKpD,OAAO,IAAIyE,cAAc,CAAC,CAAC,CACrD,CAAC,MAAAsG,GAAA,uBAAAC,GAAA,EAiBD,SAAAA,IAAA,EAAgC,CAC9B,OAAOzL,kBAAkB,CAACG,QAAQ,CAAC,IAAI,CAAC0B,QAAQ,CAAC,CAAC,CAAClC,IAAI,CAAC,CAC1D,CAAC,OApKwBzB,KAAK,CAACyN,SAAS,GAAA1K,MAAA,CAC1B2K,mBAAmB,GAAG,OAAO,EAAA3K,MAAA,CAC7B4K,WAAW,GAAG,OAAO,EAAA5K,MAAA,CAErBa,YAAY,GAAiB,EACzCqD,IAAI,EAAE,OAAO,EACbxF,IAAI,EAAE,MAAM,EACZY,aAAa,EAAE,OAAO,CACxB,CAAC,EAAAU,MAAA,MAAAD,MAAA","ignoreList":[]}

package/components/Input/Input/package.json

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