@jetbrains/ring-ui 4.1.0-beta.3 → 4.1.1

package/dist/header.js

@@ -1,658 +0,0 @@
-import { _ as _objectWithoutProperties, a as _extends, b as _defineProperty, c as _objectSpread2 } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component, Children, PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { w as withTheme, T as Theme } from './_helpers/theme.js';
-import { m as modules_47759f5e } from './_helpers/logo.js';
-export { L as Logo } from './_helpers/logo.js';
-import { B as Button } from './_helpers/button.js';
-import Avatar, { Size } from './avatar.js';
-import Dropdown from './dropdown.js';
-import PopupMenu from './popup-menu.js';
-import Auth, { USER_CHANGED_EVENT, LOGOUT_POSTPONED_EVENT, USER_CHANGE_POSTPONED_EVENT } from './auth.js';
-import alertService from './alert-service.js';
-import servicesIcon from '@jetbrains/icons/services-20px';
-import { P as Popup } from './_helpers/popup.js';
-import Link from './link.js';
-import HTTP from './http.js';
-import './icon.js';
-import 'util-deprecate';
-import './_helpers/memoize.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import './_helpers/clickableLink.js';
-import './_helpers/url.js';
-import './_helpers/dom.js';
-import './_helpers/data-tests.js';
-import './_helpers/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 './_helpers/get-uid.js';
-import './_helpers/schedule-raf.js';
-import './shortcuts.js';
-import 'combokeys';
-import './_helpers/sniffer.js';
-import 'sniffr';
-import './checkbox.js';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-import './_helpers/background-flow.js';
-import 'es6-error';
-import './alert.js';
-import '@jetbrains/icons/exception';
-import '@jetbrains/icons/warning';
-import '@jetbrains/icons/close';
-import './loader-inline.js';
-import 'conic-gradient';
-import 'react-dom';
-import './group.js';
-import './storage.js';
-import 'deep-equal';
-import 'simply-uuid';
-import './tab-trap.js';
-import './_helpers/popup.target.js';
-
-const compose = (...funcs) => funcs.reduce((acc, func) => arg => acc(func(arg)), arg => arg);
-
-const wrapChild = child => child && /*#__PURE__*/React.createElement("div", {
-  className: modules_47759f5e.trayItem
-}, child);
-
-class Tray extends Component {
-  render() {
-    const _this$props = this.props,
-          {
-      children,
-      className
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className"]);
-
-    const classes = classNames(modules_47759f5e.tray, className);
-    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-      className: classes
-    }), Children.map(children, wrapChild));
-  }
-
-}
-
-_defineProperty(Tray, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node
-});
-
-class TrayIcon extends Component {
-  render() {
-    const _this$props = this.props,
-          {
-      className,
-      rotatable: rotatable
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["className", "rotatable"]);
-
-    const classes = classNames(modules_47759f5e.icon, className, {
-      [modules_47759f5e.rotatable]: rotatable,
-      [modules_47759f5e.rotated]: rotatable && restProps.active
-    });
-    return /*#__PURE__*/React.createElement(Button, _extends({}, restProps, {
-      className: classes
-    }));
-  }
-
-}
-
-_defineProperty(TrayIcon, "propTypes", _objectSpread2(_objectSpread2({}, Button.propTypes), {}, {
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]).isRequired,
-  rotatable: PropTypes.bool
-}));
-
-_defineProperty(TrayIcon, "defaultProps", _objectSpread2({}, Button.defaultProps));
-
-const rgItemType = PopupMenu.ListProps.Type.LINK;
-class Profile extends PureComponent {
-  render() {
-    const _this$props = this.props,
-          {
-      className,
-      closeOnSelect,
-      hasUpdates,
-      onLogout,
-      user,
-      profileUrl,
-      LinkComponent,
-      onSwitchUser,
-      renderPopupItems,
-      onRevertPostponement,
-      showApplyChangedUser,
-      showLogIn,
-      showLogOut,
-      showSwitchUser,
-      renderGuest,
-      translations,
-      size,
-      round,
-      loading,
-      onLogin
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["className", "closeOnSelect", "hasUpdates", "onLogout", "user", "profileUrl", "LinkComponent", "onSwitchUser", "renderPopupItems", "onRevertPostponement", "showApplyChangedUser", "showLogIn", "showLogOut", "showSwitchUser", "renderGuest", "translations", "size", "round", "loading", "onLogin"]);
-
-    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(Dropdown, _extends({}, props, {
-      title: user.name,
-      anchor: anchor,
-      "data-test": "ring-profile",
-      className: classNames(modules_47759f5e.profile, className)
-    }), /*#__PURE__*/React.createElement(PopupMenu, {
-      closeOnSelect: closeOnSelect,
-      data: renderPopupItems(items),
-      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: ({
-    loading,
-    onLogin,
-    className,
-    translations
-  }) => /*#__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);
-
-const CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';
-class SmartProfile extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _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 _this$props = this.props,
-          {
-      auth,
-      profileUrl
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["auth", "profileUrl"]);
-
-    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);
-
-var modules_74a7bf8b = {"unit":"8px","services":"services_services__58797e59","active":"services_active__58797e59","item":"services_item__58797e59","itemLogo":"services_itemLogo__58797e59","activeItem":"services_activeItem__58797e59 services_item__58797e59 services_active__58797e59","line":"services_line__58797e59","itemStacked":"services_itemStacked__58797e59","activeItemStacked":"services_activeItemStacked__58797e59 services_itemStacked__58797e59 services_active__58797e59"};
-
-class ServicesLink extends PureComponent {
-  render() {
-    const _this$props = this.props,
-          {
-      service
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["service"]);
-
-    return /*#__PURE__*/React.createElement(Link, _extends({
-      target: "_self",
-      href: service.homeUrl
-    }, props), WrapText => service.iconUrl ? [/*#__PURE__*/React.createElement("span", {
-      key: "icon",
-      className: modules_74a7bf8b.itemLogo,
-      style: {
-        backgroundImage: `url(${service.iconUrl})`
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      key: "text"
-    }, /*#__PURE__*/React.createElement(WrapText, null, service.name))] : /*#__PURE__*/React.createElement(WrapText, null, service.name));
-  }
-
-}
-
-_defineProperty(ServicesLink, "propTypes", {
-  isActive: PropTypes.bool,
-  service: PropTypes.shape({
-    applicationName: PropTypes.string,
-    iconUrl: PropTypes.string,
-    homeUrl: PropTypes.string,
-    name: PropTypes.string
-  })
-});
-
-const makeAnchor = loading => {
-  const Anchor = ({
-    active
-  }) => /*#__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(...args) {
-    super(...args);
-
-    _defineProperty(this, "serviceIsActive", service => service.id === this.props.clientId);
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      clientId,
-      loading,
-      services,
-      initShown
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["clientId", "loading", "services", "initShown"]);
-
-    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);
-
-function noop() {}
-
-class SmartServices extends Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      visible: true,
-      loading: false,
-      services: null
-    });
-
-    _defineProperty(this, "stopLoading", () => {
-      this.setState({
-        loading: false
-      });
-    });
-
-    _defineProperty(this, "getServicesContent", () => {
-      this.setState({
-        loading: true
-      });
-      this.getServices(SmartServices.allFields).then(services => {
-        this.setState({
-          services
-        });
-        this.stopLoading();
-      }).catch(this.stopLoading);
-    });
-  }
-
-  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
-        });
-      }
-    }).catch(noop);
-  }
-
-  getServices(fields) {
-    return this.http.get(`services/header?fields=${fields}`);
-  }
-
-  render() {
-    const {
-      services,
-      visible,
-      loading
-    } = this.state;
-
-    const _this$props = this.props,
-          {
-      auth
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["auth"]);
-
-    if (!visible) {
-      return null;
-    }
-
-    return /*#__PURE__*/React.createElement(Services, _extends({}, props, {
-      clientId: auth.config.clientId,
-      initShown: true,
-      loading: loading,
-      onClick: this.getServicesContent,
-      services: services
-    }));
-  }
-
-}
-
-_defineProperty(SmartServices, "propTypes", {
-  auth: PropTypes.instanceOf(Auth).isRequired
-});
-
-_defineProperty(SmartServices, "allFields", 'id,name,applicationName,homeUrl,iconUrl');
-
-_defineProperty(SmartServices, "countFields", 'key');
-
-/**
- * @name Header
- */
-
-/**
- * Displays a configurable page header. See available presentation options in the knobs panel.
- */
-
-class Header extends Component {
-  render() {
-    const _this$props = this.props,
-          {
-      children,
-      className,
-      spaced,
-      theme
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "spaced", "theme"]);
-
-    const classes = classNames(modules_47759f5e.header, modules_47759f5e[theme], className, {
-      [modules_47759f5e.headerSpaced]: spaced
-    });
-    return /*#__PURE__*/React.createElement("header", _extends({}, restProps, {
-      className: classes
-    }), children);
-  }
-
-}
-
-_defineProperty(Header, "propTypes", {
-  theme: PropTypes.oneOf(['light', 'dark']),
-  className: PropTypes.string,
-  children: PropTypes.node,
-  spaced: PropTypes.bool
-});
-
-_defineProperty(Header, "defaultProps", {
-  spaced: true
-});
-
-var header = withTheme(Theme.DARK)(Header);
-const RerenderableHeader = compose(withTheme(Theme.DARK))(Header);
-
-export default header;
-export { Profile, RerenderableHeader, Services, SmartProfile, SmartServices, Tray, TrayIcon };