@oliasoft-open-source/charts-library 5.13.0 → 5.14.0-beta-2

package/dist/src/components/line-chart/utils/translations/get-translations.d.ts

@@ -0,0 +1,8 @@
+import { defaultTranslations } from '../../constants/default-translations';
+/**
+ * Merges custom getTranslations with the default getTranslations.
+ * If a custom translation is provided for a key, it will override the default one.
+ * @param {object} translations - Custom getTranslations.
+ * @returns {object} - The resulting getTranslations object, containing both default and custom getTranslations.
+ */
+export declare const getTranslations: (translations?: Partial<Record<keyof typeof defaultTranslations, string>>) => {};

package/dist/src/components/pie-chart/pie-chart-defalut-props.interface.d.ts

@@ -0,0 +1,50 @@
+import { ChartEvent } from 'chart.js';
+import { ICommonTooltip } from '../common/common.interface';
+import { AlignOptions, Position } from '../common/enums';
+import { IPieChartDataset, IPieOptions } from './pie-chart.interface';
+export interface IDefaultChartStyling {
+    width?: number | string;
+    height?: number | string;
+    maintainAspectRatio: boolean;
+    staticChartHeight: boolean;
+    performanceMode: boolean;
+}
+interface IDefaultPieGraph {
+    showDataLabels: boolean;
+    stacked: boolean;
+    cutout: number | string;
+}
+interface IDefaultPieLegend {
+    display: boolean;
+    useDataset: boolean;
+    position: Position;
+    align: AlignOptions;
+}
+interface IDefaultChartOptions {
+    enableZoom: boolean;
+    enablePan: boolean;
+}
+interface IDefaultInteractions {
+    onLegendClick?: (text: string, hidden: boolean) => void;
+    onHover?: (event?: ChartEvent, datasetIndex?: number, index?: number, generatedDataset?: IPieChartDataset[]) => void;
+    onUnhover?: (event?: ChartEvent, datasetIndex?: number, index?: number, generatedDataset?: IPieChartDataset[]) => void;
+}
+interface IDefaultChartData {
+    labels: string[];
+    datasets: IPieChartDataset[];
+}
+interface IDefaultPieOptions extends IPieOptions {
+    title: string | string[];
+    chartStyling: IDefaultChartStyling;
+    tooltip: ICommonTooltip;
+    graph: IDefaultPieGraph;
+    legend: IDefaultPieLegend;
+    chartOptions: IDefaultChartOptions;
+    interactions: IDefaultInteractions;
+}
+export interface IPieChartDefaultProps {
+    testId: string | null;
+    data: IDefaultChartData;
+    options: IDefaultPieOptions;
+}
+export {};

package/dist/src/components/pie-chart/pie-chart-get-default-props.d.ts

@@ -0,0 +1,3 @@
+import { IPieChartProps } from './pie-chart.interface';
+import { IPieChartDefaultProps } from './pie-chart-defalut-props.interface';
+export declare const getDefaultProps: (props: IPieChartProps) => IPieChartDefaultProps;

package/dist/src/components/pie-chart/pie-chart.d.ts

@@ -0,0 +1,3 @@
+import { IPieChartProps } from './pie-chart.interface';
+declare const PieChartWithLegend: (props: IPieChartProps) => import("react/jsx-runtime").JSX.Element;
+export { PieChartWithLegend as PieChart };

package/dist/src/components/pie-chart/pie-chart.interface.d.ts

