@pie-element/complex-rubric 7.4.0-beta.7 → 8.0.0-next.20261002094057

package/author.js

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

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,231 @@
+/**
+ * @synced-from pie-elements/packages/complex-rubric/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.
+ */
+import { RUBRIC_TYPES } from '@pie-lib/rubric';
+declare const _default: {
+    model: {
+        rubricType: string;
+        rubrics: {
+            [RUBRIC_TYPES.SIMPLE_RUBRIC]: {
+                points: string[];
+                sampleAnswers: null[];
+                maxPoints: number;
+                excludeZero: boolean;
+            };
+            [RUBRIC_TYPES.MULTI_TRAIT_RUBRIC]: {
+                description: boolean;
+                excludeZero: boolean;
+                halfScoring: boolean;
+                pointLabels: boolean;
+                scales: never[];
+                standards: boolean;
+                visibleToStudent: boolean;
+            };
+            [RUBRIC_TYPES.RUBRICLESS]: {
+                maxPoints: number;
+                excludeZero: boolean;
+                rubriclessInstructionEnabled: boolean;
+            };
+        };
+    };
+    configuration: {
+        [RUBRIC_TYPES.MULTI_TRAIT_RUBRIC]: {
+            baseInputConfiguration: {
+                h3: {
+                    disabled: boolean;
+                };
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+                textAlign: {
+                    disabled: boolean;
+                };
+                showParagraphs: {
+                    disabled: boolean;
+                };
+            };
+            expandedInput: {
+                inputConfiguration: {
+                    math: {
+                        disabled: boolean;
+                    };
+                    audio: {
+                        disabled: boolean;
+                    };
+                    video: {
+                        disabled: boolean;
+                    };
+                    image: {
+                        disabled: boolean;
+                    };
+                };
+            };
+            labelInput: {
+                inputConfiguration: {
+                    math: {
+                        disabled: boolean;
+                    };
+                    audio: {
+                        disabled: boolean;
+                    };
+                    video: {
+                        disabled: boolean;
+                    };
+                    image: {
+                        disabled: boolean;
+                    };
+                };
+            };
+            settingsPanelDisabled: boolean;
+            excludeZeroDialogBoxContent: {
+                title: string;
+                text: string;
+            };
+            includeZeroDialogBoxContent: {
+                title: string;
+                text: string;
+            };
+            deleteScaleDialogBoxContent: {
+                title: string;
+                text: string;
+            };
+            maxPointsDialogBoxContent: {
+                title: string;
+                text: string;
+            };
+            spellCheck: {
+                label: string;
+                settings: boolean;
+                enabled: boolean;
+            };
+            showExcludeZero: {
+                settings: boolean;
+                label: string;
+            };
+            showScorePointLabels: {
+                settings: boolean;
+                label: string;
+            };
+            showDescription: {
+                settings: boolean;
+                label: string;
+            };
+            showVisibleToStudent: {
+                settings: boolean;
+                label: string;
+            };
+            showHalfScoring: {
+                settings: boolean;
+                label: string;
+            };
+            showStandards: {
+                settings: boolean;
+                label: string;
+            };
+            showLevelTagInput: {
+                settings: boolean;
+                label: string;
+                enabled: boolean;
+            };
+            dragAndDrop: {
+                settings: boolean;
+                label: string;
+                enabled: boolean;
+            };
+            maxMaxPoints: number;
+        };
+        [RUBRIC_TYPES.SIMPLE_RUBRIC]: {
+            baseInputConfiguration: {
+                h3: {
+                    disabled: boolean;
+                };
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+                textAlign: {
+                    disabled: boolean;
+                };
+                showParagraphs: {
+                    disabled: boolean;
+                };
+            };
+            showExcludeZero: {
+                settings: boolean;
+                label: string;
+            };
+            showMaxPoint: {
+                settings: boolean;
+                label: string;
+            };
+            settingsPanelDisabled: boolean;
+            maxMaxPoints: number;
+        };
+        [RUBRIC_TYPES.RUBRICLESS]: {
+            baseInputConfiguration: {
+                h3: {
+                    disabled: boolean;
+                };
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+                textAlign: {
+                    disabled: boolean;
+                };
+                showParagraphs: {
+                    disabled: boolean;
+                };
+            };
+            showExcludeZero: {
+                settings: boolean;
+                label: string;
+            };
+            showMaxPoint: {
+                settings: boolean;
+                label: string;
+            };
+            settingsPanelDisabled: boolean;
+            rubricless: boolean;
+            rubriclessInstruction: {
+                settings: boolean;
+                label: string;
+                inputConfiguration: {
+                    audio: {
+                        disabled: boolean;
+                    };
+                    video: {
+                        disabled: boolean;
+                    };
+                    image: {
+                        disabled: boolean;
+                    };
+                };
+            };
+            maxMaxPoints: number;
+        };
+        rubricOptions: string[];
+    };
+};
+export default _default;

