@pie-element/rubric 8.1.0-next.19 → 8.1.1-next.0

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 };

package/dist/controller/defaults.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @synced-from pie-elements/packages/rubric/controller/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: {
+    points: string[];
+    sampleAnswers: null[];
+    maxPoints: number;
+    maxPointsEnabled: boolean;
+    excludeZero: boolean;
+    excludeZeroEnabled: boolean;
+};
+export default _default;

package/dist/controller/defaults.js

@@ -0,0 +1,21 @@
+//#region src/controller/defaults.ts
+var e = {
+	points: [
+		"",
+		"",
+		"",
+		""
+	],
+	sampleAnswers: [
+		null,
+		null,
+		null,
+		null
+	],
+	maxPoints: 3,
+	maxPointsEnabled: !0,
+	excludeZero: !1,
+	excludeZeroEnabled: !0
+};
+//#endregion
+export { e as default };

package/dist/controller/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @synced-from pie-elements/packages/rubric/controller/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 declare function model(model: any, session: any, env: any): Promise<unknown>;
+export declare function validate(model: any): {};

package/dist/controller/index.js

@@ -0,0 +1,23 @@
+import e from "./defaults.js";
+//#region src/controller/index.ts
+var t = (t) => ({
+	...e,
+	...t
+});
+function n(e, n, r) {
+	return new Promise((n) => {
+		let i = t(e || {});
+		n(r && r.role && r.role === "instructor" ? i : {});
+	});
+}
+function r(e) {
+	return (e || "").replace(/(<([^>]+)>)/gi, "");
+}
+function i(e) {
+	let { points: t } = e, n = {}, i = {};
+	return (t || []).forEach((e, n) => {
+		!e || e === "<div></div>" ? i[n] = "Points descriptors cannot be empty." : t.slice(n + 1).some((t) => r(t) === r(e)) && (i[n] = "Points descriptors should be unique.");
+	}), Object.keys(i).length > 0 && (n.pointsDescriptorsErrors = i), n;
+}
+//#endregion
+export { n as model, i as validate };

package/dist/delivery/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @synced-from pie-elements/packages/rubric/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 RubricRender extends HTMLElement {
+    constructor();
+    set model(s: any);
+    onModelChanged(m: any): void;
+    connectedCallback(): void;
+    _render(): void;
+    disconnectedCallback(): void;
+}

package/dist/delivery/index.js

