@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

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

@@ -1 +1 @@
-{"version":3,"names":["_globalObject","require","_getDOMRect","getPositionObject","position","x","split","direction","align","getElementAbsoluteRect","element","deltaParentPosition","top","left","rect","_getElementRelativeRect","convertRectToAbsolute","isAbsoluteRectFullyVisible","coordinates","popupRect","windowRelativeRect","_getWindowRelativeRect","windowAbsoluteRect","absoluteRect","height","width","_rectContainsRect","canBecomeFullyVisible","positionName","availableScrollDistances","getDOMRect","right","bottom","_getViewProperty","clientWidth","globalObject","innerWidth","clientHeight","innerHeight","offset","_getAbsoluteOffset","scrollTop","pageYOffset","scrollLeft","pageXOffset","clientTop","clientLeft","outerRect","innerRect","getProperty","_globalObject$documen","_globalObject$documen2","views","document","documentElement","body","map","find","Boolean","PopupHelper","exports","isFullyVisible"],"sources":["PopupHelper.tsx"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { PopupPositionsType } from './Popup';\n\nexport interface Rect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\nexport interface Offset {\n  top: number;\n  left: number;\n}\n\nexport interface PositionObject {\n  direction: string;\n  align: string;\n}\n\nfunction getPositionObject(position: string): PositionObject {\n  const x = position.split(' ');\n\n  return {\n    direction: x[0],\n    align: x[1],\n  };\n}\n\nfunction getElementAbsoluteRect(element: Element, deltaParentPosition: Offset = { top: 0, left: 0 }): Rect {\n  const rect = _getElementRelativeRect(element);\n  rect.top = rect.top - deltaParentPosition.top;\n  rect.left = rect.left - deltaParentPosition.left;\n  return convertRectToAbsolute(rect);\n}\n\nfunction isAbsoluteRectFullyVisible(\n  coordinates: Offset,\n  popupRect: Rect,\n  deltaParentPosition: Offset = { top: 0, left: 0 },\n): boolean {\n  const windowRelativeRect = _getWindowRelativeRect();\n  const windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect);\n  const absoluteRect = {\n    top: coordinates.top + deltaParentPosition.top,\n    left: coordinates.left + deltaParentPosition.left,\n    height: popupRect.height,\n    width: popupRect.width,\n  };\n\n  return _rectContainsRect(windowAbsoluteRect, absoluteRect);\n}\n\n// Can become fully visible by scrolling into viewport\nfunction canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset): boolean {\n  const position = getPositionObject(positionName);\n\n  if (position.direction === 'top') {\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\n    return coordinates.top + availableScrollDistances.top >= 0;\n  }\n\n  if (position.direction === 'left') {\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\n    return coordinates.left + availableScrollDistances.left >= 0;\n  }\n\n  // NOTE: for bottom/right cases browser will always expand document size\n  return true;\n}\n\nfunction _getElementRelativeRect(element: Element) {\n  const rect = getDOMRect(element);\n\n  return {\n    top: rect.top,\n    left: rect.left,\n    width: rect.right - rect.left,\n    height: rect.bottom - rect.top,\n  };\n}\n\nfunction _getWindowRelativeRect(): Rect {\n  return {\n    top: 0,\n    left: 0,\n    width: _getViewProperty((x) => x.clientWidth) || globalObject.innerWidth || 0,\n    height: _getViewProperty((x) => x.clientHeight) || globalObject.innerHeight || 0,\n  };\n}\n\nfunction convertRectToAbsolute(rect: Rect): Rect {\n  const offset = _getAbsoluteOffset();\n\n  return {\n    top: rect.top + offset.top,\n    left: rect.left + offset.left,\n    width: rect.width,\n    height: rect.height,\n  };\n}\n\nfunction _getAbsoluteOffset(): Offset {\n  const scrollTop = globalObject.pageYOffset || _getViewProperty((x) => x.scrollTop);\n  const scrollLeft = globalObject.pageXOffset || _getViewProperty((x) => x.scrollLeft);\n\n  const clientTop = _getViewProperty((x) => x.clientTop);\n  const clientLeft = _getViewProperty((x) => x.clientLeft);\n\n  const top = scrollTop - clientTop;\n  const left = scrollLeft - clientLeft;\n\n  return {\n    top,\n    left,\n  };\n}\n\nfunction _rectContainsRect(outerRect: Rect, innerRect: Rect): boolean {\n  return (\n    innerRect.top > outerRect.top &&\n    innerRect.top + innerRect.height < outerRect.top + outerRect.height &&\n    innerRect.left > outerRect.left &&\n    innerRect.left + innerRect.width < outerRect.left + outerRect.width\n  );\n}\n\nfunction _getViewProperty(getProperty: (e: Element) => number): number {\n  const views = [globalObject.document?.documentElement, globalObject.document?.body];\n  return views.map((x) => x && getProperty(x)).find(Boolean) || 0;\n}\n\nexport const PopupHelper = {\n  getPositionObject,\n  getElementAbsoluteRect,\n  isFullyVisible: isAbsoluteRectFullyVisible,\n  canBecomeFullyVisible,\n  convertRectToAbsolute,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_globalObject","require","_getDOMRect","getPositionObject","position","x","split","direction","align","getElementAbsoluteRect","element","rect","_getElementRelativeRect","convertRectToAbsolute","isAbsoluteRectFullyVisible","coordinates","popupRect","windowRelativeRect","_getWindowRelativeRect","windowAbsoluteRect","absoluteRect","top","left","height","width","_rectContainsRect","canBecomeFullyVisible","positionName","availableScrollDistances","getDOMRect","right","bottom","_getViewProperty","clientWidth","globalObject","innerWidth","clientHeight","innerHeight","offset","_getAbsoluteOffset","scrollTop","pageYOffset","scrollLeft","pageXOffset","clientTop","clientLeft","outerRect","innerRect","getProperty","_globalObject$documen","_globalObject$documen2","views","document","documentElement","body","map","find","Boolean","PopupHelper","exports","isFullyVisible"],"sources":["PopupHelper.tsx"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { PopupPositionsType } from './Popup';\n\nexport interface Rect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\nexport interface Offset {\n  top: number;\n  left: number;\n}\n\nexport interface PositionObject {\n  direction: string;\n  align: string;\n}\n\nfunction getPositionObject(position: string): PositionObject {\n  const x = position.split(' ');\n\n  return {\n    direction: x[0],\n    align: x[1],\n  };\n}\n\nfunction getElementAbsoluteRect(element: Element): Rect {\n  const rect = _getElementRelativeRect(element);\n  return convertRectToAbsolute(rect);\n}\n\nfunction isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean {\n  const windowRelativeRect = _getWindowRelativeRect();\n  const windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect);\n  const absoluteRect = {\n    top: coordinates.top,\n    left: coordinates.left,\n    height: popupRect.height,\n    width: popupRect.width,\n  };\n\n  return _rectContainsRect(windowAbsoluteRect, absoluteRect);\n}\n\n// Can become fully visible by scrolling into viewport\nfunction canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset) {\n  const position = getPositionObject(positionName);\n\n  if (position.direction === 'top') {\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\n    return coordinates.top + availableScrollDistances.top >= 0;\n  }\n\n  if (position.direction === 'left') {\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\n    return coordinates.left + availableScrollDistances.left >= 0;\n  }\n\n  // NOTE: for bottom/right cases browser will always expand document size\n  return true;\n}\n\nfunction _getElementRelativeRect(element: Element) {\n  const rect = getDOMRect(element);\n\n  return {\n    top: rect.top,\n    left: rect.left,\n    width: rect.right - rect.left,\n    height: rect.bottom - rect.top,\n  };\n}\n\nfunction _getWindowRelativeRect(): Rect {\n  return {\n    top: 0,\n    left: 0,\n    width: _getViewProperty((x) => x.clientWidth) || globalObject.innerWidth || 0,\n    height: _getViewProperty((x) => x.clientHeight) || globalObject.innerHeight || 0,\n  };\n}\n\nfunction convertRectToAbsolute(rect: Rect): Rect {\n  const offset = _getAbsoluteOffset();\n\n  return {\n    top: rect.top + offset.top,\n    left: rect.left + offset.left,\n    width: rect.width,\n    height: rect.height,\n  };\n}\n\nfunction _getAbsoluteOffset(): Offset {\n  const scrollTop = globalObject.pageYOffset || _getViewProperty((x) => x.scrollTop);\n  const scrollLeft = globalObject.pageXOffset || _getViewProperty((x) => x.scrollLeft);\n\n  const clientTop = _getViewProperty((x) => x.clientTop);\n  const clientLeft = _getViewProperty((x) => x.clientLeft);\n\n  const top = scrollTop - clientTop;\n  const left = scrollLeft - clientLeft;\n\n  return {\n    top,\n    left,\n  };\n}\n\nfunction _rectContainsRect(outerRect: Rect, innerRect: Rect): boolean {\n  return (\n    innerRect.top > outerRect.top &&\n    innerRect.top + innerRect.height < outerRect.top + outerRect.height &&\n    innerRect.left > outerRect.left &&\n    innerRect.left + innerRect.width < outerRect.left + outerRect.width\n  );\n}\n\nfunction _getViewProperty(getProperty: (e: Element) => number): number {\n  const views = [globalObject.document?.documentElement, globalObject.document?.body];\n  return views.map((x) => x && getProperty(x)).find(Boolean) || 0;\n}\n\nexport const PopupHelper = {\n  getPositionObject,\n  getElementAbsoluteRect,\n  isFullyVisible: isAbsoluteRectFullyVisible,\n  canBecomeFullyVisible,\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/Popup/PopupPin.js

@@ -2,7 +2,6 @@
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _PopupHelper = require("./PopupHelper");
 var _PopupPin2 = require("./PopupPin.styles");
@@ -96,18 +95,12 @@ PopupPin = exports.PopupPin = /*#__PURE__*/function (_React$Component) {function
     );
 
     var styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);
