@skbkontur/react-ui 0.0.0-d49c4902ee → 0.0.0-d560679cdd

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

@@ -1,133 +1,138 @@
-import React from 'react';
-import { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';
-import { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
-export type TooltipTrigger = 
-/** Наведение на children и на тултип */
-'hover'
-/** Клик на children */
- | 'click'
-/** Фокус на children */
- | 'focus'
-/** Наведение на children и на тултип и фокус на children */
- | 'hover&focus'
-/** Просто открыт */
- | 'opened'
-/** Просто закрыт */
- | 'closed'
-/** Наведение ТОЛЬКО на children, а не на тултип */
- | 'hoverAnchor'
-/** Управление через публичные функции show и hide */
- | 'manual';
-export interface TooltipProps extends CommonProps {
-    /** Указывает элемент, относительно которого позиционировать тултип. */
-    anchorElement?: HTMLElement;
-    /** @ignore */
-    children?: React.ReactNode;
-    /** Задает HTML-атрибут class. */
-    className?: string;
-    /** Отображает крестик для закрытия тултипа. По-умолчанию крестик виден, если проп *trigger* не равен `hover` или `focus`. */
-    closeButton?: boolean;
-    /** Задает функцию, которая возвращает содержимое тултипа. Если функция вернула `null`, то тултип не показывается. */
-    render?: Nullable<() => React.ReactNode>;
-    /** Задает приоритетное расположение подсказки относительно текста. */
-    pos?: ShortPopupPositionsType | PopupPositionsType;
-    /** Задает триггер открытия тултипа. */
-    trigger?: TooltipTrigger;
-    /** Задает хендлер, который вызывается при клике по крестику. */
-    onCloseClick?: React.MouseEventHandler<HTMLElement>;
-    /** Задает хендлер, который вызывается при клике по крестику или снаружи тултипа. */
-    onCloseRequest?: (event?: Event | React.MouseEvent) => void;
-    /** Задает хендлер, который вызывается при закрытии тултипа. */
-    onClose?: () => void;
-    /** Задает хендлер, который вызывается при открытии тултипа. */
-    onOpen?: () => void;
-    /** Задает список позиций, которые тултип будет занимать.
-     * Если положение тултипа в определенной позиции будет выходить за край экрана, то будет выбрана следующая позиция.
-     * Обязательно должен включать позицию указанную в `pos`. */
-    allowedPositions?: PopupPositionsType[];
-    /** Отключает анимацию.
-     * @default false */
-    disableAnimations?: boolean;
-    /** Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`.
-     * Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
-     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически. */
-    useWrapper?: boolean;
-    /** Устанавливает задержку в миллисекундах до появления лоадера. */
-    delayBeforeShow?: number;
-}
-export interface TooltipState {
-    opened: boolean;
-    focused: boolean;
-}
-export declare const TooltipDataTids: {
-    readonly root: "Tooltip__root";
-    readonly content: "Tooltip__content";
-    readonly crossIcon: "Tooltip__crossIcon";
-};
-type DefaultProps = Required<Pick<TooltipProps, 'trigger' | 'disableAnimations' | 'useWrapper' | 'delayBeforeShow'>>;
-/**
- * `Tooltip` — это подсказка, которую пользователь открывает сам, кликом по элементу.
- *
- * `Tooltip` используется для коротких поясняющих текстов, если необходимо дать разъяснение к деталям интерфейса, упомянутой информации или помочь с заполнением полей.
- * Если эти подробности не нужны постоянно, но могут помочь пользователю в момент когда он испытывает трудности.
- *
- * Для подсказки, всплывающей по наведению используйте Hint.
- */
-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;
-    static delay: number;
-    private static triggersWithoutCloseButton;
-    state: TooltipState;
-    private theme;
-    featureFlags: ReactUIFeatureFlags;
-    private hoverTimeout;
-    private contentElement;
-    private clickedOutside;
-    private setRootNode;
-    private popupRef;
-    getAllowedPositions(): string[];
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    renderContent: () => React.JSX.Element | null;
-    renderCloseButton(): React.JSX.Element | null;
-    getAnchorElement: () => Nullable<Element>;
-    /**
-     * Программно открывает тултип.
-     * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
-     * @public
-     */
-    show(): void;
-    /**
-     * Программно закрывает тултип.
-     * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
-     * @public
-     */
-    hide(): void;
-    private renderMain;
-    private renderPopup;
-    private getPositions;
-    private refContent;
-    private getPopupAndLayerProps;
-    private open;
-    private close;
-    private clearHoverTimeout;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    private handleClick;
-    private handleClickOutsideAnchor;
-    private isClickOutsideContent;
-    private handleFocus;
-    private handleBlur;
-    private handleCloseButtonClick;
-}
-export {};
+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 = 
+/** Наведение на children и на тултип */
+'hover'
+/** Клик на children */
+ | 'click'
+/** Фокус на children */
+ | 'focus'
+/** Наведение на children и на тултип и фокус на children */
+ | 'hover&focus'
+/** Просто открыт */
+ | 'opened'
+/** Просто закрыт */
+ | 'closed'
+/** Наведение ТОЛЬКО на children, а не на тултип */
+ | 'hoverAnchor'
+/** Управление через публичные функции show и hide */
+ | 'manual';
+export interface TooltipProps extends CommonProps {
+    /** Указывает элемент, относительно которого позиционировать тултип. */
+    anchorElement?: HTMLElement;
+    /** @ignore */
+    children?: React.ReactNode;
+    /** Задает HTML-атрибут class. */
+    className?: string;
+    /** Отображает крестик для закрытия тултипа. По-умолчанию крестик виден, если проп *trigger* не равен `hover` или `focus`. */
+    closeButton?: boolean;
+    /** Задает функцию, которая возвращает содержимое тултипа. Если функция вернула `null`, то тултип не показывается. */
+    render?: Nullable<() => React.ReactNode>;
+    /** Задает приоритетное расположение подсказки относительно текста. */
+    pos?: ShortPopupPositionsType | PopupPositionsType;
+    /** Задает размер тултипа.
+     * @default 'small' */
+    size?: SizeProp;
+    /** Задает триггер открытия тултипа. */
+    trigger?: TooltipTrigger;
+    /** Задает хендлер, который вызывается при клике по крестику. */
+    onCloseClick?: React.MouseEventHandler<HTMLElement>;
+    /** Задает хендлер, который вызывается при клике по крестику или снаружи тултипа. */
+    onCloseRequest?: (event?: Event | React.MouseEvent) => void;
+    /** Задает хендлер, который вызывается при закрытии тултипа. */
+    onClose?: () => void;
+    /** Задает хендлер, который вызывается при открытии тултипа. */
+    onOpen?: () => void;
+    /** Задает список позиций, которые тултип будет занимать.
+     * Если положение тултипа в определенной позиции будет выходить за край экрана, то будет выбрана следующая позиция.
+     * Обязательно должен включать позицию указанную в `pos`. */
+    allowedPositions?: PopupPositionsType[];
+    /** Отключает анимацию.
+     * @default false */
+    disableAnimations?: boolean;
+    /** Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`.
+     * Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
+     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически. */
+    useWrapper?: boolean;
+    /** Устанавливает задержку в миллисекундах до появления лоадера. */
+    delayBeforeShow?: number;
+}
+export interface TooltipState {
+    opened: boolean;
+    focused: boolean;
+}
+export declare const TooltipDataTids: {
+    readonly root: "Tooltip__root";
+    readonly content: "Tooltip__content";
+    readonly crossIcon: "Tooltip__crossIcon";
+};
+type DefaultProps = Required<Pick<TooltipProps, 'size' | 'trigger' | 'disableAnimations' | 'useWrapper' | 'delayBeforeShow'>>;
+/**
+ * `Tooltip` — это подсказка, которая объясняет состояние контрола или даёт контекстную справку.
+ *
+ * Открывается по клику, фокусом на элемент или по наведению. В отличие от `Hint`, `Tooltip` может содержать
+ * изображения, кнопки, ссылки и прочие интерактивные элементы.
+ */
+export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    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;
+    renderContent: () => React.JSX.Element | null;
+    renderCloseButton(): React.JSX.Element | null;
+    getAnchorElement: () => Nullable<Element>;
+    /**
+     * Программно открывает тултип.
+     * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
+     * @public
+     */
+    show(): void;
+    /**
+     * Программно закрывает тултип.
+     * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
+     * @public
+     */
+    hide(): void;
+    private renderMain;
+    private renderPopup;
+    private getPositions;
+    private refContent;
+    private getPopupAndLayerProps;
+    private open;
+    private close;
+    private clearHoverTimeout;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleClick;
+    private handleClickOutsideAnchor;
+    private isClickOutsideContent;
+    private handleFocus;
+    private handleBlur;
+    private handleCloseButtonClick;
+    private getSizeVariables;
+}
+export {};

package/cjs/components/Tooltip/Tooltip.js

@@ -1,10 +1,14 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TooltipDataTids = exports.Tooltip = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _warning = _interopRequireDefault(require("warning"));
+
 var _globalObject = require("@skbkontur/global-object");
 
+
 var _utils = require("../../lib/utils");
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
+
 var _Popup = require("../../internal/Popup");
+
 var _RenderLayer = require("../../internal/RenderLayer");
 
 
@@ -12,19 +16,37 @@ var _listenFocusOutside = require("../../lib/listenFocusOutside");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _currentEnvironment = require("../../lib/currentEnvironment");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
+
 var _rootNode = require("../../lib/rootNode");
 
 var _createPropsGetter = require("../../lib/createPropsGetter");
 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;
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
 
 
-var _Tooltip2 = require("./Tooltip.styles");var _class, _Tooltip;
 
 
 
@@ -112,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.
 
 
 
@@ -134,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.
 
 
 
@@ -151,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.
 
 
@@ -203,6 +230,13 @@ Tooltip = exports.Tooltip = (0, _rootNode.rootNode)(_class = (_Tooltip = /*#__PU
 
 
 
+
+
+
+
+
+
+
 
 
 
@@ -218,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()
         ));
@@ -525,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
@@ -533,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;