@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1

package/internal/NativeDateInput/NativeDateInput.styles/NativeDateInput.styles.js

@@ -1,11 +1,9 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
-import { memoizeGetStyles } from "../../../lib/theming/Emotion";
-export var getJsStyles = memoizeGetStyles(function (_ref) {
-  var css = _ref.css;
-  return {
-    inputTypeDate: function inputTypeDate() {
-      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    "])));
-    }
-  };
-});
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+var styles = {
+  inputTypeDate: function inputTypeDate() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    "])));
+  }
+};
+export var jsStyles = memoizeStyle(styles);

package/internal/NativeDateInput/NativeDateInput.styles/NativeDateInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["memoizeGetStyles","getJsStyles","_ref","css","inputTypeDate","_templateObject","_taggedTemplateLiteralLoose"],"sources":["NativeDateInput.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  inputTypeDate() {\n    return css`\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,WAAW,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IACjEC,aAAa,WAAAA,cAAA,EAAG;MACd,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;IAWZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","inputTypeDate","_templateObject","_taggedTemplateLiteralLoose","jsStyles"],"sources":["NativeDateInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  inputTypeDate() {\n    return css`\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,IAAMC,MAAM,GAAG;EACbC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;EAWZ;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAGL,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

package/internal/NativeDateInput/NativeDateInput.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const getJsStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const jsStyles: {
     inputTypeDate(): string;
-}>;
+};

package/internal/Popup/Popup/Popup.js

@@ -5,27 +5,31 @@ var _class, _Popup;
 import React from 'react';
 import { Transition } from 'react-transition-group';
 import warning from 'warning';
+import { globalObject } from '@skbkontur/global-object';
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { ZIndex } from "../../ZIndex";
 import { RenderContainer } from "../../RenderContainer";
 import { getRandomID, isFunction, isNonNullable, isNullable, isRefableElement } from "../../../lib/utils";
+import { isIE11, isEdge } from "../../../lib/client";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { CommonWrapper } from "../../CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
 import { responsiveLayout } from "../../../components/ResponsiveLayout/decorator";
 import { MobilePopup } from "../../MobilePopup";
 import { getRootNode, rootNode } from "../../../lib/rootNode";
 import { isInstanceWithAnchorElement } from "../../../lib/InstanceWithAnchorElement";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { isInstanceOf } from "../../../lib/isInstanceOf";
