@skbkontur/react-ui 5.1.0-next.1 → 5.1.0

package/cjs/internal/FocusTrap/index.d.ts

@@ -1 +1 @@
-export * from './FocusTrap';
+export * from './FocusTrap';

package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-export declare class HideBodyVerticalScroll extends React.Component {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private initialScroll;
-    private master;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    render(): null;
-    static updateScrollVisibility: () => void;
-    static hideScroll: () => void;
-    static attachStyle: (element: HTMLElement, className: string) => () => void;
-    private restoreStyles;
-}
+import React from 'react';
+export declare class HideBodyVerticalScroll extends React.Component {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    private initialScroll;
+    private master;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    render(): null;
+    static updateScrollVisibility: () => void;
+    static hideScroll: () => void;
+    static attachStyle: (element: HTMLElement, className: string) => () => void;
+    private restoreStyles;
+}

package/cjs/internal/HideBodyVerticalScroll/index.d.ts

@@ -1 +1 @@
-export * from './HideBodyVerticalScroll';
+export * from './HideBodyVerticalScroll';

package/cjs/internal/IgnoreLayerClick/IgnoreLayerClick.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-export interface IgnoreLayerClickProps {
-    children: React.ReactNode;
-    active: boolean;
-}
-export declare class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {
-    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
-}
+import React from 'react';
+export interface IgnoreLayerClickProps {
+    children: React.ReactNode;
+    active: boolean;
+}
+export declare class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
+}

package/cjs/internal/IgnoreLayerClick/index.d.ts

@@ -1 +1 @@
-export * from './IgnoreLayerClick';
+export * from './IgnoreLayerClick';

package/cjs/internal/InputLikeText/HiddenInput.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-interface Props extends React.HTMLAttributes<HTMLInputElement> {
-    nodeRef: (ref: HTMLInputElement | null) => void;
-}
-/**
- * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.
- * Для решения этой проблемы, перед "вставкой" фокусируемся на инпуте
- * после этого `onPaste` вызывается у инпута и всплывает.
- */
-export declare class HiddenInput extends React.Component<Props> {
-    render(): React.JSX.Element;
-}
-export {};
+import React from 'react';
+interface Props extends React.HTMLAttributes<HTMLInputElement> {
+    nodeRef: (ref: HTMLInputElement | null) => void;
+}
+/**
+ * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.
+ * Для решения этой проблемы, перед "вставкой" фокусируемся на инпуте
+ * после этого `onPaste` вызывается у инпута и всплывает.
+ */
+export declare class HiddenInput extends React.Component<Props> {
+    render(): React.JSX.Element;
+}
+export {};

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

@@ -1,74 +1,79 @@
-import React from 'react';
-import { MouseDragEventHandler } from '../../lib/events/MouseDrag';
-import { InputProps, InputState } from '../../components/Input';
-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 type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder'>;
-export declare const InputLikeTextDataTids: {
-    readonly root: "InputLikeText__root";
-    readonly input: "InputLikeText__input";
-    readonly nativeInput: "InputLikeText__nativeInput";
-};
-type DefaultProps = Required<Pick<InputLikeTextProps, 'size'>>;
-export declare class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: {
-        blinking: boolean;
-        focused: boolean;
-    };
-    private theme;
-    private node;
-    private hiddenInput;
-    private lastSelectedInnerNode;
-    private frozen;
-    private frozenBlur;
-    private dragging;
-    private focusTimeout;
-    private blinkTimeout;
-    private setRootNode;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public
-     */
-    blink(): void;
-    getNode(): HTMLElement | null;
-    private selectNodeContentsDebounced;
-    selectInnerNode: (node: HTMLElement | null, start?: number, end?: number) => void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    private renderMain;
-    private renderPlaceholder;
-    private handleDocumentMouseDown;
-    private handleDocumentKeyDown;
-    private handleMouseDown;
-    private handleKeyDown;
-    private handleMouseDragStart;
-    private handleMouseDragEnd;
-    private handleFocus;
-    private resetFocus;
-    private handleBlur;
-    private hiddenInputRef;
-    private innerRef;
-    private defrost;
-    private getSizeClassName;
-}
-export {};
+import React from 'react';
+import { MouseDragEventHandler } from '../../lib/events/MouseDrag';
+import { InputProps, InputState } from '../../components/Input';
+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;
+    onClearCrossClick?: () => void;
+}
+export type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder' | 'hovered'>;
+export declare const InputLikeTextDataTids: {
+    readonly root: "InputLikeText__root";
+    readonly input: "InputLikeText__input";
+    readonly nativeInput: "InputLikeText__nativeInput";
+};
+type DefaultProps = Required<Pick<InputLikeTextProps, 'size' | 'showClearIcon'>>;
+export declare class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private getClearCrossShowed;
+    state: {
+        blinking: boolean;
+        focused: boolean;
+        clearCrossShowed: boolean;
+    };
+    private theme;
+    private node;
+    private hiddenInput;
+    private lastSelectedInnerNode;
+    private frozen;
+    private frozenBlur;
+    private dragging;
+    private focusTimeout;
+    private blinkTimeout;
+    private setRootNode;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * @public
+     */
+    blink(): void;
+    getNode(): HTMLElement | null;
+    private selectNodeContentsDebounced;
+    selectInnerNode: (node: HTMLElement | null, start?: number, end?: number) => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    private renderMain;
+    private renderPlaceholder;
+    private handleDocumentMouseDown;
+    private handleDocumentKeyDown;
+    private handleMouseDown;
+    private handleKeyDown;
+    private handleMouseDragStart;
+    private handleMouseDragEnd;
+    private handleFocus;
+    private resetFocus;
+    private handleBlur;
+    private handleHover;
+    private handleUnhover;
+    private hiddenInputRef;
+    private innerRef;
+    private defrost;
+    private getSizeClassName;
+}
+export {};

