@pie-element/multi-trait-rubric 8.1.0-next.28 → 8.1.1-next.0

package/dist/author/traitsHeader.js

@@ -0,0 +1,172 @@
+import { Block as e, HeaderHeight as t, HeaderHeightLarge as n, MaxPointsPicker as r, ScaleSettings as i, ScorePoint as a, SecondaryBlock as o, SimpleInput as s } from "./common.js";
+import c from "react";
+import l from "prop-types";
+import { styled as u } from "@mui/material/styles";
+import * as d from "@pie-lib/render-ui";
+import { InlineMenu as f, color as p } from "@pie-lib/render-ui";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "@mui/material/IconButton";
+import _ from "@mui/material/MenuItem";
+import v from "@mui/icons-material/MoreVert";
+//#region src/author/traitsHeader.tsx
+function y(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function b(e, t) {
+	return !e || y(e) ? e : y(e.default) ? e.default : t && y(e[t]) ? e[t] : t && y(e[t]?.default) ? e[t].default : e;
+}
+var x = b(f, "InlineMenu") || b(w.InlineMenu, "InlineMenu"), S = d, C = S.default, w = C && typeof C == "object" ? C : S, T = u("div")({
+	width: "140px",
+	border: "none",
+	padding: "10px 0",
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-around"
+}), E = u("div")(({ height: e, theme: t }) => ({
+	background: p.secondaryBackground(),
+	borderRadius: "4px",
+	position: "relative",
+	marginBottom: t.spacing(2),
+	display: "flex",
+	height: e
+})), D = u("div")(({ theme: e }) => ({
+	width: "200px",
+	minWidth: "200px",
+	position: "relative",
+	padding: "0 10px",
+	boxSizing: "border-box",
+	paddingTop: e.spacing(1.5),
+	alignSelf: "center"
+})), O = u("div")(({ theme: e }) => ({
+	position: "absolute",
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(.5)
+})), k = class extends c.Component {
+	static propTypes = {
+		maxPointsEnabled: l.bool,
+		spellCheck: l.bool,
+		errors: l.object
+	};
+	state = { anchorEl: null };
+	UNSAFE_componentWillReceiveProps(e) {
+		e.currentPosition !== this.props.currentPosition && this.scrollToPosition(e.currentPosition);
+	}
+	onScorePointLabelChange = ({ scorePointLabel: e, value: t }) => {
+		let { scorePointsLabels: n, onScaleChange: r } = this.props;
+		t < 0 || t >= n.length || (n[t] = e, r({ scorePointsLabels: n }));
+	};
+	handleClick = (e) => this.setState({ anchorEl: e.currentTarget });
+	handleClose = () => this.setState({ anchorEl: null });
+	scrollToPosition = (e) => {
+		this.secondaryBlock && this.secondaryBlock.scrollTo({ left: e });
+	};
+	openMenu = () => {
+		this.props.showDeleteScaleModal(), this.handleClose();
+	};
+	render() {
+		let { scorePointsValues: c, scorePointsLabels: l, traitLabel: u, currentPosition: d, showStandards: f, onTraitLabelChange: p, showDescription: y, showLevelTagInput: b, maxPoints: S, updateMaxPointsFieldValue: C, scaleIndex: w, showScorePointLabels: k, secondaryBlockWidth: A, setSecondaryBlockRef: j, spellCheck: M, uploadSoundSupport: N, maxPointsEnabled: P, mathMlOptions: F = {}, errors: I = {}, maxMaxPoints: L, labelPluginProps: R = {}, imageSupport: z = {} } = this.props, { anchorEl: B } = this.state;
+		return /* @__PURE__ */ h(E, {
+			height: b ? n : t,
+			children: [/* @__PURE__ */ h(D, { children: [b && /* @__PURE__ */ m(s, {
+				markup: u || "Trait",
+				onChange: p,
+				pluginProps: R,
+				spellCheck: M,
+				label: "Level Label",
+				uploadSoundSupport: N,
+				mathMlOptions: F,
+				imageSupport: z
+			}), /* @__PURE__ */ h(i, { children: [
+				/* @__PURE__ */ h("div", { children: ["Scale ", w + 1] }),
+				P && /* @__PURE__ */ m(r, {
+					maxPoints: S,
+					maxMaxPoints: L,
+					onChange: C
+				}),
+				/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m(g, {
+					"aria-label": "more",
+					"aria-controls": "long-menu",
+					"aria-haspopup": "true",
+					onClick: this.handleClick,
+					size: "large",
+					children: /* @__PURE__ */ m(v, {})
+				}), /* @__PURE__ */ m(x, {
+					id: "long-menu",
+					anchorEl: B,
+					keepMounted: !0,
+					open: !!B,
+					onClose: this.handleClose,
+					transitionDuration: {
+						enter: 225,
+						exit: 195
+					},
+					children: ["Remove Scale"].map((e) => /* @__PURE__ */ m(_, {
+						onClick: this.openMenu,
+						children: e
+					}, e))
+				})] })
+			] })] }), /* @__PURE__ */ h(o, {
+				setRef: (e) => {
+					e && (this.secondaryBlock = e, j(e));
+				},
+				width: `${A}px`,
+				children: [
+					f && /* @__PURE__ */ m(e, { children: /* @__PURE__ */ m(T, { children: "Standard(s)" }) }),
+					y && /* @__PURE__ */ m(e, { children: /* @__PURE__ */ m(T, { children: "Description" }) }),
+					c.map((t, n) => {
+						let r = A - 216 * n + d - 128, i = c.length - n - 1, o, s;
+						try {
+							o = l[i] || "", s = I[i] || "";
+						} catch {
+							o = "";
+						}
+						return /* @__PURE__ */ h(e, { children: [/* @__PURE__ */ m(a, {
+							scorePointsValue: t,
+							error: s,
+							scoreDescriptor: o,
+							pluginProps: R,
+							showScorePointLabels: k,
+							onChange: (e) => this.onScorePointLabelChange({
+								scorePointLabel: e,
+								value: i
+							}),
+							alignToRight: r < 296 && t < S,
+							spellCheck: M,
+							uploadSoundSupport: N,
+							mathMlOptions: F,
+							imageSupport: z
+						}), s && /* @__PURE__ */ m(O, { children: s })] }, `secondary-block-part-${n}`);
+					})
+				]
+			})]
+		});
+	}
+};
+k.propTypes = {
+	onTraitLabelChange: l.func,
+	onScaleChange: l.func,
+	scorePointsValues: l.arrayOf(l.number),
+	scorePointsLabels: l.arrayOf(l.string),
+	traitLabel: l.string,
+	showStandards: l.bool,
+	showLevelTagInput: l.bool,
+	showDescription: l.bool,
+	maxPoints: l.number,
+	updateMaxPointsFieldValue: l.func,
+	scaleIndex: l.number,
+	currentPosition: l.number,
+	secondaryBlockWidth: l.number,
+	showDeleteScaleModal: l.func,
+	showScorePointLabels: l.bool,
+	setSecondaryBlockRef: l.func,
+	uploadSoundSupport: l.object,
+	maxMaxPoints: l.number,
+	labelPluginProps: l.object,
+	imageSupport: l.shape({
+		add: l.func.isRequired,
+		delete: l.func.isRequired
+	})
+};
+//#endregion
+export { k as default };

