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

package/dist/author/design/categories/droppable-placeholder.js

@@ -1,71 +0,0 @@
-import e from "./choice-preview.js";
-import t from "react";
-import n from "prop-types";
-import r from "debug";
-import { styled as i } from "@mui/material/styles";
-import { useDroppable as a } from "@dnd-kit/core";
-import { PlaceHolder as o, uid as s } from "@pie-lib/drag";
-import { jsx as c } from "react/jsx-runtime";
-//#region src/author/design/categories/droppable-placeholder.tsx
-r("@pie-element:categorize:configure");
-var l = i("div")(({ theme: e }) => ({
-	display: "flex",
-	alignItems: "center",
-	justifyContent: "center",
-	fontSize: e.typography.fontSize - 2,
-	color: `rgba(${e.palette.common.black}, 0.4)`,
-	width: "100%",
-	height: "100%"
-})), u = () => /* @__PURE__ */ c(l, { children: "Drag your correct answers here" }), d = ({ alternateResponseIndex: n, category: r, choices: i, onDeleteChoice: a }) => /* @__PURE__ */ c(t.Fragment, { children: (i || []).map((t, i) => t && /* @__PURE__ */ c(e, {
-	alternateResponseIndex: n,
-	category: r,
-	choice: t,
-	choiceIndex: i,
-	onDelete: (e) => a(e, i)
-}, i)) });
-d.propTypes = {
-	alternateResponseIndex: n.number,
-	category: n.object,
-	choices: n.array,
-	onDeleteChoice: n.func
-};
-var f = ({ alternateResponseIndex: e, category: t, choices: n, onDeleteChoice: r, categoryId: i, isAlternate: s }) => {
-	let { setNodeRef: l, isOver: f } = a({
-		id: `${i}-${s ? "alternate" : "standard"}`,
-		data: {
-			accepts: ["choice", "choice-preview"],
-			alternateResponseIndex: e,
-			categoryId: i,
-			type: s ? "category-alternate" : "category",
-			id: i
-		}
-	});
-	return /* @__PURE__ */ c("div", {
-		ref: l,
-		children: /* @__PURE__ */ c(o, {
-			isOver: f,
-			extraStyles: {
-				width: "100%",
-				minHeight: "100px",
-				height: "auto"
-			},
-			children: (n || []).length === 0 ? /* @__PURE__ */ c(u, {}) : /* @__PURE__ */ c(d, {
-				alternateResponseIndex: e,
-				category: t,
-				choices: n,
-				onDeleteChoice: r
-			})
-		})
-	});
-};
-f.propTypes = {
-	alternateResponseIndex: n.number,
-	category: n.object,
-	choices: n.array,
-	onDeleteChoice: n.func,
-	categoryId: n.string.isRequired,
-	isAlternate: n.bool
-};
-var p = s.withUid(f);
-//#endregion
-export { p as default };

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

