@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-cb270e7a13

package/components/RenderContainer/RenderContainer.js

@@ -1,82 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-
-
-import { getRandomID } from '../../lib/utils';
-
-import { RenderInnerContainer } from './RenderInnerContainer';
-
-
-export var RenderContainer = /*#__PURE__*/function (_React$Component) {_inheritsLoose(RenderContainer, _React$Component);
-
-
-
-
-
-
-
-  function RenderContainer(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.domContainer = null;_this.rootId = RenderContainer.getRootId();
-
-    if (props.children) {
-      _this.mountContainer();
-    }return _this;
-  }var _proto = RenderContainer.prototype;_proto.
-
-  UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    if (!this.props.children && nextProps.children) {
-      this.mountContainer();
-    }
-    if (this.props.children && !nextProps.children) {
-      this.unmountContainer();
-    }
-  };_proto.
-
-  componentWillUnmount = function componentWillUnmount() {
-    this.destroyContainer();
-  };_proto.
-
-  render = function render() {
-    return React.createElement(RenderInnerContainer, _extends({}, this.props, { domContainer: this.domContainer, rootId: this.rootId }));
-  };_proto.
-
-  createContainer = function createContainer() {
-    if (!document || !document.body) {
-      throw Error('There is no "body" in "document"');
-    }
-
-    if (!this.domContainer) {
-      var domContainer = document.createElement('div');
-      domContainer.setAttribute('class', 'react-ui');
-      domContainer.setAttribute('data-rendered-container-id', "" + this.rootId);
-      this.domContainer = domContainer;
-    }
-  };_proto.
-
-  mountContainer = function mountContainer() {
-    if (!this.domContainer) {
-      this.createContainer();
-    }
-    if (this.domContainer && this.domContainer.parentNode !== document.body) {
-      document.body.appendChild(this.domContainer);
-      if (window.ReactTesting) {
-        window.ReactTesting.addRenderContainer(this.rootId, this);
-      }
-    }
-  };_proto.
-
-  destroyContainer = function destroyContainer() {
-    if (this.domContainer) {
-      this.unmountContainer();
-      this.domContainer = null;
-    }
-  };_proto.
-
-  unmountContainer = function unmountContainer() {
-    if (this.domContainer && this.domContainer.parentNode) {
-      this.domContainer.parentNode.removeChild(this.domContainer);
-
-      if (window.ReactTesting) {
-        window.ReactTesting.removeRenderContainer(this.rootId);
-      }
-    }
-  };return RenderContainer;}(React.Component);RenderContainer.__KONTUR_REACT_UI__ = 'RenderContainer';RenderContainer.getRootId = function () {return getRandomID();};

