@tanstack/vue-form 0.2.0 → 0.3.0

package/build/lib/formContext.d.ts

@@ -1,12 +0,0 @@
-import type { FormApi } from '@tanstack/form-core';
-export type FormContext = {
-    formApi: FormApi<any>;
-    parentFieldName?: string;
-} | null;
-export declare const formContext: unique symbol;
-export declare function provideFormContext(val: FormContext): void;
-export declare function useFormContext(): {
-    formApi: FormApi<any>;
-    parentFieldName?: string | undefined;
-};
-//# sourceMappingURL=formContext.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"formContext.d.ts","sourceRoot":"","sources":["../../src/formContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAGlD,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,GAAG,IAAI,CAAA;AAER,eAAO,MAAM,WAAW,eAAwB,CAAA;AAEhD,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,WAAW,QAElD;AAED,wBAAgB,cAAc;;;EAQ7B"}

package/build/lib/formContext.js

@@ -1,12 +0,0 @@
-import { inject, provide } from 'vue-demi';
-export const formContext = Symbol('FormContext');
-export function provideFormContext(val) {
-    provide(formContext, val);
-}
-export function useFormContext() {
-    const formApi = inject(formContext);
-    if (!formApi) {
-        throw new Error(`You are trying to use the form API outside of a form!`);
-    }
-    return formApi;
-}

package/build/lib/index.d.ts

@@ -1,6 +0,0 @@
-export * from '@tanstack/form-core';
-export * from './createFormFactory';
-export * from './formContext';
-export * from './useField';
-export * from './useForm';
-//# 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,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA"}

package/build/lib/index.js

@@ -1,5 +0,0 @@
-export * from '@tanstack/form-core';
-export * from './createFormFactory';
-export * from './formContext';
-export * from './useField';
-export * from './useForm';

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":";AAGA,OAAO,2BAA2B,CAAA"}

package/build/lib/tests/useField.test.jsx

