@pie-element/categorize 13.1.1 → 13.1.2-next.1

package/configure.js

@@ -0,0 +1,2 @@
+export { default } from './dist/author/index.js';
+export * from './dist/author/index.js';

package/controller.js

@@ -0,0 +1 @@
+export * from './dist/controller/index.js';

package/dist/author/defaults.d.ts

@@ -0,0 +1,223 @@
+/**
+ * @synced-from pie-elements/packages/categorize/configure/src/defaults.js
+ * @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.
+ */
+declare const _default: {
+    model: {
+        allowAlternateEnabled: boolean;
+        allowMaxChoicesPerCategory: boolean;
+        allowMultiplePlacementsEnabled: string;
+        alternates: never[];
+        categories: never[];
+        categoriesPerRow: number;
+        choices: never[];
+        choicesLabel: string;
+        choicesPosition: string;
+        correctResponse: never[];
+        feedbackEnabled: boolean;
+        lockChoiceOrder: boolean;
+        maxAnswerChoices: number;
+        maxChoicesPerCategory: number;
+        partialScoring: boolean;
+        promptEnabled: boolean;
+        rationaleEnabled: boolean;
+        rowLabels: string[];
+        studentInstructionsEnabled: boolean;
+        teacherInstructionsEnabled: boolean;
+        toolbarEditorPosition: string;
+        minRowHeight: string;
+    };
+    configuration: {
+        baseInputConfiguration: {
+            h3: {
+                disabled: boolean;
+            };
+            audio: {
+                disabled: boolean;
+            };
+            video: {
+                disabled: boolean;
+            };
+            image: {
+                disabled: boolean;
+            };
+            textAlign: {
+                disabled: boolean;
+            };
+            showParagraphs: {
+                disabled: boolean;
+            };
+            separateParagraphs: {
+                disabled: boolean;
+            };
+        };
+        spellCheck: {
+            label: string;
+            settings: boolean;
+            enabled: boolean;
+        };
+        feedback: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+        };
+        lockChoiceOrder: {
+            settings: boolean;
+            label: string;
+        };
+        choicesPosition: {
+            settings: boolean;
+            label: string;
+        };
+        allowMultiplePlacements: {
+            settings: boolean;
+            label: string;
+        };
+        maxPlacements: {
+            settings: boolean;
+            label: string;
+        };
+        allowAlternate: {
+            settings: boolean;
+            label: string;
+        };
+        categoriesPerRow: {
+            settings: boolean;
+            label: string;
+        };
+        partialScoring: {
+            settings: boolean;
+            label: string;
+        };
+        prompt: {
+            settings: boolean;
+            label: string;
+            required: boolean;
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+        };
+        rationale: {
+            settings: boolean;
+            label: string;
+            required: boolean;
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+        };
+        scoringType: {
+            settings: boolean;
+            label: string;
+        };
+        settingsPanelDisabled: boolean;
+        studentInstructions: {
+            settings: boolean;
+            label: string;
+        };
+        teacherInstructions: {
+            settings: boolean;
+            label: string;
+            required: boolean;
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+        };
+        headers: {
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+        };
+        rowLabels: {
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+        };
+        toolbarEditorPosition: {
+            settings: boolean;
+            label: string;
+        };
+        maxImageWidth: {
+            teacherInstructions: number;
+            prompt: number;
+            rationale: number;
+            rowLabel: number;
+            categoryLabel: number;
+            choices: number;
+        };
+        maxImageHeight: {
+            teacherInstructions: number;
+            prompt: number;
+            rationale: number;
+            rowLabel: number;
+            categoryLabel: number;
+            choices: number;
+        };
+        withRubric: {
+            settings: boolean;
+            label: string;
+        };
+        minCategoriesPerRow: number;
+        allowMaxAnswerChoices: {
+            settings: boolean;
+            label: string;
+        };
+        mathMlOptions: {
+            mmlOutput: boolean;
+            mmlEditing: boolean;
+        };
+        language: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+        };
+        languageChoices: {
+            label: string;
+            options: never[];
+        };
+    };
+};
+export default _default;

package/dist/author/defaults.js

