@pie-lib/charting 8.0.2-next.20261007003844 → 8.0.2-next.20261007021359

package/dist/mark-label.js

@@ -8,12 +8,13 @@ import { types as d } from "@pie-lib/plot";
 import { color as f } from "@pie-lib/render-ui";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { renderMath as h } from "@pie-element/shared-math-rendering-mathjax";
+import { sanitizeModelHtml as g } from "@pie-element/shared-utils";
 //#region src/mark-label.tsx
-var g = u("div")({
+var _ = u("div")({
 	display: "flex",
 	flexDirection: "column",
 	alignItems: "center"
-}), _ = f.disabledText();
+}), v = f.disabledText();
 u("input")(({ theme: e }) => ({
 	float: "right",
 	fontFamily: e.typography.fontFamily,
@@ -24,7 +25,7 @@ u("input")(({ theme: e }) => ({
 	"&.disabledMarkLabel": { backgroundColor: "transparent !important" },
 	"&.error": { border: `2px solid ${e.palette.error.main}` }
 }));
-var v = u("div")(({ theme: e }) => ({
+var y = u("div")(({ theme: e }) => ({
 	pointerEvents: "auto",
 	textAlign: "center",
 	fontSize: e.typography.fontSize + 2,
@@ -33,7 +34,7 @@ var v = u("div")(({ theme: e }) => ({
 	paddingTop: e.typography.fontSize / 2,
 	"&.disabledMarkLabel": {
 		...r("color"),
-		color: _,
+		color: v,
 		backgroundColor: "transparent !important"
 	},
 	"&.error": { border: `2px solid ${e.palette.error.main}` },
@@ -44,68 +45,68 @@ var v = u("div")(({ theme: e }) => ({
 		outlineOffset: "2px"
 	}
 }));
-function y(e) {
+function b(e) {
 	let t = e?.trim() || "";
 	return (/* @__PURE__ */ new RegExp(/^[1-9]*[0-9]*\s?[1-9][0-9]*\/[1-9][0-9]*$/)).test(t);
 }
-function b(e) {
+function x(e) {
 	let t = e?.trim() || "", n, r = "", i = t.split(" ");
 	n = i[1] && i[1].includes("/") ? i[1].split("/") || "" : t?.split("/") || "";
 	let a;
-	if (y(e)) return i[0] && i[1] && (r = i[0]), a = `\\(${r}\\frac{${n[0]}}{${n[1]}}\\)`, a;
+	if (b(e)) return i[0] && i[1] && (r = i[0]), a = `\\(${r}\\frac{${n[0]}}{${n[1]}}\\)`, a;
 }
-var x = (n) => {
-	let [r, i] = c(null), l = a((e) => i(e), null), { mark: u = {}, disabled: d, inputRef: f, barWidth: y, rotate: x, correctness: S, autoFocus: C, error: w, isHiddenLabel: T, limitCharacters: E, correctnessIndicator: D, ariaLabel: O, mathAriaLabel: k } = n, [A, j] = c(u.label), [M, N] = c(b(u.label)), [P, F] = c(!1), I = s(null), L = (e) => {
-		E && e.target.value && e.target.value.length > 20 || j(e.target.value);
-	}, R = () => P === !1 && M !== void 0, z = () => F(!0), B = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), z());
-	}, V = (e) => {
-		N(b(u.label)), F(!1), n.onChange(e.target.value);
-	}, H = {};
-	return x && (H = {
+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) => {
+		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 = {
 		width: "unset",
 		textAlign: "left"
 	}), o(() => {
-		j(u.label);
+		M(u.label);
 	}, [u.label]), o(() => {
-		let e = I.current;
-		e && M && (e.innerHTML = M, h(e));
-	}, [A, M]), /* @__PURE__ */ m(g, { children: [D, R() ? /* @__PURE__ */ p(v, {
+		let e = L.current;
+		e && N && (e.innerHTML = g(N), h(e));
+	}, [j, N]), /* @__PURE__ */ m(_, { children: [O, z() ? /* @__PURE__ */ p(y, {
 		ref: (e) => {
-			I.current = e, typeof f == "function" && f(e);
+			L.current = e, typeof f == "function" && f(e);
 		},
 		className: e({
 			disabledMarkLabel: d,
-			error: w,
-			correct: u.editable && S?.label === "correct",
-			incorrect: u.editable && S?.label === "incorrect"
+			error: T,
+			correct: u.editable && C?.label === "correct",
+			incorrect: u.editable && C?.label === "incorrect"
 		}),
 		...!d && {
 			role: "button",
 			tabIndex: 0,
-			"aria-label": k || O,
-			onClick: z,
-			onKeyDown: B
+			"aria-label": A || k,
+			onClick: B,
+			onKeyDown: V
 		},
 		style: {
-			minWidth: y,
+			minWidth: b,
 			position: "fixed",
 			transformOrigin: "left",
-			transform: `rotate(${x}deg)`,
-			visibility: T ? "hidden" : "unset",
-			marginTop: D ? "24px" : "0"
+			transform: `rotate(${S}deg)`,
+			visibility: E ? "hidden" : "unset",
+			marginTop: O ? "24px" : "0"
 		}
 	}) : /* @__PURE__ */ p(t, {
 		inputRef: (e) => {
 			l(e), typeof f == "function" && f(e);
 		},
 		name: "mark-label-input",
-		"aria-label": O,
-		autoFocus: P || C,
+		"aria-label": k,
+		autoFocus: F || w,
 		disabled: d,
-		inputClassName: e(S && u.editable ? S.label : null, d && "disabledMarkLabel", w && "error"),
+		inputClassName: e(C && u.editable ? C.label : null, d && "disabledMarkLabel", T && "error"),
 		inputStyle: {
-			minWidth: y,
+			minWidth: b,
 			textAlign: "center",
 			background: "transparent",
 			boxSizing: "border-box",
@@ -113,28 +114,28 @@ var x = (n) => {
 			paddingRight: 0,
 			border: "none",
 			...d ? {
-				color: _,
-				WebkitTextFillColor: _
+				color: v,
+				WebkitTextFillColor: v
 			} : {},
-			...H
+			...U
 		},
-		value: A,
+		value: j,
 		style: {
 			position: "fixed",
 			pointerEvents: "auto",
 			top: 0,
 			left: 0,
-			minWidth: y,
+			minWidth: b,
 			transformOrigin: "left",
-			transform: `rotate(${x}deg)`,
-			visibility: T ? "hidden" : "unset",
-			marginTop: D ? "24px" : "0"
+			transform: `rotate(${S}deg)`,
+			visibility: E ? "hidden" : "unset",
+			marginTop: O ? "24px" : "0"
 		},
-		onChange: L,
-		onBlur: V
+		onChange: R,
+		onBlur: H
 	})] });
 };
-x.propTypes = {
+S.propTypes = {
 	autoFocus: l.bool,
 	disabled: l.bool,
 	error: l.any,
@@ -155,4 +156,4 @@ x.propTypes = {
 	mathAriaLabel: l.string
 };
 //#endregion
-export { x as MarkLabel, x as default };
+export { S as MarkLabel, S as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/charting",
-  "version": "8.0.2-next.20261007003844",
+  "version": "8.0.2-next.20261007021359",
   "description": "charting",
   "repository": {
     "type": "git",
@@ -13,8 +13,9 @@
     "@mapbox/point-geometry": "^1.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/plot": "5.0.2-next.20261007003844",
-    "@pie-lib/render-ui": "8.0.2-next.20261007003844",
+    "@pie-element/shared-utils": "0.2.0-next.20261007021359",
+    "@pie-lib/plot": "5.0.2-next.20261007021359",
+    "@pie-lib/render-ui": "8.0.2-next.20261007021359",
     "@pie-lib/translator": "5.0.2-next.20261006160832",
     "@visx/axis": "^4.0.0",
     "@visx/event": "^4.0.0",
@@ -29,7 +30,7 @@
     "invariant": "^2.2.4",
     "react-draggable": "^4.7.1",
     "prop-types": "^15.8.1",
-    "@pie-lib/config-ui": "14.0.2-next.20261007003844",
+    "@pie-lib/config-ui": "14.0.2-next.20261007021359",
     "@pie-element/shared-math-rendering-mathjax": "0.1.3-next.20261007003844",
     "@pie-element/shared-lodash": "0.1.3-next.20261006160832",
     "clsx": "^2.1.1",