@webiny/lexical-editor 0.0.0-unstable.06b2ede40f

package/plugins/FloatingLinkEditorPlugin/LinkEditForm.js

@@ -0,0 +1,104 @@
+import React, { useState } from "react";
+import { sanitizeUrl } from "../../utils/sanitizeUrl";
+import { isAnchorLink } from "../../utils/isAnchorLink";
+export const LinkEditForm = ({
+  linkData,
+  onSave,
+  onCancel
+}) => {
+  const [linkState, setLinkState] = useState(linkData);
+  const onInputKeyDown = event => {
+    if (event.key === "Enter") {
+      event.preventDefault();
+      onSubmit();
+    } else if (event.key === "Escape") {
+      event.preventDefault();
+      onCancel();
+    }
+  };
+  const onSubmit = () => {
+    onSave({
+      ...linkState,
+      target: isAnchorLink(linkState.url) ? null : linkState.target,
+      url: sanitizeUrl(linkState.url)
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h5", {
+    className: "link-editor-popup-title"
+  }, "Edit Link"), /*#__PURE__*/React.createElement("div", {
+    className: "link-editor-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "header_title"
+  }, "URL")), /*#__PURE__*/React.createElement("div", {
+    className: "section-desc"
+  }, /*#__PURE__*/React.createElement("input", {
+    autoFocus: true,
+    placeholder: "URL: https://example.com",
+    className: "link-input full-with",
+    value: linkState.url,
+    onKeyDown: onInputKeyDown,
+    onChange: e => {
+      return setLinkState(state => ({
+        ...state,
+        url: e.target.value
+      }));
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "link-editor-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "header_title"
+  }, "Alt text")), /*#__PURE__*/React.createElement("div", {
+    className: "section-desc"
+  }, /*#__PURE__*/React.createElement("input", {
+    placeholder: "Enter alt text",
+    className: "link-input full-with",
+    type: "text",
+    value: linkState.alt || "",
+    onKeyDown: onInputKeyDown,
+    onChange: e => {
+      return setLinkState(state => ({
+        ...state,
+        alt: e.target.value
+      }));
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "link-editor-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "section-desc"
+  }, /*#__PURE__*/React.createElement("input", {
+    id: "link-editor-new-tab",
+    type: "checkbox",
+    checked: linkState.target === "_blank",
+    disabled: isAnchorLink(linkState.url),
+    onChange: e => {
+      return setLinkState(state => ({
+        ...state,
+        target: e.target.checked ? "_blank" : null
+      }));
+    }
+  }), /*#__PURE__*/React.createElement("label", {
+    htmlFor: "link-editor-new-tab"
+  }, "Open link in a new tab"))), /*#__PURE__*/React.createElement("div", {
+    className: "link-editor-section full-with edit-form-bottom-menu"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "webiny-ui-button mdc-button",
+    onClick: onCancel
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mdc-button__ripple"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "mdc-button__label"
+  }, "Cancel")), /*#__PURE__*/React.createElement("button", {
+    className: "webiny-ui-button webiny-ui-button--primary mdc-button mdc-button--raised",
+    onClick: onSubmit
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mdc-button__ripple"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "mdc-button__label"
+  }, "Confirm"))));
+};
+
+//# sourceMappingURL=LinkEditForm.js.map

package/plugins/FloatingLinkEditorPlugin/LinkEditForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","sanitizeUrl","isAnchorLink","LinkEditForm","linkData","onSave","onCancel","linkState","setLinkState","onInputKeyDown","event","key","preventDefault","onSubmit","target","url","createElement","className","autoFocus","placeholder","value","onKeyDown","onChange","e","state","type","alt","id","checked","disabled","htmlFor","onClick"],"sources":["LinkEditForm.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { sanitizeUrl } from \"~/utils/sanitizeUrl\";\nimport { isAnchorLink } from \"~/utils/isAnchorLink\";\nimport type { LinkData } from \"./FloatingLinkEditor\";\n\nexport interface LinkFormProps {\n    linkData: LinkData;\n    onSave: (linkData: LinkData) => void;\n    onCancel: () => void;\n}\n\nexport const LinkEditForm = ({ linkData, onSave, onCancel }: LinkFormProps) => {\n    const [linkState, setLinkState] = useState(linkData);\n\n    const onInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === \"Enter\") {\n            event.preventDefault();\n            onSubmit();\n        } else if (event.key === \"Escape\") {\n            event.preventDefault();\n            onCancel();\n        }\n    };\n\n    const onSubmit = () => {\n        onSave({\n            ...linkState,\n            target: isAnchorLink(linkState.url) ? null : linkState.target,\n            url: sanitizeUrl(linkState.url)\n        });\n    };\n\n    return (\n        <div>\n            <h5 className={\"link-editor-popup-title\"}>Edit Link</h5>\n\n            <div className={\"link-editor-section\"}>\n                <div className={\"header\"}>\n                    <div className={\"header_title\"}>URL</div>\n                </div>\n                <div className={\"section-desc\"}>\n                    <input\n                        autoFocus\n                        placeholder={\"URL: https://example.com\"}\n                        className=\"link-input full-with\"\n                        value={linkState.url}\n                        onKeyDown={onInputKeyDown}\n                        onChange={e => {\n                            return setLinkState(state => ({\n                                ...state,\n                                url: e.target.value\n                            }));\n                        }}\n                    />\n                </div>\n            </div>\n            <div className={\"link-editor-section\"}>\n                <div className={\"header\"}>\n                    <div className={\"header_title\"}>Alt text</div>\n                </div>\n                <div className={\"section-desc\"}>\n                    <input\n                        placeholder={\"Enter alt text\"}\n                        className={\"link-input full-with\"}\n                        type={\"text\"}\n                        value={linkState.alt || \"\"}\n                        onKeyDown={onInputKeyDown}\n                        onChange={e => {\n                            return setLinkState(state => ({\n                                ...state,\n                                alt: e.target.value\n                            }));\n                        }}\n                    />\n                </div>\n            </div>\n            <div className={\"link-editor-section\"}>\n                <div className={\"section-desc\"}>\n                    <input\n                        id={\"link-editor-new-tab\"}\n                        type={\"checkbox\"}\n                        checked={linkState.target === \"_blank\"}\n                        disabled={isAnchorLink(linkState.url)}\n                        onChange={e => {\n                            return setLinkState(state => ({\n                                ...state,\n                                target: e.target.checked ? \"_blank\" : null\n                            }));\n                        }}\n                    />\n                    <label htmlFor={\"link-editor-new-tab\"}>Open link in a new tab</label>\n                </div>\n            </div>\n\n            <div className={\"link-editor-section full-with edit-form-bottom-menu\"}>\n                <button className=\"webiny-ui-button mdc-button\" onClick={onCancel}>\n                    <div className=\"mdc-button__ripple\"></div>\n                    <span className=\"mdc-button__label\">Cancel</span>\n                </button>\n                <button\n                    className=\"webiny-ui-button webiny-ui-button--primary mdc-button mdc-button--raised\"\n                    onClick={onSubmit}\n                >\n                    <div className=\"mdc-button__ripple\"></div>\n                    <span className=\"mdc-button__label\">Confirm</span>\n                </button>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/plugins/FloatingLinkEditorPlugin/LinkPreviewForm.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { LinkData } from "./FloatingLinkEditor";
+interface LinkFormProps {
+    linkData: LinkData;
+    onEdit: () => void;
+    removeLink: () => void;
+}
+export declare const LinkPreviewForm: ({ linkData, onEdit, removeLink }: LinkFormProps) => React.JSX.Element;
+export {};

