@pie-element/inline-dropdown 11.0.4-next.20261011174919 → 11.0.4

package/dist/author/defaults.d.ts

@@ -1,155 +1,156 @@
+import type { ConfigureLanguageOptionsProp } from '@pie-element/shared-types';
 declare const _default: {
     model: {
         alternateResponse: {};
-        choiceRationaleEnabled: boolean;
+        choiceRationaleEnabled: true;
         choices: {};
-        disabled: boolean;
+        disabled: false;
         displayType: string;
         markup: string;
-        mode: string;
+        mode: "gather";
         prompt: string;
-        promptEnabled: boolean;
+        promptEnabled: true;
         rationale: string;
-        rationaleEnabled: boolean;
-        shuffle: boolean;
-        studentInstructionsEnabled: boolean;
+        rationaleEnabled: true;
+        shuffle: true;
+        studentInstructionsEnabled: true;
         teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        toolbarEditorPosition: string;
+        teacherInstructionsEnabled: true;
+        toolbarEditorPosition: "bottom";
     };
     configuration: {
         baseInputConfiguration: {
             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;
             };
             textAlign: {
-                disabled: boolean;
+                disabled: true;
             };
             showParagraphs: {
-                disabled: boolean;
+                disabled: false;
             };
             separateParagraphs: {
-                disabled: boolean;
+                disabled: true;
             };
         };
         prompt: {
-            settings: boolean;
+            settings: true;
             label: string;
-            required: boolean;
+            required: false;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
         };
         responseAreaInputConfiguration: {
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: true;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: true;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: true;
                 };
                 table: {
-                    disabled: boolean;
+                    disabled: true;
                 };
                 ul_list: {
-                    disabled: boolean;
+                    disabled: true;
                 };
                 ol_list: {
-                    disabled: boolean;
+                    disabled: true;
                 };
             };
         };
-        settingsPanelDisabled: boolean;
+        settingsPanelDisabled: false;
         spellCheck: {
             label: string;
-            settings: boolean;
-            enabled: boolean;
+            settings: false;
+            enabled: true;
         };
         lockChoiceOrder: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         partialScoring: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         rationale: {
-            settings: boolean;
+            settings: true;
             label: string;
-            required: boolean;
+            required: false;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 textAlign: {
-                    disabled: boolean;
+                    disabled: true;
                 };
             };
         };
         teacherInstructions: {
-            settings: boolean;
+            settings: true;
             label: string;
-            required: boolean;
+            required: false;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
         };
         template: {
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
         };
         choiceRationale: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         toolbarEditorPosition: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         maxResponseAreas: number;
@@ -165,21 +166,21 @@ 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[];
         };
     };
 };

package/dist/author/index.d.ts

@@ -1,35 +1,24 @@
+import { type DeleteDone, type ImageHandler, type SoundHandler } from '@pie-element/shared-configure-events';
+import { type AuthorModel } from './main.js';
+import type { InlineDropdownConfiguration, InlineDropdownModel } from '../types.js';
 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;
-    };
+    private _root;
+    private _model;
+    private _configuration;
+    private _disableSidePanel?;
+    static prepareModel: (model?: Partial<InlineDropdownModel>) => AuthorModel;
     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;
