@skbkontur/react-ui 2.17.3 → 2.17.4-source-maps.1

package/cjs/internal/Popup/Popup.d.ts

@@ -1,145 +1,145 @@
-import React from 'react';
-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 interface PopupHandlerProps {
-    onMouseEnter?: (event: MouseEventType) => void;
-    onMouseLeave?: (event: MouseEventType) => void;
-    onClick?: (event: MouseEventType) => void;
-    onFocus?: (event: FocusEventType) => void;
-    onBlur?: (event: FocusEventType) => void;
-    onOpen?: () => void;
-    onClose?: () => void;
-}
-export interface PopupProps extends CommonProps, PopupHandlerProps {
-    anchorElement: React.ReactNode | HTMLElement;
-    backgroundColor?: React.CSSProperties['backgroundColor'];
-    borderColor?: React.CSSProperties['borderColor'];
-    children: React.ReactNode | (() => React.ReactNode);
-    hasPin: boolean;
-    hasShadow: boolean;
-    disableAnimations: boolean;
-    margin?: number;
-    maxWidth?: number | string;
-    opened: boolean;
-    pinOffset?: number;
-    pinSize?: number;
-    popupOffset: number;
-    positions: PopupPosition[];
-    useWrapper: boolean;
-    ignoreHover: boolean;
-}
-interface PopupLocation {
-    coordinates: {
-        left: number;
-        top: number;
-    };
-    position: PopupPosition;
-}
-export interface PopupState {
-    location: Nullable<PopupLocation>;
-}
-export declare class Popup extends React.Component<PopupProps, PopupState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        /**
-         * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
-         */
-        anchorElement: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Фон попапа и пина
-         */
-        backgroundColor: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Показывать ли пин
-         */
-        hasPin: PropTypes.Requireable<boolean>;
-        /**
-         * Применять ли box-shadow на попапе. При false отключает границу на пине
-         */
-        hasShadow: PropTypes.Requireable<boolean>;
-        /**
-         * Отступ попапа от элемента
-         */
-        margin: PropTypes.Requireable<number>;
-        /**
-         * Показан или скрыт попап
-         */
-        opened: PropTypes.Requireable<boolean>;
-        /**
-         * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
-         */
-        pinOffset: PropTypes.Requireable<number>;
-        /**
-         * Сторона пина без учёта границы.
-         * Пин представляет собой равносторонний треугольник, высота от попапа
-         * до "носика" пина будет соответствовать формуле (size* √3)/2
-         */
-        pinSize: PropTypes.Requireable<number>;
-        /**
-         * смещение попапа относительно родительского элемента
-         */
-        popupOffset: PropTypes.Requireable<number>;
-        /**
-         * С какой стороны показывать попап и край попапа,
-         * на котором будет отображаться пин
-         */
-        positions: PropTypes.Requireable<any[]>;
-        /**
-         * Игнорировать ли события hover/click
-         */
-        ignoreHover: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        popupOffset: number;
-        hasPin: boolean;
-        hasShadow: boolean;
-        disableAnimations: boolean;
-        useWrapper: boolean;
-        ignoreHover: boolean;
-    };
-    state: PopupState;
-    private theme;
-    private layoutEventsToken;
-    private locationUpdateId;
-    private lastPopupElement;
-    private anchorElement;
-    private anchorInstance;
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Readonly<PopupProps>): void;
-    componentDidUpdate(prevProps: PopupProps, prevState: PopupState): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private refAnchorElement;
-    private extractElement;
-    private updateAnchorElement;
-    private addEventListeners;
-    private removeEventListeners;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    private handleClick;
-    private handleFocus;
-    private handleBlur;
-    private renderContent;
-    private resetLocation;
-    private renderChildren;
-    private refPopupElement;
-    private renderPin;
-    private handleLayoutEvent;
-    private delayUpdateLocation;
-    private cancelDelayedUpdateLocation;
-    private updateLocation;
-    private locationEquals;
-    private getLocation;
-    private getPinnedPopupOffset;
-    private getCoordinates;
-    private getPinOffset;
-    private getHorizontalPosition;
-    private getVerticalPosition;
-}
-export {};
+import React from 'react';
+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 interface PopupHandlerProps {
+    onMouseEnter?: (event: MouseEventType) => void;
+    onMouseLeave?: (event: MouseEventType) => void;
+    onClick?: (event: MouseEventType) => void;
+    onFocus?: (event: FocusEventType) => void;
+    onBlur?: (event: FocusEventType) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export interface PopupProps extends CommonProps, PopupHandlerProps {
+    anchorElement: React.ReactNode | HTMLElement;
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+    borderColor?: React.CSSProperties['borderColor'];
+    children: React.ReactNode | (() => React.ReactNode);
+    hasPin: boolean;
+    hasShadow: boolean;
+    disableAnimations: boolean;
+    margin?: number;
+    maxWidth?: number | string;
+    opened: boolean;
+    pinOffset?: number;
+    pinSize?: number;
+    popupOffset: number;
+    positions: PopupPosition[];
+    useWrapper: boolean;
+    ignoreHover: boolean;
+}
+interface PopupLocation {
+    coordinates: {
+        left: number;
+        top: number;
+    };
+    position: PopupPosition;
+}
+export interface PopupState {
+    location: Nullable<PopupLocation>;
+}
+export declare class Popup extends React.Component<PopupProps, PopupState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        /**
+         * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
+         */
+        anchorElement: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /**
+         * Фон попапа и пина
+         */
+        backgroundColor: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /**
+         * Показывать ли пин
+         */
+        hasPin: PropTypes.Requireable<boolean>;
+        /**
+         * Применять ли box-shadow на попапе. При false отключает границу на пине
+         */
+        hasShadow: PropTypes.Requireable<boolean>;
+        /**
+         * Отступ попапа от элемента
+         */
+        margin: PropTypes.Requireable<number>;
+        /**
+         * Показан или скрыт попап
+         */
+        opened: PropTypes.Requireable<boolean>;
+        /**
+         * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
+         */
+        pinOffset: PropTypes.Requireable<number>;
+        /**
+         * Сторона пина без учёта границы.
+         * Пин представляет собой равносторонний треугольник, высота от попапа
+         * до "носика" пина будет соответствовать формуле (size* √3)/2
+         */
+        pinSize: PropTypes.Requireable<number>;
+        /**
+         * смещение попапа относительно родительского элемента
+         */
+        popupOffset: PropTypes.Requireable<number>;
+        /**
+         * С какой стороны показывать попап и край попапа,
+         * на котором будет отображаться пин
+         */
+        positions: PropTypes.Requireable<any[]>;
+        /**
+         * Игнорировать ли события hover/click
+         */
+        ignoreHover: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        popupOffset: number;
+        hasPin: boolean;
+        hasShadow: boolean;
+        disableAnimations: boolean;
+        useWrapper: boolean;
+        ignoreHover: boolean;
+    };
+    state: PopupState;
+    private theme;
+    private layoutEventsToken;
+    private locationUpdateId;
+    private lastPopupElement;
+    private anchorElement;
+    private anchorInstance;
+    componentDidMount(): void;
+    UNSAFE_componentWillReceiveProps(nextProps: Readonly<PopupProps>): void;
+    componentDidUpdate(prevProps: PopupProps, prevState: PopupState): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private renderMain;
+    private refAnchorElement;
+    private extractElement;
+    private updateAnchorElement;
+    private addEventListeners;
+    private removeEventListeners;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleClick;
+    private handleFocus;
+    private handleBlur;
+    private renderContent;
+    private resetLocation;
+    private renderChildren;
+    private refPopupElement;
+    private renderPin;
+    private handleLayoutEvent;
+    private delayUpdateLocation;
+    private cancelDelayedUpdateLocation;
+    private updateLocation;
+    private locationEquals;
+    private getLocation;
+    private getPinnedPopupOffset;
+    private getCoordinates;
+    private getPinOffset;
+    private getHorizontalPosition;
+    private getVerticalPosition;
+}
+export {};

