@tanstack/form-core - npm Package Compare versions

Comparing version 0.34.0 to 0.34.1

dist/esm/FieldApi.d.ts

@@ -216,2 +216,3 @@ import { Store } from '@tanstack/store';
     prevState: FieldState<TData>;
+    timeoutIds: Record<ValidationCause, ReturnType<typeof setTimeout> | null>;
     /**
@@ -218,0 +219,0 @@ * Initializes a new `FieldApi` instance.

dist/esm/FieldApi.js

@@ -215,3 +215,6 @@ import { Store } from "@tanstack/store";
               rawError = await new Promise((rawResolve, rawReject) => {
-                setTimeout(async () => {
+                if (this.timeoutIds[validateObj.cause]) {
+                  clearTimeout(this.timeoutIds[validateObj.cause]);
+                }
+                this.timeoutIds[validateObj.cause] = setTimeout(async () => {
                   if (controller.signal.aborted) return rawResolve(void 0);
@@ -320,2 +323,3 @@ try {
     this.name = opts.name;
+    this.timeoutIds = {};
     if (opts.defaultValue !== void 0) {
@@ -322,0 +326,0 @@ this.form.setFieldValue(this.name, opts.defaultValue, {

dist/esm/FormApi.js

@@ -105,2 +105,3 @@ import { Store } from "@tanstack/store";
           fieldValidationPromises.push(
+            // Remember, `validate` is either a sync operation or a promise
             Promise.resolve().then(() => fieldInstance.validate(cause))
@@ -107,0 +108,0 @@ );

package.json

 {
   "name": "@tanstack/form-core",
-  "version": "0.34.0",
+  "version": "0.34.1",
   "description": "Powerful, type-safe, framework agnostic forms.",
@@ -5,0 +5,0 @@ "author": "tannerlinsley",

src/FieldApi.ts

@@ -435,2 +435,3 @@ import { Store } from '@tanstack/store'
   prevState!: FieldState<TData>
+  timeoutIds: Record<ValidationCause, ReturnType<typeof setTimeout> | null>
 
@@ -451,3 +452,3 @@ /**
     this.name = opts.name as never
-
+    this.timeoutIds = {} as Record<ValidationCause, never>
     if (opts.defaultValue !== undefined) {
@@ -896,3 +897,7 @@ this.form.setFieldValue(this.name, opts.defaultValue as never, {
             rawError = await new Promise((rawResolve, rawReject) => {
-              setTimeout(async () => {
+              if (this.timeoutIds[validateObj.cause]) {
+                clearTimeout(this.timeoutIds[validateObj.cause]!)
+              }
+
+              this.timeoutIds[validateObj.cause] = setTimeout(async () => {
                 if (controller.signal.aborted) return rawResolve(undefined)
@@ -899,0 +904,0 @@ try {

src/FormApi.ts

@@ -587,2 +587,3 @@ import { Store } from '@tanstack/store'
         fieldValidationPromises.push(
+          // Remember, `validate` is either a sync operation or a promise
           Promise.resolve().then(() => fieldInstance.validate(cause)),
@@ -589,0 +590,0 @@ )

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

469373

increased by0.46%

Lines of code

6226

increased by0.27%

No dependency changes