package/dist/author/defaults.js

@@ -0,0 +1,177 @@
+import { RUBRIC_TYPES as e } from "@pie-lib/rubric";
+//#region src/author/defaults.tsx
+var t = {
+	description: !1,
+	excludeZero: !1,
+	halfScoring: !1,
+	pointLabels: !0,
+	scales: [],
+	standards: !1,
+	visibleToStudent: !0
+}, n = {
+	points: [
+		"",
+		"",
+		"",
+		""
+	],
+	sampleAnswers: [
+		null,
+		null,
+		null,
+		null
+	],
+	maxPoints: 3,
+	excludeZero: !1
+}, r = {
+	maxPoints: 100,
+	excludeZero: !1,
+	rubriclessInstructionEnabled: !0
+}, i = {
+	baseInputConfiguration: {
+		h3: { disabled: !0 },
+		audio: { disabled: !1 },
+		video: { disabled: !1 },
+		image: { disabled: !1 },
+		textAlign: { disabled: !0 },
+		showParagraphs: { disabled: !1 }
+	},
+	expandedInput: { inputConfiguration: {
+		math: { disabled: !0 },
+		audio: { disabled: !1 },
+		video: { disabled: !1 },
+		image: { disabled: !1 }
+	} },
+	labelInput: { inputConfiguration: {
+		math: { disabled: !0 },
+		audio: { disabled: !0 },
+		video: { disabled: !0 },
+		image: { disabled: !0 }
+	} },
+	settingsPanelDisabled: !1,
+	excludeZeroDialogBoxContent: {
+		title: "Exclude 0 (Zero) from Score Point Values.",
+		text: "<div>\n        You are about to exclude 0 from score point values.\n        <br/>\n        Some of the existing data has to be changed.\n        <br/>\n        Please choose if you want to:\n        <ul>\n          <li>\n            shift Labels and Descriptions to the left\n          </li>\n          <li>\n            remove 0 column with its Label and Description\n          </li>\n        </ul>\n      </div>"
+	},
+	includeZeroDialogBoxContent: {
+		title: "Include 0 (Zero) in Score Point Values.",
+		text: "<div>\n        You are about to include 0 in score point values.\n        <br/>\n        Some of the existing data has to be changed.\n        <br/>\n        Please choose if you want to:\n        <ul>\n          <li>\n            shift Labels and Descriptions to the right\n          </li>\n          <li>\n            add 0 column with empty Label and Descriptions\n          </li>\n        </ul>\n      </div>"
+	},
+	deleteScaleDialogBoxContent: {
+		title: "Delete Scale",
+		text: "Are you sure you want to delete this scale?"
+	},
+	maxPointsDialogBoxContent: {
+		title: "Decreasing Max Points.",
+		text: " You are about to decrease max score point value.\n        <br/>\n        All the Labels and Descriptions for scores above Max Point will be deleted."
+	},
+	spellCheck: {
+		label: "Spellcheck",
+		settings: !1,
+		enabled: !0
+	},
+	showExcludeZero: {
+		settings: !0,
+		label: "Exclude Zero"
+	},
+	showScorePointLabels: {
+		settings: !0,
+		label: "Show Score Point Labels"
+	},
+	showDescription: {
+		settings: !0,
+		label: "Show Description"
+	},
+	showVisibleToStudent: {
+		settings: !0,
+		label: "Visible to Student"
+	},
+	showHalfScoring: {
+		settings: !0,
+		label: "Half Scoring"
+	},
+	showStandards: {
+		settings: !1,
+		label: "Show Standards"
+	},
+	showLevelTagInput: {
+		settings: !1,
+		label: "Show Level Tag Input",
+		enabled: !1
+	},
+	dragAndDrop: {
+		settings: !0,
+		label: "Enable Drag and Drop",
+		enabled: !1
+	},
+	maxMaxPoints: 9
+}, a = {
+	baseInputConfiguration: {
+		h3: { disabled: !0 },
+		audio: { disabled: !1 },
+		video: { disabled: !1 },
+		image: { disabled: !1 },
+		textAlign: { disabled: !0 },
+		showParagraphs: { disabled: !1 }
+	},
+	showExcludeZero: {
+		settings: !0,
+		label: "Ability to exclude zero"
+	},
+	showMaxPoint: {
+		settings: !0,
+		label: "Show max points dropdown"
+	},
+	settingsPanelDisabled: !1,
+	maxMaxPoints: 9
+}, o = {
+	baseInputConfiguration: {
+		h3: { disabled: !0 },
+		audio: { disabled: !1 },
+		video: { disabled: !1 },
+		image: { disabled: !1 },
+		textAlign: { disabled: !0 },
+		showParagraphs: { disabled: !1 }
+	},
+	showExcludeZero: {
+		settings: !0,
+		label: "Ability to exclude zero"
+	},
+	showMaxPoint: {
+		settings: !0,
+		label: "Show max points dropdown"
+	},
+	settingsPanelDisabled: !1,
+	rubricless: !0,
+	rubriclessInstruction: {
+		settings: !0,
+		label: "Instruction",
+		inputConfiguration: {
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 }
+		}
+	},
+	maxMaxPoints: 100
+}, s = {
+	model: {
+		rubricType: "simpleRubric",
+		rubrics: {
+			[e.SIMPLE_RUBRIC]: n,
+			[e.MULTI_TRAIT_RUBRIC]: t,
+			[e.RUBRICLESS]: r
+		}
+	},
+	configuration: {
+		rubricOptions: [
+			"simpleRubric",
+			"multiTraitRubric",
+			"rubricless"
+		],
+		[e.MULTI_TRAIT_RUBRIC]: i,
+		[e.SIMPLE_RUBRIC]: a,
+		[e.RUBRICLESS]: o
+	}
+};
+//#endregion
+export { s as default };

