@pie-element/matrix 5.0.4-next.20261011174919 → 5.0.4

package/dist/author/Main.d.ts

@@ -1,19 +1,31 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-export declare class Main extends React.Component {
-    static propTypes: {
-        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>;
-        }>>;
-    };
-    onPromptChanged: any;
-    onChangeModel: any;
-    onTeacherInstructionsChanged: any;
+import type { DeleteDone, ImageHandler, SoundHandler } from '@pie-element/shared-configure-events';
+import type { MatrixValidationErrors } from '../controller/index.js';
+import type { MatrixConfiguration, MatrixModel } from '../types.js';
+/** The model the author edits; the host sets `errors` from the controller's `validate()`. */
+export type AuthorModel = Partial<MatrixModel> & {
+    columnLabels: string[];
+    rowLabels: string[];
+    matrixValues: Record<string, number>;
+    errors?: MatrixValidationErrors;
+};
+type MediaSupport<Handler> = {
+    add: (handler: Handler) => void;
+    delete: (src: string, done: DeleteDone) => void;
+};
+export type MainProps = {
+    model: AuthorModel;
+    configuration: MatrixConfiguration;
+    disableSidePanel?: boolean;
+    onModelChanged: (model: AuthorModel, reset?: boolean) => void;
+    onConfigurationChanged: (configuration: MatrixConfiguration) => void;
+    imageSupport?: MediaSupport<ImageHandler>;
+    uploadSoundSupport?: MediaSupport<SoundHandler>;
+};
+export declare class Main extends React.Component<MainProps> {
+    onPromptChanged: (prompt: string) => void;
+    onChangeModel: (data: Partial<AuthorModel>) => void;
+    onTeacherInstructionsChanged: (teacherInstructions: string) => void;
     render(): React.JSX.Element;
 }
 export default Main;

package/dist/author/Main.js

@@ -3,106 +3,95 @@ import t from "./MatrixRowsSizeHeaderInput.js";
 import n from "./MatrixLabelTypeHeaderInput.js";
 import r from "./MatrixValues.js";
 import i from "react";
-import a from "prop-types";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { styled as c } from "@mui/material/styles";
-import l from "@pie-lib/editable-html-tip-tap";
-import { InputContainer as u, layout as d, settings as f } from "@pie-lib/config-ui";
+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 { InputContainer as l, layout as u, settings as d } from "@pie-lib/config-ui";
 //#region src/author/Main.tsx
