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

package/cjs/internal/Popup/Popup.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.PopupPositions = exports.PopupIds = exports.PopupDataTids = exports.Popup = exports.DefaultPosition = exports.DUMMY_LOCATION = void 0;var _createForOfIteratorHelperLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelperLoose"));var _extends3 = _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;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.PopupPositions = exports.PopupIds = exports.PopupDataTids = exports.Popup = exports.OldPopupPositions = exports.OldDefaultPosition = exports.DefaultPosition = exports.DUMMY_LOCATION = void 0;var _createForOfIteratorHelperLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelperLoose"));var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _warning = _interopRequireDefault(require("warning"));
@@ -26,6 +26,11 @@ var _InstanceWithAnchorElement = require("../../lib/InstanceWithAnchorElement");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _isInstanceOf = require("../../lib/isInstanceOf");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _featureFlagsContext = require("../../lib/featureFlagsContext");
+
+
+
+
 
 var _PopupPin = require("./PopupPin");
 var _PopupHelper = require("./PopupHelper");
@@ -35,6 +40,21 @@ var POPUP_BORDER_DEFAULT_COLOR = 'transparent';
 var TRANSITION_TIMEOUT = { enter: 0, exit: 200 };
 
 var PopupPositions = [
+'top center',
+'top left',
+'top right',
+'bottom center',
+'bottom left',
+'bottom right',
+'left middle',
+'left top',
+'left bottom',
+'right middle',
+'right top',
+'right bottom'];exports.PopupPositions = PopupPositions;
+
+
+var OldPopupPositions = [
 'top left',
 'top center',
 'top right',
@@ -46,9 +66,12 @@ var PopupPositions = [
 'bottom left',
 'left bottom',
 'left middle',
-'left top'];exports.PopupPositions = PopupPositions;
+'left top'];exports.OldPopupPositions = OldPopupPositions;
+
 
 var DefaultPosition = PopupPositions[0];exports.DefaultPosition = DefaultPosition;
+var OldDefaultPosition = OldPopupPositions[0];exports.OldDefaultPosition = OldDefaultPosition;
+
 
 
 
@@ -122,6 +145,7 @@ var DUMMY_LOCATION = {
 
 
 
+
 
 
 var PopupDataTids = {
@@ -214,6 +238,11 @@ Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
 
 
 
+
+
+
+
+
 
 
 
@@ -229,6 +258,7 @@ Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
 
 
 
+
     locationUpdateId = null;_this.
 
 
@@ -361,6 +391,13 @@ Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
 
 
 
+
+
+
+
+
+
+
 
 
 
@@ -603,7 +640,7 @@ Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
       }
     };return _this;}var _proto = Popup.prototype;_proto.componentDidMount = function componentDidMount() {this.updateLocation();this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);if (!this.hasAnchorElementListeners) {this.addEventListeners(this.anchorElement);}};Popup.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {/**
      * Delaying updateLocation to ensure it happens after props update
-     */if (props.opened) {if (!state.location) {return { location: DUMMY_LOCATION };}} else if (state.location) {return { location: DUMMY_LOCATION };}return state;};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var hadNoLocation = prevState.location === DUMMY_LOCATION;var hasLocation = this.state.location !== DUMMY_LOCATION;var wasClosed = prevProps.opened && !this.props.opened;if (this.isMobileLayout && prevState.location === null && this.state.location === null) {this.setState({ location: DUMMY_LOCATION });}if (this.props.opened && hadNoLocation && hasLocation && this.props.onOpen) {this.props.onOpen();}if (wasClosed && !hasLocation && this.props.onClose) {this.props.onClose();}if (this.props.opened) {this.delayUpdateLocation();}};_proto.componentWillUnmount = function componentWillUnmount() {this.cancelDelayedUpdateLocation();if (this.hasAnchorElementListeners) {this.removeEventListeners(this.anchorElement);}if (this.layoutEventsToken) {this.layoutEventsToken.remove();this.layoutEventsToken = null;}if (this.state.location && this.props.onClose) {this.props.onClose();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};_proto.renderMobile = function renderMobile() {var opened = this.props.opened;var children = this.renderChildren();return children ? /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, { rootNodeRef: this.setRootNode }, /*#__PURE__*/_react.default.createElement(_MobilePopup.MobilePopup, { opened: opened, withoutRenderContainer: true, onCloseRequest: this.props.mobileOnCloseRequest }, this.content(children))) : null;};_proto.renderMain = function renderMain() {var _this3 = this;var location = this.state.location;var anchorElement = this.props.anchorElement;var useWrapper = this.getProps().useWrapper;var anchor = null;if ((0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element)) {this.updateAnchorElement(anchorElement);} else if ( /*#__PURE__*/_react.default.isValidElement(anchorElement)) {anchor = useWrapper ? /*#__PURE__*/_react.default.createElement("span", null, anchorElement) : anchorElement;} else {anchor = /*#__PURE__*/_react.default.createElement("span", null, anchorElement);}var anchorWithRef = anchor && /*#__PURE__*/_react.default.isValidElement(anchor) && (0, _utils.isRefableElement)(anchor) ? /*#__PURE__*/_react.default.cloneElement(anchor, { ref: function ref(instance) {var _anchor;_this3.updateAnchorElement(instance);var originalRef = (_anchor = anchor) == null ? void 0 : _anchor.ref;originalRef && (0, _callChildRef.callChildRef)(originalRef, instance);} }) : null; // we need to get anchor's DOM node
+     */if (props.opened) {if (!state.location) {return { location: DUMMY_LOCATION };}} else if (state.location) {return { location: DUMMY_LOCATION };}return state;};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var hadNoLocation = prevState.location === DUMMY_LOCATION;var hasLocation = this.state.location !== DUMMY_LOCATION;var wasClosed = prevProps.opened && !this.props.opened;if (this.isMobileLayout && prevState.location === null && this.state.location === null) {this.setState({ location: DUMMY_LOCATION });}if (this.props.opened && hadNoLocation && hasLocation && this.props.onOpen) {this.props.onOpen();}if (wasClosed && !hasLocation && this.props.onClose) {this.props.onClose();}if (this.props.opened) {this.delayUpdateLocation();}};_proto.componentWillUnmount = function componentWillUnmount() {this.cancelDelayedUpdateLocation();if (this.hasAnchorElementListeners) {this.removeEventListeners(this.anchorElement);}if (this.layoutEventsToken) {this.layoutEventsToken.remove();this.layoutEventsToken = null;}if (this.state.location && this.props.onClose) {this.props.onClose();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});});};_proto.renderMobile = function renderMobile() {var opened = this.props.opened;var children = this.renderChildren();return children ? /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, { rootNodeRef: this.setRootNode }, /*#__PURE__*/_react.default.createElement(_MobilePopup.MobilePopup, { opened: opened, withoutRenderContainer: true, onCloseRequest: this.props.mobileOnCloseRequest }, this.content(children))) : null;};_proto.renderMain = function renderMain() {var _this3 = this;var location = this.state.location;var anchorElement = this.props.anchorElement;var useWrapper = this.getProps().useWrapper;var anchor = null;if ((0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element)) {this.updateAnchorElement(anchorElement);} else if ( /*#__PURE__*/_react.default.isValidElement(anchorElement)) {anchor = useWrapper ? /*#__PURE__*/_react.default.createElement("span", null, anchorElement) : anchorElement;} else {anchor = /*#__PURE__*/_react.default.createElement("span", null, anchorElement);}var anchorWithRef = anchor && /*#__PURE__*/_react.default.isValidElement(anchor) && (0, _utils.isRefableElement)(anchor) ? /*#__PURE__*/_react.default.cloneElement(anchor, { ref: function ref(instance) {var _anchor;_this3.updateAnchorElement(instance);var originalRef = (_anchor = anchor) == null ? void 0 : _anchor.ref;originalRef && (0, _callChildRef.callChildRef)(originalRef, instance);} }) : null; // we need to get anchor's DOM node
     // so we either set our own ref on it via cloning
     // or relay on findDOMNode (inside getRootNode)
     // which should be called within updateAnchorElement
@@ -630,8 +667,32 @@ Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
 
   };_proto.
 