@@ -1,41 +0,0 @@
-/**
- * @synced-from pie-elements/packages/categorize/configure/src/design/categories/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 Categories extends React.Component {
-    static propTypes: {
-        defaultImageMaxHeight: PropTypes.Requireable<number>;
-        defaultImageMaxWidth: PropTypes.Requireable<number>;
-        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>;
-        }>>;
-        categories: PropTypes.Requireable<any[]>;
-        onModelChanged: PropTypes.Requireable<(...args: any[]) => any>;
-        model: PropTypes.Validator<object>;
-        configuration: PropTypes.Validator<object>;
-        toolbarOpts: PropTypes.Requireable<object>;
-        spellCheck: PropTypes.Requireable<boolean>;
-    };
-    state: {
-        focusedEl: null;
-    };
-    add: any;
-    deleteFocusedEl: any;
-    delete: any;
-    change: any;
-    deleteChoiceFromCategory: any;
-    changeRowLabel: any;
-    render(): React.JSX.Element;
-}
-export default Categories;

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

@@ -1,146 +0,0 @@
-import e from "./category.js";
-import t from "../header.js";
-import { generateValidationMessage as n } from "../../utils.js";
-import { RowLabel as r } from "./RowLabel.js";
-import i from "react";
-import a from "prop-types";
-import { styled as o } from "@mui/material/styles";
-import { removeCategory as s, removeChoiceFromCategory as c } from "@pie-lib/categorize";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { choiceUtils as d } from "@pie-lib/config-ui";
-import f from "@mui/icons-material/Info";
-import p from "@mui/material/Tooltip";
-//#region src/author/design/categories/index.tsx
-var m = o("div")(({ theme: e }) => ({ marginBottom: e.spacing(3) })), h = o("div")(({ theme: e }) => ({
-	display: "grid",
-	gridRowGap: e.spacing(1),
-	gridColumnGap: e.spacing(1)
-})), g = o(p)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
-	fontSize: e.typography.fontSize - 2,
-	whiteSpace: "pre",
-	maxWidth: "500px"
-} })), _ = o("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(.5)
-})), v = class extends i.Component {
-	static propTypes = {
-		defaultImageMaxHeight: a.number,
-		defaultImageMaxWidth: a.number,
-		imageSupport: a.shape({
-			add: a.func.isRequired,
-			delete: a.func.isRequired
-		}),
-		uploadSoundSupport: a.shape({
-			add: a.func.isRequired,
-			delete: a.func.isRequired
-		}),
-		categories: a.array,
-		onModelChanged: a.func,
-		model: a.object.isRequired,
-		configuration: a.object.isRequired,
-		toolbarOpts: a.object,
-		spellCheck: a.bool
-	};
-	state = { focusedEl: null };
-	add = () => {
-		let { model: e, categories: t } = this.props, { categoriesPerRow: n, correctResponse: r, allowAlternateEnabled: i } = e, a = d.firstAvailableIndex(e.categories.map((e) => e.id), 1), o = {
-			id: a,
-			label: "Category " + a
-		}, s = e.categories.length % n === 0, c = [...e.rowLabels];
-		s && c.push(""), this.setState({ focusedEl: t.length }, () => {
-			this.props.onModelChanged({
-				rowLabels: c,
-				categories: e.categories.concat([o]),
-				correctResponse: i ? [...r, {
-					category: a,
-					choices: [],
-					alternateResponses: []
-				}] : r
-			});
-		});
-	};
-	deleteFocusedEl = () => {
-		this.setState({ focusedEl: null });
-	};
-	delete = (e) => {
-		let { model: t, onModelChanged: n } = this.props, r = t.categories.findIndex((t) => t.id === e.id);
-		r !== -1 && (t.categories.splice(r, 1), t.correctResponse = s(e.id, t.correctResponse), n(t));
-	};
-	change = (e) => {
-		let { categories: t } = this.props, n = t.findIndex((t) => t.id === e.id);
-		n !== -1 && (t.splice(n, 1, e), this.props.onModelChanged({ categories: t }));
-	};
-	deleteChoiceFromCategory = (e, t, n) => {
-		let { model: r, onModelChanged: i } = this.props;
-		i({ correctResponse: c(t.id, e.id, n, r.correctResponse) });
-	};
-	changeRowLabel = (e, t) => {
-		let { model: n } = this.props, { rowLabels: r } = n, i = [...r];
-		i.length < t ? i.push(e) : i[t] = e, this.props.onModelChanged({ rowLabels: i });
-	};
-	render() {
-		let { model: a, categories: o, imageSupport: s, uploadSoundSupport: c, toolbarOpts: d, spellCheck: p, configuration: v, defaultImageMaxHeight: y, defaultImageMaxWidth: b, mathMlOptions: x = {} } = this.props, { categoriesPerRow: S, rowLabels: C, errors: w } = a, { associationError: T, categoriesError: E, categoriesErrors: D } = w || {}, { maxCategories: O, maxImageWidth: k = {}, maxImageHeight: A = {} } = v || {}, j = { gridTemplateColumns: `repeat(${S}, 1fr)` }, M = n(v);
-		return /* @__PURE__ */ u(m, { children: [
-			/* @__PURE__ */ l(t, {
-				label: "Categories",
-				buttonLabel: "ADD A CATEGORY",
-				onAdd: this.add,
-				info: /* @__PURE__ */ l(g, {
-					disableFocusListener: !0,
-					disableTouchListener: !0,
-					placement: "right",
-					title: M,
-					children: /* @__PURE__ */ l(f, {
-						fontSize: "small",
-						color: "primary",
-						style: { marginLeft: "5px" }
-					})
-				}),
-				buttonDisabled: O && o && O === o.length
-			}),
-			/* @__PURE__ */ l(h, {
-				style: j,
-				children: o.map((t, n) => {
-					let a = n % S === 0, o = n / S;
-					return /* @__PURE__ */ u(i.Fragment, { children: [a && /* @__PURE__ */ l(r, {
-						categoriesPerRow: S,
-						disabled: !1,
-						rowIndex: o,
-						markup: C[o] || "",
-						onChange: (e) => this.changeRowLabel(e, o),
-						imageSupport: s,
-						toolbarOpts: d,
-						spellCheck: p,
-						maxImageWidth: k && k.rowLabel || b,
-						maxImageHeight: A && A.rowLabel || y,
-						uploadSoundSupport: c,
-						mathMlOptions: x,
-						configuration: v
-					}), /* @__PURE__ */ l(e, {
-						imageSupport: s,
-						focusedEl: this.state.focusedEl,
-						deleteFocusedEl: this.deleteFocusedEl,
-						index: n,
-						category: t,
-						error: D && D[t.id],
-						onChange: this.change,
-						onDelete: () => this.delete(t),
-						toolbarOpts: d,
-						spellCheck: p,
-						onDeleteChoice: (e, n) => this.deleteChoiceFromCategory(t, e, n),
-						maxImageWidth: k && k.categoryLabel || b,
-						maxImageHeight: A && A.categoryLabel || y,
-						uploadSoundSupport: c,
-						configuration: v,
-						alternateResponseIndex: void 0
-					})] }, n);
-				})
-			}),
-			T && /* @__PURE__ */ l(_, { children: T }),
-			E && /* @__PURE__ */ l(_, { children: E })
-		] });
-	}
-};
-//#endregion
-export { v as default };

