Chispinput backspase on Android fix (#1151)

Author: vidmantasz

src/components/chipsInput/__tests__/index.spec.js

@@ -61,15 +61,6 @@ describe('ChipsInput', () => {
       expect(removeTagSpy).not.toHaveBeenCalled();
     });
 
-    it('should ignore key event if platform is Android', () => {
-      Constants.isAndroid = true;
-      const pressEvent = {};
-      _.set(uut.state, 'tags', [{}, {}, {}]);
-      uut.onKeyPress(pressEvent);
-      expect(uut.state.tagIndexToRemove).toBe(2);
-      Constants.isAndroid = false;
-    });
-
     it('should not update state if input value is not empty', () => {
       const pressEvent = {nativeEvent: {key: Constants.backspaceKey}};
       _.set(uut.state, 'tags', [{}, {}, {}]);

src/components/chipsInput/index.js

@@ -1,7 +1,7 @@
 import _ from 'lodash';
 import PropTypes from 'prop-types';
 import React, {Component} from 'react';
-import ReactNative, {NativeModules, StyleSheet, ViewPropTypes, Image, DeviceEventEmitter} from 'react-native';
+import ReactNative, {NativeModules, StyleSheet, ViewPropTypes, Image} from 'react-native';
 import {Constants} from '../../helpers';
 import {Colors, BorderRadiuses, ThemeManager, Typography} from '../../style';
 import Assets from '../../assets';
@@ -105,17 +105,10 @@ class ChipsInput extends Component {
       const textInputHandle = ReactNative.findNodeHandle(this.input);
       if (textInputHandle && NativeModules.TextInputDelKeyHandler) {
         NativeModules.TextInputDelKeyHandler.register(textInputHandle);
-        DeviceEventEmitter.addListener('onBackspacePress', this.onKeyPress);
       }
     }
   }
 
-  componentWillUnmount() {
-    if (Constants.isAndroid) {
-      DeviceEventEmitter.removeListener('onBackspacePress', this.onKeyPress);
-    }
-  }
-
   static getDerivedStateFromProps(nextProps, prevState) {
     if (nextProps.tags !== prevState.initialTags) {
       return {
@@ -169,10 +162,10 @@ class ChipsInput extends Component {
     this.setState({tagIndexToRemove: tagIndex});
   }
 
-  onChangeText = (value) => {
+  onChangeText = _.debounce((value) => {
     this.setState({value, tagIndexToRemove: undefined});
     _.invoke(this.props, 'onChangeText', value);
-  }
+  }, 0);
 
   onTagPress(index) {
     const {onTagPress} = this.props;
@@ -212,7 +205,7 @@ class ChipsInput extends Component {
     const tagsCount = _.size(tags);
     const keyCode = _.get(event, 'nativeEvent.key');
     const hasNoValue = _.isEmpty(value);
-    const pressedBackspace = Constants.isAndroid || keyCode === Constants.backspaceKey;
+    const pressedBackspace = keyCode === Constants.backspaceKey;
     const hasTags = tagsCount > 0;
 
     if (pressedBackspace) {