@tanstack/solid-form 0.22.1 → 0.23.0

package/dist/index.d.ts

@@ -1,7 +1,4 @@
-export type { DeepKeys, DeepValue, FieldApiOptions, FieldInfo, FieldMeta, FieldOptions, FieldState, FormOptions, FormState, RequiredByKey, Updater, UpdaterFn, ValidationCause, ValidationError, ValidationMeta, } from '@tanstack/form-core';
-export { FormApi, FieldApi, functionalUpdate } from '@tanstack/form-core';
+export * from '@tanstack/form-core';
 export { createForm } from './createForm';
 export type { CreateField, FieldComponent } from './createField';
 export { createField, Field } from './createField';
-export type { FormFactory } from './createFormFactory';
-export { createFormFactory } from './createFormFactory';

package/dist/index.js

@@ -1,5 +1,4 @@
-export { FormApi, FieldApi, functionalUpdate } from '@tanstack/form-core';
+export * from '@tanstack/form-core';
 export { createForm } from './createForm';
 export { createField, Field } from './createField';
-export { createFormFactory } from './createFormFactory';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEzE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-form",
-  "version": "0.22.1",
+  "version": "0.23.0",
   "description": "Powerful, type-safe forms for Solid.",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@tanstack/solid-store": "^0.4.1",
