@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72

package/internal/Popup/PopupPin/PopupPin.js

@@ -2,9 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
 import { PopupHelper } from "../PopupHelper";
-import { getStyles } from "../PopupPin.styles";
+import { styles } from "../PopupPin.styles";
 import { PopupDataTids } from "../Popup";
 var borderStyles = {
   position: 'absolute',
@@ -32,18 +31,15 @@ export var PopupPin = /*#__PURE__*/function (_React$Component) {
     var styleOuter = this.getOuterStyle(options.activeBorder, options.outerSize, this.props.borderColor);
     var styleInner = this.getInnerStyle(options.activeBorder, this.props.size, this.props.backgroundColor);
     var styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      var styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement("div", {
-        "data-tid": PopupDataTids.popupPin,
-        className: styles.wrapper(),
-        style: styleWrapper
-      }, /*#__PURE__*/React.createElement("div", {
-        style: styleOuter
-      }, /*#__PURE__*/React.createElement("div", {
-        style: styleInner
-      })));
-    });
+    return /*#__PURE__*/React.createElement("div", {
+      "data-tid": PopupDataTids.popupPin,
+      className: styles.wrapper(),
+      style: styleWrapper
+    }, /*#__PURE__*/React.createElement("div", {
+      style: styleOuter
+    }, /*#__PURE__*/React.createElement("div", {
+      style: styleInner
+    })));
   };
 
   _proto.getPopupOppositeDirection = function getPopupOppositeDirection() {

package/internal/Popup/PopupPin/PopupPin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PopupPin.tsx"],"names":["React","PropTypes","EmotionConsumer","PopupHelper","getStyles","PopupDataTids","borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","render","props","popupElement","options","getPinOptions","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","emotion","styles","popupPin","wrapper","getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","width","height","borderWitdth","popupRect","pinSize","pinOffset","bordersDelta","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","Error","pinHeight","Component","__KONTUR_REACT_UI__","displayName","propTypes","string","number","any"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { PopupHelper, PositionObject, Rect } from './PopupHelper';\nimport { getStyles } from './PopupPin.styles';\nimport { PopupDataTids } from './Popup';\n\nconst borderStyles = {\n  position: 'absolute',\n  borderStyle: 'solid',\n  borderTopColor: 'transparent',\n  borderBottomColor: 'transparent',\n  borderLeftColor: 'transparent',\n  borderRightColor: 'transparent',\n};\n\ninterface Props {\n  backgroundColor: string;\n  borderColor: string;\n  borderWidth: number;\n  offset: number;\n  popupElement: Nullable<Element>;\n  popupPosition: string;\n  size: number;\n}\n\nexport class PopupPin extends React.Component<Props> {\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\n  public static displayName = 'PopupPin';\n\n  public static propTypes = {\n    /**\n     * Цвет фон пина\n     */\n    backgroundColor: PropTypes.string,\n\n    /**\n     * Цвет границы пина\n     */\n    borderColor: PropTypes.string,\n\n    /**\n     * Ширина границы пина\n     */\n    borderWidth: PropTypes.number,\n\n    /**\n     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n     */\n    offset: PropTypes.number,\n\n    /**\n     * Ссылка на попап\n     */\n    popupElement: PropTypes.any,\n\n    /**\n     * Позиция попапа, по которой будет вычислено положение пина\n     */\n    popupPosition: PropTypes.string,\n\n    /**\n     * Сторона пина без учёта границы.\n     * Пин представляет собой равносторонний треугольник, высота от попапа\n     * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n     */\n    size: PropTypes.number,\n  };\n\n  public render() {\n    if (!this.props.popupElement) {\n      return null;\n    }\n\n    const options = this.getPinOptions(\n      PopupHelper.getElementAbsoluteRect(this.props.popupElement),\n      PopupHelper.getPositionObject(this.props.popupPosition),\n      this.props.size,\n      this.props.offset,\n      this.props.borderWidth,\n    );\n\n    const styleOuter: React.CSSProperties = this.getOuterStyle(\n      options.activeBorder,\n      options.outerSize,\n      this.props.borderColor,\n    );\n\n    const styleInner: React.CSSProperties = this.getInnerStyle(\n      options.activeBorder,\n      this.props.size,\n      this.props.backgroundColor,\n    );\n\n    const styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\n          return (\n            <div data-tid={PopupDataTids.popupPin} className={styles.wrapper()} style={styleWrapper}>\n              <div style={styleOuter}>\n                <div style={styleInner} />\n              </div>\n            </div>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private getPopupOppositeDirection(): 'bottom' | 'top' | 'left' | 'right' {\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        throw new TypeError('Unknown direction ' + popupDirection);\n    }\n  }\n\n  private getWrapperStyle(left: number, top: number, borderWidth: number) {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          [direction]: -borderWidth + 'px',\n          left: left + 'px',\n          width: borderWidth * 2 + 'px',\n          height: borderWidth + 'px',\n        };\n      case 'left':\n      case 'right':\n        return {\n          [direction]: -borderWidth + 'px',\n          top: top + 'px',\n          height: borderWidth * 2 + 'px',\n          width: borderWidth + 'px',\n        };\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getOuterStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 'px',\n          left: '0px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      case 'left':\n      case 'right':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 'px',\n          top: '0px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getInnerStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 2 + 'px',\n          left: -borderWitdth + 'px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      case 'left':\n      case 'right':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 2 + 'px',\n          top: -borderWitdth + 'px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getPinOptions(\n    popupRect: Rect,\n    popupPosition: PositionObject,\n    pinSize: number,\n    pinOffset: number,\n    borderWidth: number,\n  ) {\n    const bordersDelta = 2 * borderWidth;\n    const outerSize = pinSize + bordersDelta;\n\n    switch (popupPosition.direction) {\n      case 'top':\n        return {\n          outerTop: popupRect.height,\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          innerTop: -outerSize,\n          innerLeft: -outerSize + bordersDelta,\n          activeBorder: 'Top',\n          outerSize,\n        };\n      case 'bottom':\n        return {\n          outerTop: -2 * outerSize,\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          innerTop: -outerSize + 2 * bordersDelta,\n          innerLeft: -outerSize + bordersDelta,\n          activeBorder: 'Bottom',\n          outerSize,\n        };\n      case 'left':\n        return {\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          outerLeft: popupRect.width,\n          innerTop: -outerSize + bordersDelta,\n          innerLeft: -outerSize,\n          activeBorder: 'Left',\n          outerSize,\n        };\n      case 'right':\n        return {\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          outerLeft: -2 * outerSize,\n          innerTop: -outerSize + bordersDelta,\n          innerLeft: -outerSize + 2 * bordersDelta,\n          activeBorder: 'Right',\n          outerSize,\n        };\n      default:\n        throw new Error('Direction must be one of top, right, bottom, left');\n    }\n  }\n\n  private getPinTopCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    switch (align) {\n      case 'top':\n        return pinOffset;\n      case 'middle':\n        return popupRect.height / 2 - pinHeight;\n      case 'bottom':\n        return popupRect.height - pinOffset - 2 * pinHeight;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n\n  private getPinLeftCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    switch (align) {\n      case 'left':\n        return pinOffset;\n      case 'center':\n        return popupRect.width / 2 - pinHeight;\n      case 'right':\n        return popupRect.width - pinOffset - 2 * pinHeight;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["PopupPin.tsx"],"names":["React","PropTypes","PopupHelper","styles","PopupDataTids","borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","render","props","popupElement","options","getPinOptions","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","popupPin","wrapper","getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","width","height","borderWitdth","popupRect","pinSize","pinOffset","bordersDelta","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","Error","pinHeight","Component","__KONTUR_REACT_UI__","displayName","propTypes","string","number","any"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { PopupHelper, PositionObject, Rect } from './PopupHelper';\nimport { styles } from './PopupPin.styles';\nimport { PopupDataTids } from './Popup';\n\nconst borderStyles = {\n  position: 'absolute',\n  borderStyle: 'solid',\n  borderTopColor: 'transparent',\n  borderBottomColor: 'transparent',\n  borderLeftColor: 'transparent',\n  borderRightColor: 'transparent',\n};\n\ninterface Props {\n  backgroundColor: string;\n  borderColor: string;\n  borderWidth: number;\n  offset: number;\n  popupElement: Nullable<Element>;\n  popupPosition: string;\n  size: number;\n}\n\nexport class PopupPin extends React.Component<Props> {\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\n  public static displayName = 'PopupPin';\n\n  public static propTypes = {\n    /**\n     * Цвет фон пина\n     */\n    backgroundColor: PropTypes.string,\n\n    /**\n     * Цвет границы пина\n     */\n    borderColor: PropTypes.string,\n\n    /**\n     * Ширина границы пина\n     */\n    borderWidth: PropTypes.number,\n\n    /**\n     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n     */\n    offset: PropTypes.number,\n\n    /**\n     * Ссылка на попап\n     */\n    popupElement: PropTypes.any,\n\n    /**\n     * Позиция попапа, по которой будет вычислено положение пина\n     */\n    popupPosition: PropTypes.string,\n\n    /**\n     * Сторона пина без учёта границы.\n     * Пин представляет собой равносторонний треугольник, высота от попапа\n     * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n     */\n    size: PropTypes.number,\n  };\n\n  public render() {\n    if (!this.props.popupElement) {\n      return null;\n    }\n\n    const options = this.getPinOptions(\n      PopupHelper.getElementAbsoluteRect(this.props.popupElement),\n      PopupHelper.getPositionObject(this.props.popupPosition),\n      this.props.size,\n      this.props.offset,\n      this.props.borderWidth,\n    );\n\n    const styleOuter: React.CSSProperties = this.getOuterStyle(\n      options.activeBorder,\n      options.outerSize,\n      this.props.borderColor,\n    );\n\n    const styleInner: React.CSSProperties = this.getInnerStyle(\n      options.activeBorder,\n      this.props.size,\n      this.props.backgroundColor,\n    );\n\n    const styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);\n\n    return (\n      <div data-tid={PopupDataTids.popupPin} className={styles.wrapper()} style={styleWrapper}>\n        <div style={styleOuter}>\n          <div style={styleInner} />\n        </div>\n      </div>\n    );\n  }\n\n  private getPopupOppositeDirection(): 'bottom' | 'top' | 'left' | 'right' {\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        throw new TypeError('Unknown direction ' + popupDirection);\n    }\n  }\n\n  private getWrapperStyle(left: number, top: number, borderWidth: number) {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          [direction]: -borderWidth + 'px',\n          left: left + 'px',\n          width: borderWidth * 2 + 'px',\n          height: borderWidth + 'px',\n        };\n      case 'left':\n      case 'right':\n        return {\n          [direction]: -borderWidth + 'px',\n          top: top + 'px',\n          height: borderWidth * 2 + 'px',\n          width: borderWidth + 'px',\n        };\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getOuterStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 'px',\n          left: '0px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      case 'left':\n      case 'right':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 'px',\n          top: '0px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getInnerStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 2 + 'px',\n          left: -borderWitdth + 'px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      case 'left':\n      case 'right':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 2 + 'px',\n          top: -borderWitdth + 'px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getPinOptions(\n    popupRect: Rect,\n    popupPosition: PositionObject,\n    pinSize: number,\n    pinOffset: number,\n    borderWidth: number,\n  ) {\n    const bordersDelta = 2 * borderWidth;\n    const outerSize = pinSize + bordersDelta;\n\n    switch (popupPosition.direction) {\n      case 'top':\n        return {\n          outerTop: popupRect.height,\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          innerTop: -outerSize,\n          innerLeft: -outerSize + bordersDelta,\n          activeBorder: 'Top',\n          outerSize,\n        };\n      case 'bottom':\n        return {\n          outerTop: -2 * outerSize,\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          innerTop: -outerSize + 2 * bordersDelta,\n          innerLeft: -outerSize + bordersDelta,\n          activeBorder: 'Bottom',\n          outerSize,\n        };\n      case 'left':\n        return {\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          outerLeft: popupRect.width,\n          innerTop: -outerSize + bordersDelta,\n          innerLeft: -outerSize,\n          activeBorder: 'Left',\n          outerSize,\n        };\n      case 'right':\n        return {\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          outerLeft: -2 * outerSize,\n          innerTop: -outerSize + bordersDelta,\n          innerLeft: -outerSize + 2 * bordersDelta,\n          activeBorder: 'Right',\n          outerSize,\n        };\n      default:\n        throw new Error('Direction must be one of top, right, bottom, left');\n    }\n  }\n\n  private getPinTopCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    switch (align) {\n      case 'top':\n        return pinOffset;\n      case 'middle':\n        return popupRect.height / 2 - pinHeight;\n      case 'bottom':\n        return popupRect.height - pinOffset - 2 * pinHeight;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n\n  private getPinLeftCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    switch (align) {\n      case 'left':\n        return pinOffset;\n      case 'center':\n        return popupRect.width / 2 - pinHeight;\n      case 'right':\n        return popupRect.width - pinOffset - 2 * pinHeight;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n}\n"]}

