@jetbrains/ring-ui-built 6.0.30 → 6.0.32

package/components/list/list__title.js

@@ -1,41 +1,31 @@
-import { a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.js';
-import 'core-js/modules/es.symbol.description.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
 
-var ListTitle = /*#__PURE__*/function (_PureComponent) {
-  function ListTitle() {
-    _classCallCheck(this, ListTitle);
-    return _callSuper(this, ListTitle, arguments);
+class ListTitle extends PureComponent {
+  render() {
+    const {
+      className,
+      description,
+      label,
+      isFirst
+    } = this.props;
+    const classes = classNames(modules_3b67a421.title, className, {
+      [modules_3b67a421.title_first]: isFirst
+    });
+    return /*#__PURE__*/React.createElement("span", {
+      className: classes,
+      "data-test": "ring-list-title"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: classNames(modules_3b67a421.label, modules_3b67a421.text),
+      "data-test": "ring-list-title-label"
+    }, label), /*#__PURE__*/React.createElement("div", {
+      className: modules_3b67a421.description,
+      "data-test": "ring-list-title-description"
+    }, description));
   }
-  _inherits(ListTitle, _PureComponent);
-  return _createClass(ListTitle, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        description = _this$props.description,
-        label = _this$props.label,
-        isFirst = _this$props.isFirst;
-      var classes = classNames(modules_3b67a421.title, className, {
-        [modules_3b67a421.title_first]: isFirst
-      });
-      return /*#__PURE__*/React.createElement("span", {
-        className: classes,
-        "data-test": "ring-list-title"
-      }, /*#__PURE__*/React.createElement("span", {
-        className: classNames(modules_3b67a421.label, modules_3b67a421.text),
-        "data-test": "ring-list-title-label"
-      }, label), /*#__PURE__*/React.createElement("div", {
-        className: modules_3b67a421.description,
-        "data-test": "ring-list-title-description"
-      }, description));
-    }
-  }]);
-}(PureComponent);
+}
 ListTitle.propTypes = {
   className: PropTypes.string,
   description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),

package/components/list/list__users-groups-source.js

@@ -1,25 +1,8 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper, h as _asyncToGenerator, i as _regeneratorRuntime, j as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import GroupIcon from '@jetbrains/icons/group';
 import HubSourceUsersGroups from '../hub-source/hub-source__users-groups.js';
 import List from './list.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.promise.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../hub-source/hub-source.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.symbol.js';
-import 'core-js/modules/es.symbol.description.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.string.includes.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
 import 'prop-types';
 import 'classnames';
@@ -30,22 +13,12 @@ import 'react-virtualized/dist/es/CellMeasurer';
 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/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../global/schedule-raf.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
 import '../global/dom.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 '../shortcuts/shortcuts.js';
 import '../shortcuts/core.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';
@@ -58,16 +31,13 @@ import '../_helpers/list.js';
 import './list__item.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 '../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 './list__custom.js';
@@ -77,15 +47,15 @@ import './list__separator.js';
 import './list__hint.js';
 import './consts.js';
 
-var defaultOptions = {
+const defaultOptions = {
   GroupsTitle: 'Groups',
   NoGroupsTitle: 'No groups',
   UsersTitle: 'Users',
   NoUsersTitle: 'No users',
-  getPluralForUserCount: function getPluralForUserCount(count) {
+  getPluralForUserCount: count => {
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    var plural = count % 10 !== 1 || count % 100 === 11;
-    return "".concat(count, " member").concat(plural ? 's' : '');
+    const plural = count % 10 !== 1 || count % 100 === 11;
+    return `${count} member${plural ? 's' : ''}`;
   }
 };
 var Filter;
@@ -94,100 +64,58 @@ var Filter;
   Filter[Filter["USERS"] = 1] = "USERS";
   Filter[Filter["GROUPS"] = 2] = "GROUPS";
 })(Filter || (Filter = {}));
