@gravity-ui/charts 1.23.0 → 1.24.1

package/dist/esm/types/chart/brush.d.ts

@@ -0,0 +1,22 @@
+export interface ChartBrush {
+    borderColor?: string;
+    borderWidth?: number;
+    handles?: {
+        borderColor?: string;
+        borderWidth?: number;
+        enabled?: boolean;
+        /**
+         * Height of the handles in pixels.
+         * @default 15
+         */
+        height?: number;
+        /**
+         * Width of the handles in pixels.
+         * @default 8
+         */
+        width?: number;
+    };
+    style?: {
+        fillOpacity?: number;
+    };
+}

package/dist/esm/types/chart/brush.js

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

package/dist/esm/types/chart/funnel.d.ts

@@ -0,0 +1,46 @@
+import type { DashStyle, SERIES_TYPE } from '../../constants';
+import type { MeaningfulAny } from '../misc';
+import type { BaseDataLabels, BaseSeries, BaseSeriesData } from './base';
+import type { ChartLegend, RectLegendSymbolOptions } from './legend';
+export interface FunnelSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
+    /** The value of the funnel segment. */
+    value: number;
+    /** The name of the funnel segment (used in legend, tooltip etc). */
+    name: string;
+    /** Initial data label of the funnel segment. If not specified, the value is used. */
+    label?: string;
+}
+export interface FunnelSeries<T = MeaningfulAny> extends Omit<BaseSeries, 'dataLabels'> {
+    type: typeof SERIES_TYPE.Funnel;
+    data: FunnelSeriesData<T>[];
+    /** The name of the funnel series. */
+    name?: string;
+    /** The color of the funnel series. */
+    color?: string;
+    /** Individual series legend options. Has higher priority than legend options in widget data */
+    legend?: ChartLegend & {
+        symbol?: RectLegendSymbolOptions;
+    };
+    /** Lines or areas connecting the funnel segments. */
+    connectors?: {
+        enabled?: boolean;
+        /** The height of the connector area relative to the funnel segment. */
+        height?: string | number;
+        /** Option for line stroke style */
+        lineDashStyle?: DashStyle;
+        /** Opacity for the connector line. */
+        lineOpacity?: number;
+        /** Connector line color. */
+        lineColor?: string;
+        /** Connector line width in pixels. */
+        lineWidth?: number;
+        /** Connector area color. */
+        areaColor?: string;
+        /** Opacity for the connector area. */
+        areaOpacity?: number;
+    };
+    dataLabels?: Omit<BaseDataLabels, 'html' | 'allowOverlap'> & {
+        /** Horizontal alignment of the data labels. */
+        align?: 'left' | 'center' | 'right';
+    };
+}

package/dist/esm/types/chart/funnel.js

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

package/dist/esm/types/chart/heatmap.d.ts

@@ -1,4 +1,4 @@
-import type { SeriesType } from '../../constants';
+import type { SERIES_TYPE } from '../../constants';
 import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartLegend, RectLegendSymbolOptions } from './legend';
@@ -23,7 +23,7 @@ export interface HeatmapSeriesData<T = MeaningfulAny> extends BaseSeriesData<T>
     label?: string;
 }
 export interface HeatmapSeries<T = MeaningfulAny> extends BaseSeries {
-    type: typeof SeriesType.Heatmap;
+    type: typeof SERIES_TYPE.Heatmap;
     data: HeatmapSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
     name: string;

package/dist/esm/types/chart/legend.d.ts

@@ -59,6 +59,12 @@ export interface ChartLegend {
      * @default false
      * */
     html?: boolean;
+    /**
+     * The position of the legend box within the chart area.
+     *
+     * @default 'bottom'
+     * */
+    position?: 'top' | 'bottom';
 }
 export interface BaseLegendSymbol {
     /**

package/dist/esm/types/chart/line.d.ts

@@ -1,8 +1,9 @@
-import type { DashStyle, LineCap, SeriesType } from '../../constants';
+import type { DashStyle, LineCap, SERIES_TYPE } from '../../constants';
 import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartLegend, RectLegendSymbolOptions } from './legend';
 import type { PointMarkerOptions } from './marker';
+import type { ChartSeriesRangeSliderOptions } from './series';
 export interface LineSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     /**
      * The `x` value of the point. Depending on the context , it may represents:
@@ -29,7 +30,7 @@ export interface LineSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     };
 }
 export interface LineSeries<T = MeaningfulAny> extends BaseSeries {
-    type: typeof SeriesType.Line;
+    type: typeof SERIES_TYPE.Line;
     data: LineSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
     name: string;
@@ -64,4 +65,8 @@ export interface LineSeries<T = MeaningfulAny> extends BaseSeries {
      * @default 'skip'
      */
     nullMode?: 'connect' | 'zero' | 'skip';
+    /**
+     * Options to configure how this series appears and behaves in the Range Slider component.
+     */
+    rangeSlider?: ChartSeriesRangeSliderOptions;
 }

package/dist/esm/types/chart/pie.d.ts

@@ -1,5 +1,5 @@
 import type { BaseType } from 'd3';
-import type { SeriesType } from '../../constants';
+import type { SERIES_TYPE } from '../../constants';
 import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartLegend, RectLegendSymbolOptions } from './legend';