package/internal/Popup/PopupPin.styles/PopupPin.styles.js

@@ -2,11 +2,9 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 var _templateObject;
 
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    wrapper: function wrapper() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        overflow: hidden;\n        position: absolute;\n        pointer-events: none;\n      "])));
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  wrapper: function wrapper() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    "])));
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"sources":["PopupPin.styles.ts"],"names":["memoizeStyle","getStyles","emotion","wrapper","css"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,OADW,qBACD;AACR,eAAOD,OAAO,CAACE,GAAf;;;;;AAKD,OAPU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    wrapper() {\n      return emotion.css`\n        overflow: hidden;\n        position: absolute;\n        pointer-events: none;\n      `;\n    },\n  });\n"]}
+{"version":3,"sources":["PopupPin.styles.ts"],"names":["css","memoizeStyle","styles","wrapper"],"mappings":"oHAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,OADiC,qBACvB;AACR,WAAOH,GAAP;;;;;AAKD,GAPgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    `;\n  },\n});\n"]}

package/internal/Popup/PopupPin.styles.d.ts

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

package/internal/PopupMenu/PopupMenu/PopupMenu.js

@@ -5,9 +5,9 @@ var _class, _class2, _temp;
 
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
 import { getRandomID } from "../../../lib/utils";
 import { isKeyArrowVertical, isKeyEnter, isKeyEscape, isKeySpace, someKeys } from "../../../lib/events/keyboard/identifiers";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { Popup, PopupIds } from "../../Popup";
 import { RenderLayer } from "../../RenderLayer";
