Merge branch 'TanStack:main' into fix-isBlurred

Author: Pascalmh

.github/workflows/autofix.yml

@@ -14,21 +14,18 @@ permissions:
 
 jobs:
   autofix:
-    if: ${{ !contains(github.event.head_commit.message, 'apply automated fixes')}}
     name: autofix
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v4.2.1
       - name: Setup Tools
         uses: tanstack/config/.github/setup@main
       - name: Fix formatting
         run: pnpm prettier:write
       - name: Generate Docs
-        if: ${{ github.event_name == 'push' }}
         run: pnpm docs:generate
-
       - name: Apply fixes
         uses: autofix-ci/action@ff86a557419858bb967097bfc916833f5647fa8c
         with:
-          commit-message: 'ci: apply automated fixes'
+          commit-message: 'ci: apply automated fixes and generate docs'

docs/framework/angular/guides/validation.md

@@ -469,6 +469,38 @@ export class AppComponent {
 }
 ```
 
+### Form Level Adapter Validation
+
+You can also use the adapter at the form level:
+
+```typescript
+import { zodValidator } from '@tanstack/zod-form-adapter'
+import { z } from 'zod'
+
+// ...
+
+const form = injectForm({
+  validatorAdapter: zodValidator(),
+  validators: {
+    onChange: z.object({
+      age: z.number().gte(13, 'You must be 13 to make an account'),
+    }),
+  },
+})
+```
+
+If you use the adapter at the form level, it will pass the validation to the fields of the same name.
+
+This means that:
+
+```html
+<ng-container [tanstackField]="form" name="age" #age="field">
+  <!-- ... -->
+</ng-container>
+```
+
+Will still display the error message from the form-level validation.
+
 ## Preventing invalid forms from being submitted
 
 The `onChange`, `onBlur` etc... callbacks are also run when the form is submitted and the submission is blocked if the form is invalid.

docs/framework/react/guides/react-native.md

@@ -17,7 +17,7 @@ Here is an example:
   {field => (
     <>
       <Text>Age:</Text>
-      <TextInput value={field.state.value} onChangeText={handleChange} />
+      <TextInput value={field.state.value} onChangeText={field.handleChange} />
       {
         field.state.meta.errors
           ? <Text>{field.state.meta.errors.join(', ')}</Text>

docs/framework/react/guides/validation.md

@@ -477,6 +477,44 @@ These adapters also support async operations using the proper property names:
 />
 ```
 
+### Form Level Adapter Validation
+
+You can also use the adapter at the form level:
+
+```tsx
+import { zodValidator } from '@tanstack/zod-form-adapter'
+import { z } from 'zod'
+
+// ...
+
+const formSchema = z.object({
+  age: z.number().gte(13, 'You must be 13 to make an account'),
+})
+
+const form = useForm({
+  validatorAdapter: zodValidator(),
+  validators: {
+    onChange: formSchema
+  },
+})
+```
+
+If you use the adapter at the form level, it will pass the validation to the fields of the same name.
+
+This means that:
+
+```tsx
+
+<form.Field
+  name="age"
+  children={(field) => {
+    return <>{/* ... */}</>
+  }}
+/>
+```
+
+Will still display the error message from the form-level validation.
+
 ## Preventing invalid forms from being submitted
 
 The `onChange`, `onBlur` etc... callbacks are also run when the form is submitted and the submission is blocked if the form is invalid.

docs/framework/solid/guides/validation.md

@@ -376,6 +376,44 @@ These adapters also support async operations using the proper property names:
 />
 ```
 
+### Form Level Adapter Validation
+
+
+You can also use the adapter at the form level:
+
+```tsx
+import { zodValidator } from '@tanstack/zod-form-adapter'
+import { z } from 'zod'
+
+// ...
+
+const form = createForm(() => ({
+  validatorAdapter: zodValidator(),
+  validators: {
+    onChange: z.object({
+      age: z.number().gte(13, 'You must be 13 to make an account'),
+    }),
+  },
+}))
+```
+
+If you use the adapter at the form level, it will pass the validation to the fields of the same name.
+
+This means that:
+
+```tsx
+
+<form.Field
+  name="age"
+  children={(field) => {
+    return <>{/* ... */}</>
+  }}
+/>
+```
+
+Will still display the error message from the form-level validation.
+
+
 ## Preventing invalid forms from being submitted
 
 The `onChange`, `onBlur` etc... callbacks are also run when the form is submitted and the submission is blocked if the form is invalid.

docs/framework/solid/reference/index.md

@@ -16,6 +16,6 @@ title: "@tanstack/solid-form"
 
 ## Functions
 
-- [Field](functions/field.md)
 - [createField](functions/createfield.md)
 - [createForm](functions/createform.md)
+- [Field](functions/field.md)

docs/framework/solid/reference/interfaces/solidformapi.md

@@ -13,6 +13,18 @@ title: SolidFormApi
 
 ## Properties
 
+### createField
+
+```ts
+createField: CreateField<TFormData, TFormValidator>;
+```
+
+#### Defined in
+
+[createForm.tsx:16](https://github.com/TanStack/form/blob/main/packages/solid-form/src/createForm.tsx#L16)
+
+***
+
 ### Field
 
 ```ts
@@ -53,18 +65,6 @@ Subscribe: <TSelected>(props) => Element;
 
 ***
 
-### createField
-
-```ts
-createField: CreateField<TFormData, TFormValidator>;
-```
-
-#### Defined in
-
-[createForm.tsx:16](https://github.com/TanStack/form/blob/main/packages/solid-form/src/createForm.tsx#L16)
-
-***
-
 ### useStore()
 
 ```ts