@datalayer/jupyter-lexical 0.0.1

package/lib/plugins/AutoEmbedPlugin.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AutoEmbedOption, LexicalAutoEmbedPlugin, URL_MATCHER, } from '@lexical/react/LexicalAutoEmbedPlugin';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { useMemo, useState } from 'react';
+import * as ReactDOM from 'react-dom';
+import useModal from '../hooks/useModal';
+import Button from '../ui/Button';
+import { DialogActions } from '../ui/Dialog';
+import { INSERT_YOUTUBE_COMMAND } from './YouTubePlugin';
+export const YoutubeEmbedConfig = {
+    contentName: 'Youtube Video',
+    exampleUrl: 'https://www.youtube.com/watch?v=jNQXAC9IVRw',
+    // Icon for display.
+    icon: _jsx("i", { className: "icon youtube" }),
+    insertNode: (editor, result) => {
+        editor.dispatchCommand(INSERT_YOUTUBE_COMMAND, result.id);
+    },
+    keywords: ['youtube', 'video'],
+    // Determine if a given URL is a match and return url data.
+    parseUrl: async (url) => {
+        const match = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/.exec(url);
+        const id = match ? (match?.[2].length === 11 ? match[2] : null) : null;
+        if (id != null) {
+            return {
+                id,
+                url,
+            };
+        }
+        return null;
+    },
+    type: 'youtube-video',
+};
+export const EmbedConfigs = [
+    YoutubeEmbedConfig,
+];
+function AutoEmbedMenuItem({ index, isSelected, onClick, onMouseEnter, option, }) {
+    let className = 'item';
+    if (isSelected) {
+        className += ' selected';
+    }
+    return (_jsx("li", { tabIndex: -1, className: className, ref: option.setRefElement, role: "option", "aria-selected": isSelected, id: 'typeahead-item-' + index, onMouseEnter: onMouseEnter, onClick: onClick, children: _jsx("span", { className: "text", children: option.title }) }, option.key));
+}
+function AutoEmbedMenu({ options, selectedItemIndex, onOptionClick, onOptionMouseEnter, }) {
+    return (_jsx("div", { className: "typeahead-popover", children: _jsx("ul", { children: options.map((option, i) => (_jsx(AutoEmbedMenuItem, { index: i, isSelected: selectedItemIndex === i, onClick: () => onOptionClick(option, i), onMouseEnter: () => onOptionMouseEnter(i), option: option }, option.key))) }) }));
+}
+const debounce = (callback, delay) => {
+    let timeoutId;
+    return (text) => {
+        window.clearTimeout(timeoutId);
+        timeoutId = window.setTimeout(() => {
+            callback(text);
+        }, delay);
+    };
+};
+export function AutoEmbedDialog({ embedConfig, onClose, }) {
+    const [text, setText] = useState('');
+    const [editor] = useLexicalComposerContext();
+    const [embedResult, setEmbedResult] = useState(null);
+    const validateText = useMemo(() => debounce((inputText) => {
+        const urlMatch = URL_MATCHER.exec(inputText);
+        if (embedConfig != null && inputText != null && urlMatch != null) {
+            Promise.resolve(embedConfig.parseUrl(inputText)).then((parseResult) => {
+                setEmbedResult(parseResult);
+            });
+        }
+        else if (embedResult != null) {
+            setEmbedResult(null);
+        }
+    }, 200), [embedConfig, embedResult]);
+    const onClick = () => {
+        if (embedResult != null) {
+            embedConfig.insertNode(editor, embedResult);
+            onClose();
+        }
+    };
+    return (_jsxs("div", { style: { width: '600px' }, children: [_jsx("div", { className: "Input__wrapper", children: _jsx("input", { type: "text", className: "Input__input", placeholder: embedConfig.exampleUrl, value: text, "data-test-id": `${embedConfig.type}-embed-modal-url`, onChange: (e) => {
+                        const { value } = e.target;
+                        setText(value);
+                        validateText(value);
+                    } }) }), _jsx(DialogActions, { children: _jsx(Button, { disabled: !embedResult, onClick: onClick, "data-test-id": `${embedConfig.type}-embed-modal-submit-btn`, children: "Embed" }) })] }));
+}
+export const AutoEmbedPlugin = () => {
+    const [modal, showModal] = useModal();
+    const openEmbedModal = (embedConfig) => {
+        showModal(`Embed ${embedConfig.contentName}`, (onClose) => (_jsx(AutoEmbedDialog, { embedConfig: embedConfig, onClose: onClose })));
+    };
+    const getMenuOptions = (activeEmbedConfig, embedFn, dismissFn) => {
+        return [
+            new AutoEmbedOption('Dismiss', {
+                onSelect: dismissFn,
+            }),
+            new AutoEmbedOption(`Embed ${activeEmbedConfig.contentName}`, {
+                onSelect: embedFn,
+            }),
+        ];
+    };
+    return (_jsxs(_Fragment, { children: [modal, _jsx(LexicalAutoEmbedPlugin, { embedConfigs: EmbedConfigs, onOpenEmbedModalForConfig: openEmbedModal, getMenuOptions: getMenuOptions, menuRenderFn: (anchorElementRef, { selectedIndex, options, selectOptionAndCleanUp, setHighlightedIndex }) => anchorElementRef.current
+                    ? ReactDOM.createPortal(_jsx("div", { className: "typeahead-popover auto-embed-menu", style: {
+                            marginLeft: anchorElementRef.current.style.width,
+                            width: 200,
+                        }, children: _jsx(AutoEmbedMenu, { options: options, selectedItemIndex: selectedIndex, onOptionClick: (option, index) => {
+                                setHighlightedIndex(index);
+                                selectOptionAndCleanUp(option);
+                            }, onOptionMouseEnter: (index) => {
+                                setHighlightedIndex(index);
+                            } }) }), anchorElementRef.current)
+                    : null })] }));
+};
+export default AutoEmbedPlugin;
+//# sourceMappingURL=AutoEmbedPlugin.js.map

