feat: allow providing custom link dialog component (#209)

mdx-editor · Dec 1, 2023 · 07d5445 · 07d5445
1 parent 735da40
commit 07d5445
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/plugins/link-dialog/index.ts b/src/plugins/link-dialog/index.ts
@@ -41,6 +41,11 @@ type EditLinkDialog = {
   rectangle: RectData
 }
 
+type LinkDialogPluginParamsType = {
+  LinkDialog?: () => JSX.Element
+  linkAutocompleteSuggestions?: string[]
+}
+
 function getLinkNodeInSelection(selection: RangeSelection | null) {
   if (!selection) {
     return null
@@ -296,10 +301,10 @@ export const [
   id: 'link-dialog',
   dependencies: ['link'],
   systemSpec: linkDialogSystem,
-  applyParamsToSystem(r, params: { linkAutocompleteSuggestions?: string[] } = {}) {
+  applyParamsToSystem(r, params: LinkDialogPluginParamsType = {}) {
     r.pubKey('linkAutocompleteSuggestions', params.linkAutocompleteSuggestions || [])
   },
-  init(r) {
-    r.pubKey('addComposerChild', LinkDialog)
+  init(r, params) {
+    r.pubKey('addComposerChild', params?.LinkDialog || LinkDialog)
   }
 })