package/dist/author/design/choices/choice.d.ts

@@ -1,11 +0,0 @@
-/**
- * @synced-from pie-elements/packages/categorize/configure/src/design/choices/choice.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';
-declare const _default: (props: any) => React.JSX.Element;
-export default _default;

package/dist/author/design/choices/choice.js

@@ -1,129 +0,0 @@
-import e from "../input-header.js";
-import { DeleteButton as t } from "../buttons.js";
-import { multiplePlacements as n } from "../../utils.js";
-import "react";
-import r from "prop-types";
-import i from "debug";
-import { styled as a } from "@mui/material/styles";
-import { useDraggable as o, useDroppable as s } from "@dnd-kit/core";
-import { uid as c } from "@pie-lib/drag";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Checkbox as d } from "@pie-lib/config-ui";
-import f from "@mui/material/Card";
-import p from "@mui/material/CardActions";
-import m from "@mui/icons-material/DragHandle";
-//#region src/author/design/choices/choice.tsx
-i("@pie-element:categorize:configure:choice");
-var h = (e) => {
-	if (e.lockChoiceOrder) return !0;
-	let t = e.choice.categoryCount || 0;
-	return t === 0 ? !0 : e.correctResponseCount < t;
-}, g = a(f)(({ theme: e }) => ({
-	minWidth: "196px",
-	padding: e.spacing(1),
-	overflow: "visible"
-})), _ = a(p)({
-	padding: 0,
-	justifyContent: "space-between"
-}), v = a("span", { shouldForwardProp: (e) => e !== "draggable" })(({ draggable: e }) => ({
-	cursor: e ? "move" : "inherit",
-	touchAction: "none"
-})), y = a("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingBottom: e.spacing(1)
-})), b = ({ allowMultiplePlacements: r, configuration: i, choice: a, deleteFocusedEl: c, focusedEl: f, index: p, onDelete: b, onChange: x, correctResponseCount: S, lockChoiceOrder: C, imageSupport: w, spellCheck: T, toolbarOpts: E, error: D, maxImageWidth: O, maxImageHeight: k, uploadSoundSupport: A }) => {
-	let j = h({
-		choice: a,
-		correctResponseCount: S,
-		lockChoiceOrder: C
-	}), { attributes: M, listeners: N, setNodeRef: P, isDragging: F } = o({
-		id: `choice-${a.id}`,
-		data: {
-			id: a.id,
-			index: p,
-			type: "choice"
-		},
-		disabled: !j
-	}), { setNodeRef: I } = s({
-		id: `choice-drop-${a.id}`,
-		data: {
-			id: a.id,
-			index: p,
-			type: "choice"
-		}
-	}), L = (e) => {
-		a.content = e, x(a);
-	}, R = () => {
-		a.categoryCount === 1 ? a.categoryCount = 0 : a.categoryCount = 1, x(a);
-	}, z = ((e) => e === n.perChoice)(r);
-	return /* @__PURE__ */ u(g, {
-		ref: (e) => {
-			P(e), I(e);
-		},
-		style: { opacity: F ? .5 : 1 },
-		children: [
-			/* @__PURE__ */ l(_, { children: /* @__PURE__ */ l(v, {
-				draggable: j,
-				...M,
-				...N,
-				children: /* @__PURE__ */ l(m, { color: j ? "primary" : "disabled" })
-			}) }),
-			/* @__PURE__ */ l(e, {
-				imageSupport: w,
-				focusedEl: f,
-				deleteFocusedEl: c,
-				index: p,
-				label: a.content,
-				onChange: L,
-				onDelete: b,
-				toolbarOpts: E,
-				spellCheck: T,
-				error: D,
-				maxImageWidth: O,
-				maxImageHeight: k,
-				uploadSoundSupport: A,
-				configuration: i
-			}),
-			D && /* @__PURE__ */ l(y, { children: D }),
-			/* @__PURE__ */ u(_, { children: [/* @__PURE__ */ l(t, {
-				label: "delete",
-				onClick: b
-			}), z && /* @__PURE__ */ l(d, {
-				mini: !0,
-				label: "Remove after placing",
-				checked: a.categoryCount === 1,
-				onChange: R
-			})] })
-		]
-	});
-};
-b.propTypes = {
-	allowMultiplePlacements: r.string,
-	configuration: r.object.isRequired,
-	choice: r.object.isRequired,
-	deleteFocusedEl: r.func,
-	focusedEl: r.number,
-	index: r.number,
-	lockChoiceOrder: r.bool,
-	maxImageHeight: r.object,
-	maxImageWidth: r.object,
-	onChange: r.func.isRequired,
-	onDelete: r.func.isRequired,
-	correctResponseCount: r.number.isRequired,
-	imageSupport: r.shape({
-		add: r.func.isRequired,
-		delete: r.func.isRequired
-	}),
-	toolbarOpts: r.object,
-	error: r.string,
-	uploadSoundSupport: r.shape({
-		add: r.func.isRequired,
-		delete: r.func.isRequired
-	}),
-	spellCheck: r.bool,
-	rearrangeChoices: r.func
-};
-var x = c.withUid(b);
-//#endregion
-export { x as default };

