@pie-element/explicit-constructed-response 11.1.2-next.2 → 11.1.2

package/dist/author/alternateResponses.js

@@ -1,113 +0,0 @@
-import e from "./alternateSection.js";
-import t from "react";
-import n from "prop-types";
-import { cloneDeep as r, isEqual as i, map as a, reduce as o } from "@pie-element/shared-lodash";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/author/alternateResponses.tsx
-var l = class extends t.Component {
-	static propTypes = {
-		choicesErrors: n.object,
-		model: n.object.isRequired,
-		onChange: n.func.isRequired,
-		onLengthChange: n.func.isRequired,
-		maxLengthPerChoiceEnabled: n.bool.isRequired,
-		spellCheck: n.bool,
-		pluginProps: n.object
-	};
-	state = { maxLengthPerChoice: r(this.props.model.maxLengthPerChoice) };
-	UNSAFE_componentWillReceiveProps(e) {
-		this.updateChoicesIfNeeded(e);
-	}
-	componentDidMount() {
-		this.updateChoicesIfNeeded(this.props);
-	}
-	updateChoicesIfNeeded = (e) => {
-		if (!this.state.choices || !i(this.state.choices, e.model.choices) || !i(e.model.choices, this.props.model.choices) || this.state.values && Object.keys(this.state.values).length !== Object.keys(this.props.model.choices).length || e.maxLengthPerChoiceEnabled !== this.props.maxLengthPerChoiceEnabled) {
-			let { choices: t, maxLengthPerChoice: n } = e.model, i = o(t, (t, n, r) => (n && (e.maxLengthPerChoiceEnabled || n.length > 1) && (t[r] = n[0]), t), {});
-			this.setState({
-				choices: e.model.choices,
-				values: i,
-				maxLengthPerChoice: r(n)
-			});
-		}
-	};
-	getRemainingChoices = (e) => {
-		let { choices: t } = this.state;
-		return o(t, (t, n, r) => (n && n.length === 1 && !e && t.push({
-			label: n[0].label,
-			value: r
-		}), t), []);
-	};
-	onChoiceChanged = (e, t) => {
-		let { onChange: n } = this.props, { choices: r } = this.state, i = r[t] || [], a = !i.find((t) => t.value === e.value), o = i.reduce((t, n) => {
-			let r = n.value === e.value ? e : n;
-			return t.push(r), t;
-		}, []);
-		a && o.push(e), n({
-			...r,
-			[t]: o
-		});
-	};
-	onChoiceRemoved = (e, t) => {
-		let { onChange: n } = this.props, { choices: r } = this.state, i = (r[t] || []).reduce((t, n) => (n.value === e || t.push(n), t), []);
-		n({
-			...r,
-			[t]: i
-		});
-	};
-	onSectionSelect = (e, t) => {
-		let { onChange: n } = this.props, { choices: r, values: i } = this.state;
-		r[t] && r[t].length > 1 ? e || n({
-			...r,
-			[t]: [r[t][0]]
-		}) : this.setState({
-			choices: {
-				...r,
-				[t]: [...r[t], {
-					label: "",
-					value: "1"
-				}]
-			},
-			values: {
-				...i,
-				[t]: r[t][0]
-			}
-		});
-	};
-	onLengthChanged = (e, t) => {
-		let { model: n, onLengthChange: r } = this.props, { maxLengthPerChoice: i } = n;
-		i[t] = e, r(i);
-	};
-	render() {
-		let { choices: t } = this.state, { model: { maxLengthPerChoice: n, maxLengthPerChoiceEnabled: r }, spellCheck: i, choicesErrors: o, pluginProps: l } = this.props;
-		return /* @__PURE__ */ c("div", { children: [a(t, (t, a) => {
-			if (t && (r || t.length > 1)) {
-				let c = this.state.values[a];
-				return /* @__PURE__ */ s(e, {
-					value: c && c.value,
-					errors: o && o[a],
-					onSelect: (e) => this.onSectionSelect(e, a),
-					choiceChanged: (e) => this.onChoiceChanged(e, a),
-					choiceRemoved: (e) => this.onChoiceRemoved(e, a),
-					lengthChanged: (e) => this.onLengthChanged(e, a),
-					selectChoices: [c],
-					choices: t,
-					maxLength: n[a],
-					showMaxLength: r,
-					spellCheck: i,
-					pluginProps: l
-				}, a);
-			}
-		}), t && Object.keys(this.state.values).length !== Object.keys(t).length && /* @__PURE__ */ s(e, {
-			value: "",
-			onSelect: (e) => this.onSectionSelect(e, e.value),
-			choiceChanged: (e) => this.onChoiceChanged(e),
-			choiceRemoved: (e) => this.onChoiceRemoved(e),
-			selectChoices: this.getRemainingChoices(),
-			spellCheck: i,
-			pluginProps: l
-		})] });
-	}
-};
-//#endregion
-export { l as default };

