@pie-element/extended-text-entry 15.1.2-next.2 → 15.1.2-next.21

package/dist/delivery/main.js

@@ -1,40 +1,40 @@
 import e from "./annotation/annotation-editor.js";
 import t from "react";
 import n from "prop-types";
-import { debounce as r } from "@pie-element/shared-lodash";
-import i from "debug";
-import a from "@mui/material/Typography";
-import { styled as o } from "@mui/material/styles";
-import s from "@pie-lib/editable-html-tip-tap";
-import * as c from "@pie-lib/render-ui";
-import { Collapsible as l, Feedback as u, PreviewPrompt as d, UiLayout as f, color as p } from "@pie-lib/render-ui";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import r from "debug";
+import i from "@mui/material/Typography";
+import { styled as a } from "@mui/material/styles";
+import o from "@pie-lib/editable-html-tip-tap";
+import * as s from "@pie-lib/render-ui";
+import { Collapsible as c, Feedback as l, PreviewPrompt as u, UiLayout as d, color as f } from "@pie-lib/render-ui";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/delivery/main.tsx
-function g(e) {
+function h(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function _(e, t) {
-	return !e || g(e) ? e : g(e.default) ? e.default : t && g(e[t]) ? e[t] : t && g(e[t]?.default) ? e[t].default : e;
+function g(e, t) {
+	return !e || h(e) ? e : h(e.default) ? e.default : t && h(e[t]) ? e[t] : t && h(e[t]?.default) ? e[t].default : e;
 }
-var v = _(f, "UiLayout") || _(w.UiLayout, "UiLayout"), y = _(d, "PreviewPrompt") || _(w.PreviewPrompt, "PreviewPrompt"), b = _(l, "Collapsible") || _(w.Collapsible, "Collapsible"), x = _(u, "Feedback") || _(w.Feedback, "Feedback"), S = c, C = S.default, w = C && typeof C == "object" ? C : S, T = i("@pie-ui:extended-text-entry"), E = o(v)({
-	backgroundColor: p.background(),
-	color: p.text()
-}), D = o(a)(({ theme: e }) => ({
+var _ = g(d, "UiLayout") || g(C.UiLayout, "UiLayout"), v = g(u, "PreviewPrompt") || g(C.PreviewPrompt, "PreviewPrompt"), y = g(c, "Collapsible") || g(C.Collapsible, "Collapsible"), b = g(l, "Feedback") || g(C.Feedback, "Feedback"), x = s, S = x.default, C = S && typeof S == "object" ? S : x, w = r("@pie-ui:extended-text-entry"), T = a(_)({
+	backgroundColor: f.background(),
+	color: f.text()
+}), E = a(i)(({ theme: e }) => ({
 	width: "100%",
-	color: p.text(),
+	color: f.text(),
 	marginBottom: e.spacing(2),
-	fontSize: "inherit"
-})), O = o("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), k = o(s)(({ theme: e }) => ({
+	fontSize: "inherit",
+	display: "block"
+})), D = a("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), O = a(o)(({ theme: e }) => ({
 	marginBottom: e.spacing(2),
 	borderRadius: "4px"
-})), A = o("h2")({
+})), k = a("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), j = class extends t.Component {
+}), A = class extends t.Component {
 	static propTypes = {
 		onValueChange: n.func.isRequired,
 		onAnnotationsChange: n.func.isRequired,
@@ -46,67 +46,65 @@ var v = _(f, "UiLayout") || _(w.UiLayout, "UiLayout"), y = _(d, "PreviewPrompt")
 			comment: n.string
 		}).isRequired
 	};
