@jetbrains/ring-ui 4.1.1 → 4.1.2

package/dist/header/logo.js

@@ -0,0 +1,38 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Icon from '../icon/icon.js';
+import { m as modules_47759f5e } from '../_helpers/header.js';
+import { Size } from '../icon/icon__constants.js';
+import 'util-deprecate';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../global/memoize.js';
+
+class Logo extends PureComponent {
+  render() {
+    const {
+      className,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_47759f5e.logo, className);
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes
+    }, /*#__PURE__*/React.createElement(Icon, restProps));
+  }
+
+}
+
+_defineProperty(Logo, "propTypes", {
+  className: PropTypes.string
+});
+
+_defineProperty(Logo, "defaultProps", {
+  size: Size.Size48,
+  suppressSizeWarning: true
+});
+
+_defineProperty(Logo, "Size", Size);
+
+export { Logo as default };

package/dist/header/profile.js

@@ -0,0 +1,217 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Avatar, { Size } from '../avatar/avatar.js';
+import Button from '../button/button.js';
+import DropdownMenu from '../dropdown-menu/dropdown-menu.js';
+import PopupMenu from '../popup-menu/popup-menu.js';
+import { m as modules_47759f5e } from '../_helpers/header.js';
+import '../global/url.js';
+import '../global/dom.js';
+import '../avatar/fallback-avatar.js';
+import '../global/get-uid.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../global/memoize.js';
+import '../global/theme.js';
+import '../link/clickableLink.js';
+import '../_helpers/button__classes.js';
+import '../list/list.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 '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../global/create-stateful-context.js';
+import '../list/list__link.js';
+import '../link/link.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/list__item.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.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 '../_helpers/anchor.js';
+import '../popup/popup.js';
+import 'react-dom';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+
+const rgItemType = PopupMenu.ListProps.Type.LINK;
+class Profile extends PureComponent {
+  render() {
+    const {
+      className,
+      closeOnSelect,
+      hasUpdates,
+      onLogout,
+      user,
+      profileUrl,
+      LinkComponent,
+      onSwitchUser,
+      renderPopupItems,
+      onRevertPostponement,
+      showApplyChangedUser,
+      showLogIn,
+      showLogOut,
+      showSwitchUser,
+      renderGuest,
+      translations,
+      size,
+      round,
+      loading,
+      onLogin,
+      ...props
+    } = this.props;
+
+    if (!user) {
+      return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+        className: classNames(modules_47759f5e.profileEmpty, className)
+      }), /*#__PURE__*/React.createElement(Avatar, {
+        size: size,
+        round: round
+      }));
+    }
+
+    if (user.guest) {
+      return renderGuest(this.props);
+    }
+
+    const anchorClassName = classNames(modules_47759f5e.avatarWrapper, {
+      [modules_47759f5e.hasUpdates]: hasUpdates
+    });
+    const anchor = /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: anchorClassName
+    }, /*#__PURE__*/React.createElement(Avatar, {
+      url: user.profile && user.profile.avatar && user.profile.avatar.url,
+      size: size,
+      round: round
+    }));
+    const items = [showApplyChangedUser && {
+      rgItemType,
+      label: translations.applyChangedUser || 'Apply changed user',
+      className: modules_47759f5e.profileMenuItem,
+      onClick: onRevertPostponement
+    }, showLogIn && {
+      rgItemType,
+      label: translations.login || 'Log in',
+      className: modules_47759f5e.profileMenuItem,
+      onClick: onRevertPostponement
+    }, {
+      rgItemType: PopupMenu.ListProps.Type.LINK,
+      label: translations.profile || 'Profile',
+      target: '_self',
+      // Full page reload in Angular
+      href: profileUrl,
+      LinkComponent
+    }, showSwitchUser && {
+      rgItemType,
+      label: translations.switchUser || 'Switch user',
+      className: modules_47759f5e.profileMenuItem,
+      onClick: onSwitchUser
+    }, showLogOut && {
+      rgItemType,
+      label: translations.logout || 'Log out',
+      onClick: onLogout
+    }].filter(it => !!it);
+    return /*#__PURE__*/React.createElement(DropdownMenu, _extends({}, props, {
+      title: user.name,
+      anchor: anchor,
+      data: renderPopupItems(items),
+      "data-test": "ring-profile",
+      className: classNames(modules_47759f5e.profile, className),
+      menuProps: {
+        closeOnSelect,
+        left: -2,
+        top: -8,
+        sidePadding: 32
+      }
+    }));
+  }
+
+}
+
+_defineProperty(Profile, "propTypes", {
+  className: 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,
+  showLogIn: PropTypes.bool,
+  showLogOut: PropTypes.bool,
+  showSwitchUser: PropTypes.bool,
+  showApplyChangedUser: PropTypes.bool,
+  onRevertPostponement: PropTypes.func,
+  renderGuest: PropTypes.func
+});
+
+_defineProperty(Profile, "defaultProps", {
+  closeOnSelect: true,
+  renderPopupItems: items => items,
+  translations: {},
+  size: Size.Size32,
+  renderGuest: _ref => {
+    let {
+      loading,
+      onLogin,
+      className,
+      translations
+    } = _ref;
+    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.login || 'Log in...'));
+  }
+});
+
+_defineProperty(Profile, "Size", Size);
+
+export { Profile as default };

