@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/internal/RenderContainer/RenderContainerTypes.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../CommonWrapper';
-export interface PortalProps {
-    rt_rootID: string;
-    container: Nullable<HTMLElement>;
-    children: React.ReactNode;
-}
-export interface RenderContainerProps extends CommonProps {
-    anchor?: React.ReactNode;
-    children?: React.ReactNode;
-    containerRef?: React.Ref<HTMLElement>;
-}
+import type React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps } from '../CommonWrapper';
+export interface PortalProps {
+    rt_rootID: string;
+    container: Nullable<HTMLElement>;
+    children: React.ReactNode;
+}
+export interface RenderContainerProps extends CommonProps {
+    anchor?: React.ReactNode;
+    children?: React.ReactNode;
+    containerRef?: React.Ref<HTMLElement>;
+}

package/internal/RenderContainer/RenderInnerContainer/RenderInnerContainer.js

@@ -1,9 +1,6 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import ReactDOM from 'react-dom';
-import propTypes from 'prop-types';
-import { globalObject } from '@skbkontur/global-object';
-import { safePropTypesInstanceOf } from "../../../lib/SSRSafe";
 import { PORTAL_INLET_ATTR } from "../RenderContainer";
 
 // Заглушка нужна для корректной гидрации порталов после SSR,
@@ -67,10 +64,5 @@ export var RenderInnerContainer = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 RenderInnerContainer.__KONTUR_REACT_UI__ = 'RenderInnerContainer';
 RenderInnerContainer.displayName = 'RenderInnerContainer';
-Portal.propTypes = {
-  container: safePropTypesInstanceOf(globalObject.HTMLElement),
-  rt_rootID: propTypes.string.isRequired,
-  children: propTypes.node.isRequired
-};
 Portal.__KONTUR_REACT_UI__ = 'Portal';
 Portal.displayName = 'Portal';

