@formisch/svelte 0.6.0 → 0.7.1

package/README.md

@@ -30,7 +30,7 @@ Every form starts with the `createForm` function. It initializes your form's sto
   const loginForm = createForm({ schema: LoginSchema });
 </script>
 
-<Form of={loginForm} onsubmit={(output) => console.log(output)}>
+<Form of={loginForm} onsubmit={(output, event) => console.log(output)}>
   <Field of={loginForm} path={['email']}>
     {#snippet children(field)}
       <div>

package/dist/components/Form/Form.svelte

@@ -3,6 +3,7 @@
     INTERNAL,
     type Schema,
     type SubmitHandler,
+    type SubmitEventHandler,
   } from '../../core/index.svelte';
   import { handleSubmit } from '../../methods/index.svelte';
   import type { FormStore } from '../../types/index';
@@ -23,7 +24,7 @@
     /**
      * The submit handler called when the form is submitted and validation succeeds.
      */
-    onsubmit: SubmitHandler<TSchema>;
+    onsubmit: SubmitHandler<TSchema> | SubmitEventHandler<TSchema>;
     /**
      * The child elements to render within the form.
      */

package/dist/components/Form/Form.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type Schema, type SubmitHandler } from '../../core/index.svelte';
+import { type Schema, type SubmitHandler, type SubmitEventHandler } from '../../core/index.svelte';
 import type { FormStore } from '../../types/index';
 import type { Snippet } from 'svelte';
 import type { HTMLFormAttributes } from 'svelte/elements';
@@ -13,7 +13,7 @@ export type FormProps<TSchema extends Schema = Schema> = Omit<HTMLFormAttributes
     /**
      * The submit handler called when the form is submitted and validation succeeds.
      */
-    onsubmit: SubmitHandler<TSchema>;
+    onsubmit: SubmitHandler<TSchema> | SubmitEventHandler<TSchema>;
     /**
      * The child elements to render within the form.
      */

package/dist/core/index.svelte.d.ts

@@ -212,11 +212,11 @@ type MaybePromise<TValue> = TValue | Promise<TValue>;
 /**
 * Makes all properties deeply optional.
 */
-type DeepPartial<TValue> = TValue extends readonly unknown[] ? number extends TValue["length"] ? TValue : { [Key in keyof TValue]?: DeepPartial<TValue[Key]> | undefined } : TValue extends Record<PropertyKey, unknown> ? { [Key in keyof TValue]?: DeepPartial<TValue[Key]> | undefined } : TValue | undefined;
+type DeepPartial<TValue> = TValue extends Record<PropertyKey, unknown> | readonly unknown[] ? { [Key in keyof TValue]?: DeepPartial<TValue[Key]> | undefined } : TValue | undefined;
 /**
 * Makes all value properties optional.
 */
-type PartialValues<TValue> = TValue extends readonly unknown[] ? number extends TValue["length"] ? TValue : { [Key in keyof TValue]: PartialValues<TValue[Key]> } : TValue extends Record<PropertyKey, unknown> ? { [Key in keyof TValue]: PartialValues<TValue[Key]> } : TValue | undefined;
+type PartialValues<TValue> = TValue extends Record<PropertyKey, unknown> | readonly unknown[] ? { [Key in keyof TValue]: PartialValues<TValue[Key]> } : TValue | undefined;
 //#endregion
 //#region src/types/form.d.ts
 /**
@@ -295,7 +295,11 @@ interface BaseFormStore<TSchema extends Schema = Schema> {
 /**
 * Submit handler type.
 */
-type SubmitHandler<TSchema extends Schema> = (output: v.InferOutput<TSchema>, event: SubmitEvent) => MaybePromise<unknown>;
+type SubmitHandler<TSchema extends Schema> = (output: v.InferOutput<TSchema>) => MaybePromise<unknown>;
+/**
+* Submit event handler type.
+*/
+type SubmitEventHandler<TSchema extends Schema> = (output: v.InferOutput<TSchema>, event: SubmitEvent) => MaybePromise<unknown>;
 //#endregion
 //#region src/types/path.d.ts
 /**
@@ -578,4 +582,4 @@ declare function createSignal<T>(initialValue: T): Signal<T>;
 */
 declare function batch<T>(fn: () => T): T;
 //#endregion
