Merge pull request #41 from clocasto/release-1.2.1

Release 1.2.1

Author: clocasto

dist/components/Field.js

@@ -39,7 +39,7 @@ var Field = function (_React$Component) {
     _this.state = {
       validators: validators,
       value: props.value,
-      valid: (0, _utilities.isValid)(props.value, (0, _utilities.getValuesOf)(validators)),
+      valid: (0, _utilities.isValid)(props.value, validators),
       pristine: true,
       debounce: Math.floor(Math.pow(Math.pow(+props.debounce, 2), 0.5)) || 0 };
     _this.finalValue = null;
@@ -56,15 +56,21 @@ var Field = function (_React$Component) {
     value: function componentWillUpdate(nextProps) {
       if (nextProps.passedValue !== this.props.passedValue) {
         this.cancelBroadcast(nextProps.passedValue);
-        this.setState({ value: nextProps.passedValue }, this.debouncedBroadcastChange);
+        this.setState({
+          value: nextProps.passedValue,
+          valid: (0, _utilities.isValid)(nextProps.passedValue, this.state.validators)
+        }, this.debouncedBroadcastChange);
       } else if (nextProps.value !== this.props.value && nextProps.value !== this.state.value) {
         this.cancelBroadcast(nextProps.value);
-        this.setState({ value: nextProps.value });
+        this.setState({
+          value: nextProps.value,
+          valid: (0, _utilities.isValid)(nextProps.value, this.state.validators)
+        });
       }
 
       if (this.props.match !== nextProps.match) {
         var validators = (0, _utilities.updateValidators)({ match: nextProps.match }, this.state.validators);
-        this.setState({ valid: (0, _utilities.isValid)(this.state.value, (0, _utilities.getValuesOf)(validators)), validators: validators });
+        this.setState({ valid: (0, _utilities.isValid)(this.state.value, validators), validators: validators });
       }
     }
   }, {
@@ -88,11 +94,9 @@ var Field = function (_React$Component) {
       var value = e.target.value;
       this.finalValue = value;
 
-      var validators = (0, _utilities.getValuesOf)(this.state.validators);
-
       this.setState({
         value: value,
-        valid: (0, _utilities.isValid)(value, validators),
+        valid: (0, _utilities.isValid)(value, this.state.validators),
         pristine: false
       }, this.debouncedBroadcastChange);
     }

dist/helpers/utilities.js

@@ -8,8 +8,8 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 
 exports.assembleValidators = assembleValidators;
 exports.updateValidators = updateValidators;
-exports.isValid = isValid;
 exports.getValuesOf = getValuesOf;
+exports.isValid = isValid;
 exports.buildStateForField = buildStateForField;
 exports.addFieldsToState = addFieldsToState;
 exports.makeFieldProps = makeFieldProps;
@@ -74,13 +74,6 @@ function updateValidators(config, validators) {
   return Object.assign({}, validators, assembleValidators(config));
 }
 
-function isValid(value, validators) {
-  return validators.reduce(function (status, validator) {
-    if (!status) return false;
-    return validator(value);
-  }, true);
-}
-
 function getValuesOf() {
   var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
@@ -89,6 +82,17 @@ function getValuesOf() {
   });
 }
 
+function isValid(value, validatorSet) {
+  var validators = validatorSet;
+  if (!Array.isArray(validators)) {
+    validators = getValuesOf(validatorSet);
+  }
+  return validators.reduce(function (status, validator) {
+    if (!status) return false;
+    return validator(value);
+  }, true);
+}
+
 function buildStateForField(fieldProps) {
   var value = fieldProps.value;
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-formulize",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "A simple form validation library for React.js which wires up custom, controlled inputs through a declarative API.",
   "main": "dist/index",
   "keywords": [

readme.md

@@ -1,4 +1,4 @@
-react-formulize [![Build Status](https://travis-ci.org/clocasto/react-formulize.svg?branch=master)](https://travis-ci.org/clocasto/react-formulize) [![Coverage Status](https://coveralls.io/repos/github/clocasto/react-formulize/badge.svg?branch=master&version=1_2_0)](https://coveralls.io/github/clocasto/react-formulize?branch=master&version=1_2_0)
+react-formulize [![Build Status](https://travis-ci.org/clocasto/react-formulize.svg?branch=master)](https://travis-ci.org/clocasto/react-formulize) [![Coverage Status](https://coveralls.io/repos/github/clocasto/react-formulize/badge.svg?branch=master&version=1_2_1)](https://coveralls.io/github/clocasto/react-formulize?branch=master&version=1_2_1)
 =========
 
 React-formulize is a simple form validation library for React.js which wires up custom, controlled inputs through a declarative API. The library strives to be minimal, and as such, does most component communication implicity. The end result is a legible form which clearly states the rules of its behavior.
@@ -303,7 +303,8 @@ MIT (See license.txt)
 
 ## <a href="release-history"></a>Release History
 
-* [1.2.0](https://github.com/clocasto/react-formulize/pull/38) (Current)
+* [1.2.1](https://github.com/clocasto/react-formulize/pull/41) (Current)
+* [1.2.0](https://github.com/clocasto/react-formulize/pull/38)
 * [1.1.1](https://github.com/clocasto/react-formulize/pull/35)
 * [1.1.0](https://github.com/clocasto/react-formulize/pull/32)
 * [1.0.0](https://github.com/clocasto/react-formulize/pull/25)

src/components/Field.jsx

@@ -4,7 +4,6 @@ import {
   assembleValidators,
   isValid,
   updateValidators,
-  getValuesOf,
   mapPropsToChild,
   makePropsForStatus,
 } from '../helpers/utilities';
@@ -18,7 +17,7 @@ const Field = class extends React.Component {
     this.state = {
       validators,
       value: props.value,
-      valid: isValid(props.value, getValuesOf(validators)),
+      valid: isValid(props.value, validators),
       pristine: true,
       debounce: Math.floor(Math.pow(Math.pow(+props.debounce, 2), 0.5)) || 0, //eslint-disable-line
     };
@@ -34,15 +33,21 @@ const Field = class extends React.Component {
   componentWillUpdate(nextProps) {
     if (nextProps.passedValue !== this.props.passedValue) {
       this.cancelBroadcast(nextProps.passedValue);
-      this.setState({ value: nextProps.passedValue }, this.debouncedBroadcastChange);
+      this.setState({
+        value: nextProps.passedValue,
+        valid: isValid(nextProps.passedValue, this.state.validators),
+      }, this.debouncedBroadcastChange);
     } else if (nextProps.value !== this.props.value && nextProps.value !== this.state.value) {
       this.cancelBroadcast(nextProps.value);
-      this.setState({ value: nextProps.value });
+      this.setState({
+        value: nextProps.value,
+        valid: isValid(nextProps.value, this.state.validators),
+      });
     }
 
     if (this.props.match !== nextProps.match) {
       const validators = updateValidators({ match: nextProps.match }, this.state.validators);
-      this.setState({ valid: isValid(this.state.value, getValuesOf(validators)), validators });
+      this.setState({ valid: isValid(this.state.value, validators), validators });
     }
   }
 
@@ -63,11 +68,9 @@ const Field = class extends React.Component {
     const value = e.target.value;
     this.finalValue = value;
 
-    const validators = getValuesOf(this.state.validators);
-
     this.setState({
       value,
-      valid: isValid(value, validators),
+      valid: isValid(value, this.state.validators),
       pristine: false,
     }, this.debouncedBroadcastChange);
   }

src/helpers/utilities.jsx

@@ -29,17 +29,21 @@ export function updateValidators(config, validators) {
   return Object.assign({}, validators, assembleValidators(config));
 }
 
-export function isValid(value, validators) {
+export function getValuesOf(obj = {}) {
+  return Object.keys(obj).map(key => obj[key]);
+}
+
+export function isValid(value, validatorSet) {
+  let validators = validatorSet;
+  if (!Array.isArray(validators)) {
+    validators = getValuesOf(validatorSet);
+  }
   return validators.reduce((status, validator) => {
     if (!status) return false;
     return validator(value);
   }, true);
 }
 
-export function getValuesOf(obj = {}) {
-  return Object.keys(obj).map(key => obj[key]);
-}
-
 export function buildStateForField(fieldProps) {
   const { value } = fieldProps;
   const newState = {