@pie-lib/charting 8.0.1-next.20261006003311 → 8.0.1-next.20261006032932

package/dist/__tests__/mark-slider.test.d.ts

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

package/dist/axes.js

@@ -1,62 +1,62 @@
 import e from "./node_modules/.bun/@visx_axis@4.0.0_d84c32d47042070f/node_modules/@visx/axis/esm/axis/AxisLeft.js";
 import t from "./node_modules/.bun/@visx_axis@4.0.0_d84c32d47042070f/node_modules/@visx/axis/esm/axis/AxisBottom.js";
 import { TickCorrectnessIndicator as n } from "./common/correctness-indicators.js";
-import { bandKey as r, getRotateAngle as i, getRotatedLabelOverhang as a, getTickValues as o } from "./utils.js";
-import { MarkLabel as s } from "./mark-label.js";
-import c from "react";
-import l from "prop-types";
-import { styled as u } from "@mui/material/styles";
-import { types as d } from "@pie-lib/plot";
-import { AlertDialog as f } from "@pie-lib/config-ui";
-import { color as p } from "@pie-lib/render-ui";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import g from "@mui/material/Checkbox";
-import { renderMath as _ } from "@pie-element/shared-math-rendering-mathjax";
-import v from "@pie-lib/translator";
+import { bandKey as r, getRotateAngle as i, getRotatedLabelOverhang as a, getTickValues as o, textOf as s } from "./utils.js";
+import { MarkLabel as c } from "./mark-label.js";
+import l from "react";
+import u from "prop-types";
+import { styled as d } from "@mui/material/styles";
+import { types as f } from "@pie-lib/plot";
+import { AlertDialog as p } from "@pie-lib/config-ui";
+import { color as m } from "@pie-lib/render-ui";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import _ from "@mui/material/Checkbox";
+import { renderMath as v } from "@pie-element/shared-math-rendering-mathjax";
+import y from "@pie-lib/translator";
 //#region src/axes.tsx
