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

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

@@ -1,52 +0,0 @@
-/**
- * @synced-from pie-elements/packages/categorize/configure/src/design/index.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 Design extends React.Component {
-    static propTypes: {
-        configuration: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-        onConfigurationChanged: PropTypes.Requireable<(...args: any[]) => any>;
-        model: PropTypes.Validator<object>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        uid: PropTypes.Requireable<string>;
-        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>;
-        }>>;
-    };
-    constructor(props: any);
-    updateModel: any;
-    changeRationale: any;
-    changeTeacherInstructions: any;
-    changeFeedback: any;
-    onAddAlternateResponse: any;
-    onPromptChanged: (prompt: any) => any;
-    onRemoveAlternateResponse: any;
-    countChoiceInCorrectResponse: any;
-    checkAllowMultiplePlacements: any;
-    isAlertModalOpened: any;
-    onAlertModalCancel: any;
-    onDragStart: any;
-    onDragEnd: any;
-    removeChoiceFromSource: any;
-    addChoiceToCategory: any;
-    deleteChoiceFromCategory: any;
-    moveChoice: any;
-    addChoiceToAlternateCategory: any;
-    moveChoiceInAlternate: any;
-    deleteChoiceFromAlternateCategory: any;
-    renderDragOverlay: any;
-    render(): React.JSX.Element;
-}
-export default Design;

package/dist/author/design/index.js

@@ -1,417 +0,0 @@
-import { getPluginProps as e } from "./utils.js";
-import t from "./categories/choice-preview.js";
-import n from "./header.js";
-import { getMaxCategoryChoices as r, multiplePlacements as i } from "../utils.js";
-import a from "./categories/index.js";
-import o from "./categories/alternateResponses.js";
-import s from "./choices/choice.js";
-import c from "./choices/index.js";
-import { buildAlternateResponses as l, buildCategories as u } from "./builder.js";
-import d from "react";
-import { renderMath as f } from "@pie-element/shared-math-rendering-mathjax";
-import p from "prop-types";
-import { styled as m } from "@mui/material/styles";
-import { DragOverlay as ee } from "@dnd-kit/core";
-import { countInAnswer as h, ensureNoExtraChoicesInAlternate as g, ensureNoExtraChoicesInAnswer as _, moveChoiceToAlternate as v, moveChoiceToCategory as y, removeChoiceFromAlternate as b, removeChoiceFromCategory as x, verifyAllowMultiplePlacements as S } from "@pie-lib/categorize";
-import { DragProvider as te, uid as C } from "@pie-lib/drag";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import E from "@pie-lib/translator";
-import { AlertDialog as ne, FeedbackConfig as re, InputContainer as D, layout as ie, settings as O } from "@pie-lib/config-ui";
-import k from "@pie-lib/editable-html-tip-tap";
-//#region src/author/design/index.tsx
-var { translator: ae } = E, { dropdown: A, Panel: oe, toggle: j, radio: M, numberField: N } = O, { Provider: se } = C, ce = class extends d.Component {
-	containerRef = d.createRef();
-	componentDidMount() {
-		this.containerRef.current && setTimeout(() => f(this.containerRef.current), 0);
-	}
-	render() {
-		return /* @__PURE__ */ w("div", {
-			ref: this.containerRef,
-			children: this.props.children
-		});
-	}
-}, P = m(n)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), F = m(D)(({ theme: e }) => ({
-	width: "100%",
-	paddingTop: e.spacing(1),
-	marginTop: e.spacing(1),
-	marginBottom: e.spacing(2)
-})), I = m("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(1)
-})), L = class extends d.Component {
-	static propTypes = {
-		configuration: p.object,
-		className: p.string,
-		onConfigurationChanged: p.func,
-		model: p.object.isRequired,
-		onChange: p.func.isRequired,
-		uid: p.string,
-		imageSupport: p.shape({
-			add: p.func.isRequired,
-			delete: p.func.isRequired
-		}),
-		uploadSoundSupport: p.shape({
-			add: p.func.isRequired,
-			delete: p.func.isRequired
-		})
-	};
-	constructor(e) {
-		super(e), this.uid = e.uid || C.generateId(), this.state = { activeDragItem: null };
-	}
-	updateModel = (e) => {
-		let { model: t, onChange: n } = this.props, r = {
-			...t,
-			...e
-		};
-		r.choices = r.choices.map((e) => ({
-			...e,
-			categoryCount: this.checkAllowMultiplePlacements(r.allowMultiplePlacementsEnabled, e)
-		})), r.correctResponse = _(r.correctResponse || [], r.choices), r.correctResponse = g(r.correctResponse || [], r.choices), r.categories = r.categories.map((e) => ({
-			id: e.id,
-			label: e.label
-		})), r.choices = r.choices.map((e) => ({
-			id: e.id,
-			content: e.content,
-			categoryCount: e.categoryCount
-		})), r.maxChoicesPerCategory = r.allowMaxChoicesPerCategory ? r.maxChoicesPerCategory : 0, n(r);
-	};
-	changeRationale = (e) => {
-		let { model: t, onChange: n } = this.props;
-		n({
-			...t,
-			rationale: e
-		});
-	};
-	changeTeacherInstructions = (e) => {
-		let { model: t, onChange: n } = this.props;
-		n({
-			...t,
-			teacherInstructions: e
-		});
-	};
-	changeFeedback = (e) => {
-		this.updateModel({ feedback: e });
-	};
-	onAddAlternateResponse = () => {
-		let { model: { correctResponse: e } } = this.props;
-		this.updateModel({ correctResponse: (e || []).map((e) => ({
-			...e,
-			alternateResponses: [...e.alternateResponses || [], []]
-		})) });
-	};
-	onPromptChanged = (e) => this.updateModel({ prompt: e });
-	onRemoveAlternateResponse = (e) => {
-		let { model: { correctResponse: t } } = this.props;
-		this.updateModel({ correctResponse: (t || []).map((t) => ({
-			...t,
-			alternateResponses: (t.alternateResponses || []).filter((t, n) => n !== e)
-		})) });
-	};
-	countChoiceInCorrectResponse = (e) => {
-		let { model: t } = this.props;
-		return h(e.id, t.correctResponse);
-	};
-	checkAllowMultiplePlacements = (e, t) => e === i.enabled ? 0 : e === i.disabled ? 1 : t.categoryCount || 0;
-	isAlertModalOpened = () => {
-		let { model: e } = this.props, { maxChoicesPerCategory: t = 0 } = e || {}, n = r(e);
-		return t === 0 ? !1 : n > t;
-	};
-	onAlertModalCancel = () => {
-		let { model: e } = this.props, t = r(e);
-		this.updateModel({ maxChoicesPerCategory: t });
-	};
-	onDragStart = (e) => {
-		let { active: t } = e, n = t.data.current;
-		this.setState({ activeDragItem: n });
-	};
-	onDragEnd = ({ active: e, over: t }) => {
-		let n = window.scrollX, r = window.scrollY;
-		if (this.setState({ activeDragItem: null }), !e) return;
-		requestAnimationFrame(() => {
-			requestAnimationFrame(() => {
-				window.scrollTo(n, r);
-			});
-		});
-		let { model: i } = this.props, { allowAlternateEnabled: a, categories: o = [], choices: s = [] } = i, c = e?.data?.current, l = t?.data?.current;
-		if (!c) return;
-		let u = c.choiceIndex || 0, d = l?.type, f = c.type === "choice-preview", p = c.type === "choice", m = c.choice?.id || (typeof c.id == "string" ? c.id.split("-")[0] : c.id);
-		if (f && (!l || d === "choice")) {
-			this.removeChoiceFromSource(c, u, {
-				allowAlternateEnabled: a,
-				categories: o,
-				choices: s
-			});
-			return;
-		}
-		if (f && d === "category") return this.moveChoice(m, c.categoryId, l.id, u);
-		if (p && d === "category") return this.addChoiceToCategory({ id: c.id }, l.id);
-		if (f && d === "category-alternate") return this.moveChoiceInAlternate(m, c.categoryId, l.id, u, l.alternateResponseIndex);
-		if (a && p && d === "category-alternate") return this.addChoiceToAlternateCategory({ id: c.id }, l.id, l.alternateResponseIndex);
-	};
-	removeChoiceFromSource = (e, t, { allowAlternateEnabled: n, categories: r, choices: i }) => {
-		if (e.alternateResponseIndex === void 0) {
-			this.deleteChoiceFromCategory(e.categoryId, e.choiceId, t);
-			return;
-		}
-		if (!n) return;
-		let a = r?.find((t) => t.id === e.categoryId), o = i?.find((t) => t.id === e.choiceId);
-		a && o && this.deleteChoiceFromAlternateCategory(a, o, t, e.alternateResponseIndex);
-	};
-	addChoiceToCategory = (e, t) => {
-		let { model: n } = this.props, { choices: i = [], correctResponse: a = [], maxChoicesPerCategory: o = 0 } = n || {}, s = (i || []).find((t) => t.id === e.id), c = y(e.id, void 0, t, 0, a);
-		s.categoryCount !== 0 && (c = S(e, t, c));
-		let l = r(n);
-		this.updateModel({
-			correctResponse: c,
-			maxChoicesPerCategory: o !== 0 && o < l ? o + 1 : o
-		});
-	};
-	deleteChoiceFromCategory = (e, t, n) => {
-		let { model: r } = this.props, i = x(t, e, n, r.correctResponse);
-		this.updateModel({ correctResponse: i });
-	};
-	moveChoice = (e, t, n, i) => {
-		let { model: a } = this.props, { choices: o, correctResponse: s = [], maxChoicesPerCategory: c = 0 } = a || {}, l = (o || []).find((t) => t.id === e);
-		if (n === t || !l) return;
-		l.categoryCount === 0 ? l.categoryCount === 0 && (s = y(l.id, void 0, n, 0, s)) : (s = y(l.id, t, n, i, s), s = S(l, n, s));
-		let u = r(a);
-		this.updateModel({
-			correctResponse: s,
-			maxChoicesPerCategory: c !== 0 && c < u ? c + 1 : c
-		});
-	};
-	addChoiceToAlternateCategory = (e, t, n) => {
-		let { model: i } = this.props, { correctResponse: a, choices: o, maxChoicesPerCategory: s = 0 } = i, c = o.find((t) => t.id === e.id);
-		a.forEach((r) => r.category === t ? (r.alternateResponses = r.alternateResponses || [], r.alternateResponses[n] === void 0 && (r.alternateResponses[n] = []), r.alternateResponses[n].push(e.id), c.categoryCount && c.categoryCount !== 0 && (r.alternateResponses[n] = r.alternateResponses[n].reduce((e, t) => (t === c.id ? e.findIndex((e) => e === c.id) === -1 && e.push(t) : e.push(t), e), [])), r) : (r.alternateResponses[n] && c.categoryCount !== 0 && (r.alternateResponses[n] = r.alternateResponses[n].filter((t) => t !== e.id)), r));
-		let l = r(i);
-		this.updateModel({
-			correctResponse: a,
-			maxChoicesPerCategory: s !== 0 && s < l ? s + 1 : s
-		});
-	};
-	moveChoiceInAlternate = (e, t, n, i, a) => {
-		let { model: o } = this.props, { choices: s, correctResponse: c = [], maxChoicesPerCategory: l = 0 } = o || {}, u = (s || []).find((t) => t.id === e);
-		c = v(e, t, n, i, c, a, u?.categoryCount);
-		let d = r(o);
-		this.updateModel({
-			correctResponse: c,
-			maxChoicesPerCategory: l !== 0 && l < d ? l + 1 : l
-		});
-	};
-	deleteChoiceFromAlternateCategory = (e, t, n, r) => {
-		let { model: i } = this.props, a = b(t.id, e.id, n, r, i.correctResponse);
-		this.updateModel({ correctResponse: a });
-	};
-	renderDragOverlay = () => {
-		let { activeDragItem: e } = this.state, { model: n, configuration: r } = this.props;
-		if (!e) return null;
-		if (e.type === "choice") {
-			let t = n.choices?.find((t) => t.id === e.id);
-			return t ? /* @__PURE__ */ w(s, {
-				choice: t,
-				configuration: r
-			}) : null;
-		} else if (e.type === "choice-preview" && e.alternateResponseIndex === void 0) {
-			let r = n.choices?.find((t) => t.id === e.id);
-			return r ? /* @__PURE__ */ w(t, { choice: r }) : null;
-		} else if (e.type === "choice-preview" && e.alternateResponseIndex !== void 0) {
-			let r = n.choices?.find((t) => t.id === e.id);
-			return r ? /* @__PURE__ */ w(t, {
-				choice: r,
-				alternateResponseIndex: e.alternateResponseIndex
-			}) : null;
-		}
-		return null;
-	};
-	render() {
-		let { configuration: t, imageSupport: n, model: r, uploadSoundSupport: s, onConfigurationChanged: f } = this.props, { allowAlternate: p = {}, allowMultiplePlacements: m = {}, baseInputConfiguration: h = {}, categoriesPerRow: g = {}, choicesPosition: _ = {}, contentDimensions: v = {}, feedback: y = {}, lockChoiceOrder: b = {}, maxImageHeight: x = {}, maxImageWidth: S = {}, maxPlacements: C = {}, minCategoriesPerRow: E = 1, partialScoring: D = {}, prompt: O = {}, rationale: L = {}, scoringType: R = {}, settingsPanelDisabled: le, spellCheck: z = {}, studentInstructions: B = {}, teacherInstructions: V = {}, withRubric: H = {}, mathMlOptions: U = {}, language: W = {}, languageChoices: G = {}, allowMaxAnswerChoices: K = {} } = t || {}, { allowAlternateEnabled: ue, allowMaxChoicesPerCategory: de, errors: fe, feedbackEnabled: pe, maxChoicesPerCategory: me, promptEnabled: he, rationaleEnabled: ge, spellCheckEnabled: q, teacherInstructionsEnabled: _e, toolbarEditorPosition: ve, extraCSSRules: ye } = r || {}, { prompt: J, rationale: Y, teacherInstructions: X } = fe || {}, Z = { position: ve === "top" ? "top" : "bottom" }, be = r.config || {};
-		be.choices = be.choices || {
-			label: "",
-			columns: 2
-		};
-		let xe = u(r.categories || [], r.choices || [], r.correctResponse || []), Se = l(r.categories || [], r.choices || [], r.correctResponse || []), Ce = r.choices.map((e) => (e.correctResponseCount = this.countChoiceInCorrectResponse(e), e.categoryCount = this.checkAllowMultiplePlacements(r.allowMultiplePlacementsEnabled, e), e)), Q = S && S.prompt, $ = x && x.prompt, we = {
-			partialScoring: D.settings && j(D.label),
-			lockChoiceOrder: b.settings && j(b.label),
-			categoriesPerRow: g.settings && N(g.label, {
-				label: g.label,
-				min: E,
-				max: 6
-			}),
-			choicesPosition: _.settings && M(_.label, [
-				"below",
-				"above",
-				"left",
-				"right"
-			]),
-			allowMultiplePlacementsEnabled: m.settings && A(m.label, [
-				i.enabled,
-				i.disabled,
-				i.perChoice
-			]),
-			maxAnswerChoices: K.settings && N(K.label, {
-				label: "",
-				min: Ce?.length || 0,
-				max: 30
-			}),
-			allowMaxChoicesPerCategory: C.settings && j(C.label),
-			maxChoicesPerCategory: de === !0 && N(C.label, {
-				label: "",
-				min: 0,
-				max: 30
-			}),
-			promptEnabled: O.settings && j(O.label),
-			feedbackEnabled: y.settings && j(y.label),
-			allowAlternateEnabled: p.settings && j(p.label),
-			"language.enabled": W.settings && j(W.label, !0),
-			language: W.settings && W.enabled && A(G.label, G.options)
-		}, Te = {
-			teacherInstructionsEnabled: V.settings && j(V.label),
-			studentInstructionsEnabled: B.settings && j(B.label),
-			rationaleEnabled: L.settings && j(L.label),
-			spellCheckEnabled: z.settings && j(z.label),
-			scoringType: R.settings && M(R.label, ["auto", "rubric"]),
-			rubricEnabled: H?.settings && j(H?.label)
-		}, Ee = this.isAlertModalOpened(), De = ae.t("translation:categorize:maxChoicesPerCategoryRestriction", {
-			lng: r.language,
-			maxChoicesPerCategory: me
-		});
-		return /* @__PURE__ */ w(te, {
-			onDragStart: this.onDragStart,
-			onDragEnd: this.onDragEnd,
-			children: /* @__PURE__ */ T(se, {
-				value: this.uid,
-				children: [/* @__PURE__ */ T(ie.ConfigLayout, {
-					extraCSSRules: ye,
-					dimensions: v,
-					hideSettings: le,
-					settings: /* @__PURE__ */ w(oe, {
-						model: r,
-						onChangeModel: this.updateModel,
-						configuration: t,
-						onChangeConfiguration: f,
-						groups: {
-							Settings: we,
-							Properties: Te
-						},
-						modal: /* @__PURE__ */ w(ne, {
-							title: "Warning",
-							text: De,
-							open: Ee,
-							onClose: this.onAlertModalCancel
-						})
-					}),
-					children: [
-						_e && /* @__PURE__ */ T(F, {
-							label: V.label,
-							children: [/* @__PURE__ */ w(k, {
-								markup: r.teacherInstructions || "",
-								onChange: this.changeTeacherInstructions,
-								imageSupport: n,
-								error: X,
-								nonEmpty: !1,
-								toolbarOpts: Z,
-								pluginProps: e(V?.inputConfiguration, h),
-								spellCheck: q,
-								maxImageWidth: S && S.teacherInstructions || Q,
-								maxImageHeight: x && x.teacherInstructions || $,
-								uploadSoundSupport: s,
-								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-								mathMlOptions: U
-							}), X && /* @__PURE__ */ w(I, { children: X })]
-						}),
-						he && /* @__PURE__ */ T(F, {
-							label: O.label,
-							children: [/* @__PURE__ */ w(k, {
-								markup: r.prompt || "",
-								onChange: this.onPromptChanged,
-								imageSupport: n,
-								error: J,
-								nonEmpty: !1,
-								disableUnderline: !0,
-								toolbarOpts: Z,
-								pluginProps: e(O?.inputConfiguration, h),
-								spellCheck: q,
-								maxImageWidth: S && S.prompt,
-								maxImageHeight: x && x.prompt,
-								uploadSoundSupport: s,
-								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-								mathMlOptions: U
-							}), J && /* @__PURE__ */ w(I, { children: J })]
-						}),
-						/* @__PURE__ */ w(a, {
-							imageSupport: n,
-							uploadSoundSupport: s,
-							model: r,
-							categories: xe || [],
-							onModelChanged: this.updateModel,
-							toolbarOpts: Z,
-							spellCheck: q,
-							configuration: t,
-							defaultImageMaxWidth: Q,
-							defaultImageMaxHeight: $,
-							mathMlOptions: U
-						}),
-						/* @__PURE__ */ w(c, {
-							imageSupport: n,
-							uploadSoundSupport: s,
-							choices: Ce,
-							model: r,
-							onModelChanged: this.updateModel,
-							toolbarOpts: Z,
-							spellCheck: q,
-							configuration: t,
-							defaultImageMaxWidth: Q,
-							defaultImageMaxHeight: $
-						}),
-						ue && /* @__PURE__ */ w(P, {
-							label: "Alternate Responses",
-							buttonLabel: "ADD AN ALTERNATE RESPONSE",
-							onAdd: this.onAddAlternateResponse
-						}),
-						ue && Se.map((e, i) => /* @__PURE__ */ T(d.Fragment, { children: [/* @__PURE__ */ w(P, {
-							variant: "subtitle1",
-							label: "Alternate Response",
-							buttonLabel: "REMOVE ALTERNATE RESPONSE",
-							onAdd: () => this.onRemoveAlternateResponse(i)
-						}), /* @__PURE__ */ w(o, {
-							altIndex: i,
-							imageSupport: n,
-							model: r,
-							configuration: t,
-							categories: e,
-							onModelChanged: this.updateModel,
-							uploadSoundSupport: s,
-							mathMlOptions: U
-						})] }, i)),
-						ge && /* @__PURE__ */ T(F, {
-							label: L.label,
-							children: [/* @__PURE__ */ w(k, {
-								markup: r.rationale || "",
-								onChange: this.changeRationale,
-								imageSupport: n,
-								error: Y,
-								nonEmpty: !1,
-								toolbarOpts: Z,
-								pluginProps: e(O?.inputConfiguration, h),
-								spellCheck: q,
-								maxImageWidth: S && S.rationale || Q,
-								maxImageHeight: x && x.rationale || $,
-								uploadSoundSupport: s,
-								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-								mathMlOptions: U
-							}), Y && /* @__PURE__ */ w(I, { children: Y })]
-						}),
-						pe && /* @__PURE__ */ w(re, {
-							feedback: r.feedback,
-							onChange: this.changeFeedback,
-							toolbarOpts: Z
-						})
-					]
-				}), /* @__PURE__ */ w(ee, { children: /* @__PURE__ */ w(ce, { children: this.renderDragOverlay() }) })]
-			})
-		});
-	}
-};
-//#endregion
-export { L as default };