+  reorderPropsPositionsWithPriorityPos = function reorderPropsPositionsWithPriorityPos() {
+    var positions = this.props.positions ? this.props.positions : PopupPositions;
+    var pos_ = '';
+    if (this.props.pos) {
+      pos_ = this.props.pos;
+    } else {
+      pos_ = positions[0];
+    }
+    var index = positions.findIndex(function (position) {return position.startsWith(pos_);});
+    if (index === -1) {
+      (0, _warning.default)(false, 'Unexpected position ' + pos_ + ' passed to Popup. Expected one of: ' + positions.join(', '));
+      return positions;
+    }
+    return [].concat(positions.slice(index), positions.slice(0, index));
+  };_proto.
+
   getLocation = function getLocation(popupElement, location) {
-    var _this$props3 = this.props,positions = _this$props3.positions,tryPreserveFirstRenderedPosition = _this$props3.tryPreserveFirstRenderedPosition;
+    var _this$getProps3 = this.getProps(),tryPreserveFirstRenderedPosition = _this$getProps3.tryPreserveFirstRenderedPosition;
+    var positions;
+    if (this.featureFlags.popupUnifyPositioning) {
+      positions = this.reorderPropsPositionsWithPriorityPos();
+    } else if (this.props.positions) {
+      positions = this.props.positions;
+    } else {
+      positions = OldPopupPositions;
+    }
     var anchorElement = this.anchorElement;
 
     (0, _warning.default)(
@@ -797,5 +858,7 @@ Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
    * С какой стороны показывать попап и край попапа,
    * на котором будет отображаться пин
    */positions: _propTypes.default.array, /**
+   * Приоритетная позиция попапа
+   */pos: _propTypes.default.string, /**
    * Игнорировать ли события hover/click
    */ignoreHover: _propTypes.default.bool }, _class2.defaultProps = { popupOffset: 0, hasPin: false, hasShadow: false, disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false, ignoreHover: false, width: 'auto' }, _class2.defaultRootNode = null, _temp)) || _class) || _class;exports.Popup = Popup;

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

