@gravity-ui/charts 0.6.1 → 0.8.0

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

@@ -1,12 +1,12 @@
 import type { MeaningfulAny } from '../misc';
 import type { ChartTooltipRendererArgs } from './tooltip';
-export type ChartMargin = {
+export interface ChartMargin {
     top: number;
     right: number;
     bottom: number;
     left: number;
-};
-export type ChartOptions = {
+}
+export interface ChartOptions {
     margin?: Partial<ChartMargin>;
     events?: {
         click?: (data: {
@@ -15,4 +15,4 @@ export type ChartOptions = {
         }, event: PointerEvent) => void;
         pointermove?: (data: ChartTooltipRendererArgs | undefined, event: PointerEvent) => void;
     };
-};
+}

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

@@ -1,9 +1,9 @@
 /** The halo appearing around the hovered part of series(point in line-type series or slice in pie charts) */
-export type Halo = {
+export interface 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/dist/esm/types/chart/legend.d.ts

@@ -1,5 +1,5 @@
 import type { BaseTextStyle } from './base';
-export type ChartLegend = {
+export interface ChartLegend {
     enabled?: boolean;
     /**
      * Different types for different color schemes.
@@ -47,16 +47,16 @@ export type ChartLegend = {
         domain?: number[];
     };
     width?: number;
-};
-export type BaseLegendSymbol = {
+}
+export interface BaseLegendSymbol {
     /**
      * The pixel padding between the legend item symbol and the legend item text.
      *
      * @default 5
      * */
     padding?: number;
-};
-export type RectLegendSymbolOptions = BaseLegendSymbol & {
+}
+export interface RectLegendSymbolOptions extends BaseLegendSymbol {
     /**
      * The pixel width of the symbol for series types that use a rectangle in the legend
      *
@@ -75,20 +75,20 @@ export type RectLegendSymbolOptions = BaseLegendSymbol & {
      * Defaults to half the symbolHeight, effectively creating a circle.
      */
     radius?: number;
-};
-export type PathLegendSymbolOptions = BaseLegendSymbol & {
+}
+export interface PathLegendSymbolOptions extends BaseLegendSymbol {
     /**
      * The pixel width of the symbol for series types that use a path in the legend
      *
      * @default 16
      * */
     width?: number;
-};
-export type SymbolLegendSymbolOptions = BaseLegendSymbol & {
+}
+export interface SymbolLegendSymbolOptions extends BaseLegendSymbol {
     /**
      * The pixel width of the symbol for series types that use a symbol in the legend
      *
      * @default 8
      * */
     width?: number;
-};
+}

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

@@ -3,7 +3,7 @@ import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartLegend, RectLegendSymbolOptions } from './legend';
 import type { PointMarkerOptions } from './marker';
-export type LineSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
+export interface LineSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     /**
      * The `x` value of the point. Depending on the context , it may represents:
      * - numeric value (for `linear` x axis)
@@ -27,8 +27,8 @@ export type LineSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
             };
         };
     };
-};
-export type LineSeries<T = MeaningfulAny> = BaseSeries & {
+}
+export interface LineSeries<T = MeaningfulAny> extends BaseSeries {
     type: typeof SeriesType.Line;
     data: LineSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
@@ -54,4 +54,4 @@ export type LineSeries<T = MeaningfulAny> = BaseSeries & {
     opacity?: number;
     /** Y-axis index (when using two axes) */
     yAxis?: number;
-};
+}

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

@@ -1,5 +1,5 @@
 import type { SymbolType } from '../../constants';
-export type PointMarkerOptions = {
+export interface PointMarkerOptions {
     /** Enable or disable the point marker */
     enabled?: boolean;
     /** The radius of the point marker */
@@ -9,4 +9,4 @@ export type PointMarkerOptions = {
     /** The width of the point marker's border */
     borderWidth?: number;
     symbol?: `${SymbolType}`;
-};
+}

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

@@ -3,7 +3,7 @@ import type { SeriesType } from '../../constants';
 import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartLegend, RectLegendSymbolOptions } from './legend';
-export type PieSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
+export interface PieSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     /** The value of the pie segment. */
     value: number;
     /** The name of the pie segment (used in legend, tooltip etc). */
@@ -14,10 +14,12 @@ export type PieSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
     label?: string;
     /** Individual opacity for the pie segment. */
     opacity?: number;
-};
+    /** The individual radius of the pie segment. The default value is series.radius */
+    radius?: string | number;
+}
 export type ConnectorShape = 'straight-line' | 'polyline';
 export type ConnectorCurve = 'linear' | 'basic';