package/internal/RenderContainer/RenderInnerContainer/RenderInnerContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactDOM","propTypes","globalObject","safePropTypesInstanceOf","PORTAL_INLET_ATTR","SSRPlaceholder","createElement","Portal","_ref","_ref2","container","rt_rootID","children","Fragment","createPortal","RenderInnerContainer","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this$props","props","anchor","domContainer","rootId","inner","key","Component","__KONTUR_REACT_UI__","displayName","HTMLElement","string","isRequired","node"],"sources":["RenderInnerContainer.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport propTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\n\nimport { PortalProps, RenderContainerProps } from './RenderContainerTypes';\nimport { PORTAL_INLET_ATTR } from './RenderContainer';\n\ninterface RenderInnerContainerProps extends RenderContainerProps {\n  domContainer: Nullable<HTMLElement>;\n  rootId: string;\n}\n\n// Заглушка нужна для корректной гидрации порталов после SSR,\n// которую реакт сам пока не поддерживает.\n// @see https://github.com/facebook/react/issues/13097\n// А также для вставки актуального render-container-id на клиенте.\n//\n// Дело в том, что во время гидрации, структура HTML на сервере\n// и на клиенте должна совпадать, иначе возможны артефакты.\n// Алгоритм там примерно такой. Клиент во время гидрации идет\n// по этим двум деревьям и сравнивает узлы. Элементы разных типов\n// он подменяет на свои. А те, что совпадают, он оставляет как есть\n// вместе со всеми атрибутами, навесив только обработчики событий.\n//\n// Поэтому, для портала, который рендерится только на клиенте,\n// нужно использовать серверную заглушку, чтобы при гидрации\n// он не испортил какой-то другой элемент. Null не подходит,\n// т.к. на сервере он тоже не рендерится.\n// А элемент с render-container-id нужно отрендерить с нуля.\n\nconst SSRPlaceholder = () => <script data-id=\"ssr-placeholder\" />;\n\nexport const Portal = ({ container, rt_rootID, children }: PortalProps) => {\n  // container exists only in browser\n  return (\n    <React.Fragment>\n      {container ? ReactDOM.createPortal(children, container) : <SSRPlaceholder />}\n      {container ? <noscript {...{ [PORTAL_INLET_ATTR]: rt_rootID }} /> : <SSRPlaceholder />}\n    </React.Fragment>\n  );\n};\n\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\n  public static displayName = 'RenderInnerContainer';\n\n  public render() {\n    const { anchor, children, domContainer, rootId } = this.props;\n    let inner = anchor;\n\n    if (children) {\n      inner = (\n        <React.Fragment>\n          {anchor}\n          <Portal key=\"portal-ref\" rt_rootID={rootId} container={domContainer}>\n            {children}\n          </Portal>\n        </React.Fragment>\n      );\n    }\n\n    return inner;\n  }\n}\n\nPortal.propTypes = {\n  container: safePropTypesInstanceOf(globalObject.HTMLElement),\n  rt_rootID: propTypes.string.isRequired,\n  children: propTypes.node.isRequired,\n};\n\nPortal.__KONTUR_REACT_UI__ = 'Portal';\nPortal.displayName = 'Portal';\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,0BAA0B;;;AAGvD,SAASC,uBAAuB,QAAQ,mBAAmB;;;AAG3D,SAASC,iBAAiB,QAAQ,mBAAmB;;;;;;;AAOrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA,uBAASN,KAAA,CAAAO,aAAA,aAAQ,WAAQ,iBAAiB,EAAE,CAAC;;AAEjE,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAwD,KAAAC,KAAA,KAAlDC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS,CAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EACrD;EACA;IACEb,KAAA,CAAAO,aAAA,CAACP,KAAK,CAACc,QAAQ;IACZH,SAAS,gBAAGV,QAAQ,CAACc,YAAY,CAACF,QAAQ,EAAEF,SAAS,CAAC,gBAAGX,KAAA,CAAAO,aAAA,CAACD,cAAc,MAAE,CAAC;IAC3EK,SAAS,gBAAGX,KAAA,CAAAO,aAAA,cAAAG,KAAA,OAAAA,KAAA,CAAiBL,iBAAiB,IAAGO,SAAS,EAAAF,KAAA,CAAK,CAAC,gBAAGV,KAAA,CAAAO,aAAA,CAACD,cAAc,MAAE;IACvE,CAAC;;AAErB,CAAC;;AAED,WAAaU,oBAAoB,0BAAAC,gBAAA,YAAAD,qBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,oBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,oBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;EAIxBE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,IAAAC,WAAA,GAAmD,IAAI,CAACC,KAAK,CAArDC,MAAM,GAAAF,WAAA,CAANE,MAAM,CAAEb,QAAQ,GAAAW,WAAA,CAARX,QAAQ,CAAEc,YAAY,GAAAH,WAAA,CAAZG,YAAY,CAAEC,MAAM,GAAAJ,WAAA,CAANI,MAAM;IAC9C,IAAIC,KAAK,GAAGH,MAAM;;IAElB,IAAIb,QAAQ,EAAE;MACZgB,KAAK;MACH7B,KAAA,CAAAO,aAAA,CAACP,KAAK,CAACc,QAAQ;MACZY,MAAM;MACP1B,KAAA,CAAAO,aAAA,CAACC,MAAM,IAACsB,GAAG,EAAC,YAAY,EAAClB,SAAS,EAAEgB,MAAO,EAACjB,SAAS,EAAEgB,YAAa;MACjEd;MACK;MACM,CACjB;;IACH;;IAEA,OAAOgB,KAAK;EACd,CAAC,QAAAb,oBAAA,GApBuChB,KAAK,CAAC+B,SAAS,EAA5Cf,oBAAoB,CACjBgB,mBAAmB,GAAG,sBAAsB,CAD/ChB,oBAAoB,CAEjBiB,WAAW,GAAG,sBAAsB;;;AAqBpDzB,MAAM,CAACN,SAAS,GAAG;EACjBS,SAAS,EAAEP,uBAAuB,CAACD,YAAY,CAAC+B,WAAW,CAAC;EAC5DtB,SAAS,EAAEV,SAAS,CAACiC,MAAM,CAACC,UAAU;EACtCvB,QAAQ,EAAEX,SAAS,CAACmC,IAAI,CAACD;AAC3B,CAAC;;AAED5B,MAAM,CAACwB,mBAAmB,GAAG,QAAQ;AACrCxB,MAAM,CAACyB,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","ReactDOM","PORTAL_INLET_ATTR","SSRPlaceholder","createElement","Portal","_ref","_ref2","container","rt_rootID","children","Fragment","createPortal","RenderInnerContainer","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this$props","props","anchor","domContainer","rootId","inner","key","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderInnerContainer.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nimport type { PortalProps, RenderContainerProps } from './RenderContainerTypes';\nimport { PORTAL_INLET_ATTR } from './RenderContainer';\n\ninterface RenderInnerContainerProps extends RenderContainerProps {\n  domContainer: Nullable<HTMLElement>;\n  rootId: string;\n}\n\n// Заглушка нужна для корректной гидрации порталов после SSR,\n// которую реакт сам пока не поддерживает.\n// @see https://github.com/facebook/react/issues/13097\n// А также для вставки актуального render-container-id на клиенте.\n//\n// Дело в том, что во время гидрации, структура HTML на сервере\n// и на клиенте должна совпадать, иначе возможны артефакты.\n// Алгоритм там примерно такой. Клиент во время гидрации идет\n// по этим двум деревьям и сравнивает узлы. Элементы разных типов\n// он подменяет на свои. А те, что совпадают, он оставляет как есть\n// вместе со всеми атрибутами, навесив только обработчики событий.\n//\n// Поэтому, для портала, который рендерится только на клиенте,\n// нужно использовать серверную заглушку, чтобы при гидрации\n// он не испортил какой-то другой элемент. Null не подходит,\n// т.к. на сервере он тоже не рендерится.\n// А элемент с render-container-id нужно отрендерить с нуля.\n\nconst SSRPlaceholder = () => <script data-id=\"ssr-placeholder\" />;\n\nexport const Portal = ({ container, rt_rootID, children }: PortalProps) => {\n  // container exists only in browser\n  return (\n    <React.Fragment>\n      {container ? ReactDOM.createPortal(children, container) : <SSRPlaceholder />}\n      {container ? <noscript {...{ [PORTAL_INLET_ATTR]: rt_rootID }} /> : <SSRPlaceholder />}\n    </React.Fragment>\n  );\n};\n\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\n  public static displayName = 'RenderInnerContainer';\n\n  public render() {\n    const { anchor, children, domContainer, rootId } = this.props;\n    let inner = anchor;\n\n    if (children) {\n      inner = (\n        <React.Fragment>\n          {anchor}\n          <Portal key=\"portal-ref\" rt_rootID={rootId} container={domContainer}>\n            {children}\n          </Portal>\n        </React.Fragment>\n      );\n    }\n\n    return inner;\n  }\n}\n\nPortal.__KONTUR_REACT_UI__ = 'Portal';\nPortal.displayName = 'Portal';\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;;;;;AAKhC,SAASC,iBAAiB,QAAQ,mBAAmB;;;;;;;AAOrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA,uBAASH,KAAA,CAAAI,aAAA,aAAQ,WAAQ,iBAAiB,EAAE,CAAC;;AAEjE,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAwD,KAAAC,KAAA,KAAlDC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS,CAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EACrD;EACA;IACEV,KAAA,CAAAI,aAAA,CAACJ,KAAK,CAACW,QAAQ;IACZH,SAAS,gBAAGP,QAAQ,CAACW,YAAY,CAACF,QAAQ,EAAEF,SAAS,CAAC,gBAAGR,KAAA,CAAAI,aAAA,CAACD,cAAc,MAAE,CAAC;IAC3EK,SAAS,gBAAGR,KAAA,CAAAI,aAAA,cAAAG,KAAA,OAAAA,KAAA,CAAiBL,iBAAiB,IAAGO,SAAS,EAAAF,KAAA,CAAK,CAAC,gBAAGP,KAAA,CAAAI,aAAA,CAACD,cAAc,MAAE;IACvE,CAAC;;AAErB,CAAC;;AAED,WAAaU,oBAAoB,0BAAAC,gBAAA,YAAAD,qBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,oBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,oBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;EAIxBE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,IAAAC,WAAA,GAAmD,IAAI,CAACC,KAAK,CAArDC,MAAM,GAAAF,WAAA,CAANE,MAAM,CAAEb,QAAQ,GAAAW,WAAA,CAARX,QAAQ,CAAEc,YAAY,GAAAH,WAAA,CAAZG,YAAY,CAAEC,MAAM,GAAAJ,WAAA,CAANI,MAAM;IAC9C,IAAIC,KAAK,GAAGH,MAAM;;IAElB,IAAIb,QAAQ,EAAE;MACZgB,KAAK;MACH1B,KAAA,CAAAI,aAAA,CAACJ,KAAK,CAACW,QAAQ;MACZY,MAAM;MACPvB,KAAA,CAAAI,aAAA,CAACC,MAAM,IAACsB,GAAG,EAAC,YAAY,EAAClB,SAAS,EAAEgB,MAAO,EAACjB,SAAS,EAAEgB,YAAa;MACjEd;MACK;MACM,CACjB;;IACH;;IAEA,OAAOgB,KAAK;EACd,CAAC,QAAAb,oBAAA,GApBuCb,KAAK,CAAC4B,SAAS,EAA5Cf,oBAAoB,CACjBgB,mBAAmB,GAAG,sBAAsB,CAD/ChB,oBAAoB,CAEjBiB,WAAW,GAAG,sBAAsB;;;AAqBpDzB,MAAM,CAACwB,mBAAmB,GAAG,QAAQ;AACrCxB,MAAM,CAACyB,WAAW,GAAG,QAAQ","ignoreList":[]}

