ydb-ui-components 2.2.0 → 2.3.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.3.0](https://github.com/ydb-platform/ydb-ui-components/compare/v2.2.0...v2.3.0) (2022-07-18)
+
+
+### Features
+
+* **i18n:** add configure function ([c48e58e](https://github.com/ydb-platform/ydb-ui-components/commit/c48e58e33e361cf4f507190cd0a8d0a896975fb1))
+
 ## [2.2.0](https://github.com/ydb-platform/ydb-ui-components/compare/v2.1.0...v2.2.0) (2022-07-05)
 
 

package/README.md

@@ -1 +1,31 @@
 # ydb-ui-components
+
+A set of React components used in YDB interfaces.
+
+## Install
+
+```shell
+npm install --save-dev ydb-ui-components @yandex-cloud/uikit @yandex-cloud/i18n @yandex-cloud/browserslist-config
+```
+
+## I18N
+
+Some components contain prepared text. For changing language use `configure` function.
+
+**index.js**
+
+```js
+import {configure} from 'ydb-ui-components';
+
+configure({
+  lang: 'en',
+});
+```
+
+## Development
+
+To start the dev storybook
+
+```shell
+npm run start
+```

package/build/components/NavigationTree/i18n/index.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _i18n = require("../../i18n");
 
+var _utils = require("../../../utils");
+
 var _en = _interopRequireDefault(require("./en.json"));
 
 var _ru = _interopRequireDefault(require("./ru.json"));
@@ -15,9 +17,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const COMPONENT = 'ydb-navigation-tree';
 
-_i18n.i18n.registerKeyset('en', COMPONENT, _en.default);
+_i18n.i18n.registerKeyset(_utils.Lang.En, COMPONENT, _en.default);
 
-_i18n.i18n.registerKeyset('ru', COMPONENT, _ru.default);
+_i18n.i18n.registerKeyset(_utils.Lang.Ru, COMPONENT, _ru.default);
 
 var _default = _i18n.i18n.keyset(COMPONENT);
 

package/build/components/i18n.d.ts

@@ -1,3 +1,2 @@
 import { I18N } from '@yandex-cloud/i18n';
 export declare const i18n: I18N;
-export { I18N } from '@yandex-cloud/i18n';

package/build/components/i18n.js

@@ -3,15 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "I18N", {
-  enumerable: true,
-  get: function () {
-    return _i18n.I18N;
-  }
-});
 exports.i18n = void 0;
 
 var _i18n = require("@yandex-cloud/i18n");
 
+var _configure = require("../utils/configure");
+
 const i18n = new _i18n.I18N();
-exports.i18n = i18n;
+exports.i18n = i18n;
+i18n.setLang((0, _configure.getConfig)().lang || _configure.Lang.En);
+(0, _configure.subscribeConfigure)(config => {
+  if (config.lang) {
+    i18n.setLang(config.lang);
+  }
+});

package/build/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components/NavigationTree';
 export * from './components/TreeView';
 export { i18n } from './components/i18n';
+export * from './utils';

package/build/index.js

@@ -41,4 +41,18 @@ Object.keys(_TreeView).forEach(function (key) {
   });
 });
 
-var _i18n = require("./components/i18n");
+var _i18n = require("./components/i18n");
+
+var _utils = require("./utils");
+
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils[key];
+    }
+  });
+});

package/build/utils/configure.d.ts

@@ -0,0 +1,12 @@
+export declare enum Lang {
+    Ru = "ru",
+    En = "en"
+}
+interface Config {
+    lang?: Lang;
+}
+declare type Subscriber = (config: Config) => void;
+export declare const configure: (newConfig: Config) => void;
+export declare const subscribeConfigure: (sub: Subscriber) => () => void;
+export declare const getConfig: () => Config;
+export {};

package/build/utils/configure.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.subscribeConfigure = exports.getConfig = exports.configure = exports.Lang = void 0;
+let Lang;
+exports.Lang = Lang;
+
+(function (Lang) {
+  Lang["Ru"] = "ru";
+  Lang["En"] = "en";
+})(Lang || (exports.Lang = Lang = {}));
+
+let subs = [];
+const config = {};
+
+const configure = newConfig => {
+  Object.assign(config, newConfig);
+  subs.forEach(sub => {
+    sub(config);
+  });
+};
+
+exports.configure = configure;
+
+const subscribeConfigure = sub => {
+  subs.push(sub);
+  return () => {
+    subs = subs.filter(item => item !== sub);
+  };
+};
+
+exports.subscribeConfigure = subscribeConfigure;
+
+const getConfig = () => config;
+
+exports.getConfig = getConfig;

package/build/utils/index.d.ts

@@ -0,0 +1 @@
+export { configure, Lang } from './configure';

package/build/utils/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Lang", {
+  enumerable: true,
+  get: function () {
+    return _configure.Lang;
+  }
+});
+Object.defineProperty(exports, "configure", {
+  enumerable: true,
+  get: function () {
+    return _configure.configure;
+  }
+});
+
+var _configure = require("./configure");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-ui-components",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "",
   "license": "MIT",
   "main": "build/index.js",