package/dist/author/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-rubric/configure/src/utils.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 const filteredDefaultPlugins: string[];
+export declare const addOrRemoveScaleColumn: (scales: any, excludeZeroType: any) => any;

package/dist/author/utils.js

@@ -0,0 +1,41 @@
+import { excludeZeroTypes as e } from "./modals.js";
+import { DEFAULT_PLUGINS as t } from "@pie-lib/editable-html-tip-tap";
+//#region src/author/utils.ts
+var n = (t || []).filter((e) => e !== "table" && e !== "bulleted-list" && e !== "numbered-list"), r = (t, n) => !t || !t.length ? [] : t.reduce((t, r) => {
+	let { scorePointsLabels: i, traits: a } = r || {};
+	if (i.length < 1) return t;
+	switch (n) {
+		case e.remove0:
+			i = i.slice(1), a = a.map(({ scorePointsDescriptors: e, ...t }) => ({
+				...t,
+				scorePointsDescriptors: e.slice(1)
+			}));
+			break;
+		case e.add0:
+			i = ["", ...i], a = a.map(({ scorePointsDescriptors: e, ...t }) => ({
+				...t,
+				scorePointsDescriptors: ["", ...e]
+			}));
+			break;
+		case e.shiftLeft:
+			i = i.slice(0, -1), a = a.map(({ scorePointsDescriptors: e, ...t }) => ({
+				...t,
+				scorePointsDescriptors: e.slice(0, -1)
+			}));
+			break;
+		case e.shiftRight:
+			i = [...i, ""], a = a.map(({ scorePointsDescriptors: e, ...t }) => ({
+				...t,
+				scorePointsDescriptors: [...e, ""]
+			}));
+			break;
+		default: break;
+	}
+	return t.push({
+		...r,
+		scorePointsLabels: i,
+		traits: a
+	}), t;
+}, []);
+//#endregion
+export { r as addOrRemoveScaleColumn, n as filteredDefaultPlugins };

package/dist/controller/defaults.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-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: {
+    addScaleEnabled: boolean;
+    description: boolean;
+    excludeZero: boolean;
+    halfScoring: boolean;
+    maxPointsEnabled: boolean;
+    pointLabels: boolean;
+    scales: never[];
+    standards: boolean;
+    visibleToStudent: boolean;
+};
+export default _default;

