@pie-lib/render-ui 8.0.4 → 8.0.5-next.20261012213240

package/dist/preview-prompt.js

@@ -3,28 +3,28 @@ import { createUniqueId as i } from "./unique-id.js";
 import a, { Component as o } from "react";
 import s from "prop-types";
 import { styled as c } from "@mui/material/styles";
-import { sanitizeModelHtml as l } from "@pie-element/shared-utils";
-import { jsx as u } from "react/jsx-runtime";
-import { renderMath as d } from "@pie-element/shared-math-rendering-mathjax";
-import f from "@pie-lib/translator";
+import { PLAY_AUDIO_ATTR as l, sanitizeModelHtml as u } from "@pie-element/shared-utils";
+import { jsx as d } from "react/jsx-runtime";
+import { renderMath as f } from "@pie-element/shared-math-rendering-mathjax";
+import p from "@pie-lib/translator";
 //#region src/preview-prompt.tsx
-var { translator: p } = f, m = "pie-prompt-audio-player", h = "play-audio-button", g = (e) => `&:not(.MathJax) > table${e}, &:not(.MathJax) > .pie-table-scroll > table${e}`, _ = c("div")(({ theme: i, tagName: a }) => ({
-	[`& .${h}:focus-visible`]: {
+var { translator: m } = p, h = "pie-prompt-audio-player", g = "play-audio-button", _ = (e) => `&:not(.MathJax) > table${e}, &:not(.MathJax) > .pie-table-scroll > table${e}`, v = c("div")(({ theme: i, tagName: a }) => ({
+	[`& .${g}:focus-visible`]: {
 		outline: `2px solid ${e()}`,
 		outlineOffset: "2px"
 	},
-	[g(":not([role=\"presentation\"])")]: { borderCollapse: "collapse" },
+	[_(":not([role=\"presentation\"])")]: { borderCollapse: "collapse" },
 	"&:not(.MathJax) table[border]:not([role=\"presentation\"]), &:not(.MathJax) table[border]:not([role=\"presentation\"]) td, &:not(.MathJax) table[border]:not([role=\"presentation\"]) th": {
 		borderStyle: "solid",
 		borderColor: t()
 	},
-	[g(":not([role=\"presentation\"]):has(tbody tr > th:first-child):not(:has(tbody tr > td:first-child)) tbody td:nth-child(even)")]: { backgroundColor: n() },
-	[g(":not([role=\"presentation\"]):has(tbody tr > td:first-child) tbody tr:nth-child(even) td")]: { backgroundColor: n() },
+	[_(":not([role=\"presentation\"]):has(tbody tr > th:first-child):not(:has(tbody tr > td:first-child)) tbody td:nth-child(even)")]: { backgroundColor: n() },
+	[_(":not([role=\"presentation\"]):has(tbody tr > td:first-child) tbody tr:nth-child(even) td")]: { backgroundColor: n() },
 	"&:not(.MathJax) table:not([role=\"presentation\"]) td, &:not(.MathJax) table:not([role=\"presentation\"]) th": {
 		padding: ".6em 1em",
 		textAlign: "left"
 	},
-	[g(" td > p.kds-indent")]: { textAlign: "initial" },
+	[_(" td > p.kds-indent")]: { textAlign: "initial" },
 	"&.prompt": {
 		verticalAlign: "middle",
 		color: r()
@@ -45,7 +45,7 @@ var { translator: p } = f, m = "pie-prompt-audio-player", h = "play-audio-button
 		cursor: "pointer",
 		"& > p": { margin: "0 0 0 0 !important" }
 	}
-})), v = /\\embed\{newLine\}\[\]/g, y = "\\newline ", b = "preview-prompt", x = class extends o {
+})), y = /\\embed\{newLine\}\[\]/g, b = "\\newline ", x = "preview-prompt", S = class extends o {
 	static propTypes = {
 		prompt: s.string,
 		tagName: s.string,
@@ -61,18 +61,19 @@ var { translator: p } = f, m = "pie-prompt-audio-player", h = "play-audio-button
 	};
 	static defaultProps = { onClick: () => {} };
 	promptRef = a.createRef();
-	audioId = i(m);
-	playButtonId = i(h);
+	audioId = i(h);
+	playButtonId = i(g);
 	parsedText = (e) => {
 		let { autoplayAudioEnabled: t, customAudioButton: n, language: r } = this.props, i = document.createElement("div");
-		i.innerHTML = l(e);
+		i.innerHTML = u(e);
 		let a = i.querySelector("audio");
 		if (a) {
 			let e = document.createElement("source");
-			if (e.setAttribute("type", "audio/mp3"), e.setAttribute("src", a.getAttribute("src")), a.removeAttribute("src"), a.id = this.audioId, a.classList.add(m), a.appendChild(e), n) {
+			if (e.setAttribute("type", "audio/mp3"), e.setAttribute("src", a.getAttribute("src")), a.removeAttribute("src"), a.id) for (let e of i.querySelectorAll(`[${l}]`)) e.getAttribute(l) === a.id && e.setAttribute(l, this.audioId);
+			if (a.id = this.audioId, a.classList.add(h), a.appendChild(e), n) {
 				a.style.display = "none";
 				let e = document.createElement("button");
-				e.setAttribute("type", "button"), e.setAttribute("aria-label", p.t("common:playAudio", { lng: r })), e.id = this.playButtonId, e.className = h, Object.assign(e.style, {
+				e.setAttribute("type", "button"), e.setAttribute("aria-label", m.t("common:playAudio", { lng: r })), e.id = this.playButtonId, e.className = g, Object.assign(e.style, {
 					cursor: "pointer",
 					display: "block",
 					width: "128px",
@@ -91,7 +92,7 @@ var { translator: p } = f, m = "pie-prompt-audio-player", h = "play-audio-button
 		return i.innerHTML;
 	};
 	addCustomAudioButtonControls() {
-		let { autoplayAudioEnabled: e, customAudioButton: t } = this.props, n = this.promptRef.current, r = n?.querySelector(`.${h}`), i = n?.querySelector(`.${m}`);
+		let { autoplayAudioEnabled: e, customAudioButton: t } = this.props, n = this.promptRef.current, r = n?.querySelector(`.${g}`), i = n?.querySelector(`.${h}`);
 		if (e && i && i.play().then(() => {
 			r && t && i.addEventListener("ended", o);
 		}).catch((e) => {
@@ -132,7 +133,7 @@ var { translator: p } = f, m = "pie-prompt-audio-player", h = "play-audio-button
 	}
 	renderMathContent() {
 		let e = this.promptRef.current;
-		e && typeof d == "function" && d(e);
+		e && typeof f == "function" && f(e);
 	}
 	alignImages() {
 		let e = this.promptRef.current;
@@ -152,16 +153,16 @@ var { translator: p } = f, m = "pie-prompt-audio-player", h = "play-audio-button
 		}
 	}
 	render() {
-		let { prompt: e, tagName: t, className: n, onClick: r, defaultClassName: i } = this.props, a = `${n || ""} ${i || ""} ${t === "legend" ? "legend" : ""} ${b}`.trim();
-		return /* @__PURE__ */ u(_, {
+		let { prompt: e, tagName: t, className: n, onClick: r, defaultClassName: i } = this.props, a = `${n || ""} ${i || ""} ${t === "legend" ? "legend" : ""} ${x}`.trim();
+		return /* @__PURE__ */ d(v, {
 			as: t || "div",
 			ref: this.promptRef,
 			onClick: r,
 			className: a,
 			tagName: t,
-			dangerouslySetInnerHTML: { __html: this.parsedText(e || "").replace(v, y) }
+			dangerouslySetInnerHTML: { __html: this.parsedText(e || "").replace(y, b) }
 		});
 	}
 };
 //#endregion
-export { x as PreviewPrompt, x as default };
+export { S as PreviewPrompt, S as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/render-ui",
-  "version": "8.0.4",
+  "version": "8.0.5-next.20261012213240",
   "description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
   "repository": {
     "type": "git",
@@ -12,14 +12,14 @@
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/icons": "5.0.1",
-    "@pie-lib/translator": "5.0.1",
+    "@pie-lib/icons": "5.0.2-next.20261006160832",
+    "@pie-lib/translator": "5.0.2-next.20261006160832",
     "debug": "^4.1.1",
     "prop-types": "^15.7.2",
     "react-transition-group": "^4.4.5",
-    "@pie-element/shared-math-rendering-mathjax": "0.1.5",
-    "@pie-element/shared-lodash": "0.1.2",
-    "@pie-element/shared-utils": "0.1.4"
+    "@pie-element/shared-math-rendering-mathjax": "0.1.6-next.20261012010413",
+    "@pie-element/shared-lodash": "0.1.3-next.20261012213240",
+    "@pie-element/shared-utils": "0.1.5-next.20261012213240"
   },
   "type": "module",
   "main": "./dist/index.js",