@gravity-ui/chartkit 3.3.0 → 3.4.1

package/build/plugins/highcharts/renderer/helpers/config/utils/index.js

@@ -13,7 +13,7 @@ export { mergeArrayWithObject } from './mergeArrayWithObject';
 export { numberFormat } from './numberFormat';
 export { setNavigatorDefaultPeriod } from './setNavigatorDefaultPeriod';
 export const getSortedData = (data, sort = {}) => {
-    const { enabled = true, order = 'desc', iteratee = 'y' } = sort;
+    const { enabled = false, order = 'desc', iteratee = 'y' } = sort;
     if (!enabled) {
         return [...data];
     }

package/package.json

@@ -1,20 +1,25 @@
 {
   "name": "@gravity-ui/chartkit",
-  "version": "3.3.0",
+  "version": "3.4.1",
   "description": "React component used to render charts based on any sources you need",
   "license": "MIT",
   "repository": "git@github.com:gravity-ui/ChartKit.git",
   "main": "build/index.js",
   "typings": "build/index.d.ts",
   "files": [
-    "build"
+    "build",
+    "!**/__tests__/**",
+    "!**/__stories__/**"
   ],
   "publishConfig": {
     "access": "public"
   },
+  "sideEffects": [
+    "*.css"
+  ],
   "dependencies": {
     "@gravity-ui/date-utils": "^1.4.1",
-    "@gravity-ui/yagr": "^3.7.8",
+    "@gravity-ui/yagr": "^3.7.9",
     "bem-cn-lite": "^4.1.0",
     "d3": "^7.8.5",
     "lodash": "^4.17.21",

package/build/libs/chartkit-error/__tests__/chartkit-error.d.ts

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

package/build/libs/chartkit-error/__tests__/chartkit-error.js

@@ -1,27 +0,0 @@
-import { CHARTKIT_ERROR_CODE, ChartKitError, isChartKitError } from '../chartkit-error';
-describe('libs/chartkit-error', () => {
-    test.each([
-        [new ChartKitError(), true],
-        [new Error(), false],
-        [null, false],
-        [undefined, false],
-    ])('isChartKitError (args: %j)', (error, expected) => {
-        const result = isChartKitError(error);
-        expect(result).toEqual(expected);
-    });
-    test.each([
-        [undefined, CHARTKIT_ERROR_CODE.UNKNOWN],
-        [{ code: CHARTKIT_ERROR_CODE.NO_DATA }, CHARTKIT_ERROR_CODE.NO_DATA],
-    ])('check ChartKitError code (args: %j)', (args, expected) => {
-        let result = '';
-        try {
-            throw new ChartKitError(args);
-        }
-        catch (error) {
-            if (isChartKitError(error)) {
-                result = error.code;
-            }
-        }
-        expect(result).toEqual(expected);
-    });
-});

package/build/libs/settings/__tests__/settings.test.d.ts

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

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

@@ -1,17 +0,0 @@
-import { settings } from '../settings';
-const resetSettings = () => settings.set({ lang: 'en' });
-describe('libs/settings', () => {
-    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/plugins/d3/__stories__/bar-x/category.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-export declare const CategoryXAxis: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-declare const meta: Meta;
-export default meta;

package/build/plugins/d3/__stories__/bar-x/category.stories.js

@@ -1,75 +0,0 @@
-import React from 'react';
-import { object, withKnobs } from '@storybook/addon-knobs';
-import { Button } from '@gravity-ui/uikit';
-import { settings } from '../../../../libs';
-import { ChartKit } from '../../../../components/ChartKit';
-import { D3Plugin } from '../..';
-const Template = () => {
-    const [shown, setShown] = React.useState(false);
-    const chartkitRef = React.useRef();
-    const data = {
-        legend: { enabled: true },
-        tooltip: { enabled: false },
-        yAxis: [
-            {
-                type: 'linear',
-                labels: { enabled: true },
-                min: 0,
-            },
-        ],
-        series: {
-            data: [
-                {
-                    type: 'bar-x',
-                    visible: true,
-                    data: [
-                        {
-                            category: 'A',
-                            x: 10,
-                            y: 100,
-                        },
-                        {
-                            category: 'B',
-                            x: 12,
-                            y: 80,
-                        },
-                    ],
-                    name: 'AB',
-                },
-                {
-                    type: 'bar-x',
-                    visible: true,
-                    data: [
-                        {
-                            category: 'C',
-                            x: 95.5,
-                            y: 120,
-                        },
-                    ],
-                    name: 'C',
-                },
-            ],
-        },
-        title: { text: 'Category axis' },
-        xAxis: {
-            type: 'category',
-            categories: ['A', 'B', 'C'],
-            labels: { enabled: true },
-        },
-    };
-    if (!shown) {
-        settings.set({ plugins: [D3Plugin] });
-        return React.createElement(Button, { onClick: () => setShown(true) }, "Show chart");
-    }
-    return (React.createElement("div", { style: {
-            height: '80vh',
-            width: '100%',
-        } },
-        React.createElement(ChartKit, { ref: chartkitRef, type: "d3", data: object('data', data) })));
-};
-export const CategoryXAxis = Template.bind({});
-const meta = {
-    title: 'Plugins/D3/Bar-X',
-    decorators: [withKnobs],
-};
-export default meta;

package/build/plugins/d3/__stories__/bar-x/datetime.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-export declare const DatetimeXAxis: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-declare const meta: Meta;
-export default meta;

package/build/plugins/d3/__stories__/bar-x/datetime.stories.js

@@ -1,71 +0,0 @@
-import React from 'react';
-import { object, withKnobs } from '@storybook/addon-knobs';
-import { Button } from '@gravity-ui/uikit';
-import { settings } from '../../../../libs';
-import { ChartKit } from '../../../../components/ChartKit';
-import { D3Plugin } from '../..';
-const Template = () => {
-    const [shown, setShown] = React.useState(false);
-    const chartkitRef = React.useRef();
-    const data = {
-        title: { text: 'DateTime axis' },
-        xAxis: {
-            type: 'datetime',
-            labels: { enabled: true },
-        },
-        legend: { enabled: true },
-        tooltip: { enabled: false },
-        yAxis: [
-            {
-                type: 'linear',
-                labels: { enabled: true },
-                min: 0,
-            },
-        ],
-        series: {
-            data: [
-                {
-                    type: 'bar-x',
-                    visible: true,
-                    data: [
-                        {
-                            x: Number(new Date(2022, 10, 10)),
-                            y: 100,
-                        },
-                        {
-                            x: Number(new Date(2023, 2, 5)),
-                            y: 80,
-                        },
-                    ],
-                    name: 'AB',
-                },
-                {
-                    type: 'bar-x',
-                    visible: true,
-                    data: [
-                        {
-                            x: Number(new Date(2022, 11, 25)),
-                            y: 120,
-                        },
-                    ],
-                    name: 'C',
-                },
-            ],
-        },
-    };
-    if (!shown) {
-        settings.set({ plugins: [D3Plugin] });
-        return React.createElement(Button, { onClick: () => setShown(true) }, "Show chart");
-    }
-    return (React.createElement("div", { style: {
-            height: '80vh',
-            width: '100%',
-        } },
-        React.createElement(ChartKit, { ref: chartkitRef, type: "d3", data: object('data', data) })));
-};
-export const DatetimeXAxis = Template.bind({});
-const meta = {
-    title: 'Plugins/D3/Bar-X',
-    decorators: [withKnobs],
-};
-export default meta;

package/build/plugins/d3/__stories__/bar-x/linear.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-export declare const LinearXAxis: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-declare const meta: Meta;
-export default meta;

package/build/plugins/d3/__stories__/bar-x/linear.stories.js

@@ -1,78 +0,0 @@
-import React from 'react';
-import { withKnobs, object } from '@storybook/addon-knobs';
-import { Button } from '@gravity-ui/uikit';
-import { settings } from '../../../../libs';
-import { ChartKit } from '../../../../components/ChartKit';
-import { D3Plugin } from '../..';
-const Template = () => {
-    const [shown, setShown] = React.useState(false);
-    const chartkitRef = React.useRef();
-    const data = {
-        series: {
-            data: [
-                {
-                    type: 'bar-x',
-                    visible: true,
-                    data: [
-                        {
-                            category: 'A',
-                            x: 10,
-                            y: 100,
-                        },
-                        {
-                            category: 'B',
-                            x: 12,
-                            y: 80,
-                        },
-                    ],
-                    name: 'AB',
-                },
-                {
-                    type: 'bar-x',
-                    visible: true,
-                    data: [
-                        {
-                            category: 'C',
-                            x: 95.5,
-                            y: 120,
-                        },
-                    ],
-                    name: 'C',
-                },
-            ],
-        },
-        title: { text: 'Linear axis' },
-        xAxis: {
-            min: 0,
-            type: 'linear',
-            labels: { enabled: true },
-        },
-        yAxis: [
-            {
-                type: 'linear',
-                labels: { enabled: true },
-                min: 0,
-                ticks: {
-                    pixelInterval: 100,
-                },
-            },
-        ],
-        legend: { enabled: true },
-        tooltip: { enabled: false },
-    };
-    if (!shown) {
-        settings.set({ plugins: [D3Plugin] });
-        return React.createElement(Button, { onClick: () => setShown(true) }, "Show chart");
-    }
-    return (React.createElement("div", { style: {
-            height: '80vh',
-            width: '100%',
-        } },
-        React.createElement(ChartKit, { ref: chartkitRef, type: "d3", data: object('data', data) })));
-};
-export const LinearXAxis = Template.bind({});
-const meta = {
-    title: 'Plugins/D3/Bar-X',
-    decorators: [withKnobs],
-};
-export default meta;