@@ -0,0 +1,170 @@
+import { multiplePlacements as e } from "./utils.js";
+//#region src/author/defaults.ts
+var t = {
+	model: {
+		allowAlternateEnabled: !0,
+		allowMaxChoicesPerCategory: !1,
+		allowMultiplePlacementsEnabled: e.enabled,
+		alternates: [],
+		categories: [],
+		categoriesPerRow: 2,
+		choices: [],
+		choicesLabel: "",
+		choicesPosition: "below",
+		correctResponse: [],
+		feedbackEnabled: !1,
+		lockChoiceOrder: !0,
+		maxAnswerChoices: 6,
+		maxChoicesPerCategory: 0,
+		partialScoring: !0,
+		promptEnabled: !0,
+		rationaleEnabled: !0,
+		rowLabels: [""],
+		studentInstructionsEnabled: !0,
+		teacherInstructionsEnabled: !0,
+		toolbarEditorPosition: "bottom",
+		minRowHeight: "80px"
+	},
+	configuration: {
+		baseInputConfiguration: {
+			h3: { disabled: !0 },
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 },
+			textAlign: { disabled: !0 },
+			showParagraphs: { disabled: !1 },
+			separateParagraphs: { disabled: !0 }
+		},
+		spellCheck: {
+			label: "Spellcheck",
+			settings: !1,
+			enabled: !0
+		},
+		feedback: {
+			settings: !0,
+			label: "Feedback",
+			enabled: !0
+		},
+		lockChoiceOrder: {
+			settings: !0,
+			label: "Lock Choice Order"
+		},
+		choicesPosition: {
+			settings: !0,
+			label: "Choices Position"
+		},
+		allowMultiplePlacements: {
+			settings: !0,
+			label: "Allow Multiple Placements"
+		},
+		maxPlacements: {
+			settings: !0,
+			label: "Max choices per category"
+		},
+		allowAlternate: {
+			settings: !0,
+			label: "Allow Alternate Correct Answers"
+		},
+		categoriesPerRow: {
+			settings: !0,
+			label: "Categories per row"
+		},
+		partialScoring: {
+			settings: !1,
+			label: "Allow Partial Scoring"
+		},
+		prompt: {
+			settings: !0,
+			label: "Prompt",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			}
+		},
+		rationale: {
+			settings: !0,
+			label: "Rationale",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			}
+		},
+		scoringType: {
+			settings: !1,
+			label: "Scoring Type"
+		},
+		settingsPanelDisabled: !1,
+		studentInstructions: {
+			settings: !1,
+			label: "Student Instructions"
+		},
+		teacherInstructions: {
+			settings: !0,
+			label: "Teacher Instructions",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			}
+		},
+		headers: { inputConfiguration: {
+			audio: { disabled: !0 },
+			video: { disabled: !0 },
+			image: { disabled: !1 }
+		} },
+		rowLabels: { inputConfiguration: {
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 }
+		} },
+		toolbarEditorPosition: {
+			settings: !1,
+			label: "Toolbar Editor Position"
+		},
+		maxImageWidth: {
+			teacherInstructions: 300,
+			prompt: 300,
+			rationale: 300,
+			rowLabel: 200,
+			categoryLabel: 260,
+			choices: 240
+		},
+		maxImageHeight: {
+			teacherInstructions: 300,
+			prompt: 300,
+			rationale: 300,
+			rowLabel: 100,
+			categoryLabel: 100,
+			choices: 150
+		},
+		withRubric: {
+			settings: !1,
+			label: "Add Rubric"
+		},
+		minCategoriesPerRow: 1,
+		allowMaxAnswerChoices: {
+			settings: !0,
+			label: "Max answer choices"
+		},
+		mathMlOptions: {
+			mmlOutput: !1,
+			mmlEditing: !1
+		},
+		language: {
+			settings: !1,
+			label: "Specify Language",
+			enabled: !1
+		},
+		languageChoices: {
+			label: "Language Choices",
+			options: []
+		}
+	}
+};
+//#endregion
+export { t as default };

package/dist/author/design/builder.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @synced-from pie-elements/packages/categorize/configure/src/design/builder.js
+ * @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.
+ */
+export declare const buildCategories: (categories: any, choices: any, correctResponse: any) => any;
+export declare const buildAlternateResponses: (categories: any, choices: any, correctResponse: any) => any[];

package/dist/author/design/builder.js

@@ -0,0 +1,24 @@
+import { cloneDeep as e } from "@pie-element/shared-lodash";
+//#region src/author/design/builder.ts
+var t = (t, n, r) => e(t).map((e) => {
+	let t = r.find((t) => t.category === e.id);
+	return t && (e.choices = (t.choices || []).map((e) => {
+		let t = n.find((t) => t.id === e);
+		if (t) return Object.assign({}, {
+			id: t.id,
+			content: t.content
+		});
+	})), e;
+}), n = (e, t, n) => !e.alternateResponses || e.alternateResponses.length === 0 ? [] : (e.alternateResponses[n] || []).map((e) => t.find((t) => t.id === e)), r = (e, t, r) => {
+	let i = r.reduce((e, t) => t.alternateResponses && t.alternateResponses.length >= e ? t.alternateResponses.length : e, 0);
+	return Array(i).fill(0).map((i, a) => r.map((r, i) => {
+		let o = e[i];
+		return {
+			id: o.id,
+			label: o.label,
+			choices: n(r, t, a)
+		};
+	}));
+};
+//#endregion
+export { r as buildAlternateResponses, t as buildCategories };

