@jetbrains/ring-ui-built 6.0.1

package/components/header/header.d.ts

@@ -0,0 +1,34 @@
+import React, { Component, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import Theme from '../global/theme';
+interface HeaderProps extends HTMLAttributes<HTMLElement> {
+    spaced: boolean;
+    theme: Theme;
+}
+/**
+ * @name Header
+ */
+/**
+ * Displays a configurable page header. See available presentation options in the knobs panel.
+ */
+declare class Header extends Component<HeaderProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        spaced: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        spaced: boolean;
+        theme: Theme;
+    };
+    render(): React.JSX.Element;
+}
+export type HeaderAttrs = JSX.LibraryManagedAttributes<typeof Header, HeaderProps>;
+export default Header;
+export { default as Logo } from './logo';
+export { default as Tray } from './tray';
+export { default as TrayIcon } from './tray-icon';
+export { default as Profile } from './profile';
+export { default as SmartProfile } from './smart-profile';
+export { default as Services } from './services';
+export { default as SmartServices } from './smart-services';

package/components/header/header.js

@@ -0,0 +1,189 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { T as Theme, a as ThemeProvider } from '../_helpers/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 'react-dom';
+import '../popup/popup.target.js';
+import '../popup/popup.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+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.array.filter.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.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.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
+import '../popup/popup.consts.js';
+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.map.js';
+import 'core-js/modules/es.weak-map.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 '../avatar/avatar.js';
+import '../global/url.js';
+import 'core-js/modules/es.array.index-of.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 '../link/link.js';
+import '../_helpers/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 '../i18n/i18n.js';
+import '../auth/auth.js';
+import '../auth/window-flow.js';
+import 'core-js/modules/es.promise.js';
+import '../auth/response-parser.js';
+import 'es6-error';
+import '../auth/down-notification.js';
+import '../alert-service/alert-service.js';
+import 'react-dom/client';
+import '../alert/alert.js';
+import 'core-js/modules/es.object.values.js';
+import '@jetbrains/icons/exception';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/warning';
+import '@jetbrains/icons/close';
+import '../loader-inline/loader-inline.js';
+import '../alert/container.js';
+import '../group/group.js';
+import '../auth/auth__core.js';
+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 '../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';
+
+var _excluded = ["children", "className", "spaced", "theme"];
+/**
+ * @name Header
+ */
+/**
+ * Displays a configurable page header. See available presentation options in the knobs panel.
+ */
+var Header = /*#__PURE__*/function (_Component) {
+  _inherits(Header, _Component);
+  var _super = _createSuper(Header);
+  function Header() {
+    _classCallCheck(this, Header);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Header, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        spaced = _this$props.spaced,
+        theme = _this$props.theme,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_47759f5e.header, className, {
+        [modules_47759f5e.headerSpaced]: spaced
+      });
+      var overrideOuterTheme = theme !== Theme.LIGHT;
+      var header = /*#__PURE__*/React.createElement("header", _extends({}, restProps, {
+        className: classes
+      }), children);
+      if (overrideOuterTheme) {
+        return /*#__PURE__*/React.createElement(ThemeProvider, {
+          theme: theme
+        }, header);
+      }
+      return header;
+    }
+  }]);
+  return Header;
+}(Component);
+_defineProperty(Header, "propTypes", {
+  className: PropTypes.string,
+  children: PropTypes.node,
+  spaced: PropTypes.bool
+});
+_defineProperty(Header, "defaultProps", {
+  spaced: true,
+  theme: Theme.DARK
+});
+
+export { Header as default };

package/components/header/logo.d.ts

@@ -0,0 +1,14 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { IconAttrs, Size } from '../icon/icon';
+export default class Logo extends PureComponent<IconAttrs> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        size: Size;
+        suppressSizeWarning: boolean;
+    };
+    static Size: typeof Size;
+    render(): React.JSX.Element;
+}

package/components/header/logo.js

@@ -0,0 +1,51 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties } 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__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/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+
+var _excluded = ["className"];
+var Logo = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Logo, _PureComponent);
+  var _super = _createSuper(Logo);
+  function Logo() {
+    _classCallCheck(this, Logo);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Logo, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_47759f5e.logo, className);
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes
+      }, /*#__PURE__*/React.createElement(Icon, restProps));
+    }
+  }]);
+  return Logo;
+}(PureComponent);
+_defineProperty(Logo, "propTypes", {
+  className: PropTypes.string
+});
+_defineProperty(Logo, "defaultProps", {
+  size: Size.Size48,
+  suppressSizeWarning: true
+});
+_defineProperty(Logo, "Size", Size);
+
+export { Logo as default };

package/components/header/profile.d.ts

