@pie-element/multi-trait-rubric 9.0.2-next.20261007003844 → 9.0.2

package/dist/delivery/scale.js

@@ -3,17 +3,18 @@ import t from "react";
 import n from "prop-types";
 import { styled as r } from "@mui/material/styles";
 import { color as i } from "@pie-lib/render-ui";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import s from "@mui/icons-material/ArrowBackIos";
-import c from "@mui/icons-material/ArrowForwardIos";
+import { sanitizeModelHtml as a } from "@pie-element/shared-utils";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import c from "@mui/icons-material/ArrowBackIos";
+import l from "@mui/icons-material/ArrowForwardIos";
 //#region src/delivery/scale.tsx
-var l = r("div")({
+var u = r("div")({
 	display: "flex",
 	position: "relative"
-}), u = r("div")({
+}), d = r("div")({
 	width: "100%",
 	overflow: "auto"
-}), d = r("table")(({ theme: e }) => ({
+}), f = r("table")(({ theme: e }) => ({
 	borderSpacing: 0,
 	marginBottom: e.spacing(2),
 	borderRadius: "4px",
@@ -37,12 +38,12 @@ var l = r("div")({
 		padding: `${e.spacing(2)} ${e.spacing(1)}`,
 		verticalAlign: "top"
 	}
-})), f = r("table")({ "& td": {
+})), p = r("table")({ "& td": {
 	border: 0,
 	padding: 0,
 	textAlign: "center",
 	minWidth: "200px"
-} }), p = r("div")({ marginBottom: "4px" }), m = r("td")({ fontWeight: "normal" }), h = ({ show: e, onClick: t, extraStyles: n, children: r }) => /* @__PURE__ */ a("div", {
+} }), m = r("div")({ marginBottom: "4px" }), h = r("td")({ fontWeight: "normal" }), g = ({ show: e, onClick: t, extraStyles: n, children: r }) => /* @__PURE__ */ o("div", {
 	style: {
 		height: "calc(100% - 1px)",
 		top: "1px",
@@ -58,13 +59,13 @@ var l = r("div")({
 	onClick: t,
 	children: r
 });
-h.propTypes = {
+g.propTypes = {
 	show: n.bool,
 	onClick: n.func,
 	extraStyles: n.object,
 	children: n.object
 };
-var g = class extends t.Component {
+var _ = class extends t.Component {
 	state = {};
 	componentDidMount() {
 		this.tableWrapper && this.tableWrapper.offsetWidth < this.tableWrapper.scrollWidth && this.setState({ showRight: !0 });
@@ -83,31 +84,31 @@ var g = class extends t.Component {
 		});
 	};
 	render() {
-		let { showRight: t, showLeft: n } = this.state, { scale: r, scaleIndex: g, showDescription: _, showPointsLabels: v, showStandards: y, arrowsDisabled: b } = this.props, { excludeZero: x, maxPoints: S, traitLabel: C, traits: w, scorePointsLabels: T } = r || {}, E = [], D, O, k;
+		let { showRight: t, showLeft: n } = this.state, { scale: r, scaleIndex: _, showDescription: v, showPointsLabels: y, showStandards: b, arrowsDisabled: x } = this.props, { excludeZero: S, maxPoints: C, traitLabel: w, traits: T, scorePointsLabels: E } = r || {}, D = [], O, k, A;
 		try {
-			for (let e = S; +(e >= x); --e) E.push(e);
-			let { traitStandards: e, traitDescriptions: t } = w.reduce((e, t) => ({
+			for (let e = C; +(e >= S); --e) D.push(e);
+			let { traitStandards: e, traitDescriptions: t } = T.reduce((e, t) => ({
 				traitStandards: [...e.traitStandards, ...t.standards || []],
 				traitDescriptions: [...e.traitDescriptions, ...t.description || []]
 			}), {
 				traitStandards: [],
 				traitDescriptions: []
 			});
-			D = _ && t.length, O = v && T.length, k = y && e.length;
+			O = v && t.length, k = y && E.length, A = b && e.length;
 		} catch {
-			D = !1, O = !1, k = !1;
+			O = !1, k = !1, A = !1;
 		}
-		return /* @__PURE__ */ o(l, { children: [
-			/* @__PURE__ */ a(h, {
-				show: n && !b,
+		return /* @__PURE__ */ s(u, { children: [
+			/* @__PURE__ */ o(g, {
+				show: n && !x,
 				onClick: this.scrollLeft,
 				extraStyles: {
 					left: 0,
 					background: `linear-gradient(to right, white, ${i.background()})`
 				},
-				children: /* @__PURE__ */ a(s, {})
+				children: /* @__PURE__ */ o(c, {})
 			}),
-			/* @__PURE__ */ o(u, {
+			/* @__PURE__ */ s(d, {
 				ref: (e) => {
 					this.tableWrapper = e;
 				},
@@ -117,42 +118,42 @@ var g = class extends t.Component {
 						showLeft: this.tableWrapper.scrollLeft < this.tableWrapper.scrollWidth && this.tableWrapper.scrollLeft > 0
 					});
 				},
-				children: [b && (t || n) ? /* @__PURE__ */ a("div", { children: "The item is too large to fit in print mode." }) : null, /* @__PURE__ */ o(d, { children: [/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ o("tr", { children: [
-					/* @__PURE__ */ a("th", { children: /* @__PURE__ */ a("div", { dangerouslySetInnerHTML: { __html: C } }) }),
-					k ? /* @__PURE__ */ a("th", { children: /* @__PURE__ */ a("div", { children: "Standard(s)" }) }) : null,
-					D ? /* @__PURE__ */ a("th", { children: /* @__PURE__ */ a("div", { children: "Description" }) }) : null,
-					E && E.map((e, t) => {
+				children: [x && (t || n) ? /* @__PURE__ */ o("div", { children: "The item is too large to fit in print mode." }) : null, /* @__PURE__ */ s(f, { children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [
+					/* @__PURE__ */ o("th", { children: /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: a(w) } }) }),
+					A ? /* @__PURE__ */ o("th", { children: /* @__PURE__ */ o("div", { children: "Standard(s)" }) }) : null,
+					O ? /* @__PURE__ */ o("th", { children: /* @__PURE__ */ o("div", { children: "Description" }) }) : null,
+					D && D.map((e, t) => {
 						let n = "";
 						try {
-							n = T[E.length - t - 1] || "";
+							n = E[D.length - t - 1] || "";
 						} catch {
 							n = "";
 						}
-						return /* @__PURE__ */ a("th", { children: /* @__PURE__ */ a(f, { children: /* @__PURE__ */ o("thead", { children: [O ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(p, { dangerouslySetInnerHTML: { __html: n } }) }) }) : null, /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(m, { children: e === 1 ? `${e} point` : `${e} points` }) })] }) }) }, `table-header-${t}`);
+						return /* @__PURE__ */ o("th", { children: /* @__PURE__ */ o(p, { children: /* @__PURE__ */ s("thead", { children: [k ? /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(m, { dangerouslySetInnerHTML: { __html: a(n) } }) }) }) : null, /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o(h, { children: e === 1 ? `${e} point` : `${e} points` }) })] }) }) }, `table-header-${t}`);
 					})
-				] }) }), /* @__PURE__ */ a("tbody", { children: w && w.map((t, n) => /* @__PURE__ */ a(e, {
+				] }) }), /* @__PURE__ */ o("tbody", { children: T && T.map((t, n) => /* @__PURE__ */ o(e, {
 					trait: t,
 					traitIndex: n,
-					showDescription: !!D,
-					showStandards: !!k,
-					scaleIndex: g,
-					scorePointsValues: E,
-					excludeZero: x
-				}, `trait_${g}_${n}`)) })] }, `scale-${g}`)]
+					showDescription: !!O,
+					showStandards: !!A,
+					scaleIndex: _,
+					scorePointsValues: D,
+					excludeZero: S
+				}, `trait_${_}_${n}`)) })] }, `scale-${_}`)]
 			}),