package/plugins/FloatingLinkEditorPlugin/LinkPreviewForm.js

@@ -0,0 +1,34 @@
+import React from "react";
+export const LinkPreviewForm = ({
+  linkData,
+  onEdit,
+  removeLink
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "link-preview-form"
+  }, /*#__PURE__*/React.createElement("h5", {
+    className: "link-editor-popup-title"
+  }, "Preview Link"), /*#__PURE__*/React.createElement("div", {
+    className: "link-input"
+  }, /*#__PURE__*/React.createElement("a", {
+    href: linkData.url,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, linkData.url), /*#__PURE__*/React.createElement("div", {
+    className: "link-edit",
+    role: "button",
+    tabIndex: 0,
+    onMouseDown: event => event.preventDefault(),
+    onClick: onEdit
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "link-unlink",
+    role: "button",
+    tabIndex: 0,
+    onMouseDown: event => event.preventDefault(),
+    onClick: removeLink
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "link-editor-section"
+  }, /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, linkData.target === "_blank" ? /*#__PURE__*/React.createElement("span", null, "Open link in a new tab") : /*#__PURE__*/React.createElement("span", null, "Open link in the same tab")), linkData.alt && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("span", null, "Alt text: ", /*#__PURE__*/React.createElement("span", null, linkData.alt))))));
+};
+
+//# sourceMappingURL=LinkPreviewForm.js.map

package/plugins/FloatingLinkEditorPlugin/LinkPreviewForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","LinkPreviewForm","linkData","onEdit","removeLink","createElement","className","href","url","target","rel","role","tabIndex","onMouseDown","event","preventDefault","onClick","alt"],"sources":["LinkPreviewForm.tsx"],"sourcesContent":["import React from \"react\";\nimport type { LinkData } from \"./FloatingLinkEditor\";\n\ninterface LinkFormProps {\n    linkData: LinkData;\n    onEdit: () => void;\n    removeLink: () => void;\n}\n\nexport const LinkPreviewForm = ({ linkData, onEdit, removeLink }: LinkFormProps) => {\n    return (\n        <div className={\"link-preview-form\"}>\n            <h5 className={\"link-editor-popup-title\"}>Preview Link</h5>\n            <div className=\"link-input\">\n                <a href={linkData.url} target=\"_blank\" rel=\"noopener noreferrer\">\n                    {linkData.url}\n                </a>\n                <div\n                    className=\"link-edit\"\n                    role=\"button\"\n                    tabIndex={0}\n                    onMouseDown={event => event.preventDefault()}\n                    onClick={onEdit}\n                />\n                <div\n                    className=\"link-unlink\"\n                    role=\"button\"\n                    tabIndex={0}\n                    onMouseDown={event => event.preventDefault()}\n                    onClick={removeLink}\n                />\n            </div>\n            <div className={\"link-editor-section\"}>\n                <ul>\n                    <li>\n                        {linkData.target === \"_blank\" ? (\n                            <span>Open link in a new tab</span>\n                        ) : (\n                            <span>Open link in the same tab</span>\n                        )}\n                    </li>\n                    {linkData.alt && (\n                        <li>\n                            <span>\n                                Alt text: <span>{linkData.alt}</span>\n                            </span>\n                        </li>\n                    )}\n                </ul>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AASzB,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAA0B,CAAC,KAAK;EAChF,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAoB,gBAChCN,KAAA,CAAAK,aAAA;IAAIC,SAAS,EAAE;EAA0B,GAAC,cAAgB,CAAC,eAC3DN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAAY,gBACvBN,KAAA,CAAAK,aAAA;IAAGE,IAAI,EAAEL,QAAQ,CAACM,GAAI;IAACC,MAAM,EAAC,QAAQ;IAACC,GAAG,EAAC;EAAqB,GAC3DR,QAAQ,CAACM,GACX,CAAC,eACJR,KAAA,CAAAK,aAAA;IACIC,SAAS,EAAC,WAAW;IACrBK,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZC,WAAW,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC,CAAE;IAC7CC,OAAO,EAAEb;EAAO,CACnB,CAAC,eACFH,KAAA,CAAAK,aAAA;IACIC,SAAS,EAAC,aAAa;IACvBK,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZC,WAAW,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC,CAAE;IAC7CC,OAAO,EAAEZ;EAAW,CACvB,CACA,CAAC,eACNJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAsB,gBAClCN,KAAA,CAAAK,aAAA,0BACIL,KAAA,CAAAK,aAAA,aACKH,QAAQ,CAACO,MAAM,KAAK,QAAQ,gBACzBT,KAAA,CAAAK,aAAA,eAAM,wBAA4B,CAAC,gBAEnCL,KAAA,CAAAK,aAAA,eAAM,2BAA+B,CAEzC,CAAC,EACJH,QAAQ,CAACe,GAAG,iBACTjB,KAAA,CAAAK,aAAA,0BACIL,KAAA,CAAAK,aAAA,eAAM,YACQ,eAAAL,KAAA,CAAAK,aAAA,eAAOH,QAAQ,CAACe,GAAU,CAClC,CACN,CAER,CACH,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/plugins/FloatingLinkEditorPlugin/index.d.ts

@@ -0,0 +1 @@
+export * from "./FloatingLinkEditorPlugin";

package/plugins/FloatingLinkEditorPlugin/index.js

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

package/plugins/FloatingLinkEditorPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./FloatingLinkEditorPlugin\";\n"],"mappings":"AAAA","ignoreList":[]}

package/plugins/FloatingLinkEditorPlugin/isChildOfLinkEditor.d.ts

@@ -0,0 +1 @@
+export declare const isChildOfLinkEditor: (element: HTMLElement | null) => boolean;

package/plugins/FloatingLinkEditorPlugin/isChildOfLinkEditor.js

@@ -0,0 +1,12 @@
+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);
+};
+
+//# sourceMappingURL=isChildOfLinkEditor.js.map

package/plugins/FloatingLinkEditorPlugin/isChildOfLinkEditor.js.map

@@ -0,0 +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":[]}

package/plugins/FontColorPlugin/FontColorPlugin.d.ts

@@ -0,0 +1 @@
+export declare const FontColorPlugin: () => null;

package/plugins/FontColorPlugin/FontColorPlugin.js

@@ -0,0 +1,27 @@
+import { useEffect } from "react";
+import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR } from "lexical";
+import { ADD_FONT_COLOR_COMMAND } from "@webiny/lexical-nodes";
+import { useRichTextEditor } from "../../hooks";
+import { applyColorToSelection } from "./applyColorToSelection";
+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;
+};
+
+//# sourceMappingURL=FontColorPlugin.js.map

package/plugins/FontColorPlugin/FontColorPlugin.js.map

@@ -0,0 +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\";\nimport { applyColorToSelection } from \"./applyColorToSelection\";\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":[]}

package/plugins/FontColorPlugin/applyColorToNode.d.ts

@@ -0,0 +1,3 @@
+import type { TextNode } from "lexical";
+import type { ThemeColorValue } from "@webiny/lexical-nodes";
+export declare function applyColorToNode(textNode: TextNode, color: ThemeColorValue): import("@webiny/lexical-nodes").FontColorNode;

package/plugins/FontColorPlugin/applyColorToNode.js

@@ -0,0 +1,8 @@
+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);
+}
+
+//# sourceMappingURL=applyColorToNode.js.map

package/plugins/FontColorPlugin/applyColorToNode.js.map

@@ -0,0 +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":[]}

