@tanstack/solid-form 0.28.0 → 0.29.1

package/dist/cjs/createField.d.cts

@@ -1,7 +1,6 @@
 import { FieldApi, DeepKeys, DeepValue, Narrow, Validator } from '@tanstack/form-core';
 import { JSXElement } from 'solid-js';
 import { CreateFieldOptions } from './types.cjs';
-
 interface SolidFieldApi<TParentData, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined> {
     Field: FieldComponent<TParentData, TFormValidator>;
 }

package/dist/cjs/createForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"createForm.cjs","sources":["../../src/createForm.tsx"],"sourcesContent":["import { FormApi, functionalUpdate } from '@tanstack/form-core'\nimport { type JSXElement, createComputed, onMount } from 'solid-js'\nimport { useStore } from '@tanstack/solid-store'\nimport {\n  type CreateField,\n  Field,\n  type FieldComponent,\n  createField,\n} from './createField'\nimport type { FormOptions, FormState, Validator } from '@tanstack/form-core'\n\ntype NoInfer<T> = [T][T extends any ? 0 : never]\n\ninterface SolidFormApi<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> {\n  Field: FieldComponent<TFormData, TFormValidator>\n  createField: CreateField<TFormData, TFormValidator>\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>) => JSXElement) | JSXElement\n  }) => JSXElement\n}\n\nexport function createForm<\n  TParentData,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n>(opts?: () => FormOptions<TParentData, TFormValidator>) {\n  const options = opts?.()\n  const api = new FormApi<TParentData, TFormValidator>(options)\n  const extendedApi: typeof api & SolidFormApi<TParentData, TFormValidator> =\n    api as never\n\n  extendedApi.Field = (props) => <Field {...props} form={api} />\n  extendedApi.createField = (props) =>\n    createField(() => {\n      return { ...props(), form: api }\n    })\n  extendedApi.useStore = (selector) => useStore(api.store, selector)\n  extendedApi.Subscribe = (props) =>\n    functionalUpdate(props.children, useStore(api.store, props.selector))\n\n  onMount(api.mount)\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  createComputed(() => api.update(opts?.()))\n\n  return extendedApi\n}\n"],"names":["createForm","opts","options","api","FormApi","extendedApi","Field","props","_$createComponent","_$mergeProps","form","createField","useStore","selector","store","Subscribe","functionalUpdate","children","onMount","mount","createComputed","update"],"mappings":";;;;;;;AA4BO,SAASA,WAKdC,MAAuD;AACvD,QAAMC,UAAUD;AACVE,QAAAA,MAAM,IAAIC,iBAAqCF,OAAO;AAC5D,QAAMG,cACJF;AAEFE,cAAYC,QAASC,CAAAA,UAAKC,IAAMF,gBAAAA,YAAAA,OAAKG,eAAKF,OAAK;AAAA,IAAEG,MAAMP;AAAAA,EAAO,CAAA,CAAA;AAClDQ,cAAAA,cAAeJ,CACzBI,UAAAA,YAAAA,YAAY,MAAM;AACT,WAAA;AAAA,MAAE,GAAGJ,MAAM;AAAA,MAAGG,MAAMP;AAAAA,IAAAA;AAAAA,EAAI,CAChC;AACHE,cAAYO,WAAYC,CAAAA,aAAaD,WAAST,SAAAA,IAAIW,OAAOD,QAAQ;AACrDE,cAAAA,YAAaR,CACvBS,UAAAA,SAAAA,iBAAiBT,MAAMU,UAAUL,oBAAST,IAAIW,OAAOP,MAAMM,QAAQ,CAAC;AAEtEK,kBAAQf,IAAIgB,KAAK;AAMjBC,UAAAA,eAAe,MAAMjB,IAAIkB,OAAOpB,8BAAQ,CAAC;AAElCI,SAAAA;AACT;;"}
+{"version":3,"file":"createForm.cjs","sources":["../../src/createForm.tsx"],"sourcesContent":["import { FormApi, functionalUpdate } from '@tanstack/form-core'\nimport { type JSXElement, createComputed, onMount } from 'solid-js'\nimport { useStore } from '@tanstack/solid-store'\nimport {\n  type CreateField,\n  Field,\n  type FieldComponent,\n  createField,\n} from './createField'\nimport type { FormOptions, FormState, Validator } from '@tanstack/form-core'\n\ntype NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport interface SolidFormApi<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> {\n  Field: FieldComponent<TFormData, TFormValidator>\n  createField: CreateField<TFormData, TFormValidator>\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>) => JSXElement) | JSXElement\n  }) => JSXElement\n}\n\nexport function createForm<\n  TParentData,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n>(opts?: () => FormOptions<TParentData, TFormValidator>) {\n  const options = opts?.()\n  const api = new FormApi<TParentData, TFormValidator>(options)\n  const extendedApi: typeof api & SolidFormApi<TParentData, TFormValidator> =\n    api as never\n\n  extendedApi.Field = (props) => <Field {...props} form={api} />\n  extendedApi.createField = (props) =>\n    createField(() => {\n      return { ...props(), form: api }\n    })\n  extendedApi.useStore = (selector) => useStore(api.store, selector)\n  extendedApi.Subscribe = (props) =>\n    functionalUpdate(props.children, useStore(api.store, props.selector))\n\n  onMount(api.mount)\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  createComputed(() => api.update(opts?.()))\n\n  return extendedApi\n}\n"],"names":["createForm","opts","options","api","FormApi","extendedApi","Field","props","_$createComponent","_$mergeProps","form","createField","useStore","selector","store","Subscribe","functionalUpdate","children","onMount","mount","createComputed","update"],"mappings":";;;;;;;AA4BO,SAASA,WAKdC,MAAuD;AACvD,QAAMC,UAAUD;AACVE,QAAAA,MAAM,IAAIC,iBAAqCF,OAAO;AAC5D,QAAMG,cACJF;AAEFE,cAAYC,QAASC,CAAAA,UAAKC,IAAMF,gBAAAA,YAAAA,OAAKG,eAAKF,OAAK;AAAA,IAAEG,MAAMP;AAAAA,EAAO,CAAA,CAAA;AAClDQ,cAAAA,cAAeJ,CACzBI,UAAAA,YAAAA,YAAY,MAAM;AACT,WAAA;AAAA,MAAE,GAAGJ,MAAM;AAAA,MAAGG,MAAMP;AAAAA,IAAAA;AAAAA,EAAI,CAChC;AACHE,cAAYO,WAAYC,CAAAA,aAAaD,WAAST,SAAAA,IAAIW,OAAOD,QAAQ;AACrDE,cAAAA,YAAaR,CACvBS,UAAAA,SAAAA,iBAAiBT,MAAMU,UAAUL,oBAAST,IAAIW,OAAOP,MAAMM,QAAQ,CAAC;AAEtEK,kBAAQf,IAAIgB,KAAK;AAMjBC,UAAAA,eAAe,MAAMjB,IAAIkB,OAAOpB,8BAAQ,CAAC;AAElCI,SAAAA;AACT;;"}

