@jetbrains/ring-ui 5.0.137 → 5.0.139

package/dist/table-legacy-ng/table-legacy-ng.js

@@ -88,6 +88,8 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../input/input.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
 import '../_helpers/input.js';
 import '../input/input-label.js';
 import '../global/rerender-hoc.js';

package/dist/table-legacy-ng/table-legacy-ng__pager.js

@@ -78,6 +78,8 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../input/input.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
 import '../_helpers/input.js';
 import '../input/input-label.js';
 import '../global/rerender-hoc.js';

package/dist/tags-input/tags-input.js

@@ -69,6 +69,8 @@ import '../list/list__hint.js';
 import '../list/consts.js';
 import '../input/input-label.js';
 import '../global/fuzzy-highlight.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';
 import '../loader-inline/loader-inline.js';

package/dist/tags-input-ng/tags-input-ng.js

@@ -69,6 +69,8 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../input/input.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
 import '../_helpers/input.js';
 import '../input/input-label.js';
 import '../global/rerender-hoc.js';

package/dist/user-agreement/service.js

@@ -72,6 +72,8 @@ import 'highlight.js/lib/core';
 import '../markdown/link.js';
 import '../markdown/heading.js';
 import '../heading/heading.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
 
 const GUEST_SESSION_KEY = 'end-user-agreement-consent';
 const ONE_HOUR = 60 * 60 * 1000; // eslint-disable-line @typescript-eslint/no-magic-numbers

package/dist/user-agreement/user-agreement.d.ts

