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

package/dist/author/traitsHeader.js

@@ -1,172 +0,0 @@
-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

@@ -1,10 +0,0 @@
-/**
- * @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

@@ -1,41 +0,0 @@
-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

@@ -1,20 +0,0 @@
-/**
- * @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

@@ -1,14 +0,0 @@
-//#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

@@ -1,26 +0,0 @@
-/**
- * @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

@@ -1,57 +0,0 @@
-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

@@ -1,9 +0,0 @@
-/**
- * @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

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

package/dist/delivery/index.d.ts

@@ -1,17 +0,0 @@
-/**
- * @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

@@ -1,37 +0,0 @@
-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

@@ -1,15 +0,0 @@
-/**
- * @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

@@ -1,95 +0,0 @@
-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

@@ -1,17 +0,0 @@
-/**
- * @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;