-export type PieSeries<T = MeaningfulAny> = BaseSeries & {
+export interface PieSeries<T = MeaningfulAny> extends BaseSeries {
     type: typeof SeriesType.Pie;
     data: PieSeriesData<T>[];
     /**
@@ -85,4 +87,4 @@ export type PieSeries<T = MeaningfulAny> = BaseSeries & {
             innerRadius: number;
         };
     }) => BaseType;
-};
+}

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

@@ -0,0 +1,22 @@
+import type { SeriesType } from '../../constants';
+import type { MeaningfulAny } from '../misc';
+import type { BaseSeries, BaseSeriesData } from './base';
+import type { ChartLegend, RectLegendSymbolOptions } from './legend';
+export interface SankeySeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
+    name: string;
+    color?: string;
+    links: {
+        name: string;
+        value: number;
+    }[];
+}
+export interface SankeySeries<T = MeaningfulAny> extends BaseSeries {
+    type: typeof SeriesType.Sankey;
+    /** The name of the series (used in legend, tooltip etc). */
+    name: string;
+    data: SankeySeriesData<T>[];
+    /** Individual series legend options. Has higher priority than legend options in widget data. */
+    legend?: ChartLegend & {
+        symbol?: RectLegendSymbolOptions;
+    };
+}

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

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

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

@@ -2,7 +2,7 @@ import type { SeriesType, SymbolType } from '../../constants';
 import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartLegend, RectLegendSymbolOptions } from './legend';
-export type ScatterSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
+export interface ScatterSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     /**
      * The `x` value of the point. Depending on the context , it may represents:
      * - numeric value (for `linear` x axis)
@@ -27,8 +27,8 @@ export type ScatterSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
     radius?: number;
     /** Individual opacity for the point. */
     opacity?: number;
-};
-export type ScatterSeries<T = MeaningfulAny> = BaseSeries & {
+}
+export interface ScatterSeries<T = MeaningfulAny> extends BaseSeries {
     type: typeof SeriesType.Scatter;
     data: ScatterSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
@@ -43,4 +43,4 @@ export type ScatterSeries<T = MeaningfulAny> = BaseSeries & {
     };
     /** Y-axis index (when using two axes) */
     yAxis?: number;
-};
+}

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

@@ -8,15 +8,16 @@ import type { Halo } from './halo';
 import type { LineSeries, LineSeriesData } from './line';
 import type { PointMarkerOptions } from './marker';
 import type { PieSeries, PieSeriesData } from './pie';
