@weser/forms 0.0.5 → 0.0.7

package/dist/defaultIsEmpty.d.ts

@@ -0,0 +1 @@
+export default function defaultIsEmpty<T>(value: T): boolean | string;

package/dist/defaultIsEmpty.js

@@ -0,0 +1,6 @@
+export default function defaultIsEmpty(value) {
+    if (typeof value === 'string') {
+        return value.length === 0;
+    }
+    return false;
+}

package/dist/types.d.ts

@@ -14,6 +14,6 @@ export type Options<T> = {
     touched?: boolean;
     showValidationOn?: 'submit' | 'blur' | 'change';
     parseValue?: (e: any) => T;
-    formatErrorMessage?: (error: ZodIssue, name?: string) => string;
+    formatErrorMessage?: (error: ZodIssue, value: T, name?: string) => string;
     _onUpdateValue?: (value: T, dirty: boolean) => void;
 };

package/dist/useField.d.ts

@@ -1,7 +1,7 @@
 import { ChangeEvent } from 'react';
-import { ZodSchema } from 'zod';
+import { ZodType } from 'zod';
 import { Field, Options } from './types.js';
-export default function useField<T = string, C = ChangeEvent<HTMLInputElement>>(schema: ZodSchema, { name, value, disabled, touched, showValidationOn, parseValue, formatErrorMessage, _onUpdateValue, }?: Options<T>): {
+export default function useField<T = string, C = ChangeEvent<HTMLInputElement>>(schema: ZodType, { name, value, disabled, touched, showValidationOn, parseValue, formatErrorMessage, _onUpdateValue, }?: Options<T>): {
     required: boolean;
     valid: boolean;
     update: (data: Partial<Field<T>>) => void;

package/dist/useField.js

@@ -4,12 +4,9 @@ import defaultParseValue from './defaultParseValue.js';
 export default function useField(schema, { name, value = '', disabled = false, touched = false, showValidationOn = 'submit', parseValue = (defaultParseValue), formatErrorMessage = defaultFormatErrorMessage, _onUpdateValue, } = {}) {
     const isOptional = schema.isOptional();
     function validate(value) {
-        const res = schema.safeParse(value);
-        if (res.success) {
-            return;
-        }
-        else {
-            return formatErrorMessage(res.error.errors[0], name);
+        const { success, error } = schema.safeParse(value);
+        if (!success) {
+            return formatErrorMessage(error.issues[0], value, name);
         }
     }
     const message = validate(value);

package/dist/useForm.d.ts

@@ -1,8 +1,8 @@
 import { FormEvent, ChangeEvent } from 'react';
 import { z, ZodObject, ZodError, ZodRawShape, ZodIssue } from 'zod';
 import { Field, Options } from './types.js';
-export default function useForm<S extends ZodRawShape>(schema: ZodObject<S>, formatErrorMessage?: (error: ZodIssue, name?: string) => string): {
-    useFormField: <T = string>(name: keyof S, options?: Omit<Options<T>, 'formatErrorMessage' | 'name' | '_onUpdateValue'>) => {
+export default function useForm<S extends ZodRawShape>(schema: ZodObject<S>, formatErrorMessage?: (error: ZodIssue, value: any, name: string) => string): {
+    useFormField: <T = string, C = ChangeEvent<HTMLInputElement>>(name: keyof S, options?: Omit<Options<T>, 'formatErrorMessage' | 'name' | '_onUpdateValue'>) => {
         reset: () => void;
         required: boolean;
         valid: boolean;
@@ -16,7 +16,7 @@ export default function useForm<S extends ZodRawShape>(schema: ZodObject<S>, for
             required: boolean;
             name: string | undefined;
             'data-valid': boolean;
-            onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+            onChange: (e: C) => void;
         } | {
             onFocus: () => void;
             onBlur?: undefined;
@@ -25,7 +25,7 @@ export default function useForm<S extends ZodRawShape>(schema: ZodObject<S>, for
             required: boolean;
             name: string | undefined;
             'data-valid': boolean;
-            onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+            onChange: (e: C) => void;
         };
         initial: {
             value: T;
@@ -44,7 +44,7 @@ export default function useForm<S extends ZodRawShape>(schema: ZodObject<S>, for
             valid: boolean;
             required: boolean;
             errorMessage: string | undefined;
-            onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+            onChange: (e: C) => void;
         } | {
             onFocus: () => void;
             onBlur?: undefined;
@@ -54,7 +54,7 @@ export default function useForm<S extends ZodRawShape>(schema: ZodObject<S>, for
             valid: boolean;
             required: boolean;
             errorMessage: string | undefined;
-            onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+            onChange: (e: C) => void;
         };
         value: T;
         disabled: boolean;

package/dist/useForm.js

@@ -69,6 +69,7 @@ export default function useForm(schema, formatErrorMessage = defaultFormatErrorM
     }
     function handleSubmit(onSubmit, onError) {
         return (e) => {
+            e.stopPropagation();
             e.preventDefault();
             touchFields();
             const data = mapFieldsToData(fields);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weser/forms",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "React hooks for forms with zod schemas",
   "author": "Robin Weser <robin@weser.io>",
   "license": "MIT",
@@ -52,7 +52,8 @@
     "ava": "^6.1.3",
     "react": "canary",
     "rimraf": "^3.0.2",
-    "typescript": "^5.4.5"
+    "typescript": "^5.4.5",
+    "zod": "4.0.0-beta.20250505T195954"
   },
-  "gitHead": "cafc1b7a26fbd5dbc1341ecd1bd758fdeda37f2f"
+  "gitHead": "5f42d8868acf40e4d8c417883d6b23b4cfe8ca90"
 }