@pie-element/multi-trait-rubric 9.0.4-next.20261011174919 → 9.0.4

package/dist/author/defaults.d.ts

@@ -1,68 +1,69 @@
+import type { Scale } from '../types.js';
 declare const _default: {
     model: {
-        addScaleEnabled: boolean;
-        description: boolean;
-        excludeZero: boolean;
-        halfScoring: boolean;
-        maxPointsEnabled: boolean;
-        pointLabels: boolean;
-        scales: never[];
-        standards: boolean;
-        visibleToStudent: boolean;
+        addScaleEnabled: true;
+        description: false;
+        excludeZero: false;
+        halfScoring: false;
+        maxPointsEnabled: true;
+        pointLabels: true;
+        scales: Scale[];
+        standards: false;
+        visibleToStudent: 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;
             };
         };
         expandedInput: {
             inputConfiguration: {
                 math: {
-                    disabled: boolean;
+                    disabled: true;
                 };
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
         };
         labelInput: {
             inputConfiguration: {
                 math: {
-                    disabled: boolean;
+                    disabled: true;
                 };
                 audio: {
-                    disabled: boolean;
+                    disabled: true;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: true;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: true;
                 };
             };
         };
@@ -82,52 +83,52 @@ declare const _default: {
             title: string;
             text: string;
         };
-        settingsPanelDisabled: boolean;
+        settingsPanelDisabled: false;
         spellCheck: {
             label: string;
-            settings: boolean;
-            enabled: boolean;
+            settings: false;
+            enabled: true;
         };
         showExcludeZero: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         showScorePointLabels: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         showDescription: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         showVisibleToStudent: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         showHalfScoring: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         showStandards: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         showLevelTagInput: {
-            settings: boolean;
+            settings: false;
             label: string;
-            enabled: boolean;
+            enabled: false;
         };
         dragAndDrop: {
-            settings: boolean;
+            settings: true;
             label: string;
-            enabled: boolean;
+            enabled: false;
         };
         showMaxPoint: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         addScale: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         minNoOfTraits: number;
@@ -136,8 +137,8 @@ declare const _default: {
         maxNoOfScales: number;
         defaultTraitLabel: string;
         mathMlOptions: {
-            mmlOutput: boolean;
-            mmlEditing: boolean;
+            mmlOutput: false;
+            mmlEditing: false;
         };
         maxMaxPoints: number;
     };

package/dist/author/index.d.ts

@@ -1,15 +1,23 @@
+import { type DeleteDone, type ImageHandler, type SoundHandler } from '@pie-element/shared-configure-events';
+import { type AuthorModel } from './main.js';
+import type { MultiTraitRubricConfiguration, MultiTraitRubricModel } from '../types.js';
+type ModelInput = Partial<MultiTraitRubricModel> & Pick<Partial<AuthorModel>, 'errors'>;
 export default class MultiTraitRubricElement extends HTMLElement {
+    private _root;
+    private _model;
+    private _configuration;
     constructor();
-    updateModelAccordingToReceivedProps: any;
-    set model(m: any);
-    set configuration(c: any);
-    onModelChanged: any;
-    onConfigurationChanged: any;
-    insertSound(handler: any): void;
-    onDeleteSound(src: any, done: any): void;
-    insertImage(handler: any): void;
-    onDeleteImage(src: any, done: any): void;
+    updateModelAccordingToReceivedProps: (m: AuthorModel) => AuthorModel;
+    set model(m: ModelInput);
+    set configuration(c: MultiTraitRubricConfiguration);
+    onModelChanged: (m: AuthorModel) => void;
+    onConfigurationChanged: (c: MultiTraitRubricConfiguration) => void;
+    insertSound(handler: SoundHandler): void;
+    onDeleteSound(src: string, done: DeleteDone): void;
+    insertImage(handler: ImageHandler): void;
+    onDeleteImage(src: string, done: DeleteDone): void;
     _render(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
 }
+export {};

package/dist/author/index.js

@@ -13,6 +13,9 @@ var d = (t) => ({
 	...e.configuration,
 	...t
 }), p = class extends HTMLElement {
+	_root;
+	_model;
+	_configuration;
 	constructor() {
 		super(), this._root = null, this._model = d(), this._configuration = f();
 	}

package/dist/author/main.d.ts

@@ -1,35 +1,61 @@
 import React from 'react';
-export declare class Main extends React.Component {
-    constructor(props: any);
-    state: {
-        showDecreaseMaxPointsDialog: boolean;
-        showDeleteScaleDialog: boolean;
-        showDeleteTraitDialog: boolean;
-        showExcludeZeroDialog: boolean;
-        showInfoDialog: boolean;
-        infoDialogText: string;
-        adjustedWidth: string;
-        initialUpdateCompleted: boolean;
+import type { DeleteDone, ImageHandler, SoundHandler } from '@pie-element/shared-configure-events';
+import type { MultiTraitRubricValidationErrors } from '../controller/index.js';
+import type { MultiTraitRubricConfiguration, MultiTraitRubricModel, Scale as ScaleModel } from '../types.js';
+/** The model the author edits: the defaults supply `scales`; a host sets `errors` from the controller's `validate()`. */
+export type AuthorModel = Partial<MultiTraitRubricModel> & {
+    scales: ScaleModel[];
+    errors?: MultiTraitRubricValidationErrors;
+};
+/** The configuration the author renders: the defaults supply its Settings Panel controls. */
+export type AuthorConfiguration = MultiTraitRubricConfiguration & Required<Pick<MultiTraitRubricConfiguration, 'addScale' | 'dragAndDrop' | 'showDescription' | 'showExcludeZero' | 'showHalfScoring' | 'showLevelTagInput' | 'showMaxPoint' | 'showScorePointLabels' | 'showStandards' | 'showVisibleToStudent'>>;
+export type MainProps = {
+    model: AuthorModel;
+    configuration: AuthorConfiguration;
+    onModelChanged: (model: AuthorModel) => void;
+    onConfigurationChanged: (configuration: MultiTraitRubricConfiguration) => void;
+    uploadSoundSupport?: {
+        add: (handler: SoundHandler) => void;
+        delete: (src: string, done: DeleteDone) => void;
     };
+    imageSupport?: {
+        add: (handler: ImageHandler) => void;
+        delete: (src: string, done: DeleteDone) => void;
+    };
+};
+type MainState = {
+    showDecreaseMaxPointsDialog: boolean;
+    showDeleteScaleDialog: boolean;
+    showDeleteTraitDialog: boolean;
+    showExcludeZeroDialog: boolean;
+    showInfoDialog: boolean;
+    infoDialogText: string;
+    adjustedWidth: string | number;
+    initialUpdateCompleted: boolean;
+};
+export declare class Main extends React.Component<MainProps, MainState> {
+    divRef: React.RefObject<HTMLDivElement>;
+    constructor(props: MainProps);
+    state: MainState;
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate(): void;
     updateDivWidth(): void;
     updateDivWidthDebounced: import("@pie-element/shared-lodash").CancelableFunction<() => void>;
-    onScaleAdded: any;
-    onScaleChanged: any;
-    onScaleRemoved: any;
-    onHalfScoringChanged: any;
-    onVisibleToStudentChanged: any;
-    set: (newState: any) => void;
-    changeShowScorePointLabels: any;
-    changeShowDescription: any;
-    changeShowStandards: any;
+    onScaleAdded: () => false | undefined;
+    onScaleChanged: (scaleIndex: number, params: Partial<ScaleModel>) => false | undefined;
+    onScaleRemoved: (scaleIndex: number) => false | undefined;
+    onHalfScoringChanged: () => void;
+    onVisibleToStudentChanged: () => void;
+    set: <K extends keyof MainState>(newState: Pick<MainState, K>) => void;
+    changeShowScorePointLabels: () => void;
+    changeShowDescription: () => void;
+    changeShowStandards: () => void;
     showToggleExcludeZeroModal: () => void;
-    hideToggleExcludeZeroModal: any;
+    hideToggleExcludeZeroModal: () => void;
     onCloseInfoDialog: () => void;
-    changeExcludeZero: any;
-    onModelChanged: any;
+    changeExcludeZero: (excludeZeroType: string) => void;
+    onModelChanged: (updatedModel: AuthorModel, updatedProperty?: string) => void;
     render(): React.JSX.Element;
 }
 export default Main;

package/dist/author/main.js

@@ -3,32 +3,25 @@ import { addOrRemoveScaleColumn as i } from "./utils.js";
 import { MultiTraitButton as a } from "./common.js";
 import { Scale as o } from "./scale.js";
 import s from "react";
-import c from "prop-types";
-import { styled as l } from "@mui/material/styles";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { cloneDeep as f, debounce as p, isEmpty as m } from "@pie-element/shared-lodash";
-import { layout as h, settings as g } from "@pie-lib/config-ui";
+import { styled as c } from "@mui/material/styles";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { cloneDeep as d, debounce as f, isEmpty as p } from "@pie-element/shared-lodash";
+import { layout as m, settings as h } from "@pie-lib/config-ui";
 //#region src/author/main.tsx
-var { Panel: _, toggle: v } = g, y = "650px", b = l("div")(({ theme: e }) => ({
+var { Panel: g, toggle: _ } = h, v = "650px", y = c("div")(({ theme: e }) => ({
 	fontFamily: "Cerebri Sans",
 	fontSize: e.typography.fontSize + 2,
 	padding: "16px 0"
-})), x = ({ showExcludeZeroDialog: n, excludeZero: r, changeExcludeZero: i, cancel: a }) => n && !r ? /* @__PURE__ */ u(e, {
+})), b = ({ showExcludeZeroDialog: n, excludeZero: r, changeExcludeZero: i, cancel: a }) => n && !r ? /* @__PURE__ */ l(e, {
 	open: n && !r,
 	changeExcludeZero: i,
 	cancel: a
-}) : n && r ? /* @__PURE__ */ u(t, {
+}) : n && r ? /* @__PURE__ */ l(t, {
 	open: n && r,
 	changeExcludeZero: i,
 	cancel: a
-}) : null;
-x.propTypes = {
-	showExcludeZeroDialog: c.bool,
-	excludeZero: c.bool,
-	changeExcludeZero: c.func,
-	cancel: c.func
-};
-var S = class extends s.Component {
+}) : null, x = class extends s.Component {
+	divRef;
 	constructor(e) {
 		super(e), this.divRef = s.createRef(), this.updateDivWidth = this.updateDivWidth.bind(this);
 	}
@@ -39,7 +32,7 @@ var S = class extends s.Component {
 		showExcludeZeroDialog: !1,
 		showInfoDialog: !1,
 		infoDialogText: "",
-		adjustedWidth: y,
+		adjustedWidth: v,
 		initialUpdateCompleted: !1
 	};
 	componentDidMount() {
@@ -57,7 +50,7 @@ var S = class extends s.Component {
 			e !== this.state.adjustedWidth && this.set({ adjustedWidth: e });
 		}
 	}
-	updateDivWidthDebounced = p(() => this.updateDivWidth(), 50);
+	updateDivWidthDebounced = f(() => this.updateDivWidth(), 50);
 	onScaleAdded = () => {
 		let { model: e, onModelChanged: t, configuration: n } = this.props, { scales: r, excludeZero: i } = e || {}, { maxNoOfScales: a } = n || {}, { defaultTraitLabel: o } = n || "";
 		if (r.length || (r = []), o = typeof o == "string" ? o : r[0]?.traitLabel || "", r.length === a) return this.set({
@@ -75,8 +68,8 @@ var S = class extends s.Component {
 		});
 	};
 	onScaleChanged = (e, t) => {
-		let { model: n, onModelChanged: a } = this.props, o = f((n || {}).scales);
-		if (e < 0 || e >= o.length || m(t)) return !1;
+		let { model: n, onModelChanged: a } = this.props, o = d((n || {}).scales);
+		if (e < 0 || e >= o.length || p(t)) return !1;
 		Object.keys(t).forEach((n) => {
 			o[e][n] = t[n];
 		}), n.excludeZero && t.maxPoints === 1 && (n.excludeZero = !1, o = i(o, r.add0)), a({
@@ -153,25 +146,25 @@ var S = class extends s.Component {
 		t === "excludeZero" ? this.showToggleExcludeZeroModal() : n(e);
 	};
 	render() {
-		let { model: e, configuration: t, onConfigurationChanged: r, uploadSoundSupport: i, imageSupport: s } = this.props || {}, { addScale: c, baseInputConfiguration: l = {}, dragAndDrop: f, contentDimensions: p = {}, showDescription: m, showExcludeZero: g, showLevelTagInput: y, showStandards: S, showHalfScoring: C, showMaxPoint: w, showScorePointLabels: T, showVisibleToStudent: E, spellCheck: D = {}, settingsPanelDisabled: O, maxNoOfTraits: k, minNoOfTraits: A, width: j, mathMlOptions: M = {}, maxMaxPoints: N, expandedInput: P = {}, labelInput: F = {} } = t || {}, { errors: I, extraCSSRules: L, scales: R, excludeZero: z, description: B, pointLabels: V, standards: H, spellCheckEnabled: U, maxPointsEnabled: W, addScaleEnabled: G } = e || {}, { showExcludeZeroDialog: K, showInfoDialog: q, infoDialogText: J, adjustedWidth: Y } = this.state || {}, X = R?.some((e) => e.maxPoints === 1), Z = {
-			standards: S.settings && v(S.label),
-			"showLevelTagInput.enabled": y.settings && v(y.label, !0),
-			visibleToStudent: E.settings && v(E.label),
-			excludeZero: g.settings && v(g.label, !1, X),
-			halfScoring: C.settings && v(C.label),
-			"dragAndDrop.enabled": f.settings && v(f.label, !0)
+		let { model: e, configuration: t, onConfigurationChanged: r, uploadSoundSupport: i, imageSupport: s } = this.props || {}, { addScale: c, baseInputConfiguration: d = {}, dragAndDrop: f, contentDimensions: p = {}, showDescription: h, showExcludeZero: v, showLevelTagInput: x, showStandards: S, showHalfScoring: C, showMaxPoint: w, showScorePointLabels: T, showVisibleToStudent: E, spellCheck: D = {}, settingsPanelDisabled: O, maxNoOfTraits: k, minNoOfTraits: A, width: j, mathMlOptions: M = {}, maxMaxPoints: N, expandedInput: P = {}, labelInput: F = {} } = t || {}, { errors: I, extraCSSRules: L, scales: R, excludeZero: z, description: B, pointLabels: V, standards: H, spellCheckEnabled: U, maxPointsEnabled: W, addScaleEnabled: G } = e || {}, { showExcludeZeroDialog: K, showInfoDialog: q, infoDialogText: J, adjustedWidth: Y } = this.state || {}, X = R?.some((e) => e.maxPoints === 1), Z = {
+			standards: S.settings && _(S.label),
+			"showLevelTagInput.enabled": x.settings && _(x.label, !0),
+			visibleToStudent: E.settings && _(E.label),
+			excludeZero: v.settings && _(v.label, !1, X),
+			halfScoring: C.settings && _(C.label),
+			"dragAndDrop.enabled": f.settings && _(f.label, !0)
 		}, Q = {
-			description: m.settings && v(m.label),
-			pointLabels: T.settings && v(T.label),
-			spellCheckEnabled: D.settings && v(D.label),
-			maxPointsEnabled: w.settings && v(w.label),
-			addScaleEnabled: c.settings && v(c.label)
-		}, $ = (e) => Object.assign({ ...l }, e || {});
-		return /* @__PURE__ */ d(h.ConfigLayout, {
+			description: h.settings && _(h.label),
+			pointLabels: T.settings && _(T.label),
+			spellCheckEnabled: D.settings && _(D.label),
+			maxPointsEnabled: w.settings && _(w.label),
+			addScaleEnabled: c.settings && _(c.label)
+		}, $ = (e) => Object.assign({ ...d }, e || {});
+		return /* @__PURE__ */ u(m.ConfigLayout, {
 			extraCSSRules: L,
 			dimensions: p,
 			hideSettings: O,
-			settings: /* @__PURE__ */ u(_, {
+			settings: /* @__PURE__ */ l(g, {
 				model: e,
 				onChangeModel: this.onModelChanged,
 				configuration: t,
@@ -180,7 +173,7 @@ var S = class extends s.Component {
 					Settings: Z,
 					Properties: Q
 				},
-				modal: /* @__PURE__ */ u(x, {
+				modal: /* @__PURE__ */ l(b, {
 					showExcludeZeroDialog: K,
 					excludeZero: z,
 					changeExcludeZero: this.changeExcludeZero,
@@ -188,13 +181,13 @@ var S = class extends s.Component {
 				})
 			}),
 			children: [
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ l("div", {
 					style: { width: "100%" },
 					ref: this.divRef
 				}),
-				/* @__PURE__ */ d(b, {
+				/* @__PURE__ */ u(y, {
 					style: { width: j || Y },
-					children: [(R || []).map((e, t) => /* @__PURE__ */ u(o, {
+					children: [(R || []).map((e, t) => /* @__PURE__ */ l(o, {
 						scale: e,
 						scaleIndex: t,
 						errors: I,
@@ -203,7 +196,7 @@ var S = class extends s.Component {
 						showStandards: H,
 						showScorePointLabels: V,
 						showDescription: B,
-						showLevelTagInput: y.enabled,
+						showLevelTagInput: x.enabled,
 						excludeZero: z,
 						enableDragAndDrop: f.enabled,
 						spellCheck: U,
@@ -218,12 +211,12 @@ var S = class extends s.Component {
 						maxMaxPoints: N,
 						expandedPluginProps: $(P?.inputConfiguration),
 						labelPluginProps: $(F?.inputConfiguration)
-					}, `scale-${t}`)), G && /* @__PURE__ */ u(a, {
+					}, `scale-${t}`)), G && /* @__PURE__ */ l(a, {
 						onClick: this.onScaleAdded,
 						children: "Add Scale"
 					})]
 				}),
-				/* @__PURE__ */ u(n, {
+				/* @__PURE__ */ l(n, {
 					open: q,
 					text: J,
 					onClose: () => this.set({ showInfoDialog: !1 })
@@ -232,16 +225,5 @@ var S = class extends s.Component {
 		});
 	}
 };
-S.propTypes = {
-	model: c.object,
-	uploadSoundSupport: c.object,
-	configuration: c.object,
-	onModelChanged: c.func,
-	onConfigurationChanged: c.func,
-	imageSupport: c.shape({
-		add: c.func.isRequired,
-		delete: c.func.isRequired
-	})
-};
 //#endregion
-export { S as Main, S as default };
+export { x as Main, x as default };

package/dist/author/scale.d.ts

@@ -1,5 +1,33 @@
 import React from 'react';
-export declare class Scale extends React.Component {
+import type { ConfigureMathMLProp, EditableHtmlConfigureProp } from '@pie-element/shared-types';
+import type { MultiTraitRubricValidationErrors } from '../controller/index.js';
+import type { Scale as ScaleModel } from '../types.js';
+import type { MainProps } from './main.js';
+export type ScaleProps = {
+    errors?: MultiTraitRubricValidationErrors;
+    scale: ScaleModel;
+    scaleIndex: number;
+    onScaleChanged: (scaleIndex: number, params: Partial<ScaleModel>) => void;
+    onScaleRemoved: (scaleIndex: number) => void;
+    showStandards?: boolean;
+    showScorePointLabels?: boolean;
+    showDescription?: boolean;
+    showLevelTagInput?: boolean;
+    excludeZero?: boolean;
+    enableDragAndDrop?: boolean;
+    spellCheck?: boolean;
+    width?: string | number;
+    uploadSoundSupport?: MainProps['uploadSoundSupport'];
+    imageSupport?: MainProps['imageSupport'];
+    maxPointsEnabled?: boolean;
+    maxNoOfTraits?: number;
+    minNoOfTraits?: number;
+    mathMlOptions?: ConfigureMathMLProp;
+    maxMaxPoints?: number;
+    expandedPluginProps?: EditableHtmlConfigureProp;
+    labelPluginProps?: EditableHtmlConfigureProp;
+};
+export declare class Scale extends React.Component<ScaleProps> {
     state: {
         showDecreaseMaxPointsDialog: boolean;
         showDeleteScaleDialog: boolean;

package/dist/browser/author/index.js

@@ -36672,15 +36672,12 @@ var Bq = class extends N.Component {
 }), Wq = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, Gq = function() {
-	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
-	return {
-		type: "radio",
-		label: e,
-		choices: t && t.map((e) => Wq(e)),
-		isConfigProperty: n
-	};
-}, Kq = (e, t, n = !1) => ({
+} : e, Gq = (e, t, n = !1) => ({
+	type: "radio",
+	label: e,
+	choices: t && t.map((e) => Wq(e)),
+	isConfigProperty: n
+}), Kq = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
@@ -37953,14 +37950,8 @@ var { Panel: xY, toggle: SY } = Vq, CY = "650px", wY = A("div")(({ theme: e }) =
 	open: e && t,
 	changeExcludeZero: n,
 	cancel: r
-}) : null;
-TY.propTypes = {
-	showExcludeZeroDialog: L.default.bool,
-	excludeZero: L.default.bool,
-	changeExcludeZero: L.default.func,
-	cancel: L.default.func
-};
-var EY = class extends N.Component {
+}) : null, EY = class extends N.Component {
+	divRef;
 	constructor(e) {
 		super(e), this.divRef = N.createRef(), this.updateDivWidth = this.updateDivWidth.bind(this);
 	}
@@ -38163,27 +38154,16 @@ var EY = class extends N.Component {
 			]
 		});
 	}
-};
-EY.propTypes = {
-	model: L.default.object,
-	uploadSoundSupport: L.default.object,
-	configuration: L.default.object,
-	onModelChanged: L.default.func,
-	onConfigurationChanged: L.default.func,
-	imageSupport: L.default.shape({
-		add: L.default.func.isRequired,
-		delete: L.default.func.isRequired
-	})
-};
-//#endregion
-//#region src/author/index.ts
-var DY = (e) => ({
+}, DY = (e) => ({
 	...Qq.model,
 	...e
 }), OY = (e) => ({
 	...Qq.configuration,
 	...e
 }), kY = class extends HTMLElement {
+	_root;
+	_model;
+	_configuration;
 	constructor() {
 		super(), this._root = null, this._model = DY(), this._configuration = OY();
 	}