@pie-element/multi-trait-rubric 8.4.0-beta.6 → 9.0.0-next.20261002094057

package/author.js

@@ -0,0 +1,2 @@
+export { default } from './dist/author/index.js';
+export * from './dist/author/index.js';

package/configure.js

@@ -0,0 +1,2 @@
+export { default } from './dist/author/index.js';
+export * from './dist/author/index.js';

package/controller.js

@@ -0,0 +1 @@
+export * from './dist/controller/index.js';

package/dist/author/common.d.ts

@@ -0,0 +1,90 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-rubric/configure/src/common.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';
+export declare const BlockWidth = 200;
+export declare const PrimaryBlockWidth = 200;
+export declare const DragHandleSpace = 32;
+export declare const HeaderHeight = "100px";
+export declare const HeaderHeightLarge = "160px";
+export declare const MultiTraitButton: ({ children, onClick }: {
+    children: any;
+    onClick: any;
+}) => React.JSX.Element;
+export declare const PrimaryBlock: any;
+export declare const Block: any;
+export declare const SecondaryBlock: ({ children, setRef, width }: {
+    children: any;
+    setRef: any;
+    width: any;
+}) => React.JSX.Element;
+export declare const Row: ({ children, height }: {
+    children: any;
+    height: any;
+}) => React.JSX.Element;
+export declare const ScorePoint: ({ error, scorePointsValue, scoreDescriptor, pluginProps, onChange, showScorePointLabels, alignToRight, spellCheck, uploadSoundSupport, imageSupport, mathMlOptions, }: {
+    error?: string | undefined;
+    scorePointsValue: any;
+    scoreDescriptor: any;
+    pluginProps: any;
+    onChange: any;
+    showScorePointLabels: any;
+    alignToRight: any;
+    spellCheck: any;
+    uploadSoundSupport: any;
+    imageSupport?: {} | undefined;
+    mathMlOptions?: {} | undefined;
+}) => React.JSX.Element;
+export declare const MaxPointsPicker: ({ maxPoints, onChange, maxMaxPoints }: {
+    maxPoints: any;
+    onChange: any;
+    maxMaxPoints: any;
+}) => React.JSX.Element;
+export declare const SimpleInput: ({ markup, onChange, pluginProps, label, spellCheck, uploadSoundSupport, mathMlOptions, imageSupport, }: {
+    markup: any;
+    onChange: any;
+    pluginProps: any;
+    label: any;
+    spellCheck: any;
+    uploadSoundSupport: any;
+    mathMlOptions?: {} | undefined;
+    imageSupport?: {} | undefined;
+}) => React.JSX.Element;
+export declare const UnderlinedInput: ({ error, markup, onChange, pluginProps, label, placeholder, spellCheck, uploadSoundSupport, imageSupport, mathMlOptions, }: {
+    error: any;
+    markup: any;
+    onChange: any;
+    pluginProps: any;
+    label: any;
+    placeholder: any;
+    spellCheck: any;
+    uploadSoundSupport: any;
+    imageSupport?: {} | undefined;
+    mathMlOptions?: {} | undefined;
+}) => React.JSX.Element;
+export declare const ExpandedInput: ({ error, markup, onChange, pluginProps, placeholder, alignToRight, spellCheck, uploadSoundSupport, mathMlOptions, imageSupport, }: {
+    error: any;
+    markup: any;
+    onChange: any;
+    pluginProps: any;
+    placeholder: any;
+    alignToRight: any;
+    spellCheck: any;
+    uploadSoundSupport: any;
+    mathMlOptions?: {} | undefined;
+    imageSupport?: {} | undefined;
+}) => React.JSX.Element;
+export declare const ScaleSettings: any;
+export declare const Arrow: ({ children, show, width, onClick, left, showLevelTagInput }: {
+    children: any;
+    show: any;
+    width: any;
+    onClick: any;
+    left: any;
+    showLevelTagInput: any;
+}) => React.JSX.Element;

package/dist/author/common.js

