integrate more feedback

Author: vicb

package.json

@@ -1,7 +1,7 @@
 {
   "name": "lite-form",
   "description": "Form HOC for Web Components. It's also works for LitElement.",
-  "version": "1.0.2",
+  "version": "2.0.0",
   "scripts": {},
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

src/types.ts

@@ -29,6 +29,6 @@ export type FormElement = CustomElement<FormElementProps & {
   handleBlur: (event: Event | CustomEvent) => void;
   handleValidate: () => void;
   handleReset: () => void;
-  setTouched: (name: string) => void;
+  setTouched: (name: string, validate: boolean) => void;
   setValue: (name: string, value: InputValue, validate: boolean) => void;
 }>;

src/withField.ts

@@ -50,13 +50,13 @@ const withFieldExtended = (config: FieldConfig = {captureBlur: true, listenChang
         }
       }
 
-      setTouched = (name: string): void => {
-        this._formClass.setTouched(name);
+      setTouched = (validate = false): void => {
+        this._formClass.setTouched(this.name || this.id, validate);
       }
 
       // Handle blur events.
       handleBlur = (): void => {
-        this.setTouched(this.name || this.id)
+        this.setTouched(true)
       }
 
       connectedCallback(): void {

src/withForm.ts

@@ -136,9 +136,9 @@ const withFormExtended = (config?:FormConfig) => <T extends Constructor<Connecta
     }
 
     // Set touched and handleValidate if needed
-    setTouched = (name: string): void => {
+    setTouched = (name: string, validate = false): void => {
       this._touched = set(this._touched, name, true)
-      if (this._validateOnBlur) {
+      if (validate) {
         this.handleValidate()
       }     
     }
@@ -147,15 +147,15 @@ const withFormExtended = (config?:FormConfig) => <T extends Constructor<Connecta
     handleBlur = (event: Event | CustomEvent): void => {
       const eventTarget = getEventTarget(event)
       if (eventTarget) {
-        this.setTouched(eventTarget.name || eventTarget.id);
+        this.setTouched(eventTarget.name || eventTarget.id, this._validateOnBlur);
       }
     }
 
     // Set the value for the given name.
     // Triggers optional validation when validate is true.
     setValue = (name: string, value:InputValue, validate = false): void => {
       this._values = set(cloneDeep(this.values), name, value)
-      if (validate && this._validateOnChange) {
+      if (validate) {
         this.handleValidate()
       }
     }
@@ -165,7 +165,7 @@ const withFormExtended = (config?:FormConfig) => <T extends Constructor<Connecta
       const eventTarget = getEventTarget(event)
       if (eventTarget) {
         const value = getValueFromEventTarget(eventTarget)
-        this.setValue(eventTarget.name || eventTarget.id, value, true)
+        this.setValue(eventTarget.name || eventTarget.id, value, this._validateOnChange)
       }
     }