@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ecefada396

package/components/Tooltip/Tooltip/Tooltip.js

@@ -0,0 +1,421 @@
+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 { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { 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 { responsiveLayout } from "../../ResponsiveLayout";
+import { styles } from "../Tooltip.styles";
+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 = responsiveLayout(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
+  _inheritsLoose(Tooltip, _React$PureComponent);
+
+  function Tooltip() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    _this.isMobileLayout = void 0;
+    _this.state = {
+      opened: false,
+      focused: false
+    };
+    _this.theme = void 0;
+    _this.hoverTimeout = null;
+    _this.contentElement = null;
+    _this.positions = null;
+    _this.clickedOutside = true;
+
+    _this.renderContent = function () {
+      var content = _this.props.render ? _this.props.render() : null;
+
+      if (content == null) {
+        return null;
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        ref: _this.refContent,
+        className: styles.tooltipContent(_this.theme)
+      }, content, _this.renderCloseButton());
+    };
+
+    _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;
+    };
+
+    _this.open = function () {
+      return _this.setState({
+        opened: true
+      });
+    };
+
+    _this.close = function () {
+      return _this.setState({
+        opened: false
+      });
+    };
+
+    _this.handleMouseEnter = function (event) {
+      var isHoverAnchor = _this.props.trigger === 'hoverAnchor';
+
+      if (isHoverAnchor && event.target === _this.contentElement) {
+        return;
+      }
+
+      _this.clearHoverTimeout();
+
+      _this.hoverTimeout = window.setTimeout(_this.open, Tooltip.delay);
+    };
+
+    _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;
+      }
+
+      _this.clearHoverTimeout();
+
+      if (_this.props.trigger === 'hoverAnchor') {
+        _this.close();
+      } else {
+        _this.hoverTimeout = window.setTimeout(_this.close, Tooltip.delay);
+      }
+    };
+
+    _this.handleClick = function () {
+      _this.open();
+    };
+
+    _this.handleClickOutsideAnchor = function (event) {
+      _this.clickedOutside = _this.isClickOutsideContent(event);
+
+      if (_this.clickedOutside) {
+        if (_this.props.onCloseRequest) {
+          _this.props.onCloseRequest();
+        }
+
+        _this.close();
+      }
+    };
+
+    _this.handleFocus = function () {
+      _this.setState({
+        focused: true
+      });
+
+      _this.open();
+    };
+
+    _this.handleBlur = function () {
+      if (_this.props.trigger === 'hover&focus' && _this.clickedOutside) {
+        _this.close();
+      }
+
+      if (_this.props.trigger === 'focus') {
+        _this.close();
+      }
+
+      _this.clickedOutside = true;
+
+      _this.setState({
+        focused: false
+      });
+    };
+
+    _this.handleCloseButtonClick = function (event) {
+      event.stopPropagation();
+
+      if (_this.props.onCloseClick) {
+        _this.props.onCloseClick(event);
+      }
+
+      if (event.defaultPrevented) {
+        return;
+      }
+
+      if (_this.props.onCloseRequest) {
+        _this.props.onCloseRequest();
+      }
+
+      _this.close();
+    };
+
+    return _this;
+  }
+
+  var _proto = Tooltip.prototype;
+
+  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.trigger === 'closed') {
+      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);
+
+    if (posChanged || allowedChanged) {
+      this.positions = null;
+    }
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.clearHoverTimeout();
+  };
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: ThemeFactory.create({
+          popupPinOffset: theme.tooltipPinOffset,
+          popupMargin: theme.tooltipMargin,
+          popupBorder: theme.tooltipBorder,
+          popupBorderRadius: theme.tooltipBorderRadius,
+          popupPinSize: theme.tooltipPinSize,
+          popupPinOffsetX: theme.tooltipPinOffsetX,
+          popupPinOffsetY: theme.tooltipPinOffsetY
+        }, theme)
+      }, _this2.renderMain());
+    });
+  };
+
+  _proto.renderCloseButton = function renderCloseButton() {
+    var hasCross = this.props.closeButton === undefined ? !Tooltip.triggersWithoutCloseButton.includes(this.props.trigger) : this.props.closeButton;
+
+    if (!hasCross || this.isMobileLayout) {
+      return null;
+    }
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.cross(this.theme),
+      onClick: this.handleCloseButtonClick
+    }, /*#__PURE__*/React.createElement(CrossIcon, null));
+  }
+  /**
+  * Программно открывает тултип.
+  * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
+  * @public
+  */
+  ;
+
+  _proto.show = function show() {
+    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 + "'");
+      return;
+    }
+
+    this.open();
+  }
+  /**
+  * Программно закрывает тултип.
+  * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
+  * @public
+  */
+  ;
+
+  _proto.hide = function hide() {
+    if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {
+      warning(true, "Function 'hide' is not supported with trigger specified '" + this.props.trigger + "'");
+      return;
+    }
+
+    this.close();
+  };
+
+  _proto.renderMain = function renderMain() {
+    var props = this.props;
+    var content = this.renderContent();
+
+    var _this$getProps = this.getProps(),
+        popupProps = _this$getProps.popupProps,
+        _this$getProps$layerP = _this$getProps.layerProps,
+        layerProps = _this$getProps$layerP === void 0 ? {
+      active: false
+    } : _this$getProps$layerP;
+
+    var anchorElement = props.children || props.anchorElement;
+    var popup = this.renderPopup(anchorElement, popupProps, content);
+
+    if (this.isMobileLayout) {
+      return popup;
+    }
+
+    return /*#__PURE__*/React.createElement(RenderLayer, layerProps, popup);
+  };
+
+  _proto.renderPopup = function renderPopup(anchorElement, popupProps, content) {
+    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(Popup, _extends({
+      anchorElement: anchorElement,
+      hasPin: true,
+      hasShadow: true,
+      maxWidth: "none",
+      opened: this.state.opened,
+      disableAnimations: this.props.disableAnimations,
+      positions: this.getPositions(),
+      ignoreHover: this.props.trigger === 'hoverAnchor',
+      onOpen: this.props.onOpen,
+      onClose: this.props.onClose,
+      mobileOnCloseRequest: this.mobileCloseHandler,
+      tryPreserveFirstRenderedPosition: true
+    }, popupProps), content));
+  };
+
+  _proto.getPositions = function getPositions() {
+    if (!this.positions) {
+      var allowedPositions = this.props.allowedPositions;
+      var index = allowedPositions.indexOf(this.props.pos);
+
+      if (index === -1) {
+        throw new Error('Unexpected position passed to Tooltip. Expected one of: ' + allowedPositions.join(', '));
+      }
+
+      this.positions = [].concat(allowedPositions.slice(index), allowedPositions.slice(0, index));
+    }
+
+    return this.positions;
+  };
+
+  _proto.getProps = function getProps() {
+    var props = this.props;
+    var useWrapper = !!props.children && props.useWrapper;
+
+    switch (this.props.trigger) {
+      case 'opened':
+        return {
+          layerProps: {
+            active: true,
+            onClickOutside: this.handleClickOutsideAnchor
+          },
+          popupProps: {
+            opened: true,
+            useWrapper: useWrapper
+          }
+        };
+
+      case 'closed':
+        return {
+          popupProps: {
+            opened: false,
+            useWrapper: useWrapper
+          }
+        };
+
+      case 'hoverAnchor':
+      case 'hover':
+        return {
+          popupProps: {
+            onMouseEnter: this.handleMouseEnter,
+            onMouseLeave: this.handleMouseLeave,
+            useWrapper: useWrapper
+          }
+        };
+
+      case 'manual':
+        return {
+          popupProps: {
+            useWrapper: useWrapper
+          }
+        };
+
+      case 'click':
+        return {
+          layerProps: {
+            active: this.state.opened,
+            onClickOutside: this.handleClickOutsideAnchor
+          },
+          popupProps: {
+            onClick: this.handleClick,
+            useWrapper: useWrapper
+          }
+        };
+
+      case 'focus':
+        return {
+          popupProps: {
+            onFocus: this.handleFocus,
+            onBlur: this.handleBlur,
+            useWrapper: useWrapper
+          }
+        };
+
+      case 'hover&focus':
+        return {
+          layerProps: {
+            active: this.state.opened,
+            onClickOutside: this.handleClickOutsideAnchor
+          },
+          popupProps: {
+            onFocus: this.handleFocus,
+            onBlur: this.handleBlur,
+            onMouseEnter: this.handleMouseEnter,
+            onMouseLeave: this.handleMouseLeave,
+            useWrapper: useWrapper
+          }
+        };
+
+      default:
+        throw new Error('Unknown trigger specified: ' + props.trigger);
+    }
+  };
+
+  _proto.clearHoverTimeout = function clearHoverTimeout() {
+    if (this.hoverTimeout) {
+      clearTimeout(this.hoverTimeout);
+      this.hoverTimeout = null;
+    }
+  };
+
+  _proto.isClickOutsideContent = function isClickOutsideContent(event) {
+    if (this.contentElement && event.target instanceof Element) {
+      return !containsTargetOrRenderContainer(event.target)(this.contentElement);
+    }
+
+    return true;
+  };
+
+  return Tooltip;
+}(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");
+  }
+}, _class2.defaultProps = {
+  pos: 'top left',
+  trigger: 'hover',
+  allowedPositions: Positions,
+  disableAnimations: isTestEnv,
+  useWrapper: false,
+  closeOnChildrenMouseLeave: false
+}, _class2.delay = 100, _class2.triggersWithoutCloseButton = ['hover', 'hoverAnchor', 'focus', 'hover&focus'], _temp)) || _class;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Tooltip.tsx"],"names":["React","warning","isEqual","ThemeFactory","Popup","RenderLayer","CrossIcon","containsTargetOrRenderContainer","ThemeContext","isTestEnv","CommonWrapper","responsiveLayout","styles","Positions","Tooltip","isMobileLayout","state","opened","focused","theme","hoverTimeout","contentElement","positions","clickedOutside","renderContent","content","props","render","refContent","tooltipContent","renderCloseButton","mobileCloseHandler","trigger","close","node","open","setState","handleMouseEnter","event","isHoverAnchor","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","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","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';\nimport warning from 'warning';\nimport isEqual from 'lodash.isequal';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupPosition, PopupProps } 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';\n\nimport { styles } from './Tooltip.styles';\n\nconst Positions: PopupPosition[] = [\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\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  pos: PopupPosition;\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   * ```ts\n   * type PopupPosition =\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  allowedPositions: PopupPosition[];\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\n@responsiveLayout\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> {\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: 'top left',\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<PopupPosition[]> = null;\n  private clickedOutside = true;\n\n  public UNSAFE_componentWillReceiveProps(nextProps: TooltipProps) {\n    if (nextProps.trigger === 'closed') {\n      this.close();\n    }\n\n    const { allowedPositions, pos } = this.props;\n    const posChanged = nextProps.pos !== pos;\n    const allowedChanged = !isEqual(nextProps.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 (content == null) {\n      return null;\n    }\n\n    return (\n      <div ref={this.refContent} className={styles.tooltipContent(this.theme)}>\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  /**\n   * Программно открывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public show() {\n    if (this.state.opened) return;\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 <RenderLayer {...layerProps}>{popup}</RenderLayer>;\n  }\n\n  private renderPopup(\n    anchorElement: React.ReactNode | HTMLElement,\n    popupProps: Partial<PopupProps>,\n    content: JSX.Element | null,\n  ) {\n    return (\n      <CommonWrapper {...this.props}>\n        <Popup\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          {...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.handleClickOutsideAnchor,\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.handleClickOutsideAnchor,\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.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\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 handleClickOutsideAnchor = (event: Event) => {\n    this.clickedOutside = this.isClickOutsideContent(event);\n    if (this.clickedOutside) {\n      if (this.props.onCloseRequest) {\n        this.props.onCloseRequest();\n      }\n      this.close();\n    }\n  };\n\n  private isClickOutsideContent(event: Event) {\n    if (this.contentElement && event.target instanceof Element) {\n      return !containsTargetOrRenderContainer(event.target)(this.contentElement);\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 === 'hover&focus' && this.clickedOutside) {\n      this.close();\n    }\n\n    if (this.props.trigger === 'focus') {\n      this.close();\n    }\n\n    this.clickedOutside = true;\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/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Tooltip/Tooltip.js",
+  "module": "Tooltip",
+  "types": "../Tooltip.d.ts",
+  "sideEffects": false
+}