@tanstack/react-form 0.11.0 → 0.13.0

package/src/tests/useField.test-d.tsx

@@ -49,7 +49,7 @@ it('should type onChange properly', () => {
               return null
             },
           }}
-          children={(field) => null}
+          children={() => null}
         />
         <form.Field
           name="age"
@@ -59,7 +59,7 @@ it('should type onChange properly', () => {
               return null
             },
           }}
-          children={(field) => null}
+          children={() => null}
         />
       </form.Provider>
     )

package/src/tests/useForm.test.tsx

@@ -178,6 +178,7 @@ describe('useForm', () => {
           },
         },
       })
+      const onChangeError = form.useStore((s) => s.errorMap.onChange)
       return (
         <form.Provider>
           <form.Field
@@ -192,9 +193,7 @@ describe('useForm', () => {
               />
             )}
           />
-          <form.Subscribe selector={(state) => state.errorMap}>
-            {(errorMap) => <p>{errorMap.onChange}</p>}
-          </form.Subscribe>
+          <p>{onChangeError}</p>
         </form.Provider>
       )
     }

package/src/useField.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React, { useRef, useState } from 'rehackt'
 import { useStore } from '@tanstack/react-store'
 import type {
   DeepKeys,
@@ -10,6 +10,7 @@ import { FieldApi, functionalUpdate } from '@tanstack/form-core'
 import { useFormContext, formContext } from './formContext'
 import type { UseFieldOptions } from './types'
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'
+import { useIsomorphicEffectOnce } from './useIsomorphicEffectOnce'
 
 declare module '@tanstack/form-core' {
   // eslint-disable-next-line no-shadow
@@ -103,8 +104,19 @@ export function useField<
         }
       : undefined,
   )
-  // Instantiates field meta and removes it when unrendered
-  useIsomorphicLayoutEffect(() => fieldApi.mount(), [fieldApi])
+  const unmountFn = useRef<(() => void) | null>(null)
+
+  useIsomorphicEffectOnce(() => {
+    return () => {
+      unmountFn.current?.()
+    }
+  })
+
+  // We have to mount it right as soon as it renders, otherwise we get:
+  // https://github.com/TanStack/form/issues/523
+  if (!unmountFn.current) {
+    unmountFn.current = fieldApi.mount()
+  }
 
   return fieldApi as never
 }

package/src/useForm.tsx

@@ -2,7 +2,11 @@ import type { FormState, FormOptions, Validator } from '@tanstack/form-core'
 import { FormApi, functionalUpdate } from '@tanstack/form-core'
 import type { NoInfer } from '@tanstack/react-store'
 import { useStore } from '@tanstack/react-store'
-import React, { type PropsWithChildren, type ReactNode, useState } from 'react'
+import React, {
+  type PropsWithChildren,
+  type ReactNode,
+  useState,
+} from 'rehackt'
 import { type UseField, type FieldComponent, Field, useField } from './useField'
 import { formContext } from './formContext'
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'

package/src/useIsomorphicEffectOnce.ts

@@ -0,0 +1,38 @@
+import { useRef, useState, type EffectCallback } from 'rehackt'
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'
+
+/**
+ * This hook handles StrictMode and prod mode
+ */
+export const useIsomorphicEffectOnce = (effect: EffectCallback) => {
+  const destroyFunc = useRef<void | (() => void)>()
+  const effectCalled = useRef(false)
+  const renderAfterCalled = useRef(false)
+  const [val, setVal] = useState(0)
+
+  if (effectCalled.current) {
+    renderAfterCalled.current = true
+  }
+
+  useIsomorphicLayoutEffect(() => {
+    // only execute the effect first time around
+    if (!effectCalled.current) {
+      destroyFunc.current = effect()
+      effectCalled.current = true
+    }
+
+    // this forces one render after the effect is run
+    setVal((v) => v + 1)
+
+    return () => {
+      // if the comp didn't render since the useEffect was called,
+      // we know it's the dummy React cycle
+      if (!renderAfterCalled.current) {
+        return
+      }
+      if (destroyFunc.current) {
+        destroyFunc.current()
+      }
+    }
+  }, [])
+}