@@ -20,7 +20,7 @@ export interface PieSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
 export type ConnectorShape = 'straight-line' | 'polyline';
 export type ConnectorCurve = 'linear' | 'basic';
 export interface PieSeries<T = MeaningfulAny> extends BaseSeries {
-    type: typeof SeriesType.Pie;
+    type: typeof SERIES_TYPE.Pie;
     data: PieSeriesData<T>[];
     /**
      * The color of the border surrounding each segment.

package/dist/esm/types/chart/radar.d.ts

@@ -1,4 +1,4 @@
-import type { SeriesType } from '../../constants';
+import type { SERIES_TYPE } from '../../constants';
 import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartLegend, RectLegendSymbolOptions } from './legend';
@@ -18,7 +18,7 @@ export interface RadarMarkerOptions extends PointMarkerOptions {
     symbol?: RadarMarkerSymbol;
 }
 export interface RadarSeries<T = MeaningfulAny> extends BaseSeries {
-    type: typeof SeriesType.Radar;
+    type: typeof SERIES_TYPE.Radar;
     /** The categories for the radar chart. */
     categories?: RadarSeriesCategory[];
     data: RadarSeriesData<T>[];

package/dist/esm/types/chart/sankey.d.ts

@@ -1,4 +1,4 @@
-import type { SeriesType } from '../../constants';
+import type { SERIES_TYPE } from '../../constants';
 import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartLegend, RectLegendSymbolOptions } from './legend';
@@ -11,7 +11,7 @@ export interface SankeySeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     }[];
 }
 export interface SankeySeries<T = MeaningfulAny> extends BaseSeries {
-    type: typeof SeriesType.Sankey;
+    type: typeof SERIES_TYPE.Sankey;
     /** The name of the series (used in legend, tooltip etc). */
     name: string;
     data: SankeySeriesData<T>[];

package/dist/esm/types/chart/scatter.d.ts

@@ -1,7 +1,8 @@
-import type { SeriesType, SymbolType } from '../../constants';
+import type { SERIES_TYPE, SymbolType } from '../../constants';
 import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartLegend, RectLegendSymbolOptions } from './legend';
+import type { ChartSeriesRangeSliderOptions } from './series';
 export interface ScatterSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     /**
      * The `x` value of the point. Depending on the context , it may represents:
@@ -29,7 +30,7 @@ export interface ScatterSeriesData<T = MeaningfulAny> extends BaseSeriesData<T>
     opacity?: number;
 }
 export interface ScatterSeries<T = MeaningfulAny> extends BaseSeries {
-    type: typeof SeriesType.Scatter;
+    type: typeof SERIES_TYPE.Scatter;
     data: ScatterSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
     name: string;
@@ -52,4 +53,8 @@ export interface ScatterSeries<T = MeaningfulAny> extends BaseSeries {
      * @default 'skip'
      */
     nullMode?: 'zero' | 'skip';
+    /**
+     * Options to configure how this series appears and behaves in the Range Slider component.
+     */
+    rangeSlider?: ChartSeriesRangeSliderOptions;
 }

