@pathscale/ui 1.1.62 → 1.1.64

package/dist/hooks/form/createForm.d.ts

@@ -10,8 +10,9 @@ export type CreateFormOptions<TValues extends AnyValues = AnyValues> = {
      */
     defaultValues: TValues;
     /**
-     * Any Standard Schema-compatible schema (Zod, Valibot, Arktype, …).
-     * Applied as `validators.onBlur` and `validators.onSubmit` by default.
+     * Any Standard Schema-compatible schema (Zod, Valibot, Arktype, ...).
+     * Applied as `validators.onChange`, `validators.onBlur` and
+     * `validators.onSubmit`.
      */
     schema?: StandardSchemaV1<TValues>;
     /**

package/dist/hooks/form/createForm.js

@@ -1,12 +1,87 @@
 import * as __WEBPACK_EXTERNAL_MODULE__tanstack_solid_form_5af81884__ from "@tanstack/solid-form";
+const createValidationLogic = (props)=>{
+    if (!props.validators) return props.runValidation({
+        validators: [],
+        form: props.form
+    });
+    const isAsync = props.event.async;
+    const onMountValidator = isAsync ? void 0 : {
+        fn: props.validators.onMount,
+        cause: "mount"
+    };
+    const onChangeValidator = {
+        fn: isAsync ? props.validators.onChangeAsync : props.validators.onChange,
+        cause: "change"
+    };
+    const onBlurValidator = {
+        fn: isAsync ? props.validators.onBlurAsync : props.validators.onBlur,
+        cause: "blur"
+    };
+    const onSubmitValidator = {
+        fn: isAsync ? props.validators.onSubmitAsync : props.validators.onSubmit,
+        cause: "submit"
+    };
+    const onServerValidator = isAsync ? void 0 : {
+        fn: ()=>void 0,
+        cause: "server"
+    };
+    switch(props.event.type){
+        case "mount":
+            return props.runValidation({
+                validators: [
+                    onMountValidator
+                ],
+                form: props.form
+            });
+        case "submit":
+            return props.runValidation({
+                validators: [
+                    onChangeValidator,
+                    onBlurValidator,
+                    onSubmitValidator,
+                    onServerValidator
+                ],
+                form: props.form
+            });
+        case "server":
+            return props.runValidation({
+                validators: [],
+                form: props.form
+            });
+        case "blur":
+            return props.runValidation({
+                validators: [
+                    onBlurValidator,
+                    onServerValidator
+                ],
+                form: props.form
+            });
+        case "change":
+            return props.runValidation({
+                validators: [
+                    onChangeValidator,
+                    onBlurValidator,
+                    onServerValidator
+                ],
+                form: props.form
+            });
+        default:
+            throw new Error(`Unknown validation event type: ${props.event.type}`);
+    }
+};
 const createForm = (options)=>{
+    const hasSchema = Boolean(options.schema);
+    const hasAsyncValidators = Boolean(options.asyncValidators);
     const tsForm = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_form_5af81884__.createForm)(()=>({
             defaultValues: options.defaultValues,
-            validators: options.schema ? {
+            validators: hasSchema || hasAsyncValidators ? {
                 onChange: options.schema,
                 onBlur: options.schema,
-                onSubmit: options.schema
+                onSubmit: options.schema,
+                onBlurAsync: options.asyncValidators?.onBlur,
+                onSubmitAsync: options.asyncValidators?.onSubmit
             } : void 0,
+            validationLogic: createValidationLogic,
             onSubmit: async ({ value })=>{
                 await options.onSubmit?.(value);
             }