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

package/dist/author/main.js

@@ -1,298 +0,0 @@
-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 };