@@ -0,0 +1,58 @@
+import { IChartDataLabelsOptions, IChartGeneratedLabel, IChartLegendItemFilter, ICommonData, ICommonDataValue, ICommonDataset, ICommonLegend, ICommonOptions } from '../common/common.interface';
+export interface IPieLegend extends ICommonLegend {
+    useDataset?: boolean;
+}
+export interface IPieGraph {
+    showDataLabels?: boolean;
+    stacked?: boolean;
+    cutout?: number | string;
+}
+export interface IPieOptions extends ICommonOptions {
+    graph?: IPieGraph;
+    legend?: IPieLegend;
+    axes?: unknown;
+    [key: string]: unknown;
+}
+export interface IPieDataValue extends ICommonDataValue {
+    label: string;
+    borderWidth: string | number;
+    value: number;
+    backgroundColor?: string | string[];
+    borderColor?: string;
+    labels: string[];
+}
+export interface IPieChartDataset extends ICommonDataset {
+    data: IPieDataValue[];
+    hideLegend?: boolean;
+}
+export interface IPieData {
+    labels?: string[];
+    datasets?: IPieChartDataset[];
+    xUnit?: string;
+    yUnit?: string;
+}
+export interface IPieChartData extends ICommonData {
+    data: IPieData;
+    options: IPieOptions;
+}
+export interface IPieChartProps {
+    chart: IPieChartData;
+    testId?: string | null;
+}
+export type IPieGeneratedLabel = IChartGeneratedLabel;
+export type IPieLegendItemFilter = IChartLegendItemFilter;
+export type IPiesDataLabelsOptions = IChartDataLabelsOptions;
+export interface IGeneratedPieChartDataset {
+    label: string;
+    backgroundColor: string[];
+    borderColor: string;
+    borderWidth: number;
+    borderDash: number[];
+    annotationType?: string;
+    data: IPieDataValue[];
+    hideLegend?: boolean;
+    displayGroup?: string | number;
+    isAnnotation?: boolean;
+    annotationIndex?: number;
+}
+export type TGeneratedPieChartDatasets = IGeneratedPieChartDataset[];

package/dist/src/components/pie-chart/use-pie-chart-config.d.ts

@@ -0,0 +1,42 @@
+import { ActiveElement, Chart, Chart as ChartJS, ChartEvent, LegendItem, Plugin, TooltipItem } from 'chart.js';
+import { IGeneratedPieChartDataset, IPieDataValue, IPiesDataLabelsOptions } from './pie-chart.interface';
+import { IPieChartDefaultProps } from './pie-chart-defalut-props.interface';
+import { UnusedParameter } from '../common/common.interface';
+interface ILegendPlugin extends Plugin {
+    chart?: Chart;
+}
+export declare const usePieChartConfig: (chart: IPieChartDefaultProps) => {
+    generatedDatasets: IGeneratedPieChartDataset[] | {
+        borderWidth: number;
+        borderColor: string;
+        backgroundColor: string | string[];
+        data: IPieDataValue[];
+        hideLegend?: boolean;
+        label?: string;
+        hidden?: boolean;
+    }[];
+    getTitle: () => {
+        display: boolean;
+        text: string | string[];
+    } | {
+        display?: undefined;
+        text?: undefined;
+    };
+    legendClick: (_: UnusedParameter, legendItem?: LegendItem, legend?: ILegendPlugin) => void;
+    onClick: (_evt: ChartEvent, _elements: ActiveElement[], chartInstance: ChartJS) => void;
+    onHover: (evt: ChartEvent, hoveredItems: ActiveElement[]) => void;
+    getDatalabels: () => IPiesDataLabelsOptions;
+    getLegend: () => object;
+    getToolTips: () => {
+        callbacks: {
+            title: (tooltipItem: TooltipItem<any>[]) => string;
+            label: (tooltipItem: TooltipItem<any>) => string;
+        };
+        padding: number;
+        boxWidth: number;
+        boxHeight: number;
+        boxPadding: number;
+        usePointStyle: boolean;
+    };
+};
+export {};

package/dist/src/components/scatter-chart/hooks/use-scatter-chart-config.d.ts

