@pie-element/passage 7.1.1-next.11 → 7.1.2-next.0

package/dist/author/passage.js

@@ -0,0 +1,127 @@
+import e from "react";
+import t from "prop-types";
+import { styled as n } from "@mui/material/styles";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { InputContainer as a } from "@pie-lib/config-ui";
+import o, { ALL_PLUGINS as s } from "@pie-lib/editable-html-tip-tap";
+//#region src/author/passage.tsx
+var c = n(a)(({ theme: e }) => ({
+	paddingTop: e.spacing(2),
+	marginBottom: e.spacing(2),
+	width: "100%"
+})), l = n("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(1)
+})), u = class extends e.Component {
+	static propTypes = {
+		onModelChanged: t.func.isRequired,
+		model: t.object.isRequired,
+		configuration: t.object.isRequired,
+		imageSupport: t.object.isRequired,
+		passageIndex: t.number.isRequired,
+		uploadSoundSupport: t.object.isRequired
+	};
+	static defaultProps = { passageIndex: 0 };
+	constructor(e) {
+		super(e);
+	}
+	handleChange = (e, t) => {
+		let { model: n, onModelChanged: r, passageIndex: i } = this.props;
+		if (!n.passages || i < 0 || i >= n.passages.length) return;
+		let a = [...n.passages];
+		a[i] = {
+			...a[i],
+			[e]: t
+		}, r({
+			...n,
+			passages: a
+		});
+	};
+	render() {
+		let { model: t, configuration: n, imageSupport: a, passageIndex: u, uploadSoundSupport: d } = this.props, { maxImageWidth: f = {}, maxImageHeight: p = {}, mathMlOptions: m = {}, baseInputConfiguration: h = {}, teacherInstructions: g = {}, title: _ = {}, subtitle: v = {}, text: y = {}, author: b = {} } = n || {}, { errors: x = {}, passages: S = [], teacherInstructionsEnabled: C, titleEnabled: w, subtitleEnabled: T, authorEnabled: E, textEnabled: D } = t || {}, { passages: O } = x || {}, { teacherInstructions: k, title: A, subtitle: j, author: M, text: N } = O && O[u] || {}, P = f && f.prompt, F = p && p.prompt, I = (e) => ({
+			...h,
+			...e
+		}), L = (s || []).filter((e) => ![
+			"math",
+			"table",
+			"bulleted-list",
+			"numbered-list"
+		].includes(e));
+		return /* @__PURE__ */ i(e.Fragment, { children: [
+			C && /* @__PURE__ */ i(c, {
+				label: g.label,
+				children: [/* @__PURE__ */ r(o, {
+					activePlugins: s,
+					markup: S[u].teacherInstructions || "",
+					onChange: (e) => this.handleChange("teacherInstructions", e),
+					nonEmpty: !1,
+					error: k,
+					maxImageWidth: f && f.teacherInstructions || P,
+					maxImageHeight: p && p.teacherInstructions || F,
+					mathMlOptions: m,
+					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+					pluginProps: I(g?.inputConfiguration)
+				}), k && /* @__PURE__ */ r(l, { children: k })]
+			}),
+			w && /* @__PURE__ */ i(c, {
+				label: _.label,
+				children: [/* @__PURE__ */ r(o, {
+					activePlugins: L,
+					markup: S[u].title || "",
+					onChange: (e) => this.handleChange("title", e),
+					nonEmpty: !1,
+					error: A,
+					mathMlOptions: m,
+					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+					pluginProps: I(_?.inputConfiguration)
+				}), A && /* @__PURE__ */ r(l, { children: A })]
+			}),
+			T && /* @__PURE__ */ i(c, {
+				label: v.label,
+				children: [/* @__PURE__ */ r(o, {
+					activePlugins: L,
+					markup: S[u].subtitle || "",
+					onChange: (e) => this.handleChange("subtitle", e),
+					nonEmpty: !1,
+					error: j,
+					mathMlOptions: m,
+					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+					pluginProps: I(v?.inputConfiguration)
+				}), j && /* @__PURE__ */ r(l, { children: j })]
+			}),
+			E && /* @__PURE__ */ i(c, {
+				label: b.label,
+				children: [/* @__PURE__ */ r(o, {
+					activePlugins: L,
+					markup: S[u].author || "",
+					onChange: (e) => this.handleChange("author", e),
+					nonEmpty: !1,
+					error: M,
+					mathMlOptions: m,
+					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+					pluginProps: I(b?.inputConfiguration)
+				}), M && /* @__PURE__ */ r(l, { children: M })]
+			}),
+			D && /* @__PURE__ */ i(c, {
+				label: y.label,
+				children: [/* @__PURE__ */ r(o, {
+					activePlugins: s,
+					markup: S[u].text || "",
+					onChange: (e) => this.handleChange("text", e),
+					imageSupport: a,
+					uploadSoundSupport: d,
+					nonEmpty: !1,
+					error: N,
+					maxImageWidth: f && f.text || P,
+					maxImageHeight: p && p.text || F,
+					mathMlOptions: m,
+					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+					pluginProps: I(y?.inputConfiguration)
+				}), N && /* @__PURE__ */ r(l, { children: N })]
+			})
+		] });
+	}
+};
+//#endregion
+export { u as default };