@tanstack/vue-form 0.21.1 → 0.23.0

package/dist/cjs/index.cjs

@@ -1,10 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const formCore = require("@tanstack/form-core");
-const createFormFactory = require("./createFormFactory.cjs");
 const useField = require("./useField.cjs");
 const useForm = require("./useForm.cjs");
-exports.createFormFactory = createFormFactory.createFormFactory;
 exports.Field = useField.Field;
 exports.useField = useField.useField;
 exports.useForm = useForm.useForm;

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/cjs/index.d.cts

@@ -1,4 +1,3 @@
 export * from '@tanstack/form-core';
-export * from './createFormFactory.cjs';
 export * from './useField.cjs';
 export * from './useForm.cjs';

package/dist/esm/index.d.ts

@@ -1,4 +1,3 @@
 export * from '@tanstack/form-core';
-export * from './createFormFactory.js';
 export * from './useField.js';
 export * from './useForm.js';

package/dist/esm/index.js

@@ -1,10 +1,8 @@
 export * from "@tanstack/form-core";
-import { createFormFactory } from "./createFormFactory.js";
 import { Field, useField } from "./useField.js";
 import { useForm } from "./useForm.js";
 export {
   Field,
-  createFormFactory,
   useField,
   useForm
 };

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/vue-form",
-  "version": "0.21.1",
+  "version": "0.23.0",
   "description": "Powerful, type-safe forms for Vue.",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -34,7 +34,7 @@
   ],
   "dependencies": {
     "@tanstack/vue-store": "^0.4.1",
-    "@tanstack/form-core": "0.21.1"
+    "@tanstack/form-core": "0.23.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",

package/src/index.ts

@@ -1,4 +1,3 @@
 export * from '@tanstack/form-core'
-export * from './createFormFactory'
 export * from './useField'
 export * from './useForm'

package/src/tests/useField.test.tsx

@@ -3,7 +3,7 @@ import { defineComponent, h } from 'vue'
 import { render, waitFor } from '@testing-library/vue'
 import '@testing-library/jest-dom/vitest'
 import userEvent from '@testing-library/user-event'
-import { createFormFactory, useForm } from '../index'
+import { useForm } from '../index'
 import { sleep } from './utils'
 import type { FieldApi } from '../index'
 
@@ -16,10 +16,8 @@ describe('useField', () => {
       lastName: string
     }
 
-    const formFactory = createFormFactory<Person>()
-
     const Comp = defineComponent(() => {
-      const form = formFactory.useForm()
+      const form = useForm<Person>()
 
       return () => (
         <form.Field name="firstName" defaultValue="FirstName">
@@ -53,10 +51,8 @@ describe('useField', () => {
     }
     const error = 'Please enter a different value'
 
-    const formFactory = createFormFactory<Person>()
-
     const Comp = defineComponent(() => {
-      const form = formFactory.useForm()
+      const form = useForm<Person>()
 
       return () => (
         <form.Field
@@ -100,10 +96,8 @@ describe('useField', () => {
     }
     const error = 'Please enter a different value'
 
-    const formFactory = createFormFactory<Person>()
-
     const Comp = defineComponent(() => {
-      const form = formFactory.useForm()
+      const form = useForm<Person>()
 
       return () => (
         <form.Field
@@ -148,10 +142,8 @@ describe('useField', () => {
     }
     const error = 'Please enter a different value'
 
-    const formFactory = createFormFactory<Person>()
-
     const Comp = defineComponent(() => {
-      const form = formFactory.useForm()
+      const form = useForm<Person>()
 
       return () => (
         <form.Field
@@ -202,10 +194,9 @@ describe('useField', () => {
 
     const mockFn = vi.fn()
     const error = 'Please enter a different value'
-    const formFactory = createFormFactory<Person>()
 
     const Comp = defineComponent(() => {
-      const form = formFactory.useForm()
+      const form = useForm<Person>()
 
       return () => (
         <form.Field

package/src/tests/useForm.test.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it, vi } from 'vitest'
 import userEvent from '@testing-library/user-event'
 import { render, waitFor } from '@testing-library/vue'
 import { defineComponent, h, ref } from 'vue'
-import { createFormFactory, useForm } from '../index'
+import { useForm } from '../index'
 import { sleep } from './utils'
 
 import type { FieldApi, ValidationErrorMap } from '../index'
@@ -16,10 +16,8 @@ type Person = {
 
 describe('useForm', () => {
   it('preserved field state', async () => {
-    const formFactory = createFormFactory<Person>()
-
     const Comp = defineComponent(() => {
-      const form = formFactory.useForm()
+      const form = useForm<Person>()
 
       return () => (
         <form.Field name="firstName" defaultValue="">
@@ -49,14 +47,12 @@ describe('useForm', () => {
   })
 
   it('should allow default values to be set', async () => {
-    const formFactory = createFormFactory<Person>()
-
     const Comp = defineComponent(() => {
-      const form = formFactory.useForm({
+      const form = useForm({
         defaultValues: {
           firstName: 'FirstName',
           lastName: 'LastName',
-        },
+        } as Person,
       })
 
       return () => (
@@ -161,10 +157,8 @@ describe('useForm', () => {
   it('should validate async on change for the form', async () => {
     const error = 'Please enter a different value'
 
-    const formFactory = createFormFactory<Person>()
-
     const Comp = defineComponent(() => {
-      const form = formFactory.useForm({
+      const form = useForm<Person>({
         validators: {
           onChange() {
             return error
@@ -208,10 +202,8 @@ describe('useForm', () => {
   it('should not validate on change if isTouched is false', async () => {
     const error = 'Please enter a different value'
 
-    const formFactory = createFormFactory<Person>()
-
     const Comp = defineComponent(() => {
-      const form = formFactory.useForm({
+      const form = useForm<Person>({
         validators: {
           onChange: ({ value }) =>
             value.firstName === 'other' ? error : undefined,
@@ -255,10 +247,8 @@ describe('useForm', () => {
   it('should validate on change if isTouched is true', async () => {
     const error = 'Please enter a different value'
 
-    const formFactory = createFormFactory<Person>()
-
     const Comp = defineComponent(() => {
-      const form = formFactory.useForm({
+      const form = useForm<Person>({
         validators: {
           onChange: ({ value }) =>
             value.firstName === 'other' ? error : undefined,
@@ -362,10 +352,8 @@ describe('useForm', () => {
   it('should validate async on change', async () => {
     const error = 'Please enter a different value'
 
-    const formFactory = createFormFactory<Person>()
-
     const Comp = defineComponent(() => {
-      const form = formFactory.useForm({
+      const form = useForm<Person>({
         validators: {
           onChangeAsync: async () => {
             await sleep(10)
@@ -414,10 +402,8 @@ describe('useForm', () => {
     const onChangeError = 'Please enter a different value (onChangeError)'
     const onBlurError = 'Please enter a different value (onBlurError)'
 
-    const formFactory = createFormFactory<Person>()
-
     const Comp = defineComponent(() => {
-      const form = formFactory.useForm({
+      const form = useForm<Person>({
         validators: {
           onChangeAsync: async () => {
             await sleep(10)
@@ -474,10 +460,9 @@ describe('useForm', () => {
   it('should validate async on change with debounce', async () => {
     const mockFn = vi.fn()
     const error = 'Please enter a different value'
-    const formFactory = createFormFactory<Person>()
 
     const Comp = defineComponent(() => {
-      const form = formFactory.useForm({
+      const form = useForm<Person>({
         validators: {
           onChangeAsyncDebounceMs: 100,
           onChangeAsync: async () => {

package/dist/cjs/createFormFactory.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useField = require("./useField.cjs");
-const useForm = require("./useForm.cjs");
-function createFormFactory(defaultOpts) {
-  return {
-    useForm: (opts) => {
-      const formOptions = Object.assign({}, defaultOpts, opts);
-      return useForm.useForm(formOptions);
-    },
-    useField: useField.useField,
-    Field: useField.Field
-  };
-}
-exports.createFormFactory = createFormFactory;
-//# sourceMappingURL=createFormFactory.cjs.map

package/dist/cjs/createFormFactory.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"createFormFactory.cjs","sources":["../../src/createFormFactory.ts"],"sourcesContent":["import { Field, useField } from './useField'\nimport { useForm } from './useForm'\nimport type { FormApi, FormOptions, Validator } from '@tanstack/form-core'\nimport type { FieldComponent, UseField } from './useField'\n\nexport type FormFactory<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> = {\n  useForm: (\n    opts?: FormOptions<TFormData, TFormValidator>,\n  ) => FormApi<TFormData, TFormValidator>\n  useField: typeof useField\n  Field: typeof Field\n}\n\nexport function createFormFactory<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n>(\n  defaultOpts?: FormOptions<TFormData, TFormValidator>,\n): FormFactory<TFormData, TFormValidator> {\n  return {\n    useForm: (opts) => {\n      const formOptions = Object.assign({}, defaultOpts, opts)\n      return useForm<TFormData, TFormValidator>(formOptions)\n    },\n    useField: useField,\n    Field: Field,\n  }\n}\n"],"names":["useForm","useField","Field"],"mappings":";;;;AAgBO,SAAS,kBAId,aACwC;AACjC,SAAA;AAAA,IACL,SAAS,CAAC,SAAS;AACjB,YAAM,cAAc,OAAO,OAAO,CAAA,GAAI,aAAa,IAAI;AACvD,aAAOA,QAAAA,QAAmC,WAAW;AAAA,IACvD;AAAA,IAAA,UACAC,SAAA;AAAA,IAAA,OACAC,SAAA;AAAA,EAAA;AAEJ;;"}

package/dist/cjs/createFormFactory.d.cts

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

package/dist/esm/createFormFactory.d.ts

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

package/dist/esm/createFormFactory.js

@@ -1,16 +0,0 @@
-import { useField, Field } from "./useField.js";
-import { useForm } from "./useForm.js";
-function createFormFactory(defaultOpts) {
-  return {
-    useForm: (opts) => {
-      const formOptions = Object.assign({}, defaultOpts, opts);
-      return useForm(formOptions);
-    },
-    useField,
-    Field
-  };
-}
-export {
-  createFormFactory
-};
-//# sourceMappingURL=createFormFactory.js.map

package/dist/esm/createFormFactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createFormFactory.js","sources":["../../src/createFormFactory.ts"],"sourcesContent":["import { Field, useField } from './useField'\nimport { useForm } from './useForm'\nimport type { FormApi, FormOptions, Validator } from '@tanstack/form-core'\nimport type { FieldComponent, UseField } from './useField'\n\nexport type FormFactory<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> = {\n  useForm: (\n    opts?: FormOptions<TFormData, TFormValidator>,\n  ) => FormApi<TFormData, TFormValidator>\n  useField: typeof useField\n  Field: typeof Field\n}\n\nexport function createFormFactory<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n>(\n  defaultOpts?: FormOptions<TFormData, TFormValidator>,\n): FormFactory<TFormData, TFormValidator> {\n  return {\n    useForm: (opts) => {\n      const formOptions = Object.assign({}, defaultOpts, opts)\n      return useForm<TFormData, TFormValidator>(formOptions)\n    },\n    useField: useField,\n    Field: Field,\n  }\n}\n"],"names":[],"mappings":";;AAgBO,SAAS,kBAId,aACwC;AACjC,SAAA;AAAA,IACL,SAAS,CAAC,SAAS;AACjB,YAAM,cAAc,OAAO,OAAO,CAAA,GAAI,aAAa,IAAI;AACvD,aAAO,QAAmC,WAAW;AAAA,IACvD;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/src/createFormFactory.ts

@@ -1,31 +0,0 @@
-import { Field, useField } from './useField'
-import { useForm } from './useForm'
-import type { FormApi, FormOptions, Validator } from '@tanstack/form-core'
-import type { FieldComponent, UseField } from './useField'
-
-export type FormFactory<
-  TFormData,
-  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
-> = {
-  useForm: (
-    opts?: FormOptions<TFormData, TFormValidator>,
-  ) => FormApi<TFormData, TFormValidator>
-  useField: typeof useField
-  Field: typeof Field
-}
-
-export function createFormFactory<
-  TFormData,
-  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
->(
-  defaultOpts?: FormOptions<TFormData, TFormValidator>,
-): FormFactory<TFormData, TFormValidator> {
-  return {
-    useForm: (opts) => {
-      const formOptions = Object.assign({}, defaultOpts, opts)
-      return useForm<TFormData, TFormValidator>(formOptions)
-    },
-    useField: useField,
-    Field: Field,
-  }
-}