package/lib/plugins/AutoEmbedPlugin.js.map

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

package/lib/plugins/AutoLinkPlugin.d.ts

@@ -0,0 +1,2 @@
+export declare const AutoLinkPlugin: () => import("react/jsx-runtime").JSX.Element;
+export default AutoLinkPlugin;

package/lib/plugins/AutoLinkPlugin.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { AutoLinkPlugin as LexicalAutoLinkPlugin } from "@lexical/react/LexicalAutoLinkPlugin";
+const URL_MATCHER = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
+const EMAIL_MATCHER = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/;
+const MATCHERS = [
+    (text) => {
+        const match = URL_MATCHER.exec(text);
+        return (match && {
+            index: match.index,
+            length: match[0].length,
+            text: match[0],
+            url: match[0]
+        });
+    },
+    (text) => {
+        const match = EMAIL_MATCHER.exec(text);
+        return (match && {
+            index: match.index,
+            length: match[0].length,
+            text: match[0],
+            url: `mailto:${match[0]}`
+        });
+    }
+];
+export const AutoLinkPlugin = () => {
+    return _jsx(LexicalAutoLinkPlugin, { matchers: MATCHERS });
+};
+export default AutoLinkPlugin;
+//# sourceMappingURL=AutoLinkPlugin.js.map

package/lib/plugins/AutoLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoLinkPlugin.js","sourceRoot":"","sources":["../../src/plugins/AutoLinkPlugin.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE/F,MAAM,WAAW,GAAG,iHAAiH,CAAC;AAEtI,MAAM,aAAa,GAAG,qJAAqJ,CAAC;AAE5K,MAAM,QAAQ,GAAG;IACf,CAAC,IAAY,EAAE,EAAE;QACf,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,OAAO,CACL,KAAK,IAAI;YACP,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM;YACvB,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;YACd,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;SACd,CACF,CAAC;IACJ,CAAC;IACD,CAAC,IAAY,EAAE,EAAE;QACf,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,OAAO,CACL,KAAK,IAAI;YACP,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM;YACvB,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;YACd,GAAG,EAAE,UAAU,KAAK,CAAC,CAAC,CAAC,EAAE;SAC1B,CACF,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,KAAC,qBAAqB,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAA;AACtD,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}

package/lib/plugins/CodeActionMenuPlugin.css

@@ -0,0 +1,52 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+.code-action-menu-container {
+  height: 35.8px;
+  font-size: 10px;
+  color: rgba(0, 0, 0, 0.5);
+  position: absolute;
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  user-select: none;
+}
+
+.code-action-menu-container .code-highlight-language {
+  margin-right: 4px;
+}
+
+.code-action-menu-container button.menu-item {
+  border: 1px solid transparent;
+  border-radius: 4px;
+  padding: 4px;
+  background: none;
+  cursor: pointer;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  color: rgba(0, 0, 0, 0.5);
+  text-transform: uppercase;
+}
+
+.code-action-menu-container button.menu-item i.format {
+  height: 16px;
+  width: 16px;
+  opacity: 0.6;
+  display: flex;
+  color: rgba(0, 0, 0, 0.5);
+  background-size: contain;
+}
+
+.code-action-menu-container button.menu-item:hover {
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  opacity: 0.9;
+}
+
+.code-action-menu-container button.menu-item:active {
+  background-color: rgba(223, 232, 250);
+  border: 1px solid rgba(0, 0, 0, 0.45);
+}

package/lib/plugins/CodeActionMenuPlugin.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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 * as React from 'react';
+import './CodeActionMenuPlugin.css';
+export declare const CodeActionMenuPlugin: ({ anchorElem, }: {
+    anchorElem?: HTMLElement | undefined;
+}) => React.ReactPortal | null;
+export default CodeActionMenuPlugin;

