fix: release

RELEASE_ALL

Author: tannerlinsley

packages/form-core/package.json

@@ -27,6 +27,6 @@
     "build:types": "tsc --build"
   },
   "dependencies": {
-    "@tanstack/store": "0.0.1-beta.88"
+    "@tanstack/store": "0.0.1-beta.89"
   }
 }

packages/form-core/src/FieldApi.ts

@@ -81,6 +81,7 @@ export class FieldApi<TData, TFormData> {
   name!: DeepKeys<TFormData>
   store!: Store<FieldState<TData>>
   state!: FieldState<TData>
+  #prevState!: FieldState<TData>
   options: FieldOptions<TData, TFormData> = {} as any
 
   constructor(opts: FieldApiOptions<TData, TFormData>) {
@@ -105,32 +106,33 @@ export class FieldApi<TData, TFormData> {
         },
       },
       {
-        onUpdate: (next) => {
-          next.meta.touchedError = next.meta.isTouched
-            ? next.meta.error
-            : undefined
+        onUpdate: () => {
+          const state = this.store.state
 
-          const prev = this.state
-          this.state = next
+          state.meta.touchedError = state.meta.isTouched
+            ? state.meta.error
+            : undefined
 
-          if (next.value !== prev.value) {
-            this.validate('change', next.value)
+          if (state.value !== this.#prevState.value) {
+            this.validate('change', state.value)
           }
 
-          return this.state
+          this.#prevState = state
+          this.state = state
         },
       },
     )
 
     this.state = this.store.state
+    this.#prevState = this.state
     this.update(opts)
   }
 
   mount = () => {
     const info = this.getInfo()
     info.instances[this.uid] = this
 
-    const unsubscribe = this.form.store.subscribe((next) => {
+    const unsubscribe = this.form.store.subscribe(() => {
       this.store.batch(() => {
         const nextValue = this.getValue()
         const nextMeta = this.getMeta()

packages/form-core/src/FormApi.ts

@@ -116,9 +116,10 @@ export class FormApi<TFormData> {
         isFormValid: true,
       }),
       {
-        onUpdate: (next) => {
+        onUpdate: () => {
+          let { state } = this.store
           // Computed state
-          const fieldMetaValues = Object.values(next.fieldMeta) as (
+          const fieldMetaValues = Object.values(state.fieldMeta) as (
             | FieldMeta
             | undefined
           )[]
@@ -131,15 +132,15 @@ export class FormApi<TFormData> {
 
           const isTouched = fieldMetaValues.some((field) => field?.isTouched)
 
-          const isValidating = isFieldsValidating || next.isFormValidating
-          const isFormValid = !next.formError
+          const isValidating = isFieldsValidating || state.isFormValidating
+          const isFormValid = !state.formError
           const isValid = isFieldsValid && isFormValid
           const canSubmit =
-            (next.submissionAttempts === 0 && !isTouched) ||
-            (!isValidating && !next.isSubmitting && isValid)
+            (state.submissionAttempts === 0 && !isTouched) ||
+            (!isValidating && !state.isSubmitting && isValid)
 
-          next = {
-            ...next,
+          state = {
+            ...state,
             isFieldsValidating,
             isFieldsValid,
             isFormValid,
@@ -148,10 +149,8 @@ export class FormApi<TFormData> {
             isTouched,
           }
 
-          // Create a shortcut for the state
-          // Write it back to the store
-          this.store.state = next
-          this.state = next
+          this.store.state = state
+          this.state = state
         },
       },
     )
@@ -176,10 +175,7 @@ export class FormApi<TFormData> {
       }
 
       if (options.defaultValues !== this.options.defaultValues) {
-        this.store.setState((prev) => ({
-          ...prev,
-          values: options.defaultValues as TFormData,
-        }))
+        this.store.setState(() => getDefaultFormState(options.defaultValues!))
       }
     })
 

packages/react-form/src/useForm.tsx

@@ -57,7 +57,7 @@ export function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {
       selector,
     ) => {
       // eslint-disable-next-line react-hooks/rules-of-hooks
-      return useStore(api.store, selector as any) as any
+      return useStore(api.store, selector) as any
     }
     api.Subscribe = (
       // @ts-ignore
@@ -66,7 +66,7 @@ export function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {
       return functionalUpdate(
         props.children,
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        useStore(api.store, props.selector as any),
+        useStore(api.store, props.selector),
       ) as any
     }