@pie-lib/plot 5.0.1-next.20261004003105 → 5.0.1-next.20261004011201

package/dist/__tests__/root-name.test.d.ts

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

package/dist/root.d.ts

@@ -45,6 +45,8 @@ export declare class Root extends React.Component {
         titlePlaceholder: PropTypes.Requireable<string>;
         mathMlOptions: PropTypes.Requireable<object>;
         labelsCharactersLimit: PropTypes.Requireable<number>;
+        ariaLabel: PropTypes.Requireable<string>;
+        ariaDescription: PropTypes.Requireable<string>;
     };
     mouseMove: any;
     componentDidMount(): void;

package/dist/root.js

@@ -82,7 +82,7 @@ var y = v(f, "Readable") || v(S.Readable, "Readable"), b = d, x = b.default, S =
 	"&:not(:last-child)": { marginBottom: "80px" }
 }), F = class extends o.Component {
 	constructor(e) {
-		super(e), this.state = { titleHeight: 0 }, this.resizeObserver = null;
+		super(e), this.state = { titleHeight: 0 }, this.resizeObserver = null, this.descriptionId = `plot-description-${Math.random().toString(36).slice(2, 10)}`;
 	}
 	static propTypes = {
 		title: c.string,
@@ -103,7 +103,9 @@ var y = v(f, "Readable") || v(S.Readable, "Readable"), b = d, x = b.default, S =
 		onChangeLabels: c.func,
 		titlePlaceholder: c.string,
 		mathMlOptions: c.object,
-		labelsCharactersLimit: c.number
+		labelsCharactersLimit: c.number,
+		ariaLabel: c.string,
+		ariaDescription: c.string
 	};
 	mouseMove = (e, t) => {
 		let { graphProps: n, onMouseMove: r } = this.props;
@@ -169,7 +171,7 @@ var y = v(f, "Readable") || v(S.Readable, "Readable"), b = d, x = b.default, S =
 		this.resizeObserver &&= (this.resizeObserver.disconnect(), null);
 	};
 	render() {
-		let { disabledTitle: e, disabledLabels: t, labels: o, labelsPlaceholders: s, titlePlaceholder: c, graphProps: l, children: u, defineChart: d, onChangeTitle: f, isChart: p, showLabels: _, showPixelGuides: v, showTitle: b, title: x, rootRef: S, mathMlOptions: C = {}, labelsCharactersLimit: F } = this.props, { size: { width: I = 500, height: L = 500 }, domain: R, range: z } = l, B = i(n(o?.left)) && r(s) ? 48 : 70, V = i(n(o?.right)) && r(s) ? 48 : 70, H = I + B + V + (R.padding || 0) * 2, U = L + 80 + (z.padding || 0) * 2, W = [
+		let { disabledTitle: e, disabledLabels: t, labels: o, labelsPlaceholders: s, titlePlaceholder: c, graphProps: l, children: u, defineChart: d, onChangeTitle: f, isChart: p, showLabels: _, showPixelGuides: v, showTitle: b, title: x, rootRef: S, mathMlOptions: C = {}, labelsCharactersLimit: F, ariaLabel: I, ariaDescription: L } = this.props, { size: { width: R = 500, height: z = 500 }, domain: B, range: V } = l, H = i(n(o?.left)) && r(s) ? 48 : 70, U = i(n(o?.right)) && r(s) ? 48 : 70, W = R + H + U + (B.padding || 0) * 2, G = z + 80 + (V.padding || 0) * 2, K = [
 			"bold",
 			"italic",
 			"underline",
@@ -177,11 +179,20 @@ var y = v(f, "Readable") || v(S.Readable, "Readable"), b = d, x = b.default, S =
 			"subscript",
 			"strikethrough",
 			"math"
-		], G = d && v ? L - 160 : L, K = parseInt(I / 100), q = parseInt(G / 100), J = parseInt(G % 100), { titleHeight: Y } = this.state;
+		], q = d && v ? z - 160 : z, J = parseInt(R / 100), Y = parseInt(q / 100), X = parseInt(q % 100), { titleHeight: Z } = this.state, Q = {
+			...I && {
+				role: "group",
+				"aria-label": I
+			},
+			...L && { "aria-describedby": this.descriptionId }
+		}, $ = L ? /* @__PURE__ */ m("desc", {
+			id: this.descriptionId,
+			children: L
+		}) : null;
 		return /* @__PURE__ */ h(w, { children: [
 			v && /* @__PURE__ */ m(j, {
 				style: { marginLeft: p ? 80 : _ ? 30 : 10 },
-				children: [...Array(K + 1).keys()].map((e) => /* @__PURE__ */ m(y, {
+				children: [...Array(J + 1).keys()].map((e) => /* @__PURE__ */ m(y, {
 					false: !0,
 					children: /* @__PURE__ */ h(M, { children: [/* @__PURE__ */ h("div", { children: [e * 100, "px"] }), /* @__PURE__ */ m("div", { children: "|" })] })
 				}, `top-guide-${e}`))
@@ -189,7 +200,7 @@ var y = v(f, "Readable") || v(S.Readable, "Readable"), b = d, x = b.default, S =
 			b && (e ? /* @__PURE__ */ m("div", {
 				ref: (e) => this.titleRef = e,
 				style: {
-					...p && { width: H },
+					...p && { width: W },
 					...i(n(x)) && { display: "none" }
 				},
 				children: m(p ? A : k, {
@@ -201,7 +212,7 @@ var y = v(f, "Readable") || v(S.Readable, "Readable"), b = d, x = b.default, S =
 				children: m(p ? A : k, {
 					className: v ? "rightMargin" : "",
 					children: /* @__PURE__ */ m(g, {
-						...p && { width: H },
+						...p && { width: W },
 						markup: x || "",
 						onChange: f,
 						placeholder: d && c || !e && "Click here to add a title for this graph",
@@ -209,7 +220,7 @@ var y = v(f, "Readable") || v(S.Readable, "Readable"), b = d, x = b.default, S =
 							noPadding: !0,
 							noBorder: !0
 						},
-						activePlugins: W,
+						activePlugins: K,
 						disableScrollbar: !0,
 						onKeyDown: this.handleKeyDown
 					})
@@ -220,8 +231,8 @@ var y = v(f, "Readable") || v(S.Readable, "Readable"), b = d, x = b.default, S =
 				text: o.top,
 				disabledLabel: t,
 				placeholder: s?.top,
-				graphHeight: U,
-				graphWidth: H,
+				graphHeight: G,
+				graphWidth: W,
 				onChange: (e) => this.onChangeLabel(e, "top"),
 				mathMlOptions: C,
 				preventNewLines: !0,
@@ -233,8 +244,8 @@ var y = v(f, "Readable") || v(S.Readable, "Readable"), b = d, x = b.default, S =
 					text: o.left,
 					disabledLabel: t,
 					placeholder: s?.left,
-					graphHeight: U,
-					graphWidth: H,
+					graphHeight: G,
+					graphWidth: W,
 					isChartLeftLabel: p && !d,
 					isDefineChartLeftLabel: p && d,
 					onChange: (e) => this.onChangeLabel(e, "left"),
@@ -242,24 +253,25 @@ var y = v(f, "Readable") || v(S.Readable, "Readable"), b = d, x = b.default, S =
 					preventNewLines: !0,
 					charactersLimit: F
 				}),
-				m(d ? E : D, {
-					width: H,
-					height: U,
-					children: /* @__PURE__ */ m(O, {
+				h(d ? E : D, {
+					width: W,
+					height: G,
+					...Q,
+					children: [$, /* @__PURE__ */ m(O, {
 						ref: (e) => {
 							this.g = e, S && S(e);
 						},
-						transform: `translate(${B + (R.padding || 0)}, ${40 + (z.padding || 0)})`,
+						transform: `translate(${H + (B.padding || 0)}, ${40 + (V.padding || 0)})`,
 						children: u
-					})
+					})]
 				}),
 				_ && !p && /* @__PURE__ */ m(a, {
 					side: "right",
 					text: o.right,
 					disabledLabel: t,
 					placeholder: s?.right,
-					graphHeight: U,
-					graphWidth: H,
+					graphHeight: G,
+					graphWidth: W,
 					onChange: (e) => this.onChangeLabel(e, "right"),
 					mathMlOptions: C,
 					preventNewLines: !0,
@@ -267,10 +279,10 @@ var y = v(f, "Readable") || v(S.Readable, "Readable"), b = d, x = b.default, S =
 				}),
 				v && /* @__PURE__ */ m(N, {
 					style: {
-						paddingTop: J,
+						paddingTop: X,
 						marginTop: 31
 					},
-					children: [...Array(q + 1).keys()].reverse().map((e) => /* @__PURE__ */ m(y, {
+					children: [...Array(Y + 1).keys()].reverse().map((e) => /* @__PURE__ */ m(y, {
 						false: !0,
 						children: /* @__PURE__ */ h(P, { children: [
 							"━ ",
@@ -285,9 +297,9 @@ var y = v(f, "Readable") || v(S.Readable, "Readable"), b = d, x = b.default, S =
 				text: o.bottom,
 				disabledLabel: t,
 				placeholder: s?.bottom,
-				graphHeight: U,
-				graphWidth: H,
-				titleHeight: Y,
+				graphHeight: G,
+				graphWidth: W,
+				titleHeight: Z,
 				isChartBottomLabel: p && !d,
 				isDefineChartBottomLabel: p && d,
 				onChange: (e) => this.onChangeLabel(e, "bottom"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/plot",
-  "version": "5.0.1-next.20261004003105",
+  "version": "5.0.1-next.20261004011201",
   "description": "Some underlying components for building charts/graphs",
   "repository": {
     "type": "git",
@@ -13,7 +13,7 @@
     "@mapbox/point-geometry": "^1.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/editable-html-tip-tap": "3.0.1-next.20261004003105",
+    "@pie-lib/editable-html-tip-tap": "3.0.1-next.20261004011201",
     "@pie-lib/render-ui": "8.0.1-next.20261003161149",
     "assert": "^1.4.1",
     "d3-scale": "^4.0.2",