@jetbrains/ring-ui 5.0.137 → 5.0.139

package/components/user-card/card.js

@@ -7,7 +7,17 @@ import Link from '../link/link';
 import clipboard from '../clipboard/clipboard';
 import badgeStyles from '../badge/badge.css';
 import Icon, { Size as IconSize } from '../icon/icon';
+import { I18nContext } from '../i18n/i18n-context';
 import styles from './user-card.css';
+const translationsShape = PropTypes.shape({
+    banned: PropTypes.string.isRequired,
+    online: PropTypes.string.isRequired,
+    offline: PropTypes.string.isRequired,
+    copyToClipboard: PropTypes.string,
+    copiedToClipboard: PropTypes.string,
+    copingToClipboardError: PropTypes.string,
+    unverified: PropTypes.string
+});
 class UserCard extends PureComponent {
     static propTypes = {
         children: PropTypes.node,
@@ -24,34 +34,19 @@ class UserCard extends PureComponent {
             banReason: PropTypes.string,
             unverifiedEmail: PropTypes.bool
         }).isRequired,
-        wording: PropTypes.shape({
-            banned: PropTypes.string.isRequired,
-            online: PropTypes.string.isRequired,
-            offline: PropTypes.string.isRequired,
-            copyToClipboard: PropTypes.string,
-            copiedToClipboard: PropTypes.string,
-            copingToClipboardError: PropTypes.string,
-            unverified: PropTypes.string
-        })
-    };
-    static defaultProps = {
-        wording: {
-            banned: 'banned',
-            online: 'online',
-            offline: 'offline',
-            copyToClipboard: 'Copy email to clipboard',
-            copiedToClipboard: 'Email was copied to clipboard',
-            copingToClipboardError: 'Failed to copy to clipboard',
-            unverified: 'Unverified'
-        }
+        wording: translationsShape,
+        translations: translationsShape
     };
+    static contextType = I18nContext;
     copyEmail = () => {
-        const wording = { ...UserCard.defaultProps.wording, ...this.props.wording };
-        clipboard.copyText(this.props.user.email || '', wording.copiedToClipboard, wording.copingToClipboardError);
+        const { translate } = this.context;
+        const wording = this.props.translations || this.props.wording;
+        clipboard.copyText(this.props.user.email || '', wording?.copiedToClipboard ?? translate('copyToClipboard'), wording?.copingToClipboardError ?? translate('copingToClipboardError'));
     };
     render() {
         const { children, info, className, user, avatarInfo, ...restProps } = this.props;
-        const wording = { ...UserCard.defaultProps.wording, ...this.props.wording };
+        const { translate } = this.context;
+        const wording = this.props.translations || this.props.wording;
         const classes = classNames(className, {});
         const userActiveStatusClasses = classNames(styles.userActiveStatus, user.online ? styles.online : '');
         return (<div className={classes} {...restProps}>
@@ -68,18 +63,22 @@ class UserCard extends PureComponent {
                   </Link>)}
                 {!user.href && <span className={styles.userName}>{user.name}</span>}
                 {typeof user.online === 'boolean' &&
-                (<span className={userActiveStatusClasses} title={user.online ? wording.online : wording.offline}/>)}
+                (<span className={userActiveStatusClasses} title={user.online
+                        ? (wording?.online ?? translate('online'))
+                        : (wording?.offline ?? translate('offline'))}/>)}
                 {!!info && <span className={styles.userNameInfo}>{info}</span>}
                 {user.banned &&
-                (<span className={classNames(badgeStyles.badge, badgeStyles.invalid)} title={user.banReason}>{wording.banned}</span>)}
+                (<span className={classNames(badgeStyles.badge, badgeStyles.invalid)} title={user.banReason}>{wording?.banned ?? translate('banned')}</span>)}
               </div>
               <div className={styles.userLogin}>{user.login}</div>
               {user.email && (<span className={styles.userEmailWrapper}>
                   <Link href={`mailto:${user.email}`} title={`mailto:${user.email}`} target="_blank" className={styles.userEmail}>
                     {user.email}
                   </Link>
-                  {user.unverifiedEmail && (<span className={styles.unverifiedLabel}>{wording.unverified}</span>)}
-                  <Icon title={wording.copyToClipboard} className={styles.userCopyIcon} onClick={this.copyEmail} glyph={copyIcon} size={IconSize.Size14} suppressSizeWarning/>
+                  {user.unverifiedEmail && (<span className={styles.unverifiedLabel}>
+                        {wording?.unverified ?? translate('unverified')}
+                      </span>)}
+                  <Icon title={wording?.copyToClipboard ?? translate('copyToClipboard')} className={styles.userCopyIcon} onClick={this.copyEmail} glyph={copyIcon} size={IconSize.Size14} suppressSizeWarning/>
                 </span>)}
             </div>
             {children}

