@oliasoft-open-source/charts-library 4.7.3 → 4.7.4

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

@@ -76,6 +76,8 @@ export interface ICommonAnnotationsData {
         y?: [number, number];
     };
     displayDragCoordinates?: boolean;
+    xScaleID?: string;
+    yScaleID?: string;
 }
 export interface ICommonGradientColor {
     offset: number;

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

@@ -84,5 +84,7 @@ declare const getAnnotation: ({ showAnnotations, annotationsData, }: IGetAnnotat
         x?: [number, number] | undefined;
         y?: [number, number] | undefined;
     } | undefined;
+    xScaleID?: string | undefined;
+    yScaleID?: string | undefined;
 }[];
 export default getAnnotation;

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

@@ -2,6 +2,7 @@ import { ChartType, Plugin, Scale } from 'chart.js';
 export interface IScales {
     x: Scale;
     y: Scale;
+    [key: string]: Scale;
 }
 export interface AnnotationDraggerPluginOptions {
     enabled: boolean;

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

@@ -6,7 +6,7 @@ export declare const getMousePosition: (event: MouseEvent, canvas: HTMLCanvasEle
     x: number;
     y: number;
 };
-export declare const getMousePositionInCoordinates: (event: MouseEvent, canvas: HTMLCanvasElement, scales: IScales) => {
+export declare const getMousePositionInCoordinates: (event: MouseEvent, canvas: HTMLCanvasElement, scales: IScales, xScaleID: string, yScaleID: string) => {
     x: number;
     y: number;
 };
@@ -16,7 +16,7 @@ export declare const calculateAnnotationMetricsInValues: (annotation: ICommonAnn
     width: number | undefined;
     height: number | undefined;
 };
-export declare const calculateAnnotationMetricsInValuesInPixels: (annotation: ICommonAnnotationsData, scales: IScales) => {
+export declare const calculateAnnotationMetricsInValuesInPixels: (annotation: ICommonAnnotationsData, scales: IScales, xScaleID: string, yScaleID: string) => {
     centerX: number | undefined;
     centerY: number | undefined;
     width: number | undefined;
@@ -42,9 +42,11 @@ export interface IIsWithinChartAreaProps {
         y?: [number, number];
     } | null;
     annotationType: AnnotationType;
+    xScaleID: string;
+    yScaleID: string;
 }
-export declare const isWithinChartArea: ({ x, y, chartArea, scales, metrics, resizable, dragRange, annotationType, }: IIsWithinChartAreaProps) => boolean;
-export declare const updateAnnotationPositionWithinBounds: (axis: DragAxis, newPosition: number, activeAnnotation: ICommonAnnotationsData, chart: Chart, scales: IScales, metrics?: {
+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;

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

@@ -1554,35 +1554,131 @@ export namespace DragAnnotations {
     }
     export { args_46 as args };
 }
-export function ChartFillerPlugin(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace ChartFillerPlugin {
+export function MultiAxesDragAnnotations(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace MultiAxesDragAnnotations {
     export namespace args_47 {
         export namespace chart_45 {
+            export namespace data_25 {
+                let datasets_25: ({
+                    label: string;
+                    data: {
+                        x: number;
+                        y: number;
+                    }[];
+                    yAxisID?: undefined;
+                } | {
+                    label: string;
+                    data: {
+                        x: number;
+                        y: number;
+                    }[];
+                    yAxisID: string;
+                })[];
+                export { datasets_25 as datasets };
+            }
+            export { data_25 as data };
             export namespace options_38 {
+                let title_14: string;
+                export { title_14 as title };
+                export namespace axes_5 {
+                    let x_9: {
+                        label: string;
+                    }[];
+                    export { x_9 as x };
+                    let y_8: {
+                        label: string;
+                        position: string;
+                    }[];
+                    export { y_8 as y };
+                }
+                export { axes_5 as axes };
+                export namespace chartOptions_1 {
+                    let enableDragAnnotation_2: boolean;
+                    export { enableDragAnnotation_2 as enableDragAnnotation };
+                }
+                export { chartOptions_1 as chartOptions };
+                export namespace legend_6 {
+                    let display_3: boolean;
+                    export { display_3 as display };
+                }
+                export { legend_6 as legend };
                 export namespace additionalAxesOptions_7 {
                     export namespace range_4 {
-                        export namespace x_9 {
+                        namespace y2 {
                             let min_7: number;
                             export { min_7 as min };
                             let max_7: number;
                             export { max_7 as max };
                         }
-                        export { x_9 as x };
-                        export namespace y_8 {
+                    }
+                    export { range_4 as range };
+                }
+                export { additionalAxesOptions_7 as additionalAxesOptions };
+                export namespace annotations_6 {
+                    let showAnnotations_6: boolean;
+                    export { showAnnotations_6 as showAnnotations };
+                    let enableDragAnnotation_3: boolean;
+                    export { enableDragAnnotation_3 as enableDragAnnotation };
+                    let annotationsData_6: ({
+                        enableDrag: boolean;
+                        type: string;
+                        xMin: number;
+                        xMax: number;
+                        yMin: number;
+                        yMax: number;
+                        color: string;
+                        yScaleID?: undefined;
+                        resizable?: undefined;
+                    } | {
+                        enableDrag: boolean;
+                        yScaleID: string;
+                        resizable: boolean;
+                        type: string;
+                        xMin: number;
+                        xMax: number;
+                        yMin: number;
+                        yMax: number;
+                        color: string;
+                    })[];
+                    export { annotationsData_6 as annotationsData };
+                }
+                export { annotations_6 as annotations };
+            }
+            export { options_38 as options };
+        }
+        export { chart_45 as chart };
+    }
+    export { args_47 as args };
+}
+export function ChartFillerPlugin(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace ChartFillerPlugin {
+    export namespace args_48 {
+        export namespace chart_46 {
+            export namespace options_39 {
+                export namespace additionalAxesOptions_8 {
+                    export namespace range_5 {
+                        export namespace x_10 {
                             let min_8: number;
                             export { min_8 as min };
                             let max_8: number;
                             export { max_8 as max };
                         }
-                        export { y_8 as y };
+                        export { x_10 as x };
+                        export namespace y_9 {
+                            let min_9: number;
+                            export { min_9 as min };
+                            let max_9: number;
+                            export { max_9 as max };
+                        }
+                        export { y_9 as y };
                     }
-                    export { range_4 as range };
+                    export { range_5 as range };
                 }
-                export { additionalAxesOptions_7 as additionalAxesOptions };
+                export { additionalAxesOptions_8 as additionalAxesOptions };
             }
-            export { options_38 as options };
-            export namespace data_25 {
-                let datasets_25: {
+            export { options_39 as options };
+            export namespace data_26 {
+                let datasets_26: {
                     label: string;
                     showPoints: boolean;
                     backgroundColor: string;
@@ -1592,13 +1688,13 @@ export namespace ChartFillerPlugin {
                         y: number;
                     }[];
                 }[];
-                export { datasets_25 as datasets };
+                export { datasets_26 as datasets };
             }
-            export { data_25 as data };
+            export { data_26 as data };
         }
-        export { chart_45 as chart };
+        export { chart_46 as chart };
     }
-    export { args_47 as args };
+    export { args_48 as args };
 }
 import { LineChart } from './line-chart';
 declare namespace basicChart { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "4.7.3",
+  "version": "4.7.4",
   "description": "React Chart Library (based on Chart.js and react-chart-js-2)",
   "homepage": "https://gitlab.com/oliasoft-open-source/charts-library",
   "resolutions": {