@tanstack/vue-form 2.0.0-alpha.0 → 2.0.0-alpha.2

package/src/VueForm/formApiTypes.public.ts

@@ -1,32 +0,0 @@
-import type { AnyFormApi, FormApi, FormErrorTypes } from '@tanstack/form-core'
-import type { Component } from 'vue'
-import type { VueTanStackFormComponents } from './Components.public'
-import type {
-  AnyVueFormComponentMap,
-  DefaultVueFormComponentMap,
-} from '../AppForm/componentMap.public'
-
-type ExtendedFormApi<
-  TFormData,
-  TFormErrorTypes extends FormErrorTypes,
-  TFieldComponents extends Record<string, Component>,
-> = FormApi<TFormData, TFormErrorTypes> &
-  VueTanStackFormComponents<TFormData, TFormErrorTypes, TFieldComponents>
-
-export type VueFormApi<
-  TFormData,
-  TFormErrorTypes extends FormErrorTypes,
-  TComponents extends AnyVueFormComponentMap = DefaultVueFormComponentMap,
-> = unknown extends TComponents['formComponents']
-  ? ExtendedFormApi<TFormData, TFormErrorTypes, TComponents['fieldComponents']>
-  : ExtendedFormApi<
-      TFormData,
-      TFormErrorTypes,
-      TComponents['fieldComponents']
-    > &
-      TComponents['formComponents']
-
-export type AnyVueFormApi = AnyFormApi &
-  VueTanStackFormComponents<any, any, any>
-
-export type { VueFormComponentMap } from '../AppForm/componentMap.public'

package/src/VueForm/formType.public.ts

@@ -1,46 +0,0 @@
-import type {
-  AnyFormOptions,
-  FormOptions,
-  FormValidators,
-  ToFormErrorTypes,
-} from '@tanstack/form-core'
-import type { AppFormOptions } from '../AppForm/appFormOptions.public'
-import type {
-  AnyVueFormComponentMap,
-  DefaultVueFormComponentMap,
-} from '../AppForm/componentMap.public'
-import type { VueFormApi } from './formApiTypes.public'
-
-type VueFormTypeErrorTypes<
-  TFormValidators extends FormValidators<any>,
-  TSubmitReturn,
-> = unknown extends TSubmitReturn
-  ? any
-  : ToFormErrorTypes<TFormValidators, TSubmitReturn>
-
-export type VueFormType<
-  TOptions extends
-    AnyFormOptions | AppFormOptions<any, any, any, AnyVueFormComponentMap>,
-> =
-  TOptions extends AppFormOptions<
-    infer TFormData,
-    infer TFormValidators,
-    infer TSubmitReturn,
-    infer TComponents
-  >
-    ? VueFormApi<
-        TFormData,
-        VueFormTypeErrorTypes<TFormValidators, TSubmitReturn>,
-        TComponents
-      >
-    : TOptions extends FormOptions<
-          infer TFormData,
-          infer TFormValidators,
-          infer TSubmitReturn
-        >
-      ? VueFormApi<
-          TFormData,
-          VueFormTypeErrorTypes<TFormValidators, TSubmitReturn>,
-          DefaultVueFormComponentMap
-        >
-      : never

package/src/VueForm/useField.lib.ts

