@webiny/lexical-editor 6.3.0 → 6.4.0-beta.0

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorController.js

@@ -1,61 +1,47 @@
-import React, { useCallback, useState, useEffect } from "react";
+import react, { useCallback, useEffect, useState } from "react";
 import { createPortal } from "react-dom";
 import { useRichTextEditor } from "../../hooks/index.js";
 import { getSelectedNode } from "../../utils/getSelectedNode.js";
 import { $isAutoLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from "@webiny/lexical-nodes";
 import { isChildOfLinkEditor } from "./isChildOfLinkEditor.js";
 import debounce from "lodash/debounce.js";
-import { $getSelection, $isRangeSelection, BLUR_COMMAND, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_LOW, SELECTION_CHANGE_COMMAND, mergeRegister, $findMatchingParent } from "lexical";
+import { $findMatchingParent, $getSelection, $isRangeSelection, BLUR_COMMAND, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_LOW, SELECTION_CHANGE_COMMAND, mergeRegister } from "lexical";
 import { FloatingLinkEditor } from "./FloatingLinkEditor.js";
-export const FloatingLinkEditorController = props => {
-  const {
-    editor,
-    getOverlaysElement
-  } = useRichTextEditor();
-  const [isLink, setIsLink] = useState(false);
-  const debounceSetIsLink = useCallback(debounce(setIsLink, 50), []);
-  const updateToolbar = useCallback(() => {
-    const selection = $getSelection();
-    if (!$isRangeSelection(selection)) {
-      return;
-    }
-    const node = getSelectedNode(selection);
-    const linkParent = $findMatchingParent(node, $isLinkNode);
-    const autoLinkParent = $findMatchingParent(node, $isAutoLinkNode);
-    const isLinkOrChildOfLink = Boolean($isLinkNode(node) || linkParent);
-    if (!isLinkOrChildOfLink) {
-      // When hiding the toolbar, we want to hide immediately.
-      setIsLink(false);
-    }
-    if (selection.dirty) {
-      // We don't want this menu to open for auto links.
-      if (linkParent != null && autoLinkParent == null) {
-        // When showing the toolbar, we want to debounce it, because sometimes selection gets updated
-        // multiple times, and the `selection.dirty` flag goes from true to false multiple times,
-        // eventually settling on `false`, which we want to set once it has settled.
-        debounceSetIsLink(true);
-      }
-    }
-  }, []);
-  useEffect(() => {
-    return mergeRegister(editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {
-      updateToolbar();
-      return false;
-    }, COMMAND_PRIORITY_CRITICAL), editor.registerCommand(BLUR_COMMAND, payload => {
-      if (!isChildOfLinkEditor(payload.relatedTarget)) {
-        setIsLink(false);
-      }
-      return false;
-    }, COMMAND_PRIORITY_LOW), editor.registerCommand(TOGGLE_LINK_COMMAND, payload => {
-      setIsLink(!!payload);
-      return false;
-    }, COMMAND_PRIORITY_CRITICAL));
-  }, [editor, updateToolbar]);
-  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(FloatingLinkEditor, {
-    isVisible: isLink,
-    editor: editor,
-    LinkForm: props.LinkForm
-  }), getOverlaysElement());
+const FloatingLinkEditorController = (props)=>{
+    const { editor, getOverlaysElement } = useRichTextEditor();
+    const [isLink, setIsLink] = useState(false);
+    const debounceSetIsLink = useCallback(debounce(setIsLink, 50), []);
+    const updateToolbar = useCallback(()=>{
+        const selection = $getSelection();
+        if (!$isRangeSelection(selection)) return;
+        const node = getSelectedNode(selection);
+        const linkParent = $findMatchingParent(node, $isLinkNode);
+        const autoLinkParent = $findMatchingParent(node, $isAutoLinkNode);
+        const isLinkOrChildOfLink = Boolean($isLinkNode(node) || linkParent);
+        if (!isLinkOrChildOfLink) setIsLink(false);
+        if (selection.dirty) {
+            if (null != linkParent && null == autoLinkParent) debounceSetIsLink(true);
+        }
+    }, []);
+    useEffect(()=>mergeRegister(editor.registerCommand(SELECTION_CHANGE_COMMAND, ()=>{
+            updateToolbar();
+            return false;
+        }, COMMAND_PRIORITY_CRITICAL), editor.registerCommand(BLUR_COMMAND, (payload)=>{
+            if (!isChildOfLinkEditor(payload.relatedTarget)) setIsLink(false);
+            return false;
+        }, COMMAND_PRIORITY_LOW), editor.registerCommand(TOGGLE_LINK_COMMAND, (payload)=>{
+            setIsLink(!!payload);
+            return false;
+        }, COMMAND_PRIORITY_CRITICAL)), [
+        editor,
+        updateToolbar
+    ]);
+    return /*#__PURE__*/ createPortal(/*#__PURE__*/ react.createElement(FloatingLinkEditor, {
+        isVisible: isLink,
+        editor: editor,
+        LinkForm: props.LinkForm
+    }), getOverlaysElement());
 };