+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>;
-export type ChartSeriesData<T = MeaningfulAny> = ScatterSeriesData<T> | PieSeriesData<T> | BarXSeriesData<T> | BarYSeriesData<T> | LineSeriesData<T> | AreaSeriesData<T> | TreemapSeriesData<T> | WaterfallSeriesData<T>;
-export type DataLabelRendererData<T = MeaningfulAny> = {
+export type ChartSeries<T = MeaningfulAny> = ScatterSeries<T> | PieSeries<T> | BarXSeries<T> | BarYSeries<T> | LineSeries<T> | AreaSeries<T> | TreemapSeries<T> | WaterfallSeries<T> | SankeySeries<T>;
+export type ChartSeriesData<T = MeaningfulAny> = ScatterSeriesData<T> | PieSeriesData<T> | BarXSeriesData<T> | BarYSeriesData<T> | LineSeriesData<T> | AreaSeriesData<T> | TreemapSeriesData<T> | WaterfallSeriesData<T> | SankeySeriesData<T>;
+export interface DataLabelRendererData<T = MeaningfulAny> {
     data: ChartSeriesData<T>;
-};
-export type BasicHoverState = {
+}
+export interface BasicHoverState {
     /**
      * Enable separate styles for the hovered series.
      *
@@ -32,8 +33,8 @@ export type BasicHoverState = {
      * @default 0.3
      */
     brightness?: number;
-};
-export type BasicInactiveState = {
+}
+export interface BasicInactiveState {
     /**
      * Enable separate styles for the inactive series.
      *
@@ -46,8 +47,8 @@ export type BasicInactiveState = {
      * @default 0.5
      * */
     opacity?: number;
-};
-export type ChartSeriesOptions = {
+}
+export interface ChartSeriesOptions {
     /** Individual data label for each point. */
     dataLabels?: {
         /** Enable or disable the data labels */
@@ -72,6 +73,11 @@ export type ChartSeriesOptions = {
          * @default 0.2
          */
         groupPadding?: number;
+        /**
+         * The corner radius of the border surrounding each bar.
+         * @default 0
+         */
+        borderRadius?: number;
         dataSorting?: {
             /** Determines what data value should be used to sort by.
              * Possible values are undefined to disable, "name" to sort by series name or "y"
@@ -108,6 +114,11 @@ export type ChartSeriesOptions = {
          * @default 0.2
          */
         groupPadding?: number;
+        /**
+         * The corner radius of the border surrounding each bar.
+         * @default 0
+         */
+        borderRadius?: number;
         dataSorting?: {
             /** Determines what data value should be used to sort by.
              * Possible values are undefined to disable, "name" to sort by series name or "x"
@@ -222,4 +233,4 @@ export type ChartSeriesOptions = {
             inactive?: BasicInactiveState;
         };
     };
-};
+}

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

@@ -1,13 +1,13 @@
 import type { BaseTextStyle } from './base';
-export type SplitPlotOptions = {
+export interface SplitPlotOptions {
     title?: {
         text: string;
         style?: Partial<BaseTextStyle>;
     };
-};
-export type ChartSplit = {
+}
+export interface ChartSplit {
     enable: boolean;
     layout?: 'vertical';
     gap?: string | number;
     plots?: SplitPlotOptions[];
-};
+}

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

@@ -1,5 +1,5 @@
 import type { BaseTextStyle } from './base';
-export type ChartTitle = {
+export interface ChartTitle {
     text: string;
     style?: Partial<BaseTextStyle>;
-};
+}

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

@@ -5,66 +5,72 @@ import type { BarXSeries, BarXSeriesData } from './bar-x';
 import type { BarYSeries, BarYSeriesData } from './bar-y';
 import type { LineSeries, LineSeriesData } from './line';
 import type { PieSeries, PieSeriesData } from './pie';
+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 TooltipDataChunkBarX<T = MeaningfulAny> = {
+export interface TooltipDataChunkBarX<T = MeaningfulAny> {
     data: BarXSeriesData<T>;
     series: BarXSeries<T>;
-};
-export type TooltipDataChunkBarY<T = MeaningfulAny> = {
+}
+export interface TooltipDataChunkBarY<T = MeaningfulAny> {
     data: BarYSeriesData<T>;
     series: BarYSeries<T>;
-};
-export type TooltipDataChunkPie<T = MeaningfulAny> = {
+}
+export interface TooltipDataChunkPie<T = MeaningfulAny> {
     data: PieSeriesData<T>;
     series: {
         type: PieSeries['type'];
         id: string;
         name: string;
     };
-};
-export type TooltipDataChunkScatter<T = MeaningfulAny> = {
+}
+export interface TooltipDataChunkScatter<T = MeaningfulAny> {
     data: ScatterSeriesData<T>;
     series: {
         type: ScatterSeries['type'];
         id: string;
         name: string;
     };
-};
-export type TooltipDataChunkLine<T = MeaningfulAny> = {
+}
+export interface TooltipDataChunkLine<T = MeaningfulAny> {
     data: LineSeriesData<T>;
     series: {
         type: LineSeries['type'];
         id: string;
         name: string;
     };
-};
-export type TooltipDataChunkArea<T = MeaningfulAny> = {
+}
+export interface TooltipDataChunkArea<T = MeaningfulAny> {
     data: AreaSeriesData<T>;
     series: {
         type: AreaSeries['type'];
         id: string;
         name: string;
     };
-};
-export type TooltipDataChunkTreemap<T = MeaningfulAny> = {
+}
+export interface TooltipDataChunkTreemap<T = MeaningfulAny> {
     data: TreemapSeriesData<T>;
     series: TreemapSeries<T>;
-};
-export type TooltipDataChunkWaterfall<T = MeaningfulAny> = {
+}
+export interface TooltipDataChunkSankey<T = MeaningfulAny> {
+    data: SankeySeriesData<T>;
+    target?: SankeySeriesData<T>;
+    series: SankeySeries<T>;
+}
+export interface TooltipDataChunkWaterfall<T = MeaningfulAny> {
     data: WaterfallSeriesData<T>;
     series: WaterfallSeries<T>;
-};
-export type TooltipDataChunk<T = MeaningfulAny> = (TooltipDataChunkBarX<T> | TooltipDataChunkBarY<T> | TooltipDataChunkPie<T> | TooltipDataChunkScatter<T> | TooltipDataChunkLine<T> | TooltipDataChunkArea<T> | TooltipDataChunkTreemap<T> | TooltipDataChunkWaterfall<T>) & {
+}
+export type TooltipDataChunk<T = MeaningfulAny> = (TooltipDataChunkBarX<T> | TooltipDataChunkBarY<T> | TooltipDataChunkPie<T> | TooltipDataChunkScatter<T> | TooltipDataChunkLine<T> | TooltipDataChunkArea<T> | TooltipDataChunkTreemap<T> | TooltipDataChunkSankey<T> | TooltipDataChunkWaterfall<T>) & {
     closest?: boolean;
 };
-export type ChartTooltipRendererArgs<T = MeaningfulAny> = {
+export interface ChartTooltipRendererArgs<T = MeaningfulAny> {
     hovered: TooltipDataChunk<T>[];
     xAxis?: ChartXAxis;
     yAxis?: ChartYAxis;
-};
-export type ChartTooltip<T = MeaningfulAny> = {
+}
+export interface ChartTooltip<T = MeaningfulAny> {
     enabled?: boolean;
     /** Specifies the renderer for the tooltip. If returned null default tooltip renderer will be used. */
     renderer?: (args: ChartTooltipRendererArgs<T>) => React.ReactElement | null;
@@ -72,4 +78,4 @@ export type ChartTooltip<T = MeaningfulAny> = {
         enabled?: boolean;
         modifierKey?: 'altKey' | 'metaKey';
     };
-};
+}

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

@@ -2,7 +2,7 @@ import type { LayoutAlgorithm, SeriesType } from '../../constants';
 import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartLegend, RectLegendSymbolOptions } from './legend';
-export type TreemapSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
+export interface TreemapSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     /** The name of the node (used in legend, tooltip etc). */
     name: string | string[];
     /** The value of the node. All nodes should have this property except nodes that have children. */
@@ -14,8 +14,8 @@ export type TreemapSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
      * If no nodes has a matching id, or this option is undefined, then the parent will be set to the root.
      */
     parentId?: string;
-};
-export type TreemapSeries<T = MeaningfulAny> = BaseSeries & {
+}
+export interface TreemapSeries<T = MeaningfulAny> extends BaseSeries {
     type: typeof SeriesType.Treemap;
     data: TreemapSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc). */
@@ -43,4 +43,4 @@ export type TreemapSeries<T = MeaningfulAny> = BaseSeries & {
         /** Horizontal alignment of the data label inside the tile. */
         align?: 'left' | 'center' | 'right';
     };
-};
+}

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

