@skbkontur/react-ui 0.0.0-5faffefa15 → 0.0.0-627b6e869c

package/cjs/internal/HideBodyVerticalScroll/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _HideBodyVerticalScroll = require("./HideBodyVerticalScroll");Object.keys(_HideBodyVerticalScroll).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _HideBodyVerticalScroll[key];});
+"use strict";exports.__esModule = true;var _HideBodyVerticalScroll = require("./HideBodyVerticalScroll");Object.keys(_HideBodyVerticalScroll).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _HideBodyVerticalScroll[key]) return;exports[key] = _HideBodyVerticalScroll[key];});

package/cjs/internal/HideBodyVerticalScroll/index.js.map

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

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

@@ -4,5 +4,5 @@ export interface IgnoreLayerClickProps {
     active: boolean;
 }
 export declare class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {
-    render(): {} | null | undefined;
+    render(): React.ReactNode;
 }

package/cjs/internal/IgnoreLayerClick/IgnoreLayerClick.js

@@ -1,5 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.IgnoreLayerClick = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _reactDom = require("react-dom");var
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.IgnoreLayerClick = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+var _rootNode = require("../../lib/rootNode");
+var _CommonWrapper = require("../CommonWrapper");var _class, _class2, _temp;var
 
 
 
@@ -9,7 +11,7 @@ var _reactDom = require("react-dom");var
 IgnoreLayerClick = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(IgnoreLayerClick, _React$Component);function IgnoreLayerClick() {return _React$Component.apply(this, arguments) || this;}var _proto = IgnoreLayerClick.prototype;_proto.
   render = function render() {
     var child = _react.default.Children.only(this.props.children);
-    return this.props.active ? _react.default.createElement(IgnoreLayerClickWrapper, null, child) : child;
+    return this.props.active ? /*#__PURE__*/_react.default.createElement(IgnoreLayerClickWrapper, null, child) : child;
   };return IgnoreLayerClick;}(_react.default.Component);exports.IgnoreLayerClick = IgnoreLayerClick;
 
 
@@ -18,7 +20,8 @@ IgnoreLayerClick = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2
 
 
 // NOTE Используется только в команде Контур.Бухгалтерия
-var IgnoreLayerClickWrapper = /*#__PURE__*/function (_React$Component2) {(0, _inheritsLoose2.default)(IgnoreLayerClickWrapper, _React$Component2);function IgnoreLayerClickWrapper() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component2.call.apply(_React$Component2, [this].concat(args)) || this;_this.
+var
+IgnoreLayerClickWrapper = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component2) {(0, _inheritsLoose2.default)(IgnoreLayerClickWrapper, _React$Component2);function IgnoreLayerClickWrapper() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component2.call.apply(_React$Component2, [this].concat(args)) || this;_this.
 
 
     element = null;_this.
@@ -37,6 +40,11 @@ var IgnoreLayerClickWrapper = /*#__PURE__*/function (_React$Component2) {(0, _in
 
 
 
+
+
+
+
+
 
 
 
@@ -44,4 +52,4 @@ var IgnoreLayerClickWrapper = /*#__PURE__*/function (_React$Component2) {(0, _in
 
     handleMouseDown = function (event) {
       event.stopPropagation();
-    };return _this;}var _proto2 = IgnoreLayerClickWrapper.prototype;_proto2.componentDidMount = function componentDidMount() {var element = (0, _reactDom.findDOMNode)(this);if (element && element instanceof Element) {element.addEventListener('mousedown', this.handleMouseDown);this.element = element;}};_proto2.componentWillUnmount = function componentWillUnmount() {if (this.element) {this.element.removeEventListener('mousedown', this.handleMouseDown);this.element = null;}};_proto2.render = function render() {return _react.default.Children.only(this.props.children);};return IgnoreLayerClickWrapper;}(_react.default.Component);IgnoreLayerClickWrapper.__KONTUR_REACT_UI__ = 'IgnoreLayerClick';
+    };return _this;}var _proto2 = IgnoreLayerClickWrapper.prototype;_proto2.componentDidMount = function componentDidMount() {var element = (0, _rootNode.getRootNode)(this);if (element && element instanceof Element) {element.addEventListener('mousedown', this.handleMouseDown);this.element = element;}};_proto2.componentWillUnmount = function componentWillUnmount() {if (this.element) {this.element.removeEventListener('mousedown', this.handleMouseDown);this.element = null;}};_proto2.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), _react.default.Children.only(this.props.children));};return IgnoreLayerClickWrapper;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'IgnoreLayerClick', _temp)) || _class;

