@jetbrains/ring-ui-built 7.0.0-beta.2 → 7.0.0-beta.4

package/components/tooltip/tooltip.js

@@ -1,40 +1,22 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import { createContext, Component } from 'react';
-import PropTypes from 'prop-types';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { Component, createContext } from 'react';
 import classNames from 'classnames';
 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 { jsx, jsxs } from 'react/jsx-runtime';
-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 '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/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
@@ -43,48 +25,45 @@ import 'core-js/modules/es.array.reduce.js';
 
 var modules_cd5e45a9 = {"light":"light_rui_2ac4","tooltip":"tooltip_rui_a84d","long":"long_rui_a84d"};
 
-var _excluded = ["children", "data-test", "title", "delay", "selfOverflowOnly", "popupProps", "long"];
-var scheduleScroll = scheduleRAF();
-var TooltipContext = /*#__PURE__*/createContext(undefined);
+const _excluded = ["children", "data-test", "title", "delay", "selfOverflowOnly", "popupProps", "long"];
+const scheduleScroll = scheduleRAF();
+const TooltipContext = /*#__PURE__*/createContext(undefined);
 /**
  * @name Tooltip
  */
-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];
-    }
-    _this = _callSuper(this, Tooltip, [].concat(args));
-    _defineProperty(_this, "state", {
+class Tooltip extends Component {
+  constructor() {
+    super(...arguments);
+    _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, "timeout", void 0);
+    _defineProperty(this, "listeners", new Listeners());
+    _defineProperty(this, "containerNode", void 0);
+    _defineProperty(this, "containerRef", el => {
+      this.containerNode = el;
     });
-    _defineProperty(_this, "tryToShowPopup", function () {
-      var _this$props = _this.props,
-        delay = _this$props.delay,
-        title = _this$props.title;
+    _defineProperty(this, "tryToShowPopup", () => {
+      const {
+        delay,
+        title
+      } = this.props;
       if (!title) {
         return;
       }
       if (delay) {
-        _this.timeout = window.setTimeout(_this.showPopup, delay);
+        this.timeout = window.setTimeout(this.showPopup, delay);
       } else {
-        _this.showPopup();
+        this.showPopup();
       }
     });
-    _defineProperty(_this, "showPopup", function () {
+    _defineProperty(this, "showPopup", () => {
       var _this$context;
-      if (_this.props.selfOverflowOnly) {
-        var _this2 = _this,
-          containerNode = _this2.containerNode;
+      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,
@@ -100,127 +79,107 @@ var Tooltip = /*#__PURE__*/function (_Component) {
           return;
         }
       }
-      (_this$context = _this.context) === null || _this$context === void 0 || _this$context.onNestedTooltipShow();
-      _this.setState({
+      (_this$context = this.context) === null || _this$context === void 0 || _this$context.onNestedTooltipShow();
+      this.setState({
         showPopup: true
       });
     });
-    _defineProperty(_this, "hidePopup", function () {
+    _defineProperty(this, "hidePopup", () => {
       var _this$context2;
-      clearTimeout(_this.timeout);
-      (_this$context2 = _this.context) === null || _this$context2 === void 0 || _this$context2.onNestedTooltipHide();
-      _this.setState({
+      clearTimeout(this.timeout);
+      (_this$context2 = this.context) === null || _this$context2 === void 0 || _this$context2.onNestedTooltipHide();
+      this.setState({
         showPopup: false
       });
     });
-    _defineProperty(_this, "popup", void 0);
-    _defineProperty(_this, "popupRef", function (el) {
-      _this.popup = el;
+    _defineProperty(this, "popup", void 0);
+    _defineProperty(this, "popupRef", el => {
+      this.popup = el;
     });
-    _defineProperty(_this, "onNestedTooltipShow", function () {
-      _this.setState({
+    _defineProperty(this, "onNestedTooltipShow", () => {
+      this.setState({
         showNestedPopup: true
       });
     });
-    _defineProperty(_this, "onNestedTooltipHide", function () {
-      _this.setState({
+    _defineProperty(this, "onNestedTooltipHide", () => {
+      this.setState({
         showNestedPopup: false
       });
     });
-    return _this;
   }
-  _inherits(Tooltip, _Component);
-  return _createClass(Tooltip, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.props.title) {
-        this.addListeners();
-      }
+  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);
+  }
+  componentDidUpdate(prevProps) {
+    if (!prevProps.title && this.props.title) {
+      this.addListeners();
+    } else if (prevProps.title && !this.props.title) {
       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__*/jsx(TooltipContext.Provider, {
-        value: {
-          onNestedTooltipShow,
-          onNestedTooltipHide
-        },
-        children: /*#__PURE__*/jsxs("span", _objectSpread2(_objectSpread2(_objectSpread2({}, ariaProps), restProps), {}, {
-          ref: this.containerRef,
-          "data-test": joinDataTestAttributes('ring-tooltip', dataTest),
-          "data-test-title": typeof title === 'string' ? title : undefined,
-          children: [children, /*#__PURE__*/jsx(Popup, _objectSpread2(_objectSpread2({
-            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), {}, {
-            children: title
-          }))]
-        }))
-      });
+  }
+  componentWillUnmount() {
+    clearTimeout(this.timeout);
+    this.listeners.removeAll();
+  }
+  addListeners() {
+    if (this.containerNode != null) {
+      this.listeners.add(this.containerNode, 'mouseover', this.tryToShowPopup);
+      this.listeners.add(this.containerNode, 'mouseout', this.hidePopup);
     }
-  }]);
-}(Component);
-_defineProperty(Tooltip, "propTypes", {
-  delay: PropTypes.number,
-  selfOverflowOnly: PropTypes.bool,
-  popupProps: PropTypes.object,
-  title: PropTypes.node,
-  children: PropTypes.node,
-  'data-test': PropTypes.string
-});
+    this.listeners.add(document, 'scroll', () => scheduleScroll(this.hidePopup), {
+      passive: true
+    });
+  }
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        'data-test': dataTest,
+        title,
+        delay,
+        selfOverflowOnly,
+        popupProps,
+        long
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const ariaProps = typeof title === 'string' && !!title ? {
+      'aria-label': title,
+      role: 'tooltip'
+    } : {};
+    const {
+      onNestedTooltipShow,
+      onNestedTooltipHide
+    } = this;
+    return /*#__PURE__*/jsx(TooltipContext.Provider, {
+      value: {
+        onNestedTooltipShow,
+        onNestedTooltipHide
+      },
+      children: /*#__PURE__*/jsxs("span", _objectSpread2(_objectSpread2(_objectSpread2({}, ariaProps), restProps), {}, {
+        ref: this.containerRef,
+        "data-test": joinDataTestAttributes('ring-tooltip', dataTest),
+        "data-test-title": typeof title === 'string' ? title : undefined,
+        children: [children, /*#__PURE__*/jsx(Popup, _objectSpread2(_objectSpread2({
+          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), {}, {
+          children: title
+        }))]
+      }))
+    });
+  }
+}
 _defineProperty(Tooltip, "defaultProps", {
   title: '',
   selfOverflowOnly: false,