package/plugins/FontColorPlugin/applyColorToSelection.d.ts

@@ -0,0 +1,3 @@
+import type { RangeSelection } from "lexical";
+import type { ThemeColorValue } from "@webiny/lexical-nodes";
+export declare function applyColorToSelection(selection: RangeSelection, color: ThemeColorValue): void;

package/plugins/FontColorPlugin/applyColorToSelection.js

@@ -0,0 +1,66 @@
+import { TextNode } from "lexical";
+import { applyColorToNode } from "./applyColorToNode";
+export function applyColorToSelection(selection, color) {
+  // Basic variables
+  const textNodes = selection.getNodes().filter(node => node instanceof TextNode);
+  const selectedTextNodesLength = textNodes.length;
+  const startEndPoints = selection.getStartEndPoints();
+  if (startEndPoints === null) {
+    return;
+  }
+  const [anchor, focus] = startEndPoints;
+  const lastIndex = selectedTextNodesLength - 1;
+  const firstNode = textNodes[0];
+  const lastNode = textNodes[lastIndex];
+  const firstNodeText = firstNode.getTextContent();
+  const firstNodeTextLength = firstNodeText.length;
+  const focusOffset = focus.offset;
+  const anchorOffset = anchor.offset;
+  const isBefore = anchor.isBefore(focus);
+  const startOffset = isBefore ? anchorOffset : focusOffset;
+  const endOffset = isBefore ? focusOffset : anchorOffset;
+
+  // No actual text is selected, so do nothing.
+  if (startOffset === endOffset) {
+    return;
+  }
+
+  // Only one node is selected.
+  if (selectedTextNodesLength === 1) {
+    // The entire node is selected.
+    if (startOffset === 0 && endOffset === firstNodeTextLength) {
+      const fontColorNode = applyColorToNode(firstNode, color);
+      fontColorNode.select(startOffset, endOffset);
+      return;
+    }
+
+    // The node is partially selected, so split it into two nodes and style the selected part.
+    const splitNodes = firstNode.splitText(startOffset, endOffset);
+    const replacement = startOffset === 0 ? splitNodes[0] : splitNodes[1];
+    const fontColorNode = applyColorToNode(replacement, color);
+    fontColorNode.select(0, endOffset - startOffset);
+    return;
+  }
+
+  // Several nodes are selected.
+  textNodes.forEach(textNode => {
+    // First node is partially selected.
+    if (textNode === firstNode && startOffset > 0) {
+      const [, toColor] = textNode.splitText(startOffset);
+      applyColorToNode(toColor, color);
+      return;
+    }
+
+    // Last node is partially selected.
+    if (textNode === lastNode && lastNode.getTextContent().length !== endOffset) {
+      const [toColor] = textNode.splitText(endOffset);
+      applyColorToNode(toColor, color);
+      return;
+    }
+
+    // Colorize the whole node.
+    applyColorToNode(textNode, color);
+  });
+}
+
+//# sourceMappingURL=applyColorToSelection.js.map

package/plugins/FontColorPlugin/applyColorToSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextNode","applyColorToNode","applyColorToSelection","selection","color","textNodes","getNodes","filter","node","selectedTextNodesLength","length","startEndPoints","getStartEndPoints","anchor","focus","lastIndex","firstNode","lastNode","firstNodeText","getTextContent","firstNodeTextLength","focusOffset","offset","anchorOffset","isBefore","startOffset","endOffset","fontColorNode","select","splitNodes","splitText","replacement","forEach","textNode","toColor"],"sources":["applyColorToSelection.ts"],"sourcesContent":["import type { RangeSelection } from \"lexical\";\nimport { TextNode } from \"lexical\";\nimport type { ThemeColorValue } from \"@webiny/lexical-nodes\";\nimport { applyColorToNode } from \"~/plugins/FontColorPlugin/applyColorToNode\";\n\nexport function applyColorToSelection(selection: RangeSelection, color: ThemeColorValue) {\n    // Basic variables\n    const textNodes = selection.getNodes().filter(node => node instanceof TextNode) as TextNode[];\n\n    const selectedTextNodesLength = textNodes.length;\n    const startEndPoints = selection.getStartEndPoints();\n\n    if (startEndPoints === null) {\n        return;\n    }\n\n    const [anchor, focus] = startEndPoints;\n\n    const lastIndex = selectedTextNodesLength - 1;\n    const firstNode = textNodes[0];\n    const lastNode = textNodes[lastIndex];\n    const firstNodeText = firstNode.getTextContent();\n    const firstNodeTextLength = firstNodeText.length;\n    const focusOffset = focus.offset;\n    const anchorOffset = anchor.offset;\n    const isBefore = anchor.isBefore(focus);\n    const startOffset = isBefore ? anchorOffset : focusOffset;\n    const endOffset = isBefore ? focusOffset : anchorOffset;\n\n    // No actual text is selected, so do nothing.\n    if (startOffset === endOffset) {\n        return;\n    }\n\n    // Only one node is selected.\n    if (selectedTextNodesLength === 1) {\n        // The entire node is selected.\n        if (startOffset === 0 && endOffset === firstNodeTextLength) {\n            const fontColorNode = applyColorToNode(firstNode, color);\n            fontColorNode.select(startOffset, endOffset);\n            return;\n        }\n\n        // The node is partially selected, so split it into two nodes and style the selected part.\n        const splitNodes = firstNode.splitText(startOffset, endOffset);\n        const replacement = startOffset === 0 ? splitNodes[0] : splitNodes[1];\n        const fontColorNode = applyColorToNode(replacement, color);\n        fontColorNode.select(0, endOffset - startOffset);\n\n        return;\n    }\n\n    // Several nodes are selected.\n    textNodes.forEach(textNode => {\n        // First node is partially selected.\n        if (textNode === firstNode && startOffset > 0) {\n            const [, toColor] = textNode.splitText(startOffset);\n            applyColorToNode(toColor, color);\n\n            return;\n        }\n\n        // Last node is partially selected.\n        if (textNode === lastNode && lastNode.getTextContent().length !== endOffset) {\n            const [toColor] = textNode.splitText(endOffset);\n            applyColorToNode(toColor, color);\n            return;\n        }\n\n        // Colorize the whole node.\n        applyColorToNode(textNode, color);\n    });\n}\n"],"mappings":"AACA,SAASA,QAAQ,QAAQ,SAAS;AAElC,SAASC,gBAAgB;AAEzB,OAAO,SAASC,qBAAqBA,CAACC,SAAyB,EAAEC,KAAsB,EAAE;EACrF;EACA,MAAMC,SAAS,GAAGF,SAAS,CAACG,QAAQ,CAAC,CAAC,CAACC,MAAM,CAACC,IAAI,IAAIA,IAAI,YAAYR,QAAQ,CAAe;EAE7F,MAAMS,uBAAuB,GAAGJ,SAAS,CAACK,MAAM;EAChD,MAAMC,cAAc,GAAGR,SAAS,CAACS,iBAAiB,CAAC,CAAC;EAEpD,IAAID,cAAc,KAAK,IAAI,EAAE;IACzB;EACJ;EAEA,MAAM,CAACE,MAAM,EAAEC,KAAK,CAAC,GAAGH,cAAc;EAEtC,MAAMI,SAAS,GAAGN,uBAAuB,GAAG,CAAC;EAC7C,MAAMO,SAAS,GAAGX,SAAS,CAAC,CAAC,CAAC;EAC9B,MAAMY,QAAQ,GAAGZ,SAAS,CAACU,SAAS,CAAC;EACrC,MAAMG,aAAa,GAAGF,SAAS,CAACG,cAAc,CAAC,CAAC;EAChD,MAAMC,mBAAmB,GAAGF,aAAa,CAACR,MAAM;EAChD,MAAMW,WAAW,GAAGP,KAAK,CAACQ,MAAM;EAChC,MAAMC,YAAY,GAAGV,MAAM,CAACS,MAAM;EAClC,MAAME,QAAQ,GAAGX,MAAM,CAACW,QAAQ,CAACV,KAAK,CAAC;EACvC,MAAMW,WAAW,GAAGD,QAAQ,GAAGD,YAAY,GAAGF,WAAW;EACzD,MAAMK,SAAS,GAAGF,QAAQ,GAAGH,WAAW,GAAGE,YAAY;;EAEvD;EACA,IAAIE,WAAW,KAAKC,SAAS,EAAE;IAC3B;EACJ;;EAEA;EACA,IAAIjB,uBAAuB,KAAK,CAAC,EAAE;IAC/B;IACA,IAAIgB,WAAW,KAAK,CAAC,IAAIC,SAAS,KAAKN,mBAAmB,EAAE;MACxD,MAAMO,aAAa,GAAG1B,gBAAgB,CAACe,SAAS,EAAEZ,KAAK,CAAC;MACxDuB,aAAa,CAACC,MAAM,CAACH,WAAW,EAAEC,SAAS,CAAC;MAC5C;IACJ;;IAEA;IACA,MAAMG,UAAU,GAAGb,SAAS,CAACc,SAAS,CAACL,WAAW,EAAEC,SAAS,CAAC;IAC9D,MAAMK,WAAW,GAAGN,WAAW,KAAK,CAAC,GAAGI,UAAU,CAAC,CAAC,CAAC,GAAGA,UAAU,CAAC,CAAC,CAAC;IACrE,MAAMF,aAAa,GAAG1B,gBAAgB,CAAC8B,WAAW,EAAE3B,KAAK,CAAC;IAC1DuB,aAAa,CAACC,MAAM,CAAC,CAAC,EAAEF,SAAS,GAAGD,WAAW,CAAC;IAEhD;EACJ;;EAEA;EACApB,SAAS,CAAC2B,OAAO,CAACC,QAAQ,IAAI;IAC1B;IACA,IAAIA,QAAQ,KAAKjB,SAAS,IAAIS,WAAW,GAAG,CAAC,EAAE;MAC3C,MAAM,GAAGS,OAAO,CAAC,GAAGD,QAAQ,CAACH,SAAS,CAACL,WAAW,CAAC;MACnDxB,gBAAgB,CAACiC,OAAO,EAAE9B,KAAK,CAAC;MAEhC;IACJ;;IAEA;IACA,IAAI6B,QAAQ,KAAKhB,QAAQ,IAAIA,QAAQ,CAACE,cAAc,CAAC,CAAC,CAACT,MAAM,KAAKgB,SAAS,EAAE;MACzE,MAAM,CAACQ,OAAO,CAAC,GAAGD,QAAQ,CAACH,SAAS,CAACJ,SAAS,CAAC;MAC/CzB,gBAAgB,CAACiC,OAAO,EAAE9B,KAAK,CAAC;MAChC;IACJ;;IAEA;IACAH,gBAAgB,CAACgC,QAAQ,EAAE7B,KAAK,CAAC;EACrC,CAAC,CAAC;AACN","ignoreList":[]}

