Remove validation from browser renderer

Author: bhch

src/renderer.js

@@ -2,7 +2,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import EditorState from './editorState';
 import ReactJSONForm from './form';
-import DataValidator from './dataValidation';
 
 
 export function FormInstance(config) {
@@ -15,7 +14,6 @@ export function FormInstance(config) {
     this.fileHandler = config.fileHandler;
     this.fieldName = config.fieldName;
     this.modelName = config.modelName;
-    this.validateOnSubmit = config.validateOnSubmit;
 
     this.eventListeners = null;
 
@@ -40,17 +38,6 @@ export function FormInstance(config) {
     };
     this.onChange = this.onChange.bind(this);
 
-    this.onInvalid = function(e) {
-        if (!this.eventListeners)
-            return;
-
-        if (!this.eventListeners.hasOwnProperty('invalid') || !this.eventListeners.invalid.size)
-            return;
-
-        this.eventListeners.invalid.forEach((cb) => cb(e));
-    };
-    this.onInvalid = this.onInvalid.bind(this); 
-
     this.render = function() {
         try {
             ReactDOM.render(
@@ -63,8 +50,6 @@ export function FormInstance(config) {
                     fieldName={this.fieldName}
                     modelName={this.modelName}
                     onChange={this.onChange}
-                    onInvalid={this.onInvalid}
-                    validateOnSubmit={this.validateOnSubmit}
                 />,
                 document.getElementById(this.containerId)
             );
@@ -79,6 +64,7 @@ export function FormInstance(config) {
     this.update = function(config) {
         this.schema = config.schema || this.schema;
         this.data = config.data || this.data;
+        this.errorMap = config.errorMap || this.errorMap;
 
         this.render();
     };
@@ -108,7 +94,6 @@ export class FormContainer extends React.Component {
 
         this.state = {
             editorState: EditorState.create(props.schema, props.data),
-            errorMap: props.errorMap
         };
 
         this.prevEditorState = this.state.editorState;
@@ -118,9 +103,6 @@ export class FormContainer extends React.Component {
 
     componentDidMount() {
         this.populateDataInput(this.state.editorState.getData());
-        
-        if (this.props.validateOnSubmit)
-            this.dataInput.form.addEventListener('submit', this.validateData);
     }
 
     componentDidUpdate(prevProps, prevState) {
@@ -158,16 +140,6 @@ export class FormContainer extends React.Component {
         this.dataInput.value = JSON.stringify(data);
     }
 
-    validateData = (e) => {
-        let validator = new DataValidator(this.state.editorState.getSchema());
-        let validation = validator.validate(this.state.editorState.getData());
-
-        if (!validation.isValid) {
-            this.props.onInvalid({errorMap: validation.errorMap, submitEvent: e});
-            this.setState({errorMap: validation.errorMap});
-        }
-    }
-
     handleChange = (editorState) => {
         this.setState({editorState: editorState});
     }
@@ -180,7 +152,7 @@ export class FormContainer extends React.Component {
                 fileHandler={this.props.fileHandler}
                 fieldName={this.props.fieldName}
                 modelName={this.props.modelName}
-                errorMap={this.state.errorMap}
+                errorMap={this.props.errorMap}
             />
         );
     }