@pie-element/match 12.1.2-next.1 → 12.1.2

package/dist/author/add-row.js

@@ -1,24 +0,0 @@
-import e from "react";
-import t from "prop-types";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { styled as i } from "@mui/material/styles";
-import a from "@mui/material/Button";
-import o from "@mui/icons-material/Add";
-//#region src/author/add-row.tsx
-var s = i(a)({
-	display: "flex",
-	alignSelf: "flex-start",
-	margin: 0
-}), c = i(o)(({ theme: e }) => ({ marginRight: e.spacing(.5) })), l = class extends e.Component {
-	static propTypes = { onAddClick: t.func.isRequired };
-	render() {
-		let { onAddClick: e } = this.props;
-		return /* @__PURE__ */ r(s, {
-			disabled: !1,
-			onClick: e,
-			children: [/* @__PURE__ */ n(c, {}), "Add Another Row"]
-		});
-	}
-};
-//#endregion
-export { l as default };

package/dist/author/answer-config-block.d.ts

@@ -1,36 +0,0 @@
-/**
- * @synced-from pie-elements/packages/match/configure/src/answer-config-block.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 * as React from 'react';
-import PropTypes from 'prop-types';
-declare class AnswerConfigBlock extends React.Component {
-    static propTypes: {
-        model: PropTypes.Validator<object>;
-        configuration: PropTypes.Validator<object>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        onDeleteRow: PropTypes.Validator<(...args: any[]) => any>;
-        onAddRow: PropTypes.Validator<(...args: any[]) => any>;
-        imageSupport: PropTypes.Requireable<PropTypes.InferProps<{
-            add: PropTypes.Validator<(...args: any[]) => any>;
-            delete: PropTypes.Validator<(...args: any[]) => any>;
-        }>>;
-        uploadSoundSupport: PropTypes.Requireable<PropTypes.InferProps<{
-            add: PropTypes.Validator<(...args: any[]) => any>;
-            delete: PropTypes.Validator<(...args: any[]) => any>;
-        }>>;
-        toolbarOpts: PropTypes.Requireable<object>;
-        spellCheck: PropTypes.Requireable<boolean>;
-    };
-    moveRow: any;
-    onChange: (name: any, isBoolean: any) => ({ target }: {
-        target: any;
-    }) => void;
-    onHeaderChange: (headerIndex: any) => (value: any) => void;
-    render(): React.JSX.Element;
-}
-export default AnswerConfigBlock;

package/dist/author/answer-config-block.js

@@ -1,176 +0,0 @@
-import { getPluginProps as e } from "./utils.js";
-import t from "../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import n from "./add-row.js";
-import r from "./row.js";
-import * as i from "react";
-import a from "prop-types";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import c from "@mui/material/Typography";
-import { styled as l } from "@mui/material/styles";
-import { set as u } from "@pie-element/shared-lodash";
-import d from "debug";
-import f, { DEFAULT_PLUGINS as p } from "@pie-lib/editable-html-tip-tap";
-import { DragProvider as m } from "@pie-lib/drag";
-//#region src/author/answer-config-block.tsx
-var h = d("pie-elements:match:configure"), g = l("div")(({ theme: e }) => ({
-	marginBottom: e.spacing(2.5),
-	display: "flex",
-	flexDirection: "column"
-})), _ = l("div")(({ theme: e }) => ({
-	display: "flex",
-	alignItems: "center",
-	flex: 1,
-	width: "100%",
-	borderBottom: `2px solid ${e.palette.grey.A100}`,
-	paddingBottom: e.spacing(2),
-	marginTop: e.spacing(2),
-	marginBottom: e.spacing(1)
-})), v = l("div")(({ theme: e }) => ({
-	flex: 1,
-	display: "flex",
-	justifyContent: "center",
-	alignItems: "center",
-	flexDirection: "column",
-	"&> div": {
-		width: "120px",
-		padding: `0 ${e.spacing(1)}`,
-		textAlign: "center"
-	}
-})), y = l("div")(({ theme: e }) => ({
-	flex: .5,
-	minWidth: "45px",
-	padding: `0 ${e.spacing(1)}`
-})), b = l("div")({
-	display: "flex",
-	flexDirection: "column"
-}), x = l("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: `${e.spacing(1)} !important`,
-	width: "fit-content !important"
-})), S = l("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingBottom: e.spacing(1)
-})), C = l("div")(({ theme: e }) => ({
-	"& .marginBottom": { marginBottom: e.typography.fontSize - 2 + e.spacing(1) },
-	"& .headerInput": { "& > div": { fontWeight: "bold" } }
-})), w = class extends i.Component {
-	static propTypes = {
-		model: a.object.isRequired,
-		configuration: a.object.isRequired,
-		onChange: a.func.isRequired,
-		onDeleteRow: a.func.isRequired,
-		onAddRow: a.func.isRequired,
-		imageSupport: a.shape({
-			add: a.func.isRequired,
-			delete: a.func.isRequired
-		}),
-		uploadSoundSupport: a.shape({
-			add: a.func.isRequired,
-			delete: a.func.isRequired
-		}),
-		toolbarOpts: a.object,
-		spellCheck: a.bool
-	};
-	moveRow = (e) => {
-		let { active: t, over: n } = e;
-		if (!n || !t) return;
-		let r = t.data.current, i = n.data.current;
-		if (r?.type === "row" && i?.type === "row") {
-			let e = r.index, t = i.index, { model: n, onChange: a } = this.props, o = { ...n }, s = o.rows || [];
-			h("[moveRow]: ", e, t);
-			let { movedRow: c, remainingRows: l } = s.reduce((t, n, r) => (r === e ? t.movedRow = n : t.remainingRows.push(n), t), {
-				movedRow: null,
-				remainingRows: []
-			}), u = [
-				...l.slice(0, t),
-				c,
-				...l.slice(t)
-			];
-			h("update: ", u), o.rows = u, a(o);
-		}
-	};
-	onChange = (e, t) => ({ target: n }) => {
-		let { model: r, onChange: i } = this.props, a;
-		a = t ? n.checked : n.value, u(r, e, a), i(r, e);
-	};
-	onHeaderChange = (e) => (t) => {
-		let { model: n, onChange: r } = this.props, i = { ...n };
-		if (e === 0) {
-			i.headers[e] = t, r(i);
-			return;
-		}
-		i.headers[e] = t, r(i);
-	};
-	render() {
-		let { model: i, onAddRow: a, imageSupport: l, configuration: u, toolbarOpts: d, spellCheck: h, uploadSoundSupport: w } = this.props, { baseInputConfiguration: T = {}, headers: E = {}, rows: D = {}, maxImageWidth: O = {}, maxImageHeight: k = {}, mathMlOptions: A = {}, minQuestions: j } = u || {}, { errors: M } = i || {}, { correctResponseError: N, rowsErrors: P, columnsErrors: F, noOfRowsError: I, columnsLengthError: L } = M || {}, R = (p || []).filter((e) => e !== "table" && e !== "bulleted-list" && e !== "numbered-list"), z = O && O.prompt, B = k && k.prompt;
-		return /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(m, {
-			onDragEnd: this.moveRow,
-			children: /* @__PURE__ */ s(g, { children: [/* @__PURE__ */ o(c, {
-				type: "body1",
-				component: "div",
-				children: "Click on the labels to edit or remove. Set the correct answers by clicking each correct answer per row."
-			}), /* @__PURE__ */ s(b, {
-				style: u.width ? {
-					width: u.width,
-					overflow: "scroll"
-				} : {},
-				children: [
-					/* @__PURE__ */ s(_, { children: [E.settings && (i.headers || []).map((n, r) => /* @__PURE__ */ s(v, {
-						className: t({ questionText: r === 0 }),
-						sx: r === 0 ? {
-							flex: 2,
-							display: "flex",
-							justifyContent: "flex-start",
-							marginRight: 1,
-							"&> div": {
-								width: "100%",
-								padding: 0,
-								maxWidth: "unset",
-								textAlign: "left",
-								minWidth: "200px"
-							}
-						} : {},
-						children: [/* @__PURE__ */ o(f, {
-							onChange: this.onHeaderChange(r),
-							markup: n,
-							className: F && !F[r] ? "marginBottom" : "headerInput",
-							label: "column label",
-							activePlugins: R,
-							pluginProps: e(E?.inputConfiguration, T),
-							autoWidthToolbar: !0,
-							spellCheck: h,
-							uploadSoundSupport: w,
-							languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-							error: F && F[r]
-						}), F && F[r] && /* @__PURE__ */ o(x, { children: F[r] })]
-					}, r)), /* @__PURE__ */ o(y, {})] }),
-					i.rows.map((t, n) => /* @__PURE__ */ o(r, {
-						model: i,
-						row: t,
-						idx: n,
-						onDeleteRow: this.props.onDeleteRow,
-						onChange: this.props.onChange,
-						imageSupport: l,
-						toolbarOpts: d,
-						spellCheck: h,
-						error: P?.[t.id],
-						maxImageWidth: O && O.rowTitles || z,
-						maxImageHeight: k && k.rowTitles || B,
-						uploadSoundSupport: w,
-						mathMlOptions: A,
-						minQuestions: j,
-						inputConfiguration: e(D?.inputConfiguration, T)
-					}, n)),
-					N && /* @__PURE__ */ o(S, { children: N }),
-					I && /* @__PURE__ */ o(S, { children: I }),
-					L && /* @__PURE__ */ o(S, { children: L }),
-					/* @__PURE__ */ o(n, { onAddClick: a })
-				]
-			})] })
-		}) });
-	}
-};
-//#endregion
-export { w as default };

