@oliasoft-open-source/charts-library 3.8.0-beta-5 → 3.8.0

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

@@ -1,73 +1,2 @@
-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[];
-    };
-    options: {
-        title: string | string[];
-        direction: "vertical" | "horizontal";
-        axes: {
-            x: [{}] | import("../common/common.interface").ICommonAxis<"bottom" | "top">[];
-            y: [{}] | import("../common/common.interface").ICommonAxis<"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;
-        };
-        chartStyling: {
-            width: string | number | undefined;
-            height: string | number | undefined;
-            maintainAspectRatio: boolean;
-            staticChartHeight: boolean;
-            performanceMode: boolean;
-        };
-        tooltip: {
-            tooltips: boolean;
-            showLabelsInTooltips: boolean;
-        };
-        graph: {
-            showDataLabels: boolean;
-            showMinorGridlines: boolean;
-        };
-        annotations: {
-            showAnnotations: boolean;
-            controlAnnotation: boolean;
-            annotationsData: import("../common/common.interface").ICommonAnnotationsData[];
-        };
-        legend: {
-            display: boolean;
-            position: Position;
-            align: AlignOptions;
-            customLegend: import("../common/common.interface").ICommonCustomLegend<any>;
-        };
-        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;
-        };
-        dragData: {
-            enableDragData: boolean;
-            showTooltip: boolean;
-            roundPoints: boolean;
-            dragX: boolean;
-            dragY: boolean;
-            onDragStart: (() => void) | undefined;
-            onDrag: (() => void) | undefined;
-            onDragEnd: (() => void) | undefined;
-        };
-    };
-};
+import { IBarChartProps, IBarDefaultProps } from './bar-chart.interface';
+export declare const getDefaultProps: (props: IBarChartProps) => IBarDefaultProps;

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

