@oliasoft-open-source/charts-library 5.0.0-beta-2 → 5.0.0

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

@@ -0,0 +1,113 @@
+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: any;
+                beginAtZero: boolean;
+                reverse: boolean;
+                suggestedMax: number | undefined;
+                suggestedMin: number | undefined;
+                min: number | undefined;
+                max: number | undefined;
+                title: {
+                    display: boolean;
+                    text: string | undefined;
+                    padding: number;
+                };
+                ticks: {
+                    includeBounds: boolean;
+                    font: {
+                        size: number;
+                    };
+                    stepSize: number | undefined;
+                };
+                grid: {};
+            };
+            y: {
+                type: "linear";
+                position: any;
+                beginAtZero: boolean;
+                reverse: boolean;
+                suggestedMax: number | undefined;
+                suggestedMin: number | undefined;
+                min: number | undefined;
+                max: number | undefined;
+                title: {
+                    display: boolean;
+                    text: string | undefined;
+                    padding: number;
+                };
+                ticks: {
+                    includeBounds: boolean;
+                    font: {
+                        size: number;
+                    };
+                    stepSize: 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[] | undefined;
+            } | {
+                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/scatter-chart/scatter-chart-default-props.interface.d.ts

@@ -0,0 +1,71 @@
+import { ChartEvent } from 'chart.js';
+import { ICommonAdditionalAxesOptions, ICommonAnnotations, ICommonCustomLegend, ICommonLegend } 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?: any[]) => void;
+    onAnimationComplete?: () => void;
+}
+interface IDefaultChartData {
+    labels: string[];
+    datasets: IScatterChartDataset[];
+}
+export interface IDefaultScatterOptions {
+    title: string | string[];
+    chartStyling: IDefaultChartStyling;
+    tooltip: IDefaultTooltip;
+    graph: IDefaultScatterGraph;
+    axes: IScatterAxes;
+    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/scatter-chart/scatter-chart-get-default-props.d.ts

@@ -0,0 +1,3 @@
+import { IScatterChartDefaultProps } from './scatter-chart-default-props.interface';
+import { IScatterChartProps } from './scatter-chart.interface';
+export declare const getDefaultProps: (props: IScatterChartProps) => IScatterChartDefaultProps;

package/dist/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/scatter-chart/scatter-chart.interface.d.ts

@@ -0,0 +1,81 @@
+import { ChartDirection } from '../common/enums.ts';
+import { ICommonAdditionalAxesOptions, ICommonAxis, ICommonData, ICommonDataset, ICommonDataValue, ICommonLegend, ICommonOptions } from '../common/common.interface';
+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;
+    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;
+}
+export interface IScatterChartProps {
+    chart: IScatterChartData;
+    testId?: string | null;
+}
+export interface IScatterGeneratedLabel {
+    text: string;
+    fillStyle: string;
+    strokeStyle: string;
+    index: number;
+}
+export interface IScatterLegendItemFilter {
+    index: number;
+    datasetIndex: number;
+    hidden: boolean;
+}
+export interface IScatterDataLabelsOptions {
+    display?: 'auto' | boolean;
+    align?: 'center';
+    anchor?: 'center';
+    formatter?: (_value: any, context: any) => any;
+}
+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[];

package/dist/scatter-chart/scatter-chart.stories.d.ts

