@skbkontur/react-ui 0.0.0-0b8a8f7a39 → 0.0.0-0fe669bb2d

package/cjs/internal/FocusTrap/FocusTrap.js

@@ -1,15 +1,17 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FocusTrap = void 0;var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _reactDom = require("react-dom");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FocusTrap = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _listenFocusOutside = require("../../lib/listenFocusOutside");var
+var _listenFocusOutside = require("../../lib/listenFocusOutside");
+var _rootNode = require("../../lib/rootNode");var _class, _class2, _temp;var
 
 
 
 
 
 
-FocusTrap = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(FocusTrap, _React$PureComponent);function FocusTrap() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
+
+FocusTrap = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(FocusTrap, _React$PureComponent);function FocusTrap() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
+
 
 
     focusOutsideListenerToken =
@@ -48,8 +50,9 @@ FocusTrap = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.de
     };_this.
 
     attachListeners = function () {
-      if (!_this.focusOutsideListenerToken) {
-        _this.focusOutsideListenerToken = (0, _listenFocusOutside.listen)([(0, _reactDom.findDOMNode)((0, _assertThisInitialized2.default)(_this))], _this.onClickOutside);
+      var rootNode = (0, _rootNode.getRootNode)((0, _assertThisInitialized2.default)(_this));
+      if (!_this.focusOutsideListenerToken && rootNode) {
+        _this.focusOutsideListenerToken = (0, _listenFocusOutside.listen)([rootNode], _this.onClickOutside);
 
         document.addEventListener(
         'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',
@@ -72,11 +75,11 @@ FocusTrap = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.de
 
     handleNativeDocClick = function (event) {
       var target = event.target || event.srcElement;
-      var node = (0, _reactDom.findDOMNode)((0, _assertThisInitialized2.default)(_this));
+      var node = (0, _rootNode.getRootNode)((0, _assertThisInitialized2.default)(_this));
 
-      if (target instanceof Element && (0, _listenFocusOutside.containsTargetOrRenderContainer)(target)(node)) {
+      if (node && target instanceof Element && (0, _listenFocusOutside.containsTargetOrRenderContainer)(target)(node)) {
         return;
       }
 
       _this.onClickOutside(event);
-    };return _this;}var _proto = FocusTrap.prototype;_proto.componentWillUnmount = function componentWillUnmount() {if (this.focusOutsideListenerToken) {this.detachListeners();}};_proto.render = function render() {var _this2 = this;var _this$props = this.props,children = _this$props.children,onBlur = _this$props.onBlur;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), { onFocus: function onFocus() {if (onBlur) {_this2.attachListeners();}if (children.props && children.props.onFocus) {var _children$props;(_children$props = children.props).onFocus.apply(_children$props, arguments);}} }));};_proto.detachListeners = function detachListeners() {if (this.focusOutsideListenerToken) {this.focusOutsideListenerToken.remove();this.focusOutsideListenerToken = null;document.removeEventListener('ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);}};return FocusTrap;}(_react.default.PureComponent);exports.FocusTrap = FocusTrap;FocusTrap.__KONTUR_REACT_UI__ = 'FocusTrap';
+    };return _this;}var _proto = FocusTrap.prototype;_proto.componentWillUnmount = function componentWillUnmount() {if (this.focusOutsideListenerToken) {this.detachListeners();}};_proto.render = function render() {var _this2 = this;var _this$props = this.props,children = _this$props.children,onBlur = _this$props.onBlur;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), { onFocus: function onFocus() {if (onBlur) {_this2.attachListeners();}if (children.props && children.props.onFocus) {var _children$props;(_children$props = children.props).onFocus.apply(_children$props, arguments);}} }));};_proto.detachListeners = function detachListeners() {if (this.focusOutsideListenerToken) {this.focusOutsideListenerToken.remove();this.focusOutsideListenerToken = null;document.removeEventListener('ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);}};return FocusTrap;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'FocusTrap', _temp)) || _class;exports.FocusTrap = FocusTrap;

package/cjs/internal/FocusTrap/FocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FocusTrap.tsx"],"names":["FocusTrap","focusOutsideListenerToken","onClickOutside","e","props","onBlur","detachListeners","attachListeners","document","addEventListener","documentElement","handleNativeDocClick","event","target","srcElement","node","Element","componentWillUnmount","render","children","React","cloneElement","Children","only","onFocus","remove","removeEventListener","PureComponent","__KONTUR_REACT_UI__"],"mappings":"mWAAA;AACA;;AAEA;AACA,kE;;;;;;;AAOaA,S;;;AAGHC,IAAAA,yB;;AAEG,Q;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BHC,IAAAA,c,GAAiB,UAACC,CAAD,EAAc;AACrC,UAAI,MAAKC,KAAL,CAAWC,MAAf,EAAuB;AACrB,cAAKD,KAAL,CAAWC,MAAX,CAAkBF,CAAlB;AACD;AACD,YAAKG,eAAL;AACD,K;;AAEOC,IAAAA,e,GAAkB,YAAM;AAC9B,UAAI,CAAC,MAAKN,yBAAV,EAAqC;AACnC,cAAKA,yBAAL,GAAiC,gCAAmB,CAAC,uEAAD,CAAnB,EAAuD,MAAKC,cAA5D,CAAjC;;AAEAM,QAAAA,QAAQ,CAACC,gBAAT;AACE,0BAAkBD,QAAQ,CAACE,eAA3B,GAA6C,YAA7C,GAA4D,WAD9D;AAEE,cAAKC,oBAFP;;AAID;AACF,K;;;;;;;;;;;;;;AAcOA,IAAAA,oB,GAAuB,UAACC,KAAD,EAAkB;AAC/C,UAAMC,MAAM,GAAGD,KAAK,CAACC,MAAN,IAAgBD,KAAK,CAACE,UAArC;AACA,UAAMC,IAAI,GAAG,uEAAb;;AAEA,UAAIF,MAAM,YAAYG,OAAlB,IAA6B,yDAAgCH,MAAhC,EAAwCE,IAAxC,CAAjC,EAAgF;AAC9E;AACD;;AAED,YAAKb,cAAL,CAAoBU,KAApB;AACD,K,uDA/DMK,oB,GAAP,gCAA8B,CAC5B,IAAI,KAAKhB,yBAAT,EAAoC,CAClC,KAAKK,eAAL,GACD,CACF,C,QAEMY,M,GAAP,kBAAgB,qCACe,KAAKd,KADpB,CACNe,QADM,eACNA,QADM,CACId,MADJ,eACIA,MADJ,CAEd,oBACE,6BAAC,4BAAD,EAAmB,KAAKD,KAAxB,eACGgB,eAAMC,YAAN,CAAmBD,eAAME,QAAN,CAAeC,IAAf,CAAoBJ,QAApB,CAAnB,EAAkD,EACjDK,OAAO,EAAE,mBAAoB,CAC3B,IAAInB,MAAJ,EAAY,CACV,MAAI,CAACE,eAAL,GACD,CACD,IAAIY,QAAQ,CAACf,KAAT,IAAkBe,QAAQ,CAACf,KAAT,CAAeoB,OAArC,EAA8C,qBAC5C,mBAAAL,QAAQ,CAACf,KAAT,EAAeoB,OAAf,mCACD,CACF,CARgD,EAAlD,CADH,CADF,CAcD,C,QAoBOlB,e,GAAR,2BAA0B,CACxB,IAAI,KAAKL,yBAAT,EAAoC,CAClC,KAAKA,yBAAL,CAA+BwB,MAA/B,GACA,KAAKxB,yBAAL,GAAiC,IAAjC,CAEAO,QAAQ,CAACkB,mBAAT,CACE,kBAAkBlB,QAAQ,CAACE,eAA3B,GAA6C,YAA7C,GAA4D,WAD9D,EAEE,KAAKC,oBAFP,EAID,CACF,C,oBA3D4BS,eAAMO,a,gCAAxB3B,S,CACG4B,mB,GAAsB,W","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\n\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\r\n\r\nexport interface FocusTrapProps extends CommonProps {\r\n  children: React.ReactElement<any>;\r\n  onBlur?: (event: FocusEvent) => void;\r\n}\r\n\r\nexport class FocusTrap extends React.PureComponent<FocusTrapProps> {\r\n  public static __KONTUR_REACT_UI__ = 'FocusTrap';\r\n\r\n  private focusOutsideListenerToken: {\r\n    remove: () => void;\r\n  } | null = null;\r\n\r\n  public componentWillUnmount() {\r\n    if (this.focusOutsideListenerToken) {\r\n      this.detachListeners();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    const { children, onBlur } = this.props;\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        {React.cloneElement(React.Children.only(children), {\r\n          onFocus: (...args: any[]) => {\r\n            if (onBlur) {\r\n              this.attachListeners();\r\n            }\r\n            if (children.props && children.props.onFocus) {\r\n              children.props.onFocus(...args);\r\n            }\r\n          },\r\n        })}\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private onClickOutside = (e: Event) => {\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur(e as FocusEvent);\r\n    }\r\n    this.detachListeners();\r\n  };\r\n\r\n  private attachListeners = () => {\r\n    if (!this.focusOutsideListenerToken) {\r\n      this.focusOutsideListenerToken = listenFocusOutside([findDOMNode(this) as HTMLElement], this.onClickOutside);\r\n\r\n      document.addEventListener(\r\n        'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\r\n        this.handleNativeDocClick,\r\n      );\r\n    }\r\n  };\r\n\r\n  private detachListeners() {\r\n    if (this.focusOutsideListenerToken) {\r\n      this.focusOutsideListenerToken.remove();\r\n      this.focusOutsideListenerToken = null;\r\n\r\n      document.removeEventListener(\r\n        'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\r\n        this.handleNativeDocClick,\r\n      );\r\n    }\r\n  }\r\n\r\n  private handleNativeDocClick = (event: Event) => {\r\n    const target = event.target || event.srcElement;\r\n    const node = findDOMNode(this) as HTMLElement;\r\n\r\n    if (target instanceof Element && containsTargetOrRenderContainer(target)(node)) {\r\n      return;\r\n    }\r\n\r\n    this.onClickOutside(event);\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["FocusTrap.tsx"],"names":["FocusTrap","rootNode","focusOutsideListenerToken","onClickOutside","e","props","onBlur","detachListeners","attachListeners","document","addEventListener","documentElement","handleNativeDocClick","event","target","srcElement","node","Element","componentWillUnmount","render","children","setRootNode","React","cloneElement","Children","only","onFocus","remove","removeEventListener","PureComponent","__KONTUR_REACT_UI__"],"mappings":"qbAAA;;AAEA;AACA;AACA,8C;;;;;;;;AAQaA,S,OADZC,kB;;;;AAKSC,IAAAA,yB;;AAEG,Q;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BHC,IAAAA,c,GAAiB,UAACC,CAAD,EAAc;AACrC,UAAI,MAAKC,KAAL,CAAWC,MAAf,EAAuB;AACrB,cAAKD,KAAL,CAAWC,MAAX,CAAkBF,CAAlB;AACD;AACD,YAAKG,eAAL;AACD,K;;AAEOC,IAAAA,e,GAAkB,YAAM;AAC9B,UAAMP,QAAQ,GAAG,uEAAjB;AACA,UAAI,CAAC,MAAKC,yBAAN,IAAmCD,QAAvC,EAAiD;AAC/C,cAAKC,yBAAL,GAAiC,gCAAmB,CAACD,QAAD,CAAnB,EAA+B,MAAKE,cAApC,CAAjC;;AAEAM,QAAAA,QAAQ,CAACC,gBAAT;AACE,0BAAkBD,QAAQ,CAACE,eAA3B,GAA6C,YAA7C,GAA4D,WAD9D;AAEE,cAAKC,oBAFP;;AAID;AACF,K;;;;;;;;;;;;;;AAcOA,IAAAA,oB,GAAuB,UAACC,KAAD,EAAkB;AAC/C,UAAMC,MAAM,GAAGD,KAAK,CAACC,MAAN,IAAgBD,KAAK,CAACE,UAArC;AACA,UAAMC,IAAI,GAAG,uEAAb;;AAEA,UAAIA,IAAI,IAAIF,MAAM,YAAYG,OAA1B,IAAqC,yDAAgCH,MAAhC,EAAwCE,IAAxC,CAAzC,EAAwF;AACtF;AACD;;AAED,YAAKb,cAAL,CAAoBU,KAApB;AACD,K,uDAhEMK,oB,GAAP,gCAA8B,CAC5B,IAAI,KAAKhB,yBAAT,EAAoC,CAClC,KAAKK,eAAL,GACD,CACF,C,QAEMY,M,GAAP,kBAAgB,mBACd,kBAA6B,KAAKd,KAAlC,CAAQe,QAAR,eAAQA,QAAR,CAAkBd,MAAlB,eAAkBA,MAAlB,CACA,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKe,WAAjC,IAAkD,KAAKhB,KAAvD,gBACGiB,eAAMC,YAAN,CAAmBD,eAAME,QAAN,CAAeC,IAAf,CAAoBL,QAApB,CAAnB,EAAkD,EACjDM,OAAO,EAAE,mBAAoB,CAC3B,IAAIpB,MAAJ,EAAY,CACV,MAAI,CAACE,eAAL,GACD,CACD,IAAIY,QAAQ,CAACf,KAAT,IAAkBe,QAAQ,CAACf,KAAT,CAAeqB,OAArC,EAA8C,qBAC5C,mBAAAN,QAAQ,CAACf,KAAT,EAAeqB,OAAf,mCACD,CACF,CARgD,EAAlD,CADH,CADF,CAcD,C,QAqBOnB,e,GAAR,2BAA0B,CACxB,IAAI,KAAKL,yBAAT,EAAoC,CAClC,KAAKA,yBAAL,CAA+ByB,MAA/B,GACA,KAAKzB,yBAAL,GAAiC,IAAjC,CAEAO,QAAQ,CAACmB,mBAAT,CACE,kBAAkBnB,QAAQ,CAACE,eAA3B,GAA6C,YAA7C,GAA4D,WAD9D,EAEE,KAAKC,oBAFP,EAID,CACF,C,oBA7D4BU,eAAMO,a,WACrBC,mB,GAAsB,W","sourcesContent":["import React from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\n\nexport interface FocusTrapProps extends CommonProps {\n  children: React.ReactElement<any>;\n  onBlur?: (event: FocusEvent) => void;\n}\n\n@rootNode\nexport class FocusTrap extends React.PureComponent<FocusTrapProps> {\n  public static __KONTUR_REACT_UI__ = 'FocusTrap';\n  private setRootNode!: TSetRootNode;\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n\n  public componentWillUnmount() {\n    if (this.focusOutsideListenerToken) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    const { children, onBlur } = this.props;\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.cloneElement(React.Children.only(children), {\n          onFocus: (...args: any[]) => {\n            if (onBlur) {\n              this.attachListeners();\n            }\n            if (children.props && children.props.onFocus) {\n              children.props.onFocus(...args);\n            }\n          },\n        })}\n      </CommonWrapper>\n    );\n  }\n\n  private onClickOutside = (e: Event) => {\n    if (this.props.onBlur) {\n      this.props.onBlur(e as FocusEvent);\n    }\n    this.detachListeners();\n  };\n\n  private attachListeners = () => {\n    const rootNode = getRootNode(this);\n    if (!this.focusOutsideListenerToken && rootNode) {\n      this.focusOutsideListenerToken = listenFocusOutside([rootNode], this.onClickOutside);\n\n      document.addEventListener(\n        'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\n        this.handleNativeDocClick,\n      );\n    }\n  };\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n\n      document.removeEventListener(\n        'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\n        this.handleNativeDocClick,\n      );\n    }\n  }\n\n  private handleNativeDocClick = (event: Event) => {\n    const target = event.target || event.srcElement;\n    const node = getRootNode(this);\n\n    if (node && target instanceof Element && containsTargetOrRenderContainer(target)(node)) {\n      return;\n    }\n\n    this.onClickOutside(event);\n  };\n}\n"]}

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

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

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

@@ -1,8 +1,6 @@
 import React from 'react';
 export declare class HideBodyVerticalScroll extends React.Component {
     static __KONTUR_REACT_UI__: string;
-    static hash: string;
-    private disposeDocumentStyle;
     private initialScroll;
     private master;
     componentDidMount(): void;
@@ -10,7 +8,7 @@ export declare class HideBodyVerticalScroll extends React.Component {
     componentWillUnmount(): void;
     render(): null;
     private updateScrollVisibility;
-    private makeSomeMagicWithScroll;
+    private hideScroll;
     private attachStyle;
     private restoreStyles;
 }

package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js

@@ -1,14 +1,13 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.HideBodyVerticalScroll = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-
-var _getScrollWidth = require("../../lib/dom/getScrollWidth");var
-
-HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(HideBodyVerticalScroll, _React$Component);function HideBodyVerticalScroll() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.HideBodyVerticalScroll = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
+var _getScrollWidth = require("../../lib/dom/getScrollWidth");
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
 
+var disposeDocumentStyle = null;var
 
+HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(HideBodyVerticalScroll, _React$Component);function HideBodyVerticalScroll() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
-    disposeDocumentStyle = null;_this.
     initialScroll = 0;_this.
     master = false;_this.
 
@@ -40,57 +39,47 @@ HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {(0, _inherits
 
 
 
-
-
-    updateScrollVisibility = function () {var _document =
-      document,documentElement = _document.documentElement;
-
-      _this.restoreStyles();
-
+    updateScrollVisibility = function () {
+      var _document = document,documentElement = _document.documentElement;
       if (!documentElement) {
         return;
-      }var
-
-      clientHeight = documentElement.clientHeight,scrollHeight = documentElement.scrollHeight;
-      var shouldRestore = VerticalScrollCounter.get() === 0;
-      var shouldHide = !shouldRestore && clientHeight < scrollHeight;
-
-      if (shouldHide) {
-        _this.makeSomeMagicWithScroll(documentElement);
       }
-
-      if (shouldRestore) {
-        documentElement.scrollTop = _this.initialScroll;
+      var shouldHide = !disposeDocumentStyle;
+      if (shouldHide) {
+        _this.hideScroll(documentElement);
       }
     };_this.
 
-    makeSomeMagicWithScroll = function (document) {
+    hideScroll = function (document) {
+      var clientHeight = document.clientHeight,scrollHeight = document.scrollHeight;
       var documentComputedStyle = getComputedStyle(document);
-      var scrollWidth = (0, _getScrollWidth.getScrollWidth)();
+      var scrollbarConst = getComputedStyle(document).overflowY === 'scroll';
+      var scrollWidth = clientHeight < scrollHeight || scrollbarConst ? (0, _getScrollWidth.getScrollWidth)() : 0;
       var documentMargin = parseFloat(documentComputedStyle.marginRight || '');
-      var documentStyle = generateDocumentStyle(documentMargin + scrollWidth);
+      var className = generateDocumentStyle(documentMargin + scrollWidth);
 
-      _this.disposeDocumentStyle = _this.attachStyle(document, documentStyle);
+      disposeDocumentStyle = _this.attachStyle(document, className);
     };_this.
 
-    attachStyle = function (element, style) {
-      element.classList.add(style.className);
-      var removeStyleNode = attachStylesheet(style.css);
+    attachStyle = function (element, className) {
+      element.classList.add(className);
       return function () {
-        removeStyleNode();
-        element.classList.remove(style.className);
+        element.classList.remove(className);
       };
     };_this.
 
     restoreStyles = function () {
-      if (_this.disposeDocumentStyle) {
-        _this.disposeDocumentStyle();
-        _this.disposeDocumentStyle = null;
-      }
+      if (disposeDocumentStyle) {
+        disposeDocumentStyle();
+        disposeDocumentStyle = null;
+
+        var _document2 = document,documentElement = _document2.documentElement;
 
-      // Forcing reflow for Firefix
-      attachStylesheet('html, body { height: auto; }')();
-    };return _this;}var _proto = HideBodyVerticalScroll.prototype;_proto.componentDidMount = function componentDidMount() {var counter = VerticalScrollCounter.increment();if (counter === 1) {this.master = true;this.initialScroll = document.documentElement ? document.documentElement.scrollTop : 0;this.updateScrollVisibility();window.addEventListener('resize', this.updateScrollVisibility);}};_proto.componentDidUpdate = function componentDidUpdate() {if (this.master) {this.updateScrollVisibility();}};_proto.componentWillUnmount = function componentWillUnmount() {this.restoreStyles();var counter = VerticalScrollCounter.decrement();if (counter === 0) {this.updateScrollVisibility();window.removeEventListener('resize', this.updateScrollVisibility);}};_proto.render = function render() {return null;};return HideBodyVerticalScroll;}(_react.default.Component);exports.HideBodyVerticalScroll = HideBodyVerticalScroll;HideBodyVerticalScroll.__KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';HideBodyVerticalScroll.hash = Math.random().toString(16).slice(2, 6);var
+        if (documentElement) {
+          documentElement.scrollTop = _this.initialScroll;
+        }
+      }
+    };return _this;}var _proto = HideBodyVerticalScroll.prototype;_proto.componentDidMount = function componentDidMount() {var counter = VerticalScrollCounter.increment();if (counter === 1) {this.master = true;this.initialScroll = document.documentElement ? document.documentElement.scrollTop : 0;this.updateScrollVisibility();window.addEventListener('resize', this.updateScrollVisibility);}};_proto.componentDidUpdate = function componentDidUpdate() {if (this.master) {this.updateScrollVisibility();}};_proto.componentWillUnmount = function componentWillUnmount() {var counter = VerticalScrollCounter.decrement();if (counter === 0) {this.restoreStyles();window.removeEventListener('resize', this.updateScrollVisibility);}};_proto.render = function render() {return null;};return HideBodyVerticalScroll;}(_react.default.Component);exports.HideBodyVerticalScroll = HideBodyVerticalScroll;HideBodyVerticalScroll.__KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';var
 
 
 VerticalScrollCounter = function VerticalScrollCounter() {};VerticalScrollCounter.
@@ -109,39 +98,10 @@ get = function () {
 };
 
 
-function generateClassName(className) {var
-  name = HideBodyVerticalScroll.name,hash = HideBodyVerticalScroll.hash;
-  return name + "-" + className + "-" + hash;
-}
-
 function generateDocumentStyle(documentMargin) {
-  var className = generateClassName('document');
-  var css = "." +
-  className + " {\n  overflow: hidden !important;\n  margin-right: " +
-
-  documentMargin + "px !important;\n  height: 100%;\n}\n";
-
-
-
-  return { className: className, css: css };
-}
-
-function attachStylesheet(sheet) {
-  var style = document.createElement('style');
-  style.setAttribute('type', 'text/css');
-  // @ts-ignore IE specific api
-  if (style.styleSheet) {
-    // @ts-ignore IE specific api
-    style.styleSheet.cssText = sheet;
-  } else {
-    var textnode = document.createTextNode(sheet);
-    style.appendChild(textnode);
-  }
-  var head = document.getElementsByTagName('head')[0];
-  head.appendChild(style);
-  return function () {
-    if (head.contains(style)) {
-      head.removeChild(style);
-    }
-  };
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    overflow: hidden !important;\n    margin-right: ", "px !important;\n    height: 100%;\n  "])),
+
+  documentMargin);
+
+
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["HideBodyVerticalScroll.tsx"],"names":["HideBodyVerticalScroll","disposeDocumentStyle","initialScroll","master","updateScrollVisibility","document","documentElement","restoreStyles","clientHeight","scrollHeight","shouldRestore","VerticalScrollCounter","get","shouldHide","makeSomeMagicWithScroll","scrollTop","documentComputedStyle","getComputedStyle","scrollWidth","documentMargin","parseFloat","marginRight","documentStyle","generateDocumentStyle","attachStyle","element","style","classList","add","className","removeStyleNode","attachStylesheet","css","remove","componentDidMount","counter","increment","window","addEventListener","componentDidUpdate","componentWillUnmount","decrement","removeEventListener","render","React","Component","__KONTUR_REACT_UI__","hash","Math","random","toString","slice","RetailUIVerticalScrollCounter","generateClassName","name","sheet","createElement","setAttribute","styleSheet","cssText","textnode","createTextNode","appendChild","head","getElementsByTagName","contains","removeChild"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\r\n\r\nexport class HideBodyVerticalScroll extends React.Component {\r\n  public static __KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';\r\n\r\n  public static hash = Math.random()\r\n    .toString(16)\r\n    .slice(2, 6);\r\n  private disposeDocumentStyle: (() => void) | null = null;\r\n  private initialScroll = 0;\r\n  private master = false;\r\n\r\n  public componentDidMount() {\r\n    const counter = VerticalScrollCounter.increment();\r\n    if (counter === 1) {\r\n      this.master = true;\r\n      this.initialScroll = document.documentElement ? document.documentElement.scrollTop : 0;\r\n      this.updateScrollVisibility();\r\n      window.addEventListener('resize', this.updateScrollVisibility);\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate() {\r\n    if (this.master) {\r\n      this.updateScrollVisibility();\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this.restoreStyles();\r\n\r\n    const counter = VerticalScrollCounter.decrement();\r\n    if (counter === 0) {\r\n      this.updateScrollVisibility();\r\n      window.removeEventListener('resize', this.updateScrollVisibility);\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return null;\r\n  }\r\n\r\n  private updateScrollVisibility = () => {\r\n    const { documentElement } = document;\r\n\r\n    this.restoreStyles();\r\n\r\n    if (!documentElement) {\r\n      return;\r\n    }\r\n\r\n    const { clientHeight, scrollHeight } = documentElement;\r\n    const shouldRestore = VerticalScrollCounter.get() === 0;\r\n    const shouldHide = !shouldRestore && clientHeight < scrollHeight;\r\n\r\n    if (shouldHide) {\r\n      this.makeSomeMagicWithScroll(documentElement);\r\n    }\r\n\r\n    if (shouldRestore) {\r\n      documentElement.scrollTop = this.initialScroll;\r\n    }\r\n  };\r\n\r\n  private makeSomeMagicWithScroll = (document: HTMLElement) => {\r\n    const documentComputedStyle = getComputedStyle(document);\r\n    const scrollWidth = getScrollWidth();\r\n    const documentMargin = parseFloat(documentComputedStyle.marginRight || '');\r\n    const documentStyle = generateDocumentStyle(documentMargin + scrollWidth);\r\n\r\n    this.disposeDocumentStyle = this.attachStyle(document, documentStyle);\r\n  };\r\n\r\n  private attachStyle = (element: HTMLElement, style: { css: string; className: string }) => {\r\n    element.classList.add(style.className);\r\n    const removeStyleNode = attachStylesheet(style.css);\r\n    return () => {\r\n      removeStyleNode();\r\n      element.classList.remove(style.className);\r\n    };\r\n  };\r\n\r\n  private restoreStyles = () => {\r\n    if (this.disposeDocumentStyle) {\r\n      this.disposeDocumentStyle();\r\n      this.disposeDocumentStyle = null;\r\n    }\r\n\r\n    // Forcing reflow for Firefix\r\n    attachStylesheet('html, body { height: auto; }')();\r\n  };\r\n}\r\n\r\nclass VerticalScrollCounter {\r\n  public static increment = (): number => {\r\n    const counter = window.RetailUIVerticalScrollCounter || 0;\r\n    return (window.RetailUIVerticalScrollCounter = counter + 1);\r\n  };\r\n\r\n  public static decrement = (): number => {\r\n    const counter = window.RetailUIVerticalScrollCounter || 0;\r\n    return (window.RetailUIVerticalScrollCounter = counter - 1);\r\n  };\r\n\r\n  public static get = (): number => {\r\n    return window.RetailUIVerticalScrollCounter || 0;\r\n  };\r\n}\r\n\r\nfunction generateClassName(className: string) {\r\n  const { name, hash } = HideBodyVerticalScroll;\r\n  return `${name}-${className}-${hash}`;\r\n}\r\n\r\nfunction generateDocumentStyle(documentMargin: number) {\r\n  const className = generateClassName('document');\r\n  const css = `\\\r\n.${className} {\r\n  overflow: hidden !important;\r\n  margin-right: ${documentMargin}px !important;\r\n  height: 100%;\r\n}\r\n`;\r\n  return { className, css };\r\n}\r\n\r\nfunction attachStylesheet(sheet: string) {\r\n  const style = document.createElement('style');\r\n  style.setAttribute('type', 'text/css');\r\n  // @ts-ignore IE specific api\r\n  if (style.styleSheet) {\r\n    // @ts-ignore IE specific api\r\n    style.styleSheet.cssText = sheet;\r\n  } else {\r\n    const textnode = document.createTextNode(sheet);\r\n    style.appendChild(textnode);\r\n  }\r\n  const head = document.getElementsByTagName('head')[0];\r\n  head.appendChild(style);\r\n  return () => {\r\n    if (head.contains(style)) {\r\n      head.removeChild(style);\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["HideBodyVerticalScroll.tsx"],"names":["disposeDocumentStyle","HideBodyVerticalScroll","initialScroll","master","updateScrollVisibility","document","documentElement","shouldHide","hideScroll","clientHeight","scrollHeight","documentComputedStyle","getComputedStyle","scrollbarConst","overflowY","scrollWidth","documentMargin","parseFloat","marginRight","className","generateDocumentStyle","attachStyle","element","classList","add","remove","restoreStyles","scrollTop","componentDidMount","counter","VerticalScrollCounter","increment","window","addEventListener","componentDidUpdate","componentWillUnmount","decrement","removeEventListener","render","React","Component","__KONTUR_REACT_UI__","RetailUIVerticalScrollCounter","get","css"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { css } from '../../lib/theming/Emotion';\n\nlet disposeDocumentStyle: (() => void) | null = null;\n\nexport class HideBodyVerticalScroll extends React.Component {\n  public static __KONTUR_REACT_UI__ = '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 = document.documentElement ? document.documentElement.scrollTop : 0;\n      this.updateScrollVisibility();\n      window.addEventListener('resize', this.updateScrollVisibility);\n    }\n  }\n\n  public componentDidUpdate() {\n    if (this.master) {\n      this.updateScrollVisibility();\n    }\n  }\n\n  public componentWillUnmount() {\n    const counter = VerticalScrollCounter.decrement();\n    if (counter === 0) {\n      this.restoreStyles();\n      window.removeEventListener('resize', this.updateScrollVisibility);\n    }\n  }\n\n  public render() {\n    return null;\n  }\n\n  private updateScrollVisibility = () => {\n    const { documentElement } = document;\n    if (!documentElement) {\n      return;\n    }\n    const shouldHide = !disposeDocumentStyle;\n    if (shouldHide) {\n      this.hideScroll(documentElement);\n    }\n  };\n\n  private hideScroll = (document: HTMLElement) => {\n    const { clientHeight, scrollHeight } = document;\n    const documentComputedStyle = getComputedStyle(document);\n    const scrollbarConst = getComputedStyle(document).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 = this.attachStyle(document, className);\n  };\n\n  private 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      const { documentElement } = document;\n\n      if (documentElement) {\n        documentElement.scrollTop = this.initialScroll;\n      }\n    }\n  };\n}\n\nclass VerticalScrollCounter {\n  public static increment = (): number => {\n    const counter = window.RetailUIVerticalScrollCounter || 0;\n    return (window.RetailUIVerticalScrollCounter = counter + 1);\n  };\n\n  public static decrement = (): number => {\n    const counter = window.RetailUIVerticalScrollCounter || 0;\n    return (window.RetailUIVerticalScrollCounter = counter - 1);\n  };\n\n  public static get = (): number => {\n    return window.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"]}

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

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

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

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

package/cjs/internal/IgnoreLayerClick/IgnoreLayerClick.js

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

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

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

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

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

package/cjs/internal/InputLikeText/HiddenInput.js

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

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

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

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { MouseDragEventHandler } from '../../lib/events/MouseDrag';
 import { InputProps, InputState } from '../../components/Input';
-import { CommonProps } from '../../internal/CommonWrapper';
+import { CommonProps } from '../CommonWrapper';
 export interface InputLikeTextProps extends CommonProps, InputProps {
     children?: React.ReactNode;
     innerRef?: (el: HTMLElement | null) => void;
@@ -9,13 +9,18 @@ export interface InputLikeTextProps extends CommonProps, InputProps {
     onBlur?: React.FocusEventHandler<HTMLElement>;
     onMouseDragStart?: MouseDragEventHandler;
     onMouseDragEnd?: MouseDragEventHandler;
+    takeContentWidth?: boolean;
 }
-export declare type InputLikeTextState = Omit<InputState, 'polyfillPlaceholder'>;
+export declare type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder'>;
+export declare const InputLikeTextDataTids: {
+    readonly root: "InputLikeText__root";
+    readonly input: "InputLikeText__input";
+};
+declare type DefaultProps = Required<Pick<InputLikeTextProps, 'size'>>;
 export declare class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        size: string;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     state: {
         blinking: boolean;
         focused: boolean;
@@ -29,6 +34,7 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
     private dragging;
     private focusTimeout;
     private blinkTimeout;
+    private setRootNode;
     /**
      * @public
      */
@@ -69,3 +75,4 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
     private defrost;
     private getSizeClassName;
 }
+export {};