Refactor BasePicker to Picker new props

Author: LucioChavezFuentes

src/components/Picker/BasePicker/index.js

@@ -1,30 +1,49 @@
 import React from 'react';
 import RNPickerSelect from 'react-native-picker-select';
+import _ from 'underscore';
 
 import styles from '../../../styles/styles';
 import * as basePickerPropTypes from './basePickerPropTypes';
 import basePickerStyles from './basePickerStyles';
 
-const BasePicker = props => (
-    <RNPickerSelect
-        onValueChange={props.onChange}
-        items={props.items}
-        style={props.size === 'normal' ? basePickerStyles(props.disabled, props.hasError, props.focused) : styles.pickerSmall}
-        useNativeAndroidPickerStyle={false}
-        placeholder={props.placeholder}
-        value={props.value}
-        Icon={() => props.icon(props.size)}
-        disabled={props.disabled}
-        fixAndroidTouchableBug
-        onOpen={props.onOpen}
-        onClose={props.onClose}
-        pickerProps={{
-            onFocus: props.onOpen,
-            onBlur: props.onClose,
-        }}
-    />
-);
+class BasePicker extends React.Component {
+    constructor(props) {
+        super(props);
 
+        this.state = {
+            selectValue: this.props.value || this.props.defaultValue || '',
+        };
+    }
+
+    handleChange = (value) => {
+        this.props.onChange(value);
+        this.setState({selectValue: value});
+    }
+
+    render() {
+        const hasError = !_.isEmpty(this.props.errorText);
+        return (
+            <RNPickerSelect
+                onValueChange={this.handleChange}
+                items={this.props.items}
+                style={this.props.size === 'normal' ? basePickerStyles(this.props.disabled, hasError, this.props.focused) : styles.pickerSmall}
+                useNativeAndroidPickerStyle={false}
+                placeholder={this.props.placeholder}
+                value={this.state.selectValue}
+                Icon={() => this.props.icon(this.props.size)}
+                disabled={this.props.disabled}
+                fixAndroidTouchableBug
+                onOpen={this.props.onOpen}
+                onClose={this.props.onClose}
+                pickerProps={{
+                    onFocus: this.props.onOpen,
+                    onBlur: this.props.onBlur,
+                    ref: this.props.innerRef,
+                }}
+            />
+        );
+    }
+}
 
 BasePicker.propTypes = basePickerPropTypes.propTypes;
 BasePicker.defaultProps = basePickerPropTypes.defaultProps;