@skbkontur/react-ui 0.0.0-cb54865bf2 → 0.0.0-ce2a893b1a

package/internal/InputLikeText/HiddenInput/HiddenInput.js

@@ -2,16 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _excluded = ["nodeRef"];
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 1px;\n  height: 0;\n  border: 0;\n  outline: 0;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n  opacity: 0;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject;
 
 import React from 'react';
 import { css } from "../../../lib/theming/Emotion";
@@ -20,16 +13,14 @@ var cap = function cap(e) {
   return e.stopPropagation();
 };
 
-var className = css(_templateObject());
-/**
-                                         * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.
-                                         * Для решения этой проблемы, перед "вставкой" фокусируемся на инпуте
-                                         * после этого `onPaste` вызывается у инпута и всплывает.
-                                         */
+var className = css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 1px;\n  height: 0;\n  border: 0;\n  outline: 0;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n  opacity: 0;\n"])));
+/**
+ * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.
+ * Для решения этой проблемы, перед "вставкой" фокусируемся на инпуте
+ * после этого `onPaste` вызывается у инпута и всплывает.
+ */
 
-export var HiddenInput =
-/*#__PURE__*/
-function (_React$Component) {
+export var HiddenInput = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(HiddenInput, _React$Component);
 
   function HiddenInput() {
@@ -41,9 +32,9 @@ function (_React$Component) {
   _proto.render = function render() {
     var _this$props = this.props,
         nodeRef = _this$props.nodeRef,
-        props = _objectWithoutPropertiesLoose(_this$props, ["nodeRef"]);
+        props = _objectWithoutPropertiesLoose(_this$props, _excluded);
 
-    return React.createElement("input", _extends({}, props, {
+    return /*#__PURE__*/React.createElement("input", _extends({}, props, {
       ref: nodeRef,
       type: "text",
       tabIndex: -1,

package/internal/InputLikeText/HiddenInput/HiddenInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["HiddenInput.tsx"],"names":["React","css","cap","e","stopPropagation","className","HiddenInput","render","props","nodeRef","Component"],"mappings":"0mBAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,GAAT,QAAoB,2BAApB;;;;;;AAMA,IAAMC,GAA4B,GAAG,SAA/BA,GAA+B,CAAAC,CAAC,UAAIA,CAAC,CAACC,eAAF,EAAJ,EAAtC;;AAEA,IAAMC,SAAS,GAAGJ,GAAH,mBAAf;;;;;;;;;;;;AAYA;;;;;AAKA,WAAaK,WAAb;AACSC,EAAAA,MADT,GACE,kBAAgB;AACgB,SAAKC,KADrB,CACNC,OADM,eACNA,OADM,CACMD,KADN;AAEd;AACE;AACMA,MAAAA,KADN;AAEE,QAAA,GAAG,EAAEC,OAFP;AAGE,QAAA,IAAI,EAAC,MAHP;AAIE,QAAA,QAAQ,EAAE,CAAC,CAJb;AAKE,QAAA,MAAM,EAAEP,GALV;AAME,QAAA,OAAO,EAAEA,GANX;AAOE,QAAA,QAAQ,EAAEA,GAPZ;AAQE,QAAA,SAAS,EAAEG,SARb,IADF;;;AAYD,GAfH,sBAAiCL,KAAK,CAACU,SAAvC","sourcesContent":["import React from 'react';\r\n\r\nimport { css } from '../../lib/theming/Emotion';\r\n\r\ninterface Props extends React.HTMLAttributes<HTMLInputElement> {\r\n  nodeRef: (ref: HTMLInputElement | null) => void;\r\n}\r\n\r\nconst cap: React.ReactEventHandler = e => e.stopPropagation();\r\n\r\nconst className = css`\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 0;\r\n  border: 0;\r\n  outline: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow: hidden;\r\n  opacity: 0;\r\n`;\r\n\r\n/**\r\n * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.\r\n * Для решения этой проблемы, перед \"вставкой\" фокусируемся на инпуте\r\n * после этого `onPaste` вызывается у инпута и всплывает.\r\n */\r\nexport class HiddenInput extends React.Component<Props> {\r\n  public render() {\r\n    const { nodeRef, ...props } = this.props;\r\n    return (\r\n      <input\r\n        {...props}\r\n        ref={nodeRef}\r\n        type=\"text\"\r\n        tabIndex={-1}\r\n        onBlur={cap}\r\n        onFocus={cap}\r\n        onChange={cap}\r\n        className={className}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["HiddenInput.tsx"],"names":["React","css","cap","e","stopPropagation","className","HiddenInput","render","props","nodeRef","Component"],"mappings":"oXAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,GAAT,QAAoB,2BAApB;;;;;;AAMA,IAAMC,GAA4B,GAAG,SAA/BA,GAA+B,CAACC,CAAD,UAAOA,CAAC,CAACC,eAAF,EAAP,EAArC;;AAEA,IAAMC,SAAS,GAAGJ,GAAH,8NAAf;;;;;;;;;;;;AAYA;AACA;AACA;AACA;AACA;AACA,WAAaK,WAAb;AACSC,EAAAA,MADT,GACE,kBAAgB;AACd,sBAA8B,KAAKC,KAAnC,CAAQC,OAAR,eAAQA,OAAR,CAAoBD,KAApB;AACA;AACE;AACMA,MAAAA,KADN;AAEE,QAAA,GAAG,EAAEC,OAFP;AAGE,QAAA,IAAI,EAAC,MAHP;AAIE,QAAA,QAAQ,EAAE,CAAC,CAJb;AAKE,QAAA,MAAM,EAAEP,GALV;AAME,QAAA,OAAO,EAAEA,GANX;AAOE,QAAA,QAAQ,EAAEA,GAPZ;AAQE,QAAA,SAAS,EAAEG,SARb,IADF;;;AAYD,GAfH,sBAAiCL,KAAK,CAACU,SAAvC","sourcesContent":["import React from 'react';\n\nimport { css } from '../../lib/theming/Emotion';\n\ninterface Props extends React.HTMLAttributes<HTMLInputElement> {\n  nodeRef: (ref: HTMLInputElement | null) => void;\n}\n\nconst cap: React.ReactEventHandler = (e) => e.stopPropagation();\n\nconst className = css`\n  position: absolute;\n  width: 1px;\n  height: 0;\n  border: 0;\n  outline: 0;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n  opacity: 0;\n`;\n\n/**\n * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.\n * Для решения этой проблемы, перед \"вставкой\" фокусируемся на инпуте\n * после этого `onPaste` вызывается у инпута и всплывает.\n */\nexport class HiddenInput extends React.Component<Props> {\n  public render() {\n    const { nodeRef, ...props } = this.props;\n    return (\n      <input\n        {...props}\n        ref={nodeRef}\n        type=\"text\"\n        tabIndex={-1}\n        onBlur={cap}\n        onFocus={cap}\n        onChange={cap}\n        className={className}\n      />\n    );\n  }\n}\n"]}

package/internal/InputLikeText/InputLikeText/InputLikeText.js

@@ -1,19 +1,25 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+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;
+
 import React from 'react';
-import cn from 'classnames';
+import { isNonNullable } from "../../../lib/utils";
 import { isKeyTab, isShortcutPaste } from "../../../lib/events/keyboard/identifiers";
 import { MouseDrag } from "../../../lib/events/MouseDrag";
-import { isEdge, isIE11 } from "../../../lib/utils";
+import { isEdge, isIE11, isMobile } from "../../../lib/client";
 import { removeAllSelections, selectNodeContents } from "../../../components/DateInput/helpers/SelectionHelpers";
-import { jsStyles as jsInputStyles } from "../../../components/Input/Input.styles";
+import { styles as jsInputStyles } from "../../../components/Input/Input.styles";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { jsStyles } from "../InputLikeText.styles";
+import { CommonWrapper } from "../../CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { findRenderContainer } from "../../../lib/listenFocusOutside";
+import { rootNode } from "../../../lib/rootNode";
+import { styles } from "../InputLikeText.styles";
 import { HiddenInput } from "../HiddenInput";
-export var InputLikeText =
-/*#__PURE__*/
-function (_React$Component) {
+export var InputLikeText = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(InputLikeText, _React$Component);
 
   function InputLikeText() {
@@ -28,15 +34,12 @@ function (_React$Component) {
       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.selectInnerNode = function (node, start, end) {
       if (start === void 0) {
@@ -51,6 +54,11 @@ function (_React$Component) {
         return;
       }
 
+      if (isIE11 && 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;
       _this.lastSelectedInnerNode = [node, start, end];
@@ -67,6 +75,65 @@ function (_React$Component) {
       }, 0);
     };
 
+    _this.renderMain = function (props) {
+      var _cx, _cx2, _cx3;
+
+      var innerRef = 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 = _objectWithoutPropertiesLoose(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 = cx(styles.root(), jsInputStyles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[jsInputStyles.disabled(_this.theme)] = !!disabled, _cx[jsInputStyles.borderless()] = !!borderless, _cx[jsInputStyles.focus(_this.theme)] = focused, _cx[jsInputStyles.blink(_this.theme)] = blinking, _cx[jsInputStyles.warning(_this.theme)] = !!warning, _cx[jsInputStyles.error(_this.theme)] = !!error, _cx[jsInputStyles.focusFallback(_this.theme)] = focused && (isIE11 || isEdge), _cx[jsInputStyles.warningFallback(_this.theme)] = !!warning && (isIE11 || isEdge), _cx[jsInputStyles.errorFallback(_this.theme)] = !!error && (isIE11 || isEdge), _cx[jsInputStyles.hideBlinkingCursor()] = isMobile, _cx));
+      var wrapperClass = cx(jsInputStyles.wrapper(), (_cx2 = {}, _cx2[styles.userSelectContain()] = focused, _cx2));
+      return /*#__PURE__*/React.createElement("span", _extends({}, 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.createElement("input", {
+        type: "hidden",
+        value: value
+      }), leftSide, /*#__PURE__*/React.createElement("span", {
+        className: wrapperClass
+      }, /*#__PURE__*/React.createElement("span", {
+        "data-tid": "InputLikeText__input",
+        className: cx(jsInputStyles.input(_this.theme), (_cx3 = {}, _cx3[styles.absolute()] = !takeContentWidth, _cx3[jsInputStyles.inputFocus(_this.theme)] = focused, _cx3[jsInputStyles.inputDisabled(_this.theme)] = disabled, _cx3))
+      }, _this.props.children), _this.renderPlaceholder()), rightSide, isIE11 && focused && /*#__PURE__*/React.createElement(HiddenInput, {
+        nodeRef: _this.hiddenInputRef
+      }));
+    };
+
     _this.renderLeftIcon = function () {
       return _this.renderIcon(_this.props.leftIcon, _this.getIconClassname());
     };
@@ -76,42 +143,48 @@ function (_React$Component) {
     };
 
     _this.renderIcon = function (icon, className) {
+      var _cx4;
+
       if (!icon) {
         return null;
       }
 
-      if (icon instanceof Function) {
-        return React.createElement("span", {
-          className: className
-        }, icon());
-      }
-
-      return React.createElement("span", {
-        className: cn(className, jsInputStyles.useDefaultColor(_this.theme))
-      }, icon);
+      var disabled = _this.props.disabled;
+      var iconNode = icon instanceof Function ? icon() : icon;
+      return /*#__PURE__*/React.createElement("span", {
+        className: cx(jsInputStyles.icon(), className, jsInputStyles.useDefaultColor(_this.theme), (_cx4 = {}, _cx4[jsInputStyles.iconDisabled()] = disabled, _cx4))
+      }, iconNode);
     };
 
     _this.renderPrefix = function () {
-      var prefix = _this.props.prefix;
+      var _cx5;
+
+      var _this$props = _this.props,
+          prefix = _this$props.prefix,
+          disabled = _this$props.disabled;
 
       if (!prefix) {
         return null;
       }
 
-      return React.createElement("span", {
-        className: jsInputStyles.prefix(_this.theme)
+      return /*#__PURE__*/React.createElement("span", {
+        className: cx(jsInputStyles.prefix(_this.theme), (_cx5 = {}, _cx5[jsInputStyles.prefixDisabled(_this.theme)] = disabled, _cx5))
       }, prefix);
     };
 
     _this.renderSuffix = function () {
-      var suffix = _this.props.suffix;
+      var _cx6;
+
+      var _this$props2 = _this.props,
+          suffix = _this$props2.suffix,
+          disabled = _this$props2.disabled;
 
       if (!suffix) {
         return null;
       }
 
-      return React.createElement("span", {
-        className: jsInputStyles.suffix(_this.theme)
+      return /*#__PURE__*/React.createElement("span", {
+        className: cx(jsInputStyles.suffix(_this.theme), (_cx6 = {}, _cx6[jsInputStyles.suffixDisabled(_this.theme)] = disabled, _cx6))
       }, suffix);
     };
 
@@ -124,7 +197,7 @@ function (_React$Component) {
         return null;
       }
 
-      return React.createElement("span", {
+      return /*#__PURE__*/React.createElement("span", {
         className: jsInputStyles.sideContainer()
       }, leftIcon, prefix);
     };
@@ -138,19 +211,24 @@ function (_React$Component) {
         return null;
       }
 
-      return React.createElement("span", {
-        className: cn(jsInputStyles.sideContainer(), jsInputStyles.rightContainer())
+      return /*#__PURE__*/React.createElement("span", {
+        className: cx(jsInputStyles.sideContainer(), jsInputStyles.rightContainer())
       }, rightIcon, suffix);
     };
 
     _this.renderPlaceholder = function () {
-      var _this$props = _this.props,
-          children = _this$props.children,
-          placeholder = _this$props.placeholder;
-
-      if (!children && placeholder) {
-        return React.createElement("span", {
-          className: jsInputStyles.placeholder(_this.theme)
+      var _this$props3 = _this.props,
+          children = _this$props3.children,
+          placeholder = _this$props3.placeholder,
+          disabled = _this$props3.disabled;
+      var focused = _this.state.focused;
+      var hasValue = isNonNullable(children) && children !== '';
+
+      if (!hasValue && placeholder) {
+        var _cx7;
+
+        return /*#__PURE__*/React.createElement("span", {
+          className: cx(jsInputStyles.placeholder(_this.theme), (_cx7 = {}, _cx7[jsInputStyles.placeholderDisabled(_this.theme)] = disabled, _cx7[jsInputStyles.placeholderFocus(_this.theme)] = focused, _cx7))
         }, placeholder);
       }
 
@@ -202,7 +280,7 @@ function (_React$Component) {
 
     _this.handleMouseDragStart = function (e) {
       _this.dragging = true;
-      document.documentElement.classList.add(jsStyles.userSelectNone());
+      document.documentElement.classList.add(styles.userSelectNone());
 
       if (_this.props.onMouseDragStart) {
         _this.props.onMouseDragStart(e);
@@ -218,10 +296,14 @@ function (_React$Component) {
           _this.props.onMouseDragEnd(e);
         }
       }, 0);
-      document.documentElement.classList.remove(jsStyles.userSelectNone());
+      document.documentElement.classList.remove(styles.userSelectNone());
     };
 
     _this.handleFocus = function (e) {
+      if (isMobile) {
+        e.target.setAttribute('contenteditable', 'true');
+      }
+
       if (_this.props.disabled) {
         if (isIE11) {
           selectNodeContents(document.body, 0, 0);
@@ -248,6 +330,10 @@ function (_React$Component) {
     };
 
     _this.handleBlur = function (e) {
+      if (isMobile) {
+        e.target.removeAttribute('contenteditable');
+      }
+
       if (_this.props.disabled) {
         e.stopPropagation();
         return;
@@ -291,18 +377,18 @@ function (_React$Component) {
     };
 
     _this.getSizeClassName = function () {
-      var _ref, _ref2, _ref3;
+      var _cx8, _cx9, _cx10;
 
       switch (_this.props.size) {
         case 'large':
-          return _ref = {}, _ref[jsInputStyles.sizeLarge(_this.theme)] = true, _ref[jsInputStyles.sizeLargeFallback(_this.theme)] = isIE11 || isEdge, _ref;
+          return cx((_cx8 = {}, _cx8[jsInputStyles.sizeLarge(_this.theme)] = true, _cx8[jsInputStyles.sizeLargeFallback(_this.theme)] = isIE11 || isEdge, _cx8));
 
         case 'medium':
-          return _ref2 = {}, _ref2[jsInputStyles.sizeMedium(_this.theme)] = true, _ref2[jsInputStyles.sizeMediumFallback(_this.theme)] = isIE11 || isEdge, _ref2;
+          return cx((_cx9 = {}, _cx9[jsInputStyles.sizeMedium(_this.theme)] = true, _cx9[jsInputStyles.sizeMediumFallback(_this.theme)] = isIE11 || isEdge, _cx9));
 
         case 'small':
         default:
-          return _ref3 = {}, _ref3[jsInputStyles.sizeSmall(_this.theme)] = true, _ref3[jsInputStyles.sizeSmallFallback(_this.theme)] = isIE11 || isEdge, _ref3;
+          return cx((_cx10 = {}, _cx10[jsInputStyles.sizeSmall(_this.theme)] = true, _cx10[jsInputStyles.sizeSmallFallback(_this.theme)] = isIE11 || isEdge, _cx10));
       }
     };
 
@@ -310,18 +396,18 @@ function (_React$Component) {
   }
 
   var _proto = InputLikeText.prototype;
-  /**
-   * @public
-   */
+  /**
+  * @public
+  */
 
   _proto.focus = function focus() {
     if (this.node) {
       this.node.focus();
     }
   }
-  /**
-   * @public
-   */
+  /**
+  * @public
+  */
   ;
 
   _proto.blur = function blur() {
@@ -329,9 +415,9 @@ function (_React$Component) {
       this.node.blur();
     }
   }
-  /**
-   * @public
-   */
+  /**
+  * @public
+  */
   ;
 
   _proto.blink = function blink() {
@@ -378,68 +464,14 @@ function (_React$Component) {
   _proto.render = function render() {
     var _this4 = this;
 
-    return React.createElement(ThemeContext.Consumer, null, function (theme) {
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this4.theme = theme;
-      return _this4.renderMain();
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this4.setRootNode
+      }, _this4.props), _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 = _objectWithoutPropertiesLoose(_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 = cn(jsStyles.root(), jsInputStyles.root(this.theme), this.getSizeClassName(), (_cn = {}, _cn[jsInputStyles.borderless()] = !!borderless, _cn[jsStyles.withoutLeftSide()] = !leftSide, _cn[jsInputStyles.focus(this.theme)] = focused, _cn[jsInputStyles.blink(this.theme)] = blinking, _cn[jsInputStyles.warning(this.theme)] = !!warning, _cn[jsInputStyles.error(this.theme)] = !!error, _cn[jsInputStyles.disabled(this.theme)] = !!disabled, _cn[jsInputStyles.focusFallback(this.theme)] = focused && (isIE11 || isEdge), _cn[jsInputStyles.warningFallback(this.theme)] = !!warning && (isIE11 || isEdge), _cn[jsInputStyles.errorFallback(this.theme)] = !!error && (isIE11 || isEdge), _cn));
-    var wrapperClass = cn(jsInputStyles.wrapper(), (_cn2 = {}, _cn2[jsStyles.userSelectContain()] = focused, _cn2));
-    return React.createElement("span", _extends({}, 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
-    }), React.createElement("input", {
-      type: "hidden",
-      value: value
-    }), leftSide, React.createElement("span", {
-      className: wrapperClass
-    }, React.createElement("span", {
-      "data-tid": "InputLikeText__input",
-      className: cn(jsStyles.input(), jsInputStyles.input(this.theme))
-    }, children), this.renderPlaceholder()), rightSide, isIE11 && focused && React.createElement(HiddenInput, {
-      nodeRef: this.hiddenInputRef
-    }));
-  };
-
   _proto.getIconClassname = function getIconClassname(right) {
     if (right === void 0) {
       right = false;
@@ -459,8 +491,6 @@ function (_React$Component) {
   };
 
   return InputLikeText;
-}(React.Component);
-InputLikeText.__KONTUR_REACT_UI__ = 'InputLikeText';
-InputLikeText.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'InputLikeText', _class2.defaultProps = {
   size: 'small'
-};
+}, _temp)) || _class;

package/internal/InputLikeText/InputLikeText/InputLikeText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InputLikeText.tsx"],"names":["React","cn","isKeyTab","isShortcutPaste","MouseDrag","isEdge","isIE11","removeAllSelections","selectNodeContents","jsStyles","jsInputStyles","ThemeContext","HiddenInput","InputLikeText","state","blinking","focused","theme","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","focusTimeout","blinkTimeout","selectInnerNode","start","end","setTimeout","clearInterval","window","focus","renderLeftIcon","renderIcon","props","leftIcon","getIconClassname","renderRightIcon","rightIcon","icon","className","Function","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","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","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","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/utils';\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"]}
+{"version":3,"sources":["InputLikeText.tsx"],"names":["React","isNonNullable","isKeyTab","isShortcutPaste","MouseDrag","isEdge","isIE11","isMobile","removeAllSelections","selectNodeContents","styles","jsInputStyles","ThemeContext","CommonWrapper","cx","findRenderContainer","rootNode","HiddenInput","InputLikeText","state","blinking","focused","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","selectInnerNode","start","end","document","body","setTimeout","focusTimeout","clearInterval","window","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","root","theme","getSizeClassName","blink","focusFallback","warningFallback","errorFallback","hideBlinkingCursor","wrapperClass","wrapper","userSelectContain","textAlign","undefined","handleFocus","handleBlur","handleKeyDown","handleMouseDown","input","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","listen","addEventListener","componentWillUnmount","clearTimeout","stop","removeEventListener","render","setRootNode","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","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\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        {...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=\"InputLikeText__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/internal/InputLikeText/InputLikeText.d.ts

@@ -1,15 +1,17 @@
 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 class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {
     static __KONTUR_REACT_UI__: string;
     static defaultProps: {
@@ -28,6 +30,7 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
     private dragging;
     private focusTimeout;
     private blinkTimeout;
+    private setRootNode;
     /**
      * @public
      */