package/dist/author/alternateSection.d.ts

@@ -1,58 +0,0 @@
-/**
- * @synced-from pie-elements/packages/explicit-constructed-response/configure/src/alternateSection.jsx
- * @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.
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-export declare class Choice extends React.Component {
-    static propTypes: {
-        error: PropTypes.Requireable<string>;
-        markup: PropTypes.Requireable<string>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        onDelete: PropTypes.Validator<(...args: any[]) => any>;
-        value: PropTypes.Requireable<string>;
-        spellCheck: PropTypes.Requireable<boolean>;
-        showMaxLength: PropTypes.Requireable<boolean>;
-        pluginProps: PropTypes.Requireable<object>;
-    };
-    state: {
-        value: any;
-    };
-    updateText: import("@pie-element/shared-lodash").CancelableFunction<any>;
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    onChange: any;
-    onKeyDown: any;
-    render(): React.JSX.Element;
-}
-export declare class AlternateSection extends React.Component {
-    static propTypes: {
-        choices: PropTypes.Requireable<any[]>;
-        selectChoices: PropTypes.Validator<any[]>;
-        errors: PropTypes.Requireable<object>;
-        onSelect: PropTypes.Validator<(...args: any[]) => any>;
-        choiceChanged: PropTypes.Validator<(...args: any[]) => any>;
-        lengthChanged: PropTypes.Requireable<(...args: any[]) => any>;
-        choiceRemoved: PropTypes.Validator<(...args: any[]) => any>;
-        value: PropTypes.Requireable<string>;
-        maxLength: PropTypes.Requireable<number>;
-        showMaxLength: PropTypes.Requireable<boolean>;
-        spellCheck: PropTypes.Requireable<boolean>;
-        pluginProps: PropTypes.Requireable<object>;
-    };
-    state: {};
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    componentDidMount(): void;
-    updateChoicesIfNeeded: any;
-    handleSelect: any;
-    onAddChoice: any;
-    onChoiceChanged: any;
-    onRemoveChoice: any;
-    getChoicesMaxLength: any;
-    changeLength: any;
-    render(): React.JSX.Element;
-}
-export default AlternateSection;

package/dist/author/alternateSection.js

@@ -1,213 +0,0 @@
-import { decodeHTML as e, getAdjustedLength as t, stripHtmlTags as n } from "./markupUtils.js";
-import r from "react";
-import i from "prop-types";
-import { debounce as a, isEqual as o, max as s } from "@pie-element/shared-lodash";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { styled as u } from "@mui/material/styles";
-import d from "@pie-lib/editable-html-tip-tap";
-import f from "@mui/material/Button";
-import p from "@mui/icons-material/Delete";
-import m from "@mui/material/IconButton";
-import h from "@mui/material/MenuItem";
-import g from "@mui/material/Select";
-import _ from "@mui/material/TextField";
-//#region src/author/alternateSection.tsx
-var v = u("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), y = u("div")(({ theme: e }) => ({
-	alignItems: "flex-start",
-	flexDirection: "column",
-	display: "flex",
-	paddingTop: e.spacing(2.5),
-	"& > *": {
-		marginBottom: e.spacing(2.5),
-		width: "100%"
-	}
-})), b = u(d)(({ theme: e, hasError: t }) => ({
-	flex: "1",
-	marginRight: e.spacing(2.5),
-	...t && {
-		border: `2px solid ${e.palette.error.main}`,
-		borderRadius: "6px"
-	}
-})), x = u(m)(({ theme: e }) => ({ "& svg": { fill: e.palette.grey[600] } })), S = u("div")({
-	alignItems: "flex-end",
-	display: "flex",
-	justifyContent: "space-between",
-	width: "100%"
-}), C = u("div")({
-	alignItems: "center",
-	display: "flex"
-}), w = u(_)(({ theme: e }) => ({
-	width: "230px",
-	marginRight: e.spacing(2.5),
-	"& .MuiInput-underline:before": { borderBottomColor: e.palette.divider },
-	"& .MuiInput-underline:hover:not(.Mui-disabled):before": { borderBottomColor: e.palette.text.primary },
-	"& .MuiInput-underline:after": { borderBottomColor: e.palette.primary.main }
-})), T = u("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(.5)
-})), E = u("div")({
-	alignItems: "center",
-	display: "flex",
-	justifyContent: "space-between"
-}), D = class extends r.Component {
-	static propTypes = {
-		error: i.string,
-		markup: i.string,
-		onChange: i.func.isRequired,
-		onDelete: i.func.isRequired,
-		value: i.string,
-		spellCheck: i.bool,
-		showMaxLength: i.bool,
-		pluginProps: i.object
-	};
-	state = { value: this.props.markup };
-	updateText = a(this.props.onChange, 300);
-	UNSAFE_componentWillReceiveProps(e) {
-		e.markup && this.setState({ value: e.markup });
-	}
-	onChange = (e) => {
-		let t = n(e);
-		this.setState({ value: t }), this.updateText(t);
-	};
-	onKeyDown = (e) => {
-		if (e.key === "Enter") return !0;
-	};
-	render() {
-		let { value: e } = this.state, { onDelete: t, spellCheck: n, error: i, showMaxLength: a, pluginProps: o } = this.props, s = a ? {} : { maxLength: 25 };
-		return /* @__PURE__ */ l(r.Fragment, { children: [/* @__PURE__ */ l(E, { children: [/* @__PURE__ */ c(b, {
-			hasError: !!i,
-			disableUnderline: !0,
-			onChange: this.onChange,
-			onKeyDown: this.onKeyDown,
-			markup: e || "",
-			activePlugins: ["languageCharacters"],
-			pluginProps: o,
-			languageCharactersProps: [{ language: "spanish" }],
-			spellCheck: n,
-			autoWidthToolbar: !0,
-			toolbarOpts: {
-				minWidth: "auto",
-				isHidden: !!o?.characters?.disabled
-			},
-			...s
-		}), /* @__PURE__ */ c(x, {
-			"aria-label": "delete",
-			onClick: t,
-			size: "large",
-			children: /* @__PURE__ */ c(p, {})
-		})] }), i && /* @__PURE__ */ c(T, { children: i })] });
-	}
-}, O = class extends r.Component {
-	static propTypes = {
-		choices: i.array,
-		selectChoices: i.array.isRequired,
-		errors: i.object,
-		onSelect: i.func.isRequired,
-		choiceChanged: i.func.isRequired,
-		lengthChanged: i.func,
-		choiceRemoved: i.func.isRequired,
-		value: i.string,
-		maxLength: i.number,
-		showMaxLength: i.bool,
-		spellCheck: i.bool,
-		pluginProps: i.object
-	};
-	state = {};
-	UNSAFE_componentWillReceiveProps(e) {
-		this.updateChoicesIfNeeded(e);
-	}
-	componentDidMount() {
-		this.updateChoicesIfNeeded(this.props);
-	}
-	updateChoicesIfNeeded = (e) => {
-		(!this.state.choices || !o(e.choices, this.state.choices) || !o(e.choices, this.props.choices)) && this.setState({ choices: e.choices });
-	};
-	handleSelect = (e) => {
-		let { onSelect: t, selectChoices: n } = this.props, { value: r } = e.target;
-		t(n.find((e) => e.value === r));
-	};
-	onAddChoice = () => {
-		let { choices: e } = this.state;
-		if (e.length && e[e.length - 1].label !== "") {
-			let t = s(e.map((e) => parseInt(e.value)).filter((e) => !isNaN(e))) || 0;
-			this.setState({ choices: [...e, {
-				value: `${t + 1}`,
-				label: ""
-			}] });
-		}
-	};
-	onChoiceChanged = (n, r, i) => {
-		let { choiceChanged: a, lengthChanged: o, maxLength: s, choices: c } = this.props, l = c.map((t) => e(t.label || "").length);
-		l[i] = e(r).length;
-		let u = Math.max(...l);
-		a({
-			...n,
-			label: r
-		}), (u > s || u + 10 <= s) && o(t(u));
-	};
-	onRemoveChoice = (e) => {
-		let { choiceRemoved: t } = this.props;
-		t(e.value);
-	};
-	getChoicesMaxLength = () => {
-		let { choices: t } = this.state;
-		if (!t) return 1;
-		let n = t.map((t) => e(t.label || "").length);
-		return Math.max(...n);
-	};
-	changeLength = (e) => {
-		let { lengthChanged: t } = this.props, n = parseInt(e.target.value, 10), r = this.getChoicesMaxLength();
-		n && n >= r && n <= r + 10 && t(n);
-	};
-	render() {
-		let { selectChoices: t, maxLength: n, showMaxLength: r, value: i, spellCheck: a, errors: o, pluginProps: s } = this.props, { choices: u } = this.state, d = this.getChoicesMaxLength();
-		return /* @__PURE__ */ l(v, { children: [
-			/* @__PURE__ */ l(S, { children: [/* @__PURE__ */ l(g, {
-				variant: "standard",
-				displayEmpty: !0,
-				onChange: this.handleSelect,
-				value: i || "",
-				readOnly: r,
-				MenuProps: { transitionDuration: {
-					enter: 225,
-					exit: 195
-				} },
-				children: [/* @__PURE__ */ c(h, {
-					value: "",
-					children: /* @__PURE__ */ c("em", { children: i ? "Remove selection" : "Select a response" })
-				}), t.map((t, n) => /* @__PURE__ */ c(h, {
-					value: t?.value,
-					children: e(t?.label)
-				}, n))]
-			}), u && u.length > 0 && /* @__PURE__ */ l(C, { children: [n && r && /* @__PURE__ */ c(w, {
-				variant: "standard",
-				label: "Maximum length (characters)",
-				type: "number",
-				inputProps: {
-					min: d,
-					max: d + 10
-				},
-				value: n,
-				onChange: this.changeLength
-			}), /* @__PURE__ */ c(f, {
-				variant: "contained",
-				color: "primary",
-				onClick: this.onAddChoice,
-				children: "Add"
-			})] })] }),
-			o && o[0] && /* @__PURE__ */ c(T, { children: o[0] }),
-			/* @__PURE__ */ c(y, { children: u && u.map((e, t) => t > 0 && /* @__PURE__ */ c(D, {
-				markup: e.label,
-				onChange: (n) => this.onChoiceChanged(e, n, t),
-				onDelete: () => this.onRemoveChoice(e),
-				spellCheck: a,
-				error: o && o[t],
-				showMaxLength: r,
-				pluginProps: s
-			}, t)) })
-		] });
-	}
-};
-//#endregion
-export { O as default };

