pixel-react 1.22.4 → 1.22.5

package/lib/components/RichTextEditor/LinkPopover.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState } from 'react';
+import Button from '../Button';
+import Checkbox from '../Checkbox';
+import Typography from '../Typography';
+import { SAFE_URL_REGEX } from './constants';
+const normalizeUrl = (raw) => {
+    const url = raw.trim();
+    if (SAFE_URL_REGEX.test(url))
+        return url;
+    // No scheme given (e.g. "example.com"): default to https
+    if (!/^[a-z][a-z0-9+.-]*:/i.test(url))
+        return `https://${url}`;
+    return null;
+};
+const LinkPopover = ({ editor, onClose }) => {
+    const id = useId();
+    const popoverRef = useRef(null);
+    // Snapshot the selection on open; when the caret is inside a link, edit the whole link
+    const [initial] = useState(() => {
+        if (editor.isActive('link'))
+            editor.commands.extendMarkRange('link');
+        const { from, to } = editor.state.selection;
+        const attrs = editor.getAttributes('link');
+        return {
+            from,
+            to,
+            text: editor.state.doc.textBetween(from, to, ' '),
+            href: attrs.href ?? '',
+            newWindow: attrs.href ? attrs.target === '_blank' : true,
+            isEditing: !!attrs.href,
+        };
+    });
+    const [title, setTitle] = useState(initial.text);
+    const [target, setTarget] = useState(initial.href);
+    const [newWindow, setNewWindow] = useState(initial.newWindow);
+    const [error, setError] = useState('');
+    useEffect(() => {
+        const handleMouseDown = (event) => {
+            // The parent also holds the toolbar button, which toggles the popover itself
+            const anchor = popoverRef.current?.parentElement;
+            if (!anchor?.contains(event.target))
+                onClose();
+        };
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape')
+                onClose();
+        };
+        document.addEventListener('mousedown', handleMouseDown);
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', handleMouseDown);
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [onClose]);
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        const href = normalizeUrl(target);
+        if (!href) {
+            setError('Enter a valid http, https or mailto link');
+            return;
+        }
+        const { from, to, text } = initial;
+        const linkAttrs = { href, target: newWindow ? '_blank' : null };
+        const displayText = title.trim() || text || href;
+        const chain = editor.chain().focus();
+        if (from !== to && displayText === text) {
+            chain.setTextSelection({ from, to }).setLink(linkAttrs).run();
+        }
+        else {
+            chain
+                .insertContentAt({ from, to }, {
+                type: 'text',
+                text: displayText,
+                marks: [{ type: 'link', attrs: linkAttrs }],
+            })
+                .run();
+        }
+        onClose();
+    };
+    const handleRemove = () => {
+        editor
+            .chain()
+            .focus()
+            .setTextSelection({ from: initial.from, to: initial.to })
+            .unsetLink()
+            .run();
+        onClose();
+    };
+    return (_jsxs("form", { ref: popoverRef, className: "ff-rich-text-editor__popover", onSubmit: handleSubmit, 
+        // Inputs must be focusable; don't let the toolbar's mousedown guard apply here
+        onMouseDown: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "ff-rich-text-editor__popover-field", children: [_jsx(Typography, { as: "label", htmlFor: `${id}-title`, fontSize: 12, children: "Link Title" }), _jsx("input", { id: `${id}-title`, className: "ff-rich-text-editor__popover-input", value: title, onChange: (e) => setTitle(e.target.value) })] }), _jsxs("div", { className: "ff-rich-text-editor__popover-field", children: [_jsx(Typography, { as: "label", htmlFor: `${id}-target`, fontSize: 12, children: "Link Target" }), _jsx("input", { id: `${id}-target`, className: "ff-rich-text-editor__popover-input", value: target, autoFocus: true, onChange: (e) => {
+                            setTarget(e.target.value);
+                            setError('');
+                        } }), error && (_jsx(Typography, { fontSize: 10, className: "ff-rich-text-editor__popover-error", children: error }))] }), _jsx(Checkbox, { id: `${id}-new-window`, label: "Open link in new window", checked: newWindow, onChange: (e) => setNewWindow(e.target.checked) }), _jsxs("div", { className: "ff-rich-text-editor__popover-actions", children: [initial.isEditing && (_jsx(Button, { variant: "tertiary", size: "small", label: "Remove", onClick: handleRemove })), _jsx(Button, { variant: "primary", size: "small", type: "submit", label: initial.isEditing ? 'Update' : 'Add', disabled: !target.trim() }), _jsx(Button, { variant: "secondary", size: "small", label: "Cancel", onClick: onClose })] })] }));
+};
+export default LinkPopover;
+//# sourceMappingURL=LinkPopover.js.map

