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

package/dist/author/index.js

@@ -0,0 +1,89 @@
+import e from "./defaults.js";
+import { excludeZeroTypes as t } from "./modals.js";
+import { addOrRemoveScaleColumn as n } from "./utils.js";
+import r from "./main.js";
+import i from "react";
+import { createRoot as a } from "react-dom/client";
+import { DeleteImageEvent as o, DeleteSoundEvent as s, InsertImageEvent as c, InsertSoundEvent as l, ModelUpdatedEvent as u } from "@pie-element/shared-configure-events";
+//#region src/author/index.ts
+var d = (t) => ({
+	...e.model,
+	...t
+}), f = (t) => ({
+	...e.configuration,
+	...t
+}), p = class extends HTMLElement {
+	constructor() {
+		super(), this._root = null, this._model = d(), this._configuration = f();
+	}
+	updateModelAccordingToReceivedProps = (e) => {
+		let r = { ...this._model };
+		if (!e) return r;
+		let i = { ...e }, { scales: a, excludeZero: o } = i || {};
+		return (a || []).forEach((e) => {
+			e ||= {
+				scorePointsLabels: [],
+				traits: []
+			};
+			let { maxPoints: t } = e || {};
+			e.scorePointsLabels = [...e.scorePointsLabels || []], e.traits = [...e.traits || []];
+			let n = o ? t : t + 1, r = e.scorePointsLabels.length;
+			if (r !== n) if (r < n) for (let t = 0; t < n - r; t++) e.scorePointsLabels.push("");
+			else e.scorePointsLabels = e.scorePointsLabels.slice(0, n);
+			(e.traits || []).forEach((e) => {
+				e ||= { scorePointsDescriptors: [] }, e.scorePointsDescriptors = [...e.scorePointsDescriptors || []];
+				let t = e.scorePointsDescriptors.length;
+				if (t !== n) if (t < n) for (let r = 0; r < n - t; r++) e.scorePointsDescriptors.push("");
+				else e.scorePointsDescriptors = e.scorePointsDescriptors.slice(0, n);
+			});
+		}), i.excludeZero && i.scales.some((e) => e.maxPoints === 1) && (i.excludeZero = !1, i.scales = n(a, t.add0)), i;
+	};
+	set model(e) {
+		this._model = this.updateModelAccordingToReceivedProps(d(e)), this._render();
+	}
+	set configuration(e) {
+		this._configuration = f(e), this._render();
+	}
+	onModelChanged = (e) => {
+		this._model = this.updateModelAccordingToReceivedProps(d(e)), this._render(), this.dispatchEvent(new u(this._model, !1));
+	};
+	onConfigurationChanged = (e) => {
+		this._configuration = f(e), this._render();
+	};
+	insertSound(e) {
+		this.dispatchEvent(new l(e));
+	}
+	onDeleteSound(e, t) {
+		this.dispatchEvent(new s(e, t));
+	}
+	insertImage(e) {
+		this.dispatchEvent(new c(e));
+	}
+	onDeleteImage(e, t) {
+		this.dispatchEvent(new o(e, t));
+	}
+	_render() {
+		if (this._model) {
+			let e = i.createElement(r, {
+				model: this._model,
+				configuration: this._configuration,
+				onModelChanged: this.onModelChanged,
+				onConfigurationChanged: this.onConfigurationChanged,
+				uploadSoundSupport: {
+					add: this.insertSound.bind(this),
+					delete: this.onDeleteSound.bind(this)
+				},
+				imageSupport: {
+					add: this.insertImage.bind(this),
+					delete: this.onDeleteImage.bind(this)
+				}
+			});
+			this._root ||= a(this), this._root.render(e);
+		}
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { p as default };

package/dist/author/main.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-rubric/configure/src/main.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 class Main extends React.Component {
+    constructor(props: any);
+    state: {
+        showDecreaseMaxPointsDialog: boolean;
+        showDeleteScaleDialog: boolean;
+        showDeleteTraitDialog: boolean;
+        showExcludeZeroDialog: boolean;
+        showInfoDialog: boolean;
+        infoDialogText: string;
+        adjustedWidth: string;
+        initialUpdateCompleted: boolean;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(): void;
+    updateDivWidth(): void;
+    updateDivWidthDebounced: any;
+    onScaleAdded: any;
+    onScaleChanged: any;
+    onScaleRemoved: any;
+    onHalfScoringChanged: any;
+    onVisibleToStudentChanged: any;
+    set: (newState: any) => void;
+    changeShowScorePointLabels: any;
+    changeShowDescription: any;
+    changeShowStandards: any;
+    showToggleExcludeZeroModal: () => void;
+    hideToggleExcludeZeroModal: any;
+    onCloseInfoDialog: () => void;
+    changeExcludeZero: any;
+    onModelChanged: any;
+    render(): React.JSX.Element;
+}
+export default Main;

package/dist/author/main.js

@@ -0,0 +1,249 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js";
+import t from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/debounce.js";
+import n from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
+import { ExcludeZeroDialog as r, IncludeZeroDialog as i, InfoDialog as a, excludeZeroTypes as o } from "./modals.js";
+import { addOrRemoveScaleColumn as s } from "./utils.js";
+import { MultiTraitButton as c } from "./common.js";
+import l from "./scale.js";
+import u from "react";
+import d from "prop-types";
+import { styled as f } from "@mui/material/styles";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { layout as h, settings as g } from "@pie-lib/config-ui";
+//#region src/author/main.tsx
+var { Panel: _, toggle: v } = g, y = "650px", b = f("div")(({ theme: e }) => ({
+	fontFamily: "Cerebri Sans",
+	fontSize: e.typography.fontSize + 2,
+	padding: "16px 0"
+})), x = ({ showExcludeZeroDialog: e, excludeZero: t, changeExcludeZero: n, cancel: a }) => e && !t ? /* @__PURE__ */ p(r, {
+	open: e && !t,
+	changeExcludeZero: n,
+	cancel: a
+}) : e && t ? /* @__PURE__ */ p(i, {
+	open: e && t,
+	changeExcludeZero: n,
+	cancel: a
+}) : null;
+x.propTypes = {
+	showExcludeZeroDialog: d.bool,
+	excludeZero: d.bool,
+	changeExcludeZero: d.func,
+	cancel: d.func
+};
+var S = class extends u.Component {
+	constructor(e) {
+		super(e), this.divRef = u.createRef(), this.updateDivWidth = this.updateDivWidth.bind(this);
+	}
+	state = {
+		showDecreaseMaxPointsDialog: !1,
+		showDeleteScaleDialog: !1,
+		showDeleteTraitDialog: !1,
+		showExcludeZeroDialog: !1,
+		showInfoDialog: !1,
+		infoDialogText: "",
+		adjustedWidth: y,
+		initialUpdateCompleted: !1
+	};
+	componentDidMount() {
+		window.addEventListener("resize", this.updateDivWidthDebounced), window.addEventListener("load", this.updateDivWidth), setTimeout(this.updateDivWidth, 0);
+	}
+	componentWillUnmount() {
+		window.removeEventListener("resize", this.updateDivWidthDebounced), window.removeEventListener("load", this.updateDivWidth);
+	}
+	componentDidUpdate() {
+		this.state.initialUpdateCompleted || (this.updateDivWidth(), this.setState({ initialUpdateCompleted: !0 }));
+	}
+	updateDivWidth() {
+		if (this.divRef && this.divRef.current) {
+			let e = this.divRef.current.offsetWidth;
+			e !== this.state.adjustedWidth && this.set({ adjustedWidth: e });
+		}
+	}
+	updateDivWidthDebounced = t(() => this.updateDivWidth(), 50);
+	onScaleAdded = () => {
+		let { model: e, onModelChanged: t, configuration: n } = this.props, { scales: r, excludeZero: i } = e || {}, { maxNoOfScales: a } = n || {}, { defaultTraitLabel: o } = n || "";
+		if (r.length || (r = []), o = typeof o == "string" ? o : r[0]?.traitLabel || "", r.length === a) return this.set({
+			infoDialogText: `There can't be more than ${a} scales.`,
+			showInfoDialog: !0
+		}), !1;
+		r.push({
+			maxPoints: 1,
+			scorePointsLabels: i ? [""] : ["", ""],
+			traitLabel: o,
+			traits: []
+		}), t({
+			...e,
+			scales: r
+		});
+	};
+	onScaleChanged = (t, r) => {
+		let { model: i, onModelChanged: a } = this.props, c = e((i || {}).scales);
+		if (t < 0 || t >= c.length || n(r)) return !1;
+		Object.keys(r).forEach((e) => {
+			c[t][e] = r[e];
+		}), i.excludeZero && r.maxPoints === 1 && (i.excludeZero = !1, c = s(c, o.add0)), a({
+			...i,
+			scales: c
+		});
+	};
+	onScaleRemoved = (e) => {
+		let { model: t, onModelChanged: n, configuration: r } = this.props, { scales: i } = t || {}, { minNoOfScales: a } = r || {};
+		if (e < 0 || e >= i.length) return !1;
+		if (i.length === a) return this.set({
+			infoDialogText: `There can't be less than ${a} scales.`,
+			showInfoDialog: !0
+		}), !1;
+		i = [...i.slice(0, e), ...i.slice(e + 1)], n({
+			...t,
+			scales: i
+		});
+	};
+	onHalfScoringChanged = () => {
+		let { model: e, onModelChanged: t } = this.props, { halfScoring: n } = e || {};
+		t({
+			...e,
+			halfScoring: !n
+		});
+	};
+	onVisibleToStudentChanged = () => {
+		let { model: e, onModelChanged: t } = this.props, { visibleToStudent: n } = e || {};
+		t({
+			...e,
+			visibleToStudent: !n
+		});
+	};
+	set = (e) => this.setState(e);
+	changeShowScorePointLabels = () => {
+		let { model: e, onModelChanged: t } = this.props || {}, { pointLabels: n } = e || {};
+		n = !n, t({
+			...e,
+			pointLabels: n
+		});
+	};
+	changeShowDescription = () => {
+		let { model: e, onModelChanged: t } = this.props || {}, { description: n } = e || {};
+		n = !n, t({
+			...e,
+			description: n
+		});
+	};
+	changeShowStandards = () => {
+		let { model: e, onModelChanged: t } = this.props || {}, { standards: n } = e || {};
+		n = !n, t({
+			...e,
+			standards: n
+		});
+	};
+	showToggleExcludeZeroModal = () => this.set({ showExcludeZeroDialog: !0 });
+	hideToggleExcludeZeroModal = () => {
+		this.set({ showExcludeZeroDialog: !1 });
+	};
+	onCloseInfoDialog = () => this.set({ showInfoDialog: !1 });
+	changeExcludeZero = (e) => {
+		let { model: t, onModelChanged: n } = this.props || {}, { scales: r } = t || {}, { excludeZero: i } = t || {};
+		if (!r || !r.length) return;
+		i = !i;
+		let a = s(r, e);
+		n({
+			...t,
+			scales: a,
+			excludeZero: i
+		}), this.hideToggleExcludeZeroModal();
+	};
+	onModelChanged = (e, t) => {
+		let { onModelChanged: n } = this.props || {};
+		t === "excludeZero" ? this.showToggleExcludeZeroModal() : n(e);
+	};
+	render() {
+		let { model: e, configuration: t, onConfigurationChanged: n, uploadSoundSupport: r, imageSupport: i } = this.props || {}, { addScale: o, baseInputConfiguration: s = {}, dragAndDrop: u, contentDimensions: d = {}, showDescription: f, showExcludeZero: g, showLevelTagInput: y, showStandards: S, showHalfScoring: C, showMaxPoint: w, showScorePointLabels: T, showVisibleToStudent: E, spellCheck: D = {}, settingsPanelDisabled: O, maxNoOfTraits: k, minNoOfTraits: A, width: j, mathMlOptions: M = {}, maxMaxPoints: N, expandedInput: P = {}, labelInput: F = {} } = t || {}, { errors: I, extraCSSRules: L, scales: R, excludeZero: z, description: B, pointLabels: V, standards: H, spellCheckEnabled: U, maxPointsEnabled: W, addScaleEnabled: G } = e || {}, { showExcludeZeroDialog: K, showInfoDialog: q, infoDialogText: J, adjustedWidth: Y } = this.state || {}, X = R?.some((e) => e.maxPoints === 1), Z = {
+			standards: S.settings && v(S.label),
+			"showLevelTagInput.enabled": y.settings && v(y.label, !0),
+			visibleToStudent: E.settings && v(E.label),
+			excludeZero: g.settings && v(g.label, !1, X),
+			halfScoring: C.settings && v(C.label),
+			"dragAndDrop.enabled": u.settings && v(u.label, !0)
+		}, Q = {
+			description: f.settings && v(f.label),
+			pointLabels: T.settings && v(T.label),
+			spellCheckEnabled: D.settings && v(D.label),
+			maxPointsEnabled: w.settings && v(w.label),
+			addScaleEnabled: o.settings && v(o.label)
+		}, $ = (e) => Object.assign({ ...s }, e || {});
+		return /* @__PURE__ */ m(h.ConfigLayout, {
+			extraCSSRules: L,
+			dimensions: d,
+			hideSettings: O,
+			settings: /* @__PURE__ */ p(_, {
+				model: e,
+				onChangeModel: this.onModelChanged,
+				configuration: t,
+				onChangeConfiguration: n,
+				groups: {
+					Settings: Z,
+					Properties: Q
+				},
+				modal: /* @__PURE__ */ p(x, {
+					showExcludeZeroDialog: K,
+					excludeZero: z,
+					changeExcludeZero: this.changeExcludeZero,
+					cancel: this.hideToggleExcludeZeroModal
+				})
+			}),
+			children: [
+				/* @__PURE__ */ p("div", {
+					style: { width: "100%" },
+					ref: this.divRef
+				}),
+				/* @__PURE__ */ m(b, {
+					style: { width: j || Y },
+					children: [(R || []).map((e, t) => /* @__PURE__ */ p(l, {
+						scale: e,
+						scaleIndex: t,
+						errors: I,
+						onScaleRemoved: this.onScaleRemoved,
+						onScaleChanged: this.onScaleChanged,
+						showStandards: H,
+						showScorePointLabels: V,
+						showDescription: B,
+						showLevelTagInput: y.enabled,
+						excludeZero: z,
+						enableDragAndDrop: u.enabled,
+						spellCheck: U,
+						width: Y,
+						uploadSoundSupport: r,
+						maxPointsEnabled: W,
+						maxNoOfTraits: k,
+						minNoOfTraits: A,
+						imageSupport: i,
+						...this.props,
+						mathMlOptions: M,
+						maxMaxPoints: N,
+						expandedPluginProps: $(P?.inputConfiguration),
+						labelPluginProps: $(F?.inputConfiguration)
+					}, `scale-${t}`)), G && /* @__PURE__ */ p(c, {
+						onClick: this.onScaleAdded,
+						children: "Add Scale"
+					})]
+				}),
+				/* @__PURE__ */ p(a, {
+					open: q,
+					text: J,
+					onClose: () => this.set({ showInfoDialog: !1 })
+				})
+			]
+		});
+	}
+};
+S.propTypes = {
+	model: d.object,
+	uploadSoundSupport: d.object,
+	configuration: d.object,
+	onModelChanged: d.func,
+	onConfigurationChanged: d.func,
+	imageSupport: d.shape({
+		add: d.func.isRequired,
+		delete: d.func.isRequired
+	})
+};
+//#endregion
+export { S as default };

package/dist/author/modals.d.ts

@@ -0,0 +1,94 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-rubric/configure/src/modals.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 const excludeZeroTypes: {
+    remove0: string;
+    add0: string;
+    shiftLeft: string;
+    shiftRight: string;
+};
+declare const ExcludeZeroDialog: {
+    ({ open, changeExcludeZero, cancel }: {
+        open: any;
+        changeExcludeZero: any;
+        cancel: any;
+    }): React.JSX.Element;
+    propTypes: {
+        open: PropTypes.Requireable<boolean>;
+        changeExcludeZero: PropTypes.Requireable<(...args: any[]) => any>;
+        cancel: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+declare const IncludeZeroDialog: {
+    ({ open, changeExcludeZero, cancel }: {
+        open: any;
+        changeExcludeZero: any;
+        cancel: any;
+    }): React.JSX.Element;
+    propTypes: {
+        open: PropTypes.Requireable<boolean>;
+        changeExcludeZero: PropTypes.Requireable<(...args: any[]) => any>;
+        cancel: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+declare const DecreaseMaxPoints: {
+    ({ open, deleteScorePoints, cancel }: {
+        open: any;
+        deleteScorePoints: any;
+        cancel: any;
+    }): React.JSX.Element;
+    propTypes: {
+        open: PropTypes.Requireable<boolean>;
+        deleteScorePoints: PropTypes.Requireable<(...args: any[]) => any>;
+        cancel: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+declare const DeleteScale: {
+    ({ open, scaleIndex, deleteScale, cancel }: {
+        open: any;
+        scaleIndex: any;
+        deleteScale: any;
+        cancel: any;
+    }): React.JSX.Element;
+    propTypes: {
+        open: PropTypes.Requireable<boolean>;
+        scaleIndex: PropTypes.Requireable<number>;
+        deleteScale: PropTypes.Requireable<(...args: any[]) => any>;
+        cancel: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+declare const DeleteTrait: {
+    ({ open, deleteTrait, cancel, traitLabel }: {
+        open: any;
+        deleteTrait: any;
+        cancel: any;
+        traitLabel: any;
+    }): React.JSX.Element;
+    propTypes: {
+        open: PropTypes.Requireable<boolean>;
+        deleteTrait: PropTypes.Requireable<(...args: any[]) => any>;
+        cancel: PropTypes.Requireable<(...args: any[]) => any>;
+        traitLabel: PropTypes.Requireable<string>;
+    };
+};
+declare const InfoDialog: {
+    ({ open, text, onClose }: {
+        open: any;
+        text: any;
+        onClose: any;
+    }): React.JSX.Element;
+    propTypes: {
+        open: PropTypes.Requireable<boolean>;
+        text: PropTypes.Requireable<string>;
+        cancel: PropTypes.Requireable<(...args: any[]) => any>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+export { ExcludeZeroDialog, IncludeZeroDialog, DecreaseMaxPoints, DeleteScale, DeleteTrait, InfoDialog };

package/dist/author/modals.js

@@ -0,0 +1,171 @@
+import e from "./defaults.js";
+import "react";
+import t from "prop-types";
+import { styled as n } from "@mui/material/styles";
+import { color as r } from "@pie-lib/render-ui";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "@mui/material/Dialog";
+import s from "@mui/material/DialogTitle";
+import c from "@mui/material/DialogActions";
+import l from "@mui/material/DialogContent";
+import u from "@mui/material/DialogContentText";
+import d from "@mui/material/Button";
+//#region src/author/modals.tsx
+var { configuration: { excludeZeroDialogBoxContent: f, includeZeroDialogBoxContent: p, deleteScaleDialogBoxContent: m, maxPointsDialogBoxContent: h } } = e, g = {
+	remove0: "remove0",
+	add0: "add0",
+	shiftLeft: "shiftLeft",
+	shiftRight: "shiftRight"
+}, _ = n(o)(({ theme: e }) => ({ "& .MuiPaper-root": { padding: e.spacing(2.5) } })), v = n(s)(({ theme: e }) => ({
+	padding: `0 0 ${e.spacing(2)} 0`,
+	"& h2": {
+		fontSize: "20px",
+		lineHeight: "23px",
+		fontFamily: "Cerebri Sans",
+		color: r.text()
+	}
+})), y = n(l)(({ theme: e }) => ({
+	paddingLeft: "0",
+	"& p": {
+		fontSize: e.typography.fontSize + 2,
+		fontFamily: "Cerebri Sans",
+		color: r.text()
+	}
+})), b = n(d)(({ theme: e }) => ({
+	padding: `${e.spacing(1.5)} ${e.spacing(2)}`,
+	borderRadius: "4px",
+	fontSize: e.typography.fontSize,
+	fontFamily: "Cerebri Sans",
+	lineHeight: "14px",
+	textTransform: "none",
+	background: r.primary(),
+	color: e.palette.common.white
+})), x = n(b)({
+	background: r.secondaryBackground(),
+	color: r.text()
+}), S = ({ open: e, changeExcludeZero: t, cancel: n }) => /* @__PURE__ */ a(_, {
+	open: e,
+	children: [
+		/* @__PURE__ */ i(v, { children: f.title }),
+		/* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: { __html: f.text } }) }) }),
+		/* @__PURE__ */ a(c, { children: [
+			/* @__PURE__ */ i(x, {
+				onClick: () => n(),
+				children: "Cancel"
+			}),
+			/* @__PURE__ */ i(b, {
+				onClick: () => t(g.shiftLeft),
+				children: "Shift to Left"
+			}),
+			/* @__PURE__ */ i(b, {
+				onClick: () => t(g.remove0),
+				children: "Remove 0 column"
+			})
+		] })
+	]
+});
+S.propTypes = {
+	open: t.bool,
+	changeExcludeZero: t.func,
+	cancel: t.func
+};
+var C = ({ open: e, changeExcludeZero: t, cancel: n }) => /* @__PURE__ */ a(_, {
+	open: e,
+	children: [
+		/* @__PURE__ */ i(v, { children: p.title }),
+		/* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: { __html: p.text } }) }) }),
+		/* @__PURE__ */ a(c, { children: [
+			/* @__PURE__ */ i(x, {
+				onClick: () => n(),
+				children: "Cancel"
+			}),
+			/* @__PURE__ */ i(b, {
+				onClick: () => t(g.shiftRight),
+				children: "Shift to Right"
+			}),
+			/* @__PURE__ */ i(b, {
+				onClick: () => t(g.add0),
+				children: "Add 0 column"
+			})
+		] })
+	]
+});
+C.propTypes = {
+	open: t.bool,
+	changeExcludeZero: t.func,
+	cancel: t.func
+};
+var w = ({ open: e, deleteScorePoints: t, cancel: n }) => /* @__PURE__ */ a(_, {
+	open: e,
+	children: [
+		/* @__PURE__ */ i(v, { children: h.title }),
+		/* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: { __html: h.text } }) }) }),
+		/* @__PURE__ */ a(c, { children: [/* @__PURE__ */ i(x, {
+			onClick: n,
+			children: "Cancel"
+		}), /* @__PURE__ */ i(b, {
+			onClick: t,
+			children: "Confirm"
+		})] })
+	]
+});
+w.propTypes = {
+	open: t.bool,
+	deleteScorePoints: t.func,
+	cancel: t.func
+};
+var T = ({ open: e, scaleIndex: t, deleteScale: n, cancel: r }) => /* @__PURE__ */ a(_, {
+	open: e,
+	children: [
+		/* @__PURE__ */ i(v, { children: `${m.title} #${t + 1}` }),
+		/* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: { __html: m.text } }) }) }),
+		/* @__PURE__ */ a(c, { children: [/* @__PURE__ */ i(x, {
+			onClick: r,
+			children: "Cancel"
+		}), /* @__PURE__ */ i(b, {
+			onClick: n,
+			children: "Delete"
+		})] })
+	]
+});
+T.propTypes = {
+	open: t.bool,
+	scaleIndex: t.number,
+	deleteScale: t.func,
+	cancel: t.func
+};
+var E = ({ open: e, deleteTrait: t, cancel: n, traitLabel: r }) => /* @__PURE__ */ a(_, {
+	open: e,
+	children: [
+		/* @__PURE__ */ a(v, { children: ["Delete ", r] }),
+		/* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: { __html: `Are you sure you want to delete this ${r}?` } }) }) }),
+		/* @__PURE__ */ a(c, { children: [/* @__PURE__ */ i(x, {
+			onClick: n,
+			children: "Cancel"
+		}), /* @__PURE__ */ i(b, {
+			onClick: t,
+			children: "Delete"
+		})] })
+	]
+});
+E.propTypes = {
+	open: t.bool,
+	deleteTrait: t.func,
+	cancel: t.func,
+	traitLabel: t.string
+};
+var D = ({ open: e, text: t, onClose: n }) => /* @__PURE__ */ a(_, {
+	open: e,
+	children: [/* @__PURE__ */ i(v, { children: t }), /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i(b, {
+		onClick: n,
+		children: "OK"
+	}) })]
+});
+D.propTypes = {
+	open: t.bool,
+	text: t.string,
+	cancel: t.func,
+	onClose: t.func
+};
+//#endregion
+export { w as DecreaseMaxPoints, T as DeleteScale, E as DeleteTrait, S as ExcludeZeroDialog, C as IncludeZeroDialog, D as InfoDialog, g as excludeZeroTypes };

package/dist/author/scale.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-rubric/configure/src/scale.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 class Scale extends React.Component {
+    state: {
+        showDecreaseMaxPointsDialog: boolean;
+        showDeleteScaleDialog: boolean;
+        showDeleteTraitDialog: boolean;
+        currentPosition: number;
+        showRight: null;
+        showLeft: null;
+        showInfoDialog: boolean;
+        infoDialogText: string;
+    };
+    set: (newState: any) => void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any): void;
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    updateMaxPointsFieldValue: any;
+    showDecreaseMaxPointsModal: ({ newMaxPoints }: {
+        newMaxPoints: any;
+    }) => void;
+    hideDecreaseMaxPointsModal: () => void;
+    changeMaxPoints: any;
+    showDeleteScaleModal: () => void;
+    hideDeleteScaleModal: () => void;
+    deleteScale: any;
+    showDeleteTraitModal: (traitToDeleteIndex: any) => void;
+    hideDeleteTraitModal: () => void;
+    onTraitRemoved: any;
+    onTraitAdded: any;
+    onTraitChanged: any;
+    onTraitDropped: any;
+    decreasePosition: any;
+    getMaxScroll: any;
+    getNumberOfBlocks: any;
+    increasePosition: any;
+    render(): React.JSX.Element;
+}
+export default Scale;