@pie-element/ebsr 14.2.2-next.1 → 14.2.2-next.3

package/dist/author/index.js

@@ -1,18 +1,19 @@
-import e from "./main.js";
-import t from "./defaults.js";
-import { defaults as n } from "@pie-element/shared-lodash";
-import r from "react";
-import { createRoot as i } from "react-dom/client";
-import { ModelUpdatedEvent as a } from "@pie-element/shared-configure-events";
-import o from "@pie-element/multiple-choice/author";
+import { EBSR_MULTIPLE_CHOICE_CONFIGURE_TAG as e } from "../private-tags.js";
+import t from "./main.js";
+import n from "./defaults.js";
+import { defaults as r } from "@pie-element/shared-lodash";
+import i from "react";
+import { createRoot as a } from "react-dom/client";
+import { ModelUpdatedEvent as o } from "@pie-element/shared-configure-events";
+import s from "@pie-element/multiple-choice/author";
 //#region src/author/index.ts
-var s = a.TYPE, c = "ebsr-multiple-choice-configure", l = class extends o {};
-customElements.get(c) || customElements.define(c, l);
-var u = (e, r) => ({
-	configuration: n(e, t.configuration),
-	model: r
-}), { model: d } = t || {}, f = class n extends HTMLElement {
-	static createDefaultModel = ({ partA: e = {}, partB: t = {}, ...n } = {}, r = d) => ({
+var c = o.TYPE, l = e, u = class extends s {};
+customElements.get(l) || customElements.define(l, u);
+var d = (e, t) => ({
+	configuration: r(e, n.configuration),
+	model: t
+}), { model: f } = n || {}, p = class e extends HTMLElement {
+	static createDefaultModel = ({ partA: e = {}, partB: t = {}, ...n } = {}, r = f) => ({
 		...r,
 		...n,
 		partA: {
@@ -27,22 +28,22 @@ var u = (e, r) => ({
 		}
 	});
 	constructor() {
-		super(), this._root = null, this._model = n.createDefaultModel(), this._configuration = t.configuration, this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = n.configuration, this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
 	}
-	set model(e) {
-		this._model = n.createDefaultModel(e, this._model), this._render();
+	set model(t) {
+		this._model = e.createDefaultModel(t, this._model), this._render();
 	}
 	dispatchModelUpdated(e) {
 		let t = !!e;
-		this.dispatchEvent(new a(this._model, t));
+		this.dispatchEvent(new o(this._model, t));
 	}
-	onModelChanged = (e, t) => {
-		this._model = n.createDefaultModel(e, this._model), this.dispatchModelUpdated(t), this._render();
+	onModelChanged = (t, n) => {
+		this._model = e.createDefaultModel(t, this._model), this.dispatchModelUpdated(n), this._render();
 	};
 	set configuration(e) {
-		let n = u(e, this._model), r = {
-			...t.configuration,
-			...n.configuration
+		let t = d(e, this._model), r = {
+			...n.configuration,
+			...t.configuration
 		};
 		this._configuration = r, r?.language?.enabled ? r?.languageChoices?.options?.length && (this._model.language = r?.languageChoices.options[0].value) : r.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,
@@ -50,29 +51,30 @@ var u = (e, r) => ({
 		})) : delete this._model.language, this._render();
 	}
 	onConfigurationChanged(e) {
-		this._configuration = u(e, this._model).configuration, this._model && this.onModelChanged(this._model), this._render();
+		this._configuration = d(e, this._model).configuration, this._model && this.onModelChanged(this._model), this._render();
 	}
 	onModelUpdated = (e) => {
 		if (e.target === this) return;
 		e.preventDefault(), e.stopImmediatePropagation();
 		let t = e.target && e.target.getAttribute("id");
-		t && (e.update && (this._model[`part${t}`] = e.update), this.dispatchEvent(new a(this._model)));
+		t && (e.update && (this._model[`part${t}`] = e.update), this.dispatchEvent(new o(this._model)));
 	};
 	connectedCallback() {
-		this.addEventListener(s, this.onModelUpdated), this._render();
+		this.addEventListener(c, this.onModelUpdated), this._render();
 	}
 	_render() {
-		let t = r.createElement(e, {
+		let e = i.createElement(t, {
 			model: this._model,
 			configuration: this._configuration,
+			multipleChoiceTagName: l,
 			onModelChanged: this.onModelChanged,
 			onConfigurationChanged: this.onConfigurationChanged
 		});
-		this._root ||= i(this), this._root.render(t);
+		this._root ||= a(this), this._root.render(e);
 	}
 	disconnectedCallback() {
-		this.removeEventListener(s, this.onModelUpdated), this._root && this._root.unmount();
+		this.removeEventListener(c, this.onModelUpdated), this._root && this._root.unmount();
 	}
 };
 //#endregion
-export { f as default };
+export { p as default };

package/dist/author/main.d.ts

@@ -12,6 +12,7 @@ export declare class Main extends React.Component {
     static propTypes: {
         configuration: PropTypes.Requireable<object>;
         model: PropTypes.Requireable<object>;
+        multipleChoiceTagName: PropTypes.Requireable<string>;
         onModelChanged: PropTypes.Requireable<(...args: any[]) => any>;
         onConfigurationChanged: PropTypes.Requireable<(...args: any[]) => any>;
     };

package/dist/author/main.js

@@ -1,18 +1,20 @@
-import e from "react";
-import t from "prop-types";
-import { layout as n, settings as r } from "@pie-lib/config-ui";
-import { styled as i } from "@mui/material/styles";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { EBSR_MULTIPLE_CHOICE_CONFIGURE_TAG as e } from "../private-tags.js";
+import t from "react";
+import n from "prop-types";
+import { layout as r, settings as i } from "@pie-lib/config-ui";
+import { styled as a } from "@mui/material/styles";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/author/main.tsx
-var { Panel: s, toggle: c, radio: l, dropdown: u } = r, d = i("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), f = i("div")(({ theme: e }) => ({
+var { Panel: c, toggle: l, radio: u, dropdown: d } = i, f = a("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), p = a("div")(({ theme: e }) => ({
 	flex: 1,
 	height: e.spacing(2.5)
-})), p = class extends e.Component {
+})), m = class extends t.Component {
 	static propTypes = {
-		configuration: t.object,
-		model: t.object,
-		onModelChanged: t.func,
-		onConfigurationChanged: t.func
+		configuration: n.object,
+		model: n.object,
+		multipleChoiceTagName: n.string,
+		onModelChanged: n.func,
+		onConfigurationChanged: n.func
 	};
 	removeExtraChoices = (e) => {
 		let t = !1;
@@ -23,93 +25,93 @@ var { Panel: s, toggle: c, radio: l, dropdown: u } = r, d = i("div")(({ theme: e
 		return t === "partA.choiceMode" && e.partA.choiceMode === "radio" ? (e.partA.choices = this.removeExtraChoices(e.partA.choices), n(e, !0)) : t === "partB.choiceMode" && e.partB.choiceMode === "radio" ? (e.partB.choices = this.removeExtraChoices(e.partB.choices), n(e, !0)) : n(e);
 	};
 	render() {
-		let { model: e, configuration: t, onConfigurationChanged: r } = this.props, { partLabelType: i, partA: p, partB: m, extraCSSRules: h } = e, { contentDimensions: g = {}, partA: _ = {}, partB: v = {}, partialScoring: y = {}, settingsPanelDisabled: b, scoringType: x = {}, language: S = {}, languageChoices: C = {}, ...w } = t, { feedback: T = {}, choiceMode: E = {}, choicePrefix: D = {}, lockChoiceOrder: O = {}, prompt: k = {}, teacherInstructions: A = {}, studentInstructions: j = {}, choicesLayout: M = {}, gridColumns: N = {}, rationale: P = {}, spellCheck: F = {} } = _ || {}, { feedback: I = {}, choiceMode: L = {}, choicePrefix: R = {}, lockChoiceOrder: z = {}, prompt: B = {}, teacherInstructions: V = {}, studentInstructions: H = {}, choicesLayout: U = {}, gridColumns: W = {}, rationale: G = {}, spellCheck: K = {} } = v || {}, q = (i || "Numbers") === "Numbers", J = `Part ${q ? "1" : "A"}`, Y = `Part ${q ? "2" : "B"}`, X = {
-			partA: p.choices && p.choices.length ? Array.from({ length: p.choices.length }, (e, t) => `${t + 1}`) : [],
-			partB: m.choices && m.choices.length ? Array.from({ length: m.choices.length }, (e, t) => `${t + 1}`) : []
-		}, Z = {
-			partLabels: w.partLabels.settings && c(w.partLabels.label),
-			partLabelType: e.partLabels && u("", ["Numbers", "Letters"]),
-			partialScoring: y.settings && c(y.label),
-			scoringType: x.settings && l(x.label, ["auto", "rubric"]),
-			"language.enabled": S.settings && c(S.label, !0),
-			language: S.settings && S.enabled && u(C.label, C.options)
-		}, Q = {
-			"partA.choiceMode": E.settings && l(E.label, ["checkbox", "radio"]),
-			"partA.choicePrefix": D.settings && l(D.label, ["numbers", "letters"]),
-			"partA.lockChoiceOrder": O.settings && c(O.label),
-			"partA.choicesLayout": M.settings && u(M.label, [
+		let { model: t, configuration: n, multipleChoiceTagName: i = e, onConfigurationChanged: a } = this.props, m = i, { partLabelType: h, partA: g, partB: _, extraCSSRules: v } = t, { contentDimensions: ee = {}, partA: y = {}, partB: b = {}, partialScoring: x = {}, settingsPanelDisabled: S, scoringType: C = {}, language: w = {}, languageChoices: T = {}, ...E } = n, { feedback: D = {}, choiceMode: O = {}, choicePrefix: k = {}, lockChoiceOrder: A = {}, prompt: j = {}, teacherInstructions: M = {}, studentInstructions: N = {}, choicesLayout: P = {}, gridColumns: F = {}, rationale: I = {}, spellCheck: L = {} } = y || {}, { feedback: R = {}, choiceMode: z = {}, choicePrefix: B = {}, lockChoiceOrder: V = {}, prompt: H = {}, teacherInstructions: U = {}, studentInstructions: W = {}, choicesLayout: G = {}, gridColumns: K = {}, rationale: q = {}, spellCheck: J = {} } = b || {}, Y = (h || "Numbers") === "Numbers", X = `Part ${Y ? "1" : "A"}`, Z = `Part ${Y ? "2" : "B"}`, Q = {
+			partA: g.choices && g.choices.length ? Array.from({ length: g.choices.length }, (e, t) => `${t + 1}`) : [],
+			partB: _.choices && _.choices.length ? Array.from({ length: _.choices.length }, (e, t) => `${t + 1}`) : []
+		}, $ = {
+			partLabels: E.partLabels.settings && l(E.partLabels.label),
+			partLabelType: t.partLabels && d("", ["Numbers", "Letters"]),
+			partialScoring: x.settings && l(x.label),
+			scoringType: C.settings && u(C.label, ["auto", "rubric"]),
+			"language.enabled": w.settings && l(w.label, !0),
+			language: w.settings && w.enabled && d(T.label, T.options)
+		}, te = {
+			"partA.choiceMode": O.settings && u(O.label, ["checkbox", "radio"]),
+			"partA.choicePrefix": k.settings && u(k.label, ["numbers", "letters"]),
+			"partA.lockChoiceOrder": A.settings && l(A.label),
+			"partA.choicesLayout": P.settings && d(P.label, [
 				"vertical",
 				"grid",
 				"horizontal"
 			]),
-			"partA.gridColumns": M.settings && p.choicesLayout === "grid" && X.partA.length > 0 && u(N.label, X.partA)
-		}, $ = {
-			"partA.feedbackEnabled": T.settings && c(T.label),
-			"partA.promptEnabled": k.settings && c(k.label),
-			"partA.teacherInstructionsEnabled": A.settings && c(A.label),
-			"partA.studentInstructionsEnabled": j.settings && c(j.label),
-			"partA.rationaleEnabled": P.settings && c(P.label),
-			"partA.spellCheckEnabled": F.settings && c(F.label)
-		}, ee = {
-			"partB.choiceMode": L.settings && l(L.label, ["checkbox", "radio"]),
-			"partB.choicePrefix": R.settings && l(R.label, ["numbers", "letters"]),
-			"partB.lockChoiceOrder": z.settings && c(z.label),
-			"partB.choicesLayout": U.settings && u(U.label, [
+			"partA.gridColumns": P.settings && g.choicesLayout === "grid" && Q.partA.length > 0 && d(F.label, Q.partA)
+		}, ne = {
+			"partA.feedbackEnabled": D.settings && l(D.label),
+			"partA.promptEnabled": j.settings && l(j.label),
+			"partA.teacherInstructionsEnabled": M.settings && l(M.label),
+			"partA.studentInstructionsEnabled": N.settings && l(N.label),
+			"partA.rationaleEnabled": I.settings && l(I.label),
+			"partA.spellCheckEnabled": L.settings && l(L.label)
+		}, re = {
+			"partB.choiceMode": z.settings && u(z.label, ["checkbox", "radio"]),
+			"partB.choicePrefix": B.settings && u(B.label, ["numbers", "letters"]),
+			"partB.lockChoiceOrder": V.settings && l(V.label),
+			"partB.choicesLayout": G.settings && d(G.label, [
 				"vertical",
 				"grid",
 				"horizontal"
 			]),
-			"partB.gridColumns": U.settings && m.choicesLayout === "grid" && X.partB.length > 0 && u(W.label, X.partB)
-		}, te = {
-			"partB.feedbackEnabled": I.settings && c(I.label),
-			"partB.promptEnabled": B.settings && c(B.label),
-			"partB.teacherInstructionsEnabled": V.settings && c(V.label),
-			"partB.studentInstructionsEnabled": H.settings && c(H.label),
-			"partB.rationaleEnabled": G.settings && c(G.label),
-			"partB.spellCheckEnabled": K.settings && c(K.label)
+			"partB.gridColumns": G.settings && _.choicesLayout === "grid" && Q.partB.length > 0 && d(K.label, Q.partB)
+		}, ie = {
+			"partB.feedbackEnabled": R.settings && l(R.label),
+			"partB.promptEnabled": H.settings && l(H.label),
+			"partB.teacherInstructionsEnabled": U.settings && l(U.label),
+			"partB.studentInstructionsEnabled": W.settings && l(W.label),
+			"partB.rationaleEnabled": q.settings && l(q.label),
+			"partB.spellCheckEnabled": J.settings && l(J.label)
 		};
-		return /* @__PURE__ */ o(n.ConfigLayout, {
-			extraCSSRules: h,
-			dimensions: g,
-			hideSettings: b,
-			settings: /* @__PURE__ */ a(s, {
-				model: e,
+		return /* @__PURE__ */ s(r.ConfigLayout, {
+			extraCSSRules: v,
+			dimensions: ee,
+			hideSettings: S,
+			settings: /* @__PURE__ */ o(c, {
+				model: t,
 				onChangeModel: this.onModelChanged,
-				configuration: t,
-				onChangeConfiguration: r,
+				configuration: n,
+				onChangeConfiguration: a,
 				groups: {
-					"Settings for both": Z,
-					[`Settings ${J}`]: Q,
-					[`Properties ${J}`]: $,
-					[`Settings ${Y}`]: ee,
-					[`Properties ${Y}`]: te
+					"Settings for both": $,
+					[`Settings ${X}`]: te,
+					[`Properties ${X}`]: ne,
+					[`Settings ${Z}`]: re,
+					[`Properties ${Z}`]: ie
 				}
 			}),
 			children: [
-				e.partLabels && /* @__PURE__ */ a(d, { children: J }),
-				/* @__PURE__ */ a("ebsr-multiple-choice-configure", {
+				t.partLabels && /* @__PURE__ */ o(f, { children: X }),
+				/* @__PURE__ */ o(m, {
 					id: "A",
 					ref: (e) => {
 						e && (this.partA = e, this.partA._model = {
 							...this.props.model.partA,
 							errors: this.props.model.errors && this.props.model.errors.partA || {}
 						}, this.partA.configuration = {
-							..._,
-							...w
+							...y,
+							...E
 						});
 					}
 				}, "partA"),
-				/* @__PURE__ */ a(f, {}),
-				e.partLabels && /* @__PURE__ */ a(d, { children: Y }),
-				/* @__PURE__ */ a("ebsr-multiple-choice-configure", {
+				/* @__PURE__ */ o(p, {}),
+				t.partLabels && /* @__PURE__ */ o(f, { children: Z }),
+				/* @__PURE__ */ o(m, {
 					id: "B",
 					ref: (e) => {
 						e && (this.partB = e, this.partB._model = {
 							...this.props.model.partB,
 							errors: this.props.model.errors && this.props.model.errors.partB || {}
 						}, this.partB.configuration = {
-							...v,
-							...w
+							...b,
+							...E
 						});
 					}
 				}, "partB")
@@ -118,4 +120,4 @@ var { Panel: s, toggle: c, radio: l, dropdown: u } = r, d = i("div")(({ theme: e
 	}
 };
 //#endregion
-export { p as default };
+export { m as default };