@webiny/lexical-editor 0.0.0-unstable.ecd8734205 → 5.35.0-beta.0

package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_link","require","_LexicalComposerContext","_lexical","_react","ClickableLinkPlugin","_ref","filter","_ref$newTab","newTab","_useLexicalComposerCo","useLexicalComposerContext","_useLexicalComposerCo2","_slicedToArray2","default","editor","useEffect","onClick","e","event","linkDomNode","getLinkDomNode","href","getAttribute","undefined","selection","getEditorState","read","$getSelection","$isRangeSelection","isCollapsed","linkNode","update","maybeLinkNode","$getNearestNodeFromDOMNode","$isLinkNode","window","open","metaKey","ctrlKey","_unused","registerRootListener","rootElement","prevRootElement","removeEventListener","addEventListener","isLinkDomNode","domNode","nodeName","toLowerCase","target","parentNode"],"sources":["ClickableLinkPlugin.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { LinkNode } from \"@lexical/link\";\nimport type { LexicalEditor } from \"lexical\";\n\nimport { $isLinkNode } from \"@lexical/link\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { $getNearestNodeFromDOMNode, $getSelection, $isRangeSelection } from \"lexical\";\nimport { useEffect } from \"react\";\n\ntype LinkFilter = (event: MouseEvent, linkNode: LinkNode) => boolean;\n\nexport function ClickableLinkPlugin({\n    filter,\n    newTab = true\n}: {\n    filter?: LinkFilter;\n    newTab?: boolean;\n}): JSX.Element | null {\n    const [editor] = useLexicalComposerContext();\n    useEffect(() => {\n        function onClick(e: Event) {\n            const event = e as MouseEvent;\n            const linkDomNode = getLinkDomNode(event, editor);\n\n            if (linkDomNode === null) {\n                return;\n            }\n\n            const href = linkDomNode.getAttribute(\"href\");\n\n            if (linkDomNode.getAttribute(\"contenteditable\") === \"false\" || href === undefined) {\n                return;\n            }\n\n            // Allow user to select link text without following url\n            const selection = editor.getEditorState().read($getSelection);\n            if ($isRangeSelection(selection) && !selection.isCollapsed()) {\n                return;\n            }\n\n            let linkNode = null;\n            editor.update(() => {\n                const maybeLinkNode = $getNearestNodeFromDOMNode(linkDomNode);\n\n                if ($isLinkNode(maybeLinkNode)) {\n                    linkNode = maybeLinkNode;\n                }\n            });\n\n            if (linkNode === null || (filter !== undefined && !filter(event, linkNode))) {\n                return;\n            }\n\n            try {\n                if (href !== null) {\n                    window.open(\n                        href,\n                        newTab || event.metaKey || event.ctrlKey ? \"_blank\" : \"_self\"\n                    );\n                }\n            } catch {\n                // It didn't work, which is better than throwing an exception!\n            }\n        }\n\n        return editor.registerRootListener(\n            (rootElement: null | HTMLElement, prevRootElement: null | HTMLElement) => {\n                if (prevRootElement !== null) {\n                    prevRootElement.removeEventListener(\"click\", onClick);\n                }\n\n                if (rootElement !== null) {\n                    rootElement.addEventListener(\"click\", onClick);\n                }\n            }\n        );\n    }, [editor, filter, newTab]);\n    return null;\n}\n\nfunction isLinkDomNode(domNode: Node): boolean {\n    return domNode.nodeName.toLowerCase() === \"a\";\n}\n\nfunction getLinkDomNode(event: MouseEvent, editor: LexicalEditor): HTMLAnchorElement | null {\n    return editor.getEditorState().read(() => {\n        const domNode = event.target as Node;\n\n        if (isLinkDomNode(domNode)) {\n            return domNode as HTMLAnchorElement;\n        }\n\n        if (domNode.parentNode && isLinkDomNode(domNode.parentNode)) {\n            return domNode.parentNode as HTMLAnchorElement;\n        }\n\n        return null;\n    });\n}\n"],"mappings":"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"}
+{"version":3,"names":["ClickableLinkPlugin","filter","newTab","useLexicalComposerContext","editor","useEffect","onClick","e","event","linkDomNode","getLinkDomNode","href","getAttribute","undefined","selection","getEditorState","read","$getSelection","$isRangeSelection","isCollapsed","linkNode","update","maybeLinkNode","$getNearestNodeFromDOMNode","$isLinkNode","window","open","metaKey","ctrlKey","registerRootListener","rootElement","prevRootElement","removeEventListener","addEventListener","isLinkDomNode","domNode","nodeName","toLowerCase","target","parentNode"],"sources":["ClickableLinkPlugin.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { LinkNode } from \"@lexical/link\";\nimport type { LexicalEditor } from \"lexical\";\n\nimport { $isLinkNode } from \"@lexical/link\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { $getNearestNodeFromDOMNode, $getSelection, $isRangeSelection } from \"lexical\";\nimport { useEffect } from \"react\";\n\ntype LinkFilter = (event: MouseEvent, linkNode: LinkNode) => boolean;\n\nexport function ClickableLinkPlugin({\n    filter,\n    newTab = true\n}: {\n    filter?: LinkFilter;\n    newTab?: boolean;\n}): JSX.Element | null {\n    const [editor] = useLexicalComposerContext();\n    useEffect(() => {\n        function onClick(e: Event) {\n            const event = e as MouseEvent;\n            const linkDomNode = getLinkDomNode(event, editor);\n\n            if (linkDomNode === null) {\n                return;\n            }\n\n            const href = linkDomNode.getAttribute(\"href\");\n\n            if (linkDomNode.getAttribute(\"contenteditable\") === \"false\" || href === undefined) {\n                return;\n            }\n\n            // Allow user to select link text without following url\n            const selection = editor.getEditorState().read($getSelection);\n            if ($isRangeSelection(selection) && !selection.isCollapsed()) {\n                return;\n            }\n\n            let linkNode = null;\n            editor.update(() => {\n                const maybeLinkNode = $getNearestNodeFromDOMNode(linkDomNode);\n\n                if ($isLinkNode(maybeLinkNode)) {\n                    linkNode = maybeLinkNode;\n                }\n            });\n\n            if (linkNode === null || (filter !== undefined && !filter(event, linkNode))) {\n                return;\n            }\n\n            try {\n                if (href !== null) {\n                    window.open(\n                        href,\n                        newTab || event.metaKey || event.ctrlKey ? \"_blank\" : \"_self\"\n                    );\n                }\n            } catch {\n                // It didn't work, which is better than throwing an exception!\n            }\n        }\n\n        return editor.registerRootListener(\n            (rootElement: null | HTMLElement, prevRootElement: null | HTMLElement) => {\n                if (prevRootElement !== null) {\n                    prevRootElement.removeEventListener(\"click\", onClick);\n                }\n\n                if (rootElement !== null) {\n                    rootElement.addEventListener(\"click\", onClick);\n                }\n            }\n        );\n    }, [editor, filter, newTab]);\n    return null;\n}\n\nfunction isLinkDomNode(domNode: Node): boolean {\n    return domNode.nodeName.toLowerCase() === \"a\";\n}\n\nfunction getLinkDomNode(event: MouseEvent, editor: LexicalEditor): HTMLAnchorElement | null {\n    return editor.getEditorState().read(() => {\n        const domNode = event.target as Node;\n\n        if (isLinkDomNode(domNode)) {\n            return domNode as HTMLAnchorElement;\n        }\n\n        if (domNode.parentNode && isLinkDomNode(domNode.parentNode)) {\n            return domNode.parentNode as HTMLAnchorElement;\n        }\n\n        return null;\n    });\n}\n"],"mappings":";;;;;;;;AAWA;AACA;AACA;AACA;AAdA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYO,SAASA,mBAAmB,OAMZ;EAAA,IALnBC,MAAM,QAANA,MAAM;IAAA,mBACNC,MAAM;IAANA,MAAM,4BAAG,IAAI;EAKb,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EACb,IAAAC,gBAAS,EAAC,YAAM;IACZ,SAASC,OAAO,CAACC,CAAQ,EAAE;MACvB,IAAMC,KAAK,GAAGD,CAAe;MAC7B,IAAME,WAAW,GAAGC,cAAc,CAACF,KAAK,EAAEJ,MAAM,CAAC;MAEjD,IAAIK,WAAW,KAAK,IAAI,EAAE;QACtB;MACJ;MAEA,IAAME,IAAI,GAAGF,WAAW,CAACG,YAAY,CAAC,MAAM,CAAC;MAE7C,IAAIH,WAAW,CAACG,YAAY,CAAC,iBAAiB,CAAC,KAAK,OAAO,IAAID,IAAI,KAAKE,SAAS,EAAE;QAC/E;MACJ;;MAEA;MACA,IAAMC,SAAS,GAAGV,MAAM,CAACW,cAAc,EAAE,CAACC,IAAI,CAACC,sBAAa,CAAC;MAC7D,IAAI,IAAAC,0BAAiB,EAACJ,SAAS,CAAC,IAAI,CAACA,SAAS,CAACK,WAAW,EAAE,EAAE;QAC1D;MACJ;MAEA,IAAIC,QAAQ,GAAG,IAAI;MACnBhB,MAAM,CAACiB,MAAM,CAAC,YAAM;QAChB,IAAMC,aAAa,GAAG,IAAAC,mCAA0B,EAACd,WAAW,CAAC;QAE7D,IAAI,IAAAe,iBAAW,EAACF,aAAa,CAAC,EAAE;UAC5BF,QAAQ,GAAGE,aAAa;QAC5B;MACJ,CAAC,CAAC;MAEF,IAAIF,QAAQ,KAAK,IAAI,IAAKnB,MAAM,KAAKY,SAAS,IAAI,CAACZ,MAAM,CAACO,KAAK,EAAEY,QAAQ,CAAE,EAAE;QACzE;MACJ;MAEA,IAAI;QACA,IAAIT,IAAI,KAAK,IAAI,EAAE;UACfc,MAAM,CAACC,IAAI,CACPf,IAAI,EACJT,MAAM,IAAIM,KAAK,CAACmB,OAAO,IAAInB,KAAK,CAACoB,OAAO,GAAG,QAAQ,GAAG,OAAO,CAChE;QACL;MACJ,CAAC,CAAC,gBAAM;QACJ;MAAA;IAER;IAEA,OAAOxB,MAAM,CAACyB,oBAAoB,CAC9B,UAACC,WAA+B,EAAEC,eAAmC,EAAK;MACtE,IAAIA,eAAe,KAAK,IAAI,EAAE;QAC1BA,eAAe,CAACC,mBAAmB,CAAC,OAAO,EAAE1B,OAAO,CAAC;MACzD;MAEA,IAAIwB,WAAW,KAAK,IAAI,EAAE;QACtBA,WAAW,CAACG,gBAAgB,CAAC,OAAO,EAAE3B,OAAO,CAAC;MAClD;IACJ,CAAC,CACJ;EACL,CAAC,EAAE,CAACF,MAAM,EAAEH,MAAM,EAAEC,MAAM,CAAC,CAAC;EAC5B,OAAO,IAAI;AACf;AAEA,SAASgC,aAAa,CAACC,OAAa,EAAW;EAC3C,OAAOA,OAAO,CAACC,QAAQ,CAACC,WAAW,EAAE,KAAK,GAAG;AACjD;AAEA,SAAS3B,cAAc,CAACF,KAAiB,EAAEJ,MAAqB,EAA4B;EACxF,OAAOA,MAAM,CAACW,cAAc,EAAE,CAACC,IAAI,CAAC,YAAM;IACtC,IAAMmB,OAAO,GAAG3B,KAAK,CAAC8B,MAAc;IAEpC,IAAIJ,aAAa,CAACC,OAAO,CAAC,EAAE;MACxB,OAAOA,OAAO;IAClB;IAEA,IAAIA,OAAO,CAACI,UAAU,IAAIL,aAAa,CAACC,OAAO,CAACI,UAAU,CAAC,EAAE;MACzD,OAAOJ,OAAO,CAACI,UAAU;IAC7B;IAEA,OAAO,IAAI;EACf,CAAC,CAAC;AACN"}