-	changeSessionValue = r(this.props.onValueChange, 1500);
-	changeSessionComment = r(this.props.onCommentChange, 1500);
 	render() {
-		let { model: t, session: n, onAnnotationsChange: r } = this.props, { animationsDisabled: i, annotatorMode: a, customKeys: o, dimensions: s, disabled: c, disabledAnnotator: l, equationEditor: u, extraCSSRules: d, feedback: f, mathInput: p, playersToolbarPosition: g, predefinedAnnotations: _, prompt: v, spanishInput: S, specialInput: C, spellCheckEnabled: w, teacherInstructions: j } = t, { annotations: M, comment: N, value: P } = n, { width: F, height: I } = s || {}, L = "40vh", R = { position: g === "top" ? "top" : "bottom" };
-		T("[render] disabled? ", c);
-		let z = /* @__PURE__ */ m(y, {
+		let { model: t, session: n, onAnnotationsChange: r, onCommentChange: i, onValueChange: a } = this.props, { animationsDisabled: o, annotatorMode: s, customKeys: c, dimensions: l, disabled: u, disabledAnnotator: d, equationEditor: f, extraCSSRules: h, feedback: g, mathInput: _, playersToolbarPosition: x, predefinedAnnotations: S, prompt: C, spanishInput: A, specialInput: j, spellCheckEnabled: M, teacherInstructions: N } = t, { annotations: P, comment: F, value: I } = n, { width: L, height: R } = l || {}, z = "40vh", B = { position: x === "top" ? "top" : "bottom" };
+		w("[render] disabled? ", u);
+		let V = /* @__PURE__ */ p(v, {
 			defaultClassName: "teacher-instructions",
-			prompt: j
-		}), B = [];
-		return S && B.push({ language: "spanish" }), C && B.push({ language: "special" }), /* @__PURE__ */ h(E, {
-			extraCSSRules: d,
+			prompt: N
+		}), H = [];
+		return A && H.push({ language: "spanish" }), j && H.push({ language: "special" }), /* @__PURE__ */ m(T, {
+			extraCSSRules: h,
 			ref: (e) => {
 				this.containerRef = e;
 			},
 			children: [
-				/* @__PURE__ */ m(A, { children: "Constructed Response Question" }),
-				j && /* @__PURE__ */ m(O, { children: i ? z : /* @__PURE__ */ m(b, {
+				/* @__PURE__ */ p(k, { children: "Constructed Response Question" }),
+				N && /* @__PURE__ */ p(D, { children: o ? V : /* @__PURE__ */ p(y, {
 					labels: {
 						hidden: "Show Teacher Instructions",
 						visible: "Hide Teacher Instructions"
 					},
-					children: z
+					children: V
 				}) }),
-				v && /* @__PURE__ */ m(D, {
+				C && /* @__PURE__ */ p(E, {
 					component: "span",
-					children: /* @__PURE__ */ m(y, {
+					children: /* @__PURE__ */ p(v, {
 						defaultClassName: "prompt",
 						prompt: t.prompt
 					})
 				}),
-				a ? /* @__PURE__ */ m(e, {
-					text: P || "",
-					annotations: M || [],
-					comment: N || "",
-					predefinedAnnotations: _ || [],
+				s ? /* @__PURE__ */ p(e, {
+					text: I || "",
+					annotations: P || [],
+					comment: F || "",
+					predefinedAnnotations: S || [],
 					onChange: r,
-					onCommentChange: this.changeSessionComment,
-					width: F,
-					height: I,
-					maxHeight: L,
-					disabled: l,
-					disabledMath: !p,
-					customKeys: o,
-					keypadMode: u
-				}) : /* @__PURE__ */ m(k, {
+					onCommentChange: i,
+					width: L,
+					height: R,
+					maxHeight: z,
+					disabled: d,
+					disabledMath: !_,
+					customKeys: c,
+					keypadMode: f
+				}) : /* @__PURE__ */ p(O, {
 					className: "response-area-editor",
-					onChange: this.changeSessionValue,
-					markup: P || "",
-					maxWidth: F && F.toString(),
+					onChange: a,
+					markup: I || "",
+					maxWidth: L && L.toString(),
 					minWidth: "100px",
-					minHeight: I && I.toString(),
-					maxHeight: L,
-					disabled: c,
+					minHeight: R && R.toString(),
+					maxHeight: z,
+					disabled: u,
 					highlightShape: !0,
-					toolbarOpts: R,
-					spellCheck: w,
+					toolbarOpts: B,
+					spellCheck: M,
 					charactersLimit: 5e4,
 					autoWidthToolbar: !0,
 					pluginProps: {
 						math: {
-							disabled: !p,
+							disabled: !_,
 							customKeys: this.props.model.customKeys,
 							keypadMode: this.props.model.equationEditor,
 							controlledKeypadMode: !1
@@ -120,15 +118,15 @@ var v = _(f, "UiLayout") || _(w.UiLayout, "UiLayout"), y = _(d, "PreviewPrompt")
 						ul_list: { disabled: !0 },
 						ol_list: { disabled: !0 }
 					},
-					languageCharactersProps: B
+					languageCharactersProps: H
 				}),
-				f && /* @__PURE__ */ m(x, {
+				g && /* @__PURE__ */ p(b, {
 					correctness: "correct",
-					feedback: f
+					feedback: g
 				})
 			]
 		});
 	}
 };
 //#endregion
-export { j as default };
+export { A as Main, A as default };