@@ -0,0 +1,275 @@
+import { filteredDefaultPlugins as e } from "./utils.js";
+import "react";
+import { styled as t } from "@mui/material/styles";
+import * as n from "@pie-lib/render-ui";
+import { InputContainer as r, color as i } from "@pie-lib/render-ui";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "@mui/material/MenuItem";
+import c from "@pie-lib/editable-html-tip-tap";
+import l from "@mui/material/Select";
+import u from "@mui/material/InputBase";
+import { grey as d } from "@mui/material/colors";
+//#region src/author/common.tsx
+function f(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function p(e, t) {
+	return !e || f(e) ? e : f(e.default) ? e.default : t && f(e[t]) ? e[t] : t && f(e[t]?.default) ? e[t].default : e;
+}
+var m = p(r, "InputContainer") || p(_.InputContainer, "InputContainer"), h = n, g = h.default, _ = g && typeof g == "object" ? g : h, v = "120px", y = "100px", b = "160px", x = `solid 1px ${d[400]}`, S = "8px 4px", C = t("div")(({ theme: e }) => ({
+	fontFamily: "Cerebri",
+	"& .editable-label": {
+		textAlign: "left",
+		flex: 1,
+		border: "none",
+		"& div:not(.tiptap)": {
+			padding: 0,
+			border: "none"
+		},
+		"& > div:first-of-type": {
+			borderLeft: x,
+			borderRadius: 0,
+			padding: S
+		}
+	},
+	"& .editable-level": {
+		background: e.palette.common.white,
+		width: "60%"
+	},
+	"& .underlined-editable-level": {
+		background: e.palette.common.white,
+		width: "100%",
+		padding: 0,
+		border: "none",
+		"& > div:first-of-type": {
+			borderBottom: x,
+			borderRadius: 0,
+			padding: S
+		}
+	},
+	"& .expanded-input-prompt": {
+		border: "none",
+		margin: "10px",
+		marginTop: 0,
+		"& > div:first-of-type": {
+			border: x,
+			borderRadius: "4px",
+			padding: S
+		},
+		"& .tiptap": {
+			fontFamily: "Cerebri",
+			height: v,
+			padding: 0
+		}
+	}
+})), w = t("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize + 2,
+	textAlign: "right",
+	display: "flex",
+	flexDirection: "row",
+	alignItems: "flex-start",
+	padding: `${e.spacing(1.5)} ${e.spacing(2)}`,
+	width: "114px",
+	background: i.secondaryBackground(),
+	borderRadius: "4px",
+	justifyContent: "space-around",
+	color: i.text(),
+	cursor: "pointer"
+})), T = ({ children: e, onClick: t }) => /* @__PURE__ */ o(w, {
+	onClick: t,
+	children: [/* @__PURE__ */ a("strong", { children: "+" }), /* @__PURE__ */ a("div", { children: e })]
+}), E = t("div")({
+	width: "200px",
+	minWidth: "200px",
+	position: "relative",
+	padding: "0 10px",
+	boxSizing: "border-box"
+}), D = t("div")(({ theme: e }) => ({
+	width: "200px",
+	minWidth: "200px",
+	"& ul, ol": {
+		marginBlockStart: 0,
+		paddingInlineStart: e.spacing(2)
+	}
+})), O = t("div")({
+	display: "flex",
+	overflowX: "hidden",
+	overflowY: "hidden",
+	alignItems: "flex-end",
+	paddingBottom: "30px"
+}), k = ({ children: e, setRef: t, width: n }) => /* @__PURE__ */ a(O, {
+	style: { width: n },
+	ref: t,
+	children: e
+}), A = (({ children: e, height: t }) => /* @__PURE__ */ a("div", {
+	style: {
+		display: "flex",
+		height: t
+	},
+	children: e
+})), j = t("div")({ padding: "0 10px" }), M = t("div")({
+	display: "flex",
+	borderRadius: "4px",
+	background: "white",
+	flexDirection: "row",
+	alignItems: "center",
+	justifyContent: "space-between",
+	border: x
+}), N = t("div")({
+	display: "flex",
+	borderRadius: "4px",
+	background: "none",
+	flexDirection: "row",
+	alignItems: "center",
+	justifyContent: "center",
+	border: "0"
+}), P = t("div")({
+	width: "24px",
+	textAlign: "center"
+}), F = ({ error: t = "", scorePointsValue: n, scoreDescriptor: r, pluginProps: i, onChange: s, showScorePointLabels: l, alignToRight: u, spellCheck: d, uploadSoundSupport: f, imageSupport: p = {}, mathMlOptions: m = {} }) => /* @__PURE__ */ a(C, { children: /* @__PURE__ */ a(j, { children: /* @__PURE__ */ o(l ? M : N, { children: [/* @__PURE__ */ a(P, { children: n }), l ? /* @__PURE__ */ a(c, {
+	className: "editable-label",
+	error: t,
+	markup: r,
+	placeholder: " Enter Label",
+	onChange: s,
+	pluginProps: i,
+	activePlugins: e,
+	spellCheck: d,
+	toolbarOpts: u ? { alignment: "right" } : {},
+	uploadSoundSupport: f,
+	languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+	mathMlOptions: m,
+	imageSupport: p,
+	autoWidthToolbar: !0
+}) : null] }) }) }), I = t(u)(({ theme: e }) => ({
+	"&.MuiInputBase-root": {
+		background: e.palette.common.white,
+		marginTop: e.spacing(1),
+		"label + &": { width: "80px" }
+	},
+	"& .MuiInputBase-input": {
+		borderRadius: "4px",
+		position: "relative",
+		border: x,
+		fontSize: e.typography.fontSize,
+		fontFamily: "Cerebri Sans",
+		padding: `${e.spacing(1)} ${e.spacing(1.5)}`,
+		"&:focus": { borderRadius: "4px" }
+	}
+})), L = (e) => Array.from({ length: e }, (e, t) => t + 1), R = ({ maxPoints: e, onChange: t, maxMaxPoints: n }) => /* @__PURE__ */ a(m, {
+	label: "Max Points",
+	children: /* @__PURE__ */ a(l, {
+		value: e,
+		onChange: t,
+		input: /* @__PURE__ */ a(I, {}),
+		MenuProps: { transitionDuration: {
+			enter: 225,
+			exit: 195
+		} },
+		children: L(n).map((e) => /* @__PURE__ */ a(s, {
+			value: e,
+			children: e
+		}, `menu-item-${e}`))
+	})
+}), z = t("div")(({ theme: e }) => ({
+	display: "flex",
+	justifyContent: "space-between",
+	alignItems: "center",
+	margin: `${e.spacing(1.5)} 0`
+})), B = ({ markup: t, onChange: n, pluginProps: r, label: i, spellCheck: s, uploadSoundSupport: l, mathMlOptions: u = {}, imageSupport: d = {} }) => /* @__PURE__ */ a(C, { children: /* @__PURE__ */ o(z, { children: [i && /* @__PURE__ */ a("div", { children: i }), /* @__PURE__ */ a(c, {
+	className: "editable-level",
+	markup: t,
+	onChange: n,
+	placeholder: "Trait Label",
+	pluginProps: r,
+	activePlugins: e,
+	spellCheck: s,
+	uploadSoundSupport: l,
+	languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+	mathMlOptions: u,
+	imageSupport: d,
+	autoWidthToolbar: !0
+})] }) }), V = t("div")({
+	width: "100%",
+	display: "flex",
+	justifyContent: "center",
+	alignItems: "center"
+}), H = ({ error: t, markup: n, onChange: r, pluginProps: i, label: s, placeholder: l, spellCheck: u, uploadSoundSupport: d, imageSupport: f = {}, mathMlOptions: p = {} }) => /* @__PURE__ */ a(C, { children: /* @__PURE__ */ o(V, { children: [s && /* @__PURE__ */ a("div", { children: s }), /* @__PURE__ */ a(c, {
+	className: "underlined-editable-level",
+	error: t,
+	markup: n,
+	onChange: r,
+	placeholder: l,
+	pluginProps: i,
+	activePlugins: e,
+	spellCheck: u,
+	uploadSoundSupport: d,
+	languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+	mathMlOptions: p,
+	imageSupport: f,
+	autoWidthToolbar: !0
+})] }) }), U = ({ error: e, markup: t, onChange: n, pluginProps: r, placeholder: i, alignToRight: o, spellCheck: s, uploadSoundSupport: l, mathMlOptions: u = {}, imageSupport: d = {} }) => /* @__PURE__ */ a(C, { children: /* @__PURE__ */ a(c, {
+	className: "expanded-input-prompt",
+	error: e,
+	markup: t,
+	onChange: n,
+	placeholder: i,
+	pluginProps: r,
+	toolbarOpts: o ? { alignment: "right" } : {},
+	spellCheck: s,
+	uploadSoundSupport: l,
+	languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+	autoWidthToolbar: !0,
+	mathMlOptions: u,
+	imageSupport: d
+}) }), W = t("div")(({ theme: e }) => ({
+	display: "flex",
+	justifyContent: "space-between",
+	alignItems: "flex-end",
+	paddingBottom: "18px",
+	gap: e.spacing(.25)
+})), G = t("div")(({ theme: e }) => ({
+	position: "absolute",
+	zIndex: 10,
+	cursor: "pointer",
+	right: 0,
+	alignItems: "flex-start",
+	justifyContent: "center",
+	background: `linear-gradient(to left, ${e.palette.common.white}, ${i.background()})`,
+	boxSizing: "border-box"
+})), K = t("div")(({ theme: e }) => ({
+	position: "absolute",
+	zIndex: 11,
+	cursor: "pointer",
+	right: 0,
+	alignItems: "flex-start",
+	justifyContent: "center",
+	background: `linear-gradient(to left, ${e.palette.common.white}, ${i.background()})`,
+	boxSizing: "border-box",
+	"& svg": {
+		position: "absolute",
+		bottom: "-24px"
+	}
+})), q = ({ children: e, show: t, width: n, onClick: r, left: o, showLevelTagInput: s }) => /* @__PURE__ */ a(G, {
+	style: {
+		height: "-webkit-fill-available",
+		display: t ? "flex" : "none",
+		width: n,
+		left: o,
+		background: o ? `linear-gradient(to right, white, ${i.background()})` : void 0
+	},
+	onClick: r,
+	children: /* @__PURE__ */ a(K, {
+		style: {
+			display: t ? "flex" : "none",
+			width: n,
+			height: s ? b : y,
+			left: 0,
+			background: o ? `linear-gradient(to right, ${i.secondaryBackground()}, ${i.background()})` : void 0
+		},
+		onClick: r,
+		children: e
+	})
+});
+//#endregion
+export { q as Arrow, D as Block, U as ExpandedInput, y as HeaderHeight, b as HeaderHeightLarge, R as MaxPointsPicker, T as MultiTraitButton, E as PrimaryBlock, A as Row, W as ScaleSettings, F as ScorePoint, k as SecondaryBlock, B as SimpleInput, H as UnderlinedInput };