package/plugins/ClickableLinkPlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ClickableLinkPlugin","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./ClickableLinkPlugin\";\n"],"mappings":";;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,oBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,oBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,oBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ClickableLinkPlugin\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_code","_LexicalComposerContext","CodeHighlightPlugin","_useLexicalComposerCo","useLexicalComposerContext","_useLexicalComposerCo2","_slicedToArray2","default","editor","useEffect","registerCodeHighlighting"],"sources":["CodeHighlightPlugin.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { registerCodeHighlighting } from \"@lexical/code\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\n\nexport function CodeHighlightPlugin() {\n    const [editor] = useLexicalComposerContext();\n    useEffect(() => {\n        return registerCodeHighlighting(editor);\n    }, [editor]);\n    return null;\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAEO,SAASG,mBAAmBA,CAAA,EAAG;EAClC,IAAAC,qBAAA,GAAiB,IAAAC,iDAAyB,GAAE;IAAAC,sBAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,qBAAA;IAArCK,MAAM,GAAAH,sBAAA;EACb,IAAAI,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAC,8BAAwB,EAACF,MAAM,CAAC;EAC3C,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACZ,OAAO,IAAI;AACf"}
+{"version":3,"names":["CodeHighlightPlugin","useLexicalComposerContext","editor","useEffect","registerCodeHighlighting"],"sources":["CodeHighlightPlugin.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { registerCodeHighlighting } from \"@lexical/code\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\n\nexport function CodeHighlightPlugin() {\n    const [editor] = useLexicalComposerContext();\n    useEffect(() => {\n        return registerCodeHighlighting(editor);\n    }, [editor]);\n    return null;\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEO,SAASA,mBAAmB,GAAG;EAClC,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EACb,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAC,8BAAwB,EAACF,MAAM,CAAC;EAC3C,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACZ,OAAO,IAAI;AACf"}

package/plugins/CodeHighlightPlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_CodeHighlightPlugin","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./CodeHighlightPlugin\";\n"],"mappings":";;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,oBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,oBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,oBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./CodeHighlightPlugin\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_link","_LexicalComposerContext","_utils","_lexical","_reactDom","_LinkPreview","_getSelectedNode","_sanitizeUrl","_setFloatingElemPosition","FloatingLinkEditor","_ref","editor","anchorElem","editorRef","useRef","inputRef","_useState","useState","_useState2","_slicedToArray2","default","linkUrl","setLinkUrl","_useState3","_useState4","isEditMode","setEditMode","_useState5","_useState6","lastSelection","setLastSelection","updateLinkEditor","useCallback","selection","$getSelection","$isRangeSelection","node","getSelectedNode","parent","getParent","$isLinkNode","getURL","editorElem","current","nativeSelection","window","getSelection","activeElement","document","rootElement","getRootElement","contains","anchorNode","domRange","getRangeAt","rect","inner","firstElementChild","getBoundingClientRect","setFloatingElemPosition","className","removeLink","dispatchCommand","TOGGLE_LINK_COMMAND","useEffect","scrollerElem","parentElement","update","getEditorState","read","addEventListener","removeEventListener","mergeRegister","registerUpdateListener","_ref2","editorState","registerCommand","SELECTION_CHANGE_COMMAND","COMMAND_PRIORITY_LOW","focus","createElement","ref","value","onChange","event","target","onKeyDown","key","preventDefault","sanitizeUrl","Fragment","href","rel","role","tabIndex","onMouseDown","onClick","LinkPreview","url","useFloatingLinkEditorToolbar","_useState7","_useState8","activeEditor","setActiveEditor","_useState9","_useState10","isLink","setIsLink","updateToolbar","linkParent","$findMatchingParent","autoLinkParent","$isAutoLinkNode","_payload","newEditor","COMMAND_PRIORITY_CRITICAL","createPortal","FloatingLinkEditorPlugin","_ref3","_ref3$anchorElem","body","_useLexicalComposerCo","useLexicalComposerContext","_useLexicalComposerCo2"],"sources":["FloatingLinkEditorPlugin.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport \"./FloatingLinkEditorPlugin.css\";\nimport { $isAutoLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from \"@lexical/link\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { $findMatchingParent, mergeRegister } from \"@lexical/utils\";\nimport {\n    $getSelection,\n    $isRangeSelection,\n    COMMAND_PRIORITY_CRITICAL,\n    COMMAND_PRIORITY_LOW,\n    GridSelection,\n    LexicalEditor,\n    NodeSelection,\n    RangeSelection,\n    SELECTION_CHANGE_COMMAND\n} from \"lexical\";\n\nimport { createPortal } from \"react-dom\";\nimport { LinkPreview } from \"../../ui/LinkPreview\";\nimport { getSelectedNode } from \"../../utils/getSelectedNode\";\nimport { sanitizeUrl } from \"../../utils/sanitizeUrl\";\nimport { setFloatingElemPosition } from \"../../utils/setFloatingElemPosition\";\n\nfunction FloatingLinkEditor({\n    editor,\n    anchorElem\n}: {\n    editor: LexicalEditor;\n    anchorElem: HTMLElement;\n}): JSX.Element {\n    const editorRef = useRef<HTMLDivElement | null>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [linkUrl, setLinkUrl] = useState(\"\");\n    const [isEditMode, setEditMode] = useState(false);\n    const [lastSelection, setLastSelection] = useState<\n        RangeSelection | GridSelection | NodeSelection | null\n    >(null);\n\n    const updateLinkEditor = useCallback(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n            const node = getSelectedNode(selection);\n            const parent = node.getParent();\n            if ($isLinkNode(parent)) {\n                setLinkUrl(parent.getURL());\n            } else if ($isLinkNode(node)) {\n                setLinkUrl(node.getURL());\n            } else {\n                setLinkUrl(\"\");\n            }\n        }\n        const editorElem = editorRef.current;\n        const nativeSelection = window.getSelection();\n        const activeElement = document.activeElement;\n\n        if (editorElem === null) {\n            return;\n        }\n\n        const rootElement = editor.getRootElement();\n\n        if (\n            selection !== null &&\n            nativeSelection !== null &&\n            rootElement !== null &&\n            rootElement.contains(nativeSelection.anchorNode)\n        ) {\n            const domRange = nativeSelection.getRangeAt(0);\n            let rect;\n            if (nativeSelection.anchorNode === rootElement) {\n                let inner = rootElement;\n                while (inner.firstElementChild != null) {\n                    inner = inner.firstElementChild as HTMLElement;\n                }\n                rect = inner.getBoundingClientRect();\n            } else {\n                rect = domRange.getBoundingClientRect();\n            }\n\n            setFloatingElemPosition(rect, editorElem, anchorElem);\n            setLastSelection(selection);\n        } else if (!activeElement || activeElement.className !== \"link-input\") {\n            if (rootElement !== null) {\n                setFloatingElemPosition(null, editorElem, anchorElem);\n            }\n            setLastSelection(null);\n            setEditMode(false);\n            setLinkUrl(\"\");\n        }\n\n        return true;\n    }, [anchorElem, editor]);\n\n    const removeLink = () => {\n        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n        setEditMode(false);\n    };\n\n    useEffect(() => {\n        const scrollerElem = anchorElem.parentElement;\n\n        const update = () => {\n            editor.getEditorState().read(() => {\n                updateLinkEditor();\n            });\n        };\n\n        window.addEventListener(\"resize\", update);\n\n        if (scrollerElem) {\n            scrollerElem.addEventListener(\"scroll\", update);\n        }\n\n        return () => {\n            window.removeEventListener(\"resize\", update);\n\n            if (scrollerElem) {\n                scrollerElem.removeEventListener(\"scroll\", update);\n            }\n        };\n    }, [anchorElem.parentElement, editor, updateLinkEditor]);\n\n    useEffect(() => {\n        return mergeRegister(\n            editor.registerUpdateListener(({ editorState }) => {\n                editorState.read(() => {\n                    updateLinkEditor();\n                });\n            }),\n\n            editor.registerCommand(\n                SELECTION_CHANGE_COMMAND,\n                () => {\n                    updateLinkEditor();\n                    return true;\n                },\n                COMMAND_PRIORITY_LOW\n            )\n        );\n    }, [editor, updateLinkEditor]);\n\n    useEffect(() => {\n        editor.getEditorState().read(() => {\n            updateLinkEditor();\n        });\n    }, [editor, updateLinkEditor]);\n\n    useEffect(() => {\n        if (isEditMode && inputRef.current) {\n            inputRef.current.focus();\n        }\n    }, [isEditMode]);\n\n    return (\n        <div ref={editorRef} className=\"link-editor\">\n            {isEditMode ? (\n                <input\n                    ref={inputRef}\n                    className=\"link-input\"\n                    value={linkUrl}\n                    onChange={event => {\n                        setLinkUrl(event.target.value);\n                    }}\n                    onKeyDown={event => {\n                        if (event.key === \"Enter\") {\n                            event.preventDefault();\n                            if (lastSelection !== null) {\n                                if (linkUrl !== \"\") {\n                                    editor.dispatchCommand(\n                                        TOGGLE_LINK_COMMAND,\n                                        sanitizeUrl(linkUrl)\n                                    );\n                                }\n                                setEditMode(false);\n                            }\n                        } else if (event.key === \"Escape\") {\n                            event.preventDefault();\n                            setEditMode(false);\n                        }\n                    }}\n                />\n            ) : (\n                <>\n                    <div className=\"link-input\">\n                        <a href={linkUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                            {linkUrl}\n                        </a>\n                        <div\n                            className=\"link-edit\"\n                            role=\"button\"\n                            tabIndex={0}\n                            onMouseDown={event => event.preventDefault()}\n                            onClick={() => {\n                                setEditMode(true);\n                            }}\n                        />\n                        <div\n                            className=\"link-unlink\"\n                            role=\"button\"\n                            tabIndex={0}\n                            onMouseDown={event => event.preventDefault()}\n                            onClick={() => {\n                                removeLink();\n                            }}\n                        />\n                    </div>\n                    <LinkPreview url={linkUrl} />\n                </>\n            )}\n        </div>\n    );\n}\n\nfunction useFloatingLinkEditorToolbar(\n    editor: LexicalEditor,\n    anchorElem: HTMLElement\n): JSX.Element | null {\n    const [activeEditor, setActiveEditor] = useState(editor);\n    const [isLink, setIsLink] = useState(false);\n\n    const updateToolbar = useCallback(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n            const node = getSelectedNode(selection);\n            const linkParent = $findMatchingParent(node, $isLinkNode);\n            const autoLinkParent = $findMatchingParent(node, $isAutoLinkNode);\n\n            // We don't want this menu to open for auto links.\n            if (linkParent != null && autoLinkParent == null) {\n                setIsLink(true);\n            } else {\n                setIsLink(false);\n            }\n        }\n    }, []);\n\n    useEffect(() => {\n        return editor.registerCommand(\n            SELECTION_CHANGE_COMMAND,\n            (_payload, newEditor) => {\n                updateToolbar();\n                setActiveEditor(newEditor);\n                return false;\n            },\n            COMMAND_PRIORITY_CRITICAL\n        );\n    }, [editor, updateToolbar]);\n\n    return isLink\n        ? createPortal(\n              <FloatingLinkEditor editor={activeEditor} anchorElem={anchorElem} />,\n              anchorElem\n          )\n        : null;\n}\n\nexport function FloatingLinkEditorPlugin({\n    anchorElem = document.body\n}: {\n    anchorElem?: HTMLElement;\n}): JSX.Element | null {\n    const [editor] = useLexicalComposerContext();\n    return useFloatingLinkEditorToolbar(editor, anchorElem);\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAA,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAYA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,wBAAA,GAAAT,OAAA;AAEA,SAASU,kBAAkBA,CAAAC,IAAA,EAMX;EAAA,IALZC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,UAAU,GAAAF,IAAA,CAAVE,UAAU;EAKV,IAAMC,SAAS,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EACrD,IAAMC,QAAQ,GAAG,IAAAD,aAAM,EAAmB,IAAI,CAAC;EAC/C,IAAAE,SAAA,GAA8B,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAnCK,OAAO,GAAAH,UAAA;IAAEI,UAAU,GAAAJ,UAAA;EAC1B,IAAAK,UAAA,GAAkC,IAAAN,eAAQ,EAAC,KAAK,CAAC;IAAAO,UAAA,OAAAL,eAAA,CAAAC,OAAA,EAAAG,UAAA;IAA1CE,UAAU,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAC9B,IAAAG,UAAA,GAA0C,IAAAV,eAAQ,EAEhD,IAAI,CAAC;IAAAW,UAAA,OAAAT,eAAA,CAAAC,OAAA,EAAAO,UAAA;IAFAE,aAAa,GAAAD,UAAA;IAAEE,gBAAgB,GAAAF,UAAA;EAItC,IAAMG,gBAAgB,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACvC,IAAMC,SAAS,GAAG,IAAAC,sBAAa,GAAE;IACjC,IAAI,IAAAC,0BAAiB,EAACF,SAAS,CAAC,EAAE;MAC9B,IAAMG,IAAI,GAAG,IAAAC,gCAAe,EAACJ,SAAS,CAAC;MACvC,IAAMK,MAAM,GAAGF,IAAI,CAACG,SAAS,EAAE;MAC/B,IAAI,IAAAC,iBAAW,EAACF,MAAM,CAAC,EAAE;QACrBhB,UAAU,CAACgB,MAAM,CAACG,MAAM,EAAE,CAAC;MAC/B,CAAC,MAAM,IAAI,IAAAD,iBAAW,EAACJ,IAAI,CAAC,EAAE;QAC1Bd,UAAU,CAACc,IAAI,CAACK,MAAM,EAAE,CAAC;MAC7B,CAAC,MAAM;QACHnB,UAAU,CAAC,EAAE,CAAC;MAClB;IACJ;IACA,IAAMoB,UAAU,GAAG7B,SAAS,CAAC8B,OAAO;IACpC,IAAMC,eAAe,GAAGC,MAAM,CAACC,YAAY,EAAE;IAC7C,IAAMC,aAAa,GAAGC,QAAQ,CAACD,aAAa;IAE5C,IAAIL,UAAU,KAAK,IAAI,EAAE;MACrB;IACJ;IAEA,IAAMO,WAAW,GAAGtC,MAAM,CAACuC,cAAc,EAAE;IAE3C,IACIjB,SAAS,KAAK,IAAI,IAClBW,eAAe,KAAK,IAAI,IACxBK,WAAW,KAAK,IAAI,IACpBA,WAAW,CAACE,QAAQ,CAACP,eAAe,CAACQ,UAAU,CAAC,EAClD;MACE,IAAMC,QAAQ,GAAGT,eAAe,CAACU,UAAU,CAAC,CAAC,CAAC;MAC9C,IAAIC,IAAI;MACR,IAAIX,eAAe,CAACQ,UAAU,KAAKH,WAAW,EAAE;QAC5C,IAAIO,KAAK,GAAGP,WAAW;QACvB,OAAOO,KAAK,CAACC,iBAAiB,IAAI,IAAI,EAAE;UACpCD,KAAK,GAAGA,KAAK,CAACC,iBAAgC;QAClD;QACAF,IAAI,GAAGC,KAAK,CAACE,qBAAqB,EAAE;MACxC,CAAC,MAAM;QACHH,IAAI,GAAGF,QAAQ,CAACK,qBAAqB,EAAE;MAC3C;MAEA,IAAAC,gDAAuB,EAACJ,IAAI,EAAEb,UAAU,EAAE9B,UAAU,CAAC;MACrDkB,gBAAgB,CAACG,SAAS,CAAC;IAC/B,CAAC,MAAM,IAAI,CAACc,aAAa,IAAIA,aAAa,CAACa,SAAS,KAAK,YAAY,EAAE;MACnE,IAAIX,WAAW,KAAK,IAAI,EAAE;QACtB,IAAAU,gDAAuB,EAAC,IAAI,EAAEjB,UAAU,EAAE9B,UAAU,CAAC;MACzD;MACAkB,gBAAgB,CAAC,IAAI,CAAC;MACtBJ,WAAW,CAAC,KAAK,CAAC;MAClBJ,UAAU,CAAC,EAAE,CAAC;IAClB;IAEA,OAAO,IAAI;EACf,CAAC,EAAE,CAACV,UAAU,EAAED,MAAM,CAAC,CAAC;EAExB,IAAMkD,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;IACrBlD,MAAM,CAACmD,eAAe,CAACC,yBAAmB,EAAE,IAAI,CAAC;IACjDrC,WAAW,CAAC,KAAK,CAAC;EACtB,CAAC;EAED,IAAAsC,gBAAS,EAAC,YAAM;IACZ,IAAMC,YAAY,GAAGrD,UAAU,CAACsD,aAAa;IAE7C,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAA,EAAS;MACjBxD,MAAM,CAACyD,cAAc,EAAE,CAACC,IAAI,CAAC,YAAM;QAC/BtC,gBAAgB,EAAE;MACtB,CAAC,CAAC;IACN,CAAC;IAEDc,MAAM,CAACyB,gBAAgB,CAAC,QAAQ,EAAEH,MAAM,CAAC;IAEzC,IAAIF,YAAY,EAAE;MACdA,YAAY,CAACK,gBAAgB,CAAC,QAAQ,EAAEH,MAAM,CAAC;IACnD;IAEA,OAAO,YAAM;MACTtB,MAAM,CAAC0B,mBAAmB,CAAC,QAAQ,EAAEJ,MAAM,CAAC;MAE5C,IAAIF,YAAY,EAAE;QACdA,YAAY,CAACM,mBAAmB,CAAC,QAAQ,EAAEJ,MAAM,CAAC;MACtD;IACJ,CAAC;EACL,CAAC,EAAE,CAACvD,UAAU,CAACsD,aAAa,EAAEvD,MAAM,EAAEoB,gBAAgB,CAAC,CAAC;EAExD,IAAAiC,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAQ,oBAAa,EAChB7D,MAAM,CAAC8D,sBAAsB,CAAC,UAAAC,KAAA,EAAqB;MAAA,IAAlBC,WAAW,GAAAD,KAAA,CAAXC,WAAW;MACxCA,WAAW,CAACN,IAAI,CAAC,YAAM;QACnBtC,gBAAgB,EAAE;MACtB,CAAC,CAAC;IACN,CAAC,CAAC,EAEFpB,MAAM,CAACiE,eAAe,CAClBC,iCAAwB,EACxB,YAAM;MACF9C,gBAAgB,EAAE;MAClB,OAAO,IAAI;IACf,CAAC,EACD+C,6BAAoB,CACvB,CACJ;EACL,CAAC,EAAE,CAACnE,MAAM,EAAEoB,gBAAgB,CAAC,CAAC;EAE9B,IAAAiC,gBAAS,EAAC,YAAM;IACZrD,MAAM,CAACyD,cAAc,EAAE,CAACC,IAAI,CAAC,YAAM;MAC/BtC,gBAAgB,EAAE;IACtB,CAAC,CAAC;EACN,CAAC,EAAE,CAACpB,MAAM,EAAEoB,gBAAgB,CAAC,CAAC;EAE9B,IAAAiC,gBAAS,EAAC,YAAM;IACZ,IAAIvC,UAAU,IAAIV,QAAQ,CAAC4B,OAAO,EAAE;MAChC5B,QAAQ,CAAC4B,OAAO,CAACoC,KAAK,EAAE;IAC5B;EACJ,CAAC,EAAE,CAACtD,UAAU,CAAC,CAAC;EAEhB,oBACI5B,MAAA,CAAAuB,OAAA,CAAA4D,aAAA;IAAKC,GAAG,EAAEpE,SAAU;IAAC+C,SAAS,EAAC;EAAa,GACvCnC,UAAU,gBACP5B,MAAA,CAAAuB,OAAA,CAAA4D,aAAA;IACIC,GAAG,EAAElE,QAAS;IACd6C,SAAS,EAAC,YAAY;IACtBsB,KAAK,EAAE7D,OAAQ;IACf8D,QAAQ,EAAE,SAAAA,SAAAC,KAAK,EAAI;MACf9D,UAAU,CAAC8D,KAAK,CAACC,MAAM,CAACH,KAAK,CAAC;IAClC,CAAE;IACFI,SAAS,EAAE,SAAAA,UAAAF,KAAK,EAAI;MAChB,IAAIA,KAAK,CAACG,GAAG,KAAK,OAAO,EAAE;QACvBH,KAAK,CAACI,cAAc,EAAE;QACtB,IAAI3D,aAAa,KAAK,IAAI,EAAE;UACxB,IAAIR,OAAO,KAAK,EAAE,EAAE;YAChBV,MAAM,CAACmD,eAAe,CAClBC,yBAAmB,EACnB,IAAA0B,wBAAW,EAACpE,OAAO,CAAC,CACvB;UACL;UACAK,WAAW,CAAC,KAAK,CAAC;QACtB;MACJ,CAAC,MAAM,IAAI0D,KAAK,CAACG,GAAG,KAAK,QAAQ,EAAE;QAC/BH,KAAK,CAACI,cAAc,EAAE;QACtB9D,WAAW,CAAC,KAAK,CAAC;MACtB;IACJ;EAAE,EACJ,gBAEF7B,MAAA,CAAAuB,OAAA,CAAA4D,aAAA,CAAAnF,MAAA,CAAAuB,OAAA,CAAAsE,QAAA,qBACI7F,MAAA,CAAAuB,OAAA,CAAA4D,aAAA;IAAKpB,SAAS,EAAC;EAAY,gBACvB/D,MAAA,CAAAuB,OAAA,CAAA4D,aAAA;IAAGW,IAAI,EAAEtE,OAAQ;IAACgE,MAAM,EAAC,QAAQ;IAACO,GAAG,EAAC;EAAqB,GACtDvE,OAAO,CACR,eACJxB,MAAA,CAAAuB,OAAA,CAAA4D,aAAA;IACIpB,SAAS,EAAC,WAAW;IACrBiC,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZC,WAAW,EAAE,SAAAA,YAAAX,KAAK;MAAA,OAAIA,KAAK,CAACI,cAAc,EAAE;IAAA,CAAC;IAC7CQ,OAAO,EAAE,SAAAA,QAAA,EAAM;MACXtE,WAAW,CAAC,IAAI,CAAC;IACrB;EAAE,EACJ,eACF7B,MAAA,CAAAuB,OAAA,CAAA4D,aAAA;IACIpB,SAAS,EAAC,aAAa;IACvBiC,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZC,WAAW,EAAE,SAAAA,YAAAX,KAAK;MAAA,OAAIA,KAAK,CAACI,cAAc,EAAE;IAAA,CAAC;IAC7CQ,OAAO,EAAE,SAAAA,QAAA,EAAM;MACXnC,UAAU,EAAE;IAChB;EAAE,EACJ,CACA,eACNhE,MAAA,CAAAuB,OAAA,CAAA4D,aAAA,CAAC3E,YAAA,CAAA4F,WAAW;IAACC,GAAG,EAAE7E;EAAQ,EAAG,CAEpC,CACC;AAEd;AAEA,SAAS8E,4BAA4BA,CACjCxF,MAAqB,EACrBC,UAAuB,EACL;EAClB,IAAAwF,UAAA,GAAwC,IAAAnF,eAAQ,EAACN,MAAM,CAAC;IAAA0F,UAAA,OAAAlF,eAAA,CAAAC,OAAA,EAAAgF,UAAA;IAAjDE,YAAY,GAAAD,UAAA;IAAEE,eAAe,GAAAF,UAAA;EACpC,IAAAG,UAAA,GAA4B,IAAAvF,eAAQ,EAAC,KAAK,CAAC;IAAAwF,WAAA,OAAAtF,eAAA,CAAAC,OAAA,EAAAoF,UAAA;IAApCE,MAAM,GAAAD,WAAA;IAAEE,SAAS,GAAAF,WAAA;EAExB,IAAMG,aAAa,GAAG,IAAA5E,kBAAW,EAAC,YAAM;IACpC,IAAMC,SAAS,GAAG,IAAAC,sBAAa,GAAE;IACjC,IAAI,IAAAC,0BAAiB,EAACF,SAAS,CAAC,EAAE;MAC9B,IAAMG,IAAI,GAAG,IAAAC,gCAAe,EAACJ,SAAS,CAAC;MACvC,IAAM4E,UAAU,GAAG,IAAAC,0BAAmB,EAAC1E,IAAI,EAAEI,iBAAW,CAAC;MACzD,IAAMuE,cAAc,GAAG,IAAAD,0BAAmB,EAAC1E,IAAI,EAAE4E,qBAAe,CAAC;;MAEjE;MACA,IAAIH,UAAU,IAAI,IAAI,IAAIE,cAAc,IAAI,IAAI,EAAE;QAC9CJ,SAAS,CAAC,IAAI,CAAC;MACnB,CAAC,MAAM;QACHA,SAAS,CAAC,KAAK,CAAC;MACpB;IACJ;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAA3C,gBAAS,EAAC,YAAM;IACZ,OAAOrD,MAAM,CAACiE,eAAe,CACzBC,iCAAwB,EACxB,UAACoC,QAAQ,EAAEC,SAAS,EAAK;MACrBN,aAAa,EAAE;MACfL,eAAe,CAACW,SAAS,CAAC;MAC1B,OAAO,KAAK;IAChB,CAAC,EACDC,kCAAyB,CAC5B;EACL,CAAC,EAAE,CAACxG,MAAM,EAAEiG,aAAa,CAAC,CAAC;EAE3B,OAAOF,MAAM,gBACP,IAAAU,sBAAY,gBACRvH,MAAA,CAAAuB,OAAA,CAAA4D,aAAA,CAACvE,kBAAkB;IAACE,MAAM,EAAE2F,YAAa;IAAC1F,UAAU,EAAEA;EAAW,EAAG,EACpEA,UAAU,CACb,GACD,IAAI;AACd;AAEO,SAASyG,wBAAwBA,CAAAC,KAAA,EAIjB;EAAA,IAAAC,gBAAA,GAAAD,KAAA,CAHnB1G,UAAU;IAAVA,UAAU,GAAA2G,gBAAA,cAAGvE,QAAQ,CAACwE,IAAI,GAAAD,gBAAA;EAI1B,IAAAE,qBAAA,GAAiB,IAAAC,iDAAyB,GAAE;IAAAC,sBAAA,OAAAxG,eAAA,CAAAC,OAAA,EAAAqG,qBAAA;IAArC9G,MAAM,GAAAgH,sBAAA;EACb,OAAOxB,4BAA4B,CAACxF,MAAM,EAAEC,UAAU,CAAC;AAC3D"}
+{"version":3,"names":["FloatingLinkEditor","editor","anchorElem","editorRef","useRef","inputRef","useState","linkUrl","setLinkUrl","isEditMode","setEditMode","lastSelection","setLastSelection","updateLinkEditor","useCallback","selection","$getSelection","$isRangeSelection","node","getSelectedNode","parent","getParent","$isLinkNode","getURL","editorElem","current","nativeSelection","window","getSelection","activeElement","document","rootElement","getRootElement","contains","anchorNode","domRange","getRangeAt","rect","inner","firstElementChild","getBoundingClientRect","setFloatingElemPosition","className","removeLink","dispatchCommand","TOGGLE_LINK_COMMAND","useEffect","scrollerElem","parentElement","update","getEditorState","read","addEventListener","removeEventListener","mergeRegister","registerUpdateListener","editorState","registerCommand","SELECTION_CHANGE_COMMAND","COMMAND_PRIORITY_LOW","focus","event","target","value","key","preventDefault","sanitizeUrl","useFloatingLinkEditorToolbar","activeEditor","setActiveEditor","isLink","setIsLink","updateToolbar","linkParent","$findMatchingParent","autoLinkParent","$isAutoLinkNode","_payload","newEditor","COMMAND_PRIORITY_CRITICAL","createPortal","FloatingLinkEditorPlugin","body","useLexicalComposerContext"],"sources":["FloatingLinkEditorPlugin.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport \"./FloatingLinkEditorPlugin.css\";\nimport { $isAutoLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from \"@lexical/link\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { $findMatchingParent, mergeRegister } from \"@lexical/utils\";\nimport {\n    $getSelection,\n    $isRangeSelection,\n    COMMAND_PRIORITY_CRITICAL,\n    COMMAND_PRIORITY_LOW,\n    GridSelection,\n    LexicalEditor,\n    NodeSelection,\n    RangeSelection,\n    SELECTION_CHANGE_COMMAND\n} from \"lexical\";\n\nimport { createPortal } from \"react-dom\";\nimport { LinkPreview } from \"../../ui/LinkPreview\";\nimport { getSelectedNode } from \"../../utils/getSelectedNode\";\nimport { sanitizeUrl } from \"../../utils/sanitizeUrl\";\nimport { setFloatingElemPosition } from \"../../utils/setFloatingElemPosition\";\n\nfunction FloatingLinkEditor({\n    editor,\n    anchorElem\n}: {\n    editor: LexicalEditor;\n    anchorElem: HTMLElement;\n}): JSX.Element {\n    const editorRef = useRef<HTMLDivElement | null>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [linkUrl, setLinkUrl] = useState(\"\");\n    const [isEditMode, setEditMode] = useState(false);\n    const [lastSelection, setLastSelection] = useState<\n        RangeSelection | GridSelection | NodeSelection | null\n    >(null);\n\n    const updateLinkEditor = useCallback(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n            const node = getSelectedNode(selection);\n            const parent = node.getParent();\n            if ($isLinkNode(parent)) {\n                setLinkUrl(parent.getURL());\n            } else if ($isLinkNode(node)) {\n                setLinkUrl(node.getURL());\n            } else {\n                setLinkUrl(\"\");\n            }\n        }\n        const editorElem = editorRef.current;\n        const nativeSelection = window.getSelection();\n        const activeElement = document.activeElement;\n\n        if (editorElem === null) {\n            return;\n        }\n\n        const rootElement = editor.getRootElement();\n\n        if (\n            selection !== null &&\n            nativeSelection !== null &&\n            rootElement !== null &&\n            rootElement.contains(nativeSelection.anchorNode)\n        ) {\n            const domRange = nativeSelection.getRangeAt(0);\n            let rect;\n            if (nativeSelection.anchorNode === rootElement) {\n                let inner = rootElement;\n                while (inner.firstElementChild != null) {\n                    inner = inner.firstElementChild as HTMLElement;\n                }\n                rect = inner.getBoundingClientRect();\n            } else {\n                rect = domRange.getBoundingClientRect();\n            }\n\n            setFloatingElemPosition(rect, editorElem, anchorElem);\n            setLastSelection(selection);\n        } else if (!activeElement || activeElement.className !== \"link-input\") {\n            if (rootElement !== null) {\n                setFloatingElemPosition(null, editorElem, anchorElem);\n            }\n            setLastSelection(null);\n            setEditMode(false);\n            setLinkUrl(\"\");\n        }\n\n        return true;\n    }, [anchorElem, editor]);\n\n    const removeLink = () => {\n        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n        setEditMode(false);\n    };\n\n    useEffect(() => {\n        const scrollerElem = anchorElem.parentElement;\n\n        const update = () => {\n            editor.getEditorState().read(() => {\n                updateLinkEditor();\n            });\n        };\n\n        window.addEventListener(\"resize\", update);\n\n        if (scrollerElem) {\n            scrollerElem.addEventListener(\"scroll\", update);\n        }\n\n        return () => {\n            window.removeEventListener(\"resize\", update);\n\n            if (scrollerElem) {\n                scrollerElem.removeEventListener(\"scroll\", update);\n            }\n        };\n    }, [anchorElem.parentElement, editor, updateLinkEditor]);\n\n    useEffect(() => {\n        return mergeRegister(\n            editor.registerUpdateListener(({ editorState }) => {\n                editorState.read(() => {\n                    updateLinkEditor();\n                });\n            }),\n\n            editor.registerCommand(\n                SELECTION_CHANGE_COMMAND,\n                () => {\n                    updateLinkEditor();\n                    return true;\n                },\n                COMMAND_PRIORITY_LOW\n            )\n        );\n    }, [editor, updateLinkEditor]);\n\n    useEffect(() => {\n        editor.getEditorState().read(() => {\n            updateLinkEditor();\n        });\n    }, [editor, updateLinkEditor]);\n\n    useEffect(() => {\n        if (isEditMode && inputRef.current) {\n            inputRef.current.focus();\n        }\n    }, [isEditMode]);\n\n    return (\n        <div ref={editorRef} className=\"link-editor\">\n            {isEditMode ? (\n                <input\n                    ref={inputRef}\n                    className=\"link-input\"\n                    value={linkUrl}\n                    onChange={event => {\n                        setLinkUrl(event.target.value);\n                    }}\n                    onKeyDown={event => {\n                        if (event.key === \"Enter\") {\n                            event.preventDefault();\n                            if (lastSelection !== null) {\n                                if (linkUrl !== \"\") {\n                                    editor.dispatchCommand(\n                                        TOGGLE_LINK_COMMAND,\n                                        sanitizeUrl(linkUrl)\n                                    );\n                                }\n                                setEditMode(false);\n                            }\n                        } else if (event.key === \"Escape\") {\n                            event.preventDefault();\n                            setEditMode(false);\n                        }\n                    }}\n                />\n            ) : (\n                <>\n                    <div className=\"link-input\">\n                        <a href={linkUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                            {linkUrl}\n                        </a>\n                        <div\n                            className=\"link-edit\"\n                            role=\"button\"\n                            tabIndex={0}\n                            onMouseDown={event => event.preventDefault()}\n                            onClick={() => {\n                                setEditMode(true);\n                            }}\n                        />\n                        <div\n                            className=\"link-unlink\"\n                            role=\"button\"\n                            tabIndex={0}\n                            onMouseDown={event => event.preventDefault()}\n                            onClick={() => {\n                                removeLink();\n                            }}\n                        />\n                    </div>\n                    <LinkPreview url={linkUrl} />\n                </>\n            )}\n        </div>\n    );\n}\n\nfunction useFloatingLinkEditorToolbar(\n    editor: LexicalEditor,\n    anchorElem: HTMLElement\n): JSX.Element | null {\n    const [activeEditor, setActiveEditor] = useState(editor);\n    const [isLink, setIsLink] = useState(false);\n\n    const updateToolbar = useCallback(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n            const node = getSelectedNode(selection);\n            const linkParent = $findMatchingParent(node, $isLinkNode);\n            const autoLinkParent = $findMatchingParent(node, $isAutoLinkNode);\n\n            // We don't want this menu to open for auto links.\n            if (linkParent != null && autoLinkParent == null) {\n                setIsLink(true);\n            } else {\n                setIsLink(false);\n            }\n        }\n    }, []);\n\n    useEffect(() => {\n        return editor.registerCommand(\n            SELECTION_CHANGE_COMMAND,\n            (_payload, newEditor) => {\n                updateToolbar();\n                setActiveEditor(newEditor);\n                return false;\n            },\n            COMMAND_PRIORITY_CRITICAL\n        );\n    }, [editor, updateToolbar]);\n\n    return isLink\n        ? createPortal(\n              <FloatingLinkEditor editor={activeEditor} anchorElem={anchorElem} />,\n              anchorElem\n          )\n        : null;\n}\n\nexport function FloatingLinkEditorPlugin({\n    anchorElem = document.body\n}: {\n    anchorElem?: HTMLElement;\n}): JSX.Element | null {\n    const [editor] = useLexicalComposerContext();\n    return useFloatingLinkEditorToolbar(editor, anchorElem);\n}\n"],"mappings":"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"}