package/dist/header/services-link.js

@@ -0,0 +1,11 @@
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react';
+import 'prop-types';
+import '../link/link.js';
+export { S as default } from '../_helpers/services-link.js';
+import 'focus-visible';
+import 'classnames';
+import '../global/memoize.js';
+import '../global/data-tests.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';

package/dist/header/services.js

@@ -0,0 +1,136 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import servicesIcon from '@jetbrains/icons/services-20px';
+import Dropdown from '../dropdown/dropdown.js';
+import Popup from '../popup/popup.js';
+import TrayIcon from './tray-icon.js';
+import { S as ServicesLink, m as modules_74a7bf8b } from '../_helpers/services-link.js';
+import 'classnames';
+import '../global/data-tests.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.js';
+import '../icon/icon__svg.js';
+import '../global/memoize.js';
+import '../button/button.js';
+import 'focus-visible';
+import '../global/theme.js';
+import '../link/clickableLink.js';
+import '../_helpers/button__classes.js';
+import 'react-dom';
+import '../global/get-uid.js';
+import '../global/schedule-raf.js';
+import '../global/dom.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.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';
+
+const makeAnchor = loading => {
+  const Anchor = _ref => {
+    let {
+      active
+    } = _ref;
+    return /*#__PURE__*/React.createElement(TrayIcon, {
+      loader: loading,
+      active: active,
+      icon: servicesIcon,
+      "aria-label": "Services"
+    });
+  };
+
+  Anchor.propTypes = {
+    active: PropTypes.bool
+  };
+  return Anchor;
+};
+
+class Services extends PureComponent {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "serviceIsActive", service => service.id === this.props.clientId);
+  }
+
+  render() {
+    const {
+      clientId,
+      loading,
+      services,
+      initShown,
+      ...props
+    } = this.props;
+
+    if (!services) {
+      return /*#__PURE__*/React.createElement(TrayIcon, _extends({}, props, {
+        loader: loading,
+        active: loading,
+        icon: servicesIcon,
+        "aria-label": "Services"
+      }));
+    }
+
+    const sortedServices = [...services].sort(Services.sort);
+    const servicesWithIcons = sortedServices.filter(service => service.iconUrl);
+    const servicesWithOutIcons = sortedServices.filter(service => !service.iconUrl);
+    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: modules_74a7bf8b.services,
+      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
+      });
+    }), 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
+      });
+    })));
+  }
+
+}
+
+_defineProperty(Services, "sort", (a, b) => {
+  const aApplicationName = a.applicationName || '';
+  const 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, "Link", ServicesLink);
+
+export { Services as default };

package/dist/header/smart-profile.js

@@ -0,0 +1,230 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.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 '../auth/response-parser.js';
+import 'es6-error';
+import '../global/url.js';
+import '../auth/down-notification.js';
+import '../alert/alert.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.js';
+import '../icon/icon__svg.js';
+import '../global/memoize.js';
+import '../loader-inline/loader-inline.js';
+import '../global/theme.js';
+import '../global/data-tests.js';
+import '../_helpers/inject-styles.js';
+import '../global/conic-gradient.js';
+import 'conic-gradient';
+import '../global/supports-css.js';
+import '../global/inject-styles.js';
+import '../global/radial-gradient-mask.js';
+import '../global/get-uid.js';
+import '../global/dom.js';
+import '../alert/container.js';
+import 'react-dom';
+import '../link/link.js';
+import 'focus-visible';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../group/group.js';
+import '../_helpers/group.js';
+import '../global/listeners.js';
+import '../http/http.js';
+import '../global/promise-with-timeout.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 '../button/button.js';
+import '@jetbrains/icons/chevron-10px';
+import '../_helpers/button__classes.js';
+import '../dropdown-menu/dropdown-menu.js';
+import '../list/list.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/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+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/remove-10px';
+import '../_helpers/checkbox.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 '../_helpers/anchor.js';
+import '../popup-menu/popup-menu.js';
+import '../popup/popup.js';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+import '../_helpers/header.js';
+
+const CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';
+class SmartProfile extends PureComponent {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(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(this, "logout", () => this.props.auth.logout());
+
+    _defineProperty(this, "switchUser", () => this.props.auth.switchUser());
+
+    _defineProperty(this, "onRevertPostponement", () => {
+      if (this.state.isLogoutPostponed) {
+        this.props.auth.login();
+      }
+
+      if (this.state.isUserChangePostponed) {
+        this.props.auth.updateUser();
+      }
+    });
+  }
+
+  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
+    }
+  }
+
+  checkUserCertificateMismatch(user) {
+    var _userMeta$headers;
+
+    const {
+      auth,
+      translations
+    } = this.props;
+    const 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)) {
+      const message = (translations === null || translations === void 0 ? void 0 : 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);
+    }
+  }
+
+  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));
+  }
+
+}
+
+_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 };