@weser/forms 0.0.12 → 0.0.14

package/dist/useField.d.ts

@@ -1,5 +1,6 @@
 import { ChangeEvent } from 'react';
 import { ZodType } from 'zod';
+import { $ZodIssue } from '@zod/core';
 import { Field, Options } from './types.js';
 export default function useField<T = string, C = ChangeEvent<HTMLInputElement>>(schema: ZodType, { name, value, disabled, touched, showValidationOn, parseValue, formatErrorMessage, _onInit, _onUpdate, _storedField, }?: Options<T>): {
     valid: boolean;
@@ -51,6 +52,7 @@ export default function useField<T = string, C = ChangeEvent<HTMLInputElement>>(
         valid: boolean;
         errorMessage: string | undefined;
     };
+    _applyError: (issue: $ZodIssue) => void;
     value: T;
     disabled: boolean;
     touched: boolean;

package/dist/useField.js

@@ -81,6 +81,13 @@ export default function useField(schema, { name, value = '', disabled = false, t
             onFocus: untouch,
         };
     }
+    function _applyError(issue) {
+        const errorMessage = formatErrorMessage(issue, field.value, name);
+        setField((field) => ({
+            ...field,
+            errorMessage,
+        }));
+    }
     const inputProps = {
         value: field.value,
         disabled: field.disabled,
@@ -108,5 +115,6 @@ export default function useField(schema, { name, value = '', disabled = false, t
         inputProps,
         props,
         _initial: initialField,
+        _applyError,
     };
 }

package/dist/useForm.d.ts

@@ -53,6 +53,7 @@ export default function useForm<S extends ZodRawShape>(schema: ZodObject<S>, for
             valid: boolean;
             errorMessage: string | undefined;
         };
+        _applyError: (issue: z.core.$ZodIssue) => void;
         value: T;
         disabled: boolean;
         touched: boolean;

package/dist/useForm.js

@@ -37,7 +37,11 @@ export default function useForm(schema, formatErrorMessage = defaultFormatErrorM
     }
     function touchFields() {
         for (const name in fields.current) {
-            fields.current[name].update({ touched: true });
+            fields.current[name].update({
+                touched: true,
+                // force revalidate
+                value: fields.current[name].value,
+            });
         }
     }
     function reset() {
@@ -65,11 +69,22 @@ export default function useForm(schema, formatErrorMessage = defaultFormatErrorM
             }
             else {
                 if (onError) {
+                    if (parsed.error.issues.length > 0) {
+                        _applyErrors(parsed.error.issues);
+                    }
                     onError(parsed.error);
                 }
             }
         };
     }
+    function _applyErrors(issues) {
+        for (const issue of issues) {
+            const field = fields.current[issue.path[0]];
+            if (field) {
+                field._applyError(issue);
+            }
+        }
+    }
     return {
         useFormField,
         handleSubmit,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weser/forms",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "React hooks for forms with zod schemas",
   "author": "Robin Weser <robin@weser.io>",
   "license": "MIT",
@@ -43,9 +43,12 @@
     "forms",
     "zod"
   ],
+  "dependencies": {
+    "@zod/core": "^0.11.6"
+  },
   "peerDependencies": {
     "react": ">16.3.0",
-    "zod": ">=3"
+    "zod": ">=4"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",
@@ -53,10 +56,7 @@
     "react": "canary",
     "rimraf": "^3.0.2",
     "typescript": "^5.4.5",
-    "zod": "4.0.0-beta.20250505T195954"
-  },
-  "dependencies": {
-    "@zod/core": "^0.11.6"
+    "zod": "^4.1.11"
   },
-  "gitHead": "8a4cafba91346a2a5bb4301317df661e176eb1d3"
+  "gitHead": "2844a44c54a0ada9f675baf40226f87fe894c29f"
 }