@gravity-ui/chartkit 2.0.0 → 2.1.0

package/CHANGELOG.md

@@ -1,16 +1,21 @@
 # Changelog
 
+## [2.1.0](https://github.com/gravity-ui/chartkit/compare/v2.0.0...v2.1.0) (2023-03-13)
+
+
+### Features
+
+* **Highcharts:** add linesLimit property to HighchartsWidgetData.config ([#135](https://github.com/gravity-ui/chartkit/issues/135)) ([91d16a3](https://github.com/gravity-ui/chartkit/commit/91d16a32aad00fb683c68f3f39a6477f14f18c33))
+
 ## [2.0.0](https://github.com/gravity-ui/chartkit/compare/v1.6.7...v2.0.0) (2023-03-09)
 
 
 ### ⚠ BREAKING CHANGES
 
-* update uikit up to 4
 * update uikit up to 4 ([#133](https://github.com/gravity-ui/chartkit/issues/133))
 
 ### Features
 
-* update uikit up to 4 ([8ae0c8d](https://github.com/gravity-ui/chartkit/commit/8ae0c8d179273a448de8f670dfe1b3f2314c0523))
 * update uikit up to 4 ([#133](https://github.com/gravity-ui/chartkit/issues/133)) ([8ae0c8d](https://github.com/gravity-ui/chartkit/commit/8ae0c8d179273a448de8f670dfe1b3f2314c0523))
 
 ## [1.6.7](https://github.com/gravity-ui/chartkit/compare/v1.6.6...v1.6.7) (2023-02-21)

package/build/components/ErrorView/ErrorView.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { i18n } from '../../i18n';
 export const ErrorView = ({ error }) => {
-    const message = error.message || i18n('error', 'label_unknown-error');
+    const code = 'code' in error && error.code;
+    const message = error.message || code || i18n('error', 'label_unknown-error');
     return React.createElement("div", null, message);
 };

package/build/plugins/highcharts/__stories__/Line.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ChartKit } from '../../../components/ChartKit';
-import { data } from './mocks/line';
+import { data } from '../mocks/line';
 import { ChartStory } from './components/ChartStory';
 export default {
     title: 'Plugins/Highcharts/Line',

package/build/plugins/highcharts/__stories__/Pie.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ChartKit } from '../../../components/ChartKit';
-import { data } from './mocks/pie';
+import { data } from '../mocks/pie';
 import { ChartStory } from './components/ChartStory';
 export default {
     title: 'Plugins/Highcharts/Pie',

package/build/plugins/highcharts/__stories__/area/Range.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ChartKit } from '../../../../components/ChartKit';
-import { data } from '../mocks/area-range';
+import { data } from '../../mocks/area-range';
 import { ChartStory } from '../components/ChartStory';
 export default {
     title: 'Plugins/Highcharts/Area',

package/build/plugins/highcharts/__stories__/area/Stacked.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ChartKit } from '../../../../components/ChartKit';
-import { data } from '../mocks/area-stacked';
+import { data } from '../../mocks/area-stacked';
 import { ChartStory } from '../components/ChartStory';
 export default {
     title: 'Plugins/Highcharts/Area',

package/build/plugins/highcharts/__stories__/column/HorizontalStacked.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ChartKit } from '../../../../components/ChartKit';
-import { data } from '../mocks/column-hor-stacked';
+import { data } from '../../mocks/column-hor-stacked';
 import { ChartStory } from '../components/ChartStory';
 export default {
     title: 'Plugins/Highcharts/Column',

package/build/plugins/highcharts/__stories__/column/Vertical.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ChartKit } from '../../../../components/ChartKit';
-import { data } from '../mocks/column-ver';
+import { data } from '../../mocks/column-ver';
 import { ChartStory } from '../components/ChartStory';
 export default {
     title: 'Plugins/Highcharts/Column',

package/build/plugins/highcharts/__stories__/column/VerticalStacked.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ChartKit } from '../../../../components/ChartKit';
-import { data } from '../mocks/column-ver-stacked';
+import { data } from '../../mocks/column-ver-stacked';
 import { ChartStory } from '../components/ChartStory';
 export default {
     title: 'Plugins/Highcharts/Column',

package/build/plugins/highcharts/__stories__/combined/ComboChartWithSameLegendValues.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ChartKit } from '../../../../components/ChartKit';
-import { data } from '../mocks/combo-chart-with-same-legend-titles';
+import { data } from '../../mocks/combo-chart-with-same-legend-titles';
 import { ChartStory } from '../components/ChartStory';
 export default {
     title: 'Plugins/Highcharts/Combined Charts',

package/build/plugins/highcharts/__stories__/complex/TwoAxis.stories.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ChartKit } from '../../../../components/ChartKit';
 import { ChartStory } from '../components/ChartStory';
-import { data } from '../mocks/complex';
+import { data } from '../../mocks/complex';
 export default {
     title: 'Plugins/Highcharts/TwoAxis',
     component: ChartKit,

package/build/plugins/highcharts/__stories__/components/ChartStory.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Button } from '@gravity-ui/uikit';
 import { settings } from '../../../../libs';
 import { HighchartsPlugin } from '../../index';
-import holidays from '../mocks/holidays';
+import holidays from '../../mocks/holidays';
 import { ChartKit } from '../../../../components/ChartKit';
 const DEFAULT_STORY_HEIGHT = '300px';
 const DEFAULT_STORY_WIDTH = '100%';

package/build/plugins/highcharts/__tests__/prepare-data.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/plugins/highcharts/__tests__/prepare-data.test.js

@@ -0,0 +1,13 @@
+import { prepareData } from '../renderer/helpers/prepare-data';
+import { data } from '../mocks/line';
+describe('plugins/highcharts/helpers', () => {
+    describe('prepareData', () => {
+        it('should not throw an error', () => {
+            expect(() => prepareData(data.data, data.config)).not.toThrowError();
+        });
+        it('should throw an error', () => {
+            const configWithLinesLimit = Object.assign(Object.assign({}, data.config), { linesLimit: 1 });
+            expect(() => prepareData(data.data, configWithLinesLimit)).toThrowError();
+        });
+    });
+});

package/build/plugins/highcharts/mocks/area-range.d.ts

@@ -0,0 +1,2 @@
+import type { HighchartsWidgetData } from '../types';
+export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/mocks/area-stacked.d.ts

@@ -0,0 +1,2 @@
+import { HighchartsWidgetData } from '../types';
+export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/mocks/column-hor-stacked.d.ts

@@ -0,0 +1,2 @@
+import { HighchartsWidgetData } from '../types';
+export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/mocks/column-ver-stacked.d.ts

@@ -0,0 +1,2 @@
+import { HighchartsWidgetData } from '../types';
+export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/mocks/column-ver.d.ts

@@ -0,0 +1,2 @@
+import { HighchartsWidgetData } from '../types';
+export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/mocks/combo-chart-with-same-legend-titles.d.ts

@@ -0,0 +1,2 @@
+import { HighchartsWidgetData } from '../types';
+export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/mocks/complex.d.ts

@@ -0,0 +1,2 @@
+import type { HighchartsWidgetData } from '../types';
+export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/mocks/line.d.ts

@@ -0,0 +1,2 @@
+import type { HighchartsWidgetData } from '../types';
+export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/{__stories__/mocks → mocks}/line.js

@@ -83,10 +83,9 @@ export const data = {
         categories: ['Furniture', 'Office Supplies', 'Technology'],
     },
     config: {
-        withoutLineLimit: true,
+        precision: 2,
         hideHolidaysBands: true,
         enableSum: true,
-        precision: 2,
         hideHolidays: false,
         normalizeDiv: false,
         normalizeSub: false,

package/build/plugins/highcharts/mocks/pie.d.ts

@@ -0,0 +1,2 @@
+import { HighchartsWidgetData } from '../types';
+export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/renderer/helpers/constants.d.ts

@@ -26,3 +26,4 @@ export declare enum NavigatorLinesMode {
     All = "all",
     Selected = "selected"
 }
+export declare const DEFAULT_LINES_LIMIT = 50;

package/build/plugins/highcharts/renderer/helpers/constants.js

@@ -28,3 +28,4 @@ export var NavigatorLinesMode;
     NavigatorLinesMode["All"] = "all";
     NavigatorLinesMode["Selected"] = "selected";
 })(NavigatorLinesMode || (NavigatorLinesMode = {}));
+export const DEFAULT_LINES_LIMIT = 50;

package/build/plugins/highcharts/renderer/helpers/prepare-data.js

@@ -1,6 +1,7 @@
 import moment from 'moment';
 import lodashMin from 'lodash/min';
 import { ChartKitError, CHARTKIT_ERROR_CODE } from '../../../../libs';
+import { DEFAULT_LINES_LIMIT } from './constants';
 function prepareValue(value, firstValue, options) {
     if (value === null) {
         return null;
@@ -83,6 +84,7 @@ function removeHolidays(data, options, holidays) {
 }
 // eslint-disable-next-line complexity
 export function prepareData(data, options, holidays) {
+    const limit = options.linesLimit || DEFAULT_LINES_LIMIT;
     if (!data ||
         (typeof data === 'object' && !Object.keys(data).length) ||
         (data.graphs &&
@@ -91,7 +93,7 @@ export function prepareData(data, options, holidays) {
         throw new ChartKitError({ code: CHARTKIT_ERROR_CODE.NO_DATA });
     }
     if (data.graphs) {
-        if (data.graphs.length > 50 && !options.withoutLineLimit) {
+        if (data.graphs.length > limit && !options.withoutLineLimit) {
             throw new ChartKitError({ code: CHARTKIT_ERROR_CODE.TOO_MANY_LINES });
         }
         data.graphs.forEach((graph) => {

package/build/plugins/highcharts/types/widget.d.ts

@@ -27,14 +27,26 @@ export declare type HighchartsWidgetData = {
         showLegend?: boolean;
         /**
          * Percentage value displayed in tooltip.
+         *
          * Relevant in case of initialized [stacking](https://api.highcharts.com/highcharts/plotOptions.column.stacking) property only.
          */
         showPercentInTooltip?: boolean;
         disableExternalComments?: boolean;
         normalizeDiv?: boolean;
         normalizeSub?: boolean;
+        /**
+         * Used to ignore `linesLimit` option
+         */
         withoutLineLimit?: boolean;
         precision?: number;
+        /**
+         * Lines (series) count limit.
+         *
+         * If you have lines more than `limit`, your chart will throw an error 'ERR.CK.TOO_MANY_LINES'.
+         *
+         * Ingnored in case of `withoutLineLimit: true`. Default: 50.
+         */
+        linesLimit?: number;
         title?: string;
         subtitle?: string;
         highstock?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/chartkit",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "React component used to render charts based on any sources you need",
   "license": "MIT",
   "repository": "git@github.com:gravity-ui/ChartKit.git",

package/build/plugins/highcharts/__stories__/mocks/area-range.d.ts

@@ -1,2 +0,0 @@
-import type { HighchartsWidgetData } from '../../types';
-export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/__stories__/mocks/area-stacked.d.ts

@@ -1,2 +0,0 @@
-import { HighchartsWidgetData } from '../../types';
-export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/__stories__/mocks/column-hor-stacked.d.ts

@@ -1,2 +0,0 @@
-import { HighchartsWidgetData } from '../../types';
-export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/__stories__/mocks/column-ver-stacked.d.ts

@@ -1,2 +0,0 @@
-import { HighchartsWidgetData } from '../../types';
-export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/__stories__/mocks/column-ver.d.ts

@@ -1,2 +0,0 @@
-import { HighchartsWidgetData } from '../../types';
-export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/__stories__/mocks/combo-chart-with-same-legend-titles.d.ts

@@ -1,2 +0,0 @@
-import { HighchartsWidgetData } from '../../types';
-export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/__stories__/mocks/complex.d.ts

@@ -1,2 +0,0 @@
-import type { HighchartsWidgetData } from '../../types';
-export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/__stories__/mocks/line.d.ts

@@ -1,2 +0,0 @@
-import type { HighchartsWidgetData } from '../../types';
-export declare const data: HighchartsWidgetData;

package/build/plugins/highcharts/__stories__/mocks/pie.d.ts

@@ -1,2 +0,0 @@
-import { HighchartsWidgetData } from '../../types';
-export declare const data: HighchartsWidgetData;