@skbkontur/react-ui 3.10.0 → 4.0.0-beta.4

package/cjs/components/TokenInput/TokenInputReducer.d.ts

@@ -1,25 +1,25 @@
-import { TokenInputState } from './TokenInput';
-export interface TokenInputAction {
-    type: TokenInputActionType;
-    payload?: any;
-}
-export declare const TokenActions: {
-    SET_INPUT_VALUE_WIDTH: string;
-    SET_INPUT_VALUE_HEIGHT: string;
-    UPDATE_QUERY: string;
-    SET_FOCUS_IN: string;
-    SET_PREVENT_BLUR: string;
-    BLUR: string;
-    SET_AUTOCOMPLETE_ITEMS: string;
-    SET_ACTIVE_TOKENS: string;
-    REMOVE_ALL_ACTIVE_TOKENS: string;
-    SET_LOADING: string;
-    CLEAR_INPUT: string;
-    RESET: string;
-    SET_EDITING_TOKEN_INDEX: string;
-    REMOVE_EDITING_TOKEN_INDEX: string;
-    SET_TEMPORARY_QUERY: string;
-    REMOVE_TEMPORARY_QUERY: string;
-};
-export declare type TokenInputActionType = keyof typeof TokenActions;
-export declare function tokenInputReducer<T = string>(state: TokenInputState<T>, action: TokenInputAction): Pick<TokenInputState<T>, never>;
+import { TokenInputState } from './TokenInput';
+export interface TokenInputAction {
+    type: TokenInputActionType;
+    payload?: any;
+}
+export declare const TokenActions: {
+    SET_INPUT_VALUE_WIDTH: string;
+    SET_INPUT_VALUE_HEIGHT: string;
+    UPDATE_QUERY: string;
+    SET_FOCUS_IN: string;
+    SET_PREVENT_BLUR: string;
+    BLUR: string;
+    SET_AUTOCOMPLETE_ITEMS: string;
+    SET_ACTIVE_TOKENS: string;
+    REMOVE_ALL_ACTIVE_TOKENS: string;
+    SET_LOADING: string;
+    CLEAR_INPUT: string;
+    RESET: string;
+    SET_EDITING_TOKEN_INDEX: string;
+    REMOVE_EDITING_TOKEN_INDEX: string;
+    SET_TEMPORARY_QUERY: string;
+    REMOVE_TEMPORARY_QUERY: string;
+};
+export declare type TokenInputActionType = keyof typeof TokenActions;
+export declare function tokenInputReducer<T = string>(state: TokenInputState<T>, action: TokenInputAction): Pick<TokenInputState<T>, never>;

package/cjs/components/TokenInput/TokenInputReducer.js

@@ -1,4 +1,4 @@
-"use strict";exports.__esModule = true;exports.tokenInputReducer = tokenInputReducer;exports.TokenActions = void 0;var _TokenInput = require("./TokenInput");
+"use strict";exports.__esModule = true;exports.TokenActions = void 0;exports.tokenInputReducer = tokenInputReducer;var _TokenInput = require("./TokenInput");
 
 
 

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

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

package/cjs/components/TokenInput/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { TokenInputLocale } from './types';
-export * from './types';
-export declare const TokenInputLocaleHelper: LocaleHelper<TokenInputLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { TokenInputLocale } from './types';
+export * from './types';
+export declare const TokenInputLocaleHelper: LocaleHelper<TokenInputLocale>;

package/cjs/components/TokenInput/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { TokenInputLocale } from '../types';
-export declare const componentsLocales: TokenInputLocale;
+import { TokenInputLocale } from '../types';
+export declare const componentsLocales: TokenInputLocale;

package/cjs/components/TokenInput/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { TokenInputLocale } from '../types';
-export declare const componentsLocales: TokenInputLocale;
+import { TokenInputLocale } from '../types';
+export declare const componentsLocales: TokenInputLocale;

package/cjs/components/TokenInput/locale/types.d.ts

@@ -1,4 +1,4 @@
-export interface TokenInputLocale {
-    addButtonComment: string;
-    addButtonTitle: string;
-}
+export interface TokenInputLocale {
+    addButtonComment: string;
+    addButtonTitle: string;
+}

package/cjs/components/TokenInput/locale/types.js

@@ -1 +1 @@
-"use strict";
+"use strict";exports.__esModule = true;

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

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

package/cjs/components/Tooltip/Tooltip.js

@@ -13,33 +13,11 @@ var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _currentEnvironment = require("../../lib/currentEnvironment");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _decorator = require("../ResponsiveLayout/decorator");
 var _rootNode = require("../../lib/rootNode");
 
 var _Tooltip = require("./Tooltip.styles");var _class, _class2, _temp;
 
