@pie-element/likert 4.1.2-next.0 → 4.1.2-next.2

package/dist/author/index.js

@@ -1,25 +1,25 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/defaults.js";
-import t from "./main.js";
-import n from "./defaults.js";
-import r from "react";
-import { createRoot as i } from "react-dom/client";
-import a from "debug";
-import { DeleteSoundEvent as o, InsertSoundEvent as s, ModelUpdatedEvent as c } from "@pie-element/shared-configure-events";
+import e from "./main.js";
+import t from "./defaults.js";
+import n from "react";
+import { createRoot as r } from "react-dom/client";
+import i from "debug";
+import { DeleteSoundEvent as a, InsertSoundEvent as o, ModelUpdatedEvent as s } from "@pie-element/shared-configure-events";
+import { defaults as c } from "@pie-element/shared-lodash";
 //#region src/author/index.ts
-var l = a("likert:configure"), u = (t, r) => ({
-	configuration: e(t, n.configuration),
-	model: r
-}), d = class e extends HTMLElement {
+var l = i("likert:configure"), u = (e, n) => ({
+	configuration: c(e, t.configuration),
+	model: n
+}), d = class i extends HTMLElement {
 	static createDefaultModel = (e = {}) => ({
-		...n.model,
+		...t.model,
 		...e,
 		choices: e && e.choices || []
 	});
 	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = n.configuration, this.onModelChanged = this.onModelChanged.bind(this), this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+		super(), this._root = null, this._model = i.createDefaultModel(), this._configuration = t.configuration, this.onModelChanged = this.onModelChanged.bind(this), this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
 	}
-	set model(t) {
-		this._model = e.createDefaultModel(t), this._model = {
+	set model(e) {
+		this._model = i.createDefaultModel(e), this._model = {
 			...this._model,
 			choices: this._model.choices.map((e) => ({
 				...e,
@@ -36,7 +36,7 @@ var l = a("likert:configure"), u = (t, r) => ({
 	}
 	dispatchModelUpdated(e) {
 		let t = !!e;
-		this.dispatchEvent(new c(this._model, t));
+		this.dispatchEvent(new s(this._model, t));
 	}
 	onModelChanged(e, t) {
 		this._model = e, this._render(), this.dispatchModelUpdated(t);
@@ -45,14 +45,14 @@ var l = a("likert:configure"), u = (t, r) => ({
 		this._configuration = u(e, this._model).configuration, this._model && this.onModelChanged(this._model), this._render();
 	}
 	insertSound(e) {
-		this.dispatchEvent(new s(e));
+		this.dispatchEvent(new o(e));
 	}
 	onDeleteSound(e, t) {
-		this.dispatchEvent(new o(e, t));
+		this.dispatchEvent(new a(e, t));
 	}
 	_render() {
 		l("_render");
-		let e = r.createElement(t, {
+		let t = n.createElement(e, {
 			model: this._model,
 			configuration: this._configuration,
 			onModelChanged: this.onModelChanged,
@@ -63,7 +63,7 @@ var l = a("likert:configure"), u = (t, r) => ({
 				delete: this.onDeleteSound.bind(this)
 			}
 		});
-		this._root ||= i(this), this._root.render(e);
+		this._root ||= r(this), this._root.render(t);
 	}
 	disconnectedCallback() {
 		this._root && this._root.unmount();

package/dist/author/main.js

@@ -1,59 +1,59 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/merge.js";
-import { LIKERT_ORIENTATION as t, LIKERT_SCALE as n, LIKERT_TYPE as r } from "./likertEntities.js";
-import i from "./choiceGenerator.js";
-import a from "react";
-import o from "prop-types";
-import { color as s } from "@pie-lib/render-ui";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import u from "@mui/material/FormControlLabel";
-import { styled as d } from "@mui/material/styles";
-import f from "@mui/material/Radio";
-import p from "@pie-lib/editable-html-tip-tap";
-import m from "@mui/material/RadioGroup";
-import { InputContainer as h, NumberTextField as g, layout as _, settings as v } from "@pie-lib/config-ui";
+import { LIKERT_ORIENTATION as e, LIKERT_SCALE as t, LIKERT_TYPE as n } from "./likertEntities.js";
+import r from "./choiceGenerator.js";
+import i from "react";
+import a from "prop-types";
+import { color as o } from "@pie-lib/render-ui";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "@mui/material/FormControlLabel";
+import { styled as u } from "@mui/material/styles";
+import d from "@mui/material/Radio";
+import f from "@pie-lib/editable-html-tip-tap";
+import p from "@mui/material/RadioGroup";
+import { InputContainer as m, NumberTextField as h, layout as g, settings as _ } from "@pie-lib/config-ui";
+import { merge as v } from "@pie-element/shared-lodash";
 //#region src/author/main.tsx
-var { Panel: y, toggle: b, radio: x } = v, S = d(h)(({ theme: e }) => ({
+var { Panel: y, toggle: b, radio: x } = _, S = u(m)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), C = d("div")({
+})), C = u("div")({
 	display: "flex",
 	flexDirection: "column"
-}), w = d("p")(({ theme: e }) => ({
+}), w = u("p")(({ theme: e }) => ({
 	color: e.palette.grey[400],
 	fontSize: e.typography.fontSize - 2
-})), T = d("div")(({ theme: e }) => ({
+})), T = u("div")(({ theme: e }) => ({
 	display: "flex",
 	width: "100%",
 	alignItems: "flex-start",
 	marginBottom: e.spacing(2)
-})), E = d("div")(({ theme: e }) => ({
+})), E = u("div")(({ theme: e }) => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-around",
 	marginBottom: e.spacing(2.5)
-})), D = d(h)({
+})), D = u(m)({
 	width: "calc(100% - 200px)",
 	marginRight: 0
-}), O = d("p")(({ theme: e }) => ({
+}), O = u("p")(({ theme: e }) => ({
 	color: e.palette.error.main,
 	fontSize: e.typography.fontSize - 2
-})), k = d(g)({ width: "100%" }), A = d("div")({
+})), k = u(h)({ width: "100%" }), A = u("div")({
 	display: "flex",
 	flexDirection: "row"
-}), j = d("div")(({ theme: e }) => ({
+}), j = u("div")(({ theme: e }) => ({
 	paddingLeft: e.spacing(2.5),
 	width: "150px"
-})), M = d(p)(({ theme: e }) => ({ paddingTop: e.spacing(2) })), N = d("span")(({ theme: e }) => ({
+})), M = u(f)(({ theme: e }) => ({ paddingTop: e.spacing(2) })), N = u("span")(({ theme: e }) => ({
 	width: "30px",
 	paddingTop: e.spacing(4)
-})), P = d("div")(({ theme: e }) => ({
+})), P = u("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), F = d(f)({ color: `${s.tertiary()} !important` }), I = (e) => {
-	let { model: n, onChangeModel: r } = e;
-	return /* @__PURE__ */ l(C, { children: [/* @__PURE__ */ c(w, { children: "Likert Orientation" }), /* @__PURE__ */ l(m, {
+})), F = u(d)({ color: `${o.tertiary()} !important` }), I = (t) => {
+	let { model: n, onChangeModel: r } = t;
+	return /* @__PURE__ */ c(C, { children: [/* @__PURE__ */ s(w, { children: "Likert Orientation" }), /* @__PURE__ */ c(p, {
 		"aria-label": "likertOrientation",
 		name: "likertOrientation",
 		value: n.likertOrientation,
@@ -64,98 +64,98 @@ var { Panel: y, toggle: b, radio: x } = v, S = d(h)(({ theme: e }) => ({
 				likertOrientation: t
 			});
 		},
-		children: [/* @__PURE__ */ c(u, {
-			value: t.horizontal,
-			control: /* @__PURE__ */ c(F, {}),
+		children: [/* @__PURE__ */ s(l, {
+			value: e.horizontal,
+			control: /* @__PURE__ */ s(F, {}),
 			label: "Horizontal"
-		}), /* @__PURE__ */ c(u, {
-			value: t.vertical,
-			control: /* @__PURE__ */ c(F, {}),
+		}), /* @__PURE__ */ s(l, {
+			value: e.vertical,
+			control: /* @__PURE__ */ s(F, {}),
 			label: "Vertical"
 		})]
 	})] });
 }, L = (e) => {
-	let { model: t, onChangeModel: r } = e;
-	return /* @__PURE__ */ l(C, { children: [/* @__PURE__ */ c(w, { children: "Likert Scale" }), /* @__PURE__ */ l(m, {
+	let { model: n, onChangeModel: i } = e;
+	return /* @__PURE__ */ c(C, { children: [/* @__PURE__ */ s(w, { children: "Likert Scale" }), /* @__PURE__ */ c(p, {
 		"aria-label": "likertScale",
 		name: "likertScale",
-		value: t.likertScale,
+		value: n.likertScale,
 		onChange: (e) => {
-			let n = e.target.value;
-			r({
-				...t,
-				likertScale: n,
-				choices: i(n, t.likertType)
+			let t = e.target.value;
+			i({
+				...n,
+				likertScale: t,
+				choices: r(t, n.likertType)
 			});
 		},
 		children: [
-			/* @__PURE__ */ c(u, {
-				value: n.likert3,
-				control: /* @__PURE__ */ c(F, {}),
+			/* @__PURE__ */ s(l, {
+				value: t.likert3,
+				control: /* @__PURE__ */ s(F, {}),
 				label: "Likert 3"
 			}),
-			/* @__PURE__ */ c(u, {
-				value: n.likert5,
-				control: /* @__PURE__ */ c(F, {}),
+			/* @__PURE__ */ s(l, {
+				value: t.likert5,
+				control: /* @__PURE__ */ s(F, {}),
 				label: "Likert 5"
 			}),
-			/* @__PURE__ */ c(u, {
-				value: n.likert7,
-				control: /* @__PURE__ */ c(F, {}),
+			/* @__PURE__ */ s(l, {
+				value: t.likert7,
+				control: /* @__PURE__ */ s(F, {}),
 				label: "Likert 7"
 			})
 		]
 	})] });
 }, R = (e) => {
-	let { model: t, onChangeModel: n } = e, a = (e) => {
-		let r = e.target.value;
-		n({
+	let { model: t, onChangeModel: i } = e, a = (e) => {
+		let n = e.target.value;
+		i({
 			...t,
-			likertType: r,
-			choices: i(t.likertScale, r)
+			likertType: n,
+			choices: r(t.likertScale, n)
 		});
 	};
-	return /* @__PURE__ */ l(C, { children: [/* @__PURE__ */ c(w, { children: "Label Type" }), /* @__PURE__ */ l(A, { children: [/* @__PURE__ */ l(m, {
+	return /* @__PURE__ */ c(C, { children: [/* @__PURE__ */ s(w, { children: "Label Type" }), /* @__PURE__ */ c(A, { children: [/* @__PURE__ */ c(p, {
 		"aria-label": "likertLabelType",
 		name: "likertLabelType",
 		value: t.likertType,
 		onChange: a,
 		children: [
-			/* @__PURE__ */ c(u, {
-				value: r.agreement,
-				control: /* @__PURE__ */ c(F, {}),
+			/* @__PURE__ */ s(l, {
+				value: n.agreement,
+				control: /* @__PURE__ */ s(F, {}),
 				label: "Agreement"
 			}),
-			/* @__PURE__ */ c(u, {
-				value: r.frequency,
-				control: /* @__PURE__ */ c(F, {}),
+			/* @__PURE__ */ s(l, {
+				value: n.frequency,
+				control: /* @__PURE__ */ s(F, {}),
 				label: "Frequency"
 			}),
-			/* @__PURE__ */ c(u, {
-				value: r.yesNo,
-				control: /* @__PURE__ */ c(F, {}),
+			/* @__PURE__ */ s(l, {
+				value: n.yesNo,
+				control: /* @__PURE__ */ s(F, {}),
 				label: "Yes/No"
 			})
 		]
-	}), /* @__PURE__ */ l(m, {
+	}), /* @__PURE__ */ c(p, {
 		"aria-label": "likertLabelType",
 		name: "likertLabelType",
 		value: t.likertType,
 		onChange: a,
 		children: [
-			/* @__PURE__ */ c(u, {
-				value: r.importance,
-				control: /* @__PURE__ */ c(F, {}),
+			/* @__PURE__ */ s(l, {
+				value: n.importance,
+				control: /* @__PURE__ */ s(F, {}),
 				label: "Importance"
 			}),
-			/* @__PURE__ */ c(u, {
-				value: r.likelihood,
-				control: /* @__PURE__ */ c(F, {}),
+			/* @__PURE__ */ s(l, {
+				value: n.likelihood,
+				control: /* @__PURE__ */ s(F, {}),
 				label: "Likelihood"
 			}),
-			/* @__PURE__ */ c(u, {
-				value: r.like,
-				control: /* @__PURE__ */ c(F, {}),
+			/* @__PURE__ */ s(l, {
+				value: n.like,
+				control: /* @__PURE__ */ s(F, {}),
 				label: "Like"
 			})
 		]
@@ -167,16 +167,16 @@ var { Panel: y, toggle: b, radio: x } = v, S = d(h)(({ theme: e }) => ({
 		[r]: n[r] + 1
 	};
 }, {}), B = (e) => {
-	let { configuration: t, imageSupport: n, model: r, onChangeModel: i, onChoiceChanged: a, onConfigurationChanged: o, onPromptChanged: s, onTeacherInstructionsChanged: u, uploadSoundSupport: d } = e, { contentDimensions: f = {}, prompt: m = {}, scoringType: h = {}, settingsPanelDisabled: g, spellCheck: v = {}, teacherInstructions: C = {}, baseInputConfiguration: w = {}, likertChoice: A = {} } = t || {}, { errors: F = {}, extraCSSRules: B, spellCheckEnabled: V, teacherInstructionsEnabled: H } = r || {}, { prompt: U, teacherInstructions: W } = F, G = z(r), K = {
+	let { configuration: t, imageSupport: n, model: r, onChangeModel: i, onChoiceChanged: a, onConfigurationChanged: o, onPromptChanged: l, onTeacherInstructionsChanged: u, uploadSoundSupport: d } = e, { contentDimensions: p = {}, prompt: m = {}, scoringType: h = {}, settingsPanelDisabled: _, spellCheck: v = {}, teacherInstructions: C = {}, baseInputConfiguration: w = {}, likertChoice: A = {} } = t || {}, { errors: F = {}, extraCSSRules: B, spellCheckEnabled: V, teacherInstructionsEnabled: H } = r || {}, { prompt: U, teacherInstructions: W } = F, G = z(r), K = {
 		teacherInstructionsEnabled: C.settings && b(C.label),
 		spellCheckEnabled: v.settings && b(v.label),
 		scoringType: h.settings && x(h.label, ["auto", "rubric"])
 	}, q = (e = {}) => Object.assign({ ...w }, e || {});
-	return /* @__PURE__ */ l(_.ConfigLayout, {
+	return /* @__PURE__ */ c(g.ConfigLayout, {
 		extraCSSRules: B,
-		dimensions: f,
-		hideSettings: g,
-		settings: /* @__PURE__ */ c(y, {
+		dimensions: p,
+		hideSettings: _,
+		settings: /* @__PURE__ */ s(y, {
 			model: r,
 			onChangeModel: i,
 			configuration: t,
@@ -184,9 +184,9 @@ var { Panel: y, toggle: b, radio: x } = v, S = d(h)(({ theme: e }) => ({
 			groups: { Properties: K }
 		}),
 		children: [
-			H && /* @__PURE__ */ l(S, {
+			H && /* @__PURE__ */ c(S, {
 				label: C.label,
-				children: [/* @__PURE__ */ c(p, {
+				children: [/* @__PURE__ */ s(f, {
 					markup: r.teacherInstructions || "",
 					onChange: u,
 					imageSupport: n,
@@ -195,13 +195,13 @@ var { Panel: y, toggle: b, radio: x } = v, S = d(h)(({ theme: e }) => ({
 					spellCheck: V,
 					uploadSoundSupport: d,
 					pluginProps: q(C?.inputConfiguration)
-				}), W && /* @__PURE__ */ c(P, { children: W })]
+				}), W && /* @__PURE__ */ s(P, { children: W })]
 			}),
-			/* @__PURE__ */ l(S, {
+			/* @__PURE__ */ c(S, {
 				label: m.label,
-				children: [/* @__PURE__ */ c(p, {
+				children: [/* @__PURE__ */ s(f, {
 					markup: r.prompt,
-					onChange: s,
+					onChange: l,
 					imageSupport: n,
 					nonEmpty: !1,
 					error: U,
@@ -209,27 +209,27 @@ var { Panel: y, toggle: b, radio: x } = v, S = d(h)(({ theme: e }) => ({
 					disableUnderline: !0,
 					uploadSoundSupport: d,
 					pluginProps: q(m?.inputConfiguration)
-				}), U && /* @__PURE__ */ c(P, { children: U })]
+				}), U && /* @__PURE__ */ s(P, { children: U })]
 			}),
-			/* @__PURE__ */ l(E, { children: [
-				/* @__PURE__ */ c(L, {
+			/* @__PURE__ */ c(E, { children: [
+				/* @__PURE__ */ s(L, {
 					model: r,
 					onChangeModel: i
 				}),
-				/* @__PURE__ */ c(R, {
+				/* @__PURE__ */ s(R, {
 					model: r,
 					onChangeModel: i
 				}),
-				/* @__PURE__ */ c(I, {
+				/* @__PURE__ */ s(I, {
 					model: r,
 					onChangeModel: i
 				})
 			] }),
-			r.choices.map((e, t) => /* @__PURE__ */ l(T, { children: [
-				/* @__PURE__ */ l(N, { children: [t + 1, "."] }),
-				/* @__PURE__ */ c(D, {
+			r.choices.map((e, t) => /* @__PURE__ */ c(T, { children: [
+				/* @__PURE__ */ c(N, { children: [t + 1, "."] }),
+				/* @__PURE__ */ s(D, {
 					label: "Likert Label",
-					children: /* @__PURE__ */ c(M, {
+					children: /* @__PURE__ */ s(M, {
 						markup: e.label || "",
 						onChange: (n) => a(t, {
 							...e,
@@ -241,7 +241,7 @@ var { Panel: y, toggle: b, radio: x } = v, S = d(h)(({ theme: e }) => ({
 						pluginProps: q(A?.inputConfiguration)
 					})
 				}, `likert-label-${t}`),
-				/* @__PURE__ */ l(j, { children: [/* @__PURE__ */ c(k, {
+				/* @__PURE__ */ c(j, { children: [/* @__PURE__ */ s(k, {
 					label: "Likert Value",
 					value: e.value,
 					max: 100,
@@ -253,24 +253,24 @@ var { Panel: y, toggle: b, radio: x } = v, S = d(h)(({ theme: e }) => ({
 						});
 					},
 					imageSupport: n
-				}), G[e.value] && G[e.value] > 1 && /* @__PURE__ */ c(O, { children: "Value should be unique" })] })
+				}), G[e.value] && G[e.value] > 1 && /* @__PURE__ */ s(O, { children: "Value should be unique" })] })
 			] }, `choice-${t}`))
 		]
 	});
-}, V = class extends a.Component {
+}, V = class extends i.Component {
 	static propTypes = {
-		model: o.object.isRequired,
-		disableSidePanel: o.bool,
-		onModelChanged: o.func.isRequired,
-		onConfigurationChanged: o.func.isRequired,
-		imageSupport: o.shape({
-			add: o.func.isRequired,
-			delete: o.func.isRequired
+		model: a.object.isRequired,
+		disableSidePanel: a.bool,
+		onModelChanged: a.func.isRequired,
+		onConfigurationChanged: a.func.isRequired,
+		imageSupport: a.shape({
+			add: a.func.isRequired,
+			delete: a.func.isRequired
 		})
 	};
-	onChoiceChanged = (t, n) => {
-		let { model: r, onModelChanged: i } = this.props;
-		r.choices = r.choices.map((t) => e({}, t)), r.choices.splice(t, 1, n), i(r);
+	onChoiceChanged = (e, t) => {
+		let { model: n, onModelChanged: r } = this.props;
+		n.choices = n.choices.map((e) => v({}, e)), n.choices.splice(e, 1, t), r(n);
 	};
 	onPromptChanged = (e) => {
 		this.props.onModelChanged({
@@ -285,7 +285,7 @@ var { Panel: y, toggle: b, radio: x } = v, S = d(h)(({ theme: e }) => ({
 		});
 	};
 	render() {
-		return /* @__PURE__ */ c(B, {
+		return /* @__PURE__ */ s(B, {
 			...this.props,
 			onChangeModel: this.props.onModelChanged,
 			onChoiceChanged: this.onChoiceChanged,