package/dist/author/design/input-header.d.ts

@@ -1,39 +0,0 @@
-/**
- * @synced-from pie-elements/packages/categorize/configure/src/design/input-header.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 InputHeader extends React.Component {
-    static propTypes: {
-        configuration: PropTypes.Validator<object>;
-        deleteFocusedEl: PropTypes.Requireable<(...args: any[]) => any>;
-        disabled: PropTypes.Requireable<boolean>;
-        focusedEl: PropTypes.Requireable<number>;
-        index: PropTypes.Requireable<number>;
-        label: PropTypes.Requireable<string>;
-        maxImageWidth: PropTypes.Requireable<object>;
-        maxImageHeight: PropTypes.Requireable<object>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onDelete: PropTypes.Requireable<(...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>;
-        error: PropTypes.Requireable<string>;
-        spellCheck: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {};
-    constructor(props: any);
-    render(): React.JSX.Element;
-}
-export default InputHeader;

package/dist/author/design/input-header.js

@@ -1,69 +0,0 @@
-import { getPluginProps as e } from "./utils.js";
-import t from "react";
-import n from "prop-types";
-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/input-header.tsx
-var o = r(a)({
-	flex: "1",
-	maxWidth: "100%"
-}), s = r("div")(({ theme: e }) => ({
-	display: "flex",
-	justifyContent: "space-between",
-	paddingBottom: e.spacing(1)
-})), c = class extends t.Component {
-	static propTypes = {
-		configuration: n.object.isRequired,
-		deleteFocusedEl: n.func,
-		disabled: n.bool,
-		focusedEl: n.number,
-		index: n.number,
-		label: n.string,
-		maxImageWidth: n.object,
-		maxImageHeight: n.object,
-		onChange: n.func,
-		onDelete: n.func,
-		imageSupport: n.shape({
-			add: n.func.isRequired,
-			delete: n.func.isRequired
-		}),
-		uploadSoundSupport: n.shape({
-			add: n.func.isRequired,
-			delete: n.func.isRequired
-		}),
-		toolbarOpts: n.object,
-		error: n.string,
-		spellCheck: n.bool
-	};
-	static defaultProps = {};
-	constructor(e) {
-		super(e);
-	}
-	render() {
-		let { onChange: t, configuration: n, label: r, deleteFocusedEl: a, disabled: c, imageSupport: l, toolbarOpts: u, spellCheck: d, error: f, maxImageWidth: p, maxImageHeight: m, uploadSoundSupport: h, mathMlOptions: g = {}, focusedEl: _, index: v } = this.props, { headers: y, baseInputConfiguration: b } = n;
-		return /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(o, {
-			imageSupport: l,
-			disabled: c,
-			autoFocus: _ != null && _ === v,
-			autoWidthToolbar: !0,
-			label: "label",
-			markup: r,
-			onChange: t,
-			pluginProps: e(y?.inputConfiguration, b),
-			toolbarOpts: u,
-			spellCheck: d,
-			error: f,
-			maxImageWidth: p,
-			maxImageHeight: m,
-			uploadSoundSupport: h,
-			languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-			onDone: () => {
-				a && a();
-			},
-			mathMlOptions: g
-		}) });
-	}
-};
-//#endregion
-export { c as default };

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

@@ -1,9 +0,0 @@
-/**
- * @synced-from pie-elements/packages/categorize/configure/src/design/utils.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 getPluginProps: (props?: {}, baseInputConfiguration?: {}) => {};

package/dist/author/design/utils.js

@@ -1,7 +0,0 @@
-//#region src/author/design/utils.ts
-var e = (e = {}, t = {}) => ({
-	...t,
-	...e
-});
-//#endregion
-export { e as getPluginProps };

package/dist/author/index.d.ts

@@ -1,51 +0,0 @@
-/**
- * @synced-from pie-elements/packages/categorize/configure/src/index.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 default class CategorizeConfigure extends HTMLElement {
-    static createDefaultModel: (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;
-    };
-    static disableAlternateResponses: (m: any) => any;
-    constructor();
-    set model(m: any);
-    set configuration(c: any);
-    onModelChanged(m: any): void;
-    onConfigurationChanged(c: any): void;
-    connectedCallback(): void;
-    /**
-     *
-     * @param {done, progress, file} handler
-     */
-    insertImage(handler: any): void;
-    onDeleteImage(src: any, done: any): void;
-    insertSound(handler: any): void;
-    onDeleteSound(src: any, done: any): void;
-    render(): void;
-    disconnectedCallback(): void;
-}