package/dist/author/defaults.d.ts

@@ -1,186 +0,0 @@
-/**
- * @synced-from pie-elements/packages/explicit-constructed-response/configure/src/defaults.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.
- */
-declare const _default: {
-    model: {
-        choices: {};
-        displayType: string;
-        markup: string;
-        maxLengthPerChoiceEnabled: boolean;
-        playerSpellCheckEnabled: boolean;
-        prompt: string;
-        promptEnabled: boolean;
-        rationale: string;
-        rationaleEnabled: boolean;
-        spellCheckEnabled: boolean;
-        studentInstructionsEnabled: boolean;
-        teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        toolbarEditorPosition: string;
-        responseAreaInputConfiguration: {};
-    };
-    configuration: {
-        baseInputConfiguration: {
-            h3: {
-                disabled: boolean;
-            };
-            html: {
-                disabled: boolean;
-            };
-            audio: {
-                disabled: boolean;
-            };
-            video: {
-                disabled: boolean;
-            };
-            image: {
-                disabled: boolean;
-            };
-            textAlign: {
-                disabled: boolean;
-            };
-            showParagraphs: {
-                disabled: boolean;
-            };
-            separateParagraphs: {
-                disabled: boolean;
-            };
-        };
-        prompt: {
-            settings: boolean;
-            label: string;
-            inputConfiguration: {
-                audio: {
-                    disabled: boolean;
-                };
-                video: {
-                    disabled: boolean;
-                };
-                image: {
-                    disabled: boolean;
-                };
-            };
-            required: boolean;
-        };
-        partialScoring: {
-            settings: boolean;
-            label: string;
-        };
-        rationale: {
-            settings: boolean;
-            label: string;
-            inputConfiguration: {
-                audio: {
-                    disabled: boolean;
-                };
-                video: {
-                    disabled: boolean;
-                };
-                image: {
-                    disabled: boolean;
-                };
-            };
-            required: boolean;
-        };
-        settingsPanelDisabled: boolean;
-        spellCheck: {
-            label: string;
-            settings: boolean;
-            enabled: boolean;
-        };
-        editSource: {
-            label: string;
-            settings: boolean;
-            enabled: boolean;
-        };
-        playerSpellCheck: {
-            label: string;
-            settings: boolean;
-            enabled: boolean;
-        };
-        teacherInstructions: {
-            settings: boolean;
-            label: string;
-            inputConfiguration: {
-                audio: {
-                    disabled: boolean;
-                };
-                video: {
-                    disabled: boolean;
-                };
-                image: {
-                    disabled: boolean;
-                };
-            };
-            required: boolean;
-        };
-        template: {
-            inputConfiguration: {
-                audio: {
-                    disabled: boolean;
-                };
-                video: {
-                    disabled: boolean;
-                };
-                image: {
-                    disabled: boolean;
-                };
-                h3: {
-                    disabled: boolean;
-                };
-                blockquote: {
-                    disabled: boolean;
-                };
-            };
-        };
-        maxLengthPerChoice: {
-            settings: boolean;
-            label: string;
-        };
-        maxResponseAreas: number;
-        maxImageWidth: {
-            teacherInstructions: number;
-            prompt: number;
-            rationale: number;
-        };
-        maxImageHeight: {
-            teacherInstructions: number;
-            prompt: number;
-            rationale: number;
-        };
-        withRubric: {
-            settings: boolean;
-            label: string;
-        };
-        mathMlOptions: {
-            mmlOutput: boolean;
-            mmlEditing: boolean;
-        };
-        language: {
-            settings: boolean;
-            label: string;
-            enabled: boolean;
-        };
-        languageChoices: {
-            label: string;
-            options: never[];
-        };
-        responseAreaInputConfiguration: {
-            inputConfiguration: {
-                characters: {
-                    disabled: boolean;
-                };
-            };
-        };
-        spanishButton: {
-            settings: boolean;
-            label: string;
-        };
-    };
-};
-export default _default;