package/dist/_helpers/card.js

@@ -8,10 +8,20 @@ import Link from '../link/link.js';
 import clipboard from '../clipboard/clipboard.js';
 import { m as modules_6c9187df } from './badge.js';
 import Icon from '../icon/icon.js';
+import { I18nContext } from '../i18n/i18n-context.js';
 import { Size as Size$1 } from '../icon/icon__constants.js';
 
 var modules_a4196c17 = {"unit":"i__const_unit_0","light":"light_rui_6e59","userCardSpaced":"userCardSpaced_rui_6e59","userInformationContainer":"userInformationContainer_rui_6e59","userAvatar":"userAvatar_rui_6e59","userInformation":"userInformation_rui_6e59","userInformationGeneral":"userInformationGeneral_rui_6e59","userNameLine":"userNameLine_rui_6e59","userName":"userName_rui_6e59","userLogin":"userLogin_rui_6e59","userEmail":"userEmail_rui_6e59","userCopyIcon":"userCopyIcon_rui_6e59","userEmailWrapper":"userEmailWrapper_rui_6e59","unverifiedLabel":"unverifiedLabel_rui_6e59","userNameInfo":"userNameInfo_rui_6e59","userActiveStatus":"userActiveStatus_rui_6e59","online":"online_rui_6e59"};
 
+const translationsShape = PropTypes.shape({
+  banned: PropTypes.string.isRequired,
+  online: PropTypes.string.isRequired,
+  offline: PropTypes.string.isRequired,
+  copyToClipboard: PropTypes.string,
+  copiedToClipboard: PropTypes.string,
+  copingToClipboardError: PropTypes.string,
+  unverified: PropTypes.string
+});
 class UserCard extends PureComponent {
   static propTypes = {
     children: PropTypes.node,
@@ -28,35 +38,20 @@ class UserCard extends PureComponent {
       banReason: PropTypes.string,
       unverifiedEmail: PropTypes.bool
     }).isRequired,
-    wording: PropTypes.shape({
-      banned: PropTypes.string.isRequired,
-      online: PropTypes.string.isRequired,
-      offline: PropTypes.string.isRequired,
-      copyToClipboard: PropTypes.string,
-      copiedToClipboard: PropTypes.string,
-      copingToClipboardError: PropTypes.string,
-      unverified: PropTypes.string
-    })
-  };
-  static defaultProps = {
-    wording: {
-      banned: 'banned',
-      online: 'online',
-      offline: 'offline',
-      copyToClipboard: 'Copy email to clipboard',
-      copiedToClipboard: 'Email was copied to clipboard',
-      copingToClipboardError: 'Failed to copy to clipboard',
-      unverified: 'Unverified'
-    }
+    wording: translationsShape,
+    translations: translationsShape
   };
