@teamnovu/kit-vue-forms 0.1.14 → 0.1.16

package/dist/components/FormFieldWrapper.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: <TData extends object, TPath extends Paths<TData>, TComp
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & FormFieldWrapperProps<TData, TPath, TComponent> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {
+    slots: Partial<Record<number, (_: any) => any>> & {
         default?(_: {}): any;
     };
     emit: {};

package/dist/composables/useField.d.ts

@@ -1,10 +1,14 @@
-import { MaybeRef, MaybeRefOrGetter, WritableComputedRef } from 'vue';
+import { Awaitable } from '@vueuse/core';
+import { MaybeRef, MaybeRefOrGetter, Ref } from 'vue';
 import { FormField } from '../types/form';
 import { ValidationErrors } from '../types/validation';
 export interface UseFieldOptions<T, K extends string> {
     value?: MaybeRef<T>;
     initialValue?: MaybeRefOrGetter<Readonly<T>>;
     path: K;
-    errors?: WritableComputedRef<ValidationErrors>;
+    errors?: Ref<ValidationErrors>;
+    existsInForm?: MaybeRef<boolean>;
+    onBlur?: () => Awaitable<void>;
+    onFocus?: () => Awaitable<void>;
 }
-export declare function useField<T, K extends string>(options: UseFieldOptions<T, K>): FormField<T, K>;
+export declare function useField<T, K extends string>(fieldOptions: UseFieldOptions<T, K>): FormField<T, K>;

package/dist/composables/useFieldRegistry.d.ts

@@ -1,17 +1,26 @@
+import { MaybeRef, ComputedRef } from 'vue';
 import { FieldsTuple, FormDataDefault, FormField } from '../types/form';
 import { Paths, PickProps } from '../types/util';
 import { UseFieldOptions } from './useField';
 import { ValidationState } from './useValidation';
-import { ComputedRef } from 'vue';
+import { Awaitable } from '@vueuse/core';
 export type ResolvedFormField<T, K extends Paths<T>> = FormField<PickProps<T, K>, K>;
-export type DefineFieldOptions<F, K extends string> = Pick<UseFieldOptions<F, K>, 'path'>;
+export type DefineFieldOptions<F, K extends string> = Pick<UseFieldOptions<F, K>, 'path'> & {
+    onBlur?: () => void;
+    onFocus?: () => void;
+};
 interface FormState<T extends FormDataDefault, TIn extends FormDataDefault = T> {
     data: T;
     initialData: TIn;
 }
-export declare function useFieldRegistry<T extends FormDataDefault>(formState: FormState<T>, validationState: ValidationState<T>): {
+interface FieldRegistryOptions {
+    keepValuesOnUnmount?: MaybeRef<boolean>;
+    onBlur?: (path: string) => Awaitable<void>;
+    onFocus?: (path: string) => Awaitable<void>;
+}
+export declare function useFieldRegistry<T extends FormDataDefault>(formState: FormState<T>, validationState: ValidationState<T>, fieldRegistryOptions?: FieldRegistryOptions): {
     fields: ComputedRef<FieldsTuple<T>>;
-    getField: <K extends Paths<T>>(path: K) => ResolvedFormField<T, K>;
+    getField: <P extends Paths<T>>(path: P) => ResolvedFormField<T, P>;
     registerField: <K extends Paths<T>>(field: ResolvedFormField<T, K>) => void;
     deregisterField: (path: Paths<T>) => void;
     defineField: <K extends Paths<T>>(options: DefineFieldOptions<PickProps<T, K>, K>) => ResolvedFormField<T, K>;

package/dist/composables/useValidation.d.ts

@@ -16,6 +16,7 @@ export declare function useValidation<T extends FormDataDefault>(formState: {
     data: T;
 }, options: ValidationOptions<T>): {
     validateForm: () => Promise<ValidationResult>;
+    validateField: (path: string) => Promise<ValidationResult>;
     defineValidator: <TData extends T>(options: ValidatorOptions<TData> | Ref<Validator<TData>>) => Ref<Validator<TData> | undefined, Validator<TData> | undefined>;
     isValid: ComputedRef<boolean>;
     reset: () => void;