@gravity-ui/chartkit 4.13.0 → 4.15.0

package/build/plugins/d3/renderer/hooks/useShapes/pie/types.d.ts

@@ -31,4 +31,9 @@ export type PreparedPieData = {
     borderColor: string;
     series: PreparedPieSeries;
     connectorCurve: ConnectorCurve;
+    halo: {
+        enabled: boolean;
+        opacity: number;
+        size: number;
+    };
 };

package/build/plugins/d3/renderer/hooks/useShapes/scatter/index.js

@@ -22,7 +22,7 @@ export function ScatterSeriesShape(props) {
         const hoverOptions = get(seriesOptions, 'scatter.states.hover');
         const inactiveOptions = get(seriesOptions, 'scatter.states.inactive');
         const selection = svgElement
-            .selectAll(`circle`)
+            .selectAll('circle')
             .data(preparedData, shapeKey)
             .join((enter) => enter.append('circle').attr('class', b('point')), (update) => update, (exit) => exit.remove())
             .attr('fill', (d) => d.data.color || d.series.color || '')

package/build/plugins/d3/renderer/hooks/useShapes/utils.d.ts

@@ -2,6 +2,7 @@ import type { BaseType } from 'd3';
 import type { BasicInactiveState } from '../../../../../types';
 import type { ChartScale } from '../useAxisScales';
 import type { PreparedAxis } from '../useChartOptions/types';
+import { DashStyle } from '../../../../../constants';
 export declare function getXValue(args: {
     point: {
         x?: number | string;
@@ -25,3 +26,4 @@ export declare function setActiveState<T extends {
     state: BasicInactiveState | undefined;
     active: boolean;
 }): T;
+export declare const getLineDashArray: (dashStyle: DashStyle, strokeWidth?: number) => string;

package/build/plugins/d3/renderer/hooks/useShapes/utils.js

@@ -34,3 +34,20 @@ export function setActiveState(args) {
     }
     return datum;
 }
+export const getLineDashArray = (dashStyle, strokeWidth = 2) => {
+    const value = dashStyle.toLowerCase();
+    const arrayValue = value
+        .replace('shortdashdotdot', '3,1,1,1,1,1,')
+        .replace('shortdashdot', '3,1,1,1')
+        .replace('shortdot', '1,1,')
+        .replace('shortdash', '3,1,')
+        .replace('longdash', '8,3,')
+        .replace(/dot/g, '1,3,')
+        .replace('dash', '4,3,')
+        .replace(/,$/, '')
+        .split(',')
+        .map((part) => {
+        return `${parseInt(part, 10) * strokeWidth}`;
+    });
+    return arrayValue.join(',').replace(/NaN/g, 'none');
+};

package/build/plugins/d3/renderer/utils/index.d.ts

@@ -1,5 +1,5 @@
 import { AxisDomain } from 'd3';
-import type { BaseTextStyle, ChartKitWidgetSeries, ChartKitWidgetSeriesData } from '../../../../types/widget-data';
+import type { BaseTextStyle, ChartKitWidgetSeries, ChartKitWidgetSeriesData } from '../../../../types';
 import { PreparedAxis } from '../hooks';
 export * from './math';
 export * from './text';

package/build/plugins/d3/renderer/utils/index.js

@@ -6,6 +6,7 @@ import { formatNumber } from '../../../shared';
 import { DEFAULT_AXIS_LABEL_FONT_SIZE } from '../constants';
 import { getNumberUnitRate } from '../../../shared/format-number/format-number';
 import { getDefaultDateFormat } from './time';
+import { getSeriesStackId } from '../hooks/useSeries/utils';
 export * from './math';
 export * from './text';
 export * from './time';
@@ -42,20 +43,26 @@ export const getDomainDataYBySeries = (series) => {
     const groupedSeries = group(series, (item) => item.type);
     return Array.from(groupedSeries).reduce((acc, [type, seriesList]) => {
         switch (type) {
+            case 'area':
             case 'bar-x': {
-                const barXSeries = seriesList;
-                const stackedSeries = group(barXSeries, (item) => item.stackId);
-                Array.from(stackedSeries).forEach(([, stack]) => {
+                const stackedSeries = group(seriesList, getSeriesStackId);
+                Array.from(stackedSeries).forEach(([_stackId, seriesStack]) => {
                     const values = {};
-                    stack.forEach((singleSeries) => {
+                    seriesStack.forEach((singleSeries) => {
+                        const data = new Map();
                         singleSeries.data.forEach((point) => {
-                            const key = String(point.x || point.category);
-                            if (typeof values[key] === 'undefined') {
-                                values[key] = 0;
-                            }
+                            const key = String(point.x);
+                            let value = 0;
                             if (point.y && typeof point.y === 'number') {
-                                values[key] += point.y;
+                                value = point.y;
+                            }
+                            if (data.has(key)) {
+                                value = Math.max(value, data.get(key));
                             }
+                            data.set(key, value);
+                        });
+                        Array.from(data).forEach(([key, value]) => {
+                            values[key] = (values[key] || 0) + value;
                         });
                     });
                     acc.push(...Object.values(values));

package/build/plugins/d3/renderer/validation/__mocks__/index.d.ts

@@ -0,0 +1,3 @@
+import { ChartKitWidgetData } from '../../../../../types';
+export declare const XY_SERIES: Record<string, ChartKitWidgetData>;
+export declare const PIE_SERIES: Record<string, ChartKitWidgetData>;

package/build/plugins/d3/renderer/validation/__mocks__/index.js

@@ -0,0 +1,44 @@
+export const XY_SERIES = {
+    INVALID_CATEGORY_X: {
+        series: {
+            data: [{ type: 'scatter', data: [{ x: undefined, y: 1 }], name: 'Series' }],
+        },
+        xAxis: { type: 'category' },
+    },
+    INVALID_CATEGORY_Y: {
+        series: {
+            data: [{ type: 'scatter', data: [{ x: 1, y: undefined }], name: 'Series' }],
+        },
+        yAxis: [{ type: 'category' }],
+    },
+    INVALID_DATETIME_X: {
+        series: {
+            data: [{ type: 'scatter', data: [{ x: undefined, y: 1 }], name: 'Series' }],
+        },
+        xAxis: { type: 'datetime' },
+    },
+    INVALID_DATETIME_Y: {
+        series: {
+            data: [{ type: 'scatter', data: [{ x: undefined, y: 1 }], name: 'Series' }],
+        },
+        yAxis: [{ type: 'datetime' }],
+    },
+    INVALID_LINEAR_X: {
+        series: {
+            data: [{ type: 'scatter', data: [{ x: 'str', y: 1 }], name: 'Series' }],
+        },
+    },
+    INVALID_LINEAR_Y: {
+        series: {
+            data: [{ type: 'scatter', data: [{ x: 1, y: 'str' }], name: 'Series' }],
+        },
+    },
+};
+export const PIE_SERIES = {
+    INVALID_VALUE: {
+        series: {
+            // @ts-expect-error
+            data: [{ type: 'pie', data: [{ value: undefined, name: 'Series' }] }],
+        },
+    },
+};

package/build/plugins/d3/renderer/validation/index.d.ts

@@ -0,0 +1,2 @@
+import { ChartKitWidgetData } from '../../../../types';
+export declare const validateData: (data?: ChartKitWidgetData) => void;

package/build/plugins/d3/renderer/validation/index.js

@@ -0,0 +1,139 @@
+import get from 'lodash/get';
+import isEmpty from 'lodash/isEmpty';
+import { SeriesType } from '../../../../constants';
+import { ChartKitError, CHARTKIT_ERROR_CODE } from '../../../../libs';
+import { i18n } from '../../../../i18n';
+import { DEFAULT_AXIS_TYPE } from '../constants';
+const AVAILABLE_SERIES_TYPES = Object.values(SeriesType);
+const validateXYSeries = (args) => {
+    const { series, xAxis, yAxis } = args;
+    const xType = get(xAxis, 'type', DEFAULT_AXIS_TYPE);
+    const yType = get(yAxis, 'type', DEFAULT_AXIS_TYPE);
+    series.data.forEach(({ x, y }) => {
+        switch (xType) {
+            case 'category': {
+                if (typeof x !== 'string' && typeof x !== 'number') {
+                    throw new ChartKitError({
+                        code: CHARTKIT_ERROR_CODE.INVALID_DATA,
+                        message: i18n('error', 'label_invalid-axis-category-data-point', {
+                            key: 'x',
+                            seriesName: series.name,
+                        }),
+                    });
+                }
+                break;
+            }
+            case 'datetime': {
+                if (typeof x !== 'number') {
+                    throw new ChartKitError({
+                        code: CHARTKIT_ERROR_CODE.INVALID_DATA,
+                        message: i18n('error', 'label_invalid-axis-datetime-data-point', {
+                            key: 'x',
+                            seriesName: series.name,
+                        }),
+                    });
+                }
+                break;
+            }
+            case 'linear': {
+                if (typeof x !== 'number' && x !== null) {
+                    throw new ChartKitError({
+                        code: CHARTKIT_ERROR_CODE.INVALID_DATA,
+                        message: i18n('error', 'label_invalid-axis-linear-data-point', {
+                            key: 'x',
+                            seriesName: series.name,
+                        }),
+                    });
+                }
+            }
+        }
+        switch (yType) {
+            case 'category': {
+                if (typeof y !== 'string' && typeof y !== 'number') {
+                    throw new ChartKitError({
+                        code: CHARTKIT_ERROR_CODE.INVALID_DATA,
+                        message: i18n('error', 'label_invalid-axis-category-data-point', {
+                            key: 'y',
+                            seriesName: series.name,
+                        }),
+                    });
+                }
+                break;
+            }
+            case 'datetime': {
+                if (typeof y !== 'number') {
+                    throw new ChartKitError({
+                        code: CHARTKIT_ERROR_CODE.INVALID_DATA,
+                        message: i18n('error', 'label_invalid-axis-datetime-data-point', {
+                            key: 'y',
+                            seriesName: series.name,
+                        }),
+                    });
+                }
+                break;
+            }
+            case 'linear': {
+                if (typeof y !== 'number' && y !== null) {
+                    throw new ChartKitError({
+                        code: CHARTKIT_ERROR_CODE.INVALID_DATA,
+                        message: i18n('error', 'label_invalid-axis-linear-data-point', {
+                            key: 'y',
+                            seriesName: series.name,
+                        }),
+                    });
+                }
+            }
+        }
+    });
+};
+const validatePieSeries = ({ series }) => {
+    series.data.forEach(({ value }) => {
+        if (typeof value !== 'number') {
+            throw new ChartKitError({
+                code: CHARTKIT_ERROR_CODE.INVALID_DATA,
+                message: i18n('error', 'label_invalid-pie-data-value'),
+            });
+        }
+    });
+};
+const validateSeries = (args) => {
+    const { series, xAxis, yAxis } = args;
+    if (!AVAILABLE_SERIES_TYPES.includes(series.type)) {
+        throw new ChartKitError({
+            code: CHARTKIT_ERROR_CODE.INVALID_DATA,
+            message: i18n('error', 'label_invalid-series-type', {
+                types: AVAILABLE_SERIES_TYPES.join(', '),
+            }),
+        });
+    }
+    switch (series.type) {
+        case 'bar-x':
+        case 'bar-y':
+        case 'line':
+        case 'scatter': {
+            validateXYSeries({ series, xAxis, yAxis });
+            break;
+        }
+        case 'pie': {
+            validatePieSeries({ series });
+        }
+    }
+};
+export const validateData = (data) => {
+    if (isEmpty(data) || isEmpty(data.series) || isEmpty(data.series.data)) {
+        throw new ChartKitError({
+            code: CHARTKIT_ERROR_CODE.NO_DATA,
+            message: i18n('error', 'label_no-data'),
+        });
+    }
+    if (data.series.data.some((s) => isEmpty(s.data))) {
+        throw new ChartKitError({
+            code: CHARTKIT_ERROR_CODE.INVALID_DATA,
+            message: 'You should specify data for all series',
+        });
+    }
+    data.series.data.forEach((series) => {
+        var _a;
+        validateSeries({ series, yAxis: (_a = data.yAxis) === null || _a === void 0 ? void 0 : _a[0], xAxis: data.xAxis });
+    });
+};

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

@@ -1155,9 +1155,6 @@ export function prepareConfig(data, options, isMobile, holidays) {
                     var _a;
                     if (chartType === 'column' || chartType === 'bar') {
                         this.series.forEach((seriesItem) => {
-                            if (!seriesItem.legendItem) {
-                                return;
-                            }
                             const color = seriesItem.color;
                             // The update method updates all series, and therefore,
                             // after working out the handleLegendItemMouseOverAndOut,

package/build/types/widget-data/area.d.ts

@@ -0,0 +1,58 @@
+import { SeriesType } from '../../constants';
+import type { BaseSeries, BaseSeriesData } from './base';
+import type { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
+import type { PointMarkerOptions } from './marker';
+export type AreaSeriesData<T = any> = BaseSeriesData<T> & {
+    /**
+     * The `x` value of the point. Depending on the context , it may represents:
+     * - numeric value (for `linear` x axis)
+     * - timestamp value (for `datetime` x axis)
+     * - x axis category value (for `category` x axis). If the type is a string, then it is a category value itself. If the type is a number, then it is the index of an element in the array of categories described in `xAxis.categories`
+     */
+    x?: string | number;
+    /**
+     * The `y` value of the point. Depending on the context , it may represents:
+     * - numeric value (for `linear` y axis)
+     * - timestamp value (for `datetime` y axis)
+     * - y axis category value (for `category` y axis). If the type is a string, then it is a category value itself. If the type is a number, then it is the index of an element in the array of categories described in `yAxis[0].categories`
+     */
+    y?: string | number;
+    /** Data label value of the point. If not specified, the y value is used. */
+    label?: string | number;
+};
+export type AreaMarkerSymbol = 'circle' | 'square';
+export type AreaMarkerOptions = PointMarkerOptions & {
+    symbol?: AreaMarkerSymbol;
+};
+export type AreaSeries<T = any> = BaseSeries & {
+    type: typeof SeriesType.Area;
+    data: AreaSeriesData<T>[];
+    /** The name of the series (used in legend, tooltip etc) */
+    name: string;
+    /** Whether to stack the values of each series on top of each other.
+     * Possible values are undefined to disable, "normal" to stack by value
+     *
+     * @default undefined
+     * */
+    stacking?: 'normal';
+    /** This option allows grouping series in a stacked chart */
+    stackId?: string;
+    /** The main color of the series (hex, rgba) */
+    color?: string;
+    /** Fill opacity for the area
+     *
+     * @default 0.75
+     * */
+    opacity?: number;
+    /** Pixel width of the graph line.
+     *
+     * @default 1
+     * */
+    lineWidth?: number;
+    /** Individual series legend options. Has higher priority than legend options in widget data */
+    legend?: ChartKitWidgetLegend & {
+        symbol?: RectLegendSymbolOptions;
+    };
+    /** Options for the point markers of line in area series */
+    marker?: AreaMarkerOptions;
+};

package/build/types/widget-data/area.js

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

package/build/types/widget-data/bar-x.d.ts

@@ -1,3 +1,4 @@
+import { SeriesType } from '../../constants';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartKitWidgetSeriesOptions } from './series';
 import { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
@@ -26,7 +27,7 @@ export type BarXSeriesData<T = any> = BaseSeriesData<T> & {
     label?: string | number;
 };
 export type BarXSeries<T = any> = BaseSeries & {
-    type: 'bar-x';
+    type: typeof SeriesType.BarX;
     data: BarXSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
     name: string;

package/build/types/widget-data/bar-y.d.ts

@@ -1,3 +1,4 @@
+import { SeriesType } from '../../constants';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartKitWidgetSeriesOptions } from './series';
 import { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
@@ -20,7 +21,7 @@ export type BarYSeriesData<T = any> = BaseSeriesData<T> & {
     label?: string | number;
 };
 export type BarYSeries<T = any> = BaseSeries & {
-    type: 'bar-y';
+    type: typeof SeriesType.BarY;
     data: BarYSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
     name: string;

package/build/types/widget-data/halo.d.ts

@@ -0,0 +1,9 @@
+/** The halo appearing around the hovered part of series(point in line-type series or slice in pie charts) */
+export type Halo = {
+    /** Enable or disable the halo */
+    enabled?: boolean;
+    /** The opacity of halo */
+    opacity?: number;
+    /** The pixel size of the halo. Radius for point markers or width of the outside slice in pie charts. */
+    size?: number;
+};

package/build/types/widget-data/halo.js

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

package/build/types/widget-data/index.d.ts

@@ -12,10 +12,12 @@ export * from './pie';
 export * from './scatter';
 export * from './bar-x';
 export * from './bar-y';
+export * from './area';
 export * from './line';
 export * from './series';
 export * from './title';
 export * from './tooltip';
+export * from './halo';
 export type ChartKitWidgetData<T = any> = {
     chart?: ChartKitWidgetChart;
     legend?: ChartKitWidgetLegend;

package/build/types/widget-data/index.js

@@ -6,7 +6,9 @@ export * from './pie';
 export * from './scatter';
 export * from './bar-x';
 export * from './bar-y';
+export * from './area';
 export * from './line';
 export * from './series';
 export * from './title';
 export * from './tooltip';
+export * from './halo';

package/build/types/widget-data/line.d.ts

@@ -1,6 +1,7 @@
-import { BaseSeries, BaseSeriesData } from './base';
-import { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
-import { PointMarkerOptions } from './marker';
+import type { BaseSeries, BaseSeriesData } from './base';
+import type { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
+import type { PointMarkerOptions } from './marker';
+import { DashStyle, LineCap, SeriesType } from '../../constants';
 export type LineSeriesData<T = any> = BaseSeriesData<T> & {
     /**
      * The `x` value of the point. Depending on the context , it may represents:
@@ -24,7 +25,7 @@ export type LineMarkerOptions = PointMarkerOptions & {
     symbol?: LineMarkerSymbol;
 };
 export type LineSeries<T = any> = BaseSeries & {
-    type: 'line';
+    type: typeof SeriesType.Line;
     data: LineSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
     name: string;
@@ -41,4 +42,8 @@ export type LineSeries<T = any> = BaseSeries & {
     };
     /** Options for the point markers of line series */
     marker?: LineMarkerOptions;
+    /** Option for line stroke style */
+    dashStyle?: `${DashStyle}`;
+    /** Option for line cap style */
+    linecap?: `${LineCap}`;
 };

package/build/types/widget-data/pie.d.ts

@@ -1,3 +1,4 @@
+import { SeriesType } from '../../constants';
 import type { BaseSeries, BaseSeriesData } from './base';
 import { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
 export type PieSeriesData<T = any> = BaseSeriesData<T> & {
@@ -13,7 +14,7 @@ export type PieSeriesData<T = any> = BaseSeriesData<T> & {
 export type ConnectorShape = 'straight-line' | 'polyline';
 export type ConnectorCurve = 'linear' | 'basic';
 export type PieSeries<T = any> = BaseSeries & {
-    type: 'pie';
+    type: typeof SeriesType.Pie;
     data: PieSeriesData<T>[];
     /**
      * The color of the border surrounding each segment.

package/build/types/widget-data/scatter.d.ts

@@ -1,3 +1,4 @@
+import { SeriesType } from '../../constants';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
 export type ScatterSeriesData<T = any> = BaseSeriesData<T> & {
@@ -24,7 +25,7 @@ export type ScatterSeriesData<T = any> = BaseSeriesData<T> & {
     radius?: number;
 };
 export type ScatterSeries<T = any> = BaseSeries & {
-    type: 'scatter';
+    type: typeof SeriesType.Scatter;
     data: ScatterSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
     name: string;

package/build/types/widget-data/series.d.ts

@@ -4,9 +4,12 @@ import type { ScatterSeries, ScatterSeriesData } from './scatter';
 import type { BarXSeries, BarXSeriesData } from './bar-x';
 import type { LineSeries, LineSeriesData, LineMarkerOptions } from './line';
 import type { BarYSeries, BarYSeriesData } from './bar-y';
-import { PointMarkerOptions } from './marker';
-export type ChartKitWidgetSeries<T = any> = ScatterSeries<T> | PieSeries<T> | BarXSeries<T> | BarYSeries<T> | LineSeries<T>;
-export type ChartKitWidgetSeriesData<T = any> = ScatterSeriesData<T> | PieSeriesData<T> | BarXSeriesData<T> | BarYSeriesData<T> | LineSeriesData<T>;
+import type { PointMarkerOptions } from './marker';
+import type { AreaSeries, AreaSeriesData } from './area';
+import type { Halo } from './halo';
+import { DashStyle, LineCap } from '../../constants';
+export type ChartKitWidgetSeries<T = any> = ScatterSeries<T> | PieSeries<T> | BarXSeries<T> | BarYSeries<T> | LineSeries<T> | AreaSeries<T>;
+export type ChartKitWidgetSeriesData<T = any> = ScatterSeriesData<T> | PieSeriesData<T> | BarXSeriesData<T> | BarYSeriesData<T> | LineSeriesData<T> | AreaSeriesData<T>;
 export type DataLabelRendererData<T = any> = {
     data: ChartKitWidgetSeriesData<T>;
 };
@@ -124,7 +127,10 @@ export type ChartKitWidgetSeriesOptions = {
     pie?: {
         /** Options for the series states that provide additional styling information to the series. */
         states?: {
-            hover?: BasicHoverState;
+            hover?: BasicHoverState & {
+                /** Options for the halo appearing outside the hovered slice */
+                halo?: Halo;
+            };
             inactive?: BasicInactiveState;
         };
     };
@@ -146,11 +152,36 @@ export type ChartKitWidgetSeriesOptions = {
             hover?: BasicHoverState & {
                 marker?: PointMarkerOptions & {
                     /** Options for the halo appearing around the hovered point */
-                    halo?: {
-                        enabled?: boolean;
-                        opacity?: number;
-                        radius?: number;
-                    };
+                    halo?: Halo;
+                };
+            };
+            inactive?: BasicInactiveState;
+        };
+        /** Options for the point markers of line series */
+        marker?: LineMarkerOptions;
+        /** Options for line style
+         *
+         * @default 'Solid'
+         * */
+        dashStyle?: `${DashStyle}`;
+        /** Options for line cap style
+         *
+         * @default 'round' when dashStyle is not 'solid', 'none' when dashStyle is not 'solid'
+         * */
+        linecap?: `${LineCap}`;
+    };
+    area?: {
+        /** Pixel width of the graph line.
+         *
+         * @default 1
+         * */
+        lineWidth?: number;
+        /** Options for the series states that provide additional styling information to the series. */
+        states?: {
+            hover?: BasicHoverState & {
+                marker?: PointMarkerOptions & {
+                    /** Options for the halo appearing around the hovered point */
+                    halo?: Halo;
                 };
             };
             inactive?: BasicInactiveState;

package/build/types/widget-data/tooltip.d.ts

@@ -4,6 +4,7 @@ import type { PieSeries, PieSeriesData } from './pie';
 import type { ScatterSeries, ScatterSeriesData } from './scatter';
 import type { LineSeries, LineSeriesData } from './line';
 import type { BarYSeries, BarYSeriesData } from './bar-y';
+import type { AreaSeries, AreaSeriesData } from './area';
 export type TooltipDataChunkBarX<T = any> = {
     data: BarXSeriesData<T>;
     series: BarXSeries<T>;
@@ -32,7 +33,15 @@ export type TooltipDataChunkLine<T = any> = {
         name: string;
     };
 };
-export type TooltipDataChunk<T = any> = TooltipDataChunkBarX<T> | TooltipDataChunkBarY<T> | TooltipDataChunkPie<T> | TooltipDataChunkScatter<T> | TooltipDataChunkLine<T>;
+export type TooltipDataChunkArea<T = any> = {
+    data: AreaSeriesData<T>;
+    series: {
+        type: AreaSeries['type'];
+        id: string;
+        name: string;
+    };
+};
+export type TooltipDataChunk<T = any> = TooltipDataChunkBarX<T> | TooltipDataChunkBarY<T> | TooltipDataChunkPie<T> | TooltipDataChunkScatter<T> | TooltipDataChunkLine<T> | TooltipDataChunkArea<T>;
 export type ChartKitWidgetTooltip<T = any> = {
     enabled?: boolean;
     /** Specifies the renderer for the tooltip. If returned null default tooltip renderer will be used. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/chartkit",
-  "version": "4.13.0",
+  "version": "4.15.0",
   "description": "React component used to render charts based on any sources you need",
   "license": "MIT",
   "repository": "git@github.com:gravity-ui/ChartKit.git",
@@ -48,7 +48,7 @@
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
     "@gravity-ui/date-utils": "^1.4.1",
-    "@gravity-ui/yagr": "^4.0.3",
+    "@gravity-ui/yagr": "^4.1.0",
     "afterframe": "^1.0.2",
     "d3": "^7.8.5",
     "lodash": "^4.17.21",
@@ -120,6 +120,11 @@
     "lint:prettier": "prettier --check --loglevel=error '**/*.{js,jsx,ts,tsx,scss}'",
     "lint": "run-p lint:*",
     "typecheck": "tsc --noEmit",
+    "docs:deps": "cd ./documentation && npm ci",
+    "docs:start": "cd ./documentation && npm run start",
+    "docs:start:ru": "cd ./documentation && npm run start:ru",
+    "docs:build": "cd ./documentation && npm run build",
+    "docs:serve": "cd ./documentation && npm run serve",
     "prepublishOnly": "npm run build"
   },
   "husky": {