package/cjs/internal/IgnoreLayerClick/IgnoreLayerClick.js.map

@@ -1 +1 @@
-{"version":3,"sources":["IgnoreLayerClick.tsx"],"names":["IgnoreLayerClick","render","child","React","Children","only","props","children","active","Component","IgnoreLayerClickWrapper","element","handleMouseDown","event","stopPropagation","componentDidMount","Element","addEventListener","componentWillUnmount","removeEventListener","__KONTUR_REACT_UI__"],"mappings":"4PAAA;AACA,qC;;;;;;;AAOaA,gB;AACJC,EAAAA,M,GAAP,kBAAgB;AACd,QAAMC,KAAK,GAAGC,eAAMC,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CAAd;AACA,WAAO,KAAKD,KAAL,CAAWE,MAAX,GAAoB,6BAAC,uBAAD,QAA0BN,KAA1B,CAApB,GAAiFA,KAAxF;AACD,G,2BAJmCC,eAAMM,S;;;;;;;AAW5C;IACMC,uB;;;AAGIC,IAAAA,O,GAA0B,I;;;;;;;;;;;;;;;;;;;;;AAqB1BC,IAAAA,e,GAAkB,UAACC,KAAD,EAAkB;AAC1CA,MAAAA,KAAK,CAACC,eAAN;AACD,K,uEArBMC,iB,GAAP,6BAA2B,CACzB,IAAMJ,OAAO,GAAG,2BAAY,IAAZ,CAAhB,CACA,IAAIA,OAAO,IAAIA,OAAO,YAAYK,OAAlC,EAA2C,CACzCL,OAAO,CAACM,gBAAR,CAAyB,WAAzB,EAAsC,KAAKL,eAA3C,EACA,KAAKD,OAAL,GAAeA,OAAf,CACD,CACF,C,SAEMO,oB,GAAP,gCAA8B,CAC5B,IAAI,KAAKP,OAAT,EAAkB,CAChB,KAAKA,OAAL,CAAaQ,mBAAb,CAAiC,WAAjC,EAA8C,KAAKP,eAAnD,EACA,KAAKD,OAAL,GAAe,IAAf,CACD,CACF,C,SAEMV,M,GAAP,kBAAgB,CACd,OAAOE,eAAMC,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CAAP,CACD,C,kCAtBmCJ,eAAMM,S,EAAtCC,uB,CACUU,mB,GAAsB,kB","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\n\r\nexport interface IgnoreLayerClickProps {\r\n  children: React.ReactNode;\r\n  active: boolean;\r\n}\r\n\r\nexport class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {\r\n  public render() {\r\n    const child = React.Children.only(this.props.children);\r\n    return this.props.active ? <IgnoreLayerClickWrapper>{child}</IgnoreLayerClickWrapper> : child;\r\n  }\r\n}\r\n\r\ninterface WrapperProps {\r\n  children: React.ReactNode;\r\n}\r\n\r\n// NOTE Используется только в команде Контур.Бухгалтерия\r\nclass IgnoreLayerClickWrapper extends React.Component<WrapperProps> {\r\n  public static __KONTUR_REACT_UI__ = 'IgnoreLayerClick';\r\n\r\n  private element: Element | null = null;\r\n\r\n  public componentDidMount() {\r\n    const element = findDOMNode(this);\r\n    if (element && element instanceof Element) {\r\n      element.addEventListener('mousedown', this.handleMouseDown);\r\n      this.element = element;\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.element) {\r\n      this.element.removeEventListener('mousedown', this.handleMouseDown);\r\n      this.element = null;\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return React.Children.only(this.props.children);\r\n  }\r\n\r\n  private handleMouseDown = (event: Event) => {\r\n    event.stopPropagation();\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["IgnoreLayerClick.tsx"],"names":["IgnoreLayerClick","render","child","React","Children","only","props","children","active","Component","IgnoreLayerClickWrapper","rootNode","element","handleMouseDown","event","stopPropagation","componentDidMount","Element","addEventListener","componentWillUnmount","removeEventListener","setRootNode","__KONTUR_REACT_UI__"],"mappings":"8UAAA;;AAEA;AACA,iD;;;;;;;AAOaA,gB;AACJC,EAAAA,M,GAAP,kBAAgB;AACd,QAAMC,KAAK,GAAGC,eAAMC,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CAAd;AACA,WAAO,KAAKD,KAAL,CAAWE,MAAX,gBAAoB,6BAAC,uBAAD,QAA0BN,KAA1B,CAApB,GAAiFA,KAAxF;AACD,G,2BAJmCC,eAAMM,S;;;;;;;AAW5C;;AAEMC,uB,OADLC,kB;;;AAISC,IAAAA,O,GAA0B,I;;;;;;;;;;;;;;;;;;;;;;;;;;AA0B1BC,IAAAA,e,GAAkB,UAACC,KAAD,EAAkB;AAC1CA,MAAAA,KAAK,CAACC,eAAN;AACD,K,uEAzBMC,iB,GAAP,6BAA2B,CACzB,IAAMJ,OAAO,GAAG,2BAAY,IAAZ,CAAhB,CACA,IAAIA,OAAO,IAAIA,OAAO,YAAYK,OAAlC,EAA2C,CACzCL,OAAO,CAACM,gBAAR,CAAyB,WAAzB,EAAsC,KAAKL,eAA3C,EACA,KAAKD,OAAL,GAAeA,OAAf,CACD,CACF,C,SAEMO,oB,GAAP,gCAA8B,CAC5B,IAAI,KAAKP,OAAT,EAAkB,CAChB,KAAKA,OAAL,CAAaQ,mBAAb,CAAiC,WAAjC,EAA8C,KAAKP,eAAnD,EACA,KAAKD,OAAL,GAAe,IAAf,CACD,CACF,C,SAEMX,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKoB,WAAjC,IAAkD,KAAKf,KAAvD,GACGH,eAAMC,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CADH,CADF,CAKD,C,kCA3BmCJ,eAAMM,S,WAC5Ba,mB,GAAsB,kB","sourcesContent":["import React from 'react';\n\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { CommonWrapper } from '../CommonWrapper';\n\nexport interface IgnoreLayerClickProps {\n  children: React.ReactNode;\n  active: boolean;\n}\n\nexport class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {\n  public render() {\n    const child = React.Children.only(this.props.children);\n    return this.props.active ? <IgnoreLayerClickWrapper>{child}</IgnoreLayerClickWrapper> : child;\n  }\n}\n\ninterface WrapperProps {\n  children: React.ReactNode;\n}\n\n// NOTE Используется только в команде Контур.Бухгалтерия\n@rootNode\nclass IgnoreLayerClickWrapper extends React.Component<WrapperProps> {\n  public static __KONTUR_REACT_UI__ = 'IgnoreLayerClick';\n\n  private element: Element | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    const element = getRootNode(this);\n    if (element && element instanceof Element) {\n      element.addEventListener('mousedown', this.handleMouseDown);\n      this.element = element;\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.element) {\n      this.element.removeEventListener('mousedown', this.handleMouseDown);\n      this.element = null;\n    }\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.Children.only(this.props.children)}\n      </CommonWrapper>\n    );\n  }\n\n  private handleMouseDown = (event: Event) => {\n    event.stopPropagation();\n  };\n}\n"]}

package/cjs/internal/IgnoreLayerClick/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _IgnoreLayerClick = require("./IgnoreLayerClick");Object.keys(_IgnoreLayerClick).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _IgnoreLayerClick[key];});
+"use strict";exports.__esModule = true;var _IgnoreLayerClick = require("./IgnoreLayerClick");Object.keys(_IgnoreLayerClick).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _IgnoreLayerClick[key]) return;exports[key] = _IgnoreLayerClick[key];});