package/components/RenderContainer/RenderContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["RenderContainer.tsx"],"names":["React","getRandomID","RenderInnerContainer","RenderContainer","props","domContainer","rootId","getRootId","children","mountContainer","UNSAFE_componentWillReceiveProps","nextProps","unmountContainer","componentWillUnmount","destroyContainer","render","createContainer","document","body","Error","createElement","setAttribute","parentNode","appendChild","window","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","Component","__KONTUR_REACT_UI__"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,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,QAAIH,KAAK,CAACI,QAAV,EAAoB;AAClB,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,WAAO,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,QAAI,CAACC,QAAD,IAAa,CAACA,QAAQ,CAACC,IAA3B,EAAiC;AAC/B,YAAMC,KAAK,CAAC,kCAAD,CAAX;AACD;;AAED,QAAI,CAAC,KAAKd,YAAV,EAAwB;AACtB,UAAMA,YAAY,GAAGY,QAAQ,CAACG,aAAT,CAAuB,KAAvB,CAArB;AACAf,MAAAA,YAAY,CAACgB,YAAb,CAA0B,OAA1B,EAAmC,UAAnC;AACAhB,MAAAA,YAAY,CAACgB,YAAb,CAA0B,4BAA1B,OAA2D,KAAKf,MAAhE;AACA,WAAKD,YAAL,GAAoBA,YAApB;AACD;AACF,GA5CH;;AA8CUI,EAAAA,cA9CV,GA8CE,0BAAyB;AACvB,QAAI,CAAC,KAAKJ,YAAV,EAAwB;AACtB,WAAKW,eAAL;AACD;AACD,QAAI,KAAKX,YAAL,IAAqB,KAAKA,YAAL,CAAkBiB,UAAlB,KAAiCL,QAAQ,CAACC,IAAnE,EAAyE;AACvED,MAAAA,QAAQ,CAACC,IAAT,CAAcK,WAAd,CAA0B,KAAKlB,YAA/B;AACA,UAAImB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBC,kBAApB,CAAuC,KAAKpB,MAA5C,EAAoD,IAApD;AACD;AACF;AACF,GAxDH;;AA0DUQ,EAAAA,gBA1DV,GA0DE,4BAA2B;AACzB,QAAI,KAAKT,YAAT,EAAuB;AACrB,WAAKO,gBAAL;AACA,WAAKP,YAAL,GAAoB,IAApB;AACD;AACF,GA/DH;;AAiEUO,EAAAA,gBAjEV,GAiEE,4BAA2B;AACzB,QAAI,KAAKP,YAAL,IAAqB,KAAKA,YAAL,CAAkBiB,UAA3C,EAAuD;AACrD,WAAKjB,YAAL,CAAkBiB,UAAlB,CAA6BK,WAA7B,CAAyC,KAAKtB,YAA9C;;AAEA,UAAImB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBG,qBAApB,CAA0C,KAAKtB,MAA/C;AACD;AACF;AACF,GAzEH,0BAAqCN,KAAK,CAAC6B,SAA3C,EAAa1B,e,CACG2B,mB,GAAsB,iB,CADzB3B,e,CAGII,S,GAAY,oBAAMN,WAAW,EAAjB,E","sourcesContent":["import React from 'react';\r\n\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 (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 (!document || !document.body) {\r\n      throw Error('There is no \"body\" in \"document\"');\r\n    }\r\n\r\n    if (!this.domContainer) {\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"]}

package/components/RenderContainer/RenderContainerTypes.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface PortalProps {
-    rt_rootID: string;
-}
-export interface RenderContainerProps {
-    anchor?: React.ReactNode;
-    children?: React.ReactNode;
-}

package/components/RenderContainer/RenderInnerContainer.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { PortalProps, RenderContainerProps } from './RenderContainerTypes';
-interface RenderInnerContainerProps extends RenderContainerProps {
-    domContainer: Nullable<HTMLElement>;
-    rootId: string;
-}
-export declare function Portal(props: PortalProps): JSX.Element;
-export declare class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {
-    static __KONTUR_REACT_UI__: string;
-    render(): {} | null | undefined;
-}
-export {};

package/components/RenderContainer/RenderInnerContainer.js

@@ -1,36 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import ReactDOM from 'react-dom';
-
-
-
-
-
-
-
-
-
-
-export function Portal(props) {
-  return React.createElement("noscript", { "data-render-container-id": props.rt_rootID });
-}
-
-export var RenderInnerContainer = /*#__PURE__*/function (_React$Component) {_inheritsLoose(RenderInnerContainer, _React$Component);function RenderInnerContainer() {return _React$Component.apply(this, arguments) || this;}var _proto = RenderInnerContainer.prototype;_proto.
-
-
-  render = function render() {
-    if (this.props.children) {
-      if (!this.props.domContainer) {
-        throw Error('There is no "this.domContainer"');
-      }
-
-      return (
-        React.createElement(React.Fragment, null,
-        this.props.anchor,
-        ReactDOM.createPortal(this.props.children, this.props.domContainer),
-        React.createElement(Portal, { key: "portal-ref", rt_rootID: this.props.rootId })));
-
-
-    }
-
-    return this.props.anchor;
-  };return RenderInnerContainer;}(React.Component);RenderInnerContainer.__KONTUR_REACT_UI__ = 'RenderInnerContainer';

package/components/RenderContainer/RenderInnerContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["RenderInnerContainer.tsx"],"names":["React","ReactDOM","Portal","props","rt_rootID","RenderInnerContainer","render","children","domContainer","Error","anchor","createPortal","rootId","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;;;;;;;;;;;AAWA,OAAO,SAASC,MAAT,CAAgBC,KAAhB,EAAoC;AACzC,SAAO,kCAAU,4BAA0BA,KAAK,CAACC,SAA1C,GAAP;AACD;;AAED,WAAaC,oBAAb;;;AAGSC,EAAAA,MAHT,GAGE,kBAAgB;AACd,QAAI,KAAKH,KAAL,CAAWI,QAAf,EAAyB;AACvB,UAAI,CAAC,KAAKJ,KAAL,CAAWK,YAAhB,EAA8B;AAC5B,cAAMC,KAAK,CAAC,iCAAD,CAAX;AACD;;AAED;AACE,4BAAC,KAAD,CAAO,QAAP;AACG,aAAKN,KAAL,CAAWO,MADd;AAEGT,QAAAA,QAAQ,CAACU,YAAT,CAAsB,KAAKR,KAAL,CAAWI,QAAjC,EAA2C,KAAKJ,KAAL,CAAWK,YAAtD,CAFH;AAGE,4BAAC,MAAD,IAAQ,GAAG,EAAC,YAAZ,EAAyB,SAAS,EAAE,KAAKL,KAAL,CAAWS,MAA/C,GAHF,CADF;;;AAOD;;AAED,WAAO,KAAKT,KAAL,CAAWO,MAAlB;AACD,GAnBH,+BAA0CV,KAAK,CAACa,SAAhD,EAAaR,oB,CACGS,mB,GAAsB,sB","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\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\nexport function Portal(props: PortalProps) {\r\n  return <noscript data-render-container-id={props.rt_rootID} />;\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    if (this.props.children) {\r\n      if (!this.props.domContainer) {\r\n        throw Error('There is no \"this.domContainer\"');\r\n      }\r\n\r\n      return (\r\n        <React.Fragment>\r\n          {this.props.anchor}\r\n          {ReactDOM.createPortal(this.props.children, this.props.domContainer)}\r\n          <Portal key=\"portal-ref\" rt_rootID={this.props.rootId} />\r\n        </React.Fragment>\r\n      );\r\n    }\r\n\r\n    return this.props.anchor;\r\n  }\r\n}\r\n"]}

package/components/RenderContainer/index.js

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

package/components/RenderContainer/index.js.map

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

package/components/RenderLayer/RenderLayer.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-export interface RenderLayerProps {
-    children: JSX.Element;
-    onClickOutside?: (e: Event) => void;
-    onFocusOutside?: (e: Event) => void;
-    active?: boolean;
-}
-export declare class RenderLayer extends React.Component<RenderLayerProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        active(props: RenderLayerProps, propName: "children" | "active" | "onClickOutside" | "onFocusOutside", componentName: string): Error | undefined;
-    };
-    static defaultProps: {
-        active: boolean;
-    };
-    private focusOutsideListenerToken;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: RenderLayerProps): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private attachListeners;
-    private detachListeners;
-    private getDomNode;
-    private handleFocusOutside;
-    private handleNativeDocClick;
-}