+export { FloatingLinkEditorController };
 
 //# sourceMappingURL=FloatingLinkEditorController.js.map

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorController.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","useEffect","createPortal","useRichTextEditor","getSelectedNode","$isAutoLinkNode","$isLinkNode","TOGGLE_LINK_COMMAND","isChildOfLinkEditor","debounce","$getSelection","$isRangeSelection","BLUR_COMMAND","COMMAND_PRIORITY_CRITICAL","COMMAND_PRIORITY_LOW","SELECTION_CHANGE_COMMAND","mergeRegister","$findMatchingParent","FloatingLinkEditor","FloatingLinkEditorController","props","editor","getOverlaysElement","isLink","setIsLink","debounceSetIsLink","updateToolbar","selection","node","linkParent","autoLinkParent","isLinkOrChildOfLink","Boolean","dirty","registerCommand","payload","relatedTarget","createElement","isVisible","LinkForm"],"sources":["FloatingLinkEditorController.tsx"],"sourcesContent":["import React, { useCallback, useState, useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useRichTextEditor } from \"~/hooks/index.js\";\nimport { getSelectedNode } from \"~/utils/getSelectedNode.js\";\nimport { $isAutoLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from \"@webiny/lexical-nodes\";\nimport { isChildOfLinkEditor } from \"~/plugins/FloatingLinkEditorPlugin/isChildOfLinkEditor.js\";\nimport debounce from \"lodash/debounce.js\";\nimport {\n    $getSelection,\n    $isRangeSelection,\n    BLUR_COMMAND,\n    COMMAND_PRIORITY_CRITICAL,\n    COMMAND_PRIORITY_LOW,\n    SELECTION_CHANGE_COMMAND,\n    mergeRegister,\n    $findMatchingParent\n} from \"lexical\";\nimport { FloatingLinkEditor } from \"./FloatingLinkEditor.js\";\nimport { LinkFormProps } from \"./types.js\";\n\ninterface FloatingLinkEditorProps {\n    LinkForm: React.FunctionComponent<LinkFormProps>;\n}\n\nexport const FloatingLinkEditorController = (props: FloatingLinkEditorProps) => {\n    const { editor, getOverlaysElement } = useRichTextEditor();\n    const [isLink, setIsLink] = useState(false);\n\n    const debounceSetIsLink = useCallback(debounce(setIsLink, 50), []);\n\n    const updateToolbar = useCallback(() => {\n        const selection = $getSelection();\n        if (!$isRangeSelection(selection)) {\n            return;\n        }\n\n        const node = getSelectedNode(selection);\n        const linkParent = $findMatchingParent(node, $isLinkNode);\n        const autoLinkParent = $findMatchingParent(node, $isAutoLinkNode);\n        const isLinkOrChildOfLink = Boolean($isLinkNode(node) || linkParent);\n\n        if (!isLinkOrChildOfLink) {\n            // When hiding the toolbar, we want to hide immediately.\n            setIsLink(false);\n        }\n\n        if (selection.dirty) {\n            // We don't want this menu to open for auto links.\n            if (linkParent != null && autoLinkParent == null) {\n                // When showing the toolbar, we want to debounce it, because sometimes selection gets updated\n                // multiple times, and the `selection.dirty` flag goes from true to false multiple times,\n                // eventually settling on `false`, which we want to set once it has settled.\n                debounceSetIsLink(true);\n            }\n        }\n    }, []);\n\n    useEffect(() => {\n        return mergeRegister(\n            editor.registerCommand(\n                SELECTION_CHANGE_COMMAND,\n                () => {\n                    updateToolbar();\n                    return false;\n                },\n                COMMAND_PRIORITY_CRITICAL\n            ),\n            editor.registerCommand(\n                BLUR_COMMAND,\n                payload => {\n                    if (!isChildOfLinkEditor(payload.relatedTarget as HTMLElement)) {\n                        setIsLink(false);\n                    }\n\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                TOGGLE_LINK_COMMAND,\n                payload => {\n                    setIsLink(!!payload);\n                    return false;\n                },\n                COMMAND_PRIORITY_CRITICAL\n            )\n        );\n    }, [editor, updateToolbar]);\n\n    return createPortal(\n        <FloatingLinkEditor isVisible={isLink} editor={editor} LinkForm={props.LinkForm} />,\n        getOverlaysElement()\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC/D,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,iBAAiB;AAC1B,SAASC,eAAe;AACxB,SAASC,eAAe,EAAEC,WAAW,EAAEC,mBAAmB,QAAQ,uBAAuB;AACzF,SAASC,mBAAmB;AAC5B,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,SACIC,aAAa,EACbC,iBAAiB,EACjBC,YAAY,EACZC,yBAAyB,EACzBC,oBAAoB,EACpBC,wBAAwB,EACxBC,aAAa,EACbC,mBAAmB,QAChB,SAAS;AAChB,SAASC,kBAAkB;AAO3B,OAAO,MAAMC,4BAA4B,GAAIC,KAA8B,IAAK;EAC5E,MAAM;IAAEC,MAAM;IAAEC;EAAmB,CAAC,GAAGnB,iBAAiB,CAAC,CAAC;EAC1D,MAAM,CAACoB,MAAM,EAAEC,SAAS,CAAC,GAAGxB,QAAQ,CAAC,KAAK,CAAC;EAE3C,MAAMyB,iBAAiB,GAAG1B,WAAW,CAACU,QAAQ,CAACe,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;EAElE,MAAME,aAAa,GAAG3B,WAAW,CAAC,MAAM;IACpC,MAAM4B,SAAS,GAAGjB,aAAa,CAAC,CAAC;IACjC,IAAI,CAACC,iBAAiB,CAACgB,SAAS,CAAC,EAAE;MAC/B;IACJ;IAEA,MAAMC,IAAI,GAAGxB,eAAe,CAACuB,SAAS,CAAC;IACvC,MAAME,UAAU,GAAGZ,mBAAmB,CAACW,IAAI,EAAEtB,WAAW,CAAC;IACzD,MAAMwB,cAAc,GAAGb,mBAAmB,CAACW,IAAI,EAAEvB,eAAe,CAAC;IACjE,MAAM0B,mBAAmB,GAAGC,OAAO,CAAC1B,WAAW,CAACsB,IAAI,CAAC,IAAIC,UAAU,CAAC;IAEpE,IAAI,CAACE,mBAAmB,EAAE;MACtB;MACAP,SAAS,CAAC,KAAK,CAAC;IACpB;IAEA,IAAIG,SAAS,CAACM,KAAK,EAAE;MACjB;MACA,IAAIJ,UAAU,IAAI,IAAI,IAAIC,cAAc,IAAI,IAAI,EAAE;QAC9C;QACA;QACA;QACAL,iBAAiB,CAAC,IAAI,CAAC;MAC3B;IACJ;EACJ,CAAC,EAAE,EAAE,CAAC;EAENxB,SAAS,CAAC,MAAM;IACZ,OAAOe,aAAa,CAChBK,MAAM,CAACa,eAAe,CAClBnB,wBAAwB,EACxB,MAAM;MACFW,aAAa,CAAC,CAAC;MACf,OAAO,KAAK;IAChB,CAAC,EACDb,yBACJ,CAAC,EACDQ,MAAM,CAACa,eAAe,CAClBtB,YAAY,EACZuB,OAAO,IAAI;MACP,IAAI,CAAC3B,mBAAmB,CAAC2B,OAAO,CAACC,aAA4B,CAAC,EAAE;QAC5DZ,SAAS,CAAC,KAAK,CAAC;MACpB;MAEA,OAAO,KAAK;IAChB,CAAC,EACDV,oBACJ,CAAC,EACDO,MAAM,CAACa,eAAe,CAClB3B,mBAAmB,EACnB4B,OAAO,IAAI;MACPX,SAAS,CAAC,CAAC,CAACW,OAAO,CAAC;MACpB,OAAO,KAAK;IAChB,CAAC,EACDtB,yBACJ,CACJ,CAAC;EACL,CAAC,EAAE,CAACQ,MAAM,EAAEK,aAAa,CAAC,CAAC;EAE3B,oBAAOxB,YAAY,cACfJ,KAAA,CAAAuC,aAAA,CAACnB,kBAAkB;IAACoB,SAAS,EAAEf,MAAO;IAACF,MAAM,EAAEA,MAAO;IAACkB,QAAQ,EAAEnB,KAAK,CAACmB;EAAS,CAAE,CAAC,EACnFjB,kBAAkB,CAAC,CACvB,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"plugins/FloatingLinkEditorPlugin/FloatingLinkEditorController.js","sources":["../../../src/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorController.tsx"],"sourcesContent":["import React, { useCallback, useState, useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useRichTextEditor } from \"~/hooks/index.js\";\nimport { getSelectedNode } from \"~/utils/getSelectedNode.js\";\nimport { $isAutoLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from \"@webiny/lexical-nodes\";\nimport { isChildOfLinkEditor } from \"~/plugins/FloatingLinkEditorPlugin/isChildOfLinkEditor.js\";\nimport debounce from \"lodash/debounce.js\";\nimport {\n    $getSelection,\n    $isRangeSelection,\n    BLUR_COMMAND,\n    COMMAND_PRIORITY_CRITICAL,\n    COMMAND_PRIORITY_LOW,\n    SELECTION_CHANGE_COMMAND,\n    mergeRegister,\n    $findMatchingParent\n} from \"lexical\";\nimport { FloatingLinkEditor } from \"./FloatingLinkEditor.js\";\nimport { LinkFormProps } from \"./types.js\";\n\ninterface FloatingLinkEditorProps {\n    LinkForm: React.FunctionComponent<LinkFormProps>;\n}\n\nexport const FloatingLinkEditorController = (props: FloatingLinkEditorProps) => {\n    const { editor, getOverlaysElement } = useRichTextEditor();\n    const [isLink, setIsLink] = useState(false);\n\n    const debounceSetIsLink = useCallback(debounce(setIsLink, 50), []);\n\n    const updateToolbar = useCallback(() => {\n        const selection = $getSelection();\n        if (!$isRangeSelection(selection)) {\n            return;\n        }\n\n        const node = getSelectedNode(selection);\n        const linkParent = $findMatchingParent(node, $isLinkNode);\n        const autoLinkParent = $findMatchingParent(node, $isAutoLinkNode);\n        const isLinkOrChildOfLink = Boolean($isLinkNode(node) || linkParent);\n\n        if (!isLinkOrChildOfLink) {\n            // When hiding the toolbar, we want to hide immediately.\n            setIsLink(false);\n        }\n\n        if (selection.dirty) {\n            // We don't want this menu to open for auto links.\n            if (linkParent != null && autoLinkParent == null) {\n                // When showing the toolbar, we want to debounce it, because sometimes selection gets updated\n                // multiple times, and the `selection.dirty` flag goes from true to false multiple times,\n                // eventually settling on `false`, which we want to set once it has settled.\n                debounceSetIsLink(true);\n            }\n        }\n    }, []);\n\n    useEffect(() => {\n        return mergeRegister(\n            editor.registerCommand(\n                SELECTION_CHANGE_COMMAND,\n                () => {\n                    updateToolbar();\n                    return false;\n                },\n                COMMAND_PRIORITY_CRITICAL\n            ),\n            editor.registerCommand(\n                BLUR_COMMAND,\n                payload => {\n                    if (!isChildOfLinkEditor(payload.relatedTarget as HTMLElement)) {\n                        setIsLink(false);\n                    }\n\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                TOGGLE_LINK_COMMAND,\n                payload => {\n                    setIsLink(!!payload);\n                    return false;\n                },\n                COMMAND_PRIORITY_CRITICAL\n            )\n        );\n    }, [editor, updateToolbar]);\n\n    return createPortal(\n        <FloatingLinkEditor isVisible={isLink} editor={editor} LinkForm={props.LinkForm} />,\n        getOverlaysElement()\n    );\n};\n"],"names":["FloatingLinkEditorController","props","editor","getOverlaysElement","useRichTextEditor","isLink","setIsLink","useState","debounceSetIsLink","useCallback","debounce","updateToolbar","selection","$getSelection","$isRangeSelection","node","getSelectedNode","linkParent","$findMatchingParent","$isLinkNode","autoLinkParent","$isAutoLinkNode","isLinkOrChildOfLink","Boolean","useEffect","mergeRegister","SELECTION_CHANGE_COMMAND","COMMAND_PRIORITY_CRITICAL","BLUR_COMMAND","payload","isChildOfLinkEditor","COMMAND_PRIORITY_LOW","TOGGLE_LINK_COMMAND","createPortal","FloatingLinkEditor"],"mappings":";;;;;;;;;AAwBO,MAAMA,+BAA+B,CAACC;IACzC,MAAM,EAAEC,MAAM,EAAEC,kBAAkB,EAAE,GAAGC;IACvC,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAS;IAErC,MAAMC,oBAAoBC,YAAYC,SAASJ,WAAW,KAAK,EAAE;IAEjE,MAAMK,gBAAgBF,YAAY;QAC9B,MAAMG,YAAYC;QAClB,IAAI,CAACC,kBAAkBF,YACnB;QAGJ,MAAMG,OAAOC,gBAAgBJ;QAC7B,MAAMK,aAAaC,oBAAoBH,MAAMI;QAC7C,MAAMC,iBAAiBF,oBAAoBH,MAAMM;QACjD,MAAMC,sBAAsBC,QAAQJ,YAAYJ,SAASE;QAEzD,IAAI,CAACK,qBAEDhB,UAAU;QAGd,IAAIM,UAAU,KAAK,EAEf;YAAA,IAAIK,AAAc,QAAdA,cAAsBG,AAAkB,QAAlBA,gBAItBZ,kBAAkB;QACtB;IAER,GAAG,EAAE;IAELgB,UAAU,IACCC,cACHvB,OAAO,eAAe,CAClBwB,0BACA;YACIf;YACA,OAAO;QACX,GACAgB,4BAEJzB,OAAO,eAAe,CAClB0B,cACAC,CAAAA;YACI,IAAI,CAACC,oBAAoBD,QAAQ,aAAa,GAC1CvB,UAAU;YAGd,OAAO;QACX,GACAyB,uBAEJ7B,OAAO,eAAe,CAClB8B,qBACAH,CAAAA;YACIvB,UAAU,CAAC,CAACuB;YACZ,OAAO;QACX,GACAF,6BAGT;QAACzB;QAAQS;KAAc;IAE1B,OAAO,WAAP,GAAOsB,aAAa,WAADA,GACf,oBAACC,oBAAkBA;QAAC,WAAW7B;QAAQ,QAAQH;QAAQ,UAAUD,MAAM,QAAQ;QAC/EE;AAER"}

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js