@@ -16,9 +16,8 @@ import { responsiveLayout } from "../../../components/ResponsiveLayout/decorator
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { Menu } from "../../Menu";
-import { ThemeConsumer, ThemeProvider } from "../../../lib/theming/ThemeContext";
 import { isValidPositions } from "../validatePositions";
-import { getStyles } from "../PopupMenu.styles";
+import { styles } from "../PopupMenu.styles";
 export var PopupMenuType = {
   Dropdown: 'dropdown',
   Tooltip: 'tooltip'
@@ -82,8 +81,6 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_temp = _cla
     };
 
     _this.renderCaption = function () {
-      var styles = getStyles(_this.emotion);
-
       if (typeof _this.props.caption === 'function') {
         var caption = _this.props.caption({
           opened: _this.state.menuVisible,
@@ -214,15 +211,12 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_temp = _cla
   _proto.render = function render() {
     var _this2 = this;
 
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (theme) {
-        return /*#__PURE__*/React.createElement(ThemeProvider, {
-          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());
     });
   };
 
@@ -233,7 +227,6 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_temp = _cla
         popupHasPin = _this$getProps.popupHasPin,
         disableAnimations = _this$getProps.disableAnimations;
 
-    var styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
     }, this.props), /*#__PURE__*/React.createElement(RenderLayer, {

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

@@ -1 +1 @@
-{"version":3,"sources":["PopupMenu.tsx"],"names":["React","globalObject","EmotionConsumer","getRandomID","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","someKeys","ThemeFactory","Popup","PopupIds","RenderLayer","CommonWrapper","responsiveLayout","rootNode","createPropsGetter","Menu","ThemeConsumer","ThemeProvider","isValidPositions","getStyles","PopupMenuType","Dropdown","Tooltip","PopupMenuDataTids","root","caption","Positions","PopupMenu","rootId","getProps","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","refInternalMenu","element","handleOpen","focus","passPropsToCaption","cloneElement","props","popupMenuId","renderCaption","styles","emotion","opened","openMenu","closeMenu","toggleMenu","handleCaptionClick","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","preventDefault","handleKeyDown","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","render","theme","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","popupHasPin","disableAnimations","setRootNode","container","width","children","popupMargin","popupPinOffset","getPositions","isMobileLayout","menuWidth","menuMaxHeight","preventIconsOffset","header","footer","positions","Component","__KONTUR_REACT_UI__","displayName","Type"],"mappings":"2JAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,SAASC,YAAT,QAA6B,0BAA7B;;;AAGA,SAASC,eAAT,QAAgC,2BAAhC;AACA,SAASC,WAAT,QAA4B,iBAA5B;;AAEA;AACEC,kBADF;AAEEC,UAFF;AAGEC,WAHF;AAIEC,UAJF;AAKEC,QALF;AAMO,uCANP;AAOA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,KAAT,EAAgBC,QAAhB,QAAoD,UAApD;AACA,SAASC,WAAT,QAA4B,gBAA5B;;AAEA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,gBAAT,QAAiC,6CAAjC;AACA,SAASC,QAAT,QAAuC,oBAAvC;AACA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,IAAT,QAAgC,SAAhC;AACA,SAASC,aAAT,EAAwBC,aAAxB,QAA6C,gCAA7C;;AAEA,SAASC,gBAAT,QAAiC,qBAAjC;AACA,SAASC,SAAT,QAA0B,oBAA1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,OAAO,IAAMC,aAAa,GAAG;AAC3BC,EAAAA,QAAQ,EAAE,UADiB;AAE3BC,EAAAA,OAAO,EAAE,SAFkB,EAAtB;;;AAKP,OAAO,IAAMC,iBAAiB,GAAG;AAC/BC,EAAAA,IAAI,EAAE,iBADyB;AAE/BC,EAAAA,OAAO,EAAE,oBAFsB,EAA1B;;;AAKP,IAAMC,SAA+B,GAAG;AACtC,UADsC;AAEtC,YAFsC;AAGtC,WAHsC;AAItC,WAJsC;AAKtC,cALsC;AAMtC,cANsC;AAOtC,aAPsC;AAQtC,eARsC;AAStC,cATsC;AAUtC,UAVsC;AAWtC,aAXsC;AAYtC,aAZsC,CAAxC;;;;;;;AAmBA,WAAaC,SAAb,GAFCd,QAED,UADCD,gBACD;;;;;AAKUgB,IAAAA,MALV,GAKmBnB,QAAQ,CAACe,IAAT,GAAgBvB,WAAW,EAL9C;;;;;;;;;AAcU4B,IAAAA,QAdV,GAcqBf,iBAAiB,CAACa,SAAS,CAACG,YAAX,CAdtC;;;;AAkBSC,IAAAA,KAlBT,GAkBiB;AACbC,MAAAA,WAAW,EAAE,KADA;AAEbC,MAAAA,yBAAyB,EAAE,KAFd,EAlBjB;;;AAuBUC,IAAAA,cAvBV,GAuBmD,IAvBnD;AAwBUC,IAAAA,qBAxBV,GAwBsD,IAxBtD;AAyBUC,IAAAA,IAzBV,GAyBiC,IAzBjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GSC,IAAAA,IA1GT,GA0GgB,oBAAY,MAAKC,QAAL,EAAZ,EA1GhB;AA2GSC,IAAAA,KA3GT,GA2GiB,oBAAY,MAAKC,QAAL,EAAZ,EA3GjB;;AA6GUC,IAAAA,eA7GV,GA6G4B,UAACC,OAAD,UAA8B,MAAKN,IAAL,GAAYM,OAA1C,EA7G5B;;AA+GUC,IAAAA,UA/GV,GA+GuB,YAAM;AACzB,UAAI,MAAKP,IAAT,EAAe;AACb,cAAKA,IAAL,CAAUQ,KAAV;AACD;AACF,KAnHH;;AAqHUC,IAAAA,kBArHV,GAqH+B,UAACpB,OAAD,EAA8B;AACzD,UAAI,OAAOA,OAAP,KAAmB,QAAnB,IAA+B,OAAOA,OAAP,KAAmB,QAAtD,EAAgE;AAC9D,eAAOA,OAAP;AACD;;AAED,0BAAO3B,KAAK,CAACgD,YAAN,CAAmBrB,OAAnB,EAAkD;AACvD,kDAAiB,MAAKsB,KAAL,CAAWC,WAA5B,oCAA2C,MAAKpB,MADO;AAEvD,yBAAiB,MAAKG,KAAL,CAAWC,WAAX,GAAyB,MAAzB,GAAkC,OAFI;AAGvD,sBAAc,MAAKe,KAAL,CAAW,YAAX,CAHyC,EAAlD,CAAP;;AAKD,KA/HH;;AAiIUE,IAAAA,aAjIV,GAiI0B,YAAM;AAC5B,UAAMC,MAAM,GAAG/B,SAAS,CAAC,MAAKgC,OAAN,CAAxB;;AAEA,UAAI,OAAO,MAAKJ,KAAL,CAAWtB,OAAlB,KAA8B,UAAlC,EAA8C;AAC5C,YAAMA,OAAO,GAAG,MAAKsB,KAAL,CAAWtB,OAAX,CAAmB;AACjC2B,UAAAA,MAAM,EAAE,MAAKrB,KAAL,CAAWC,WADc;AAEjCqB,UAAAA,QAAQ,EAAE,MAAKf,QAFkB;AAGjCgB,UAAAA,SAAS,EAAE,MAAKd,QAHiB;AAIjCe,UAAAA,UAAU,EAAE,MAAKA,UAJgB,EAAnB,CAAhB;;AAMA;AACE;AACE,wBAAUhC,iBAAiB,CAACE,OAD9B;AAEE,YAAA,SAAS,EAAEyB,MAAM,CAACzB,OAAP,EAFb;AAGE,YAAA,GAAG,EAAE,aAACiB,OAAD,UAAc,MAAKR,cAAL,GAAsBQ,OAApC,EAHP;;AAKG,gBAAKG,kBAAL,CAAwBpB,OAAxB,CALH,CADF;;;AASD;;AAED;AACE;AACE,sBAAUF,iBAAiB,CAACE,OAD9B;AAEE,UAAA,OAAO,EAAE,MAAK+B,kBAFhB;AAGE,UAAA,SAAS,EAAE,MAAKC,oBAHlB;AAIE,UAAA,GAAG,EAAE,aAACf,OAAD,UAAc,MAAKR,cAAL,GAAsBQ,OAApC,EAJP;AAKE,UAAA,SAAS,EAAEQ,MAAM,CAACzB,OAAP,EALb;;AAOG,cAAKoB,kBAAL,CAAwB,MAAKE,KAAL,CAAWtB,OAAnC,CAPH,CADF;;;AAWD,KAjKH;;AAmKUiC,IAAAA,uBAnKV,GAmKoC,oBAAM,MAAKlB,QAAL,EAAN,EAnKpC;;;;;;;;;;;AA8KUF,IAAAA,QA9KV,GA8KqB,UAACL,yBAAD,EAA+C;AAChE,YAAK0B,SAAL;AACA,YAAKC,QAAL;AACE;AACE5B,QAAAA,WAAW,EAAE,IADf;AAEEC,QAAAA,yBAAyB,EAAzBA,yBAFF,EADF;;AAKE,kBAAM;AACJ,cAAK4B,uBAAL,CAA6B,KAA7B;AACD,OAPH;;AASD,KAzLH;;AA2LUrB,IAAAA,QA3LV,GA2LqB,UAACsB,YAAD,EAAkC;AACnD,YAAKF,QAAL;AACE;AACE5B,QAAAA,WAAW,EAAE,KADf;AAEEC,QAAAA,yBAAyB,EAAE,KAF7B,EADF;;AAKE,kBAAM;AACJ,cAAK4B,uBAAL,CAA6B,CAAC,CAACC,YAA/B;AACD,OAPH;;AASD,KArMH;;AAuMUP,IAAAA,UAvMV,GAuMuB,YAAY;AAC/B,YAAKxB,KAAL,CAAWC,WAAX,GAAyB,MAAKQ,QAAL,EAAzB,GAA2C,MAAKF,QAAL,EAA3C;AACD,KAzMH;;AA2MUkB,IAAAA,kBA3MV,GA2M+B,YAAY;AACvC,YAAKD,UAAL;AACD,KA7MH;;AA+MUE,IAAAA,oBA/MV,GA+MiC,UAACM,CAAD,EAA+C;AAC5E,UAAIzD,QAAQ,CAACH,UAAD,EAAaE,UAAb,EAAyBH,kBAAzB,CAAR,CAAqD6D,CAArD,CAAJ,EAA6D;AAC3DA,QAAAA,CAAC,CAACC,cAAF;AACA,cAAK1B,QAAL,CAAc,IAAd;AACD;AACF,KApNH;;AAsNU2B,IAAAA,aAtNV,GAsN0B,UAACF,CAAD,EAAyC;AAC/D,UAAI3D,WAAW,CAAC2D,CAAD,CAAf,EAAoB;AAClB,YAAMD,aAAY,GAAG,IAArB;AACA,cAAKtB,QAAL,CAAcsB,aAAd;AACD;AACF,KA3NH;;AA6NUH,IAAAA,SA7NV,GA6NsB,YAAY;AAC9B,UAAI5D,YAAY,CAACmE,QAAjB,EAA2B;AACzB,cAAK/B,qBAAL,GAA6BpC,YAAY,CAACmE,QAAb,CAAsBC,aAAnD;AACD;AACF,KAjOH;;AAmOUL,IAAAA,YAnOV,GAmOyB,YAAY;AACjC,UAAI,MAAK3B,qBAAT,EAAgC;AAC9B,cAAKA,qBAAL,CAA2BS,KAA3B;AACA,cAAKT,qBAAL,GAA6B,IAA7B;AACD;AACF,KAxOH;;AA0OU0B,IAAAA,uBA1OV,GA0OoC,UAACO,qBAAD,EAA0C;AAC1E,UAAIA,qBAAJ,EAA2B;AACzB,cAAKN,YAAL;AACD;;AAED,UAAI,MAAK/B,KAAL,CAAWC,WAAX,IAA0B,MAAKe,KAAL,CAAWsB,MAAzC,EAAiD;AAC/C,cAAKtB,KAAL,CAAWsB,MAAX;AACD;;AAED,UAAI,CAAC,MAAKtC,KAAL,CAAWC,WAAZ,IAA2B,MAAKe,KAAL,CAAWuB,OAA1C,EAAmD;AACjD,cAAKvB,KAAL,CAAWuB,OAAX;AACD;;AAED,UAAI,OAAO,MAAKvB,KAAL,CAAWwB,iBAAlB,KAAwC,UAA5C,EAAwD;AACtD,cAAKxB,KAAL,CAAWwB,iBAAX,CAA6B,MAAKxC,KAAL,CAAWC,WAAxC,EAAqDoC,qBAArD;AACD;AACF,KA1PH;;AA4PUI,IAAAA,mBA5PV,GA4PgC,UAACC,KAAD,EAAoD;AAChF,UAAIA,KAAK,CAACC,kBAAN,EAAJ,EAAgC;AAC9B;AACD;;AAED,UAAID,KAAK,CAACE,IAAN,KAAe,SAAnB,EAA8B;AAC5BF,QAAAA,KAAK,CAACT,cAAN;AACD;;AAED,UAAMF,YAAY,GAAGW,KAAK,CAACE,IAAN,KAAe,SAApC;AACA,YAAKnC,QAAL,CAAcsB,YAAd;AACD,KAvQH,uDA6BSc,MA7BT,GA6BE,kBAA6B,mBAC3B,oBACE,oBAAC,eAAD,QACG,UAACzB,OAAD,EAAa,CACZ,MAAI,CAACA,OAAL,GAAeA,OAAf,CACA,oBACE,oBAAC,aAAD,QACG,UAAC0B,KAAD,EAAW,CACV,oBACE,oBAAC,aAAD,IACE,KAAK,EAAEtE,YAAY,CAACuE,MAAb,CACL,EACEC,WAAW,EAAEF,KAAK,CAACG,oBADrB,EADK,EAILH,KAJK,CADT,IAQG,MAAI,CAACI,UAAL,EARH,CADF,CAYD,CAdH,CADF,CAkBD,CArBH,CADF,CAyBD,CAvDH,QAyDUA,UAzDV,GAyDE,sBAAqB,4BACnB,qBAA2C,KAAKpD,QAAL,EAA3C,CAAQqD,WAAR,kBAAQA,WAAR,CAAqBC,iBAArB,kBAAqBA,iBAArB,CACA,IAAMjC,MAAM,GAAG/B,SAAS,CAAC,KAAKgC,OAAN,CAAxB,CACA,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKiC,WAAjC,IAAkD,KAAKrC,KAAvD,gBACE,oBAAC,WAAD,IACE,cAAc,EAAE,KAAKW,uBADvB,EAEE,cAAc,EAAE,KAAKA,uBAFvB,EAGE,MAAM,EAAE,KAAK3B,KAAL,CAAWC,WAHrB,iBAKE,6BAAK,YAAUT,iBAAiB,CAACC,IAAjC,EAAuC,SAAS,EAAE0B,MAAM,CAACmC,SAAP,EAAlD,EAAsE,KAAK,EAAE,EAAEC,KAAK,EAAE,KAAKvC,KAAL,CAAWuC,KAApB,EAA7E,IACG,KAAKrC,aAAL,EADH,EAEG,KAAKf,cAAL,IAAuB,KAAKa,KAAL,CAAWwC,QAAlC,iBACC,oBAAC,KAAD,IACE,EAAE,4BAAE,KAAKxC,KAAL,CAAWC,WAAb,qCAA4B,KAAKpB,MADrC,EAEE,aAAa,EAAE,KAAKM,cAFtB,EAGE,MAAM,EAAE,KAAKH,KAAL,CAAWC,WAHrB,EAIE,SAAS,MAJX,EAKE,MAAM,EAAE,KAAKe,KAAL,CAAWyC,WALrB,EAME,MAAM,EAAEN,WANV,EAOE,SAAS,EAAE,KAAKnC,KAAL,CAAW0C,cAPxB,EAQE,SAAS,EAAE,KAAKC,YAAL,EARb,EASE,iBAAiB,EAAEP,iBATrB,EAUE,MAAM,EAAE,KAAKxC,UAVf,EAWE,oBAAoB,EAAE,KAAKH,QAX7B,EAYE,KAAK,EAAE,KAAKmD,cAAL,GAAsB,MAAtB,GAA+B,KAAK5C,KAAL,CAAW6C,SAAX,IAAwB,MAZhE,iBAcE,oBAAC,IAAD,IACE,SAAS,EAAE,KADb,EAEE,SAAS,EAAE,KAAKD,cAAL,GAAsB,MAAtB,GAA+B,KAAK5C,KAAL,CAAW8C,aAAX,IAA4B,MAFxE,EAGE,SAAS,EAAE,KAAK5B,aAHlB,EAIE,WAAW,EAAE,KAAKO,mBAJpB,EAKE,kBAAkB,EAAE,KAAKzB,KAAL,CAAW+C,kBALjC,EAME,eAAe,EAAE,KANnB,EAOE,GAAG,EAAE,KAAKrD,eAPZ,EAQE,wBAAwB,EAAE,KAAKV,KAAL,CAAWE,yBAAX,GAAuC,CAAvC,GAA2C,CAAC,CARxE,EASE,MAAM,EAAE,KAAKc,KAAL,CAAWgD,MATrB,EAUE,MAAM,EAAE,KAAKhD,KAAL,CAAWiD,MAVrB,IAYG,KAAKjD,KAAL,CAAWwC,QAZd,CAdF,CAHJ,CALF,CADF,CADF,CA4CD,CAxGH,QAqKUG,YArKV,GAqKE,wBAAuD,CACrD,IAAMO,SAAS,GAAG,KAAKpE,QAAL,GAAgBoE,SAAlC,CACA,IAAIA,SAAS,IAAI/E,gBAAgB,CAAC+E,SAAD,CAAjC,EAA8C,CAC5C,OAAOA,SAAP,CACD,CAED,OAAOvE,SAAP,CACD,CA5KH,oBAA+B5B,KAAK,CAACoG,SAArC,WACgBC,mBADhB,GACsC,WADtC,UAEgBC,WAFhB,GAE8B,WAF9B,UAOgBtE,YAPhB,GAO6C,EACzCmE,SAAS,EAAEvE,SAD8B,EAEzCiD,IAAI,EAAEvD,aAAa,CAACE,OAFqB,EAGzC4D,WAAW,EAAE,IAH4B,EAIzCC,iBAAiB,EAAE,KAJsB,EAP7C,UAgBgBkB,IAhBhB,GAgBuBjF,aAhBvB","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { getRandomID } from '../../lib/utils';\nimport { HTMLProps } from '../../typings/html';\nimport {\n  isKeyArrowVertical,\n  isKeyEnter,\n  isKeyEscape,\n  isKeySpace,\n  someKeys,\n} from '../../lib/events/keyboard/identifiers';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupIds, PopupPositionsType } from '../Popup';\nimport { RenderLayer } from '../RenderLayer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Menu, MenuProps } from '../Menu';\nimport { ThemeConsumer, ThemeProvider } from '../../lib/theming/ThemeContext';\n\nimport { isValidPositions } from './validatePositions';\nimport { getStyles } from './PopupMenu.styles';\n\nexport interface PopupMenuCaptionProps {\n  opened: boolean;\n  openMenu: (firstItemShouldBeSelected?: boolean) => void;\n  closeMenu: (restoreFocus?: boolean) => void;\n  toggleMenu: () => void;\n}\n\nexport interface PopupMenuProps\n  extends CommonProps,\n    Pick<MenuProps, 'preventIconsOffset'>,\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\ninterface PopupMenuState {\n  menuVisible: boolean;\n  firstItemShouldBeSelected?: boolean;\n}\n\nexport const PopupMenuType = {\n  Dropdown: 'dropdown',\n  Tooltip: 'tooltip',\n} as const;\n\nexport const PopupMenuDataTids = {\n  root: 'PopupMenu__root',\n  caption: 'PopupMenu__caption',\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  private setRootNode!: TSetRootNode;\n  private emotion!: Emotion;\n\n  public render(): JSX.Element {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeConsumer>\n              {(theme) => {\n                return (\n                  <ThemeProvider\n                    value={ThemeFactory.create(\n                      {\n                        menuOffsetY: theme.popupMenuMenuOffsetY,\n                      },\n                      theme,\n                    )}\n                  >\n                    {this.renderMain()}\n                  </ThemeProvider>\n                );\n              }}\n            </ThemeConsumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain() {\n    const { popupHasPin, disableAnimations } = this.getProps();\n    const styles = getStyles(this.emotion);\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                  hasShadow={false}\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.refInternalMenu}\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 refInternalMenu = (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      '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    const styles = getStyles(this.emotion);\n\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      });\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"]}
+{"version":3,"sources":["PopupMenu.tsx"],"names":["React","globalObject","getRandomID","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","someKeys","ThemeContext","ThemeFactory","Popup","PopupIds","RenderLayer","CommonWrapper","responsiveLayout","rootNode","createPropsGetter","Menu","isValidPositions","styles","PopupMenuType","Dropdown","Tooltip","PopupMenuDataTids","root","caption","Positions","PopupMenu","rootId","getProps","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","refInternalMenu","element","handleOpen","focus","passPropsToCaption","cloneElement","props","popupMenuId","renderCaption","opened","openMenu","closeMenu","toggleMenu","handleCaptionClick","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","preventDefault","handleKeyDown","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","render","theme","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","popupHasPin","disableAnimations","setRootNode","container","width","children","popupMargin","popupPinOffset","getPositions","isMobileLayout","menuWidth","menuMaxHeight","preventIconsOffset","header","footer","positions","Component","__KONTUR_REACT_UI__","displayName","Type"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { getRandomID } from '../../lib/utils';\nimport { 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 { Popup, PopupIds, PopupPositionsType } from '../Popup';\nimport { RenderLayer } from '../RenderLayer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Menu, MenuProps } from '../Menu';\n\nimport { isValidPositions } from './validatePositions';\nimport { styles } from './PopupMenu.styles';\n\nexport interface PopupMenuCaptionProps {\n  opened: boolean;\n  openMenu: (firstItemShouldBeSelected?: boolean) => void;\n  closeMenu: (restoreFocus?: boolean) => void;\n  toggleMenu: () => void;\n}\n\nexport interface PopupMenuProps\n  extends CommonProps,\n    Pick<MenuProps, 'preventIconsOffset'>,\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\ninterface PopupMenuState {\n  menuVisible: boolean;\n  firstItemShouldBeSelected?: boolean;\n}\n\nexport const PopupMenuType = {\n  Dropdown: 'dropdown',\n  Tooltip: 'tooltip',\n} as const;\n\nexport const PopupMenuDataTids = {\n  root: 'PopupMenu__root',\n  caption: 'PopupMenu__caption',\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  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                  hasShadow={false}\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.refInternalMenu}\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 refInternalMenu = (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      '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      });\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"]}

package/internal/PopupMenu/PopupMenu.d.ts

@@ -79,7 +79,6 @@ export declare class PopupMenu extends React.Component<PopupMenuProps, PopupMenu
     private savedFocusableElement;
     private menu;
     private setRootNode;
-    private emotion;
     render(): JSX.Element;
     private renderMain;
     open: () => void;

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

@@ -2,14 +2,12 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 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,"sources":["PopupMenu.styles.ts"],"names":["memoizeStyle","getStyles","emotion","caption","css","container"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,OADW,qBACD;AACR,eAAOD,OAAO,CAACE,GAAf;;;;AAID,OANU;AAOXC,MAAAA,SAPW,uBAOC;AACV,eAAOH,OAAO,CAACE,GAAf;;;;AAID,OAZU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/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"]}
+{"version":3,"sources":["PopupMenu.styles.ts"],"names":["css","memoizeStyle","styles","caption","container"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,OADiC,qBACvB;AACR,WAAOH,GAAP;;;;AAID,GANgC;AAOjCI,EAAAA,SAPiC,uBAOrB;AACV,WAAOJ,GAAP;;;;AAID,GAZgC,EAAD,CAA3B","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"]}

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

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

package/internal/ResizeDetector/ResizeDetector/ResizeDetector.js

@@ -1,7 +1,7 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
-import { getStyles } from "../ResizeDetector.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../ResizeDetector.styles";
 export var ResizeDetector = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ResizeDetector, _React$Component);
 
@@ -39,23 +39,18 @@ export var ResizeDetector = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      var _emotion$cx;
-
-      var styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles.root()
-      }, /*#__PURE__*/React.createElement("iframe", {
-        title: "resizeDetector",
-        ref: _this2.iframeRef,
-        className: styles.iframe(),
-        tabIndex: -1
-      }), /*#__PURE__*/React.createElement("div", {
-        className: emotion.cx((_emotion$cx = {}, _emotion$cx[styles.content()] = true, _emotion$cx[styles.fullHeight()] = _this2.props.fullHeight, _emotion$cx))
-      }, _this2.props.children));
-    });
+    var _cx;
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.root()
+    }, /*#__PURE__*/React.createElement("iframe", {
+      title: "resizeDetector",
+      ref: this.iframeRef,
+      className: styles.iframe(),
+      tabIndex: -1
+    }), /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx = {}, _cx[styles.content()] = true, _cx[styles.fullHeight()] = this.props.fullHeight, _cx))
+    }, this.props.children));
   };
 
   return ResizeDetector;

