2.5.0 - handle field skipping when setting new form values

React-Hive · Jan 9, 2025 · 445c815 · 445c815
1 parent 812c4a7
commit 445c815
Show file tree

Hide file tree

Showing 4 changed files with 78 additions and 67 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-hive/honey-form",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "The TS library to build the fully customized forms using React framework",
   "keywords": [
     "react",
@@ -33,7 +33,7 @@
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
-    "@mdx-js/react": "3.0.1"
+    "@mdx-js/react": "3.1.0"
   },
   "devDependencies": {
     "@testing-library/react": "16.1.0",
@@ -58,7 +58,7 @@
     "prettier": "3.4.2",
     "ts-jest": "29.2.5",
     "ts-loader": "9.5.1",
-    "typescript": "5.7.2",
+    "typescript": "5.7.3",
     "webpack": "5.97.1",
     "webpack-cli": "6.0.1",
     "html-webpack-plugin": "5.6.3"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/field.ts b/src/field.ts
@@ -1718,6 +1718,7 @@ export const getNextFieldsState = <
   });
 
   processSkippableFields({ parentField, nextFormFields, formContext });
+
   triggerScheduledFieldsValidations({
     parentField,
     fieldName,

diff --git a/src/hooks/use-base-honey-form.ts b/src/hooks/use-base-honey-form.ts
@@ -213,6 +213,7 @@ export const useBaseHoneyForm = <
           () => {
             const nextFormFields = { ...formFields };
 
+            const formValues = getFormValues(nextFormFields);
             if (isClearAll) {
               resetAllFields(nextFormFields);
             }
@@ -226,19 +227,28 @@ export const useBaseHoneyForm = <
 
               const fieldConfig = nextFormFields[fieldName].config;
 
+              const isSkipField = checkIsSkipField({
+                parentField,
+                fieldName,
+                formContext,
+                formValues,
+                formFields: nextFormFields,
+              });
+
               const filteredValue =
                 checkIfHoneyFormFieldIsInteractive(fieldConfig) && fieldConfig.filter
                   ? fieldConfig.filter(values[fieldName], { formContext })
                   : values[fieldName];
 
-              const nextFormField = isValidate
-                ? executeFieldValidator({
-                    formContext,
-                    fieldName,
-                    formFields: nextFormFields,
-                    fieldValue: filteredValue,
-                  })
-                : getNextErrorsFreeField(nextFormFields[fieldName]);
+              const nextFormField =
+                !isSkipField && isValidate
+                  ? executeFieldValidator({
+                      formContext,
+                      fieldName,
+                      formFields: nextFormFields,
+                      fieldValue: filteredValue,
+                    })
+                  : getNextErrorsFreeField(nextFormFields[fieldName]);
 
               nextFormFields[fieldName] = getNextSingleFieldState(nextFormField, filteredValue, {
                 formContext,