package/src/useIsomorphicLayoutEffect.ts

@@ -1,4 +1,4 @@
-import { useEffect, useLayoutEffect } from 'react'
+import { useEffect, useLayoutEffect } from 'rehackt'
 
 export const useIsomorphicLayoutEffect =
   // @ts-ignore

package/src/useTransform.ts

@@ -0,0 +1,16 @@
+import type { FormApi, Validator } from '@tanstack/form-core'
+
+export function useTransform<
+  TFormData,
+  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
+>(
+  fn: (
+    formBase: FormApi<TFormData, TFormValidator>,
+  ) => FormApi<TFormData, TFormValidator>,
+  deps: unknown[],
+) {
+  return {
+    fn,
+    deps,
+  }
+}

package/src/validateFormData.ts

@@ -0,0 +1,70 @@
+import { decode } from 'decode-formdata'
+import type {
+  FormApi,
+  FormOptions,
+  ValidationError,
+  Validator,
+} from '@tanstack/form-core'
+
+type OnServerValidateFn<TFormData> = (props: {
+  value: TFormData
+}) => ValidationError
+
+type OnServerValidateOrFn<
+  TFormData,
+  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
+> = TFormValidator extends Validator<TFormData, infer FFN>
+  ? FFN | OnServerValidateFn<TFormData>
+  : OnServerValidateFn<TFormData>
+
+declare module '@tanstack/form-core' {
+  // eslint-disable-next-line no-shadow
+  interface FormOptions<
+    TFormData,
+    TFormValidator extends
+      | Validator<TFormData, unknown>
+      | undefined = undefined,
+  > {
+    onServerValidate?: OnServerValidateOrFn<TFormData, TFormValidator>
+  }
+}
+
+export type ValidateFormData<
+  TFormData,
+  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
+> = (
+  formData: FormData,
+  info?: Parameters<typeof decode>[1],
+) => Promise<Partial<FormApi<TFormData, TFormValidator>['state']>>
+
+export const getValidateFormData = <
+  TFormData,
+  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
+>(
+  defaultOpts?: FormOptions<TFormData, TFormValidator>,
+) =>
+  (async (
+    formData: FormData,
+    info?: Parameters<typeof decode>[1],
+  ): Promise<Partial<FormApi<TFormData, TFormValidator>['state']>> => {
+    const { validatorAdapter, onServerValidate } = defaultOpts || {}
+
+    const runValidator = (propsValue: { value: TFormData }) => {
+      if (validatorAdapter && typeof onServerValidate !== 'function') {
+        return validatorAdapter().validate(propsValue, onServerValidate)
+      }
+
+      return (onServerValidate as OnServerValidateFn<TFormData>)(propsValue)
+    }
+
+    const data = decode(formData, info) as never as TFormData
+
+    const onServerError = runValidator({ value: data })
+
+    return {
+      errorMap: {
+        onServer: onServerError,
+      },
+      errors: onServerError ? [onServerError] : [],
+    }
+  }) as ValidateFormData<TFormData, TFormValidator>

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, Validator } from '@tanstack/form-core'\n\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { useForm } from './useForm'\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: UseField<TFormData>\n  Field: FieldComponent<TFormData, TFormValidator>\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 as any,\n    Field: Field as any,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAAoE;AACpE,qBAAwB;AAajB,SAAS,kBAId,aACwC;AACxC,SAAO;AAAA,IACL,SAAS,CAAC,SAAS;AACjB,YAAM,cAAc,OAAO,OAAO,CAAC,GAAG,aAAa,IAAI;AACvD,iBAAO,wBAAmC,WAAW;AAAA,IACvD;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AACF;","names":[]}

package/build/legacy/createFormFactory.d.cts

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