package/dist/esm/types/chart/series.d.ts

@@ -4,6 +4,7 @@ import type { MeaningfulAny } from '../misc';
 import type { AreaSeries, AreaSeriesData } from './area';
 import type { BarXSeries, BarXSeriesData } from './bar-x';
 import type { BarYSeries, BarYSeriesData } from './bar-y';
+import type { FunnelSeries, FunnelSeriesData } from './funnel';
 import type { Halo } from './halo';
 import type { HeatmapSeries, HeatmapSeriesData } from './heatmap';
 import type { LineSeries, LineSeriesData } from './line';
@@ -14,8 +15,8 @@ import type { SankeySeries, SankeySeriesData } from './sankey';
 import type { ScatterSeries, ScatterSeriesData } from './scatter';
 import type { TreemapSeries, TreemapSeriesData } from './treemap';
 import type { WaterfallSeries, WaterfallSeriesData } from './waterfall';
-export type ChartSeries<T = MeaningfulAny> = ScatterSeries<T> | PieSeries<T> | BarXSeries<T> | BarYSeries<T> | LineSeries<T> | AreaSeries<T> | TreemapSeries<T> | WaterfallSeries<T> | SankeySeries<T> | RadarSeries<T> | HeatmapSeries<T>;
-export type ChartSeriesData<T = MeaningfulAny> = ScatterSeriesData<T> | PieSeriesData<T> | BarXSeriesData<T> | BarYSeriesData<T> | LineSeriesData<T> | AreaSeriesData<T> | TreemapSeriesData<T> | WaterfallSeriesData<T> | SankeySeriesData<T> | RadarSeriesData<T> | HeatmapSeriesData<T>;
+export type ChartSeries<T = MeaningfulAny> = ScatterSeries<T> | PieSeries<T> | BarXSeries<T> | BarYSeries<T> | LineSeries<T> | AreaSeries<T> | TreemapSeries<T> | WaterfallSeries<T> | SankeySeries<T> | RadarSeries<T> | HeatmapSeries<T> | FunnelSeries<T>;
+export type ChartSeriesData<T = MeaningfulAny> = ScatterSeriesData<T> | PieSeriesData<T> | BarXSeriesData<T> | BarYSeriesData<T> | LineSeriesData<T> | AreaSeriesData<T> | TreemapSeriesData<T> | WaterfallSeriesData<T> | SankeySeriesData<T> | RadarSeriesData<T> | HeatmapSeriesData<T> | FunnelSeriesData<T>;
 export interface DataLabelRendererData<T = MeaningfulAny> {
     data: ChartSeriesData<T>;
 }
@@ -285,4 +286,18 @@ export interface ChartSeriesOptions {
          */
         borderColor?: string;
     };
+    funnel?: {
+        /** Options for the series states that provide additional styling information to the series. */
+        states?: {
+            hover?: BasicHoverState;
+        };
+    };
 }
+export type ChartSeriesRangeSliderOptions = {
+    /**
+     * Enable or disable the visibility of this series in the Range Slider.
+     *
+     * @default true
+     */
+    visible?: boolean;
+};

package/dist/esm/types/chart/tooltip.d.ts

@@ -5,6 +5,7 @@ import type { ChartXAxis, ChartYAxis } from './axis';
 import type { BarXSeries, BarXSeriesData } from './bar-x';
 import type { BarYSeries, BarYSeriesData } from './bar-y';
 import type { CustomFormat, ValueFormat } from './base';
+import type { FunnelSeries, FunnelSeriesData } from './funnel';
 import type { HeatmapSeries, HeatmapSeriesData } from './heatmap';
 import type { LineSeries, LineSeriesData } from './line';
 import type { PieSeries, PieSeriesData } from './pie';
