FormValidation

Author: danieloprado

components/FormValidation.tsx

@@ -0,0 +1,35 @@
+import ValidationContext from '@react-form-fields/core/components/ValidationContext';
+import * as React from 'react';
+
+interface IProps {
+  onSubmit: (valid: boolean) => void;
+}
+
+export class FormValidation extends React.PureComponent<IProps> {
+  private validationContext: ValidationContext;
+
+  private bindValidationContext = (validationContext: ValidationContext): void => {
+    this.validationContext = validationContext;
+  }
+
+  private onSubmit = (e?: React.SyntheticEvent) => {
+    e && e.preventDefault && e.preventDefault();
+
+    const isValid = this.validationContext.isValid(true);
+    this.props.onSubmit(isValid);
+  }
+
+  reset = () => {
+    this.validationContext.reset();
+  }
+
+  render() {
+    return (
+      <form noValidate onSubmit={this.onSubmit}>
+        <ValidationContext ref={this.bindValidationContext}>
+          {this.props.children}
+        </ValidationContext>
+      </form>
+    );
+  }
+}

package.json

@@ -10,7 +10,7 @@
     "validation",
     "material"
   ],
-  "version": "1.8.9",
+  "version": "1.9.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -32,13 +32,10 @@
     "prepare": "yarn tsc"
   },
   "dependencies": {
-    "@material-ui/core": ">=3.0.0",
-    "@material-ui/icons": ">=3.0.0",
     "@react-form-fields/core": ">=1.1.0",
     "autosuggest-highlight": ">=3.0.0",
     "date-fns": ">=2.0.0-alpha.16",
     "material-ui-pickers": ">=1.0.0-rc.13",
-    "react": ">=16.3.0",
     "react-autosuggest": ">=9.0.0",
     "react-color": ">=2.14.1",
     "tslib": ">=1.9.2",
@@ -50,6 +47,9 @@
     "react": ">=16.0.0"
   },
   "devDependencies": {
+    "react": ">=16.3.0",
+    "@material-ui/core": ">=3.0.0",
+    "@material-ui/icons": ">=3.0.0",
     "@types/react-autosuggest": "9.3.5",
     "@types/react-color": "2.13.6",
     "@types/validatorjs": "3.7.1",