@pie-element/drawing-response 13.0.4-next.20261011174919 → 13.0.4

package/dist/author/defaults.d.ts

@@ -1,84 +1,85 @@
+import type { ConfigureLanguageOptionsProp } from '@pie-element/shared-types';
 declare const _default: {
     model: {
-        backgroundImageEnabled: boolean;
+        backgroundImageEnabled: true;
         imageDimensions: {
             height: number;
             width: number;
         };
         imageUrl: string;
         prompt: string;
-        promptEnabled: boolean;
-        spellCheckEnabled: boolean;
-        studentInstructionsEnabled: boolean;
+        promptEnabled: true;
+        spellCheckEnabled: true;
+        studentInstructionsEnabled: true;
         teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        toolbarEditorPosition: string;
+        teacherInstructionsEnabled: true;
+        toolbarEditorPosition: "bottom";
     };
     configuration: {
         baseInputConfiguration: {
             h3: {
-                disabled: boolean;
+                disabled: true;
             };
             audio: {
-                disabled: boolean;
+                disabled: false;
             };
             video: {
-                disabled: boolean;
+                disabled: false;
             };
             image: {
-                disabled: boolean;
+                disabled: false;
             };
             textAlign: {
-                disabled: boolean;
+                disabled: true;
             };
             showParagraphs: {
-                disabled: boolean;
+                disabled: false;
             };
             separateParagraphs: {
-                disabled: boolean;
+                disabled: true;
             };
         };
         spellCheck: {
             label: string;
-            settings: boolean;
-            enabled: boolean;
+            settings: false;
+            enabled: true;
         };
         backgroundImage: {
-            settings: boolean;
+            settings: true;
             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;
         };
-        settingsPanelDisabled: boolean;
+        settingsPanelDisabled: 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;
@@ -89,21 +90,21 @@ declare const _default: {
             prompt: number;
         };
         withRubric: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         mathMlOptions: {
-            mmlOutput: boolean;
-            mmlEditing: boolean;
+            mmlOutput: false;
+            mmlEditing: false;
         };
         language: {
-            settings: boolean;
+            settings: false;
             label: string;
-            enabled: boolean;
+            enabled: false;
         };
         languageChoices: {
             label: string;
-            options: never[];
+            options: ConfigureLanguageOptionsProp[];
         };
     };
 };

package/dist/author/image-container.d.ts

