@pie-element/rubric 8.1.1-next.11 → 8.1.2-next.0

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,71 @@
+/**
+ * @synced-from pie-elements/packages/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.
+ */
+declare const _default: {
+    model: {
+        points: string[];
+        sampleAnswers: null[];
+        maxPoints: number;
+        excludeZero: boolean;
+        excludeZeroEnabled: boolean;
+        maxPointsEnabled: boolean;
+    };
+    configuration: {
+        baseInputConfiguration: {
+            h3: {
+                disabled: boolean;
+            };
+            audio: {
+                disabled: boolean;
+            };
+            video: {
+                disabled: boolean;
+            };
+            image: {
+                disabled: boolean;
+            };
+            textAlign: {
+                disabled: boolean;
+            };
+            showParagraphs: {
+                disabled: boolean;
+            };
+            separateParagraphs: {
+                disabled: boolean;
+            };
+        };
+        rubriclessInstruction: {
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+        };
+        showExcludeZero: {
+            settings: boolean;
+            label: string;
+        };
+        showMaxPoint: {
+            settings: boolean;
+            label: string;
+        };
+        settingsPanelDisabled: boolean;
+        mathMlOptions: {
+            mmlOutput: boolean;
+            mmlEditing: boolean;
+        };
+        maxMaxPoints: number;
+    };
+};
+export default _default;

package/dist/author/defaults.js

@@ -0,0 +1,53 @@
+//#region src/author/defaults.ts
+var e = {
+	model: {
+		points: [
+			"",
+			"",
+			"",
+			""
+		],
+		sampleAnswers: [
+			null,
+			null,
+			null,
+			null
+		],
+		maxPoints: 3,
+		excludeZero: !1,
+		excludeZeroEnabled: !0,
+		maxPointsEnabled: !0
+	},
+	configuration: {
+		baseInputConfiguration: {
+			h3: { disabled: !0 },
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 },
+			textAlign: { disabled: !0 },
+			showParagraphs: { disabled: !1 },
+			separateParagraphs: { disabled: !0 }
+		},
+		rubriclessInstruction: { inputConfiguration: {
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 }
+		} },
+		showExcludeZero: {
+			settings: !0,
+			label: "Ability to exclude zero"
+		},
+		showMaxPoint: {
+			settings: !0,
+			label: "Show max points dropdown"
+		},
+		settingsPanelDisabled: !1,
+		mathMlOptions: {
+			mmlOutput: !1,
+			mmlEditing: !1
+		},
+		maxMaxPoints: 9
+	}
+};
+//#endregion
+export { e as default };

package/dist/author/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @synced-from pie-elements/packages/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 RubricElement extends HTMLElement {
+    constructor();
+    updateModelAccordingToReceivedProps: any;
+    set model(m: any);
+    set configuration(c: any);
+    onModelChanged(m: any): void;
+    onConfigurationChanged: any;
+    insertImage(handler: any): void;
+    onDeleteImage(src: any, done: any): void;
+    connectedCallback(): void;
+    _render(): void;
+    disconnectedCallback(): void;
+}

package/dist/author/index.js

