@skbkontur/react-ui 0.0.0-375e096002 → 0.0.0-388db940ca

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

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

package/components/Tooltip/Tooltip/package.json

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

package/components/Tooltip/Tooltip.md

@@ -1,301 +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 initialState = {
-  size: 'small',
-};
-
-const render = () => (
-  <div
-    style={{
-      width: 250,
-      fontSize: state.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={state.size}
-        items={['small', 'medium', 'large']}
-        onValueChange={v => setState({ size: v })}
-        size={state.size}
-      />
-    </Gapped>
-    <Tooltip render={render} pos="right top">
-      <Input size={state.size} leftIcon={<SearchIcon />} width={170} />
-    </Tooltip>
-    <Tooltip render={render} pos="right top">
-      <Button size={state.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: '16px 0', display: 'inline-block' }}>
-      <RadioGroup>
-        <Gapped vertical gap={10}>
-          <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: 'white',
-          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: 'white',
-              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();
-    }
-  }
-}
-
-let initialState = {
-  trigger: 'hover',
-  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 isManual = state.trigger === 'manual';
-
-<div
-  style={{
-    width: S * 9,
-    height: S * 9,
-    position: 'relative',
-    border: '1px solid #dfdede',
-    background: `repeating-linear-gradient(
-                   45deg,
-                   #fafafa,
-                   #fafafa ${S / 4}px,
-                   #dfdede ${S / 4}px,
-                   #dfdede ${S / 2}px
-                 )`,
-  }}
->
-  <Center>
-    <Gapped vertical>
-      <Gapped>
-        Trigger
-        <Select
-          width={S * 2}
-          size="small"
-          value={state.trigger}
-          items={['click', 'hover', 'focus', 'hover&focus', 'hoverAnchor', 'opened', 'closed', 'manual']}
-          onValueChange={v => setState({ trigger: v })}
-        />
-      </Gapped>
-      {isManual ? <UseManualTooltip /> : null}
-    </Gapped>
-  </Center>
-
-  {!isManual && state.blocks.map((block, i) => <Block key={i} {...block} trigger={state.trigger} />)}
-</div>;
-```
-
-Есть возможность прицеплять тултип к любому HTML элементу на странице с помощью `anchorElement`. При этом сам `Tooltip` может рендериться в совершенно другом месте приложения.
-
-```jsx harmony
-import { Tooltip } from '@skbkontur/react-ui';
-
-const S = 60;
-const blockStyle = {
-  height: S - 5,
-  width: S - 5,
-  background: 'white',
-  boxShadow: '0 1px 5px rgba(0, 0, 0, 0.3)',
-};
-const containerStyle = {
-  width: S * 9,
-  height: S * 9,
-  position: 'relative',
-  border: '1px solid #dfdede',
-  background: `
-    repeating-linear-gradient(
-      45deg,
-      #fafafa,
-      #fafafa ${S / 4}px,
-      #dfdede ${S / 4}px,
-      #dfdede ${S / 2}px
-    )
-  `,
-};
-
-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 />;
-```

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

@@ -1,32 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding: 15px 20px;\n      position: relative;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      height: 8px;\n      line-height: 0;\n      padding: 4px;\n      position: absolute;\n      right: 4px;\n      top: 4px;\n      width: 8px;\n      box-sizing: content-box;\n\n      &:hover {\n        color: ", ";\n      }\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  cross: function cross(t) {
-    return css(_templateObject(), t.tooltipCloseBtnColor, t.tooltipCloseBtnHoverColor);
-  },
-  tooltipContent: function tooltipContent() {
-    return css(_templateObject2());
-  }
-};
-export var jsStyles = memoizeStyle(styles);

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Tooltip.styles.ts"],"names":["css","memoizeStyle","styles","cross","t","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","tooltipContent","jsStyles"],"mappings":"ytBAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,KADa,iBACPC,CADO,EACG;AACd,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,oBADb;;;;;;;;;;;;AAaaD,IAAAA,CAAC,CAACE,yBAbf;;;AAgBD,GAlBY;;AAoBbC,EAAAA,cApBa,4BAoBI;AACf,WAAOP,GAAP;;;;AAID,GAzBY,EAAf;;;AA4BA,OAAO,IAAMQ,QAAQ,GAAGP,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  cross(t: Theme) {\r\n    return css`\r\n      color: ${t.tooltipCloseBtnColor};\r\n      cursor: pointer;\r\n      height: 8px;\r\n      line-height: 0;\r\n      padding: 4px;\r\n      position: absolute;\r\n      right: 4px;\r\n      top: 4px;\r\n      width: 8px;\r\n      box-sizing: content-box;\r\n\r\n      &:hover {\r\n        color: ${t.tooltipCloseBtnHoverColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  tooltipContent() {\r\n    return css`\r\n      padding: 15px 20px;\r\n      position: relative;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Tooltip/Tooltip.styles/package.json

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

package/components/Tooltip/index/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAd","sourcesContent":["export * from './Tooltip';\r\n"]}

package/components/Tooltip/index/package.json

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

package/components/Tooltip/package.json

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

package/components/TooltipMenu/TooltipMenu/TooltipMenu.js

@@ -1,70 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { PopupMenu } from "../../../internal/PopupMenu";
-import { isProductionEnv, isTestEnv } from "../../../lib/currentEnvironment";
-/**
- * Меню, раскрывающееся по клику на переданный в ```caption``` элемент.
- * Положение зависит от переданного массива ```positions``` и работает так:
- * первое значаение в массиве - дефолтная позиция, меню раскрывается так, если ничего не мешает ему раскрыться,
- * если раскрыться в данной позиции не получается - берется следующие значение, и так далее.
- * Если меню должно раскрываться только в одну сторону - передаем в ```positions``` массив с одним элементом.
- * Если ```positions``` передан или передан пустой массив, используются все возможные положения.
- */
-
-export var TooltipMenu = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(TooltipMenu, _React$Component);
-
-  function TooltipMenu(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.theme = void 0;
-
-    if (!props.caption && !isProductionEnv) {
-      throw new Error('Prop "caption" is required!!!');
-    }
-
-    return _this;
-  }
-
-  var _proto = TooltipMenu.prototype;
-
-  _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: '15px',
-          popupMargin: '10px'
-        }, _this2.theme)
-      }, _this2.renderMain());
-    });
-  };
-
-  _proto.renderMain = function renderMain() {
-    if (!this.props.caption) {
-      return null;
-    }
-
-    return /*#__PURE__*/React.createElement(PopupMenu, {
-      menuMaxHeight: this.props.menuMaxHeight,
-      menuWidth: this.props.menuWidth,
-      caption: this.props.caption,
-      header: this.props.header,
-      footer: this.props.footer,
-      positions: this.props.positions,
-      popupHasPin: true,
-      disableAnimations: this.props.disableAnimations
-    }, this.props.children);
-  };
-
-  return TooltipMenu;
-}(React.Component);
-TooltipMenu.__KONTUR_REACT_UI__ = 'TooltipMenu';
-TooltipMenu.defaultProps = {
-  disableAnimations: isTestEnv
-};

package/components/TooltipMenu/TooltipMenu/TooltipMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TooltipMenu.tsx"],"names":["React","ThemeFactory","ThemeContext","PopupMenu","isProductionEnv","isTestEnv","TooltipMenu","props","theme","caption","Error","render","create","popupPinOffset","popupMargin","renderMain","menuMaxHeight","menuWidth","header","footer","positions","disableAnimations","children","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,SAAT,QAA0C,0BAA1C;;AAEA,SAASC,eAAT,EAA0BC,SAA1B,QAA2C,8BAA3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAaC,WAAb;;;;;;;AAOE,uBAAYC,KAAZ,EAAqC;AACnC,wCAAMA,KAAN,UADmC,MAN7BC,KAM6B;;AAGnC,QAAI,CAACD,KAAK,CAACE,OAAP,IAAkB,CAACL,eAAvB,EAAwC;AACtC,YAAM,IAAIM,KAAJ,CAAU,+BAAV,CAAN;AACD,KALkC;AAMpC,GAbH;;AAeSC,EAAAA,MAfT,GAeE,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAAAH,KAAK,EAAI;AACR,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA;AACE,8BAAC,YAAD,CAAc,QAAd;AACE,YAAA,KAAK,EAAEP,YAAY,CAACW,MAAb;AACL;AACEC,cAAAA,cAAc,EAAE,MADlB;AAEEC,cAAAA,WAAW,EAAE,MAFf,EADK;;AAKL,YAAA,MAAI,CAACN,KALA,CADT;;;AASG,UAAA,MAAI,CAACO,UAAL,EATH,CADF;;;AAaD,OAhBH,CADF;;;AAoBD,GApCH;;AAsCSA,EAAAA,UAtCT,GAsCE,sBAAoB;AAClB,QAAI,CAAC,KAAKR,KAAL,CAAWE,OAAhB,EAAyB;AACvB,aAAO,IAAP;AACD;;AAED;AACE,0BAAC,SAAD;AACE,QAAA,aAAa,EAAE,KAAKF,KAAL,CAAWS,aAD5B;AAEE,QAAA,SAAS,EAAE,KAAKT,KAAL,CAAWU,SAFxB;AAGE,QAAA,OAAO,EAAE,KAAKV,KAAL,CAAWE,OAHtB;AAIE,QAAA,MAAM,EAAE,KAAKF,KAAL,CAAWW,MAJrB;AAKE,QAAA,MAAM,EAAE,KAAKX,KAAL,CAAWY,MALrB;AAME,QAAA,SAAS,EAAE,KAAKZ,KAAL,CAAWa,SANxB;AAOE,QAAA,WAAW,EAAE,IAPf;AAQE,QAAA,iBAAiB,EAAE,KAAKb,KAAL,CAAWc,iBARhC;;AAUG,WAAKd,KAAL,CAAWe,QAVd,CADF;;;AAcD,GAzDH,sBAAiCtB,KAAK,CAACuB,SAAvC,EAAajB,W,CAEGkB,mB,GAAsB,a,CAFzBlB,W,CAIGmB,Y,GAAe,EAC3BJ,iBAAiB,EAAEhB,SADQ,E","sourcesContent":["import React from 'react';\r\n\r\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\r\nimport { MenuItemProps } from '../MenuItem';\r\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\r\nimport { MenuHeaderProps } from '../MenuHeader';\r\nimport { PopupPosition } from '../../internal/Popup';\r\n\r\nexport type TooltipMenuChildType = React.ReactElement<MenuItemProps | {} | MenuHeaderProps>;\r\n\r\nexport interface TooltipMenuProps {\r\n  children?: TooltipMenuChildType | TooltipMenuChildType[];\r\n  /** Максимальная высота меню */\r\n  menuMaxHeight?: number | string;\r\n  /** Ширина меню */\r\n  menuWidth?: number | string;\r\n  /**\r\n   * Элемент или функция возвращающая элемент,\r\n   * если передана, используется вместо ```caption```,\r\n   * в таком случае управлять открытием и закрытием меню\r\n   * придется в этой функции\r\n   */\r\n  caption: PopupMenuProps['caption'];\r\n  header?: React.ReactNode;\r\n  footer?: React.ReactNode;\r\n  /**  Массив разрешенных положений меню относительно caption'а. */\r\n  positions?: PopupPosition[];\r\n  /**\r\n   * Не показывать анимацию\r\n   */\r\n  disableAnimations: boolean;\r\n}\r\n\r\n/**\r\n * Меню, раскрывающееся по клику на переданный в ```caption``` элемент.\r\n * Положение зависит от переданного массива ```positions``` и работает так:\r\n * первое значаение в массиве - дефолтная позиция, меню раскрывается так, если ничего не мешает ему раскрыться,\r\n * если раскрыться в данной позиции не получается - берется следующие значение, и так далее.\r\n * Если меню должно раскрываться только в одну сторону - передаем в ```positions``` массив с одним элементом.\r\n * Если ```positions``` передан или передан пустой массив, используются все возможные положения.\r\n */\r\nexport class TooltipMenu extends React.Component<TooltipMenuProps> {\r\n  private theme!: Theme;\r\n  public static __KONTUR_REACT_UI__ = 'TooltipMenu';\r\n\r\n  public static defaultProps = {\r\n    disableAnimations: isTestEnv,\r\n  };\r\n  constructor(props: TooltipMenuProps) {\r\n    super(props);\r\n\r\n    if (!props.caption && !isProductionEnv) {\r\n      throw new Error('Prop \"caption\" is required!!!');\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return (\r\n            <ThemeContext.Provider\r\n              value={ThemeFactory.create(\r\n                {\r\n                  popupPinOffset: '15px',\r\n                  popupMargin: '10px',\r\n                },\r\n                this.theme,\r\n              )}\r\n            >\r\n              {this.renderMain()}\r\n            </ThemeContext.Provider>\r\n          );\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  public renderMain() {\r\n    if (!this.props.caption) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <PopupMenu\r\n        menuMaxHeight={this.props.menuMaxHeight}\r\n        menuWidth={this.props.menuWidth}\r\n        caption={this.props.caption}\r\n        header={this.props.header}\r\n        footer={this.props.footer}\r\n        positions={this.props.positions}\r\n        popupHasPin={true}\r\n        disableAnimations={this.props.disableAnimations}\r\n      >\r\n        {this.props.children}\r\n      </PopupMenu>\r\n    );\r\n  }\r\n}\r\n"]}

package/components/TooltipMenu/TooltipMenu/package.json

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

package/components/TooltipMenu/TooltipMenu.md

@@ -1,115 +0,0 @@
-Простой пример
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu caption={<Button use="primary">Открыть меню</Button>}>
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-С указанием ширины меню
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu caption={<Button use="primary">Открыть меню</Button>} menuWidth={350}>
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-С указанием максимальной высоты меню
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu caption={<Button use="primary">Открыть меню</Button>} menuMaxHeight={150}>
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-В `caption` можно передать любой элемент
-
-```jsx harmony
-import { MenuItem } from '@skbkontur/react-ui';
-import MenuIcon from '@skbkontur/react-icons/Menu';
-
-<TooltipMenu
-  caption={
-    <span style={{ display: 'inline-block' }} tabIndex="0">
-      <MenuIcon size={32} />
-    </span>
-  }
-  menuWidth="300px"
->
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-Только справа
-
-```jsx harmony
-import { MenuItem } from '@skbkontur/react-ui';
-import LightbulbIcon from '@skbkontur/react-icons/Lightbulb';
-
-<TooltipMenu
-  caption={
-    <span style={{ display: 'inline-block' }} tabIndex="0">
-      <LightbulbIcon size={32} />
-    </span>
-  }
-  menuWidth="300px"
-  positions={['right top', 'right middle', 'right bottom']}
->
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-Меню только сверху выравненное по правому краю `caption`
-
-```jsx harmony
-import { MenuItem } from '@skbkontur/react-ui';
-import LightbulbIcon from '@skbkontur/react-icons/Lightbulb';
-
-<TooltipMenu
-  caption={
-    <span style={{ display: 'inline-block' }} tabIndex="0">
-      <LightbulbIcon size={32} />
-    </span>
-  }
-  menuWidth="300px"
-  positions={['top right']}
->
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```

package/components/TooltipMenu/index/index.js

@@ -1 +0,0 @@
-export * from "../TooltipMenu";

package/components/TooltipMenu/index/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAd","sourcesContent":["export * from './TooltipMenu';\r\n"]}

package/components/TooltipMenu/index/package.json

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