package/dist/author/defaults.d.ts

@@ -0,0 +1,153 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-rubric/configure/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: {
+    model: {
+        addScaleEnabled: boolean;
+        description: boolean;
+        excludeZero: boolean;
+        halfScoring: boolean;
+        maxPointsEnabled: boolean;
+        pointLabels: boolean;
+        scales: never[];
+        standards: boolean;
+        visibleToStudent: boolean;
+    };
+    configuration: {
+        baseInputConfiguration: {
+            h3: {
+                disabled: boolean;
+            };
+            audio: {
+                disabled: boolean;
+            };
+            video: {
+                disabled: boolean;
+            };
+            image: {
+                disabled: boolean;
+            };
+            textAlign: {
+                disabled: boolean;
+            };
+            showParagraphs: {
+                disabled: boolean;
+            };
+            separateParagraphs: {
+                disabled: boolean;
+            };
+        };
+        expandedInput: {
+            inputConfiguration: {
+                math: {
+                    disabled: boolean;
+                };
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+        };
+        labelInput: {
+            inputConfiguration: {
+                math: {
+                    disabled: boolean;
+                };
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+        };
+        excludeZeroDialogBoxContent: {
+            title: string;
+            text: string;
+        };
+        includeZeroDialogBoxContent: {
+            title: string;
+            text: string;
+        };
+        deleteScaleDialogBoxContent: {
+            title: string;
+            text: string;
+        };
+        maxPointsDialogBoxContent: {
+            title: string;
+            text: string;
+        };
+        settingsPanelDisabled: boolean;
+        spellCheck: {
+            label: string;
+            settings: boolean;
+            enabled: boolean;
+        };
+        showExcludeZero: {
+            settings: boolean;
+            label: string;
+        };
+        showScorePointLabels: {
+            settings: boolean;
+            label: string;
+        };
+        showDescription: {
+            settings: boolean;
+            label: string;
+        };
+        showVisibleToStudent: {
+            settings: boolean;
+            label: string;
+        };
+        showHalfScoring: {
+            settings: boolean;
+            label: string;
+        };
+        showStandards: {
+            settings: boolean;
+            label: string;
+        };
+        showLevelTagInput: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+        };
+        dragAndDrop: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+        };
+        showMaxPoint: {
+            settings: boolean;
+            label: string;
+        };
+        addScale: {
+            settings: boolean;
+            label: string;
+        };
+        minNoOfTraits: number;
+        maxNoOfTraits: number;
+        minNoOfScales: number;
+        maxNoOfScales: number;
+        defaultTraitLabel: string;
+        mathMlOptions: {
+            mmlOutput: boolean;
+            mmlEditing: boolean;
+        };
+        maxMaxPoints: number;
+    };
+};
+export default _default;