package/lib/components/RichTextEditor/LinkPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPopover.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/LinkPopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAO7C,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;IACnC,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IACvB,IAAI,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QAAE,OAAO,GAAG,CAAC;IACzC,yDAAyD;IACzD,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,GAAG,CAAC;QAAE,OAAO,WAAW,GAAG,EAAE,CAAC;IAC/D,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,WAAW,GAAyB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;IAChE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,UAAU,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAEjD,uFAAuF;IACvF,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC9B,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;YAAE,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QACrE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC;QAC5C,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC3C,OAAO;YACL,IAAI;YACJ,EAAE;YACF,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC;YACjD,IAAI,EAAG,KAAK,CAAC,IAAe,IAAI,EAAE;YAClC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI;YACxD,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI;SACxB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,eAAe,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC5C,6EAA6E;YAC7E,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC;YACjD,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBAAE,OAAO,EAAE,CAAC;QACzD,CAAC,CAAC;QACF,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;gBAAE,OAAO,EAAE,CAAC;QACxC,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,IAAI,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,QAAQ,CAAC,0CAA0C,CAAC,CAAC;YACrD,OAAO;QACT,CAAC;QAED,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;QACnC,MAAM,SAAS,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAChE,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI,IAAI,CAAC;QACjD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC;QAErC,IAAI,IAAI,KAAK,EAAE,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;YACxC,KAAK,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,KAAK;iBACF,eAAe,CACd,EAAE,IAAI,EAAE,EAAE,EAAE,EACZ;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,WAAW;gBACjB,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;aAC5C,CACF;iBACA,GAAG,EAAE,CAAC;QACX,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM;aACH,KAAK,EAAE;aACP,KAAK,EAAE;aACP,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC;aACxD,SAAS,EAAE;aACX,GAAG,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,gBACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAC,8BAA8B,EACxC,QAAQ,EAAE,YAAY;QACtB,+EAA+E;QAC/E,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAEvC,eAAK,SAAS,EAAC,oCAAoC,aACjD,KAAC,UAAU,IAAC,EAAE,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,2BAE9C,EACb,gBACE,EAAE,EAAE,GAAG,EAAE,QAAQ,EACjB,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACzC,IACE,EAEN,eAAK,SAAS,EAAC,oCAAoC,aACjD,KAAC,UAAU,IAAC,EAAE,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,4BAE/C,EACb,gBACE,EAAE,EAAE,GAAG,EAAE,SAAS,EAClB,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,MAAM,EACb,SAAS,QACT,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4BACd,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC;wBACf,CAAC,GACD,EACD,KAAK,IAAI,CACR,KAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAC,oCAAoC,YAE7C,KAAK,GACK,CACd,IACG,EAEN,KAAC,QAAQ,IACP,EAAE,EAAE,GAAG,EAAE,aAAa,EACtB,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAC/C,EAEF,eAAK,SAAS,EAAC,sCAAsC,aAClD,OAAO,CAAC,SAAS,IAAI,CACpB,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,YAAY,GACrB,CACH,EACD,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAC3C,QAAQ,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,GACxB,EACF,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,OAAO,GAChB,IACE,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/RichTextEditor/RichTextEditor.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import './RichTextEditor.scss';
+import { RichTextEditorProps } from './types';
+declare const RichTextEditor: FC<RichTextEditorProps>;
+export default RichTextEditor;

package/lib/components/RichTextEditor/RichTextEditor.js

