@pie-element/select-text 13.1.2-next.5 → 13.1.2-next.6

package/dist/browser/print/index.js

@@ -1,6 +1,6 @@
-import { b as e, c as t, g as n } from "../dist-NxgaOEGc.js";
-import { w as r } from "../Check-hYJSLKBP.js";
-import { t as i } from "../main-nEorTqht.js";
+import { b as e, c as t, g as n } from "../dist-BamN0-DG.js";
+import { C as r } from "../Check-CmcAwXkY.js";
+import { t as i } from "../main-DFPODQm1.js";
 import a from "react";
 import { createRoot as o } from "react-dom/client";
 var s = (0, (/* @__PURE__ */ e(n(), 1)).default)("pie-element:select-text:print"), c = (e, t) => {

package/dist/browser/print/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/print/index.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/select-text/src/print.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { debounce } from '@pie-element/shared-lodash';\nimport Main from '../delivery/main.js';\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\nimport debug from 'debug';\n\nconst log = debug('pie-element:select-text:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;\n  model.teacherInstructions =\n    instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;\n  model.rationale = instr && model.rationaleEnabled !== false ? model.rationale : undefined;\n  model.showTeacherInstructions = instr;\n  model.alwaysShowCorrect = instr;\n  model.mode = instr ? 'evaluate' : model.mode;\n\n  model.disabled = true;\n  model.animationsDisabled = true;\n  model.highlightChoices = true;\n  model.feedback = undefined;\n\n  return model;\n};\n\nexport default class SelectTextPrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = {};\n    this._session.selectedTokens = [];\n    this._root = null;\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              model: printModel,\n              session: { selectedTokens: [] },\n              onSelectionChange: () => {},\n            });\n\n          if (!this._root) {\n            this._root = createRoot(this);\n          }\n          this._root.render(element);\n          queueMicrotask(() => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;AAiBA,IAAM,KAAA,IAAA,wBAAA,GAAA,SAAY,+BAA+B,GAU3C,KAAqB,GAAO,MAAS;CACzC,IAAM,IAAQ,EAAK,SAAS;CAe5B,OAbA,EAAM,SAAS,EAAM,kBAAkB,KAAuB,KAAA,IAAf,EAAM,QACrD,EAAM,sBACJ,KAAS,EAAM,+BAA+B,KAAQ,EAAM,sBAAsB,KAAA,GACpF,EAAM,YAAY,KAAS,EAAM,qBAAqB,KAAQ,EAAM,YAAY,KAAA,GAChF,EAAM,0BAA0B,GAChC,EAAM,oBAAoB,GAC1B,EAAM,OAAO,IAAQ,aAAa,EAAM,MAExC,EAAM,WAAW,IACjB,EAAM,qBAAqB,IAC3B,EAAM,mBAAmB,IACzB,EAAM,WAAW,KAAA,GAEV;AACT,GAEqB,IAArB,cAA6C,YAAY;CACvD,cAAc;EAOZ,AANA,MAAM,GACN,KAAK,WAAW,MAChB,KAAK,SAAS,MACd,KAAK,WAAW,CAAC,GACjB,KAAK,SAAS,iBAAiB,CAAC,GAChC,KAAK,QAAQ,MACb,KAAK,YAAY,QACT;GACJ,IAAI,KAAK,UAAU,KAAK,UAAU;IAChC,IAAM,IAAa,EAAkB,KAAK,QAAQ,KAAK,QAAQ,GAEzD,IACJ,KAAK,YACL,EAAM,cAAc,GAAM;KACxB,OAAO;KACP,SAAS,EAAE,gBAAgB,CAAC,EAAE;KAC9B,yBAAyB,CAAC;IAC5B,CAAC;IAMH,AAJA,AACE,KAAK,UAAQ,EAAW,IAAI,GAE9B,KAAK,MAAM,OAAO,CAAO,GACzB,qBAAqB;KAEnB,AADA,EAAI,+BAA+B,GACnC,EAAW,IAAI;IACjB,CAAC;GACH,OACE,EAAI,MAAM;EAEd,GACA,IACA;GAAE,SAAS;GAAO,UAAU;EAAK,CACnC;CACF;CACA,IAAI,QAAQ,GAAG;EACb,KAAK,WAAW;CAClB;CAEA,IAAI,MAAM,GAAG;EAEX,AADA,KAAK,SAAS,GACd,KAAK,UAAU;CACjB;CAEA,oBAAoB,CAAC;CAErB,uBAAuB;EACrB,AAAI,KAAK,SACP,KAAK,MAAM,QAAQ;CAEvB;AACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/print/index.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/select-text/src/print.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { debounce } from '@pie-element/shared-lodash';\nimport Main from '../delivery/main.js';\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\nimport debug from 'debug';\n\nconst log = debug('pie-element:select-text:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;\n  model.teacherInstructions =\n    instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;\n  model.rationale = instr && model.rationaleEnabled !== false ? model.rationale : undefined;\n  model.showTeacherInstructions = instr;\n  model.alwaysShowCorrect = instr;\n  model.mode = instr ? 'evaluate' : model.mode;\n\n  model.disabled = true;\n  model.animationsDisabled = true;\n  model.highlightChoices = true;\n  model.feedback = undefined;\n\n  return model;\n};\n\nexport default class SelectTextPrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = {};\n    this._session.selectedTokens = [];\n    this._root = null;\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              model: printModel,\n              session: { selectedTokens: [] },\n              onSelectionChange: () => {},\n            });\n\n          if (!this._root) {\n            this._root = createRoot(this);\n          }\n          this._root.render(element);\n          queueMicrotask(() => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;AAiBA,IAAM,KAAA,IAAA,wBAAA,EAAA,CAAA,QAAA,CAAY,+BAA+B,GAU3C,KAAqB,GAAO,MAAS;CACzC,IAAM,IAAQ,EAAK,SAAS;CAe5B,OAbA,EAAM,SAAS,EAAM,kBAAkB,KAAuB,KAAA,IAAf,EAAM,QACrD,EAAM,sBACJ,KAAS,EAAM,+BAA+B,KAAQ,EAAM,sBAAsB,KAAA,GACpF,EAAM,YAAY,KAAS,EAAM,qBAAqB,KAAQ,EAAM,YAAY,KAAA,GAChF,EAAM,0BAA0B,GAChC,EAAM,oBAAoB,GAC1B,EAAM,OAAO,IAAQ,aAAa,EAAM,MAExC,EAAM,WAAW,IACjB,EAAM,qBAAqB,IAC3B,EAAM,mBAAmB,IACzB,EAAM,WAAW,KAAA,GAEV;AACT,GAEqB,IAArB,cAA6C,YAAY;CACvD,cAAc;EAOZ,AANA,MAAM,GACN,KAAK,WAAW,MAChB,KAAK,SAAS,MACd,KAAK,WAAW,CAAC,GACjB,KAAK,SAAS,iBAAiB,CAAC,GAChC,KAAK,QAAQ,MACb,KAAK,YAAY,QACT;GACJ,IAAI,KAAK,UAAU,KAAK,UAAU;IAChC,IAAM,IAAa,EAAkB,KAAK,QAAQ,KAAK,QAAQ,GAEzD,IACJ,KAAK,YACL,EAAM,cAAc,GAAM;KACxB,OAAO;KACP,SAAS,EAAE,gBAAgB,CAAC,EAAE;KAC9B,yBAAyB,CAAC;IAC5B,CAAC;IAMH,AAJA,AACE,KAAK,UAAQ,EAAW,IAAI,GAE9B,KAAK,MAAM,OAAO,CAAO,GACzB,qBAAqB;KAEnB,AADA,EAAI,+BAA+B,GACnC,EAAW,IAAI;IACjB,CAAC;GACH,OACE,EAAI,MAAM;EAEd,GACA,IACA;GAAE,SAAS;GAAO,UAAU;EAAK,CACnC;CACF;CACA,IAAI,QAAQ,GAAG;EACb,KAAK,WAAW;CAClB;CAEA,IAAI,MAAM,GAAG;EAEX,AADA,KAAK,SAAS,GACd,KAAK,UAAU;CACjB;CAEA,oBAAoB,CAAC;CAErB,uBAAuB;EACrB,AAAI,KAAK,SACP,KAAK,MAAM,QAAQ;CAEvB;AACF"}

package/dist/delivery/index.js

@@ -53,7 +53,7 @@ var s = class extends HTMLElement {
 		}
 	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion

package/dist/delivery/main.d.ts

@@ -17,6 +17,8 @@ export declare class Main extends React.Component {
     static defaultProps: {};
     constructor(props: any);
     UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
     toggleShowCorrect: any;
     correctAnswer: any;
     render(): React.JSX.Element;

package/dist/delivery/main.js

@@ -1,36 +1,38 @@
 import e from "./utils.js";
 import t from "react";
-import n from "prop-types";
-import { Legend as r, TextSelect as i } from "@pie-lib/text-select";
-import a from "@pie-lib/correct-answer-toggle";
-import * as o from "@pie-lib/render-ui";
-import { Collapsible as s, Feedback as c, PreviewPrompt as l, UiLayout as u, color as d, hasMedia as f, hasText as p } from "@pie-lib/render-ui";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { styled as g } from "@mui/material/styles";
-import _ from "debug";
+import n from "react-dom";
+import r from "prop-types";
+import { Legend as i, TextSelect as a } from "@pie-lib/text-select";
+import o from "@pie-lib/correct-answer-toggle";
+import * as s from "@pie-lib/render-ui";
+import { Collapsible as c, Feedback as l, PreviewPrompt as u, UiLayout as d, color as f, hasMedia as p, hasText as m } from "@pie-lib/render-ui";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { renderMath as _ } from "@pie-element/shared-math-rendering-mathjax";
+import { styled as v } from "@mui/material/styles";
+import y from "debug";
 //#region src/delivery/main.tsx
-function v(e) {
+function b(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function y(e, t) {
-	return !e || v(e) ? e : v(e.default) ? e.default : t && v(e[t]) ? e[t] : t && v(e[t]?.default) ? e[t].default : e;
+function x(e, t) {
+	return !e || b(e) ? e : b(e.default) ? e.default : t && b(e[t]) ? e[t] : t && b(e[t]?.default) ? e[t].default : e;
 }
-var b = y(u, "UiLayout") || y(E.UiLayout, "UiLayout"), x = y(l, "PreviewPrompt") || y(E.PreviewPrompt, "PreviewPrompt"), S = y(s, "Collapsible") || y(E.Collapsible, "Collapsible"), C = y(c, "Feedback") || y(E.Feedback, "Feedback"), w = o, T = w.default, E = T && typeof T == "object" ? T : w, D = _("@pie-ui:select-text"), O = g(b)({
-	color: d.text(),
-	backgroundColor: d.background()
-}), k = g(i)(({ theme: e }) => ({
+var S = x(d, "UiLayout") || x(O.UiLayout, "UiLayout"), C = x(u, "PreviewPrompt") || x(O.PreviewPrompt, "PreviewPrompt"), w = x(c, "Collapsible") || x(O.Collapsible, "Collapsible"), T = x(l, "Feedback") || x(O.Feedback, "Feedback"), E = s, D = E.default, O = D && typeof D == "object" ? D : E, k = y("@pie-ui:select-text"), A = v(S)({
+	color: f.text(),
+	backgroundColor: f.background()
+}), j = v(a)(({ theme: e }) => ({
 	marginBottom: e.spacing(1),
 	marginTop: e.spacing(2),
 	whiteSpace: "normal"
-})), A = g("div")(({ theme: e }) => ({
+})), M = v("div")(({ theme: e }) => ({
 	verticalAlign: "middle",
 	marginBottom: e.spacing(1)
-})), j = g(S)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), M = {
-	model: n.object,
-	session: n.object,
-	onSelectionChange: n.func.isRequired
-}, N = class extends t.Component {
-	static propTypes = M;
+})), N = v(w)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), P = {
+	model: r.object,
+	session: r.object,
+	onSelectionChange: r.func.isRequired
+}, F = class extends t.Component {
+	static propTypes = P;
 	static defaultProps = {};
 	constructor(t) {
 		super(t), this.state = {
@@ -44,6 +46,12 @@ var b = y(u, "UiLayout") || y(E.UiLayout, "UiLayout"), x = y(l, "PreviewPrompt")
 			model: e(t.model)
 		});
 	}
+	componentDidMount() {
+		_(n.findDOMNode(this));
+	}
+	componentDidUpdate() {
+		_(n.findDOMNode(this));
+	}
 	toggleShowCorrect = () => {
 		this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });
 	};
@@ -52,56 +60,57 @@ var b = y(u, "UiLayout") || y(E.UiLayout, "UiLayout"), x = y(l, "PreviewPrompt")
 		return e.tokens.filter((e) => e.correct);
 	};
 	render() {
-		let { session: e, onSelectionChange: t } = this.props, { showCorrectAnswer: n, model: i } = this.state, { env: o, extraCSSRules: s } = i, { mode: c } = o || {}, l = n ? this.correctAnswer() : e.selectedTokens, u = i.rationale && (p(i.rationale) || f(i.rationale)), d = i.teacherInstructions && (p(i.teacherInstructions) || f(i.teacherInstructions));
-		return D("[render] selectedTokens:", l), /* @__PURE__ */ h(O, {
+		let { session: e, onSelectionChange: t } = this.props, { showCorrectAnswer: n, model: r } = this.state, { env: a, extraCSSRules: s } = r, { mode: c } = a || {}, l = n ? this.correctAnswer() : e.selectedTokens, u = r.rationale && (m(r.rationale) || p(r.rationale)), d = r.teacherInstructions && (m(r.teacherInstructions) || p(r.teacherInstructions));
+		return k("[render] selectedTokens:", l), /* @__PURE__ */ g(A, {
 			extraCSSRules: s,
 			children: [
-				d && (i.animationsDisabled ? /* @__PURE__ */ m(A, { children: /* @__PURE__ */ m(x, { prompt: i.teacherInstructions }) }) : /* @__PURE__ */ m(j, {
+				d && (r.animationsDisabled ? /* @__PURE__ */ h(M, { children: /* @__PURE__ */ h(C, { prompt: r.teacherInstructions }) }) : /* @__PURE__ */ h(N, {
 					labels: {
 						hidden: "Show Teacher Instructions",
 						visible: "Hide Teacher Instructions"
 					},
-					children: /* @__PURE__ */ m(x, { prompt: i.teacherInstructions })
+					children: /* @__PURE__ */ h(C, { prompt: r.teacherInstructions })
 				})),
-				/* @__PURE__ */ m(A, { children: /* @__PURE__ */ m(x, { prompt: i.prompt }) }),
-				!i.alwaysShowCorrect && /* @__PURE__ */ m(a, {
-					show: i.disabled && i.incorrect,
+				/* @__PURE__ */ h(M, { children: /* @__PURE__ */ h(C, { prompt: r.prompt }) }),
+				!r.alwaysShowCorrect && /* @__PURE__ */ h(o, {
+					show: r.disabled && r.incorrect,
 					toggled: n,
 					onToggle: this.toggleShowCorrect,
-					language: i.language
+					language: r.language
 				}),
-				/* @__PURE__ */ m(k, {
-					disabled: i.disabled,
-					text: i.text,
-					tokens: i.tokens,
+				/* @__PURE__ */ h(j, {
+					disabled: r.disabled,
+					text: r.text,
+					tokens: r.tokens,
 					selectedTokens: l,
 					onChange: (e) => {
-						t(e.map((e) => i.tokens.find(({ start: t, end: n }) => e.start === t && e.end === n) || e));
+						let n = e.map((e) => r.tokens.find(({ start: t, end: n }) => e.start === t && e.end === n) || e);
+						t(n);
 					},
-					highlightChoices: i.highlightChoices,
-					maxNoOfSelections: i.maxSelections,
-					animationsDisabled: i.animationsDisabled
+					highlightChoices: r.highlightChoices,
+					maxNoOfSelections: r.maxSelections,
+					animationsDisabled: r.animationsDisabled
 				}),
-				c === "evaluate" && /* @__PURE__ */ m(r, {
-					language: i.language,
+				c === "evaluate" && /* @__PURE__ */ h(i, {
+					language: r.language,
 					showOnlyCorrect: n
 				}),
-				u && (i.animationsDisabled ? /* @__PURE__ */ m(A, { children: /* @__PURE__ */ m(x, { prompt: i.rationale }) }) : /* @__PURE__ */ m(j, {
+				u && (r.animationsDisabled ? /* @__PURE__ */ h(M, { children: /* @__PURE__ */ h(C, { prompt: r.rationale }) }) : /* @__PURE__ */ h(N, {
 					labels: {
 						hidden: "Show Rationale",
 						visible: "Hide Rationale"
 					},
-					children: /* @__PURE__ */ m(x, { prompt: i.rationale })
+					children: /* @__PURE__ */ h(C, { prompt: r.rationale })
 				})),
-				i.correctness && i.feedback && !n && /* @__PURE__ */ m(C, {
-					correctness: i.correctness,
-					feedback: i.feedback
+				r.correctness && r.feedback && !n && /* @__PURE__ */ h(T, {
+					correctness: r.correctness,
+					feedback: r.feedback
 				})
 			]
 		});
 	}
-}, P = class extends t.Component {
-	static propTypes = M;
+}, I = class extends t.Component {
+	static propTypes = P;
 	constructor(e) {
 		super(e), this.state = {
 			model: e.model,
@@ -125,7 +134,7 @@ var b = y(u, "UiLayout") || y(E.UiLayout, "UiLayout"), x = y(l, "PreviewPrompt")
 	};
 	render() {
 		let { model: e, session: t } = this.state;
-		return /* @__PURE__ */ m(N, {
+		return /* @__PURE__ */ h(F, {
 			model: e,
 			session: t,
 			onSelectionChange: this.change
@@ -133,4 +142,4 @@ var b = y(u, "UiLayout") || y(E.UiLayout, "UiLayout"), x = y(l, "PreviewPrompt")
 	}
 };
 //#endregion
-export { P as default };
+export { F as Main, I as default };