package/dist/author/index.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @synced-from pie-elements/packages/complex-rubric/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 ComplexRubricConfigureElement extends HTMLElement {
+    static createDefaultModel: ({ rubrics: { simpleRubric, rubricless, multiTraitRubric }, ...model }?: {
+        rubrics?: {
+            simpleRubric?: {};
+            rubricless?: {};
+            multiTraitRubric?: {};
+        } | undefined;
+    }, currentModel?: {}) => {
+        rubrics: {
+            simpleRubric: any;
+            multiTraitRubric: any;
+            rubricless: any;
+        };
+        rubricType: string;
+    };
+    constructor();
+    set model(m: any);
+    dispatchModelUpdated(reset: any): void;
+    onModelChanged: any;
+    set configuration(c: any);
+    onConfigurationChanged(c: any): void;
+    onModelUpdated: any;
+    connectedCallback(): void;
+    _render(): void;
+    disconnectedCallback(): void;
+}

package/dist/author/index.js

@@ -0,0 +1,90 @@
+import { COMPLEX_RUBRIC_MULTI_TRAIT_CONFIGURE_TAG as e, COMPLEX_RUBRIC_SIMPLE_CONFIGURE_TAG as t } from "../private-tags.js";
+import { Main as n } from "./main.js";
+import r from "./defaults.js";
+import { ModelUpdatedEvent as i } from "@pie-element/shared-configure-events";
+import a from "react";
+import { createRoot as o } from "react-dom/client";
+import s from "@pie-element/rubric/author";
+import c from "@pie-element/multi-trait-rubric/author";
+import l from "debug";
+import { defaults as u } from "@pie-element/shared-lodash";
+//#region src/author/index.ts
+var d = i.TYPE, f = t, p = e, m = class extends s {}, h = class extends c {};
+customElements.get(f) || customElements.define(f, m), customElements.get(p) || customElements.define(p, h);
+var g = (e, t) => ({
+	configuration: u(e, r.configuration),
+	model: t
+}), _ = class e extends HTMLElement {
+	static createDefaultModel = ({ rubrics: { simpleRubric: e = {}, rubricless: t = {}, multiTraitRubric: n = {} } = {
+		simpleRubric: {},
+		rubricless: {},
+		multiTraitRubric: {}
+	}, ...i } = {}, a = {}) => ({
+		...r?.model || {},
+		...a,
+		...i,
+		rubrics: {
+			simpleRubric: {
+				...(r?.model?.rubrics || {}).simpleRubric,
+				...(a.rubrics || {}).simpleRubric,
+				...e
+			},
+			multiTraitRubric: {
+				...(r?.model?.rubrics || {}).multiTraitRubric,
+				...(a.rubrics || {}).multiTraitRubric,
+				...n
+			},
+			rubricless: {
+				...(r?.model?.rubrics || {}).rubricless,
+				...(a.rubrics || {}).rubricless,
+				...t
+			}
+		}
+	});
+	constructor() {
+		super(), this._root = null, this.canUpdateModel = !1, l.log("constructor called"), this._model = e.createDefaultModel(), this._configuration = r.configuration, this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+	}
+	set model(t) {
+		this._model = e.createDefaultModel(t, this._model), this.canUpdateModel = !0, this._render();
+	}
+	dispatchModelUpdated(e) {
+		let t = !!e;
+		this.dispatchEvent(new i(this._model, t));
+	}
+	onModelChanged = (t, n) => {
+		this._model = e.createDefaultModel(t, this._model), this.dispatchModelUpdated(n), this._render();
+	};
+	set configuration(e) {
+		let t = g(e, this._model);
+		this._configuration = t.configuration, this._render();
+	}
+	onConfigurationChanged(e) {
+		this._configuration = g(e, this._model).configuration, this._model && this.onModelChanged(this._model), this._render();
+	}
+	onModelUpdated = (e) => {
+		if (e.target === this) return;
+		e.preventDefault(), e.stopImmediatePropagation();
+		let t = e.target && e.target.getAttribute("id");
+		t && (e.update && (this._model.rubrics[t] = e.update), this.dispatchEvent(new i(this._model)));
+	};
+	connectedCallback() {
+		this.addEventListener(d, this.onModelUpdated), this._render();
+	}
+	_render() {
+		let e = a.createElement(n, {
+			model: this._model,
+			configuration: this._configuration,
+			multiTraitRubricTagName: p,
+			onModelChanged: this.onModelChanged,
+			onConfigurationChanged: this.onConfigurationChanged,
+			simpleRubricTagName: f,
+			canUpdateModel: this.canUpdateModel
+		});
+		this._root ||= o(this), this._root.render(e);
+	}
+	disconnectedCallback() {
+		this.removeEventListener(d, this.onModelUpdated), this._root &&= (this._root.unmount(), null);
+	}
+};
+//#endregion
+export { _ as default };