package/plugins/FloatingLinkEditorPlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_FloatingLinkEditorPlugin","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./FloatingLinkEditorPlugin\";\n"],"mappings":";;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,yBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,yBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,yBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./FloatingLinkEditorPlugin\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/plugins/FontColorPlugin/FontColorPlugin.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FontColorPlugin: React.FC;

package/plugins/FontColorPlugin/FontColorPlugin.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FontColorPlugin = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+var _FontColorNode = require("../../nodes/FontColorNode");
+var _lexical = require("lexical");
+var _utils = require("@lexical/utils");
+var FontColorPlugin = function FontColorPlugin() {
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  (0, _react.useEffect)(function () {
+    return editor.registerCommand(_FontColorNode.ADD_FONT_COLOR_COMMAND, function (payload) {
+      editor.update(function () {
+        var color = payload.color,
+          themeColorName = payload.themeColorName;
+        var selection = (0, _lexical.$getSelection)();
+        if ((0, _lexical.$isRangeSelection)(selection)) {
+          var fontColorNode = (0, _FontColorNode.$createFontColorNode)(selection.getTextContent(), color, themeColorName);
+          (0, _FontColorNode.$applyStylesToNode)(fontColorNode, selection);
+          (0, _lexical.$insertNodes)([fontColorNode]);
+          if ((0, _lexical.$isRootOrShadowRoot)(fontColorNode.getParentOrThrow())) {
+            (0, _utils.$wrapNodeInElement)(fontColorNode, _lexical.$createParagraphNode).selectEnd();
+          }
+        }
+      });
+      return true;
+    }, _lexical.COMMAND_PRIORITY_EDITOR);
+  }, [editor]);
+  return null;
+};
+exports.FontColorPlugin = FontColorPlugin;

