@jetbrains/ring-ui 5.1.1 → 6.0.2-beta.0

package/dist/list/list__separator.d.ts

@@ -1,5 +1,5 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import { ListDataItemProps } from './consts';
 export default class ListSeparator<T> extends PureComponent<ListDataItemProps<T>> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/list/list__separator.js

@@ -1,23 +1,33 @@
+import { a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, _ as _defineProperty } 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';
 
-class ListSeparator extends PureComponent {
-  render() {
-    const {
-      description,
-      isFirst,
-      className
-    } = this.props;
-    const classes = classNames(modules_3b67a421.separator, className, {
-      [modules_3b67a421.separator_first]: isFirst
-    });
-    return /*#__PURE__*/React.createElement("span", {
-      className: classes
-    }, description);
+var ListSeparator = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ListSeparator, _PureComponent);
+  var _super = _createSuper(ListSeparator);
+  function ListSeparator() {
+    _classCallCheck(this, ListSeparator);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(ListSeparator, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        description = _this$props.description,
+        isFirst = _this$props.isFirst,
+        className = _this$props.className;
+      var classes = classNames(modules_3b67a421.separator, className, _defineProperty({}, modules_3b67a421.separator_first, isFirst));
+      return /*#__PURE__*/React.createElement("span", {
+        className: classes
+      }, description);
+    }
+  }]);
+  return ListSeparator;
+}(PureComponent);
 ListSeparator.propTypes = {
   className: PropTypes.string,
   description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),

package/dist/list/list__title.d.ts

@@ -1,5 +1,5 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import { ListDataItemProps } from './consts';
 export default class ListTitle<T> extends PureComponent<ListDataItemProps<T>> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/list/list__title.js

@@ -1,31 +1,41 @@
+import { a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, _ as _defineProperty } 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';
 
-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));
+var ListTitle = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ListTitle, _PureComponent);
+  var _super = _createSuper(ListTitle);
+  function ListTitle() {
+    _classCallCheck(this, ListTitle);
+    return _super.apply(this, arguments);
   }
-}
+  _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, _defineProperty({}, 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));
+    }
+  }]);
+  return ListTitle;
+}(PureComponent);
 ListTitle.propTypes = {
   className: PropTypes.string,
   description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),

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

@@ -1,8 +1,27 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, h as _asyncToGenerator, i as _regeneratorRuntime, j as _slicedToArray, g 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/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../hub-source/hub-source.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.array.find-index.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.find.js';
 import 'react';
 import 'prop-types';
 import 'classnames';
@@ -13,36 +32,46 @@ 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.string.split.js';
+import 'core-js/modules/es.set.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';
 import '../global/create-stateful-context.js';
 import './list__link.js';
 import '../link/link.js';
-import 'focus-visible';
 import '../link/clickableLink.js';
-import '../_helpers/link.js';
 import '../_helpers/list.js';
 import './list__item.js';
+import 'core-js/modules/es.number.constructor.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-14px';
 import '@jetbrains/icons/remove-14px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.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 '../_helpers/checkbox.js';
 import './list__custom.js';
 import '../global/get-event-key.js';
 import './list__title.js';
@@ -50,15 +79,15 @@ import './list__separator.js';
 import './list__hint.js';
 import './consts.js';
 
-const defaultOptions = {
+var defaultOptions = {
   GroupsTitle: 'Groups',
   NoGroupsTitle: 'No groups',
   UsersTitle: 'Users',
   NoUsersTitle: 'No users',
-  getPluralForUserCount: count => {
+  getPluralForUserCount: function getPluralForUserCount(count) {
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    const plural = count % 10 !== 1 || count % 100 === 11;
-    return `${count} member${plural ? 's' : ''}`;
+    var plural = count % 10 !== 1 || count % 100 === 11;
+    return "".concat(count, " member").concat(plural ? 's' : '');
   }
 };
 var Filter;
@@ -67,58 +96,102 @@ var Filter;
   Filter[Filter["USERS"] = 1] = "USERS";
   Filter[Filter["GROUPS"] = 2] = "GROUPS";
 })(Filter || (Filter = {}));