package/dist/author/main.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @synced-from pie-elements/packages/complex-rubric/configure/src/main.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';
+export declare class Main extends React.Component {
+    static propTypes: {
+        canUpdateModel: PropTypes.Requireable<boolean>;
+        configuration: PropTypes.Requireable<object>;
+        multiTraitRubricTagName: PropTypes.Requireable<string>;
+        model: PropTypes.Requireable<object>;
+        onModelChanged: PropTypes.Requireable<(...args: any[]) => any>;
+        onConfigurationChanged: PropTypes.Requireable<(...args: any[]) => any>;
+        simpleRubricTagName: PropTypes.Requireable<string>;
+    };
+    onModelChanged: any;
+    onChangeRubricType: any;
+    render(): React.JSX.Element;
+}
+export default Main;

package/dist/author/main.js

@@ -0,0 +1,109 @@
+import { COMPLEX_RUBRIC_MULTI_TRAIT_CONFIGURE_TAG as e, COMPLEX_RUBRIC_SIMPLE_CONFIGURE_TAG as t } from "../private-tags.js";
+import { RUBRIC_TYPES as n } from "@pie-lib/rubric";
+import r from "react";
+import i from "prop-types";
+import { layout as a } from "@pie-lib/config-ui";
+import o from "@mui/material/Radio";
+import s from "@mui/material/RadioGroup";
+import c from "@mui/material/FormControlLabel";
+import { styled as l } from "@mui/material/styles";
+import { color as u } from "@pie-lib/render-ui";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/author/main.tsx
+var p = l(c)({ "&.MuiFormControlLabel-root": {
+	width: "fit-content",
+	paddingRight: "24px",
+	boxSizing: "border-box",
+	"&:hover": { background: "var(--pie-secondary-background, rgba(241,241,241,1))" }
+} }), m = l(o)({ "&.MuiRadio-root": { color: `${u.tertiary()} !important` } }), h = {
+	[n.MULTI_TRAIT_RUBRIC]: "Multi Trait Rubric",
+	[n.SIMPLE_RUBRIC]: "Simple Rubric",
+	[n.RUBRICLESS]: "Rubricless"
+}, g = class extends r.Component {
+	static propTypes = {
+		canUpdateModel: i.bool,
+		configuration: i.object,
+		multiTraitRubricTagName: i.string,
+		model: i.object,
+		onModelChanged: i.func,
+		onConfigurationChanged: i.func,
+		simpleRubricTagName: i.string
+	};
+	onModelChanged = (e) => {
+		let { onModelChanged: t } = this.props;
+		return t(e);
+	};
+	onChangeRubricType = (e) => {
+		let { model: t } = this.props, n = e.target.value;
+		this.onModelChanged({
+			...t,
+			rubricType: n
+		});
+	};
+	render() {
+		let { model: r, configuration: i, canUpdateModel: o, multiTraitRubricTagName: c = e, simpleRubricTagName: l = t } = this.props, u = c, g = l, { extraCSSRules: _, rubrics: v = {} } = r || {}, { rubricType: y } = r, { contentDimensions: b = {}, rubricOptions: x = [], multiTraitRubric: S, simpleRubric: C, rubricless: w, width: T } = i, E = "";
+		y ||= n.SIMPLE_RUBRIC;
+		let D = x.indexOf(y) > -1;
+		if (o) switch (y) {
+			case n.SIMPLE_RUBRIC:
+			default:
+				E = /* @__PURE__ */ d(g, {
+					id: "simpleRubric",
+					ref: (e) => {
+						e && (this.simpleRubric = e, this.simpleRubric.model = {
+							...v.simpleRubric,
+							errors: r.errors || {}
+						}, this.simpleRubric.configuration = {
+							...C,
+							width: T
+						});
+					}
+				}, "simple-rubric");
+				break;
+			case n.MULTI_TRAIT_RUBRIC:
+				E = /* @__PURE__ */ d(u, {
+					id: "multiTraitRubric",
+					ref: (e) => {
+						e && (this.multiTraitRubric = e, this.multiTraitRubric.model = {
+							...v.multiTraitRubric,
+							errors: r.errors || {}
+						}, this.multiTraitRubric.configuration = {
+							...S,
+							width: T || S.width
+						});
+					}
+				}, "multi-trait-rubric");
+				break;
+			case n.RUBRICLESS:
+				E = /* @__PURE__ */ d(g, {
+					id: "rubricless",
+					ref: (e) => {
+						e && (this.rubricless = e, this.rubricless.model = v.rubricless, this.rubricless.configuration = {
+							...w,
+							width: T
+						});
+					}
+				}, "rubricless");
+				break;
+		}
+		return /* @__PURE__ */ f(a.ConfigLayout, {
+			extraCSSRules: _,
+			dimensions: b,
+			hideSettings: !0,
+			settings: null,
+			children: [/* @__PURE__ */ d(s, {
+				"aria-label": "rubric-type",
+				name: "rubricType",
+				value: r.rubricType,
+				onChange: this.onChangeRubricType,
+				children: x.length > 1 && x.map((e, t) => /* @__PURE__ */ d(p, {
+					value: e,
+					control: /* @__PURE__ */ d(m, { checked: y === e }),
+					label: h[e]
+				}, t))
+			}), D && E]
+		});
+	}
+};
+//#endregion
+export { g as Main, g as default };