@pie-element/select-text 13.1.2-next.1 → 13.1.2

package/dist/author/design.js

@@ -1,263 +0,0 @@
-import { generateValidationMessage as e } from "./utils.js";
-import t from "react";
-import n from "prop-types";
-import { Tokenizer as r } from "@pie-lib/text-select";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { styled as o } from "@mui/material/styles";
-import s from "debug";
-import { cloneDeep as c, debounce as l } from "@pie-element/shared-lodash";
-import u from "@mui/material/TextField";
-import { FeedbackConfig as ee, InputContainer as d, NumberTextField as f, layout as p, settings as m } from "@pie-lib/config-ui";
-import h from "@mui/material/Chip";
-import te from "@mui/icons-material/Info";
-import g from "@pie-lib/editable-html-tip-tap";
-import _ from "@mui/material/Tooltip";
-//#region src/author/design.tsx
-var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = o(d)(({ theme: e }) => ({
-	width: "100%",
-	paddingTop: e.spacing(2),
-	marginBottom: e.spacing(2)
-})), x = o(g)({ width: "100%" }), S = o("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(1)
-})), ie = o(u)({ width: "100%" }), ae = o(d)(({ theme: e }) => ({
-	paddingRight: 0,
-	marginRight: 0,
-	position: "relative",
-	"&:after": {
-		position: "absolute",
-		bottom: 0,
-		left: 0,
-		right: 0,
-		height: "1px",
-		content: "\"\"",
-		backgroundColor: e.palette.primary.main
-	},
-	marginBottom: e.spacing(1)
-})), C = o(_)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
-	fontSize: e.typography.fontSize - 2,
-	whiteSpace: "pre",
-	maxWidth: "500px"
-} })), oe = o(r)(({ theme: e }) => ({ marginTop: e.spacing(2) })), w = o(h)(({ theme: e }) => ({
-	marginTop: e.spacing(.5),
-	marginRight: e.spacing(2)
-})), se = o("div")(({ theme: e }) => ({
-	display: "flex",
-	alignItems: "center",
-	flexWrap: "wrap",
-	marginBottom: e.spacing(2.5)
-})), ce = o(f)(({ theme: e }) => ({
-	width: "180px",
-	margin: `${e.spacing(.5)} auto 0`
-})), le = s("@pie-element:select-text:configure"), T = class extends t.Component {
-	static propTypes = {
-		model: n.object.isRequired,
-		configuration: n.object.isRequired,
-		onModelChanged: n.func.isRequired,
-		onConfigurationChanged: n.func.isRequired,
-		imageSupport: n.shape({
-			add: n.func.isRequired,
-			delete: n.func.isRequired
-		}),
-		uploadSoundSupport: n.object
-	};
-	static defaultProps = {};
-	constructor(e) {
-		super(e);
-		let { model: t } = this.props;
-		this.state = { text: t && t.text || "" };
-	}
-	UNSAFE_componentWillReceiveProps(e) {
-		let { model: t } = e;
-		t && t.text && this.setState({ text: t.text });
-	}
-	updateText = l((e) => {
-		this.apply((t) => {
-			t.text = e, t.tokens = [];
-		});
-	}, 200);
-	changeText = (e) => this.updateText(e.target.value);
-	changeTokens = (e, t) => {
-		this.apply((n) => {
-			n.tokens = e, n.mode = t;
-			let r = e.filter((e) => e.correct).length, i = isFinite(n.maxSelections) ? n.maxSelections : 0;
-			n.maxSelections = Math.max(i, r);
-		});
-	};
-	changeMaxSelections = (e, t) => {
-		this.apply((e) => e.maxSelections = t);
-	};
-	apply = (e) => {
-		let { onModelChanged: t, model: n } = this.props, r = c(n);
-		e(r), t(r);
-	};
-	changeFeedback = (e) => {
-		this.apply((t) => t.feedback = e);
-	};
-	changePartialScoring = (e) => {
-		let { onModelChanged: t, model: n } = this.props, r = c(n);
-		r.partialScoring = e, t(r);
-	};
-	onPromptChanged = (e) => {
-		let { onModelChanged: t, model: n } = this.props, r = c(n);
-		r.prompt = e, t(r);
-	};
-	onTeacherInstructionsChanged = (e) => {
-		let { onModelChanged: t, model: n } = this.props, r = c(n);
-		r.teacherInstructions = e, t(r);
-	};
-	onRationaleChanged = (e) => {
-		let { onModelChanged: t, model: n } = this.props;
-		t({
-			...n,
-			rationale: e
-		});
-	};
-	render() {
-		let { text: t } = this.state, { configuration: n, imageSupport: r, model: o, onConfigurationChanged: s, onModelChanged: c, uploadSoundSupport: l } = this.props, { baseInputConfiguration: u = {}, correctAnswer: d = {}, contentDimensions: f = {}, feedback: m = {}, highlightChoices: h = {}, mode: g = {}, partialScoring: _ = {}, prompt: T = {}, rationale: E = {}, selectionCount: D = {}, selections: O = {}, settingsPanelDisabled: ue, scoringType: k = {}, spellCheck: A = {}, studentInstructions: j = {}, teacherInstructions: M = {}, text: N = {}, tokens: P = {}, maxImageWidth: F = {}, maxImageHeight: I = {}, withRubric: L = {}, mathMlOptions: R = {}, language: z = {}, languageChoices: B = {} } = n || {}, { errors: V, extraCSSRules: H, feedbackEnabled: de, promptEnabled: fe, rationaleEnabled: pe, spellCheckEnabled: U, teacherInstructionsEnabled: me, toolbarEditorPosition: he } = o || {}, { prompt: W, rationale: G, selectionsError: K, teacherInstructions: q, tokensError: J } = V || {}, ge = e(n), Y = F && F.prompt, X = I && I.prompt, { tokens: Z } = o;
-		Z ||= [];
-		let Q = { position: he === "top" ? "top" : "bottom" };
-		le("[render] maxSelections:", o.maxSelections);
-		let _e = {
-			partialScoring: _.settings && v(_.label),
-			highlightChoices: h.settings && v(h.label),
-			feedbackEnabled: m.settings && v(m.label),
-			"language.enabled": z.settings && v(z.label, !0),
-			language: z.settings && z.enabled && re(B.label, B.options)
-		}, ve = {
-			teacherInstructionsEnabled: M.settings && v(M.label),
-			studentInstructionsEnabled: j.settings && v(j.label),
-			promptEnabled: T.settings && v(T.label),
-			rationaleEnabled: E.settings && v(E.label),
-			spellCheckEnabled: A.settings && v(A.label),
-			scoringType: k.settings && y(k.label, ["auto", "rubric"]),
-			rubricEnabled: L?.settings && v(L?.label)
-		}, $ = (e = {}) => ({
-			...u,
-			...e
-		});
-		return /* @__PURE__ */ a(p.ConfigLayout, {
-			extraCSSRules: H,
-			dimensions: f,
-			hideSettings: ue,
-			settings: /* @__PURE__ */ i(ne, {
-				model: o,
-				configuration: n,
-				onChangeModel: (e) => c(e),
-				onChangeConfiguration: s,
-				groups: {
-					Settings: _e,
-					Properties: ve
-				}
-			}),
-			children: [
-				me && /* @__PURE__ */ a(b, {
-					label: M.label,
-					children: [/* @__PURE__ */ i(x, {
-						markup: o.teacherInstructions || "",
-						onChange: this.onTeacherInstructionsChanged,
-						imageSupport: r,
-						nonEmpty: !1,
-						error: q,
-						toolbarOpts: Q,
-						pluginProps: $(n?.teacherInstructions?.inputConfiguration),
-						spellCheck: U,
-						maxImageWidth: F && F.teacherInstructions || Y,
-						maxImageHeight: I && I.teacherInstructions || X,
-						uploadSoundSupport: l,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: R
-					}), q && /* @__PURE__ */ i(S, { children: q })]
-				}),
-				fe && /* @__PURE__ */ a(b, {
-					label: T.label || "",
-					children: [/* @__PURE__ */ i(x, {
-						markup: o.prompt,
-						onChange: this.onPromptChanged,
-						imageSupport: r,
-						error: W,
-						toolbarOpts: Q,
-						pluginProps: $(n?.prompt?.inputConfiguration),
-						spellCheck: U,
-						maxImageWidth: Y,
-						maxImageHeight: X,
-						uploadSoundSupport: l,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: R
-					}), W && /* @__PURE__ */ i(S, { children: W })]
-				}),
-				N.settings && /* @__PURE__ */ i(b, {
-					label: N.label || "",
-					children: /* @__PURE__ */ i(ie, {
-						variant: "standard",
-						multiline: !0,
-						defaultValue: t,
-						onChange: this.changeText,
-						spellCheck: U
-					})
-				}),
-				P.settings && /* @__PURE__ */ a(ae, {
-					label: P.label || "",
-					children: [/* @__PURE__ */ i(C, {
-						disableFocusListener: !0,
-						disableTouchListener: !0,
-						placement: "right",
-						title: ge,
-						children: /* @__PURE__ */ i(te, {
-							fontSize: "small",
-							color: "primary",
-							style: {
-								position: "absolute",
-								left: "48px",
-								top: "-3px"
-							}
-						})
-					}), /* @__PURE__ */ i(oe, {
-						text: o.text,
-						tokens: Z,
-						onChange: this.changeTokens
-					})]
-				}),
-				J && /* @__PURE__ */ i(S, { children: J }),
-				K && /* @__PURE__ */ i(S, { children: K }),
-				/* @__PURE__ */ a(se, { children: [
-					g.settings && /* @__PURE__ */ i(w, { label: `${g.label}: ${o.mode ? o.mode : "None"}` }),
-					O.settings && /* @__PURE__ */ i(w, { label: `${O.label}: ${Z.length}` }),
-					d.settings && /* @__PURE__ */ i(w, { label: `${d.label}: ${Z.filter((e) => e.correct).length}` }),
-					D.settings && /* @__PURE__ */ i(ce, {
-						min: Z.filter((e) => e.correct).length || 0,
-						label: `${D.label} (0:any)`,
-						max: Z.length,
-						value: o.maxSelections,
-						onChange: this.changeMaxSelections
-					})
-				] }),
-				pe && /* @__PURE__ */ a(b, {
-					label: E.label || "",
-					children: [/* @__PURE__ */ i(x, {
-						markup: o.rationale || "",
-						onChange: this.onRationaleChanged,
-						imageSupport: r,
-						error: G,
-						toolbarOpts: Q,
-						pluginProps: $(n?.rationale?.inputConfiguration),
-						spellCheck: U,
-						maxImageWidth: F && F.rationale || Y,
-						maxImageHeight: I && I.rationale || X,
-						uploadSoundSupport: l,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: R
-					}), G && /* @__PURE__ */ i(S, { children: G })]
-				}),
-				de && /* @__PURE__ */ i(ee, {
-					feedback: o.feedback,
-					onChange: this.changeFeedback,
-					toolbarOpts: Q
-				})
-			]
-		});
-	}
-};
-//#endregion
-export { T as default };