package/internal/ResizeDetector/ResizeDetector/ResizeDetector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ResizeDetector.tsx"],"names":["React","EmotionConsumer","getStyles","ResizeDetector","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","componentDidMount","addEventListener","render","emotion","styles","root","cx","content","fullHeight","children","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,eAAT,QAAgC,2BAAhC;;AAEA,SAASC,SAAT,QAA0B,yBAA1B;;;;;;;AAOA,WAAaC,cAAb;;;;AAIUC,IAAAA,YAJV,GAIwC,IAJxC;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BUC,IAAAA,YA9BV,GA8ByB,UAACC,KAAD,EAAoB;AACzC,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB;AACD;AACF,KAlCH;;AAoCUG,IAAAA,SApCV,GAoCsB,UAACC,MAAD,EAA+B;AACjD,UAAIA,MAAM,IAAIA,MAAM,CAACC,aAArB,EAAoC;AAClC,cAAKP,YAAL,GAAoBM,MAAM,CAACC,aAA3B;AACD;AACF,KAxCH,4DAMSC,iBANT,GAME,6BAA2B,CACzB,IAAI,KAAKR,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkBS,gBAAlB,CAAmC,QAAnC,EAA6C,KAAKR,YAAlD,EACD,CACF,CAVH,QAYSS,MAZT,GAYE,kBAAgB,mBACd,oBACE,oBAAC,eAAD,QACG,UAACC,OAAD,EAAa,iBACZ,IAAMC,MAAM,GAAGd,SAAS,CAACa,OAAD,CAAxB,CACA,oBACE,6BAAK,SAAS,EAAEC,MAAM,CAACC,IAAP,EAAhB,iBACE,gCAAQ,KAAK,EAAC,gBAAd,EAA+B,GAAG,EAAE,MAAI,CAACR,SAAzC,EAAoD,SAAS,EAAEO,MAAM,CAACN,MAAP,EAA/D,EAAgF,QAAQ,EAAE,CAAC,CAA3F,GADF,eAEE,6BAAK,SAAS,EAAEK,OAAO,CAACG,EAAR,gCAAcF,MAAM,CAACG,OAAP,EAAd,IAAiC,IAAjC,cAAwCH,MAAM,CAACI,UAAP,EAAxC,IAA8D,MAAI,CAACb,KAAL,CAAWa,UAAzE,eAAhB,IACG,MAAI,CAACb,KAAL,CAAWc,QADd,CAFF,CADF,CAQD,CAXH,CADF,CAeD,CA5BH,yBAAoCrB,KAAK,CAACsB,SAA1C,EAAanB,c,CACGoB,mB,GAAsB,gB,CADzBpB,c,CAEGqB,W,GAAc,gB","sourcesContent":["import React from 'react';\n\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n  onResize?: (event: UIEvent) => void;\n  fullHeight?: boolean;\n}\n\nexport class ResizeDetector extends React.Component<ResizeDetectorProps> {\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\n  public static displayName = 'ResizeDetector';\n\n  private iframeWindow: Window | null = null;\n\n  public componentDidMount() {\n    if (this.iframeWindow) {\n      this.iframeWindow.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\n          return (\n            <div className={styles.root()}>\n              <iframe title=\"resizeDetector\" ref={this.iframeRef} className={styles.iframe()} tabIndex={-1} />\n              <div className={emotion.cx({ [styles.content()]: true, [styles.fullHeight()]: this.props.fullHeight })}>\n                {this.props.children}\n              </div>\n            </div>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private handleResize = (event: UIEvent) => {\n    if (this.props.onResize) {\n      this.props.onResize(event);\n    }\n  };\n\n  private iframeRef = (iframe: HTMLIFrameElement) => {\n    if (iframe && iframe.contentWindow) {\n      this.iframeWindow = iframe.contentWindow;\n    }\n  };\n}\n"]}
+{"version":3,"sources":["ResizeDetector.tsx"],"names":["React","cx","styles","ResizeDetector","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","componentDidMount","addEventListener","render","root","content","fullHeight","children","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;;;;;;;AAOA,WAAaC,cAAb;;;;AAIUC,IAAAA,YAJV,GAIwC,IAJxC;;;;;;;;;;;;;;;;;;;AAuBUC,IAAAA,YAvBV,GAuByB,UAACC,KAAD,EAAoB;AACzC,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB;AACD;AACF,KA3BH;;AA6BUG,IAAAA,SA7BV,GA6BsB,UAACC,MAAD,EAA+B;AACjD,UAAIA,MAAM,IAAIA,MAAM,CAACC,aAArB,EAAoC;AAClC,cAAKP,YAAL,GAAoBM,MAAM,CAACC,aAA3B;AACD;AACF,KAjCH,4DAMSC,iBANT,GAME,6BAA2B,CACzB,IAAI,KAAKR,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkBS,gBAAlB,CAAmC,QAAnC,EAA6C,KAAKR,YAAlD,EACD,CACF,CAVH,QAYSS,MAZT,GAYE,kBAAgB,SACd,oBACE,6BAAK,SAAS,EAAEZ,MAAM,CAACa,IAAP,EAAhB,iBACE,gCAAQ,KAAK,EAAC,gBAAd,EAA+B,GAAG,EAAE,KAAKN,SAAzC,EAAoD,SAAS,EAAEP,MAAM,CAACQ,MAAP,EAA/D,EAAgF,QAAQ,EAAE,CAAC,CAA3F,GADF,eAEE,6BAAK,SAAS,EAAET,EAAE,gBAAIC,MAAM,CAACc,OAAP,EAAJ,IAAuB,IAAvB,MAA8Bd,MAAM,CAACe,UAAP,EAA9B,IAAoD,KAAKV,KAAL,CAAWU,UAA/D,OAAlB,IACG,KAAKV,KAAL,CAAWW,QADd,CAFF,CADF,CAQD,CArBH,yBAAoClB,KAAK,CAACmB,SAA1C,EAAahB,c,CACGiB,mB,GAAsB,gB,CADzBjB,c,CAEGkB,W,GAAc,gB","sourcesContent":["import React from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n  onResize?: (event: UIEvent) => void;\n  fullHeight?: boolean;\n}\n\nexport class ResizeDetector extends React.Component<ResizeDetectorProps> {\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\n  public static displayName = 'ResizeDetector';\n\n  private iframeWindow: Window | null = null;\n\n  public componentDidMount() {\n    if (this.iframeWindow) {\n      this.iframeWindow.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  public render() {\n    return (\n      <div className={styles.root()}>\n        <iframe title=\"resizeDetector\" ref={this.iframeRef} className={styles.iframe()} tabIndex={-1} />\n        <div className={cx({ [styles.content()]: true, [styles.fullHeight()]: this.props.fullHeight })}>\n          {this.props.children}\n        </div>\n      </div>\n    );\n  }\n\n  private handleResize = (event: UIEvent) => {\n    if (this.props.onResize) {\n      this.props.onResize(event);\n    }\n  };\n\n  private iframeRef = (iframe: HTMLIFrameElement) => {\n    if (iframe && iframe.contentWindow) {\n      this.iframeWindow = iframe.contentWindow;\n    }\n  };\n}\n"]}

package/internal/ResizeDetector/ResizeDetector.styles/ResizeDetector.styles.js

@@ -2,20 +2,18 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        position: relative;\n        height: 100%;\n      "])));
-    },
-    iframe: function iframe() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        margin: 0;\n        border: 0;\n        background: transparent;\n        opacity: 0;\n      "])));
-    },
-    content: function content() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        position: relative;\n      "])));
-    },
-    fullHeight: function fullHeight() {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        height: 100%;\n      "])));
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  root: function root() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      height: 100%;\n    "])));
+  },
+  iframe: function iframe() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n      opacity: 0;\n    "])));
+  },
+  content: function content() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+  },
+  fullHeight: function fullHeight() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n    "])));
+  }
+});