@@ -0,0 +1,216 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import classNames from 'classnames';
+import { EditorContent, useEditor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import { CharacterCount, Placeholder } from '@tiptap/extensions';
+import { TextStyleKit } from '@tiptap/extension-text-style';
+import { TableKit } from '@tiptap/extension-table';
+import './RichTextEditor.scss';
+import Typography from '../Typography';
+import Toolbar from './Toolbar';
+import { DEFAULT_TOOLBAR_OPTIONS } from './constants';
+import { createDynamicValue, getDynamicValues } from './DynamicValue';
+import { FileAttachment, insertAttachmentFiles } from './fileAttachment';
+import { getImageFiles, insertImageFiles, readAsDataUrl } from './imageUpload';
+import { hasHtmlText, InlineImage, normalizePastedHtml, PreservedHtmlAttributes, } from './pasteFormatting';
+const toCssSize = (size) => typeof size === 'number' ? `${size}px` : size;
+const escapeHtml = (text) => text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+// One paragraph per line, mirroring how `getOutput` joins blocks in text mode
+const textToHtml = (text) => text
+    .split('\n')
+    .map((line) => `<p>${escapeHtml(line)}</p>`)
+    .join('');
+// An empty editor still holds '<p></p>'; report it as an empty string
+const getOutput = (instance, format) => {
+    if (instance.isEmpty)
+        return '';
+    return format === 'text'
+        ? instance.getText({ blockSeparator: '\n' })
+        : instance.getHTML();
+};
+const toEditorContent = (value, format) => format === 'text' ? textToHtml(value) : value;
+const RichTextEditor = ({ value = '', outputFormat = 'html', onChange, onCharCountChange, label, required = false, placeholder = '', readOnly = false, toolbarHidden = false, toolbarOptions = DEFAULT_TOOLBAR_OPTIONS, dynamicValues, dynamicValueTrigger = '<', onDynamicValuesChange, allowImageUpload = false, onImageUpload, allowFileAttachment = false, onFileUpload, fileAttachmentAccept = 'image/*', maxFileSize, onFileAttachmentError, error = false, helperText, minHeight = 140, maxHeight = 140, minLength, maxLength, autoFocus = false, onFocus, onBlur, className, }) => {
+    const dynamicValuesRef = useRef(dynamicValues ?? []);
+    dynamicValuesRef.current = dynamicValues ?? [];
+    const onDynamicValuesChangeRef = useRef(onDynamicValuesChange);
+    onDynamicValuesChangeRef.current = onDynamicValuesChange;
+    // Last reported ids, so the callback only fires when the used values change
+    const reportedDynamicValuesRef = useRef(null);
+    const reportDynamicValues = (instance) => {
+        if (!onDynamicValuesChangeRef.current)
+            return;
+        const used = getDynamicValues(instance);
+        const key = JSON.stringify(used);
+        if (key === reportedDynamicValuesRef.current)
+            return;
+        reportedDynamicValuesRef.current = key;
+        onDynamicValuesChangeRef.current(used);
+    };
+    const imageUpload = onImageUpload ?? readAsDataUrl;
+    // Read inside editorProps, which are only set when the editor is created
+    const imageUploadRef = useRef(imageUpload);
+    imageUploadRef.current = imageUpload;
+    const imagesEnabled = allowImageUpload && toolbarOptions.includes('image');
+    const imagesEnabledRef = useRef(imagesEnabled);
+    imagesEnabledRef.current = imagesEnabled;
+    const attachmentsEnabled = allowFileAttachment && toolbarOptions.includes('attachment');
+    const attachmentOptions = {
+        upload: onFileUpload ?? readAsDataUrl,
+        accept: fileAttachmentAccept,
+        maxFileSize,
+        onError: onFileAttachmentError,
+    };
+    // Read inside editorProps, which are only set when the editor is created
+    const attachmentOptionsRef = useRef(attachmentsEnabled ? attachmentOptions : null);
+    attachmentOptionsRef.current = attachmentsEnabled ? attachmentOptions : null;
+    const visibleToolbarOptions = toolbarOptions.filter((option) => (option !== 'image' || allowImageUpload) &&
+        (option !== 'attachment' || allowFileAttachment));
+    // Images go inline when image uploads are on; other files (and images when
+    // they're off) become attachment chips when attachments are on
+    const splitFiles = (fileList) => {
+        const files = Array.from(fileList ?? []);
+        const images = imagesEnabledRef.current ? getImageFiles(files) : [];
+        const attachments = attachmentOptionsRef.current
+            ? files.filter((file) => !images.includes(file))
+            : [];
+        return { files, images, attachments };
+    };
+    const insertFiles = async (view, images, attachments, pos) => {
+        let next = pos;
+        if (images.length) {
+            next = await insertImageFiles(view, images, imageUploadRef.current, next);
+        }
+        const options = attachmentOptionsRef.current;
+        if (options && attachments.length) {
+            await insertAttachmentFiles(view, attachments, options, next);
+        }
+    };
+    // Read inside editor callbacks, which are only set when the editor is created
+    const outputFormatRef = useRef(outputFormat);
+    outputFormatRef.current = outputFormat;
+    const [charCount, setCharCount] = useState(0);
+    const [touched, setTouched] = useState(false);
+    const editor = useEditor({
+        extensions: [
+            StarterKit.configure({
+                link: {
+                    openOnClick: true,
+                    autolink: true,
+                    defaultProtocol: 'https',
+                    protocols: ['http', 'https', 'mailto'],
+                },
+            }),
+            Placeholder.configure({ placeholder }),
+            // Blocks typing/pasting past maxLength
+            CharacterCount.configure({ limit: maxLength || null }),
+            // Always registered so existing tokens in `value` still parse
+            createDynamicValue(dynamicValuesRef, dynamicValueTrigger),
+            // Inline so pasted signature images stay in their line or link.
+            // Base64 allowed so images embedded by the default upload still parse
+            InlineImage.configure({ inline: true, allowBase64: true }),
+            // Always registered so existing attachments in `value` still parse
+            FileAttachment,
+            // Keep pasted formatting (e.g. email signatures) as it looks in the source
+            TextStyleKit,
+            TableKit.configure({ table: { resizable: false } }),
+            PreservedHtmlAttributes,
+        ],
+        editorProps: {
+            // Also applied to dropped HTML. Images are removed when uploads are
+            // disabled so they can't bypass it
+            transformPastedHTML: (html) => normalizePastedHtml(html, imagesEnabledRef.current),
+            handlePaste: (view, event) => {
+                const { files, images, attachments } = splitFiles(event.clipboardData?.files);
+                if (!files.length)
+                    return false;
+                // Copied rich content (e.g. a signature) can carry image files too: paste
+                // the HTML, which keeps the layout and references its images by URL
+                if (hasHtmlText(event.clipboardData?.getData('text/html') ?? '')) {
+                    return false;
+                }
+                // Swallow file-only pastes when neither images nor attachments take them
+                if (!images.length && !attachments.length) {
+                    return !event.clipboardData?.getData('text/plain');
+                }
+                insertFiles(view, images, attachments).catch(() => { });
+                return true;
+            },
+            handleDrop: (view, event, _slice, moved) => {
+                const { files, images, attachments } = splitFiles(event.dataTransfer?.files);
+                if (moved || !files.length)
+                    return false;
+                event.preventDefault();
+                // Swallow dropped files when neither images nor attachments take them
+                if (!images.length && !attachments.length)
+                    return true;
+                const pos = view.posAtCoords({
+                    left: event.clientX,
+                    top: event.clientY,
+                })?.pos;
+                insertFiles(view, images, attachments, pos).catch(() => { });
+                return true;
+            },
+        },
+        content: toEditorContent(value, outputFormat),
+        editable: !readOnly,
+        autofocus: autoFocus,
+        onCreate: ({ editor }) => {
+            setCharCount(editor.storage.characterCount.characters());
+            reportDynamicValues(editor);
+        },
+        onUpdate: ({ editor }) => {
+            const count = editor.storage.characterCount.characters();
+            setCharCount(count);
+            reportDynamicValues(editor);
+            console.log('onChange', JSON.stringify(getOutput(editor, outputFormatRef.current)));
+            onChange?.(getOutput(editor, outputFormatRef.current), count);
+        },
+        onFocus: ({ editor }) => onFocus?.(getOutput(editor, outputFormatRef.current)),
+        onBlur: ({ editor }) => {
+            setTouched(true);
+            onBlur?.(getOutput(editor, outputFormatRef.current));
+        },
+    });
+    // Sync external value changes without resetting the caret while typing
+    useEffect(() => {
+        if (!editor)
+            return;
+        const current = getOutput(editor, outputFormat);
+        if (value !== current) {
+            editor.commands.setContent(toEditorContent(value, outputFormat), {
+                emitUpdate: false,
+            });
+            setCharCount(editor.storage.characterCount.characters());
+            reportDynamicValues(editor);
+        }
+    }, [editor, value, outputFormat]);
+    const onCharCountChangeRef = useRef(onCharCountChange);
+    onCharCountChangeRef.current = onCharCountChange;
+    useEffect(() => {
+        onCharCountChangeRef.current?.(charCount);
+    }, [charCount]);
+    useEffect(() => {
+        editor?.setEditable(!readOnly);
+    }, [editor, readOnly]);
+    // Empty content is left to `required`; only partially filled content is flagged
+    const minLengthError = touched && !!minLength && charCount > 0 && charCount < minLength;
+    const maxLengthError = !!maxLength && charCount > maxLength;
+    const lengthErrorText = minLengthError
+        ? `Minimum ${minLength} characters required`
+        : maxLengthError
+            ? `Maximum ${maxLength} characters allowed`
+            : undefined;
+    const hasError = error || !!lengthErrorText;
+    const footerText = (error && helperText) || lengthErrorText || helperText;
+    const showToolbar = !readOnly && !toolbarHidden && !!editor;
+    return (_jsxs("div", { className: classNames('ff-rich-text-editor', className, {
+            'ff-rich-text-editor--error': hasError,
+            'ff-rich-text-editor--readonly': readOnly,
+        }), children: [label && (_jsxs(Typography, { as: "label", fontSize: 12, className: "ff-rich-text-editor__label", children: [required && _jsx("span", { className: "ff-rich-text-editor__required", children: "*" }), label] })), _jsxs("div", { className: "ff-rich-text-editor__container", children: [showToolbar && (_jsx(Toolbar, { editor: editor, options: visibleToolbarOptions, imageUpload: imageUpload, attachFiles: (files) => insertAttachmentFiles(editor.view, files, attachmentOptions).catch(() => { }), attachmentAccept: fileAttachmentAccept })), _jsx(EditorContent, { editor: editor, className: "ff-rich-text-editor__content", style: {
+                            minHeight: toCssSize(minHeight),
+                            maxHeight: toCssSize(maxHeight),
+                        } })] }), (footerText || !!maxLength) && (_jsxs("div", { className: "ff-rich-text-editor__footer", children: [_jsx(Typography, { fontSize: 10, className: "ff-rich-text-editor__helper-text", children: footerText }), !!maxLength && (_jsxs(Typography, { fontSize: 10, className: "ff-rich-text-editor__char-count", children: [charCount, "/", maxLength] }))] }))] }));
+};
+export default RichTextEditor;
+//# sourceMappingURL=RichTextEditor.js.map

package/lib/components/RichTextEditor/RichTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"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"}