@@ -1,109 +0,0 @@
-/// <reference lib="dom" />
-import { defineComponent } from 'vue-demi';
-import { render, waitFor } from '@testing-library/vue';
-import '@testing-library/jest-dom';
-import { createFormFactory, provideFormContext, } from '../index';
-import userEvent from '@testing-library/user-event';
-import { sleep } from './utils';
-const user = userEvent.setup();
-describe('useField', () => {
-    it('should allow to set default value', async () => {
-        const formFactory = createFormFactory();
-        const Comp = defineComponent(() => {
-            const form = formFactory.useForm();
-            provideFormContext({ formApi: form });
-            return () => (<form.Field name="firstName" defaultValue="FirstName">
-          {(field) => (<input data-testid={'fieldinput'} value={field.state.value} onBlur={field.handleBlur} onInput={(e) => field.handleChange(e.target.value)}/>)}
-        </form.Field>);
-        });
-        const { getByTestId } = render(Comp);
-        const input = getByTestId('fieldinput');
-        await waitFor(() => expect(input).toHaveValue('FirstName'));
-    });
-    it('should not validate on change if isTouched is false', async () => {
-        const error = 'Please enter a different value';
-        const formFactory = createFormFactory();
-        const Comp = defineComponent(() => {
-            const form = formFactory.useForm();
-            provideFormContext({ formApi: form });
-            return () => (<form.Field name="firstName" onChange={(value) => (value === 'other' ? error : undefined)}>
-          {(field) => (<div>
-              <input data-testid="fieldinput" name={field.name} value={field.state.value} onBlur={field.handleBlur} onInput={(e) => field.setValue(e.target.value)}/>
-              <p>{field.getMeta().error}</p>
-            </div>)}
-        </form.Field>);
-        });
-        const { getByTestId, queryByText } = render(Comp);
-        const input = getByTestId('fieldinput');
-        await user.type(input, 'other');
-        expect(queryByText(error)).not.toBeInTheDocument();
-    });
-    it('should validate on change if isTouched is true', async () => {
-        const error = 'Please enter a different value';
-        const formFactory = createFormFactory();
-        const Comp = defineComponent(() => {
-            const form = formFactory.useForm();
-            provideFormContext({ formApi: form });
-            return () => (<form.Field name="firstName" onChange={(value) => (value === 'other' ? error : undefined)}>
-          {(field) => (<div>
-              <input data-testid="fieldinput" name={field.name} value={field.state.value} onBlur={field.handleBlur} onInput={(e) => field.handleChange(e.target.value)}/>
-              <p>{field.getMeta().error}</p>
-            </div>)}
-        </form.Field>);
-        });
-        const { getByTestId, getByText, queryByText } = render(Comp);
-        const input = getByTestId('fieldinput');
-        expect(queryByText(error)).not.toBeInTheDocument();
-        await user.type(input, 'other');
-        expect(getByText(error)).toBeInTheDocument();
-    });
-    it('should validate async on change', async () => {
-        const error = 'Please enter a different value';
-        const formFactory = createFormFactory();
-        const Comp = defineComponent(() => {
-            const form = formFactory.useForm();
-            provideFormContext({ formApi: form });
-            return () => (<form.Field name="firstName" defaultMeta={{ isTouched: true }} onChangeAsync={async () => {
-                    await sleep(10);
-                    return error;
-                }}>
-          {(field) => (<div>
-              <input data-testid="fieldinput" name={field.name} value={field.state.value} onBlur={field.handleBlur} onInput={(e) => field.handleChange(e.target.value)}/>
-              <p>{field.getMeta().error}</p>
-            </div>)}
-        </form.Field>);
-        });
-        const { getByTestId, getByText, queryByText } = render(Comp);
-        const input = getByTestId('fieldinput');
-        expect(queryByText(error)).not.toBeInTheDocument();
-        await user.type(input, 'other');
-        await waitFor(() => getByText(error));
-        expect(getByText(error)).toBeInTheDocument();
-    });
-    it('should validate async on change with debounce', async () => {
-        const mockFn = vi.fn();
-        const error = 'Please enter a different value';
-        const formFactory = createFormFactory();
-        const Comp = defineComponent(() => {
-            const form = formFactory.useForm();
-            provideFormContext({ formApi: form });
-            return () => (<form.Field name="firstName" defaultMeta={{ isTouched: true }} onChangeAsyncDebounceMs={100} onChangeAsync={async () => {
-                    mockFn();
-                    await sleep(10);
-                    return error;
-                }}>
-          {(field) => (<div>
-              <input data-testid="fieldinput" name={field.name} value={field.state.value} onBlur={field.handleBlur} onInput={(e) => field.handleChange(e.target.value)}/>
-              <p>{field.getMeta().error}</p>
-            </div>)}
-        </form.Field>);
-        });
-        const { getByTestId, getByText } = render(<Comp />);
-        const input = getByTestId('fieldinput');
-        await user.type(input, 'other');
-        // mockFn will have been called 5 times without onChangeAsyncDebounceMs
-        expect(mockFn).toHaveBeenCalledTimes(0);
-        await waitFor(() => getByText(error));
-        expect(getByText(error)).toBeInTheDocument();
-    });
-});

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/useForm.test.jsx