package/dist/author/defaults.js

@@ -0,0 +1,113 @@
+//#region src/author/defaults.tsx
+var e = {
+	model: {
+		addScaleEnabled: !0,
+		description: !1,
+		excludeZero: !1,
+		halfScoring: !1,
+		maxPointsEnabled: !0,
+		pointLabels: !0,
+		scales: [],
+		standards: !1,
+		visibleToStudent: !0
+	},
+	configuration: {
+		baseInputConfiguration: {
+			h3: { disabled: !0 },
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 },
+			textAlign: { disabled: !0 },
+			showParagraphs: { disabled: !1 },
+			separateParagraphs: { disabled: !0 }
+		},
+		expandedInput: { inputConfiguration: {
+			math: { disabled: !0 },
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 }
+		} },
+		labelInput: { inputConfiguration: {
+			math: { disabled: !0 },
+			audio: { disabled: !0 },
+			video: { disabled: !0 },
+			image: { disabled: !0 }
+		} },
+		excludeZeroDialogBoxContent: {
+			title: "Exclude 0 (Zero) from Score Point Values.",
+			text: "<div>\n        You are about to exclude 0 from score point values.\n        <br/>\n        Some of the existing data has to be changed.\n        <br/>\n        Please choose if you want to:\n        <ul>\n          <li>\n            shift Labels and Descriptions to the left\n          </li>\n          <li>\n            remove 0 column with its Label and Description\n          </li>\n        </ul>\n      </div>"
+		},
+		includeZeroDialogBoxContent: {
+			title: "Include 0 (Zero) in Score Point Values.",
+			text: "<div>\n        You are about to include 0 in score point values.\n        <br/>\n        Some of the existing data has to be changed.\n        <br/>\n        Please choose if you want to:\n        <ul>\n          <li>\n            shift Labels and Descriptions to the right\n          </li>\n          <li>\n            add 0 column with empty Label and Descriptions\n          </li>\n        </ul>\n      </div>"
+		},
+		deleteScaleDialogBoxContent: {
+			title: "Delete Scale",
+			text: "Are you sure you want to delete this scale?"
+		},
+		maxPointsDialogBoxContent: {
+			title: "Decreasing Max Points.",
+			text: " You are about to decrease max score point value.\n        <br/>\n        All the Labels and Descriptions for scores above Max Point will be deleted."
+		},
+		settingsPanelDisabled: !1,
+		spellCheck: {
+			label: "Spellcheck",
+			settings: !1,
+			enabled: !0
+		},
+		showExcludeZero: {
+			settings: !0,
+			label: "Exclude Zero"
+		},
+		showScorePointLabels: {
+			settings: !0,
+			label: "Show Score Point Labels"
+		},
+		showDescription: {
+			settings: !0,
+			label: "Show Description"
+		},
+		showVisibleToStudent: {
+			settings: !0,
+			label: "Visible to Student"
+		},
+		showHalfScoring: {
+			settings: !0,
+			label: "Half Scoring"
+		},
+		showStandards: {
+			settings: !1,
+			label: "Show Standards"
+		},
+		showLevelTagInput: {
+			settings: !1,
+			label: "Show Level Tag Input",
+			enabled: !1
+		},
+		dragAndDrop: {
+			settings: !0,
+			label: "Enable Drag and Drop",
+			enabled: !1
+		},
+		showMaxPoint: {
+			settings: !0,
+			label: "Show Max Points Dropdown"
+		},
+		addScale: {
+			settings: !0,
+			label: "Add Scale Available"
+		},
+		minNoOfTraits: 1,
+		maxNoOfTraits: 10,
+		minNoOfScales: 1,
+		maxNoOfScales: 10,
+		defaultTraitLabel: "Trait",
+		mathMlOptions: {
+			mmlOutput: !1,
+			mmlEditing: !1
+		},
+		maxMaxPoints: 10
+	}
+};
+//#endregion
+export { e as default };

package/dist/author/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-rubric/configure/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 MultiTraitRubricElement extends HTMLElement {
+    constructor();
+    updateModelAccordingToReceivedProps: any;
+    set model(m: any);
+    set configuration(c: any);
+    onModelChanged: any;
+    onConfigurationChanged: any;
+    insertSound(handler: any): void;
+    onDeleteSound(src: any, done: any): void;
+    insertImage(handler: any): void;
+    onDeleteImage(src: any, done: any): void;
+    _render(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}