solid-hook-form 2.2.0 → 2.3.0

package/dist/main.d.ts

@@ -72,6 +72,8 @@ type ResetOptions = {
     keepValues?: boolean;
     keepTouched?: boolean;
     keepDirty?: boolean;
+    keepIsSubmitted?: boolean;
+    keepSubmitCount?: boolean;
 };
 type Reset<F extends FormValues> = (values?: Partial<F>, options?: ResetOptions) => void;
 
@@ -108,6 +110,8 @@ type CreateFormReturn<F extends FormValues = FormValues> = {
         isDirty: Accessor<boolean>;
         touchedFields: Accessor<TouchedFields<F>>;
         dirtyFields: Accessor<DirtyFields<F>>;
+        isSubmitted: Accessor<boolean>;
+        submitCount: Accessor<number>;
     };
     values: Accessor<F>;
     errors: FieldErrors<F>;

package/dist/main.js

@@ -146,6 +146,23 @@ var createRules = () => {
   };
   return { rules, addRule, getRule };
 };
+var createSubmit = () => {
+  const [isSubmitted, setIsSubmitted] = createSignal(false);
+  const [submitCount, setSubmitCount] = createSignal(0);
+  const logSubmit = () => {
+    setIsSubmitted(true);
+    setSubmitCount((prev) => prev + 1);
+  };
+  const resetSubmit = (keepIsSubmitted, keepSubmitCount) => {
+    if (!keepIsSubmitted) {
+      setIsSubmitted(false);
+    }
+    if (!keepSubmitCount) {
+      setSubmitCount(0);
+    }
+  };
+  return { isSubmitted, submitCount, logSubmit, resetSubmit };
+};
 var createTouchedFields = () => {
   const [touchedFields, setTouchedFields] = createSignal({});
   const addTouched = (name) => {
@@ -283,6 +300,7 @@ var createForm = (arg) => {
   const { errors, appendError, removeError, resetErrors, getError } = createErrors();
   const { touchedFields, addTouched, resetTouched } = createTouchedFields();
   const { dirtyFields, isDirty, checkDirty, resetDirty } = createDirtyFields(defaultValues);
+  const { isSubmitted, submitCount, logSubmit, resetSubmit } = createSubmit();
   const isValid = createMemo(() => {
     return !Object.keys(errors).length;
   });
@@ -418,6 +436,7 @@ var createForm = (arg) => {
   const handleSubmit = (onSubmit, onError) => {
     return async (event) => {
       event.preventDefault();
+      logSubmit();
       await validateAllFields();
       if (isValid()) {
         onSubmit(getValues());
@@ -428,6 +447,7 @@ var createForm = (arg) => {
     };
   };
   const reset = (values2, options = {}) => {
+    resetSubmit(options.keepIsSubmitted, options.keepSubmitCount);
     resetErrors(options.keepErrors);
     resetTouched(options.keepTouched);
     resetDirty(options.keepDirty);
@@ -458,7 +478,9 @@ var createForm = (arg) => {
       isValid,
       isDirty,
       touchedFields,
-      dirtyFields
+      dirtyFields,
+      isSubmitted,
+      submitCount
     },
     values,
     errors,

package/dist/main.jsx

@@ -1,5 +1,5 @@
 // src/create_form.ts
-import { createMemo as createMemo2, createSignal as createSignal3 } from "solid-js";
+import { createMemo as createMemo2, createSignal as createSignal4 } from "solid-js";
 
 // src/logic/create_dirty_fields.ts
 import { createMemo, createSignal } from "solid-js";
@@ -150,10 +150,30 @@ var createRules = () => {
   return { rules, addRule, getRule };
 };
 
-// src/logic/create_touched_fields.ts
+// src/logic/create_submit.ts
 import { createSignal as createSignal2 } from "solid-js";
+var createSubmit = () => {
+  const [isSubmitted, setIsSubmitted] = createSignal2(false);
+  const [submitCount, setSubmitCount] = createSignal2(0);
+  const logSubmit = () => {
+    setIsSubmitted(true);
+    setSubmitCount((prev) => prev + 1);
+  };
+  const resetSubmit = (keepIsSubmitted, keepSubmitCount) => {
+    if (!keepIsSubmitted) {
+      setIsSubmitted(false);
+    }
+    if (!keepSubmitCount) {
+      setSubmitCount(0);
+    }
+  };
+  return { isSubmitted, submitCount, logSubmit, resetSubmit };
+};
+
+// src/logic/create_touched_fields.ts
+import { createSignal as createSignal3 } from "solid-js";
 var createTouchedFields = () => {
-  const [touchedFields, setTouchedFields] = createSignal2({});
+  const [touchedFields, setTouchedFields] = createSignal3({});
   const addTouched = (name) => {
     setTouchedFields((prev) => {
       const newState = { ...prev };
@@ -285,10 +305,11 @@ var createForm = (arg) => {
   const { defaultValues, mode = "onChange", resolver } = arg;
   const { fields, getField, setField } = createFields();
   const { rules, addRule, getRule } = createRules();
-  const [values, setValues] = createSignal3(structuredClone(defaultValues));
+  const [values, setValues] = createSignal4(structuredClone(defaultValues));
   const { errors, appendError, removeError, resetErrors, getError } = createErrors();
   const { touchedFields, addTouched, resetTouched } = createTouchedFields();
   const { dirtyFields, isDirty, checkDirty, resetDirty } = createDirtyFields(defaultValues);
+  const { isSubmitted, submitCount, logSubmit, resetSubmit } = createSubmit();
   const isValid = createMemo2(() => {
     return !Object.keys(errors).length;
   });
@@ -424,6 +445,7 @@ var createForm = (arg) => {
   const handleSubmit = (onSubmit, onError) => {
     return async (event) => {
       event.preventDefault();
+      logSubmit();
       await validateAllFields();
       if (isValid()) {
         onSubmit(getValues());
@@ -434,6 +456,7 @@ var createForm = (arg) => {
     };
   };
   const reset = (values2, options = {}) => {
+    resetSubmit(options.keepIsSubmitted, options.keepSubmitCount);
     resetErrors(options.keepErrors);
     resetTouched(options.keepTouched);
     resetDirty(options.keepDirty);
@@ -464,7 +487,9 @@ var createForm = (arg) => {
       isValid,
       isDirty,
       touchedFields,
-      dirtyFields
+      dirtyFields,
+      isSubmitted,
+      submitCount
     },
     values,
     errors,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-hook-form",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "type": "module",
   "main": "./dist/main.js",
   "module": "./dist/main.js",