@tanstack/form-core 1.27.7 → 1.28.1

package/dist/cjs/FieldGroupApi.d.cts

@@ -62,7 +62,7 @@ export declare class FieldGroupApi<in out TFormData, in out TFieldGroupData, in
     /**
      * Validates a specified field in the form using the correct handlers for a given validation type.
      */
-    validateField: <TField extends DeepKeys<TFieldGroupData>>(field: TField, cause: ValidationCause) => unknown[] | Promise<unknown[]>;
+    validateField: <TField extends DeepKeys<TFieldGroupData>>(field: TField, cause: ValidationCause) => any[] | Promise<any[]>;
     /**
      * Handles the form submission, performs validation, and calls the appropriate onSubmit or onSubmitInvalid callbacks.
      */

package/dist/cjs/FormApi.cjs

@@ -33,7 +33,6 @@ class FormApi {
   constructor(opts) {
     this.options = {};
     this.fieldInfo = {};
-    this.prevTransformArray = [];
     this.mount = () => {
       const cleanupFieldMetaDerived = this.fieldMetaDerived.mount();
       const cleanupStoreDerived = this.store.mount();
@@ -96,12 +95,9 @@ class FormApi {
       if (!options) return;
       const oldOptions = this.options;
       this.options = options;
-      const shouldUpdateReeval = !!options.transform?.deps?.some(
-        (val, i) => val !== this.prevTransformArray[i]
-      );
       const shouldUpdateValues = options.defaultValues && !utils.evaluate(options.defaultValues, oldOptions.defaultValues) && !this.state.isTouched;
       const shouldUpdateState = !utils.evaluate(options.defaultState, oldOptions.defaultState) && !this.state.isTouched;
-      if (!shouldUpdateValues && !shouldUpdateState && !shouldUpdateReeval) return;
+      if (!shouldUpdateValues && !shouldUpdateState) return;
       store.batch(() => {
         this.baseStore.setState(
           () => getDefaultFormState(
@@ -111,8 +107,7 @@ class FormApi {
               shouldUpdateState ? options.defaultState : {},
               shouldUpdateValues ? {
                 values: options.defaultValues
-              } : {},
-              shouldUpdateReeval ? { _force_re_eval: !this.state._force_re_eval } : {}
+              } : {}
             )
           )
         );
@@ -185,7 +180,15 @@ class FormApi {
     };
     this.validateField = (field, cause) => {
       const fieldInstance = this.fieldInfo[field]?.instance;
-      if (!fieldInstance) return [];
+      if (!fieldInstance) {
+        const { hasErrored } = this.validateSync(cause);
+        if (hasErrored && !this.options.asyncAlways) {
+          return this.getFieldMeta(field)?.errors ?? [];
+        }
+        return this.validateAsync(cause).then(() => {
+          return this.getFieldMeta(field)?.errors ?? [];
+        });
+      }
       if (!fieldInstance.state.meta.isTouched) {
         fieldInstance.setMeta((prev) => ({ ...prev, isTouched: true }));
       }
@@ -858,12 +861,42 @@ class FormApi {
     };
     this._formId = opts?.formId ?? utils.uuid();
     this._devtoolsSubmissionOverride = false;
-    this.baseStore = new store.Store(
-      getDefaultFormState({
-        ...opts?.defaultState,
-        values: opts?.defaultValues ?? opts?.defaultState?.values
-      })
-    );
+    let baseStoreVal = getDefaultFormState({
+      ...opts?.defaultState,
+      values: opts?.defaultValues ?? opts?.defaultState?.values
+    });
+    if (opts?.transform) {
+      baseStoreVal = opts.transform({ state: baseStoreVal }).state;
+      for (const errKey of Object.keys(baseStoreVal.errorMap)) {
+        const errKeyMap = baseStoreVal.errorMap[errKey];
+        if (errKeyMap === void 0 || !utils.isGlobalFormValidationError(errKeyMap)) {
+          continue;
+        }
+        for (const fieldName of Object.keys(errKeyMap.fields)) {
+          const fieldErr = errKeyMap.fields[fieldName];
+          if (fieldErr === void 0) {
+            continue;
+          }
+          const existingFieldMeta = baseStoreVal.fieldMetaBase[fieldName];
+          baseStoreVal.fieldMetaBase[fieldName] = {
+            isTouched: false,
+            isValidating: false,
+            isBlurred: false,
+            isDirty: false,
+            ...existingFieldMeta ?? {},
+            errorSourceMap: {
+              ...existingFieldMeta?.["errorSourceMap"] ?? {},
+              onChange: "form"
+            },
+            errorMap: {
+              ...existingFieldMeta?.["errorMap"] ?? {},
+              [errKey]: fieldErr
+            }
+          };
+        }
+      }
+    }
+    this.baseStore = new store.Store(baseStoreVal);
     this.fieldMetaDerived = new store.Derived({
       deps: [this.baseStore],
       fn: ({ prevDepVals, currDepVals, prevVal: _prevVal }) => {
@@ -885,7 +918,7 @@ class FormApi {
               (val) => val !== void 0
             );
             const fieldInstance = this.getFieldInfo(fieldName)?.instance;
-            if (fieldInstance && !fieldInstance.options.disableErrorFlat) {
+            if (!fieldInstance || !fieldInstance.options.disableErrorFlat) {
               fieldErrors = fieldErrors.flat(1);
             }
           }
@@ -976,7 +1009,7 @@ class FormApi {
         if (prevVal && prevBaseStore && prevVal.errorMap === errorMap && prevVal.fieldMeta === this.fieldMetaDerived.state && prevVal.errors === errors && prevVal.isFieldsValidating === isFieldsValidating && prevVal.isFieldsValid === isFieldsValid && prevVal.isFormValid === isFormValid && prevVal.isValid === isValid && prevVal.canSubmit === canSubmit && prevVal.isTouched === isTouched && prevVal.isBlurred === isBlurred && prevVal.isPristine === isPristine && prevVal.isDefaultValue === isDefaultValue && prevVal.isDirty === isDirty && utils.evaluate(prevBaseStore, currBaseStore)) {
           return prevVal;
         }
-        let state = {
+        const state = {
           ...currBaseStore,
           errorMap,
           fieldMeta: this.fieldMetaDerived.state,
@@ -992,14 +1025,6 @@ class FormApi {
           isDefaultValue,
           isDirty
         };
-        const transformArray = this.options.transform?.deps ?? [];
-        const shouldTransform = transformArray.length !== this.prevTransformArray.length || transformArray.some((val, i) => val !== this.prevTransformArray[i]);
-        if (shouldTransform) {
-          const newObj = Object.assign({}, this, { state });
-          this.options.transform?.fn(newObj);
-          state = newObj.state;
-          this.prevTransformArray = transformArray;
-        }
         return state;
       }
     });