@oliasoft-open-source/charts-library 8.0.1 → 8.0.3

package/dist/index.d.ts

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

package/dist/index.js

@@ -33636,9 +33636,10 @@ var LineOptions = ({ options }) => {
 					small: true,
 					round: true,
 					icon: selectedOption?.icon,
-					"aria-label": selectedOption?.label
+					"aria-label": selectedOption?.label,
+					active: menuOpen
 				})
-			})
+			}, menuOpen ? "open" : "closed")
 		}
 	});
 };
@@ -33701,6 +33702,7 @@ var DragOptions = ({ options }) => {
 	return /* @__PURE__ */ jsx(Menu, { menu: {
 		sections: options,
 		trigger: "Component",
+		placement: "bottom-end",
 		component: /* @__PURE__ */ jsx(Button, {
 			colored: "muted",
 			basic: true,
@@ -34164,9 +34166,13 @@ var AxesOptionsPopover = (optionsPopover) => {
 	});
 };
 var AxesOptions = (optionsPopover) => {
+	const [isOpen, setIsOpen] = useState(false);
 	return /* @__PURE__ */ jsx(Popover, {
 		placement: "bottom-start",
 		content: /* @__PURE__ */ jsx(AxesOptionsPopover, { ...optionsPopover }),
+		showArrow: false,
+		isOpen,
+		onToggle: setIsOpen,
 		children: /* @__PURE__ */ jsx(Tooltip, {
 			text: optionsPopover.translations.axesOptions,
 			placement: "bottom-start",
@@ -34176,6 +34182,7 @@ var AxesOptions = (optionsPopover) => {
 				basic: true,
 				colored: "muted",
 				round: true,
+				active: isOpen,
 				icon: /* @__PURE__ */ jsx(TbRuler, {}),
 				"aria-label": optionsPopover.translations.axesOptions
 			})
@@ -38438,6 +38445,7 @@ var Legend = ({ chartRef, legendConfig }) => {
 	const resizeRef = measureRef;
 	const panelRef = useRef(null);
 	const [legendPosition, setLegendPosition] = useState(legend?.position || Position.BottomLeft);
+	const [prevLegendPositionProp, setPrevLegendPositionProp] = useState(legend?.position);
 	const panelRect = panelRef?.current ? panelRef.current.getBoundingClientRect() : null;
 	const panelSize = {
 		width: panelRect?.width,
@@ -38453,6 +38461,10 @@ var Legend = ({ chartRef, legendConfig }) => {
 		}, 20);
 		return () => clearTimeout(timeout);
 	}, [chart?.chartArea, measureRect]);
+	if (legend?.position && legend.position !== prevLegendPositionProp) {
+		setPrevLegendPositionProp(legend.position);
+		setLegendPosition(legend.position);
+	}
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx("div", {
 			ref: resizeRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "8.0.1",
+  "version": "8.0.3",
   "description": "React Chart Library (based on Chart.js and react-chart-js-2)",
   "homepage": "https://gitlab.com/oliasoft-open-source/charts-library",
   "bugs": {
@@ -42,7 +42,7 @@
   "devDependencies": {
     "@dnd-kit/sortable": "^10.0.0",
     "@microsoft/api-extractor": "^7.59.0",
-    "@oliasoft-open-source/react-ui-library": "^7.2.0",
+    "@oliasoft-open-source/react-ui-library": "^9.6.0",
     "@oliasoft-open-source/units": "^5.6.0",
     "@storybook/addon-docs": "^10.5.10",
     "@storybook/addon-themes": "^10.5.10",