@jetbrains/ring-ui-built 6.0.32 → 6.0.33

package/components/tooltip/tooltip.js

@@ -1,4 +1,5 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import React, { Component, createContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -6,178 +7,221 @@ import Popup from '../popup/popup.js';
 import { Listeners } from '../global/dom.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import scheduleRAF from '../global/schedule-raf.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../shortcuts/shortcuts.js';
+import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.find-index.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
+import 'core-js/modules/es.array.filter.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../popup/popup.target.js';
+import 'core-js/modules/es.array.reduce.js';
 
 var modules_cd5e45a9 = {"light":"light_rui_2ac4","tooltip":"tooltip_rui_a84d","long":"long_rui_a84d"};
 
-const scheduleScroll = scheduleRAF();
-const TooltipContext = /*#__PURE__*/createContext(undefined);
+var _excluded = ["children", "data-test", "title", "delay", "selfOverflowOnly", "popupProps", "long"];
+var scheduleScroll = scheduleRAF();
+var TooltipContext = /*#__PURE__*/createContext(undefined);
 /**
  * @name Tooltip
  */
-class Tooltip extends Component {
-  static propTypes = {
-    delay: PropTypes.number,
-    selfOverflowOnly: PropTypes.bool,
-    popupProps: PropTypes.object,
-    title: PropTypes.node,
-    children: PropTypes.node,
-    'data-test': PropTypes.string
-  };
-  static defaultProps = {
-    title: '',
-    selfOverflowOnly: false,
-    popupProps: {}
-  };
-  state = {
-    showPopup: false,
-    showNestedPopup: false
-  };
-  componentDidMount() {
-    if (this.props.title) {
-      this.addListeners();
+var Tooltip = /*#__PURE__*/function (_Component) {
+  function Tooltip() {
+    var _this;
+    _classCallCheck(this, Tooltip);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
-  }
-  componentDidUpdate(prevProps) {
-    if (!prevProps.title && this.props.title) {
-      this.addListeners();
-    } else if (prevProps.title && !this.props.title) {
-      this.listeners.removeAll();
-    }
-  }
-  componentWillUnmount() {
-    clearTimeout(this.timeout);
-    this.listeners.removeAll();
-  }
-  static PopupProps = Popup.PopupProps;
-  static contextType = TooltipContext;
-  timeout;
-  listeners = new Listeners();
-  containerNode;
-  containerRef = el => {
-    this.containerNode = el;
-  };
-  tryToShowPopup = () => {
-    const {
-      delay,
-      title
-    } = this.props;
-    if (!title) {
-      return;
-    }
-    if (delay) {
-      this.timeout = window.setTimeout(this.showPopup, delay);
-    } else {
-      this.showPopup();
-    }
-  };
-  showPopup = () => {
-    if (this.props.selfOverflowOnly) {
-      const {
-        containerNode
-      } = this;
-      // rare cases when containerNode is null are possible;
-      // probably the collision is due to the asynchronous nature of the code,
-      // i.e. this code runs after the component is unmounted,
-      // although at first glance it looks unlikely.
-      if (!containerNode) {
+    _this = _callSuper(this, Tooltip, [].concat(args));
+    _defineProperty(_this, "state", {
+      showPopup: false,
+      showNestedPopup: false
+    });
+    _defineProperty(_this, "timeout", void 0);
+    _defineProperty(_this, "listeners", new Listeners());
+    _defineProperty(_this, "containerNode", void 0);
+    _defineProperty(_this, "containerRef", function (el) {
+      _this.containerNode = el;
+    });
+    _defineProperty(_this, "tryToShowPopup", function () {
+      var _this$props = _this.props,
+        delay = _this$props.delay,
+        title = _this$props.title;
+      if (!title) {
         return;
       }
-      // inline element?
-      if (containerNode.clientWidth === 0 && containerNode.clientHeight === 0) {
-        return;
+      if (delay) {
+        _this.timeout = window.setTimeout(_this.showPopup, delay);
+      } else {
+        _this.showPopup();
       }
-      if (containerNode.scrollWidth <= containerNode.clientWidth && containerNode.scrollHeight <= containerNode.clientHeight) {
-        return;
+    });
+    _defineProperty(_this, "showPopup", function () {
+      var _this$context;
+      if (_this.props.selfOverflowOnly) {
+        var _this2 = _this,
+          containerNode = _this2.containerNode;
+        // rare cases when containerNode is null are possible;
+        // probably the collision is due to the asynchronous nature of the code,
+        // i.e. this code runs after the component is unmounted,
+        // although at first glance it looks unlikely.
+        if (!containerNode) {
+          return;
+        }
+        // inline element?
+        if (containerNode.clientWidth === 0 && containerNode.clientHeight === 0) {
+          return;
+        }
+        if (containerNode.scrollWidth <= containerNode.clientWidth && containerNode.scrollHeight <= containerNode.clientHeight) {
+          return;
+        }
       }
-    }
-    this.context?.onNestedTooltipShow();
-    this.setState({
-      showPopup: true
+      (_this$context = _this.context) === null || _this$context === void 0 || _this$context.onNestedTooltipShow();
+      _this.setState({
+        showPopup: true
+      });
     });
-  };
-  hidePopup = () => {
-    clearTimeout(this.timeout);
-    this.context?.onNestedTooltipHide();
-    this.setState({
-      showPopup: false
+    _defineProperty(_this, "hidePopup", function () {
+      var _this$context2;
+      clearTimeout(_this.timeout);
+      (_this$context2 = _this.context) === null || _this$context2 === void 0 || _this$context2.onNestedTooltipHide();
+      _this.setState({
+        showPopup: false
+      });
     });
-  };
-  addListeners() {
-    if (this.containerNode != null) {
-      this.listeners.add(this.containerNode, 'mouseover', this.tryToShowPopup);
-      this.listeners.add(this.containerNode, 'mouseout', this.hidePopup);
-    }
-    this.listeners.add(document, 'scroll', () => scheduleScroll(this.hidePopup), {
-      passive: true
+    _defineProperty(_this, "popup", void 0);
+    _defineProperty(_this, "popupRef", function (el) {
+      _this.popup = el;
     });
-  }
-  popup;
-  popupRef = el => {
-    this.popup = el;
-  };
-  onNestedTooltipShow = () => {
-    this.setState({
-      showNestedPopup: true
+    _defineProperty(_this, "onNestedTooltipShow", function () {
+      _this.setState({
+        showNestedPopup: true
+      });
     });
-  };
-  onNestedTooltipHide = () => {
-    this.setState({
-      showNestedPopup: false
+    _defineProperty(_this, "onNestedTooltipHide", function () {
+      _this.setState({
+        showNestedPopup: false
+      });
     });
-  };
-  render() {
-    const {
-      children,
-      'data-test': dataTest,
-      title,
-      delay,
-      selfOverflowOnly,
-      popupProps,
-      long,
-      ...restProps
-    } = this.props;
-    const ariaProps = typeof title === 'string' && !!title ? {
-      'aria-label': title,
-      role: 'tooltip'
-    } : {};
-    const {
-      onNestedTooltipShow,
-      onNestedTooltipHide
-    } = this;
-    return /*#__PURE__*/React.createElement(TooltipContext.Provider, {
-      value: {
-        onNestedTooltipShow,
-        onNestedTooltipHide
-      }
-    }, /*#__PURE__*/React.createElement("span", _extends({}, ariaProps, restProps, {
-      ref: this.containerRef,
-      "data-test": joinDataTestAttributes('ring-tooltip', dataTest),
-      "data-test-title": typeof title === 'string' ? title : undefined
-    }), children, /*#__PURE__*/React.createElement(Popup, _extends({
-      trapFocus: false,
-      hidden: !this.state.showPopup || this.state.showNestedPopup,
-      onCloseAttempt: this.hidePopup,
-      maxHeight: 400,
-      className: classNames(modules_cd5e45a9.tooltip, {
-        [modules_cd5e45a9.long]: long
-      }),
-      attached: false,
-      top: 4,
-      dontCloseOnAnchorClick: true,
-      ref: this.popupRef
-    }, popupProps), title)));
+    return _this;
   }
-}
+  _inherits(Tooltip, _Component);
+  return _createClass(Tooltip, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.props.title) {
+        this.addListeners();
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (!prevProps.title && this.props.title) {
+        this.addListeners();
+      } else if (prevProps.title && !this.props.title) {
+        this.listeners.removeAll();
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      clearTimeout(this.timeout);
+      this.listeners.removeAll();
+    }
+  }, {
+    key: "addListeners",
+    value: function addListeners() {
+      var _this3 = this;
+      if (this.containerNode != null) {
+        this.listeners.add(this.containerNode, 'mouseover', this.tryToShowPopup);
+        this.listeners.add(this.containerNode, 'mouseout', this.hidePopup);
+      }
+      this.listeners.add(document, 'scroll', function () {
+        return scheduleScroll(_this3.hidePopup);
+      }, {
+        passive: true
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        children = _this$props2.children,
+        dataTest = _this$props2['data-test'],
+        title = _this$props2.title;
+        _this$props2.delay;
+        _this$props2.selfOverflowOnly;
+        var popupProps = _this$props2.popupProps,
+        long = _this$props2.long,
+        restProps = _objectWithoutProperties(_this$props2, _excluded);
+      var ariaProps = typeof title === 'string' && !!title ? {
+        'aria-label': title,
+        role: 'tooltip'
+      } : {};
+      var onNestedTooltipShow = this.onNestedTooltipShow,
+        onNestedTooltipHide = this.onNestedTooltipHide;
+      return /*#__PURE__*/React.createElement(TooltipContext.Provider, {
+        value: {
+          onNestedTooltipShow,
+          onNestedTooltipHide
+        }
+      }, /*#__PURE__*/React.createElement("span", _extends({}, ariaProps, restProps, {
+        ref: this.containerRef,
+        "data-test": joinDataTestAttributes('ring-tooltip', dataTest),
+        "data-test-title": typeof title === 'string' ? title : undefined
+      }), children, /*#__PURE__*/React.createElement(Popup, _extends({
+        trapFocus: false,
+        hidden: !this.state.showPopup || this.state.showNestedPopup,
+        onCloseAttempt: this.hidePopup,
+        maxHeight: 400,
+        className: classNames(modules_cd5e45a9.tooltip, {
+          [modules_cd5e45a9.long]: long
+        }),
+        attached: false,
+        top: 4,
+        dontCloseOnAnchorClick: true,
+        ref: this.popupRef
+      }, popupProps), title)));
+    }
+  }]);
+}(Component);
+_defineProperty(Tooltip, "propTypes", {
+  delay: PropTypes.number,
+  selfOverflowOnly: PropTypes.bool,
+  popupProps: PropTypes.object,
+  title: PropTypes.node,
+  children: PropTypes.node,
+  'data-test': PropTypes.string
+});
+_defineProperty(Tooltip, "defaultProps", {
+  title: '',
+  selfOverflowOnly: false,
+  popupProps: {}
+});
+_defineProperty(Tooltip, "PopupProps", Popup.PopupProps);
+_defineProperty(Tooltip, "contextType", TooltipContext);
 
 export { Tooltip as default };