@@ -1,64 +0,0 @@
-import { useSelector } from '@tanstack/vue-store'
-import { onMounted, onUnmounted, shallowRef, watch, watchEffect } from 'vue'
-import type { Component, ShallowRef } from 'vue'
-import type {
-  AnyInternalFieldApi,
-  AnyInternalFormApi,
-} from '@tanstack/form-core/internals'
-
-export interface InternalFieldProps {
-  form: AnyInternalFormApi
-  name: string
-  [key: string]: unknown
-}
-
-export function useField(
-  options: () => InternalFieldProps,
-  fieldComponents: Record<string, Component> | null,
-): ShallowRef<AnyInternalFieldApi> {
-  const initialOptions = options()
-  const resetVersion = useSelector(initialOptions.form._atoms.resetVersion)
-
-  const createField = () => {
-    const current = options()
-    const field = current.form._getOrCreateFieldApi({
-      ...current,
-      name: current.name,
-    } as never)
-    if (fieldComponents !== null) Object.assign(field, fieldComponents)
-    return field
-  }
-
-  const fieldApi = shallowRef(createField())
-
-  watch(
-    [() => options().form, () => options().name, resetVersion],
-    () => {
-      fieldApi.value = createField()
-    },
-    { flush: 'sync' },
-  )
-
-  watchEffect(() => {
-    fieldApi.value._update(options() as never)
-  })
-
-  let mounted = false
-  let unregister: (() => void) | undefined
-  watch(
-    fieldApi,
-    (field) => {
-      if (!mounted) return
-      unregister?.()
-      unregister = field._register()
-    },
-    { flush: 'sync' },
-  )
-  onMounted(() => {
-    mounted = true
-    unregister = fieldApi.value._register()
-  })
-  onUnmounted(() => unregister?.())
-
-  return fieldApi
-}

package/src/VueForm/useForm.public.ts

@@ -1,30 +0,0 @@
-import { initializeForm, useInternalForm } from './VueFormApi.lib'
-import type {
-  FormOptions,
-  FormValidators,
-  ToFormErrorTypes,
-} from '@tanstack/form-core'
-import type {
-  AnyVueFormComponentMap,
-  DefaultVueFormComponentMap,
-} from '../AppForm/componentMap.public'
-import type { VueFormApi } from './formApiTypes.public'
-
-export type UseFormHook<in out TComponents extends AnyVueFormComponentMap> = <
-  TFormData,
-  const TFormValidators extends FormValidators<TFormData>,
-  TSubmitReturn,
->(
-  options: FormOptions<TFormData, TFormValidators, TSubmitReturn>,
-) => VueFormApi<
-  TFormData,
-  ToFormErrorTypes<TFormValidators, TSubmitReturn>,
-  TComponents
->
-
-function useFormHook(options: FormOptions<any, any, any>) {
-  return useInternalForm(options, initializeForm)
-}
-
-export const useForm =
-  useFormHook as never as UseFormHook<DefaultVueFormComponentMap>

package/src/index.ts

@@ -1,16 +0,0 @@
-export * from '@tanstack/form-core'
-export * from '@tanstack/vue-store'
-
-export * from './VueForm/useForm.public'
-export * from './VueForm/formApiTypes.public'
-export * from './VueForm/formType.public'
-export * from './VueForm/Components.public'
-export * from './Subscribe.public'
-export * from './FieldGroup/FieldGroupApi.public'
-export * from './FieldGroup/withFields.public'
-export * from './AppForm/VueAppFormApi.public'
-export * from './AppForm/appFormOptions.public'
-export * from './AppForm/componentMap.public'
-export * from './AppForm/createFormHook.public'
-export * from './AppForm/createFormHookTypes.public'
-export * from './AppForm/getFormHookHelpers.public'

package/src/vueTypes.lib.ts

@@ -1,31 +0,0 @@
-import type {
-  ComponentOptionsMixin,
-  CreateComponentPublicInstanceWithMixins,
-  EmitsOptions,
-  PublicProps,
-  SlotsType,
-} from 'vue'
-
-export type VueComponentInstance<
-  TProps extends Record<string, any>,
-  TSlots extends Record<string, any>,
-> = CreateComponentPublicInstanceWithMixins<
-  TProps,
-  {},
-  {},
-  {},
-  {},
-  ComponentOptionsMixin,
-  ComponentOptionsMixin,
-  EmitsOptions,
-  PublicProps,
-  {},
-  false,
-  {},
-  SlotsType<TSlots>
->
-
-export type VueComponentWithSlots<
-  TProps extends Record<string, any>,
-  TSlots extends Record<string, any>,
-> = new (props: TProps & PublicProps) => VueComponentInstance<TProps, TSlots>