@skbkontur/react-ui 0.0.0-2ac4c133dd → 0.0.0-2d059f9369

package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FileUploaderFileList.styles.ts"],"names":["styles","file","css","fileWrapper","t","fileUploaderPaddingY","fileUploaderPaddingX","jsStyles"],"mappings":"8QAAA,uD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;AAGD,GALY;AAMbC,EAAAA,WANa,uBAMDC,CANC,EAMS;AACpB,eAAOF,YAAP;;;;;;AAMaE,IAAAA,CAAC,CAACC,oBANf,EAMuCD,CAAC,CAACE,oBANzC;;AAQD,GAfY,EAAf;;;AAkBO,IAAMC,QAAQ,GAAG,2BAAaP,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  file() {\n    return css`\n      width: 100%;\n    `;\n  },\n  fileWrapper(t: Theme) {\n    return css`\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n      padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["FileUploaderFileList.styles.ts"],"names":["styles","file","css","fileWrapper","t","fileUploaderPaddingY","fileUploaderPaddingX","fileWrapperSmall","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","fileWrapperMedium","fileUploaderPaddingYMedium","fileUploaderPaddingXMedium","fileWrapperLarge","fileUploaderPaddingYLarge","fileUploaderPaddingXLarge","jsStyles"],"mappings":"8QAAA,uD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;AAGD,GALY;AAMbC,EAAAA,WANa,uBAMDC,CANC,EAMS;AACpB,eAAOF,YAAP;;;;;;AAMaE,IAAAA,CAAC,CAACC,oBANf,EAMuCD,CAAC,CAACE,oBANzC;;AAQD,GAfY;;AAiBbC,EAAAA,gBAjBa,4BAiBIH,CAjBJ,EAiBc;AACzB,eAAOF,YAAP;AACaE,IAAAA,CAAC,CAACI,yBADf,EAC4CJ,CAAC,CAACK,yBAD9C;;AAGD,GArBY;;AAuBbC,EAAAA,iBAvBa,6BAuBKN,CAvBL,EAuBe;AAC1B,eAAOF,YAAP;AACaE,IAAAA,CAAC,CAACO,0BADf,EAC6CP,CAAC,CAACQ,0BAD/C;;AAGD,GA3BY;;AA6BbC,EAAAA,gBA7Ba,4BA6BIT,CA7BJ,EA6Bc;AACzB,eAAOF,YAAP;AACaE,IAAAA,CAAC,CAACU,yBADf,EAC4CV,CAAC,CAACW,yBAD9C;;AAGD,GAjCY,EAAf;;;AAoCO,IAAMC,QAAQ,GAAG,2BAAahB,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  file() {\n    return css`\n      width: 100%;\n    `;\n  },\n  fileWrapper(t: Theme) {\n    return css`\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n      padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n    `;\n  },\n\n  fileWrapperSmall(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n\n  fileWrapperMedium(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n    `;\n  },\n\n  fileWrapperLarge(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/internal/FileUploaderControl/hooks/useFileUploaderSize.d.ts

@@ -0,0 +1,2 @@
+import { SizeProp } from '../../../lib/types/props';
+export declare function useFileUploaderSize<T>(size: SizeProp, { small, medium, large }: Record<SizeProp, T>): T;

package/cjs/internal/FileUploaderControl/hooks/useFileUploaderSize.js

@@ -0,0 +1,18 @@
+"use strict";exports.__esModule = true;exports.useFileUploaderSize = useFileUploaderSize;var _react = require("react");
+
+
+
+function useFileUploaderSize(size, _ref) {var small = _ref.small,medium = _ref.medium,large = _ref.large;
+  return (0, _react.useMemo)(function () {
+    switch (size) {
+      case 'large':
+        return large;
+      case 'medium':
+        return medium;
+      case 'small':
+        return small;
+      default:
+        return small;}
+
+  }, [size]);
+}

package/cjs/internal/FileUploaderControl/hooks/useFileUploaderSize.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useFileUploaderSize.ts"],"names":["useFileUploaderSize","size","small","medium","large"],"mappings":"yFAAA;;;;AAIO,SAASA,mBAAT,CAAgCC,IAAhC,QAA+F,KAA7CC,KAA6C,QAA7CA,KAA6C,CAAtCC,MAAsC,QAAtCA,MAAsC,CAA9BC,KAA8B,QAA9BA,KAA8B;AACpG,SAAO,oBAAQ,YAAM;AACnB,YAAQH,IAAR;AACE,WAAK,OAAL;AACE,eAAOG,KAAP;AACF,WAAK,QAAL;AACE,eAAOD,MAAP;AACF,WAAK,OAAL;AACE,eAAOD,KAAP;AACF;AACE,eAAOA,KAAP,CARJ;;AAUD,GAXM,EAWJ,CAACD,IAAD,CAXI,CAAP;AAYD","sourcesContent":["import { useMemo } from 'react';\n\nimport { SizeProp } from '../../../lib/types/props';\n\nexport function useFileUploaderSize<T>(size: SizeProp, { small, medium, large }: Record<SizeProp, T>) {\n  return useMemo(() => {\n    switch (size) {\n      case 'large':\n        return large;\n      case 'medium':\n        return medium;\n      case 'small':\n        return small;\n      default:\n        return small;\n    }\n  }, [size]);\n}\n"]}

package/cjs/internal/FileUploaderControl/withFileUploaderControlProvider.d.ts

@@ -1,3 +1,3 @@
 import React, { ComponentType } from 'react';
 import { FileUploaderControlProviderProps } from './FileUploaderControlProvider';
-export declare const withFileUploaderControlProvider: <TProps extends object, TRef extends object>(Component: React.ComponentType<Pick<TProps & FileUploaderControlProviderProps, Exclude<keyof TProps, keyof FileUploaderControlProviderProps>>>) => React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps & FileUploaderControlProviderProps> & React.RefAttributes<TRef>>>;
+export declare const withFileUploaderControlProvider: <TProps extends Record<string, any>, TRef extends Record<string, any>>(Component: React.ComponentType<Pick<TProps & FileUploaderControlProviderProps, Exclude<keyof TProps, keyof FileUploaderControlProviderProps>>>) => React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps & FileUploaderControlProviderProps> & React.RefAttributes<TRef>>>;

package/cjs/internal/FileUploaderControl/withFileUploaderControlProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["withFileUploaderControlProvider.tsx"],"names":["withFileUploaderControlProvider","Component","React","memo","forwardRef","props","ref","onRemove","onValueChange","onAttach","rest"],"mappings":";AACA;;AAEA,4E;;AAEO,IAAMA,+BAA+B,GAAG,SAAlCA,+BAAkC;AAC7CC,SAD6C;;;AAI1C;AACH,sBAAOC,eAAMC,IAAN;AACLD,iBAAME,UAAN;AACE,YAACC,KAAD,EAAmDC,GAAnD,EAA2D;AACzD,QAAQC,QAAR,GAAuDF,KAAvD,CAAQE,QAAR,CAAkBC,aAAlB,GAAuDH,KAAvD,CAAkBG,aAAlB,CAAiCC,QAAjC,GAAuDJ,KAAvD,CAAiCI,QAAjC,CAA8CC,IAA9C,+CAAuDL,KAAvD;AACA;AACE,mCAAC,wDAAD,EAAiCA,KAAjC;AACE,mCAAC,SAAD,2BAAW,GAAG,EAAEC,GAAhB,IAAyBI,IAAzB,EADF,CADF;;;AAKD,GARH,CADK,CAAP;;;AAYD,CAjBM,C","sourcesContent":["/* eslint-disable react/display-name */\nimport React, { ComponentType } from 'react';\n\nimport { FileUploaderControlProvider, FileUploaderControlProviderProps } from './FileUploaderControlProvider';\n\nexport const withFileUploaderControlProvider = <TProps extends object, TRef extends object>(\n  Component: ComponentType<\n    Pick<TProps & FileUploaderControlProviderProps, Exclude<keyof TProps, keyof FileUploaderControlProviderProps>>\n  >,\n) => {\n  return React.memo(\n    React.forwardRef<TRef, TProps & FileUploaderControlProviderProps>(\n      (props: TProps & FileUploaderControlProviderProps, ref) => {\n        const { onRemove, onValueChange, onAttach, ...rest } = props;\n        return (\n          <FileUploaderControlProvider {...props}>\n            <Component ref={ref} {...rest} />\n          </FileUploaderControlProvider>\n        );\n      },\n    ),\n  );\n};\n"]}
+{"version":3,"sources":["withFileUploaderControlProvider.tsx"],"names":["withFileUploaderControlProvider","Component","React","memo","forwardRef","props","ref","onRemove","onValueChange","onAttach","rest"],"mappings":";AACA;;AAEA,4E;;AAEO,IAAMA,+BAA+B,GAAG,SAAlCA,+BAAkC;AAC7CC,SAD6C;;;AAI1C;AACH,sBAAOC,eAAMC,IAAN;AACLD,iBAAME,UAAN;AACE,YAACC,KAAD,EAAmDC,GAAnD,EAA2D;AACzD,QAAQC,QAAR,GAAuDF,KAAvD,CAAQE,QAAR,CAAkBC,aAAlB,GAAuDH,KAAvD,CAAkBG,aAAlB,CAAiCC,QAAjC,GAAuDJ,KAAvD,CAAiCI,QAAjC,CAA8CC,IAA9C,+CAAuDL,KAAvD;AACA;AACE,mCAAC,wDAAD,EAAiCA,KAAjC;AACE,mCAAC,SAAD,2BAAW,GAAG,EAAEC,GAAhB,IAAyBI,IAAzB,EADF,CADF;;;AAKD,GARH,CADK,CAAP;;;AAYD,CAjBM,C","sourcesContent":["/* eslint-disable react/display-name */\nimport React, { ComponentType } from 'react';\n\nimport { FileUploaderControlProvider, FileUploaderControlProviderProps } from './FileUploaderControlProvider';\n\nexport const withFileUploaderControlProvider = <TProps extends Record<string, any>, TRef extends Record<string, any>>(\n  Component: ComponentType<\n    Pick<TProps & FileUploaderControlProviderProps, Exclude<keyof TProps, keyof FileUploaderControlProviderProps>>\n  >,\n) => {\n  return React.memo(\n    React.forwardRef<TRef, TProps & FileUploaderControlProviderProps>(\n      (props: TProps & FileUploaderControlProviderProps, ref) => {\n        const { onRemove, onValueChange, onAttach, ...rest } = props;\n        return (\n          <FileUploaderControlProvider {...props}>\n            <Component ref={ref} {...rest} />\n          </FileUploaderControlProvider>\n        );\n      },\n    ),\n  );\n};\n"]}

