@pie-element/explicit-constructed-response 11.1.1-next.0 → 11.1.1-next.101

package/dist/author/ecr-toolbar.d.ts

@@ -1,41 +0,0 @@
-/**
- * @synced-from pie-elements/packages/explicit-constructed-response/configure/src/ecr-toolbar.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 ECRToolbar extends React.Component {
-    static propTypes: {
-        correctChoice: PropTypes.Requireable<object>;
-        node: PropTypes.Requireable<object>;
-        pos: PropTypes.Requireable<number>;
-        onDone: PropTypes.Requireable<(...args: any[]) => any>;
-        onChangeResponse: PropTypes.Validator<(...args: any[]) => any>;
-        onToolbarDone: PropTypes.Validator<(...args: any[]) => any>;
-        value: PropTypes.Requireable<PropTypes.InferProps<{
-            change: PropTypes.Validator<(...args: any[]) => any>;
-            document: PropTypes.Requireable<PropTypes.InferProps<{
-                getNextText: PropTypes.Validator<(...args: any[]) => any>;
-            }>>;
-        }>>;
-        editor: PropTypes.Requireable<object>;
-        maxLengthPerChoiceEnabled: PropTypes.Requireable<boolean>;
-        pluginProps: PropTypes.Requireable<object>;
-        spellCheck: PropTypes.Requireable<boolean>;
-    };
-    state: {
-        markup: string;
-        toolbarStyle: {};
-    };
-    componentDidMount(): void;
-    onDone: any;
-    onRespAreaChange: any;
-    onKeyDown: any;
-    onBlur: any;
-    render(): React.JSX.Element;
-}
-export default ECRToolbar;

package/dist/author/ecr-toolbar.js

@@ -1,100 +0,0 @@
-import { stripHtmlTags as e } from "./markupUtils.js";
-import t from "react";
-import n from "prop-types";
-import { jsx as r } from "react/jsx-runtime";
-import { styled as i } from "@mui/material/styles";
-import a from "@pie-lib/editable-html-tip-tap";
-//#region src/author/ecr-toolbar.tsx
-var o = i(a)(({ theme: e }) => ({
-	backgroundColor: e.palette.common.white,
-	outline: "none",
-	lineHeight: "15px"
-})), s = class extends t.Component {
-	static propTypes = {
-		correctChoice: n.object,
-		node: n.object,
-		pos: n.number,
-		onDone: n.func,
-		onChangeResponse: n.func.isRequired,
-		onToolbarDone: n.func.isRequired,
-		value: n.shape({
-			change: n.func.isRequired,
-			document: n.shape({ getNextText: n.func.isRequired })
-		}),
-		editor: n.object,
-		maxLengthPerChoiceEnabled: n.bool,
-		pluginProps: n.object,
-		spellCheck: n.bool
-	};
-	state = {
-		markup: "",
-		toolbarStyle: {}
-	};
-	componentDidMount() {
-		let { correctChoice: e, node: t, editor: n } = this.props, r = e || {}, i = n.view.nodeDOM(n.state.selection.from);
-		if (i?.nodeType === 1) {
-			let e = i.getBoundingClientRect(), t = i.closest(".tiptap").getBoundingClientRect();
-			e.top - t.top, e.left - t.left, this.setState({
-				markup: r.label,
-				toolbarStyle: {
-					position: "absolute",
-					top: 0,
-					left: 0,
-					width: `${e.width - 4}px`
-				}
-			});
-		}
-	}
-	onDone = (t) => {
-		let { editor: n, node: r, onToolbarDone: i, onChangeResponse: a, pos: o } = this.props, s = e(t);
-		this.setState({ markup: s });
-		let { tr: c } = n.state, l = c.doc.nodeAt(o);
-		if (!l || l.isText || !l.isAtom || !l.isInline) return !1;
-		c.setNodeMarkup(o, void 0, {
-			...r.attrs,
-			value: s
-		}), n.view.dispatch(c), i(!0), a(s);
-	};
-	onRespAreaChange = (e) => {
-		this.setState({ respAreaMarkup: e });
-	};
-	onKeyDown = (e) => e.key === "Enter";
-	onBlur = () => {
-		this.clickedInside &&= !1;
-	};
-	render() {
-		let { maxLengthPerChoiceEnabled: e, pluginProps: t, spellCheck: n } = this.props, { markup: i, toolbarStyle: a } = this.state, s = e ? {} : { maxLength: 25 };
-		return /* @__PURE__ */ r("div", {
-			style: a,
-			children: /* @__PURE__ */ r(o, {
-				autoFocus: !0,
-				disableUnderline: !0,
-				onChange: (e) => {
-					this.preventDone || this.onRespAreaChange(e);
-				},
-				onDone: (e) => {
-					this.preventDone || this.onDone(e);
-				},
-				onBlur: (e) => {
-					this.preventDone = e.relatedTarget && e.relatedTarget.closest(".insert-character-dialog"), this.onBlur(e);
-				},
-				onKeyDown: this.onKeyDown,
-				markup: i || "",
-				activePlugins: ["languageCharacters"],
-				pluginProps: t,
-				languageCharactersProps: [{ language: "spanish" }],
-				minHeight: "15px",
-				maxHeight: "15px",
-				spellCheck: n,
-				autoWidthToolbar: !0,
-				toolbarOpts: {
-					minWidth: "auto",
-					isHidden: !!t?.characters?.disabled
-				},
-				...s
-			})
-		});
-	}
-};
-//#endregion
-export { s as default };

