@jetbrains/ring-ui-built 6.0.32 → 6.0.33

package/components/header/profile.js

@@ -1,5 +1,7 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, Component } from 'react';
+import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, d as _objectSpread2, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Avatar, { Size } from '../avatar/avatar.js';
@@ -9,29 +11,56 @@ import PopupMenu from '../popup-menu/popup-menu.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { isTruthy } from '../global/typescript-utils.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
+import 'core-js/modules/es.array.concat.js';
 import '../global/url.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/dom.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.object.entries.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 'core-js/modules/web.dom-collections.iterator.js';
 import '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.array.from.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.slice.js';
 import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.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.string.starts-with.js';
 import '../global/memoize.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.weak-map.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../list/list.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.string.includes.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
 import 'react-virtualized/dist/es/CellMeasurer';
 import 'memoize-one';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.splice.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -58,181 +87,185 @@ import '../popup/popup.js';
 import 'react-dom';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../i18n/i18n.js';
 
-const rgItemType = PopupMenu.ListProps.Type.LINK;
-class Profile extends PureComponent {
-  static propTypes = {
-    className: PropTypes.string,
-    activeClassName: PropTypes.string,
-    closeOnSelect: PropTypes.bool,
-    hasUpdates: PropTypes.bool,
-    loading: PropTypes.bool,
-    onLogin: PropTypes.func,
-    onLogout: PropTypes.func,
-    onSwitchUser: PropTypes.func,
-    profileUrl: PropTypes.string,
-    renderPopupItems: PropTypes.func,
-    LinkComponent: PropTypes.oneOfType([PropTypes.instanceOf(Component), PropTypes.func, PropTypes.string]),
-    translations: PropTypes.shape({
-      profile: PropTypes.string,
-      login: PropTypes.string,
-      logout: PropTypes.string,
-      applyChangedUser: PropTypes.string,
-      switchUser: PropTypes.string
-    }),
-    user: PropTypes.shape({
-      guest: PropTypes.bool,
-      profile: PropTypes.object,
-      name: PropTypes.string
-    }),
-    size: PropTypes.number,
-    round: PropTypes.bool,
-    showName: PropTypes.bool,
-    showLogIn: PropTypes.bool,
-    showLogOut: PropTypes.bool,
-    showSwitchUser: PropTypes.bool,
-    showApplyChangedUser: PropTypes.bool,
-    onRevertPostponement: PropTypes.func,
-    renderGuest: PropTypes.func,
-    menuProps: PropTypes.object,
-    onShow: PropTypes.func,
-    onHide: PropTypes.func
-  };
-  static defaultProps = {
-    closeOnSelect: true,
-    renderPopupItems: items => items,
-    size: Size.Size32,
-    renderGuest: _ref => {
-      let {
-        loading,
-        onLogin,
-        className,
-        translations
-      } = _ref;
-      return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, _ref2 => {
-        var _translations$login;
-        let {
-          translate
-        } = _ref2;
-        return /*#__PURE__*/React.createElement("div", {
+var _excluded = ["className", "activeClassName", "closeOnSelect", "hasUpdates", "onLogout", "user", "profileUrl", "LinkComponent", "onSwitchUser", "renderPopupItems", "onRevertPostponement", "showApplyChangedUser", "showName", "showLogIn", "showLogOut", "showSwitchUser", "renderGuest", "translations", "size", "round", "loading", "onLogin", "menuProps", "onShow", "onHide"];
+var rgItemType = PopupMenu.ListProps.Type.LINK;
+var Profile = /*#__PURE__*/function (_PureComponent) {
+  function Profile() {
+    _classCallCheck(this, Profile);
+    return _callSuper(this, Profile, arguments);
+  }
+  _inherits(Profile, _PureComponent);
+  return _createClass(Profile, [{
+    key: "render",
+    value: function render() {
+      var _translations$applyCh, _translations$login, _translations$profile, _translations$switchU, _translations$logout;
+      var _this$props = this.props,
+        className = _this$props.className,
+        activeClassName = _this$props.activeClassName,
+        closeOnSelect = _this$props.closeOnSelect,
+        hasUpdates = _this$props.hasUpdates,
+        onLogout = _this$props.onLogout,
+        user = _this$props.user,
+        profileUrl = _this$props.profileUrl,
+        LinkComponent = _this$props.LinkComponent,
+        onSwitchUser = _this$props.onSwitchUser,
+        renderPopupItems = _this$props.renderPopupItems,
+        onRevertPostponement = _this$props.onRevertPostponement,
+        showApplyChangedUser = _this$props.showApplyChangedUser,
+        showName = _this$props.showName,
+        showLogIn = _this$props.showLogIn,
+        showLogOut = _this$props.showLogOut,
+        showSwitchUser = _this$props.showSwitchUser,
+        renderGuest = _this$props.renderGuest,
+        translations = _this$props.translations,
+        size = _this$props.size,
+        round = _this$props.round;
+        _this$props.loading;
+        _this$props.onLogin;
+        var menuProps = _this$props.menuProps,
+        onShow = _this$props.onShow,
+        onHide = _this$props.onHide,
+        props = _objectWithoutProperties(_this$props, _excluded);
+      var translate = this.context.translate;
+      if (!user) {
+        return /*#__PURE__*/React.createElement("div", _extends({}, props, {
           className: classNames(modules_47759f5e.profileEmpty, className)
-        }, /*#__PURE__*/React.createElement(Button, {
-          primary: true,
-          "data-test": "ring-header-login-button",
-          disabled: loading,
-          loader: loading,
-          onClick: onLogin
-        }, (_translations$login = translations?.login) !== null && _translations$login !== void 0 ? _translations$login : translate('login')));
+        }), /*#__PURE__*/React.createElement(Avatar, {
+          size: size,
+          round: round
+        }));
+      }
+      if (user.guest) {
+        return renderGuest(this.props);
+      }
+      var avatarWrapper = classNames(modules_47759f5e.avatarWrapper, {
+        [modules_47759f5e.hasUpdates]: hasUpdates
       });
-    }
-  };
-  static contextType = I18nContext;
-  static Size = Size;
-  render() {
-    var _translations$applyCh, _translations$login2, _translations$profile, _translations$switchU, _translations$logout;
-    const {
-      className,
-      activeClassName,
-      closeOnSelect,
-      hasUpdates,
-      onLogout,
-      user,
-      profileUrl,
-      LinkComponent,
-      onSwitchUser,
-      renderPopupItems,
-      onRevertPostponement,
-      showApplyChangedUser,
-      showName,
-      showLogIn,
-      showLogOut,
-      showSwitchUser,
-      renderGuest,
-      translations,
-      size,
-      round,
-      loading,
-      onLogin,
-      menuProps,
-      onShow,
-      onHide,
-      ...props
-    } = this.props;
-    const {
-      translate
-    } = this.context;
-    if (!user) {
-      return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-        className: classNames(modules_47759f5e.profileEmpty, className)
-      }), /*#__PURE__*/React.createElement(Avatar, {
+      var anchor = /*#__PURE__*/React.createElement("button", {
+        type: "button",
+        className: modules_47759f5e.anchorClassName
+      }, /*#__PURE__*/React.createElement("span", {
+        className: avatarWrapper
+      }, /*#__PURE__*/React.createElement(Avatar, {
+        url: user.profile && user.profile.avatar && user.profile.avatar.url,
         size: size,
         round: round
+      })), showName && /*#__PURE__*/React.createElement("span", null, user.name));
+      var items = [showApplyChangedUser && {
+        rgItemType,
+        label: (_translations$applyCh = translations === null || translations === void 0 ? void 0 : translations.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : translate('applyChangedUser'),
+        className: modules_47759f5e.profileMenuItem,
+        onClick: onRevertPostponement
+      }, showLogIn && {
+        rgItemType,
+        label: (_translations$login = translations === null || translations === void 0 ? void 0 : translations.login) !== null && _translations$login !== void 0 ? _translations$login : translate('login'),
+        className: modules_47759f5e.profileMenuItem,
+        onClick: onRevertPostponement
+      }, {
+        rgItemType: PopupMenu.ListProps.Type.LINK,
+        label: (_translations$profile = translations === null || translations === void 0 ? void 0 : translations.profile) !== null && _translations$profile !== void 0 ? _translations$profile : translate('profile'),
+        target: '_self',
+        // Full page reload in Angular
+        href: profileUrl,
+        LinkComponent
+      }, showSwitchUser && {
+        rgItemType,
+        label: (_translations$switchU = translations === null || translations === void 0 ? void 0 : translations.switchUser) !== null && _translations$switchU !== void 0 ? _translations$switchU : translate('switchUser'),
+        className: modules_47759f5e.profileMenuItem,
+        onClick: onSwitchUser
+      }, showLogOut && {
+        rgItemType,
+        label: (_translations$logout = translations === null || translations === void 0 ? void 0 : translations.logout) !== null && _translations$logout !== void 0 ? _translations$logout : translate('logout'),
+        onClick: onLogout
+      }].filter(isTruthy);
+      return /*#__PURE__*/React.createElement(DropdownMenu, _extends({}, props, {
+        onShow: onShow,
+        onHide: onHide,
+        title: user.name,
+        anchor: anchor,
+        data: renderPopupItems(items),
+        "data-test": "ring-profile",
+        className: classNames(modules_47759f5e.profile, className),
+        activeClassName: activeClassName,
+        menuProps: _objectSpread2({
+          closeOnSelect,
+          left: -2,
+          top: -8,
+          sidePadding: 32
+        }, menuProps)
       }));
     }
-    if (user.guest) {
-      return renderGuest(this.props);
-    }
-    const avatarWrapper = classNames(modules_47759f5e.avatarWrapper, {
-      [modules_47759f5e.hasUpdates]: hasUpdates
+  }]);
+}(PureComponent);
+_defineProperty(Profile, "propTypes", {
+  className: PropTypes.string,
+  activeClassName: PropTypes.string,
+  closeOnSelect: PropTypes.bool,
+  hasUpdates: PropTypes.bool,
+  loading: PropTypes.bool,
+  onLogin: PropTypes.func,
+  onLogout: PropTypes.func,
+  onSwitchUser: PropTypes.func,
+  profileUrl: PropTypes.string,
+  renderPopupItems: PropTypes.func,
+  LinkComponent: PropTypes.oneOfType([PropTypes.instanceOf(Component), PropTypes.func, PropTypes.string]),
+  translations: PropTypes.shape({
+    profile: PropTypes.string,
+    login: PropTypes.string,
+    logout: PropTypes.string,
+    applyChangedUser: PropTypes.string,
+    switchUser: PropTypes.string
+  }),
+  user: PropTypes.shape({
+    guest: PropTypes.bool,
+    profile: PropTypes.object,
+    name: PropTypes.string
+  }),
+  size: PropTypes.number,
+  round: PropTypes.bool,
+  showName: PropTypes.bool,
+  showLogIn: PropTypes.bool,
+  showLogOut: PropTypes.bool,
+  showSwitchUser: PropTypes.bool,
+  showApplyChangedUser: PropTypes.bool,
+  onRevertPostponement: PropTypes.func,
+  renderGuest: PropTypes.func,
+  menuProps: PropTypes.object,
+  onShow: PropTypes.func,
+  onHide: PropTypes.func
+});
+_defineProperty(Profile, "defaultProps", {
+  closeOnSelect: true,
+  renderPopupItems: function renderPopupItems(items) {
+    return items;
+  },
+  size: Size.Size32,
+  renderGuest: function renderGuest(_ref) {
+    var loading = _ref.loading,
+      onLogin = _ref.onLogin,
+      className = _ref.className,
+      translations = _ref.translations;
+    return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref2) {
+      var _translations$login2;
+      var translate = _ref2.translate;
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames(modules_47759f5e.profileEmpty, className)
+      }, /*#__PURE__*/React.createElement(Button, {
+        primary: true,
+        "data-test": "ring-header-login-button",
+        disabled: loading,
+        loader: loading,
+        onClick: onLogin
+      }, (_translations$login2 = translations === null || translations === void 0 ? void 0 : translations.login) !== null && _translations$login2 !== void 0 ? _translations$login2 : translate('login')));
     });
-    const anchor = /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: modules_47759f5e.anchorClassName
-    }, /*#__PURE__*/React.createElement("span", {
-      className: avatarWrapper
-    }, /*#__PURE__*/React.createElement(Avatar, {
-      url: user.profile && user.profile.avatar && user.profile.avatar.url,
-      size: size,
-      round: round
-    })), showName && /*#__PURE__*/React.createElement("span", null, user.name));
-    const items = [showApplyChangedUser && {
-      rgItemType,
-      label: (_translations$applyCh = translations?.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : translate('applyChangedUser'),
-      className: modules_47759f5e.profileMenuItem,
-      onClick: onRevertPostponement
-    }, showLogIn && {
-      rgItemType,
-      label: (_translations$login2 = translations?.login) !== null && _translations$login2 !== void 0 ? _translations$login2 : translate('login'),
-      className: modules_47759f5e.profileMenuItem,
-      onClick: onRevertPostponement
-    }, {
-      rgItemType: PopupMenu.ListProps.Type.LINK,
-      label: (_translations$profile = translations?.profile) !== null && _translations$profile !== void 0 ? _translations$profile : translate('profile'),
-      target: '_self',
-      // Full page reload in Angular
-      href: profileUrl,
-      LinkComponent
-    }, showSwitchUser && {
-      rgItemType,
-      label: (_translations$switchU = translations?.switchUser) !== null && _translations$switchU !== void 0 ? _translations$switchU : translate('switchUser'),
-      className: modules_47759f5e.profileMenuItem,
-      onClick: onSwitchUser
-    }, showLogOut && {
-      rgItemType,
-      label: (_translations$logout = translations?.logout) !== null && _translations$logout !== void 0 ? _translations$logout : translate('logout'),
-      onClick: onLogout
-    }].filter(isTruthy);
-    return /*#__PURE__*/React.createElement(DropdownMenu, _extends({}, props, {
-      onShow: onShow,
-      onHide: onHide,
-      title: user.name,
-      anchor: anchor,
-      data: renderPopupItems(items),
-      "data-test": "ring-profile",
-      className: classNames(modules_47759f5e.profile, className),
-      activeClassName: activeClassName,
-      menuProps: {
-        closeOnSelect,
-        left: -2,
-        top: -8,
-        sidePadding: 32,
-        ...menuProps
-      }
-    }));
   }
-}
+});
+_defineProperty(Profile, "contextType", I18nContext);
+_defineProperty(Profile, "Size", Size);
 
 export { Profile as default };

package/components/header/services-link.js

@@ -5,5 +5,9 @@ import '../link/link.js';
 export { S as default } from '../_helpers/services-link.js';
 import 'classnames';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.concat.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 '../link/clickableLink.js';
 import '../_helpers/link.js';

package/components/header/services.js

@@ -1,4 +1,9 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, k as _toConsumableArray, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.sort.js';
+import 'core-js/modules/es.object.to-string.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import servicesIcon from '@jetbrains/icons/services-20px';
@@ -9,6 +14,8 @@ import { T as Theme, m as modules_59717246 } from '../_helpers/theme.js';
 import TrayIcon from './tray-icon.js';
 import { S as ServicesLink, m as modules_74a7bf8b } from '../_helpers/services-link.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-10px';
@@ -16,17 +23,35 @@ 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';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
+import 'core-js/modules/es.object.assign.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.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.string.includes.js';
+import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -38,11 +63,10 @@ import '../_helpers/header.js';
 import '../link/link.js';
 import '../_helpers/link.js';
 
-const makeAnchor = loading => {
-  const Anchor = _ref => {
-    let {
-      active
-    } = _ref;
+var _excluded = ["clientId", "loading", "services", "initShown", "theme"];
+var makeAnchor = function makeAnchor(loading) {
+  var Anchor = function Anchor(_ref) {
+    var active = _ref.active;
     return /*#__PURE__*/React.createElement(TrayIcon, {
       loader: loading,
       active: active,
@@ -55,75 +79,94 @@ const makeAnchor = loading => {
   };
   return Anchor;
 };
-class Services extends PureComponent {
-  static sort = (a, b) => {
-    const aApplicationName = a.applicationName || '';
-    const bApplicationName = b.applicationName || '';
-    return aApplicationName.localeCompare(bApplicationName) || a.name.localeCompare(b.name);
-  };
-  static propTypes = {
-    className: PropTypes.string,
-    clientId: PropTypes.string,
-    initShown: PropTypes.bool,
-    loading: PropTypes.bool,
-    onClick: PropTypes.func,
-    services: PropTypes.arrayOf(ServicesLink.propTypes.service)
-  };
-  static defaultProps = {
-    theme: Theme.DARK
-  };
-  static Link = ServicesLink;
-  serviceIsActive = service => service.id === this.props.clientId;
-  render() {
-    const {
-      clientId,
-      loading,
-      services,
-      initShown,
-      theme,
-      ...props
-    } = this.props;
-    if (!services) {
-      return /*#__PURE__*/React.createElement(TrayIcon, _extends({}, props, {
-        loader: loading,
-        active: loading,
-        icon: servicesIcon,
-        "aria-label": "Services"
-      }));
+var Services = /*#__PURE__*/function (_PureComponent) {
+  function Services() {
+    var _this;
+    _classCallCheck(this, Services);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
-    const sortedServices = [...services].sort(Services.sort);
-    const servicesWithIcons = sortedServices.filter(service => service.iconUrl && service.homeUrl);
-    const servicesWithOutIcons = sortedServices.filter(service => !service.iconUrl && service.homeUrl);
-    const separatorIsRequired = servicesWithIcons.length !== 0 && servicesWithOutIcons.length !== 0;
-    return /*#__PURE__*/React.createElement(Dropdown, _extends({}, props, {
-      anchor: makeAnchor(loading),
-      initShown: initShown
-    }), /*#__PURE__*/React.createElement(Popup, {
-      className: classNames(modules_74a7bf8b.services, {
-        [modules_59717246.dark]: theme === Theme.DARK
-      }),
-      top: -3
-    }, servicesWithIcons.map(service => {
-      const isActive = this.serviceIsActive(service);
-      return /*#__PURE__*/React.createElement(Services.Link, {
-        active: isActive,
-        className: isActive ? modules_74a7bf8b.activeItem : modules_74a7bf8b.item,
-        key: service.id,
-        service: service
+    _this = _callSuper(this, Services, [].concat(args));
+    _defineProperty(_this, "serviceIsActive", function (service) {
+      return service.id === _this.props.clientId;
+    });
+    return _this;
+  }
+  _inherits(Services, _PureComponent);
+  return _createClass(Services, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props = this.props;
+        _this$props.clientId;
+        var loading = _this$props.loading,
+        services = _this$props.services,
+        initShown = _this$props.initShown,
+        theme = _this$props.theme,
+        props = _objectWithoutProperties(_this$props, _excluded);
+      if (!services) {
+        return /*#__PURE__*/React.createElement(TrayIcon, _extends({}, props, {
+          loader: loading,
+          active: loading,
+          icon: servicesIcon,
+          "aria-label": "Services"
+        }));
+      }
+      var sortedServices = _toConsumableArray(services).sort(Services.sort);
+      var servicesWithIcons = sortedServices.filter(function (service) {
+        return service.iconUrl && service.homeUrl;
       });
-    }), separatorIsRequired && /*#__PURE__*/React.createElement("div", {
-      className: modules_74a7bf8b.line,
-      key: "separator"
-    }), servicesWithOutIcons.map(service => {
-      const isActive = this.serviceIsActive(service);
-      return /*#__PURE__*/React.createElement(Services.Link, {
-        active: isActive,
-        className: isActive ? modules_74a7bf8b.activeItemStacked : modules_74a7bf8b.itemStacked,
-        key: service.id,
-        service: service
+      var servicesWithOutIcons = sortedServices.filter(function (service) {
+        return !service.iconUrl && service.homeUrl;
       });
-    })));
-  }
-}
+      var separatorIsRequired = servicesWithIcons.length !== 0 && servicesWithOutIcons.length !== 0;
+      return /*#__PURE__*/React.createElement(Dropdown, _extends({}, props, {
+        anchor: makeAnchor(loading),
+        initShown: initShown
+      }), /*#__PURE__*/React.createElement(Popup, {
+        className: classNames(modules_74a7bf8b.services, {
+          [modules_59717246.dark]: theme === Theme.DARK
+        }),
+        top: -3
+      }, servicesWithIcons.map(function (service) {
+        var isActive = _this2.serviceIsActive(service);
+        return /*#__PURE__*/React.createElement(Services.Link, {
+          active: isActive,
+          className: isActive ? modules_74a7bf8b.activeItem : modules_74a7bf8b.item,
+          key: service.id,
+          service: service
+        });
+      }), separatorIsRequired && /*#__PURE__*/React.createElement("div", {
+        className: modules_74a7bf8b.line,
+        key: "separator"
+      }), servicesWithOutIcons.map(function (service) {
+        var isActive = _this2.serviceIsActive(service);
+        return /*#__PURE__*/React.createElement(Services.Link, {
+          active: isActive,
+          className: isActive ? modules_74a7bf8b.activeItemStacked : modules_74a7bf8b.itemStacked,
+          key: service.id,
+          service: service
+        });
+      })));
+    }
+  }]);
+}(PureComponent);
+_defineProperty(Services, "sort", function (a, b) {
+  var aApplicationName = a.applicationName || '';
+  var bApplicationName = b.applicationName || '';
+  return aApplicationName.localeCompare(bApplicationName) || a.name.localeCompare(b.name);
+});
+_defineProperty(Services, "propTypes", {
+  className: PropTypes.string,
+  clientId: PropTypes.string,
+  initShown: PropTypes.bool,
+  loading: PropTypes.bool,
+  onClick: PropTypes.func,
+  services: PropTypes.arrayOf(ServicesLink.propTypes.service)
+});
+_defineProperty(Services, "defaultProps", {
+  theme: Theme.DARK
+});
+_defineProperty(Services, "Link", ServicesLink);
 
 export { Services as default };