@pie-element/multi-trait-rubric 8.1.2-next.2 → 8.1.2

package/dist/author/scale.js

@@ -1,280 +0,0 @@
-import { DecreaseMaxPoints as e, DeleteScale as t, DeleteTrait as n, InfoDialog as r } from "./modals.js";
-import { Arrow as i, MultiTraitButton as a } from "./common.js";
-import o from "./traitsHeader.js";
-import s from "./trait.js";
-import c from "react";
-import l from "prop-types";
-import { styled as u } from "@mui/material/styles";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import p from "@mui/icons-material/ArrowBackIos";
-import m from "@mui/icons-material/ArrowForwardIos";
-import { DragProvider as h } from "@pie-lib/drag";
-//#region src/author/scale.tsx
-var g = 216, _ = u("div")(({ theme: e }) => ({
-	display: "flex",
-	flexDirection: "column",
-	wordBreak: "break-word",
-	position: "relative",
-	marginBottom: e.spacing(2.5)
-})), v = class extends c.Component {
-	state = {
-		showDecreaseMaxPointsDialog: !1,
-		showDeleteScaleDialog: !1,
-		showDeleteTraitDialog: !1,
-		currentPosition: 0,
-		showRight: null,
-		showLeft: null,
-		showInfoDialog: !1,
-		infoDialogText: ""
-	};
-	set = (e) => this.setState(e);
-	componentDidMount() {
-		this.state.showRight === null && this.secondaryBlockRef && this.setState({ showRight: this.getMaxScroll() });
-	}
-	componentDidUpdate(e) {
-		(e.scale.maxPoints !== this.props.scale.maxPoints || e.showDescription !== this.props.showDescription || e.excludeZero !== this.props.excludeZero) && this.setState({ showRight: this.getMaxScroll() });
-	}
-	UNSAFE_componentWillReceiveProps(e) {
-		(e.excludeZero !== this.props.excludeZero || e.showStandards !== this.props.showStandards || e.showDescription !== this.props.showDescription) && this.setState({
-			currentPosition: 0,
-			showLeft: !1,
-			showRight: this.getMaxScroll()
-		});
-	}
-	updateMaxPointsFieldValue = ({ target: e }) => {
-		let { scale: t, scaleIndex: n, onScaleChanged: r } = this.props || {}, { maxPoints: i } = t, a = parseInt(e.value, 10);
-		this.setState({
-			currentPosition: 0,
-			showLeft: !1,
-			showRight: this.getMaxScroll()
-		}), a < i ? this.showDecreaseMaxPointsModal({ newMaxPoints: a }) : r(n, { maxPoints: a });
-	};
-	showDecreaseMaxPointsModal = ({ newMaxPoints: e }) => this.set({
-		showDecreaseMaxPointsDialog: !0,
-		newMaxPoints: e
-	});
-	hideDecreaseMaxPointsModal = () => this.set({
-		showDecreaseMaxPointsDialog: !1,
-		newMaxPoints: void 0
-	});
-	changeMaxPoints = () => {
-		let { newMaxPoints: e } = this.state || {}, { scaleIndex: t, onScaleChanged: n } = this.props || {};
-		e && n(t, { maxPoints: e }), this.hideDecreaseMaxPointsModal();
-	};
-	showDeleteScaleModal = () => this.set({ showDeleteScaleDialog: !0 });
-	hideDeleteScaleModal = () => this.set({ showDeleteScaleDialog: !1 });
-	deleteScale = () => {
-		let { scaleIndex: e, onScaleRemoved: t } = this.props || {};
-		this.hideDeleteScaleModal(), t(e);
-	};
-	showDeleteTraitModal = (e) => this.set({
-		showDeleteTraitDialog: !0,
-		traitToDeleteIndex: e
-	});
-	hideDeleteTraitModal = () => this.set({
-		showDeleteTraitDialog: !1,
-		traitToDeleteIndex: void 0
-	});
-	onTraitRemoved = () => {
-		let { traitToDeleteIndex: e } = this.state, { scale: t, scaleIndex: n, onScaleChanged: r, minNoOfTraits: i } = this.props || {}, { traits: a, traitLabel: o } = t || {};
-		if (!(e < 0 || e >= a.length)) {
-			if (a.length === i) return this.set({
-				infoDialogText: `There can't be less than ${i} ${(o || "trait").toLowerCase()}s.`,
-				showInfoDialog: !0
-			}), !1;
-			a = [...a.slice(0, e), ...a.slice(e + 1)], r(n, { traits: a }), this.hideDeleteTraitModal();
-		}
-	};
-	onTraitAdded = () => {
-		let { scale: e, scaleIndex: t, onScaleChanged: n, maxNoOfTraits: r } = this.props || {}, { traits: i, scorePointsLabels: a } = e || {};
-		if (i.length === r) return this.set({
-			infoDialogText: `There can't be more than ${r} scales.`,
-			showInfoDialog: !0
-		}), !1;
-		i.push({
-			name: "",
-			description: "",
-			standards: [],
-			scorePointsDescriptors: Array.from({ length: a.length }, () => "")
-		}), n(t, { traits: i });
-	};
-	onTraitChanged = (e, t) => {
-		let { scale: n, scaleIndex: r, onScaleChanged: i } = this.props || {}, { traits: a } = n || {};
-		e >= 0 && e < a.length && (a[e] = t, i(r, { traits: a }));
-	};
-	onTraitDropped = (e) => {
-		let { active: t, over: n } = e;
-		if (!n || !t) return;
-		let r = t.data.current, i = n.data.current;
-		if (r?.type === "trait" && i?.type === "trait") {
-			let e = r.index, t = i.index;
-			if (e === t) return;
-			let { scale: n, scaleIndex: a, onScaleChanged: o } = this.props || {}, { traits: s } = n || {}, c = s[e], l = s.filter((t, n) => n !== e);
-			o(a, { traits: [
-				...l.slice(0, t),
-				c,
-				...l.slice(t)
-			] });
-		}
-	};
-	decreasePosition = () => {
-		let { currentPosition: e } = this.state, t = Math.max(e - g, 0), n = this.getMaxScroll();
-		this.setState({
-			currentPosition: t,
-			showRight: t < n,
-			showLeft: t > 0
-		});
-	};
-	getMaxScroll = () => {
-		if (!this.secondaryBlockRef) return 0;
-		let e = this.secondaryBlockRef.scrollWidth, t = this.getNumberOfBlocks() * 200;
-		return Math.max(0, Math.min(e, t) - this.secondaryBlockRef.offsetWidth);
-	};
-	getNumberOfBlocks = () => {
-		let { scale: e, showStandards: t, showDescription: n, excludeZero: r } = this.props, { maxPoints: i } = e || {}, a = i - +!!r + 1;
-		return +!!t + +!!n + a;
-	};
-	increasePosition = () => {
-		let { currentPosition: e } = this.state, t = this.getMaxScroll(), n = Math.min(e + g, t);
-		this.setState({
-			currentPosition: n,
-			showRight: n < t,
-			showLeft: n > 0
-		});
-	};
-	render() {
-		let { errors: c, scale: l, scaleIndex: u, showStandards: v, onScaleChanged: y, excludeZero: b, showDescription: x, showLevelTagInput: S, showScorePointLabels: C, enableDragAndDrop: w, spellCheck: T, width: E, uploadSoundSupport: D, maxPointsEnabled: O, mathMlOptions: k = {}, maxMaxPoints: A, expandedPluginProps: j = {}, labelPluginProps: M = {}, imageSupport: N = {} } = this.props || {}, { maxPoints: P, scorePointsLabels: F, traitLabel: I, traits: L } = l || {}, { showDecreaseMaxPointsDialog: R, showDeleteScaleDialog: z, showDeleteTraitDialog: B, currentPosition: V, showRight: H, showLeft: U, showInfoDialog: W, infoDialogText: G } = this.state, { traitsErrors: K, scorePointsErrors: q } = c || {}, J = K && K[u] || {}, Y = q && q[u] || {}, X = [], Z = parseInt(E) - 32 - 200 || 320;
-		for (let e = P; +(e >= b); --e) X.push(e);
-		return /* @__PURE__ */ d(h, {
-			onDragEnd: this.onTraitDropped,
-			children: /* @__PURE__ */ f(_, {
-				ref: (e) => {
-					this.scaleWrapper = e;
-				},
-				children: [
-					/* @__PURE__ */ d(o, {
-						setSecondaryBlockRef: (e) => {
-							e && (this.secondaryBlockRef = e);
-						},
-						errors: Y,
-						traitLabel: I,
-						scorePointsValues: X,
-						scorePointsLabels: F,
-						onScaleChange: (e) => y(u, e),
-						onTraitLabelChange: (e) => y(u, { traitLabel: e }),
-						showStandards: v,
-						showDescription: x,
-						showLevelTagInput: S,
-						showScorePointLabels: C,
-						maxPoints: P,
-						updateMaxPointsFieldValue: this.updateMaxPointsFieldValue,
-						scaleIndex: u,
-						showDeleteScaleModal: this.showDeleteScaleModal,
-						currentPosition: V,
-						secondaryBlockWidth: Z,
-						spellCheck: T,
-						uploadSoundSupport: D,
-						maxPointsEnabled: O,
-						mathMlOptions: k,
-						maxMaxPoints: A,
-						expandedPluginProps: j,
-						labelPluginProps: M,
-						imageSupport: N
-					}, "header-key"),
-					L.map((e, t) => /* @__PURE__ */ d(s, {
-						index: t,
-						error: J && J[t],
-						trait: e,
-						traitLabel: I || "Trait",
-						scorePointsValues: X,
-						scorePointsLabels: F,
-						onTraitRemoved: () => this.showDeleteTraitModal(t),
-						onTraitChanged: (e) => this.onTraitChanged(t, e),
-						showStandards: v,
-						showDescription: x,
-						maxPoints: P,
-						currentPosition: V,
-						enableDragAndDrop: w,
-						secondaryBlockWidth: Z,
-						spellCheck: T,
-						uploadSoundSupport: D,
-						mathMlOptions: k,
-						expandedPluginProps: j,
-						labelPluginProps: M,
-						imageSupport: N
-					}, t)),
-					/* @__PURE__ */ d(i, {
-						width: `${g / 2}px`,
-						show: U,
-						onClick: this.decreasePosition,
-						left: "200px",
-						showLevelTagInput: S,
-						children: /* @__PURE__ */ d(p, {})
-					}),
-					/* @__PURE__ */ d(i, {
-						width: `${g / 2}px`,
-						show: H,
-						onClick: this.increasePosition,
-						showLevelTagInput: S,
-						children: /* @__PURE__ */ d(m, {})
-					}),
-					/* @__PURE__ */ d(a, {
-						onClick: this.onTraitAdded,
-						children: /* @__PURE__ */ d("div", { dangerouslySetInnerHTML: { __html: `Add ${I || " Trait"}` } })
-					}),
-					/* @__PURE__ */ d(e, {
-						open: !!R,
-						deleteScorePoints: this.changeMaxPoints,
-						cancel: this.hideDecreaseMaxPointsModal
-					}),
-					/* @__PURE__ */ d(t, {
-						open: !!z,
-						scaleIndex: u,
-						deleteScale: this.deleteScale,
-						cancel: this.hideDeleteScaleModal
-					}),
-					/* @__PURE__ */ d(n, {
-						open: !!B,
-						deleteTrait: this.onTraitRemoved,
-						cancel: this.hideDeleteTraitModal,
-						traitLabel: I.toLowerCase()
-					}),
-					/* @__PURE__ */ d(r, {
-						open: W,
-						text: G,
-						onClose: () => this.set({ showInfoDialog: !1 })
-					})
-				]
-			}, `scale-${u}`)
-		});
-	}
-};
-v.propTypes = {
-	errors: l.object,
-	scale: l.shape({
-		maxPoints: l.number,
-		scorePointsLabels: l.arrayOf(l.string),
-		traitLabel: l.string,
-		traits: l.arrayOf(l.shape({
-			name: l.string,
-			standards: l.arrayOf(l.string),
-			scorePointsDescriptors: l.arrayOf(l.string),
-			description: l.string
-		}))
-	}),
-	width: l.string,
-	excludeZero: l.bool,
-	scaleIndex: l.number,
-	onScaleChanged: l.func,
-	onScaleRemoved: l.func,
-	showStandards: l.bool,
-	showLevelTagInput: l.bool,
-	showDescription: l.bool,
-	uploadSoundSupport: l.object,
-	showScorePointLabels: l.bool,
-	enableDragAndDrop: l.bool,
-	expandedPluginProps: l.object,
-	labelPluginProps: l.object
-};
-//#endregion
-export { v as default };

