@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

package/cjs/internal/Popup/PopupPinNew.d.ts

@@ -19,10 +19,8 @@ interface PopupPinProps {
 export declare class PopupPinNew extends React.Component<PopupPinProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    private cx;
-    private styles;
     private positionObject;
-    render(): React.JSX.Element;
+    render(): React.JSX.Element | null;
     private getPopupOppositeDirection;
     private getPinInlineStyle;
     private getPinCoordinates;

package/cjs/internal/Popup/PopupPinNew.js

@@ -1,8 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PopupPinNew = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
-
+var _Emotion = require("../../lib/theming/Emotion");
 
 
 var _PopupHelper = require("./PopupHelper");
@@ -59,21 +58,6 @@ PopupPinNew = exports.PopupPinNew = /*#__PURE__*/function (_React$Component) {fu
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -183,14 +167,14 @@ PopupPinNew = exports.PopupPinNew = /*#__PURE__*/function (_React$Component) {fu
     getPinDirectionalStyle = function () {
       switch (_this.positionObject.direction) {
         case 'top':
-          return _this.styles.pinTop();
+          return _PopupPinNew2.styles.pinTop();
         case 'bottom':
-          return _this.styles.pinBottom();
+          return _PopupPinNew2.styles.pinBottom();
         case 'left':
-          return _this.styles.pinLeft();
+          return _PopupPinNew2.styles.pinLeft();
         case 'right':
-          return _this.styles.pinRight();
+          return _PopupPinNew2.styles.pinRight();
         default:
           console.error("Can't get directional style: invalid direction '" + _this.positionObject.direction + "'.");
       }
-    };return _this;}(0, _inheritsLoose2.default)(PopupPinNew, _React$Component);var _proto = PopupPinNew.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref3) {var emotion = _ref3.emotion;_this2.cx = emotion.cx;_this2.styles = (0, _PopupPinNew2.getStyles)(emotion);if (!_this2.props.popupElement) {return null;}_this2.positionObject = _PopupHelper.PopupHelper.getPositionObject(_this2.props.popupPosition);var coords = _this2.getPinCoordinates(_this2.props.popupElement);if (!coords || !coords.left || !coords.top) {return null;}var inlineStyle = _this2.getPinInlineStyle(coords.left, coords.top);var directionalStyle = _this2.getPinDirectionalStyle();if (!inlineStyle || !directionalStyle) {return null;}return /*#__PURE__*/_react.default.createElement("div", { "data-tid": _Popup.PopupDataTids.popupPin, className: _this2.cx(_this2.styles.pin(), directionalStyle), style: inlineStyle });});};_proto.getPopupOppositeDirection = function getPopupOppositeDirection() {var popupDirection = _PopupHelper.PopupHelper.getPositionObject(this.props.popupPosition).direction;switch (popupDirection) {case 'top':return 'bottom';case 'bottom':return 'top';case 'left':return 'right';case 'right':return 'left';default:console.error("Can't get opposite direction: invalid direction '" + popupDirection + "'");}};return PopupPinNew;}(_react.default.Component);PopupPinNew.__KONTUR_REACT_UI__ = 'PopupPin';PopupPinNew.displayName = 'PopupPin';
+    };return _this;}(0, _inheritsLoose2.default)(PopupPinNew, _React$Component);var _proto = PopupPinNew.prototype;_proto.render = function render() {if (!this.props.popupElement) {return null;}this.positionObject = _PopupHelper.PopupHelper.getPositionObject(this.props.popupPosition);var coords = this.getPinCoordinates(this.props.popupElement);if (!coords || !coords.left || !coords.top) {return null;}var inlineStyle = this.getPinInlineStyle(coords.left, coords.top);var directionalStyle = this.getPinDirectionalStyle();if (!inlineStyle || !directionalStyle) {return null;}return /*#__PURE__*/_react.default.createElement("div", { "data-tid": _Popup.PopupDataTids.popupPin, className: (0, _Emotion.cx)(_PopupPinNew2.styles.pin(), directionalStyle), style: inlineStyle });};_proto.getPopupOppositeDirection = function getPopupOppositeDirection() {var popupDirection = _PopupHelper.PopupHelper.getPositionObject(this.props.popupPosition).direction;switch (popupDirection) {case 'top':return 'bottom';case 'bottom':return 'top';case 'left':return 'right';case 'right':return 'left';default:console.error("Can't get opposite direction: invalid direction '" + popupDirection + "'");}};return PopupPinNew;}(_react.default.Component);PopupPinNew.__KONTUR_REACT_UI__ = 'PopupPin';PopupPinNew.displayName = 'PopupPin';