package/dist/author/index.d.ts

@@ -1,27 +0,0 @@
-/**
- * @synced-from pie-elements/packages/select-text/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 SelectTextConfigure extends HTMLElement {
-    static createDefaultModel: (model?: {}) => any;
-    constructor();
-    set model(m: any);
-    set configuration(c: any);
-    connectedCallback(): void;
-    modelChanged(m: any): void;
-    onConfigurationChanged(c: any): 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;
-    render(): void;
-    disconnectedCallback(): void;
-}

package/dist/author/index.js

@@ -1,74 +0,0 @@
-import { generateModel as e } from "./utils.js";
-import t from "./design.js";
-import n from "./defaultConfiguration.js";
-import r from "react";
-import { createRoot as i } from "react-dom/client";
-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 = class u extends HTMLElement {
-	static createDefaultModel = (t = {}) => e({
-		...n.model,
-		...t
-	});
-	constructor() {
-		super(), this._root = null, this._model = u.createDefaultModel(), this._configuration = n.configuration;
-	}
-	set model(e) {
-		this._model = u.createDefaultModel(e), this.render();
-	}
-	set configuration(e) {
-		let t = {
-			...n.configuration,
-			...e
-		};
-		this._configuration = t, 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({
-			value: this._model.language,
-			label: this._model.language
-		})) : delete this._model.language, this.render();
-	}
-	connectedCallback() {
-		this.render();
-	}
-	modelChanged(e) {
-		this._model = e, this.dispatchEvent(new l(this._model), !0), this.render();
-	}
-	onConfigurationChanged(e) {
-		this._configuration = e, this._model && this.dispatchEvent(new l(this._model), !1), this.render();
-	}
-	insertImage(e) {
-		this.dispatchEvent(new s(e));
-	}
-	onDeleteImage(e, t) {
-		this.dispatchEvent(new a(e, t));
-	}
-	insertSound(e) {
-		this.dispatchEvent(new c(e));
-	}
-	onDeleteSound(e, t) {
-		this.dispatchEvent(new o(e, t));
-	}
-	render() {
-		if (this._model) {
-			let e = r.createElement(t, {
-				model: this._model,
-				configuration: this._configuration,
-				onModelChanged: this.modelChanged.bind(this),
-				onConfigurationChanged: this.onConfigurationChanged.bind(this),
-				imageSupport: {
-					add: this.insertImage.bind(this),
-					delete: this.onDeleteImage.bind(this)
-				},
-				uploadSoundSupport: {
-					add: this.insertSound.bind(this),
-					delete: this.onDeleteSound.bind(this)
-				}
-			});
-			this._root ||= i(this), this._root.render(e);
-		}
-	}
-	disconnectedCallback() {
-		this._root && this._root.unmount();
-	}
-};
-//#endregion
-export { u as default };

package/dist/author/utils.d.ts

@@ -1,10 +0,0 @@
-/**
- * @synced-from pie-elements/packages/select-text/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 generateModel: (model: any) => any;
-export declare const generateValidationMessage: (config: any) => string;

package/dist/author/utils.js

@@ -1,50 +0,0 @@
-//#region src/author/utils.tsx
-var e = function() {
-	var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", t = document.createElement("div");
-	return t.innerHTML = e.trim(), t;
-}, t = function(e, t) {
-	return t ? e.innerHTML : `${e.innerHTML}
-
-`;
-}, n = function(e) {
-	var n = e.querySelectorAll("div[separator=true]"), r = "";
-	return n.forEach(function(e, i) {
-		r += t(e, i === n.length - 1);
-	}), r || null;
-}, r = function(t) {
-	var r = e(t), i = document.createElement("div");
-	return i.innerHTML = `<div separator='true'>${r.innerHTML}</div>`, r = i, Array.from(r.querySelectorAll("*")).length === 0 ? t : n(r);
-}, i = (e) => {
-	if (!e) return e;
-	let t = r(e.text || ""), n = (e.tokens || []).reduce((n, i = {}) => {
-		let a = r((e.text || "").slice(i.start, i.end));
-		if (!a) return [...n, i];
-		let o = (e) => {
-			let n = e;
-			for (; n >= 0;) {
-				let e = t.slice(n).indexOf(a);
-				if (e >= 0) return e + n;
-				n--;
-			}
-			return 0;
-		}, s = n[n.length - 1], c = o(s ? s.end : i.start), l = c + a.length;
-		return [...n, {
-			...i,
-			text: a,
-			start: c,
-			end: l,
-			oldStart: i.start,
-			oldEnd: i.end
-		}];
-	}, []);
-	return {
-		...e,
-		tokens: n,
-		text: t
-	};
-}, a = (e) => {
-	let { minTokens: t, maxTokens: n, maxSelections: r } = e, i = `\nThere should be at least ${t} ` + (n ? `and at most ${n} ` : "") + "tokens defined.", a = "\nThere should be at least 1 " + (r ? `and at most ${r} ` : "") + "token" + (r ? "s" : "") + " selected.";
-	return "Validation requirements:" + i + a;
-};
-//#endregion
-export { i as generateModel, a as generateValidationMessage };