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

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

@@ -0,0 +1,90 @@
+import { Chart } from 'chart.js';
+import { AnnotationType } from '../plugins/annotation-dragger-plugin/enums';
+import { Position } from './enums';
+import { ICommonAnnotationElement, ICommonAnnotationsData, ICoordinates } from '../common.interface';
+export interface IGetAnnotationsProps {
+    showAnnotations: boolean;
+    annotationsData: ICommonAnnotationsData[];
+}
+interface TChart extends Chart {
+    hoveredAnnotationId?: string | null;
+}
+declare const getAnnotation: ({ showAnnotations, annotationsData, }: IGetAnnotationsProps) => ICommonAnnotationElement[] | {
+    display: boolean | undefined;
+    annotationIndex: number;
+    id: string;
+    scaleID: "x" | "y";
+    label: {
+        content: string;
+        display: boolean;
+        font: {
+            weight: string;
+        };
+    } | {
+        backgroundColor: string;
+        content: string;
+        display: boolean;
+        position: Position;
+        color?: undefined;
+        font?: undefined;
+        borderWidth?: undefined;
+        padding?: undefined;
+        borderRadius?: undefined;
+        borderColor?: undefined;
+    } | {
+        backgroundColor: any;
+        content: string;
+        display: any;
+        position: any;
+        color: any;
+        font: any;
+        borderWidth: number;
+        padding: number;
+        borderRadius: number;
+        borderColor: any;
+    };
+    backgroundColor: string;
+    borderColor: string;
+    borderWidth: number;
+    borderDash: number[] | undefined;
+    type: AnnotationType;
+    adjustScaleRange: boolean;
+    enter: ({ element, }: {
+        element: ICommonAnnotationElement;
+    }, { chart, }: {
+        chart: TChart;
+    }) => void;
+    leave: ({ element, }: {
+        element: ICommonAnnotationElement;
+    }, { chart, }: {
+        chart: TChart;
+    }) => void;
+    onDragStart: () => (cord: ICoordinates, annotation: ICommonAnnotationsData) => void;
+    onDrag: () => (cord: ICoordinates, annotation: ICommonAnnotationsData) => void;
+    onDragEnd: () => (cord: ICoordinates, annotation: ICommonAnnotationsData) => void;
+    pointStyle: string;
+    resizable: boolean;
+    displayDragCoordinates: boolean;
+    hideLegend?: boolean;
+    annotationAxis: "x" | "y";
+    color: string;
+    endValue: number;
+    labelConfig?: Record<string, any>;
+    value: number;
+    xMin: number;
+    xMax: number;
+    yMin: number;
+    yMax: number;
+    xValue?: number;
+    yValue?: number;
+    radius?: number;
+    enableDrag?: boolean;
+    dragAxis?: import('../plugins/annotation-dragger-plugin/enums').DragAxis;
+    dragRange?: {
+        x?: [number, number];
+        y?: [number, number];
+    };
+    xScaleID?: string;
+    yScaleID?: string;
+}[];
+export default getAnnotation;

package/dist/src/components/common/helpers/get-custom-legend-plugin-example.d.ts

@@ -0,0 +1,8 @@
+import { Chart, ChartConfiguration, Plugin } from 'chart.js';
+/**
+ * Gets an example custom legend plugin for use in storybook.
+ * @param {string} customLegendContainerID - the id of the div container to put the generated legend in
+ */
+export declare const getCustomLegendPlugin: (customLegendContainerID: string) => {
+    afterUpdate(chart: Chart, _args: Plugin, _options: ChartConfiguration): void;
+};

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

@@ -0,0 +1,18 @@
+import { ICommonOptions } from '../common.interface';
+export interface IDraggableDataOptions {
+    dragX: boolean;
+    dragY: boolean;
+    round: boolean;
+    showTooltip: boolean;
+    onDragStart: () => void;
+    onDrag: () => void;
+    onDragEnd: () => void;
+}
+export interface IDraggableData {
+    dragData: IDraggableDataOptions;
+}
+/**
+ * @param {ICommonChartOptions} options - line chart options object
+ */
+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

@@ -0,0 +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)
+ */
+export declare const estimateDataSeriesHaveCloseValues: (generatedDatasets: TGeneratedLineChartDatasets) => boolean;

