Merge branch 'TanStack:main' into fix/1990-onSubmitInvalid-early-check

Author: Dhavanesh24cs412

.changeset/eight-dolls-wash.md

@@ -0,0 +1,7 @@
+---
+'@tanstack/react-form-devtools': patch
+'@tanstack/solid-form-devtools': patch
+'@tanstack/form-devtools': patch
+---
+
+Bump devtools utils to latest versions.

.changeset/green-tips-do.md

@@ -0,0 +1,6 @@
+---
+'@tanstack/react-form-devtools': patch
+'@tanstack/solid-form-devtools': patch
+---
+
+use explicit paths for the devtools production exports

packages/form-devtools/package.json

@@ -53,7 +53,7 @@
   ],
   "dependencies": {
     "@tanstack/devtools-ui": "^0.4.4",
-    "@tanstack/devtools-utils": "^0.2.3",
+    "@tanstack/devtools-utils": "^0.3.0",
     "@tanstack/form-core": "workspace:*",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.18",

packages/react-form-devtools/package.json

@@ -52,7 +52,7 @@
     "src"
   ],
   "dependencies": {
-    "@tanstack/devtools-utils": "^0.2.3",
+    "@tanstack/devtools-utils": "^0.3.0",
     "@tanstack/form-devtools": "workspace:*"
   },
   "devDependencies": {

packages/react-form-devtools/src/production.ts

@@ -1,7 +1,7 @@
 'use client'
 
-export { FormDevtoolsPanel } from './FormDevtools'
+export { FormDevtoolsPanel } from './production/FormDevtools'
 
-export type { FormDevtoolsReactInit } from './FormDevtools'
+export type { FormDevtoolsReactInit } from './production/FormDevtools'
 
-export { formDevtoolsPlugin } from './plugin'
+export { formDevtoolsPlugin } from './production/plugin'

packages/react-form-devtools/src/production/FormDevtools.tsx

@@ -0,0 +1,11 @@
+import { createReactPanel } from '@tanstack/devtools-utils/react'
+import { FormDevtoolsCore } from '@tanstack/form-devtools/production'
+
+// type
+import type { DevtoolsPanelProps } from '@tanstack/devtools-utils/react'
+
+export interface FormDevtoolsReactInit extends DevtoolsPanelProps {}
+
+const [FormDevtoolsPanel] = createReactPanel(FormDevtoolsCore)
+
+export { FormDevtoolsPanel }

packages/react-form-devtools/src/production/plugin.tsx

@@ -0,0 +1,9 @@
+import { createReactPlugin } from '@tanstack/devtools-utils/react'
+import { FormDevtoolsPanel } from './FormDevtools'
+
+const [formDevtoolsPlugin] = createReactPlugin({
+  name: 'TanStack Form',
+  Component: FormDevtoolsPanel,
+})
+
+export { formDevtoolsPlugin }

packages/solid-form-devtools/package.json

@@ -54,7 +54,7 @@
     "solid-js": ">=1.9.7"
   },
   "dependencies": {
-    "@tanstack/devtools-utils": "^0.2.3",
+    "@tanstack/devtools-utils": "^0.3.0",
     "@tanstack/form-devtools": "workspace:*"
   },
   "devDependencies": {

packages/solid-form-devtools/src/production.ts

@@ -1,5 +1,5 @@
 export { FormDevtoolsPanel } from './FormDevtools'
 
-export type { FormDevtoolsSolidInit } from './FormDevtools'
+export type { FormDevtoolsSolidInit } from './production/FormDevtools'
 
-export { formDevtoolsPlugin } from './plugin'
+export { formDevtoolsPlugin } from './production/plugin'

packages/solid-form-devtools/src/production/FormDevtools.tsx

@@ -0,0 +1,10 @@
+import { createSolidPanel } from '@tanstack/devtools-utils/solid'
+import { FormDevtoolsCore } from '@tanstack/form-devtools/production'
+
+import type { DevtoolsPanelProps } from '@tanstack/devtools-utils/solid'
+
+const [FormDevtoolsPanel] = createSolidPanel(FormDevtoolsCore)
+
+export interface FormDevtoolsSolidInit extends DevtoolsPanelProps {}
+
+export { FormDevtoolsPanel }