@pie-element/passage 7.1.2-next.1 → 7.1.2

package/dist/author/defaults.js

@@ -1,113 +0,0 @@
-//#region src/author/defaults.ts
-var e = {
-	model: {
-		authorEnabled: !0,
-		passages: [{
-			teacherInstructions: "",
-			title: "",
-			subtitle: "",
-			author: "",
-			text: ""
-		}],
-		subtitleEnabled: !0,
-		teacherInstructionsEnabled: !0,
-		textEnabled: !0,
-		titleEnabled: !0
-	},
-	configuration: {
-		baseInputConfiguration: {
-			audio: { disabled: !1 },
-			video: { disabled: !1 },
-			image: { disabled: !1 },
-			h3: { disabled: !0 },
-			blockquote: { disabled: !0 },
-			textAlign: { disabled: !0 },
-			showParagraphs: { disabled: !1 },
-			separateParagraphs: { disabled: !0 }
-		},
-		settingsPanelDisabled: !1,
-		title: {
-			settings: !0,
-			label: "Title",
-			inputConfiguration: {
-				audio: { disabled: !0 },
-				video: { disabled: !0 },
-				image: { disabled: !0 },
-				textAlign: { disabled: !1 }
-			},
-			required: !0
-		},
-		subtitle: {
-			settings: !0,
-			label: "Subtitle",
-			inputConfiguration: {
-				audio: { disabled: !0 },
-				video: { disabled: !0 },
-				image: { disabled: !0 },
-				textAlign: { disabled: !1 }
-			},
-			required: !1
-		},
-		author: {
-			settings: !0,
-			label: "Author",
-			inputConfiguration: {
-				audio: { disabled: !0 },
-				video: { disabled: !0 },
-				image: { disabled: !0 }
-			},
-			required: !1
-		},
-		text: {
-			settings: !0,
-			label: "Text",
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 },
-				h3: { disabled: !1 },
-				blockquote: { disabled: !1 },
-				textAlign: { disabled: !1 }
-			},
-			required: !0
-		},
-		teacherInstructions: {
-			settings: !0,
-			label: "Teacher Instructions",
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			},
-			required: !1
-		},
-		maxImageWidth: {
-			teacherInstructions: 300,
-			text: 300
-		},
-		maxImageHeight: {
-			teacherInstructions: 300,
-			text: 300
-		},
-		mathMlOptions: {
-			mmlOutput: !1,
-			mmlEditing: !1
-		},
-		language: {
-			settings: !1,
-			label: "Specify Language",
-			enabled: !1
-		},
-		languageChoices: {
-			label: "Language Choices",
-			options: []
-		},
-		additionalPassage: {
-			settings: !0,
-			label: "Additional Passage",
-			enabled: !1
-		}
-	}
-};
-//#endregion
-export { e as default };

package/dist/author/design.d.ts

