@skbkontur/react-ui 0.0.0-f50cd2db6e → 0.0.0-fed57d84fb

package/internal/MobilePopup/MobilePopup/MobilePopup.js

@@ -8,6 +8,10 @@ import { ZIndex } from "../../ZIndex";
 import { cx } from "../../../lib/theming/Emotion";
 import { jsStyles } from "../MobilePopup.styles";
 import { MobilePopupHeader } from "../MobilePopupHeader";
+export var MobilePopupDataTids = {
+  root: 'MobilePopup__root',
+  container: 'MobilePopup__container'
+};
 export var MobilePopup = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(MobilePopup, _React$Component);
 
@@ -78,8 +82,10 @@ export var MobilePopup = /*#__PURE__*/function (_React$Component) {
       var _cx, _cx2, _cx3;
 
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        "data-tid": MobilePopupDataTids.container,
         className: cx((_cx = {}, _cx[jsStyles.container(_this3.theme)] = true, _cx[jsStyles.containerOpened()] = state === 'entered', _cx))
       }, /*#__PURE__*/React.createElement("div", {
+        "data-tid": MobilePopupDataTids.root,
         className: cx((_cx2 = {}, _cx2[jsStyles.root(_this3.theme)] = true, _cx2[jsStyles.rootFullHeight(_this3.theme)] = _this3.props.useFullHeight, _cx2)),
         onClick: _this3.props.useFullHeight ? undefined : _this3.close
       }, /*#__PURE__*/React.createElement(MobilePopupHeader, {

package/internal/MobilePopup/MobilePopup/MobilePopup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopup.tsx"],"names":["React","Transition","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","cx","jsStyles","MobilePopupHeader","MobilePopup","state","isScrolled","close","props","onCloseRequest","refContent","contentDiv","handleScrollMenu","e","scrollTop","setState","render","theme","renderMain","content","opened","onClose","appear","exit","container","containerOpened","root","rootFullHeight","useFullHeight","undefined","caption","headerChildComponent","stopPropagation","children","bg","bgShowed","withoutRenderContainer","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Nullable } from '../../typings/utility-types';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\n\ninterface MobilePopupProps {\n  /**\n   * Хэндлер, вызываемый при закрытии меню\n   */\n  onClose?: () => void;\n  caption?: string;\n  /**\n   * Компонент, закрепленный сверху меню (под холдером)\n   */\n  headerChildComponent?: React.ReactNode;\n  useFullHeight?: boolean;\n  withoutRenderContainer?: boolean;\n  /**\n   * Хэндлер, вызываемый при клике по вуали или заголовку\n   */\n  onCloseRequest?: () => void;\n  opened: boolean;\n}\n\ninterface MobilePopupState {\n  isScrolled: boolean;\n}\n\nexport class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n\n  private contentDiv: Nullable<HTMLDivElement>;\n  private theme!: Theme;\n\n  public state: MobilePopupState = {\n    isScrolled: false,\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  public renderMain() {\n    const content = (\n      <ZIndex priority={'MobilePopup'}>\n        <Transition\n          in={this.props.opened}\n          onExited={this.props.onClose}\n          mountOnEnter\n          unmountOnExit\n          appear={true}\n          timeout={{ appear: 0, exit: 250 }}\n        >\n          {(state) => (\n            <>\n              <div\n                className={cx({\n                  [jsStyles.container(this.theme)]: true,\n                  [jsStyles.containerOpened()]: state === 'entered',\n                })}\n              >\n                <div\n                  className={cx({\n                    [jsStyles.root(this.theme)]: true,\n                    [jsStyles.rootFullHeight(this.theme)]: this.props.useFullHeight,\n                  })}\n                  onClick={this.props.useFullHeight ? undefined : this.close}\n                >\n                  <MobilePopupHeader\n                    caption={this.props.caption}\n                    onClose={this.close}\n                    withShadow={this.state.isScrolled}\n                  >\n                    {this.props.headerChildComponent}\n                  </MobilePopupHeader>\n                  <div\n                    onClick={(e) => e.stopPropagation()}\n                    className={jsStyles.content(this.theme)}\n                    onScroll={this.handleScrollMenu}\n                    ref={this.refContent}\n                  >\n                    {this.props.children}\n                  </div>\n                </div>\n              </div>\n              <div\n                onClick={this.close}\n                className={cx({\n                  [jsStyles.bg()]: true,\n                  [jsStyles.bgShowed()]: state === 'entered',\n                })}\n              />\n              <HideBodyVerticalScroll />\n            </>\n          )}\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = () => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n\n  private refContent = (contentDiv: HTMLDivElement) => {\n    this.contentDiv = contentDiv;\n  };\n\n  private handleScrollMenu = (e: React.UIEvent<HTMLDivElement>) => {\n    if (this.contentDiv) {\n      const isScrolled = this.contentDiv.scrollTop > 0;\n\n      if (isScrolled !== this.state.isScrolled) {\n        this.setState({ isScrolled });\n      }\n    }\n  };\n}\n"]}
+{"version":3,"sources":["MobilePopup.tsx"],"names":["React","Transition","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","cx","jsStyles","MobilePopupHeader","MobilePopupDataTids","root","container","MobilePopup","state","isScrolled","close","props","onCloseRequest","refContent","contentDiv","handleScrollMenu","e","scrollTop","setState","render","theme","renderMain","content","opened","onClose","appear","exit","containerOpened","rootFullHeight","useFullHeight","undefined","caption","headerChildComponent","stopPropagation","children","bg","bgShowed","withoutRenderContainer","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Nullable } from '../../typings/utility-types';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\n\ninterface MobilePopupProps {\n  /**\n   * Хэндлер, вызываемый при закрытии меню\n   */\n  onClose?: () => void;\n  caption?: string;\n  /**\n   * Компонент, закрепленный сверху меню (под холдером)\n   */\n  headerChildComponent?: React.ReactNode;\n  useFullHeight?: boolean;\n  withoutRenderContainer?: boolean;\n  /**\n   * Хэндлер, вызываемый при клике по вуали или заголовку\n   */\n  onCloseRequest?: () => void;\n  opened: boolean;\n}\n\ninterface MobilePopupState {\n  isScrolled: boolean;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\nexport class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n\n  private contentDiv: Nullable<HTMLDivElement>;\n  private theme!: Theme;\n\n  public state: MobilePopupState = {\n    isScrolled: false,\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  public renderMain() {\n    const content = (\n      <ZIndex priority={'MobilePopup'}>\n        <Transition\n          in={this.props.opened}\n          onExited={this.props.onClose}\n          mountOnEnter\n          unmountOnExit\n          appear\n          timeout={{ appear: 0, exit: 250 }}\n        >\n          {(state) => (\n            <>\n              <div\n                data-tid={MobilePopupDataTids.container}\n                className={cx({\n                  [jsStyles.container(this.theme)]: true,\n                  [jsStyles.containerOpened()]: state === 'entered',\n                })}\n              >\n                <div\n                  data-tid={MobilePopupDataTids.root}\n                  className={cx({\n                    [jsStyles.root(this.theme)]: true,\n                    [jsStyles.rootFullHeight(this.theme)]: this.props.useFullHeight,\n                  })}\n                  onClick={this.props.useFullHeight ? undefined : this.close}\n                >\n                  <MobilePopupHeader\n                    caption={this.props.caption}\n                    onClose={this.close}\n                    withShadow={this.state.isScrolled}\n                  >\n                    {this.props.headerChildComponent}\n                  </MobilePopupHeader>\n                  <div\n                    onClick={(e) => e.stopPropagation()}\n                    className={jsStyles.content(this.theme)}\n                    onScroll={this.handleScrollMenu}\n                    ref={this.refContent}\n                  >\n                    {this.props.children}\n                  </div>\n                </div>\n              </div>\n              <div\n                onClick={this.close}\n                className={cx({\n                  [jsStyles.bg()]: true,\n                  [jsStyles.bgShowed()]: state === 'entered',\n                })}\n              />\n              <HideBodyVerticalScroll />\n            </>\n          )}\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = () => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n\n  private refContent = (contentDiv: HTMLDivElement) => {\n    this.contentDiv = contentDiv;\n  };\n\n  private handleScrollMenu = (e: React.UIEvent<HTMLDivElement>) => {\n    if (this.contentDiv) {\n      const isScrolled = this.contentDiv.scrollTop > 0;\n\n      if (isScrolled !== this.state.isScrolled) {\n        this.setState({ isScrolled });\n      }\n    }\n  };\n}\n"]}

package/internal/MobilePopup/MobilePopup.d.ts

@@ -20,6 +20,10 @@ interface MobilePopupProps {
 interface MobilePopupState {
     isScrolled: boolean;
 }
+export declare const MobilePopupDataTids: {
+    readonly root: "MobilePopup__root";
+    readonly container: "MobilePopup__container";
+};
 export declare class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {
     static __KONTUR_REACT_UI__: string;
     private contentDiv;

package/internal/Popup/Popup/Popup.js

@@ -51,7 +51,7 @@ import warning from 'warning';
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { ZIndex } from "../../ZIndex";
 import { RenderContainer } from "../../RenderContainer";
-import { isFunction, isNonNullable, isRefableElement } from "../../../lib/utils";
+import { isFunction, isNonNullable, isNullable, isRefableElement } from "../../../lib/utils";
 import { isIE11, isEdge, isSafari } from "../../../lib/client";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isHTMLElement, safePropTypesInstanceOf } from "../../../lib/SSRSafe";
@@ -62,6 +62,7 @@ import { responsiveLayout } from "../../../components/ResponsiveLayout/decorator
 import { MobilePopup } from "../../MobilePopup";
 import { getRootNode, rootNode } from "../../../lib/rootNode";
 import { callChildRef } from "../../../lib/callChildRef/callChildRef";
+import { isInstanceWithAnchorElement } from "../../../lib/InstanceWithAnchorElement";
 import { PopupPin } from "../PopupPin";
 import { PopupHelper } from "../PopupHelper";
 import { styles } from "../Popup.styles";
@@ -70,14 +71,20 @@ var TRANSITION_TIMEOUT = {
   enter: 0,
   exit: 200
 };
+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 DefaultPosition = PopupPositions[0];
 var DUMMY_LOCATION = {
-  position: 'top left',
+  position: DefaultPosition,
   coordinates: {
     top: -9999,
     left: -9999
   }
 };
-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 PopupDataTids = {
+  content: 'PopupContent',
+  contentInner: 'PopupContentInner',
+  popupPin: 'PopupPin__root'
+};
 export var Popup = responsiveLayout(_class = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Popup, _React$Component);
 
@@ -93,11 +100,20 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_temp = _class2
       location: _this.props.opened ? DUMMY_LOCATION : null
     };
     _this.locationUpdateId = null;
-    _this.anchorElement = null;
     _this.refForTransition = /*#__PURE__*/React.createRef();
+    _this.anchorElement = null;
+
+    _this.updateAnchorElement = function (instance) {
+      var childDomNode = isInstanceWithAnchorElement(instance) ? instance.getAnchorElement() : getRootNode(instance);
+      var anchorElement = _this.anchorElement;
+
+      if (childDomNode !== anchorElement) {
+        _this.removeEventListeners(anchorElement);
+
+        _this.anchorElement = childDomNode;
 
-    _this.renderContainerRef = function (childInstance) {
-      _this.updateAnchorElement(childInstance);
+        _this.addEventListeners(childDomNode);
+      }
     };
 
     _this.handleMouseEnter = function (event) {
@@ -144,7 +160,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_temp = _class2
           width = _this$props.width;
       return /*#__PURE__*/React.createElement("div", {
         className: styles.content(_this.theme),
-        "data-tid": 'PopupContent',
+        "data-tid": PopupDataTids.content,
         ref: _this.refForTransition
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.contentInner(_this.theme),
@@ -152,7 +168,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_temp = _class2
           backgroundColor: backgroundColor,
           width: _this.calculateWidth(width)
         },
-        "data-tid": 'PopupContentInner'
+        "data-tid": PopupDataTids.contentInner
       }, children));
     };
 
@@ -232,7 +248,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_temp = _class2
       });
     }
 