@@ -0,0 +1,33 @@
+import e from "./main.js";
+import t from "react";
+import { createRoot as n } from "react-dom/client";
+import r from "debug";
+import { renderMath as i } from "@pie-element/shared-math-rendering-mathjax";
+//#region src/delivery/index.ts
+var a = class extends HTMLElement {
+	constructor() {
+		super(), r.log("constructor called"), this.onModelChanged = this.onModelChanged.bind(this), this._root = null;
+	}
+	set model(e) {
+		this._model = e, this._render();
+	}
+	onModelChanged(e) {
+		this._model = e, this._render();
+	}
+	connectedCallback() {
+		this._render();
+	}
+	_render() {
+		if (this._model) {
+			let r = t.createElement(e, { value: this._model });
+			this._root ||= n(this), this._root.render(r), queueMicrotask(() => {
+				i(this);
+			});
+		}
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { a as default };

package/dist/delivery/main.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @synced-from pie-elements/packages/rubric/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 const RubricType: PropTypes.Requireable<PropTypes.InferProps<{
+    excludeZero: PropTypes.Requireable<boolean>;
+    points: PropTypes.Requireable<(string | null | undefined)[]>;
+    sampleAnswers: PropTypes.Requireable<(string | null | undefined)[]>;
+    animationsDisabled: PropTypes.Requireable<boolean>;
+}>>;
+declare class Rubric extends React.Component {
+    dudUrl: string;
+    constructor(props: any);
+    static propTypes: {
+        model: PropTypes.Validator<object>;
+        animationsDisabled: PropTypes.Requireable<boolean>;
+        value: PropTypes.Requireable<PropTypes.InferProps<{
+            excludeZero: PropTypes.Requireable<boolean>;
+            points: PropTypes.Requireable<(string | null | undefined)[]>;
+            sampleAnswers: PropTypes.Requireable<(string | null | undefined)[]>;
+            animationsDisabled: PropTypes.Requireable<boolean>;
+        }>>;
+    };
+    toggleRubric(): void;
+    shouldRenderPoint: any;
+    render(): React.JSX.Element | null;
+}
+export default Rubric;

package/dist/delivery/main.js

@@ -0,0 +1,156 @@
+import e from "react";
+import { styled as t } from "@mui/material/styles";
+import n from "@mui/material/ListItem";
+import r from "@mui/material/List";
+import i from "@mui/material/Collapse";
+import * as a from "@pie-lib/render-ui";
+import { UiLayout as o, color as s } from "@pie-lib/render-ui";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import u from "prop-types";
+//#region src/delivery/main.tsx
+function d(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function f(e, t) {
+	return !e || d(e) ? e : d(e.default) ? e.default : t && d(e[t]) ? e[t] : t && d(e[t]?.default) ? e[t].default : e;
+}
+var p = f(o, "UiLayout") || f(g.UiLayout, "UiLayout"), m = a, h = m.default, g = h && typeof h == "object" ? h : m, _ = t(p)({
+	color: s.text(),
+	backgroundColor: s.background(),
+	"&:not(.MathJax) table": { borderCollapse: "collapse" },
+	"&:not(.MathJax) table td, &:not(.MathJax) table th": {
+		padding: "8px 12px",
+		textAlign: "left"
+	},
+	"& ul p, & ol p": {
+		marginBottom: 0,
+		marginTop: 0,
+		lineHeight: "normal"
+	}
+}), v = t(n)({
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "flex-start",
+	padding: "12px 0px"
+}), y = t("div")({ color: s.text() }), b = t("h3")({
+	color: s.text(),
+	fontSize: "16px",
+	fontWeight: "700",
+	margin: 0,
+	paddingBottom: "6px"
+}), x = t("h4")({
+	color: s.text(),
+	fontSize: "16px",
+	fontWeight: "normal",
+	margin: 0,
+	paddingBottom: "6px"
+}), S = t("h2")(({ theme: e }) => ({
+	display: "flex",
+	alignItems: "center",
+	cursor: "pointer",
+	userSelect: "none",
+	fontSize: e.typography.fontSize,
+	fontWeight: "500",
+	color: s.tertiary(),
+	margin: 0
+})), C = t("span")({
+	display: "inline-flex",
+	transition: "transform 0.2s",
+	marginLeft: 2,
+	alignSelf: "center"
+}), w = t("h2")({
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	padding: 0,
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0,0,0,0)",
+	border: 0,
+	whiteSpace: "nowrap"
+}), T = u.shape({
+	excludeZero: u.bool,
+	points: u.arrayOf(u.string),
+	sampleAnswers: u.arrayOf(u.string),
+	animationsDisabled: u.bool
+}), E = class extends e.Component {
+	dudUrl = "javascript:;";
+	constructor(e) {
+		super(e), this.state = {
+			rubricOpen: !1,
+			linkPrefix: "Show"
+		}, this.toggleRubric = this.toggleRubric.bind(this);
+	}
+	static propTypes = {
+		model: u.object.isRequired,
+		animationsDisabled: u.bool,
+		value: T
+	};
+	toggleRubric() {
+		this.setState({ rubricOpen: !this.state.rubricOpen }), this.setState({ linkPrefix: this.state.rubricOpen ? "Show" : "Hide" });
+	}
+	shouldRenderPoint = (e, t) => t.excludeZero ? e !== 0 : !0;
+	render() {
+		let { model: t, value: n } = this.props, { animationsDisabled: a } = this.props;
+		if (a ||= n.animationsDisabled, n && n.points) {
+			let { extraCSSRules: o } = t || {}, { points: s, sampleAnswers: u } = n, d = /* @__PURE__ */ c(r, {
+				component: "nav",
+				children: s.slice(0).reverse().map((t, r) => {
+					r = s.length - r - 1;
+					let i = n.excludeZero ? r + 1 : r;
+					return /* @__PURE__ */ l(e.Fragment, { children: [/* @__PURE__ */ l(v, { children: [/* @__PURE__ */ c(b, { children: i === 1 ? `${i} PT` : `${i} PTS` }), /* @__PURE__ */ c(y, { dangerouslySetInnerHTML: { __html: t } })] }, `P${r}`), u && u[r] && /* @__PURE__ */ l(v, { children: [/* @__PURE__ */ c(x, { children: "Sample Answer" }), /* @__PURE__ */ c(y, { dangerouslySetInnerHTML: { __html: u[r] } })] }, `S${r}`)] }, r);
+				})
+			});
+			return /* @__PURE__ */ l(_, {
+				extraCSSRules: o,
+				children: [/* @__PURE__ */ c(w, { children: "Rubric" }), a ? d : /* @__PURE__ */ l(e.Fragment, { children: [/* @__PURE__ */ l(S, {
+					id: "rubric-toggle",
+					tabIndex: 0,
+					role: "button",
+					"aria-expanded": this.state.rubricOpen,
+					onClick: this.toggleRubric,
+					onKeyPress: (e) => {
+						(e.key === "Enter" || e.key === " ") && this.toggleRubric();
+					},
+					children: [
+						this.state.linkPrefix,
+						" Rubric",
+						/* @__PURE__ */ c(C, {
+							"aria-hidden": "true",
+							children: this.state.rubricOpen ? /* @__PURE__ */ c("svg", {
+								width: "20",
+								height: "20",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ c("polyline", { points: "18 15 12 9 6 15" })
+							}) : /* @__PURE__ */ c("svg", {
+								width: "20",
+								height: "20",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ c("polyline", { points: "6 9 12 15 18 9" })
+							})
+						})
+					]
+				}), /* @__PURE__ */ c(i, {
+					in: this.state.rubricOpen,
+					timeout: {
+						enter: 225,
+						exit: 195
+					},
+					children: d
+				})] })]
+			});
+		} else return null;
+	}
+};
+//#endregion
+export { E as default };

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default } from './delivery/index.js';

package/dist/index.iife.d.ts

@@ -0,0 +1,8 @@
+/**
+ * IIFE entry point for rubric element
+ * This file is only used for IIFE builds and includes auto-registration
+ *
+ * @sync-generated - Auto-generated during sync from pie-elements
+ */
+import Element from './index.js';
+export default Element;