+
     return /*#__PURE__*/(
-      _react.default.createElement(_Emotion.EmotionConsumer, null,
-      function (emotion) {
-        var styles = (0, _PopupPin2.getStyles)(emotion);
-        return /*#__PURE__*/(
-          _react.default.createElement("div", { "data-tid": _Popup.PopupDataTids.popupPin, className: styles.wrapper(), style: styleWrapper }, /*#__PURE__*/
-          _react.default.createElement("div", { style: styleOuter }, /*#__PURE__*/
-          _react.default.createElement("div", { style: styleInner })
-          )
-          ));
-
-      }
+      _react.default.createElement("div", { "data-tid": _Popup.PopupDataTids.popupPin, className: _PopupPin2.styles.wrapper(), style: styleWrapper }, /*#__PURE__*/
+      _react.default.createElement("div", { style: styleOuter }, /*#__PURE__*/
+      _react.default.createElement("div", { style: styleInner })
+      )
       ));
 
   };_proto.

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Emotion","_PopupHelper","_PopupPin2","_Popup","borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","props","popupElement","options","getPinOptions","PopupHelper","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","createElement","EmotionConsumer","emotion","styles","getStyles","PopupDataTids","popupPin","className","wrapper","style","getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","_ref","_ref2","width","height","borderWitdth","_extends2","_extends3","_extends6","_extends4","_extends5","popupRect","pinSize","pinOffset","bordersDelta","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","Error","pinHeight","React","Component","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","string","number","any"],"sources":["PopupPin.tsx"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_PopupHelper","_PopupPin2","_Popup","borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","props","popupElement","options","getPinOptions","PopupHelper","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","createElement","PopupDataTids","popupPin","className","styles","wrapper","style","getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","_ref","_ref2","width","height","borderWitdth","_extends2","_extends3","_extends6","_extends4","_extends5","popupRect","pinSize","pinOffset","bordersDelta","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","Error","pinHeight","React","Component","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","string","number","any"],"sources":["PopupPin.tsx"],"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"],"mappings":"8UAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;;;;AAIA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;;AAEA,IAAMK,YAAY,GAAG;EACnBC,QAAQ,EAAE,UAAU;EACpBC,WAAW,EAAE,OAAO;EACpBC,cAAc,EAAE,aAAa;EAC7BC,iBAAiB,EAAE,aAAa;EAChCC,eAAe,EAAE,aAAa;EAC9BC,gBAAgB,EAAE;AACpB,CAAC,CAAC;;;;;;;;;;;;AAYWC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,0BAAAE,gBAAA,YAAAF,SAAA,UAAAE,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAN,QAAA,EAAAE,gBAAA,MAAAK,MAAA,GAAAP,QAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CZE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,YAAY,EAAE;MAC5B,OAAO,IAAI;IACb;;IAEA,IAAMC,OAAO,GAAG,IAAI,CAACC,aAAa;MAChCC,wBAAW,CAACC,sBAAsB,CAAC,IAAI,CAACL,KAAK,CAACC,YAAY,CAAC;MAC3DG,wBAAW,CAACE,iBAAiB,CAAC,IAAI,CAACN,KAAK,CAACO,aAAa,CAAC;MACvD,IAAI,CAACP,KAAK,CAACQ,IAAI;MACf,IAAI,CAACR,KAAK,CAACS,MAAM;MACjB,IAAI,CAACT,KAAK,CAACU;IACb,CAAC;;IAED,IAAMC,UAA+B,GAAG,IAAI,CAACC,aAAa;MACxDV,OAAO,CAACW,YAAY;MACpBX,OAAO,CAACY,SAAS;MACjB,IAAI,CAACd,KAAK,CAACe;IACb,CAAC;;IAED,IAAMC,UAA+B,GAAG,IAAI,CAACC,aAAa;MACxDf,OAAO,CAACW,YAAY;MACpB,IAAI,CAACb,KAAK,CAACQ,IAAI;MACf,IAAI,CAACR,KAAK,CAACkB;IACb,CAAC;;IAED,IAAMC,YAAY,GAAG,IAAI,CAACC,eAAe,CAAClB,OAAO,CAACmB,SAAS,EAAEnB,OAAO,CAACoB,QAAQ,EAAEpB,OAAO,CAACY,SAAS,CAAC;;IAEjG;MACEtC,MAAA,CAAAoB,OAAA,CAAA2B,aAAA,UAAK,YAAUC,oBAAa,CAACC,QAAS,EAACC,SAAS,EAAEC,iBAAM,CAACC,OAAO,CAAC,CAAE,EAACC,KAAK,EAAEV,YAAa;MACtF3C,MAAA,CAAAoB,OAAA,CAAA2B,aAAA,UAAKM,KAAK,EAAElB,UAAW;MACrBnC,MAAA,CAAAoB,OAAA,CAAA2B,aAAA,UAAKM,KAAK,EAAEb,UAAW,EAAE;MACtB;MACF,CAAC;;EAEV,CAAC,CAAAnB,MAAA;;EAEOiC,yBAAyB,GAAjC,SAAAA,0BAAA,EAAyE;IACvE,IAAMC,cAAc,GAAG3B,wBAAW,CAACE,iBAAiB,CAAC,IAAI,CAACN,KAAK,CAACO,aAAa,CAAC,CAACyB,SAAS;IACxF,QAAQD,cAAc;MACpB,KAAK,KAAK;QACR,OAAO,QAAQ;MACjB,KAAK,QAAQ;QACX,OAAO,KAAK;MACd,KAAK,MAAM;QACT,OAAO,OAAO;MAChB,KAAK,OAAO;QACV,OAAO,MAAM;MACf;QACE,MAAM,IAAIE,SAAS,CAAC,oBAAoB,GAAGF,cAAc,CAAC;IAC9D;EACF,CAAC,CAAAlC,MAAA;;EAEOuB,eAAe,GAAvB,SAAAA,gBAAwBc,IAAY,EAAEC,GAAW,EAAEzB,WAAmB,EAAE,KAAA0B,IAAA,EAAAC,KAAA;IACtE,IAAML,SAAS,GAAG,IAAI,CAACF,yBAAyB,CAAC,CAAC;IAClD,QAAQE,SAAS;MACf,KAAK,KAAK;MACV,KAAK,QAAQ;QACX,OAAAI,IAAA,OAAAA,IAAA;QACGJ,SAAS,IAAG,CAACtB,WAAW,GAAG,IAAI,EAAA0B,IAAA;QAChCF,IAAI,GAAEA,IAAI,GAAG,IAAI,EAAAE,IAAA;QACjBE,KAAK,GAAE5B,WAAW,GAAG,CAAC,GAAG,IAAI,EAAA0B,IAAA;QAC7BG,MAAM,GAAE7B,WAAW,GAAG,IAAI,EAAA0B,IAAA;;MAE9B,KAAK,MAAM;MACX,KAAK,OAAO;QACV,OAAAC,KAAA,OAAAA,KAAA;QACGL,SAAS,IAAG,CAACtB,WAAW,GAAG,IAAI,EAAA2B,KAAA;QAChCF,GAAG,GAAEA,GAAG,GAAG,IAAI,EAAAE,KAAA;QACfE,MAAM,GAAE7B,WAAW,GAAG,CAAC,GAAG,IAAI,EAAA2B,KAAA;QAC9BC,KAAK,GAAE5B,WAAW,GAAG,IAAI,EAAA2B,KAAA;;MAE7B;QACE,MAAM,IAAIJ,SAAS,CAAC,oBAAoB,GAAGD,SAAS,CAAC;IACzD;EACF,CAAC,CAAAnC,MAAA;;EAEOe,aAAa,GAArB,SAAAA,cAAsBC,YAAoB,EAAE2B,YAAoB,EAAEzB,WAAmB,EAAuB,KAAA0B,SAAA,EAAAC,SAAA;IAC1G,IAAMV,SAAS,GAAG,IAAI,CAACF,yBAAyB,CAAC,CAAC;IAClD,QAAQE,SAAS;MACf,KAAK,KAAK;MACV,KAAK,QAAQ;QACX,WAAAW,SAAA,CAAA/C,OAAA;QACKb,YAAY,GAAA0D,SAAA,OAAAA,SAAA;QACdT,SAAS,IAAG,CAACQ,YAAY,GAAG,IAAI,EAAAC,SAAA;QACjCP,IAAI,GAAE,KAAK,EAAAO,SAAA;QACX/B,WAAW,GAAE8B,YAAY,GAAG,IAAI,EAAAC,SAAA;QAC/B,QAAQ,GAAG5B,YAAY,GAAG,OAAO,IAAGE,WAAW,EAAA0B,SAAA;;MAEpD,KAAK,MAAM;MACX,KAAK,OAAO;QACV,WAAAE,SAAA,CAAA/C,OAAA;QACKb,YAAY,GAAA2D,SAAA,OAAAA,SAAA;QACdV,SAAS,IAAG,CAACQ,YAAY,GAAG,IAAI,EAAAE,SAAA;QACjCP,GAAG,GAAE,KAAK,EAAAO,SAAA;QACVhC,WAAW,GAAE8B,YAAY,GAAG,IAAI,EAAAE,SAAA;QAC/B,QAAQ,GAAG7B,YAAY,GAAG,OAAO,IAAGE,WAAW,EAAA2B,SAAA;;MAEpD;QACE,MAAM,IAAIT,SAAS,CAAC,oBAAoB,GAAGD,SAAS,CAAC;IACzD;EACF,CAAC,CAAAnC,MAAA;;EAEOoB,aAAa,GAArB,SAAAA,cAAsBJ,YAAoB,EAAE2B,YAAoB,EAAEzB,WAAmB,EAAuB,KAAA6B,SAAA,EAAAC,SAAA;IAC1G,IAAMb,SAAS,GAAG,IAAI,CAACF,yBAAyB,CAAC,CAAC;IAClD,QAAQE,SAAS;MACf,KAAK,KAAK;MACV,KAAK,QAAQ;QACX,WAAAW,SAAA,CAAA/C,OAAA;QACKb,YAAY,GAAA6D,SAAA,OAAAA,SAAA;QACdZ,SAAS,IAAG,CAACQ,YAAY,GAAG,CAAC,GAAG,IAAI,EAAAI,SAAA;QACrCV,IAAI,GAAE,CAACM,YAAY,GAAG,IAAI,EAAAI,SAAA;QAC1BlC,WAAW,GAAE8B,YAAY,GAAG,IAAI,EAAAI,SAAA;QAC/B,QAAQ,GAAG/B,YAAY,GAAG,OAAO,IAAGE,WAAW,EAAA6B,SAAA;;MAEpD,KAAK,MAAM;MACX,KAAK,OAAO;QACV,WAAAD,SAAA,CAAA/C,OAAA;QACKb,YAAY,GAAA8D,SAAA,OAAAA,SAAA;QACdb,SAAS,IAAG,CAACQ,YAAY,GAAG,CAAC,GAAG,IAAI,EAAAK,SAAA;QACrCV,GAAG,GAAE,CAACK,YAAY,GAAG,IAAI,EAAAK,SAAA;QACzBnC,WAAW,GAAE8B,YAAY,GAAG,IAAI,EAAAK,SAAA;QAC/B,QAAQ,GAAGhC,YAAY,GAAG,OAAO,IAAGE,WAAW,EAAA8B,SAAA;;MAEpD;QACE,MAAM,IAAIZ,SAAS,CAAC,oBAAoB,GAAGD,SAAS,CAAC;IACzD;EACF,CAAC,CAAAnC,MAAA;;EAEOM,aAAa,GAArB,SAAAA;EACE2C,SAAe;EACfvC,aAA6B;EAC7BwC,OAAe;EACfC,SAAiB;EACjBtC,WAAmB;EACnB;IACA,IAAMuC,YAAY,GAAG,CAAC,GAAGvC,WAAW;IACpC,IAAMI,SAAS,GAAGiC,OAAO,GAAGE,YAAY;;IAExC,QAAQ1C,aAAa,CAACyB,SAAS;MAC7B,KAAK,KAAK;QACR,OAAO;UACLV,QAAQ,EAAEwB,SAAS,CAACP,MAAM;UAC1BlB,SAAS,EAAE,IAAI,CAAC6B,oBAAoB,CAACJ,SAAS,EAAEvC,aAAa,CAAC4C,KAAK,EAAEJ,OAAO,EAAEC,SAAS,CAAC,GAAGC,YAAY;UACvGG,QAAQ,EAAE,CAACtC,SAAS;UACpBuC,SAAS,EAAE,CAACvC,SAAS,GAAGmC,YAAY;UACpCpC,YAAY,EAAE,KAAK;UACnBC,SAAS,EAATA;QACF,CAAC;MACH,KAAK,QAAQ;QACX,OAAO;UACLQ,QAAQ,EAAE,CAAC,CAAC,GAAGR,SAAS;UACxBO,SAAS,EAAE,IAAI,CAAC6B,oBAAoB,CAACJ,SAAS,EAAEvC,aAAa,CAAC4C,KAAK,EAAEJ,OAAO,EAAEC,SAAS,CAAC,GAAGC,YAAY;UACvGG,QAAQ,EAAE,CAACtC,SAAS,GAAG,CAAC,GAAGmC,YAAY;UACvCI,SAAS,EAAE,CAACvC,SAAS,GAAGmC,YAAY;UACpCpC,YAAY,EAAE,QAAQ;UACtBC,SAAS,EAATA;QACF,CAAC;MACH,KAAK,MAAM;QACT,OAAO;UACLQ,QAAQ,EAAE,IAAI,CAACgC,mBAAmB,CAACR,SAAS,EAAEvC,aAAa,CAAC4C,KAAK,EAAEJ,OAAO,EAAEC,SAAS,CAAC,GAAGC,YAAY;UACrG5B,SAAS,EAAEyB,SAAS,CAACR,KAAK;UAC1Bc,QAAQ,EAAE,CAACtC,SAAS,GAAGmC,YAAY;UACnCI,SAAS,EAAE,CAACvC,SAAS;UACrBD,YAAY,EAAE,MAAM;UACpBC,SAAS,EAATA;QACF,CAAC;MACH,KAAK,OAAO;QACV,OAAO;UACLQ,QAAQ,EAAE,IAAI,CAACgC,mBAAmB,CAACR,SAAS,EAAEvC,aAAa,CAAC4C,KAAK,EAAEJ,OAAO,EAAEC,SAAS,CAAC,GAAGC,YAAY;UACrG5B,SAAS,EAAE,CAAC,CAAC,GAAGP,SAAS;UACzBsC,QAAQ,EAAE,CAACtC,SAAS,GAAGmC,YAAY;UACnCI,SAAS,EAAE,CAACvC,SAAS,GAAG,CAAC,GAAGmC,YAAY;UACxCpC,YAAY,EAAE,OAAO;UACrBC,SAAS,EAATA;QACF,CAAC;MACH;QACE,MAAM,IAAIyC,KAAK,CAAC,mDAAmD,CAAC;IACxE;EACF,CAAC,CAAA1D,MAAA;;EAEOyD,mBAAmB,GAA3B,SAAAA,oBAA4BR,SAAe,EAAEK,KAAa,EAAEK,SAAiB,EAAER,SAAiB,EAAE;IAChG,QAAQG,KAAK;MACX,KAAK,KAAK;QACR,OAAOH,SAAS;MAClB,KAAK,QAAQ;QACX,OAAOF,SAAS,CAACP,MAAM,GAAG,CAAC,GAAGiB,SAAS;MACzC,KAAK,QAAQ;QACX,OAAOV,SAAS,CAACP,MAAM,GAAGS,SAAS,GAAG,CAAC,GAAGQ,SAAS;MACrD;QACE,MAAM,IAAID,KAAK,wBAAsBJ,KAAK,MAAG,CAAC;IAClD;EACF,CAAC,CAAAtD,MAAA;;EAEOqD,oBAAoB,GAA5B,SAAAA,qBAA6BJ,SAAe,EAAEK,KAAa,EAAEK,SAAiB,EAAER,SAAiB,EAAE;IACjG,QAAQG,KAAK;MACX,KAAK,MAAM;QACT,OAAOH,SAAS;MAClB,KAAK,QAAQ;QACX,OAAOF,SAAS,CAACR,KAAK,GAAG,CAAC,GAAGkB,SAAS;MACxC,KAAK,OAAO;QACV,OAAOV,SAAS,CAACR,KAAK,GAAGU,SAAS,GAAG,CAAC,GAAGQ,SAAS;MACpD;QACE,MAAM,IAAID,KAAK,wBAAsBJ,KAAK,MAAG,CAAC;IAClD;EACF,CAAC,QAAA7D,QAAA,GAvP2BmE,cAAK,CAACC,SAAS,EAAhCpE,QAAQ,CACLqE,mBAAmB,GAAG,UAAU,CADnCrE,QAAQ,CAELsE,WAAW,GAAG,UAAU,CAF3BtE,QAAQ,CAILuE,SAAS,GAAG,EACxB;AACJ;AACA,KACI3C,eAAe,EAAE4C,kBAAS,CAACC,MAAM,EAEjC;AACJ;AACA,KACIhD,WAAW,EAAE+C,kBAAS,CAACC,MAAM,EAE7B;AACJ;AACA,KACIrD,WAAW,EAAEoD,kBAAS,CAACE,MAAM,EAE7B;AACJ;AACA,KACIvD,MAAM,EAAEqD,kBAAS,CAACE,MAAM,EAExB;AACJ;AACA,KACI/D,YAAY,EAAE6D,kBAAS,CAACG,GAAG,EAE3B;AACJ;AACA,KACI1D,aAAa,EAAEuD,kBAAS,CAACC,MAAM,EAE/B;AACJ;AACA;AACA;AACA,KACIvD,IAAI,EAAEsD,kBAAS,CAACE,MAAM,CACxB,CAAC","ignoreList":[]}

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

