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

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

@@ -1 +1 @@
-{"version":3,"names":["React","RenderEnvironmentContext","PopupHelper","getStyles","PopupDataTids","PopupPinNew","_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","getElementAbsoluteRect","_this$positionObject","positionObject","align","getPinLeftCoordinate","getPinTopCoordinate","offset","getPinDirectionalStyle","styles","pinTop","pinBottom","pinLeft","pinRight","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","_ref3","emotion","cx","getPositionObject","popupPosition","coords","inlineStyle","directionalStyle","popupPin","className","pin","style","popupDirection","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","cx","PopupHelper","styles","PopupDataTids","PopupPinNew","_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","getElementAbsoluteRect","_this$positionObject","positionObject","align","getPinLeftCoordinate","getPinTopCoordinate","offset","getPinDirectionalStyle","pinTop","pinBottom","pinLeft","pinRight","_inheritsLoose","_proto","prototype","render","getPositionObject","popupPosition","coords","inlineStyle","directionalStyle","createElement","popupPin","className","pin","style","popupDirection","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":"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","ignoreList":[]}

package/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/internal/Popup/PopupPinNew.styles/PopupPinNew.styles.js

@@ -1,22 +1,20 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    pin: function pin() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        position: absolute;\n      "])));
-    },
-    pinTop: function pinTop() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        clip-path: polygon(0 0, 50% 100%, 100% 0);\n      "])));
-    },
-    pinBottom: function pinBottom() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        clip-path: polygon(0 100%, 50% 0, 100% 100%);\n      "])));
-    },
-    pinLeft: function pinLeft() {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        clip-path: polygon(0 0, 100% 50%, 0 100%);\n      "])));
-    },
-    pinRight: function pinRight() {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        clip-path: polygon(100% 0, 0 50%, 100% 100%);\n      "])));
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  pin: function pin() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: absolute;\n    "])));
+  },
+  pinTop: function pinTop() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      clip-path: polygon(0 0, 50% 100%, 100% 0);\n    "])));
+  },
+  pinBottom: function pinBottom() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      clip-path: polygon(0 100%, 50% 0, 100% 100%);\n    "])));
+  },
+  pinLeft: function pinLeft() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      clip-path: polygon(0 0, 100% 50%, 0 100%);\n    "])));
+  },
+  pinRight: function pinRight() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      clip-path: polygon(100% 0, 0 50%, 100% 100%);\n    "])));
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","pin","css","_templateObject","_taggedTemplateLiteralLoose","pinTop","_templateObject2","pinBottom","_templateObject3","pinLeft","_templateObject4","pinRight","_templateObject5"],"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,SAASA,YAAY,QAAQ,2BAA2B;;AAExD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,GAAG,WAAAA,IAAA,EAAG;QACJ,OAAOD,OAAO,CAACE,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;MAGpB,CAAC;;MAEDC,MAAM,WAAAA,OAAA,EAAG;QACP,OAAOL,OAAO,CAACE,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;MAGpB,CAAC;;MAEDG,SAAS,WAAAA,UAAA,EAAG;QACV,OAAOP,OAAO,CAACE,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;MAGpB,CAAC;;MAEDK,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOT,OAAO,CAACE,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;MAGpB,CAAC;;MAEDO,QAAQ,WAAAA,SAAA,EAAG;QACT,OAAOX,OAAO,CAACE,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;MAGpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","pin","_templateObject","_taggedTemplateLiteralLoose","pinTop","_templateObject2","pinBottom","_templateObject3","pinLeft","_templateObject4","pinRight","_templateObject5"],"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":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,GAAG,WAAAA,IAAA,EAAG;IACJ,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;EAGZ,CAAC;;EAEDG,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;EAGZ,CAAC;;EAEDK,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;EAGZ,CAAC;;EAEDO,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/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/internal/PopupMenu/PopupMenu/PopupMenu.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _PopupMenu;
 import React from 'react';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
