@teamnovu/kit-vue-forms 0.2.1 → 0.2.2

package/dist/composables/useForm.d.ts

@@ -9,10 +9,10 @@ export interface UseFormOptions<T extends FormDataDefault, TOut = T> extends Val
     validationStrategy?: MaybeRef<ValidationStrategy>;
     keepValuesOnUnmount?: MaybeRef<boolean>;
 }
-export declare function useForm<TSchema extends z.ZodType<FormDataDefault, FormDataDefault>>(options: Omit<UseFormOptions<z.input<TSchema>, z.output<TSchema>>, 'initialData'> & {
+export declare function useForm<TSchema extends z.ZodType<FormDataDefault, FormDataDefault>, InitialData extends DeepPartial<z.input<TSchema>>>(options: Omit<UseFormOptions<z.input<TSchema>, z.output<TSchema>>, 'initialData'> & {
     schema: MaybeRef<TSchema>;
-    initialData: MaybeRefOrGetter<DeepPartial<z.input<TSchema>>>;
-}): Form<z.input<TSchema>, z.output<TSchema>>;
+    initialData: MaybeRef<InitialData>;
+}): Form<z.input<TSchema> & InitialData, z.output<TSchema> & InitialData>;
 export declare function useForm<T extends FormDataDefault>(options: Omit<UseFormOptions<T, T>, 'schema'> & {
     schema?: undefined;
 }): Form<T, T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamnovu/kit-vue-forms",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "",
   "main": "dist/index.js",
   "type": "module",

package/src/composables/useForm.ts

@@ -31,12 +31,15 @@ export interface UseFormOptions<T extends FormDataDefault, TOut = T>
 /* eslint-disable no-redeclare */
 // Overload: with schema - infer types from schema
 // initialData can be partial, but provided fields must match schema types
-export function useForm<TSchema extends z.ZodType<FormDataDefault, FormDataDefault>>(
+export function useForm<
+  TSchema extends z.ZodType<FormDataDefault, FormDataDefault>,
+  InitialData extends DeepPartial<z.input<TSchema>>,
+>(
   options: Omit<UseFormOptions<z.input<TSchema>, z.output<TSchema>>, 'initialData'> & {
     schema: MaybeRef<TSchema>
-    initialData: MaybeRefOrGetter<DeepPartial<z.input<TSchema>>>
+    initialData: MaybeRef<InitialData>
   },
-): Form<z.input<TSchema>, z.output<TSchema>>
+): Form<z.input<TSchema> & InitialData, z.output<TSchema> & InitialData>
 
 // Overload: without schema - infer types from initialData
 export function useForm<T extends FormDataDefault>(

package/tests/nestedPath.test.ts

@@ -3,6 +3,7 @@ import { nextTick } from 'vue'
 import { z } from 'zod'
 import { useForm } from '../src/composables/useForm'
 import { isValidResult } from '../src/utils/validation'
+import { FormField } from '../src'
 
 describe('Nested Path Handling', () => {
   interface TestFormData {
@@ -556,7 +557,7 @@ describe('Nested Path Handling', () => {
     it('should handle large numbers of nested fields', () => {
       const form = useForm({ initialData })
 
-      const fields = []
+      const fields: FormField<string, string>[] = []
 
       // Create many nested fields
       for (let i = 0; i < 100; i++) {

package/tests/useField.test.ts

@@ -65,7 +65,7 @@ describe('useField', () => {
   it('should handle errors', () => {
     const field = useField({
       path: 'name',
-      errors: ['Required field'],
+      errors: ref(['Required field']),
     })
 
     expect(field.errors.value).toEqual(['Required field'])

package/tests/useForm.test.ts

@@ -4,8 +4,6 @@ import { z } from 'zod'
 import { useForm } from '../src/composables/useForm'
 import { isValidResult } from '../src/utils/validation'
 
-const scope = effectScope()
-
 describe('useForm', () => {
   it('should initialize form with initial data', () => {
     const initialData = {
@@ -481,7 +479,7 @@ describe('useForm', () => {
       { timeout: 500 },
       async () => {
         const initialData = ref({
-          name: null as null | number,
+          name: undefined as undefined | number,
         })
 
         const schema = z.object({

package/tests/useValidation.test.ts

@@ -307,10 +307,14 @@ describe('useValidation', () => {
   it('should not validate other fields than the blurred one', async () => {
     const schema = z.object({
       name: z.string().min(2),
-      email: z.string().email(),
+      email: z.email(),
     })
 
-    const initialData = { name: 'A', email: 'invalid-email' }
+    const initialData = {
+      name: 'A',
+      email: 'invalid-email',
+    }
+
     const form = useForm({
       initialData,
       schema,