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

package/dist/author/main.js

@@ -0,0 +1,298 @@
+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";
+//#region src/author/main.tsx
+var { Panel: y, toggle: b, radio: x } = v, S = d(h)(({ theme: e }) => ({
+	width: "100%",
+	paddingTop: e.spacing(2),
+	marginBottom: e.spacing(2)
+})), C = d("div")({
+	display: "flex",
+	flexDirection: "column"
+}), w = d("p")(({ theme: e }) => ({
+	color: e.palette.grey[400],
+	fontSize: e.typography.fontSize - 2
+})), T = d("div")(({ theme: e }) => ({
+	display: "flex",
+	width: "100%",
+	alignItems: "flex-start",
+	marginBottom: e.spacing(2)
+})), E = d("div")(({ theme: e }) => ({
+	display: "flex",
+	width: "100%",
+	justifyContent: "space-around",
+	marginBottom: e.spacing(2.5)
+})), D = d(h)({
+	width: "calc(100% - 200px)",
+	marginRight: 0
+}), O = d("p")(({ theme: e }) => ({
+	color: e.palette.error.main,
+	fontSize: e.typography.fontSize - 2
+})), k = d(g)({ width: "100%" }), A = d("div")({
+	display: "flex",
+	flexDirection: "row"
+}), j = d("div")(({ theme: e }) => ({
+	paddingLeft: e.spacing(2.5),
+	width: "150px"
+})), M = d(p)(({ theme: e }) => ({ paddingTop: e.spacing(2) })), N = d("span")(({ theme: e }) => ({
+	width: "30px",
+	paddingTop: e.spacing(4)
+})), P = d("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, {
+		"aria-label": "likertOrientation",
+		name: "likertOrientation",
+		value: n.likertOrientation,
+		onChange: (e) => {
+			let t = e.target.value;
+			r({
+				...n,
+				likertOrientation: t
+			});
+		},
+		children: [/* @__PURE__ */ c(u, {
+			value: t.horizontal,
+			control: /* @__PURE__ */ c(F, {}),
+			label: "Horizontal"
+		}), /* @__PURE__ */ c(u, {
+			value: t.vertical,
+			control: /* @__PURE__ */ c(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, {
+		"aria-label": "likertScale",
+		name: "likertScale",
+		value: t.likertScale,
+		onChange: (e) => {
+			let n = e.target.value;
+			r({
+				...t,
+				likertScale: n,
+				choices: i(n, t.likertType)
+			});
+		},
+		children: [
+			/* @__PURE__ */ c(u, {
+				value: n.likert3,
+				control: /* @__PURE__ */ c(F, {}),
+				label: "Likert 3"
+			}),
+			/* @__PURE__ */ c(u, {
+				value: n.likert5,
+				control: /* @__PURE__ */ c(F, {}),
+				label: "Likert 5"
+			}),
+			/* @__PURE__ */ c(u, {
+				value: n.likert7,
+				control: /* @__PURE__ */ c(F, {}),
+				label: "Likert 7"
+			})
+		]
+	})] });
+}, R = (e) => {
+	let { model: t, onChangeModel: n } = e, a = (e) => {
+		let r = e.target.value;
+		n({
+			...t,
+			likertType: r,
+			choices: i(t.likertScale, r)
+		});
+	};
+	return /* @__PURE__ */ l(C, { children: [/* @__PURE__ */ c(w, { children: "Label Type" }), /* @__PURE__ */ l(A, { children: [/* @__PURE__ */ l(m, {
+		"aria-label": "likertLabelType",
+		name: "likertLabelType",
+		value: t.likertType,
+		onChange: a,
+		children: [
+			/* @__PURE__ */ c(u, {
+				value: r.agreement,
+				control: /* @__PURE__ */ c(F, {}),
+				label: "Agreement"
+			}),
+			/* @__PURE__ */ c(u, {
+				value: r.frequency,
+				control: /* @__PURE__ */ c(F, {}),
+				label: "Frequency"
+			}),
+			/* @__PURE__ */ c(u, {
+				value: r.yesNo,
+				control: /* @__PURE__ */ c(F, {}),
+				label: "Yes/No"
+			})
+		]
+	}), /* @__PURE__ */ l(m, {
+		"aria-label": "likertLabelType",
+		name: "likertLabelType",
+		value: t.likertType,
+		onChange: a,
+		children: [
+			/* @__PURE__ */ c(u, {
+				value: r.importance,
+				control: /* @__PURE__ */ c(F, {}),
+				label: "Importance"
+			}),
+			/* @__PURE__ */ c(u, {
+				value: r.likelihood,
+				control: /* @__PURE__ */ c(F, {}),
+				label: "Likelihood"
+			}),
+			/* @__PURE__ */ c(u, {
+				value: r.like,
+				control: /* @__PURE__ */ c(F, {}),
+				label: "Like"
+			})
+		]
+	})] })] });
+}, z = (e) => e.choices.reduce((e, t) => {
+	let n = { ...e }, r = parseInt(t.value);
+	return n[r] || (n[r] = 0), {
+		...n,
+		[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 = {
+		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, {
+		extraCSSRules: B,
+		dimensions: f,
+		hideSettings: g,
+		settings: /* @__PURE__ */ c(y, {
+			model: r,
+			onChangeModel: i,
+			configuration: t,
+			onChangeConfiguration: o,
+			groups: { Properties: K }
+		}),
+		children: [
+			H && /* @__PURE__ */ l(S, {
+				label: C.label,
+				children: [/* @__PURE__ */ c(p, {
+					markup: r.teacherInstructions || "",
+					onChange: u,
+					imageSupport: n,
+					nonEmpty: !1,
+					error: W,
+					spellCheck: V,
+					uploadSoundSupport: d,
+					pluginProps: q(C?.inputConfiguration)
+				}), W && /* @__PURE__ */ c(P, { children: W })]
+			}),
+			/* @__PURE__ */ l(S, {
+				label: m.label,
+				children: [/* @__PURE__ */ c(p, {
+					markup: r.prompt,
+					onChange: s,
+					imageSupport: n,
+					nonEmpty: !1,
+					error: U,
+					spellCheck: V,
+					disableUnderline: !0,
+					uploadSoundSupport: d,
+					pluginProps: q(m?.inputConfiguration)
+				}), U && /* @__PURE__ */ c(P, { children: U })]
+			}),
+			/* @__PURE__ */ l(E, { children: [
+				/* @__PURE__ */ c(L, {
+					model: r,
+					onChangeModel: i
+				}),
+				/* @__PURE__ */ c(R, {
+					model: r,
+					onChangeModel: i
+				}),
+				/* @__PURE__ */ c(I, {
+					model: r,
+					onChangeModel: i
+				})
+			] }),
+			r.choices.map((e, t) => /* @__PURE__ */ l(T, { children: [
+				/* @__PURE__ */ l(N, { children: [t + 1, "."] }),
+				/* @__PURE__ */ c(D, {
+					label: "Likert Label",
+					children: /* @__PURE__ */ c(M, {
+						markup: e.label || "",
+						onChange: (n) => a(t, {
+							...e,
+							label: n
+						}),
+						imageSupport: n,
+						spellCheck: V,
+						uploadSoundSupport: d,
+						pluginProps: q(A?.inputConfiguration)
+					})
+				}, `likert-label-${t}`),
+				/* @__PURE__ */ l(j, { children: [/* @__PURE__ */ c(k, {
+					label: "Likert Value",
+					value: e.value,
+					max: 100,
+					min: -100,
+					onChange: (n, r) => {
+						a(t, {
+							...e,
+							value: r
+						});
+					},
+					imageSupport: n
+				}), G[e.value] && G[e.value] > 1 && /* @__PURE__ */ c(O, { children: "Value should be unique" })] })
+			] }, `choice-${t}`))
+		]
+	});
+}, V = class extends a.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
+		})
+	};
+	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);
+	};
+	onPromptChanged = (e) => {
+		this.props.onModelChanged({
+			...this.props.model,
+			prompt: e
+		});
+	};
+	onTeacherInstructionsChanged = (e) => {
+		this.props.onModelChanged({
+			...this.props.model,
+			teacherInstructions: e
+		});
+	};
+	render() {
+		return /* @__PURE__ */ c(B, {
+			...this.props,
+			onChangeModel: this.props.onModelChanged,
+			onChoiceChanged: this.onChoiceChanged,
+			onPromptChanged: this.onPromptChanged,
+			onTeacherInstructionsChanged: this.onTeacherInstructionsChanged
+		});
+	}
+};
+//#endregion
+export { V as default };