package/dist/author/common.d.ts

@@ -1,22 +0,0 @@
-/**
- * @synced-from pie-elements/packages/match/configure/src/common.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 * as React from 'react';
-import PropTypes from 'prop-types';
-export declare const InfoDialog: {
-    ({ title, open, onOk }: {
-        title: any;
-        open: any;
-        onOk: any;
-    }): React.JSX.Element;
-    propTypes: {
-        title: PropTypes.Requireable<string>;
-        open: PropTypes.Requireable<boolean>;
-        onOk: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};

package/dist/author/configure.d.ts

@@ -1,48 +0,0 @@
-/**
- * @synced-from pie-elements/packages/match/configure/src/configure.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';
-declare class Configure extends React.Component {
-    static propTypes: {
-        onModelChanged: PropTypes.Requireable<(...args: any[]) => any>;
-        onConfigurationChanged: PropTypes.Requireable<(...args: any[]) => any>;
-        model: PropTypes.Validator<object>;
-        configuration: PropTypes.Validator<object>;
-        imageSupport: PropTypes.Requireable<PropTypes.InferProps<{
-            add: PropTypes.Validator<(...args: any[]) => any>;
-            delete: PropTypes.Validator<(...args: any[]) => any>;
-        }>>;
-        uploadSoundSupport: PropTypes.Requireable<PropTypes.InferProps<{
-            add: PropTypes.Validator<(...args: any[]) => any>;
-            delete: PropTypes.Validator<(...args: any[]) => any>;
-        }>>;
-    };
-    static defaultProps: {};
-    constructor(props: any);
-    componentDidMount(): void;
-    validateRowsID(rows: any): {
-        updatedRows: any;
-        wasChanged: boolean;
-    };
-    onTabChange: any;
-    onChangeTabIndex: any;
-    onChange: any;
-    onFeedbackChange: any;
-    onDeleteRow: any;
-    onAddRow: any;
-    onLayoutChange: any;
-    onResponseTypeChange: any;
-    onPartialScoringChange: any;
-    onPromptChanged: any;
-    onTeacherInstructionsChanged: any;
-    onRationaleChanged: any;
-    render(): React.JSX.Element;
-}
-export declare const Config: typeof Configure;
-export default Configure;

package/dist/author/configure.js

@@ -1,259 +0,0 @@
-import { getPluginProps as e } from "./utils.js";
-import t from "./general-config-block.js";
-import n from "./answer-config-block.js";
-import r from "react";
-import i from "prop-types";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { styled as s } from "@mui/material/styles";
-import c from "debug";
-import { AlertDialog as l, FeedbackConfig as ee, InputContainer as u, layout as d, settings as f } from "@pie-lib/config-ui";
-import p from "@pie-lib/editable-html-tip-tap";
-//#region src/author/configure.tsx
-var te = c("@pie-element:match:configure"), { Panel: m, toggle: h, radio: g, dropdown: _ } = f, v = s("div")(() => ({ "& .promptHolder": { width: "100%" } })), y = s("div")(({ theme: e }) => ({
-	width: "100%",
-	paddingTop: e.spacing(2),
-	marginBottom: e.spacing(2)
-})), b = s("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(1)
-})), x = class extends r.Component {
-	static propTypes = {
-		onModelChanged: i.func,
-		onConfigurationChanged: i.func,
-		model: i.object.isRequired,
-		configuration: i.object.isRequired,
-		imageSupport: i.shape({
-			add: i.func.isRequired,
-			delete: i.func.isRequired
-		}),
-		uploadSoundSupport: i.shape({
-			add: i.func.isRequired,
-			delete: i.func.isRequired
-		})
-	};
-	static defaultProps = {};
-	constructor(e) {
-		super(e);
-		let t = 0;
-		e.model.rows && e.model.rows.length > 0 && (t = Math.max(...e.model.rows.map((e) => e.id))), this.rowIdCounter = t + 1, this.state = {
-			activeTab: 0,
-			dialog: {
-				open: !1,
-				text: ""
-			}
-		};
-	}
-	componentDidMount() {
-		let { updatedRows: e, wasChanged: t } = this.validateRowsID(this.props.model.rows);
-		if (t) {
-			let t = {
-				...this.props.model,
-				rows: e
-			};
-			this.props.onModelChanged(t);
-		}
-	}
-	validateRowsID(e) {
-		let t = !1;
-		return {
-			updatedRows: (e || []).map((e, n) => e.id === n + 1 ? e : (t = !0, {
-				...e,
-				id: n + 1
-			})),
-			wasChanged: t
-		};
-	}
-	onTabChange = (e, t) => {
-		this.setState({ activeTab: t });
-	};
-	onChangeTabIndex = (e) => {
-		this.setState({ activeTab: e });
-	};
-	onChange = (e) => {
-		this.props.onModelChanged(e);
-	};
-	onFeedbackChange = (e) => {
-		let { model: t, onModelChanged: n } = this.props;
-		t.feedback = e, n(t);
-	};
-	onDeleteRow = (e) => {
-		let { model: t } = this.props, n = { ...t };
-		n.rows.splice(e, 1), this.onChange(n);
-	};
-	onAddRow = () => {
-		let { model: e, configuration: t } = this.props, n = { ...e }, { maxQuestions: r } = t || {};
-		if (r && (n.rows || []).length >= r) {
-			this.setState({ dialog: {
-				open: !0,
-				text: `There can be maximum ${r} question row` + (r > 1 ? "s" : "") + "."
-			} });
-			return;
-		}
-		n.rows = n.rows.concat({
-			id: this.rowIdCounter + 1,
-			title: `Question Text ${(n.rows || []).length + 1}`,
-			values: Array(e.layout - 1).fill(!1)
-		}), this.rowIdCounter += 1, this.onChange(n);
-	};
-	onLayoutChange = (e) => {
-		let { model: t } = this.props, n = t.layout, r = { ...t };
-		if (e > n) {
-			for (let t = 0; t < e - n; t++) r.headers.push(`Column ${r.headers.length + 1}`);
-			r.rows.forEach((t) => {
-				for (let r = 0; r < e - n; r++) t.values.push(!1);
-			});
-		} else e < n && (r.headers.splice(e), r.rows.forEach((t) => {
-			t.values.splice(e - 1);
-		}));
-		r.layout = e, this.onChange(r);
-	};
-	onResponseTypeChange = (e) => {
-		let { model: t } = this.props, n = { ...t };
-		e === "radio" && n.rows.forEach((e) => {
-			e.values.reduce((e, t) => t === !0 ? e + 1 : e) > 1 && (e.values = Array(t.layout - 1).fill(!1));
-		}), n.choiceMode = e, this.onChange(n);
-	};
-	onPartialScoringChange = (e) => {
-		this.props.model.partialScoring = e, this.props.onModelChanged(this.props.model);
-	};
-	onPromptChanged = (e) => {
-		this.props.onModelChanged({
-			...this.props.model,
-			prompt: e
-		});
-	};
-	onTeacherInstructionsChanged = (e) => {
-		this.props.onModelChanged({
-			...this.props.model,
-			teacherInstructions: e
-		});
-	};
-	onRationaleChanged = (e) => {
-		this.props.onModelChanged({
-			...this.props.model,
-			rationale: e
-		});
-	};
-	render() {
-		let { model: r, imageSupport: i, onModelChanged: s, configuration: c, onConfigurationChanged: f, uploadSoundSupport: x } = this.props, { baseInputConfiguration: S = {}, contentDimensions: C = {}, feedback: w = {}, lockChoiceOrder: T = {}, maxImageWidth: E = {}, maxImageHeight: D = {}, partialScoring: O = {}, prompt: k = {}, rationale: A = {}, settingsPanelDisabled: j, scoringType: M = {}, spellCheck: N = {}, studentInstructions: P = {}, teacherInstructions: F = {}, withRubric: I = {}, language: L = {}, languageChoices: R = {} } = c || {}, { errors: z, extraCSSRules: B, feedbackEnabled: V, promptEnabled: H, rationaleEnabled: U, spellCheckEnabled: W, teacherInstructionsEnabled: G, toolbarEditorPosition: K } = r || {}, { prompt: q, rationale: J, teacherInstructions: Y } = z || {}, { dialog: X } = this.state, Z = { position: K === "top" ? "top" : "bottom" }, Q = E && E.prompt, $ = D && D.prompt, ne = {
-			partialScoring: O.settings && h(O.label),
-			lockChoiceOrder: T.settings && h(T.label),
-			feedbackEnabled: w.settings && h(w.label),
-			"language.enabled": L.settings && h(L.label, !0),
-			language: L.settings && L.enabled && _(R.label, R.options)
-		}, re = {
-			teacherInstructionsEnabled: F.settings && h(F.label),
-			studentInstructionsEnabled: P.settings && h(P.label),
-			promptEnabled: k.settings && h(k.label),
-			rationaleEnabled: A.settings && h(A.label),
-			spellCheckEnabled: N.settings && h(N.label),
-			scoringType: M.settings && g(M.label, ["auto", "rubric"]),
-			rubricEnabled: I?.settings && h(I?.label)
-		};
-		return te("[render] model", r), /* @__PURE__ */ a(v, { children: /* @__PURE__ */ o(d.ConfigLayout, {
-			extraCSSRules: B,
-			dimensions: C,
-			hideSettings: j,
-			settings: /* @__PURE__ */ a(m, {
-				model: r,
-				configuration: c,
-				onChangeModel: (e) => s(e),
-				onChangeConfiguration: (e) => f(e),
-				groups: {
-					Settings: ne,
-					Properties: re
-				}
-			}),
-			children: [
-				G && /* @__PURE__ */ a(u, {
-					label: F.label,
-					className: "promptHolder",
-					children: /* @__PURE__ */ o(y, { children: [/* @__PURE__ */ a(p, {
-						className: "prompt",
-						markup: r.teacherInstructions || "",
-						onChange: this.onTeacherInstructionsChanged,
-						imageSupport: i,
-						error: Y,
-						nonEmpty: !1,
-						toolbarOpts: Z,
-						pluginProps: e(F?.inputConfiguration, S),
-						spellCheck: W,
-						maxImageWidth: E && E.teacherInstructions || Q,
-						maxImageHeight: D && D.teacherInstructions || $,
-						uploadSoundSupport: x,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }]
-					}), Y && /* @__PURE__ */ a(b, { children: Y })] })
-				}),
-				H && /* @__PURE__ */ a(u, {
-					label: k.label,
-					className: "promptHolder",
-					children: /* @__PURE__ */ o(y, { children: [/* @__PURE__ */ a(p, {
-						className: "prompt",
-						markup: r.prompt,
-						onChange: this.onPromptChanged,
-						imageSupport: i,
-						error: q,
-						nonEmpty: !1,
-						disableUnderline: !0,
-						toolbarOpts: Z,
-						pluginProps: e(k?.inputConfiguration, S),
-						spellCheck: W,
-						maxImageWidth: E && E.prompt,
-						maxImageHeight: D && D.prompt,
-						uploadSoundSupport: x,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }]
-					}), q && /* @__PURE__ */ a(b, { children: q })] })
-				}),
-				/* @__PURE__ */ a(t, {
-					model: r,
-					configuration: c,
-					onResponseTypeChange: this.onResponseTypeChange,
-					onLayoutChange: this.onLayoutChange
-				}),
-				/* @__PURE__ */ a(n, {
-					model: r,
-					configuration: c,
-					imageSupport: i,
-					onChange: this.onChange,
-					onAddRow: this.onAddRow,
-					onDeleteRow: this.onDeleteRow,
-					toolbarOpts: Z,
-					spellCheck: W,
-					uploadSoundSupport: x
-				}),
-				U && /* @__PURE__ */ a(u, {
-					label: A.label,
-					className: "promptHolder",
-					children: /* @__PURE__ */ o(y, { children: [/* @__PURE__ */ a(p, {
-						className: "prompt",
-						markup: r.rationale || "",
-						onChange: this.onRationaleChanged,
-						imageSupport: i,
-						error: J,
-						toolbarOpts: Z,
-						pluginProps: e(A?.inputConfiguration, S),
-						spellCheck: W,
-						maxImageWidth: E && E.rationale || Q,
-						maxImageHeight: D && D.rationale || $,
-						uploadSoundSupport: x,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }]
-					}), J && /* @__PURE__ */ a(b, { children: J })] })
-				}),
-				V && /* @__PURE__ */ a(ee, {
-					feedback: r.feedback,
-					onChange: this.onFeedbackChange,
-					toolbarOpts: Z
-				}),
-				/* @__PURE__ */ a(l, {
-					open: X.open,
-					title: "Warning",
-					text: X.text,
-					onConfirm: () => this.setState({ dialog: { open: !1 } })
-				})
-			]
-		}) });
-	}
-};
-//#endregion
-export { x as default };