package/cjs/internal/Popup/PopupPinNew.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_RenderEnvironmentContext","_PopupHelper","_PopupPinNew2","_Popup","PopupPinNew","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getPinInlineStyle","left","top","_ref","_ref2","direction","getPopupOppositeDirection","correctedLeft","correctedTop","correctedSize","props","size","width","height","backgroundColor","console","error","getPinCoordinates","popupElement","popupRect","PopupHelper","getElementAbsoluteRect","_this$positionObject","positionObject","align","getPinLeftCoordinate","getPinTopCoordinate","offset","getPinDirectionalStyle","styles","pinTop","pinBottom","pinLeft","pinRight","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","RenderEnvironmentContext","Consumer","_ref3","emotion","cx","getStyles","getPositionObject","popupPosition","coords","inlineStyle","directionalStyle","PopupDataTids","popupPin","className","pin","style","popupDirection","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["PopupPinNew.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { Nullable } from '../../typings/utility-types';\n\nimport type { PositionObject, Rect } from './PopupHelper';\nimport { PopupHelper } from './PopupHelper';\nimport { getStyles } from './PopupPinNew.styles';\nimport { PopupDataTids } from './Popup';\n\ninterface PopupPinProps {\n  /** Цвет фона пина */\n  backgroundColor: string;\n\n  /** Смещение пина от края попапа. Край задаётся в пропе position вторым словом */\n  offset: number;\n\n  /** Ссылка на попап */\n  popupElement?: Nullable<Element>;\n\n  /** Позиция попапа, по которой будет вычислено положение пина */\n  popupPosition: string;\n\n  /**\n   * Сторона пина без учёта границы.\n   * Пин представляет собой равносторонний треугольник, высота от попапа\n   * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n   */\n  size: number;\n}\n\nexport class PopupPinNew extends React.Component<PopupPinProps> {\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\n  public static displayName = 'PopupPin';\n\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private positionObject!: PositionObject;\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.cx = emotion.cx;\n          this.styles = getStyles(emotion);\n\n          if (!this.props.popupElement) {\n            return null;\n          }\n\n          this.positionObject = PopupHelper.getPositionObject(this.props.popupPosition);\n\n          const coords = this.getPinCoordinates(this.props.popupElement);\n          if (!coords || !coords.left || !coords.top) {\n            return null;\n          }\n\n          const inlineStyle = this.getPinInlineStyle(coords.left, coords.top);\n          const directionalStyle = this.getPinDirectionalStyle();\n          if (!inlineStyle || !directionalStyle) {\n            return null;\n          }\n\n          return (\n            <div\n              data-tid={PopupDataTids.popupPin}\n              className={this.cx(this.styles.pin(), directionalStyle)}\n              style={inlineStyle}\n            ></div>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  private getPopupOppositeDirection() {\n    const popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;\n    switch (popupDirection) {\n      case 'top':\n        return 'bottom';\n      case 'bottom':\n        return 'top';\n      case 'left':\n        return 'right';\n      case 'right':\n        return 'left';\n      default:\n        console.error(`Can't get opposite direction: invalid direction '${popupDirection}'`);\n    }\n  }\n\n  private getPinInlineStyle = (left: number, top: number) => {\n    const direction = this.getPopupOppositeDirection();\n    if (!direction) {\n      return;\n    }\n\n    // Добавляем запас в 1px, чтобы пофиксить случайные отделения пинов\n    const correctedLeft = left - 1;\n    const correctedTop = top - 1;\n    const correctedSize = this.props.size + 1;\n\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          [direction]: -this.props.size + 'px',\n          left: correctedLeft + 'px',\n          width: correctedSize * 2 + 'px',\n          height: correctedSize + 'px',\n          backgroundColor: this.props.backgroundColor,\n        };\n      case 'left':\n      case 'right':\n        return {\n          [direction]: -this.props.size + 'px',\n          top: correctedTop + 'px',\n          height: correctedSize * 2 + 'px',\n          width: correctedSize + 'px',\n          backgroundColor: this.props.backgroundColor,\n        };\n      default:\n        console.error(`Can't get inline style: invalid direction '${direction}'. Returning default`);\n    }\n  };\n\n  private getPinCoordinates = (popupElement: Element) => {\n    const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\n    const { direction, align } = this.positionObject;\n    switch (direction) {\n      case 'top':\n        return {\n          top: popupRect.height,\n          left: this.getPinLeftCoordinate(popupRect, align),\n        };\n      case 'bottom':\n        return {\n          top: -2 * this.props.size,\n          left: this.getPinLeftCoordinate(popupRect, align),\n        };\n      case 'left':\n        return {\n          top: this.getPinTopCoordinate(popupRect, align),\n          left: popupRect.width,\n        };\n      case 'right':\n        return {\n          top: this.getPinTopCoordinate(popupRect, align),\n          left: -2 * this.props.size,\n        };\n      default:\n        console.error(`Can't get coordinate: invalid direction '${direction}'.`);\n    }\n  };\n\n  private getPinTopCoordinate = (popupRect: Rect, align: string) => {\n    switch (align) {\n      case 'top':\n        return this.props.offset;\n      case 'middle':\n        return popupRect.height / 2 - this.props.size;\n      case 'bottom':\n        return popupRect.height - this.props.offset - 2 * this.props.size;\n      default:\n        console.error(`Can't get coordinate: invalid align '${align}'.`);\n    }\n  };\n\n  private getPinLeftCoordinate = (popupRect: Rect, align: string) => {\n    switch (align) {\n      case 'left':\n        return this.props.offset;\n      case 'center':\n        return popupRect.width / 2 - this.props.size;\n      case 'right':\n        return popupRect.width - this.props.offset - 2 * this.props.size;\n      default:\n        console.error(`Can't get coordinate: invalid align '${align}'.`);\n    }\n  };\n\n  private getPinDirectionalStyle = () => {\n    switch (this.positionObject.direction) {\n      case 'top':\n        return this.styles.pinTop();\n      case 'bottom':\n        return this.styles.pinBottom();\n      case 'left':\n        return this.styles.pinLeft();\n      case 'right':\n        return this.styles.pinRight();\n      default:\n        console.error(`Can't get directional style: invalid direction '${this.positionObject.direction}'.`);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_PopupHelper","_PopupPinNew2","_Popup","PopupPinNew","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getPinInlineStyle","left","top","_ref","_ref2","direction","getPopupOppositeDirection","correctedLeft","correctedTop","correctedSize","props","size","width","height","backgroundColor","console","error","getPinCoordinates","popupElement","popupRect","PopupHelper","getElementAbsoluteRect","_this$positionObject","positionObject","align","getPinLeftCoordinate","getPinTopCoordinate","offset","getPinDirectionalStyle","styles","pinTop","pinBottom","pinLeft","pinRight","_inheritsLoose2","default","_proto","prototype","render","getPositionObject","popupPosition","coords","inlineStyle","directionalStyle","createElement","PopupDataTids","popupPin","className","cx","pin","style","popupDirection","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["PopupPinNew.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport type { PositionObject, Rect } from './PopupHelper';\nimport { PopupHelper } from './PopupHelper';\nimport { styles } from './PopupPinNew.styles';\nimport { PopupDataTids } from './Popup';\n\ninterface PopupPinProps {\n  /** Цвет фона пина */\n  backgroundColor: string;\n\n  /** Смещение пина от края попапа. Край задаётся в пропе position вторым словом */\n  offset: number;\n\n  /** Ссылка на попап */\n  popupElement?: Nullable<Element>;\n\n  /** Позиция попапа, по которой будет вычислено положение пина */\n  popupPosition: string;\n\n  /**\n   * Сторона пина без учёта границы.\n   * Пин представляет собой равносторонний треугольник, высота от попапа\n   * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n   */\n  size: number;\n}\n\nexport class PopupPinNew extends React.Component<PopupPinProps> {\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\n  public static displayName = 'PopupPin';\n\n  private positionObject!: PositionObject;\n\n  public render() {\n    if (!this.props.popupElement) {\n      return null;\n    }\n\n    this.positionObject = PopupHelper.getPositionObject(this.props.popupPosition);\n\n    const coords = this.getPinCoordinates(this.props.popupElement);\n    if (!coords || !coords.left || !coords.top) {\n      return null;\n    }\n\n    const inlineStyle = this.getPinInlineStyle(coords.left, coords.top);\n    const directionalStyle = this.getPinDirectionalStyle();\n    if (!inlineStyle || !directionalStyle) {\n      return null;\n    }\n\n    return (\n      <div data-tid={PopupDataTids.popupPin} className={cx(styles.pin(), directionalStyle)} style={inlineStyle}></div>\n    );\n  }\n\n  private getPopupOppositeDirection() {\n    const popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;\n    switch (popupDirection) {\n      case 'top':\n        return 'bottom';\n      case 'bottom':\n        return 'top';\n      case 'left':\n        return 'right';\n      case 'right':\n        return 'left';\n      default:\n        console.error(`Can't get opposite direction: invalid direction '${popupDirection}'`);\n    }\n  }\n\n  private getPinInlineStyle = (left: number, top: number) => {\n    const direction = this.getPopupOppositeDirection();\n    if (!direction) {\n      return;\n    }\n\n    // Добавляем запас в 1px, чтобы пофиксить случайные отделения пинов\n    const correctedLeft = left - 1;\n    const correctedTop = top - 1;\n    const correctedSize = this.props.size + 1;\n\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          [direction]: -this.props.size + 'px',\n          left: correctedLeft + 'px',\n          width: correctedSize * 2 + 'px',\n          height: correctedSize + 'px',\n          backgroundColor: this.props.backgroundColor,\n        };\n      case 'left':\n      case 'right':\n        return {\n          [direction]: -this.props.size + 'px',\n          top: correctedTop + 'px',\n          height: correctedSize * 2 + 'px',\n          width: correctedSize + 'px',\n          backgroundColor: this.props.backgroundColor,\n        };\n      default:\n        console.error(`Can't get inline style: invalid direction '${direction}'. Returning default`);\n    }\n  };\n\n  private getPinCoordinates = (popupElement: Element) => {\n    const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\n    const { direction, align } = this.positionObject;\n    switch (direction) {\n      case 'top':\n        return {\n          top: popupRect.height,\n          left: this.getPinLeftCoordinate(popupRect, align),\n        };\n      case 'bottom':\n        return {\n          top: -2 * this.props.size,\n          left: this.getPinLeftCoordinate(popupRect, align),\n        };\n      case 'left':\n        return {\n          top: this.getPinTopCoordinate(popupRect, align),\n          left: popupRect.width,\n        };\n      case 'right':\n        return {\n          top: this.getPinTopCoordinate(popupRect, align),\n          left: -2 * this.props.size,\n        };\n      default:\n        console.error(`Can't get coordinate: invalid direction '${direction}'.`);\n    }\n  };\n\n  private getPinTopCoordinate = (popupRect: Rect, align: string) => {\n    switch (align) {\n      case 'top':\n        return this.props.offset;\n      case 'middle':\n        return popupRect.height / 2 - this.props.size;\n      case 'bottom':\n        return popupRect.height - this.props.offset - 2 * this.props.size;\n      default:\n        console.error(`Can't get coordinate: invalid align '${align}'.`);\n    }\n  };\n\n  private getPinLeftCoordinate = (popupRect: Rect, align: string) => {\n    switch (align) {\n      case 'left':\n        return this.props.offset;\n      case 'center':\n        return popupRect.width / 2 - this.props.size;\n      case 'right':\n        return popupRect.width - this.props.offset - 2 * this.props.size;\n      default:\n        console.error(`Can't get coordinate: invalid align '${align}'.`);\n    }\n  };\n\n  private getPinDirectionalStyle = () => {\n    switch (this.positionObject.direction) {\n      case 'top':\n        return styles.pinTop();\n      case 'bottom':\n        return styles.pinBottom();\n      case 'left':\n        return styles.pinLeft();\n      case 'right':\n        return styles.pinRight();\n      default:\n        console.error(`Can't get directional style: invalid direction '${this.positionObject.direction}'.`);\n    }\n  };\n}\n"],"mappings":"+PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;;;AAGA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA,YAAwC;;;;;;;;;;;;;;;;;;;;;;;AAuB3BK,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAAE,gBAAA,YAAAF,YAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6CdU,iBAAiB,GAAG,UAACC,IAAY,EAAEC,GAAW,EAAK,KAAAC,IAAA,EAAAC,KAAA;MACzD,IAAMC,SAAS,GAAGf,KAAA,CAAKgB,yBAAyB,CAAC,CAAC;MAClD,IAAI,CAACD,SAAS,EAAE;QACd;MACF;;MAEA;MACA,IAAME,aAAa,GAAGN,IAAI,GAAG,CAAC;MAC9B,IAAMO,YAAY,GAAGN,GAAG,GAAG,CAAC;MAC5B,IAAMO,aAAa,GAAGnB,KAAA,CAAKoB,KAAK,CAACC,IAAI,GAAG,CAAC;;MAEzC,QAAQN,SAAS;QACf,KAAK,KAAK;QACV,KAAK,QAAQ;UACX,OAAAF,IAAA,OAAAA,IAAA;UACGE,SAAS,IAAG,CAACf,KAAA,CAAKoB,KAAK,CAACC,IAAI,GAAG,IAAI,EAAAR,IAAA;UACpCF,IAAI,GAAEM,aAAa,GAAG,IAAI,EAAAJ,IAAA;UAC1BS,KAAK,GAAEH,aAAa,GAAG,CAAC,GAAG,IAAI,EAAAN,IAAA;UAC/BU,MAAM,GAAEJ,aAAa,GAAG,IAAI,EAAAN,IAAA;UAC5BW,eAAe,GAAExB,KAAA,CAAKoB,KAAK,CAACI,eAAe,EAAAX,IAAA;;QAE/C,KAAK,MAAM;QACX,KAAK,OAAO;UACV,OAAAC,KAAA,OAAAA,KAAA;UACGC,SAAS,IAAG,CAACf,KAAA,CAAKoB,KAAK,CAACC,IAAI,GAAG,IAAI,EAAAP,KAAA;UACpCF,GAAG,GAAEM,YAAY,GAAG,IAAI,EAAAJ,KAAA;UACxBS,MAAM,GAAEJ,aAAa,GAAG,CAAC,GAAG,IAAI,EAAAL,KAAA;UAChCQ,KAAK,GAAEH,aAAa,GAAG,IAAI,EAAAL,KAAA;UAC3BU,eAAe,GAAExB,KAAA,CAAKoB,KAAK,CAACI,eAAe,EAAAV,KAAA;;QAE/C;UACEW,OAAO,CAACC,KAAK,iDAA+CX,SAAS,yBAAsB,CAAC;MAChG;IACF,CAAC,CAAAf,KAAA;;IAEO2B,iBAAiB,GAAG,UAACC,YAAqB,EAAK;MACrD,IAAMC,SAAS,GAAGC,wBAAW,CAACC,sBAAsB,CAACH,YAAY,CAAC;MAClE,IAAAI,oBAAA,GAA6BhC,KAAA,CAAKiC,cAAc,CAAxClB,SAAS,GAAAiB,oBAAA,CAATjB,SAAS,CAAEmB,KAAK,GAAAF,oBAAA,CAALE,KAAK;MACxB,QAAQnB,SAAS;QACf,KAAK,KAAK;UACR,OAAO;YACLH,GAAG,EAAEiB,SAAS,CAACN,MAAM;YACrBZ,IAAI,EAAEX,KAAA,CAAKmC,oBAAoB,CAACN,SAAS,EAAEK,KAAK;UAClD,CAAC;QACH,KAAK,QAAQ;UACX,OAAO;YACLtB,GAAG,EAAE,CAAC,CAAC,GAAGZ,KAAA,CAAKoB,KAAK,CAACC,IAAI;YACzBV,IAAI,EAAEX,KAAA,CAAKmC,oBAAoB,CAACN,SAAS,EAAEK,KAAK;UAClD,CAAC;QACH,KAAK,MAAM;UACT,OAAO;YACLtB,GAAG,EAAEZ,KAAA,CAAKoC,mBAAmB,CAACP,SAAS,EAAEK,KAAK,CAAC;YAC/CvB,IAAI,EAAEkB,SAAS,CAACP;UAClB,CAAC;QACH,KAAK,OAAO;UACV,OAAO;YACLV,GAAG,EAAEZ,KAAA,CAAKoC,mBAAmB,CAACP,SAAS,EAAEK,KAAK,CAAC;YAC/CvB,IAAI,EAAE,CAAC,CAAC,GAAGX,KAAA,CAAKoB,KAAK,CAACC;UACxB,CAAC;QACH;UACEI,OAAO,CAACC,KAAK,+CAA6CX,SAAS,OAAI,CAAC;MAC5E;IACF,CAAC,CAAAf,KAAA;;IAEOoC,mBAAmB,GAAG,UAACP,SAAe,EAAEK,KAAa,EAAK;MAChE,QAAQA,KAAK;QACX,KAAK,KAAK;UACR,OAAOlC,KAAA,CAAKoB,KAAK,CAACiB,MAAM;QAC1B,KAAK,QAAQ;UACX,OAAOR,SAAS,CAACN,MAAM,GAAG,CAAC,GAAGvB,KAAA,CAAKoB,KAAK,CAACC,IAAI;QAC/C,KAAK,QAAQ;UACX,OAAOQ,SAAS,CAACN,MAAM,GAAGvB,KAAA,CAAKoB,KAAK,CAACiB,MAAM,GAAG,CAAC,GAAGrC,KAAA,CAAKoB,KAAK,CAACC,IAAI;QACnE;UACEI,OAAO,CAACC,KAAK,2CAAyCQ,KAAK,OAAI,CAAC;MACpE;IACF,CAAC,CAAAlC,KAAA;;IAEOmC,oBAAoB,GAAG,UAACN,SAAe,EAAEK,KAAa,EAAK;MACjE,QAAQA,KAAK;QACX,KAAK,MAAM;UACT,OAAOlC,KAAA,CAAKoB,KAAK,CAACiB,MAAM;QAC1B,KAAK,QAAQ;UACX,OAAOR,SAAS,CAACP,KAAK,GAAG,CAAC,GAAGtB,KAAA,CAAKoB,KAAK,CAACC,IAAI;QAC9C,KAAK,OAAO;UACV,OAAOQ,SAAS,CAACP,KAAK,GAAGtB,KAAA,CAAKoB,KAAK,CAACiB,MAAM,GAAG,CAAC,GAAGrC,KAAA,CAAKoB,KAAK,CAACC,IAAI;QAClE;UACEI,OAAO,CAACC,KAAK,2CAAyCQ,KAAK,OAAI,CAAC;MACpE;IACF,CAAC,CAAAlC,KAAA;;IAEOsC,sBAAsB,GAAG,YAAM;MACrC,QAAQtC,KAAA,CAAKiC,cAAc,CAAClB,SAAS;QACnC,KAAK,KAAK;UACR,OAAOwB,oBAAM,CAACC,MAAM,CAAC,CAAC;QACxB,KAAK,QAAQ;UACX,OAAOD,oBAAM,CAACE,SAAS,CAAC,CAAC;QAC3B,KAAK,MAAM;UACT,OAAOF,oBAAM,CAACG,OAAO,CAAC,CAAC;QACzB,KAAK,OAAO;UACV,OAAOH,oBAAM,CAACI,QAAQ,CAAC,CAAC;QAC1B;UACElB,OAAO,CAACC,KAAK,sDAAoD1B,KAAA,CAAKiC,cAAc,CAAClB,SAAS,OAAI,CAAC;MACvG;IACF,CAAC,QAAAf,KAAA,MAAA4C,eAAA,CAAAC,OAAA,EAAAhD,WAAA,EAAAE,gBAAA,MAAA+C,MAAA,GAAAjD,WAAA,CAAAkD,SAAA,CAAAD,MAAA,CA9IME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,IAAI,CAAC,IAAI,CAAC5B,KAAK,CAACQ,YAAY,EAAE,CAC5B,OAAO,IAAI,CACb,CAEA,IAAI,CAACK,cAAc,GAAGH,wBAAW,CAACmB,iBAAiB,CAAC,IAAI,CAAC7B,KAAK,CAAC8B,aAAa,CAAC,CAE7E,IAAMC,MAAM,GAAG,IAAI,CAACxB,iBAAiB,CAAC,IAAI,CAACP,KAAK,CAACQ,YAAY,CAAC,CAC9D,IAAI,CAACuB,MAAM,IAAI,CAACA,MAAM,CAACxC,IAAI,IAAI,CAACwC,MAAM,CAACvC,GAAG,EAAE,CAC1C,OAAO,IAAI,CACb,CAEA,IAAMwC,WAAW,GAAG,IAAI,CAAC1C,iBAAiB,CAACyC,MAAM,CAACxC,IAAI,EAAEwC,MAAM,CAACvC,GAAG,CAAC,CACnE,IAAMyC,gBAAgB,GAAG,IAAI,CAACf,sBAAsB,CAAC,CAAC,CACtD,IAAI,CAACc,WAAW,IAAI,CAACC,gBAAgB,EAAE,CACrC,OAAO,IAAI,CACb,CAEA,oBACE/D,MAAA,CAAAuD,OAAA,CAAAS,aAAA,UAAK,YAAUC,oBAAa,CAACC,QAAS,EAACC,SAAS,EAAE,IAAAC,WAAE,EAACnB,oBAAM,CAACoB,GAAG,CAAC,CAAC,EAAEN,gBAAgB,CAAE,EAACO,KAAK,EAAER,WAAY,EAAM,CAAC,CAEpH,CAAC,CAAAN,MAAA,CAEO9B,yBAAyB,GAAjC,SAAAA,0BAAA,EAAoC,CAClC,IAAM6C,cAAc,GAAG/B,wBAAW,CAACmB,iBAAiB,CAAC,IAAI,CAAC7B,KAAK,CAAC8B,aAAa,CAAC,CAACnC,SAAS,CACxF,QAAQ8C,cAAc,GACpB,KAAK,KAAK,CACR,OAAO,QAAQ,CACjB,KAAK,QAAQ,CACX,OAAO,KAAK,CACd,KAAK,MAAM,CACT,OAAO,OAAO,CAChB,KAAK,OAAO,CACV,OAAO,MAAM,CACf,QACEpC,OAAO,CAACC,KAAK,uDAAqDmC,cAAc,MAAG,CAAC,CACxF,CACF,CAAC,QAAAhE,WAAA,GA3C8BiE,cAAK,CAACC,SAAS,EAAnClE,WAAW,CACRmE,mBAAmB,GAAG,UAAU,CADnCnE,WAAW,CAERoE,WAAW,GAAG,UAAU","ignoreList":[]}

package/cjs/internal/Popup/PopupPinNew.styles.d.ts

@@ -1,5 +1,4 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     pin(): string;
     pinTop(): string;
     pinBottom(): string;

package/cjs/internal/Popup/PopupPinNew.styles.js

@@ -1,36 +1,33 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  pin: function pin() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n    "])));
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      pin: function pin() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n      "])));
 
+  },
 
-      },
+  pinTop: function pinTop() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      clip-path: polygon(0 0, 50% 100%, 100% 0);\n    "])));
 
-      pinTop: function pinTop() {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        clip-path: polygon(0 0, 50% 100%, 100% 0);\n      "])));
 
+  },
 
-      },
+  pinBottom: function pinBottom() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      clip-path: polygon(0 100%, 50% 0, 100% 100%);\n    "])));
 