package/lib/components/RichTextEditor/Toolbar.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { Editor } from '@tiptap/react';
+import { RichTextImageUpload, RichTextToolbarOption } from './types';
+interface ToolbarProps {
+    editor: Editor;
+    options: RichTextToolbarOption[];
+    imageUpload: RichTextImageUpload;
+    attachFiles: (files: File[]) => void;
+    attachmentAccept: string;
+}
+declare const Toolbar: FC<ToolbarProps>;
+export default Toolbar;

package/lib/components/RichTextEditor/Toolbar.js

@@ -0,0 +1,186 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useCallback, useRef, useState } from 'react';
+import classNames from 'classnames';
+import { useEditorState } from '@tiptap/react';
+import Icon from '../Icon';
+import { getToolGroup } from './constants';
+import { getImageFiles, insertImageFiles } from './imageUpload';
+import LinkPopover from './LinkPopover';
+const isPopoverOption = (option) => option === 'link';
+// Inherits the button's text color so it follows the active/disabled styles
+const ToolIcon = ({ name }) => (_jsx(Icon, { name: name, width: 14, height: 14, color: "currentColor", withPadding: false, "aria-hidden": true }));
+const TOOLS = {
+    bold: {
+        label: _jsx("b", { children: "B" }),
+        title: 'Bold',
+        run: (e) => e.chain().focus().toggleBold().run(),
+        isActive: (e) => e.isActive('bold'),
+    },
+    italic: {
+        label: _jsx("i", { children: "I" }),
+        title: 'Italic',
+        run: (e) => e.chain().focus().toggleItalic().run(),
+        isActive: (e) => e.isActive('italic'),
+    },
+    underline: {
+        label: _jsx("u", { children: "U" }),
+        title: 'Underline',
+        run: (e) => e.chain().focus().toggleUnderline().run(),
+        isActive: (e) => e.isActive('underline'),
+    },
+    strike: {
+        label: _jsx("s", { children: "S" }),
+        title: 'Strikethrough',
+        run: (e) => e.chain().focus().toggleStrike().run(),
+        isActive: (e) => e.isActive('strike'),
+    },
+    heading1: {
+        label: 'H1',
+        title: 'Heading 1',
+        run: (e) => e.chain().focus().toggleHeading({ level: 1 }).run(),
+        isActive: (e) => e.isActive('heading', { level: 1 }),
+    },
+    heading2: {
+        label: 'H2',
+        title: 'Heading 2',
+        run: (e) => e.chain().focus().toggleHeading({ level: 2 }).run(),
+        isActive: (e) => e.isActive('heading', { level: 2 }),
+    },
+    heading3: {
+        label: 'H3',
+        title: 'Heading 3',
+        run: (e) => e.chain().focus().toggleHeading({ level: 3 }).run(),
+        isActive: (e) => e.isActive('heading', { level: 3 }),
+    },
+    bulletList: {
+        label: '• List',
+        title: 'Bulleted list',
+        run: (e) => e.chain().focus().toggleBulletList().run(),
+        isActive: (e) => e.isActive('bulletList'),
+    },
+    orderedList: {
+        label: '1. List',
+        title: 'Numbered list',
+        run: (e) => e.chain().focus().toggleOrderedList().run(),
+        isActive: (e) => e.isActive('orderedList'),
+    },
+    blockquote: {
+        label: '❝',
+        title: 'Quote',
+        run: (e) => e.chain().focus().toggleBlockquote().run(),
+        isActive: (e) => e.isActive('blockquote'),
+    },
+    code: {
+        label: '</>',
+        title: 'Inline code',
+        run: (e) => e.chain().focus().toggleCode().run(),
+        isActive: (e) => e.isActive('code'),
+    },
+    codeBlock: {
+        label: '{ }',
+        title: 'Code block',
+        run: (e) => e.chain().focus().toggleCodeBlock().run(),
+        isActive: (e) => e.isActive('codeBlock'),
+    },
+    link: {
+        label: _jsx(ToolIcon, { name: "link" }),
+        title: 'Insert link',
+        isActive: (e) => e.isActive('link'),
+    },
+    image: {
+        label: _jsx(ToolIcon, { name: "image" }),
+        title: 'Insert image',
+        isActive: (e) => e.isActive('image'),
+    },
+    attachment: {
+        label: _jsx(ToolIcon, { name: "file" }),
+        title: 'Attach file',
+        isActive: (e) => e.isActive('fileAttachment'),
+    },
+    undo: {
+        label: '↶',
+        title: 'Undo',
+        run: (e) => e.chain().focus().undo().run(),
+        isDisabled: (e) => !e.can().undo(),
+    },
+    redo: {
+        label: '↷',
+        title: 'Redo',
+        run: (e) => e.chain().focus().redo().run(),
+        isDisabled: (e) => !e.can().redo(),
+    },
+    clear: {
+        label: 'Clear',
+        title: 'Clear formatting',
+        run: (e) => {
+            const { empty, $from } = e.state.selection;
+            const chain = e.chain().focus();
+            // unsetAllMarks ignores a bare caret, so clear the caret's whole block
+            if (empty) {
+                chain.command(({ tr }) => {
+                    tr.removeMark($from.start(), $from.end()).setStoredMarks([]);
+                    return true;
+                });
+            }
+            chain.unsetAllMarks().clearNodes().run();
+        },
+    },
+};
+const Toolbar = ({ editor, options, imageUpload, attachFiles, attachmentAccept, }) => {
+    const [openPopover, setOpenPopover] = useState(null);
+    const closePopover = useCallback(() => setOpenPopover(null), []);
+    const fileInputRef = useRef(null);
+    const attachmentInputRef = useRef(null);
+    const handleImageFiles = (fileList) => {
+        const files = getImageFiles(fileList);
+        if (!files.length)
+            return;
+        editor.commands.focus();
+        insertImageFiles(editor.view, files, imageUpload).catch(() => { });
+    };
+    // Re-render only when the active/disabled state of the shown buttons changes
+    const state = useEditorState({
+        editor,
+        selector: ({ editor: e }) => options.map((option) => ({
+            active: TOOLS[option].isActive?.(e) ?? false,
+            disabled: TOOLS[option].isDisabled?.(e) ?? false,
+        })),
+        equalityFn: (a, b) => !!b &&
+            a.length === b.length &&
+            a.every((s, i) => s.active === b[i]?.active && s.disabled === b[i]?.disabled),
+    });
+    return (_jsxs("div", { className: "ff-rich-text-editor__toolbar", role: "toolbar", 
+        // Keep the editor selection when clicking toolbar buttons
+        onMouseDown: (e) => e.preventDefault(), children: [options.map((option, index) => {
+                const tool = TOOLS[option];
+                const { active, disabled } = state[index] ?? {};
+                const next = options[index + 1];
+                const showDivider = !!next && getToolGroup(option) !== getToolGroup(next);
+                const button = (_jsx("button", { type: "button", title: tool.title, "aria-label": tool.title, "aria-pressed": tool.isActive ? active : undefined, "aria-expanded": isPopoverOption(option) ? openPopover === option : undefined, disabled: disabled, className: classNames('ff-rich-text-editor__tool', {
+                        'ff-rich-text-editor__tool--active': active,
+                    }), onClick: () => {
+                        if (tool.run)
+                            tool.run(editor);
+                        else if (option === 'image')
+                            fileInputRef.current?.click();
+                        else if (option === 'attachment')
+                            attachmentInputRef.current?.click();
+                        else if (isPopoverOption(option))
+                            setOpenPopover((open) => (open === option ? null : option));
+                    }, children: tool.label }));
+                return (_jsxs(Fragment, { children: [isPopoverOption(option) ? (_jsxs("span", { className: "ff-rich-text-editor__popover-anchor", children: [button, openPopover === option && (_jsx(LinkPopover, { editor: editor, onClose: closePopover }))] })) : (button), showDivider && _jsx("span", { className: "ff-rich-text-editor__divider" })] }, option));
+            }), options.includes('image') && (_jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", multiple: true, hidden: true, onChange: (e) => {
+                    handleImageFiles(e.target.files);
+                    // Allow picking the same file again
+                    e.target.value = '';
+                } })), options.includes('attachment') && (_jsx("input", { ref: attachmentInputRef, type: "file", accept: attachmentAccept, multiple: true, hidden: true, onChange: (e) => {
+                    const files = Array.from(e.target.files ?? []);
+                    if (files.length) {
+                        editor.commands.focus();
+                        attachFiles(files);
+                    }
+                    e.target.value = '';
+                } }))] }));
+};
+export default Toolbar;
+//# sourceMappingURL=Toolbar.js.map