-    if (hadNoLocation && hasLocation && this.props.onOpen) {
+    if (this.props.opened && hadNoLocation && hasLocation && this.props.onOpen) {
       this.props.onOpen();
     }
 
@@ -270,11 +286,12 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_temp = _class2
 
   _proto.renderMobile = function renderMobile() {
     var opened = this.props.opened;
-    return /*#__PURE__*/React.createElement(MobilePopup, {
+    var children = this.renderChildren();
+    return children ? /*#__PURE__*/React.createElement(MobilePopup, {
       opened: opened,
       withoutRenderContainer: true,
       onCloseRequest: this.props.mobileOnCloseRequest
-    }, this.content(this.renderChildren()));
+    }, this.content(children)) : null;
   };
 
   _proto.renderMain = function renderMain() {
@@ -306,27 +323,16 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_temp = _class2
     }) : 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 with RenderContainer's ref
+    // which should be called within updateAnchorElement
     // in the case when the anchor is not refable
 
+    var canGetAnchorNode = !!anchorWithRef || isHTMLElement(anchorElement);
     return /*#__PURE__*/React.createElement(RenderContainer, {
       anchor: anchorWithRef || anchor,
-      ref: anchorWithRef ? null : this.renderContainerRef
+      ref: canGetAnchorNode ? null : this.updateAnchorElement
     }, this.isMobileLayout && !this.props.withoutMobile ? this.renderMobile() : location && this.renderContent(location));
   };
 