package/dist/src/components/common/helpers/range/range.d.ts

@@ -0,0 +1,33 @@
+interface IGetSuggestedAxisRange {
+    data: number[];
+    beginAtZero: boolean;
+    autoAxisPadding: boolean;
+}
+/**
+ * Overrides the default chart.js axis range for some edge-cases:
+ * - when no data -> default range
+ * - when all values are close to zero -> default range
+ * - when all values are close to each other -> custom 5% padding
+ * - when autoAxisPadding is set -> custom 5% padding
+ * - all other cases fall back to chart.js default behaviour
+ *
+ * `autoAxisPadding` feature requirements:
+ * - specified by Truls and ported by Mark+Oleg
+ * - numbers that are equal (within tolerance) shall be presented as a straight line
+ * - all other data series shall use 90% of width of axis (5% padding each side)
+ * - the padding on each side shall be symmetric
+ *
+ * @param {object} args
+ * @param {array<number|null>} args.data
+ * @param {boolean} [args.beginAtZero]
+ * @param {boolean>} [args.autoAxisPadding]
+ * @returns {object} returns {min, max} pair
+ */
+export declare const getSuggestedAxisRange: ({ data, beginAtZero, autoAxisPadding, }: IGetSuggestedAxisRange) => {
+    min: number;
+    max: number;
+} | {
+    min: undefined;
+    max: undefined;
+};
+export {};

package/dist/src/components/common/helpers/text.d.ts

@@ -0,0 +1 @@
+export declare const getTextWidth: (text: string, font: string) => number | undefined;

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

@@ -0,0 +1,4 @@
+import { ICommonAnnotationElement } from '../common.interface';
+export declare const toAnnotationObject: (annotationArr?: ICommonAnnotationElement[]) => {
+    annotations: {};
+};

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

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

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

@@ -0,0 +1,28 @@
+import { RefObject } from 'react';
+import { Chart, LegendItem } from 'chart.js';
+import { UnusedParameter } from '../common.interface';
+export interface IUseLegendStateProps {
+    chartRef: RefObject<Chart>;
+    options: any;
+}
+/**
+ * Custom hook to manage legend state.
+ */
+export declare const useLegendState: ({ chartRef, options }: IUseLegendStateProps) => {
+    legendClick: (_: UnusedParameter, legendItem: LegendItem) => void;
+    annotation: import('../common.interface').ICommonAnnotationElement[];
+    legend: {
+        position: any;
+        display: boolean | undefined;
+        align: "center" | "start" | "end";
+        labels: {
+            boxHeight: number;
+            boxWidth: number | undefined;
+            usePointStyle: boolean | undefined;
+        };
+        onClick: (_: UnusedParameter, legendItem: LegendItem) => void;
+    };
+    customLegendPlugin: {
+        htmlLegend: any;
+    };
+};

package/dist/src/components/common/hooks/use-legend.d.ts

@@ -0,0 +1,4 @@
+export declare const useLegend: () => {
+    state: import('../legend-component/state/legend-state-reducer').ILegendState;
+    dispatch: React.Dispatch<any>;
+};

package/dist/src/components/common/hooks/use-reset.d.ts

@@ -0,0 +1,3 @@
+import { Dispatch } from 'react';
+import { ILegendState } from '../legend-component/state/legend-state-reducer';
+export declare const useReset: (state: ILegendState, dispatch: Dispatch<any>, dependencies: any[]) => void;

package/dist/src/components/common/legend-component/legend-dropzone.d.ts

@@ -0,0 +1,3 @@
+import { ILegendDropZones } from './legend-interface';
+declare const LegendDropZones: (legendDropZonesProps: ILegendDropZones) => import("react/jsx-runtime").JSX.Element;
+export default LegendDropZones;

package/dist/src/components/common/legend-component/legend-interface.d.ts

