@jetbrains/ring-ui 5.0.137 → 5.0.138

package/components/user-card/card.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PureComponent, ReactElement } from 'react';
+import React, { HTMLAttributes, PureComponent, ReactElement } from 'react';
 import PropTypes from 'prop-types';
 export interface UserCardUser {
     name: string;
@@ -22,7 +22,8 @@ export interface UserCardWording {
 }
 export interface UserCardProps extends HTMLAttributes<HTMLDivElement> {
     user: UserCardUser;
-    wording: UserCardWording;
+    wording?: UserCardWording | null | undefined;
+    translations?: UserCardWording | null | undefined;
     info?: ReactElement | readonly ReactElement[] | string;
     avatarInfo?: ReactElement | readonly ReactElement[] | string;
     'data-test'?: string | null | undefined;
@@ -52,18 +53,69 @@ export default class UserCard extends PureComponent<UserCardProps> {
             copingToClipboardError: PropTypes.Requireable<string>;
             unverified: PropTypes.Requireable<string>;
         }>>;
+        translations: PropTypes.Requireable<PropTypes.InferProps<{
+            banned: PropTypes.Validator<string>;
+            online: PropTypes.Validator<string>;
+            offline: PropTypes.Validator<string>;
+            copyToClipboard: PropTypes.Requireable<string>;
+            copiedToClipboard: PropTypes.Requireable<string>;
+            copingToClipboardError: PropTypes.Requireable<string>;
+            unverified: PropTypes.Requireable<string>;
+        }>>;
     };
-    static defaultProps: {
-        wording: {
-            banned: string;
-            online: string;
-            offline: string;
-            copyToClipboard: string;
-            copiedToClipboard: string;
-            copingToClipboardError: string;
-            unverified: string;
-        };
-    };
+    static contextType: React.Context<{
+        login: string;
+        logout: string;
+        loginTo: string;
+        ok: string;
+        cancel: string;
+        tryAgainLabel: string;
+        postpone: string;
+        youHaveLoggedInAs: string;
+        applyChange: string;
+        backendIsNotAvailable: string;
+        checkAgain: string;
+        nothingHappensLink: string;
+        errorMessage: string;
+        applyChangedUser: string;
+        profile: string;
+        switchUser: string;
+        addFirstDate: string;
+        addSecondDate: string;
+        addTime: string;
+        selectName: string;
+        setDate: string;
+        setDateTime: string;
+        setPeriod: string;
+        clear: string;
+        gotIt: string;
+        dismiss: string;
+        perPage: string;
+        firstPage: string;
+        lastPage: string;
+        nextPage: string;
+        previousPage: string;
+        searchTitle: string;
+        clearTitle: string;
+        userAgreement: string;
+        accept: string;
+        decline: string;
+        close: string;
+        scrollToAccept: string;
+        remindLater: string;
+        filterItems: string;
+        selectOption: string;
+        progress: string;
+        loading: string;
+        noOptionsFound: string;
+        banned: string;
+        online: string;
+        offline: string;
+        copyToClipboard: string;
+        copiedToClipboard: string;
+        copingToClipboardError: string;
+        unverified: string;
+    }>;
     copyEmail: () => void;
     render(): JSX.Element;
 }

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,21 @@ 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 };
+        const messages = this.context;
+        const messageOverrides = this.props.wording || this.props.translations;
+        const wording = messageOverrides ?? messages;
         clipboard.copyText(this.props.user.email || '', wording.copiedToClipboard, wording.copingToClipboardError);
     };
     render() {
         const { children, info, className, user, avatarInfo, ...restProps } = this.props;
-        const wording = { ...UserCard.defaultProps.wording, ...this.props.wording };
+        const messages = this.context;
+        const messageOverrides = this.props.wording || this.props.translations;
+        const wording = messageOverrides ?? messages;
         const classes = classNames(className, {});
         const userActiveStatusClasses = classNames(styles.userActiveStatus, user.online ? styles.online : '');
         return (<div className={classes} {...restProps}>

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,32 +38,14 @@ 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
-    };
+    const messages = this.context;
+    const messageOverrides = this.props.wording || this.props.translations;
+    const wording = messageOverrides !== null && messageOverrides !== void 0 ? messageOverrides : messages;
     clipboard.copyText(this.props.user.email || '', wording.copiedToClipboard, wording.copingToClipboardError);
   };
   render() {
@@ -65,10 +57,9 @@ class UserCard extends PureComponent {
       avatarInfo,
       ...restProps
     } = this.props;
-    const wording = {
-      ...UserCard.defaultProps.wording,
-      ...this.props.wording
-    };
+    const messages = this.context;
+    const messageOverrides = this.props.wording || this.props.translations;
+    const wording = messageOverrides !== null && messageOverrides !== void 0 ? messageOverrides : messages;
     const classes = classNames(className, {});
     const userActiveStatusClasses = classNames(modules_a4196c17.userActiveStatus, user.online ? modules_a4196c17.online : '');
     return /*#__PURE__*/React.createElement("div", _extends({

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,19 @@ 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, messages => {
+      var _restProps$placeholde;
+      return /*#__PURE__*/React.createElement(Input, _extends({}, restProps, {
+        placeholder: (_restProps$placeholde = restProps.placeholder) !== null && _restProps$placeholde !== void 0 ? _restProps$placeholde : messages.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 { 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 : getTranslations());
     }
     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 _newUser$name, _newUser$name2;
     let {
       newUser,
       onApply,
@@ -634,6 +625,7 @@ class Auth {
     const {
       translations
     } = this.config;
+    const actualTranslations = translations !== null && translations !== void 0 ? translations : getTranslations();
     this._createInitDeferred();
     const done = () => {
       this._initDeferred?.resolve?.();
@@ -642,12 +634,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: actualTranslations.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: actualTranslations.login,
+      loginToCaption: actualTranslations.loginTo,
+      confirmLabel: actualTranslations.applyChange,
+      tryAgainLabel: actualTranslations.tryAgainLabel,
+      cancelLabel: actualTranslations.postpone,
       onConfirm: () => {
         done();
         onApply();
@@ -714,7 +706,7 @@ class Auth {
         onCheckAgain,
         onPostpone,
         backendError,
-        translations
+        translations: translations !== null && translations !== void 0 ? translations : getTranslations()
       });
       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,59 @@ export default class Profile extends PureComponent<ProfileProps> {
         renderGuest: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: ProfileProps;
+    static contextType: React.Context<{
+        login: string;
+        logout: string;
+        loginTo: string;
+        ok: string;
+        cancel: string;
+        tryAgainLabel: string;
+        postpone: string;
+        youHaveLoggedInAs: string;
+        applyChange: string;
+        backendIsNotAvailable: string;
+        checkAgain: string;
+        nothingHappensLink: string;
+        errorMessage: string;
+        applyChangedUser: string;
+        profile: string;
+        switchUser: string;
+        addFirstDate: string;
+        addSecondDate: string;
+        addTime: string;
+        selectName: string;
+        setDate: string;
+        setDateTime: string;
+        setPeriod: string;
+        clear: string;
+        gotIt: string;
+        dismiss: string;
+        perPage: string;
+        firstPage: string;
+        lastPage: string;
+        nextPage: string;
+        previousPage: string;
+        searchTitle: string;
+        clearTitle: string;
+        userAgreement: string;
+        accept: string;
+        decline: string;
+        close: string;
+        scrollToAccept: string;
+        remindLater: string;
+        filterItems: string;
+        selectOption: string;
+        progress: string;
+        loading: string;
+        noOptionsFound: string;
+        banned: string;
+        online: string;
+        offline: string;
+        copyToClipboard: string;
+        copiedToClipboard: string;
+        copingToClipboardError: string;
+        unverified: string;
+    }>;
     static Size: typeof Size;
     render(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
 }