npm - @skbkontur/react-ui - Versions diffs - 0.0.0-73eeccf6c9 → 0.0.0-7b63c63db3 - Mend

@skbkontur/react-ui 0.0.0-73eeccf6c9 → 0.0.0-7b63c63db3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2826) hide show

package/cjs/internal/InputLikeText/InputLikeText.d.ts CHANGED Viewed

@@ -1,15 +1,21 @@
 import React from 'react';
 import { MouseDragEventHandler } from '../../lib/events/MouseDrag';
 import { InputProps, InputState } from '../../components/Input';
-export interface InputLikeTextProps extends InputProps {
+import { CommonProps } from '../CommonWrapper';
+export interface InputLikeTextProps extends CommonProps, InputProps {
     children?: React.ReactNode;
     innerRef?: (el: HTMLElement | null) => void;
     onFocus?: React.FocusEventHandler<HTMLElement>;
     onBlur?: React.FocusEventHandler<HTMLElement>;
     onMouseDragStart?: MouseDragEventHandler;
     onMouseDragEnd?: MouseDragEventHandler;
+    takeContentWidth?: boolean;
 }
-export declare type InputLikeTextState = Omit<InputState, 'polyfillPlaceholder'>;
+export declare type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder'>;
+export declare const InputLikeTextDataTids: {
+    readonly root: "InputLikeText__root";
+    readonly input: "InputLikeText__input";
+};
 export declare class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {
     static __KONTUR_REACT_UI__: string;
     static defaultProps: {
@@ -28,6 +34,7 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
     private dragging;
     private focusTimeout;
     private blinkTimeout;
+    private setRootNode;
     /**
      * @public
      */

package/cjs/internal/InputLikeText/InputLikeText.js CHANGED Viewed

@@ -1,6 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.InputLikeText = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.InputLikeTextDataTids = exports.InputLikeText = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../lib/utils");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _MouseDrag = require("../../lib/events/MouseDrag");
 var _client = require("../../lib/client");
@@ -10,9 +10,13 @@ var _SelectionHelpers = require("../../components/DateInput/helpers/SelectionHel
 var _Input = require("../../components/Input/Input.styles");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _CommonWrapper = require("../CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+var _listenFocusOutside = require("../../lib/listenFocusOutside");
+var _rootNode = require("../../lib/rootNode");
 var _InputLikeText = require("./InputLikeText.styles");
-var _HiddenInput = require("./HiddenInput");var
+var _HiddenInput = require("./HiddenInput");var _excluded = ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth"];var _class, _class2, _temp;
@@ -25,22 +29,30 @@ var _HiddenInput = require("./HiddenInput");var
-InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(InputLikeText, _React$Component);function InputLikeText() {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.
+var InputLikeTextDataTids = {
+  root: 'InputLikeText__root',
+  input: 'InputLikeText__input' };exports.InputLikeTextDataTids = InputLikeTextDataTids;var
+InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(InputLikeText, _React$Component);function InputLikeText() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
     state = { blinking: false, focused: false };_this.
-    theme = void 0;_this.
     node = null;_this.
     hiddenInput = null;_this.
     lastSelectedInnerNode = null;_this.
     frozen = false;_this.
     frozenBlur = false;_this.
     dragging = false;_this.
-    focusTimeout = void 0;_this.
-    blinkTimeout = void 0;_this.
@@ -80,6 +92,10 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       if (_this.dragging || !node) {
         return;
       }
+      if (_client.isIE11 && (0, _listenFocusOutside.findRenderContainer)(node, document.body)) {
+        // Code below causes Popup to close after triggering the focus event on the body in IE11
+        return;
+      }
       _this.frozen = true;
       _this.frozenBlur = true;
@@ -123,6 +139,9 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
+    renderMain = function (props) {var _cx, _cx2, _cx3;
+      var
+      innerRef =
@@ -142,55 +161,63 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
+      props.innerRef,tabIndex = props.tabIndex,placeholder = props.placeholder,align = props.align,borderless = props.borderless,width = props.width,size = props.size,error = props.error,warning = props.warning,onValueChange = props.onValueChange,disabled = props.disabled,prefix = props.prefix,suffix = props.suffix,leftIcon = props.leftIcon,rightIcon = props.rightIcon,value = props.value,onMouseDragStart = props.onMouseDragStart,onMouseDragEnd = props.onMouseDragEnd,takeContentWidth = props.takeContentWidth,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      var _this$state = _this.state,focused = _this$state.focused,blinking = _this$state.blinking;
+      var leftSide = _this.renderLeftSide();
+      var rightSide = _this.renderRightSide();
+      var className = (0, _Emotion.cx)(_InputLikeText.styles.root(), _Input.styles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[
+      _Input.styles.disabled(_this.theme)] = !!disabled, _cx[
+      _Input.styles.borderless()] = !!borderless, _cx[
+      _Input.styles.focus(_this.theme)] = focused, _cx[
+      _Input.styles.blink(_this.theme)] = blinking, _cx[
+      _Input.styles.warning(_this.theme)] = !!warning, _cx[
+      _Input.styles.error(_this.theme)] = !!error, _cx[
+      _Input.styles.focusFallback(_this.theme)] = focused && (_client.isIE11 || _client.isEdge), _cx[
+      _Input.styles.warningFallback(_this.theme)] = !!warning && (_client.isIE11 || _client.isEdge), _cx[
+      _Input.styles.errorFallback(_this.theme)] = !!error && (_client.isIE11 || _client.isEdge), _cx[
+      _Input.styles.hideBlinkingCursor()] = _client.isMobile, _cx));
+      var wrapperClass = (0, _Emotion.cx)(_Input.styles.wrapper(), (_cx2 = {}, _cx2[
+      _InputLikeText.styles.userSelectContain()] = focused, _cx2));
+      return /*#__PURE__*/(
+        _react.default.createElement("span", (0, _extends2.default)({
+          "data-tid": InputLikeTextDataTids.root },
+        rest, {
+          className: className,
+          style: { width: width, textAlign: align },
+          tabIndex: disabled ? undefined : 0,
+          onFocus: _this.handleFocus,
+          onBlur: _this.handleBlur,
+          ref: _this.innerRef,
+          onKeyDown: _this.handleKeyDown,
+          onMouseDown: _this.handleMouseDown }), /*#__PURE__*/
+        _react.default.createElement("input", { type: "hidden", value: value }),
+        leftSide, /*#__PURE__*/
+        _react.default.createElement("span", { className: wrapperClass }, /*#__PURE__*/
+        _react.default.createElement("span", {
+          "data-tid": InputLikeTextDataTids.input,
+          className: (0, _Emotion.cx)(_Input.styles.input(_this.theme), (_cx3 = {}, _cx3[
+          _InputLikeText.styles.absolute()] = !takeContentWidth, _cx3[
+          _Input.styles.inputFocus(_this.theme)] = focused, _cx3[
+          _Input.styles.inputDisabled(_this.theme)] = disabled, _cx3)) },
+        _this.props.children),
+        _this.renderPlaceholder()),
+        rightSide,
+        _client.isIE11 && focused && /*#__PURE__*/_react.default.createElement(_HiddenInput.HiddenInput, { nodeRef: _this.hiddenInputRef })));
+    };_this.
@@ -212,36 +239,51 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       return _this.renderIcon(_this.props.rightIcon, _this.getIconClassname(true));
     };_this.
-    renderIcon = function (icon, className) {
+    renderIcon = function (icon, className) {var _cx4;
       if (!icon) {
         return null;
       }
-      if (icon instanceof Function) {
-        return /*#__PURE__*/_react.default.createElement("span", { className: className }, icon());
-      }
+      var disabled = _this.props.disabled;
+      var iconNode = icon instanceof Function ? icon() : icon;
+      return /*#__PURE__*/(
+        _react.default.createElement("span", {
+          className: (0, _Emotion.cx)(_Input.styles.icon(), className, _Input.styles.useDefaultColor(_this.theme), (_cx4 = {}, _cx4[
+          _Input.styles.iconDisabled()] = disabled, _cx4)) },
+        iconNode));
-      return /*#__PURE__*/_react.default.createElement("span", { className: (0, _classnames.default)(className, _Input.jsStyles.useDefaultColor(_this.theme)) }, icon);
     };_this.
-    renderPrefix = function () {var
-      prefix = _this.props.prefix;
+    renderPrefix = function () {var _cx5;
+      var _this$props = _this.props,prefix = _this$props.prefix,disabled = _this$props.disabled;
       if (!prefix) {
         return null;
       }
-      return /*#__PURE__*/_react.default.createElement("span", { className: _Input.jsStyles.prefix(_this.theme) }, prefix);
+      return /*#__PURE__*/(
+        _react.default.createElement("span", { className: (0, _Emotion.cx)(_Input.styles.prefix(_this.theme), (_cx5 = {}, _cx5[_Input.styles.prefixDisabled(_this.theme)] = disabled, _cx5)) },
+        prefix));
     };_this.
-    renderSuffix = function () {var
-      suffix = _this.props.suffix;
+    renderSuffix = function () {var _cx6;
+      var _this$props2 = _this.props,suffix = _this$props2.suffix,disabled = _this$props2.disabled;
       if (!suffix) {
         return null;
       }
-      return /*#__PURE__*/_react.default.createElement("span", { className: _Input.jsStyles.suffix(_this.theme) }, suffix);
+      return /*#__PURE__*/(
+        _react.default.createElement("span", { className: (0, _Emotion.cx)(_Input.styles.suffix(_this.theme), (_cx6 = {}, _cx6[_Input.styles.suffixDisabled(_this.theme)] = disabled, _cx6)) },
+        suffix));
     };_this.
     renderLeftSide = function () {
@@ -253,7 +295,7 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       }
       return /*#__PURE__*/(
-        _react.default.createElement("span", { className: _Input.jsStyles.sideContainer() },
+        _react.default.createElement("span", { className: _Input.styles.sideContainer() },
         leftIcon,
         prefix));
@@ -269,18 +311,29 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       }
       return /*#__PURE__*/(
-        _react.default.createElement("span", { className: (0, _classnames.default)(_Input.jsStyles.sideContainer(), _Input.jsStyles.rightContainer()) },
+        _react.default.createElement("span", { className: (0, _Emotion.cx)(_Input.styles.sideContainer(), _Input.styles.rightContainer()) },
         rightIcon,
         suffix));
     };_this.
-    renderPlaceholder = function () {var _this$props =
-      _this.props,children = _this$props.children,placeholder = _this$props.placeholder;
+    renderPlaceholder = function () {
+      var _this$props3 = _this.props,children = _this$props3.children,placeholder = _this$props3.placeholder,disabled = _this$props3.disabled;
+      var focused = _this.state.focused;
+      var hasValue = (0, _utils.isNonNullable)(children) && children !== '';
+      if (!hasValue && placeholder) {var _cx7;
+        return /*#__PURE__*/(
+          _react.default.createElement("span", {
+            className: (0, _Emotion.cx)(_Input.styles.placeholder(_this.theme), (_cx7 = {}, _cx7[
+            _Input.styles.placeholderDisabled(_this.theme)] = disabled, _cx7[
+            _Input.styles.placeholderFocus(_this.theme)] = focused, _cx7)) },
+          placeholder));
-      if (!children && placeholder) {
-        return /*#__PURE__*/_react.default.createElement("span", { className: _Input.jsStyles.placeholder(_this.theme) }, placeholder);
       }
       return null;
     };_this.
@@ -327,7 +380,7 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
     handleMouseDragStart = function (e) {
       _this.dragging = true;
-      document.documentElement.classList.add(_InputLikeText.jsStyles.userSelectNone());
+      document.documentElement.classList.add(_InputLikeText.styles.userSelectNone());
       if (_this.props.onMouseDragStart) {
         _this.props.onMouseDragStart(e);
@@ -344,10 +397,14 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
         }
       }, 0);
-      document.documentElement.classList.remove(_InputLikeText.jsStyles.userSelectNone());
+      document.documentElement.classList.remove(_InputLikeText.styles.userSelectNone());
     };_this.
     handleFocus = function (e) {
+      if (_client.isMobile) {
+        e.target.setAttribute('contenteditable', 'true');
+      }
       if (_this.props.disabled) {
         if (_client.isIE11) {
           (0, _SelectionHelpers.selectNodeContents)(document.body, 0, 0);
@@ -370,6 +427,10 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
     };_this.
     handleBlur = function (e) {
+      if (_client.isMobile) {
+        e.target.removeAttribute('contenteditable');
+      }
       if (_this.props.disabled) {
         e.stopPropagation();
         return;
@@ -408,29 +469,29 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       _this.frozenBlur = false;
     };_this.
-    getSizeClassName = function () {var _ref, _ref2, _ref3;
+    getSizeClassName = function () {var _cx8, _cx9, _cx10;
       switch (_this.props.size) {
         case 'large':
-          return _ref = {}, _ref[
-          _Input.jsStyles.sizeLarge(_this.theme)] = true, _ref[
-          _Input.jsStyles.sizeLargeFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _ref;
+          return (0, _Emotion.cx)((_cx8 = {}, _cx8[
+          _Input.styles.sizeLarge(_this.theme)] = true, _cx8[
+          _Input.styles.sizeLargeFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx8));
         case 'medium':
-          return _ref2 = {}, _ref2[
-          _Input.jsStyles.sizeMedium(_this.theme)] = true, _ref2[
-          _Input.jsStyles.sizeMediumFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _ref2;
+          return (0, _Emotion.cx)((_cx9 = {}, _cx9[
+          _Input.styles.sizeMedium(_this.theme)] = true, _cx9[
+          _Input.styles.sizeMediumFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx9));
         case 'small':
         default:
-          return _ref3 = {}, _ref3[
-          _Input.jsStyles.sizeSmall(_this.theme)] = true, _ref3[
-          _Input.jsStyles.sizeSmallFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _ref3;}
-    };return _this;}var _proto = InputLikeText.prototype; /**
-   * @public
-   */_proto.focus = function focus() {if (this.node) {this.node.focus();}} /**
-   * @public
-   */;_proto.blur = function blur() {if (this.node) {this.node.blur();}} /**
-   * @public
-   */;_proto.blink = function blink() {var _this3 = this;if (this.props.disabled) {return;}this.setState({ blinking: true }, function () {_this3.blinkTimeout = window.setTimeout(function () {return _this3.setState({ blinking: false });}, 150);});};_proto.getNode = function getNode() {return this.node;};_proto.componentDidMount = function componentDidMount() {if (this.node) {_MouseDrag.MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);}document.addEventListener('mousedown', this.handleDocumentMouseDown);document.addEventListener('keydown', this.handleDocumentKeyDown);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.blinkTimeout) {clearTimeout(this.blinkTimeout);}_MouseDrag.MouseDrag.stop(this.node);document.removeEventListener('mousedown', this.handleDocumentMouseDown);document.removeEventListener('keydown', this.handleDocumentKeyDown);};_proto.render = function render() {var _this4 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this4.theme = theme;return _this4.renderMain();});};_proto.renderMain = function renderMain() {var _cn, _cn2;var _this$props2 = this.props,innerRef = _this$props2.innerRef,tabIndex = _this$props2.tabIndex,placeholder = _this$props2.placeholder,align = _this$props2.align,borderless = _this$props2.borderless,width = _this$props2.width,children = _this$props2.children,error = _this$props2.error,warning = _this$props2.warning,onValueChange = _this$props2.onValueChange,disabled = _this$props2.disabled,prefix = _this$props2.prefix,suffix = _this$props2.suffix,leftIcon = _this$props2.leftIcon,rightIcon = _this$props2.rightIcon,value = _this$props2.value,onMouseDragStart = _this$props2.onMouseDragStart,onMouseDragEnd = _this$props2.onMouseDragEnd,rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "children", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd"]);var _this$state = this.state,focused = _this$state.focused,blinking = _this$state.blinking;var leftSide = this.renderLeftSide();var rightSide = this.renderRightSide();var className = (0, _classnames.default)(_InputLikeText.jsStyles.root(), _Input.jsStyles.root(this.theme), this.getSizeClassName(), (_cn = {}, _cn[_Input.jsStyles.borderless()] = !!borderless, _cn[_InputLikeText.jsStyles.withoutLeftSide()] = !leftSide, _cn[_Input.jsStyles.focus(this.theme)] = focused, _cn[_Input.jsStyles.blink(this.theme)] = blinking, _cn[_Input.jsStyles.warning(this.theme)] = !!warning, _cn[_Input.jsStyles.error(this.theme)] = !!error, _cn[_Input.jsStyles.disabled(this.theme)] = !!disabled, _cn[_Input.jsStyles.focusFallback(this.theme)] = focused && (_client.isIE11 || _client.isEdge), _cn[_Input.jsStyles.warningFallback(this.theme)] = !!warning && (_client.isIE11 || _client.isEdge), _cn[_Input.jsStyles.errorFallback(this.theme)] = !!error && (_client.isIE11 || _client.isEdge), _cn));var wrapperClass = (0, _classnames.default)(_Input.jsStyles.wrapper(), (_cn2 = {}, _cn2[_InputLikeText.jsStyles.userSelectContain()] = focused, _cn2));return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, rest, { className: className, style: { width: width, textAlign: align }, tabIndex: disabled ? undefined : 0, onFocus: this.handleFocus, onBlur: this.handleBlur, ref: this.innerRef, onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown }), /*#__PURE__*/_react.default.createElement("input", { type: "hidden", value: value }), leftSide, /*#__PURE__*/_react.default.createElement("span", { className: wrapperClass }, /*#__PURE__*/_react.default.createElement("span", { "data-tid": "InputLikeText__input", className: (0, _classnames.default)(_InputLikeText.jsStyles.input(), _Input.jsStyles.input(this.theme)) }, children), this.renderPlaceholder()), rightSide, _client.isIE11 && focused && /*#__PURE__*/_react.default.createElement(_HiddenInput.HiddenInput, { nodeRef: this.hiddenInputRef }));};_proto.getIconClassname = function getIconClassname(right) {if (right === void 0) {right = false;}switch (this.props.size) {case 'large':return right ? _Input.jsStyles.rightIconLarge(this.theme) : _Input.jsStyles.leftIconLarge(this.theme);case 'medium':return right ? _Input.jsStyles.rightIconMedium(this.theme) : _Input.jsStyles.leftIconMedium(this.theme);case 'small':default:return right ? _Input.jsStyles.rightIconSmall(this.theme) : _Input.jsStyles.leftIconSmall(this.theme);}};return InputLikeText;}(_react.default.Component);exports.InputLikeText = InputLikeText;InputLikeText.__KONTUR_REACT_UI__ = 'InputLikeText';InputLikeText.defaultProps = { size: 'small' };
+          return (0, _Emotion.cx)((_cx10 = {}, _cx10[
+          _Input.styles.sizeSmall(_this.theme)] = true, _cx10[
+          _Input.styles.sizeSmallFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx10));}
+    };return _this;}var _proto = InputLikeText.prototype; /**
+   * @public
+   */_proto.focus = function focus() {if (this.node) {this.node.focus();}} /**
+   * @public
+   */;_proto.blur = function blur() {if (this.node) {this.node.blur();}} /**
+   * @public
+   */;_proto.blink = function blink() {var _this3 = this;if (this.props.disabled) {return;}this.setState({ blinking: true }, function () {_this3.blinkTimeout = window.setTimeout(function () {return _this3.setState({ blinking: false });}, 150);});};_proto.getNode = function getNode() {return this.node;};_proto.componentDidMount = function componentDidMount() {if (this.node) {_MouseDrag.MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);}document.addEventListener('mousedown', this.handleDocumentMouseDown);document.addEventListener('keydown', this.handleDocumentKeyDown);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.blinkTimeout) {clearTimeout(this.blinkTimeout);}_MouseDrag.MouseDrag.stop(this.node);document.removeEventListener('mousedown', this.handleDocumentMouseDown);document.removeEventListener('keydown', this.handleDocumentKeyDown);};_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.props), _this4.renderMain);});};_proto.getIconClassname = function getIconClassname(right) {if (right === void 0) {right = false;}switch (this.props.size) {case 'large':return right ? _Input.styles.rightIconLarge(this.theme) : _Input.styles.leftIconLarge(this.theme);case 'medium':return right ? _Input.styles.rightIconMedium(this.theme) : _Input.styles.leftIconMedium(this.theme);case 'small':default:return right ? _Input.styles.rightIconSmall(this.theme) : _Input.styles.leftIconSmall(this.theme);}};return InputLikeText;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'InputLikeText', _class2.defaultProps = { size: 'small' }, _temp)) || _class;exports.InputLikeText = InputLikeText;

package/cjs/internal/InputLikeText/InputLikeText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["InputLikeText.tsx"],"names":["InputLikeText","state","blinking","focused","theme","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","focusTimeout","blinkTimeout","selectInnerNode","start","end","setTimeout","clearInterval","window","isIE11","isEdge","focus","renderLeftIcon","renderIcon","props","leftIcon","getIconClassname","renderRightIcon","rightIcon","icon","className","Function","jsInputStyles","useDefaultColor","renderPrefix","prefix","renderSuffix","suffix","renderLeftSide","sideContainer","renderRightSide","rightContainer","renderPlaceholder","children","placeholder","handleDocumentMouseDown","e","target","Node","contains","defrost","handleDocumentKeyDown","handleMouseDown","handleKeyDown","disabled","onKeyDown","handleMouseDragStart","document","documentElement","classList","add","jsStyles","userSelectNone","onMouseDragStart","handleMouseDragEnd","onMouseDragEnd","remove","handleFocus","body","setState","onFocus","handleBlur","stopPropagation","onBlur","hiddenInputRef","el","innerRef","getSizeClassName","size","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","blur","blink","getNode","componentDidMount","MouseDrag","listen","addEventListener","componentWillUnmount","clearTimeout","stop","removeEventListener","render","renderMain","tabIndex","align","borderless","width","error","warning","onValueChange","value","rest","leftSide","rightSide","root","withoutLeftSide","focusFallback","warningFallback","errorFallback","wrapperClass","wrapper","userSelectContain","textAlign","undefined","input","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyTab, isShortcutPaste } from '../../lib/events/keyboard/identifiers';\r\nimport { MouseDrag, MouseDragEventHandler } from '../../lib/events/MouseDrag';\r\nimport { isEdge, isIE11 } from '../../lib/client';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { removeAllSelections, selectNodeContents } from '../../components/DateInput/helpers/SelectionHelpers';\r\nimport { InputProps, InputIconType, InputState } from '../../components/Input';\r\nimport { jsStyles as jsInputStyles } from '../../components/Input/Input.styles';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './InputLikeText.styles';\r\nimport { HiddenInput } from './HiddenInput';\r\n\r\nexport interface InputLikeTextProps extends InputProps {\r\n children?: React.ReactNode;\r\n innerRef?: (el: HTMLElement \| null) => void;\r\n onFocus?: React.FocusEventHandler<HTMLElement>;\r\n onBlur?: React.FocusEventHandler<HTMLElement>;\r\n onMouseDragStart?: MouseDragEventHandler;\r\n onMouseDragEnd?: MouseDragEventHandler;\r\n}\r\n\r\nexport type InputLikeTextState = Omit<InputState, 'polyfillPlaceholder'>;\r\n\r\nexport class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {\r\n public static __KONTUR_REACT_UI__ = 'InputLikeText';\r\n\r\n public static defaultProps = { size: 'small' };\r\n\r\n public state = { blinking: false, focused: false };\r\n\r\n private theme!: Theme;\r\n private node: HTMLElement \| null = null;\r\n private hiddenInput: HTMLInputElement \| null = null;\r\n private lastSelectedInnerNode: [HTMLElement, number, number] \| null = null;\r\n private frozen = false;\r\n private frozenBlur = false;\r\n private dragging = false;\r\n private focusTimeout: Nullable<number>;\r\n private blinkTimeout: Nullable<number>;\r\n\r\n /*\r\n @public\r\n /\r\n public focus() {\r\n if (this.node) {\r\n this.node.focus();\r\n }\r\n }\r\n\r\n /\r\n @public\r\n /\r\n public blur() {\r\n if (this.node) {\r\n this.node.blur();\r\n }\r\n }\r\n\r\n /\r\n @public\r\n */\r\n public blink() {\r\n if (this.props.disabled) {\r\n return;\r\n }\r\n this.setState({ blinking: true }, () => {\r\n this.blinkTimeout = window.setTimeout(() => this.setState({ blinking: false }), 150);\r\n });\r\n }\r\n\r\n public getNode(): HTMLElement \| null {\r\n return this.node;\r\n }\r\n\r\n public selectInnerNode = (node: HTMLElement \| null, start = 0, end = 1) => {\r\n if (this.dragging \|\| !node) {\r\n return;\r\n }\r\n this.frozen = true;\r\n this.frozenBlur = true;\r\n\r\n this.lastSelectedInnerNode = [node, start, end];\r\n setTimeout(() => selectNodeContents(node, start, end), 0);\r\n if (this.focusTimeout) {\r\n clearInterval(this.focusTimeout);\r\n }\r\n this.focusTimeout = window.setTimeout(() => (isIE11 \|\| isEdge) && this.node && this.node.focus(), 0);\r\n };\r\n\r\n public componentDidMount() {\r\n if (this.node) {\r\n MouseDrag.listen(this.node)\r\n .onMouseDragStart(this.handleMouseDragStart)\r\n .onMouseDragEnd(this.handleMouseDragEnd);\r\n }\r\n document.addEventListener('mousedown', this.handleDocumentMouseDown);\r\n document.addEventListener('keydown', this.handleDocumentKeyDown);\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (this.blinkTimeout) {\r\n clearTimeout(this.blinkTimeout);\r\n }\r\n MouseDrag.stop(this.node);\r\n document.removeEventListener('mousedown', this.handleDocumentMouseDown);\r\n document.removeEventListener('keydown', this.handleDocumentKeyDown);\r\n }\r\n\r\n public render() {\r\n return (\r\n <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n private renderMain() {\r\n const {\r\n innerRef,\r\n tabIndex,\r\n placeholder,\r\n align,\r\n borderless,\r\n width,\r\n children,\r\n error,\r\n warning,\r\n onValueChange,\r\n disabled,\r\n prefix,\r\n suffix,\r\n leftIcon,\r\n rightIcon,\r\n value,\r\n onMouseDragStart,\r\n onMouseDragEnd,\r\n ...rest\r\n } = this.props;\r\n\r\n const { focused, blinking } = this.state;\r\n\r\n const leftSide = this.renderLeftSide();\r\n const rightSide = this.renderRightSide();\r\n\r\n const className = cn(jsStyles.root(), jsInputStyles.root(this.theme), this.getSizeClassName(), {\r\n [jsInputStyles.borderless()]: !!borderless,\r\n [jsStyles.withoutLeftSide()]: !leftSide,\r\n [jsInputStyles.focus(this.theme)]: focused,\r\n [jsInputStyles.blink(this.theme)]: blinking,\r\n [jsInputStyles.warning(this.theme)]: !!warning,\r\n [jsInputStyles.error(this.theme)]: !!error,\r\n [jsInputStyles.disabled(this.theme)]: !!disabled,\r\n [jsInputStyles.focusFallback(this.theme)]: focused && (isIE11 \|\| isEdge),\r\n [jsInputStyles.warningFallback(this.theme)]: !!warning && (isIE11 \|\| isEdge),\r\n [jsInputStyles.errorFallback(this.theme)]: !!error && (isIE11 \|\| isEdge),\r\n });\r\n\r\n const wrapperClass = cn(jsInputStyles.wrapper(), {\r\n [jsStyles.userSelectContain()]: focused,\r\n });\r\n\r\n return (\r\n <span\r\n {...rest}\r\n className={className}\r\n style={{ width, textAlign: align }}\r\n tabIndex={disabled ? undefined : 0}\r\n onFocus={this.handleFocus}\r\n onBlur={this.handleBlur}\r\n ref={this.innerRef}\r\n onKeyDown={this.handleKeyDown}\r\n onMouseDown={this.handleMouseDown}\r\n >\r\n <input type=\"hidden\" value={value} />\r\n {leftSide}\r\n <span className={wrapperClass}>\r\n <span data-tid=\"InputLikeText__input\" className={cn(jsStyles.input(), jsInputStyles.input(this.theme))}>\r\n {children}\r\n </span>\r\n {this.renderPlaceholder()}\r\n </span>\r\n {rightSide}\r\n {isIE11 && focused && <HiddenInput nodeRef={this.hiddenInputRef} />}\r\n </span>\r\n );\r\n }\r\n\r\n private getIconClassname(right = false) {\r\n switch (this.props.size) {\r\n case 'large':\r\n return right ? jsInputStyles.rightIconLarge(this.theme) : jsInputStyles.leftIconLarge(this.theme);\r\n case 'medium':\r\n return right ? jsInputStyles.rightIconMedium(this.theme) : jsInputStyles.leftIconMedium(this.theme);\r\n case 'small':\r\n default:\r\n return right ? jsInputStyles.rightIconSmall(this.theme) : jsInputStyles.leftIconSmall(this.theme);\r\n }\r\n }\r\n\r\n private renderLeftIcon = () => {\r\n return this.renderIcon(this.props.leftIcon, this.getIconClassname());\r\n };\r\n\r\n private renderRightIcon = () => {\r\n return this.renderIcon(this.props.rightIcon, this.getIconClassname(true));\r\n };\r\n\r\n private renderIcon = (icon: InputIconType, className: string): JSX.Element \| null => {\r\n if (!icon) {\r\n return null;\r\n }\r\n\r\n if (icon instanceof Function) {\r\n return <span className={className}>{icon()}</span>;\r\n }\r\n\r\n return <span className={cn(className, jsInputStyles.useDefaultColor(this.theme))}>{icon}</span>;\r\n };\r\n\r\n private renderPrefix = (): JSX.Element \| null => {\r\n const { prefix } = this.props;\r\n\r\n if (!prefix) {\r\n return null;\r\n }\r\n\r\n return <span className={jsInputStyles.prefix(this.theme)}>{prefix}</span>;\r\n };\r\n\r\n private renderSuffix = (): JSX.Element \| null => {\r\n const { suffix } = this.props;\r\n\r\n if (!suffix) {\r\n return null;\r\n }\r\n\r\n return <span className={jsInputStyles.suffix(this.theme)}>{suffix}</span>;\r\n };\r\n\r\n private renderLeftSide = (): JSX.Element \| null => {\r\n const leftIcon = this.renderLeftIcon();\r\n const prefix = this.renderPrefix();\r\n\r\n if (!leftIcon && !prefix) {\r\n return null;\r\n }\r\n\r\n return (\r\n <span className={jsInputStyles.sideContainer()}>\r\n {leftIcon}\r\n {prefix}\r\n </span>\r\n );\r\n };\r\n\r\n private renderRightSide = (): JSX.Element \| null => {\r\n const rightIcon = this.renderRightIcon();\r\n const suffix = this.renderSuffix();\r\n\r\n if (!rightIcon && !suffix) {\r\n return null;\r\n }\r\n\r\n return (\r\n <span className={cn(jsInputStyles.sideContainer(), jsInputStyles.rightContainer())}>\r\n {rightIcon}\r\n {suffix}\r\n </span>\r\n );\r\n };\r\n\r\n private renderPlaceholder = (): JSX.Element \| null => {\r\n const { children, placeholder } = this.props;\r\n\r\n if (!children && placeholder) {\r\n return <span className={jsInputStyles.placeholder(this.theme)}>{placeholder}</span>;\r\n }\r\n return null;\r\n };\r\n\r\n private handleDocumentMouseDown = (e: MouseEvent) => {\r\n if (this.state.focused && this.node && e.target instanceof Node && !this.node.contains(e.target)) {\r\n this.defrost();\r\n }\r\n };\r\n\r\n private handleDocumentKeyDown = (e: KeyboardEvent) => {\r\n if (this.state.focused && isKeyTab(e)) {\r\n this.defrost();\r\n }\r\n };\r\n\r\n private handleMouseDown = (e: React.MouseEvent<HTMLElement>) => {\r\n this.frozen = true;\r\n };\r\n\r\n private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\r\n if (this.props.disabled) {\r\n return;\r\n }\r\n\r\n if (isIE11 && isShortcutPaste(e) && this.hiddenInput) {\r\n this.frozen = true;\r\n setTimeout(() => {\r\n if (this.lastSelectedInnerNode) {\r\n this.selectInnerNode(...this.lastSelectedInnerNode);\r\n }\r\n if (this.node) {\r\n this.node.focus();\r\n }\r\n }, 0);\r\n\r\n this.hiddenInput.focus();\r\n }\r\n\r\n if (this.props.onKeyDown) {\r\n this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\r\n }\r\n };\r\n\r\n private handleMouseDragStart: MouseDragEventHandler = e => {\r\n this.dragging = true;\r\n document.documentElement.classList.add(jsStyles.userSelectNone());\r\n\r\n if (this.props.onMouseDragStart) {\r\n this.props.onMouseDragStart(e);\r\n }\r\n };\r\n\r\n private handleMouseDragEnd: MouseDragEventHandler = e => {\r\n // Дожидаемся onMouseUp\r\n setTimeout(() => {\r\n this.dragging = false;\r\n\r\n if (this.props.onMouseDragEnd) {\r\n this.props.onMouseDragEnd(e);\r\n }\r\n }, 0);\r\n\r\n document.documentElement.classList.remove(jsStyles.userSelectNone());\r\n };\r\n\r\n private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\r\n if (this.props.disabled) {\r\n if (isIE11) {\r\n selectNodeContents(document.body, 0, 0);\r\n }\r\n return;\r\n }\r\n\r\n if ((isIE11 \|\| isEdge) && this.frozen) {\r\n this.frozen = false;\r\n if (this.state.focused) {\r\n return;\r\n }\r\n }\r\n\r\n this.setState({ focused: true });\r\n\r\n if (this.props.onFocus) {\r\n this.props.onFocus(e);\r\n }\r\n };\r\n\r\n private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\r\n if (this.props.disabled) {\r\n e.stopPropagation();\r\n return;\r\n }\r\n\r\n if ((isIE11 \|\| isEdge) && this.frozenBlur) {\r\n this.frozenBlur = false;\r\n return;\r\n }\r\n if ((isIE11 \|\| isEdge) && this.frozen) {\r\n return;\r\n }\r\n\r\n removeAllSelections();\r\n\r\n this.setState({ focused: false });\r\n\r\n if (this.props.onBlur) {\r\n this.props.onBlur(e);\r\n }\r\n };\r\n\r\n private hiddenInputRef = (el: HTMLInputElement \| null) => {\r\n this.hiddenInput = el;\r\n };\r\n\r\n private innerRef = (el: HTMLElement \| null) => {\r\n if (this.props.innerRef) {\r\n this.props.innerRef(el);\r\n }\r\n this.node = el;\r\n };\r\n\r\n private defrost = (): void => {\r\n this.frozen = false;\r\n this.frozenBlur = false;\r\n };\r\n\r\n private getSizeClassName = () => {\r\n switch (this.props.size) {\r\n case 'large':\r\n return {\r\n [jsInputStyles.sizeLarge(this.theme)]: true,\r\n [jsInputStyles.sizeLargeFallback(this.theme)]: isIE11 \|\| isEdge,\r\n };\r\n case 'medium':\r\n return {\r\n [jsInputStyles.sizeMedium(this.theme)]: true,\r\n [jsInputStyles.sizeMediumFallback(this.theme)]: isIE11 \|\| isEdge,\r\n };\r\n case 'small':\r\n default:\r\n return {\r\n [jsInputStyles.sizeSmall(this.theme)]: true,\r\n [jsInputStyles.sizeSmallFallback(this.theme)]: isIE11 \|\| isEdge,\r\n };\r\n }\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["InputLikeText.tsx"],"names":["InputLikeTextDataTids","root","input","InputLikeText","rootNode","state","blinking","focused","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","selectInnerNode","start","end","isIE11","document","body","setTimeout","focusTimeout","clearInterval","window","isEdge","focus","renderMain","props","innerRef","tabIndex","placeholder","align","borderless","width","size","error","warning","onValueChange","disabled","prefix","suffix","leftIcon","rightIcon","value","onMouseDragStart","onMouseDragEnd","takeContentWidth","rest","leftSide","renderLeftSide","rightSide","renderRightSide","className","styles","jsInputStyles","theme","getSizeClassName","blink","focusFallback","warningFallback","errorFallback","hideBlinkingCursor","isMobile","wrapperClass","wrapper","userSelectContain","textAlign","undefined","handleFocus","handleBlur","handleKeyDown","handleMouseDown","absolute","inputFocus","inputDisabled","children","renderPlaceholder","hiddenInputRef","renderLeftIcon","renderIcon","getIconClassname","renderRightIcon","icon","iconNode","Function","useDefaultColor","iconDisabled","renderPrefix","prefixDisabled","renderSuffix","suffixDisabled","sideContainer","rightContainer","hasValue","placeholderDisabled","placeholderFocus","handleDocumentMouseDown","e","target","Node","contains","defrost","handleDocumentKeyDown","onKeyDown","handleMouseDragStart","documentElement","classList","add","userSelectNone","handleMouseDragEnd","remove","setAttribute","setState","onFocus","removeAttribute","stopPropagation","onBlur","el","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","blur","blinkTimeout","getNode","componentDidMount","MouseDrag","listen","addEventListener","componentWillUnmount","clearTimeout","stop","removeEventListener","render","setRootNode","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"ueAAA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,4C;;;;;;;;;;;;;;AAcO,IAAMA,qBAAqB,GAAG;AACnCC,EAAAA,IAAI,EAAE,qBAD6B;AAEnCC,EAAAA,KAAK,EAAE,sBAF4B,EAA9B,C;;;;AAMMC,a,OADZC,kB;;;;;AAMQC,IAAAA,K,GAAQ,EAAEC,QAAQ,EAAE,KAAZ,EAAmBC,OAAO,EAAE,KAA5B,E;;;AAGPC,IAAAA,I,GAA2B,I;AAC3BC,IAAAA,W,GAAuC,I;AACvCC,IAAAA,qB,GAA8D,I;AAC9DC,IAAAA,M,GAAS,K;AACTC,IAAAA,U,GAAa,K;AACbC,IAAAA,Q,GAAW,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCZC,IAAAA,e,GAAkB,UAACN,IAAD,EAA2BO,KAA3B,EAAsCC,GAAtC,EAAkD,KAAvBD,KAAuB,cAAvBA,KAAuB,GAAf,CAAe,MAAZC,GAAY,cAAZA,GAAY,GAAN,CAAM;AACzE,UAAI,MAAKH,QAAL,IAAiB,CAACL,IAAtB,EAA4B;AAC1B;AACD;AACD,UAAIS,kBAAU,6CAAoBT,IAApB,EAA0BU,QAAQ,CAACC,IAAnC,CAAd,EAAwD;AACtD;AACA;AACD;AACD,YAAKR,MAAL,GAAc,IAAd;AACA,YAAKC,UAAL,GAAkB,IAAlB;;AAEA,YAAKF,qBAAL,GAA6B,CAACF,IAAD,EAAOO,KAAP,EAAcC,GAAd,CAA7B;AACAI,MAAAA,UAAU,CAAC,oBAAM,0CAAmBZ,IAAnB,EAAyBO,KAAzB,EAAgCC,GAAhC,CAAN,EAAD,EAA6C,CAA7C,CAAV;AACA,UAAI,MAAKK,YAAT,EAAuB;AACrBC,QAAAA,aAAa,CAAC,MAAKD,YAAN,CAAb;AACD;AACD,YAAKA,YAAL,GAAoBE,MAAM,CAACH,UAAP,CAAkB,oBAAM,CAACH,kBAAUO,cAAX,KAAsB,MAAKhB,IAA3B,IAAmC,MAAKA,IAAL,CAAUiB,KAAV,EAAzC,EAAlB,EAA8E,CAA9E,CAApB;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCOC,IAAAA,U,GAAa,UAACC,KAAD,EAAuD;AAC1E;AACEC,MAAAA,QADF;;;;;;;;;;;;;;;;;;;;AAqBID,MAAAA,KArBJ,CACEC,QADF,CAEEC,QAFF,GAqBIF,KArBJ,CAEEE,QAFF,CAGEC,WAHF,GAqBIH,KArBJ,CAGEG,WAHF,CAIEC,KAJF,GAqBIJ,KArBJ,CAIEI,KAJF,CAKEC,UALF,GAqBIL,KArBJ,CAKEK,UALF,CAMEC,KANF,GAqBIN,KArBJ,CAMEM,KANF,CAOEC,IAPF,GAqBIP,KArBJ,CAOEO,IAPF,CAQEC,KARF,GAqBIR,KArBJ,CAQEQ,KARF,CASEC,OATF,GAqBIT,KArBJ,CASES,OATF,CAUEC,aAVF,GAqBIV,KArBJ,CAUEU,aAVF,CAWEC,QAXF,GAqBIX,KArBJ,CAWEW,QAXF,CAYEC,MAZF,GAqBIZ,KArBJ,CAYEY,MAZF,CAaEC,MAbF,GAqBIb,KArBJ,CAaEa,MAbF,CAcEC,QAdF,GAqBId,KArBJ,CAcEc,QAdF,CAeEC,SAfF,GAqBIf,KArBJ,CAeEe,SAfF,CAgBEC,KAhBF,GAqBIhB,KArBJ,CAgBEgB,KAhBF,CAiBEC,gBAjBF,GAqBIjB,KArBJ,CAiBEiB,gBAjBF,CAkBEC,cAlBF,GAqBIlB,KArBJ,CAkBEkB,cAlBF,CAmBEC,gBAnBF,GAqBInB,KArBJ,CAmBEmB,gBAnBF,CAoBKC,IApBL,+CAqBIpB,KArBJ;;AAuBA,wBAA8B,MAAKtB,KAAnC,CAAQE,OAAR,eAAQA,OAAR,CAAiBD,QAAjB,eAAiBA,QAAjB;;AAEA,UAAM0C,QAAQ,GAAG,MAAKC,cAAL,EAAjB;AACA,UAAMC,SAAS,GAAG,MAAKC,eAAL,EAAlB;;AAEA,UAAMC,SAAS,GAAG,iBAAGC,sBAAOpD,IAAP,EAAH,EAAkBqD,cAAcrD,IAAd,CAAmB,MAAKsD,KAAxB,CAAlB,EAAkD,MAAKC,gBAAL,EAAlD;AACfF,oBAAchB,QAAd,CAAuB,MAAKiB,KAA5B,CADe,IACsB,CAAC,CAACjB,QADxB;AAEfgB,oBAActB,UAAd,EAFe,IAEc,CAAC,CAACA,UAFhB;AAGfsB,oBAAc7B,KAAd,CAAoB,MAAK8B,KAAzB,CAHe,IAGmBhD,OAHnB;AAIf+C,oBAAcG,KAAd,CAAoB,MAAKF,KAAzB,CAJe,IAImBjD,QAJnB;AAKfgD,oBAAclB,OAAd,CAAsB,MAAKmB,KAA3B,CALe,IAKqB,CAAC,CAACnB,OALvB;AAMfkB,oBAAcnB,KAAd,CAAoB,MAAKoB,KAAzB,CANe,IAMmB,CAAC,CAACpB,KANrB;AAOfmB,oBAAcI,aAAd,CAA4B,MAAKH,KAAjC,CAPe,IAO2BhD,OAAO,KAAKU,kBAAUO,cAAf,CAPlC;AAQf8B,oBAAcK,eAAd,CAA8B,MAAKJ,KAAnC,CARe,IAQ6B,CAAC,CAACnB,OAAF,KAAcnB,kBAAUO,cAAxB,CAR7B;AASf8B,oBAAcM,aAAd,CAA4B,MAAKL,KAAjC,CATe,IAS2B,CAAC,CAACpB,KAAF,KAAYlB,kBAAUO,cAAtB,CAT3B;AAUf8B,oBAAcO,kBAAd,EAVe,IAUsBC,gBAVtB,OAAlB;;;AAaA,UAAMC,YAAY,GAAG,iBAAGT,cAAcU,OAAd,EAAH;AAClBX,4BAAOY,iBAAP,EADkB,IACW1D,OADX,QAArB;;;AAIA;AACE;AACE,sBAAUP,qBAAqB,CAACC,IADlC;AAEM8C,QAAAA,IAFN;AAGE,UAAA,SAAS,EAAEK,SAHb;AAIE,UAAA,KAAK,EAAE,EAAEnB,KAAK,EAALA,KAAF,EAASiC,SAAS,EAAEnC,KAApB,EAJT;AAKE,UAAA,QAAQ,EAAEO,QAAQ,GAAG6B,SAAH,GAAe,CALnC;AAME,UAAA,OAAO,EAAE,MAAKC,WANhB;AAOE,UAAA,MAAM,EAAE,MAAKC,UAPf;AAQE,UAAA,GAAG,EAAE,MAAKzC,QARZ;AASE,UAAA,SAAS,EAAE,MAAK0C,aATlB;AAUE,UAAA,WAAW,EAAE,MAAKC,eAVpB;;AAYE,gDAAO,IAAI,EAAC,QAAZ,EAAqB,KAAK,EAAE5B,KAA5B,GAZF;AAaGK,QAAAA,QAbH;AAcE,+CAAM,SAAS,EAAEe,YAAjB;AACE;AACE,sBAAU/D,qBAAqB,CAACE,KADlC;AAEE,UAAA,SAAS,EAAE,iBAAGoD,cAAcpD,KAAd,CAAoB,MAAKqD,KAAzB,CAAH;AACRF,gCAAOmB,QAAP,EADQ,IACY,CAAC1B,gBADb;AAERQ,wBAAcmB,UAAd,CAAyB,MAAKlB,KAA9B,CAFQ,IAE+BhD,OAF/B;AAGR+C,wBAAcoB,aAAd,CAA4B,MAAKnB,KAAjC,CAHQ,IAGkCjB,QAHlC,QAFb;;;AAQG,cAAKX,KAAL,CAAWgD,QARd,CADF;;AAWG,cAAKC,iBAAL,EAXH,CAdF;;AA2BG1B,QAAAA,SA3BH;AA4BGjC,0BAAUV,OAAV,iBAAqB,6BAAC,wBAAD,IAAa,OAAO,EAAE,MAAKsE,cAA3B,GA5BxB,CADF;;;AAgCD,K;;;;;;;;;;;;;;AAcOC,IAAAA,c,GAAiB,YAAM;AAC7B,aAAO,MAAKC,UAAL,CAAgB,MAAKpD,KAAL,CAAWc,QAA3B,EAAqC,MAAKuC,gBAAL,EAArC,CAAP;AACD,K;;AAEOC,IAAAA,e,GAAkB,YAAM;AAC9B,aAAO,MAAKF,UAAL,CAAgB,MAAKpD,KAAL,CAAWe,SAA3B,EAAsC,MAAKsC,gBAAL,CAAsB,IAAtB,CAAtC,CAAP;AACD,K;;AAEOD,IAAAA,U,GAAa,UAACG,IAAD,EAAsB9B,SAAtB,EAAgE;AACnF,UAAI,CAAC8B,IAAL,EAAW;AACT,eAAO,IAAP;AACD;;AAED,UAAQ5C,QAAR,GAAqB,MAAKX,KAA1B,CAAQW,QAAR;AACA,UAAM6C,QAAQ,GAAGD,IAAI,YAAYE,QAAhB,GAA2BF,IAAI,EAA/B,GAAoCA,IAArD;;AAEA;AACE;AACE,UAAA,SAAS,EAAE,iBAAG5B,cAAc4B,IAAd,EAAH,EAAyB9B,SAAzB,EAAoCE,cAAc+B,eAAd,CAA8B,MAAK9B,KAAnC,CAApC;AACRD,wBAAcgC,YAAd,EADQ,IACuBhD,QADvB,QADb;;;AAKG6C,QAAAA,QALH,CADF;;;AASD,K;;AAEOI,IAAAA,Y,GAAe,YAA0B;AAC/C,wBAA6B,MAAK5D,KAAlC,CAAQY,MAAR,eAAQA,MAAR,CAAgBD,QAAhB,eAAgBA,QAAhB;;AAEA,UAAI,CAACC,MAAL,EAAa;AACX,eAAO,IAAP;AACD;;AAED;AACE,+CAAM,SAAS,EAAE,iBAAGe,cAAcf,MAAd,CAAqB,MAAKgB,KAA1B,CAAH,mBAAwCD,cAAckC,cAAd,CAA6B,MAAKjC,KAAlC,CAAxC,IAAmFjB,QAAnF,QAAjB;AACGC,QAAAA,MADH,CADF;;;AAKD,K;;AAEOkD,IAAAA,Y,GAAe,YAA0B;AAC/C,yBAA6B,MAAK9D,KAAlC,CAAQa,MAAR,gBAAQA,MAAR,CAAgBF,QAAhB,gBAAgBA,QAAhB;;AAEA,UAAI,CAACE,MAAL,EAAa;AACX,eAAO,IAAP;AACD;;AAED;AACE,+CAAM,SAAS,EAAE,iBAAGc,cAAcd,MAAd,CAAqB,MAAKe,KAA1B,CAAH,mBAAwCD,cAAcoC,cAAd,CAA6B,MAAKnC,KAAlC,CAAxC,IAAmFjB,QAAnF,QAAjB;AACGE,QAAAA,MADH,CADF;;;AAKD,K;;AAEOS,IAAAA,c,GAAiB,YAA0B;AACjD,UAAMR,QAAQ,GAAG,MAAKqC,cAAL,EAAjB;AACA,UAAMvC,MAAM,GAAG,MAAKgD,YAAL,EAAf;;AAEA,UAAI,CAAC9C,QAAD,IAAa,CAACF,MAAlB,EAA0B;AACxB,eAAO,IAAP;AACD;;AAED;AACE,+CAAM,SAAS,EAAEe,cAAcqC,aAAd,EAAjB;AACGlD,QAAAA,QADH;AAEGF,QAAAA,MAFH,CADF;;;AAMD,K;;AAEOY,IAAAA,e,GAAkB,YAA0B;AAClD,UAAMT,SAAS,GAAG,MAAKuC,eAAL,EAAlB;AACA,UAAMzC,MAAM,GAAG,MAAKiD,YAAL,EAAf;;AAEA,UAAI,CAAC/C,SAAD,IAAc,CAACF,MAAnB,EAA2B;AACzB,eAAO,IAAP;AACD;;AAED;AACE,+CAAM,SAAS,EAAE,iBAAGc,cAAcqC,aAAd,EAAH,EAAkCrC,cAAcsC,cAAd,EAAlC,CAAjB;AACGlD,QAAAA,SADH;AAEGF,QAAAA,MAFH,CADF;;;AAMD,K;;AAEOoC,IAAAA,iB,GAAoB,YAA0B;AACpD,yBAA4C,MAAKjD,KAAjD,CAAQgD,QAAR,gBAAQA,QAAR,CAAkB7C,WAAlB,gBAAkBA,WAAlB,CAA+BQ,QAA/B,gBAA+BA,QAA/B;AACA,UAAQ/B,OAAR,GAAoB,MAAKF,KAAzB,CAAQE,OAAR;AACA,UAAMsF,QAAQ,GAAG,0BAAclB,QAAd,KAA2BA,QAAQ,KAAK,EAAzD;;AAEA,UAAI,CAACkB,QAAD,IAAa/D,WAAjB,EAA8B;AAC5B;AACE;AACE,YAAA,SAAS,EAAE,iBAAGwB,cAAcxB,WAAd,CAA0B,MAAKyB,KAA/B,CAAH;AACRD,0BAAcwC,mBAAd,CAAkC,MAAKvC,KAAvC,CADQ,IACwCjB,QADxC;AAERgB,0BAAcyC,gBAAd,CAA+B,MAAKxC,KAApC,CAFQ,IAEqChD,OAFrC,QADb;;;AAMGuB,UAAAA,WANH,CADF;;;AAUD;AACD,aAAO,IAAP;AACD,K;;AAEOkE,IAAAA,uB,GAA0B,UAACC,CAAD,EAAmB;AACnD,UAAI,MAAK5F,KAAL,CAAWE,OAAX,IAAsB,MAAKC,IAA3B,IAAmCyF,CAAC,CAACC,MAAF,YAAoBC,IAAvD,IAA+D,CAAC,MAAK3F,IAAL,CAAU4F,QAAV,CAAmBH,CAAC,CAACC,MAArB,CAApE,EAAkG;AAChG,cAAKG,OAAL;AACD;AACF,K;;AAEOC,IAAAA,qB,GAAwB,UAACL,CAAD,EAAsB;AACpD,UAAI,MAAK5F,KAAL,CAAWE,OAAX,IAAsB,2BAAS0F,CAAT,CAA1B,EAAuC;AACrC,cAAKI,OAAL;AACD;AACF,K;;AAEO9B,IAAAA,e,GAAkB,UAAC0B,CAAD,EAAsC;AAC9D,YAAKtF,MAAL,GAAc,IAAd;AACD,K;;AAEO2D,IAAAA,a,GAAgB,UAAC2B,CAAD,EAAyC;AAC/D,UAAI,MAAKtE,KAAL,CAAWW,QAAf,EAAyB;AACvB;AACD;;AAED,UAAIrB,kBAAU,kCAAgBgF,CAAhB,CAAV,IAAgC,MAAKxF,WAAzC,EAAsD;AACpD,cAAKE,MAAL,GAAc,IAAd;AACAS,QAAAA,UAAU,CAAC,YAAM;AACf,cAAI,MAAKV,qBAAT,EAAgC;AAC9B,6BAAKI,eAAL,eAAwB,MAAKJ,qBAA7B;AACD;AACD,cAAI,MAAKF,IAAT,EAAe;AACb,kBAAKA,IAAL,CAAUiB,KAAV;AACD;AACF,SAPS,EAOP,CAPO,CAAV;;AASA,cAAKhB,WAAL,CAAiBgB,KAAjB;AACD;;AAED,UAAI,MAAKE,KAAL,CAAW4E,SAAf,EAA0B;AACxB,cAAK5E,KAAL,CAAW4E,SAAX,CAAqBN,CAArB;AACD;AACF,K;;AAEOO,IAAAA,oB,GAA8C,UAACP,CAAD,EAAO;AAC3D,YAAKpF,QAAL,GAAgB,IAAhB;AACAK,MAAAA,QAAQ,CAACuF,eAAT,CAAyBC,SAAzB,CAAmCC,GAAnC,CAAuCtD,sBAAOuD,cAAP,EAAvC;;AAEA,UAAI,MAAKjF,KAAL,CAAWiB,gBAAf,EAAiC;AAC/B,cAAKjB,KAAL,CAAWiB,gBAAX,CAA4BqD,CAA5B;AACD;AACF,K;;AAEOY,IAAAA,kB,GAA4C,UAACZ,CAAD,EAAO;AACzD;AACA7E,MAAAA,UAAU,CAAC,YAAM;AACf,cAAKP,QAAL,GAAgB,KAAhB;;AAEA,YAAI,MAAKc,KAAL,CAAWkB,cAAf,EAA+B;AAC7B,gBAAKlB,KAAL,CAAWkB,cAAX,CAA0BoD,CAA1B;AACD;AACF,OANS,EAMP,CANO,CAAV;;AAQA/E,MAAAA,QAAQ,CAACuF,eAAT,CAAyBC,SAAzB,CAAmCI,MAAnC,CAA0CzD,sBAAOuD,cAAP,EAA1C;AACD,K;;AAEOxC,IAAAA,W,GAAc,UAAC6B,CAAD,EAAsC;AAC1D,UAAInC,gBAAJ,EAAc;AACZmC,QAAAA,CAAC,CAACC,MAAF,CAASa,YAAT,CAAsB,iBAAtB,EAAyC,MAAzC;AACD;;AAED,UAAI,MAAKpF,KAAL,CAAWW,QAAf,EAAyB;AACvB,YAAIrB,cAAJ,EAAY;AACV,oDAAmBC,QAAQ,CAACC,IAA5B,EAAkC,CAAlC,EAAqC,CAArC;AACD;AACD;AACD;;AAED,UAAI,CAACF,kBAAUO,cAAX,KAAsB,MAAKb,MAA/B,EAAuC;AACrC,cAAKA,MAAL,GAAc,KAAd;AACA,YAAI,MAAKN,KAAL,CAAWE,OAAf,EAAwB;AACtB;AACD;AACF;;AAED,YAAKyG,QAAL,CAAc,EAAEzG,OAAO,EAAE,IAAX,EAAd;;AAEA,UAAI,MAAKoB,KAAL,CAAWsF,OAAf,EAAwB;AACtB,cAAKtF,KAAL,CAAWsF,OAAX,CAAmBhB,CAAnB;AACD;AACF,K;;AAEO5B,IAAAA,U,GAAa,UAAC4B,CAAD,EAAsC;AACzD,UAAInC,gBAAJ,EAAc;AACZmC,QAAAA,CAAC,CAACC,MAAF,CAASgB,eAAT,CAAyB,iBAAzB;AACD;;AAED,UAAI,MAAKvF,KAAL,CAAWW,QAAf,EAAyB;AACvB2D,QAAAA,CAAC,CAACkB,eAAF;AACA;AACD;;AAED,UAAI,CAAClG,kBAAUO,cAAX,KAAsB,MAAKZ,UAA/B,EAA2C;AACzC,cAAKA,UAAL,GAAkB,KAAlB;AACA;AACD;AACD,UAAI,CAACK,kBAAUO,cAAX,KAAsB,MAAKb,MAA/B,EAAuC;AACrC;AACD;;AAED;;AAEA,YAAKqG,QAAL,CAAc,EAAEzG,OAAO,EAAE,KAAX,EAAd;;AAEA,UAAI,MAAKoB,KAAL,CAAWyF,MAAf,EAAuB;AACrB,cAAKzF,KAAL,CAAWyF,MAAX,CAAkBnB,CAAlB;AACD;AACF,K;;AAEOpB,IAAAA,c,GAAiB,UAACwC,EAAD,EAAiC;AACxD,YAAK5G,WAAL,GAAmB4G,EAAnB;AACD,K;;AAEOzF,IAAAA,Q,GAAW,UAACyF,EAAD,EAA4B;AAC7C,UAAI,MAAK1F,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoByF,EAApB;AACD;AACD,YAAK7G,IAAL,GAAY6G,EAAZ;AACD,K;;AAEOhB,IAAAA,O,GAAU,YAAY;AAC5B,YAAK1F,MAAL,GAAc,KAAd;AACA,YAAKC,UAAL,GAAkB,KAAlB;AACD,K;;AAEO4C,IAAAA,gB,GAAmB,YAAM;AAC/B,cAAQ,MAAK7B,KAAL,CAAWO,IAAnB;AACE,aAAK,OAAL;AACE,iBAAO;AACJoB,wBAAcgE,SAAd,CAAwB,MAAK/D,KAA7B,CADI,IACkC,IADlC;AAEJD,wBAAciE,iBAAd,CAAgC,MAAKhE,KAArC,CAFI,IAE0CtC,kBAAUO,cAFpD,QAAP;;AAIF,aAAK,QAAL;AACE,iBAAO;AACJ8B,wBAAckE,UAAd,CAAyB,MAAKjE,KAA9B,CADI,IACmC,IADnC;AAEJD,wBAAcmE,kBAAd,CAAiC,MAAKlE,KAAtC,CAFI,IAE2CtC,kBAAUO,cAFrD,QAAP;;AAIF,aAAK,OAAL;AACA;AACE,iBAAO;AACJ8B,wBAAcoE,SAAd,CAAwB,MAAKnE,KAA7B,CADI,IACkC,IADlC;AAEJD,wBAAcqE,iBAAd,CAAgC,MAAKpE,KAArC,CAFI,IAE0CtC,kBAAUO,cAFpD,SAAP,CAbJ;;;AAkBD,K,qDAlbD;AACF;AACA,K,OACSC,K,GAAP,iBAAe,CACb,IAAI,KAAKjB,IAAT,EAAe,CACb,KAAKA,IAAL,CAAUiB,KAAV,GACD,CACF,C,CAED;AACF;AACA,K,QACSmG,I,GAAP,gBAAc,CACZ,IAAI,KAAKpH,IAAT,EAAe,CACb,KAAKA,IAAL,CAAUoH,IAAV,GACD,CACF,C,CAED;AACF;AACA,K,QACSnE,K,GAAP,iBAAe,mBACb,IAAI,KAAK9B,KAAL,CAAWW,QAAf,EAAyB,CACvB,OACD,CACD,KAAK0E,QAAL,CAAc,EAAE1G,QAAQ,EAAE,IAAZ,EAAd,EAAkC,YAAM,CACtC,MAAI,CAACuH,YAAL,GAAoBtG,MAAM,CAACH,UAAP,CAAkB,oBAAM,MAAI,CAAC4F,QAAL,CAAc,EAAE1G,QAAQ,EAAE,KAAZ,EAAd,CAAN,EAAlB,EAA4D,GAA5D,CAApB,CACD,CAFD,EAGD,C,QAEMwH,O,GAAP,mBAAqC,CACnC,OAAO,KAAKtH,IAAZ,CACD,C,QAqBMuH,iB,GAAP,6BAA2B,CACzB,IAAI,KAAKvH,IAAT,EAAe,CACbwH,qBAAUC,MAAV,CAAiB,KAAKzH,IAAtB,EAA4BoC,gBAA5B,CAA6C,KAAK4D,oBAAlD,EAAwE3D,cAAxE,CAAuF,KAAKgE,kBAA5F,EACD,CACD3F,QAAQ,CAACgH,gBAAT,CAA0B,WAA1B,EAAuC,KAAKlC,uBAA5C,EACA9E,QAAQ,CAACgH,gBAAT,CAA0B,SAA1B,EAAqC,KAAK5B,qBAA1C,EACD,C,QAEM6B,oB,GAAP,gCAA8B,CAC5B,IAAI,KAAKN,YAAT,EAAuB,CACrBO,YAAY,CAAC,KAAKP,YAAN,CAAZ,CACD,CACDG,qBAAUK,IAAV,CAAe,KAAK7H,IAApB,EACAU,QAAQ,CAACoH,mBAAT,CAA6B,WAA7B,EAA0C,KAAKtC,uBAA/C,EACA9E,QAAQ,CAACoH,mBAAT,CAA6B,SAA7B,EAAwC,KAAKhC,qBAA7C,EACD,C,QAEMiC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAChF,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,MAAI,CAACiF,WAAjC,IAAkD,MAAI,CAAC7G,KAAvD,GACG,MAAI,CAACD,UADR,CADF,CAKD,CARH,CADF,CAYD,C,QAkFOsD,gB,GAAR,0BAAyByD,KAAzB,EAAwC,KAAfA,KAAe,cAAfA,KAAe,GAAP,KAAO,EACtC,QAAQ,KAAK9G,KAAL,CAAWO,IAAnB,GACE,KAAK,OAAL,CACE,OAAOuG,KAAK,GAAGnF,cAAcoF,cAAd,CAA6B,KAAKnF,KAAlC,CAAH,GAA8CD,cAAcqF,aAAd,CAA4B,KAAKpF,KAAjC,CAA1D,CACF,KAAK,QAAL,CACE,OAAOkF,KAAK,GAAGnF,cAAcsF,eAAd,CAA8B,KAAKrF,KAAnC,CAAH,GAA+CD,cAAcuF,cAAd,CAA6B,KAAKtF,KAAlC,CAA3D,CACF,KAAK,OAAL,CACA,QACE,OAAOkF,KAAK,GAAGnF,cAAcwF,cAAd,CAA6B,KAAKvF,KAAlC,CAAH,GAA8CD,cAAcyF,aAAd,CAA4B,KAAKxF,KAAjC,CAA1D,CAPJ,CASD,C,wBAjMgCyF,eAAMC,S,WACzBC,mB,GAAsB,e,UAEtBC,Y,GAAe,EAAEjH,IAAI,EAAE,OAAR,E","sourcesContent":["import React from 'react';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyTab, isShortcutPaste } from '../../lib/events/keyboard/identifiers';\nimport { MouseDrag, MouseDragEventHandler } from '../../lib/events/MouseDrag';\nimport { isEdge, isIE11, isMobile } from '../../lib/client';\nimport { Nullable } from '../../typings/utility-types';\nimport { removeAllSelections, selectNodeContents } from '../../components/DateInput/helpers/SelectionHelpers';\nimport { InputProps, InputIconType, InputState } from '../../components/Input';\nimport { styles as jsInputStyles } from '../../components/Input/Input.styles';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { findRenderContainer } from '../../lib/listenFocusOutside';\nimport { TSetRootNode, rootNode } from '../../lib/rootNode';\n\nimport { styles } from './InputLikeText.styles';\nimport { HiddenInput } from './HiddenInput';\n\nexport interface InputLikeTextProps extends CommonProps, InputProps {\n children?: React.ReactNode;\n innerRef?: (el: HTMLElement \| null) => void;\n onFocus?: React.FocusEventHandler<HTMLElement>;\n onBlur?: React.FocusEventHandler<HTMLElement>;\n onMouseDragStart?: MouseDragEventHandler;\n onMouseDragEnd?: MouseDragEventHandler;\n takeContentWidth?: boolean;\n}\n\nexport type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder'>;\n\nexport const InputLikeTextDataTids = {\n root: 'InputLikeText__root',\n input: 'InputLikeText__input',\n} as const;\n\n@rootNode\nexport class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {\n public static __KONTUR_REACT_UI__ = 'InputLikeText';\n\n public static defaultProps = { size: 'small' };\n\n public state = { blinking: false, focused: false };\n\n private theme!: Theme;\n private node: HTMLElement \| null = null;\n private hiddenInput: HTMLInputElement \| null = null;\n private lastSelectedInnerNode: [HTMLElement, number, number] \| null = null;\n private frozen = false;\n private frozenBlur = false;\n private dragging = false;\n private focusTimeout: Nullable<number>;\n private blinkTimeout: Nullable<number>;\n private setRootNode!: TSetRootNode;\n\n /*\n @public\n /\n public focus() {\n if (this.node) {\n this.node.focus();\n }\n }\n\n /\n @public\n /\n public blur() {\n if (this.node) {\n this.node.blur();\n }\n }\n\n /\n @public\n */\n public blink() {\n if (this.props.disabled) {\n return;\n }\n this.setState({ blinking: true }, () => {\n this.blinkTimeout = window.setTimeout(() => this.setState({ blinking: false }), 150);\n });\n }\n\n public getNode(): HTMLElement \| null {\n return this.node;\n }\n\n public selectInnerNode = (node: HTMLElement \| null, start = 0, end = 1) => {\n if (this.dragging \|\| !node) {\n return;\n }\n if (isIE11 && findRenderContainer(node, document.body)) {\n // Code below causes Popup to close after triggering the focus event on the body in IE11\n return;\n }\n this.frozen = true;\n this.frozenBlur = true;\n\n this.lastSelectedInnerNode = [node, start, end];\n setTimeout(() => selectNodeContents(node, start, end), 0);\n if (this.focusTimeout) {\n clearInterval(this.focusTimeout);\n }\n this.focusTimeout = window.setTimeout(() => (isIE11 \|\| isEdge) && this.node && this.node.focus(), 0);\n };\n\n public componentDidMount() {\n if (this.node) {\n MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);\n }\n document.addEventListener('mousedown', this.handleDocumentMouseDown);\n document.addEventListener('keydown', this.handleDocumentKeyDown);\n }\n\n public componentWillUnmount() {\n if (this.blinkTimeout) {\n clearTimeout(this.blinkTimeout);\n }\n MouseDrag.stop(this.node);\n document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n document.removeEventListener('keydown', this.handleDocumentKeyDown);\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain = (props: CommonWrapperRestProps<InputLikeTextProps>) => {\n const {\n innerRef,\n tabIndex,\n placeholder,\n align,\n borderless,\n width,\n size,\n error,\n warning,\n onValueChange,\n disabled,\n prefix,\n suffix,\n leftIcon,\n rightIcon,\n value,\n onMouseDragStart,\n onMouseDragEnd,\n takeContentWidth,\n ...rest\n } = props;\n\n const { focused, blinking } = this.state;\n\n const leftSide = this.renderLeftSide();\n const rightSide = this.renderRightSide();\n\n const className = cx(styles.root(), jsInputStyles.root(this.theme), this.getSizeClassName(), {\n [jsInputStyles.disabled(this.theme)]: !!disabled,\n [jsInputStyles.borderless()]: !!borderless,\n [jsInputStyles.focus(this.theme)]: focused,\n [jsInputStyles.blink(this.theme)]: blinking,\n [jsInputStyles.warning(this.theme)]: !!warning,\n [jsInputStyles.error(this.theme)]: !!error,\n [jsInputStyles.focusFallback(this.theme)]: focused && (isIE11 \|\| isEdge),\n [jsInputStyles.warningFallback(this.theme)]: !!warning && (isIE11 \|\| isEdge),\n [jsInputStyles.errorFallback(this.theme)]: !!error && (isIE11 \|\| isEdge),\n [jsInputStyles.hideBlinkingCursor()]: isMobile,\n });\n\n const wrapperClass = cx(jsInputStyles.wrapper(), {\n [styles.userSelectContain()]: focused,\n });\n\n return (\n <span\n data-tid={InputLikeTextDataTids.root}\n {...rest}\n className={className}\n style={{ width, textAlign: align }}\n tabIndex={disabled ? undefined : 0}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n ref={this.innerRef}\n onKeyDown={this.handleKeyDown}\n onMouseDown={this.handleMouseDown}\n >\n <input type=\"hidden\" value={value} />\n {leftSide}\n <span className={wrapperClass}>\n <span\n data-tid={InputLikeTextDataTids.input}\n className={cx(jsInputStyles.input(this.theme), {\n [styles.absolute()]: !takeContentWidth,\n [jsInputStyles.inputFocus(this.theme)]: focused,\n [jsInputStyles.inputDisabled(this.theme)]: disabled,\n })}\n >\n {this.props.children}\n </span>\n {this.renderPlaceholder()}\n </span>\n {rightSide}\n {isIE11 && focused && <HiddenInput nodeRef={this.hiddenInputRef} />}\n </span>\n );\n };\n\n private getIconClassname(right = false) {\n switch (this.props.size) {\n case 'large':\n return right ? jsInputStyles.rightIconLarge(this.theme) : jsInputStyles.leftIconLarge(this.theme);\n case 'medium':\n return right ? jsInputStyles.rightIconMedium(this.theme) : jsInputStyles.leftIconMedium(this.theme);\n case 'small':\n default:\n return right ? jsInputStyles.rightIconSmall(this.theme) : jsInputStyles.leftIconSmall(this.theme);\n }\n }\n\n private renderLeftIcon = () => {\n return this.renderIcon(this.props.leftIcon, this.getIconClassname());\n };\n\n private renderRightIcon = () => {\n return this.renderIcon(this.props.rightIcon, this.getIconClassname(true));\n };\n\n private renderIcon = (icon: InputIconType, className: string): JSX.Element \| null => {\n if (!icon) {\n return null;\n }\n\n const { disabled } = this.props;\n const iconNode = icon instanceof Function ? icon() : icon;\n\n return (\n <span\n className={cx(jsInputStyles.icon(), className, jsInputStyles.useDefaultColor(this.theme), {\n [jsInputStyles.iconDisabled()]: disabled,\n })}\n >\n {iconNode}\n </span>\n );\n };\n\n private renderPrefix = (): JSX.Element \| null => {\n const { prefix, disabled } = this.props;\n\n if (!prefix) {\n return null;\n }\n\n return (\n <span className={cx(jsInputStyles.prefix(this.theme), { [jsInputStyles.prefixDisabled(this.theme)]: disabled })}>\n {prefix}\n </span>\n );\n };\n\n private renderSuffix = (): JSX.Element \| null => {\n const { suffix, disabled } = this.props;\n\n if (!suffix) {\n return null;\n }\n\n return (\n <span className={cx(jsInputStyles.suffix(this.theme), { [jsInputStyles.suffixDisabled(this.theme)]: disabled })}>\n {suffix}\n </span>\n );\n };\n\n private renderLeftSide = (): JSX.Element \| null => {\n const leftIcon = this.renderLeftIcon();\n const prefix = this.renderPrefix();\n\n if (!leftIcon && !prefix) {\n return null;\n }\n\n return (\n <span className={jsInputStyles.sideContainer()}>\n {leftIcon}\n {prefix}\n </span>\n );\n };\n\n private renderRightSide = (): JSX.Element \| null => {\n const rightIcon = this.renderRightIcon();\n const suffix = this.renderSuffix();\n\n if (!rightIcon && !suffix) {\n return null;\n }\n\n return (\n <span className={cx(jsInputStyles.sideContainer(), jsInputStyles.rightContainer())}>\n {rightIcon}\n {suffix}\n </span>\n );\n };\n\n private renderPlaceholder = (): JSX.Element \| null => {\n const { children, placeholder, disabled } = this.props;\n const { focused } = this.state;\n const hasValue = isNonNullable(children) && children !== '';\n\n if (!hasValue && placeholder) {\n return (\n <span\n className={cx(jsInputStyles.placeholder(this.theme), {\n [jsInputStyles.placeholderDisabled(this.theme)]: disabled,\n [jsInputStyles.placeholderFocus(this.theme)]: focused,\n })}\n >\n {placeholder}\n </span>\n );\n }\n return null;\n };\n\n private handleDocumentMouseDown = (e: MouseEvent) => {\n if (this.state.focused && this.node && e.target instanceof Node && !this.node.contains(e.target)) {\n this.defrost();\n }\n };\n\n private handleDocumentKeyDown = (e: KeyboardEvent) => {\n if (this.state.focused && isKeyTab(e)) {\n this.defrost();\n }\n };\n\n private handleMouseDown = (e: React.MouseEvent<HTMLElement>) => {\n this.frozen = true;\n };\n\n private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n if (this.props.disabled) {\n return;\n }\n\n if (isIE11 && isShortcutPaste(e) && this.hiddenInput) {\n this.frozen = true;\n setTimeout(() => {\n if (this.lastSelectedInnerNode) {\n this.selectInnerNode(...this.lastSelectedInnerNode);\n }\n if (this.node) {\n this.node.focus();\n }\n }, 0);\n\n this.hiddenInput.focus();\n }\n\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\n }\n };\n\n private handleMouseDragStart: MouseDragEventHandler = (e) => {\n this.dragging = true;\n document.documentElement.classList.add(styles.userSelectNone());\n\n if (this.props.onMouseDragStart) {\n this.props.onMouseDragStart(e);\n }\n };\n\n private handleMouseDragEnd: MouseDragEventHandler = (e) => {\n // Дожидаемся onMouseUp\n setTimeout(() => {\n this.dragging = false;\n\n if (this.props.onMouseDragEnd) {\n this.props.onMouseDragEnd(e);\n }\n }, 0);\n\n document.documentElement.classList.remove(styles.userSelectNone());\n };\n\n private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n if (isMobile) {\n e.target.setAttribute('contenteditable', 'true');\n }\n\n if (this.props.disabled) {\n if (isIE11) {\n selectNodeContents(document.body, 0, 0);\n }\n return;\n }\n\n if ((isIE11 \|\| isEdge) && this.frozen) {\n this.frozen = false;\n if (this.state.focused) {\n return;\n }\n }\n\n this.setState({ focused: true });\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n if (isMobile) {\n e.target.removeAttribute('contenteditable');\n }\n\n if (this.props.disabled) {\n e.stopPropagation();\n return;\n }\n\n if ((isIE11 \|\| isEdge) && this.frozenBlur) {\n this.frozenBlur = false;\n return;\n }\n if ((isIE11 \|\| isEdge) && this.frozen) {\n return;\n }\n\n removeAllSelections();\n\n this.setState({ focused: false });\n\n if (this.props.onBlur) {\n this.props.onBlur(e);\n }\n };\n\n private hiddenInputRef = (el: HTMLInputElement \| null) => {\n this.hiddenInput = el;\n };\n\n private innerRef = (el: HTMLElement \| null) => {\n if (this.props.innerRef) {\n this.props.innerRef(el);\n }\n this.node = el;\n };\n\n private defrost = (): void => {\n this.frozen = false;\n this.frozenBlur = false;\n };\n\n private getSizeClassName = () => {\n switch (this.props.size) {\n case 'large':\n return cx({\n [jsInputStyles.sizeLarge(this.theme)]: true,\n [jsInputStyles.sizeLargeFallback(this.theme)]: isIE11 \|\| isEdge,\n });\n case 'medium':\n return cx({\n [jsInputStyles.sizeMedium(this.theme)]: true,\n [jsInputStyles.sizeMediumFallback(this.theme)]: isIE11 \|\| isEdge,\n });\n case 'small':\n default:\n return cx({\n [jsInputStyles.sizeSmall(this.theme)]: true,\n [jsInputStyles.sizeSmallFallback(this.theme)]: isIE11 \|\| isEdge,\n });\n }\n };\n}\n"]}

package/cjs/internal/InputLikeText/InputLikeText.styles.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
-export declare const jsStyles: {
+export declare const styles: {
     root(): string;
-    input(): string;
+    absolute(): string;
     userSelectContain(): string;
     userSelectNone(): string;
-    withoutLeftSide(): string;
     rightSide(): string;
 };

package/cjs/internal/InputLikeText/InputLikeText.styles.js CHANGED Viewed

@@ -1,44 +1,35 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: 0;\n      visibility: visible;\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: 10px;\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: text;\n      -ms-user-select: element;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: 10px;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root() {
-    return (0, _Emotion.css)(_templateObject());
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: 10px;\n    "])));
   },
-  input: function input() {
-    return (0, _Emotion.css)(_templateObject2());
+  absolute: function absolute() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n    "])));
   },
   userSelectContain: function userSelectContain() {
-    return (0, _Emotion.css)(_templateObject3());
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: text;\n      -ms-user-select: element;\n    "])));
   },
   userSelectNone: function userSelectNone() {
-    return (0, _Emotion.css)(_templateObject4());
-  },
-  withoutLeftSide: function withoutLeftSide() {
-    return (0, _Emotion.css)(_templateObject5());
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n    "])));
   },
   rightSide: function rightSide() {
-    return (0, _Emotion.css)(_templateObject6());
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: 0;\n      visibility: visible;\n    "])));
-  } };
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

package/cjs/internal/InputLikeText/InputLikeText.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["InputLikeText.styles.ts"],"names":["styles","root","css","~~input~~","userSelectContain","userSelectNone","~~withoutLeftSide","~~rightSide"~~,"jsStyles"~~],"mappings":"~~8QAAA~~,oD;;~~AAEA~~,IAAMA,MAAM,GAAG;~~AACbC~~,EAAAA,~~IADa~~,~~kBACN~~;AACL,eAAOC,YAAP;;;AAGD,~~GALY~~;;~~AAObC~~,EAAAA,~~KAPa~~,~~mBAOL~~;~~AACN~~,eAAOD,YAAP;;;;AAID,~~GAZY~~;;~~AAcbE~~,EAAAA,~~iBAda~~,+~~BAcO~~;AAClB,eAAOF,YAAP;;;;AAID,~~GAnBY~~;;~~AAqBbG~~,EAAAA,~~cArBa~~,~~4BAqBI~~;AACf,eAAOH,YAAP;;;AAGD,~~GAzBY~~;;~~AA2BbI~~,EAAAA,~~eA3Ba~~,~~6BA2BK~~;~~AAChB~~,eAAOJ,YAAP~~;;;AAGD,GA/BY;;AAiCbK,EAAAA,SAjCa,uBAiCD;AACV,eAAOL,YAAP~~;;;;AAID,~~GAtCY~~,~~EAAf;;;AAyCO~~,~~IAAMM~~,~~QAAQ,GAAG,2BAAaR,MAAb,CAAjB,~~C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\~~r\nconst~~ styles = {\r\n root() {\r\n return css`\r\n padding-right: 10px;\r\n `;\r\n },\r\n\r\n ~~input~~() {\r\n return css`\r\n position: absolute;\r\n top: 0;\r\n `;\r\n },\r\n\r\n userSelectContain() {\r\n return css`\r\n user-select: text;\r\n -ms-user-select: element;\r\n `;\r\n },\r\n\r\n userSelectNone() {\r\n return css`\r\n user-select: none;\r\n `;\r\n },\r\n\r\n ~~withoutLeftSide() {\r\n return css`\r\n padding-left: 10px;\r\n `;\r\n },\r\n\r\n~~ rightSide() {\r\n return css`\r\n padding-left: 0;\r\n visibility: visible;\r\n `;\r\n },\r\n}~~;\r\n\r\nexport const jsStyles = memoizeStyle(styles~~);\r\n"]}
1	+ {"version":3,"sources":["InputLikeText.styles.ts"],"names":["styles","root","css","absolute","userSelectContain","userSelectNone","rightSide"],"mappings":"4QAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;AAGD,GALgC;;AAOjCC,EAAAA,QAPiC,sBAOtB;AACT,eAAOD,YAAP;;;;AAID,GAZgC;;AAcjCE,EAAAA,iBAdiC,+BAcb;AAClB,eAAOF,YAAP;;;;AAID,GAnBgC;;AAqBjCG,EAAAA,cArBiC,4BAqBhB;AACf,eAAOH,YAAP;;;AAGD,GAzBgC;;AA2BjCI,EAAAA,SA3BiC,uBA2BrB;AACV,eAAOJ,YAAP;;;;AAID,GAhCgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n padding-right: 10px;\n `;\n },\n\n absolute() {\n return css`\n position: absolute;\n top: 0;\n `;\n },\n\n userSelectContain() {\n return css`\n user-select: text;\n -ms-user-select: element;\n `;\n },\n\n userSelectNone() {\n return css`\n user-select: none;\n `;\n },\n\n rightSide() {\n return css`\n padding-left: 0;\n visibility: visible;\n `;\n },\n});\n"]}

package/cjs/internal/InputLikeText/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './InputLikeText';\r\n"]}
1	+ {"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './InputLikeText';\n"]}