@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

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/theming/RenderEnvironmentContext";
-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 window = _ref.globalObject,
-        emotion = _ref.emotion;
-      HideBodyVerticalScroll.globalObject = window;
-      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","window","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/theming/RenderEnvironmentContext';\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: window, emotion }) => {\n          HideBodyVerticalScroll.globalObject = window;\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,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _IgnoreLayerClickWrapper;
 import React from 'react';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
+import { globalObject } from '@skbkontur/global-object';
 import { getRootNode, rootNode } from "../../../lib/rootNode";
 import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { CommonWrapper } from "../../CommonWrapper";
@@ -37,7 +37,7 @@ var IgnoreLayerClickWrapper = rootNode(_class = (_IgnoreLayerClickWrapper = /*#_
   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;
     }
@@ -49,14 +49,9 @@ var IgnoreLayerClickWrapper = rootNode(_class = (_IgnoreLayerClickWrapper = /*#_
     }
   };
   _proto2.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-      var globalObject = _ref.globalObject;
-      _this2.globalObject = globalObject;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: _this2.setRootNode
-      }, _this2.props), React.Children.only(_this2.props.children));
-    });
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), React.Children.only(this.props.children));
   };
   return IgnoreLayerClickWrapper;
 }(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","RenderEnvironmentContext","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","globalObject","Element","addEventListener","componentWillUnmount","removeEventListener","_this2","Consumer","_ref","_extends","rootNodeRef","setRootNode","__KONTUR_REACT_UI__","displayName"],"sources":["IgnoreLayerClick.tsx"],"sourcesContent":["import React from 'react';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\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';\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 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      <RenderEnvironmentContext.Consumer>\n        {({ globalObject }) => {\n          this.globalObject = globalObject;\n\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {React.Children.only(this.props.children)}\n            </CommonWrapper>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\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":"qKAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,0BAA0B;;;AAGvD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,oBAAoB;AAC1D,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,aAAa,QAAQ,kBAAkB;;;;;;;AAOhD,WAAaC,gBAAgB,0BAAAC,gBAAA,YAAAD,iBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,gBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,gBAAA,CAAAM,SAAA,CAAAD,MAAA;EACpBE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,IAAMC,KAAK,GAAGd,KAAK,CAACe,QAAQ,CAACC,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,QAAQ,CAAC;IACtD,OAAO,IAAI,CAACD,KAAK,CAACE,MAAM,gBAAGnB,KAAA,CAAAoB,aAAA,CAACC,uBAAuB,QAAEP,KAA+B,CAAC,GAAGA,KAAK;EAC/F,CAAC,QAAAR,gBAAA,GAJmCN,KAAK,CAACsB,SAAS;;;;;;;AAWrD;AAAA;AAEMD,uBAAuB,GAD5BlB,QAAQ,CAAAoB,MAAA,IAAAC,wBAAA,0BAAAC,iBAAA,YAAAJ,wBAAA,OAAAK,KAAA,UAAAC,IAAA,GAAAlB,SAAA,CAAAmB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAtB,SAAA,CAAAsB,IAAA,GAAAL,KAAA,GAAAD,iBAAA,CAAAO,IAAA,CAAAxB,KAAA,CAAAiB,iBAAA,SAAAQ,MAAA,CAAAJ,IAAA,WAAAH,KAAA;;;;IAKCQ,OAAO,GAAmB,IAAI,CAAAR,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2B9BS,eAAe,GAAG,UAACC,KAAY,EAAK;MAC1CA,KAAK,CAACC,eAAe,CAAC,CAAC;IACzB,CAAC,QAAAX,KAAA,EAAAhB,cAAA,CAAAW,uBAAA,EAAAI,iBAAA,MAAAa,OAAA,GAAAjB,uBAAA,CAAAT,SAAA,CAAA0B,OAAA,CAzBMC,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAML,OAAO,GAAGhC,WAAW,CAAC,IAAI,CAAC,CACjC,IAAIE,YAAY,CAAC8B,OAAO,EAAEjC,YAAY,CAACuC,OAAO,CAAC,EAAE,CAC/CN,OAAO,CAACO,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAACN,eAAe,CAAC,CAC3D,IAAI,CAACD,OAAO,GAAGA,OAAO,CACxB,CACF,CAAC,CAAAI,OAAA,CAEMI,oBAAoB,GAA3B,SAAAA,qBAAA,EAA8B,CAC5B,IAAI,IAAI,CAACR,OAAO,EAAE,CAChB,IAAI,CAACA,OAAO,CAACS,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAACR,eAAe,CAAC,CACnE,IAAI,CAACD,OAAO,GAAG,IAAI,CACrB,CACF,CAAC,CAAAI,OAAA,CAEMzB,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEb,KAAA,CAAAoB,aAAA,CAACf,aAAa,EAAAuC,QAAA,GAACC,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAAC7B,KAAK,GACzDjB,KAAK,CAACe,QAAQ,CAACC,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,QAAQ,CAC3B,CAAC,CAEpB,CAAC,QAAAG,uBAAA,GA7BmCrB,KAAK,CAACsB,SAAS,GAAAE,wBAAA,CACrCuB,mBAAmB,GAAG,kBAAkB,EAAAvB,wBAAA,CACxCwB,WAAW,GAAG,kBAAkB,EAAAxB,wBAAA,MAAAD,MAAA","ignoreList":[]}

package/internal/InputLikeText/HiddenInput/HiddenInput.js

@@ -1,15 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _templateObject;
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _excluded = ["nodeRef"];
+var _templateObject;
 import React from 'react';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
+import { css } from "../../../lib/theming/Emotion";
 var cap = function cap(e) {
   return e.stopPropagation();
 };
-var className = "\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";
+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]`.
@@ -23,26 +23,19 @@ export var HiddenInput = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(HiddenInput, _React$Component);
   var _proto = HiddenInput.prototype;
   _proto.render = function render() {
-    var _this = this;
     var _this$props = this.props,
       nodeRef = _this$props.nodeRef,
       props = _objectWithoutPropertiesLoose(_this$props, _excluded);
     return /*#__PURE__*/(
-      React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-        var emotion = _ref.emotion;
-        _this.emotion = emotion;
-        return /*#__PURE__*/(
-          React.createElement("input", _extends({}, props, {
-            ref: nodeRef,
-            type: "text",
-            tabIndex: -1,
-            onBlur: cap,
-            onFocus: cap,
-            onChange: cap,
-            className: _this.emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["", ""])), className)
-          }))
-        );
-      })
+      React.createElement("input", _extends({}, props, {
+        ref: nodeRef,
+        type: "text",
+        tabIndex: -1,
+        onBlur: cap,
+        onFocus: cap,
+        onChange: cap,
+        className: className
+      }))
     );
   };
   return HiddenInput;

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