package/dist/author/design/choices/config.d.ts

@@ -1,21 +0,0 @@
-/**
- * @synced-from pie-elements/packages/categorize/configure/src/design/choices/config.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 Config extends React.Component {
-    static propTypes: {
-        config: PropTypes.Requireable<object>;
-        onModelChanged: PropTypes.Requireable<(...args: any[]) => any>;
-        spellCheck: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {};
-    changeLabel: any;
-    render(): React.JSX.Element;
-}
-export default Config;

package/dist/author/design/choices/config.js

@@ -1,33 +0,0 @@
-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/TextField";
-//#region src/author/design/choices/config.tsx
-var a = n("div")(({ theme: e }) => ({
-	paddingTop: e.spacing(1),
-	marginBottom: e.spacing(1)
-})), o = n(i)({ width: "100%" }), s = class extends e.Component {
-	static propTypes = {
-		config: t.object,
-		onModelChanged: t.func,
-		spellCheck: t.bool
-	};
-	static defaultProps = {};
-	changeLabel = ({ target: e }) => {
-		this.props.onModelChanged({ choicesLabel: e.value });
-	};
-	render() {
-		let { config: e, spellCheck: t } = this.props;
-		return /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(o, {
-			InputLabelProps: { shrink: !0 },
-			variant: "outlined",
-			label: "Label",
-			value: e.choicesLabel,
-			onChange: this.changeLabel,
-			spellCheck: t
-		}) });
-	}
-};
-//#endregion
-export { s as default };

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

@@ -1,41 +0,0 @@
-/**
- * @synced-from pie-elements/packages/categorize/configure/src/design/choices/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 Choices extends React.Component {
-    static propTypes: {
-        model: PropTypes.Validator<object>;
-        configuration: PropTypes.Validator<object>;
-        choices: PropTypes.Validator<any[]>;
-        defaultImageMaxWidth: PropTypes.Requireable<number>;
-        defaultImageMaxHeight: PropTypes.Requireable<number>;
-        onModelChanged: 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>;
-    };
-    static defaultProps: {};
-    state: {
-        focusedEl: null;
-    };
-    changeChoice: any;
-    allChoicesHaveCount: any;
-    addChoice: any;
-    deleteFocusedEl: any;
-    deleteChoice: any;
-    render(): React.JSX.Element;
-}
-export default Choices;

package/dist/author/design/choices/index.js

@@ -1,110 +0,0 @@
-import e from "../header.js";
-import t from "./choice.js";
-import n from "./config.js";
-import r from "react";
-import i from "prop-types";
-import { styled as a } from "@mui/material/styles";
-import { removeAllChoices as o } from "@pie-lib/categorize";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { choiceUtils as l } from "@pie-lib/config-ui";
-//#region src/author/design/choices/index.tsx
-var u = a("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), d = a("div")(({ theme: e }) => ({
-	paddingTop: e.spacing(1),
-	paddingBottom: e.spacing(1),
-	display: "grid",
-	gridRowGap: e.spacing(1),
-	gridColumnGap: e.spacing(1)
-})), f = a("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(.5)
-})), p = class extends r.Component {
-	static propTypes = {
-		model: i.object.isRequired,
-		configuration: i.object.isRequired,
-		choices: i.array.isRequired,
-		defaultImageMaxWidth: i.number,
-		defaultImageMaxHeight: i.number,
-		onModelChanged: i.func.isRequired,
-		imageSupport: i.shape({
-			add: i.func.isRequired,
-			delete: i.func.isRequired
-		}),
-		uploadSoundSupport: i.shape({
-			add: i.func.isRequired,
-			delete: i.func.isRequired
-		}),
-		toolbarOpts: i.object,
-		spellCheck: i.bool
-	};
-	static defaultProps = {};
-	state = { focusedEl: null };
-	changeChoice = (e) => {
-		let { choices: t, onModelChanged: n } = this.props, r = t.findIndex((t) => t.id === e.id);
-		r !== -1 && (t.splice(r, 1, e), n({ choices: t }));
-	};
-	allChoicesHaveCount = (e) => {
-		let { choices: t } = this.props;
-		return Array.isArray(t) && t.every((t) => t.categoryCount === e);
-	};
-	addChoice = () => {
-		let { onModelChanged: e, model: t, choices: n } = this.props, { maxAnswerChoices: r } = t || {};
-		if (r && t.choices?.length >= r) return;
-		let i = l.firstAvailableIndex(t.choices.map((e) => e.id), 1), a = {
-			id: i,
-			content: "Choice " + i
-		};
-		this.setState({ focusedEl: n.length }, () => {
-			e({ choices: t.choices.concat([a]) });
-		});
-	};
-	deleteFocusedEl = () => {
-		this.setState({ focusedEl: null });
-	};
-	deleteChoice = (e) => {
-		let { model: t, onModelChanged: n } = this.props, r = t.choices.findIndex((t) => t.id === e.id);
-		r !== -1 && (t.choices.splice(r, 1), t.correctResponse = o(e.id, t.correctResponse), n(t));
-	};
-	render() {
-		let { focusedEl: r } = this.state, { choices: i, model: a, imageSupport: o, uploadSoundSupport: l, onModelChanged: p, spellCheck: m, toolbarOpts: h, configuration: g, defaultImageMaxWidth: _, defaultImageMaxHeight: v } = this.props, { errors: y, allowMultiplePlacementsEnabled: b, lockChoiceOrder: x, maxAnswerChoices: S } = a, { choicesError: C, choicesErrors: w } = y || {}, { maxImageWidth: T = {}, maxImageHeight: E = {} } = g || {}, D = { gridTemplateColumns: `repeat(${a.categoriesPerRow}, 1fr)` }, O = S && i?.length >= S ? `Only ${S} allowed maximum` : "";
-		return /* @__PURE__ */ c(u, { children: [
-			/* @__PURE__ */ s(e, {
-				label: "Choices",
-				buttonLabel: "ADD A CHOICE",
-				onAdd: this.addChoice,
-				buttonDisabled: S && i && i?.length >= S,
-				tooltip: O
-			}),
-			/* @__PURE__ */ s(n, {
-				config: a,
-				onModelChanged: p,
-				spellCheck: m
-			}),
-			/* @__PURE__ */ s(d, {
-				style: D,
-				children: i.map((e, n) => /* @__PURE__ */ s(t, {
-					choice: e,
-					focusedEl: r,
-					deleteFocusedEl: this.deleteFocusedEl,
-					correctResponseCount: e.correctResponseCount,
-					allowMultiplePlacements: b,
-					lockChoiceOrder: x,
-					index: n,
-					imageSupport: o,
-					onChange: this.changeChoice,
-					onDelete: () => this.deleteChoice(e),
-					toolbarOpts: h,
-					spellCheck: m,
-					error: w && w[e.id],
-					maxImageWidth: T && T.choice || _,
-					maxImageHeight: E && E.choice || v,
-					uploadSoundSupport: l,
-					configuration: g
-				}, e.id))
-			}),
-			C && /* @__PURE__ */ s(f, { children: C })
-		] });
-	}
-};
-//#endregion
-export { p as default };

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