package/internal/RenderContainer/RenderInnerContainer.d.ts

@@ -1,24 +1,18 @@
-import React from 'react';
-import propTypes from 'prop-types';
-import { Nullable } from '../../typings/utility-types';
-import { PortalProps, RenderContainerProps } from './RenderContainerTypes';
-interface RenderInnerContainerProps extends RenderContainerProps {
-    domContainer: Nullable<HTMLElement>;
-    rootId: string;
-}
-export declare const Portal: {
-    ({ container, rt_rootID, children }: PortalProps): React.JSX.Element;
-    propTypes: {
-        container: propTypes.Requireable<HTMLElement>;
-        rt_rootID: propTypes.Validator<string>;
-        children: propTypes.Validator<NonNullable<propTypes.ReactNodeLike>>;
-    };
-    __KONTUR_REACT_UI__: string;
-    displayName: string;
-};
-export declare class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    render(): React.ReactNode;
-}
-export {};
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { PortalProps, RenderContainerProps } from './RenderContainerTypes';
+interface RenderInnerContainerProps extends RenderContainerProps {
+    domContainer: Nullable<HTMLElement>;
+    rootId: string;
+}
+export declare const Portal: {
+    ({ container, rt_rootID, children }: PortalProps): React.JSX.Element;
+    __KONTUR_REACT_UI__: string;
+    displayName: string;
+};
+export declare class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    render(): React.ReactNode;
+}
+export {};

package/internal/RenderContainer/index.d.ts

@@ -1 +1 @@
-export * from './RenderContainer';
+export * from './RenderContainer';

package/internal/RenderLayer/RenderLayer/RenderLayer.js

