@pie-element/extended-text-entry 15.1.1-next.11 → 15.1.2-next.0

package/configure.js

@@ -0,0 +1,2 @@
+export { default } from './dist/author/index.js';
+export * from './dist/author/index.js';

package/controller.js

@@ -0,0 +1 @@
+export * from './dist/controller/index.js';

package/dist/author/defaults.d.ts

@@ -0,0 +1,166 @@
+/**
+ * @synced-from pie-elements/packages/extended-text-entry/configure/src/defaults.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+declare const _default: {
+    model: {
+        annotationsEnabled: boolean;
+        dimensions: {
+            height: number;
+            width: number;
+        };
+        equationEditor: string;
+        feedbackEnabled: boolean;
+        mathInput: boolean;
+        playerSpellCheckDisabled: boolean;
+        predefinedAnnotations: {
+            label: string;
+            text: string;
+            type: string;
+        }[];
+        prompt: string;
+        promptEnabled: boolean;
+        rationale: string;
+        rationaleEnabled: boolean;
+        spanishInput: boolean;
+        specialInput: boolean;
+        spellCheckEnabled: boolean;
+        studentInstructionsEnabled: boolean;
+        teacherInstructions: string;
+        teacherInstructionsEnabled: boolean;
+        toolbarEditorPosition: string;
+    };
+    configuration: {
+        annotations: {
+            settings: boolean;
+            label: string;
+        };
+        baseInputConfiguration: {
+            audio: {
+                disabled: boolean;
+            };
+            video: {
+                disabled: boolean;
+            };
+            image: {
+                disabled: boolean;
+            };
+            h3: {
+                disabled: boolean;
+            };
+            blockquote: {
+                disabled: boolean;
+            };
+            textAlign: {
+                disabled: boolean;
+            };
+            showParagraphs: {
+                disabled: boolean;
+            };
+            separateParagraphs: {
+                disabled: boolean;
+            };
+        };
+        dimensions: {
+            settings: boolean;
+            label: string;
+        };
+        spellCheck: {
+            label: string;
+            settings: boolean;
+            enabled: boolean;
+        };
+        playerSpellCheck: {
+            label: string;
+            settings: boolean;
+            enabled: boolean;
+        };
+        equationEditor: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+        };
+        feedback: {
+            settings: boolean;
+            label: string;
+        };
+        mathInput: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+        };
+        settingsPanelDisabled: boolean;
+        spanishInput: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+        };
+        specialInput: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+        };
+        multiple: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+        };
+        studentInstructions: {
+            settings: boolean;
+            label: string;
+        };
+        prompt: {
+            settings: boolean;
+            label: string;
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+            required: boolean;
+        };
+        teacherInstructions: {
+            settings: boolean;
+            label: string;
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+            required: boolean;
+        };
+        maxImageWidth: {
+            teacherInstructions: number;
+            prompt: number;
+        };
+        maxImageHeight: {
+            teacherInstructions: number;
+            prompt: number;
+        };
+        withRubric: {
+            settings: boolean;
+            label: string;
+        };
+        mathMlOptions: {
+            mmlOutput: boolean;
+            mmlEditing: boolean;
+        };
+    };
+};
+export default _default;

package/dist/author/defaults.js

@@ -0,0 +1,209 @@
+//#region src/author/defaults.ts
+var e = {
+	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
+		}
+	}
+};
+//#endregion
+export { e as default };

package/dist/author/index.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @synced-from pie-elements/packages/extended-text-entry/configure/src/index.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+export default class ExtendedTextEntry extends HTMLElement {
+    static createDefaultModel: (model: {} | undefined, config: any) => {
+        annotationsEnabled: boolean;
+        dimensions: {
+            height: number;
+            width: number;
+        };
+        equationEditor: string;
+        feedbackEnabled: boolean;
+        mathInput: boolean;
+        playerSpellCheckDisabled: boolean;
+        predefinedAnnotations: {
+            label: string;
+            text: string;
+            type: string;
+        }[];
+        prompt: string;
+        promptEnabled: boolean;
+        rationale: string;
+        rationaleEnabled: boolean;
+        spanishInput: boolean;
+        specialInput: boolean;
+        spellCheckEnabled: boolean;
+        studentInstructionsEnabled: boolean;
+        teacherInstructions: string;
+        teacherInstructionsEnabled: boolean;
+        toolbarEditorPosition: string;
+    };
+    constructor();
+    set model(m: any);
+    set configuration(c: any);
+    onModelChanged(m: any): void;
+    onConfigurationChanged(c: any): void;
+    /**
+     *
+     * @param {done, progress, file} handler
+     */
+    insertImage(handler: any): void;
+    onDeleteImage(src: any, done: any): void;
+    insertSound(handler: any): void;
+    onDeleteSound(src: any, done: any): void;
+    render(): void;
+    disconnectedCallback(): void;
+}

package/dist/author/index.js

@@ -0,0 +1,74 @@
+import e from "./main.js";
+import t from "./defaults.js";
+import n from "react";
+import { createRoot as r } from "react-dom/client";
+import { DeleteImageEvent as i, DeleteSoundEvent as a, InsertImageEvent as o, InsertSoundEvent as s, ModelUpdatedEvent as c } from "@pie-element/shared-configure-events";
+//#region src/author/index.ts
+var l = class l extends HTMLElement {
+	static createDefaultModel = (e = {}, n) => {
+		let r = {
+			...t.model,
+			...e
+		};
+		return n?.withRubric?.forceEnabled && !r.rubricEnabled && (r.rubricEnabled = !0), r;
+	};
+	constructor() {
+		super(), this._root = null, this._configuration = t.configuration, this._configuration.withRubric?.forceEnabled && (this._configuration.withRubric.settings = !1), this._model = l.createDefaultModel({}, this._configuration);
+	}
+	set model(e) {
+		this._model = l.createDefaultModel(e, this._configuration), this.render();
+	}
+	set configuration(e) {
+		this._configuration = {
+			...t.configuration,
+			...e
+		};
+		let { withRubric: n = {} } = e || {};
+		n?.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 c(this._model, !1));
+	}
+	onConfigurationChanged(e) {
+		this._configuration = {
+			...t.configuration,
+			...e
+		}, this._model && this.onModelChanged(this._model), this.render();
+	}
+	insertImage(e) {
+		this.dispatchEvent(new o(e));
+	}
+	onDeleteImage(e, t) {
+		this.dispatchEvent(new i(e, t));
+	}
+	insertSound(e) {
+		this.dispatchEvent(new s(e));
+	}
+	onDeleteSound(e, t) {
+		this.dispatchEvent(new a(e, t));
+	}
+	render() {
+		if (this._model) {
+			let t = n.createElement(e, {
+				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 ||= r(this), this._root.render(t);
+		}
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { l as default };

package/dist/author/main.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @synced-from pie-elements/packages/extended-text-entry/configure/src/main.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare class Main extends React.Component {
+    static propTypes: {
+        onModelChanged: PropTypes.Validator<(...args: any[]) => any>;
+        onConfigurationChanged: PropTypes.Requireable<(...args: any[]) => any>;
+        model: PropTypes.Validator<object>;
+        configuration: PropTypes.Validator<object>;
+        imageSupport: PropTypes.Validator<object>;
+        uploadSoundSupport: PropTypes.Validator<object>;
+    };
+    constructor(props: any);
+    onPromptChange: any;
+    changeFeedback: any;
+    changeTeacherInstructions: any;
+    render(): React.JSX.Element;
+}
+export default Main;

package/dist/author/main.js

@@ -0,0 +1,166 @@
+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 };