package/plugins/ImagesPlugin/ImagesPlugin.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { ImagePayload } from "../../commands";
+export type InsertImagePayload = Readonly<ImagePayload>;
+export declare function ImagesPlugin({ captionsEnabled }: {
+    captionsEnabled?: boolean;
+}): JSX.Element | null;
+declare global {
+    interface DragEvent {
+        rangeOffset?: number;
+        rangeParent?: Node;
+    }
+}

package/plugins/ImagesPlugin/ImagesPlugin.js

@@ -0,0 +1,151 @@
+"use client";
+
+/**
+ * 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 { useEffect } from "react";
+import { mergeRegister } from "@lexical/utils";
+import { $createRangeSelection, $getSelection, $isNodeSelection, $setSelection, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, DRAGOVER_COMMAND, DRAGSTART_COMMAND, DROP_COMMAND } from "lexical";
+import { $isImageNode, ImageNode } from "@webiny/lexical-nodes";
+import { INSERT_IMAGE_COMMAND } from "../../commands";
+import { CAN_USE_DOM } from "../../utils/canUseDOM";
+import { insertImage } from "../../utils/insertImage";
+import { useRichTextEditor } from "../../hooks";
+const getDOMSelection = targetWindow => CAN_USE_DOM ? (targetWindow || window).getSelection() : null;
+export function ImagesPlugin({
+  captionsEnabled
+}) {
+  const {
+    editor
+  } = useRichTextEditor();
+  useEffect(() => {
+    if (!editor.hasNodes([ImageNode])) {
+      throw new Error("ImagesPlugin: ImageNode not registered in the editor!");
+    }
+    return mergeRegister(editor.registerCommand(INSERT_IMAGE_COMMAND, payload => insertImage(payload), COMMAND_PRIORITY_EDITOR), editor.registerCommand(DRAGSTART_COMMAND, event => {
+      return onDragStart(event);
+    }, COMMAND_PRIORITY_HIGH), editor.registerCommand(DRAGOVER_COMMAND, event => {
+      return onDragover(event);
+    }, COMMAND_PRIORITY_LOW), editor.registerCommand(DROP_COMMAND, event => {
+      return onDrop(event, editor);
+    }, COMMAND_PRIORITY_HIGH));
+  }, [captionsEnabled, editor]);
+  return null;
+}
+function getDragImage() {
+  if (!document) {
+    return undefined;
+  }
+  const TRANSPARENT_IMAGE = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
+  const img = document.createElement("img");
+  img.src = TRANSPARENT_IMAGE;
+  return img;
+}
+function onDragStart(event) {
+  const node = getImageNodeInSelection();
+  if (!node) {
+    return false;
+  }
+  const dataTransfer = event.dataTransfer;
+  const dragImage = getDragImage();
+  if (!dataTransfer || !dragImage) {
+    return false;
+  }
+  dataTransfer.setData("text/plain", "_");
+  dataTransfer.setDragImage(dragImage, 0, 0);
+  dataTransfer.setData("application/x-lexical-drag", JSON.stringify({
+    data: {
+      id: node.__id,
+      altText: node.__altText,
+      caption: node.__caption,
+      height: node.__height,
+      key: node.getKey(),
+      maxWidth: node.__maxWidth,
+      showCaption: node.__showCaption,
+      src: node.__src,
+      width: node.__width
+    },
+    type: "image"
+  }));
+  return true;
+}
+function onDragover(event) {
+  const node = getImageNodeInSelection();
+  if (!node) {
+    return false;
+  }
+  if (!canDropImage(event)) {
+    event.preventDefault();
+  }
+  return true;
+}
+function onDrop(event, editor) {
+  const node = getImageNodeInSelection();
+  if (!node) {
+    return false;
+  }
+  const data = getDragImageData(event);
+  if (!data) {
+    return false;
+  }
+  event.preventDefault();
+  if (canDropImage(event)) {
+    const range = getDragSelection(event);
+    node.remove();
+    const rangeSelection = $createRangeSelection();
+    if (range !== null && range !== undefined) {
+      rangeSelection.applyDOMRange(range);
+    }
+    $setSelection(rangeSelection);
+    editor.dispatchCommand(INSERT_IMAGE_COMMAND, data);
+  }
+  return true;
+}
+function getImageNodeInSelection() {
+  const selection = $getSelection();
+  if (!$isNodeSelection(selection)) {
+    return null;
+  }
+  const nodes = selection.getNodes();
+  const node = nodes[0];
+  return $isImageNode(node) ? node : null;
+}
+function getDragImageData(event) {
+  const dragData = event.dataTransfer?.getData("application/x-lexical-drag");
+  if (!dragData) {
+    return null;
+  }
+  const {
+    type,
+    data
+  } = JSON.parse(dragData);
+  if (type !== "image") {
+    return null;
+  }
+  return data;
+}
+function canDropImage(event) {
+  const target = event.target;
+  return !!(target && target instanceof HTMLElement && !target.closest("code, span.editor-image") && target.parentElement && target.parentElement.closest("div.ContentEditable__root"));
+}
+function getDragSelection(event) {
+  let range;
+  const target = event.target;
+  const targetWindow = target == null ? null : target.nodeType === 9 ? target.defaultView : target.ownerDocument.defaultView;
+  const domSelection = getDOMSelection(targetWindow);
+  if (document.caretRangeFromPoint) {
+    range = document.caretRangeFromPoint(event.clientX, event.clientY);
+  } else if (event.rangeParent && domSelection !== null) {
+    domSelection.collapse(event.rangeParent, event.rangeOffset || 0);
+    range = domSelection.getRangeAt(0);
+  } else {
+    throw Error(`Cannot get the selection when dragging`);
+  }
+  return range;
+}
+
+//# sourceMappingURL=ImagesPlugin.js.map

package/plugins/ImagesPlugin/ImagesPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","mergeRegister","$createRangeSelection","$getSelection","$isNodeSelection","$setSelection","COMMAND_PRIORITY_EDITOR","COMMAND_PRIORITY_HIGH","COMMAND_PRIORITY_LOW","DRAGOVER_COMMAND","DRAGSTART_COMMAND","DROP_COMMAND","$isImageNode","ImageNode","INSERT_IMAGE_COMMAND","CAN_USE_DOM","insertImage","useRichTextEditor","getDOMSelection","targetWindow","window","getSelection","ImagesPlugin","captionsEnabled","editor","hasNodes","Error","registerCommand","payload","event","onDragStart","onDragover","onDrop","getDragImage","document","undefined","TRANSPARENT_IMAGE","img","createElement","src","node","getImageNodeInSelection","dataTransfer","dragImage","setData","setDragImage","JSON","stringify","data","id","__id","altText","__altText","caption","__caption","height","__height","key","getKey","maxWidth","__maxWidth","showCaption","__showCaption","__src","width","__width","type","canDropImage","preventDefault","getDragImageData","range","getDragSelection","remove","rangeSelection","applyDOMRange","dispatchCommand","selection","nodes","getNodes","dragData","getData","parse","target","HTMLElement","closest","parentElement","nodeType","defaultView","ownerDocument","domSelection","caretRangeFromPoint","clientX","clientY","rangeParent","collapse","rangeOffset","getRangeAt"],"sources":["ImagesPlugin.tsx"],"sourcesContent":["\"use client\";\n/**\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 */\nimport { useEffect } from \"react\";\nimport { mergeRegister } from \"@lexical/utils\";\nimport type { LexicalEditor } from \"lexical\";\nimport {\n    $createRangeSelection,\n    $getSelection,\n    $isNodeSelection,\n    $setSelection,\n    COMMAND_PRIORITY_EDITOR,\n    COMMAND_PRIORITY_HIGH,\n    COMMAND_PRIORITY_LOW,\n    DRAGOVER_COMMAND,\n    DRAGSTART_COMMAND,\n    DROP_COMMAND\n} from \"lexical\";\nimport { $isImageNode, ImageNode } from \"@webiny/lexical-nodes\";\nimport type { ImagePayload } from \"~/commands\";\nimport { INSERT_IMAGE_COMMAND } from \"~/commands\";\nimport { CAN_USE_DOM } from \"~/utils/canUseDOM\";\nimport { insertImage } from \"~/utils/insertImage\";\nimport { useRichTextEditor } from \"~/hooks\";\n\nexport type InsertImagePayload = Readonly<ImagePayload>;\n\nconst getDOMSelection = (targetWindow: Window | null): Selection | null =>\n    CAN_USE_DOM ? (targetWindow || window).getSelection() : null;\n\nexport function ImagesPlugin({\n    captionsEnabled\n}: {\n    captionsEnabled?: boolean;\n}): JSX.Element | null {\n    const { editor } = useRichTextEditor();\n\n    useEffect(() => {\n        if (!editor.hasNodes([ImageNode])) {\n            throw new Error(\"ImagesPlugin: ImageNode not registered in the editor!\");\n        }\n\n        return mergeRegister(\n            editor.registerCommand<InsertImagePayload>(\n                INSERT_IMAGE_COMMAND,\n                payload => insertImage(payload),\n                COMMAND_PRIORITY_EDITOR\n            ),\n            editor.registerCommand<DragEvent>(\n                DRAGSTART_COMMAND,\n                event => {\n                    return onDragStart(event);\n                },\n                COMMAND_PRIORITY_HIGH\n            ),\n            editor.registerCommand<DragEvent>(\n                DRAGOVER_COMMAND,\n                event => {\n                    return onDragover(event);\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand<DragEvent>(\n                DROP_COMMAND,\n                event => {\n                    return onDrop(event, editor);\n                },\n                COMMAND_PRIORITY_HIGH\n            )\n        );\n    }, [captionsEnabled, editor]);\n\n    return null;\n}\n\nfunction getDragImage() {\n    if (!document) {\n        return undefined;\n    }\n\n    const TRANSPARENT_IMAGE =\n        \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\";\n    const img = document.createElement(\"img\");\n    img.src = TRANSPARENT_IMAGE;\n    return img;\n}\n\nfunction onDragStart(event: DragEvent): boolean {\n    const node = getImageNodeInSelection();\n    if (!node) {\n        return false;\n    }\n    const dataTransfer = event.dataTransfer;\n    const dragImage = getDragImage();\n    if (!dataTransfer || !dragImage) {\n        return false;\n    }\n    dataTransfer.setData(\"text/plain\", \"_\");\n    dataTransfer.setDragImage(dragImage, 0, 0);\n    dataTransfer.setData(\n        \"application/x-lexical-drag\",\n        JSON.stringify({\n            data: {\n                id: node.__id,\n                altText: node.__altText,\n                caption: node.__caption,\n                height: node.__height,\n                key: node.getKey(),\n                maxWidth: node.__maxWidth,\n                showCaption: node.__showCaption,\n                src: node.__src,\n                width: node.__width\n            },\n            type: \"image\"\n        })\n    );\n\n    return true;\n}\n\nfunction onDragover(event: DragEvent): boolean {\n    const node = getImageNodeInSelection();\n    if (!node) {\n        return false;\n    }\n    if (!canDropImage(event)) {\n        event.preventDefault();\n    }\n    return true;\n}\n\nfunction onDrop(event: DragEvent, editor: LexicalEditor): boolean {\n    const node = getImageNodeInSelection();\n    if (!node) {\n        return false;\n    }\n    const data = getDragImageData(event);\n    if (!data) {\n        return false;\n    }\n    event.preventDefault();\n    if (canDropImage(event)) {\n        const range = getDragSelection(event);\n        node.remove();\n        const rangeSelection = $createRangeSelection();\n        if (range !== null && range !== undefined) {\n            rangeSelection.applyDOMRange(range);\n        }\n        $setSelection(rangeSelection);\n        editor.dispatchCommand(INSERT_IMAGE_COMMAND, data);\n    }\n    return true;\n}\n\nfunction getImageNodeInSelection(): ImageNode | null {\n    const selection = $getSelection();\n    if (!$isNodeSelection(selection)) {\n        return null;\n    }\n    const nodes = selection.getNodes();\n    const node = nodes[0];\n    return $isImageNode(node) ? node : null;\n}\n\nfunction getDragImageData(event: DragEvent): null | InsertImagePayload {\n    const dragData = event.dataTransfer?.getData(\"application/x-lexical-drag\");\n    if (!dragData) {\n        return null;\n    }\n    const { type, data } = JSON.parse(dragData);\n    if (type !== \"image\") {\n        return null;\n    }\n\n    return data;\n}\n\ndeclare global {\n    interface DragEvent {\n        rangeOffset?: number;\n        rangeParent?: Node;\n    }\n}\n\nfunction canDropImage(event: DragEvent): boolean {\n    const target = event.target;\n    return !!(\n        target &&\n        target instanceof HTMLElement &&\n        !target.closest(\"code, span.editor-image\") &&\n        target.parentElement &&\n        target.parentElement.closest(\"div.ContentEditable__root\")\n    );\n}\n\nfunction getDragSelection(event: DragEvent): Range | null | undefined {\n    let range;\n    const target = event.target as null | Element | Document;\n    const targetWindow =\n        target == null\n            ? null\n            : target.nodeType === 9\n            ? (target as Document).defaultView\n            : (target as Element).ownerDocument.defaultView;\n    const domSelection = getDOMSelection(targetWindow);\n    if (document.caretRangeFromPoint) {\n        range = document.caretRangeFromPoint(event.clientX, event.clientY);\n    } else if (event.rangeParent && domSelection !== null) {\n        domSelection.collapse(event.rangeParent, event.rangeOffset || 0);\n        range = domSelection.getRangeAt(0);\n    } else {\n        throw Error(`Cannot get the selection when dragging`);\n    }\n\n    return range;\n}\n"],"mappings":"AAAA,YAAY;;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,aAAa,QAAQ,gBAAgB;AAE9C,SACIC,qBAAqB,EACrBC,aAAa,EACbC,gBAAgB,EAChBC,aAAa,EACbC,uBAAuB,EACvBC,qBAAqB,EACrBC,oBAAoB,EACpBC,gBAAgB,EAChBC,iBAAiB,EACjBC,YAAY,QACT,SAAS;AAChB,SAASC,YAAY,EAAEC,SAAS,QAAQ,uBAAuB;AAE/D,SAASC,oBAAoB;AAC7B,SAASC,WAAW;AACpB,SAASC,WAAW;AACpB,SAASC,iBAAiB;AAI1B,MAAMC,eAAe,GAAIC,YAA2B,IAChDJ,WAAW,GAAG,CAACI,YAAY,IAAIC,MAAM,EAAEC,YAAY,CAAC,CAAC,GAAG,IAAI;AAEhE,OAAO,SAASC,YAAYA,CAAC;EACzBC;AAGJ,CAAC,EAAsB;EACnB,MAAM;IAAEC;EAAO,CAAC,GAAGP,iBAAiB,CAAC,CAAC;EAEtCjB,SAAS,CAAC,MAAM;IACZ,IAAI,CAACwB,MAAM,CAACC,QAAQ,CAAC,CAACZ,SAAS,CAAC,CAAC,EAAE;MAC/B,MAAM,IAAIa,KAAK,CAAC,uDAAuD,CAAC;IAC5E;IAEA,OAAOzB,aAAa,CAChBuB,MAAM,CAACG,eAAe,CAClBb,oBAAoB,EACpBc,OAAO,IAAIZ,WAAW,CAACY,OAAO,CAAC,EAC/BtB,uBACJ,CAAC,EACDkB,MAAM,CAACG,eAAe,CAClBjB,iBAAiB,EACjBmB,KAAK,IAAI;MACL,OAAOC,WAAW,CAACD,KAAK,CAAC;IAC7B,CAAC,EACDtB,qBACJ,CAAC,EACDiB,MAAM,CAACG,eAAe,CAClBlB,gBAAgB,EAChBoB,KAAK,IAAI;MACL,OAAOE,UAAU,CAACF,KAAK,CAAC;IAC5B,CAAC,EACDrB,oBACJ,CAAC,EACDgB,MAAM,CAACG,eAAe,CAClBhB,YAAY,EACZkB,KAAK,IAAI;MACL,OAAOG,MAAM,CAACH,KAAK,EAAEL,MAAM,CAAC;IAChC,CAAC,EACDjB,qBACJ,CACJ,CAAC;EACL,CAAC,EAAE,CAACgB,eAAe,EAAEC,MAAM,CAAC,CAAC;EAE7B,OAAO,IAAI;AACf;AAEA,SAASS,YAAYA,CAAA,EAAG;EACpB,IAAI,CAACC,QAAQ,EAAE;IACX,OAAOC,SAAS;EACpB;EAEA,MAAMC,iBAAiB,GACnB,gFAAgF;EACpF,MAAMC,GAAG,GAAGH,QAAQ,CAACI,aAAa,CAAC,KAAK,CAAC;EACzCD,GAAG,CAACE,GAAG,GAAGH,iBAAiB;EAC3B,OAAOC,GAAG;AACd;AAEA,SAASP,WAAWA,CAACD,KAAgB,EAAW;EAC5C,MAAMW,IAAI,GAAGC,uBAAuB,CAAC,CAAC;EACtC,IAAI,CAACD,IAAI,EAAE;IACP,OAAO,KAAK;EAChB;EACA,MAAME,YAAY,GAAGb,KAAK,CAACa,YAAY;EACvC,MAAMC,SAAS,GAAGV,YAAY,CAAC,CAAC;EAChC,IAAI,CAACS,YAAY,IAAI,CAACC,SAAS,EAAE;IAC7B,OAAO,KAAK;EAChB;EACAD,YAAY,CAACE,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC;EACvCF,YAAY,CAACG,YAAY,CAACF,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;EAC1CD,YAAY,CAACE,OAAO,CAChB,4BAA4B,EAC5BE,IAAI,CAACC,SAAS,CAAC;IACXC,IAAI,EAAE;MACFC,EAAE,EAAET,IAAI,CAACU,IAAI;MACbC,OAAO,EAAEX,IAAI,CAACY,SAAS;MACvBC,OAAO,EAAEb,IAAI,CAACc,SAAS;MACvBC,MAAM,EAAEf,IAAI,CAACgB,QAAQ;MACrBC,GAAG,EAAEjB,IAAI,CAACkB,MAAM,CAAC,CAAC;MAClBC,QAAQ,EAAEnB,IAAI,CAACoB,UAAU;MACzBC,WAAW,EAAErB,IAAI,CAACsB,aAAa;MAC/BvB,GAAG,EAAEC,IAAI,CAACuB,KAAK;MACfC,KAAK,EAAExB,IAAI,CAACyB;IAChB,CAAC;IACDC,IAAI,EAAE;EACV,CAAC,CACL,CAAC;EAED,OAAO,IAAI;AACf;AAEA,SAASnC,UAAUA,CAACF,KAAgB,EAAW;EAC3C,MAAMW,IAAI,GAAGC,uBAAuB,CAAC,CAAC;EACtC,IAAI,CAACD,IAAI,EAAE;IACP,OAAO,KAAK;EAChB;EACA,IAAI,CAAC2B,YAAY,CAACtC,KAAK,CAAC,EAAE;IACtBA,KAAK,CAACuC,cAAc,CAAC,CAAC;EAC1B;EACA,OAAO,IAAI;AACf;AAEA,SAASpC,MAAMA,CAACH,KAAgB,EAAEL,MAAqB,EAAW;EAC9D,MAAMgB,IAAI,GAAGC,uBAAuB,CAAC,CAAC;EACtC,IAAI,CAACD,IAAI,EAAE;IACP,OAAO,KAAK;EAChB;EACA,MAAMQ,IAAI,GAAGqB,gBAAgB,CAACxC,KAAK,CAAC;EACpC,IAAI,CAACmB,IAAI,EAAE;IACP,OAAO,KAAK;EAChB;EACAnB,KAAK,CAACuC,cAAc,CAAC,CAAC;EACtB,IAAID,YAAY,CAACtC,KAAK,CAAC,EAAE;IACrB,MAAMyC,KAAK,GAAGC,gBAAgB,CAAC1C,KAAK,CAAC;IACrCW,IAAI,CAACgC,MAAM,CAAC,CAAC;IACb,MAAMC,cAAc,GAAGvE,qBAAqB,CAAC,CAAC;IAC9C,IAAIoE,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKnC,SAAS,EAAE;MACvCsC,cAAc,CAACC,aAAa,CAACJ,KAAK,CAAC;IACvC;IACAjE,aAAa,CAACoE,cAAc,CAAC;IAC7BjD,MAAM,CAACmD,eAAe,CAAC7D,oBAAoB,EAAEkC,IAAI,CAAC;EACtD;EACA,OAAO,IAAI;AACf;AAEA,SAASP,uBAAuBA,CAAA,EAAqB;EACjD,MAAMmC,SAAS,GAAGzE,aAAa,CAAC,CAAC;EACjC,IAAI,CAACC,gBAAgB,CAACwE,SAAS,CAAC,EAAE;IAC9B,OAAO,IAAI;EACf;EACA,MAAMC,KAAK,GAAGD,SAAS,CAACE,QAAQ,CAAC,CAAC;EAClC,MAAMtC,IAAI,GAAGqC,KAAK,CAAC,CAAC,CAAC;EACrB,OAAOjE,YAAY,CAAC4B,IAAI,CAAC,GAAGA,IAAI,GAAG,IAAI;AAC3C;AAEA,SAAS6B,gBAAgBA,CAACxC,KAAgB,EAA6B;EACnE,MAAMkD,QAAQ,GAAGlD,KAAK,CAACa,YAAY,EAAEsC,OAAO,CAAC,4BAA4B,CAAC;EAC1E,IAAI,CAACD,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EACA,MAAM;IAAEb,IAAI;IAAElB;EAAK,CAAC,GAAGF,IAAI,CAACmC,KAAK,CAACF,QAAQ,CAAC;EAC3C,IAAIb,IAAI,KAAK,OAAO,EAAE;IAClB,OAAO,IAAI;EACf;EAEA,OAAOlB,IAAI;AACf;AASA,SAASmB,YAAYA,CAACtC,KAAgB,EAAW;EAC7C,MAAMqD,MAAM,GAAGrD,KAAK,CAACqD,MAAM;EAC3B,OAAO,CAAC,EACJA,MAAM,IACNA,MAAM,YAAYC,WAAW,IAC7B,CAACD,MAAM,CAACE,OAAO,CAAC,yBAAyB,CAAC,IAC1CF,MAAM,CAACG,aAAa,IACpBH,MAAM,CAACG,aAAa,CAACD,OAAO,CAAC,2BAA2B,CAAC,CAC5D;AACL;AAEA,SAASb,gBAAgBA,CAAC1C,KAAgB,EAA4B;EAClE,IAAIyC,KAAK;EACT,MAAMY,MAAM,GAAGrD,KAAK,CAACqD,MAAmC;EACxD,MAAM/D,YAAY,GACd+D,MAAM,IAAI,IAAI,GACR,IAAI,GACJA,MAAM,CAACI,QAAQ,KAAK,CAAC,GACpBJ,MAAM,CAAcK,WAAW,GAC/BL,MAAM,CAAaM,aAAa,CAACD,WAAW;EACvD,MAAME,YAAY,GAAGvE,eAAe,CAACC,YAAY,CAAC;EAClD,IAAIe,QAAQ,CAACwD,mBAAmB,EAAE;IAC9BpB,KAAK,GAAGpC,QAAQ,CAACwD,mBAAmB,CAAC7D,KAAK,CAAC8D,OAAO,EAAE9D,KAAK,CAAC+D,OAAO,CAAC;EACtE,CAAC,MAAM,IAAI/D,KAAK,CAACgE,WAAW,IAAIJ,YAAY,KAAK,IAAI,EAAE;IACnDA,YAAY,CAACK,QAAQ,CAACjE,KAAK,CAACgE,WAAW,EAAEhE,KAAK,CAACkE,WAAW,IAAI,CAAC,CAAC;IAChEzB,KAAK,GAAGmB,YAAY,CAACO,UAAU,CAAC,CAAC,CAAC;EACtC,CAAC,MAAM;IACH,MAAMtE,KAAK,CAAC,wCAAwC,CAAC;EACzD;EAEA,OAAO4C,KAAK;AAChB","ignoreList":[]}

