@tanstack/react-form 0.1.2 → 0.2.0

package/build/lib/formContext.legacy.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-
-const formContext = /*#__PURE__*/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.legacy.js.map

package/build/lib/formContext.legacy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formContext.legacy.js","sources":["../../src/formContext.ts"],"sourcesContent":["import type { FormApi } from '@tanstack/form-core'\nimport * as React from 'react'\n\nexport const formContext = React.createContext<{\n  formApi: FormApi<any>\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"],"names":["formContext","React","createContext","useFormContext","formApi","useContext","Error"],"mappings":";;AAGO,MAAMA,WAAW,gBAAGC,KAAK,CAACC,aAAa,CAGpC,IAAK,EAAC;AAET,SAASC,cAAcA,GAAG;AAC/B,EAAA,MAAMC,OAAO,GAAGH,KAAK,CAACI,UAAU,CAACL,WAAW,CAAC,CAAA;EAE7C,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CAAA,uDAAwD,CAAC,CAAA;AAC1E,GAAA;AAEA,EAAA,OAAOF,OAAO,CAAA;AAChB;;;;"}

package/build/lib/index.cjs

@@ -1,26 +0,0 @@
-'use strict';
-
-var formCore = require('@tanstack/form-core');
-var useForm = require('./useForm.cjs');
-var useField = require('./useField.cjs');
-var createFormFactory = require('./createFormFactory.cjs');
-
-
-
-Object.defineProperty(exports, 'FieldApi', {
-  enumerable: true,
-  get: function () { return formCore.FieldApi; }
-});
-Object.defineProperty(exports, 'FormApi', {
-  enumerable: true,
-  get: function () { return formCore.FormApi; }
-});
-Object.defineProperty(exports, 'functionalUpdate', {
-  enumerable: true,
-  get: function () { return formCore.functionalUpdate; }
-});
-exports.useForm = useForm.useForm;
-exports.Field = useField.Field;
-exports.useField = useField.useField;
-exports.createFormFactory = createFormFactory.createFormFactory;
-//# sourceMappingURL=index.cjs.map

package/build/lib/index.cjs.map

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

package/build/lib/index.d.ts

@@ -1,8 +0,0 @@
-export type { DeepKeys, DeepValue, FieldApiOptions, FieldInfo, FieldMeta, FieldOptions, FieldState, FormOptions, FormState, RequiredByKey, Updater, UpdaterFn, ValidationCause, ValidationError, ValidationMeta, } from '@tanstack/form-core';
-export { FormApi, FieldApi, functionalUpdate } from '@tanstack/form-core';
-export { useForm } from './useForm';
-export type { UseField, FieldComponent } from './useField';
-export { useField, Field } from './useField';
-export type { FormFactory } from './createFormFactory';
-export { createFormFactory } from './createFormFactory';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,QAAQ,EACR,SAAS,EACT,eAAe,EACf,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,OAAO,EACP,SAAS,EACT,eAAe,EACf,eAAe,EACf,cAAc,GACf,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEzE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAE5C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}

package/build/lib/index.js

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

package/build/lib/index.js.map

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

package/build/lib/index.legacy.cjs

@@ -1,26 +0,0 @@
-'use strict';
-
-var formCore = require('@tanstack/form-core');
-var useForm = require('./useForm.legacy.cjs');
-var useField = require('./useField.legacy.cjs');
-var createFormFactory = require('./createFormFactory.legacy.cjs');
-
-
-
-Object.defineProperty(exports, 'FieldApi', {
-  enumerable: true,
-  get: function () { return formCore.FieldApi; }
-});
-Object.defineProperty(exports, 'FormApi', {
-  enumerable: true,
-  get: function () { return formCore.FormApi; }
-});
-Object.defineProperty(exports, 'functionalUpdate', {
-  enumerable: true,
-  get: function () { return formCore.functionalUpdate; }
-});
-exports.useForm = useForm.useForm;
-exports.Field = useField.Field;
-exports.useField = useField.useField;
-exports.createFormFactory = createFormFactory.createFormFactory;
-//# sourceMappingURL=index.legacy.cjs.map

package/build/lib/index.legacy.cjs.map

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

package/build/lib/index.legacy.js

@@ -1,5 +0,0 @@
-export { FieldApi, FormApi, functionalUpdate } from '@tanstack/form-core';
-export { useForm } from './useForm.legacy.js';
-export { Field, useField } from './useField.legacy.js';
-export { createFormFactory } from './createFormFactory.legacy.js';
-//# sourceMappingURL=index.legacy.js.map

package/build/lib/index.legacy.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/lib/tests/utils.d.ts

@@ -1,2 +0,0 @@
-export declare function sleep(timeout: number): Promise<void>;
-//# sourceMappingURL=utils.d.ts.map

package/build/lib/tests/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/tests/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAIpD"}

package/build/lib/types.d.ts

@@ -1,5 +0,0 @@
-import type { FieldOptions } from '@tanstack/form-core';
-export type UseFieldOptions<TData, TFormData> = FieldOptions<TData, TFormData> & {
-    mode?: 'value' | 'array';
-};
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAEvD,MAAM,MAAM,eAAe,CAAC,KAAK,EAAE,SAAS,IAAI,YAAY,CAC1D,KAAK,EACL,SAAS,CACV,GAAG;IACF,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CACzB,CAAA"}

package/build/lib/useField.cjs

