@oliasoft-open-source/charts-library 7.0.0-beta-1 → 7.0.0

package/dist/index.d.ts

@@ -1244,18 +1244,18 @@ declare module 'chart.js' {
 
 declare module 'chart.js' {
     interface PluginOptionsByType<TType extends ChartType> {
-        lineMarkersPlugin?: {
-            enabled?: boolean;
-        } | TLineMarkersOptions;
+        calloutConnectorPlugin?: {
+            enableCalloutAnnotation?: boolean;
+        };
     }
 }
 
 
 declare module 'chart.js' {
     interface PluginOptionsByType<TType extends ChartType> {
-        calloutConnectorPlugin?: {
-            enableCalloutAnnotation?: boolean;
-        };
+        lineMarkersPlugin?: {
+            enabled?: boolean;
+        } | TLineMarkersOptions;
     }
 }
 

package/dist/index.js

@@ -19847,7 +19847,7 @@ var useToggleHandlers = (dispatch) => {
 	};
 };
 //#endregion
-//#region src/components/common/helpers/download-pgn.ts
+//#region src/components/common/helpers/download-png.ts
 var getAxesLabelsFromChart = (chart) => {
 	return Object.entries(chart?.scales).map(([scaleId, scale]) => {
 		const axis = scale?.axis;
@@ -19855,7 +19855,7 @@ var getAxesLabelsFromChart = (chart) => {
 		return { label: `${axis}-${Array.isArray(rawLabel) ? rawLabel?.join(" ") : rawLabel || scaleId}` };
 	});
 };
-var downloadPgn = (chartRef) => {
+var downloadPng = (chartRef) => {
 	const chart = chartRef.current;
 	if (!chart) return;
 	const canvasElement = chart?.canvas?.parentElement;
@@ -19963,7 +19963,7 @@ var useChartFunctions = ({ chartRef, state, options, dispatch }) => {
 	/**
 	* Handles the download of the chart as an image
 	*/
-	const handleDownload = useCallback(() => downloadPgn(chartRef), [chartRef]);
+	const handleDownload = useCallback(() => downloadPng(chartRef), [chartRef]);
 	/**
 	* Handles the key down event for the chart
 	*/
@@ -24596,6 +24596,9 @@ Chart$1.register(LinearScale, PointElement, LineElement, CategoryScale, Logarith
 var LineChart = (props) => {
 	setDefaultTheme();
 	const chartRef = useRef(null);
+	const setChartRef = useCallback((chartInstance) => {
+		chartRef.current = chartInstance ?? null;
+	}, []);
 	const { table, headerComponent, subheaderComponent } = props ?? {};
 	const { translations, languageKey } = getConfig();
 	const { data: { datasets } = { datasets: [] }, options, testId, persistenceId, controlsPortalId } = getDefaultProps$3(props);
@@ -24666,7 +24669,7 @@ var LineChart = (props) => {
 				className: line_chart_module_default.canvas,
 				id: "canvas",
 				children: [/* @__PURE__ */ jsx(Line, {
-					ref: chartRef,
+					ref: setChartRef,
 					data: { datasets: generatedDatasets },
 					options: useOptions,
 					plugins: usePlugins
@@ -39268,6 +39271,9 @@ Chart$1.register(LinearScale, PointElement, LineElement, CategoryScale, Logarith
 var BarChart = (props) => {
 	setDefaultTheme();
 	const chartRef = useRef(null);
+	const setChartRef = useCallback((chartInstance) => {
+		chartRef.current = chartInstance ?? null;
+	}, []);
 	const chart = getDefaultProps$1(props);
 	const { translations, languageKey } = getConfig();
 	const { options, testId, controlsPortalId } = chart;
@@ -39298,7 +39304,7 @@ var BarChart = (props) => {
 						colored: "muted",
 						round: true,
 						icon: "download",
-						onClick: () => downloadPgn(chartRef)
+						onClick: () => downloadPng(chartRef)
 					})
 				})
 			})
@@ -39309,7 +39315,7 @@ var BarChart = (props) => {
 				className: bar_chart_module_default.canvas,
 				id: "canvas",
 				children: [/* @__PURE__ */ jsx(Bar, {
-					ref: chartRef,
+					ref: setChartRef,
 					data: {
 						labels: chart?.data?.labels?.length ? chart.data.labels : [""],
 						datasets: generatedDatasets
@@ -39690,6 +39696,9 @@ Chart$1.register(LinearScale, PointElement, CategoryScale, TimeScale, TimeSeries
 var ScatterChart = (props) => {
 	setDefaultTheme();
 	const chartRef = useRef(null);
+	const setChartRef = useCallback((chartInstance) => {
+		chartRef.current = chartInstance ?? null;
+	}, []);
 	const chart = getDefaultProps(props);
 	const { options, testId } = chart;
 	const { scatterOptions, generatedDatasets } = useScatterChartConfig(chart, chartRef);
@@ -39707,7 +39716,7 @@ var ScatterChart = (props) => {
 				className: scatter_chart_module_default.canvas,
 				id: "canvas",
 				children: [/* @__PURE__ */ jsx(Scatter, {
-					ref: chartRef,
+					ref: setChartRef,
 					data: { datasets: generatedDatasets },
 					options: scatterOptions,
 					plugins: getPlugins(options.graph, options.legend)

package/package.json

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