@@ -76,9 +77,16 @@ export interface TooltipDataChunkRadar<T = MeaningfulAny> {
 export interface TooltipDataChunkHeatmap<T = MeaningfulAny> {
     data: HeatmapSeriesData<T>;
     series: HeatmapSeries<T>;
-    closest: boolean;
 }
-export type TooltipDataChunk<T = MeaningfulAny> = (TooltipDataChunkBarX<T> | TooltipDataChunkBarY<T> | TooltipDataChunkPie<T> | TooltipDataChunkScatter<T> | TooltipDataChunkLine<T> | TooltipDataChunkArea<T> | TooltipDataChunkTreemap<T> | TooltipDataChunkSankey<T> | TooltipDataChunkWaterfall<T> | TooltipDataChunkRadar<T> | TooltipDataChunkHeatmap<T>) & {
+export interface TooltipDataChunkFunnel<T = MeaningfulAny> {
+    data: FunnelSeriesData<T>;
+    series: {
+        type: FunnelSeries['type'];
+        id: string;
+        name: string;
+    };
+}
+export type TooltipDataChunk<T = MeaningfulAny> = (TooltipDataChunkBarX<T> | TooltipDataChunkBarY<T> | TooltipDataChunkPie<T> | TooltipDataChunkScatter<T> | TooltipDataChunkLine<T> | TooltipDataChunkArea<T> | TooltipDataChunkTreemap<T> | TooltipDataChunkSankey<T> | TooltipDataChunkWaterfall<T> | TooltipDataChunkRadar<T> | TooltipDataChunkHeatmap<T> | TooltipDataChunkFunnel<T>) & {
     closest?: boolean;
 };
 export interface ChartTooltipRendererArgs<T = MeaningfulAny> {

package/dist/esm/types/chart/treemap.d.ts

@@ -1,4 +1,4 @@
-import type { LayoutAlgorithm, SeriesType } from '../../constants';
+import type { LayoutAlgorithm, SERIES_TYPE } from '../../constants';
 import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartLegend, RectLegendSymbolOptions } from './legend';
@@ -16,7 +16,7 @@ export interface TreemapSeriesData<T = MeaningfulAny> extends BaseSeriesData<T>
     parentId?: string;
 }
 export interface TreemapSeries<T = MeaningfulAny> extends BaseSeries {
-    type: typeof SeriesType.Treemap;
+    type: typeof SERIES_TYPE.Treemap;
     data: TreemapSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc). */
     name: string;

package/dist/esm/types/chart/waterfall.d.ts

@@ -1,4 +1,4 @@
-import type { SeriesType } from '../../constants';
+import type { SERIES_TYPE } from '../../constants';
 import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartLegend, RectLegendSymbolOptions } from './legend';
@@ -23,7 +23,7 @@ export interface WaterfallSeriesData<T = MeaningfulAny> extends BaseSeriesData<T
     total?: boolean;
 }
 export interface WaterfallSeries<T = MeaningfulAny> extends BaseSeries {
-    type: typeof SeriesType.Waterfall;
+    type: typeof SERIES_TYPE.Waterfall;
     data: WaterfallSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc). */
     name: string;

package/dist/esm/types/chart/zoom.d.ts

@@ -1,4 +1,5 @@
 import type { ZoomType } from '../../constants';
+import type { ChartBrush } from './brush';
 /**
  * Configuration options for chart zooming functionality using area selection.
  * Working with only axis related series.
@@ -29,11 +30,7 @@ export interface ChartZoom {
     /**
      * Zoom brush configuration.
      */
-    brush?: {
-        style?: {
-            fillOpacity?: number;
-        };
-    };
+    brush?: Omit<ChartBrush, 'handles'>;
     /**
      * Reset zoom button configuration.
      * The button appears only after the zoom has been applied.

package/dist/esm/types/index.d.ts

@@ -29,6 +29,8 @@ export * from './chart/waterfall';
 export * from './chart/sankey';
 export * from './chart/radar';
 export * from './chart/heatmap';
+export * from './chart/funnel';
+export * from './chart/brush';
 export interface ChartData<T = MeaningfulAny> {
     /**
      * General options for the chart.

package/dist/esm/types/index.js

@@ -21,3 +21,5 @@ export * from './chart/waterfall';
 export * from './chart/sankey';
 export * from './chart/radar';
 export * from './chart/heatmap';
+export * from './chart/funnel';
+export * from './chart/brush';

package/dist/esm/types/misc.d.ts

@@ -10,3 +10,9 @@ export type PointPosition = [number, number];
 export type DeepRequired<T> = Required<{
     [K in keyof T]: T[K] extends Required<T[K]> ? T[K] : DeepRequired<T[K]>;
 }>;
+/**
+ * Makes all properties in T optional, including nested objects.
+ */
+export type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};