@@ -0,0 +1,75 @@
+import React, { ComponentType, HTMLAttributes, PureComponent, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { Size } from '../avatar/avatar';
+import { ListDataItem } from '../list/consts';
+import { AuthUser } from '../auth/auth';
+import { ClickableLinkProps } from '../link/clickableLink';
+export interface ProfileTranslations {
+    applyChangedUser?: string | null | undefined;
+    login?: string | null | undefined;
+    profile?: string | null | undefined;
+    switchUser?: string | null | undefined;
+    logout?: string | null | undefined;
+    certificateMismatch?: string | null | undefined;
+}
+export interface ProfileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    closeOnSelect: boolean;
+    renderPopupItems: (items: ListDataItem[]) => readonly ListDataItem[];
+    translations?: ProfileTranslations | null | undefined;
+    size: Size;
+    renderGuest: (props: ProfileProps) => ReactNode;
+    hasUpdates?: boolean | null | undefined;
+    loading?: boolean | undefined;
+    onLogin?: (() => void) | undefined;
+    onLogout?: (() => void) | null | undefined;
+    onSwitchUser?: (() => void) | null | undefined;
+    profileUrl?: string | undefined;
+    LinkComponent?: ComponentType<ClickableLinkProps> | null | undefined;
+    user?: AuthUser | null | undefined | void;
+    round?: boolean | null | undefined;
+    showLogIn?: boolean | null | undefined;
+    showLogOut?: boolean | null | undefined;
+    showSwitchUser?: boolean | null | undefined;
+    showApplyChangedUser?: boolean | null | undefined;
+    onRevertPostponement?: (() => void) | null | undefined;
+}
+export default class Profile extends PureComponent<ProfileProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        closeOnSelect: PropTypes.Requireable<boolean>;
+        hasUpdates: PropTypes.Requireable<boolean>;
+        loading: PropTypes.Requireable<boolean>;
+        onLogin: PropTypes.Requireable<(...args: any[]) => any>;
+        onLogout: PropTypes.Requireable<(...args: any[]) => any>;
+        onSwitchUser: PropTypes.Requireable<(...args: any[]) => any>;
+        profileUrl: PropTypes.Requireable<string>;
+        renderPopupItems: PropTypes.Requireable<(...args: any[]) => any>;
+        LinkComponent: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | React.Component<unknown, unknown, unknown> | null | undefined>>;
+        translations: PropTypes.Requireable<PropTypes.InferProps<{
+            profile: PropTypes.Requireable<string>;
+            login: PropTypes.Requireable<string>;
+            logout: PropTypes.Requireable<string>;
+            applyChangedUser: PropTypes.Requireable<string>;
+            switchUser: PropTypes.Requireable<string>;
+        }>>;
+        user: PropTypes.Requireable<PropTypes.InferProps<{
+            guest: PropTypes.Requireable<boolean>;
+            profile: PropTypes.Requireable<object>;
+            name: PropTypes.Requireable<string>;
+        }>>;
+        size: PropTypes.Requireable<number>;
+        round: PropTypes.Requireable<boolean>;
+        showLogIn: PropTypes.Requireable<boolean>;
+        showLogOut: PropTypes.Requireable<boolean>;
+        showSwitchUser: PropTypes.Requireable<boolean>;
+        showApplyChangedUser: PropTypes.Requireable<boolean>;
+        onRevertPostponement: PropTypes.Requireable<(...args: any[]) => any>;
+        renderGuest: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: ProfileProps;
+    static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
+    context: React.ContextType<typeof Profile.contextType>;
+    static Size: typeof Size;
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
+}
+export type ProfileAttrs = JSX.LibraryManagedAttributes<typeof Profile, ProfileProps>;

package/components/header/profile.js

