@pie-lib/charting 8.0.4-next.20261008072957 → 8.0.4-next.20261010135116

package/dist/actions-button.d.ts

@@ -10,6 +10,7 @@ export declare class ActionsButton extends React.Component {
         categories: PropTypes.Requireable<any[]>;
     };
     triggerId: string;
+    menuId: string;
     handleActionsClick: any;
     handleActionsClose: any;
     handleAddCategory: any;

package/dist/actions-button.js

@@ -4,11 +4,10 @@ import { styled as n } from "@mui/material/styles";
 import { color as r, createUniqueId as i } from "@pie-lib/render-ui";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import s from "@pie-lib/translator";
-import c from "@mui/material/Button";
-import l from "@mui/material/Popover";
-import u from "@mui/material/Paper";
+import c from "@mui/material/Menu";
+import l from "@mui/material/MenuItem";
 //#region src/actions-button.tsx
-var { translator: d } = s, f = n("div")(() => ({ alignSelf: "flex-end" })), p = n("button")(({ theme: e }) => ({
+var { translator: u } = s, d = n("div")(() => ({ alignSelf: "flex-end" })), f = n("button")(({ theme: e }) => ({
 	display: "block",
 	margin: 0,
 	border: 0,
@@ -16,24 +15,16 @@ var { translator: d } = s, f = n("div")(() => ({ alignSelf: "flex-end" })), p =
 	font: "inherit",
 	cursor: "pointer",
 	fontSize: e.typography.fontSize,
-	color: r.tertiary(),
+	color: r.defaults.TERTIARY,
 	padding: e.spacing(1),
 	"&:focus-visible": {
 		outline: `2px solid ${r.focusOutline()}`,
 		outlineOffset: "-2px"
 	}
-})), m = n(u)(({ theme: e }) => ({
-	padding: e.spacing(1),
-	display: "flex",
-	flexDirection: "column",
-	gap: e.spacing(1),
-	"& button": {
-		textTransform: "none",
-		fontSize: e.typography.fontSize,
-		color: r.text(),
-		justifyContent: "flex-start"
-	}
-})), h = class extends e.Component {
+})), p = n(l)(({ theme: e }) => ({
+	fontSize: e.typography.fontSize,
+	color: r.text()
+})), m = class extends e.Component {
 	constructor(e) {
 		super(e), this.state = { actionsAnchorEl: null };
 	}
@@ -47,6 +38,7 @@ var { translator: d } = s, f = n("div")(() => ({ alignSelf: "flex-end" })), p =
 		categories: t.array
 	};
 	triggerId = i("chart-actions");
+	menuId = i("chart-actions-menu");
 	handleActionsClick = (e) => {
 		this.setState({ actionsAnchorEl: e.currentTarget });
 	};
@@ -62,18 +54,24 @@ var { translator: d } = s, f = n("div")(() => ({ alignSelf: "flex-end" })), p =
 		t(e), this.handleActionsClose();
 	};
 	render() {
-		let { categories: e, language: t } = this.props, { actionsAnchorEl: n } = this.state, r = !!n;
-		return /* @__PURE__ */ o(f, { children: [/* @__PURE__ */ a(p, {
+		let { categories: e, language: t } = this.props, { actionsAnchorEl: n } = this.state, r = !!n, i = (e || []).map((e, t) => ({
+			category: e,
+			index: t
+		})).filter(({ category: e }) => e.deletable && !e.correctness);
+		return /* @__PURE__ */ o(d, { children: [/* @__PURE__ */ a(f, {
 			type: "button",
 			id: this.triggerId,
-			"aria-haspopup": "dialog",
+			"aria-haspopup": "menu",
 			"aria-expanded": r,
+			"aria-controls": r ? this.menuId : void 0,
 			onClick: this.handleActionsClick,
-			children: d.t("charting.actions", { lng: t })
-		}), /* @__PURE__ */ a(l, {
+			children: u.t("charting.actions", { lng: t })
+		}), /* @__PURE__ */ o(c, {
+			id: this.menuId,
 			open: r,
 			anchorEl: n,
 			onClose: this.handleActionsClose,
+			variant: "menu",
 			anchorOrigin: {
 				vertical: "bottom",
 				horizontal: "left"
@@ -82,19 +80,16 @@ var { translator: d } = s, f = n("div")(() => ({ alignSelf: "flex-end" })), p =
 				vertical: "top",
 				horizontal: "left"
 			},
-			slotProps: { paper: {
-				role: "dialog",
-				"aria-labelledby": this.triggerId
-			} },
-			children: /* @__PURE__ */ o(m, { children: [/* @__PURE__ */ o(c, {
+			slotProps: { list: { "aria-labelledby": this.triggerId } },
+			children: [/* @__PURE__ */ o(p, {
 				onClick: () => this.handleAddCategory(),
-				children: ["+ ", d.t("charting.add", { lng: t })]
-			}), e.length > 0 && e.map((e, n) => e.deletable && !e.correctness && /* @__PURE__ */ a(c, {
+				children: ["+ ", u.t("charting.add", { lng: t })]
+			}), i.map(({ category: e, index: n }) => /* @__PURE__ */ a(p, {
 				onClick: () => this.handleDeleteCategory(n),
-				children: `${d.t("charting.delete", { lng: t })} <${e.label || d.t("charting.newLabel", { lng: t })}>`
-			}, n))] })
-		}, `actions-popover-${Math.random()}`)] });
+				children: `${u.t("charting.delete", { lng: t })} <${e.label || u.t("charting.newLabel", { lng: t })}>`
+			}, n))]
+		})] });
 	}
 };
 //#endregion
