@panneau/editor 0.0.0-stage → 5.0.0-alpha.10

package/dist/RichTextField.d.ts

@@ -0,0 +1,43 @@
+import type { AnyExtension } from '@tiptap/core';
+import { type FieldEntryProps, type FieldProps } from '@panneau/fields';
+import type { RichTextStyle } from '@panneau/protocol';
+import type { RichTextButton } from './buttons.js';
+import { type NewTabLinks } from './settings.js';
+export interface RichTextFieldProps extends FieldProps<string> {
+    placeholder?: string;
+    /**
+     * The toolbar, in order: `heading`, `style`, `bold`, `italic`, `underline`, `strike`,
+     * `superscript`, `subscript`, `code`, `link`, `bulletList`, `orderedList`, `blockquote`,
+     * `horizontalRule`, `clear`, `undo`, `redo`, names of `buttons`, and `|` between groups.
+     */
+    toolbar?: readonly string[];
+    /** The heading levels the toolbar offers. Defaults to 2, 3 and 4. */
+    headings?: readonly number[];
+    /** Block styles: a class on a paragraph, a heading, a quote or a list. */
+    styles?: readonly RichTextStyle[];
+    /** Which links open in a new tab: as the user chooses (the default), external ones, or none. */
+    newTab?: NewTabLinks;
+    /**
+     * TipTap extensions of the project: custom nodes such as an inline logo. One with the name of
+     * a built-in extension replaces it. The editor is made again when they change.
+     */
+    extensions?: readonly AnyExtension[];
+    /** Toolbar buttons of the project, that `toolbar` names. */
+    buttons?: readonly RichTextButton[];
+    contentClassName?: string;
+}
+/**
+ * Rich text, stored as HTML (decision 0007): an empty text is `null`. Content keeps what the
+ * toolbar doesn't offer (elements, attributes, embeds), and HTML written by another editor stays
+ * as it was until the text is edited.
+ */
+export declare function RichTextField({ value, onChange, onBlur, placeholder, toolbar, headings, styles: blockStyles, newTab, extensions: projectExtensions, buttons, label, description, errors, disabled, readOnly, required, name, id, autoFocus, 'aria-label': ariaLabel, className, contentClassName, }: RichTextFieldProps): import("react").JSX.Element;
+/**
+ * The `richtext` type: its toolbar, heading levels, block styles and links from `settings`
+ * (`RichTextSettings`), and the extensions and buttons of the editor plugin.
+ */
+export declare function RichTextFieldEntry(props: FieldEntryProps & {
+    extensions?: readonly AnyExtension[];
+    buttons?: readonly RichTextButton[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=RichTextField.d.ts.map

package/dist/RichTextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextField.d.ts","sourceRoot":"","sources":["../src/RichTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAIjD,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,UAAU,EAAiB,MAAM,iBAAiB,CAAC;AAEvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAGhD,OAAO,EAGH,KAAK,WAAW,EAEnB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,MAAM,CAAC;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,0EAA0E;IAC1E,MAAM,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IAClC,gGAAgG;IAChG,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IACrC,4DAA4D;IAC5D,OAAO,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AA4BD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EACX,OAAyB,EACzB,QAA2B,EAC3B,MAAM,EAAE,WAAuB,EAC/B,MAAiB,EACjB,UAAU,EAAE,iBAAiC,EAC7C,OAAoB,EACpB,KAAK,EACL,WAAW,EACX,MAAkB,EAClB,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,IAAI,EACJ,EAAE,EACF,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,gBAAgB,GACnB,EAAE,kBAAkB,+BA2GpB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAC9B,KAAK,EAAE,eAAe,GAAG;IACrB,UAAU,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;CACvC,+BAgBJ"}

package/dist/RichTextField.js

@@ -0,0 +1,361 @@
+import RichTextField_module_default from "./RichTextField.module.js";
+import { Toolbar } from "./Toolbar.js";
+import { createRichTextExtensions } from "./extensions/index.js";
+import { parseRichText, serializeRichText } from "./html.js";
+import { DEFAULT_HEADINGS, DEFAULT_TOOLBAR, getRichTextOptions } from "./settings.js";
+import { c } from "react/compiler-runtime";
+import { EditorContent, useEditor } from "@tiptap/react";
+import { useEffect, useRef } from "react";
+import { getFieldProps } from "@panneau/fields";
+import { editorMessages } from "@panneau/intl";
+import { Fieldset, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/RichTextField.tsx
+/** The attributes of the editable element: a labelled, multiline `textbox`. */
+function getContentAttributes(className, accessibleName, invalid, required, editable, id) {
+	return {
+		role: "textbox",
+		"aria-multiline": "true",
+		class: className,
+		...accessibleName !== void 0 ? { "aria-label": accessibleName } : {},
+		...invalid ? { "aria-invalid": "true" } : {},
+		...required ? { "aria-required": "true" } : {},
+		...!editable ? { "aria-readonly": "true" } : {},
+		...id !== void 0 ? { id } : {}
+	};
+}
+var NO_EXTENSIONS = [];
+var NO_BUTTONS = [];
+var NO_STYLES = [];
+var NO_ERRORS = [];
+/**
+* Rich text, stored as HTML (decision 0007): an empty text is `null`. Content keeps what the
+* toolbar doesn't offer (elements, attributes, embeds), and HTML written by another editor stays
+* as it was until the text is edited.
+*/
+function RichTextField(t0) {
+	const $ = c(79);
+	const { value, onChange, onBlur, placeholder, toolbar: t1, headings: t2, styles: t3, newTab: t4, extensions: t5, buttons: t6, label, description, errors: t7, disabled: t8, readOnly: t9, required: t10, name, id, autoFocus, "aria-label": ariaLabel, className, contentClassName } = t0;
+	const toolbar = t1 === void 0 ? DEFAULT_TOOLBAR : t1;
+	const headings = t2 === void 0 ? DEFAULT_HEADINGS : t2;
+	const blockStyles = t3 === void 0 ? NO_STYLES : t3;
+	const newTab = t4 === void 0 ? "choose" : t4;
+	const projectExtensions = t5 === void 0 ? NO_EXTENSIONS : t5;
+	const buttons = t6 === void 0 ? NO_BUTTONS : t6;
+	const errors = t7 === void 0 ? NO_ERRORS : t7;
+	const disabled = t8 === void 0 ? false : t8;
+	const readOnly = t9 === void 0 ? false : t9;
+	const required = t10 === void 0 ? false : t10;
+	const intl = usePanneauIntl();
+	const editable = !disabled && !readOnly;
+	let t11;
+	if ($[0] !== intl || $[1] !== placeholder || $[2] !== projectExtensions) {
+		t11 = createRichTextExtensions({
+			extensions: projectExtensions,
+			...placeholder !== void 0 ? { placeholder } : {},
+			html: {
+				label: intl.formatMessage(editorMessages.html),
+				className: RichTextField_module_default.html ?? ""
+			}
+		});
+		$[0] = intl;
+		$[1] = placeholder;
+		$[2] = projectExtensions;
+		$[3] = t11;
+	} else t11 = $[3];
+	const extensions = t11;
+	const current = useRef(value);
+	const accessibleName = ariaLabel ?? (typeof label === "string" ? label : void 0);
+	const invalid = errors.length > 0;
+	let t12;
+	if ($[4] !== contentClassName) {
+		t12 = [RichTextField_module_default.content, contentClassName].filter(Boolean);
+		$[4] = contentClassName;
+		$[5] = t12;
+	} else t12 = $[5];
+	const contentClass = t12.join(" ");
+	const t13 = autoFocus === true ? "end" : false;
+	let t14;
+	if ($[6] !== accessibleName || $[7] !== contentClass || $[8] !== editable || $[9] !== id || $[10] !== invalid || $[11] !== required) {
+		t14 = getContentAttributes(contentClass, accessibleName, invalid, required, editable, id);
+		$[6] = accessibleName;
+		$[7] = contentClass;
+		$[8] = editable;
+		$[9] = id;
+		$[10] = invalid;
+		$[11] = required;
+		$[12] = t14;
+	} else t14 = $[12];
+	let t15;
+	if ($[13] !== t14) {
+		t15 = { attributes: t14 };
+		$[13] = t14;
+		$[14] = t15;
+	} else t15 = $[14];
+	let t16;
+	if ($[15] !== value) {
+		t16 = (t17) => {
+			const { editor: created } = t17;
+			current.current = value;
+			created.options.content = parseRichText(value ?? null, created.schema).toJSON();
+		};
+		$[15] = value;
+		$[16] = t16;
+	} else t16 = $[16];
+	let t17;
+	if ($[17] !== onChange) {
+		t17 = (t18) => {
+			const { editor: updated } = t18;
+			const html = serializeRichText(updated.state.doc, updated.schema);
+			current.current = html;
+			onChange?.(html);
+		};
+		$[17] = onChange;
+		$[18] = t17;
+	} else t17 = $[18];
+	let t18;
+	if ($[19] !== onBlur) {
+		t18 = () => onBlur?.();
+		$[19] = onBlur;
+		$[20] = t18;
+	} else t18 = $[20];
+	let t19;
+	if ($[21] !== editable || $[22] !== extensions || $[23] !== t13 || $[24] !== t15 || $[25] !== t16 || $[26] !== t17 || $[27] !== t18) {
+		t19 = {
+			extensions,
+			editable,
+			autofocus: t13,
+			immediatelyRender: true,
+			shouldRerenderOnTransaction: false,
+			editorProps: t15,
+			onBeforeCreate: t16,
+			onUpdate: t17,
+			onBlur: t18
+		};
+		$[21] = editable;
+		$[22] = extensions;
+		$[23] = t13;
+		$[24] = t15;
+		$[25] = t16;
+		$[26] = t17;
+		$[27] = t18;
+		$[28] = t19;
+	} else t19 = $[28];
+	let t20;
+	if ($[29] !== placeholder || $[30] !== projectExtensions) {
+		t20 = [projectExtensions, placeholder];
+		$[29] = placeholder;
+		$[30] = projectExtensions;
+		$[31] = t20;
+	} else t20 = $[31];
+	const editor = useEditor(t19, t20);
+	let t21;
+	let t22;
+	if ($[32] !== editor || $[33] !== value) {
+		t21 = () => {
+			if (editor === null || value === current.current) return;
+			current.current = value;
+			editor.commands.setContent(parseRichText(value ?? null, editor.schema).toJSON(), { emitUpdate: false });
+		};
+		t22 = [editor, value];
+		$[32] = editor;
+		$[33] = value;
+		$[34] = t21;
+		$[35] = t22;
+	} else {
+		t21 = $[34];
+		t22 = $[35];
+	}
+	useEffect(t21, t22);
+	let t23;
+	let t24;
+	if ($[36] !== editable || $[37] !== editor) {
+		t23 = () => {
+			editor?.setEditable(editable, false);
+		};
+		t24 = [editor, editable];
+		$[36] = editable;
+		$[37] = editor;
+		$[38] = t23;
+		$[39] = t24;
+	} else {
+		t23 = $[38];
+		t24 = $[39];
+	}
+	useEffect(t23, t24);
+	let t25;
+	let t26;
+	if ($[40] !== accessibleName || $[41] !== contentClass || $[42] !== editable || $[43] !== editor || $[44] !== id || $[45] !== invalid || $[46] !== required) {
+		t25 = () => {
+			editor?.setOptions({ editorProps: { attributes: getContentAttributes(contentClass, accessibleName, invalid, required, editable, id) } });
+		};
+		t26 = [
+			editor,
+			contentClass,
+			accessibleName,
+			invalid,
+			required,
+			editable,
+			id
+		];
+		$[40] = accessibleName;
+		$[41] = contentClass;
+		$[42] = editable;
+		$[43] = editor;
+		$[44] = id;
+		$[45] = invalid;
+		$[46] = required;
+		$[47] = t25;
+		$[48] = t26;
+	} else {
+		t25 = $[47];
+		t26 = $[48];
+	}
+	useEffect(t25, t26);
+	let t27;
+	if ($[49] !== className) {
+		t27 = [RichTextField_module_default.field, className].filter(Boolean);
+		$[49] = className;
+		$[50] = t27;
+	} else t27 = $[50];
+	const t28 = t27.join(" ");
+	const t29 = invalid ? true : void 0;
+	const t30 = disabled ? true : void 0;
+	const t31 = readOnly ? true : void 0;
+	let t32;
+	if ($[51] !== blockStyles || $[52] !== buttons || $[53] !== editable || $[54] !== editor || $[55] !== headings || $[56] !== newTab || $[57] !== toolbar) {
+		t32 = editor !== null && editable ? /* @__PURE__ */ jsx(Toolbar, {
+			editor,
+			items: toolbar,
+			headings,
+			styles: blockStyles,
+			newTab,
+			buttons
+		}) : null;
+		$[51] = blockStyles;
+		$[52] = buttons;
+		$[53] = editable;
+		$[54] = editor;
+		$[55] = headings;
+		$[56] = newTab;
+		$[57] = toolbar;
+		$[58] = t32;
+	} else t32 = $[58];
+	let t33;
+	if ($[59] !== editor) {
+		t33 = /* @__PURE__ */ jsx(EditorContent, { editor });
+		$[59] = editor;
+		$[60] = t33;
+	} else t33 = $[60];
+	let t34;
+	if ($[61] !== t29 || $[62] !== t30 || $[63] !== t31 || $[64] !== t32 || $[65] !== t33) {
+		t34 = /* @__PURE__ */ jsxs("div", {
+			className: RichTextField_module_default.editor,
+			"data-invalid": t29,
+			"data-disabled": t30,
+			"data-readonly": t31,
+			children: [t32, t33]
+		});
+		$[61] = t29;
+		$[62] = t30;
+		$[63] = t31;
+		$[64] = t32;
+		$[65] = t33;
+		$[66] = t34;
+	} else t34 = $[66];
+	let t35;
+	if ($[67] !== name || $[68] !== value) {
+		t35 = name !== void 0 ? /* @__PURE__ */ jsx("input", {
+			type: "hidden",
+			name,
+			value: value ?? ""
+		}) : null;
+		$[67] = name;
+		$[68] = value;
+		$[69] = t35;
+	} else t35 = $[69];
+	let t36;
+	if ($[70] !== description || $[71] !== disabled || $[72] !== errors || $[73] !== label || $[74] !== required || $[75] !== t28 || $[76] !== t34 || $[77] !== t35) {
+		t36 = /* @__PURE__ */ jsxs(Fieldset, {
+			legend: label,
+			description,
+			errors,
+			isRequired: required,
+			isDisabled: disabled,
+			className: t28,
+			children: [t34, t35]
+		});
+		$[70] = description;
+		$[71] = disabled;
+		$[72] = errors;
+		$[73] = label;
+		$[74] = required;
+		$[75] = t28;
+		$[76] = t34;
+		$[77] = t35;
+		$[78] = t36;
+	} else t36 = $[78];
+	return t36;
+}
+/**
+* The `richtext` type: its toolbar, heading levels, block styles and links from `settings`
+* (`RichTextSettings`), and the extensions and buttons of the editor plugin.
+*/
+function RichTextFieldEntry(props) {
+	const $ = c(18);
+	let t0;
+	if ($[0] !== props.field) {
+		t0 = getRichTextOptions(props.field);
+		$[0] = props.field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const options = t0;
+	let t1;
+	if ($[2] !== props) {
+		t1 = getFieldProps(props);
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = typeof props.value === "string" ? props.value : null;
+	let t3;
+	if ($[4] !== props.extensions) {
+		t3 = props.extensions !== void 0 ? { extensions: props.extensions } : {};
+		$[4] = props.extensions;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== props.buttons) {
+		t4 = props.buttons !== void 0 ? { buttons: props.buttons } : {};
+		$[6] = props.buttons;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== options.headings || $[9] !== options.newTab || $[10] !== options.styles || $[11] !== options.toolbar || $[12] !== props.onChange || $[13] !== t1 || $[14] !== t2 || $[15] !== t3 || $[16] !== t4) {
+		t5 = /* @__PURE__ */ jsx(RichTextField, {
+			...t1,
+			value: t2,
+			onChange: props.onChange,
+			toolbar: options.toolbar,
+			headings: options.headings,
+			styles: options.styles,
+			newTab: options.newTab,
+			...t3,
+			...t4
+		});
+		$[8] = options.headings;
+		$[9] = options.newTab;
+		$[10] = options.styles;
+		$[11] = options.toolbar;
+		$[12] = props.onChange;
+		$[13] = t1;
+		$[14] = t2;
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+	} else t5 = $[17];
+	return t5;
+}
+//#endregion
+export { RichTextField, RichTextFieldEntry };
+
+//# sourceMappingURL=RichTextField.js.map

package/dist/RichTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextField.js","names":["AnyExtension","EditorContent","useEditor","useEffect","useRef","FieldEntryProps","FieldProps","getFieldProps","editorMessages","messages","RichTextStyle","Fieldset","usePanneauIntl","styles","Toolbar","RichTextButton","createRichTextExtensions","parseRichText","serializeRichText","DEFAULT_HEADINGS","DEFAULT_TOOLBAR","NewTabLinks","getRichTextOptions","RichTextFieldProps","placeholder","toolbar","headings","newTab","extensions","buttons","contentClassName","getContentAttributes","className","accessibleName","invalid","required","editable","id","Record","role","class","undefined","NO_EXTENSIONS","NO_BUTTONS","NO_STYLES","NO_ERRORS","RichTextField","t0","$","_c","value","onChange","onBlur","t1","t2","t3","t4","t5","t6","label","description","errors","t7","disabled","t8","readOnly","t9","t10","name","autoFocus","ariaLabel","blockStyles","projectExtensions","intl","t11","html","formatMessage","current","length","t12","content","filter","Boolean","contentClass","join","t13","t14","t15","attributes","t16","t17","editor","created","options","schema","toJSON","t18","updated","state","doc","t19","autofocus","immediatelyRender","shouldRerenderOnTransaction","editorProps","onBeforeCreate","onUpdate","t20","t21","t22","commands","setContent","emitUpdate","t23","t24","setEditable","t25","t26","setOptions","t27","field","t28","t29","t30","t31","t32","t33","t34","t35","t36","RichTextFieldEntry","props","_c","messages","styles"],"sources":["../src/RichTextField.tsx"],"sourcesContent":["import type { AnyExtension } from '@tiptap/core';\nimport { EditorContent, useEditor } from '@tiptap/react';\nimport { useEffect, useRef } from 'react';\n\nimport { type FieldEntryProps, type FieldProps, getFieldProps } from '@panneau/fields';\nimport { editorMessages as messages } from '@panneau/intl';\nimport type { RichTextStyle } from '@panneau/protocol';\nimport { Fieldset, usePanneauIntl } from '@panneau/ui';\n\nimport styles from './RichTextField.module.css';\nimport { Toolbar } from './Toolbar';\nimport type { RichTextButton } from './buttons';\nimport { createRichTextExtensions } from './extensions/index';\nimport { parseRichText, serializeRichText } from './html';\nimport {\n    DEFAULT_HEADINGS,\n    DEFAULT_TOOLBAR,\n    type NewTabLinks,\n    getRichTextOptions,\n} from './settings';\n\nexport interface RichTextFieldProps extends FieldProps<string> {\n    placeholder?: string;\n    /**\n     * The toolbar, in order: `heading`, `style`, `bold`, `italic`, `underline`, `strike`,\n     * `superscript`, `subscript`, `code`, `link`, `bulletList`, `orderedList`, `blockquote`,\n     * `horizontalRule`, `clear`, `undo`, `redo`, names of `buttons`, and `|` between groups.\n     */\n    toolbar?: readonly string[];\n    /** The heading levels the toolbar offers. Defaults to 2, 3 and 4. */\n    headings?: readonly number[];\n    /** Block styles: a class on a paragraph, a heading, a quote or a list. */\n    styles?: readonly RichTextStyle[];\n    /** Which links open in a new tab: as the user chooses (the default), external ones, or none. */\n    newTab?: NewTabLinks;\n    /**\n     * TipTap extensions of the project: custom nodes such as an inline logo. One with the name of\n     * a built-in extension replaces it. The editor is made again when they change.\n     */\n    extensions?: readonly AnyExtension[];\n    /** Toolbar buttons of the project, that `toolbar` names. */\n    buttons?: readonly RichTextButton[];\n    contentClassName?: string;\n}\n\n/** The attributes of the editable element: a labelled, multiline `textbox`. */\nfunction getContentAttributes(\n    className: string,\n    accessibleName: string | undefined,\n    invalid: boolean,\n    required: boolean,\n    editable: boolean,\n    id: string | undefined,\n): Record<string, string> {\n    return {\n        role: 'textbox',\n        'aria-multiline': 'true',\n        class: className,\n        ...(accessibleName !== undefined ? { 'aria-label': accessibleName } : {}),\n        ...(invalid ? { 'aria-invalid': 'true' } : {}),\n        ...(required ? { 'aria-required': 'true' } : {}),\n        ...(!editable ? { 'aria-readonly': 'true' } : {}),\n        ...(id !== undefined ? { id } : {}),\n    };\n}\n\nconst NO_EXTENSIONS: readonly AnyExtension[] = [];\nconst NO_BUTTONS: readonly RichTextButton[] = [];\nconst NO_STYLES: readonly RichTextStyle[] = [];\nconst NO_ERRORS: readonly string[] = [];\n\n/**\n * Rich text, stored as HTML (decision 0007): an empty text is `null`. Content keeps what the\n * toolbar doesn't offer (elements, attributes, embeds), and HTML written by another editor stays\n * as it was until the text is edited.\n */\nexport function RichTextField({\n    value,\n    onChange,\n    onBlur,\n    placeholder,\n    toolbar = DEFAULT_TOOLBAR,\n    headings = DEFAULT_HEADINGS,\n    styles: blockStyles = NO_STYLES,\n    newTab = 'choose',\n    extensions: projectExtensions = NO_EXTENSIONS,\n    buttons = NO_BUTTONS,\n    label,\n    description,\n    errors = NO_ERRORS,\n    disabled = false,\n    readOnly = false,\n    required = false,\n    name,\n    id,\n    autoFocus,\n    'aria-label': ariaLabel,\n    className,\n    contentClassName,\n}: RichTextFieldProps) {\n    const intl = usePanneauIntl();\n    const editable = !disabled && !readOnly;\n    const extensions = createRichTextExtensions({\n        extensions: projectExtensions,\n        ...(placeholder !== undefined ? { placeholder } : {}),\n        html: { label: intl.formatMessage(messages.html), className: styles.html ?? '' },\n    });\n    // The HTML of the editor's content: the value it was loaded from, or the last one it gave\n    const current = useRef<string | null | undefined>(value);\n    const accessibleName = ariaLabel ?? (typeof label === 'string' ? label : undefined);\n    const invalid = errors.length > 0;\n    const contentClass = [styles.content, contentClassName].filter(Boolean).join(' ');\n\n    const editor = useEditor(\n        {\n            extensions,\n            editable,\n            autofocus: autoFocus === true ? 'end' : false,\n            immediatelyRender: true,\n            shouldRerenderOnTransaction: false,\n            editorProps: {\n                attributes: getContentAttributes(\n                    contentClass,\n                    accessibleName,\n                    invalid,\n                    required,\n                    editable,\n                    id,\n                ),\n            },\n            // The value is read once the schema exists, and only when the editor is made\n            onBeforeCreate: ({ editor: created }) => {\n                current.current = value;\n                created.options.content = parseRichText(value ?? null, created.schema).toJSON();\n            },\n            onUpdate: ({ editor: updated }) => {\n                const html = serializeRichText(updated.state.doc, updated.schema);\n                current.current = html;\n                onChange?.(html);\n            },\n            onBlur: () => onBlur?.(),\n        },\n        // The schema only changes with the extensions of the project, and the placeholder\n        [projectExtensions, placeholder],\n    );\n\n    // A value that comes from elsewhere (a reset, another user) replaces the content\n    useEffect(() => {\n        if (editor === null || value === current.current) {\n            return;\n        }\n        current.current = value;\n        editor.commands.setContent(parseRichText(value ?? null, editor.schema).toJSON(), {\n            emitUpdate: false,\n        });\n    }, [editor, value]);\n\n    useEffect(() => {\n        editor?.setEditable(editable, false);\n    }, [editor, editable]);\n\n    useEffect(() => {\n        editor?.setOptions({\n            editorProps: {\n                attributes: getContentAttributes(\n                    contentClass,\n                    accessibleName,\n                    invalid,\n                    required,\n                    editable,\n                    id,\n                ),\n            },\n        });\n    }, [editor, contentClass, accessibleName, invalid, required, editable, id]);\n\n    return (\n        <Fieldset\n            legend={label}\n            description={description}\n            errors={errors}\n            isRequired={required}\n            isDisabled={disabled}\n            className={[styles.field, className].filter(Boolean).join(' ')}\n        >\n            <div\n                className={styles.editor}\n                data-invalid={invalid ? true : undefined}\n                data-disabled={disabled ? true : undefined}\n                data-readonly={readOnly ? true : undefined}\n            >\n                {editor !== null && editable ? (\n                    <Toolbar\n                        editor={editor}\n                        items={toolbar}\n                        headings={headings}\n                        styles={blockStyles}\n                        newTab={newTab}\n                        buttons={buttons}\n                    />\n                ) : null}\n                <EditorContent editor={editor} />\n            </div>\n            {name !== undefined ? <input type=\"hidden\" name={name} value={value ?? ''} /> : null}\n        </Fieldset>\n    );\n}\n\n/**\n * The `richtext` type: its toolbar, heading levels, block styles and links from `settings`\n * (`RichTextSettings`), and the extensions and buttons of the editor plugin.\n */\nexport function RichTextFieldEntry(\n    props: FieldEntryProps & {\n        extensions?: readonly AnyExtension[];\n        buttons?: readonly RichTextButton[];\n    },\n) {\n    const options = getRichTextOptions(props.field);\n    return (\n        <RichTextField\n            {...getFieldProps(props)}\n            value={typeof props.value === 'string' ? props.value : null}\n            onChange={props.onChange}\n            toolbar={options.toolbar}\n            headings={options.headings}\n            styles={options.styles}\n            newTab={options.newTab}\n            {...(props.extensions !== undefined ? { extensions: props.extensions } : {})}\n            {...(props.buttons !== undefined ? { buttons: props.buttons } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/RichTextField.module.js

@@ -0,0 +1,28 @@
+import "./RichTextField.css";
+//#region src/RichTextField.module.css
+var field = "panneau-rich-text-field-field";
+var editor = "panneau-rich-text-field-editor";
+var content = "panneau-rich-text-field-content";
+var toolbar = "panneau-rich-text-field-toolbar";
+var separator = "panneau-rich-text-field-separator";
+var button = "panneau-rich-text-field-button";
+var select = "panneau-rich-text-field-select";
+var html = "panneau-rich-text-field-html";
+var linkForm = "panneau-rich-text-field-link-form";
+var removeLink = "panneau-rich-text-field-remove-link";
+var RichTextField_module_default = {
+	field,
+	editor,
+	content,
+	toolbar,
+	separator,
+	button,
+	select,
+	html,
+	linkForm,
+	removeLink
+};
+//#endregion
+export { button, content, RichTextField_module_default as default, editor, field, html, linkForm, removeLink, select, separator, toolbar };
+
+//# sourceMappingURL=RichTextField.module.js.map

package/dist/RichTextField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextField.module.js","names":[],"sources":["../src/RichTextField.module.css"],"sourcesContent":[".field {\n    min-width: 0;\n}\n\n/* The box of the field, as the other controls draw it: the toolbar over the text. */\n.editor {\n    min-width: 0;\n    color: var(--panneau-color-text);\n    background-color: var(--panneau-input-bg, var(--panneau-color-surface));\n    border: var(--panneau-input-border-width, var(--panneau-border-width)) solid\n        var(--panneau-input-border-color, var(--panneau-color-border-control));\n    border-radius: var(--panneau-input-radius, var(--panneau-radius-md));\n    transition:\n        border-color var(--panneau-duration),\n        box-shadow var(--panneau-duration);\n}\n\n.editor:hover {\n    border-color: var(--panneau-input-border-color-hover, var(--panneau-color-text-muted));\n}\n\n.editor:has(.content:focus) {\n    border-color: var(--panneau-color-focus);\n    box-shadow: 0 0 0 1px var(--panneau-color-focus);\n}\n\n.editor[data-invalid] {\n    border-color: var(--panneau-color-danger);\n}\n\n.editor[data-invalid]:has(.content:focus) {\n    box-shadow: 0 0 0 1px var(--panneau-color-danger);\n}\n\n.editor[data-disabled] {\n    cursor: not-allowed;\n    opacity: 0.6;\n}\n\n.editor[data-disabled],\n.editor[data-readonly] {\n    background-color: var(--panneau-color-surface-sunken);\n}\n\n.toolbar {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--panneau-space-1);\n    padding: var(--panneau-space-1);\n    background-color: inherit;\n    border-bottom: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: inherit;\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n}\n\n.separator {\n    align-self: stretch;\n    width: var(--panneau-border-width);\n    margin: var(--panneau-space-1) var(--panneau-space-1);\n    background-color: var(--panneau-color-border);\n    border: 0;\n}\n\n.button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--panneau-control-height-sm);\n    height: var(--panneau-control-height-sm);\n    padding: 0;\n    color: var(--panneau-color-text);\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n    border-radius: var(--panneau-radius-sm);\n    transition: background-color var(--panneau-duration);\n}\n\n.button[data-hovered] {\n    background-color: color-mix(in srgb, var(--panneau-color-text) 6%, transparent);\n}\n\n.button[data-pressed],\n.button[data-selected] {\n    background-color: color-mix(in srgb, var(--panneau-color-text) 12%, transparent);\n}\n\n.button[data-selected] {\n    color: var(--panneau-color-accent-text);\n    background-color: var(--panneau-color-accent-subtle);\n}\n\n.button[data-focus-visible] {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: 1px;\n}\n\n.button[data-disabled] {\n    cursor: not-allowed;\n    opacity: 0.45;\n}\n\n.select {\n    min-width: 9rem;\n}\n\n/* The text: the elements of rich content, as `Prose` styles them. */\n.content {\n    min-height: 8rem;\n    padding: var(--panneau-space-3);\n    font-size: var(--panneau-font-size-control);\n    line-height: var(--panneau-prose-line-height, 1.6);\n    overflow-wrap: break-word;\n    white-space: pre-wrap;\n    outline: none;\n    /* Nothing of the content paints outside of it: transforms, negative margins */\n    contain: paint;\n}\n\n/*\n * Styles of stored content show in the editor (a color, an alignment), but never take an element\n * out of the text to cover the admin: they are kept as they are in the value.\n */\n.content :where([style]) {\n    position: static !important;\n}\n\n.content > * + * {\n    margin-top: var(--panneau-prose-gap, var(--panneau-space-3));\n}\n\n.content :where(h1, h2, h3, h4, h5, h6) {\n    font-family: var(--panneau-heading-font-family, var(--panneau-font-family-heading));\n    font-weight: var(--panneau-font-weight-bold);\n    line-height: var(--panneau-line-height-tight);\n}\n\n.content :where(h1) {\n    font-size: var(--panneau-heading-1-font-size, 1.75rem);\n}\n\n.content :where(h2) {\n    font-size: var(--panneau-heading-2-font-size, 1.375rem);\n}\n\n.content :where(h3) {\n    font-size: var(--panneau-heading-3-font-size, 1.125rem);\n}\n\n.content :where(h4, h5, h6) {\n    font-size: var(--panneau-heading-4-font-size, var(--panneau-font-size-lg));\n}\n\n.content :where(ul, ol) {\n    padding-inline-start: var(--panneau-prose-list-indent, 1.5em);\n}\n\n.content :where(ul) {\n    list-style: disc;\n}\n\n.content :where(ol) {\n    list-style: decimal;\n}\n\n.content :where(li + li, li > ul, li > ol) {\n    margin-top: var(--panneau-space-1);\n}\n\n.content :where(a) {\n    color: var(--panneau-prose-link-color, var(--panneau-color-link));\n    text-decoration: underline;\n}\n\n.content :where(strong, b) {\n    font-weight: var(--panneau-font-weight-bold);\n}\n\n.content :where(em, i) {\n    font-style: italic;\n}\n\n.content :where(blockquote) {\n    padding-inline-start: var(--panneau-space-4);\n    color: var(--panneau-color-text-muted);\n    border-inline-start: 3px solid var(--panneau-color-border);\n}\n\n.content :where(code) {\n    font-family: var(--panneau-font-family-mono);\n    font-size: 0.875em;\n}\n\n.content :where(hr) {\n    border: 0;\n    border-top: var(--panneau-border-width) solid var(--panneau-color-border);\n}\n\n.content :global(.ProseMirror-selectednode) {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n}\n\n.content :global(.is-editor-empty:first-child)::before {\n    float: inline-start;\n    height: 0;\n    color: var(--panneau-color-text-muted);\n    pointer-events: none;\n    content: attr(data-placeholder);\n}\n\n/* HTML kept as it was written: its element and what it points to, never its markup. */\n.html {\n    display: flex;\n    gap: var(--panneau-space-2);\n    align-items: baseline;\n    min-width: 0;\n    padding: var(--panneau-space-2) var(--panneau-space-3);\n    font-size: var(--panneau-font-size-sm);\n    color: var(--panneau-color-text-muted);\n    white-space: nowrap;\n    background-color: var(--panneau-color-surface-sunken);\n    border: var(--panneau-border-width) dashed var(--panneau-color-border);\n    border-radius: var(--panneau-radius-sm);\n}\n\nspan.html {\n    display: inline-flex;\n    max-width: 100%;\n    padding: 0 var(--panneau-space-1);\n    vertical-align: baseline;\n}\n\n.html > code {\n    flex: 0 0 auto;\n    font-family: var(--panneau-font-family-mono);\n    color: var(--panneau-color-text);\n}\n\n.html > span {\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.linkForm {\n    display: grid;\n    gap: var(--panneau-space-3);\n}\n\n.removeLink {\n    margin-inline-end: auto;\n}\n"],"mappings":""}

package/dist/Toolbar.d.ts

@@ -0,0 +1,20 @@
+import type { Editor } from '@tiptap/core';
+import type { RichTextStyle } from '@panneau/protocol';
+import { type RichTextButton } from './buttons.js';
+import type { NewTabLinks } from './settings.js';
+export interface ToolbarProps {
+    editor: Editor;
+    /** The items, in order: built-in names, names of `buttons`, and `|` between groups. */
+    items: readonly string[];
+    headings: readonly number[];
+    styles: readonly RichTextStyle[];
+    newTab: NewTabLinks;
+    /** Buttons of plugins. One with the name of a built-in button replaces it. */
+    buttons: readonly RichTextButton[];
+}
+/**
+ * The toolbar of the rich text field: the text style (paragraph or a heading level), the block
+ * styles, marks, links, lists and the buttons of plugins, as the field's `toolbar` lists them.
+ */
+export declare function Toolbar({ editor, items, headings, styles: blockStyles, newTab, buttons, }: ToolbarProps): import("react").JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../src/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAY3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKvD,OAAO,EAAE,KAAK,cAAc,EAAkB,MAAM,WAAW,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG9C,MAAM,WAAW,YAAY;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,MAAM,EAAE,SAAS,aAAa,EAAE,CAAC;IACjC,MAAM,EAAE,WAAW,CAAC;IACpB,8EAA8E;IAC9E,OAAO,EAAE,SAAS,cAAc,EAAE,CAAC;CACtC;AAqED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACpB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,MAAM,EAAE,WAAW,EACnB,MAAM,EACN,OAAO,GACV,EAAE,YAAY,+BA+Kd"}