@@ -0,0 +1,258 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.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 { I18nContext } from '../i18n/i18n-context.js';
+import { isTruthy } from '../global/typescript-utils.js';
+import { m as modules_47759f5e } from '../_helpers/header.js';
+import 'core-js/modules/es.array.concat.js';
+import '../global/url.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.from.js';
+import 'core-js/modules/es.array.slice.js';
+import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.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.string.starts-with.js';
+import '../global/memoize.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.weak-map.js';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../list/list.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.array.find-index.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/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'core-js/modules/es.array.splice.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-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 '../_helpers/anchor.js';
+import '../popup/popup.js';
+import 'react-dom';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+import '../i18n/i18n.js';
+
+var _excluded = ["className", "closeOnSelect", "hasUpdates", "onLogout", "user", "profileUrl", "LinkComponent", "onSwitchUser", "renderPopupItems", "onRevertPostponement", "showApplyChangedUser", "showLogIn", "showLogOut", "showSwitchUser", "renderGuest", "translations", "size", "round", "loading", "onLogin"];
+var rgItemType = PopupMenu.ListProps.Type.LINK;
+var Profile = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Profile, _PureComponent);
+  var _super = _createSuper(Profile);
+  function Profile() {
+    _classCallCheck(this, Profile);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Profile, [{
+    key: "render",
+    value: function render() {
+      var _translations$applyCh, _translations$login, _translations$profile, _translations$switchU, _translations$logout;
+      var _this$props = this.props,
+        className = _this$props.className,
+        closeOnSelect = _this$props.closeOnSelect,
+        hasUpdates = _this$props.hasUpdates,
+        onLogout = _this$props.onLogout,
+        user = _this$props.user,
+        profileUrl = _this$props.profileUrl,
+        LinkComponent = _this$props.LinkComponent,
+        onSwitchUser = _this$props.onSwitchUser,
+        renderPopupItems = _this$props.renderPopupItems,
+        onRevertPostponement = _this$props.onRevertPostponement,
+        showApplyChangedUser = _this$props.showApplyChangedUser,
+        showLogIn = _this$props.showLogIn,
+        showLogOut = _this$props.showLogOut,
+        showSwitchUser = _this$props.showSwitchUser,
+        renderGuest = _this$props.renderGuest,
+        translations = _this$props.translations,
+        size = _this$props.size,
+        round = _this$props.round;
+        _this$props.loading;
+        _this$props.onLogin;
+        var props = _objectWithoutProperties(_this$props, _excluded);
+      var translate = this.context.translate;
+      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);
+      }
+      var anchorClassName = classNames(modules_47759f5e.avatarWrapper, {
+        [modules_47759f5e.hasUpdates]: hasUpdates
+      });
+      var 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
+      }));
+      var items = [showApplyChangedUser && {
+        rgItemType,
+        label: (_translations$applyCh = translations === null || translations === void 0 ? void 0 : translations.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : translate('applyChangedUser'),
+        className: modules_47759f5e.profileMenuItem,
+        onClick: onRevertPostponement
+      }, showLogIn && {
+        rgItemType,
+        label: (_translations$login = translations === null || translations === void 0 ? void 0 : translations.login) !== null && _translations$login !== void 0 ? _translations$login : translate('login'),
+        className: modules_47759f5e.profileMenuItem,
+        onClick: onRevertPostponement
+      }, {
+        rgItemType: PopupMenu.ListProps.Type.LINK,
+        label: (_translations$profile = translations === null || translations === void 0 ? void 0 : translations.profile) !== null && _translations$profile !== void 0 ? _translations$profile : translate('profile'),
+        target: '_self',
+        // Full page reload in Angular
+        href: profileUrl,
+        LinkComponent
+      }, showSwitchUser && {
+        rgItemType,
+        label: (_translations$switchU = translations === null || translations === void 0 ? void 0 : translations.switchUser) !== null && _translations$switchU !== void 0 ? _translations$switchU : translate('switchUser'),
+        className: modules_47759f5e.profileMenuItem,
+        onClick: onSwitchUser
+      }, showLogOut && {
+        rgItemType,
+        label: (_translations$logout = translations === null || translations === void 0 ? void 0 : translations.logout) !== null && _translations$logout !== void 0 ? _translations$logout : translate('logout'),
+        onClick: onLogout
+      }].filter(isTruthy);
+      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
+        }
+      }));
+    }
+  }]);
+  return Profile;
+}(PureComponent);
+_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: function renderPopupItems(items) {
+    return items;
+  },
+  size: Size.Size32,
+  renderGuest: function renderGuest(_ref) {
+    var loading = _ref.loading,
+      onLogin = _ref.onLogin,
+      className = _ref.className,
+      translations = _ref.translations;
+    return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref2) {
+      var _translations$login2;
+      var translate = _ref2.translate;
+      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$login2 = translations === null || translations === void 0 ? void 0 : translations.login) !== null && _translations$login2 !== void 0 ? _translations$login2 : translate('login')));
+    });
+  }
+});
+_defineProperty(Profile, "contextType", I18nContext);
+_defineProperty(Profile, "Size", Size);
+
+export { Profile as default };

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

@@ -0,0 +1,25 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { LinkProps } from '../link/link';
+export interface Service {
+    id: string;
+    applicationName?: string | null | undefined;
+    iconUrl?: string | null | undefined;
+    homeUrl: string;
+    name: string;
+}
+export interface ServicesLinkProps extends Partial<LinkProps> {
+    service: Service;
+}
+export default class ServicesLink extends PureComponent<ServicesLinkProps> {
+    static propTypes: {
+        isActive: PropTypes.Requireable<boolean>;
+        service: PropTypes.Requireable<PropTypes.InferProps<{
+            applicationName: PropTypes.Requireable<string>;
+            iconUrl: PropTypes.Requireable<string>;
+            homeUrl: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+        }>>;
+    };
+    render(): React.JSX.Element;
+}

package/components/header/services-link.js

@@ -0,0 +1,13 @@
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react';
+import 'prop-types';
+import '../link/link.js';
+export { S as default } from '../_helpers/services-link.js';
+import 'classnames';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';