@@ -0,0 +1,48 @@
+import { MouseEventHandler, RefObject } from 'react';
+import { Chart, ChartArea } from 'chart.js';
+import { IGeneratedScatterChartDataset, TGeneratedScatterChartDatasets, IScatterOptions } from '../../scatter-chart/scatter-chart.interface';
+import { Position } from '../helpers/enums';
+import { IGeneratedLineChartDataset, ILineChartOptions, TGeneratedLineChartDatasets } from '../../line-chart/line-chart.interface';
+import { IBarOptions, IGenerateBarChartDataset, TGenerateBarChartDatasets } from '../../bar-chart/bar-chart.interface';
+import { IGeneratedPieChartDataset, IPieOptions, TGeneratedPieChartDatasets } from '../../pie-chart/pie-chart.interface';
+import { ChartType } from '../enums';
+export interface ILegendDropZone {
+    position: Position;
+    onDrop: () => void;
+    placeholderSize?: {
+        width?: number;
+        height?: number;
+    };
+}
+export interface ILegendDropZones {
+    chartArea?: ChartArea;
+    setLegendPosition: (position: Position) => void;
+    isDragging: boolean;
+    placeholderSize?: {
+        width?: number;
+        height?: number;
+    };
+}
+export type TLegendDataset = IGeneratedLineChartDataset | IGenerateBarChartDataset | IGeneratedPieChartDataset | IGeneratedScatterChartDataset;
+export type TLegendDatasets = TGeneratedLineChartDatasets | TGenerateBarChartDatasets | TGeneratedPieChartDatasets | TGeneratedScatterChartDatasets;
+export type TChartsOption = ILineChartOptions | IBarOptions | IPieOptions | IScatterOptions;
+export interface ILegendItem {
+    hidden: boolean;
+    dataset: TLegendDataset;
+    handleClick: MouseEventHandler<HTMLDivElement>;
+    chartType: ChartType;
+    index: number;
+}
+export interface ILegendConfig {
+    options: TChartsOption;
+    generatedDatasets: TLegendDatasets;
+    chartType: ChartType;
+}
+export interface ILegend {
+    chartRef: RefObject<Chart>;
+    legendConfig: ILegendConfig;
+}
+export interface ILegendPanel extends ILegend {
+    legendPosition: Position;
+    isDragging: boolean;
+}

package/dist/src/components/common/legend-component/legend-item/LegendItemLine.d.ts