package/cjs/internal/FocusTrap/FocusTrap.js

@@ -1,8 +1,10 @@
 "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 _globalObject = require("@skbkontur/global-object");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _listenFocusOutside = require("../../lib/listenFocusOutside");
-var _rootNode = require("../../lib/rootNode");var _class, _class2, _temp;var
+var _rootNode = require("../../lib/rootNode");
+var _isInstanceOf = require("../../lib/isInstanceOf");var _class, _class2, _temp;var
 
 
 
@@ -51,11 +53,11 @@ FocusTrap = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/fun
 
     attachListeners = function () {
       var rootNode = (0, _rootNode.getRootNode)((0, _assertThisInitialized2.default)(_this));
-      if (!_this.focusOutsideListenerToken && rootNode) {
+      if (!_this.focusOutsideListenerToken && rootNode) {var _globalObject$documen;
         _this.focusOutsideListenerToken = (0, _listenFocusOutside.listen)([rootNode], _this.onClickOutside);
 
-        document.addEventListener(
-        'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',
+        (_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.addEventListener(
+        'ontouchstart' in _globalObject.globalObject.document.documentElement ? 'touchstart' : 'mousedown',
         _this.handleNativeDocClick);
 
       }
@@ -77,9 +79,9 @@ FocusTrap = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/fun
       var target = event.target || event.srcElement;
       var node = (0, _rootNode.getRootNode)((0, _assertThisInitialized2.default)(_this));
 
-      if (node && target instanceof Element && (0, _listenFocusOutside.containsTargetOrRenderContainer)(target)(node)) {
+      if (node && (0, _isInstanceOf.isInstanceOf)(target, _globalObject.globalObject.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, (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;
+    };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) {var _globalObject$documen2;this.focusOutsideListenerToken.remove();this.focusOutsideListenerToken = null;(_globalObject$documen2 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen2.removeEventListener('ontouchstart' in _globalObject.globalObject.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","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"]}
+{"version":3,"sources":["FocusTrap.tsx"],"names":["FocusTrap","rootNode","focusOutsideListenerToken","onClickOutside","e","props","onBlur","detachListeners","attachListeners","document","addEventListener","globalObject","documentElement","handleNativeDocClick","event","target","srcElement","node","Element","componentWillUnmount","render","children","setRootNode","React","cloneElement","Children","only","onFocus","remove","removeEventListener","PureComponent","__KONTUR_REACT_UI__"],"mappings":"qbAAA;AACA;;AAEA;AACA;AACA;AACA,sD;;;;;;;;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;;AAEA,4DAAaM,QAAb,2CAAuBC,gBAAvB;AACE,0BAAkBC,2BAAaF,QAAb,CAAsBG,eAAxC,GAA0D,YAA1D,GAAyE,WAD3E;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,IAAI,gCAAaF,MAAb,EAAqBJ,2BAAaO,OAAlC,CAAR,IAAsD,yDAAgCH,MAAhC,EAAwCE,IAAxC,CAA1D,EAAyG;AACvG;AACD;;AAED,YAAKd,cAAL,CAAoBW,KAApB;AACD,K,uDAhEMK,oB,GAAP,gCAA8B,CAC5B,IAAI,KAAKjB,yBAAT,EAAoC,CAClC,KAAKK,eAAL,GACD,CACF,C,QAEMa,M,GAAP,kBAAgB,mBACd,kBAA6B,KAAKf,KAAlC,CAAQgB,QAAR,eAAQA,QAAR,CAAkBf,MAAlB,eAAkBA,MAAlB,CACA,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKgB,WAAjC,IAAkD,KAAKjB,KAAvD,gBACGkB,eAAMC,YAAN,CAAmBD,eAAME,QAAN,CAAeC,IAAf,CAAoBL,QAApB,CAAnB,EAAkD,EACjDM,OAAO,EAAE,mBAAoB,CAC3B,IAAIrB,MAAJ,EAAY,CACV,MAAI,CAACE,eAAL,GACD,CACD,IAAIa,QAAQ,CAAChB,KAAT,IAAkBgB,QAAQ,CAAChB,KAAT,CAAesB,OAArC,EAA8C,qBAC5C,mBAAAN,QAAQ,CAAChB,KAAT,EAAesB,OAAf,mCACD,CACF,CARgD,EAAlD,CADH,CADF,CAcD,C,QAqBOpB,e,GAAR,2BAA0B,CACxB,IAAI,KAAKL,yBAAT,EAAoC,4BAClC,KAAKA,yBAAL,CAA+B0B,MAA/B,GACA,KAAK1B,yBAAL,GAAiC,IAAjC,CAEA,qDAAaO,QAAb,4CAAuBoB,mBAAvB,CACE,kBAAkBlB,2BAAaF,QAAb,CAAsBG,eAAxC,GAA0D,YAA1D,GAAyE,WAD3E,EAEE,KAAKC,oBAFP,EAID,CACF,C,oBA7D4BU,eAAMO,a,WACrBC,mB,GAAsB,W","sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\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      globalObject.document?.addEventListener(\n        'ontouchstart' in globalObject.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      globalObject.document?.removeEventListener(\n        'ontouchstart' in globalObject.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 && isInstanceOf(target, globalObject.Element) && containsTargetOrRenderContainer(target)(node)) {\n      return;\n    }\n\n    this.onClickOutside(event);\n  };\n}\n"]}

package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js

@@ -1,4 +1,5 @@
 "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 _globalObject = require("@skbkontur/global-object");
 
 var _getScrollWidth = require("../../lib/dom/getScrollWidth");
 var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
@@ -40,24 +41,25 @@ HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {(0, _inherits
 
 
     updateScrollVisibility = function () {
-      var _document = document,documentElement = _document.documentElement;
-      if (!documentElement) {
-        return;
-      }
       var shouldHide = !disposeDocumentStyle;
       if (shouldHide) {
-        _this.hideScroll(documentElement);
+        _this.hideScroll();
       }
     };_this.
 
-    hideScroll = function (document) {
-      var clientHeight = document.clientHeight,scrollHeight = document.scrollHeight;
-      var documentComputedStyle = getComputedStyle(document);
-      var scrollWidth = clientHeight < scrollHeight ? (0, _getScrollWidth.getScrollWidth)() : 0;
+    hideScroll = function () {
+      if (!(0, _globalObject.isBrowser)(_globalObject.globalObject)) {
+        return;
+      }
+      var documentElement = _globalObject.globalObject.document.documentElement;
+      var clientHeight = documentElement.clientHeight,scrollHeight = documentElement.scrollHeight;
+      var documentComputedStyle = _globalObject.globalObject.getComputedStyle(documentElement);
+      var scrollbarConst = _globalObject.globalObject.getComputedStyle(documentElement).overflowY === 'scroll';
+      var scrollWidth = clientHeight < scrollHeight || scrollbarConst ? (0, _getScrollWidth.getScrollWidth)() : 0;
       var documentMargin = parseFloat(documentComputedStyle.marginRight || '');
       var className = generateDocumentStyle(documentMargin + scrollWidth);
 
-      disposeDocumentStyle = _this.attachStyle(document, className);
+      disposeDocumentStyle = _this.attachStyle(documentElement, className);
     };_this.
 
     attachStyle = function (element, className) {
@@ -72,28 +74,26 @@ HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {(0, _inherits
         disposeDocumentStyle();
         disposeDocumentStyle = null;
 
-        var _document2 = document,documentElement = _document2.documentElement;
-
-        if (documentElement) {
-          documentElement.scrollTop = _this.initialScroll;
+        if (_globalObject.globalObject.document) {
+          _globalObject.globalObject.document.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
+    };return _this;}var _proto = HideBodyVerticalScroll.prototype;_proto.componentDidMount = function componentDidMount() {var counter = VerticalScrollCounter.increment();if (counter === 1) {var _globalObject$documen;this.master = true;this.initialScroll = (_globalObject$documen = _globalObject.globalObject.document) != null && _globalObject$documen.documentElement ? _globalObject.globalObject.document.documentElement.scrollTop : 0;this.updateScrollVisibility();_globalObject.globalObject.addEventListener == null ? void 0 : _globalObject.globalObject.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();_globalObject.globalObject.removeEventListener == null ? void 0 : _globalObject.globalObject.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.
 increment = function () {
-  var counter = window.RetailUIVerticalScrollCounter || 0;
-  return window.RetailUIVerticalScrollCounter = counter + 1;
+  var counter = _globalObject.globalObject.RetailUIVerticalScrollCounter || 0;
+  return _globalObject.globalObject.RetailUIVerticalScrollCounter = counter + 1;
 };VerticalScrollCounter.
 
 decrement = function () {
-  var counter = window.RetailUIVerticalScrollCounter || 0;
-  return window.RetailUIVerticalScrollCounter = counter - 1;
+  var counter = _globalObject.globalObject.RetailUIVerticalScrollCounter || 0;
+  return _globalObject.globalObject.RetailUIVerticalScrollCounter = counter - 1;
 };VerticalScrollCounter.
 
 get = function () {
-  return window.RetailUIVerticalScrollCounter || 0;
+  return _globalObject.globalObject.RetailUIVerticalScrollCounter || 0;
 };
 
 

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

@@ -1 +1 @@
-{"version":3,"sources":["HideBodyVerticalScroll.tsx"],"names":["disposeDocumentStyle","HideBodyVerticalScroll","initialScroll","master","updateScrollVisibility","document","documentElement","shouldHide","hideScroll","clientHeight","scrollHeight","documentComputedStyle","getComputedStyle","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 scrollWidth = clientHeight < scrollHeight ? 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"]}
+{"version":3,"sources":["HideBodyVerticalScroll.tsx"],"names":["disposeDocumentStyle","HideBodyVerticalScroll","initialScroll","master","updateScrollVisibility","shouldHide","hideScroll","globalObject","documentElement","document","clientHeight","scrollHeight","documentComputedStyle","getComputedStyle","scrollbarConst","overflowY","scrollWidth","documentMargin","parseFloat","marginRight","className","generateDocumentStyle","attachStyle","element","classList","add","remove","restoreStyles","scrollTop","componentDidMount","counter","VerticalScrollCounter","increment","addEventListener","componentDidUpdate","componentWillUnmount","decrement","removeEventListener","render","React","Component","__KONTUR_REACT_UI__","RetailUIVerticalScrollCounter","get","css"],"mappings":"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","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\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 = globalObject.document?.documentElement ? globalObject.document.documentElement.scrollTop : 0;\n      this.updateScrollVisibility();\n      globalObject.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      globalObject.removeEventListener?.('resize', this.updateScrollVisibility);\n    }\n  }\n\n  public render() {\n    return null;\n  }\n\n  private updateScrollVisibility = () => {\n    const shouldHide = !disposeDocumentStyle;\n    if (shouldHide) {\n      this.hideScroll();\n    }\n  };\n\n  private 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 = this.attachStyle(documentElement, 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      if (globalObject.document) {\n        globalObject.document.documentElement.scrollTop = this.initialScroll;\n      }\n    }\n  };\n}\n\nclass VerticalScrollCounter {\n  public static increment = (): number => {\n    const counter = globalObject.RetailUIVerticalScrollCounter || 0;\n    return (globalObject.RetailUIVerticalScrollCounter = counter + 1);\n  };\n\n  public static decrement = (): number => {\n    const counter = globalObject.RetailUIVerticalScrollCounter || 0;\n    return (globalObject.RetailUIVerticalScrollCounter = counter - 1);\n  };\n\n  public static get = (): number => {\n    return globalObject.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/IgnoreLayerClick/IgnoreLayerClick.js

@@ -1,6 +1,8 @@
 "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 _globalObject = require("@skbkontur/global-object");
 
 var _rootNode = require("../../lib/rootNode");
+var _isInstanceOf = require("../../lib/isInstanceOf");
 var _CommonWrapper = require("../CommonWrapper");var _class, _class2, _temp;var
 
 
@@ -52,4 +54,4 @@ IgnoreLayerClickWrapper = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*
 
     handleMouseDown = function (event) {
       event.stopPropagation();
-    };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;
+    };return _this;}var _proto2 = IgnoreLayerClickWrapper.prototype;_proto2.componentDidMount = function componentDidMount() {var element = (0, _rootNode.getRootNode)(this);if ((0, _isInstanceOf.isInstanceOf)(element, _globalObject.globalObject.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","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"]}
+{"version":3,"sources":["IgnoreLayerClick.tsx"],"names":["IgnoreLayerClick","render","child","React","Children","only","props","children","active","Component","IgnoreLayerClickWrapper","rootNode","element","handleMouseDown","event","stopPropagation","componentDidMount","globalObject","Element","addEventListener","componentWillUnmount","removeEventListener","setRootNode","__KONTUR_REACT_UI__"],"mappings":"8UAAA;AACA;;AAEA;AACA;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,IAAI,gCAAaA,OAAb,EAAsBK,2BAAaC,OAAnC,CAAJ,EAAiD,CAC/CN,OAAO,CAACO,gBAAR,CAAyB,WAAzB,EAAsC,KAAKN,eAA3C,EACA,KAAKD,OAAL,GAAeA,OAAf,CACD,CACF,C,SAEMQ,oB,GAAP,gCAA8B,CAC5B,IAAI,KAAKR,OAAT,EAAkB,CAChB,KAAKA,OAAL,CAAaS,mBAAb,CAAiC,WAAjC,EAA8C,KAAKR,eAAnD,EACA,KAAKD,OAAL,GAAe,IAAf,CACD,CACF,C,SAEMX,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKqB,WAAjC,IAAkD,KAAKhB,KAAvD,GACGH,eAAMC,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CADH,CADF,CAKD,C,kCA3BmCJ,eAAMM,S,WAC5Bc,mB,GAAsB,kB","sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { getRootNode, rootNode, TSetRootNode } 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\n  private element: Element | null = null;\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"]}

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

@@ -15,12 +15,13 @@ export declare type InputLikeTextState = Omit<InputState, 'needsPolyfillPlacehol
 export declare const InputLikeTextDataTids: {
     readonly root: "InputLikeText__root";
     readonly input: "InputLikeText__input";
+    readonly nativeInput: "InputLikeText__nativeInput";
 };
+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;
@@ -48,6 +49,7 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
      */
     blink(): void;
     getNode(): HTMLElement | null;
+    private selectNodeContentsDebounced;
     selectInnerNode: (node: HTMLElement | null, start?: number, end?: number) => void;
     componentDidMount(): void;
     componentWillUnmount(): void;
@@ -75,3 +77,4 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
     private defrost;
     private getSizeClassName;
 }
+export {};

package/cjs/internal/InputLikeText/InputLikeText.js

@@ -1,10 +1,14 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.InputLikeTextDataTids = exports.InputLikeText = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.InputLikeTextDataTids = exports.InputLikeText = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _lodash = _interopRequireDefault(require("lodash.debounce"));
+var _globalObject = require("@skbkontur/global-object");
 
 var _utils = require("../../lib/utils");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _MouseDrag = require("../../lib/events/MouseDrag");
 var _client = require("../../lib/client");
-
 var _SelectionHelpers = require("../../components/DateInput/helpers/SelectionHelpers");
 
 var _Input = require("../../components/Input/Input.styles");
@@ -14,9 +18,14 @@ var _CommonWrapper = require("../CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 var _listenFocusOutside = require("../../lib/listenFocusOutside");
 var _rootNode = require("../../lib/rootNode");
+var _createPropsGetter = require("../../lib/createPropsGetter");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _InputLayoutAside = require("../../components/Input/InputLayout/InputLayoutAside");
+var _InputLayoutContext = require("../../components/Input/InputLayout/InputLayoutContext");
+var _isInstanceOf = require("../../lib/isInstanceOf");
 
-var _InputLikeText = require("./InputLikeText.styles");
-var _HiddenInput = require("./HiddenInput");var _excluded = ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth"];var _class, _class2, _temp;
+var _HiddenInput = require("./HiddenInput");
+var _InputLikeText = require("./InputLikeText.styles");var _excluded = ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth", "aria-describedby"];var _class, _class2, _temp;
 
 
 
@@ -32,7 +41,10 @@ var _HiddenInput = require("./HiddenInput");var _excluded = ["innerRef", "tabInd
 
 var InputLikeTextDataTids = {
   root: 'InputLikeText__root',
-  input: 'InputLikeText__input' };exports.InputLikeTextDataTids = InputLikeTextDataTids;var
+  input: 'InputLikeText__input',
+  nativeInput: 'InputLikeText__nativeInput' };exports.InputLikeTextDataTids = InputLikeTextDataTids;var
+
+
 
 
 
@@ -41,6 +53,8 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
 
 
 
+    getProps = (0, _createPropsGetter.createPropsGetter)(InputLikeText.defaultProps);_this.
+
     state = { blinking: false, focused: false };_this.
 
 
@@ -87,12 +101,15 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
 
 
 
+
+
+    selectNodeContentsDebounced = (0, _lodash.default)(_SelectionHelpers.selectNodeContents, 0);_this.
 
     selectInnerNode = function (node, start, end) {if (start === void 0) {start = 0;}if (end === void 0) {end = 1;}
       if (_this.dragging || !node) {
         return;
       }
-      if (_client.isIE11 && (0, _listenFocusOutside.findRenderContainer)(node, document.body)) {
+      if (_client.isIE11 && _globalObject.globalObject.document && (0, _listenFocusOutside.findRenderContainer)(node, _globalObject.globalObject.document.body)) {
         // Code below causes Popup to close after triggering the focus event on the body in IE11
         return;
       }
@@ -100,11 +117,12 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
       _this.frozenBlur = true;
 
       _this.lastSelectedInnerNode = [node, start, end];
-      setTimeout(function () {return (0, _SelectionHelpers.selectNodeContents)(node, start, end);}, 0);
+      _this.selectNodeContentsDebounced(node, start, end);
+
       if (_this.focusTimeout) {
-        clearInterval(_this.focusTimeout);
+        _globalObject.globalObject.clearInterval(_this.focusTimeout);
       }
-      _this.focusTimeout = window.setTimeout(function () {return (_client.isIE11 || _client.isEdge) && _this.node && _this.node.focus();}, 0);
+      _this.focusTimeout = _globalObject.globalObject.setTimeout(function () {return (_client.isIE11 || _client.isEdge) && _this.node && _this.node.focus();}, 0);
     };_this.
 
 
@@ -161,17 +179,27 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
 
 
 
-      props.innerRef,tabIndex = props.tabIndex,placeholder = props.placeholder,align = props.align,borderless = props.borderless,width = props.width,size = props.size,error = props.error,warning = props.warning,onValueChange = props.onValueChange,disabled = props.disabled,prefix = props.prefix,suffix = props.suffix,leftIcon = props.leftIcon,rightIcon = props.rightIcon,value = props.value,onMouseDragStart = props.onMouseDragStart,onMouseDragEnd = props.onMouseDragEnd,takeContentWidth = props.takeContentWidth,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+
+      props.innerRef,tabIndex = props.tabIndex,placeholder = props.placeholder,align = props.align,borderless = props.borderless,width = props.width,size = props.size,error = props.error,warning = props.warning,onValueChange = props.onValueChange,disabled = props.disabled,prefix = props.prefix,suffix = props.suffix,leftIcon = props.leftIcon,rightIcon = props.rightIcon,value = props.value,onMouseDragStart = props.onMouseDragStart,onMouseDragEnd = props.onMouseDragEnd,takeContentWidth = props.takeContentWidth,ariaDescribedby = props['aria-describedby'],rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
 
       var _this$state = _this.state,focused = _this$state.focused,blinking = _this$state.blinking;
 
-      var leftSide = _this.renderLeftSide();
-      var rightSide = _this.renderRightSide();
+      var leftSide = (0, _ThemeHelpers.isTheme2022)(_this.theme) ? /*#__PURE__*/
+      _react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: leftIcon, text: prefix, side: "left" }) :
+
+      _this.renderLeftSide();
+
+      var rightSide = (0, _ThemeHelpers.isTheme2022)(_this.theme) ? /*#__PURE__*/
+      _react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: rightIcon, text: suffix, side: "right" }) :
+
+      _this.renderRightSide();
+
 
       var className = (0, _Emotion.cx)(_InputLikeText.styles.root(), _Input.styles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[
       _Input.styles.disabled(_this.theme)] = !!disabled, _cx[
       _Input.styles.borderless()] = !!borderless, _cx[
       _Input.styles.focus(_this.theme)] = focused, _cx[
+      _Input.styles.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless, _cx[
       _Input.styles.blink(_this.theme)] = blinking, _cx[
       _Input.styles.warning(_this.theme)] = !!warning, _cx[
       _Input.styles.error(_this.theme)] = !!error, _cx[
@@ -185,6 +213,9 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
       _InputLikeText.styles.userSelectContain()] = focused, _cx2));
 
 
+      var context = _InputLayoutContext.InputLayoutContextDefault;
+      Object.assign(context, { disabled: disabled, focused: focused, size: size });
+
       return /*#__PURE__*/(
         _react.default.createElement("span", (0, _extends2.default)({
           "data-tid": InputLikeTextDataTids.root },
@@ -198,7 +229,14 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
           onKeyDown: _this.handleKeyDown,
           onMouseDown: _this.handleMouseDown }), /*#__PURE__*/
 
-        _react.default.createElement("input", { type: "hidden", value: value }),
+        _react.default.createElement(_InputLayoutContext.InputLayoutContext.Provider, { value: context }, /*#__PURE__*/
+        _react.default.createElement("input", {
+          "data-tid": InputLikeTextDataTids.nativeInput,
+          type: "hidden",
+          value: value,
+          disabled: disabled,
+          "aria-describedby": ariaDescribedby }),
+
         leftSide, /*#__PURE__*/
         _react.default.createElement("span", { className: wrapperClass }, /*#__PURE__*/
         _react.default.createElement("span", {
@@ -214,7 +252,8 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
         _this.renderPlaceholder()),
 
         rightSide,
-        _client.isIE11 && focused && /*#__PURE__*/_react.default.createElement(_HiddenInput.HiddenInput, { nodeRef: _this.hiddenInputRef })));
+        _client.isIE11 && focused && /*#__PURE__*/_react.default.createElement(_HiddenInput.HiddenInput, { nodeRef: _this.hiddenInputRef }))));
+
 
 
     };_this.
@@ -245,7 +284,7 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
       }
 
       var disabled = _this.props.disabled;
-      var iconNode = icon instanceof Function ? icon() : icon;
+      var iconNode = (0, _utils.isFunction)(icon) ? icon() : icon;
 
       return /*#__PURE__*/(
         _react.default.createElement("span", {
@@ -339,7 +378,7 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
     };_this.
 
     handleDocumentMouseDown = function (e) {
-      if (_this.state.focused && _this.node && e.target instanceof Node && !_this.node.contains(e.target)) {
+      if (_this.state.focused && _this.node && (0, _isInstanceOf.isInstanceOf)(e.target, _globalObject.globalObject.Node) && !_this.node.contains(e.target)) {
         _this.defrost();
       }
     };_this.
@@ -350,7 +389,7 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
       }
     };_this.
 
-    handleMouseDown = function (e) {
+    handleMouseDown = function () {
       _this.frozen = true;
     };_this.
 
@@ -361,7 +400,7 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
 
       if (_client.isIE11 && (0, _identifiers.isShortcutPaste)(e) && _this.hiddenInput) {
         _this.frozen = true;
-        setTimeout(function () {
+        _globalObject.globalObject.setTimeout(function () {
           if (_this.lastSelectedInnerNode) {var _this2;
             (_this2 = _this).selectInnerNode.apply(_this2, _this.lastSelectedInnerNode);
           }
@@ -378,18 +417,18 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
       }
     };_this.
 
-    handleMouseDragStart = function (e) {
+    handleMouseDragStart = function (e) {var _globalObject$documen;
       _this.dragging = true;
-      document.documentElement.classList.add(_InputLikeText.styles.userSelectNone());
+      (_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.documentElement.classList.add(_InputLikeText.styles.userSelectNone());
 
       if (_this.props.onMouseDragStart) {
         _this.props.onMouseDragStart(e);
       }
     };_this.
 
-    handleMouseDragEnd = function (e) {
+    handleMouseDragEnd = function (e) {var _globalObject$documen2;
       // Дожидаемся onMouseUp
-      setTimeout(function () {
+      _globalObject.globalObject.setTimeout(function () {
         _this.dragging = false;
 
         if (_this.props.onMouseDragEnd) {
@@ -397,7 +436,7 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
         }
       }, 0);
 
-      document.documentElement.classList.remove(_InputLikeText.styles.userSelectNone());
+      (_globalObject$documen2 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen2.documentElement.classList.remove(_InputLikeText.styles.userSelectNone());
     };_this.
 
     handleFocus = function (e) {
@@ -406,8 +445,8 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
       }
 
       if (_this.props.disabled) {
-        if (_client.isIE11) {
-          (0, _SelectionHelpers.selectNodeContents)(document.body, 0, 0);
+        if (_client.isIE11 && _globalObject.globalObject.document) {
+          (0, _SelectionHelpers.selectNodeContents)(_globalObject.globalObject.document.body, 0, 0);
         }
         return;
       }
@@ -419,7 +458,13 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
         }
       }
 
-      _this.setState({ focused: true });
+      // Auto-batching React@18 creates problems that are fixed with flushSync
+      // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366
+      if (_react.default.version.search('18') === 0) {
+        _reactDom.default.flushSync(function () {return _this.setState({ focused: true });});
+      } else {
+        _this.setState({ focused: true });
+      }
 
       if (_this.props.onFocus) {
         _this.props.onFocus(e);
@@ -427,6 +472,7 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
     };_this.
 
     handleBlur = function (e) {
+      _this.selectNodeContentsDebounced.cancel();
       if (_client.isMobile) {
         e.target.removeAttribute('contenteditable');
       }
@@ -470,7 +516,7 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
     };_this.
 
     getSizeClassName = function () {var _cx8, _cx9, _cx10;
-      switch (_this.props.size) {
+      switch (_this.getProps().size) {
         case 'large':
           return (0, _Emotion.cx)((_cx8 = {}, _cx8[
           _Input.styles.sizeLarge(_this.theme)] = true, _cx8[
@@ -494,4 +540,5 @@ InputLikeText = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
    * @public
    */;_proto.blur = function blur() {if (this.node) {this.node.blur();}} /**
    * @public
-   */;_proto.blink = function blink() {var _this3 = this;if (this.props.disabled) {return;}this.setState({ blinking: true }, function () {_this3.blinkTimeout = window.setTimeout(function () {return _this3.setState({ blinking: false });}, 150);});};_proto.getNode = function getNode() {return this.node;};_proto.componentDidMount = function componentDidMount() {if (this.node) {_MouseDrag.MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);}document.addEventListener('mousedown', this.handleDocumentMouseDown);document.addEventListener('keydown', this.handleDocumentKeyDown);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.blinkTimeout) {clearTimeout(this.blinkTimeout);}_MouseDrag.MouseDrag.stop(this.node);document.removeEventListener('mousedown', this.handleDocumentMouseDown);document.removeEventListener('keydown', this.handleDocumentKeyDown);};_proto.render = function render() {var _this4 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this4.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this4.setRootNode }, _this4.props), _this4.renderMain);});};_proto.getIconClassname = function getIconClassname(right) {if (right === void 0) {right = false;}switch (this.props.size) {case 'large':return right ? _Input.styles.rightIconLarge(this.theme) : _Input.styles.leftIconLarge(this.theme);case 'medium':return right ? _Input.styles.rightIconMedium(this.theme) : _Input.styles.leftIconMedium(this.theme);case 'small':default:return right ? _Input.styles.rightIconSmall(this.theme) : _Input.styles.leftIconSmall(this.theme);}};return InputLikeText;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'InputLikeText', _class2.defaultProps = { size: 'small' }, _temp)) || _class;exports.InputLikeText = InputLikeText;
+   */;_proto.blink = function blink() {var _this3 = this;if (this.props.disabled) {return;}this.setState({ blinking: true }, function () {_this3.blinkTimeout = _globalObject.globalObject.setTimeout(function () {return _this3.setState({ blinking: false });}, 150);});};_proto.getNode = function getNode() {return this.node;} // Async call required for Firefox
+  ;_proto.componentDidMount = function componentDidMount() {var _globalObject$documen3, _globalObject$documen4;if (this.node) {_MouseDrag.MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);}(_globalObject$documen3 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen3.addEventListener('mousedown', this.handleDocumentMouseDown);(_globalObject$documen4 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen4.addEventListener('keydown', this.handleDocumentKeyDown);};_proto.componentWillUnmount = function componentWillUnmount() {var _globalObject$documen5, _globalObject$documen6;if (this.blinkTimeout) {_globalObject.globalObject.clearTimeout(this.blinkTimeout);}_MouseDrag.MouseDrag.stop(this.node);(_globalObject$documen5 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen5.removeEventListener('mousedown', this.handleDocumentMouseDown);(_globalObject$documen6 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen6.removeEventListener('keydown', this.handleDocumentKeyDown);};_proto.render = function render() {var _this4 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this4.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this4.setRootNode }, _this4.props), _this4.renderMain);});};_proto.getIconClassname = function getIconClassname(right) {if (right === void 0) {right = false;}switch (this.getProps().size) {case 'large':return right ? _Input.styles.rightIconLarge(this.theme) : _Input.styles.leftIconLarge(this.theme);case 'medium':return right ? _Input.styles.rightIconMedium(this.theme) : _Input.styles.leftIconMedium(this.theme);case 'small':default:return right ? _Input.styles.rightIconSmall(this.theme) : _Input.styles.leftIconSmall(this.theme);}};return InputLikeText;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'InputLikeText', _class2.defaultProps = { size: 'small' }, _temp)) || _class;exports.InputLikeText = InputLikeText;