package/internal/ResizeDetector/ResizeDetector.styles/ResizeDetector.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ResizeDetector.styles.ts"],"names":["memoizeStyle","getStyles","emotion","root","css","iframe","content","fullHeight"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,IADW,kBACJ;AACL,eAAOD,OAAO,CAACE,GAAf;;;;AAID,OANU;;AAQXC,MAAAA,MARW,oBAQF;AACP,eAAOH,OAAO,CAACE,GAAf;;;;;;;;;;;;AAYD,OArBU;;AAuBXE,MAAAA,OAvBW,qBAuBD;AACR,eAAOJ,OAAO,CAACE,GAAf;;;AAGD,OA3BU;;AA6BXG,MAAAA,UA7BW,wBA6BE;AACX,eAAOL,OAAO,CAACE,GAAf;;;AAGD,OAjCU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        position: relative;\n        height: 100%;\n      `;\n    },\n\n    iframe() {\n      return emotion.css`\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        margin: 0;\n        border: 0;\n        background: transparent;\n        opacity: 0;\n      `;\n    },\n\n    content() {\n      return emotion.css`\n        position: relative;\n      `;\n    },\n\n    fullHeight() {\n      return emotion.css`\n        height: 100%;\n      `;\n    },\n  });\n"]}
+{"version":3,"sources":["ResizeDetector.styles.ts"],"names":["css","memoizeStyle","styles","root","iframe","content","fullHeight"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;;AAID,GANgC;;AAQjCI,EAAAA,MARiC,oBAQxB;AACP,WAAOJ,GAAP;;;;;;;;;;;;AAYD,GArBgC;;AAuBjCK,EAAAA,OAvBiC,qBAuBvB;AACR,WAAOL,GAAP;;;AAGD,GA3BgC;;AA6BjCM,EAAAA,UA7BiC,wBA6BpB;AACX,WAAON,GAAP;;;AAGD,GAjCgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n      height: 100%;\n    `;\n  },\n\n  iframe() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n      opacity: 0;\n    `;\n  },\n\n  content() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  fullHeight() {\n    return css`\n      height: 100%;\n    `;\n  },\n});\n"]}