+import { globalObject } from '@skbkontur/global-object';
 import { getRandomID } from "../../../lib/utils";
 import { isKeyArrowVertical, isKeyEnter, isKeyEscape, isKeySpace, someKeys } from "../../../lib/events/keyboard/identifiers";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
@@ -15,7 +15,7 @@ import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { Menu } from "../../Menu";
 import { isValidPositions } from "../validatePositions";
-import { getStyles } from "../PopupMenu.styles";
+import { styles } from "../PopupMenu.styles";
 import { PopupMenuDataTids } from "../tids";
 export * from "../tids";
 export var PopupMenuType = {
@@ -77,7 +77,7 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_PopupMenu =
         return /*#__PURE__*/(
           React.createElement("span", {
             "data-tid": PopupMenuDataTids.caption,
-            className: _this.styles.caption(),
+            className: styles.caption(),
             ref: function ref(element) {
               return _this.captionWrapper = element;
             }
@@ -92,7 +92,7 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_PopupMenu =
           ref: function ref(element) {
             return _this.captionWrapper = element;
           },
-          className: _this.styles.caption()
+          className: styles.caption()
         }, _this.passPropsToCaption(_this.props.caption))
       );
     };
@@ -135,8 +135,8 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_PopupMenu =
       }
     };
     _this.saveFocus = function () {
-      if (_this.globalObject.document) {
-        _this.savedFocusableElement = _this.globalObject.document.activeElement;
+      if (globalObject.document) {
+        _this.savedFocusableElement = globalObject.document.activeElement;
       }
     };
     _this.restoreFocus = function () {
@@ -175,18 +175,12 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_PopupMenu =
   var _proto = PopupMenu.prototype;
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-      var globalObject = _ref.globalObject,
-        emotion = _ref.emotion;
-      _this2.globalObject = globalObject;
-      _this2.styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-          value: ThemeFactory.create({
-            menuOffsetY: theme.popupMenuMenuOffsetY
-          }, theme)
-        }, _this2.renderMain());
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: ThemeFactory.create({
+          menuOffsetY: theme.popupMenuMenuOffsetY
+        }, theme)
+      }, _this2.renderMain());
     });
   };
   _proto.renderMain = function renderMain() {
@@ -202,7 +196,7 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_PopupMenu =
       active: this.state.menuVisible
     }, /*#__PURE__*/React.createElement("div", {
       "data-tid": PopupMenuDataTids.root,
-      className: this.styles.container(),
+      className: styles.container(),
       style: {
         width: this.props.width
       }

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

@@ -1 +1 @@
-{"version":3,"names":["React","RenderEnvironmentContext","getRandomID","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","someKeys","ThemeContext","ThemeFactory","Popup","PopupIds","RenderLayer","CommonWrapper","responsiveLayout","rootNode","createPropsGetter","Menu","isValidPositions","getStyles","PopupMenuDataTids","PopupMenuType","Dropdown","Tooltip","Positions","PopupMenu","_class","_PopupMenu","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootId","root","getProps","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","menuRef","element","handleOpen","focus","passPropsToCaption","caption","_this$props$popupMenu","cloneElement","id","props","popupMenuId","renderCaption","opened","openMenu","closeMenu","toggleMenu","corners","createElement","className","styles","ref","onClick","handleCaptionClick","onKeyDown","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","preventDefault","handleKeyDown","globalObject","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","_inheritsLoose","_proto","prototype","render","_this2","Consumer","_ref","emotion","theme","Provider","value","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","_this$props$popupMenu2","_this$getProps","popupHasPin","disableAnimations","_extends","rootNodeRef","setRootNode","onClickOutside","onFocusOutside","active","container","style","width","children","anchorElement","hasShadow","margin","popupMargin","hasPin","pinOffset","popupPinOffset","positions","getPositions","mobileOnCloseRequest","isMobileLayout","menuWidth","maxHeight","menuMaxHeight","onItemClick","preventIconsOffset","cyclicSelection","initialSelectedItemIndex","header","footer","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","globalObject","getRandomID","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","someKeys","ThemeContext","ThemeFactory","Popup","PopupIds","RenderLayer","CommonWrapper","responsiveLayout","rootNode","createPropsGetter","Menu","isValidPositions","styles","PopupMenuDataTids","PopupMenuType","Dropdown","Tooltip","Positions","PopupMenu","_class","_PopupMenu","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootId","root","getProps","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","menuRef","element","handleOpen","focus","passPropsToCaption","caption","_this$props$popupMenu","cloneElement","id","props","popupMenuId","renderCaption","opened","openMenu","closeMenu","toggleMenu","corners","createElement","className","ref","onClick","handleCaptionClick","onKeyDown","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","preventDefault","handleKeyDown","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","_inheritsLoose","_proto","prototype","render","_this2","Consumer","theme","Provider","value","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","_this$props$popupMenu2","_this$getProps","popupHasPin","disableAnimations","_extends","rootNodeRef","setRootNode","onClickOutside","onFocusOutside","active","container","style","width","children","anchorElement","hasShadow","margin","popupMargin","hasPin","pinOffset","popupPinOffset","positions","getPositions","mobileOnCloseRequest","isMobileLayout","menuWidth","maxHeight","menuMaxHeight","onItemClick","preventIconsOffset","cyclicSelection","initialSelectedItemIndex","header","footer","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/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/internal/PopupMenu/PopupMenu.styles/PopupMenu.styles.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","caption","css","_templateObject","_taggedTemplateLiteralLoose","container","_templateObject2"],"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,SAASA,YAAY,QAAQ,2BAA2B;;AAExD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOD,OAAO,CAACE,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;MAIpB,CAAC;MACDC,SAAS,WAAAA,UAAA,EAAG;QACV,OAAOL,OAAO,CAACE,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;MAIpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","caption","_templateObject","_taggedTemplateLiteralLoose","container","_templateObject2"],"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":"sIAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;EAIZ,CAAC;EACDC,SAAS,WAAAA,UAAA,EAAG;IACV,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}

package/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/internal/RenderContainer/RenderContainer/RenderContainer.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
+import { globalObject } from '@skbkontur/global-object';
 import { getRandomID } from "../../../lib/utils";
 import { Upgrade } from "../../../lib/Upgrades";
 import { callChildRef } from "../../../lib/callChildRef/callChildRef";
@@ -43,8 +43,8 @@ export var RenderContainer = /*#__PURE__*/function (_React$Component) {
     }));
   };
   _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');
