@pie-element/explicit-constructed-response 12.0.4-next.20261011174919 → 12.0.4

package/dist/author/defaults.d.ts

@@ -1,137 +1,139 @@
+import type { ConfigureLanguageOptionsProp } from '@pie-element/shared-types';
+import type { Choices } from '../types.js';
 declare const _default: {
     model: {
-        choices: {};
+        choices: Choices;
         displayType: string;
         markup: string;
-        maxLengthPerChoiceEnabled: boolean;
-        playerSpellCheckEnabled: boolean;
+        maxLengthPerChoiceEnabled: true;
+        playerSpellCheckEnabled: false;
         prompt: string;
-        promptEnabled: boolean;
+        promptEnabled: true;
         rationale: string;
-        rationaleEnabled: boolean;
-        spellCheckEnabled: boolean;
-        studentInstructionsEnabled: boolean;
+        rationaleEnabled: true;
+        spellCheckEnabled: true;
+        studentInstructionsEnabled: true;
         teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        toolbarEditorPosition: string;
+        teacherInstructionsEnabled: true;
+        toolbarEditorPosition: "bottom";
         responseAreaInputConfiguration: {};
     };
     configuration: {
         baseInputConfiguration: {
             h3: {
-                disabled: boolean;
+                disabled: true;
             };
             html: {
-                disabled: boolean;
+                disabled: true;
             };
             audio: {
-                disabled: boolean;
+                disabled: false;
             };
             video: {
-                disabled: boolean;
+                disabled: false;
             };
             image: {
-                disabled: boolean;
+                disabled: false;
             };
             textAlign: {
-                disabled: boolean;
+                disabled: true;
             };
             showParagraphs: {
-                disabled: boolean;
+                disabled: false;
             };
             separateParagraphs: {
-                disabled: boolean;
+                disabled: true;
             };
         };
         prompt: {
-            settings: boolean;
+            settings: true;
             label: string;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
-            required: boolean;
+            required: false;
         };
         partialScoring: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         rationale: {
-            settings: boolean;
+            settings: true;
             label: string;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
-            required: boolean;
+            required: false;
         };
-        settingsPanelDisabled: boolean;
+        settingsPanelDisabled: false;
         spellCheck: {
             label: string;
-            settings: boolean;
-            enabled: boolean;
+            settings: false;
+            enabled: true;
         };
         editSource: {
             label: string;
-            settings: boolean;
-            enabled: boolean;
+            settings: false;
+            enabled: false;
         };
         playerSpellCheck: {
             label: string;
-            settings: boolean;
-            enabled: boolean;
+            settings: true;
+            enabled: true;
         };
         teacherInstructions: {
-            settings: boolean;
+            settings: true;
             label: string;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
-            required: boolean;
+            required: false;
         };
         template: {
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 h3: {
-                    disabled: boolean;
+                    disabled: true;
                 };
                 blockquote: {
-                    disabled: boolean;
+                    disabled: true;
                 };
             };
         };
         maxLengthPerChoice: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         maxResponseAreas: number;
@@ -146,31 +148,31 @@ declare const _default: {
             rationale: number;
         };
         withRubric: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         mathMlOptions: {
-            mmlOutput: boolean;
-            mmlEditing: boolean;
+            mmlOutput: false;
+            mmlEditing: false;
         };
         language: {
-            settings: boolean;
+            settings: false;
             label: string;
-            enabled: boolean;
+            enabled: false;
         };
         languageChoices: {
             label: string;
-            options: never[];
+            options: ConfigureLanguageOptionsProp[];
         };
         responseAreaInputConfiguration: {
             inputConfiguration: {
                 characters: {
-                    disabled: boolean;
+                    disabled: true;
                 };
             };
         };
         spanishButton: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
     };

package/dist/author/index.d.ts