package/dist/author/trait.d.ts

@@ -1,70 +0,0 @@
-/**
- * @synced-from pie-elements/packages/multi-trait-rubric/configure/src/trait.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';
-declare function TraitTile({ error, trait: { name, standards, description, scorePointsDescriptors }, traitLabel, scorePointsValues, showStandards, showDescription, enableDragAndDrop, currentPosition, secondaryBlockWidth, spellCheck, maxPoints, uploadSoundSupport, mathMlOptions, expandedPluginProps, labelPluginProps, imageSupport, index, onTraitChanged, onTraitRemoved, onTraitDropped, }: {
-    error: any;
-    trait: {
-        name: any;
-        standards: any;
-        description: any;
-        scorePointsDescriptors: any;
-    };
-    traitLabel: any;
-    scorePointsValues: any;
-    showStandards: any;
-    showDescription: any;
-    enableDragAndDrop: any;
-    currentPosition: any;
-    secondaryBlockWidth: any;
-    spellCheck: any;
-    maxPoints: any;
-    uploadSoundSupport: any;
-    mathMlOptions?: {} | undefined;
-    expandedPluginProps?: {} | undefined;
-    labelPluginProps?: {} | undefined;
-    imageSupport?: {} | undefined;
-    index: any;
-    onTraitChanged: any;
-    onTraitRemoved: any;
-    onTraitDropped: any;
-}): React.JSX.Element;
-declare namespace TraitTile {
-    var propTypes: {
-        error: PropTypes.Requireable<object>;
-        index: PropTypes.Validator<number>;
-        onTraitChanged: PropTypes.Validator<(...args: any[]) => any>;
-        onTraitRemoved: PropTypes.Validator<(...args: any[]) => any>;
-        onTraitDropped: PropTypes.Requireable<(...args: any[]) => any>;
-        trait: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Requireable<string>;
-            standards: PropTypes.Requireable<(string | null | undefined)[]>;
-            scorePointsDescriptors: PropTypes.Requireable<(string | null | undefined)[]>;
-            description: PropTypes.Requireable<string>;
-        }>>;
-        traitLabel: PropTypes.Requireable<string>;
-        scorePointsValues: PropTypes.Requireable<(number | null | undefined)[]>;
-        showStandards: PropTypes.Requireable<boolean>;
-        showDescription: PropTypes.Requireable<boolean>;
-        maxPoints: PropTypes.Requireable<number>;
-        enableDragAndDrop: PropTypes.Requireable<boolean>;
-        currentPosition: PropTypes.Requireable<number>;
-        secondaryBlockWidth: PropTypes.Requireable<number>;
-        spellCheck: PropTypes.Requireable<boolean>;
-        uploadSoundSupport: PropTypes.Requireable<object>;
-        mathMlOptions: PropTypes.Requireable<object>;
-        expandedPluginProps: PropTypes.Requireable<object>;
-        labelPluginProps: PropTypes.Requireable<object>;
-        imageSupport: PropTypes.Requireable<PropTypes.InferProps<{
-            add: PropTypes.Validator<(...args: any[]) => any>;
-            delete: PropTypes.Validator<(...args: any[]) => any>;
-        }>>;
-    };
-}
-export default TraitTile;

package/dist/author/trait.js

@@ -1,202 +0,0 @@
-import { Block as e, ExpandedInput as t, PrimaryBlock as n, Row as r, SecondaryBlock as i, UnderlinedInput as a } from "./common.js";
-import o from "react";
-import s from "prop-types";
-import { styled as c } from "@mui/material/styles";
-import { InlineMenu as l, color as u } from "@pie-lib/render-ui";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { isEmpty as p } from "@pie-element/shared-lodash";
-import m from "@mui/material/IconButton";
-import h from "@mui/material/MenuItem";
-import g from "@mui/icons-material/MoreVert";
-import _ from "debug";
-import { useDraggable as v, useDroppable as y } from "@dnd-kit/core";
-import b from "@mui/icons-material/DragIndicator";
-//#region src/author/trait.tsx
-_("@pie-element:placement-ordering:configure:trait-tile");
-var x = c(b)({ color: u.text() }), S = c(n)(({ theme: e }) => ({
-	display: "flex",
-	flexDirection: "column",
-	justifyContent: "space-between",
-	marginBottom: e.spacing(5),
-	touchAction: "none"
-})), C = c("div")({
-	display: "flex",
-	alignItems: "center",
-	width: "100%",
-	cursor: "pointer"
-}), w = c(m)({ marginLeft: "auto" }), ee = c("div")({
-	display: "flex",
-	whiteSpace: "break-spaces"
-}), T = c("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingBottom: e.spacing(1)
-}));
-function E({ error: n, trait: { name: s, standards: c, description: u, scorePointsDescriptors: m }, traitLabel: _, scorePointsValues: b, showStandards: E, showDescription: D, enableDragAndDrop: O, currentPosition: k, secondaryBlockWidth: A, spellCheck: j, maxPoints: M, uploadSoundSupport: N, mathMlOptions: P = {}, expandedPluginProps: F = {}, labelPluginProps: I = {}, imageSupport: L = {}, index: R, onTraitChanged: z, onTraitRemoved: B, onTraitDropped: te }) {
-	let [V, H] = o.useState(null), U = o.useRef(null), { attributes: W, listeners: G, setNodeRef: K, transform: q, isDragging: J } = v({
-		id: `trait-${R}`,
-		data: {
-			type: "trait",
-			index: R,
-			name: s
-		}
-	}), { setNodeRef: Y } = y({
-		id: `trait-drop-${R}`,
-		data: {
-			type: "trait",
-			index: R
-		}
-	});
-	o.useLayoutEffect(() => {
-		k !== void 0 && U.current && U.current.scrollTo({ left: k });
-	}, [k]);
-	let X = (e) => {
-		p(e) || z({
-			name: s,
-			standards: c,
-			description: u,
-			scorePointsDescriptors: m,
-			...e
-		});
-	}, Z = ({ descriptor: e, value: t }) => {
-		if (t < 0 || t >= m.length) return;
-		let n = [...m];
-		n[t] = e, X({ scorePointsDescriptors: n });
-	}, Q = (e) => H(e.currentTarget), $ = () => H(null), ne = () => {
-		B(), $();
-	};
-	return /* @__PURE__ */ d("div", {
-		ref: Y,
-		style: q ? {
-			transform: `translate3d(${q.x}px, ${q.y}px, 0)`,
-			opacity: J ? .5 : 1
-		} : {},
-		children: /* @__PURE__ */ f(r, { children: [/* @__PURE__ */ f(S, { children: [
-			/* @__PURE__ */ f(C, { children: [
-				O && /* @__PURE__ */ d("span", {
-					ref: K,
-					...W,
-					...G,
-					children: /* @__PURE__ */ d(x, {})
-				}),
-				/* @__PURE__ */ d(w, {
-					"aria-label": "more",
-					"aria-controls": "long-menu",
-					"aria-haspopup": "true",
-					onClick: Q,
-					size: "large",
-					children: /* @__PURE__ */ d(g, {})
-				}),
-				/* @__PURE__ */ d(l, {
-					id: "long-menu",
-					anchorEl: V,
-					keepMounted: !0,
-					open: !!V,
-					onClose: $,
-					transitionDuration: {
-						enter: 225,
-						exit: 195
-					},
-					children: /* @__PURE__ */ d(h, {
-						onClick: ne,
-						children: /* @__PURE__ */ d(ee, { dangerouslySetInnerHTML: { __html: `Remove ${s || _}` } })
-					})
-				})
-			] }),
-			/* @__PURE__ */ d(a, {
-				markup: s,
-				error: n?.name || "",
-				onChange: (e) => X({ name: e }),
-				pluginProps: I,
-				placeholder: `Enter ${_}`,
-				spellCheck: j,
-				uploadSoundSupport: N,
-				mathMlOptions: P,
-				imageSupport: L
-			}),
-			n && /* @__PURE__ */ d(T, { children: n.name || "" })
-		] }), /* @__PURE__ */ f(i, {
-			setRef: (e) => {
-				U.current = e;
-			},
-			width: `${A}px`,
-			children: [
-				E && c && /* @__PURE__ */ d(e, { children: /* @__PURE__ */ d(t, {
-					placeholder: "Standards",
-					markup: c.join(","),
-					onChange: (e) => X({ standards: e.split(",") }),
-					pluginProps: F,
-					spellCheck: j,
-					uploadSoundSupport: N,
-					mathMlOptions: P,
-					imageSupport: L
-				}) }),
-				D && /* @__PURE__ */ f(e, { children: [/* @__PURE__ */ d(t, {
-					placeholder: "Enter Description",
-					markup: u,
-					error: n?.description || "",
-					onChange: (e) => X({ description: e }),
-					pluginProps: F,
-					spellCheck: j,
-					uploadSoundSupport: N,
-					mathMlOptions: P,
-					imageSupport: L
-				}), n && /* @__PURE__ */ d(T, { children: n.description || "" })] }),
-				(b || []).map((n, r) => {
-					let i = A - 216 * r + k - 98, a = b.length - r - 1, o;
-					try {
-						o = m[a] || "";
-					} catch {
-						o = "";
-					}
-					return /* @__PURE__ */ d(e, { children: /* @__PURE__ */ d(t, {
-						placeholder: "Enter Descriptor",
-						markup: o,
-						onChange: (e) => Z({
-							descriptor: e,
-							value: a
-						}),
-						pluginProps: F,
-						alignToRight: i < 296 && n < M,
-						spellCheck: j,
-						uploadSoundSupport: N,
-						mathMlOptions: P,
-						imageSupport: L
-					}) }, `key-key-${r}`);
-				})
-			]
-		})] })
-	});
-}
-E.propTypes = {
-	error: s.object,
-	index: s.number.isRequired,
-	onTraitChanged: s.func.isRequired,
-	onTraitRemoved: s.func.isRequired,
-	onTraitDropped: s.func,
-	trait: s.shape({
-		name: s.string,
-		standards: s.arrayOf(s.string),
-		scorePointsDescriptors: s.arrayOf(s.string),
-		description: s.string
-	}),
-	traitLabel: s.string,
-	scorePointsValues: s.arrayOf(s.number),
-	showStandards: s.bool,
-	showDescription: s.bool,
-	maxPoints: s.number,
-	enableDragAndDrop: s.bool,
-	currentPosition: s.number,
-	secondaryBlockWidth: s.number,
-	spellCheck: s.bool,
-	uploadSoundSupport: s.object,
-	mathMlOptions: s.object,
-	expandedPluginProps: s.object,
-	labelPluginProps: s.object,
-	imageSupport: s.shape({
-		add: s.func.isRequired,
-		delete: s.func.isRequired
-	})
-};
-//#endregion
-export { E as default };

package/dist/author/traitsHeader.d.ts

@@ -1,28 +0,0 @@
-/**
- * @synced-from pie-elements/packages/multi-trait-rubric/configure/src/traitsHeader.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 class TraitsHeaderTile extends React.Component {
-    static propTypes: {
-        maxPointsEnabled: PropTypes.Requireable<boolean>;
-        spellCheck: PropTypes.Requireable<boolean>;
-        errors: PropTypes.Requireable<object>;
-    };
-    state: {
-        anchorEl: null;
-    };
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    onScorePointLabelChange: any;
-    handleClick: (event: any) => void;
-    handleClose: () => void;
-    scrollToPosition: any;
-    openMenu: any;
-    render(): React.JSX.Element;
-}
-export default TraitsHeaderTile;