@skbkontur/react-ui 0.0.0-37fdedb456 → 0.0.0-388db940ca

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_warning","_globalObject","_utils","_ThemeFactory","_Popup","_RenderLayer","_listenFocusOutside","_ThemeContext","_currentEnvironment","_CommonWrapper","_rootNode","_createPropsGetter","_CloseButtonIcon","_isInstanceOf","_featureFlagsContext","_Tooltip2","_class","_Tooltip","DEFAULT_DELAY","TooltipDataTids","exports","root","content","crossIcon","OldPositions","Tooltip","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","opened","focused","contentElement","clickedOutside","popupRef","React","createRef","renderContent","props","render","isNullable","default","createElement","ref","refContent","className","styles","tooltipContent","theme","renderCloseButton","getAnchorElement","_this$popupRef$curren","current","anchorElement","getPositions","allowedPositions","node","open","setState","close","handleMouseEnter","event","isHoverAnchor","trigger","target","clearHoverTimeout","hoverTimeout","globalObject","setTimeout","delayBeforeShow","handleMouseLeave","relatedTarget","delay","handleClick","handleClickOutsideAnchor","isClickOutsideContent","onCloseRequest","handleFocus","handleBlur","handleCloseButtonClick","stopPropagation","onCloseClick","defaultPrevented","_inheritsLoose2","_proto","prototype","getAllowedPositions","componentDidUpdate","_this$getProps","componentWillUnmount","_this2","ReactUIFeatureFlagsContext","Consumer","flags","featureFlags","getFullReactUIFlagsContext","ThemeContext","Provider","value","ThemeFactory","create","popupMargin","tooltipMargin","popupBorder","tooltipBorder","popupBorderRadius","tooltipBorderRadius","popupPinSize","tooltipPinSize","popupPinOffsetX","tooltipPinOffsetX","popupPinOffsetY","tooltipPinOffsetY","popupBackground","tooltipBg","renderMain","hasCross","closeButton","undefined","triggersWithoutCloseButton","includes","icon","CloseButtonIcon","tabbable","side","parseInt","tooltipCloseBtnSide","color","tooltipCloseBtnColor","colorHover","tooltipCloseBtnHoverColor","cross","onClick","show","warning","hide","_this$getPopupAndLaye","getPopupAndLayerProps","popupProps","_this$getPopupAndLaye2","layerProps","active","children","popup","renderPopup","RenderLayer","_extends2","_this$getProps2","disableAnimations","CommonWrapper","rootNodeRef","setRootNode","Popup","hasPin","hasShadow","maxWidth","positions","pos","ignoreHover","onOpen","onClose","tryPreserveFirstRenderedPosition","withoutMobile","useWrapper","onClickOutside","onMouseEnter","onMouseLeave","onFocus","onBlur","Error","clearTimeout","isInstanceOf","Element","containsTargetOrRenderContainer","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","propName","componentName","isArray","isTestEnv"],"sources":["Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport warning from 'warning';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isNullable } from '../../lib/utils';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { PopupProps, PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';\nimport { Popup } from '../../internal/Popup';\nimport type { RenderLayerProps } from '../../internal/RenderLayer';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { MouseEventType } from '../../typings/event-types';\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\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  anchorElement?: HTMLElement;\n  /** @ignore */\n  children?: React.ReactNode;\n  /** Задает HTML-атрибут class. */\n  className?: string;\n  /** Отображает крестик для закрытия тултипа. По-умолчанию крестик виден, если проп *trigger* не равен `hover` или `focus`. */\n  closeButton?: boolean;\n  /** Задает функцию, которая возвращает содержимое тултипа. Если функция вернула `null`, то тултип не показывается. */\n  render?: Nullable<() => React.ReactNode>;\n  /** Задает приоритетное расположение подсказки относительно текста. */\n  pos?: ShortPopupPositionsType | PopupPositionsType;\n  /** Задает триггер открытия тултипа. */\n  trigger?: TooltipTrigger;\n  /** Задает хендлер, который вызывается при клике по крестику. */\n  onCloseClick?: React.MouseEventHandler<HTMLElement>;\n  /** Задает хендлер, который вызывается при клике по крестику или снаружи тултипа. */\n  onCloseRequest?: (event?: Event | React.MouseEvent) => void;\n  /** Задает хендлер, который вызывается при закрытии тултипа. */\n  onClose?: () => void;\n  /** Задает хендлер, который вызывается при открытии тултипа. */\n  onOpen?: () => void;\n  /** Задает список позиций, которые тултип будет занимать.\n   * Если положение тултипа в определенной позиции будет выходить за край экрана, то будет выбрана следующая позиция.\n   * Обязательно должен включать позицию указанную в `pos`. */\n  allowedPositions?: PopupPositionsType[];\n  /** Отключает анимацию.\n   * @default false */\n  disableAnimations?: boolean;\n  /** Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`.\n   * Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически. */\n  useWrapper?: boolean;\n  /** Устанавливает задержку в миллисекундах до появления лоадера. */\n  delayBeforeShow?: number;\n}\n\nconst DEFAULT_DELAY = 100;\n\nexport interface TooltipState {\n  opened: boolean;\n  focused: boolean;\n}\n\nexport const TooltipDataTids = {\n  root: 'Tooltip__root',\n  content: 'Tooltip__content',\n  crossIcon: 'Tooltip__crossIcon',\n} as const;\n\nconst OldPositions: 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\ntype DefaultProps = Required<Pick<TooltipProps, 'trigger' | 'disableAnimations' | 'useWrapper' | 'delayBeforeShow'>>;\n\n/**\n * `Tooltip` — это подсказка, которую пользователь открывает сам, кликом по элементу.\n *\n * `Tooltip` используется для коротких поясняющих текстов, если необходимо дать разъяснение к деталям интерфейса, упомянутой информации или помочь с заполнением полей.\n * Если эти подробности не нужны постоянно, но могут помочь пользователю в момент когда он испытывает трудности.\n *\n * Для подсказки, всплывающей по наведению используйте Hint.\n */\n@rootNode\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {\n  public static __KONTUR_REACT_UI__ = 'Tooltip';\n  public static displayName = '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: DefaultProps = {\n    trigger: 'hover',\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    delayBeforeShow: DEFAULT_DELAY,\n  };\n\n  private getProps = createPropsGetter(Tooltip.defaultProps);\n\n  public static delay = DEFAULT_DELAY;\n  private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n\n  public state: TooltipState = { opened: false, focused: false };\n  private theme!: Theme;\n  public featureFlags!: ReactUIFeatureFlags;\n  private hoverTimeout: SafeTimer;\n  private contentElement: Nullable<HTMLElement> = null;\n  private clickedOutside = true;\n  private setRootNode!: TSetRootNode;\n\n  private popupRef = React.createRef<Popup>();\n\n  public getAllowedPositions() {\n    return this.props.allowedPositions ? this.props.allowedPositions : OldPositions;\n  }\n\n  public componentDidUpdate() {\n    const { trigger } = this.getProps();\n    if (trigger === 'closed' && this.state.opened) {\n      this.close();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.clearHoverTimeout();\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return (\n                  <ThemeContext.Provider\n                    value={ThemeFactory.create(\n                      {\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                        popupBackground: theme.tooltipBg,\n                      },\n                      theme,\n                    )}\n                  >\n                    {this.renderMain()}\n                  </ThemeContext.Provider>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.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.getProps().trigger)\n        : this.props.closeButton;\n\n    if (!hasCross) {\n      return null;\n    }\n\n    const icon = (\n      <CloseButtonIcon\n        tabbable={false}\n        side={parseInt(this.theme.tooltipCloseBtnSide)}\n        color={this.theme.tooltipCloseBtnColor}\n        colorHover={this.theme.tooltipCloseBtnHoverColor}\n      />\n    );\n\n    return (\n      <div\n        className={styles.cross(this.theme)}\n        onClick={this.handleCloseButtonClick}\n        data-tid={TooltipDataTids.crossIcon}\n      >\n        {icon}\n      </div>\n    );\n  }\n\n  public getAnchorElement = (): Nullable<Element> => {\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    const trigger = this.getProps().trigger;\n    if (trigger === 'opened' || trigger === 'closed') {\n      warning(true, `Function 'show' is not supported with trigger specified '${trigger}'`);\n      return;\n    }\n    this.open();\n  }\n\n  /**\n   * Программно закрывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public hide() {\n    const trigger = this.getProps().trigger;\n    if (trigger === 'opened' || trigger === 'closed') {\n      warning(true, `Function 'hide' is not supported with trigger specified '${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.getPopupAndLayerProps();\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    const { disableAnimations, trigger } = this.getProps();\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={disableAnimations}\n          positions={this.getPositions()}\n          pos={this.props.pos}\n          ignoreHover={trigger === 'hoverAnchor'}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          tryPreserveFirstRenderedPosition\n          ref={this.popupRef}\n          withoutMobile\n          {...popupProps}\n        >\n          {content}\n        </Popup>\n      </CommonWrapper>\n    );\n  }\n\n  private getPositions = (): PopupPositionsType[] | undefined => {\n    return this.props.allowedPositions;\n  };\n\n  private refContent = (node: HTMLElement | null) => {\n    this.contentElement = node;\n  };\n\n  private getPopupAndLayerProps(): {\n    layerProps?: Partial<RenderLayerProps>;\n    popupProps: Partial<PopupProps>;\n  } {\n    const props = this.props;\n    const useWrapper = !!props.children && this.getProps().useWrapper;\n    const trigger = this.getProps().trigger;\n\n    switch (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: ' + 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      globalObject.clearTimeout(this.hoverTimeout);\n      this.hoverTimeout = null;\n    }\n  }\n\n  private handleMouseEnter = (event: MouseEventType) => {\n    const isHoverAnchor = this.getProps().trigger === 'hoverAnchor';\n    if (isHoverAnchor && event.target === this.contentElement) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n    this.hoverTimeout = globalObject.setTimeout(this.open, this.getProps().delayBeforeShow);\n  };\n\n  private handleMouseLeave = (event: MouseEventType) => {\n    const trigger = this.getProps().trigger;\n    if (\n      (trigger === 'hover&focus' && this.state.focused) ||\n      (trigger === 'hover' && event.relatedTarget === this.contentElement)\n    ) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n\n    if (trigger === 'hoverAnchor') {\n      this.close();\n    } else {\n      this.hoverTimeout = globalObject.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(event);\n      }\n      this.close();\n    }\n  };\n\n  private isClickOutsideContent(event: Event) {\n    if (this.contentElement && isInstanceOf(event.target, globalObject.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    const trigger = this.getProps().trigger;\n    if (trigger === 'hover&focus' && this.clickedOutside) {\n      this.close();\n    }\n\n    if (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(event);\n    }\n\n    this.close();\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Tooltip/Tooltip.md

@@ -1,322 +0,0 @@
-### Базовый пример
-Отступы в тултипе подобраны так, чтобы базовая линия текста со шрифтом Segoe UI в тултипе совпадала с базовой линией стандартных контролов
-
-```jsx harmony
-import SearchIcon from '@skbkontur/react-icons/Search';
-import MenuIcon from '@skbkontur/react-icons/Menu';
-import HelpDotIcon from '@skbkontur/react-icons/HelpDot';
-import { Button, Gapped, Input, Select, Tooltip } from '@skbkontur/react-ui';
-
-const [size, setSize] = React.useState('small');
-
-const render = () => (
-  <div
-    style={{
-      width: 250,
-      fontSize: size === 'large' ? 16 : 14,
-      fontFamily: 'Segoe UI',
-    }}
-  >
-    Задача организации, в особенности же рамки и место обучения кадров влечет за собой процесс внедрения и модернизации
-    форм развития.
-  </div>
-);
-
-<div style={{ fontFamily: 'Segoe UI' }}>
-  <Gapped vertical>
-    <Gapped>
-      <div style={{ width: 40 }}>Size</div>
-      <Select width={120} value={size} items={['small', 'medium', 'large']} onValueChange={setSize} size={size} />
-    </Gapped>
-    <Tooltip render={render} pos="right top">
-      <Input size={size} leftIcon={<SearchIcon />} width={170} />
-    </Tooltip>
-    <Tooltip render={render} pos="right top">
-      <Button size={size} icon={<MenuIcon />}>
-        Menu
-      </Button>
-    </Tooltip>
-    <Tooltip render={render} pos="right top">
-      <HelpDotIcon />
-    </Tooltip>
-  </Gapped>
-</div>;
-```
-
-### Выравнивание базовой линии
-Выравнивание базовой линии с RadioGroup требует дополнительных отступов.
-
-```jsx harmony
-import { Gapped, Tooltip, RadioGroup, Radio } from '@skbkontur/react-ui';
-
-const render = () => (
-  <div
-    style={{
-      fontSize: 14,
-      fontFamily: 'Segoe UI',
-    }}
-  >
-    Выровнено по первому Radio
-  </div>
-);
-
-<div style={{ fontFamily: 'Segoe UI' }}>
-  <Tooltip useWrapper={false} render={render} pos="right top">
-    <div style={{ padding: '10px 0', display: 'inline-block' }}>
-      <RadioGroup>
-        <Gapped vertical gap={0}>
-          <Radio value="2">Two</Radio>
-          <Radio value="4">Four</Radio>
-          <Radio value="6">Six</Radio>
-          <Radio value="8">Eight</Radio>
-        </Gapped>
-      </RadioGroup>
-    </div>
-  </Tooltip>
-</div>;
-```
-
-### Расположение тултипа
-Тултип может располагаться в одной из 12 позиции и триггериться одним из 8 способов.
-
-```jsx harmony
-import { Button, Center, Gapped, Select, Tooltip } from '@skbkontur/react-ui';
-
-const S = 60;
-
-const Block = ({ pos, trigger, top, left, onMouseDown }) => (
-  <div
-    style={{
-      top,
-      left,
-      display: 'inline-block',
-      position: 'absolute',
-      cursor: trigger === 'click' ? 'pointer' : 'default',
-    }}
-  >
-    <Tooltip render={() => pos} pos={pos} trigger={trigger}>
-      <div
-        tabIndex={trigger === 'focus' || trigger === 'hover&focus' ? 0 : null}
-        style={{
-          height: S - 5,
-          width: S - 5,
-          background: 'gray',
-          border: 'solid 1px',
-          boxShadow: '0 1px 5px rgba(0, 0, 0, 0.3)',
-        }}
-      />
-    </Tooltip>
-  </div>
-);
-
-class UseManualTooltip extends React.Component {
-  constructor(props) {
-    super(props);
-    this.tooltip = null;
-  }
-
-  render() {
-    return (
-      <Gapped vertical>
-        <Gapped>
-          <Button width={1.5 * S - 5} onClick={this.handleClickOnShow.bind(this)}>
-            Show
-          </Button>
-          <Button width={1.5 * S - 5} onClick={this.handleClickOnHide.bind(this)}>
-            Hide
-          </Button>
-        </Gapped>
-        <Tooltip
-          render={() => 'Manual tooltip'}
-          pos="bottom center"
-          trigger="manual"
-          ref={element => {
-            this.tooltip = element;
-          }}
-        >
-          <div
-            style={{
-              width: 3 * S,
-              height: S,
-              lineHeight: `${S}px`,
-              background: 'gray',
-              border: 'solid 1px',
-              boxShadow: '0 1px 5px rgba(0, 0, 0, 0.3)',
-              textAlign: 'center',
-            }}
-          >
-            Manual control
-          </div>
-        </Tooltip>
-      </Gapped>
-    );
-  }
-
-  handleClickOnShow() {
-    if (this.tooltip) {
-      this.tooltip.show();
-    }
-  }
-  handleClickOnHide() {
-    if (this.tooltip) {
-      this.tooltip.hide();
-    }
-  }
-}
-
-const blocks = [
-  { top: S, left: S * 2, pos: 'top left' },
-  { top: S, left: S * 4, pos: 'top center' },
-  { top: S, left: S * 6, pos: 'top right' },
-  { top: S * 2, left: S * 7, pos: 'right top' },
-  { top: S * 4, left: S * 7, pos: 'right middle' },
-  { top: S * 6, left: S * 7, pos: 'right bottom' },
-  { top: S * 7, left: S * 6, pos: 'bottom right' },
-  { top: S * 7, left: S * 4, pos: 'bottom center' },
-  { top: S * 7, left: S * 2, pos: 'bottom left' },
-  { top: S * 6, left: S, pos: 'left bottom' },
-  { top: S * 4, left: S, pos: 'left middle' },
-  { top: S * 2, left: S, pos: 'left top' },
-];
-
-const [trigger, setTrigger] = React.useState('hover');
-
-const isManual = trigger === 'manual';
-
-<div
-  style={{
-    width: S * 9,
-    height: S * 9,
-    position: 'relative',
-    border: '1px solid',
-    background: `repeating-linear-gradient(
-                            45deg,
-                            #808080,
-                            #808080 ${S / 4}px,
-                            #d3d3d3 ${S / 4}px,
-                            #d3d3d3 ${S / 2}px
-                          )`,
-  }}
->
-  <Center>
-    <Gapped vertical>
-      <Gapped>
-        Trigger
-        <Select
-          width={S * 2}
-          size="small"
-          value={trigger}
-          items={['click', 'hover', 'focus', 'hover&focus', 'hoverAnchor', 'opened', 'closed', 'manual']}
-          onValueChange={setTrigger}
-        />
-      </Gapped>
-      {isManual ? <UseManualTooltip /> : null}
-    </Gapped>
-  </Center>
-
-  {!isManual && blocks.map((block, i) => <Block key={i} {...block} trigger={trigger} />)}
-</div>;
-```
-
-### anchorElement
-Есть возможность прицеплять тултип к любому HTML элементу на странице с помощью `anchorElement`. При этом сам `Tooltip` может рендериться в совершенно другом месте приложения.
-
-```jsx harmony
-import { Tooltip } from '@skbkontur/react-ui';
-
-const S = 60;
-const blockStyle = {
-  height: S - 5,
-  width: S - 5,
-  boxShadow: '0 1px 5px rgba(0, 0, 0, 0.3)',
-  background: 'gray',
-  border: '1px solid'
-};
-const containerStyle = {
-  width: S * 9,
-  height: S * 9,
-  position: 'relative',
-  background: `repeating-linear-gradient(
-                                45deg,
-                                #808080,
-                                #808080 ${S / 4}px,
-                                #d3d3d3 ${S / 4}px,
-                                #d3d3d3 ${S / 2}px
-                              )`,
-  border: '1px solid',
-};
-
-const blocks = [
-  { top: S, left: S * 2 },
-  { top: S, left: S * 4 },
-  { top: S, left: S * 6 },
-  { top: S * 2, left: S * 7 },
-  { top: S * 4, left: S * 7 },
-  { top: S * 6, left: S * 7 },
-  { top: S * 7, left: S * 6 },
-  { top: S * 7, left: S * 4 },
-  { top: S * 7, left: S * 2 },
-  { top: S * 6, left: S },
-  { top: S * 4, left: S },
-  { top: S * 2, left: S },
-];
-
-class AnchorTooltipExample extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      blocks,
-      anchor: null,
-    };
-  }
-
-  render() {
-    return (
-      <>
-        {this.state.anchor ? (
-          <Tooltip anchorElement={this.state.anchor} render={() => 'Hello React'} trigger="hover" />
-        ) : null}
-        <div style={containerStyle}>
-          {this.state.blocks.map(({ top, left }, i) => (
-            <div key={i} style={{ top, left, display: 'inline-block', position: 'absolute' }}>
-              <div
-                style={blockStyle}
-                onMouseEnter={event => this.setState({ anchor: event.target })}
-                onMouseLeave={() => this.setState({ anchor: null })}
-              />
-            </div>
-          ))}
-        </div>
-      </>
-    );
-  }
-}
-
-<AnchorTooltipExample />;
-```
-
-### Задержка перед появлением
-У тултипа можно переопределить задержку перед его появлением. Скрытие же происходит с задержкой по умолчанию.
-
-```jsx harmony
-import HelpDotIcon from '@skbkontur/react-icons/HelpDot';
-import { Input, Gapped, Tooltip } from '@skbkontur/react-ui';
-
-const [delay, setDelay] = React.useState(100);
-
-const render = () => (
-  <div>
-    {`Showed with ${delay}ms delay`}
-  </div>
-);
-
-<div>
-  <Gapped vertical>
-    <Gapped>Show delay: <Input value={delay} onValueChange={setDelay} /></Gapped>
-    <Tooltip render={render} delayBeforeShow={delay} pos="right top">
-      <HelpDotIcon />
-    </Tooltip>
-  </Gapped>
-</div>;
-```

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

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

package/cjs/components/Tooltip/Tooltip.styles.js

@@ -1,33 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
-
-
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  cross: function cross(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      height: ", ";\n      line-height: 0;\n      padding: ", ";\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: ", ";\n      box-sizing: content-box;\n\n      &:hover {\n        color: ", ";\n      }\n    "])),
-    t.tooltipCloseBtnColor,
-
-    t.tooltipCloseBtnSide,
-
-    t.tooltipCloseBtnPadding,
-
-
-
-    t.tooltipCloseBtnSide,
-
-
-
-    t.tooltipCloseBtnHoverColor);
-
-
-  },
-
-  tooltipContent: function tooltipContent(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding: ", " ", ";\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.tooltipTextColor,
-    t.tooltipPaddingY, t.tooltipPaddingX,
-
-    t.tooltipFontSize,
-    t.tooltipLineHeight);
-
-  }
-});

package/cjs/components/Tooltip/Tooltip.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","styles","exports","memoizeStyle","cross","t","css","_taggedTemplateLiteralLoose2","default","tooltipCloseBtnColor","tooltipCloseBtnSide","tooltipCloseBtnPadding","tooltipCloseBtnHoverColor","tooltipContent","tooltipTextColor","tooltipPaddingY","tooltipPaddingX","tooltipFontSize","tooltipLineHeight"],"sources":["Tooltip.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  cross(t: Theme) {\n    return css`\n      color: ${t.tooltipCloseBtnColor};\n      cursor: pointer;\n      height: ${t.tooltipCloseBtnSide};\n      line-height: 0;\n      padding: ${t.tooltipCloseBtnPadding};\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: ${t.tooltipCloseBtnSide};\n      box-sizing: content-box;\n\n      &:hover {\n        color: ${t.tooltipCloseBtnHoverColor};\n      }\n    `;\n  },\n\n  tooltipContent(t: Theme) {\n    return css`\n      color: ${t.tooltipTextColor};\n      padding: ${t.tooltipPaddingY} ${t.tooltipPaddingX};\n      position: relative;\n      font-size: ${t.tooltipFontSize};\n      line-height: ${t.tooltipLineHeight};\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAP,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACI,oBAAoB;;IAErBJ,CAAC,CAACK,mBAAmB;;IAEpBL,CAAC,CAACM,sBAAsB;;;;IAI1BN,CAAC,CAACK,mBAAmB;;;;IAInBL,CAAC,CAACO,yBAAyB;;;EAG1C,CAAC;;EAEDC,cAAc,WAAAA,eAACR,CAAQ,EAAE;IACvB,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACS,gBAAgB;IAChBT,CAAC,CAACU,eAAe,EAAIV,CAAC,CAACW,eAAe;;IAEpCX,CAAC,CAACY,eAAe;IACfZ,CAAC,CAACa,iBAAiB;;EAEtC;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Tooltip/index.d.ts

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

package/cjs/components/Tooltip/index.js

@@ -1 +0,0 @@
-"use strict";exports.__esModule = true;var _Tooltip = require("./Tooltip");Object.keys(_Tooltip).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Tooltip[key]) return;exports[key] = _Tooltip[key];});

package/cjs/components/Tooltip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_Tooltip","require","Object","keys","forEach","key","exports"],"sources":["index.ts"],"sourcesContent":["export * from './Tooltip';\n"],"mappings":"uCAAA,IAAAA,QAAA,GAAAC,OAAA,cAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,QAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/components/TooltipMenu/TooltipMenu.d.ts

@@ -1,56 +0,0 @@
-import type { AriaAttributes } from 'react';
-import React from 'react';
-import type { PopupMenuProps } from '../../internal/PopupMenu';
-import type { MenuItemProps } from '../MenuItem';
-import type { MenuHeaderProps } from '../MenuHeader';
-import type { PopupPositionsType } from '../../internal/Popup';
-import type { CommonProps } from '../../internal/CommonWrapper';
-export type TooltipMenuChildType = React.ReactElement<MenuItemProps | unknown | MenuHeaderProps>;
-export interface TooltipMenuProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'preventIconsOffset'> {
-    /** @ignore */
-    children?: TooltipMenuChildType | TooltipMenuChildType[];
-    /** Задает максимальную высоту меню. */
-    menuMaxHeight?: number | string;
-    /** Задает ширину меню. */
-    menuWidth?: number | string;
-    /** Задает элемент или функцию возвращающую элемент, которые используется вместо `caption`.
-     * В случае функции, внутри нее необходимо управлять открытием и закрытием меню. */
-    caption: PopupMenuProps['caption'];
-    /** Задает элемент, который будет отрендерен в шапке меню.
-     * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`. */
-    header?: React.ReactNode;
-    /** Задает элемент, который будет отрендерен в подвале меню.
-     * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator). */
-    footer?: React.ReactNode;
-    /** Определяет список позиций, доступных для расположения выпадашки относительно caption.
-     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка. */
-    positions?: PopupPositionsType[];
-    /** Отключает анимацию. */
-    disableAnimations?: boolean;
-}
-export declare const TooltipMenuDataTids: {
-    readonly root: "TooltipMenu__root";
-};
-type DefaultProps = Required<Pick<TooltipMenuProps, 'disableAnimations'>>;
-/**
- * Меню `TooltipMenu` раскрывается по клику на переданный в `caption` элемент.
- *
- * Положение меню задаётся с помощью массива `positions` и работает так:
- * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,
- * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.
- *
- * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.
- *
- * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.
- */
-export declare class TooltipMenu extends React.Component<TooltipMenuProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private setRootNode;
-    static defaultProps: DefaultProps;
-    private getProps;
-    constructor(props: TooltipMenuProps);
-    render(): React.JSX.Element;
-    renderMain(): React.JSX.Element | null;
-}
-export {};