@@ -1,71 +0,0 @@
-/// <reference lib="dom" />
-import { defineComponent, ref } from 'vue-demi';
-import { render, waitFor } from '@testing-library/vue';
-import '@testing-library/jest-dom';
-import { createFormFactory, provideFormContext, useForm, } from '../index';
-import userEvent from '@testing-library/user-event';
-const user = userEvent.setup();
-describe('useForm', () => {
-    it('preserved field state', async () => {
-        const formFactory = createFormFactory();
-        const Comp = defineComponent(() => {
-            const form = formFactory.useForm();
-            provideFormContext({ formApi: form });
-            return () => (<form.Field name="firstName" defaultValue="">
-          {(field) => (<input data-testid={'fieldinput'} value={field.state.value} onBlur={field.handleBlur} onInput={(e) => field.handleChange(e.target.value)}/>)}
-        </form.Field>);
-        });
-        const { getByTestId, queryByText } = render(Comp);
-        const input = getByTestId('fieldinput');
-        expect(queryByText('FirstName')).not.toBeInTheDocument();
-        await user.type(input, 'FirstName');
-        expect(input).toHaveValue('FirstName');
-    });
-    it('should allow default values to be set', async () => {
-        const formFactory = createFormFactory();
-        const Comp = defineComponent(() => {
-            const form = formFactory.useForm({
-                defaultValues: {
-                    firstName: 'FirstName',
-                    lastName: 'LastName',
-                },
-            });
-            form.provideFormContext();
-            return () => (<form.Field name="firstName" defaultValue="">
-          {(field) => <p>{field.state.value}</p>}
-        </form.Field>);
-        });
-        const { findByText, queryByText } = render(Comp);
-        expect(await findByText('FirstName')).toBeInTheDocument();
-        expect(queryByText('LastName')).not.toBeInTheDocument();
-    });
-    it('should handle submitting properly', async () => {
-        const Comp = defineComponent(() => {
-            const submittedData = ref();
-            const form = useForm({
-                defaultValues: {
-                    firstName: 'FirstName',
-                },
-                onSubmit: (data) => {
-                    submittedData.value = data;
-                },
-            });
-            form.provideFormContext();
-            return () => (<form.Provider>
-          <form.Field name="firstName">
-            {(field) => {
-                    return (<input value={field.state.value} onBlur={field.handleBlur} onChange={(e) => field.handleChange(e.target.value)} placeholder={'First name'}/>);
-                }}
-          </form.Field>
-          <button onClick={form.handleSubmit}>Submit</button>
-          {submittedData.value && (<p>Submitted data: {submittedData.value.firstName}</p>)}
-        </form.Provider>);
-        });
-        const { findByPlaceholderText, getByText } = render(Comp);
-        const input = await findByPlaceholderText('First name');
-        await user.clear(input);
-        await user.type(input, 'OtherName');
-        await user.click(getByText('Submit'));
-        await waitFor(() => expect(getByText('Submitted data: OtherName')).toBeInTheDocument());
-    });
-});

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/tests/utils.js

@@ -1,5 +0,0 @@
-export function sleep(timeout) {
-    return new Promise((resolve, _reject) => {
-        setTimeout(resolve, timeout);
-    });
-}

package/build/lib/types.d.ts

@@ -1,2 +0,0 @@
-export type NoInfer<T> = [T][T extends any ? 0 : never];
-//# 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,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAA"}

package/build/lib/types.js

@@ -1 +0,0 @@
-export {};

package/build/lib/useField.d.ts