-      pinBottom: function pinBottom() {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        clip-path: polygon(0 100%, 50% 0, 100% 100%);\n      "])));
 
+  },
 
-      },
+  pinLeft: function pinLeft() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      clip-path: polygon(0 0, 100% 50%, 0 100%);\n    "])));
 
-      pinLeft: function pinLeft() {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        clip-path: polygon(0 0, 100% 50%, 0 100%);\n      "])));
 
+  },
 
-      },
+  pinRight: function pinRight() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      clip-path: polygon(100% 0, 0 50%, 100% 100%);\n    "])));
 
-      pinRight: function pinRight() {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        clip-path: polygon(100% 0, 0 50%, 100% 100%);\n      "])));
 
-
-      }
-    }));};
+  }
+});

package/cjs/internal/Popup/PopupPinNew.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getStyles","exports","emotion","memoizeStyle","pin","css","_taggedTemplateLiteralLoose2","default","pinTop","pinBottom","pinLeft","pinRight"],"sources":["PopupPinNew.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    pin() {\n      return emotion.css`\n        position: absolute;\n      `;\n    },\n\n    pinTop() {\n      return emotion.css`\n        clip-path: polygon(0 0, 50% 100%, 100% 0);\n      `;\n    },\n\n    pinBottom() {\n      return emotion.css`\n        clip-path: polygon(0 100%, 50% 0, 100% 100%);\n      `;\n    },\n\n    pinLeft() {\n      return emotion.css`\n        clip-path: polygon(0 0, 100% 50%, 0 100%);\n      `;\n    },\n\n    pinRight() {\n      return emotion.css`\n        clip-path: polygon(100% 0, 0 50%, 100% 100%);\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAElD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,GAAG,WAAAA,IAAA,EAAG;QACJ,OAAOF,OAAO,CAACG,GAAG,CAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;;;MAGpB,CAAC;;MAEDC,MAAM,WAAAA,OAAA,EAAG;QACP,OAAON,OAAO,CAACG,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;MAGpB,CAAC;;MAEDE,SAAS,WAAAA,UAAA,EAAG;QACV,OAAOP,OAAO,CAACG,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;MAGpB,CAAC;;MAEDG,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOR,OAAO,CAACG,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;MAGpB,CAAC;;MAEDI,QAAQ,WAAAA,SAAA,EAAG;QACT,OAAOT,OAAO,CAACG,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;MAGpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","pin","css","_taggedTemplateLiteralLoose2","default","pinTop","pinBottom","pinLeft","pinRight"],"sources":["PopupPinNew.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  pin() {\n    return css`\n      position: absolute;\n    `;\n  },\n\n  pinTop() {\n    return css`\n      clip-path: polygon(0 0, 50% 100%, 100% 0);\n    `;\n  },\n\n  pinBottom() {\n    return css`\n      clip-path: polygon(0 100%, 50% 0, 100% 100%);\n    `;\n  },\n\n  pinLeft() {\n    return css`\n      clip-path: polygon(0 0, 100% 50%, 0 100%);\n    `;\n  },\n\n  pinRight() {\n    return css`\n      clip-path: polygon(100% 0, 0 50%, 100% 100%);\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,GAAG,WAAAA,IAAA,EAAG;IACJ,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOH,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDE,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDI,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/PopupMenu/PopupMenu.d.ts

@@ -66,8 +66,6 @@ type DefaultProps = Required<Pick<PopupMenuProps, 'positions' | 'type' | 'popupH
 export declare class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    private globalObject;
-    private styles;
     private isMobileLayout;
     private rootId;
     static defaultProps: DefaultProps;

package/cjs/internal/PopupMenu/PopupMenu.js

@@ -1,7 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;var _exportNames = { PopupMenuType: true, PopupMenu: true };exports.PopupMenuType = exports.PopupMenu = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
-
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
+var _globalObject = require("@skbkontur/global-object");
 
 var _utils = require("../../lib/utils");
 
@@ -125,8 +124,6 @@ PopupMenu = exports.PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.
 
 
 
-
-
     rootId = _Popup.PopupIds.root + (0, _utils.getRandomID)();_this.
 
 
@@ -205,19 +202,6 @@ PopupMenu = exports.PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -269,7 +253,7 @@ PopupMenu = exports.PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.
         return /*#__PURE__*/(
           _react.default.createElement("span", {
             "data-tid": _tids.PopupMenuDataTids.caption,
-            className: _this.styles.caption(),
+            className: _PopupMenu2.styles.caption(),
             ref: function ref(element) {return _this.captionWrapper = element;} },
 
           _this.passPropsToCaption(caption)
@@ -283,7 +267,7 @@ PopupMenu = exports.PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.
           onClick: _this.handleCaptionClick,
           onKeyDown: _this.handleCaptionKeyDown,
           ref: function ref(element) {return _this.captionWrapper = element;},
-          className: _this.styles.caption() },
+          className: _PopupMenu2.styles.caption() },
 
         _this.passPropsToCaption(_this.props.caption)
         ));
