@oliasoft-open-source/charts-library 8.0.2 → 8.0.4-beta-1

package/dist/index.js

@@ -35817,13 +35817,13 @@ var isCalloutAnchorInChartArea = (ctx, refAnnotation, margin = 0) => {
 };
 //#endregion
 //#region src/components/common/plugins/annotation-dragger-plugin/annotation-position-storage.ts
-var STORAGE_PREFIX = "chart_annotations";
-var getStorageKey = (persistenceId) => {
-	return `${STORAGE_PREFIX}:${persistenceId}`;
+var STORAGE_PREFIX$1 = "chart_annotations";
+var getStorageKey$1 = (persistenceId) => {
+	return `${STORAGE_PREFIX$1}:${persistenceId}`;
 };
-var readStorage = (persistenceId) => {
+var readStorage$1 = (persistenceId) => {
 	try {
-		const raw = window.localStorage.getItem(getStorageKey(persistenceId));
+		const raw = window.localStorage.getItem(getStorageKey$1(persistenceId));
 		if (!raw) return {};
 		const json = JSON.parse(raw);
 		return typeof json === "object" && json !== null ? json : {};
@@ -35831,15 +35831,15 @@ var readStorage = (persistenceId) => {
 		return {};
 	}
 };
-var writeStorage = (persistenceId, data) => {
+var writeStorage$1 = (persistenceId, data) => {
 	try {
-		window.localStorage.setItem(getStorageKey(persistenceId), JSON.stringify(data));
+		window.localStorage.setItem(getStorageKey$1(persistenceId), JSON.stringify(data));
 	} catch {}
 };
 var setAnnotationPosition = (persistenceId, annotationId, pos) => {
 	if (!persistenceId) return;
-	const current = readStorage(persistenceId);
-	writeStorage(persistenceId, {
+	const current = readStorage$1(persistenceId);
+	writeStorage$1(persistenceId, {
 		...current,
 		[annotationId]: {
 			...current[annotationId] ?? {},
@@ -35849,7 +35849,7 @@ var setAnnotationPosition = (persistenceId, annotationId, pos) => {
 };
 var getAnnotationPosition = (persistenceId, annotationId) => {
 	if (!persistenceId) return void 0;
-	return readStorage(persistenceId)[annotationId];
+	return readStorage$1(persistenceId)[annotationId];
 };
 //#endregion
 //#region src/components/common/helpers/get-chart-from-ctx.ts
@@ -38436,15 +38436,48 @@ var LegendDropZones = (legendDropZonesProps) => {
 	});
 };
 //#endregion
+//#region src/components/common/legend-component/legend-position-storage.ts
+var STORAGE_PREFIX = "chart_legend_position";
+var getStorageKey = (persistenceId) => {
+	return `${STORAGE_PREFIX}:${persistenceId}`;
+};
+var isPosition = (value) => {
+	return Object.values(Position).includes(String(value));
+};
+var readStorage = (persistenceId) => {
+	try {
+		const raw = window.localStorage.getItem(getStorageKey(persistenceId));
+		if (!raw) return void 0;
+		const parsed = JSON.parse(raw);
+		return isPosition(parsed) ? parsed : void 0;
+	} catch {
+		return;
+	}
+};
+var writeStorage = (persistenceId, position) => {
+	try {
+		window.localStorage.setItem(getStorageKey(persistenceId), JSON.stringify(position));
+	} catch {}
+};
+var setLegendPosition = (persistenceId, position) => {
+	if (!persistenceId) return;
+	writeStorage(persistenceId, position);
+};
+var getLegendPosition = (persistenceId) => {
+	if (!persistenceId) return void 0;
+	return readStorage(persistenceId);
+};
+//#endregion
 //#region src/components/common/legend-component/legend.tsx
-var Legend = ({ chartRef, legendConfig }) => {
+var Legend = ({ chartRef, legendConfig, persistenceId }) => {
 	const chart = chartRef?.current;
 	const [chartArea, setChartArea] = useState(chart?.chartArea);
 	const { options: { legend } } = legendConfig ?? {};
 	const [measureRef, measureRect] = useMeasure();
 	const resizeRef = measureRef;
 	const panelRef = useRef(null);
-	const [legendPosition, setLegendPosition] = useState(legend?.position || Position.BottomLeft);
+	const [legendPosition, setLegendPosition$1] = useState(() => getLegendPosition(persistenceId) || legend?.position || Position.BottomLeft);
+	const [prevLegendPositionProp, setPrevLegendPositionProp] = useState(legend?.position);
 	const panelRect = panelRef?.current ? panelRef.current.getBoundingClientRect() : null;
 	const panelSize = {
 		width: panelRect?.width,
@@ -38460,6 +38493,14 @@ var Legend = ({ chartRef, legendConfig }) => {
 		}, 20);
 		return () => clearTimeout(timeout);
 	}, [chart?.chartArea, measureRect]);
+	if (legend?.position && legend.position !== prevLegendPositionProp) {
+		setPrevLegendPositionProp(legend.position);
+		setLegendPosition$1(legend.position);
+	}
+	const handleLegendPositionChange = (position) => {
+		setLegendPosition$1(position);
+		setLegendPosition(persistenceId, position);
+	};
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx("div", {
 			ref: resizeRef,
@@ -38477,7 +38518,7 @@ var Legend = ({ chartRef, legendConfig }) => {
 		}),
 		/* @__PURE__ */ jsx(LegendDropZones, {
 			chartArea,
-			setLegendPosition: (position) => setLegendPosition(position),
+			setLegendPosition: handleLegendPositionChange,
 			isDragging,
 			placeholderSize: panelSize
 		}, measureRect.width)
@@ -38568,6 +38609,7 @@ var LineChart = (props) => {
 					plugins: usePlugins
 				}), showCustomLegend && !!generatedDatasets.length && /* @__PURE__ */ jsx(Legend, {
 					chartRef,
+					persistenceId,
 					legendConfig: {
 						options,
 						generatedDatasets,

package/package.json

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