@@ -2,7 +2,7 @@ import type { SeriesType } from '../../constants';
 import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartLegend, RectLegendSymbolOptions } from './legend';
-export type WaterfallSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
+export interface WaterfallSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     /**
      * The `x` value. Depending on the context , it may represents:
      * - numeric value (for `linear` x axis)
@@ -21,8 +21,8 @@ export type WaterfallSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
     opacity?: number;
     /** When this property is true, the point display the total sum across the entire series. */
     total?: boolean;
-};
-export type WaterfallSeries<T = MeaningfulAny> = BaseSeries & {
+}
+export interface WaterfallSeries<T = MeaningfulAny> extends BaseSeries {
     type: typeof SeriesType.Waterfall;
     data: WaterfallSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc). */
@@ -37,4 +37,4 @@ export type WaterfallSeries<T = MeaningfulAny> = BaseSeries & {
     legend?: ChartLegend & {
         symbol?: RectLegendSymbolOptions;
     };
-};
+}

package/dist/esm/types/chart-ui.d.ts

@@ -1,5 +1,5 @@
 import type { BaseTextStyle } from './chart/base';
-export type LabelData = {
+export interface LabelData {
     text: string;
     x: number;
     y: number;
@@ -13,8 +13,8 @@ export type LabelData = {
         id: string;
     };
     active?: boolean;
-};
-export type HtmlItem = {
+}
+export interface HtmlItem {
     x: number;
     y: number;
     content: string;
@@ -22,7 +22,7 @@ export type HtmlItem = {
         width: number;
         height: number;
     };
-};
-export type ShapeDataWithHtmlItems = {
+}
+export interface ShapeDataWithHtmlItems {
     htmlElements: HtmlItem[];
-};
+}

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

@@ -1,14 +1,14 @@
-export type FormatOptions = {
+export interface FormatOptions {
     precision?: number | 'auto';
     unitRate?: number;
     showRankDelimiter?: boolean;
     lang?: string;
     labelMode?: string;
-};
-export type FormatNumberOptions = FormatOptions & {
+}
+export interface FormatNumberOptions extends FormatOptions {
     format?: 'number' | 'percent';
     multiplier?: number;
     prefix?: string;
     postfix?: string;
     unit?: 'auto' | 'k' | 'm' | 'b' | 't' | null;
-};
+}

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

@@ -25,18 +25,49 @@ export * from './chart/tooltip';
 export * from './chart/halo';
 export * from './chart/treemap';
 export * from './chart/waterfall';