package/lib/plugins/CodeActionMenuPlugin.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { $getNearestNodeFromDOMNode } from 'lexical';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $isJupyterCodeNode, JupyterCodeNode } from '../nodes/JupyterCodeNode';
+import { getLanguageFriendlyName,
+//  normalizeCodeLang,
+ } from '../nodes/JupyterCodeHighlightNode';
+import { CopyButton } from '../ui/CopyButton';
+// import {canBePrettier, PrettierButton} from '../ui/PrettierButton';
+import { useDebounce } from '../utils/debouncer';
+import './CodeActionMenuPlugin.css';
+const CODE_PADDING = 0;
+function CodeActionMenuContainer({ anchorElem, }) {
+    const [editor] = useLexicalComposerContext();
+    const [lang, setLang] = useState('');
+    const [isShown, setShown] = useState(false);
+    const [shouldListenMouseMove, setShouldListenMouseMove] = useState(false);
+    const [position, setPosition] = useState({
+        right: '0',
+        top: '0',
+    });
+    const codeSetRef = useRef(new Set());
+    const codeDOMNodeRef = useRef(null);
+    function getCodeDOMNode() {
+        return codeDOMNodeRef.current;
+    }
+    const debouncedOnMouseMove = useDebounce((event) => {
+        const { codeDOMNode, isOutside } = getMouseInfo(event);
+        if (isOutside) {
+            setShown(false);
+            return;
+        }
+        if (!codeDOMNode) {
+            return;
+        }
+        codeDOMNodeRef.current = codeDOMNode;
+        let codeNode = null;
+        let _lang = '';
+        editor.update(() => {
+            const maybeCodeNode = $getNearestNodeFromDOMNode(codeDOMNode);
+            if ($isJupyterCodeNode(maybeCodeNode)) {
+                codeNode = maybeCodeNode;
+                _lang = codeNode.getLanguage() || '';
+            }
+        });
+        if (codeNode) {
+            const { y: editorElemY, right: editorElemRight } = anchorElem.getBoundingClientRect();
+            const { y, right } = codeDOMNode.getBoundingClientRect();
+            setLang(_lang);
+            setShown(true);
+            setPosition({
+                right: `${editorElemRight - right + CODE_PADDING}px`,
+                top: `${y - editorElemY + 10}px`,
+            });
+        }
+    }, 50, 1000);
+    useEffect(() => {
+        if (!shouldListenMouseMove) {
+            return;
+        }
+        document.addEventListener('mousemove', debouncedOnMouseMove);
+        return () => {
+            setShown(false);
+            debouncedOnMouseMove.cancel();
+            document.removeEventListener('mousemove', debouncedOnMouseMove);
+        };
+    }, [shouldListenMouseMove, debouncedOnMouseMove]);
+    editor.registerMutationListener(JupyterCodeNode, (mutations) => {
+        editor.getEditorState().read(() => {
+            for (const [key, type] of mutations) {
+                switch (type) {
+                    case 'created':
+                        codeSetRef.current.add(key);
+                        setShouldListenMouseMove(codeSetRef.current.size > 0);
+                        break;
+                    case 'destroyed':
+                        codeSetRef.current.delete(key);
+                        setShouldListenMouseMove(codeSetRef.current.size > 0);
+                        break;
+                    default:
+                        break;
+                }
+            }
+        });
+    });
+    //  const normalizedLang = normalizeCodeLang(lang);
+    const codeFriendlyName = getLanguageFriendlyName(lang);
+    return (_jsx(_Fragment, { children: isShown ? (_jsxs("div", { className: "code-action-menu-container", style: { ...position }, children: [_jsx("div", { className: "code-highlight-language", children: codeFriendlyName }), _jsx(CopyButton, { editor: editor, getCodeDOMNode: getCodeDOMNode })] })) : null }));
+}
+function getMouseInfo(event) {
+    const target = event.target;
+    if (target && target instanceof HTMLElement) {
+        const codeDOMNode = target.closest('code.PlaygroundEditorTheme__code');
+        const isOutside = !(codeDOMNode ||
+            target.closest('div.code-action-menu-container'));
+        return { codeDOMNode, isOutside };
+    }
+    else {
+        return { codeDOMNode: null, isOutside: true };
+    }
+}
+export const CodeActionMenuPlugin = ({ anchorElem = document.body, }) => {
+    return createPortal(_jsx(CodeActionMenuContainer, { anchorElem: anchorElem }), anchorElem);
+};
+export default CodeActionMenuPlugin;
+//# sourceMappingURL=CodeActionMenuPlugin.js.map

package/lib/plugins/CodeActionMenuPlugin.js.map

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

package/lib/plugins/ComponentPickerMenuPlugin.d.ts

@@ -0,0 +1,2 @@
+export declare const ComponentPickerMenuPlugin: () => JSX.Element;
+export default ComponentPickerMenuPlugin;

package/lib/plugins/ComponentPickerMenuPlugin.js

