@jetbrains/ring-ui-built 6.0.1

package/components/header/services.d.ts

@@ -0,0 +1,33 @@
+import React, { HTMLAttributes, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import Theme from '../global/theme';
+import ServicesLink, { Service } from './services-link';
+export interface ServicesProps extends HTMLAttributes<HTMLElement> {
+    theme: Theme;
+    clientId?: string | null | undefined;
+    initShown?: boolean | undefined;
+    loading?: boolean | null | undefined;
+    services?: Service[] | null | undefined;
+}
+export default class Services extends PureComponent<ServicesProps> {
+    static sort: (a: Service, b: Service) => number;
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        clientId: PropTypes.Requireable<string>;
+        initShown: PropTypes.Requireable<boolean>;
+        loading: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        services: PropTypes.Requireable<(PropTypes.InferProps<{
+            applicationName: PropTypes.Requireable<string>;
+            iconUrl: PropTypes.Requireable<string>;
+            homeUrl: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+    };
+    static defaultProps: {
+        theme: Theme;
+    };
+    static Link: typeof ServicesLink;
+    serviceIsActive: (service: Service) => boolean;
+    render(): React.JSX.Element;
+}

package/components/header/services.js

@@ -0,0 +1,174 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, f as _extends, l as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.sort.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.array.map.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import servicesIcon from '@jetbrains/icons/services-20px';
+import classNames from 'classnames';
+import Dropdown from '../dropdown/dropdown.js';
+import Popup from '../popup/popup.js';
+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';
+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/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import '../button/button.js';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.regexp.to-string.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.string.split.js';
+import 'core-js/modules/es.set.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.string.match.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 '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+import '../_helpers/header.js';
+import '../link/link.js';
+import '../_helpers/link.js';
+
+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,
+      icon: servicesIcon,
+      "aria-label": "Services"
+    });
+  };
+  Anchor.propTypes = {
+    active: PropTypes.bool
+  };
+  return Anchor;
+};
+var Services = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Services, _PureComponent);
+  var _super = _createSuper(Services);
+  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];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "serviceIsActive", function (service) {
+      return service.id === _this.props.clientId;
+    });
+    return _this;
+  }
+  _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;
+      });
+      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
+        });
+      })));
+    }
+  }]);
+  return Services;
+}(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 };

package/components/header/smart-profile.d.ts

@@ -0,0 +1,36 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import Auth, { AuthUser } from '../auth/auth';
+import { Size } from '../avatar/avatar';
+import { ProfileAttrs } from './profile';
+export interface SmartProfileProps extends ProfileAttrs {
+    auth: Auth;
+}
+interface SmartProfileState {
+    user: AuthUser | null | undefined | void;
+    size: Size;
+    isLogoutPostponed: boolean;
+    isUserChangePostponed: boolean;
+    loading?: boolean;
+}
+export default class SmartProfile extends PureComponent<SmartProfileProps, SmartProfileState> {
+    static propTypes: {
+        auth: PropTypes.Validator<Auth>;
+        className: PropTypes.Requireable<string>;
+        translations: PropTypes.Requireable<object>;
+        profileUrl: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<number>;
+        round: PropTypes.Requireable<boolean>;
+    };
+    state: SmartProfileState;
+    componentDidMount(): void;
+    static Size: typeof Size;
+    login: () => Promise<void>;
+    logout: () => Promise<void>;
+    switchUser: () => Promise<void>;
+    onRevertPostponement: () => void;
+    requestUser(): Promise<void>;
+    checkUserCertificateMismatch(user: AuthUser): void;
+    render(): React.JSX.Element;
+}
+export {};

package/components/header/smart-profile.js

@@ -0,0 +1,303 @@
+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';
+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.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';
+import '@jetbrains/icons/warning';
+import '@jetbrains/icons/close';
+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.array.iterator.js';
+import 'core-js/modules/es.map.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 '../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 '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import 'react-dom';
+import '../popup/popup.target.js';
+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';
+import '../_helpers/link.js';
+import '../group/group.js';
+import 'react-dom/client';
+import 'core-js/modules/web.url.js';
+import 'core-js/modules/web.url-search-params.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';
+import '../storage/storage__fallback.js';
+import 'deep-equal';
+import '../auth/request-builder.js';
+import 'simply-uuid';
+import '../auth/background-flow.js';
+import '../auth/token-validator.js';
+import '../avatar/avatar.js';
+import '../avatar/fallback-avatar.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';
+import 'react-virtualized/dist/es/CellMeasurer';
+import 'memoize-one';
+import '../global/create-stateful-context.js';
+import '../list/list__link.js';
+import '../_helpers/list.js';
+import '../list/list__item.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark-14px';
+import '@jetbrains/icons/remove-14px';
+import '../global/prop-types.js';
+import '../global/composeRefs.js';
+import '../list/list__custom.js';
+import '../global/get-event-key.js';
+import '../list/list__title.js';
+import '../list/list__separator.js';
+import '../list/list__hint.js';
+import '../list/consts.js';
+import '../dropdown/dropdown.js';
+import '../global/typescript-utils.js';
+import '../_helpers/anchor.js';
+import '../popup-menu/popup-menu.js';
+import '../i18n/i18n-context.js';
+import '../_helpers/header.js';
+
+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(_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(_assertThisInitialized(_this), "onRevertPostponement", function () {
+      if (_this.state.isLogoutPostponed) {
+        _this.props.auth.login();
+      }
+      if (_this.state.isUserChangePostponed) {
+        _this.props.auth.updateUser();
+      }
+    });
+    return _this;
+  }
+  _createClass(SmartProfile, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.requestUser();
+    }
+  }, {
+    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
+              });
+              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);
+      }
+    }
+  }, {
+    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,
+  translations: PropTypes.object,
+  profileUrl: PropTypes.string,
+  size: Profile.propTypes.size,
+  round: Profile.propTypes.round
+});
+_defineProperty(SmartProfile, "Size", Profile.Size);
+
+export { SmartProfile as default };

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

@@ -0,0 +1,26 @@
+import React, { Component, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import Auth from '../auth/auth';
+import HTTP from '../http/http';
+import { Service } from './services-link';
+export interface SmartServicesProps extends HTMLAttributes<HTMLElement> {
+    auth: Auth;
+}
+export default class SmartServices extends Component<SmartServicesProps> {
+    static propTypes: {
+        auth: PropTypes.Validator<Auth>;
+    };
+    state: {
+        visible: boolean;
+        loading: boolean;
+        services: null;
+    };
+    componentDidMount(): void;
+    static allFields: string;
+    static countFields: string;
+    http?: HTTP;
+    stopLoading: () => void;
+    getServicesContent: () => void;
+    getServices(fields: string): Promise<Service[]> | undefined;
+    render(): React.JSX.Element | null;
+}