@pie-element/multi-trait-rubric 8.1.1 → 8.1.2-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 };