@@ -3,12 +3,11 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _RenderLayer;
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
-import { clickOutsideContent, listen as listenFocusOutside } from "../../../lib/listenFocusOutside";
+import { listen as listenFocusOutside, containsTargetOrRenderContainer } from "../../../lib/listenFocusOutside";
 import { CommonWrapper } from "../../CommonWrapper";
 import { getRootNode, rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
-import { isShadowRoot } from "../../../lib/shadowDom/isShadowRoot";
+import { isInstanceOf } from "../../../lib/isInstanceOf";
 export var RenderLayer = rootNode(_class = (_RenderLayer = /*#__PURE__*/function (_React$Component) {
   function RenderLayer() {
     var _this;
@@ -24,10 +23,12 @@ export var RenderLayer = rootNode(_class = (_RenderLayer = /*#__PURE__*/function
       }
     };
     _this.handleNativeDocClick = function (event) {
+      var target = event.target || event.srcElement;
       var node = _this.getAnchorNode();
-      var isShadowRootElement = isShadowRoot(_this.emotion.sheet.container.getRootNode());
-      var clickOutsideOfContent = clickOutsideContent(event, node, isShadowRootElement);
-      if (clickOutsideOfContent && _this.props.onClickOutside) {
+      if (!node || isInstanceOf(target, globalObject.Element) && containsTargetOrRenderContainer(target)(node)) {
+        return;
+      }
+      if (_this.props.onClickOutside) {
         _this.props.onClickOutside(event);
       }
     };
@@ -41,7 +42,8 @@ export var RenderLayer = rootNode(_class = (_RenderLayer = /*#__PURE__*/function
     }
   };
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    var active = this.getProps().active;
+    var _this$getProps = this.getProps(),
+      active = _this$getProps.active;
     if (!prevProps.active && active) {
       this.attachListeners();
     }
@@ -55,13 +57,9 @@ export var RenderLayer = rootNode(_class = (_RenderLayer = /*#__PURE__*/function
     }
   };
   _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: _this2.setRootNode
-      }, _this2.props), React.Children.only(_this2.props.children));
-    });
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), React.Children.only(this.props.children));
   };
   _proto.getAnchorNode = function getAnchorNode() {
     var getAnchorElement = this.props.getAnchorElement;
@@ -89,15 +87,6 @@ export var RenderLayer = rootNode(_class = (_RenderLayer = /*#__PURE__*/function
     (_globalObject$documen2 = globalObject.document) == null || _globalObject$documen2.removeEventListener('ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);
   };
   return RenderLayer;
-}(React.Component), _RenderLayer.__KONTUR_REACT_UI__ = 'RenderLayer', _RenderLayer.displayName = 'RenderLayer', _RenderLayer.propTypes = {
-  active: function active(props, propName, componentName) {
-    var active = props.active,
-      onClickOutside = props.onClickOutside,
-      onFocusOutside = props.onFocusOutside;
-    if (active && !(onClickOutside || onFocusOutside)) {
-      return new Error("[" + componentName + "]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.");
-    }
-  }
-}, _RenderLayer.defaultProps = {
+}(React.Component), _RenderLayer.__KONTUR_REACT_UI__ = 'RenderLayer', _RenderLayer.displayName = 'RenderLayer', _RenderLayer.defaultProps = {
   active: true
 }, _RenderLayer)) || _class;