-  _proto.updateAnchorElement = function updateAnchorElement(childInstance) {
-    var childDomNode = getRootNode(childInstance);
-    var anchorElement = this.anchorElement;
-
-    if (childDomNode !== anchorElement) {
-      this.removeEventListeners(anchorElement);
-      this.anchorElement = childDomNode;
-      this.addEventListeners(childDomNode);
-      this.setRootNode(childDomNode);
-    }
-  };
-
   _proto.addEventListeners = function addEventListeners(element) {
     if (element && isHTMLElement(element)) {
       element.addEventListener('mouseenter', this.handleMouseEnter);
@@ -379,7 +385,10 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_temp = _class2
     }, function (state) {
       var _extends2, _ref;
 
-      return /*#__PURE__*/React.createElement(CommonWrapper, _this4.props, /*#__PURE__*/React.createElement(ZIndex, {
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({}, _this4.props, {
+        rootNodeRef: _this4.setRootNode
+      }), /*#__PURE__*/React.createElement(ZIndex, {
+        "data-tid": 'Popup__root',
         wrapperRef: _this4.refPopupElement,
         priority: 'Popup',
         className: cx(_extends((_extends2 = {}, _extends2[styles.popup(_this4.theme)] = true, _extends2[styles.shadow(_this4.theme)] = hasShadow && !shouldFallbackShadow, _extends2[styles.shadowFallback(_this4.theme)] = hasShadow && shouldFallbackShadow, _extends2[styles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[styles["transition-enter-" + direction](_this4.theme)] = true, _ref[styles.transitionEnter()] = state === 'entering', _ref[styles.transitionEnterActive()] = state === 'entered', _ref[styles.transitionExit()] = state === 'exiting', _ref))),
@@ -436,7 +445,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_temp = _class2
       return true;
     }
 
-    if (x == null || y == null) {
+    if (isNullable(x) || isNullable(y)) {
       return false;
     }
 
@@ -673,4 +682,4 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_temp = _class2
   useWrapper: false,
   ignoreHover: false,
   width: 'auto'
-}, _temp)) || _class) || _class;
+}, _class2.defaultRootNode = null, _temp)) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["Popup.tsx"],"names":["React","PropTypes","Transition","raf","warning","LayoutEvents","ZIndex","RenderContainer","isFunction","isNonNullable","isRefableElement","isIE11","isEdge","isSafari","ThemeContext","isHTMLElement","safePropTypesInstanceOf","isTestEnv","CommonWrapper","cx","responsiveLayout","MobilePopup","getRootNode","rootNode","callChildRef","PopupPin","PopupHelper","styles","POPUP_BORDER_DEFAULT_COLOR","TRANSITION_TIMEOUT","enter","exit","DUMMY_LOCATION","position","coordinates","top","left","PopupPositions","Popup","state","location","props","opened","locationUpdateId","anchorElement","refForTransition","createRef","renderContainerRef","childInstance","updateAnchorElement","handleMouseEnter","event","onMouseEnter","handleMouseLeave","onMouseLeave","handleClick","onClick","handleFocus","onFocus","handleBlur","onBlur","calculateWidth","width","includes","offsetWidth","parseFloat","content","children","backgroundColor","theme","contentInner","resetLocation","cancelDelayedUpdateLocation","setState","refPopupElement","element","lastPopupElement","handleLayoutEvent","updateLocation","popupElement","getLocation","locationEquals","componentDidMount","layoutEventsToken","addListener","getDerivedStateFromProps","componentDidUpdate","prevProps","prevState","hadNoLocation","hasLocation","wasClosed","isMobileLayout","onOpen","onClose","delayUpdateLocation","componentWillUnmount","removeEventListeners","remove","render","renderMain","renderMobile","mobileOnCloseRequest","renderChildren","useWrapper","anchor","isValidElement","anchorWithRef","cloneElement","ref","instance","originalRef","withoutMobile","renderContent","childDomNode","addEventListeners","setRootNode","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","Math","abs","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__","propTypes","oneOfType","HTMLElement","node","isRequired","string","func","bool","number","array","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\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, isRefableElement } 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/decorator';\nimport { MobilePopup } from '../MobilePopup';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\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\n@rootNode\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 isMobileLayout!: boolean;\n  private setRootNode!: TSetRootNode;\n  private refForTransition = React.createRef<HTMLDivElement>();\n\n  public componentDidMount() {\n    this.updateLocation();\n    this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);\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 (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    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 anchor: Nullable<React.ReactNode> = null;\n    if (isHTMLElement(anchorElement)) {\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 with RenderContainer's ref\n    // in the case when the anchor is not refable\n\n    return (\n      <RenderContainer anchor={anchorWithRef || anchor} ref={anchorWithRef ? null : this.renderContainerRef}>\n        {this.isMobileLayout && !this.props.withoutMobile\n          ? this.renderMobile()\n          : location && this.renderContent(location)}\n      </RenderContainer>\n    );\n  }\n\n  private renderContainerRef = (childInstance: Nullable<React.ReactInstance>) => {\n    this.updateAnchorElement(childInstance);\n  };\n\n  private updateAnchorElement(childInstance: Nullable<React.ReactInstance>) {\n    const childDomNode = getRootNode(childInstance);\n    const anchorElement = this.anchorElement;\n\n    if (childDomNode !== anchorElement) {\n      this.removeEventListeners(anchorElement);\n      this.anchorElement = childDomNode;\n      this.addEventListeners(childDomNode);\n      this.setRootNode(childDomNode);\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'} ref={this.refForTransition}>\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        nodeRef={this.refForTransition}\n      >\n        {(state: string) => (\n          <CommonWrapper {...this.props}>\n            <ZIndex\n              wrapperRef={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.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 refPopupElement = (element: Nullable<HTMLElement>) => {\n    this.lastPopupElement = 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, 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    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    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: 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"]}
+{"version":3,"sources":["Popup.tsx"],"names":["React","PropTypes","Transition","raf","warning","LayoutEvents","ZIndex","RenderContainer","isFunction","isNonNullable","isNullable","isRefableElement","isIE11","isEdge","isSafari","ThemeContext","isHTMLElement","safePropTypesInstanceOf","isTestEnv","CommonWrapper","cx","responsiveLayout","MobilePopup","getRootNode","rootNode","callChildRef","isInstanceWithAnchorElement","PopupPin","PopupHelper","styles","POPUP_BORDER_DEFAULT_COLOR","TRANSITION_TIMEOUT","enter","exit","PopupPositions","DefaultPosition","DUMMY_LOCATION","position","coordinates","top","left","PopupDataTids","content","contentInner","popupPin","Popup","state","location","props","opened","locationUpdateId","refForTransition","createRef","anchorElement","updateAnchorElement","instance","childDomNode","getAnchorElement","removeEventListeners","addEventListeners","handleMouseEnter","event","onMouseEnter","handleMouseLeave","onMouseLeave","handleClick","onClick","handleFocus","onFocus","handleBlur","onBlur","calculateWidth","width","includes","offsetWidth","parseFloat","children","backgroundColor","theme","resetLocation","cancelDelayedUpdateLocation","setState","refPopupElement","element","lastPopupElement","handleLayoutEvent","updateLocation","popupElement","getLocation","locationEquals","componentDidMount","layoutEventsToken","addListener","getDerivedStateFromProps","componentDidUpdate","prevProps","prevState","hadNoLocation","hasLocation","wasClosed","isMobileLayout","onOpen","onClose","delayUpdateLocation","componentWillUnmount","remove","render","renderMain","renderMobile","renderChildren","mobileOnCloseRequest","useWrapper","anchor","isValidElement","anchorWithRef","cloneElement","ref","originalRef","canGetAnchorNode","withoutMobile","renderContent","addEventListener","removeEventListener","disableAnimations","maxWidth","hasShadow","ignoreHover","getPositionObject","direction","rootStyle","shouldFallbackShadow","Boolean","setRootNode","popup","shadow","shadowFallback","popupIgnoreHover","transitionEnter","transitionEnterActive","transitionExit","renderPin","positionName","isDefaultBorderColor","popupBorderColor","pinBorder","pinSize","borderColor","hasPin","parseInt","popupPinSize","getPinOffset","align","popupBackground","cancel","x","y","Math","abs","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__","propTypes","oneOfType","HTMLElement","node","isRequired","string","func","bool","number","array","defaultProps","defaultRootNode"],"mappings":"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","sourcesContent":["import React from 'react';\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, isNullable, isRefableElement } 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/decorator';\nimport { MobilePopup } from '../MobilePopup';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { isInstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\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\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\nconst 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 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: 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\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  content: 'PopupContent',\n  contentInner: 'PopupContentInner',\n  popupPin: 'PopupPin__root',\n} as const;\n\n@responsiveLayout\n@rootNode\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  // 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 layoutEventsToken: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n  private locationUpdateId: Nullable<number> = null;\n  private lastPopupElement: Nullable<HTMLElement>;\n  private isMobileLayout!: boolean;\n  private setRootNode!: TSetRootNode;\n  private refForTransition = React.createRef<HTMLDivElement>();\n\n  public anchorElement: Nullable<HTMLElement> = null;\n\n  public componentDidMount() {\n    this.updateLocation();\n    this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);\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    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    const children = this.renderChildren();\n\n    return children ? (\n      <MobilePopup opened={opened} withoutRenderContainer onCloseRequest={this.props.mobileOnCloseRequest}>\n        {this.content(children)}\n      </MobilePopup>\n    ) : null;\n  }\n\n  private renderMain() {\n    const { location } = this.state;\n    const { anchorElement, useWrapper } = this.props;\n\n    let anchor: Nullable<React.ReactNode> = null;\n    if (isHTMLElement(anchorElement)) {\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 || isHTMLElement(anchorElement);\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<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={PopupDataTids.content} ref={this.refForTransition}>\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 { 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        nodeRef={this.refForTransition}\n      >\n        {(state: string) => (\n          <CommonWrapper {...this.props} rootNodeRef={this.setRootNode}>\n            <ZIndex\n              data-tid={'Popup__root'}\n              wrapperRef={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.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 refPopupElement = (element: Nullable<HTMLElement>) => {\n    this.lastPopupElement = 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, 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    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 (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: 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: 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.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

@@ -3,8 +3,9 @@ import PropTypes from 'prop-types';
 import { Nullable } from '../../typings/utility-types';
 import { FocusEventType, MouseEventType } from '../../typings/event-types';
 import { CommonProps } from '../CommonWrapper';
-export declare type PopupPosition = 'top left' | 'top center' | 'top right' | 'right top' | 'right middle' | 'right bottom' | 'bottom left' | 'bottom center' | 'bottom right' | 'left top' | 'left middle' | 'left bottom';
-export declare const PopupPositions: PopupPosition[];
+export declare const PopupPositions: readonly ["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 declare const DefaultPosition: "top left";
+export declare type PopupPositionsType = typeof PopupPositions[number];
 export interface PopupHandlerProps {
     onMouseEnter?: (event: MouseEventType) => void;
     onMouseLeave?: (event: MouseEventType) => void;
@@ -28,7 +29,7 @@ export interface PopupProps extends CommonProps, PopupHandlerProps {
     pinOffset?: number;
     pinSize?: number;
     popupOffset: number;
-    positions: PopupPosition[];
+    positions: Readonly<PopupPositionsType[]>;
     /**
      * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
      *
@@ -53,11 +54,16 @@ interface PopupLocation {
         left: number;
         top: number;
     };
-    position: PopupPosition;
+    position: PopupPositionsType;
 }
 export interface PopupState {
     location: Nullable<PopupLocation>;
 }
+export declare const PopupDataTids: {
+    readonly content: "PopupContent";
+    readonly contentInner: "PopupContentInner";
+    readonly popupPin: "PopupPin__root";
+};
 export declare class Popup extends React.Component<PopupProps, PopupState> {
     static __KONTUR_REACT_UI__: string;
     static propTypes: {
@@ -119,15 +125,16 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
         ignoreHover: boolean;
         width: string;
     };
+    static readonly defaultRootNode: null;
     state: PopupState;
     private theme;
     private layoutEventsToken;
     private locationUpdateId;
     private lastPopupElement;
-    private anchorElement;
     private isMobileLayout;
     private setRootNode;
     private refForTransition;
+    anchorElement: Nullable<HTMLElement>;
     componentDidMount(): void;
     static getDerivedStateFromProps(props: Readonly<PopupProps>, state: PopupState): PopupState;
     componentDidUpdate(prevProps: PopupProps, prevState: PopupState): void;
@@ -135,7 +142,6 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     render(): JSX.Element;
     private renderMobile;
     private renderMain;
-    private renderContainerRef;
     private updateAnchorElement;
     private addEventListeners;
     private removeEventListeners;

package/internal/Popup/PopupHelper/PopupHelper.js

@@ -1,3 +1,5 @@
+import { getDOMRect } from "../../../lib/dom/getDOMRect";
+
 function getPositionObject(position) {
   var x = position.split(' ');
   return {
@@ -45,7 +47,7 @@ function canBecomeFullyVisible(positionName, coordinates) {
 }
 
 function _getElementRelativeRect(element) {
-  var rect = element.getBoundingClientRect();
+  var rect = getDOMRect(element);
   return {
     top: rect.top,
     left: rect.left,

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

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

package/internal/Popup/PopupHelper.d.ts

@@ -1,4 +1,4 @@
-import { PopupPosition } from './Popup';
+import { PopupPositionsType } from './Popup';
 export interface Rect {
     top: number;
     left: number;
@@ -16,7 +16,7 @@ export interface PositionObject {
 declare function getPositionObject(position: string): PositionObject;
 declare function getElementAbsoluteRect(element: HTMLElement): Rect;
 declare function isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean;
-declare function canBecomeFullyVisible(positionName: PopupPosition, coordinates: Offset): boolean;
+declare function canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset): boolean;
 export declare const PopupHelper: {
     getPositionObject: typeof getPositionObject;
     getElementAbsoluteRect: typeof getElementAbsoluteRect;