package/plugins/FontColorPlugin/FontColorPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FontColorPlugin","useLexicalComposerContext","editor","useEffect","registerCommand","ADD_FONT_COLOR_COMMAND","payload","update","color","themeColorName","selection","$getSelection","$isRangeSelection","fontColorNode","$createFontColorNode","getTextContent","$applyStylesToNode","$insertNodes","$isRootOrShadowRoot","getParentOrThrow","$wrapNodeInElement","$createParagraphNode","selectEnd","COMMAND_PRIORITY_EDITOR"],"sources":["FontColorPlugin.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport {\n    $applyStylesToNode,\n    $createFontColorNode,\n    ADD_FONT_COLOR_COMMAND,\n    FontColorPayload\n} from \"~/nodes/FontColorNode\";\nimport {\n    $createParagraphNode,\n    $getSelection,\n    $insertNodes,\n    $isRangeSelection,\n    $isRootOrShadowRoot,\n    COMMAND_PRIORITY_EDITOR\n} from \"lexical\";\nimport { $wrapNodeInElement } from \"@lexical/utils\";\n\nexport const FontColorPlugin: React.FC = () => {\n    const [editor] = useLexicalComposerContext();\n\n    useEffect(() => {\n        return editor.registerCommand<FontColorPayload>(\n            ADD_FONT_COLOR_COMMAND,\n            payload => {\n                editor.update(() => {\n                    const { color, themeColorName } = payload;\n                    const selection = $getSelection();\n\n                    if ($isRangeSelection(selection)) {\n                        const fontColorNode = $createFontColorNode(\n                            selection.getTextContent(),\n                            color,\n                            themeColorName\n                        );\n                        $applyStylesToNode(fontColorNode, selection);\n                        $insertNodes([fontColorNode]);\n                        if ($isRootOrShadowRoot(fontColorNode.getParentOrThrow())) {\n                            $wrapNodeInElement(fontColorNode, $createParagraphNode).selectEnd();\n                        }\n                    }\n                });\n                return true;\n            },\n            COMMAND_PRIORITY_EDITOR\n        );\n    }, [editor]);\n\n    return null;\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAMA;AAQA;AAEO,IAAMA,eAAyB,GAAG,SAA5BA,eAAyB,GAAS;EAC3C,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EAEb,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAOD,MAAM,CAACE,eAAe,CACzBC,qCAAsB,EACtB,UAAAC,OAAO,EAAI;MACPJ,MAAM,CAACK,MAAM,CAAC,YAAM;QAChB,IAAQC,KAAK,GAAqBF,OAAO,CAAjCE,KAAK;UAAEC,cAAc,GAAKH,OAAO,CAA1BG,cAAc;QAC7B,IAAMC,SAAS,GAAG,IAAAC,sBAAa,GAAE;QAEjC,IAAI,IAAAC,0BAAiB,EAACF,SAAS,CAAC,EAAE;UAC9B,IAAMG,aAAa,GAAG,IAAAC,mCAAoB,EACtCJ,SAAS,CAACK,cAAc,EAAE,EAC1BP,KAAK,EACLC,cAAc,CACjB;UACD,IAAAO,iCAAkB,EAACH,aAAa,EAAEH,SAAS,CAAC;UAC5C,IAAAO,qBAAY,EAAC,CAACJ,aAAa,CAAC,CAAC;UAC7B,IAAI,IAAAK,4BAAmB,EAACL,aAAa,CAACM,gBAAgB,EAAE,CAAC,EAAE;YACvD,IAAAC,yBAAkB,EAACP,aAAa,EAAEQ,6BAAoB,CAAC,CAACC,SAAS,EAAE;UACvE;QACJ;MACJ,CAAC,CAAC;MACF,OAAO,IAAI;IACf,CAAC,EACDC,gCAAuB,CAC1B;EACL,CAAC,EAAE,CAACrB,MAAM,CAAC,CAAC;EAEZ,OAAO,IAAI;AACf,CAAC;AAAC"}

