diff --git a/.gitignore b/.gitignore index ba4a53f..f03556e 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,3 @@ .DS_Store -build/ +build node_modules diff --git a/API.md b/API.md index 29d1155..22272a0 100644 --- a/API.md +++ b/API.md @@ -11,6 +11,7 @@ - [onValidSubmit()](#onvalidsubmit) - [onInvalidSubmit()](#oninvalidsubmit) - [onChange()](#onchange) + - [resetForm()](#resetform) - [Formsy.Mixin](#formsymixin) - [name](#name) - [value](#value) @@ -30,6 +31,7 @@ - [showError()](#showerror) - [isPristine()](#ispristine) - [isFormDisabled()](#isformdisabled) + - [isFormSubmitted()](#isFormSubmitted) - [validate](#validate) - [formNoValidate](#formnovalidate) - [Formsy.addValidationRule](#formsyaddvalidationrule) @@ -140,6 +142,23 @@ Triggers when form is submitted with an invalid state. The arguments are the sam ``` "onChange" triggers when setValue is called on your form elements. It is also triggered when dynamic form elements have been added to the form. The "currentValues" is an object where the key is the name of the input and the value is the current value. +#### resetForm() +```html +var MyForm = React.createClass({ + resetForm: function () { + this.refs.form.reset(); + }, + render: function () { + return ( + + ... + + ); + } +}); +``` +Manually reset the form to its pristine state. + ### Formsy.Mixin #### name @@ -427,7 +446,7 @@ By default all formsy input elements are pristine, which means they are not "tou **note!** When the form is reset, using the resetForm callback function on for example [**onSubmit**](#onsubmitdata-resetform-invalidateform) the inputs are reset to their pristine state. -#### isFormDisabled() +#### isFormDisabled() ```javascript var MyInput = React.createClass({ mixins: [Formsy.Mixin], @@ -444,6 +463,23 @@ React.render(); ``` You can now disable the form itself with a prop and use **isFormDisabled()** inside form elements to verify this prop. +#### isFormSubmitted() +```javascript +var MyInput = React.createClass({ + mixins: [Formsy.Mixin], + render: function () { + var error = this.isFormSubmitted() ? this.getErrorMessage() : null; + return ( +
+ + {error} +
+ ); + } +}); +``` +You can check if the form has been submitted. + #### validate ```javascript var MyInput = React.createClass({ diff --git a/package.json b/package.json index a4ceb3a..5c65daa 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ "main": "src/main.js", "scripts": { "start": "webpack-dev-server --content-base build", + "deploy": "NODE_ENV=production webpack -p --config webpack.production.config.js", "test": "node testrunner", "examples": "webpack-dev-server --config examples/webpack.config.js --content-base examples" }, diff --git a/release/formsy-react.js b/release/formsy-react.js index 3a85e3f..63fb539 100644 --- a/release/formsy-react.js +++ b/release/formsy-react.js @@ -1,664 +1,2 @@ -(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o 1) { - throw new Error('Formsy does not support multiple args on string validations. Use object format of validations instead.'); - } - - validations[validateMethod] = args.length ? args[0] : true; - return validations; - }, {}); - - } - - return validations || {}; -}; - -module.exports = { - getInitialState: function () { - return { - _value: this.props.value, - _isRequired: false, - _isValid: true, - _isPristine: true, - _pristineValue: this.props.value, - _validationError: '', - _externalError: null - }; - }, - getDefaultProps: function () { - return { - validationError: '', - validationErrors: {} - }; - }, - - componentWillMount: function () { - var configure = function () { - this.setValidations(this.props.validations, this.props.required); - this.props._attachToForm(this); - }.bind(this); - - if (!this.props.name) { - throw new Error('Form Input requires a name property when used'); - } - - if (!this.props._attachToForm) { - return setTimeout(function () { - if (!this.isMounted()) return; - if (!this.props._attachToForm) { - throw new Error('Form Mixin requires component to be nested in a Form'); - } - configure(); - }.bind(this), 0); - } - configure(); - }, - - // We have to make the validate method is kept when new props are added - componentWillReceiveProps: function (nextProps) { - this.setValidations(nextProps.validations, nextProps.required); - }, - - componentDidUpdate: function (prevProps, prevState) { - - var isValueChanged = function () { - - return this.props.value !== prevProps.value && this.state._value === prevProps.value; - - }.bind(this); - - - // If validations has changed or something outside changes - // the value, set the value again running a validation - if (isValueChanged()) { - this.setValue(this.props.value); - } - }, - - // Detach it when component unmounts - componentWillUnmount: function () { - this.props._detachFromForm(this); - }, - - setValidations: function (validations, required) { - - // Add validations to the store itself as the props object can not be modified - this._validations = convertValidationsToObject(validations) || {}; - this._requiredValidations = required === true ? {isDefaultRequiredValue: true} : convertValidationsToObject(required); - - }, - - // We validate after the value has been set - setValue: function (value) { - this.setState({ - _value: value, - _isPristine: false - }, function () { - this.props._validate(this); - }.bind(this)); - }, - resetValue: function () { - this.setState({ - _value: this.state._pristineValue, - _isPristine: true - }, function () { - this.props._validate(this); - }); - }, - getValue: function () { - return this.state._value; - }, - hasValue: function () { - return this.state._value !== ''; - }, - getErrorMessage: function () { - return !this.isValid() || this.showRequired() ? (this.state._externalError || this.state._validationError) : null; - }, - isFormDisabled: function () { - return this.props._isFormDisabled(); - }, - isValid: function () { - return this.state._isValid; - }, - isPristine: function () { - return this.state._isPristine; - }, - isRequired: function () { - return !!this.props.required; - }, - showRequired: function () { - return this.state._isRequired; - }, - showError: function () { - return !this.showRequired() && !this.isValid(); - }, - isValidValue: function (value) { - return this.props._isValidValue.call(null, this, value); - } -}; - - - -},{}],3:[function(require,module,exports){ -module.exports = { - arraysDiffer: function (arrayA, arrayB) { - var isDifferent = false; - if (arrayA.length !== arrayB.length) { - isDifferent = true; - } else { - arrayA.forEach(function (item, index) { - if (item !== arrayB[index]) { - isDifferent = true; - } - }); - } - return isDifferent; - } -}; - - - -},{}],4:[function(require,module,exports){ -module.exports = { - isDefaultRequiredValue: function (values, value) { - return value === undefined || value === ''; - }, - hasValue: function (values, value) { - return !!value; - }, - matchRegexp: function (values, value, regexp) { - return !!value && !!value.match(regexp); - }, - isUndefined: function (values, value) { - return value === undefined; - }, - isEmptyString: function (values, value) { - return value === ''; - }, - isEmail: function (values, value) { - return !value || value.match(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i); - }, - isTrue: function (values, value) { - return value === true; - }, - isFalse: function (values, value) { - return value === false; - }, - isNumeric: function (values, value) { - if (!value) { - return false; - } - if (typeof value === 'number') { - return true; - } else { - var matchResults = value.match(/[-+]?(\d*[.])?\d+/); - if (!!matchResults) { - return matchResults[0] == value; - } else { - return false; - } - } - }, - isAlpha: function (values, value) { - return value && /^[a-zA-Z]+$/.test(value); - }, - isWords: function (values, value) { - return value && /^[a-zA-Z\s]+$/.test(value); - }, - isSpecialWords: function (values, value) { - return !value || value.match(/^[a-zA-Z\s\u00C0-\u017F]+$/); - }, - isLength: function (values, value, length) { - return value && value.length === length; - }, - equals: function (values, value, eql) { - return value == eql; - }, - equalsField: function (values, value, field) { - return value == values[field]; - }, - maxLength: function (values, value, length) { - return value && value.length && value.length <= length; - }, - minLength: function (values, value, length) { - return value && value.length && value.length >= length; - } -}; - - - -},{}]},{},[1]); +!function(t,i){"object"==typeof exports&&"object"==typeof module?module.exports=i(require("react")):"function"==typeof define&&define.amd?define(["react"],i):"object"==typeof exports?exports.Formsy=i(require("react")):t.Formsy=i(t.react)}(this,function(t){return function(t){function i(r){if(e[r])return e[r].exports;var n=e[r]={exports:{},id:r,loaded:!1};return t[r].call(n.exports,n,n.exports,i),n.loaded=!0,n.exports}var e={};return i.m=t,i.c=e,i.p="",i(0)}([function(t,i,e){(function(i){"use strict";var r=i.React||e(4),n={},s=e(3),o=e(1),u=e(2),a={};n.Mixin=u,n.defaults=function(t){a=t},n.addValidationRule=function(t,i){s[t]=i},n.Form=r.createClass({displayName:"Form",getInitialState:function(){return{isValid:!0,isSubmitting:!1,canChange:!1}},getDefaultProps:function(){return{onSuccess:function(){},onError:function(){},onSubmit:function(){},onValidSubmit:function(){},onInvalidSubmit:function(){},onSubmitted:function(){},onValid:function(){},onInvalid:function(){},onChange:function(){},validationErrors:null}},componentWillMount:function(){this.inputs={},this.model={}},componentDidMount:function(){this.validateForm()},componentWillUpdate:function(){var t=Object.keys(this.inputs);setTimeout(function(){if(this.isMounted()){this.props.validationErrors&&this.setInputValidationErrors(this.props.validationErrors);var i=Object.keys(this.inputs);o.arraysDiffer(t,i)&&this.validateForm()}}.bind(this),0)},submit:function(t){t&&t.preventDefault(),this.setFormPristine(!1),this.updateModel();var i=this.mapModel();this.props.onSubmit(i,this.resetModel,this.updateInputsWithError),this.state.isValid?this.props.onValidSubmit(i,this.resetModel,this.updateInputsWithError):this.props.onInvalidSubmit(i,this.resetModel,this.updateInputsWithError)},mapModel:function(){return this.props.mapping?this.props.mapping(this.model):this.model},updateModel:function(){Object.keys(this.inputs).forEach(function(t){var i=this.inputs[t];this.model[t]=i.state._value}.bind(this))},resetModel:function(){Object.keys(this.inputs).forEach(function(t){this.inputs[t].resetValue()}.bind(this)),this.validateForm()},setInputValidationErrors:function(t){Object.keys(this.inputs).forEach(function(i,e){var r=this.inputs[i],n=[{_isValid:!(i in t),_validationError:t[i]}];r.setState.apply(r,n)}.bind(this))},updateInputsWithError:function(t){Object.keys(t).forEach(function(i,e){var r=this.inputs[i];if(!r)throw new Error("You are trying to update an input that does not exists. Verify errors object with input names. "+JSON.stringify(t));var n=[{_isValid:!1,_externalError:t[i]}];r.setState.apply(r,n)}.bind(this))},traverseChildrenAndRegisterInputs:function(t){return"object"!=typeof t||null===t?t:r.Children.map(t,function(t){return"object"!=typeof t||null===t?t:t.props&&t.props.name?r.cloneElement(t,{_attachToForm:this.attachToForm,_detachFromForm:this.detachFromForm,_validate:this.validate,_isFormDisabled:this.isFormDisabled,_isValidValue:function(t,i){return this.runValidation(t,i).isValid}.bind(this)},t.props&&t.props.children):r.cloneElement(t,{},this.traverseChildrenAndRegisterInputs(t.props&&t.props.children))},this)},isFormDisabled:function(){return this.props.disabled},getCurrentValues:function(){return Object.keys(this.inputs).reduce(function(t,i){var e=this.inputs[i];return t[i]=e.state._value,t}.bind(this),{})},setFormPristine:function(t){var i=this.inputs,e=Object.keys(i);e.forEach(function(e,r){var n=i[e];n.setState({_isPristine:t})}.bind(this))},validate:function(t){this.state.canChange&&this.props.onChange(this.getCurrentValues());var i=this.runValidation(t);t.setState({_isValid:i.isValid,_isRequired:i.isRequired,_validationError:i.error,_externalError:null},this.validateForm)},runValidation:function(t,i){var e=this.getCurrentValues(),r=t.props.validationErrors,n=t.props.validationError;i=2===arguments.length?i:t.state._value;var s=this.runRules(i,e,t._validations),o=this.runRules(i,e,t._requiredValidations);"function"==typeof t.validate&&(s.failed=t.validate()?[]:["failed"]);var u=Object.keys(t._requiredValidations).length?!!o.success.length:!1,a=!(s.failed.length||this.props.validationErrors&&this.props.validationErrors[t.props.name]);return{isRequired:u,isValid:u?!1:a,error:function(){return a&&!u?"":s.errors.length?s.errors[0]:this.props.validationErrors&&this.props.validationErrors[t.props.name]?this.props.validationErrors[t.props.name]:u?r[o.success[0]]||null:a?void 0:r[s.failed[0]]||n}.call(this)}},runRules:function(t,i,e){var r={errors:[],failed:[],success:[]};return Object.keys(e).length&&Object.keys(e).forEach(function(n){if(s[n]&&"function"==typeof e[n])throw new Error("Formsy does not allow you to override default validations: "+n);if(!s[n]&&"function"!=typeof e[n])throw new Error("Formsy does not have the validation rule: "+n);if("function"==typeof e[n]){var o=e[n](i,t);return void("string"==typeof o?(r.errors.push(o),r.failed.push(n)):o||r.failed.push(n))}if("function"!=typeof e[n]){var o=s[n](i,t,e[n]);return void("string"==typeof o?(r.errors.push(o),r.failed.push(n)):o?r.success.push(n):r.failed.push(n))}return r.success.push(n)}),r},validateForm:function(){var t=!0,i=this.inputs,e=Object.keys(i),r=function(){e.forEach(function(e){i[e].state._isValid||(t=!1)}.bind(this)),this.setState({isValid:t}),t?this.props.onValid():this.props.onInvalid(),this.setState({canChange:!0})}.bind(this);e.forEach(function(t,n){var s=i[t],o=this.runValidation(s);o.isValid&&s.state._externalError&&(o.isValid=!1),s.setState({_isValid:o.isValid,_isRequired:o.isRequired,_validationError:o.error,_externalError:!o.isValid&&s.state._externalError?s.state._externalError:null},n===e.length-1?r:null)}.bind(this)),!e.length&&this.isMounted()&&this.setState({canChange:!0})},attachToForm:function(t){this.inputs[t.props.name]=t,this.model[t.props.name]=t.state._value,this.validate(t)},detachFromForm:function(t){delete this.inputs[t.props.name],delete this.model[t.props.name]},render:function(){return r.DOM.form({onSubmit:this.submit,className:this.props.className},this.traverseChildrenAndRegisterInputs(this.props.children))}}),i.exports||i.module||i.define&&i.define.amd||(i.Formsy=n),t.exports=n}).call(i,function(){return this}())},function(t,i,e){"use strict";t.exports={arraysDiffer:function(t,i){var e=!1;return t.length!==i.length?e=!0:t.forEach(function(t,r){this.isSame(t,i[r])||(e=!0)},this),e},objectsDiffer:function(t,i){var e=!1;return Object.keys(t).length!==Object.keys(i).length?e=!0:Object.keys(t).forEach(function(r){this.isSame(t[r],i[r])||(e=!0)},this),e},isSame:function(t,i){return t!==i?!1:Array.isArray(t)?!this.arraysDiffer(t,i):"object"==typeof t&&null!==t?!this.objectsDiffer(t,i):!0}}},function(t,i,e){"use strict";var r=e(1),n=function(t){return"string"==typeof t?t.split(/\,(?![^{\[]*[}\]])/g).reduce(function(t,i){var e=i.split(":"),r=e.shift();if(e=e.map(function(t){try{return JSON.parse(t)}catch(i){return t}}),e.length>1)throw new Error("Formsy does not support multiple args on string validations. Use object format of validations instead.");return t[r]=e.length?e[0]:!0,t},{}):t||{}};t.exports={getInitialState:function(){return{_value:this.props.value,_isRequired:!1,_isValid:!0,_isPristine:!0,_pristineValue:this.props.value,_validationError:"",_externalError:null}},getDefaultProps:function(){return{validationError:"",validationErrors:{}}},componentWillMount:function(){var t=function(){this.setValidations(this.props.validations,this.props.required),this.props._attachToForm(this)}.bind(this);if(!this.props.name)throw new Error("Form Input requires a name property when used");return this.props._attachToForm?void t():setTimeout(function(){if(this.isMounted()){if(!this.props._attachToForm)throw new Error("Form Mixin requires component to be nested in a Form");t()}}.bind(this),0)},componentWillReceiveProps:function(t){this.setValidations(t.validations,t.required)},componentDidUpdate:function(t,i){var e=function(){return!r.isSame(this.props.value,t.value)&&r.isSame(this.state._value,t.value)}.bind(this);e()&&this.setValue(this.props.value)},componentWillUnmount:function(){this.props._detachFromForm(this)},setValidations:function(t,i){this._validations=n(t)||{},this._requiredValidations=i===!0?{isDefaultRequiredValue:!0}:n(i)},setValue:function(t){this.setState({_value:t,_isPristine:!1},function(){this.props._validate(this)}.bind(this))},resetValue:function(){this.setState({_value:this.state._pristineValue,_isPristine:!0},function(){this.props._validate(this)})},getValue:function(){return this.state._value},hasValue:function(){return""!==this.state._value},getErrorMessage:function(){return!this.isValid()||this.showRequired()?this.state._externalError||this.state._validationError:null},isFormDisabled:function(){return this.props._isFormDisabled()},isValid:function(){return this.state._isValid},isPristine:function(){return this.state._isPristine},isRequired:function(){return!!this.props.required},showRequired:function(){return this.state._isRequired},showError:function(){return!this.showRequired()&&!this.isValid()},isValidValue:function(t){return this.props._isValidValue.call(null,this,t)}}},function(t,i,e){"use strict";t.exports={isDefaultRequiredValue:function(t,i){return void 0===i||""===i},hasValue:function(t,i){return!!i},matchRegexp:function(t,i,e){return!!i&&!!i.match(e)},isUndefined:function(t,i){return void 0===i},isEmptyString:function(t,i){return""===i},isEmail:function(t,i){return!i||i.match(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i)},isTrue:function(t,i){return i===!0},isFalse:function(t,i){return i===!1},isNumeric:function(t,i){if(!i)return!1;if("number"==typeof i)return!0;var e=i.match(/[-+]?(\d*[.])?\d+/);return e?e[0]==i:!1},isAlpha:function(t,i){return i&&/^[a-zA-Z]+$/.test(i)},isWords:function(t,i){return i&&/^[a-zA-Z\s]+$/.test(i)},isSpecialWords:function(t,i){return!i||i.match(/^[a-zA-Z\s\u00C0-\u017F]+$/)},isLength:function(t,i,e){return i&&i.length===e},equals:function(t,i,e){return i==e},equalsField:function(t,i,e){return i==t[e]},maxLength:function(t,i,e){return i&&i.length&&i.length<=e},minLength:function(t,i,e){return i&&i.length&&i.length>=e}}},function(i,e,r){i.exports=t}])}); +//# sourceMappingURL=formsy-react.js.map \ No newline at end of file diff --git a/release/formsy-react.js.map b/release/formsy-react.js.map new file mode 100644 index 0000000..fcaacbc --- /dev/null +++ b/release/formsy-react.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///formsy-react.js","webpack:///webpack/bootstrap 49eb7fc54027ef797f3f","webpack:///./src/main.js","webpack:///./src/utils.js","webpack:///./src/Mixin.js","webpack:///./src/validationRules.js","webpack:///external \"react\""],"names":["root","factory","exports","module","require","define","amd","this","__WEBPACK_EXTERNAL_MODULE_4__","modules","__webpack_require__","moduleId","installedModules","id","loaded","call","m","c","p","global","React","Formsy","validationRules","utils","Mixin","options","defaults","passedOptions","addValidationRule","name","func","Form","createClass","displayName","getInitialState","isValid","isSubmitting","canChange","getDefaultProps","onSuccess","onError","onSubmit","onValidSubmit","onInvalidSubmit","onSubmitted","onValid","onInvalid","onChange","validationErrors","componentWillMount","inputs","model","componentDidMount","validateForm","componentWillUpdate","inputKeys","Object","keys","setTimeout","isMounted","props","setInputValidationErrors","newInputKeys","arraysDiffer","bind","submit","event","preventDefault","setFormPristine","updateModel","mapModel","resetModel","updateInputsWithError","state","mapping","forEach","component","_value","resetValue","errors","index","args","_isValid","_validationError","setState","apply","Error","JSON","stringify","_externalError","traverseChildrenAndRegisterInputs","children","Children","map","child","cloneElement","_attachToForm","attachToForm","_detachFromForm","detachFromForm","_validate","validate","_isFormDisabled","isFormDisabled","_isValidValue","value","runValidation","disabled","getCurrentValues","reduce","data","isPristine","_isPristine","validation","_isRequired","isRequired","error","currentValues","validationError","arguments","length","validationResults","runRules","_validations","requiredResults","_requiredValidations","failed","success","validations","results","validationMethod","push","allIsValid","onValidationComplete","render","DOM","form","className","a","b","isDifferent","item","isSame","objectsDiffer","key","Array","isArray","convertValidationsToObject","split","validateMethod","shift","arg","parse","e","_pristineValue","configure","setValidations","required","componentWillReceiveProps","nextProps","componentDidUpdate","prevProps","prevState","isValueChanged","setValue","componentWillUnmount","isDefaultRequiredValue","getValue","hasValue","getErrorMessage","showRequired","showError","isValidValue","values","undefined","matchRegexp","regexp","match","isUndefined","isEmptyString","isEmail","isTrue","isFalse","isNumeric","matchResults","isAlpha","test","isWords","isSpecialWords","isLength","equals","eql","equalsField","field","maxLength","minLength"],"mappings":"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","file":"formsy-react.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"Formsy\"] = factory(require(\"react\"));\n\telse\n\t\troot[\"Formsy\"] = factory(root[\"react\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_4__) {\nreturn \n\n\n/** WEBPACK FOOTER **\n ** webpack/universalModuleDefinition\n **/","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"Formsy\"] = factory(require(\"react\"));\n\telse\n\t\troot[\"Formsy\"] = factory(root[\"react\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_4__) {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t/* WEBPACK VAR INJECTION */(function(global) {'use strict';\n\t\n\tvar React = global.React || __webpack_require__(4);\n\tvar Formsy = {};\n\tvar validationRules = __webpack_require__(3);\n\tvar utils = __webpack_require__(1);\n\tvar Mixin = __webpack_require__(2);\n\tvar options = {};\n\t\n\tFormsy.Mixin = Mixin;\n\t\n\tFormsy.defaults = function (passedOptions) {\n\t options = passedOptions;\n\t};\n\t\n\tFormsy.addValidationRule = function (name, func) {\n\t validationRules[name] = func;\n\t};\n\t\n\tFormsy.Form = React.createClass({\n\t displayName: 'Form',\n\t\n\t getInitialState: function getInitialState() {\n\t return {\n\t isValid: true,\n\t isSubmitting: false,\n\t canChange: false\n\t };\n\t },\n\t getDefaultProps: function getDefaultProps() {\n\t return {\n\t onSuccess: function onSuccess() {},\n\t onError: function onError() {},\n\t onSubmit: function onSubmit() {},\n\t onValidSubmit: function onValidSubmit() {},\n\t onInvalidSubmit: function onInvalidSubmit() {},\n\t onSubmitted: function onSubmitted() {},\n\t onValid: function onValid() {},\n\t onInvalid: function onInvalid() {},\n\t onChange: function onChange() {},\n\t validationErrors: null\n\t };\n\t },\n\t\n\t // Add a map to store the inputs of the form, a model to store\n\t // the values of the form and register child inputs\n\t componentWillMount: function componentWillMount() {\n\t this.inputs = {};\n\t this.model = {};\n\t },\n\t\n\t componentDidMount: function componentDidMount() {\n\t this.validateForm();\n\t },\n\t\n\t componentWillUpdate: function componentWillUpdate() {\n\t var inputKeys = Object.keys(this.inputs);\n\t\n\t // The updated children array is not available here for some reason,\n\t // we need to wait for next event loop\n\t setTimeout((function () {\n\t\n\t // The component might have been unmounted on an\n\t // update\n\t if (this.isMounted()) {\n\t\n\t if (this.props.validationErrors) {\n\t this.setInputValidationErrors(this.props.validationErrors);\n\t }\n\t\n\t var newInputKeys = Object.keys(this.inputs);\n\t if (utils.arraysDiffer(inputKeys, newInputKeys)) {\n\t this.validateForm();\n\t }\n\t }\n\t }).bind(this), 0);\n\t },\n\t\n\t // Update model, submit to url prop and send the model\n\t submit: function submit(event) {\n\t\n\t event && event.preventDefault();\n\t\n\t // Trigger form as not pristine.\n\t // If any inputs have not been touched yet this will make them dirty\n\t // so validation becomes visible (if based on isPristine)\n\t this.setFormPristine(false);\n\t this.updateModel();\n\t var model = this.mapModel();\n\t this.props.onSubmit(model, this.resetModel, this.updateInputsWithError);\n\t this.state.isValid ? this.props.onValidSubmit(model, this.resetModel, this.updateInputsWithError) : this.props.onInvalidSubmit(model, this.resetModel, this.updateInputsWithError);\n\t },\n\t\n\t mapModel: function mapModel() {\n\t return this.props.mapping ? this.props.mapping(this.model) : this.model;\n\t },\n\t\n\t // Goes through all registered components and\n\t // updates the model values\n\t updateModel: function updateModel() {\n\t Object.keys(this.inputs).forEach((function (name) {\n\t var component = this.inputs[name];\n\t this.model[name] = component.state._value;\n\t }).bind(this));\n\t },\n\t\n\t // Reset each key in the model to the original / initial value\n\t resetModel: function resetModel() {\n\t Object.keys(this.inputs).forEach((function (name) {\n\t this.inputs[name].resetValue();\n\t }).bind(this));\n\t this.validateForm();\n\t },\n\t\n\t setInputValidationErrors: function setInputValidationErrors(errors) {\n\t Object.keys(this.inputs).forEach((function (name, index) {\n\t var component = this.inputs[name];\n\t var args = [{\n\t _isValid: !(name in errors),\n\t _validationError: errors[name]\n\t }];\n\t component.setState.apply(component, args);\n\t }).bind(this));\n\t },\n\t\n\t // Go through errors from server and grab the components\n\t // stored in the inputs map. Change their state to invalid\n\t // and set the serverError message\n\t updateInputsWithError: function updateInputsWithError(errors) {\n\t Object.keys(errors).forEach((function (name, index) {\n\t var component = this.inputs[name];\n\t\n\t if (!component) {\n\t throw new Error('You are trying to update an input that does not exists. Verify errors object with input names. ' + JSON.stringify(errors));\n\t }\n\t\n\t var args = [{\n\t _isValid: false,\n\t _externalError: errors[name]\n\t }];\n\t component.setState.apply(component, args);\n\t }).bind(this));\n\t },\n\t\n\t // Traverse the children and children of children to find\n\t // all inputs by checking the name prop. Maybe do a better\n\t // check here\n\t traverseChildrenAndRegisterInputs: function traverseChildrenAndRegisterInputs(children) {\n\t\n\t if (typeof children !== 'object' || children === null) {\n\t return children;\n\t }\n\t return React.Children.map(children, function (child) {\n\t\n\t if (typeof child !== 'object' || child === null) {\n\t return child;\n\t }\n\t\n\t if (child.props && child.props.name) {\n\t\n\t return React.cloneElement(child, {\n\t _attachToForm: this.attachToForm,\n\t _detachFromForm: this.detachFromForm,\n\t _validate: this.validate,\n\t _isFormDisabled: this.isFormDisabled,\n\t _isValidValue: (function (component, value) {\n\t return this.runValidation(component, value).isValid;\n\t }).bind(this)\n\t }, child.props && child.props.children);\n\t } else {\n\t return React.cloneElement(child, {}, this.traverseChildrenAndRegisterInputs(child.props && child.props.children));\n\t }\n\t }, this);\n\t },\n\t\n\t isFormDisabled: function isFormDisabled() {\n\t return this.props.disabled;\n\t },\n\t\n\t getCurrentValues: function getCurrentValues() {\n\t return Object.keys(this.inputs).reduce((function (data, name) {\n\t var component = this.inputs[name];\n\t data[name] = component.state._value;\n\t return data;\n\t }).bind(this), {});\n\t },\n\t\n\t setFormPristine: function setFormPristine(isPristine) {\n\t var inputs = this.inputs;\n\t var inputKeys = Object.keys(inputs);\n\t\n\t // Iterate through each component and set it as pristine\n\t // or \"dirty\".\n\t inputKeys.forEach((function (name, index) {\n\t var component = inputs[name];\n\t component.setState({\n\t _isPristine: isPristine\n\t });\n\t }).bind(this));\n\t },\n\t\n\t // Use the binded values and the actual input value to\n\t // validate the input and set its state. Then check the\n\t // state of the form itself\n\t validate: function validate(component) {\n\t\n\t // Trigger onChange\n\t if (this.state.canChange) {\n\t this.props.onChange(this.getCurrentValues());\n\t }\n\t\n\t var validation = this.runValidation(component);\n\t // Run through the validations, split them up and call\n\t // the validator IF there is a value or it is required\n\t component.setState({\n\t _isValid: validation.isValid,\n\t _isRequired: validation.isRequired,\n\t _validationError: validation.error,\n\t _externalError: null\n\t }, this.validateForm);\n\t },\n\t\n\t // Checks validation on current value or a passed value\n\t runValidation: function runValidation(component, value) {\n\t\n\t var currentValues = this.getCurrentValues();\n\t var validationErrors = component.props.validationErrors;\n\t var validationError = component.props.validationError;\n\t value = arguments.length === 2 ? value : component.state._value;\n\t\n\t var validationResults = this.runRules(value, currentValues, component._validations);\n\t var requiredResults = this.runRules(value, currentValues, component._requiredValidations);\n\t\n\t // the component defines an explicit validate function\n\t if (typeof component.validate === 'function') {\n\t validationResults.failed = component.validate() ? [] : ['failed'];\n\t }\n\t\n\t var isRequired = Object.keys(component._requiredValidations).length ? !!requiredResults.success.length : false;\n\t var isValid = !validationResults.failed.length && !(this.props.validationErrors && this.props.validationErrors[component.props.name]);\n\t\n\t return {\n\t isRequired: isRequired,\n\t isValid: isRequired ? false : isValid,\n\t error: (function () {\n\t\n\t if (isValid && !isRequired) {\n\t return '';\n\t }\n\t\n\t if (validationResults.errors.length) {\n\t return validationResults.errors[0];\n\t }\n\t\n\t if (this.props.validationErrors && this.props.validationErrors[component.props.name]) {\n\t return this.props.validationErrors[component.props.name];\n\t }\n\t\n\t if (isRequired) {\n\t return validationErrors[requiredResults.success[0]] || null;\n\t }\n\t\n\t if (!isValid) {\n\t return validationErrors[validationResults.failed[0]] || validationError;\n\t }\n\t }).call(this)\n\t };\n\t },\n\t\n\t runRules: function runRules(value, currentValues, validations) {\n\t\n\t var results = {\n\t errors: [],\n\t failed: [],\n\t success: []\n\t };\n\t if (Object.keys(validations).length) {\n\t Object.keys(validations).forEach(function (validationMethod) {\n\t\n\t if (validationRules[validationMethod] && typeof validations[validationMethod] === 'function') {\n\t throw new Error('Formsy does not allow you to override default validations: ' + validationMethod);\n\t }\n\t\n\t if (!validationRules[validationMethod] && typeof validations[validationMethod] !== 'function') {\n\t throw new Error('Formsy does not have the validation rule: ' + validationMethod);\n\t }\n\t\n\t if (typeof validations[validationMethod] === 'function') {\n\t var validation = validations[validationMethod](currentValues, value);\n\t if (typeof validation === 'string') {\n\t results.errors.push(validation);\n\t results.failed.push(validationMethod);\n\t } else if (!validation) {\n\t results.failed.push(validationMethod);\n\t }\n\t return;\n\t } else if (typeof validations[validationMethod] !== 'function') {\n\t var validation = validationRules[validationMethod](currentValues, value, validations[validationMethod]);\n\t if (typeof validation === 'string') {\n\t results.errors.push(validation);\n\t results.failed.push(validationMethod);\n\t } else if (!validation) {\n\t results.failed.push(validationMethod);\n\t } else {\n\t results.success.push(validationMethod);\n\t }\n\t return;\n\t }\n\t\n\t return results.success.push(validationMethod);\n\t });\n\t }\n\t\n\t return results;\n\t },\n\t\n\t // Validate the form by going through all child input components\n\t // and check their state\n\t validateForm: function validateForm() {\n\t var allIsValid = true;\n\t var inputs = this.inputs;\n\t var inputKeys = Object.keys(inputs);\n\t\n\t // We need a callback as we are validating all inputs again. This will\n\t // run when the last component has set its state\n\t var onValidationComplete = (function () {\n\t inputKeys.forEach((function (name) {\n\t if (!inputs[name].state._isValid) {\n\t allIsValid = false;\n\t }\n\t }).bind(this));\n\t\n\t this.setState({\n\t isValid: allIsValid\n\t });\n\t\n\t if (allIsValid) {\n\t this.props.onValid();\n\t } else {\n\t this.props.onInvalid();\n\t }\n\t\n\t // Tell the form that it can start to trigger change events\n\t this.setState({\n\t canChange: true\n\t });\n\t }).bind(this);\n\t\n\t // Run validation again in case affected by other inputs. The\n\t // last component validated will run the onValidationComplete callback\n\t inputKeys.forEach((function (name, index) {\n\t var component = inputs[name];\n\t var validation = this.runValidation(component);\n\t if (validation.isValid && component.state._externalError) {\n\t validation.isValid = false;\n\t }\n\t component.setState({\n\t _isValid: validation.isValid,\n\t _isRequired: validation.isRequired,\n\t _validationError: validation.error,\n\t _externalError: !validation.isValid && component.state._externalError ? component.state._externalError : null\n\t }, index === inputKeys.length - 1 ? onValidationComplete : null);\n\t }).bind(this));\n\t\n\t // If there are no inputs, set state where form is ready to trigger\n\t // change event. New inputs might be added later\n\t if (!inputKeys.length && this.isMounted()) {\n\t this.setState({\n\t canChange: true\n\t });\n\t }\n\t },\n\t\n\t // Method put on each input component to register\n\t // itself to the form\n\t attachToForm: function attachToForm(component) {\n\t this.inputs[component.props.name] = component;\n\t this.model[component.props.name] = component.state._value;\n\t this.validate(component);\n\t },\n\t\n\t // Method put on each input component to unregister\n\t // itself from the form\n\t detachFromForm: function detachFromForm(component) {\n\t delete this.inputs[component.props.name];\n\t delete this.model[component.props.name];\n\t },\n\t render: function render() {\n\t\n\t return React.DOM.form({\n\t onSubmit: this.submit,\n\t className: this.props.className\n\t }, this.traverseChildrenAndRegisterInputs(this.props.children));\n\t }\n\t});\n\t\n\tif (!global.exports && !global.module && (!global.define || !global.define.amd)) {\n\t global.Formsy = Formsy;\n\t}\n\t\n\tmodule.exports = Formsy;\n\t/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))\n\n/***/ },\n/* 1 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tmodule.exports = {\n\t arraysDiffer: function arraysDiffer(a, b) {\n\t var isDifferent = false;\n\t if (a.length !== b.length) {\n\t isDifferent = true;\n\t } else {\n\t a.forEach(function (item, index) {\n\t if (!this.isSame(item, b[index])) {\n\t isDifferent = true;\n\t }\n\t }, this);\n\t }\n\t return isDifferent;\n\t },\n\t objectsDiffer: function objectsDiffer(a, b) {\n\t var isDifferent = false;\n\t if (Object.keys(a).length !== Object.keys(b).length) {\n\t isDifferent = true;\n\t } else {\n\t Object.keys(a).forEach(function (key) {\n\t if (!this.isSame(a[key], b[key])) {\n\t isDifferent = true;\n\t }\n\t }, this);\n\t }\n\t return isDifferent;\n\t },\n\t isSame: function isSame(a, b) {\n\t\n\t if (a !== b) {\n\t return false;\n\t }\n\t\n\t if (Array.isArray(a)) {\n\t return !this.arraysDiffer(a, b);\n\t } else if (typeof a === 'object' && a !== null) {\n\t return !this.objectsDiffer(a, b);\n\t }\n\t\n\t return true;\n\t }\n\t};\n\n/***/ },\n/* 2 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tvar utils = __webpack_require__(1);\n\t\n\tvar convertValidationsToObject = function convertValidationsToObject(validations) {\n\t\n\t if (typeof validations === 'string') {\n\t\n\t return validations.split(/\\,(?![^{\\[]*[}\\]])/g).reduce(function (validations, validation) {\n\t var args = validation.split(':');\n\t var validateMethod = args.shift();\n\t\n\t args = args.map(function (arg) {\n\t try {\n\t return JSON.parse(arg);\n\t } catch (e) {\n\t return arg; // It is a string if it can not parse it\n\t }\n\t });\n\t\n\t if (args.length > 1) {\n\t throw new Error('Formsy does not support multiple args on string validations. Use object format of validations instead.');\n\t }\n\t\n\t validations[validateMethod] = args.length ? args[0] : true;\n\t return validations;\n\t }, {});\n\t }\n\t\n\t return validations || {};\n\t};\n\t\n\tmodule.exports = {\n\t getInitialState: function getInitialState() {\n\t return {\n\t _value: this.props.value,\n\t _isRequired: false,\n\t _isValid: true,\n\t _isPristine: true,\n\t _pristineValue: this.props.value,\n\t _validationError: '',\n\t _externalError: null\n\t };\n\t },\n\t getDefaultProps: function getDefaultProps() {\n\t return {\n\t validationError: '',\n\t validationErrors: {}\n\t };\n\t },\n\t\n\t componentWillMount: function componentWillMount() {\n\t var configure = (function () {\n\t this.setValidations(this.props.validations, this.props.required);\n\t this.props._attachToForm(this);\n\t }).bind(this);\n\t\n\t if (!this.props.name) {\n\t throw new Error('Form Input requires a name property when used');\n\t }\n\t\n\t if (!this.props._attachToForm) {\n\t return setTimeout((function () {\n\t if (!this.isMounted()) return;\n\t if (!this.props._attachToForm) {\n\t throw new Error('Form Mixin requires component to be nested in a Form');\n\t }\n\t configure();\n\t }).bind(this), 0);\n\t }\n\t configure();\n\t },\n\t\n\t // We have to make the validate method is kept when new props are added\n\t componentWillReceiveProps: function componentWillReceiveProps(nextProps) {\n\t this.setValidations(nextProps.validations, nextProps.required);\n\t },\n\t\n\t componentDidUpdate: function componentDidUpdate(prevProps, prevState) {\n\t\n\t var isValueChanged = (function () {\n\t\n\t return !utils.isSame(this.props.value, prevProps.value) && utils.isSame(this.state._value, prevProps.value);\n\t }).bind(this);\n\t\n\t // If validations has changed or something outside changes\n\t // the value, set the value again running a validation\n\t if (isValueChanged()) {\n\t this.setValue(this.props.value);\n\t }\n\t },\n\t\n\t // Detach it when component unmounts\n\t componentWillUnmount: function componentWillUnmount() {\n\t this.props._detachFromForm(this);\n\t },\n\t\n\t setValidations: function setValidations(validations, required) {\n\t\n\t // Add validations to the store itself as the props object can not be modified\n\t this._validations = convertValidationsToObject(validations) || {};\n\t this._requiredValidations = required === true ? { isDefaultRequiredValue: true } : convertValidationsToObject(required);\n\t },\n\t\n\t // We validate after the value has been set\n\t setValue: function setValue(value) {\n\t this.setState({\n\t _value: value,\n\t _isPristine: false\n\t }, (function () {\n\t this.props._validate(this);\n\t }).bind(this));\n\t },\n\t resetValue: function resetValue() {\n\t this.setState({\n\t _value: this.state._pristineValue,\n\t _isPristine: true\n\t }, function () {\n\t this.props._validate(this);\n\t });\n\t },\n\t getValue: function getValue() {\n\t return this.state._value;\n\t },\n\t hasValue: function hasValue() {\n\t return this.state._value !== '';\n\t },\n\t getErrorMessage: function getErrorMessage() {\n\t return !this.isValid() || this.showRequired() ? this.state._externalError || this.state._validationError : null;\n\t },\n\t isFormDisabled: function isFormDisabled() {\n\t return this.props._isFormDisabled();\n\t },\n\t isValid: function isValid() {\n\t return this.state._isValid;\n\t },\n\t isPristine: function isPristine() {\n\t return this.state._isPristine;\n\t },\n\t isRequired: function isRequired() {\n\t return !!this.props.required;\n\t },\n\t showRequired: function showRequired() {\n\t return this.state._isRequired;\n\t },\n\t showError: function showError() {\n\t return !this.showRequired() && !this.isValid();\n\t },\n\t isValidValue: function isValidValue(value) {\n\t return this.props._isValidValue.call(null, this, value);\n\t }\n\t};\n\n/***/ },\n/* 3 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tmodule.exports = {\n\t isDefaultRequiredValue: function isDefaultRequiredValue(values, value) {\n\t return value === undefined || value === '';\n\t },\n\t hasValue: function hasValue(values, value) {\n\t return !!value;\n\t },\n\t matchRegexp: function matchRegexp(values, value, regexp) {\n\t return !!value && !!value.match(regexp);\n\t },\n\t isUndefined: function isUndefined(values, value) {\n\t return value === undefined;\n\t },\n\t isEmptyString: function isEmptyString(values, value) {\n\t return value === '';\n\t },\n\t isEmail: function isEmail(values, value) {\n\t return !value || value.match(/^((([a-z]|\\d|[!#\\$%&'\\*\\+\\-\\/=\\?\\^_`{\\|}~]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])+(\\.([a-z]|\\d|[!#\\$%&'\\*\\+\\-\\/=\\?\\^_`{\\|}~]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])+)*)|((\\x22)((((\\x20|\\x09)*(\\x0d\\x0a))?(\\x20|\\x09)+)?(([\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x7f]|\\x21|[\\x23-\\x5b]|[\\x5d-\\x7e]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(\\\\([\\x01-\\x09\\x0b\\x0c\\x0d-\\x7f]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]))))*(((\\x20|\\x09)*(\\x0d\\x0a))?(\\x20|\\x09)+)?(\\x22)))@((([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])*([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))\\.)+(([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])*([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))$/i);\n\t },\n\t isTrue: function isTrue(values, value) {\n\t return value === true;\n\t },\n\t isFalse: function isFalse(values, value) {\n\t return value === false;\n\t },\n\t isNumeric: function isNumeric(values, value) {\n\t if (!value) {\n\t return false;\n\t }\n\t if (typeof value === 'number') {\n\t return true;\n\t } else {\n\t var matchResults = value.match(/[-+]?(\\d*[.])?\\d+/);\n\t if (!!matchResults) {\n\t return matchResults[0] == value;\n\t } else {\n\t return false;\n\t }\n\t }\n\t },\n\t isAlpha: function isAlpha(values, value) {\n\t return value && /^[a-zA-Z]+$/.test(value);\n\t },\n\t isWords: function isWords(values, value) {\n\t return value && /^[a-zA-Z\\s]+$/.test(value);\n\t },\n\t isSpecialWords: function isSpecialWords(values, value) {\n\t return !value || value.match(/^[a-zA-Z\\s\\u00C0-\\u017F]+$/);\n\t },\n\t isLength: function isLength(values, value, length) {\n\t return value && value.length === length;\n\t },\n\t equals: function equals(values, value, eql) {\n\t return value == eql;\n\t },\n\t equalsField: function equalsField(values, value, field) {\n\t return value == values[field];\n\t },\n\t maxLength: function maxLength(values, value, length) {\n\t return value && value.length && value.length <= length;\n\t },\n\t minLength: function minLength(values, value, length) {\n\t return value && value.length && value.length >= length;\n\t }\n\t};\n\n/***/ },\n/* 4 */\n/***/ function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __WEBPACK_EXTERNAL_MODULE_4__;\n\n/***/ }\n/******/ ])\n});\n;\n\n\n/** WEBPACK FOOTER **\n ** formsy-react.js\n **/"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n/** WEBPACK FOOTER **\n ** webpack/bootstrap 49eb7fc54027ef797f3f\n **/","var React = global.React || require('react');\nvar Formsy = {};\nvar validationRules = require('./validationRules.js');\nvar utils = require('./utils.js');\nvar Mixin = require('./Mixin.js');\nvar options = {};\n\nFormsy.Mixin = Mixin;\n\nFormsy.defaults = function (passedOptions) {\n options = passedOptions;\n};\n\nFormsy.addValidationRule = function (name, func) {\n validationRules[name] = func;\n};\n\nFormsy.Form = React.createClass({\n getInitialState: function () {\n return {\n isValid: true,\n isSubmitting: false,\n canChange: false\n };\n },\n getDefaultProps: function () {\n return {\n onSuccess: function () {},\n onError: function () {},\n onSubmit: function () {},\n onValidSubmit: function () {},\n onInvalidSubmit: function () {},\n onSubmitted: function () {},\n onValid: function () {},\n onInvalid: function () {},\n onChange: function () {},\n validationErrors: null\n };\n },\n\n // Add a map to store the inputs of the form, a model to store\n // the values of the form and register child inputs\n componentWillMount: function () {\n this.inputs = {};\n this.model = {};\n },\n\n componentDidMount: function () {\n this.validateForm();\n },\n\n componentWillUpdate: function () {\n var inputKeys = Object.keys(this.inputs);\n\n // The updated children array is not available here for some reason,\n // we need to wait for next event loop\n setTimeout(function () {\n\n // The component might have been unmounted on an\n // update\n if (this.isMounted()) {\n\n if (this.props.validationErrors) {\n this.setInputValidationErrors(this.props.validationErrors);\n }\n\n var newInputKeys = Object.keys(this.inputs);\n if (utils.arraysDiffer(inputKeys, newInputKeys)) {\n this.validateForm();\n }\n\n }\n\n }.bind(this), 0);\n },\n\n // Update model, submit to url prop and send the model\n submit: function (event) {\n\n event && event.preventDefault();\n\n // Trigger form as not pristine.\n // If any inputs have not been touched yet this will make them dirty\n // so validation becomes visible (if based on isPristine)\n this.setFormPristine(false);\n this.updateModel();\n var model = this.mapModel();\n this.props.onSubmit(model, this.resetModel, this.updateInputsWithError);\n this.state.isValid ? this.props.onValidSubmit(model, this.resetModel, this.updateInputsWithError) : this.props.onInvalidSubmit(model, this.resetModel, this.updateInputsWithError);\n\n },\n\n mapModel: function () {\n return this.props.mapping ? this.props.mapping(this.model) : this.model;\n },\n\n // Goes through all registered components and\n // updates the model values\n updateModel: function () {\n Object.keys(this.inputs).forEach(function (name) {\n var component = this.inputs[name];\n this.model[name] = component.state._value;\n }.bind(this));\n },\n\n // Reset each key in the model to the original / initial value\n resetModel: function () {\n Object.keys(this.inputs).forEach(function (name) {\n this.inputs[name].resetValue();\n }.bind(this));\n this.validateForm();\n },\n\n setInputValidationErrors: function (errors) {\n Object.keys(this.inputs).forEach(function (name, index) {\n var component = this.inputs[name];\n var args = [{\n _isValid: !(name in errors),\n _validationError: errors[name]\n }];\n component.setState.apply(component, args);\n }.bind(this));\n },\n\n // Go through errors from server and grab the components\n // stored in the inputs map. Change their state to invalid\n // and set the serverError message\n updateInputsWithError: function (errors) {\n Object.keys(errors).forEach(function (name, index) {\n var component = this.inputs[name];\n\n if (!component) {\n throw new Error('You are trying to update an input that does not exists. Verify errors object with input names. ' + JSON.stringify(errors));\n }\n\n var args = [{\n _isValid: false,\n _externalError: errors[name]\n }];\n component.setState.apply(component, args);\n }.bind(this));\n },\n\n // Traverse the children and children of children to find\n // all inputs by checking the name prop. Maybe do a better\n // check here\n traverseChildrenAndRegisterInputs: function (children) {\n\n if (typeof children !== 'object' || children === null) {\n return children;\n }\n return React.Children.map(children, function (child) {\n\n if (typeof child !== 'object' || child === null) {\n return child;\n }\n\n if (child.props && child.props.name) {\n\n return React.cloneElement(child, {\n _attachToForm: this.attachToForm,\n _detachFromForm: this.detachFromForm,\n _validate: this.validate,\n _isFormDisabled: this.isFormDisabled,\n _isValidValue: function (component, value) {\n return this.runValidation(component, value).isValid;\n }.bind(this)\n }, child.props && child.props.children);\n } else {\n return React.cloneElement(child, {}, this.traverseChildrenAndRegisterInputs(child.props && child.props.children));\n }\n\n }, this);\n\n },\n\n isFormDisabled: function () {\n return this.props.disabled;\n },\n\n getCurrentValues: function () {\n return Object.keys(this.inputs).reduce(function (data, name) {\n var component = this.inputs[name];\n data[name] = component.state._value;\n return data;\n }.bind(this), {});\n },\n\n setFormPristine: function (isPristine) {\n var inputs = this.inputs;\n var inputKeys = Object.keys(inputs);\n\n // Iterate through each component and set it as pristine\n // or \"dirty\".\n inputKeys.forEach(function (name, index) {\n var component = inputs[name];\n component.setState({\n _isPristine: isPristine\n });\n }.bind(this));\n },\n\n // Use the binded values and the actual input value to\n // validate the input and set its state. Then check the\n // state of the form itself\n validate: function (component) {\n\n // Trigger onChange\n if (this.state.canChange) {\n this.props.onChange(this.getCurrentValues());\n }\n\n var validation = this.runValidation(component);\n // Run through the validations, split them up and call\n // the validator IF there is a value or it is required\n component.setState({\n _isValid: validation.isValid,\n _isRequired: validation.isRequired,\n _validationError: validation.error,\n _externalError: null\n }, this.validateForm);\n\n },\n\n // Checks validation on current value or a passed value\n runValidation: function (component, value) {\n\n var currentValues = this.getCurrentValues();\n var validationErrors = component.props.validationErrors;\n var validationError = component.props.validationError;\n value = arguments.length === 2 ? value : component.state._value;\n\n var validationResults = this.runRules(value, currentValues, component._validations);\n var requiredResults = this.runRules(value, currentValues, component._requiredValidations);\n\n // the component defines an explicit validate function\n if (typeof component.validate === \"function\") {\n validationResults.failed = component.validate() ? [] : ['failed'];\n }\n\n var isRequired = Object.keys(component._requiredValidations).length ? !!requiredResults.success.length : false;\n var isValid = !validationResults.failed.length && !(this.props.validationErrors && this.props.validationErrors[component.props.name]);\n\n return {\n isRequired: isRequired,\n isValid: isRequired ? false : isValid,\n error: (function () {\n\n if (isValid && !isRequired) {\n return '';\n }\n\n if (validationResults.errors.length) {\n return validationResults.errors[0];\n }\n\n if (this.props.validationErrors && this.props.validationErrors[component.props.name]) {\n return this.props.validationErrors[component.props.name];\n }\n\n if (isRequired) {\n return validationErrors[requiredResults.success[0]] || null;\n }\n\n if (!isValid) {\n return validationErrors[validationResults.failed[0]] || validationError;\n }\n\n }.call(this))\n };\n\n },\n\n runRules: function (value, currentValues, validations) {\n\n var results = {\n errors: [],\n failed: [],\n success: []\n };\n if (Object.keys(validations).length) {\n Object.keys(validations).forEach(function (validationMethod) {\n\n if (validationRules[validationMethod] && typeof validations[validationMethod] === 'function') {\n throw new Error('Formsy does not allow you to override default validations: ' + validationMethod);\n }\n\n if (!validationRules[validationMethod] && typeof validations[validationMethod] !== 'function') {\n throw new Error('Formsy does not have the validation rule: ' + validationMethod);\n }\n\n if (typeof validations[validationMethod] === 'function') {\n var validation = validations[validationMethod](currentValues, value);\n if (typeof validation === 'string') {\n results.errors.push(validation);\n results.failed.push(validationMethod);\n } else if (!validation) {\n results.failed.push(validationMethod);\n }\n return;\n\n } else if (typeof validations[validationMethod] !== 'function') {\n var validation = validationRules[validationMethod](currentValues, value, validations[validationMethod]);\n if (typeof validation === 'string') {\n results.errors.push(validation);\n results.failed.push(validationMethod);\n } else if (!validation) {\n results.failed.push(validationMethod);\n } else {\n results.success.push(validationMethod);\n }\n return;\n\n }\n\n return results.success.push(validationMethod);\n\n });\n }\n\n return results;\n\n },\n\n // Validate the form by going through all child input components\n // and check their state\n validateForm: function () {\n var allIsValid = true;\n var inputs = this.inputs;\n var inputKeys = Object.keys(inputs);\n\n // We need a callback as we are validating all inputs again. This will\n // run when the last component has set its state\n var onValidationComplete = function () {\n inputKeys.forEach(function (name) {\n if (!inputs[name].state._isValid) {\n allIsValid = false;\n }\n }.bind(this));\n\n this.setState({\n isValid: allIsValid\n });\n\n if (allIsValid) {\n this.props.onValid();\n } else {\n this.props.onInvalid();\n }\n\n // Tell the form that it can start to trigger change events\n this.setState({\n canChange: true\n });\n\n }.bind(this);\n\n // Run validation again in case affected by other inputs. The\n // last component validated will run the onValidationComplete callback\n inputKeys.forEach(function (name, index) {\n var component = inputs[name];\n var validation = this.runValidation(component);\n if (validation.isValid && component.state._externalError) {\n validation.isValid = false;\n }\n component.setState({\n _isValid: validation.isValid,\n _isRequired: validation.isRequired,\n _validationError: validation.error,\n _externalError: !validation.isValid && component.state._externalError ? component.state._externalError : null\n }, index === inputKeys.length - 1 ? onValidationComplete : null);\n }.bind(this));\n\n // If there are no inputs, set state where form is ready to trigger\n // change event. New inputs might be added later\n if (!inputKeys.length && this.isMounted()) {\n this.setState({\n canChange: true\n });\n }\n },\n\n // Method put on each input component to register\n // itself to the form\n attachToForm: function (component) {\n this.inputs[component.props.name] = component;\n this.model[component.props.name] = component.state._value;\n this.validate(component);\n },\n\n // Method put on each input component to unregister\n // itself from the form\n detachFromForm: function (component) {\n delete this.inputs[component.props.name];\n delete this.model[component.props.name];\n },\n render: function () {\n\n return React.DOM.form({\n onSubmit: this.submit,\n className: this.props.className \n },\n this.traverseChildrenAndRegisterInputs(this.props.children)\n );\n\n }\n});\n\nif (!global.exports && !global.module && (!global.define || !global.define.amd)) {\n global.Formsy = Formsy;\n}\n\nmodule.exports = Formsy;\n\n\n\n/** WEBPACK FOOTER **\n ** ./src/main.js\n **/","module.exports = {\n arraysDiffer: function (a, b) {\n var isDifferent = false;\n if (a.length !== b.length) {\n isDifferent = true;\n } else {\n a.forEach(function (item, index) {\n if (!this.isSame(item, b[index])) {\n isDifferent = true;\n }\n }, this);\n }\n return isDifferent;\n },\n objectsDiffer: function (a, b) {\n var isDifferent = false;\n if (Object.keys(a).length !== Object.keys(b).length) {\n isDifferent = true;\n } else {\n Object.keys(a).forEach(function (key) {\n if (!this.isSame(a[key], b[key])) {\n isDifferent = true;\n }\n }, this);\n }\n return isDifferent; \n },\n isSame: function (a, b) {\n \n if (a !== b) {\n return false;\n }\n\n if (Array.isArray(a)) {\n return !this.arraysDiffer(a, b);\n } else if (typeof a === 'object' && a !== null) {\n return !this.objectsDiffer(a, b);\n }\n\n return true;\n }\n};\n\n\n\n/** WEBPACK FOOTER **\n ** ./src/utils.js\n **/","var utils = require('./utils.js');\n\nvar convertValidationsToObject = function (validations) {\n\n if (typeof validations === 'string') {\n\n return validations.split(/\\,(?![^{\\[]*[}\\]])/g).reduce(function (validations, validation) {\n var args = validation.split(':');\n var validateMethod = args.shift();\n\n args = args.map(function (arg) {\n try {\n return JSON.parse(arg);\n } catch (e) {\n return arg; // It is a string if it can not parse it\n }\n });\n\n if (args.length > 1) {\n throw new Error('Formsy does not support multiple args on string validations. Use object format of validations instead.');\n }\n\n validations[validateMethod] = args.length ? args[0] : true;\n return validations;\n }, {});\n\n }\n\n return validations || {};\n};\n\nmodule.exports = {\n getInitialState: function () {\n return {\n _value: this.props.value,\n _isRequired: false,\n _isValid: true,\n _isPristine: true,\n _pristineValue: this.props.value,\n _validationError: '',\n _externalError: null\n };\n },\n getDefaultProps: function () {\n return {\n validationError: '',\n validationErrors: {}\n };\n },\n\n componentWillMount: function () {\n var configure = function () {\n this.setValidations(this.props.validations, this.props.required);\n this.props._attachToForm(this);\n }.bind(this);\n\n if (!this.props.name) {\n throw new Error('Form Input requires a name property when used');\n }\n\n if (!this.props._attachToForm) {\n return setTimeout(function () {\n if (!this.isMounted()) return;\n if (!this.props._attachToForm) {\n throw new Error('Form Mixin requires component to be nested in a Form');\n }\n configure();\n }.bind(this), 0);\n }\n configure();\n },\n\n // We have to make the validate method is kept when new props are added\n componentWillReceiveProps: function (nextProps) {\n this.setValidations(nextProps.validations, nextProps.required);\n },\n\n componentDidUpdate: function (prevProps, prevState) {\n\n var isValueChanged = function () {\n\n return !utils.isSame(this.props.value, prevProps.value) && utils.isSame(this.state._value, prevProps.value);\n\n }.bind(this);\n\n // If validations has changed or something outside changes\n // the value, set the value again running a validation\n if (isValueChanged()) {\n this.setValue(this.props.value);\n }\n },\n\n // Detach it when component unmounts\n componentWillUnmount: function () {\n this.props._detachFromForm(this);\n },\n\n setValidations: function (validations, required) {\n\n // Add validations to the store itself as the props object can not be modified\n this._validations = convertValidationsToObject(validations) || {};\n this._requiredValidations = required === true ? {isDefaultRequiredValue: true} : convertValidationsToObject(required);\n\n },\n\n // We validate after the value has been set\n setValue: function (value) {\n this.setState({\n _value: value,\n _isPristine: false\n }, function () {\n this.props._validate(this);\n }.bind(this));\n },\n resetValue: function () {\n this.setState({\n _value: this.state._pristineValue,\n _isPristine: true\n }, function () {\n this.props._validate(this);\n });\n },\n getValue: function () {\n return this.state._value;\n },\n hasValue: function () {\n return this.state._value !== '';\n },\n getErrorMessage: function () {\n return !this.isValid() || this.showRequired() ? (this.state._externalError || this.state._validationError) : null;\n },\n isFormDisabled: function () {\n return this.props._isFormDisabled();\n },\n isValid: function () {\n return this.state._isValid;\n },\n isPristine: function () {\n return this.state._isPristine;\n },\n isRequired: function () {\n return !!this.props.required;\n },\n showRequired: function () {\n return this.state._isRequired;\n },\n showError: function () {\n return !this.showRequired() && !this.isValid();\n },\n isValidValue: function (value) {\n return this.props._isValidValue.call(null, this, value);\n }\n};\n\n\n\n/** WEBPACK FOOTER **\n ** ./src/Mixin.js\n **/","module.exports = {\n isDefaultRequiredValue: function (values, value) {\n return value === undefined || value === '';\n },\n hasValue: function (values, value) {\n return !!value;\n },\n matchRegexp: function (values, value, regexp) {\n return !!value && !!value.match(regexp);\n },\n isUndefined: function (values, value) {\n return value === undefined;\n },\n isEmptyString: function (values, value) {\n return value === '';\n },\n isEmail: function (values, value) {\n return !value || value.match(/^((([a-z]|\\d|[!#\\$%&'\\*\\+\\-\\/=\\?\\^_`{\\|}~]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])+(\\.([a-z]|\\d|[!#\\$%&'\\*\\+\\-\\/=\\?\\^_`{\\|}~]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])+)*)|((\\x22)((((\\x20|\\x09)*(\\x0d\\x0a))?(\\x20|\\x09)+)?(([\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x7f]|\\x21|[\\x23-\\x5b]|[\\x5d-\\x7e]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(\\\\([\\x01-\\x09\\x0b\\x0c\\x0d-\\x7f]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]))))*(((\\x20|\\x09)*(\\x0d\\x0a))?(\\x20|\\x09)+)?(\\x22)))@((([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])*([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))\\.)+(([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])*([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))$/i);\n },\n isTrue: function (values, value) {\n return value === true;\n },\n isFalse: function (values, value) {\n return value === false;\n },\n isNumeric: function (values, value) {\n if (!value) {\n return false;\n }\n if (typeof value === 'number') {\n return true;\n } else {\n var matchResults = value.match(/[-+]?(\\d*[.])?\\d+/);\n if (!!matchResults) {\n return matchResults[0] == value;\n } else {\n return false;\n }\n }\n },\n isAlpha: function (values, value) {\n return value && /^[a-zA-Z]+$/.test(value);\n },\n isWords: function (values, value) {\n return value && /^[a-zA-Z\\s]+$/.test(value);\n },\n isSpecialWords: function (values, value) {\n return !value || value.match(/^[a-zA-Z\\s\\u00C0-\\u017F]+$/);\n },\n isLength: function (values, value, length) {\n return value && value.length === length;\n },\n equals: function (values, value, eql) {\n return value == eql;\n },\n equalsField: function (values, value, field) {\n return value == values[field];\n },\n maxLength: function (values, value, length) {\n return value && value.length && value.length <= length;\n },\n minLength: function (values, value, length) {\n return value && value.length && value.length >= length;\n }\n};\n\n\n\n/** WEBPACK FOOTER **\n ** ./src/validationRules.js\n **/","module.exports = __WEBPACK_EXTERNAL_MODULE_4__;\n\n\n/*****************\n ** WEBPACK FOOTER\n ** external \"react\"\n ** module id = 4\n ** module chunks = 0\n **/"],"sourceRoot":""} \ No newline at end of file diff --git a/release/formsy-react.min.js b/release/formsy-react.min.js deleted file mode 100644 index fd21b71..0000000 --- a/release/formsy-react.min.js +++ /dev/null @@ -1 +0,0 @@ -!function t(i,n,e){function r(o,u){if(!n[o]){if(!i[o]){var a="function"==typeof require&&require;if(!u&&a)return a(o,!0);if(s)return s(o,!0);var l=new Error("Cannot find module '"+o+"'");throw l.code="MODULE_NOT_FOUND",l}var d=n[o]={exports:{}};i[o][0].call(d.exports,function(t){var n=i[o][1][t];return r(n?n:t)},d,d.exports,t,i,n,e)}return n[o].exports}for(var s="function"==typeof require&&require,o=0;o1)throw new Error("Formsy does not support multiple args on string validations. Use object format of validations instead.");return t[e]=n.length?n[0]:!0,t},{}):t||{}};i.exports={getInitialState:function(){return{_value:this.props.value,_isRequired:!1,_isValid:!0,_isPristine:!0,_pristineValue:this.props.value,_validationError:"",_externalError:null}},getDefaultProps:function(){return{validationError:"",validationErrors:{}}},componentWillMount:function(){var t=function(){this.setValidations(this.props.validations,this.props.required),this.props._attachToForm(this)}.bind(this);if(!this.props.name)throw new Error("Form Input requires a name property when used");return this.props._attachToForm?(t(),void 0):setTimeout(function(){if(this.isMounted()){if(!this.props._attachToForm)throw new Error("Form Mixin requires component to be nested in a Form");t()}}.bind(this),0)},componentWillReceiveProps:function(t){this.setValidations(t.validations,t.required)},componentDidUpdate:function(t){var i=function(){return this.props.value!==t.value&&this.state._value===t.value}.bind(this);i()&&this.setValue(this.props.value)},componentWillUnmount:function(){this.props._detachFromForm(this)},setValidations:function(t,i){this._validations=n(t)||{},this._requiredValidations=i===!0?{isDefaultRequiredValue:!0}:n(i)},setValue:function(t){this.setState({_value:t,_isPristine:!1},function(){this.props._validate(this)}.bind(this))},resetValue:function(){this.setState({_value:this.state._pristineValue,_isPristine:!0},function(){this.props._validate(this)})},getValue:function(){return this.state._value},hasValue:function(){return""!==this.state._value},getErrorMessage:function(){return!this.isValid()||this.showRequired()?this.state._externalError||this.state._validationError:null},isFormDisabled:function(){return this.props._isFormDisabled()},isValid:function(){return this.state._isValid},isPristine:function(){return this.state._isPristine},isRequired:function(){return!!this.props.required},showRequired:function(){return this.state._isRequired},showError:function(){return!this.showRequired()&&!this.isValid()},isValidValue:function(t){return this.props._isValidValue.call(null,this,t)}}},{}],3:[function(t,i){i.exports={arraysDiffer:function(t,i){var n=!1;return t.length!==i.length?n=!0:t.forEach(function(t,e){t!==i[e]&&(n=!0)}),n}}},{}],4:[function(t,i){i.exports={isDefaultRequiredValue:function(t,i){return void 0===i||""===i},hasValue:function(t,i){return!!i},matchRegexp:function(t,i,n){return!!i&&!!i.match(n)},isUndefined:function(t,i){return void 0===i},isEmptyString:function(t,i){return""===i},isEmail:function(t,i){return!i||i.match(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i)},isTrue:function(t,i){return i===!0},isFalse:function(t,i){return i===!1},isNumeric:function(t,i){if(!i)return!1;if("number"==typeof i)return!0;var n=i.match(/[-+]?(\d*[.])?\d+/);return n?n[0]==i:!1},isAlpha:function(t,i){return i&&/^[a-zA-Z]+$/.test(i)},isWords:function(t,i){return i&&/^[a-zA-Z\s]+$/.test(i)},isSpecialWords:function(t,i){return!i||i.match(/^[a-zA-Z\s\u00C0-\u017F]+$/)},isLength:function(t,i,n){return i&&i.length===n},equals:function(t,i,n){return i==n},equalsField:function(t,i,n){return i==t[n]},maxLength:function(t,i,n){return i&&i.length&&i.length<=n},minLength:function(t,i,n){return i&&i.length&&i.length>=n}}},{}]},{},[1]); \ No newline at end of file diff --git a/specs/Element-spec.jsx b/specs/Element-spec.jsx index 8f7f1ec..c4c3c86 100644 --- a/specs/Element-spec.jsx +++ b/specs/Element-spec.jsx @@ -481,4 +481,41 @@ it('should allow an undefined value to be updated to a value', function (done) { expect(inputComponent.isValid()).toBe(false); }); + it('should handle objects and arrays as values', function () { + + var TestInput = React.createClass({ + mixins: [Formsy.Mixin], + render: function () { + return
{JSON.stringify(this.getValue())}
+ } + }); + var TestForm = React.createClass({ + getInitialState: function () { + return { + foo: {foo: 'bar'}, + bar: ['foo'] + }; + }, + render: function () { + return ( + + + + + ); + } + }); + var form = TestUtils.renderIntoDocument(); + + form.setState({ + foo: {foo: 'foo'}, + bar: ['bar'] + }); + + var inputs = TestUtils.scryRenderedComponentsWithType(form, TestInput); + expect(inputs[0].getValue()).toEqual({foo: 'foo'}); + expect(inputs[1].getValue()).toEqual(['bar']); + + }); + }); diff --git a/src/Mixin.js b/src/Mixin.js index 811cd74..dd886b0 100644 --- a/src/Mixin.js +++ b/src/Mixin.js @@ -1,3 +1,5 @@ +var utils = require('./utils.js'); + var convertValidationsToObject = function (validations) { if (typeof validations === 'string') { @@ -77,11 +79,10 @@ module.exports = { var isValueChanged = function () { - return this.props.value !== prevProps.value && this.state._value === prevProps.value; + return !utils.isSame(this.props.value, prevProps.value) && utils.isSame(this.state._value, prevProps.value); }.bind(this); - // If validations has changed or something outside changes // the value, set the value again running a validation if (isValueChanged()) { diff --git a/src/utils.js b/src/utils.js index 1b26f1b..be923ad 100644 --- a/src/utils.js +++ b/src/utils.js @@ -1,15 +1,42 @@ module.exports = { - arraysDiffer: function (arrayA, arrayB) { + arraysDiffer: function (a, b) { var isDifferent = false; - if (arrayA.length !== arrayB.length) { + if (a.length !== b.length) { isDifferent = true; } else { - arrayA.forEach(function (item, index) { - if (item !== arrayB[index]) { + a.forEach(function (item, index) { + if (!this.isSame(item, b[index])) { isDifferent = true; } - }); + }, this); } return isDifferent; + }, + objectsDiffer: function (a, b) { + var isDifferent = false; + if (Object.keys(a).length !== Object.keys(b).length) { + isDifferent = true; + } else { + Object.keys(a).forEach(function (key) { + if (!this.isSame(a[key], b[key])) { + isDifferent = true; + } + }, this); + } + return isDifferent; + }, + isSame: function (a, b) { + + if (a !== b) { + return false; + } + + if (Array.isArray(a)) { + return !this.arraysDiffer(a, b); + } else if (typeof a === 'object' && a !== null) { + return !this.objectsDiffer(a, b); + } + + return true; } }; diff --git a/webpack.config.js b/webpack.config.js index e025a6a..dba29d5 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -13,7 +13,8 @@ module.exports = { module: { loaders: [ - { test: /\.js$/, exclude: /node_modules/, loader: 'babel' } + { test: /\.js$/, exclude: /node_modules/, loader: 'babel' }, + { test: /\.json$/, loader: 'json' } ] } diff --git a/webpack.production.config.js b/webpack.production.config.js new file mode 100644 index 0000000..4826ea8 --- /dev/null +++ b/webpack.production.config.js @@ -0,0 +1,21 @@ +var path = require('path'); + +module.exports = { + + devtool: 'source-map', + entry: path.resolve(__dirname, 'src', 'main.js'), + externals: 'react', + output: { + path: path.resolve(__dirname, 'release'), + filename: 'formsy-react.js', + libraryTarget: 'umd', + library: 'Formsy' + }, + module: { + loaders: [ + { test: /\.js$/, exclude: /node_modules/, loader: 'babel' }, + { test: /\.json$/, loader: 'json' } + ] + } + +};