@@ -0,0 +1,72 @@
+import e from "./main.js";
+import t from "./defaults.js";
+import n from "react";
+import { createRoot as r } from "react-dom/client";
+import i from "debug";
+import { DeleteImageEvent as a, InsertImageEvent as o, ModelUpdatedEvent as s } from "@pie-element/shared-configure-events";
+//#region src/author/index.ts
+var c = (e) => ({
+	...t.model,
+	...e
+}), l = (e) => ({
+	...t.configuration,
+	...e
+}), u = class extends HTMLElement {
+	constructor() {
+		super(), this._root = null, i.log("constructor called"), this._model = c(), this._configuration = l(), this.onModelChanged = this.onModelChanged.bind(this), this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+	}
+	updateModelAccordingToReceivedProps = (e) => {
+		let t = { ...this._model };
+		if (!e) return t;
+		let n = { ...e };
+		n.maxPoints === 1 && (n.excludeZero = !1);
+		let { maxPoints: r, excludeZero: i } = n || {};
+		n.points = n.points ? [...n.points] : [], n.sampleAnswers = n.sampleAnswers ? [...n.sampleAnswers] : [];
+		let a = i ? r : r + 1, o = n.points.length, s = t?.excludeZero !== e?.excludeZero, c = t?.maxPoints !== e?.maxPoints;
+		if (o < a) {
+			if (s && !i && (n.points = ["", ...n.points], n.sampleAnswers = [null, ...n.sampleAnswers]), c) for (let e = 0; e < a - o; e++) n.points.push(""), n.sampleAnswers.push(null);
+		} else o > a && (s && i && (n.points = n.points.slice(1), n.sampleAnswers = n.sampleAnswers.slice(1)), c && (n.points = n.points.slice(0, a), n.sampleAnswers = n.sampleAnswers.slice(0, a)));
+		return n;
+	};
+	set model(e) {
+		this._model = this.updateModelAccordingToReceivedProps(c(e)), this._render();
+	}
+	set configuration(e) {
+		this._configuration = l(e), this._render();
+	}
+	onModelChanged(e) {
+		this._model = this.updateModelAccordingToReceivedProps(e), this._render(), this.dispatchEvent(new s(this._model, !1));
+	}
+	onConfigurationChanged = (e) => {
+		this._configuration = l(e), this._model && this.onModelChanged(this._model), this._render();
+	};
+	insertImage(e) {
+		this.dispatchEvent(new o(e));
+	}
+	onDeleteImage(e, t) {
+		this.dispatchEvent(new a(e, t));
+	}
+	connectedCallback() {
+		this._render();
+	}
+	_render() {
+		if (this._model) {
+			let t = n.createElement(e, {
+				model: this._model,
+				configuration: this._configuration,
+				onModelChanged: this.onModelChanged,
+				onConfigurationChanged: this.onConfigurationChanged,
+				imageSupport: {
+					add: this.insertImage.bind(this),
+					delete: this.onDeleteImage.bind(this)
+				}
+			});
+			this._root ||= r(this), this._root.render(t);
+		}
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { u as default };

package/dist/author/main.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @synced-from pie-elements/packages/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';
+declare class Main extends React.Component {
+    verifyRubriclessModel: any;
+    render(): React.JSX.Element;
+}
+export default Main;

package/dist/author/main.js

@@ -0,0 +1,51 @@
+import e from "react";
+import { styled as t } from "@mui/material/styles";
+import { jsx as n } from "react/jsx-runtime";
+import { Authoring as r } from "@pie-lib/rubric";
+import { layout as i, settings as a } from "@pie-lib/config-ui";
+//#region src/author/main.tsx
+var { Panel: o, toggle: s } = a, c = t("div")(({ theme: e, width: t }) => ({
+	maxWidth: t,
+	fontFamily: "Cerebri Sans",
+	fontSize: e.typography.fontSize
+})), l = class extends e.Component {
+	verifyRubriclessModel = (e, t) => {
+		let { rubricless: n = !1 } = t || {};
+		return n ? (({ points: e, sampleAnswers: t, ...n }) => n)(e) : e;
+	};
+	render() {
+		let { model: e, configuration: t, onConfigurationChanged: a, onModelChanged: l, imageSupport: u } = this.props || {}, { baseInputConfiguration: d = {}, contentDimensions: f = {}, settingsPanelDisabled: p, showExcludeZero: m = {}, showMaxPoint: h = {}, mathMlOptions: g = {}, rubricless: _ = !1, rubriclessInstruction: v, width: y } = t || {}, b = this.verifyRubriclessModel(e, t), { extraCSSRules: x } = e, S = {
+			excludeZeroEnabled: m.settings && s(m.label),
+			maxPointsEnabled: h.settings && s(h.label),
+			rubriclessInstructionEnabled: _ && v.settings && s(v.label)
+		};
+		return /* @__PURE__ */ n(i.ConfigLayout, {
+			extraCSSRules: x,
+			dimensions: f,
+			hideSettings: p,
+			settings: /* @__PURE__ */ n(o, {
+				model: e,
+				onChangeModel: l,
+				configuration: t,
+				onChangeConfiguration: a,
+				pluginOpts: ((e) => Object.assign({ ...d }, e || {}))(v?.inputConfiguration),
+				groups: { Properties: S },
+				imageSupport: u
+			}),
+			children: /* @__PURE__ */ n(c, {
+				width: y,
+				children: /* @__PURE__ */ n(r, {
+					value: b,
+					config: t,
+					onChange: l,
+					mathMlOptions: g,
+					rubricless: _,
+					pluginOpts: d,
+					imageSupport: u
+				})
+			})
+		});
+	}
+};
+//#endregion
+export { l as default };