package/dist/author/design/buttons.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @synced-from pie-elements/packages/categorize/configure/src/design/buttons.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';
+export declare class RawAddButton extends React.Component {
+    static propTypes: {
+        label: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        disabled: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        label: string;
+    };
+    render(): React.JSX.Element;
+}
+declare const AddButton: typeof RawAddButton;
+declare const DeleteButton: ({ label, onClick, disabled }: {
+    label: any;
+    onClick: any;
+    disabled: any;
+}) => React.JSX.Element;
+export { AddButton, DeleteButton };

package/dist/author/design/buttons.js

@@ -0,0 +1,36 @@
+import e from "react";
+import t from "prop-types";
+import { styled as n } from "@mui/material/styles";
+import { jsx as r } from "react/jsx-runtime";
+import i from "@mui/material/Button";
+//#region src/author/design/buttons.tsx
+var a = n(i)(({ theme: e }) => ({ height: e.spacing(4) })), o = class extends e.Component {
+	static propTypes = {
+		label: t.string,
+		onClick: t.func,
+		disabled: t.bool
+	};
+	static defaultProps = { label: "Add" };
+	render() {
+		let { label: e, onClick: t, disabled: n } = this.props;
+		return /* @__PURE__ */ r(a, {
+			onClick: t,
+			disabled: n,
+			size: "small",
+			variant: "contained",
+			color: "primary",
+			children: e
+		});
+	}
+}, s = n(i)({
+	margin: 0,
+	padding: 0
+}), c = ({ label: e, onClick: t, disabled: n }) => /* @__PURE__ */ r(s, {
+	onClick: t,
+	size: "small",
+	color: "primary",
+	disabled: n,
+	children: e
+});
+//#endregion
+export { o as AddButton, c as DeleteButton };

package/dist/author/design/categories/RowLabel.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @synced-from pie-elements/packages/categorize/configure/src/design/categories/RowLabel.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';
+export declare const RowLabel: ({ categoriesPerRow, configuration, disabled, markup, imageSupport, onChange, toolbarOpts, spellCheck, maxImageWidth, maxImageHeight, uploadSoundSupport, mathMlOptions, }: {
+    categoriesPerRow: any;
+    configuration: any;
+    disabled: any;
+    markup: any;
+    imageSupport: any;
+    onChange: any;
+    toolbarOpts: any;
+    spellCheck: any;
+    maxImageWidth: any;
+    maxImageHeight: any;
+    uploadSoundSupport: any;
+    mathMlOptions?: {} | undefined;
+}) => React.JSX.Element;

package/dist/author/design/categories/RowLabel.js