@@ -1,34 +1,24 @@
+import { type DeleteDone, type ImageHandler, type SoundHandler } from '@pie-element/shared-configure-events';
+import { type AuthorModel } from './main.js';
+import type { ExplicitConstructedResponseConfiguration, ExplicitConstructedResponseModel } from '../types.js';
 export default class ExplicitConstructedResponse extends HTMLElement {
-    static prepareModel: (model?: {}) => {
-        slateMarkup: any;
-        markup: string;
-        choices: {};
-        displayType: string;
-        maxLengthPerChoiceEnabled: boolean;
-        playerSpellCheckEnabled: boolean;
-        prompt: string;
-        promptEnabled: boolean;
-        rationale: string;
-        rationaleEnabled: boolean;
-        spellCheckEnabled: boolean;
-        studentInstructionsEnabled: boolean;
-        teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        toolbarEditorPosition: string;
-        responseAreaInputConfiguration: {};
-    };
+    private _root;
+    private _model;
+    private _configuration;
+    private _disableSidePanel?;
+    static prepareModel: (model?: Partial<ExplicitConstructedResponseModel>) => AuthorModel;
     constructor();
-    set model(s: any);
-    set configuration(c: any);
-    set disableSidePanel(s: any);
-    dispatchModelUpdated(reset: any): void;
-    onModelChanged: any;
-    onConfigurationChanged: any;
+    set model(s: Partial<ExplicitConstructedResponseModel>);
+    set configuration(c: ExplicitConstructedResponseConfiguration);
+    set disableSidePanel(s: boolean);
+    dispatchModelUpdated(reset?: boolean): void;
+    onModelChanged: (m: Partial<AuthorModel>, reset?: boolean) => void;
+    onConfigurationChanged: (c: ExplicitConstructedResponseConfiguration) => 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;
+    insertImage(handler: ImageHandler): void;
+    onDeleteImage(src: string, done: DeleteDone): void;
+    insertSound(handler: SoundHandler): void;
+    onDeleteSound(src: string, done: DeleteDone): void;
     _render(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/author/index.js

@@ -8,6 +8,10 @@ import c from "debug";
 import { DeleteImageEvent as l, DeleteSoundEvent as u, InsertImageEvent as d, InsertSoundEvent as f, ModelUpdatedEvent as p } from "@pie-element/shared-configure-events";
 //#region src/author/index.ts
 var m = c("explicit-constructed-response:configure"), h = class c extends HTMLElement {
+	_root;
+	_model;
+	_configuration;
+	_disableSidePanel;
 	static prepareModel = (n = {}) => {
 		let i = {
 			...r.model,
@@ -31,7 +35,8 @@ var m = c("explicit-constructed-response:configure"), h = class c extends HTMLEl
 		this._model = c.prepareModel(e), this._model.responseAreaInputConfiguration && (this._model.responseAreaInputConfiguration = this._configuration.responseAreaInputConfiguration?.inputConfiguration), this._render();
 	}
 	set configuration(e) {
-		this._configuration = o(e, r.configuration), e.language?.enabled ? e.languageChoices?.options?.length && (this._model.language = e.languageChoices.options[0].value) : e.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({
+		let t = o(e, r.configuration);
+		this._configuration = t, e.language?.enabled ? e.languageChoices?.options?.length && (this._model.language = e.languageChoices.options[0].value) : e.language.settings && this._model.language ? (t.language.enabled = !0, (!t.languageChoices.options || !t.languageChoices.options.length) && (t.languageChoices.options = []), t.languageChoices.options.find((e) => e.value === this._model.language) || t.languageChoices.options.push({
 			value: this._model.language,
 			label: this._model.language
 		})) : delete this._model.language, this._render();

package/dist/author/main.d.ts

@@ -1,30 +1,48 @@
 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: {};
+import type { DeleteDone, ImageHandler, SoundHandler } from '@pie-element/shared-configure-events';
+import type { ExplicitConstructedResponseValidationErrors } from '../controller/index.js';
+import type { Choices, ExplicitConstructedResponseConfiguration, ExplicitConstructedResponseModel } from '../types.js';
+/** The model the author edits; the host sets `errors` from the controller's `validate()`. */
+export type AuthorModel = Partial<ExplicitConstructedResponseModel> & {
+    choices: Choices;
+    markup: string;
+    slateMarkup: string;
+    errors?: ExplicitConstructedResponseValidationErrors;
+};
+type MediaSupport<Handler> = {
+    add: (handler: Handler) => void;
+    delete: (src: string, done: DeleteDone) => void;
+};
+export type MainProps = {
+    model: AuthorModel;
+    configuration: ExplicitConstructedResponseConfiguration;
+    disableSidePanel?: boolean;
+    onModelChanged: (model: Partial<AuthorModel>, reset?: boolean) => void;
+    onConfigurationChanged: (configuration: ExplicitConstructedResponseConfiguration, reset?: boolean) => void;
+    imageSupport?: MediaSupport<ImageHandler>;
+    uploadSoundSupport?: MediaSupport<SoundHandler>;
+};
+type State = {
+    /** The editor markup when the author mounted */
+    markup?: string;
+    /** Choices of response areas removed from the markup, kept so an undo restores them */
+    cachedChoices?: Choices;
+};
+export declare class Main extends React.Component<MainProps, State> {
+    state: State;
     componentDidMount(): void;
-    onModelChange: any;
-    onPromptChanged: any;
-    onRationaleChanged: any;
-    onTeacherInstructionsChanged: any;
-    onMarkupChanged: any;
-    onResponsesChanged: any;
-    onLengthChanged: any;
-    onChangeResponse: any;
-    onChange: any;
-    onHandleAreaChange: import("@pie-element/shared-lodash").CancelableFunction<(nodes: any) => void>;
+    onModelChange: (newVal: Partial<AuthorModel>) => void;
+    onPromptChanged: (prompt: string) => void;
+    onRationaleChanged: (rationale: string) => void;
+    onTeacherInstructionsChanged: (teacherInstructions: string) => void;
+    onMarkupChanged: (slateMarkup: string) => void;
+    onResponsesChanged: (choices: Choices) => void;
+    onLengthChanged: (maxLengthPerChoice: number[]) => void;
+    onChangeResponse: (index: string, newVal: string) => void;
+    onChange: (markup: string) => void;
+    onHandleAreaChange: import("@pie-element/shared-lodash").CancelableFunction<(nodes: {
+        index: string;
+    }[] | undefined) => void>;
     render(): React.JSX.Element;
 }
 export default Main;