-export { h as ActionsButton, h as default };
+export { m as ActionsButton, m as default };

package/dist/mark-label.js

@@ -14,7 +14,7 @@ var _ = u("div")({
 	display: "flex",
 	flexDirection: "column",
 	alignItems: "center"
-}), v = f.disabledText();
+}), v = f.defaults.DISABLED_TEXT;
 u("input")(({ theme: e }) => ({
 	float: "right",
 	fontFamily: e.typography.fontFamily,
@@ -30,7 +30,7 @@ var y = u("div")(({ theme: e }) => ({
 	textAlign: "center",
 	fontSize: e.typography.fontSize + 2,
 	fontFamily: e.typography.fontFamily,
-	color: f.primaryDark(),
+	color: f.defaults.PRIMARY_DARK,
 	paddingTop: e.typography.fontSize / 2,
 	"&.disabledMarkLabel": {
 		...r("color"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/charting",
-  "version": "8.0.4-next.20261008072957",
+  "version": "8.0.4-next.20261010135116",
   "description": "charting",
   "repository": {
     "type": "git",
@@ -14,8 +14,8 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-element/shared-utils": "0.1.4-next.20261008072957",
-    "@pie-lib/plot": "5.0.4-next.20261008072957",
-    "@pie-lib/render-ui": "8.0.4-next.20261008072957",
+    "@pie-lib/plot": "5.0.4-next.20261009061152",
+    "@pie-lib/render-ui": "8.0.4-next.20261009061152",
     "@pie-lib/translator": "5.0.2-next.20261006160832",
     "@visx/axis": "^4.0.0",
     "@visx/event": "^4.0.0",
@@ -30,8 +30,8 @@
     "invariant": "^2.2.4",
     "react-draggable": "^4.7.1",
     "prop-types": "^15.8.1",
-    "@pie-lib/config-ui": "14.0.4-next.20261008072957",
-    "@pie-element/shared-math-rendering-mathjax": "0.1.5-next.20261008072957",
+    "@pie-lib/config-ui": "14.0.4-next.20261009061152",
+    "@pie-element/shared-math-rendering-mathjax": "0.1.5-next.20261009061152",
     "@pie-element/shared-lodash": "0.1.3-next.20261006160832",
     "clsx": "^2.1.1",
     "d3-time": "^3.1.0",