@skbkontur/react-ui 0.0.0-a56ed1062c → 0.0.0-aca98a1591

package/components/Tooltip/Tooltip/Tooltip.js

@@ -1,19 +1,29 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import warning from 'warning';
 import isEqual from 'lodash.isequal';
+import { isNullable } from "../../../lib/utils";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
-import { Popup } from "../../../internal/Popup";
+import { DefaultPosition, Popup } from "../../../internal/Popup";
 import { RenderLayer } from "../../../internal/RenderLayer";
 import { CrossIcon } from "../../../internal/icons/CrossIcon";
 import { containsTargetOrRenderContainer } from "../../../lib/listenFocusOutside";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { jsStyles } from "../Tooltip.styles";
+import { responsiveLayout } from "../../ResponsiveLayout/decorator";
+import { rootNode } from "../../../lib/rootNode";
+import { styles } from "../Tooltip.styles";
+export var TooltipDataTids = {
+  root: 'Tooltip__root',
+  content: 'Tooltip__content'
+};
 var Positions = ['right bottom', 'right middle', 'right top', 'top right', 'top center', 'top left', 'left top', 'left middle', 'left bottom', 'bottom left', 'bottom center', 'bottom right'];
-export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
+export var Tooltip = rootNode(_class = responsiveLayout(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
   _inheritsLoose(Tooltip, _React$PureComponent);
 
   function Tooltip() {
@@ -28,25 +38,39 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
       opened: false,
       focused: false
     };
-    _this.theme = void 0;
     _this.hoverTimeout = null;
     _this.contentElement = null;
     _this.positions = null;
-    _this.clickedOutside = true;
+    _this.popupRef = /*#__PURE__*/React.createRef();
 
     _this.renderContent = function () {
       var content = _this.props.render ? _this.props.render() : null;
 
-      if (content == null) {
+      if (isNullable(content)) {
         return null;
       }
 
       return /*#__PURE__*/React.createElement("div", {
         ref: _this.refContent,
-        className: jsStyles.tooltipContent()
+        className: styles.tooltipContent(_this.theme),
+        "data-tid": TooltipDataTids.content
       }, content, _this.renderCloseButton());
     };
 
+    _this.getAnchorElement = function () {
+      var _this$popupRef$curren;
+
+      return (_this$popupRef$curren = _this.popupRef.current) == null ? void 0 : _this$popupRef$curren.anchorElement;
+    };
+
+    _this.mobileCloseHandler = function () {
+      if (_this.props.trigger === 'manual' || _this.props.trigger === 'closed' || _this.props.trigger === 'opened') {
+        return;
+      }
+
+      _this.close();
+    };
+
     _this.refContent = function (node) {
       _this.contentElement = node;
     };
@@ -76,6 +100,10 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
     };
 
     _this.handleMouseLeave = function (event) {
+      if (_this.isMobileLayout) {
+        return;
+      }
+
       if (_this.props.trigger === 'hover&focus' && _this.state.focused || _this.props.trigger === 'hover' && event.relatedTarget === _this.contentElement) {
         return;
       }
@@ -93,10 +121,8 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
       _this.open();
     };
 
-    _this.handleClickOutsideAnchor = function (event) {
-      _this.clickedOutside = _this.isClickOutsideContent(event);
-
-      if (_this.clickedOutside) {
+    _this.handleClickOutside = function (event) {
+      if (_this.isClickOutsideContent(event) && _this.isClickOutsideAnchor(event)) {
         if (_this.props.onCloseRequest) {
           _this.props.onCloseRequest();
         }
@@ -114,16 +140,20 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
     };
 
     _this.handleBlur = function () {
-      if (_this.props.trigger === 'hover&focus' && _this.clickedOutside) {
+      if (_this.props.trigger === 'focus') {
         _this.close();
       }
 
-      if (_this.props.trigger === 'focus') {
+      _this.setState({
+        focused: false
+      });
+    };
+
+    _this.handleFocusOutside = function () {
+      if (_this.props.trigger === 'hover&focus') {
         _this.close();
       }
 
-      _this.clickedOutside = true;
-
       _this.setState({
         focused: false
       });
@@ -152,16 +182,16 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
 
   var _proto = Tooltip.prototype;
 
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.trigger === 'closed') {
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    if (this.props.trigger === 'closed' && this.state.opened) {
       this.close();
     }
 
     var _this$props = this.props,
         allowedPositions = _this$props.allowedPositions,
         pos = _this$props.pos;
-    var posChanged = nextProps.pos !== pos;
-    var allowedChanged = !isEqual(nextProps.allowedPositions, allowedPositions);
+    var posChanged = prevProps.pos !== pos;
+    var allowedChanged = !isEqual(prevProps.allowedPositions, allowedPositions);
 
     if (posChanged || allowedChanged) {
       this.positions = null;
@@ -179,8 +209,13 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
       _this2.theme = theme;
       return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
         value: ThemeFactory.create({
-          popupPinOffset: '17px',
-          popupMargin: '15px'
+          popupPinOffset: theme.tooltipPinOffset,
+          popupMargin: theme.tooltipMargin,
+          popupBorder: theme.tooltipBorder,
+          popupBorderRadius: theme.tooltipBorderRadius,
+          popupPinSize: theme.tooltipPinSize,
+          popupPinOffsetX: theme.tooltipPinOffsetX,
+          popupPinOffsetY: theme.tooltipPinOffsetY
         }, theme)
       }, _this2.renderMain());
     });
@@ -189,24 +224,26 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
   _proto.renderCloseButton = function renderCloseButton() {
     var hasCross = this.props.closeButton === undefined ? !Tooltip.triggersWithoutCloseButton.includes(this.props.trigger) : this.props.closeButton;
 
-    if (!hasCross) {
+    if (!hasCross || this.isMobileLayout) {
       return null;
     }
 
     return /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.cross(this.theme),
+      className: styles.cross(this.theme),
       onClick: this.handleCloseButtonClick
     }, /*#__PURE__*/React.createElement(CrossIcon, null));
-  }
-  /**
-  * Программно открывает тултип.
-  * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
-  * @public
+  };
+  /**
+  * Программно открывает тултип.
+  * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
+  * @public
   */
-  ;
+
 
   _proto.show = function show() {
-    if (this.state.opened) return;
+    if (this.state.opened) {
+      return;
+    }
 
     if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {
       warning(true, "Function 'show' is not supported with trigger specified '" + this.props.trigger + "'");
@@ -215,10 +252,10 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
 
     this.open();
   }
-  /**
-  * Программно закрывает тултип.
-  * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
-  * @public
+  /**
+  * Программно закрывает тултип.
+  * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
+  * @public
   */
   ;
 
@@ -244,11 +281,21 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
 
     var anchorElement = props.children || props.anchorElement;
     var popup = this.renderPopup(anchorElement, popupProps, content);
-    return /*#__PURE__*/React.createElement(RenderLayer, layerProps, popup);
+
+    if (this.isMobileLayout) {
+      return popup;
+    }
+
+    return /*#__PURE__*/React.createElement(RenderLayer, _extends({}, layerProps, {
+      getAnchorElement: this.getAnchorElement
+    }), popup);
   };
 
   _proto.renderPopup = function renderPopup(anchorElement, popupProps, content) {
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(Popup, _extends({
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement(Popup, _extends({
+      "data-tid": TooltipDataTids.root,
       anchorElement: anchorElement,
       hasPin: true,
       hasShadow: true,
@@ -258,7 +305,10 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
       positions: this.getPositions(),
       ignoreHover: this.props.trigger === 'hoverAnchor',
       onOpen: this.props.onOpen,
-      onClose: this.props.onClose
+      onClose: this.props.onClose,
+      mobileOnCloseRequest: this.mobileCloseHandler,
+      tryPreserveFirstRenderedPosition: true,
+      ref: this.popupRef
     }, popupProps), content));
   };
 
@@ -281,12 +331,12 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
     var props = this.props;
     var useWrapper = !!props.children && props.useWrapper;
 
-    switch (props.trigger) {
+    switch (this.props.trigger) {
       case 'opened':
         return {
           layerProps: {
             active: true,
-            onClickOutside: this.handleClickOutsideAnchor
+            onClickOutside: this.handleClickOutside
           },
           popupProps: {
             opened: true,
@@ -323,7 +373,7 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
         return {
           layerProps: {
             active: this.state.opened,
-            onClickOutside: this.handleClickOutsideAnchor
+            onClickOutside: this.handleClickOutside
           },
           popupProps: {
             onClick: this.handleClick,
@@ -344,11 +394,11 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
         return {
           layerProps: {
             active: this.state.opened,
-            onClickOutside: this.handleClickOutsideAnchor
+            onClickOutside: this.handleClickOutside
           },
           popupProps: {
             onFocus: this.handleFocus,
-            onBlur: this.handleBlur,
+            onFocusOutside: this.handleFocusOutside,
             onMouseEnter: this.handleMouseEnter,
             onMouseLeave: this.handleMouseLeave,
             useWrapper: useWrapper
@@ -368,30 +418,33 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
   };
 
   _proto.isClickOutsideContent = function isClickOutsideContent(event) {
-    if (this.contentElement && event.target instanceof Element) {
-      return !containsTargetOrRenderContainer(event.target)(this.contentElement);
+    return this.isClickOutside(event, this.contentElement);
+  };
+
+  _proto.isClickOutsideAnchor = function isClickOutsideAnchor(event) {
+    return this.isClickOutside(event, this.getAnchorElement());
+  };
+
+  _proto.isClickOutside = function isClickOutside(event, target) {
+    if (target && event.target instanceof Element) {
+      return !containsTargetOrRenderContainer(event.target)(target);
     }
 
     return true;
   };
 
   return Tooltip;
-}(React.PureComponent);
-Tooltip.__KONTUR_REACT_UI__ = 'Tooltip';
-Tooltip.propTypes = {
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Tooltip', _class2.propTypes = {
   children: function children(props, propName, componentName) {
     var children = props[propName];
     warning(children || props.anchorElement, "[" + componentName + "]: you must provide either 'children' or 'anchorElement' prop for " + componentName + " to work properly");
     warning(!(Array.isArray(children) && props.useWrapper === false), "[" + componentName + "]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly");
   }
-};
-Tooltip.defaultProps = {
-  pos: 'top left',
+}, _class2.defaultProps = {
+  pos: DefaultPosition,
   trigger: 'hover',
   allowedPositions: Positions,
   disableAnimations: isTestEnv,
-  useWrapper: true,
+  useWrapper: false,
   closeOnChildrenMouseLeave: false
-};
-Tooltip.delay = 100;
-Tooltip.triggersWithoutCloseButton = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];
+}, _class2.delay = 100, _class2.triggersWithoutCloseButton = ['hover', 'hoverAnchor', 'focus', 'hover&focus'], _temp)) || _class) || _class;

package/components/Tooltip/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Tooltip.tsx"],"names":["React","warning","isEqual","ThemeFactory","Popup","RenderLayer","CrossIcon","containsTargetOrRenderContainer","ThemeContext","isTestEnv","CommonWrapper","jsStyles","Positions","Tooltip","state","opened","focused","theme","hoverTimeout","contentElement","positions","clickedOutside","renderContent","content","props","render","refContent","tooltipContent","renderCloseButton","node","open","setState","close","handleMouseEnter","event","isHoverAnchor","trigger","target","clearHoverTimeout","window","setTimeout","delay","handleMouseLeave","relatedTarget","handleClick","handleClickOutsideAnchor","isClickOutsideContent","onCloseRequest","handleFocus","handleBlur","handleCloseButtonClick","stopPropagation","onCloseClick","defaultPrevented","UNSAFE_componentWillReceiveProps","nextProps","allowedPositions","pos","posChanged","allowedChanged","componentWillUnmount","create","popupPinOffset","popupMargin","renderMain","hasCross","closeButton","undefined","triggersWithoutCloseButton","includes","cross","show","hide","getProps","popupProps","layerProps","active","anchorElement","children","popup","renderPopup","disableAnimations","getPositions","onOpen","onClose","index","indexOf","Error","join","slice","useWrapper","onClickOutside","onMouseEnter","onMouseLeave","onClick","onFocus","onBlur","clearTimeout","Element","PureComponent","__KONTUR_REACT_UI__","propTypes","propName","componentName","Array","isArray","defaultProps","closeOnChildrenMouseLeave"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport warning from 'warning';\r\nimport isEqual from 'lodash.isequal';\r\n\r\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\nimport { Popup, PopupPosition, PopupProps } from '../../internal/Popup';\r\nimport { RenderLayer, RenderLayerProps } from '../../internal/RenderLayer';\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { MouseEventType } from '../../typings/event-types';\r\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Tooltip.styles';\r\n\r\nconst Positions: PopupPosition[] = [\r\n  'right bottom',\r\n  'right middle',\r\n  'right top',\r\n  'top right',\r\n  'top center',\r\n  'top left',\r\n  'left top',\r\n  'left middle',\r\n  'left bottom',\r\n  'bottom left',\r\n  'bottom center',\r\n  'bottom right',\r\n];\r\n\r\nexport type TooltipTrigger =\r\n  /** Наведение на children и на тултип */\r\n  | 'hover'\r\n  /** Клик на children */\r\n  | 'click'\r\n  /** Фокус на children */\r\n  | 'focus'\r\n  /** Наведение на children и на тултип и фокус на children */\r\n  | 'hover&focus'\r\n  /** Просто открыт */\r\n  | 'opened'\r\n  /** Просто закрыт */\r\n  | 'closed'\r\n  /** Наведение ТОЛЬКО на children, а не на тултип */\r\n  | 'hoverAnchor'\r\n  /** Управление через публичные функции show и hide */\r\n  | 'manual';\r\n\r\nexport interface TooltipProps extends CommonProps {\r\n  /**\r\n   * Относительно какого элемента позиционировать тултип\r\n   */\r\n  anchorElement?: HTMLElement;\r\n\r\n  /**\r\n   * Если не указан `anchorElement` то тултип будет позиционироваться\r\n   * относительно дочерних элементов\r\n   */\r\n  children?: React.ReactNode;\r\n\r\n  className?: string;\r\n\r\n  /**\r\n   * Показывать крестик для закрытия тултипа. По-умолчанию крестик\r\n   * показывается если проп *trigger* не `hover` и не `focus`.\r\n   */\r\n  closeButton?: boolean;\r\n\r\n  /**\r\n   * Функция, которая возвращает содержимое тултипа.\r\n   *\r\n   * Если эта функция вернула `null`, то тултип не показывается.\r\n   */\r\n  render?: Nullable<() => React.ReactNode>;\r\n\r\n  pos: PopupPosition;\r\n\r\n  /**\r\n   * Триггер открытия тултипа\r\n   * ```ts\r\n   * type TooltipTrigger =\r\n   * | 'hover'\r\n   * | 'click'\r\n   * | 'focus'\r\n   * | 'hover&focus'\r\n   * | 'opened'\r\n   * | 'closed'\r\n   * | 'hoverAnchor'\r\n   * | 'manual';\r\n   * ```\r\n   */\r\n  trigger: TooltipTrigger;\r\n\r\n  /**\r\n   * Хэндлер, вызываемый при клике по крестику\r\n   */\r\n  onCloseClick?: React.MouseEventHandler<HTMLElement>;\r\n\r\n  /**\r\n   * Хэндлер, вызываемый при клике по крестику или\r\n   * снаружи тултипа\r\n   */\r\n  onCloseRequest?: () => void;\r\n\r\n  /**\r\n   * Хэндлер, вызываемый при закрытии тултипа\r\n   */\r\n  onClose?: () => void;\r\n\r\n  /**\r\n   * Хэндлер, вызываемый при открытии тултипа\r\n   */\r\n  onOpen?: () => void;\r\n\r\n  /**\r\n   * Список позиций, которые тултип будет занимать.\r\n   * Если положение тултипа в определенной позиции\r\n   * будет выходить за край экрана, то будет выбрана\r\n   * следующая позиция. Обязательно должен включать\r\n   * позицию указанную в `pos`\r\n   *\r\n   * ```ts\r\n   * type PopupPosition =\r\n   *   'right bottom',\r\n   * | 'right middle',\r\n   * | 'right top',\r\n   * | 'top right',\r\n   * | 'top center',\r\n   * | 'top left',\r\n   * | 'left top',\r\n   * | 'left middle',\r\n   * | 'left bottom',\r\n   * | 'bottom left',\r\n   * | 'bottom center',\r\n   * | 'bottom right'\r\n   * ```\r\n   */\r\n  allowedPositions: PopupPosition[];\r\n\r\n  /**\r\n   * Флаг отключения анимации.\r\n   * @default false\r\n   */\r\n  disableAnimations: boolean;\r\n\r\n  /**\r\n   * Использовать обертку над children в виде <span />\r\n   * @default true\r\n   */\r\n  useWrapper: boolean;\r\n}\r\n\r\nexport interface TooltipState {\r\n  opened: boolean;\r\n  focused: boolean;\r\n}\r\n\r\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> {\r\n  public static __KONTUR_REACT_UI__ = 'Tooltip';\r\n\r\n  public static propTypes = {\r\n    children(props: TooltipProps, propName: keyof TooltipProps, componentName: string) {\r\n      const children = props[propName];\r\n      warning(\r\n        children || props.anchorElement,\r\n        `[${componentName}]: you must provide either 'children' or 'anchorElement' prop for ${componentName} to work properly`,\r\n      );\r\n      warning(\r\n        !(Array.isArray(children) && props.useWrapper === false),\r\n        `[${componentName}]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly`,\r\n      );\r\n    },\r\n  };\r\n\r\n  public static defaultProps = {\r\n    pos: 'top left',\r\n    trigger: 'hover',\r\n    allowedPositions: Positions,\r\n    disableAnimations: isTestEnv,\r\n    useWrapper: true,\r\n    closeOnChildrenMouseLeave: false,\r\n  };\r\n\r\n  public static delay = 100;\r\n  private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\r\n\r\n  public state: TooltipState = { opened: false, focused: false };\r\n  private theme!: Theme;\r\n  private hoverTimeout: Nullable<number> = null;\r\n  private contentElement: Nullable<HTMLElement> = null;\r\n  private positions: Nullable<PopupPosition[]> = null;\r\n  private clickedOutside = true;\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: TooltipProps) {\r\n    if (nextProps.trigger === 'closed') {\r\n      this.close();\r\n    }\r\n\r\n    const { allowedPositions, pos } = this.props;\r\n    const posChanged = nextProps.pos !== pos;\r\n    const allowedChanged = !isEqual(nextProps.allowedPositions, allowedPositions);\r\n\r\n    if (posChanged || allowedChanged) {\r\n      this.positions = null;\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this.clearHoverTimeout();\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 (\r\n            <ThemeContext.Provider\r\n              value={ThemeFactory.create(\r\n                {\r\n                  popupPinOffset: '17px',\r\n                  popupMargin: '15px',\r\n                },\r\n                theme,\r\n              )}\r\n            >\r\n              {this.renderMain()}\r\n            </ThemeContext.Provider>\r\n          );\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  public renderContent = () => {\r\n    const content = this.props.render ? this.props.render() : null;\r\n    if (content == null) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div ref={this.refContent} className={jsStyles.tooltipContent()}>\r\n        {content}\r\n        {this.renderCloseButton()}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  public renderCloseButton() {\r\n    const hasCross =\r\n      this.props.closeButton === undefined\r\n        ? !Tooltip.triggersWithoutCloseButton.includes(this.props.trigger)\r\n        : this.props.closeButton;\r\n\r\n    if (!hasCross) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div className={jsStyles.cross(this.theme)} onClick={this.handleCloseButtonClick}>\r\n        <CrossIcon />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Программно открывает тултип.\r\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\r\n   * @public\r\n   */\r\n  public show() {\r\n    if (this.state.opened) return;\r\n    if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {\r\n      warning(true, `Function 'show' is not supported with trigger specified '${this.props.trigger}'`);\r\n      return;\r\n    }\r\n    this.open();\r\n  }\r\n\r\n  /**\r\n   * Программно закрывает тултип.\r\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\r\n   * @public\r\n   */\r\n  public hide() {\r\n    if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {\r\n      warning(true, `Function 'hide' is not supported with trigger specified '${this.props.trigger}'`);\r\n      return;\r\n    }\r\n    this.close();\r\n  }\r\n\r\n  private renderMain() {\r\n    const props = this.props;\r\n    const content = this.renderContent();\r\n    const { popupProps, layerProps = { active: false } } = this.getProps();\r\n    const anchorElement = props.children || props.anchorElement;\r\n    const popup = this.renderPopup(anchorElement, popupProps, content);\r\n\r\n    return <RenderLayer {...layerProps}>{popup}</RenderLayer>;\r\n  }\r\n\r\n  private renderPopup(\r\n    anchorElement: React.ReactNode | HTMLElement,\r\n    popupProps: Partial<PopupProps>,\r\n    content: JSX.Element | null,\r\n  ) {\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <Popup\r\n          anchorElement={anchorElement}\r\n          hasPin\r\n          hasShadow\r\n          maxWidth=\"none\"\r\n          opened={this.state.opened}\r\n          disableAnimations={this.props.disableAnimations}\r\n          positions={this.getPositions()}\r\n          ignoreHover={this.props.trigger === 'hoverAnchor'}\r\n          onOpen={this.props.onOpen}\r\n          onClose={this.props.onClose}\r\n          {...popupProps}\r\n        >\r\n          {content}\r\n        </Popup>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private refContent = (node: HTMLElement | null) => {\r\n    this.contentElement = node;\r\n  };\r\n\r\n  private getPositions() {\r\n    if (!this.positions) {\r\n      const allowedPositions = this.props.allowedPositions;\r\n      const index = allowedPositions.indexOf(this.props.pos);\r\n      if (index === -1) {\r\n        throw new Error('Unexpected position passed to Tooltip. Expected one of: ' + allowedPositions.join(', '));\r\n      }\r\n\r\n      this.positions = [...allowedPositions.slice(index), ...allowedPositions.slice(0, index)];\r\n    }\r\n\r\n    return this.positions;\r\n  }\r\n\r\n  private getProps(): {\r\n    layerProps?: Partial<RenderLayerProps>;\r\n    popupProps: Partial<PopupProps>;\r\n  } {\r\n    const props = this.props;\r\n    const useWrapper = !!props.children && props.useWrapper;\r\n    switch (props.trigger) {\r\n      case 'opened':\r\n        return {\r\n          layerProps: {\r\n            active: true,\r\n            onClickOutside: this.handleClickOutsideAnchor,\r\n          },\r\n          popupProps: {\r\n            opened: true,\r\n            useWrapper,\r\n          },\r\n        };\r\n\r\n      case 'closed':\r\n        return {\r\n          popupProps: {\r\n            opened: false,\r\n            useWrapper,\r\n          },\r\n        };\r\n\r\n      case 'hoverAnchor':\r\n      case 'hover':\r\n        return {\r\n          popupProps: {\r\n            onMouseEnter: this.handleMouseEnter,\r\n            onMouseLeave: this.handleMouseLeave,\r\n            useWrapper,\r\n          },\r\n        };\r\n      case 'manual':\r\n        return {\r\n          popupProps: {\r\n            useWrapper,\r\n          },\r\n        };\r\n      case 'click':\r\n        return {\r\n          layerProps: {\r\n            active: this.state.opened,\r\n            onClickOutside: this.handleClickOutsideAnchor,\r\n          },\r\n          popupProps: {\r\n            onClick: this.handleClick,\r\n            useWrapper,\r\n          },\r\n        };\r\n\r\n      case 'focus':\r\n        return {\r\n          popupProps: {\r\n            onFocus: this.handleFocus,\r\n            onBlur: this.handleBlur,\r\n            useWrapper,\r\n          },\r\n        };\r\n\r\n      case 'hover&focus':\r\n        return {\r\n          layerProps: {\r\n            active: this.state.opened,\r\n            onClickOutside: this.handleClickOutsideAnchor,\r\n          },\r\n          popupProps: {\r\n            onFocus: this.handleFocus,\r\n            onBlur: this.handleBlur,\r\n            onMouseEnter: this.handleMouseEnter,\r\n            onMouseLeave: this.handleMouseLeave,\r\n            useWrapper,\r\n          },\r\n        };\r\n\r\n      default:\r\n        throw new Error('Unknown trigger specified: ' + props.trigger);\r\n    }\r\n  }\r\n\r\n  private open = () => this.setState({ opened: true });\r\n\r\n  private close = () => this.setState({ opened: false });\r\n\r\n  private clearHoverTimeout() {\r\n    if (this.hoverTimeout) {\r\n      clearTimeout(this.hoverTimeout);\r\n      this.hoverTimeout = null;\r\n    }\r\n  }\r\n\r\n  private handleMouseEnter = (event: MouseEventType) => {\r\n    const isHoverAnchor = this.props.trigger === 'hoverAnchor';\r\n    if (isHoverAnchor && event.target === this.contentElement) {\r\n      return;\r\n    }\r\n\r\n    this.clearHoverTimeout();\r\n\r\n    this.hoverTimeout = window.setTimeout(this.open, Tooltip.delay);\r\n  };\r\n\r\n  private handleMouseLeave = (event: MouseEventType) => {\r\n    if (\r\n      (this.props.trigger === 'hover&focus' && this.state.focused) ||\r\n      (this.props.trigger === 'hover' && event.relatedTarget === this.contentElement)\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    this.clearHoverTimeout();\r\n\r\n    if (this.props.trigger === 'hoverAnchor') {\r\n      this.close();\r\n    } else {\r\n      this.hoverTimeout = window.setTimeout(this.close, Tooltip.delay);\r\n    }\r\n  };\r\n\r\n  private handleClick = () => {\r\n    this.open();\r\n  };\r\n\r\n  private handleClickOutsideAnchor = (event: Event) => {\r\n    this.clickedOutside = this.isClickOutsideContent(event);\r\n    if (this.clickedOutside) {\r\n      if (this.props.onCloseRequest) {\r\n        this.props.onCloseRequest();\r\n      }\r\n      this.close();\r\n    }\r\n  };\r\n\r\n  private isClickOutsideContent(event: Event) {\r\n    if (this.contentElement && event.target instanceof Element) {\r\n      return !containsTargetOrRenderContainer(event.target)(this.contentElement);\r\n    }\r\n\r\n    return true;\r\n  }\r\n\r\n  private handleFocus = () => {\r\n    this.setState({ focused: true });\r\n    this.open();\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    if (this.props.trigger === 'hover&focus' && this.clickedOutside) {\r\n      this.close();\r\n    }\r\n\r\n    if (this.props.trigger === 'focus') {\r\n      this.close();\r\n    }\r\n\r\n    this.clickedOutside = true;\r\n    this.setState({ focused: false });\r\n  };\r\n\r\n  private handleCloseButtonClick = (event: React.MouseEvent<HTMLElement>) => {\r\n    event.stopPropagation();\r\n\r\n    if (this.props.onCloseClick) {\r\n      this.props.onCloseClick(event);\r\n    }\r\n\r\n    if (event.defaultPrevented) {\r\n      return;\r\n    }\r\n\r\n    if (this.props.onCloseRequest) {\r\n      this.props.onCloseRequest();\r\n    }\r\n\r\n    this.close();\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Tooltip.tsx"],"names":["React","warning","isEqual","isNullable","ThemeFactory","DefaultPosition","Popup","RenderLayer","CrossIcon","containsTargetOrRenderContainer","ThemeContext","isTestEnv","CommonWrapper","responsiveLayout","rootNode","styles","TooltipDataTids","root","content","Positions","Tooltip","state","opened","focused","hoverTimeout","contentElement","positions","popupRef","createRef","renderContent","props","render","refContent","tooltipContent","theme","renderCloseButton","getAnchorElement","current","anchorElement","mobileCloseHandler","trigger","close","node","open","setState","handleMouseEnter","event","isHoverAnchor","target","clearHoverTimeout","window","setTimeout","delay","handleMouseLeave","isMobileLayout","relatedTarget","handleClick","handleClickOutside","isClickOutsideContent","isClickOutsideAnchor","onCloseRequest","handleFocus","handleBlur","handleFocusOutside","handleCloseButtonClick","stopPropagation","onCloseClick","defaultPrevented","componentDidUpdate","prevProps","allowedPositions","pos","posChanged","allowedChanged","componentWillUnmount","create","popupPinOffset","tooltipPinOffset","popupMargin","tooltipMargin","popupBorder","tooltipBorder","popupBorderRadius","tooltipBorderRadius","popupPinSize","tooltipPinSize","popupPinOffsetX","tooltipPinOffsetX","popupPinOffsetY","tooltipPinOffsetY","renderMain","hasCross","closeButton","undefined","triggersWithoutCloseButton","includes","cross","show","hide","getProps","popupProps","layerProps","active","children","popup","renderPopup","setRootNode","disableAnimations","getPositions","onOpen","onClose","index","indexOf","Error","join","slice","useWrapper","onClickOutside","onMouseEnter","onMouseLeave","onClick","onFocus","onBlur","onFocusOutside","clearTimeout","isClickOutside","Element","PureComponent","__KONTUR_REACT_UI__","propTypes","propName","componentName","Array","isArray","defaultProps","closeOnChildrenMouseLeave"],"mappings":"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","sourcesContent":["import React from 'react';\nimport warning from 'warning';\nimport isEqual from 'lodash.isequal';\n\nimport { isNullable } from '../../lib/utils';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { DefaultPosition, Popup, PopupProps, PopupPositionsType } from '../../internal/Popup';\nimport { RenderLayer, RenderLayerProps } from '../../internal/RenderLayer';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { Nullable } from '../../typings/utility-types';\nimport { MouseEventType } from '../../typings/event-types';\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\n\nimport { styles } from './Tooltip.styles';\n\nexport type TooltipTrigger =\n  /** Наведение на children и на тултип */\n  | 'hover'\n  /** Клик на children */\n  | 'click'\n  /** Фокус на children */\n  | 'focus'\n  /** Наведение на children и на тултип и фокус на children */\n  | 'hover&focus'\n  /** Просто открыт */\n  | 'opened'\n  /** Просто закрыт */\n  | 'closed'\n  /** Наведение ТОЛЬКО на children, а не на тултип */\n  | 'hoverAnchor'\n  /** Управление через публичные функции show и hide */\n  | 'manual';\n\nexport interface TooltipProps extends CommonProps {\n  /**\n   * Относительно какого элемента позиционировать тултип\n   */\n  anchorElement?: HTMLElement;\n\n  /**\n   * Если не указан `anchorElement` то тултип будет позиционироваться\n   * относительно дочерних элементов\n   */\n  children?: React.ReactNode;\n\n  className?: string;\n\n  /**\n   * Показывать крестик для закрытия тултипа. По-умолчанию крестик\n   * показывается если проп *trigger* не `hover` и не `focus`.\n   */\n  closeButton?: boolean;\n\n  /**\n   * Функция, которая возвращает содержимое тултипа.\n   *\n   * Если эта функция вернула `null`, то тултип не показывается.\n   */\n  render?: Nullable<() => React.ReactNode>;\n\n  /**\n   * Значение по умолчанию: `\"top left\"`.\n   */\n  pos: PopupPositionsType;\n\n  /**\n   * Триггер открытия тултипа\n   * ```ts\n   * type TooltipTrigger =\n   * | 'hover'\n   * | 'click'\n   * | 'focus'\n   * | 'hover&focus'\n   * | 'opened'\n   * | 'closed'\n   * | 'hoverAnchor'\n   * | 'manual';\n   * ```\n   */\n  trigger: TooltipTrigger;\n\n  /**\n   * Хэндлер, вызываемый при клике по крестику\n   */\n  onCloseClick?: React.MouseEventHandler<HTMLElement>;\n\n  /**\n   * Хэндлер, вызываемый при клике по крестику или\n   * снаружи тултипа\n   */\n  onCloseRequest?: () => void;\n\n  /**\n   * Хэндлер, вызываемый при закрытии тултипа\n   */\n  onClose?: () => void;\n\n  /**\n   * Хэндлер, вызываемый при открытии тултипа\n   */\n  onOpen?: () => void;\n\n  /**\n   * Список позиций, которые тултип будет занимать.\n   * Если положение тултипа в определенной позиции\n   * будет выходить за край экрана, то будет выбрана\n   * следующая позиция. Обязательно должен включать\n   * позицию указанную в `pos`\n   */\n  allowedPositions: PopupPositionsType[];\n\n  /**\n   * Флаг отключения анимации.\n   * @default false\n   */\n  disableAnimations: boolean;\n\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   *\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.\n   */\n  useWrapper: boolean;\n}\n\nexport interface TooltipState {\n  opened: boolean;\n  focused: boolean;\n}\n\nexport const TooltipDataTids = {\n  root: 'Tooltip__root',\n  content: 'Tooltip__content',\n} as const;\n\nconst Positions: PopupPositionsType[] = [\n  'right bottom',\n  'right middle',\n  'right top',\n  'top right',\n  'top center',\n  'top left',\n  'left top',\n  'left middle',\n  'left bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n];\n\n@rootNode\n@responsiveLayout\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {\n  public static __KONTUR_REACT_UI__ = 'Tooltip';\n\n  private isMobileLayout!: boolean;\n\n  public static propTypes = {\n    children(props: TooltipProps, propName: keyof TooltipProps, componentName: string) {\n      const children = props[propName];\n      warning(\n        children || props.anchorElement,\n        `[${componentName}]: you must provide either 'children' or 'anchorElement' prop for ${componentName} to work properly`,\n      );\n      warning(\n        !(Array.isArray(children) && props.useWrapper === false),\n        `[${componentName}]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly`,\n      );\n    },\n  };\n\n  public static defaultProps = {\n    pos: DefaultPosition,\n    trigger: 'hover',\n    allowedPositions: Positions,\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    closeOnChildrenMouseLeave: false,\n  };\n\n  public static delay = 100;\n  private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n\n  public state: TooltipState = { opened: false, focused: false };\n  private theme!: Theme;\n  private hoverTimeout: Nullable<number> = null;\n  private contentElement: Nullable<HTMLElement> = null;\n  private positions: Nullable<PopupPositionsType[]> = null;\n  private setRootNode!: TSetRootNode;\n\n  private popupRef = React.createRef<Popup>();\n  public componentDidUpdate(prevProps: TooltipProps) {\n    if (this.props.trigger === 'closed' && this.state.opened) {\n      this.close();\n    }\n\n    const { allowedPositions, pos } = this.props;\n    const posChanged = prevProps.pos !== pos;\n    const allowedChanged = !isEqual(prevProps.allowedPositions, allowedPositions);\n\n    if (posChanged || allowedChanged) {\n      this.positions = null;\n    }\n  }\n\n  public componentWillUnmount() {\n    this.clearHoverTimeout();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffset: theme.tooltipPinOffset,\n                  popupMargin: theme.tooltipMargin,\n                  popupBorder: theme.tooltipBorder,\n                  popupBorderRadius: theme.tooltipBorderRadius,\n                  popupPinSize: theme.tooltipPinSize,\n                  popupPinOffsetX: theme.tooltipPinOffsetX,\n                  popupPinOffsetY: theme.tooltipPinOffsetY,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderContent = () => {\n    const content = this.props.render ? this.props.render() : null;\n    if (isNullable(content)) {\n      return null;\n    }\n\n    return (\n      <div ref={this.refContent} className={styles.tooltipContent(this.theme)} data-tid={TooltipDataTids.content}>\n        {content}\n        {this.renderCloseButton()}\n      </div>\n    );\n  };\n\n  public renderCloseButton() {\n    const hasCross =\n      this.props.closeButton === undefined\n        ? !Tooltip.triggersWithoutCloseButton.includes(this.props.trigger)\n        : this.props.closeButton;\n\n    if (!hasCross || this.isMobileLayout) {\n      return null;\n    }\n\n    return (\n      <div className={styles.cross(this.theme)} onClick={this.handleCloseButtonClick}>\n        <CrossIcon />\n      </div>\n    );\n  }\n\n  public getAnchorElement = (): Nullable<HTMLElement> => {\n    return this.popupRef.current?.anchorElement;\n  };\n\n  /**\n   * Программно открывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public show() {\n    if (this.state.opened) {\n      return;\n    }\n    if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {\n      warning(true, `Function 'show' is not supported with trigger specified '${this.props.trigger}'`);\n      return;\n    }\n    this.open();\n  }\n\n  /**\n   * Программно закрывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public hide() {\n    if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {\n      warning(true, `Function 'hide' is not supported with trigger specified '${this.props.trigger}'`);\n      return;\n    }\n    this.close();\n  }\n\n  private renderMain() {\n    const props = this.props;\n    const content = this.renderContent();\n    const { popupProps, layerProps = { active: false } } = this.getProps();\n    const anchorElement = props.children || props.anchorElement;\n    const popup = this.renderPopup(anchorElement, popupProps, content);\n\n    if (this.isMobileLayout) {\n      return popup;\n    }\n\n    return (\n      <RenderLayer {...layerProps} getAnchorElement={this.getAnchorElement}>\n        {popup}\n      </RenderLayer>\n    );\n  }\n\n  private renderPopup(\n    anchorElement: React.ReactNode | HTMLElement,\n    popupProps: Partial<PopupProps>,\n    content: JSX.Element | null,\n  ) {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <Popup\n          data-tid={TooltipDataTids.root}\n          anchorElement={anchorElement}\n          hasPin\n          hasShadow\n          maxWidth=\"none\"\n          opened={this.state.opened}\n          disableAnimations={this.props.disableAnimations}\n          positions={this.getPositions()}\n          ignoreHover={this.props.trigger === 'hoverAnchor'}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          mobileOnCloseRequest={this.mobileCloseHandler}\n          tryPreserveFirstRenderedPosition\n          ref={this.popupRef}\n          {...popupProps}\n        >\n          {content}\n        </Popup>\n      </CommonWrapper>\n    );\n  }\n\n  private mobileCloseHandler = () => {\n    if (this.props.trigger === 'manual' || this.props.trigger === 'closed' || this.props.trigger === 'opened') {\n      return;\n    }\n\n    this.close();\n  };\n\n  private refContent = (node: HTMLElement | null) => {\n    this.contentElement = node;\n  };\n\n  private getPositions() {\n    if (!this.positions) {\n      const allowedPositions = this.props.allowedPositions;\n      const index = allowedPositions.indexOf(this.props.pos);\n      if (index === -1) {\n        throw new Error('Unexpected position passed to Tooltip. Expected one of: ' + allowedPositions.join(', '));\n      }\n\n      this.positions = [...allowedPositions.slice(index), ...allowedPositions.slice(0, index)];\n    }\n\n    return this.positions;\n  }\n\n  private getProps(): {\n    layerProps?: Partial<RenderLayerProps>;\n    popupProps: Partial<PopupProps>;\n  } {\n    const props = this.props;\n    const useWrapper = !!props.children && props.useWrapper;\n\n    switch (this.props.trigger) {\n      case 'opened':\n        return {\n          layerProps: {\n            active: true,\n            onClickOutside: this.handleClickOutside,\n          },\n          popupProps: {\n            opened: true,\n            useWrapper,\n          },\n        };\n\n      case 'closed':\n        return {\n          popupProps: {\n            opened: false,\n            useWrapper,\n          },\n        };\n\n      case 'hoverAnchor':\n      case 'hover':\n        return {\n          popupProps: {\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n      case 'manual':\n        return {\n          popupProps: {\n            useWrapper,\n          },\n        };\n      case 'click':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutside,\n          },\n          popupProps: {\n            onClick: this.handleClick,\n            useWrapper,\n          },\n        };\n\n      case 'focus':\n        return {\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            useWrapper,\n          },\n        };\n\n      case 'hover&focus':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutside,\n          },\n          popupProps: {\n            onFocus: this.handleFocus,\n            onFocusOutside: this.handleFocusOutside,\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n\n      default:\n        throw new Error('Unknown trigger specified: ' + props.trigger);\n    }\n  }\n\n  private open = () => this.setState({ opened: true });\n\n  private close = () => this.setState({ opened: false });\n\n  private clearHoverTimeout() {\n    if (this.hoverTimeout) {\n      clearTimeout(this.hoverTimeout);\n      this.hoverTimeout = null;\n    }\n  }\n\n  private handleMouseEnter = (event: MouseEventType) => {\n    const isHoverAnchor = this.props.trigger === 'hoverAnchor';\n    if (isHoverAnchor && event.target === this.contentElement) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n\n    this.hoverTimeout = window.setTimeout(this.open, Tooltip.delay);\n  };\n\n  private handleMouseLeave = (event: MouseEventType) => {\n    if (this.isMobileLayout) {\n      return;\n    }\n\n    if (\n      (this.props.trigger === 'hover&focus' && this.state.focused) ||\n      (this.props.trigger === 'hover' && event.relatedTarget === this.contentElement)\n    ) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n\n    if (this.props.trigger === 'hoverAnchor') {\n      this.close();\n    } else {\n      this.hoverTimeout = window.setTimeout(this.close, Tooltip.delay);\n    }\n  };\n\n  private handleClick = () => {\n    this.open();\n  };\n\n  private handleClickOutside = (event: Event) => {\n    if (this.isClickOutsideContent(event) && this.isClickOutsideAnchor(event)) {\n      if (this.props.onCloseRequest) {\n        this.props.onCloseRequest();\n      }\n      this.close();\n    }\n  };\n\n  private isClickOutsideContent(event: Event) {\n    return this.isClickOutside(event, this.contentElement);\n  }\n\n  private isClickOutsideAnchor(event: Event) {\n    return this.isClickOutside(event, this.getAnchorElement());\n  }\n\n  private isClickOutside(event: Event, target: Nullable<HTMLElement>) {\n    if (target && event.target instanceof Element) {\n      return !containsTargetOrRenderContainer(event.target)(target);\n    }\n\n    return true;\n  }\n\n  private handleFocus = () => {\n    this.setState({ focused: true });\n    this.open();\n  };\n\n  private handleBlur = () => {\n    if (this.props.trigger === 'focus') {\n      this.close();\n    }\n\n    this.setState({ focused: false });\n  };\n\n  private handleFocusOutside = () => {\n    if (this.props.trigger === 'hover&focus') {\n      this.close();\n    }\n\n    this.setState({ focused: false });\n  };\n\n  private handleCloseButtonClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n\n    if (this.props.onCloseClick) {\n      this.props.onCloseClick(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n\n    this.close();\n  };\n}\n"]}

package/components/Tooltip/Tooltip.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import { PopupPosition } from '../../internal/Popup';
+import { PopupPositionsType } from '../../internal/Popup';
 import { Nullable } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
+import { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';
 export declare type TooltipTrigger = 
 /** Наведение на children и на тултип */
 'hover'
@@ -41,7 +42,10 @@ export interface TooltipProps extends CommonProps {
      * Если эта функция вернула `null`, то тултип не показывается.
      */
     render?: Nullable<() => React.ReactNode>;
-    pos: PopupPosition;
+    /**
+     * Значение по умолчанию: `"top left"`.
+     */
+    pos: PopupPositionsType;
     /**
      * Триггер открытия тултипа
      * ```ts
@@ -80,32 +84,17 @@ export interface TooltipProps extends CommonProps {
      * будет выходить за край экрана, то будет выбрана
      * следующая позиция. Обязательно должен включать
      * позицию указанную в `pos`
-     *
-     * ```ts
-     * type PopupPosition =
-     *   'right bottom',
-     * | 'right middle',
-     * | 'right top',
-     * | 'top right',
-     * | 'top center',
-     * | 'top left',
-     * | 'left top',
-     * | 'left middle',
-     * | 'left bottom',
-     * | 'bottom left',
-     * | 'bottom center',
-     * | 'bottom right'
-     * ```
      */
-    allowedPositions: PopupPosition[];
+    allowedPositions: PopupPositionsType[];
     /**
      * Флаг отключения анимации.
      * @default false
      */
     disableAnimations: boolean;
     /**
-     * Использовать обертку над children в виде <span />
-     * @default true
+     * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
+     *
+     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
      */
     useWrapper: boolean;
 }
@@ -113,15 +102,20 @@ export interface TooltipState {
     opened: boolean;
     focused: boolean;
 }
-export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipState> {
+export declare const TooltipDataTids: {
+    readonly root: "Tooltip__root";
+    readonly content: "Tooltip__content";
+};
+export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {
     static __KONTUR_REACT_UI__: string;
+    private isMobileLayout;
     static propTypes: {
-        children(props: TooltipProps, propName: "style" | "className" | "children" | "data-tid" | "pos" | "onClose" | "onOpen" | "anchorElement" | "disableAnimations" | "useWrapper" | "closeButton" | "render" | "trigger" | "onCloseClick" | "onCloseRequest" | "allowedPositions", componentName: string): void;
+        children(props: TooltipProps, propName: keyof TooltipProps, componentName: string): void;
     };
     static defaultProps: {
-        pos: string;
+        pos: "top left";
         trigger: string;
-        allowedPositions: PopupPosition[];
+        allowedPositions: ("top left" | "top center" | "top right" | "right top" | "right middle" | "right bottom" | "bottom right" | "bottom center" | "bottom left" | "left bottom" | "left middle" | "left top")[];
         disableAnimations: boolean;
         useWrapper: boolean;
         closeOnChildrenMouseLeave: boolean;
@@ -133,12 +127,14 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
     private hoverTimeout;
     private contentElement;
     private positions;
-    private clickedOutside;
-    UNSAFE_componentWillReceiveProps(nextProps: TooltipProps): void;
+    private setRootNode;
+    private popupRef;
+    componentDidUpdate(prevProps: TooltipProps): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
     renderContent: () => JSX.Element | null;
     renderCloseButton(): JSX.Element | null;
+    getAnchorElement: () => Nullable<HTMLElement>;
     /**
      * Программно открывает тултип.
      * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
@@ -153,6 +149,7 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
     hide(): void;
     private renderMain;
     private renderPopup;
+    private mobileCloseHandler;
     private refContent;
     private getPositions;
     private getProps;
@@ -162,9 +159,12 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
     private handleMouseEnter;
     private handleMouseLeave;
     private handleClick;
-    private handleClickOutsideAnchor;
+    private handleClickOutside;
     private isClickOutsideContent;
+    private isClickOutsideAnchor;
+    private isClickOutside;
     private handleFocus;
     private handleBlur;
+    private handleFocusOutside;
     private handleCloseButtonClick;
 }