@@ -0,0 +1,279 @@
+import { ScatterChart } from './scatter-chart';
+declare namespace _default {
+    export let title: string;
+    export { ScatterChart as component };
+    export namespace args {
+        export { singleScatterChart as chart };
+    }
+}
+export default _default;
+export function Default(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Default {
+    export namespace args_1 {
+        export { singleScatterChart as chart };
+    }
+    export { args_1 as args };
+}
+export function StyledChart(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace StyledChart {
+    export namespace args_2 {
+        export { styledScatterChart as chart };
+    }
+    export { args_2 as args };
+}
+export function MultipleDatasets(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace MultipleDatasets {
+    export namespace args_3 {
+        export { multipleScatterData as chart };
+    }
+    export { args_3 as args };
+}
+export function WithDataLabels(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace WithDataLabels {
+    export namespace args_4 {
+        export { scatterWithDataLabels as chart };
+    }
+    export { args_4 as args };
+}
+export function WithTooltips(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace WithTooltips {
+    export namespace args_5 {
+        export { scatterWithTooltips as chart };
+    }
+    export { args_5 as args };
+}
+export function WithAnnotation(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace WithAnnotation {
+    export namespace args_6 {
+        export { scatterWithAnnotation as chart };
+    }
+    export { args_6 as args };
+}
+export function WithAxesLabels(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace WithAxesLabels {
+    export namespace args_7 {
+        export { scatterWithAxesLabels as chart };
+    }
+    export { args_7 as args };
+}
+export function WithGradient(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace WithGradient {
+    export namespace args_8 {
+        export { scatterWithGradient as chart };
+    }
+    export { args_8 as args };
+}
+export function WithDatapointsHavingLabel(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace WithDatapointsHavingLabel {
+    export namespace args_9 {
+        export { scatterWithDatapointsHavingLabel as chart };
+    }
+    export { args_9 as args };
+}
+export function CustomPointColor(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace CustomPointColor {
+    export namespace args_10 {
+        export { scatterWithCustomColors as chart };
+    }
+    export { args_10 as args };
+}
+declare namespace singleScatterChart {
+    namespace data {
+        export { labels1 as labels };
+        export let datasets: {
+            label: string;
+            data: {
+                x: number;
+                y: number;
+            }[];
+        }[];
+    }
+}
+declare namespace styledScatterChart {
+    export namespace data_1 {
+        export { labels1 as labels };
+        let datasets_1: {
+            label: string;
+            data: {
+                x: number;
+                y: number;
+            }[];
+        }[];
+        export { datasets_1 as datasets };
+    }
+    export { data_1 as data };
+    export namespace options {
+        namespace chartStyling {
+            let height: number;
+            let width: number;
+        }
+    }
+}
+declare namespace multipleScatterData {
+    export namespace data_2 {
+        export { labels1 as labels };
+        let datasets_2: {
+            label: string;
+            data: {
+                x: number;
+                y: number;
+            }[];
+        }[];
+        export { datasets_2 as datasets };
+    }
+    export { data_2 as data };
+}
+declare namespace scatterWithDataLabels {
+    export namespace data_3 {
+        export { labels1 as labels };
+        let datasets_3: {
+            label: string;
+            data: {
+                x: number;
+                y: number;
+            }[];
+        }[];
+        export { datasets_3 as datasets };
+    }
+    export { data_3 as data };
+    export namespace options_1 {
+        let title_1: string;
+        export { title_1 as title };
+        export namespace graph {
+            let showDataLabels: boolean;
+        }
+    }
+    export { options_1 as options };
+}
+declare namespace scatterWithTooltips {
+    export namespace data_4 {
+        export { labels1 as labels };
+        let datasets_4: {
+            label: string;
+            data: {
+                x: number;
+                y: number;
+            }[];
+        }[];
+        export { datasets_4 as datasets };
+    }
+    export { data_4 as data };
+    export namespace options_2 {
+        let title_2: string;
+        export { title_2 as title };
+        export namespace tooltip {
+            let title_3: string;
+            export { title_3 as title };
+            export let showLabelsInTooltips: boolean;
+        }
+    }
+    export { options_2 as options };
+}
+declare namespace scatterWithAnnotation {
+    export namespace data_5 {
+        export { labels1 as labels };
+        let datasets_5: {
+            label: string;
+            data: {
+                x: number;
+                y: number;
+            }[];
+        }[];
+        export { datasets_5 as datasets };
+    }
+    export { data_5 as data };
+    export namespace options_3 {
+        let title_4: string;
+        export { title_4 as title };
+        export namespace annotations {
+            let showAnnotations: boolean;
+            let annotationsData: {
+                annotationAxis: string;
+                label: string;
+                value: number;
+                color: string;
+            }[];
+        }
+    }
+    export { options_3 as options };
+}
+declare namespace scatterWithAxesLabels {
+    export namespace data_6 {
+        export { labels1 as labels };
+        let datasets_6: {
+            label: string;
+            data: {
+                x: number;
+                y: number;
+            }[];
+        }[];
+        export { datasets_6 as datasets };
+    }
+    export { data_6 as data };
+    export namespace options_4 {
+        let title_5: string;
+        export { title_5 as title };
+        export namespace axes {
+            let x: {
+                label: string;
+            }[];
+            let y: {
+                label: string;
+            }[];
+        }
+    }
+    export { options_4 as options };
+}
+declare namespace scatterWithGradient {
+    export namespace options_5 {
+        let title_6: string;
+        export { title_6 as title };
+        export namespace chartStyling_1 {
+            namespace gradient {
+                let display: boolean;
+            }
+        }
+        export { chartStyling_1 as chartStyling };
+    }
+    export { options_5 as options };
+}
+declare namespace scatterWithDatapointsHavingLabel {
+    export namespace data_7 {
+        let datasets_7: {
+            label: string;
+            data: {
+                x: number;
+                y: number;
+            }[];
+        }[];
+        export { datasets_7 as datasets };
+    }
+    export { data_7 as data };
+    export namespace options_6 {
+        let title_7: string;
+        export { title_7 as title };
+        export namespace tooltip_1 {
+            let showLabelsInTooltips_1: boolean;
+            export { showLabelsInTooltips_1 as showLabelsInTooltips };
+        }
+        export { tooltip_1 as tooltip };
+    }
+    export { options_6 as options };
+}
+declare namespace scatterWithCustomColors {
+    export namespace data_8 {
+        export { labels1 as labels };
+        let datasets_8: {
+            backgroundColor: string;
+            borderColor: string;
+            label: string;
+            data: {
+                x: number;
+                y: number;
+            }[];
+        }[];
+        export { datasets_8 as datasets };
+    }
+    export { data_8 as data };
+}
+declare const labels1: string[];

package/dist/scatter-chart/utils/get-scales-config.d.ts

@@ -0,0 +1,49 @@
+import { IDefaultScatterOptions } from '../scatter-chart-default-props.interface';
+export declare const getScatterChartScales: (options: IDefaultScatterOptions) => {
+    x: {
+        type: "linear";
+        position: any;
+        beginAtZero: boolean;
+        reverse: boolean;
+        suggestedMax: number | undefined;
+        suggestedMin: number | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        title: {
+            display: boolean;
+            text: string | undefined;
+            padding: number;
+        };
+        ticks: {
+            includeBounds: boolean;
+            font: {
+                size: number;
+            };
+            stepSize: number | undefined;
+        };
+        grid: {};
+    };
+    y: {
+        type: "linear";
+        position: any;
+        beginAtZero: boolean;
+        reverse: boolean;
+        suggestedMax: number | undefined;
+        suggestedMin: number | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        title: {
+            display: boolean;
+            text: string | undefined;
+            padding: number;
+        };
+        ticks: {
+            includeBounds: boolean;
+            font: {
+                size: number;
+            };
+            stepSize: number | undefined;
+        };
+        grid: {};
+    };
+};

package/dist/scatter-chart/utils/get-tooltip-config.d.ts

@@ -0,0 +1,21 @@
+import { TooltipItem } from 'chart.js';
+import { IDefaultScatterOptions } from '../scatter-chart-default-props.interface';
+interface IRawData {
+    x: number;
+    y: number;
+    label?: string;
+}
+export interface IScatterTooltipItem extends TooltipItem<'scatter'> {
+    raw: IRawData;
+}
+export declare const getTooltipsConfig: (options: IDefaultScatterOptions) => {
+    enabled: boolean;
+    callbacks: {
+        title: (tooltipItems: TooltipItem<"scatter">[]) => string | undefined;
+        label: (tooltipItems: IScatterTooltipItem) => string;
+    };
+    backgroundColor: string;
+    displayColors: boolean;
+    padding: number;
+};
+export {};

package/dist/src/components/bar-chart/bar-chart-const.d.ts

@@ -0,0 +1,2 @@
+export declare const DISPLAY_SCIENTIFIC_LOWER_BOUND = 0.0001;
+export declare const DISPLAY_SCIENTIFIC_UPPER_BOUND = 10000000;

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

@@ -0,0 +1,2 @@
+import { IBarChartProps, IBarDefaultProps } from './bar-chart.interface';
+export declare const getDefaultProps: (props: IBarChartProps) => IBarDefaultProps;

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

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