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

package/dist/header/smart-profile.js

@@ -1,4 +1,5 @@
-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, h as _asyncToGenerator, d as _createClass, e as _objectWithoutProperties, f as _extends, i as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '../auth/auth.js';
@@ -6,11 +7,22 @@ import alertService from '../alert-service/alert-service.js';
 import Profile from './profile.js';
 import Auth, { USER_CHANGED_EVENT, LOGOUT_POSTPONED_EVENT, USER_CHANGE_POSTPONED_EVENT } from '../auth/auth__core.js';
 import '../auth/window-flow.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.promise.js';
 import '../auth/response-parser.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.regexp.to-string.js';
 import 'es6-error';
 import '../global/url.js';
+import 'core-js/modules/es.string.match.js';
 import '../auth/down-notification.js';
+import 'core-js/modules/es.array.filter.js';
 import '../alert/alert.js';
+import 'core-js/modules/es.object.values.js';
 import 'classnames';
 import '@jetbrains/icons/exception';
 import '@jetbrains/icons/checkmark';
@@ -21,13 +33,23 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.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.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.set.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
@@ -39,12 +61,19 @@ import '../popup/popup.js';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
+import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../link/link.js';
@@ -52,9 +81,15 @@ import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';
 import '../global/react-render-adapter.js';
+import 'core-js/modules/web.url.js';
+import 'core-js/modules/web.url-search-params.js';
+import 'core-js/modules/es.parse-int.js';
+import 'core-js/modules/es.string.search.js';
 import '../global/listeners.js';
 import '../http/http.js';
+import 'core-js/modules/es.reflect.delete-property.js';
 import '../global/promise-with-timeout.js';
+import '../i18n/i18n.js';
 import '../auth/storage.js';
 import '../storage/storage.js';
 import '../storage/storage__local.js';
@@ -66,8 +101,13 @@ import '../auth/background-flow.js';
 import '../auth/token-validator.js';
 import '../avatar/avatar.js';
 import '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.number.constructor.js';
+import 'core-js/modules/es.array.from.js';
 import '../dropdown-menu/dropdown-menu.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 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -93,116 +133,172 @@ import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../popup-menu/popup-menu.js';
+import 'core-js/modules/es.parse-float.js';
+import '../i18n/i18n-context.js';
 import '../_helpers/header.js';
 
-const CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';
-class SmartProfile extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
+var _excluded = ["auth", "profileUrl"];
+var CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';
+var SmartProfile = /*#__PURE__*/function (_PureComponent) {
+  _inherits(SmartProfile, _PureComponent);
+  var _super = _createSuper(SmartProfile);
+  function SmartProfile() {
+    var _this;
+    _classCallCheck(this, SmartProfile);
+    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), "state", {
       user: null,
       size: Profile.defaultProps.size,
       isLogoutPostponed: false,
       isUserChangePostponed: false
     });
-    _defineProperty(this, "login", async () => {
-      this.setState({
-        loading: true
-      });
-      try {
-        await this.props.auth.login();
-      } catch (err) {
-        // do nothing
-      } finally {
-        this.setState({
-          loading: false
-        });
-      }
+    _defineProperty(_assertThisInitialized(_this), "login", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _this.setState({
+              loading: true
+            });
+            _context.prev = 1;
+            _context.next = 4;
+            return _this.props.auth.login();
+          case 4:
+            _context.next = 8;
+            break;
+          case 6:
+            _context.prev = 6;
+            _context.t0 = _context["catch"](1);
+          case 8:
+            _context.prev = 8;
+            _this.setState({
+              loading: false
+            });
+            return _context.finish(8);
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 6, 8, 11]]);
+    })));
+    _defineProperty(_assertThisInitialized(_this), "logout", function () {
+      return _this.props.auth.logout();
+    });
+    _defineProperty(_assertThisInitialized(_this), "switchUser", function () {
+      return _this.props.auth.switchUser();
     });
