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

package/dist/author/main.js

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