@@ -14,7 +14,7 @@ export interface UserAgreementTranslations {
 }
 export interface UserAgreementProps {
     text: string;
-    translations: UserAgreementTranslations;
+    translations?: UserAgreementTranslations | null | undefined;
     show: boolean;
     onAccept: () => void;
     onDecline: () => void;
@@ -46,14 +46,6 @@ export default class UserAgreement extends PureComponent<UserAgreementProps> {
         className: PropTypes.Requireable<string>;
     };
     static defaultProps: {
-        translations: {
-            userAgreement: string;
-            accept: string;
-            decline: string;
-            close: string;
-            scrollToAccept: string;
-            remindLater: string;
-        };
         show: boolean;
         onAccept: typeof noop;
         onDecline: typeof noop;

package/dist/user-agreement/user-agreement.js

@@ -6,6 +6,7 @@ import '../island/island.js';
 import Panel from '../panel/panel.js';
 import { Button } from '../button/button.js';
 import Markdown from '../markdown/markdown.js';
+import { I18nContext } from '../i18n/i18n-context.js';
 import HeaderWrapper from '../island/header.js';
 import ContentWrapper from '../island/content.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
@@ -50,6 +51,7 @@ import '../link/link.js';
 import '../_helpers/link.js';
 import '../markdown/heading.js';
 import '../heading/heading.js';
+import '../i18n/i18n.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 
@@ -79,14 +81,6 @@ class UserAgreement extends PureComponent {
     className: PropTypes.string
   };
   static defaultProps = {
-    translations: {
-      userAgreement: 'User Agreement',
-      accept: 'Accept',
-      decline: 'Decline',
-      close: 'Close',
-      scrollToAccept: 'View the entire agreement to continue',
-      remindLater: 'Remind me later'
-    },
     show: false,
     onAccept: noop,
     onDecline: noop,
@@ -113,39 +107,45 @@ class UserAgreement extends PureComponent {
       preview,
       className
     } = this.props;
-    return /*#__PURE__*/React.createElement(Dialog, {
-      label: translations.userAgreement,
-      show: show,
-      className: classNames(modules_f5ed85cf.agreementDialog, className),
-      contentClassName: modules_f5ed85cf.dialogContent,
-      trapFocus: true,
-      autoFocusFirst: false,
-      "data-test": "user-agreement"
-    }, /*#__PURE__*/React.createElement(HeaderWrapper, null, translations.userAgreement), /*#__PURE__*/React.createElement(ContentWrapper, {
-      fade: true,
-      onScrollToBottom: this.onScrollToBottom
-    }, /*#__PURE__*/React.createElement(Markdown, null, text)), !preview && /*#__PURE__*/React.createElement(Panel, null, onRemindLater && !scrolledDown && /*#__PURE__*/React.createElement("div", {
-      className: modules_f5ed85cf.suggestion
-    }, translations.scrollToAccept), /*#__PURE__*/React.createElement(Button, {
-      primary: true,
-      disabled: !scrolledDown,
-      onClick: onAccept,
-      "data-test": "accept"
-    }, translations.accept), /*#__PURE__*/React.createElement(Button, {
-      onClick: onDecline,
-      autoFocus: true,
-      "data-test": "decline"
-    }, translations.decline), !onRemindLater && !scrolledDown && /*#__PURE__*/React.createElement("span", {
-      className: modules_f5ed85cf.suggestion
-    }, translations.scrollToAccept), onRemindLater && /*#__PURE__*/React.createElement(Button, {
-      className: modules_f5ed85cf.remindLaterButton,
-      onClick: onRemindLater,
-      "data-test": "later"
-    }, translations.remindLater)), preview && /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(Button, {
-      onClick: onClose,
-      autoFocus: true,
-      "data-test": "close"
-    }, translations.close)));
+    return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, _ref => {
+      var _translations$userAgr, _translations$userAgr2, _translations$scrollT, _translations$accept, _translations$decline, _translations$scrollT2, _translations$remindL, _translations$close;
+      let {
+        translate
+      } = _ref;
+      return /*#__PURE__*/React.createElement(Dialog, {
+        label: (_translations$userAgr = translations?.userAgreement) !== null && _translations$userAgr !== void 0 ? _translations$userAgr : translate('userAgreement'),
+        show: show,
+        className: classNames(modules_f5ed85cf.agreementDialog, className),
+        contentClassName: modules_f5ed85cf.dialogContent,
+        trapFocus: true,
+        autoFocusFirst: false,
+        "data-test": "user-agreement"
+      }, /*#__PURE__*/React.createElement(HeaderWrapper, null, (_translations$userAgr2 = translations?.userAgreement) !== null && _translations$userAgr2 !== void 0 ? _translations$userAgr2 : translate('userAgreement')), /*#__PURE__*/React.createElement(ContentWrapper, {
+        fade: true,
+        onScrollToBottom: this.onScrollToBottom
+      }, /*#__PURE__*/React.createElement(Markdown, null, text)), !preview && /*#__PURE__*/React.createElement(Panel, null, onRemindLater && !scrolledDown && /*#__PURE__*/React.createElement("div", {
+        className: modules_f5ed85cf.suggestion
+      }, (_translations$scrollT = translations?.scrollToAccept) !== null && _translations$scrollT !== void 0 ? _translations$scrollT : translate('scrollToAccept')), /*#__PURE__*/React.createElement(Button, {
+        primary: true,
+        disabled: !scrolledDown,
+        onClick: onAccept,
+        "data-test": "accept"
+      }, (_translations$accept = translations?.accept) !== null && _translations$accept !== void 0 ? _translations$accept : translate('accept')), /*#__PURE__*/React.createElement(Button, {
+        onClick: onDecline,
+        autoFocus: true,
+        "data-test": "decline"
+      }, (_translations$decline = translations?.decline) !== null && _translations$decline !== void 0 ? _translations$decline : translate('decline')), !onRemindLater && !scrolledDown && /*#__PURE__*/React.createElement("span", {
+        className: modules_f5ed85cf.suggestion
+      }, (_translations$scrollT2 = translations?.scrollToAccept) !== null && _translations$scrollT2 !== void 0 ? _translations$scrollT2 : translate('scrollToAccept')), onRemindLater && /*#__PURE__*/React.createElement(Button, {
+        className: modules_f5ed85cf.remindLaterButton,
+        onClick: onRemindLater,
+        "data-test": "later"
+      }, (_translations$remindL = translations?.remindLater) !== null && _translations$remindL !== void 0 ? _translations$remindL : translate('remindLater'))), preview && /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(Button, {
+        onClick: onClose,
+        autoFocus: true,
+        "data-test": "close"
+      }, (_translations$close = translations?.close) !== null && _translations$close !== void 0 ? _translations$close : translate('close'))));
+    });
   }
 }
 

