@teamnovu/kit-vue-forms 0.2.1 → 0.2.3

package/dist/composables/useForm.d.ts

@@ -3,16 +3,14 @@ import { z } from 'zod';
 import { Form, FormDataDefault } from '../types/form';
 import { ValidationStrategy } from '../types/validation';
 import { ValidationOptions } from './useValidation';
-import { DeepPartial } from '../utils/type-helpers';
 export interface UseFormOptions<T extends FormDataDefault, TOut = T> extends ValidationOptions<T, TOut> {
     initialData: MaybeRefOrGetter<T>;
     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'> & {
-    schema: MaybeRef<TSchema>;
-    initialData: MaybeRefOrGetter<DeepPartial<z.input<TSchema>>>;
-}): Form<z.input<TSchema>, z.output<TSchema>>;
+export declare function useForm<T extends FormDataDefault, TOut = T>(options: UseFormOptions<T, TOut> & {
+    schema: z.ZodType<TOut, T>;
+}): Form<T, TOut>;
 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.3",
   "description": "",
   "main": "dist/index.js",
   "type": "module",

package/src/composables/useForm.ts

@@ -19,7 +19,6 @@ import { useFieldRegistry } from './useFieldRegistry'
 import { useFormState } from './useFormState'
 import { createSubformInterface } from './useSubform'
 import { useValidation, type ValidationOptions } from './useValidation'
-import type { DeepPartial } from '../utils/type-helpers'
 
 export interface UseFormOptions<T extends FormDataDefault, TOut = T>
   extends ValidationOptions<T, TOut> {
@@ -31,12 +30,10 @@ 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>>(
-  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>>
+export function useForm<
+  T extends FormDataDefault,
+  TOut = T,
+>(options: UseFormOptions<T, TOut> & { schema: z.ZodType<TOut, T> }): Form<T, TOut>
 
 // 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,