package/plugins/LinkPlugin/LinkPlugin.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    validateUrl?: (url: string) => boolean;
+};
+export declare function LinkPlugin({ validateUrl }: Props): null;
+export {};

package/plugins/LinkPlugin/LinkPlugin.js

@@ -0,0 +1,59 @@
+import { useEffect } from "react";
+import { mergeRegister } from "@lexical/utils";
+import { $getSelection, $isElementNode, $isRangeSelection, COMMAND_PRIORITY_LOW, PASTE_COMMAND } from "lexical";
+import { LinkNode, TOGGLE_LINK_COMMAND, toggleLink } from "@webiny/lexical-nodes";
+import { useRichTextEditor } from "../../hooks";
+export function LinkPlugin({
+  validateUrl
+}) {
+  const {
+    editor
+  } = useRichTextEditor();
+  useEffect(() => {
+    if (!editor.hasNodes([LinkNode])) {
+      throw new Error("LinkPlugin: LinkNode not registered in the editor!");
+    }
+    const commands = [editor.registerCommand(TOGGLE_LINK_COMMAND, payload => {
+      if (payload === null) {
+        toggleLink(payload);
+        return true;
+      } else if (typeof payload === "string") {
+        if (validateUrl === undefined || validateUrl(payload)) {
+          toggleLink(payload);
+          return true;
+        }
+        return false;
+      } else {
+        const {
+          url,
+          ...attrs
+        } = payload;
+        toggleLink(url, attrs);
+        return true;
+      }
+    }, COMMAND_PRIORITY_LOW)];
+    if (validateUrl !== undefined) {
+      commands.push(editor.registerCommand(PASTE_COMMAND, event => {
+        const selection = $getSelection();
+        if (!$isRangeSelection(selection) || selection.isCollapsed() || !(event instanceof ClipboardEvent) || event.clipboardData == null) {
+          return false;
+        }
+        const clipboardText = event.clipboardData.getData("text");
+        if (!validateUrl(clipboardText)) {
+          return false;
+        }
+        // If we select nodes that are elements then avoid applying the link.
+        if (!selection.getNodes().some(node => $isElementNode(node))) {
+          editor.dispatchCommand(TOGGLE_LINK_COMMAND, clipboardText);
+          event.preventDefault();
+          return true;
+        }
+        return false;
+      }, COMMAND_PRIORITY_LOW));
+    }
+    return mergeRegister(...commands);
+  }, [editor, validateUrl]);
+  return null;
+}
+
+//# sourceMappingURL=LinkPlugin.js.map