-export { BaseFormStore, Batch, DeepPartial, FieldElement, FieldSchema, FormConfig, INTERNAL, InternalArrayStore, InternalBaseStore, InternalFieldStore, InternalFormStore, InternalObjectStore, InternalValueStore, IsAny, IsNever, MaybePromise, PartialValues, Path, PathKey, PathValue, RequiredPath, Schema, Signal, SubmitHandler, Untrack, ValidArrayPath, ValidPath, ValidateFormInputConfig, ValidationMode, batch, copyItemState, createFormStore, createId, createSignal, framework, getElementInput, getFieldBool, getFieldInput, getFieldStore, initializeFieldStore, resetItemState, setFieldBool, setFieldInput, setInitialFieldInput, swapItemState, untrack, validateFormInput, validateIfRequired, walkFieldStore };
+export { BaseFormStore, Batch, DeepPartial, FieldElement, FieldSchema, FormConfig, INTERNAL, InternalArrayStore, InternalBaseStore, InternalFieldStore, InternalFormStore, InternalObjectStore, InternalValueStore, IsAny, IsNever, MaybePromise, PartialValues, Path, PathKey, PathValue, RequiredPath, Schema, Signal, SubmitEventHandler, SubmitHandler, Untrack, ValidArrayPath, ValidPath, ValidateFormInputConfig, ValidationMode, batch, copyItemState, createFormStore, createId, createSignal, framework, getElementInput, getFieldBool, getFieldInput, getFieldStore, initializeFieldStore, resetItemState, setFieldBool, setFieldInput, setInitialFieldInput, swapItemState, untrack, validateFormInput, validateIfRequired, walkFieldStore };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export type { DeepPartial, FieldElement, FormConfig, PartialValues, PathValue, RequiredPath, Schema, SubmitHandler, ValidArrayPath, ValidationMode, ValidPath, } from './core/index.svelte';
+export type { DeepPartial, FieldElement, FormConfig, PartialValues, PathValue, RequiredPath, Schema, SubmitEventHandler, SubmitHandler, ValidArrayPath, ValidationMode, ValidPath, } from './core/index.svelte';
 export * from './methods/index.svelte';
 export * from './components/index';
 export * from './runes/index';

package/dist/methods/index.svelte.d.ts

@@ -1,4 +1,4 @@
-import { BaseFormStore, DeepPartial, PartialValues, PathValue, RequiredPath, Schema, SubmitHandler, ValidArrayPath, ValidPath } from "../core/index.svelte";
+import { BaseFormStore, DeepPartial, PartialValues, PathValue, RequiredPath, Schema, SubmitEventHandler, SubmitHandler, ValidArrayPath, ValidPath } from "../core/index.svelte";
 import * as v from "valibot";
 
 //#region src/focus/focus.d.ts
@@ -116,6 +116,17 @@ declare function getInput<TSchema extends Schema, TFieldPath extends RequiredPat
 //#endregion
 //#region src/handleSubmit/handleSubmit.d.ts
 /**
+* Creates a submit event handler for the form that validates the form input,
+* and calls the provided handler if validation succeeds. This is designed to
+* be used with the form's onsubmit event.
+*
+* @param form The form store to handle submission for.
+* @param handler The submit handler function called with validated output if validation succeeds.
+*
+* @returns A submit event handler function to attach to the form element.
+*/
+declare function handleSubmit<TSchema extends Schema>(form: BaseFormStore<TSchema>, handler: SubmitHandler<TSchema>): () => Promise<void>;
+/**
 * Creates a submit event handler for the form that prevents default browser
 * submission, validates the form input, and calls the provided handler if
 * validation succeeds. This is designed to be used with the form's onsubmit event.
@@ -125,7 +136,7 @@ declare function getInput<TSchema extends Schema, TFieldPath extends RequiredPat
 *
 * @returns A submit event handler function to attach to the form element.
 */
-declare function handleSubmit<TSchema extends Schema>(form: BaseFormStore<TSchema>, handler: SubmitHandler<TSchema>): (event: SubmitEvent) => Promise<void>;
+declare function handleSubmit<TSchema extends Schema>(form: BaseFormStore<TSchema>, handler: SubmitEventHandler<TSchema>): (event: SubmitEvent) => Promise<void>;
 //#endregion
 //#region src/insert/insert.d.ts
 /**

package/dist/methods/index.svelte.js

@@ -54,7 +54,7 @@ function getInput(form, config) {
 /* @__NO_SIDE_EFFECTS__ */
 function handleSubmit(form, handler) {
 	return async (event) => {
-		event.preventDefault();
+		event?.preventDefault();
 		const internalFormStore = form[INTERNAL];
 		internalFormStore.isSubmitted.value = true;
 		internalFormStore.isSubmitting.value = true;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formisch/svelte",
   "description": "The modular and type-safe form library for Svelte",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "license": "MIT",
   "author": "Fabian Hiller",
   "homepage": "https://formisch.dev",
@@ -50,9 +50,9 @@
     "typescript": "^5.9.2",
     "valibot": "^1.2.0",
     "vite": "^7.1.5",
-    "@formisch/core": "0.5.0",
+    "@formisch/core": "0.6.1",
     "@formisch/eslint-config": "0.1.0",
-    "@formisch/methods": "0.6.0"
+    "@formisch/methods": "0.7.0"
   },
   "peerDependencies": {
     "svelte": "^5.29.0",