@oliasoft-open-source/charts-library 3.4.7-beta-1 → 3.4.8-beta-1

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

@@ -1,32 +1,28 @@
 import { IBarChartProps } from './bar-chart.interface';
-import { AlignOptions, Position } from '../common/helpers/enums';
 export declare const getDefaultProps: (props: IBarChartProps) => {
-    testId: string;
-    data: {
-        labels: string[];
-        datasets: import("./bar-chart.interface").IBarChartDataset[];
-    };
+    testId: string | null;
+    data: any;
     options: {
         title: string | string[];
         direction: "vertical" | "horizontal";
         axes: {
-            x: [{}] | import("../common/common.interface").ICommonAxis<"top" | "bottom">[];
-            y: [{}] | import("../common/common.interface").ICommonAxis<"left" | "right">[];
+            x: import("./bar-chart.interface").IBarChartAxes<"top" | "bottom">[];
+            y: import("./bar-chart.interface").IBarChartAxes<"left" | "right">[];
         };
         additionalAxesOptions: {
             chartScaleType: "linear" | "logarithmic";
             reverse: boolean;
             stacked: boolean;
             beginAtZero: boolean;
-            stepSize: number | undefined;
-            suggestedMin: number | undefined;
-            suggestedMax: number | undefined;
-            min: number | undefined;
-            max: number | undefined;
+            stepSize: number;
+            suggestedMin: number;
+            suggestedMax: number;
+            min: number;
+            max: number;
         };
         chartStyling: {
-            width: string | number | undefined;
-            height: string | number | undefined;
+            width: string | number;
+            height: string | number;
             maintainAspectRatio: boolean;
             staticChartHeight: boolean;
             performanceMode: boolean;
@@ -42,32 +38,32 @@ export declare const getDefaultProps: (props: IBarChartProps) => {
         annotations: {
             showAnnotations: boolean;
             controlAnnotation: boolean;
-            annotationsData: import("../common/common.interface").ICommonAnnotationsData[];
+            annotationsData: import("../../helpers/chart-interface").IChartAnnotationsData[];
         };
         legend: {
             display: boolean;
-            position: Position;
-            align: AlignOptions;
-            customLegend: import("../common/common.interface").ICommonCustomLegend<any>;
+            position: "top" | "bottom" | "right";
+            align: "start" | "center" | "end";
+            customLegend: import("../../helpers/chart-interface").ICustomLegend;
         };
         chartOptions: {
             enableZoom: boolean;
             enablePan: boolean;
         };
         interactions: {
-            onLegendClick: ((text: string, hidden: boolean) => void) | undefined;
-            onHover: ((event?: import("chart.js").ChartEvent | undefined, datasetIndex?: number | undefined, index?: number | undefined, generatedDataset?: any[] | undefined) => void) | undefined;
-            onUnhover: ((event?: import("chart.js").ChartEvent | undefined, datasetIndex?: number | undefined, index?: number | undefined, generatedDataset?: any[] | undefined) => void) | undefined;
+            onLegendClick: () => any;
+            onBarHover: any;
+            onBarUnhover: any;
         };
         dragData: {
-            enableDragData: boolean;
-            showTooltip: boolean;
-            roundPoints: boolean;
-            dragX: boolean;
-            dragY: boolean;
-            onDragStart: (() => void) | undefined;
-            onDrag: (() => void) | undefined;
-            onDragEnd: (() => void) | undefined;
+            enableDragData: any;
+            showTooltip: any;
+            roundPoints: any;
+            dragX: any;
+            dragY: any;
+            onDragStart: any;
+            onDrag: any;
+            onDragEnd: any;
         };
     };
 };

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

@@ -1,49 +1,82 @@
-import { ICommonAdditionalAxesOptions, ICommonAnnotations, ICommonAxis, ICommonCustomLegend, ICommonData, ICommonDataset, ICommonDragData, ICommonGraph, ICommonLegend, ICommonOptions, ICommonScales, ICommonStyling } from '../common/common.interface';
-export interface IBarStyling extends ICommonStyling {
-    squareAspectRatio?: boolean;
-    layoutPadding?: string | number | {
-        top: number;
-        bottom: number;
-        left: number;
-        right: number;
-    };
+import { LinearScaleOptions } from 'chart.js';
+import { IChartAnnotations, IChartDraggableData, IChartInteractions, IChartLegend, IChartStyling } from '../../helpers/chart-interface';
+export interface IChartOptions {
+    enableZoom: boolean;
+    enablePan: boolean;
+}
+export interface IBarChartGraph {
+    showDataLabels: boolean;
+    showMinorGridlines: boolean;
+}
+export interface IBarChartTooltip {
+    tooltips: boolean;
+    showLabelsInTooltips: boolean;
+}
+export interface IBarChartAdditionalAxesOptions {
+    chartScaleType: 'linear' | 'logarithmic';
+    reverse: boolean;
+    beginAtZero: boolean;
+    stepSize: number;
+    stacked: boolean;
+    suggestedMin: number;
+    suggestedMax: number;
+    min: number;
+    max: number;
 }
-export interface IBarLegend extends ICommonLegend {
-    customLegend?: ICommonCustomLegend<any>;
+export interface IBarChartAxes<PositionType> {
+    label: string;
+    position: PositionType;
+    color: string;
+    unit: string;
 }
-export interface IBarAxes {
-    x: ICommonAxis<'top' | 'bottom'>[] | [{}];
-    y: ICommonAxis<'left' | 'right'>[] | [{}];
-    [key: string]: ICommonAxis<any>[] | [{}];
+export interface IBarScales {
+    x: LinearScaleOptions;
+    y: LinearScaleOptions;
 }
-export interface IBarOptions extends ICommonOptions {
+export interface IBarChartOptions {
+    title: string | string[];
     direction: 'vertical' | 'horizontal';
-    axes: IBarAxes;
-    scales?: ICommonScales;
-    additionalAxesOptions?: ICommonAdditionalAxesOptions;
-    chartStyling: IBarStyling;
-    graph?: ICommonGraph;
-    annotations?: ICommonAnnotations;
-    legend?: IBarLegend;
-    dragData?: ICommonDragData;
-}
-export interface IBarChartDataset extends ICommonDataset {
-    isAnnotation?: boolean;
-    annotationIndex?: number;
-    borderSkipped?: any;
+    axes: {
+        x: IBarChartAxes<'top' | 'bottom'>[];
+        y: IBarChartAxes<'left' | 'right'>[];
+    };
+    scales: IBarScales;
+    additionalAxesOptions: IBarChartAdditionalAxesOptions;
+    chartStyling: IChartStyling;
+    tooltip: IBarChartTooltip;
+    graph: IBarChartGraph;
+    annotations: IChartAnnotations;
+    legend: IChartLegend;
+    chartOptions: IChartOptions;
+    interactions: IChartInteractions;
+    draggableData: IChartDraggableData;
+}
+export interface IBarDataPoint {
+    x: number;
+    y: number;
+    label?: string;
+}
+export interface IBarChartDataset {
+    label?: string;
+    data: number[] | number[][] | IBarDataPoint[];
+    borderSkipped?: string;
+    backgroundColor?: string[];
+    borderColor?: string[];
     borderRadius?: number;
-    xAxisID?: string;
+    borderWidth?: number;
     yAxisID?: string;
-    hidden?: boolean;
-    displayGroup?: any;
-    type?: 'bar';
+    stack?: number;
+    isAnnotation: boolean;
+    annotationIndex: number | string;
+    type: 'bar' | 'line';
 }
-export interface IBarChartData extends ICommonData {
+export interface IBarChartData {
+    testId: string | null;
     data: {
-        labels: string[];
+        labels?: string[];
         datasets: IBarChartDataset[];
-    };
-    options: IBarOptions;
+    } | any;
+    options: IBarChartOptions;
 }
 export interface IBarChartProps {
     chart: IBarChartData;

package/dist/src/components/bar-chart/get-bar-chart-data-labels.d.ts

@@ -1,14 +1,17 @@
-import { Options } from 'chartjs-plugin-datalabels';
-import { IBarOptions } from './bar-chart.interface';
-type ExtendedDisplayOptions = 'auto' | boolean;
-interface IExtendedDataLabelsOptions extends Options {
-    display: ExtendedDisplayOptions;
-}
+import { AlignOptions } from '../../helpers/enums';
+import { IBarChartOptions } from './bar-chart.interface';
 /**
- * Returns the data labels configuration for a bar chart.
- *
- * @param {IBarChartOptions} options - The options for the bar chart.
- * @returns {Object} The data labels configuration for the chart.
+ * @param {import('./bar-chart.interface').IBarChartOptions} options - bar chart options object
  */
-declare const getBarChartDataLabels: (options: IBarOptions) => IExtendedDataLabelsOptions;
+declare const getBarChartDataLabels: (options: IBarChartOptions) => {
+    display: string;
+    align: AlignOptions;
+    anchor: AlignOptions;
+    formatter: (value: any, context: any) => string | number;
+} | {
+    display: boolean;
+    align?: undefined;
+    anchor?: undefined;
+    formatter?: undefined;
+};
 export default getBarChartDataLabels;

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

@@ -1,6 +1,5 @@
-import { Chart } from 'chart.js';
 /**
- * @param {IBarChartData} chart - chart data
+ * @param {import('./bar-chart.interface').IBarChartData} chart - chart data
  */
-declare const getBarChartScales: (chart: Chart) => any;
+declare const getBarChartScales: (chart: any) => any;
 export default getBarChartScales;

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

@@ -1,6 +1,19 @@
-import { IBarOptions } from './bar-chart.interface';
+import { ChartHoverMode } from '../../helpers/enums';
 /**
- * @param {IBarOptions} options - bar chart options object
+ * @param {import('./bar-chart.interface').IBarChartOptions} options - bar chart options object
  */
-declare const getBarChartToolTips: (options: IBarOptions) => Record<string, any>;
+declare const getBarChartToolTips: (options: any) => {
+    enabled: any;
+    mode: ChartHoverMode;
+    intersect: boolean;
+    padding: number;
+    boxWidth: number;
+    boxHeight: number;
+    boxPadding: number;
+    callbacks: {
+        title: (tooltipItem: any, data: any) => string;
+        label: (tooltipItem: any) => string;
+        afterLabel: (tooltipItem: any) => string;
+    };
+};
 export default getBarChartToolTips;

package/dist/src/components/controls/axes-options/axes-options-interfaces.d.ts

@@ -0,0 +1,19 @@
+export interface IDepthType {
+    selectedDepthType: string;
+    setSelectedDepthType: (obj: any) => any;
+    options: Array<string>;
+}
+export interface IAxesOptions {
+    initialAxesRanges: Array<Object>;
+    axes: Array<any>;
+    controlsAxesLabels: Array<Object>;
+    onUpdateAxes: (obj: any) => any;
+    onResetAxes: () => any;
+    depthType: IDepthType;
+    close?: () => any;
+}
+export interface IOnEdit {
+    name: string;
+    value: string;
+    id: string;
+}

package/dist/src/components/{line-chart/controls → controls}/axes-options/axes-options.d.ts

@@ -1,6 +1,6 @@
 import { IAxesOptions } from './axes-options-interfaces';
 interface IAxesOptionsWithTranslations extends IAxesOptions {
-    translations: Record<string, string>;
+    translations: any;
 }
 export declare const AxesOptions: (optionsPopover: IAxesOptionsWithTranslations) => JSX.Element;
 export {};

package/dist/src/components/line-chart/controls/axes-options/axes-options-form-state.d.ts

@@ -1,5 +1,3 @@
-import { IState } from '../../state/state.interfaces';
-import { IAction, IFormState, IInitializeAxisFormState } from './axes-options-interfaces.ts';
 /**
  * Initialize local component form state for a custom loads density table
  *
@@ -8,11 +6,8 @@ import { IAction, IFormState, IInitializeAxisFormState } from './axes-options-in
  * @param {Array} [args.axes]
  * @returns {Object} formState
  */
-export declare const initializeFormState: ({ initialAxesRanges, axes, }: Partial<IState>) => IInitializeAxisFormState;
-export declare const validateAxes: (formState: IFormState) => {
-    errors: never[];
-    valid: boolean;
-};
+export declare const initializeFormState: ({ initialAxesRanges, axes }: any) => any;
+export declare const validateAxes: (formState: any) => any;
 /**
  * Local component form state reducer for a axes options form
  *
@@ -20,4 +15,4 @@ export declare const validateAxes: (formState: IFormState) => {
  * @param {Action} action Action with type and payload
  * @returns {Object} FormState
  */
-export declare const reducer: (state: IFormState, action: IAction) => IInitializeAxisFormState;
+export declare const reducer: (state: any, action: any) => any;

package/dist/src/components/line-chart/controls/controls-interfaces.d.ts

@@ -1,20 +1,34 @@
-import { Dispatch, RefObject } from 'react';
-import { Chart } from 'chart.js';
-import { ILineChartDataset, ILineChartOptions } from '../line-chart.interface';
-import { IState } from '../state/state.interfaces';
-export interface IControls {
-    headerComponent?: Element;
-    subheaderComponent?: Element;
-    table?: Element;
-    chartRef: RefObject<Chart>;
-    state: IState;
-    options: ILineChartOptions;
-    dispatch: Dispatch<any>;
-    generatedDatasets: ILineChartDataset[];
-    translations: Record<string, string>;
-    controlsPortalId?: string;
+interface IControlsProps {
+    headerComponent: Element;
+    subheaderComponent: Element;
+    table: Element;
+    controlsPortalId: string;
+}
+interface IControlsState {
+    enableDragPoints: boolean;
+    initialAxesRanges: Array<object>;
+    legendEnabled: boolean;
+    lineEnabled: boolean;
+    panEnabled: boolean;
+    pointsEnabled: boolean;
+    showTable: boolean;
+    zoomEnabled: boolean;
 }
-export interface AxisControls {
-    id?: string;
-    label?: string;
+interface IControlsOptions {
+    dragData: {
+        enableDragData: boolean;
+    };
+    title: string;
+    depthType: any;
+}
+export interface IControls {
+    props: IControlsProps;
+    chartRef: any;
+    state: IControlsState;
+    options: IControlsOptions;
+    dispatch: () => any;
+    generatedDatasets: Array<object>;
+    translations: any;
+    controlsPortalId: any;
 }
+export {};

package/dist/src/components/line-chart/controls/controls-portal.d.ts

@@ -1,7 +1,2 @@
-import { ReactElement } from 'react';
-interface ControlsPortalProps {
-    children: ReactElement;
-    controlsPortalId: string;
-}
-declare const ControlsPortal: ({ children, controlsPortalId, }: ControlsPortalProps) => JSX.Element;
+declare const ControlsPortal: ({ children, controlsPortalId }: any) => any;
 export default ControlsPortal;

package/dist/src/components/line-chart/controls/controls.d.ts

@@ -2,5 +2,5 @@ import { IControls } from './controls-interfaces';
 /**
  * @param {import('./controls-interfaces').IControls} obj
  */
-declare const Controls: ({ headerComponent, subheaderComponent, table, chartRef, state, options, dispatch, generatedDatasets, translations, controlsPortalId, }: IControls) => JSX.Element;
+declare const Controls: ({ props: { headerComponent, subheaderComponent, table }, chartRef, state, options, dispatch, generatedDatasets, translations, controlsPortalId, }: IControls) => JSX.Element;
 export default Controls;

package/dist/src/components/line-chart/controls/drag-options-interfaces.d.ts

@@ -1,11 +1,11 @@
 export interface IDragOptions {
-    onTogglePan: () => void;
-    onToggleZoom: () => void;
+    onTogglePan: () => any;
+    onToggleZoom: () => any;
     panEnabled: boolean;
     zoomEnabled: boolean;
     enableDragPoints: boolean;
     isDragDataAllowed: boolean;
-    onToggleDragPoints: () => void;
-    onDisableDragOptions: () => void;
-    translations: Record<string, string>;
+    onToggleDragPoints: () => any;
+    onDisableDragOptions: () => any;
+    translations: any;
 }

package/dist/src/components/line-chart/controls/line-options.d.ts

@@ -1,9 +1 @@
-interface ILineOptions {
-    lineEnabled: boolean;
-    onToggleLine: () => void;
-    onTogglePoints: () => void;
-    pointsEnabled: boolean;
-    translations: Record<string, string>;
-}
-export declare const LineOptions: ({ lineEnabled, onToggleLine, onTogglePoints, pointsEnabled, translations, }: ILineOptions) => JSX.Element;
-export {};
+export declare const LineOptions: ({ lineEnabled, onToggleLine, onTogglePoints, pointsEnabled, translations, }: any) => JSX.Element;

package/dist/src/components/line-chart/hooks/hooks.interface.d.ts

@@ -0,0 +1,13 @@
+export interface IHooksInterface {
+    chartRef: {
+        current: any;
+    };
+    state: any;
+    options: any;
+    dispatch: (obj: object) => any;
+    generatedDatasets: Array<Object>;
+}
+export interface IUseChartPluginsInterface {
+    options: any;
+    resetZoom: any;
+}

package/dist/src/components/line-chart/hooks/use-chart-functions.d.ts

@@ -1,15 +1,4 @@
-import { Dispatch, RefObject } from 'react';
-import { Chart, ChartEvent } from 'chart.js';
-import { ICommonHoveredItems } from '../../common/common.interface';
-import { ILineChartDataset, ILineChartOptions } from '../line-chart.interface';
-import { IState } from '../state/state.interfaces';
-interface IUseChartFunctions {
-    chartRef: RefObject<Chart>;
-    state: IState;
-    options: ILineChartOptions;
-    dispatch: Dispatch<any>;
-    generatedDatasets: ILineChartDataset[];
-}
+import { IHooksInterface } from './hooks.interface';
 /**
  * Custom hook that encapsulates the chart-related functions and their dependencies
  * @param {Object} chartRef - Chart reference
@@ -19,27 +8,16 @@ interface IUseChartFunctions {
  * @param {Array} generatedDatasets - Chart datasets
  * @returns {Object} An object containing the chart-related functions
  */
-export declare const useChartFunctions: ({ chartRef, state, options, dispatch, generatedDatasets, }: IUseChartFunctions) => {
-    legendClick: (_e: ChartEvent, legendItem: any) => void;
+export declare const useChartFunctions: ({ chartRef, state, options, dispatch, generatedDatasets, }: IHooksInterface) => {
+    legendClick: (e: any, legendItem: any) => void;
     resetZoom: () => void;
-    onHover: (hoveredPoint: any, setHoveredPoint: any) => (evt: ChartEvent, hoveredItems: ICommonHoveredItems[]) => void;
+    onHover: (hoveredPoint: any, setHoveredPoint: any) => (evt: Event, hoveredItems: Array<any>) => void;
     handleDownload: () => void;
     handleKeyDown: (evt: any) => void;
     handleKeyUp: (evt: any) => void;
-    controlsAxes: {
-        max?: number | undefined;
-        min?: number | undefined;
-        id?: string | undefined;
-        label?: string | undefined;
-        unit?: string | import("../line-chart.interface").IUnitOptions | undefined;
-        axisType?: string | undefined;
-    }[];
-    controlsAxesLabels: {
-        id: string;
-        label: string;
-    }[];
+    controlsAxes: any;
+    controlsAxesLabels: any[];
     updateAxesRangesFromChart: () => void;
     onResetAxes: () => void;
     onUpdateAxes: ({ axes }: any) => void;
 };
-export {};

package/dist/src/components/line-chart/hooks/use-chart-options.d.ts

@@ -0,0 +1,37 @@
+import { ChartHoverMode, Events, PointStyle } from '../../../helpers/enums';
+import { IHooksInterface } from './hooks.interface';
+/**
+ * Custom hook to generate chart options.
+ * @function
+ * @param {Object} chartRef - The chart reference.
+ * @param {Object} state - The chart state.
+ * @param {Object} options - The chart options.
+ * @param {Function} dispatch - The dispatch function for state management.
+ * @param {Array} generatedDatasets - The generated datasets.
+ * @returns {Object} The chart options object.
+ */
+export declare const useChartOptions: ({ chartRef, state, options, dispatch, generatedDatasets, }: IHooksInterface) => {
+    layout: {
+        padding: any;
+    };
+    onHover: (evt: Event, hoveredItems: any[]) => void;
+    maintainAspectRatio: any;
+    aspectRatio: number | null;
+    animation: boolean | {
+        duration: number;
+        onComplete: any;
+    };
+    hover: {
+        mode: ChartHoverMode;
+        intersect: boolean;
+    };
+    elements: {
+        line: {
+            pointStyle: PointStyle;
+            showLine: any;
+        };
+    };
+    scales: any;
+    plugins: any;
+    events: Events[];
+};

package/dist/src/components/line-chart/hooks/use-toggle-handler.d.ts

@@ -1,5 +1,4 @@
-import { Dispatch } from 'react';
-export declare const useToggleHandlers: (dispatch: Dispatch<any>) => {
+export declare const useToggleHandlers: (dispatch: any) => {
     onToggleLegend: () => void;
     onToggleLine: () => void;
     onTogglePan: () => void;

package/dist/src/components/line-chart/initialize/config.d.ts

@@ -3,10 +3,10 @@
  * @param {string} key - The key to access the corresponding value in the config object.
  * @returns {*} - The value associated with the given key in the config object or config.
  */
-export declare const getConfig: (key?: string) => any;
+export declare const getConfig: any;
 /**
  * Set a new value for the given key in the config object.
  * @param {string} key - The key to access the corresponding value in the config object.
  * @param {*} newValue - The new value to be set for the given key.
  */
-export declare const setConfig: (key: string, newValue: string | Record<string, string>) => void;
+export declare const setConfig: (key: string, newValue: any) => void;

package/dist/src/components/line-chart/legend/legend-interface.d.ts

@@ -1,37 +1,31 @@
-import { Dispatch, MouseEventHandler, RefObject } from 'react';
-import { Chart, ChartArea } from 'chart.js';
-import { IState } from '../state/state.interfaces';
-import { ILineChartDataset, ILineChartOptions } from '../line-chart.interface';
-import { Position } from '../../common/helpers/enums';
+import { Position } from '../../../helpers/enums';
 export interface ILegendDropZone {
-    position: Position;
-    onDrop: () => void;
-    placeholderSize?: {
-        width?: number;
-        height?: number;
-    };
+    position: string;
+    onDrop: () => any;
+    placeholderSize: any;
 }
 export interface ILegendDropZones {
-    chartArea: ChartArea;
+    chartArea: any;
     setLegendPosition: (position: Position) => void;
-    isDragging: boolean;
-    placeholderSize?: {
-        width?: number;
-        height?: number;
+    isDragging: any;
+    placeholderSize: {
+        width: string;
+        height: string;
     };
 }
 export interface ILegendItem {
     hidden: boolean;
-    dataset: ILineChartDataset;
-    handleClick: MouseEventHandler<HTMLDivElement>;
+    dataset: any;
+    handleClick: (e: Event) => any;
 }
 export interface ILegend {
-    chartRef: RefObject<Chart>;
-    state: IState;
-    options: ILineChartOptions;
-    dispatch: Dispatch<any>;
-    generatedDatasets: ILineChartDataset[];
-    translations: Record<string, string>;
+    chartRef: {
+        current: any;
+    };
+    state: any;
+    options: any;
+    dispatch: () => any;
+    generatedDatasets: any;
 }
 export interface ILegendPanel extends ILegend {
     legendPosition: Position;

package/dist/src/components/line-chart/legend/legend-panel.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ILegendPanel } from './legend-interface';
-declare const LegendPanel: import("react").ForwardRefExoticComponent<ILegendPanel & import("react").RefAttributes<HTMLDivElement>>;
+declare const LegendPanel: React.ForwardRefExoticComponent<ILegendPanel & React.RefAttributes<unknown>>;
 export default LegendPanel;