@gravity-ui/chartkit 0.9.0 → 0.10.0

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

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

package/build/plugins/highcharts/__stories__/mocks/line.js

@@ -0,0 +1,129 @@
+export const data = {
+    data: {
+        graphs: [
+            {
+                title: 'Profit',
+                tooltip: {
+                    chartKitFormatting: true,
+                    chartKitPrecision: 2,
+                },
+                data: [
+                    {
+                        y: 18451.2728,
+                        dataLabels: {
+                            enabled: false,
+                        },
+                        label: '',
+                    },
+                    {
+                        y: 122490.80080000011,
+                        dataLabels: {
+                            enabled: false,
+                        },
+                        label: '',
+                    },
+                    {
+                        y: 145454.9480999999,
+                        dataLabels: {
+                            enabled: false,
+                        },
+                        label: '',
+                    },
+                ],
+                legendTitle: 'Profit',
+                colorKey: 'Profit',
+                colorGuid: null,
+                connectNulls: false,
+                yAxis: 0,
+                colorValue: 'Profit',
+                color: '#4DA2F1',
+                dashStyle: 'Solid',
+                name: 'Profit',
+            },
+            {
+                title: 'Sales',
+                tooltip: {
+                    chartKitFormatting: true,
+                    chartKitPrecision: 2,
+                },
+                data: [
+                    {
+                        y: 741999.7952999998,
+                        dataLabels: {
+                            enabled: false,
+                        },
+                        label: '',
+                    },
+                    {
+                        y: 719047.0320000029,
+                        dataLabels: {
+                            enabled: false,
+                        },
+                        label: '',
+                    },
+                    {
+                        y: 836154.0329999966,
+                        dataLabels: {
+                            enabled: false,
+                        },
+                        label: '',
+                    },
+                ],
+                legendTitle: 'Sales',
+                colorKey: 'Sales',
+                colorGuid: null,
+                connectNulls: false,
+                yAxis: 0,
+                colorValue: 'Sales',
+                color: '#FF3D64',
+                dashStyle: 'Solid',
+                name: 'Sales',
+            },
+        ],
+        categories: ['Furniture', 'Office Supplies', 'Technology'],
+    },
+    config: {
+        withoutLineLimit: true,
+        hideHolidaysBands: true,
+        enableSum: true,
+        precision: 2,
+        hideHolidays: false,
+        normalizeDiv: false,
+        normalizeSub: false,
+    },
+    libraryConfig: {
+        chart: {
+            type: 'line',
+            zoomType: 'xy',
+        },
+        legend: {
+            symbolWidth: 38,
+        },
+        xAxis: {
+            endOnTick: false,
+        },
+        yAxis: {
+            opposite: false,
+            labels: {
+                y: 3,
+            },
+            type: 'linear',
+        },
+        tooltip: {},
+        plotOptions: {
+            series: {
+                dataGrouping: {
+                    enabled: false,
+                },
+                dataLabels: {
+                    allowOverlap: false,
+                },
+            },
+        },
+        axesFormatting: {
+            xAxis: [],
+            yAxis: [],
+        },
+        enableSum: true,
+    },
+};

package/build/plugins/highcharts/index.d.ts

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

package/build/plugins/highcharts/index.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const HighchartsPlugin = {
+    type: 'highcharts',
+    renderer: React.lazy(() => import('./renderer/HighchartsWidget')),
+};

package/build/plugins/highcharts/renderer/HighchartsWidget.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { ChartKitWidgetRef } from '../../../types';
+declare const HighchartsWidget: React.ForwardRefExoticComponent<{
+    type: "highcharts";
+    data: import("../types").HighchartsWidgetData;
+    id?: string | undefined;
+    isMobile?: boolean | undefined;
+    onLoad?: ((data?: import("../../../types").ChartKitOnLoadData<"highcharts"> | undefined) => void) | undefined;
+    onError?: import("../../../types").ChartKitOnError | undefined;
+} & {
+    hoistConfigError?: boolean | undefined;
+    nonBodyScroll?: boolean | undefined;
+    splitTooltip?: boolean | undefined;
+    onChange?: ((data: {
+        type: "PARAMS_CHANGED";
+        data: {
+            params: import("../types").StringParams;
+        };
+    }, state: {
+        forceUpdate: boolean;
+    }, callExternalOnChange?: boolean | undefined) => void) | undefined;
+} & React.RefAttributes<ChartKitWidgetRef | undefined>>;
+export default HighchartsWidget;

package/build/plugins/highcharts/renderer/HighchartsWidget.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { HighchartsComponent } from './components/HighchartsComponent';
+const HighchartsWidget = React.forwardRef(function HighchartsWidgetInner(props, ref) {
+    return React.createElement(HighchartsComponent, Object.assign({ ref: ref }, props));
+});
+export default HighchartsWidget;

package/build/plugins/highcharts/renderer/components/HighchartsComponent.css

@@ -0,0 +1,4 @@
+.chartkit-graph {
+  flex: 1;
+  height: 100%;
+}