@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.3

package/components/dropdown/dropdown.js

@@ -1,6 +1,6 @@
-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 { cloneElement, Component } from 'react';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { Component, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
@@ -8,8 +8,6 @@ import { isArray } from '../global/typescript-utils.js';
 import { m as modules_d9414203, A as Anchor } from '../_helpers/anchor.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 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';
@@ -17,44 +15,35 @@ 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 '@jetbrains/icons/chevron-down';
 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"];
-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];
-    }
-    _this = _callSuper(this, Dropdown, [].concat(args));
-    _defineProperty(_this, "state", {
-      show: _this.props.initShown,
+const _excluded = ["initShown", "onShow", "onHide", "hoverShowTimeOut", "hoverHideTimeOut", "children", "anchor", "className", "activeClassName", "hoverMode", "clickMode", "data-test", "disabled"];
+class Dropdown extends Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
+      show: this.props.initShown,
       pinned: false
     });
-    _defineProperty(_this, "onClick", function () {
-      if (_this.props.disabled) {
+    _defineProperty(this, "onClick", () => {
+      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) {
+      const {
+        show,
+        pinned
+      } = this.state;
+      let nextPinned = pinned;
+      if (this.props.hoverMode) {
         if (!pinned) {
           nextPinned = true;
           if (show) {
-            _this.setState({
+            this.setState({
               pinned: true
             });
             return;
@@ -63,152 +52,143 @@ var Dropdown = /*#__PURE__*/function (_Component) {
           nextPinned = false;
         }
       }
-      _this._toggle(!show, nextPinned);
+      this._toggle(!show, nextPinned);
     });
-    _defineProperty(_this, "onChildCloseAttempt", function () {
-      var nextPinned = _this.state.pinned;
-      if (_this.props.hoverMode) {
+    _defineProperty(this, "onChildCloseAttempt", () => {
+      let nextPinned = this.state.pinned;
+      if (this.props.hoverMode) {
         nextPinned = false;
       }
-      _this._toggle(false, nextPinned);
+      this._toggle(false, nextPinned);
     });
-    _defineProperty(_this, "hoverTimer", void 0);
-    _defineProperty(_this, "onMouseEnter", function (event) {
+    _defineProperty(this, "hoverTimer", void 0);
+    _defineProperty(this, "onMouseEnter", event => {
       var _this$props$onMouseEn, _this$props;
-      if (_this.props.disabled) {
+      if (this.props.disabled) {
         return;
       }
-      _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._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(() => {
+        if (!this.state.show) {
+          this._toggle(true);
         }
-      }, _this.props.hoverShowTimeOut);
+      }, this.props.hoverShowTimeOut);
     });
-    _defineProperty(_this, "onMouseLeave", function (event) {
+    _defineProperty(this, "onMouseLeave", event => {
       var _this$props$onMouseLe, _this$props2;
-      if (_this.props.disabled) {
+      if (this.props.disabled) {
         return;
       }
-      (_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) {
+      (_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._clearTimer();
+      this.hoverTimer = window.setTimeout(() => {
+        if (this.state.show) {
+          this._toggle(false);
         }
-      }, _this.props.hoverHideTimeOut);
+      }, this.props.hoverHideTimeOut);
     });
-    _defineProperty(_this, "handlePopupInteraction", function () {
-      _this.setState(function (_ref) {
-        var pinned = _ref.pinned;
+    _defineProperty(this, "handlePopupInteraction", () => {
+      this.setState(_ref => {
+        let {
+          pinned
+        } = _ref;
         return pinned ? null : {
           pinned: true
         };
       });
     });
-    return _this;
   }
-  _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);
-    }
-  }, {
-    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;
-      }
+  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());
+  }
+  _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__*/jsx(Anchor, {
-            active: active,
-            children: anchor
-          });
-          break;
-        case 'function':
-          anchorElement = anchor({
-            active: show,
-            pinned
+  }
+  render() {
+    const {
+      show,
+      pinned
+    } = this.state;
+    const _this$props3 = this.props,
+      {
+        initShown,
+        onShow,
+        onHide,
+        hoverShowTimeOut,
+        hoverHideTimeOut,
+        children,
+        anchor,
+        className,
+        activeClassName,
+        hoverMode,
+        clickMode,
+        'data-test': dataTest,
+        disabled
+      } = _this$props3,
+      restProps = _objectWithoutProperties(_this$props3, _excluded);
+    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__*/jsx(Anchor, {
+          active: active,
+          children: 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
           });
-          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__*/jsxs("div", _objectSpread2(_objectSpread2({
-        "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,
-        children: [anchorElement, typeof children === 'function' ? children(childProps) : /*#__PURE__*/cloneElement(children, childProps)]
-      }));
+        }
     }
-  }]);
-}(Component);
+    const childProps = {
+      hidden: !show,
+      onCloseAttempt: this.onChildCloseAttempt,
+      onMouseDown: hoverMode ? this.handlePopupInteraction : undefined,
+      onContextMenu: hoverMode ? this.handlePopupInteraction : undefined,
+      dontCloseOnAnchorClick: true
+    };
+    return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
+      "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,
+      children: [anchorElement, typeof children === 'function' ? children(childProps) : /*#__PURE__*/cloneElement(children, childProps)]
+    }));
+  }
+}
 _defineProperty(Dropdown, "propTypes", {
   /**
    * Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element
@@ -237,10 +217,10 @@ _defineProperty(Dropdown, "defaultProps", {
   hoverShowTimeOut: 300,
   hoverHideTimeOut: 600,
   disabled: false,
-  onShow: function onShow() {},
-  onHide: function onHide() {},
-  onMouseEnter: function onMouseEnter() {},
-  onMouseLeave: function onMouseLeave() {}
+  onShow: () => {},
+  onHide: () => {},
+  onMouseEnter: () => {},
+  onMouseLeave: () => {}
 });
 
 export { Anchor, Dropdown as default };

package/components/dropdown-menu/dropdown-menu.js

@@ -1,5 +1,4 @@
-import { c as _objectWithoutProperties, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.object.assign.js';
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { forwardRef, useMemo, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import List, { ActiveItemContext } from '../list/list.js';
@@ -9,15 +8,8 @@ import getUID from '../global/get-uid.js';
 import { A as Anchor } from '../_helpers/anchor.js';
 import { isArray } from '../global/typescript-utils.js';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.find.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -27,24 +19,12 @@ import 'util-deprecate';
 import 'memoize-one';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 import '../global/schedule-raf.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 '../global/dom.js';
-import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -55,20 +35,16 @@ import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
-import 'core-js/modules/es.array.index-of.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import 'core-js/modules/es.string.replace.js';
 import '../avatar/fallback-avatar.js';
-import 'core-js/modules/es.array.from.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
@@ -91,46 +67,42 @@ import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 
-var _excluded = ["anchor", "pinned", "active", "activeListItemId", "listId"],
+const _excluded = ["anchor", "pinned", "active", "activeListItemId", "listId"],
   _excluded2 = ["id", "anchor", "ariaLabel", "data", "onSelect", "menuProps"],
   _excluded3 = ["pinned", "active"];
-var _ref = Dropdown.propTypes || {};
-  _ref.children;
-  var dropdownPropTypes = _objectWithoutProperties(_ref, ["children"]);
-var _ref2 = PopupMenu.propTypes || {},
-  idPropType = _ref2.id,
-  dataPropType = _ref2.data,
-  ariaLabelPropType = _ref2.ariaLabel,
-  onSelectPropType = _ref2.onSelect;
-var defaultAriaLabel = 'Dropdown menu';
-function DropdownAnchorWrapper(_ref3) {
-  var anchor = _ref3.anchor,
-    pinned = _ref3.pinned,
-    active = _ref3.active,
-    activeListItemId = _ref3.activeListItemId,
-    listId = _ref3.listId,
-    restProps = _objectWithoutProperties(_ref3, _excluded);
-  var anchorAriaProps = useMemo(function () {
-    return _objectSpread2(_objectSpread2(_objectSpread2({}, listId ? {
-      'aria-haspopup': true
-    } : {}), activeListItemId ? {
-      'aria-activedescendant': activeListItemId,
-      'aria-owns': listId
-    } : {}), active ? {
-      'aria-expanded': true
-    } : {});
-  }, [active, activeListItemId, listId]);
-  var anchorProps = useMemo(function () {
-    return _objectSpread2(_objectSpread2({
+const _ref = Dropdown.propTypes || {},
+  dropdownPropTypes = _objectWithoutProperties(_ref, ["children"]);
+const {
+  id: idPropType,
+  data: dataPropType,
+  ariaLabel: ariaLabelPropType,
+  onSelect: onSelectPropType
+} = PopupMenu.propTypes || {};
+const defaultAriaLabel = 'Dropdown menu';
+function DropdownAnchorWrapper(_ref2) {
+  let {
+      anchor,
+      pinned,
       active,
-      pinned
-    }, restProps), anchorAriaProps);
-  }, [pinned, active, restProps, anchorAriaProps]);
-  var anchorComponentProps = useMemo(function () {
-    return _objectSpread2(_objectSpread2({}, anchorProps), {}, {
-      pinned: "".concat(anchorProps.pinned)
-    });
-  }, [anchorProps]);
+      activeListItemId,
+      listId
+    } = _ref2,
+    restProps = _objectWithoutProperties(_ref2, _excluded);
+  const anchorAriaProps = useMemo(() => _objectSpread2(_objectSpread2(_objectSpread2({}, listId ? {
+    'aria-haspopup': true
+  } : {}), activeListItemId ? {
+    'aria-activedescendant': activeListItemId,
+    'aria-owns': listId
+  } : {}), active ? {
+    'aria-expanded': true
+  } : {}), [active, activeListItemId, listId]);
+  const anchorProps = useMemo(() => _objectSpread2(_objectSpread2({
+    active,
+    pinned
+  }, restProps), anchorAriaProps), [pinned, active, restProps, anchorAriaProps]);
+  const anchorComponentProps = useMemo(() => _objectSpread2(_objectSpread2({}, anchorProps), {}, {
+    pinned: "".concat(anchorProps.pinned)
+  }), [anchorProps]);
   if (typeof anchor === 'string') {
     return /*#__PURE__*/jsx(Anchor, _objectSpread2(_objectSpread2({}, anchorComponentProps), {}, {
       children: anchor
@@ -156,33 +128,33 @@ DropdownAnchorWrapper.propTypes = {
   activeListItemId: PropTypes.string,
   listId: PropTypes.string
 };
-var DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu(_ref4, forwardedRef) {
-  var id = _ref4.id,
-    _anchor = _ref4.anchor,
-    ariaLabel = _ref4.ariaLabel,
-    data = _ref4.data,
-    onSelect = _ref4.onSelect,
-    menuProps = _ref4.menuProps,
-    restDropdownProps = _objectWithoutProperties(_ref4, _excluded2);
-  var listId = useMemo(function () {
-    return id || getUID('dropdown-menu-list');
-  }, [id]);
+const DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu(_ref3, forwardedRef) {
+  let {
+      id,
+      anchor,
+      ariaLabel,
+      data,
+      onSelect,
+      menuProps
+    } = _ref3,
+    restDropdownProps = _objectWithoutProperties(_ref3, _excluded2);
+  const listId = useMemo(() => id || getUID('dropdown-menu-list'), [id]);
   return /*#__PURE__*/jsx(ActiveItemContext.Provider, {
     children: /*#__PURE__*/jsx(Dropdown, _objectSpread2(_objectSpread2({
-      anchor: function anchor(_ref5) {
-        var pinned = _ref5.pinned,
-          active = _ref5.active,
-          restAnchorProps = _objectWithoutProperties(_ref5, _excluded3);
+      anchor: _ref4 => {
+        let {
+            pinned,
+            active
+          } = _ref4,
+          restAnchorProps = _objectWithoutProperties(_ref4, _excluded3);
         return /*#__PURE__*/jsx(ActiveItemContext.ValueContext.Consumer, {
-          children: function children(activeItemId) {
-            return /*#__PURE__*/jsx(DropdownAnchorWrapper, _objectSpread2({
-              anchor: _anchor,
-              pinned: pinned,
-              active: active,
-              activeListItemId: activeItemId,
-              listId: listId
-            }, restAnchorProps));
-          }
+          children: activeItemId => /*#__PURE__*/jsx(DropdownAnchorWrapper, _objectSpread2({
+            anchor: anchor,
+            pinned: pinned,
+            active: active,
+            activeListItemId: activeItemId,
+            listId: listId
+          }, restAnchorProps))
         });
       }
     }, restDropdownProps), {}, {