@@ -1,4 +1,5 @@
-import { ICommonAdditionalAxesOptions, ICommonAnnotations, ICommonAxis, ICommonCustomLegend, ICommonData, ICommonDataset, ICommonDragData, ICommonGraph, ICommonLegend, ICommonOptions, ICommonScales, ICommonStyling } from '../common/common.interface';
+import { ICommonAdditionalAxesOptions, ICommonAnnotations, ICommonAnnotationsData, ICommonAxis, ICommonChartOptions, ICommonCustomLegend, ICommonData, ICommonDataset, ICommonDragData, ICommonGraph, ICommonInteractions, ICommonLegend, ICommonOptions, ICommonScales, ICommonStyling, ICommonTooltip } from '../common/common.interface';
+import { IChartGraph } from '../common/helpers/chart-utils';
 export interface IBarStyling extends ICommonStyling {
     squareAspectRatio?: boolean;
     layoutPadding?: string | number | {
@@ -12,9 +13,9 @@ export interface IBarLegend extends ICommonLegend {
     customLegend?: ICommonCustomLegend<any>;
 }
 export interface IBarAxes {
-    x: ICommonAxis<'top' | 'bottom'>[] | [{}];
-    y: ICommonAxis<'left' | 'right'>[] | [{}];
-    [key: string]: ICommonAxis<any>[] | [{}];
+    x: ICommonAxis<'top' | 'bottom'>[];
+    y: ICommonAxis<'left' | 'right'>[];
+    [key: string]: ICommonAxis[];
 }
 export interface IBarOptions extends ICommonOptions {
     direction: 'vertical' | 'horizontal';
@@ -30,21 +31,46 @@ export interface IBarOptions extends ICommonOptions {
 export interface IBarChartDataset extends ICommonDataset {
     isAnnotation?: boolean;
     annotationIndex?: number;
-    borderSkipped?: any;
+    borderSkipped?: boolean;
     borderRadius?: number;
     xAxisID?: string;
     yAxisID?: string;
     hidden?: boolean;
-    displayGroup?: any;
+    displayGroup?: string | number;
     type?: 'bar';
 }
+export interface IBarChartBaseData {
+    labels: string[];
+    datasets: IBarChartDataset[];
+}
 export interface IBarChartData extends ICommonData {
-    data: {
-        labels: string[];
-        datasets: IBarChartDataset[];
-    };
+    testId?: string;
+    data: IBarChartBaseData;
     options: IBarOptions;
 }
 export interface IBarChartProps {
     chart: IBarChartData;
 }
+export interface IBarDefaultProps {
+    testId: string;
+    data: IBarChartBaseData;
+    options: {
+        title?: string | string[];
+        direction: 'vertical' | 'horizontal';
+        axes: IBarAxes;
+        additionalAxesOptions: ICommonAdditionalAxesOptions;
+        chartStyling: IBarStyling;
+        tooltip: ICommonTooltip;
+        graph: IChartGraph;
+        scales?: ICommonScales;
+        annotations: {
+            showAnnotations: boolean;
+            controlAnnotation: boolean;
+            annotationsData: ICommonAnnotationsData[];
+        };
+        legend: IBarLegend;
+        chartOptions: ICommonChartOptions;
+        interactions: ICommonInteractions;
+        dragData: ICommonDragData;
+    };
+}

package/dist/src/components/bar-chart/{get-bar-chart-data-labels.d.ts → utils/get-bar-chart-data-labels.d.ts}

@@ -1,13 +1,10 @@
-import { IBarOptions } from './bar-chart.interface';
+import { IBarOptions } from '../bar-chart.interface.ts';
 type ExtendedDisplayOptions = 'auto' | boolean;
 interface IExtendedDataLabelsOptions {
     display: ExtendedDisplayOptions;
 }
 /**
  * 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.
  */
 declare const getBarChartDataLabels: (options: IBarOptions) => IExtendedDataLabelsOptions;
 export default getBarChartDataLabels;

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

@@ -0,0 +1,3 @@
+import { IBarDefaultProps } from '../bar-chart.interface.ts';
+declare const getBarChartScales: (chart: IBarDefaultProps) => any;
+export default getBarChartScales;

package/dist/src/components/bar-chart/{get-bar-chart-tooltips.d.ts → utils/get-bar-chart-tooltips.d.ts}

@@ -1,4 +1,4 @@
-import { IBarOptions } from './bar-chart.interface';
+import { IBarOptions } from '../bar-chart.interface.ts';
 /**
  * @param {IBarOptions} options - bar chart options object
  */

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

@@ -0,0 +1,24 @@
+import { MutableRefObject } from 'react';
+import { ActiveElement, Chart, ChartDataset, ChartEvent, LegendItem } from 'chart.js';
+import { IBarChartDataset, IBarDefaultProps, IBarOptions } from '../bar-chart.interface';
+import { ICommonDataValue, ICommonHoveredItems } from '../../common/common.interface';
+export interface IGenerateBarChartDatasetsProps {
+    datasets: IBarChartDataset[];
+    options: IBarOptions;
+}
+export interface IGenerateBarChartDatasets extends ChartDataset<'bar', ICommonDataValue[]> {
+    borderWidth: number;
+    borderColor: string | string[];
+    backgroundColor: string | string[];
+}
+export interface IUseBarChartConfigProps {
+    chart: IBarDefaultProps;
+    chartRef: MutableRefObject<Chart | null>;
+}
+export declare const useBarChartConfig: ({ chart, chartRef, }: IUseBarChartConfigProps) => {
+    generatedDatasets: IGenerateBarChartDatasets[];
+    legendClick: (_e: ChartEvent, legendItem: LegendItem) => void;
+    onClick: (_evt: ChartEvent, _elements: ActiveElement[], chartInstance: Chart) => void;
+    onHover: (evt: ChartEvent, hoveredItems: ICommonHoveredItems[]) => void;
+    visibleAnnotationsIndexes: number[];
+};

package/dist/src/components/common/common.interface.d.ts

@@ -8,7 +8,7 @@ export interface ICommonDataValue {
 }
 export interface ICommonDataset {
     label?: string;
-    borderColor?: string;
+    borderColor?: string | string[];
     backgroundColor?: string | string[];
     borderWidth?: number;
     data: ICommonDataValue[];
@@ -132,9 +132,13 @@ export interface ICommonChartPlugins {
         text: string;
     };
 }
-export interface ICommonAxis<PositionType> {
+export interface ICommonAxis<PositionType = any> {
     label: string;
     position: PositionType;
     color: string | string[];
-    unit: string;
+    unit?: string;
+    gridLines?: boolean;
+    stepSize?: number;
 }
+export type UnusedParameter = unknown | any;
+export type TPrimitive = string | number | boolean | null;

package/dist/src/components/common/helpers/chart-border-plugin.d.ts

@@ -1,8 +1,16 @@
-import { Plugin } from 'chart.js';
+import { Chart } from 'chart.js';
+import { UnusedParameter } from '../common.interface';
+interface IChartAreaBorderPluginOptions {
+    borderColor: string;
+    borderWidth: number;
+    borderDash: number[];
+    borderDashOffset?: number;
+}
 /**
  * Chart border plugin config
  */
 export declare const chartAreaBorderPlugin: {
     id: string;
-    beforeDraw(chart: any, _args: Plugin, options: any): void;
+    beforeDraw(chart: Chart, _: UnusedParameter, options: IChartAreaBorderPluginOptions): void;
 };
+export {};

package/dist/src/components/common/helpers/chart-consts.d.ts

@@ -4,9 +4,9 @@ export declare const BORDER_WIDTH: {
 };
 export declare const BORDER_COLOR = "rgba(0,0,0,0.1)";
 export declare const ANNOTATION_DASH: number[];
-export declare const DEFAULT_FONT_SIZE = 12;
-export declare const DEFAULT_FONT_FAMILY = "\"Roobert\", \"Noto Sans\", sans-serif";
-export declare const DEFAULT_COLOR = "hsl(60, 10.34482759%, 12.5%)";
+export declare const DEFAULT_FONT_SIZE = 13;
+export declare const DEFAULT_FONT_FAMILY = "\"Lato\", sans-serif";
+export declare const DEFAULT_COLOR = "rgba(0,0,0,.87)";
 export declare const LEGEND_LABEL_BOX_SIZE = 12;
 export declare const TOOLTIP_PADDING = 8;
 export declare const TOOLTIP_BOX_PADDING = 4;

package/dist/src/components/common/helpers/chart-utils.d.ts

@@ -1,7 +1,7 @@
-import { ChartTypeRegistry, Plugin } from 'chart.js';
-import { ICommonAnnotationsData, ICommonCustomLegend } from '../common.interface';
+import { ChartTypeRegistry, LegendItem, Plugin } from 'chart.js';
+import { ICommonAnnotationsData, ICommonCustomLegend, UnusedParameter } from '../common.interface';
 import { Position } from './enums';
-interface IChartGraph {
+export interface IChartGraph {
     showMinorGridlines: boolean;
 }
 interface IOptions {
@@ -22,7 +22,7 @@ interface IStyling {
     performanceMode?: boolean;
 }
 interface IAxis {
-    label: string;
+    label?: string;
 }
 interface ILegend {
     customLegend?: ICommonCustomLegend<any>;
@@ -56,10 +56,8 @@ export declare const getTitle: (options: IOptions) => {
 };
 /**
  * @function isVertical
- * @param {'vertical'|'horizontal'|string} direction
- * @return {boolean} returns true if chart direction is vertical
  */
-export declare const isVertical: (direction: string) => boolean;
+export declare const isVertical: (direction: 'vertical' | 'horizontal') => boolean;
 /**
  * @param {'x'|'y'} axisType
  * @param {number} i - index
@@ -72,20 +70,20 @@ export declare const getAxisPosition: (axisType: string, i: number) => Position;
  * @return {string} - class name
  */
 export declare const getClassName: (chartStyling: IStyling, styles: Record<string, string>) => string;
-export declare const getLegend: (options: IOptions, clickHandler: (_e: any, legendItem: any) => void) => {
-    position: Position;
+export declare const getLegend: (options: IOptions, clickHandler: (_: UnusedParameter, legendItem: LegendItem) => void) => {
+    position: any;
     display: boolean | undefined;
-    align: string | undefined;
+    align: "end" | "start" | "center";
     labels: {
         boxHeight: number;
         boxWidth: number | undefined;
         usePointStyle: boolean | undefined;
     };
-    onClick: (_e: any, legendItem: any) => void;
+    onClick: (_: UnusedParameter, legendItem: LegendItem) => void;
 };
 export declare const afterLabelCallback: (tooltipItem: Record<string, any>) => string;
 export declare const getTooltipLabel: (tooltipItem: Record<string, any>, showLabelsInTooltips: boolean) => string;
 export declare const getChartFileName: (axes: IAxis[]) => string;
 export declare const setDefaultTheme: () => void;
-export declare const isNilOrEmpty: (value: any) => boolean;
+export declare const isNilOrEmpty: <T>(value: T | null | undefined) => boolean;
 export {};

package/dist/src/components/common/helpers/get-chart-annotation.d.ts

@@ -16,11 +16,6 @@ interface IOptions {
 interface IState {
     showAnnotationLineIndex?: number[];
 }
-/**
- * @param {ICommonChartOptions} options - chart options object
- * @param {IInitialState} state - chart state object controlled by useReducer or similar
- * @return {{annotations: []}}
- */
 declare const getAnnotation: (options: IOptions, state: IState) => {
     annotations: IAnnotationData | undefined;
 };

package/dist/src/components/common/helpers/get-draggableData.d.ts

@@ -1,18 +1,18 @@
 import { ICommonOptions } from '../common.interface';
+interface IDraggableDataOptions {
+    dragX: boolean;
+    dragY: boolean;
+    round: boolean;
+    showTooltip: boolean;
+    onDragStart: () => void;
+    onDrag: () => void;
+    onDragEnd: () => void;
+}
+interface IDraggableData {
+    dragData: IDraggableDataOptions;
+}
 /**
  * @param {ICommonChartOptions} options - line chart options object
  */
-declare const getDraggableData: (options: ICommonOptions) => {
-    dragData: {
-        dragX: boolean | undefined;
-        dragY: boolean | undefined;
-        round: boolean | undefined;
-        showTooltip: boolean | undefined;
-        onDragStart: () => void;
-        onDrag: () => void;
-        onDragEnd: () => void;
-    };
-} | {
-    dragData?: undefined;
-};
+declare const getDraggableData: (options: ICommonOptions) => IDraggableData | object;
 export default getDraggableData;

package/dist/src/components/common/helpers/range/estimate-data-series-have-close-values.d.ts

@@ -1,10 +1,8 @@
+import { TGeneratedLineChartDatasets } from '../../../line-chart/line-chart.interface';
 /**
  * Estimates whether any of the data series has values that are all close together
  * - checks only the first and last values in each series (i.e. assumes they are ordered)
  * - uses an equality check with tolerance for decimal precision noise
  * - this is just an inexpensive "guesstimate" (full min/max detection can be used afterwards)
- *
- * @param {Array} generatedDatasets chart dataset series with x, y points
- * @return {boolean} - at least one series has values that seem close together
  */
-export declare const estimateDataSeriesHaveCloseValues: (generatedDatasets: Array<any>) => boolean;
+export declare const estimateDataSeriesHaveCloseValues: (generatedDatasets: TGeneratedLineChartDatasets) => boolean;

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

@@ -13,7 +13,9 @@ export interface IAxesOptions {
     initialAxesRanges: IInitAxisRange[];
     axes: IAxisState[];
     controlsAxesLabels: IAxisControlLabel[];
-    onUpdateAxes: (axes: IAxisState) => void;
+    onUpdateAxes: ({ axes }: {
+        axes: IAxisState;
+    }) => void;
     onResetAxes: () => void;
     depthType?: IDepthType | object;
     close?: () => void;

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

@@ -1,16 +1,16 @@
 import { Dispatch, ReactNode, RefObject } from 'react';
 import { Chart } from 'chart.js';
-import { ILineChartDataset, ILineChartOptions } from '../line-chart.interface';
+import { ILineChartOptions, TGeneratedLineChartDatasets } from '../line-chart.interface';
 import { IState } from '../state/state.interfaces';
 export interface IControls {
     headerComponent?: ReactNode;
     subheaderComponent?: Element;
-    table?: Element;
+    table?: ReactNode;
     chartRef: RefObject<Chart>;
     state: IState;
     options: ILineChartOptions;
     dispatch: Dispatch<any>;
-    generatedDatasets: ILineChartDataset[];
+    generatedDatasets: TGeneratedLineChartDatasets;
     translations: Record<string, string>;
     controlsPortalId?: string;
 }

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

@@ -1,36 +1,32 @@
-import { Dispatch, RefObject } from 'react';
+import { Dispatch, KeyboardEvent, RefObject, SetStateAction } from 'react';
 import { Chart, ChartEvent } from 'chart.js';
-import { ICommonHoveredItems } from '../../common/common.interface';
-import { ILineChartDataset, ILineChartOptions } from '../line-chart.interface';
-import { InitialState, IState } from '../state/state.interfaces';
+import { ICommonDataValue, ICommonHoveredItems } from '../../common/common.interface';
+import { ILineChartOptions, TGeneratedLineChartDatasets } from '../line-chart.interface';
+import { IAxisState, IState } from '../state/state.interfaces';
 interface IUseChartFunctions {
     chartRef: RefObject<Chart>;
     state: IState;
     options: ILineChartOptions;
     dispatch: Dispatch<any>;
-    generatedDatasets: ILineChartDataset[];
+    generatedDatasets: TGeneratedLineChartDatasets;
 }
 /**
  * Custom hook that encapsulates the chart-related functions and their dependencies
- * @param {Object} chartRef - Chart reference
- * @param {Object} state - The component state
- * @param {Object} options - Chart options
- * @param {Function} dispatch - Dispatch function from useReducer
- * @param {Array} generatedDatasets - Chart datasets
- * @returns {Object} An object containing the chart-related functions
  */
 export declare const useChartFunctions: ({ chartRef, state, options, dispatch, generatedDatasets, }: IUseChartFunctions) => {
     resetZoom: () => void;
-    onHover: (hoveredPoint: any, setHoveredPoint: any) => (evt: ChartEvent, hoveredItems: ICommonHoveredItems[]) => void;
+    onHover: (hoveredPoint: ICommonDataValue | null, setHoveredPoint: Dispatch<SetStateAction<ICommonDataValue | null>>) => (evt: ChartEvent, hoveredItems: ICommonHoveredItems[]) => void;
     handleDownload: () => void;
-    handleKeyDown: (evt: any) => void;
-    handleKeyUp: (evt: any) => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+    handleKeyUp: (event: KeyboardEvent<HTMLDivElement>) => void;
     controlsAxesLabels: {
         id: string;
         label: string;
     }[];
     updateAxesRangesFromChart: () => void;
     onResetAxes: () => void;
-    onUpdateAxes: ({ axes }: InitialState) => void;
+    onUpdateAxes: ({ axes }: {
+        axes: IAxisState;
+    }) => void;
 };
 export {};

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

@@ -12,13 +12,6 @@ interface IUseChartState {
 }
 /**
  * Hook for managing the state of the chart.
- *
- * @param chartRef - The reference to the chart.
- * @param options - The chart options.
- * @param state - The chart state.
- * @param dispatch - The dispatch function for state management.
- * @param persistenceId - The chart persistenceId.
- * @param {ILineChartDataset[]} generatedDatasets - An array of generated datasets for the chart.
  */
 export declare const useChartState: ({ chartRef, options, state, dispatch, persistenceId, generatedDatasets, }: IUseChartState) => void;
 export {};

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

@@ -1 +1,4 @@
-export declare const useGeneratedLabels: (chartRef: any, generatedDatasets: Record<string, any>[]) => any[];
+import { RefObject } from 'react';
+import { Chart } from 'chart.js';
+import { TGeneratedLineChartDatasets } from '../line-chart.interface';
+export declare const useGeneratedLabels: (chartRef: RefObject<Chart>, generatedDatasets: TGeneratedLineChartDatasets) => any[];

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

@@ -1,5 +1,6 @@
 import { Dispatch, RefObject } from 'react';
-import { Chart, ChartEvent } from 'chart.js';
+import { Chart, LegendItem } from 'chart.js';
+import { UnusedParameter } from '../../common/common.interface';
 import { ILineChartOptions } from '../line-chart.interface';
 import { IState } from '../state/state.interfaces';
 export interface IUseLegendStateProps {
@@ -17,18 +18,18 @@ export type THiddenState = {
  * Custom hook to manage legend state.
  */
 export declare const useLegendState: ({ chartRef, options, state, dispatch, }: IUseLegendStateProps) => {
-    legendClick: (_e: ChartEvent, legendItem: any) => void;
+    legendClick: (_: UnusedParameter, legendItem: LegendItem) => void;
     hiddenStates: THiddenState[];
     legend: {
-        position: import("../../common/helpers/enums").Position;
+        position: any;
         display: boolean | undefined;
-        align: string | undefined;
+        align: "end" | "start" | "center";
         labels: {
             boxHeight: number;
             boxWidth: number | undefined;
             usePointStyle: boolean | undefined;
         };
-        onClick: (_e: any, legendItem: any) => void;
+        onClick: (_: any, legendItem: LegendItem) => void;
     };
     customLegendPlugin: {
         htmlLegend: {

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

@@ -1,7 +1,7 @@
 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 { ILineChartDataset, ILineChartOptions, TGeneratedLineChartDatasets } from '../line-chart.interface';
 import { Position } from '../../common/helpers/enums';
 export interface ILegendDropZone {
     position: Position;
@@ -30,7 +30,7 @@ export interface ILegend {
     state: IState;
     options: ILineChartOptions;
     dispatch: Dispatch<any>;
-    generatedDatasets: ILineChartDataset[];
+    generatedDatasets: TGeneratedLineChartDatasets;
     translations?: Record<string, string>;
 }
 export interface ILegendPanel extends ILegend {

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

@@ -1,4 +1,5 @@
-import { ICommonAnnotations, ICommonChartOptions, ICommonCustomLegend, ICommonData, ICommonDataset, ICommonDragData, ICommonInteractions, ICommonLegend, ICommonOptions, ICommonScales, ICommonStyling, ICommonTooltip } from '../common/common.interface';
+import { ReactNode } from 'react';
+import { ICommonAnnotations, ICommonChartOptions, ICommonCustomLegend, ICommonData, ICommonDataset, ICommonDataValue, ICommonDragData, ICommonInteractions, ICommonLegend, ICommonOptions, ICommonScales, ICommonStyling, ICommonTooltip } from '../common/common.interface';
 export interface ILChartOptions extends ICommonChartOptions {
     showPoints: boolean;
     closeOnOutsideClick: boolean;
@@ -35,16 +36,19 @@ export interface IUnitOptions {
     selectedUnit: string;
     setSelectedUnit: () => void;
 }
-export interface ILineChartAxis<PositionType> {
+export interface ILineChartAxis<PositionType = any> {
+    id?: string;
     label: string;
     position: PositionType;
     color: string | string[];
     unit?: IUnitOptions;
+    stepSize?: number;
+    gridLines?: ILineChartGraph;
 }
 export interface ILineChartAxes {
     x: ILineChartAxis<'top' | 'bottom'>[];
     y: ILineChartAxis<'left' | 'right'>[];
-    [key: string]: ILineChartAxis<any>[];
+    [key: string]: ILineChartAxis[];
 }
 export interface IDepthType {
     options: string[];
@@ -53,7 +57,7 @@ export interface IDepthType {
 }
 export interface ILineChartStyling extends ICommonStyling {
     squareAspectRatio?: number | boolean;
-    layoutPadding?: string | number | {
+    layoutPadding?: number | {
         top: number;
         bottom: number;
         left: number;
@@ -89,9 +93,10 @@ export interface ILineChartDataset extends ICommonDataset {
     pointHoverRadius?: number;
     pointHitRadius?: number;
     fill?: boolean;
+    xAxisID?: string;
     yAxisID?: string;
     formation?: boolean;
-    displayGroup?: any;
+    displayGroup?: boolean;
     pointStyle?: string;
 }
 export interface ILineChartData extends ICommonData {
@@ -104,5 +109,35 @@ export interface ILineChartData extends ICommonData {
 }
 export interface ILineChartProps {
     chart: ILineChartData;
-    table?: any;
+    table?: ReactNode;
+}
+export interface IGeneratedLineChartDataset {
+    label?: string;
+    data: ICommonDataValue[];
+    showLine?: boolean;
+    lineTension: number;
+    spanGaps: boolean;
+    borderWidth: number;
+    borderDash: number[];
+    borderJoinStyle: 'round' | 'bevel' | 'miter';
+    borderColor: string;
+    backgroundColor: string | string[];
+    pointBackgroundColor: string;
+    pointRadius: number;
+    pointHoverRadius: number;
+    pointHitRadius: number;
+    isAnnotation?: boolean;
+    annotationType?: string;
+    annotationIndex?: number;
+    annotationLabel?: string;
+    annotationBackgroundColor?: string;
+    annotationPointBackgroundColor?: string;
+    annotationBorderColor?: string;
+    annotationBorderDash?: number[];
+    annotationBorderWidth?: number;
+    displayGroup?: boolean;
+    hideLegend?: boolean;
+    xAxisID?: string;
+    yAxisID?: string;
 }
+export type TGeneratedLineChartDatasets = IGeneratedLineChartDataset[];

package/dist/src/components/line-chart/utils/axis-formatting/axis-formatting.d.ts

@@ -1 +1,2 @@
-export declare const formatAxisLabelNumbers: (tickValue: number, ticks: Array<any>) => string;
+import { Tick } from 'chart.js';
+export declare const formatAxisLabelNumbers: (tickValue: string | number, ticks: Tick[]) => string;

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

@@ -1,10 +1,11 @@
+import { RefObject } from 'react';
+import { Chart } from 'chart.js';
+import { ILineChartOptions, TGeneratedLineChartDatasets } from '../../line-chart.interface';
+import { IState } from '../../state/state.interfaces';
 /**
  * Auto scales axis ranges (mix, max) if no explicit range is set
  * - overrides some edge cases not handled well by default chart.js
  * - supports optional padding when `autoAxisPadding` is set
  * - otherwise does not set min/max (falls back to chart.js default)
- *
- * @function autoScale
- * @return {object} scales
  */
-export declare const autoScale: (options: any, state: any, generatedDatasets: any, chartRef: any) => any;
+export declare const autoScale: (options: ILineChartOptions, state: IState, generatedDatasets: TGeneratedLineChartDatasets, chartRef: RefObject<Chart>) => {};