+    var _globalObject$documen;
+    var domContainer = (_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.createElement('div');
     if (domContainer) {
       domContainer.setAttribute('class', Upgrade.getSpecificityClassName());
       domContainer.setAttribute(PORTAL_OUTLET_ATTR, "" + this.rootId);
@@ -52,14 +52,14 @@ export var RenderContainer = /*#__PURE__*/function (_React$Component) {
     }
   };
   _proto.mountContainer = function mountContainer() {
-    var _this$context$globalO2;
-    var globalWithReactTesting = this.context.globalObject;
+    var _globalObject$documen2;
+    var globalWithReactTesting = 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.document) == null ? void 0 : _globalObject$documen2.body)) {
+      var _globalObject$documen3;
+      (_globalObject$documen3 = globalObject.document) == null || _globalObject$documen3.body.appendChild(this.domContainer);
       if (this.props.containerRef) {
         callChildRef(this.props.containerRef, this.domContainer);
       }
@@ -80,7 +80,7 @@ export var RenderContainer = /*#__PURE__*/function (_React$Component) {
       if (this.props.containerRef) {
         callChildRef(this.props.containerRef, null);
       }
-      var globalWithReactTesting = this.context.globalObject;
+      var globalWithReactTesting = globalObject;
       if (globalWithReactTesting.ReactTesting) {
         globalWithReactTesting.ReactTesting.removeRenderContainer(this.rootId);
       }
@@ -90,7 +90,6 @@ export var RenderContainer = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 RenderContainer.__KONTUR_REACT_UI__ = 'RenderContainer';
 RenderContainer.displayName = 'RenderContainer';
-RenderContainer.contextType = RenderEnvironmentContext;
 RenderContainer.getRootId = function () {
   return getRandomID();
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","RenderEnvironmentContext","getRandomID","Upgrade","callChildRef","RenderInnerContainer","PORTAL_INLET_ATTR","PORTAL_OUTLET_ATTR","RenderContainer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","domContainer","rootId","getRootId","_inheritsLoose","_proto","prototype","shouldComponentUpdate","nextProps","props","children","mountContainer","unmountContainer","componentWillUnmount","destroyContainer","render","createElement","_extends","createContainer","_this$context$globalO","context","globalObject","document","setAttribute","getSpecificityClassName","_this$context$globalO2","globalWithReactTesting","parentNode","body","_this$context$globalO3","appendChild","containerRef","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","Component","__KONTUR_REACT_UI__","displayName","contextType"],"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":"gIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,wBAAwB,QAAQ,4CAA4C;;;AAGrF,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,YAAY,QAAQ,qCAAqC;;AAElE,SAASC,oBAAoB,QAAQ,wBAAwB;;;;;;;AAO7D,OAAO,IAAMC,iBAAiB,GAAG,0BAA0B;AAC3D,OAAO,IAAMC,kBAAkB,GAAG,4BAA4B;;AAE9D,WAAaC,eAAe,0BAAAC,gBAAA,YAAAD,gBAAA,OAAAE,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;;;;;;;;IAQlBU,YAAY,GAA0B,IAAI,CAAAV,KAAA;;IAEjCW,MAAM,GAAWb,eAAe,CAACc,SAAS,CAAC,CAAC,QAAAZ,KAAA,EAAAa,cAAA,CAAAf,eAAA,EAAAC,gBAAA,MAAAe,MAAA,GAAAhB,eAAA,CAAAiB,SAAA,CAAAD,MAAA;;EAEtDE,qBAAqB,GAA5B,SAAAA,sBAA6BC,SAA+B,EAAE;IAC5D,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,QAAQ,IAAIF,SAAS,CAACE,QAAQ,EAAE;MAC9C,IAAI,CAACC,cAAc,CAAC,CAAC;IACvB;IACA,IAAI,IAAI,CAACF,KAAK,CAACC,QAAQ,IAAI,CAACF,SAAS,CAACE,QAAQ,EAAE;MAC9C,IAAI,CAACE,gBAAgB,CAAC,CAAC;IACzB;IACA,OAAO,IAAI;EACb,CAAC,CAAAP,MAAA;;EAEMQ,oBAAoB,GAA3B,SAAAA,qBAAA,EAA8B;IAC5B,IAAI,CAACC,gBAAgB,CAAC,CAAC;EACzB,CAAC,CAAAT,MAAA;;EAEMU,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,IAAI,IAAI,CAACN,KAAK,CAACC,QAAQ,EAAE;MACvB,IAAI,CAACC,cAAc,CAAC,CAAC;IACvB;;IAEA,oBAAO9B,KAAA,CAAAmC,aAAA,CAAC9B,oBAAoB,EAAA+B,QAAA,KAAK,IAAI,CAACR,KAAK,IAAER,YAAY,EAAE,IAAI,CAACA,YAAa,EAACC,MAAM,EAAE,IAAI,CAACA,MAAO,GAAE,CAAC;EACvG,CAAC,CAAAG,MAAA;;EAEOa,eAAe,GAAvB,SAAAA,gBAAA,EAA0B,KAAAC,qBAAA;IACxB,IAAMlB,YAAY,IAAAkB,qBAAA,GAAG,IAAI,CAACC,OAAO,CAACC,YAAY,CAACC,QAAQ,qBAAlCH,qBAAA,CAAoCH,aAAa,CAAC,KAAK,CAAC;IAC7E,IAAIf,YAAY,EAAE;MAChBA,YAAY,CAACsB,YAAY,CAAC,OAAO,EAAEvC,OAAO,CAACwC,uBAAuB,CAAC,CAAC,CAAC;MACrEvB,YAAY,CAACsB,YAAY,CAACnC,kBAAkB,OAAK,IAAI,CAACc,MAAQ,CAAC;MAC/D,IAAI,CAACD,YAAY,GAAGA,YAAY;IAClC;EACF,CAAC,CAAAI,MAAA;;EAEOM,cAAc,GAAtB,SAAAA,eAAA,EAAyB,KAAAc,sBAAA;IACvB,IAAMC,sBAAsB,GAAG,IAAI,CAACN,OAAO,CAACC,YAAsC;;IAElF,IAAI,CAAC,IAAI,CAACpB,YAAY,EAAE;MACtB,IAAI,CAACiB,eAAe,CAAC,CAAC;IACxB;IACA,IAAI,IAAI,CAACjB,YAAY,IAAI,IAAI,CAACA,YAAY,CAAC0B,UAAU,OAAAF,sBAAA,GAAK,IAAI,CAACL,OAAO,CAACC,YAAY,CAACC,QAAQ,qBAAlCG,sBAAA,CAAoCG,IAAI,GAAE,KAAAC,sBAAA;MAClG,CAAAA,sBAAA,OAAI,CAACT,OAAO,CAACC,YAAY,CAACC,QAAQ,aAAlCO,sBAAA,CAAoCD,IAAI,CAACE,WAAW,CAAC,IAAI,CAAC7B,YAAY,CAAC;;MAEvE,IAAI,IAAI,CAACQ,KAAK,CAACsB,YAAY,EAAE;QAC3B9C,YAAY,CAAC,IAAI,CAACwB,KAAK,CAACsB,YAAY,EAAE,IAAI,CAAC9B,YAAY,CAAC;MAC1D;MACA,IAAIyB,sBAAsB,CAACM,YAAY,EAAE;QACvCN,sBAAsB,CAACM,YAAY,CAACC,kBAAkB,CAAC,IAAI,CAAC/B,MAAM,EAAE,IAAI,CAAC;MAC3E;IACF;EACF,CAAC,CAAAG,MAAA;;EAEOS,gBAAgB,GAAxB,SAAAA,iBAAA,EAA2B;IACzB,IAAI,IAAI,CAACb,YAAY,EAAE;MACrB,IAAI,CAACW,gBAAgB,CAAC,CAAC;MACvB,IAAI,CAACX,YAAY,GAAG,IAAI;IAC1B;EACF,CAAC,CAAAI,MAAA;;EAEOO,gBAAgB,GAAxB,SAAAA,iBAAA,EAA2B;IACzB,IAAI,IAAI,CAACX,YAAY,IAAI,IAAI,CAACA,YAAY,CAAC0B,UAAU,EAAE;MACrD,IAAI,CAAC1B,YAAY,CAAC0B,UAAU,CAACO,WAAW,CAAC,IAAI,CAACjC,YAAY,CAAC;;MAE3D,IAAI,IAAI,CAACQ,KAAK,CAACsB,YAAY,EAAE;QAC3B9C,YAAY,CAAC,IAAI,CAACwB,KAAK,CAACsB,YAAY,EAAE,IAAI,CAAC;MAC7C;;MAEA,IAAML,sBAAsB,GAAG,IAAI,CAACN,OAAO,CAACC,YAAsC;MAClF,IAAIK,sBAAsB,CAACM,YAAY,EAAE;QACvCN,sBAAsB,CAACM,YAAY,CAACG,qBAAqB,CAAC,IAAI,CAACjC,MAAM,CAAC;MACxE;IACF;EACF,CAAC,QAAAb,eAAA,GAjFkCR,KAAK,CAACuD,SAAS,EAAvC/C,eAAe,CACZgD,mBAAmB,GAAG,iBAAiB,CAD1ChD,eAAe,CAEZiD,WAAW,GAAG,iBAAiB,CAFlCjD,eAAe,CAIZkD,WAAW,GAAGzD,wBAAwB,CAJzCO,eAAe,CAOXc,SAAS,GAAG,oBAAMpB,WAAW,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","globalObject","getRandomID","Upgrade","callChildRef","RenderInnerContainer","PORTAL_INLET_ATTR","PORTAL_OUTLET_ATTR","RenderContainer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","domContainer","rootId","getRootId","_inheritsLoose","_proto","prototype","shouldComponentUpdate","nextProps","props","children","mountContainer","unmountContainer","componentWillUnmount","destroyContainer","render","createElement","_extends","createContainer","_globalObject$documen","document","setAttribute","getSpecificityClassName","_globalObject$documen2","globalWithReactTesting","parentNode","body","_globalObject$documen3","appendChild","containerRef","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","Component","__KONTUR_REACT_UI__","displayName"],"sources":["RenderContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { getRandomID } from '../../lib/utils';\nimport { Upgrade } from '../../lib/Upgrades';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport { RenderInnerContainer } from './RenderInnerContainer';\nimport type { RenderContainerProps } from './RenderContainerTypes';\n\ninterface GlobalWithReactTesting {\n  ReactTesting?: any;\n}\n\nexport const PORTAL_INLET_ATTR = 'data-render-container-id';\nexport const PORTAL_OUTLET_ATTR = 'data-rendered-container-id';\n\nexport class RenderContainer extends React.Component<RenderContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderContainer';\n  public static displayName = 'RenderContainer';\n\n  private static getRootId = () => getRandomID();\n  private domContainer: Nullable<HTMLElement> = null;\n\n  private readonly rootId: string = RenderContainer.getRootId();\n\n  public shouldComponentUpdate(nextProps: RenderContainerProps) {\n    if (!this.props.children && nextProps.children) {\n      this.mountContainer();\n    }\n    if (this.props.children && !nextProps.children) {\n      this.unmountContainer();\n    }\n    return true;\n  }\n\n  public componentWillUnmount() {\n    this.destroyContainer();\n  }\n\n  public render() {\n    if (this.props.children) {\n      this.mountContainer();\n    }\n\n    return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\n  }\n\n  private createContainer() {\n    const domContainer = globalObject.document?.createElement('div');\n    if (domContainer) {\n      domContainer.setAttribute('class', Upgrade.getSpecificityClassName());\n      domContainer.setAttribute(PORTAL_OUTLET_ATTR, `${this.rootId}`);\n      this.domContainer = domContainer;\n    }\n  }\n\n  private mountContainer() {\n    const globalWithReactTesting = globalObject as GlobalWithReactTesting;\n\n    if (!this.domContainer) {\n      this.createContainer();\n    }\n    if (this.domContainer && this.domContainer.parentNode !== globalObject.document?.body) {\n      globalObject.document?.body.appendChild(this.domContainer);\n\n      if (this.props.containerRef) {\n        callChildRef(this.props.containerRef, this.domContainer);\n      }\n      if (globalWithReactTesting.ReactTesting) {\n        globalWithReactTesting.ReactTesting.addRenderContainer(this.rootId, this);\n      }\n    }\n  }\n\n  private destroyContainer() {\n    if (this.domContainer) {\n      this.unmountContainer();\n      this.domContainer = null;\n    }\n  }\n\n  private unmountContainer() {\n    if (this.domContainer && this.domContainer.parentNode) {\n      this.domContainer.parentNode.removeChild(this.domContainer);\n\n      if (this.props.containerRef) {\n        callChildRef(this.props.containerRef, null);\n      }\n\n      const globalWithReactTesting = globalObject as GlobalWithReactTesting;\n      if (globalWithReactTesting.ReactTesting) {\n        globalWithReactTesting.ReactTesting.removeRenderContainer(this.rootId);\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/RenderContainer/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/internal/RenderLayer/RenderLayer/RenderLayer.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _RenderLayer;
 import React from 'react';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
-import { listen as listenFocusOutside, containsTargetOrRenderContainer, addFocusListener } from "../../../lib/listenFocusOutside";
+import { globalObject } from '@skbkontur/global-object';
+import { listen as listenFocusOutside, containsTargetOrRenderContainer } from "../../../lib/listenFocusOutside";
 import { CommonWrapper } from "../../CommonWrapper";
 import { getRootNode, rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
@@ -25,7 +25,7 @@ export var RenderLayer = rootNode(_class = (_RenderLayer = /*#__PURE__*/function
     _this.handleNativeDocClick = function (event) {
       var target = event.target || event.srcElement;
       var node = _this.getAnchorNode();
-      if (!node || isInstanceOf(target, _this.globalObject.Element) && containsTargetOrRenderContainer(target)(node)) {
+      if (!node || isInstanceOf(target, globalObject.Element) && containsTargetOrRenderContainer(target)(node)) {
         return;
       }
       if (_this.props.onClickOutside) {
@@ -37,7 +37,6 @@ export var RenderLayer = rootNode(_class = (_RenderLayer = /*#__PURE__*/function
   _inheritsLoose(RenderLayer, _React$Component);
   var _proto = RenderLayer.prototype;
   _proto.componentDidMount = function componentDidMount() {
-    addFocusListener(this.globalObject);
     if (this.getProps().active) {
       this.attachListeners();
     }
@@ -58,21 +57,16 @@ export var RenderLayer = rootNode(_class = (_RenderLayer = /*#__PURE__*/function
     }
   };
   _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-      var globalObject = _ref.globalObject;
-      _this2.globalObject = globalObject;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: _this2.setRootNode
-      }, _this2.props), React.Children.only(_this2.props.children));
-    });
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), React.Children.only(this.props.children));
   };
   _proto.getAnchorNode = function getAnchorNode() {
     var getAnchorElement = this.props.getAnchorElement;
     return getAnchorElement ? getAnchorElement() : getRootNode(this);
   };
   _proto.attachListeners = function attachListeners() {
-    var _this$globalObject$ad, _this$globalObject, _this$globalObject$do;
+    var _globalObject$documen;
     var node = this.getAnchorNode();
     if (!node) {
       return;
@@ -80,17 +74,17 @@ export var RenderLayer = rootNode(_class = (_RenderLayer = /*#__PURE__*/function
     this.focusOutsideListenerToken = listenFocusOutside(function () {
       return [node];
     }, this.handleFocusOutside);
-    (_this$globalObject$ad = (_this$globalObject = this.globalObject).addEventListener) == null || _this$globalObject$ad.call(_this$globalObject, 'blur', this.handleFocusOutside);
-    (_this$globalObject$do = this.globalObject.document) == null || _this$globalObject$do.addEventListener('ontouchstart' in this.globalObject.document.documentElement && 'onpointerup' in this.globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);
+    globalObject.addEventListener == null || globalObject.addEventListener('blur', this.handleFocusOutside);
+    (_globalObject$documen = globalObject.document) == null || _globalObject$documen.addEventListener('ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);
   };
   _proto.detachListeners = function detachListeners() {
-    var _this$globalObject$re, _this$globalObject2, _this$globalObject$do2;
+    var _globalObject$documen2;
     if (this.focusOutsideListenerToken) {
       this.focusOutsideListenerToken.remove();
       this.focusOutsideListenerToken = null;
     }
-    (_this$globalObject$re = (_this$globalObject2 = this.globalObject).removeEventListener) == null || _this$globalObject$re.call(_this$globalObject2, 'blur', this.handleFocusOutside);
-    (_this$globalObject$do2 = this.globalObject.document) == null || _this$globalObject$do2.removeEventListener('ontouchstart' in this.globalObject.document.documentElement && 'onpointerup' in this.globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);
+    globalObject.removeEventListener == null || globalObject.removeEventListener('blur', this.handleFocusOutside);
+    (_globalObject$documen2 = globalObject.document) == null || _globalObject$documen2.removeEventListener('ontouchstart' in globalObject.document.documentElement && 'onpointerup' in globalObject.document.documentElement ? 'pointerup' : 'mousedown', this.handleNativeDocClick);
   };
   return RenderLayer;
 }(React.Component), _RenderLayer.__KONTUR_REACT_UI__ = 'RenderLayer', _RenderLayer.displayName = 'RenderLayer', _RenderLayer.defaultProps = {