@infonomic/payload-alternative-lexical-editor 1.0.0

package/dist/field/plugins/floating-text-format-toolbar-plugin/index.js

@@ -0,0 +1,236 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import './index.css';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { $isCodeHighlightNode } from '@lexical/code';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { mergeRegister } from '@lexical/utils';
+import { formatDrawerSlug, useEditDepth, useModal } from '@payloadcms/ui';
+import { $getSelection, $isParagraphNode, $isRangeSelection, $isTextNode, COMMAND_PRIORITY_LOW, FORMAT_TEXT_COMMAND, SELECTION_CHANGE_COMMAND, } from 'lexical';
+import { createPortal } from 'react-dom';
+import { useEditorConfig } from '../../config/editor-config-context';
+import { $isLinkNode, TOGGLE_LINK_COMMAND } from '../../nodes/link-nodes';
+import { getDOMRangeRect } from '../../utils/getDOMRangeRect';
+import { getSelectedNode } from '../../utils/getSelectedNode';
+import { setFloatingElemPosition } from '../../utils/setFloatingElemPosition';
+function TextFormatFloatingToolbar({ editor, anchorElem, isLink, isBold, isItalic, isUnderline, isCode, isStrikethrough, isSubscript, isSuperscript, }) {
+    const popupCharStylesEditorRef = useRef(null);
+    const { uuid } = useEditorConfig();
+    const editDepth = useEditDepth();
+    const { openModal } = useModal();
+    const linkDrawerSlug = formatDrawerSlug({
+        slug: `rich-text-link-lexical-${uuid}`,
+        depth: editDepth,
+    });
+    const handleOnInsertLink = useCallback(() => {
+        if (!isLink) {
+            // Only call TOGGLE_LINK_COMMAND and openModal if there is
+            // text selected (at least one character).
+            const editorState = editor.getEditorState();
+            editorState.read(() => {
+                const selection = $getSelection();
+                if ($isRangeSelection(selection)) {
+                    if (selection.focus.offset !== selection.anchor.offset) {
+                        const linkAttributes = {
+                            linkType: 'custom',
+                            url: 'https://',
+                        };
+                        editor.dispatchCommand(TOGGLE_LINK_COMMAND, linkAttributes);
+                        // TODO: WARNING: See: link-plugin-payload/floating-link-editor.
+                        // The Drawer modal is currently wrapped in the floating editor and
+                        // will only open if $toggleLink in the link node successfully
+                        // modifies a link now - which will trigger an update in the
+                        // floating link editor. Not a good way to couple the two.
+                        openModal(linkDrawerSlug);
+                    }
+                }
+            });
+        }
+        else {
+            editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+        }
+    }, [editor, isLink, linkDrawerSlug, openModal]);
+    const mouseMoveListener = useCallback((e) => {
+        if (popupCharStylesEditorRef?.current != null && (e.buttons === 1 || e.buttons === 3)) {
+            if (popupCharStylesEditorRef.current.style.pointerEvents !== 'none') {
+                const x = e.clientX;
+                const y = e.clientY;
+                const elementUnderMouse = document.elementFromPoint(x, y);
+                if (!popupCharStylesEditorRef.current.contains(elementUnderMouse)) {
+                    // Mouse is not over the target element => not a normal click, but probably a drag
+                    popupCharStylesEditorRef.current.style.pointerEvents = 'none';
+                }
+            }
+        }
+    }, []);
+    const mouseUpListener = useCallback((_e) => {
+        if (popupCharStylesEditorRef?.current != null) {
+            if (popupCharStylesEditorRef.current.style.pointerEvents !== 'auto') {
+                popupCharStylesEditorRef.current.style.pointerEvents = 'auto';
+            }
+        }
+    }, []);
+    useEffect(() => {
+        if (popupCharStylesEditorRef?.current != null) {
+            document.addEventListener('mousemove', mouseMoveListener);
+            document.addEventListener('mouseup', mouseUpListener);
+            return () => {
+                document.removeEventListener('mousemove', mouseMoveListener);
+                document.removeEventListener('mouseup', mouseUpListener);
+            };
+        }
+    }, [mouseMoveListener, mouseUpListener]);
+    const updateTextFormatFloatingToolbar = useCallback(() => {
+        const selection = $getSelection();
+        const popupCharStylesEditorElem = popupCharStylesEditorRef.current;
+        const nativeSelection = window.getSelection();
+        if (popupCharStylesEditorElem === null) {
+            return;
+        }
+        const rootElement = editor.getRootElement();
+        if (selection !== null &&
+            nativeSelection !== null &&
+            !nativeSelection.isCollapsed &&
+            rootElement !== null &&
+            rootElement.contains(nativeSelection.anchorNode)) {
+            const rangeRect = getDOMRangeRect(nativeSelection, rootElement);
+            setFloatingElemPosition(rangeRect, popupCharStylesEditorElem, anchorElem, isLink);
+        }
+    }, [editor, anchorElem, isLink]);
+    useEffect(() => {
+        const scrollerElem = anchorElem.parentElement;
+        const update = () => {
+            editor.getEditorState().read(() => {
+                updateTextFormatFloatingToolbar();
+            });
+        };
+        window.addEventListener('resize', update);
+        if (scrollerElem != null) {
+            scrollerElem.addEventListener('scroll', update);
+        }
+        return () => {
+            window.removeEventListener('resize', update);
+            if (scrollerElem != null) {
+                scrollerElem.removeEventListener('scroll', update);
+            }
+        };
+    }, [editor, updateTextFormatFloatingToolbar, anchorElem]);
+    useEffect(() => {
+        editor.getEditorState().read(() => {
+            updateTextFormatFloatingToolbar();
+        });
+        return mergeRegister(editor.registerUpdateListener(({ editorState }) => {
+            editorState.read(() => {
+                updateTextFormatFloatingToolbar();
+            });
+        }), editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {
+            updateTextFormatFloatingToolbar();
+            return false;
+        }, COMMAND_PRIORITY_LOW));
+    }, [editor, updateTextFormatFloatingToolbar]);
+    return (_jsx("div", { ref: popupCharStylesEditorRef, className: "floating-text-format-popup", children: editor.isEditable() && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => {
+                        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold');
+                    }, className: `popup-item spaced ${isBold ? 'active' : ''}`, "aria-label": "Format text as bold", children: _jsx("i", { className: "format bold" }) }), _jsx("button", { type: "button", onClick: () => {
+                        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic');
+                    }, className: `popup-item spaced ${isItalic ? 'active' : ''}`, "aria-label": "Format text as italics", children: _jsx("i", { className: "format italic" }) }), _jsx("button", { type: "button", onClick: () => {
+                        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline');
+                    }, className: `popup-item spaced ${isUnderline ? 'active' : ''}`, "aria-label": "Format text to underlined", children: _jsx("i", { className: "format underline" }) }), _jsx("button", { type: "button", onClick: () => {
+                        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough');
+                    }, className: `popup-item spaced ${isStrikethrough ? 'active' : ''}`, "aria-label": "Format text with a strikethrough", children: _jsx("i", { className: "format strikethrough" }) }), _jsx("button", { type: "button", onClick: () => {
+                        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript');
+                    }, className: `popup-item spaced ${isSubscript ? 'active' : ''}`, title: "Subscript", "aria-label": "Format Subscript", children: _jsx("i", { className: "format subscript" }) }), _jsx("button", { type: "button", onClick: () => {
+                        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript');
+                    }, className: `popup-item spaced ${isSuperscript ? 'active' : ''}`, title: "Superscript", "aria-label": "Format Superscript", children: _jsx("i", { className: "format superscript" }) }), _jsx("button", { type: "button", onClick: () => {
+                        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'code');
+                    }, className: `popup-item spaced ${isCode ? 'active' : ''}`, "aria-label": "Insert code block", children: _jsx("i", { className: "format code" }) }), _jsx("button", { type: "button", onClick: handleOnInsertLink, className: `popup-item spaced ${isLink ? 'active' : ''}`, "aria-label": "Insert link", children: _jsx("i", { className: "format link" }) })] })) }));
+}
+function useFloatingTextFormatToolbar(editor, anchorElem) {
+    const [isText, setIsText] = useState(false);
+    const [isLink, setIsLink] = useState(false);
+    const [isBold, setIsBold] = useState(false);
+    const [isItalic, setIsItalic] = useState(false);
+    const [isUnderline, setIsUnderline] = useState(false);
+    const [isStrikethrough, setIsStrikethrough] = useState(false);
+    const [isSubscript, setIsSubscript] = useState(false);
+    const [isSuperscript, setIsSuperscript] = useState(false);
+    const [isCode, setIsCode] = useState(false);
+    const updatePopup = useCallback(() => {
+        editor.getEditorState().read(() => {
+            // Should not to pop up the floating toolbar when using IME input
+            if (editor.isComposing()) {
+                return;
+            }
+            const selection = $getSelection();
+            const nativeSelection = window.getSelection();
+            const rootElement = editor.getRootElement();
+            if (nativeSelection !== null &&
+                (!$isRangeSelection(selection) ||
+                    rootElement === null ||
+                    !rootElement.contains(nativeSelection.anchorNode))) {
+                setIsText(false);
+                return;
+            }
+            if (!$isRangeSelection(selection)) {
+                return;
+            }
+            const node = getSelectedNode(selection);
+            // Update text format
+            setIsBold(selection.hasFormat('bold'));
+            setIsItalic(selection.hasFormat('italic'));
+            setIsUnderline(selection.hasFormat('underline'));
+            setIsStrikethrough(selection.hasFormat('strikethrough'));
+            setIsSubscript(selection.hasFormat('subscript'));
+            setIsSuperscript(selection.hasFormat('superscript'));
+            setIsCode(selection.hasFormat('code'));
+            // Update links
+            const parent = node.getParent();
+            if ($isLinkNode(parent) || $isLinkNode(node)) {
+                setIsLink(true);
+            }
+            else {
+                setIsLink(false);
+            }
+            if (!$isCodeHighlightNode(selection.anchor.getNode()) && selection.getTextContent() !== '') {
+                setIsText($isTextNode(node) || $isParagraphNode(node));
+            }
+            else {
+                setIsText(false);
+            }
+            const rawTextContent = selection.getTextContent().replace(/\n/g, '');
+            if (!selection.isCollapsed() && rawTextContent === '') {
+                setIsText(false);
+            }
+        });
+    }, [editor]);
+    useEffect(() => {
+        document.addEventListener('selectionchange', updatePopup);
+        return () => {
+            document.removeEventListener('selectionchange', updatePopup);
+        };
+    }, [updatePopup]);
+    useEffect(() => {
+        return mergeRegister(editor.registerUpdateListener(() => {
+            updatePopup();
+        }), editor.registerRootListener(() => {
+            if (editor.getRootElement() === null) {
+                setIsText(false);
+            }
+        }));
+    }, [editor, updatePopup]);
+    if (!isText) {
+        return null;
+    }
+    return createPortal(_jsx(TextFormatFloatingToolbar, { editor: editor, anchorElem: anchorElem, isLink: isLink, isBold: isBold, isItalic: isItalic, isStrikethrough: isStrikethrough, isSubscript: isSubscript, isSuperscript: isSuperscript, isUnderline: isUnderline, isCode: isCode }), anchorElem);
+}
+export function FloatingTextFormatToolbarPlugin({ anchorElem = document.body, }) {
+    const [editor] = useLexicalComposerContext();
+    return useFloatingTextFormatToolbar(editor, anchorElem);
+}
+//# sourceMappingURL=index.js.map

