@pie-element/drawing-response 12.1.1 → 12.1.2-next.1

package/dist/author/root.js

@@ -0,0 +1,142 @@
+import e from "./image-container.js";
+import t from "react";
+import { cloneDeep as n } from "@pie-element/shared-lodash";
+import r from "prop-types";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { styled as o } from "@mui/material/styles";
+import { InputContainer as s, layout as c, settings as l } from "@pie-lib/config-ui";
+import u from "@pie-lib/editable-html-tip-tap";
+import d from "@mui/material/Typography";
+//#region src/author/root.tsx
+var { Panel: f, toggle: p, dropdown: m } = l, h = o(s)(({ theme: e }) => ({
+	paddingTop: e.spacing(1),
+	marginTop: e.spacing(2),
+	marginBottom: e.spacing(1),
+	width: "100%"
+})), g = o("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(1)
+})), _ = class extends t.Component {
+	onPromptChanged = (e) => {
+		let { model: t, onModelChanged: r } = this.props;
+		r({
+			...n(t),
+			prompt: e
+		});
+	};
+	onTeacherInstructionsChanged = (e) => {
+		let { model: t, onModelChanged: n } = this.props;
+		n({
+			...t,
+			teacherInstructions: e
+		});
+	};
+	onUpdateImageDimension = (e) => {
+		let { model: t, onModelChanged: n } = this.props;
+		n({
+			...t,
+			imageDimensions: e
+		});
+	};
+	onImageUpload = (e) => {
+		let { model: t, onModelChanged: n } = this.props;
+		n({
+			...t,
+			imageUrl: e
+		});
+	};
+	render() {
+		let { configuration: n, imageSupport: r, model: o, onConfigurationChanged: s, onModelChanged: l, uploadSoundSupport: _ } = this.props, { baseInputConfiguration: v = {}, backgroundImage: y = {}, contentDimensions: b = {}, maxImageWidth: x = {}, maxImageHeight: S = {}, prompt: C = {}, settingsPanelDisabled: w, spellCheck: T = {}, teacherInstructions: E = {}, withRubric: D = {}, language: O = {}, languageChoices: k = {}, mathMlOptions: A = {} } = n || {}, { backgroundImageEnabled: j, errors: M = {}, extraCSSRules: N, promptEnabled: P, spellCheckEnabled: F, teacherInstructionsEnabled: I, toolbarEditorPosition: L } = o || {}, { prompt: R, teacherInstructions: z } = M, B = x && x.prompt, V = S && S.prompt, H = { position: L === "top" ? "top" : "bottom" }, U = {
+			backgroundImageEnabled: y.settings && p(y.label),
+			promptEnabled: C.settings && p(C.label),
+			"language.enabled": O.settings && p(O.label, !0),
+			language: O.settings && O.enabled && m(k.label, k.options)
+		}, W = {
+			teacherInstructionsEnabled: E.settings && p(E.label),
+			spellCheckEnabled: T.settings && p(T.label),
+			rubricEnabled: D?.settings && p(D?.label)
+		}, G = (e = {}) => ({
+			...v,
+			...e
+		});
+		return /* @__PURE__ */ a(c.ConfigLayout, {
+			extraCSSRules: N,
+			dimensions: b,
+			hideSettings: w,
+			settings: /* @__PURE__ */ i(f, {
+				model: o,
+				onChangeModel: l,
+				configuration: n,
+				onChangeConfiguration: s,
+				groups: {
+					Settings: U,
+					Properties: W
+				}
+			}),
+			children: [
+				I && /* @__PURE__ */ a(h, {
+					label: E.label,
+					children: [/* @__PURE__ */ i(u, {
+						markup: o.teacherInstructions || "",
+						onChange: this.onTeacherInstructionsChanged,
+						imageSupport: r,
+						nonEmpty: !1,
+						error: z,
+						toolbarOpts: H,
+						pluginProps: G(E?.inputConfiguration),
+						spellCheck: F,
+						maxImageWidth: x && x.teacherInstructions || B,
+						maxImageHeight: S && S.teacherInstructions || V,
+						uploadSoundSupport: _,
+						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+						mathMlOptions: A
+					}), z && /* @__PURE__ */ i(g, { children: z })]
+				}),
+				P && /* @__PURE__ */ a(h, {
+					label: "Item Stem",
+					children: [/* @__PURE__ */ i(u, {
+						markup: o.prompt,
+						onChange: this.onPromptChanged,
+						error: R,
+						toolbarOpts: H,
+						spellCheck: F,
+						pluginProps: G(C?.inputConfiguration),
+						imageSupport: r,
+						maxImageWidth: B,
+						maxImageHeight: V,
+						uploadSoundSupport: _,
+						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+						mathMlOptions: A
+					}), R && /* @__PURE__ */ i(g, { children: R })]
+				}),
+				j && /* @__PURE__ */ a(t.Fragment, { children: [/* @__PURE__ */ i(d, {
+					variant: "h6",
+					children: "Define Background Image"
+				}), /* @__PURE__ */ i(e, {
+					imageUrl: o.imageUrl,
+					onUpdateImageDimension: this.onUpdateImageDimension,
+					onImageUpload: this.onImageUpload,
+					imageDimensions: o.imageDimensions,
+					insertImage: r && r.add
+				})] })
+			]
+		});
+	}
+};
+_.propTypes = {
+	configuration: r.object,
+	model: r.object.isRequired,
+	imageSupport: r.shape({
+		add: r.func,
+		delete: r.func
+	}),
+	uploadSoundSupport: r.shape({
+		add: r.func,
+		delete: r.func
+	}),
+	onModelChanged: r.func.isRequired,
+	onConfigurationChanged: r.func.isRequired
+};
+//#endregion
+export { _ as default };