@pie-element/drag-in-the-blank 10.1.2-next.2 → 10.1.2

package/dist/author/choices.d.ts

@@ -1,41 +0,0 @@
-/**
- * @synced-from pie-elements/packages/drag-in-the-blank/configure/src/choices.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 Choices extends React.Component {
-    static propTypes: {
-        duplicates: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<string>;
-        model: PropTypes.Validator<object>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        toolbarOpts: PropTypes.Requireable<object>;
-        pluginProps: PropTypes.Requireable<object>;
-        maxChoices: PropTypes.Requireable<number>;
-        uploadSoundSupport: PropTypes.Requireable<object>;
-        maxImageWidth: PropTypes.Requireable<number>;
-        maxImageHeight: PropTypes.Requireable<number>;
-        maxLength: PropTypes.Requireable<number>;
-    };
-    state: {
-        warning: {
-            open: boolean;
-        };
-    };
-    preventDone: boolean;
-    wrapperRef: React.RefObject<unknown>;
-    componentDidUpdate(): void;
-    onChoiceChanged: any;
-    onChoiceDone: any;
-    onChoiceFocus: (id: any) => void;
-    onAddChoice: any;
-    onChoiceRemove: any;
-    getVisibleChoices: any;
-    render(): React.JSX.Element;
-}
-export default Choices;

package/dist/author/choices.js

@@ -1,172 +0,0 @@
-import { choiceIsEmpty as e } from "./markupUtils.js";
-import t from "./choice.js";
-import n from "react";
-import { renderMath as r } from "@pie-element/shared-math-rendering-mathjax";
-import i from "prop-types";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { styled as s } from "@mui/material/styles";
-import c from "@pie-lib/editable-html-tip-tap";
-import { AlertDialog as l } from "@pie-lib/config-ui";
-import u from "@mui/material/Button";
-//#region src/author/choices.tsx
-var d = s("div")(({ theme: e }) => ({
-	display: "flex",
-	flexDirection: "column",
-	marginBottom: e.spacing(1.5)
-})), f = s(u)({ marginLeft: "auto" }), p = s("div")(({ theme: e }) => ({
-	alignItems: "flex-start",
-	display: "flex",
-	flexWrap: "wrap",
-	justifyContent: "space-evenly",
-	marginTop: e.spacing(1),
-	"& > *": { margin: e.spacing(1) }
-})), m = s("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingBottom: e.spacing(2)
-})), h = class extends n.Component {
-	static propTypes = {
-		duplicates: i.bool,
-		error: i.string,
-		model: i.object.isRequired,
-		onChange: i.func.isRequired,
-		toolbarOpts: i.object,
-		pluginProps: i.object,
-		maxChoices: i.number,
-		uploadSoundSupport: i.object,
-		maxImageWidth: i.number,
-		maxImageHeight: i.number,
-		maxLength: i.number
-	};
-	state = { warning: { open: !1 } };
-	preventDone = !1;
-	wrapperRef = n.createRef(null);
-	componentDidUpdate() {
-		this.focusedNodeRef && this.focusedNodeRef.focus("end"), r(this.wrapperRef.current);
-	}
-	onChoiceChanged = (t, n, r) => {
-		let { onChange: i, model: a } = this.props, { choices: o, correctResponse: s, alternateResponses: c } = a;
-		if (e({ value: t }) && e({ value: n })) return;
-		if ((o || []).find((e) => e.value === n && e.id !== r)) {
-			t === "" && i((o || []).filter((e) => e.id !== r)), this.setState({ warning: {
-				open: !0,
-				text: "Identical answer choices are not allowed and the changes will be discarded."
-			} });
-			return;
-		}
-		let l = o?.map((e) => e.id === r ? {
-			...e,
-			value: n
-		} : e) || [];
-		if (!e({ value: n })) {
-			i(l);
-			return;
-		}
-		let u = !1;
-		if (s && Object.keys(s).forEach((e) => {
-			s[e] === r && (u = !0);
-		}), c && !u && Object.values(c).forEach((e) => {
-			e.indexOf(r) >= 0 && (u = !0);
-		}), u) {
-			this.setState({ warning: {
-				open: !0,
-				text: "Answer choices cannot be blank and the changes will be discarded."
-			} });
-			return;
-		}
-		i(l);
-	};
-	onChoiceDone = (t) => {
-		let { onChange: n, model: r } = this.props, { choices: i } = r, a = (i || []).find((e) => e.id === t);
-		if (!a || !e(a)) {
-			this.setState({ focusedEl: void 0 });
-			return;
-		}
-		n((i || []).filter((e) => e.id !== t)), this.setState({
-			focusedEl: void 0,
-			warning: {
-				open: !0,
-				text: "Answer choices cannot be blank."
-			}
-		});
-	};
-	onChoiceFocus = (e) => this.setState({ focusedEl: e });
-	onAddChoice = () => {
-		let { model: { choices: e }, onChange: t } = this.props, n = `${(e.length > 0 ? Math.max(...e.map((e) => parseInt(e.id, 10) || 0)) : -1) + 1}`;
-		this.setState({ focusedEl: n }, () => {
-			t([...e, {
-				id: n,
-				value: ""
-			}]);
-		});
-	};
-	onChoiceRemove = (e) => {
-		let { onChange: t, model: { choices: n } } = this.props;
-		t((n || []).filter((t) => t.id !== e));
-	};
-	getVisibleChoices = () => {
-		let { duplicates: e, model: { choices: t, correctResponse: n } } = this.props;
-		return t ? e ? t : t.filter((e) => !(n && Object.values(n).includes(e.id))) : [];
-	};
-	render() {
-		let { focusedEl: e, warning: n } = this.state, { duplicates: r, error: i, mathMlOptions: s = {}, maxChoices: u, model: { choices: h }, toolbarOpts: g, uploadSoundSupport: _, imageSupport: v = {}, pluginProps: y = {}, maxImageWidth: b, maxImageHeight: x, maxLength: S } = this.props, C = this.getVisibleChoices() || [];
-		return /* @__PURE__ */ o(d, {
-			ref: this.wrapperRef,
-			children: [
-				/* @__PURE__ */ a(f, {
-					variant: "contained",
-					color: "primary",
-					onClick: this.onAddChoice,
-					disabled: u && h && u === h.length,
-					children: "Add Choice"
-				}),
-				/* @__PURE__ */ a(p, { children: C.map((n, o) => !n || !n.id ? null : e === n.id ? /* @__PURE__ */ a("div", {
-					style: {
-						minWidth: "100%",
-						zIndex: "100"
-					},
-					children: /* @__PURE__ */ a(c, {
-						ref: (e) => this.focusedNodeRef = e,
-						autoFocus: !0,
-						imageSupport: v,
-						markup: n.value,
-						pluginProps: y,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						onChange: (e) => {
-							this.preventDone || this.onChoiceChanged(n.value, e, n.id);
-						},
-						onDone: () => {
-							this.preventDone || this.onChoiceDone(n.id);
-						},
-						onBlur: (e) => {
-							let t = e.relatedTarget && e.relatedTarget.closest(".insert-character-dialog");
-							this.preventDone = t;
-						},
-						disableUnderline: !0,
-						toolbarOpts: g,
-						uploadSoundSupport: _,
-						mathMlOptions: s,
-						maxImageHeight: x,
-						maxImageWidth: b,
-						charactersLimit: S
-					})
-				}, o) : /* @__PURE__ */ a(t, {
-					duplicates: r,
-					choice: n,
-					error: i,
-					onClick: () => this.onChoiceFocus(n.id),
-					onRemoveChoice: () => this.onChoiceRemove(n.id)
-				}, o)) }),
-				i && /* @__PURE__ */ a(m, { children: i }),
-				/* @__PURE__ */ a(l, {
-					open: n.open,
-					title: "Warning",
-					text: n.text,
-					onConfirm: () => this.setState({ warning: { open: !1 } })
-				})
-			]
-		});
-	}
-};
-//#endregion
-export { h as default };