@@ -1,33 +0,0 @@
-import { type DeepKeys, type DeepValue, FieldApi, type FieldOptions, type Narrow } from '@tanstack/form-core';
-import { type SetupContext, type Ref } from 'vue-demi';
-declare module '@tanstack/form-core' {
-    interface FieldApi<TData, TFormData> {
-        Field: FieldComponent<TData, TFormData>;
-    }
-}
-export interface UseFieldOptions<TData, TFormData> extends FieldOptions<TData, TFormData> {
-    mode?: 'value' | 'array';
-}
-export type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(opts?: {
-    name: Narrow<TField>;
-} & UseFieldOptions<DeepValue<TFormData, TField>, TFormData>) => FieldApi<DeepValue<TFormData, TField>, TFormData>;
-export declare function useField<TData, TFormData>(opts: UseFieldOptions<TData, TFormData>): {
-    api: FieldApi<TData, TFormData>;
-    state: Readonly<Ref<FieldApi<TData, TFormData>['state']>>;
-};
-export type FieldValue<TFormData, TField> = TFormData extends any[] ? unknown extends TField ? TFormData[number] : DeepValue<TFormData[number], TField> : DeepValue<TFormData, TField>;
-export type FieldComponent<TParentData, TFormData> = <TField>(fieldOptions: {
-    children?: (fieldApi: FieldApi<FieldValue<TParentData, TField>, TFormData>) => any;
-} & Omit<UseFieldOptions<FieldValue<TParentData, TField>, TFormData>, 'name' | 'index'> & (TParentData extends any[] ? {
-    name?: TField extends undefined ? TField : DeepKeys<TParentData>;
-    index: number;
-} : {
-    name: TField extends undefined ? TField : DeepKeys<TParentData>;
-    index?: never;
-}), context: SetupContext) => any;
-export declare const Field: <TData, TFormData>(props: UseFieldOptions<TData, TFormData> & ({
-    [x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
-} | {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-})) => any;
-//# sourceMappingURL=useField.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useField.d.ts","sourceRoot":"","sources":["../../src/useField.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,QAAQ,EACR,KAAK,YAAY,EACjB,KAAK,MAAM,EACZ,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EACL,KAAK,YAAY,EAEjB,KAAK,GAAG,EAIT,MAAM,UAAU,CAAA;AAGjB,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,WAAW,eAAe,CAAC,KAAK,EAAE,SAAS,CAC/C,SAAQ,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC;IACtC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CACzB;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;IACD,GAAG,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;IAC/B,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;CAC1D,CAwCA;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,EAC1D,YAAY,EAAE;IACZ,QAAQ,CAAC,EAAE,CACT,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,EACR,OAAO,EAAE,YAAY,KAClB,GAAG,CAAA;AAER,eAAO,MAAM,KAAK;;;;UAejB,CAAA"}

package/build/lib/useField.jsx

@@ -1,39 +0,0 @@
-import { FieldApi, } from '@tanstack/form-core';
-import { useStore } from '@tanstack/vue-store';
-import { defineComponent, onMounted, onUnmounted, watch, } from 'vue-demi';
-import { provideFormContext, useFormContext } from './formContext';
-export function useField(opts) {
-    // Get the form API either manually or from context
-    const { formApi, parentFieldName } = useFormContext();
-    const fieldApi = (() => {
-        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;
-    })();
-    const fieldState = useStore(fieldApi.store, (state) => state);
-    let cleanup;
-    onMounted(() => {
-        cleanup = fieldApi.mount();
-    });
-    onUnmounted(() => {
-        cleanup();
-    });
-    watch(() => opts, () => {
-        // Keep options up to date as they are rendered
-        fieldApi.update({ ...opts, form: formApi });
-    });
-    return { api: fieldApi, state: fieldState };
-}
-export const Field = defineComponent((fieldOptions, context) => {
-    const fieldApi = useField({ ...fieldOptions, ...context.attrs });
-    provideFormContext({
-        formApi: fieldApi.api.form,
-        parentFieldName: fieldApi.api.name,
-    });
-    return () => context.slots.default(fieldApi.api, fieldApi.state.value);
-}, { name: 'Field', inheritAttrs: false });

package/build/lib/useForm.d.ts

@@ -1,17 +0,0 @@
-import { FormApi, type FormState, type FormOptions } from '@tanstack/form-core';
-import { type UseField, type FieldComponent } from './useField';
-import type { NoInfer } from './types';
-declare module '@tanstack/form-core' {
-    interface FormApi<TFormData> {
-        Provider: (props: Record<string, any> & {}) => any;
-        provideFormContext: () => void;
-        Field: FieldComponent<TFormData, TFormData>;
-        useField: UseField<TFormData>;
-        useStore: <TSelected = NoInfer<FormState<TFormData>>>(selector?: (state: NoInfer<FormState<TFormData>>) => TSelected) => TSelected;
-        Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {
-            selector?: (state: NoInfer<FormState<TFormData>>) => TSelected;
-        }) => any;
-    }
-}
-export declare function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData>;
-//# sourceMappingURL=useForm.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../src/useForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE/E,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAmB,MAAM,YAAY,CAAA;AAGhF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEtC,OAAO,QAAQ,qBAAqB,CAAC;IAEnC,UAAU,OAAO,CAAC,SAAS;QACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,CAAA;QAClD,kBAAkB,EAAE,MAAM,IAAI,CAAA;QAC9B,KAAK,EAAE,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QAC3C,QAAQ,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;QAC7B,QAAQ,EAAE,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,KAAK,SAAS,KAC3D,SAAS,CAAA;QACd,SAAS,EAAE,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE;YAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,KAAK,SAAS,CAAA;SAC/D,KAAK,GAAG,CAAA;KACV;CACF;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAuCxE"}