@@ -349,8 +333,8 @@ PopupMenu = exports.PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.
     };_this.
 
     saveFocus = function () {
-      if (_this.globalObject.document) {
-        _this.savedFocusableElement = _this.globalObject.document.activeElement;
+      if (_globalObject.globalObject.document) {
+        _this.savedFocusableElement = _globalObject.globalObject.document.activeElement;
       }
     };_this.
 
@@ -390,4 +374,4 @@ PopupMenu = exports.PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.
 
       var restoreFocus = event.type === 'keydown';
       _this.hideMenu(restoreFocus);
-    };return _this;}(0, _inheritsLoose2.default)(PopupMenu, _React$Component);var _proto = PopupMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var globalObject = _ref.globalObject,emotion = _ref.emotion;_this2.globalObject = globalObject;_this2.styles = (0, _PopupMenu2.getStyles)(emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ menuOffsetY: theme.popupMenuMenuOffsetY }, theme) }, _this2.renderMain());});});};_proto.renderMain = function renderMain() {var _this$props$popupMenu2;var _this$getProps = this.getProps(),popupHasPin = _this$getProps.popupHasPin,disableAnimations = _this$getProps.disableAnimations;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.hideMenuWithoutFocusing, onFocusOutside: this.hideMenuWithoutFocusing, active: this.state.menuVisible }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": _tids.PopupMenuDataTids.root, className: this.styles.container(), style: { width: this.props.width } }, this.renderCaption(), this.captionWrapper && this.props.children && /*#__PURE__*/_react.default.createElement(_Popup.Popup, { id: (_this$props$popupMenu2 = this.props.popupMenuId) != null ? _this$props$popupMenu2 : this.rootId, anchorElement: this.captionWrapper, opened: this.state.menuVisible, hasShadow: true, margin: this.props.popupMargin, hasPin: popupHasPin, pinOffset: this.props.popupPinOffset, positions: this.getPositions(), disableAnimations: disableAnimations, onOpen: this.handleOpen, mobileOnCloseRequest: this.hideMenu, width: this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto' }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { maxHeight: this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none', onKeyDown: this.handleKeyDown, onItemClick: this.handleItemSelection, preventIconsOffset: this.props.preventIconsOffset, cyclicSelection: false, ref: this.menuRef, initialSelectedItemIndex: this.state.firstItemShouldBeSelected ? 0 : -1, header: this.props.header, footer: this.props.footer }, this.props.children)))));};_proto.getPositions = function getPositions() {var positions = this.getProps().positions;if (positions && (0, _validatePositions.isValidPositions)(positions)) {return positions;}return Positions;};return PopupMenu;}(_react.default.Component), _PopupMenu.__KONTUR_REACT_UI__ = 'PopupMenu', _PopupMenu.displayName = 'PopupMenu', _PopupMenu.defaultProps = { positions: Positions, type: PopupMenuType.Tooltip, popupHasPin: true, disableAnimations: false }, _PopupMenu.Type = PopupMenuType, _PopupMenu)) || _class) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(PopupMenu, _React$Component);var _proto = PopupMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ menuOffsetY: theme.popupMenuMenuOffsetY }, theme) }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$props$popupMenu2;var _this$getProps = this.getProps(),popupHasPin = _this$getProps.popupHasPin,disableAnimations = _this$getProps.disableAnimations;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.hideMenuWithoutFocusing, onFocusOutside: this.hideMenuWithoutFocusing, active: this.state.menuVisible }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": _tids.PopupMenuDataTids.root, className: _PopupMenu2.styles.container(), style: { width: this.props.width } }, this.renderCaption(), this.captionWrapper && this.props.children && /*#__PURE__*/_react.default.createElement(_Popup.Popup, { id: (_this$props$popupMenu2 = this.props.popupMenuId) != null ? _this$props$popupMenu2 : this.rootId, anchorElement: this.captionWrapper, opened: this.state.menuVisible, hasShadow: true, margin: this.props.popupMargin, hasPin: popupHasPin, pinOffset: this.props.popupPinOffset, positions: this.getPositions(), disableAnimations: disableAnimations, onOpen: this.handleOpen, mobileOnCloseRequest: this.hideMenu, width: this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto' }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { maxHeight: this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none', onKeyDown: this.handleKeyDown, onItemClick: this.handleItemSelection, preventIconsOffset: this.props.preventIconsOffset, cyclicSelection: false, ref: this.menuRef, initialSelectedItemIndex: this.state.firstItemShouldBeSelected ? 0 : -1, header: this.props.header, footer: this.props.footer }, this.props.children)))));};_proto.getPositions = function getPositions() {var positions = this.getProps().positions;if (positions && (0, _validatePositions.isValidPositions)(positions)) {return positions;}return Positions;};return PopupMenu;}(_react.default.Component), _PopupMenu.__KONTUR_REACT_UI__ = 'PopupMenu', _PopupMenu.displayName = 'PopupMenu', _PopupMenu.defaultProps = { positions: Positions, type: PopupMenuType.Tooltip, popupHasPin: true, disableAnimations: false }, _PopupMenu.Type = PopupMenuType, _PopupMenu)) || _class) || _class;