-    _defineProperty(this, "logout", () => this.props.auth.logout());
-    _defineProperty(this, "switchUser", () => this.props.auth.switchUser());
-    _defineProperty(this, "onRevertPostponement", () => {
-      if (this.state.isLogoutPostponed) {
-        this.props.auth.login();
+    _defineProperty(_assertThisInitialized(_this), "onRevertPostponement", function () {
+      if (_this.state.isLogoutPostponed) {
+        _this.props.auth.login();
       }
-      if (this.state.isUserChangePostponed) {
-        this.props.auth.updateUser();
+      if (_this.state.isUserChangePostponed) {
+        _this.props.auth.updateUser();
       }
     });
+    return _this;
   }
-  componentDidMount() {
-    this.requestUser();
-  }
-  async requestUser() {
-    try {
-      const {
-        auth
-      } = this.props;
-      const user = await auth.requestUser();
-      this.checkUserCertificateMismatch(user);
-      this.setState({
-        user
-      });
-      auth.addListener(USER_CHANGED_EVENT, newUser => {
-        this.setState({
-          user: newUser,
-          isLogoutPostponed: false,
-          isUserChangePostponed: false
-        });
-      });
-      auth.addListener(LOGOUT_POSTPONED_EVENT, () => {
-        this.setState({
-          isLogoutPostponed: true
-        });
-      });
-      auth.addListener(USER_CHANGE_POSTPONED_EVENT, () => {
-        this.setState({
-          isUserChangePostponed: true
-        });
-      });
-    } catch (e) {
-      // noop
+  _createClass(SmartProfile, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.requestUser();
     }
-  }
-  checkUserCertificateMismatch(user) {
-    const {
-      auth,
-      translations
-    } = this.props;
-    const userMeta = auth.http.getMetaForResponse(user);
-    if (userMeta?.headers?.has(CERTIFICATE_MISMATCH_HEADER)) {
-      const message = translations?.certificateMismatch || `You are authenticated as ${user.login || user.name}. To authenticate with the client certificate for your account, log out, then click the "Log in with certificate" option on the login page.`;
-      alertService.warning(message, 0);
+  }, {
+    key: "requestUser",
+    value: function () {
+      var _requestUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var _this2 = this;
+        var auth, user;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              auth = this.props.auth;
+              _context2.next = 4;
+              return auth.requestUser();
+            case 4:
+              user = _context2.sent;
+              this.checkUserCertificateMismatch(user);
+              this.setState({
+                user: user
+              });
+              auth.addListener(USER_CHANGED_EVENT, function (newUser) {
+                _this2.setState({
+                  user: newUser,
+                  isLogoutPostponed: false,
+                  isUserChangePostponed: false
+                });
+              });
+              auth.addListener(LOGOUT_POSTPONED_EVENT, function () {
+                _this2.setState({
+                  isLogoutPostponed: true
+                });
+              });
+              auth.addListener(USER_CHANGE_POSTPONED_EVENT, function () {
+                _this2.setState({
+                  isUserChangePostponed: true
+                });
+              });
+              _context2.next = 14;
+              break;
+            case 12:
+              _context2.prev = 12;
+              _context2.t0 = _context2["catch"](0);
+            case 14:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this, [[0, 12]]);
+      }));
+      function requestUser() {
+        return _requestUser.apply(this, arguments);
+      }
+      return requestUser;
+    }()
+  }, {
+    key: "checkUserCertificateMismatch",
+    value: function checkUserCertificateMismatch(user) {
+      var _userMeta$headers;
+      var _this$props = this.props,
+        auth = _this$props.auth,
+        translations = _this$props.translations;
+      var userMeta = auth.http.getMetaForResponse(user);
+      if (userMeta !== null && userMeta !== void 0 && (_userMeta$headers = userMeta.headers) !== null && _userMeta$headers !== void 0 && _userMeta$headers.has(CERTIFICATE_MISMATCH_HEADER)) {
+        var message = (translations === null || translations === void 0 ? void 0 : translations.certificateMismatch) || "You are authenticated as ".concat(user.login || user.name, ". To authenticate with the client certificate for your account, log out, then click the \"Log in with certificate\" option on the login page.");
+        alertService.warning(message, 0);
+      }
     }
-  }
-  render() {
-    const {
-      user,
-      loading,
-      isLogoutPostponed,
-      isUserChangePostponed
-    } = this.state;
-    const {
-      auth,
-      profileUrl,
-      ...props
-    } = this.props;
-    const url = profileUrl || (user ? `${auth.config.serverUri}users/${user.id}` : '');
-    return /*#__PURE__*/React.createElement(Profile, _extends({
-      onLogin: this.login,
-      onLogout: this.logout,
-      onSwitchUser: this.switchUser,
-      loading: loading,
-      user: user,
-      profileUrl: url,
-      showApplyChangedUser: isUserChangePostponed,
-      showLogIn: isLogoutPostponed,
-      showLogOut: !isLogoutPostponed,
-      showSwitchUser: auth._canShowDialogs() && !isLogoutPostponed && !isUserChangePostponed,
-      onRevertPostponement: this.onRevertPostponement
-    }, props));
-  }
-}
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state = this.state,
+        user = _this$state.user,
+        loading = _this$state.loading,
+        isLogoutPostponed = _this$state.isLogoutPostponed,
+        isUserChangePostponed = _this$state.isUserChangePostponed;
+      var _this$props2 = this.props,
+        auth = _this$props2.auth,
+        profileUrl = _this$props2.profileUrl,
+        props = _objectWithoutProperties(_this$props2, _excluded);
+      var url = profileUrl || (user ? "".concat(auth.config.serverUri, "users/").concat(user.id) : '');
+      return /*#__PURE__*/React.createElement(Profile, _extends({
+        onLogin: this.login,
+        onLogout: this.logout,
+        onSwitchUser: this.switchUser,
+        loading: loading,
+        user: user,
+        profileUrl: url,
+        showApplyChangedUser: isUserChangePostponed,
+        showLogIn: isLogoutPostponed,
+        showLogOut: !isLogoutPostponed,
+        showSwitchUser: auth._canShowDialogs() && !isLogoutPostponed && !isUserChangePostponed,
+        onRevertPostponement: this.onRevertPostponement
+      }, props));
+    }
+  }]);
+  return SmartProfile;
+}(PureComponent);
 _defineProperty(SmartProfile, "propTypes", {
   auth: PropTypes.instanceOf(Auth).isRequired,
   className: PropTypes.string,

package/dist/header/smart-services.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import Auth from '../auth/auth';
 import HTTP from '../http/http';
@@ -21,5 +21,5 @@ export default class SmartServices extends Component<SmartServicesProps> {
     stopLoading: () => void;
     getServicesContent: () => void;
     getServices(fields: string): Promise<any> | undefined;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/dist/header/smart-services.js

@@ -1,4 +1,5 @@
-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, { Component } from 'react';
 import PropTypes from 'prop-types';
 import '../auth/auth.js';
@@ -6,15 +7,31 @@ import HTTP from '../http/http.js';
 import Services from './services.js';
 import Auth from '../auth/auth__core.js';
 import '../auth/window-flow.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.promise.js';
 import '../auth/response-parser.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.regexp.to-string.js';
 import 'es6-error';
 import '../global/url.js';
+import 'core-js/modules/es.string.match.js';
 import '../auth/down-notification.js';
+import 'core-js/modules/es.array.filter.js';
 import '../alert-service/alert-service.js';
+import 'core-js/modules/es.array.map.js';
 import '../global/react-render-adapter.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';
+import 'core-js/modules/es.object.values.js';
 import 'classnames';
 import '@jetbrains/icons/exception';
 import '@jetbrains/icons/checkmark';
@@ -25,13 +42,19 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
+import 'core-js/modules/es.map.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.set.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
@@ -42,19 +65,31 @@ import '../popup/popup.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../link/link.js';
 import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';
+import 'core-js/modules/web.url.js';
+import 'core-js/modules/web.url-search-params.js';
+import 'core-js/modules/es.parse-int.js';
+import 'core-js/modules/es.string.search.js';
 import '../global/listeners.js';
+import 'core-js/modules/es.reflect.delete-property.js';
 import '../global/promise-with-timeout.js';
+import '../i18n/i18n.js';
 import '../auth/storage.js';
 import '../storage/storage.js';
 import '../storage/storage__local.js';
@@ -72,71 +107,88 @@ import './tray-icon.js';
 import '../_helpers/header.js';
 import '../_helpers/services-link.js';
 
+var _excluded = ["auth"];
 function noop() {}
-class SmartServices extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
+var SmartServices = /*#__PURE__*/function (_Component) {
+  _inherits(SmartServices, _Component);
+  var _super = _createSuper(SmartServices);
+  function SmartServices() {
+    var _this;
+    _classCallCheck(this, SmartServices);
+    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), "state", {
       visible: true,
       loading: false,
       services: null
     });
-    _defineProperty(this, "http", void 0);
-    _defineProperty(this, "stopLoading", () => {
-      this.setState({
+    _defineProperty(_assertThisInitialized(_this), "http", void 0);
+    _defineProperty(_assertThisInitialized(_this), "stopLoading", function () {
+      _this.setState({
         loading: false
       });
     });
-    _defineProperty(this, "getServicesContent", () => {
-      this.setState({
+    _defineProperty(_assertThisInitialized(_this), "getServicesContent", function () {
+      var _this$getServices;
+      _this.setState({
         loading: true
       });
-      this.getServices(SmartServices.allFields)?.then(services => {
-        this.setState({
-          services
+      (_this$getServices = _this.getServices(SmartServices.allFields)) === null || _this$getServices === void 0 ? void 0 : _this$getServices.then(function (services) {
+        _this.setState({
+          services: services
         });
-        this.stopLoading();
-      }).catch(this.stopLoading);
+        _this.stopLoading();
+      }).catch(_this.stopLoading);
     });
+    return _this;
   }
-  componentDidMount() {
-    const {
-      auth
-    } = this.props;
-    this.http = new HTTP(auth, auth.getAPIPath());
-    this.getServices(SmartServices.countFields)?.then(services => {
-      if (!services.length) {
-        this.setState({
-          visible: false
-        });
+  _createClass(SmartServices, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$getServices2,
+        _this2 = this;
+      var auth = this.props.auth;
+      this.http = new HTTP(auth, auth.getAPIPath());
+      (_this$getServices2 = this.getServices(SmartServices.countFields)) === null || _this$getServices2 === void 0 ? void 0 : _this$getServices2.then(function (services) {
+        if (!services.length) {
+          _this2.setState({
+            visible: false
+          });
+        }
+      }).catch(noop);
+    }
+  }, {
+    key: "getServices",
+    value: function getServices(fields) {
+      var _this$http;
+      return (_this$http = this.http) === null || _this$http === void 0 ? void 0 : _this$http.get("services/header?fields=".concat(fields));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state = this.state,
+        services = _this$state.services,
+        visible = _this$state.visible,
+        loading = _this$state.loading;
+      var _this$props = this.props,
+        auth = _this$props.auth,
+        props = _objectWithoutProperties(_this$props, _excluded);
+      if (!visible) {
+        return null;
       }
-    }).catch(noop);
-  }
-  getServices(fields) {
-    return this.http?.get(`services/header?fields=${fields}`);
-  }
-  render() {
-    const {
-      services,
-      visible,
-      loading
-    } = this.state;
-    const {
-      auth,
-      ...props
-    } = this.props;
-    if (!visible) {
-      return null;
+      return /*#__PURE__*/React.createElement(Services, _extends({}, props, {
+        clientId: auth.config.clientId,
+        initShown: true,
+        loading: loading,
+        onClick: this.getServicesContent,
+        services: services
+      }));
     }
-    return /*#__PURE__*/React.createElement(Services, _extends({}, props, {
-      clientId: auth.config.clientId,
-      initShown: true,
-      loading: loading,
-      onClick: this.getServicesContent,
-      services: services
-    }));
-  }
-}
+  }]);
+  return SmartServices;
+}(Component);
 _defineProperty(SmartServices, "propTypes", {
   auth: PropTypes.instanceOf(Auth).isRequired
 });

package/dist/header/tray-icon.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { ButtonAttrs } from '../button/button';
 import { IconType } from '../icon/icon';
@@ -28,5 +28,5 @@ export default class TrayIcon extends Component<ButtonAttrs & TrayIconSpecificPr
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }