@oliasoft-open-source/charts-library 5.9.0-beta-7 → 5.9.0-beta-8

package/dist/index.d.ts

@@ -904,6 +904,22 @@ export declare type UnusedParameter = unknown | any;
 export { }
 
 
+declare module 'chart.js' {
+    interface PluginOptionsByType<TType extends ChartType> {
+        annotationDraggerPlugin?: AnnotationDraggerPluginOptions;
+    }
+}
+
+
+declare module 'chart.js' {
+    interface PluginOptionsByType<TType extends ChartType> {
+        calloutConnectorPlugin?: {
+            enableCalloutAnnotation?: boolean;
+        };
+    }
+}
+
+
 /**
  * Vertical Markers Plugin
  *
@@ -955,19 +971,3 @@ declare module 'chart.js' {
         } | TVerticalMarkersOptions;
     }
 }
-
-
-declare module 'chart.js' {
-    interface PluginOptionsByType<TType extends ChartType> {
-        annotationDraggerPlugin?: AnnotationDraggerPluginOptions;
-    }
-}
-
-
-declare module 'chart.js' {
-    interface PluginOptionsByType<TType extends ChartType> {
-        calloutConnectorPlugin?: {
-            enableCalloutAnnotation?: boolean;
-        };
-    }
-}

package/dist/index.js

@@ -18627,6 +18627,146 @@ function drawElement(ctx, chartArea, state, item) {
 		invokeHook(state, el, "afterDraw");
 	} else el.draw(ctx, chartArea);
 }
+var MouseEvents = /* @__PURE__ */ function(MouseEvents) {
+	MouseEvents["MOUSEDOWN"] = "mousedown";
+	MouseEvents["MOUSEMOVE"] = "mousemove";
+	MouseEvents["MOUSEUP"] = "mouseup";
+	return MouseEvents;
+}({});
+var AnnotationType$1 = /* @__PURE__ */ function(AnnotationType) {
+	AnnotationType["POINT"] = "point";
+	AnnotationType["BOX"] = "box";
+	AnnotationType["LINE"] = "line";
+	AnnotationType["ELLIPSE"] = "ellipse";
+	AnnotationType["LABEL"] = "label";
+	return AnnotationType;
+}({});
+var DragAxis = /* @__PURE__ */ function(DragAxis) {
+	DragAxis["X"] = "x";
+	DragAxis["Y"] = "y";
+	DragAxis["Both"] = "both";
+	return DragAxis;
+}({});
+//#endregion
+//#region src/components/common/plugins/gradient-background-plugin/enums.ts
+var GradientDirection = /* @__PURE__ */ function(GradientDirection) {
+	GradientDirection[GradientDirection["TopToBottom"] = 0] = "TopToBottom";
+	GradientDirection[GradientDirection["BottomToTop"] = 1] = "BottomToTop";
+	GradientDirection[GradientDirection["LeftToRight"] = 2] = "LeftToRight";
+	GradientDirection[GradientDirection["RightToLeft"] = 3] = "RightToLeft";
+	GradientDirection[GradientDirection["TopLeftToBottomRight"] = 4] = "TopLeftToBottomRight";
+	GradientDirection[GradientDirection["BottomRightToTopLeft"] = 5] = "BottomRightToTopLeft";
+	GradientDirection[GradientDirection["BottomLeftToTopRight"] = 6] = "BottomLeftToTopRight";
+	GradientDirection[GradientDirection["TopRightToBottomLeft"] = 7] = "TopRightToBottomLeft";
+	return GradientDirection;
+}({});
+//#endregion
+//#region src/components/common/enums.ts
+var AxisType = /* @__PURE__ */ function(AxisType) {
+	AxisType["X"] = "x";
+	AxisType["Y"] = "y";
+	return AxisType;
+}({});
+var Position = /* @__PURE__ */ function(Position) {
+	Position["Bottom"] = "bottom";
+	Position["Top"] = "top";
+	Position["Left"] = "left";
+	Position["Right"] = "right";
+	Position["TopRight"] = "top-right";
+	Position["TopLeft"] = "top-left";
+	Position["BottomLeft"] = "bottom-left";
+	Position["BottomRight"] = "bottom-right";
+	return Position;
+}({});
+var ChartType = /* @__PURE__ */ function(ChartType) {
+	ChartType["LINE"] = "line";
+	ChartType["BAR"] = "bar";
+	ChartType["PIE"] = "pie";
+	ChartType["SCATTER"] = "scatter";
+	ChartType["Line"] = "line";
+	ChartType["Bar"] = "bar";
+	ChartType["Pie"] = "pie";
+	ChartType["Scatter"] = "scatter";
+	return ChartType;
+}({});
+var CursorStyle = /* @__PURE__ */ function(CursorStyle) {
+	CursorStyle["Pointer"] = "pointer";
+	CursorStyle["Initial"] = "initial";
+	CursorStyle["Grab"] = "grab";
+	CursorStyle["Grabbing"] = "grabbing";
+	CursorStyle["Crosshair"] = "crosshair";
+	CursorStyle["Move"] = "move";
+	return CursorStyle;
+}({});
+var ScaleType = /* @__PURE__ */ function(ScaleType) {
+	ScaleType["Category"] = "category";
+	ScaleType["Linear"] = "linear";
+	ScaleType["Logarithmic"] = "logarithmic";
+	return ScaleType;
+}({});
+var ChartDirection = /* @__PURE__ */ function(ChartDirection) {
+	ChartDirection["VERTICAL"] = "vertical";
+	ChartDirection["HORIZONTAL"] = "horizontal";
+	ChartDirection["Vertical"] = "vertical";
+	ChartDirection["Horizontal"] = "horizontal";
+	return ChartDirection;
+}({});
+var TooltipLabel = /* @__PURE__ */ function(TooltipLabel) {
+	TooltipLabel["Y"] = "yLabel";
+	TooltipLabel["X"] = "xLabel";
+	return TooltipLabel;
+}({});
+var AlignOptions = /* @__PURE__ */ function(AlignOptions) {
+	AlignOptions["End"] = "end";
+	AlignOptions["Start"] = "start";
+	AlignOptions["Center"] = "center";
+	AlignOptions["Right"] = "right";
+	AlignOptions["Left"] = "left";
+	return AlignOptions;
+}({});
+var PointType = /* @__PURE__ */ function(PointType) {
+	PointType["Casing"] = "casing";
+	return PointType;
+}({});
+var AnnotationType = /* @__PURE__ */ function(AnnotationType) {
+	AnnotationType["Box"] = "box";
+	AnnotationType["Ellipse"] = "ellipse";
+	AnnotationType["Line"] = "line";
+	AnnotationType["Text"] = "text";
+	AnnotationType["Label"] = "label";
+	return AnnotationType;
+}({});
+var PointStyle = /* @__PURE__ */ function(PointStyle) {
+	PointStyle["Circle"] = "circle";
+	PointStyle["Square"] = "rect";
+	PointStyle["Diamond"] = "rectRot";
+	PointStyle["Triangle"] = "triangle";
+	return PointStyle;
+}({});
+var ChartHoverMode = /* @__PURE__ */ function(ChartHoverMode) {
+	ChartHoverMode["Nearest"] = "nearest";
+	return ChartHoverMode;
+}({});
+var PanZoomMode = /* @__PURE__ */ function(PanZoomMode) {
+	PanZoomMode["X"] = "x";
+	PanZoomMode["Y"] = "y";
+	PanZoomMode["XY"] = "xy";
+	PanZoomMode["Z"] = "z";
+	return PanZoomMode;
+}({});
+var Key = /* @__PURE__ */ function(Key) {
+	Key["Shift"] = "Shift";
+	return Key;
+}({});
+var Events = /* @__PURE__ */ function(Events) {
+	Events["Mousemove"] = "mousemove";
+	Events["Mouseout"] = "mouseout";
+	Events["Click"] = "click";
+	Events["Touchstart"] = "touchstart";
+	Events["Touchmove"] = "touchmove";
+	Events["Dblclick"] = "dblclick";
+	return Events;
+}({});
 //#endregion
 //#region src/components/line-chart/plugins/line-chart.minor-gridlines-plugin.ts
 var MINOR_TICKS_PER_MAJOR = 10;
@@ -18639,7 +18779,7 @@ var getLargestMajorTickWidth = (majorTickPositions) => {
 };
 var isValidPosition = (minorTickPosition, majorTickPositions, scale) => {
 	const { axis, left, top, right, bottom } = scale ?? {};
-	const isHorizontal = axis === "x";
+	const isHorizontal = axis === AxisType.X;
 	const start = isHorizontal ? left : top;
 	const end = isHorizontal ? right : bottom;
 	const isAfterStart = minorTickPosition > start;
@@ -18665,7 +18805,7 @@ var drawMinorTicksForScale = (scale) => {
 	const config = chart?.config;
 	if (!config?.options?.scales?.[scale?.id]?.grid?.drawOnChartArea) return;
 	if (config?.options?.indexAxis === scale?.axis) return;
-	const isHorizontal = scale?.axis === "x";
+	const isHorizontal = scale?.axis === AxisType.X;
 	const majorTickPositions = scale?.ticks?.map((_, index) => scale?.getPixelForTick(index))?.sort((a, b) => a - b);
 	const minorTickPositions = getMinorTickPositions(majorTickPositions, scale);
 	ctx?.save?.();
@@ -18770,146 +18910,6 @@ var GRADIENT_COLORS = [
 		color: "rgba(255,182,193,0.8)"
 	}
 ];
-var MouseEvents = /* @__PURE__ */ function(MouseEvents) {
-	MouseEvents["MOUSEDOWN"] = "mousedown";
-	MouseEvents["MOUSEMOVE"] = "mousemove";
-	MouseEvents["MOUSEUP"] = "mouseup";
-	return MouseEvents;
-}({});
-var AnnotationType$1 = /* @__PURE__ */ function(AnnotationType) {
-	AnnotationType["POINT"] = "point";
-	AnnotationType["BOX"] = "box";
-	AnnotationType["LINE"] = "line";
-	AnnotationType["ELLIPSE"] = "ellipse";
-	AnnotationType["LABEL"] = "label";
-	return AnnotationType;
-}({});
-var DragAxis = /* @__PURE__ */ function(DragAxis) {
-	DragAxis["X"] = "x";
-	DragAxis["Y"] = "y";
-	DragAxis["Both"] = "both";
-	return DragAxis;
-}({});
-//#endregion
-//#region src/components/common/plugins/gradient-background-plugin/enums.ts
-var GradientDirection = /* @__PURE__ */ function(GradientDirection) {
-	GradientDirection[GradientDirection["TopToBottom"] = 0] = "TopToBottom";
-	GradientDirection[GradientDirection["BottomToTop"] = 1] = "BottomToTop";
-	GradientDirection[GradientDirection["LeftToRight"] = 2] = "LeftToRight";
-	GradientDirection[GradientDirection["RightToLeft"] = 3] = "RightToLeft";
-	GradientDirection[GradientDirection["TopLeftToBottomRight"] = 4] = "TopLeftToBottomRight";
-	GradientDirection[GradientDirection["BottomRightToTopLeft"] = 5] = "BottomRightToTopLeft";
-	GradientDirection[GradientDirection["BottomLeftToTopRight"] = 6] = "BottomLeftToTopRight";
-	GradientDirection[GradientDirection["TopRightToBottomLeft"] = 7] = "TopRightToBottomLeft";
-	return GradientDirection;
-}({});
-//#endregion
-//#region src/components/common/enums.ts
-var AxisType = /* @__PURE__ */ function(AxisType) {
-	AxisType["X"] = "x";
-	AxisType["Y"] = "y";
-	return AxisType;
-}({});
-var Position = /* @__PURE__ */ function(Position) {
-	Position["Bottom"] = "bottom";
-	Position["Top"] = "top";
-	Position["Left"] = "left";
-	Position["Right"] = "right";
-	Position["TopRight"] = "top-right";
-	Position["TopLeft"] = "top-left";
-	Position["BottomLeft"] = "bottom-left";
-	Position["BottomRight"] = "bottom-right";
-	return Position;
-}({});
-var ChartType = /* @__PURE__ */ function(ChartType) {
-	ChartType["LINE"] = "line";
-	ChartType["BAR"] = "bar";
-	ChartType["PIE"] = "pie";
-	ChartType["SCATTER"] = "scatter";
-	ChartType["Line"] = "line";
-	ChartType["Bar"] = "bar";
-	ChartType["Pie"] = "pie";
-	ChartType["Scatter"] = "scatter";
-	return ChartType;
-}({});
-var CursorStyle = /* @__PURE__ */ function(CursorStyle) {
-	CursorStyle["Pointer"] = "pointer";
-	CursorStyle["Initial"] = "initial";
-	CursorStyle["Grab"] = "grab";
-	CursorStyle["Grabbing"] = "grabbing";
-	CursorStyle["Crosshair"] = "crosshair";
-	CursorStyle["Move"] = "move";
-	return CursorStyle;
-}({});
-var ScaleType = /* @__PURE__ */ function(ScaleType) {
-	ScaleType["Category"] = "category";
-	ScaleType["Linear"] = "linear";
-	ScaleType["Logarithmic"] = "logarithmic";
-	return ScaleType;
-}({});
-var ChartDirection = /* @__PURE__ */ function(ChartDirection) {
-	ChartDirection["VERTICAL"] = "vertical";
-	ChartDirection["HORIZONTAL"] = "horizontal";
-	ChartDirection["Vertical"] = "vertical";
-	ChartDirection["Horizontal"] = "horizontal";
-	return ChartDirection;
-}({});
-var TooltipLabel = /* @__PURE__ */ function(TooltipLabel) {
-	TooltipLabel["Y"] = "yLabel";
-	TooltipLabel["X"] = "xLabel";
-	return TooltipLabel;
-}({});
-var AlignOptions = /* @__PURE__ */ function(AlignOptions) {
-	AlignOptions["End"] = "end";
-	AlignOptions["Start"] = "start";
-	AlignOptions["Center"] = "center";
-	AlignOptions["Right"] = "right";
-	AlignOptions["Left"] = "left";
-	return AlignOptions;
-}({});
-var PointType = /* @__PURE__ */ function(PointType) {
-	PointType["Casing"] = "casing";
-	return PointType;
-}({});
-var AnnotationType = /* @__PURE__ */ function(AnnotationType) {
-	AnnotationType["Box"] = "box";
-	AnnotationType["Ellipse"] = "ellipse";
-	AnnotationType["Line"] = "line";
-	AnnotationType["Text"] = "text";
-	AnnotationType["Label"] = "label";
-	return AnnotationType;
-}({});
-var PointStyle = /* @__PURE__ */ function(PointStyle) {
-	PointStyle["Circle"] = "circle";
-	PointStyle["Square"] = "rect";
-	PointStyle["Diamond"] = "rectRot";
-	PointStyle["Triangle"] = "triangle";
-	return PointStyle;
-}({});
-var ChartHoverMode = /* @__PURE__ */ function(ChartHoverMode) {
-	ChartHoverMode["Nearest"] = "nearest";
-	return ChartHoverMode;
-}({});
-var PanZoomMode = /* @__PURE__ */ function(PanZoomMode) {
-	PanZoomMode["X"] = "x";
-	PanZoomMode["Y"] = "y";
-	PanZoomMode["XY"] = "xy";
-	PanZoomMode["Z"] = "z";
-	return PanZoomMode;
-}({});
-var Key = /* @__PURE__ */ function(Key) {
-	Key["Shift"] = "Shift";
-	return Key;
-}({});
-var Events = /* @__PURE__ */ function(Events) {
-	Events["Mousemove"] = "mousemove";
-	Events["Mouseout"] = "mouseout";
-	Events["Click"] = "click";
-	Events["Touchstart"] = "touchstart";
-	Events["Touchmove"] = "touchmove";
-	Events["Dblclick"] = "dblclick";
-	return Events;
-}({});
 //#endregion
 //#region src/components/common/helpers/chart-border-plugin.ts
 /**
@@ -21648,8 +21648,8 @@ var calculateMaxWidth = (initialMaxWidth, chartAreaWidth) => {
 var getLegendDimensions = (chart) => {
 	const { legend } = chart ?? {};
 	return {
-		legendWidth: legend && legend?.display && legend?.options?.position === "left" ? legend?.width + legend?.options?.labels?.padding * 2 : 0,
-		legendHeight: legend && legend.display && (legend?.options?.position === "top" || legend?.options?.position === "bottom") ? legend?.height + legend?.options?.labels?.padding * 2 : 0
+		legendWidth: legend && legend?.display && legend?.options?.position === Position.Left ? legend?.width + legend?.options?.labels?.padding * 2 : 0,
+		legendHeight: legend && legend.display && (legend?.options?.position === Position.Top || legend?.options?.position === Position.Bottom) ? legend?.height + legend?.options?.labels?.padding * 2 : 0
 	};
 };
 /**
@@ -21863,14 +21863,14 @@ var updateAnnotationPositionWithinBounds = (axis, newPosition, activeAnnotation,
 		yScaleID
 	})) return;
 	if (activeAnnotation.type === AnnotationType$1.POINT || activeAnnotation.type === AnnotationType$1.LABEL) {
-		if (axis === "x") activeAnnotation.xValue = newPosition;
-		else if (axis === "y") activeAnnotation.yValue = newPosition;
+		if (axis === DragAxis.X) activeAnnotation.xValue = newPosition;
+		else if (axis === DragAxis.Y) activeAnnotation.yValue = newPosition;
 	} else if (activeAnnotation.type === AnnotationType$1.BOX && metrics) {
-		if (axis === "x" && metrics.width) {
+		if (axis === DragAxis.X && metrics.width) {
 			activeAnnotation.xMin = newPosition - metrics.width / 2;
 			activeAnnotation.xMax = newPosition + metrics.width / 2;
 		}
-		if (axis === "y" && metrics.height) {
+		if (axis === DragAxis.Y && metrics.height) {
 			activeAnnotation.yMin = newPosition - metrics.height / 2;
 			activeAnnotation.yMax = newPosition + metrics.height / 2;
 		}
@@ -21886,7 +21886,7 @@ var setAnnotationBorderWidth = (chart, annotationId, borderWidth) => {
 var handleAnnotationMouseDown = (event, canvas, scales, annotations, setDraggingState, hoveredAnnotationId) => {
 	const annotation = hoveredAnnotationId ? annotations?.[hoveredAnnotationId] : null;
 	if (!annotation) return;
-	const { xScaleID = "x", yScaleID = "y" } = annotation;
+	const { xScaleID = AxisType.X, yScaleID = AxisType.Y } = annotation;
 	const { x, y } = getMousePositionInCoordinates(event, canvas, scales, xScaleID, yScaleID);
 	const metrics = calculateAnnotationMetricsInValues(annotation);
 	if (annotation && annotation.enableDrag && !isNil(metrics.centerY) && !isNil(metrics.centerX)) {
@@ -21904,7 +21904,7 @@ var handleAnnotationMouseMove = (event, canvas, scales, isDragging, activeAnnota
 		const annotationId = activeAnnotation?.id;
 		setAnnotationBorderWidth(chart, annotationId, BORDER_WIDTH.HOVERED);
 		const dragAxis = activeAnnotation?.dragAxis ?? DragAxis.Both;
-		const { xScaleID = "x", yScaleID = "y" } = activeAnnotation;
+		const { xScaleID = AxisType.X, yScaleID = AxisType.Y } = activeAnnotation;
 		const { x, y } = getMousePositionInCoordinates(event, canvas, scales, xScaleID, yScaleID);
 		const metrics = calculateAnnotationMetricsInValues(activeAnnotation);
 		let newCenterX = x - dragStartX;
@@ -21964,7 +21964,7 @@ var annotationLabel = (ctx, annotations, scales) => {
 	Object.values(annotations).forEach((annotation) => {
 		if (annotation.type === AnnotationType$1.POINT && !isNil(annotation?.label) && annotation?.label?.display) {
 			const { content, font, color, position, padding } = annotation?.label ?? {};
-			const { xScaleID = "x", yScaleID = "y" } = annotation;
+			const { xScaleID = AxisType.X, yScaleID = AxisType.Y } = annotation;
 			ctx?.save?.();
 			ctx.font = font;
 			ctx.fillStyle = color;
@@ -23171,7 +23171,7 @@ var PieChart = (props) => {
 				maintainAspectRatio: options.chartStyling.maintainAspectRatio,
 				animation: options.chartStyling.performanceMode ? false : { duration: ANIMATION_DURATION.FAST },
 				hover: {
-					mode: "nearest",
+					mode: ChartHoverMode.Nearest,
 					intersect: true
 				},
 				onHover,
@@ -37042,7 +37042,7 @@ var useBarChartConfig = (_chartRef, chart) => {
 			backgroundColor: annotation?.color || COLORS[index],
 			borderColor: annotation?.color || COLORS[index],
 			data: [],
-			type: "bar"
+			type: ChartType.BAR
 		})) : [];
 		const barDatasetsCopy = [...datasets, ...annotationsDatasets];
 		return barDatasetsCopy?.map((barDataset, index) => {
@@ -37077,8 +37077,7 @@ var useBarChartConfig = (_chartRef, chart) => {
 			setPointHover(true);
 			if (interactions?.onHover) {
 				const { index, datasetIndex } = hoveredItems?.[0] ?? {};
-				const generatedDataset = generatedDatasets;
-				interactions?.onHover(evt, datasetIndex, index, generatedDataset);
+				interactions?.onHover(evt, datasetIndex, index, generatedDatasets);
 			}
 		}
 	}, [

package/package.json

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