@skbkontur/react-ui 0.0.0-031e4bb3f9 → 0.0.0-0fe669bb2d

package/internal/PopupMenu/PopupMenu.styles/PopupMenu.styles.js

@@ -1,32 +1,13 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+export var styles = memoizeStyle({
   caption: function caption() {
-    return css(_templateObject());
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      width: 100%;\n    "])));
   },
   container: function container() {
-    return css(_templateObject2());
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      line-height: normal;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

package/internal/PopupMenu/PopupMenu.styles/PopupMenu.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PopupMenu.styles.ts"],"names":["css","memoizeStyle","styles","caption","container","jsStyles"],"mappings":"+cAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,OADa,qBACH;AACR,WAAOH,GAAP;;;AAGD,GALY;AAMbI,EAAAA,SANa,uBAMD;AACV,WAAOJ,GAAP;;;AAGD,GAVY,EAAf;;;AAaA,OAAO,IAAMK,QAAQ,GAAGJ,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  caption() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n  container() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["PopupMenu.styles.ts"],"names":["css","memoizeStyle","styles","caption","container"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,OADiC,qBACvB;AACR,WAAOH,GAAP;;;;AAID,GANgC;AAOjCI,EAAAA,SAPiC,uBAOrB;AACV,WAAOJ,GAAP;;;;AAID,GAZgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  caption() {\n    return css`\n      display: inline-block;\n      width: 100%;\n    `;\n  },\n  container() {\n    return css`\n      display: inline-block;\n      line-height: normal;\n    `;\n  },\n});\n"]}

package/internal/PopupMenu/PopupMenu.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const jsStyles: {
+export declare const styles: {
     caption(): string;
     container(): string;
 };

package/internal/PopupMenu/index/index.js.map

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

package/internal/PopupMenu/validatePositions/validatePositions.js

@@ -1,20 +1,20 @@
 import { isProductionEnv } from "../../../lib/currentEnvironment";
-import { PopupMenuPositions } from "../PopupMenuPositions";
+import { PopupPositions } from "../../Popup";
 
 var isValidPosition = function isValidPosition(position) {
-  return PopupMenuPositions.includes(position);
+  return PopupPositions.includes(position);
 };
 
 export var isValidPositions = function isValidPositions(positions) {
   return positions.every(function (item) {
     if (isProductionEnv) {
       return isValidPosition(item);
-    } else {
-      if (isValidPosition(item)) {
-        return true;
-      } else {
-        throw new Error("Unxpected position \"" + item + "\"");
-      }
     }
+
+    if (isValidPosition(item)) {
+      return true;
+    }
+
+    throw new Error("Unxpected position \"" + item + "\"");
   });
 };

package/internal/PopupMenu/validatePositions/validatePositions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["validatePositions.tsx"],"names":["isProductionEnv","PopupMenuPositions","isValidPosition","position","includes","isValidPositions","positions","every","item","Error"],"mappings":"AAAA,SAASA,eAAT,QAAgC,8BAAhC;;;AAGA,SAASC,kBAAT,QAAmC,sBAAnC;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,QAAD,EAAsC;AAC5D,SAAOF,kBAAkB,CAACG,QAAnB,CAA4BD,QAA5B,CAAP;AACD,CAFD;;AAIA,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,SAAD,EAAyC;AACvE,SAAOA,SAAS,CAACC,KAAV,CAAgB,UAAAC,IAAI,EAAI;AAC7B,QAAIR,eAAJ,EAAqB;AACnB,aAAOE,eAAe,CAACM,IAAD,CAAtB;AACD,KAFD,MAEO;AACL,UAAIN,eAAe,CAACM,IAAD,CAAnB,EAA2B;AACzB,eAAO,IAAP;AACD,OAFD,MAEO;AACL,cAAM,IAAIC,KAAJ,2BAAiCD,IAAjC,QAAN;AACD;AACF;AACF,GAVM,CAAP;AAWD,CAZM","sourcesContent":["import { isProductionEnv } from '../../lib/currentEnvironment';\r\nimport { PopupPosition } from '../Popup';\r\n\r\nimport { PopupMenuPositions } from './PopupMenuPositions';\r\n\r\nconst isValidPosition = (position: PopupPosition): boolean => {\r\n  return PopupMenuPositions.includes(position);\r\n};\r\n\r\nexport const isValidPositions = (positions: PopupPosition[]): boolean => {\r\n  return positions.every(item => {\r\n    if (isProductionEnv) {\r\n      return isValidPosition(item);\r\n    } else {\r\n      if (isValidPosition(item)) {\r\n        return true;\r\n      } else {\r\n        throw new Error(`Unxpected position \"${item}\"`);\r\n      }\r\n    }\r\n  });\r\n};\r\n"]}
+{"version":3,"sources":["validatePositions.ts"],"names":["isProductionEnv","PopupPositions","isValidPosition","position","includes","isValidPositions","positions","every","item","Error"],"mappings":"AAAA,SAASA,eAAT,QAAgC,8BAAhC;AACA,SAA6BC,cAA7B,QAAmD,UAAnD;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,QAAD,EAA2C;AACjE,SAAOF,cAAc,CAACG,QAAf,CAAwBD,QAAxB,CAAP;AACD,CAFD;;AAIA,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,SAAD,EAA8C;AAC5E,SAAOA,SAAS,CAACC,KAAV,CAAgB,UAACC,IAAD,EAAU;AAC/B,QAAIR,eAAJ,EAAqB;AACnB,aAAOE,eAAe,CAACM,IAAD,CAAtB;AACD;;AAED,QAAIN,eAAe,CAACM,IAAD,CAAnB,EAA2B;AACzB,aAAO,IAAP;AACD;;AAED,UAAM,IAAIC,KAAJ,2BAAiCD,IAAjC,QAAN;AACD,GAVM,CAAP;AAWD,CAZM","sourcesContent":["import { isProductionEnv } from '../../lib/currentEnvironment';\nimport { PopupPositionsType, PopupPositions } from '../Popup';\n\nconst isValidPosition = (position: PopupPositionsType): boolean => {\n  return PopupPositions.includes(position);\n};\n\nexport const isValidPositions = (positions: PopupPositionsType[]): boolean => {\n  return positions.every((item) => {\n    if (isProductionEnv) {\n      return isValidPosition(item);\n    }\n\n    if (isValidPosition(item)) {\n      return true;\n    }\n\n    throw new Error(`Unxpected position \"${item}\"`);\n  });\n};\n"]}

package/internal/PopupMenu/validatePositions.d.ts

@@ -1,2 +1,2 @@
-import { PopupPosition } from '../Popup';
-export declare const isValidPositions: (positions: PopupPosition[]) => boolean;
+import { PopupPositionsType } from '../Popup';
+export declare const isValidPositions: (positions: PopupPositionsType[]) => boolean;

package/internal/RenderContainer/RenderContainer/RenderContainer.js

@@ -3,6 +3,8 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { canUseDOM, isBrowser } from "../../../lib/client";
 import { getRandomID } from "../../../lib/utils";
+import { Upgrade } from "../../../lib/Upgrades";
+import { callChildRef } from "../../../lib/callChildRef/callChildRef";
 import { RenderInnerContainer } from "../RenderInnerContainer";
 export var RenderContainer = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(RenderContainer, _React$Component);
@@ -23,7 +25,7 @@ export var RenderContainer = /*#__PURE__*/function (_React$Component) {
 
   var _proto = RenderContainer.prototype;
 
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
+  _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
     if (!this.props.children && nextProps.children) {
       this.mountContainer();
     }
@@ -31,6 +33,8 @@ export var RenderContainer = /*#__PURE__*/function (_React$Component) {
     if (this.props.children && !nextProps.children) {
       this.unmountContainer();
     }
+
+    return true;
   };
 
   _proto.componentWillUnmount = function componentWillUnmount() {
@@ -47,7 +51,7 @@ export var RenderContainer = /*#__PURE__*/function (_React$Component) {
   _proto.createContainer = function createContainer() {
     if (canUseDOM) {
       var domContainer = document.createElement('div');
-      domContainer.setAttribute('class', 'react-ui');
+      domContainer.setAttribute('class', Upgrade.getSpecificityClassName());
       domContainer.setAttribute('data-rendered-container-id', "" + this.rootId);
       this.domContainer = domContainer;
     }
@@ -61,6 +65,10 @@ export var RenderContainer = /*#__PURE__*/function (_React$Component) {
     if (this.domContainer && this.domContainer.parentNode !== document.body) {
       document.body.appendChild(this.domContainer);
 
+      if (this.props.containerRef) {
+        callChildRef(this.props.containerRef, this.domContainer);
+      }
+
       if (window.ReactTesting) {
         window.ReactTesting.addRenderContainer(this.rootId, this);
       }
@@ -78,6 +86,10 @@ export var RenderContainer = /*#__PURE__*/function (_React$Component) {
     if (this.domContainer && this.domContainer.parentNode) {
       this.domContainer.parentNode.removeChild(this.domContainer);
 
+      if (this.props.containerRef) {
+        callChildRef(this.props.containerRef, null);
+      }
+
       if (window.ReactTesting) {
         window.ReactTesting.removeRenderContainer(this.rootId);
       }

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

@@ -1 +1 @@
-{"version":3,"sources":["RenderContainer.tsx"],"names":["React","canUseDOM","isBrowser","getRandomID","RenderInnerContainer","RenderContainer","props","domContainer","rootId","getRootId","children","mountContainer","UNSAFE_componentWillReceiveProps","nextProps","unmountContainer","componentWillUnmount","destroyContainer","render","createContainer","document","createElement","setAttribute","parentNode","body","appendChild","window","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","Component","__KONTUR_REACT_UI__"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,SAAT,EAAoBC,SAApB,QAAqC,kBAArC;;AAEA,SAASC,WAAT,QAA4B,iBAA5B;;AAEA,SAASC,oBAAT,QAAqC,wBAArC;;;AAGA,WAAaC,eAAb;;;;;;;;AAQE,2BAAYC,KAAZ,EAAyC;AACvC,wCAAMA,KAAN,UADuC,MAJjCC,YAIiC,GAJK,IAIL,OAFxBC,MAEwB,GAFPH,eAAe,CAACI,SAAhB,EAEO;;AAGvC,QAAIP,SAAS,IAAII,KAAK,CAACI,QAAvB,EAAiC;AAC/B,YAAKC,cAAL;AACD,KALsC;AAMxC,GAdH;;AAgBSC,EAAAA,gCAhBT,GAgBE,0CAAwCC,SAAxC,EAAyF;AACvF,QAAI,CAAC,KAAKP,KAAL,CAAWI,QAAZ,IAAwBG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKC,cAAL;AACD;AACD,QAAI,KAAKL,KAAL,CAAWI,QAAX,IAAuB,CAACG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKI,gBAAL;AACD;AACF,GAvBH;;AAyBSC,EAAAA,oBAzBT,GAyBE,gCAA8B;AAC5B,SAAKC,gBAAL;AACD,GA3BH;;AA6BSC,EAAAA,MA7BT,GA6BE,kBAAgB;AACd,wBAAO,oBAAC,oBAAD,eAA0B,KAAKX,KAA/B,IAAsC,YAAY,EAAE,KAAKC,YAAzD,EAAuE,MAAM,EAAE,KAAKC,MAApF,IAAP;AACD,GA/BH;;AAiCUU,EAAAA,eAjCV,GAiCE,2BAA0B;AACxB,QAAIjB,SAAJ,EAAe;AACb,UAAMM,YAAY,GAAGY,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAArB;AACAb,MAAAA,YAAY,CAACc,YAAb,CAA0B,OAA1B,EAAmC,UAAnC;AACAd,MAAAA,YAAY,CAACc,YAAb,CAA0B,4BAA1B,OAA2D,KAAKb,MAAhE;AACA,WAAKD,YAAL,GAAoBA,YAApB;AACD;AACF,GAxCH;;AA0CUI,EAAAA,cA1CV,GA0CE,0BAAyB;AACvB,QAAI,CAAC,KAAKJ,YAAV,EAAwB;AACtB,WAAKW,eAAL;AACD;AACD,QAAI,KAAKX,YAAL,IAAqB,KAAKA,YAAL,CAAkBe,UAAlB,KAAiCH,QAAQ,CAACI,IAAnE,EAAyE;AACvEJ,MAAAA,QAAQ,CAACI,IAAT,CAAcC,WAAd,CAA0B,KAAKjB,YAA/B;AACA,UAAIkB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBC,kBAApB,CAAuC,KAAKnB,MAA5C,EAAoD,IAApD;AACD;AACF;AACF,GApDH;;AAsDUQ,EAAAA,gBAtDV,GAsDE,4BAA2B;AACzB,QAAI,KAAKT,YAAT,EAAuB;AACrB,WAAKO,gBAAL;AACA,WAAKP,YAAL,GAAoB,IAApB;AACD;AACF,GA3DH;;AA6DUO,EAAAA,gBA7DV,GA6DE,4BAA2B;AACzB,QAAI,KAAKP,YAAL,IAAqB,KAAKA,YAAL,CAAkBe,UAA3C,EAAuD;AACrD,WAAKf,YAAL,CAAkBe,UAAlB,CAA6BM,WAA7B,CAAyC,KAAKrB,YAA9C;;AAEA,UAAIkB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBG,qBAApB,CAA0C,KAAKrB,MAA/C;AACD;AACF;AACF,GArEH,0BAAqCR,KAAK,CAAC8B,SAA3C,EAAazB,e,CACG0B,mB,GAAsB,iB,CADzB1B,e,CAGII,S,GAAY,oBAAMN,WAAW,EAAjB,E","sourcesContent":["import React from 'react';\r\n\r\nimport { canUseDOM, isBrowser } from '../../lib/client';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { getRandomID } from '../../lib/utils';\r\n\r\nimport { RenderInnerContainer } from './RenderInnerContainer';\r\nimport { RenderContainerProps } from './RenderContainerTypes';\r\n\r\nexport class RenderContainer extends React.Component<RenderContainerProps> {\r\n  public static __KONTUR_REACT_UI__ = 'RenderContainer';\r\n\r\n  private static getRootId = () => getRandomID();\r\n  private domContainer: Nullable<HTMLElement> = null;\r\n\r\n  private readonly rootId: string = RenderContainer.getRootId();\r\n\r\n  constructor(props: RenderContainerProps) {\r\n    super(props);\r\n\r\n    if (isBrowser && props.children) {\r\n      this.mountContainer();\r\n    }\r\n  }\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: Readonly<RenderContainerProps>): void {\r\n    if (!this.props.children && nextProps.children) {\r\n      this.mountContainer();\r\n    }\r\n    if (this.props.children && !nextProps.children) {\r\n      this.unmountContainer();\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this.destroyContainer();\r\n  }\r\n\r\n  public render() {\r\n    return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\r\n  }\r\n\r\n  private createContainer() {\r\n    if (canUseDOM) {\r\n      const domContainer = document.createElement('div');\r\n      domContainer.setAttribute('class', 'react-ui');\r\n      domContainer.setAttribute('data-rendered-container-id', `${this.rootId}`);\r\n      this.domContainer = domContainer;\r\n    }\r\n  }\r\n\r\n  private mountContainer() {\r\n    if (!this.domContainer) {\r\n      this.createContainer();\r\n    }\r\n    if (this.domContainer && this.domContainer.parentNode !== document.body) {\r\n      document.body.appendChild(this.domContainer);\r\n      if (window.ReactTesting) {\r\n        window.ReactTesting.addRenderContainer(this.rootId, this);\r\n      }\r\n    }\r\n  }\r\n\r\n  private destroyContainer() {\r\n    if (this.domContainer) {\r\n      this.unmountContainer();\r\n      this.domContainer = null;\r\n    }\r\n  }\r\n\r\n  private unmountContainer() {\r\n    if (this.domContainer && this.domContainer.parentNode) {\r\n      this.domContainer.parentNode.removeChild(this.domContainer);\r\n\r\n      if (window.ReactTesting) {\r\n        window.ReactTesting.removeRenderContainer(this.rootId);\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["RenderContainer.tsx"],"names":["React","canUseDOM","isBrowser","getRandomID","Upgrade","callChildRef","RenderInnerContainer","RenderContainer","props","domContainer","rootId","getRootId","children","mountContainer","shouldComponentUpdate","nextProps","unmountContainer","componentWillUnmount","destroyContainer","render","createContainer","document","createElement","setAttribute","getSpecificityClassName","parentNode","body","appendChild","containerRef","window","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { canUseDOM, isBrowser } from '../../lib/client';\nimport { Nullable } from '../../typings/utility-types';\nimport { getRandomID } from '../../lib/utils';\nimport { Upgrade } from '../../lib/Upgrades';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport { RenderInnerContainer } from './RenderInnerContainer';\nimport { RenderContainerProps } from './RenderContainerTypes';\n\nexport class RenderContainer extends React.Component<RenderContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderContainer';\n\n  private static getRootId = () => getRandomID();\n  private domContainer: Nullable<HTMLElement> = null;\n\n  private readonly rootId: string = RenderContainer.getRootId();\n\n  constructor(props: RenderContainerProps) {\n    super(props);\n\n    if (isBrowser && props.children) {\n      this.mountContainer();\n    }\n  }\n\n  public shouldComponentUpdate(nextProps: RenderContainerProps) {\n    if (!this.props.children && nextProps.children) {\n      this.mountContainer();\n    }\n    if (this.props.children && !nextProps.children) {\n      this.unmountContainer();\n    }\n    return true;\n  }\n\n  public componentWillUnmount() {\n    this.destroyContainer();\n  }\n\n  public render() {\n    return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\n  }\n\n  private createContainer() {\n    if (canUseDOM) {\n      const domContainer = document.createElement('div');\n      domContainer.setAttribute('class', Upgrade.getSpecificityClassName());\n      domContainer.setAttribute('data-rendered-container-id', `${this.rootId}`);\n      this.domContainer = domContainer;\n    }\n  }\n\n  private mountContainer() {\n    if (!this.domContainer) {\n      this.createContainer();\n    }\n    if (this.domContainer && this.domContainer.parentNode !== document.body) {\n      document.body.appendChild(this.domContainer);\n\n      if (this.props.containerRef) {\n        callChildRef(this.props.containerRef, this.domContainer);\n      }\n      if (window.ReactTesting) {\n        window.ReactTesting.addRenderContainer(this.rootId, this);\n      }\n    }\n  }\n\n  private destroyContainer() {\n    if (this.domContainer) {\n      this.unmountContainer();\n      this.domContainer = null;\n    }\n  }\n\n  private unmountContainer() {\n    if (this.domContainer && this.domContainer.parentNode) {\n      this.domContainer.parentNode.removeChild(this.domContainer);\n\n      if (this.props.containerRef) {\n        callChildRef(this.props.containerRef, null);\n      }\n\n      if (window.ReactTesting) {\n        window.ReactTesting.removeRenderContainer(this.rootId);\n      }\n    }\n  }\n}\n"]}

package/internal/RenderContainer/RenderContainer.d.ts

@@ -6,7 +6,7 @@ export declare class RenderContainer extends React.Component<RenderContainerProp
     private domContainer;
     private readonly rootId;
     constructor(props: RenderContainerProps);
-    UNSAFE_componentWillReceiveProps(nextProps: Readonly<RenderContainerProps>): void;
+    shouldComponentUpdate(nextProps: RenderContainerProps): boolean;
     componentWillUnmount(): void;
     render(): JSX.Element;
     private createContainer;

package/internal/RenderContainer/RenderContainerTypes/RenderContainerTypes.js

@@ -0,0 +1 @@
+export {};

package/internal/RenderContainer/RenderContainerTypes.d.ts

@@ -4,8 +4,10 @@ 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>;
 }

package/internal/RenderContainer/RenderInnerContainer/RenderInnerContainer.js

@@ -1,7 +1,8 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { CommonWrapper } from "../../CommonWrapper"; // Заглушка нужна для корректной гидрации порталов после SSR,
+import propTypes from 'prop-types';
+import { safePropTypesInstanceOf } from "../../../lib/SSRSafe"; // Заглушка нужна для корректной гидрации порталов после SSR,
 // которую реакт сам пока не поддерживает.
 // @see https://github.com/facebook/react/issues/13097
 // А также для вставки актуального render-container-id на клиенте.
@@ -56,7 +57,7 @@ export var RenderInnerContainer = /*#__PURE__*/function (_React$Component) {
         key: "portal-ref",
         rt_rootID: rootId,
         container: domContainer
-      }, /*#__PURE__*/React.createElement(CommonWrapper, this.props, children)));
+      }, children));
     }
 
     return inner;
@@ -64,4 +65,11 @@ export var RenderInnerContainer = /*#__PURE__*/function (_React$Component) {
 
   return RenderInnerContainer;
 }(React.Component);
-RenderInnerContainer.__KONTUR_REACT_UI__ = 'RenderInnerContainer';
+RenderInnerContainer.__KONTUR_REACT_UI__ = 'RenderInnerContainer';
+Portal.propTypes = {
+  container: safePropTypesInstanceOf(function () {
+    return HTMLElement;
+  }),
+  rt_rootID: propTypes.string.isRequired,
+  children: propTypes.node.isRequired
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["RenderInnerContainer.tsx"],"names":["React","ReactDOM","CommonWrapper","SSRPlaceholder","Portal","container","rt_rootID","children","createPortal","RenderInnerContainer","render","props","anchor","domContainer","rootId","inner","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;;;AAGA,SAASC,aAAT,QAA8B,kBAA9B;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,wBAAM,gCAAQ,WAAQ,iBAAhB,GAAN,EAAvB;;AAEA,OAAO,IAAMC,MAA4C,GAAG,SAA/CA,MAA+C,OAAwC,KAArCC,SAAqC,QAArCA,SAAqC,CAA1BC,SAA0B,QAA1BA,SAA0B,CAAfC,QAAe,QAAfA,QAAe;AAClG;AACA;AACE,wBAAC,KAAD,CAAO,QAAP;AACGF,IAAAA,SAAS,gBAAGJ,QAAQ,CAACO,YAAT,CAAsBD,QAAtB,EAAgCF,SAAhC,CAAH,gBAAgD,oBAAC,cAAD,OAD5D;AAEGA,IAAAA,SAAS,gBAAG,kCAAU,4BAA0BC,SAApC,GAAH,gBAAuD,oBAAC,cAAD,OAFnE,CADF;;;AAMD,CARM;;AAUP,WAAaG,oBAAb;;;AAGSC,EAAAA,MAHT,GAGE,kBAAgB;AACqC,SAAKC,KAD1C,CACNC,MADM,eACNA,MADM,CACEL,QADF,eACEA,QADF,CACYM,YADZ,eACYA,YADZ,CAC0BC,MAD1B,eAC0BA,MAD1B;AAEd,QAAIC,KAAK,GAAGH,MAAZ;;AAEA,QAAIL,QAAJ,EAAc;AACZQ,MAAAA,KAAK;AACH,0BAAC,KAAD,CAAO,QAAP;AACGH,MAAAA,MADH;AAEE,0BAAC,MAAD,IAAQ,GAAG,EAAC,YAAZ,EAAyB,SAAS,EAAEE,MAApC,EAA4C,SAAS,EAAED,YAAvD;AACE,0BAAC,aAAD,EAAmB,KAAKF,KAAxB,EAAgCJ,QAAhC,CADF,CAFF,CADF;;;;AAQD;;AAED,WAAOQ,KAAP;AACD,GAnBH,+BAA0Cf,KAAK,CAACgB,SAAhD,EAAaP,oB,CACGQ,mB,GAAsB,sB","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { CommonWrapper } from '../CommonWrapper';\r\n\r\nimport { PortalProps, RenderContainerProps } from './RenderContainerTypes';\r\n\r\ninterface RenderInnerContainerProps extends RenderContainerProps {\r\n  domContainer: Nullable<HTMLElement>;\r\n  rootId: string;\r\n}\r\n\r\n// Заглушка нужна для корректной гидрации порталов после SSR,\r\n// которую реакт сам пока не поддерживает.\r\n// @see https://github.com/facebook/react/issues/13097\r\n// А также для вставки актуального render-container-id на клиенте.\r\n//\r\n// Дело в том, что во время гидрации, структура HTML на сервере\r\n// и на клиенте должна совпадать, иначе возможны артефакты.\r\n// Алгоритм там примерно такой. Клиент во время гидрации идет\r\n// по этим двум деревьям и сравнивает узлы. Элементы разных типов\r\n// он подменяет на свои. А те, что совпадают, он оставляет как есть\r\n// вместе со всеми атрибутами, навесив только обработчики событий.\r\n//\r\n// Поэтому, для портала, который рендерится только на клиенте,\r\n// нужно использовать серверную заглушку, чтобы при гидрации\r\n// он не испортил какой-то другой элемент. Null не подходит,\r\n// т.к. на сервере он тоже не рендерится.\r\n// А элемент с render-container-id нужно отрендерить с нуля.\r\n\r\nconst SSRPlaceholder = () => <script data-id=\"ssr-placeholder\" />;\r\n\r\nexport const Portal: React.FunctionComponent<PortalProps> = ({ container, rt_rootID, children }) => {\r\n  // container exists only in browser\r\n  return (\r\n    <React.Fragment>\r\n      {container ? ReactDOM.createPortal(children, container) : <SSRPlaceholder />}\r\n      {container ? <noscript data-render-container-id={rt_rootID} /> : <SSRPlaceholder />}\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\r\n  public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\r\n\r\n  public render() {\r\n    const { anchor, children, domContainer, rootId } = this.props;\r\n    let inner = anchor;\r\n\r\n    if (children) {\r\n      inner = (\r\n        <React.Fragment>\r\n          {anchor}\r\n          <Portal key=\"portal-ref\" rt_rootID={rootId} container={domContainer}>\r\n            <CommonWrapper {...this.props}>{children}</CommonWrapper>\r\n          </Portal>\r\n        </React.Fragment>\r\n      );\r\n    }\r\n\r\n    return inner;\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["RenderInnerContainer.tsx"],"names":["React","ReactDOM","propTypes","safePropTypesInstanceOf","SSRPlaceholder","Portal","container","rt_rootID","children","createPortal","RenderInnerContainer","render","props","anchor","domContainer","rootId","inner","Component","__KONTUR_REACT_UI__","HTMLElement","string","isRequired","node"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;;AAGA,SAASC,uBAAT,QAAwC,mBAAxC;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,wBAAM,gCAAQ,WAAQ,iBAAhB,GAAN,EAAvB;;AAEA,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAqD,KAAlDC,SAAkD,QAAlDA,SAAkD,CAAvCC,SAAuC,QAAvCA,SAAuC,CAA5BC,QAA4B,QAA5BA,QAA4B;AACzE;AACA;AACE,wBAAC,KAAD,CAAO,QAAP;AACGF,IAAAA,SAAS,gBAAGL,QAAQ,CAACQ,YAAT,CAAsBD,QAAtB,EAAgCF,SAAhC,CAAH,gBAAgD,oBAAC,cAAD,OAD5D;AAEGA,IAAAA,SAAS,gBAAG,kCAAU,4BAA0BC,SAApC,GAAH,gBAAuD,oBAAC,cAAD,OAFnE,CADF;;;AAMD,CARM;;AAUP,WAAaG,oBAAb;;;AAGSC,EAAAA,MAHT,GAGE,kBAAgB;AACd,sBAAmD,KAAKC,KAAxD,CAAQC,MAAR,eAAQA,MAAR,CAAgBL,QAAhB,eAAgBA,QAAhB,CAA0BM,YAA1B,eAA0BA,YAA1B,CAAwCC,MAAxC,eAAwCA,MAAxC;AACA,QAAIC,KAAK,GAAGH,MAAZ;;AAEA,QAAIL,QAAJ,EAAc;AACZQ,MAAAA,KAAK;AACH,0BAAC,KAAD,CAAO,QAAP;AACGH,MAAAA,MADH;AAEE,0BAAC,MAAD,IAAQ,GAAG,EAAC,YAAZ,EAAyB,SAAS,EAAEE,MAApC,EAA4C,SAAS,EAAED,YAAvD;AACGN,MAAAA,QADH,CAFF,CADF;;;;AAQD;;AAED,WAAOQ,KAAP;AACD,GAnBH,+BAA0ChB,KAAK,CAACiB,SAAhD,EAAaP,oB,CACGQ,mB,GAAsB,sB;;;AAqBtCb,MAAM,CAACH,SAAP,GAAmB;AACjBI,EAAAA,SAAS,EAAEH,uBAAuB,CAAC,oBAAMgB,WAAN,EAAD,CADjB;AAEjBZ,EAAAA,SAAS,EAAEL,SAAS,CAACkB,MAAV,CAAiBC,UAFX;AAGjBb,EAAAA,QAAQ,EAAEN,SAAS,CAACoB,IAAV,CAAeD,UAHR,EAAnB","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport propTypes from 'prop-types';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\n\nimport { PortalProps, RenderContainerProps } from './RenderContainerTypes';\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 data-render-container-id={rt_rootID} /> : <SSRPlaceholder />}\n    </React.Fragment>\n  );\n};\n\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\n  public static __KONTUR_REACT_UI__ = '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(() => HTMLElement),\n  rt_rootID: propTypes.string.isRequired,\n  children: propTypes.node.isRequired,\n};\n"]}

package/internal/RenderContainer/RenderInnerContainer.d.ts

@@ -1,11 +1,19 @@
 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: React.FunctionComponent<PortalProps>;
+export declare const Portal: {
+    ({ container, rt_rootID, children }: PortalProps): JSX.Element;
+    propTypes: {
+        container: propTypes.Requireable<HTMLElement>;
+        rt_rootID: propTypes.Validator<string>;
+        children: propTypes.Validator<string | number | boolean | {} | propTypes.ReactElementLike | propTypes.ReactNodeArray>;
+    };
+};
 export declare class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {
     static __KONTUR_REACT_UI__: string;
     render(): React.ReactNode;

package/internal/RenderContainer/index/index.js.map

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

package/internal/RenderLayer/RenderLayer/RenderLayer.js

@@ -1,9 +1,14 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
-import { findDOMNode } from 'react-dom';
 import { listen as listenFocusOutside, containsTargetOrRenderContainer } from "../../../lib/listenFocusOutside";
 import { CommonWrapper } from "../../CommonWrapper";
-export var RenderLayer = /*#__PURE__*/function (_React$Component) {
+import { getRootNode, rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+export var RenderLayer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(RenderLayer, _React$Component);
 
   function RenderLayer() {
@@ -14,6 +19,7 @@ export var RenderLayer = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(RenderLayer.defaultProps);
     _this.focusOutsideListenerToken = null;
 
     _this.handleFocusOutside = function (event) {
@@ -25,9 +31,9 @@ export var RenderLayer = /*#__PURE__*/function (_React$Component) {
     _this.handleNativeDocClick = function (event) {
       var target = event.target || event.srcElement;
 
-      var node = _this.getDomNode();
+      var node = _this.getAnchorNode();
 
-      if (target instanceof Element && containsTargetOrRenderContainer(target)(node)) {
+      if (!node || target instanceof Element && containsTargetOrRenderContainer(target)(node)) {
         return;
       }
 
@@ -42,36 +48,49 @@ export var RenderLayer = /*#__PURE__*/function (_React$Component) {
   var _proto = RenderLayer.prototype;
 
   _proto.componentDidMount = function componentDidMount() {
-    if (this.props.active) {
+    if (this.getProps().active) {
       this.attachListeners();
     }
   };
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (!prevProps.active && this.props.active) {
+    var active = this.getProps().active;
+
+    if (!prevProps.active && active) {
       this.attachListeners();
     }
 
-    if (prevProps.active && !this.props.active) {
+    if (prevProps.active && !active) {
       this.detachListeners();
     }
   };
 
   _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.props.active) {
+    if (this.getProps().active) {
       this.detachListeners();
     }
   };
 
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, React.Children.only(this.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;
+    return getAnchorElement ? getAnchorElement() : getRootNode(this);
   };
 
   _proto.attachListeners = function attachListeners() {
-    var _this2 = this;
+    var node = this.getAnchorNode();
+
+    if (!node) {
+      return;
+    }
 
     this.focusOutsideListenerToken = listenFocusOutside(function () {
-      return [_this2.getDomNode()];
+      return [node];
     }, this.handleFocusOutside);
     window.addEventListener('blur', this.handleFocusOutside);
     document.addEventListener('ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);
@@ -87,14 +106,8 @@ export var RenderLayer = /*#__PURE__*/function (_React$Component) {
     document.removeEventListener('ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);
   };
 
-  _proto.getDomNode = function getDomNode() {
-    return findDOMNode(this);
-  };
-
   return RenderLayer;
-}(React.Component);
-RenderLayer.__KONTUR_REACT_UI__ = 'RenderLayer';
-RenderLayer.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'RenderLayer', _class2.propTypes = {
   active: function active(props, propName, componentName) {
     var active = props.active,
         onClickOutside = props.onClickOutside,
@@ -104,7 +117,6 @@ RenderLayer.propTypes = {
       return new Error("[" + componentName + "]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.");
     }
   }
-};
-RenderLayer.defaultProps = {
+}, _class2.defaultProps = {
   active: true
-};
+}, _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["RenderLayer.tsx"],"names":["React","findDOMNode","listen","listenFocusOutside","containsTargetOrRenderContainer","CommonWrapper","RenderLayer","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getDomNode","Element","onClickOutside","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","Children","only","children","window","addEventListener","document","documentElement","remove","removeEventListener","Component","__KONTUR_REACT_UI__","propTypes","propName","componentName","Error","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\n\r\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\r\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\r\n\r\nexport interface RenderLayerProps extends CommonProps {\r\n  children: JSX.Element;\r\n  onClickOutside?: (e: Event) => void;\r\n  onFocusOutside?: (e: Event) => void;\r\n  active?: boolean;\r\n}\r\n\r\nexport class RenderLayer extends React.Component<RenderLayerProps> {\r\n  public static __KONTUR_REACT_UI__ = 'RenderLayer';\r\n\r\n  public static propTypes = {\r\n    active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string) {\r\n      const { active, onClickOutside, onFocusOutside } = props;\r\n      if (active && !(onClickOutside || onFocusOutside)) {\r\n        return new Error(\r\n          `[${componentName}]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.`,\r\n        );\r\n      }\r\n    },\r\n  };\r\n\r\n  public static defaultProps = {\r\n    active: true,\r\n  };\r\n\r\n  private focusOutsideListenerToken: {\r\n    remove: () => void;\r\n  } | null = null;\r\n\r\n  public componentDidMount() {\r\n    if (this.props.active) {\r\n      this.attachListeners();\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: RenderLayerProps) {\r\n    if (!prevProps.active && this.props.active) {\r\n      this.attachListeners();\r\n    }\r\n    if (prevProps.active && !this.props.active) {\r\n      this.detachListeners();\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.props.active) {\r\n      this.detachListeners();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{React.Children.only(this.props.children)}</CommonWrapper>;\r\n  }\r\n\r\n  private attachListeners() {\r\n    this.focusOutsideListenerToken = listenFocusOutside(() => [this.getDomNode()], this.handleFocusOutside);\r\n    window.addEventListener('blur', this.handleFocusOutside);\r\n    document.addEventListener(\r\n      'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\r\n      this.handleNativeDocClick,\r\n    );\r\n  }\r\n\r\n  private detachListeners() {\r\n    if (this.focusOutsideListenerToken) {\r\n      this.focusOutsideListenerToken.remove();\r\n      this.focusOutsideListenerToken = null;\r\n    }\r\n\r\n    window.removeEventListener('blur', this.handleFocusOutside);\r\n    document.removeEventListener(\r\n      'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\r\n      this.handleNativeDocClick,\r\n    );\r\n  }\r\n\r\n  private getDomNode() {\r\n    return findDOMNode(this) as HTMLElement;\r\n  }\r\n\r\n  private handleFocusOutside = (event: Event) => {\r\n    if (this.props.onFocusOutside) {\r\n      this.props.onFocusOutside(event);\r\n    }\r\n  };\r\n\r\n  private handleNativeDocClick = (event: Event) => {\r\n    const target = event.target || event.srcElement;\r\n    const node = this.getDomNode();\r\n\r\n    if (target instanceof Element && containsTargetOrRenderContainer(target)(node)) {\r\n      return;\r\n    }\r\n\r\n    if (this.props.onClickOutside) {\r\n      this.props.onClickOutside(event);\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["RenderLayer.tsx"],"names":["React","listen","listenFocusOutside","containsTargetOrRenderContainer","CommonWrapper","getRootNode","rootNode","createPropsGetter","RenderLayer","getProps","defaultProps","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getAnchorNode","Element","onClickOutside","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","setRootNode","Children","only","children","getAnchorElement","window","addEventListener","document","documentElement","remove","removeEventListener","Component","__KONTUR_REACT_UI__","propTypes","propName","componentName","Error"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } 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';\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\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      <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    window.addEventListener('blur', this.handleFocusOutside);\n    document.addEventListener(\n      'ontouchstart' in document.documentElement ? 'touchstart' : '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    window.removeEventListener('blur', this.handleFocusOutside);\n    document.removeEventListener(\n      'ontouchstart' in document.documentElement ? 'touchstart' : '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 || (target instanceof Element && containsTargetOrRenderContainer(target)(node))) {\n      return;\n    }\n\n    if (this.props.onClickOutside) {\n      this.props.onClickOutside(event);\n    }\n  };\n}\n"]}

package/internal/RenderLayer/RenderLayer.d.ts

@@ -1,27 +1,31 @@
 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>;
 }
+declare type DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;
 export declare class RenderLayer extends React.Component<RenderLayerProps> {
     static __KONTUR_REACT_UI__: string;
     static propTypes: {
-        active(props: RenderLayerProps, propName: "style" | "className" | "children" | "data-tid" | "active" | "onClickOutside" | "onFocusOutside", componentName: string): Error | undefined;
-    };
-    static defaultProps: {
-        active: boolean;
+        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(): JSX.Element;
+    private getAnchorNode;
     private attachListeners;
     private detachListeners;
-    private getDomNode;
     private handleFocusOutside;
     private handleNativeDocClick;
 }
+export {};

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

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

package/internal/ResizeDetector/ResizeDetector/ResizeDetector.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["ResizeDetector.tsx"],"names":["React","jsStyles","ResizeDetector","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","componentDidMount","addEventListener","render","root","content","children","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,yBAAzB;;;;;;AAMA,WAAaC,cAAb;;;AAGUC,IAAAA,YAHV,GAGwC,IAHxC;;;;;;;;;;;;;;;;;AAoBUC,IAAAA,YApBV,GAoByB,UAACC,KAAD,EAAoB;AACzC,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB;AACD;AACF,KAxBH;;AA0BUG,IAAAA,SA1BV,GA0BsB,UAACC,MAAD,EAA+B;AACjD,UAAIA,MAAM,IAAIA,MAAM,CAACC,aAArB,EAAoC;AAClC,cAAKP,YAAL,GAAoBM,MAAM,CAACC,aAA3B;AACD;AACF,KA9BH,4DAKSC,iBALT,GAKE,6BAA2B,CACzB,IAAI,KAAKR,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkBS,gBAAlB,CAAmC,QAAnC,EAA6C,KAAKR,YAAlD,EACD,CACF,CATH,QAWSS,MAXT,GAWE,kBAAgB,CACd,oBACE,6BAAK,SAAS,EAAEZ,QAAQ,CAACa,IAAT,EAAhB,iBACE,gCAAQ,KAAK,EAAC,gBAAd,EAA+B,GAAG,EAAE,KAAKN,SAAzC,EAAoD,SAAS,EAAEP,QAAQ,CAACQ,MAAT,EAA/D,GADF,eAEE,6BAAK,SAAS,EAAER,QAAQ,CAACc,OAAT,EAAhB,IAAqC,KAAKT,KAAL,CAAWU,QAAhD,CAFF,CADF,CAMD,CAlBH,yBAAoChB,KAAK,CAACiB,SAA1C,EAAaf,c,CACGgB,mB,GAAsB,gB","sourcesContent":["import React from 'react';\r\n\r\nimport { jsStyles } from './ResizeDetector.styles';\r\n\r\nexport interface ResizeDetectorProps {\r\n  onResize?: (event: UIEvent) => void;\r\n}\r\n\r\nexport class ResizeDetector extends React.Component<ResizeDetectorProps> {\r\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\r\n\r\n  private iframeWindow: Window | null = null;\r\n\r\n  public componentDidMount() {\r\n    if (this.iframeWindow) {\r\n      this.iframeWindow.addEventListener('resize', this.handleResize);\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <div className={jsStyles.root()}>\r\n        <iframe title=\"resizeDetector\" ref={this.iframeRef} className={jsStyles.iframe()} />\r\n        <div className={jsStyles.content()}>{this.props.children}</div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private handleResize = (event: UIEvent) => {\r\n    if (this.props.onResize) {\r\n      this.props.onResize(event);\r\n    }\r\n  };\r\n\r\n  private iframeRef = (iframe: HTMLIFrameElement) => {\r\n    if (iframe && iframe.contentWindow) {\r\n      this.iframeWindow = iframe.contentWindow;\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["ResizeDetector.tsx"],"names":["React","cx","styles","ResizeDetector","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","componentDidMount","addEventListener","render","root","content","fullHeight","children","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;;;;;;;AAOA,WAAaC,cAAb;;;AAGUC,IAAAA,YAHV,GAGwC,IAHxC;;;;;;;;;;;;;;;;;;;AAsBUC,IAAAA,YAtBV,GAsByB,UAACC,KAAD,EAAoB;AACzC,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB;AACD;AACF,KA1BH;;AA4BUG,IAAAA,SA5BV,GA4BsB,UAACC,MAAD,EAA+B;AACjD,UAAIA,MAAM,IAAIA,MAAM,CAACC,aAArB,EAAoC;AAClC,cAAKP,YAAL,GAAoBM,MAAM,CAACC,aAA3B;AACD;AACF,KAhCH,4DAKSC,iBALT,GAKE,6BAA2B,CACzB,IAAI,KAAKR,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkBS,gBAAlB,CAAmC,QAAnC,EAA6C,KAAKR,YAAlD,EACD,CACF,CATH,QAWSS,MAXT,GAWE,kBAAgB,SACd,oBACE,6BAAK,SAAS,EAAEZ,MAAM,CAACa,IAAP,EAAhB,iBACE,gCAAQ,KAAK,EAAC,gBAAd,EAA+B,GAAG,EAAE,KAAKN,SAAzC,EAAoD,SAAS,EAAEP,MAAM,CAACQ,MAAP,EAA/D,EAAgF,QAAQ,EAAE,CAAC,CAA3F,GADF,eAEE,6BAAK,SAAS,EAAET,EAAE,gBAAIC,MAAM,CAACc,OAAP,EAAJ,IAAuB,IAAvB,MAA8Bd,MAAM,CAACe,UAAP,EAA9B,IAAoD,KAAKV,KAAL,CAAWU,UAA/D,OAAlB,IACG,KAAKV,KAAL,CAAWW,QADd,CAFF,CADF,CAQD,CApBH,yBAAoClB,KAAK,CAACmB,SAA1C,EAAahB,c,CACGiB,mB,GAAsB,gB","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<ResizeDetectorProps> {\n  public static __KONTUR_REACT_UI__ = '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"]}

package/internal/ResizeDetector/ResizeDetector.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export interface ResizeDetectorProps {
     onResize?: (event: UIEvent) => void;
+    fullHeight?: boolean;
 }
 export declare class ResizeDetector extends React.Component<ResizeDetectorProps> {
     static __KONTUR_REACT_UI__: string;