@jetbrains/ring-ui 5.0.137 → 5.0.138

package/dist/header/profile.js

@@ -6,6 +6,7 @@ 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 '../global/url.js';
@@ -61,6 +62,7 @@ import '../tab-trap/tab-trap.js';
 import '../popup/position.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 {
@@ -99,7 +101,6 @@ class Profile extends PureComponent {
   static defaultProps = {
     closeOnSelect: true,
     renderPopupItems: items => items,
-    translations: {},
     size: Size.Size32,
     renderGuest: _ref => {
       let {
@@ -108,19 +109,24 @@ class Profile extends PureComponent {
         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...'));
+      return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, messages => {
+        var _translations$login;
+        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 = translations?.login) !== null && _translations$login !== void 0 ? _translations$login : messages.login));
+      });
     }
   };
+  static contextType = I18nContext;
   static Size = Size;
   render() {
+    var _translations$applyCh, _translations$login2, _translations$profile, _translations$switchU, _translations$logout;
     const {
       className,
       closeOnSelect,
@@ -144,6 +150,7 @@ class Profile extends PureComponent {
       onLogin,
       ...props
     } = this.props;
+    const messages = this.context;
     if (!user) {
       return /*#__PURE__*/React.createElement("div", _extends({}, props, {
         className: classNames(modules_47759f5e.profileEmpty, className)
@@ -168,28 +175,28 @@ class Profile extends PureComponent {
     }));
     const items = [showApplyChangedUser && {
       rgItemType,
-      label: translations.applyChangedUser || 'Apply changed user',
+      label: (_translations$applyCh = translations?.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : messages.applyChangedUser,
       className: modules_47759f5e.profileMenuItem,
       onClick: onRevertPostponement
     }, showLogIn && {
       rgItemType,
-      label: translations.login || 'Log in',
+      label: (_translations$login2 = translations?.login) !== null && _translations$login2 !== void 0 ? _translations$login2 : messages.login,
       className: modules_47759f5e.profileMenuItem,
       onClick: onRevertPostponement
     }, {
       rgItemType: PopupMenu.ListProps.Type.LINK,
-      label: translations.profile || 'Profile',
+      label: (_translations$profile = translations?.profile) !== null && _translations$profile !== void 0 ? _translations$profile : messages.profile,
       target: '_self',
       href: profileUrl,
       LinkComponent
     }, showSwitchUser && {
       rgItemType,
-      label: translations.switchUser || 'Switch user',
+      label: (_translations$switchU = translations?.switchUser) !== null && _translations$switchU !== void 0 ? _translations$switchU : messages.switchUser,
       className: modules_47759f5e.profileMenuItem,
       onClick: onSwitchUser
     }, showLogOut && {
       rgItemType,
-      label: translations.logout || 'Log out',
+      label: (_translations$logout = translations?.logout) !== null && _translations$logout !== void 0 ? _translations$logout : messages.logout,
       onClick: onLogout
     }].filter(isTruthy);
     return /*#__PURE__*/React.createElement(DropdownMenu, _extends({}, props, {

package/dist/header/smart-profile.js

@@ -54,6 +54,7 @@ import '../global/react-render-adapter.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';
@@ -92,6 +93,7 @@ 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 '../_helpers/header.js';
 
 const CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';

package/dist/header/smart-services.js

@@ -54,6 +54,7 @@ import '../group/group.js';
 import '../_helpers/group.js';
 import '../global/listeners.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/i18n/i18n-context.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+export declare const I18nContext: 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;
+}>;

package/dist/i18n/i18n-context.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { getTranslations } from './i18n.js';
+
+const I18nContext = /*#__PURE__*/React.createContext(getTranslations());
+
+export { I18nContext };

package/dist/i18n/i18n.d.ts

@@ -0,0 +1,56 @@
+import defaultMessages from './messages.json';
+export type Messages = typeof defaultMessages;
+export declare function setTranslations(newMessages: Messages): void;
+export declare function getTranslations(): {
+    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;
+};

package/dist/i18n/i18n.js

@@ -0,0 +1,114 @@
+var login = "Log in";
+var logout = "Log out";
+var loginTo = "Log in to {{serviceName}}";
+var ok = "OK";
+var cancel = "Cancel";
+var tryAgainLabel = "Try again";
+var postpone = "Postpone";
+var youHaveLoggedInAs = "You have logged in as another user: {{userName}}";
+var applyChange = "Apply change";
+var backendIsNotAvailable = "Connection lost";
+var checkAgain = "try again";
+var nothingHappensLink = "Click here if nothing happens";
+var errorMessage = "There may be a problem with your network connection. Make sure that you are online and";
+var applyChangedUser = "Apply changed user";
+var profile = "Profile";
+var switchUser = "Switch user";
+var addFirstDate = "Add first date";
+var addSecondDate = "Add second date";
+var addTime = "Add time";
+var selectName = "Select {{name}}";
+var setDate = "Set a date";
+var setDateTime = "Set date and time";
+var setPeriod = "Set a period";
+var clear = "Clear input";
+var gotIt = "Got it";
+var dismiss = "Dismiss";
+var perPage = "per page";
+var firstPage = "First page";
+var lastPage = "Last page";
+var nextPage = "Next page";
+var previousPage = "Previous";
+var searchTitle = "Search";
+var clearTitle = "Clear search input";
+var userAgreement = "User Agreement";
+var accept = "Accept";
+var decline = "Decline";
+var close = "Close";
+var scrollToAccept = "View the entire agreement to continue";
+var remindLater = "Remind me later";
+var filterItems = "Filter items";
+var selectOption = "Select an option";
+var progress = "Progress";
+var loading = "Loading...";
+var noOptionsFound = "No options found";
+var banned = "banned";
+var online = "online";
+var offline = "offline";
+var copyToClipboard = "Copy email to clipboard";
+var copiedToClipboard = "Email was copied to clipboard";
+var copingToClipboardError = "Failed to copy to clipboard";
+var unverified = "Unverified";
+var defaultMessages = {
+	login: login,
+	logout: logout,
+	loginTo: loginTo,
+	ok: ok,
+	cancel: cancel,
+	tryAgainLabel: tryAgainLabel,
+	postpone: postpone,
+	youHaveLoggedInAs: youHaveLoggedInAs,
+	applyChange: applyChange,
+	backendIsNotAvailable: backendIsNotAvailable,
+	checkAgain: checkAgain,
+	nothingHappensLink: nothingHappensLink,
+	errorMessage: errorMessage,
+	applyChangedUser: applyChangedUser,
+	profile: profile,
+	switchUser: switchUser,
+	addFirstDate: addFirstDate,
+	addSecondDate: addSecondDate,
+	addTime: addTime,
+	selectName: selectName,
+	setDate: setDate,
+	setDateTime: setDateTime,
+	setPeriod: setPeriod,
+	clear: clear,
+	gotIt: gotIt,
+	dismiss: dismiss,
+	perPage: perPage,
+	firstPage: firstPage,
+	lastPage: lastPage,
+	nextPage: nextPage,
+	previousPage: previousPage,
+	searchTitle: searchTitle,
+	clearTitle: clearTitle,
+	userAgreement: userAgreement,
+	accept: accept,
+	decline: decline,
+	close: close,
+	scrollToAccept: scrollToAccept,
+	remindLater: remindLater,
+	filterItems: filterItems,
+	selectOption: selectOption,
+	progress: progress,
+	loading: loading,
+	noOptionsFound: noOptionsFound,
+	banned: banned,
+	online: online,
+	offline: offline,
+	copyToClipboard: copyToClipboard,
+	copiedToClipboard: copiedToClipboard,
+	copingToClipboardError: copingToClipboardError,
+	unverified: unverified
+};
+
+let messages = defaultMessages;
+function setTranslations(newMessages) {
+  messages = newMessages;
+}
+function getTranslations() {
+  return messages;
+}
+
+export { getTranslations, setTranslations };

package/dist/input/input.d.ts

@@ -28,7 +28,7 @@ export interface InputBaseProps {
     icon?: string | ComponentType | null | undefined;
     height?: ControlsHeight | undefined;
     afterInput?: ReactNode;
-    translations: InputTranslations;
+    translations?: InputTranslations | null | undefined;
 }
 type Override<D, S> = Omit<D, keyof S> & S;
 export type InputSpecificProps = Override<InputHTMLAttributes<HTMLInputElement>, InputBaseProps> & {
@@ -46,9 +46,6 @@ export declare class Input extends PureComponent<InputProps> {
         onChange: typeof noop;
         inputRef: typeof noop;
         enableShortcuts: string[];
-        translations: {
-            clear: string;
-        };
     };
     state: {
         empty: boolean;

package/dist/input/input.js

@@ -7,6 +7,7 @@ import { refObject } from '../global/prop-types.js';
 import { Button } from '../button/button.js';
 import getUID from '../global/get-uid.js';
 import Icon from '../icon/icon.js';
+import { I18nContext } from '../i18n/i18n-context.js';
 import composeRefs from '../global/composeRefs.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 import { m as modules_88cfaf40 } from '../_helpers/input.js';
@@ -19,6 +20,7 @@ import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
+import '../i18n/i18n.js';
 
 function noop() {}
 /**
@@ -37,10 +39,7 @@ class Input extends PureComponent {
     size: Size.M,
     onChange: noop,
     inputRef: noop,
-    enableShortcuts: ['esc'],
-    translations: {
-      clear: 'Clear input'
-    }
+    enableShortcuts: ['esc']
   };
   state = {
     empty: true
@@ -152,7 +151,7 @@ class Input extends PureComponent {
       'aria-label': typeof label === 'string' && label ? label : placeholder,
       'data-enabled-shortcuts': Array.isArray(enableShortcuts) ? enableShortcuts.join(',') : null
     };
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, messages => /*#__PURE__*/React.createElement("div", {
       className: classes,
       "data-test": "ring-input"
     }, label && /*#__PURE__*/React.createElement(InputLabel, {
@@ -170,14 +169,14 @@ class Input extends PureComponent {
     }, commonProps, restProps)) : /*#__PURE__*/React.createElement("input", _extends({
       onChange: this.handleInputChange
     }, commonProps, restProps)), clearable && !disabled && /*#__PURE__*/React.createElement(Button, {
-      title: translations.clear,
+      title: (translations !== null && translations !== void 0 ? translations : messages).clear,
       "data-test": "ring-input-clear",
       className: modules_88cfaf40.clear,
       icon: closeIcon,
       onClick: this.clear
     }), afterInput), error && /*#__PURE__*/React.createElement("div", {
       className: modules_88cfaf40.errorText
-    }, error));
+    }, error)));
   }
 }
 Input.propTypes = {

package/dist/message/message.d.ts

@@ -11,7 +11,7 @@ export interface MessageTranslations {
 export interface MessageProps {
     icon: string | IconType | null;
     directions: readonly Directions[];
-    translations: MessageTranslations;
+    translations?: MessageTranslations | null | undefined;
     theme: Theme;
     title?: string | null | undefined;
     children?: ReactNode;
@@ -34,10 +34,6 @@ export default class Message extends Component<MessageProps> {
     static defaultProps: {
         icon: string;
         directions: Directions[];
-        translations: {
-            gotIt: string;
-            dismiss: string;
-        };
         theme: Theme;
     };
     state: MessageState;

package/dist/message/message.js

@@ -7,6 +7,7 @@ import Popup from '../popup/popup.js';
 import { Directions } from '../popup/popup.consts.js';
 import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
+import { I18nContext } from '../i18n/i18n-context.js';
 import { T as Theme, m as modules_59717246, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
 import 'react-dom';
 import '../global/get-uid.js';
@@ -30,6 +31,7 @@ import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
+import '../i18n/i18n.js';
 
 var modules_8b837449 = {"unit":"i__const_unit_0","padding":"12px","light":"light_rui_f3db","container":"container_rui_f3db","message":"message_rui_f3db","icon":"icon_rui_f3db","title":"title_rui_f3db font-lower_rui_8bff font_rui_8bff","description":"description_rui_f3db","button":"button_rui_f3db","tail":"tail_rui_f3db"};
 
@@ -107,10 +109,6 @@ class Message extends Component {
   static defaultProps = {
     icon: gift,
     directions: [Directions.TOP_RIGHT, Directions.TOP_LEFT, Directions.TOP_CENTER, Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.BOTTOM_CENTER, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.RIGHT_CENTER, Directions.LEFT_TOP, Directions.LEFT_BOTTOM, Directions.LEFT_CENTER],
-    translations: {
-      gotIt: 'Got it',
-      dismiss: 'Dismiss'
-    },
     theme: Theme.DARK
   };
   state = {};
@@ -166,7 +164,7 @@ class Message extends Component {
     const {
       direction
     } = this.state;
-    return /*#__PURE__*/React.createElement(WithThemeClasses, {
+    return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, messages => /*#__PURE__*/React.createElement(WithThemeClasses, {
       theme: theme
     }, themeClasses => /*#__PURE__*/React.createElement(Popup, _extends({
       ref: this.popupRef,
@@ -193,10 +191,10 @@ class Message extends Component {
       className: modules_8b837449.button,
       onClick: onClose,
       primary: true
-    }, buttonProps), translations.gotIt), onDismiss && /*#__PURE__*/React.createElement(Button, {
+    }, buttonProps), (translations !== null && translations !== void 0 ? translations : messages).gotIt), onDismiss && /*#__PURE__*/React.createElement(Button, {
       onClick: onDismiss,
       text: true
-    }, translations.dismiss))));
+    }, (translations !== null && translations !== void 0 ? translations : messages).dismiss)))));
   }
 }
 Message.propTypes = {

package/dist/pager/pager.d.ts

@@ -19,7 +19,7 @@ export interface PagerProps {
     disablePageSizeSelector: boolean;
     openTotal: boolean;
     canLoadLastPageWithOpenTotal: boolean;
-    translations: PagerTranslations;
+    translations?: PagerTranslations | null | undefined;
     loader: boolean;
     loaderNavigation: boolean;
     onPageSizeChange: (size: number) => void;
@@ -40,18 +40,64 @@ export default class Pager extends PureComponent<PagerProps> {
         disablePageSizeSelector: boolean;
         openTotal: boolean;
         canLoadLastPageWithOpenTotal: boolean;
-        translations: {
-            perPage: string;
-            firstPage: string;
-            lastPage: string;
-            nextPage: string;
-            previousPage: string;
-        };
         loader: boolean;
         loaderNavigation: boolean;
         onPageSizeChange: () => void;
         onLoadPage: () => void;
     };
+    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;
+    }>;
     getSelectOptions(): {
         selected: SelectItem<PagerSizeItem> | undefined;
         data: SelectItem<PagerSizeItem>[];