@@ -1,83 +0,0 @@
-'use strict';
-
-var React = require('react');
-var reactStore = require('@tanstack/react-store');
-var formCore = require('@tanstack/form-core');
-var formContext = require('./formContext.cjs');
-var useIsomorphicLayoutEffect = require('./utils/useIsomorphicLayoutEffect.cjs');
-
-function useField(opts) {
-  // Get the form API either manually or from context
-  const {
-    formApi,
-    parentFieldName
-  } = formContext.useFormContext();
-  const [fieldApi] = React.useState(() => {
-    const name = (typeof opts.index === 'number' ? [parentFieldName, opts.index, opts.name] : [parentFieldName, opts.name]).filter(d => d !== undefined).join('.');
-    const api = new formCore.FieldApi({
-      ...opts,
-      form: formApi,
-      name: name
-    });
-    api.Field = Field;
-    return api;
-  });
-
-  /**
-   * fieldApi.update should not have any side effects. Think of it like a `useRef`
-   * that we need to keep updated every render with the most up-to-date information.
-   */
-  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
-    fieldApi.update({
-      ...opts,
-      form: formApi
-    });
-  });
-  reactStore.useStore(fieldApi.store, opts.mode === 'array' ? state => {
-    return [state.meta, Object.keys(state.value || []).length];
-  } : undefined);
-
-  // Instantiates field meta and removes it when unrendered
-  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => fieldApi.mount(), [fieldApi]);
-  return fieldApi;
-}
-
-// export type FieldValue<TFormData, TField> = TFormData extends any[]
-//   ? TField extends `[${infer TIndex extends number | 'i'}].${infer TRest}`
-//     ? DeepValue<TFormData[TIndex extends 'i' ? number : TIndex], TRest>
-//     : TField extends `[${infer TIndex extends number | 'i'}]`
-//     ? TFormData[TIndex extends 'i' ? number : TIndex]
-//     : never
-//   : TField extends `${infer TPrefix}[${infer TIndex extends
-//       | number
-//       | 'i'}].${infer TRest}`
-//   ? DeepValue<
-//       DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex],
-//       TRest
-//     >
-//   : TField extends `${infer TPrefix}[${infer TIndex extends number | 'i'}]`
-//   ? DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex]
-//   : DeepValue<TFormData, TField>
-// type Test1 = FieldValue<{ foo: { bar: string }[] }, 'foo'>
-// //   ^?
-// type Test2 = FieldValue<{ foo: { bar: string }[] }, 'foo[i]'>
-// //   ^?
-// type Test3 = FieldValue<{ foo: { bar: string }[] }, 'foo[2].bar'>
-// //   ^?
-function Field({
-  children,
-  ...fieldOptions
-}) {
-  const fieldApi = useField(fieldOptions);
-  return /*#__PURE__*/React.createElement(formContext.formContext.Provider, {
-    value: {
-      formApi: fieldApi.form,
-      parentFieldName: fieldApi.name
-    },
-    children: formCore.functionalUpdate(children, fieldApi)
-  });
-}
-
-exports.Field = Field;
-exports.useField = useField;
-//# sourceMappingURL=useField.cjs.map