package/components/RenderLayer/RenderLayer.js

@@ -1,103 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import { findDOMNode } from 'react-dom';
-
-import { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';
-
-
-
-
-
-
-
-
-export var RenderLayer = /*#__PURE__*/function (_React$Component) {_inheritsLoose(RenderLayer, _React$Component);function RenderLayer() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    focusOutsideListenerToken =
-
-    null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    handleFocusOutside = function (event) {
-      if (_this.props.onFocusOutside) {
-        _this.props.onFocusOutside(event);
-      }
-    };_this.
-
-    handleNativeDocClick = function (event) {
-      var target = event.target || event.srcElement;
-      var node = _this.getDomNode();
-
-      if (target instanceof Element && containsTargetOrRenderContainer(target)(node)) {
-        return;
-      }
-
-      if (_this.props.onClickOutside) {
-        _this.props.onClickOutside(event);
-      }
-    };return _this;}var _proto = RenderLayer.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.active) {this.attachListeners();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (!prevProps.active && this.props.active) {this.attachListeners();}if (prevProps.active && !this.props.active) {this.detachListeners();}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.props.active) {this.detachListeners();}};_proto.render = function render() {return React.Children.only(this.props.children);};_proto.attachListeners = function attachListeners() {var _this2 = this;this.focusOutsideListenerToken = listenFocusOutside(function () {return [_this2.getDomNode()];}, this.handleFocusOutside);window.addEventListener('blur', this.handleFocusOutside);document.addEventListener('ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);};_proto.detachListeners = function detachListeners() {if (this.focusOutsideListenerToken) {this.focusOutsideListenerToken.remove();this.focusOutsideListenerToken = null;}window.removeEventListener('blur', this.handleFocusOutside);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 = { 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 = { active: true };

package/components/RenderLayer/RenderLayer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["RenderLayer.tsx"],"names":["React","findDOMNode","listen","listenFocusOutside","containsTargetOrRenderContainer","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\n\r\nexport interface RenderLayerProps {\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(): JSX.Element {\r\n    return React.Children.only(this.props.children);\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"]}

package/components/RenderLayer/index.js

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

package/components/RenderLayer/index.js.map

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