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

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

@@ -1,42 +1,34 @@
 import { ILineChartProps } from './line-chart.interface';
-import { AlignOptions, Position } from '../common/helpers/enums';
 export declare const getDefaultProps: (props: ILineChartProps) => {
     persistenceId: string;
-    controlsPortalId: string;
+    controlsPortalId: string | null;
     testId: string | null;
-    data: {
-        datasets: import("./line-chart.interface").ILineChartDataset[];
-    } | undefined;
+    data: any;
     options: {
         title: string | string[];
-        scales: import("../common/common.interface").ICommonScales;
+        scales: any;
         axes: {
-            x: import("./line-chart.interface").ILineChartAxis<"top" | "bottom">[];
-            y: import("./line-chart.interface").ILineChartAxis<"left" | "right">[];
+            x: any;
+            y: any;
         };
         additionalAxesOptions: {
-            chartScaleType: "linear" | "logarithmic";
-            reverse: boolean;
-            beginAtZero: boolean;
-            stepSize: number | undefined;
-            suggestedMin: number | undefined;
-            suggestedMax: number | undefined;
-            range: import("./line-chart.interface").ILineRange;
-            autoAxisPadding: boolean;
+            chartScaleType: any;
+            reverse: any;
+            beginAtZero: any;
+            stepSize: any;
+            suggestedMin: any;
+            suggestedMax: any;
+            range: any;
+            autoAxisPadding: any;
         };
         chartStyling: {
-            width: string | number | undefined;
-            height: string | number | undefined;
+            width: string | number;
+            height: string | number;
             maintainAspectRatio: boolean;
             staticChartHeight: boolean;
             performanceMode: boolean;
-            squareAspectRatio: number | undefined;
-            layoutPadding: string | number | {
-                top: number;
-                bottom: number;
-                left: number;
-                right: number;
-            };
+            squareAspectRatio: boolean;
+            layoutPadding: any;
         };
         tooltip: {
             tooltips: boolean;
@@ -62,38 +54,38 @@ export declare const getDefaultProps: (props: ILineChartProps) => {
             };
             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;
             usePointStyle: boolean;
         };
         chartOptions: {
             showPoints: boolean;
-            enableZoom: boolean;
+            enableZoom: true;
             enablePan: boolean;
             showLine: boolean;
             closeOnOutsideClick: 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;
-            onAnimationComplete: (() => void) | undefined;
+            onLegendClick: () => any;
+            onPointHover: () => any;
+            onPointUnhover: () => any;
+            onAnimationComplete: () => any;
         };
+        depthType: import("./line-chart.interface").IDepthType;
         dragData: {
             enableDragData: boolean;
             showTooltip: boolean;
             roundPoints: boolean;
             dragX: boolean;
             dragY: boolean;
-            onDragStart: (() => void) | undefined;
-            onDrag: (() => void) | undefined;
-            onDragEnd: (() => void) | undefined;
+            onDragStart: () => any;
+            onDrag: () => any;
+            onDragEnd: () => any;
         };
-        depthType: import("./line-chart.interface").IDepthType;
     };
 };

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

