@mdxeditor/editor 2.4.0 → 2.5.0

package/dist/index.d.ts

@@ -386,6 +386,8 @@ export declare const ChangeAdmonitionType: () => React_2.JSX.Element;
  */
 export declare const ChangeCodeMirrorLanguage: () => React_2.JSX.Element;
 
+export declare type ClickLinkCallback = (url: string) => void;
+
 /**
  * Close the image dialog.
  * @group Image
@@ -1669,8 +1671,18 @@ export declare type LexicalVisitor = LexicalExportVisitor<LexicalNode, Mdast.Roo
  * @group Link Dialog
  */
 export declare const linkDialogPlugin: (params?: {
+    /**
+     * If passed, the link dialog will be rendered using this component instead of the default one.
+     */
     LinkDialog?: (() => JSX.Element) | undefined;
+    /**
+     * If passed, the link input field will autocomplete using the published suggestions.
+     */
     linkAutocompleteSuggestions?: string[] | undefined;
+    /**
+     * If set, clicking on the link in the preview popup will call this callback instead of opening the link.
+     */
+    onClickLinkCallback?: ClickLinkCallback | undefined;
 } | undefined) => RealmPlugin;
 
 /**
@@ -2086,6 +2098,8 @@ export declare function noop(): void;
  */
 export declare const onBlur$: NodeRef<FocusEvent>;
 
+/* Excluded from this release type: onClickLinkCallback$ */
+
 /**
  * Emits when the window is resized.
  * @group Utils

package/dist/index.js

@@ -21,7 +21,7 @@ import { appendCodeBlockEditorDescriptor$, codeBlockPlugin, defaultCodeBlockLang
 import { directivesPlugin, insertDirective$ } from "./plugins/directives/index.js";
 import { ADMONITION_TYPES, AdmonitionDirectiveDescriptor } from "./directive-editors/AdmonitionDirectiveDescriptor.js";
 import { GenericDirectiveEditor } from "./directive-editors/GenericDirectiveEditor.js";
-import { applyLinkChanges$, cancelLinkEdit$, linkAutocompleteSuggestions$, linkDialogPlugin, linkDialogState$, onWindowChange$, openLinkEditDialog$, removeLink$, switchFromPreviewToLinkEdit$, updateLink$ } from "./plugins/link-dialog/index.js";
+import { applyLinkChanges$, cancelLinkEdit$, linkAutocompleteSuggestions$, linkDialogPlugin, linkDialogState$, onClickLinkCallback$, onWindowChange$, openLinkEditDialog$, removeLink$, switchFromPreviewToLinkEdit$, updateLink$ } from "./plugins/link-dialog/index.js";
 import { toolbarContents$, toolbarPlugin } from "./plugins/toolbar/index.js";
 import { cmExtensions$, diffMarkdown$, diffSourcePlugin } from "./plugins/diff-source/index.js";
 import { markdownShortcutPlugin } from "./plugins/markdown-shortcut/index.js";
@@ -246,6 +246,7 @@ export {
   nestedEditorChildren$,
   noop,
   onBlur$,
+  onClickLinkCallback$,
   onWindowChange$,
   openEditImageDialog$,
   openLinkEditDialog$,

package/dist/plugins/link-dialog/LinkDialog.js

@@ -7,7 +7,7 @@ import styles from "../../styles/ui.module.css.js";
 import classNames from "classnames";
 import { createCommand } from "lexical";
 import { useForm } from "react-hook-form";
-import { linkDialogState$, linkAutocompleteSuggestions$, onWindowChange$, updateLink$, cancelLinkEdit$, switchFromPreviewToLinkEdit$, removeLink$ } from "./index.js";
+import { linkDialogState$, linkAutocompleteSuggestions$, onClickLinkCallback$, onWindowChange$, updateLink$, cancelLinkEdit$, switchFromPreviewToLinkEdit$, removeLink$ } from "./index.js";
 import { useCellValues, usePublisher } from "@mdxeditor/gurx";
 createCommand();
 function LinkEditForm({ url, title, onSubmit, onCancel, linkAutocompleteSuggestions }) {
@@ -55,12 +55,13 @@ function LinkEditForm({ url, title, onSubmit, onCancel, linkAutocompleteSuggesti
   );
 }
 const LinkDialog = () => {
-  const [editorRootElementRef, activeEditor, iconComponentFor, linkDialogState, linkAutocompleteSuggestions] = useCellValues(
+  const [editorRootElementRef, activeEditor, iconComponentFor, linkDialogState, linkAutocompleteSuggestions, onClickLinkCallback] = useCellValues(
     editorRootElementRef$,
     activeEditor$,
     iconComponentFor$,
     linkDialogState$,
-    linkAutocompleteSuggestions$
+    linkAutocompleteSuggestions$,
+    onClickLinkCallback$
   );
   const publishWindowChange = usePublisher(onWindowChange$);
   const updateLink = usePublisher(updateLink$);
@@ -119,6 +120,12 @@ const LinkDialog = () => {
         className: styles.linkDialogPreviewAnchor,
         href: linkDialogState.url,
         ...urlIsExternal ? { target: "_blank", rel: "noreferrer" } : {},
+        onClick: (e) => {
+          if (onClickLinkCallback !== null) {
+            e.preventDefault();
+            onClickLinkCallback(linkDialogState.url);
+          }
+        },
         title: urlIsExternal ? `Open ${linkDialogState.url} in new window` : linkDialogState.url
       },
       /* @__PURE__ */ React__default.createElement("span", null, linkDialogState.url),

package/dist/plugins/link-dialog/index.js

@@ -213,9 +213,11 @@ const openLinkEditDialog$ = Action((r) => {
   );
 });
 const linkAutocompleteSuggestions$ = Cell([]);
+const onClickLinkCallback$ = Cell(null);
 const linkDialogPlugin = realmPlugin({
   init(r, params) {
     r.pub(addComposerChild$, (params == null ? void 0 : params.LinkDialog) || LinkDialog);
+    r.pub(onClickLinkCallback$, (params == null ? void 0 : params.onClickLinkCallback) ?? null);
   },
   update(r, params = {}) {
     r.pub(linkAutocompleteSuggestions$, params.linkAutocompleteSuggestions || []);
@@ -227,6 +229,7 @@ export {
   linkAutocompleteSuggestions$,
   linkDialogPlugin,
   linkDialogState$,
+  onClickLinkCallback$,
   onWindowChange$,
   openLinkEditDialog$,
   removeLink$,

package/package.json

@@ -11,7 +11,7 @@
     "*.css"
   ],
   "type": "module",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",