-var ListUsersGroupsSource = /*#__PURE__*/function (_HubSourceUsersGroups) {
-  function ListUsersGroupsSource(auth, options) {
-    var _this;
-    _classCallCheck(this, ListUsersGroupsSource);
-    _this = _callSuper(this, ListUsersGroupsSource, [auth, options]);
-    _defineProperty(_this, "listSourceOptions", void 0);
-    _this.listSourceOptions = Object.assign({}, defaultOptions, options);
-    return _this;
+class ListUsersGroupsSource extends HubSourceUsersGroups {
+  static Filter = Filter;
+  listSourceOptions;
+  constructor(auth, options) {
+    super(auth, options);
+    this.listSourceOptions = Object.assign({}, defaultOptions, options);
   }
-  _inherits(ListUsersGroupsSource, _HubSourceUsersGroups);
-  return _createClass(ListUsersGroupsSource, [{
-    key: "getGroupsSectionTitle",
-    value: function getGroupsSectionTitle(groups) {
-      return groups.length ? this.listSourceOptions.GroupsTitle : this.listSourceOptions.NoGroupsTitle;
+  getGroupsSectionTitle(groups) {
+    return groups.length ? this.listSourceOptions.GroupsTitle : this.listSourceOptions.NoGroupsTitle;
+  }
+  getUsersSectionTitle(users) {
+    return users.length ? this.listSourceOptions.UsersTitle : this.listSourceOptions.NoUsersTitle;
+  }
+  async getForList(query) {
+    let filter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Filter.ALL;
+    const [users, groups] = await this.getUserAndGroups(query);
+    const items = [];
+    if (filter === Filter.ALL) {
+      items.push({
+        rgItemType: List.ListProps.Type.SEPARATOR,
+        key: 2,
+        description: this.getUsersSectionTitle(users)
+      });
+    }
+    if (filter !== Filter.GROUPS) {
+      users.forEach(user => items.push({
+        ...user,
+        key: user.id,
+        label: user.name,
+        avatar: user.profile ? user.profile.avatar?.url : null,
+        description: user.login
+      }));
     }
-  }, {
-    key: "getUsersSectionTitle",
-    value: function getUsersSectionTitle(users) {
-      return users.length ? this.listSourceOptions.UsersTitle : this.listSourceOptions.NoUsersTitle;
+    if (filter === Filter.ALL) {
+      items.push({
+        rgItemType: List.ListProps.Type.SEPARATOR,
+        key: 1,
+        description: this.getGroupsSectionTitle(groups)
+      });
     }
-  }, {
-    key: "getForList",
-    value: function () {
-      var _getForList = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(query) {
-        var _this2 = this;
-        var filter,
-          _yield$this$getUserAn,
-          _yield$this$getUserAn2,
-          users,
-          groups,
-          items,
-          _args = arguments;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              filter = _args.length > 1 && _args[1] !== undefined ? _args[1] : Filter.ALL;
-              _context.next = 3;
-              return this.getUserAndGroups(query);
-            case 3:
-              _yield$this$getUserAn = _context.sent;
-              _yield$this$getUserAn2 = _slicedToArray(_yield$this$getUserAn, 2);
-              users = _yield$this$getUserAn2[0];
-              groups = _yield$this$getUserAn2[1];
-              items = [];
-              if (filter === Filter.ALL) {
-                items.push({
-                  rgItemType: List.ListProps.Type.SEPARATOR,
-                  key: 2,
-                  description: this.getUsersSectionTitle(users)
-                });
-              }
-              if (filter !== Filter.GROUPS) {
-                users.forEach(function (user) {
-                  var _user$profile$avatar;
-                  return items.push(_objectSpread2(_objectSpread2({}, user), {}, {
-                    key: user.id,
-                    label: user.name,
-                    avatar: user.profile ? (_user$profile$avatar = user.profile.avatar) === null || _user$profile$avatar === void 0 ? void 0 : _user$profile$avatar.url : null,
-                    description: user.login
-                  }));
-                });
-              }
-              if (filter === Filter.ALL) {
-                items.push({
-                  rgItemType: List.ListProps.Type.SEPARATOR,
-                  key: 1,
-                  description: this.getGroupsSectionTitle(groups)
-                });
-              }
-              if (filter !== Filter.USERS) {
-                groups.forEach(function (group) {
-                  return items.push(_objectSpread2(_objectSpread2({}, group), {}, {
-                    key: group.id,
-                    label: group.name,
-                    avatar: group.iconUrl,
-                    glyph: group.iconUrl ? null : GroupIcon,
-                    description: _this2.listSourceOptions.getPluralForUserCount(group.userCount)
-                  }));
-                });
-              }
-              return _context.abrupt("return", items);
-            case 13:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
+    if (filter !== Filter.USERS) {
+      groups.forEach(group => items.push({
+        ...group,
+        key: group.id,
+        label: group.name,
+        avatar: group.iconUrl,
+        glyph: group.iconUrl ? null : GroupIcon,
+        description: this.listSourceOptions.getPluralForUserCount(group.userCount)
       }));
-      function getForList(_x) {
-        return _getForList.apply(this, arguments);
-      }
-      return getForList;
-    }()
-  }]);
-}(HubSourceUsersGroups);
-_defineProperty(ListUsersGroupsSource, "Filter", Filter);
+    }
+    return items;
+  }
+}
 
 export { ListUsersGroupsSource as default };

package/components/loader/loader.js

@@ -1,91 +1,60 @@
-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 { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import joinDataTestAttributes from '../global/data-tests.js';
 import LoaderCore from './loader__core.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 'core-js/modules/es.array.fill.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import '../global/dom.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';
 
-var _excluded = ["message", "size", "colors", "data-test", "stop", "deterministic"];
 /**
  * @name Loader
  */
 /**
  * Displays a large animated loader with an optional caption. Typical use cases: page loading animation, major action animation.
  */
-var Loader = /*#__PURE__*/function (_PureComponent) {
-  function Loader() {
-    var _this;
-    _classCallCheck(this, Loader);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Loader, [].concat(args));
-    _defineProperty(_this, "loader", void 0);
-    _defineProperty(_this, "initLoader", function (el) {
-      if (el) {
-        _this.loader = new LoaderCore(el, _this.props);
-      }
-    });
-    return _this;
-  }
-  _inherits(Loader, _PureComponent);
-  return _createClass(Loader, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (this.loader) {
-        if (!prevProps.stop && this.props.stop) {
-          this.loader.stopAnimation();
-        } else if (prevProps.stop && !this.props.stop) {
-          this.loader.startAnimation();
-        }
+class Loader extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+    size: PropTypes.number,
+    colors: PropTypes.array,
+    message: PropTypes.string,
+    'data-test': PropTypes.string,
+    stop: PropTypes.bool,
+    deterministic: PropTypes.bool
+  };
+  componentDidUpdate(prevProps) {
+    if (this.loader) {
+      if (!prevProps.stop && this.props.stop) {
+        this.loader.stopAnimation();
+      } else if (prevProps.stop && !this.props.stop) {
+        this.loader.startAnimation();
       }
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var _this$loader;
-      (_this$loader = this.loader) === null || _this$loader === void 0 || _this$loader.destroy();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props;
-        _this$props.message;
-        _this$props.size;
-        _this$props.colors;
-        var dataTest = _this$props['data-test'];
-        _this$props.stop;
-        _this$props.deterministic;
-        var restProps = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement("div", _extends({
-        "data-test": joinDataTestAttributes('ring-loader', dataTest)
-      }, restProps, {
-        ref: this.initLoader
-      }));
+  }
+  componentWillUnmount() {
+    this.loader?.destroy();
+  }
+  loader;
+  initLoader = el => {
+    if (el) {
+      this.loader = new LoaderCore(el, this.props);
     }
-  }]);
-}(PureComponent);
-_defineProperty(Loader, "propTypes", {
-  className: PropTypes.string,
-  size: PropTypes.number,
-  colors: PropTypes.array,
-  message: PropTypes.string,
-  'data-test': PropTypes.string,
-  stop: PropTypes.bool,
-  deterministic: PropTypes.bool
-});
+  };
+  render() {
+    const {
+      message,
+      size,
+      colors,
+      'data-test': dataTest,
+      stop,
+      deterministic,
+      ...restProps
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", _extends({
+      "data-test": joinDataTestAttributes('ring-loader', dataTest)
+    }, restProps, {
+      ref: this.initLoader
+    }));
+  }
+}
 
 export { Loader as default };