@jetbrains/ring-ui 5.1.1 → 6.0.2-beta.0

package/dist/header/header.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+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';
@@ -14,35 +14,66 @@ 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.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.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.js';
-import '../icon/icon__svg.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 'focus-visible';
 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.number.constructor.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';
@@ -51,7 +82,6 @@ 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';
@@ -59,7 +89,6 @@ import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
-import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -70,26 +99,34 @@ import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../popup-menu/popup-menu.js';
+import 'core-js/modules/es.parse-float.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 '../global/react-render-adapter.js';
 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 '../_helpers/loader-inline.js';
 import '../alert/container.js';
 import '../group/group.js';
-import '../_helpers/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.parse-int.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';
@@ -103,36 +140,44 @@ 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.
  */
-class Header extends Component {
-  render() {
-    const {
-      children,
-      className,
-      spaced,
-      theme,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_47759f5e.header, className, {
-      [modules_47759f5e.headerSpaced]: spaced
-    });
-    const overrideOuterTheme = theme !== Theme.LIGHT;
-    const header = /*#__PURE__*/React.createElement("header", _extends({}, restProps, {
-      className: classes
-    }), children);
-    if (overrideOuterTheme) {
-      return /*#__PURE__*/React.createElement(ThemeProvider, {
-        theme: theme
-      }, header);
-    }
-    return header;
+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, _defineProperty({}, 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,

package/dist/header/logo.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { IconAttrs, Size } from '../icon/icon';
 export default class Logo extends PureComponent<IconAttrs> {
@@ -10,5 +10,5 @@ export default class Logo extends PureComponent<IconAttrs> {
         suppressSizeWarning: boolean;
     };
     static Size: typeof Size;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/header/logo.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+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';
@@ -6,22 +6,40 @@ 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 '../_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/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.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));
+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
 });

package/dist/header/profile.d.ts

@@ -15,7 +15,7 @@ export interface ProfileTranslations {
 export interface ProfileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {
     closeOnSelect: boolean;
     renderPopupItems: (items: ListDataItem[]) => readonly ListDataItem[];
-    translations: ProfileTranslations;
+    translations?: ProfileTranslations | null | undefined;
     size: Size;
     renderGuest: (props: ProfileProps) => ReactNode;
     hasUpdates?: boolean | null | undefined;
@@ -67,7 +67,9 @@ export default class Profile extends PureComponent<ProfileProps> {
         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 | JSX.Element | React.ReactFragment | null | undefined;
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
 }
 export type ProfileAttrs = JSX.LibraryManagedAttributes<typeof Profile, ProfileProps>;

package/dist/header/profile.js

@@ -1,4 +1,6 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+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';
@@ -6,40 +8,68 @@ 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.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.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.number.constructor.js';
+import 'core-js/modules/es.array.from.js';
+import 'core-js/modules/es.array.slice.js';
 import '../global/get-uid.js';
-import 'focus-visible';
+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.js';
-import '../icon/icon__svg.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';
@@ -47,7 +77,6 @@ import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
-import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -56,102 +85,115 @@ import '../list/list__hint.js';
 import '../list/consts.js';
 import '../dropdown/dropdown.js';
 import '../_helpers/anchor.js';
+import 'core-js/modules/es.parse-float.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';
 
-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, {
+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, _defineProperty({}, 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: 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: 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',
+        href: profileUrl,
+        LinkComponent: LinkComponent
+      }, showSwitchUser && {
+        rgItemType: 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: 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: closeOnSelect,
+          left: -2,
+          top: -8,
+          sidePadding: 32
+        }
+      }));
     }
-    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',
-      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(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,
@@ -186,27 +228,31 @@ _defineProperty(Profile, "propTypes", {
 });
 _defineProperty(Profile, "defaultProps", {
   closeOnSelect: true,
-  renderPopupItems: items => items,
-  translations: {},
+  renderPopupItems: function renderPopupItems(items) {
+    return items;
+  },
   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...'));
+  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/dist/header/services-link.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { LinkProps } from '../link/link';
 export interface Service {
@@ -21,5 +21,5 @@ export default class ServicesLink extends PureComponent<ServicesLinkProps> {
             name: PropTypes.Requireable<string>;
         }>>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/header/services-link.js

@@ -3,9 +3,16 @@ 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/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.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';