@tanstack/vue-form 0.2.2 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/vue-form",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "Powerful, type-safe forms for Vue.",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -45,7 +45,7 @@
     "@tanstack/store": "0.1.3",
     "@tanstack/vue-store": "0.1.3",
     "vue-demi": "^0.14.6",
-    "@tanstack/form-core": "0.2.0"
+    "@tanstack/form-core": "0.3.0"
   },
   "devDependencies": {
     "@vue/composition-api": "1.7.2",

package/src/tests/useField.test.tsx

@@ -30,7 +30,7 @@ describe('useField', () => {
 
       return () => (
         <form.Field name="firstName" defaultValue="FirstName">
-          {(field: FieldApi<string, Person>) => (
+          {({ field }: { field: FieldApi<string, Person> }) => (
             <input
               data-testid={'fieldinput'}
               value={field.state.value}
@@ -68,7 +68,7 @@ describe('useField', () => {
           name="firstName"
           onChange={(value) => (value === 'other' ? error : undefined)}
         >
-          {(field: FieldApi<string, Person>) => (
+          {({ field }: { field: FieldApi<string, Person> }) => (
             <div>
               <input
                 data-testid="fieldinput"
@@ -79,7 +79,7 @@ describe('useField', () => {
                   field.setValue((e.target as HTMLInputElement).value)
                 }
               />
-              <p>{field.getMeta().error}</p>
+              <p>{field.getMeta().errors}</p>
             </div>
           )}
         </form.Field>
@@ -111,7 +111,7 @@ describe('useField', () => {
           name="firstName"
           onChange={(value) => (value === 'other' ? error : undefined)}
         >
-          {(field: FieldApi<string, Person>) => (
+          {({ field }: { field: FieldApi<string, Person> }) => (
             <div>
               <input
                 data-testid="fieldinput"
@@ -122,7 +122,7 @@ describe('useField', () => {
                   field.handleChange((e.target as HTMLInputElement).value)
                 }
               />
-              <p>{field.getMeta().error}</p>
+              <p>{field.getMeta().errors}</p>
             </div>
           )}
         </form.Field>
@@ -159,7 +159,7 @@ describe('useField', () => {
             return error
           }}
         >
-          {(field: FieldApi<string, Person>) => (
+          {({ field }: { field: FieldApi<string, Person> }) => (
             <div>
               <input
                 data-testid="fieldinput"
@@ -170,7 +170,7 @@ describe('useField', () => {
                   field.handleChange((e.target as HTMLInputElement).value)
                 }
               />
-              <p>{field.getMeta().error}</p>
+              <p>{field.getMeta().errors}</p>
             </div>
           )}
         </form.Field>
@@ -211,7 +211,7 @@ describe('useField', () => {
             return error
           }}
         >
-          {(field: FieldApi<string, Person>) => (
+          {({ field }: { field: FieldApi<string, Person> }) => (
             <div>
               <input
                 data-testid="fieldinput"
@@ -222,7 +222,7 @@ describe('useField', () => {
                   field.handleChange((e.target as HTMLInputElement).value)
                 }
               />
-              <p>{field.getMeta().error}</p>
+              <p>{field.getMeta().errors}</p>
             </div>
           )}
         </form.Field>

package/src/tests/useForm.test.tsx

@@ -29,7 +29,7 @@ describe('useForm', () => {
 
       return () => (
         <form.Field name="firstName" defaultValue="">
-          {(field: FieldApi<string, Person>) => (
+          {({ field }: { field: FieldApi<string, Person> }) => (
             <input
               data-testid={'fieldinput'}
               value={field.state.value}
@@ -69,7 +69,9 @@ describe('useForm', () => {
 
       return () => (
         <form.Field name="firstName" defaultValue="">
-          {(field: FieldApi<string, Person>) => <p>{field.state.value}</p>}
+          {({ field }: { field: FieldApi<string, Person> }) => (
+            <p>{field.state.value}</p>
+          )}
         </form.Field>
       )
     })
@@ -96,7 +98,11 @@ describe('useForm', () => {
       return () => (
         <form.Provider>
           <form.Field name="firstName">
-            {(field: FieldApi<string, { firstName: string }>) => {
+            {({
+              field,
+            }: {
+              field: FieldApi<string, { firstName: string }>
+            }) => {
               return (
                 <input
                   value={field.state.value}

package/src/useField.tsx

@@ -1,19 +1,14 @@
-import {
-  type DeepKeys,
-  type DeepValue,
-  FieldApi,
-  type FieldOptions,
-  type Narrow,
+import { FieldApi } from '@tanstack/form-core'
+import type {
+  FieldState,
+  DeepKeys,
+  DeepValue,
+  FieldOptions,
+  Narrow,
 } from '@tanstack/form-core'
 import { useStore } from '@tanstack/vue-store'
-import {
-  type SetupContext,
-  defineComponent,
-  type Ref,
-  onMounted,
-  onUnmounted,
-  watch,
-} from 'vue-demi'
+import { defineComponent, onMounted, onUnmounted, watch } from 'vue-demi'
+import type { SlotsType, SetupContext, Ref } from 'vue-demi'
 import { provideFormContext, useFormContext } from './formContext'
 
 declare module '@tanstack/form-core' {
@@ -113,11 +108,7 @@ export type FieldValue<TFormData, TField> = TFormData extends any[]
 // //   ^?
 
 export type FieldComponent<TParentData, TFormData> = <TField>(
-  fieldOptions: {
-    children?: (
-      fieldApi: FieldApi<FieldValue<TParentData, TField>, TFormData>,
-    ) => any
-  } & Omit<
+  fieldOptions: Omit<
     UseFieldOptions<FieldValue<TParentData, TField>, TFormData>,
     'name' | 'index'
   > &
@@ -130,7 +121,15 @@ export type FieldComponent<TParentData, TFormData> = <TField>(
           name: TField extends undefined ? TField : DeepKeys<TParentData>
           index?: never
         }),
-  context: SetupContext,
+  context: SetupContext<
+    {},
+    SlotsType<{
+      default: {
+        field: FieldApi<FieldValue<TParentData, TField>, TFormData>
+        state: FieldState<any>
+      }
+    }>
+  >,
 ) => any
 
 export const Field = defineComponent(
@@ -145,7 +144,11 @@ export const Field = defineComponent(
       parentFieldName: fieldApi.api.name,
     } as never)
 
-    return () => context.slots.default!(fieldApi.api, fieldApi.state.value)
+    return () =>
+      context.slots.default!({
+        field: fieldApi.api,
+        state: fieldApi.state.value,
+      })
   },
   { name: 'Field', inheritAttrs: false },
 )

package/src/useForm.tsx

@@ -2,7 +2,12 @@ import { FormApi, type FormState, type FormOptions } from '@tanstack/form-core'
 import { useStore } from '@tanstack/vue-store'
 import { type UseField, type FieldComponent, Field, useField } from './useField'
 import { provideFormContext } from './formContext'
-import { defineComponent } from 'vue-demi'
+import {
+  type EmitsOptions,
+  type SlotsType,
+  type SetupContext,
+  defineComponent,
+} from 'vue-demi'
 import type { NoInfer } from './types'
 
 declare module '@tanstack/form-core' {
@@ -15,9 +20,15 @@ declare module '@tanstack/form-core' {
     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
+    Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(
+      props: {
+        selector?: (state: NoInfer<FormState<TFormData>>) => TSelected
+      },
+      context: SetupContext<
+        EmitsOptions,
+        SlotsType<{ default: NoInfer<FormState<TFormData>> }>
+      >,
+    ) => any
   }
 }
 

package/build/legacy/createFormFactory.cjs

@@ -1,42 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,12 +0,0 @@
-import { FormOptions, FormApi } from '@tanstack/form-core';
-import { UseField, FieldComponent } from './useField.cjs';
-import 'vue-demi';
-
-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 { FormFactory, createFormFactory };

package/build/legacy/createFormFactory.d.ts

@@ -1,12 +0,0 @@
-import { FormOptions, FormApi } from '@tanstack/form-core';
-import { UseField, FieldComponent } from './useField.js';
-import 'vue-demi';
-
-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 { FormFactory, createFormFactory };

package/build/legacy/createFormFactory.js

@@ -1,17 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,46 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,14 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,19 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,33 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-export * from '@tanstack/form-core';
-export { FormFactory, createFormFactory } from './createFormFactory.cjs';
-export { FormContext, formContext, provideFormContext, useFormContext } from './formContext.cjs';
-export { Field, FieldComponent, FieldValue, UseField, UseFieldOptions, useField } from './useField.cjs';
-export { useForm } from './useForm.cjs';
-import 'vue-demi';
-import './types.cjs';

package/build/legacy/index.d.ts

@@ -1,7 +0,0 @@
-export * from '@tanstack/form-core';
-export { FormFactory, createFormFactory } from './createFormFactory.js';
-export { FormContext, formContext, provideFormContext, useFormContext } from './formContext.js';
-export { Field, FieldComponent, FieldValue, UseField, UseFieldOptions, useField } from './useField.js';
-export { useForm } from './useForm.js';
-import 'vue-demi';
-import './types.js';

package/build/legacy/index.js

@@ -1,7 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,19 +0,0 @@
-"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

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

package/build/legacy/types.d.cts

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

package/build/legacy/types.d.ts

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

package/build/legacy/types.js

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

package/build/legacy/types.js.map

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

package/build/legacy/useField.cjs

@@ -1,71 +0,0 @@
-"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/useField.tsx
-var useField_exports = {};
-__export(useField_exports, {
-  Field: () => Field,
-  useField: () => useField
-});
-module.exports = __toCommonJS(useField_exports);
-var import_form_core = require("@tanstack/form-core");
-var import_vue_store = require("@tanstack/vue-store");
-var import_vue_demi = require("vue-demi");
-var import_formContext = require("./formContext.cjs");
-function useField(opts) {
-  const { formApi, parentFieldName } = (0, import_formContext.useFormContext)();
-  const fieldApi = (() => {
-    const name = (typeof opts.index === "number" ? [parentFieldName, opts.index, opts.name] : [parentFieldName, opts.name]).filter((d) => d !== void 0).join(".");
-    const api = new import_form_core.FieldApi({ ...opts, form: formApi, name });
-    api.Field = Field;
-    return api;
-  })();
-  const fieldState = (0, import_vue_store.useStore)(fieldApi.store, (state) => state);
-  let cleanup;
-  (0, import_vue_demi.onMounted)(() => {
-    cleanup = fieldApi.mount();
-  });
-  (0, import_vue_demi.onUnmounted)(() => {
-    cleanup();
-  });
-  (0, import_vue_demi.watch)(
-    () => opts,
-    () => {
-      fieldApi.update({ ...opts, form: formApi });
-    }
-  );
-  return { api: fieldApi, state: fieldState };
-}
-var Field = (0, import_vue_demi.defineComponent)(
-  (fieldOptions, context) => {
-    const fieldApi = useField({ ...fieldOptions, ...context.attrs });
-    (0, import_formContext.provideFormContext)({
-      formApi: fieldApi.api.form,
-      parentFieldName: fieldApi.api.name
-    });
-    return () => context.slots.default(fieldApi.api, fieldApi.state.value);
-  },
-  { name: "Field", inheritAttrs: false }
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Field,
-  useField
-});
-//# sourceMappingURL=useField.cjs.map

package/build/legacy/useField.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/useField.tsx"],"sourcesContent":["import {\n  type DeepKeys,\n  type DeepValue,\n  FieldApi,\n  type FieldOptions,\n  type Narrow,\n} from '@tanstack/form-core'\nimport { useStore } from '@tanstack/vue-store'\nimport {\n  type SetupContext,\n  defineComponent,\n  type Ref,\n  onMounted,\n  onUnmounted,\n  watch,\n} from 'vue-demi'\nimport { provideFormContext, useFormContext } from './formContext'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FieldApi<TData, TFormData> {\n    Field: FieldComponent<TData, TFormData>\n  }\n}\n\nexport interface UseFieldOptions<TData, TFormData>\n  extends FieldOptions<TData, TFormData> {\n  mode?: 'value' | 'array'\n}\n\nexport type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(\n  opts?: { name: Narrow<TField> } & UseFieldOptions<\n    DeepValue<TFormData, TField>,\n    TFormData\n  >,\n) => FieldApi<DeepValue<TFormData, TField>, TFormData>\n\nexport function useField<TData, TFormData>(\n  opts: UseFieldOptions<TData, TFormData>,\n): {\n  api: FieldApi<TData, TFormData>\n  state: Readonly<Ref<FieldApi<TData, TFormData>['state']>>\n} {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const fieldApi = (() => {\n    const name = (\n      typeof opts.index === 'number'\n        ? [parentFieldName, opts.index, opts.name]\n        : [parentFieldName, opts.name]\n    )\n      .filter((d) => d !== undefined)\n      .join('.')\n\n    const api = new FieldApi({ ...opts, form: formApi, name: name as never })\n\n    api.Field = Field as never\n\n    return api\n  })()\n\n  const fieldState = useStore(fieldApi.store, (state) => state)\n\n  let cleanup!: () => void\n  onMounted(() => {\n    cleanup = fieldApi.mount()\n  })\n\n  onUnmounted(() => {\n    cleanup()\n  })\n\n  watch(\n    () => opts,\n    () => {\n      // Keep options up to date as they are rendered\n      fieldApi.update({ ...opts, form: formApi } as never)\n    },\n  )\n\n  return { api: fieldApi, state: fieldState } as never\n}\n\n// export type FieldValue<TFormData, TField> = TFormData extends any[]\n//   ? TField extends `[${infer TIndex extends number | 'i'}].${infer TRest}`\n//     ? DeepValue<TFormData[TIndex extends 'i' ? number : TIndex], TRest>\n//     : TField extends `[${infer TIndex extends number | 'i'}]`\n//     ? TFormData[TIndex extends 'i' ? number : TIndex]\n//     : never\n//   : TField extends `${infer TPrefix}[${infer TIndex extends\n//       | number\n//       | 'i'}].${infer TRest}`\n//   ? DeepValue<\n//       DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex],\n//       TRest\n//     >\n//   : TField extends `${infer TPrefix}[${infer TIndex extends number | 'i'}]`\n//   ? DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex]\n//   : DeepValue<TFormData, TField>\n\nexport type FieldValue<TFormData, TField> = TFormData extends any[]\n  ? unknown extends TField\n    ? TFormData[number]\n    : DeepValue<TFormData[number], TField>\n  : DeepValue<TFormData, TField>\n\n// type Test1 = FieldValue<{ foo: { bar: string }[] }, 'foo'>\n// //   ^?\n// type Test2 = FieldValue<{ foo: { bar: string }[] }, 'foo[i]'>\n// //   ^?\n// type Test3 = FieldValue<{ foo: { bar: string }[] }, 'foo[2].bar'>\n// //   ^?\n\nexport type FieldComponent<TParentData, TFormData> = <TField>(\n  fieldOptions: {\n    children?: (\n      fieldApi: FieldApi<FieldValue<TParentData, TField>, TFormData>,\n    ) => any\n  } & Omit<\n    UseFieldOptions<FieldValue<TParentData, TField>, TFormData>,\n    'name' | 'index'\n  > &\n    (TParentData extends any[]\n      ? {\n          name?: TField extends undefined ? TField : DeepKeys<TParentData>\n          index: number\n        }\n      : {\n          name: TField extends undefined ? TField : DeepKeys<TParentData>\n          index?: never\n        }),\n  context: SetupContext,\n) => any\n\nexport const Field = defineComponent(\n  <TData, TFormData>(\n    fieldOptions: UseFieldOptions<TData, TFormData>,\n    context: SetupContext,\n  ) => {\n    const fieldApi = useField({ ...fieldOptions, ...context.attrs })\n\n    provideFormContext({\n      formApi: fieldApi.api.form,\n      parentFieldName: fieldApi.api.name,\n    } as never)\n\n    return () => context.slots.default!(fieldApi.api, fieldApi.state.value)\n  },\n  { name: 'Field', inheritAttrs: false },\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAMO;AACP,uBAAyB;AACzB,sBAOO;AACP,yBAAmD;AAqB5C,SAAS,SACd,MAIA;AAEA,QAAM,EAAE,SAAS,gBAAgB,QAAI,mCAAe;AAEpD,QAAM,YAAY,MAAM;AACtB,UAAM,QACJ,OAAO,KAAK,UAAU,WAClB,CAAC,iBAAiB,KAAK,OAAO,KAAK,IAAI,IACvC,CAAC,iBAAiB,KAAK,IAAI,GAE9B,OAAO,CAAC,MAAM,MAAM,MAAS,EAC7B,KAAK,GAAG;AAEX,UAAM,MAAM,IAAI,0BAAS,EAAE,GAAG,MAAM,MAAM,SAAS,KAAoB,CAAC;AAExE,QAAI,QAAQ;AAEZ,WAAO;AAAA,EACT,GAAG;AAEH,QAAM,iBAAa,2BAAS,SAAS,OAAO,CAAC,UAAU,KAAK;AAE5D,MAAI;AACJ,iCAAU,MAAM;AACd,cAAU,SAAS,MAAM;AAAA,EAC3B,CAAC;AAED,mCAAY,MAAM;AAChB,YAAQ;AAAA,EACV,CAAC;AAED;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAEJ,eAAS,OAAO,EAAE,GAAG,MAAM,MAAM,QAAQ,CAAU;AAAA,IACrD;AAAA,EACF;AAEA,SAAO,EAAE,KAAK,UAAU,OAAO,WAAW;AAC5C;AAqDO,IAAM,YAAQ;AAAA,EACnB,CACE,cACA,YACG;AACH,UAAM,WAAW,SAAS,EAAE,GAAG,cAAc,GAAG,QAAQ,MAAM,CAAC;AAE/D,+CAAmB;AAAA,MACjB,SAAS,SAAS,IAAI;AAAA,MACtB,iBAAiB,SAAS,IAAI;AAAA,IAChC,CAAU;AAEV,WAAO,MAAM,QAAQ,MAAM,QAAS,SAAS,KAAK,SAAS,MAAM,KAAK;AAAA,EACxE;AAAA,EACA,EAAE,MAAM,SAAS,cAAc,MAAM;AACvC;","names":[]}