feat/renderInvalidTag_prop_in_chipsInput (#1044)

Author: lidord-wix

src/components/chipsInput/index.js

@@ -42,6 +42,10 @@ class ChipsInput extends Component {
      * callback for custom rendering tag item
      */
     renderTag: PropTypes.elementType,
+    /**
+     * callback for custom rendering invalid tag item
+     */
+    renderInvalidTag: PropTypes.elementType,
     /**
      * callback for onChangeTags event
      */
@@ -261,11 +265,15 @@ class ChipsInput extends Component {
   }
 
   renderTag = (tag, index) => {
-    const {tagStyle, renderTag} = this.props;
+    const {tagStyle, renderTag, renderInvalidTag} = this.props;
     const {tagIndexToRemove} = this.state;
     const shouldMarkTag = tagIndexToRemove === index;
 
     if (tag.invalid) {
+      if (_.isFunction(renderInvalidTag)) {
+        return renderInvalidTag(tag, index, shouldMarkTag, this.getLabel(tag));
+      }
+  
       return (
         <View
           key={index}