+    set model(s: Partial<InlineDropdownModel>);
+    set configuration(c: InlineDropdownConfiguration);
+    set disableSidePanel(s: boolean);
+    dispatchModelUpdated(reset?: boolean): void;
+    onModelChanged(m: Partial<InlineDropdownModel>, reset?: boolean): void;
+    onConfigurationChanged(c: InlineDropdownConfiguration): 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 { DeleteImageEvent as s, DeleteSoundEvent as c, InsertImageEvent as l, In
 import f from "debug";
 //#region src/author/index.ts
 var p = f("multiple-choice:configure"), m = class f extends HTMLElement {
+	_root;
+	_model;
+	_configuration;
+	_disableSidePanel;
 	static prepareModel = (e = {}) => {
 		let i = {
 			...t.model,
@@ -26,7 +30,8 @@ var p = f("multiple-choice:configure"), m = class f extends HTMLElement {
 		this._model = f.prepareModel(e), this._render();
 	}
 	set configuration(e) {
-		this._configuration = o(e, t.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 n = o(e, t.configuration);
+		this._configuration = n, e.language?.enabled ? e.languageChoices?.options?.length && (this._model.language = e.languageChoices.options[0].value) : e.language.settings && this._model.language ? (n.language.enabled = !0, (!n.languageChoices.options || !n.languageChoices.options.length) && (n.languageChoices.options = []), n.languageChoices.options.find((e) => e.value === this._model.language) || n.languageChoices.options.push({
 			value: this._model.language,
 			label: this._model.language
 		})) : delete this._model.language, this._render();

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

@@ -14,6 +14,9 @@ declare class RespAreaToolbar extends React.Component {
         onToolbarDone: PropTypes.Validator<(...args: any[]) => any>;
         editor: PropTypes.Requireable<object>;
         spellCheck: PropTypes.Requireable<boolean>;
+        mathMlOptions: PropTypes.Requireable<object>;
+        baseInputConfiguration: PropTypes.Requireable<object>;
+        responseAreaInputConfiguration: PropTypes.Requireable<object>;
     };
     clickedInside: boolean;
     preventDone: boolean;

package/dist/author/inline-dropdown-toolbar.js

@@ -127,7 +127,10 @@ var _ = u("div")(() => ({
 		onSelectChoice: i.func.isRequired,
 		onToolbarDone: i.func.isRequired,
 		editor: i.object,
-		spellCheck: i.bool
+		spellCheck: i.bool,
+		mathMlOptions: i.object,
+		baseInputConfiguration: i.object,
+		responseAreaInputConfiguration: i.object
 	};
 	clickedInside = !1;
 	preventDone = !1;

package/dist/author/main.d.ts

@@ -1,41 +1,65 @@
 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<PropTypes.InferProps<{
-            add: PropTypes.Validator<(...args: any[]) => any>;
-            delete: PropTypes.Validator<(...args: any[]) => any>;
-        }>>;
-    };
-    state: {
-        warning: {
-            open: boolean;
-        };
+import type { DeleteDone, ImageHandler, SoundHandler } from '@pie-element/shared-configure-events';
+import type { InlineDropdownValidationErrors } from '../controller/index.js';
+import type { Choice, Choices, InlineDropdownConfiguration, InlineDropdownModel } from '../types.js';
+/** The model the author edits; the host sets `errors` from the controller's `validate()`. */
+export type AuthorModel = Partial<InlineDropdownModel> & {
+    choices: Choices;
+    markup: string;
+    slateMarkup: string;
+    errors?: InlineDropdownValidationErrors;
+};
+type MediaSupport<Handler> = {
+    add: (handler: Handler) => void;
+    delete: (src: string, done: DeleteDone) => void;
+};
+export type MainProps = {
+    model: AuthorModel;
+    configuration: InlineDropdownConfiguration;
+    disableSidePanel?: boolean;
+    onModelChanged: (model: Partial<AuthorModel>, reset?: boolean) => void;
+    onConfigurationChanged: (configuration: InlineDropdownConfiguration, reset?: boolean) => void;
+    imageSupport?: MediaSupport<ImageHandler>;
+    uploadSoundSupport?: MediaSupport<SoundHandler>;
+};
+type Warning = {
+    open: boolean;
+    text?: string;
+    onClose?: () => void;
+    onConfirm?: () => void;
+};
+type State = {
+    warning: Warning;
+    /** The choices of each response area as the toolbar edits them; set on mount */
+    respAreaChoices?: Choices;
+};
+/** A response area node in the template editor */
+type ResponseAreaNode = {
+    attrs: {
+        index: string;
     };
+};
+/** The template editor; it keeps a response area's toolbar open while this holds the area's index */
+type TemplateEditor = {
+    _holdInlineDropdownToolbarIndex?: string;
+};
+export declare class Main extends React.Component<MainProps, State> {
+    state: State;
     componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nProps: any): void;
+    UNSAFE_componentWillReceiveProps(nProps: MainProps): void;
     componentDidUpdate(): void;
-    onModelChange: any;
-    onPromptChanged: any;
-    onRationaleChanged: any;
-    onChoiceRationaleChanged: any;
-    onTeacherInstructionsChanged: any;
-    onMarkupChanged: any;
-    onCheck: any;
-    validateResponseAreaClose: any;
-    onChange: any;
-    onAddChoice: any;
-    onRemoveChoice: any;
-    onSelectChoice: any;
+    onModelChange: (newVal: Partial<AuthorModel>) => void;
+    onPromptChanged: (prompt: string) => void;
+    onRationaleChanged: (rationale: string) => void;
+    onChoiceRationaleChanged: (index: string, choice: Choice) => void;
+    onTeacherInstructionsChanged: (teacherInstructions: string) => void;
+    onMarkupChanged: (slateMarkup: string) => void;
+    onCheck: (confirmCallback: () => void, cancelCallback: () => void) => void;
+    validateResponseAreaClose: (node: ResponseAreaNode, pos: number, editor: TemplateEditor, closeToolbar: () => void, onCancel: () => void) => void;
+    onChange: (markup: string) => void;
+    onAddChoice: (index: string, label: string, choiceIndex: number) => void;
+    onRemoveChoice: (respIndex: string, index: number) => void;
+    onSelectChoice: (respIndex: string, selectedIndex: number) => void;
     render(): React.JSX.Element;
 }
 export default Main;