package/dist/esm/utils/chart/axis.d.ts

@@ -1,5 +1,6 @@
-import type { AxisDomain, AxisScale, ScaleBand } from 'd3';
+import type { AxisDomain, AxisScale, ScaleBand, ScaleTime } from 'd3';
 import type { ChartScale, PreparedAxis, PreparedAxisPlotBand, PreparedSplit } from '../../hooks';
+import type { ChartAxis } from '../../types';
 import type { TextRow } from './text';
 import type { AxisDirection } from './types';
 type Ticks = number[] | string[] | Date[];
@@ -7,7 +8,8 @@ export declare function getTicksCount({ axis, range }: {
     axis: PreparedAxis;
     range: number;
 }): number | undefined;
-export declare function isBandScale(scale: ChartScale | AxisScale<AxisDomain>): scale is ScaleBand<string>;
+export declare function isBandScale(scale?: ChartScale | AxisScale<AxisDomain>): scale is ScaleBand<string>;
+export declare function isTimeScale(scale?: ChartScale | AxisScale<AxisDomain>): scale is ScaleTime<number, number>;
 export declare function getScaleTicks(scale: ChartScale | AxisScale<AxisDomain>, ticksCount?: number): Ticks;
 export declare function getXAxisOffset(): 0 | 0.5;
 export declare function getXTickPosition({ scale, offset }: {
@@ -46,4 +48,5 @@ export declare function getLabelFormatter({ axis, scale }: {
     axis: PreparedAxis;
     scale: ChartScale;
 }): (value: AxisDomain) => string;
+export declare function getAxisCategories({ categories: originalCategories, max, min, order, }?: Partial<ChartAxis>): string[] | undefined;
 export {};

package/dist/esm/utils/chart/axis.js

@@ -1,3 +1,4 @@
+import { ascending, descending, reverse, sort } from 'd3';
 import clamp from 'lodash/clamp';
 import { formatAxisTickLabel } from './format';
 import { wrapText } from './text';
@@ -9,7 +10,13 @@ export function getTicksCount({ axis, range }) {
     return ticksCount;
 }
 export function isBandScale(scale) {
-    return 'bandwidth' in scale && typeof scale.bandwidth === 'function';
+    return Boolean(scale && 'bandwidth' in scale && typeof scale.bandwidth === 'function');
+}
+export function isTimeScale(scale) {
+    if (!scale) {
+        return false;
+    }
+    return scale.domain()[0] instanceof Date;
 }
 export function getScaleTicks(scale, ticksCount) {
     if ('ticks' in scale && typeof scale.ticks === 'function') {
@@ -137,3 +144,42 @@ export function getLabelFormatter({ axis, scale }) {
         });
     };
 }
+function getNormalizedIndexMinMax(args) {
+    const { max, min } = args;
+    if (typeof min === 'number' && typeof max === 'number') {
+        return min > max ? [max, min] : [min, max];
+    }
+    return [min, max];
+}
+function getNormalizedStartEnd(args) {
+    const { length, max, min } = args;
+    const [normalizedMin, normalizedMax] = getNormalizedIndexMinMax({ max, min });
+    const start = typeof normalizedMin === 'number' && normalizedMin >= 0 ? normalizedMin : 0;
+    const end = typeof normalizedMax === 'number' && normalizedMax <= length ? normalizedMax + 1 : length;
+    return [start, end];
+}
+export function getAxisCategories({ categories: originalCategories, max, min, order, } = {}) {
+    if (originalCategories) {
+        let categories = originalCategories;
+        switch (order) {
+            case 'reverse': {
+                categories = reverse(originalCategories);
+                break;
+            }
+            case 'sortAsc': {
+                categories = sort(originalCategories, (a, b) => ascending(a, b));
+                break;
+            }
+            case 'sortDesc': {
+                categories = sort(originalCategories, (a, b) => descending(a, b));
+                break;
+            }
+        }
+        if (typeof min === 'number' || typeof max === 'number') {
+            const [start, end] = getNormalizedStartEnd({ length: categories.length, max, min });
+            categories = categories.slice(start, end);
+        }
+        return categories;
+    }
+    return originalCategories;
+}

package/dist/esm/utils/chart/color.js

@@ -4,7 +4,8 @@ export function getDomainForContinuousColorScale(args) {
     const values = series.reduce((acc, s) => {
         switch (s.type) {
             case 'pie':
-            case 'heatmap': {
+            case 'heatmap':
+            case 'funnel': {
                 acc.push(...s.data.map((d) => Number(d.value)));
                 break;
             }

package/dist/esm/utils/chart/get-closest-data.js

@@ -49,7 +49,7 @@ export function getClosestPoints(args) {
     const groups = groupBy(shapesData, getSeriesType);
     // eslint-disable-next-line complexity
     Object.entries(groups).forEach(([seriesType, list]) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         switch (seriesType) {
             case 'bar-x': {
                 const points = list.map((d) => ({
@@ -248,6 +248,23 @@ export function getClosestPoints(args) {
                 }
                 break;
             }
+            case 'funnel': {
+                const data = list;
+                const closestPoint = (_e = data[0]) === null || _e === void 0 ? void 0 : _e.items.find((item) => {
+                    return (pointerX >= item.x &&
+                        pointerX <= item.x + item.width &&
+                        pointerY >= item.y &&
+                        pointerY <= item.y + item.height);
+                });
+                if (closestPoint) {
+                    result.push({
+                        data: closestPoint.data,
+                        series: closestPoint.series,
+                        closest: true,
+                    });
+                }
+                break;
+            }
         }
     });
     return result;

package/dist/esm/utils/chart/index.js

@@ -2,7 +2,7 @@ import { group, select } from 'd3';
 import get from 'lodash/get';
 import isNil from 'lodash/isNil';
 import sortBy from 'lodash/sortBy';
-import { DEFAULT_AXIS_LABEL_FONT_SIZE, SeriesType } from '../../constants';
+import { DEFAULT_AXIS_LABEL_FONT_SIZE, SERIES_TYPE } from '../../constants';
 import { getSeriesStackId } from '../../hooks/useSeries/utils';
 import { getWaterfallPointSubtotal } from './series/waterfall';
 export * from './axis';
@@ -17,7 +17,7 @@ export * from './symbol';
 export * from './text';
 export * from './time';
 export * from './zoom';
-const CHARTS_WITHOUT_AXIS = ['pie', 'treemap', 'sankey', 'radar'];
+const CHARTS_WITHOUT_AXIS = ['pie', 'treemap', 'sankey', 'radar', 'funnel'];
 export const CHART_SERIES_WITH_VOLUME_ON_Y_AXIS = [
     'bar-x',
     'area',
@@ -109,7 +109,7 @@ export function getDefaultMinXAxisValue(series) {
 }
 export function getDefaultMinYAxisValue(series) {
     if (series === null || series === void 0 ? void 0 : series.some((s) => CHART_SERIES_WITH_VOLUME_ON_Y_AXIS.includes(s.type))) {
-        if (series.some((s) => s.type === SeriesType.Waterfall)) {
+        if (series.some((s) => s.type === SERIES_TYPE.Waterfall)) {
             const seriesData = series.map((s) => s.data).flat();
             const minSubTotal = seriesData.reduce((res, d) => Math.min(res, getWaterfallPointSubtotal(d, seriesData) || 0), 0);
             return Math.min(0, minSubTotal);
@@ -129,7 +129,7 @@ export const getDomainDataYBySeries = (series) => {
         switch (type) {
             case 'area':
             case 'bar-x': {
-                acc.push(...getDomainDataForStackedSeries(seriesList));
+                acc.push(0, ...getDomainDataForStackedSeries(seriesList));
                 break;
             }
             case 'waterfall': {

package/dist/esm/utils/chart/series/sorting.js

@@ -1,8 +1,8 @@
 import { sort } from 'd3';
 import { isEmpty } from 'lodash';
 import get from 'lodash/get';
-import { SeriesType } from '../../../constants';
-import { getAxisCategories } from '../../../hooks/useChartOptions/utils';
+import { SERIES_TYPE } from '../../../constants';
+import { getAxisCategories } from '../../../utils';
 function applyAxisCategoriesOrder({ series, axis, key, }) {
     var _a, _b;
     const originalCategories = (_a = axis === null || axis === void 0 ? void 0 : axis.categories) !== null && _a !== void 0 ? _a : [];
@@ -40,7 +40,7 @@ export function getSortedSeriesData({ seriesData, xAxis, yAxis, }) {
         sortedSeries = applyAxisCategoriesOrder({ series: sortedSeries, axis: yAxisItem, key: 'y' });
         sortedSeries = applyAxisCategoriesOrder({ series: sortedSeries, axis: xAxis, key: 'x' });
         switch (sortedSeries.type) {
-            case SeriesType.Area: {
+            case SERIES_TYPE.Area: {
                 sortedSeries = Object.assign(Object.assign({}, sortedSeries), { data: sort(sortedSeries.data, (d) => d.x) });
                 break;
             }

package/dist/esm/utils/chart/zoom.d.ts

@@ -1,11 +1,11 @@
-import type { PreparedAxis, PreparedSeries } from '../../hooks';
+import type { PreparedSeries, PreparedXAxis, PreparedYAxis } from '../../hooks';
 import type { ZoomState } from '../../hooks/useZoom/types';
 import type { ChartXAxis, ChartYAxis } from '../../types';
 export declare function getZoomedSeriesData(args: {
     seriesData: PreparedSeries[];
     zoomState: Partial<ZoomState>;
-    xAxis?: ChartXAxis | PreparedAxis | null;
-    yAxis?: ChartYAxis[] | PreparedAxis[] | null;
+    xAxis?: ChartXAxis | PreparedXAxis | null;
+    yAxis?: ChartYAxis[] | PreparedYAxis[] | null;
 }): {
     preparedSeries: PreparedSeries[];
     preparedShapesSeries: PreparedSeries[];

package/dist/esm/utils/chart/zoom.js

@@ -1,5 +1,5 @@
-import { SeriesType } from '../../constants';
-const SERIES_TYPE_WITH_HIDDEN_POINTS = [SeriesType.Area, SeriesType.Line];
+import { SERIES_TYPE } from '../../constants';
+const SERIES_TYPE_WITH_HIDDEN_POINTS = [SERIES_TYPE.Area, SERIES_TYPE.Line];
 // eslint-disable-next-line complexity
 function isValueInRange(args) {
     const { axis, max, min, value } = args;

package/dist/esm/validation/index.js

@@ -1,13 +1,13 @@
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
-import { DEFAULT_AXIS_TYPE, SeriesType, TOOLTIP_TOTALS_BUILT_IN_AGGREGATION } from '../constants';
+import { DEFAULT_AXIS_TYPE, SERIES_TYPE, TOOLTIP_TOTALS_BUILT_IN_AGGREGATION } from '../constants';
 import { i18n } from '../i18n';
 import { CHART_ERROR_CODE, ChartError } from '../libs';
 import { validateAxes } from './validate-axes';
 function getTypeOf(value) {
     return typeof value;
 }
-const AVAILABLE_SERIES_TYPES = Object.values(SeriesType);
+const AVAILABLE_SERIES_TYPES = Object.values(SERIES_TYPE);
 const AVAILABLE_TOOLTIP_TOTALS_BUILT_IN_AGGREGATIONS = Object.values(TOOLTIP_TOTALS_BUILT_IN_AGGREGATION);
 const AVAILABLE_TOOLTIP_TOTALS_AGGREGATION_TYPES = ['function', 'string'];
 function validateXYSeries(args) {
@@ -387,7 +387,7 @@ export function validateData(data) {
     }
     const treemapSeriesCount = countSeriesByType({
         series: data.series.data,
-        type: SeriesType.Treemap,
+        type: SERIES_TYPE.Treemap,
     });
     if (treemapSeriesCount > 1) {
         throw new ChartError({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/charts",
-  "version": "1.23.0",
+  "version": "1.24.1",
   "description": "React component used to render charts",
   "license": "MIT",
   "main": "dist/cjs/index.js",