package/build/legacy/createFormFactory.d.ts

@@ -1,12 +0,0 @@
-import { Validator, FormOptions, FormApi } from '@tanstack/form-core';
-import { UseField, FieldComponent } from './useField.js';
-import './types.js';
-
-type FormFactory<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> = {
-    useForm: (opts?: FormOptions<TFormData, TFormValidator>) => FormApi<TFormData, TFormValidator>;
-    useField: UseField<TFormData>;
-    Field: FieldComponent<TFormData, TFormValidator>;
-};
-declare function createFormFactory<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(defaultOpts?: FormOptions<TFormData, TFormValidator>): FormFactory<TFormData, TFormValidator>;
-
-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, Validator } from '@tanstack/form-core'\n\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { useForm } from './useForm'\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: UseField<TFormData>\n  Field: FieldComponent<TFormData, TFormValidator>\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 as any,\n    Field: Field as any,\n  }\n}\n"],"mappings":";AAEA,SAA6C,OAAO,gBAAgB;AACpE,SAAS,eAAe;AAajB,SAAS,kBAId,aACwC;AACxC,SAAO;AAAA,IACL,SAAS,CAAC,SAAS;AACjB,YAAM,cAAc,OAAO,OAAO,CAAC,GAAG,aAAa,IAAI;AACvD,aAAO,QAAmC,WAAW;AAAA,IACvD;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/build/legacy/formContext.cjs

@@ -1,51 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/formContext.ts
-var formContext_exports = {};
-__export(formContext_exports, {
-  formContext: () => formContext,
-  useFormContext: () => useFormContext
-});
-module.exports = __toCommonJS(formContext_exports);
-var React = __toESM(require("react"), 1);
-var formContext = React.createContext(null);
-function useFormContext() {
-  const formApi = React.useContext(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,
-  useFormContext
-});
-//# sourceMappingURL=formContext.cjs.map

package/build/legacy/formContext.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/formContext.ts"],"sourcesContent":["import type { FormApi, Validator } from '@tanstack/form-core'\nimport * as React from 'react'\n\nexport const formContext = React.createContext<{\n  formApi: FormApi<any, Validator<any, unknown> | undefined>\n  parentFieldName?: string\n} | null>(null!)\n\nexport function useFormContext() {\n  const formApi = React.useContext(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;AACA,YAAuB;AAEhB,IAAM,cAAoB,oBAGvB,IAAK;AAER,SAAS,iBAAiB;AAC/B,QAAM,UAAgB,iBAAW,WAAW;AAE5C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AAEA,SAAO;AACT;","names":[]}

package/build/legacy/formContext.d.cts

@@ -1,13 +0,0 @@
-import { FormApi, Validator } from '@tanstack/form-core';
-import * as React from 'react';
-
-declare const formContext: React.Context<{
-    formApi: FormApi<any, Validator<any, unknown> | undefined>;
-    parentFieldName?: string | undefined;
-} | null>;
-declare function useFormContext(): {
-    formApi: FormApi<any, Validator<any, unknown> | undefined>;
-    parentFieldName?: string | undefined;
-};
-
-export { formContext, useFormContext };

package/build/legacy/formContext.js

@@ -1,15 +0,0 @@
-// src/formContext.ts
-import * as React from "react";
-var formContext = React.createContext(null);
-function useFormContext() {
-  const formApi = React.useContext(formContext);
-  if (!formApi) {
-    throw new Error(`You are trying to use the form API outside of a form!`);
-  }
-  return formApi;
-}
-export {
-  formContext,
-  useFormContext
-};
-//# sourceMappingURL=formContext.js.map

package/build/legacy/formContext.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/formContext.ts"],"sourcesContent":["import type { FormApi, Validator } from '@tanstack/form-core'\nimport * as React from 'react'\n\nexport const formContext = React.createContext<{\n  formApi: FormApi<any, Validator<any, unknown> | undefined>\n  parentFieldName?: string\n} | null>(null!)\n\nexport function useFormContext() {\n  const formApi = React.useContext(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,YAAY,WAAW;AAEhB,IAAM,cAAoB,oBAGvB,IAAK;AAER,SAAS,iBAAiB;AAC/B,QAAM,UAAgB,iBAAW,WAAW;AAE5C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AAEA,SAAO;AACT;","names":[]}

package/build/legacy/index.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/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Field: () => import_useField.Field,
-  FieldApi: () => import_form_core.FieldApi,
-  FormApi: () => import_form_core.FormApi,
-  createFormFactory: () => import_createFormFactory.createFormFactory,
-  functionalUpdate: () => import_form_core.functionalUpdate,
-  useField: () => import_useField.useField,
-  useForm: () => import_useForm.useForm
-});
-module.exports = __toCommonJS(src_exports);
-var import_form_core = require("@tanstack/form-core");
-var import_useForm = require("./useForm.cjs");
-var import_useField = require("./useField.cjs");
-var import_createFormFactory = require("./createFormFactory.cjs");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Field,
-  FieldApi,
-  FormApi,
-  createFormFactory,
-  functionalUpdate,
-  useField,
-  useForm
-});
-//# sourceMappingURL=index.cjs.map