package/dist/field/plugins/floating-text-format-toolbar-plugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/field/plugins/floating-text-format-toolbar-plugin/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ;;;;;;GAMG;AAEH,OAAO,aAAa,CAAA;AAGpB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzE,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,oBAAoB,EACpB,mBAAmB,EAEnB,wBAAwB,GACzB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,WAAW,EAAuB,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC9F,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAE7E,SAAS,yBAAyB,CAAC,EACjC,MAAM,EACN,UAAU,EACV,MAAM,EACN,MAAM,EACN,QAAQ,EACR,WAAW,EACX,MAAM,EACN,eAAe,EACf,WAAW,EACX,aAAa,GAYd;IACC,MAAM,wBAAwB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACpE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAA;IAEhC,MAAM,cAAc,GAAG,gBAAgB,CAAC;QACtC,IAAI,EAAE,0BAA0B,IAAI,EAAE;QACtC,KAAK,EAAE,SAAS;KACjB,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,0DAA0D;YAC1D,0CAA0C;YAC1C,MAAM,WAAW,GAAG,MAAM,CAAC,cAAc,EAAE,CAAA;YAC3C,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE;gBACpB,MAAM,SAAS,GAAG,aAAa,EAAE,CAAA;gBACjC,IAAI,iBAAiB,CAAC,SAAS,CAAC,EAAE,CAAC;oBACjC,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;wBACvD,MAAM,cAAc,GAAmB;4BACrC,QAAQ,EAAE,QAAQ;4BAClB,GAAG,EAAE,UAAU;yBAChB,CAAA;wBACD,MAAM,CAAC,eAAe,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAA;wBAC3D,gEAAgE;wBAChE,mEAAmE;wBACnE,8DAA8D;wBAC9D,4DAA4D;wBAC5D,0DAA0D;wBAC1D,SAAS,CAAC,cAAc,CAAC,CAAA;oBAC3B,CAAC;gBACH,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,eAAe,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAA;QACnD,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,CAAA;IAE/C,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,CAAa,EAAQ,EAAE;QAC5D,IAAI,wBAAwB,EAAE,OAAO,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;YACtF,IAAI,wBAAwB,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,KAAK,MAAM,EAAE,CAAC;gBACpE,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAA;gBACnB,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAA;gBACnB,MAAM,iBAAiB,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;gBAEzD,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;oBAClE,kFAAkF;oBAClF,wBAAwB,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAA;gBAC/D,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,EAAc,EAAQ,EAAE;QAC3D,IAAI,wBAAwB,EAAE,OAAO,IAAI,IAAI,EAAE,CAAC;YAC9C,IAAI,wBAAwB,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,KAAK,MAAM,EAAE,CAAC;gBACpE,wBAAwB,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAA;YAC/D,CAAC;QACH,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,wBAAwB,EAAE,OAAO,IAAI,IAAI,EAAE,CAAC;YAC9C,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAA;YACzD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAA;YAErD,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAA;gBAC5D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAA;YAC1D,CAAC,CAAA;QACH,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAA;IAExC,MAAM,+BAA+B,GAAG,WAAW,CAAC,GAAG,EAAE;QACvD,MAAM,SAAS,GAAG,aAAa,EAAE,CAAA;QAEjC,MAAM,yBAAyB,GAAG,wBAAwB,CAAC,OAAO,CAAA;QAClE,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,EAAE,CAAA;QAE7C,IAAI,yBAAyB,KAAK,IAAI,EAAE,CAAC;YACvC,OAAM;QACR,CAAC;QAED,MAAM,WAAW,GAAG,MAAM,CAAC,cAAc,EAAE,CAAA;QAC3C,IACE,SAAS,KAAK,IAAI;YAClB,eAAe,KAAK,IAAI;YACxB,CAAC,eAAe,CAAC,WAAW;YAC5B,WAAW,KAAK,IAAI;YACpB,WAAW,CAAC,QAAQ,CAAC,eAAe,CAAC,UAAU,CAAC,EAChD,CAAC;YACD,MAAM,SAAS,GAAG,eAAe,CAAC,eAAe,EAAE,WAAW,CAAC,CAAA;YAE/D,uBAAuB,CAAC,SAAS,EAAE,yBAAyB,EAAE,UAAU,EAAE,MAAM,CAAC,CAAA;QACnF,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,UAAU,CAAC,aAAa,CAAA;QAE7C,MAAM,MAAM,GAAG,GAAS,EAAE;YACxB,MAAM,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;gBAChC,+BAA+B,EAAE,CAAA;YACnC,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QACzC,IAAI,YAAY,IAAI,IAAI,EAAE,CAAC;YACzB,YAAY,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QACjD,CAAC;QAED,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;YAC5C,IAAI,YAAY,IAAI,IAAI,EAAE,CAAC;gBACzB,YAAY,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;YACpD,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,+BAA+B,EAAE,UAAU,CAAC,CAAC,CAAA;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;YAChC,+BAA+B,EAAE,CAAA;QACnC,CAAC,CAAC,CAAA;QACF,OAAO,aAAa,CAClB,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;YAChD,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE;gBACpB,+BAA+B,EAAE,CAAA;YACnC,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,EAEF,MAAM,CAAC,eAAe,CACpB,wBAAwB,EACxB,GAAG,EAAE;YACH,+BAA+B,EAAE,CAAA;YACjC,OAAO,KAAK,CAAA;QACd,CAAC,EACD,oBAAoB,CACrB,CACF,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,+BAA+B,CAAC,CAAC,CAAA;IAE7C,OAAO,CACL,cAAK,GAAG,EAAE,wBAAwB,EAAE,SAAS,EAAC,4BAA4B,YACvE,MAAM,CAAC,UAAU,EAAE,IAAI,CACtB,8BACE,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,CAAC,eAAe,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAA;oBACrD,CAAC,EACD,SAAS,EAAE,qBAAqB,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,gBAC7C,qBAAqB,YAEhC,YAAG,SAAS,EAAC,aAAa,GAAG,GACtB,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,CAAC,eAAe,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAA;oBACvD,CAAC,EACD,SAAS,EAAE,qBAAqB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,gBAC/C,wBAAwB,YAEnC,YAAG,SAAS,EAAC,eAAe,GAAG,GACxB,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,CAAC,eAAe,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAA;oBAC1D,CAAC,EACD,SAAS,EAAE,qBAAqB,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,gBAClD,2BAA2B,YAEtC,YAAG,SAAS,EAAC,kBAAkB,GAAG,GAC3B,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,CAAC,eAAe,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAA;oBAC9D,CAAC,EACD,SAAS,EAAE,qBAAqB,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,gBACtD,kCAAkC,YAE7C,YAAG,SAAS,EAAC,sBAAsB,GAAG,GAC/B,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,CAAC,eAAe,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAA;oBAC1D,CAAC,EACD,SAAS,EAAE,qBAAqB,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7D,KAAK,EAAC,WAAW,gBACN,kBAAkB,YAE7B,YAAG,SAAS,EAAC,kBAAkB,GAAG,GAC3B,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,CAAC,eAAe,CAAC,mBAAmB,EAAE,aAAa,CAAC,CAAA;oBAC5D,CAAC,EACD,SAAS,EAAE,qBAAqB,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAC/D,KAAK,EAAC,aAAa,gBACR,oBAAoB,YAE/B,YAAG,SAAS,EAAC,oBAAoB,GAAG,GAC7B,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,CAAC,eAAe,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAA;oBACrD,CAAC,EACD,SAAS,EAAE,qBAAqB,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,gBAC7C,mBAAmB,YAE9B,YAAG,SAAS,EAAC,aAAa,GAAG,GACtB,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,qBAAqB,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,gBAC7C,aAAa,YAExB,YAAG,SAAS,EAAC,aAAa,GAAG,GACtB,IACR,CACJ,GACG,CACP,CAAA;AACH,CAAC;AAED,SAAS,4BAA4B,CACnC,MAAqB,EACrB,UAAuB;IAEvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;YAChC,iEAAiE;YACjE,IAAI,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC;gBACzB,OAAM;YACR,CAAC;YACD,MAAM,SAAS,GAAG,aAAa,EAAE,CAAA;YACjC,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,EAAE,CAAA;YAC7C,MAAM,WAAW,GAAG,MAAM,CAAC,cAAc,EAAE,CAAA;YAE3C,IACE,eAAe,KAAK,IAAI;gBACxB,CAAC,CAAC,iBAAiB,CAAC,SAAS,CAAC;oBAC5B,WAAW,KAAK,IAAI;oBACpB,CAAC,WAAW,CAAC,QAAQ,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,EACpD,CAAC;gBACD,SAAS,CAAC,KAAK,CAAC,CAAA;gBAChB,OAAM;YACR,CAAC;YAED,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,CAAC;gBAClC,OAAM;YACR,CAAC;YAED,MAAM,IAAI,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;YAEvC,qBAAqB;YACrB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAA;YACtC,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAA;YAC1C,cAAc,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;YAChD,kBAAkB,CAAC,SAAS,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAA;YACxD,cAAc,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;YAChD,gBAAgB,CAAC,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;YACpD,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAA;YAEtC,eAAe;YACf,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAA;YAC/B,IAAI,WAAW,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC7C,SAAS,CAAC,IAAI,CAAC,CAAA;YACjB,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC;YAED,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,SAAS,CAAC,cAAc,EAAE,KAAK,EAAE,EAAE,CAAC;gBAC3F,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAA;YACxD,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC;YAED,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACpE,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,IAAI,cAAc,KAAK,EAAE,EAAE,CAAC;gBACtD,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAA;QACzD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAA;QAC9D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,aAAa,CAClB,MAAM,CAAC,sBAAsB,CAAC,GAAG,EAAE;YACjC,WAAW,EAAE,CAAA;QACf,CAAC,CAAC,EACF,MAAM,CAAC,oBAAoB,CAAC,GAAG,EAAE;YAC/B,IAAI,MAAM,CAAC,cAAc,EAAE,KAAK,IAAI,EAAE,CAAC;gBACrC,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC;QACH,CAAC,CAAC,CACH,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAA;IAEzB,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,YAAY,CACjB,KAAC,yBAAyB,IACxB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,GACd,EACF,UAAU,CACX,CAAA;AACH,CAAC;AAED,MAAM,UAAU,+BAA+B,CAAC,EAC9C,UAAU,GAAG,QAAQ,CAAC,IAAI,GAG3B;IACC,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAA;IAC5C,OAAO,4BAA4B,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AACzD,CAAC"}