package/lib/components/RichTextEditor/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/Toolbar.tsx"],"names":[],"mappings":"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"}

package/lib/components/RichTextEditor/constants.d.ts

@@ -0,0 +1,4 @@
+import { RichTextToolbarOption } from './types';
+export declare const DEFAULT_TOOLBAR_OPTIONS: RichTextToolbarOption[];
+export declare const getToolGroup: (option: RichTextToolbarOption) => number;
+export declare const SAFE_URL_REGEX: RegExp;

package/lib/components/RichTextEditor/constants.js

@@ -0,0 +1,33 @@
+export const DEFAULT_TOOLBAR_OPTIONS = [
+    'bold',
+    'italic',
+    'underline',
+    'strike',
+    'heading1',
+    'heading2',
+    'heading3',
+    'bulletList',
+    'orderedList',
+    'blockquote',
+    'code',
+    'codeBlock',
+    'link',
+    'image',
+    'attachment',
+    'undo',
+    'redo',
+    'clear',
+];
+// A divider is drawn between neighbouring options of different groups, so it
+// stays in place when an option (e.g. `image`) is hidden
+const TOOL_GROUPS = [
+    ['bold', 'italic', 'underline', 'strike'],
+    ['heading1', 'heading2', 'heading3'],
+    ['bulletList', 'orderedList', 'blockquote', 'code', 'codeBlock'],
+    ['link', 'image', 'attachment'],
+    ['undo', 'redo'],
+    ['clear'],
+];
+export const getToolGroup = (option) => TOOL_GROUPS.findIndex((group) => group.includes(option));
+export const SAFE_URL_REGEX = /^(https?:\/\/|mailto:)/i;
+//# sourceMappingURL=constants.js.map

