Allow tag creation trigger to be custom.

peterp · Sep 16, 2018 · 62606f4 · 62606f4
1 parent 71c0c85
commit 62606f4
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 16 deletions.
diff --git a/README.md b/README.md
@@ -41,18 +41,19 @@ const UselessComponent = () => (
 
 ## Props
 
-| PropName            | Description                                | Default  |
-| ------------------- | ------------------------------------------ | -------- |
-| initialText         | The input element's text                   |          |
-| initialTags         | ['the', 'initial', 'tags']                 |          |
-| onChangeTags        | Fires when tags are added or removed       |          |
-| maxNumberOfTags     | The max number of tags that can be entered | infinity |
-| onTagPress          | Fires when tags are pressed                |          |
-| readonly            | Tags cannot be modified                    | false    |
-| deleteTagOnPress    | Remove the tag when pressed                | true     |
-| containerStyle      | Style                                      |          |
-| style               | Style (`containerStyle` alias)             |          |
-| inputContainerStyle | Style                                      |          |
-| inputStyle          | Style                                      |          |
-| tagContainerStyle   | Style                                      |          |
-| tagTextStyle        | Style                                      |          |
+| PropName            | Description                                | Default         |
+| ------------------- | ------------------------------------------ | --------------- |
+| initialText         | The input element's text                   |                 |
+| initialTags         | ['the', 'initial', 'tags']                 |                 |
+| createTagOnString   | Triggers new tag creation                  | [",", ".", " "] |
+| onChangeTags        | Fires when tags are added or removed       |                 |
+| maxNumberOfTags     | The max number of tags that can be entered | infinity        |
+| onTagPress          | Fires when tags are pressed                |                 |
+| readonly            | Tags cannot be modified                    | false           |
+| deleteTagOnPress    | Remove the tag when pressed                | true            |
+| containerStyle      | Style                                      |                 |
+| style               | Style (`containerStyle` alias)             |                 |
+| inputContainerStyle | Style                                      |                 |
+| inputStyle          | Style                                      |                 |
+| tagContainerStyle   | Style                                      |                 |
+| tagTextStyle        | Style                                      |                 |
diff --git a/Tags/index.js b/Tags/index.js
@@ -39,7 +39,7 @@ class Tags extends React.Component {
       );
     } else if (
       text.length > 1 &&
-      (text.slice(-1) === " " || text.slice(-1) === ",") &&
+      this.props.createTagOnString.includes(text.slice(-1)) &&
       !(this.state.tags.indexOf(text.slice(0, -1).trim()) > -1)
     ) {
       this.setState(
@@ -119,6 +119,7 @@ class Tags extends React.Component {
 Tags.defaultProps = {
   initialTags: [],
   initialText: " ",
+  createTagOnString: [",", " "],
   readonly: false,
   deleteOnTagPress: true,
   maxNumberOfTags: Number.POSITIVE_INFINITY
@@ -127,6 +128,7 @@ Tags.defaultProps = {
 Tags.propTypes = {
   initialText: PropTypes.string,
   initialTags: PropTypes.arrayOf(PropTypes.string),
+  createTagOnString: PropTypes.array,
   onChangeTags: PropTypes.func,
   readonly: PropTypes.bool,
   maxNumberOfTags: PropTypes.number,