@skbkontur/react-ui 0.0.0-6dd088a035 → 0.0.0-70dd810c5c

package/cjs/components/TokenInput/TokenInputMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeFactory","_Popup","_CustomComboBox","_ThemeContext","_TokenInput","TokenInputMenu","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","menu","getMenuRef","getPopupMargin","paddingY","parseInt","theme","tokenInputPaddingYSmall","outlineWidth","controlOutlineWidth","marginY","tokenMarginYSmall","menuRef","node","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","Provider","value","ThemeFactory","create","popupMargin","popupBackground","tokenInputMenuPopupBg","renderMain","getPopupMarginSize","t","props","size","tokenInputPopupMarginLarge","tokenInputPopupMarginMedium","tokenInputPopupMarginSmall","_this$props","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElement","menuWidth","menuAlign","Popup","id","popupMenuId","TokenInputDataTids","tokenInputMenu","positions","popupOffset","tokenInputPopupOffset","margin","hasShadow","width","withoutMobile","ComboBoxMenu","hasMargin","refMenu","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["TokenInputMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { HTMLProps } from '../../typings/html';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { PopupProps } from '../../internal/Popup';\nimport { Popup } from '../../internal/Popup';\nimport type { ComboBoxMenuProps } from '../../internal/CustomComboBox';\nimport { ComboBoxMenu } from '../../internal/CustomComboBox';\nimport type { Menu } from '../../internal/Menu';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { TokenSize } from '../Token';\n\nimport type { TokenInputMenuAlign, TokenInputProps } from './TokenInput';\nimport { TokenInputDataTids } from './TokenInput';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n  anchorElement: PopupProps['anchorElement'];\n  /** Задает шинину выпадающего меню. */\n  menuWidth: TokenInputProps<string>['menuWidth'];\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign: TokenInputMenuAlign;\n  /** Задает id выпадающему меню.\n   Полезно при реализации a11y. Например, помогает связать aria-controls с выпадающим меню. */\n  popupMenuId?: HTMLProps['id'];\n  /** Задает размер контрола. */\n  size?: TokenSize;\n}\n\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\n  public static displayName = 'TokenInputMenu';\n\n  private theme!: Theme;\n\n  private menu: Menu | null = null;\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                  popupMargin: this.getPopupMargin() + 'px',\n                  popupBackground: this.theme.tokenInputMenuPopupBg,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public getMenuRef = (): any | null => this.menu;\n\n  private getPopupMarginSize(t: Theme) {\n    switch (this.props.size) {\n      case 'large':\n        return t.tokenInputPopupMarginLarge;\n      case 'medium':\n        return t.tokenInputPopupMarginMedium;\n      case 'small':\n      default:\n        return t.tokenInputPopupMarginSmall;\n    }\n  }\n\n  private renderMain() {\n    const {\n      loading,\n      maxMenuHeight,\n      renderTotalCount,\n      totalCount,\n      opened,\n      items,\n      renderNotFound,\n      renderItem,\n      onValueChange,\n      renderAddButton,\n      anchorElement,\n      menuWidth,\n      menuAlign,\n    } = this.props;\n\n    return (\n      <Popup\n        id={this.props.popupMenuId}\n        data-tid={TokenInputDataTids.tokenInputMenu}\n        opened={!!opened}\n        positions={['bottom left', 'top left']}\n        anchorElement={anchorElement}\n        popupOffset={\n          menuAlign === 'left'\n            ? parseInt(this.theme.tokenInputPopupOffset)\n            : 8 + parseInt(this.theme.tokenInputPopupOffset)\n        }\n        margin={menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme))}\n        hasShadow\n        width={menuAlign === 'cursor' ? 'auto' : menuWidth}\n        withoutMobile\n      >\n        <ComboBoxMenu\n          size={this.props.size}\n          items={items}\n          loading={loading}\n          hasMargin={false}\n          maxMenuHeight={maxMenuHeight}\n          onValueChange={onValueChange}\n          opened={opened}\n          refMenu={this.menuRef}\n          renderTotalCount={renderTotalCount}\n          renderItem={renderItem}\n          renderNotFound={renderNotFound}\n          totalCount={totalCount}\n          renderAddButton={renderAddButton}\n        />\n      </Popup>\n    );\n  }\n\n  private getPopupMargin = (): number => {\n    const paddingY = parseInt(this.theme.tokenInputPaddingYSmall, 10) || 0;\n    const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) || 0;\n    const marginY = parseInt(this.theme.tokenMarginYSmall, 10) || 0;\n\n    return paddingY + outlineWidth + marginY;\n  };\n\n  private menuRef = (node: any) => (this.menu = node);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeFactory","_Popup","_CustomComboBox","_ThemeContext","_TokenInput","TokenInputMenu","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","menu","getMenuRef","handleMenuPositionChange","_","isFullyVisible","forceMenuLeftAlign","props","menuAlign","setState","getPopupMargin","paddingY","parseInt","theme","tokenInputPaddingYSmall","outlineWidth","controlOutlineWidth","marginY","tokenMarginYSmall","menuRef","node","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","Provider","value","ThemeFactory","create","popupMargin","popupBackground","tokenInputMenuPopupBg","renderMain","getPopupMarginSize","t","size","tokenInputPopupMarginLarge","tokenInputPopupMarginMedium","tokenInputPopupMarginSmall","_this$props","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElementForCursor","anchorElementRoot","menuWidth","Popup","id","popupMenuId","TokenInputDataTids","tokenInputMenu","positions","anchorElement","popupOffset","tokenInputPopupOffset","margin","hasShadow","width","withoutMobile","onPositionChange","ComboBoxMenu","hasMargin","refMenu","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["TokenInputMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { HTMLProps } from '../../typings/html';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { PopupPositionsType, PopupProps } from '../../internal/Popup';\nimport { Popup } from '../../internal/Popup';\nimport type { ComboBoxMenuProps } from '../../internal/CustomComboBox';\nimport { ComboBoxMenu } from '../../internal/CustomComboBox';\nimport type { Menu } from '../../internal/Menu';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { TokenSize } from '../Token';\n\nimport type { TokenInputMenuAlign, TokenInputProps } from './TokenInput';\nimport { TokenInputDataTids } from './TokenInput';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n  /** html-элемент от которого будет позиционировано Menu в случае menuAlign cursor */\n  anchorElementForCursor: PopupProps['anchorElement'];\n  /** html-элемент от которого будет позиционировано Menu в случае menuAlign left */\n  anchorElementRoot: PopupProps['anchorElement'];\n  /** Задает ширину выпадающего меню. */\n  menuWidth: TokenInputProps<string>['menuWidth'];\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign: TokenInputMenuAlign;\n  /** Задает id выпадающему меню.\n   Полезно при реализации a11y. Например, помогает связать aria-controls с выпадающим меню. */\n  popupMenuId?: HTMLProps['id'];\n  /** Задает размер контрола. */\n  size?: TokenSize;\n}\n\ninterface TokenInputMenuState {\n  forceMenuLeftAlign?: boolean;\n}\n\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>, TokenInputMenuState> {\n  public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\n  public static displayName = 'TokenInputMenu';\n\n  public state: TokenInputMenuState = {};\n\n  private theme!: Theme;\n\n  private menu: Menu | null = null;\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                  popupMargin: this.getPopupMargin() + 'px',\n                  popupBackground: this.theme.tokenInputMenuPopupBg,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public getMenuRef = (): any | null => this.menu;\n\n  private getPopupMarginSize(t: Theme) {\n    switch (this.props.size) {\n      case 'large':\n        return t.tokenInputPopupMarginLarge;\n      case 'medium':\n        return t.tokenInputPopupMarginMedium;\n      case 'small':\n      default:\n        return t.tokenInputPopupMarginSmall;\n    }\n  }\n\n  private renderMain() {\n    const {\n      loading,\n      maxMenuHeight,\n      renderTotalCount,\n      totalCount,\n      opened,\n      items,\n      renderNotFound,\n      renderItem,\n      onValueChange,\n      renderAddButton,\n      anchorElementForCursor,\n      anchorElementRoot,\n      menuWidth,\n    } = this.props;\n\n    const menuAlign = this.state.forceMenuLeftAlign ? 'left' : this.props.menuAlign;\n\n    return (\n      <Popup\n        id={this.props.popupMenuId}\n        data-tid={TokenInputDataTids.tokenInputMenu}\n        opened={!!opened}\n        positions={\n          menuAlign === 'cursor'\n            ? ['bottom left', 'top left']\n            : ['bottom left', 'top left', 'bottom right', 'top right']\n        }\n        anchorElement={menuAlign === 'cursor' ? anchorElementForCursor : anchorElementRoot}\n        popupOffset={\n          menuAlign === 'left'\n            ? parseInt(this.theme.tokenInputPopupOffset)\n            : 8 + parseInt(this.theme.tokenInputPopupOffset)\n        }\n        margin={menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme))}\n        hasShadow\n        width={menuAlign === 'cursor' ? 'auto' : menuWidth}\n        withoutMobile\n        onPositionChange={this.handleMenuPositionChange}\n      >\n        <ComboBoxMenu\n          size={this.props.size}\n          items={items}\n          loading={loading}\n          hasMargin={false}\n          maxMenuHeight={maxMenuHeight}\n          onValueChange={onValueChange}\n          opened={opened}\n          refMenu={this.menuRef}\n          renderTotalCount={renderTotalCount}\n          renderItem={renderItem}\n          renderNotFound={renderNotFound}\n          totalCount={totalCount}\n          renderAddButton={renderAddButton}\n        />\n      </Popup>\n    );\n  }\n\n  private handleMenuPositionChange = (_: PopupPositionsType, isFullyVisible: boolean) => {\n    if (!this.state.forceMenuLeftAlign && !isFullyVisible && this.props.menuAlign === 'cursor') {\n      this.setState({ forceMenuLeftAlign: true });\n    }\n  };\n\n  private getPopupMargin = (): number => {\n    const paddingY = parseInt(this.theme.tokenInputPaddingYSmall, 10) || 0;\n    const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) || 0;\n    const marginY = parseInt(this.theme.tokenMarginYSmall, 10) || 0;\n\n    return paddingY + outlineWidth + marginY;\n  };\n\n  private menuRef = (node: any) => (this.menu = node);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,9 @@
 import React from 'react';