package/cjs/internal/InputLikeText/InputLikeText.js

@@ -8,8 +8,8 @@ var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _MouseDrag = require("../../lib/events/MouseDrag");
 var _client = require("../../lib/client");
 var _selectionHelpers = require("../../lib/dom/selectionHelpers");
-
-var _Input = require("../../components/Input/Input.styles");
+var _Input = require("../../components/Input");
+var _Input2 = require("../../components/Input/Input.styles");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _CommonWrapper = require("../CommonWrapper");
@@ -21,9 +21,11 @@ var _InputLayoutAside = require("../../components/Input/InputLayout/InputLayoutA
 var _InputLayoutContext = require("../../components/Input/InputLayout/InputLayoutContext");
 var _isInstanceOf = require("../../lib/isInstanceOf");
 var _FocusControlWrapper = require("../FocusControlWrapper");
+var _ClearCrossIcon = require("../ClearCrossIcon/ClearCrossIcon");
 
 var _HiddenInput = require("./HiddenInput");
-var _InputLikeText2 = require("./InputLikeText.styles");var _excluded = ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth", "aria-describedby", "aria-label", "aria-labelledby"];var _class, _InputLikeText;
+var _InputLikeText2 = require("./InputLikeText.styles");var _excluded = ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth", "aria-describedby", "aria-label", "aria-labelledby", "showClearIcon", "onClearCrossClick"];var _class, _InputLikeText;
+
 
 
 
@@ -52,9 +54,30 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
 
 
 
+
+
+
     getProps = (0, _createPropsGetter.createPropsGetter)(InputLikeText.defaultProps);_this.
 
-    state = { blinking: false, focused: false };_this.
+    getClearCrossShowed = function (_ref) {var focused = _ref.focused,hovered = _ref.hovered;
+      if (_this.props.disabled) {
+        return false;
+      }
+      return (0, _Input.calculateClearCrossShowedState)({
+        showClearIcon: _this.getProps().showClearIcon,
+        notEmptyValue: Boolean(_this.props.children),
+        focused: focused,
+        hovered: hovered
+      });
+    };_this.
+
+    state = {
+      blinking: false,
+      focused: false,
+      clearCrossShowed: _this.getClearCrossShowed({
+        focused: false
+      })
+    };_this.
 
 
     node = null;_this.
@@ -181,28 +204,41 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
 
 
 
-        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,ariaDescribedby = props['aria-describedby'],ariaLabel = props['aria-label'],ariaLabelledby = props['aria-labelledby'],rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
 
-      var _this$state = _this.state,focused = _this$state.focused,blinking = _this$state.blinking;
 
+        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,ariaDescribedby = props['aria-describedby'],ariaLabel = props['aria-label'],ariaLabelledby = props['aria-labelledby'],showClearIcon = props.showClearIcon,onClearCrossClick = props.onClearCrossClick,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+
+      var _this$state = _this.state,focused = _this$state.focused,blinking = _this$state.blinking;
+      var getRightIcon = function getRightIcon() {
+        return _this.state.clearCrossShowed ? /*#__PURE__*/
+        _react.default.createElement(_ClearCrossIcon.ClearCrossIcon, {
+          "data-tid": _Input.InputDataTids.clearCross,
+          size: size,
+          onFocus: function onFocus(event) {return event.stopPropagation();},
+          onClick: onClearCrossClick }
+        ) :
+
+        rightIcon;
+
+      };
       var leftSide = /*#__PURE__*/_react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: leftIcon, text: prefix, side: "left" });
