@skbkontur/react-ui 3.12.2 → 3.12.3-popup-fix

package/components/Tooltip/Tooltip/Tooltip.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 
 var _class, _class2, _temp;
@@ -15,7 +14,7 @@ import { containsTargetOrRenderContainer } from "../../../lib/listenFocusOutside
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { getRootNode, rootNode } from "../../../lib/rootNode";
+import { rootNode } from "../../../lib/rootNode";
 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 = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
@@ -39,6 +38,7 @@ export var Tooltip = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
     _this.positions = null;
     _this.clickedOutside = true;
     _this.setRootNode = void 0;
+    _this.popupRef = /*#__PURE__*/React.createRef();
 
     _this.renderContent = function () {
       var content = _this.props.render ? _this.props.render() : null;
@@ -53,8 +53,10 @@ export var Tooltip = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
       }, content, _this.renderCloseButton());
     };
 
-    _this.getRenderLayerAnchorElement = function () {
-      return getRootNode(_assertThisInitialized(_this));
+    _this.getAnchorElement = function () {
+      var _this$popupRef$curren;
+
+      return (_this$popupRef$curren = _this.popupRef.current) == null ? void 0 : _this$popupRef$curren.anchorElement;
     };
 
     _this.refContent = function (node) {
@@ -212,13 +214,13 @@ export var Tooltip = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
       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;
@@ -260,7 +262,7 @@ export var Tooltip = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
     var anchorElement = props.children || props.anchorElement;
     var popup = this.renderPopup(anchorElement, popupProps, content);
     return /*#__PURE__*/React.createElement(RenderLayer, _extends({}, layerProps, {
-      getAnchorElement: this.getRenderLayerAnchorElement
+      getAnchorElement: this.getAnchorElement
     }), popup);
   };
 
@@ -278,7 +280,8 @@ export var Tooltip = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
       ignoreHover: this.props.trigger === 'hoverAnchor',
       onOpen: this.props.onOpen,
       onClose: this.props.onClose,
-      tryPreserveFirstRenderedPosition: true
+      tryPreserveFirstRenderedPosition: true,
+      ref: this.popupRef
     }, popupProps), content));
   };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["Tooltip.tsx"],"names":["React","warning","isEqual","ThemeFactory","DefaultPosition","Popup","RenderLayer","CrossIcon","containsTargetOrRenderContainer","ThemeContext","isTestEnv","CommonWrapper","getRootNode","rootNode","styles","Positions","Tooltip","state","opened","focused","theme","hoverTimeout","contentElement","positions","clickedOutside","setRootNode","renderContent","content","props","render","refContent","tooltipContent","renderCloseButton","getRenderLayerAnchorElement","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","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","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 { 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 { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\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\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\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> {\n  public static __KONTUR_REACT_UI__ = 'Tooltip';\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 clickedOutside = true;\n  private setRootNode!: TSetRootNode;\n\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 (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) {\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    return (\n      <RenderLayer {...layerProps} getAnchorElement={this.getRenderLayerAnchorElement}>\n        {popup}\n      </RenderLayer>\n    );\n  }\n\n  private getRenderLayerAnchorElement = () => {\n    return getRootNode(this);\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          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          tryPreserveFirstRenderedPosition\n          {...popupProps}\n        >\n          {content}\n        </Popup>\n      </CommonWrapper>\n    );\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    switch (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 (\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"]}