package/dist/author/index.d.ts

@@ -1,42 +0,0 @@
-/**
- * @synced-from pie-elements/packages/explicit-constructed-response/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 ExplicitConstructedResponse extends HTMLElement {
-    static prepareModel: (model?: {}) => {
-        slateMarkup: any;
-        markup: string;
-        choices: {};
-        displayType: string;
-        maxLengthPerChoiceEnabled: boolean;
-        playerSpellCheckEnabled: boolean;
-        prompt: string;
-        promptEnabled: boolean;
-        rationale: string;
-        rationaleEnabled: boolean;
-        spellCheckEnabled: boolean;
-        studentInstructionsEnabled: boolean;
-        teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        toolbarEditorPosition: string;
-        responseAreaInputConfiguration: {};
-    };
-    constructor();
-    set model(s: any);
-    set configuration(c: any);
-    set disableSidePanel(s: any);
-    dispatchModelUpdated(reset: any): void;
-    onModelChanged: any;
-    onConfigurationChanged: any;
-    /** @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

@@ -1,97 +0,0 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isArray.js";
-import t from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/defaults.js";
-import { createSlateMarkup as n, processMarkup as r } from "./markupUtils.js";
-import i from "./main.js";
-import a from "./defaults.js";
-import o from "react";
-import { createRoot as s } from "react-dom/client";
-import c from "debug";
-import { DeleteImageEvent as l, DeleteSoundEvent as u, InsertImageEvent as d, InsertSoundEvent as f, ModelUpdatedEvent as p } from "@pie-element/shared-configure-events";
-//#region src/author/index.ts
-var m = c("explicit-constructed-response:configure"), h = class c extends HTMLElement {
-	static prepareModel = (t = {}) => {
-		let i = {
-			...a.model,
-			...t
-		}, o = i.slateMarkup || n(i.markup, i.choices), s = r(o);
-		return i.choices && Object.keys(i.choices).forEach((t) => {
-			e(i.choices[t]) && (i.choices[t] = (i.choices[t] || []).map((e, t) => e.value ? e : (m("Choice does not contain \"value\" property, which is required.", e), {
-				value: `${t}`,
-				...e
-			})));
-		}), {
-			...i,
-			slateMarkup: o,
-			markup: s
-		};
-	};
-	constructor() {
-		super(), this._root = null, this._model = c.prepareModel(), this._configuration = a.configuration;
-	}
-	set model(e) {
-		this._model = c.prepareModel(e), this._model.responseAreaInputConfiguration && (this._model.responseAreaInputConfiguration = this._configuration.responseAreaInputConfiguration?.inputConfiguration), this._render();
-	}
-	set configuration(e) {
-		this._configuration = t(e, a.configuration), e.language?.enabled ? e.languageChoices?.options?.length && (this._model.language = e.languageChoices.options[0].value) : e.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({
-			value: this._model.language,
-			label: this._model.language
-		})) : delete this._model.language, this._render();
-	}
-	set disableSidePanel(e) {
-		this._disableSidePanel = e, this._render();
-	}
-	dispatchModelUpdated(e) {
-		let t = !!e;
-		this.dispatchEvent(new p(this._model, t));
-	}
-	onModelChanged = (e, t) => {
-		this._model = c.prepareModel({
-			...this._model,
-			...e
-		}), this._render(), this.dispatchModelUpdated(t);
-	};
-	onConfigurationChanged = (e) => {
-		this._configuration = e;
-		let t = this._configuration?.responseAreaInputConfiguration?.inputConfiguration;
-		this._model = {
-			...this._model,
-			responseAreaInputConfiguration: t
-		}, this.onModelChanged(this._model);
-	};
-	insertImage(e) {
-		this.dispatchEvent(new d(e));
-	}
-	onDeleteImage(e, t) {
-		this.dispatchEvent(new l(e, t));
-	}
-	insertSound(e) {
-		this.dispatchEvent(new f(e));
-	}
-	onDeleteSound(e, t) {
-		this.dispatchEvent(new u(e, t));
-	}
-	_render() {
-		m("_render");
-		let e = o.createElement(i, {
-			model: this._model,
-			configuration: this._configuration,
-			onModelChanged: this.onModelChanged,
-			onConfigurationChanged: this.onConfigurationChanged,
-			disableSidePanel: this._disableSidePanel,
-			imageSupport: {
-				add: this.insertImage.bind(this),
-				delete: this.onDeleteImage.bind(this)
-			},
-			uploadSoundSupport: {
-				add: this.insertSound.bind(this),
-				delete: this.onDeleteSound.bind(this)
-			}
-		});
-		this._root ||= s(this), this._root.render(e);
-	}
-	disconnectedCallback() {
-		this._root && this._root.unmount();
-	}
-};
-//#endregion
-export { h as default };

package/dist/author/main.d.ts

@@ -1,38 +0,0 @@
-/**
- * @synced-from pie-elements/packages/explicit-constructed-response/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: {
-        configuration: PropTypes.Validator<object>;
-        model: PropTypes.Validator<object>;
-        disableSidePanel: PropTypes.Requireable<boolean>;
-        onModelChanged: PropTypes.Validator<(...args: any[]) => any>;
-        onConfigurationChanged: PropTypes.Validator<(...args: any[]) => any>;
-        imageSupport: PropTypes.Requireable<PropTypes.InferProps<{
-            add: PropTypes.Validator<(...args: any[]) => any>;
-            delete: PropTypes.Validator<(...args: any[]) => any>;
-        }>>;
-        uploadSoundSupport: PropTypes.Requireable<object>;
-    };
-    state: {};
-    componentDidMount(): void;
-    onModelChange: any;
-    onPromptChanged: any;
-    onRationaleChanged: any;
-    onTeacherInstructionsChanged: any;
-    onMarkupChanged: any;
-    onResponsesChanged: any;
-    onLengthChanged: any;
-    onChangeResponse: any;
-    onChange: any;
-    onHandleAreaChange: any;
-    render(): React.JSX.Element;
-}
-export default Main;

package/dist/author/main.js

@@ -1,294 +0,0 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js";
-import t from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
-import n from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/pick.js";
-import r from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/throttle.js";
-import { decodeHTML as i, getAdjustedLength as a } from "./markupUtils.js";
-import o from "./ecr-toolbar.js";
-import s from "./alternateResponses.js";
-import { generateValidationMessage as c } from "./utils.js";
-import l from "react";
-import u from "prop-types";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { styled as p } from "@mui/material/styles";
-import m, { ALL_PLUGINS as h } from "@pie-lib/editable-html-tip-tap";
-import { InputContainer as g, layout as ee, settings as _ } from "@pie-lib/config-ui";
-import v from "@mui/material/Typography";
-import y from "@mui/icons-material/Info";
-import b from "@mui/material/Tooltip";
-//#region src/author/main.tsx
-var { toggle: x, Panel: te, dropdown: ne } = _, S = p(g)(({ theme: e }) => ({
-	width: "100%",
-	paddingTop: e.spacing(1),
-	marginTop: e.spacing(2),
-	marginBottom: e.spacing(2)
-})), C = p(m)(({ theme: e }) => ({
-	minHeight: "100px",
-	paddingTop: e.spacing(1),
-	width: "100%",
-	"& [data-slate-editor=\"true\"]": { minHeight: "100px" }
-})), re = p(v)(({ theme: e }) => ({ fontSize: e.typography.fontSize + 2 })), ie = p(b)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
-	fontSize: e.typography.fontSize - 2,
-	whiteSpace: "pre",
-	maxWidth: "500px"
-} })), w = p("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(1)
-})), T = p("div")({
-	display: "flex",
-	alignItems: "center"
-}), E = p(v)(({ theme: e }) => ({
-	fontSize: e.typography.fontSize + 2,
-	marginTop: e.spacing(3),
-	marginBottom: e.spacing(1)
-})), D = (e) => {
-	let t = document.createElement("div");
-	return t.innerHTML = e.trim(), t;
-}, O = class extends l.Component {
-	static propTypes = {
-		configuration: u.object.isRequired,
-		model: u.object.isRequired,
-		disableSidePanel: u.bool,
-		onModelChanged: u.func.isRequired,
-		onConfigurationChanged: u.func.isRequired,
-		imageSupport: u.shape({
-			add: u.func.isRequired,
-			delete: u.func.isRequired
-		}),
-		uploadSoundSupport: u.object
-	};
-	state = {};
-	componentDidMount() {
-		let { model: { slateMarkup: e, choices: t, maxLengthPerChoice: n = [] }, onModelChanged: r } = this.props, o = !n.length;
-		this.setState({ markup: e }), Object.values(t).forEach((e, t) => {
-			let r = e.map((e) => i(e.label || "").length), s = Math.max(...r);
-			(o || !n[t] || n[t] < s || n[t] > s + 10) && (n[t] = a(s));
-		}), r({ maxLengthPerChoice: n });
-	}
-	onModelChange = (e) => {
-		this.props.onModelChanged({ ...e });
-	};
-	onPromptChanged = (e) => {
-		this.props.onModelChanged({ prompt: e });
-	};
-	onRationaleChanged = (e) => {
-		this.props.onModelChanged({ rationale: e });
-	};
-	onTeacherInstructionsChanged = (e) => {
-		let { onModelChanged: t } = this.props;
-		t({ teacherInstructions: e });
-	};
-	onMarkupChanged = (e) => {
-		this.props.onModelChanged({ slateMarkup: e });
-	};
-	onResponsesChanged = (e) => {
-		this.props.onModelChanged({ choices: e });
-	};
-	onLengthChanged = (e) => {
-		let { onModelChanged: t } = this.props;
-		t({ maxLengthPerChoice: e });
-	};
-	onChangeResponse = (e, t) => {
-		let { model: n, onModelChanged: r } = this.props, { choices: o } = n, { maxLengthPerChoice: s } = n, c = i(t || "").length;
-		if (!o[e] || !o[e].length) {
-			o[e] = [{
-				label: t || "",
-				value: "0"
-			}];
-			let n = e > s.length ? e - s.length : 0;
-			s = [...s, ...Array(n).fill(1)], s.splice(e, 0, a(c));
-		} else o[e][0].label = t || "", s && (s[e] < c || s[e] > c + 10) && (s[e] = a(c));
-		r({
-			choices: o,
-			maxLengthPerChoice: s
-		});
-	};
-	onChange = (t) => {
-		let { model: { choices: n, maxLengthPerChoice: r }, onModelChanged: i } = this.props, a = D(t), o = a.querySelectorAll("[data-type=\"explicit_constructed_response\"]"), s = {}, c = [];
-		o.forEach((t, i) => {
-			let a = e(n[t.dataset.index]);
-			a && (a[0] = {
-				label: t.dataset.value || "",
-				value: "0"
-			}, c[i] = r[t.dataset.index]), s[i] = a, t.dataset.index = i;
-		}), this.setState({ cachedChoices: void 0 }, () => i({
-			choices: s,
-			slateMarkup: a.innerHTML,
-			maxLengthPerChoice: c
-		}));
-	};
-	onHandleAreaChange = r((t) => {
-		let { model: { choices: r }, onModelChanged: i } = this.props, { cachedChoices: a } = this.state;
-		if (!t) return;
-		let o = r ? e(r) : {}, s = a ? e(a) : {};
-		t.forEach((e) => {
-			let t = e.index;
-			!o[t] && s[t] ? (Object.assign(o, n(s, t)), Object.prototype.hasOwnProperty.call(s, t) && delete s[t]) : (Object.assign(s, n(o, t)), Object.prototype.hasOwnProperty.call(o, t) && delete o[t]);
-		}), this.setState({ cachedChoices: s }, () => i({ choices: o }));
-	}, 500, {
-		trailing: !1,
-		leading: !0
-	});
-	render() {
-		let { model: e, configuration: n, onConfigurationChanged: r, imageSupport: i, uploadSoundSupport: a } = this.props, { baseInputConfiguration: l = {}, contentDimensions: u = {}, maxImageWidth: p = {}, maxImageHeight: g = {}, maxLengthPerChoice: _ = {}, maxResponseAreas: v, partialScoring: b = {}, playerSpellCheck: D = {}, prompt: O = {}, rationale: k = {}, template: ae = {}, settingsPanelDisabled: oe, spellCheck: A = {}, editSource: j = {}, teacherInstructions: M = {}, withRubric: N = {}, mathMlOptions: P = {}, language: F = {}, languageChoices: I = {}, spanishButton: L = {}, responseAreaInputConfiguration: R = {} } = n || {}, { errors: z, extraCSSRules: B, maxLengthPerChoiceEnabled: V, promptEnabled: H, rationaleEnabled: U, spellCheckEnabled: W, teacherInstructionsEnabled: se, toolbarEditorPosition: ce } = e || {}, { choices: G = {}, prompt: K, rationale: q, responseAreas: J, teacherInstructions: Y } = z || {}, le = c(n), X = p && p.prompt, Z = g && g.prompt, Q = { position: ce === "top" ? "top" : "bottom" }, ue = {
-			partialScoring: b.settings && x(b.label),
-			maxLengthPerChoiceEnabled: _.settings && x(_.label),
-			"language.enabled": F.settings && x(F.label, !0),
-			language: F.settings && F.enabled && ne(I.label, I.options),
-			"responseAreaInputConfiguration.inputConfiguration.characters.disabled": L.settings && x(L.label, !0)
-		}, de = {
-			teacherInstructionsEnabled: M.settings && x(M.label),
-			rationaleEnabled: k.settings && x(k.label),
-			promptEnabled: O.settings && x(O.label),
-			spellCheckEnabled: A.settings && x(A.label),
-			playerSpellCheckEnabled: D.settings && x(D.label),
-			rubricEnabled: N?.settings && x(N?.label),
-			"editSource.enabled": j?.settings && x(j.label, !0)
-		}, $ = (e = {}) => ({
-			...l,
-			...e
-		});
-		return /* @__PURE__ */ f(ee.ConfigLayout, {
-			extraCSSRules: B,
-			dimensions: u,
-			hideSettings: oe,
-			settings: /* @__PURE__ */ d(te, {
-				model: e,
-				configuration: n,
-				onChangeModel: (e) => this.onModelChange(e),
-				onChangeConfiguration: (e) => r(e, !0),
-				groups: {
-					Settings: ue,
-					Properties: de
-				}
-			}),
-			children: [
-				se && /* @__PURE__ */ f(S, {
-					label: M.label,
-					children: [/* @__PURE__ */ d(m, {
-						className: "prompt",
-						markup: e.teacherInstructions || "",
-						onChange: this.onTeacherInstructionsChanged,
-						imageSupport: i,
-						nonEmpty: !1,
-						error: Y,
-						toolbarOpts: Q,
-						pluginProps: $(M?.inputConfiguration),
-						spellCheck: W,
-						maxImageWidth: p && p.teacherInstructions || X,
-						maxImageHeight: g && g.teacherInstructions || Z,
-						uploadSoundSupport: a,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: P,
-						autoWidthToolbar: !0
-					}), Y && /* @__PURE__ */ d(w, { children: Y })]
-				}),
-				H && /* @__PURE__ */ f(S, {
-					label: O.label,
-					children: [/* @__PURE__ */ d(m, {
-						className: "prompt",
-						markup: e.prompt,
-						onChange: this.onPromptChanged,
-						imageSupport: i,
-						nonEmpty: !1,
-						disableUnderline: !0,
-						error: K,
-						toolbarOpts: Q,
-						pluginProps: $(O?.inputConfiguration),
-						spellCheck: W,
-						maxImageWidth: X,
-						maxImageHeight: Z,
-						uploadSoundSupport: a,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: P,
-						autoWidthToolbar: !0
-					}), K && /* @__PURE__ */ d(w, { children: K })]
-				}),
-				/* @__PURE__ */ f(T, { children: [/* @__PURE__ */ d(re, {
-					component: "div",
-					children: "Define Template, Choices, and Correct Responses"
-				}), /* @__PURE__ */ d(ie, {
-					disableFocusListener: !0,
-					disableTouchListener: !0,
-					placement: "right",
-					title: le,
-					children: /* @__PURE__ */ d(y, {
-						fontSize: "small",
-						color: "primary",
-						style: { marginLeft: "8px" }
-					})
-				})] }),
-				/* @__PURE__ */ d(C, {
-					activePlugins: h,
-					toolbarOpts: { position: "top" },
-					spellCheck: W,
-					pluginProps: $(ae?.inputConfiguration),
-					responseAreaProps: {
-						type: "explicit-constructed-response",
-						options: { duplicates: !0 },
-						maxResponseAreas: v,
-						respAreaToolbar: (e, t, n) => {
-							let [r, i] = e, { model: a } = this.props, s = (a.choices[r.attrs.index] || [])[0];
-							return () => /* @__PURE__ */ d(o, {
-								onChangeResponse: (e) => this.onChangeResponse(r.attrs.index, e),
-								node: r,
-								pos: i,
-								editor: t,
-								onToolbarDone: n,
-								correctChoice: s,
-								maxLengthPerChoiceEnabled: V,
-								pluginProps: $(R?.inputConfiguration)
-							});
-						},
-						error: () => G,
-						onHandleAreaChange: this.onHandleAreaChange
-					},
-					markup: e.slateMarkup,
-					onChange: this.onChange,
-					imageSupport: i,
-					disableImageAlignmentButtons: !0,
-					onBlur: this.onBlur,
-					disabled: !1,
-					highlightShape: !1,
-					error: J,
-					uploadSoundSupport: a,
-					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-					mathMlOptions: P,
-					autoWidthToolbar: !0
-				}),
-				J && /* @__PURE__ */ d(w, { children: J }),
-				!t(e.choices) && /* @__PURE__ */ d(E, { children: `Define Alternates ${V ? "and Character Limits" : ""}` }),
-				/* @__PURE__ */ d(s, {
-					model: e,
-					onChange: this.onResponsesChanged,
-					onLengthChange: this.onLengthChanged,
-					maxLengthPerChoiceEnabled: V,
-					spellCheck: W,
-					choicesErrors: G,
-					pluginProps: $(R?.inputConfiguration)
-				}),
-				U && /* @__PURE__ */ f(S, {
-					label: k.label,
-					children: [/* @__PURE__ */ d(m, {
-						className: "prompt",
-						markup: e.rationale || "",
-						onChange: this.onRationaleChanged,
-						imageSupport: i,
-						error: q,
-						toolbarOpts: Q,
-						pluginProps: $(k?.inputConfiguration),
-						spellCheck: W,
-						maxImageWidth: p && p.rationale || X,
-						maxImageHeight: g && g.rationale || Z,
-						uploadSoundSupport: a,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: P,
-						autoWidthToolbar: !0
-					}), q && /* @__PURE__ */ d(w, { children: q })]
-				})
-			]
-		});
-	}
-};
-//#endregion
-export { O as default };

