@jetbrains/ring-ui 5.0.136 → 5.0.138

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;
 }

package/dist/header/profile.js

@@ -6,13 +6,13 @@ 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';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
 import '../global/get-uid.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
@@ -62,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 {
@@ -100,7 +101,6 @@ class Profile extends PureComponent {
   static defaultProps = {
     closeOnSelect: true,
     renderPopupItems: items => items,
-    translations: {},
     size: Size.Size32,
     renderGuest: _ref => {
       let {
@@ -109,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,
@@ -145,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)
@@ -169,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/services-link.js

@@ -3,7 +3,6 @@ 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 '../global/data-tests.js';

package/dist/header/services.js

@@ -19,7 +19,6 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../button/button.js';
-import 'focus-visible';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';

package/dist/header/smart-profile.js

@@ -27,7 +27,6 @@ import '../global/data-tests.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
@@ -55,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';
@@ -93,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

@@ -31,7 +31,6 @@ import '../global/data-tests.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
@@ -55,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/header/tray-icon.js

@@ -4,7 +4,6 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { Button } from '../button/button.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

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,11 +7,11 @@ 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';
 import { InputLabel } from './input-label.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
@@ -20,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() {}
 /**
@@ -38,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
@@ -153,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, {
@@ -171,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/input-ng/input-ng.js

@@ -4,7 +4,6 @@ import closeIcon from '@jetbrains/icons/close';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import { m as modules_88cfaf40 } from '../_helpers/input.js';
 import Button from '../button-ng/button-ng.js';
-import 'focus-visible';
 import '../global/dom.js';
 import '../icon-ng/icon-ng.js';
 import '../icon/icon__constants.js';

package/dist/island/island.d.ts

@@ -1,4 +1,3 @@
-import 'focus-visible';
 import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 export interface IslandProps extends HTMLAttributes<HTMLElement> {

package/dist/island/island.js

@@ -1,5 +1,4 @@
 import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'focus-visible';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/dist/island-ng/island-ng.js

@@ -1,4 +1,3 @@
-import 'focus-visible';
 import angular from 'angular';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import IslandHeader from './island-header-ng.js';

package/dist/link/link.d.ts

@@ -1,4 +1,3 @@
-import 'focus-visible';
 import React, { ReactNode, ComponentType } from 'react';
 import PropTypes from 'prop-types';
 import { ClickableLinkProps } from './clickableLink';

package/dist/link/link.js

@@ -1,5 +1,4 @@
 import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'focus-visible';
 import React, { PureComponent, memo } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/dist/link-ng/link-ng.js

@@ -1,4 +1,3 @@
-import 'focus-visible';
 import angular from 'angular';
 import { m as modules_607b0772 } from '../_helpers/link.js';
 

package/dist/list/list.js

@@ -28,7 +28,6 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../link/link.js';
-import 'focus-visible';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../avatar/avatar.js';

package/dist/list/list__item.js

@@ -11,7 +11,6 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/url.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
-import 'focus-visible';
 import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';

package/dist/list/list__link.js

@@ -5,7 +5,6 @@ import classNames from 'classnames';
 import Link, { linkHOC } from '../link/link.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
-import 'focus-visible';
 import '../global/memoize.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';

package/dist/list/list__users-groups-source.js

@@ -25,7 +25,6 @@ import '../global/create-stateful-context.js';
 import './list__link.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../link/link.js';
-import 'focus-visible';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../_helpers/list.js';

package/dist/login-dialog/login-dialog.js

@@ -19,7 +19,6 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

package/dist/login-dialog/service.js

@@ -9,7 +9,6 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../island/island.js';
-import 'focus-visible';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';

package/dist/markdown/link.js

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Link from '../link/link.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'focus-visible';
 import 'classnames';
 import '../global/memoize.js';
 import '../global/data-tests.js';