maz-ui 4.3.4-beta.3 → 4.3.4-beta.4

package/dist/composables/useFormValidator/types.d.ts

@@ -47,6 +47,11 @@ export interface FormValidatorOptions<Model extends BaseFormPayload = BaseFormPa
      * @default `main-form-validator`
      */
     identifier?: string | symbol;
+    /**
+     * Reset the form on submit success - you must use handleSubmit to handle the form submission
+     * @default true
+     */
+    resetOnSuccess?: boolean;
 }
 export type StrictOptions<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>>> = Required<FormValidatorOptions<Model, ModelKey>>;
 export interface FormContext<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>>> {

package/dist/composables/useFormValidator.d.ts

@@ -18,6 +18,9 @@ export declare function useFormValidator<TSchema extends MaybeRefOrGetter<FormSc
     fieldsStates: Ref<FieldsStates<InferSchemaFormValidator<TSchema>, ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>>, FieldsStates<InferSchemaFormValidator<TSchema>, ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>>>;
     validateForm: (setErrors?: boolean) => Promise<void[]>;
     scrollToError: typeof scrollToError;
-    handleSubmit: <Func extends (model: InferOutputSchemaFormValidator<TSchema>) => Promise<Awaited<ReturnType<Func>>> | ReturnType<Func>>(successCallback: Func, enableScrollOrSelector?: FormValidatorOptions["scrollToError"]) => (event?: Event) => Promise<ReturnType<Func> | undefined>;
+    resetForm: () => void;
+    handleSubmit: <Func extends (model: InferOutputSchemaFormValidator<TSchema>) => Promise<Awaited<ReturnType<Func>>> | ReturnType<Func>>(successCallback: Func, enableScrollOrSelector?: FormValidatorOptions["scrollToError"], options?: {
+        resetOnSuccess?: boolean;
+    }) => (event?: Event) => Promise<ReturnType<Func> | undefined>;
     errorMessages: import('vue').ComputedRef<Record<ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>, string | undefined>>;
 };

package/dist/composables/useFormValidator.js

@@ -22,6 +22,7 @@ function useFormValidator({ schema, defaultValues, model, options }) {
     debouncedFields: null,
     throttledFields: null,
     identifier: "main-form-validator",
+    resetOnSuccess: !0,
     ...options
   }, internalDefaultValues = ref(toValue(defaultValues)), payload = ref({ ...internalDefaultValues.value, ...model?.value }), internalSchema = ref(toValue(schema)), fieldsStates = ref(
     getFieldsStates({
@@ -102,7 +103,17 @@ function useFormValidator({ schema, defaultValues, model, options }) {
       { deep: !0 }
     );
   }
-  function handleSubmit(successCallback, enableScrollOrSelector) {
+  function resetForm() {
+    payloadWatchStop && payloadWatchStop(), isSubmitting.value = !1, isSubmitted.value = !1, payload.value = { ...internalDefaultValues.value }, fieldsStates.value = getFieldsStates({
+      schema: internalSchema.value,
+      payload: payload.value,
+      options: opts
+    }), internalValidateForm(!1), setupOptimizedWatch();
+  }
+  function handleSubmit(successCallback, enableScrollOrSelector, options2) {
+    const finalOptions = {
+      resetOnSuccess: options2?.resetOnSuccess ?? opts.resetOnSuccess
+    };
     return async (event) => {
       if (event?.preventDefault(), !isSubmitting.value) {
         isSubmitted.value = !0, isSubmitting.value = !0;
@@ -110,7 +121,7 @@ function useFormValidator({ schema, defaultValues, model, options }) {
           await internalValidateForm(!0);
           const scrollToErrorParam = typeof enableScrollOrSelector == "string" ? enableScrollOrSelector : opts.scrollToError;
           let response;
-          return isValid.value ? response = await successCallback(payload.value) : typeof scrollToErrorParam != "boolean" && scrollToError(scrollToErrorParam), isSubmitting.value = !1, response;
+          return isValid.value ? (response = await successCallback(payload.value), (finalOptions.resetOnSuccess || options2?.resetOnSuccess) && resetForm()) : typeof scrollToErrorParam != "boolean" && scrollToError(scrollToErrorParam), isSubmitting.value = !1, response;
         } finally {
           isSubmitting.value = !1;
         }
@@ -136,6 +147,7 @@ function useFormValidator({ schema, defaultValues, model, options }) {
     fieldsStates,
     validateForm: internalValidateForm,
     scrollToError,
+    resetForm,
     handleSubmit,
     errorMessages
   };

package/dist/types/composables/useFormValidator/types.d.ts

@@ -47,6 +47,11 @@ export interface FormValidatorOptions<Model extends BaseFormPayload = BaseFormPa
      * @default `main-form-validator`
      */
     identifier?: string | symbol;
+    /**
+     * Reset the form on submit success - you must use handleSubmit to handle the form submission
+     * @default true
+     */
+    resetOnSuccess?: boolean;
 }
 export type StrictOptions<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>>> = Required<FormValidatorOptions<Model, ModelKey>>;
 export interface FormContext<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>>> {

package/dist/types/composables/useFormValidator.d.ts

@@ -18,6 +18,9 @@ export declare function useFormValidator<TSchema extends MaybeRefOrGetter<FormSc
     fieldsStates: Ref<FieldsStates<InferSchemaFormValidator<TSchema>, ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>>, FieldsStates<InferSchemaFormValidator<TSchema>, ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>>>;
     validateForm: (setErrors?: boolean) => Promise<void[]>;
     scrollToError: typeof scrollToError;
-    handleSubmit: <Func extends (model: InferOutputSchemaFormValidator<TSchema>) => Promise<Awaited<ReturnType<Func>>> | ReturnType<Func>>(successCallback: Func, enableScrollOrSelector?: FormValidatorOptions["scrollToError"]) => (event?: Event) => Promise<ReturnType<Func> | undefined>;
+    resetForm: () => void;
+    handleSubmit: <Func extends (model: InferOutputSchemaFormValidator<TSchema>) => Promise<Awaited<ReturnType<Func>>> | ReturnType<Func>>(successCallback: Func, enableScrollOrSelector?: FormValidatorOptions["scrollToError"], options?: {
+        resetOnSuccess?: boolean;
+    }) => (event?: Event) => Promise<ReturnType<Func> | undefined>;
     errorMessages: import('vue').ComputedRef<Record<ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>, string | undefined>>;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "maz-ui",
   "type": "module",
-  "version": "4.3.4-beta.3",
+  "version": "4.3.4-beta.4",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -178,9 +178,9 @@
     "libphonenumber-js": "^1.12.33",
     "valibot": "^1.2.0",
     "vue-chartjs": "^5.3.3",
-    "@maz-ui/themes": "4.3.0",
-    "@maz-ui/icons": "4.3.0",
     "@maz-ui/cli": "4.3.4-beta.0",
+    "@maz-ui/icons": "4.3.0",
+    "@maz-ui/themes": "4.3.0",
     "@maz-ui/utils": "4.3.0",
     "@maz-ui/translations": "4.3.0"
   },
@@ -217,8 +217,8 @@
     "vue": "^3.5.26",
     "vue-router": "^4.6.4",
     "vue-tsc": "^3.2.1",
-    "@maz-ui/node": "4.3.4-beta.0",
-    "@maz-ui/eslint-config": "4.3.2"
+    "@maz-ui/eslint-config": "4.3.2",
+    "@maz-ui/node": "4.3.4-beta.0"
   },
   "lint-staged": {
     "*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix",