@pie-element/extended-text-entry 16.0.4-next.20261011174919 → 16.0.4

package/dist/author/defaults.d.ts

@@ -1,146 +1,150 @@
 declare const _default: {
     model: {
-        annotationsEnabled: boolean;
+        annotationsEnabled: false;
         dimensions: {
             height: number;
             width: number;
         };
-        equationEditor: string;
-        feedbackEnabled: boolean;
-        mathInput: boolean;
-        playerPasteFormattingDisabled: boolean;
-        playerSpellCheckDisabled: boolean;
-        predefinedAnnotations: {
+        equationEditor: "Grade 8 - HS";
+        feedbackEnabled: false;
+        mathInput: false;
+        playerPasteFormattingDisabled: false;
+        playerSpellCheckDisabled: true;
+        predefinedAnnotations: ({
             label: string;
             text: string;
-            type: string;
-        }[];
+            type: "positive";
+        } | {
+            label: string;
+            text: string;
+            type: "negative";
+        })[];
         prompt: string;
-        promptEnabled: boolean;
+        promptEnabled: true;
         rationale: string;
-        rationaleEnabled: boolean;
-        spanishInput: boolean;
-        specialInput: boolean;
-        spellCheckEnabled: boolean;
-        studentInstructionsEnabled: boolean;
+        rationaleEnabled: true;
+        spanishInput: false;
+        specialInput: false;
+        spellCheckEnabled: true;
+        studentInstructionsEnabled: true;
         teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        toolbarEditorPosition: string;
+        teacherInstructionsEnabled: true;
+        toolbarEditorPosition: "bottom";
     };
     configuration: {
         annotations: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         baseInputConfiguration: {
             audio: {
-                disabled: boolean;
+                disabled: false;
             };
             video: {
-                disabled: boolean;
+                disabled: false;
             };
             image: {
-                disabled: boolean;
+                disabled: false;
             };
             h3: {
-                disabled: boolean;
+                disabled: true;
             };
             blockquote: {
-                disabled: boolean;
+                disabled: true;
             };
             textAlign: {
-                disabled: boolean;
+                disabled: true;
             };
             showParagraphs: {
-                disabled: boolean;
+                disabled: false;
             };
             separateParagraphs: {
-                disabled: boolean;
+                disabled: true;
             };
         };
         dimensions: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         spellCheck: {
             label: string;
-            settings: boolean;
-            enabled: boolean;
+            settings: false;
+            enabled: true;
         };
         playerSpellCheck: {
             label: string;
-            settings: boolean;
-            enabled: boolean;
+            settings: true;
+            enabled: true;
         };
         playerPasteFormatting: {
             label: string;
-            settings: boolean;
+            settings: true;
         };
         equationEditor: {
-            settings: boolean;
+            settings: false;
             label: string;
-            enabled: boolean;
+            enabled: true;
         };
         feedback: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         mathInput: {
-            settings: boolean;
+            settings: true;
             label: string;
-            enabled: boolean;
+            enabled: false;
         };
-        settingsPanelDisabled: boolean;
+        settingsPanelDisabled: false;
         spanishInput: {
-            settings: boolean;
+            settings: true;
             label: string;
-            enabled: boolean;
+            enabled: false;
         };
         specialInput: {
-            settings: boolean;
+            settings: true;
             label: string;
-            enabled: boolean;
+            enabled: false;
         };
         multiple: {
-            settings: boolean;
+            settings: false;
             label: string;
-            enabled: boolean;
+            enabled: false;
         };
         studentInstructions: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         prompt: {
-            settings: boolean;
+            settings: true;
             label: string;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
-            required: boolean;
+            required: false;
         };
         teacherInstructions: {
-            settings: boolean;
+            settings: true;
             label: string;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
-            required: boolean;
+            required: false;
         };
         maxImageWidth: {
             teacherInstructions: number;
@@ -151,12 +155,12 @@ declare const _default: {
             prompt: number;
         };
         withRubric: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         mathMlOptions: {
-            mmlOutput: boolean;
-            mmlEditing: boolean;
+            mmlOutput: false;
+            mmlEditing: false;
         };
     };
 };

package/dist/author/index.d.ts

@@ -1,45 +1,24 @@
+import { type DeleteDone, type ImageHandler, type SoundHandler } from '@pie-element/shared-configure-events';
+import { type AuthorModel } from './main.js';
+import type { ExtendedTextEntryConfiguration } from '../types.js';
 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;
-        playerPasteFormattingDisabled: 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;
-    };
+    private _root;
+    private _model;
+    private _configuration;
+    static createDefaultModel: (model?: AuthorModel, config?: ExtendedTextEntryConfiguration) => AuthorModel;
     constructor();