package/internal/RenderLayer/RenderLayer/RenderLayer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","clickOutsideContent","listen","listenFocusOutside","CommonWrapper","getRootNode","rootNode","createPropsGetter","EmotionConsumer","isShadowRoot","RenderLayer","_class","_RenderLayer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","node","getAnchorNode","isShadowRootElement","emotion","sheet","container","clickOutsideOfContent","onClickOutside","_inheritsLoose","_proto","prototype","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","_this2","createElement","_extends","rootNodeRef","setRootNode","Children","only","children","getAnchorElement","_globalObject$documen","addEventListener","document","documentElement","_globalObject$documen2","remove","removeEventListener","Component","__KONTUR_REACT_UI__","displayName","propTypes","propName","componentName","Error"],"sources":["RenderLayer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport { Emotion } from '@emotion/css/types/create-instance';\n\nimport { clickOutsideContent, listen as listenFocusOutside } from '../../lib/listenFocusOutside';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { Nullable } from '../../typings/utility-types';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { isShadowRoot } from '../../lib/shadowDom/isShadowRoot';\n\nexport interface RenderLayerProps extends CommonProps {\n  children: JSX.Element;\n  onClickOutside?: (e: Event) => void;\n  onFocusOutside?: (e: Event) => void;\n  active?: boolean;\n  getAnchorElement?: () => Nullable<Element>;\n}\n\ntype DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;\n\n@rootNode\nexport class RenderLayer extends React.Component<RenderLayerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderLayer';\n  public static displayName = 'RenderLayer';\n  private emotion!: Emotion;\n\n  public static propTypes = {\n    active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string) {\n      const { active, onClickOutside, onFocusOutside } = props;\n      if (active && !(onClickOutside || onFocusOutside)) {\n        return new Error(\n          `[${componentName}]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.`,\n        );\n      }\n    },\n  };\n\n  public static defaultProps: DefaultProps = {\n    active: true,\n  };\n\n  private getProps = createPropsGetter(RenderLayer.defaultProps);\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.getProps().active) {\n      this.attachListeners();\n    }\n  }\n\n  public componentDidUpdate(prevProps: RenderLayerProps) {\n    const active = this.getProps().active;\n    if (!prevProps.active && active) {\n      this.attachListeners();\n    }\n    if (prevProps.active && !active) {\n      this.detachListeners();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.getProps().active) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {React.Children.only(this.props.children)}\n            </CommonWrapper>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private getAnchorNode(): Nullable<Element> {\n    const { getAnchorElement } = this.props;\n    return getAnchorElement ? getAnchorElement() : getRootNode(this);\n  }\n\n  private attachListeners() {\n    const node = this.getAnchorNode();\n    if (!node) {\n      return;\n    }\n\n    this.focusOutsideListenerToken = listenFocusOutside(() => [node], this.handleFocusOutside);\n    globalObject.addEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.addEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n    }\n\n    globalObject.removeEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.removeEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private handleFocusOutside = (event: Event) => {\n    if (this.props.onFocusOutside) {\n      this.props.onFocusOutside(event);\n    }\n  };\n\n  private handleNativeDocClick = (event: Event) => {\n    const node = this.getAnchorNode();\n    const isShadowRootElement = isShadowRoot(this.emotion.sheet.container.getRootNode());\n    const clickOutsideOfContent = clickOutsideContent(event, node, isShadowRootElement);\n    if (clickOutsideOfContent && this.props.onClickOutside) {\n      this.props.onClickOutside(event);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","listen","listenFocusOutside","containsTargetOrRenderContainer","CommonWrapper","getRootNode","rootNode","createPropsGetter","isInstanceOf","RenderLayer","_class","_RenderLayer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getAnchorNode","Element","onClickOutside","_inheritsLoose","_proto","prototype","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","_this$getProps","detachListeners","componentWillUnmount","render","createElement","_extends","rootNodeRef","setRootNode","Children","only","children","getAnchorElement","_globalObject$documen","addEventListener","document","documentElement","_globalObject$documen2","remove","removeEventListener","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderLayer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Nullable } from '../../typings/utility-types';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nexport interface RenderLayerProps extends CommonProps {\n  children: JSX.Element;\n  onClickOutside?: (e: Event) => void;\n  onFocusOutside?: (e: Event) => void;\n  active?: boolean;\n  getAnchorElement?: () => Nullable<Element>;\n}\n\ntype DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;\n\n@rootNode\nexport class RenderLayer extends React.Component<RenderLayerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderLayer';\n  public static displayName = 'RenderLayer';\n\n  public static defaultProps: DefaultProps = {\n    active: true,\n  };\n\n  private getProps = createPropsGetter(RenderLayer.defaultProps);\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.getProps().active) {\n      this.attachListeners();\n    }\n  }\n\n  public componentDidUpdate(prevProps: RenderLayerProps) {\n    const { active } = this.getProps();\n\n    if (!prevProps.active && active) {\n      this.attachListeners();\n    }\n    if (prevProps.active && !active) {\n      this.detachListeners();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.getProps().active) {\n      this.detachListeners();\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 getAnchorNode(): Nullable<Element> {\n    const { getAnchorElement } = this.props;\n    return getAnchorElement ? getAnchorElement() : getRootNode(this);\n  }\n\n  private attachListeners() {\n    const node = this.getAnchorNode();\n    if (!node) {\n      return;\n    }\n\n    this.focusOutsideListenerToken = listenFocusOutside(() => [node], this.handleFocusOutside);\n    globalObject.addEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.addEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n    }\n\n    globalObject.removeEventListener?.('blur', this.handleFocusOutside);\n    globalObject.document?.removeEventListener(\n      'ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private handleFocusOutside = (event: Event) => {\n    if (this.props.onFocusOutside) {\n      this.props.onFocusOutside(event);\n    }\n  };\n\n  private handleNativeDocClick = (event: Event) => {\n    const target = event.target || event.srcElement;\n    const node = this.getAnchorNode();\n\n    if (!node || (isInstanceOf(target, globalObject.Element) && containsTargetOrRenderContainer(target)(node))) {\n      return;\n    }\n\n    if (this.props.onClickOutside) {\n      this.props.onClickOutside(event);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/RenderLayer/RenderLayer.d.ts

@@ -1,33 +1,29 @@
-import React from 'react';
-import { CommonProps } from '../CommonWrapper';
-import { Nullable } from '../../typings/utility-types';
-export interface RenderLayerProps extends CommonProps {
-    children: JSX.Element;
-    onClickOutside?: (e: Event) => void;
-    onFocusOutside?: (e: Event) => void;
-    active?: boolean;
-    getAnchorElement?: () => Nullable<Element>;
-}
-type DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;
-export declare class RenderLayer extends React.Component<RenderLayerProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private emotion;
-    static propTypes: {
-        active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string): Error | undefined;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    private focusOutsideListenerToken;
-    private setRootNode;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: RenderLayerProps): void;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    private getAnchorNode;
-    private attachListeners;
-    private detachListeners;
-    private handleFocusOutside;
-    private handleNativeDocClick;
-}
-export {};
+import React from 'react';
+import type { CommonProps } from '../CommonWrapper';
+import type { Nullable } from '../../typings/utility-types';
+export interface RenderLayerProps extends CommonProps {
+    children: JSX.Element;
+    onClickOutside?: (e: Event) => void;
+    onFocusOutside?: (e: Event) => void;
+    active?: boolean;
+    getAnchorElement?: () => Nullable<Element>;
+}
+type DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;
+export declare class RenderLayer extends React.Component<RenderLayerProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private focusOutsideListenerToken;
+    private setRootNode;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: RenderLayerProps): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    private getAnchorNode;
+    private attachListeners;
+    private detachListeners;
+    private handleFocusOutside;
+    private handleNativeDocClick;
+}
+export {};

package/internal/RenderLayer/index.d.ts

@@ -1 +1 @@
-export * from './RenderLayer';
+export * from './RenderLayer';

package/internal/ResizeDetector/ResizeDetector/ResizeDetector.js

