Add test to ensure fields are not validation until touched

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-validify",
-  "version": "5.7.8",
+  "version": "5.7.9",
   "description": "Form validation made easy",
   "main": "dist/index.js",
   "module": "lib/index.js",

src/validate.ts

@@ -10,8 +10,12 @@ type Props = {
   valuesBlurred?: { [key: string]: boolean };
 };
 
-export default ({ values, rules, setErrors }: Props) => {
+export default ({ values, rules, setErrors, valuesBlurred }: Props) => {
   let newErrors = Object.keys(rules)
+    .filter(rule => {
+      if (valuesBlurred) return valuesBlurred[rule];
+      return true;
+    })
     .map(field =>
       rules[field].map(rule => {
         let error = rule(get(values, field) || '', values);

tests/form.test.js

@@ -164,3 +164,14 @@ test('Field validation runs on change, after submitting', async () => {
   //ensure the validation shows up
   expect(getByText('This field is required')).toBeInTheDocument();
 });
+
+test(`Untouched fields shouldn't validate unless submitted first`, () => {
+  let { queryByPlaceholderText, queryByText } = render(<TestForm />);
+  const email = queryByPlaceholderText('email');
+
+  fireEvent.focus(email);
+  fireEvent.change(email, { target: { value: '[email protected]' } });
+  fireEvent.blur(email);
+
+  expect(queryByText('This field is required')).toBeNull();
+});