@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-9a162.0

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll/HideBodyVerticalScroll.js

@@ -2,9 +2,9 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _HideBodyVerticalScroll, _templateObject;
 import React from 'react';
-import { RenderEnvironmentContext } from "../../../lib/renderEnvironment";
-import { isBrowser } from "../../../lib/globalObject";
+import { globalObject, isBrowser } from '@skbkontur/global-object';
 import { getScrollWidth } from "../../../lib/dom/getScrollWidth";
+import { css } from "../../../lib/theming/Emotion";
 var disposeDocumentStyle = null;
 export var HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {
   function HideBodyVerticalScroll() {
@@ -19,8 +19,8 @@ export var HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {
       if (disposeDocumentStyle) {
         disposeDocumentStyle();
         disposeDocumentStyle = null;
-        if (HideBodyVerticalScroll.globalObject.document) {
-          HideBodyVerticalScroll.globalObject.document.documentElement.scrollTop = _this.initialScroll;
+        if (globalObject.document) {
+          globalObject.document.documentElement.scrollTop = _this.initialScroll;
         }
       }
     };
@@ -31,11 +31,11 @@ export var HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {
   _proto.componentDidMount = function componentDidMount() {
     var counter = VerticalScrollCounter.increment();
     if (counter === 1) {
-      var _HideBodyVerticalScro;
+      var _globalObject$documen;
       this.master = true;
-      this.initialScroll = (_HideBodyVerticalScro = HideBodyVerticalScroll.globalObject.document) != null && _HideBodyVerticalScro.documentElement ? HideBodyVerticalScroll.globalObject.document.documentElement.scrollTop : 0;
+      this.initialScroll = (_globalObject$documen = globalObject.document) != null && _globalObject$documen.documentElement ? globalObject.document.documentElement.scrollTop : 0;
       HideBodyVerticalScroll.updateScrollVisibility();
-      HideBodyVerticalScroll.globalObject.addEventListener == null || HideBodyVerticalScroll.globalObject.addEventListener('resize', HideBodyVerticalScroll.updateScrollVisibility);
+      globalObject.addEventListener == null || globalObject.addEventListener('resize', HideBodyVerticalScroll.updateScrollVisibility);
     }
   };
   _proto.componentDidUpdate = function componentDidUpdate() {
@@ -47,17 +47,11 @@ export var HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {
     var counter = VerticalScrollCounter.decrement();
     if (counter === 0) {
       this.restoreStyles();
-      HideBodyVerticalScroll.globalObject.removeEventListener == null || HideBodyVerticalScroll.globalObject.removeEventListener('resize', HideBodyVerticalScroll.updateScrollVisibility);
+      globalObject.removeEventListener == null || globalObject.removeEventListener('resize', HideBodyVerticalScroll.updateScrollVisibility);
     }
   };
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-      var globalObject = _ref.globalObject,
-        emotion = _ref.emotion;
-      HideBodyVerticalScroll.globalObject = globalObject;
-      HideBodyVerticalScroll.emotion = emotion;
-      return null;
-    });
+    return null;
   };
   return HideBodyVerticalScroll;
 }(React.Component);
@@ -71,17 +65,17 @@ HideBodyVerticalScroll.updateScrollVisibility = function () {
   }
 };
 HideBodyVerticalScroll.hideScroll = function () {
-  if (!isBrowser(_HideBodyVerticalScroll.globalObject)) {
+  if (!isBrowser(globalObject)) {
     return;
   }
-  var documentElement = _HideBodyVerticalScroll.globalObject.document.documentElement;
+  var documentElement = globalObject.document.documentElement;
   var clientHeight = documentElement.clientHeight,
     scrollHeight = documentElement.scrollHeight;
-  var documentComputedStyle = _HideBodyVerticalScroll.globalObject.getComputedStyle(documentElement);
-  var scrollbarConst = _HideBodyVerticalScroll.globalObject.getComputedStyle(documentElement).overflowY === 'scroll';
-  var scrollWidth = clientHeight < scrollHeight || scrollbarConst ? getScrollWidth(_HideBodyVerticalScroll.globalObject) : 0;
+  var documentComputedStyle = globalObject.getComputedStyle(documentElement);
+  var scrollbarConst = globalObject.getComputedStyle(documentElement).overflowY === 'scroll';
+  var scrollWidth = clientHeight < scrollHeight || scrollbarConst ? getScrollWidth() : 0;
   var documentMargin = parseFloat(documentComputedStyle.marginRight || '');
-  var className = generateDocumentStyle(documentMargin + scrollWidth, _HideBodyVerticalScroll.emotion);
+  var className = generateDocumentStyle(documentMargin + scrollWidth);
   disposeDocumentStyle = _HideBodyVerticalScroll.attachStyle(documentElement, className);
 };
 HideBodyVerticalScroll.attachStyle = function (element, className) {
@@ -92,19 +86,19 @@ HideBodyVerticalScroll.attachStyle = function (element, className) {
 };
 var VerticalScrollCounter = function VerticalScrollCounter() {};
 VerticalScrollCounter.increment = function () {
-  var globalWithRetailUIVerticalScrollCounter = HideBodyVerticalScroll.globalObject;
+  var globalWithRetailUIVerticalScrollCounter = globalObject;
   var counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;
   return globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter + 1;
 };
 VerticalScrollCounter.decrement = function () {
-  var globalWithRetailUIVerticalScrollCounter = HideBodyVerticalScroll.globalObject;
+  var globalWithRetailUIVerticalScrollCounter = globalObject;
   var counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;
   return globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter - 1;
 };
 VerticalScrollCounter.get = function () {
-  var globalWithRetailUIVerticalScrollCounter = HideBodyVerticalScroll.globalObject;
+  var globalWithRetailUIVerticalScrollCounter = globalObject;
   return globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;
 };
-function generateDocumentStyle(documentMargin, emotion) {
-  return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    overflow: hidden !important;\n    margin-right: ", "px !important;\n    height: 100%;\n  "])), documentMargin);
+function generateDocumentStyle(documentMargin) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    overflow: hidden !important;\n    margin-right: ", "px !important;\n    height: 100%;\n  "])), documentMargin);
 }

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","RenderEnvironmentContext","isBrowser","getScrollWidth","disposeDocumentStyle","HideBodyVerticalScroll","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","initialScroll","master","restoreStyles","globalObject","document","documentElement","scrollTop","_inheritsLoose","_proto","prototype","componentDidMount","counter","VerticalScrollCounter","increment","_HideBodyVerticalScro","updateScrollVisibility","addEventListener","componentDidUpdate","componentWillUnmount","decrement","removeEventListener","render","createElement","Consumer","_ref","emotion","Component","_HideBodyVerticalScroll","__KONTUR_REACT_UI__","displayName","shouldHide","hideScroll","clientHeight","scrollHeight","documentComputedStyle","getComputedStyle","scrollbarConst","overflowY","scrollWidth","documentMargin","parseFloat","marginRight","className","generateDocumentStyle","attachStyle","element","classList","add","remove","globalWithRetailUIVerticalScrollCounter","RetailUIVerticalScrollCounter","get","css","_templateObject","_taggedTemplateLiteralLoose"],"sources":["HideBodyVerticalScroll.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/renderEnvironment';\nimport { isBrowser } from '../../lib/globalObject';\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\n\nlet disposeDocumentStyle: (() => void) | null = null;\n\ninterface GlobalWithRetailUIVerticalScrollCounter {\n  RetailUIVerticalScrollCounter?: number;\n}\n\nexport class HideBodyVerticalScroll extends React.Component {\n  public static __KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';\n  public static displayName = 'HideBodyVerticalScroll';\n\n  public static globalObject: GlobalObject;\n  private static emotion: Emotion;\n\n  private initialScroll = 0;\n  private master = false;\n\n  public componentDidMount() {\n    const counter = VerticalScrollCounter.increment();\n    if (counter === 1) {\n      this.master = true;\n      this.initialScroll = HideBodyVerticalScroll.globalObject.document?.documentElement\n        ? HideBodyVerticalScroll.globalObject.document.documentElement.scrollTop\n        : 0;\n      HideBodyVerticalScroll.updateScrollVisibility();\n      HideBodyVerticalScroll.globalObject.addEventListener?.('resize', HideBodyVerticalScroll.updateScrollVisibility);\n    }\n  }\n\n  public componentDidUpdate() {\n    if (this.master) {\n      HideBodyVerticalScroll.updateScrollVisibility();\n    }\n  }\n\n  public componentWillUnmount() {\n    const counter = VerticalScrollCounter.decrement();\n    if (counter === 0) {\n      this.restoreStyles();\n      HideBodyVerticalScroll.globalObject.removeEventListener?.(\n        'resize',\n        HideBodyVerticalScroll.updateScrollVisibility,\n      );\n    }\n  }\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ globalObject, emotion }) => {\n          HideBodyVerticalScroll.globalObject = globalObject;\n          HideBodyVerticalScroll.emotion = emotion;\n\n          return null;\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  public static updateScrollVisibility = () => {\n    const shouldHide = !disposeDocumentStyle;\n    if (shouldHide) {\n      HideBodyVerticalScroll.hideScroll();\n    }\n  };\n\n  public static hideScroll = () => {\n    if (!isBrowser(HideBodyVerticalScroll.globalObject)) {\n      return;\n    }\n    const { documentElement } = HideBodyVerticalScroll.globalObject.document;\n    const { clientHeight, scrollHeight } = documentElement;\n    const documentComputedStyle = HideBodyVerticalScroll.globalObject.getComputedStyle(documentElement);\n    const scrollbarConst = HideBodyVerticalScroll.globalObject.getComputedStyle(documentElement).overflowY === 'scroll';\n    const scrollWidth =\n      clientHeight < scrollHeight || scrollbarConst ? getScrollWidth(HideBodyVerticalScroll.globalObject) : 0;\n    const documentMargin = parseFloat(documentComputedStyle.marginRight || '');\n    const className = generateDocumentStyle(documentMargin + scrollWidth, HideBodyVerticalScroll.emotion);\n\n    disposeDocumentStyle = HideBodyVerticalScroll.attachStyle(documentElement, className);\n  };\n\n  public static attachStyle = (element: HTMLElement, className: string) => {\n    element.classList.add(className);\n    return () => {\n      element.classList.remove(className);\n    };\n  };\n\n  private restoreStyles = () => {\n    if (disposeDocumentStyle) {\n      disposeDocumentStyle();\n      disposeDocumentStyle = null;\n\n      if (HideBodyVerticalScroll.globalObject.document) {\n        HideBodyVerticalScroll.globalObject.document.documentElement.scrollTop = this.initialScroll;\n      }\n    }\n  };\n}\n\nclass VerticalScrollCounter {\n  public static increment = (): number => {\n    const globalWithRetailUIVerticalScrollCounter =\n      HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n    return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter + 1);\n  };\n\n  public static decrement = (): number => {\n    const globalWithRetailUIVerticalScrollCounter =\n      HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n    return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter - 1);\n  };\n\n  public static get = (): number => {\n    const globalWithRetailUIVerticalScrollCounter =\n      HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    return globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n  };\n}\n\nfunction generateDocumentStyle(documentMargin: number, emotion: Emotion) {\n  return emotion.css`\n    overflow: hidden !important;\n    margin-right: ${documentMargin}px !important;\n    height: 100%;\n  `;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","isBrowser","getScrollWidth","css","disposeDocumentStyle","HideBodyVerticalScroll","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","initialScroll","master","restoreStyles","document","documentElement","scrollTop","_inheritsLoose","_proto","prototype","componentDidMount","counter","VerticalScrollCounter","increment","_globalObject$documen","updateScrollVisibility","addEventListener","componentDidUpdate","componentWillUnmount","decrement","removeEventListener","render","Component","_HideBodyVerticalScroll","__KONTUR_REACT_UI__","displayName","shouldHide","hideScroll","clientHeight","scrollHeight","documentComputedStyle","getComputedStyle","scrollbarConst","overflowY","scrollWidth","documentMargin","parseFloat","marginRight","className","generateDocumentStyle","attachStyle","element","classList","add","remove","globalWithRetailUIVerticalScrollCounter","RetailUIVerticalScrollCounter","get","_templateObject","_taggedTemplateLiteralLoose"],"sources":["HideBodyVerticalScroll.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { css } from '../../lib/theming/Emotion';\n\nlet disposeDocumentStyle: (() => void) | null = null;\n\ninterface GlobalWithRetailUIVerticalScrollCounter {\n  RetailUIVerticalScrollCounter?: number;\n}\n\nexport class HideBodyVerticalScroll extends React.Component {\n  public static __KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';\n  public static displayName = 'HideBodyVerticalScroll';\n\n  private initialScroll = 0;\n  private master = false;\n\n  public componentDidMount() {\n    const counter = VerticalScrollCounter.increment();\n    if (counter === 1) {\n      this.master = true;\n      this.initialScroll = globalObject.document?.documentElement ? globalObject.document.documentElement.scrollTop : 0;\n      HideBodyVerticalScroll.updateScrollVisibility();\n      globalObject.addEventListener?.('resize', HideBodyVerticalScroll.updateScrollVisibility);\n    }\n  }\n\n  public componentDidUpdate() {\n    if (this.master) {\n      HideBodyVerticalScroll.updateScrollVisibility();\n    }\n  }\n\n  public componentWillUnmount() {\n    const counter = VerticalScrollCounter.decrement();\n    if (counter === 0) {\n      this.restoreStyles();\n      globalObject.removeEventListener?.('resize', HideBodyVerticalScroll.updateScrollVisibility);\n    }\n  }\n\n  public render() {\n    return null;\n  }\n\n  public static updateScrollVisibility = () => {\n    const shouldHide = !disposeDocumentStyle;\n    if (shouldHide) {\n      HideBodyVerticalScroll.hideScroll();\n    }\n  };\n\n  public static hideScroll = () => {\n    if (!isBrowser(globalObject)) {\n      return;\n    }\n    const { documentElement } = globalObject.document;\n    const { clientHeight, scrollHeight } = documentElement;\n    const documentComputedStyle = globalObject.getComputedStyle(documentElement);\n    const scrollbarConst = globalObject.getComputedStyle(documentElement).overflowY === 'scroll';\n    const scrollWidth = clientHeight < scrollHeight || scrollbarConst ? getScrollWidth() : 0;\n    const documentMargin = parseFloat(documentComputedStyle.marginRight || '');\n    const className = generateDocumentStyle(documentMargin + scrollWidth);\n\n    disposeDocumentStyle = HideBodyVerticalScroll.attachStyle(documentElement, className);\n  };\n\n  public static attachStyle = (element: HTMLElement, className: string) => {\n    element.classList.add(className);\n    return () => {\n      element.classList.remove(className);\n    };\n  };\n\n  private restoreStyles = () => {\n    if (disposeDocumentStyle) {\n      disposeDocumentStyle();\n      disposeDocumentStyle = null;\n\n      if (globalObject.document) {\n        globalObject.document.documentElement.scrollTop = this.initialScroll;\n      }\n    }\n  };\n}\n\nclass VerticalScrollCounter {\n  public static increment = (): number => {\n    const globalWithRetailUIVerticalScrollCounter = globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n    return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter + 1);\n  };\n\n  public static decrement = (): number => {\n    const globalWithRetailUIVerticalScrollCounter = globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n    return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter - 1);\n  };\n\n  public static get = (): number => {\n    const globalWithRetailUIVerticalScrollCounter = globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    return globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n  };\n}\n\nfunction generateDocumentStyle(documentMargin: number) {\n  return css`\n    overflow: hidden !important;\n    margin-right: ${documentMargin}px !important;\n    height: 100%;\n  `;\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts

@@ -1,16 +1,13 @@
 import React from 'react';
-import type { GlobalObject } from '../../lib/globalObject';
 export declare class HideBodyVerticalScroll extends React.Component {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    static globalObject: GlobalObject;
-    private static emotion;
     private initialScroll;
     private master;
     componentDidMount(): void;
     componentDidUpdate(): void;
     componentWillUnmount(): void;
-    render(): React.JSX.Element;
+    render(): null;
     static updateScrollVisibility: () => void;
     static hideScroll: () => void;
     static attachStyle: (element: HTMLElement, className: string) => () => void;

package/internal/IgnoreLayerClick/IgnoreLayerClick/IgnoreLayerClick.js

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _IgnoreLayerClickWrapper;
 import React from 'react';
+import { globalObject } from '@skbkontur/global-object';
 import { getRootNode, rootNode } from "../../../lib/rootNode";
 import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { CommonWrapper } from "../../CommonWrapper";
-import { withRenderEnvironment } from "../../../lib/renderEnvironment";
 export var IgnoreLayerClick = /*#__PURE__*/function (_React$Component) {
   function IgnoreLayerClick() {
     return _React$Component.apply(this, arguments) || this;
@@ -20,7 +20,7 @@ export var IgnoreLayerClick = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 
 // NOTE Используется только в команде Контур.Бухгалтерия
-var IgnoreLayerClickWrapper = withRenderEnvironment(_class = rootNode(_class = (_IgnoreLayerClickWrapper = /*#__PURE__*/function (_React$Component2) {
+var IgnoreLayerClickWrapper = rootNode(_class = (_IgnoreLayerClickWrapper = /*#__PURE__*/function (_React$Component2) {
   function IgnoreLayerClickWrapper() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -37,7 +37,7 @@ var IgnoreLayerClickWrapper = withRenderEnvironment(_class = rootNode(_class = (
   var _proto2 = IgnoreLayerClickWrapper.prototype;
   _proto2.componentDidMount = function componentDidMount() {
     var element = getRootNode(this);
-    if (isInstanceOf(element, this.globalObject.Element)) {
+    if (isInstanceOf(element, globalObject.Element)) {
       element.addEventListener('mousedown', this.handleMouseDown);
       this.element = element;
     }
@@ -54,4 +54,4 @@ var IgnoreLayerClickWrapper = withRenderEnvironment(_class = rootNode(_class = (
     }, this.props), React.Children.only(this.props.children));
   };
   return IgnoreLayerClickWrapper;
-}(React.Component), _IgnoreLayerClickWrapper.__KONTUR_REACT_UI__ = 'IgnoreLayerClick', _IgnoreLayerClickWrapper.displayName = 'IgnoreLayerClick', _IgnoreLayerClickWrapper)) || _class) || _class;
+}(React.Component), _IgnoreLayerClickWrapper.__KONTUR_REACT_UI__ = 'IgnoreLayerClick', _IgnoreLayerClickWrapper.displayName = 'IgnoreLayerClick', _IgnoreLayerClickWrapper)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["React","getRootNode","rootNode","isInstanceOf","CommonWrapper","withRenderEnvironment","IgnoreLayerClick","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","child","Children","only","props","children","active","createElement","IgnoreLayerClickWrapper","Component","_class","_IgnoreLayerClickWrapper","_React$Component2","_this","_len","length","args","Array","_key","call","concat","element","handleMouseDown","event","stopPropagation","_proto2","componentDidMount","globalObject","Element","addEventListener","componentWillUnmount","removeEventListener","_extends","rootNodeRef","setRootNode","__KONTUR_REACT_UI__","displayName"],"sources":["IgnoreLayerClick.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { CommonWrapper } from '../CommonWrapper';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\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@withRenderEnvironment\n@rootNode\nclass IgnoreLayerClickWrapper extends React.Component<WrapperProps> {\n  public static __KONTUR_REACT_UI__ = 'IgnoreLayerClick';\n  public static displayName = 'IgnoreLayerClick';\n\n  private globalObject!: GlobalObject;\n  private element: Element | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    const element = getRootNode(this);\n    if (isInstanceOf(element, this.globalObject.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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","getRootNode","rootNode","isInstanceOf","CommonWrapper","IgnoreLayerClick","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","child","Children","only","props","children","active","createElement","IgnoreLayerClickWrapper","Component","_class","_IgnoreLayerClickWrapper","_React$Component2","_this","_len","length","args","Array","_key","call","concat","element","handleMouseDown","event","stopPropagation","_proto2","componentDidMount","Element","addEventListener","componentWillUnmount","removeEventListener","_extends","rootNodeRef","setRootNode","__KONTUR_REACT_UI__","displayName"],"sources":["IgnoreLayerClick.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\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  public static displayName = 'IgnoreLayerClick';\n\n  private element: Element | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    const element = getRootNode(this);\n    if (isInstanceOf(element, globalObject.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"],"mappings":"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","ignoreList":[]}

package/internal/IgnoreLayerClick/IgnoreLayerClick.d.ts

@@ -4,5 +4,5 @@ export interface IgnoreLayerClickProps {
     active: boolean;
 }
 export declare class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {
-    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
 }

package/internal/InputLikeText/HiddenInput/HiddenInput.js

@@ -0,0 +1,42 @@
+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"];
+var _templateObject;
+import React from 'react';
+import { css } from "../../../lib/theming/Emotion";
+var cap = function cap(e) {
+  return e.stopPropagation();
+};
+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) {
+  function HiddenInput() {
+    return _React$Component.apply(this, arguments) || this;
+  }
+  _inheritsLoose(HiddenInput, _React$Component);
+  var _proto = HiddenInput.prototype;
+  _proto.render = function render() {
+    var _this$props = this.props,
+      nodeRef = _this$props.nodeRef,
+      props = _objectWithoutPropertiesLoose(_this$props, _excluded);
+    return /*#__PURE__*/(
+      React.createElement("input", _extends({}, props, {
+        ref: nodeRef,
+        type: "text",
+        tabIndex: -1,
+        onBlur: cap,
+        onFocus: cap,
+        onChange: cap,
+        className: className
+      }))
+    );
+  };
+  return HiddenInput;
+}(React.Component);

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","css","cap","e","stopPropagation","className","_templateObject","_taggedTemplateLiteralLoose","HiddenInput","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this$props","props","nodeRef","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","ref","type","tabIndex","onBlur","onFocus","onChange","Component"],"sources":["HiddenInput.tsx"],"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"],"mappings":"oXAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,GAAG,QAAQ,2BAA2B;;;;;;AAM/C,IAAMC,GAA4B,GAAG,SAA/BA,GAA4BA,CAAIC,CAAC,UAAKA,CAAC,CAACC,eAAe,CAAC,CAAC;;AAE/D,IAAMC,SAAS,GAAGJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA,4JAUpB;;;;;;;;;;;;AAED;AACA;AACA;AACA;AACA;AACA,WAAaC,WAAW,0BAAAC,gBAAA,YAAAD,YAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,WAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,WAAA,CAAAM,SAAA,CAAAD,MAAA;EACfE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,IAAAC,WAAA,GAA8B,IAAI,CAACC,KAAK,CAAhCC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CAAKD,KAAK,GAAAE,6BAAA,CAAAH,WAAA,EAAAI,SAAA;IACzB;MACEpB,KAAA,CAAAqB,aAAA,UAAAC,QAAA;MACML,KAAK;QACTM,GAAG,EAAEL,OAAQ;QACbM,IAAI,EAAC,MAAM;QACXC,QAAQ,EAAE,CAAC,CAAE;QACbC,MAAM,EAAExB,GAAI;QACZyB,OAAO,EAAEzB,GAAI;QACb0B,QAAQ,EAAE1B,GAAI;QACdG,SAAS,EAAEA,SAAU;MACtB,CAAC;;EAEN,CAAC,QAAAG,WAAA,GAf8BR,KAAK,CAAC6B,SAAS","ignoreList":[]}

package/internal/InputLikeText/HiddenInput/package.json

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

package/internal/InputLikeText/HiddenInput.d.ts

@@ -0,0 +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 {};

package/internal/InputLikeText/InputLikeText/InputLikeText.js

@@ -6,30 +6,35 @@ var _class, _InputLikeText;
 import React from 'react';
 import ReactDOM from 'react-dom';
 import debounce from 'lodash.debounce';
+import { globalObject } from '@skbkontur/global-object';
 import { isNonNullable } from "../../../lib/utils";
+import { isKeyTab, isShortcutPaste } from "../../../lib/events/keyboard/identifiers";
 import { MouseDrag } from "../../../lib/events/MouseDrag";
-import { isMobile } from "../../../lib/client";
+import { isEdge, isIE11, isMobile } from "../../../lib/client";
 import { removeAllSelections, selectNodeContents } from "../../../lib/dom/selectionHelpers";
 import { calculateClearCrossShowedState, InputDataTids } from "../../../components/Input";
-import { getStyles as getJsInputStyles } from "../../../components/Input/Input.styles";
+import { styles as jsInputStyles } from "../../../components/Input/Input.styles";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { findRenderContainer } from "../../../lib/listenFocusOutside";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { InputLayoutAside } from "../../../components/Input/InputLayout/InputLayoutAside";
 import { InputLayoutContext, InputLayoutContextDefault } from "../../../components/Input/InputLayout/InputLayoutContext";
+import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { FocusControlWrapper } from "../../FocusControlWrapper";
 import { ClearCrossIcon } from "../../ClearCrossIcon/ClearCrossIcon";
 import { blink as _blink } from "../../../lib/blink";
 import { withSize } from "../../../lib/size/SizeDecorator";
-import { withRenderEnvironment } from "../../../lib/renderEnvironment";
-import { getStyles } from "../InputLikeText.styles";
+import { HiddenInput } from "../HiddenInput";
+import { styles } from "../InputLikeText.styles";
 export var InputLikeTextDataTids = {
   root: 'InputLikeText__root',
   input: 'InputLikeText__input',
   nativeInput: 'InputLikeText__nativeInput'
 };
-export var InputLikeText = withRenderEnvironment(_class = withSize(_class = rootNode(_class = (_InputLikeText = /*#__PURE__*/function (_React$Component) {
+export var InputLikeText = withSize(_class = rootNode(_class = (_InputLikeText = /*#__PURE__*/function (_React$Component) {
   function InputLikeText() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -57,6 +62,10 @@ export var InputLikeText = withRenderEnvironment(_class = withSize(_class = root
       })
     };
     _this.node = null;
+    _this.hiddenInput = null;
+    _this.lastSelectedInnerNode = null;
+    _this.frozen = false;
+    _this.frozenBlur = false;
     _this.dragging = false;
 
     // Async call required for Firefox
@@ -71,10 +80,23 @@ export var InputLikeText = withRenderEnvironment(_class = withSize(_class = root
       if (_this.dragging || !node) {
         return;
       }
+      if (isIE11 && globalObject.document && findRenderContainer(node, globalObject.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];
       _this.selectNodeContentsDebounced(node, start, end);
+      if (_this.focusTimeout) {
+        globalObject.clearInterval(_this.focusTimeout);
+      }
+      _this.focusTimeout = globalObject.setTimeout(function () {
+        return (isIE11 || isEdge) && _this.node && _this.node.focus();
+      }, 0);
     };
     _this.renderMain = function (props) {
-      var _this$cx, _this$cx2, _this$cx3;
+      var _cx, _cx2, _cx3;
       var innerRef = props.innerRef,
         tabIndex = props.tabIndex,
         placeholder = props.placeholder,
@@ -121,8 +143,8 @@ export var InputLikeText = withRenderEnvironment(_class = withSize(_class = root
         text: suffix,
         side: "right"
       });
-      var className = _this.cx(_this.styles.root(), _this.jsInputStyles.root(_this.theme), _this.getSizeClassName(), (_this$cx = {}, _this$cx[_this.jsInputStyles.disabled(_this.theme)] = !!disabled, _this$cx[_this.jsInputStyles.borderless()] = !!borderless, _this$cx[_this.jsInputStyles.focus(_this.theme)] = focused, _this$cx[_this.jsInputStyles.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless, _this$cx[_this.jsInputStyles.warning(_this.theme)] = !!warning, _this$cx[_this.jsInputStyles.error(_this.theme)] = !!error, _this$cx[_this.jsInputStyles.hideBlinkingCursor()] = isMobile, _this$cx));
-      var wrapperClass = _this.cx(_this.jsInputStyles.wrapper(), (_this$cx2 = {}, _this$cx2[_this.styles.userSelectContain()] = focused, _this$cx2));
+      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.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless, _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));
       var size = _this.size;
       var context = InputLayoutContextDefault;
       Object.assign(context, {
@@ -150,6 +172,7 @@ export var InputLikeText = withRenderEnvironment(_class = withSize(_class = root
           onBlur: _this.handleBlur,
           ref: _this.innerRef,
           onKeyDown: _this.handleKeyDown,
+          onMouseDown: _this.handleMouseDown,
           role: "textbox",
           "aria-disabled": disabled,
           "aria-describedby": ariaDescribedby,
@@ -171,8 +194,10 @@ export var InputLikeText = withRenderEnvironment(_class = withSize(_class = root
         }, /*#__PURE__*/
         React.createElement("span", {
           "data-tid": InputLikeTextDataTids.input,
-          className: _this.cx(_this.jsInputStyles.input(_this.theme), (_this$cx3 = {}, _this$cx3[_this.styles.absolute()] = !takeContentWidth, _this$cx3[_this.jsInputStyles.inputFocus(_this.theme)] = focused, _this$cx3[_this.jsInputStyles.inputDisabled(_this.theme)] = disabled, _this$cx3))
-        }, _this.props.children), _this.renderPlaceholder()), rightSide)))
+          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.renderPlaceholder = function () {
@@ -183,41 +208,67 @@ export var InputLikeText = withRenderEnvironment(_class = withSize(_class = root
       var focused = _this.state.focused;
       var hasValue = isNonNullable(children) && children !== '';
       if (!hasValue && placeholder) {
-        var _this$cx4;
+        var _cx4;
         return /*#__PURE__*/(
           React.createElement("span", {
-            className: _this.cx(_this.jsInputStyles.placeholder(_this.theme), (_this$cx4 = {}, _this$cx4[_this.jsInputStyles.placeholderDisabled(_this.theme)] = disabled, _this$cx4[_this.jsInputStyles.placeholderFocus(_this.theme)] = focused, _this$cx4))
+            className: cx(jsInputStyles.placeholder(_this.theme), (_cx4 = {}, _cx4[jsInputStyles.placeholderDisabled(_this.theme)] = disabled, _cx4[jsInputStyles.placeholderFocus(_this.theme)] = focused, _cx4))
           }, placeholder)
         );
       }
       return null;
     };
+    _this.handleDocumentMouseDown = function (e) {
+      if (_this.state.focused && _this.node && isInstanceOf(e.target, globalObject.Node) && !_this.node.contains(e.target)) {
+        _this.defrost();
+      }
+    };
+    _this.handleDocumentKeyDown = function (e) {
+      if (_this.state.focused && isKeyTab(e)) {
+        _this.defrost();
+      }
+    };
+    _this.handleMouseDown = function () {
+      _this.frozen = true;
+    };
     _this.handleKeyDown = function (e) {
       if (_this.props.disabled) {
         return;
       }
+      if (isIE11 && isShortcutPaste(e) && _this.hiddenInput) {
+        _this.frozen = true;
+        globalObject.setTimeout(function () {
+          if (_this.lastSelectedInnerNode) {
+            var _this2;
+            (_this2 = _this).selectInnerNode.apply(_this2, _this.lastSelectedInnerNode);
+          }
+          if (_this.node) {
+            _this.node.focus();
+          }
+        }, 0);
+        _this.hiddenInput.focus();
+      }
       if (_this.props.onKeyDown) {
         _this.props.onKeyDown(e);
       }
     };
     _this.handleMouseDragStart = function (e) {
-      var _this$globalObject$do;
+      var _globalObject$documen;
       _this.dragging = true;
-      (_this$globalObject$do = _this.globalObject.document) == null || _this$globalObject$do.documentElement.classList.add(_this.styles.userSelectNone());
+      (_globalObject$documen = globalObject.document) == null || _globalObject$documen.documentElement.classList.add(styles.userSelectNone());
       if (_this.props.onMouseDragStart) {
         _this.props.onMouseDragStart(e);
       }
     };
     _this.handleMouseDragEnd = function (e) {
-      var _this$globalObject$do2;
+      var _globalObject$documen2;
       // Дожидаемся onMouseUp
-      setTimeout(function () {
+      globalObject.setTimeout(function () {
         _this.dragging = false;
         if (_this.props.onMouseDragEnd) {
           _this.props.onMouseDragEnd(e);
         }
       }, 0);
-      (_this$globalObject$do2 = _this.globalObject.document) == null || _this$globalObject$do2.documentElement.classList.remove(_this.styles.userSelectNone());
+      (_globalObject$documen2 = globalObject.document) == null || _globalObject$documen2.documentElement.classList.remove(styles.userSelectNone());
     };
     _this.handleFocus = function (e) {
       if (isMobile) {
@@ -225,8 +276,17 @@ export var InputLikeText = withRenderEnvironment(_class = withSize(_class = root
         (_this$node = _this.node) == null || _this$node.setAttribute('contenteditable', 'true');
       }
       if (_this.props.disabled) {
+        if (isIE11 && globalObject.document) {
+          selectNodeContents(globalObject.document.body, 0, 0);
+        }
         return;
       }
+      if ((isIE11 || isEdge) && _this.frozen) {
+        _this.frozen = false;
+        if (_this.state.focused) {
+          return;
+        }
+      }
 
       // Auto-batching React@18 creates problems that are fixed with flushSync
       // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366
@@ -251,7 +311,10 @@ export var InputLikeText = withRenderEnvironment(_class = withSize(_class = root
         var _this$node2;
         (_this$node2 = _this.node) == null || _this$node2.removeAttribute('contenteditable');
       }
-      removeAllSelections(_this.globalObject);
+      if ((isIE11 || isEdge) && _this.frozenBlur) {
+        _this.frozenBlur = false;
+      }
+      removeAllSelections();
       _this.setState({
         focused: false
       });
@@ -266,7 +329,14 @@ export var InputLikeText = withRenderEnvironment(_class = withSize(_class = root
         e.stopPropagation();
         return;
       }
-      removeAllSelections(_this.globalObject);
+      if ((isIE11 || isEdge) && _this.frozenBlur) {
+        _this.frozenBlur = false;
+        return;
+      }
+      if ((isIE11 || isEdge) && _this.frozen) {
+        return;
+      }
+      removeAllSelections();
       _this.setState({
         focused: false
       });
@@ -288,22 +358,29 @@ export var InputLikeText = withRenderEnvironment(_class = withSize(_class = root
         })
       });
     };
+    _this.hiddenInputRef = function (el) {
+      _this.hiddenInput = el;
+    };
     _this.innerRef = function (el) {
       if (_this.props.innerRef) {
         _this.props.innerRef(el);
       }
       _this.node = el;
     };
+    _this.defrost = function () {
+      _this.frozen = false;
+      _this.frozenBlur = false;
+    };
     _this.getSizeClassName = function () {
-      var _this$cx5, _this$cx6, _this$cx7;
+      var _cx5, _cx6, _cx7;
       switch (_this.size) {
         case 'large':
-          return _this.cx((_this$cx5 = {}, _this$cx5[_this.jsInputStyles.sizeLarge(_this.theme)] = true, _this$cx5));
+          return cx((_cx5 = {}, _cx5[jsInputStyles.sizeLarge(_this.theme)] = true, _cx5[jsInputStyles.sizeLargeFallback(_this.theme)] = isIE11 || isEdge, _cx5));
         case 'medium':
-          return _this.cx((_this$cx6 = {}, _this$cx6[_this.jsInputStyles.sizeMedium(_this.theme)] = true, _this$cx6));
+          return cx((_cx6 = {}, _cx6[jsInputStyles.sizeMedium(_this.theme)] = true, _cx6[jsInputStyles.sizeMediumFallback(_this.theme)] = isIE11 || isEdge, _cx6));
         case 'small':
         default:
-          return _this.cx((_this$cx7 = {}, _this$cx7[_this.jsInputStyles.sizeSmall(_this.theme)] = true, _this$cx7));
+          return cx((_cx7 = {}, _cx7[jsInputStyles.sizeSmall(_this.theme)] = true, _cx7[jsInputStyles.sizeSmallFallback(_this.theme)] = isIE11 || isEdge, _cx7));
       }
     };
     return _this;
@@ -339,25 +416,29 @@ export var InputLikeText = withRenderEnvironment(_class = withSize(_class = root
     return this.node;
   };
   _proto.componentDidMount = function componentDidMount() {
+    var _globalObject$documen3, _globalObject$documen4;
     if (this.node) {
       MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);
     }
+    (_globalObject$documen3 = globalObject.document) == null || _globalObject$documen3.addEventListener('mousedown', this.handleDocumentMouseDown);
+    (_globalObject$documen4 = globalObject.document) == null || _globalObject$documen4.addEventListener('keydown', this.handleDocumentKeyDown);
   };
   _proto.componentWillUnmount = function componentWillUnmount() {
+    var _globalObject$documen5, _globalObject$documen6;
     MouseDrag.stop(this.node);
+    (_globalObject$documen5 = globalObject.document) == null || _globalObject$documen5.removeEventListener('mousedown', this.handleDocumentMouseDown);
+    (_globalObject$documen6 = globalObject.document) == null || _globalObject$documen6.removeEventListener('keydown', this.handleDocumentKeyDown);
   };
   _proto.render = function render() {
-    var _this2 = this;
-    this.jsInputStyles = getJsInputStyles(this.emotion);
-    this.styles = getStyles(this.emotion);
+    var _this3 = this;
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
+      _this3.theme = theme;
       return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: _this2.setRootNode
-      }, _this2.getProps()), _this2.renderMain);
+        rootNodeRef: _this3.setRootNode
+      }, _this3.getProps()), _this3.renderMain);
     });
   };
   return InputLikeText;
 }(React.Component), _InputLikeText.__KONTUR_REACT_UI__ = 'InputLikeText', _InputLikeText.displayName = 'InputLikeText', _InputLikeText.defaultProps = {
   showClearIcon: 'never'
-}, _InputLikeText)) || _class) || _class) || _class;
+}, _InputLikeText)) || _class) || _class;