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

package/dist/author/common.d.ts

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

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

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

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

@@ -1,22 +0,0 @@
-/**
- * @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;
-    disconnectedCallback(): void;
-}