@@ -1,10 +1,11 @@
-import React from "react";
+import react from "react";
 import { FloatingLinkEditorController } from "./FloatingLinkEditorController.js";
 import "./FloatingLinkEditorPlugin.css";
-export function FloatingLinkEditorPlugin(props) {
-  return /*#__PURE__*/React.createElement(FloatingLinkEditorController, {
-    LinkForm: props.LinkForm
-  });
+function FloatingLinkEditorPlugin(props) {
+    return /*#__PURE__*/ react.createElement(FloatingLinkEditorController, {
+        LinkForm: props.LinkForm
+    });
 }
+export { FloatingLinkEditorPlugin };
 
 //# sourceMappingURL=FloatingLinkEditorPlugin.js.map

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FloatingLinkEditorController","FloatingLinkEditorPlugin","props","createElement","LinkForm"],"sources":["FloatingLinkEditorPlugin.tsx"],"sourcesContent":["import React from \"react\";\nimport { FloatingLinkEditorController } from \"./FloatingLinkEditorController.js\";\nimport \"./FloatingLinkEditorPlugin.css\";\nimport { LinkFormProps } from \"./types.js\";\n\nexport function FloatingLinkEditorPlugin(props: {\n    LinkForm: React.FunctionComponent<LinkFormProps>;\n}) {\n    return <FloatingLinkEditorController LinkForm={props.LinkForm} />;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,4BAA4B;AACrC;AAGA,OAAO,SAASC,wBAAwBA,CAACC,KAExC,EAAE;EACC,oBAAOH,KAAA,CAAAI,aAAA,CAACH,4BAA4B;IAACI,QAAQ,EAAEF,KAAK,CAACE;EAAS,CAAE,CAAC;AACrE","ignoreList":[]}
+{"version":3,"file":"plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js","sources":["../../../src/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.tsx"],"sourcesContent":["import React from \"react\";\nimport { FloatingLinkEditorController } from \"./FloatingLinkEditorController.js\";\nimport \"./FloatingLinkEditorPlugin.css\";\nimport { LinkFormProps } from \"./types.js\";\n\nexport function FloatingLinkEditorPlugin(props: {\n    LinkForm: React.FunctionComponent<LinkFormProps>;\n}) {\n    return <FloatingLinkEditorController LinkForm={props.LinkForm} />;\n}\n"],"names":["FloatingLinkEditorPlugin","props","FloatingLinkEditorController"],"mappings":";;;AAKO,SAASA,yBAAyBC,KAExC;IACG,OAAO,WAAP,GAAO,oBAACC,8BAA4BA;QAAC,UAAUD,MAAM,QAAQ;;AACjE"}