package/dist/controller/defaults.js

@@ -0,0 +1,14 @@
+//#region src/controller/defaults.ts
+var e = {
+	addScaleEnabled: !0,
+	description: !1,
+	excludeZero: !1,
+	halfScoring: !1,
+	maxPointsEnabled: !0,
+	pointLabels: !0,
+	scales: [],
+	standards: !1,
+	visibleToStudent: !0
+};
+//#endregion
+export { e as default };

package/dist/controller/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-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 createDefaultModel(model?: {}): Promise<unknown>;
+export declare const normalize: (question: any) => any;
+/**
+ *
+ * @param {*} question
+ * @param {*} session
+ * @param {*} env
+ */
+export declare function model(question: any, session: any, env: any): Promise<any>;
+export declare const getScore: () => number;
+/**
+ * @param {Object} model - the main model
+ * @param {*} session
+ * @param {Object} env
+ */
+export declare function outcome(): Promise<unknown>;
+export declare const createCorrectResponseSession: (question: any, env: any) => Promise<unknown>;
+export declare const validate: (model: any, config: any) => {};

package/dist/controller/index.js

@@ -0,0 +1,57 @@
+import e from "./defaults.js";
+import { markupToText as t } from "./utils.js";
+//#region src/controller/index.ts
+function n(t = {}) {
+	return new Promise((n) => n({
+		...e,
+		...t
+	}));
+}
+var r = (t) => ({
+	...e,
+	...t
+});
+async function i(e, t, n) {
+	let i = r(e);
+	!n.role || n.role === "student" ? i.visible = i.visibleToStudent : i.visible = !0;
+	let { scales: a, excludeZero: o } = i || {}, s = (a || []).map((e) => ({
+		...e,
+		excludeZero: o
+	}));
+	return {
+		...i,
+		scales: s
+	};
+}
+var a = () => 0;
+function o() {
+	return new Promise((e) => e({
+		score: 0,
+		empty: !0
+	}));
+}
+var s = (e, t) => new Promise((e) => {
+	t.mode !== "evaluate" && t.role === "instructor" ? e({ id: "1" }) : e(null);
+}), c = (e, n) => {
+	let { scales: r, description: i = !1, pointLabels: a = !1 } = e, o = {}, s = {}, c = {};
+	return (r || []).forEach((e, n) => {
+		let { traits: r = [] } = e, { scorePointsLabels: o = [] } = e, l = {}, u = {};
+		a && o.forEach((e, n) => {
+			!e || e === "<div></div>" ? u[n] = "Points labels should not be empty." : o.slice(n + 1).some((n) => t(n) === t(e)) && (u[n] = "Points labels should be unique.");
+		}), Object.keys(u).length > 0 && (c[n] = u), r.forEach((e, n) => {
+			if (!e.name || e.name === "<div></div>" ? l[n] = { name: "Trait names should not be empty." } : r.slice(n + 1).some((n) => t(n.name) === t(e.name)) && (l[n] = { name: "Trait names should be unique." }), i && (!e.description || e.description === "<div></div>")) l[n] = {
+				...l[n],
+				description: "Trait description should not be empty"
+			};
+			else {
+				let a = r.slice(n + 1).some((n) => t(n.description) === t(e.description));
+				i && a && (l[n] = {
+					...l[n],
+					description: "Trait descriptions should be unique."
+				});
+			}
+		}), Object.keys(l).length > 0 && (s[n] = l);
+	}), Object.keys(s).length > 0 && (o.traitsErrors = s), Object.keys(c).length > 0 && (o.scorePointsErrors = c), o;
+};
+//#endregion
+export { s as createCorrectResponseSession, n as createDefaultModel, a as getScore, i as model, r as normalize, o as outcome, c as validate };

package/dist/controller/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-rubric/controller/src/utils.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 const markupToText: (s: any) => any;

package/dist/controller/utils.js

@@ -0,0 +1,4 @@
+//#region src/controller/utils.ts
+var e = (e) => (e || "").replace(/(<([^>]+)>)/gi, "");
+//#endregion
+export { e as markupToText };

package/dist/delivery/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-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 MultiTraitRubric extends HTMLElement {
+    constructor();
+    set model(s: any);
+    set session(s: any);
+    get session(): any;
+    connectedCallback(): void;
+    _render(): void;
+    disconnectedCallback(): void;
+}

package/dist/delivery/index.js

