@oliasoft-open-source/charts-library 4.3.0-beta-2 → 4.3.0-beta-4

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

@@ -52,6 +52,7 @@ export interface ICommonAnnotationsData {
     color: string;
     endValue: number;
     label: string;
+    labelConfig?: Record<string, any>;
     type: string;
     value: number;
     xMin: number;
@@ -62,9 +63,9 @@ export interface ICommonAnnotationsData {
     yValue?: number;
     radius?: number;
     enableDrag?: boolean;
-    onDragStart?: (coordinates: ICoordinates) => void;
-    onDrag?: (coordinates: ICoordinates) => void;
-    onDragEnd?: (coordinates: ICoordinates) => void;
+    onDragStart?: (coordinates: ICoordinates, annotation: ICommonAnnotationsData) => void;
+    onDrag?: (coordinates: ICoordinates, annotation: ICommonAnnotationsData) => void;
+    onDragEnd?: (coordinates: ICoordinates, annotation: ICommonAnnotationsData) => void;
 }
 export interface ICommonStyling {
     width?: number | string;

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

@@ -1,6 +1,7 @@
 export declare const BORDER_WIDTH: {
     INITIAL: number;
     HOVERED: number;
+    POINT_HOVERED: number;
 };
 export declare const BORDER_COLOR = "rgba(0,0,0,0.1)";
 export declare const ANNOTATION_DASH: number[];
@@ -10,6 +11,7 @@ export declare const DEFAULT_COLOR = "hsl(60, 10.34482759%, 12.5%)";
 export declare const LEGEND_LABEL_BOX_SIZE = 12;
 export declare const TOOLTIP_PADDING = 8;
 export declare const TOOLTIP_BOX_PADDING = 4;
+export declare const TRANSPARENT = "transparent";
 export declare const LOGARITHMIC_STEPS: number[];
 export declare const COLORS: string[];
 /**

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

@@ -18,7 +18,11 @@ export declare enum ChartType {
 }
 export declare enum CursorStyle {
     Pointer = "pointer",
-    Initial = "initial"
+    Initial = "initial",
+    Grab = "grab",
+    Grabbing = "grabbing",
+    Crosshair = "crosshair",
+    Move = "move"
 }
 export declare enum ScaleType {
     Category = "category",

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

@@ -14,19 +14,33 @@ declare const getAnnotation: ({ showAnnotations, annotationsData, }: IGetAnnotat
     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: boolean;
-        font: {
-            weight: string;
-        };
-        backgroundColor?: undefined;
-        position?: undefined;
+        position: any;
+        color: any;
+        font: any;
+        borderWidth: number;
+        padding: number;
+        borderRadius: number;
+        borderColor: any;
     };
     backgroundColor: string;
     borderColor: string;
@@ -44,13 +58,14 @@ declare const getAnnotation: ({ showAnnotations, annotationsData, }: IGetAnnotat
     }, { chart, }: {
         chart: TChart;
     }) => void;
-    onDragStart: () => (cord: ICoordinates) => void;
-    onDrag: () => (cord: ICoordinates) => void;
-    onDragEnd: () => (cord: ICoordinates) => void;
+    onDragStart: () => (cord: ICoordinates, annotation: ICommonAnnotationsData) => void;
+    onDrag: () => (cord: ICoordinates, annotation: ICommonAnnotationsData) => void;
+    onDragEnd: () => (cord: ICoordinates, annotation: ICommonAnnotationsData) => void;
     hideLegend?: boolean | undefined;
     annotationAxis: "x" | "y";
     color: string;
     endValue: number;
+    labelConfig?: Record<string, any> | undefined;
     value: number;
     xMin: number;
     xMax: number;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,9 @@
+import { Scale } from 'chart.js';
+import { ICommonAnnotationsData } from '../../common.interface';
+export interface IScales {
+    x: Scale;
+    y: Scale;
+}
+export declare const annotationLabel: (ctx: CanvasRenderingContext2D, annotations: Record<string, ICommonAnnotationsData & {
+    label: Record<string, any>;
+}>, scales: IScales) => void;

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

@@ -1259,6 +1259,7 @@ export namespace DragAnnotations {
                         xValue?: undefined;
                         yValue?: undefined;
                         radius?: undefined;
+                        labelConfig?: undefined;
                     } | {
                         enableDrag: boolean;
                         type: string;
@@ -1267,15 +1268,16 @@ export namespace DragAnnotations {
                         yMin: number;
                         yMax: number;
                         color: string;
-                        onDragStart: (cord: any) => void;
-                        onDrag: (cord: any) => void;
-                        onDragEnd: (cord: any) => void;
+                        onDragStart: (cord: any, ann: any) => void;
+                        onDrag: (cord: any, ann: any) => void;
+                        onDragEnd: (cord: any, ann: any) => void;
                         annotationAxis?: undefined;
                         label?: undefined;
                         value?: undefined;
                         xValue?: undefined;
                         yValue?: undefined;
                         radius?: undefined;
+                        labelConfig?: undefined;
                     } | {
                         enableDrag: boolean;
                         type: string;
@@ -1293,6 +1295,7 @@ export namespace DragAnnotations {
                         xValue?: undefined;
                         yValue?: undefined;
                         radius?: undefined;
+                        labelConfig?: undefined;
                     } | {
                         type: string;
                         enableDrag: boolean;
@@ -1300,11 +1303,15 @@ export namespace DragAnnotations {
                         yValue: number;
                         radius: number;
                         color: string;
+                        label: string;
+                        labelConfig: {
+                            font: string;
+                            color: string;
+                        };
                         onDragStart: (cord: any) => void;
                         onDrag: (cord: any) => void;
                         onDragEnd: (cord: any) => void;
                         annotationAxis?: undefined;
-                        label?: undefined;
                         value?: undefined;
                         xMin?: undefined;
                         xMax?: undefined;

package/package.json

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