@@ -1,6 +1,9 @@
-import { ICommonAnnotations, ICommonChartOptions, ICommonCustomLegend, ICommonData, ICommonDataset, ICommonDragData, ICommonInteractions, ICommonLegend, ICommonOptions, ICommonScales, ICommonStyling, ICommonTooltip } from '../common/common.interface';
-export interface ILChartOptions extends ICommonChartOptions {
+import { LinearScaleOptions } from 'chart.js';
+import { IChartAnnotations, IChartDraggableData, IChartInteractions, IChartLegend, IChartStyling } from '../../helpers/chart-interface';
+export interface IChartOptions {
     showPoints: boolean;
+    enableZoom: boolean;
+    enablePan: boolean;
     closeOnOutsideClick: boolean;
     showLine: boolean;
 }
@@ -10,24 +13,26 @@ export interface ILineChartGraph {
     showDataLabels: boolean;
     showMinorGridlines: boolean;
 }
-export interface ILineChartTooltip extends ICommonTooltip {
+export interface ILineChartTooltip {
+    tooltips: boolean;
+    showLabelsInTooltips: boolean;
     hideSimulationName: boolean;
 }
-export interface ILineChartRange {
+export interface IChartRange {
     min: number;
     max: number;
 }
-export interface ILineRange {
-    [key: string]: ILineChartRange;
-}
 export interface ILineChartAdditionalAxesOptions {
     chartScaleType: 'linear' | 'logarithmic';
     reverse: boolean;
     beginAtZero: boolean;
-    stepSize?: number;
-    suggestedMin?: number;
-    suggestedMax?: number;
-    range?: ILineRange;
+    stepSize: number;
+    suggestedMin: number;
+    suggestedMax: number;
+    range: {
+        x: IChartRange;
+        y: IChartRange;
+    };
     autoAxisPadding: boolean;
 }
 export interface IUnitOptions {
@@ -38,69 +43,77 @@ export interface IUnitOptions {
 export interface ILineChartAxis<PositionType> {
     label: string;
     position: PositionType;
-    color: string | string[];
+    color: string;
     unit: IUnitOptions;
 }
 export interface ILineChartAxes {
     x: ILineChartAxis<'top' | 'bottom'>[];
     y: ILineChartAxis<'left' | 'right'>[];
-    [key: string]: ILineChartAxis<any>[];
+}
+export interface ILineScales {
+    x: LinearScaleOptions;
+    y: LinearScaleOptions;
 }
 export interface IDepthType {
     options: string[];
     selectedUnit: string;
     setSelectedUnit: () => void;
 }
-export interface ILineChartStyling extends ICommonStyling {
-    squareAspectRatio?: number;
-    layoutPadding?: string | number | {
-        top: number;
-        bottom: number;
-        left: number;
-        right: number;
-    };
-}
-export interface ILineInteractions extends ICommonInteractions {
-    onAnimationComplete?: () => void;
-}
-export interface ILineLegend extends ICommonLegend {
-    customLegend?: ICommonCustomLegend<any>;
-    usePointStyle?: boolean;
-}
-export interface ILineChartOptions extends ICommonOptions {
-    title?: string | string[];
-    axes: ILineChartAxes;
-    scales: ICommonScales;
-    additionalAxesOptions: ILineChartAdditionalAxesOptions;
-    chartStyling: ILineChartStyling;
+export interface IChartDragData {
+    enableDragData: boolean;
+    showTooltip: boolean;
+    roundPoints: boolean;
+    dragX: boolean;
+    dragY: boolean;
+    onDragStart: () => any;
+    onDrag: () => any;
+    onDragEnd: () => any;
+}
+export interface ILineChartOptions {
+    title: string | string[];
+    axes: any;
+    scales: any;
+    additionalAxesOptions: any;
+    chartStyling: IChartStyling;
     tooltip: ILineChartTooltip;
     graph: ILineChartGraph;
-    annotations: ICommonAnnotations;
-    legend: ILineLegend;
-    chartOptions: ILChartOptions;
-    interactions: ILineInteractions;
-    dragData?: ICommonDragData;
+    annotations: IChartAnnotations;
+    legend: IChartLegend;
+    chartOptions: IChartOptions;
+    interactions: IChartInteractions;
     depthType: IDepthType;
+    draggableData: IChartDraggableData;
+    dragData: IChartDragData;
 }
-export interface ILineChartDataset extends ICommonDataset {
+export interface IDataPoint {
+    x: number;
+    y: number;
+    label?: string[];
+}
+export interface ILineChartDataset {
+    label?: string;
     lineTension?: number;
+    borderColor?: string;
     pointBackgroundColor?: string;
+    backgroundColor?: string;
     pointRadius?: number;
     pointHoverRadius?: number;
     pointHitRadius?: number;
+    borderWidth?: number;
     fill?: boolean;
     yAxisID?: string;
     formation?: boolean;
-    displayGroup?: any;
-    pointStyle?: string;
+    data: IDataPoint[];
 }
-export interface ILineChartData extends ICommonData {
-    data?: {
+export interface ILineChartData {
+    testId: string | null;
+    data: {
+        labels?: string[];
         datasets: ILineChartDataset[];
-    };
+    } | any;
     options: ILineChartOptions;
-    persistenceId?: string;
-    controlsPortalId?: string;
+    persistenceId: string;
+    controlsPortalId: string | null;
 }
 export interface ILineChartProps {
     chart: ILineChartData;

package/dist/src/components/line-chart/plugins/chart-area-text-plugin.d.ts

@@ -1,17 +1,4 @@
-import { Chart, ChartConfiguration, Plugin } from 'chart.js';
-import { Position } from '../../common/helpers/enums';
-interface CustomChartConfiguration extends ChartConfiguration {
-    showLabel?: boolean;
-    text: string;
-    fontSize: number;
-    xOffset: number;
-    yOffset: number;
-    lineHeight: number;
-    maxWidth: number;
-    position: Position;
-}
 export declare const chartAreaTextPlugin: {
     id: string;
-    beforeDraw: (chart: Chart, _args: Plugin, options: CustomChartConfiguration) => void;
+    beforeDraw: (chart: any, _args: any, options: any) => void;
 };
-export {};

package/dist/src/components/line-chart/plugins/line-chart.minor-gridlines-plugin.d.ts

@@ -1,8 +1,7 @@
-import { Chart, Scale } from 'chart.js';
-export declare const getLargestMajorTickWidth: (majorTickPositions: number[]) => number;
-export declare const isValidPosition: (minorTickPosition: number, majorTickPositions: number[], scale: Scale) => boolean;
-export declare const getMinorTickPositions: (majorTickPositions: number[], scale: Scale) => number[];
+export declare const getLargestMajorTickWidth: (majorTickPositions: any) => any;
+export declare const isValidPosition: (minorTickPosition: any, majorTickPositions: any, scale: any) => boolean;
+export declare const getMinorTickPositions: (majorTickPositions: Array<number>, scale: any) => number[];
 export declare const chartMinorGridlinesPlugin: {
     id: string;
-    beforeDatasetsDraw: (chart: Chart) => void;
+    beforeDatasetsDraw: (chart: any) => void;
 };

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

@@ -1,9 +1,9 @@
-import { Position } from '../../common/helpers/enums';
+import { Position } from '../../../helpers/enums';
 export interface IDrawText {
     ctx: CanvasRenderingContext2D;
     lines: Array<string>;
     lineHeight: number;
     x: number;
     y: number;
-    position: Position;
+    position: typeof Position;
 }

package/dist/src/components/line-chart/state/initial-state.d.ts

@@ -1,34 +1,16 @@
-import { ILChartOptions, ILineChartAdditionalAxesOptions, ILineChartAxes, ILineLegend } from '../line-chart.interface';
-import { ICommonAnnotations, ICommonDragData } from '../../common/common.interface';
-interface inputInitState {
-    options: {
-        additionalAxesOptions: ILineChartAdditionalAxesOptions;
-        annotations: ICommonAnnotations;
-        axes: ILineChartAxes;
-        chartOptions: ILChartOptions;
-        legend: ILineLegend;
-        dragData: ICommonDragData;
-    };
-    persistenceId?: string;
-}
 /**
  Initial chart state for the line chart.
 
  @param {Object} options - The chart options.
  @return {Object} The initial chart state.
  */
-declare const initialState: ({ options, persistenceId }: inputInitState) => {
+declare const initialState: ({ options, persistenceId }: any) => {
     zoomEnabled: any;
     panEnabled: any;
     pointsEnabled: any;
     lineEnabled: any;
     legendEnabled: any;
-    axes: {
-        unit?: import("../line-chart.interface").IUnitOptions | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
-        id: string;
-    }[];
+    axes: any[];
     showAnnotationLineIndex: number[];
     showTable: boolean;
     enableDragPoints: any;

package/dist/src/components/line-chart/state/line-chart-reducer.d.ts

@@ -1,2 +1 @@
-import { IAction, IState } from './state.interfaces';
-export declare const reducer: (state: IState, action: IAction) => IState;
+export declare const reducer: (state: any, action: any) => (base?: ((draft: any) => void) | undefined, ...args: unknown[]) => (draft: any) => void;

package/dist/src/components/line-chart/state/manage-state-in-local-storage.d.ts

@@ -1,15 +1,14 @@
-import { IState } from './state.interfaces';
 /**
  * Retrieves the chart state from local storage.
  *
  * @param {string|''} persistenceId - The chart persistenceId.
  * @returns {object|null} The chart state object or null if not found.
  */
-export declare const getChartStateFromStorage: (persistenceId?: string) => any;
+export declare const getChartStateFromStorage: (persistenceId: string) => any;
 /**
  * Stores the chart state in local storage.
  *
  * @param {object} state - The chart state object to store.
  * @param {string|''} persistenceId - The chart persistenceId.
  */
-export declare const storeChartStateInStorage: (state: IState, persistenceId?: string) => void;
+export declare const storeChartStateInStorage: (state: any, persistenceId: string) => void;

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

@@ -1,33 +1,8 @@
-import { IUnitOptions } from '../line-chart.interface';
-export interface IAxisState {
-    id?: string;
-    label?: string;
-    min?: number;
-    max?: number;
-    unit?: IUnitOptions | string;
-    axisType?: string;
-}
-export interface InitialState {
-    zoomEnabled: boolean;
-    panEnabled: boolean;
-    pointsEnabled: boolean;
-    lineEnabled: boolean;
-    legendEnabled: boolean;
-    axes: IAxisState[];
-    showAnnotationLineIndex?: number[];
-    showTable: boolean;
-    enableDragPoints: boolean;
-}
-export interface IInitAxisRange {
-    id: string;
-    min: number;
-    max: number;
-    unit?: string;
-}
-export interface IState extends InitialState {
-    initialAxesRanges: IInitAxisRange[];
-}
-export interface IAction<T = string, P = any> {
-    type: T;
-    payload?: P;
+export interface IUseChartState {
+    chartRef: any;
+    options: any;
+    state: any;
+    generatedDatasets: Array<any>;
+    dispatch: () => void;
+    persistenceId: any;
 }

package/dist/src/components/line-chart/{hooks → state}/use-chart-state.d.ts

@@ -1,15 +1,4 @@
-import { Dispatch, RefObject } from 'react';
-import { Chart } from 'chart.js';
-import { IState } from '../state/state.interfaces';
-import { ILineChartDataset, ILineChartOptions } from '../line-chart.interface';
-interface IUseChartState {
-    chartRef: RefObject<Chart>;
-    options: ILineChartOptions;
-    state: IState;
-    generatedDatasets: ILineChartDataset[];
-    dispatch: Dispatch<any>;
-    persistenceId?: string;
-}
+import { IUseChartState } from './state.interfaces';
 /**
  * Hook for managing the state of the chart.
  *
@@ -21,4 +10,3 @@ interface IUseChartState {
  * @param persistenceId - The chart persistenceId.
  */
 export declare const useChartState: ({ chartRef, options, state, generatedDatasets, dispatch, persistenceId, }: IUseChartState) => void;
-export {};

package/dist/src/components/line-chart/utils/datalabels-alignment/get-datalabels-position.d.ts

@@ -1,4 +1,4 @@
-import { AlignOptions } from '../../../common/helpers/enums';
+import { AlignOptions } from '../../../../helpers/enums';
 /** returning position depends on condition
  *
  * @return {string} - position

package/dist/src/components/line-chart/utils/generate-line-chart-datasets.d.ts

@@ -1,5 +1,3 @@
-import { IState } from '../state/state.interfaces';
-import { ILineChartOptions } from '../line-chart.interface';
 /**
  * Generates line chart datasets based on the provided datasets, state, and options.
  *
@@ -9,4 +7,4 @@ import { ILineChartOptions } from '../line-chart.interface';
  * @param {Object} translations - The getTranslations object with the label property
  * @returns {Array} - The generated line chart datasets with applied settings and configurations.
  */
-export declare const generateLineChartDatasets: (datasets: Array<any>, state: IState, options: ILineChartOptions, { label }: any) => any[];
+export declare const generateLineChartDatasets: (datasets: Array<any>, state: any, options: any, { label }: any) => any[];

package/dist/src/components/line-chart/utils/get-axes-ranges-from-chart.d.ts

@@ -1,13 +1,6 @@
-import { Chart } from 'chart.js';
-import { RefObject } from 'react';
-import { IInitAxisRange } from '../state/state.interfaces';
-interface IAxes {
-    [key: string]: IInitAxisRange[];
-}
-export declare const getAxesRangesFromChart: (chartRef: RefObject<Chart>, axes: IAxes) => {
-    unit?: string | undefined;
+export declare const getAxesRangesFromChart: (chartRef: any, axes: any) => {
+    unit?: any;
     id: any;
     min: any;
     max: any;
 }[];
-export {};

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

@@ -1,4 +1,3 @@
-import { TooltipItem } from 'chart.js';
 import { ILineChartOptions } from '../line-chart.interface';
 /**
  * adjusts the position of the label depends on chart area
@@ -8,8 +7,8 @@ import { ILineChartOptions } from '../line-chart.interface';
  */
 declare const getLineChartDataLabels: (options: ILineChartOptions) => {
     display: string;
-    align: (context: any) => import("../../common/helpers/enums").AlignOptions.End | import("../../common/helpers/enums").AlignOptions.Start | import("../../common/helpers/enums").AlignOptions.Right | import("../../common/helpers/enums").AlignOptions.Left;
-    formatter: (_value: any, context: TooltipItem<any>) => any;
+    align: (context: any) => import("../../../helpers/enums").AlignOptions.End | import("../../../helpers/enums").AlignOptions.Start | import("../../../helpers/enums").AlignOptions.Right | import("../../../helpers/enums").AlignOptions.Left;
+    formatter: (_value: any, context: any) => any;
 } | {
     display: boolean;
     align?: undefined;

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

@@ -1,9 +1,9 @@
-import { IState } from '../state/state.interfaces';
 import { ILineChartOptions } from '../line-chart.interface';
+import { IInitialState } from '../../../helpers/chart-interface';
 /**
  *
- * @param {ILineChartOptions} options - line chart options object
- * @param {IState} state - chart state object controlled by useReducer or similar
+ * @param {import('../line-chart.interface').ILineChartOptions} options - line chart options object
+ * @param {import('../../../helpers/chart-interface').IInitialState} state - chart state object controlled by useReducer or similar
  */
-declare const getLineChartScales: (options: ILineChartOptions, state: IState) => any;
+declare const getLineChartScales: (options: ILineChartOptions, state: IInitialState) => any;
 export default getLineChartScales;

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

@@ -1,4 +1,4 @@
-import { ChartHoverMode } from '../../common/helpers/enums';
+import { ChartHoverMode } from '../../../helpers/enums';
 import { ILineChartOptions } from '../line-chart.interface';
 export declare const getUnitsFromLabel: (label: string) => string;
 /**
@@ -16,7 +16,7 @@ declare const getLineChartToolTips: (options: ILineChartOptions) => {
     callbacks: {
         title: (tooltipItem: any, _data: any) => string;
         label: (tooltipItem: any) => string;
-        afterLabel: (tooltipItem: Record<string, any>) => string;
+        afterLabel: (tooltipItem: any) => string;
     };
 };
 export default getLineChartToolTips;

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

@@ -1,8 +1,7 @@
-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>>) => {};
+export declare const getTranslations: (translations?: any) => {};

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

@@ -1,16 +1,12 @@
 import { IPieChartProps } from './pie-chart.interface';
-import { AlignOptions, Position } from '../common/helpers/enums';
 export declare const getDefaultProps: (props: IPieChartProps) => {
     testId: string | null;
-    data: {
-        labels: string[];
-        datasets: import("./pie-chart.interface").IPieChartDataset[];
-    };
+    data: import("./pie-chart.interface").IChartData;
     options: {
         title: string | string[];
         chartStyling: {
-            width: string | number | undefined;
-            height: string | number | undefined;
+            width: string | number;
+            height: string | number;
             maintainAspectRatio: boolean;
             staticChartHeight: boolean;
             performanceMode: boolean;
@@ -27,17 +23,17 @@ export declare const getDefaultProps: (props: IPieChartProps) => {
         legend: {
             display: boolean;
             useDataset: boolean;
-            position: Position;
-            align: AlignOptions;
+            position: "top" | "bottom" | "right";
+            align: "start" | "center" | "end";
         };
         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: (legendItem: string, hidden: boolean) => any;
+            onPieHover: (evt: Event, datasetIndex: string | number, index: string | number, generatedDataset: any) => any;
+            onPieUnhover: (evt: Event) => any;
         };
     };
 };

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

@@ -0,0 +1,2 @@
+export declare const colors: string[];
+export declare const generateRandomColor: () => string;

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

@@ -1,7 +1,8 @@
 import { IPieChartProps } from './pie-chart.interface';
 /**
  * this is a pie chart component
- * @param {props: IPieChartProps} IPieChartProps
+ * @param {} props
+ * @param {import('./pie-chart.interface').IPieChartProps} IPieChartProps
  * ./pie-chart.interface
  */
 declare const PieChart: (props: IPieChartProps) => JSX.Element;