Add context (tcomb-validation v2.2.0) support to tcomb-form

[gcanti]

The plan:

v0.7.1

• Internal
  • upgrade to latest version of tcomb-validation (2.2.0)
• New Feature
  • added argument context to error options that are functions (new signature: error(value, path, context))
  • added error option default if the type constructor owns a getValidationErrorMessage(value, path, context) function
  • added context prop to all components (passed into error as context argument)

Example

const Name = t.subtype(t.String, (s) => s.length > 2);

Name.getValidationErrorMessage = function (value, path, context) {
  return 'error message with locale: ' + context.locale;
};

const Schema = t.struct({
  name: Name
});

const options = {
  fields: {
    name: {
      // error: Name.getValidationErrorMessage // <= no more required
    }
  }
};

const App = React.createClass({

  onSubmit(evt) {
    evt.preventDefault();
    var value = this.refs.form.getValue();
    if (value) {
      console.log(value);
    }
  },

  render() {
    return (
      <form onSubmit={this.onSubmit}>
        <t.form.Form
          ref="form"
          type={Schema}
          options={options}
          context={{locale: 'it-IT'}} // <= new prop
        />
        <button type="submit" className="btn btn-primary">Save</button>
      </form>
    );
  }

});

[th0r]

Great! You rock!

[gcanti]

Released https://github.com/gcanti/tcomb-form/releases/tag/v0.7.1