package/plugins/FloatingLinkEditorPlugin/index.js

@@ -1,3 +1 @@
 export * from "./FloatingLinkEditorPlugin.js";
-
-//# sourceMappingURL=index.js.map

package/plugins/FloatingLinkEditorPlugin/isChildOfLinkEditor.js

@@ -1,12 +1,9 @@
-export const isChildOfLinkEditor = element => {
-  const parent = element ? element.parentElement : null;
-  if (!parent) {
-    return false;
-  }
-  if (parent.classList.contains("link-editor")) {
-    return true;
-  }
-  return isChildOfLinkEditor(parent);
+const isChildOfLinkEditor = (element)=>{
+    const parent = element ? element.parentElement : null;
+    if (!parent) return false;
+    if (parent.classList.contains("link-editor")) return true;
+    return isChildOfLinkEditor(parent);
 };
+export { isChildOfLinkEditor };
 
 //# sourceMappingURL=isChildOfLinkEditor.js.map

package/plugins/FloatingLinkEditorPlugin/isChildOfLinkEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["isChildOfLinkEditor","element","parent","parentElement","classList","contains"],"sources":["isChildOfLinkEditor.ts"],"sourcesContent":["export const isChildOfLinkEditor = (element: HTMLElement | null): boolean => {\n    const parent = element ? element.parentElement : null;\n\n    if (!parent) {\n        return false;\n    }\n\n    if (parent.classList.contains(\"link-editor\")) {\n        return true;\n    }\n\n    return isChildOfLinkEditor(parent);\n};\n"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,GAAIC,OAA2B,IAAc;EACzE,MAAMC,MAAM,GAAGD,OAAO,GAAGA,OAAO,CAACE,aAAa,GAAG,IAAI;EAErD,IAAI,CAACD,MAAM,EAAE;IACT,OAAO,KAAK;EAChB;EAEA,IAAIA,MAAM,CAACE,SAAS,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE;IAC1C,OAAO,IAAI;EACf;EAEA,OAAOL,mBAAmB,CAACE,MAAM,CAAC;AACtC,CAAC","ignoreList":[]}
+{"version":3,"file":"plugins/FloatingLinkEditorPlugin/isChildOfLinkEditor.js","sources":["../../../src/plugins/FloatingLinkEditorPlugin/isChildOfLinkEditor.ts"],"sourcesContent":["export const isChildOfLinkEditor = (element: HTMLElement | null): boolean => {\n    const parent = element ? element.parentElement : null;\n\n    if (!parent) {\n        return false;\n    }\n\n    if (parent.classList.contains(\"link-editor\")) {\n        return true;\n    }\n\n    return isChildOfLinkEditor(parent);\n};\n"],"names":["isChildOfLinkEditor","element","parent"],"mappings":"AAAO,MAAMA,sBAAsB,CAACC;IAChC,MAAMC,SAASD,UAAUA,QAAQ,aAAa,GAAG;IAEjD,IAAI,CAACC,QACD,OAAO;IAGX,IAAIA,OAAO,SAAS,CAAC,QAAQ,CAAC,gBAC1B,OAAO;IAGX,OAAOF,oBAAoBE;AAC/B"}

package/plugins/FloatingLinkEditorPlugin/types.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=types.js.map

package/plugins/FloatingLinkEditorPlugin/useFloatingLinkEditor.js

@@ -1,128 +1,121 @@
 import { useCallback, useEffect, useRef, useState } from "react";
-import { SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_LOW, $getSelection, $isRangeSelection, mergeRegister } from "lexical";
+import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_LOW, SELECTION_CHANGE_COMMAND, mergeRegister } from "lexical";
 import { $isLinkNode, TOGGLE_LINK_COMMAND } from "@webiny/lexical-nodes";
 import { getSelectedNode } from "../../utils/getSelectedNode.js";
 import { setFloatingElemPosition } from "../../utils/setFloatingElemPosition.js";
 import { sanitizeUrl } from "../../utils/sanitizeUrl.js";
 const emptyLinkData = {
-  url: "",
-  target: null,
-  alt: null
+    url: "",
+    target: null,
+    alt: null
 };
 function getSelectionKey(selection) {
-  if ($isRangeSelection(selection)) {
-    return `${selection.anchor.key}:${selection.anchor.offset}-${selection.focus.key}:${selection.focus.offset}`;
-  }
-  return null;
+    if ($isRangeSelection(selection)) return `${selection.anchor.key}:${selection.anchor.offset}-${selection.focus.key}:${selection.focus.offset}`;
+    return null;
 }
 function getLinkDataFromSelection() {
-  const selection = $getSelection();
-  if (!$isRangeSelection(selection)) {
-    return emptyLinkData;
-  }
-  const node = getSelectedNode(selection);
-  const parent = node.getParent();
-  if ($isLinkNode(parent)) {
-    return {
-      url: parent.getURL(),
-      target: parent.getTarget(),
-      alt: parent.getAlt()
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection)) return emptyLinkData;
+    const node = getSelectedNode(selection);
+    const parent = node.getParent();
+    if ($isLinkNode(parent)) return {
+        url: parent.getURL(),
+        target: parent.getTarget(),
+        alt: parent.getAlt()
     };
-  }
-  if ($isLinkNode(node)) {
-    return {
-      url: node.getURL(),
-      target: node.getTarget(),
-      alt: node.getAlt()
+    if ($isLinkNode(node)) return {
+        url: node.getURL(),
+        target: node.getTarget(),
+        alt: node.getAlt()
     };
-  }
-  return emptyLinkData;
+    return emptyLinkData;
 }
-export function useFloatingLinkEditor(editor) {
-  const editorRef = useRef(null);
-  const [linkData, setLinkData] = useState(emptyLinkData);
-  const [lastSelection, setLastSelection] = useState(null);
-  const suppressedSelectionKeyRef = useRef(null);
-  const updateLinkEditor = useCallback(() => {
-    const selection = $getSelection();
-    const selectionKey = getSelectionKey(selection);
-
-    // If we're still on the same selection that was suppressed, hide the popover.
-    if (suppressedSelectionKeyRef.current !== null) {
-      if (selectionKey === suppressedSelectionKeyRef.current) {
+function useFloatingLinkEditor(editor) {
+    const editorRef = useRef(null);
+    const [linkData, setLinkData] = useState(emptyLinkData);
+    const [lastSelection, setLastSelection] = useState(null);
+    const suppressedSelectionKeyRef = useRef(null);
+    const updateLinkEditor = useCallback(()=>{
+        const selection = $getSelection();
+        const selectionKey = getSelectionKey(selection);
+        if (null !== suppressedSelectionKeyRef.current) {
+            if (selectionKey === suppressedSelectionKeyRef.current) {
+                const editorElem = editorRef.current;
+                if (editorElem) setFloatingElemPosition(null, editorElem);
+                setLastSelection(null);
+                setLinkData(emptyLinkData);
+                return true;
+            }
+            suppressedSelectionKeyRef.current = null;
+        }
+        setLinkData(getLinkDataFromSelection());
         const editorElem = editorRef.current;
-        if (editorElem) {
-          setFloatingElemPosition(null, editorElem);
+        const nativeSelection = window.getSelection();
+        const activeElement = document.activeElement;
+        if (null === editorElem) return;
+        const rootElement = editor.getRootElement();
+        if (null !== selection && null !== nativeSelection && null !== rootElement && rootElement.contains(nativeSelection.anchorNode)) {
+            const range = nativeSelection.getRangeAt(0);
+            setFloatingElemPosition(range, editorElem);
+            setLastSelection(selection);
+        } else if (!activeElement || "link-input" !== activeElement.className) {
+            if (null !== rootElement) setFloatingElemPosition(null, editorElem);
+            setLastSelection(null);
+            setLinkData(emptyLinkData);
         }
-        setLastSelection(null);
-        setLinkData(emptyLinkData);
         return true;
-      }
-      // New selection — clear suppression.
-      suppressedSelectionKeyRef.current = null;
-    }
-    setLinkData(getLinkDataFromSelection());
-    const editorElem = editorRef.current;
-    const nativeSelection = window.getSelection();
-    const activeElement = document.activeElement;
-    if (editorElem === null) {
-      return;
-    }
-    const rootElement = editor.getRootElement();
-    if (selection !== null && nativeSelection !== null && rootElement !== null && rootElement.contains(nativeSelection.anchorNode)) {
-      const range = nativeSelection.getRangeAt(0);
-      setFloatingElemPosition(range, editorElem);
-      setLastSelection(selection);
-    } else if (!activeElement || activeElement.className !== "link-input") {
-      if (rootElement !== null) {
-        setFloatingElemPosition(null, editorElem);
-      }
-      setLastSelection(null);
-      setLinkData(emptyLinkData);
-    }
-    return true;
-  }, [editor]);
-  const removeLink = useCallback(() => {
-    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
-  }, [editor]);
-  const applyChanges = useCallback(linkData => {
-    const confirmedLinkData = {
-      url: sanitizeUrl(linkData.url),
-      target: linkData.target,
-      alt: linkData.alt
+    }, [
+        editor
+    ]);
+    const removeLink = useCallback(()=>{
+        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+    }, [
+        editor
+    ]);
+    const applyChanges = useCallback((linkData)=>{
+        const confirmedLinkData = {
+            url: sanitizeUrl(linkData.url),
+            target: linkData.target,
+            alt: linkData.alt
+        };
+        if (null !== lastSelection) {
+            editor.read(()=>{
+                const selection = $getSelection();
+                suppressedSelectionKeyRef.current = getSelectionKey(selection);
+            });
+            editor.dispatchCommand(TOGGLE_LINK_COMMAND, confirmedLinkData);
+        }
+        setLastSelection(null);
+    }, [
+        editor,
+        lastSelection
+    ]);
+    useEffect(()=>mergeRegister(editor.registerUpdateListener(({ editorState })=>{
+            editorState.read(()=>{
+                updateLinkEditor();
+            });
+        }), editor.registerCommand(SELECTION_CHANGE_COMMAND, ()=>{
+            updateLinkEditor();
+            return false;
+        }, COMMAND_PRIORITY_LOW)), [
+        editor,
+        updateLinkEditor
+    ]);
+    useEffect(()=>{
+        editor.read(()=>{
+            updateLinkEditor();
+        });
+    }, [
+        editor,
+        updateLinkEditor
+    ]);
+    return {
+        editorRef,
+        linkData,
+        applyChanges,
+        removeLink
     };
-    if (lastSelection !== null) {
-      editor.read(() => {
-        const selection = $getSelection();
-        suppressedSelectionKeyRef.current = getSelectionKey(selection);
-      });
-      editor.dispatchCommand(TOGGLE_LINK_COMMAND, confirmedLinkData);
-    }
-    setLastSelection(null);
-  }, [editor, lastSelection]);
-  useEffect(() => {
-    return mergeRegister(editor.registerUpdateListener(({
-      editorState
-    }) => {
-      editorState.read(() => {
-        updateLinkEditor();
-      });
-    }), editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {
-      updateLinkEditor();
-      return false;
-    }, COMMAND_PRIORITY_LOW));
-  }, [editor, updateLinkEditor]);
-  useEffect(() => {
-    editor.read(() => {
-      updateLinkEditor();
-    });
-  }, [editor, updateLinkEditor]);
-  return {
-    editorRef,
-    linkData,
-    applyChanges,
-    removeLink
-  };
 }
+export { useFloatingLinkEditor };
 
 //# sourceMappingURL=useFloatingLinkEditor.js.map

package/plugins/FloatingLinkEditorPlugin/useFloatingLinkEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useRef","useState","SELECTION_CHANGE_COMMAND","COMMAND_PRIORITY_LOW","$getSelection","$isRangeSelection","mergeRegister","$isLinkNode","TOGGLE_LINK_COMMAND","getSelectedNode","setFloatingElemPosition","sanitizeUrl","emptyLinkData","url","target","alt","getSelectionKey","selection","anchor","key","offset","focus","getLinkDataFromSelection","node","parent","getParent","getURL","getTarget","getAlt","useFloatingLinkEditor","editor","editorRef","linkData","setLinkData","lastSelection","setLastSelection","suppressedSelectionKeyRef","updateLinkEditor","selectionKey","current","editorElem","nativeSelection","window","getSelection","activeElement","document","rootElement","getRootElement","contains","anchorNode","range","getRangeAt","className","removeLink","dispatchCommand","applyChanges","confirmedLinkData","read","registerUpdateListener","editorState","registerCommand"],"sources":["useFloatingLinkEditor.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport {\n    SELECTION_CHANGE_COMMAND,\n    type BaseSelection,\n    type LexicalEditor,\n    COMMAND_PRIORITY_LOW,\n    $getSelection,\n    $isRangeSelection,\n    mergeRegister\n} from \"lexical\";\nimport { $isLinkNode, TOGGLE_LINK_COMMAND } from \"@webiny/lexical-nodes\";\nimport { getSelectedNode } from \"~/utils/getSelectedNode.js\";\nimport { setFloatingElemPosition } from \"~/utils/setFloatingElemPosition.js\";\nimport { sanitizeUrl } from \"~/utils/sanitizeUrl.js\";\nimport { LinkData } from \"./types.js\";\n\nconst emptyLinkData: LinkData = { url: \"\", target: null, alt: null };\n\nfunction getSelectionKey(selection: BaseSelection | null): string | null {\n    if ($isRangeSelection(selection)) {\n        return `${selection.anchor.key}:${selection.anchor.offset}-${selection.focus.key}:${selection.focus.offset}`;\n    }\n    return null;\n}\n\nfunction getLinkDataFromSelection(): LinkData {\n    const selection = $getSelection();\n    if (!$isRangeSelection(selection)) {\n        return emptyLinkData;\n    }\n\n    const node = getSelectedNode(selection);\n    const parent = node.getParent();\n\n    if ($isLinkNode(parent)) {\n        return {\n            url: parent.getURL(),\n            target: parent.getTarget(),\n            alt: parent.getAlt()\n        };\n    }\n\n    if ($isLinkNode(node)) {\n        return {\n            url: node.getURL(),\n            target: node.getTarget(),\n            alt: node.getAlt()\n        };\n    }\n\n    return emptyLinkData;\n}\n\nexport function useFloatingLinkEditor(editor: LexicalEditor) {\n    const editorRef = useRef<HTMLDivElement | null>(null);\n    const [linkData, setLinkData] = useState<LinkData>(emptyLinkData);\n    const [lastSelection, setLastSelection] = useState<BaseSelection | null>(null);\n    const suppressedSelectionKeyRef = useRef<string | null>(null);\n\n    const updateLinkEditor = useCallback(() => {\n        const selection = $getSelection();\n        const selectionKey = getSelectionKey(selection);\n\n        // If we're still on the same selection that was suppressed, hide the popover.\n        if (suppressedSelectionKeyRef.current !== null) {\n            if (selectionKey === suppressedSelectionKeyRef.current) {\n                const editorElem = editorRef.current;\n                if (editorElem) {\n                    setFloatingElemPosition(null, editorElem);\n                }\n                setLastSelection(null);\n                setLinkData(emptyLinkData);\n                return true;\n            }\n            // New selection — clear suppression.\n            suppressedSelectionKeyRef.current = null;\n        }\n\n        setLinkData(getLinkDataFromSelection());\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 range = nativeSelection.getRangeAt(0);\n            setFloatingElemPosition(range, editorElem);\n            setLastSelection(selection);\n        } else if (!activeElement || activeElement.className !== \"link-input\") {\n            if (rootElement !== null) {\n                setFloatingElemPosition(null, editorElem);\n            }\n            setLastSelection(null);\n            setLinkData(emptyLinkData);\n        }\n\n        return true;\n    }, [editor]);\n\n    const removeLink = useCallback(() => {\n        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n    }, [editor]);\n\n    const applyChanges = useCallback(\n        (linkData: LinkData) => {\n            const confirmedLinkData = {\n                url: sanitizeUrl(linkData.url),\n                target: linkData.target,\n                alt: linkData.alt\n            };\n\n            if (lastSelection !== null) {\n                editor.read(() => {\n                    const selection = $getSelection();\n                    suppressedSelectionKeyRef.current = getSelectionKey(selection);\n                });\n\n                editor.dispatchCommand(TOGGLE_LINK_COMMAND, confirmedLinkData);\n            }\n\n            setLastSelection(null);\n        },\n        [editor, lastSelection]\n    );\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 false;\n                },\n                COMMAND_PRIORITY_LOW\n            )\n        );\n    }, [editor, updateLinkEditor]);\n\n    useEffect(() => {\n        editor.read(() => {\n            updateLinkEditor();\n        });\n    }, [editor, updateLinkEditor]);\n\n    return { editorRef, linkData, applyChanges, removeLink };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"plugins/FloatingLinkEditorPlugin/useFloatingLinkEditor.js","sources":["../../../src/plugins/FloatingLinkEditorPlugin/useFloatingLinkEditor.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport {\n    SELECTION_CHANGE_COMMAND,\n    type BaseSelection,\n    type LexicalEditor,\n    COMMAND_PRIORITY_LOW,\n    $getSelection,\n    $isRangeSelection,\n    mergeRegister\n} from \"lexical\";\nimport { $isLinkNode, TOGGLE_LINK_COMMAND } from \"@webiny/lexical-nodes\";\nimport { getSelectedNode } from \"~/utils/getSelectedNode.js\";\nimport { setFloatingElemPosition } from \"~/utils/setFloatingElemPosition.js\";\nimport { sanitizeUrl } from \"~/utils/sanitizeUrl.js\";\nimport { LinkData } from \"./types.js\";\n\nconst emptyLinkData: LinkData = { url: \"\", target: null, alt: null };\n\nfunction getSelectionKey(selection: BaseSelection | null): string | null {\n    if ($isRangeSelection(selection)) {\n        return `${selection.anchor.key}:${selection.anchor.offset}-${selection.focus.key}:${selection.focus.offset}`;\n    }\n    return null;\n}\n\nfunction getLinkDataFromSelection(): LinkData {\n    const selection = $getSelection();\n    if (!$isRangeSelection(selection)) {\n        return emptyLinkData;\n    }\n\n    const node = getSelectedNode(selection);\n    const parent = node.getParent();\n\n    if ($isLinkNode(parent)) {\n        return {\n            url: parent.getURL(),\n            target: parent.getTarget(),\n            alt: parent.getAlt()\n        };\n    }\n\n    if ($isLinkNode(node)) {\n        return {\n            url: node.getURL(),\n            target: node.getTarget(),\n            alt: node.getAlt()\n        };\n    }\n\n    return emptyLinkData;\n}\n\nexport function useFloatingLinkEditor(editor: LexicalEditor) {\n    const editorRef = useRef<HTMLDivElement | null>(null);\n    const [linkData, setLinkData] = useState<LinkData>(emptyLinkData);\n    const [lastSelection, setLastSelection] = useState<BaseSelection | null>(null);\n    const suppressedSelectionKeyRef = useRef<string | null>(null);\n\n    const updateLinkEditor = useCallback(() => {\n        const selection = $getSelection();\n        const selectionKey = getSelectionKey(selection);\n\n        // If we're still on the same selection that was suppressed, hide the popover.\n        if (suppressedSelectionKeyRef.current !== null) {\n            if (selectionKey === suppressedSelectionKeyRef.current) {\n                const editorElem = editorRef.current;\n                if (editorElem) {\n                    setFloatingElemPosition(null, editorElem);\n                }\n                setLastSelection(null);\n                setLinkData(emptyLinkData);\n                return true;\n            }\n            // New selection — clear suppression.\n            suppressedSelectionKeyRef.current = null;\n        }\n\n        setLinkData(getLinkDataFromSelection());\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 range = nativeSelection.getRangeAt(0);\n            setFloatingElemPosition(range, editorElem);\n            setLastSelection(selection);\n        } else if (!activeElement || activeElement.className !== \"link-input\") {\n            if (rootElement !== null) {\n                setFloatingElemPosition(null, editorElem);\n            }\n            setLastSelection(null);\n            setLinkData(emptyLinkData);\n        }\n\n        return true;\n    }, [editor]);\n\n    const removeLink = useCallback(() => {\n        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n    }, [editor]);\n\n    const applyChanges = useCallback(\n        (linkData: LinkData) => {\n            const confirmedLinkData = {\n                url: sanitizeUrl(linkData.url),\n                target: linkData.target,\n                alt: linkData.alt\n            };\n\n            if (lastSelection !== null) {\n                editor.read(() => {\n                    const selection = $getSelection();\n                    suppressedSelectionKeyRef.current = getSelectionKey(selection);\n                });\n\n                editor.dispatchCommand(TOGGLE_LINK_COMMAND, confirmedLinkData);\n            }\n\n            setLastSelection(null);\n        },\n        [editor, lastSelection]\n    );\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 false;\n                },\n                COMMAND_PRIORITY_LOW\n            )\n        );\n    }, [editor, updateLinkEditor]);\n\n    useEffect(() => {\n        editor.read(() => {\n            updateLinkEditor();\n        });\n    }, [editor, updateLinkEditor]);\n\n    return { editorRef, linkData, applyChanges, removeLink };\n}\n"],"names":["emptyLinkData","getSelectionKey","selection","$isRangeSelection","getLinkDataFromSelection","$getSelection","node","getSelectedNode","parent","$isLinkNode","useFloatingLinkEditor","editor","editorRef","useRef","linkData","setLinkData","useState","lastSelection","setLastSelection","suppressedSelectionKeyRef","updateLinkEditor","useCallback","selectionKey","editorElem","setFloatingElemPosition","nativeSelection","window","activeElement","document","rootElement","range","removeLink","TOGGLE_LINK_COMMAND","applyChanges","confirmedLinkData","sanitizeUrl","useEffect","mergeRegister","editorState","SELECTION_CHANGE_COMMAND","COMMAND_PRIORITY_LOW"],"mappings":"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"}

package/plugins/FontColorPlugin/FontColorPlugin.js

@@ -3,25 +3,20 @@ import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR } from "lexic
 import { ADD_FONT_COLOR_COMMAND } from "@webiny/lexical-nodes";
 import { useRichTextEditor } from "../../hooks/index.js";
 import { applyColorToSelection } from "./applyColorToSelection.js";