-			/* @__PURE__ */ a(h, {
-				show: t && !b,
+			/* @__PURE__ */ o(g, {
+				show: t && !x,
 				onClick: this.scrollRight,
 				extraStyles: {
 					right: 0,
 					background: `linear-gradient(to left, white, ${i.background()})`
 				},
-				children: /* @__PURE__ */ a(c, {})
+				children: /* @__PURE__ */ o(l, {})
 			})
 		] });
 	}
 };
-g.propTypes = {
+_.propTypes = {
 	scaleIndex: n.number,
 	scale: n.shape({
 		excludeZero: n.bool,
@@ -172,4 +173,4 @@ g.propTypes = {
 	arrowsDisabled: n.bool
 };
 //#endregion
-export { g as default };
+export { _ as default };

package/dist/delivery/trait.js

@@ -2,32 +2,33 @@ import "react";
 import e from "prop-types";
 import { styled as t } from "@mui/material/styles";
 import { color as n } from "@pie-lib/render-ui";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { sanitizeModelHtml as r } from "@pie-element/shared-utils";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/delivery/trait.tsx
-var a = t("td")({
+var o = t("td")({
 	color: n.primaryDark(),
 	verticalAlign: "middle"
-}), o = t("div")({
+}), s = t("div")({
 	color: n.secondaryBackground(),
 	textAlign: "center"
-}), s = (e) => {
-	let { trait: t, traitIndex: n, scaleIndex: s, showStandards: c, showDescription: l, scorePointsValues: u } = e, { name: d, standards: f, scorePointsDescriptors: p, description: m } = t || {};
-	return /* @__PURE__ */ i("tr", { children: [
-		/* @__PURE__ */ r(a, { children: /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: d } }) }),
-		c ? /* @__PURE__ */ r("td", { children: /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: f.join(",") } }) }) : null,
-		l ? /* @__PURE__ */ r("td", { children: /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: m } }) }) : null,
-		u && u.map((e, t) => {
+}), c = (e) => {
+	let { trait: t, traitIndex: n, scaleIndex: c, showStandards: l, showDescription: u, scorePointsValues: d } = e, { name: f, standards: p, scorePointsDescriptors: m, description: h } = t || {};
+	return /* @__PURE__ */ a("tr", { children: [
+		/* @__PURE__ */ i(o, { children: /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: { __html: r(f) } }) }),
+		l ? /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: { __html: r(p.join(",")) } }) }) : null,
+		u ? /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: { __html: r(h) } }) }) : null,
+		d && d.map((e, t) => {
 			let n;
 			try {
-				n = p[u.length - t - 1] || "";
+				n = m[d.length - t - 1] || "";
 			} catch {
 				n = "";
 			}
-			return /* @__PURE__ */ r("td", { children: n ? /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: n } }) : /* @__PURE__ */ r(o, { dangerouslySetInnerHTML: { __html: "No Description" } }) }, `table-cell-${t}`);
+			return /* @__PURE__ */ i("td", { children: n ? /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: { __html: r(n) } }) : /* @__PURE__ */ i(s, { dangerouslySetInnerHTML: { __html: "No Description" } }) }, `table-cell-${t}`);
 		})
-	] }, `scale-${s}-trait-${n}`);
+	] }, `scale-${c}-trait-${n}`);
 };
-s.propTypes = {
+c.propTypes = {
 	showStandards: e.bool,
 	showDescription: e.bool,
 	scorePointsValues: e.arrayOf(e.number),
@@ -41,4 +42,4 @@ s.propTypes = {
 	})
 };
 //#endregion
-export { s as default };
+export { c as default };