@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.9

package/internal/RenderContainer/RenderContainer/RenderContainer.js

@@ -1,13 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
 import { getRandomID } from "../../../lib/utils";
@@ -19,96 +11,82 @@ export var PORTAL_OUTLET_ATTR = 'data-rendered-container-id';
 export var RenderContainer = /*#__PURE__*/function (_React$Component) {
   function RenderContainer() {
     var _this;
-    _classCallCheck(this, RenderContainer);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, RenderContainer, [].concat(args));
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.domContainer = null;
     _this.rootId = RenderContainer.getRootId();
     return _this;
   }
-  _inherits(RenderContainer, _React$Component);
-  return _createClass(RenderContainer, [{
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps) {
-      if (!this.props.children && nextProps.children) {
-        this.mountContainer();
-      }
-      if (this.props.children && !nextProps.children) {
-        this.unmountContainer();
-      }
-      return true;
+  _inheritsLoose(RenderContainer, _React$Component);
+  var _proto = RenderContainer.prototype;
+  _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
+    if (!this.props.children && nextProps.children) {
+      this.mountContainer();
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.destroyContainer();
+    if (this.props.children && !nextProps.children) {
+      this.unmountContainer();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      if (this.props.children) {
-        this.mountContainer();
-      }
-      return /*#__PURE__*/React.createElement(RenderInnerContainer, _extends({}, this.props, {
-        domContainer: this.domContainer,
-        rootId: this.rootId
-      }));
+    return true;
+  };
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.destroyContainer();
+  };
+  _proto.render = function render() {
+    if (this.props.children) {
+      this.mountContainer();
     }
-  }, {
-    key: "createContainer",
-    value: function createContainer() {
-      var _globalObject$documen;
-      var domContainer = (_globalObject$documen = globalObject.document) === null || _globalObject$documen === void 0 ? void 0 : _globalObject$documen.createElement('div');
-      if (domContainer) {
-        domContainer.setAttribute('class', Upgrade.getSpecificityClassName());
-        domContainer.setAttribute(PORTAL_OUTLET_ATTR, "".concat(this.rootId));
-        this.domContainer = domContainer;
-      }
+    return /*#__PURE__*/React.createElement(RenderInnerContainer, _extends({}, this.props, {
+      domContainer: this.domContainer,
+      rootId: this.rootId
+    }));
+  };
+  _proto.createContainer = function createContainer() {
+    var _globalObject$documen;
+    var domContainer = (_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.createElement('div');
+    if (domContainer) {
+      domContainer.setAttribute('class', Upgrade.getSpecificityClassName());
+      domContainer.setAttribute(PORTAL_OUTLET_ATTR, "" + this.rootId);
+      this.domContainer = domContainer;
     }
-  }, {
-    key: "mountContainer",
-    value: function mountContainer() {
-      var _globalObject$documen2;
-      var globalWithReactTesting = globalObject;
-      if (!this.domContainer) {
-        this.createContainer();
+  };
+  _proto.mountContainer = function mountContainer() {
+    var _globalObject$documen2;
+    var globalWithReactTesting = globalObject;
+    if (!this.domContainer) {
+      this.createContainer();
+    }
+    if (this.domContainer && this.domContainer.parentNode !== ((_globalObject$documen2 = globalObject.document) == null ? void 0 : _globalObject$documen2.body)) {
+      var _globalObject$documen3;
+      (_globalObject$documen3 = globalObject.document) == null || _globalObject$documen3.body.appendChild(this.domContainer);
+      if (this.props.containerRef) {
+        callChildRef(this.props.containerRef, this.domContainer);
       }
-      if (this.domContainer && this.domContainer.parentNode !== ((_globalObject$documen2 = globalObject.document) === null || _globalObject$documen2 === void 0 ? void 0 : _globalObject$documen2.body)) {
-        var _globalObject$documen3;
-        (_globalObject$documen3 = globalObject.document) === null || _globalObject$documen3 === void 0 || _globalObject$documen3.body.appendChild(this.domContainer);
-        if (this.props.containerRef) {
-          callChildRef(this.props.containerRef, this.domContainer);
-        }
-        if (globalWithReactTesting.ReactTesting) {
-          globalWithReactTesting.ReactTesting.addRenderContainer(this.rootId, this);
-        }
+      if (globalWithReactTesting.ReactTesting) {
+        globalWithReactTesting.ReactTesting.addRenderContainer(this.rootId, this);
       }
     }
-  }, {
-    key: "destroyContainer",
-    value: function destroyContainer() {
-      if (this.domContainer) {
-        this.unmountContainer();
-        this.domContainer = null;
-      }
+  };
+  _proto.destroyContainer = function destroyContainer() {
+    if (this.domContainer) {
+      this.unmountContainer();
+      this.domContainer = null;
     }
-  }, {
-    key: "unmountContainer",
-    value: function unmountContainer() {
-      if (this.domContainer && this.domContainer.parentNode) {
-        this.domContainer.parentNode.removeChild(this.domContainer);
-        if (this.props.containerRef) {
-          callChildRef(this.props.containerRef, null);
-        }
-        var globalWithReactTesting = globalObject;
-        if (globalWithReactTesting.ReactTesting) {
-          globalWithReactTesting.ReactTesting.removeRenderContainer(this.rootId);
-        }
+  };
+  _proto.unmountContainer = function unmountContainer() {
+    if (this.domContainer && this.domContainer.parentNode) {
+      this.domContainer.parentNode.removeChild(this.domContainer);
+      if (this.props.containerRef) {
+        callChildRef(this.props.containerRef, null);
+      }
+      var globalWithReactTesting = globalObject;
+      if (globalWithReactTesting.ReactTesting) {
+        globalWithReactTesting.ReactTesting.removeRenderContainer(this.rootId);
       }
     }
-  }]);
+  };
+  return RenderContainer;
 }(React.Component);
 RenderContainer.__KONTUR_REACT_UI__ = 'RenderContainer';
 RenderContainer.displayName = 'RenderContainer';

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

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","getRandomID","Upgrade","callChildRef","RenderInnerContainer","PORTAL_INLET_ATTR","PORTAL_OUTLET_ATTR","RenderContainer","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","domContainer","rootId","getRootId","_inherits","_createClass","key","value","shouldComponentUpdate","nextProps","props","children","mountContainer","unmountContainer","componentWillUnmount","destroyContainer","render","createElement","_extends","createContainer","_globalObject$documen","document","setAttribute","getSpecificityClassName","_globalObject$documen2","globalWithReactTesting","parentNode","body","_globalObject$documen3","appendChild","containerRef","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { 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 type { RenderContainerProps } from './RenderContainerTypes';\n\ninterface GlobalWithReactTesting {\n  ReactTesting?: any;\n}\n\nexport const PORTAL_INLET_ATTR = 'data-render-container-id';\nexport const PORTAL_OUTLET_ATTR = 'data-rendered-container-id';\n\nexport class RenderContainer extends React.Component<RenderContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderContainer';\n  public static displayName = 'RenderContainer';\n\n  private static getRootId = () => getRandomID();\n  private domContainer: Nullable<HTMLElement> = null;\n\n  private readonly rootId: string = RenderContainer.getRootId();\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    if (this.props.children) {\n      this.mountContainer();\n    }\n\n    return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\n  }\n\n  private createContainer() {\n    const domContainer = globalObject.document?.createElement('div');\n    if (domContainer) {\n      domContainer.setAttribute('class', Upgrade.getSpecificityClassName());\n      domContainer.setAttribute(PORTAL_OUTLET_ATTR, `${this.rootId}`);\n      this.domContainer = domContainer;\n    }\n  }\n\n  private mountContainer() {\n    const globalWithReactTesting = globalObject as GlobalWithReactTesting;\n\n    if (!this.domContainer) {\n      this.createContainer();\n    }\n    if (this.domContainer && this.domContainer.parentNode !== globalObject.document?.body) {\n      globalObject.document?.body.appendChild(this.domContainer);\n\n      if (this.props.containerRef) {\n        callChildRef(this.props.containerRef, this.domContainer);\n      }\n      if (globalWithReactTesting.ReactTesting) {\n        globalWithReactTesting.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      const globalWithReactTesting = globalObject as GlobalWithReactTesting;\n      if (globalWithReactTesting.ReactTesting) {\n        globalWithReactTesting.ReactTesting.removeRenderContainer(this.rootId);\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","getRandomID","Upgrade","callChildRef","RenderInnerContainer","PORTAL_INLET_ATTR","PORTAL_OUTLET_ATTR","RenderContainer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","domContainer","rootId","getRootId","_inheritsLoose","_proto","prototype","shouldComponentUpdate","nextProps","props","children","mountContainer","unmountContainer","componentWillUnmount","destroyContainer","render","createElement","_extends","createContainer","_globalObject$documen","document","setAttribute","getSpecificityClassName","_globalObject$documen2","globalWithReactTesting","parentNode","body","_globalObject$documen3","appendChild","containerRef","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { 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 type { RenderContainerProps } from './RenderContainerTypes';\n\ninterface GlobalWithReactTesting {\n  ReactTesting?: any;\n}\n\nexport const PORTAL_INLET_ATTR = 'data-render-container-id';\nexport const PORTAL_OUTLET_ATTR = 'data-rendered-container-id';\n\nexport class RenderContainer extends React.Component<RenderContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderContainer';\n  public static displayName = 'RenderContainer';\n\n  private static getRootId = () => getRandomID();\n  private domContainer: Nullable<HTMLElement> = null;\n\n  private readonly rootId: string = RenderContainer.getRootId();\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    if (this.props.children) {\n      this.mountContainer();\n    }\n\n    return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\n  }\n\n  private createContainer() {\n    const domContainer = globalObject.document?.createElement('div');\n    if (domContainer) {\n      domContainer.setAttribute('class', Upgrade.getSpecificityClassName());\n      domContainer.setAttribute(PORTAL_OUTLET_ATTR, `${this.rootId}`);\n      this.domContainer = domContainer;\n    }\n  }\n\n  private mountContainer() {\n    const globalWithReactTesting = globalObject as GlobalWithReactTesting;\n\n    if (!this.domContainer) {\n      this.createContainer();\n    }\n    if (this.domContainer && this.domContainer.parentNode !== globalObject.document?.body) {\n      globalObject.document?.body.appendChild(this.domContainer);\n\n      if (this.props.containerRef) {\n        callChildRef(this.props.containerRef, this.domContainer);\n      }\n      if (globalWithReactTesting.ReactTesting) {\n        globalWithReactTesting.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      const globalWithReactTesting = globalObject as GlobalWithReactTesting;\n      if (globalWithReactTesting.ReactTesting) {\n        globalWithReactTesting.ReactTesting.removeRenderContainer(this.rootId);\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/RenderContainer/RenderInnerContainer/RenderInnerContainer.js

@@ -1,13 +1,4 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { PORTAL_INLET_ATTR } from "../RenderContainer";
@@ -37,79 +28,72 @@ var SSRPlaceholder = function SSRPlaceholder() {
   });
 };
 export var Portal = function Portal(_ref) {
+  var _ref2;
   var container = _ref.container,
     rt_rootID = _ref.rt_rootID,
     children = _ref.children;
   // container exists only in browser
   return /*#__PURE__*/(
-    React.createElement(React.Fragment, null, container ? /*#__PURE__*/ReactDOM.createPortal(children, container) : /*#__PURE__*/React.createElement(SSRPlaceholder, null), container ? /*#__PURE__*/React.createElement("noscript", _defineProperty({}, PORTAL_INLET_ATTR, rt_rootID)) : /*#__PURE__*/React.createElement(SSRPlaceholder, null))
+    React.createElement(React.Fragment, null, container ? /*#__PURE__*/ReactDOM.createPortal(children, container) : /*#__PURE__*/React.createElement(SSRPlaceholder, null), container ? /*#__PURE__*/React.createElement("noscript", (_ref2 = {}, _ref2[PORTAL_INLET_ATTR] = rt_rootID, _ref2)) : /*#__PURE__*/React.createElement(SSRPlaceholder, null))
   );
 };
 export var RenderInnerContainer = /*#__PURE__*/function (_React$Component) {
   function RenderInnerContainer() {
     var _this;
-    _classCallCheck(this, RenderInnerContainer);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, RenderInnerContainer, [].concat(args));
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.kColorsCheckerRef = /*#__PURE__*/React.createRef();
     return _this;
   }
-  _inherits(RenderInnerContainer, _React$Component);
-  return _createClass(RenderInnerContainer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.applyKonturColorsAttributes();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.applyKonturColorsAttributes();
-    }
-  }, {
-    key: "applyKonturColorsAttributes",
-    value: function applyKonturColorsAttributes() {
-      var _this$kColorsCheckerR;
-      var domContainer = this.props.domContainer;
-      var source = (_this$kColorsCheckerR = this.kColorsCheckerRef.current) === null || _this$kColorsCheckerR === void 0 ? void 0 : _this$kColorsCheckerR.closest(KONTUR_COLORS_ATTRIBUTES.map(function (x) {
-        return "[".concat(x, "]");
-      }).join(','));
-      for (var _i = 0, _KONTUR_COLORS_ATTRIB = KONTUR_COLORS_ATTRIBUTES; _i < _KONTUR_COLORS_ATTRIB.length; _i++) {
-        var attribute = _KONTUR_COLORS_ATTRIB[_i];
-        var value = source === null || source === void 0 ? void 0 : source.getAttribute(attribute);
-        if (value) {
-          domContainer === null || domContainer === void 0 || domContainer.setAttribute(attribute, value);
-        }
+  _inheritsLoose(RenderInnerContainer, _React$Component);
+  var _proto = RenderInnerContainer.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    this.applyKonturColorsAttributes();
+  };
+  _proto.componentDidUpdate = function componentDidUpdate() {
+    this.applyKonturColorsAttributes();
+  };
+  _proto.applyKonturColorsAttributes = function applyKonturColorsAttributes() {
+    var _this$kColorsCheckerR;
+    var domContainer = this.props.domContainer;
+    var source = (_this$kColorsCheckerR = this.kColorsCheckerRef.current) == null ? void 0 : _this$kColorsCheckerR.closest(KONTUR_COLORS_ATTRIBUTES.map(function (x) {
+      return "[" + x + "]";
+    }).join(','));
+    for (var _i = 0, _KONTUR_COLORS_ATTRIB = KONTUR_COLORS_ATTRIBUTES; _i < _KONTUR_COLORS_ATTRIB.length; _i++) {
+      var attribute = _KONTUR_COLORS_ATTRIB[_i];
+      var value = source == null ? void 0 : source.getAttribute(attribute);
+      if (value) {
+        domContainer == null || domContainer.setAttribute(attribute, value);
       }
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        anchor = _this$props.anchor,
-        children = _this$props.children,
-        domContainer = _this$props.domContainer,
-        rootId = _this$props.rootId;
-      var inner = anchor;
-      if (children) {
-        inner = /*#__PURE__*/
-        React.createElement(React.Fragment, null, anchor, /*#__PURE__*/
-        React.createElement(Portal, {
-          key: "portal-ref",
-          rt_rootID: rootId,
-          container: domContainer
-        }, children), /*#__PURE__*/
-        React.createElement("span", {
-          ref: this.kColorsCheckerRef,
-          style: {
-            display: 'none'
-          }
-        }));
-      }
-      return inner;
+  };
+  _proto.render = function render() {
+    var _this$props = this.props,
+      anchor = _this$props.anchor,
+      children = _this$props.children,
+      domContainer = _this$props.domContainer,
+      rootId = _this$props.rootId;
+    var inner = anchor;
+    if (children) {
+      inner = /*#__PURE__*/
+      React.createElement(React.Fragment, null, anchor, /*#__PURE__*/
+      React.createElement(Portal, {
+        key: "portal-ref",
+        rt_rootID: rootId,
+        container: domContainer
+      }, children), /*#__PURE__*/
+      React.createElement("span", {
+        ref: this.kColorsCheckerRef,
+        style: {
+          display: 'none'
+        }
+      }));
     }
-  }]);
+    return inner;
+  };
+  return RenderInnerContainer;
 }(React.Component);
 RenderInnerContainer.__KONTUR_REACT_UI__ = 'RenderInnerContainer';
 RenderInnerContainer.displayName = 'RenderInnerContainer';

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

@@ -1 +1 @@
-{"version":3,"names":["React","ReactDOM","PORTAL_INLET_ATTR","KONTUR_COLORS_ATTRIBUTES","SSRPlaceholder","createElement","Portal","_ref","container","rt_rootID","children","Fragment","createPortal","_defineProperty","RenderInnerContainer","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","kColorsCheckerRef","createRef","_inherits","_createClass","key","value","componentDidMount","applyKonturColorsAttributes","componentDidUpdate","_this$kColorsCheckerR","domContainer","props","source","current","closest","map","x","join","_i","_KONTUR_COLORS_ATTRIB","attribute","getAttribute","setAttribute","render","_this$props","anchor","rootId","inner","ref","style","display","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\nconst KONTUR_COLORS_ATTRIBUTES = ['data-k-brand', 'data-k-accent', 'data-k-theme'];\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  private kColorsCheckerRef = React.createRef<HTMLSpanElement>();\n\n  public componentDidMount() {\n    this.applyKonturColorsAttributes();\n  }\n\n  public componentDidUpdate() {\n    this.applyKonturColorsAttributes();\n  }\n\n  private applyKonturColorsAttributes() {\n    const { domContainer } = this.props;\n    const source = this.kColorsCheckerRef.current?.closest<HTMLElement>(\n      KONTUR_COLORS_ATTRIBUTES.map((x) => `[${x}]`).join(','),\n    );\n\n    for (const attribute of KONTUR_COLORS_ATTRIBUTES) {\n      const value = source?.getAttribute(attribute);\n      if (value) {\n        domContainer?.setAttribute(attribute, value);\n      }\n    }\n  }\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          <span ref={this.kColorsCheckerRef} style={{ display: 'none' }} />\n        </React.Fragment>\n      );\n    }\n\n    return inner;\n  }\n}\n\nPortal.__KONTUR_REACT_UI__ = 'Portal';\nPortal.displayName = 'Portal';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactDOM","PORTAL_INLET_ATTR","KONTUR_COLORS_ATTRIBUTES","SSRPlaceholder","createElement","Portal","_ref","_ref2","container","rt_rootID","children","Fragment","createPortal","RenderInnerContainer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","kColorsCheckerRef","createRef","_inheritsLoose","_proto","prototype","componentDidMount","applyKonturColorsAttributes","componentDidUpdate","_this$kColorsCheckerR","domContainer","props","source","current","closest","map","x","join","_i","_KONTUR_COLORS_ATTRIB","attribute","value","getAttribute","setAttribute","render","_this$props","anchor","rootId","inner","key","ref","style","display","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\nconst KONTUR_COLORS_ATTRIBUTES = ['data-k-brand', 'data-k-accent', 'data-k-theme'];\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  private kColorsCheckerRef = React.createRef<HTMLSpanElement>();\n\n  public componentDidMount() {\n    this.applyKonturColorsAttributes();\n  }\n\n  public componentDidUpdate() {\n    this.applyKonturColorsAttributes();\n  }\n\n  private applyKonturColorsAttributes() {\n    const { domContainer } = this.props;\n    const source = this.kColorsCheckerRef.current?.closest<HTMLElement>(\n      KONTUR_COLORS_ATTRIBUTES.map((x) => `[${x}]`).join(','),\n    );\n\n    for (const attribute of KONTUR_COLORS_ATTRIBUTES) {\n      const value = source?.getAttribute(attribute);\n      if (value) {\n        domContainer?.setAttribute(attribute, value);\n      }\n    }\n  }\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          <span ref={this.kColorsCheckerRef} style={{ display: 'none' }} />\n        </React.Fragment>\n      );\n    }\n\n    return inner;\n  }\n}\n\nPortal.__KONTUR_REACT_UI__ = 'Portal';\nPortal.displayName = 'Portal';\n"],"mappings":"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","ignoreList":[]}

package/internal/RenderLayer/RenderLayer/RenderLayer.js

@@ -1,14 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _RenderLayer;
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
 import { listen as listenFocusOutside, containsTargetOrRenderContainer } from "../../../lib/listenFocusOutside";
@@ -19,11 +11,10 @@ import { isInstanceOf } from "../../../lib/isInstanceOf";
 export var RenderLayer = rootNode(_class = (_RenderLayer = /*#__PURE__*/function (_React$Component) {
   function RenderLayer() {
     var _this;
-    _classCallCheck(this, RenderLayer);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, RenderLayer, [].concat(args));
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.getProps = createPropsGetter(RenderLayer.defaultProps);
     _this.focusOutsideListenerToken = null;
     _this.handleFocusOutside = function (event) {
@@ -43,72 +34,59 @@ export var RenderLayer = rootNode(_class = (_RenderLayer = /*#__PURE__*/function
     };
     return _this;
   }
-  _inherits(RenderLayer, _React$Component);
-  return _createClass(RenderLayer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.getProps().active) {
-        this.attachListeners();
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$getProps = this.getProps(),
-        active = _this$getProps.active;
-      if (!prevProps.active && active) {
-        this.attachListeners();
-      }
-      if (prevProps.active && !active) {
-        this.detachListeners();
-      }
+  _inheritsLoose(RenderLayer, _React$Component);
+  var _proto = RenderLayer.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    if (this.getProps().active) {
+      this.attachListeners();
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.getProps().active) {
-        this.detachListeners();
-      }
+  };
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var _this$getProps = this.getProps(),
+      active = _this$getProps.active;
+    if (!prevProps.active && active) {
+      this.attachListeners();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: this.setRootNode
-      }, this.props), React.Children.only(this.props.children));
+    if (prevProps.active && !active) {
+      this.detachListeners();
     }
-  }, {
-    key: "getAnchorNode",
-    value: function getAnchorNode() {
-      var getAnchorElement = this.props.getAnchorElement;
-      return getAnchorElement ? getAnchorElement() : getRootNode(this);
+  };
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    if (this.getProps().active) {
+      this.detachListeners();
     }
-  }, {
-    key: "attachListeners",
-    value: function attachListeners() {
-      var _globalObject$addEven, _globalObject$documen;
-      var node = this.getAnchorNode();
-      if (!node) {
-        return;
-      }
-      this.focusOutsideListenerToken = listenFocusOutside(function () {
-        return [node];
-      }, this.handleFocusOutside);
-      (_globalObject$addEven = globalObject.addEventListener) === null || _globalObject$addEven === void 0 || _globalObject$addEven.call(globalObject, 'blur', this.handleFocusOutside);
-      (_globalObject$documen = globalObject.document) === null || _globalObject$documen === void 0 || _globalObject$documen.addEventListener('ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);
+  };
+  _proto.render = function render() {
+    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 _globalObject$documen;
+    var node = this.getAnchorNode();
+    if (!node) {
+      return;
     }
-  }, {
-    key: "detachListeners",
-    value: function detachListeners() {
-      var _globalObject$removeE, _globalObject$documen2;
-      if (this.focusOutsideListenerToken) {
-        this.focusOutsideListenerToken.remove();
-        this.focusOutsideListenerToken = null;
-      }
-      (_globalObject$removeE = globalObject.removeEventListener) === null || _globalObject$removeE === void 0 || _globalObject$removeE.call(globalObject, 'blur', this.handleFocusOutside);
-      (_globalObject$documen2 = globalObject.document) === null || _globalObject$documen2 === void 0 || _globalObject$documen2.removeEventListener('ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);
+    this.focusOutsideListenerToken = listenFocusOutside(function () {
+      return [node];
+    }, this.handleFocusOutside);
+    globalObject.addEventListener == null || globalObject.addEventListener('blur', this.handleFocusOutside);
+    (_globalObject$documen = globalObject.document) == null || _globalObject$documen.addEventListener('ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);
+  };
+  _proto.detachListeners = function detachListeners() {
+    var _globalObject$documen2;
+    if (this.focusOutsideListenerToken) {
+      this.focusOutsideListenerToken.remove();
+      this.focusOutsideListenerToken = null;
     }
-  }]);
+    globalObject.removeEventListener == null || globalObject.removeEventListener('blur', this.handleFocusOutside);
+    (_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.defaultProps = {
   active: true
 }, _RenderLayer)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","listen","listenFocusOutside","containsTargetOrRenderContainer","CommonWrapper","getRootNode","rootNode","createPropsGetter","isInstanceOf","RenderLayer","_class","_RenderLayer","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","getProps","defaultProps","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getAnchorNode","Element","onClickOutside","_inherits","_createClass","key","value","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","_this$getProps","detachListeners","componentWillUnmount","render","createElement","_extends","rootNodeRef","setRootNode","Children","only","children","getAnchorElement","_globalObject$addEven","_globalObject$documen","addEventListener","call","document","documentElement","_globalObject$removeE","_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 { TGetRootNode, 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  public getRootNode!: TGetRootNode;\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":[]}
+{"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 { TGetRootNode, 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  public getRootNode!: TGetRootNode;\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":[]}