@pie-element/select-text 13.1.2-next.0 → 13.1.2-next.2

package/dist/author/design.d.ts

@@ -23,8 +23,8 @@ export declare class Design extends React.Component {
     static defaultProps: {};
     constructor(props: any);
     UNSAFE_componentWillReceiveProps(nProps: any): void;
-    updateText: any;
-    changeText: (event: any) => any;
+    updateText: import("@pie-element/shared-lodash").CancelableFunction<(val: any) => void>;
+    changeText: (event: any) => void | undefined;
     changeTokens: any;
     changeMaxSelections: any;
     apply: any;

package/dist/author/design.js

@@ -1,12 +1,11 @@
-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/debounce.js";
-import { generateValidationMessage as n } from "./utils.js";
-import r from "react";
-import i from "prop-types";
-import { Tokenizer as a } from "@pie-lib/text-select";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { styled as c } from "@mui/material/styles";
-import l from "debug";
+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";
@@ -14,15 +13,15 @@ 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 = c(d)(({ theme: e }) => ({
+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 = c(g)({ width: "100%" }), S = c("div")(({ theme: e }) => ({
+})), 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 = c(u)({ width: "100%" }), ae = c(d)(({ theme: e }) => ({
+})), ie = o(u)({ width: "100%" }), ae = o(d)(({ theme: e }) => ({
 	paddingRight: 0,
 	marginRight: 0,
 	position: "relative",
@@ -36,32 +35,32 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = c(d)(({ theme: e }
 		backgroundColor: e.palette.primary.main
 	},
 	marginBottom: e.spacing(1)
-})), C = c(_)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+})), C = o(_)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
 	fontSize: e.typography.fontSize - 2,
 	whiteSpace: "pre",
 	maxWidth: "500px"
-} })), oe = c(a)(({ theme: e }) => ({ marginTop: e.spacing(2) })), w = c(h)(({ theme: e }) => ({
+} })), oe = o(r)(({ theme: e }) => ({ marginTop: e.spacing(2) })), w = o(h)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	marginRight: e.spacing(2)
-})), se = c("div")(({ theme: e }) => ({
+})), se = o("div")(({ theme: e }) => ({
 	display: "flex",
 	alignItems: "center",
 	flexWrap: "wrap",
 	marginBottom: e.spacing(2.5)
-})), ce = c(f)(({ theme: e }) => ({
+})), ce = o(f)(({ theme: e }) => ({
 	width: "180px",
 	margin: `${e.spacing(.5)} auto 0`
-})), le = l("@pie-element:select-text:configure"), T = class extends r.Component {
+})), le = s("@pie-element:select-text:configure"), T = class extends t.Component {
 	static propTypes = {
-		model: i.object.isRequired,
-		configuration: i.object.isRequired,
-		onModelChanged: i.func.isRequired,
-		onConfigurationChanged: i.func.isRequired,
-		imageSupport: i.shape({
-			add: i.func.isRequired,
-			delete: i.func.isRequired
+		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: i.object
+		uploadSoundSupport: n.object
 	};
 	static defaultProps = {};
 	constructor(e) {
@@ -73,7 +72,7 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = c(d)(({ theme: e }
 		let { model: t } = e;
 		t && t.text && this.setState({ text: t.text });
 	}
-	updateText = t((e) => {
+	updateText = l((e) => {
 		this.apply((t) => {
 			t.text = e, t.tokens = [];
 		});
@@ -89,24 +88,24 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = c(d)(({ theme: e }
 	changeMaxSelections = (e, t) => {
 		this.apply((e) => e.maxSelections = t);
 	};
-	apply = (t) => {
-		let { onModelChanged: n, model: r } = this.props, i = e(r);
-		t(i), n(i);
+	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 = (t) => {
-		let { onModelChanged: n, model: r } = this.props, i = e(r);
-		i.partialScoring = t, n(i);
+	changePartialScoring = (e) => {
+		let { onModelChanged: t, model: n } = this.props, r = c(n);
+		r.partialScoring = e, t(r);
 	};
-	onPromptChanged = (t) => {
-		let { onModelChanged: n, model: r } = this.props, i = e(r);
-		i.prompt = t, n(i);
+	onPromptChanged = (e) => {
+		let { onModelChanged: t, model: n } = this.props, r = c(n);
+		r.prompt = e, t(r);
 	};
-	onTeacherInstructionsChanged = (t) => {
-		let { onModelChanged: n, model: r } = this.props, i = e(r);
-		i.teacherInstructions = t, n(i);
+	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;
@@ -116,10 +115,10 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = c(d)(({ theme: e }
 		});
 	};
 	render() {
-		let { text: e } = this.state, { configuration: t, imageSupport: r, model: i, onConfigurationChanged: a, 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 = {} } = t || {}, { errors: V, extraCSSRules: H, feedbackEnabled: de, promptEnabled: fe, rationaleEnabled: pe, spellCheckEnabled: U, teacherInstructionsEnabled: me, toolbarEditorPosition: he } = i || {}, { prompt: W, rationale: G, selectionsError: K, teacherInstructions: q, tokensError: J } = V || {}, ge = n(t), Y = F && F.prompt, X = I && I.prompt, { tokens: Z } = i;
+		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:", i.maxSelections);
+		le("[render] maxSelections:", o.maxSelections);
 		let _e = {
 			partialScoring: _.settings && v(_.label),
 			highlightChoices: h.settings && v(h.label),
@@ -138,74 +137,74 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = c(d)(({ theme: e }
 			...u,
 			...e
 		});
-		return /* @__PURE__ */ s(p.ConfigLayout, {
+		return /* @__PURE__ */ a(p.ConfigLayout, {
 			extraCSSRules: H,
 			dimensions: f,
 			hideSettings: ue,
-			settings: /* @__PURE__ */ o(ne, {
-				model: i,
-				configuration: t,
+			settings: /* @__PURE__ */ i(ne, {
+				model: o,
+				configuration: n,
 				onChangeModel: (e) => c(e),
-				onChangeConfiguration: a,
+				onChangeConfiguration: s,
 				groups: {
 					Settings: _e,
 					Properties: ve
 				}
 			}),
 			children: [
-				me && /* @__PURE__ */ s(b, {
+				me && /* @__PURE__ */ a(b, {
 					label: M.label,
-					children: [/* @__PURE__ */ o(x, {
-						markup: i.teacherInstructions || "",
+					children: [/* @__PURE__ */ i(x, {
+						markup: o.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChanged,
 						imageSupport: r,
 						nonEmpty: !1,
 						error: q,
 						toolbarOpts: Q,
-						pluginProps: $(t?.teacherInstructions?.inputConfiguration),
+						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__ */ o(S, { children: q })]
+					}), q && /* @__PURE__ */ i(S, { children: q })]
 				}),
-				fe && /* @__PURE__ */ s(b, {
+				fe && /* @__PURE__ */ a(b, {
 					label: T.label || "",
-					children: [/* @__PURE__ */ o(x, {
-						markup: i.prompt,
+					children: [/* @__PURE__ */ i(x, {
+						markup: o.prompt,
 						onChange: this.onPromptChanged,
 						imageSupport: r,
 						error: W,
 						toolbarOpts: Q,
-						pluginProps: $(t?.prompt?.inputConfiguration),
+						pluginProps: $(n?.prompt?.inputConfiguration),
 						spellCheck: U,
 						maxImageWidth: Y,
 						maxImageHeight: X,
 						uploadSoundSupport: l,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: R
-					}), W && /* @__PURE__ */ o(S, { children: W })]
+					}), W && /* @__PURE__ */ i(S, { children: W })]
 				}),
-				N.settings && /* @__PURE__ */ o(b, {
+				N.settings && /* @__PURE__ */ i(b, {
 					label: N.label || "",
-					children: /* @__PURE__ */ o(ie, {
+					children: /* @__PURE__ */ i(ie, {
 						variant: "standard",
 						multiline: !0,
-						defaultValue: e,
+						defaultValue: t,
 						onChange: this.changeText,
 						spellCheck: U
 					})
 				}),
-				P.settings && /* @__PURE__ */ s(ae, {
+				P.settings && /* @__PURE__ */ a(ae, {
 					label: P.label || "",
-					children: [/* @__PURE__ */ o(C, {
+					children: [/* @__PURE__ */ i(C, {
 						disableFocusListener: !0,
 						disableTouchListener: !0,
 						placement: "right",
 						title: ge,
-						children: /* @__PURE__ */ o(te, {
+						children: /* @__PURE__ */ i(te, {
 							fontSize: "small",
 							color: "primary",
 							style: {
@@ -214,45 +213,45 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = c(d)(({ theme: e }
 								top: "-3px"
 							}
 						})
-					}), /* @__PURE__ */ o(oe, {
-						text: i.text,
+					}), /* @__PURE__ */ i(oe, {
+						text: o.text,
 						tokens: Z,
 						onChange: this.changeTokens
 					})]
 				}),
-				J && /* @__PURE__ */ o(S, { children: J }),
-				K && /* @__PURE__ */ o(S, { children: K }),
-				/* @__PURE__ */ s(se, { children: [
-					g.settings && /* @__PURE__ */ o(w, { label: `${g.label}: ${i.mode ? i.mode : "None"}` }),
-					O.settings && /* @__PURE__ */ o(w, { label: `${O.label}: ${Z.length}` }),
-					d.settings && /* @__PURE__ */ o(w, { label: `${d.label}: ${Z.filter((e) => e.correct).length}` }),
-					D.settings && /* @__PURE__ */ o(ce, {
+				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: i.maxSelections,
+						value: o.maxSelections,
 						onChange: this.changeMaxSelections
 					})
 				] }),
-				pe && /* @__PURE__ */ s(b, {
+				pe && /* @__PURE__ */ a(b, {
 					label: E.label || "",
-					children: [/* @__PURE__ */ o(x, {
-						markup: i.rationale || "",
+					children: [/* @__PURE__ */ i(x, {
+						markup: o.rationale || "",
 						onChange: this.onRationaleChanged,
 						imageSupport: r,
 						error: G,
 						toolbarOpts: Q,
-						pluginProps: $(t?.rationale?.inputConfiguration),
+						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__ */ o(S, { children: G })]
+					}), G && /* @__PURE__ */ i(S, { children: G })]
 				}),
-				de && /* @__PURE__ */ o(ee, {
-					feedback: i.feedback,
+				de && /* @__PURE__ */ i(ee, {
+					feedback: o.feedback,
 					onChange: this.changeFeedback,
 					toolbarOpts: Q
 				})