package/build/lib/useForm.jsx

@@ -1,35 +0,0 @@
-import { FormApi } from '@tanstack/form-core';
-import { useStore } from '@tanstack/vue-store';
-import { Field, useField } from './useField';
-import { provideFormContext } from './formContext';
-import { defineComponent } from 'vue-demi';
-export function useForm(opts) {
-    const formApi = (() => {
-        const api = new FormApi(opts);
-        api.Provider = defineComponent((_, context) => {
-            provideFormContext({ formApi });
-            return () => context.slots.default();
-        }, { name: 'Provider' });
-        api.provideFormContext = () => {
-            provideFormContext({ formApi });
-        };
-        api.Field = Field;
-        api.useField = useField;
-        api.useStore = (selector) => {
-            return useStore(api.store, selector);
-        };
-        api.Subscribe = defineComponent((props, context) => {
-            const allProps = { ...props, ...context.attrs };
-            const selector = allProps.selector ?? ((state) => state);
-            const data = useStore(api.store, selector);
-            return () => context.slots.default(data.value);
-        }, {
-            name: 'Subscribe',
-            inheritAttrs: false,
-        });
-        return api;
-    })();
-    // formApi.useStore((state) => state.isSubmitting)
-    formApi.update(opts);
-    return formApi;
-}

package/build/modern/createFormFactory-161e85f9.d.ts