@@ -1,6 +1,15 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-export declare class ImageContainer extends Component {
+import type { ImageHandler } from '@pie-element/shared-configure-events';
+import type { Dimensions } from '../types.js';
+type ImageContainerProps = {
+    imageDimensions?: Dimensions;
+    imageUrl?: string;
+    onImageUpload: (imageUrl: string) => void;
+    onUpdateImageDimension: (dimensions: Dimensions) => void;
+    insertImage?: (handler: ImageHandler) => void;
+};
+export declare class ImageContainer extends Component<ImageContainerProps> {
     static propTypes: {
         imageDimensions: PropTypes.Requireable<object>;
     };

package/dist/author/index.d.ts

@@ -1,29 +1,21 @@
+import { type DeleteDone, type ImageHandler, type SoundHandler } from '@pie-element/shared-configure-events';
+import { type AuthorModel } from './root.js';
+import type { DrawingResponseConfiguration, DrawingResponseModel } from '../types.js';
 export default class DrawableResponseConfigure extends HTMLElement {
-    static createDefaultModel: (model: {} | undefined, config: any) => {
-        backgroundImageEnabled: boolean;
-        imageDimensions: {
-            height: number;
-            width: number;
-        };
-        imageUrl: string;
-        prompt: string;
-        promptEnabled: boolean;
-        spellCheckEnabled: boolean;
-        studentInstructionsEnabled: boolean;
-        teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        toolbarEditorPosition: string;
-    };
+    private _root;
+    private _model;
+    private _configuration;
+    static createDefaultModel: (model?: Partial<DrawingResponseModel>, config?: DrawingResponseConfiguration) => AuthorModel;
     constructor();
-    set model(s: any);
-    set configuration(c: any);
-    dispatchModelUpdated(reset: any): void;
-    onModelChanged: any;
-    onConfigurationChanged: any;
-    insertImage: any;
-    onDeleteImage: any;
-    insertSound(handler: any): void;
-    onDeleteSound(src: any, done: any): void;
+    set model(s: Partial<DrawingResponseModel>);
+    set configuration(c: DrawingResponseConfiguration);
+    dispatchModelUpdated(reset?: boolean): void;
+    onModelChanged: (m: AuthorModel, reset?: boolean) => void;
+    onConfigurationChanged: (c: DrawingResponseConfiguration) => 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

@@ -6,6 +6,9 @@ import i from "debug";
 import { DeleteImageEvent as a, DeleteSoundEvent as o, InsertImageEvent as s, InsertSoundEvent as c, ModelUpdatedEvent as l } from "@pie-element/shared-configure-events";
 //#region src/author/index.ts
 var u = i("hotspot:configure"), d = class i extends HTMLElement {
+	_root;
+	_model;
+	_configuration;
 	static createDefaultModel = (e = {}, n) => {
 		let r = {
 			...t.model,
@@ -14,7 +17,9 @@ var u = i("hotspot:configure"), d = class i extends HTMLElement {
 		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 = i.createDefaultModel({}, this._configuration), this.onModelChanged = this.onModelChanged.bind(this);
+		super(), this._root = null;
+		let e = t.configuration;
+		this._configuration = e, e.withRubric?.forceEnabled && (e.withRubric.settings = !1), this._model = i.createDefaultModel({}, this._configuration), this.onModelChanged = this.onModelChanged.bind(this);
 	}
 	set model(e) {
 		this._model = i.createDefaultModel(e, this._configuration), this._render();
@@ -26,7 +31,7 @@ var u = i("hotspot:configure"), d = class i extends HTMLElement {
 		};
 		this._configuration = n;
 		let { withRubric: r = {} } = e || {};
-		r?.forceEnabled && (this._configuration.withRubric.settings = !1, this._model.rubricEnabled || (this._model.rubricEnabled = !0)), n?.language?.enabled ? n?.languageChoices?.options?.length && (this._model.language = n?.languageChoices.options[0].value) : n.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
+		r?.forceEnabled && (n.withRubric.settings = !1, this._model.rubricEnabled || (this._model.rubricEnabled = !0)), n?.language?.enabled ? n?.languageChoices?.options?.length && (this._model.language = n?.languageChoices.options[0].value) : n.language.settings && this._model.language ? (n.language.enabled = !0, (!n.languageChoices.options || !n.languageChoices.options.length) && (n.languageChoices.options = []), n.languageChoices.options.find((e) => e.value === this._model.language) || n.languageChoices.options.push({
 			value: this._model.language,
 			label: this._model.language
 		})) : delete this._model.language, this._render();

package/dist/author/root.d.ts

@@ -1,9 +1,28 @@
 import React from 'react';
-export declare class Root extends React.Component {
-    onPromptChanged: any;
-    onTeacherInstructionsChanged: any;
-    onUpdateImageDimension: any;
-    onImageUpload: any;
+import type { DeleteDone, ImageHandler, SoundHandler } from '@pie-element/shared-configure-events';
+import type { DrawingResponseValidationErrors } from '../controller/index.js';
+import type { Dimensions, DrawingResponseConfiguration, DrawingResponseModel } from '../types.js';
+/** The model the author edits; the host sets `errors` from the controller's `validate()`. */
+export type AuthorModel = Partial<DrawingResponseModel> & {
+    errors?: DrawingResponseValidationErrors;
+};
+type MediaSupport<Handler> = {
+    add: (handler: Handler) => void;
+    delete: (src: string, done: DeleteDone) => void;
+};
+export type RootProps = {
+    configuration: DrawingResponseConfiguration;
+    model: AuthorModel;
+    imageSupport?: MediaSupport<ImageHandler>;
+    uploadSoundSupport?: MediaSupport<SoundHandler>;
+    onModelChanged: (model: AuthorModel, reset?: boolean) => void;
+    onConfigurationChanged: (configuration: DrawingResponseConfiguration) => void;
+};
+export declare class Root extends React.Component<RootProps> {
+    onPromptChanged: (prompt: string) => void;
+    onTeacherInstructionsChanged: (teacherInstructions: string) => void;
+    onUpdateImageDimension: (dimensions: Dimensions) => void;
+    onImageUpload: (imageUrl: string) => void;
     render(): React.JSX.Element;
 }
 export default Root;

package/dist/author/root.js

@@ -1,23 +1,22 @@
 import { ImageContainer as 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";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { styled as a } from "@mui/material/styles";
+import { InputContainer as o, layout as s, settings as c } from "@pie-lib/config-ui";
+import l from "@pie-lib/editable-html-tip-tap";
+import u from "@mui/material/Typography";
 //#region src/author/root.tsx
-var { Panel: f, toggle: p, dropdown: m } = l, h = o(s)(({ theme: e }) => ({
+var { Panel: d, toggle: f, dropdown: p } = c, m = a(o)(({ theme: e }) => ({
 	paddingTop: e.spacing(1),
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(1),
 	width: "100%"
-})), g = o("div")(({ theme: e }) => ({
+})), h = a("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), _ = class extends t.Component {
+})), g = class extends t.Component {
 	onPromptChanged = (e) => {
 		let { model: t, onModelChanged: r } = this.props;
 		r({
@@ -47,40 +46,40 @@ var { Panel: f, toggle: p, dropdown: m } = l, h = o(s)(({ theme: 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)
+		let { configuration: n, imageSupport: a, model: o, onConfigurationChanged: c, onModelChanged: g, 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 && f(y.label),
+			promptEnabled: C.settings && f(C.label),
+			"language.enabled": O.settings && f(O.label, !0),
+			language: O.settings && O.enabled && p(k.label, k.options)
 		}, W = {
-			teacherInstructionsEnabled: E.settings && p(E.label),
-			spellCheckEnabled: T.settings && p(T.label),
-			rubricEnabled: D?.settings && p(D?.label)
+			teacherInstructionsEnabled: E.settings && f(E.label),
+			spellCheckEnabled: T.settings && f(T.label),
+			rubricEnabled: D?.settings && f(D?.label)
 		}, G = (e = {}) => ({
 			...v,
 			...e
 		});
-		return /* @__PURE__ */ a(c.ConfigLayout, {
+		return /* @__PURE__ */ i(s.ConfigLayout, {
 			extraCSSRules: N,
 			dimensions: b,
 			hideSettings: w,
-			settings: /* @__PURE__ */ i(f, {
+			settings: /* @__PURE__ */ r(d, {
 				model: o,
-				onChangeModel: l,
+				onChangeModel: g,
 				configuration: n,
-				onChangeConfiguration: s,
+				onChangeConfiguration: c,
 				groups: {
 					Settings: U,
 					Properties: W
 				}
 			}),
 			children: [
-				I && /* @__PURE__ */ a(h, {
+				I && /* @__PURE__ */ i(m, {
 					label: E.label,
-					children: [/* @__PURE__ */ i(u, {
+					children: [/* @__PURE__ */ r(l, {
 						markup: o.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChanged,
-						imageSupport: r,
+						imageSupport: a,
 						nonEmpty: !1,
 						error: z,
 						toolbarOpts: H,
@@ -91,52 +90,38 @@ var { Panel: f, toggle: p, dropdown: m } = l, h = o(s)(({ theme: e }) => ({
 						uploadSoundSupport: _,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: A
-					}), z && /* @__PURE__ */ i(g, { children: z })]
+					}), z && /* @__PURE__ */ r(h, { children: z })]
 				}),
-				P && /* @__PURE__ */ a(h, {
+				P && /* @__PURE__ */ i(m, {
 					label: "Item Stem",
-					children: [/* @__PURE__ */ i(u, {
+					children: [/* @__PURE__ */ r(l, {
 						markup: o.prompt,
 						onChange: this.onPromptChanged,
 						error: R,
 						toolbarOpts: H,
 						spellCheck: F,
 						pluginProps: G(C?.inputConfiguration),
-						imageSupport: r,
+						imageSupport: a,
 						maxImageWidth: B,
 						maxImageHeight: V,
 						uploadSoundSupport: _,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: A
-					}), R && /* @__PURE__ */ i(g, { children: R })]
+					}), R && /* @__PURE__ */ r(h, { children: R })]
 				}),
-				j && /* @__PURE__ */ a(t.Fragment, { children: [/* @__PURE__ */ i(d, {
+				j && /* @__PURE__ */ i(t.Fragment, { children: [/* @__PURE__ */ r(u, {
 					variant: "h6",
 					children: "Define Background Image"
-				}), /* @__PURE__ */ i(e, {
+				}), /* @__PURE__ */ r(e, {
 					imageUrl: o.imageUrl,
 					onUpdateImageDimension: this.onUpdateImageDimension,
 					onImageUpload: this.onImageUpload,
 					imageDimensions: o.imageDimensions,
-					insertImage: r && r.add
+					insertImage: a && a.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 Root, _ as default };
+export { g as Root, g as default };

package/dist/browser/author/index.js

@@ -33306,15 +33306,12 @@ var jH = class extends rt.Component {
 }), FH = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, IH = function() {
-	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
-	return {
-		type: "radio",
-		label: e,
-		choices: t && t.map((e) => FH(e)),
-		isConfigProperty: n
-	};
-}, LH = (e, t, n = !1) => ({
+} : e, IH = (e, t, n = !1) => ({
+	type: "radio",
+	label: e,
+	choices: t && t.map((e) => FH(e)),
+	isConfigProperty: n
+}), LH = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
@@ -33661,24 +33658,7 @@ var { Panel: sU, toggle: cU, dropdown: lU } = MH, uU = k(qH)(({ theme: e }) => (
 			]
 		});
 	}
-};
-fU.propTypes = {
-	configuration: N.default.object,
-	model: N.default.object.isRequired,
-	imageSupport: N.default.shape({
-		add: N.default.func,
-		delete: N.default.func
-	}),
-	uploadSoundSupport: N.default.shape({
-		add: N.default.func,
-		delete: N.default.func
-	}),
-	onModelChanged: N.default.func.isRequired,
-	onConfigurationChanged: N.default.func.isRequired
-};
-//#endregion
-//#region src/author/defaults.ts
-var pU = {
+}, pU = {
 	model: {
 		backgroundImageEnabled: !0,
 		imageDimensions: {
@@ -33761,6 +33741,9 @@ var pU = {
 		}
 	}
 }, mU = (0, jo.default)("hotspot:configure"), hU = class e extends HTMLElement {
+	_root;
+	_model;
+	_configuration;
 	static createDefaultModel = (e = {}, t) => {
 		let n = {
 			...pU.model,
@@ -33769,7 +33752,9 @@ var pU = {
 		return t?.withRubric?.forceEnabled && !n.rubricEnabled && (n.rubricEnabled = !0), n;
 	};
 	constructor() {
-		super(), this._root = null, this._configuration = pU.configuration, this._configuration.withRubric?.forceEnabled && (this._configuration.withRubric.settings = !1), this._model = e.createDefaultModel({}, this._configuration), this.onModelChanged = this.onModelChanged.bind(this);
+		super(), this._root = null;
+		let t = pU.configuration;
+		this._configuration = t, t.withRubric?.forceEnabled && (t.withRubric.settings = !1), this._model = e.createDefaultModel({}, this._configuration), this.onModelChanged = this.onModelChanged.bind(this);
 	}
 	set model(t) {
 		this._model = e.createDefaultModel(t, this._configuration), this._render();
@@ -33781,7 +33766,7 @@ var pU = {
 		};
 		this._configuration = t;
 		let { withRubric: n = {} } = e || {};
-		n?.forceEnabled && (this._configuration.withRubric.settings = !1, this._model.rubricEnabled || (this._model.rubricEnabled = !0)), t?.language?.enabled ? t?.languageChoices?.options?.length && (this._model.language = t?.languageChoices.options[0].value) : t.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
+		n?.forceEnabled && (t.withRubric.settings = !1, this._model.rubricEnabled || (this._model.rubricEnabled = !0)), t?.language?.enabled ? t?.languageChoices?.options?.length && (this._model.language = t?.languageChoices.options[0].value) : t.language.settings && this._model.language ? (t.language.enabled = !0, (!t.languageChoices.options || !t.languageChoices.options.length) && (t.languageChoices.options = []), t.languageChoices.options.find((e) => e.value === this._model.language) || t.languageChoices.options.push({
 			value: this._model.language,
 			label: this._model.language
 		})) : delete this._model.language, this._render();