package/cjs/internal/PopupMenu/PopupMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_RenderEnvironmentContext","_utils","_identifiers","_ThemeContext","_ThemeFactory","_Popup","_RenderLayer","_CommonWrapper","_decorator","_rootNode","_createPropsGetter","_Menu","_validatePositions","_PopupMenu2","_tids","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_class","_PopupMenu","PopupMenuType","Dropdown","Tooltip","Positions","PopupMenu","rootNode","responsiveLayout","_React$Component","_this","_len","arguments","length","args","Array","_key","apply","concat","rootId","PopupIds","root","getRandomID","getProps","createPropsGetter","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","menuRef","element","handleOpen","focus","passPropsToCaption","caption","_this$props$popupMenu","React","cloneElement","id","props","popupMenuId","renderCaption","opened","openMenu","closeMenu","toggleMenu","corners","default","createElement","PopupMenuDataTids","className","styles","ref","onClick","handleCaptionClick","onKeyDown","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","someKeys","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","handleKeyDown","isKeyEscape","globalObject","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","_inheritsLoose2","_proto","render","_this2","RenderEnvironmentContext","Consumer","_ref","emotion","getStyles","ThemeContext","theme","Provider","value","ThemeFactory","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","_this$props$popupMenu2","_this$getProps","popupHasPin","disableAnimations","CommonWrapper","_extends2","rootNodeRef","setRootNode","RenderLayer","onClickOutside","onFocusOutside","active","container","style","width","children","Popup","anchorElement","hasShadow","margin","popupMargin","hasPin","pinOffset","popupPinOffset","positions","getPositions","mobileOnCloseRequest","isMobileLayout","menuWidth","Menu","maxHeight","menuMaxHeight","onItemClick","preventIconsOffset","cyclicSelection","initialSelectedItemIndex","header","footer","isValidPositions","Component","__KONTUR_REACT_UI__","displayName","Type"],"sources":["PopupMenu.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { getRandomID } from '../../lib/utils';\nimport type { HTMLProps } from '../../typings/html';\nimport {\n  isKeyArrowVertical,\n  isKeyEnter,\n  isKeyEscape,\n  isKeySpace,\n  someKeys,\n} from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { PopupPositionsType } from '../Popup';\nimport { Popup, PopupIds } from '../Popup';\nimport { RenderLayer } from '../RenderLayer';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { MenuProps } from '../Menu';\nimport { Menu } from '../Menu';\n\nimport { isValidPositions } from './validatePositions';\nimport { getStyles } from './PopupMenu.styles';\nimport { PopupMenuDataTids } from './tids';\n\nexport * from './tids';\n\nexport interface PopupMenuCaptionProps {\n  opened: boolean;\n  openMenu: (firstItemShouldBeSelected?: boolean) => void;\n  closeMenu: (restoreFocus?: boolean) => void;\n  toggleMenu: () => void;\n  /** @ignore */\n  corners?: React.CSSProperties;\n}\n\nexport interface PopupMenuProps\n  extends CommonProps,\n    Pick<MenuProps, 'preventIconsOffset'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<AriaAttributes, 'aria-label'> {\n  children?: React.ReactNode;\n  /** Максимальная высота меню */\n  menuMaxHeight?: number | string;\n  /** Ширина меню */\n  menuWidth?: number | string;\n  /** Ширина контейнера и caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо ```caption```,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: React.ReactNode | ((props: PopupMenuCaptionProps) => React.ReactNode);\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  /**  Массив разрешенных положений меню относительно caption'а. */\n  positions?: PopupPositionsType[];\n  /** Колбэк, вызываемый после открытия/закрытия меню */\n  onChangeMenuState?: (isOpened: boolean, restoreFocus: boolean) => void;\n  /** Пропсы, передающиеся в Popup */\n  popupHasPin?: boolean;\n  popupMargin?: number;\n  popupPinOffset?: number;\n  type?: 'dropdown' | 'tooltip';\n  disableAnimations?: boolean;\n  /** Действие при открытии меню */\n  onOpen?: () => void;\n  /** Действие при закрытии меню */\n  onClose?: () => void;\n  /**\n   * Позволяет задать `id` выпадающему меню.\n   *\n   * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.\n   */\n  popupMenuId?: HTMLProps['id'];\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n}\n\ninterface PopupMenuState {\n  menuVisible: boolean;\n  firstItemShouldBeSelected?: boolean;\n}\n\nexport const PopupMenuType = {\n  Dropdown: 'dropdown',\n  Tooltip: 'tooltip',\n} as const;\n\nconst Positions: PopupPositionsType[] = [\n  'top left',\n  'top center',\n  'top right',\n  'right top',\n  'right middle',\n  'right bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n  'left top',\n  'left middle',\n  'left bottom',\n];\n\ntype DefaultProps = Required<Pick<PopupMenuProps, 'positions' | 'type' | 'popupHasPin' | 'disableAnimations'>>;\n\n@rootNode\n@responsiveLayout\nexport class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {\n  public static __KONTUR_REACT_UI__ = 'PopupMenu';\n  public static displayName = 'PopupMenu';\n\n  private globalObject!: GlobalObject;\n  private styles!: ReturnType<typeof getStyles>;\n  private isMobileLayout!: boolean;\n  private rootId = PopupIds.root + getRandomID();\n\n  public static defaultProps: DefaultProps = {\n    positions: Positions,\n    type: PopupMenuType.Tooltip,\n    popupHasPin: true,\n    disableAnimations: false,\n  };\n\n  private getProps = createPropsGetter(PopupMenu.defaultProps);\n\n  public static Type = PopupMenuType;\n\n  public state = {\n    menuVisible: false,\n    firstItemShouldBeSelected: false,\n  };\n\n  private captionWrapper: HTMLSpanElement | null = null;\n  private savedFocusableElement: HTMLElement | null = null;\n  private menu: Nullable<Menu> = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ globalObject, emotion }) => {\n          this.globalObject = globalObject;\n          this.styles = getStyles(emotion);\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                return (\n                  <ThemeContext.Provider\n                    value={ThemeFactory.create(\n                      {\n                        menuOffsetY: theme.popupMenuMenuOffsetY,\n                      },\n                      theme,\n                    )}\n                  >\n                    {this.renderMain()}\n                  </ThemeContext.Provider>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { popupHasPin, disableAnimations } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <RenderLayer\n          onClickOutside={this.hideMenuWithoutFocusing}\n          onFocusOutside={this.hideMenuWithoutFocusing}\n          active={this.state.menuVisible}\n        >\n          <div\n            data-tid={PopupMenuDataTids.root}\n            className={this.styles.container()}\n            style={{ width: this.props.width }}\n          >\n            {this.renderCaption()}\n            {this.captionWrapper && this.props.children && (\n              <Popup\n                id={this.props.popupMenuId ?? this.rootId}\n                anchorElement={this.captionWrapper}\n                opened={this.state.menuVisible}\n                hasShadow\n                margin={this.props.popupMargin}\n                hasPin={popupHasPin}\n                pinOffset={this.props.popupPinOffset}\n                positions={this.getPositions()}\n                disableAnimations={disableAnimations}\n                onOpen={this.handleOpen}\n                mobileOnCloseRequest={this.hideMenu}\n                width={this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto'}\n              >\n                <Menu\n                  maxHeight={this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none'}\n                  onKeyDown={this.handleKeyDown}\n                  onItemClick={this.handleItemSelection}\n                  preventIconsOffset={this.props.preventIconsOffset}\n                  cyclicSelection={false}\n                  ref={this.menuRef}\n                  initialSelectedItemIndex={this.state.firstItemShouldBeSelected ? 0 : -1}\n                  header={this.props.header}\n                  footer={this.props.footer}\n                >\n                  {this.props.children}\n                </Menu>\n              </Popup>\n            )}\n          </div>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => this.showMenu();\n  public close = (): void => this.hideMenu();\n\n  private menuRef = (element: Nullable<Menu>) => (this.menu = element);\n\n  private handleOpen = () => {\n    if (this.menu) {\n      this.menu.focus();\n    }\n  };\n\n  private passPropsToCaption = (caption: React.ReactNode) => {\n    if (typeof caption === 'string' || typeof caption === 'number') {\n      return caption;\n    }\n\n    return React.cloneElement(caption as React.ReactElement, {\n      id: this.props.id,\n      'aria-controls': this.props.popupMenuId ?? this.rootId,\n      'aria-expanded': this.state.menuVisible ? 'true' : 'false',\n      'aria-label': this.props['aria-label'],\n    });\n  };\n\n  private renderCaption = () => {\n    if (typeof this.props.caption === 'function') {\n      const caption = this.props.caption({\n        opened: this.state.menuVisible,\n        openMenu: this.showMenu,\n        closeMenu: this.hideMenu,\n        toggleMenu: this.toggleMenu,\n        corners: this.props.corners,\n      });\n\n      return (\n        <span\n          data-tid={PopupMenuDataTids.caption}\n          className={this.styles.caption()}\n          ref={(element) => (this.captionWrapper = element)}\n        >\n          {this.passPropsToCaption(caption)}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        data-tid={PopupMenuDataTids.caption}\n        onClick={this.handleCaptionClick}\n        onKeyDown={this.handleCaptionKeyDown}\n        ref={(element) => (this.captionWrapper = element)}\n        className={this.styles.caption()}\n      >\n        {this.passPropsToCaption(this.props.caption)}\n      </span>\n    );\n  };\n\n  private hideMenuWithoutFocusing = () => this.hideMenu();\n\n  private getPositions(): Readonly<PopupPositionsType[]> {\n    const positions = this.getProps().positions;\n    if (positions && isValidPositions(positions)) {\n      return positions;\n    }\n\n    return Positions;\n  }\n\n  private showMenu = (firstItemShouldBeSelected?: boolean): void => {\n    this.saveFocus();\n    this.setState(\n      {\n        menuVisible: true,\n        firstItemShouldBeSelected,\n      },\n      () => {\n        this.handleChangeMenuVisible(false);\n      },\n    );\n  };\n\n  private hideMenu = (restoreFocus?: boolean): void => {\n    this.setState(\n      {\n        menuVisible: false,\n        firstItemShouldBeSelected: false,\n      },\n      () => {\n        this.handleChangeMenuVisible(!!restoreFocus);\n      },\n    );\n  };\n\n  private toggleMenu = (): void => {\n    this.state.menuVisible ? this.hideMenu() : this.showMenu();\n  };\n\n  private handleCaptionClick = (): void => {\n    this.toggleMenu();\n  };\n\n  private handleCaptionKeyDown = (e: React.KeyboardEvent<HTMLElement>): void => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      this.showMenu(true);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (isKeyEscape(e)) {\n      const restoreFocus = true;\n      this.hideMenu(restoreFocus);\n    }\n  };\n\n  private saveFocus = (): void => {\n    if (this.globalObject.document) {\n      this.savedFocusableElement = this.globalObject.document.activeElement as HTMLElement;\n    }\n  };\n\n  private restoreFocus = (): void => {\n    if (this.savedFocusableElement) {\n      this.savedFocusableElement.focus();\n      this.savedFocusableElement = null;\n    }\n  };\n\n  private handleChangeMenuVisible = (focusShouldBeRestored: boolean): void => {\n    if (focusShouldBeRestored) {\n      this.restoreFocus();\n    }\n\n    if (this.state.menuVisible && this.props.onOpen) {\n      this.props.onOpen();\n    }\n\n    if (!this.state.menuVisible && this.props.onClose) {\n      this.props.onClose();\n    }\n\n    if (typeof this.props.onChangeMenuState === 'function') {\n      this.props.onChangeMenuState(this.state.menuVisible, focusShouldBeRestored);\n    }\n  };\n\n  private handleItemSelection = (event: React.SyntheticEvent<HTMLElement>): void => {\n    if (event.isDefaultPrevented()) {\n      return;\n    }\n\n    if (event.type === 'keydown') {\n      event.preventDefault();\n    }\n\n    const restoreFocus = event.type === 'keydown';\n    this.hideMenu(restoreFocus);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_utils","_identifiers","_ThemeContext","_ThemeFactory","_Popup","_RenderLayer","_CommonWrapper","_decorator","_rootNode","_createPropsGetter","_Menu","_validatePositions","_PopupMenu2","_tids","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_class","_PopupMenu","PopupMenuType","Dropdown","Tooltip","Positions","PopupMenu","rootNode","responsiveLayout","_React$Component","_this","_len","arguments","length","args","Array","_key","apply","concat","rootId","PopupIds","root","getRandomID","getProps","createPropsGetter","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","menuRef","element","handleOpen","focus","passPropsToCaption","caption","_this$props$popupMenu","React","cloneElement","id","props","popupMenuId","renderCaption","opened","openMenu","closeMenu","toggleMenu","corners","default","createElement","PopupMenuDataTids","className","styles","ref","onClick","handleCaptionClick","onKeyDown","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","someKeys","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","handleKeyDown","isKeyEscape","globalObject","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","_inheritsLoose2","_proto","render","_this2","ThemeContext","Consumer","theme","Provider","value","ThemeFactory","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","_this$props$popupMenu2","_this$getProps","popupHasPin","disableAnimations","CommonWrapper","_extends2","rootNodeRef","setRootNode","RenderLayer","onClickOutside","onFocusOutside","active","container","style","width","children","Popup","anchorElement","hasShadow","margin","popupMargin","hasPin","pinOffset","popupPinOffset","positions","getPositions","mobileOnCloseRequest","isMobileLayout","menuWidth","Menu","maxHeight","menuMaxHeight","onItemClick","preventIconsOffset","cyclicSelection","initialSelectedItemIndex","header","footer","isValidPositions","Component","__KONTUR_REACT_UI__","displayName","Type"],"sources":["PopupMenu.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { getRandomID } from '../../lib/utils';\nimport type { HTMLProps } from '../../typings/html';\nimport {\n  isKeyArrowVertical,\n  isKeyEnter,\n  isKeyEscape,\n  isKeySpace,\n  someKeys,\n} from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { PopupPositionsType } from '../Popup';\nimport { Popup, PopupIds } from '../Popup';\nimport { RenderLayer } from '../RenderLayer';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { MenuProps } from '../Menu';\nimport { Menu } from '../Menu';\n\nimport { isValidPositions } from './validatePositions';\nimport { styles } from './PopupMenu.styles';\nimport { PopupMenuDataTids } from './tids';\n\nexport * from './tids';\n\nexport interface PopupMenuCaptionProps {\n  opened: boolean;\n  openMenu: (firstItemShouldBeSelected?: boolean) => void;\n  closeMenu: (restoreFocus?: boolean) => void;\n  toggleMenu: () => void;\n  /** @ignore */\n  corners?: React.CSSProperties;\n}\n\nexport interface PopupMenuProps\n  extends CommonProps,\n    Pick<MenuProps, 'preventIconsOffset'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<AriaAttributes, 'aria-label'> {\n  children?: React.ReactNode;\n  /** Максимальная высота меню */\n  menuMaxHeight?: number | string;\n  /** Ширина меню */\n  menuWidth?: number | string;\n  /** Ширина контейнера и caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо ```caption```,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: React.ReactNode | ((props: PopupMenuCaptionProps) => React.ReactNode);\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  /**  Массив разрешенных положений меню относительно caption'а. */\n  positions?: PopupPositionsType[];\n  /** Колбэк, вызываемый после открытия/закрытия меню */\n  onChangeMenuState?: (isOpened: boolean, restoreFocus: boolean) => void;\n  /** Пропсы, передающиеся в Popup */\n  popupHasPin?: boolean;\n  popupMargin?: number;\n  popupPinOffset?: number;\n  type?: 'dropdown' | 'tooltip';\n  disableAnimations?: boolean;\n  /** Действие при открытии меню */\n  onOpen?: () => void;\n  /** Действие при закрытии меню */\n  onClose?: () => void;\n  /**\n   * Позволяет задать `id` выпадающему меню.\n   *\n   * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.\n   */\n  popupMenuId?: HTMLProps['id'];\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n}\n\ninterface PopupMenuState {\n  menuVisible: boolean;\n  firstItemShouldBeSelected?: boolean;\n}\n\nexport const PopupMenuType = {\n  Dropdown: 'dropdown',\n  Tooltip: 'tooltip',\n} as const;\n\nconst Positions: PopupPositionsType[] = [\n  'top left',\n  'top center',\n  'top right',\n  'right top',\n  'right middle',\n  'right bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n  'left top',\n  'left middle',\n  'left bottom',\n];\n\ntype DefaultProps = Required<Pick<PopupMenuProps, 'positions' | 'type' | 'popupHasPin' | 'disableAnimations'>>;\n\n@rootNode\n@responsiveLayout\nexport class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {\n  public static __KONTUR_REACT_UI__ = 'PopupMenu';\n  public static displayName = 'PopupMenu';\n\n  private isMobileLayout!: boolean;\n  private rootId = PopupIds.root + getRandomID();\n\n  public static defaultProps: DefaultProps = {\n    positions: Positions,\n    type: PopupMenuType.Tooltip,\n    popupHasPin: true,\n    disableAnimations: false,\n  };\n\n  private getProps = createPropsGetter(PopupMenu.defaultProps);\n\n  public static Type = PopupMenuType;\n\n  public state = {\n    menuVisible: false,\n    firstItemShouldBeSelected: false,\n  };\n\n  private captionWrapper: HTMLSpanElement | null = null;\n  private savedFocusableElement: HTMLElement | null = null;\n  private menu: Nullable<Menu> = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  menuOffsetY: theme.popupMenuMenuOffsetY,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { popupHasPin, disableAnimations } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <RenderLayer\n          onClickOutside={this.hideMenuWithoutFocusing}\n          onFocusOutside={this.hideMenuWithoutFocusing}\n          active={this.state.menuVisible}\n        >\n          <div data-tid={PopupMenuDataTids.root} className={styles.container()} style={{ width: this.props.width }}>\n            {this.renderCaption()}\n            {this.captionWrapper && this.props.children && (\n              <Popup\n                id={this.props.popupMenuId ?? this.rootId}\n                anchorElement={this.captionWrapper}\n                opened={this.state.menuVisible}\n                hasShadow\n                margin={this.props.popupMargin}\n                hasPin={popupHasPin}\n                pinOffset={this.props.popupPinOffset}\n                positions={this.getPositions()}\n                disableAnimations={disableAnimations}\n                onOpen={this.handleOpen}\n                mobileOnCloseRequest={this.hideMenu}\n                width={this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto'}\n              >\n                <Menu\n                  maxHeight={this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none'}\n                  onKeyDown={this.handleKeyDown}\n                  onItemClick={this.handleItemSelection}\n                  preventIconsOffset={this.props.preventIconsOffset}\n                  cyclicSelection={false}\n                  ref={this.menuRef}\n                  initialSelectedItemIndex={this.state.firstItemShouldBeSelected ? 0 : -1}\n                  header={this.props.header}\n                  footer={this.props.footer}\n                >\n                  {this.props.children}\n                </Menu>\n              </Popup>\n            )}\n          </div>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => this.showMenu();\n  public close = (): void => this.hideMenu();\n\n  private menuRef = (element: Nullable<Menu>) => (this.menu = element);\n\n  private handleOpen = () => {\n    if (this.menu) {\n      this.menu.focus();\n    }\n  };\n\n  private passPropsToCaption = (caption: React.ReactNode) => {\n    if (typeof caption === 'string' || typeof caption === 'number') {\n      return caption;\n    }\n\n    return React.cloneElement(caption as React.ReactElement, {\n      id: this.props.id,\n      'aria-controls': this.props.popupMenuId ?? this.rootId,\n      'aria-expanded': this.state.menuVisible ? 'true' : 'false',\n      'aria-label': this.props['aria-label'],\n    });\n  };\n\n  private renderCaption = () => {\n    if (typeof this.props.caption === 'function') {\n      const caption = this.props.caption({\n        opened: this.state.menuVisible,\n        openMenu: this.showMenu,\n        closeMenu: this.hideMenu,\n        toggleMenu: this.toggleMenu,\n        corners: this.props.corners,\n      });\n\n      return (\n        <span\n          data-tid={PopupMenuDataTids.caption}\n          className={styles.caption()}\n          ref={(element) => (this.captionWrapper = element)}\n        >\n          {this.passPropsToCaption(caption)}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        data-tid={PopupMenuDataTids.caption}\n        onClick={this.handleCaptionClick}\n        onKeyDown={this.handleCaptionKeyDown}\n        ref={(element) => (this.captionWrapper = element)}\n        className={styles.caption()}\n      >\n        {this.passPropsToCaption(this.props.caption)}\n      </span>\n    );\n  };\n\n  private hideMenuWithoutFocusing = () => this.hideMenu();\n\n  private getPositions(): Readonly<PopupPositionsType[]> {\n    const positions = this.getProps().positions;\n    if (positions && isValidPositions(positions)) {\n      return positions;\n    }\n\n    return Positions;\n  }\n\n  private showMenu = (firstItemShouldBeSelected?: boolean): void => {\n    this.saveFocus();\n    this.setState(\n      {\n        menuVisible: true,\n        firstItemShouldBeSelected,\n      },\n      () => {\n        this.handleChangeMenuVisible(false);\n      },\n    );\n  };\n\n  private hideMenu = (restoreFocus?: boolean): void => {\n    this.setState(\n      {\n        menuVisible: false,\n        firstItemShouldBeSelected: false,\n      },\n      () => {\n        this.handleChangeMenuVisible(!!restoreFocus);\n      },\n    );\n  };\n\n  private toggleMenu = (): void => {\n    this.state.menuVisible ? this.hideMenu() : this.showMenu();\n  };\n\n  private handleCaptionClick = (): void => {\n    this.toggleMenu();\n  };\n\n  private handleCaptionKeyDown = (e: React.KeyboardEvent<HTMLElement>): void => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      this.showMenu(true);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (isKeyEscape(e)) {\n      const restoreFocus = true;\n      this.hideMenu(restoreFocus);\n    }\n  };\n\n  private saveFocus = (): void => {\n    if (globalObject.document) {\n      this.savedFocusableElement = globalObject.document.activeElement as HTMLElement;\n    }\n  };\n\n  private restoreFocus = (): void => {\n    if (this.savedFocusableElement) {\n      this.savedFocusableElement.focus();\n      this.savedFocusableElement = null;\n    }\n  };\n\n  private handleChangeMenuVisible = (focusShouldBeRestored: boolean): void => {\n    if (focusShouldBeRestored) {\n      this.restoreFocus();\n    }\n\n    if (this.state.menuVisible && this.props.onOpen) {\n      this.props.onOpen();\n    }\n\n    if (!this.state.menuVisible && this.props.onClose) {\n      this.props.onClose();\n    }\n\n    if (typeof this.props.onChangeMenuState === 'function') {\n      this.props.onChangeMenuState(this.state.menuVisible, focusShouldBeRestored);\n    }\n  };\n\n  private handleItemSelection = (event: React.SyntheticEvent<HTMLElement>): void => {\n    if (event.isDefaultPrevented()) {\n      return;\n    }\n\n    if (event.type === 'keydown') {\n      event.preventDefault();\n    }\n\n    const restoreFocus = event.type === 'keydown';\n    this.hideMenu(restoreFocus);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,4 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     caption(): string;
     container(): string;
 };

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