package/build/lib/useField.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useField.cjs","sources":["../../src/useField.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useStore } from '@tanstack/react-store'\nimport type {\n  DeepKeys,\n  DeepValue,\n  FieldOptions,\n  Narrow,\n} from '@tanstack/form-core'\nimport { FieldApi, functionalUpdate } from '@tanstack/form-core'\nimport { useFormContext, formContext } from './formContext'\nimport { useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect'\nimport type { UseFieldOptions } from './types'\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 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): FieldApi<TData, TFormData> {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const [fieldApi] = useState<FieldApi<TData, TFormData>>(() => {\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 any })\n\n    api.Field = Field as any\n\n    return api\n  })\n\n  /**\n   * fieldApi.update should not have any side effects. Think of it like a `useRef`\n   * that we need to keep updated every render with the most up-to-date information.\n   */\n  useIsomorphicLayoutEffect(() => {\n    fieldApi.update({ ...opts, form: formApi } as never)\n  })\n\n  useStore(\n    fieldApi.store as any,\n    opts.mode === 'array'\n      ? (state: any) => {\n          return [state.meta, Object.keys(state.value || []).length]\n        }\n      : undefined,\n  )\n\n  // Instantiates field meta and removes it when unrendered\n  useIsomorphicLayoutEffect(() => fieldApi.mount(), [fieldApi])\n\n  return fieldApi\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  children,\n  ...fieldOptions\n}: {\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      })) => any\n\nexport function Field<TData, TFormData>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<TData, TFormData>) => any\n} & UseFieldOptions<TData, TFormData>) {\n  const fieldApi = useField(fieldOptions as any)\n\n  return (\n    <formContext.Provider\n      value={{ formApi: fieldApi.form, parentFieldName: fieldApi.name }}\n      children={functionalUpdate(children, fieldApi as any)}\n    />\n  )\n}\n"],"names":["useField","opts","formApi","parentFieldName","useFormContext","fieldApi","useState","name","index","filter","d","undefined","join","api","FieldApi","form","Field","useIsomorphicLayoutEffect","update","useStore","store","mode","state","meta","Object","keys","value","length","mount","children","fieldOptions","React","createElement","formContext","Provider","functionalUpdate"],"mappings":";;;;;;;;AA2BO,SAASA,QAAQA,CACtBC,IAAuC,EACX;AAC5B;EACA,MAAM;IAAEC,OAAO;AAAEC,IAAAA,eAAAA;GAAiB,GAAGC,0BAAc,EAAE,CAAA;AAErD,EAAA,MAAM,CAACC,QAAQ,CAAC,GAAGC,cAAQ,CAA6B,MAAM;AAC5D,IAAA,MAAMC,IAAI,GAAG,CACX,OAAON,IAAI,CAACO,KAAK,KAAK,QAAQ,GAC1B,CAACL,eAAe,EAAEF,IAAI,CAACO,KAAK,EAAEP,IAAI,CAACM,IAAI,CAAC,GACxC,CAACJ,eAAe,EAAEF,IAAI,CAACM,IAAI,CAAC,EAE/BE,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKC,SAAS,CAAC,CAC9BC,IAAI,CAAC,GAAG,CAAC,CAAA;AAEZ,IAAA,MAAMC,GAAG,GAAG,IAAIC,iBAAQ,CAAC;AAAE,MAAA,GAAGb,IAAI;AAAEc,MAAAA,IAAI,EAAEb,OAAO;AAAEK,MAAAA,IAAI,EAAEA,IAAAA;AAAY,KAAC,CAAC,CAAA;IAEvEM,GAAG,CAACG,KAAK,GAAGA,KAAY,CAAA;AAExB,IAAA,OAAOH,GAAG,CAAA;AACZ,GAAC,CAAC,CAAA;;AAEF;AACF;AACA;AACA;AACEI,EAAAA,mDAAyB,CAAC,MAAM;IAC9BZ,QAAQ,CAACa,MAAM,CAAC;AAAE,MAAA,GAAGjB,IAAI;AAAEc,MAAAA,IAAI,EAAEb,OAAAA;AAAQ,KAAU,CAAC,CAAA;AACtD,GAAC,CAAC,CAAA;AAEFiB,EAAAA,mBAAQ,CACNd,QAAQ,CAACe,KAAK,EACdnB,IAAI,CAACoB,IAAI,KAAK,OAAO,GAChBC,KAAU,IAAK;AACd,IAAA,OAAO,CAACA,KAAK,CAACC,IAAI,EAAEC,MAAM,CAACC,IAAI,CAACH,KAAK,CAACI,KAAK,IAAI,EAAE,CAAC,CAACC,MAAM,CAAC,CAAA;GAC3D,GACDhB,SACN,CAAC,CAAA;;AAED;EACAM,mDAAyB,CAAC,MAAMZ,QAAQ,CAACuB,KAAK,EAAE,EAAE,CAACvB,QAAQ,CAAC,CAAC,CAAA;AAE7D,EAAA,OAAOA,QAAQ,CAAA;AACjB,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAQA;AACA;AACA;AACA;AACA;AACA;AAuBO,SAASW,KAAKA,CAAmB;EACtCa,QAAQ;EACR,GAAGC,YAAAA;AAG+B,CAAC,EAAE;AACrC,EAAA,MAAMzB,QAAQ,GAAGL,QAAQ,CAAC8B,YAAmB,CAAC,CAAA;AAE9C,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACC,uBAAW,CAACC,QAAQ,EAAA;AACnBR,IAAAA,KAAK,EAAE;MAAExB,OAAO,EAAEG,QAAQ,CAACU,IAAI;MAAEZ,eAAe,EAAEE,QAAQ,CAACE,IAAAA;KAAO;AAClEsB,IAAAA,QAAQ,EAAEM,yBAAgB,CAACN,QAAQ,EAAExB,QAAe,CAAA;AAAE,GACvD,CAAC,CAAA;AAEN;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"useField.d.ts","sourceRoot":"","sources":["../../src/useField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,QAAQ,EACR,SAAS,EAET,MAAM,EACP,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,QAAQ,EAAoB,MAAM,qBAAqB,CAAA;AAGhE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,QAAQ,qBAAqB,CAAC;IAEnC,UAAU,QAAQ,CAAC,KAAK,EAAE,SAAS;QACjC,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;KACxC;CACF;AAED,MAAM,MAAM,QAAQ,CAAC,SAAS,IAAI,CAAC,MAAM,SAAS,QAAQ,CAAC,SAAS,CAAC,EACnE,IAAI,CAAC,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;CAAE,GAAG,eAAe,CAC/C,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,EAC5B,SAAS,CACV,KACE,QAAQ,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,SAAS,CAAC,CAAA;AAEtD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,EACvC,IAAI,EAAE,eAAe,CAAC,KAAK,EAAE,SAAS,CAAC,GACtC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,CAyC5B;AAmBD,MAAM,MAAM,UAAU,CAAC,SAAS,EAAE,MAAM,IAAI,SAAS,SAAS,GAAG,EAAE,GAC/D,OAAO,SAAS,MAAM,GACpB,SAAS,CAAC,MAAM,CAAC,GACjB,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,GACtC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;AAShC,MAAM,MAAM,cAAc,CAAC,WAAW,EAAE,SAAS,IAAI,CAAC,MAAM,EAAE,EAC5D,QAAQ,EACR,GAAG,YAAY,EAChB,EAAE;IACD,QAAQ,EAAE,CACR,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,EAAE,SAAS,CAAC,KAC3D,GAAG,CAAA;CACT,GAAG,IAAI,CACN,eAAe,CAAC,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,EAAE,SAAS,CAAC,EAC3D,MAAM,GAAG,OAAO,CACjB,GACC,CAAC,WAAW,SAAS,GAAG,EAAE,GACtB;IACE,IAAI,CAAC,EAAE,MAAM,SAAS,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;IAChE,KAAK,EAAE,MAAM,CAAA;CACd,GACD;IACE,IAAI,EAAE,MAAM,SAAS,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;IAC/D,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAC,KAAK,GAAG,CAAA;AAEhB,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,EACtC,QAAQ,EACR,GAAG,YAAY,EAChB,EAAE;IACD,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,GAAG,CAAA;CACxD,GAAG,eAAe,CAAC,KAAK,EAAE,SAAS,CAAC,eASpC"}

package/build/lib/useField.js

@@ -1,80 +0,0 @@
-import React__default, { useState } from 'react';
-import { useStore } from '@tanstack/react-store';
-import { FieldApi, functionalUpdate } from '@tanstack/form-core';
-import { useFormContext, formContext } from './formContext.js';
-import { useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect.js';
-
-function useField(opts) {
-  // Get the form API either manually or from context
-  const {
-    formApi,
-    parentFieldName
-  } = useFormContext();
-  const [fieldApi] = useState(() => {
-    const name = (typeof opts.index === 'number' ? [parentFieldName, opts.index, opts.name] : [parentFieldName, opts.name]).filter(d => d !== undefined).join('.');
-    const api = new FieldApi({
-      ...opts,
-      form: formApi,
-      name: name
-    });
-    api.Field = Field;
-    return api;
-  });
-
-  /**
-   * fieldApi.update should not have any side effects. Think of it like a `useRef`
-   * that we need to keep updated every render with the most up-to-date information.
-   */
-  useIsomorphicLayoutEffect(() => {
-    fieldApi.update({
-      ...opts,
-      form: formApi
-    });
-  });
-  useStore(fieldApi.store, opts.mode === 'array' ? state => {
-    return [state.meta, Object.keys(state.value || []).length];
-  } : undefined);
-
-  // Instantiates field meta and removes it when unrendered
-  useIsomorphicLayoutEffect(() => fieldApi.mount(), [fieldApi]);
-  return fieldApi;
-}
-
-// export type FieldValue<TFormData, TField> = TFormData extends any[]
-//   ? TField extends `[${infer TIndex extends number | 'i'}].${infer TRest}`
-//     ? DeepValue<TFormData[TIndex extends 'i' ? number : TIndex], TRest>
-//     : TField extends `[${infer TIndex extends number | 'i'}]`
-//     ? TFormData[TIndex extends 'i' ? number : TIndex]
-//     : never
-//   : TField extends `${infer TPrefix}[${infer TIndex extends
-//       | number
-//       | 'i'}].${infer TRest}`
-//   ? DeepValue<
-//       DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex],
-//       TRest
-//     >
-//   : TField extends `${infer TPrefix}[${infer TIndex extends number | 'i'}]`
-//   ? DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex]
-//   : DeepValue<TFormData, TField>
-// type Test1 = FieldValue<{ foo: { bar: string }[] }, 'foo'>
-// //   ^?
-// type Test2 = FieldValue<{ foo: { bar: string }[] }, 'foo[i]'>
-// //   ^?
-// type Test3 = FieldValue<{ foo: { bar: string }[] }, 'foo[2].bar'>
-// //   ^?
-function Field({
-  children,
-  ...fieldOptions
-}) {
-  const fieldApi = useField(fieldOptions);
-  return /*#__PURE__*/React__default.createElement(formContext.Provider, {
-    value: {
-      formApi: fieldApi.form,
-      parentFieldName: fieldApi.name
-    },
-    children: functionalUpdate(children, fieldApi)
-  });
-}
-
-export { Field, useField };
-//# sourceMappingURL=useField.js.map

package/build/lib/useField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useField.js","sources":["../../src/useField.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useStore } from '@tanstack/react-store'\nimport type {\n  DeepKeys,\n  DeepValue,\n  FieldOptions,\n  Narrow,\n} from '@tanstack/form-core'\nimport { FieldApi, functionalUpdate } from '@tanstack/form-core'\nimport { useFormContext, formContext } from './formContext'\nimport { useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect'\nimport type { UseFieldOptions } from './types'\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 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): FieldApi<TData, TFormData> {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const [fieldApi] = useState<FieldApi<TData, TFormData>>(() => {\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 any })\n\n    api.Field = Field as any\n\n    return api\n  })\n\n  /**\n   * fieldApi.update should not have any side effects. Think of it like a `useRef`\n   * that we need to keep updated every render with the most up-to-date information.\n   */\n  useIsomorphicLayoutEffect(() => {\n    fieldApi.update({ ...opts, form: formApi } as never)\n  })\n\n  useStore(\n    fieldApi.store as any,\n    opts.mode === 'array'\n      ? (state: any) => {\n          return [state.meta, Object.keys(state.value || []).length]\n        }\n      : undefined,\n  )\n\n  // Instantiates field meta and removes it when unrendered\n  useIsomorphicLayoutEffect(() => fieldApi.mount(), [fieldApi])\n\n  return fieldApi\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  children,\n  ...fieldOptions\n}: {\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      })) => any\n\nexport function Field<TData, TFormData>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<TData, TFormData>) => any\n} & UseFieldOptions<TData, TFormData>) {\n  const fieldApi = useField(fieldOptions as any)\n\n  return (\n    <formContext.Provider\n      value={{ formApi: fieldApi.form, parentFieldName: fieldApi.name }}\n      children={functionalUpdate(children, fieldApi as any)}\n    />\n  )\n}\n"],"names":["useField","opts","formApi","parentFieldName","useFormContext","fieldApi","useState","name","index","filter","d","undefined","join","api","FieldApi","form","Field","useIsomorphicLayoutEffect","update","useStore","store","mode","state","meta","Object","keys","value","length","mount","children","fieldOptions","React","createElement","formContext","Provider","functionalUpdate"],"mappings":";;;;;;AA2BO,SAASA,QAAQA,CACtBC,IAAuC,EACX;AAC5B;EACA,MAAM;IAAEC,OAAO;AAAEC,IAAAA,eAAAA;GAAiB,GAAGC,cAAc,EAAE,CAAA;AAErD,EAAA,MAAM,CAACC,QAAQ,CAAC,GAAGC,QAAQ,CAA6B,MAAM;AAC5D,IAAA,MAAMC,IAAI,GAAG,CACX,OAAON,IAAI,CAACO,KAAK,KAAK,QAAQ,GAC1B,CAACL,eAAe,EAAEF,IAAI,CAACO,KAAK,EAAEP,IAAI,CAACM,IAAI,CAAC,GACxC,CAACJ,eAAe,EAAEF,IAAI,CAACM,IAAI,CAAC,EAE/BE,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKC,SAAS,CAAC,CAC9BC,IAAI,CAAC,GAAG,CAAC,CAAA;AAEZ,IAAA,MAAMC,GAAG,GAAG,IAAIC,QAAQ,CAAC;AAAE,MAAA,GAAGb,IAAI;AAAEc,MAAAA,IAAI,EAAEb,OAAO;AAAEK,MAAAA,IAAI,EAAEA,IAAAA;AAAY,KAAC,CAAC,CAAA;IAEvEM,GAAG,CAACG,KAAK,GAAGA,KAAY,CAAA;AAExB,IAAA,OAAOH,GAAG,CAAA;AACZ,GAAC,CAAC,CAAA;;AAEF;AACF;AACA;AACA;AACEI,EAAAA,yBAAyB,CAAC,MAAM;IAC9BZ,QAAQ,CAACa,MAAM,CAAC;AAAE,MAAA,GAAGjB,IAAI;AAAEc,MAAAA,IAAI,EAAEb,OAAAA;AAAQ,KAAU,CAAC,CAAA;AACtD,GAAC,CAAC,CAAA;AAEFiB,EAAAA,QAAQ,CACNd,QAAQ,CAACe,KAAK,EACdnB,IAAI,CAACoB,IAAI,KAAK,OAAO,GAChBC,KAAU,IAAK;AACd,IAAA,OAAO,CAACA,KAAK,CAACC,IAAI,EAAEC,MAAM,CAACC,IAAI,CAACH,KAAK,CAACI,KAAK,IAAI,EAAE,CAAC,CAACC,MAAM,CAAC,CAAA;GAC3D,GACDhB,SACN,CAAC,CAAA;;AAED;EACAM,yBAAyB,CAAC,MAAMZ,QAAQ,CAACuB,KAAK,EAAE,EAAE,CAACvB,QAAQ,CAAC,CAAC,CAAA;AAE7D,EAAA,OAAOA,QAAQ,CAAA;AACjB,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAQA;AACA;AACA;AACA;AACA;AACA;AAuBO,SAASW,KAAKA,CAAmB;EACtCa,QAAQ;EACR,GAAGC,YAAAA;AAG+B,CAAC,EAAE;AACrC,EAAA,MAAMzB,QAAQ,GAAGL,QAAQ,CAAC8B,YAAmB,CAAC,CAAA;AAE9C,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,WAAW,CAACC,QAAQ,EAAA;AACnBR,IAAAA,KAAK,EAAE;MAAExB,OAAO,EAAEG,QAAQ,CAACU,IAAI;MAAEZ,eAAe,EAAEE,QAAQ,CAACE,IAAAA;KAAO;AAClEsB,IAAAA,QAAQ,EAAEM,gBAAgB,CAACN,QAAQ,EAAExB,QAAe,CAAA;AAAE,GACvD,CAAC,CAAA;AAEN;;;;"}

package/build/lib/useField.legacy.cjs

@@ -1,83 +0,0 @@
-'use strict';
-
-var React = require('react');
-var reactStore = require('@tanstack/react-store');
-var formCore = require('@tanstack/form-core');
-var formContext = require('./formContext.legacy.cjs');
-var useIsomorphicLayoutEffect = require('./utils/useIsomorphicLayoutEffect.legacy.cjs');
-
-function useField(opts) {
-  // Get the form API either manually or from context
-  const {
-    formApi,
-    parentFieldName
-  } = formContext.useFormContext();
-  const [fieldApi] = React.useState(() => {
-    const name = (typeof opts.index === 'number' ? [parentFieldName, opts.index, opts.name] : [parentFieldName, opts.name]).filter(d => d !== undefined).join('.');
-    const api = new formCore.FieldApi({
-      ...opts,
-      form: formApi,
-      name: name
-    });
-    api.Field = Field;
-    return api;
-  });
-
-  /**
-   * fieldApi.update should not have any side effects. Think of it like a `useRef`
-   * that we need to keep updated every render with the most up-to-date information.
-   */
-  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
-    fieldApi.update({
-      ...opts,
-      form: formApi
-    });
-  });
-  reactStore.useStore(fieldApi.store, opts.mode === 'array' ? state => {
-    return [state.meta, Object.keys(state.value || []).length];
-  } : undefined);
-
-  // Instantiates field meta and removes it when unrendered
-  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => fieldApi.mount(), [fieldApi]);
-  return fieldApi;
-}
-
-// export type FieldValue<TFormData, TField> = TFormData extends any[]
-//   ? TField extends `[${infer TIndex extends number | 'i'}].${infer TRest}`
-//     ? DeepValue<TFormData[TIndex extends 'i' ? number : TIndex], TRest>
-//     : TField extends `[${infer TIndex extends number | 'i'}]`
-//     ? TFormData[TIndex extends 'i' ? number : TIndex]
-//     : never
-//   : TField extends `${infer TPrefix}[${infer TIndex extends
-//       | number
-//       | 'i'}].${infer TRest}`
-//   ? DeepValue<
-//       DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex],
-//       TRest
-//     >
-//   : TField extends `${infer TPrefix}[${infer TIndex extends number | 'i'}]`
-//   ? DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex]
-//   : DeepValue<TFormData, TField>
-// type Test1 = FieldValue<{ foo: { bar: string }[] }, 'foo'>
-// //   ^?
-// type Test2 = FieldValue<{ foo: { bar: string }[] }, 'foo[i]'>
-// //   ^?
-// type Test3 = FieldValue<{ foo: { bar: string }[] }, 'foo[2].bar'>
-// //   ^?
-function Field({
-  children,
-  ...fieldOptions
-}) {
-  const fieldApi = useField(fieldOptions);
-  return /*#__PURE__*/React.createElement(formContext.formContext.Provider, {
-    value: {
-      formApi: fieldApi.form,
-      parentFieldName: fieldApi.name
-    },
-    children: formCore.functionalUpdate(children, fieldApi)
-  });
-}
-
-exports.Field = Field;
-exports.useField = useField;
-//# sourceMappingURL=useField.legacy.cjs.map

