@payloadcms/richtext-lexical 3.0.0-canary.95fcd13 → 3.0.0-canary.9beaa28

package/dist/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.js

@@ -0,0 +1,277 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { $findMatchingParent, mergeRegister } from '@lexical/utils';
+import { getTranslation } from '@payloadcms/translations';
+import { formatDrawerSlug, useConfig, useEditDepth, useModal, useTranslation } from '@payloadcms/ui';
+import { $getSelection, $isLineBreakNode, $isRangeSelection, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND } from 'lexical';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useEditorConfigContext } from '../../../../../../lexical/config/client/EditorConfigProvider.js';
+import { getSelectedNode } from '../../../../../../lexical/utils/getSelectedNode.js';
+import { setFloatingElemPositionForLinkEditor } from '../../../../../../lexical/utils/setFloatingElemPositionForLinkEditor.js';
+import { FieldsDrawer } from '../../../../../../utilities/fieldsDrawer/Drawer.js';
+import { $isAutoLinkNode } from '../../../../nodes/AutoLinkNode.js';
+import { $createLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from '../../../../nodes/LinkNode.js';
+import { TOGGLE_LINK_WITH_MODAL_COMMAND } from './commands.js';
+export function LinkEditor({
+  anchorElem
+}) {
+  const [editor] = useLexicalComposerContext();
+  const editorRef = useRef(null);
+  const [linkUrl, setLinkUrl] = useState(null);
+  const [linkLabel, setLinkLabel] = useState(null);
+  const {
+    uuid
+  } = useEditorConfigContext();
+  const {
+    config
+  } = useConfig();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [stateData, setStateData] = useState(null);
+  const {
+    closeModal,
+    toggleModal
+  } = useModal();
+  const editDepth = useEditDepth();
+  const [isLink, setIsLink] = useState(false);
+  const [selectedNodes, setSelectedNodes] = useState([]);
+  const [isAutoLink, setIsAutoLink] = useState(false);
+  const drawerSlug = formatDrawerSlug({
+    slug: `lexical-rich-text-link-` + uuid,
+    depth: editDepth
+  });
+  const setNotLink = useCallback(() => {
+    setIsLink(false);
+    if (editorRef && editorRef.current) {
+      editorRef.current.style.opacity = '0';
+      editorRef.current.style.transform = 'translate(-10000px, -10000px)';
+    }
+    setIsAutoLink(false);
+    setLinkUrl(null);
+    setLinkLabel(null);
+    setSelectedNodes([]);
+    setStateData(null);
+  }, [setIsLink, setLinkUrl, setLinkLabel, setSelectedNodes]);
+  const $updateLinkEditor = useCallback(() => {
+    const selection = $getSelection();
+    let selectedNodeDomRect = null;
+    if (!$isRangeSelection(selection) || !selection) {
+      setNotLink();
+      return;
+    }
+    // Handle the data displayed in the floating link editor & drawer when you click on a link node
+    const focusNode = getSelectedNode(selection);
+    selectedNodeDomRect = editor.getElementByKey(focusNode.getKey())?.getBoundingClientRect();
+    const focusLinkParent = $findMatchingParent(focusNode, $isLinkNode);
+    // Prevent link modal from showing if selection spans further than the link: https://github.com/facebook/lexical/issues/4064
+    const badNode = selection.getNodes().filter(node => !$isLineBreakNode(node)).find(node_0 => {
+      const linkNode = $findMatchingParent(node_0, $isLinkNode);
+      return focusLinkParent && !focusLinkParent.is(linkNode) || linkNode && !linkNode.is(focusLinkParent);
+    });
+    if (focusLinkParent == null || badNode) {
+      setNotLink();
+      return;
+    }
+    // Initial state:
+    const data = {
+      doc: undefined,
+      linkType: undefined,
+      newTab: undefined,
+      url: '',
+      ...focusLinkParent.getFields(),
+      id: focusLinkParent.getID(),
+      text: focusLinkParent.getTextContent()
+    };
+    if (focusLinkParent.getFields()?.linkType === 'custom') {
+      setLinkUrl(focusLinkParent.getFields()?.url ?? null);
+      setLinkLabel(null);
+    } else {
+      // internal link
+      setLinkUrl(`/admin/collections/${focusLinkParent.getFields()?.doc?.relationTo}/${focusLinkParent.getFields()?.doc?.value}`);
+      const relatedField = config.collections.find(coll => coll.slug === focusLinkParent.getFields()?.doc?.relationTo);
+      if (!relatedField) {
+        // Usually happens if the user removed all default fields. In this case, we let them specify the label or do not display the label at all.
+        // label could be a virtual field the user added. This is useful if they want to use the link feature for things other than links.
+        setLinkLabel(focusLinkParent.getFields()?.label ? String(focusLinkParent.getFields()?.label) : null);
+        setLinkUrl(focusLinkParent.getFields()?.url ? String(focusLinkParent.getFields()?.url) : null);
+      } else {
+        const label = t('fields:linkedTo', {
+          label: getTranslation(relatedField.labels.singular, i18n)
+        }).replace(/<[^>]*>?/g, '');
+        setLinkLabel(label);
+      }
+    }
+    setStateData(data);
+    setIsLink(true);
+    setSelectedNodes(selection ? selection?.getNodes() : []);
+    if ($isAutoLinkNode(focusLinkParent)) {
+      setIsAutoLink(true);
+    } else {
+      setIsAutoLink(false);
+    }
+    const editorElem = editorRef.current;
+    const nativeSelection = window.getSelection();
+    const {
+      activeElement
+    } = document;
+    if (editorElem === null) {
+      return;
+    }
+    const rootElement = editor.getRootElement();
+    if (nativeSelection !== null && rootElement !== null && rootElement.contains(nativeSelection.anchorNode)) {
+      if (!selectedNodeDomRect) {
+        // Get the DOM rect of the selected node using the native selection. This sometimes produces the wrong
+        // result, which is why we use lexical's selection preferably.
+        selectedNodeDomRect = nativeSelection.getRangeAt(0).getBoundingClientRect();
+      }
+      if (selectedNodeDomRect != null) {
+        selectedNodeDomRect.y += 40;
+        setFloatingElemPositionForLinkEditor(selectedNodeDomRect, editorElem, anchorElem);
+      }
+    } else if (activeElement == null || activeElement.className !== 'link-input') {
+      if (rootElement !== null) {
+        setFloatingElemPositionForLinkEditor(null, editorElem, anchorElem);
+      }
+      setLinkUrl(null);
+      setLinkLabel(null);
+    }
+    return true;
+  }, [editor, setNotLink, config.collections, t, i18n, anchorElem]);
+  useEffect(() => {
+    return mergeRegister(editor.registerCommand(TOGGLE_LINK_WITH_MODAL_COMMAND, payload => {
+      editor.dispatchCommand(TOGGLE_LINK_COMMAND, payload);
+      // Now, open the modal
+      $updateLinkEditor();
+      toggleModal(drawerSlug);
+      return true;
+    }, COMMAND_PRIORITY_LOW));
+  }, [editor, $updateLinkEditor, toggleModal, drawerSlug]);
+  useEffect(() => {
+    const scrollerElem = anchorElem.parentElement;
+    const update = () => {
+      editor.getEditorState().read(() => {
+        void $updateLinkEditor();
+      });
+    };
+    window.addEventListener('resize', update);
+    if (scrollerElem != null) {
+      scrollerElem.addEventListener('scroll', update);
+    }
+    return () => {
+      window.removeEventListener('resize', update);
+      if (scrollerElem != null) {
+        scrollerElem.removeEventListener('scroll', update);
+      }
+    };
+  }, [anchorElem.parentElement, editor, $updateLinkEditor]);
+  useEffect(() => {
+    return mergeRegister(editor.registerUpdateListener(({
+      editorState
+    }) => {
+      editorState.read(() => {
+        void $updateLinkEditor();
+      });
+    }), editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {
+      void $updateLinkEditor();
+      return true;
+    }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ESCAPE_COMMAND, () => {
+      if (isLink) {
+        setNotLink();
+        return true;
+      }
+      return false;
+    }, COMMAND_PRIORITY_HIGH));
+  }, [editor, $updateLinkEditor, isLink, setNotLink]);
+  useEffect(() => {
+    editor.getEditorState().read(() => {
+      void $updateLinkEditor();
+    });
+  }, [editor, $updateLinkEditor]);
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "link-editor",
+      ref: editorRef,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "link-input",
+        children: [linkUrl && linkUrl.length > 0 ? /*#__PURE__*/_jsx("a", {
+          href: linkUrl,
+          rel: "noopener noreferrer",
+          target: "_blank",
+          children: linkLabel != null && linkLabel.length > 0 ? linkLabel : linkUrl
+        }) : linkLabel != null && linkLabel.length > 0 ? /*#__PURE__*/_jsx("span", {
+          className: "link-input__label-pure",
+          children: linkLabel
+        }) : null, editor.isEditable() && /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [/*#__PURE__*/_jsx("button", {
+            "aria-label": "Edit link",
+            className: "link-edit",
+            onClick: () => {
+              toggleModal(drawerSlug);
+            },
+            onMouseDown: event => {
+              event.preventDefault();
+            },
+            tabIndex: 0,
+            type: "button"
+          }), !isAutoLink && /*#__PURE__*/_jsx("button", {
+            "aria-label": "Remove link",
+            className: "link-trash",
+            onClick: () => {
+              editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+            },
+            onMouseDown: event_0 => {
+              event_0.preventDefault();
+            },
+            tabIndex: 0,
+            type: "button"
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(FieldsDrawer, {
+      className: "lexical-link-edit-drawer",
+      data: stateData,
+      drawerSlug: drawerSlug,
+      drawerTitle: t('fields:editLink'),
+      featureKey: "link",
+      handleDrawerSubmit: (fields, data_0) => {
+        closeModal(drawerSlug);
+        const newLinkPayload = data_0;
+        const bareLinkFields = {
+          ...newLinkPayload
+        };
+        delete bareLinkFields.text;
+        // See: https://github.com/facebook/lexical/pull/5536. This updates autolink nodes to link nodes whenever a change was made (which is good!).
+        editor.update(() => {
+          const selection_0 = $getSelection();
+          let linkParent = null;
+          if ($isRangeSelection(selection_0)) {
+            linkParent = getSelectedNode(selection_0).getParent();
+          } else {
+            if (selectedNodes.length) {
+              linkParent = selectedNodes[0].getParent();
+            }
+          }
+          if (linkParent && $isAutoLinkNode(linkParent)) {
+            const linkNode_0 = $createLinkNode({
+              fields: bareLinkFields
+            });
+            linkParent.replace(linkNode_0, true);
+          }
+        });
+        // Needs to happen AFTER a potential auto link => link node conversion, as otherwise, the updated text to display may be lost due to
+        // it being applied to the auto link node instead of the link node.
+        editor.dispatchCommand(TOGGLE_LINK_COMMAND, {
+          fields: bareLinkFields,
+          selectedNodes,
+          text: newLinkPayload.text
+        });
+      },
+      schemaPathSuffix: "fields"
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useLexicalComposerContext","$findMatchingParent","mergeRegister","getTranslation","formatDrawerSlug","useConfig","useEditDepth","useModal","useTranslation","$getSelection","$isLineBreakNode","$isRangeSelection","COMMAND_PRIORITY_HIGH","COMMAND_PRIORITY_LOW","KEY_ESCAPE_COMMAND","SELECTION_CHANGE_COMMAND","React","useCallback","useEffect","useRef","useState","useEditorConfigContext","getSelectedNode","setFloatingElemPositionForLinkEditor","FieldsDrawer","$isAutoLinkNode","$createLinkNode","$isLinkNode","TOGGLE_LINK_COMMAND","TOGGLE_LINK_WITH_MODAL_COMMAND","LinkEditor","anchorElem","editor","editorRef","linkUrl","setLinkUrl","linkLabel","setLinkLabel","uuid","config","i18n","t","stateData","setStateData","closeModal","toggleModal","editDepth","isLink","setIsLink","selectedNodes","setSelectedNodes","isAutoLink","setIsAutoLink","drawerSlug","slug","depth","setNotLink","current","style","opacity","transform","$updateLinkEditor","selection","selectedNodeDomRect","focusNode","getElementByKey","getKey","getBoundingClientRect","focusLinkParent","badNode","getNodes","filter","node","find","linkNode","is","data","doc","undefined","linkType","newTab","url","getFields","id","getID","text","getTextContent","relationTo","value","relatedField","collections","coll","label","String","labels","singular","replace","editorElem","nativeSelection","window","getSelection","activeElement","document","rootElement","getRootElement","contains","anchorNode","getRangeAt","y","className","registerCommand","payload","dispatchCommand","scrollerElem","parentElement","update","getEditorState","read","addEventListener","removeEventListener","registerUpdateListener","editorState","_jsxs","Fragment","_jsx","ref","length","href","rel","target","isEditable","onClick","onMouseDown","event","preventDefault","tabIndex","type","drawerTitle","featureKey","handleDrawerSubmit","fields","newLinkPayload","bareLinkFields","linkParent","getParent","schemaPathSuffix"],"sources":["../../../../../../../src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalNode } from 'lexical'\nimport type { Data, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatDrawerSlug, useConfig, useEditDepth, useModal, useTranslation } from '@payloadcms/ui'\nimport {\n  $getSelection,\n  $isLineBreakNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_HIGH,\n  COMMAND_PRIORITY_LOW,\n  KEY_ESCAPE_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { LinkNode } from '../../../../nodes/LinkNode.js'\nimport type { LinkFields } from '../../../../nodes/types.js'\nimport type { LinkPayload } from '../types.js'\n\nimport { useEditorConfigContext } from '../../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { getSelectedNode } from '../../../../../../lexical/utils/getSelectedNode.js'\nimport { setFloatingElemPositionForLinkEditor } from '../../../../../../lexical/utils/setFloatingElemPositionForLinkEditor.js'\nimport { FieldsDrawer } from '../../../../../../utilities/fieldsDrawer/Drawer.js'\nimport { $isAutoLinkNode } from '../../../../nodes/AutoLinkNode.js'\nimport { $createLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from '../../../../nodes/LinkNode.js'\nimport { TOGGLE_LINK_WITH_MODAL_COMMAND } from './commands.js'\n\nexport function LinkEditor({ anchorElem }: { anchorElem: HTMLElement }): React.ReactNode {\n  const [editor] = useLexicalComposerContext()\n\n  const editorRef = useRef<HTMLDivElement | null>(null)\n  const [linkUrl, setLinkUrl] = useState(null)\n  const [linkLabel, setLinkLabel] = useState(null)\n\n  const { uuid } = useEditorConfigContext()\n\n  const { config } = useConfig()\n\n  const { i18n, t } = useTranslation()\n\n  const [stateData, setStateData] = useState<{ id?: string; text: string } & LinkFields>(null)\n\n  const { closeModal, toggleModal } = useModal()\n  const editDepth = useEditDepth()\n  const [isLink, setIsLink] = useState(false)\n  const [selectedNodes, setSelectedNodes] = useState<LexicalNode[]>([])\n\n  const [isAutoLink, setIsAutoLink] = useState(false)\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-rich-text-link-` + uuid,\n    depth: editDepth,\n  })\n\n  const setNotLink = useCallback(() => {\n    setIsLink(false)\n    if (editorRef && editorRef.current) {\n      editorRef.current.style.opacity = '0'\n      editorRef.current.style.transform = 'translate(-10000px, -10000px)'\n    }\n    setIsAutoLink(false)\n    setLinkUrl(null)\n    setLinkLabel(null)\n    setSelectedNodes([])\n    setStateData(null)\n  }, [setIsLink, setLinkUrl, setLinkLabel, setSelectedNodes])\n\n  const $updateLinkEditor = useCallback(() => {\n    const selection = $getSelection()\n    let selectedNodeDomRect: DOMRect | undefined = null\n\n    if (!$isRangeSelection(selection) || !selection) {\n      setNotLink()\n      return\n    }\n\n    // Handle the data displayed in the floating link editor & drawer when you click on a link node\n\n    const focusNode = getSelectedNode(selection)\n    selectedNodeDomRect = editor.getElementByKey(focusNode.getKey())?.getBoundingClientRect()\n    const focusLinkParent: LinkNode = $findMatchingParent(focusNode, $isLinkNode)\n\n    // Prevent link modal from showing if selection spans further than the link: https://github.com/facebook/lexical/issues/4064\n    const badNode = selection\n      .getNodes()\n      .filter((node) => !$isLineBreakNode(node))\n      .find((node) => {\n        const linkNode = $findMatchingParent(node, $isLinkNode)\n        return (\n          (focusLinkParent && !focusLinkParent.is(linkNode)) ||\n          (linkNode && !linkNode.is(focusLinkParent))\n        )\n      })\n\n    if (focusLinkParent == null || badNode) {\n      setNotLink()\n      return\n    }\n\n    // Initial state:\n    const data: { text: string } & LinkFields = {\n      doc: undefined,\n      linkType: undefined,\n      newTab: undefined,\n      url: '',\n      ...focusLinkParent.getFields(),\n      id: focusLinkParent.getID(),\n      text: focusLinkParent.getTextContent(),\n    }\n\n    if (focusLinkParent.getFields()?.linkType === 'custom') {\n      setLinkUrl(focusLinkParent.getFields()?.url ?? null)\n      setLinkLabel(null)\n    } else {\n      // internal link\n      setLinkUrl(\n        `/admin/collections/${focusLinkParent.getFields()?.doc?.relationTo}/${\n          focusLinkParent.getFields()?.doc?.value\n        }`,\n      )\n\n      const relatedField = config.collections.find(\n        (coll) => coll.slug === focusLinkParent.getFields()?.doc?.relationTo,\n      )\n      if (!relatedField) {\n        // Usually happens if the user removed all default fields. In this case, we let them specify the label or do not display the label at all.\n        // label could be a virtual field the user added. This is useful if they want to use the link feature for things other than links.\n        setLinkLabel(\n          focusLinkParent.getFields()?.label ? String(focusLinkParent.getFields()?.label) : null,\n        )\n        setLinkUrl(\n          focusLinkParent.getFields()?.url ? String(focusLinkParent.getFields()?.url) : null,\n        )\n      } else {\n        const label = t('fields:linkedTo', {\n          label: getTranslation(relatedField.labels.singular, i18n),\n        }).replace(/<[^>]*>?/g, '')\n        setLinkLabel(label)\n      }\n    }\n\n    setStateData(data)\n    setIsLink(true)\n    setSelectedNodes(selection ? selection?.getNodes() : [])\n\n    if ($isAutoLinkNode(focusLinkParent)) {\n      setIsAutoLink(true)\n    } else {\n      setIsAutoLink(false)\n    }\n\n    const editorElem = editorRef.current\n    const nativeSelection = window.getSelection()\n    const { activeElement } = document\n\n    if (editorElem === null) {\n      return\n    }\n\n    const rootElement = editor.getRootElement()\n\n    if (\n      nativeSelection !== null &&\n      rootElement !== null &&\n      rootElement.contains(nativeSelection.anchorNode)\n    ) {\n      if (!selectedNodeDomRect) {\n        // Get the DOM rect of the selected node using the native selection. This sometimes produces the wrong\n        // result, which is why we use lexical's selection preferably.\n        selectedNodeDomRect = nativeSelection.getRangeAt(0).getBoundingClientRect()\n      }\n\n      if (selectedNodeDomRect != null) {\n        selectedNodeDomRect.y += 40\n        setFloatingElemPositionForLinkEditor(selectedNodeDomRect, editorElem, anchorElem)\n      }\n    } else if (activeElement == null || activeElement.className !== 'link-input') {\n      if (rootElement !== null) {\n        setFloatingElemPositionForLinkEditor(null, editorElem, anchorElem)\n      }\n      setLinkUrl(null)\n      setLinkLabel(null)\n    }\n\n    return true\n  }, [editor, setNotLink, config.collections, t, i18n, anchorElem])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        TOGGLE_LINK_WITH_MODAL_COMMAND,\n        (payload: LinkPayload) => {\n          editor.dispatchCommand(TOGGLE_LINK_COMMAND, payload)\n\n          // Now, open the modal\n          $updateLinkEditor()\n          toggleModal(drawerSlug)\n\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor, $updateLinkEditor, toggleModal, drawerSlug])\n\n  useEffect(() => {\n    const scrollerElem = anchorElem.parentElement\n\n    const update = (): void => {\n      editor.getEditorState().read(() => {\n        void $updateLinkEditor()\n      })\n    }\n\n    window.addEventListener('resize', update)\n\n    if (scrollerElem != null) {\n      scrollerElem.addEventListener('scroll', update)\n    }\n\n    return () => {\n      window.removeEventListener('resize', update)\n\n      if (scrollerElem != null) {\n        scrollerElem.removeEventListener('scroll', update)\n      }\n    }\n  }, [anchorElem.parentElement, editor, $updateLinkEditor])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(({ editorState }) => {\n        editorState.read(() => {\n          void $updateLinkEditor()\n        })\n      }),\n\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        () => {\n          void $updateLinkEditor()\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(\n        KEY_ESCAPE_COMMAND,\n        () => {\n          if (isLink) {\n            setNotLink()\n\n            return true\n          }\n          return false\n        },\n        COMMAND_PRIORITY_HIGH,\n      ),\n    )\n  }, [editor, $updateLinkEditor, isLink, setNotLink])\n\n  useEffect(() => {\n    editor.getEditorState().read(() => {\n      void $updateLinkEditor()\n    })\n  }, [editor, $updateLinkEditor])\n\n  return (\n    <React.Fragment>\n      <div className=\"link-editor\" ref={editorRef}>\n        <div className=\"link-input\">\n          {linkUrl && linkUrl.length > 0 ? (\n            <a href={linkUrl} rel=\"noopener noreferrer\" target=\"_blank\">\n              {linkLabel != null && linkLabel.length > 0 ? linkLabel : linkUrl}\n            </a>\n          ) : linkLabel != null && linkLabel.length > 0 ? (\n            <span className=\"link-input__label-pure\">{linkLabel}</span>\n          ) : null}\n\n          {editor.isEditable() && (\n            <React.Fragment>\n              <button\n                aria-label=\"Edit link\"\n                className=\"link-edit\"\n                onClick={() => {\n                  toggleModal(drawerSlug)\n                }}\n                onMouseDown={(event) => {\n                  event.preventDefault()\n                }}\n                tabIndex={0}\n                type=\"button\"\n              />\n              {!isAutoLink && (\n                <button\n                  aria-label=\"Remove link\"\n                  className=\"link-trash\"\n                  onClick={() => {\n                    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null)\n                  }}\n                  onMouseDown={(event) => {\n                    event.preventDefault()\n                  }}\n                  tabIndex={0}\n                  type=\"button\"\n                />\n              )}\n            </React.Fragment>\n          )}\n        </div>\n      </div>\n      <FieldsDrawer\n        className=\"lexical-link-edit-drawer\"\n        data={stateData}\n        drawerSlug={drawerSlug}\n        drawerTitle={t('fields:editLink')}\n        featureKey=\"link\"\n        handleDrawerSubmit={(fields: FormState, data: Data) => {\n          closeModal(drawerSlug)\n\n          const newLinkPayload = data as { text: string } & LinkFields\n\n          const bareLinkFields: LinkFields = {\n            ...newLinkPayload,\n          }\n          delete bareLinkFields.text\n\n          // See: https://github.com/facebook/lexical/pull/5536. This updates autolink nodes to link nodes whenever a change was made (which is good!).\n          editor.update(() => {\n            const selection = $getSelection()\n            let linkParent = null\n            if ($isRangeSelection(selection)) {\n              linkParent = getSelectedNode(selection).getParent()\n            } else {\n              if (selectedNodes.length) {\n                linkParent = selectedNodes[0].getParent()\n              }\n            }\n\n            if (linkParent && $isAutoLinkNode(linkParent)) {\n              const linkNode = $createLinkNode({\n                fields: bareLinkFields,\n              })\n              linkParent.replace(linkNode, true)\n            }\n          })\n\n          // Needs to happen AFTER a potential auto link => link node conversion, as otherwise, the updated text to display may be lost due to\n          // it being applied to the auto link node instead of the link node.\n          editor.dispatchCommand(TOGGLE_LINK_COMMAND, {\n            fields: bareLinkFields,\n            selectedNodes,\n            text: newLinkPayload.text,\n          })\n        }}\n        schemaPathSuffix=\"fields\"\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/link/client/plugins/floatingLinkEditor/index.d.ts

@@ -0,0 +1,5 @@
+import type { PluginComponentWithAnchor } from '../../../../typesClient.js';
+import type { ClientProps } from '../../index.js';
+import './index.scss';
+export declare const FloatingLinkEditorPlugin: PluginComponentWithAnchor<ClientProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/link/client/plugins/floatingLinkEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/link/client/plugins/floatingLinkEditor/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAGjD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,wBAAwB,EAAE,yBAAyB,CAAC,WAAW,CAI3E,CAAA"}

package/dist/features/link/client/plugins/floatingLinkEditor/index.js

@@ -0,0 +1,15 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { LinkEditor } from './LinkEditor/index.js';
+export const FloatingLinkEditorPlugin = props => {
+  const {
+    anchorElem = document.body
+  } = props;
+  return /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(LinkEditor, {
+    anchorElem: anchorElem
+  }), anchorElem);
+};
+//# sourceMappingURL=index.js.map

package/dist/features/link/client/plugins/floatingLinkEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","createPortal","LinkEditor","FloatingLinkEditorPlugin","props","anchorElem","document","body","_jsx"],"sources":["../../../../../../src/features/link/client/plugins/floatingLinkEditor/index.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { PluginComponentWithAnchor } from '../../../../typesClient.js'\nimport type { ClientProps } from '../../index.js'\n\nimport { LinkEditor } from './LinkEditor/index.js'\nimport './index.scss'\n\nexport const FloatingLinkEditorPlugin: PluginComponentWithAnchor<ClientProps> = (props) => {\n  const { anchorElem = document.body } = props\n\n  return createPortal(<LinkEditor anchorElem={anchorElem} />, anchorElem)\n}\n"],"mappings":"AAAA;;;AACA,YAAYA,KAAA,MAAW;AACvB,SAASC,YAAY,QAAQ;AAK7B,SAASC,UAAU,QAAQ;AAG3B,OAAO,MAAMC,wBAAA,GAAoEC,KAAA;EAC/E,MAAM;IAAEC,UAAA,GAAaC,QAAA,CAASC;EAAI,CAAE,GAAGH,KAAA;EAEvC,oBAAOH,YAAA,eAAaO,IAAA,CAACN,UAAA;IAAWG,UAAA,EAAYA;MAAgBA,UAAA;AAC9D","ignoreList":[]}

package/dist/features/link/client/plugins/floatingLinkEditor/types.d.ts

@@ -0,0 +1,15 @@
+import type { LexicalNode } from 'lexical';
+import type { LinkFields } from '../../../nodes/types.js';
+/**
+ * The payload of a link node
+ * This can be delivered from the link node to the drawer, or from the drawer/anything to the TOGGLE_LINK_COMMAND
+ */
+export type LinkPayload = {
+    fields: LinkFields;
+    selectedNodes?: LexicalNode[];
+    /**
+     * The text content of the link node - will be displayed in the drawer
+     */
+    text: null | string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/features/link/client/plugins/floatingLinkEditor/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/link/client/plugins/floatingLinkEditor/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEzD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,UAAU,CAAA;IAClB,aAAa,CAAC,EAAE,WAAW,EAAE,CAAA;IAC7B;;OAEG;IACH,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;CACpB,CAAA"}

package/dist/features/link/client/plugins/floatingLinkEditor/types.js

@@ -0,0 +1,5 @@
+/**
+ * The payload of a link node
+ * This can be delivered from the link node to the drawer, or from the drawer/anything to the TOGGLE_LINK_COMMAND
+ */export {};
+//# sourceMappingURL=types.js.map

package/dist/features/link/client/plugins/floatingLinkEditor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/features/link/client/plugins/floatingLinkEditor/types.ts"],"sourcesContent":["import type { LexicalNode } from 'lexical'\n\nimport type { LinkFields } from '../../../nodes/types.js'\n\n/**\n * The payload of a link node\n * This can be delivered from the link node to the drawer, or from the drawer/anything to the TOGGLE_LINK_COMMAND\n */\nexport type LinkPayload = {\n  fields: LinkFields\n  selectedNodes?: LexicalNode[]\n  /**\n   * The text content of the link node - will be displayed in the drawer\n   */\n  text: null | string\n}\n"],"mappings":"AAIA;;;GAIA","ignoreList":[]}

package/dist/features/link/client/plugins/link/index.d.ts

@@ -0,0 +1,4 @@
+import type { PluginComponent } from '../../../../typesClient.js';
+import type { ClientProps } from '../../index.js';
+export declare const LinkPlugin: PluginComponent<ClientProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/link/client/plugins/link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/link/client/plugins/link/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAEjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAMjD,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,WAAW,CAuDnD,CAAA"}

package/dist/features/link/client/plugins/link/index.js

@@ -0,0 +1,60 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { mergeRegister } from '@lexical/utils';
+import { $getSelection, $isElementNode, $isRangeSelection, COMMAND_PRIORITY_LOW, PASTE_COMMAND } from 'lexical';
+import { useEffect } from 'react';
+import { validateUrl } from '../../../../../lexical/utils/url.js';
+import { $toggleLink, LinkNode, TOGGLE_LINK_COMMAND } from '../../../nodes/LinkNode.js';
+export const LinkPlugin = () => {
+  const $ = _c(3);
+  const [editor] = useLexicalComposerContext();
+  let t0;
+  let t1;
+  if ($[0] !== editor) {
+    t0 = () => {
+      if (!editor.hasNodes([LinkNode])) {
+        throw new Error("LinkPlugin: LinkNode not registered on editor");
+      }
+      return mergeRegister(editor.registerCommand(TOGGLE_LINK_COMMAND, payload => {
+        $toggleLink(payload);
+        return true;
+      }, COMMAND_PRIORITY_LOW), 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 (!selection.getNodes().some(node => $isElementNode(node))) {
+          const linkFields = {
+            doc: null,
+            linkType: "custom",
+            newTab: false,
+            url: clipboardText
+          };
+          editor.dispatchCommand(TOGGLE_LINK_COMMAND, {
+            fields: linkFields,
+            text: null
+          });
+          event.preventDefault();
+          return true;
+        }
+        return false;
+      }, COMMAND_PRIORITY_LOW));
+    };
+    t1 = [editor];
+    $[0] = editor;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/features/link/client/plugins/link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","mergeRegister","$getSelection","$isElementNode","$isRangeSelection","COMMAND_PRIORITY_LOW","PASTE_COMMAND","useEffect","validateUrl","$toggleLink","LinkNode","TOGGLE_LINK_COMMAND","LinkPlugin","$","editor","t0","t1","hasNodes","Error","registerCommand","payload","event","selection","isCollapsed","ClipboardEvent","clipboardData","clipboardText","getData","getNodes","some","node","linkFields","doc","linkType","newTab","url","dispatchCommand","fields","text","preventDefault"],"sources":["../../../../../../src/features/link/client/plugins/link/index.tsx"],"sourcesContent":["'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { mergeRegister } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isElementNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_LOW,\n  PASTE_COMMAND,\n} from 'lexical'\nimport { useEffect } from 'react'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\nimport type { LinkFields } from '../../../nodes/types.js'\nimport type { ClientProps } from '../../index.js'\nimport type { LinkPayload } from '../floatingLinkEditor/types.js'\n\nimport { validateUrl } from '../../../../../lexical/utils/url.js'\nimport { $toggleLink, LinkNode, TOGGLE_LINK_COMMAND } from '../../../nodes/LinkNode.js'\n\nexport const LinkPlugin: PluginComponent<ClientProps> = () => {\n  const [editor] = useLexicalComposerContext()\n\n  useEffect(() => {\n    if (!editor.hasNodes([LinkNode])) {\n      throw new Error('LinkPlugin: LinkNode not registered on editor')\n    }\n    return mergeRegister(\n      editor.registerCommand(\n        TOGGLE_LINK_COMMAND,\n        (payload: LinkPayload) => {\n          $toggleLink(payload)\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\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            const linkFields: LinkFields = {\n              doc: null,\n              linkType: 'custom',\n              newTab: false,\n              url: clipboardText,\n            }\n            editor.dispatchCommand(TOGGLE_LINK_COMMAND, {\n              fields: linkFields,\n              text: null,\n            })\n            event.preventDefault()\n            return true\n          }\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,aAAa,QAAQ;AAC9B,SACEC,aAAa,EACbC,cAAc,EACdC,iBAAiB,EACjBC,oBAAoB,EACpBC,aAAa,QACR;AACP,SAASC,SAAS,QAAQ;AAO1B,SAASC,WAAW,QAAQ;AAC5B,SAASC,WAAW,EAAEC,QAAQ,EAAEC,mBAAmB,QAAQ;AAE3D,OAAO,MAAMC,UAAA,GAA2CA,CAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACtD,OAAAe,MAAA,IAAiBd,yBAAA;EAAA,IAAAe,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAH,CAAA,QAAAC,MAAA;IAEPC,EAAA,GAAAA,CAAA;MAAA,KACHD,MAAA,CAAAG,QAAA,EAAAP,QAAA,CAA0B;QAAA,UAAAQ,KAAA,CACb;MAAA;MAAA,OAEXjB,aAAA,CACLa,MAAA,CAAAK,eAAA,CAAAR,mBAAA,EAAAS,OAAA;QAGIX,WAAA,CAAYW,OAAA;QAAA;MAAA,GAAAf,oBAGd,GAEFS,MAAA,CAAAK,eAAA,CAAAb,aAAA,EAAAe,KAAA;QAGI,MAAAC,SAAA,GAAkBpB,aAAA;QAAA,IAEhB,CAACE,iBAAA,CAAkBkB,SAAA,KACnBA,SAAA,CAAAC,WAAA,CAAqB,OACnBF,KAAA,YAAAG,cAA8B,KAChCH,KAAA,CAAAI,aAAA,QAAuB;UAAA;QAAA;QAIzB,MAAAC,aAAA,GAAsBL,KAAA,CAAAI,aAAA,CAAAE,OAAA,CAA4B;QAAA,KAC7CnB,WAAA,CAAYkB,aAAA;UAAA;QAAA;QAAA,KAIZJ,SAAA,CAAAM,QAAA,CAAkB,EAAAC,IAAA,CAAAC,IAAA,IAAkB3B,cAAA,CAAe2B,IAAA;UACtD,MAAAC,UAAA;YAAAC,GAAA;YAAAC,QAAA,EAEY;YAAAC,MAAA;YAAAC,GAAA,EAELT;UAAA;UAEPZ,MAAA,CAAAsB,eAAA,CAAAzB,mBAAA;YAAA0B,MAAA,EACUN,UAAA;YAAAO,IAAA;UAAA,CAEV;UACAjB,KAAA,CAAAkB,cAAA,CAAoB;UAAA;QAAA;QAAA;MAAA,GAAAlC,oBAKxB;IAAA;IAGHW,EAAA,IAACF,MAAA;IAAOD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAE,EAAA;IAAAF,CAAA,MAAAG,EAAA;EAAA;IAAAD,EAAA,GAAAF,CAAA;IAAAG,EAAA,GAAAH,CAAA;EAAA;EAjDXN,SAAA,CAAUQ,EAiDV,EAAGC,EAAQ;EAAA;AAAA,CAGb","ignoreList":[]}

package/dist/features/link/markdownTransformer.js

@@ -7,44 +7,43 @@ import { $createTextNode, $isTextNode } from 'lexical';
 import { $createLinkNode, $isLinkNode, LinkNode } from './nodes/LinkNode.js';
 // - then longer tags match (e.g. ** or __ should go before * or _)
 export const LinkMarkdownTransformer = {
-    type: 'text-match',
-    dependencies: [
-        LinkNode
-    ],
-    export: (_node, exportChildren, exportFormat)=>{
-        if (!$isLinkNode(_node)) {
-            return null;
-        }
-        const node = _node;
-        const { url } = node.getFields();
-        const linkContent = `[${node.getTextContent()}](${url})`;
-        const firstChild = node.getFirstChild();
-        // Add text styles only if link has single text node inside. If it's more
-        // then one we ignore it as markdown does not support nested styles for links
-        if (node.getChildrenSize() === 1 && $isTextNode(firstChild)) {
-            return exportFormat(firstChild, linkContent);
-        } else {
-            return linkContent;
-        }
-    },
-    importRegExp: /\[([^[]+)\]\(([^()\s]+)(?:\s"((?:[^"]*\\")*[^"]*)"\s*)?\)/,
-    regExp: /\[([^[]+)\]\(([^()\s]+)(?:\s"((?:[^"]*\\")*[^"]*)"\s*)?\)$/,
-    replace: (textNode, match)=>{
-        const [, linkText, linkUrl] = match;
-        const linkNode = $createLinkNode({
-            fields: {
-                doc: null,
-                linkType: 'custom',
-                newTab: false,
-                url: linkUrl
-            }
-        });
-        const linkTextNode = $createTextNode(linkText);
-        linkTextNode.setFormat(textNode.getFormat());
-        linkNode.append(linkTextNode);
-        textNode.replace(linkNode);
-    },
-    trigger: ')'
+  type: 'text-match',
+  dependencies: [LinkNode],
+  export: (_node, exportChildren, exportFormat) => {
+    if (!$isLinkNode(_node)) {
+      return null;
+    }
+    const node = _node;
+    const {
+      url
+    } = node.getFields();
+    const linkContent = `[${node.getTextContent()}](${url})`;
+    const firstChild = node.getFirstChild();
+    // Add text styles only if link has single text node inside. If it's more
+    // then one we ignore it as markdown does not support nested styles for links
+    if (node.getChildrenSize() === 1 && $isTextNode(firstChild)) {
+      return exportFormat(firstChild, linkContent);
+    } else {
+      return linkContent;
+    }
+  },
+  importRegExp: /\[([^[]+)\]\(([^()\s]+)(?:\s"((?:[^"]*\\")*[^"]*)"\s*)?\)/,
+  regExp: /\[([^[]+)\]\(([^()\s]+)(?:\s"((?:[^"]*\\")*[^"]*)"\s*)?\)$/,
+  replace: (textNode, match) => {
+    const [, linkText, linkUrl] = match;
+    const linkNode = $createLinkNode({
+      fields: {
+        doc: null,
+        linkType: 'custom',
+        newTab: false,
+        url: linkUrl
+      }
+    });
+    const linkTextNode = $createTextNode(linkText);
+    linkTextNode.setFormat(textNode.getFormat());
+    linkNode.append(linkTextNode);
+    textNode.replace(linkNode);
+  },
+  trigger: ')'
 };
-
 //# sourceMappingURL=markdownTransformer.js.map

package/dist/features/link/markdownTransformer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/features/link/markdownTransformer.ts"],"sourcesContent":["/**\n * Code taken from https://github.com/facebook/lexical/blob/main/packages/lexical-markdown/src/MarkdownTransformers.ts#L357\n */\n\n// Order of text transformers matters:\n//\n// - code should go first as it prevents any transformations inside\n\nimport type { TextMatchTransformer } from '@lexical/markdown'\n\nimport { $createTextNode, $isTextNode } from 'lexical'\n\nimport { $createLinkNode, $isLinkNode, LinkNode } from './nodes/LinkNode.js'\n\n// - then longer tags match (e.g. ** or __ should go before * or _)\nexport const LinkMarkdownTransformer: TextMatchTransformer = {\n  type: 'text-match',\n  dependencies: [LinkNode],\n  export: (_node, exportChildren, exportFormat) => {\n    if (!$isLinkNode(_node)) {\n      return null\n    }\n    const node: LinkNode = _node\n    const { url } = node.getFields()\n    const linkContent = `[${node.getTextContent()}](${url})`\n    const firstChild = node.getFirstChild()\n    // Add text styles only if link has single text node inside. If it's more\n    // then one we ignore it as markdown does not support nested styles for links\n    if (node.getChildrenSize() === 1 && $isTextNode(firstChild)) {\n      return exportFormat(firstChild, linkContent)\n    } else {\n      return linkContent\n    }\n  },\n  importRegExp: /\\[([^[]+)\\]\\(([^()\\s]+)(?:\\s\"((?:[^\"]*\\\\\")*[^\"]*)\"\\s*)?\\)/,\n  regExp: /\\[([^[]+)\\]\\(([^()\\s]+)(?:\\s\"((?:[^\"]*\\\\\")*[^\"]*)\"\\s*)?\\)$/,\n  replace: (textNode, match) => {\n    const [, linkText, linkUrl] = match\n    const linkNode = $createLinkNode({\n      fields: {\n        doc: null,\n        linkType: 'custom',\n        newTab: false,\n        url: linkUrl,\n      },\n    })\n    const linkTextNode = $createTextNode(linkText)\n    linkTextNode.setFormat(textNode.getFormat())\n    linkNode.append(linkTextNode)\n    textNode.replace(linkNode)\n  },\n  trigger: ')',\n}\n"],"names":["$createTextNode","$isTextNode","$createLinkNode","$isLinkNode","LinkNode","LinkMarkdownTransformer","type","dependencies","export","_node","exportChildren","exportFormat","node","url","getFields","linkContent","getTextContent","firstChild","getFirstChild","getChildrenSize","importRegExp","regExp","replace","textNode","match","linkText","linkUrl","linkNode","fields","doc","linkType","newTab","linkTextNode","setFormat","getFormat","append","trigger"],"mappings":"AAAA;;CAEC,GAED,sCAAsC;AACtC,EAAE;AACF,mEAAmE;AAInE,SAASA,eAAe,EAAEC,WAAW,QAAQ,UAAS;AAEtD,SAASC,eAAe,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,sBAAqB;AAE5E,mEAAmE;AACnE,OAAO,MAAMC,0BAAgD;IAC3DC,MAAM;IACNC,cAAc;QAACH;KAAS;IACxBI,QAAQ,CAACC,OAAOC,gBAAgBC;QAC9B,IAAI,CAACR,YAAYM,QAAQ;YACvB,OAAO;QACT;QACA,MAAMG,OAAiBH;QACvB,MAAM,EAAEI,GAAG,EAAE,GAAGD,KAAKE,SAAS;QAC9B,MAAMC,cAAc,CAAC,CAAC,EAAEH,KAAKI,cAAc,GAAG,EAAE,EAAEH,IAAI,CAAC,CAAC;QACxD,MAAMI,aAAaL,KAAKM,aAAa;QACrC,yEAAyE;QACzE,6EAA6E;QAC7E,IAAIN,KAAKO,eAAe,OAAO,KAAKlB,YAAYgB,aAAa;YAC3D,OAAON,aAAaM,YAAYF;QAClC,OAAO;YACL,OAAOA;QACT;IACF;IACAK,cAAc;IACdC,QAAQ;IACRC,SAAS,CAACC,UAAUC;QAClB,MAAM,GAAGC,UAAUC,QAAQ,GAAGF;QAC9B,MAAMG,WAAWzB,gBAAgB;YAC/B0B,QAAQ;gBACNC,KAAK;gBACLC,UAAU;gBACVC,QAAQ;gBACRlB,KAAKa;YACP;QACF;QACA,MAAMM,eAAehC,gBAAgByB;QACrCO,aAAaC,SAAS,CAACV,SAASW,SAAS;QACzCP,SAASQ,MAAM,CAACH;QAChBT,SAASD,OAAO,CAACK;IACnB;IACAS,SAAS;AACX,EAAC"}
+{"version":3,"file":"markdownTransformer.js","names":["$createTextNode","$isTextNode","$createLinkNode","$isLinkNode","LinkNode","LinkMarkdownTransformer","type","dependencies","export","_node","exportChildren","exportFormat","node","url","getFields","linkContent","getTextContent","firstChild","getFirstChild","getChildrenSize","importRegExp","regExp","replace","textNode","match","linkText","linkUrl","linkNode","fields","doc","linkType","newTab","linkTextNode","setFormat","getFormat","append","trigger"],"sources":["../../../src/features/link/markdownTransformer.ts"],"sourcesContent":["/**\n * Code taken from https://github.com/facebook/lexical/blob/main/packages/lexical-markdown/src/MarkdownTransformers.ts#L357\n */\n\n// Order of text transformers matters:\n//\n// - code should go first as it prevents any transformations inside\n\nimport type { TextMatchTransformer } from '@lexical/markdown'\n\nimport { $createTextNode, $isTextNode } from 'lexical'\n\nimport { $createLinkNode, $isLinkNode, LinkNode } from './nodes/LinkNode.js'\n\n// - then longer tags match (e.g. ** or __ should go before * or _)\nexport const LinkMarkdownTransformer: TextMatchTransformer = {\n  type: 'text-match',\n  dependencies: [LinkNode],\n  export: (_node, exportChildren, exportFormat) => {\n    if (!$isLinkNode(_node)) {\n      return null\n    }\n    const node: LinkNode = _node\n    const { url } = node.getFields()\n    const linkContent = `[${node.getTextContent()}](${url})`\n    const firstChild = node.getFirstChild()\n    // Add text styles only if link has single text node inside. If it's more\n    // then one we ignore it as markdown does not support nested styles for links\n    if (node.getChildrenSize() === 1 && $isTextNode(firstChild)) {\n      return exportFormat(firstChild, linkContent)\n    } else {\n      return linkContent\n    }\n  },\n  importRegExp: /\\[([^[]+)\\]\\(([^()\\s]+)(?:\\s\"((?:[^\"]*\\\\\")*[^\"]*)\"\\s*)?\\)/,\n  regExp: /\\[([^[]+)\\]\\(([^()\\s]+)(?:\\s\"((?:[^\"]*\\\\\")*[^\"]*)\"\\s*)?\\)$/,\n  replace: (textNode, match) => {\n    const [, linkText, linkUrl] = match\n    const linkNode = $createLinkNode({\n      fields: {\n        doc: null,\n        linkType: 'custom',\n        newTab: false,\n        url: linkUrl,\n      },\n    })\n    const linkTextNode = $createTextNode(linkText)\n    linkTextNode.setFormat(textNode.getFormat())\n    linkNode.append(linkTextNode)\n    textNode.replace(linkNode)\n  },\n  trigger: ')',\n}\n"],"mappings":"AAAA;;GAAA,CAIA;AACA;AACA;AAIA,SAASA,eAAe,EAAEC,WAAW,QAAQ;AAE7C,SAASC,eAAe,EAAEC,WAAW,EAAEC,QAAQ,QAAQ;AAEvD;AACA,OAAO,MAAMC,uBAAA,GAAgD;EAC3DC,IAAA,EAAM;EACNC,YAAA,EAAc,CAACH,QAAA,CAAS;EACxBI,MAAA,EAAQA,CAACC,KAAA,EAAOC,cAAA,EAAgBC,YAAA;IAC9B,IAAI,CAACR,WAAA,CAAYM,KAAA,GAAQ;MACvB,OAAO;IACT;IACA,MAAMG,IAAA,GAAiBH,KAAA;IACvB,MAAM;MAAEI;IAAG,CAAE,GAAGD,IAAA,CAAKE,SAAS;IAC9B,MAAMC,WAAA,GAAc,IAAIH,IAAA,CAAKI,cAAc,OAAOH,GAAA,GAAM;IACxD,MAAMI,UAAA,GAAaL,IAAA,CAAKM,aAAa;IACrC;IACA;IACA,IAAIN,IAAA,CAAKO,eAAe,OAAO,KAAKlB,WAAA,CAAYgB,UAAA,GAAa;MAC3D,OAAON,YAAA,CAAaM,UAAA,EAAYF,WAAA;IAClC,OAAO;MACL,OAAOA,WAAA;IACT;EACF;EACAK,YAAA,EAAc;EACdC,MAAA,EAAQ;EACRC,OAAA,EAASA,CAACC,QAAA,EAAUC,KAAA;IAClB,MAAM,GAAGC,QAAA,EAAUC,OAAA,CAAQ,GAAGF,KAAA;IAC9B,MAAMG,QAAA,GAAWzB,eAAA,CAAgB;MAC/B0B,MAAA,EAAQ;QACNC,GAAA,EAAK;QACLC,QAAA,EAAU;QACVC,MAAA,EAAQ;QACRlB,GAAA,EAAKa;MACP;IACF;IACA,MAAMM,YAAA,GAAehC,eAAA,CAAgByB,QAAA;IACrCO,YAAA,CAAaC,SAAS,CAACV,QAAA,CAASW,SAAS;IACzCP,QAAA,CAASQ,MAAM,CAACH,YAAA;IAChBT,QAAA,CAASD,OAAO,CAACK,QAAA;EACnB;EACAS,OAAA,EAAS;AACX","ignoreList":[]}