npm - @skbkontur/react-ui - Versions diffs - 0.0.0-b203c99d11 → 0.0.0-bb4cbfe9c6 - Mend

@skbkontur/react-ui 0.0.0-b203c99d11 → 0.0.0-bb4cbfe9c6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1953) hide show

package/components/Tooltip/Tooltip/Tooltip.js CHANGED Viewed

@@ -1,5 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class, _class2, _temp;
 import React from 'react';
 import warning from 'warning';
 import isEqual from 'lodash.isequal';
@@ -11,9 +15,11 @@ import { containsTargetOrRenderContainer } from "../../../lib/listenFocusOutside
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { jsStyles } from "../Tooltip.styles";
+import { responsiveLayout } from "../../ResponsiveLayout/decorator";
+import { getRootNode, rootNode } from "../../../lib/rootNode";
+import { styles } from "../Tooltip.styles";
 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'];
-export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
+export var Tooltip = responsiveLayout(_class = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
   _inheritsLoose(Tooltip, _React$PureComponent);
   function Tooltip() {
@@ -28,7 +34,6 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
       opened: false,
       focused: false
     };
-    _this.theme = void 0;
     _this.hoverTimeout = null;
     _this.contentElement = null;
     _this.positions = null;
@@ -43,10 +48,22 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/React.createElement("div", {
         ref: _this.refContent,
-        className: jsStyles.tooltipContent()
+        className: styles.tooltipContent(_this.theme)
       }, content, _this.renderCloseButton());
     };
+    _this.getRenderLayerAnchorElement = function () {
+      return getRootNode(_assertThisInitialized(_this));
+    };
+    _this.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;
     };
@@ -76,6 +93,10 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
     };
     _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) {
         return;
       }
@@ -152,16 +173,16 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
   var _proto = Tooltip.prototype;
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.trigger === 'closed') {
+  _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 = nextProps.pos !== pos;
-    var allowedChanged = !isEqual(nextProps.allowedPositions, allowedPositions);
+    var posChanged = prevProps.pos !== pos;
+    var allowedChanged = !isEqual(prevProps.allowedPositions, allowedPositions);
     if (posChanged || allowedChanged) {
       this.positions = null;
@@ -179,8 +200,13 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
       _this2.theme = theme;
       return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
         value: ThemeFactory.create({
-          popupPinOffset: '17px',
-          popupMargin: '15px'
+          popupPinOffset: theme.tooltipPinOffset,
+          popupMargin: theme.tooltipMargin,
+          popupBorder: theme.tooltipBorder,
+          popupBorderRadius: theme.tooltipBorderRadius,
+          popupPinSize: theme.tooltipPinSize,
+          popupPinOffsetX: theme.tooltipPinOffsetX,
+          popupPinOffsetY: theme.tooltipPinOffsetY
         }, theme)
       }, _this2.renderMain());
     });
@@ -189,19 +215,19 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
   _proto.renderCloseButton = function renderCloseButton() {
     var hasCross = this.props.closeButton === undefined ? !Tooltip.triggersWithoutCloseButton.includes(this.props.trigger) : this.props.closeButton;
-    if (!hasCross) {
+    if (!hasCross || this.isMobileLayout) {
       return null;
     }
     return /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.cross(this.theme),
+      className: styles.cross(this.theme),
       onClick: this.handleCloseButtonClick
     }, /*#__PURE__*/React.createElement(CrossIcon, null));
   }
-  /**
-  * Программно открывает тултип.
-  * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
-  * @public
+  /**
+  * Программно открывает тултип.
+  * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
+  * @public
   */
   ;
@@ -215,10 +241,10 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
     this.open();
   }
-  /**
-  * Программно закрывает тултип.
-  * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
-  * @public
+  /**
+  * Программно закрывает тултип.
+  * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
+  * @public
   */
   ;
@@ -244,11 +270,20 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
     var anchorElement = props.children || props.anchorElement;
     var popup = this.renderPopup(anchorElement, popupProps, content);
