@jetbrains/ring-ui 4.2.7 → 4.2.10

package/dist/header/header.js

@@ -0,0 +1,150 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import compose from '../global/compose.js';
+import Theme, { withTheme } from '../global/theme.js';
+import { m as modules_47759f5e } from '../_helpers/header.js';
+export { default as Logo } from './logo.js';
+export { default as Tray } from './tray.js';
+export { default as TrayIcon } from './tray-icon.js';
+export { default as Profile } from './profile.js';
+export { default as SmartProfile } from './smart-profile.js';
+export { default as Services } from './services.js';
+export { default as SmartServices } from './smart-services.js';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/memoize.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '../button/button.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../_helpers/button__classes.js';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import '../global/dom.js';
+import '../avatar/fallback-avatar.js';
+import '../global/get-uid.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/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-menu/popup-menu.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';
+import '../auth/auth.js';
+import '../auth/window-flow.js';
+import '../auth/response-parser.js';
+import 'es6-error';
+import '../auth/down-notification.js';
+import '../alert-service/alert-service.js';
+import '../global/react-render-adapter.js';
+import '../alert/alert.js';
+import '@jetbrains/icons/exception';
+import '@jetbrains/icons/warning';
+import '@jetbrains/icons/close';
+import '../loader-inline/loader-inline.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 '../alert/container.js';
+import '../group/group.js';
+import '../_helpers/group.js';
+import '../auth/auth__core.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 '@jetbrains/icons/services-20px';
+import '../_helpers/services-link.js';
+
+/**
+ * @name Header
+ */
+
+/**
+ * Displays a configurable page header. See available presentation options in the knobs panel.
+ */
+
+class Header extends Component {
+  render() {
+    const {
+      children,
+      className,
+      spaced,
+      theme,
+      ...restProps
+    } = this.props;
+    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 { RerenderableHeader, header as default };

package/dist/header/logo.js

@@ -0,0 +1,40 @@
+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 'core-js/modules/es.string.replace.js';
+import '../global/memoize.js';
+import 'core-js/modules/web.dom-collections.iterator.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,219 @@
+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 'core-js/modules/web.dom-collections.iterator.js';
+import '../global/url.js';
+import 'core-js/modules/es.string.replace.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,12 @@
+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 'core-js/modules/web.dom-collections.iterator.js';
+import '../global/data-tests.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';

package/dist/header/services.js

@@ -0,0 +1,138 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.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 'core-js/modules/es.string.replace.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 };