package/build/legacy/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type {\n  DeepKeys,\n  DeepValue,\n  FieldApiOptions,\n  FieldInfo,\n  FieldMeta,\n  FieldOptions,\n  FieldState,\n  FormOptions,\n  FormState,\n  RequiredByKey,\n  Updater,\n  UpdaterFn,\n  ValidationCause,\n  ValidationError,\n  ValidationMeta,\n} from '@tanstack/form-core'\n\nexport { FormApi, FieldApi, functionalUpdate } from '@tanstack/form-core'\n\nexport { useForm } from './useForm'\n\nexport type { UseField, FieldComponent } from './useField'\nexport { useField, Field } from './useField'\n\nexport type { FormFactory } from './createFormFactory'\nexport { createFormFactory } from './createFormFactory'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBA,uBAAoD;AAEpD,qBAAwB;AAGxB,sBAAgC;AAGhC,+BAAkC;","names":[]}

package/build/legacy/index.d.cts

@@ -1,7 +0,0 @@
-export { DeepKeys, DeepValue, FieldApi, FieldApiOptions, FieldInfo, FieldMeta, FieldOptions, FieldState, FormApi, FormOptions, FormState, RequiredByKey, Updater, UpdaterFn, ValidationCause, ValidationError, ValidationMeta, functionalUpdate } from '@tanstack/form-core';
-export { useForm } from './useForm.cjs';
-export { Field, FieldComponent, UseField, useField } from './useField.cjs';
-export { FormFactory, createFormFactory } from './createFormFactory.cjs';
-import '@tanstack/react-store';
-import 'react';
-import './types.cjs';

package/build/legacy/index.d.ts

@@ -1,7 +0,0 @@
-export { DeepKeys, DeepValue, FieldApi, FieldApiOptions, FieldInfo, FieldMeta, FieldOptions, FieldState, FormApi, FormOptions, FormState, RequiredByKey, Updater, UpdaterFn, ValidationCause, ValidationError, ValidationMeta, functionalUpdate } from '@tanstack/form-core';
-export { useForm } from './useForm.js';
-export { Field, FieldComponent, UseField, useField } from './useField.js';
-export { FormFactory, createFormFactory } from './createFormFactory.js';
-import '@tanstack/react-store';
-import 'react';
-import './types.js';

package/build/legacy/index.js

@@ -1,15 +0,0 @@
-// src/index.ts
-import { FormApi, FieldApi, functionalUpdate } from "@tanstack/form-core";
-import { useForm } from "./useForm.js";
-import { useField, Field } from "./useField.js";
-import { createFormFactory } from "./createFormFactory.js";
-export {
-  Field,
-  FieldApi,
-  FormApi,
-  createFormFactory,
-  functionalUpdate,
-  useField,
-  useForm
-};
-//# sourceMappingURL=index.js.map