-var { translator: y } = v, b = /* @__PURE__ */ new Set(), x = null;
-function S(e) {
-	b.add(e), !x && typeof document < "u" && (x = new MutationObserver(() => {
-		b.forEach((e) => e());
-	}), x.observe(document.body, {
+var { translator: b } = y, x = /* @__PURE__ */ new Set(), S = null;
+function C(e) {
+	x.add(e), !S && typeof document < "u" && (S = new MutationObserver(() => {
+		x.forEach((e) => e());
+	}), S.observe(document.body, {
 		childList: !0,
 		subtree: !0
 	}));
 }
-function C(e) {
-	b.delete(e), b.size === 0 && x && (x.disconnect(), x = null);
+function w(e) {
+	x.delete(e), x.size === 0 && S && (S.disconnect(), S = null);
 }
-var w = u("text")(({ theme: e }) => ({
+var T = d("text")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	fill: e.palette.error.main
-})), T = u(g)(() => ({ color: `${p.tertiary()} !important` })), E = u("g")(({ theme: e }) => ({
+})), E = d(_)(() => ({ color: `${m.tertiary()} !important` })), D = d("g")(({ theme: e }) => ({
 	"& .vx-axis-line": {
-		stroke: p.visualElementsColors.AXIS_LINE_COLOR,
+		stroke: m.visualElementsColors.AXIS_LINE_COLOR,
 		strokeWidth: 2
 	},
 	"& .vx-axis-tick": {
-		fill: p.visualElementsColors.AXIS_TICK_COLOR,
+		fill: m.visualElementsColors.AXIS_TICK_COLOR,
 		"& line": {
-			stroke: p.visualElementsColors.AXIS_TICK_COLOR,
+			stroke: m.visualElementsColors.AXIS_TICK_COLOR,
 			strokeWidth: 2
 		},
 		fontFamily: e.typography.body1?.fontFamily,
 		fontSize: e.typography.fontSize,
 		textAnchor: "middle"
 	}
-})), D = (e) => ({
+})), O = (e) => ({
 	borderRadius: e.spacing(2),
-	color: p.defaults.WHITE,
+	color: m.defaults.WHITE,
 	fontSize: "16px",
 	width: "16px",
 	height: "16px",
 	padding: "2px",
-	border: `1px solid ${p.defaults.WHITE}`,
+	border: `1px solid ${m.defaults.WHITE}`,
 	boxSizing: "unset"
-}), O = { backgroundColor: p.incorrectWithIcon() }, k = { backgroundColor: p.correct() }, A = class extends c.Component {
+}), k = { backgroundColor: m.incorrectWithIcon() }, A = { backgroundColor: m.correct() }, j = class extends l.Component {
 	static propTypes = {
-		defineChart: l.bool,
-		error: l.any
+		defineChart: u.bool,
+		error: u.any
 	};
 	constructor(e) {
 		super(e), this.state = { dialog: { open: !1 } };
@@ -113,16 +113,16 @@ var w = u("text")(({ theme: e }) => ({
 		return n;
 	};
 	render() {
-		let { categories: e, xBand: t, bandWidth: i, barWidth: a, rotate: o, top: c, graphProps: l, defineChart: u, chartingOptions: d, x: p, y: g, formattedValue: _, changeInteractiveEnabled: v, changeEditableEnabled: b, error: x, autoFocus: S, hiddenLabelRef: C, showCorrectness: E, language: A } = this.props;
-		if (!_) return null;
-		let j = {
-			correctnessIcon: D,
-			incorrectIcon: O,
-			correctIcon: k
-		}, { dialog: M } = this.state, { changeEditable: N, changeInteractive: P } = d || {}, F = parseInt(_.split("-")[0], 10), I = e[F], { editable: L, interactive: R, label: z, correctness: B } = I || {}, V = t(r({ label: z }, F)), H = (e || []).reduce((e, t) => (e && e.label ? e.label.length : 0) > (t && t.label ? t.label.length : 0) ? e : t, { label: "" }), U = x ? [...new Set(Object.values(x))].join(" ") : "";
-		return /* @__PURE__ */ h("g", { children: [
-			/* @__PURE__ */ h("foreignObject", {
-				x: i ? V : p - a / 2,
+		let { categories: e, xBand: t, bandWidth: i, barWidth: a, rotate: o, top: l, graphProps: u, defineChart: d, chartingOptions: f, x: m, y: _, formattedValue: v, changeInteractiveEnabled: y, changeEditableEnabled: x, error: S, autoFocus: C, hiddenLabelRef: w, showCorrectness: D, language: j } = this.props;
+		if (!v) return null;
+		let M = {
+			correctnessIcon: O,
+			incorrectIcon: k,
+			correctIcon: A
+		}, { dialog: N } = this.state, { changeEditable: P, changeInteractive: F } = f || {}, I = parseInt(v.split("-")[0], 10), L = e[I], { editable: R, interactive: z, label: B, correctness: V } = L || {}, H = t(r({ label: B }, I)), U = (e || []).reduce((e, t) => (e && e.label ? e.label.length : 0) > (t && t.label ? t.label.length : 0) ? e : t, { label: "" }), W = S ? [...new Set(Object.values(S))].join(" ") : "";
+		return /* @__PURE__ */ g("g", { children: [
+			/* @__PURE__ */ g("foreignObject", {
+				x: i ? H : m - a / 2,
 				y: 18,
 				width: a,
 				height: 4,
@@ -130,47 +130,53 @@ var w = u("text")(({ theme: e }) => ({
 					pointerEvents: "none",
 					overflow: "visible"
 				},
-				children: [F === 0 && /* @__PURE__ */ m(s, {
+				children: [I === 0 && /* @__PURE__ */ h(c, {
 					isHiddenLabel: !0,
-					inputRef: C,
+					inputRef: w,
 					disabled: !0,
-					mark: H,
-					graphProps: l,
+					mark: U,
+					graphProps: u,
 					barWidth: a
-				}), /* @__PURE__ */ m(s, {
-					autoFocus: u && S,
+				}), /* @__PURE__ */ h(c, {
+					autoFocus: d && C,
 					inputRef: (e) => this.input = e,
-					disabled: !u && !L,
-					mark: I,
-					graphProps: l,
-					onChange: (e) => this.changeCategory(F, e),
+					disabled: !d && !R,
+					mark: L,
+					graphProps: u,
+					onChange: (e) => this.changeCategory(I, e),
 					barWidth: a,
 					rotate: o,
-					correctness: B,
-					error: x && x[F],
-					ariaLabel: y.t("charting.categoryLabel", {
-						lng: A,
-						index: F + 1
+					correctness: V,
+					error: S && S[I],
+					ariaLabel: b.t("charting.categoryLabel", {
+						lng: j,
+						index: I + 1
+					}),
+					mathAriaLabel: b.t("charting.categoryLabelValue", {
+						lng: j,
+						index: I + 1,
+						label: s(B),
+						interpolation: { escapeValue: !1 }
 					}),
 					limitCharacters: !0,
-					correctnessIndicator: E && B && /* @__PURE__ */ m(n, {
-						correctness: B,
-						interactive: R,
-						classes: j
+					correctnessIndicator: D && V && /* @__PURE__ */ h(n, {
+						correctness: V,
+						interactive: z,
+						classes: M
 					})
 				})]
 			}),
-			x && F === 0 && /* @__PURE__ */ m(w, {
-				y: g + 23,
+			S && I === 0 && /* @__PURE__ */ h(T, {
+				y: _ + 23,
 				height: 6,
 				textAnchor: "start",
-				children: U
+				children: W
 			}),
-			u && F === 0 && /* @__PURE__ */ h("svg", {
+			d && I === 0 && /* @__PURE__ */ g("svg", {
 				x: -55,
 				style: { overflow: "visible" },
-				children: [v && /* @__PURE__ */ m("text", {
-					y: g + 90 + c,
+				children: [y && /* @__PURE__ */ h("text", {
+					y: _ + 90 + l,
 					width: a,
 					height: 4,
 					style: {
@@ -180,13 +186,13 @@ var w = u("text")(({ theme: e }) => ({
 						maxWidth: a,
 						display: "inline-block"
 					},
-					children: this.splitText(P?.authoringLabel, 20).map((e, t) => /* @__PURE__ */ m("tspan", {
+					children: this.splitText(F?.authoringLabel, 20).map((e, t) => /* @__PURE__ */ h("tspan", {
 						x: "0",
 						dy: `${t > 0 ? "1.2em" : ".6em"}`,
 						children: e
 					}, t))
-				}), b && /* @__PURE__ */ m("text", {
-					y: g + 145 + c,
+				}), x && /* @__PURE__ */ h("text", {
+					y: _ + 145 + l,
 					width: a,
 					height: 4,
 					style: {
@@ -196,109 +202,109 @@ var w = u("text")(({ theme: e }) => ({
 						maxWidth: a,
 						display: "inline-block"
 					},
-					children: this.splitText(N?.authoringLabel, 20).map((e, t) => /* @__PURE__ */ m("tspan", {
+					children: this.splitText(P?.authoringLabel, 20).map((e, t) => /* @__PURE__ */ h("tspan", {
 						x: "0",
 						dy: `${t > 0 ? "1.2em" : ".6em"}`,
 						children: e
 					}, t))
 				})]
 			}),
-			u && v && /* @__PURE__ */ m("foreignObject", {
-				x: p - 24,
-				y: g + 80 + c,
+			d && y && /* @__PURE__ */ h("foreignObject", {
+				x: m - 24,
+				y: _ + 80 + l,
 				width: a,
 				height: 4,
 				style: {
 					pointerEvents: "visible",
 					overflow: "visible"
 				},
-				children: /* @__PURE__ */ m(T, {
+				children: /* @__PURE__ */ h(E, {
 					style: { position: "fixed" },
-					checked: R,
-					onChange: (e) => this.changeInteractive(F, e.target.checked)
+					checked: z,
+					onChange: (e) => this.changeInteractive(I, e.target.checked)
 				})
 			}),
-			u && b && /* @__PURE__ */ m("foreignObject", {
-				x: p - 24,
-				y: g + 130 + c,
+			d && x && /* @__PURE__ */ h("foreignObject", {
+				x: m - 24,
+				y: _ + 130 + l,
 				width: a,
 				height: 4,
 				style: {
 					pointerEvents: "visible",
 					overflow: "visible"
 				},
-				children: /* @__PURE__ */ m(T, {
+				children: /* @__PURE__ */ h(E, {
 					style: { position: "fixed" },
-					checked: L,
-					onChange: (e) => this.changeEditable(F, e.target.checked)
+					checked: R,
+					onChange: (e) => this.changeEditable(I, e.target.checked)
 				})
 			}),
-			/* @__PURE__ */ m("foreignObject", {
-				x: p - 24,
-				y: g + 100 + c,
+			/* @__PURE__ */ h("foreignObject", {
+				x: m - 24,
+				y: _ + 100 + l,
 				width: a,
 				height: 4,
 				style: {
 					pointerEvents: "visible",
 					overflow: "visible"
 				},
-				children: /* @__PURE__ */ m(f, {
-					open: M.open,
-					title: M.title,
-					text: M.text,
-					onClose: M.onClose,
-					onConfirm: M.onConfirm
+				children: /* @__PURE__ */ h(p, {
+					open: N.open,
+					title: N.title,
+					text: N.text,
+					onClose: N.onClose,
+					onConfirm: N.onConfirm
 				})
 			})
 		] });
 	}
 };
-A.propTypes = {
-	categories: l.array,
-	xBand: l.func,
-	bandWidth: l.number,
-	barWidth: l.number,
-	rotate: l.number,
-	top: l.number,
-	x: l.number,
-	y: l.number,
-	graphProps: l.object,
-	formattedValue: l.string,
-	onChangeCategory: l.func,
-	onChange: l.func,
-	error: l.object,
-	defineChart: l.bool,
-	chartingOptions: l.object,
-	changeInteractiveEnabled: l.bool,
-	changeEditableEnabled: l.bool,
-	autoFocus: l.bool,
-	onAutoFocusUsed: l.func,
-	showCorrectness: l.bool,
-	hiddenLabelRef: l.oneOfType([l.func, l.shape({ current: l.instanceOf(Element) })]),
-	language: l.string
+j.propTypes = {
+	categories: u.array,
+	xBand: u.func,
+	bandWidth: u.number,
+	barWidth: u.number,
+	rotate: u.number,
+	top: u.number,
+	x: u.number,
+	y: u.number,
+	graphProps: u.object,
+	formattedValue: u.string,
+	onChangeCategory: u.func,
+	onChange: u.func,
+	error: u.object,
+	defineChart: u.bool,
+	chartingOptions: u.object,
+	changeInteractiveEnabled: u.bool,
+	changeEditableEnabled: u.bool,
+	autoFocus: u.bool,
+	onAutoFocusUsed: u.func,
+	showCorrectness: u.bool,
+	hiddenLabelRef: u.oneOfType([u.func, u.shape({ current: u.instanceOf(Element) })]),
+	language: u.string
 };
-var j = class extends c.Component {
+var M = class extends l.Component {
 	static propTypes = {
-		bottomScale: l.func,
-		categories: l.array,
-		defineChart: l.bool,
-		error: l.any,
-		graphProps: d.GraphPropsType.isRequired,
-		xBand: l.func,
-		leftAxis: l.bool,
-		onChange: l.func,
-		onChangeCategory: l.func,
-		top: l.number,
-		theme: l.object,
-		chartingOptions: l.object,
-		changeInteractiveEnabled: l.bool,
-		changeEditableEnabled: l.bool,
-		autoFocus: l.bool,
-		onAutoFocusUsed: l.func,
-		showCorrectness: l.bool,
-		hiddenLabelRef: l.oneOfType([l.func, l.shape({ current: l.instanceOf(Element) })]),
-		language: l.string,
-		onLabelOverhang: l.func
+		bottomScale: u.func,
+		categories: u.array,
+		defineChart: u.bool,
+		error: u.any,
+		graphProps: f.GraphPropsType.isRequired,
+		xBand: u.func,
+		leftAxis: u.bool,
+		onChange: u.func,
+		onChangeCategory: u.func,
+		top: u.number,
+		theme: u.object,
+		chartingOptions: u.object,
+		changeInteractiveEnabled: u.bool,
+		changeEditableEnabled: u.bool,
+		autoFocus: u.bool,
+		onAutoFocusUsed: u.func,
+		showCorrectness: u.bool,
+		hiddenLabelRef: u.oneOfType([u.func, u.shape({ current: u.instanceOf(Element) })]),
+		language: u.string,
+		onLabelOverhang: u.func
 	};
 	state = {
 		height: 0,
@@ -331,7 +337,7 @@ var j = class extends c.Component {
 	observeHiddenLabel = (e) => {
 		if (!e) return;
 		let t = e.querySelector("[data-latex], [data-raw]");
-		t && _(e), (e.querySelector("mjx-container") || !t) && this.measureHiddenLabel(), S(this._onDocMutation), this.observeHiddenLabelSize(e);
+		t && v(e), (e.querySelector("mjx-container") || !t) && this.measureHiddenLabel(), C(this._onDocMutation), this.observeHiddenLabelSize(e);
 	};
 	observeHiddenLabelSize = (e) => {
 		e === this._sizedLabel || typeof ResizeObserver > "u" || (this._sizeObserver?.disconnect(), this._sizedLabel = e, this._sizeObserver = new ResizeObserver(() => this.measureHiddenLabel()), this._sizeObserver.observe(e));
@@ -343,17 +349,17 @@ var j = class extends c.Component {
 		this.hiddenLabelRef && this.observeHiddenLabel(this.hiddenLabelRef), this.reportLabelOverhang();
 	}
 	componentWillUnmount() {
-		C(this._onDocMutation), this._sizeObserver?.disconnect(), this._sizedLabel = null, this._updateTimer && clearTimeout(this._updateTimer);
+		w(this._onDocMutation), this._sizeObserver?.disconnect(), this._sizedLabel = null, this._updateTimer && clearTimeout(this._updateTimer);
 	}
 	componentDidUpdate(e) {
 		e.categories !== this.props.categories && (this._updateTimer && clearTimeout(this._updateTimer), this._updateTimer = setTimeout(() => this.measureHiddenLabel(), 50)), this.reportLabelOverhang();
 	}
 	render() {
-		let { graphProps: n, xBand: r, leftAxis: i, onChange: a, onChangeCategory: s, categories: c = [], top: l, defineChart: u, chartingOptions: d, changeInteractiveEnabled: f, changeEditableEnabled: p, autoFocus: g, onAutoFocusUsed: _, error: v, showCorrectness: y, language: b } = this.props, { scale: x = {}, range: S = {}, size: C = {} } = n || {}, w = r && typeof r.rangeRound == "function" && r.rangeRound([0, C.width]), { bandWidth: T, barWidth: D, rotate: O } = this.labelLayout(), k = o({
+		let { graphProps: n, xBand: r, leftAxis: i, onChange: a, onChangeCategory: s, categories: c = [], top: l, defineChart: u, chartingOptions: d, changeInteractiveEnabled: f, changeEditableEnabled: p, autoFocus: m, onAutoFocusUsed: _, error: v, showCorrectness: y, language: b } = this.props, { scale: x = {}, range: S = {}, size: C = {} } = n || {}, w = r && typeof r.rangeRound == "function" && r.rangeRound([0, C.width]), { bandWidth: T, barWidth: E, rotate: O } = this.labelLayout(), k = o({
 			...S,
 			step: S.labelStep
 		});
-		return /* @__PURE__ */ h(E, { children: [i && /* @__PURE__ */ m(e, {
+		return /* @__PURE__ */ g(D, { children: [i && /* @__PURE__ */ h(e, {
 			scale: x.y,
 			tickLength: 10,
 			tickFormat: (e) => e,
@@ -362,23 +368,23 @@ var j = class extends c.Component {
 				dy: 4,
 				dx: -10 - (e.toLocaleString().length || 1) * 5
 			})
-		}), /* @__PURE__ */ m(t, {
+		}), /* @__PURE__ */ h(t, {
 			scale: w,
 			labelProps: { y: 60 + l },
 			top: x.y && x.y(S.min),
 			textLabelProps: () => ({ textAnchor: "middle" }),
 			tickFormat: (e) => e,
-			tickComponent: (e) => /* @__PURE__ */ m(A, {
+			tickComponent: (e) => /* @__PURE__ */ h(j, {
 				hiddenLabelRef: this.setHiddenLabelRef,
 				categories: c,
 				xBand: r,
 				bandWidth: T,
-				barWidth: D,
+				barWidth: E,
 				rotate: O,
 				top: l,
 				defineChart: u,
 				chartingOptions: d,
-				autoFocus: g,
+				autoFocus: m,
 				onAutoFocusUsed: _,
 				error: v,
 				onChangeCategory: s,
@@ -392,10 +398,10 @@ var j = class extends c.Component {
 				showCorrectness: y,
 				language: b
 			}),
-			autoFocus: g,
+			autoFocus: m,
 			onAutoFocusUsed: _
 		})] });
 	}
 };
 //#endregion
-export { j as RawChartAxes, j as default, A as TickComponent };
+export { M as RawChartAxes, M as default, j as TickComponent };

package/dist/bars/common/bars.d.ts

@@ -40,6 +40,7 @@ export declare class RawBar extends React.Component {
         }>>;
         correctData: PropTypes.Requireable<any[]>;
         defineChart: PropTypes.Requireable<boolean>;
+        language: PropTypes.Requireable<string>;
     };
     constructor(props: any);
     componentDidMount(): void;
@@ -49,6 +50,7 @@ export declare class RawBar extends React.Component {
     handleMouseEnter: () => void;
     handleMouseLeave: () => void;
     setDragValue: (dragValue: any) => void;
+    changeValue: any;
     dragStop: any;
     dragValue: any;
     render(): React.JSX.Element;
@@ -85,6 +87,7 @@ export declare class Bars extends React.Component {
             }>>>;
         }>>>;
         histogram: PropTypes.Requireable<boolean>;
+        language: PropTypes.Requireable<string>;
     };
     render(): React.JSX.Element;
 }