@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13

package/internal/Popup/Popup/Popup.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 
+var _class, _class2, _temp;
+
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   var it;
 
@@ -51,19 +53,21 @@ import PropTypes from 'prop-types';
 import { Transition } from 'react-transition-group';
 import raf from 'raf';
 import warning from 'warning';
-import cn from 'classnames';
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { ZIndex } from "../../ZIndex";
 import { RenderContainer } from "../../RenderContainer";
-import { isFunction } from "../../../lib/utils";
-import { isIE11, isEdge } from "../../../lib/client";
+import { isFunction, isNonNullable } from "../../../lib/utils";
+import { isIE11, isEdge, isSafari } from "../../../lib/client";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isHTMLElement, safePropTypesInstanceOf } from "../../../lib/SSRSafe";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { CommonWrapper } from "../../CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { responsiveLayout } from "../../../components/ResponsiveLayout";
+import { MobilePopup } from "../../MobilePopup";
 import { PopupPin } from "../PopupPin";
 import { PopupHelper } from "../PopupHelper";
-import { jsStyles } from "../Popup.styles";
+import { styles } from "../Popup.styles";
 var POPUP_BORDER_DEFAULT_COLOR = 'transparent';
 var TRANSITION_TIMEOUT = {
   enter: 0,
@@ -77,7 +81,7 @@ var DUMMY_LOCATION = {
   }
 };
 export var PopupPositions = ['top left', 'top center', 'top right', 'right top', 'right middle', 'right bottom', 'bottom right', 'bottom center', 'bottom left', 'left bottom', 'left middle', 'left top'];