@@ -0,0 +1,239 @@
+import { ActiveElement, AnimationSpec, Chart, ChartEvent } from 'chart.js';
+import { IScatterChartDefaultProps } from '../scatter-chart-default-props.interface';
+import { MutableRefObject } from 'react';
+import { ICommonHoveredItems } from '../../common/common.interface';
+import { TGeneratedScatterChartDatasets } from '../scatter-chart.interface';
+export declare const useScatterChartConfig: (chart: IScatterChartDefaultProps, chartRef: MutableRefObject<Chart | null>) => {
+    generatedDatasets: TGeneratedScatterChartDatasets;
+    scatterOptions: {
+        interactions: {
+            onLegendClick: (_: import('../../common/common.interface').UnusedParameter, legendItem: import('chart.js').LegendItem) => void;
+            onHover: (evt: ChartEvent, hoveredItems: ICommonHoveredItems[]) => void;
+        };
+        scales: {
+            x: {
+                type: "linear";
+                position: import('chart.js').CartesianScaleOptions["position"];
+                beginAtZero: boolean | undefined;
+                reverse: boolean | undefined;
+                suggestedMax: number | undefined;
+                suggestedMin: number | undefined;
+                min: number | undefined;
+                max: number | undefined;
+                title: {
+                    font: {
+                        size: number;
+                    } | {
+                        family?: string | undefined;
+                        size: number;
+                        style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                        weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                        lineHeight?: string | number | undefined;
+                    } | {
+                        size: number;
+                    } | {
+                        family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                        size: number | ((ctx: import('chart.js').ScriptableCartesianScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                        style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                        weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                        lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                    };
+                    display: boolean;
+                    align?: import('chart.js').Align | undefined;
+                    text: string | string[] | undefined;
+                    color?: import('chart.js').Color | undefined;
+                    padding: number | {
+                        top: number;
+                        bottom: number;
+                        y: number;
+                    };
+                };
+                ticks: {
+                    font: {
+                        size: number;
+                    } | {
+                        family?: string | undefined;
+                        size: number;
+                        style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                        weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                        lineHeight?: string | number | undefined;
+                    } | {
+                        size: number;
+                    } | {
+                        family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableScaleContext>;
+                        size: number | ((ctx: import('chart.js').ScriptableScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                        style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableScaleContext>;
+                        weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableScaleContext>;
+                        lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableScaleContext>;
+                    };
+                    backdropColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+                    backdropPadding?: number | import('chart.js').ChartArea | undefined;
+                    callback?: ((this: import('chart.js').Scale, tickValue: number | string, index: number, ticks: import('chart.js').Tick[]) => string | string[] | number | number[] | null | undefined) | undefined;
+                    display?: boolean | undefined;
+                    color?: import('chart.js').ScriptableAndArray<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+                    padding?: number | undefined;
+                    showLabelBackdrop?: import('chart.js').Scriptable<boolean, import('chart.js').ScriptableScaleContext> | undefined;
+                    textStrokeColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+                    textStrokeWidth?: import('chart.js').Scriptable<number, import('chart.js').ScriptableScaleContext> | undefined;
+                    z?: number | undefined;
+                    major?: {
+                        enabled: boolean;
+                    } | undefined;
+                    sampleSize?: number | undefined;
+                    align?: import('chart.js').Align | "inner" | undefined;
+                    autoSkip?: boolean | undefined;
+                    autoSkipPadding?: number | undefined;
+                    crossAlign?: "center" | "near" | "far" | undefined;
+                    includeBounds: boolean;
+                    labelOffset?: number | undefined;
+                    minRotation?: number | undefined;
+                    maxRotation?: number | undefined;
+                    mirror?: boolean | undefined;
+                    maxTicksLimit?: number | undefined;
+                    format?: Intl.NumberFormatOptions | undefined;
+                    precision?: number | undefined;
+                    stepSize: number | undefined;
+                    count?: number | undefined;
+                };
+                grid: {};
+            };
+            y: {
+                type: "linear";
+                position: import('chart.js').CartesianScaleOptions["position"];
+                beginAtZero: boolean | undefined;
+                reverse: boolean | undefined;
+                suggestedMax: number | undefined;
+                suggestedMin: number | undefined;
+                min: number | undefined;
+                max: number | undefined;
+                title: {
+                    font: {
+                        size: number;
+                    } | {
+                        family?: string | undefined;
+                        size: number;
+                        style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                        weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                        lineHeight?: string | number | undefined;
+                    } | {
+                        size: number;
+                    } | {
+                        family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                        size: number | ((ctx: import('chart.js').ScriptableCartesianScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                        style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                        weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                        lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableCartesianScaleContext>;
+                    };
+                    display: boolean;
+                    align?: import('chart.js').Align | undefined;
+                    text: string | string[] | undefined;
+                    color?: import('chart.js').Color | undefined;
+                    padding: number | {
+                        top: number;
+                        bottom: number;
+                        y: number;
+                    };
+                };
+                ticks: {
+                    font: {
+                        size: number;
+                    } | {
+                        family?: string | undefined;
+                        size: number;
+                        style?: "initial" | "normal" | "italic" | "oblique" | "inherit" | undefined;
+                        weight?: number | "bold" | "normal" | "lighter" | "bolder" | null | undefined;
+                        lineHeight?: string | number | undefined;
+                    } | {
+                        size: number;
+                    } | {
+                        family?: import('chart.js').Scriptable<string | undefined, import('chart.js').ScriptableScaleContext>;
+                        size: number | ((ctx: import('chart.js').ScriptableScaleContext, options: import('node_modules/chart.js/dist/types/basic').AnyObject) => number | undefined);
+                        style?: import('chart.js').Scriptable<"initial" | "normal" | "italic" | "oblique" | "inherit" | undefined, import('chart.js').ScriptableScaleContext>;
+                        weight?: import('chart.js').Scriptable<number | "bold" | "normal" | "lighter" | "bolder" | null | undefined, import('chart.js').ScriptableScaleContext>;
+                        lineHeight?: import('chart.js').Scriptable<string | number | undefined, import('chart.js').ScriptableScaleContext>;
+                    };
+                    backdropColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+                    backdropPadding?: number | import('chart.js').ChartArea | undefined;
+                    callback?: ((this: import('chart.js').Scale, tickValue: number | string, index: number, ticks: import('chart.js').Tick[]) => string | string[] | number | number[] | null | undefined) | undefined;
+                    display?: boolean | undefined;
+                    color?: import('chart.js').ScriptableAndArray<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+                    padding?: number | undefined;
+                    showLabelBackdrop?: import('chart.js').Scriptable<boolean, import('chart.js').ScriptableScaleContext> | undefined;
+                    textStrokeColor?: import('chart.js').Scriptable<import('chart.js').Color, import('chart.js').ScriptableScaleContext> | undefined;
+                    textStrokeWidth?: import('chart.js').Scriptable<number, import('chart.js').ScriptableScaleContext> | undefined;
+                    z?: number | undefined;
+                    major?: {
+                        enabled: boolean;
+                    } | undefined;
+                    sampleSize?: number | undefined;
+                    align?: import('chart.js').Align | "inner" | undefined;
+                    autoSkip?: boolean | undefined;
+                    autoSkipPadding?: number | undefined;
+                    crossAlign?: "center" | "near" | "far" | undefined;
+                    includeBounds: boolean;
+                    labelOffset?: number | undefined;
+                    minRotation?: number | undefined;
+                    maxRotation?: number | undefined;
+                    mirror?: boolean | undefined;
+                    maxTicksLimit?: number | undefined;
+                    format?: Intl.NumberFormatOptions | undefined;
+                    precision?: number | undefined;
+                    stepSize: number | undefined;
+                    count?: number | undefined;
+                };
+                grid: {};
+            };
+        };
+        animation: Partial<AnimationSpec<"scatter">>;
+        plugins: {
+            legend: {
+                display: boolean;
+                events: never[];
+                position: any;
+                align: "center" | "start" | "end";
+                labels: {
+                    boxHeight: number;
+                    boxWidth: number | undefined;
+                    usePointStyle: boolean | undefined;
+                };
+                onClick: (_: import('../../common/common.interface').UnusedParameter, legendItem: import('chart.js').LegendItem) => void;
+            };
+            customLegendPlugin: {
+                htmlLegend: any;
+            };
+            title: {
+                display: boolean;
+                text: string | string[];
+            } | {
+                display?: undefined;
+                text?: undefined;
+            };
+            annotation: {
+                annotations: {};
+            };
+            chartAreaBorder: {
+                borderColor: string;
+            };
+            datalabels: {
+                display: boolean;
+            };
+            tooltip: {
+                enabled: boolean;
+                callbacks: {
+                    title: (tooltipItems: import('chart.js').TooltipItem<"scatter">[]) => string | undefined;
+                    label: (tooltipItems: import('../utils/get-tooltip-config').IScatterTooltipItem) => string;
+                };
+                backgroundColor: string;
+                displayColors: boolean;
+                padding: number;
+            };
+        };
+        width?: number | string;
+        height?: number | string;
+        maintainAspectRatio: boolean;
+        staticChartHeight: boolean;
+        performanceMode: boolean;
+        onClick: (_evt: ChartEvent, _elements: ActiveElement[], chartInstance: Chart) => void;
+        onHover: (evt: ChartEvent, hoveredItems: ICommonHoveredItems[]) => void;
+    };
+};

package/dist/src/components/scatter-chart/scatter-chart-default-props.interface.d.ts

@@ -0,0 +1,72 @@
+import { ChartEvent } from 'chart.js';
+import { ICommonAdditionalAxesOptions, ICommonAnnotations, ICommonCustomLegend, ICommonLegend, ICommonScales } from '../common/common.interface';
+import { ChartDirection } from '../common/enums';
+import { IScatterAxes, IScatterChartDataset } from './scatter-chart.interface';
+export interface IDefaultChartStyling {
+    width?: number | string;
+    height?: number | string;
+    maintainAspectRatio: boolean;
+    staticChartHeight: boolean;
+    performanceMode: boolean;
+}
+interface IDefaultTooltip {
+    enabled: boolean;
+    tooltips: boolean;
+    showLabelsInTooltips: boolean;
+    backgroundColor: string;
+    displayColors: boolean;
+    scientificNotation: boolean;
+}
+interface IDefaultScatterGraph {
+    showMinorGridlines: boolean;
+    showDataLabels: boolean;
+}
+export interface IDefaultScatterLegend extends ICommonLegend {
+    customLegend?: ICommonCustomLegend<any>;
+}
+interface IDefaultChartOptions {
+    enableZoom: boolean;
+    enablePan: boolean;
+}
+export interface IDefaultInteractions {
+    onLegendClick?: (text: string, hidden: boolean) => void;
+    onHover?: (event?: ChartEvent, datasetIndex?: number, index?: number, generatedDataset?: IScatterChartDataset[]) => void;
+    onUnhover?: (event?: ChartEvent, datasetIndex?: number, index?: number, generatedDataset?: IScatterChartDataset[]) => void;
+    onAnimationComplete?: () => void;
+}
+interface IDefaultChartData {
+    labels: string[];
+    datasets: IScatterChartDataset[];
+}
+export interface IDefaultScatterOptions {
+    title: string | string[];
+    chartStyling: IDefaultChartStyling;
+    tooltip: IDefaultTooltip;
+    graph: IDefaultScatterGraph;
+    axes: IScatterAxes;
+    scales?: ICommonScales;
+    additionalAxesOptions: ICommonAdditionalAxesOptions;
+    legend: IDefaultScatterLegend;
+    chartOptions: IDefaultChartOptions;
+    interactions: IDefaultInteractions;
+    annotations?: ICommonAnnotations;
+    direction: ChartDirection;
+}
+export interface IScatterChartDefaultProps {
+    testId: string | null;
+    data: IDefaultChartData;
+    options: {
+        title: string | string[];
+        chartStyling: IDefaultChartStyling;
+        tooltip: IDefaultTooltip;
+        graph: IDefaultScatterGraph;
+        axes: IScatterAxes;
+        additionalAxesOptions: ICommonAdditionalAxesOptions;
+        legend: IDefaultScatterLegend;
+        chartOptions: IDefaultChartOptions;
+        interactions: IDefaultInteractions;
+        annotations?: ICommonAnnotations;
+        direction: ChartDirection;
+    };
+}
+export {};

package/dist/src/components/scatter-chart/scatter-chart-get-default-props.d.ts

@@ -0,0 +1,4 @@
+import { IScatterChartDefaultProps } from './scatter-chart-default-props.interface';
+import { IScatterChartProps, IScatterOptionsInput } from './scatter-chart.interface';
+export declare const normalizeScatterOptions: (options?: IScatterOptionsInput) => IScatterChartDefaultProps["options"];
+export declare const getDefaultProps: (props: IScatterChartProps) => IScatterChartDefaultProps;

package/dist/src/components/scatter-chart/scatter-chart.d.ts

@@ -0,0 +1,3 @@
+import { IScatterChartProps } from './scatter-chart.interface';
+declare const ScatterChartWithLegend: (props: IScatterChartProps) => import("react/jsx-runtime").JSX.Element;
+export { ScatterChartWithLegend as ScatterChart };

package/dist/src/components/scatter-chart/scatter-chart.interface.d.ts

@@ -0,0 +1,111 @@
+import { DeepPartial, IChartDataLabelsOptions, IChartGeneratedLabel, IChartLegendItemFilter, ICommonAdditionalAxesOptions, ICommonAnnotations, ICommonAnnotationsData, ICommonAxis, ICommonData, ICommonDataValue, ICommonDataset, ICommonLegend, ICommonOptions, ICommonScales } from '../common/common.interface';
+import { ChartDirection } from '../common/enums.ts';
+export interface IScatterLegend extends ICommonLegend {
+    useDataset?: boolean;
+}
+export interface IScatterGraph {
+    showMinorGridlines?: boolean;
+    showDataLabels?: boolean;
+}
+export interface IScatterTooltip {
+    enabled?: boolean;
+    tooltips?: boolean;
+    showLabelsInTooltips: boolean;
+    backgroundColor?: string;
+    displayColors?: boolean;
+    scientificNotation?: boolean;
+}
+export interface IScatterAxes {
+    x: ICommonAxis<'top' | 'bottom'>[];
+    y: ICommonAxis<'left' | 'right'>[];
+    [key: string]: ICommonAxis[];
+}
+export interface IScatterOptions extends ICommonOptions {
+    graph?: IScatterGraph;
+    legend?: IScatterLegend;
+    axes?: IScatterAxes;
+    scales?: ICommonScales;
+    additionalAxesOptions?: ICommonAdditionalAxesOptions;
+    direction?: ChartDirection;
+}
+export interface IScatterDataValue extends ICommonDataValue {
+    label?: string;
+}
+export interface IScatterChartDataset extends ICommonDataset {
+    data: IScatterDataValue[];
+    hideLegend?: boolean;
+}
+export interface IScatterData {
+    labels?: string[];
+    datasets?: IScatterChartDataset[];
+    xUnit?: string;
+    yUnit?: string;
+}
+export interface IScatterChartData extends ICommonData {
+    data: IScatterData;
+    options: IScatterOptions;
+}
+type ILooseScatterAxis = DeepPartial<ICommonAxis<string>> & {
+    [key: string]: unknown;
+};
+type ILooseScatterAnnotation = DeepPartial<ICommonAnnotationsData> & {
+    [key: string]: unknown;
+} & {
+    annotationAxis?: string;
+    type?: string;
+    value?: number | string | null;
+};
+export type IScatterOptionsInput = Omit<DeepPartial<IScatterOptions>, 'title' | 'direction' | 'axes' | 'legend' | 'chartStyling' | 'interactions' | 'annotations'> & {
+    [key: string]: unknown;
+    title?: unknown;
+    direction?: string;
+    axes?: {
+        x?: ILooseScatterAxis[];
+        y?: ILooseScatterAxis[];
+        [key: string]: ILooseScatterAxis[] | undefined;
+    };
+    legend?: Omit<DeepPartial<IScatterLegend>, 'position' | 'align'> & {
+        position?: string;
+        align?: string;
+        [key: string]: unknown;
+    };
+    chartStyling?: {
+        [key: string]: unknown;
+    };
+    interactions?: DeepPartial<ICommonOptions['interactions']> & {
+        enableZoom?: boolean;
+        enablePan?: boolean;
+        [key: string]: unknown;
+    };
+    annotations?: (DeepPartial<ICommonAnnotations> & {
+        annotationsData?: ILooseScatterAnnotation[];
+    }) | null;
+};
+export interface IScatterChartDataInput extends Omit<IScatterChartData, 'data' | 'options'> {
+    data?: Omit<DeepPartial<IScatterChartData['data']>, 'datasets'> & {
+        datasets?: Array<DeepPartial<IScatterChartDataset> | object | null>;
+    };
+    options?: IScatterOptionsInput;
+}
+export interface IScatterChartProps {
+    chart: IScatterChartDataInput;
+    testId?: string | null;
+}
+export type IScatterGeneratedLabel = IChartGeneratedLabel;
+export type IScatterLegendItemFilter = IChartLegendItemFilter;
+export type IScatterDataLabelsOptions = IChartDataLabelsOptions;
+export interface IGeneratedScatterChartDataset {
+    label: string;
+    backgroundColor: string[];
+    borderColor: string;
+    borderWidth: number;
+    borderDash: number[];
+    annotationType?: string;
+    data: IScatterDataValue[];
+    hideLegend?: boolean;
+    displayGroup?: string | number;
+    isAnnotation?: boolean;
+    annotationIndex?: number;
+}
+export type TGeneratedScatterChartDatasets = IGeneratedScatterChartDataset[];
+export {};