package/dist/field/plugins/inline-image-plugin/fields.d.ts

@@ -0,0 +1,12 @@
+import type { ClientField, CollectionSlug, FormState, OptionObject } from 'payload';
+import type { InlineImageData } from './types';
+export declare const positionOptions: OptionObject[];
+export declare const sizeOptions: OptionObject[];
+export declare const getFields: (imageCollection: CollectionSlug) => ClientField[];
+export declare function getInitialState(data: InlineImageData | undefined): FormState;
+export declare function isAltTextValid(value: string | undefined): boolean;
+export declare function validateFields(fields: FormState): {
+    valid: boolean;
+    fields: FormState;
+};
+//# sourceMappingURL=fields.d.ts.map

package/dist/field/plugins/inline-image-plugin/fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/inline-image-plugin/fields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,eAAe,EAAE,YAAY,EAiBzC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,EAarC,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,iBAAiB,cAAc,KAAG,WAAW,EAiDtE,CAAA;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,GAAG,SAAS,GAAG,SAAS,CAoC5E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAEjE;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,SAAS,GAAG;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,SAAS,CAAA;CAAE,CA0CvF"}

package/dist/field/plugins/inline-image-plugin/fields.js

@@ -0,0 +1,160 @@
+export const positionOptions = [
+    {
+        label: 'Left',
+        value: 'left',
+    },
+    {
+        label: 'Right',
+        value: 'right',
+    },
+    {
+        label: 'Full',
+        value: 'full',
+    },
+    {
+        label: 'Wide',
+        value: 'wide',
+    },
+];
+export const sizeOptions = [
+    {
+        label: 'Small',
+        value: 'small',
+    },
+    {
+        label: 'Medium',
+        value: 'medium',
+    },
+    {
+        label: 'Auto',
+        value: 'auto',
+    },
+];
+export const getFields = (imageCollection) => [
+    {
+        name: 'image',
+        localized: false,
+        type: 'upload',
+        required: true,
+        label: 'Image',
+        relationTo: imageCollection,
+    },
+    {
+        name: 'version',
+        localized: false,
+        type: 'text',
+        hidden: true,
+    },
+    {
+        name: 'altText',
+        required: true,
+        label: 'Alt Text',
+        localized: false,
+        type: 'text',
+    },
+    {
+        name: 'position',
+        localized: false,
+        label: 'Position',
+        required: true,
+        options: positionOptions,
+        type: 'select',
+    },
+    // @ts-expect-error
+    {
+        name: 'size',
+        localized: false,
+        label: 'Size',
+        required: true,
+        options: sizeOptions,
+        type: 'select',
+        admin: {
+            description: "If an inline image is placed in an editor column layout, its position should be set to 'full' and size should be set to 'medium' for 75% columns, and 'small' for equal width and 25% columns. Otherwise set size to 'auto'.",
+        },
+    },
+    {
+        name: 'showCaption',
+        label: 'Show Caption',
+        localized: false,
+        type: 'checkbox',
+    },
+];
+export function getInitialState(data) {
+    return {
+        // TODO: Investigate - would love to have used formState and RenderFields / MappedFields
+        // for the Image upload field, but for some reason I could not get a return value
+        // for the selected image via handleFormOnChange or handleFormOnSubmit :-(
+        // image: {
+        //   value: '',
+        //   initialValue: null,
+        //   valid: true,
+        // },
+        image: {
+            value: data?.id,
+            initialValue: data?.id,
+            valid: true,
+        },
+        altText: {
+            value: data?.altText,
+            initialValue: data?.altText,
+            valid: true,
+        },
+        position: {
+            value: data?.position ?? 'full',
+            initialValue: data?.position ?? 'full',
+            valid: true,
+        },
+        size: {
+            value: data?.size ?? 'auto',
+            initialValue: data?.size ?? 'auto',
+            valid: true,
+        },
+        showCaption: {
+            value: data?.showCaption ?? false,
+            initialValue: data?.showCaption ?? false,
+            valid: true,
+        },
+    };
+}
+export function isAltTextValid(value) {
+    return value != null && value.length > 0;
+}
+export function validateFields(fields) {
+    let valid = true;
+    if (fields.altText != null) {
+        if (isAltTextValid(fields.altText.value) === false) {
+            fields.altText.valid = false;
+            valid = false;
+        }
+        else {
+            fields.altText.valid = true;
+        }
+    }
+    if (fields.position != null) {
+        if (fields.position.value !== 'left' &&
+            fields.position.value !== 'right' &&
+            fields.position.value !== 'full' &&
+            fields.position.value !== 'wide') {
+            fields.position.valid = false;
+        }
+        else {
+            fields.position.valid = true;
+        }
+    }
+    if (fields.size != null) {
+        if (fields.size.value !== 'small' &&
+            fields.size.value !== 'medium' &&
+            fields.size.value !== 'auto') {
+            fields.size.valid = false;
+        }
+        else {
+            fields.size.valid = true;
+        }
+    }
+    // Return
+    return {
+        valid,
+        fields,
+    };
+}
+//# sourceMappingURL=fields.js.map

