@tanstack/react-form 0.0.9 → 0.0.11

package/build/cjs/useField.js.map

@@ -1 +1 @@
-{"version":3,"file":"useField.js","sources":["../../src/useField.tsx"],"sourcesContent":["import * as React from 'react'\n//\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'\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 UseFieldOptions<TData, TFormData> = FieldOptions<\n  TData,\n  TFormData\n> & {\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): FieldApi<TData, TFormData> {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const [fieldApi] = React.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  // Keep options up to date as they are rendered\n  fieldApi.update({ ...opts, form: formApi })\n\n  useStore(\n    fieldApi.store,\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  React.useEffect(() => 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  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","React","useState","name","index","filter","d","undefined","join","api","FieldApi","form","Field","update","useStore","store","mode","state","meta","Object","keys","value","length","useEffect","mount","children","fieldOptions","formContext","functionalUpdate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,SAASA,QAAT,CACLC,IADK,EAEuB;AAC5B;EACA,MAAM;IAAEC,OAAF;AAAWC,IAAAA,eAAAA;AAAX,GAAA,GAA+BC,0BAAc,EAAnD,CAAA;AAEA,EAAA,MAAM,CAACC,QAAD,CAAA,GAAaC,gBAAK,CAACC,QAAN,CAA2C,MAAM;AAClE,IAAA,MAAMC,IAAI,GAAG,CACX,OAAOP,IAAI,CAACQ,KAAZ,KAAsB,QAAtB,GACI,CAACN,eAAD,EAAkBF,IAAI,CAACQ,KAAvB,EAA8BR,IAAI,CAACO,IAAnC,CADJ,GAEI,CAACL,eAAD,EAAkBF,IAAI,CAACO,IAAvB,CAHO,EAKVE,MALU,CAKFC,CAAD,IAAOA,CAAC,KAAKC,SALV,EAMVC,IANU,CAML,GANK,CAAb,CAAA;AAQA,IAAA,MAAMC,GAAG,GAAG,IAAIC,iBAAJ,CAAa,EAAE,GAAGd,IAAL;AAAWe,MAAAA,IAAI,EAAEd,OAAjB;AAA0BM,MAAAA,IAAI,EAAEA,IAAAA;AAAhC,KAAb,CAAZ,CAAA;IAEAM,GAAG,CAACG,KAAJ,GAAYA,KAAZ,CAAA;AAEA,IAAA,OAAOH,GAAP,CAAA;GAbiB,CAAnB,CAJ4B;;AAqB5BT,EAAAA,QAAQ,CAACa,MAAT,CAAgB,EAAE,GAAGjB,IAAL;AAAWe,IAAAA,IAAI,EAAEd,OAAAA;GAAjC,CAAA,CAAA;AAEAiB,EAAAA,mBAAQ,CACNd,QAAQ,CAACe,KADH,EAENnB,IAAI,CAACoB,IAAL,KAAc,OAAd,GACKC,KAAD,IAAgB;AACd,IAAA,OAAO,CAACA,KAAK,CAACC,IAAP,EAAaC,MAAM,CAACC,IAAP,CAAYH,KAAK,CAACI,KAAN,IAAe,EAA3B,CAAA,CAA+BC,MAA5C,CAAP,CAAA;AACD,GAHL,GAIIf,SANE,CAAR,CAvB4B;;EAiC5BN,gBAAK,CAACsB,SAAN,CAAgB,MAAMvB,QAAQ,CAACwB,KAAT,EAAtB,EAAwC,CAACxB,QAAD,CAAxC,CAAA,CAAA;AAEA,EAAA,OAAOA,QAAP,CAAA;AACD;AAGD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoCO,SAASY,KAAT,CAAiC;EACtCa,QADsC;EAEtC,GAAGC,YAAAA;AAFmC,CAAjC,EAKgC;AACrC,EAAA,MAAM1B,QAAQ,GAAGL,QAAQ,CAAC+B,YAAD,CAAzB,CAAA;EACA,oBACEzB,gBAAA,CAAA,aAAA,CAAC0B,uBAAD,CAAa,QAAb,EAAA;AACE,IAAA,KAAK,EAAE;MAAE9B,OAAO,EAAEG,QAAQ,CAACW,IAApB;MAA0Bb,eAAe,EAAEE,QAAQ,CAACG,IAAAA;KAD7D;AAEE,IAAA,QAAQ,EAAEyB,yBAAgB,CAACH,QAAD,EAAWzB,QAAX,CAAA;GAH9B,CAAA,CAAA;AAMD;;;;;"}
+{"version":3,"file":"useField.js","sources":["../../src/useField.tsx"],"sourcesContent":["import * as React from 'react'\n//\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'\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 UseFieldOptions<TData, TFormData> = FieldOptions<\n  TData,\n  TFormData\n> & {\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): FieldApi<TData, TFormData> {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const [fieldApi] = React.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  // Keep options up to date as they are rendered\n  fieldApi.update({ ...opts, form: formApi })\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  React.useEffect(() => 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","React","useState","name","index","filter","d","undefined","join","api","FieldApi","form","Field","update","useStore","store","mode","state","meta","Object","keys","value","length","useEffect","mount","children","fieldOptions","formContext","functionalUpdate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,SAASA,QAAT,CACLC,IADK,EAEuB;AAC5B;EACA,MAAM;IAAEC,OAAF;AAAWC,IAAAA,eAAAA;AAAX,GAAA,GAA+BC,0BAAc,EAAnD,CAAA;AAEA,EAAA,MAAM,CAACC,QAAD,CAAA,GAAaC,gBAAK,CAACC,QAAN,CAA2C,MAAM;AAClE,IAAA,MAAMC,IAAI,GAAG,CACX,OAAOP,IAAI,CAACQ,KAAZ,KAAsB,QAAtB,GACI,CAACN,eAAD,EAAkBF,IAAI,CAACQ,KAAvB,EAA8BR,IAAI,CAACO,IAAnC,CADJ,GAEI,CAACL,eAAD,EAAkBF,IAAI,CAACO,IAAvB,CAHO,EAKVE,MALU,CAKFC,CAAD,IAAOA,CAAC,KAAKC,SALV,EAMVC,IANU,CAML,GANK,CAAb,CAAA;AAQA,IAAA,MAAMC,GAAG,GAAG,IAAIC,iBAAJ,CAAa,EAAE,GAAGd,IAAL;AAAWe,MAAAA,IAAI,EAAEd,OAAjB;AAA0BM,MAAAA,IAAI,EAAEA,IAAAA;AAAhC,KAAb,CAAZ,CAAA;IAEAM,GAAG,CAACG,KAAJ,GAAYA,KAAZ,CAAA;AAEA,IAAA,OAAOH,GAAP,CAAA;GAbiB,CAAnB,CAJ4B;;AAqB5BT,EAAAA,QAAQ,CAACa,MAAT,CAAgB,EAAE,GAAGjB,IAAL;AAAWe,IAAAA,IAAI,EAAEd,OAAAA;GAAjC,CAAA,CAAA;AAEAiB,EAAAA,mBAAQ,CACNd,QAAQ,CAACe,KADH,EAENnB,IAAI,CAACoB,IAAL,KAAc,OAAd,GACKC,KAAD,IAAgB;AACd,IAAA,OAAO,CAACA,KAAK,CAACC,IAAP,EAAaC,MAAM,CAACC,IAAP,CAAYH,KAAK,CAACI,KAAN,IAAe,EAA3B,CAAA,CAA+BC,MAA5C,CAAP,CAAA;AACD,GAHL,GAIIf,SANE,CAAR,CAvB4B;;EAiC5BN,gBAAK,CAACsB,SAAN,CAAgB,MAAMvB,QAAQ,CAACwB,KAAT,EAAtB,EAAwC,CAACxB,QAAD,CAAxC,CAAA,CAAA;AAEA,EAAA,OAAOA,QAAP,CAAA;AACD;AAGD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoCO,SAASY,KAAT,CAAiC;EACtCa,QADsC;EAEtC,GAAGC,YAAAA;AAFmC,CAAjC,EAKgC;AACrC,EAAA,MAAM1B,QAAQ,GAAGL,QAAQ,CAAC+B,YAAD,CAAzB,CAAA;EAEA,oBACEzB,gBAAA,CAAA,aAAA,CAAC0B,uBAAD,CAAa,QAAb,EAAA;AACE,IAAA,KAAK,EAAE;MAAE9B,OAAO,EAAEG,QAAQ,CAACW,IAApB;MAA0Bb,eAAe,EAAEE,QAAQ,CAACG,IAAAA;KAD7D;AAEE,IAAA,QAAQ,EAAEyB,yBAAgB,CAACH,QAAD,EAAWzB,QAAX,CAAA;GAH9B,CAAA,CAAA;AAMD;;;;;"}

package/build/cjs/useForm.js

@@ -27,7 +27,20 @@ function useForm(opts) {
   const [formApi] = React__default["default"].useState(() => {
     // @ts-ignore
     const api = new formCore.FormApi(opts);
-    api.Form = createFormComponent(api);
+
+    api.Provider = props => /*#__PURE__*/React__default["default"].createElement(formContext.formContext.Provider, _rollupPluginBabelHelpers["extends"]({}, props, {
+      value: {
+        formApi: api
+      }
+    }));
+
+    api.getFormProps = () => {
+      return {
+        onSubmit: formApi.handleSubmit,
+        disabled: api.state.isSubmitting
+      };
+    };
+
     api.Field = useField.Field;
     api.useField = useField.useField;
 
@@ -45,29 +58,10 @@ function useForm(opts) {
 
     return api;
   });
+  formApi.useStore(state => state.isSubmitting);
   formApi.update(opts);
   return formApi;
 }
 
-function createFormComponent(formApi) {
-  const Form = ({
-    children,
-    noFormElement,
-    ...rest
-  }) => {
-    const isSubmitting = formApi.useStore(state => state.isSubmitting);
-    return /*#__PURE__*/React__default["default"].createElement(formContext.formContext.Provider, {
-      value: {
-        formApi
-      }
-    }, noFormElement ? children : /*#__PURE__*/React__default["default"].createElement("form", _rollupPluginBabelHelpers["extends"]({
-      onSubmit: formApi.handleSubmit,
-      disabled: isSubmitting
-    }, rest), children));
-  };
-
-  return Form;
-}
-
 exports.useForm = useForm;
 //# sourceMappingURL=useForm.js.map

package/build/cjs/useForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForm.js","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 from 'react'\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { formContext } from './formContext'\n\ndeclare module '@tanstack/form-core' {\n  interface Register {\n    FormSubmitEvent: React.FormEvent<HTMLFormElement>\n  }\n\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Form: FormComponent\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:\n        | ((state: NoInfer<TSelected>) => React.ReactNode)\n        | React.ReactNode\n    }) => any\n  }\n}\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const [formApi] = React.useState(() => {\n    // @ts-ignore\n    const api = new FormApi<TData>(opts)\n\n    api.Form = createFormComponent(api)\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, 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, props.selector as any),\n      ) as any\n    }\n\n    return api\n  })\n\n  formApi.update(opts)\n\n  return formApi as any\n}\n\nexport type FormProps = React.HTMLProps<HTMLFormElement> & {\n  children: React.ReactNode\n  noFormElement?: boolean\n}\n\nexport type FormComponent = (props: FormProps) => any\n\nfunction createFormComponent(formApi: FormApi<any>) {\n  const Form: FormComponent = ({ children, noFormElement, ...rest }) => {\n    const isSubmitting = formApi.useStore((state) => state.isSubmitting)\n\n    return (\n      <formContext.Provider value={{ formApi }}>\n        {noFormElement ? (\n          children\n        ) : (\n          <form\n            onSubmit={formApi.handleSubmit}\n            disabled={isSubmitting}\n            {...rest}\n          >\n            {children}\n          </form>\n        )}\n      </formContext.Provider>\n    )\n  }\n\n  return Form\n}\n"],"names":["useForm","opts","formApi","React","useState","api","FormApi","Form","createFormComponent","Field","useField","useStore","selector","store","Subscribe","props","functionalUpdate","children","update","noFormElement","rest","isSubmitting","state","formContext","_extends","handleSubmit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA8BO,SAASA,OAAT,CAAwBC,IAAxB,EAAmE;AACxE,EAAA,MAAM,CAACC,OAAD,CAAA,GAAYC,yBAAK,CAACC,QAAN,CAAe,MAAM;AACrC;AACA,IAAA,MAAMC,GAAG,GAAG,IAAIC,gBAAJ,CAAmBL,IAAnB,CAAZ,CAAA;AAEAI,IAAAA,GAAG,CAACE,IAAJ,GAAWC,mBAAmB,CAACH,GAAD,CAA9B,CAAA;IACAA,GAAG,CAACI,KAAJ,GAAYA,cAAZ,CAAA;IACAJ,GAAG,CAACK,QAAJ,GAAeA,iBAAf,CAAA;;IACAL,GAAG,CAACM,QAAJ,GAAe;AAEbC,IAAAA,QAFa,KAGV;AACH;AACA,MAAA,OAAOD,mBAAQ,CAACN,GAAG,CAACQ,KAAL,EAAYD,QAAZ,CAAf,CAAA;KALF,CAAA;;IAOAP,GAAG,CAACS,SAAJ,GAAgB;AAEdC,IAAAA,KAFc,KAGX;AACH,MAAA,OAAOC,yBAAgB,CACrBD,KAAK,CAACE,QADe;MAGrBN,mBAAQ,CAACN,GAAG,CAACQ,KAAL,EAAYE,KAAK,CAACH,QAAlB,CAHa,CAAvB,CAAA;KAJF,CAAA;;AAWA,IAAA,OAAOP,GAAP,CAAA;AACD,GA1BiB,CAAlB,CAAA;EA4BAH,OAAO,CAACgB,MAAR,CAAejB,IAAf,CAAA,CAAA;AAEA,EAAA,OAAOC,OAAP,CAAA;AACD,CAAA;;AASD,SAASM,mBAAT,CAA6BN,OAA7B,EAAoD;EAClD,MAAMK,IAAmB,GAAG,CAAC;IAAEU,QAAF;IAAYE,aAAZ;IAA2B,GAAGC,IAAAA;AAA9B,GAAD,KAA0C;IACpE,MAAMC,YAAY,GAAGnB,OAAO,CAACS,QAAR,CAAkBW,KAAD,IAAWA,KAAK,CAACD,YAAlC,CAArB,CAAA;IAEA,oBACElB,yBAAA,CAAA,aAAA,CAACoB,uBAAD,CAAa,QAAb,EAAA;AAAsB,MAAA,KAAK,EAAE;AAAErB,QAAAA,OAAAA;AAAF,OAAA;KAC1BiB,EAAAA,aAAa,GACZF,QADY,gBAGZd,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAAqB,oCAAA,CAAA;MACE,QAAQ,EAAEtB,OAAO,CAACuB,YADpB;AAEE,MAAA,QAAQ,EAAEJ,YAAAA;AAFZ,KAAA,EAGMD,IAHN,CAAA,EAKGH,QALH,CAJJ,CADF,CAAA;GAHF,CAAA;;AAoBA,EAAA,OAAOV,IAAP,CAAA;AACD;;;;"}
+{"version":3,"file":"useForm.js","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 from 'react'\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { formContext } from './formContext'\n\nexport type FormSubmitEvent = React.FormEvent<HTMLFormElement>\n\ndeclare module '@tanstack/form-core' {\n  interface Register {\n    FormSubmitEvent: FormSubmitEvent\n  }\n\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Provider: (props: { children: any }) => any\n    getFormProps: () => FormProps\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:\n        | ((state: NoInfer<TSelected>) => React.ReactNode)\n        | React.ReactNode\n    }) => any\n  }\n}\n\nexport type FormProps = {\n  onSubmit: (e: FormSubmitEvent) => void\n  disabled: boolean\n}\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const [formApi] = React.useState(() => {\n    // @ts-ignore\n    const api = new FormApi<TData>(opts)\n\n    api.Provider = (props) => (\n      <formContext.Provider {...props} value={{ formApi: api }} />\n    )\n    api.getFormProps = () => {\n      return {\n        onSubmit: formApi.handleSubmit,\n        disabled: api.state.isSubmitting,\n      }\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  formApi.update(opts)\n\n  return formApi as any\n}\n"],"names":["useForm","opts","formApi","React","useState","api","FormApi","Provider","props","formContext","_extends","getFormProps","onSubmit","handleSubmit","disabled","state","isSubmitting","Field","useField","useStore","selector","store","Subscribe","functionalUpdate","children","update"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsCO,SAASA,OAAT,CAAwBC,IAAxB,EAAmE;AACxE,EAAA,MAAM,CAACC,OAAD,CAAA,GAAYC,yBAAK,CAACC,QAAN,CAAe,MAAM;AACrC;AACA,IAAA,MAAMC,GAAG,GAAG,IAAIC,gBAAJ,CAAmBL,IAAnB,CAAZ,CAAA;;IAEAI,GAAG,CAACE,QAAJ,GAAgBC,KAAD,iBACbL,wCAACM,uBAAD,CAAa,QAAb,EAAAC,oCAAA,CAAA,EAAA,EAA0BF,KAA1B,EAAA;AAAiC,MAAA,KAAK,EAAE;AAAEN,QAAAA,OAAO,EAAEG,GAAAA;AAAX,OAAA;KAD1C,CAAA,CAAA,CAAA;;IAGAA,GAAG,CAACM,YAAJ,GAAmB,MAAM;MACvB,OAAO;QACLC,QAAQ,EAAEV,OAAO,CAACW,YADb;AAELC,QAAAA,QAAQ,EAAET,GAAG,CAACU,KAAJ,CAAUC,YAAAA;OAFtB,CAAA;KADF,CAAA;;IAMAX,GAAG,CAACY,KAAJ,GAAYA,cAAZ,CAAA;IACAZ,GAAG,CAACa,QAAJ,GAAeA,iBAAf,CAAA;;IACAb,GAAG,CAACc,QAAJ,GAAe;AAEbC,IAAAA,QAFa,KAGV;AACH;AACA,MAAA,OAAOD,mBAAQ,CAACd,GAAG,CAACgB,KAAL,EAAmBD,QAAnB,CAAf,CAAA;KALF,CAAA;;IAOAf,GAAG,CAACiB,SAAJ,GAAgB;AAEdd,IAAAA,KAFc,KAGX;AACH,MAAA,OAAOe,yBAAgB,CACrBf,KAAK,CAACgB,QADe;MAGrBL,mBAAQ,CAACd,GAAG,CAACgB,KAAL,EAAmBb,KAAK,CAACY,QAAzB,CAHa,CAAvB,CAAA;KAJF,CAAA;;AAWA,IAAA,OAAOf,GAAP,CAAA;AACD,GAlCiB,CAAlB,CAAA;AAoCAH,EAAAA,OAAO,CAACiB,QAAR,CAAkBJ,KAAD,IAAWA,KAAK,CAACC,YAAlC,CAAA,CAAA;EACAd,OAAO,CAACuB,MAAR,CAAexB,IAAf,CAAA,CAAA;AAEA,EAAA,OAAOC,OAAP,CAAA;AACD;;;;"}

package/build/esm/index.js

@@ -102,7 +102,20 @@ function useForm(opts) {
   const [formApi] = React__default.useState(() => {
     // @ts-ignore
     const api = new FormApi(opts);
-    api.Form = createFormComponent(api);
+
+    api.Provider = props => /*#__PURE__*/React__default.createElement(formContext.Provider, _extends({}, props, {
+      value: {
+        formApi: api
+      }
+    }));
+
+    api.getFormProps = () => {
+      return {
+        onSubmit: formApi.handleSubmit,
+        disabled: api.state.isSubmitting
+      };
+    };
+
     api.Field = Field;
     api.useField = useField;
 
@@ -120,30 +133,11 @@ function useForm(opts) {
 
     return api;
   });
+  formApi.useStore(state => state.isSubmitting);
   formApi.update(opts);
   return formApi;
 }
 
-function createFormComponent(formApi) {
-  const Form = ({
-    children,
-    noFormElement,
-    ...rest
-  }) => {
-    const isSubmitting = formApi.useStore(state => state.isSubmitting);
-    return /*#__PURE__*/React__default.createElement(formContext.Provider, {
-      value: {
-        formApi
-      }
-    }, noFormElement ? children : /*#__PURE__*/React__default.createElement("form", _extends({
-      onSubmit: formApi.handleSubmit,
-      disabled: isSubmitting
-    }, rest), children));
-  };
-
-  return Form;
-}
-
 function createFormFactory(defaultOpts) {
   return {
     useForm: opts => {

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/formContext.ts","../../src/useField.tsx","../../src/useForm.tsx","../../src/createFormFactory.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","import * as React from 'react'\n//\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'\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 UseFieldOptions<TData, TFormData> = FieldOptions<\n  TData,\n  TFormData\n> & {\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): FieldApi<TData, TFormData> {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const [fieldApi] = React.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  // Keep options up to date as they are rendered\n  fieldApi.update({ ...opts, form: formApi })\n\n  useStore(\n    fieldApi.store,\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  React.useEffect(() => 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  return (\n    <formContext.Provider\n      value={{ formApi: fieldApi.form, parentFieldName: fieldApi.name }}\n      children={functionalUpdate(children, fieldApi as any)}\n    />\n  )\n}\n","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 from 'react'\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { formContext } from './formContext'\n\ndeclare module '@tanstack/form-core' {\n  interface Register {\n    FormSubmitEvent: React.FormEvent<HTMLFormElement>\n  }\n\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Form: FormComponent\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:\n        | ((state: NoInfer<TSelected>) => React.ReactNode)\n        | React.ReactNode\n    }) => any\n  }\n}\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const [formApi] = React.useState(() => {\n    // @ts-ignore\n    const api = new FormApi<TData>(opts)\n\n    api.Form = createFormComponent(api)\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, 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, props.selector as any),\n      ) as any\n    }\n\n    return api\n  })\n\n  formApi.update(opts)\n\n  return formApi as any\n}\n\nexport type FormProps = React.HTMLProps<HTMLFormElement> & {\n  children: React.ReactNode\n  noFormElement?: boolean\n}\n\nexport type FormComponent = (props: FormProps) => any\n\nfunction createFormComponent(formApi: FormApi<any>) {\n  const Form: FormComponent = ({ children, noFormElement, ...rest }) => {\n    const isSubmitting = formApi.useStore((state) => state.isSubmitting)\n\n    return (\n      <formContext.Provider value={{ formApi }}>\n        {noFormElement ? (\n          children\n        ) : (\n          <form\n            onSubmit={formApi.handleSubmit}\n            disabled={isSubmitting}\n            {...rest}\n          >\n            {children}\n          </form>\n        )}\n      </formContext.Provider>\n    )\n  }\n\n  return Form\n}\n","import type { FormApi, FormOptions } from '@tanstack/form-core'\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      return useForm<TFormData>({ ...defaultOpts, ...opts } as any) as any\n    },\n    useField: useField as any,\n    Field: Field as any,\n  }\n}\n"],"names":["formContext","React","createContext","useFormContext","formApi","useContext","Error","useField","opts","parentFieldName","fieldApi","useState","name","index","filter","d","undefined","join","api","FieldApi","form","Field","update","useStore","store","mode","state","meta","Object","keys","value","length","useEffect","mount","children","fieldOptions","functionalUpdate","useForm","FormApi","Form","createFormComponent","selector","Subscribe","props","noFormElement","rest","isSubmitting","handleSubmit","createFormFactory","defaultOpts"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/formContext.ts","../../src/useField.tsx","../../src/useForm.tsx","../../src/createFormFactory.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","import * as React from 'react'\n//\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'\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 UseFieldOptions<TData, TFormData> = FieldOptions<\n  TData,\n  TFormData\n> & {\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): FieldApi<TData, TFormData> {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const [fieldApi] = React.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  // Keep options up to date as they are rendered\n  fieldApi.update({ ...opts, form: formApi })\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  React.useEffect(() => 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","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 from 'react'\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { formContext } from './formContext'\n\nexport type FormSubmitEvent = React.FormEvent<HTMLFormElement>\n\ndeclare module '@tanstack/form-core' {\n  interface Register {\n    FormSubmitEvent: FormSubmitEvent\n  }\n\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Provider: (props: { children: any }) => any\n    getFormProps: () => FormProps\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:\n        | ((state: NoInfer<TSelected>) => React.ReactNode)\n        | React.ReactNode\n    }) => any\n  }\n}\n\nexport type FormProps = {\n  onSubmit: (e: FormSubmitEvent) => void\n  disabled: boolean\n}\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const [formApi] = React.useState(() => {\n    // @ts-ignore\n    const api = new FormApi<TData>(opts)\n\n    api.Provider = (props) => (\n      <formContext.Provider {...props} value={{ formApi: api }} />\n    )\n    api.getFormProps = () => {\n      return {\n        onSubmit: formApi.handleSubmit,\n        disabled: api.state.isSubmitting,\n      }\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  formApi.update(opts)\n\n  return formApi as any\n}\n","import type { FormApi, FormOptions } from '@tanstack/form-core'\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      return useForm<TFormData>({ ...defaultOpts, ...opts } as any) as any\n    },\n    useField: useField as any,\n    Field: Field as any,\n  }\n}\n"],"names":["formContext","React","createContext","useFormContext","formApi","useContext","Error","useField","opts","parentFieldName","fieldApi","useState","name","index","filter","d","undefined","join","api","FieldApi","form","Field","update","useStore","store","mode","state","meta","Object","keys","value","length","useEffect","mount","children","fieldOptions","functionalUpdate","useForm","FormApi","Provider","props","getFormProps","onSubmit","handleSubmit","disabled","isSubmitting","selector","Subscribe","createFormFactory","defaultOpts"],"mappings":"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"}

package/build/stats-html.html

@@ -2669,7 +2669,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"node_modules/.pnpm","children":[{"name":"@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js","uid":"766a-25"},{"name":"@tanstack+react-store@0.0.1-beta.84_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js","uid":"766a-31"}]},{"name":"packages","children":[{"name":"form-core/build/esm/index.js","uid":"766a-27"},{"name":"react-form/src","children":[{"uid":"766a-33","name":"formContext.ts"},{"uid":"766a-35","name":"useField.tsx"},{"uid":"766a-37","name":"useForm.tsx"},{"uid":"766a-39","name":"createFormFactory.ts"},{"uid":"766a-41","name":"index.ts"}]}]},{"uid":"766a-29","name":"\u0000rollupPluginBabelHelpers.js"}]}],"isRoot":true},"nodeParts":{"766a-25":{"renderedLength":1288,"gzipLength":497,"brotliLength":0,"mainUid":"766a-24"},"766a-27":{"renderedLength":23508,"gzipLength":5149,"brotliLength":0,"mainUid":"766a-26"},"766a-29":{"renderedLength":431,"gzipLength":240,"brotliLength":0,"mainUid":"766a-28"},"766a-31":{"renderedLength":978,"gzipLength":456,"brotliLength":0,"mainUid":"766a-30"},"766a-33":{"renderedLength":296,"gzipLength":200,"brotliLength":0,"mainUid":"766a-32"},"766a-35":{"renderedLength":2096,"gzipLength":779,"brotliLength":0,"mainUid":"766a-34"},"766a-37":{"renderedLength":1287,"gzipLength":495,"brotliLength":0,"mainUid":"766a-36"},"766a-39":{"renderedLength":217,"gzipLength":138,"brotliLength":0,"mainUid":"766a-38"},"766a-41":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"766a-40"}},"nodeMetas":{"766a-24":{"id":"/node_modules/.pnpm/@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js","moduleParts":{"index.production.js":"766a-25"},"imported":[],"importedBy":[{"uid":"766a-26"},{"uid":"766a-30"}]},"766a-26":{"id":"/packages/form-core/build/esm/index.js","moduleParts":{"index.production.js":"766a-27"},"imported":[{"uid":"766a-24"}],"importedBy":[{"uid":"766a-40"},{"uid":"766a-36"},{"uid":"766a-34"}]},"766a-28":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"766a-29"},"imported":[],"importedBy":[{"uid":"766a-36"}]},"766a-30":{"id":"/node_modules/.pnpm/@tanstack+react-store@0.0.1-beta.84_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js","moduleParts":{"index.production.js":"766a-31"},"imported":[{"uid":"766a-43"},{"uid":"766a-24"}],"importedBy":[{"uid":"766a-36"},{"uid":"766a-34"}]},"766a-32":{"id":"/packages/react-form/src/formContext.ts","moduleParts":{"index.production.js":"766a-33"},"imported":[{"uid":"766a-42"}],"importedBy":[{"uid":"766a-36"},{"uid":"766a-34"}]},"766a-34":{"id":"/packages/react-form/src/useField.tsx","moduleParts":{"index.production.js":"766a-35"},"imported":[{"uid":"766a-42"},{"uid":"766a-30"},{"uid":"766a-26"},{"uid":"766a-32"}],"importedBy":[{"uid":"766a-40"},{"uid":"766a-36"},{"uid":"766a-38"}]},"766a-36":{"id":"/packages/react-form/src/useForm.tsx","moduleParts":{"index.production.js":"766a-37"},"imported":[{"uid":"766a-28"},{"uid":"766a-26"},{"uid":"766a-30"},{"uid":"766a-42"},{"uid":"766a-34"},{"uid":"766a-32"}],"importedBy":[{"uid":"766a-40"},{"uid":"766a-38"}]},"766a-38":{"id":"/packages/react-form/src/createFormFactory.ts","moduleParts":{"index.production.js":"766a-39"},"imported":[{"uid":"766a-34"},{"uid":"766a-36"}],"importedBy":[{"uid":"766a-40"}]},"766a-40":{"id":"/packages/react-form/src/index.ts","moduleParts":{"index.production.js":"766a-41"},"imported":[{"uid":"766a-26"},{"uid":"766a-36"},{"uid":"766a-34"},{"uid":"766a-38"}],"importedBy":[],"isEntry":true},"766a-42":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"766a-36"},{"uid":"766a-34"},{"uid":"766a-32"}],"isExternal":true},"766a-43":{"id":"use-sync-external-store/shim/with-selector","moduleParts":{},"imported":[],"importedBy":[{"uid":"766a-30"}],"isExternal":true}},"env":{"rollup":"2.78.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"node_modules/.pnpm","children":[{"name":"@tanstack+store@0.0.1-beta.89/node_modules/@tanstack/store/build/esm/index.js","uid":"90cf-25"},{"name":"@tanstack+react-store@0.0.1-beta.85_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js","uid":"90cf-31"}]},{"name":"packages","children":[{"name":"form-core/build/esm/index.js","uid":"90cf-27"},{"name":"react-form/src","children":[{"uid":"90cf-33","name":"formContext.ts"},{"uid":"90cf-35","name":"useField.tsx"},{"uid":"90cf-37","name":"useForm.tsx"},{"uid":"90cf-39","name":"createFormFactory.ts"},{"uid":"90cf-41","name":"index.ts"}]}]},{"uid":"90cf-29","name":"\u0000rollupPluginBabelHelpers.js"}]}],"isRoot":true},"nodeParts":{"90cf-25":{"renderedLength":1313,"gzipLength":489,"brotliLength":0,"mainUid":"90cf-24"},"90cf-27":{"renderedLength":23129,"gzipLength":5079,"brotliLength":0,"mainUid":"90cf-26"},"90cf-29":{"renderedLength":431,"gzipLength":240,"brotliLength":0,"mainUid":"90cf-28"},"90cf-31":{"renderedLength":978,"gzipLength":456,"brotliLength":0,"mainUid":"90cf-30"},"90cf-33":{"renderedLength":296,"gzipLength":200,"brotliLength":0,"mainUid":"90cf-32"},"90cf-35":{"renderedLength":2096,"gzipLength":779,"brotliLength":0,"mainUid":"90cf-34"},"90cf-37":{"renderedLength":1070,"gzipLength":437,"brotliLength":0,"mainUid":"90cf-36"},"90cf-39":{"renderedLength":217,"gzipLength":138,"brotliLength":0,"mainUid":"90cf-38"},"90cf-41":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"90cf-40"}},"nodeMetas":{"90cf-24":{"id":"/node_modules/.pnpm/@tanstack+store@0.0.1-beta.89/node_modules/@tanstack/store/build/esm/index.js","moduleParts":{"index.production.js":"90cf-25"},"imported":[],"importedBy":[{"uid":"90cf-26"}]},"90cf-26":{"id":"/packages/form-core/build/esm/index.js","moduleParts":{"index.production.js":"90cf-27"},"imported":[{"uid":"90cf-24"}],"importedBy":[{"uid":"90cf-40"},{"uid":"90cf-36"},{"uid":"90cf-34"}]},"90cf-28":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"90cf-29"},"imported":[],"importedBy":[{"uid":"90cf-36"}]},"90cf-30":{"id":"/node_modules/.pnpm/@tanstack+react-store@0.0.1-beta.85_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js","moduleParts":{"index.production.js":"90cf-31"},"imported":[{"uid":"90cf-43"},{"uid":"90cf-44"}],"importedBy":[{"uid":"90cf-36"},{"uid":"90cf-34"}]},"90cf-32":{"id":"/packages/react-form/src/formContext.ts","moduleParts":{"index.production.js":"90cf-33"},"imported":[{"uid":"90cf-42"}],"importedBy":[{"uid":"90cf-36"},{"uid":"90cf-34"}]},"90cf-34":{"id":"/packages/react-form/src/useField.tsx","moduleParts":{"index.production.js":"90cf-35"},"imported":[{"uid":"90cf-42"},{"uid":"90cf-30"},{"uid":"90cf-26"},{"uid":"90cf-32"}],"importedBy":[{"uid":"90cf-40"},{"uid":"90cf-36"},{"uid":"90cf-38"}]},"90cf-36":{"id":"/packages/react-form/src/useForm.tsx","moduleParts":{"index.production.js":"90cf-37"},"imported":[{"uid":"90cf-28"},{"uid":"90cf-26"},{"uid":"90cf-30"},{"uid":"90cf-42"},{"uid":"90cf-34"},{"uid":"90cf-32"}],"importedBy":[{"uid":"90cf-40"},{"uid":"90cf-38"}]},"90cf-38":{"id":"/packages/react-form/src/createFormFactory.ts","moduleParts":{"index.production.js":"90cf-39"},"imported":[{"uid":"90cf-34"},{"uid":"90cf-36"}],"importedBy":[{"uid":"90cf-40"}]},"90cf-40":{"id":"/packages/react-form/src/index.ts","moduleParts":{"index.production.js":"90cf-41"},"imported":[{"uid":"90cf-26"},{"uid":"90cf-36"},{"uid":"90cf-34"},{"uid":"90cf-38"}],"importedBy":[],"isEntry":true},"90cf-42":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"90cf-36"},{"uid":"90cf-34"},{"uid":"90cf-32"}],"isExternal":true},"90cf-43":{"id":"use-sync-external-store/shim/with-selector","moduleParts":{},"imported":[],"importedBy":[{"uid":"90cf-30"}],"isExternal":true},"90cf-44":{"id":"/node_modules/.pnpm/@tanstack+store@0.0.1-beta.85/node_modules/@tanstack/store/build/esm/index.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"90cf-30"}]}},"env":{"rollup":"2.78.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;