Merge pull request #3649 from xbeeant/main

feat: store mention key
udecode · Nov 5, 2024 · 7c7b4ce · 7c7b4ce
2 parents 5d797fc + 7c51ad8
commit 7c7b4ce
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 3 deletions.
diff --git a/.changeset/store-mention-key.md b/.changeset/store-mention-key.md
@@ -0,0 +1,5 @@
+---
+"@udecode/plate-mention": patch
+---
+
+store mention key 
diff --git a/packages/mention/src/lib/BaseMentionPlugin.ts b/packages/mention/src/lib/BaseMentionPlugin.ts
@@ -18,7 +18,7 @@ export type MentionConfig = PluginConfig<
   {},
   {
     insert: {
-      mention: (options: { search: string; value: any }) => void;
+      mention: (options: { key?: any; search: string; value: any; }) => void;
     };
   }
 >;
@@ -45,9 +45,10 @@ export const BaseMentionPlugin = createSlatePlugin({
   plugins: [BaseMentionInputPlugin],
 }).extendEditorTransforms<MentionConfig['transforms']>(({ editor, type }) => ({
   insert: {
-    mention: ({ value }) => {
+    mention: ({ key, value }) => {
       insertNodes<TMentionElement>(editor, {
         children: [{ text: '' }],
+        key,
         type,
         value,
       });

diff --git a/packages/mention/src/lib/getMentionOnSelectItem.ts b/packages/mention/src/lib/getMentionOnSelectItem.ts
@@ -25,7 +25,7 @@ export const getMentionOnSelectItem =
     });
     const { insertSpaceAfterMention } = getOptions();
 
-    tf.insert.mention({ search, value: item.text });
+    tf.insert.mention({ key: item.key, search, value: item.text });
 
     // move the selection after the element
     moveSelection(editor, { unit: 'offset' });

diff --git a/packages/mention/src/lib/types.ts b/packages/mention/src/lib/types.ts
@@ -1,6 +1,7 @@
 import type { TElement } from '@udecode/plate-common';
 
 export interface TMentionItemBase {
+  key?: any;
   text: string;
 }