package/dist/cjs/createForm.d.cts

@@ -1,9 +1,8 @@
 import { FormApi, FormOptions, FormState, Validator } from '@tanstack/form-core';
 import { JSXElement } from 'solid-js';
 import { CreateField, FieldComponent } from './createField.cjs';
-
 type NoInfer<T> = [T][T extends any ? 0 : never];
-interface SolidFormApi<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> {
+export interface SolidFormApi<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> {
     Field: FieldComponent<TFormData, TFormValidator>;
     createField: CreateField<TFormData, TFormValidator>;
     useStore: <TSelected = NoInfer<FormState<TFormData>>>(selector?: (state: NoInfer<FormState<TFormData>>) => TSelected) => () => TSelected;

package/dist/cjs/index.d.cts

@@ -1,4 +1,4 @@
 export * from '@tanstack/form-core';
-export { createForm } from './createForm.cjs';
+export { createForm, type SolidFormApi } from './createForm.cjs';
 export type { CreateField, FieldComponent } from './createField.cjs';
 export { createField, Field } from './createField.cjs';

package/dist/cjs/types.d.cts

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

package/dist/esm/createField.d.ts

@@ -1,7 +1,6 @@
 import { FieldApi, DeepKeys, DeepValue, Narrow, Validator } from '@tanstack/form-core';
 import { JSXElement } from 'solid-js';
 import { CreateFieldOptions } from './types.js';
-
 interface SolidFieldApi<TParentData, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined> {
     Field: FieldComponent<TParentData, TFormValidator>;
 }

package/dist/esm/createForm.d.ts

@@ -1,9 +1,8 @@
 import { FormApi, FormOptions, FormState, Validator } from '@tanstack/form-core';
 import { JSXElement } from 'solid-js';
 import { CreateField, FieldComponent } from './createField.js';
-
 type NoInfer<T> = [T][T extends any ? 0 : never];
-interface SolidFormApi<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> {
+export interface SolidFormApi<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> {
     Field: FieldComponent<TFormData, TFormValidator>;
     createField: CreateField<TFormData, TFormValidator>;
     useStore: <TSelected = NoInfer<FormState<TFormData>>>(selector?: (state: NoInfer<FormState<TFormData>>) => TSelected) => () => TSelected;

package/dist/esm/createForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"createForm.js","sources":["../../src/createForm.tsx"],"sourcesContent":["import { FormApi, functionalUpdate } from '@tanstack/form-core'\nimport { type JSXElement, createComputed, onMount } from 'solid-js'\nimport { useStore } from '@tanstack/solid-store'\nimport {\n  type CreateField,\n  Field,\n  type FieldComponent,\n  createField,\n} from './createField'\nimport type { FormOptions, FormState, Validator } from '@tanstack/form-core'\n\ntype NoInfer<T> = [T][T extends any ? 0 : never]\n\ninterface SolidFormApi<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> {\n  Field: FieldComponent<TFormData, TFormValidator>\n  createField: CreateField<TFormData, TFormValidator>\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>) => JSXElement) | JSXElement\n  }) => JSXElement\n}\n\nexport function createForm<\n  TParentData,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n>(opts?: () => FormOptions<TParentData, TFormValidator>) {\n  const options = opts?.()\n  const api = new FormApi<TParentData, TFormValidator>(options)\n  const extendedApi: typeof api & SolidFormApi<TParentData, TFormValidator> =\n    api as never\n\n  extendedApi.Field = (props) => <Field {...props} form={api} />\n  extendedApi.createField = (props) =>\n    createField(() => {\n      return { ...props(), form: api }\n    })\n  extendedApi.useStore = (selector) => useStore(api.store, selector)\n  extendedApi.Subscribe = (props) =>\n    functionalUpdate(props.children, useStore(api.store, props.selector))\n\n  onMount(api.mount)\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  createComputed(() => api.update(opts?.()))\n\n  return extendedApi\n}\n"],"names":["createForm","opts","options","api","FormApi","extendedApi","Field","props","_$createComponent","_$mergeProps","form","createField","useStore","selector","store","Subscribe","functionalUpdate","children","onMount","mount","createComputed","update"],"mappings":";;;;;AA4BO,SAASA,WAKdC,MAAuD;AACvD,QAAMC,UAAUD;AACVE,QAAAA,MAAM,IAAIC,QAAqCF,OAAO;AAC5D,QAAMG,cACJF;AAEFE,cAAYC,QAASC,CAAAA,UAAKC,gBAAMF,OAAKG,WAAKF,OAAK;AAAA,IAAEG,MAAMP;AAAAA,EAAO,CAAA,CAAA;AAClDQ,cAAAA,cAAeJ,CACzBI,UAAAA,YAAY,MAAM;AACT,WAAA;AAAA,MAAE,GAAGJ,MAAM;AAAA,MAAGG,MAAMP;AAAAA,IAAAA;AAAAA,EAAI,CAChC;AACHE,cAAYO,WAAYC,CAAAA,aAAaD,SAAST,IAAIW,OAAOD,QAAQ;AACrDE,cAAAA,YAAaR,CACvBS,UAAAA,iBAAiBT,MAAMU,UAAUL,SAAST,IAAIW,OAAOP,MAAMM,QAAQ,CAAC;AAEtEK,UAAQf,IAAIgB,KAAK;AAMjBC,iBAAe,MAAMjB,IAAIkB,OAAOpB,8BAAQ,CAAC;AAElCI,SAAAA;AACT;"}
+{"version":3,"file":"createForm.js","sources":["../../src/createForm.tsx"],"sourcesContent":["import { FormApi, functionalUpdate } from '@tanstack/form-core'\nimport { type JSXElement, createComputed, onMount } from 'solid-js'\nimport { useStore } from '@tanstack/solid-store'\nimport {\n  type CreateField,\n  Field,\n  type FieldComponent,\n  createField,\n} from './createField'\nimport type { FormOptions, FormState, Validator } from '@tanstack/form-core'\n\ntype NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport interface SolidFormApi<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> {\n  Field: FieldComponent<TFormData, TFormValidator>\n  createField: CreateField<TFormData, TFormValidator>\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>) => JSXElement) | JSXElement\n  }) => JSXElement\n}\n\nexport function createForm<\n  TParentData,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n>(opts?: () => FormOptions<TParentData, TFormValidator>) {\n  const options = opts?.()\n  const api = new FormApi<TParentData, TFormValidator>(options)\n  const extendedApi: typeof api & SolidFormApi<TParentData, TFormValidator> =\n    api as never\n\n  extendedApi.Field = (props) => <Field {...props} form={api} />\n  extendedApi.createField = (props) =>\n    createField(() => {\n      return { ...props(), form: api }\n    })\n  extendedApi.useStore = (selector) => useStore(api.store, selector)\n  extendedApi.Subscribe = (props) =>\n    functionalUpdate(props.children, useStore(api.store, props.selector))\n\n  onMount(api.mount)\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  createComputed(() => api.update(opts?.()))\n\n  return extendedApi\n}\n"],"names":["createForm","opts","options","api","FormApi","extendedApi","Field","props","_$createComponent","_$mergeProps","form","createField","useStore","selector","store","Subscribe","functionalUpdate","children","onMount","mount","createComputed","update"],"mappings":";;;;;AA4BO,SAASA,WAKdC,MAAuD;AACvD,QAAMC,UAAUD;AACVE,QAAAA,MAAM,IAAIC,QAAqCF,OAAO;AAC5D,QAAMG,cACJF;AAEFE,cAAYC,QAASC,CAAAA,UAAKC,gBAAMF,OAAKG,WAAKF,OAAK;AAAA,IAAEG,MAAMP;AAAAA,EAAO,CAAA,CAAA;AAClDQ,cAAAA,cAAeJ,CACzBI,UAAAA,YAAY,MAAM;AACT,WAAA;AAAA,MAAE,GAAGJ,MAAM;AAAA,MAAGG,MAAMP;AAAAA,IAAAA;AAAAA,EAAI,CAChC;AACHE,cAAYO,WAAYC,CAAAA,aAAaD,SAAST,IAAIW,OAAOD,QAAQ;AACrDE,cAAAA,YAAaR,CACvBS,UAAAA,iBAAiBT,MAAMU,UAAUL,SAAST,IAAIW,OAAOP,MAAMM,QAAQ,CAAC;AAEtEK,UAAQf,IAAIgB,KAAK;AAMjBC,iBAAe,MAAMjB,IAAIkB,OAAOpB,8BAAQ,CAAC;AAElCI,SAAAA;AACT;"}

package/dist/esm/index.d.ts

@@ -1,4 +1,4 @@
 export * from '@tanstack/form-core';
-export { createForm } from './createForm.js';
+export { createForm, type SolidFormApi } from './createForm.js';
 export type { CreateField, FieldComponent } from './createField.js';
 export { createField, Field } from './createField.js';

package/dist/esm/types.d.ts

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

package/dist/source/createForm.d.ts

@@ -3,7 +3,7 @@ import { type JSXElement } from 'solid-js';
 import { type CreateField, type FieldComponent } from './createField';
 import type { FormOptions, FormState, Validator } from '@tanstack/form-core';
 type NoInfer<T> = [T][T extends any ? 0 : never];
-interface SolidFormApi<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> {
+export interface SolidFormApi<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> {
     Field: FieldComponent<TFormData, TFormValidator>;
     createField: CreateField<TFormData, TFormValidator>;
     useStore: <TSelected = NoInfer<FormState<TFormData>>>(selector?: (state: NoInfer<FormState<TFormData>>) => TSelected) => () => TSelected;

package/dist/source/index.d.ts

@@ -1,4 +1,4 @@
 export * from '@tanstack/form-core';
-export { createForm } from './createForm';
+export { createForm, type SolidFormApi } from './createForm';
 export type { CreateField, FieldComponent } from './createField';
 export { createField, Field } from './createField';

package/dist/source/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAqB,MAAM,cAAc,CAAA;AAG5D,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-form",
-  "version": "0.28.0",
+  "version": "0.29.1",
   "description": "Powerful, type-safe forms for Solid.",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -45,8 +45,8 @@
     "@tanstack/form-core": "0.28.0"
   },
   "devDependencies": {
-    "solid-js": "^1.8.19",
-    "vite": "^5.3.5",
+    "solid-js": "^1.8.20",
+    "vite": "^5.4.0",
     "vite-plugin-solid": "^2.10.2"
   },
   "peerDependencies": {

package/src/createForm.tsx

@@ -11,7 +11,7 @@ import type { FormOptions, FormState, Validator } from '@tanstack/form-core'
 
 type NoInfer<T> = [T][T extends any ? 0 : never]
 
-interface SolidFormApi<
+export interface SolidFormApi<
   TFormData,
   TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
 > {

package/src/index.tsx

@@ -1,6 +1,6 @@
 export * from '@tanstack/form-core'
 
-export { createForm } from './createForm'
+export { createForm, type SolidFormApi } from './createForm'
 
 export type { CreateField, FieldComponent } from './createField'
 export { createField, Field } from './createField'