@@ -1,28 +0,0 @@
-/**
- * @synced-from pie-elements/packages/passage/configure/src/design.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 Main extends React.Component {
-    static propTypes: {
-        onModelChanged: PropTypes.Validator<(...args: any[]) => any>;
-        onConfigurationChanged: PropTypes.Requireable<(...args: any[]) => any>;
-        model: PropTypes.Validator<object>;
-        configuration: PropTypes.Validator<object>;
-        imageSupport: PropTypes.Validator<object>;
-        uploadSoundSupport: PropTypes.Validator<object>;
-        classes: PropTypes.Validator<object>;
-    };
-    constructor(props: any);
-    getInnerText: (html: any) => any;
-    onDelete: any;
-    removeAdditionalPassage: any;
-    addAdditionalPassage: any;
-    render(): React.JSX.Element;
-}
-export default Main;

package/dist/author/design.js

@@ -1,120 +0,0 @@
-import { ConfirmationDialog as e, PassageButton as t } from "./common.js";
-import n from "./passage.js";
-import r from "react";
-import i from "prop-types";
-import { styled as a } from "@mui/material/styles";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { layout as c, settings as l } from "@pie-lib/config-ui";
-import u from "@mui/material/Typography";
-//#region src/author/design.tsx
-var { Panel: d, toggle: f, dropdown: p } = l, m = a(u)(({ theme: e }) => ({
-	paddingTop: e.spacing(2),
-	marginBottom: e.spacing(2)
-})), h = class extends r.Component {
-	static propTypes = {
-		onModelChanged: i.func.isRequired,
-		onConfigurationChanged: i.func,
-		model: i.object.isRequired,
-		configuration: i.object.isRequired,
-		imageSupport: i.object.isRequired,
-		uploadSoundSupport: i.object.isRequired,
-		classes: i.object.isRequired
-	};
-	constructor(e) {
-		super(e), this.state = {
-			showConfirmationDialog: !1,
-			indexToRemove: -1
-		};
-	}
-	getInnerText = (e) => (e || "").replaceAll(/<[^>]*>/g, "");
-	onDelete = (e, t, n) => {
-		let r = e.passages;
-		r.splice(t, 1), n({
-			...e,
-			passages: r
-		}), this.setState({
-			showConfirmationDialog: !1,
-			indexToRemove: -1
-		});
-	};
-	removeAdditionalPassage = (e) => {
-		let { model: t = {}, onModelChanged: n } = this.props, { passages: r = [] } = t, { teacherInstructions: i = "", title: a = "", subtitle: o = "", author: s = "", text: c = "" } = r[e];
-		this.getInnerText(i).trim() || this.getInnerText(a).trim() || this.getInnerText(o).trim() || this.getInnerText(s).trim() || this.getInnerText(c).trim() ? this.setState({
-			showConfirmationDialog: !0,
-			indexToRemove: e
-		}) : this.onDelete(t, e, n);
-	};
-	addAdditionalPassage = () => {
-		let { model: e, onModelChanged: t } = this.props, n = [...e.passages, {
-			teacherInstructions: "",
-			title: "",
-			subtitle: "",
-			author: "",
-			text: ""
-		}];
-		t({
-			...e,
-			passages: n
-		});
-	};
-	render() {
-		let { model: i, configuration: a, imageSupport: l, onConfigurationChanged: u, onModelChanged: h, uploadSoundSupport: g } = this.props, { settingsPanelDisabled: _, language: v = {}, languageChoices: y = {}, teacherInstructions: b = {}, title: x = {}, subtitle: S = {}, text: C = {}, author: w = {}, additionalPassage: T = {} } = a || {}, { extraCSSRules: E, passages: D } = i || {}, O = {
-			titleEnabled: x && x.settings && f(x.label),
-			subtitleEnabled: S && S.settings && f(S.label),
-			authorEnabled: w && w.settings && f(w.label),
-			textEnabled: C && C.settings && f(C.label),
-			"additionalPassage.enabled": T && T.settings && f(T.label, !0)
-		}, k = {
-			teacherInstructionsEnabled: b && b.settings && f(b.label),
-			"language.enabled": v && v.settings && f(v.label, !0),
-			language: v && v.settings && v.enabled && p(y.label, y.options)
-		}, A = `${T.label} will be deleted`, { indexToRemove: j, showConfirmationDialog: M } = this.state;
-		return /* @__PURE__ */ s(c.ConfigLayout, {
-			extraCSSRules: E,
-			hideSettings: _,
-			settings: /* @__PURE__ */ o(d, {
-				model: i,
-				configuration: a,
-				onChangeModel: (e) => h(e),
-				onChangeConfiguration: (e) => u(e),
-				groups: {
-					Settings: O,
-					Properties: k
-				}
-			}),
-			children: [D.map((e, c) => /* @__PURE__ */ s(r.Fragment, { children: [
-				c > 0 && /* @__PURE__ */ o(m, {
-					variant: "h5",
-					children: T.label
-				}),
-				/* @__PURE__ */ o(n, {
-					imageSupport: l,
-					uploadSoundSupport: g,
-					model: i,
-					configuration: a,
-					passageIndex: c,
-					onModelChanged: h
-				}),
-				c > 0 && T.enabled && /* @__PURE__ */ o(t, {
-					type: "remove",
-					label: `Remove ${T.label}`,
-					onClick: () => this.removeAdditionalPassage(c)
-				}),
-				c === 0 && T.enabled && D.length < 2 && /* @__PURE__ */ o(t, {
-					label: `Add ${T.label}`,
-					onClick: this.addAdditionalPassage
-				})
-			] }, c)), /* @__PURE__ */ o(e, {
-				open: M,
-				title: "Warning",
-				content: A,
-				cancel: "Cancel",
-				ok: "Ok",
-				onCancel: () => this.setState({ showConfirmationDialog: !1 }),
-				onOk: () => this.onDelete(i, j, h)
-			})]
-		});
-	}
-};
-//#endregion
-export { h as default };

package/dist/author/index.d.ts