package/cjs/internal/Popup/Popup.js

@@ -465,12 +465,12 @@ Popup = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(P
       if (!_this.locationEquals(_this.state.location, location)) {
         _this.setState({ location: location });
       }
-    };return _this;}var _proto = Popup.prototype;_proto.componentDidMount = function componentDidMount() {this.updateLocation();this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);};_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {/**
-     * Delaying updateLocation to ensure it happens after props update
-     */if (nextProps.opened) {if (!this.state.location) {this.setState({ location: DUMMY_LOCATION });}this.delayUpdateLocation();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var hadNoLocation = prevState.location === DUMMY_LOCATION;var hasLocation = this.state.location !== DUMMY_LOCATION;if (hadNoLocation && hasLocation && this.props.onOpen) {this.props.onOpen();}if (!hadNoLocation && !this.state.location && this.props.onClose) {this.props.onClose();}};_proto.componentWillUnmount = function componentWillUnmount() {this.cancelDelayedUpdateLocation();this.removeEventListeners(this.anchorElement);if (this.layoutEventsToken) {this.layoutEventsToken.remove();this.layoutEventsToken = null;}if (this.state.location && this.props.onClose) {this.props.onClose();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var location = this.state.location;var _this$props = this.props,anchorElement = _this$props.anchorElement,useWrapper = _this$props.useWrapper;var child = null;if ((0, _SSRSafe.isHTMLElement)(anchorElement)) {this.updateAnchorElement(anchorElement);} else if ( /*#__PURE__*/_react.default.isValidElement(anchorElement)) {child = useWrapper ? /*#__PURE__*/_react.default.createElement("span", null, anchorElement) : anchorElement;} else {child = /*#__PURE__*/_react.default.createElement("span", null, anchorElement);}return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, { anchor: child, ref: child ? this.refAnchorElement : undefined }, location && this.renderContent(location));};_proto.extractElement = function extractElement(instance) {if (!instance) {return null;}var element = (0, _reactDom.findDOMNode)(instance);return (0, _SSRSafe.isHTMLElement)(element) ? element : null;};_proto.updateAnchorElement = function updateAnchorElement(element) {var anchorElement = this.anchorElement;if (element !== anchorElement) {this.removeEventListeners(anchorElement);this.anchorElement = element;this.addEventListeners(element);}};_proto.addEventListeners = function addEventListeners(element) {if (element && (0, _SSRSafe.isHTMLElement)(element)) {element.addEventListener('mouseenter', this.handleMouseEnter);element.addEventListener('mouseleave', this.handleMouseLeave);element.addEventListener('click', this.handleClick);element.addEventListener('focusin', this.handleFocus);element.addEventListener('focusout', this.handleBlur);}};_proto.removeEventListeners = function removeEventListeners(element) {if (element && (0, _SSRSafe.isHTMLElement)(element)) {element.removeEventListener('mouseenter', this.handleMouseEnter);element.removeEventListener('mouseleave', this.handleMouseLeave);element.removeEventListener('click', this.handleClick);element.removeEventListener('focusin', this.handleFocus);element.removeEventListener('focusout', this.handleBlur);}};_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 children = this.renderChildren();var _PopupHelper$getPosit = _PopupHelper.PopupHelper.getPositionObject(location.position),direction = _PopupHelper$getPosit.direction;var rootStyle = (0, _extends3.default)({}, location.coordinates, { maxWidth: maxWidth });return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, { timeout: TRANSITION_TIMEOUT, appear: !disableAnimations, in: Boolean(opened && children), mountOnEnter: true, unmountOnExit: true, enter: !disableAnimations, exit: !disableAnimations, onExited: this.resetLocation }, function (state) {var _extends2, _ref;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this3.props, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { ref: _this3.refPopupElement, priority: 'Popup', className: (0, _classnames.default)((0, _extends3.default)((_extends2 = {}, _extends2[_Popup.jsStyles.popup(_this3.theme)] = true, _extends2[_Popup.jsStyles.shadow(_this3.theme)] = hasShadow, _extends2[_Popup.jsStyles.shadowFallback(_this3.theme)] = hasShadow && (_client.isIE11 || _client.isEdge), _extends2[_Popup.jsStyles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[_Popup.jsStyles["transition-enter-" + direction](_this3.theme)] = true, _ref[_Popup.jsStyles.transitionEnter()] = state === 'entering', _ref[_Popup.jsStyles.transitionEnterActive()] = state === 'entered', _ref[_Popup.jsStyles.transitionExit()] = state === 'exiting', _ref))), style: rootStyle, onMouseEnter: _this3.handleMouseEnter, onMouseLeave: _this3.handleMouseLeave }, /*#__PURE__*/_react.default.createElement("div", { className: _Popup.jsStyles.content(_this3.theme), "data-tid": 'PopupContent' }, /*#__PURE__*/_react.default.createElement("div", { className: _Popup.jsStyles.contentInner(_this3.theme), style: { backgroundColor: backgroundColor }, "data-tid": 'PopupContentInner' }, children)), _this3.renderPin(location.position)));});};_proto.renderChildren = function renderChildren() {return (0, _utils.isFunction)(this.props.children) ? this.props.children() : this.props.children;};_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.
+    };return _this;}var _proto = Popup.prototype;_proto.componentDidMount = function componentDidMount() {this.updateLocation();this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);};_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {/**
+     * Delaying updateLocation to ensure it happens after props update
+     */if (nextProps.opened) {if (!this.state.location) {this.setState({ location: DUMMY_LOCATION });}this.delayUpdateLocation();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var hadNoLocation = prevState.location === DUMMY_LOCATION;var hasLocation = this.state.location !== DUMMY_LOCATION;if (hadNoLocation && hasLocation && this.props.onOpen) {this.props.onOpen();}if (!hadNoLocation && !this.state.location && this.props.onClose) {this.props.onClose();}};_proto.componentWillUnmount = function componentWillUnmount() {this.cancelDelayedUpdateLocation();this.removeEventListeners(this.anchorElement);if (this.layoutEventsToken) {this.layoutEventsToken.remove();this.layoutEventsToken = null;}if (this.state.location && this.props.onClose) {this.props.onClose();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var location = this.state.location;var _this$props = this.props,anchorElement = _this$props.anchorElement,useWrapper = _this$props.useWrapper;var child = null;if ((0, _SSRSafe.isHTMLElement)(anchorElement)) {this.updateAnchorElement(anchorElement);} else if ( /*#__PURE__*/_react.default.isValidElement(anchorElement)) {child = useWrapper ? /*#__PURE__*/_react.default.createElement("span", null, anchorElement) : anchorElement;} else {child = /*#__PURE__*/_react.default.createElement("span", null, anchorElement);}return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, { anchor: child, ref: child ? this.refAnchorElement : undefined }, location && this.renderContent(location));};_proto.extractElement = function extractElement(instance) {if (!instance) {return null;}var element = (0, _reactDom.findDOMNode)(instance);return (0, _SSRSafe.isHTMLElement)(element) ? element : null;};_proto.updateAnchorElement = function updateAnchorElement(element) {var anchorElement = this.anchorElement;if (element !== anchorElement) {this.removeEventListeners(anchorElement);this.anchorElement = element;this.addEventListeners(element);}};_proto.addEventListeners = function addEventListeners(element) {if (element && (0, _SSRSafe.isHTMLElement)(element)) {element.addEventListener('mouseenter', this.handleMouseEnter);element.addEventListener('mouseleave', this.handleMouseLeave);element.addEventListener('click', this.handleClick);element.addEventListener('focusin', this.handleFocus);element.addEventListener('focusout', this.handleBlur);}};_proto.removeEventListeners = function removeEventListeners(element) {if (element && (0, _SSRSafe.isHTMLElement)(element)) {element.removeEventListener('mouseenter', this.handleMouseEnter);element.removeEventListener('mouseleave', this.handleMouseLeave);element.removeEventListener('click', this.handleClick);element.removeEventListener('focusin', this.handleFocus);element.removeEventListener('focusout', this.handleBlur);}};_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 children = this.renderChildren();var _PopupHelper$getPosit = _PopupHelper.PopupHelper.getPositionObject(location.position),direction = _PopupHelper$getPosit.direction;var rootStyle = (0, _extends3.default)({}, location.coordinates, { maxWidth: maxWidth });return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, { timeout: TRANSITION_TIMEOUT, appear: !disableAnimations, in: Boolean(opened && children), mountOnEnter: true, unmountOnExit: true, enter: !disableAnimations, exit: !disableAnimations, onExited: this.resetLocation }, function (state) {var _extends2, _ref;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this3.props, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { ref: _this3.refPopupElement, priority: 'Popup', className: (0, _classnames.default)((0, _extends3.default)((_extends2 = {}, _extends2[_Popup.jsStyles.popup(_this3.theme)] = true, _extends2[_Popup.jsStyles.shadow(_this3.theme)] = hasShadow, _extends2[_Popup.jsStyles.shadowFallback(_this3.theme)] = hasShadow && (_client.isIE11 || _client.isEdge), _extends2[_Popup.jsStyles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[_Popup.jsStyles["transition-enter-" + direction](_this3.theme)] = true, _ref[_Popup.jsStyles.transitionEnter()] = state === 'entering', _ref[_Popup.jsStyles.transitionEnterActive()] = state === 'entered', _ref[_Popup.jsStyles.transitionExit()] = state === 'exiting', _ref))), style: rootStyle, onMouseEnter: _this3.handleMouseEnter, onMouseLeave: _this3.handleMouseLeave }, /*#__PURE__*/_react.default.createElement("div", { className: _Popup.jsStyles.content(_this3.theme), "data-tid": 'PopupContent' }, /*#__PURE__*/_react.default.createElement("div", { className: _Popup.jsStyles.contentInner(_this3.theme), style: { backgroundColor: backgroundColor }, "data-tid": 'PopupContentInner' }, children)), _this3.renderPin(location.position)));});};_proto.renderChildren = function renderChildren() {return (0, _utils.isFunction)(this.props.children) ? this.props.children() : this.props.children;};_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.
      */var isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;var pinBorder = _client.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 position = _PopupHelper.PopupHelper.getPositionObject(positionName);return this.props.hasPin && /*#__PURE__*/_react.default.createElement(_PopupPin.PopupPin, { popupElement: this.lastPopupElement, popupPosition: positionName, size: pinSize || parseInt(this.theme.popupPinSize), offset: this.getPinOffset(position.align), borderWidth: hasShadow ? 1 : 0, backgroundColor: backgroundColor || this.theme.popupBackground, borderColor: borderColor || pinBorder });};_proto.delayUpdateLocation = function delayUpdateLocation() {this.cancelDelayedUpdateLocation();this.locationUpdateId = (0, _raf.default)(this.updateLocation);};_proto.cancelDelayedUpdateLocation = function cancelDelayedUpdateLocation() {if (this.locationUpdateId) {_raf.default.cancel(this.locationUpdateId);this.locationUpdateId = null;}};_proto.locationEquals = function locationEquals(x, y) {if (x === y) {return true;}
     if (x == null || y == null) {
       return false;
@@ -611,29 +611,29 @@ Popup = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(P
       default:
         throw new Error("Unexpected align '" + align + "'");}
 
-  };return Popup;}(_react.default.Component);exports.Popup = Popup;Popup.__KONTUR_REACT_UI__ = 'Popup';Popup.propTypes = { /**
-   * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
-   */anchorElement: _propTypes.default.oneOfType([(0, _SSRSafe.safePropTypesInstanceOf)(function () {return HTMLElement;}), _propTypes.default.node]).isRequired, /**
-   * Фон попапа и пина
-   */backgroundColor: _propTypes.default.string, children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]), /**
-   * Показывать ли пин
-   */hasPin: _propTypes.default.bool, /**
-   * Применять ли box-shadow на попапе. При false отключает границу на пине
-   */hasShadow: _propTypes.default.bool, /**
-   * Отступ попапа от элемента
-   */margin: _propTypes.default.number, /**
-   * Показан или скрыт попап
-   */opened: _propTypes.default.bool, /**
-   * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
-   */pinOffset: _propTypes.default.number, /**
-   * Сторона пина без учёта границы.
-   * Пин представляет собой равносторонний треугольник, высота от попапа
-   * до "носика" пина будет соответствовать формуле (size* √3)/2
-   */pinSize: _propTypes.default.number, /**
-   * смещение попапа относительно родительского элемента
-   */popupOffset: _propTypes.default.number, /**
-   * С какой стороны показывать попап и край попапа,
-   * на котором будет отображаться пин
-   */positions: _propTypes.default.array, /**
-   * Игнорировать ли события hover/click
+  };return Popup;}(_react.default.Component);exports.Popup = Popup;Popup.__KONTUR_REACT_UI__ = 'Popup';Popup.propTypes = { /**
+   * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
+   */anchorElement: _propTypes.default.oneOfType([(0, _SSRSafe.safePropTypesInstanceOf)(function () {return HTMLElement;}), _propTypes.default.node]).isRequired, /**
+   * Фон попапа и пина
+   */backgroundColor: _propTypes.default.string, children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]), /**
+   * Показывать ли пин
+   */hasPin: _propTypes.default.bool, /**
+   * Применять ли box-shadow на попапе. При false отключает границу на пине
+   */hasShadow: _propTypes.default.bool, /**
+   * Отступ попапа от элемента
+   */margin: _propTypes.default.number, /**
+   * Показан или скрыт попап
+   */opened: _propTypes.default.bool, /**
+   * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
+   */pinOffset: _propTypes.default.number, /**
+   * Сторона пина без учёта границы.
+   * Пин представляет собой равносторонний треугольник, высота от попапа
+   * до "носика" пина будет соответствовать формуле (size* √3)/2
+   */pinSize: _propTypes.default.number, /**
+   * смещение попапа относительно родительского элемента
+   */popupOffset: _propTypes.default.number, /**
+   * С какой стороны показывать попап и край попапа,
+   * на котором будет отображаться пин
+   */positions: _propTypes.default.array, /**
+   * Игнорировать ли события hover/click
    */ignoreHover: _propTypes.default.bool };Popup.defaultProps = { popupOffset: 0, hasPin: false, hasShadow: false, disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false, ignoreHover: false };

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