@@ -1,7 +1,7 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
-import { getStyles } from "../ResizeDetector.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../ResizeDetector.styles";
 export var ResizeDetector = /*#__PURE__*/function (_React$Component) {
   function ResizeDetector() {
     var _this;
@@ -30,21 +30,17 @@ export var ResizeDetector = /*#__PURE__*/function (_React$Component) {
     }
   };
   _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      var _emotion$cx;
-      var styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles.root()
-      }, /*#__PURE__*/React.createElement("iframe", {
-        title: "resizeDetector",
-        ref: _this2.iframeRef,
-        className: styles.iframe(),
-        tabIndex: -1
-      }), /*#__PURE__*/React.createElement("div", {
-        className: emotion.cx((_emotion$cx = {}, _emotion$cx[styles.content()] = true, _emotion$cx[styles.fullHeight()] = _this2.props.fullHeight, _emotion$cx))
-      }, _this2.props.children));
-    });
+    var _cx;
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.root()
+    }, /*#__PURE__*/React.createElement("iframe", {
+      title: "resizeDetector",
+      ref: this.iframeRef,
+      className: styles.iframe(),
+      tabIndex: -1
+    }), /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx = {}, _cx[styles.content()] = true, _cx[styles.fullHeight()] = this.props.fullHeight, _cx))
+    }, this.props.children));
   };
   return ResizeDetector;
 }(React.Component);