-    "@tanstack/form-core": "0.22.0"
+    "@tanstack/form-core": "0.23.0"
   },
   "peerDependencies": {
     "solid-js": "^1.6.0"

package/src/index.ts

@@ -1,27 +1,6 @@
-export type {
-  DeepKeys,
-  DeepValue,
-  FieldApiOptions,
-  FieldInfo,
-  FieldMeta,
-  FieldOptions,
-  FieldState,
-  FormOptions,
-  FormState,
-  RequiredByKey,
-  Updater,
-  UpdaterFn,
-  ValidationCause,
-  ValidationError,
-  ValidationMeta,
-} from '@tanstack/form-core'
-
-export { FormApi, FieldApi, functionalUpdate } from '@tanstack/form-core'
+export * from '@tanstack/form-core'
 
 export { createForm } from './createForm'
 
 export type { CreateField, FieldComponent } from './createField'
 export { createField, Field } from './createField'
-
-export type { FormFactory } from './createFormFactory'
-export { createFormFactory } from './createFormFactory'

package/src/tests/createField.test.tsx

@@ -3,7 +3,7 @@ import { render, waitFor } from '@solidjs/testing-library'
 import userEvent from '@testing-library/user-event'
 import '@testing-library/jest-dom/vitest'
 import { Index, Show, createEffect } from 'solid-js'
-import { createForm, createFormFactory } from '../index'
+import { createForm } from '../index'
 import { sleep } from './utils'
 
 const user = userEvent.setup()
@@ -15,10 +15,8 @@ describe('createField', () => {
       lastName: string
     }
 
-    const formFactory = createFormFactory<Person>()
-
     function Comp() {
-      const form = formFactory.createForm()
+      const form = createForm<Person>()
 
       return (
         <>
@@ -51,10 +49,8 @@ describe('createField', () => {
       lastName: string
     }
 
-    const formFactory = createFormFactory<Person>()
-
     function Comp() {
-      const form = formFactory.createForm(() => ({
+      const form = createForm<Person>(() => ({
         defaultValues: {
           firstName: 'FirstName',
           lastName: 'LastName',
@@ -93,10 +89,8 @@ describe('createField', () => {
     }
     const error = 'Please enter a different value'
 
-    const formFactory = createFormFactory<Person>()
-
     function Comp() {
-      const form = formFactory.createForm()
+      const form = createForm<Person>()
 
       return (
         <>
@@ -136,10 +130,8 @@ describe('createField', () => {
     }
     const error = 'Please enter a different value'
 
-    const formFactory = createFormFactory<Person>()
-
     function Comp() {
-      const form = formFactory.createForm()
+      const form = createForm<Person>()
 
       return (
         <>
@@ -184,10 +176,8 @@ describe('createField', () => {
     const onChangeError = 'Please enter a different value (onChangeError)'
     const onBlurError = 'Please enter a different value (onBlurError)'
 
-    const formFactory = createFormFactory<Person>()
-
     function Comp() {
-      const form = formFactory.createForm()
+      const form = createForm<Person>()
 
       return (
         <>
@@ -235,10 +225,8 @@ describe('createField', () => {
     }
     const error = 'Please enter a different value'
 
-    const formFactory = createFormFactory<Person>()
-
     function Comp() {
-      const form = formFactory.createForm()
+      const form = createForm<Person>()
 
       return (
         <>
@@ -284,10 +272,8 @@ describe('createField', () => {
     const onChangeError = 'Please enter a different value (onChangeError)'
     const onBlurError = 'Please enter a different value (onBlurError)'
 
-    const formFactory = createFormFactory<Person>()
-
     function Comp() {
-      const form = formFactory.createForm()
+      const form = createForm<Person>()
 
       return (
         <>
@@ -342,10 +328,9 @@ describe('createField', () => {
     }
     const mockFn = vi.fn()
     const error = 'Please enter a different value'
-    const formFactory = createFormFactory<Person>()
 
     function Comp() {
-      const form = formFactory.createForm()
+      const form = createForm<Person>()
 
       return (
         <>

package/src/tests/createForm.test.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it, vi } from 'vitest'
 import { render, screen, waitFor } from '@solidjs/testing-library'
 import userEvent from '@testing-library/user-event'
 import { Show, createSignal, onCleanup } from 'solid-js'
-import { createForm, createFormFactory } from '../index'
+import { createForm } from '../index'
 import { sleep } from './utils'
 import type { ValidationErrorMap } from '@tanstack/form-core'
 
@@ -15,10 +15,8 @@ describe('createForm', () => {
       lastName: string
     }
 
-    const formFactory = createFormFactory<Person>()
-
     function Comp() {
-      const form = formFactory.createForm()
+      const form = createForm<Person>()
       return (
         <>
           <form.Field
@@ -50,14 +48,12 @@ describe('createForm', () => {
       lastName: string
     }
 
-    const formFactory = createFormFactory<Person>()
-
     function Comp() {
-      const form = formFactory.createForm(() => ({
+      const form = createForm(() => ({
         defaultValues: {
           firstName: 'FirstName',
           lastName: 'LastName',
-        },
+        } as Person,
       }))
 
       return (
@@ -159,10 +155,8 @@ describe('createForm', () => {
     }
     const error = 'Please enter a different value'
 
-    const formFactory = createFormFactory<Person>()
-
     function Comp() {
-      const form = formFactory.createForm(() => ({
+      const form = createForm<Person>(() => ({
         validators: {
           onChange: ({ value }) =>
             value.firstName.includes('other') ? error : undefined,
@@ -205,10 +199,8 @@ describe('createForm', () => {
     }
     const error = 'Please enter a different value'
 
-    const formFactory = createFormFactory<Person>()
-
     function Comp() {
-      const form = formFactory.createForm(() => ({
+      const form = createForm<Person>(() => ({
         validators: {
           onChange: ({ value }) =>
             value.firstName.includes('other') ? error : undefined,
@@ -257,10 +249,8 @@ describe('createForm', () => {
     const onChangeError = 'Please enter a different value (onChangeError)'
     const onBlurError = 'Please enter a different value (onBlurError)'
 
-    const formFactory = createFormFactory<Person>()
-
     function Comp() {
-      const form = formFactory.createForm(() => ({
+      const form = createForm<Person>(() => ({
         validators: {
           onChange: ({ value }) =>
             value.firstName.includes('other') ? onChangeError : undefined,
@@ -312,10 +302,8 @@ describe('createForm', () => {
     }
     const error = 'Please enter a different value'
 
-    const formFactory = createFormFactory<Person>()
-
     function Comp() {
-      const form = formFactory.createForm(() => ({
+      const form = createForm<Person>(() => ({
         validators: {
           onChangeAsync: async () => {
             await sleep(10)
@@ -365,10 +353,8 @@ describe('createForm', () => {
     const onChangeError = 'Please enter a different value (onChangeError)'
     const onBlurError = 'Please enter a different value (onBlurError)'
 
-    const formFactory = createFormFactory<Person>()
-
     function Comp() {
-      const form = formFactory.createForm(() => ({
+      const form = createForm<Person>(() => ({
         validators: {
           async onChangeAsync() {
             await sleep(10)
@@ -427,10 +413,9 @@ describe('createForm', () => {
     }
     const mockFn = vi.fn()
     const error = 'Please enter a different value'
-    const formFactory = createFormFactory<Person>()
 
     function Comp() {
-      const form = formFactory.createForm(() => ({
+      const form = createForm<Person>(() => ({
         validators: {
           onChangeAsyncDebounceMs: 100,
           onChangeAsync: async () => {

package/dist/createFormFactory.d.ts

@@ -1,8 +0,0 @@
-import { Field, createField } from './createField';
-import type { FormApi, FormOptions, Validator } from '@tanstack/form-core';
-export type FormFactory<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> = {
-    createForm: (opts?: () => FormOptions<TFormData, TFormValidator>) => FormApi<TFormData, TFormValidator>;
-    createField: typeof createField;
-    Field: typeof Field;
-};
-export declare function createFormFactory<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(defaultOpts?: () => FormOptions<TFormData, TFormValidator>): FormFactory<TFormData, TFormValidator>;

package/dist/createFormFactory.js

@@ -1,11 +0,0 @@
-import { mergeProps } from 'solid-js';
-import { Field, createField, } from './createField';
-import { createForm } from './createForm';
-export function createFormFactory(defaultOpts) {
-    return {
-        createForm: (opts) => createForm(() => mergeProps(defaultOpts?.() ?? {}, opts?.() ?? {})),
-        createField,
-        Field: Field,
-    };
-}
-//# sourceMappingURL=createFormFactory.js.map

package/dist/createFormFactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createFormFactory.js","sourceRoot":"","sources":["../src/createFormFactory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAEL,KAAK,EAEL,WAAW,GACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAczC,MAAM,UAAU,iBAAiB,CAI/B,WAA0D;IAE1D,OAAO;QACL,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CACnB,UAAU,CAA4B,GAAG,EAAE,CACzC,UAAU,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,CAClD;QACH,WAAW;QACX,KAAK,EAAE,KAAK;KACb,CAAA;AACH,CAAC"}

package/src/createFormFactory.ts

@@ -1,36 +0,0 @@
-import { mergeProps } from 'solid-js'
-import {
-  type CreateField,
-  Field,
-  type FieldComponent,
-  createField,
-} from './createField'
-import { createForm } from './createForm'
-import type { FormApi, FormOptions, Validator } from '@tanstack/form-core'
-
-export type FormFactory<
-  TFormData,
-  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
-> = {
-  createForm: (
-    opts?: () => FormOptions<TFormData, TFormValidator>,
-  ) => FormApi<TFormData, TFormValidator>
-  createField: typeof createField
-  Field: typeof Field
-}
-
-export function createFormFactory<
-  TFormData,
-  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
->(
-  defaultOpts?: () => FormOptions<TFormData, TFormValidator>,
-): FormFactory<TFormData, TFormValidator> {
-  return {
-    createForm: (opts) =>
-      createForm<TFormData, TFormValidator>(() =>
-        mergeProps(defaultOpts?.() ?? {}, opts?.() ?? {}),
-      ),
-    createField,
-    Field: Field,
-  }
-}

package/src/tests/createFormFactory.test.tsx

@@ -1,38 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { render } from '@solidjs/testing-library'
-import { createFormFactory } from '../index'
-
-describe('createFormFactory', () => {
-  it('should allow default values to be set', async () => {
-    type Person = {
-      firstName: string
-      lastName: string
-    }
-
-    const formFactory = createFormFactory<Person>(() => ({
-      defaultValues: {
-        firstName: 'FirstName',
-        lastName: 'LastName',
-      },
-    }))
-
-    function Comp() {
-      const form = formFactory.createForm()
-
-      return (
-        <>
-          <form.Field
-            name="firstName"
-            children={(field) => {
-              return <p>{field().state.value}</p>
-            }}
-          />
-        </>
-      )
-    }
-
-    const { findByText, queryByText } = render(() => <Comp />)
-    expect(await findByText('FirstName')).toBeInTheDocument()
-    expect(queryByText('LastName')).not.toBeInTheDocument()
-  })
-})