phx-react 1.3.1569 → 1.3.1571

package/dist/esm/components/TextEditorV2/plugins/FloatingTextFormatToolbarPlugin/index.js

@@ -0,0 +1,225 @@
+import { $isCodeHighlightNode } from '@lexical/code';
+import { $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { mergeRegister } from '@lexical/utils';
+import { $getSelection, $isParagraphNode, $isRangeSelection, $isTextNode, COMMAND_PRIORITY_LOW, FORMAT_TEXT_COMMAND, SELECTION_CHANGE_COMMAND, } from 'lexical';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { getDOMRangeRect } from '../../utils/getDOMRangeRect';
+import { getSelectedNode } from '../../utils/getSelectedNode';
+import { setFloatingElemPosition } from '../../utils/setFloatingElemPosition';
+function TextFormatFloatingToolbar(_a) {
+    var anchorElem = _a.anchorElem, editor = _a.editor, isBold = _a.isBold, isCode = _a.isCode, isItalic = _a.isItalic, isLink = _a.isLink, isStrikethrough = _a.isStrikethrough, isSubscript = _a.isSubscript, isSuperscript = _a.isSuperscript, isUnderline = _a.isUnderline;
+    var popupCharStylesEditorRef = useRef(null);
+    var insertLink = useCallback(function () {
+        if (!isLink) {
+            editor.dispatchCommand(TOGGLE_LINK_COMMAND, 'https://');
+        }
+        else {
+            editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+        }
+    }, [editor, isLink]);
+    var insertComment = function () {
+        console.log('insert comment');
+    };
+    function mouseMoveListener(e) {
+        if ((popupCharStylesEditorRef === null || popupCharStylesEditorRef === void 0 ? void 0 : popupCharStylesEditorRef.current) && (e.buttons === 1 || e.buttons === 3)) {
+            if (popupCharStylesEditorRef.current.style.pointerEvents !== 'none') {
+                var x = e.clientX;
+                var y = e.clientY;
+                var 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';
+                }
+            }
+        }
+    }
+    function mouseUpListener() {
+        if (popupCharStylesEditorRef === null || popupCharStylesEditorRef === void 0 ? void 0 : popupCharStylesEditorRef.current) {
+            if (popupCharStylesEditorRef.current.style.pointerEvents !== 'auto') {
+                popupCharStylesEditorRef.current.style.pointerEvents = 'auto';
+            }
+        }
+    }
+    useEffect(function () {
+        if (popupCharStylesEditorRef === null || popupCharStylesEditorRef === void 0 ? void 0 : popupCharStylesEditorRef.current) {
+            document.addEventListener('mousemove', mouseMoveListener);
+            document.addEventListener('mouseup', mouseUpListener);
+            return function () {
+                document.removeEventListener('mousemove', mouseMoveListener);
+                document.removeEventListener('mouseup', mouseUpListener);
+            };
+        }
+        return function () {
+            console.log('clean up');
+        };
+    }, [popupCharStylesEditorRef]);
+    var updateTextFormatFloatingToolbar = useCallback(function () {
+        var selection = $getSelection();
+        var popupCharStylesEditorElem = popupCharStylesEditorRef.current;
+        var nativeSelection = window.getSelection();
+        if (popupCharStylesEditorElem === null) {
+            return;
+        }
+        var rootElement = editor.getRootElement();
+        if (selection !== null &&
+            nativeSelection !== null &&
+            !nativeSelection.isCollapsed &&
+            rootElement !== null &&
+            rootElement.contains(nativeSelection.anchorNode)) {
+            var rangeRect = getDOMRangeRect(nativeSelection, rootElement);
+            setFloatingElemPosition(rangeRect, popupCharStylesEditorElem, anchorElem, isLink);
+        }
+    }, [editor, anchorElem, isLink]);
+    useEffect(function () {
+        var scrollerElem = anchorElem.parentElement;
+        var update = function () {
+            editor.getEditorState().read(function () {
+                updateTextFormatFloatingToolbar();
+            });
+        };
+        window.addEventListener('resize', update);
+        if (scrollerElem) {
+            scrollerElem.addEventListener('scroll', update);
+        }
+        return function () {
+            window.removeEventListener('resize', update);
+            if (scrollerElem) {
+                scrollerElem.removeEventListener('scroll', update);
+            }
+        };
+    }, [editor, updateTextFormatFloatingToolbar, anchorElem]);
+    useEffect(function () {
+        editor.getEditorState().read(function () {
+            updateTextFormatFloatingToolbar();
+        });
+        return mergeRegister(editor.registerUpdateListener(function (_a) {
+            var editorState = _a.editorState;
+            editorState.read(function () {
+                updateTextFormatFloatingToolbar();
+            });
+        }), editor.registerCommand(SELECTION_CHANGE_COMMAND, function () {
+            updateTextFormatFloatingToolbar();
+            return false;
+        }, COMMAND_PRIORITY_LOW));
+    }, [editor, updateTextFormatFloatingToolbar]);
+    return (React.createElement("div", { ref: popupCharStylesEditorRef, className: 'floating-text-format-popup' },
+        editor.isEditable() && (React.createElement(React.Fragment, null,
+            React.createElement("button", { "aria-label": 'Format text as bold', className: 'popup-item spaced ' + (isBold ? 'active' : ''), onClick: function () {
+                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold');
+                }, type: 'button' },
+                React.createElement("i", { className: 'format bold' })),
+            React.createElement("button", { "aria-label": 'Format text as italics', className: 'popup-item spaced ' + (isItalic ? 'active' : ''), onClick: function () {
+                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic');
+                }, type: 'button' },
+                React.createElement("i", { className: 'format italic' })),
+            React.createElement("button", { "aria-label": 'Format text to underlined', className: 'popup-item spaced ' + (isUnderline ? 'active' : ''), onClick: function () {
+                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline');
+                }, type: 'button' },
+                React.createElement("i", { className: 'format underline' })),
+            React.createElement("button", { "aria-label": 'Format text with a strikethrough', className: 'popup-item spaced ' + (isStrikethrough ? 'active' : ''), onClick: function () {
+                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough');
+                }, type: 'button' },
+                React.createElement("i", { className: 'format strikethrough' })),
+            React.createElement("button", { "aria-label": 'Format Subscript', className: 'popup-item spaced ' + (isSubscript ? 'active' : ''), onClick: function () {
+                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript');
+                }, title: 'Subscript', type: 'button' },
+                React.createElement("i", { className: 'format subscript' })),
+            React.createElement("button", { "aria-label": 'Format Superscript', className: 'popup-item spaced ' + (isSuperscript ? 'active' : ''), onClick: function () {
+                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript');
+                }, title: 'Superscript', type: 'button' },
+                React.createElement("i", { className: 'format superscript' })),
+            React.createElement("button", { "aria-label": 'Insert code block', className: 'popup-item spaced ' + (isCode ? 'active' : ''), onClick: function () {
+                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'code');
+                }, type: 'button' },
+                React.createElement("i", { className: 'format code' })),
+            React.createElement("button", { "aria-label": 'Insert link', className: 'popup-item spaced ' + (isLink ? 'active' : ''), onClick: insertLink, type: 'button' },
+                React.createElement("i", { className: 'format link' })))),
+        React.createElement("button", { "aria-label": 'Insert comment', className: 'popup-item spaced insert-comment', onClick: insertComment, type: 'button' },
+            React.createElement("i", { className: 'format add-comment' }))));
+}
+function useFloatingTextFormatToolbar(editor, anchorElem) {
+    var _a = useState(false), isText = _a[0], setIsText = _a[1];
+    var _b = useState(false), isLink = _b[0], setIsLink = _b[1];
+    var _c = useState(false), isBold = _c[0], setIsBold = _c[1];
+    var _d = useState(false), isItalic = _d[0], setIsItalic = _d[1];
+    var _e = useState(false), isUnderline = _e[0], setIsUnderline = _e[1];
+    var _f = useState(false), isStrikethrough = _f[0], setIsStrikethrough = _f[1];
+    var _g = useState(false), isSubscript = _g[0], setIsSubscript = _g[1];
+    var _h = useState(false), isSuperscript = _h[0], setIsSuperscript = _h[1];
+    var _j = useState(false), isCode = _j[0], setIsCode = _j[1];
+    var updatePopup = useCallback(function () {
+        editor.getEditorState().read(function () {
+            // Should not to pop up the floating toolbar when using IME input
+            if (editor.isComposing()) {
+                return;
+            }
+            var selection = $getSelection();
+            var nativeSelection = window.getSelection();
+            var rootElement = editor.getRootElement();
+            if (nativeSelection !== null &&
+                (!$isRangeSelection(selection) || rootElement === null || !rootElement.contains(nativeSelection.anchorNode))) {
+                setIsText(false);
+                return;
+            }
+            if (!$isRangeSelection(selection)) {
+                return;
+            }
+            var 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
+            var 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);
+            }
+            var rawTextContent = selection.getTextContent().replace(/\n/g, '');
+            if (!selection.isCollapsed() && rawTextContent === '') {
+                setIsText(false);
+                return;
+            }
+        });
+    }, [editor]);
+    useEffect(function () {
+        document.addEventListener('selectionchange', updatePopup);
+        return function () {
+            document.removeEventListener('selectionchange', updatePopup);
+        };
+    }, [updatePopup]);
+    useEffect(function () {
+        return mergeRegister(editor.registerUpdateListener(function () {
+            updatePopup();
+        }), editor.registerRootListener(function () {
+            if (editor.getRootElement() === null) {
+                setIsText(false);
+            }
+        }));
+    }, [editor, updatePopup]);
+    if (!isText) {
+        return null;
+    }
+    return createPortal(React.createElement(TextFormatFloatingToolbar, { anchorElem: anchorElem, editor: editor, isBold: isBold, isCode: isCode, isItalic: isItalic, isLink: isLink, isStrikethrough: isStrikethrough, isSubscript: isSubscript, isSuperscript: isSuperscript, isUnderline: isUnderline }), anchorElem);
+}
+export default function FloatingTextFormatToolbarPlugin(_a) {
+    var _b = _a.anchorElem, anchorElem = _b === void 0 ? document.body : _b;
+    var editor = useLexicalComposerContext()[0];
+    return useFloatingTextFormatToolbar(editor, anchorElem);
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TextEditorV2/plugins/FloatingTextFormatToolbarPlugin/index.js.map

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

package/dist/esm/components/TextEditorV2/plugins/ImagesPlugin/index.d.ts

@@ -0,0 +1,22 @@
+import { LexicalCommand, LexicalEditor } from 'lexical';
+import * as React from 'react';
+import { ImagePayload } from '../../nodes/ImageNode';
+export type InsertImagePayload = Readonly<ImagePayload>;
+export declare const INSERT_IMAGE_COMMAND: LexicalCommand<InsertImagePayload>;
+export declare function InsertImageUriDialogBody({ onClick }: {
+    onClick(payload: InsertImagePayload): void;
+}): React.JSX.Element;
+export declare function InsertImageModal({ activeEditor, setShow, show, }: {
+    activeEditor: LexicalEditor;
+    show: boolean;
+    setShow: any;
+}): React.JSX.Element;
+export default function ImagesPlugin({ captionsEnabled }: {
+    captionsEnabled?: boolean;
+}): React.JSX.Element | null;
+declare global {
+    interface DragEvent {
+        rangeOffset?: number;
+        rangeParent?: Node;
+    }
+}

package/dist/esm/components/TextEditorV2/plugins/ImagesPlugin/index.js

@@ -0,0 +1,181 @@
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $wrapNodeInElement, mergeRegister } from '@lexical/utils';
+import { $createParagraphNode, $createRangeSelection, $getSelection, $insertNodes, $isNodeSelection, $isRootOrShadowRoot, $setSelection, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, createCommand, DRAGOVER_COMMAND, DRAGSTART_COMMAND, DROP_COMMAND, } from 'lexical';
+import { useEffect, useState } from 'react';
+import * as React from 'react';
+import { $createImageNode, $isImageNode, ImageNode } from '../../nodes/ImageNode';
+import { CAN_USE_DOM } from '../../shared/canUseDOM';
+import Button from '../../ui/Button';
+import { DialogActions } from '../../ui/Dialog';
+import TextInput from '../../ui/TextInput';
+import { PHXModal } from '../../../Modal';
+import { PHXInput } from '../../../Input';
+import { PHXUploadFile } from '../../../UploadFile';
+var getDOMSelection = function (targetWindow) {
+    return CAN_USE_DOM ? (targetWindow || window).getSelection() : null;
+};
+export var INSERT_IMAGE_COMMAND = createCommand('INSERT_IMAGE_COMMAND');
+export function InsertImageUriDialogBody(_a) {
+    var onClick = _a.onClick;
+    var _b = useState(''), src = _b[0], setSrc = _b[1];
+    var _c = useState(''), altText = _c[0], setAltText = _c[1];
+    var isDisabled = src === '';
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TextInput, { "data-test-id": 'image-modal-url-input', label: 'Image URL', onChange: setSrc, placeholder: 'i.e. https://source.unsplash.com/random', value: src }),
+        React.createElement(TextInput, { "data-test-id": 'image-modal-alt-text-input', label: 'Alt Text', onChange: setAltText, placeholder: 'Random unsplash image', value: altText }),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { "data-test-id": 'image-modal-confirm-btn', disabled: isDisabled, onClick: function () { return onClick({ altText: altText, src: src }); } }, "Confirm"))));
+}
+export function InsertImageModal(_a) {
+    var activeEditor = _a.activeEditor, setShow = _a.setShow, show = _a.show;
+    var _b = useState(''), fileName = _b[0], setFileName = _b[1];
+    var _c = useState(''), cdnLink = _c[0], setCdnLink = _c[1];
+    var altText = 'photo';
+    var onHide = function () {
+        setShow(false);
+        setCdnLink('');
+        setFileName('');
+    };
+    var handleListenUpload = function (fileUpload, linkCdn) {
+        setFileName(fileUpload.name);
+        setCdnLink(linkCdn[0]);
+    };
+    var handleSubmit = function () {
+        activeEditor.dispatchCommand(INSERT_IMAGE_COMMAND, { altText: altText, src: cdnLink });
+        onHide();
+    };
+    return (React.createElement(PHXModal, { onHide: onHide, onPrimaryClick: handleSubmit, show: show, title: 'Insert Image' },
+        React.createElement("div", { className: 'space-y-4' },
+            React.createElement(PHXInput, { defaultValue: altText, label: 'Alt Text', onChange: function (e) { return (altText = e.target.value); } }),
+            React.createElement(PHXUploadFile, { apiCdnUpload: '/api/cdn-upload', basePath: '', defaultLink: [cdnLink], fileName: fileName, fileType: 'image', handleListenUpload: handleListenUpload, inCard: false, label: 'Image upload', moduleId: 'insert-editor-image', oneImg: true, projectId: 'phenikaa', titleHeaderAction: '' }))));
+}
+export default function ImagesPlugin(_a) {
+    var captionsEnabled = _a.captionsEnabled;
+    var editor = useLexicalComposerContext()[0];
+    useEffect(function () {
+        if (!editor.hasNodes([ImageNode])) {
+            throw new Error('ImagesPlugin: ImageNode not registered on editor');
+        }
+        return mergeRegister(editor.registerCommand(INSERT_IMAGE_COMMAND, function (payload) {
+            var imageNode = $createImageNode(payload);
+            $insertNodes([imageNode]);
+            if ($isRootOrShadowRoot(imageNode.getParentOrThrow())) {
+                $wrapNodeInElement(imageNode, $createParagraphNode).selectEnd();
+            }
+            return true;
+        }, COMMAND_PRIORITY_EDITOR), editor.registerCommand(DRAGSTART_COMMAND, function (event) { return onDragStart(event); }, COMMAND_PRIORITY_HIGH), editor.registerCommand(DRAGOVER_COMMAND, function (event) { return onDragover(event); }, COMMAND_PRIORITY_LOW), editor.registerCommand(DROP_COMMAND, function (event) { return onDrop(event, editor); }, COMMAND_PRIORITY_HIGH));
+    }, [captionsEnabled, editor]);
+    return null;
+}
+var TRANSPARENT_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+function onDragStart(event) {
+    var img = document.createElement('img');
+    img.src = TRANSPARENT_IMAGE;
+    var node = getImageNodeInSelection();
+    if (!node) {
+        return false;
+    }
+    var dataTransfer = event.dataTransfer;
+    if (!dataTransfer) {
+        return false;
+    }
+    dataTransfer.setData('text/plain', '_');
+    dataTransfer.setDragImage(img, 0, 0);
+    dataTransfer.setData('application/x-lexical-drag', JSON.stringify({
+        data: {
+            altText: node.__altText,
+            caption: node.__caption,
+            height: node.__height,
+            key: node.getKey(),
+            maxWidth: node.__maxWidth,
+            showCaption: node.__showCaption,
+            src: node.__src,
+            width: node.__width,
+        },
+        type: 'image',
+    }));
+    return true;
+}
+function onDragover(event) {
+    var node = getImageNodeInSelection();
+    if (!node) {
+        return false;
+    }
+    if (!canDropImage(event)) {
+        event.preventDefault();
+    }
+    return true;
+}
+function onDrop(event, editor) {
+    var node = getImageNodeInSelection();
+    if (!node) {
+        return false;
+    }
+    var data = getDragImageData(event);
+    if (!data) {
+        return false;
+    }
+    event.preventDefault();
+    if (canDropImage(event)) {
+        var range = getDragSelection(event);
+        node.remove();
+        var rangeSelection = $createRangeSelection();
+        if (range !== null && range !== undefined) {
+            rangeSelection.applyDOMRange(range);
+        }
+        $setSelection(rangeSelection);
+        editor.dispatchCommand(INSERT_IMAGE_COMMAND, data);
+    }
+    return true;
+}
+function getImageNodeInSelection() {
+    var selection = $getSelection();
+    if (!$isNodeSelection(selection)) {
+        return null;
+    }
+    var nodes = selection.getNodes();
+    var node = nodes[0];
+    return $isImageNode(node) ? node : null;
+}
+function getDragImageData(event) {
+    var _a;
+    var dragData = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.getData('application/x-lexical-drag');
+    if (!dragData) {
+        return null;
+    }
+    var _b = JSON.parse(dragData), data = _b.data, type = _b.type;
+    if (type !== 'image') {
+        return null;
+    }
+    return data;
+}
+function canDropImage(event) {
+    var target = event.target;
+    return !!(target &&
+        target instanceof HTMLElement &&
+        !target.closest('code, span.editor-image') &&
+        target.parentElement &&
+        target.parentElement.closest('div.ContentEditable__root'));
+}
+function getDragSelection(event) {
+    var range;
+    var target = event.target;
+    var targetWindow = target == null
+        ? null
+        : target.nodeType === 9
+            ? target.defaultView
+            : target.ownerDocument.defaultView;
+    var domSelection = getDOMSelection(targetWindow);
+    if (document.caretRangeFromPoint) {
+        range = document.caretRangeFromPoint(event.clientX, event.clientY);
+    }
+    else if (event.rangeParent && domSelection !== null) {
+        domSelection.collapse(event.rangeParent, event.rangeOffset || 0);
+        range = domSelection.getRangeAt(0);
+    }
+    else {
+        throw Error("Cannot get the selection when dragging");
+    }
+    return range;
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TextEditorV2/plugins/ImagesPlugin/index.js.map

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

package/dist/esm/components/TextEditorV2/plugins/InlineImagePlugin/index.d.ts

@@ -0,0 +1,17 @@
+import { LexicalCommand, LexicalEditor } from 'lexical';
+import * as React from 'react';
+import { InlineImagePayload } from '../../nodes/InlineImageNode';
+export type InsertInlineImagePayload = Readonly<InlineImagePayload>;
+export declare const INSERT_INLINE_IMAGE_COMMAND: LexicalCommand<InlineImagePayload>;
+export declare function InsertInlineImageModal({ activeEditor, setShow, show, }: {
+    activeEditor: LexicalEditor;
+    show: boolean;
+    setShow: any;
+}): React.JSX.Element;
+export default function InlineImagePlugin(): React.JSX.Element | null;
+declare global {
+    interface DragEvent {
+        rangeOffset?: number;
+        rangeParent?: Node;
+    }
+}