package/internal/ResizeDetector/ResizeDetector/ResizeDetector.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","EmotionConsumer","getStyles","ResizeDetector","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","_inheritsLoose","_proto","prototype","componentDidMount","addEventListener","render","_this2","createElement","emotion","_emotion$cx","styles","className","root","title","ref","tabIndex","cx","content","fullHeight","children","Component","__KONTUR_REACT_UI__","displayName"],"sources":["ResizeDetector.tsx"],"sourcesContent":["import React from 'react';\n\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n  onResize?: (event: UIEvent) => void;\n  fullHeight?: boolean;\n}\n\nexport class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\n  public static displayName = 'ResizeDetector';\n\n  private iframeWindow: Window | null = null;\n\n  public componentDidMount() {\n    if (this.iframeWindow) {\n      this.iframeWindow.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\n          return (\n            <div className={styles.root()}>\n              <iframe title=\"resizeDetector\" ref={this.iframeRef} className={styles.iframe()} tabIndex={-1} />\n              <div className={emotion.cx({ [styles.content()]: true, [styles.fullHeight()]: this.props.fullHeight })}>\n                {this.props.children}\n              </div>\n            </div>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private handleResize = (event: UIEvent) => {\n    if (this.props.onResize) {\n      this.props.onResize(event);\n    }\n  };\n\n  private iframeRef = (iframe: HTMLIFrameElement) => {\n    if (iframe && iframe.contentWindow) {\n      this.iframeWindow = iframe.contentWindow;\n    }\n  };\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,eAAe,QAAQ,2BAA2B;;AAE3D,SAASC,SAAS,QAAQ,yBAAyB;;;;;;;AAOnD,WAAaC,cAAc,0BAAAC,gBAAA,YAAAD,eAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;IAIjBU,YAAY,GAAkB,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BlCW,YAAY,GAAG,UAACC,KAAc,EAAK;MACzC,IAAIZ,KAAA,CAAKa,KAAK,CAACC,QAAQ,EAAE;QACvBd,KAAA,CAAKa,KAAK,CAACC,QAAQ,CAACF,KAAK,CAAC;MAC5B;IACF,CAAC,CAAAZ,KAAA;;IAEOe,SAAS,GAAG,UAACC,MAAyB,EAAK;MACjD,IAAIA,MAAM,IAAIA,MAAM,CAACC,aAAa,EAAE;QAClCjB,KAAA,CAAKU,YAAY,GAAGM,MAAM,CAACC,aAAa;MAC1C;IACF,CAAC,QAAAjB,KAAA,EAAAkB,cAAA,CAAApB,cAAA,EAAAC,gBAAA,MAAAoB,MAAA,GAAArB,cAAA,CAAAsB,SAAA,CAAAD,MAAA,CAlCME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,IAAI,CAACX,YAAY,EAAE,CACrB,IAAI,CAACA,YAAY,CAACY,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACX,YAAY,CAAC,CACjE,CACF,CAAC,CAAAQ,MAAA,CAEMI,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE7B,KAAA,CAAA8B,aAAA,CAAC7B,eAAe,QACb,UAAC8B,OAAO,EAAK,KAAAC,WAAA,CACZ,IAAMC,MAAM,GAAG/B,SAAS,CAAC6B,OAAO,CAAC,CACjC,oBACE/B,KAAA,CAAA8B,aAAA,UAAKI,SAAS,EAAED,MAAM,CAACE,IAAI,CAAC,CAAE,iBAC5BnC,KAAA,CAAA8B,aAAA,aAAQM,KAAK,EAAC,gBAAgB,EAACC,GAAG,EAAER,MAAI,CAACT,SAAU,EAACc,SAAS,EAAED,MAAM,CAACZ,MAAM,CAAC,CAAE,EAACiB,QAAQ,EAAE,CAAC,CAAE,EAAE,CAAC,eAChGtC,KAAA,CAAA8B,aAAA,UAAKI,SAAS,EAAEH,OAAO,CAACQ,EAAE,EAAAP,WAAA,OAAAA,WAAA,CAAIC,MAAM,CAACO,OAAO,CAAC,CAAC,IAAG,IAAI,EAAAR,WAAA,CAAGC,MAAM,CAACQ,UAAU,CAAC,CAAC,IAAGZ,MAAI,CAACX,KAAK,CAACuB,UAAU,EAAAT,WAAA,CAAE,CAAE,IACpGH,MAAI,CAACX,KAAK,CAACwB,QACT,CACF,CAAC,CAEV,CACe,CAAC,CAEtB,CAAC,QAAAvC,cAAA,GA5BiCH,KAAK,CAAC2C,SAAS,EAAtCxC,cAAc,CACXyC,mBAAmB,GAAG,gBAAgB,CADzCzC,cAAc,CAEX0C,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","cx","styles","ResizeDetector","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","_inheritsLoose","_proto","prototype","componentDidMount","addEventListener","render","_cx","createElement","className","root","title","ref","tabIndex","content","fullHeight","children","Component","__KONTUR_REACT_UI__","displayName"],"sources":["ResizeDetector.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n  onResize?: (event: UIEvent) => void;\n  fullHeight?: boolean;\n}\n\nexport class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\n  public static displayName = 'ResizeDetector';\n\n  private iframeWindow: Window | null = null;\n\n  public componentDidMount() {\n    if (this.iframeWindow) {\n      this.iframeWindow.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  public render() {\n    return (\n      <div className={styles.root()}>\n        <iframe title=\"resizeDetector\" ref={this.iframeRef} className={styles.iframe()} tabIndex={-1} />\n        <div className={cx({ [styles.content()]: true, [styles.fullHeight()]: this.props.fullHeight })}>\n          {this.props.children}\n        </div>\n      </div>\n    );\n  }\n\n  private handleResize = (event: UIEvent) => {\n    if (this.props.onResize) {\n      this.props.onResize(event);\n    }\n  };\n\n  private iframeRef = (iframe: HTMLIFrameElement) => {\n    if (iframe && iframe.contentWindow) {\n      this.iframeWindow = iframe.contentWindow;\n    }\n  };\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,MAAM,QAAQ,yBAAyB;;;;;;;AAOhD,WAAaC,cAAc,0BAAAC,gBAAA,YAAAD,eAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;IAIjBU,YAAY,GAAkB,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;IAmBlCW,YAAY,GAAG,UAACC,KAAc,EAAK;MACzC,IAAIZ,KAAA,CAAKa,KAAK,CAACC,QAAQ,EAAE;QACvBd,KAAA,CAAKa,KAAK,CAACC,QAAQ,CAACF,KAAK,CAAC;MAC5B;IACF,CAAC,CAAAZ,KAAA;;IAEOe,SAAS,GAAG,UAACC,MAAyB,EAAK;MACjD,IAAIA,MAAM,IAAIA,MAAM,CAACC,aAAa,EAAE;QAClCjB,KAAA,CAAKU,YAAY,GAAGM,MAAM,CAACC,aAAa;MAC1C;IACF,CAAC,QAAAjB,KAAA,EAAAkB,cAAA,CAAApB,cAAA,EAAAC,gBAAA,MAAAoB,MAAA,GAAArB,cAAA,CAAAsB,SAAA,CAAAD,MAAA,CA3BME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,IAAI,CAACX,YAAY,EAAE,CACrB,IAAI,CAACA,YAAY,CAACY,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACX,YAAY,CAAC,CACjE,CACF,CAAC,CAAAQ,MAAA,CAEMI,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,GAAA,CACd,oBACE7B,KAAA,CAAA8B,aAAA,UAAKC,SAAS,EAAE7B,MAAM,CAAC8B,IAAI,CAAC,CAAE,iBAC5BhC,KAAA,CAAA8B,aAAA,aAAQG,KAAK,EAAC,gBAAgB,EAACC,GAAG,EAAE,IAAI,CAACd,SAAU,EAACW,SAAS,EAAE7B,MAAM,CAACmB,MAAM,CAAC,CAAE,EAACc,QAAQ,EAAE,CAAC,CAAE,EAAE,CAAC,eAChGnC,KAAA,CAAA8B,aAAA,UAAKC,SAAS,EAAE9B,EAAE,EAAA4B,GAAA,OAAAA,GAAA,CAAI3B,MAAM,CAACkC,OAAO,CAAC,CAAC,IAAG,IAAI,EAAAP,GAAA,CAAG3B,MAAM,CAACmC,UAAU,CAAC,CAAC,IAAG,IAAI,CAACnB,KAAK,CAACmB,UAAU,EAAAR,GAAA,CAAE,CAAE,IAC5F,IAAI,CAACX,KAAK,CAACoB,QACT,CACF,CAAC,CAEV,CAAC,QAAAnC,cAAA,GArBiCH,KAAK,CAACuC,SAAS,EAAtCpC,cAAc,CACXqC,mBAAmB,GAAG,gBAAgB,CADzCrC,cAAc,CAEXsC,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/internal/ResizeDetector/ResizeDetector.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-export interface ResizeDetectorProps {
-    onResize?: (event: UIEvent) => void;
-    fullHeight?: boolean;
-}
-export declare class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private iframeWindow;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-    private handleResize;
-    private iframeRef;
-}
+import React from 'react';
+export interface ResizeDetectorProps {
+    onResize?: (event: UIEvent) => void;
+    fullHeight?: boolean;
+}
+export declare class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    private iframeWindow;
+    componentDidMount(): void;
+    render(): React.JSX.Element;
+    private handleResize;
+    private iframeRef;
+}

package/internal/ResizeDetector/ResizeDetector.styles/ResizeDetector.styles.js

@@ -1,19 +1,17 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        position: relative;\n        height: 100%;\n      "])));
-    },
-    iframe: function iframe() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        margin: 0;\n        border: 0;\n        background: transparent;\n        opacity: 0;\n      "])));
-    },
-    content: function content() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        position: relative;\n      "])));
-    },
-    fullHeight: function fullHeight() {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        height: 100%;\n      "])));
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  root: function root() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      height: 100%;\n    "])));
+  },
+  iframe: function iframe() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n      opacity: 0;\n    "])));
+  },
+  content: function content() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+  },
+  fullHeight: function fullHeight() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n    "])));
+  }
+});

