@gravity-ui/chartkit 0.7.2 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## [0.9.0](https://github.com/gravity-ui/chartkit/compare/v0.8.0...v0.9.0) (2022-11-08)
+
+
+### Features
+
+* add isMobile property ([#57](https://github.com/gravity-ui/chartkit/issues/57)) ([a2e87ed](https://github.com/gravity-ui/chartkit/commit/a2e87edf1d05705fb92c2571b5a71496c48d9215))
+
+## [0.8.0](https://github.com/gravity-ui/chartkit/compare/v0.7.2...v0.8.0) (2022-10-04)
+
+
+### Features
+
+* move to @gravity-ui/i18n ([#45](https://github.com/gravity-ui/chartkit/issues/45)) ([ad401d8](https://github.com/gravity-ui/chartkit/commit/ad401d85bf50ab4ceb0ae8a837c4b11cd36a4acd))
+
+
+### Bug Fixes
+
+* add ChartKitOnError type export ([#54](https://github.com/gravity-ui/chartkit/issues/54)) ([7660be7](https://github.com/gravity-ui/chartkit/commit/7660be756cd3ec1057aa9fd4bb45226c9632e80f))
+
 ## [0.7.2](https://github.com/gravity-ui/chartkit/compare/v0.7.1...v0.7.2) (2022-10-03)
 
 

package/README.md

@@ -5,7 +5,7 @@ React component used to render charts based on any sources you need
 ## Install
 
 ```shell
-npm i --save-dev @gravity-ui/chartkit @gravity-ui/uikit @gravity-ui/i18n
+npm i --save-dev @gravity-ui/chartkit @gravity-ui/uikit
 ```
 
 ## Usage

package/build/components/ChartKit.css

@@ -1,4 +1,8 @@
 .chartkit {
   height: 100%;
   width: 100%;
+}
+
+.chartkit_mobile .chartkit-scrollable-node {
+  max-height: 3000px;
 }

package/build/components/ChartKit.d.ts

@@ -10,6 +10,7 @@ export declare const ChartKit: <T extends keyof import("../types").ChartkitWidge
     type: T;
     data: import("../types").ChartkitWidget[T]["data"];
     id?: string | undefined;
+    isMobile?: boolean | undefined;
     onLoad?: ((data?: import("../types").ChartKitOnLoadData<T> | undefined) => void) | undefined;
     onError?: import("../types").ChartKitOnError | undefined;
     formatNumber?: import("../types").ChartKitFormatNumber | undefined;

package/build/components/ChartKit.js

@@ -11,7 +11,7 @@ import './ChartKit.css';
 const b = block('chartkit');
 const ChartKitComponent = (props) => {
     const widgetRef = React.useRef();
-    const { instanceRef, id = getRandomCKId(), type, data, onLoad } = props, restProps = __rest(props, ["instanceRef", "id", "type", "data", "onLoad"]);
+    const { instanceRef, id = getRandomCKId(), type, data, onLoad, isMobile } = props, restProps = __rest(props, ["instanceRef", "id", "type", "data", "onLoad", "isMobile"]);
     const lang = settings.get('lang');
     const plugins = settings.get('plugins');
     const plugin = plugins.find((iteratedPlugin) => iteratedPlugin.type === type);
@@ -31,7 +31,7 @@ const ChartKitComponent = (props) => {
         },
     }), []);
     return (React.createElement(React.Suspense, { fallback: React.createElement(Loader, null) },
-        React.createElement("div", { className: b() },
+        React.createElement("div", { className: b({ mobile: isMobile }) },
             React.createElement(ChartComponent, Object.assign({ ref: widgetRef, id: id, lang: lang, data: data, onLoad: onLoad }, restProps)))));
 };
 const ChartKitComponentWithErrorBoundary = React.forwardRef((props, ref) => {

package/build/i18n/index.d.ts

@@ -1,4 +1,4 @@
-import { I18N, I18NFn } from '@yandex-cloud/i18n';
+import { I18N, I18NFn } from '@gravity-ui/i18n';
 import en from './keysets/en.json';
 declare type Keysets = typeof en;
 declare type TypedI18n = I18NFn<Keysets>;

package/build/i18n/index.js

@@ -1,4 +1,4 @@
-import { I18N } from '@yandex-cloud/i18n';
+import { I18N } from '@gravity-ui/i18n';
 import en from './keysets/en.json';
 import ru from './keysets/ru.json';
 const i18nFactory = new I18N();

package/build/index.d.ts

@@ -1,5 +1,5 @@
 import { ChartKit } from './components/ChartKit';
 import { settings } from './libs';
-export type { ChartKitLang, ChartKitOnLoadData, ChartKitPlugin, ChartKitProps, ChartKitRef, ChartKitWidgetRef, ChartkitType, ChartkitWidget, } from './types';
+export type { ChartKitLang, ChartKitOnLoadData, ChartKitOnError, ChartKitPlugin, ChartKitProps, ChartKitRef, ChartKitWidgetRef, ChartkitType, ChartkitWidget, } from './types';
 export { settings };
 export default ChartKit;

package/build/libs/settings/__tests__/settings.test.js

@@ -1,7 +1,24 @@
 import { DEFAULT_LOCALE_SPECIFICATION, settings } from '../settings';
+const resetSettings = () => settings.set({
+    lang: 'en',
+    locale: DEFAULT_LOCALE_SPECIFICATION,
+});
 describe('libs/settings', () => {
     it('Default locale should be equal DEFAULT_LOCALE_SPECIFICATION', () => {
         const result = settings.get('locale');
         expect(result).toBe(DEFAULT_LOCALE_SPECIFICATION);
     });
+    it('Default lang should be equal to en', () => {
+        const result = settings.get('lang');
+        expect(result).toBe('en');
+    });
+    it('Changed lang should be equal to ru', () => {
+        settings.set({
+            lang: 'ru',
+        });
+        const result = settings.get('lang');
+        expect(result).toBe('ru');
+    });
+    beforeAll(resetSettings);
+    afterEach(resetSettings);
 });

package/build/types/index.d.ts

@@ -20,6 +20,7 @@ export declare type ChartKitProps<T extends ChartkitType> = {
     type: T;
     data: ChartkitWidget[T]['data'];
     id?: string;
+    isMobile?: boolean;
     onLoad?: (data?: ChartKitOnLoadData<T>) => void;
     onError?: ChartKitOnError;
     formatNumber?: ChartKitFormatNumber;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/chartkit",
-  "version": "0.7.2",
+  "version": "0.9.0",
   "description": "React component used to render charts based on any sources you need",
   "license": "MIT",
   "repository": "git@github.com:gravity-ui/ChartKit.git",
@@ -19,6 +19,7 @@
   },
   "devDependencies": {
     "@gravity-ui/eslint-config": "^1.0.2",
+    "@gravity-ui/i18n": "^1.0.0",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
@@ -33,7 +34,6 @@
     "@types/react": "^17.0.48",
     "@types/react-dom": "^17.0.17",
     "@typescript-eslint/eslint-plugin": "^5.31.0",
-    "@yandex-cloud/i18n": "^0.5.0",
     "eslint": "^8.11.0",
     "gulp": "^4.0.2",
     "gulp-cli": "^2.3.0",
@@ -59,8 +59,7 @@
   "peerDependencies": {
     "react": "^16.0.0 || ^17.0.0",
     "moment": "^2.19.3",
-    "@gravity-ui/uikit": "^3.0.0",
-    "@yandex-cloud/i18n": "^0.5.0"
+    "@gravity-ui/uikit": "^3.0.0"
   },
   "scripts": {
     "test": "jest",