@jetbrains/ring-ui-built 6.0.32 → 6.0.33

package/components/dropdown/dropdown.js

@@ -1,214 +1,245 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component, cloneElement } from 'react';
+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, { cloneElement, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { isArray } from '../global/typescript-utils.js';
 import { m as modules_d9414203, A as Anchor } from '../_helpers/anchor.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.object.to-string.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../button/button.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 
+var _excluded = ["initShown", "onShow", "onHide", "hoverShowTimeOut", "hoverHideTimeOut", "children", "anchor", "className", "activeClassName", "hoverMode", "clickMode", "data-test", "disabled"];
 /**
  * @name Dropdown
  */
-class Dropdown extends Component {
-  static propTypes = {
-    /**
-     * Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element
-     * React element should render some interactive HTML element like `button` or `a`
-     */
-    anchor: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-    children: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,
-    initShown: PropTypes.bool,
-    className: PropTypes.string,
-    activeClassName: PropTypes.string,
-    clickMode: PropTypes.bool,
-    hoverMode: PropTypes.bool,
-    hoverShowTimeOut: PropTypes.number,
-    hoverHideTimeOut: PropTypes.number,
-    disabled: PropTypes.bool,
-    onShow: PropTypes.func,
-    onHide: PropTypes.func,
-    onMouseEnter: PropTypes.func,
-    onMouseLeave: PropTypes.func,
-    'data-test': PropTypes.string
-  };
-  static defaultProps = {
-    initShown: false,
-    clickMode: true,
-    hoverMode: false,
-    hoverShowTimeOut: 300,
-    hoverHideTimeOut: 600,
-    disabled: false,
-    onShow: () => {},
-    onHide: () => {},
-    onMouseEnter: () => {},
-    onMouseLeave: () => {}
-  };
-  state = {
-    show: this.props.initShown,
-    pinned: false
-  };
-  onClick = () => {
-    if (this.props.disabled) {
-      return;
+var Dropdown = /*#__PURE__*/function (_Component) {
+  function Dropdown() {
+    var _this;
+    _classCallCheck(this, Dropdown);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
-    const {
-      show,
-      pinned
-    } = this.state;
-    let nextPinned = pinned;
-    if (this.props.hoverMode) {
-      if (!pinned) {
-        nextPinned = true;
-        if (show) {
-          this.setState({
-            pinned: true
-          });
-          return;
+    _this = _callSuper(this, Dropdown, [].concat(args));
+    _defineProperty(_this, "state", {
+      show: _this.props.initShown,
+      pinned: false
+    });
+    _defineProperty(_this, "onClick", function () {
+      if (_this.props.disabled) {
+        return;
+      }
+      var _this$state = _this.state,
+        show = _this$state.show,
+        pinned = _this$state.pinned;
+      var nextPinned = pinned;
+      if (_this.props.hoverMode) {
+        if (!pinned) {
+          nextPinned = true;
+          if (show) {
+            _this.setState({
+              pinned: true
+            });
+            return;
+          }
+        } else {
+          nextPinned = false;
         }
-      } else {
+      }
+      _this._toggle(!show, nextPinned);
+    });
+    _defineProperty(_this, "onChildCloseAttempt", function () {
+      var nextPinned = _this.state.pinned;
+      if (_this.props.hoverMode) {
         nextPinned = false;
       }
-    }
-    this._toggle(!show, nextPinned);
-  };
-  onChildCloseAttempt = () => {
-    let nextPinned = this.state.pinned;
-    if (this.props.hoverMode) {
-      nextPinned = false;
-    }
-    this._toggle(false, nextPinned);
-  };
-  hoverTimer;
-  onMouseEnter = event => {
-    if (this.props.disabled) {
-      return;
-    }
-    this._clearTimer();
-    this.props.onMouseEnter?.(event);
-    this.hoverTimer = window.setTimeout(() => {
-      if (!this.state.show) {
-        this._toggle(true);
+      _this._toggle(false, nextPinned);
+    });
+    _defineProperty(_this, "hoverTimer", void 0);
+    _defineProperty(_this, "onMouseEnter", function (event) {
+      var _this$props$onMouseEn, _this$props;
+      if (_this.props.disabled) {
+        return;
       }
-    }, this.props.hoverShowTimeOut);
-  };
-  onMouseLeave = event => {
-    if (this.props.disabled) {
-      return;
-    }
-    this.props.onMouseLeave?.(event);
-    if (this.state.pinned) {
-      return;
-    }
-    this._clearTimer();
-    this.hoverTimer = window.setTimeout(() => {
-      if (this.state.show) {
-        this._toggle(false);
+      _this._clearTimer();
+      (_this$props$onMouseEn = (_this$props = _this.props).onMouseEnter) === null || _this$props$onMouseEn === void 0 || _this$props$onMouseEn.call(_this$props, event);
+      _this.hoverTimer = window.setTimeout(function () {
+        if (!_this.state.show) {
+          _this._toggle(true);
+        }
+      }, _this.props.hoverShowTimeOut);
+    });
+    _defineProperty(_this, "onMouseLeave", function (event) {
+      var _this$props$onMouseLe, _this$props2;
+      if (_this.props.disabled) {
+        return;
       }
-    }, this.props.hoverHideTimeOut);
-  };
-  handlePopupInteraction = () => {
-    this.setState(_ref => {
-      let {
-        pinned
-      } = _ref;
-      return pinned ? null : {
-        pinned: true
-      };
+      (_this$props$onMouseLe = (_this$props2 = _this.props).onMouseLeave) === null || _this$props$onMouseLe === void 0 || _this$props$onMouseLe.call(_this$props2, event);
+      if (_this.state.pinned) {
+        return;
+      }
+      _this._clearTimer();
+      _this.hoverTimer = window.setTimeout(function () {
+        if (_this.state.show) {
+          _this._toggle(false);
+        }
+      }, _this.props.hoverHideTimeOut);
     });
-  };
-  toggle() {
-    let show = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !this.state.show;
-    this._toggle(show);
-  }
-  _toggle(show) {
-    let pinned = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.state.pinned;
-    this.setState({
-      show,
-      pinned
-    }, () => show ? this.props.onShow() : this.props.onHide());
+    _defineProperty(_this, "handlePopupInteraction", function () {
+      _this.setState(function (_ref) {
+        var pinned = _ref.pinned;
+        return pinned ? null : {
+          pinned: true
+        };
+      });
+    });
+    return _this;
   }
-  _clearTimer() {
-    if (this.hoverTimer) {
-      clearTimeout(this.hoverTimer);
-      this.hoverTimer = null;
+  _inherits(Dropdown, _Component);
+  return _createClass(Dropdown, [{
+    key: "toggle",
+    value: function toggle() {
+      var show = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !this.state.show;
+      this._toggle(show);
     }
-  }
-  render() {
-    const {
-      show,
-      pinned
-    } = this.state;
-    const {
-      initShown,
-      onShow,
-      onHide,
-      hoverShowTimeOut,
-      hoverHideTimeOut,
-      children,
-      anchor,
-      className,
-      activeClassName,
-      hoverMode,
-      clickMode,
-      'data-test': dataTest,
-      disabled,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_d9414203.dropdown, className, {
-      [activeClassName !== null && activeClassName !== void 0 ? activeClassName : '']: activeClassName != null && show
-    });
-    let anchorElement;
-    const active = hoverMode ? pinned : show;
-    switch (typeof anchor) {
-      case 'string':
-        anchorElement = /*#__PURE__*/React.createElement(Anchor, {
-          active: active
-        }, anchor);
-        break;
-      case 'function':
-        anchorElement = anchor({
-          active: show,
-          pinned
-        });
-        break;
-      default:
-        if (isArray(anchor) || typeof anchor.type === 'string') {
-          anchorElement = anchor;
-        } else {
-          anchorElement = /*#__PURE__*/cloneElement(anchor, {
-            active
+  }, {
+    key: "_toggle",
+    value: function _toggle(show) {
+      var _this2 = this;
+      var pinned = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.state.pinned;
+      this.setState({
+        show,
+        pinned
+      }, function () {
+        return show ? _this2.props.onShow() : _this2.props.onHide();
+      });
+    }
+  }, {
+    key: "_clearTimer",
+    value: function _clearTimer() {
+      if (this.hoverTimer) {
+        clearTimeout(this.hoverTimer);
+        this.hoverTimer = null;
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state2 = this.state,
+        show = _this$state2.show,
+        pinned = _this$state2.pinned;
+      var _this$props3 = this.props;
+        _this$props3.initShown;
+        _this$props3.onShow;
+        _this$props3.onHide;
+        _this$props3.hoverShowTimeOut;
+        _this$props3.hoverHideTimeOut;
+        var children = _this$props3.children,
+        anchor = _this$props3.anchor,
+        className = _this$props3.className,
+        activeClassName = _this$props3.activeClassName,
+        hoverMode = _this$props3.hoverMode,
+        clickMode = _this$props3.clickMode,
+        dataTest = _this$props3['data-test'];
+        _this$props3.disabled;
+        var restProps = _objectWithoutProperties(_this$props3, _excluded);
+      var classes = classNames(modules_d9414203.dropdown, className, {
+        [activeClassName !== null && activeClassName !== void 0 ? activeClassName : '']: activeClassName != null && show
+      });
+      var anchorElement;
+      var active = hoverMode ? pinned : show;
+      switch (typeof anchor) {
+        case 'string':
+          anchorElement = /*#__PURE__*/React.createElement(Anchor, {
+            active: active
+          }, anchor);
+          break;
+        case 'function':
+          anchorElement = anchor({
+            active: show,
+            pinned
           });
-        }
+          break;
+        default:
+          if (isArray(anchor) || typeof anchor.type === 'string') {
+            anchorElement = anchor;
+          } else {
+            anchorElement = /*#__PURE__*/cloneElement(anchor, {
+              active
+            });
+          }
+      }
+      var childProps = {
+        hidden: !show,
+        onCloseAttempt: this.onChildCloseAttempt,
+        onMouseDown: hoverMode ? this.handlePopupInteraction : undefined,
+        onContextMenu: hoverMode ? this.handlePopupInteraction : undefined,
+        dontCloseOnAnchorClick: true
+      };
+      return /*#__PURE__*/React.createElement("div", _extends({
+        "data-test": joinDataTestAttributes('ring-dropdown', dataTest)
+      }, restProps, {
+        onClick: clickMode ? this.onClick : undefined
+        // anchorElement should be a `button` or an `a`
+        ,
+        role: "presentation",
+        onMouseEnter: hoverMode ? this.onMouseEnter : undefined,
+        onMouseLeave: hoverMode ? this.onMouseLeave : undefined,
+        className: classes
+      }), anchorElement, typeof children === 'function' ? children(childProps) : /*#__PURE__*/cloneElement(children, childProps));
     }
-    const childProps = {
-      hidden: !show,
-      onCloseAttempt: this.onChildCloseAttempt,
-      onMouseDown: hoverMode ? this.handlePopupInteraction : undefined,
-      onContextMenu: hoverMode ? this.handlePopupInteraction : undefined,
-      dontCloseOnAnchorClick: true
-    };
-    return /*#__PURE__*/React.createElement("div", _extends({
-      "data-test": joinDataTestAttributes('ring-dropdown', dataTest)
-    }, restProps, {
-      onClick: clickMode ? this.onClick : undefined
-      // anchorElement should be a `button` or an `a`
-      ,
-      role: "presentation",
-      onMouseEnter: hoverMode ? this.onMouseEnter : undefined,
-      onMouseLeave: hoverMode ? this.onMouseLeave : undefined,
-      className: classes
-    }), anchorElement, typeof children === 'function' ? children(childProps) : /*#__PURE__*/cloneElement(children, childProps));
-  }
-}
+  }]);
+}(Component);
+_defineProperty(Dropdown, "propTypes", {
+  /**
+   * Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element
+   * React element should render some interactive HTML element like `button` or `a`
+   */
+  anchor: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,
+  initShown: PropTypes.bool,
+  className: PropTypes.string,
+  activeClassName: PropTypes.string,
+  clickMode: PropTypes.bool,
+  hoverMode: PropTypes.bool,
+  hoverShowTimeOut: PropTypes.number,
+  hoverHideTimeOut: PropTypes.number,
+  disabled: PropTypes.bool,
+  onShow: PropTypes.func,
+  onHide: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func,
+  'data-test': PropTypes.string
+});
+_defineProperty(Dropdown, "defaultProps", {
+  initShown: false,
+  clickMode: true,
+  hoverMode: false,
+  hoverShowTimeOut: 300,
+  hoverHideTimeOut: 600,
+  disabled: false,
+  onShow: function onShow() {},
+  onHide: function onHide() {},
+  onMouseEnter: function onMouseEnter() {},
+  onMouseLeave: function onMouseLeave() {}
+});
 
 export { Anchor, Dropdown as default };