-var Positions = [
-'right bottom',
-'right middle',
-'right top',
-'top right',
-'top center',
-'top left',
-'left top',
-'left middle',
-'left bottom',
-'bottom left',
-'bottom center',
-'bottom right'];var
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -155,13 +133,26 @@ var Positions = [
 
 
 
+var Positions = [
+'right bottom',
+'right middle',
+'right top',
+'top right',
+'top center',
+'top left',
+'left top',
+'left middle',
+'left bottom',
+'bottom left',
+'bottom center',
+'bottom right'];var
 
 
 
 
+Tooltip = (0, _rootNode.rootNode)(_class = (0, _decorator.responsiveLayout)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(Tooltip, _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.
 
 
-Tooltip = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(Tooltip, _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.
 
 
 
@@ -191,12 +182,12 @@ Tooltip = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
 
 
     state = { opened: false, focused: false };_this.
-    theme = void 0;_this.
+
     hoverTimeout = null;_this.
     contentElement = null;_this.
     positions = null;_this.
     clickedOutside = true;_this.
-    setRootNode = void 0;_this.
+
 
 
 
@@ -311,6 +302,10 @@ Tooltip = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
 
 
 
+
+
+
+
 
 
 
@@ -346,6 +341,15 @@ Tooltip = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
 
 
 
+
+
+    mobileCloseHandler = function () {
+      if (_this.props.trigger === 'manual' || _this.props.trigger === 'closed' || _this.props.trigger === 'opened') {
+        return;
+      }
+
+      _this.close();
+    };_this.
 
     refContent = function (node) {
       _this.contentElement = node;
@@ -446,6 +450,7 @@ Tooltip = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
 
 
 
+
 
 
     open = function () {return _this.setState({ opened: true });};_this.
@@ -471,6 +476,10 @@ Tooltip = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
     };_this.
 
     handleMouseLeave = function (event) {
+      if (_this.isMobileLayout) {
+        return;
+      }
+
       if (
       _this.props.trigger === 'hover&focus' && _this.state.focused ||
       _this.props.trigger === 'hover' && event.relatedTarget === _this.contentElement)
@@ -543,7 +552,7 @@ Tooltip = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
       }
 
       _this.close();
-    };return _this;}var _proto = Tooltip.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (this.props.trigger === 'closed' && this.state.opened) {this.close();}var _this$props = this.props,allowedPositions = _this$props.allowedPositions,pos = _this$props.pos;var posChanged = prevProps.pos !== pos;var allowedChanged = !(0, _lodash.default)(prevProps.allowedPositions, allowedPositions);if (posChanged || allowedChanged) {this.positions = null;}};_proto.componentWillUnmount = function componentWillUnmount() {this.clearHoverTimeout();};_proto.render = function render() {var _this2 = this;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({ popupPinOffset: theme.tooltipPinOffset, popupMargin: theme.tooltipMargin, popupBorder: theme.tooltipBorder, popupBorderRadius: theme.tooltipBorderRadius, popupPinSize: theme.tooltipPinSize, popupPinOffsetX: theme.tooltipPinOffsetX, popupPinOffsetY: theme.tooltipPinOffsetY }, theme) }, _this2.renderMain());});};_proto.renderCloseButton = function renderCloseButton() {var hasCross = this.props.closeButton === undefined ? !Tooltip.triggersWithoutCloseButton.includes(this.props.trigger) : this.props.closeButton;if (!hasCross) {return null;}return /*#__PURE__*/_react.default.createElement("div", { className: _Tooltip.styles.cross(this.theme), onClick: this.handleCloseButtonClick }, /*#__PURE__*/_react.default.createElement(_CrossIcon.CrossIcon, null));} /**
+    };return _this;}var _proto = Tooltip.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (this.props.trigger === 'closed' && this.state.opened) {this.close();}var _this$props = this.props,allowedPositions = _this$props.allowedPositions,pos = _this$props.pos;var posChanged = prevProps.pos !== pos;var allowedChanged = !(0, _lodash.default)(prevProps.allowedPositions, allowedPositions);if (posChanged || allowedChanged) {this.positions = null;}};_proto.componentWillUnmount = function componentWillUnmount() {this.clearHoverTimeout();};_proto.render = function render() {var _this2 = this;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({ popupPinOffset: theme.tooltipPinOffset, popupMargin: theme.tooltipMargin, popupBorder: theme.tooltipBorder, popupBorderRadius: theme.tooltipBorderRadius, popupPinSize: theme.tooltipPinSize, popupPinOffsetX: theme.tooltipPinOffsetX, popupPinOffsetY: theme.tooltipPinOffsetY }, theme) }, _this2.renderMain());});};_proto.renderCloseButton = function renderCloseButton() {var hasCross = this.props.closeButton === undefined ? !Tooltip.triggersWithoutCloseButton.includes(this.props.trigger) : this.props.closeButton;if (!hasCross || this.isMobileLayout) {return null;}return /*#__PURE__*/_react.default.createElement("div", { className: _Tooltip.styles.cross(this.theme), onClick: this.handleCloseButtonClick }, /*#__PURE__*/_react.default.createElement(_CrossIcon.CrossIcon, null));} /**
    * Программно открывает тултип.
    * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
    * @public
@@ -551,4 +560,4 @@ Tooltip = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
    * Программно закрывает тултип.
    * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
    * @public
-   */;_proto.hide = function hide() {if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {(0, _warning.default)(true, "Function 'hide' is not supported with trigger specified '" + this.props.trigger + "'");return;}this.close();};_proto.renderMain = function renderMain() {var props = this.props;var content = this.renderContent();var _this$getProps = this.getProps(),popupProps = _this$getProps.popupProps,_this$getProps$layerP = _this$getProps.layerProps,layerProps = _this$getProps$layerP === void 0 ? { active: false } : _this$getProps$layerP;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.getRenderLayerAnchorElement }), popup);};_proto.renderPopup = function renderPopup(anchorElement, popupProps, content) {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_Popup.Popup, (0, _extends2.default)({ anchorElement: anchorElement, hasPin: true, hasShadow: true, maxWidth: "none", opened: this.state.opened, disableAnimations: this.props.disableAnimations, positions: this.getPositions(), ignoreHover: this.props.trigger === 'hoverAnchor', onOpen: this.props.onOpen, onClose: this.props.onClose, tryPreserveFirstRenderedPosition: true }, popupProps), content));};_proto.getPositions = function getPositions() {if (!this.positions) {var allowedPositions = this.props.allowedPositions;var index = allowedPositions.indexOf(this.props.pos);if (index === -1) {throw new Error('Unexpected position passed to Tooltip. Expected one of: ' + allowedPositions.join(', '));}this.positions = [].concat(allowedPositions.slice(index), allowedPositions.slice(0, index));}return this.positions;};_proto.getProps = function getProps() {var props = this.props;var useWrapper = !!props.children && props.useWrapper;switch (props.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: ' + props.trigger);}};_proto.clearHoverTimeout = function clearHoverTimeout() {if (this.hoverTimeout) {clearTimeout(this.hoverTimeout);this.hoverTimeout = null;}};_proto.isClickOutsideContent = function isClickOutsideContent(event) {if (this.contentElement && event.target instanceof Element) {return !(0, _listenFocusOutside.containsTargetOrRenderContainer)(event.target)(this.contentElement);}return true;};return Tooltip;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Tooltip', _class2.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");} }, _class2.defaultProps = { pos: 'top left', trigger: 'hover', allowedPositions: Positions, disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false, closeOnChildrenMouseLeave: false }, _class2.delay = 100, _class2.triggersWithoutCloseButton = ['hover', 'hoverAnchor', 'focus', 'hover&focus'], _temp)) || _class;exports.Tooltip = Tooltip;
+   */;_proto.hide = function hide() {if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {(0, _warning.default)(true, "Function 'hide' is not supported with trigger specified '" + this.props.trigger + "'");return;}this.close();};_proto.renderMain = function renderMain() {var props = this.props;var content = this.renderContent();var _this$getProps = this.getProps(),popupProps = _this$getProps.popupProps,_this$getProps$layerP = _this$getProps.layerProps,layerProps = _this$getProps$layerP === void 0 ? { active: false } : _this$getProps$layerP;var anchorElement = props.children || props.anchorElement;var popup = this.renderPopup(anchorElement, popupProps, content);if (this.isMobileLayout) {return popup;}return /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, (0, _extends2.default)({}, layerProps, { getAnchorElement: this.getRenderLayerAnchorElement }), popup);};_proto.renderPopup = function renderPopup(anchorElement, popupProps, content) {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_Popup.Popup, (0, _extends2.default)({ anchorElement: anchorElement, hasPin: true, hasShadow: true, maxWidth: "none", opened: this.state.opened, disableAnimations: this.props.disableAnimations, positions: this.getPositions(), ignoreHover: this.props.trigger === 'hoverAnchor', onOpen: this.props.onOpen, onClose: this.props.onClose, mobileOnCloseRequest: this.mobileCloseHandler, tryPreserveFirstRenderedPosition: true }, popupProps), content));};_proto.getPositions = function getPositions() {if (!this.positions) {var allowedPositions = this.props.allowedPositions;var index = allowedPositions.indexOf(this.props.pos);if (index === -1) {throw new Error('Unexpected position passed to Tooltip. Expected one of: ' + allowedPositions.join(', '));}this.positions = [].concat(allowedPositions.slice(index), allowedPositions.slice(0, index));}return this.positions;};_proto.getProps = function getProps() {var props = this.props;var useWrapper = !!props.children && props.useWrapper;switch (this.props.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: ' + props.trigger);}};_proto.clearHoverTimeout = function clearHoverTimeout() {if (this.hoverTimeout) {clearTimeout(this.hoverTimeout);this.hoverTimeout = null;}};_proto.isClickOutsideContent = function isClickOutsideContent(event) {if (this.contentElement && event.target instanceof Element) {return !(0, _listenFocusOutside.containsTargetOrRenderContainer)(event.target)(this.contentElement);}return true;};return Tooltip;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Tooltip', _class2.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");} }, _class2.defaultProps = { pos: _Popup.DefaultPosition, trigger: 'hover', allowedPositions: Positions, disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false, closeOnChildrenMouseLeave: false }, _class2.delay = 100, _class2.triggersWithoutCloseButton = ['hover', 'hoverAnchor', 'focus', 'hover&focus'], _temp)) || _class) || _class;exports.Tooltip = Tooltip;