-var { Panel: p, toggle: m, radio: h } = f, g = c(u)(({ theme: e }) => ({
+var { Panel: f, toggle: p, radio: m } = d, h = s(l)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(1),
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), _ = c("div")(({ theme: e }) => ({
+})), g = s("div")(({ theme: e }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	width: "100%",
 	paddingBottom: e.spacing(2.5),
 	justifyContent: "space-around"
-})), v = c("div")(({ theme: e }) => ({
+})), _ = s("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), y = (i) => {
-	let { model: a, configuration: c, onPromptChanged: u, imageSupport: f, uploadSoundSupport: y, onChangeModel: b, onConfigurationChanged: x, onTeacherInstructionsChanged: S } = i, { baseInputConfiguration: C = {}, contentDimensions: w = {}, prompt: T = {}, scoringType: E = {}, settingsPanelDisabled: D, spellCheck: O = {}, teacherInstructions: k = {} } = c || {}, { errors: A = {}, extraCSSRules: j, teacherInstructionsEnabled: M, spellCheckEnabled: N } = a || {}, { prompt: P, teacherInstructions: F } = A, I = {
-		teacherInstructionsEnabled: k.settings && m(k.label),
-		spellCheckEnabled: O.settings && m(O.label),
-		scoringType: E.settings && h(E.label, ["auto", "rubric"])
+})), v = (i) => {
+	let { model: s, configuration: l, onPromptChanged: d, imageSupport: v, uploadSoundSupport: y, onChangeModel: b, onConfigurationChanged: x, onTeacherInstructionsChanged: S } = i, { baseInputConfiguration: C = {}, contentDimensions: w = {}, prompt: T = {}, scoringType: E = {}, settingsPanelDisabled: D, spellCheck: O = {}, teacherInstructions: k = {} } = l || {}, { errors: A = {}, extraCSSRules: j, teacherInstructionsEnabled: M, spellCheckEnabled: N } = s || {}, { prompt: P, teacherInstructions: F } = A, I = {
+		teacherInstructionsEnabled: k.settings && p(k.label),
+		spellCheckEnabled: O.settings && p(O.label),
+		scoringType: E.settings && m(E.label, ["auto", "rubric"])
 	}, L = (e = {}) => ({
 		...C,
 		...e
 	});
-	return /* @__PURE__ */ s(d.ConfigLayout, {
+	return /* @__PURE__ */ o(u.ConfigLayout, {
 		extraCSSRules: j,
 		dimensions: w,
 		hideSettings: D,
-		settings: /* @__PURE__ */ o(p, {
-			model: a,
+		settings: /* @__PURE__ */ a(f, {
+			model: s,
 			onChangeModel: b,
-			configuration: c,
+			configuration: l,
 			onChangeConfiguration: x,
 			groups: { Properties: I }
 		}),
 		children: [
-			M && /* @__PURE__ */ s(g, {
+			M && /* @__PURE__ */ o(h, {
 				label: k.label,
-				children: [/* @__PURE__ */ o(l, {
-					markup: a.teacherInstructions || "",
+				children: [/* @__PURE__ */ a(c, {
+					markup: s.teacherInstructions || "",
 					onChange: S,
-					imageSupport: f,
+					imageSupport: v,
 					error: F,
 					pluginProps: L(k?.inputConfiguration),
 					nonEmpty: !1,
 					spellCheck: N,
 					uploadSoundSupport: y
-				}), F && /* @__PURE__ */ o(v, { children: F })]
+				}), F && /* @__PURE__ */ a(_, { children: F })]
 			}),
-			/* @__PURE__ */ s(g, {
+			/* @__PURE__ */ o(h, {
 				label: T.label,
-				children: [/* @__PURE__ */ o(l, {
-					markup: a.prompt,
-					onChange: u,
-					imageSupport: f,
+				children: [/* @__PURE__ */ a(c, {
+					markup: s.prompt,
+					onChange: d,
+					imageSupport: v,
 					error: P,
 					pluginProps: L(T?.inputConfiguration),
 					nonEmpty: !T.settings,
 					spellCheck: N,
 					uploadSoundSupport: y,
 					disableUnderline: !0
-				}), P && /* @__PURE__ */ o(v, { children: P })]
+				}), P && /* @__PURE__ */ a(_, { children: P })]
 			}),
-			/* @__PURE__ */ s(_, { children: [
-				/* @__PURE__ */ o(t, {
-					model: a,
+			/* @__PURE__ */ o(g, { children: [
+				/* @__PURE__ */ a(t, {
+					model: s,
 					onChangeModel: b
 				}),
-				/* @__PURE__ */ o(e, {
-					model: a,
+				/* @__PURE__ */ a(e, {
+					model: s,
 					onChangeModel: b
 				}),
-				/* @__PURE__ */ o(n, {
-					model: a,
+				/* @__PURE__ */ a(n, {
+					model: s,
 					onChangeModel: b
 				})
 			] }),
-			/* @__PURE__ */ o(r, {
-				model: a,
+			/* @__PURE__ */ a(r, {
+				model: s,
 				onChangeModel: b
 			})
 		]
 	});
-}, b = class extends i.Component {
-	static propTypes = {
-		model: a.object.isRequired,
-		disableSidePanel: a.bool,
-		onModelChanged: a.func.isRequired,
-		onConfigurationChanged: a.func.isRequired,
-		imageSupport: a.shape({
-			add: a.func.isRequired,
-			delete: a.func.isRequired
-		})
-	};
+}, y = class extends i.Component {
 	onPromptChanged = (e) => {
 		this.props.onModelChanged({
 			...this.props.model,
@@ -122,7 +111,7 @@ var { Panel: p, toggle: m, radio: h } = f, g = c(u)(({ theme: e }) => ({
 		});
 	};
 	render() {
-		return /* @__PURE__ */ o(y, {
+		return /* @__PURE__ */ a(v, {
 			...this.props,
 			onChangeModel: this.props.onModelChanged,
 			onPromptChanged: this.onPromptChanged,
@@ -131,4 +120,4 @@ var { Panel: p, toggle: m, radio: h } = f, g = c(u)(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { b as Main, b as default };
+export { y as Main, y as default };

package/dist/author/defaults.d.ts

@@ -5,75 +5,75 @@
 declare const _default: {
     model: {
         columnLabels: string[];
-        labelType: string;
-        matrixValues: {};
+        labelType: "agreement";
+        matrixValues: Record<string, number>;
         prompt: string;
-        promptEnabled: boolean;
+        promptEnabled: true;
         rowLabels: string[];
         teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
+        teacherInstructionsEnabled: true;
     };
     configuration: {
         baseInputConfiguration: {
             h3: {
-                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;
         };
-        settingsPanelDisabled: boolean;
+        settingsPanelDisabled: false;
         spellCheck: {
             label: string;
-            settings: boolean;
-            enabled: boolean;
+            settings: false;
+            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;
         };
     };
 };

package/dist/author/index.d.ts

@@ -1,23 +1,21 @@
+import { type DeleteDone, type SoundHandler } from '@pie-element/shared-configure-events';
+import { type AuthorModel } from './Main.js';
+import type { MatrixConfiguration, MatrixModel } from '../types.js';
 export default class Matrix extends HTMLElement {
-    static createDefaultModel: (model?: {}) => {
-        columnLabels: string[];
-        labelType: string;
-        matrixValues: {};
-        prompt: string;
-        promptEnabled: boolean;
-        rowLabels: string[];
-        teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-    };
+    private _root;
+    private _model;
+    private _configuration;
+    private _disableSidePanel?;
+    static createDefaultModel: (model?: Partial<MatrixModel>) => 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;
-    insertSound(handler: any): void;
-    onDeleteSound(src: any, done: any): void;
+    set model(s: Partial<MatrixModel>);
+    set configuration(c: MatrixConfiguration);
+    set disableSidePanel(s: boolean);
+    dispatchModelUpdated(reset?: boolean): void;
+    onModelChanged(m: AuthorModel, reset?: boolean): void;
+    onConfigurationChanged(c: MatrixConfiguration): void;
+    insertSound(handler: SoundHandler): void;
+    onDeleteSound(src: string, done: DeleteDone): void;
     _render(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/author/index.js

@@ -10,6 +10,10 @@ var l = a("matrix:configure"), u = (e, n) => ({
 	configuration: i(e, t.configuration),
 	model: n
 }), d = class i extends HTMLElement {
+	_root;
+	_model;
+	_configuration;
+	_disableSidePanel;
 	static createDefaultModel = (e = {}) => ({
 		...t.model,
 		...e

package/dist/browser/author/index.js

@@ -34890,15 +34890,12 @@ var rW = class extends mt.Component {
 }), sW = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, cW = function() {
-	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
-	return {
-		type: "radio",
-		label: e,
-		choices: t && t.map((e) => sW(e)),
-		isConfigProperty: n
-	};
-}, lW = (e, t, n = !1) => ({
+} : e, cW = (e, t, n = !1) => ({
+	type: "radio",
+	label: e,
+	choices: t && t.map((e) => sW(e)),
+	isConfigProperty: n
+}), lW = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
@@ -35670,16 +35667,6 @@ var { Panel: kG, toggle: AG, radio: jG } = iW, MG = A(yW)(({ theme: e }) => ({
 		]
 	});
 }, IG = class extends mt.Component {
-	static propTypes = {
-		model: V.default.object.isRequired,
-		disableSidePanel: V.default.bool,
-		onModelChanged: V.default.func.isRequired,
-		onConfigurationChanged: V.default.func.isRequired,
-		imageSupport: V.default.shape({
-			add: V.default.func.isRequired,
-			delete: V.default.func.isRequired
-		})
-	};
 	onPromptChanged = (e) => {
 		this.props.onModelChanged({
 			...this.props.model,
@@ -35762,6 +35749,10 @@ var { Panel: kG, toggle: AG, radio: jG } = iW, MG = A(yW)(({ theme: e }) => ({
 	configuration: dt(e, LG.configuration),
 	model: t
 }), BG = class e extends HTMLElement {
+	_root;
+	_model;
+	_configuration;
+	_disableSidePanel;
 	static createDefaultModel = (e = {}) => ({
 		...LG.model,
 		...e