@pie-element/inline-dropdown 10.1.1 → 10.1.2-next.0

package/configure.js

@@ -0,0 +1,2 @@
+export { default } from './dist/author/index.js';
+export * from './dist/author/index.js';

package/controller.js

@@ -0,0 +1 @@
+export * from './dist/controller/index.js';

package/dist/author/defaults.d.ts

@@ -0,0 +1,194 @@
+/**
+ * @synced-from pie-elements/packages/inline-dropdown/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: {
+        alternateResponse: {};
+        choiceRationaleEnabled: boolean;
+        choices: {};
+        disabled: boolean;
+        displayType: string;
+        markup: string;
+        mode: string;
+        prompt: string;
+        promptEnabled: boolean;
+        rationale: string;
+        rationaleEnabled: boolean;
+        shuffle: 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;
+            };
+        };
+        prompt: {
+            settings: boolean;
+            label: string;
+            required: boolean;
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+        };
+        responseAreaInputConfiguration: {
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+                table: {
+                    disabled: boolean;
+                };
+                ul_list: {
+                    disabled: boolean;
+                };
+                ol_list: {
+                    disabled: boolean;
+                };
+            };
+        };
+        settingsPanelDisabled: boolean;
+        spellCheck: {
+            label: string;
+            settings: boolean;
+            enabled: boolean;
+        };
+        lockChoiceOrder: {
+            settings: boolean;
+            label: string;
+        };
+        partialScoring: {
+            settings: boolean;
+            label: string;
+        };
+        rationale: {
+            settings: boolean;
+            label: string;
+            required: boolean;
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+                textAlign: {
+                    disabled: boolean;
+                };
+            };
+        };
+        teacherInstructions: {
+            settings: boolean;
+            label: string;
+            required: boolean;
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+        };
+        template: {
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+        };
+        choiceRationale: {
+            settings: boolean;
+            label: string;
+        };
+        toolbarEditorPosition: {
+            settings: boolean;
+            label: string;
+        };
+        maxResponseAreas: number;
+        maxResponseAreaChoices: 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[];
+        };
+    };
+};
+export default _default;

package/dist/author/defaults.js

@@ -0,0 +1,130 @@
+//#region src/author/defaults.ts
+var e = {
+	model: {
+		alternateResponse: {},
+		choiceRationaleEnabled: !0,
+		choices: {},
+		disabled: !1,
+		displayType: "block",
+		markup: "",
+		mode: "gather",
+		prompt: "",
+		promptEnabled: !0,
+		rationale: "",
+		rationaleEnabled: !0,
+		shuffle: !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 }
+		},
+		prompt: {
+			settings: !0,
+			label: "Prompt",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			}
+		},
+		responseAreaInputConfiguration: { inputConfiguration: {
+			audio: { disabled: !0 },
+			video: { disabled: !0 },
+			image: { disabled: !0 },
+			table: { disabled: !0 },
+			ul_list: { disabled: !0 },
+			ol_list: { disabled: !0 }
+		} },
+		settingsPanelDisabled: !1,
+		spellCheck: {
+			label: "Spellcheck",
+			settings: !1,
+			enabled: !0
+		},
+		lockChoiceOrder: {
+			settings: !0,
+			label: "Lock Choice Order"
+		},
+		partialScoring: {
+			settings: !1,
+			label: "Allow Partial Scoring"
+		},
+		rationale: {
+			settings: !0,
+			label: "Rationale",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 },
+				textAlign: { disabled: !0 }
+			}
+		},
+		teacherInstructions: {
+			settings: !0,
+			label: "Teacher Instructions",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			}
+		},
+		template: { inputConfiguration: {
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 }
+		} },
+		choiceRationale: {
+			settings: !0,
+			label: "Choice Rationale"
+		},
+		toolbarEditorPosition: {
+			settings: !1,
+			label: "Toolbar Editor Position"
+		},
+		maxResponseAreas: 10,
+		maxResponseAreaChoices: 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: []
+		}
+	}
+};
+//#endregion
+export { e as default };

package/dist/author/index.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @synced-from pie-elements/packages/inline-dropdown/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 InlineDropdown extends HTMLElement {
+    static prepareModel: (model?: {}) => {
+        slateMarkup: any;
+        markup: string;
+        alternateResponse: {};
+        choiceRationaleEnabled: boolean;
+        choices: {};
+        disabled: boolean;
+        displayType: string;
+        mode: string;
+        prompt: string;
+        promptEnabled: boolean;
+        rationale: string;
+        rationaleEnabled: boolean;
+        shuffle: boolean;
+        studentInstructionsEnabled: boolean;
+        teacherInstructions: string;
+        teacherInstructionsEnabled: boolean;
+        toolbarEditorPosition: string;
+    };
+    constructor();
+    set model(s: 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

@@ -0,0 +1,83 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/defaults.js";
+import t from "./main.js";
+import n from "./defaults.js";
+import { createSlateMarkup as r, processMarkup as i } from "./markupUtils.js";
+import a from "react";
+import { createRoot as o } from "react-dom/client";
+import { DeleteImageEvent as s, DeleteSoundEvent as c, InsertImageEvent as l, InsertSoundEvent as u, ModelUpdatedEvent as d } from "@pie-element/shared-configure-events";
+import f from "debug";
+//#region src/author/index.ts
+var p = f("multiple-choice:configure"), m = class f extends HTMLElement {
+	static prepareModel = (e = {}) => {
+		let t = {
+			...n.model,
+			...e
+		}, a = e.slateMarkup || r(t.markup, t.choices), o = i(a);
+		return {
+			...t,
+			slateMarkup: a,
+			markup: o
+		};
+	};
+	constructor() {
+		super(), this._root = null, this._model = f.prepareModel(), this._configuration = n.configuration, this.onModelChanged = this.onModelChanged.bind(this), this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+	}
+	set model(e) {
+		this._model = f.prepareModel(e), this._render();
+	}
+	set configuration(t) {
+		this._configuration = e(t, n.configuration), 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 d(this._model, t));
+	}
+	onModelChanged(e, t) {
+		this._model = f.prepareModel(e), this._render(), this.dispatchModelUpdated(t);
+	}
+	onConfigurationChanged(e) {
+		this._configuration = e, this._render();
+	}
+	insertImage(e) {
+		this.dispatchEvent(new l(e));
+	}
+	onDeleteImage(e, t) {
+		this.dispatchEvent(new s(e, t));
+	}
+	insertSound(e) {
+		this.dispatchEvent(new u(e));
+	}
+	onDeleteSound(e, t) {
+		this.dispatchEvent(new c(e, t));
+	}
+	_render() {
+		p("_render");
+		let e = a.createElement(t, {
+			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 ||= o(this), this._root.render(e);
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { m as default };

package/dist/author/inline-dropdown-toolbar.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @synced-from pie-elements/packages/inline-dropdown/configure/src/inline-dropdown-toolbar.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';
+declare class RespAreaToolbar extends React.Component {
+    static propTypes: {
+        node: PropTypes.Requireable<object>;
+        pos: PropTypes.Requireable<number>;
+        uploadSoundSupport: PropTypes.Requireable<object>;
+        onDone: PropTypes.Requireable<(...args: any[]) => any>;
+        choices: PropTypes.Requireable<any[]>;
+        onAddChoice: PropTypes.Validator<(...args: any[]) => any>;
+        editorCallback: PropTypes.Requireable<(...args: any[]) => any>;
+        onRemoveChoice: PropTypes.Validator<(...args: any[]) => any>;
+        onSelectChoice: PropTypes.Validator<(...args: any[]) => any>;
+        onToolbarDone: PropTypes.Validator<(...args: any[]) => any>;
+        editor: PropTypes.Requireable<object>;
+        spellCheck: PropTypes.Requireable<boolean>;
+    };
+    clickedInside: boolean;
+    preventDone: boolean;
+    state: {
+        respAreaMarkup: string;
+        editedChoiceIndex: number;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    commitPendingEdit: any;
+    onRespAreaChange: any;
+    onAddChoice: any;
+    onDone: any;
+    onSelectChoice: any;
+    onRemoveChoice: any;
+    onEditChoice: any;
+    onKeyDown: any;
+    onBlur: any;
+    onClickInside: any;
+    render(): React.JSX.Element | null;
+}
+declare const StyledRespAreaToolbar: typeof RespAreaToolbar;
+export default StyledRespAreaToolbar;