package/internal/ResizeDetector/ResizeDetector.styles.d.ts

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

package/internal/TextWidthHelper/TextWidthHelper/TextWidthHelper.js

@@ -1,8 +1,7 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
-import { getStyles } from "../TextWidthHelper.styles";
+import { jsStyles } from "../TextWidthHelper.styles";
 var THIN_SPACE = "\u2009";
 /**
  * Херпер позволяет вычислить размеры блока с текстом
@@ -31,17 +30,12 @@ export var TextWidthHelper = /*#__PURE__*/function (_React$Component) {
   var _proto = TextWidthHelper.prototype;
 
   _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      var styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles.root()
-      }, /*#__PURE__*/React.createElement("div", {
-        className: styles.textContainer(),
-        ref: _this2.elementRef
-      }, _this2.props.text || THIN_SPACE));
-    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.root()
+    }, /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.textContainer(),
+      ref: this.elementRef
+    }, this.props.text || THIN_SPACE));
   };
 
   _proto.getTextWidth = function getTextWidth() {

package/internal/TextWidthHelper/TextWidthHelper/TextWidthHelper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TextWidthHelper.tsx"],"names":["React","getDOMRect","EmotionConsumer","getStyles","THIN_SPACE","TextWidthHelper","element","elementRef","node","render","emotion","styles","root","textContainer","props","text","getTextWidth","width","getTextHeight","height","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,UAAT,QAA2B,0BAA3B;AACA,SAASC,eAAT,QAAgC,2BAAhC;;AAEA,SAASC,SAAT,QAA0B,0BAA1B;;AAEA,IAAMC,UAAU,GAAG,QAAnB;;;;;AAKA;AACA;AACA;AACA,WAAaC,eAAb;AACUC,IAAAA,OADV,GAC2C,IAD3C;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BUC,IAAAA,UA5BV,GA4BuB,UAACC,IAAD,UAA2B,MAAKF,OAAL,GAAeE,IAA1C,EA5BvB,6DAGSC,MAHT,GAGE,kBAAgB,mBACd,oBACE,oBAAC,eAAD,QACG,UAACC,OAAD,EAAa,CACZ,IAAMC,MAAM,GAAGR,SAAS,CAACO,OAAD,CAAxB,CACA,oBACE,6BAAK,SAAS,EAAEC,MAAM,CAACC,IAAP,EAAhB,iBACE,6BAAK,SAAS,EAAED,MAAM,CAACE,aAAP,EAAhB,EAAwC,GAAG,EAAE,MAAI,CAACN,UAAlD,IACG,MAAI,CAACO,KAAL,CAAWC,IAAX,IAAmBX,UADtB,CADF,CADF,CAOD,CAVH,CADF,CAcD,CAlBH,QAoBSY,YApBT,GAoBE,wBAA8B,CAC5B,OAAOf,UAAU,CAAC,KAAKK,OAAN,CAAV,CAAyBW,KAAhC,CACD,CAtBH,QAwBSC,aAxBT,GAwBE,yBAA+B,CAC7B,OAAOjB,UAAU,CAAC,KAAKK,OAAN,CAAV,CAAyBa,MAAhC,CACD,CA1BH,0BAAqCnB,KAAK,CAACoB,SAA3C","sourcesContent":["import React from 'react';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './TextWidthHelper.styles';\n\nconst THIN_SPACE = '\\u2009';\n\ninterface TextWidthHelperProps {\n  text?: string;\n}\n/**\n * Херпер позволяет вычислить размеры блока с текстом\n */\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n  private element: HTMLDivElement | null = null;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\n          return (\n            <div className={styles.root()}>\n              <div className={styles.textContainer()} ref={this.elementRef}>\n                {this.props.text || THIN_SPACE}\n              </div>\n            </div>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  public getTextWidth(): number {\n    return getDOMRect(this.element).width;\n  }\n\n  public getTextHeight(): number {\n    return getDOMRect(this.element).height;\n  }\n\n  private elementRef = (node: HTMLDivElement) => (this.element = node);\n}\n"]}
+{"version":3,"sources":["TextWidthHelper.tsx"],"names":["React","getDOMRect","jsStyles","THIN_SPACE","TextWidthHelper","element","elementRef","node","render","root","textContainer","props","text","getTextWidth","width","getTextHeight","height","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,UAAT,QAA2B,0BAA3B;;AAEA,SAASC,QAAT,QAAyB,0BAAzB;;AAEA,IAAMC,UAAU,GAAG,QAAnB;;;;;AAKA;AACA;AACA;AACA,WAAaC,eAAb;AACUC,IAAAA,OADV,GAC2C,IAD3C;;;;;;;;;;;;;;;;;;;;AAqBUC,IAAAA,UArBV,GAqBuB,UAACC,IAAD,UAA2B,MAAKF,OAAL,GAAeE,IAA1C,EArBvB,6DAGSC,MAHT,GAGE,kBAAgB,CACd,oBACE,6BAAK,SAAS,EAAEN,QAAQ,CAACO,IAAT,EAAhB,iBACE,6BAAK,SAAS,EAAEP,QAAQ,CAACQ,aAAT,EAAhB,EAA0C,GAAG,EAAE,KAAKJ,UAApD,IACG,KAAKK,KAAL,CAAWC,IAAX,IAAmBT,UADtB,CADF,CADF,CAOD,CAXH,QAaSU,YAbT,GAaE,wBAA8B,CAC5B,OAAOZ,UAAU,CAAC,KAAKI,OAAN,CAAV,CAAyBS,KAAhC,CACD,CAfH,QAiBSC,aAjBT,GAiBE,yBAA+B,CAC7B,OAAOd,UAAU,CAAC,KAAKI,OAAN,CAAV,CAAyBW,MAAhC,CACD,CAnBH,0BAAqChB,KAAK,CAACiB,SAA3C","sourcesContent":["import React from 'react';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { jsStyles } from './TextWidthHelper.styles';\n\nconst THIN_SPACE = '\\u2009';\n\ninterface TextWidthHelperProps {\n  text?: string;\n}\n/**\n * Херпер позволяет вычислить размеры блока с текстом\n */\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n  private element: HTMLDivElement | null = null;\n\n  public render() {\n    return (\n      <div className={jsStyles.root()}>\n        <div className={jsStyles.textContainer()} ref={this.elementRef}>\n          {this.props.text || THIN_SPACE}\n        </div>\n      </div>\n    );\n  }\n\n  public getTextWidth(): number {\n    return getDOMRect(this.element).width;\n  }\n\n  public getTextHeight(): number {\n    return getDOMRect(this.element).height;\n  }\n\n  private elementRef = (node: HTMLDivElement) => (this.element = node);\n}\n"]}

package/internal/TextWidthHelper/TextWidthHelper.styles/TextWidthHelper.styles.js

@@ -2,14 +2,13 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 var _templateObject, _templateObject2;
 
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    "])));
-    },
-    textContainer: function textContainer() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      word-break: break-all;\n      white-space: nowrap;\n    "])));
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+var styles = {
+  root: function root() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    "])));
+  },
+  textContainer: function textContainer() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      word-break: break-all;\n      white-space: nowrap;\n    "])));
+  }
+};
+export var jsStyles = memoizeStyle(styles);