@@ -1,24 +0,0 @@
-/**
- * @synced-from pie-elements/packages/categorize/configure/src/design/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 Header extends React.Component {
-    static propTypes: {
-        buttonLabel: PropTypes.Requireable<string>;
-        onAdd: PropTypes.Validator<(...args: any[]) => any>;
-        label: PropTypes.Validator<string>;
-        info: PropTypes.Requireable<any>;
-        buttonDisabled: PropTypes.Requireable<boolean>;
-        variant: PropTypes.Requireable<string>;
-        tooltip: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {};
-    render(): React.JSX.Element;
-}
-export default Header;

package/dist/author/design/header.js

@@ -1,49 +0,0 @@
-import { AddButton as e } from "./buttons.js";
-import t from "react";
-import n from "prop-types";
-import { styled as r } from "@mui/material/styles";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import o from "@mui/material/Tooltip";
-import s from "@mui/material/Typography";
-//#region src/author/design/header.tsx
-var c = r("div")(({ theme: e }) => ({
-	display: "flex",
-	justifyContent: "space-between",
-	marginBottom: e.spacing(1)
-})), l = r("div")({
-	display: "flex",
-	alignItems: "center"
-}), u = r(o)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
-	fontSize: e.typography.fontSize - 2,
-	whiteSpace: "pre",
-	maxWidth: "500px"
-} })), d = class extends t.Component {
-	static propTypes = {
-		buttonLabel: n.string,
-		onAdd: n.func.isRequired,
-		label: n.string.isRequired,
-		info: n.any,
-		buttonDisabled: n.bool,
-		variant: n.string,
-		tooltip: n.string
-	};
-	static defaultProps = {};
-	render() {
-		let { onAdd: t, label: n, buttonLabel: r, info: o, buttonDisabled: d, variant: f, tooltip: p } = this.props;
-		return /* @__PURE__ */ a(c, { children: [/* @__PURE__ */ a(l, { children: [/* @__PURE__ */ i(s, {
-			variant: f || "title",
-			children: n
-		}), o] }), /* @__PURE__ */ i(u, {
-			title: p || "",
-			enterTouchDelay: 50,
-			leaveTouchDelay: 3e3,
-			children: /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(e, {
-				onClick: t,
-				label: r,
-				disabled: d
-			}) })
-		})] });
-	}
-};
-//#endregion
-export { d as default };