package/build/lib/useField.legacy.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useField.legacy.cjs","sources":["../../src/useField.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useStore } from '@tanstack/react-store'\nimport type {\n  DeepKeys,\n  DeepValue,\n  FieldOptions,\n  Narrow,\n} from '@tanstack/form-core'\nimport { FieldApi, functionalUpdate } from '@tanstack/form-core'\nimport { useFormContext, formContext } from './formContext'\nimport { useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect'\nimport type { UseFieldOptions } from './types'\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 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): FieldApi<TData, TFormData> {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const [fieldApi] = useState<FieldApi<TData, TFormData>>(() => {\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 any })\n\n    api.Field = Field as any\n\n    return api\n  })\n\n  /**\n   * fieldApi.update should not have any side effects. Think of it like a `useRef`\n   * that we need to keep updated every render with the most up-to-date information.\n   */\n  useIsomorphicLayoutEffect(() => {\n    fieldApi.update({ ...opts, form: formApi } as never)\n  })\n\n  useStore(\n    fieldApi.store as any,\n    opts.mode === 'array'\n      ? (state: any) => {\n          return [state.meta, Object.keys(state.value || []).length]\n        }\n      : undefined,\n  )\n\n  // Instantiates field meta and removes it when unrendered\n  useIsomorphicLayoutEffect(() => fieldApi.mount(), [fieldApi])\n\n  return fieldApi\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  children,\n  ...fieldOptions\n}: {\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      })) => any\n\nexport function Field<TData, TFormData>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<TData, TFormData>) => any\n} & UseFieldOptions<TData, TFormData>) {\n  const fieldApi = useField(fieldOptions as any)\n\n  return (\n    <formContext.Provider\n      value={{ formApi: fieldApi.form, parentFieldName: fieldApi.name }}\n      children={functionalUpdate(children, fieldApi as any)}\n    />\n  )\n}\n"],"names":["useField","opts","formApi","parentFieldName","useFormContext","fieldApi","useState","name","index","filter","d","undefined","join","api","FieldApi","form","Field","useIsomorphicLayoutEffect","update","useStore","store","mode","state","meta","Object","keys","value","length","mount","children","fieldOptions","React","createElement","formContext","Provider","functionalUpdate"],"mappings":";;;;;;;;AA2BO,SAASA,QAAQA,CACtBC,IAAuC,EACX;AAC5B;EACA,MAAM;IAAEC,OAAO;AAAEC,IAAAA,eAAAA;GAAiB,GAAGC,0BAAc,EAAE,CAAA;AAErD,EAAA,MAAM,CAACC,QAAQ,CAAC,GAAGC,cAAQ,CAA6B,MAAM;AAC5D,IAAA,MAAMC,IAAI,GAAG,CACX,OAAON,IAAI,CAACO,KAAK,KAAK,QAAQ,GAC1B,CAACL,eAAe,EAAEF,IAAI,CAACO,KAAK,EAAEP,IAAI,CAACM,IAAI,CAAC,GACxC,CAACJ,eAAe,EAAEF,IAAI,CAACM,IAAI,CAAC,EAE/BE,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKC,SAAS,CAAC,CAC9BC,IAAI,CAAC,GAAG,CAAC,CAAA;AAEZ,IAAA,MAAMC,GAAG,GAAG,IAAIC,iBAAQ,CAAC;AAAE,MAAA,GAAGb,IAAI;AAAEc,MAAAA,IAAI,EAAEb,OAAO;AAAEK,MAAAA,IAAI,EAAEA,IAAAA;AAAY,KAAC,CAAC,CAAA;IAEvEM,GAAG,CAACG,KAAK,GAAGA,KAAY,CAAA;AAExB,IAAA,OAAOH,GAAG,CAAA;AACZ,GAAC,CAAC,CAAA;;AAEF;AACF;AACA;AACA;AACEI,EAAAA,mDAAyB,CAAC,MAAM;IAC9BZ,QAAQ,CAACa,MAAM,CAAC;AAAE,MAAA,GAAGjB,IAAI;AAAEc,MAAAA,IAAI,EAAEb,OAAAA;AAAQ,KAAU,CAAC,CAAA;AACtD,GAAC,CAAC,CAAA;AAEFiB,EAAAA,mBAAQ,CACNd,QAAQ,CAACe,KAAK,EACdnB,IAAI,CAACoB,IAAI,KAAK,OAAO,GAChBC,KAAU,IAAK;AACd,IAAA,OAAO,CAACA,KAAK,CAACC,IAAI,EAAEC,MAAM,CAACC,IAAI,CAACH,KAAK,CAACI,KAAK,IAAI,EAAE,CAAC,CAACC,MAAM,CAAC,CAAA;GAC3D,GACDhB,SACN,CAAC,CAAA;;AAED;EACAM,mDAAyB,CAAC,MAAMZ,QAAQ,CAACuB,KAAK,EAAE,EAAE,CAACvB,QAAQ,CAAC,CAAC,CAAA;AAE7D,EAAA,OAAOA,QAAQ,CAAA;AACjB,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAQA;AACA;AACA;AACA;AACA;AACA;AAuBO,SAASW,KAAKA,CAAmB;EACtCa,QAAQ;EACR,GAAGC,YAAAA;AAG+B,CAAC,EAAE;AACrC,EAAA,MAAMzB,QAAQ,GAAGL,QAAQ,CAAC8B,YAAmB,CAAC,CAAA;AAE9C,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACC,uBAAW,CAACC,QAAQ,EAAA;AACnBR,IAAAA,KAAK,EAAE;MAAExB,OAAO,EAAEG,QAAQ,CAACU,IAAI;MAAEZ,eAAe,EAAEE,QAAQ,CAACE,IAAAA;KAAO;AAClEsB,IAAAA,QAAQ,EAAEM,yBAAgB,CAACN,QAAQ,EAAExB,QAAe,CAAA;AAAE,GACvD,CAAC,CAAA;AAEN;;;;;"}

package/build/lib/useField.legacy.js

@@ -1,80 +0,0 @@
-import React__default, { useState } from 'react';
-import { useStore } from '@tanstack/react-store';
-import { FieldApi, functionalUpdate } from '@tanstack/form-core';
-import { useFormContext, formContext } from './formContext.legacy.js';
-import { useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect.legacy.js';
-
-function useField(opts) {
-  // Get the form API either manually or from context
-  const {
-    formApi,
-    parentFieldName
-  } = useFormContext();
-  const [fieldApi] = useState(() => {
-    const name = (typeof opts.index === 'number' ? [parentFieldName, opts.index, opts.name] : [parentFieldName, opts.name]).filter(d => d !== undefined).join('.');
-    const api = new FieldApi({
-      ...opts,
-      form: formApi,
-      name: name
-    });
-    api.Field = Field;
-    return api;
-  });
-
-  /**
-   * fieldApi.update should not have any side effects. Think of it like a `useRef`
-   * that we need to keep updated every render with the most up-to-date information.
-   */
-  useIsomorphicLayoutEffect(() => {
-    fieldApi.update({
-      ...opts,
-      form: formApi
-    });
-  });
-  useStore(fieldApi.store, opts.mode === 'array' ? state => {
-    return [state.meta, Object.keys(state.value || []).length];
-  } : undefined);
-
-  // Instantiates field meta and removes it when unrendered
-  useIsomorphicLayoutEffect(() => fieldApi.mount(), [fieldApi]);
-  return fieldApi;
-}
-
-// export type FieldValue<TFormData, TField> = TFormData extends any[]
-//   ? TField extends `[${infer TIndex extends number | 'i'}].${infer TRest}`
-//     ? DeepValue<TFormData[TIndex extends 'i' ? number : TIndex], TRest>
-//     : TField extends `[${infer TIndex extends number | 'i'}]`
-//     ? TFormData[TIndex extends 'i' ? number : TIndex]
-//     : never
-//   : TField extends `${infer TPrefix}[${infer TIndex extends
-//       | number
-//       | 'i'}].${infer TRest}`
-//   ? DeepValue<
-//       DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex],
-//       TRest
-//     >
-//   : TField extends `${infer TPrefix}[${infer TIndex extends number | 'i'}]`
-//   ? DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex]
-//   : DeepValue<TFormData, TField>
-// type Test1 = FieldValue<{ foo: { bar: string }[] }, 'foo'>
-// //   ^?
-// type Test2 = FieldValue<{ foo: { bar: string }[] }, 'foo[i]'>
-// //   ^?
-// type Test3 = FieldValue<{ foo: { bar: string }[] }, 'foo[2].bar'>
-// //   ^?
-function Field({
-  children,
-  ...fieldOptions
-}) {
-  const fieldApi = useField(fieldOptions);
-  return /*#__PURE__*/React__default.createElement(formContext.Provider, {
-    value: {
-      formApi: fieldApi.form,
-      parentFieldName: fieldApi.name
-    },
-    children: functionalUpdate(children, fieldApi)
-  });
-}
-
-export { Field, useField };
-//# sourceMappingURL=useField.legacy.js.map

package/build/lib/useField.legacy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useField.legacy.js","sources":["../../src/useField.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useStore } from '@tanstack/react-store'\nimport type {\n  DeepKeys,\n  DeepValue,\n  FieldOptions,\n  Narrow,\n} from '@tanstack/form-core'\nimport { FieldApi, functionalUpdate } from '@tanstack/form-core'\nimport { useFormContext, formContext } from './formContext'\nimport { useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect'\nimport type { UseFieldOptions } from './types'\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 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): FieldApi<TData, TFormData> {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const [fieldApi] = useState<FieldApi<TData, TFormData>>(() => {\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 any })\n\n    api.Field = Field as any\n\n    return api\n  })\n\n  /**\n   * fieldApi.update should not have any side effects. Think of it like a `useRef`\n   * that we need to keep updated every render with the most up-to-date information.\n   */\n  useIsomorphicLayoutEffect(() => {\n    fieldApi.update({ ...opts, form: formApi } as never)\n  })\n\n  useStore(\n    fieldApi.store as any,\n    opts.mode === 'array'\n      ? (state: any) => {\n          return [state.meta, Object.keys(state.value || []).length]\n        }\n      : undefined,\n  )\n\n  // Instantiates field meta and removes it when unrendered\n  useIsomorphicLayoutEffect(() => fieldApi.mount(), [fieldApi])\n\n  return fieldApi\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  children,\n  ...fieldOptions\n}: {\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      })) => any\n\nexport function Field<TData, TFormData>({\n  children,\n  ...fieldOptions\n}: {\n  children: (fieldApi: FieldApi<TData, TFormData>) => any\n} & UseFieldOptions<TData, TFormData>) {\n  const fieldApi = useField(fieldOptions as any)\n\n  return (\n    <formContext.Provider\n      value={{ formApi: fieldApi.form, parentFieldName: fieldApi.name }}\n      children={functionalUpdate(children, fieldApi as any)}\n    />\n  )\n}\n"],"names":["useField","opts","formApi","parentFieldName","useFormContext","fieldApi","useState","name","index","filter","d","undefined","join","api","FieldApi","form","Field","useIsomorphicLayoutEffect","update","useStore","store","mode","state","meta","Object","keys","value","length","mount","children","fieldOptions","React","createElement","formContext","Provider","functionalUpdate"],"mappings":";;;;;;AA2BO,SAASA,QAAQA,CACtBC,IAAuC,EACX;AAC5B;EACA,MAAM;IAAEC,OAAO;AAAEC,IAAAA,eAAAA;GAAiB,GAAGC,cAAc,EAAE,CAAA;AAErD,EAAA,MAAM,CAACC,QAAQ,CAAC,GAAGC,QAAQ,CAA6B,MAAM;AAC5D,IAAA,MAAMC,IAAI,GAAG,CACX,OAAON,IAAI,CAACO,KAAK,KAAK,QAAQ,GAC1B,CAACL,eAAe,EAAEF,IAAI,CAACO,KAAK,EAAEP,IAAI,CAACM,IAAI,CAAC,GACxC,CAACJ,eAAe,EAAEF,IAAI,CAACM,IAAI,CAAC,EAE/BE,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKC,SAAS,CAAC,CAC9BC,IAAI,CAAC,GAAG,CAAC,CAAA;AAEZ,IAAA,MAAMC,GAAG,GAAG,IAAIC,QAAQ,CAAC;AAAE,MAAA,GAAGb,IAAI;AAAEc,MAAAA,IAAI,EAAEb,OAAO;AAAEK,MAAAA,IAAI,EAAEA,IAAAA;AAAY,KAAC,CAAC,CAAA;IAEvEM,GAAG,CAACG,KAAK,GAAGA,KAAY,CAAA;AAExB,IAAA,OAAOH,GAAG,CAAA;AACZ,GAAC,CAAC,CAAA;;AAEF;AACF;AACA;AACA;AACEI,EAAAA,yBAAyB,CAAC,MAAM;IAC9BZ,QAAQ,CAACa,MAAM,CAAC;AAAE,MAAA,GAAGjB,IAAI;AAAEc,MAAAA,IAAI,EAAEb,OAAAA;AAAQ,KAAU,CAAC,CAAA;AACtD,GAAC,CAAC,CAAA;AAEFiB,EAAAA,QAAQ,CACNd,QAAQ,CAACe,KAAK,EACdnB,IAAI,CAACoB,IAAI,KAAK,OAAO,GAChBC,KAAU,IAAK;AACd,IAAA,OAAO,CAACA,KAAK,CAACC,IAAI,EAAEC,MAAM,CAACC,IAAI,CAACH,KAAK,CAACI,KAAK,IAAI,EAAE,CAAC,CAACC,MAAM,CAAC,CAAA;GAC3D,GACDhB,SACN,CAAC,CAAA;;AAED;EACAM,yBAAyB,CAAC,MAAMZ,QAAQ,CAACuB,KAAK,EAAE,EAAE,CAACvB,QAAQ,CAAC,CAAC,CAAA;AAE7D,EAAA,OAAOA,QAAQ,CAAA;AACjB,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAQA;AACA;AACA;AACA;AACA;AACA;AAuBO,SAASW,KAAKA,CAAmB;EACtCa,QAAQ;EACR,GAAGC,YAAAA;AAG+B,CAAC,EAAE;AACrC,EAAA,MAAMzB,QAAQ,GAAGL,QAAQ,CAAC8B,YAAmB,CAAC,CAAA;AAE9C,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,WAAW,CAACC,QAAQ,EAAA;AACnBR,IAAAA,KAAK,EAAE;MAAExB,OAAO,EAAEG,QAAQ,CAACU,IAAI;MAAEZ,eAAe,EAAEE,QAAQ,CAACE,IAAAA;KAAO;AAClEsB,IAAAA,QAAQ,EAAEM,gBAAgB,CAACN,QAAQ,EAAExB,QAAe,CAAA;AAAE,GACvD,CAAC,CAAA;AAEN;;;;"}

package/build/lib/useForm.cjs

@@ -1,52 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.cjs');
-var formCore = require('@tanstack/form-core');
-var reactStore = require('@tanstack/react-store');
-var React = require('react');
-var useField = require('./useField.cjs');
-var formContext = require('./formContext.cjs');
-var useIsomorphicLayoutEffect = require('./utils/useIsomorphicLayoutEffect.cjs');
-
-function useForm(opts) {
-  const [formApi] = React.useState(() => {
-    // @ts-ignore
-    const api = new formCore.FormApi(opts);
-
-    // eslint-disable-next-line react/display-name
-    api.Provider = props => /*#__PURE__*/React.createElement(formContext.formContext.Provider, _rollupPluginBabelHelpers.extends({}, props, {
-      value: {
-        formApi: api
-      }
-    }));
-    api.Field = useField.Field;
-    api.useField = useField.useField;
-    api.useStore = (
-    // @ts-ignore
-    selector) => {
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      return reactStore.useStore(api.store, selector);
-    };
-    api.Subscribe = (
-    // @ts-ignore
-    props) => {
-      return formCore.functionalUpdate(props.children,
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      reactStore.useStore(api.store, props.selector));
-    };
-    return api;
-  });
-  formApi.useStore(state => state.isSubmitting);
-
-  /**
-   * formApi.update should not have any side effects. Think of it like a `useRef`
-   * that we need to keep updated every render with the most up-to-date information.
-   */
-  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
-    formApi.update(opts);
-  });
-  return formApi;
-}
-
-exports.useForm = useForm;
-//# sourceMappingURL=useForm.cjs.map

