@gravity-ui/chartkit 3.2.0-beta.2 → 3.3.0

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

@@ -0,0 +1,27 @@
+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

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

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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,75 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,71 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,78 @@
+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;