@@ -1,42 +0,0 @@
-import { FieldApi, DeepKeys, FieldOptions, Narrow, DeepValue, FormOptions, FormApi } from '@tanstack/form-core';
-import { SetupContext, Ref } from 'vue-demi';
-
-declare module '@tanstack/form-core' {
-    interface FieldApi<TData, TFormData> {
-        Field: FieldComponent<TData, TFormData>;
-    }
-}
-interface UseFieldOptions<TData, TFormData> extends FieldOptions<TData, TFormData> {
-    mode?: 'value' | 'array';
-}
-type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(opts?: {
-    name: Narrow<TField>;
-} & UseFieldOptions<DeepValue<TFormData, TField>, TFormData>) => FieldApi<DeepValue<TFormData, TField>, TFormData>;
-declare function useField<TData, TFormData>(opts: UseFieldOptions<TData, TFormData>): {
-    api: FieldApi<TData, TFormData>;
-    state: Readonly<Ref<FieldApi<TData, TFormData>['state']>>;
-};
-type FieldValue<TFormData, TField> = TFormData extends any[] ? unknown extends TField ? TFormData[number] : DeepValue<TFormData[number], TField> : DeepValue<TFormData, TField>;
-type FieldComponent<TParentData, TFormData> = <TField>(fieldOptions: {
-    children?: (fieldApi: FieldApi<FieldValue<TParentData, TField>, TFormData>) => any;
-} & Omit<UseFieldOptions<FieldValue<TParentData, TField>, TFormData>, 'name' | 'index'> & (TParentData extends any[] ? {
-    name?: TField extends undefined ? TField : DeepKeys<TParentData>;
-    index: number;
-} : {
-    name: TField extends undefined ? TField : DeepKeys<TParentData>;
-    index?: never;
-}), context: SetupContext) => any;
-declare const Field: <TData, TFormData>(props: UseFieldOptions<TData, TFormData> & ({
-    [x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
-} | {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-})) => any;
-
-type FormFactory<TFormData> = {
-    useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>;
-    useField: UseField<TFormData>;
-    Field: FieldComponent<TFormData, TFormData>;
-};
-declare function createFormFactory<TFormData>(defaultOpts?: FormOptions<TFormData>): FormFactory<TFormData>;
-
-export { FieldComponent as F, UseField as U, FormFactory as a, UseFieldOptions as b, createFormFactory as c, FieldValue as d, Field as e, useField as u };

package/build/modern/createFormFactory.cjs

@@ -1,42 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/createFormFactory.ts
-var createFormFactory_exports = {};
-__export(createFormFactory_exports, {
-  createFormFactory: () => createFormFactory
-});
-module.exports = __toCommonJS(createFormFactory_exports);
-var import_useField = require("./useField.cjs");
-var import_useForm = require("./useForm.cjs");
-function createFormFactory(defaultOpts) {
-  return {
-    useForm: (opts) => {
-      const formOptions = Object.assign({}, defaultOpts, opts);
-      return (0, import_useForm.useForm)(formOptions);
-    },
-    useField: import_useField.useField,
-    Field: import_useField.Field
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createFormFactory
-});
-//# sourceMappingURL=createFormFactory.cjs.map

package/build/modern/createFormFactory.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/createFormFactory.ts"],"sourcesContent":["import type { FormApi, FormOptions } from '@tanstack/form-core'\n\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { useForm } from './useForm'\n\nexport type FormFactory<TFormData> = {\n  useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>\n  useField: UseField<TFormData>\n  Field: FieldComponent<TFormData, TFormData>\n}\n\nexport function createFormFactory<TFormData>(\n  defaultOpts?: FormOptions<TFormData>,\n): FormFactory<TFormData> {\n  return {\n    useForm: (opts) => {\n      const formOptions = Object.assign({}, defaultOpts, opts)\n      return useForm<TFormData>(formOptions)\n    },\n    useField: useField as any,\n    Field: Field as any,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAAoE;AACpE,qBAAwB;AAQjB,SAAS,kBACd,aACwB;AACxB,SAAO;AAAA,IACL,SAAS,CAAC,SAAS;AACjB,YAAM,cAAc,OAAO,OAAO,CAAC,GAAG,aAAa,IAAI;AACvD,iBAAO,wBAAmB,WAAW;AAAA,IACvC;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AACF;","names":[]}

package/build/modern/createFormFactory.d.cts

@@ -1,3 +0,0 @@
-import '@tanstack/form-core';
-export { a as FormFactory, c as createFormFactory } from './createFormFactory-161e85f9.js';
-import 'vue-demi';

package/build/modern/createFormFactory.d.ts

@@ -1,3 +0,0 @@
-import '@tanstack/form-core';
-export { a as FormFactory, c as createFormFactory } from './createFormFactory-161e85f9.js';
-import 'vue-demi';

package/build/modern/createFormFactory.js

@@ -1,17 +0,0 @@
-// src/createFormFactory.ts
-import { Field, useField } from "./useField.js";
-import { useForm } from "./useForm.js";
-function createFormFactory(defaultOpts) {
-  return {
-    useForm: (opts) => {
-      const formOptions = Object.assign({}, defaultOpts, opts);
-      return useForm(formOptions);
-    },
-    useField,
-    Field
-  };
-}
-export {
-  createFormFactory
-};
-//# sourceMappingURL=createFormFactory.js.map

package/build/modern/createFormFactory.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/createFormFactory.ts"],"sourcesContent":["import type { FormApi, FormOptions } from '@tanstack/form-core'\n\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { useForm } from './useForm'\n\nexport type FormFactory<TFormData> = {\n  useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>\n  useField: UseField<TFormData>\n  Field: FieldComponent<TFormData, TFormData>\n}\n\nexport function createFormFactory<TFormData>(\n  defaultOpts?: FormOptions<TFormData>,\n): FormFactory<TFormData> {\n  return {\n    useForm: (opts) => {\n      const formOptions = Object.assign({}, defaultOpts, opts)\n      return useForm<TFormData>(formOptions)\n    },\n    useField: useField as any,\n    Field: Field as any,\n  }\n}\n"],"mappings":";AAEA,SAA6C,OAAO,gBAAgB;AACpE,SAAS,eAAe;AAQjB,SAAS,kBACd,aACwB;AACxB,SAAO;AAAA,IACL,SAAS,CAAC,SAAS;AACjB,YAAM,cAAc,OAAO,OAAO,CAAC,GAAG,aAAa,IAAI;AACvD,aAAO,QAAmB,WAAW;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/build/modern/formContext.cjs

@@ -1,46 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/formContext.ts
-var formContext_exports = {};
-__export(formContext_exports, {
-  formContext: () => formContext,
-  provideFormContext: () => provideFormContext,
-  useFormContext: () => useFormContext
-});
-module.exports = __toCommonJS(formContext_exports);
-var import_vue_demi = require("vue-demi");
-var formContext = Symbol("FormContext");
-function provideFormContext(val) {
-  (0, import_vue_demi.provide)(formContext, val);
-}
-function useFormContext() {
-  const formApi = (0, import_vue_demi.inject)(formContext);
-  if (!formApi) {
-    throw new Error(`You are trying to use the form API outside of a form!`);
-  }
-  return formApi;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  formContext,
-  provideFormContext,
-  useFormContext
-});
-//# sourceMappingURL=formContext.cjs.map

package/build/modern/formContext.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/formContext.ts"],"sourcesContent":["import type { FormApi } from '@tanstack/form-core'\nimport { inject, provide } from 'vue-demi'\n\nexport type FormContext = {\n  formApi: FormApi<any>\n  parentFieldName?: string\n} | null\n\nexport const formContext = Symbol('FormContext')\n\nexport function provideFormContext(val: FormContext) {\n  provide(formContext, val)\n}\n\nexport function useFormContext() {\n  const formApi = inject(formContext) as FormContext\n\n  if (!formApi) {\n    throw new Error(`You are trying to use the form API outside of a form!`)\n  }\n\n  return formApi\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAAgC;AAOzB,IAAM,cAAc,OAAO,aAAa;AAExC,SAAS,mBAAmB,KAAkB;AACnD,+BAAQ,aAAa,GAAG;AAC1B;AAEO,SAAS,iBAAiB;AAC/B,QAAM,cAAU,wBAAO,WAAW;AAElC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AAEA,SAAO;AACT;","names":[]}

package/build/modern/formContext.d.cts

@@ -1,14 +0,0 @@
-import { FormApi } from '@tanstack/form-core';
-
-type FormContext = {
-    formApi: FormApi<any>;
-    parentFieldName?: string;
-} | null;
-declare const formContext: unique symbol;
-declare function provideFormContext(val: FormContext): void;
-declare function useFormContext(): {
-    formApi: FormApi<any>;
-    parentFieldName?: string | undefined;
-};
-
-export { FormContext, formContext, provideFormContext, useFormContext };

package/build/modern/formContext.d.ts

@@ -1,14 +0,0 @@
-import { FormApi } from '@tanstack/form-core';
-
-type FormContext = {
-    formApi: FormApi<any>;
-    parentFieldName?: string;
-} | null;
-declare const formContext: unique symbol;
-declare function provideFormContext(val: FormContext): void;
-declare function useFormContext(): {
-    formApi: FormApi<any>;
-    parentFieldName?: string | undefined;
-};
-
-export { FormContext, formContext, provideFormContext, useFormContext };

package/build/modern/formContext.js

@@ -1,19 +0,0 @@
-// src/formContext.ts
-import { inject, provide } from "vue-demi";
-var formContext = Symbol("FormContext");
-function provideFormContext(val) {
-  provide(formContext, val);
-}
-function useFormContext() {
-  const formApi = inject(formContext);
-  if (!formApi) {
-    throw new Error(`You are trying to use the form API outside of a form!`);
-  }
-  return formApi;
-}
-export {
-  formContext,
-  provideFormContext,
-  useFormContext
-};
-//# sourceMappingURL=formContext.js.map