-export const FontColorPlugin = () => {
-  const {
-    editor
-  } = useRichTextEditor();
-  useEffect(() => {
-    return editor.registerCommand(ADD_FONT_COLOR_COMMAND, payload => {
-      editor.update(() => {
-        const {
-          color
-        } = payload;
-        const selection = $getSelection();
-        if ($isRangeSelection(selection)) {
-          applyColorToSelection(selection, color);
-        }
-      });
-      return true;
-    }, COMMAND_PRIORITY_EDITOR);
-  }, [editor]);
-  return null;
+const FontColorPlugin = ()=>{
+    const { editor } = useRichTextEditor();
+    useEffect(()=>editor.registerCommand(ADD_FONT_COLOR_COMMAND, (payload)=>{
+            editor.update(()=>{
+                const { color } = payload;
+                const selection = $getSelection();
+                if ($isRangeSelection(selection)) applyColorToSelection(selection, color);
+            });
+            return true;
+        }, COMMAND_PRIORITY_EDITOR), [
+        editor
+    ]);
+    return null;
 };
+export { FontColorPlugin };
 
 //# sourceMappingURL=FontColorPlugin.js.map

package/plugins/FontColorPlugin/FontColorPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","$getSelection","$isRangeSelection","COMMAND_PRIORITY_EDITOR","ADD_FONT_COLOR_COMMAND","useRichTextEditor","applyColorToSelection","FontColorPlugin","editor","registerCommand","payload","update","color","selection"],"sources":["FontColorPlugin.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR } from \"lexical\";\nimport type { FontColorPayload } from \"@webiny/lexical-nodes\";\nimport { ADD_FONT_COLOR_COMMAND } from \"@webiny/lexical-nodes\";\nimport { useRichTextEditor } from \"~/hooks/index.js\";\nimport { applyColorToSelection } from \"./applyColorToSelection.js\";\n\nexport const FontColorPlugin = () => {\n    const { editor } = useRichTextEditor();\n\n    useEffect(() => {\n        return editor.registerCommand<FontColorPayload>(\n            ADD_FONT_COLOR_COMMAND,\n            payload => {\n                editor.update(() => {\n                    const { color } = payload;\n                    const selection = $getSelection();\n\n                    if ($isRangeSelection(selection)) {\n                        applyColorToSelection(selection, color);\n                    }\n                });\n                return true;\n            },\n            COMMAND_PRIORITY_EDITOR\n        );\n    }, [editor]);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,aAAa,EAAEC,iBAAiB,EAAEC,uBAAuB,QAAQ,SAAS;AAEnF,SAASC,sBAAsB,QAAQ,uBAAuB;AAC9D,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAE9B,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAO,CAAC,GAAGH,iBAAiB,CAAC,CAAC;EAEtCL,SAAS,CAAC,MAAM;IACZ,OAAOQ,MAAM,CAACC,eAAe,CACzBL,sBAAsB,EACtBM,OAAO,IAAI;MACPF,MAAM,CAACG,MAAM,CAAC,MAAM;QAChB,MAAM;UAAEC;QAAM,CAAC,GAAGF,OAAO;QACzB,MAAMG,SAAS,GAAGZ,aAAa,CAAC,CAAC;QAEjC,IAAIC,iBAAiB,CAACW,SAAS,CAAC,EAAE;UAC9BP,qBAAqB,CAACO,SAAS,EAAED,KAAK,CAAC;QAC3C;MACJ,CAAC,CAAC;MACF,OAAO,IAAI;IACf,CAAC,EACDT,uBACJ,CAAC;EACL,CAAC,EAAE,CAACK,MAAM,CAAC,CAAC;EAEZ,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"file":"plugins/FontColorPlugin/FontColorPlugin.js","sources":["../../../src/plugins/FontColorPlugin/FontColorPlugin.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR } from \"lexical\";\nimport type { FontColorPayload } from \"@webiny/lexical-nodes\";\nimport { ADD_FONT_COLOR_COMMAND } from \"@webiny/lexical-nodes\";\nimport { useRichTextEditor } from \"~/hooks/index.js\";\nimport { applyColorToSelection } from \"./applyColorToSelection.js\";\n\nexport const FontColorPlugin = () => {\n    const { editor } = useRichTextEditor();\n\n    useEffect(() => {\n        return editor.registerCommand<FontColorPayload>(\n            ADD_FONT_COLOR_COMMAND,\n            payload => {\n                editor.update(() => {\n                    const { color } = payload;\n                    const selection = $getSelection();\n\n                    if ($isRangeSelection(selection)) {\n                        applyColorToSelection(selection, color);\n                    }\n                });\n                return true;\n            },\n            COMMAND_PRIORITY_EDITOR\n        );\n    }, [editor]);\n\n    return null;\n};\n"],"names":["FontColorPlugin","editor","useRichTextEditor","useEffect","ADD_FONT_COLOR_COMMAND","payload","color","selection","$getSelection","$isRangeSelection","applyColorToSelection","COMMAND_PRIORITY_EDITOR"],"mappings":";;;;;AAOO,MAAMA,kBAAkB;IAC3B,MAAM,EAAEC,MAAM,EAAE,GAAGC;IAEnBC,UAAU,IACCF,OAAO,eAAe,CACzBG,wBACAC,CAAAA;YACIJ,OAAO,MAAM,CAAC;gBACV,MAAM,EAAEK,KAAK,EAAE,GAAGD;gBAClB,MAAME,YAAYC;gBAElB,IAAIC,kBAAkBF,YAClBG,sBAAsBH,WAAWD;YAEzC;YACA,OAAO;QACX,GACAK,0BAEL;QAACV;KAAO;IAEX,OAAO;AACX"}