-export var Popup = /*#__PURE__*/function (_React$Component) {
+export var Popup = responsiveLayout(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Popup, _React$Component);
 
   function Popup() {
@@ -97,6 +101,7 @@ export var Popup = /*#__PURE__*/function (_React$Component) {
     _this.lastPopupElement = void 0;
     _this.anchorElement = null;
     _this.anchorInstance = void 0;
+    _this.isMobileLayout = void 0;
 
     _this.refAnchorElement = function (instance) {
       _this.anchorInstance = instance;
@@ -138,6 +143,31 @@ export var Popup = /*#__PURE__*/function (_React$Component) {
       }
     };
 
+    _this.calculateWidth = function (width) {
+      if (typeof width === 'string' && width.includes('%')) {
+        return _this.anchorElement ? _this.anchorElement.offsetWidth * parseFloat(width) / 100 : 0;
+      }
+
+      return width;
+    };
+
+    _this.content = function (children) {
+      var _this$props = _this.props,
+          backgroundColor = _this$props.backgroundColor,
+          width = _this$props.width;
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.content(_this.theme),
+        "data-tid": 'PopupContent'
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.contentInner(_this.theme),
+        style: {
+          backgroundColor: backgroundColor,
+          width: _this.calculateWidth(width)
+        },
+        "data-tid": 'PopupContentInner'
+      }, children));
+    };
+
     _this.resetLocation = function () {
       _this.cancelDelayedUpdateLocation();
 
@@ -191,8 +221,8 @@ export var Popup = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    /**
-    * Delaying updateLocation to ensure it happens after props update
+    /**
+    * Delaying updateLocation to ensure it happens after props update
     */
     if (nextProps.opened) {
       if (!this.state.location) {
@@ -209,6 +239,12 @@ export var Popup = /*#__PURE__*/function (_React$Component) {
     var hadNoLocation = prevState.location === DUMMY_LOCATION;
     var hasLocation = this.state.location !== DUMMY_LOCATION;
 
+    if (this.isMobileLayout && prevState.location === null && this.state.location === null) {
+      this.setState({
+        location: DUMMY_LOCATION
+      });
+    }
+
     if (hadNoLocation && hasLocation && this.props.onOpen) {
       this.props.onOpen();
     }
@@ -241,11 +277,20 @@ export var Popup = /*#__PURE__*/function (_React$Component) {
     });
   };
 
+  _proto.renderMobile = function renderMobile() {
+    var opened = this.props.opened;
+    return /*#__PURE__*/React.createElement(MobilePopup, {
+      opened: opened,
+      withoutRenderContainer: true,
+      onCloseRequest: this.props.mobileOnCloseRequest
+    }, this.content(this.renderChildren()));
+  };
+
   _proto.renderMain = function renderMain() {
     var location = this.state.location;
-    var _this$props = this.props,
-        anchorElement = _this$props.anchorElement,
-        useWrapper = _this$props.useWrapper;
+    var _this$props2 = this.props,
+        anchorElement = _this$props2.anchorElement,
+        useWrapper = _this$props2.useWrapper;
     var child = null;
 
     if (isHTMLElement(anchorElement)) {
@@ -259,7 +304,7 @@ export var Popup = /*#__PURE__*/function (_React$Component) {
     return /*#__PURE__*/React.createElement(RenderContainer, {
       anchor: child,
       ref: child ? this.refAnchorElement : undefined
-    }, location && this.renderContent(location));
+    }, this.isMobileLayout && !this.props.withoutMobile ? this.renderMobile() : location && this.renderContent(location));
   };
 
   _proto.extractElement = function extractElement(instance) {
@@ -304,13 +349,12 @@ export var Popup = /*#__PURE__*/function (_React$Component) {
   _proto.renderContent = function renderContent(location) {
     var _this3 = this;
 
-    var _this$props2 = this.props,
-        backgroundColor = _this$props2.backgroundColor,
-        disableAnimations = _this$props2.disableAnimations,
-        maxWidth = _this$props2.maxWidth,
-        hasShadow = _this$props2.hasShadow,
-        ignoreHover = _this$props2.ignoreHover,
-        opened = _this$props2.opened;
+    var _this$props3 = this.props,
+        disableAnimations = _this$props3.disableAnimations,
+        maxWidth = _this$props3.maxWidth,
+        hasShadow = _this$props3.hasShadow,
+        ignoreHover = _this$props3.ignoreHover,
+        opened = _this$props3.opened;
     var children = this.renderChildren();
 
     var _PopupHelper$getPosit = PopupHelper.getPositionObject(location.position),
@@ -320,6 +364,7 @@ export var Popup = /*#__PURE__*/function (_React$Component) {
       maxWidth: maxWidth
     });
 
+    var shouldFallbackShadow = isIE11 || isEdge || isSafari;
     return /*#__PURE__*/React.createElement(Transition, {
       timeout: TRANSITION_TIMEOUT,
       appear: !disableAnimations,
@@ -335,20 +380,11 @@ export var Popup = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(CommonWrapper, _this3.props, /*#__PURE__*/React.createElement(ZIndex, {
         ref: _this3.refPopupElement,
         priority: 'Popup',
-        className: cn(_extends((_extends2 = {}, _extends2[jsStyles.popup(_this3.theme)] = true, _extends2[jsStyles.shadow(_this3.theme)] = hasShadow, _extends2[jsStyles.shadowFallback(_this3.theme)] = hasShadow && (isIE11 || isEdge), _extends2[jsStyles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[jsStyles["transition-enter-" + direction](_this3.theme)] = true, _ref[jsStyles.transitionEnter()] = state === 'entering', _ref[jsStyles.transitionEnterActive()] = state === 'entered', _ref[jsStyles.transitionExit()] = state === 'exiting', _ref))),
+        className: cx(_extends((_extends2 = {}, _extends2[styles.popup(_this3.theme)] = true, _extends2[styles.shadow(_this3.theme)] = hasShadow && !shouldFallbackShadow, _extends2[styles.shadowFallback(_this3.theme)] = hasShadow && shouldFallbackShadow, _extends2[styles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[styles["transition-enter-" + direction](_this3.theme)] = true, _ref[styles.transitionEnter()] = state === 'entering', _ref[styles.transitionEnterActive()] = state === 'entered', _ref[styles.transitionExit()] = state === 'exiting', _ref))),
         style: rootStyle,
         onMouseEnter: _this3.handleMouseEnter,
         onMouseLeave: _this3.handleMouseLeave
-      }, /*#__PURE__*/React.createElement("div", {
-        className: jsStyles.content(_this3.theme),
-        "data-tid": 'PopupContent'
-      }, /*#__PURE__*/React.createElement("div", {
-        className: jsStyles.contentInner(_this3.theme),
-        style: {
-          backgroundColor: backgroundColor
-        },
-        "data-tid": 'PopupContentInner'
-      }, children)), _this3.renderPin(location.position)));
+      }, _this3.content(children), !_this3.isMobileLayout && _this3.renderPin(location.position)));
     });
   };
 
@@ -357,18 +393,18 @@ export var Popup = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.renderPin = function renderPin(positionName) {
-    /**
-    * Box-shadow does not appear under the pin. Borders are used instead.
-    * In non-ie browsers drop-shadow filter is used. It is applying
-    * shadow to the pin too.
+    /**
+    * Box-shadow does not appear under the pin. Borders are used instead.
+    * In non-ie browsers drop-shadow filter is used. It is applying
+    * shadow to the pin too.
     */
     var isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;
     var pinBorder = isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;
-    var _this$props3 = this.props,
-        pinSize = _this$props3.pinSize,
-        hasShadow = _this$props3.hasShadow,
-        backgroundColor = _this$props3.backgroundColor,
-        borderColor = _this$props3.borderColor;
+    var _this$props4 = this.props,
+        pinSize = _this$props4.pinSize,
+        hasShadow = _this$props4.hasShadow,
+        backgroundColor = _this$props4.backgroundColor,
+        borderColor = _this$props4.borderColor;
     var position = PopupHelper.getPositionObject(positionName);
     return this.props.hasPin && /*#__PURE__*/React.createElement(PopupPin, {
       popupElement: this.lastPopupElement,
@@ -406,7 +442,9 @@ export var Popup = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.getLocation = function getLocation(popupElement, location) {
-    var positions = this.props.positions;
+    var _this$props5 = this.props,
+        positions = _this$props5.positions,
+        tryPreserveFirstRenderedPosition = _this$props5.tryPreserveFirstRenderedPosition;
     var anchorElement = this.anchorElement;
     warning(anchorElement && isHTMLElement(anchorElement), 'Anchor element is not defined or not instance of HTMLElement');
 
@@ -425,7 +463,12 @@ export var Popup = /*#__PURE__*/function (_React$Component) {
       var isFullyVisible = PopupHelper.isFullyVisible(coordinates, popupRect);
       var canBecomeVisible = !isFullyVisible && PopupHelper.canBecomeFullyVisible(position, coordinates);
 
-      if (isFullyVisible || canBecomeVisible) {
+      if ( // если нужно сохранить первоначальную позицию и Попап целиком
+      // находится в пределах вьюпорта (или может быть проскроллен в него)
+      tryPreserveFirstRenderedPosition && (isFullyVisible || canBecomeVisible) || // если Попап целиком во вьюпорте и в самой приоритетной позиции
+      // (иначе нужно попытаться позицию сменить)
+      isFullyVisible && position === positions[0]) {
+        // сохраняем текущую позицию
         return {
           coordinates: coordinates,
           position: position
@@ -464,7 +507,8 @@ export var Popup = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.getCoordinates = function getCoordinates(anchorRect, popupRect, positionName) {
-    var margin = this.props.margin || parseInt(this.theme.popupMargin);
+    var marginFromProps = this.props.margin;
+    var margin = isNonNullable(marginFromProps) && !isNaN(marginFromProps) ? marginFromProps : parseInt(this.theme.popupMargin) || 0;
     var position = PopupHelper.getPositionObject(positionName);
     var popupOffset = this.props.popupOffset + this.getPinnedPopupOffset(anchorRect, position);
 
@@ -552,75 +596,73 @@ export var Popup = /*#__PURE__*/function (_React$Component) {
   };
 
   return Popup;
-}(React.Component);
-Popup.__KONTUR_REACT_UI__ = 'Popup';
-Popup.propTypes = {
-  /**
-  * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Popup', _class2.propTypes = {
+  /**
+  * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
   */
   anchorElement: PropTypes.oneOfType([safePropTypesInstanceOf(function () {
     return HTMLElement;
   }), PropTypes.node]).isRequired,
 
-  /**
-  * Фон попапа и пина
+  /**
+  * Фон попапа и пина
   */
   backgroundColor: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
 
-  /**
-  * Показывать ли пин
+  /**
+  * Показывать ли пин
   */
   hasPin: PropTypes.bool,
 
-  /**
-  * Применять ли box-shadow на попапе. При false отключает границу на пине
+  /**
+  * Применять ли box-shadow на попапе. При false отключает границу на пине
   */
   hasShadow: PropTypes.bool,
 
-  /**
-  * Отступ попапа от элемента
+  /**
+  * Отступ попапа от элемента
   */
   margin: PropTypes.number,
 
-  /**
-  * Показан или скрыт попап
+  /**
+  * Показан или скрыт попап
   */
   opened: PropTypes.bool,
 
-  /**
-  * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
+  /**
+  * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
   */
   pinOffset: PropTypes.number,
 
-  /**
-  * Сторона пина без учёта границы.
-  * Пин представляет собой равносторонний треугольник, высота от попапа
-  * до "носика" пина будет соответствовать формуле (size* √3)/2
+  /**
+  * Сторона пина без учёта границы.
+  * Пин представляет собой равносторонний треугольник, высота от попапа
+  * до "носика" пина будет соответствовать формуле (size* √3)/2
   */
   pinSize: PropTypes.number,
 
-  /**
-  * смещение попапа относительно родительского элемента
+  /**
+  * смещение попапа относительно родительского элемента
   */
   popupOffset: PropTypes.number,
 
-  /**
-  * С какой стороны показывать попап и край попапа,
-  * на котором будет отображаться пин
+  /**
+  * С какой стороны показывать попап и край попапа,
+  * на котором будет отображаться пин
   */
   positions: PropTypes.array,
 
-  /**
-  * Игнорировать ли события hover/click
+  /**
+  * Игнорировать ли события hover/click
   */
   ignoreHover: PropTypes.bool
-};
-Popup.defaultProps = {
+}, _class2.defaultProps = {
   popupOffset: 0,
   hasPin: false,
   hasShadow: false,
   disableAnimations: isTestEnv,
   useWrapper: false,
-  ignoreHover: false
-};
+  ignoreHover: false,
+  width: 'auto'
+}, _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["Popup.tsx"],"names":["React","findDOMNode","PropTypes","Transition","raf","warning","cn","LayoutEvents","ZIndex","RenderContainer","isFunction","isIE11","isEdge","ThemeContext","isHTMLElement","safePropTypesInstanceOf","isTestEnv","CommonWrapper","PopupPin","PopupHelper","jsStyles","POPUP_BORDER_DEFAULT_COLOR","TRANSITION_TIMEOUT","enter","exit","DUMMY_LOCATION","position","coordinates","top","left","PopupPositions","Popup","state","location","props","opened","theme","layoutEventsToken","locationUpdateId","lastPopupElement","anchorElement","anchorInstance","refAnchorElement","instance","element","extractElement","updateAnchorElement","handleMouseEnter","event","onMouseEnter","handleMouseLeave","onMouseLeave","handleClick","onClick","handleFocus","onFocus","handleBlur","onBlur","resetLocation","cancelDelayedUpdateLocation","setState","refPopupElement","zIndex","handleLayoutEvent","updateLocation","popupElement","getLocation","locationEquals","componentDidMount","addListener","UNSAFE_componentWillReceiveProps","nextProps","delayUpdateLocation","componentDidUpdate","prevProps","prevState","hadNoLocation","hasLocation","onOpen","onClose","componentWillUnmount","removeEventListeners","remove","render","renderMain","useWrapper","child","isValidElement","undefined","renderContent","addEventListeners","addEventListener","removeEventListener","backgroundColor","disableAnimations","maxWidth","hasShadow","ignoreHover","children","renderChildren","getPositionObject","direction","rootStyle","Boolean","popup","shadow","shadowFallback","popupIgnoreHover","transitionEnter","transitionEnterActive","transitionExit","content","contentInner","renderPin","positionName","isDefaultBorderColor","popupBorderColor","pinBorder","pinSize","borderColor","hasPin","parseInt","popupPinSize","getPinOffset","align","popupBackground","cancel","x","y","positions","anchorRect","getElementAbsoluteRect","popupRect","getCoordinates","isFullyVisible","canBecomeVisible","canBecomeFullyVisible","getPinnedPopupOffset","test","anchorSize","width","height","Math","max","margin","popupMargin","popupOffset","getHorizontalPosition","getVerticalPosition","Error","pinOffset","popupPinOffset","popupPinOffsetY","popupPinOffsetX","Component","__KONTUR_REACT_UI__","propTypes","oneOfType","HTMLElement","node","isRequired","string","func","bool","number","array","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { Transition } from 'react-transition-group';\r\nimport raf from 'raf';\r\nimport warning from 'warning';\r\nimport cn from 'classnames';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { ZIndex } from '../ZIndex';\r\nimport { RenderContainer } from '../RenderContainer';\r\nimport { FocusEventType, MouseEventType } from '../../typings/event-types';\r\nimport { isFunction } from '../../lib/utils';\r\nimport { isIE11, isEdge } from '../../lib/client';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { isHTMLElement, safePropTypesInstanceOf } from '../../lib/SSRSafe';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\r\n\r\nimport { PopupPin } from './PopupPin';\r\nimport { Offset, PopupHelper, PositionObject, Rect } from './PopupHelper';\r\nimport { jsStyles } from './Popup.styles';\r\n\r\nconst POPUP_BORDER_DEFAULT_COLOR = 'transparent';\r\nconst TRANSITION_TIMEOUT = { enter: 0, exit: 200 };\r\n\r\nconst DUMMY_LOCATION: PopupLocation = {\r\n  position: 'top left',\r\n  coordinates: {\r\n    top: -9999,\r\n    left: -9999,\r\n  },\r\n};\r\n\r\nexport type PopupPosition =\r\n  | 'top left'\r\n  | 'top center'\r\n  | 'top right'\r\n  | 'right top'\r\n  | 'right middle'\r\n  | 'right bottom'\r\n  | 'bottom left'\r\n  | 'bottom center'\r\n  | 'bottom right'\r\n  | 'left top'\r\n  | 'left middle'\r\n  | 'left bottom';\r\n\r\nexport const PopupPositions: PopupPosition[] = [\r\n  'top left',\r\n  'top center',\r\n  'top right',\r\n  'right top',\r\n  'right middle',\r\n  'right bottom',\r\n  'bottom right',\r\n  'bottom center',\r\n  'bottom left',\r\n  'left bottom',\r\n  'left middle',\r\n  'left top',\r\n];\r\n\r\nexport interface PopupHandlerProps {\r\n  onMouseEnter?: (event: MouseEventType) => void;\r\n  onMouseLeave?: (event: MouseEventType) => void;\r\n  onClick?: (event: MouseEventType) => void;\r\n  onFocus?: (event: FocusEventType) => void;\r\n  onBlur?: (event: FocusEventType) => void;\r\n  onOpen?: () => void;\r\n  onClose?: () => void;\r\n}\r\n\r\nexport interface PopupProps extends CommonProps, PopupHandlerProps {\r\n  anchorElement: React.ReactNode | HTMLElement;\r\n  backgroundColor?: React.CSSProperties['backgroundColor'];\r\n  borderColor?: React.CSSProperties['borderColor'];\r\n  children: React.ReactNode | (() => React.ReactNode);\r\n  hasPin: boolean;\r\n  hasShadow: boolean;\r\n  disableAnimations: boolean;\r\n  margin?: number;\r\n  maxWidth?: number | string;\r\n  opened: boolean;\r\n  pinOffset?: number;\r\n  pinSize?: number;\r\n  popupOffset: number;\r\n  positions: PopupPosition[];\r\n  useWrapper: boolean;\r\n  ignoreHover: boolean;\r\n}\r\n\r\ninterface PopupLocation {\r\n  coordinates: {\r\n    left: number;\r\n    top: number;\r\n  };\r\n  position: PopupPosition;\r\n}\r\n\r\nexport interface PopupState {\r\n  location: Nullable<PopupLocation>;\r\n}\r\n\r\nexport class Popup extends React.Component<PopupProps, PopupState> {\r\n  public static __KONTUR_REACT_UI__ = 'Popup';\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Ссылка (ref) на элемент или React компонент, для которого рисуется попап\r\n     */\r\n    anchorElement: PropTypes.oneOfType([safePropTypesInstanceOf(() => HTMLElement), PropTypes.node]).isRequired,\r\n\r\n    /**\r\n     * Фон попапа и пина\r\n     */\r\n    backgroundColor: PropTypes.string,\r\n\r\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\r\n\r\n    /**\r\n     * Показывать ли пин\r\n     */\r\n    hasPin: PropTypes.bool,\r\n\r\n    /**\r\n     * Применять ли box-shadow на попапе. При false отключает границу на пине\r\n     */\r\n    hasShadow: PropTypes.bool,\r\n\r\n    /**\r\n     * Отступ попапа от элемента\r\n     */\r\n    margin: PropTypes.number,\r\n\r\n    /**\r\n     * Показан или скрыт попап\r\n     */\r\n    opened: PropTypes.bool,\r\n\r\n    /**\r\n     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\r\n     */\r\n    pinOffset: PropTypes.number,\r\n\r\n    /**\r\n     * Сторона пина без учёта границы.\r\n     * Пин представляет собой равносторонний треугольник, высота от попапа\r\n     * до \"носика\" пина будет соответствовать формуле (size* √3)/2\r\n     */\r\n    pinSize: PropTypes.number,\r\n\r\n    /**\r\n     * смещение попапа относительно родительского элемента\r\n     */\r\n    popupOffset: PropTypes.number,\r\n\r\n    /**\r\n     * С какой стороны показывать попап и край попапа,\r\n     * на котором будет отображаться пин\r\n     */\r\n    positions: PropTypes.array,\r\n\r\n    /**\r\n     * Игнорировать ли события hover/click\r\n     */\r\n    ignoreHover: PropTypes.bool,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    popupOffset: 0,\r\n    hasPin: false,\r\n    hasShadow: false,\r\n    disableAnimations: isTestEnv,\r\n    useWrapper: false,\r\n    ignoreHover: false,\r\n  };\r\n\r\n  public state: PopupState = { location: this.props.opened ? DUMMY_LOCATION : null };\r\n  private theme!: Theme;\r\n  private layoutEventsToken: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\r\n  private locationUpdateId: Nullable<number> = null;\r\n  private lastPopupElement: Nullable<HTMLElement>;\r\n  private anchorElement: Nullable<HTMLElement> = null;\r\n  private anchorInstance: Nullable<React.ReactInstance>;\r\n\r\n  public componentDidMount() {\r\n    this.updateLocation();\r\n    this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);\r\n  }\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: Readonly<PopupProps>) {\r\n    /**\r\n     * Delaying updateLocation to ensure it happens after props update\r\n     */\r\n    if (nextProps.opened) {\r\n      if (!this.state.location) {\r\n        this.setState({ location: DUMMY_LOCATION });\r\n      }\r\n      this.delayUpdateLocation();\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: PopupProps, prevState: PopupState) {\r\n    const hadNoLocation = prevState.location === DUMMY_LOCATION;\r\n    const hasLocation = this.state.location !== DUMMY_LOCATION;\r\n    if (hadNoLocation && hasLocation && this.props.onOpen) {\r\n      this.props.onOpen();\r\n    }\r\n    if (!hadNoLocation && !this.state.location && this.props.onClose) {\r\n      this.props.onClose();\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this.cancelDelayedUpdateLocation();\r\n    this.removeEventListeners(this.anchorElement);\r\n    if (this.layoutEventsToken) {\r\n      this.layoutEventsToken.remove();\r\n      this.layoutEventsToken = null;\r\n    }\r\n    if (this.state.location && this.props.onClose) {\r\n      this.props.onClose();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { location } = this.state;\r\n    const { anchorElement, useWrapper } = this.props;\r\n\r\n    let child: Nullable<React.ReactNode> = null;\r\n    if (isHTMLElement(anchorElement)) {\r\n      this.updateAnchorElement(anchorElement);\r\n    } else if (React.isValidElement(anchorElement)) {\r\n      child = useWrapper ? <span>{anchorElement}</span> : anchorElement;\r\n    } else {\r\n      child = <span>{anchorElement}</span>;\r\n    }\r\n\r\n    return (\r\n      <RenderContainer anchor={child} ref={child ? this.refAnchorElement : undefined}>\r\n        {location && this.renderContent(location)}\r\n      </RenderContainer>\r\n    );\r\n  }\r\n\r\n  private refAnchorElement = (instance: React.ReactInstance | null) => {\r\n    this.anchorInstance = instance;\r\n    const element = this.extractElement(instance);\r\n    this.updateAnchorElement(element);\r\n    this.anchorElement = element;\r\n  };\r\n\r\n  private extractElement(instance: React.ReactInstance | null) {\r\n    if (!instance) {\r\n      return null;\r\n    }\r\n    const element = findDOMNode(instance);\r\n    return isHTMLElement(element) ? element : null;\r\n  }\r\n\r\n  private updateAnchorElement(element: HTMLElement | null) {\r\n    const anchorElement = this.anchorElement;\r\n\r\n    if (element !== anchorElement) {\r\n      this.removeEventListeners(anchorElement);\r\n      this.anchorElement = element;\r\n      this.addEventListeners(element);\r\n    }\r\n  }\r\n\r\n  private addEventListeners(element: Nullable<HTMLElement>) {\r\n    if (element && isHTMLElement(element)) {\r\n      element.addEventListener('mouseenter', this.handleMouseEnter);\r\n      element.addEventListener('mouseleave', this.handleMouseLeave);\r\n      element.addEventListener('click', this.handleClick);\r\n      element.addEventListener('focusin', this.handleFocus as EventListener);\r\n      element.addEventListener('focusout', this.handleBlur as EventListener);\r\n    }\r\n  }\r\n\r\n  private removeEventListeners(element: Nullable<HTMLElement>) {\r\n    if (element && isHTMLElement(element)) {\r\n      element.removeEventListener('mouseenter', this.handleMouseEnter);\r\n      element.removeEventListener('mouseleave', this.handleMouseLeave);\r\n      element.removeEventListener('click', this.handleClick);\r\n      element.removeEventListener('focusin', this.handleFocus as EventListener);\r\n      element.removeEventListener('focusout', this.handleBlur as EventListener);\r\n    }\r\n  }\r\n\r\n  private handleMouseEnter = (event: MouseEventType) => {\r\n    if (this.props.onMouseEnter) {\r\n      this.props.onMouseEnter(event);\r\n    }\r\n  };\r\n\r\n  private handleMouseLeave = (event: MouseEventType) => {\r\n    if (this.props.onMouseLeave) {\r\n      this.props.onMouseLeave(event);\r\n    }\r\n  };\r\n\r\n  private handleClick = (event: MouseEventType) => {\r\n    if (this.props.onClick) {\r\n      this.props.onClick(event);\r\n    }\r\n  };\r\n\r\n  private handleFocus = (event: FocusEventType) => {\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(event);\r\n    }\r\n  };\r\n\r\n  private handleBlur = (event: FocusEventType) => {\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur(event);\r\n    }\r\n  };\r\n\r\n  private renderContent(location: PopupLocation) {\r\n    const { backgroundColor, disableAnimations, maxWidth, hasShadow, ignoreHover, opened } = this.props;\r\n    const children = this.renderChildren();\r\n\r\n    const { direction } = PopupHelper.getPositionObject(location.position);\r\n    const rootStyle: React.CSSProperties = { ...location.coordinates, maxWidth };\r\n\r\n    return (\r\n      <Transition\r\n        timeout={TRANSITION_TIMEOUT}\r\n        appear={!disableAnimations}\r\n        in={Boolean(opened && children)}\r\n        mountOnEnter\r\n        unmountOnExit\r\n        enter={!disableAnimations}\r\n        exit={!disableAnimations}\r\n        onExited={this.resetLocation}\r\n      >\r\n        {(state: string) => (\r\n          <CommonWrapper {...this.props}>\r\n            <ZIndex\r\n              ref={this.refPopupElement}\r\n              priority={'Popup'}\r\n              className={cn({\r\n                [jsStyles.popup(this.theme)]: true,\r\n                [jsStyles.shadow(this.theme)]: hasShadow,\r\n                [jsStyles.shadowFallback(this.theme)]: hasShadow && (isIE11 || isEdge),\r\n                [jsStyles.popupIgnoreHover()]: ignoreHover,\r\n                ...(disableAnimations\r\n                  ? {}\r\n                  : {\r\n                      [jsStyles[`transition-enter-${direction}` as keyof typeof jsStyles](this.theme)]: true,\r\n                      [jsStyles.transitionEnter()]: state === 'entering',\r\n                      [jsStyles.transitionEnterActive()]: state === 'entered',\r\n                      [jsStyles.transitionExit()]: state === 'exiting',\r\n                    }),\r\n              })}\r\n              style={rootStyle}\r\n              onMouseEnter={this.handleMouseEnter}\r\n              onMouseLeave={this.handleMouseLeave}\r\n            >\r\n              <div className={jsStyles.content(this.theme)} data-tid={'PopupContent'}>\r\n                <div\r\n                  className={jsStyles.contentInner(this.theme)}\r\n                  style={{ backgroundColor }}\r\n                  data-tid={'PopupContentInner'}\r\n                >\r\n                  {children}\r\n                </div>\r\n              </div>\r\n              {this.renderPin(location.position)}\r\n            </ZIndex>\r\n          </CommonWrapper>\r\n        )}\r\n      </Transition>\r\n    );\r\n  }\r\n\r\n  private resetLocation = () => {\r\n    this.cancelDelayedUpdateLocation();\r\n    this.setState({ location: null });\r\n  };\r\n\r\n  private renderChildren() {\r\n    return isFunction(this.props.children) ? this.props.children() : this.props.children;\r\n  }\r\n\r\n  private refPopupElement = (zIndex: ZIndex | null) => {\r\n    if (zIndex) {\r\n      this.lastPopupElement = zIndex && (findDOMNode(zIndex) as HTMLElement);\r\n    }\r\n  };\r\n\r\n  private renderPin(positionName: string): React.ReactNode {\r\n    /**\r\n     * Box-shadow does not appear under the pin. Borders are used instead.\r\n     * In non-ie browsers drop-shadow filter is used. It is applying\r\n     * shadow to the pin too.\r\n     */\r\n    const isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;\r\n    const pinBorder = isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;\r\n\r\n    const { pinSize, hasShadow, backgroundColor, borderColor } = this.props;\r\n    const position = PopupHelper.getPositionObject(positionName);\r\n\r\n    return (\r\n      this.props.hasPin && (\r\n        <PopupPin\r\n          popupElement={this.lastPopupElement}\r\n          popupPosition={positionName}\r\n          size={pinSize || parseInt(this.theme.popupPinSize)}\r\n          offset={this.getPinOffset(position.align)}\r\n          borderWidth={hasShadow ? 1 : 0}\r\n          backgroundColor={backgroundColor || this.theme.popupBackground}\r\n          borderColor={borderColor || pinBorder}\r\n        />\r\n      )\r\n    );\r\n  }\r\n\r\n  private handleLayoutEvent = () => {\r\n    if (!this.state.location) {\r\n      return;\r\n    }\r\n    if (this.anchorInstance) {\r\n      this.updateAnchorElement(this.extractElement(this.anchorInstance));\r\n    }\r\n    this.updateLocation();\r\n  };\r\n\r\n  private delayUpdateLocation() {\r\n    this.cancelDelayedUpdateLocation();\r\n    this.locationUpdateId = raf(this.updateLocation);\r\n  }\r\n\r\n  private cancelDelayedUpdateLocation() {\r\n    if (this.locationUpdateId) {\r\n      raf.cancel(this.locationUpdateId);\r\n      this.locationUpdateId = null;\r\n    }\r\n  }\r\n\r\n  private updateLocation = () => {\r\n    const popupElement = this.lastPopupElement;\r\n\r\n    if (!popupElement) {\r\n      return;\r\n    }\r\n\r\n    const location = this.getLocation(popupElement, this.state.location);\r\n    if (!this.locationEquals(this.state.location, location)) {\r\n      this.setState({ location });\r\n    }\r\n  };\r\n\r\n  private locationEquals(x: Nullable<PopupLocation>, y: Nullable<PopupLocation>) {\r\n    if (x === y) {\r\n      return true;\r\n    }\r\n\r\n    if (x == null || y == null) {\r\n      return false;\r\n    }\r\n\r\n    return (\r\n      x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position\r\n    );\r\n  }\r\n\r\n  private getLocation(popupElement: HTMLElement, location?: Nullable<PopupLocation>) {\r\n    const positions = this.props.positions;\r\n    const anchorElement = this.anchorElement;\r\n\r\n    warning(\r\n      anchorElement && isHTMLElement(anchorElement),\r\n      'Anchor element is not defined or not instance of HTMLElement',\r\n    );\r\n\r\n    if (!(anchorElement && isHTMLElement(anchorElement))) {\r\n      return location;\r\n    }\r\n\r\n    const anchorRect = PopupHelper.getElementAbsoluteRect(anchorElement);\r\n    const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\r\n\r\n    let position: PopupPosition;\r\n    let coordinates: Offset;\r\n\r\n    if (location && location !== DUMMY_LOCATION && location.position) {\r\n      position = location.position;\r\n      coordinates = this.getCoordinates(anchorRect, popupRect, position);\r\n\r\n      const isFullyVisible = PopupHelper.isFullyVisible(coordinates, popupRect);\r\n      const canBecomeVisible = !isFullyVisible && PopupHelper.canBecomeFullyVisible(position, coordinates);\r\n      if (isFullyVisible || canBecomeVisible) {\r\n        return { coordinates, position };\r\n      }\r\n    }\r\n\r\n    for (position of positions) {\r\n      coordinates = this.getCoordinates(anchorRect, popupRect, position);\r\n      if (PopupHelper.isFullyVisible(coordinates, popupRect)) {\r\n        return { coordinates, position };\r\n      }\r\n    }\r\n\r\n    position = positions[0];\r\n    coordinates = this.getCoordinates(anchorRect, popupRect, position);\r\n    return { coordinates, position };\r\n  }\r\n\r\n  private getPinnedPopupOffset(anchorRect: Rect, position: PositionObject) {\r\n    if (!this.props.hasPin || /center|middle/.test(position.align)) {\r\n      return 0;\r\n    }\r\n\r\n    const anchorSize = /top|bottom/.test(position.direction) ? anchorRect.width : anchorRect.height;\r\n\r\n    const { pinSize } = this.props;\r\n\r\n    return Math.max(\r\n      0,\r\n      this.getPinOffset(position.align) + (pinSize || parseInt(this.theme.popupPinSize)) - anchorSize / 2,\r\n    );\r\n  }\r\n\r\n  private getCoordinates(anchorRect: Rect, popupRect: Rect, positionName: string) {\r\n    const margin = this.props.margin || parseInt(this.theme.popupMargin);\r\n    const position = PopupHelper.getPositionObject(positionName);\r\n    const popupOffset = this.props.popupOffset + this.getPinnedPopupOffset(anchorRect, position);\r\n\r\n    switch (position.direction) {\r\n      case 'top':\r\n        return {\r\n          top: anchorRect.top - popupRect.height - margin,\r\n          left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\r\n        };\r\n      case 'bottom':\r\n        return {\r\n          top: anchorRect.top + anchorRect.height + margin,\r\n          left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\r\n        };\r\n      case 'left':\r\n        return {\r\n          top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),\r\n          left: anchorRect.left - popupRect.width - margin,\r\n        };\r\n      case 'right':\r\n        return {\r\n          top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),\r\n          left: anchorRect.left + anchorRect.width + margin,\r\n        };\r\n      default:\r\n        throw new Error(`Unexpected direction '${position.direction}'`);\r\n    }\r\n  }\r\n\r\n  private getPinOffset(align: string) {\r\n    const { pinOffset } = this.props;\r\n\r\n    switch (align) {\r\n      case 'top':\r\n      case 'bottom':\r\n        return pinOffset || parseInt(this.theme.popupPinOffset) || parseInt(this.theme.popupPinOffsetY);\r\n      case 'left':\r\n      case 'right':\r\n        return pinOffset || parseInt(this.theme.popupPinOffset) || parseInt(this.theme.popupPinOffsetX);\r\n      case 'center':\r\n      case 'middle':\r\n        return 0;\r\n      default:\r\n        throw new Error(`Unexpected align '${align}'`);\r\n    }\r\n  }\r\n\r\n  private getHorizontalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\r\n    switch (align) {\r\n      case 'left':\r\n        return anchorRect.left - popupOffset;\r\n      case 'center':\r\n        return anchorRect.left - (popupRect.width - anchorRect.width) / 2;\r\n      case 'right':\r\n        return anchorRect.left - (popupRect.width - anchorRect.width) + popupOffset;\r\n      default:\r\n        throw new Error(`Unexpected align '${align}'`);\r\n    }\r\n  }\r\n\r\n  private getVerticalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\r\n    switch (align) {\r\n      case 'top':\r\n        return anchorRect.top - popupOffset;\r\n      case 'middle':\r\n        return anchorRect.top - (popupRect.height - anchorRect.height) / 2;\r\n      case 'bottom':\r\n        return anchorRect.top - (popupRect.height - anchorRect.height) + popupOffset;\r\n      default:\r\n        throw new Error(`Unexpected align '${align}'`);\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["Popup.tsx"],"names":["React","findDOMNode","PropTypes","Transition","raf","warning","LayoutEvents","ZIndex","RenderContainer","isFunction","isNonNullable","isIE11","isEdge","isSafari","ThemeContext","isHTMLElement","safePropTypesInstanceOf","isTestEnv","CommonWrapper","cx","responsiveLayout","MobilePopup","PopupPin","PopupHelper","styles","POPUP_BORDER_DEFAULT_COLOR","TRANSITION_TIMEOUT","enter","exit","DUMMY_LOCATION","position","coordinates","top","left","PopupPositions","Popup","state","location","props","opened","theme","layoutEventsToken","locationUpdateId","lastPopupElement","anchorElement","anchorInstance","isMobileLayout","refAnchorElement","instance","element","extractElement","updateAnchorElement","handleMouseEnter","event","onMouseEnter","handleMouseLeave","onMouseLeave","handleClick","onClick","handleFocus","onFocus","handleBlur","onBlur","calculateWidth","width","includes","offsetWidth","parseFloat","content","children","backgroundColor","contentInner","resetLocation","cancelDelayedUpdateLocation","setState","refPopupElement","zIndex","handleLayoutEvent","updateLocation","popupElement","getLocation","locationEquals","componentDidMount","addListener","UNSAFE_componentWillReceiveProps","nextProps","delayUpdateLocation","componentDidUpdate","prevProps","prevState","hadNoLocation","hasLocation","onOpen","onClose","componentWillUnmount","removeEventListeners","remove","render","renderMain","renderMobile","mobileOnCloseRequest","renderChildren","useWrapper","child","isValidElement","undefined","withoutMobile","renderContent","addEventListeners","addEventListener","removeEventListener","disableAnimations","maxWidth","hasShadow","ignoreHover","getPositionObject","direction","rootStyle","shouldFallbackShadow","Boolean","popup","shadow","shadowFallback","popupIgnoreHover","transitionEnter","transitionEnterActive","transitionExit","renderPin","positionName","isDefaultBorderColor","popupBorderColor","pinBorder","pinSize","borderColor","hasPin","parseInt","popupPinSize","getPinOffset","align","popupBackground","cancel","x","y","positions","tryPreserveFirstRenderedPosition","anchorRect","getElementAbsoluteRect","popupRect","getCoordinates","isFullyVisible","canBecomeVisible","canBecomeFullyVisible","getPinnedPopupOffset","test","anchorSize","height","Math","max","marginFromProps","margin","isNaN","popupMargin","popupOffset","getHorizontalPosition","getVerticalPosition","Error","pinOffset","popupPinOffset","popupPinOffsetY","popupPinOffsetX","Component","__KONTUR_REACT_UI__","propTypes","oneOfType","HTMLElement","node","isRequired","string","func","bool","number","array","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { Transition } from 'react-transition-group';\nimport raf from 'raf';\nimport warning from 'warning';\n\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 { isFunction, isNonNullable } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isHTMLElement, safePropTypesInstanceOf } from '../../lib/SSRSafe';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../../components/ResponsiveLayout';\nimport { MobilePopup } from '../MobilePopup';\n\nimport { PopupPin } from './PopupPin';\nimport { Offset, PopupHelper, PositionObject, Rect } from './PopupHelper';\nimport { styles } from './Popup.styles';\n\nconst POPUP_BORDER_DEFAULT_COLOR = 'transparent';\nconst TRANSITION_TIMEOUT = { enter: 0, exit: 200 };\n\nconst DUMMY_LOCATION: PopupLocation = {\n  position: 'top left',\n  coordinates: {\n    top: -9999,\n    left: -9999,\n  },\n};\n\nexport type PopupPosition =\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\nexport const PopupPositions: PopupPosition[] = [\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];\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 extends CommonProps, PopupHandlerProps {\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: PopupPosition[];\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\ninterface PopupLocation {\n  coordinates: {\n    left: number;\n    top: number;\n  };\n  position: PopupPosition;\n}\n\nexport interface PopupState {\n  location: Nullable<PopupLocation>;\n}\n\n@responsiveLayout\nexport class Popup extends React.Component<PopupProps, PopupState> {\n  public static __KONTUR_REACT_UI__ = 'Popup';\n\n  public static propTypes = {\n    /**\n     * Ссылка (ref) на элемент или React компонент, для которого рисуется попап\n     */\n    anchorElement: PropTypes.oneOfType([safePropTypesInstanceOf(() => 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 = {\n    popupOffset: 0,\n    hasPin: false,\n    hasShadow: false,\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    ignoreHover: false,\n    width: 'auto',\n  };\n\n  public state: PopupState = { location: this.props.opened ? DUMMY_LOCATION : null };\n  private theme!: Theme;\n  private layoutEventsToken: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n  private locationUpdateId: Nullable<number> = null;\n  private lastPopupElement: Nullable<HTMLElement>;\n  private anchorElement: Nullable<HTMLElement> = null;\n  private anchorInstance: Nullable<React.ReactInstance>;\n  private isMobileLayout!: boolean;\n\n  public componentDidMount() {\n    this.updateLocation();\n    this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: Readonly<PopupProps>) {\n    /**\n     * Delaying updateLocation to ensure it happens after props update\n     */\n    if (nextProps.opened) {\n      if (!this.state.location) {\n        this.setState({ location: DUMMY_LOCATION });\n      }\n      this.delayUpdateLocation();\n    }\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\n    if (this.isMobileLayout && prevState.location === null && this.state.location === null) {\n      this.setState({ location: DUMMY_LOCATION });\n    }\n\n    if (hadNoLocation && hasLocation && this.props.onOpen) {\n      this.props.onOpen();\n    }\n    if (!hadNoLocation && !this.state.location && this.props.onClose) {\n      this.props.onClose();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.cancelDelayedUpdateLocation();\n    this.removeEventListeners(this.anchorElement);\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      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMobile() {\n    const { opened } = this.props;\n\n    return (\n      <MobilePopup opened={opened} withoutRenderContainer onCloseRequest={this.props.mobileOnCloseRequest}>\n        {this.content(this.renderChildren())}\n      </MobilePopup>\n    );\n  }\n\n  private renderMain() {\n    const { location } = this.state;\n    const { anchorElement, useWrapper } = this.props;\n\n    let child: Nullable<React.ReactNode> = null;\n    if (isHTMLElement(anchorElement)) {\n      this.updateAnchorElement(anchorElement);\n    } else if (React.isValidElement(anchorElement)) {\n      child = useWrapper ? <span>{anchorElement}</span> : anchorElement;\n    } else {\n      child = <span>{anchorElement}</span>;\n    }\n\n    return (\n      <RenderContainer anchor={child} ref={child ? this.refAnchorElement : undefined}>\n        {this.isMobileLayout && !this.props.withoutMobile\n          ? this.renderMobile()\n          : location && this.renderContent(location)}\n      </RenderContainer>\n    );\n  }\n\n  private refAnchorElement = (instance: React.ReactInstance | null) => {\n    this.anchorInstance = instance;\n    const element = this.extractElement(instance);\n    this.updateAnchorElement(element);\n    this.anchorElement = element;\n  };\n\n  private extractElement(instance: React.ReactInstance | null) {\n    if (!instance) {\n      return null;\n    }\n    const element = findDOMNode(instance);\n    return isHTMLElement(element) ? element : null;\n  }\n\n  private updateAnchorElement(element: HTMLElement | null) {\n    const anchorElement = this.anchorElement;\n\n    if (element !== anchorElement) {\n      this.removeEventListeners(anchorElement);\n      this.anchorElement = element;\n      this.addEventListeners(element);\n    }\n  }\n\n  private addEventListeners(element: Nullable<HTMLElement>) {\n    if (element && isHTMLElement(element)) {\n      element.addEventListener('mouseenter', this.handleMouseEnter);\n      element.addEventListener('mouseleave', this.handleMouseLeave);\n      element.addEventListener('click', this.handleClick);\n      element.addEventListener('focusin', this.handleFocus as EventListener);\n      element.addEventListener('focusout', this.handleBlur as EventListener);\n    }\n  }\n\n  private removeEventListeners(element: Nullable<HTMLElement>) {\n    if (element && isHTMLElement(element)) {\n      element.removeEventListener('mouseenter', this.handleMouseEnter);\n      element.removeEventListener('mouseleave', this.handleMouseLeave);\n      element.removeEventListener('click', this.handleClick);\n      element.removeEventListener('focusin', this.handleFocus as EventListener);\n      element.removeEventListener('focusout', this.handleBlur as EventListener);\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      return this.anchorElement ? (this.anchorElement.offsetWidth * parseFloat(width)) / 100 : 0;\n    }\n    return width;\n  };\n\n  private content = (children: React.ReactNode) => {\n    const { backgroundColor, width } = this.props;\n\n    return (\n      <div className={styles.content(this.theme)} data-tid={'PopupContent'}>\n        <div\n          className={styles.contentInner(this.theme)}\n          style={{ backgroundColor, width: this.calculateWidth(width) }}\n          data-tid={'PopupContentInner'}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  };\n\n  private renderContent(location: PopupLocation) {\n    const { disableAnimations, maxWidth, hasShadow, ignoreHover, opened } = this.props;\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\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      >\n        {(state: string) => (\n          <CommonWrapper {...this.props}>\n            <ZIndex\n              ref={this.refPopupElement}\n              priority={'Popup'}\n              className={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.renderPin(location.position)}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </Transition>\n    );\n  }\n\n  private resetLocation = () => {\n    this.cancelDelayedUpdateLocation();\n    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 refPopupElement = (zIndex: ZIndex | null) => {\n    if (zIndex) {\n      this.lastPopupElement = zIndex && (findDOMNode(zIndex) as HTMLElement);\n    }\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, hasShadow, backgroundColor, borderColor } = this.props;\n    const position = PopupHelper.getPositionObject(positionName);\n\n    return (\n      this.props.hasPin && (\n        <PopupPin\n          popupElement={this.lastPopupElement}\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    if (this.anchorInstance) {\n      this.updateAnchorElement(this.extractElement(this.anchorInstance));\n    }\n    this.updateLocation();\n  };\n\n  private delayUpdateLocation() {\n    this.cancelDelayedUpdateLocation();\n    this.locationUpdateId = raf(this.updateLocation);\n  }\n\n  private cancelDelayedUpdateLocation() {\n    if (this.locationUpdateId) {\n      raf.cancel(this.locationUpdateId);\n      this.locationUpdateId = null;\n    }\n  }\n\n  private updateLocation = () => {\n    const popupElement = this.lastPopupElement;\n\n    if (!popupElement) {\n      return;\n    }\n\n    const location = this.getLocation(popupElement, this.state.location);\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 (x == null || y == null) {\n      return false;\n    }\n\n    return (\n      x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position\n    );\n  }\n\n  private getLocation(popupElement: HTMLElement, location?: Nullable<PopupLocation>) {\n    const { positions, tryPreserveFirstRenderedPosition } = this.props;\n    const anchorElement = this.anchorElement;\n\n    warning(\n      anchorElement && isHTMLElement(anchorElement),\n      'Anchor element is not defined or not instance of HTMLElement',\n    );\n\n    if (!(anchorElement && isHTMLElement(anchorElement))) {\n      return location;\n    }\n\n    const anchorRect = PopupHelper.getElementAbsoluteRect(anchorElement);\n    const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\n\n    let position: PopupPosition;\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.props.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.props.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/internal/Popup/Popup.d.ts

@@ -29,8 +29,24 @@ export interface PopupProps extends CommonProps, PopupHandlerProps {
     pinSize?: number;
     popupOffset: number;
     positions: PopupPosition[];
+    /**
+     * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
+     *
+     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
+     */
     useWrapper: boolean;
     ignoreHover: boolean;
+    width: React.CSSProperties['width'];
+    /**
+     * При очередном рендере пытаться сохранить первоначальную позицию попапа
+     * (в числе числе, когда он выходит за пределы экрана, но может быть проскролен в него).
+     *
+     * Нужен только для Tooltip. В остальных случаях позиция перестраивается автоматически.
+     * @see https://github.com/skbkontur/retail-ui/pull/1195
+     */
+    tryPreserveFirstRenderedPosition?: boolean;
+    withoutMobile?: boolean;
+    mobileOnCloseRequest?: () => void;
 }
 interface PopupLocation {
     coordinates: {
@@ -101,6 +117,7 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
         disableAnimations: boolean;
         useWrapper: boolean;
         ignoreHover: boolean;
+        width: string;
     };
     state: PopupState;
     private theme;
@@ -109,11 +126,13 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     private lastPopupElement;
     private anchorElement;
     private anchorInstance;
+    private isMobileLayout;
     componentDidMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: Readonly<PopupProps>): void;
     componentDidUpdate(prevProps: PopupProps, prevState: PopupState): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
+    private renderMobile;
     private renderMain;
     private refAnchorElement;
     private extractElement;
@@ -125,6 +144,8 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     private handleClick;
     private handleFocus;
     private handleBlur;
+    private calculateWidth;
+    private content;
     private renderContent;
     private resetLocation;
     private renderChildren;