-      var rightSide = /*#__PURE__*/_react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: rightIcon, text: suffix, side: "right" });
-
-      var className = (0, _Emotion.cx)(_InputLikeText2.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.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless, _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 rightSide = /*#__PURE__*/_react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: getRightIcon(), text: suffix, side: "right" });
+
+      var className = (0, _Emotion.cx)(_InputLikeText2.styles.root(), _Input2.styles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[
+      _Input2.styles.disabled(_this.theme)] = !!disabled, _cx[
+      _Input2.styles.borderless()] = !!borderless, _cx[
+      _Input2.styles.focus(_this.theme)] = focused, _cx[
+      _Input2.styles.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless, _cx[
+      _Input2.styles.blink(_this.theme)] = blinking, _cx[
+      _Input2.styles.warning(_this.theme)] = !!warning, _cx[
+      _Input2.styles.error(_this.theme)] = !!error, _cx[
+      _Input2.styles.focusFallback(_this.theme)] = focused && (_client.isIE11 || _client.isEdge), _cx[
+      _Input2.styles.warningFallback(_this.theme)] = !!warning && (_client.isIE11 || _client.isEdge), _cx[
+      _Input2.styles.errorFallback(_this.theme)] = !!error && (_client.isIE11 || _client.isEdge), _cx[
+      _Input2.styles.hideBlinkingCursor()] = _client.isMobile, _cx)
       );
 