+import { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from "../../../lib/featureFlagsContext";
 import { mergeRefs } from "../../../lib/mergeRefs";
 import { getVisualStateDataAttributes } from "../../CommonWrapper/utils/getVisualStateDataAttributes";
-import { getElementRef } from "../../../lib/getElementRef";
-import { withRenderEnvironment } from "../../../lib/renderEnvironment";
-import { PopupPin } from "../PopupPin";
+import { PopupPinNew } from "../PopupPinNew";
 import { PopupHelper } from "../PopupHelper";
-import { getStyles } from "../Popup.styles";
+import { styles } from "../Popup.styles";
+import { PopupPin } from "../PopupPin";
+var POPUP_BORDER_DEFAULT_COLOR = 'transparent';
 var TRANSITION_TIMEOUT = {
   enter: 0,
   exit: 200
@@ -51,7 +55,7 @@ export var PopupDataTids = {
 export var PopupIds = {
   root: PopupDataTids.root
 };
-export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PURE__*/function (_React$Component) {
+export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PURE__*/function (_React$Component) {
   function Popup() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -85,7 +89,7 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
         }, anchor, location && /*#__PURE__*/
         React.createElement("div", {
           ref: _this.updateAbsoluteElement,
-          className: _this.styles.absoluteParent()
+          className: styles.absoluteParent()
         }, _this.renderContent(location)))
       );
     };
@@ -142,13 +146,13 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
         minWidth = _this$getProps.minWidth;
       return /*#__PURE__*/(
         React.createElement("div", {
-          className: _this.styles.content(_this.theme),
+          className: styles.content(_this.theme),
           "data-tid": PopupDataTids.content,
           ref: mergeRefs(_this.refForTransition, _this.refPopupContentElement)
         }, /*#__PURE__*/
 
         React.createElement("div", {
-          className: _this.styles.contentInner(_this.theme),
+          className: styles.contentInner(_this.theme),
           style: {
             backgroundColor: backgroundColor,
             width: _this.calculateWidth(width),
@@ -219,7 +223,7 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
   var _proto = Popup.prototype;
   _proto.componentDidMount = function componentDidMount() {
     this.updateLocation();
-    this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent, this.globalObject);
+    this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);
     if (!this.hasAnchorElementListeners) {
       this.addEventListeners(this.anchorElement);
     }
@@ -275,10 +279,12 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
   };
   _proto.render = function render() {
     var _this3 = this;
-    this.styles = getStyles(this.emotion);
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this3.theme = theme;
-      return _this3.renderMain();
+    return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
+      _this3.featureFlags = getFullReactUIFlagsContext(flags);
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this3.theme = theme;
+        return _this3.renderMain();
+      });
     });
   };
   _proto.renderMobile = function renderMobile() {
@@ -293,10 +299,11 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
     }, this.content(children))) : null;
   };
   _proto.renderMain = function renderMain() {
+    var _anchor;
     var anchorElement = this.props.anchorElement;
     var useWrapper = this.getProps().useWrapper;
     var anchor = null;
-    if (isInstanceOf(anchorElement, this.globalObject.Element)) {
+    if (isInstanceOf(anchorElement, globalObject.Element)) {
       this.updateAnchorElement(anchorElement);
     } else if ( /*#__PURE__*/React.isValidElement(anchorElement)) {
       anchor = useWrapper ? /*#__PURE__*/React.createElement("span", null, anchorElement) : anchorElement;
@@ -304,19 +311,19 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
       anchor = /*#__PURE__*/React.createElement("span", null, anchorElement);
     }
     var anchorWithRef = anchor && /*#__PURE__*/React.isValidElement(anchor) && isRefableElement(anchor) ? /*#__PURE__*/React.cloneElement(anchor, {
-      ref: mergeRefs(getElementRef(anchor), this.updateAnchorElement)
+      ref: mergeRefs((_anchor = anchor) == null ? void 0 : _anchor.ref, this.updateAnchorElement)
     }) : null; // we need to get anchor's DOM node
     // so we either set our own ref on it via cloning
     // or relay on findDOMNode (inside getRootNode)
     // which should be called within updateAnchorElement
     // in the case when the anchor is not refable
-    var canGetAnchorNode = !!anchorWithRef || isInstanceOf(anchorElement, this.globalObject.Element);
+    var canGetAnchorNode = !!anchorWithRef || isInstanceOf(anchorElement, globalObject.Element);
     var renderRef = canGetAnchorNode ? null : this.updateAnchorElement;
     var renderAnchor = anchorWithRef || anchor;
     return this.props.disablePortal ? this.renderWithoutPortal(renderAnchor, renderRef) : this.renderInPortal(renderAnchor, renderRef);
   };
   _proto.addEventListeners = function addEventListeners(element) {
-    if (element && isInstanceOf(element, this.globalObject.Element)) {
+    if (element && isInstanceOf(element, globalObject.Element)) {
       // @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657
       element.addEventListener('mouseenter', this.handleMouseEnter); // @ts-expect-error: See the comment above
       element.addEventListener('mouseleave', this.handleMouseLeave); // @ts-expect-error: See the comment above
@@ -327,7 +334,7 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
     }
   };
   _proto.removeEventListeners = function removeEventListeners(element) {
-    if (element && isInstanceOf(element, this.globalObject.Element)) {
+    if (element && isInstanceOf(element, globalObject.Element)) {
       // @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657
       element.removeEventListener('mouseenter', this.handleMouseEnter); // @ts-expect-error: See the comment above
       element.removeEventListener('mouseleave', this.handleMouseLeave); // @ts-expect-error: See the comment above
@@ -373,7 +380,7 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
         id: (_this4$props$id = _this4.props.id) != null ? _this4$props$id : _this4.rootId,
         "data-tid": PopupDataTids.root,
         priority: _this4.props.priority,
-        className: _this4.cx(_extends((_extends2 = {}, _extends2[_this4.styles.popup(_this4.theme)] = true, _extends2[_this4.styles.shadow(_this4.theme)] = hasShadow, _extends2[_this4.styles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[_this4.styles["transition-enter-" + direction](_this4.theme)] = true, _ref[_this4.styles.transitionEnter()] = state === 'entering', _ref[_this4.styles.transitionEnterActive()] = state === 'entered', _ref[_this4.styles.transitionExit()] = state === 'exiting', _ref))),
+        className: cx(_extends((_extends2 = {}, _extends2[styles.popup(_this4.theme)] = true, _extends2[styles.shadow(_this4.theme)] = hasShadow, _extends2[styles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[styles["transition-enter-" + direction](_this4.theme)] = true, _ref[styles.transitionEnter()] = state === 'entering', _ref[styles.transitionEnterActive()] = state === 'entered', _ref[styles.transitionExit()] = state === 'exiting', _ref))),
         style: rootStyle,
         onMouseEnter: _this4.handleMouseEnter,
         onMouseLeave: _this4.handleMouseLeave
@@ -384,29 +391,39 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
     return isFunction(this.props.children) ? this.props.children() : this.props.children;
   };
   _proto.renderPin = function renderPin(positionName) {
+    var isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;
+    var pinBorder = isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;
     var _this$props2 = this.props,
       pinSize = _this$props2.pinSize,
-      backgroundColor = _this$props2.backgroundColor;
+      backgroundColor = _this$props2.backgroundColor,
+      borderColor = _this$props2.borderColor;
     var _this$getProps3 = this.getProps(),
+      hasShadow = _this$getProps3.hasShadow,
       hasPin = _this$getProps3.hasPin;
     var position = PopupHelper.getPositionObject(positionName);
-    return hasPin && !PopupNonPinnablePositions.includes(positionName) && /*#__PURE__*/React.createElement(PopupPin, {
+    return hasPin && !PopupNonPinnablePositions.includes(positionName) && (this.featureFlags.popupFixPinTearing ? /*#__PURE__*/React.createElement(PopupPinNew, {
       popupElement: this.lastPopupContentElement,
       popupPosition: positionName,
       size: pinSize || parseInt(this.theme.popupPinSize),
       offset: this.getPinOffset(position.align),
       backgroundColor: backgroundColor || this.theme.popupBackground
-    });
+    }) : /*#__PURE__*/React.createElement(PopupPin, {
+      popupElement: this.lastPopupContentElement,
+      popupPosition: positionName,
+      size: pinSize || parseInt(this.theme.popupPinSize),
+      offset: this.getPinOffset(position.align),
+      borderWidth: hasShadow ? 1 : 0,
+      backgroundColor: backgroundColor || this.theme.popupBackground,
+      borderColor: borderColor || pinBorder
+    }));
   };
   _proto.delayUpdateLocation = function delayUpdateLocation() {
-    var _this$globalObject$re, _this$globalObject;
     this.cancelDelayedUpdateLocation();
-    this.locationUpdateId = (_this$globalObject$re = (_this$globalObject = this.globalObject).requestAnimationFrame) == null ? void 0 : _this$globalObject$re.call(_this$globalObject, this.updateLocation);
+    this.locationUpdateId = globalObject.requestAnimationFrame == null ? void 0 : globalObject.requestAnimationFrame(this.updateLocation);
   };
   _proto.cancelDelayedUpdateLocation = function cancelDelayedUpdateLocation() {
     if (this.locationUpdateId) {
-      var _this$globalObject$ca, _this$globalObject2;
-      (_this$globalObject$ca = (_this$globalObject2 = this.globalObject).cancelAnimationFrame) == null || _this$globalObject$ca.call(_this$globalObject2, this.locationUpdateId);
+      globalObject.cancelAnimationFrame == null || globalObject.cancelAnimationFrame(this.locationUpdateId);
       this.locationUpdateId = null;
     }
   };
@@ -417,7 +434,11 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
     if (isNullable(x) || isNullable(y)) {
       return false;
     }
-    return x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position;
+    if (!isIE11 && !isEdge) {
+      return x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position;
+    } // Для ie/edge обновляем позицию только при разнице минимум в 1. Иначе есть вероятность
+    // уйти в бесконечный ререндер
+    return x.position === y.position && Math.abs(x.coordinates.top - y.coordinates.top) <= 1 && Math.abs(x.coordinates.left - y.coordinates.left) <= 1;
   };
   _proto.reorderPropsPositionsWithPriorityPos = function reorderPropsPositionsWithPriorityPos() {
     var positions = this.props.positions ? this.props.positions : PopupPinnablePositions;
@@ -441,8 +462,8 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
       tryPreserveFirstRenderedPosition = _this$getProps4.tryPreserveFirstRenderedPosition;
     var positions = this.reorderPropsPositionsWithPriorityPos();
     var anchorElement = this.anchorElement;
-    warning(anchorElement && isInstanceOf(anchorElement, this.globalObject.Element), 'Anchor element is not defined or not instance of Element');
-    if (!(anchorElement && isInstanceOf(anchorElement, this.globalObject.Element))) {
+    warning(anchorElement && isInstanceOf(anchorElement, globalObject.Element), 'Anchor element is not defined or not instance of Element');
+    if (!(anchorElement && isInstanceOf(anchorElement, globalObject.Element))) {
       return location;
     }
     var anchorRect = PopupHelper.getElementAbsoluteRect(anchorElement);
@@ -452,8 +473,8 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
     if (location && location !== DUMMY_LOCATION && location.position) {
       position = location.position;
       coordinates = this.getCoordinates(anchorRect, popupRect, position);
-      var isFullyVisible = PopupHelper.isFullyVisible(coordinates, popupRect, this.globalObject);
-      var canBecomeVisible = !isFullyVisible && PopupHelper.canBecomeFullyVisible(position, coordinates, this.globalObject);
+      var isFullyVisible = PopupHelper.isFullyVisible(coordinates, popupRect);
+      var canBecomeVisible = !isFullyVisible && PopupHelper.canBecomeFullyVisible(position, coordinates);
       if (
       // если нужно сохранить первоначальную позицию и Попап целиком
       // находится в пределах вьюпорта (или может быть проскроллен в него)
@@ -472,7 +493,7 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
     for (var _iterator = _createForOfIteratorHelperLoose(positions), _step; !(_step = _iterator()).done;) {
       position = _step.value;
       coordinates = this.getCoordinates(anchorRect, popupRect, position);
-      if (PopupHelper.isFullyVisible(coordinates, popupRect, this.globalObject)) {
+      if (PopupHelper.isFullyVisible(coordinates, popupRect)) {
         return {
           coordinates: coordinates,
           position: position,
@@ -501,13 +522,12 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
     var margin = isNonNullable(marginFromProps) && !isNaN(marginFromProps) ? marginFromProps : parseInt(this.theme.popupMargin) || 0;
     var position = PopupHelper.getPositionObject(positionName);
     var popupOffset = this.getProps().popupOffset + this.getPinnedPopupOffset(anchorRect, position);
-    var defaultCoordinates = {
-      top: anchorRect.top - popupRect.height - margin,
-      left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset)
-    };
     switch (position.direction) {
       case 'top':
-        return defaultCoordinates;
+        return {
+          top: anchorRect.top - popupRect.height - margin,
+          left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset)
+        };
       case 'middle':
         return {
           top: anchorRect.top + anchorRect.height / 2 - popupRect.height / 2,
@@ -529,17 +549,15 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
           left: anchorRect.left + anchorRect.width + margin
         };
       default:
-        warning(false, "Unexpected align '" + position.direction + "'. Must be one of - 'top', 'bottom', 'left', 'right', 'center', 'middle'. Returning default value.");
-        return defaultCoordinates;
+        throw new Error("Unexpected direction '" + position.direction + "'");
     }
   };
   _proto.getPinOffset = function getPinOffset(align) {
     var pinOffset = this.props.pinOffset;
-    var defaultPinOffset = pinOffset || parseInt(this.theme.popupPinOffsetY);
     switch (align) {
       case 'top':
       case 'bottom':
-        return defaultPinOffset;
+        return pinOffset || parseInt(this.theme.popupPinOffsetY);
       case 'left':
       case 'right':
         return pinOffset || parseInt(this.theme.popupPinOffsetX);
@@ -547,36 +565,31 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
       case 'middle':
         return 0;
       default:
-        warning(false, "Unexpected align '" + align + "'. Must be one of - 'top', 'bottom', 'left', 'right', 'center', 'middle'. Returning default value.");
-        return defaultPinOffset;
+        throw new Error("Unexpected align '" + align + "'");
     }
   };
   _proto.getHorizontalPosition = function getHorizontalPosition(anchorRect, popupRect, align, popupOffset) {
-    var defaultHorizontalPosition = anchorRect.left - (popupRect.width - anchorRect.width) / 2;
     switch (align) {
       case 'left':
         return anchorRect.left - popupOffset;
       case 'center':
-        return defaultHorizontalPosition;
+        return anchorRect.left - (popupRect.width - anchorRect.width) / 2;
       case 'right':
         return anchorRect.left - (popupRect.width - anchorRect.width) + popupOffset;
       default:
-        warning(false, "Unexpected align '" + align + "'. Must be one of - 'left', 'center', 'right'. Returning default value.");
-        return defaultHorizontalPosition;
+        throw new Error("Unexpected align '" + align + "'");
     }
   };
   _proto.getVerticalPosition = function getVerticalPosition(anchorRect, popupRect, align, popupOffset) {
-    var defaultVerticalPosition = anchorRect.top - popupOffset;
     switch (align) {
       case 'top':
-        return defaultVerticalPosition;
+        return anchorRect.top - popupOffset;
       case 'middle':
         return anchorRect.top - (popupRect.height - anchorRect.height) / 2;
       case 'bottom':
         return anchorRect.top - (popupRect.height - anchorRect.height) + popupOffset;
       default:
-        warning(false, "Unexpected align '" + align + "'. Must be one of - 'top', 'middle', 'bottom'. Returning default value.");
-        return defaultVerticalPosition;
+        throw new Error("Unexpected align '" + align + "'");
     }
   };
   return Popup;
@@ -590,7 +603,7 @@ export var Popup = withRenderEnvironment(_class = responsiveLayout(_class = root
   disablePortal: false,
   width: 'auto',
   priority: ZIndex.priorities.Popup
-}, _Popup.defaultRootNode = null, _Popup)) || _class) || _class) || _class;
+}, _Popup.defaultRootNode = null, _Popup)) || _class) || _class;
 
 // Нужно, чтобы получать по рефу dom-элемент, в который зарендерится anchor
 var EmptyWrapper = /*#__PURE__*/function (_React$Component2) {