package/plugins/FontColorPlugin/applyColorToNode.js

@@ -1,8 +1,9 @@
 import { $applyStylesToNode, $createFontColorNode } from "@webiny/lexical-nodes";
-export function applyColorToNode(textNode, color) {
-  const fontColorNode = $createFontColorNode(textNode.getTextContent(), color);
-  $applyStylesToNode(fontColorNode, textNode);
-  return textNode.replace(fontColorNode);
+function applyColorToNode(textNode, color) {
+    const fontColorNode = $createFontColorNode(textNode.getTextContent(), color);
+    $applyStylesToNode(fontColorNode, textNode);
+    return textNode.replace(fontColorNode);
 }
+export { applyColorToNode };
 
 //# sourceMappingURL=applyColorToNode.js.map

package/plugins/FontColorPlugin/applyColorToNode.js.map

@@ -1 +1 @@
-{"version":3,"names":["$applyStylesToNode","$createFontColorNode","applyColorToNode","textNode","color","fontColorNode","getTextContent","replace"],"sources":["applyColorToNode.ts"],"sourcesContent":["import type { TextNode } from \"lexical\";\nimport type { ThemeColorValue } from \"@webiny/lexical-nodes\";\nimport { $applyStylesToNode, $createFontColorNode } from \"@webiny/lexical-nodes\";\n\nexport function applyColorToNode(textNode: TextNode, color: ThemeColorValue) {\n    const fontColorNode = $createFontColorNode(textNode.getTextContent(), color);\n    $applyStylesToNode(fontColorNode, textNode);\n\n    return textNode.replace(fontColorNode);\n}\n"],"mappings":"AAEA,SAASA,kBAAkB,EAAEC,oBAAoB,QAAQ,uBAAuB;AAEhF,OAAO,SAASC,gBAAgBA,CAACC,QAAkB,EAAEC,KAAsB,EAAE;EACzE,MAAMC,aAAa,GAAGJ,oBAAoB,CAACE,QAAQ,CAACG,cAAc,CAAC,CAAC,EAAEF,KAAK,CAAC;EAC5EJ,kBAAkB,CAACK,aAAa,EAAEF,QAAQ,CAAC;EAE3C,OAAOA,QAAQ,CAACI,OAAO,CAACF,aAAa,CAAC;AAC1C","ignoreList":[]}
+{"version":3,"file":"plugins/FontColorPlugin/applyColorToNode.js","sources":["../../../src/plugins/FontColorPlugin/applyColorToNode.ts"],"sourcesContent":["import type { TextNode } from \"lexical\";\nimport type { ThemeColorValue } from \"@webiny/lexical-nodes\";\nimport { $applyStylesToNode, $createFontColorNode } from \"@webiny/lexical-nodes\";\n\nexport function applyColorToNode(textNode: TextNode, color: ThemeColorValue) {\n    const fontColorNode = $createFontColorNode(textNode.getTextContent(), color);\n    $applyStylesToNode(fontColorNode, textNode);\n\n    return textNode.replace(fontColorNode);\n}\n"],"names":["applyColorToNode","textNode","color","fontColorNode","$createFontColorNode","$applyStylesToNode"],"mappings":";AAIO,SAASA,iBAAiBC,QAAkB,EAAEC,KAAsB;IACvE,MAAMC,gBAAgBC,qBAAqBH,SAAS,cAAc,IAAIC;IACtEG,mBAAmBF,eAAeF;IAElC,OAAOA,SAAS,OAAO,CAACE;AAC5B"}