@@ -1 +1 @@
-{"version":3,"names":["React","RenderEnvironmentContext","cap","e","stopPropagation","className","HiddenInput","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","_this$props","props","nodeRef","_objectWithoutPropertiesLoose","_excluded","createElement","Consumer","_ref","emotion","_extends","ref","type","tabIndex","onBlur","onFocus","onChange","css","_templateObject","_taggedTemplateLiteralLoose","Component"],"sources":["HiddenInput.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\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 = `\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  private emotion!: Emotion;\n\n  public render() {\n    const { nodeRef, ...props } = this.props;\n\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.emotion = emotion;\n\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={this.emotion.css`${className}`}\n            />\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n}\n"],"mappings":"oXAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,wBAAwB,QAAQ,4CAA4C;;;;;;AAMrF,IAAMC,GAA4B,GAAG,SAA/BA,GAA4BA,CAAIC,CAAC,UAAKA,CAAC,CAACC,eAAe,CAAC,CAAC;;AAE/D,IAAMC,SAAS,yJAUd;;;;;;;;;;;;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;;;EAGfE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd,IAAAC,WAAA,GAA8B,IAAI,CAACC,KAAK,CAAhCC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CAAKD,KAAK,GAAAE,6BAAA,CAAAH,WAAA,EAAAI,SAAA;;IAEzB;MACEnB,KAAA,CAAAoB,aAAA,CAACnB,wBAAwB,CAACoB,QAAQ;MAC/B,UAAAC,IAAA,EAAiB,KAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;QACTT,KAAI,CAACS,OAAO,GAAGA,OAAO;;QAEtB;UACEvB,KAAA,CAAAoB,aAAA,UAAAI,QAAA;UACMR,KAAK;YACTS,GAAG,EAAER,OAAQ;YACbS,IAAI,EAAC,MAAM;YACXC,QAAQ,EAAE,CAAC,CAAE;YACbC,MAAM,EAAE1B,GAAI;YACZ2B,OAAO,EAAE3B,GAAI;YACb4B,QAAQ,EAAE5B,GAAI;YACdG,SAAS,EAAES,KAAI,CAACS,OAAO,CAACQ,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA,aAAG5B,SAAS,CAAG;UAC3C,CAAC;;MAEN;MACiC,CAAC;;EAExC,CAAC,QAAAC,WAAA,GA1B8BN,KAAK,CAACkC,SAAS","ignoreList":[]}
+{"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.d.ts

@@ -8,7 +8,6 @@ interface Props extends React.HTMLAttributes<HTMLInputElement> {
  * после этого `onPaste` вызывается у инпута и всплывает.
  */
 export declare class HiddenInput extends React.Component<Props> {
-    private emotion;
     render(): React.JSX.Element;
 }
 export {};

package/internal/InputLikeText/InputLikeText/InputLikeText.js

@@ -6,17 +6,18 @@ var _class, _InputLikeText;
 import React from 'react';
 import ReactDOM from 'react-dom';
 import debounce from 'lodash.debounce';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
+import { globalObject } from '@skbkontur/global-object';
 import { isNonNullable } from "../../../lib/utils";
 import { isKeyTab, isShortcutPaste } from "../../../lib/events/keyboard/identifiers";
-import { MouseDrag, addMouseUpListener } from "../../../lib/events/MouseDrag";
+import { MouseDrag } from "../../../lib/events/MouseDrag";
 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 { findRenderContainer, addFocusListener } from "../../../lib/listenFocusOutside";
+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";
@@ -25,7 +26,7 @@ import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { FocusControlWrapper } from "../../FocusControlWrapper";
 import { ClearCrossIcon } from "../../ClearCrossIcon/ClearCrossIcon";
 import { HiddenInput } from "../HiddenInput";
-import { getStyles } from "../InputLikeText.styles";
+import { styles } from "../InputLikeText.styles";
 export var InputLikeTextDataTids = {
   root: 'InputLikeText__root',
   input: 'InputLikeText__input',
@@ -78,7 +79,7 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
       if (_this.dragging || !node) {
         return;
       }
-      if (isIE11 && _this.globalObject.document && findRenderContainer(node, _this.globalObject.document.body)) {
+      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;
       }
@@ -87,14 +88,14 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
       _this.lastSelectedInnerNode = [node, start, end];
       _this.selectNodeContentsDebounced(node, start, end);
       if (_this.focusTimeout) {
-        clearInterval(_this.focusTimeout);
+        globalObject.clearInterval(_this.focusTimeout);
       }
-      _this.focusTimeout = setTimeout(function () {
+      _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,
@@ -144,8 +145,8 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
         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.blink(_this.theme)] = blinking, _this$cx[_this.jsInputStyles.warning(_this.theme)] = !!warning, _this$cx[_this.jsInputStyles.error(_this.theme)] = !!error, _this$cx[_this.jsInputStyles.focusFallback(_this.theme)] = focused && (isIE11 || isEdge), _this$cx[_this.jsInputStyles.warningFallback(_this.theme)] = !!warning && (isIE11 || isEdge), _this$cx[_this.jsInputStyles.errorFallback(_this.theme)] = !!error && (isIE11 || isEdge), _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.blink(_this.theme)] = blinking, _cx[jsInputStyles.warning(_this.theme)] = !!warning, _cx[jsInputStyles.error(_this.theme)] = !!error, _cx[jsInputStyles.focusFallback(_this.theme)] = focused && (isIE11 || isEdge), _cx[jsInputStyles.warningFallback(_this.theme)] = !!warning && (isIE11 || isEdge), _cx[jsInputStyles.errorFallback(_this.theme)] = !!error && (isIE11 || isEdge), _cx[jsInputStyles.hideBlinkingCursor()] = isMobile, _cx));
+      var wrapperClass = cx(jsInputStyles.wrapper(), (_cx2 = {}, _cx2[styles.userSelectContain()] = focused, _cx2));
       var context = InputLayoutContextDefault;
       Object.assign(context, {
         disabled: disabled,
@@ -194,7 +195,7 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
         }, /*#__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))
+          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
         }))))
@@ -208,17 +209,17 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
       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, _this.globalObject.Node) && !_this.node.contains(e.target)) {
+      if (_this.state.focused && _this.node && isInstanceOf(e.target, globalObject.Node) && !_this.node.contains(e.target)) {
         _this.defrost();
       }
     };
@@ -236,7 +237,7 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
       }
       if (isIE11 && isShortcutPaste(e) && _this.hiddenInput) {
         _this.frozen = true;
-        setTimeout(function () {
+        globalObject.setTimeout(function () {
           if (_this.lastSelectedInnerNode) {
             var _this2;
             (_this2 = _this).selectInnerNode.apply(_this2, _this.lastSelectedInnerNode);
@@ -252,23 +253,23 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
       }
     };
     _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) {
@@ -276,8 +277,8 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
         (_this$node = _this.node) == null || _this$node.setAttribute('contenteditable', 'true');
       }
       if (_this.props.disabled) {
-        if (isIE11 && _this.globalObject.document) {
-          selectNodeContents(_this.globalObject.document.body, 0, 0);
+        if (isIE11 && globalObject.document) {
+          selectNodeContents(globalObject.document.body, 0, 0);
         }
         return;
       }
@@ -314,7 +315,7 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
       if ((isIE11 || isEdge) && _this.frozenBlur) {
         _this.frozenBlur = false;
       }
-      removeAllSelections(_this.globalObject);
+      removeAllSelections();
       _this.setState({
         focused: false
       });
@@ -336,7 +337,7 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
       if ((isIE11 || isEdge) && _this.frozen) {
         return;
       }
-      removeAllSelections(_this.globalObject);
+      removeAllSelections();
       _this.setState({
         focused: false
       });
@@ -372,15 +373,15 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
       _this.frozenBlur = false;
     };
     _this.getSizeClassName = function () {
-      var _this$cx5, _this$cx6, _this$cx7;
+      var _cx5, _cx6, _cx7;
       switch (_this.getProps().size) {
         case 'large':
-          return _this.cx((_this$cx5 = {}, _this$cx5[_this.jsInputStyles.sizeLarge(_this.theme)] = true, _this$cx5[_this.jsInputStyles.sizeLargeFallback(_this.theme)] = isIE11 || isEdge, _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[_this.jsInputStyles.sizeMediumFallback(_this.theme)] = isIE11 || isEdge, _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[_this.jsInputStyles.sizeSmallFallback(_this.theme)] = isIE11 || isEdge, _this$cx7));
+          return cx((_cx7 = {}, _cx7[jsInputStyles.sizeSmall(_this.theme)] = true, _cx7[jsInputStyles.sizeSmallFallback(_this.theme)] = isIE11 || isEdge, _cx7));
       }
     };
     return _this;
@@ -411,7 +412,7 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
     this.setState({
       blinking: true
     }, function () {
-      _this3.blinkTimeout = setTimeout(function () {
+      _this3.blinkTimeout = globalObject.setTimeout(function () {
         return _this3.setState({
           blinking: false
         });
@@ -422,39 +423,29 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
     return this.node;
   };
   _proto.componentDidMount = function componentDidMount() {
-    var _this$globalObject$do3, _this$globalObject$do4;
-    addFocusListener(this.globalObject);
-    addMouseUpListener(this.globalObject);
+    var _globalObject$documen3, _globalObject$documen4;
     if (this.node) {
       MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);
     }
-    (_this$globalObject$do3 = this.globalObject.document) == null || _this$globalObject$do3.addEventListener('mousedown', this.handleDocumentMouseDown);
-    (_this$globalObject$do4 = this.globalObject.document) == null || _this$globalObject$do4.addEventListener('keydown', this.handleDocumentKeyDown);
+    (_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 _this$globalObject$do5, _this$globalObject$do6;
+    var _globalObject$documen5, _globalObject$documen6;
     if (this.blinkTimeout) {
-      clearTimeout(this.blinkTimeout);
+      globalObject.clearTimeout(this.blinkTimeout);
     }
     MouseDrag.stop(this.node);
-    (_this$globalObject$do5 = this.globalObject.document) == null || _this$globalObject$do5.removeEventListener('mousedown', this.handleDocumentMouseDown);
-    (_this$globalObject$do6 = this.globalObject.document) == null || _this$globalObject$do6.removeEventListener('keydown', this.handleDocumentKeyDown);
+    (_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 _this4 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref2) {
-      var globalObject = _ref2.globalObject,
-        emotion = _ref2.emotion;
-      _this4.globalObject = globalObject;
-      _this4.cx = emotion.cx;
-      _this4.jsInputStyles = getJsInputStyles(emotion);
-      _this4.styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this4.theme = theme;
-        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-          rootNodeRef: _this4.setRootNode
-        }, _this4.getProps()), _this4.renderMain);
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this4.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this4.setRootNode
+      }, _this4.getProps()), _this4.renderMain);
     });
   };
   return InputLikeText;