package/internal/TextWidthHelper/TextWidthHelper.styles/TextWidthHelper.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TextWidthHelper.styles.ts"],"names":["memoizeStyle","getStyles","emotion","root","css","textContainer"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,IADW,kBACJ;AACL,eAAOD,OAAO,CAACE,GAAf;;;;;;;;;AASD,OAXU;AAYXC,MAAAA,aAZW,2BAYK;AACd,eAAOH,OAAO,CAACE,GAAf;;;;AAID,OAjBU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    `;\n    },\n    textContainer() {\n      return emotion.css`\n      word-break: break-all;\n      white-space: nowrap;\n    `;\n    },\n  });\n"]}
+{"version":3,"sources":["TextWidthHelper.styles.ts"],"names":["css","memoizeStyle","styles","root","textContainer","jsStyles"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;;;;;;;AASD,GAXY;AAYbI,EAAAA,aAZa,2BAYG;AACd,WAAOJ,GAAP;;;;AAID,GAjBY,EAAf;;;AAoBA,OAAO,IAAMK,QAAQ,GAAGJ,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  root() {\n    return css`\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    `;\n  },\n  textContainer() {\n    return css`\n      word-break: break-all;\n      white-space: nowrap;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/internal/TextWidthHelper/TextWidthHelper.styles.d.ts

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