@@ -0,0 +1,37 @@
+import e from "./main.js";
+import t from "react";
+import { createRoot as n } from "react-dom/client";
+import { ModelSetEvent as r } from "@pie-element/shared-player-events";
+import { renderMath as i } from "@pie-element/shared-math-rendering-mathjax";
+//#region src/delivery/index.ts
+var a = class extends HTMLElement {
+	constructor() {
+		super(), this._model = {}, this._session = null, this._root = null;
+	}
+	set model(e) {
+		this._model = e, this.dispatchEvent(new r(this.tagName.toLowerCase(), this._session, !!this._model)), this._render();
+	}
+	set session(e) {
+		this._session = e;
+	}
+	get session() {
+		return this._session;
+	}
+	connectedCallback() {
+		this._render();
+	}
+	_render() {
+		let r = t.createElement(e, {
+			model: this._model,
+			session: this._session
+		});
+		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,15 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-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';
+declare class Main extends React.Component {
+    constructor(props: any);
+    toggleRubric(): void;
+    render(): React.JSX.Element | null;
+}
+export default Main;

package/dist/delivery/main.js

@@ -0,0 +1,95 @@
+import e from "./scale.js";
+import t from "react";
+import n from "prop-types";
+import * as r from "@pie-lib/render-ui";
+import { UiLayout as i, color as a } from "@pie-lib/render-ui";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import c from "@mui/material/Link";
+import l from "@mui/material/Collapse";
+//#region src/delivery/main.tsx
+function u(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function d(e, t) {
+	return !e || u(e) ? e : u(e.default) ? e.default : t && u(e[t]) ? e[t] : t && u(e[t]?.default) ? e[t].default : e;
+}
+var f = d(i, "UiLayout") || d(h.UiLayout, "UiLayout"), p = r, m = p.default, h = m && typeof m == "object" ? m : p, g = class extends t.Component {
+	constructor(e) {
+		super(e), this.state = {
+			rubricOpen: !1,
+			linkPrefix: "Show"
+		}, this.toggleRubric = this.toggleRubric.bind(this);
+	}
+	toggleRubric() {
+		this.setState({ rubricOpen: !this.state.rubricOpen }), this.setState({ linkPrefix: this.state.rubricOpen ? "Show" : "Hide" });
+	}
+	render() {
+		let { model: t } = this.props, { animationsDisabled: n } = this.props, { extraCSSRules: r, halfScoring: i, scales: u, visible: d, pointLabels: p, description: m, standards: h, arrowsDisabled: g } = t || {};
+		if (n ||= t.animationsDisabled, !u || !d) return null;
+		let _ = /* @__PURE__ */ s(f, {
+			extraCSSRules: r,
+			style: {
+				fontFamily: "Cerebri Sans",
+				color: a.text(),
+				backgroundColor: a.background()
+			},
+			children: [i ? /* @__PURE__ */ o("div", {
+				style: { marginBottom: "16px" },
+				children: "* Half-point or in-between scores are permitted under this rubric."
+			}) : null, u.map((t, n) => /* @__PURE__ */ o(e, {
+				scale: t,
+				scaleIndex: n,
+				showPointsLabels: p,
+				showDescription: m,
+				showStandards: h,
+				arrowsDisabled: g
+			}, `scale_${n}`))]
+		});
+		return n ? _ : /* @__PURE__ */ s(f, {
+			extraCSSRules: r,
+			style: {
+				color: a.text(),
+				backgroundColor: a.background()
+			},
+			children: [/* @__PURE__ */ s(c, {
+				style: { backgroundColor: a.background() },
+				href: this.dudUrl,
+				onClick: this.toggleRubric,
+				children: [this.state.linkPrefix, " Rubric"]
+			}), /* @__PURE__ */ o(l, {
+				style: { marginTop: "16px" },
+				in: this.state.rubricOpen,
+				timeout: {
+					enter: 225,
+					exit: 195
+				},
+				children: _
+			})]
+		});
+	}
+};
+g.propTypes = {
+	model: n.shape({
+		halfScoring: n.bool,
+		scales: n.arrayOf(n.shape({
+			excludeZero: n.bool,
+			maxPoints: n.number,
+			scorePointsLabels: n.arrayOf(n.string),
+			traitLabel: n.string,
+			traits: n.arrayOf(n.shape({
+				name: n.string,
+				description: n.string,
+				scorePointsDescriptors: n.arrayOf(n.string),
+				standards: n.arrayOf(n.string)
+			}))
+		})),
+		visible: n.bool,
+		pointLabels: n.bool,
+		description: n.bool,
+		standards: n.bool,
+		animationsDisabled: n.bool
+	}),
+	animationsDisabled: n.bool
+};
+//#endregion
+export { g as default };

package/dist/delivery/scale.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-rubric/src/scale.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 Scale extends React.Component {
+    state: {};
+    componentDidMount(): void;
+    scrollLeft: any;
+    scrollRight: any;
+    render(): React.JSX.Element;
+}
+export default Scale;