@gravity-ui/charts 0.6.1 → 0.7.0

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/types/index.d.ts

@@ -25,18 +25,48 @@ export * from './chart/tooltip';
 export * from './chart/halo';
 export * from './chart/treemap';
 export * from './chart/waterfall';
-export type ChartData<T = MeaningfulAny> = {
+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/components/Tooltip/ChartTooltipContent.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { ChartTooltip, ChartXAxis, ChartYAxis, TooltipDataChunk } from '../../types';
-export type ChartTooltipContentProps = {
+export interface ChartTooltipContentProps {
     hovered?: TooltipDataChunk[];
     xAxis?: ChartXAxis;
     yAxis?: ChartYAxis;
     renderer?: ChartTooltip['renderer'];
-};
+}
 export declare const ChartTooltipContent: (props: ChartTooltipContentProps) => React.JSX.Element | null;

package/dist/esm/components/Tooltip/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Popup, useVirtualElementRef } from '@gravity-ui/uikit';
+import { Popup, useVirtualElement } from '@gravity-ui/uikit';
 import { useTooltip } from '../../hooks';
 import { block } from '../../utils';
 import { ChartTooltipContent } from './ChartTooltipContent';
@@ -11,9 +11,9 @@ export const Tooltip = (props) => {
     const containerRect = (svgContainer === null || svgContainer === void 0 ? void 0 : svgContainer.getBoundingClientRect()) || { left: 0, top: 0 };
     const left = ((pointerPosition === null || pointerPosition === void 0 ? void 0 : pointerPosition[0]) || 0) + containerRect.left;
     const top = ((pointerPosition === null || pointerPosition === void 0 ? void 0 : pointerPosition[1]) || 0) + containerRect.top;
-    const anchorRef = useVirtualElementRef({ rect: { left, top } });
-    const handleOutsideClick = (e) => {
-        if (svgContainer === null || svgContainer === void 0 ? void 0 : svgContainer.contains(e.target)) {
+    const { anchor } = useVirtualElement({ left, top });
+    const handleOnOpenChange = (_open, e) => {
+        if (svgContainer === null || svgContainer === void 0 ? void 0 : svgContainer.contains(e === null || e === void 0 ? void 0 : e.target)) {
             return;
         }
         onOutsideClick === null || onOutsideClick === void 0 ? void 0 : onOutsideClick();
@@ -21,7 +21,7 @@ export const Tooltip = (props) => {
     React.useEffect(() => {
         window.dispatchEvent(new CustomEvent('scroll'));
     }, [left, top]);
-    return (hovered === null || hovered === void 0 ? void 0 : hovered.length) ? (React.createElement(Popup, { className: b({ pinned: tooltipPinned }), contentClassName: b('popup-content'), open: true, anchorRef: anchorRef, offset: [0, 20], placement: ['right', 'left', 'top', 'bottom'], modifiers: [{ name: 'preventOverflow', options: { padding: 10, altAxis: true } }], onOutsideClick: tooltipPinned ? handleOutsideClick : undefined },
+    return (hovered === null || hovered === void 0 ? void 0 : hovered.length) ? (React.createElement(Popup, { anchorElement: anchor, className: b({ pinned: tooltipPinned }), disableTransition: true, floatingStyles: tooltipPinned ? undefined : { pointerEvents: 'none' }, offset: { mainAxis: 20 }, onOpenChange: tooltipPinned ? handleOnOpenChange : undefined, open: true, placement: ['right', 'left', 'top', 'bottom'] },
         React.createElement("div", { className: b('content') },
             React.createElement(ChartTooltipContent, { hovered: hovered, xAxis: xAxis, yAxis: yAxis, renderer: tooltip.renderer })))) : null;
 };

package/dist/esm/components/Tooltip/styles.css

@@ -1,24 +1,11 @@
-.gcharts-tooltip[class] {
-  --g-popup-border-width: 0;
-  pointer-events: none;
-}
-.gcharts-tooltip[class] > div {
-  animation-duration: unset;
-  animation-timing-function: unset;
-  animation-fill-mode: unset;
-}
-.gcharts-tooltip[class].gcharts-tooltip_pinned {
-  pointer-events: inherit;
-}
-.gcharts-tooltip__popup-content {
-  box-shadow: none;
+.gcharts-tooltip {
+  box-shadow: 0 2px 12px var(--g-color-sfx-shadow);
 }
 .gcharts-tooltip__content {
   padding: 8px 14px;
   text-wrap: nowrap;
   border-radius: 4px;
   background-color: var(--g-color-infographics-tooltip-bg);
-  box-shadow: 0 2px 12px var(--g-color-sfx-shadow);
 }
 .gcharts-tooltip__content-row {
   display: flex;

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

@@ -1,18 +1,19 @@
 import React from 'react';
 import type { ChartData } from '../types';
 export * from './Tooltip/ChartTooltipContent';
-export type ChartRef = {
+export interface ChartRef {
     reflow: () => void;
-};
-type ChartDimentions = {
+}
+export interface ChartDimentions {
     height: number;
     width: number;
-};
-export type ChartProps = {
+}
+export type ChartOnResize = (args: {
+    dimensions?: ChartDimentions;
+}) => void;
+export interface ChartProps {
     data: ChartData;
     lang?: string;
-    onResize?: (args: {
-        dimensions?: ChartDimentions;
-    }) => void;
-};
+    onResize?: ChartOnResize;
+}
 export declare const Chart: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<ChartRef>>;

package/dist/esm/hooks/useSeries/prepare-area.d.ts

@@ -5,9 +5,9 @@ export declare const DEFAULT_LINE_WIDTH = 1;
 export declare const DEFAULT_MARKER: {
     enabled: boolean;
     symbol: `${import("../../constants").SymbolType}`;
+    radius: number;
     borderColor: string;
     borderWidth: number;
-    radius: number;
 };
 type PrepareAreaSeriesArgs = {
     colorScale: ScaleOrdinal<string, string>;

package/dist/esm/hooks/useSeries/prepare-line.d.ts

@@ -8,9 +8,9 @@ export declare const DEFAULT_DASH_STYLE = DashStyle.Solid;
 export declare const DEFAULT_MARKER: {
     enabled: boolean;
     symbol: `${import("../../constants").SymbolType}`;
+    radius: number;
     borderColor: string;
     borderWidth: number;
-    radius: number;
 };
 type PrepareLineSeriesArgs = {
     colorScale: ScaleOrdinal<string, string>;

package/dist/esm/types/chart/area.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 AreaSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
+export interface AreaSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     /**
      * The `x` value of the point. Depending on the context , it may represents:
      * - numeric value (for `linear` x axis)
@@ -35,12 +35,12 @@ export type AreaSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
             };
         };
     };
-};
+}
 export type AreaMarkerSymbol = 'circle' | 'square';
-export type AreaMarkerOptions = PointMarkerOptions & {
+export interface AreaMarkerOptions extends PointMarkerOptions {
     symbol?: AreaMarkerSymbol;
-};
-export type AreaSeries<T = MeaningfulAny> = BaseSeries & {
+}
+export interface AreaSeries<T = MeaningfulAny> extends BaseSeries {
     type: typeof SeriesType.Area;
     data: AreaSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
@@ -73,4 +73,4 @@ export type AreaSeries<T = MeaningfulAny> = BaseSeries & {
     marker?: AreaMarkerOptions;
     /** Y-axis index (when using two axes) */
     yAxis?: number;
-};
+}

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

@@ -2,7 +2,7 @@ import type { FormatNumberOptions } from '../formatter';
 import type { BaseTextStyle } from './base';
 export type ChartAxisType = 'category' | 'datetime' | 'linear' | 'logarithmic';
 export type ChartAxisTitleAlignment = 'left' | 'center' | 'right';
-export type ChartAxisLabels = {
+export interface ChartAxisLabels {
     /** Enable or disable the axis labels. */
     enabled?: boolean;
     /** The label's pixel distance from the perimeter of the plot area.
@@ -27,8 +27,8 @@ export type ChartAxisLabels = {
      * @default: 0
      */
     rotation?: number;
-};
-export type ChartAxis = {
+}
+export interface ChartAxis {
     categories?: string[];
     timestamps?: number[];
     type?: ChartAxisType;
@@ -72,9 +72,10 @@ export type ChartAxis = {
      * Defaults to 0.05 for Y axis and to 0.01 for X axis.
      * */
     maxPadding?: number;
-};
-export type ChartXAxis = ChartAxis;
-export type ChartYAxis = ChartAxis & {
+}
+export interface ChartXAxis extends ChartAxis {
+}
+export interface ChartYAxis extends ChartAxis {
     /** Axis location.
      * Possible values - 'left' and 'right'.
      * */
@@ -82,4 +83,4 @@ export type ChartYAxis = ChartAxis & {
     /** Property for splitting charts. Determines which area the axis is located in.
      * */
     plotIndex?: number;
-};
+}

package/dist/esm/types/chart/bar-x.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 { ChartSeriesOptions } from './series';
-export type BarXSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
+export interface BarXSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     /**
      * The `x` value of the bar. Depending on the context , it may represents:
      * - numeric value (for `linear` x axis)
@@ -28,8 +28,8 @@ export type BarXSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
     label?: string | number;
     /** Individual opacity for the bar-x column. */
     opacity?: number;
-};
-export type BarXSeries<T = MeaningfulAny> = BaseSeries & {
+}
+export interface BarXSeries<T = MeaningfulAny> extends BaseSeries {
     type: typeof SeriesType.BarX;
     data: BarXSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
@@ -64,4 +64,4 @@ export type BarXSeries<T = MeaningfulAny> = BaseSeries & {
     };
     /** Y-axis index (when using two axes) */
     yAxis?: number;
-};
+}

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

@@ -2,8 +2,7 @@ import type { SeriesType } from '../../constants';
 import type { MeaningfulAny } from '../misc';
 import type { BaseSeries, BaseSeriesData } from './base';
 import type { ChartLegend, RectLegendSymbolOptions } from './legend';
-import type { ChartSeriesOptions } from './series';
-export type BarYSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
+export interface BarYSeriesData<T = MeaningfulAny> extends BaseSeriesData<T> {
     /**
      * The `x` value of the bar. Depending on the context , it may represents:
      * - numeric value (for `linear` x axis)
@@ -22,8 +21,8 @@ export type BarYSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
     label?: string | number;
     /** Individual opacity for the bar. */
     opacity?: number;
-};
-export type BarYSeries<T = MeaningfulAny> = BaseSeries & {
+}
+export interface BarYSeries<T = MeaningfulAny> extends BaseSeries {
     type: typeof SeriesType.BarY;
     data: BarYSeriesData<T>[];
     /** The name of the series (used in legend, tooltip etc) */
@@ -44,7 +43,7 @@ export type BarYSeries<T = MeaningfulAny> = BaseSeries & {
      * @default true
      * */
     grouping?: boolean;
-    dataLabels?: ChartSeriesOptions['dataLabels'] & {
+    dataLabels?: BaseSeries['dataLabels'] & {
         /**
          * Whether to align the data label inside or outside the box.
          * For charts with a percentage stack, it is always true.
@@ -57,4 +56,4 @@ export type BarYSeries<T = MeaningfulAny> = BaseSeries & {
     legend?: ChartLegend & {
         symbol?: RectLegendSymbolOptions;
     };
-};
+}

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

@@ -1,5 +1,5 @@
 import type { MeaningfulAny } from '../misc';
-export type BaseSeries = {
+export interface BaseSeries {
     /** Initial visibility of the series */
     visible?: boolean;
     /**
@@ -30,8 +30,8 @@ export type BaseSeries = {
     };
     /** 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;
-};
-export type BaseSeriesData<T = MeaningfulAny> = {
+}
+export interface BaseSeriesData<T = MeaningfulAny> {
     /**
      * A reserved subspace to store options and values for customized functionality
      *
@@ -40,9 +40,9 @@ export type BaseSeriesData<T = MeaningfulAny> = {
     custom?: T;
     /** Individual color for the data chunk (point in scatter, segment in pie, bar etc) */
     color?: string;
-};
-export type BaseTextStyle = {
+}
+export interface BaseTextStyle {
     fontSize: string;
     fontWeight?: string;
     fontColor?: string;
-};
+}

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,10 @@ export type PieSeriesData<T = MeaningfulAny> = BaseSeriesData<T> & {
     label?: string;
     /** Individual opacity for the pie segment. */
     opacity?: 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 +85,4 @@ export type PieSeries<T = MeaningfulAny> = BaseSeries & {
             innerRadius: number;
         };
     }) => BaseType;
-};
+}

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;
-};
+}