+{"version":3,"sources":["Tooltip.tsx"],"names":["React","warning","isEqual","ThemeFactory","DefaultPosition","Popup","RenderLayer","CrossIcon","containsTargetOrRenderContainer","ThemeContext","isTestEnv","CommonWrapper","rootNode","styles","Positions","Tooltip","state","opened","focused","theme","hoverTimeout","contentElement","positions","clickedOutside","setRootNode","popupRef","createRef","renderContent","content","props","render","refContent","tooltipContent","renderCloseButton","getAnchorElement","current","anchorElement","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","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","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 { 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 { 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\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\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {\n  public static __KONTUR_REACT_UI__ = 'Tooltip';\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 clickedOutside = true;\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 (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) {\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) 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    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          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          tryPreserveFirstRenderedPosition\n          ref={this.popupRef}\n          {...popupProps}\n        >\n          {content}\n        </Popup>\n      </CommonWrapper>\n    );\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    switch (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 (\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.d.ts

@@ -1,160 +1,162 @@
-import React from 'react';
-import { PopupPositionsType } from '../../internal/Popup';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare type TooltipTrigger = 
-/** Наведение на children и на тултип */
-'hover'
-/** Клик на children */
- | 'click'
-/** Фокус на children */
- | 'focus'
-/** Наведение на children и на тултип и фокус на children */
- | 'hover&focus'
-/** Просто открыт */
- | 'opened'
-/** Просто закрыт */
- | 'closed'
-/** Наведение ТОЛЬКО на children, а не на тултип */
- | 'hoverAnchor'
-/** Управление через публичные функции show и hide */
- | 'manual';
-export interface TooltipProps extends CommonProps {
-    /**
-     * Относительно какого элемента позиционировать тултип
-     */
-    anchorElement?: HTMLElement;
-    /**
-     * Если не указан `anchorElement` то тултип будет позиционироваться
-     * относительно дочерних элементов
-     */
-    children?: React.ReactNode;
-    className?: string;
-    /**
-     * Показывать крестик для закрытия тултипа. По-умолчанию крестик
-     * показывается если проп *trigger* не `hover` и не `focus`.
-     */
-    closeButton?: boolean;
-    /**
-     * Функция, которая возвращает содержимое тултипа.
-     *
-     * Если эта функция вернула `null`, то тултип не показывается.
-     */
-    render?: Nullable<() => React.ReactNode>;
-    /**
-     * Значение по умолчанию: `"top left"`.
-     */
-    pos: PopupPositionsType;
-    /**
-     * Триггер открытия тултипа
-     * ```ts
-     * type TooltipTrigger =
-     * | 'hover'
-     * | 'click'
-     * | 'focus'
-     * | 'hover&focus'
-     * | 'opened'
-     * | 'closed'
-     * | 'hoverAnchor'
-     * | 'manual';
-     * ```
-     */
-    trigger: TooltipTrigger;
-    /**
-     * Хэндлер, вызываемый при клике по крестику
-     */
-    onCloseClick?: React.MouseEventHandler<HTMLElement>;
-    /**
-     * Хэндлер, вызываемый при клике по крестику или
-     * снаружи тултипа
-     */
-    onCloseRequest?: () => void;
-    /**
-     * Хэндлер, вызываемый при закрытии тултипа
-     */
-    onClose?: () => void;
-    /**
-     * Хэндлер, вызываемый при открытии тултипа
-     */
-    onOpen?: () => void;
-    /**
-     * Список позиций, которые тултип будет занимать.
-     * Если положение тултипа в определенной позиции
-     * будет выходить за край экрана, то будет выбрана
-     * следующая позиция. Обязательно должен включать
-     * позицию указанную в `pos`
-     */
-    allowedPositions: PopupPositionsType[];
-    /**
-     * Флаг отключения анимации.
-     * @default false
-     */
-    disableAnimations: boolean;
-    /**
-     * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
-     *
-     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
-     */
-    useWrapper: boolean;
-}
-export interface TooltipState {
-    opened: boolean;
-    focused: boolean;
-}
-export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        children(props: TooltipProps, propName: keyof TooltipProps, componentName: string): void;
-    };
-    static defaultProps: {
-        pos: "top left";
-        trigger: string;
-        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;
-    };
-    static delay: number;
-    private static triggersWithoutCloseButton;
-    state: TooltipState;
-    private theme;
-    private hoverTimeout;
-    private contentElement;
-    private positions;
-    private clickedOutside;
-    private setRootNode;
-    componentDidUpdate(prevProps: TooltipProps): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    renderContent: () => JSX.Element | null;
-    renderCloseButton(): JSX.Element | null;
-    /**
-     * Программно открывает тултип.
-     * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
-     * @public
-     */
-    show(): void;
-    /**
-     * Программно закрывает тултип.
-     * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
-     * @public
-     */
-    hide(): void;
-    private renderMain;
-    private getRenderLayerAnchorElement;
-    private renderPopup;
-    private refContent;
-    private getPositions;
-    private getProps;
-    private open;
-    private close;
-    private clearHoverTimeout;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    private handleClick;
-    private handleClickOutsideAnchor;
-    private isClickOutsideContent;
-    private handleFocus;
-    private handleBlur;
-    private handleCloseButtonClick;
-}
+import React from 'react';
+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'
+/** Клик на children */
+ | 'click'
+/** Фокус на children */
+ | 'focus'
+/** Наведение на children и на тултип и фокус на children */
+ | 'hover&focus'
+/** Просто открыт */
+ | 'opened'
+/** Просто закрыт */
+ | 'closed'
+/** Наведение ТОЛЬКО на children, а не на тултип */
+ | 'hoverAnchor'
+/** Управление через публичные функции show и hide */
+ | 'manual';
+export interface TooltipProps extends CommonProps {
+    /**
+     * Относительно какого элемента позиционировать тултип
+     */
+    anchorElement?: HTMLElement;
+    /**
+     * Если не указан `anchorElement` то тултип будет позиционироваться
+     * относительно дочерних элементов
+     */
+    children?: React.ReactNode;
+    className?: string;
+    /**
+     * Показывать крестик для закрытия тултипа. По-умолчанию крестик
+     * показывается если проп *trigger* не `hover` и не `focus`.
+     */
+    closeButton?: boolean;
+    /**
+     * Функция, которая возвращает содержимое тултипа.
+     *
+     * Если эта функция вернула `null`, то тултип не показывается.
+     */
+    render?: Nullable<() => React.ReactNode>;
+    /**
+     * Значение по умолчанию: `"top left"`.
+     */
+    pos: PopupPositionsType;
+    /**
+     * Триггер открытия тултипа
+     * ```ts
+     * type TooltipTrigger =
+     * | 'hover'
+     * | 'click'
+     * | 'focus'
+     * | 'hover&focus'
+     * | 'opened'
+     * | 'closed'
+     * | 'hoverAnchor'
+     * | 'manual';
+     * ```
+     */
+    trigger: TooltipTrigger;
+    /**
+     * Хэндлер, вызываемый при клике по крестику
+     */
+    onCloseClick?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * Хэндлер, вызываемый при клике по крестику или
+     * снаружи тултипа
+     */
+    onCloseRequest?: () => void;
+    /**
+     * Хэндлер, вызываемый при закрытии тултипа
+     */
+    onClose?: () => void;
+    /**
+     * Хэндлер, вызываемый при открытии тултипа
+     */
+    onOpen?: () => void;
+    /**
+     * Список позиций, которые тултип будет занимать.
+     * Если положение тултипа в определенной позиции
+     * будет выходить за край экрана, то будет выбрана
+     * следующая позиция. Обязательно должен включать
+     * позицию указанную в `pos`
+     */
+    allowedPositions: PopupPositionsType[];
+    /**
+     * Флаг отключения анимации.
+     * @default false
+     */
+    disableAnimations: boolean;
+    /**
+     * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
+     *
+     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
+     */
+    useWrapper: boolean;
+}
+export interface TooltipState {
+    opened: boolean;
+    focused: boolean;
+}
+export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        children(props: TooltipProps, propName: keyof TooltipProps, componentName: string): void;
+    };
+    static defaultProps: {
+        pos: "top left";
+        trigger: string;
+        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;
+    };
+    static delay: number;
+    private static triggersWithoutCloseButton;
+    state: TooltipState;
+    private theme;
+    private hoverTimeout;
+    private contentElement;
+    private positions;
+    private clickedOutside;
+    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>
+     * @public
+     */
+    show(): void;
+    /**
+     * Программно закрывает тултип.
+     * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
+     * @public
+     */
+    hide(): void;
+    private renderMain;
+    private renderPopup;
+    private refContent;
+    private getPositions;
+    private getProps;
+    private open;
+    private close;
+    private clearHoverTimeout;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleClick;
+    private handleClickOutsideAnchor;
+    private isClickOutsideContent;
+    private handleFocus;
+    private handleBlur;
+    private handleCloseButtonClick;
+}

package/components/Tooltip/Tooltip.styles.d.ts

@@ -1,5 +1,5 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    cross(t: Theme): string;
-    tooltipContent(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    cross(t: Theme): string;
+    tooltipContent(t: Theme): string;
+};

package/components/Tooltip/index.d.ts

@@ -1 +1 @@
-export * from './Tooltip';
+export * from './Tooltip';