@@ -1,14 +1,11 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  wrapper: function wrapper() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    "])));
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      wrapper: function wrapper() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        overflow: hidden;\n        position: absolute;\n        pointer-events: none;\n      "])));
 
 
 
-
-      }
-    }));};
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","getStyles","exports","emotion","memoizeStyle","wrapper","css","_taggedTemplateLiteralLoose2","default"],"sources":["PopupPin.styles.ts"],"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"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA;;AAElD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOF,OAAO,CAACG,GAAG,CAAAN,eAAA,KAAAA,eAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;MAKpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","styles","exports","memoizeStyle","wrapper","css","_taggedTemplateLiteralLoose2","default"],"sources":["PopupPin.styles.ts"],"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"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOC,YAAG,EAAAL,eAAA,KAAAA,eAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -3,11 +3,14 @@ import { HTMLProps } from '../../typings/html';
 import { PopupPositionsType } from '../Popup';
 import { CommonProps } from '../CommonWrapper';
 import { MenuProps } from '../Menu';
+export * from './tids';
 export interface PopupMenuCaptionProps {
     opened: boolean;
     openMenu: (firstItemShouldBeSelected?: boolean) => void;
     closeMenu: (restoreFocus?: boolean) => void;
     toggleMenu: () => void;
+    /** @ignore */
+    corners?: React.CSSProperties;
 }
 export interface PopupMenuProps extends CommonProps, Pick<MenuProps, 'preventIconsOffset'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<AriaAttributes, 'aria-label'> {
     children?: React.ReactNode;
@@ -46,6 +49,8 @@ export interface PopupMenuProps extends CommonProps, Pick<MenuProps, 'preventIco
      * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.
      */
     popupMenuId?: HTMLProps['id'];
+    /** @ignore */
+    corners?: React.CSSProperties;
 }
 interface PopupMenuState {
     menuVisible: boolean;
@@ -55,10 +60,6 @@ export declare const PopupMenuType: {
     readonly Dropdown: "dropdown";
     readonly Tooltip: "tooltip";
 };
-export declare const PopupMenuDataTids: {
-    readonly root: "PopupMenu__root";
-    readonly caption: "PopupMenu__caption";
-};
 type DefaultProps = Required<Pick<PopupMenuProps, 'positions' | 'type' | 'popupHasPin' | 'disableAnimations'>>;
 export declare class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {
     static __KONTUR_REACT_UI__: string;
@@ -79,8 +80,6 @@ export declare class PopupMenu extends React.Component<PopupMenuProps, PopupMenu
     private savedFocusableElement;
     private menu;
     private setRootNode;
-    private emotion;
-    private styles;
     render(): JSX.Element;
     private renderMain;
     open: () => void;
@@ -102,4 +101,3 @@ export declare class PopupMenu extends React.Component<PopupMenuProps, PopupMenu
     private handleChangeMenuVisible;
     private handleItemSelection;
 }
-export {};

package/cjs/internal/PopupMenu/PopupMenu.js

@@ -1,8 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PopupMenuType = exports.PopupMenuDataTids = exports.PopupMenu = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;var _exportNames = { PopupMenuType: true, PopupMenu: true };exports.PopupMenuType = exports.PopupMenu = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
-
-var _Emotion = require("../../lib/theming/Emotion");
 var _utils = require("../../lib/utils");
 
 var _identifiers = require("../../lib/events/keyboard/identifiers");
@@ -12,6 +10,7 @@ var _identifiers = require("../../lib/events/keyboard/identifiers");
 
 
 
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
 var _Popup = require("../Popup");
 var _RenderLayer = require("../RenderLayer");
@@ -21,10 +20,17 @@ var _decorator = require("../../components/ResponsiveLayout/decorator");
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _Menu = require("../Menu");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _validatePositions = require("./validatePositions");
-var _PopupMenu2 = require("./PopupMenu.styles");var _class, _PopupMenu;
+var _PopupMenu2 = require("./PopupMenu.styles");
+var _tids = require("./tids");
+
+Object.keys(_tids).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _tids[key]) return;exports[key] = _tids[key];});var _class, _PopupMenu;
+
+
+
+
+
 
 
 