package/build/lib/useForm.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useForm.cjs","sources":["../../src/useForm.tsx"],"sourcesContent":["import type { FormState, FormOptions } from '@tanstack/form-core'\nimport { FormApi, functionalUpdate } from '@tanstack/form-core'\nimport type { NoInfer } from '@tanstack/react-store'\nimport { useStore } from '@tanstack/react-store'\nimport React, { type ReactNode, useState } from 'react'\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { formContext } from './formContext'\nimport { useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Provider: (props: { children: any }) => any\n    Field: FieldComponent<TFormData, TFormData>\n    useField: UseField<TFormData>\n    useStore: <TSelected = NoInfer<FormState<TFormData>>>(\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected,\n    ) => TSelected\n    Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected\n      children: ((state: NoInfer<TSelected>) => ReactNode) | ReactNode\n    }) => any\n  }\n}\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const [formApi] = useState(() => {\n    // @ts-ignore\n    const api = new FormApi<TData>(opts)\n\n    // eslint-disable-next-line react/display-name\n    api.Provider = (props) => (\n      <formContext.Provider {...props} value={{ formApi: api }} />\n    )\n    api.Field = Field as any\n    api.useField = useField as any\n    api.useStore = (\n      // @ts-ignore\n      selector,\n    ) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      return useStore(api.store as any, selector as any) as any\n    }\n    api.Subscribe = (\n      // @ts-ignore\n      props,\n    ) => {\n      return functionalUpdate(\n        props.children,\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        useStore(api.store as any, props.selector as any),\n      ) as any\n    }\n\n    return api\n  })\n\n  formApi.useStore((state) => state.isSubmitting)\n\n  /**\n   * formApi.update should not have any side effects. Think of it like a `useRef`\n   * that we need to keep updated every render with the most up-to-date information.\n   */\n  useIsomorphicLayoutEffect(() => {\n    formApi.update(opts)\n  })\n\n  return formApi as any\n}\n"],"names":["useForm","opts","formApi","useState","api","FormApi","Provider","props","React","createElement","formContext","_extends","value","Field","useField","useStore","selector","store","Subscribe","functionalUpdate","children","state","isSubmitting","useIsomorphicLayoutEffect","update"],"mappings":";;;;;;;;;;AAyBO,SAASA,OAAOA,CAAQC,IAAyB,EAAkB;AACxE,EAAA,MAAM,CAACC,OAAO,CAAC,GAAGC,cAAQ,CAAC,MAAM;AAC/B;AACA,IAAA,MAAMC,GAAG,GAAG,IAAIC,gBAAO,CAAQJ,IAAI,CAAC,CAAA;;AAEpC;AACAG,IAAAA,GAAG,CAACE,QAAQ,GAAIC,KAAK,iBACnBC,KAAA,CAAAC,aAAA,CAACC,uBAAW,CAACJ,QAAQ,EAAAK,iCAAA,KAAKJ,KAAK,EAAA;AAAEK,MAAAA,KAAK,EAAE;AAAEV,QAAAA,OAAO,EAAEE,GAAAA;AAAI,OAAA;AAAE,KAAA,CAAE,CAC5D,CAAA;IACDA,GAAG,CAACS,KAAK,GAAGA,cAAY,CAAA;IACxBT,GAAG,CAACU,QAAQ,GAAGA,iBAAe,CAAA;IAC9BV,GAAG,CAACW,QAAQ,GAAG;AACb;AACAC,IAAAA,QAAQ,KACL;AACH;AACA,MAAA,OAAOD,mBAAQ,CAACX,GAAG,CAACa,KAAK,EAASD,QAAe,CAAC,CAAA;KACnD,CAAA;IACDZ,GAAG,CAACc,SAAS,GAAG;AACd;AACAX,IAAAA,KAAK,KACF;AACH,MAAA,OAAOY,yBAAgB,CACrBZ,KAAK,CAACa,QAAQ;AACd;MACAL,mBAAQ,CAACX,GAAG,CAACa,KAAK,EAASV,KAAK,CAACS,QAAe,CAClD,CAAC,CAAA;KACF,CAAA;AAED,IAAA,OAAOZ,GAAG,CAAA;AACZ,GAAC,CAAC,CAAA;EAEFF,OAAO,CAACa,QAAQ,CAAEM,KAAK,IAAKA,KAAK,CAACC,YAAY,CAAC,CAAA;;AAE/C;AACF;AACA;AACA;AACEC,EAAAA,mDAAyB,CAAC,MAAM;AAC9BrB,IAAAA,OAAO,CAACsB,MAAM,CAACvB,IAAI,CAAC,CAAA;AACtB,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOC,OAAO,CAAA;AAChB;;;;"}