@tanstack/vue-form 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-present Tanner Linsley
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,35 @@
+<img src="https://static.scarf.sh/a.png?x-pxid=be2d8a11-9712-4c1d-9963-580b2d4fb133" />
+
+![TanStack Form Header](https://github.com/TanStack/form/raw/main/media/repo-header.png)
+
+Hooks for managing form state in Vue
+
+<a href="https://twitter.com/intent/tweet?button_hashtag=TanStack" target="\_parent">
+  <img alt="#TanStack" src="https://img.shields.io/twitter/url?color=%2308a0e9&label=%23TanStack&style=social&url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DTanStack">
+</a><a href="https://discord.com/invite/WrRKjPJ" target="\_parent">
+  <img alt="" src="https://img.shields.io/badge/Discord-TanStack-%235865F2" />
+</a><a href="https://github.com/TanStack/form/actions?query=workflow%3A%22vue-form+tests%22">
+<img src="https://github.com/TanStack/form/workflows/vue-form%20tests/badge.svg" />
+</a><a href="https://www.npmjs.com/package/@tanstack/form-core" target="\_parent">
+  <img alt="" src="https://img.shields.io/npm/dm/@tanstack/form-core.svg" />
+</a><a href="https://bundlephobia.com/package/@tanstack/vue-form@latest" target="\_parent">
+  <img alt="" src="https://badgen.net/bundlephobia/minzip/@tanstack/vue-form" />
+</a><a href="#badge">
+    <img alt="semantic-release" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg">
+  </a><a href="https://github.com/TanStack/form/discussions">
+  <img alt="Join the discussion on Github" src="https://img.shields.io/badge/Github%20Discussions%20%26%20Support-Chat%20now!-blue" />
+</a><a href="https://bestofjs.org/projects/tanstack-form"><img alt="Best of JS" src="https://img.shields.io/endpoint?url=https://bestofjs-serverless.now.sh/api/project-badge?fullName=TanStack%form%26since=daily" /></a><a href="https://github.com/TanStack/form/" target="\_parent">
+  <img alt="" src="https://img.shields.io/github/stars/TanStack/form.svg?style=social&label=Star" />
+</a><a href="https://twitter.com/tannerlinsley" target="\_parent">
+  <img alt="" src="https://img.shields.io/twitter/follow/tannerlinsley.svg?style=social&label=Follow" />
+</a> <a href="https://gitpod.io/from-referrer/">
+  <img src="https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod" alt="Gitpod Ready-to-Code"/>
+</a>
+
+Enjoy this library? Try the entire [TanStack](https://tanstack.com)! [TanStack Table](https://github.com/TanStack/table), [TanStack Router](https://github.com/tanstack/router), [TanStack Virtual](https://github.com/tanstack/virtual), [React Charts](https://github.com/TanStack/react-charts), [React Ranger](https://github.com/TanStack/ranger)
+
+## Visit [tanstack.com/form](https://tanstack.com/form) for docs, guides, API and more!
+
+### [Become a Sponsor!](https://github.com/sponsors/tannerlinsley/)
+
+<!-- Use the force, Luke -->

package/build/legacy/createFormFactory-161e85f9.d.ts

@@ -0,0 +1,42 @@
+import { FieldApi, DeepKeys, FieldOptions, Narrow, DeepValue, FormOptions, FormApi } from '@tanstack/form-core';
+import { SetupContext, Ref } from 'vue-demi';
+
+declare module '@tanstack/form-core' {
+    interface FieldApi<TData, TFormData> {
+        Field: FieldComponent<TData, TFormData>;
+    }
+}
+interface UseFieldOptions<TData, TFormData> extends FieldOptions<TData, TFormData> {
+    mode?: 'value' | 'array';
+}
+type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(opts?: {
+    name: Narrow<TField>;
+} & UseFieldOptions<DeepValue<TFormData, TField>, TFormData>) => FieldApi<DeepValue<TFormData, TField>, TFormData>;
+declare function useField<TData, TFormData>(opts: UseFieldOptions<TData, TFormData>): {
+    api: FieldApi<TData, TFormData>;
+    state: Readonly<Ref<FieldApi<TData, TFormData>['state']>>;
+};
+type FieldValue<TFormData, TField> = TFormData extends any[] ? unknown extends TField ? TFormData[number] : DeepValue<TFormData[number], TField> : DeepValue<TFormData, TField>;
+type FieldComponent<TParentData, TFormData> = <TField>(fieldOptions: {
+    children?: (fieldApi: FieldApi<FieldValue<TParentData, TField>, TFormData>) => any;
+} & Omit<UseFieldOptions<FieldValue<TParentData, TField>, TFormData>, 'name' | 'index'> & (TParentData extends any[] ? {
+    name?: TField extends undefined ? TField : DeepKeys<TParentData>;
+    index: number;
+} : {
+    name: TField extends undefined ? TField : DeepKeys<TParentData>;
+    index?: never;
+}), context: SetupContext) => any;
+declare const Field: <TData, TFormData>(props: UseFieldOptions<TData, TFormData> & ({
+    [x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
+} | {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+})) => any;
+
+type FormFactory<TFormData> = {
+    useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>;
+    useField: UseField<TFormData>;
+    Field: FieldComponent<TFormData, TFormData>;
+};
+declare function createFormFactory<TFormData>(defaultOpts?: FormOptions<TFormData>): FormFactory<TFormData>;
+
+export { FieldComponent as F, UseField as U, FormFactory as a, UseFieldOptions as b, createFormFactory as c, FieldValue as d, Field as e, useField as u };

package/build/legacy/createFormFactory.cjs

@@ -0,0 +1,42 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/createFormFactory.ts
+var createFormFactory_exports = {};
+__export(createFormFactory_exports, {
+  createFormFactory: () => createFormFactory
+});
+module.exports = __toCommonJS(createFormFactory_exports);
+var import_useField = require("./useField.cjs");
+var import_useForm = require("./useForm.cjs");
+function createFormFactory(defaultOpts) {
+  return {
+    useForm: (opts) => {
+      const formOptions = Object.assign({}, defaultOpts, opts);
+      return (0, import_useForm.useForm)(formOptions);
+    },
+    useField: import_useField.useField,
+    Field: import_useField.Field
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createFormFactory
+});
+//# sourceMappingURL=createFormFactory.cjs.map

package/build/legacy/createFormFactory.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/createFormFactory.ts"],"sourcesContent":["import type { FormApi, FormOptions } from '@tanstack/form-core'\n\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { useForm } from './useForm'\n\nexport type FormFactory<TFormData> = {\n  useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>\n  useField: UseField<TFormData>\n  Field: FieldComponent<TFormData, TFormData>\n}\n\nexport function createFormFactory<TFormData>(\n  defaultOpts?: FormOptions<TFormData>,\n): FormFactory<TFormData> {\n  return {\n    useForm: (opts) => {\n      const formOptions = Object.assign({}, defaultOpts, opts)\n      return useForm<TFormData>(formOptions)\n    },\n    useField: useField as any,\n    Field: Field as any,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAAoE;AACpE,qBAAwB;AAQjB,SAAS,kBACd,aACwB;AACxB,SAAO;AAAA,IACL,SAAS,CAAC,SAAS;AACjB,YAAM,cAAc,OAAO,OAAO,CAAC,GAAG,aAAa,IAAI;AACvD,iBAAO,wBAAmB,WAAW;AAAA,IACvC;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AACF;","names":[]}

package/build/legacy/createFormFactory.d.cts

@@ -0,0 +1,3 @@
+import '@tanstack/form-core';
+export { a as FormFactory, c as createFormFactory } from './createFormFactory-161e85f9.js';
+import 'vue-demi';

package/build/legacy/createFormFactory.d.ts

@@ -0,0 +1,3 @@
+import '@tanstack/form-core';
+export { a as FormFactory, c as createFormFactory } from './createFormFactory-161e85f9.js';
+import 'vue-demi';

package/build/legacy/createFormFactory.js

@@ -0,0 +1,17 @@
+// src/createFormFactory.ts
+import { Field, useField } 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/build/legacy/createFormFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/createFormFactory.ts"],"sourcesContent":["import type { FormApi, FormOptions } from '@tanstack/form-core'\n\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { useForm } from './useForm'\n\nexport type FormFactory<TFormData> = {\n  useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>\n  useField: UseField<TFormData>\n  Field: FieldComponent<TFormData, TFormData>\n}\n\nexport function createFormFactory<TFormData>(\n  defaultOpts?: FormOptions<TFormData>,\n): FormFactory<TFormData> {\n  return {\n    useForm: (opts) => {\n      const formOptions = Object.assign({}, defaultOpts, opts)\n      return useForm<TFormData>(formOptions)\n    },\n    useField: useField as any,\n    Field: Field as any,\n  }\n}\n"],"mappings":";AAEA,SAA6C,OAAO,gBAAgB;AACpE,SAAS,eAAe;AAQjB,SAAS,kBACd,aACwB;AACxB,SAAO;AAAA,IACL,SAAS,CAAC,SAAS;AACjB,YAAM,cAAc,OAAO,OAAO,CAAC,GAAG,aAAa,IAAI;AACvD,aAAO,QAAmB,WAAW;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/build/legacy/formContext.cjs

@@ -0,0 +1,46 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/formContext.ts
+var formContext_exports = {};
+__export(formContext_exports, {
+  formContext: () => formContext,
+  provideFormContext: () => provideFormContext,
+  useFormContext: () => useFormContext
+});
+module.exports = __toCommonJS(formContext_exports);
+var import_vue_demi = require("vue-demi");
+var formContext = Symbol("FormContext");
+function provideFormContext(val) {
+  (0, import_vue_demi.provide)(formContext, val);
+}
+function useFormContext() {
+  const formApi = (0, import_vue_demi.inject)(formContext);
+  if (!formApi) {
+    throw new Error(`You are trying to use the form API outside of a form!`);
+  }
+  return formApi;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formContext,
+  provideFormContext,
+  useFormContext
+});
+//# sourceMappingURL=formContext.cjs.map

package/build/legacy/formContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/formContext.ts"],"sourcesContent":["import type { FormApi } from '@tanstack/form-core'\nimport { inject, provide } from 'vue-demi'\n\nexport type FormContext = {\n  formApi: FormApi<any>\n  parentFieldName?: string\n} | null\n\nexport const formContext = Symbol('FormContext')\n\nexport function provideFormContext(val: FormContext) {\n  provide(formContext, val)\n}\n\nexport function useFormContext() {\n  const formApi = inject(formContext) as FormContext\n\n  if (!formApi) {\n    throw new Error(`You are trying to use the form API outside of a form!`)\n  }\n\n  return formApi\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAAgC;AAOzB,IAAM,cAAc,OAAO,aAAa;AAExC,SAAS,mBAAmB,KAAkB;AACnD,+BAAQ,aAAa,GAAG;AAC1B;AAEO,SAAS,iBAAiB;AAC/B,QAAM,cAAU,wBAAO,WAAW;AAElC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AAEA,SAAO;AACT;","names":[]}

package/build/legacy/formContext.d.cts

@@ -0,0 +1,14 @@
+import { FormApi } from '@tanstack/form-core';
+
+type FormContext = {
+    formApi: FormApi<any>;
+    parentFieldName?: string;
+} | null;
+declare const formContext: unique symbol;
+declare function provideFormContext(val: FormContext): void;
+declare function useFormContext(): {
+    formApi: FormApi<any>;
+    parentFieldName?: string | undefined;
+};
+
+export { FormContext, formContext, provideFormContext, useFormContext };

package/build/legacy/formContext.d.ts

@@ -0,0 +1,14 @@
+import { FormApi } from '@tanstack/form-core';
+
+type FormContext = {
+    formApi: FormApi<any>;
+    parentFieldName?: string;
+} | null;
+declare const formContext: unique symbol;
+declare function provideFormContext(val: FormContext): void;
+declare function useFormContext(): {
+    formApi: FormApi<any>;
+    parentFieldName?: string | undefined;
+};
+
+export { FormContext, formContext, provideFormContext, useFormContext };

package/build/legacy/formContext.js

@@ -0,0 +1,19 @@
+// src/formContext.ts
+import { inject, provide } from "vue-demi";
+var formContext = Symbol("FormContext");
+function provideFormContext(val) {
+  provide(formContext, val);
+}
+function useFormContext() {
+  const formApi = inject(formContext);
+  if (!formApi) {
+    throw new Error(`You are trying to use the form API outside of a form!`);
+  }
+  return formApi;
+}
+export {
+  formContext,
+  provideFormContext,
+  useFormContext
+};
+//# sourceMappingURL=formContext.js.map

package/build/legacy/formContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/formContext.ts"],"sourcesContent":["import type { FormApi } from '@tanstack/form-core'\nimport { inject, provide } from 'vue-demi'\n\nexport type FormContext = {\n  formApi: FormApi<any>\n  parentFieldName?: string\n} | null\n\nexport const formContext = Symbol('FormContext')\n\nexport function provideFormContext(val: FormContext) {\n  provide(formContext, val)\n}\n\nexport function useFormContext() {\n  const formApi = inject(formContext) as FormContext\n\n  if (!formApi) {\n    throw new Error(`You are trying to use the form API outside of a form!`)\n  }\n\n  return formApi\n}\n"],"mappings":";AACA,SAAS,QAAQ,eAAe;AAOzB,IAAM,cAAc,OAAO,aAAa;AAExC,SAAS,mBAAmB,KAAkB;AACnD,UAAQ,aAAa,GAAG;AAC1B;AAEO,SAAS,iBAAiB;AAC/B,QAAM,UAAU,OAAO,WAAW;AAElC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AAEA,SAAO;AACT;","names":[]}

package/build/legacy/index.cjs

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("@tanstack/form-core"), module.exports);
+__reExport(src_exports, require("./createFormFactory.cjs"), module.exports);
+__reExport(src_exports, require("./formContext.cjs"), module.exports);
+__reExport(src_exports, require("./useField.cjs"), module.exports);
+__reExport(src_exports, require("./useForm.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("@tanstack/form-core"),
+  ...require("./createFormFactory.cjs"),
+  ...require("./formContext.cjs"),
+  ...require("./useField.cjs"),
+  ...require("./useForm.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/build/legacy/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from '@tanstack/form-core'\nexport * from './createFormFactory'\nexport * from './formContext'\nexport * from './useField'\nexport * from './useForm'\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,gCAAd;AACA,wBAAc,oCADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,2BAHd;AAIA,wBAAc,0BAJd;","names":[]}

package/build/legacy/index.d.cts

@@ -0,0 +1,23 @@
+import { FormState, FormOptions, FormApi } from '@tanstack/form-core';
+export * from '@tanstack/form-core';
+import { F as FieldComponent, U as UseField } from './createFormFactory-161e85f9.js';
+export { e as Field, d as FieldValue, a as FormFactory, b as UseFieldOptions, c as createFormFactory, u as useField } from './createFormFactory-161e85f9.js';
+export { FormContext, formContext, provideFormContext, useFormContext } from './formContext.cjs';
+import { NoInfer } from './types.cjs';
+import 'vue-demi';
+
+declare module '@tanstack/form-core' {
+    interface FormApi<TFormData> {
+        Provider: (props: Record<string, any> & {}) => any;
+        provideFormContext: () => void;
+        Field: FieldComponent<TFormData, TFormData>;
+        useField: UseField<TFormData>;
+        useStore: <TSelected = NoInfer<FormState<TFormData>>>(selector?: (state: NoInfer<FormState<TFormData>>) => TSelected) => TSelected;
+        Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {
+            selector?: (state: NoInfer<FormState<TFormData>>) => TSelected;
+        }) => any;
+    }
+}
+declare function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData>;
+
+export { FieldComponent, UseField, useForm };

package/build/legacy/index.d.ts

@@ -0,0 +1,23 @@
+import { FormState, FormOptions, FormApi } from '@tanstack/form-core';
+export * from '@tanstack/form-core';
+import { F as FieldComponent, U as UseField } from './createFormFactory-161e85f9.js';
+export { e as Field, d as FieldValue, a as FormFactory, b as UseFieldOptions, c as createFormFactory, u as useField } from './createFormFactory-161e85f9.js';
+export { FormContext, formContext, provideFormContext, useFormContext } from './formContext.js';
+import { NoInfer } from './types.js';
+import 'vue-demi';
+
+declare module '@tanstack/form-core' {
+    interface FormApi<TFormData> {
+        Provider: (props: Record<string, any> & {}) => any;
+        provideFormContext: () => void;
+        Field: FieldComponent<TFormData, TFormData>;
+        useField: UseField<TFormData>;
+        useStore: <TSelected = NoInfer<FormState<TFormData>>>(selector?: (state: NoInfer<FormState<TFormData>>) => TSelected) => TSelected;
+        Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {
+            selector?: (state: NoInfer<FormState<TFormData>>) => TSelected;
+        }) => any;
+    }
+}
+declare function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData>;
+
+export { FieldComponent, UseField, useForm };

package/build/legacy/index.js

@@ -0,0 +1,7 @@
+// src/index.ts
+export * from "@tanstack/form-core";
+export * from "./createFormFactory.js";
+export * from "./formContext.js";
+export * from "./useField.js";
+export * from "./useForm.js";
+//# sourceMappingURL=index.js.map

package/build/legacy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from '@tanstack/form-core'\nexport * from './createFormFactory'\nexport * from './formContext'\nexport * from './useField'\nexport * from './useForm'\n"],"mappings":";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/build/legacy/types.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.cjs.map

package/build/legacy/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/types.ts"],"sourcesContent":["export type NoInfer<T> = [T][T extends any ? 0 : never]\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/build/legacy/types.d.cts

@@ -0,0 +1,3 @@
+type NoInfer<T> = [T][T extends any ? 0 : never];
+
+export { NoInfer };

package/build/legacy/types.d.ts

@@ -0,0 +1,3 @@
+type NoInfer<T> = [T][T extends any ? 0 : never];
+
+export { NoInfer };

package/build/legacy/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/build/legacy/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/lib/createFormFactory.d.ts

@@ -0,0 +1,9 @@
+import type { FormApi, FormOptions } from '@tanstack/form-core';
+import { type UseField, type FieldComponent } from './useField';
+export type FormFactory<TFormData> = {
+    useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>;
+    useField: UseField<TFormData>;
+    Field: FieldComponent<TFormData, TFormData>;
+};
+export declare function createFormFactory<TFormData>(defaultOpts?: FormOptions<TFormData>): FormFactory<TFormData>;
+//# sourceMappingURL=createFormFactory.d.ts.map

package/build/lib/createFormFactory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFormFactory.d.ts","sourceRoot":"","sources":["../../src/createFormFactory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE/D,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAmB,MAAM,YAAY,CAAA;AAGhF,MAAM,MAAM,WAAW,CAAC,SAAS,IAAI;IACnC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,KAAK,OAAO,CAAC,SAAS,CAAC,CAAA;IAC9D,QAAQ,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC7B,KAAK,EAAE,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;CAC5C,CAAA;AAED,wBAAgB,iBAAiB,CAAC,SAAS,EACzC,WAAW,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GACnC,WAAW,CAAC,SAAS,CAAC,CASxB"}

package/build/lib/createFormFactory.js

@@ -0,0 +1,12 @@
+import { Field, useField } from './useField';
+import { useForm } from './useForm';
+export function createFormFactory(defaultOpts) {
+    return {
+        useForm: (opts) => {
+            const formOptions = Object.assign({}, defaultOpts, opts);
+            return useForm(formOptions);
+        },
+        useField: useField,
+        Field: Field,
+    };
+}

package/build/lib/formContext.d.ts

@@ -0,0 +1,12 @@
+import type { FormApi } from '@tanstack/form-core';
+export type FormContext = {
+    formApi: FormApi<any>;
+    parentFieldName?: string;
+} | null;
+export declare const formContext: unique symbol;
+export declare function provideFormContext(val: FormContext): void;
+export declare function useFormContext(): {
+    formApi: FormApi<any>;
+    parentFieldName?: string | undefined;
+};
+//# sourceMappingURL=formContext.d.ts.map

package/build/lib/formContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formContext.d.ts","sourceRoot":"","sources":["../../src/formContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAGlD,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,GAAG,IAAI,CAAA;AAER,eAAO,MAAM,WAAW,eAAwB,CAAA;AAEhD,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,WAAW,QAElD;AAED,wBAAgB,cAAc;;;EAQ7B"}

package/build/lib/formContext.js

@@ -0,0 +1,12 @@
+import { inject, provide } from 'vue-demi';
+export const formContext = Symbol('FormContext');
+export function provideFormContext(val) {
+    provide(formContext, val);
+}
+export function useFormContext() {
+    const formApi = inject(formContext);
+    if (!formApi) {
+        throw new Error(`You are trying to use the form API outside of a form!`);
+    }
+    return formApi;
+}

package/build/lib/index.d.ts

@@ -0,0 +1,6 @@
+export * from '@tanstack/form-core';
+export * from './createFormFactory';
+export * from './formContext';
+export * from './useField';
+export * from './useForm';
+//# sourceMappingURL=index.d.ts.map

package/build/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA"}

package/build/lib/index.js

@@ -0,0 +1,5 @@
+export * from '@tanstack/form-core';
+export * from './createFormFactory';
+export * from './formContext';
+export * from './useField';
+export * from './useForm';

package/build/lib/tests/useField.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference lib="dom" />
+import '@testing-library/jest-dom';
+//# sourceMappingURL=useField.test.d.ts.map

package/build/lib/tests/useField.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useField.test.d.ts","sourceRoot":"","sources":["../../../src/tests/useField.test.tsx"],"names":[],"mappings":";AAGA,OAAO,2BAA2B,CAAA"}

package/build/lib/tests/useField.test.jsx

@@ -0,0 +1,109 @@
+/// <reference lib="dom" />
+import { defineComponent } from 'vue-demi';
+import { render, waitFor } from '@testing-library/vue';
+import '@testing-library/jest-dom';
+import { createFormFactory, provideFormContext, } from '../index';
+import userEvent from '@testing-library/user-event';
+import { sleep } from './utils';
+const user = userEvent.setup();
+describe('useField', () => {
+    it('should allow to set default value', async () => {
+        const formFactory = createFormFactory();
+        const Comp = defineComponent(() => {
+            const form = formFactory.useForm();
+            provideFormContext({ formApi: form });
+            return () => (<form.Field name="firstName" defaultValue="FirstName">
+          {(field) => (<input data-testid={'fieldinput'} value={field.state.value} onBlur={field.handleBlur} onInput={(e) => field.handleChange(e.target.value)}/>)}
+        </form.Field>);
+        });
+        const { getByTestId } = render(Comp);
+        const input = getByTestId('fieldinput');
+        await waitFor(() => expect(input).toHaveValue('FirstName'));
+    });
+    it('should not validate on change if isTouched is false', async () => {
+        const error = 'Please enter a different value';
+        const formFactory = createFormFactory();
+        const Comp = defineComponent(() => {
+            const form = formFactory.useForm();
+            provideFormContext({ formApi: form });
+            return () => (<form.Field name="firstName" onChange={(value) => (value === 'other' ? error : undefined)}>
+          {(field) => (<div>
+              <input data-testid="fieldinput" name={field.name} value={field.state.value} onBlur={field.handleBlur} onInput={(e) => field.setValue(e.target.value)}/>
+              <p>{field.getMeta().error}</p>
+            </div>)}
+        </form.Field>);
+        });
+        const { getByTestId, queryByText } = render(Comp);
+        const input = getByTestId('fieldinput');
+        await user.type(input, 'other');
+        expect(queryByText(error)).not.toBeInTheDocument();
+    });
+    it('should validate on change if isTouched is true', async () => {
+        const error = 'Please enter a different value';
+        const formFactory = createFormFactory();
+        const Comp = defineComponent(() => {
+            const form = formFactory.useForm();
+            provideFormContext({ formApi: form });
+            return () => (<form.Field name="firstName" onChange={(value) => (value === 'other' ? error : undefined)}>
+          {(field) => (<div>
+              <input data-testid="fieldinput" name={field.name} value={field.state.value} onBlur={field.handleBlur} onInput={(e) => field.handleChange(e.target.value)}/>
+              <p>{field.getMeta().error}</p>
+            </div>)}
+        </form.Field>);
+        });
+        const { getByTestId, getByText, queryByText } = render(Comp);
+        const input = getByTestId('fieldinput');
+        expect(queryByText(error)).not.toBeInTheDocument();
+        await user.type(input, 'other');
+        expect(getByText(error)).toBeInTheDocument();
+    });
+    it('should validate async on change', async () => {
+        const error = 'Please enter a different value';
+        const formFactory = createFormFactory();
+        const Comp = defineComponent(() => {
+            const form = formFactory.useForm();
+            provideFormContext({ formApi: form });
+            return () => (<form.Field name="firstName" defaultMeta={{ isTouched: true }} onChangeAsync={async () => {
+                    await sleep(10);
+                    return error;
+                }}>
+          {(field) => (<div>
+              <input data-testid="fieldinput" name={field.name} value={field.state.value} onBlur={field.handleBlur} onInput={(e) => field.handleChange(e.target.value)}/>
+              <p>{field.getMeta().error}</p>
+            </div>)}
+        </form.Field>);
+        });
+        const { getByTestId, getByText, queryByText } = render(Comp);
+        const input = getByTestId('fieldinput');
+        expect(queryByText(error)).not.toBeInTheDocument();
+        await user.type(input, 'other');
+        await waitFor(() => getByText(error));
+        expect(getByText(error)).toBeInTheDocument();
+    });
+    it('should validate async on change with debounce', async () => {
+        const mockFn = vi.fn();
+        const error = 'Please enter a different value';
+        const formFactory = createFormFactory();
+        const Comp = defineComponent(() => {
+            const form = formFactory.useForm();
+            provideFormContext({ formApi: form });
+            return () => (<form.Field name="firstName" defaultMeta={{ isTouched: true }} onChangeAsyncDebounceMs={100} onChangeAsync={async () => {
+                    mockFn();
+                    await sleep(10);
+                    return error;
+                }}>
+          {(field) => (<div>
+              <input data-testid="fieldinput" name={field.name} value={field.state.value} onBlur={field.handleBlur} onInput={(e) => field.handleChange(e.target.value)}/>
+              <p>{field.getMeta().error}</p>
+            </div>)}
+        </form.Field>);
+        });
+        const { getByTestId, getByText } = render(<Comp />);
+        const input = getByTestId('fieldinput');
+        await user.type(input, 'other');
+        // mockFn will have been called 5 times without onChangeAsyncDebounceMs
+        expect(mockFn).toHaveBeenCalledTimes(0);
+        await waitFor(() => getByText(error));
+        expect(getByText(error)).toBeInTheDocument();
+    });
+});