@@ -89,11 +95,6 @@ var PopupMenuType = exports.PopupMenuType = {
   Tooltip: 'tooltip'
 };
 
-var PopupMenuDataTids = exports.PopupMenuDataTids = {
-  root: 'PopupMenu__root',
-  caption: 'PopupMenu__caption'
-};
-
 var Positions = [
 'top left',
 'top center',
@@ -194,20 +195,6 @@ PopupMenu = exports.PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -253,12 +240,14 @@ PopupMenu = exports.PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.
           opened: _this.state.menuVisible,
           openMenu: _this.showMenu,
           closeMenu: _this.hideMenu,
-          toggleMenu: _this.toggleMenu
+          toggleMenu: _this.toggleMenu,
+          corners: _this.props.corners
         });
+
         return /*#__PURE__*/(
           _react.default.createElement("span", {
-            "data-tid": PopupMenuDataTids.caption,
-            className: _this.styles.caption(),
+            "data-tid": _tids.PopupMenuDataTids.caption,
+            className: _PopupMenu2.styles.caption(),
             ref: function ref(element) {return _this.captionWrapper = element;} },
 
           _this.passPropsToCaption(caption)
@@ -268,11 +257,11 @@ PopupMenu = exports.PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.
 
       return /*#__PURE__*/(
         _react.default.createElement("span", {
-          "data-tid": PopupMenuDataTids.caption,
+          "data-tid": _tids.PopupMenuDataTids.caption,
           onClick: _this.handleCaptionClick,
           onKeyDown: _this.handleCaptionKeyDown,
           ref: function ref(element) {return _this.captionWrapper = element;},
-          className: _this.styles.caption() },
+          className: _PopupMenu2.styles.caption() },
 
         _this.passPropsToCaption(_this.props.caption)
         ));
@@ -379,4 +368,4 @@ PopupMenu = exports.PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.
 
       var restoreFocus = event.type === 'keydown';
       _this.hideMenu(restoreFocus);
-    };return _this;}(0, _inheritsLoose2.default)(PopupMenu, _React$Component);var _proto = PopupMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;_this2.styles = (0, _PopupMenu2.getStyles)(_this2.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ menuOffsetY: theme.popupMenuMenuOffsetY }, theme) }, _this2.renderMain());});});};_proto.renderMain = function renderMain() {var _this$props$popupMenu2;var _this$getProps = this.getProps(),popupHasPin = _this$getProps.popupHasPin,disableAnimations = _this$getProps.disableAnimations;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.hideMenuWithoutFocusing, onFocusOutside: this.hideMenuWithoutFocusing, active: this.state.menuVisible }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": PopupMenuDataTids.root, className: this.styles.container(), style: { width: this.props.width } }, this.renderCaption(), this.captionWrapper && this.props.children && /*#__PURE__*/_react.default.createElement(_Popup.Popup, { id: (_this$props$popupMenu2 = this.props.popupMenuId) != null ? _this$props$popupMenu2 : this.rootId, anchorElement: this.captionWrapper, opened: this.state.menuVisible, hasShadow: true, margin: this.props.popupMargin, hasPin: popupHasPin, pinOffset: this.props.popupPinOffset, positions: this.getPositions(), disableAnimations: disableAnimations, onOpen: this.handleOpen, mobileOnCloseRequest: this.hideMenu, width: this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto' }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { maxHeight: this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none', onKeyDown: this.handleKeyDown, onItemClick: this.handleItemSelection, preventIconsOffset: this.props.preventIconsOffset, cyclicSelection: false, ref: this.menuRef, initialSelectedItemIndex: this.state.firstItemShouldBeSelected ? 0 : -1, header: this.props.header, footer: this.props.footer }, this.props.children)))));};_proto.getPositions = function getPositions() {var positions = this.getProps().positions;if (positions && (0, _validatePositions.isValidPositions)(positions)) {return positions;}return Positions;};return PopupMenu;}(_react.default.Component), _PopupMenu.__KONTUR_REACT_UI__ = 'PopupMenu', _PopupMenu.displayName = 'PopupMenu', _PopupMenu.defaultProps = { positions: Positions, type: PopupMenuType.Tooltip, popupHasPin: true, disableAnimations: false }, _PopupMenu.Type = PopupMenuType, _PopupMenu)) || _class) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(PopupMenu, _React$Component);var _proto = PopupMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ menuOffsetY: theme.popupMenuMenuOffsetY }, theme) }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$props$popupMenu2;var _this$getProps = this.getProps(),popupHasPin = _this$getProps.popupHasPin,disableAnimations = _this$getProps.disableAnimations;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.hideMenuWithoutFocusing, onFocusOutside: this.hideMenuWithoutFocusing, active: this.state.menuVisible }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": _tids.PopupMenuDataTids.root, className: _PopupMenu2.styles.container(), style: { width: this.props.width } }, this.renderCaption(), this.captionWrapper && this.props.children && /*#__PURE__*/_react.default.createElement(_Popup.Popup, { id: (_this$props$popupMenu2 = this.props.popupMenuId) != null ? _this$props$popupMenu2 : this.rootId, anchorElement: this.captionWrapper, opened: this.state.menuVisible, hasShadow: true, margin: this.props.popupMargin, hasPin: popupHasPin, pinOffset: this.props.popupPinOffset, positions: this.getPositions(), disableAnimations: disableAnimations, onOpen: this.handleOpen, mobileOnCloseRequest: this.hideMenu, width: this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto' }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { maxHeight: this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none', onKeyDown: this.handleKeyDown, onItemClick: this.handleItemSelection, preventIconsOffset: this.props.preventIconsOffset, cyclicSelection: false, ref: this.menuRef, initialSelectedItemIndex: this.state.firstItemShouldBeSelected ? 0 : -1, header: this.props.header, footer: this.props.footer }, this.props.children)))));};_proto.getPositions = function getPositions() {var positions = this.getProps().positions;if (positions && (0, _validatePositions.isValidPositions)(positions)) {return positions;}return Positions;};return PopupMenu;}(_react.default.Component), _PopupMenu.__KONTUR_REACT_UI__ = 'PopupMenu', _PopupMenu.displayName = 'PopupMenu', _PopupMenu.defaultProps = { positions: Positions, type: PopupMenuType.Tooltip, popupHasPin: true, disableAnimations: false }, _PopupMenu.Type = PopupMenuType, _PopupMenu)) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Emotion","_utils","_identifiers","_ThemeFactory","_Popup","_RenderLayer","_CommonWrapper","_decorator","_rootNode","_createPropsGetter","_Menu","_ThemeContext","_validatePositions","_PopupMenu2","_class","_PopupMenu","PopupMenuType","exports","Dropdown","Tooltip","PopupMenuDataTids","root","caption","Positions","PopupMenu","rootNode","responsiveLayout","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootId","PopupIds","getRandomID","getProps","createPropsGetter","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","menuRef","element","handleOpen","focus","passPropsToCaption","_this$props$popupMenu","React","cloneElement","id","props","popupMenuId","renderCaption","opened","openMenu","closeMenu","toggleMenu","default","createElement","className","styles","ref","onClick","handleCaptionClick","onKeyDown","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","someKeys","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","handleKeyDown","isKeyEscape","globalObject","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","_inheritsLoose2","_proto","prototype","render","_this2","EmotionConsumer","emotion","getStyles","ThemeContext","Consumer","theme","Provider","value","ThemeFactory","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","_this$props$popupMenu2","_this$getProps","popupHasPin","disableAnimations","CommonWrapper","_extends2","rootNodeRef","setRootNode","RenderLayer","onClickOutside","onFocusOutside","active","container","style","width","children","Popup","anchorElement","hasShadow","margin","popupMargin","hasPin","pinOffset","popupPinOffset","positions","getPositions","mobileOnCloseRequest","isMobileLayout","menuWidth","Menu","maxHeight","menuMaxHeight","onItemClick","preventIconsOffset","cyclicSelection","initialSelectedItemIndex","header","footer","isValidPositions","Component","__KONTUR_REACT_UI__","displayName","Type"],"sources":["PopupMenu.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } 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 '../CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Menu, MenuProps } from '../Menu';\nimport { ThemeContext } 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<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\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  private styles!: ReturnType<typeof getStyles>;\n\n  public render(): JSX.Element {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\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      </EmotionConsumer>\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      });\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 (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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_utils","_identifiers","_ThemeContext","_ThemeFactory","_Popup","_RenderLayer","_CommonWrapper","_decorator","_rootNode","_createPropsGetter","_Menu","_validatePositions","_PopupMenu2","_tids","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_class","_PopupMenu","PopupMenuType","Dropdown","Tooltip","Positions","PopupMenu","rootNode","responsiveLayout","_React$Component","_this","_len","arguments","length","args","Array","_key","apply","concat","rootId","PopupIds","root","getRandomID","getProps","createPropsGetter","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","menuRef","element","handleOpen","focus","passPropsToCaption","caption","_this$props$popupMenu","React","cloneElement","id","props","popupMenuId","renderCaption","opened","openMenu","closeMenu","toggleMenu","corners","default","createElement","PopupMenuDataTids","className","styles","ref","onClick","handleCaptionClick","onKeyDown","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","someKeys","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","handleKeyDown","isKeyEscape","globalObject","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","_inheritsLoose2","_proto","render","_this2","ThemeContext","Consumer","theme","Provider","value","ThemeFactory","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","_this$props$popupMenu2","_this$getProps","popupHasPin","disableAnimations","CommonWrapper","_extends2","rootNodeRef","setRootNode","RenderLayer","onClickOutside","onFocusOutside","active","container","style","width","children","Popup","anchorElement","hasShadow","margin","popupMargin","hasPin","pinOffset","popupPinOffset","positions","getPositions","mobileOnCloseRequest","isMobileLayout","menuWidth","Menu","maxHeight","menuMaxHeight","onItemClick","preventIconsOffset","cyclicSelection","initialSelectedItemIndex","header","footer","isValidPositions","Component","__KONTUR_REACT_UI__","displayName","Type"],"sources":["PopupMenu.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } 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 '../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';\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  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  menuOffsetY: theme.popupMenuMenuOffsetY,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { popupHasPin, disableAnimations } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <RenderLayer\n          onClickOutside={this.hideMenuWithoutFocusing}\n          onFocusOutside={this.hideMenuWithoutFocusing}\n          active={this.state.menuVisible}\n        >\n          <div data-tid={PopupMenuDataTids.root} className={styles.container()} style={{ width: this.props.width }}>\n            {this.renderCaption()}\n            {this.captionWrapper && this.props.children && (\n              <Popup\n                id={this.props.popupMenuId ?? this.rootId}\n                anchorElement={this.captionWrapper}\n                opened={this.state.menuVisible}\n                hasShadow\n                margin={this.props.popupMargin}\n                hasPin={popupHasPin}\n                pinOffset={this.props.popupPinOffset}\n                positions={this.getPositions()}\n                disableAnimations={disableAnimations}\n                onOpen={this.handleOpen}\n                mobileOnCloseRequest={this.hideMenu}\n                width={this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto'}\n              >\n                <Menu\n                  maxHeight={this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none'}\n                  onKeyDown={this.handleKeyDown}\n                  onItemClick={this.handleItemSelection}\n                  preventIconsOffset={this.props.preventIconsOffset}\n                  cyclicSelection={false}\n                  ref={this.menuRef}\n                  initialSelectedItemIndex={this.state.firstItemShouldBeSelected ? 0 : -1}\n                  header={this.props.header}\n                  footer={this.props.footer}\n                >\n                  {this.props.children}\n                </Menu>\n              </Popup>\n            )}\n          </div>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => this.showMenu();\n  public close = (): void => this.hideMenu();\n\n  private menuRef = (element: Nullable<Menu>) => (this.menu = element);\n\n  private handleOpen = () => {\n    if (this.menu) {\n      this.menu.focus();\n    }\n  };\n\n  private passPropsToCaption = (caption: React.ReactNode) => {\n    if (typeof caption === 'string' || typeof caption === 'number') {\n      return caption;\n    }\n\n    return React.cloneElement(caption as React.ReactElement, {\n      id: this.props.id,\n      'aria-controls': this.props.popupMenuId ?? this.rootId,\n      'aria-expanded': this.state.menuVisible ? 'true' : 'false',\n      'aria-label': this.props['aria-label'],\n    });\n  };\n\n  private renderCaption = () => {\n    if (typeof this.props.caption === 'function') {\n      const caption = this.props.caption({\n        opened: this.state.menuVisible,\n        openMenu: this.showMenu,\n        closeMenu: this.hideMenu,\n        toggleMenu: this.toggleMenu,\n        corners: this.props.corners,\n      });\n\n      return (\n        <span\n          data-tid={PopupMenuDataTids.caption}\n          className={styles.caption()}\n          ref={(element) => (this.captionWrapper = element)}\n        >\n          {this.passPropsToCaption(caption)}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        data-tid={PopupMenuDataTids.caption}\n        onClick={this.handleCaptionClick}\n        onKeyDown={this.handleCaptionKeyDown}\n        ref={(element) => (this.captionWrapper = element)}\n        className={styles.caption()}\n      >\n        {this.passPropsToCaption(this.props.caption)}\n      </span>\n    );\n  };\n\n  private hideMenuWithoutFocusing = () => this.hideMenu();\n\n  private getPositions(): Readonly<PopupPositionsType[]> {\n    const positions = this.getProps().positions;\n    if (positions && isValidPositions(positions)) {\n      return positions;\n    }\n\n    return Positions;\n  }\n\n  private showMenu = (firstItemShouldBeSelected?: boolean): void => {\n    this.saveFocus();\n    this.setState(\n      {\n        menuVisible: true,\n        firstItemShouldBeSelected,\n      },\n      () => {\n        this.handleChangeMenuVisible(false);\n      },\n    );\n  };\n\n  private hideMenu = (restoreFocus?: boolean): void => {\n    this.setState(\n      {\n        menuVisible: false,\n        firstItemShouldBeSelected: false,\n      },\n      () => {\n        this.handleChangeMenuVisible(!!restoreFocus);\n      },\n    );\n  };\n\n  private toggleMenu = (): void => {\n    this.state.menuVisible ? this.hideMenu() : this.showMenu();\n  };\n\n  private handleCaptionClick = (): void => {\n    this.toggleMenu();\n  };\n\n  private handleCaptionKeyDown = (e: React.KeyboardEvent<HTMLElement>): void => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      this.showMenu(true);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (isKeyEscape(e)) {\n      const restoreFocus = true;\n      this.hideMenu(restoreFocus);\n    }\n  };\n\n  private saveFocus = (): void => {\n    if (globalObject.document) {\n      this.savedFocusableElement = globalObject.document.activeElement as HTMLElement;\n    }\n  };\n\n  private restoreFocus = (): void => {\n    if (this.savedFocusableElement) {\n      this.savedFocusableElement.focus();\n      this.savedFocusableElement = null;\n    }\n  };\n\n  private handleChangeMenuVisible = (focusShouldBeRestored: boolean): void => {\n    if (focusShouldBeRestored) {\n      this.restoreFocus();\n    }\n\n    if (this.state.menuVisible && this.props.onOpen) {\n      this.props.onOpen();\n    }\n\n    if (!this.state.menuVisible && this.props.onClose) {\n      this.props.onClose();\n    }\n\n    if (typeof this.props.onChangeMenuState === 'function') {\n      this.props.onChangeMenuState(this.state.menuVisible, focusShouldBeRestored);\n    }\n  };\n\n  private handleItemSelection = (event: React.SyntheticEvent<HTMLElement>): void => {\n    if (event.isDefaultPrevented()) {\n      return;\n    }\n\n    if (event.type === 'keydown') {\n      event.preventDefault();\n    }\n\n    const restoreFocus = event.type === 'keydown';\n    this.hideMenu(restoreFocus);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

package/cjs/internal/PopupMenu/__creevey__/PopupMenu.creevey.mts

@@ -0,0 +1,37 @@
+import { story, kind, test } from 'creevey';
+
+import { PopupMenuDataTids } from '../tids';
+import { delay } from '../../../lib/delay';
+
+const textAlignmentTests = () => {
+  test('opened', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: `[data-tid~="${PopupMenuDataTids.caption}"]` }))
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'opened');
+  });
+};
+
+kind('PopupMenu', () => {
+  story('WithItems', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } } });
+
+    textAlignmentTests();
+  });
+
+  story('WithItemsWithIcons', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } } });
+
+    textAlignmentTests();
+  });
+
+  story('WithItemsWithIconsWithoutTextAlignment', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } } });
+
+    textAlignmentTests();
+  });
+});

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

@@ -0,0 +1,4 @@
+export declare const PopupMenuDataTids: {
+    readonly root: "PopupMenu__root";
+    readonly caption: "PopupMenu__caption";
+};

package/cjs/internal/PopupMenu/tids.js

@@ -0,0 +1,4 @@
+"use strict";exports.__esModule = true;exports.PopupMenuDataTids = void 0;var PopupMenuDataTids = exports.PopupMenuDataTids = {
+  root: 'PopupMenu__root',
+  caption: 'PopupMenu__caption'
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["PopupMenuDataTids","exports","root","caption"],"sources":["tids.ts"],"sourcesContent":["export const PopupMenuDataTids = {\n  root: 'PopupMenu__root',\n  caption: 'PopupMenu__caption',\n} as const;\n"],"mappings":"0EAAO,IAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,IAAI,EAAE,iBAAiB;EACvBC,OAAO,EAAE;AACX,CAAU","ignoreList":[]}