package/lib/components/RichTextEditor/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,uBAAuB,GAA4B;IAC9D,MAAM;IACN,QAAQ;IACR,WAAW;IACX,QAAQ;IACR,UAAU;IACV,UAAU;IACV,UAAU;IACV,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,MAAM;IACN,WAAW;IACX,MAAM;IACN,OAAO;IACP,YAAY;IACZ,MAAM;IACN,MAAM;IACN,OAAO;CACR,CAAC;AAEF,6EAA6E;AAC7E,yDAAyD;AACzD,MAAM,WAAW,GAA8B;IAC7C,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,CAAC;IACzC,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;IACpC,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,CAAC;IAChE,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,CAAC;IAC/B,CAAC,MAAM,EAAE,MAAM,CAAC;IAChB,CAAC,OAAO,CAAC;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAA6B,EAAE,EAAE,CAC5D,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,cAAc,GAAG,yBAAyB,CAAC"}

package/lib/components/RichTextEditor/fileAttachment.d.ts

@@ -0,0 +1,23 @@
+import { Node } from '@tiptap/react';
+import { EditorView } from '@tiptap/pm/view';
+import { RichTextFileAttachmentError, RichTextFileUpload } from './types';
+export declare const SAFE_ATTACHMENT_URL_REGEX: RegExp;
+export declare const formatFileSize: (bytes: number) => string;
+export declare const matchesAccept: (file: File, accept: string) => boolean;
+/**
+ * Inline, non-editable chip linking to an uploaded file. Serialised as
+ * `<a data-type="fileAttachment" href="{url}" data-name="{name}" data-size="{bytes}" download="{name}">{name} ({size})</a>`
+ */
+export declare const FileAttachment: Node<any, any>;
+interface InsertAttachmentOptions {
+    upload: RichTextFileUpload;
+    accept: string;
+    maxFileSize?: number;
+    onError?: (file: File, reason: RichTextFileAttachmentError) => void;
+}
+/**
+ * Uploads files and inserts them as attachment chips at `pos`, or over the
+ * selection when omitted. Resolves with the position after the last chip
+ */
+export declare const insertAttachmentFiles: (view: EditorView, files: File[], { upload, accept, maxFileSize, onError }: InsertAttachmentOptions, pos?: number) => Promise<number | undefined>;
+export {};