fix(asinput): override state value when props value changes

src/asInput/index.jsx

@@ -38,6 +38,7 @@ const asInput = (WrappedComponent, labelFirst = true) => {
       const id = this.props.id ? this.props.id : newId('asInput');
       this.state = {
         id,
+        value: this.props.value,
         isValid: true,
         describedBy: [],
         errorId: `error-${id}`,
@@ -45,6 +46,14 @@ const asInput = (WrappedComponent, labelFirst = true) => {
       };
     }
 
+    componentWillReceiveProps(nextProps) {
+      if (nextProps.value !== this.props.value) {
+        this.setState({
+          value: nextProps.value,
+        });
+      }
+    }
+
     getDescriptions() {
       // possible future work: multiple feedback msgs?
       const errorId = `error-${this.state.id}`;
@@ -96,6 +105,7 @@ const asInput = (WrappedComponent, labelFirst = true) => {
     }
 
     handleChange(event) {
+      this.setState({ value: event.target.value });
       this.props.onChange(
         event.target.type === 'checkbox' ? event.target.checked : event.target.value,
         this.props.name,