@pie-element/complex-rubric 7.1.1 → 7.1.2-next.1

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

package/dist/author/main.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @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>;
+        model: PropTypes.Requireable<object>;
+        onModelChanged: PropTypes.Requireable<(...args: any[]) => any>;
+        onConfigurationChanged: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    onModelChanged: any;
+    onChangeRubricType: any;
+    render(): React.JSX.Element;
+}
+export default Main;

package/dist/author/main.js

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