-export type ChartData<T = MeaningfulAny> = {
+export * from './chart/sankey';
+export interface ChartData<T = MeaningfulAny> {
+    /**
+     * General options for the chart.
+     */
     chart?: ChartOptions;
+    /**
+     * The legend displays a labeled box for each data element in the chart.
+     * It shows a distinctive symbol paired with a name for every series.
+     */
     legend?: ChartLegend;
+    /**
+     * Represents the series data and series options.
+     */
     series: {
+        /**
+         * Contains data points to be plotted.
+         */
         data: ChartSeries<T>[];
+        /**
+         * Allows for customizing the appearance and behavior of the series.
+         */
         options?: ChartSeriesOptions;
     };
+    /**
+     * The main title of the chart.
+     */
     title?: ChartTitle;
+    /**
+     * Options for the tooltip that appears when the user hovers over a series or point.
+     */
     tooltip?: ChartTooltip<T>;
+    /**
+     * Options for the the X axis.
+     */
     xAxis?: ChartXAxis;
+    /**
+     * Options for the the Y axis or multiple Y axes.
+     */
     yAxis?: ChartYAxis[];
-    /** Setting for displaying charts on different plots.
-     * It can be used to visualize related information on multiple charts. */
+    /**
+     * Setting for displaying charts on different plots.
+     * It can be used to visualize related information on multiple charts.
+     */
     split?: ChartSplit;
-};
+}

package/dist/esm/types/index.js

@@ -17,3 +17,4 @@ export * from './chart/tooltip';
 export * from './chart/halo';
 export * from './chart/treemap';
 export * from './chart/waterfall';
+export * from './chart/sankey';

package/dist/esm/utils/chart/get-closest-data.d.ts

@@ -3,6 +3,8 @@ import type { ChartSeries, ChartSeriesData, TooltipDataChunk } from '../../types
 type GetClosestPointsArgs = {
     position: [number, number];
     shapesData: ShapeData[];
+    boundsHeight: number;
+    boundsWidth: number;
 };
 export type ShapePoint = {
     x: number;

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

@@ -35,7 +35,7 @@ function getSeriesType(shapeData) {
     return get(shapeData, 'series.type') || get(shapeData, 'point.series.type');
 }
 export function getClosestPoints(args) {
-    const { position, shapesData } = args;
+    const { position, shapesData, boundsHeight, boundsWidth } = args;
     const [pointerX, pointerY] = position;
     const result = [];
     const groups = groupBy(shapesData, getSeriesType);
@@ -135,13 +135,13 @@ export function getClosestPoints(args) {
             case 'pie': {
                 const points = list.map((d) => d.segments).flat();
                 const closestPoint = points.find((p) => {
-                    const { center, radius } = p.data.pie;
+                    const { center } = p.data.pie;
                     const x = pointerX - center[0];
                     const y = pointerY - center[1];
                     let angle = Math.atan2(y, x) + 0.5 * Math.PI;
                     angle = angle < 0 ? Math.PI * 2 + angle : angle;
                     const polarRadius = Math.sqrt(x * x + y * y);
-                    return angle >= p.startAngle && angle <= p.endAngle && polarRadius < radius;
+                    return (angle >= p.startAngle && angle <= p.endAngle && polarRadius < p.data.radius);
                 });
                 if (closestPoint) {
                     result.push({
@@ -166,7 +166,43 @@ export function getClosestPoints(args) {
                 }
                 break;
             }
+            case 'sankey': {
+                const [data] = list;
+                const closestLink = data.links.find((d) => {
+                    var _a;
+                    return isInsidePath({
+                        path: (_a = d.path) !== null && _a !== void 0 ? _a : '',
+                        strokeWidth: d.strokeWidth,
+                        point: [pointerX, pointerY],
+                        width: boundsWidth,
+                        height: boundsHeight,
+                    });
+                });
+                if (closestLink) {
+                    result.push({
+                        data: closestLink.source,
+                        target: closestLink.target,
+                        series: data.series,
+                        closest: true,
+                    });
+                }
+                break;
+            }
         }
     });
     return result;
 }
+function isInsidePath(args) {
+    const { path, point, width, height, strokeWidth } = args;
+    const canvas = document.createElement('canvas');
+    canvas.width = width;
+    canvas.height = height;
+    const ctx = canvas.getContext('2d');
+    if (ctx) {
+        ctx.lineWidth = strokeWidth;
+        const path2D = new Path2D(path);
+        ctx.stroke(path2D);
+        return ctx.isPointInPath(path2D, ...point) || ctx.isPointInStroke(path2D, ...point);
+    }
+    return null;
+}