@@ -0,0 +1,244 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+/**
+ * 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 { $createCodeNode } from '@lexical/code';
+import { INSERT_CHECK_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, } from '@lexical/list';
+import { INSERT_EMBED_COMMAND } from '@lexical/react/LexicalAutoEmbedPlugin';
+import { INSERT_JUPYTER_CELL_COMMAND, DEFAULT_INITIAL_OUTPUTS } from './JupyterPlugin';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { INSERT_HORIZONTAL_RULE_COMMAND } from '@lexical/react/LexicalHorizontalRuleNode';
+import { LexicalTypeaheadMenuPlugin, MenuOption, useBasicTypeaheadTriggerMatch, } from '@lexical/react/LexicalTypeaheadMenuPlugin';
+import { $createHeadingNode, $createQuoteNode } from '@lexical/rich-text';
+import { $setBlocksType } from '@lexical/selection';
+import { INSERT_TABLE_COMMAND } from '@lexical/table';
+import { $createParagraphNode, $getSelection, $isRangeSelection, FORMAT_ELEMENT_COMMAND, } from 'lexical';
+import { useCallback, useMemo, useState } from 'react';
+import * as ReactDOM from 'react-dom';
+import useModal from '../hooks/useModal';
+import catTypingGif from '../images/yellow-flower-small.jpg';
+import { EmbedConfigs } from './AutoEmbedPlugin';
+import { InsertEquationDialog } from './EquationsPlugin';
+import { INSERT_IMAGE_COMMAND, InsertImageDialog } from './ImagesPlugin';
+class ComponentPickerOption extends MenuOption {
+    // What shows up in the editor
+    title;
+    // Icon for display
+    icon;
+    // For extra searching.
+    keywords;
+    // TBD
+    keyboardShortcut;
+    // What happens when you select this option?
+    onSelect;
+    constructor(title, options) {
+        super(title);
+        this.title = title;
+        this.keywords = options.keywords || [];
+        this.icon = options.icon;
+        this.keyboardShortcut = options.keyboardShortcut;
+        this.onSelect = options.onSelect.bind(this);
+    }
+}
+function ComponentPickerMenuItem({ index, isSelected, onClick, onMouseEnter, option, }) {
+    let className = 'item';
+    if (isSelected) {
+        className += ' selected';
+    }
+    return (_jsxs("li", { tabIndex: -1, className: className, ref: option.setRefElement, role: "option", "aria-selected": isSelected, id: 'typeahead-item-' + index, onMouseEnter: onMouseEnter, onClick: onClick, children: [option.icon, _jsx("span", { className: "text", children: option.title })] }, option.key));
+}
+export const ComponentPickerMenuPlugin = () => {
+    const [editor] = useLexicalComposerContext();
+    const [modal, showModal] = useModal();
+    const [queryString, setQueryString] = useState(null);
+    const checkForTriggerMatch = useBasicTypeaheadTriggerMatch('/', {
+        minLength: 0,
+    });
+    const getDynamicOptions = useCallback(() => {
+        const options = [];
+        if (queryString == null) {
+            return options;
+        }
+        const fullTableRegex = new RegExp(/^([1-9]|10)x([1-9]|10)$/);
+        const partialTableRegex = new RegExp(/^([1-9]|10)x?$/);
+        const fullTableMatch = fullTableRegex.exec(queryString);
+        const partialTableMatch = partialTableRegex.exec(queryString);
+        if (fullTableMatch) {
+            const [rows, columns] = fullTableMatch[0]
+                .split('x')
+                .map((n) => parseInt(n, 10));
+            options.push(new ComponentPickerOption(`${rows}x${columns} Table`, {
+                icon: _jsx("i", { className: "icon table" }),
+                keywords: ['table'],
+                onSelect: () => 
+                // @ts-ignore Correct types, but since they're dynamic TS doesn't like it.
+                editor.dispatchCommand(INSERT_TABLE_COMMAND, { columns, rows }),
+            }));
+        }
+        else if (partialTableMatch) {
+            const rows = parseInt(partialTableMatch[0], 10);
+            options.push(...Array.from({ length: 5 }, (_, i) => i + 1).map((columns) => new ComponentPickerOption(`${rows}x${columns} Table`, {
+                icon: _jsx("i", { className: "icon table" }),
+                keywords: ['table'],
+                onSelect: () => 
+                // @ts-ignore Correct types, but since they're dynamic TS doesn't like it.
+                editor.dispatchCommand(INSERT_TABLE_COMMAND, { columns, rows }),
+            })));
+        }
+        return options;
+    }, [editor, queryString]);
+    const options = useMemo(() => {
+        const baseOptions = [
+            new ComponentPickerOption('Jupyter Cell', {
+                icon: _jsx("i", { className: "icon code" }),
+                keywords: ['javascript', 'python', 'js', 'codeblock', 'jupyter'],
+                onSelect: () => {
+                    const selection = $getSelection();
+                    const code = selection?.getTextContent() || "";
+                    editor.dispatchCommand(INSERT_JUPYTER_CELL_COMMAND, { code, outputs: code ? [] : DEFAULT_INITIAL_OUTPUTS });
+                }
+            }),
+            new ComponentPickerOption('Paragraph', {
+                icon: _jsx("i", { className: "icon paragraph" }),
+                keywords: ['normal', 'paragraph', 'p', 'text'],
+                onSelect: () => editor.update(() => {
+                    const selection = $getSelection();
+                    if ($isRangeSelection(selection)) {
+                        $setBlocksType(selection, () => $createParagraphNode());
+                    }
+                }),
+            }),
+            ...Array.from({ length: 3 }, (_, i) => i + 1).map((n) => new ComponentPickerOption(`Heading ${n}`, {
+                icon: _jsx("i", { className: `icon h${n}` }),
+                keywords: ['heading', 'header', `h${n}`],
+                onSelect: () => editor.update(() => {
+                    const selection = $getSelection();
+                    if ($isRangeSelection(selection)) {
+                        $setBlocksType(selection, () => 
+                        // @ts-ignore Correct types, but since they're dynamic TS doesn't like it.
+                        $createHeadingNode(`h${n}`));
+                    }
+                }),
+            })),
+            new ComponentPickerOption('Numbered List', {
+                icon: _jsx("i", { className: "icon number" }),
+                keywords: ['numbered list', 'ordered list', 'ol'],
+                onSelect: () => editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined),
+            }),
+            new ComponentPickerOption('Bulleted List', {
+                icon: _jsx("i", { className: "icon bullet" }),
+                keywords: ['bulleted list', 'unordered list', 'ul'],
+                onSelect: () => editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined),
+            }),
+            new ComponentPickerOption('Check List', {
+                icon: _jsx("i", { className: "icon check" }),
+                keywords: ['check list', 'todo list'],
+                onSelect: () => editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, undefined),
+            }),
+            new ComponentPickerOption('Quote', {
+                icon: _jsx("i", { className: "icon quote" }),
+                keywords: ['block quote'],
+                onSelect: () => editor.update(() => {
+                    const selection = $getSelection();
+                    if ($isRangeSelection(selection)) {
+                        $setBlocksType(selection, () => $createQuoteNode());
+                    }
+                }),
+            }),
+            new ComponentPickerOption('Code', {
+                icon: _jsx("i", { className: "icon code" }),
+                keywords: ['javascript', 'python', 'js', 'codeblock'],
+                onSelect: () => editor.update(() => {
+                    const selection = $getSelection();
+                    if ($isRangeSelection(selection)) {
+                        if (selection.isCollapsed()) {
+                            $setBlocksType(selection, () => $createCodeNode());
+                        }
+                        else {
+                            // Will this ever happen?
+                            const textContent = selection.getTextContent();
+                            const codeNode = $createCodeNode();
+                            selection.insertNodes([codeNode]);
+                            selection.insertRawText(textContent);
+                        }
+                    }
+                }),
+            }),
+            new ComponentPickerOption('Divider', {
+                icon: _jsx("i", { className: "icon horizontal-rule" }),
+                keywords: ['horizontal rule', 'divider', 'hr'],
+                onSelect: () => editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined),
+            }),
+            ...EmbedConfigs.map((embedConfig) => new ComponentPickerOption(`Embed ${embedConfig.contentName}`, {
+                icon: embedConfig.icon,
+                keywords: [...embedConfig.keywords, 'embed'],
+                onSelect: () => editor.dispatchCommand(INSERT_EMBED_COMMAND, embedConfig.type),
+            })),
+            new ComponentPickerOption('Equation', {
+                icon: _jsx("i", { className: "icon equation" }),
+                keywords: ['equation', 'latex', 'math'],
+                onSelect: () => showModal('Insert Equation', (onClose) => (_jsx(InsertEquationDialog, { activeEditor: editor, onClose: onClose }))),
+            }),
+            new ComponentPickerOption('GIF', {
+                icon: _jsx("i", { className: "icon gif" }),
+                keywords: ['gif', 'animate', 'image', 'file'],
+                onSelect: () => editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
+                    altText: 'Cat typing on a laptop',
+                    src: catTypingGif,
+                }),
+            }),
+            new ComponentPickerOption('Image', {
+                icon: _jsx("i", { className: "icon image" }),
+                keywords: ['image', 'photo', 'picture', 'file'],
+                onSelect: () => showModal('Insert Image', (onClose) => (_jsx(InsertImageDialog, { activeEditor: editor, onClose: onClose }))),
+            }),
+            ...['left', 'center', 'right', 'justify'].map((alignment) => new ComponentPickerOption(`Align ${alignment}`, {
+                icon: _jsx("i", { className: `icon ${alignment}-align` }),
+                keywords: ['align', 'justify', alignment],
+                onSelect: () => 
+                // @ts-ignore Correct types, but since they're dynamic TS doesn't like it.
+                editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, alignment),
+            })),
+        ];
+        const dynamicOptions = getDynamicOptions();
+        return queryString
+            ? [
+                ...dynamicOptions,
+                ...baseOptions.filter((option) => {
+                    return new RegExp(queryString, 'gi').exec(option.title) ||
+                        option.keywords != null
+                        ? option.keywords.some((keyword) => new RegExp(queryString, 'gi').exec(keyword))
+                        : false;
+                }),
+            ]
+            : baseOptions;
+    }, [editor, getDynamicOptions, queryString, showModal]);
+    const onSelectOption = useCallback((selectedOption, nodeToRemove, closeMenu, matchingString) => {
+        editor.update(() => {
+            if (nodeToRemove) {
+                nodeToRemove.remove();
+            }
+            selectedOption.onSelect(matchingString);
+            closeMenu();
+        });
+    }, [editor]);
+    return (_jsxs(_Fragment, { children: [modal, _jsx(LexicalTypeaheadMenuPlugin, { onQueryChange: setQueryString, onSelectOption: onSelectOption, triggerFn: checkForTriggerMatch, options: options, menuRenderFn: (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => anchorElementRef.current && options.length
+                    ? ReactDOM.createPortal(_jsx("div", { className: "typeahead-popover component-picker-menu", children: _jsx("ul", { children: options.map((option, i) => (_jsx(ComponentPickerMenuItem, { index: i, isSelected: selectedIndex === i, onClick: () => {
+                                    setHighlightedIndex(i);
+                                    selectOptionAndCleanUp(option);
+                                }, onMouseEnter: () => {
+                                    setHighlightedIndex(i);
+                                }, option: option }, option.key))) }) }), anchorElementRef.current)
+                    : null })] }));
+};
+export default ComponentPickerMenuPlugin;
+//# sourceMappingURL=ComponentPickerMenuPlugin.js.map

package/lib/plugins/ComponentPickerMenuPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentPickerMenuPlugin.js","sourceRoot":"","sources":["../../src/plugins/ComponentPickerMenuPlugin.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH;;;;;;GAMG;AAEH,OAAO,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAC9C,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC3B,6BAA6B,GAC9B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,oBAAoB,EAAC,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,2BAA2B,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AACvF,OAAO,EAAC,yBAAyB,EAAC,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAC,8BAA8B,EAAC,MAAM,0CAA0C,CAAC;AACxF,OAAO,EACL,0BAA0B,EAC1B,UAAU,EACV,6BAA6B,GAC9B,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAC,kBAAkB,EAAE,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAC,cAAc,EAAC,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AACpD,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,sBAAsB,GAEvB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AAEtC,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,YAAY,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAEvE,MAAM,qBAAsB,SAAQ,UAAU;IAC5C,8BAA8B;IAC9B,KAAK,CAAS;IACd,mBAAmB;IACnB,IAAI,CAAe;IACnB,uBAAuB;IACvB,QAAQ,CAAgB;IACxB,MAAM;IACN,gBAAgB,CAAU;IAC1B,4CAA4C;IAC5C,QAAQ,CAAgC;IAExC,YACE,KAAa,EACb,OAKC;QAED,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC;QACjD,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;CACF;AAED,SAAS,uBAAuB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,OAAO,EACP,YAAY,EACZ,MAAM,GAOP;IACC,IAAI,SAAS,GAAG,MAAM,CAAC;IACvB,IAAI,UAAU,EAAE;QACd,SAAS,IAAI,WAAW,CAAC;KAC1B;IACD,OAAO,CACL,cAEE,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,MAAM,CAAC,aAAa,EACzB,IAAI,EAAC,QAAQ,mBACE,UAAU,EACzB,EAAE,EAAE,iBAAiB,GAAG,KAAK,EAC7B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,aACf,MAAM,CAAC,IAAI,EACZ,eAAM,SAAS,EAAC,MAAM,YAAE,MAAM,CAAC,KAAK,GAAQ,KAVvC,MAAM,CAAC,GAAG,CAWZ,CACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAgB,EAAE;IACzD,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAE,CAAC;IACtC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAEpE,MAAM,oBAAoB,GAAG,6BAA6B,CAAC,GAAG,EAAE;QAC9D,SAAS,EAAE,CAAC;KACb,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,MAAM,OAAO,GAAiC,EAAE,CAAC;QAEjD,IAAI,WAAW,IAAI,IAAI,EAAE;YACvB,OAAO,OAAO,CAAC;SAChB;QAED,MAAM,cAAc,GAAG,IAAI,MAAM,CAAC,yBAAyB,CAAC,CAAC;QAC7D,MAAM,iBAAiB,GAAG,IAAI,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAEvD,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACxD,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAE9D,IAAI,cAAc,EAAE;YAClB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC;iBACtC,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;YAEvC,OAAO,CAAC,IAAI,CACV,IAAI,qBAAqB,CAAC,GAAG,IAAI,IAAI,OAAO,QAAQ,EAAE;gBACpD,IAAI,EAAE,YAAG,SAAS,EAAC,YAAY,GAAG;gBAClC,QAAQ,EAAE,CAAC,OAAO,CAAC;gBACnB,QAAQ,EAAE,GAAG,EAAE;gBACb,0EAA0E;gBAC1E,MAAM,CAAC,eAAe,CAAC,oBAAoB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;aAChE,CAAC,CACH,CAAC;SACH;aAAM,IAAI,iBAAiB,EAAE;YAC5B,MAAM,IAAI,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAEhD,OAAO,CAAC,IAAI,CACV,GAAG,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,CAAC,EAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAC7C,CAAC,OAAO,EAAE,EAAE,CACV,IAAI,qBAAqB,CAAC,GAAG,IAAI,IAAI,OAAO,QAAQ,EAAE;gBACpD,IAAI,EAAE,YAAG,SAAS,EAAC,YAAY,GAAG;gBAClC,QAAQ,EAAE,CAAC,OAAO,CAAC;gBACnB,QAAQ,EAAE,GAAG,EAAE;gBACb,0EAA0E;gBAC1E,MAAM,CAAC,eAAe,CAAC,oBAAoB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;aAChE,CAAC,CACL,CACF,CAAC;SACH;QAED,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1B,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,WAAW,GAAG;YAClB,IAAI,qBAAqB,CAAC,cAAc,EAAE;gBACxC,IAAI,EAAE,YAAG,SAAS,EAAC,WAAW,GAAG;gBACjC,QAAQ,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,CAAC;gBAChE,QAAQ,EAAE,GAAG,EAAE;oBACb,MAAM,SAAS,GAAG,aAAa,EAAE,CAAC;oBAClC,MAAM,IAAI,GAAG,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;oBAC/C,MAAM,CAAC,eAAe,CAAC,2BAA2B,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB,EAAE,CAAC,CAAC;gBAC9G,CAAC;aACF,CAAC;YACF,IAAI,qBAAqB,CAAC,WAAW,EAAE;gBACrC,IAAI,EAAE,YAAG,SAAS,EAAC,gBAAgB,GAAG;gBACtC,QAAQ,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC;gBAC9C,QAAQ,EAAE,GAAG,EAAE,CACb,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE;oBACjB,MAAM,SAAS,GAAG,aAAa,EAAE,CAAC;oBAClC,IAAI,iBAAiB,CAAC,SAAS,CAAC,EAAE;wBAChC,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,oBAAoB,EAAE,CAAC,CAAC;qBACzD;gBACH,CAAC,CAAC;aACL,CAAC;YACF,GAAG,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,CAAC,EAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAC7C,CAAC,CAAC,EAAE,EAAE,CACJ,IAAI,qBAAqB,CAAC,WAAW,CAAC,EAAE,EAAE;gBACxC,IAAI,EAAE,YAAG,SAAS,EAAE,SAAS,CAAC,EAAE,GAAI;gBACpC,QAAQ,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC;gBACxC,QAAQ,EAAE,GAAG,EAAE,CACb,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE;oBACjB,MAAM,SAAS,GAAG,aAAa,EAAE,CAAC;oBAClC,IAAI,iBAAiB,CAAC,SAAS,CAAC,EAAE;wBAChC,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE;wBAC7B,0EAA0E;wBAC1E,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAC5B,CAAC;qBACH;gBACH,CAAC,CAAC;aACL,CAAC,CACL;YACD,IAAI,qBAAqB,CAAC,eAAe,EAAE;gBACzC,IAAI,EAAE,YAAG,SAAS,EAAC,aAAa,GAAG;gBACnC,QAAQ,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,IAAI,CAAC;gBACjD,QAAQ,EAAE,GAAG,EAAE,CACb,MAAM,CAAC,eAAe,CAAC,2BAA2B,EAAE,SAAS,CAAC;aACjE,CAAC;YACF,IAAI,qBAAqB,CAAC,eAAe,EAAE;gBACzC,IAAI,EAAE,YAAG,SAAS,EAAC,aAAa,GAAG;gBACnC,QAAQ,EAAE,CAAC,eAAe,EAAE,gBAAgB,EAAE,IAAI,CAAC;gBACnD,QAAQ,EAAE,GAAG,EAAE,CACb,MAAM,CAAC,eAAe,CAAC,6BAA6B,EAAE,SAAS,CAAC;aACnE,CAAC;YACF,IAAI,qBAAqB,CAAC,YAAY,EAAE;gBACtC,IAAI,EAAE,YAAG,SAAS,EAAC,YAAY,GAAG;gBAClC,QAAQ,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC;gBACrC,QAAQ,EAAE,GAAG,EAAE,CACb,MAAM,CAAC,eAAe,CAAC,yBAAyB,EAAE,SAAS,CAAC;aAC/D,CAAC;YACF,IAAI,qBAAqB,CAAC,OAAO,EAAE;gBACjC,IAAI,EAAE,YAAG,SAAS,EAAC,YAAY,GAAG;gBAClC,QAAQ,EAAE,CAAC,aAAa,CAAC;gBACzB,QAAQ,EAAE,GAAG,EAAE,CACb,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE;oBACjB,MAAM,SAAS,GAAG,aAAa,EAAE,CAAC;oBAClC,IAAI,iBAAiB,CAAC,SAAS,CAAC,EAAE;wBAChC,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAAC;qBACrD;gBACH,CAAC,CAAC;aACL,CAAC;YACF,IAAI,qBAAqB,CAAC,MAAM,EAAE;gBAChC,IAAI,EAAE,YAAG,SAAS,EAAC,WAAW,GAAG;gBACjC,QAAQ,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,CAAC;gBACrD,QAAQ,EAAE,GAAG,EAAE,CACb,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE;oBACjB,MAAM,SAAS,GAAG,aAAa,EAAE,CAAC;oBAElC,IAAI,iBAAiB,CAAC,SAAS,CAAC,EAAE;wBAChC,IAAI,SAAS,CAAC,WAAW,EAAE,EAAE;4BAC3B,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC;yBACpD;6BAAM;4BACL,yBAAyB;4BACzB,MAAM,WAAW,GAAG,SAAS,CAAC,cAAc,EAAE,CAAC;4BAC/C,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAC;4BACnC,SAAS,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;4BAClC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;yBACtC;qBACF;gBACH,CAAC,CAAC;aACL,CAAC;YACF,IAAI,qBAAqB,CAAC,SAAS,EAAE;gBACnC,IAAI,EAAE,YAAG,SAAS,EAAC,sBAAsB,GAAG;gBAC5C,QAAQ,EAAE,CAAC,iBAAiB,EAAE,SAAS,EAAE,IAAI,CAAC;gBAC9C,QAAQ,EAAE,GAAG,EAAE,CACb,MAAM,CAAC,eAAe,CAAC,8BAA8B,EAAE,SAAS,CAAC;aACpE,CAAC;YACF,GAAG,YAAY,CAAC,GAAG,CACjB,CAAC,WAAW,EAAE,EAAE,CACd,IAAI,qBAAqB,CAAC,SAAS,WAAW,CAAC,WAAW,EAAE,EAAE;gBAC5D,IAAI,EAAE,WAAW,CAAC,IAAI;gBACtB,QAAQ,EAAE,CAAC,GAAG,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC;gBAC5C,QAAQ,EAAE,GAAG,EAAE,CACb,MAAM,CAAC,eAAe,CAAC,oBAAoB,EAAE,WAAW,CAAC,IAAI,CAAC;aACjE,CAAC,CACL;YACD,IAAI,qBAAqB,CAAC,UAAU,EAAE;gBACpC,IAAI,EAAE,YAAG,SAAS,EAAC,eAAe,GAAG;gBACrC,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC;gBACvC,QAAQ,EAAE,GAAG,EAAE,CACb,SAAS,CAAC,iBAAiB,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CACxC,KAAC,oBAAoB,IAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CACjE,CAAC;aACL,CAAC;YACF,IAAI,qBAAqB,CAAC,KAAK,EAAE;gBAC/B,IAAI,EAAE,YAAG,SAAS,EAAC,UAAU,GAAG;gBAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;gBAC7C,QAAQ,EAAE,GAAG,EAAE,CACb,MAAM,CAAC,eAAe,CAAC,oBAAoB,EAAE;oBAC3C,OAAO,EAAE,wBAAwB;oBACjC,GAAG,EAAE,YAAY;iBAClB,CAAC;aACL,CAAC;YACF,IAAI,qBAAqB,CAAC,OAAO,EAAE;gBACjC,IAAI,EAAE,YAAG,SAAS,EAAC,YAAY,GAAG;gBAClC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC;gBAC/C,QAAQ,EAAE,GAAG,EAAE,CACb,SAAS,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CACrC,KAAC,iBAAiB,IAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CAC9D,CAAC;aACL,CAAC;YACF,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,GAAG,CAC3C,CAAC,SAAS,EAAE,EAAE,CACZ,IAAI,qBAAqB,CAAC,SAAS,SAAS,EAAE,EAAE;gBAC9C,IAAI,EAAE,YAAG,SAAS,EAAE,QAAQ,SAAS,QAAQ,GAAI;gBACjD,QAAQ,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;gBACzC,QAAQ,EAAE,GAAG,EAAE;gBACb,0EAA0E;gBAC1E,MAAM,CAAC,eAAe,CAAC,sBAAsB,EAAE,SAAS,CAAC;aAC5D,CAAC,CACL;SACF,CAAC;QAEF,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;QAE3C,OAAO,WAAW;YAChB,CAAC,CAAC;gBACE,GAAG,cAAc;gBACjB,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC/B,OAAO,IAAI,MAAM,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;wBACrD,MAAM,CAAC,QAAQ,IAAI,IAAI;wBACvB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAC/B,IAAI,MAAM,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAC5C;wBACH,CAAC,CAAC,KAAK,CAAC;gBACZ,CAAC,CAAC;aACH;YACH,CAAC,CAAC,WAAW,CAAC;IAClB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAExD,MAAM,cAAc,GAAG,WAAW,CAChC,CACE,cAAqC,EACrC,YAA6B,EAC7B,SAAqB,EACrB,cAAsB,EACtB,EAAE;QACF,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE;YACjB,IAAI,YAAY,EAAE;gBAChB,YAAY,CAAC,MAAM,EAAE,CAAC;aACvB;YACD,cAAc,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;YACxC,SAAS,EAAE,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,8BACG,KAAK,EACN,KAAC,0BAA0B,IACzB,aAAa,EAAE,cAAc,EAC7B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,oBAAoB,EAC/B,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,CACZ,gBAAgB,EAChB,EAAC,aAAa,EAAE,sBAAsB,EAAE,mBAAmB,EAAC,EAC5D,EAAE,CACF,gBAAgB,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM;oBACxC,CAAC,CAAC,QAAQ,CAAC,YAAY,CACnB,cAAK,SAAS,EAAC,yCAAyC,YACtD,uBACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAS,EAAE,EAAE,CAAC,CAClC,KAAC,uBAAuB,IACtB,KAAK,EAAE,CAAC,EACR,UAAU,EAAE,aAAa,KAAK,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE;oCACZ,mBAAmB,CAAC,CAAC,CAAC,CAAC;oCACvB,sBAAsB,CAAC,MAAM,CAAC,CAAC;gCACjC,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;oCACjB,mBAAmB,CAAC,CAAC,CAAC,CAAC;gCACzB,CAAC,EAED,MAAM,EAAE,MAAM,IADT,MAAM,CAAC,GAAG,CAEf,CACH,CAAC,GACC,GACD,EACN,gBAAgB,CAAC,OAAO,CACzB;oBACH,CAAC,CAAC,IAAI,GAEV,IACD,CACJ,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,yBAAyB,CAAC"}

package/lib/plugins/EquationsPlugin.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+/**
+ * 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 'katex/dist/katex.css';
+import { LexicalCommand, LexicalEditor } from 'lexical';
+type CommandPayload = {
+    equation: string;
+    inline: boolean;
+};
+export declare const INSERT_EQUATION_COMMAND: LexicalCommand<CommandPayload>;
+export declare function InsertEquationDialog({ activeEditor, onClose, }: {
+    activeEditor: LexicalEditor;
+    onClose: () => void;
+}): JSX.Element;
+export declare const EquationsPlugin: () => JSX.Element | null;
+export default EquationsPlugin;