@pie-lib/charting 8.0.4-next.20261009061152 → 8.0.4-next.20261010144103

package/dist/__tests__/mark-label-fraction.test.d.ts

@@ -0,0 +1 @@
+export {};

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/axes.js

@@ -173,7 +173,7 @@ var E = d("text")(({ theme: e }) => ({
 				children: W
 			}),
 			d && I === 0 && /* @__PURE__ */ g("svg", {
-				x: -55,
+				x: -100,
 				style: { overflow: "visible" },
 				children: [y && /* @__PURE__ */ h("text", {
 					y: _ + 90 + l,

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,8 +30,7 @@ var y = u("div")(({ theme: e }) => ({
 	textAlign: "center",
 	fontSize: e.typography.fontSize + 2,
 	fontFamily: e.typography.fontFamily,
-	color: f.primaryDark(),
-	paddingTop: e.typography.fontSize / 2,
+	color: f.defaults.PRIMARY_DARK,
 	"&.disabledMarkLabel": {
 		...r("color"),
 		color: v,
@@ -56,24 +55,24 @@ function x(e) {
 	if (b(e)) return i[0] && i[1] && (r = i[0]), a = `\\(${r}\\frac{${n[0]}}{${n[1]}}\\)`, a;
 }
 var S = (n) => {
-	let [r, i] = c(null), l = a((e) => i(e), null), { mark: u = {}, disabled: d, inputRef: f, barWidth: b, rotate: S, correctness: C, autoFocus: w, error: T, isHiddenLabel: E, limitCharacters: D, correctnessIndicator: O, ariaLabel: k, mathAriaLabel: A } = n, [j, M] = c(u.label), [N, P] = c(x(u.label)), [F, I] = c(!1), L = s(null), R = (e) => {
+	let [r, i] = c(null), l = a((e) => i(e), null), { mark: u = {}, disabled: d, inputRef: f, barWidth: b, rotate: S, correctness: C, autoFocus: w, error: T, isHiddenLabel: E, limitCharacters: D, correctnessIndicator: O, ariaLabel: k, mathAriaLabel: A } = n, [j, M] = c(u.label), [N, P] = c(u.label), [F, I] = c(!1), L = x(N), R = s(null), z = (e) => {
 		D && e.target.value && e.target.value.length > 20 || M(e.target.value);
-	}, z = () => F === !1 && N !== void 0, B = () => I(!0), V = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), B());
-	}, H = (e) => {
-		P(x(u.label)), I(!1), n.onChange(e.target.value);
-	}, U = {};
-	return S && (U = {
+	}, B = () => F === !1 && L !== void 0, V = () => I(!0), H = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), V());
+	}, U = (e) => {
+		P(e.target.value), I(!1), n.onChange(e.target.value);
+	}, W = {};
+	return S && (W = {
 		width: "unset",
 		textAlign: "left"
 	}), o(() => {
-		M(u.label);
+		M(u.label), P(u.label);
 	}, [u.label]), o(() => {
-		let e = L.current;
-		e && N && (e.innerHTML = g(N), h(e));
-	}, [j, N]), /* @__PURE__ */ m(_, { children: [O, z() ? /* @__PURE__ */ p(y, {
+		let e = R.current;
+		e && L && !F && (e.innerHTML = g(L), h(e));
+	}, [L, F]), /* @__PURE__ */ m(_, { children: [O, B() ? /* @__PURE__ */ p(y, {
 		ref: (e) => {
-			L.current = e, typeof f == "function" && f(e);
+			R.current = e, typeof f == "function" && f(e);
 		},
 		"data-math-label": !0,
 		className: e({
@@ -86,8 +85,8 @@ var S = (n) => {
 			role: "button",
 			tabIndex: 0,
 			"aria-label": A || k,
-			onClick: B,
-			onKeyDown: V
+			onClick: V,
+			onKeyDown: H
 		},
 		style: {
 			minWidth: b,
@@ -118,7 +117,7 @@ var S = (n) => {
 				color: v,
 				WebkitTextFillColor: v
 			} : {},
-			...U
+			...W
 		},
 		value: j,
 		style: {
@@ -132,8 +131,8 @@ var S = (n) => {
 			visibility: E ? "hidden" : "unset",
 			marginTop: O ? "24px" : "0"
 		},
-		onChange: R,
-		onBlur: H
+		onChange: z,
+		onBlur: U
 	})] });
 };
 S.propTypes = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/charting",
-  "version": "8.0.4-next.20261009061152",
+  "version": "8.0.4-next.20261010144103",
   "description": "charting",
   "repository": {
     "type": "git",
@@ -14,7 +14,7 @@
     "@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.20261009061152",
+    "@pie-lib/plot": "5.0.4-next.20261010144103",
     "@pie-lib/render-ui": "8.0.4-next.20261009061152",
     "@pie-lib/translator": "5.0.2-next.20261006160832",
     "@visx/axis": "^4.0.0",