@@ -1 +1 @@
-{"version":3,"sources":["Popup.tsx"],"names":["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","LayoutEvents","addListener","UNSAFE_componentWillReceiveProps","nextProps","delayUpdateLocation","componentDidUpdate","prevProps","prevState","hadNoLocation","hasLocation","onOpen","onClose","componentWillUnmount","removeEventListeners","remove","render","renderMain","useWrapper","child","React","isValidElement","undefined","renderContent","addEventListeners","addEventListener","removeEventListener","backgroundColor","disableAnimations","maxWidth","hasShadow","ignoreHover","children","renderChildren","PopupHelper","getPositionObject","direction","rootStyle","Boolean","jsStyles","popup","shadow","shadowFallback","isIE11","isEdge","popupIgnoreHover","transitionEnter","transitionEnterActive","transitionExit","content","contentInner","renderPin","positionName","isDefaultBorderColor","popupBorderColor","pinBorder","pinSize","borderColor","hasPin","parseInt","popupPinSize","getPinOffset","align","popupBackground","raf","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","PropTypes","oneOfType","HTMLElement","node","isRequired","string","func","bool","number","array","defaultProps","isTestEnv"],"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":["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","LayoutEvents","addListener","UNSAFE_componentWillReceiveProps","nextProps","delayUpdateLocation","componentDidUpdate","prevProps","prevState","hadNoLocation","hasLocation","onOpen","onClose","componentWillUnmount","removeEventListeners","remove","render","renderMain","useWrapper","child","React","isValidElement","undefined","renderContent","addEventListeners","addEventListener","removeEventListener","backgroundColor","disableAnimations","maxWidth","hasShadow","ignoreHover","children","renderChildren","PopupHelper","getPositionObject","direction","rootStyle","Boolean","jsStyles","popup","shadow","shadowFallback","isIE11","isEdge","popupIgnoreHover","transitionEnter","transitionEnterActive","transitionExit","content","contentInner","renderPin","positionName","isDefaultBorderColor","popupBorderColor","pinBorder","pinSize","borderColor","hasPin","parseInt","popupPinSize","getPinOffset","align","popupBackground","raf","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","PropTypes","oneOfType","HTMLElement","node","isRequired","string","func","bool","number","array","defaultProps","isTestEnv"],"mappings":"mbAAA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,uC;;AAEA,IAAMA,0BAA0B,GAAG,aAAnC;AACA,IAAMC,kBAAkB,GAAG,EAAEC,KAAK,EAAE,CAAT,EAAYC,IAAI,EAAE,GAAlB,EAA3B;;AAEA,IAAMC,cAA6B,GAAG;AACpCC,EAAAA,QAAQ,EAAE,UAD0B;AAEpCC,EAAAA,WAAW,EAAE;AACXC,IAAAA,GAAG,EAAE,CAAC,IADK;AAEXC,IAAAA,IAAI,EAAE,CAAC,IAFI,EAFuB,EAAtC;;;;;;;;;;;;;;;;;;AAsBO,IAAMC,cAA+B,GAAG;AAC7C,UAD6C;AAE7C,YAF6C;AAG7C,WAH6C;AAI7C,WAJ6C;AAK7C,cAL6C;AAM7C,cAN6C;AAO7C,cAP6C;AAQ7C,eAR6C;AAS7C,aAT6C;AAU7C,aAV6C;AAW7C,aAX6C;AAY7C,UAZ6C,CAAxC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDMC,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EJC,IAAAA,K,GAAoB,EAAEC,QAAQ,EAAE,MAAKC,KAAL,CAAWC,MAAX,GAAoBV,cAApB,GAAqC,IAAjD,E;AACnBW,IAAAA,K;AACAC,IAAAA,iB;AACAC,IAAAA,gB,GAAqC,I;AACrCC,IAAAA,gB;AACAC,IAAAA,a,GAAuC,I;AACvCC,IAAAA,c;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEAC,IAAAA,gB,GAAmB,UAACC,QAAD,EAA0C;AACnE,YAAKF,cAAL,GAAsBE,QAAtB;AACA,UAAMC,OAAO,GAAG,MAAKC,cAAL,CAAoBF,QAApB,CAAhB;AACA,YAAKG,mBAAL,CAAyBF,OAAzB;AACA,YAAKJ,aAAL,GAAqBI,OAArB;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCOG,IAAAA,gB,GAAmB,UAACC,KAAD,EAA2B;AACpD,UAAI,MAAKd,KAAL,CAAWe,YAAf,EAA6B;AAC3B,cAAKf,KAAL,CAAWe,YAAX,CAAwBD,KAAxB;AACD;AACF,K;;AAEOE,IAAAA,gB,GAAmB,UAACF,KAAD,EAA2B;AACpD,UAAI,MAAKd,KAAL,CAAWiB,YAAf,EAA6B;AAC3B,cAAKjB,KAAL,CAAWiB,YAAX,CAAwBH,KAAxB;AACD;AACF,K;;AAEOI,IAAAA,W,GAAc,UAACJ,KAAD,EAA2B;AAC/C,UAAI,MAAKd,KAAL,CAAWmB,OAAf,EAAwB;AACtB,cAAKnB,KAAL,CAAWmB,OAAX,CAAmBL,KAAnB;AACD;AACF,K;;AAEOM,IAAAA,W,GAAc,UAACN,KAAD,EAA2B;AAC/C,UAAI,MAAKd,KAAL,CAAWqB,OAAf,EAAwB;AACtB,cAAKrB,KAAL,CAAWqB,OAAX,CAAmBP,KAAnB;AACD;AACF,K;;AAEOQ,IAAAA,U,GAAa,UAACR,KAAD,EAA2B;AAC9C,UAAI,MAAKd,KAAL,CAAWuB,MAAf,EAAuB;AACrB,cAAKvB,KAAL,CAAWuB,MAAX,CAAkBT,KAAlB;AACD;AACF,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DOU,IAAAA,a,GAAgB,YAAM;AAC5B,YAAKC,2BAAL;AACA,YAAKC,QAAL,CAAc,EAAE3B,QAAQ,EAAE,IAAZ,EAAd;AACD,K;;;;;;AAMO4B,IAAAA,e,GAAkB,UAACC,MAAD,EAA2B;AACnD,UAAIA,MAAJ,EAAY;AACV,cAAKvB,gBAAL,GAAwBuB,MAAM,IAAK,2BAAYA,MAAZ,CAAnC;AACD;AACF,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BOC,IAAAA,iB,GAAoB,YAAM;AAChC,UAAI,CAAC,MAAK/B,KAAL,CAAWC,QAAhB,EAA0B;AACxB;AACD;AACD,UAAI,MAAKQ,cAAT,EAAyB;AACvB,cAAKK,mBAAL,CAAyB,MAAKD,cAAL,CAAoB,MAAKJ,cAAzB,CAAzB;AACD;AACD,YAAKuB,cAAL;AACD,K;;;;;;;;;;;;;;AAcOA,IAAAA,c,GAAiB,YAAM;AAC7B,UAAMC,YAAY,GAAG,MAAK1B,gBAA1B;;AAEA,UAAI,CAAC0B,YAAL,EAAmB;AACjB;AACD;;AAED,UAAMhC,QAAQ,GAAG,MAAKiC,WAAL,CAAiBD,YAAjB,EAA+B,MAAKjC,KAAL,CAAWC,QAA1C,CAAjB;AACA,UAAI,CAAC,MAAKkC,cAAL,CAAoB,MAAKnC,KAAL,CAAWC,QAA/B,EAAyCA,QAAzC,CAAL,EAAyD;AACvD,cAAK2B,QAAL,CAAc,EAAE3B,QAAQ,EAARA,QAAF,EAAd;AACD;AACF,K,mDAvRMmC,iB,GAAP,6BAA2B,CACzB,KAAKJ,cAAL,GACA,KAAK3B,iBAAL,GAAyBgC,YAAY,CAACC,WAAb,CAAyB,KAAKP,iBAA9B,CAAzB,CACD,C,QAEMQ,gC,GAAP,0CAAwCC,SAAxC,EAAyE,CACvE;AACJ;AACA,OACI,IAAIA,SAAS,CAACrC,MAAd,EAAsB,CACpB,IAAI,CAAC,KAAKH,KAAL,CAAWC,QAAhB,EAA0B,CACxB,KAAK2B,QAAL,CAAc,EAAE3B,QAAQ,EAAER,cAAZ,EAAd,EACD,CACD,KAAKgD,mBAAL,GACD,CACF,C,QAEMC,kB,GAAP,4BAA0BC,SAA1B,EAAiDC,SAAjD,EAAwE,CACtE,IAAMC,aAAa,GAAGD,SAAS,CAAC3C,QAAV,KAAuBR,cAA7C,CACA,IAAMqD,WAAW,GAAG,KAAK9C,KAAL,CAAWC,QAAX,KAAwBR,cAA5C,CACA,IAAIoD,aAAa,IAAIC,WAAjB,IAAgC,KAAK5C,KAAL,CAAW6C,MAA/C,EAAuD,CACrD,KAAK7C,KAAL,CAAW6C,MAAX,GACD,CACD,IAAI,CAACF,aAAD,IAAkB,CAAC,KAAK7C,KAAL,CAAWC,QAA9B,IAA0C,KAAKC,KAAL,CAAW8C,OAAzD,EAAkE,CAChE,KAAK9C,KAAL,CAAW8C,OAAX,GACD,CACF,C,QAEMC,oB,GAAP,gCAA8B,CAC5B,KAAKtB,2BAAL,GACA,KAAKuB,oBAAL,CAA0B,KAAK1C,aAA/B,EACA,IAAI,KAAKH,iBAAT,EAA4B,CAC1B,KAAKA,iBAAL,CAAuB8C,MAAvB,GACA,KAAK9C,iBAAL,GAAyB,IAAzB,CACD,CACD,IAAI,KAAKL,KAAL,CAAWC,QAAX,IAAuB,KAAKC,KAAL,CAAW8C,OAAtC,EAA+C,CAC7C,KAAK9C,KAAL,CAAW8C,OAAX,GACD,CACF,C,QAEMI,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAAhD,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACiD,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEOA,U,GAAR,sBAAqB,KACXpD,QADW,GACE,KAAKD,KADP,CACXC,QADW,mBAEmB,KAAKC,KAFxB,CAEXM,aAFW,eAEXA,aAFW,CAEI8C,UAFJ,eAEIA,UAFJ,CAInB,IAAIC,KAAgC,GAAG,IAAvC,CACA,IAAI,4BAAc/C,aAAd,CAAJ,EAAkC,CAChC,KAAKM,mBAAL,CAAyBN,aAAzB,EACD,CAFD,MAEO,kBAAIgD,eAAMC,cAAN,CAAqBjD,aAArB,CAAJ,EAAyC,CAC9C+C,KAAK,GAAGD,UAAU,gBAAG,2CAAO9C,aAAP,CAAH,GAAkCA,aAApD,CACD,CAFM,MAEA,CACL+C,KAAK,gBAAG,2CAAO/C,aAAP,CAAR,CACD,CAED,oBACE,6BAAC,gCAAD,IAAiB,MAAM,EAAE+C,KAAzB,EAAgC,GAAG,EAAEA,KAAK,GAAG,KAAK7C,gBAAR,GAA2BgD,SAArE,IACGzD,QAAQ,IAAI,KAAK0D,aAAL,CAAmB1D,QAAnB,CADf,CADF,CAKD,C,QASOY,c,GAAR,wBAAuBF,QAAvB,EAA6D,CAC3D,IAAI,CAACA,QAAL,EAAe,CACb,OAAO,IAAP,CACD,CACD,IAAMC,OAAO,GAAG,2BAAYD,QAAZ,CAAhB,CACA,OAAO,4BAAcC,OAAd,IAAyBA,OAAzB,GAAmC,IAA1C,CACD,C,QAEOE,mB,GAAR,6BAA4BF,OAA5B,EAAyD,CACvD,IAAMJ,aAAa,GAAG,KAAKA,aAA3B,CAEA,IAAII,OAAO,KAAKJ,aAAhB,EAA+B,CAC7B,KAAK0C,oBAAL,CAA0B1C,aAA1B,EACA,KAAKA,aAAL,GAAqBI,OAArB,CACA,KAAKgD,iBAAL,CAAuBhD,OAAvB,EACD,CACF,C,QAEOgD,iB,GAAR,2BAA0BhD,OAA1B,EAA0D,CACxD,IAAIA,OAAO,IAAI,4BAAcA,OAAd,CAAf,EAAuC,CACrCA,OAAO,CAACiD,gBAAR,CAAyB,YAAzB,EAAuC,KAAK9C,gBAA5C,EACAH,OAAO,CAACiD,gBAAR,CAAyB,YAAzB,EAAuC,KAAK3C,gBAA5C,EACAN,OAAO,CAACiD,gBAAR,CAAyB,OAAzB,EAAkC,KAAKzC,WAAvC,EACAR,OAAO,CAACiD,gBAAR,CAAyB,SAAzB,EAAoC,KAAKvC,WAAzC,EACAV,OAAO,CAACiD,gBAAR,CAAyB,UAAzB,EAAqC,KAAKrC,UAA1C,EACD,CACF,C,QAEO0B,oB,GAAR,8BAA6BtC,OAA7B,EAA6D,CAC3D,IAAIA,OAAO,IAAI,4BAAcA,OAAd,CAAf,EAAuC,CACrCA,OAAO,CAACkD,mBAAR,CAA4B,YAA5B,EAA0C,KAAK/C,gBAA/C,EACAH,OAAO,CAACkD,mBAAR,CAA4B,YAA5B,EAA0C,KAAK5C,gBAA/C,EACAN,OAAO,CAACkD,mBAAR,CAA4B,OAA5B,EAAqC,KAAK1C,WAA1C,EACAR,OAAO,CAACkD,mBAAR,CAA4B,SAA5B,EAAuC,KAAKxC,WAA5C,EACAV,OAAO,CAACkD,mBAAR,CAA4B,UAA5B,EAAwC,KAAKtC,UAA7C,EACD,CACF,C,QAgCOmC,a,GAAR,uBAAsB1D,QAAtB,EAA+C,sCAC4C,KAAKC,KADjD,CACrC6D,eADqC,gBACrCA,eADqC,CACpBC,iBADoB,gBACpBA,iBADoB,CACDC,QADC,gBACDA,QADC,CACSC,SADT,gBACSA,SADT,CACoBC,WADpB,gBACoBA,WADpB,CACiChE,MADjC,gBACiCA,MADjC,CAE7C,IAAMiE,QAAQ,GAAG,KAAKC,cAAL,EAAjB,CAF6C,4BAIvBC,yBAAYC,iBAAZ,CAA8BtE,QAAQ,CAACP,QAAvC,CAJuB,CAIrC8E,SAJqC,yBAIrCA,SAJqC,CAK7C,IAAMC,SAA8B,8BAAQxE,QAAQ,CAACN,WAAjB,IAA8BsE,QAAQ,EAARA,QAA9B,GAApC,CAEA,oBACE,6BAAC,gCAAD,IACE,OAAO,EAAE3E,kBADX,EAEE,MAAM,EAAE,CAAC0E,iBAFX,EAGE,EAAE,EAAEU,OAAO,CAACvE,MAAM,IAAIiE,QAAX,CAHb,EAIE,YAAY,MAJd,EAKE,aAAa,MALf,EAME,KAAK,EAAE,CAACJ,iBANV,EAOE,IAAI,EAAE,CAACA,iBAPT,EAQE,QAAQ,EAAE,KAAKtC,aARjB,IAUG,UAAC1B,KAAD,2CACC,6BAAC,4BAAD,EAAmB,MAAI,CAACE,KAAxB,eACE,6BAAC,cAAD,IACE,GAAG,EAAE,MAAI,CAAC2B,eADZ,EAEE,QAAQ,EAAE,OAFZ,EAGE,SAAS,EAAE,2EACR8C,gBAASC,KAAT,CAAe,MAAI,CAACxE,KAApB,CADQ,IACqB,IADrB,YAERuE,gBAASE,MAAT,CAAgB,MAAI,CAACzE,KAArB,CAFQ,IAEsB8D,SAFtB,YAGRS,gBAASG,cAAT,CAAwB,MAAI,CAAC1E,KAA7B,CAHQ,IAG8B8D,SAAS,KAAKa,kBAAUC,cAAf,CAHvC,YAIRL,gBAASM,gBAAT,EAJQ,IAIsBd,WAJtB,cAKLH,iBAAiB,GACjB,EADiB,oBAGdW,sCAA6BH,SAA7B,EAAmE,MAAI,CAACpE,KAAxE,CAHc,IAGmE,IAHnE,OAIduE,gBAASO,eAAT,EAJc,IAIelF,KAAK,KAAK,UAJzB,OAKd2E,gBAASQ,qBAAT,EALc,IAKqBnF,KAAK,KAAK,SAL/B,OAMd2E,gBAASS,cAAT,EANc,IAMcpF,KAAK,KAAK,SANxB,OALZ,EAHb,EAiBE,KAAK,EAAEyE,SAjBT,EAkBE,YAAY,EAAE,MAAI,CAAC1D,gBAlBrB,EAmBE,YAAY,EAAE,MAAI,CAACG,gBAnBrB,iBAqBE,sCAAK,SAAS,EAAEyD,gBAASU,OAAT,CAAiB,MAAI,CAACjF,KAAtB,CAAhB,EAA8C,YAAU,cAAxD,iBACE,sCACE,SAAS,EAAEuE,gBAASW,YAAT,CAAsB,MAAI,CAAClF,KAA3B,CADb,EAEE,KAAK,EAAE,EAAE2D,eAAe,EAAfA,eAAF,EAFT,EAGE,YAAU,mBAHZ,IAKGK,QALH,CADF,CArBF,EA8BG,MAAI,CAACmB,SAAL,CAAetF,QAAQ,CAACP,QAAxB,CA9BH,CADF,CADD,EAVH,CADF,CAiDD,C,QAOO2E,c,GAAR,0BAAyB,CACvB,OAAO,uBAAW,KAAKnE,KAAL,CAAWkE,QAAtB,IAAkC,KAAKlE,KAAL,CAAWkE,QAAX,EAAlC,GAA0D,KAAKlE,KAAL,CAAWkE,QAA5E,CACD,C,QAQOmB,S,GAAR,mBAAkBC,YAAlB,EAAyD,CACvD;AACJ;AACA;AACA;AACA,OACI,IAAMC,oBAAoB,GAAG,KAAKrF,KAAL,CAAWsF,gBAAX,KAAgCrG,0BAA7D,CACA,IAAMsG,SAAS,GAAGZ,kBAAUU,oBAAV,GAAiC,qBAAjC,GAAyD,KAAKrF,KAAL,CAAWsF,gBAAtF,CAPuD,mBASM,KAAKxF,KATX,CAS/C0F,OAT+C,gBAS/CA,OAT+C,CAStC1B,SATsC,gBAStCA,SATsC,CAS3BH,eAT2B,gBAS3BA,eAT2B,CASV8B,WATU,gBASVA,WATU,CAUvD,IAAMnG,QAAQ,GAAG4E,yBAAYC,iBAAZ,CAA8BiB,YAA9B,CAAjB,CAEA,OACE,KAAKtF,KAAL,CAAW4F,MAAX,iBACE,6BAAC,kBAAD,IACE,YAAY,EAAE,KAAKvF,gBADrB,EAEE,aAAa,EAAEiF,YAFjB,EAGE,IAAI,EAAEI,OAAO,IAAIG,QAAQ,CAAC,KAAK3F,KAAL,CAAW4F,YAAZ,CAH3B,EAIE,MAAM,EAAE,KAAKC,YAAL,CAAkBvG,QAAQ,CAACwG,KAA3B,CAJV,EAKE,WAAW,EAAEhC,SAAS,GAAG,CAAH,GAAO,CAL/B,EAME,eAAe,EAAEH,eAAe,IAAI,KAAK3D,KAAL,CAAW+F,eANjD,EAOE,WAAW,EAAEN,WAAW,IAAIF,SAP9B,GAFJ,CAaD,C,QAYOlD,mB,GAAR,+BAA8B,CAC5B,KAAKd,2BAAL,GACA,KAAKrB,gBAAL,GAAwB,kBAAI,KAAK0B,cAAT,CAAxB,CACD,C,QAEOL,2B,GAAR,uCAAsC,CACpC,IAAI,KAAKrB,gBAAT,EAA2B,CACzB8F,aAAIC,MAAJ,CAAW,KAAK/F,gBAAhB,EACA,KAAKA,gBAAL,GAAwB,IAAxB,CACD,CACF,C,QAeO6B,c,GAAR,wBAAuBmE,CAAvB,EAAmDC,CAAnD,EAA+E,CAC7E,IAAID,CAAC,KAAKC,CAAV,EAAa,CACX,OAAO,IAAP,CACD;AAED,QAAID,CAAC,IAAI,IAAL,IAAaC,CAAC,IAAI,IAAtB,EAA4B;AAC1B,aAAO,KAAP;AACD;;AAED;AACED,MAAAA,CAAC,CAAC3G,WAAF,CAAcE,IAAd,KAAuB0G,CAAC,CAAC5G,WAAF,CAAcE,IAArC,IAA6CyG,CAAC,CAAC3G,WAAF,CAAcC,GAAd,KAAsB2G,CAAC,CAAC5G,WAAF,CAAcC,GAAjF,IAAwF0G,CAAC,CAAC5G,QAAF,KAAe6G,CAAC,CAAC7G,QAD3G;;AAGD,G;;AAEOwC,EAAAA,W,GAAR,qBAAoBD,YAApB,EAA+ChC,QAA/C,EAAmF;AACjF,QAAMuG,SAAS,GAAG,KAAKtG,KAAL,CAAWsG,SAA7B;AACA,QAAMhG,aAAa,GAAG,KAAKA,aAA3B;;AAEA;AACEA,IAAAA,aAAa,IAAI,4BAAcA,aAAd,CADnB;AAEE,kEAFF;;;AAKA,QAAI,EAAEA,aAAa,IAAI,4BAAcA,aAAd,CAAnB,CAAJ,EAAsD;AACpD,aAAOP,QAAP;AACD;;AAED,QAAMwG,UAAU,GAAGnC,yBAAYoC,sBAAZ,CAAmClG,aAAnC,CAAnB;AACA,QAAMmG,SAAS,GAAGrC,yBAAYoC,sBAAZ,CAAmCzE,YAAnC,CAAlB;;AAEA,QAAIvC,QAAJ;AACA,QAAIC,WAAJ;;AAEA,QAAIM,QAAQ,IAAIA,QAAQ,KAAKR,cAAzB,IAA2CQ,QAAQ,CAACP,QAAxD,EAAkE;AAChEA,MAAAA,QAAQ,GAAGO,QAAQ,CAACP,QAApB;AACAC,MAAAA,WAAW,GAAG,KAAKiH,cAAL,CAAoBH,UAApB,EAAgCE,SAAhC,EAA2CjH,QAA3C,CAAd;;AAEA,UAAMmH,cAAc,GAAGvC,yBAAYuC,cAAZ,CAA2BlH,WAA3B,EAAwCgH,SAAxC,CAAvB;AACA,UAAMG,gBAAgB,GAAG,CAACD,cAAD,IAAmBvC,yBAAYyC,qBAAZ,CAAkCrH,QAAlC,EAA4CC,WAA5C,CAA5C;AACA,UAAIkH,cAAc,IAAIC,gBAAtB,EAAwC;AACtC,eAAO,EAAEnH,WAAW,EAAXA,WAAF,EAAeD,QAAQ,EAARA,QAAf,EAAP;AACD;AACF;;AAED,yDAAiB8G,SAAjB,wCAA4B,CAAvB9G,QAAuB;AAC1BC,MAAAA,WAAW,GAAG,KAAKiH,cAAL,CAAoBH,UAApB,EAAgCE,SAAhC,EAA2CjH,QAA3C,CAAd;AACA,UAAI4E,yBAAYuC,cAAZ,CAA2BlH,WAA3B,EAAwCgH,SAAxC,CAAJ,EAAwD;AACtD,eAAO,EAAEhH,WAAW,EAAXA,WAAF,EAAeD,QAAQ,EAARA,QAAf,EAAP;AACD;AACF;;AAEDA,IAAAA,QAAQ,GAAG8G,SAAS,CAAC,CAAD,CAApB;AACA7G,IAAAA,WAAW,GAAG,KAAKiH,cAAL,CAAoBH,UAApB,EAAgCE,SAAhC,EAA2CjH,QAA3C,CAAd;AACA,WAAO,EAAEC,WAAW,EAAXA,WAAF,EAAeD,QAAQ,EAARA,QAAf,EAAP;AACD,G;;AAEOsH,EAAAA,oB,GAAR,8BAA6BP,UAA7B,EAA+C/G,QAA/C,EAAyE;AACvE,QAAI,CAAC,KAAKQ,KAAL,CAAW4F,MAAZ,IAAsB,gBAAgBmB,IAAhB,CAAqBvH,QAAQ,CAACwG,KAA9B,CAA1B,EAAgE;AAC9D,aAAO,CAAP;AACD;;AAED,QAAMgB,UAAU,GAAG,aAAaD,IAAb,CAAkBvH,QAAQ,CAAC8E,SAA3B,IAAwCiC,UAAU,CAACU,KAAnD,GAA2DV,UAAU,CAACW,MAAzF,CALuE;;AAO/DxB,IAAAA,OAP+D,GAOnD,KAAK1F,KAP8C,CAO/D0F,OAP+D;;AASvE,WAAOyB,IAAI,CAACC,GAAL;AACL,KADK;AAEL,SAAKrB,YAAL,CAAkBvG,QAAQ,CAACwG,KAA3B,KAAqCN,OAAO,IAAIG,QAAQ,CAAC,KAAK3F,KAAL,CAAW4F,YAAZ,CAAxD,IAAqFkB,UAAU,GAAG,CAF7F,CAAP;;AAID,G;;AAEON,EAAAA,c,GAAR,wBAAuBH,UAAvB,EAAyCE,SAAzC,EAA0DnB,YAA1D,EAAgF;AAC9E,QAAM+B,MAAM,GAAG,KAAKrH,KAAL,CAAWqH,MAAX,IAAqBxB,QAAQ,CAAC,KAAK3F,KAAL,CAAWoH,WAAZ,CAA5C;AACA,QAAM9H,QAAQ,GAAG4E,yBAAYC,iBAAZ,CAA8BiB,YAA9B,CAAjB;AACA,QAAMiC,WAAW,GAAG,KAAKvH,KAAL,CAAWuH,WAAX,GAAyB,KAAKT,oBAAL,CAA0BP,UAA1B,EAAsC/G,QAAtC,CAA7C;;AAEA,YAAQA,QAAQ,CAAC8E,SAAjB;AACE,WAAK,KAAL;AACE,eAAO;AACL5E,UAAAA,GAAG,EAAE6G,UAAU,CAAC7G,GAAX,GAAiB+G,SAAS,CAACS,MAA3B,GAAoCG,MADpC;AAEL1H,UAAAA,IAAI,EAAE,KAAK6H,qBAAL,CAA2BjB,UAA3B,EAAuCE,SAAvC,EAAkDjH,QAAQ,CAACwG,KAA3D,EAAkEuB,WAAlE,CAFD,EAAP;;AAIF,WAAK,QAAL;AACE,eAAO;AACL7H,UAAAA,GAAG,EAAE6G,UAAU,CAAC7G,GAAX,GAAiB6G,UAAU,CAACW,MAA5B,GAAqCG,MADrC;AAEL1H,UAAAA,IAAI,EAAE,KAAK6H,qBAAL,CAA2BjB,UAA3B,EAAuCE,SAAvC,EAAkDjH,QAAQ,CAACwG,KAA3D,EAAkEuB,WAAlE,CAFD,EAAP;;AAIF,WAAK,MAAL;AACE,eAAO;AACL7H,UAAAA,GAAG,EAAE,KAAK+H,mBAAL,CAAyBlB,UAAzB,EAAqCE,SAArC,EAAgDjH,QAAQ,CAACwG,KAAzD,EAAgEuB,WAAhE,CADA;AAEL5H,UAAAA,IAAI,EAAE4G,UAAU,CAAC5G,IAAX,GAAkB8G,SAAS,CAACQ,KAA5B,GAAoCI,MAFrC,EAAP;;AAIF,WAAK,OAAL;AACE,eAAO;AACL3H,UAAAA,GAAG,EAAE,KAAK+H,mBAAL,CAAyBlB,UAAzB,EAAqCE,SAArC,EAAgDjH,QAAQ,CAACwG,KAAzD,EAAgEuB,WAAhE,CADA;AAEL5H,UAAAA,IAAI,EAAE4G,UAAU,CAAC5G,IAAX,GAAkB4G,UAAU,CAACU,KAA7B,GAAqCI,MAFtC,EAAP;;AAIF;AACE,cAAM,IAAIK,KAAJ,4BAAmClI,QAAQ,CAAC8E,SAA5C,OAAN,CAtBJ;;AAwBD,G;;AAEOyB,EAAAA,Y,GAAR,sBAAqBC,KAArB,EAAoC;AAC1B2B,IAAAA,SAD0B,GACZ,KAAK3H,KADO,CAC1B2H,SAD0B;;AAGlC,YAAQ3B,KAAR;AACE,WAAK,KAAL;AACA,WAAK,QAAL;AACE,eAAO2B,SAAS,IAAI9B,QAAQ,CAAC,KAAK3F,KAAL,CAAW0H,cAAZ,CAArB,IAAoD/B,QAAQ,CAAC,KAAK3F,KAAL,CAAW2H,eAAZ,CAAnE;AACF,WAAK,MAAL;AACA,WAAK,OAAL;AACE,eAAOF,SAAS,IAAI9B,QAAQ,CAAC,KAAK3F,KAAL,CAAW0H,cAAZ,CAArB,IAAoD/B,QAAQ,CAAC,KAAK3F,KAAL,CAAW4H,eAAZ,CAAnE;AACF,WAAK,QAAL;AACA,WAAK,QAAL;AACE,eAAO,CAAP;AACF;AACE,cAAM,IAAIJ,KAAJ,wBAA+B1B,KAA/B,OAAN,CAXJ;;AAaD,G;;AAEOwB,EAAAA,qB,GAAR,+BAA8BjB,UAA9B,EAAgDE,SAAhD,EAAiET,KAAjE,EAAgFuB,WAAhF,EAAqG;AACnG,YAAQvB,KAAR;AACE,WAAK,MAAL;AACE,eAAOO,UAAU,CAAC5G,IAAX,GAAkB4H,WAAzB;AACF,WAAK,QAAL;AACE,eAAOhB,UAAU,CAAC5G,IAAX,GAAkB,CAAC8G,SAAS,CAACQ,KAAV,GAAkBV,UAAU,CAACU,KAA9B,IAAuC,CAAhE;AACF,WAAK,OAAL;AACE,eAAOV,UAAU,CAAC5G,IAAX,IAAmB8G,SAAS,CAACQ,KAAV,GAAkBV,UAAU,CAACU,KAAhD,IAAyDM,WAAhE;AACF;AACE,cAAM,IAAIG,KAAJ,wBAA+B1B,KAA/B,OAAN,CARJ;;AAUD,G;;AAEOyB,EAAAA,mB,GAAR,6BAA4BlB,UAA5B,EAA8CE,SAA9C,EAA+DT,KAA/D,EAA8EuB,WAA9E,EAAmG;AACjG,YAAQvB,KAAR;AACE,WAAK,KAAL;AACE,eAAOO,UAAU,CAAC7G,GAAX,GAAiB6H,WAAxB;AACF,WAAK,QAAL;AACE,eAAOhB,UAAU,CAAC7G,GAAX,GAAiB,CAAC+G,SAAS,CAACS,MAAV,GAAmBX,UAAU,CAACW,MAA/B,IAAyC,CAAjE;AACF,WAAK,QAAL;AACE,eAAOX,UAAU,CAAC7G,GAAX,IAAkB+G,SAAS,CAACS,MAAV,GAAmBX,UAAU,CAACW,MAAhD,IAA0DK,WAAjE;AACF;AACE,cAAM,IAAIG,KAAJ,wBAA+B1B,KAA/B,OAAN,CARJ;;AAUD,G,gBA3fwB1C,eAAMyE,S,wBAApBlI,K,CACGmI,mB,GAAsB,O,CADzBnI,K,CAGGoI,S,GAAY,EACxB;AACJ;AACA,KACI3H,aAAa,EAAE4H,mBAAUC,SAAV,CAAoB,CAAC,sCAAwB,oBAAMC,WAAN,EAAxB,CAAD,EAA6CF,mBAAUG,IAAvD,CAApB,EAAkFC,UAJzE,EAMxB;AACJ;AACA,KACIzE,eAAe,EAAEqE,mBAAUK,MATH,EAWxBrE,QAAQ,EAAEgE,mBAAUC,SAAV,CAAoB,CAACD,mBAAUG,IAAX,EAAiBH,mBAAUM,IAA3B,CAApB,CAXc,EAaxB;AACJ;AACA,KACI5C,MAAM,EAAEsC,mBAAUO,IAhBM,EAkBxB;AACJ;AACA,KACIzE,SAAS,EAAEkE,mBAAUO,IArBG,EAuBxB;AACJ;AACA,KACIpB,MAAM,EAAEa,mBAAUQ,MA1BM,EA4BxB;AACJ;AACA,KACIzI,MAAM,EAAEiI,mBAAUO,IA/BM,EAiCxB;AACJ;AACA,KACId,SAAS,EAAEO,mBAAUQ,MApCG,EAsCxB;AACJ;AACA;AACA;AACA,KACIhD,OAAO,EAAEwC,mBAAUQ,MA3CK,EA6CxB;AACJ;AACA,KACInB,WAAW,EAAEW,mBAAUQ,MAhDC,EAkDxB;AACJ;AACA;AACA,KACIpC,SAAS,EAAE4B,mBAAUS,KAtDG,EAwDxB;AACJ;AACA,KACI1E,WAAW,EAAEiE,mBAAUO,IA3DC,E,CAHf5I,K,CAiEG+I,Y,GAAe,EAC3BrB,WAAW,EAAE,CADc,EAE3B3B,MAAM,EAAE,KAFmB,EAG3B5B,SAAS,EAAE,KAHgB,EAI3BF,iBAAiB,EAAE+E,6BAJQ,EAK3BzF,UAAU,EAAE,KALe,EAM3Ba,WAAW,EAAE,KANc,E","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';\nimport cn from 'classnames';\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 } from '../../lib/utils';\nimport { isIE11, isEdge } 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';\n\nimport { PopupPin } from './PopupPin';\nimport { Offset, PopupHelper, PositionObject, Rect } from './PopupHelper';\nimport { jsStyles } 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  useWrapper: boolean;\n  ignoreHover: boolean;\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\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  };\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\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    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 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        {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 renderContent(location: PopupLocation) {\n    const { backgroundColor, 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    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={cn({\n                [jsStyles.popup(this.theme)]: true,\n                [jsStyles.shadow(this.theme)]: hasShadow,\n                [jsStyles.shadowFallback(this.theme)]: hasShadow && (isIE11 || isEdge),\n                [jsStyles.popupIgnoreHover()]: ignoreHover,\n                ...(disableAnimations\n                  ? {}\n                  : {\n                      [jsStyles[`transition-enter-${direction}` as keyof typeof jsStyles](this.theme)]: true,\n                      [jsStyles.transitionEnter()]: state === 'entering',\n                      [jsStyles.transitionEnterActive()]: state === 'entered',\n                      [jsStyles.transitionExit()]: state === 'exiting',\n                    }),\n              })}\n              style={rootStyle}\n              onMouseEnter={this.handleMouseEnter}\n              onMouseLeave={this.handleMouseLeave}\n            >\n              <div className={jsStyles.content(this.theme)} data-tid={'PopupContent'}>\n                <div\n                  className={jsStyles.contentInner(this.theme)}\n                  style={{ backgroundColor }}\n                  data-tid={'PopupContentInner'}\n                >\n                  {children}\n                </div>\n              </div>\n              {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 = this.props.positions;\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      if (isFullyVisible || canBecomeVisible) {\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 = this.props.margin || parseInt(this.theme.popupMargin);\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/cjs/internal/Popup/Popup.styles.d.ts

@@ -1,15 +1,15 @@
-export declare const jsStyles: {
-    popup(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    popupIgnoreHover(): string;
-    content(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    contentInner(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    shadow(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    shadowFallback(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    transitionEnter(): string;
-    'transition-enter-top'(): string;
-    'transition-enter-bottom'(): string;
-    'transition-enter-left'(): string;
-    'transition-enter-right'(): string;
-    transitionEnterActive(): string;
-    transitionExit(): string;
-};
+export declare const jsStyles: {
+    popup(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    popupIgnoreHover(): string;
+    content(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    contentInner(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    shadow(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    shadowFallback(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    transitionEnter(): string;
+    'transition-enter-top'(): string;
+    'transition-enter-bottom'(): string;
+    'transition-enter-left'(): string;
+    'transition-enter-right'(): string;
+    transitionEnterActive(): string;
+    transitionExit(): string;
+};