package/plugins/LinkPlugin/LinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","mergeRegister","$getSelection","$isElementNode","$isRangeSelection","COMMAND_PRIORITY_LOW","PASTE_COMMAND","LinkNode","TOGGLE_LINK_COMMAND","toggleLink","useRichTextEditor","LinkPlugin","validateUrl","editor","hasNodes","Error","commands","registerCommand","payload","undefined","url","attrs","push","event","selection","isCollapsed","ClipboardEvent","clipboardData","clipboardText","getData","getNodes","some","node","dispatchCommand","preventDefault"],"sources":["LinkPlugin.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { mergeRegister } from \"@lexical/utils\";\nimport {\n    $getSelection,\n    $isElementNode,\n    $isRangeSelection,\n    COMMAND_PRIORITY_LOW,\n    PASTE_COMMAND\n} from \"lexical\";\nimport { LinkNode, TOGGLE_LINK_COMMAND, toggleLink } from \"@webiny/lexical-nodes\";\nimport { useRichTextEditor } from \"~/hooks\";\n\ntype Props = {\n    validateUrl?: (url: string) => boolean;\n};\n\nexport function LinkPlugin({ validateUrl }: Props): null {\n    const { editor } = useRichTextEditor();\n\n    useEffect(() => {\n        if (!editor.hasNodes([LinkNode])) {\n            throw new Error(\"LinkPlugin: LinkNode not registered in the editor!\");\n        }\n\n        const commands = [\n            editor.registerCommand(\n                TOGGLE_LINK_COMMAND,\n                payload => {\n                    if (payload === null) {\n                        toggleLink(payload);\n                        return true;\n                    } else if (typeof payload === \"string\") {\n                        if (validateUrl === undefined || validateUrl(payload)) {\n                            toggleLink(payload);\n                            return true;\n                        }\n                        return false;\n                    } else {\n                        const { url, ...attrs } = payload;\n                        toggleLink(url, attrs);\n                        return true;\n                    }\n                },\n                COMMAND_PRIORITY_LOW\n            )\n        ];\n\n        if (validateUrl !== undefined) {\n            commands.push(\n                editor.registerCommand(\n                    PASTE_COMMAND,\n                    event => {\n                        const selection = $getSelection();\n                        if (\n                            !$isRangeSelection(selection) ||\n                            selection.isCollapsed() ||\n                            !(event instanceof ClipboardEvent) ||\n                            event.clipboardData == null\n                        ) {\n                            return false;\n                        }\n                        const clipboardText = event.clipboardData.getData(\"text\");\n                        if (!validateUrl(clipboardText)) {\n                            return false;\n                        }\n                        // If we select nodes that are elements then avoid applying the link.\n                        if (!selection.getNodes().some(node => $isElementNode(node))) {\n                            editor.dispatchCommand(TOGGLE_LINK_COMMAND, clipboardText);\n                            event.preventDefault();\n                            return true;\n                        }\n                        return false;\n                    },\n                    COMMAND_PRIORITY_LOW\n                )\n            );\n        }\n\n        return mergeRegister(...commands);\n    }, [editor, validateUrl]);\n\n    return null;\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SACIC,aAAa,EACbC,cAAc,EACdC,iBAAiB,EACjBC,oBAAoB,EACpBC,aAAa,QACV,SAAS;AAChB,SAASC,QAAQ,EAAEC,mBAAmB,EAAEC,UAAU,QAAQ,uBAAuB;AACjF,SAASC,iBAAiB;AAM1B,OAAO,SAASC,UAAUA,CAAC;EAAEC;AAAmB,CAAC,EAAQ;EACrD,MAAM;IAAEC;EAAO,CAAC,GAAGH,iBAAiB,CAAC,CAAC;EAEtCV,SAAS,CAAC,MAAM;IACZ,IAAI,CAACa,MAAM,CAACC,QAAQ,CAAC,CAACP,QAAQ,CAAC,CAAC,EAAE;MAC9B,MAAM,IAAIQ,KAAK,CAAC,oDAAoD,CAAC;IACzE;IAEA,MAAMC,QAAQ,GAAG,CACbH,MAAM,CAACI,eAAe,CAClBT,mBAAmB,EACnBU,OAAO,IAAI;MACP,IAAIA,OAAO,KAAK,IAAI,EAAE;QAClBT,UAAU,CAACS,OAAO,CAAC;QACnB,OAAO,IAAI;MACf,CAAC,MAAM,IAAI,OAAOA,OAAO,KAAK,QAAQ,EAAE;QACpC,IAAIN,WAAW,KAAKO,SAAS,IAAIP,WAAW,CAACM,OAAO,CAAC,EAAE;UACnDT,UAAU,CAACS,OAAO,CAAC;UACnB,OAAO,IAAI;QACf;QACA,OAAO,KAAK;MAChB,CAAC,MAAM;QACH,MAAM;UAAEE,GAAG;UAAE,GAAGC;QAAM,CAAC,GAAGH,OAAO;QACjCT,UAAU,CAACW,GAAG,EAAEC,KAAK,CAAC;QACtB,OAAO,IAAI;MACf;IACJ,CAAC,EACDhB,oBACJ,CAAC,CACJ;IAED,IAAIO,WAAW,KAAKO,SAAS,EAAE;MAC3BH,QAAQ,CAACM,IAAI,CACTT,MAAM,CAACI,eAAe,CAClBX,aAAa,EACbiB,KAAK,IAAI;QACL,MAAMC,SAAS,GAAGtB,aAAa,CAAC,CAAC;QACjC,IACI,CAACE,iBAAiB,CAACoB,SAAS,CAAC,IAC7BA,SAAS,CAACC,WAAW,CAAC,CAAC,IACvB,EAAEF,KAAK,YAAYG,cAAc,CAAC,IAClCH,KAAK,CAACI,aAAa,IAAI,IAAI,EAC7B;UACE,OAAO,KAAK;QAChB;QACA,MAAMC,aAAa,GAAGL,KAAK,CAACI,aAAa,CAACE,OAAO,CAAC,MAAM,CAAC;QACzD,IAAI,CAACjB,WAAW,CAACgB,aAAa,CAAC,EAAE;UAC7B,OAAO,KAAK;QAChB;QACA;QACA,IAAI,CAACJ,SAAS,CAACM,QAAQ,CAAC,CAAC,CAACC,IAAI,CAACC,IAAI,IAAI7B,cAAc,CAAC6B,IAAI,CAAC,CAAC,EAAE;UAC1DnB,MAAM,CAACoB,eAAe,CAACzB,mBAAmB,EAAEoB,aAAa,CAAC;UAC1DL,KAAK,CAACW,cAAc,CAAC,CAAC;UACtB,OAAO,IAAI;QACf;QACA,OAAO,KAAK;MAChB,CAAC,EACD7B,oBACJ,CACJ,CAAC;IACL;IAEA,OAAOJ,aAAa,CAAC,GAAGe,QAAQ,CAAC;EACrC,CAAC,EAAE,CAACH,MAAM,EAAED,WAAW,CAAC,CAAC;EAEzB,OAAO,IAAI;AACf","ignoreList":[]}

package/plugins/ListPLugin/ListPlugin.d.ts

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