+import type { SizeProp } from 'react-ui/lib/types/props';
 import type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';
 import type { Nullable } from '../../typings/utility-types';
 import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
 import type { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';
 import type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
 export type TooltipTrigger = 
@@ -34,6 +36,9 @@ export interface TooltipProps extends CommonProps {
     render?: Nullable<() => React.ReactNode>;
     /** Задает приоритетное расположение подсказки относительно текста. */
     pos?: ShortPopupPositionsType | PopupPositionsType;
+    /** Задает размер тултипа.
+     * @default 'small' */
+    size?: SizeProp;
     /** Задает триггер открытия тултипа. */
     trigger?: TooltipTrigger;
     /** Задает хендлер, который вызывается при клике по крестику. */
@@ -67,34 +72,33 @@ export declare const TooltipDataTids: {
     readonly content: "Tooltip__content";
     readonly crossIcon: "Tooltip__crossIcon";
 };
-type DefaultProps = Required<Pick<TooltipProps, 'trigger' | 'disableAnimations' | 'useWrapper' | 'delayBeforeShow'>>;
+type DefaultProps = Required<Pick<TooltipProps, 'size' | 'trigger' | 'disableAnimations' | 'useWrapper' | 'delayBeforeShow'>>;
 /**
- * `Tooltip` — это подсказка, которую пользователь открывает сам, кликом по элементу.
+ * `Tooltip` — это подсказка, которая объясняет состояние контрола или даёт контекстную справку.
  *
- * `Tooltip` используется для коротких поясняющих текстов, если необходимо дать разъяснение к деталям интерфейса, упомянутой информации или помочь с заполнением полей.
- * Если эти подробности не нужны постоянно, но могут помочь пользователю в момент когда он испытывает трудности.
- *
- * Для подсказки, всплывающей по наведению используйте Hint.
+ * Открывается по клику, фокусом на элемент или по наведению. В отличие от `Hint`, `Tooltip` может содержать
+ * изображения, кнопки, ссылки и прочие интерактивные элементы.
  */
 export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    static propTypes: {
-        children(props: TooltipProps, propName: keyof TooltipProps, componentName: string): void;
-    };
     static defaultProps: DefaultProps;
     private getProps;
+    private validateProps;
     static delay: number;
     private static triggersWithoutCloseButton;
     state: TooltipState;
     private theme;
+    private sizeVariables;
     featureFlags: ReactUIFeatureFlags;
     private hoverTimeout;
     private contentElement;
     private clickedOutside;
+    getRootNode: TGetRootNode;
     private setRootNode;
     private popupRef;
     getAllowedPositions(): string[];
+    componentDidMount(): void;
     componentDidUpdate(): void;
     componentWillUnmount(): void;
     render(): React.JSX.Element;
@@ -129,5 +133,6 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
     private handleFocus;
     private handleBlur;
     private handleCloseButtonClick;
+    private getSizeVariables;
 }
 export {};

package/cjs/components/Tooltip/Tooltip.js

@@ -3,6 +3,7 @@ var _warning = _interopRequireDefault(require("warning"));
 
 var _globalObject = require("@skbkontur/global-object");
 
+
 var _utils = require("../../lib/utils");
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
 
@@ -25,6 +26,7 @@ var _CloseButtonIcon = require("../../internal/CloseButtonIcon/CloseButtonIcon")
 var _isInstanceOf = require("../../lib/isInstanceOf");
 
 var _featureFlagsContext = require("../../lib/featureFlagsContext");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _Tooltip2 = require("./Tooltip.styles");var _class, _Tooltip;
 
@@ -65,6 +67,24 @@ var _Tooltip2 = require("./Tooltip.styles");var _class, _Tooltip;
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -114,16 +134,6 @@ var OldPositions = [
 
 
 
-/**
- * `Tooltip` — это подсказка, которую пользователь открывает сам, кликом по элементу.
- *
- * `Tooltip` используется для коротких поясняющих текстов, если необходимо дать разъяснение к деталям интерфейса, упомянутой информации или помочь с заполнением полей.
- * Если эти подробности не нужны постоянно, но могут помочь пользователю в момент когда он испытывает трудности.
- *
- * Для подсказки, всплывающей по наведению используйте Hint.
- */var
-
-Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (_Tooltip = /*#__PURE__*/function (_React$PureComponent) {function Tooltip() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
 
 
 
@@ -136,7 +146,14 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (_Tooltip = /*#__PU
 
 
 
+/**
+ * `Tooltip` — это подсказка, которая объясняет состояние контрола или даёт контекстную справку.
+ *
+ * Открывается по клику, фокусом на элемент или по наведению. В отличие от `Hint`, `Tooltip` может содержать
+ * изображения, кнопки, ссылки и прочие интерактивные элементы.
+ */var
 
+Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (_Tooltip = /*#__PURE__*/function (_React$PureComponent) {function Tooltip() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
 
 
 
@@ -153,14 +170,22 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (_Tooltip = /*#__PU
 
 
 
+
+
+
+
+
+
     state = { opened: false, focused: false };_this.
 
 
 
+
     contentElement = null;_this.
     clickedOutside = true;_this.
 
 
+
     popupRef = /*#__PURE__*/_react.default.createRef();_this.
 
 
@@ -205,6 +230,13 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (_Tooltip = /*#__PU
 
 
 
+
+
+
+
+
+
+
 
 
 
@@ -220,7 +252,11 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (_Tooltip = /*#__PU
       }
 
       return /*#__PURE__*/(
-        _react.default.createElement("div", { ref: _this.refContent, className: _Tooltip2.styles.tooltipContent(_this.theme), "data-tid": TooltipDataTids.content },
+        _react.default.createElement("div", {
+          ref: _this.refContent,
+          className: (0, _Emotion.cx)(_Tooltip2.styles.tooltipContent(_this.theme), _this.sizeVariables.contentStyle),
+          "data-tid": TooltipDataTids.content },
+
         content,
         _this.renderCloseButton()
         ));
@@ -527,7 +563,53 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (_Tooltip = /*#__PU
       }
 
       _this.close();
-    };return _this;}(0, _inheritsLoose2.default)(Tooltip, _React$PureComponent);var _proto = Tooltip.prototype;_proto.getAllowedPositions = function getAllowedPositions() {return this.props.allowedPositions ? this.props.allowedPositions : OldPositions;};_proto.componentDidUpdate = function componentDidUpdate() {var _this$getProps = this.getProps(),trigger = _this$getProps.trigger;if (trigger === 'closed' && this.state.opened) {this.close();}};_proto.componentWillUnmount = function componentWillUnmount() {this.clearHoverTimeout();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupMargin: theme.tooltipMargin, popupBorder: theme.tooltipBorder, popupBorderRadius: theme.tooltipBorderRadius, popupPinSize: theme.tooltipPinSize, popupPinOffsetX: theme.tooltipPinOffsetX, popupPinOffsetY: theme.tooltipPinOffsetY, popupBackground: theme.tooltipBg }, theme) }, _this2.renderMain());});});};_proto.renderCloseButton = function renderCloseButton() {var hasCross = this.props.closeButton === undefined ? !Tooltip.triggersWithoutCloseButton.includes(this.getProps().trigger) : this.props.closeButton;if (!hasCross) {return null;}var icon = /*#__PURE__*/_react.default.createElement(_CloseButtonIcon.CloseButtonIcon, { tabbable: false, side: parseInt(this.theme.tooltipCloseBtnSide), color: this.theme.tooltipCloseBtnColor, colorHover: this.theme.tooltipCloseBtnHoverColor });return /*#__PURE__*/_react.default.createElement("div", { className: _Tooltip2.styles.cross(this.theme), onClick: this.handleCloseButtonClick, "data-tid": TooltipDataTids.crossIcon }, icon);}; /**
+    };_this.
+
+    getSizeVariables = function () {
+      switch (_this.props.size) {
+        case 'small':
+          return {
+            closeButtonStyle: _Tooltip2.styles.closeButtonSmall(_this.theme),
+            contentStyle: _Tooltip2.styles.tooltipContentSmall(_this.theme),
+            borderRadius: _this.theme.tooltipBorderRadiusSmall,
+            pinSize: _this.theme.tooltipPinSizeSmall,
+            pinOffsetX: _this.theme.tooltipPinOffsetXSmall,
+            pinOffsetY: _this.theme.tooltipPinOffsetYSmall,
+            margin: _this.theme.tooltipMarginSmall
+          };
+        case 'medium':
+          return {
+            closeButtonStyle: _Tooltip2.styles.closeButtonMedium(_this.theme),
+            contentStyle: _Tooltip2.styles.tooltipContentMedium(_this.theme),
+            borderRadius: _this.theme.tooltipBorderRadiusMedium,
+            pinSize: _this.theme.tooltipPinSizeMedium,
+            pinOffsetX: _this.theme.tooltipPinOffsetXMedium,
+            pinOffsetY: _this.theme.tooltipPinOffsetYMedium,
+            margin: _this.theme.tooltipMarginMedium
+          };
+        case 'large':
+          return {
+            closeButtonStyle: _Tooltip2.styles.closeButtonLarge(_this.theme),
+            contentStyle: _Tooltip2.styles.tooltipContentLarge(_this.theme),
+            borderRadius: _this.theme.tooltipBorderRadiusLarge,
+            pinSize: _this.theme.tooltipPinSizeLarge,
+            pinOffsetX: _this.theme.tooltipPinOffsetXLarge,
+            pinOffsetY: _this.theme.tooltipPinOffsetYLarge,
+            margin: _this.theme.tooltipMarginLarge
+          };
+        default:
+          console.error("Can't get size variables: invalid value in size prop '" + _this.props.size + "'. Returning default");
+          return {
+            closeButtonStyle: _Tooltip2.styles.closeButtonSmall(_this.theme),
+            contentStyle: _Tooltip2.styles.tooltipContentSmall(_this.theme),
+            borderRadius: _this.theme.tooltipBorderRadiusSmall,
+            pinSize: _this.theme.tooltipPinSizeSmall,
+            pinOffsetX: _this.theme.tooltipPinOffsetXSmall,
+            pinOffsetY: _this.theme.tooltipPinOffsetYSmall,
+            margin: _this.theme.tooltipMarginSmall
+          };
+      }
+    };return _this;}(0, _inheritsLoose2.default)(Tooltip, _React$PureComponent);var _proto = Tooltip.prototype;_proto.validateProps = function validateProps(props) {(0, _warning.default)(props.children || props.anchorElement, "[Tooltip]: you must provide either 'children' or 'anchorElement' prop for Tooltip to work properly");};_proto.getAllowedPositions = function getAllowedPositions() {return this.props.allowedPositions ? this.props.allowedPositions : OldPositions;};_proto.componentDidMount = function componentDidMount() {this.validateProps(this.getProps());};_proto.componentDidUpdate = function componentDidUpdate() {var _this$getProps = this.getProps(),trigger = _this$getProps.trigger;this.validateProps(this.getProps());if (trigger === 'closed' && this.state.opened) {this.close();}};_proto.componentWillUnmount = function componentWillUnmount() {this.clearHoverTimeout();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;_this2.sizeVariables = _this2.getSizeVariables();return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupBackground: theme.tooltipBg, popupBorder: theme.tooltipBorder, popupBorderRadius: _this2.sizeVariables.borderRadius, popupPinSize: _this2.sizeVariables.pinSize, popupPinOffsetX: _this2.sizeVariables.pinOffsetX, popupPinOffsetY: _this2.sizeVariables.pinOffsetY, popupMargin: _this2.sizeVariables.margin }, theme) }, _this2.renderMain());});});};_proto.renderCloseButton = function renderCloseButton() {var hasCross = this.props.closeButton === undefined ? !Tooltip.triggersWithoutCloseButton.includes(this.getProps().trigger) : this.props.closeButton;if (!hasCross) {return null;}var icon = /*#__PURE__*/_react.default.createElement(_CloseButtonIcon.CloseButtonIcon, { tabbable: false, side: parseInt(this.theme.tooltipCloseBtnSide), color: this.theme.tooltipCloseBtnColor, colorHover: this.theme.tooltipCloseBtnHoverColor });return /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Tooltip2.styles.closeButton(this.theme), this.sizeVariables.closeButtonStyle), onClick: this.handleCloseButtonClick, "data-tid": TooltipDataTids.crossIcon }, icon);}; /**
    * Программно открывает тултип.
    * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
    * @public
@@ -535,4 +617,4 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (_Tooltip = /*#__PU
    * Программно закрывает тултип.
    * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
    * @public
-   */;_proto.hide = function hide() {var trigger = this.getProps().trigger;if (trigger === 'opened' || trigger === 'closed') {(0, _warning.default)(true, "Function 'hide' is not supported with trigger specified '" + trigger + "'");return;}this.close();};_proto.renderMain = function renderMain() {var props = this.props;var content = this.renderContent();var _this$getPopupAndLaye = this.getPopupAndLayerProps(),popupProps = _this$getPopupAndLaye.popupProps,_this$getPopupAndLaye2 = _this$getPopupAndLaye.layerProps,layerProps = _this$getPopupAndLaye2 === void 0 ? { active: false } : _this$getPopupAndLaye2;var anchorElement = props.children || props.anchorElement;var popup = this.renderPopup(anchorElement, popupProps, content);return /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, (0, _extends2.default)({}, layerProps, { getAnchorElement: this.getAnchorElement }), popup);};_proto.renderPopup = function renderPopup(anchorElement, popupProps, content) {var _this$getProps2 = this.getProps(),disableAnimations = _this$getProps2.disableAnimations,trigger = _this$getProps2.trigger;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_Popup.Popup, (0, _extends2.default)({ "data-tid": TooltipDataTids.root, anchorElement: anchorElement, hasPin: true, hasShadow: true, maxWidth: "none", opened: this.state.opened, disableAnimations: disableAnimations, positions: this.getPositions(), pos: this.props.pos, ignoreHover: trigger === 'hoverAnchor', onOpen: this.props.onOpen, onClose: this.props.onClose, tryPreserveFirstRenderedPosition: true, ref: this.popupRef, withoutMobile: true }, popupProps), content));};_proto.getPopupAndLayerProps = function getPopupAndLayerProps() {var props = this.props;var useWrapper = !!props.children && this.getProps().useWrapper;var trigger = this.getProps().trigger;switch (trigger) {case 'opened':return { layerProps: { active: true, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { opened: true, useWrapper: useWrapper } };case 'closed':return { popupProps: { opened: false, useWrapper: useWrapper } };case 'hoverAnchor':case 'hover':return { popupProps: { onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, useWrapper: useWrapper } };case 'manual':return { popupProps: { useWrapper: useWrapper } };case 'click':return { layerProps: { active: this.state.opened, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { onClick: this.handleClick, useWrapper: useWrapper } };case 'focus':return { popupProps: { onFocus: this.handleFocus, onBlur: this.handleBlur, useWrapper: useWrapper } };case 'hover&focus':return { layerProps: { active: this.state.opened, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, useWrapper: useWrapper } };default:throw new Error('Unknown trigger specified: ' + trigger);}};_proto.clearHoverTimeout = function clearHoverTimeout() {if (this.hoverTimeout) {_globalObject.globalObject.clearTimeout(this.hoverTimeout);this.hoverTimeout = null;}};_proto.isClickOutsideContent = function isClickOutsideContent(event) {if (this.contentElement && (0, _isInstanceOf.isInstanceOf)(event.target, _globalObject.globalObject.Element)) {return !(0, _listenFocusOutside.containsTargetOrRenderContainer)(event.target)(this.contentElement);}return true;};return Tooltip;}(_react.default.PureComponent), _Tooltip.__KONTUR_REACT_UI__ = 'Tooltip', _Tooltip.displayName = 'Tooltip', _Tooltip.propTypes = { children: function children(props, propName, componentName) {var children = props[propName];(0, _warning.default)(children || props.anchorElement, "[" + componentName + "]: you must provide either 'children' or 'anchorElement' prop for " + componentName + " to work properly");(0, _warning.default)(!(Array.isArray(children) && props.useWrapper === false), "[" + componentName + "]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly");} }, _Tooltip.defaultProps = { trigger: 'hover', disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false, delayBeforeShow: DEFAULT_DELAY }, _Tooltip.delay = DEFAULT_DELAY, _Tooltip.triggersWithoutCloseButton = ['hover', 'hoverAnchor', 'focus', 'hover&focus'], _Tooltip)) || _class;
+   */;_proto.hide = function hide() {var trigger = this.getProps().trigger;if (trigger === 'opened' || trigger === 'closed') {(0, _warning.default)(true, "Function 'hide' is not supported with trigger specified '" + trigger + "'");return;}this.close();};_proto.renderMain = function renderMain() {var props = this.props;var content = this.renderContent();var _this$getPopupAndLaye = this.getPopupAndLayerProps(),popupProps = _this$getPopupAndLaye.popupProps,_this$getPopupAndLaye2 = _this$getPopupAndLaye.layerProps,layerProps = _this$getPopupAndLaye2 === void 0 ? { active: false } : _this$getPopupAndLaye2;var anchorElement = props.children || props.anchorElement;var popup = this.renderPopup(anchorElement, popupProps, content);return /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, (0, _extends2.default)({}, layerProps, { getAnchorElement: this.getAnchorElement }), popup);};_proto.renderPopup = function renderPopup(anchorElement, popupProps, content) {var _this$getProps2 = this.getProps(),disableAnimations = _this$getProps2.disableAnimations,trigger = _this$getProps2.trigger;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_Popup.Popup, (0, _extends2.default)({ "data-tid": TooltipDataTids.root, anchorElement: anchorElement, hasPin: true, hasShadow: true, maxWidth: "none", opened: this.state.opened, disableAnimations: disableAnimations, positions: this.getPositions(), pos: this.props.pos, ignoreHover: trigger === 'hoverAnchor', onOpen: this.props.onOpen, onClose: this.props.onClose, tryPreserveFirstRenderedPosition: true, ref: this.popupRef, withoutMobile: true }, popupProps), content));};_proto.getPopupAndLayerProps = function getPopupAndLayerProps() {var props = this.props;var useWrapper = !!props.children && this.getProps().useWrapper;var trigger = this.getProps().trigger;switch (trigger) {case 'opened':return { layerProps: { active: true, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { opened: true, useWrapper: useWrapper } };case 'closed':return { popupProps: { opened: false, useWrapper: useWrapper } };case 'hoverAnchor':case 'hover':return { popupProps: { onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, useWrapper: useWrapper } };case 'manual':return { popupProps: { useWrapper: useWrapper } };case 'click':return { layerProps: { active: this.state.opened, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { onClick: this.handleClick, useWrapper: useWrapper } };case 'focus':return { popupProps: { onFocus: this.handleFocus, onBlur: this.handleBlur, useWrapper: useWrapper } };case 'hover&focus':return { layerProps: { active: this.state.opened, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, useWrapper: useWrapper } };default:throw new Error('Unknown trigger specified: ' + trigger);}};_proto.clearHoverTimeout = function clearHoverTimeout() {if (this.hoverTimeout) {_globalObject.globalObject.clearTimeout(this.hoverTimeout);this.hoverTimeout = null;}};_proto.isClickOutsideContent = function isClickOutsideContent(event) {if (this.contentElement && (0, _isInstanceOf.isInstanceOf)(event.target, _globalObject.globalObject.Element)) {return !(0, _listenFocusOutside.containsTargetOrRenderContainer)(event.target)(this.contentElement);}return true;};return Tooltip;}(_react.default.PureComponent), _Tooltip.__KONTUR_REACT_UI__ = 'Tooltip', _Tooltip.displayName = 'Tooltip', _Tooltip.defaultProps = { size: 'small', trigger: 'hover', disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false, delayBeforeShow: DEFAULT_DELAY }, _Tooltip.delay = DEFAULT_DELAY, _Tooltip.triggersWithoutCloseButton = ['hover', 'hoverAnchor', 'focus', 'hover&focus'], _Tooltip)) || _class;

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_warning","_globalObject","_utils","_ThemeFactory","_Popup","_RenderLayer","_listenFocusOutside","_ThemeContext","_currentEnvironment","_CommonWrapper","_rootNode","_createPropsGetter","_CloseButtonIcon","_isInstanceOf","_featureFlagsContext","_Emotion","_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","cx","styles","tooltipContent","theme","sizeVariables","contentStyle","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","getSizeVariables","size","closeButtonStyle","closeButtonSmall","tooltipContentSmall","borderRadius","tooltipBorderRadiusSmall","pinSize","tooltipPinSizeSmall","pinOffsetX","tooltipPinOffsetXSmall","pinOffsetY","tooltipPinOffsetYSmall","margin","tooltipMarginSmall","closeButtonMedium","tooltipContentMedium","tooltipBorderRadiusMedium","tooltipPinSizeMedium","tooltipPinOffsetXMedium","tooltipPinOffsetYMedium","tooltipMarginMedium","closeButtonLarge","tooltipContentLarge","tooltipBorderRadiusLarge","tooltipPinSizeLarge","tooltipPinOffsetXLarge","tooltipPinOffsetYLarge","tooltipMarginLarge","console","error","_inheritsLoose2","_proto","prototype","validateProps","warning","children","getAllowedPositions","componentDidMount","componentDidUpdate","_this$getProps","componentWillUnmount","_this2","ReactUIFeatureFlagsContext","Consumer","flags","featureFlags","getFullReactUIFlagsContext","ThemeContext","Provider","value","ThemeFactory","create","popupBackground","tooltipBg","popupBorder","tooltipBorder","popupBorderRadius","popupPinSize","popupPinOffsetX","popupPinOffsetY","popupMargin","renderMain","hasCross","closeButton","undefined","triggersWithoutCloseButton","includes","icon","CloseButtonIcon","tabbable","side","parseInt","tooltipCloseBtnSide","color","tooltipCloseBtnColor","colorHover","tooltipCloseBtnHoverColor","onClick","show","hide","_this$getPopupAndLaye","getPopupAndLayerProps","popupProps","_this$getPopupAndLaye2","layerProps","active","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","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';\nimport type { SizeProp } from 'react-ui/lib/types/props';\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 { TGetRootNode, 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';\nimport { cx } from '../../lib/theming/Emotion';\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\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Задает HTML-атрибут class. */\n  className?: string;\n\n  /** Отображает крестик для закрытия тултипа. По-умолчанию крестик виден, если проп *trigger* не равен `hover` или `focus`. */\n  closeButton?: boolean;\n\n  /** Задает функцию, которая возвращает содержимое тултипа. Если функция вернула `null`, то тултип не показывается. */\n  render?: Nullable<() => React.ReactNode>;\n\n  /** Задает приоритетное расположение подсказки относительно текста. */\n  pos?: ShortPopupPositionsType | PopupPositionsType;\n\n  /** Задает размер тултипа.\n   * @default 'small' */\n  size?: SizeProp;\n\n  /** Задает триггер открытия тултипа. */\n  trigger?: TooltipTrigger;\n\n  /** Задает хендлер, который вызывается при клике по крестику. */\n  onCloseClick?: React.MouseEventHandler<HTMLElement>;\n\n  /** Задает хендлер, который вызывается при клике по крестику или снаружи тултипа. */\n  onCloseRequest?: (event?: Event | React.MouseEvent) => void;\n\n  /** Задает хендлер, который вызывается при закрытии тултипа. */\n  onClose?: () => void;\n\n  /** Задает хендлер, который вызывается при открытии тултипа. */\n  onOpen?: () => void;\n\n  /** Задает список позиций, которые тултип будет занимать.\n   * Если положение тултипа в определенной позиции будет выходить за край экрана, то будет выбрана следующая позиция.\n   * Обязательно должен включать позицию указанную в `pos`. */\n  allowedPositions?: PopupPositionsType[];\n\n  /** Отключает анимацию.\n   * @default false */\n  disableAnimations?: boolean;\n\n  /** Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`.\n   * Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически. */\n  useWrapper?: boolean;\n\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\ninterface TooltipSizeVariables {\n  closeButtonStyle: string;\n  contentStyle: string;\n  borderRadius: string;\n  pinSize: string;\n  pinOffsetX: string;\n  pinOffsetY: string;\n  margin: string;\n}\n\ntype DefaultProps = Required<\n  Pick<TooltipProps, 'size' | 'trigger' | 'disableAnimations' | 'useWrapper' | 'delayBeforeShow'>\n>;\n\n/**\n * `Tooltip` — это подсказка, которая объясняет состояние контрола или даёт контекстную справку.\n *\n * Открывается по клику, фокусом на элемент или по наведению. В отличие от `Hint`, `Tooltip` может содержать\n * изображения, кнопки, ссылки и прочие интерактивные элементы.\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 defaultProps: DefaultProps = {\n    size: 'small',\n    trigger: 'hover',\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    delayBeforeShow: DEFAULT_DELAY,\n  };\n\n  private getProps = createPropsGetter(Tooltip.defaultProps);\n  private validateProps(props: TooltipProps): void {\n    warning(\n      props.children || props.anchorElement,\n      `[Tooltip]: you must provide either 'children' or 'anchorElement' prop for Tooltip to work properly`,\n    );\n  }\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  private sizeVariables!: TooltipSizeVariables;\n  public featureFlags!: ReactUIFeatureFlags;\n  private hoverTimeout: SafeTimer;\n  private contentElement: Nullable<HTMLElement> = null;\n  private clickedOutside = true;\n  public getRootNode!: TGetRootNode;\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 componentDidMount(): void {\n    this.validateProps(this.getProps());\n  }\n\n  public componentDidUpdate() {\n    const { trigger } = this.getProps();\n\n    this.validateProps(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                this.sizeVariables = this.getSizeVariables();\n                return (\n                  <ThemeContext.Provider\n                    value={ThemeFactory.create(\n                      {\n                        popupBackground: theme.tooltipBg,\n                        popupBorder: theme.tooltipBorder,\n                        popupBorderRadius: this.sizeVariables.borderRadius,\n                        popupPinSize: this.sizeVariables.pinSize,\n                        popupPinOffsetX: this.sizeVariables.pinOffsetX,\n                        popupPinOffsetY: this.sizeVariables.pinOffsetY,\n                        popupMargin: this.sizeVariables.margin,\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\n        ref={this.refContent}\n        className={cx(styles.tooltipContent(this.theme), this.sizeVariables.contentStyle)}\n        data-tid={TooltipDataTids.content}\n      >\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={cx(styles.closeButton(this.theme), this.sizeVariables.closeButtonStyle)}\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  private getSizeVariables = (): TooltipSizeVariables => {\n    switch (this.props.size) {\n      case 'small':\n        return {\n          closeButtonStyle: styles.closeButtonSmall(this.theme),\n          contentStyle: styles.tooltipContentSmall(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusSmall,\n          pinSize: this.theme.tooltipPinSizeSmall,\n          pinOffsetX: this.theme.tooltipPinOffsetXSmall,\n          pinOffsetY: this.theme.tooltipPinOffsetYSmall,\n          margin: this.theme.tooltipMarginSmall,\n        };\n      case 'medium':\n        return {\n          closeButtonStyle: styles.closeButtonMedium(this.theme),\n          contentStyle: styles.tooltipContentMedium(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusMedium,\n          pinSize: this.theme.tooltipPinSizeMedium,\n          pinOffsetX: this.theme.tooltipPinOffsetXMedium,\n          pinOffsetY: this.theme.tooltipPinOffsetYMedium,\n          margin: this.theme.tooltipMarginMedium,\n        };\n      case 'large':\n        return {\n          closeButtonStyle: styles.closeButtonLarge(this.theme),\n          contentStyle: styles.tooltipContentLarge(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusLarge,\n          pinSize: this.theme.tooltipPinSizeLarge,\n          pinOffsetX: this.theme.tooltipPinOffsetXLarge,\n          pinOffsetY: this.theme.tooltipPinOffsetYLarge,\n          margin: this.theme.tooltipMarginLarge,\n        };\n      default:\n        console.error(`Can't get size variables: invalid value in size prop '${this.props.size}'. Returning default`);\n        return {\n          closeButtonStyle: styles.closeButtonSmall(this.theme),\n          contentStyle: styles.tooltipContentSmall(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusSmall,\n          pinSize: this.theme.tooltipPinSizeSmall,\n          pinOffsetX: this.theme.tooltipPinOffsetXSmall,\n          pinOffsetY: this.theme.tooltipPinOffsetYSmall,\n          margin: this.theme.tooltipMarginSmall,\n        };\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Tooltip/Tooltip.md

@@ -2,9 +2,9 @@
 Отступы в тултипе подобраны так, чтобы базовая линия текста со шрифтом 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 { SearchLoupeIcon16Regular } from '@skbkontur/icons/icons/SearchLoupeIcon/SearchLoupeIcon16Regular';
+import { UiMenuBars3HIcon16Regular } from '@skbkontur/icons/icons/UiMenuBars3HIcon/UiMenuBars3HIcon16Regular';
+import { QuestionCircleIcon16Regular } from '@skbkontur/icons/icons/QuestionCircleIcon/QuestionCircleIcon16Regular';
 import { Button, Gapped, Input, Select, Tooltip } from '@skbkontur/react-ui';
 
 const [size, setSize] = React.useState('small');
@@ -29,15 +29,15 @@ const render = () => (
       <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} />
+      <Input size={size} leftIcon={<SearchLoupeIcon16Regular />} width={170} />
     </Tooltip>
     <Tooltip render={render} pos="right top">
-      <Button size={size} icon={<MenuIcon />}>
+      <Button size={size} icon={<UiMenuBars3HIcon16Regular />}>
         Menu
       </Button>
     </Tooltip>
     <Tooltip render={render} pos="right top">
-      <HelpDotIcon />
+      <QuestionCircleIcon16Regular />
     </Tooltip>
   </Gapped>
 </div>;
@@ -300,7 +300,7 @@ class AnchorTooltipExample extends React.Component {
 У тултипа можно переопределить задержку перед его появлением. Скрытие же происходит с задержкой по умолчанию.
 
 ```jsx harmony
-import HelpDotIcon from '@skbkontur/react-icons/HelpDot';
+import { QuestionCircleIcon16Regular } from '@skbkontur/icons/icons/QuestionCircleIcon/QuestionCircleIcon16Regular';
 import { Input, Gapped, Tooltip } from '@skbkontur/react-ui';
 
 const [delay, setDelay] = React.useState(100);
@@ -315,7 +315,7 @@ const render = () => (
   <Gapped vertical>
     <Gapped>Show delay: <Input value={delay} onValueChange={setDelay} /></Gapped>
     <Tooltip render={render} delayBeforeShow={delay} pos="right top">
-      <HelpDotIcon />
+      <QuestionCircleIcon16Regular />
     </Tooltip>
   </Gapped>
 </div>;

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

@@ -1,5 +1,11 @@
 import type { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
-    cross(t: Theme): string;
+    closeButton(t: Theme): string;
+    closeButtonSmall(t: Theme): string;
+    closeButtonMedium(t: Theme): string;
+    closeButtonLarge(t: Theme): string;
     tooltipContent(t: Theme): string;
+    tooltipContentSmall(t: Theme): string;
+    tooltipContentMedium(t: Theme): string;
+    tooltipContentLarge(t: Theme): string;
 };