-      var wrapperClass = (0, _Emotion.cx)(_Input.styles.wrapper(), (_cx2 = {}, _cx2[
+      var wrapperClass = (0, _Emotion.cx)(_Input2.styles.wrapper(), (_cx2 = {}, _cx2[
       _InputLikeText2.styles.userSelectContain()] = focused, _cx2)
       );
 
@@ -218,6 +254,8 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
           style: { width: width, textAlign: align },
           tabIndex: disabled ? -1 : 0,
           onFocus: _this.handleFocus,
+          onMouseEnter: _this.handleHover,
+          onMouseLeave: _this.handleUnhover,
           onBlur: _this.handleBlur,
           ref: _this.innerRef,
           onKeyDown: _this.handleKeyDown,
@@ -234,10 +272,10 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
         _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[
+          className: (0, _Emotion.cx)(_Input2.styles.input(_this.theme), (_cx3 = {}, _cx3[
           _InputLikeText2.styles.absolute()] = !takeContentWidth, _cx3[
-          _Input.styles.inputFocus(_this.theme)] = focused, _cx3[
-          _Input.styles.inputDisabled(_this.theme)] = disabled, _cx3)
+          _Input2.styles.inputFocus(_this.theme)] = focused, _cx3[
+          _Input2.styles.inputDisabled(_this.theme)] = disabled, _cx3)
           ) },
 
         _this.props.children
@@ -260,9 +298,9 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
       if (!hasValue && placeholder) {var _cx4;
         return /*#__PURE__*/(
           _react.default.createElement("span", {
-            className: (0, _Emotion.cx)(_Input.styles.placeholder(_this.theme), (_cx4 = {}, _cx4[
-            _Input.styles.placeholderDisabled(_this.theme)] = disabled, _cx4[
-            _Input.styles.placeholderFocus(_this.theme)] = focused, _cx4)
+            className: (0, _Emotion.cx)(_Input2.styles.placeholder(_this.theme), (_cx4 = {}, _cx4[
+            _Input2.styles.placeholderDisabled(_this.theme)] = disabled, _cx4[
+            _Input2.styles.placeholderFocus(_this.theme)] = focused, _cx4)
             ) },
 
           placeholder
@@ -403,6 +441,14 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
       _this.props.onBlur == null || _this.props.onBlur(e);
     };_this.
 
+    handleHover = function () {
+      _this.setState({ clearCrossShowed: _this.getClearCrossShowed({ focused: _this.state.focused, hovered: true }) });
+    };_this.
+
+    handleUnhover = function () {
+      _this.setState({ clearCrossShowed: _this.getClearCrossShowed({ focused: _this.state.focused, hovered: false }) });
+    };_this.
+
     hiddenInputRef = function (el) {
       _this.hiddenInput = el;
     };_this.
@@ -423,19 +469,19 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
       switch (_this.getProps().size) {
         case 'large':
           return (0, _Emotion.cx)((_cx5 = {}, _cx5[
-          _Input.styles.sizeLarge(_this.theme)] = true, _cx5[
-          _Input.styles.sizeLargeFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx5)
+          _Input2.styles.sizeLarge(_this.theme)] = true, _cx5[
+          _Input2.styles.sizeLargeFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx5)
           );
         case 'medium':
           return (0, _Emotion.cx)((_cx6 = {}, _cx6[
-          _Input.styles.sizeMedium(_this.theme)] = true, _cx6[
-          _Input.styles.sizeMediumFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx6)
+          _Input2.styles.sizeMedium(_this.theme)] = true, _cx6[
+          _Input2.styles.sizeMediumFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx6)
           );
         case 'small':
         default:
           return (0, _Emotion.cx)((_cx7 = {}, _cx7[
-          _Input.styles.sizeSmall(_this.theme)] = true, _cx7[
-          _Input.styles.sizeSmallFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx7)
+          _Input2.styles.sizeSmall(_this.theme)] = true, _cx7[
+          _Input2.styles.sizeSmallFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx7)
           );
       }
     };return _this;}(0, _inheritsLoose2.default)(InputLikeText, _React$Component);var _proto = InputLikeText.prototype; /**
@@ -444,4 +490,4 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
    * @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 = _globalObject.globalObject.setTimeout(function () {return _this3.setState({ blinking: false });}, 150);});};_proto.getNode = function getNode() {return this.node;};_proto.componentDidMount = function componentDidMount() {var _globalObject$documen3, _globalObject$documen4;if (this.node) {_MouseDrag.MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);}(_globalObject$documen3 = _globalObject.globalObject.document) == null || _globalObject$documen3.addEventListener('mousedown', this.handleDocumentMouseDown);(_globalObject$documen4 = _globalObject.globalObject.document) == null || _globalObject$documen4.addEventListener('keydown', this.handleDocumentKeyDown);};_proto.componentWillUnmount = function componentWillUnmount() {var _globalObject$documen5, _globalObject$documen6;if (this.blinkTimeout) {_globalObject.globalObject.clearTimeout(this.blinkTimeout);}_MouseDrag.MouseDrag.stop(this.node);(_globalObject$documen5 = _globalObject.globalObject.document) == null || _globalObject$documen5.removeEventListener('mousedown', this.handleDocumentMouseDown);(_globalObject$documen6 = _globalObject.globalObject.document) == null || _globalObject$documen6.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.getProps()), _this4.renderMain);});};return InputLikeText;}(_react.default.Component), _InputLikeText.__KONTUR_REACT_UI__ = 'InputLikeText', _InputLikeText.displayName = 'InputLikeText', _InputLikeText.defaultProps = { size: 'small' }, _InputLikeText)) || _class;
+   */;_proto.blink = function blink() {var _this3 = this;if (this.props.disabled) {return;}this.setState({ blinking: true }, function () {_this3.blinkTimeout = _globalObject.globalObject.setTimeout(function () {return _this3.setState({ blinking: false });}, 150);});};_proto.getNode = function getNode() {return this.node;};_proto.componentDidMount = function componentDidMount() {var _globalObject$documen3, _globalObject$documen4;if (this.node) {_MouseDrag.MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);}(_globalObject$documen3 = _globalObject.globalObject.document) == null || _globalObject$documen3.addEventListener('mousedown', this.handleDocumentMouseDown);(_globalObject$documen4 = _globalObject.globalObject.document) == null || _globalObject$documen4.addEventListener('keydown', this.handleDocumentKeyDown);};_proto.componentWillUnmount = function componentWillUnmount() {var _globalObject$documen5, _globalObject$documen6;if (this.blinkTimeout) {_globalObject.globalObject.clearTimeout(this.blinkTimeout);}_MouseDrag.MouseDrag.stop(this.node);(_globalObject$documen5 = _globalObject.globalObject.document) == null || _globalObject$documen5.removeEventListener('mousedown', this.handleDocumentMouseDown);(_globalObject$documen6 = _globalObject.globalObject.document) == null || _globalObject$documen6.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.getProps()), _this4.renderMain);});};return InputLikeText;}(_react.default.Component), _InputLikeText.__KONTUR_REACT_UI__ = 'InputLikeText', _InputLikeText.displayName = 'InputLikeText', _InputLikeText.defaultProps = { size: 'small', showClearIcon: 'never' }, _InputLikeText)) || _class;