@datalayer/lexical-loro 0.1.0 → 0.2.2

package/lib/plugins/CommentPlugin/index.js

@@ -1,460 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import './index.css';
-import { $createMarkNode, $getMarkIDs, $isMarkNode, $unwrapMarkNode, $wrapSelectionInMarkNode, MarkNode, } from '@lexical/mark';
-import { AutoFocusPlugin } from '@lexical/react/LexicalAutoFocusPlugin';
-import { ClearEditorPlugin } from '@lexical/react/LexicalClearEditorPlugin';
-import { useCollaborationContext } from '@lexical/react/LexicalCollaborationContext';
-import { LexicalComposer } from '@lexical/react/LexicalComposer';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { EditorRefPlugin } from '@lexical/react/LexicalEditorRefPlugin';
-import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary';
-import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
-import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
-import { PlainTextPlugin } from '@lexical/react/LexicalPlainTextPlugin';
-import { createDOMRange, createRectsFromDOMRange } from '@lexical/selection';
-import { $isRootTextContentEmpty, $rootTextContent } from '@lexical/text';
-import { mergeRegister, registerNestedElementResolver } from '@lexical/utils';
-import { $getNodeByKey, $getSelection, $isRangeSelection, $isTextNode, CLEAR_EDITOR_COMMAND, COLLABORATION_TAG, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_NORMAL, createCommand, getDOMSelection, KEY_ESCAPE_COMMAND, } from 'lexical';
-import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
-import { createPortal } from 'react-dom';
-import { CommentStore, createComment, createThread, useCommentStore, } from '../../commenting';
-import useModal from '../../hooks/useModal';
-import CommentEditorTheme from '../../themes/CommentEditorTheme';
-import Button from '../../ui/Button';
-import ContentEditable from '../../ui/ContentEditable';
-export const INSERT_INLINE_COMMAND = createCommand('INSERT_INLINE_COMMAND');
-function AddCommentBox({ anchorKey, editor, onAddComment, }) {
-    const boxRef = useRef(null);
-    const updatePosition = useCallback(() => {
-        const boxElem = boxRef.current;
-        const rootElement = editor.getRootElement();
-        const anchorElement = editor.getElementByKey(anchorKey);
-        if (boxElem !== null && rootElement !== null && anchorElement !== null) {
-            const { right } = rootElement.getBoundingClientRect();
-            const { top } = anchorElement.getBoundingClientRect();
-            boxElem.style.left = `${right - 20}px`;
-            boxElem.style.top = `${top - 30}px`;
-        }
-    }, [anchorKey, editor]);
-    useEffect(() => {
-        window.addEventListener('resize', updatePosition);
-        return () => {
-            window.removeEventListener('resize', updatePosition);
-        };
-    }, [editor, updatePosition]);
-    useLayoutEffect(() => {
-        updatePosition();
-    }, [anchorKey, editor, updatePosition]);
-    return (_jsx("div", { className: "CommentPlugin_AddCommentBox", ref: boxRef, children: _jsx("button", { className: "CommentPlugin_AddCommentBox_button", onClick: onAddComment, children: _jsx("i", { className: "icon add-comment" }) }) }));
-}
-function EscapeHandlerPlugin({ onEscape, }) {
-    const [editor] = useLexicalComposerContext();
-    useEffect(() => {
-        return editor.registerCommand(KEY_ESCAPE_COMMAND, (event) => {
-            return onEscape(event);
-        }, COMMAND_PRIORITY_NORMAL);
-    }, [editor, onEscape]);
-    return null;
-}
-function PlainTextEditor({ className, autoFocus, onEscape, onChange, editorRef, placeholder = 'Type a comment...', }) {
-    const initialConfig = {
-        namespace: 'Commenting',
-        nodes: [],
-        onError: (error) => {
-            throw error;
-        },
-        theme: CommentEditorTheme,
-    };
-    return (_jsx(LexicalComposer, { initialConfig: initialConfig, children: _jsxs("div", { className: "CommentPlugin_CommentInputBox_EditorContainer", children: [_jsx(PlainTextPlugin, { contentEditable: _jsx(ContentEditable, { placeholder: placeholder, className: className }), ErrorBoundary: LexicalErrorBoundary }), _jsx(OnChangePlugin, { onChange: onChange }), _jsx(HistoryPlugin, {}), autoFocus !== false && _jsx(AutoFocusPlugin, {}), _jsx(EscapeHandlerPlugin, { onEscape: onEscape }), _jsx(ClearEditorPlugin, {}), editorRef !== undefined && _jsx(EditorRefPlugin, { editorRef: editorRef })] }) }));
-}
-function useOnChange(setContent, setCanSubmit) {
-    return useCallback((editorState, _editor) => {
-        editorState.read(() => {
-            setContent($rootTextContent());
-            setCanSubmit(!$isRootTextContentEmpty(_editor.isComposing(), true));
-        });
-    }, [setCanSubmit, setContent]);
-}
-function CommentInputBox({ editor, cancelAddComment, submitAddComment, }) {
-    const [content, setContent] = useState('');
-    const [canSubmit, setCanSubmit] = useState(false);
-    const boxRef = useRef(null);
-    const selectionState = useMemo(() => ({
-        container: document.createElement('div'),
-        elements: [],
-    }), []);
-    const selectionRef = useRef(null);
-    const author = useCollabAuthorName();
-    const updateLocation = useCallback(() => {
-        editor.getEditorState().read(() => {
-            const selection = $getSelection();
-            if ($isRangeSelection(selection)) {
-                selectionRef.current = selection.clone();
-                const anchor = selection.anchor;
-                const focus = selection.focus;
-                const range = createDOMRange(editor, anchor.getNode(), anchor.offset, focus.getNode(), focus.offset);
-                const boxElem = boxRef.current;
-                if (range !== null && boxElem !== null) {
-                    const { left, bottom, width } = range.getBoundingClientRect();
-                    const selectionRects = createRectsFromDOMRange(editor, range);
-                    let correctedLeft = selectionRects.length === 1 ? left + width / 2 - 125 : left - 125;
-                    if (correctedLeft < 10) {
-                        correctedLeft = 10;
-                    }
-                    boxElem.style.left = `${correctedLeft}px`;
-                    boxElem.style.top = `${bottom +
-                        20 +
-                        (window.pageYOffset || document.documentElement.scrollTop)}px`;
-                    const selectionRectsLength = selectionRects.length;
-                    const { container } = selectionState;
-                    const elements = selectionState.elements;
-                    const elementsLength = elements.length;
-                    for (let i = 0; i < selectionRectsLength; i++) {
-                        const selectionRect = selectionRects[i];
-                        let elem = elements[i];
-                        if (elem === undefined) {
-                            elem = document.createElement('span');
-                            elements[i] = elem;
-                            container.appendChild(elem);
-                        }
-                        const color = '255, 212, 0';
-                        const style = `position:absolute;top:${selectionRect.top +
-                            (window.pageYOffset || document.documentElement.scrollTop)}px;left:${selectionRect.left}px;height:${selectionRect.height}px;width:${selectionRect.width}px;background-color:rgba(${color}, 0.3);pointer-events:none;z-index:5;`;
-                        elem.style.cssText = style;
-                    }
-                    for (let i = elementsLength - 1; i >= selectionRectsLength; i--) {
-                        const elem = elements[i];
-                        container.removeChild(elem);
-                        elements.pop();
-                    }
-                }
-            }
-        });
-    }, [editor, selectionState]);
-    useLayoutEffect(() => {
-        updateLocation();
-        const container = selectionState.container;
-        const body = document.body;
-        if (body !== null) {
-            body.appendChild(container);
-            return () => {
-                body.removeChild(container);
-            };
-        }
-    }, [selectionState.container, updateLocation]);
-    useEffect(() => {
-        window.addEventListener('resize', updateLocation);
-        return () => {
-            window.removeEventListener('resize', updateLocation);
-        };
-    }, [updateLocation]);
-    const onEscape = (event) => {
-        event.preventDefault();
-        cancelAddComment();
-        return true;
-    };
-    const submitComment = () => {
-        if (canSubmit) {
-            let quote = editor.getEditorState().read(() => {
-                const selection = selectionRef.current;
-                return selection ? selection.getTextContent() : '';
-            });
-            if (quote.length > 100) {
-                quote = quote.slice(0, 99) + '…';
-            }
-            submitAddComment(createThread(quote, [createComment(content, author)]), true, undefined, selectionRef.current);
-            selectionRef.current = null;
-        }
-    };
-    const onChange = useOnChange(setContent, setCanSubmit);
-    return (_jsxs("div", { className: "CommentPlugin_CommentInputBox", ref: boxRef, children: [_jsx(PlainTextEditor, { className: "CommentPlugin_CommentInputBox_Editor", onEscape: onEscape, onChange: onChange }), _jsxs("div", { className: "CommentPlugin_CommentInputBox_Buttons", children: [_jsx(Button, { onClick: cancelAddComment, className: "CommentPlugin_CommentInputBox_Button", children: "Cancel" }), _jsx(Button, { onClick: submitComment, disabled: !canSubmit, className: "CommentPlugin_CommentInputBox_Button primary", children: "Comment" })] })] }));
-}
-function CommentsComposer({ submitAddComment, thread, placeholder, }) {
-    const [content, setContent] = useState('');
-    const [canSubmit, setCanSubmit] = useState(false);
-    const editorRef = useRef(null);
-    const author = useCollabAuthorName();
-    const onChange = useOnChange(setContent, setCanSubmit);
-    const submitComment = () => {
-        if (canSubmit) {
-            submitAddComment(createComment(content, author), false, thread);
-            const editor = editorRef.current;
-            if (editor !== null) {
-                editor.dispatchCommand(CLEAR_EDITOR_COMMAND, undefined);
-            }
-        }
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(PlainTextEditor, { className: "CommentPlugin_CommentsPanel_Editor", autoFocus: false, onEscape: () => {
-                    return true;
-                }, onChange: onChange, editorRef: editorRef, placeholder: placeholder }), _jsx(Button, { className: "CommentPlugin_CommentsPanel_SendButton", onClick: submitComment, disabled: !canSubmit, children: _jsx("i", { className: "send" }) })] }));
-}
-function ShowDeleteCommentOrThreadDialog({ commentOrThread, deleteCommentOrThread, onClose, thread = undefined, }) {
-    return (_jsxs(_Fragment, { children: ["Are you sure you want to delete this ", commentOrThread.type, "?", _jsxs("div", { className: "Modal__content", children: [_jsx(Button, { onClick: () => {
-                            deleteCommentOrThread(commentOrThread, thread);
-                            onClose();
-                        }, children: "Delete" }), ' ', _jsx(Button, { onClick: () => {
-                            onClose();
-                        }, children: "Cancel" })] })] }));
-}
-function CommentsPanelListComment({ comment, deleteComment, thread, rtf, }) {
-    const seconds = Math.round((comment.timeStamp - (performance.timeOrigin + performance.now())) / 1000);
-    const minutes = Math.round(seconds / 60);
-    const [modal, showModal] = useModal();
-    return (_jsxs("li", { className: "CommentPlugin_CommentsPanel_List_Comment", children: [_jsxs("div", { className: "CommentPlugin_CommentsPanel_List_Details", children: [_jsx("span", { className: "CommentPlugin_CommentsPanel_List_Comment_Author", children: comment.author }), _jsxs("span", { className: "CommentPlugin_CommentsPanel_List_Comment_Time", children: ["\u00B7 ", seconds > -10 ? 'Just now' : rtf.format(minutes, 'minute')] })] }), _jsx("p", { className: comment.deleted ? 'CommentPlugin_CommentsPanel_DeletedComment' : '', children: comment.content }), !comment.deleted && (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => {
-                            showModal('Delete Comment', (onClose) => (_jsx(ShowDeleteCommentOrThreadDialog, { commentOrThread: comment, deleteCommentOrThread: deleteComment, thread: thread, onClose: onClose })));
-                        }, className: "CommentPlugin_CommentsPanel_List_DeleteButton", children: _jsx("i", { className: "delete" }) }), modal] }))] }));
-}
-function CommentsPanelList({ activeIDs, comments, deleteCommentOrThread, listRef, submitAddComment, markNodeMap, }) {
-    const [editor] = useLexicalComposerContext();
-    const [counter, setCounter] = useState(0);
-    const [modal, showModal] = useModal();
-    const rtf = useMemo(() => new Intl.RelativeTimeFormat('en', {
-        localeMatcher: 'best fit',
-        numeric: 'auto',
-        style: 'short',
-    }), []);
-    useEffect(() => {
-        // Used to keep the time stamp up to date
-        const id = setTimeout(() => {
-            setCounter(counter + 1);
-        }, 10000);
-        return () => {
-            clearTimeout(id);
-        };
-    }, [counter]);
-    return (_jsx("ul", { className: "CommentPlugin_CommentsPanel_List", ref: listRef, children: comments.map((commentOrThread) => {
-            const id = commentOrThread.id;
-            if (commentOrThread.type === 'thread') {
-                const handleClickThread = () => {
-                    const markNodeKeys = markNodeMap.get(id);
-                    if (markNodeKeys !== undefined &&
-                        (activeIDs === null || activeIDs.indexOf(id) === -1)) {
-                        const activeElement = document.activeElement;
-                        // Move selection to the start of the mark, so that we
-                        // update the UI with the selected thread.
-                        editor.update(() => {
-                            const markNodeKey = Array.from(markNodeKeys)[0];
-                            const markNode = $getNodeByKey(markNodeKey);
-                            if ($isMarkNode(markNode)) {
-                                markNode.selectStart();
-                            }
-                        }, {
-                            onUpdate() {
-                                // Restore selection to the previous element
-                                if (activeElement !== null) {
-                                    activeElement.focus();
-                                }
-                            },
-                        });
-                    }
-                };
-                return (
-                // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-                _jsxs("li", { onClick: handleClickThread, className: `CommentPlugin_CommentsPanel_List_Thread ${markNodeMap.has(id) ? 'interactive' : ''} ${activeIDs.indexOf(id) === -1 ? '' : 'active'}`, children: [_jsxs("div", { className: "CommentPlugin_CommentsPanel_List_Thread_QuoteBox", children: [_jsxs("blockquote", { className: "CommentPlugin_CommentsPanel_List_Thread_Quote", children: ['> ', _jsx("span", { children: commentOrThread.quote })] }), _jsx(Button, { onClick: () => {
-                                        showModal('Delete Thread', (onClose) => (_jsx(ShowDeleteCommentOrThreadDialog, { commentOrThread: commentOrThread, deleteCommentOrThread: deleteCommentOrThread, onClose: onClose })));
-                                    }, className: "CommentPlugin_CommentsPanel_List_DeleteButton", children: _jsx("i", { className: "delete" }) }), modal] }), _jsx("ul", { className: "CommentPlugin_CommentsPanel_List_Thread_Comments", children: commentOrThread.comments.map((comment) => (_jsx(CommentsPanelListComment, { comment: comment, deleteComment: deleteCommentOrThread, thread: commentOrThread, rtf: rtf }, comment.id))) }), _jsx("div", { className: "CommentPlugin_CommentsPanel_List_Thread_Editor", children: _jsx(CommentsComposer, { submitAddComment: submitAddComment, thread: commentOrThread, placeholder: "Reply to comment..." }) })] }, id));
-            }
-            return (_jsx(CommentsPanelListComment, { comment: commentOrThread, deleteComment: deleteCommentOrThread, rtf: rtf }, id));
-        }) }));
-}
-function CommentsPanel({ activeIDs, deleteCommentOrThread, comments, submitAddComment, markNodeMap, }) {
-    const listRef = useRef(null);
-    const isEmpty = comments.length === 0;
-    return (_jsxs("div", { className: "CommentPlugin_CommentsPanel", children: [_jsx("h2", { className: "CommentPlugin_CommentsPanel_Heading", children: "Comments" }), isEmpty ? (_jsx("div", { className: "CommentPlugin_CommentsPanel_Empty", children: "No Comments" })) : (_jsx(CommentsPanelList, { activeIDs: activeIDs, comments: comments, deleteCommentOrThread: deleteCommentOrThread, listRef: listRef, submitAddComment: submitAddComment, markNodeMap: markNodeMap }))] }));
-}
-function useCollabAuthorName() {
-    const collabContext = useCollaborationContext();
-    const { yjsDocMap, name } = collabContext;
-    return yjsDocMap.has('comments') ? name : 'Playground User';
-}
-export default function CommentPlugin({ providerFactory, }) {
-    const collabContext = useCollaborationContext();
-    const [editor] = useLexicalComposerContext();
-    const commentStore = useMemo(() => new CommentStore(editor), [editor]);
-    const comments = useCommentStore(commentStore);
-    const markNodeMap = useMemo(() => {
-        return new Map();
-    }, []);
-    const [activeAnchorKey, setActiveAnchorKey] = useState();
-    const [activeIDs, setActiveIDs] = useState([]);
-    const [showCommentInput, setShowCommentInput] = useState(false);
-    const [showComments, setShowComments] = useState(false);
-    const { yjsDocMap } = collabContext;
-    useEffect(() => {
-        if (providerFactory) {
-            const provider = providerFactory('comments', yjsDocMap);
-            return commentStore.registerCollaboration(provider);
-        }
-    }, [commentStore, providerFactory, yjsDocMap]);
-    const cancelAddComment = useCallback(() => {
-        editor.update(() => {
-            const selection = $getSelection();
-            // Restore selection
-            if (selection !== null) {
-                selection.dirty = true;
-            }
-        });
-        setShowCommentInput(false);
-    }, [editor]);
-    const deleteCommentOrThread = useCallback((comment, thread) => {
-        if (comment.type === 'comment') {
-            const deletionInfo = commentStore.deleteCommentOrThread(comment, thread);
-            if (!deletionInfo) {
-                return;
-            }
-            const { markedComment, index } = deletionInfo;
-            commentStore.addComment(markedComment, thread, index);
-        }
-        else {
-            commentStore.deleteCommentOrThread(comment);
-            // Remove ids from associated marks
-            const id = thread !== undefined ? thread.id : comment.id;
-            const markNodeKeys = markNodeMap.get(id);
-            if (markNodeKeys !== undefined) {
-                // Do async to avoid causing a React infinite loop
-                setTimeout(() => {
-                    editor.update(() => {
-                        for (const key of markNodeKeys) {
-                            const node = $getNodeByKey(key);
-                            if ($isMarkNode(node)) {
-                                node.deleteID(id);
-                                if (node.getIDs().length === 0) {
-                                    $unwrapMarkNode(node);
-                                }
-                            }
-                        }
-                    });
-                });
-            }
-        }
-    }, [commentStore, editor, markNodeMap]);
-    const submitAddComment = useCallback((commentOrThread, isInlineComment, thread, selection) => {
-        commentStore.addComment(commentOrThread, thread);
-        if (isInlineComment) {
-            editor.update(() => {
-                if ($isRangeSelection(selection)) {
-                    const isBackward = selection.isBackward();
-                    const id = commentOrThread.id;
-                    // Wrap content in a MarkNode
-                    $wrapSelectionInMarkNode(selection, isBackward, id);
-                }
-            });
-            setShowCommentInput(false);
-        }
-    }, [commentStore, editor]);
-    useEffect(() => {
-        const changedElems = [];
-        for (let i = 0; i < activeIDs.length; i++) {
-            const id = activeIDs[i];
-            const keys = markNodeMap.get(id);
-            if (keys !== undefined) {
-                for (const key of keys) {
-                    const elem = editor.getElementByKey(key);
-                    if (elem !== null) {
-                        elem.classList.add('selected');
-                        changedElems.push(elem);
-                        setShowComments(true);
-                    }
-                }
-            }
-        }
-        return () => {
-            for (let i = 0; i < changedElems.length; i++) {
-                const changedElem = changedElems[i];
-                changedElem.classList.remove('selected');
-            }
-        };
-    }, [activeIDs, editor, markNodeMap]);
-    useEffect(() => {
-        const markNodeKeysToIDs = new Map();
-        return mergeRegister(registerNestedElementResolver(editor, MarkNode, (from) => {
-            return $createMarkNode(from.getIDs());
-        }, (from, to) => {
-            // Merge the IDs
-            const ids = from.getIDs();
-            ids.forEach((id) => {
-                to.addID(id);
-            });
-        }), editor.registerMutationListener(MarkNode, (mutations) => {
-            editor.getEditorState().read(() => {
-                for (const [key, mutation] of mutations) {
-                    const node = $getNodeByKey(key);
-                    let ids = [];
-                    if (mutation === 'destroyed') {
-                        ids = markNodeKeysToIDs.get(key) || [];
-                    }
-                    else if ($isMarkNode(node)) {
-                        ids = node.getIDs();
-                    }
-                    for (let i = 0; i < ids.length; i++) {
-                        const id = ids[i];
-                        let markNodeKeys = markNodeMap.get(id);
-                        markNodeKeysToIDs.set(key, ids);
-                        if (mutation === 'destroyed') {
-                            if (markNodeKeys !== undefined) {
-                                markNodeKeys.delete(key);
-                                if (markNodeKeys.size === 0) {
-                                    markNodeMap.delete(id);
-                                }
-                            }
-                        }
-                        else {
-                            if (markNodeKeys === undefined) {
-                                markNodeKeys = new Set();
-                                markNodeMap.set(id, markNodeKeys);
-                            }
-                            if (!markNodeKeys.has(key)) {
-                                markNodeKeys.add(key);
-                            }
-                        }
-                    }
-                }
-            });
-        }, { skipInitialization: false }), editor.registerUpdateListener(({ editorState, tags }) => {
-            editorState.read(() => {
-                const selection = $getSelection();
-                let hasActiveIds = false;
-                let hasAnchorKey = false;
-                if ($isRangeSelection(selection)) {
-                    const anchorNode = selection.anchor.getNode();
-                    if ($isTextNode(anchorNode)) {
-                        const commentIDs = $getMarkIDs(anchorNode, selection.anchor.offset);
-                        if (commentIDs !== null) {
-                            setActiveIDs(commentIDs);
-                            hasActiveIds = true;
-                        }
-                        if (!selection.isCollapsed()) {
-                            setActiveAnchorKey(anchorNode.getKey());
-                            hasAnchorKey = true;
-                        }
-                    }
-                }
-                if (!hasActiveIds) {
-                    setActiveIDs((_activeIds) => _activeIds.length === 0 ? _activeIds : []);
-                }
-                if (!hasAnchorKey) {
-                    setActiveAnchorKey(null);
-                }
-                if (!tags.has(COLLABORATION_TAG) && $isRangeSelection(selection)) {
-                    setShowCommentInput(false);
-                }
-            });
-        }), editor.registerCommand(INSERT_INLINE_COMMAND, () => {
-            const domSelection = getDOMSelection(editor._window);
-            if (domSelection !== null) {
-                domSelection.removeAllRanges();
-            }
-            setShowCommentInput(true);
-            return true;
-        }, COMMAND_PRIORITY_EDITOR));
-    }, [editor, markNodeMap]);
-    const onAddComment = () => {
-        editor.dispatchCommand(INSERT_INLINE_COMMAND, undefined);
-    };
-    return (_jsxs(_Fragment, { children: [showCommentInput &&
-                createPortal(_jsx(CommentInputBox, { editor: editor, cancelAddComment: cancelAddComment, submitAddComment: submitAddComment }), document.body), activeAnchorKey !== null &&
-                activeAnchorKey !== undefined &&
-                !showCommentInput &&
-                createPortal(_jsx(AddCommentBox, { anchorKey: activeAnchorKey, editor: editor, onAddComment: onAddComment }), document.body), createPortal(_jsx(Button, { className: `CommentPlugin_ShowCommentsButton ${showComments ? 'active' : ''}`, onClick: () => setShowComments(!showComments), title: showComments ? 'Hide Comments' : 'Show Comments', children: _jsx("i", { className: "comments" }) }), document.body), showComments &&
-                createPortal(_jsx(CommentsPanel, { comments: comments, submitAddComment: submitAddComment, deleteCommentOrThread: deleteCommentOrThread, activeIDs: activeIDs, markNodeMap: markNodeMap }), document.body)] }));
-}

package/lib/plugins/ComponentPickerPlugin/index.d.ts

@@ -1,2 +0,0 @@
-import type { JSX } from 'react';
-export default function ComponentPickerMenuPlugin(): JSX.Element;