-class ListUsersGroupsSource extends HubSourceUsersGroups {
-  constructor(auth, options) {
-    super(auth, options);
-    _defineProperty(this, "listSourceOptions", void 0);
-    this.listSourceOptions = Object.assign({}, defaultOptions, options);
+var ListUsersGroupsSource = /*#__PURE__*/function (_HubSourceUsersGroups) {
+  _inherits(ListUsersGroupsSource, _HubSourceUsersGroups);
+  var _super = _createSuper(ListUsersGroupsSource);
+  function ListUsersGroupsSource(auth, options) {
+    var _this;
+    _classCallCheck(this, ListUsersGroupsSource);
+    _this = _super.call(this, auth, options);
+    _defineProperty(_assertThisInitialized(_this), "listSourceOptions", void 0);
+    _this.listSourceOptions = Object.assign({}, defaultOptions, options);
+    return _this;
   }
-  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
-      }));
+  _createClass(ListUsersGroupsSource, [{
+    key: "getGroupsSectionTitle",
+    value: function getGroupsSectionTitle(groups) {
+      return groups.length ? this.listSourceOptions.GroupsTitle : this.listSourceOptions.NoGroupsTitle;
     }
-    if (filter === Filter.ALL) {
-      items.push({
-        rgItemType: List.ListProps.Type.SEPARATOR,
-        key: 1,
-        description: this.getGroupsSectionTitle(groups)
-      });
+  }, {
+    key: "getUsersSectionTitle",
+    value: function getUsersSectionTitle(users) {
+      return users.length ? this.listSourceOptions.UsersTitle : this.listSourceOptions.NoUsersTitle;
     }
-    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)
+  }, {
+    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);
       }));
-    }
-    return items;
-  }
-}
+      function getForList(_x) {
+        return _getForList.apply(this, arguments);
+      }
+      return getForList;
+    }()
+  }]);
+  return ListUsersGroupsSource;
+}(HubSourceUsersGroups);
 _defineProperty(ListUsersGroupsSource, "Filter", Filter);
 
 export { ListUsersGroupsSource as default };

package/dist/loader/loader.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PureComponent } from 'react';
+import React, { HTMLAttributes, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import LoaderCore, { LoaderCoreProps } from './loader__core';
 export interface LoaderProps extends Partial<LoaderCoreProps>, HTMLAttributes<HTMLElement> {
@@ -24,5 +24,5 @@ export default class Loader extends PureComponent<LoaderProps> {
     componentWillUnmount(): void;
     loader?: LoaderCore;
     initLoader: (el: Node | null) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/loader/loader.js

@@ -1,55 +1,87 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.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.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.fill.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 'core-js/modules/es.array.filter.js';
 import '../global/dom.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.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.
  */
-class Loader extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "loader", void 0);
-    _defineProperty(this, "initLoader", el => {
+var Loader = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Loader, _PureComponent);
+  var _super = _createSuper(Loader);
+  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 = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "loader", void 0);
+    _defineProperty(_assertThisInitialized(_this), "initLoader", function (el) {
       if (el) {
-        this.loader = new LoaderCore(el, this.props);
+        _this.loader = new LoaderCore(el, _this.props);
       }
     });
+    return _this;
   }
-  componentDidUpdate(prevProps) {
-    if (this.loader) {
-      if (!prevProps.stop && this.props.stop) {
-        this.loader.stopAnimation();
-      } else if (prevProps.stop && !this.props.stop) {
-        this.loader.startAnimation();
+  _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();
+        }
       }
     }
-  }
-  componentWillUnmount() {
-    this.loader?.destroy();
-  }
-  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
-    }));
-  }
-}
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var _this$loader;
+      (_this$loader = this.loader) === null || _this$loader === void 0 ? 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
+      }));
+    }
+  }]);
+  return Loader;
+}(PureComponent);
 _defineProperty(Loader, "propTypes", {
   className: PropTypes.string,
   size: PropTypes.number,