package/dist/author/defaults.js

@@ -1,128 +0,0 @@
-//#region src/author/defaults.ts
-var e = {
-	model: {
-		choices: {},
-		displayType: "block",
-		markup: "",
-		maxLengthPerChoiceEnabled: !0,
-		playerSpellCheckEnabled: !0,
-		prompt: "",
-		promptEnabled: !0,
-		rationale: "",
-		rationaleEnabled: !0,
-		spellCheckEnabled: !0,
-		studentInstructionsEnabled: !0,
-		teacherInstructions: "",
-		teacherInstructionsEnabled: !0,
-		toolbarEditorPosition: "bottom",
-		responseAreaInputConfiguration: {}
-	},
-	configuration: {
-		baseInputConfiguration: {
-			h3: { disabled: !0 },
-			html: { disabled: !0 },
-			audio: { disabled: !1 },
-			video: { disabled: !1 },
-			image: { disabled: !1 },
-			textAlign: { disabled: !0 },
-			showParagraphs: { disabled: !1 },
-			separateParagraphs: { disabled: !0 }
-		},
-		prompt: {
-			settings: !0,
-			label: "Prompt",
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			},
-			required: !1
-		},
-		partialScoring: {
-			settings: !1,
-			label: "Allow Partial Scoring"
-		},
-		rationale: {
-			settings: !0,
-			label: "Rationale",
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			},
-			required: !1
-		},
-		settingsPanelDisabled: !1,
-		spellCheck: {
-			label: "Spellcheck",
-			settings: !1,
-			enabled: !0
-		},
-		editSource: {
-			label: "Edit Source",
-			settings: !1,
-			enabled: !1
-		},
-		playerSpellCheck: {
-			label: "Student Spellcheck",
-			settings: !0,
-			enabled: !0
-		},
-		teacherInstructions: {
-			settings: !0,
-			label: "Teacher Instructions",
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			},
-			required: !1
-		},
-		template: { inputConfiguration: {
-			audio: { disabled: !1 },
-			video: { disabled: !1 },
-			image: { disabled: !1 },
-			h3: { disabled: !0 },
-			blockquote: { disabled: !0 }
-		} },
-		maxLengthPerChoice: {
-			settings: !0,
-			label: "Maximum Length Per Choice"
-		},
-		maxResponseAreas: 10,
-		maxImageWidth: {
-			teacherInstructions: 300,
-			prompt: 300,
-			rationale: 300
-		},
-		maxImageHeight: {
-			teacherInstructions: 300,
-			prompt: 300,
-			rationale: 300
-		},
-		withRubric: {
-			settings: !1,
-			label: "Add Rubric"
-		},
-		mathMlOptions: {
-			mmlOutput: !1,
-			mmlEditing: !1
-		},
-		language: {
-			settings: !1,
-			label: "Specify Language",
-			enabled: !1
-		},
-		languageChoices: {
-			label: "Language Choices",
-			options: []
-		},
-		responseAreaInputConfiguration: { inputConfiguration: { characters: { disabled: !0 } } },
-		spanishButton: {
-			settings: !0,
-			label: "Disable Spanish Characters"
-		}
-	}
-};
-//#endregion
-export { e as default };