package/plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_LexicalComposerContext","require","_react","_interopRequireWildcard","_isValidLexicalData","_generateInitialLexicalValue","LexicalUpdateStatePlugin","_ref","value","_useLexicalComposerCo","useLexicalComposerContext","_useLexicalComposerCo2","_slicedToArray2","default","editor","useEffect","editorState","getEditorState","JSON","stringify","toJSON","initialEditorState","parseEditorState","isValidLexicalData","generateInitialLexicalValue","setEditorState","createElement","Fragment","exports"],"sources":["LexicalUpdateStatePlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport React, { FC, useEffect } from \"react\";\nimport { isValidLexicalData } from \"~/utils/isValidLexicalData\";\nimport { generateInitialLexicalValue } from \"~/utils/generateInitialLexicalValue\";\nimport { LexicalValue } from \"~/types\";\n\ninterface LexicalUpdateStatePlugin {\n    value: LexicalValue | null;\n    readOnly?: boolean;\n}\n\n/*\n * Updates the lexical state if new value is provided to the lexical editor trough props\n */\nexport const LexicalUpdateStatePlugin: FC<LexicalUpdateStatePlugin> = ({\n    value\n}): React.ReactElement => {\n    const [editor] = useLexicalComposerContext();\n    useEffect(() => {\n        if (value && editor) {\n            const editorState = editor.getEditorState();\n            if (JSON.stringify(editorState.toJSON()) === value) {\n                return;\n            }\n\n            const initialEditorState = editor.parseEditorState(\n                isValidLexicalData(value)\n                    ? (value as string)\n                    : (generateInitialLexicalValue() as string)\n            );\n            editor.setEditorState(initialEditorState);\n        }\n    }, [value, editor]);\n\n    return <></>;\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,4BAAA,GAAAJ,OAAA;AAQA;AACA;AACA;AACO,IAAMK,wBAAsD,GAAG,SAAzDA,wBAAsDA,CAAAC,IAAA,EAEzC;EAAA,IADtBC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAEL,IAAAC,qBAAA,GAAiB,IAAAC,iDAAyB,GAAE;IAAAC,sBAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,qBAAA;IAArCK,MAAM,GAAAH,sBAAA;EACb,IAAAI,gBAAS,EAAC,YAAM;IACZ,IAAIP,KAAK,IAAIM,MAAM,EAAE;MACjB,IAAME,WAAW,GAAGF,MAAM,CAACG,cAAc,EAAE;MAC3C,IAAIC,IAAI,CAACC,SAAS,CAACH,WAAW,CAACI,MAAM,EAAE,CAAC,KAAKZ,KAAK,EAAE;QAChD;MACJ;MAEA,IAAMa,kBAAkB,GAAGP,MAAM,CAACQ,gBAAgB,CAC9C,IAAAC,sCAAkB,EAACf,KAAK,CAAC,GAClBA,KAAK,GACL,IAAAgB,wDAA2B,GAAa,CAClD;MACDV,MAAM,CAACW,cAAc,CAACJ,kBAAkB,CAAC;IAC7C;EACJ,CAAC,EAAE,CAACb,KAAK,EAAEM,MAAM,CAAC,CAAC;EAEnB,oBAAOZ,MAAA,CAAAW,OAAA,CAAAa,aAAA,CAAAxB,MAAA,CAAAW,OAAA,CAAAc,QAAA,OAAK;AAChB,CAAC;AAACC,OAAA,CAAAtB,wBAAA,GAAAA,wBAAA"}
+{"version":3,"names":["LexicalUpdateStatePlugin","value","useLexicalComposerContext","editor","useEffect","editorState","getEditorState","JSON","stringify","toJSON","initialEditorState","parseEditorState","isValidLexicalData","generateInitialLexicalValue","setEditorState"],"sources":["LexicalUpdateStatePlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport React, { FC, useEffect } from \"react\";\nimport { isValidLexicalData } from \"~/utils/isValidLexicalData\";\nimport { generateInitialLexicalValue } from \"~/utils/generateInitialLexicalValue\";\nimport { LexicalValue } from \"~/types\";\n\ninterface LexicalUpdateStatePlugin {\n    value: LexicalValue | null;\n    readOnly?: boolean;\n}\n\n/*\n * Updates the lexical state if new value is provided to the lexical editor trough props\n */\nexport const LexicalUpdateStatePlugin: FC<LexicalUpdateStatePlugin> = ({\n    value\n}): React.ReactElement => {\n    const [editor] = useLexicalComposerContext();\n    useEffect(() => {\n        if (value && editor) {\n            const editorState = editor.getEditorState();\n            if (JSON.stringify(editorState.toJSON()) === value) {\n                return;\n            }\n\n            const initialEditorState = editor.parseEditorState(\n                isValidLexicalData(value)\n                    ? (value as string)\n                    : (generateInitialLexicalValue() as string)\n            );\n            editor.setEditorState(initialEditorState);\n        }\n    }, [value, editor]);\n\n    return <></>;\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AAQA;AACA;AACA;AACO,IAAMA,wBAAsD,GAAG,SAAzDA,wBAAsD,OAEzC;EAAA,IADtBC,KAAK,QAALA,KAAK;EAEL,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EACb,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAIH,KAAK,IAAIE,MAAM,EAAE;MACjB,IAAME,WAAW,GAAGF,MAAM,CAACG,cAAc,EAAE;MAC3C,IAAIC,IAAI,CAACC,SAAS,CAACH,WAAW,CAACI,MAAM,EAAE,CAAC,KAAKR,KAAK,EAAE;QAChD;MACJ;MAEA,IAAMS,kBAAkB,GAAGP,MAAM,CAACQ,gBAAgB,CAC9C,IAAAC,sCAAkB,EAACX,KAAK,CAAC,GAClBA,KAAK,GACL,IAAAY,wDAA2B,GAAa,CAClD;MACDV,MAAM,CAACW,cAAc,CAACJ,kBAAkB,CAAC;IAC7C;EACJ,CAAC,EAAE,CAACT,KAAK,EAAEE,MAAM,CAAC,CAAC;EAEnB,oBAAO,2DAAK;AAChB,CAAC;AAAC"}

package/plugins/LexicalUpdateStatePlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_LexicalUpdateStatePlugin","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./LexicalUpdateStatePlugin\";\n"],"mappings":";;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,yBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,yBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,yBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./LexicalUpdateStatePlugin\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/plugins/TypographyPlugin/TypographyPlugin.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TypographyPlugin: React.FC;

package/plugins/TypographyPlugin/TypographyPlugin.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TypographyPlugin = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+var _lexical = require("lexical");
+var _TypographyElementNode = require("../../nodes/TypographyElementNode");
+var _selection = require("@lexical/selection");
+var TypographyPlugin = function TypographyPlugin() {
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  (0, _react.useEffect)(function () {
+    return editor.registerCommand(_TypographyElementNode.ADD_TYPOGRAPHY_ELEMENT_COMMAND, function (payload) {
+      var selection = (0, _lexical.$getSelection)();
+      if ((0, _lexical.$isRangeSelection)(selection)) {
+        (0, _selection.$wrapNodes)(selection, function () {
+          return (0, _TypographyElementNode.$createTypographyNode)(payload.value);
+        });
+      }
+      return true;
+    }, _lexical.COMMAND_PRIORITY_EDITOR);
+  }, [editor]);
+  return null;
+};
+exports.TypographyPlugin = TypographyPlugin;

