feat(entry): add entryComponent as a mention plugin option to enable …

…customization (draft-js-plugins#1491)
ynnelson · Sep 11, 2020 · 9d9ead9 · 9d9ead9
1 parent efaffd0
commit 9d9ead9
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/draft-js-mention-plugin/CHANGELOG.md b/draft-js-mention-plugin/CHANGELOG.md
@@ -15,6 +15,7 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 - onOpen and onClose callbacks are removed in favour of onOpenChange
 - Made suggestions prop required (pass empty array for async suggestions)
 - Remove prevState and state from positionSuggestions
+- add entryComponent to mention plugin
 
 ## 3.1.5
 

diff --git a/...uggestions/Entry/defaultEntryComponent.js → ...uggestions/Entry/DefaultEntryComponent.js b/...uggestions/Entry/defaultEntryComponent.js → ...uggestions/Entry/DefaultEntryComponent.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import Avatar from './Avatar/Avatar';
 
-const defaultEntryComponent = props => {
+const DefaultEntryComponent = props => {
   const {
     mention,
     theme,
@@ -18,4 +18,4 @@ const defaultEntryComponent = props => {
   );
 };
 
-export default defaultEntryComponent;
+export default DefaultEntryComponent;
diff --git a/draft-js-mention-plugin/src/MentionSuggestions/MentionSuggestions.js b/draft-js-mention-plugin/src/MentionSuggestions/MentionSuggestions.js
@@ -6,7 +6,7 @@ import Entry from './Entry/Entry';
 import addMention from '../modifiers/addMention';
 import decodeOffsetKey from '../utils/decodeOffsetKey';
 import getSearchText from '../utils/getSearchText';
-import defaultEntryComponent from './Entry/defaultEntryComponent';
+import defaultEntryComponent from './Entry/DefaultEntryComponent';
 
 export class MentionSuggestions extends Component {
   static propTypes = {

diff --git a/draft-js-mention-plugin/src/index.js b/draft-js-mention-plugin/src/index.js
@@ -87,6 +87,7 @@ export default (config = {}) => {
     mentionTrigger = '@',
     mentionRegExp = defaultRegExp,
     supportWhitespace = false,
+    entryComponent,
   } = config;
   const mentionSearchProps = {
     ariaProps,
@@ -97,6 +98,7 @@ export default (config = {}) => {
     positionSuggestions,
     mentionTrigger,
     mentionPrefix,
+    entryComponent,
   };
   const DecoratedMentionSuggestionsComponent = props => (
     <MentionSuggestionsComponent {...props} {...mentionSearchProps} />