+  static contextType = I18nContext;
   copyEmail = () => {
-    const wording = {
-      ...UserCard.defaultProps.wording,
-      ...this.props.wording
-    };
-    clipboard.copyText(this.props.user.email || '', wording.copiedToClipboard, wording.copingToClipboardError);
+    var _wording$copiedToClip, _wording$copingToClip;
+    const {
+      translate
+    } = this.context;
+    const wording = this.props.translations || this.props.wording;
+    clipboard.copyText(this.props.user.email || '', (_wording$copiedToClip = wording?.copiedToClipboard) !== null && _wording$copiedToClip !== void 0 ? _wording$copiedToClip : translate('copyToClipboard'), (_wording$copingToClip = wording?.copingToClipboardError) !== null && _wording$copingToClip !== void 0 ? _wording$copingToClip : translate('copingToClipboardError'));
   };
   render() {
+    var _wording$online, _wording$offline, _wording$banned, _wording$unverified, _wording$copyToClipbo;
     const {
       children,
       info,
@@ -65,10 +60,10 @@ class UserCard extends PureComponent {
       avatarInfo,
       ...restProps
     } = this.props;
-    const wording = {
-      ...UserCard.defaultProps.wording,
-      ...this.props.wording
-    };
+    const {
+      translate
+    } = this.context;
+    const wording = this.props.translations || this.props.wording;
     const classes = classNames(className, {});
     const userActiveStatusClasses = classNames(modules_a4196c17.userActiveStatus, user.online ? modules_a4196c17.online : '');
     return /*#__PURE__*/React.createElement("div", _extends({
@@ -94,13 +89,13 @@ class UserCard extends PureComponent {
       className: modules_a4196c17.userName
     }, user.name), typeof user.online === 'boolean' && /*#__PURE__*/React.createElement("span", {
       className: userActiveStatusClasses,
-      title: user.online ? wording.online : wording.offline
+      title: user.online ? (_wording$online = wording?.online) !== null && _wording$online !== void 0 ? _wording$online : translate('online') : (_wording$offline = wording?.offline) !== null && _wording$offline !== void 0 ? _wording$offline : translate('offline')
     }), !!info && /*#__PURE__*/React.createElement("span", {
       className: modules_a4196c17.userNameInfo
     }, info), user.banned && /*#__PURE__*/React.createElement("span", {
       className: classNames(modules_6c9187df.badge, modules_6c9187df.invalid),
       title: user.banReason
-    }, wording.banned)), /*#__PURE__*/React.createElement("div", {
+    }, (_wording$banned = wording?.banned) !== null && _wording$banned !== void 0 ? _wording$banned : translate('banned'))), /*#__PURE__*/React.createElement("div", {
       className: modules_a4196c17.userLogin
     }, user.login), user.email && /*#__PURE__*/React.createElement("span", {
       className: modules_a4196c17.userEmailWrapper
@@ -111,8 +106,8 @@ class UserCard extends PureComponent {
       className: modules_a4196c17.userEmail
     }, user.email), user.unverifiedEmail && /*#__PURE__*/React.createElement("span", {
       className: modules_a4196c17.unverifiedLabel
-    }, wording.unverified), /*#__PURE__*/React.createElement(Icon, {
-      title: wording.copyToClipboard,
+    }, (_wording$unverified = wording?.unverified) !== null && _wording$unverified !== void 0 ? _wording$unverified : translate('unverified')), /*#__PURE__*/React.createElement(Icon, {
+      title: (_wording$copyToClipbo = wording?.copyToClipboard) !== null && _wording$copyToClipbo !== void 0 ? _wording$copyToClipbo : translate('copyToClipboard'),
       className: modules_a4196c17.userCopyIcon,
       onClick: this.copyEmail,
       glyph: copyIcon,

package/dist/_helpers/select__filter.js

@@ -5,13 +5,13 @@ import classNames from 'classnames';
 import { Input } from '../input/input.js';
 import sniffr from '../global/sniffer.js';
 import { ActiveItemContext } from '../list/list.js';
+import { I18nContext } from '../i18n/i18n-context.js';
 
 var modules_b607bec2 = {"unit":"i__const_unit_0","filterWithTagsFocused":"filterWithTagsFocused_rui_531d","light":"light_rui_531d","filterWithTags":"filterWithTags_rui_531d","filterWrapper":"filterWrapper_rui_531d","filterWithTagsInput":"filterWithTagsInput_rui_531d","filter":"filter_rui_531d","filterIcon":"filterIcon_rui_531d","bottomLine":"bottomLine_rui_531d","message":"message_rui_531d","selectAll":"selectAll_rui_531d"};
 
 function noop() {}
 class SelectFilter extends Component {
   static defaultProps = {
-    placeholder: 'Filter items',
     inputRef: noop
   };
   componentWillUnmount() {
@@ -42,15 +42,22 @@ class SelectFilter extends Component {
       ...restProps
     } = this.props;
     const classes = classNames(modules_b607bec2.filter, className);
-    return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, activeItemId => /*#__PURE__*/React.createElement(Input, _extends({}, restProps, {
-      "aria-owns": listId,
-      "aria-activedescendant": activeItemId,
-      autoComplete: "off",
-      autoFocus: true,
-      borderless: true,
-      inputRef: this.inputRef,
-      className: classes
-    })));
+    return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, activeItemId => /*#__PURE__*/React.createElement(I18nContext.Consumer, null, _ref => {
+      var _restProps$placeholde;
+      let {
+        translate
+      } = _ref;
+      return /*#__PURE__*/React.createElement(Input, _extends({}, restProps, {
+        placeholder: (_restProps$placeholde = restProps.placeholder) !== null && _restProps$placeholde !== void 0 ? _restProps$placeholde : translate('filterItems'),
+        "aria-owns": listId,
+        "aria-activedescendant": activeItemId,
+        autoComplete: "off",
+        autoFocus: true,
+        borderless: true,
+        inputRef: this.inputRef,
+        className: classes
+      }));
+    }));
   }
 }
 SelectFilter.propTypes = {

package/dist/auth/auth.js

@@ -53,6 +53,7 @@ import '../_helpers/group.js';
 import '../global/listeners.js';
 import '../http/http.js';
 import '../global/promise-with-timeout.js';
+import '../i18n/i18n.js';
 import './storage.js';
 import '../storage/storage.js';
 import '../storage/storage__local.js';

package/dist/auth/auth__core.d.ts

@@ -77,7 +77,7 @@ export interface AuthConfig extends TokenValidatorConfig {
     checkBackendIsUp: () => Promise<unknown>;
     onBackendDown: (params: BackendDownParams) => () => void;
     defaultExpiresIn: number;
-    translations: AuthTranslations;
+    translations?: AuthTranslations | null | undefined;
     userParams?: RequestParams | undefined;
     waitForRedirectTimeout: number;
 }

package/dist/auth/auth__core.js

@@ -2,6 +2,7 @@ import { getAbsoluteBaseURL, fixUrl } from '../global/url.js';
 import Listeners from '../global/listeners.js';
 import HTTP from '../http/http.js';
 import promiseWithTimeout from '../global/promise-with-timeout.js';
+import { getTranslationsWithFallback, translate, getTranslations } from '../i18n/i18n.js';
 import AuthStorage from './storage.js';
 import AuthResponseParser from './response-parser.js';
 import AuthRequestBuilder from './request-builder.js';
@@ -90,19 +91,7 @@ const DEFAULT_CONFIG = {
   onBackendDown: () => () => {},
   defaultExpiresIn: DEFAULT_EXPIRES_TIMEOUT,
   waitForRedirectTimeout: DEFAULT_WAIT_FOR_REDIRECT_TIMEOUT,
-  translations: {
-    login: 'Log in',
-    loginTo: 'Log in to %serviceName%',
-    cancel: 'Cancel',
-    tryAgainLabel: 'Try again',
-    postpone: 'Postpone',
-    youHaveLoggedInAs: 'You have logged in as another user: %userName%',
-    applyChange: 'Apply change',
-    backendIsNotAvailable: 'Connection lost',
-    checkAgain: 'try again',
-    nothingHappensLink: 'Click here if nothing happens',
-    errorMessage: 'There may be a problem with your network connection. Make sure that you are online and'
-  }
+  translations: null
 };
 class Auth {
   static DEFAULT_CONFIG = DEFAULT_CONFIG;
@@ -190,7 +179,8 @@ class Auth {
     }
     this._backgroundFlow = new BackgroundFlow(this._requestBuilder, this._storage, backgroundRefreshTimeout);
     if (this.config.EmbeddedLoginFlow) {
-      this._embeddedFlow = new this.config.EmbeddedLoginFlow(this._requestBuilder, this._storage, this.config.translations);
+      var _this$config$translat;
+      this._embeddedFlow = new this.config.EmbeddedLoginFlow(this._requestBuilder, this._storage, (_this$config$translat = this.config.translations) !== null && _this$config$translat !== void 0 ? _this$config$translat : getTranslationsWithFallback());
     }
     const API_BASE = this.config.serverUri + Auth.API_PATH;
     const fetchConfig = config.fetchCredentials ? {
@@ -567,6 +557,7 @@ class Auth {
       translations
     } = this.config;
     const cancelable = this.user?.guest || canCancel;
+    const actualTranslations = translations !== null && translations !== void 0 ? translations : getTranslations();
     this._createInitDeferred();
     const closeDialog = () => {
       /* eslint-disable @typescript-eslint/no-use-before-define */
@@ -606,11 +597,11 @@ class Auth {
     };
     const hide = this._authDialogService?.({
       ...this._service,
-      loginCaption: translations.login,
-      loginToCaption: translations.loginTo,
-      confirmLabel: translations.login,
-      tryAgainLabel: translations.tryAgainLabel,
-      cancelLabel: cancelable ? translations.cancel : translations.postpone,
+      loginCaption: actualTranslations.login,
+      loginToCaption: actualTranslations.loginTo,
+      confirmLabel: actualTranslations.login,
+      tryAgainLabel: actualTranslations.tryAgainLabel,
+      cancelLabel: cancelable ? actualTranslations.cancel : actualTranslations.postpone,
       errorMessage: this._extractErrorMessage(error, true),
       onConfirm,
       onCancel,
@@ -625,7 +616,7 @@ class Auth {
     const stopMessageListening = this._storage?.onMessage(Auth.CLOSE_WINDOW_MESSAGE, () => this._embeddedFlow?.stop());
   }
   _showUserChangedDialog(_ref) {
-    var _newUser$name;
+    var _translations$youHave, _newUser$name, _newUser$name2, _translations$login, _translations$loginTo, _translations$applyCh, _translations$tryAgai, _translations$postpon;
     let {
       newUser,
       onApply,
@@ -642,12 +633,12 @@ class Auth {
     };
     const hide = this._authDialogService?.({
       ...this._service,
-      title: translations.youHaveLoggedInAs.replace('%userName%', (_newUser$name = newUser.name) !== null && _newUser$name !== void 0 ? _newUser$name : ''),
-      loginCaption: translations.login,
-      loginToCaption: translations.loginTo,
-      confirmLabel: translations.applyChange,
-      tryAgainLabel: translations.tryAgainLabel,
-      cancelLabel: translations.postpone,
+      title: (_translations$youHave = translations?.youHaveLoggedInAs) !== null && _translations$youHave !== void 0 ? _translations$youHave : translate('youHaveLoggedInAs').replace('%userName%', (_newUser$name = newUser.name) !== null && _newUser$name !== void 0 ? _newUser$name : '').replace('{{userName}}', (_newUser$name2 = newUser.name) !== null && _newUser$name2 !== void 0 ? _newUser$name2 : ''),
+      loginCaption: (_translations$login = translations?.login) !== null && _translations$login !== void 0 ? _translations$login : translate('login'),
+      loginToCaption: (_translations$loginTo = translations?.loginTo) !== null && _translations$loginTo !== void 0 ? _translations$loginTo : translate('loginTo'),
+      confirmLabel: (_translations$applyCh = translations?.applyChange) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : translate('applyChange'),
+      tryAgainLabel: (_translations$tryAgai = translations?.tryAgainLabel) !== null && _translations$tryAgai !== void 0 ? _translations$tryAgai : translate('tryAgainLabel'),
+      cancelLabel: (_translations$postpon = translations?.postpone) !== null && _translations$postpon !== void 0 ? _translations$postpon : translate('postpone'),
       onConfirm: () => {
         done();
         onApply();
@@ -714,7 +705,7 @@ class Auth {
         onCheckAgain,
         onPostpone,
         backendError,
-        translations
+        translations: translations !== null && translations !== void 0 ? translations : getTranslationsWithFallback()
       });
       window.addEventListener('online', onCheckAgain);
       function networkWatchdog() {

package/dist/auth/landing.js

@@ -55,6 +55,7 @@ import '../group/group.js';
 import '../_helpers/group.js';
 import '../global/listeners.js';
 import '../global/promise-with-timeout.js';
+import '../i18n/i18n.js';
 import '../storage/storage.js';
 import '../storage/storage__local.js';
 import '../storage/storage__fallback.js';

package/dist/auth-dialog/auth-dialog.js

@@ -120,7 +120,7 @@ class AuthDialog extends Component {
       retrying
     } = this.state;
     const defaultTitle = serviceName ? loginToCaption : loginCaption;
-    const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName !== null && serviceName !== void 0 ? serviceName : '');
+    const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName !== null && serviceName !== void 0 ? serviceName : '').replace('{{serviceName}}', serviceName !== null && serviceName !== void 0 ? serviceName : '');
     return /*#__PURE__*/React.createElement(Dialog, {
       label: title,
       "data-test": "ring-auth-dialog",

package/dist/auth-ng/auth-ng.js

@@ -54,6 +54,7 @@ import '../_helpers/group.js';
 import '../global/listeners.js';
 import '../http/http.js';
 import '../global/promise-with-timeout.js';
+import '../i18n/i18n.js';
 import '../auth/storage.js';
 import '../storage/storage.js';
 import '../storage/storage__local.js';

package/dist/date-picker/date-input.js

@@ -19,6 +19,8 @@ import '../global/memoize.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../global/get-uid.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
 import '../global/composeRefs.js';
 import '../_helpers/input.js';
 import '../input/input-label.js';
@@ -131,7 +133,7 @@ class DateInput extends React.PureComponent {
         case 'time':
           return timePlaceholder || translations.addTime;
         default:
-          return translations.selectName.replace('%name%', name);
+          return translations.selectName.replace('%name%', name).replace('{{name}}', name);
       }
     })();
     const classes = classNames(modules_0c7b7d96.filter, modules_0c7b7d96[`${name}Input`], divider && modules_0c7b7d96[`${name}InputWithDivider`], 'ring-js-shortcuts');

package/dist/date-picker/date-picker.js

@@ -50,6 +50,8 @@ import '../_helpers/button__classes.js';
 import '../_helpers/link.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
 import '../global/composeRefs.js';
 import '../_helpers/input.js';
 import '../input/input-label.js';

package/dist/date-picker/date-popup.js

@@ -28,6 +28,8 @@ import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../global/get-uid.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
 import '../global/composeRefs.js';
 import '../_helpers/input.js';
 import '../input/input-label.js';

package/dist/editable-heading/editable-heading.js

@@ -1,5 +1,5 @@
 import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React from 'react';
+import React, { useEffect } from 'react';
 import classNames from 'classnames';
 import Heading, { Levels } from '../heading/heading.js';
 import { Button } from '../button/button.js';
@@ -20,6 +20,8 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
 import '../global/composeRefs.js';
 import '../input/input-label.js';
 import '../shortcuts/core.js';
@@ -27,7 +29,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 
-var modules_6e69b0fe = {"unit":"i__const_unit_0","editableHeading":"editableHeading_rui_0870","fullSize":"fullSize_rui_0870","isEditing":"isEditing_rui_0870","headingWrapperButton":"headingWrapperButton_rui_0870","disabled":"disabled_rui_0870","heading":"heading_rui_0870","multiline":"multiline_rui_0870","input":"input_rui_0870","error":"error_rui_0870","button":"button_rui_0870","errorText":"errorText_rui_0870","level1":"level1_rui_0870","level2":"level2_rui_0870","level3":"level3_rui_0870","sizeS":"sizeS_rui_0870","sizeM":"sizeM_rui_0870","sizeL":"sizeL_rui_0870","sizeFULL":"sizeFULL_rui_0870"};
+var modules_6e69b0fe = {"unit":"i__const_unit_0","editableHeading":"editableHeading_rui_0870","fullSize":"fullSize_rui_0870","isEditing":"isEditing_rui_0870","headingWrapperButton":"headingWrapperButton_rui_0870","disabled":"disabled_rui_0870","selectionMode":"selectionMode_rui_0870","heading":"heading_rui_0870","multiline":"multiline_rui_0870","input":"input_rui_0870","error":"error_rui_0870","button":"button_rui_0870","errorText":"errorText_rui_0870","level1":"level1_rui_0870","level2":"level2_rui_0870","level3":"level3_rui_0870","sizeS":"sizeS_rui_0870","sizeM":"sizeM_rui_0870","sizeL":"sizeL_rui_0870","sizeFULL":"sizeFULL_rui_0870"};
 
 function noop() {}
 const EditableHeading = props => {
@@ -61,6 +63,8 @@ const EditableHeading = props => {
   } = props;
   const [shortcutsScope] = React.useState(getUID('ring-editable-heading-'));
   const [isInFocus, setIsInFocus] = React.useState(false);
+  const [isMouseDown, setIsMouseDown] = React.useState(false);
+  const [isInSelectionMode, setIsInSelectionMode] = React.useState(false);
   const hasError = error !== undefined;
   const isSaveDisabled = !isSavingPossible || !children || children.trim() === '' || hasError || isSaving;
   const isCancelDisabled = isSaving;
@@ -80,16 +84,27 @@ const EditableHeading = props => {
     [modules_6e69b0fe.isEditing]: isEditing,
     [modules_6e69b0fe.error]: hasError,
     [modules_6e69b0fe.disabled]: disabled,
-    [modules_6e69b0fe.multiline]: multiline
+    [modules_6e69b0fe.multiline]: multiline,
+    [modules_6e69b0fe.selectionMode]: isInSelectionMode
   });
   const headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe[`size${size}`]);
   const inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_88cfaf40[`size${size}`], modules_6e69b0fe[`level${level}`], inputClassName);
-  const onHeadingClick = React.useCallback(() => {
-    if (disabled) {
-      return undefined;
+  const onHeadingMouseDown = React.useCallback(() => {
+    setIsMouseDown(true);
+  }, []);
+  const onMouseMove = React.useCallback(() => {
+    if (!isMouseDown) {
+      return;
     }
-    return onEdit();
-  }, [disabled, onEdit]);
+    setIsInSelectionMode(true);
+  }, [isMouseDown]);
+  const onMouseUp = React.useCallback(() => {
+    if (isMouseDown && !isInSelectionMode && !disabled) {
+      onEdit();
+    }
+    setIsMouseDown(false);
+    setIsInSelectionMode(false);
+  }, [isMouseDown, isInSelectionMode, disabled, onEdit]);
   const onInputFocus = React.useCallback(e => {
     setIsInFocus(true);
     onFocus?.(e);
@@ -98,6 +113,14 @@ const EditableHeading = props => {
     setIsInFocus(false);
     onBlur?.(e);
   }, [onBlur]);
+  useEffect(() => {
+    window.addEventListener('mousemove', onMouseMove);
+    window.addEventListener('mouseup', onMouseUp);
+    return () => {
+      window.removeEventListener('mousemove', onMouseMove);
+      window.removeEventListener('mouseup', onMouseUp);
+    };
+  });
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classes
   }, !disabled && isEditing ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Shortcuts, {
@@ -116,7 +139,7 @@ const EditableHeading = props => {
   }))) : /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: modules_6e69b0fe.headingWrapperButton,
-    onClick: onHeadingClick
+    onMouseDown: onHeadingMouseDown
   }, /*#__PURE__*/React.createElement(Heading, {
     className: headingClasses,
     level: level,

package/dist/global/react-render-adapter.js

@@ -4,8 +4,6 @@ import { render as render$1, unmountComponentAtNode as unmountComponentAtNode$1,
 let render = render$1;
 let unmountComponentAtNode = unmountComponentAtNode$1;
 let hydrate = hydrate$1;
-/* eslint-enable */
-
 function setClient(_ref) {
   let {
     createRoot,

package/dist/header/header.js

@@ -69,6 +69,8 @@ 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 '../auth/response-parser.js';

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,6 +67,8 @@ 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;
 }