-    return /*#__PURE__*/React.createElement(RenderLayer, layerProps, popup);
+    if (this.isMobileLayout) {
+      return popup;
+    }
+    return /*#__PURE__*/React.createElement(RenderLayer, _extends({}, layerProps, {
+      getAnchorElement: this.getRenderLayerAnchorElement
+    }), popup);
   };
   _proto.renderPopup = function renderPopup(anchorElement, popupProps, content) {
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(Popup, _extends({
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement(Popup, _extends({
       anchorElement: anchorElement,
       hasPin: true,
       hasShadow: true,
@@ -258,7 +293,9 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
       positions: this.getPositions(),
       ignoreHover: this.props.trigger === 'hoverAnchor',
       onOpen: this.props.onOpen,
-      onClose: this.props.onClose
+      onClose: this.props.onClose,
+      mobileOnCloseRequest: this.mobileCloseHandler,
+      tryPreserveFirstRenderedPosition: true
     }, popupProps), content));
   };
@@ -281,7 +318,7 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
     var props = this.props;
     var useWrapper = !!props.children && props.useWrapper;
-    switch (props.trigger) {
+    switch (this.props.trigger) {
       case 'opened':
         return {
           layerProps: {
@@ -376,22 +413,17 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
   };
   return Tooltip;
-}(React.PureComponent);
-Tooltip.__KONTUR_REACT_UI__ = 'Tooltip';
-Tooltip.propTypes = {
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Tooltip', _class2.propTypes = {
   children: function children(props, propName, componentName) {
     var children = props[propName];
     warning(children || props.anchorElement, "[" + componentName + "]: you must provide either 'children' or 'anchorElement' prop for " + componentName + " to work properly");
     warning(!(Array.isArray(children) && props.useWrapper === false), "[" + componentName + "]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly");
   }
-};
-Tooltip.defaultProps = {
+}, _class2.defaultProps = {
   pos: 'top left',
   trigger: 'hover',
   allowedPositions: Positions,
   disableAnimations: isTestEnv,
-  useWrapper: true,
+  useWrapper: false,
   closeOnChildrenMouseLeave: false
-};
-Tooltip.delay = 100;
-Tooltip.triggersWithoutCloseButton = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];
+}, _class2.delay = 100, _class2.triggersWithoutCloseButton = ['hover', 'hoverAnchor', 'focus', 'hover&focus'], _temp)) || _class) || _class;

package/components/Tooltip/Tooltip/Tooltip.js.map CHANGED Viewed

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

package/components/Tooltip/Tooltip.d.ts CHANGED Viewed

@@ -104,8 +104,9 @@ export interface TooltipProps extends CommonProps {
      */
     disableAnimations: boolean;
     /**
-     * Использовать обертку над children в виде <span />
-     * @default true
+     * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
+     *
+     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
      */
     useWrapper: boolean;
 }
@@ -115,8 +116,9 @@ export interface TooltipState {
 }
 export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipState> {
     static __KONTUR_REACT_UI__: string;
+    private isMobileLayout;
     static propTypes: {
-        children(props: TooltipProps, propName: "style" | "className" | "children" | "data-tid" | "pos" | "onClose" | "onOpen" | "anchorElement" | "disableAnimations" | "useWrapper" | "closeButton" | "render" | "trigger" | "onCloseClick" | "onCloseRequest" | "allowedPositions", componentName: string): void;
+        children(props: TooltipProps, propName: keyof TooltipProps, componentName: string): void;
     };
     static defaultProps: {
         pos: string;
@@ -134,7 +136,8 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
     private contentElement;
     private positions;
     private clickedOutside;
-    UNSAFE_componentWillReceiveProps(nextProps: TooltipProps): void;
+    private setRootNode;
+    componentDidUpdate(prevProps: TooltipProps): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
     renderContent: () => JSX.Element | null;
@@ -152,7 +155,9 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
      */
     hide(): void;
     private renderMain;
+    private getRenderLayerAnchorElement;
     private renderPopup;
+    private mobileCloseHandler;
     private refContent;
     private getPositions;
     private getProps;