@pie-element/match 12.1.2-next.0 → 12.1.2-next.2

package/dist/author/answer-config-block.js

@@ -1,5 +1,5 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/set.js";
-import { getPluginProps as t } from "./utils.js";
+import { getPluginProps as e } from "./utils.js";
+import t from "../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import n from "./add-row.js";
 import r from "./row.js";
 import * as i from "react";
@@ -7,12 +7,12 @@ import a from "prop-types";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import c from "@mui/material/Typography";
 import { styled as l } from "@mui/material/styles";
-import u from "debug";
-import d, { DEFAULT_PLUGINS as f } from "@pie-lib/editable-html-tip-tap";
-import p from "classnames";
+import { set as u } from "@pie-element/shared-lodash";
+import d from "debug";
+import f, { DEFAULT_PLUGINS as p } from "@pie-lib/editable-html-tip-tap";
 import { DragProvider as m } from "@pie-lib/drag";
 //#region src/author/answer-config-block.tsx
-var h = u("pie-elements:match:configure"), g = l("div")(({ theme: e }) => ({
+var h = d("pie-elements:match:configure"), g = l("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flexDirection: "column"
@@ -91,9 +91,9 @@ var h = u("pie-elements:match:configure"), g = l("div")(({ theme: e }) => ({
 			h("update: ", u), o.rows = u, a(o);
 		}
 	};
-	onChange = (t, n) => ({ target: r }) => {
-		let { model: i, onChange: a } = this.props, o;
-		o = n ? r.checked : r.value, e(i, t, o), a(i, t);
+	onChange = (e, t) => ({ target: n }) => {
+		let { model: r, onChange: i } = this.props, a;
+		a = t ? n.checked : n.value, u(r, e, a), i(r, e);
 	};
 	onHeaderChange = (e) => (t) => {
 		let { model: n, onChange: r } = this.props, i = { ...n };
@@ -104,7 +104,7 @@ var h = u("pie-elements:match:configure"), g = l("div")(({ theme: e }) => ({
 		i.headers[e] = t, r(i);
 	};
 	render() {
-		let { model: e, onAddRow: i, imageSupport: a, configuration: l, toolbarOpts: u, spellCheck: h, uploadSoundSupport: w } = this.props, { baseInputConfiguration: T = {}, headers: E = {}, rows: D = {}, maxImageWidth: O = {}, maxImageHeight: k = {}, mathMlOptions: A = {}, minQuestions: j } = l || {}, { errors: M } = e || {}, { correctResponseError: N, rowsErrors: P, columnsErrors: F, noOfRowsError: I, columnsLengthError: L } = M || {}, R = (f || []).filter((e) => e !== "table" && e !== "bulleted-list" && e !== "numbered-list"), z = O && O.prompt, B = k && k.prompt;
+		let { model: i, onAddRow: a, imageSupport: l, configuration: u, toolbarOpts: d, spellCheck: h, uploadSoundSupport: w } = this.props, { baseInputConfiguration: T = {}, headers: E = {}, rows: D = {}, maxImageWidth: O = {}, maxImageHeight: k = {}, mathMlOptions: A = {}, minQuestions: j } = u || {}, { errors: M } = i || {}, { correctResponseError: N, rowsErrors: P, columnsErrors: F, noOfRowsError: I, columnsLengthError: L } = M || {}, R = (p || []).filter((e) => e !== "table" && e !== "bulleted-list" && e !== "numbered-list"), z = O && O.prompt, B = k && k.prompt;
 		return /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(m, {
 			onDragEnd: this.moveRow,
 			children: /* @__PURE__ */ s(g, { children: [/* @__PURE__ */ o(c, {
@@ -112,14 +112,14 @@ var h = u("pie-elements:match:configure"), g = l("div")(({ theme: e }) => ({
 				component: "div",
 				children: "Click on the labels to edit or remove. Set the correct answers by clicking each correct answer per row."
 			}), /* @__PURE__ */ s(b, {
-				style: l.width ? {
-					width: l.width,
+				style: u.width ? {
+					width: u.width,
 					overflow: "scroll"
 				} : {},
 				children: [
-					/* @__PURE__ */ s(_, { children: [E.settings && (e.headers || []).map((e, n) => /* @__PURE__ */ s(v, {
-						className: p({ questionText: n === 0 }),
-						sx: n === 0 ? {
+					/* @__PURE__ */ s(_, { children: [E.settings && (i.headers || []).map((n, r) => /* @__PURE__ */ s(v, {
+						className: t({ questionText: r === 0 }),
+						sx: r === 0 ? {
 							flex: 2,
 							display: "flex",
 							justifyContent: "flex-start",
@@ -132,41 +132,41 @@ var h = u("pie-elements:match:configure"), g = l("div")(({ theme: e }) => ({
 								minWidth: "200px"
 							}
 						} : {},
-						children: [/* @__PURE__ */ o(d, {
-							onChange: this.onHeaderChange(n),
-							markup: e,
-							className: F && !F[n] ? "marginBottom" : "headerInput",
+						children: [/* @__PURE__ */ o(f, {
+							onChange: this.onHeaderChange(r),
+							markup: n,
+							className: F && !F[r] ? "marginBottom" : "headerInput",
 							label: "column label",
 							activePlugins: R,
-							pluginProps: t(E?.inputConfiguration, T),
+							pluginProps: e(E?.inputConfiguration, T),
 							autoWidthToolbar: !0,
 							spellCheck: h,
 							uploadSoundSupport: w,
 							languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-							error: F && F[n]
-						}), F && F[n] && /* @__PURE__ */ o(x, { children: F[n] })]
-					}, n)), /* @__PURE__ */ o(y, {})] }),
-					e.rows.map((n, i) => /* @__PURE__ */ o(r, {
-						model: e,
-						row: n,
-						idx: i,
+							error: F && F[r]
+						}), F && F[r] && /* @__PURE__ */ o(x, { children: F[r] })]
+					}, r)), /* @__PURE__ */ o(y, {})] }),
+					i.rows.map((t, n) => /* @__PURE__ */ o(r, {
+						model: i,
+						row: t,
+						idx: n,
 						onDeleteRow: this.props.onDeleteRow,
 						onChange: this.props.onChange,
-						imageSupport: a,
-						toolbarOpts: u,
+						imageSupport: l,
+						toolbarOpts: d,
 						spellCheck: h,
-						error: P?.[n.id],
+						error: P?.[t.id],
 						maxImageWidth: O && O.rowTitles || z,
 						maxImageHeight: k && k.rowTitles || B,
 						uploadSoundSupport: w,
 						mathMlOptions: A,
 						minQuestions: j,
-						inputConfiguration: t(D?.inputConfiguration, T)
-					}, i)),
+						inputConfiguration: e(D?.inputConfiguration, T)
+					}, n)),
 					N && /* @__PURE__ */ o(S, { children: N }),
 					I && /* @__PURE__ */ o(S, { children: I }),
 					L && /* @__PURE__ */ o(S, { children: L }),
-					/* @__PURE__ */ o(n, { onAddClick: i })
+					/* @__PURE__ */ o(n, { onAddClick: a })
 				]
 			})] })
 		}) });

package/dist/author/index.js

@@ -1,37 +1,35 @@
-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/set.js";
-import r from "./configure.js";
-import i from "./defaults.js";
-import a from "react";
-import { createRoot as o } from "react-dom/client";
+import e from "./configure.js";
+import t from "./defaults.js";
+import n from "react";
+import { createRoot as r } from "react-dom/client";
+import { cloneDeep as i, isEmpty as a, set as o } from "@pie-element/shared-lodash";
 import s from "debug";
 import { DeleteImageEvent as c, DeleteSoundEvent as l, InsertImageEvent as u, InsertSoundEvent as d, ModelUpdatedEvent as f } from "@pie-element/shared-configure-events";
 //#region src/author/index.ts
 var p = s("pie-elements:match:configure"), m = class s extends HTMLElement {
 	static createDefaultModel = (e = {}) => ({
-		...i.model,
+		...t.model,
 		...e
 	});
 	constructor() {
-		super(), this._root = null, this._model = s.createDefaultModel(), this._configuration = i.configuration;
+		super(), this._root = null, this._model = s.createDefaultModel(), this._configuration = t.configuration;
 	}
-	set model(t) {
-		this._model = s.createDefaultModel(t), this._modelCopy = e(this._model), this._render();
+	set model(e) {
+		this._model = s.createDefaultModel(e), this._modelCopy = i(this._model), this._render();
 	}
 	resetModelAfterConfigurationIsSet = () => {
 		let e = document.querySelectorAll("pie-author");
 		this.hasPlayerAsParent = Array.from(e).some((e) => e.contains(this)), this.hasPlayerAsParent && (this._modelCopy ? this._model = this._modelCopy : delete this._modelCopy);
 	};
 	set configuration(e) {
-		let r = {
-			...i.configuration,
+		let n = {
+			...t.configuration,
 			...e
 		};
-		this._configuration = r, this.resetModelAfterConfigurationIsSet(), 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({
+		this._configuration = n, this.resetModelAfterConfigurationIsSet(), 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({
 			value: this._model.language,
 			label: this._model.language
-		})) : delete this._model.language, t(e?.rows?.inputConfiguration) && (n(this._configuration.rows, "inputConfiguration.image.disabled", !this._model?.enableImages), n(this._configuration.rows, "inputConfiguration.video.disabled", !0), n(this._configuration.rows, "inputConfiguration.audio.disabled", !0)), this._render();
+		})) : delete this._model.language, a(e?.rows?.inputConfiguration) && (o(this._configuration.rows, "inputConfiguration.image.disabled", !this._model?.enableImages), o(this._configuration.rows, "inputConfiguration.video.disabled", !0), o(this._configuration.rows, "inputConfiguration.audio.disabled", !0)), this._render();
 	}
 	onModelChanged(e) {
 		this._model = e, p("[onModelChanged]: ", this._model), this._render(), this.dispatchEvent(new f(this._model));
@@ -53,7 +51,7 @@ var p = s("pie-elements:match:configure"), m = class s extends HTMLElement {
 	}
 	_render() {
 		if (this._model) {
-			let e = a.createElement(r, {
+			let t = n.createElement(e, {
 				onModelChanged: this.onModelChanged.bind(this),
 				onConfigurationChanged: this.onConfigurationChanged.bind(this),
 				model: this._model,
@@ -67,7 +65,7 @@ var p = s("pie-elements:match:configure"), m = class s extends HTMLElement {
 					delete: this.onDeleteSound.bind(this)
 				}
 			});
-			this._root ||= o(this), this._root.render(e);
+			this._root ||= r(this), this._root.render(t);
 		}
 	}
 	disconnectedCallback() {