package/dist/author/defaults.d.ts

@@ -1,171 +0,0 @@
-/**
- * @synced-from pie-elements/packages/drag-in-the-blank/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: never[];
-        choicesPosition: string;
-        correctResponse: {};
-        disabled: boolean;
-        duplicates: boolean;
-        markup: string;
-        mode: string;
-        prompt: string;
-        promptEnabled: boolean;
-        rationale: string;
-        rationaleEnabled: boolean;
-        studentInstructionsEnabled: boolean;
-        teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        toolbarEditorPosition: string;
-    };
-    configuration: {
-        baseInputConfiguration: {
-            audio: {
-                disabled: boolean;
-            };
-            video: {
-                disabled: boolean;
-            };
-            image: {
-                disabled: boolean;
-            };
-            h3: {
-                disabled: boolean;
-            };
-            blockquote: {
-                disabled: boolean;
-            };
-            textAlign: {
-                disabled: boolean;
-            };
-            showParagraphs: {
-                disabled: boolean;
-            };
-            separateParagraphs: {
-                disabled: boolean;
-            };
-        };
-        spellCheck: {
-            label: string;
-            settings: boolean;
-            enabled: boolean;
-        };
-        choicesPosition: {
-            settings: boolean;
-            label: string;
-        };
-        prompt: {
-            settings: boolean;
-            label: string;
-            inputConfiguration: {
-                audio: {
-                    disabled: boolean;
-                };
-                video: {
-                    disabled: boolean;
-                };
-                image: {
-                    disabled: boolean;
-                };
-            };
-            required: boolean;
-        };
-        addChoice: {
-            inputConfiguration: {
-                audio: {
-                    disabled: boolean;
-                };
-                video: {
-                    disabled: boolean;
-                };
-                image: {
-                    disabled: boolean;
-                };
-            };
-        };
-        duplicates: {
-            settings: boolean;
-            label: string;
-        };
-        lockChoiceOrder: {
-            settings: boolean;
-            label: string;
-        };
-        partialScoring: {
-            settings: boolean;
-            label: string;
-        };
-        rationale: {
-            settings: boolean;
-            label: string;
-            inputConfiguration: {
-                audio: {
-                    disabled: boolean;
-                };
-                video: {
-                    disabled: boolean;
-                };
-                image: {
-                    disabled: boolean;
-                };
-            };
-            required: boolean;
-        };
-        settingsPanelDisabled: boolean;
-        teacherInstructions: {
-            settings: boolean;
-            label: string;
-            inputConfiguration: {
-                audio: {
-                    disabled: boolean;
-                };
-                video: {
-                    disabled: boolean;
-                };
-                image: {
-                    disabled: boolean;
-                };
-            };
-            required: boolean;
-        };
-        minChoices: number;
-        maxResponseAreas: number;
-        maxImageWidth: {
-            teacherInstructions: number;
-            prompt: number;
-            rationale: number;
-            choice: number;
-        };
-        maxImageHeight: {
-            teacherInstructions: number;
-            prompt: number;
-            rationale: number;
-            choice: number;
-        };
-        withRubric: {
-            settings: boolean;
-            label: string;
-        };
-        mathMlOptions: {
-            mmlOutput: boolean;
-            mmlEditing: boolean;
-        };
-        language: {
-            settings: boolean;
-            label: string;
-            enabled: boolean;
-        };
-        languageChoices: {
-            label: string;
-            options: never[];
-        };
-        maxLength: number;
-    };
-};
-export default _default;

package/dist/author/defaults.js

@@ -1,123 +0,0 @@
-//#region src/author/defaults.ts
-var e = {
-	model: {
-		choices: [],
-		choicesPosition: "below",
-		correctResponse: {},
-		disabled: !1,
-		duplicates: !0,
-		markup: "",
-		mode: "gather",
-		prompt: "",
-		promptEnabled: !0,
-		rationale: "",
-		rationaleEnabled: !0,
-		studentInstructionsEnabled: !0,
-		teacherInstructions: "",
-		teacherInstructionsEnabled: !0,
-		toolbarEditorPosition: "bottom"
-	},
-	configuration: {
-		baseInputConfiguration: {
-			audio: { disabled: !1 },
-			video: { disabled: !1 },
-			image: { disabled: !1 },
-			h3: { disabled: !0 },
-			blockquote: { disabled: !0 },
-			textAlign: { disabled: !0 },
-			showParagraphs: { disabled: !1 },
-			separateParagraphs: { disabled: !0 }
-		},
-		spellCheck: {
-			label: "Spellcheck",
-			settings: !1,
-			enabled: !0
-		},
-		choicesPosition: {
-			settings: !0,
-			label: "Choices Position"
-		},
-		prompt: {
-			settings: !0,
-			label: "Prompt",
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			},
-			required: !1
-		},
-		addChoice: { inputConfiguration: {
-			audio: { disabled: !0 },
-			video: { disabled: !0 },
-			image: { disabled: !1 }
-		} },
-		duplicates: {
-			settings: !0,
-			label: "Duplicates"
-		},
-		lockChoiceOrder: {
-			settings: !0,
-			label: "Lock Choice Order"
-		},
-		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,
-		teacherInstructions: {
-			settings: !0,
-			label: "Teacher Instructions",
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			},
-			required: !1
-		},
-		minChoices: 2,
-		maxResponseAreas: 10,
-		maxImageWidth: {
-			teacherInstructions: 300,
-			prompt: 300,
-			rationale: 300,
-			choice: 300
-		},
-		maxImageHeight: {
-			teacherInstructions: 300,
-			prompt: 300,
-			rationale: 300,
-			choice: 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: []
-		},
-		maxLength: 200
-	}
-};
-//#endregion
-export { e as default };

package/dist/author/index.d.ts

@@ -1,42 +0,0 @@
-/**
- * @synced-from pie-elements/packages/drag-in-the-blank/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 DragInTheBlank extends HTMLElement {
-    static prepareModel: (model?: {}) => {
-        slateMarkup: any;
-        markup: string;
-        correctResponse: any;
-        choices: never[];
-        choicesPosition: string;
-        disabled: boolean;
-        duplicates: boolean;
-        mode: string;
-        prompt: string;
-        promptEnabled: boolean;
-        rationale: string;
-        rationaleEnabled: boolean;
-        studentInstructionsEnabled: boolean;
-        teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        toolbarEditorPosition: string;
-    };
-    constructor();
-    set model(m: any);
-    set configuration(c: any);
-    set disableSidePanel(s: any);
-    dispatchModelUpdated(reset: any): void;
-    onModelChanged(m: any, reset: 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,92 +0,0 @@
-import { createSlateMarkup as e, processMarkup as t } from "./markupUtils.js";
-import n from "./main.js";
-import r from "./defaults.js";
-import i from "react";
-import { createRoot as a } from "react-dom/client";
-import { renderMath as o } from "@pie-element/shared-math-rendering-mathjax";
-import { defaults as s } from "@pie-element/shared-lodash";
-import { DeleteImageEvent as c, DeleteSoundEvent as l, InsertImageEvent as u, InsertSoundEvent as d, ModelUpdatedEvent as f } from "@pie-element/shared-configure-events";
-import p from "debug";
-//#region src/author/index.tsx
-var m = p("multiple-choice:configure"), h = class p extends HTMLElement {
-	static prepareModel = (n = {}) => {
-		let i = {
-			...r.model,
-			...n
-		}, a = n.slateMarkup || e(i.markup, i.choices, i.correctResponse), o = t(a);
-		return {
-			...i,
-			slateMarkup: a,
-			markup: o.markup,
-			correctResponse: o.correctResponse
-		};
-	};
-	constructor() {
-		super(), this._root = null, this._model = p.prepareModel(), this._configuration = r.configuration, this.onModelChanged = this.onModelChanged.bind(this), this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
-	}
-	set model(e) {
-		let t = {
-			...e,
-			markup: `<div>${e.markup || r.model.markup}</div>`
-		};
-		this._model = p.prepareModel(t), this._render();
-	}
-	set configuration(e) {
-		let t = s(e, r.configuration);
-		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();
-	}
-	set disableSidePanel(e) {
-		this._disableSidePanel = e, this._render();
-	}
-	dispatchModelUpdated(e) {
-		let t = !!e;
-		this.dispatchEvent(new f(this._model, t));
-	}
-	onModelChanged(e, t) {
-		this._model = p.prepareModel(e), this._render(), this.dispatchModelUpdated(t);
-	}
-	onConfigurationChanged(e) {
-		this._configuration = e, this._render();
-	}
-	insertImage(e) {
-		this.dispatchEvent(new u(e));
-	}
-	onDeleteImage(e, t) {
-		this.dispatchEvent(new c(e, t));
-	}
-	insertSound(e) {
-		this.dispatchEvent(new d(e));
-	}
-	onDeleteSound(e, t) {
-		this.dispatchEvent(new l(e, t));
-	}
-	_render() {
-		m("_render");
-		let e = i.createElement(n, {
-			model: this._model,
-			configuration: this._configuration,
-			onModelChanged: this.onModelChanged,
-			onConfigurationChanged: this.onConfigurationChanged,
-			disableSidePanel: this._disableSidePanel,
-			imageSupport: {
-				add: this.insertImage.bind(this),
-				delete: this.onDeleteImage.bind(this)
-			},
-			uploadSoundSupport: {
-				add: this.insertSound.bind(this),
-				delete: this.onDeleteSound.bind(this)
-			}
-		});
-		this._root ||= a(this), this._root.render(e), setTimeout(() => {
-			o(this);
-		}, 0);
-	}
-	disconnectedCallback() {
-		this._root && this._root.unmount();
-	}
-};
-//#endregion
-export { h as default };

package/dist/author/main.d.ts

@@ -1,36 +0,0 @@
-/**
- * @synced-from pie-elements/packages/drag-in-the-blank/configure/src/main.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 Main extends React.Component {
-    static propTypes: {
-        configuration: PropTypes.Validator<object>;
-        model: PropTypes.Validator<object>;
-        disableSidePanel: PropTypes.Requireable<boolean>;
-        onModelChanged: PropTypes.Validator<(...args: any[]) => any>;
-        onConfigurationChanged: PropTypes.Validator<(...args: any[]) => any>;
-        imageSupport: PropTypes.Requireable<PropTypes.InferProps<{
-            add: PropTypes.Validator<(...args: any[]) => any>;
-            delete: PropTypes.Validator<(...args: any[]) => any>;
-        }>>;
-        uploadSoundSupport: PropTypes.Requireable<object>;
-    };
-    state: {
-        activeDragItem: null;
-    };
-    constructor(props: any);
-    onModelChange: any;
-    onPromptChanged: any;
-    onRationaleChanged: any;
-    onTeacherInstructionsChanged: any;
-    onMarkupChanged: any;
-    onResponsesChanged: any;
-    render(): React.JSX.Element;
-}
-export default Main;