package/internal/ResizeDetector/ResizeDetector.styles/ResizeDetector.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","root","css","_templateObject","_taggedTemplateLiteralLoose","iframe","_templateObject2","content","_templateObject3","fullHeight","_templateObject4"],"sources":["ResizeDetector.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        position: relative;\n        height: 100%;\n      `;\n    },\n\n    iframe() {\n      return emotion.css`\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        margin: 0;\n        border: 0;\n        background: transparent;\n        opacity: 0;\n      `;\n    },\n\n    content() {\n      return emotion.css`\n        position: relative;\n      `;\n    },\n\n    fullHeight() {\n      return emotion.css`\n        height: 100%;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,2BAA2B;;AAExD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOD,OAAO,CAACE,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;MAIpB,CAAC;;MAEDC,MAAM,WAAAA,OAAA,EAAG;QACP,OAAOL,OAAO,CAACE,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;;;;;;;;MAYpB,CAAC;;MAEDG,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOP,OAAO,CAACE,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;MAGpB,CAAC;;MAEDK,UAAU,WAAAA,WAAA,EAAG;QACX,OAAOT,OAAO,CAACE,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;MAGpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","iframe","_templateObject2","content","_templateObject3","fullHeight","_templateObject4"],"sources":["ResizeDetector.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n      height: 100%;\n    `;\n  },\n\n  iframe() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n      opacity: 0;\n    `;\n  },\n\n  content() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  fullHeight() {\n    return css`\n      height: 100%;\n    `;\n  },\n});\n"],"mappings":"0KAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;EAIZ,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;;;;;;;;EAYZ,CAAC;;EAEDG,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;EAGZ,CAAC;;EAEDK,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/ResizeDetector/ResizeDetector.styles.d.ts

@@ -1,7 +1,6 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const getStyles: (emotion: Emotion) => {
-    root(): string;
-    iframe(): string;
-    content(): string;
-    fullHeight(): string;
-};
+export declare const styles: {
+    root(): string;
+    iframe(): string;
+    content(): string;
+    fullHeight(): string;
+};

package/internal/ResizeDetector/index.d.ts

@@ -1 +1 @@
-export * from './ResizeDetector';
+export * from './ResizeDetector';

package/internal/SpinnerIcon/SpinnerIcon/SpinnerIcon.js

@@ -1,10 +1,10 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { isIE11 } from "../../../lib/client";
-import { createColorAnimation, createLengthAnimation, createOffsetAnimation, createRotationAnimation, SpinnerFallbackAnimationRunner } from "../../../components/Spinner/SpinnerFallbackAnimation";
+import { SpinnerFallbackAnimationRunner, createOffsetAnimation, createLengthAnimation, createColorAnimation, createRotationAnimation } from "../../../components/Spinner/SpinnerFallbackAnimation";
 import { isTestEnv } from "../../../lib/currentEnvironment";
-import { EmotionContext } from "../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles } from "../SpinnerIcon.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../SpinnerIcon.styles";
 export var sizes = {
   big: {
     size: 96,
@@ -26,14 +26,13 @@ var isSizeAlias = function isSizeAlias(size) {
   return typeof size === 'string' && size in sizes;
 };
 export var SpinnerIcon = function SpinnerIcon(_ref) {
-  var _emotion$cx, _emotion$cx2;
+  var _cx, _cx2;
   var size = _ref.size,
     className = _ref.className,
     dimmed = _ref.dimmed,
     inline = _ref.inline,
     width = _ref.width,
     color = _ref.color;
-  var emotion = useContext(EmotionContext);
   var _size = isSizeAlias(size) ? sizes[size] : size;
   var currentSize = inline ? sizes.mini : _size;
   var svgRef = React.useRef(null);
@@ -45,11 +44,11 @@ export var SpinnerIcon = function SpinnerIcon(_ref) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     var fallbackAnimationRef = React.useRef(null);
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    var _useContext = useContext(ThemeContext),
-      red = _useContext.red,
-      yellow = _useContext.yellow,
-      green = _useContext.green,
-      brand = _useContext.brand;
+    var _React$useContext = React.useContext(ThemeContext),
+      red = _React$useContext.red,
+      yellow = _React$useContext.yellow,
+      green = _React$useContext.green,
+      brand = _React$useContext.brand;
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(function () {
       var svg = svgRef.current;
@@ -71,14 +70,13 @@ export var SpinnerIcon = function SpinnerIcon(_ref) {
       };
     }, [dimmed, red, yellow, green, brand]);
   }
-  var styles = getStyles(emotion);
   return /*#__PURE__*/(
     React.createElement("span", {
-      className: emotion.cx(styles.root(), (_emotion$cx = {}, _emotion$cx[styles.rootInline()] = inline, _emotion$cx))
+      className: cx(styles.root(), (_cx = {}, _cx[styles.rootInline()] = inline, _cx))
     }, /*#__PURE__*/
     React.createElement("svg", {
       viewBox: "0 0 " + currentSize.size + " " + currentSize.size,
-      className: emotion.cx(styles.icon(), className, (_emotion$cx2 = {}, _emotion$cx2[styles.iconInline()] = inline, _emotion$cx2)),
+      className: cx(styles.icon(), className, (_cx2 = {}, _cx2[styles.iconInline()] = inline, _cx2)),
       width: currentSize.size,
       height: currentSize.size,
       fill: "none",