package/cjs/internal/IgnoreLayerClick/index.js.map

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

package/cjs/internal/InputLikeText/HiddenInput.js

@@ -1,6 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.HiddenInput = 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 _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react = _interopRequireDefault(require("react"));
 
-var _Emotion = require("../../lib/theming/Emotion");function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\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 _Emotion = require("../../lib/theming/Emotion");var _excluded = ["nodeRef"];var _templateObject;
 
 
 
@@ -8,7 +8,7 @@ var _Emotion = require("../../lib/theming/Emotion");function _templateObject() {
 
 var cap = function cap(e) {return e.stopPropagation();};
 
-var className = (0, _Emotion.css)(_templateObject());
+var className = (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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"])));
 
 
 
@@ -20,15 +20,15 @@ var className = (0, _Emotion.css)(_templateObject());
 
 
 
-/**
-                                                       * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.
-                                                       * Для решения этой проблемы, перед "вставкой" фокусируемся на инпуте
-                                                       * после этого `onPaste` вызывается у инпута и всплывает.
-                                                       */var
+/**
+ * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.
+ * Для решения этой проблемы, перед "вставкой" фокусируемся на инпуте
+ * после этого `onPaste` вызывается у инпута и всплывает.
+ */var
 HiddenInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(HiddenInput, _React$Component);function HiddenInput() {return _React$Component.apply(this, arguments) || this;}var _proto = HiddenInput.prototype;_proto.
-  render = function render() {var _this$props =
-    this.props,nodeRef = _this$props.nodeRef,props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["nodeRef"]);
-    return (
+  render = function render() {
+    var _this$props = this.props,nodeRef = _this$props.nodeRef,props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, _excluded);
+    return /*#__PURE__*/(
       _react.default.createElement("input", (0, _extends2.default)({},
       props, {
         ref: nodeRef,

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

@@ -1 +1 @@
-{"version":3,"sources":["HiddenInput.tsx"],"names":["cap","e","stopPropagation","className","css","HiddenInput","render","props","nodeRef","React","Component"],"mappings":"6jBAAA;;AAEA,oD;;;;;;AAMA,IAAMA,GAA4B,GAAG,SAA/BA,GAA+B,CAAAC,CAAC,UAAIA,CAAC,CAACC,eAAF,EAAJ,EAAtC;;AAEA,IAAMC,SAAS,OAAGC,YAAH,oBAAf;;;;;;;;;;;;AAYA;;;;;AAKaC,W;AACJC,EAAAA,M,GAAP,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,EAAER,GALV;AAME,QAAA,OAAO,EAAEA,GANX;AAOE,QAAA,QAAQ,EAAEA,GAPZ;AAQE,QAAA,SAAS,EAAEG,SARb,IADF;;;AAYD,G,sBAf8BM,eAAMC,S","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":["cap","e","stopPropagation","className","css","HiddenInput","render","props","nodeRef","React","Component"],"mappings":"6jBAAA;;AAEA,oD;;;;;;AAMA,IAAMA,GAA4B,GAAG,SAA/BA,GAA+B,CAACC,CAAD,UAAOA,CAAC,CAACC,eAAF,EAAP,EAArC;;AAEA,IAAMC,SAAS,OAAGC,YAAH,6OAAf;;;;;;;;;;;;AAYA;AACA;AACA;AACA;AACA,G;AACaC,W;AACJC,EAAAA,M,GAAP,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,EAAER,GALV;AAME,QAAA,OAAO,EAAEA,GANX;AAOE,QAAA,QAAQ,EAAEA,GAPZ;AAQE,QAAA,SAAS,EAAEG,SARb,IADF;;;AAYD,G,sBAf8BM,eAAMC,S","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/cjs/internal/InputLikeText/InputLikeText.d.ts

@@ -1,13 +1,15 @@
 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 class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {
@@ -28,6 +30,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

@@ -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"));
 
+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;var
 
 
 
@@ -25,22 +29,25 @@ 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.
+
+
+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 +87,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 +134,9 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
 
 
 
+    renderMain = function (props) {var _cx, _cx2, _cx3;
+      var
+      innerRef =
 
 
 
@@ -142,55 +156,62 @@ 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)({},
+        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, _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 +233,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 _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 _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 _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 _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 () {
@@ -252,8 +288,8 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
         return null;
       }
 
-      return (
-        _react.default.createElement("span", { className: _Input.jsStyles.sideContainer() },
+      return /*#__PURE__*/(
+        _react.default.createElement("span", { className: _Input.styles.sideContainer() },
         leftIcon,
         prefix));
 
@@ -268,19 +304,30 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
         return null;
       }
 
-      return (
-        _react.default.createElement("span", { className: (0, _classnames.default)(_Input.jsStyles.sideContainer(), _Input.jsStyles.rightContainer()) },
+      return /*#__PURE__*/(
+        _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 _react.default.createElement("span", { className: _Input.jsStyles.placeholder(_this.theme) }, placeholder);
       }
       return null;
     };_this.
@@ -327,7 +374,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 +391,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 +421,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 +463,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 _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 _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 }), _react.default.createElement("input", { type: "hidden", value: value }), leftSide, _react.default.createElement("span", { className: wrapperClass }, _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 && _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;