Refactor code

Author: a-morenovalls

lib/MaterialSearchBar.js

@@ -25,7 +25,37 @@ type State = {
 
 class MaterialSearchBar extends React.Component<Props, State> {
   _textInput: TextInput
-  static defaultProps = {}
+
+  static defaultProps = {
+    containerStyle: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      backgroundColor: 'white',
+      elevation: 8,
+      paddingHorizontal: 12
+    },
+    styleInput: {
+      flex: 1,
+      height: 56,
+      color: 'black',
+      fontSize: 20,
+      fontFamily: 'Roboto'
+    },
+    placeholderTextColor: 'grey'
+  }
+
+  static propTypes = {
+    /** Override the inline-styles of the root element */
+    containerStyle: PropTypes.oneOfType([PropTypes.number, PropTypes.object]),
+    /** Override the inline-styles of the style input */
+    styleInput: PropTypes.oneOfType([PropTypes.number, PropTypes.object]),
+    /** The displayed search icon on the right of the input text */
+    searchIcon: PropTypes.element,
+    /** The displayed close icon on the right of the input text */
+    closeIcon: PropTypes.element,
+    /** A function to execute when field's value is changed */
+    onChangeText: PropTypes.func.isRequired
+  }
 
   constructor(props: Props) {
     super(props)
@@ -42,7 +72,10 @@ class MaterialSearchBar extends React.Component<Props, State> {
     })
   }
 
-  doAnimation = () => {
+  /**
+   * Starts a sequenced animation on close/search button
+   */
+  startAnimation = () => {
     Animated.sequence([
       Animated.timing(this.state.scale, {
         toValue: 1.2,
@@ -66,13 +99,13 @@ class MaterialSearchBar extends React.Component<Props, State> {
     }
 
     if (this.state.value.length === 0) {
-      this.doAnimation()
+      this.startAnimation()
     }
   }
 
   componentWillUpdate(nextProps: Props, nextState: State) {
     if (nextState.value.length === 0) {
-      this.doAnimation()
+      this.startAnimation()
     }
   }
 
@@ -118,31 +151,4 @@ class MaterialSearchBar extends React.Component<Props, State> {
   }
 }
 
-MaterialSearchBar.defaultProps = {
-  containerStyle: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    backgroundColor: 'white',
-    elevation: 8,
-    paddingHorizontal: 12
-  },
-  styleInput: {
-    flex: 1,
-    height: 56,
-    color: 'black',
-    fontSize: 20,
-    fontFamily: 'Roboto'
-  },
-  placeholderTextColor: 'grey'
-}
-
-MaterialSearchBar.propTypes = {
-  /** Override the inline-styles of the root element. */
-  containerStyle: PropTypes.oneOfType([PropTypes.number, PropTypes.object]),
-  styleInput: PropTypes.oneOfType([PropTypes.number, PropTypes.object]),
-  searchIcon: PropTypes.element,
-  closeIcon: PropTypes.element,
-  onChangeText: PropTypes.func.isRequired
-}
-
 export default MaterialSearchBar