@pie-element/extended-text-entry 15.1.2-next.1 → 15.1.2

package/dist/author/main.js

@@ -1,166 +0,0 @@
-import e from "react";
-import t from "prop-types";
-import n from "@mui/material/Typography";
-import { styled as r } from "@mui/material/styles";
-import i, { ALL_PLUGINS as a } from "@pie-lib/editable-html-tip-tap";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { FeedbackSelector as c, InputContainer as l, layout as u, settings as d } from "@pie-lib/config-ui";
-//#region src/author/main.tsx
-var { Panel: f, toggle: p, numberFields: m, dropdown: h } = d, g = {
-	type: "default",
-	default: "Your answer has been submitted"
-}, _ = r(n)(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), v = r(l)(({ theme: e }) => ({
-	paddingTop: e.spacing(1),
-	marginTop: e.spacing(2),
-	marginBottom: e.spacing(2),
-	width: "100%"
-})), y = r("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(1)
-})), b = class extends e.Component {
-	static propTypes = {
-		onModelChanged: t.func.isRequired,
-		onConfigurationChanged: t.func,
-		model: t.object.isRequired,
-		configuration: t.object.isRequired,
-		imageSupport: t.object.isRequired,
-		uploadSoundSupport: t.object.isRequired
-	};
-	constructor(e) {
-		super(e), this.state = { setDimensions: !0 };
-	}
-	onPromptChange = (e) => {
-		let { onModelChanged: t, model: n } = this.props;
-		t({
-			...n,
-			prompt: e
-		});
-	};
-	changeFeedback = (e) => {
-		let { model: t, onModelChanged: n } = this.props;
-		n({
-			...t,
-			feedback: e
-		});
-	};
-	changeTeacherInstructions = (e) => {
-		let { model: t, onModelChanged: n } = this.props;
-		n({
-			...t,
-			teacherInstructions: e
-		});
-	};
-	render() {
-		let { model: t, configuration: n, imageSupport: r, onConfigurationChanged: l, onModelChanged: d, uploadSoundSupport: b } = this.props, { annotations: x = {}, contentDimensions: S = {}, dimensions: C = {}, equationEditor: w = {}, feedback: T = {}, playerSpellCheck: E = {}, prompt: D = {}, settingsPanelDisabled: ee, spanishInput: O = {}, specialInput: k = {}, spellCheck: A = {}, studentInstructions: j = {}, teacherInstructions: M = {}, mathInput: N = {}, maxImageWidth: P = {}, maxImageHeight: F = {}, multiple: I = {}, withRubric: L = {}, mathMlOptions: R = {}, baseInputConfiguration: z = {} } = n || {}, { errors: B = {}, extraCSSRules: V, feedbackEnabled: H, promptEnabled: U, spellCheckEnabled: W, teacherInstructionsEnabled: G, toolbarEditorPosition: K } = t || {}, { prompt: q, teacherInstructions: J } = B, Y = P && P.prompt, X = F && F.prompt, Z = { position: K === "top" ? "top" : "bottom" }, Q = {
-			mathInput: N.settings && p(N.label),
-			equationEditor: w.enabled && t.mathInput && h(w.label, [
-				"non-negative-integers",
-				"integers",
-				"decimals",
-				"fractions",
-				"Grade 1 - 2",
-				"Grade 3 - 5",
-				"Grade 6 - 7",
-				"Grade 8 - HS",
-				"geometry",
-				"advanced-algebra",
-				"statistics",
-				"item-authoring"
-			]),
-			spanishInput: O.settings && p(O.label),
-			specialInput: k.settings && p(k.label),
-			dimensions: C.settings && m(C.label, {
-				width: {
-					label: "Width (px)",
-					suffix: "px",
-					min: 100,
-					max: 1200
-				},
-				height: {
-					label: "Height (px)",
-					suffix: "px",
-					min: 100,
-					max: 500
-				}
-			}),
-			"multiple.enabled": I.settings && p(I.label, !0),
-			promptEnabled: D.settings && p(D.label),
-			feedbackEnabled: T.settings && p(T.label),
-			annotationsEnabled: x.settings && p(x.label),
-			spellCheckEnabled: A.settings && p(A.label),
-			playerSpellCheckDisabled: E.settings && p(E.label)
-		}, te = {
-			teacherInstructionsEnabled: M.settings && p(M.label),
-			studentInstructionsEnabled: j.settings && p(j.label),
-			rubricEnabled: L?.settings && p(L?.label)
-		}, $ = (e) => Object.assign({ ...z }, e || {});
-		return /* @__PURE__ */ s(u.ConfigLayout, {
-			extraCSSRules: V,
-			dimensions: S,
-			hideSettings: ee,
-			settings: /* @__PURE__ */ o(f, {
-				model: t,
-				configuration: n,
-				onChangeModel: (e) => d(e),
-				onChangeConfiguration: (e) => l(e),
-				groups: {
-					Settings: Q,
-					Properties: te
-				}
-			}),
-			children: [
-				G && /* @__PURE__ */ s(v, {
-					label: M.label,
-					children: [/* @__PURE__ */ o(i, {
-						className: "prompt",
-						markup: t.teacherInstructions || "",
-						onChange: this.changeTeacherInstructions,
-						imageSupport: r,
-						nonEmpty: !1,
-						error: J,
-						toolbarOpts: Z,
-						spellCheck: W,
-						maxImageWidth: P && P.teacherInstructions || Y,
-						maxImageHeight: F && F.teacherInstructions || X,
-						uploadSoundSupport: b,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: R,
-						pluginProps: $(M?.inputConfiguration)
-					}), J && /* @__PURE__ */ o(y, { children: J })]
-				}),
-				U && /* @__PURE__ */ s(v, {
-					label: D.label,
-					children: [/* @__PURE__ */ o(i, {
-						activePlugins: a,
-						className: "prompt",
-						markup: t.prompt || "",
-						onChange: this.onPromptChange,
-						imageSupport: r,
-						nonEmpty: !1,
-						error: q,
-						toolbarOpts: Z,
-						spellCheck: W,
-						maxImageWidth: Y,
-						maxImageHeight: X,
-						uploadSoundSupport: b,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: R,
-						pluginProps: $(D?.inputConfiguration)
-					}), q && /* @__PURE__ */ o(y, { children: q })]
-				}),
-				H && /* @__PURE__ */ s(e.Fragment, { children: [/* @__PURE__ */ o(_, {
-					variant: "h6",
-					children: "Feedback"
-				}), /* @__PURE__ */ o(c, {
-					label: "When submitted, show",
-					feedback: t.feedback || g,
-					onChange: this.changeFeedback,
-					toolbarOpts: Z
-				})] })
-			]
-		});
-	}
-};
-//#endregion
-export { b as default };