@@ -0,0 +1,5 @@
+import { IGeneratedLineChartDataset } from '../../../line-chart/line-chart.interface';
+export interface ILineLegendItemProp {
+    dataset: IGeneratedLineChartDataset;
+}
+export declare const LegendItemLine: ({ dataset }: Record<string, any>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/common/legend-component/legend-item/legend-item.d.ts

@@ -0,0 +1,3 @@
+import { ILegendItem } from '../legend-interface';
+declare const LegendItem: ({ hidden, dataset, handleClick, chartType, index, }: ILegendItem) => import("react/jsx-runtime").JSX.Element;
+export default LegendItem;

package/dist/src/components/common/legend-component/legend-panel.d.ts

@@ -0,0 +1,3 @@
+import { ILegendPanel } from './legend-interface';
+declare const LegendPanel: import('react').ForwardRefExoticComponent<ILegendPanel & import('react').RefAttributes<HTMLDivElement>>;
+export default LegendPanel;

package/dist/src/components/common/legend-component/legend.d.ts

@@ -0,0 +1,3 @@
+import { ILegend } from './legend-interface';
+declare const Legend: ({ chartRef, legendConfig }: ILegend) => import("react/jsx-runtime").JSX.Element;
+export default Legend;

package/dist/src/components/common/legend-component/state/legend-action-types.d.ts

@@ -0,0 +1,2 @@
+export declare const TOGGLE_DATA_VISIBILITY = "TOGGLE_DATA_VISIBILITY";
+export declare const RESET_STATE = "RESET_STATE";

package/dist/src/components/common/legend-component/state/legend-context.d.ts

@@ -0,0 +1,12 @@
+import { default as React, ReactNode } from 'react';
+import { ILegendState } from './legend-state-reducer';
+import { TChartsOption } from '../legend-interface';
+export declare const LegendContext: React.Context<{
+    state: ILegendState;
+    dispatch: React.Dispatch<any>;
+} | undefined>;
+export interface ILegendProviderProps {
+    children: ReactNode;
+    options: TChartsOption;
+}
+export declare const LegendProvider: ({ children, options }: ILegendProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/common/legend-component/state/legend-state-reducer.d.ts

@@ -0,0 +1,26 @@
+import { Chart } from 'chart.js';
+import { TLegendDataset, TLegendDatasets } from '../legend-interface';
+import { RESET_STATE, TOGGLE_DATA_VISIBILITY } from './legend-action-types';
+import { ICommonAnnotationElement } from '../../common.interface';
+export interface ILegendState {
+    annotation: ICommonAnnotationElement[];
+}
+export type TLegendAction = {
+    type: typeof TOGGLE_DATA_VISIBILITY;
+    payload: {
+        chartInstance: Chart;
+        dsConfig: {
+            datasetIndex: number;
+            dataset: TLegendDataset;
+            datasets: TLegendDatasets;
+        };
+        annotationConfig: {
+            annotationIndex: number;
+        };
+    };
+} | {
+    type: typeof RESET_STATE;
+    payload: ILegendState;
+};
+export declare const legendInitialState: ILegendState;
+export declare const legendReducer: (state: ILegendState, action: TLegendAction) => ILegendState;

package/dist/src/components/common/legend-component/utils/create-style-object.d.ts

@@ -0,0 +1,27 @@
+import { Position } from '../../helpers/enums';
+export declare const LEGEND_MARGIN = 4;
+interface IChartArea {
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+}
+interface IChart {
+    height?: number;
+    width?: number;
+    chartArea: IChartArea;
+}
+interface ILegendStyle {
+    left: number | undefined;
+    right: number | undefined;
+    top: number | undefined;
+    bottom: number | undefined;
+    maxHeight: number;
+    maxWidth: number;
+    margin: number;
+}
+/**
+ * Creates a style object for positioning and sizing the legend panel based on the chart dimensions and legend position.
+ */
+export declare const createLegendStyle: (legendPosition: Position, chart: IChart | null) => ILegendStyle;
+export {};

package/dist/src/components/common/legend-component/utils/get-generated-labels.d.ts

@@ -0,0 +1,2 @@
+import { Chart, LegendItem } from 'chart.js';
+export declare const getGeneratedLabels: (chart: Chart) => LegendItem[];

package/dist/src/components/common/plugins/annotation-dragger-plugin/annotation-dragger-plugin.d.ts

@@ -0,0 +1,15 @@
+import { ChartType, Plugin, Scale } from 'chart.js';
+export interface IScales {
+    x: Scale;
+    y: Scale;
+    [key: string]: Scale;
+}
+export interface AnnotationDraggerPluginOptions {
+    enabled: boolean;
+}
+declare module 'chart.js' {
+    interface PluginOptionsByType<TType extends ChartType> {
+        annotationDraggerPlugin?: AnnotationDraggerPluginOptions;
+    }
+}
+export declare const annotationDraggerPlugin: Plugin;

package/dist/src/components/common/plugins/annotation-dragger-plugin/enums.d.ts

@@ -0,0 +1,20 @@
+export declare enum FontStyle {
+    DEFAULT = "14px Arial",
+    CUSTOM = "16px Arial"
+}
+export declare enum MouseEvents {
+    MOUSEDOWN = "mousedown",
+    MOUSEMOVE = "mousemove",
+    MOUSEUP = "mouseup"
+}
+export declare enum AnnotationType {
+    POINT = "point",
+    BOX = "box",
+    LINE = "line",
+    ELLIPSE = "ellipse"
+}
+export declare enum DragAxis {
+    X = "x",
+    Y = "y",
+    Both = "both"
+}

package/dist/src/components/common/plugins/annotation-dragger-plugin/event-helpers.d.ts

@@ -0,0 +1,6 @@
+import { Chart } from 'chart.js';
+import { IScales } from './annotation-dragger-plugin';
+import { ICommonAnnotationsData } from '../../common.interface';
+export declare const handleAnnotationMouseDown: (event: MouseEvent, canvas: HTMLCanvasElement, scales: IScales, annotations: Record<string, ICommonAnnotationsData>, setDraggingState: (isDragging: boolean, annotation: ICommonAnnotationsData | null, dragStartX: number, dragStartY: number) => void, hoveredAnnotationId: string | null) => void;
+export declare const handleAnnotationMouseMove: (event: MouseEvent, canvas: HTMLCanvasElement, scales: IScales, isDragging: boolean, activeAnnotation: ICommonAnnotationsData | null, dragStartX: number, dragStartY: number, chart: Chart) => void;
+export declare const handleAnnotationMouseUp: (isDragging: boolean, activeAnnotation: ICommonAnnotationsData | null, chart: Chart, canvas: HTMLCanvasElement, setDraggingState: (isDragging: boolean, annotation: ICommonAnnotationsData | null) => void) => void;

package/dist/src/components/common/plugins/annotation-dragger-plugin/helpers.d.ts

@@ -0,0 +1,53 @@
+import { Chart } from 'chart.js';
+import { ICommonAnnotationsData } from '../../common.interface';
+import { IScales } from './annotation-dragger-plugin';
+import { AnnotationType, DragAxis } from './enums';
+export declare const getMousePosition: (event: MouseEvent, canvas: HTMLCanvasElement) => {
+    x: number;
+    y: number;
+};
+export declare const getMousePositionInCoordinates: (event: MouseEvent, canvas: HTMLCanvasElement, scales: IScales, xScaleID: string, yScaleID: string) => {
+    x: number;
+    y: number;
+};
+export declare const calculateAnnotationMetricsInValues: (annotation: ICommonAnnotationsData) => {
+    centerX: number | undefined;
+    centerY: number | undefined;
+    width: number | undefined;
+    height: number | undefined;
+};
+export declare const calculateAnnotationMetricsInValuesInPixels: (annotation: ICommonAnnotationsData, scales: IScales, xScaleID: string, yScaleID: string) => {
+    centerX: number | undefined;
+    centerY: number | undefined;
+    width: number | undefined;
+    height: number | undefined;
+};
+export interface IIsWithinChartAreaProps {
+    x?: number;
+    y?: number;
+    chartArea: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    scales: IScales;
+    metrics: {
+        width?: number;
+        height?: number;
+    };
+    resizable?: boolean;
+    dragRange?: {
+        x?: [number, number];
+        y?: [number, number];
+    } | null;
+    annotationType: AnnotationType;
+    xScaleID: string;
+    yScaleID: string;
+}
+export declare const isWithinChartArea: ({ x, y, chartArea, scales, metrics, resizable, dragRange, annotationType, xScaleID, yScaleID, }: IIsWithinChartAreaProps) => boolean;
+export declare const updateAnnotationPositionWithinBounds: (axis: DragAxis, newPosition: number, activeAnnotation: ICommonAnnotationsData, chart: Chart, scales: IScales, xScaleID: string, yScaleID: string, metrics?: {
+    width?: number;
+    height?: number;
+}) => void;
+export declare const setAnnotationBorderWidth: (chart: Chart, annotationId?: string, borderWidth?: number) => void;

package/dist/src/components/common/plugins/annotation-dragger-plugin/point-annotation-label.d.ts

@@ -0,0 +1,5 @@
+import { IScales } from './annotation-dragger-plugin';
+import { ICommonAnnotationsData } from '../../common.interface';
+export declare const annotationLabel: (ctx: CanvasRenderingContext2D, annotations: Record<string, ICommonAnnotationsData & {
+    label: Record<string, any>;
+}>, scales: IScales) => void;

package/dist/src/components/common/plugins/gradient-background-plugin/enums.d.ts

@@ -0,0 +1,10 @@
+export declare enum GradientDirection {
+    TopToBottom = 0,
+    BottomToTop = 1,
+    LeftToRight = 2,
+    RightToLeft = 3,
+    TopLeftToBottomRight = 4,
+    BottomRightToTopLeft = 5,
+    BottomLeftToTopRight = 6,
+    TopRightToBottomLeft = 7
+}

package/dist/src/components/common/plugins/gradient-background-plugin/gradient-background-plugin.d.ts

@@ -0,0 +1,2 @@
+import { Plugin } from 'chart.js';
+export declare const gradientBackgroundPlugin: Plugin<'bubble'>;

package/dist/src/components/line-chart/constants/default-translations.d.ts

@@ -0,0 +1,25 @@
+export declare enum defaultTranslations {
+    label = "Label",
+    pointsLines = "Points & lines",
+    linesOnly = "Lines only",
+    pointsOnly = "Points only",
+    axesOptions = "Axes options",
+    resetAxes = "Reset Axes",
+    done = "Done",
+    downloadAsPNG = "Download as PNG",
+    showChart = "Show chart",
+    showTable = "Show table",
+    dragToZoom = "Drag to zoom",
+    dragToPan = "Drag to pan",
+    dragToMovePoints = "Drag to move points",
+    dragToMoveAnnotation = "Drag to move annotation",
+    dragDisabled = "Drag disabled",
+    hideLegend = "Hide Legend",
+    showLegend = "Show Legend",
+    mustHaveAValue = "Must have a value",
+    mustBeANumber = "Must be a number",
+    mustBeLessThanMax = "Must be less than max",
+    mustBeGreaterThanMin = "Must be greater than min",
+    doubleClickToReset = "Double click on canvas to reset",
+    orDoubleClickToCanvas = "or double click on canvas"
+}

package/dist/src/components/line-chart/constants/line-chart-consts.d.ts

@@ -0,0 +1,13 @@
+export declare const DEFAULT_POINT_RADIUS = 2;
+export declare const DEFAULT_HOVER_RADIUS = 5;
+export declare const DEFAULT_BORDER_WIDTH = 1;
+export declare const BORDER_JOIN_STYLE = "round";
+export declare const DEFAULT_BACKGROUND_COLOR = "transparent";
+export declare const ZOOM_BOX_BACKGROUND_COLOR = "rgba(0, 0, 0, 0.1)";
+export declare const DOUBLE_CLICK = "dblclick";
+export declare const INIT_KEYS: {
+    TRANSLATIONS: string;
+    LANGUAGE_KEY: string;
+};
+export declare const LOWER_BOUND = 0.0001;
+export declare const UPPER_BOUND = 10000000;

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

@@ -0,0 +1,5 @@
+export declare enum actionTypes {
+    Reset = "reset",
+    ValueUpdated = "valueUpdated",
+    UnitUpdated = "unitUpdated"
+}

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

@@ -0,0 +1,23 @@
+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
+ *
+ * @param {Object} args
+ * @param {Object} args.initialAxesRanges
+ * @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;
+};
+/**
+ * Local component form state reducer for a axes options form
+ *
+ * @param {Object} state Local component form state
+ * @param {Action} action Action with type and payload
+ * @returns {Object} FormState
+ */
+export declare const reducer: (state: IFormState, action: IAction) => IInitializeAxisFormState;

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

@@ -0,0 +1,54 @@
+import { IUnitOptions } from '../../line-chart.interface.ts';
+import { IAxisState, IInitAxisRange } from '../../state/state.interfaces.ts';
+export interface IDepthType {
+    selectedDepthType?: string;
+    setSelectedDepthType?: (type: string) => void;
+    options?: Array<string>;
+}
+export interface IAxisControlLabel {
+    id: string;
+    label: string;
+}
+export interface IAxesOptions {
+    initialAxesRanges: IInitAxisRange[];
+    axes: IAxisState[];
+    controlsAxesLabels: IAxisControlLabel[];
+    onUpdateAxes: ({ axes }: {
+        axes: IAxisState;
+    }) => void;
+    onResetAxes: () => void;
+    depthType?: IDepthType | object;
+    close?: () => void;
+}
+export interface IOnEdit {
+    name?: string;
+    value?: string;
+    id?: string;
+}
+export interface IAxisFormState {
+    id: string;
+    min: number | string;
+    max: number | string;
+    unit?: string | IUnitOptions;
+}
+export type IInitializeAxisFormState = IAxisFormState[];
+export interface IError {
+    id: string;
+    min: string[];
+    max: string[];
+}
+export interface IFormState extends IInitializeAxisFormState {
+    errors?: IError[];
+    valid?: boolean;
+}
+type ActionType = 'reset' | 'valueUpdated' | 'unitUpdated';
+export type AxisKey = 'min' | 'max' | 'unit';
+interface ActionPayload extends IOnEdit {
+    initialAxesRanges?: IInitAxisRange[];
+    axes?: IAxisState[];
+}
+export interface IAction {
+    type: ActionType;
+    payload: ActionPayload;
+}
+export {};

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

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

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

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