@@ -1 +1 @@
-{"version":3,"sources":["Popup.tsx"],"names":["POPUP_BORDER_DEFAULT_COLOR","TRANSITION_TIMEOUT","enter","exit","PopupPositions","DefaultPosition","DUMMY_LOCATION","position","coordinates","top","left","PopupDataTids","root","content","contentInner","popupPin","PopupIds","Popup","responsiveLayout","rootNode","getProps","defaultProps","state","location","props","opened","locationUpdateId","refForTransition","React","createRef","hasAnchorElementListeners","rootId","anchorElement","updateAnchorElement","instance","childDomNode","getAnchorElement","removeEventListeners","addEventListeners","handleMouseEnter","event","onMouseEnter","handleMouseLeave","onMouseLeave","handleClick","onClick","handleFocus","onFocus","handleBlur","onBlur","calculateWidth","width","includes","anchorWidth","Math","floor","parseFloat","children","backgroundColor","styles","emotion","theme","refPopupContentElement","resetLocation","cancelDelayedUpdateLocation","setState","element","lastPopupContentElement","handleLayoutEvent","updateLocation","popupContentElement","getLocation","onPositionChange","locationEquals","componentDidMount","layoutEventsToken","LayoutEvents","addListener","getDerivedStateFromProps","componentDidUpdate","prevProps","prevState","hadNoLocation","hasLocation","wasClosed","isMobileLayout","onOpen","onClose","delayUpdateLocation","componentWillUnmount","remove","render","renderMain","renderMobile","renderChildren","setRootNode","mobileOnCloseRequest","useWrapper","anchor","globalObject","Element","isValidElement","anchorWithRef","cloneElement","ref","originalRef","canGetAnchorNode","withoutMobile","renderContent","addEventListener","removeEventListener","maxWidth","hasShadow","disableAnimations","ignoreHover","PopupHelper","getPositionObject","direction","rootStyle","shouldFallbackShadow","isIE11","isEdge","isSafari","Boolean","id","cx","popup","shadow","shadowFallback","popupIgnoreHover","transitionEnter","transitionEnterActive","transitionExit","renderPin","positionName","isDefaultBorderColor","popupBorderColor","pinBorder","pinSize","borderColor","hasPin","parseInt","popupPinSize","getPinOffset","align","popupBackground","requestAnimationFrame","cancelAnimationFrame","x","y","abs","popupElement","positions","tryPreserveFirstRenderedPosition","anchorRect","getElementAbsoluteRect","popupRect","getCoordinates","isFullyVisible","canBecomeVisible","canBecomeFullyVisible","getPinnedPopupOffset","test","anchorSize","height","max","marginFromProps","margin","isNaN","popupMargin","popupOffset","getHorizontalPosition","getVerticalPosition","Error","pinOffset","popupPinOffset","popupPinOffsetY","popupPinOffsetX","Component","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","oneOfType","HTMLElement","node","isRequired","string","func","bool","number","array","isTestEnv","defaultRootNode"],"mappings":"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","sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { Transition } from 'react-transition-group';\nimport warning from 'warning';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { Nullable } from '../../typings/utility-types';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ZIndex } from '../ZIndex';\nimport { RenderContainer } from '../RenderContainer';\nimport { FocusEventType, MouseEventType } from '../../typings/event-types';\nimport { getRandomID, isFunction, isNonNullable, isNullable, isRefableElement, mergeRefs } from '../../lib/utils';\nimport { isEdge, isIE11, isSafari } from '../../lib/client';\nimport { Theme } from '../../lib/theming/Theme';\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { MobilePopup } from '../MobilePopup';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { isInstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { ThemeConsumer } from '../../lib/theming/ThemeContext';\n\nimport { PopupPin } from './PopupPin';\nimport { Offset, PopupHelper, PositionObject, Rect } from './PopupHelper';\nimport { getStyles } from './Popup.styles';\n\nconst POPUP_BORDER_DEFAULT_COLOR = 'transparent';\nconst TRANSITION_TIMEOUT = { enter: 0, exit: 200 };\n\nexport const PopupPositions = [\n  'top left',\n  'top center',\n  'top right',\n  'right top',\n  'right middle',\n  'right bottom',\n  'bottom right',\n  'bottom center',\n  'bottom left',\n  'left bottom',\n  'left middle',\n  'left top',\n] as const;\nexport const DefaultPosition = PopupPositions[0];\n\nexport type PopupPositionsType = typeof PopupPositions[number];\n\nexport const DUMMY_LOCATION: PopupLocation = {\n  position: DefaultPosition,\n  coordinates: {\n    top: -9999,\n    left: -9999,\n  },\n};\n\nexport interface PopupHandlerProps {\n  onMouseEnter?: (event: MouseEventType) => void;\n  onMouseLeave?: (event: MouseEventType) => void;\n  onClick?: (event: MouseEventType) => void;\n  onFocus?: (event: FocusEventType) => void;\n  onBlur?: (event: FocusEventType) => void;\n  onOpen?: () => void;\n  onClose?: () => void;\n}\n\nexport interface PopupProps\n  extends Omit<CommonProps, 'children'>,\n    PopupHandlerProps,\n    Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  anchorElement: React.ReactNode | HTMLElement;\n  backgroundColor?: React.CSSProperties['backgroundColor'];\n  borderColor?: React.CSSProperties['borderColor'];\n  children: React.ReactNode | (() => React.ReactNode);\n  hasPin?: boolean;\n  hasShadow?: boolean;\n  disableAnimations?: boolean;\n  margin?: number;\n  maxWidth?: number | string;\n  opened: boolean;\n  pinOffset?: number;\n  pinSize?: number;\n  popupOffset?: number;\n  positions: Readonly<PopupPositionsType[]>;\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   *\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.\n   */\n  useWrapper?: boolean;\n  ignoreHover?: boolean;\n  width?: React.CSSProperties['width'];\n  /**\n   * При очередном рендере пытаться сохранить первоначальную позицию попапа\n   * (в числе числе, когда он выходит за пределы экрана, но может быть проскролен в него).\n   *\n   * Нужен только для Tooltip. В остальных случаях позиция перестраивается автоматически.\n   * @see https://github.com/skbkontur/retail-ui/pull/1195\n   */\n  tryPreserveFirstRenderedPosition?: boolean;\n  withoutMobile?: boolean;\n  mobileOnCloseRequest?: () => void;\n  /**\n   * Возвращает текущую позицию попапа\n   */\n  onPositionChange?: (pos: PopupPositionsType) => void;\n}\n\ninterface PopupLocation {\n  coordinates: {\n    left: number;\n    top: number;\n  };\n  position: PopupPositionsType;\n}\n\nexport interface PopupState {\n  location: Nullable<PopupLocation>;\n}\n\nexport const PopupDataTids = {\n  root: 'Popup__root',\n  content: 'PopupContent',\n  contentInner: 'PopupContentInner',\n  popupPin: 'PopupPin__root',\n} as const;\n\nexport const PopupIds = {\n  root: PopupDataTids.root,\n};\n\ntype DefaultProps = Required<\n  Pick<\n    PopupProps,\n    'popupOffset' | 'hasPin' | 'hasShadow' | 'disableAnimations' | 'useWrapper' | 'ignoreHover' | 'width'\n  >\n>;\n\n@responsiveLayout\n@rootNode\nexport class Popup extends React.Component<PopupProps, PopupState> {\n  public static __KONTUR_REACT_UI__ = 'Popup';\n  public static displayName = 'Popup';\n\n  public static propTypes = {\n    /**\n     * Ссылка (ref) на элемент или React компонент, для которого рисуется попап\n     */\n    anchorElement: PropTypes.oneOfType([safePropTypesInstanceOf(globalObject.HTMLElement), PropTypes.node]).isRequired,\n\n    /**\n     * Фон попапа и пина\n     */\n    backgroundColor: PropTypes.string,\n\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n    /**\n     * Показывать ли пин\n     */\n    hasPin: PropTypes.bool,\n\n    /**\n     * Применять ли box-shadow на попапе. При false отключает границу на пине\n     */\n    hasShadow: PropTypes.bool,\n\n    /**\n     * Отступ попапа от элемента\n     */\n    margin: PropTypes.number,\n\n    /**\n     * Показан или скрыт попап\n     */\n    opened: PropTypes.bool,\n\n    /**\n     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n     */\n    pinOffset: PropTypes.number,\n\n    /**\n     * Сторона пина без учёта границы.\n     * Пин представляет собой равносторонний треугольник, высота от попапа\n     * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n     */\n    pinSize: PropTypes.number,\n\n    /**\n     * смещение попапа относительно родительского элемента\n     */\n    popupOffset: PropTypes.number,\n\n    /**\n     * С какой стороны показывать попап и край попапа,\n     * на котором будет отображаться пин\n     */\n    positions: PropTypes.array,\n\n    /**\n     * Игнорировать ли события hover/click\n     */\n    ignoreHover: PropTypes.bool,\n  };\n\n  public static defaultProps: DefaultProps = {\n    popupOffset: 0,\n    hasPin: false,\n    hasShadow: false,\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    ignoreHover: false,\n    width: 'auto',\n  };\n\n  private getProps = createPropsGetter(Popup.defaultProps);\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  public state: PopupState = { location: this.props.opened ? DUMMY_LOCATION : null };\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private layoutEventsToken: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n  private locationUpdateId: Nullable<number> = null;\n  private lastPopupContentElement: Nullable<Element>;\n  private isMobileLayout!: boolean;\n  private setRootNode!: TSetRootNode;\n  private refForTransition = React.createRef<HTMLDivElement>();\n  private hasAnchorElementListeners = false;\n  private rootId = PopupIds.root + getRandomID();\n\n  public anchorElement: Nullable<Element> = null;\n\n  public componentDidMount() {\n    this.updateLocation();\n    this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);\n\n    if (!this.hasAnchorElementListeners) {\n      this.addEventListeners(this.anchorElement);\n    }\n  }\n\n  public static getDerivedStateFromProps(props: Readonly<PopupProps>, state: PopupState) {\n    /**\n     * Delaying updateLocation to ensure it happens after props update\n     */\n    if (props.opened) {\n      if (!state.location) {\n        return { location: DUMMY_LOCATION };\n      }\n    } else if (state.location) {\n      return { location: DUMMY_LOCATION };\n    }\n    return state;\n  }\n\n  public componentDidUpdate(prevProps: PopupProps, prevState: PopupState) {\n    const hadNoLocation = prevState.location === DUMMY_LOCATION;\n    const hasLocation = this.state.location !== DUMMY_LOCATION;\n    const wasClosed = prevProps.opened && !this.props.opened;\n\n    if (this.isMobileLayout && prevState.location === null && this.state.location === null) {\n      this.setState({ location: DUMMY_LOCATION });\n    }\n\n    if (this.props.opened && hadNoLocation && hasLocation && this.props.onOpen) {\n      this.props.onOpen();\n    }\n    if (wasClosed && !hasLocation && this.props.onClose) {\n      this.props.onClose();\n    }\n    if (this.props.opened) {\n      this.delayUpdateLocation();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.cancelDelayedUpdateLocation();\n    if (this.hasAnchorElementListeners) {\n      this.removeEventListeners(this.anchorElement);\n    }\n    if (this.layoutEventsToken) {\n      this.layoutEventsToken.remove();\n      this.layoutEventsToken = null;\n    }\n    if (this.state.location && this.props.onClose) {\n      this.props.onClose();\n    }\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeConsumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeConsumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMobile() {\n    const { opened } = this.props;\n    const children = this.renderChildren();\n\n    return children ? (\n      <CommonWrapper rootNodeRef={this.setRootNode}>\n        <MobilePopup opened={opened} withoutRenderContainer onCloseRequest={this.props.mobileOnCloseRequest}>\n          {this.content(children)}\n        </MobilePopup>\n      </CommonWrapper>\n    ) : null;\n  }\n\n  private renderMain() {\n    const { location } = this.state;\n    const { anchorElement } = this.props;\n    const useWrapper = this.getProps().useWrapper;\n\n    let anchor: Nullable<React.ReactNode> = null;\n    if (isInstanceOf(anchorElement, globalObject.Element)) {\n      this.updateAnchorElement(anchorElement);\n    } else if (React.isValidElement(anchorElement)) {\n      anchor = useWrapper ? <span>{anchorElement}</span> : anchorElement;\n    } else {\n      anchor = <span>{anchorElement}</span>;\n    }\n\n    const anchorWithRef =\n      anchor && React.isValidElement(anchor) && isRefableElement(anchor)\n        ? React.cloneElement(anchor, {\n            ref: (instance: Nullable<React.ReactInstance>) => {\n              this.updateAnchorElement(instance);\n              const originalRef = (anchor as React.RefAttributes<any>)?.ref;\n              originalRef && callChildRef(originalRef, instance);\n            },\n          })\n        : null;\n\n    // we need to get anchor's DOM node\n    // so we either set our own ref on it via cloning\n    // or relay on findDOMNode (inside getRootNode)\n    // which should be called within updateAnchorElement\n    // in the case when the anchor is not refable\n\n    const canGetAnchorNode = !!anchorWithRef || isInstanceOf(anchorElement, globalObject.Element);\n\n    return (\n      <RenderContainer anchor={anchorWithRef || anchor} ref={canGetAnchorNode ? null : this.updateAnchorElement}>\n        {this.isMobileLayout && !this.props.withoutMobile\n          ? this.renderMobile()\n          : location && this.renderContent(location)}\n      </RenderContainer>\n    );\n  }\n\n  private updateAnchorElement = (instance: Nullable<React.ReactInstance>) => {\n    const childDomNode = isInstanceWithAnchorElement(instance) ? instance.getAnchorElement() : getRootNode(instance);\n    const anchorElement = this.anchorElement;\n\n    if (childDomNode !== anchorElement) {\n      this.removeEventListeners(anchorElement);\n      this.anchorElement = childDomNode;\n      this.addEventListeners(childDomNode);\n    }\n  };\n\n  private addEventListeners(element: Nullable<Element>) {\n    if (element && isInstanceOf(element, globalObject.Element)) {\n      // @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657\n      element.addEventListener('mouseenter', this.handleMouseEnter);\n      // @ts-expect-error: See the comment above\n      element.addEventListener('mouseleave', this.handleMouseLeave);\n      // @ts-expect-error: See the comment above\n      element.addEventListener('click', this.handleClick);\n      element.addEventListener('focusin', this.handleFocus as EventListener);\n      element.addEventListener('focusout', this.handleBlur as EventListener);\n\n      this.hasAnchorElementListeners = true;\n    }\n  }\n\n  private removeEventListeners(element: Nullable<Element>) {\n    if (element && isInstanceOf(element, globalObject.Element)) {\n      // @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657\n      element.removeEventListener('mouseenter', this.handleMouseEnter);\n      // @ts-expect-error: See the comment above\n      element.removeEventListener('mouseleave', this.handleMouseLeave);\n      // @ts-expect-error: See the comment above\n      element.removeEventListener('click', this.handleClick);\n      element.removeEventListener('focusin', this.handleFocus as EventListener);\n      element.removeEventListener('focusout', this.handleBlur as EventListener);\n\n      this.hasAnchorElementListeners = false;\n    }\n  }\n\n  private handleMouseEnter = (event: MouseEventType) => {\n    if (this.props.onMouseEnter) {\n      this.props.onMouseEnter(event);\n    }\n  };\n\n  private handleMouseLeave = (event: MouseEventType) => {\n    if (this.props.onMouseLeave) {\n      this.props.onMouseLeave(event);\n    }\n  };\n\n  private handleClick = (event: MouseEventType) => {\n    if (this.props.onClick) {\n      this.props.onClick(event);\n    }\n  };\n\n  private handleFocus = (event: FocusEventType) => {\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: FocusEventType) => {\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private calculateWidth = (width: PopupProps['width']) => {\n    if (typeof width === 'string' && width.includes('%')) {\n      const anchorWidth = Math.floor(getDOMRect(this.anchorElement).width);\n      return this.anchorElement ? (anchorWidth * parseFloat(width)) / 100 : 0;\n    }\n    return width;\n  };\n\n  private content = (children: React.ReactNode) => {\n    const { backgroundColor } = this.props;\n    const width = this.getProps().width;\n    const styles = getStyles(this.emotion);\n\n    return (\n      <div\n        className={styles.content(this.theme)}\n        data-tid={PopupDataTids.content}\n        ref={mergeRefs([this.refForTransition, this.refPopupContentElement])}\n      >\n        <div\n          className={styles.contentInner(this.theme)}\n          style={{ backgroundColor, width: this.calculateWidth(width) }}\n          data-tid={PopupDataTids.contentInner}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  };\n\n  private renderContent(location: PopupLocation) {\n    const { maxWidth, opened } = this.props;\n    const { hasShadow, disableAnimations, ignoreHover } = this.getProps();\n    const children = this.renderChildren();\n\n    const { direction } = PopupHelper.getPositionObject(location.position);\n    const rootStyle: React.CSSProperties = { ...location.coordinates, maxWidth };\n\n    const shouldFallbackShadow = isIE11 || isEdge || isSafari;\n    const styles = getStyles(this.emotion);\n\n    return (\n      <Transition\n        timeout={TRANSITION_TIMEOUT}\n        appear={!disableAnimations}\n        in={Boolean(opened && children)}\n        mountOnEnter\n        unmountOnExit\n        enter={!disableAnimations}\n        exit={!disableAnimations}\n        onExited={this.resetLocation}\n        nodeRef={this.refForTransition}\n      >\n        {(state: string) => (\n          <CommonWrapper {...this.props} rootNodeRef={this.setRootNode}>\n            <ZIndex\n              id={this.props.id ?? this.rootId}\n              data-tid={PopupDataTids.root}\n              priority={'Popup'}\n              className={this.emotion.cx({\n                [styles.popup(this.theme)]: true,\n                [styles.shadow(this.theme)]: hasShadow && !shouldFallbackShadow,\n                [styles.shadowFallback(this.theme)]: hasShadow && shouldFallbackShadow,\n                [styles.popupIgnoreHover()]: ignoreHover,\n                ...(disableAnimations\n                  ? {}\n                  : {\n                      [styles[`transition-enter-${direction}` as keyof typeof styles](this.theme)]: true,\n                      [styles.transitionEnter()]: state === 'entering',\n                      [styles.transitionEnterActive()]: state === 'entered',\n                      [styles.transitionExit()]: state === 'exiting',\n                    }),\n              })}\n              style={rootStyle}\n              onMouseEnter={this.handleMouseEnter}\n              onMouseLeave={this.handleMouseLeave}\n            >\n              {this.content(children)}\n              {(!this.isMobileLayout || this.props.withoutMobile) && this.renderPin(location.position)}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </Transition>\n    );\n  }\n\n  private resetLocation = () => {\n    this.cancelDelayedUpdateLocation();\n    this.state.location !== null && this.setState({ location: null });\n  };\n\n  private renderChildren() {\n    return isFunction(this.props.children) ? this.props.children() : this.props.children;\n  }\n\n  private refPopupContentElement = (element: Nullable<Element>) => {\n    this.lastPopupContentElement = element;\n  };\n\n  private renderPin(positionName: string): React.ReactNode {\n    /**\n     * Box-shadow does not appear under the pin. Borders are used instead.\n     * In non-ie browsers drop-shadow filter is used. It is applying\n     * shadow to the pin too.\n     */\n    const isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;\n    const pinBorder = isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;\n\n    const { pinSize, backgroundColor, borderColor } = this.props;\n    const { hasShadow, hasPin } = this.getProps();\n    const position = PopupHelper.getPositionObject(positionName);\n\n    return (\n      hasPin && (\n        <PopupPin\n          popupElement={this.lastPopupContentElement}\n          popupPosition={positionName}\n          size={pinSize || parseInt(this.theme.popupPinSize)}\n          offset={this.getPinOffset(position.align)}\n          borderWidth={hasShadow ? 1 : 0}\n          backgroundColor={backgroundColor || this.theme.popupBackground}\n          borderColor={borderColor || pinBorder}\n        />\n      )\n    );\n  }\n\n  private handleLayoutEvent = () => {\n    if (!this.state.location) {\n      return;\n    }\n    this.updateLocation();\n  };\n\n  private delayUpdateLocation() {\n    this.cancelDelayedUpdateLocation();\n    this.locationUpdateId = globalObject.requestAnimationFrame?.(this.updateLocation);\n  }\n\n  private cancelDelayedUpdateLocation() {\n    if (this.locationUpdateId) {\n      globalObject.cancelAnimationFrame?.(this.locationUpdateId);\n      this.locationUpdateId = null;\n    }\n  }\n\n  private updateLocation = () => {\n    const popupContentElement = this.lastPopupContentElement;\n\n    if (!popupContentElement) {\n      return;\n    }\n\n    const location = this.getLocation(popupContentElement, this.state.location);\n    if (location) {\n      this.props.onPositionChange?.(location?.position);\n    }\n\n    if (!this.locationEquals(this.state.location, location)) {\n      this.setState({ location });\n    }\n  };\n\n  private locationEquals(x: Nullable<PopupLocation>, y: Nullable<PopupLocation>) {\n    if (x === y) {\n      return true;\n    }\n\n    if (isNullable(x) || isNullable(y)) {\n      return false;\n    }\n\n    if (!isIE11 && !isEdge) {\n      return (\n        x.coordinates.left === y.coordinates.left &&\n        x.coordinates.top === y.coordinates.top &&\n        x.position === y.position\n      );\n    }\n\n    // Для ie/edge обновляем позицию только при разнице минимум в 1. Иначе есть вероятность\n    // уйти в бесконечный ререндер\n\n    return (\n      x.position === y.position &&\n      Math.abs(x.coordinates.top - y.coordinates.top) <= 1 &&\n      Math.abs(x.coordinates.left - y.coordinates.left) <= 1\n    );\n  }\n\n  private getLocation(popupElement: Element, location?: Nullable<PopupLocation>) {\n    const { positions, tryPreserveFirstRenderedPosition } = this.props;\n    const anchorElement = this.anchorElement;\n\n    warning(\n      anchorElement && isInstanceOf(anchorElement, globalObject.Element),\n      'Anchor element is not defined or not instance of Element',\n    );\n\n    if (!(anchorElement && isInstanceOf(anchorElement, globalObject.Element))) {\n      return location;\n    }\n\n    const anchorRect = PopupHelper.getElementAbsoluteRect(anchorElement);\n    const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\n\n    let position: PopupPositionsType;\n    let coordinates: Offset;\n\n    if (location && location !== DUMMY_LOCATION && location.position) {\n      position = location.position;\n      coordinates = this.getCoordinates(anchorRect, popupRect, position);\n\n      const isFullyVisible = PopupHelper.isFullyVisible(coordinates, popupRect);\n      const canBecomeVisible = !isFullyVisible && PopupHelper.canBecomeFullyVisible(position, coordinates);\n\n      if (\n        // если нужно сохранить первоначальную позицию и Попап целиком\n        // находится в пределах вьюпорта (или может быть проскроллен в него)\n        (tryPreserveFirstRenderedPosition && (isFullyVisible || canBecomeVisible)) ||\n        // если Попап целиком во вьюпорте и в самой приоритетной позиции\n        // (иначе нужно попытаться позицию сменить)\n        (isFullyVisible && position === positions[0])\n      ) {\n        // сохраняем текущую позицию\n        return { coordinates, position };\n      }\n    }\n\n    for (position of positions) {\n      coordinates = this.getCoordinates(anchorRect, popupRect, position);\n      if (PopupHelper.isFullyVisible(coordinates, popupRect)) {\n        return { coordinates, position };\n      }\n    }\n\n    position = positions[0];\n    coordinates = this.getCoordinates(anchorRect, popupRect, position);\n    return { coordinates, position };\n  }\n\n  private getPinnedPopupOffset(anchorRect: Rect, position: PositionObject) {\n    if (!this.getProps().hasPin || /center|middle/.test(position.align)) {\n      return 0;\n    }\n\n    const anchorSize = /top|bottom/.test(position.direction) ? anchorRect.width : anchorRect.height;\n\n    const { pinSize } = this.props;\n\n    return Math.max(\n      0,\n      this.getPinOffset(position.align) + (pinSize || parseInt(this.theme.popupPinSize)) - anchorSize / 2,\n    );\n  }\n\n  private getCoordinates(anchorRect: Rect, popupRect: Rect, positionName: string) {\n    const { margin: marginFromProps } = this.props;\n    const margin =\n      isNonNullable(marginFromProps) && !isNaN(marginFromProps)\n        ? marginFromProps\n        : parseInt(this.theme.popupMargin) || 0;\n    const position = PopupHelper.getPositionObject(positionName);\n    const popupOffset = this.getProps().popupOffset + this.getPinnedPopupOffset(anchorRect, position);\n\n    switch (position.direction) {\n      case 'top':\n        return {\n          top: anchorRect.top - popupRect.height - margin,\n          left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\n        };\n      case 'bottom':\n        return {\n          top: anchorRect.top + anchorRect.height + margin,\n          left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\n        };\n      case 'left':\n        return {\n          top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),\n          left: anchorRect.left - popupRect.width - margin,\n        };\n      case 'right':\n        return {\n          top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),\n          left: anchorRect.left + anchorRect.width + margin,\n        };\n      default:\n        throw new Error(`Unexpected direction '${position.direction}'`);\n    }\n  }\n\n  private getPinOffset(align: string) {\n    const { pinOffset } = this.props;\n\n    switch (align) {\n      case 'top':\n      case 'bottom':\n        return pinOffset || parseInt(this.theme.popupPinOffset) || parseInt(this.theme.popupPinOffsetY);\n      case 'left':\n      case 'right':\n        return pinOffset || parseInt(this.theme.popupPinOffset) || parseInt(this.theme.popupPinOffsetX);\n      case 'center':\n      case 'middle':\n        return 0;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n\n  private getHorizontalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\n    switch (align) {\n      case 'left':\n        return anchorRect.left - popupOffset;\n      case 'center':\n        return anchorRect.left - (popupRect.width - anchorRect.width) / 2;\n      case 'right':\n        return anchorRect.left - (popupRect.width - anchorRect.width) + popupOffset;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n\n  private getVerticalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\n    switch (align) {\n      case 'top':\n        return anchorRect.top - popupOffset;\n      case 'middle':\n        return anchorRect.top - (popupRect.height - anchorRect.height) / 2;\n      case 'bottom':\n        return anchorRect.top - (popupRect.height - anchorRect.height) + popupOffset;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["Popup.tsx"],"names":["POPUP_BORDER_DEFAULT_COLOR","TRANSITION_TIMEOUT","enter","exit","PopupPositions","OldPopupPositions","DefaultPosition","OldDefaultPosition","DUMMY_LOCATION","position","coordinates","top","left","PopupDataTids","root","content","contentInner","popupPin","PopupIds","Popup","responsiveLayout","rootNode","getProps","defaultProps","state","location","props","opened","locationUpdateId","refForTransition","React","createRef","hasAnchorElementListeners","rootId","anchorElement","updateAnchorElement","instance","childDomNode","getAnchorElement","removeEventListeners","addEventListeners","handleMouseEnter","event","onMouseEnter","handleMouseLeave","onMouseLeave","handleClick","onClick","handleFocus","onFocus","handleBlur","onBlur","calculateWidth","width","includes","anchorWidth","Math","floor","parseFloat","children","backgroundColor","styles","emotion","theme","refPopupContentElement","resetLocation","cancelDelayedUpdateLocation","setState","element","lastPopupContentElement","handleLayoutEvent","updateLocation","popupContentElement","getLocation","onPositionChange","locationEquals","componentDidMount","layoutEventsToken","LayoutEvents","addListener","getDerivedStateFromProps","componentDidUpdate","prevProps","prevState","hadNoLocation","hasLocation","wasClosed","isMobileLayout","onOpen","onClose","delayUpdateLocation","componentWillUnmount","remove","render","flags","featureFlags","renderMain","renderMobile","renderChildren","setRootNode","mobileOnCloseRequest","useWrapper","anchor","globalObject","Element","isValidElement","anchorWithRef","cloneElement","ref","originalRef","canGetAnchorNode","withoutMobile","renderContent","addEventListener","removeEventListener","maxWidth","hasShadow","disableAnimations","ignoreHover","PopupHelper","getPositionObject","direction","rootStyle","shouldFallbackShadow","isIE11","isEdge","isSafari","Boolean","id","cx","popup","shadow","shadowFallback","popupIgnoreHover","transitionEnter","transitionEnterActive","transitionExit","renderPin","positionName","isDefaultBorderColor","popupBorderColor","pinBorder","pinSize","borderColor","hasPin","parseInt","popupPinSize","getPinOffset","align","popupBackground","requestAnimationFrame","cancelAnimationFrame","x","y","abs","reorderPropsPositionsWithPriorityPos","positions","pos_","pos","index","findIndex","startsWith","join","slice","popupElement","tryPreserveFirstRenderedPosition","popupUnifyPositioning","anchorRect","getElementAbsoluteRect","popupRect","getCoordinates","isFullyVisible","canBecomeVisible","canBecomeFullyVisible","getPinnedPopupOffset","test","anchorSize","height","max","marginFromProps","margin","isNaN","popupMargin","popupOffset","getHorizontalPosition","getVerticalPosition","Error","pinOffset","popupPinOffset","popupPinOffsetY","popupPinOffsetX","Component","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","oneOfType","HTMLElement","node","isRequired","string","func","bool","number","array","isTestEnv","defaultRootNode"],"mappings":"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","sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { Transition } from 'react-transition-group';\nimport warning from 'warning';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { Nullable } from '../../typings/utility-types';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ZIndex } from '../ZIndex';\nimport { RenderContainer } from '../RenderContainer';\nimport { FocusEventType, MouseEventType } from '../../typings/event-types';\nimport { getRandomID, isFunction, isNonNullable, isNullable, isRefableElement, mergeRefs } from '../../lib/utils';\nimport { isEdge, isIE11, isSafari } from '../../lib/client';\nimport { Theme } from '../../lib/theming/Theme';\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { MobilePopup } from '../MobilePopup';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { isInstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport {\n  getFullReactUIFlagsContext,\n  ReactUIFeatureFlags,\n  ReactUIFeatureFlagsContext,\n} from '../../lib/featureFlagsContext';\n\nimport { PopupPin } from './PopupPin';\nimport { Offset, PopupHelper, PositionObject, Rect } from './PopupHelper';\nimport { getStyles } from './Popup.styles';\n\nconst POPUP_BORDER_DEFAULT_COLOR = 'transparent';\nconst TRANSITION_TIMEOUT = { enter: 0, exit: 200 };\n\nexport const PopupPositions = [\n  'top center',\n  'top left',\n  'top right',\n  'bottom center',\n  'bottom left',\n  'bottom right',\n  'left middle',\n  'left top',\n  'left bottom',\n  'right middle',\n  'right top',\n  'right bottom',\n] as const;\n\nexport const OldPopupPositions = [\n  'top left',\n  'top center',\n  'top right',\n  'right top',\n  'right middle',\n  'right bottom',\n  'bottom right',\n  'bottom center',\n  'bottom left',\n  'left bottom',\n  'left middle',\n  'left top',\n] as const;\n\nexport const DefaultPosition = PopupPositions[0];\nexport const OldDefaultPosition = OldPopupPositions[0];\n\nexport type PopupPositionsType = typeof PopupPositions[number];\nexport type ShortPopupPositionsType = 'top' | 'bottom' | 'left' | 'right';\n\nexport const DUMMY_LOCATION: PopupLocation = {\n  position: DefaultPosition,\n  coordinates: {\n    top: -9999,\n    left: -9999,\n  },\n};\n\nexport interface PopupHandlerProps {\n  onMouseEnter?: (event: MouseEventType) => void;\n  onMouseLeave?: (event: MouseEventType) => void;\n  onClick?: (event: MouseEventType) => void;\n  onFocus?: (event: FocusEventType) => void;\n  onBlur?: (event: FocusEventType) => void;\n  onOpen?: () => void;\n  onClose?: () => void;\n}\n\nexport interface PopupProps\n  extends Omit<CommonProps, 'children'>,\n    PopupHandlerProps,\n    Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  anchorElement: React.ReactNode | HTMLElement;\n  backgroundColor?: React.CSSProperties['backgroundColor'];\n  borderColor?: React.CSSProperties['borderColor'];\n  children: React.ReactNode | (() => React.ReactNode);\n  hasPin?: boolean;\n  hasShadow?: boolean;\n  disableAnimations?: boolean;\n  margin?: number;\n  maxWidth?: number | string;\n  opened: boolean;\n  pinOffset?: number;\n  pinSize?: number;\n  popupOffset?: number;\n  positions?: Readonly<PopupPositionsType[]>;\n  pos?: PopupPositionsType | ShortPopupPositionsType;\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   *\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.\n   */\n  useWrapper?: boolean;\n  ignoreHover?: boolean;\n  width?: React.CSSProperties['width'];\n  /**\n   * При очередном рендере пытаться сохранить первоначальную позицию попапа\n   * (в том числе, когда он выходит за пределы экрана, но может быть проскролен в него).\n   *\n   * Нужен только для Tooltip. В остальных случаях позиция перестраивается автоматически.\n   * @see https://github.com/skbkontur/retail-ui/pull/1195\n   */\n  tryPreserveFirstRenderedPosition?: boolean;\n  withoutMobile?: boolean;\n  mobileOnCloseRequest?: () => void;\n  /**\n   * Возвращает текущую позицию попапа\n   */\n  onPositionChange?: (pos: PopupPositionsType) => void;\n}\n\ninterface PopupLocation {\n  coordinates: {\n    left: number;\n    top: number;\n  };\n  position: PopupPositionsType;\n}\n\nexport interface PopupState {\n  location: Nullable<PopupLocation>;\n}\n\nexport const PopupDataTids = {\n  root: 'Popup__root',\n  content: 'PopupContent',\n  contentInner: 'PopupContentInner',\n  popupPin: 'PopupPin__root',\n} as const;\n\nexport const PopupIds = {\n  root: PopupDataTids.root,\n};\n\ntype DefaultProps = Required<\n  Pick<\n    PopupProps,\n    'popupOffset' | 'hasPin' | 'hasShadow' | 'disableAnimations' | 'useWrapper' | 'ignoreHover' | 'width'\n  >\n>;\n\n@responsiveLayout\n@rootNode\nexport class Popup extends React.Component<PopupProps, PopupState> {\n  public static __KONTUR_REACT_UI__ = 'Popup';\n  public static displayName = 'Popup';\n\n  public static propTypes = {\n    /**\n     * Ссылка (ref) на элемент или React компонент, для которого рисуется попап\n     */\n    anchorElement: PropTypes.oneOfType([safePropTypesInstanceOf(globalObject.HTMLElement), PropTypes.node]).isRequired,\n\n    /**\n     * Фон попапа и пина\n     */\n    backgroundColor: PropTypes.string,\n\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n    /**\n     * Показывать ли пин\n     */\n    hasPin: PropTypes.bool,\n\n    /**\n     * Применять ли box-shadow на попапе. При false отключает границу на пине\n     */\n    hasShadow: PropTypes.bool,\n\n    /**\n     * Отступ попапа от элемента\n     */\n    margin: PropTypes.number,\n\n    /**\n     * Показан или скрыт попап\n     */\n    opened: PropTypes.bool,\n\n    /**\n     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n     */\n    pinOffset: PropTypes.number,\n\n    /**\n     * Сторона пина без учёта границы.\n     * Пин представляет собой равносторонний треугольник, высота от попапа\n     * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n     */\n    pinSize: PropTypes.number,\n\n    /**\n     * смещение попапа относительно родительского элемента\n     */\n    popupOffset: PropTypes.number,\n\n    /**\n     * С какой стороны показывать попап и край попапа,\n     * на котором будет отображаться пин\n     */\n    positions: PropTypes.array,\n\n    /**\n     * Приоритетная позиция попапа\n     */\n    pos: PropTypes.string,\n\n    /**\n     * Игнорировать ли события hover/click\n     */\n    ignoreHover: PropTypes.bool,\n  };\n\n  public static defaultProps: DefaultProps = {\n    popupOffset: 0,\n    hasPin: false,\n    hasShadow: false,\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    ignoreHover: false,\n    width: 'auto',\n  };\n\n  private getProps = createPropsGetter(Popup.defaultProps);\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  public state: PopupState = { location: this.props.opened ? DUMMY_LOCATION : null };\n  private theme!: Theme;\n  private emotion!: Emotion;\n  public featureFlags!: ReactUIFeatureFlags;\n  private layoutEventsToken: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n  private locationUpdateId: Nullable<number> = null;\n  private lastPopupContentElement: Nullable<Element>;\n  private isMobileLayout!: boolean;\n  private setRootNode!: TSetRootNode;\n  private refForTransition = React.createRef<HTMLDivElement>();\n  private hasAnchorElementListeners = false;\n  private rootId = PopupIds.root + getRandomID();\n\n  public anchorElement: Nullable<Element> = null;\n\n  public componentDidMount() {\n    this.updateLocation();\n    this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);\n\n    if (!this.hasAnchorElementListeners) {\n      this.addEventListeners(this.anchorElement);\n    }\n  }\n\n  public static getDerivedStateFromProps(props: Readonly<PopupProps>, state: PopupState) {\n    /**\n     * Delaying updateLocation to ensure it happens after props update\n     */\n    if (props.opened) {\n      if (!state.location) {\n        return { location: DUMMY_LOCATION };\n      }\n    } else if (state.location) {\n      return { location: DUMMY_LOCATION };\n    }\n    return state;\n  }\n\n  public componentDidUpdate(prevProps: PopupProps, prevState: PopupState) {\n    const hadNoLocation = prevState.location === DUMMY_LOCATION;\n    const hasLocation = this.state.location !== DUMMY_LOCATION;\n    const wasClosed = prevProps.opened && !this.props.opened;\n\n    if (this.isMobileLayout && prevState.location === null && this.state.location === null) {\n      this.setState({ location: DUMMY_LOCATION });\n    }\n\n    if (this.props.opened && hadNoLocation && hasLocation && this.props.onOpen) {\n      this.props.onOpen();\n    }\n    if (wasClosed && !hasLocation && this.props.onClose) {\n      this.props.onClose();\n    }\n    if (this.props.opened) {\n      this.delayUpdateLocation();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.cancelDelayedUpdateLocation();\n    if (this.hasAnchorElementListeners) {\n      this.removeEventListeners(this.anchorElement);\n    }\n    if (this.layoutEventsToken) {\n      this.layoutEventsToken.remove();\n      this.layoutEventsToken = null;\n    }\n    if (this.state.location && this.props.onClose) {\n      this.props.onClose();\n    }\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <EmotionConsumer>\n              {(emotion) => {\n                this.emotion = emotion;\n                return (\n                  <ThemeContext.Consumer>\n                    {(theme) => {\n                      this.theme = theme;\n                      return this.renderMain();\n                    }}\n                  </ThemeContext.Consumer>\n                );\n              }}\n            </EmotionConsumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  private renderMobile() {\n    const { opened } = this.props;\n    const children = this.renderChildren();\n\n    return children ? (\n      <CommonWrapper rootNodeRef={this.setRootNode}>\n        <MobilePopup opened={opened} withoutRenderContainer onCloseRequest={this.props.mobileOnCloseRequest}>\n          {this.content(children)}\n        </MobilePopup>\n      </CommonWrapper>\n    ) : null;\n  }\n\n  private renderMain() {\n    const { location } = this.state;\n    const { anchorElement } = this.props;\n    const useWrapper = this.getProps().useWrapper;\n\n    let anchor: Nullable<React.ReactNode> = null;\n    if (isInstanceOf(anchorElement, globalObject.Element)) {\n      this.updateAnchorElement(anchorElement);\n    } else if (React.isValidElement(anchorElement)) {\n      anchor = useWrapper ? <span>{anchorElement}</span> : anchorElement;\n    } else {\n      anchor = <span>{anchorElement}</span>;\n    }\n\n    const anchorWithRef =\n      anchor && React.isValidElement(anchor) && isRefableElement(anchor)\n        ? React.cloneElement(anchor, {\n            ref: (instance: Nullable<React.ReactInstance>) => {\n              this.updateAnchorElement(instance);\n              const originalRef = (anchor as React.RefAttributes<any>)?.ref;\n              originalRef && callChildRef(originalRef, instance);\n            },\n          })\n        : null;\n\n    // we need to get anchor's DOM node\n    // so we either set our own ref on it via cloning\n    // or relay on findDOMNode (inside getRootNode)\n    // which should be called within updateAnchorElement\n    // in the case when the anchor is not refable\n\n    const canGetAnchorNode = !!anchorWithRef || isInstanceOf(anchorElement, globalObject.Element);\n\n    return (\n      <RenderContainer anchor={anchorWithRef || anchor} ref={canGetAnchorNode ? null : this.updateAnchorElement}>\n        {this.isMobileLayout && !this.props.withoutMobile\n          ? this.renderMobile()\n          : location && this.renderContent(location)}\n      </RenderContainer>\n    );\n  }\n\n  private updateAnchorElement = (instance: Nullable<React.ReactInstance>) => {\n    const childDomNode = isInstanceWithAnchorElement(instance) ? instance.getAnchorElement() : getRootNode(instance);\n    const anchorElement = this.anchorElement;\n\n    if (childDomNode !== anchorElement) {\n      this.removeEventListeners(anchorElement);\n      this.anchorElement = childDomNode;\n      this.addEventListeners(childDomNode);\n    }\n  };\n\n  private addEventListeners(element: Nullable<Element>) {\n    if (element && isInstanceOf(element, globalObject.Element)) {\n      // @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657\n      element.addEventListener('mouseenter', this.handleMouseEnter);\n      // @ts-expect-error: See the comment above\n      element.addEventListener('mouseleave', this.handleMouseLeave);\n      // @ts-expect-error: See the comment above\n      element.addEventListener('click', this.handleClick);\n      element.addEventListener('focusin', this.handleFocus as EventListener);\n      element.addEventListener('focusout', this.handleBlur as EventListener);\n\n      this.hasAnchorElementListeners = true;\n    }\n  }\n\n  private removeEventListeners(element: Nullable<Element>) {\n    if (element && isInstanceOf(element, globalObject.Element)) {\n      // @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657\n      element.removeEventListener('mouseenter', this.handleMouseEnter);\n      // @ts-expect-error: See the comment above\n      element.removeEventListener('mouseleave', this.handleMouseLeave);\n      // @ts-expect-error: See the comment above\n      element.removeEventListener('click', this.handleClick);\n      element.removeEventListener('focusin', this.handleFocus as EventListener);\n      element.removeEventListener('focusout', this.handleBlur as EventListener);\n\n      this.hasAnchorElementListeners = false;\n    }\n  }\n\n  private handleMouseEnter = (event: MouseEventType) => {\n    if (this.props.onMouseEnter) {\n      this.props.onMouseEnter(event);\n    }\n  };\n\n  private handleMouseLeave = (event: MouseEventType) => {\n    if (this.props.onMouseLeave) {\n      this.props.onMouseLeave(event);\n    }\n  };\n\n  private handleClick = (event: MouseEventType) => {\n    if (this.props.onClick) {\n      this.props.onClick(event);\n    }\n  };\n\n  private handleFocus = (event: FocusEventType) => {\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: FocusEventType) => {\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private calculateWidth = (width: PopupProps['width']) => {\n    if (typeof width === 'string' && width.includes('%')) {\n      const anchorWidth = Math.floor(getDOMRect(this.anchorElement).width);\n      return this.anchorElement ? (anchorWidth * parseFloat(width)) / 100 : 0;\n    }\n    return width;\n  };\n\n  private content = (children: React.ReactNode) => {\n    const { backgroundColor } = this.props;\n    const width = this.getProps().width;\n    const styles = getStyles(this.emotion);\n\n    return (\n      <div\n        className={styles.content(this.theme)}\n        data-tid={PopupDataTids.content}\n        ref={mergeRefs([this.refForTransition, this.refPopupContentElement])}\n      >\n        <div\n          className={styles.contentInner(this.theme)}\n          style={{ backgroundColor, width: this.calculateWidth(width) }}\n          data-tid={PopupDataTids.contentInner}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  };\n\n  private renderContent(location: PopupLocation) {\n    const { maxWidth, opened } = this.props;\n    const { hasShadow, disableAnimations, ignoreHover } = this.getProps();\n    const children = this.renderChildren();\n\n    const { direction } = PopupHelper.getPositionObject(location.position);\n    const rootStyle: React.CSSProperties = { ...location.coordinates, maxWidth };\n\n    const shouldFallbackShadow = isIE11 || isEdge || isSafari;\n    const styles = getStyles(this.emotion);\n\n    return (\n      <Transition\n        timeout={TRANSITION_TIMEOUT}\n        appear={!disableAnimations}\n        in={Boolean(opened && children)}\n        mountOnEnter\n        unmountOnExit\n        enter={!disableAnimations}\n        exit={!disableAnimations}\n        onExited={this.resetLocation}\n        nodeRef={this.refForTransition}\n      >\n        {(state: string) => (\n          <CommonWrapper {...this.props} rootNodeRef={this.setRootNode}>\n            <ZIndex\n              id={this.props.id ?? this.rootId}\n              data-tid={PopupDataTids.root}\n              priority={'Popup'}\n              className={this.emotion.cx({\n                [styles.popup(this.theme)]: true,\n                [styles.shadow(this.theme)]: hasShadow && !shouldFallbackShadow,\n                [styles.shadowFallback(this.theme)]: hasShadow && shouldFallbackShadow,\n                [styles.popupIgnoreHover()]: ignoreHover,\n                ...(disableAnimations\n                  ? {}\n                  : {\n                      [styles[`transition-enter-${direction}` as keyof typeof styles](this.theme)]: true,\n                      [styles.transitionEnter()]: state === 'entering',\n                      [styles.transitionEnterActive()]: state === 'entered',\n                      [styles.transitionExit()]: state === 'exiting',\n                    }),\n              })}\n              style={rootStyle}\n              onMouseEnter={this.handleMouseEnter}\n              onMouseLeave={this.handleMouseLeave}\n            >\n              {this.content(children)}\n              {(!this.isMobileLayout || this.props.withoutMobile) && this.renderPin(location.position)}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </Transition>\n    );\n  }\n\n  private resetLocation = () => {\n    this.cancelDelayedUpdateLocation();\n    this.state.location !== null && this.setState({ location: null });\n  };\n\n  private renderChildren() {\n    return isFunction(this.props.children) ? this.props.children() : this.props.children;\n  }\n\n  private refPopupContentElement = (element: Nullable<Element>) => {\n    this.lastPopupContentElement = element;\n  };\n\n  private renderPin(positionName: string): React.ReactNode {\n    /**\n     * Box-shadow does not appear under the pin. Borders are used instead.\n     * In non-ie browsers drop-shadow filter is used. It is applying\n     * shadow to the pin too.\n     */\n    const isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;\n    const pinBorder = isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;\n\n    const { pinSize, backgroundColor, borderColor } = this.props;\n    const { hasShadow, hasPin } = this.getProps();\n    const position = PopupHelper.getPositionObject(positionName);\n\n    return (\n      hasPin && (\n        <PopupPin\n          popupElement={this.lastPopupContentElement}\n          popupPosition={positionName}\n          size={pinSize || parseInt(this.theme.popupPinSize)}\n          offset={this.getPinOffset(position.align)}\n          borderWidth={hasShadow ? 1 : 0}\n          backgroundColor={backgroundColor || this.theme.popupBackground}\n          borderColor={borderColor || pinBorder}\n        />\n      )\n    );\n  }\n\n  private handleLayoutEvent = () => {\n    if (!this.state.location) {\n      return;\n    }\n    this.updateLocation();\n  };\n\n  private delayUpdateLocation() {\n    this.cancelDelayedUpdateLocation();\n    this.locationUpdateId = globalObject.requestAnimationFrame?.(this.updateLocation);\n  }\n\n  private cancelDelayedUpdateLocation() {\n    if (this.locationUpdateId) {\n      globalObject.cancelAnimationFrame?.(this.locationUpdateId);\n      this.locationUpdateId = null;\n    }\n  }\n\n  private updateLocation = () => {\n    const popupContentElement = this.lastPopupContentElement;\n\n    if (!popupContentElement) {\n      return;\n    }\n\n    const location = this.getLocation(popupContentElement, this.state.location);\n    if (location) {\n      this.props.onPositionChange?.(location?.position);\n    }\n\n    if (!this.locationEquals(this.state.location, location)) {\n      this.setState({ location });\n    }\n  };\n\n  private locationEquals(x: Nullable<PopupLocation>, y: Nullable<PopupLocation>) {\n    if (x === y) {\n      return true;\n    }\n\n    if (isNullable(x) || isNullable(y)) {\n      return false;\n    }\n\n    if (!isIE11 && !isEdge) {\n      return (\n        x.coordinates.left === y.coordinates.left &&\n        x.coordinates.top === y.coordinates.top &&\n        x.position === y.position\n      );\n    }\n\n    // Для ie/edge обновляем позицию только при разнице минимум в 1. Иначе есть вероятность\n    // уйти в бесконечный ререндер\n\n    return (\n      x.position === y.position &&\n      Math.abs(x.coordinates.top - y.coordinates.top) <= 1 &&\n      Math.abs(x.coordinates.left - y.coordinates.left) <= 1\n    );\n  }\n\n  private reorderPropsPositionsWithPriorityPos() {\n    const positions = this.props.positions ? this.props.positions : PopupPositions;\n    let pos_ = '';\n    if (this.props.pos) {\n      pos_ = this.props.pos;\n    } else {\n      pos_ = positions[0];\n    }\n    const index = positions.findIndex((position) => position.startsWith(pos_));\n    if (index === -1) {\n      warning(false, 'Unexpected position ' + pos_ + ' passed to Popup. Expected one of: ' + positions.join(', '));\n      return positions;\n    }\n    return [...positions.slice(index), ...positions.slice(0, index)];\n  }\n\n  private getLocation(popupElement: Element, location?: Nullable<PopupLocation>) {\n    const { tryPreserveFirstRenderedPosition } = this.getProps();\n    let positions;\n    if (this.featureFlags.popupUnifyPositioning) {\n      positions = this.reorderPropsPositionsWithPriorityPos();\n    } else if (this.props.positions) {\n      positions = this.props.positions;\n    } else {\n      positions = OldPopupPositions;\n    }\n    const anchorElement = this.anchorElement;\n\n    warning(\n      anchorElement && isInstanceOf(anchorElement, globalObject.Element),\n      'Anchor element is not defined or not instance of Element',\n    );\n\n    if (!(anchorElement && isInstanceOf(anchorElement, globalObject.Element))) {\n      return location;\n    }\n\n    const anchorRect = PopupHelper.getElementAbsoluteRect(anchorElement);\n    const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\n\n    let position: PopupPositionsType;\n    let coordinates: Offset;\n\n    if (location && location !== DUMMY_LOCATION && location.position) {\n      position = location.position;\n      coordinates = this.getCoordinates(anchorRect, popupRect, position);\n\n      const isFullyVisible = PopupHelper.isFullyVisible(coordinates, popupRect);\n      const canBecomeVisible = !isFullyVisible && PopupHelper.canBecomeFullyVisible(position, coordinates);\n\n      if (\n        // если нужно сохранить первоначальную позицию и Попап целиком\n        // находится в пределах вьюпорта (или может быть проскроллен в него)\n        (tryPreserveFirstRenderedPosition && (isFullyVisible || canBecomeVisible)) ||\n        // если Попап целиком во вьюпорте и в самой приоритетной позиции\n        // (иначе нужно попытаться позицию сменить)\n        (isFullyVisible && position === positions[0])\n      ) {\n        // сохраняем текущую позицию\n        return { coordinates, position };\n      }\n    }\n\n    for (position of positions) {\n      coordinates = this.getCoordinates(anchorRect, popupRect, position);\n      if (PopupHelper.isFullyVisible(coordinates, popupRect)) {\n        return { coordinates, position };\n      }\n    }\n\n    position = positions[0];\n    coordinates = this.getCoordinates(anchorRect, popupRect, position);\n    return { coordinates, position };\n  }\n\n  private getPinnedPopupOffset(anchorRect: Rect, position: PositionObject) {\n    if (!this.getProps().hasPin || /center|middle/.test(position.align)) {\n      return 0;\n    }\n\n    const anchorSize = /top|bottom/.test(position.direction) ? anchorRect.width : anchorRect.height;\n\n    const { pinSize } = this.props;\n\n    return Math.max(\n      0,\n      this.getPinOffset(position.align) + (pinSize || parseInt(this.theme.popupPinSize)) - anchorSize / 2,\n    );\n  }\n\n  private getCoordinates(anchorRect: Rect, popupRect: Rect, positionName: string) {\n    const { margin: marginFromProps } = this.props;\n    const margin =\n      isNonNullable(marginFromProps) && !isNaN(marginFromProps)\n        ? marginFromProps\n        : parseInt(this.theme.popupMargin) || 0;\n    const position = PopupHelper.getPositionObject(positionName);\n    const popupOffset = this.getProps().popupOffset + this.getPinnedPopupOffset(anchorRect, position);\n\n    switch (position.direction) {\n      case 'top':\n        return {\n          top: anchorRect.top - popupRect.height - margin,\n          left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\n        };\n      case 'bottom':\n        return {\n          top: anchorRect.top + anchorRect.height + margin,\n          left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\n        };\n      case 'left':\n        return {\n          top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),\n          left: anchorRect.left - popupRect.width - margin,\n        };\n      case 'right':\n        return {\n          top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),\n          left: anchorRect.left + anchorRect.width + margin,\n        };\n      default:\n        throw new Error(`Unexpected direction '${position.direction}'`);\n    }\n  }\n\n  private getPinOffset(align: string) {\n    const { pinOffset } = this.props;\n\n    switch (align) {\n      case 'top':\n      case 'bottom':\n        return pinOffset || parseInt(this.theme.popupPinOffset) || parseInt(this.theme.popupPinOffsetY);\n      case 'left':\n      case 'right':\n        return pinOffset || parseInt(this.theme.popupPinOffset) || parseInt(this.theme.popupPinOffsetX);\n      case 'center':\n      case 'middle':\n        return 0;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n\n  private getHorizontalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\n    switch (align) {\n      case 'left':\n        return anchorRect.left - popupOffset;\n      case 'center':\n        return anchorRect.left - (popupRect.width - anchorRect.width) / 2;\n      case 'right':\n        return anchorRect.left - (popupRect.width - anchorRect.width) + popupOffset;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n\n  private getVerticalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\n    switch (align) {\n      case 'top':\n        return anchorRect.top - popupOffset;\n      case 'middle':\n        return anchorRect.top - (popupRect.height - anchorRect.height) / 2;\n      case 'bottom':\n        return anchorRect.top - (popupRect.height - anchorRect.height) + popupOffset;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n}\n"]}

package/cjs/internal/PopupMenu/PopupMenu.js

@@ -375,4 +375,4 @@ PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.responsiveLayout)(_c
 
       var restoreFocus = event.type === 'keydown';
       _this.hideMenu(restoreFocus);
-    };return _this;}var _proto = PopupMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeConsumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeProvider, { 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;var styles = (0, _PopupMenu.getStyles)(this.emotion);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: 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, { hasShadow: false, maxHeight: this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none', onKeyDown: this.handleKeyDown, onItemClick: this.handleItemSelection, preventIconsOffset: this.props.preventIconsOffset, cyclicSelection: false, ref: this.refInternalMenu, 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), _class2.__KONTUR_REACT_UI__ = 'PopupMenu', _class2.displayName = 'PopupMenu', _class2.defaultProps = { positions: Positions, type: PopupMenuType.Tooltip, popupHasPin: true, disableAnimations: false }, _class2.Type = PopupMenuType, _temp)) || _class) || _class;exports.PopupMenu = PopupMenu;
+    };return _this;}var _proto = PopupMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = 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;var styles = (0, _PopupMenu.getStyles)(this.emotion);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: 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, { hasShadow: false, maxHeight: this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none', onKeyDown: this.handleKeyDown, onItemClick: this.handleItemSelection, preventIconsOffset: this.props.preventIconsOffset, cyclicSelection: false, ref: this.refInternalMenu, 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), _class2.__KONTUR_REACT_UI__ = 'PopupMenu', _class2.displayName = 'PopupMenu', _class2.defaultProps = { positions: Positions, type: PopupMenuType.Tooltip, popupHasPin: true, disableAnimations: false }, _class2.Type = PopupMenuType, _temp)) || _class) || _class;exports.PopupMenu = PopupMenu;

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

@@ -1 +1 @@
-{"version":3,"sources":["PopupMenu.tsx"],"names":["PopupMenuType","Dropdown","Tooltip","PopupMenuDataTids","root","caption","Positions","PopupMenu","rootNode","responsiveLayout","rootId","PopupIds","getProps","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","refInternalMenu","element","handleOpen","focus","passPropsToCaption","React","cloneElement","props","popupMenuId","renderCaption","styles","emotion","opened","openMenu","closeMenu","toggleMenu","handleCaptionClick","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","handleKeyDown","globalObject","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","render","theme","ThemeFactory","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';\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":["PopupMenuType","Dropdown","Tooltip","PopupMenuDataTids","root","caption","Positions","PopupMenu","rootNode","responsiveLayout","rootId","PopupIds","getProps","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","refInternalMenu","element","handleOpen","focus","passPropsToCaption","React","cloneElement","props","popupMenuId","renderCaption","styles","emotion","opened","openMenu","closeMenu","toggleMenu","handleCaptionClick","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","handleKeyDown","globalObject","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","render","theme","ThemeFactory","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';\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 { 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<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            <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    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"]}

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

@@ -1,5 +1,7 @@
 import React from 'react';
 import { RenderContainerProps } from './RenderContainerTypes';
+export declare const PORTAL_INLET_ATTR = "data-render-container-id";
+export declare const PORTAL_OUTLET_ATTR = "data-rendered-container-id";
 export declare class RenderContainer extends React.Component<RenderContainerProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
@@ -9,6 +11,7 @@ export declare class RenderContainer extends React.Component<RenderContainerProp
     shouldComponentUpdate(nextProps: RenderContainerProps): boolean;
     componentWillUnmount(): void;
     render(): JSX.Element;
+    private renderMain;
     private createContainer;
     private mountContainer;
     private destroyContainer;