package/build/legacy/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type {\n  DeepKeys,\n  DeepValue,\n  FieldApiOptions,\n  FieldInfo,\n  FieldMeta,\n  FieldOptions,\n  FieldState,\n  FormOptions,\n  FormState,\n  RequiredByKey,\n  Updater,\n  UpdaterFn,\n  ValidationCause,\n  ValidationError,\n  ValidationMeta,\n} from '@tanstack/form-core'\n\nexport { FormApi, FieldApi, functionalUpdate } from '@tanstack/form-core'\n\nexport { useForm } from './useForm'\n\nexport type { UseField, FieldComponent } from './useField'\nexport { useField, Field } from './useField'\n\nexport type { FormFactory } from './createFormFactory'\nexport { createFormFactory } from './createFormFactory'\n"],"mappings":";AAkBA,SAAS,SAAS,UAAU,wBAAwB;AAEpD,SAAS,eAAe;AAGxB,SAAS,UAAU,aAAa;AAGhC,SAAS,yBAAyB;","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":["import type {\n  FieldOptions,\n  DeepKeys,\n  DeepValue,\n  Validator,\n} from '@tanstack/form-core'\n\nexport type UseFieldOptions<\n  TParentData,\n  TName extends DeepKeys<TParentData>,\n  TFieldValidator extends\n    | Validator<DeepValue<TParentData, TName>, unknown>\n    | undefined = undefined,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,\n> = FieldOptions<TParentData, TName, TFieldValidator, TFormValidator, TData> & {\n  mode?: 'value' | 'array'\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/build/legacy/types.d.cts

@@ -1,7 +0,0 @@
-import { DeepKeys, Validator, DeepValue, FieldOptions } from '@tanstack/form-core';
-
-type UseFieldOptions<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> = FieldOptions<TParentData, TName, TFieldValidator, TFormValidator, TData> & {
-    mode?: 'value' | 'array';
-};
-
-export { UseFieldOptions };

package/build/legacy/types.d.ts

@@ -1,7 +0,0 @@
-import { DeepKeys, Validator, DeepValue, FieldOptions } from '@tanstack/form-core';
-
-type UseFieldOptions<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> = FieldOptions<TParentData, TName, TFieldValidator, TFormValidator, TData> & {
-    mode?: 'value' | 'array';
-};
-
-export { UseFieldOptions };

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,88 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-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_react = __toESM(require("react"), 1);
-var import_react_store = require("@tanstack/react-store");
-var import_form_core = require("@tanstack/form-core");
-var import_formContext = require("./formContext.cjs");
-var import_useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect.cjs");
-function useField(opts) {
-  const { formApi, parentFieldName } = (0, import_formContext.useFormContext)();
-  const [fieldApi] = (0, import_react.useState)(() => {
-    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,
-      // TODO: Fix typings to include `index` and `parentFieldName`, if present
-      name
-    });
-    api.Field = Field;
-    return api;
-  });
-  (0, import_useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => {
-    fieldApi.update({ ...opts, form: formApi });
-  });
-  (0, import_react_store.useStore)(
-    fieldApi.store,
-    opts.mode === "array" ? (state) => {
-      return [state.meta, Object.keys(state.value).length];
-    } : void 0
-  );
-  (0, import_useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => fieldApi.mount(), [fieldApi]);
-  return fieldApi;
-}
-function Field({
-  children,
-  ...fieldOptions
-}) {
-  const fieldApi = useField(fieldOptions);
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_formContext.formContext.Provider,
-    {
-      value: {
-        formApi: fieldApi.form,
-        parentFieldName: fieldApi.name
-      },
-      children: (0, import_form_core.functionalUpdate)(children, fieldApi)
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Field,
-  useField
-});
-//# sourceMappingURL=useField.cjs.map