-    set model(m: any);
-    set configuration(c: any);
-    onModelChanged(m: any): void;
-    onConfigurationChanged(c: any): void;
+    set model(m: AuthorModel);
+    set configuration(c: ExtendedTextEntryConfiguration);
+    onModelChanged(m: AuthorModel): void;
+    onConfigurationChanged(c: ExtendedTextEntryConfiguration): 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;
+    insertImage(handler: ImageHandler): void;
+    onDeleteImage(src: string, done: DeleteDone): void;
+    insertSound(handler: SoundHandler): void;
+    onDeleteSound(src: string, done: DeleteDone): void;
     render(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/author/index.js

@@ -5,6 +5,9 @@ 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 {
+	_root;
+	_model;
+	_configuration;
 	static createDefaultModel = (e = {}, n) => {
 		let r = {
 			...t.model,
@@ -19,12 +22,13 @@ var l = class l extends HTMLElement {
 		this._model = l.createDefaultModel(e, this._configuration), this.render();
 	}
 	set configuration(e) {
-		this._configuration = {
+		let n = {
 			...t.configuration,
 			...e
 		};
-		let { withRubric: n = {} } = e || {};
-		n?.forceEnabled && (this._configuration.withRubric.settings = !1, this._model.rubricEnabled || (this._model.rubricEnabled = !0)), this.render();
+		this._configuration = n;
+		let { withRubric: r = {} } = e || {};
+		r?.forceEnabled && (n.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));

package/dist/author/main.d.ts

@@ -1,18 +1,33 @@
 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>;
+import type { DeleteDone, ImageHandler, SoundHandler } from '@pie-element/shared-configure-events';
+import type { ExtendedTextEntryValidationErrors } from '../controller/index.js';
+import type { ExtendedTextEntryConfiguration, ExtendedTextEntryFeedback, ExtendedTextEntryModel } from '../types.js';
+/** The model the author edits; the host sets `errors` from the controller's `validate()`. */
+export type AuthorModel = Partial<ExtendedTextEntryModel> & {
+    errors?: ExtendedTextEntryValidationErrors;
+};
+export type MainProps = {
+    model: AuthorModel;
+    configuration: ExtendedTextEntryConfiguration;
+    onModelChanged: (model: AuthorModel) => void;
+    onConfigurationChanged: (configuration: ExtendedTextEntryConfiguration) => void;
+    imageSupport: {
+        add: (handler: ImageHandler) => void;
+        delete: (src: string, done: DeleteDone) => void;
     };
-    constructor(props: any);
-    onPromptChange: any;
-    changeFeedback: any;
-    changeTeacherInstructions: any;
+    uploadSoundSupport: {
+        add: (handler: SoundHandler) => void;
+        delete: (src: string, done: DeleteDone) => void;
+    };
+};
+type MainState = {
+    setDimensions: boolean;
+};
+export declare class Main extends React.Component<MainProps, MainState> {
+    constructor(props: MainProps);
+    onPromptChange: (markup: string) => void;
+    changeFeedback: (feedback: ExtendedTextEntryFeedback) => void;
+    changeTeacherInstructions: (teacherInstructions: string) => void;
     render(): React.JSX.Element;
 }
 export default Main;

package/dist/author/main.js

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

package/dist/browser/author/index.js

@@ -2093,15 +2093,12 @@ var mr = class extends V.Component {
 }), vr = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, yr = function() {
-	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
-	return {
-		type: "radio",
-		label: e,
-		choices: t && t.map((e) => vr(e)),
-		isConfigProperty: n
-	};
-}, br = (e, t, n = !1) => ({
+} : e, yr = (e, t, n = !1) => ({
+	type: "radio",
+	label: e,
+	choices: t && t.map((e) => vr(e)),
+	isConfigProperty: n
+}), br = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
@@ -2200,14 +2197,6 @@ var mr = class extends V.Component {
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
 })), Lr = class extends V.Component {
-	static propTypes = {
-		onModelChanged: K.default.func.isRequired,
-		onConfigurationChanged: K.default.func,
-		model: K.default.object.isRequired,
-		configuration: K.default.object.isRequired,
-		imageSupport: K.default.object.isRequired,
-		uploadSoundSupport: K.default.object.isRequired
-	};
 	constructor(e) {
 		super(e), this.state = { setDimensions: !0 };
 	}
@@ -2554,6 +2543,9 @@ var mr = class extends V.Component {
 		}
 	}
 }, zr = class e extends HTMLElement {
+	_root;
+	_model;
+	_configuration;
 	static createDefaultModel = (e = {}, t) => {
 		let n = {
 			...Rr.model,
@@ -2568,12 +2560,13 @@ var mr = class extends V.Component {
 		this._model = e.createDefaultModel(t, this._configuration), this.render();
 	}
 	set configuration(e) {
-		this._configuration = {
+		let t = {
 			...Rr.configuration,
 			...e
 		};
-		let { withRubric: t = {} } = e || {};
-		t?.forceEnabled && (this._configuration.withRubric.settings = !1, this._model.rubricEnabled || (this._model.rubricEnabled = !0)), this.render();
+		this._configuration = t;
+		let { withRubric: n = {} } = e || {};
+		n?.forceEnabled && (t.withRubric.settings = !1, this._model.rubricEnabled || (this._model.rubricEnabled = !0)), this.render();
 	}
 	onModelChanged(e) {
 		this._model = e, this.render(), this.dispatchEvent(new Tr(this._model, !1));