package/cjs/components/TooltipMenu/TooltipMenu.js

@@ -1,136 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TooltipMenuDataTids = exports.TooltipMenu = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-var _react = _interopRequireDefault(require("react"));
-
-var _ThemeFactory = require("../../lib/theming/ThemeFactory");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-
-var _PopupMenu = require("../../internal/PopupMenu");
-
-var _currentEnvironment = require("../../lib/currentEnvironment");
-
-
-
-var _CommonWrapper = require("../../internal/CommonWrapper");
-
-var _rootNode = require("../../lib/rootNode");
-var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _TooltipMenu;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var TooltipMenuDataTids = exports.TooltipMenuDataTids = {
-  root: 'TooltipMenu__root'
-};
-
-
-
-/**
- * Меню `TooltipMenu` раскрывается по клику на переданный в `caption` элемент.
- *
- * Положение меню задаётся с помощью массива `positions` и работает так:
- * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,
- * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.
- *
- * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.
- *
- * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.
- */var
-
-TooltipMenu = exports.TooltipMenu = (0, _rootNode.rootNode)(_class = (_TooltipMenu = /*#__PURE__*/function (_React$Component) {
-
-
-
-
-
-
-
-
-
-
-
-  function TooltipMenu(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(TooltipMenu.defaultProps);
-
-    if (!props.caption && !_currentEnvironment.isProductionEnv) {
-      throw new Error('Prop "caption" is required!!!');
-    }return _this;
-  }(0, _inheritsLoose2.default)(TooltipMenu, _React$Component);var _proto = TooltipMenu.prototype;_proto.
-
-  render = function render() {var _this2 = this;
-    return /*#__PURE__*/(
-      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-      function (theme) {
-        return /*#__PURE__*/(
-          _react.default.createElement(_ThemeContext.ThemeContext.Provider, {
-            value: _ThemeFactory.ThemeFactory.create(
-              {
-                popupPinOffsetX: theme.tooltipMenuPinOffsetX,
-                popupPinOffsetY: theme.tooltipMenuPinOffsetY,
-                popupMargin: theme.tooltipMenuMargin,
-                popupPinSize: theme.tooltipMenuPinSize
-              },
-              theme
-            ) },
-
-          _this2.renderMain()
-          ));
-
-      }
-      ));
-
-  };_proto.
-
-  renderMain = function renderMain() {
-    if (!this.props.caption) {
-      return null;
-    }
-
-    var _this$getProps = this.getProps(),disableAnimations = _this$getProps.disableAnimations;
-
-    return /*#__PURE__*/(
-      _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/
-      _react.default.createElement(_PopupMenu.PopupMenu, {
-        "aria-label": this.props['aria-label'],
-        "data-tid": TooltipMenuDataTids.root,
-        menuMaxHeight: this.props.menuMaxHeight,
-        menuWidth: this.props.menuWidth,
-        caption: this.props.caption,
-        header: this.props.header,
-        footer: this.props.footer,
-        preventIconsOffset: this.props.preventIconsOffset,
-        positions: this.props.positions,
-        onOpen: this.props.onOpen,
-        onClose: this.props.onClose,
-        popupHasPin: true,
-        disableAnimations: disableAnimations },
-
-      this.props.children
-      )
-      ));
-
-  };return TooltipMenu;}(_react.default.Component), _TooltipMenu.__KONTUR_REACT_UI__ = 'TooltipMenu', _TooltipMenu.displayName = 'TooltipMenu', _TooltipMenu.defaultProps = { disableAnimations: _currentEnvironment.isTestEnv }, _TooltipMenu)) || _class;