package/dist/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,18 @@ 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<import("../i18n/i18n-context").I18nContextProps>;
+    context: React.ContextType<typeof UserCard.contextType>;
     copyEmail: () => void;
     render(): JSX.Element;
 }

package/dist/user-card/card.js

@@ -8,6 +8,7 @@ import '../link/link.js';
 import '../clipboard/clipboard.js';
 import '../_helpers/badge.js';
 import '../icon/icon.js';
+import '../i18n/i18n-context.js';
 export { U as default } from '../_helpers/card.js';
 import '../icon/icon__constants.js';
 import '../global/url.js';
@@ -49,3 +50,4 @@ import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../clipboard/clipboard-fallback.js';
+import '../i18n/i18n.js';

package/dist/user-card/smart-user-card-tooltip.js

@@ -53,6 +53,8 @@ import '../_helpers/theme.js';
 import '../alert/container.js';
 import '../clipboard/clipboard-fallback.js';
 import '../_helpers/badge.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
 
 class SmartUserCardTooltip extends Component {
   static propTypes = {

package/dist/user-card/tooltip.js

@@ -52,6 +52,8 @@ import '../_helpers/theme.js';
 import '../alert/container.js';
 import '../clipboard/clipboard-fallback.js';
 import '../_helpers/badge.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
 
 const DEFAULT_TIMEOUT = 300;
 class UserCardTooltip extends Component {

package/dist/user-card/user-card.js

@@ -51,6 +51,8 @@ import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../clipboard/clipboard-fallback.js';
 import '../_helpers/badge.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
 import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';

package/dist/user-card-ng/user-card-ng.js

@@ -55,6 +55,8 @@ import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../clipboard/clipboard-fallback.js';
 import '../_helpers/badge.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
 import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.137",
+  "version": "5.0.139",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -75,48 +75,49 @@
   },
   "readmeFilename": "README.md",
   "devDependencies": {
-    "@babel/cli": "^7.21.0",
-    "@babel/eslint-parser": "^7.21.3",
+    "@babel/cli": "^7.21.5",
+    "@babel/eslint-parser": "^7.21.8",
     "@jetbrains/eslint-config": "^5.4.1",
     "@jetbrains/stylelint-config": "^4.0.1",
     "@primer/octicons": "^18.3.0",
     "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-replace": "^5.0.2",
     "@storybook/addon-a11y": "7.0.7",
     "@storybook/addon-docs": "7.0.7",
-    "@storybook/addon-essentials": "7.0.6",
-    "@storybook/addon-storyshots": "7.0.2",
+    "@storybook/addon-essentials": "7.0.7",
+    "@storybook/addon-storyshots": "7.0.7",
     "@storybook/addon-storyshots-puppeteer": "7.0.7",
     "@storybook/addon-storysource": "7.0.7",
-    "@storybook/addons": "7.0.6",
-    "@storybook/core": "6.5.16",
-    "@storybook/html": "7.0.2",
+    "@storybook/addons": "7.0.7",
+    "@storybook/html": "7.0.7",
     "@storybook/html-webpack5": "^7.0.7",
-    "@storybook/preview-api": "7.0.2",
-    "@storybook/react": "7.0.6",
+    "@storybook/preview-api": "7.0.7",
+    "@storybook/react": "7.0.7",
     "@storybook/source-loader": "7.0.7",
-    "@storybook/theming": "7.0.6",
+    "@storybook/theming": "7.0.7",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/chai": "^4.3.4",
+    "@types/chai": "^4.3.5",
     "@types/chai-as-promised": "^7.1.5",
     "@types/chai-dom": "0.0.10",
     "@types/chai-enzyme": "^0.6.8",
     "@types/enzyme": "^3.10.13",
-    "@types/react": "^18.0.38",
-    "@types/react-dom": "^18.0.11",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.1",
     "@types/sinon": "^10.0.14",
     "@types/sinon-chai": "^3.2.9",
-    "@typescript-eslint/eslint-plugin": "^5.59.0",
-    "@typescript-eslint/parser": "^5.59.0",
+    "@typescript-eslint/eslint-plugin": "^5.59.2",
+    "@typescript-eslint/parser": "^5.59.2",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
+    "acorn": "^8.8.2",
     "angular": "^1.8.3",
     "angular-mocks": "^1.8.3",
     "angular-route": "^1.8.3",
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "caniuse-lite": "^1.0.30001481",
+    "caniuse-lite": "^1.0.30001482",
     "chai": "^4.3.7",
     "chai-as-promised": "^7.1.1",
     "chai-dom": "^1.10.0",
@@ -142,31 +143,31 @@
     "jest": "~29.5.0",
     "jest-environment-jsdom": "^29.5.0",
     "jest-teamcity": "^1.10.0",
-    "karma": "^6.4.1",
+    "karma": "^6.4.2",
     "karma-chrome-launcher": "3.2.0",
     "karma-mocha": "^2.0.1",
     "karma-sourcemap-loader": "^0.4.0",
     "karma-teamcity-reporter": "^2.0.0",
     "karma-webpack": "^5.0.0",
-    "lint-staged": "^13.2.1",
+    "lint-staged": "^13.2.2",
     "merge-options": "^3.0.4",
     "mocha": "^10.2.0",
     "pinst": "^3.0.0",
-    "prettier": "^2.8.7",
-    "puppeteer": "^19.10.1",
+    "prettier": "^2.8.8",
+    "puppeteer": "^20.0.0",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0",
     "regenerator-runtime": "^0.13.11",
     "rimraf": "^5.0.0",
-    "rollup": "^3.21.0",
+    "rollup": "^3.21.3",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
     "sinon": "^15.0.4",
     "sinon-chai": "^3.7.0",
     "storage-mock": "^2.1.0",
-    "storybook": "^7.0.6",
+    "storybook": "^7.0.7",
     "storybook-addon-themes": "^6.1.0",
     "storybook-zeplin": "^2.0.0",
     "stylelint": "^15.6.0",
@@ -175,10 +176,9 @@
     "terser-webpack-plugin": "^5.3.7",
     "typescript": "~5.0.4",
     "wallaby-webpack": "^3.9.16",
-    "webpack": "^5.80.0",
+    "webpack": "^5.81.0",
     "webpack-cli": "^5.0.2",
-    "xmlappend": "^1.0.4",
-    "yo": "^4.3.1"
+    "xmlappend": "^1.0.4"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0",
@@ -200,8 +200,8 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.21.4",
-    "@babel/preset-typescript": "^7.21.4",
+    "@babel/core": "^7.21.8",
+    "@babel/preset-typescript": "^7.21.5",
     "@jetbrains/babel-preset-jetbrains": "^2.3.2",
     "@jetbrains/icons": "^3.21.0",
     "@jetbrains/logos": "^2.2.16",
@@ -223,8 +223,8 @@
     "compile-code-loader": "^1.0.0",
     "css-loader": "^6.7.3",
     "csstype": "^3.1.2",
-    "date-fns": "^2.29.3",
-    "deep-equal": "^2.2.0",
+    "date-fns": "^2.30.0",
+    "deep-equal": "^2.2.1",
     "element-resize-detector": "^1.2.4",
     "es6-error": "^4.1.1",
     "eslint-plugin-react-hooks": "^4.6.0",
@@ -238,10 +238,10 @@
     "just-debounce-it": "^3.2.0",
     "memoize-one": "^6.0.0",
     "postcss": "^8.4.23",
-    "postcss-calc": "^8.2.4",
+    "postcss-calc": "^9.0.0",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-font-family-system-ui": "^5.0.0",
-    "postcss-loader": "^7.2.4",
+    "postcss-loader": "^7.3.0",
     "postcss-modules-values-replace": "^4.1.0",
     "postcss-preset-env": "^8.3.2",
     "prop-types": "^15.8.1",