package/dist/browser/author/index.js

@@ -1,495 +0,0 @@
-import { a as e } from "../browser-kkT1XVKw.js";
-import { _ as t, a as n, b as r, g as i, h as a, i as o, n as s, r as c, t as l } from "../dist-CfUys1Kx.js";
-import u from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { createRoot as p } from "react-dom/client";
-//#region ../../shared/configure-events/dist/index.js
-var m = class e extends CustomEvent {
-	static {
-		this.TYPE = "model.updated";
-	}
-	constructor(t, n = !1) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: {
-				update: t,
-				reset: n
-			}
-		}), this.update = t, this.reset = n;
-	}
-}, h = class e extends CustomEvent {
-	static {
-		this.TYPE = "delete.image";
-	}
-	constructor(t, n) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: {
-				src: t,
-				done: n
-			}
-		}), this.src = t, this.done = n;
-	}
-}, g = class e extends CustomEvent {
-	static {
-		this.TYPE = "insert.image";
-	}
-	constructor(t) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: t
-		}), this.handler = t;
-	}
-}, _ = class e extends CustomEvent {
-	static {
-		this.TYPE = "delete.sound";
-	}
-	constructor(t, n) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: {
-				src: t,
-				done: n
-			}
-		}), this.src = t, this.done = n;
-	}
-}, v = class e extends CustomEvent {
-	static {
-		this.TYPE = "insert.sound";
-	}
-	constructor(t) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: t
-		}), this.handler = t;
-	}
-}, y = /* @__PURE__ */ e(r(), 1), { Panel: b, toggle: x, numberFields: S, dropdown: C } = s, w = {
-	type: "default",
-	default: "Your answer has been submitted"
-}, T = t(i)(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), E = t(l)(({ theme: e }) => ({
-	paddingTop: e.spacing(1),
-	marginTop: e.spacing(2),
-	marginBottom: e.spacing(2),
-	width: "100%"
-})), D = t("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(1)
-})), O = class extends u.Component {
-	static propTypes = {
-		onModelChanged: y.default.func.isRequired,
-		onConfigurationChanged: y.default.func,
-		model: y.default.object.isRequired,
-		configuration: y.default.object.isRequired,
-		imageSupport: y.default.object.isRequired,
-		uploadSoundSupport: y.default.object.isRequired
-	};
-	constructor(e) {
-		super(e), this.state = { setDimensions: !0 };
-	}
-	onPromptChange = (e) => {
-		let { onModelChanged: t, model: n } = this.props;
-		t({
-			...n,
-			prompt: e
-		});
-	};
-	changeFeedback = (e) => {
-		let { model: t, onModelChanged: n } = this.props;
-		n({
-			...t,
-			feedback: e
-		});
-	};
-	changeTeacherInstructions = (e) => {
-		let { model: t, onModelChanged: n } = this.props;
-		n({
-			...t,
-			teacherInstructions: e
-		});
-	};
-	render() {
-		let { model: e, configuration: t, imageSupport: r, onConfigurationChanged: i, onModelChanged: s, uploadSoundSupport: l } = this.props, { annotations: p = {}, contentDimensions: m = {}, dimensions: h = {}, equationEditor: g = {}, feedback: _ = {}, playerSpellCheck: v = {}, prompt: y = {}, settingsPanelDisabled: O, spanishInput: k = {}, specialInput: A = {}, spellCheck: j = {}, studentInstructions: M = {}, teacherInstructions: N = {}, mathInput: P = {}, maxImageWidth: F = {}, maxImageHeight: I = {}, multiple: L = {}, withRubric: R = {}, mathMlOptions: z = {}, baseInputConfiguration: B = {} } = t || {}, { errors: V = {}, extraCSSRules: H, feedbackEnabled: U, promptEnabled: W, spellCheckEnabled: G, teacherInstructionsEnabled: K, toolbarEditorPosition: q } = e || {}, { prompt: J, teacherInstructions: Y } = V, X = F && F.prompt, Z = I && I.prompt, Q = { position: q === "top" ? "top" : "bottom" }, ee = {
-			mathInput: P.settings && x(P.label),
-			equationEditor: g.enabled && e.mathInput && C(g.label, [
-				"non-negative-integers",
-				"integers",
-				"decimals",
-				"fractions",
-				"Grade 1 - 2",
-				"Grade 3 - 5",
-				"Grade 6 - 7",
-				"Grade 8 - HS",
-				"geometry",
-				"advanced-algebra",
-				"statistics",
-				"item-authoring"
-			]),
-			spanishInput: k.settings && x(k.label),
-			specialInput: A.settings && x(A.label),
-			dimensions: h.settings && S(h.label, {
-				width: {
-					label: "Width (px)",
-					suffix: "px",
-					min: 100,
-					max: 1200
-				},
-				height: {
-					label: "Height (px)",
-					suffix: "px",
-					min: 100,
-					max: 500
-				}
-			}),
-			"multiple.enabled": L.settings && x(L.label, !0),
-			promptEnabled: y.settings && x(y.label),
-			feedbackEnabled: _.settings && x(_.label),
-			annotationsEnabled: p.settings && x(p.label),
-			spellCheckEnabled: j.settings && x(j.label),
-			playerSpellCheckDisabled: v.settings && x(v.label)
-		}, te = {
-			teacherInstructionsEnabled: N.settings && x(N.label),
-			studentInstructionsEnabled: M.settings && x(M.label),
-			rubricEnabled: R?.settings && x(R?.label)
-		}, $ = (e) => Object.assign({ ...B }, e || {});
-		return /* @__PURE__ */ f(c.ConfigLayout, {
-			extraCSSRules: H,
-			dimensions: m,
-			hideSettings: O,
-			settings: /* @__PURE__ */ d(b, {
-				model: e,
-				configuration: t,
-				onChangeModel: (e) => s(e),
-				onChangeConfiguration: (e) => i(e),
-				groups: {
-					Settings: ee,
-					Properties: te
-				}
-			}),
-			children: [
-				K && /* @__PURE__ */ f(E, {
-					label: N.label,
-					children: [/* @__PURE__ */ d(n, {
-						className: "prompt",
-						markup: e.teacherInstructions || "",
-						onChange: this.changeTeacherInstructions,
-						imageSupport: r,
-						nonEmpty: !1,
-						error: Y,
-						toolbarOpts: Q,
-						spellCheck: G,
-						maxImageWidth: F && F.teacherInstructions || X,
-						maxImageHeight: I && I.teacherInstructions || Z,
-						uploadSoundSupport: l,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: z,
-						pluginProps: $(N?.inputConfiguration)
-					}), Y && /* @__PURE__ */ d(D, { children: Y })]
-				}),
-				W && /* @__PURE__ */ f(E, {
-					label: y.label,
-					children: [/* @__PURE__ */ d(n, {
-						activePlugins: a,
-						className: "prompt",
-						markup: e.prompt || "",
-						onChange: this.onPromptChange,
-						imageSupport: r,
-						nonEmpty: !1,
-						error: J,
-						toolbarOpts: Q,
-						spellCheck: G,
-						maxImageWidth: X,
-						maxImageHeight: Z,
-						uploadSoundSupport: l,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: z,
-						pluginProps: $(y?.inputConfiguration)
-					}), J && /* @__PURE__ */ d(D, { children: J })]
-				}),
-				U && /* @__PURE__ */ f(u.Fragment, { children: [/* @__PURE__ */ d(T, {
-					variant: "h6",
-					children: "Feedback"
-				}), /* @__PURE__ */ d(o, {
-					label: "When submitted, show",
-					feedback: e.feedback || w,
-					onChange: this.changeFeedback,
-					toolbarOpts: Q
-				})] })
-			]
-		});
-	}
-}, k = {
-	model: {
-		annotationsEnabled: !1,
-		dimensions: {
-			height: 100,
-			width: 500
-		},
-		equationEditor: "Grade 8 - HS",
-		feedbackEnabled: !1,
-		mathInput: !1,
-		playerSpellCheckDisabled: !0,
-		predefinedAnnotations: [
-			{
-				label: "good",
-				text: "good",
-				type: "positive"
-			},
-			{
-				label: "★",
-				text: "★",
-				type: "positive"
-			},
-			{
-				label: ":-)",
-				text: ":-)",
-				type: "positive"
-			},
-			{
-				label: "creative",
-				text: "creative",
-				type: "positive"
-			},
-			{
-				label: "run-on",
-				text: "run-on",
-				type: "negative"
-			},
-			{
-				label: "frag",
-				text: "fragment",
-				type: "negative"
-			},
-			{
-				label: "tran",
-				text: "transition",
-				type: "negative"
-			},
-			{
-				label: "supp",
-				text: "support needed",
-				type: "negative"
-			},
-			{
-				label: "punc",
-				text: "punctuation",
-				type: "negative"
-			},
-			{
-				label: "agr",
-				text: "agreement wrong",
-				type: "negative"
-			},
-			{
-				label: "unclear",
-				text: "unclear",
-				type: "negative"
-			},
-			{
-				label: "cut",
-				text: "cut",
-				type: "negative"
-			},
-			{
-				label: "sp",
-				text: "spelling",
-				type: "negative"
-			},
-			{
-				label: "cap",
-				text: "capitalization",
-				type: "negative"
-			},
-			{
-				label: "inf",
-				text: "informal",
-				type: "negative"
-			},
-			{
-				label: "awk",
-				text: "awkward",
-				type: "negative"
-			}
-		],
-		prompt: "",
-		promptEnabled: !0,
-		rationale: "",
-		rationaleEnabled: !0,
-		spanishInput: !1,
-		specialInput: !1,
-		spellCheckEnabled: !0,
-		studentInstructionsEnabled: !0,
-		teacherInstructions: "",
-		teacherInstructionsEnabled: !0,
-		toolbarEditorPosition: "bottom"
-	},
-	configuration: {
-		annotations: {
-			settings: !1,
-			label: "Annotations"
-		},
-		baseInputConfiguration: {
-			audio: { disabled: !1 },
-			video: { disabled: !1 },
-			image: { disabled: !1 },
-			h3: { disabled: !0 },
-			blockquote: { disabled: !0 },
-			textAlign: { disabled: !0 },
-			showParagraphs: { disabled: !1 },
-			separateParagraphs: { disabled: !0 }
-		},
-		dimensions: {
-			settings: !0,
-			label: "Text-Entry Display Size"
-		},
-		spellCheck: {
-			label: "Spellcheck",
-			settings: !1,
-			enabled: !0
-		},
-		playerSpellCheck: {
-			label: "Disable Student Spellcheck",
-			settings: !0,
-			enabled: !0
-		},
-		equationEditor: {
-			settings: !1,
-			label: "Equation Editor",
-			enabled: !0
-		},
-		feedback: {
-			settings: !0,
-			label: "Feedback"
-		},
-		mathInput: {
-			settings: !0,
-			label: "Student response can include math notation",
-			enabled: !1
-		},
-		settingsPanelDisabled: !1,
-		spanishInput: {
-			settings: !0,
-			label: "Students can insert Spanish",
-			enabled: !1
-		},
-		specialInput: {
-			settings: !0,
-			label: "Students can insert Special Characters",
-			enabled: !1
-		},
-		multiple: {
-			settings: !1,
-			label: "Multiple Parts",
-			enabled: !1
-		},
-		studentInstructions: {
-			settings: !1,
-			label: "Student Instructions"
-		},
-		prompt: {
-			settings: !0,
-			label: "Prompt",
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			},
-			required: !1
-		},
-		teacherInstructions: {
-			settings: !0,
-			label: "Teacher Instructions",
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			},
-			required: !1
-		},
-		maxImageWidth: {
-			teacherInstructions: 300,
-			prompt: 300
-		},
-		maxImageHeight: {
-			teacherInstructions: 300,
-			prompt: 300
-		},
-		withRubric: {
-			settings: !1,
-			label: "Add Rubric"
-		},
-		mathMlOptions: {
-			mmlOutput: !1,
-			mmlEditing: !1
-		}
-	}
-}, A = class e extends HTMLElement {
-	static createDefaultModel = (e = {}, t) => {
-		let n = {
-			...k.model,
-			...e
-		};
-		return t?.withRubric?.forceEnabled && !n.rubricEnabled && (n.rubricEnabled = !0), n;
-	};
-	constructor() {
-		super(), this._root = null, this._configuration = k.configuration, this._configuration.withRubric?.forceEnabled && (this._configuration.withRubric.settings = !1), this._model = e.createDefaultModel({}, this._configuration);
-	}
-	set model(t) {
-		this._model = e.createDefaultModel(t, this._configuration), this.render();
-	}
-	set configuration(e) {
-		this._configuration = {
-			...k.configuration,
-			...e
-		};
-		let { withRubric: t = {} } = e || {};
-		t?.forceEnabled && (this._configuration.withRubric.settings = !1, this._model.rubricEnabled || (this._model.rubricEnabled = !0)), this.render();
-	}
-	onModelChanged(e) {
-		this._model = e, this.render(), this.dispatchEvent(new m(this._model, !1));
-	}
-	onConfigurationChanged(e) {
-		this._configuration = {
-			...k.configuration,
-			...e
-		}, this._model && this.onModelChanged(this._model), this.render();
-	}
-	insertImage(e) {
-		this.dispatchEvent(new g(e));
-	}
-	onDeleteImage(e, t) {
-		this.dispatchEvent(new h(e, t));
-	}
-	insertSound(e) {
-		this.dispatchEvent(new v(e));
-	}
-	onDeleteSound(e, t) {
-		this.dispatchEvent(new _(e, t));
-	}
-	render() {
-		if (this._model) {
-			let e = u.createElement(O, {
-				model: this._model,
-				configuration: this._configuration,
-				onModelChanged: this.onModelChanged.bind(this),
-				onConfigurationChanged: this.onConfigurationChanged.bind(this),
-				imageSupport: {
-					add: this.insertImage.bind(this),
-					delete: this.onDeleteImage.bind(this)
-				},
-				uploadSoundSupport: {
-					add: this.insertSound.bind(this),
-					delete: this.onDeleteSound.bind(this)
-				}
-			});
-			this._root ||= p(this), this._root.render(e);
-		}
-	}
-	disconnectedCallback() {
-		this._root && this._root.unmount();
-	}
-};
-//#endregion
-export { A as default };
-
-//# sourceMappingURL=index.js.map