package/dist/author/markupUtils.d.ts

@@ -1,14 +0,0 @@
-/**
- * @synced-from pie-elements/packages/explicit-constructed-response/configure/src/markupUtils.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 declare const removeUnwantedCharacters: (markup: any) => any;
-export declare const processMarkup: (markup: any) => string;
-export declare const createSlateMarkup: (markup: any, choices: any) => any;
-export declare const getAdjustedLength: (length: any) => any;
-export declare const stripHtmlTags: (markup: any) => string;
-export declare const decodeHTML: (html: any) => string;

package/dist/author/markupUtils.js

@@ -1,13 +0,0 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/escape.js";
-//#region src/author/markupUtils.tsx
-var t = "imes|riangle|an|heta|herefore", n = "throot|parallel|cong|approx|eq|e|sim", r = RegExp(`(\\t(?!${t}))|(\\n(?!${n}))|(\\\\t(?!${t}))|(\\\\n(?!${n}))`, "g"), i = (e) => e.replace(r, "").replace(/\\"/g, "\"").replace(/\\\//g, "/"), a = (e = "") => {
-	let t = document.createElement("div");
-	return t.innerHTML = e.trim(), t;
-}, o = (e) => {
-	let t = a(i(e || "") || ""), n = 0;
-	return t.querySelectorAll("[data-type=\"explicit_constructed_response\"]").forEach((e) => {
-		e.replaceWith(`{{${n++}}}`);
-	}), t.innerHTML;
-}, s = /\{\{(\d+)\}\}/g, c = (t, n) => t ? i(t).replace(s, (t, r) => `<span data-type="explicit_constructed_response" data-index="${r}" data-value="${e(n[r][0].label || "")}"></span>`) : "", l = (e) => e <= 2 ? e + 2 : e <= 4 ? e + 3 : e <= 6 ? e + 4 : e + 5, u = (e) => typeof e == "string" ? e.replace(/<\/?[^>]+(>|$)/g, "") : "", d = (e) => new DOMParser().parseFromString(e, "text/html").body.textContent || "";
-//#endregion
-export { c as createSlateMarkup, d as decodeHTML, l as getAdjustedLength, o as processMarkup, u as stripHtmlTags };

package/dist/author/utils.d.ts

@@ -1,9 +0,0 @@
-/**
- * @synced-from pie-elements/packages/explicit-constructed-response/configure/src/utils.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 declare const generateValidationMessage: (config: any) => string;

package/dist/author/utils.js

@@ -1,7 +0,0 @@
-//#region src/author/utils.ts
-var e = (e) => {
-	let { maxResponseAreas: t } = e;
-	return "Validation requirements:" + ("\nCorrect answers should not be blank.\nEach answer defined for a response area should be unique.\nThere should be at least 1 " + (t ? `and at most ${t} ` : "") + "response area" + (t ? "s" : "") + " defined.");
-};
-//#endregion
-export { e as generateValidationMessage };