@gravity-ui/charts 1.23.0 → 1.24.0

package/dist/esm/hooks/useShapes/waterfall/index.js

@@ -121,9 +121,9 @@ export const WaterfallSeriesShapes = (args) => {
         if (hoveredDataRef.current !== null) {
             handleShapeHover(hoveredDataRef.current);
         }
-        dispatcher.on('hover-shape.waterfall', handleShapeHover);
+        dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.on('hover-shape.waterfall', handleShapeHover);
         return () => {
-            dispatcher.on('hover-shape.waterfall', null);
+            dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.on('hover-shape.waterfall', null);
         };
     }, [connectorSelector, dispatcher, preparedData, seriesOptions]);
     return (React.createElement(React.Fragment, null,

package/dist/esm/hooks/useShapes/waterfall/prepare-data.d.ts

@@ -1,12 +1,12 @@
+import type { PreparedXAxis, PreparedYAxis } from '../../useAxis/types';
 import type { ChartScale } from '../../useAxisScales';
-import type { PreparedAxis } from '../../useChartOptions/types';
 import type { PreparedSeriesOptions, PreparedWaterfallSeries } from '../../useSeries/types';
 import type { PreparedWaterfallData } from './types';
 export declare const prepareWaterfallData: (args: {
     series: PreparedWaterfallSeries[];
     seriesOptions: PreparedSeriesOptions;
-    xAxis: PreparedAxis;
+    xAxis: PreparedXAxis;
     xScale: ChartScale;
-    yAxis: PreparedAxis[];
+    yAxis: PreparedYAxis[];
     yScale: (ChartScale | undefined)[];
 }) => Promise<PreparedWaterfallData[]>;

package/dist/esm/hooks/useZoom/index.d.ts

@@ -1,5 +1,6 @@
+import type { PreparedXAxis, PreparedYAxis } from '../useAxis/types';
 import type { ChartScale } from '../useAxisScales';
-import type { PreparedAxis, PreparedZoom } from '../useChartOptions/types';
+import type { PreparedZoom } from '../useChartOptions/types';
 import type { PreparedSplit } from '../useSplit/types';
 import type { ZoomState } from './types';
 interface UseZoomProps {
@@ -9,9 +10,9 @@ interface UseZoomProps {
     plotContainerWidth: number;
     preparedSplit: PreparedSplit;
     preparedZoom: PreparedZoom | null;
-    xAxis: PreparedAxis | null;
+    xAxis: PreparedXAxis | null;
     xScale?: ChartScale;
-    yAxis: PreparedAxis[];
+    yAxis: PreparedYAxis[];
     yScale?: (ChartScale | undefined)[];
 }
 export declare function useZoom(props: UseZoomProps): void;

package/dist/esm/hooks/useZoom/utils.d.ts

@@ -1,13 +1,13 @@
 import type { BrushSelection } from 'd3';
 import type { ZoomType } from '../../constants';
+import type { PreparedXAxis, PreparedYAxis } from '../useAxis/types';
 import type { ChartScale } from '../useAxisScales';
-import type { PreparedAxis } from '../useChartOptions/types';
 import type { ZoomState } from './types';
 export declare function selectionToZoomBounds(args: {
     selection: BrushSelection;
-    xAxis: PreparedAxis;
+    xAxis: PreparedXAxis;
     xScale: ChartScale;
-    yAxes: PreparedAxis[];
+    yAxes: PreparedYAxis[];
     yScales: (ChartScale | undefined)[];
     zoomType: ZoomType;
 }): Partial<ZoomState>;

package/dist/esm/hooks/utils/bar-x.d.ts

@@ -1,7 +1,7 @@
 import type { BarXSeries, BarXSeriesData } from '../../types';
-import type { PreparedAxis } from '../useChartOptions/types';
+import type { PreparedXAxis } from '../useAxis/types';
 import type { PreparedBarXSeries, PreparedSeriesOptions } from '../useSeries/types';
-export declare function groupBarXDataByXValue<T extends BarXSeries | PreparedBarXSeries>(series: T[], xAxis: PreparedAxis): Record<string | number, Record<string, {
+export declare function groupBarXDataByXValue<T extends BarXSeries | PreparedBarXSeries>(series: T[], xAxis: PreparedXAxis): Record<string | number, Record<string, {
     data: BarXSeriesData;
     series: T;
 }[]>>;

package/dist/esm/hooks/utils/bar-y.d.ts

@@ -1,6 +1,6 @@
 import type { BarYSeries, BarYSeriesData } from '../../types';
+import type { PreparedYAxis } from '../useAxis/types';
 import type { ChartScale } from '../useAxisScales';
-import type { PreparedAxis } from '../useChartOptions/types';
 import type { PreparedBarYSeries, PreparedSeriesOptions } from '../useSeries/types';
 /**
  * BarY always filters out data with null or replace null by zero.
@@ -8,7 +8,7 @@ import type { PreparedBarYSeries, PreparedSeriesOptions } from '../useSeries/typ
 type PreparedBarYSeriesData = BarYSeriesData & {
     x?: number | string;
 };
-export declare function groupBarYDataByYValue<T extends BarYSeries | PreparedBarYSeries>(series: T[], yAxis: PreparedAxis[]): Record<string | number, Record<string, {
+export declare function groupBarYDataByYValue<T extends BarYSeries | PreparedBarYSeries>(series: T[], yAxis: PreparedYAxis[]): Record<string | number, Record<string, {
     data: PreparedBarYSeriesData;
     series: T;
 }[]>>;

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

@@ -1,8 +1,9 @@
-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';
 import type { PointMarkerOptions } from './marker';
+import type { ChartSeriesRangeSliderOptions } from './series';
 export interface AreaSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     /**
      * The `x` value of the point. Depending on the context , it may represents:
@@ -41,7 +42,7 @@ export interface AreaMarkerOptions extends PointMarkerOptions {
     symbol?: AreaMarkerSymbol;
 }
 export interface AreaSeries<T = MeaningfulAny> extends BaseSeries {
-    type: typeof SeriesType.Area;
+    type: typeof SERIES_TYPE.Area;
     data: AreaSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
     name: string;
@@ -83,4 +84,8 @@ export interface AreaSeries<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/axis.d.ts

@@ -1,6 +1,8 @@
+import type { DurationInput } from '@gravity-ui/date-utils';
 import type { AXIS_TYPE, DashStyle } from '../../constants';
 import type { FormatNumberOptions } from '../formatter';
 import type { BaseTextStyle } from './base';
+import type { ChartBrush } from './brush';
 export type ChartAxisType = (typeof AXIS_TYPE)[keyof typeof AXIS_TYPE];
 export type ChartAxisTitleAlignment = 'left' | 'center' | 'right';
 export interface ChartAxisLabels {
@@ -40,6 +42,40 @@ export interface ChartAxisLabels {
      * */
     maxWidth?: number | string;
 }
+export interface ChartAxisRangeSlider {
+    /**
+     * Range slider brush configuration.
+     */
+    brush?: ChartBrush;
+    /**
+     * Configuration for the range slider state after the initial chart render.
+     */
+    defaultRange?: {
+        /**
+         * Default size of the range slider.
+         *
+         * The value type depends on the axis scale:
+         * - For `datetime` axes: {@link https://github.com/gravity-ui/date-utils/blob/8d53ff16a4582831140e75f1305dc6a0112a5ad6/src/typings/duration.ts#L7 DurationInput}
+         * - For `linear` and `logarithmic` axes: numeric value
+         */
+        size?: DurationInput | number;
+    };
+    /**
+     * Enable or disable the display of range slider
+     * @default false
+     */
+    enabled?: boolean;
+    /**
+     * The height of the range slider in pixels.
+     * @default 40
+     */
+    height?: number;
+    /**
+     * The pixel distance between the range slider and the the X axis or X axis labels.
+     * @default 10
+     */
+    margin?: number;
+}
 export interface ChartAxis {
     categories?: string[];
     /** Configure a crosshair that follows either the mouse pointer or the hovered point. */
@@ -124,6 +160,15 @@ export interface ChartAxis {
     order?: 'sortAsc' | 'sortDesc' | 'reverse';
 }
 export interface ChartXAxis extends ChartAxis {
+    /**
+     * Configuration options for the chart range slider component.
+     *
+     * The range slider allows users to select a specific range of data to display
+     * on the chart by adjusting the slider handles.
+     *
+     * Supported only for `linear`, `datetime`, and `logarithmic` axes.
+     */
+    rangeSlider?: ChartAxisRangeSlider;
 }
 export type PlotLayerPlacement = 'before' | 'after';
 export interface AxisPlot {

package/dist/esm/types/chart/bar-x.d.ts

@@ -1,8 +1,8 @@
-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';
-import type { ChartSeriesOptions } from './series';
+import type { ChartSeriesOptions, ChartSeriesRangeSliderOptions } from './series';
 export interface BarXSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     /**
      * The `x` value of the bar. Depending on the context , it may represents:
@@ -30,7 +30,7 @@ export interface BarXSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     opacity?: number;
 }
 export interface BarXSeries<T = MeaningfulAny> extends BaseSeries {
-    type: typeof SeriesType.BarX;
+    type: typeof SERIES_TYPE.BarX;
     data: BarXSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
     name: string;
@@ -78,4 +78,8 @@ export interface BarXSeries<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/bar-y.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 BarYSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     opacity?: number;
 }
 export interface BarYSeries<T = MeaningfulAny> extends BaseSeries {
-    type: typeof SeriesType.BarY;
+    type: typeof SERIES_TYPE.BarY;
     data: BarYSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
     name: string;

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

@@ -15,37 +15,38 @@ export type CustomFormat = {
     }) => string;
 };
 export type ValueFormat = NumberFormat | DateFormat;
+export interface BaseDataLabels {
+    /**
+     * Enable or disable the data labels
+     * @default true
+     */
+    enabled?: boolean;
+    style?: Partial<BaseTextStyle>;
+    /**
+     * @default 5
+     * */
+    padding?: number;
+    /**
+     * @default false
+     * */
+    allowOverlap?: boolean;
+    /**
+     * Allows to use any html-tags to display the content.
+     * The element will be displayed outside the box of the SVG element.
+     *
+     * @default false
+     * */
+    html?: boolean;
+    /** Formatting settings for labels. */
+    format?: ValueFormat;
+}
 export interface BaseSeries {
     /** Initial visibility of the series */
     visible?: boolean;
     /**
      * Options for the series data labels, appearing next to each data point.
      * */
-    dataLabels?: {
-        /**
-         * Enable or disable the data labels
-         * @default true
-         */
-        enabled?: boolean;
-        style?: Partial<BaseTextStyle>;
-        /**
-         * @default 5
-         * */
-        padding?: number;
-        /**
-         * @default false
-         * */
-        allowOverlap?: boolean;
-        /**
-         * Allows to use any html-tags to display the content.
-         * The element will be displayed outside the box of the SVG element.
-         *
-         * @default false
-         * */
-        html?: boolean;
-        /** Formatting settings for labels. */
-        format?: ValueFormat;
-    };
+    dataLabels?: BaseDataLabels;
     /** You can set the cursor to "pointer" if you have click events attached to the series, to signal to the user that the points and lines can be clicked. */
     cursor?: string;
     /**

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';