package/plugins/TypographyPlugin/TypographyPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TypographyPlugin","useLexicalComposerContext","editor","useEffect","registerCommand","ADD_TYPOGRAPHY_ELEMENT_COMMAND","payload","selection","$getSelection","$isRangeSelection","$wrapNodes","$createTypographyNode","value","COMMAND_PRIORITY_EDITOR"],"sources":["TypographyPlugin.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR } from \"lexical\";\nimport {\n    $createTypographyNode,\n    ADD_TYPOGRAPHY_ELEMENT_COMMAND,\n    TypographyPayload\n} from \"~/nodes/TypographyElementNode\";\nimport { $wrapNodes } from \"@lexical/selection\";\n\nexport const TypographyPlugin: React.FC = () => {\n    const [editor] = useLexicalComposerContext();\n\n    useEffect(() => {\n        return editor.registerCommand<TypographyPayload>(\n            ADD_TYPOGRAPHY_ELEMENT_COMMAND,\n            payload => {\n                const selection = $getSelection();\n                if ($isRangeSelection(selection)) {\n                    $wrapNodes(selection, () => $createTypographyNode(payload.value));\n                }\n                return true;\n            },\n            COMMAND_PRIORITY_EDITOR\n        );\n    }, [editor]);\n\n    return null;\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAKA;AAEO,IAAMA,gBAA0B,GAAG,SAA7BA,gBAA0B,GAAS;EAC5C,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EAEb,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAOD,MAAM,CAACE,eAAe,CACzBC,qDAA8B,EAC9B,UAAAC,OAAO,EAAI;MACP,IAAMC,SAAS,GAAG,IAAAC,sBAAa,GAAE;MACjC,IAAI,IAAAC,0BAAiB,EAACF,SAAS,CAAC,EAAE;QAC9B,IAAAG,qBAAU,EAACH,SAAS,EAAE;UAAA,OAAM,IAAAI,4CAAqB,EAACL,OAAO,CAACM,KAAK,CAAC;QAAA,EAAC;MACrE;MACA,OAAO,IAAI;IACf,CAAC,EACDC,gCAAuB,CAC1B;EACL,CAAC,EAAE,CAACX,MAAM,CAAC,CAAC;EAEZ,OAAO,IAAI;AACf,CAAC;AAAC"}

package/plugins/WebinyListPLugin/WebinyListPlugin.d.ts

@@ -0,0 +1 @@
+export declare function WebinyListPlugin(): null;

package/plugins/WebinyListPLugin/WebinyListPlugin.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WebinyListPlugin = WebinyListPlugin;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+var _react = require("react");
+var _WebinyListNode = require("../../nodes/list-node/WebinyListNode");
+var _WebinyListItemNode = require("../../nodes/list-node/WebinyListItemNode");
+var _useWebinyList = require("../../hooks/useWebinyList");
+function WebinyListPlugin() {
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  (0, _react.useEffect)(function () {
+    if (!editor.hasNodes([_WebinyListNode.WebinyListNode, _WebinyListItemNode.WebinyListItemNode])) {
+      throw new Error("WebinyListPlugin: WebinyListNode and/or WebinyListItemNode not registered on editor");
+    }
+  }, [editor]);
+  (0, _useWebinyList.useWebinyList)(editor);
+  return null;
+}

package/plugins/WebinyListPLugin/WebinyListPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WebinyListPlugin","useLexicalComposerContext","editor","useEffect","hasNodes","WebinyListNode","WebinyListItemNode","Error","useWebinyList"],"sources":["WebinyListPlugin.ts"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { useEffect } from \"react\";\nimport { WebinyListNode } from \"~/nodes/list-node/WebinyListNode\";\nimport { WebinyListItemNode } from \"~/nodes/list-node/WebinyListItemNode\";\nimport { useWebinyList } from \"~/hooks/useWebinyList\";\n\nexport function WebinyListPlugin(): null {\n    const [editor] = useLexicalComposerContext();\n\n    useEffect(() => {\n        if (!editor.hasNodes([WebinyListNode, WebinyListItemNode])) {\n            throw new Error(\n                \"WebinyListPlugin: WebinyListNode and/or WebinyListItemNode not registered on editor\"\n            );\n        }\n    }, [editor]);\n\n    useWebinyList(editor);\n\n    return null;\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEO,SAASA,gBAAgB,GAAS;EACrC,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EAEb,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACD,MAAM,CAACE,QAAQ,CAAC,CAACC,8BAAc,EAAEC,sCAAkB,CAAC,CAAC,EAAE;MACxD,MAAM,IAAIC,KAAK,CACX,qFAAqF,CACxF;IACL;EACJ,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZ,IAAAM,4BAAa,EAACN,MAAM,CAAC;EAErB,OAAO,IAAI;AACf"}

package/plugins/WebinyQuoteNodePlugin/WebinyQuoteNodePlugin.d.ts

@@ -0,0 +1 @@
+export declare function WebinyQuotePlugin(): null;

package/plugins/WebinyQuoteNodePlugin/WebinyQuoteNodePlugin.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WebinyQuotePlugin = WebinyQuotePlugin;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+var _react = require("react");
+var _WebinyQuoteNode = require("../../nodes/WebinyQuoteNode");
+var _useWebinyQuote = require("../../hooks/useWebinyQuote");
+function WebinyQuotePlugin() {
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  (0, _react.useEffect)(function () {
+    if (!editor.hasNodes([_WebinyQuoteNode.WebinyQuoteNode])) {
+      throw new Error("WebinyQuoteNodePlugin: WebinyQuoteNode is e not registered on editor");
+    }
+  }, [editor]);
+  (0, _useWebinyQuote.useWebinyQuote)(editor);
+  return null;
+}

package/plugins/WebinyQuoteNodePlugin/WebinyQuoteNodePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WebinyQuotePlugin","useLexicalComposerContext","editor","useEffect","hasNodes","WebinyQuoteNode","Error","useWebinyQuote"],"sources":["WebinyQuoteNodePlugin.ts"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { useEffect } from \"react\";\nimport { WebinyQuoteNode } from \"~/nodes/WebinyQuoteNode\";\nimport { useWebinyQuote } from \"~/hooks/useWebinyQuote\";\n\nexport function WebinyQuotePlugin(): null {\n    const [editor] = useLexicalComposerContext();\n\n    useEffect(() => {\n        if (!editor.hasNodes([WebinyQuoteNode])) {\n            throw new Error(\"WebinyQuoteNodePlugin: WebinyQuoteNode is e not registered on editor\");\n        }\n    }, [editor]);\n\n    useWebinyQuote(editor);\n\n    return null;\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAEO,SAASA,iBAAiB,GAAS;EACtC,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EAEb,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACD,MAAM,CAACE,QAAQ,CAAC,CAACC,gCAAe,CAAC,CAAC,EAAE;MACrC,MAAM,IAAIC,KAAK,CAAC,sEAAsE,CAAC;IAC3F;EACJ,CAAC,EAAE,CAACJ,MAAM,CAAC,CAAC;EAEZ,IAAAK,8BAAc,EAACL,MAAM,CAAC;EAEtB,OAAO,IAAI;AACf"}

package/themes/webinyLexicalTheme.css

@@ -206,8 +206,6 @@
   border: 0;
   cursor: pointer;
 }
-
-
 .WebinyLexical__tableAddRows:hover {
   background-color: #c9dbf0;
 }

package/themes/webinyLexicalTheme.d.ts