package/dist/field/plugins/inline-image-plugin/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sourceRoot":"","sources":["../../../../src/field/plugins/inline-image-plugin/fields.ts"],"names":[],"mappings":"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"}

package/dist/field/plugins/inline-image-plugin/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Portions copyright (c) Meta Platforms, Inc.
+ * and affiliates and is based on examples found here
+ * https://github.com/facebook/lexical/tree/main/packages/lexical-playground
+ *  - in particular the ImagesPlugin
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type React from 'react';
+import { type LexicalCommand } from 'lexical';
+import type { InlineImageAttributes } from '../../nodes/inline-image-node/types';
+export type InsertInlineImagePayload = Readonly<InlineImageAttributes>;
+export declare const OPEN_INLINE_IMAGE_MODAL_COMMAND: LexicalCommand<null>;
+export declare const INSERT_INLINE_IMAGE_COMMAND: LexicalCommand<InlineImageAttributes>;
+export declare function InlineImagePlugin({ collection }: {
+    collection: string;
+}): React.JSX.Element;
+declare global {
+    interface DragEvent {
+        rangeOffset?: number;
+        rangeParent?: Node;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/field/plugins/inline-image-plugin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/inline-image-plugin/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAgBL,KAAK,cAAc,EAEpB,MAAM,SAAS,CAAA;AAWhB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAGhF,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAA;AAKtE,eAAO,MAAM,+BAA+B,EAAE,cAAc,CAAC,IAAI,CAEhE,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,cAAc,CAAC,qBAAqB,CAE7E,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+I3F;AAiGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,SAAS;QACjB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,IAAI,CAAA;KACnB;CACF"}