@@ -0,0 +1,47 @@
+import { getPluginProps as e } from "../utils.js";
+import "react";
+import * as t from "@pie-lib/render-ui";
+import { InputContainer as n } from "@pie-lib/render-ui";
+import { styled as r } from "@mui/material/styles";
+import { jsx as i } from "react/jsx-runtime";
+import a from "@pie-lib/editable-html-tip-tap";
+//#region src/author/design/categories/RowLabel.tsx
+function o(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function s(e, t) {
+	return !e || o(e) ? e : o(e.default) ? e.default : t && o(e[t]) ? e[t] : t && o(e[t]?.default) ? e[t].default : e;
+}
+var c = s(n, "InputContainer") || s(d.InputContainer, "InputContainer"), l = t, u = l.default, d = u && typeof u == "object" ? u : l, f = r(c)(({ theme: e }) => ({
+	width: "100%",
+	paddingTop: e.spacing(1),
+	marginTop: e.spacing(1)
+})), p = ({ categoriesPerRow: t, configuration: n, disabled: r, markup: o, imageSupport: s, onChange: c, toolbarOpts: l, spellCheck: u, maxImageWidth: d, maxImageHeight: p, uploadSoundSupport: m, mathMlOptions: h = {} }) => {
+	let { rowLabels: g, baseInputConfiguration: _ } = n;
+	return /* @__PURE__ */ i("div", {
+		style: {
+			gridColumn: `1/${t + 1}`,
+			width: "100%"
+		},
+		children: /* @__PURE__ */ i(f, {
+			label: "Row Label",
+			children: /* @__PURE__ */ i(a, {
+				disabled: r,
+				markup: o,
+				onChange: c,
+				imageSupport: s,
+				nonEmpty: !1,
+				toolbarOpts: l,
+				pluginProps: e(g?.inputConfiguration, _),
+				spellCheck: u,
+				maxImageWidth: d,
+				maxImageHeight: p,
+				uploadSoundSupport: m,
+				languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+				mathMlOptions: h
+			})
+		})
+	});
+};
+//#endregion
+export { p as RowLabel };

package/dist/author/design/categories/alternateResponses.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @synced-from pie-elements/packages/categorize/configure/src/design/categories/alternateResponses.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';
+export declare class AlternateResponses extends React.Component {
+    static propTypes: {
+        altIndex: PropTypes.Validator<number>;
+        configuration: PropTypes.Requireable<object>;
+        imageSupport: PropTypes.Requireable<PropTypes.InferProps<{
+            add: PropTypes.Validator<(...args: any[]) => any>;
+            delete: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
+        categories: PropTypes.Requireable<any[]>;
+        onModelChanged: PropTypes.Requireable<(...args: any[]) => any>;
+        model: PropTypes.Validator<object>;
+        uploadSoundSupport: PropTypes.Requireable<PropTypes.InferProps<{
+            add: PropTypes.Validator<(...args: any[]) => any>;
+            delete: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
+        spellCheck: PropTypes.Requireable<boolean>;
+    };
+    deleteChoiceFromCategory: any;
+    render(): React.JSX.Element;
+}
+export default AlternateResponses;

package/dist/author/design/categories/alternateResponses.js

@@ -0,0 +1,62 @@
+import e from "./category.js";
+import t from "react";
+import n from "prop-types";
+import { styled as r } from "@mui/material/styles";
+import { removeChoiceFromAlternate as i } from "@pie-lib/categorize";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/author/design/categories/alternateResponses.tsx
+var s = r("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), c = r("div")(({ theme: e }) => ({
+	display: "grid",
+	gridRowGap: e.spacing(1),
+	gridColumnGap: e.spacing(1)
+})), l = r("div")({ gridColumn: "1 / 3" }), u = class extends t.Component {
+	static propTypes = {
+		altIndex: n.number.isRequired,
+		configuration: n.object,
+		imageSupport: n.shape({
+			add: n.func.isRequired,
+			delete: n.func.isRequired
+		}),
+		categories: n.array,
+		onModelChanged: n.func,
+		model: n.object.isRequired,
+		uploadSoundSupport: n.shape({
+			add: n.func.isRequired,
+			delete: n.func.isRequired
+		}),
+		spellCheck: n.bool
+	};
+	deleteChoiceFromCategory = (e, t, n) => {
+		let { model: r, altIndex: a, onModelChanged: o } = this.props;
+		o({ correctResponse: i(t.id, e.id, n, a, r.correctResponse) });
+	};
+	render() {
+		let { altIndex: n, model: r, configuration: i, categories: u, imageSupport: d, spellCheck: f, uploadSoundSupport: p, mathMlOptions: m = {} } = this.props, { categoriesPerRow: h, errors: g, rowLabels: _ } = r, { duplicateAlternate: v } = g || {}, y = { gridTemplateColumns: `repeat(${h}, 1fr)` }, b = v ? v.index === n : !1;
+		return /* @__PURE__ */ a(s, { children: /* @__PURE__ */ a(c, {
+			style: y,
+			children: u.map((r, s) => {
+				let c = s % h === 0, u = s / h;
+				return /* @__PURE__ */ o(t.Fragment, { children: [c && /* @__PURE__ */ a(l, {
+					style: {
+						gridColumn: `1/${h + 1}`,
+						width: "100%"
+					},
+					dangerouslySetInnerHTML: { __html: _[u] || "" }
+				}), /* @__PURE__ */ a(e, {
+					alternateResponseIndex: n,
+					imageSupport: d,
+					isDuplicated: b && v.category === r.id,
+					category: r,
+					spellCheck: f,
+					onDeleteChoice: (e, t) => this.deleteChoiceFromCategory(r, e, t),
+					uploadSoundSupport: p,
+					mathMlOptions: m,
+					configuration: i,
+					isAlternate: !0
+				}, s)] }, s);
+			})
+		}) });
+	}
+};
+//#endregion
+export { u as default };