@@ -1,10 +1,9 @@
-/**
- * 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 type { EditorThemeClasses } from "lexical";
 import "./webinyLexicalTheme.css";
-export declare const theme: EditorThemeClasses;
+import { ThemeEmotionMap } from "../types";
+export declare type WebinyTheme = {
+    styles?: Record<string, any>;
+    emotionMap?: ThemeEmotionMap;
+};
+export declare type WebinyEditorTheme = WebinyTheme & EditorThemeClasses;
+export declare const webinyEditorTheme: WebinyEditorTheme;

package/themes/webinyLexicalTheme.js

@@ -3,17 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.theme = void 0;
+exports.webinyEditorTheme = void 0;
 require("./webinyLexicalTheme.css");
-/**
- * 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.
- *
- */
-
-var theme = {
+var webinyEditorTheme = {
+  styles: undefined,
+  emotionMap: undefined,
   characterLimit: "WebinyLexical__characterLimit",
   code: "WebinyLexical__code",
   codeHighlight: {
@@ -61,7 +55,6 @@ var theme = {
     h5: "WebinyLexical__h5",
     h6: "WebinyLexical__h6"
   },
-  image: "editor-image",
   link: "WebinyLexical__link",
   list: {
     listitem: "WebinyLexical__listItem",
@@ -79,20 +72,6 @@ var theme = {
   paragraph: "WebinyLexical__paragraph",
   quote: "WebinyLexical__quote",
   rtl: "WebinyLexical__rtl",
-  table: "WebinyLexical__table",
-  tableAddColumns: "WebinyLexical__tableAddColumns",
-  tableAddRows: "WebinyLexical__tableAddRows",
-  tableCell: "WebinyLexical__tableCell",
-  tableCellActionButton: "WebinyLexical__tableCellActionButton",
-  tableCellActionButtonContainer: "WebinyLexical__tableCellActionButtonContainer",
-  tableCellEditing: "WebinyLexical__tableCellEditing",
-  tableCellHeader: "WebinyLexical__tableCellHeader",
-  tableCellPrimarySelected: "WebinyLexical__tableCellPrimarySelected",
-  tableCellResizer: "WebinyLexical__tableCellResizer",
-  tableCellSelected: "WebinyLexical__tableCellSelected",
-  tableCellSortedIndicator: "WebinyLexical__tableCellSortedIndicator",
-  tableResizeRuler: "WebinyLexical__tableCellResizeRuler",
-  tableSelected: "WebinyLexical__tableSelected",
   text: {
     bold: "WebinyLexical__textBold",
     code: "WebinyLexical__textCode",
@@ -102,6 +81,7 @@ var theme = {
     superscript: "WebinyLexical__textSuperscript",
     underline: "WebinyLexical__textUnderline",
     underlineStrikethrough: "WebinyLexical__textUnderlineStrikethrough"
-  }
+  },
+  fontColorText: "WebinyLexical__fontColorText"
 };
-exports.theme = theme;
+exports.webinyEditorTheme = webinyEditorTheme;

package/themes/webinyLexicalTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["require","theme","characterLimit","code","codeHighlight","atrule","attr","boolean","builtin","cdata","char","class","comment","constant","deleted","doctype","entity","function","important","inserted","keyword","namespace","number","operator","prolog","property","punctuation","regex","selector","string","symbol","tag","url","variable","embedBlock","base","focus","hashtag","heading","h1","h2","h3","h4","h5","h6","image","link","list","listitem","listitemChecked","listitemUnchecked","nested","olDepth","ul","ltr","mark","markOverlap","paragraph","quote","rtl","table","tableAddColumns","tableAddRows","tableCell","tableCellActionButton","tableCellActionButtonContainer","tableCellEditing","tableCellHeader","tableCellPrimarySelected","tableCellResizer","tableCellSelected","tableCellSortedIndicator","tableResizeRuler","tableSelected","text","bold","italic","strikethrough","subscript","superscript","underline","underlineStrikethrough","exports"],"sources":["webinyLexicalTheme.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { EditorThemeClasses } from \"lexical\";\n\nimport \"./webinyLexicalTheme.css\";\n\nexport const theme: EditorThemeClasses = {\n    characterLimit: \"WebinyLexical__characterLimit\",\n    code: \"WebinyLexical__code\",\n    codeHighlight: {\n        atrule: \"WebinyLexical__tokenAttr\",\n        attr: \"WebinyLexical__tokenAttr\",\n        boolean: \"WebinyLexical__tokenProperty\",\n        builtin: \"WebinyLexical__tokenSelector\",\n        cdata: \"WebinyLexical__tokenComment\",\n        char: \"WebinyLexical__tokenSelector\",\n        class: \"WebinyLexical__tokenFunction\",\n        \"class-name\": \"WebinyLexical__tokenFunction\",\n        comment: \"WebinyLexical__tokenComment\",\n        constant: \"WebinyLexical__tokenProperty\",\n        deleted: \"WebinyLexical__tokenProperty\",\n        doctype: \"WebinyLexical__tokenComment\",\n        entity: \"WebinyLexical__tokenOperator\",\n        function: \"WebinyLexical__tokenFunction\",\n        important: \"WebinyLexical__tokenVariable\",\n        inserted: \"WebinyLexical__tokenSelector\",\n        keyword: \"WebinyLexical__tokenAttr\",\n        namespace: \"WebinyLexical__tokenVariable\",\n        number: \"WebinyLexical__tokenProperty\",\n        operator: \"WebinyLexical__tokenOperator\",\n        prolog: \"WebinyLexical__tokenComment\",\n        property: \"WebinyLexical__tokenProperty\",\n        punctuation: \"WebinyLexical__tokenPunctuation\",\n        regex: \"WebinyLexical__tokenVariable\",\n        selector: \"WebinyLexical__tokenSelector\",\n        string: \"WebinyLexical__tokenSelector\",\n        symbol: \"WebinyLexical__tokenProperty\",\n        tag: \"WebinyLexical__tokenProperty\",\n        url: \"WebinyLexical__tokenOperator\",\n        variable: \"WebinyLexical__tokenVariable\"\n    },\n    embedBlock: {\n        base: \"WebinyLexical__embedBlock\",\n        focus: \"WebinyLexical__embedBlockFocus\"\n    },\n    hashtag: \"WebinyLexical__hashtag\",\n    heading: {\n        h1: \"WebinyLexical__h1\",\n        h2: \"WebinyLexical__h2\",\n        h3: \"WebinyLexical__h3\",\n        h4: \"WebinyLexical__h4\",\n        h5: \"WebinyLexical__h5\",\n        h6: \"WebinyLexical__h6\"\n    },\n    image: \"editor-image\",\n    link: \"WebinyLexical__link\",\n    list: {\n        listitem: \"WebinyLexical__listItem\",\n        listitemChecked: \"WebinyLexical__listItemChecked\",\n        listitemUnchecked: \"WebinyLexical__listItemUnchecked\",\n        nested: {\n            listitem: \"WebinyLexical__nestedListItem\"\n        },\n        olDepth: [\n            \"WebinyLexical__ol1\",\n            \"WebinyLexical__ol2\",\n            \"WebinyLexical__ol3\",\n            \"WebinyLexical__ol4\",\n            \"WebinyLexical__ol5\"\n        ],\n        ul: \"WebinyLexical__ul\"\n    },\n    ltr: \"WebinyLexical__ltr\",\n    mark: \"WebinyLexical__mark\",\n    markOverlap: \"WebinyLexical__markOverlap\",\n    paragraph: \"WebinyLexical__paragraph\",\n    quote: \"WebinyLexical__quote\",\n    rtl: \"WebinyLexical__rtl\",\n    table: \"WebinyLexical__table\",\n    tableAddColumns: \"WebinyLexical__tableAddColumns\",\n    tableAddRows: \"WebinyLexical__tableAddRows\",\n    tableCell: \"WebinyLexical__tableCell\",\n    tableCellActionButton: \"WebinyLexical__tableCellActionButton\",\n    tableCellActionButtonContainer: \"WebinyLexical__tableCellActionButtonContainer\",\n    tableCellEditing: \"WebinyLexical__tableCellEditing\",\n    tableCellHeader: \"WebinyLexical__tableCellHeader\",\n    tableCellPrimarySelected: \"WebinyLexical__tableCellPrimarySelected\",\n    tableCellResizer: \"WebinyLexical__tableCellResizer\",\n    tableCellSelected: \"WebinyLexical__tableCellSelected\",\n    tableCellSortedIndicator: \"WebinyLexical__tableCellSortedIndicator\",\n    tableResizeRuler: \"WebinyLexical__tableCellResizeRuler\",\n    tableSelected: \"WebinyLexical__tableSelected\",\n    text: {\n        bold: \"WebinyLexical__textBold\",\n        code: \"WebinyLexical__textCode\",\n        italic: \"WebinyLexical__textItalic\",\n        strikethrough: \"WebinyLexical__textStrikethrough\",\n        subscript: \"WebinyLexical__textSubscript\",\n        superscript: \"WebinyLexical__textSuperscript\",\n        underline: \"WebinyLexical__textUnderline\",\n        underlineStrikethrough: \"WebinyLexical__textUnderlineStrikethrough\"\n    }\n};\n"],"mappings":";;;;;;AAUAA,OAAA;AAVA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,IAAMC,KAAyB,GAAG;EACrCC,cAAc,EAAE,+BAA+B;EAC/CC,IAAI,EAAE,qBAAqB;EAC3BC,aAAa,EAAE;IACXC,MAAM,EAAE,0BAA0B;IAClCC,IAAI,EAAE,0BAA0B;IAChCC,OAAO,EAAE,8BAA8B;IACvCC,OAAO,EAAE,8BAA8B;IACvCC,KAAK,EAAE,6BAA6B;IACpCC,IAAI,EAAE,8BAA8B;IACpCC,KAAK,EAAE,8BAA8B;IACrC,YAAY,EAAE,8BAA8B;IAC5CC,OAAO,EAAE,6BAA6B;IACtCC,QAAQ,EAAE,8BAA8B;IACxCC,OAAO,EAAE,8BAA8B;IACvCC,OAAO,EAAE,6BAA6B;IACtCC,MAAM,EAAE,8BAA8B;IACtCC,QAAQ,EAAE,8BAA8B;IACxCC,SAAS,EAAE,8BAA8B;IACzCC,QAAQ,EAAE,8BAA8B;IACxCC,OAAO,EAAE,0BAA0B;IACnCC,SAAS,EAAE,8BAA8B;IACzCC,MAAM,EAAE,8BAA8B;IACtCC,QAAQ,EAAE,8BAA8B;IACxCC,MAAM,EAAE,6BAA6B;IACrCC,QAAQ,EAAE,8BAA8B;IACxCC,WAAW,EAAE,iCAAiC;IAC9CC,KAAK,EAAE,8BAA8B;IACrCC,QAAQ,EAAE,8BAA8B;IACxCC,MAAM,EAAE,8BAA8B;IACtCC,MAAM,EAAE,8BAA8B;IACtCC,GAAG,EAAE,8BAA8B;IACnCC,GAAG,EAAE,8BAA8B;IACnCC,QAAQ,EAAE;EACd,CAAC;EACDC,UAAU,EAAE;IACRC,IAAI,EAAE,2BAA2B;IACjCC,KAAK,EAAE;EACX,CAAC;EACDC,OAAO,EAAE,wBAAwB;EACjCC,OAAO,EAAE;IACLC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE;EACR,CAAC;EACDC,KAAK,EAAE,cAAc;EACrBC,IAAI,EAAE,qBAAqB;EAC3BC,IAAI,EAAE;IACFC,QAAQ,EAAE,yBAAyB;IACnCC,eAAe,EAAE,gCAAgC;IACjDC,iBAAiB,EAAE,kCAAkC;IACrDC,MAAM,EAAE;MACJH,QAAQ,EAAE;IACd,CAAC;IACDI,OAAO,EAAE,CACL,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,CACvB;IACDC,EAAE,EAAE;EACR,CAAC;EACDC,GAAG,EAAE,oBAAoB;EACzBC,IAAI,EAAE,qBAAqB;EAC3BC,WAAW,EAAE,4BAA4B;EACzCC,SAAS,EAAE,0BAA0B;EACrCC,KAAK,EAAE,sBAAsB;EAC7BC,GAAG,EAAE,oBAAoB;EACzBC,KAAK,EAAE,sBAAsB;EAC7BC,eAAe,EAAE,gCAAgC;EACjDC,YAAY,EAAE,6BAA6B;EAC3CC,SAAS,EAAE,0BAA0B;EACrCC,qBAAqB,EAAE,sCAAsC;EAC7DC,8BAA8B,EAAE,+CAA+C;EAC/EC,gBAAgB,EAAE,iCAAiC;EACnDC,eAAe,EAAE,gCAAgC;EACjDC,wBAAwB,EAAE,yCAAyC;EACnEC,gBAAgB,EAAE,iCAAiC;EACnDC,iBAAiB,EAAE,kCAAkC;EACrDC,wBAAwB,EAAE,yCAAyC;EACnEC,gBAAgB,EAAE,qCAAqC;EACvDC,aAAa,EAAE,8BAA8B;EAC7CC,IAAI,EAAE;IACFC,IAAI,EAAE,yBAAyB;IAC/BxE,IAAI,EAAE,yBAAyB;IAC/ByE,MAAM,EAAE,2BAA2B;IACnCC,aAAa,EAAE,kCAAkC;IACjDC,SAAS,EAAE,8BAA8B;IACzCC,WAAW,EAAE,gCAAgC;IAC7CC,SAAS,EAAE,8BAA8B;IACzCC,sBAAsB,EAAE;EAC5B;AACJ,CAAC;AAACC,OAAA,CAAAjF,KAAA,GAAAA,KAAA"}
+{"version":3,"names":["webinyEditorTheme","styles","undefined","emotionMap","characterLimit","code","codeHighlight","atrule","attr","boolean","builtin","cdata","char","class","comment","constant","deleted","doctype","entity","function","important","inserted","keyword","namespace","number","operator","prolog","property","punctuation","regex","selector","string","symbol","tag","url","variable","embedBlock","base","focus","hashtag","heading","h1","h2","h3","h4","h5","h6","link","list","listitem","listitemChecked","listitemUnchecked","nested","olDepth","ul","ltr","mark","markOverlap","paragraph","quote","rtl","text","bold","italic","strikethrough","subscript","superscript","underline","underlineStrikethrough","fontColorText"],"sources":["webinyLexicalTheme.ts"],"sourcesContent":["import type { EditorThemeClasses } from \"lexical\";\n\nimport \"./webinyLexicalTheme.css\";\nimport { ThemeEmotionMap } from \"~/types\";\n\nexport type WebinyTheme = {\n    styles?: Record<string, any>;\n    emotionMap?: ThemeEmotionMap;\n};\n\nexport type WebinyEditorTheme = WebinyTheme & EditorThemeClasses;\n\nexport const webinyEditorTheme: WebinyEditorTheme = {\n    styles: undefined,\n    emotionMap: undefined,\n    characterLimit: \"WebinyLexical__characterLimit\",\n    code: \"WebinyLexical__code\",\n    codeHighlight: {\n        atrule: \"WebinyLexical__tokenAttr\",\n        attr: \"WebinyLexical__tokenAttr\",\n        boolean: \"WebinyLexical__tokenProperty\",\n        builtin: \"WebinyLexical__tokenSelector\",\n        cdata: \"WebinyLexical__tokenComment\",\n        char: \"WebinyLexical__tokenSelector\",\n        class: \"WebinyLexical__tokenFunction\",\n        \"class-name\": \"WebinyLexical__tokenFunction\",\n        comment: \"WebinyLexical__tokenComment\",\n        constant: \"WebinyLexical__tokenProperty\",\n        deleted: \"WebinyLexical__tokenProperty\",\n        doctype: \"WebinyLexical__tokenComment\",\n        entity: \"WebinyLexical__tokenOperator\",\n        function: \"WebinyLexical__tokenFunction\",\n        important: \"WebinyLexical__tokenVariable\",\n        inserted: \"WebinyLexical__tokenSelector\",\n        keyword: \"WebinyLexical__tokenAttr\",\n        namespace: \"WebinyLexical__tokenVariable\",\n        number: \"WebinyLexical__tokenProperty\",\n        operator: \"WebinyLexical__tokenOperator\",\n        prolog: \"WebinyLexical__tokenComment\",\n        property: \"WebinyLexical__tokenProperty\",\n        punctuation: \"WebinyLexical__tokenPunctuation\",\n        regex: \"WebinyLexical__tokenVariable\",\n        selector: \"WebinyLexical__tokenSelector\",\n        string: \"WebinyLexical__tokenSelector\",\n        symbol: \"WebinyLexical__tokenProperty\",\n        tag: \"WebinyLexical__tokenProperty\",\n        url: \"WebinyLexical__tokenOperator\",\n        variable: \"WebinyLexical__tokenVariable\"\n    },\n    embedBlock: {\n        base: \"WebinyLexical__embedBlock\",\n        focus: \"WebinyLexical__embedBlockFocus\"\n    },\n    hashtag: \"WebinyLexical__hashtag\",\n    heading: {\n        h1: \"WebinyLexical__h1\",\n        h2: \"WebinyLexical__h2\",\n        h3: \"WebinyLexical__h3\",\n        h4: \"WebinyLexical__h4\",\n        h5: \"WebinyLexical__h5\",\n        h6: \"WebinyLexical__h6\"\n    },\n    link: \"WebinyLexical__link\",\n    list: {\n        listitem: \"WebinyLexical__listItem\",\n        listitemChecked: \"WebinyLexical__listItemChecked\",\n        listitemUnchecked: \"WebinyLexical__listItemUnchecked\",\n        nested: {\n            listitem: \"WebinyLexical__nestedListItem\"\n        },\n        olDepth: [\n            \"WebinyLexical__ol1\",\n            \"WebinyLexical__ol2\",\n            \"WebinyLexical__ol3\",\n            \"WebinyLexical__ol4\",\n            \"WebinyLexical__ol5\"\n        ],\n        ul: \"WebinyLexical__ul\"\n    },\n    ltr: \"WebinyLexical__ltr\",\n    mark: \"WebinyLexical__mark\",\n    markOverlap: \"WebinyLexical__markOverlap\",\n    paragraph: \"WebinyLexical__paragraph\",\n    quote: \"WebinyLexical__quote\",\n    rtl: \"WebinyLexical__rtl\",\n    text: {\n        bold: \"WebinyLexical__textBold\",\n        code: \"WebinyLexical__textCode\",\n        italic: \"WebinyLexical__textItalic\",\n        strikethrough: \"WebinyLexical__textStrikethrough\",\n        subscript: \"WebinyLexical__textSubscript\",\n        superscript: \"WebinyLexical__textSuperscript\",\n        underline: \"WebinyLexical__textUnderline\",\n        underlineStrikethrough: \"WebinyLexical__textUnderlineStrikethrough\"\n    },\n    fontColorText: \"WebinyLexical__fontColorText\"\n};\n"],"mappings":";;;;;;AAEA;AAUO,IAAMA,iBAAoC,GAAG;EAChDC,MAAM,EAAEC,SAAS;EACjBC,UAAU,EAAED,SAAS;EACrBE,cAAc,EAAE,+BAA+B;EAC/CC,IAAI,EAAE,qBAAqB;EAC3BC,aAAa,EAAE;IACXC,MAAM,EAAE,0BAA0B;IAClCC,IAAI,EAAE,0BAA0B;IAChCC,OAAO,EAAE,8BAA8B;IACvCC,OAAO,EAAE,8BAA8B;IACvCC,KAAK,EAAE,6BAA6B;IACpCC,IAAI,EAAE,8BAA8B;IACpCC,KAAK,EAAE,8BAA8B;IACrC,YAAY,EAAE,8BAA8B;IAC5CC,OAAO,EAAE,6BAA6B;IACtCC,QAAQ,EAAE,8BAA8B;IACxCC,OAAO,EAAE,8BAA8B;IACvCC,OAAO,EAAE,6BAA6B;IACtCC,MAAM,EAAE,8BAA8B;IACtCC,QAAQ,EAAE,8BAA8B;IACxCC,SAAS,EAAE,8BAA8B;IACzCC,QAAQ,EAAE,8BAA8B;IACxCC,OAAO,EAAE,0BAA0B;IACnCC,SAAS,EAAE,8BAA8B;IACzCC,MAAM,EAAE,8BAA8B;IACtCC,QAAQ,EAAE,8BAA8B;IACxCC,MAAM,EAAE,6BAA6B;IACrCC,QAAQ,EAAE,8BAA8B;IACxCC,WAAW,EAAE,iCAAiC;IAC9CC,KAAK,EAAE,8BAA8B;IACrCC,QAAQ,EAAE,8BAA8B;IACxCC,MAAM,EAAE,8BAA8B;IACtCC,MAAM,EAAE,8BAA8B;IACtCC,GAAG,EAAE,8BAA8B;IACnCC,GAAG,EAAE,8BAA8B;IACnCC,QAAQ,EAAE;EACd,CAAC;EACDC,UAAU,EAAE;IACRC,IAAI,EAAE,2BAA2B;IACjCC,KAAK,EAAE;EACX,CAAC;EACDC,OAAO,EAAE,wBAAwB;EACjCC,OAAO,EAAE;IACLC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE;EACR,CAAC;EACDC,IAAI,EAAE,qBAAqB;EAC3BC,IAAI,EAAE;IACFC,QAAQ,EAAE,yBAAyB;IACnCC,eAAe,EAAE,gCAAgC;IACjDC,iBAAiB,EAAE,kCAAkC;IACrDC,MAAM,EAAE;MACJH,QAAQ,EAAE;IACd,CAAC;IACDI,OAAO,EAAE,CACL,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,CACvB;IACDC,EAAE,EAAE;EACR,CAAC;EACDC,GAAG,EAAE,oBAAoB;EACzBC,IAAI,EAAE,qBAAqB;EAC3BC,WAAW,EAAE,4BAA4B;EACzCC,SAAS,EAAE,0BAA0B;EACrCC,KAAK,EAAE,sBAAsB;EAC7BC,GAAG,EAAE,oBAAoB;EACzBC,IAAI,EAAE;IACFC,IAAI,EAAE,yBAAyB;IAC/BzD,IAAI,EAAE,yBAAyB;IAC/B0D,MAAM,EAAE,2BAA2B;IACnCC,aAAa,EAAE,kCAAkC;IACjDC,SAAS,EAAE,8BAA8B;IACzCC,WAAW,EAAE,gCAAgC;IAC7CC,SAAS,EAAE,8BAA8B;IACzCC,sBAAsB,EAAE;EAC5B,CAAC;EACDC,aAAa,EAAE;AACnB,CAAC;AAAC"}

package/types.d.ts

@@ -1,2 +1,61 @@
+import { ElementNode, LexicalNode, NodeSelection, RangeSelection, TextNode } from "lexical";
+import { ListType } from "@lexical/list";
+import { CSSObject } from "@emotion/react";
 export declare type ToolbarType = "heading" | "paragraph" | string;
 export declare type LexicalValue = string;
+export { FontColorPicker } from "./components/ToolbarActions/FontColorAction";
+export declare type LexicalTextType = ListType | "paragraph" | "heading" | "quoteblock" | "bullet" | "number" | "link" | undefined;
+export declare type TextFormatting = {
+    bold: boolean;
+    underline: boolean;
+    italic: boolean;
+    code: boolean;
+};
+export declare type NodeState = {
+    isSelected: boolean;
+};
+export declare type ToolbarState = {
+    bold: boolean;
+    underline: boolean;
+    italic: boolean;
+    code: boolean;
+    link: NodeState;
+    typography: NodeState;
+    fontColor: NodeState;
+    list: NodeState;
+    quote: NodeState;
+    textType: LexicalTextType;
+};
+export declare type TextBlockSelection = {
+    elementKey?: string;
+    selection: RangeSelection | NodeSelection | null;
+    element: LexicalNode;
+    parent: ElementNode | null;
+    node: ElementNode | TextNode;
+    anchorNode: ElementNode | TextNode;
+    isElementDom: boolean;
+    state: ToolbarState | undefined;
+};
+export declare type ListHtmlTag = "ol" | "ul";
+export declare type HeadingHtmlTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export declare type ParagraphHtmlTag = "p";
+export declare type QuoteBlockHtmlTag = "quoteblock";
+export declare type TypographyHTMLTag = HeadingHtmlTag | ParagraphHtmlTag | ListHtmlTag | QuoteBlockHtmlTag;
+export declare type TypographyValue = {
+    css: CSSObject;
+    id: string;
+    tag: TypographyHTMLTag;
+    name: string;
+};
+export interface WebinyThemeNode {
+    getStyleId: () => string;
+}
+export declare type ThemeEmotionMap = {
+    [styleId: string]: {
+        id: string;
+        tag: TypographyHTMLTag;
+        name: string;
+        styles: Record<string, any>;
+        className: string;
+    };
+};

package/types.js

@@ -2,4 +2,11 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+Object.defineProperty(exports, "FontColorPicker", {
+  enumerable: true,
+  get: function get() {
+    return _FontColorAction.FontColorPicker;
+  }
+});
+var _FontColorAction = require("./components/ToolbarActions/FontColorAction");

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type ToolbarType = \"heading\" | \"paragraph\" | string;\nexport type LexicalValue = string;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { ElementNode, LexicalNode, NodeSelection, RangeSelection, TextNode } from \"lexical\";\nimport { ListType } from \"@lexical/list\";\nimport { CSSObject } from \"@emotion/react\";\nexport type ToolbarType = \"heading\" | \"paragraph\" | string;\nexport type LexicalValue = string;\nexport { FontColorPicker } from \"~/components/ToolbarActions/FontColorAction\";\n\nexport type LexicalTextType =\n    | ListType\n    | \"paragraph\"\n    | \"heading\"\n    | \"quoteblock\"\n    | \"bullet\"\n    | \"number\"\n    | \"link\"\n    | undefined;\n\nexport type TextFormatting = {\n    bold: boolean;\n    underline: boolean;\n    italic: boolean;\n    // highlight: boolean #TODO implement with highlight action\n    code: boolean;\n};\n\nexport type NodeState = {\n    isSelected: boolean;\n};\n\nexport type ToolbarState = {\n    // text format\n    bold: boolean;\n    underline: boolean;\n    italic: boolean;\n    code: boolean;\n    // nodes selection state\n    link: NodeState;\n    typography: NodeState;\n    fontColor: NodeState;\n    list: NodeState;\n    quote: NodeState;\n    textType: LexicalTextType;\n};\n\n/*\n * Represent set of data from the current selection of the text and nodes selected by the user.\n * You can access this object through the @see useRichTextEditor context.\n */\nexport type TextBlockSelection = {\n    elementKey?: string;\n    selection: RangeSelection | NodeSelection | null;\n    element: LexicalNode;\n    parent: ElementNode | null;\n    node: ElementNode | TextNode;\n    anchorNode: ElementNode | TextNode;\n    isElementDom: boolean;\n    state: ToolbarState | undefined;\n};\n\n// Supported HTML tags by webiny lexical implementation\nexport type ListHtmlTag = \"ol\" | \"ul\";\nexport type HeadingHtmlTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\nexport type ParagraphHtmlTag = \"p\";\nexport type QuoteBlockHtmlTag = \"quoteblock\";\n\n// Typography\nexport type TypographyHTMLTag = HeadingHtmlTag | ParagraphHtmlTag | ListHtmlTag | QuoteBlockHtmlTag;\n\nexport type TypographyValue = {\n    // CSSObject type\n    css: CSSObject;\n    id: string;\n    tag: TypographyHTMLTag;\n    // Display name\n    name: string;\n};\n\n/* Nodes */\nexport interface WebinyThemeNode {\n    /*\n     * Get theme style id\n     */\n    getStyleId: () => string;\n}\n\n/*\n * Contains IDs of the styles and Emotion generated classes.\n */\nexport type ThemeEmotionMap = {\n    [styleId: string]: {\n        id: string;\n        tag: TypographyHTMLTag;\n        name: string;\n        styles: Record<string, any>;\n        // emotion generated class\n        className: string;\n    };\n};\n"],"mappings":";;;;;;;;;;;AAKA"}

package/ui/Divider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","Divider","default","createElement","className"],"sources":["Divider.tsx"],"sourcesContent":["import React from \"react\";\n\nexport function Divider(): JSX.Element {\n    return <div className=\"divider\"></div>;\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,SAASC,OAAOA,CAAA,EAAgB;EACnC,oBAAOH,MAAA,CAAAI,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAS,EAAO;AAC1C"}
+{"version":3,"names":["Divider"],"sources":["Divider.tsx"],"sourcesContent":["import React from \"react\";\n\nexport function Divider(): JSX.Element {\n    return <div className=\"divider\"></div>;\n}\n"],"mappings":";;;;;;;AAAA;AAEO,SAASA,OAAO,GAAgB;EACnC,oBAAO;IAAK,SAAS,EAAC;EAAS,EAAO;AAC1C"}

package/ui/DropDown.d.ts

@@ -14,7 +14,7 @@ export declare function DropDownItem({ children, className, onClick, title }: {
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     title?: string;
 }): JSX.Element;
-export declare function DropDown({ disabled, buttonLabel, buttonAriaLabel, buttonClassName, buttonIconClassName, children, stopCloseOnClickSelf }: {
+export declare function DropDown({ disabled, buttonLabel, buttonAriaLabel, buttonClassName, buttonIconClassName, children, stopCloseOnClickSelf, showScroll }: {
     disabled?: boolean;
     buttonAriaLabel?: string;
     buttonClassName: string;
@@ -22,4 +22,5 @@ export declare function DropDown({ disabled, buttonLabel, buttonAriaLabel, butto
     buttonLabel?: string;
     children: ReactNode;
     stopCloseOnClickSelf?: boolean;
+    showScroll?: boolean;
 }): JSX.Element;