phx-react 1.3.1570 → 1.3.1572

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

@@ -0,0 +1,229 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FloatingTextFormatToolbarPlugin;
+var tslib_1 = require("tslib");
+var code_1 = require("@lexical/code");
+var link_1 = require("@lexical/link");
+var LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+var utils_1 = require("@lexical/utils");
+var lexical_1 = require("lexical");
+var react_1 = require("react");
+var React = tslib_1.__importStar(require("react"));
+var react_dom_1 = require("react-dom");
+var getDOMRangeRect_1 = require("../../utils/getDOMRangeRect");
+var getSelectedNode_1 = require("../../utils/getSelectedNode");
+var setFloatingElemPosition_1 = require("../../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 = (0, react_1.useRef)(null);
+    var insertLink = (0, react_1.useCallback)(function () {
+        if (!isLink) {
+            editor.dispatchCommand(link_1.TOGGLE_LINK_COMMAND, 'https://');
+        }
+        else {
+            editor.dispatchCommand(link_1.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';
+            }
+        }
+    }
+    (0, react_1.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 = (0, react_1.useCallback)(function () {
+        var selection = (0, lexical_1.$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 = (0, getDOMRangeRect_1.getDOMRangeRect)(nativeSelection, rootElement);
+            (0, setFloatingElemPosition_1.setFloatingElemPosition)(rangeRect, popupCharStylesEditorElem, anchorElem, isLink);
+        }
+    }, [editor, anchorElem, isLink]);
+    (0, react_1.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]);
+    (0, react_1.useEffect)(function () {
+        editor.getEditorState().read(function () {
+            updateTextFormatFloatingToolbar();
+        });
+        return (0, utils_1.mergeRegister)(editor.registerUpdateListener(function (_a) {
+            var editorState = _a.editorState;
+            editorState.read(function () {
+                updateTextFormatFloatingToolbar();
+            });
+        }), editor.registerCommand(lexical_1.SELECTION_CHANGE_COMMAND, function () {
+            updateTextFormatFloatingToolbar();
+            return false;
+        }, lexical_1.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(lexical_1.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(lexical_1.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(lexical_1.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(lexical_1.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(lexical_1.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(lexical_1.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(lexical_1.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 = (0, react_1.useState)(false), isText = _a[0], setIsText = _a[1];
+    var _b = (0, react_1.useState)(false), isLink = _b[0], setIsLink = _b[1];
+    var _c = (0, react_1.useState)(false), isBold = _c[0], setIsBold = _c[1];
+    var _d = (0, react_1.useState)(false), isItalic = _d[0], setIsItalic = _d[1];
+    var _e = (0, react_1.useState)(false), isUnderline = _e[0], setIsUnderline = _e[1];
+    var _f = (0, react_1.useState)(false), isStrikethrough = _f[0], setIsStrikethrough = _f[1];
+    var _g = (0, react_1.useState)(false), isSubscript = _g[0], setIsSubscript = _g[1];
+    var _h = (0, react_1.useState)(false), isSuperscript = _h[0], setIsSuperscript = _h[1];
+    var _j = (0, react_1.useState)(false), isCode = _j[0], setIsCode = _j[1];
+    var updatePopup = (0, react_1.useCallback)(function () {
+        editor.getEditorState().read(function () {
+            // Should not to pop up the floating toolbar when using IME input
+            if (editor.isComposing()) {
+                return;
+            }
+            var selection = (0, lexical_1.$getSelection)();
+            var nativeSelection = window.getSelection();
+            var rootElement = editor.getRootElement();
+            if (nativeSelection !== null &&
+                (!(0, lexical_1.$isRangeSelection)(selection) || rootElement === null || !rootElement.contains(nativeSelection.anchorNode))) {
+                setIsText(false);
+                return;
+            }
+            if (!(0, lexical_1.$isRangeSelection)(selection)) {
+                return;
+            }
+            var node = (0, getSelectedNode_1.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 ((0, link_1.$isLinkNode)(parent) || (0, link_1.$isLinkNode)(node)) {
+                setIsLink(true);
+            }
+            else {
+                setIsLink(false);
+            }
+            if (!(0, code_1.$isCodeHighlightNode)(selection.anchor.getNode()) && selection.getTextContent() !== '') {
+                setIsText((0, lexical_1.$isTextNode)(node) || (0, lexical_1.$isParagraphNode)(node));
+            }
+            else {
+                setIsText(false);
+            }
+            var rawTextContent = selection.getTextContent().replace(/\n/g, '');
+            if (!selection.isCollapsed() && rawTextContent === '') {
+                setIsText(false);
+                return;
+            }
+        });
+    }, [editor]);
+    (0, react_1.useEffect)(function () {
+        document.addEventListener('selectionchange', updatePopup);
+        return function () {
+            document.removeEventListener('selectionchange', updatePopup);
+        };
+    }, [updatePopup]);
+    (0, react_1.useEffect)(function () {
+        return (0, utils_1.mergeRegister)(editor.registerUpdateListener(function () {
+            updatePopup();
+        }), editor.registerRootListener(function () {
+            if (editor.getRootElement() === null) {
+                setIsText(false);
+            }
+        }));
+    }, [editor, updatePopup]);
+    if (!isText) {
+        return null;
+    }
+    return (0, react_dom_1.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);
+}
+function FloatingTextFormatToolbarPlugin(_a) {
+    var _b = _a.anchorElem, anchorElem = _b === void 0 ? document.body : _b;
+    var editor = (0, LexicalComposerContext_1.useLexicalComposerContext)()[0];
+    return useFloatingTextFormatToolbar(editor, anchorElem);
+}
+//# sourceMappingURL=index.js.map

package/dist/cjs/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/cjs/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/cjs/components/TextEditorV2/plugins/ImagesPlugin/index.js

@@ -0,0 +1,188 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.INSERT_IMAGE_COMMAND = void 0;
+exports.InsertImageUriDialogBody = InsertImageUriDialogBody;
+exports.InsertImageModal = InsertImageModal;
+exports.default = ImagesPlugin;
+var tslib_1 = require("tslib");
+var LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+var utils_1 = require("@lexical/utils");
+var lexical_1 = require("lexical");
+var react_1 = require("react");
+var React = tslib_1.__importStar(require("react"));
+var ImageNode_1 = require("../../nodes/ImageNode");
+var canUseDOM_1 = require("../../shared/canUseDOM");
+var Button_1 = tslib_1.__importDefault(require("../../ui/Button"));
+var Dialog_1 = require("../../ui/Dialog");
+var TextInput_1 = tslib_1.__importDefault(require("../../ui/TextInput"));
+var Modal_1 = require("../../../Modal");
+var Input_1 = require("../../../Input");
+var UploadFile_1 = require("../../../UploadFile");
+var getDOMSelection = function (targetWindow) {
+    return canUseDOM_1.CAN_USE_DOM ? (targetWindow || window).getSelection() : null;
+};
+exports.INSERT_IMAGE_COMMAND = (0, lexical_1.createCommand)('INSERT_IMAGE_COMMAND');
+function InsertImageUriDialogBody(_a) {
+    var onClick = _a.onClick;
+    var _b = (0, react_1.useState)(''), src = _b[0], setSrc = _b[1];
+    var _c = (0, react_1.useState)(''), altText = _c[0], setAltText = _c[1];
+    var isDisabled = src === '';
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TextInput_1.default, { "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_1.default, { "data-test-id": 'image-modal-alt-text-input', label: 'Alt Text', onChange: setAltText, placeholder: 'Random unsplash image', value: altText }),
+        React.createElement(Dialog_1.DialogActions, null,
+            React.createElement(Button_1.default, { "data-test-id": 'image-modal-confirm-btn', disabled: isDisabled, onClick: function () { return onClick({ altText: altText, src: src }); } }, "Confirm"))));
+}
+function InsertImageModal(_a) {
+    var activeEditor = _a.activeEditor, setShow = _a.setShow, show = _a.show;
+    var _b = (0, react_1.useState)(''), fileName = _b[0], setFileName = _b[1];
+    var _c = (0, react_1.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(exports.INSERT_IMAGE_COMMAND, { altText: altText, src: cdnLink });
+        onHide();
+    };
+    return (React.createElement(Modal_1.PHXModal, { onHide: onHide, onPrimaryClick: handleSubmit, show: show, title: 'Insert Image' },
+        React.createElement("div", { className: 'space-y-4' },
+            React.createElement(Input_1.PHXInput, { defaultValue: altText, label: 'Alt Text', onChange: function (e) { return (altText = e.target.value); } }),
+            React.createElement(UploadFile_1.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: '' }))));
+}
+function ImagesPlugin(_a) {
+    var captionsEnabled = _a.captionsEnabled;
+    var editor = (0, LexicalComposerContext_1.useLexicalComposerContext)()[0];
+    (0, react_1.useEffect)(function () {
+        if (!editor.hasNodes([ImageNode_1.ImageNode])) {
+            throw new Error('ImagesPlugin: ImageNode not registered on editor');
+        }
+        return (0, utils_1.mergeRegister)(editor.registerCommand(exports.INSERT_IMAGE_COMMAND, function (payload) {
+            var imageNode = (0, ImageNode_1.$createImageNode)(payload);
+            (0, lexical_1.$insertNodes)([imageNode]);
+            if ((0, lexical_1.$isRootOrShadowRoot)(imageNode.getParentOrThrow())) {
+                (0, utils_1.$wrapNodeInElement)(imageNode, lexical_1.$createParagraphNode).selectEnd();
+            }
+            return true;
+        }, lexical_1.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical_1.DRAGSTART_COMMAND, function (event) { return onDragStart(event); }, lexical_1.COMMAND_PRIORITY_HIGH), editor.registerCommand(lexical_1.DRAGOVER_COMMAND, function (event) { return onDragover(event); }, lexical_1.COMMAND_PRIORITY_LOW), editor.registerCommand(lexical_1.DROP_COMMAND, function (event) { return onDrop(event, editor); }, lexical_1.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 = (0, lexical_1.$createRangeSelection)();
+        if (range !== null && range !== undefined) {
+            rangeSelection.applyDOMRange(range);
+        }
+        (0, lexical_1.$setSelection)(rangeSelection);
+        editor.dispatchCommand(exports.INSERT_IMAGE_COMMAND, data);
+    }
+    return true;
+}
+function getImageNodeInSelection() {
+    var selection = (0, lexical_1.$getSelection)();
+    if (!(0, lexical_1.$isNodeSelection)(selection)) {
+        return null;
+    }
+    var nodes = selection.getNodes();
+    var node = nodes[0];
+    return (0, ImageNode_1.$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/cjs/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/cjs/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;
+    }
+}