chore: move useTransform to adapters and remove it from core

Author: harry-whorlow

packages/react-form-nextjs/src/index.ts

@@ -2,3 +2,4 @@ export * from '@tanstack/react-form'
 
 export * from './createServerValidate'
 export * from './error'
+export * from './useTransform'

packages/react-form/src/useTransform.ts …es/react-form-nextjs/src/useTransform.tspackages/react-form/src/useTransform.ts renamed to packages/react-form-nextjs/src/useTransform.ts packages/react-form/src/useTransform.ts renamed to packages/react-form-nextjs/src/useTransform.ts

@@ -2,3 +2,4 @@ export * from '@tanstack/react-form'
 
 export * from './createServerValidate'
 export * from './error'
+export * from './useTransform'

packages/react-form-remix/src/index.ts

@@ -0,0 +1,11 @@
+import type { AnyFormApi, FormTransform } from '@tanstack/form-core'
+
+export function useTransform(
+  fn: (formBase: AnyFormApi) => AnyFormApi,
+  deps: unknown[],
+): FormTransform<any, any, any, any, any, any, any, any, any, any, any, any> {
+  return {
+    fn,
+    deps,
+  }
+}

packages/react-form-remix/src/useTransform.ts

@@ -3,3 +3,4 @@ export * from '@tanstack/react-form'
 export * from './createServerValidate'
 export * from './getFormData'
 export * from './error'
+export * from './useTransform'

…react-form/tests/useTransform.test-d.tsx …form-remix/tests/useTransform.test-d.tsxpackages/react-form/tests/useTransform.test-d.tsx renamed to packages/react-form-remix/tests/useTransform.test-d.tsx packages/react-form/tests/useTransform.test-d.tsx renamed to packages/react-form-remix/tests/useTransform.test-d.tsx

@@ -0,0 +1,11 @@
+import type { AnyFormApi, FormTransform } from '@tanstack/form-core'
+
+export function useTransform(
+  fn: (formBase: AnyFormApi) => AnyFormApi,
+  deps: unknown[],
+): FormTransform<any, any, any, any, any, any, any, any, any, any, any, any> {
+  return {
+    fn,
+    deps,
+  }
+}

packages/react-form-start/src/index.ts

@@ -0,0 +1,27 @@
+import { expectTypeOf, it } from 'vitest'
+import { formOptions, mergeForm, useForm, useTransform } from '../src'
+import type { ServerFormState } from '../src'
+
+it('should maintain the type of the form', () => {
+  const state = {} as ServerFormState<any, any>
+
+  const formOpts = formOptions({
+    defaultValues: {
+      firstName: '',
+      age: 123,
+    } as const,
+  })
+
+  function Comp() {
+    const form = useForm({
+      ...formOpts,
+      transform: useTransform(
+        (baseForm) => mergeForm(baseForm, state),
+        [state],
+      ),
+    })
+
+    expectTypeOf(form.state.values.age).toEqualTypeOf<123>()
+    expectTypeOf(form.state.values.firstName).toEqualTypeOf<''>()
+  }
+})

packages/react-form-start/src/useTransform.ts

@@ -7,4 +7,3 @@ export * from './types'
 export * from './useField'
 export * from './useFieldGroup'
 export * from './useForm'
-export * from './useTransform'