@@ -1,36 +0,0 @@
-/**
- * @synced-from pie-elements/packages/passage/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 PassageConfigure extends HTMLElement {
-    static createDefaultModel: (model?: {}) => {
-        authorEnabled: boolean;
-        passages: {
-            teacherInstructions: string;
-            title: string;
-            subtitle: string;
-            author: string;
-            text: string;
-        }[];
-        subtitleEnabled: boolean;
-        teacherInstructionsEnabled: boolean;
-        textEnabled: boolean;
-        titleEnabled: boolean;
-    };
-    constructor();
-    set model(m: any);
-    set configuration(c: any);
-    connectedCallback(): void;
-    modelChanged(m: any): void;
-    onConfigurationChanged(c: any): void;
-    insertImage(handler: any): void;
-    onDeleteImage(src: any, done: any): void;
-    insertSound(handler: any): void;
-    onDeleteSound(src: any, done: any): void;
-    render(): void;
-    disconnectedCallback(): void;
-}

package/dist/author/index.js

@@ -1,66 +0,0 @@
-import e from "./design.js";
-import t from "./defaults.js";
-import n from "react";
-import { createRoot as r } from "react-dom/client";
-import { DeleteImageEvent as i, DeleteSoundEvent as a, InsertImageEvent as o, InsertSoundEvent as s, ModelUpdatedEvent as c } from "@pie-element/shared-configure-events";
-//#region src/author/index.ts
-var l = class l extends HTMLElement {
-	static createDefaultModel = (e = {}) => ({
-		...t.model,
-		...e
-	});
-	constructor() {
-		super(), this._root = null, this._model = l.createDefaultModel(), this._configuration = t.configuration;
-	}
-	set model(e) {
-		this._model = l.createDefaultModel(e), this.render();
-	}
-	set configuration(e) {
-		this._configuration = e, this.render();
-	}
-	connectedCallback() {
-		this.render();
-	}
-	modelChanged(e) {
-		this._model = e, this.dispatchEvent(new c(this._model), !0), this.render();
-	}
-	onConfigurationChanged(e) {
-		this._configuration = e, this.render();
-	}
-	insertImage(e) {
-		this.dispatchEvent(new o(e));
-	}
-	onDeleteImage(e, t) {
-		this.dispatchEvent(new i(e, t));
-	}
-	insertSound(e) {
-		this.dispatchEvent(new s(e));
-	}
-	onDeleteSound(e, t) {
-		this.dispatchEvent(new a(e, t));
-	}
-	render() {
-		if (this._model) {
-			let t = n.createElement(e, {
-				model: this._model,
-				configuration: this._configuration,
-				onModelChanged: this.modelChanged.bind(this),
-				onConfigurationChanged: this.onConfigurationChanged.bind(this),
-				imageSupport: {
-					add: this.insertImage.bind(this),
-					delete: this.onDeleteImage.bind(this)
-				},
-				uploadSoundSupport: {
-					add: this.insertSound.bind(this),
-					delete: this.onDeleteSound.bind(this)
-				}
-			});
-			this._root ||= r(this), this._root.render(t);
-		}
-	}
-	disconnectedCallback() {
-		this._root && this._root.unmount();
-	}
-};
-//#endregion
-export { l as default };

package/dist/author/passage.d.ts

@@ -1,27 +0,0 @@
-/**
- * @synced-from pie-elements/packages/passage/configure/src/passage.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 PassageComponent extends React.Component {
-    static propTypes: {
-        onModelChanged: PropTypes.Validator<(...args: any[]) => any>;
-        model: PropTypes.Validator<object>;
-        configuration: PropTypes.Validator<object>;
-        imageSupport: PropTypes.Validator<object>;
-        passageIndex: PropTypes.Validator<number>;
-        uploadSoundSupport: PropTypes.Validator<object>;
-    };
-    static defaultProps: {
-        passageIndex: number;
-    };
-    constructor(props: any);
-    handleChange: any;
-    render(): React.JSX.Element;
-}
-export default PassageComponent;

package/dist/author/passage.js

@@ -1,127 +0,0 @@
-import e from "react";
-import t from "prop-types";
-import { styled as n } from "@mui/material/styles";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { InputContainer as a } from "@pie-lib/config-ui";
-import o, { ALL_PLUGINS as s } from "@pie-lib/editable-html-tip-tap";
-//#region src/author/passage.tsx
-var c = n(a)(({ theme: e }) => ({
-	paddingTop: e.spacing(2),
-	marginBottom: e.spacing(2),
-	width: "100%"
-})), l = n("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(1)
-})), u = class extends e.Component {
-	static propTypes = {
-		onModelChanged: t.func.isRequired,
-		model: t.object.isRequired,
-		configuration: t.object.isRequired,
-		imageSupport: t.object.isRequired,
-		passageIndex: t.number.isRequired,
-		uploadSoundSupport: t.object.isRequired
-	};
-	static defaultProps = { passageIndex: 0 };
-	constructor(e) {
-		super(e);
-	}
-	handleChange = (e, t) => {
-		let { model: n, onModelChanged: r, passageIndex: i } = this.props;
-		if (!n.passages || i < 0 || i >= n.passages.length) return;
-		let a = [...n.passages];
-		a[i] = {
-			...a[i],
-			[e]: t
-		}, r({
-			...n,
-			passages: a
-		});
-	};
-	render() {
-		let { model: t, configuration: n, imageSupport: a, passageIndex: u, uploadSoundSupport: d } = this.props, { maxImageWidth: f = {}, maxImageHeight: p = {}, mathMlOptions: m = {}, baseInputConfiguration: h = {}, teacherInstructions: g = {}, title: _ = {}, subtitle: v = {}, text: y = {}, author: b = {} } = n || {}, { errors: x = {}, passages: S = [], teacherInstructionsEnabled: C, titleEnabled: w, subtitleEnabled: T, authorEnabled: E, textEnabled: D } = t || {}, { passages: O } = x || {}, { teacherInstructions: k, title: A, subtitle: j, author: M, text: N } = O && O[u] || {}, P = f && f.prompt, F = p && p.prompt, I = (e) => ({
-			...h,
-			...e
-		}), L = (s || []).filter((e) => ![
-			"math",
-			"table",
-			"bulleted-list",
-			"numbered-list"
-		].includes(e));
-		return /* @__PURE__ */ i(e.Fragment, { children: [
-			C && /* @__PURE__ */ i(c, {
-				label: g.label,
-				children: [/* @__PURE__ */ r(o, {
-					activePlugins: s,
-					markup: S[u].teacherInstructions || "",
-					onChange: (e) => this.handleChange("teacherInstructions", e),
-					nonEmpty: !1,
-					error: k,
-					maxImageWidth: f && f.teacherInstructions || P,
-					maxImageHeight: p && p.teacherInstructions || F,
-					mathMlOptions: m,
-					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-					pluginProps: I(g?.inputConfiguration)
-				}), k && /* @__PURE__ */ r(l, { children: k })]
-			}),
-			w && /* @__PURE__ */ i(c, {
-				label: _.label,
-				children: [/* @__PURE__ */ r(o, {
-					activePlugins: L,
-					markup: S[u].title || "",
-					onChange: (e) => this.handleChange("title", e),
-					nonEmpty: !1,
-					error: A,
-					mathMlOptions: m,
-					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-					pluginProps: I(_?.inputConfiguration)
-				}), A && /* @__PURE__ */ r(l, { children: A })]
-			}),
-			T && /* @__PURE__ */ i(c, {
-				label: v.label,
-				children: [/* @__PURE__ */ r(o, {
-					activePlugins: L,
-					markup: S[u].subtitle || "",
-					onChange: (e) => this.handleChange("subtitle", e),
-					nonEmpty: !1,
-					error: j,
-					mathMlOptions: m,
-					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-					pluginProps: I(v?.inputConfiguration)
-				}), j && /* @__PURE__ */ r(l, { children: j })]
-			}),
-			E && /* @__PURE__ */ i(c, {
-				label: b.label,
-				children: [/* @__PURE__ */ r(o, {
-					activePlugins: L,
-					markup: S[u].author || "",
-					onChange: (e) => this.handleChange("author", e),
-					nonEmpty: !1,
-					error: M,
-					mathMlOptions: m,
-					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-					pluginProps: I(b?.inputConfiguration)
-				}), M && /* @__PURE__ */ r(l, { children: M })]
-			}),
-			D && /* @__PURE__ */ i(c, {
-				label: y.label,
-				children: [/* @__PURE__ */ r(o, {
-					activePlugins: s,
-					markup: S[u].text || "",
-					onChange: (e) => this.handleChange("text", e),
-					imageSupport: a,
-					uploadSoundSupport: d,
-					nonEmpty: !1,
-					error: N,
-					maxImageWidth: f && f.text || P,
-					maxImageHeight: p && p.text || F,
-					mathMlOptions: m,
-					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-					pluginProps: I(y?.inputConfiguration)
-				}), N && /* @__PURE__ */ r(l, { children: N })]
-			})
-		] });
-	}
-};
-//#endregion
-export { u as default };