@@ -1,19 +1,16 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  caption: function caption() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      width: 100%;\n    "])));
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      caption: function caption() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        width: 100%;\n      "])));
 
 
+  },
+  container: function container() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      line-height: normal;\n    "])));
 
-      },
-      container: function container() {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        line-height: normal;\n      "])));
 
 
-
-      }
-    }));};
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","getStyles","exports","emotion","memoizeStyle","caption","css","_taggedTemplateLiteralLoose2","default","container"],"sources":["PopupMenu.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    caption() {\n      return emotion.css`\n        display: inline-block;\n        width: 100%;\n      `;\n    },\n    container() {\n      return emotion.css`\n        display: inline-block;\n        line-height: normal;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA,EAAAC,gBAAA;;AAElD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOF,OAAO,CAACG,GAAG,CAAAP,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;MAIpB,CAAC;MACDC,SAAS,WAAAA,UAAA,EAAG;QACV,OAAON,OAAO,CAACG,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;MAIpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","styles","exports","memoizeStyle","caption","css","_taggedTemplateLiteralLoose2","default","container"],"sources":["PopupMenu.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  caption() {\n    return css`\n      display: inline-block;\n      width: 100%;\n    `;\n  },\n  container() {\n    return css`\n      display: inline-block;\n      line-height: normal;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOC,YAAG,EAAAN,eAAA,KAAAA,eAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;EACDC,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOH,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/RenderContainer/RenderContainer.d.ts

@@ -1,13 +1,10 @@
 import React from 'react';
-import type { RenderEnvironmentContextType } from '../../lib/theming/RenderEnvironmentContext';
 import type { RenderContainerProps } from './RenderContainerTypes';
 export declare const PORTAL_INLET_ATTR = "data-render-container-id";
 export declare const PORTAL_OUTLET_ATTR = "data-rendered-container-id";
 export declare class RenderContainer extends React.Component<RenderContainerProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    static contextType: React.Context<RenderEnvironmentContextType>;
-    context: RenderEnvironmentContextType;
     private static getRootId;
     private domContainer;
     private readonly rootId;

package/cjs/internal/RenderContainer/RenderContainer.js

@@ -1,6 +1,5 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.RenderContainer = exports.PORTAL_OUTLET_ATTR = exports.PORTAL_INLET_ATTR = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
+var _globalObject = require("@skbkontur/global-object");
 
 
 var _utils = require("../../lib/utils");
@@ -22,9 +21,6 @@ RenderContainer = exports.RenderContainer = /*#__PURE__*/function (_React$Compon
 
 
 
-
-
-
     domContainer = null;_this.
 
     rootId = RenderContainer.getRootId();return _this;}(0, _inheritsLoose2.default)(RenderContainer, _React$Component);var _proto = RenderContainer.prototype;_proto.
@@ -51,8 +47,8 @@ RenderContainer = exports.RenderContainer = /*#__PURE__*/function (_React$Compon
     return /*#__PURE__*/_react.default.createElement(_RenderInnerContainer.RenderInnerContainer, (0, _extends2.default)({}, this.props, { domContainer: this.domContainer, rootId: this.rootId }));
   };_proto.
 
-  createContainer = function createContainer() {var _this$context$globalO;
-    var domContainer = (_this$context$globalO = this.context.globalObject.document) == null ? void 0 : _this$context$globalO.createElement('div');
+  createContainer = function createContainer() {var _globalObject$documen;
+    var domContainer = (_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.createElement('div');
     if (domContainer) {
       domContainer.setAttribute('class', _Upgrades.Upgrade.getSpecificityClassName());
       domContainer.setAttribute(PORTAL_OUTLET_ATTR, "" + this.rootId);
@@ -60,14 +56,14 @@ RenderContainer = exports.RenderContainer = /*#__PURE__*/function (_React$Compon
     }
   };_proto.
 
-  mountContainer = function mountContainer() {var _this$context$globalO2;
-    var globalWithReactTesting = this.context.globalObject;
+  mountContainer = function mountContainer() {var _globalObject$documen2;
+    var globalWithReactTesting = _globalObject.globalObject;
 
     if (!this.domContainer) {
       this.createContainer();
     }
-    if (this.domContainer && this.domContainer.parentNode !== ((_this$context$globalO2 = this.context.globalObject.document) == null ? void 0 : _this$context$globalO2.body)) {var _this$context$globalO3;
-      (_this$context$globalO3 = this.context.globalObject.document) == null || _this$context$globalO3.body.appendChild(this.domContainer);
+    if (this.domContainer && this.domContainer.parentNode !== ((_globalObject$documen2 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen2.body)) {var _globalObject$documen3;
+      (_globalObject$documen3 = _globalObject.globalObject.document) == null || _globalObject$documen3.body.appendChild(this.domContainer);
 
       if (this.props.containerRef) {
         (0, _callChildRef.callChildRef)(this.props.containerRef, this.domContainer);
@@ -93,9 +89,9 @@ RenderContainer = exports.RenderContainer = /*#__PURE__*/function (_React$Compon
         (0, _callChildRef.callChildRef)(this.props.containerRef, null);
       }
 
-      var globalWithReactTesting = this.context.globalObject;
+      var globalWithReactTesting = _globalObject.globalObject;
       if (globalWithReactTesting.ReactTesting) {
         globalWithReactTesting.ReactTesting.removeRenderContainer(this.rootId);
       }
     }
-  };return RenderContainer;}(_react.default.Component);RenderContainer.__KONTUR_REACT_UI__ = 'RenderContainer';RenderContainer.displayName = 'RenderContainer';RenderContainer.contextType = _RenderEnvironmentContext.RenderEnvironmentContext;RenderContainer.getRootId = function () {return (0, _utils.getRandomID)();};
+  };return RenderContainer;}(_react.default.Component);RenderContainer.__KONTUR_REACT_UI__ = 'RenderContainer';RenderContainer.displayName = 'RenderContainer';RenderContainer.getRootId = function () {return (0, _utils.getRandomID)();};

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_RenderEnvironmentContext","_utils","_Upgrades","_callChildRef","_RenderInnerContainer","PORTAL_INLET_ATTR","exports","PORTAL_OUTLET_ATTR","RenderContainer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","domContainer","rootId","getRootId","_inheritsLoose2","default","_proto","prototype","shouldComponentUpdate","nextProps","props","children","mountContainer","unmountContainer","componentWillUnmount","destroyContainer","render","createElement","RenderInnerContainer","_extends2","createContainer","_this$context$globalO","context","globalObject","document","setAttribute","Upgrade","getSpecificityClassName","_this$context$globalO2","globalWithReactTesting","parentNode","body","_this$context$globalO3","appendChild","containerRef","callChildRef","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","React","Component","__KONTUR_REACT_UI__","displayName","contextType","RenderEnvironmentContext","getRandomID"],"sources":["RenderContainer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { RenderEnvironmentContextType } from '../../lib/theming/RenderEnvironmentContext';\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  public static contextType = RenderEnvironmentContext;\n  public context!: RenderEnvironmentContextType;\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 = this.context.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 = this.context.globalObject as GlobalWithReactTesting;\n\n    if (!this.domContainer) {\n      this.createContainer();\n    }\n    if (this.domContainer && this.domContainer.parentNode !== this.context.globalObject.document?.body) {\n      this.context.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 = this.context.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","_interopRequireDefault","require","_globalObject","_utils","_Upgrades","_callChildRef","_RenderInnerContainer","PORTAL_INLET_ATTR","exports","PORTAL_OUTLET_ATTR","RenderContainer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","domContainer","rootId","getRootId","_inheritsLoose2","default","_proto","prototype","shouldComponentUpdate","nextProps","props","children","mountContainer","unmountContainer","componentWillUnmount","destroyContainer","render","createElement","RenderInnerContainer","_extends2","createContainer","_globalObject$documen","globalObject","document","setAttribute","Upgrade","getSpecificityClassName","_globalObject$documen2","globalWithReactTesting","parentNode","body","_globalObject$documen3","appendChild","containerRef","callChildRef","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","React","Component","__KONTUR_REACT_UI__","displayName","getRandomID"],"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":[]}