remix-validated-form 4.3.0 → 4.3.1-beta.0

package/build/internal/state-valtio.js

@@ -1,83 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setFieldErrors = exports.reset = exports.setTouched = exports.addError = exports.clearError = exports.sync = exports.endSubmit = exports.startSubmit = exports.useFormData = exports.unregisterFormSlice = exports.registerFormSlice = exports.state = void 0;
-const valtio_1 = require("valtio");
-exports.state = (0, valtio_1.proxy)({ forms: {} });
-const registerFormSlice = (formId, { registerReceiveFocus, setFieldValueForForm, validateField, action, defaultValues, subaction, }) => {
-    exports.state.forms[formId] = {
-        hydrated: true,
-        defaultValues: defaultValues !== null && defaultValues !== void 0 ? defaultValues : {},
-        fieldErrors: {},
-        hasBeenSubmitted: false,
-        isSubmitting: false,
-        touchedFields: {},
-        registerReceiveFocus,
-        setFieldValue: setFieldValueForForm,
-        validateField,
-        action,
-        subaction,
-    };
-};
-exports.registerFormSlice = registerFormSlice;
-const unregisterFormSlice = (formId) => {
-    delete exports.state.forms[formId];
-};
-exports.unregisterFormSlice = unregisterFormSlice;
-const unhydratedFormState = {
-    hydrated: false,
-    fieldErrors: {},
-    isSubmitting: false,
-    hasBeenSubmitted: false,
-    touchedFields: {},
-    defaultValues: {},
-    validateField: () => Promise.resolve(null),
-    registerReceiveFocus: () => () => { },
-    setFieldValue: () => { },
-};
-const useFormData = (formId) => {
-    var _a;
-    const snapshot = (0, valtio_1.useSnapshot)(exports.state);
-    return (_a = snapshot.forms[formId]) !== null && _a !== void 0 ? _a : unhydratedFormState;
-};
-exports.useFormData = useFormData;
-const startSubmit = (formId) => {
-    exports.state.forms[formId].isSubmitting = true;
-    exports.state.forms[formId].hasBeenSubmitted = true;
-};
-exports.startSubmit = startSubmit;
-const endSubmit = (formId) => {
-    exports.state.forms[formId].isSubmitting = false;
-};
-exports.endSubmit = endSubmit;
-const sync = (formId, { defaultValues, action, subaction, registerReceiveFocus, validateField, setFieldValueForForm, }) => {
-    exports.state.forms[formId].defaultValues = defaultValues !== null && defaultValues !== void 0 ? defaultValues : {};
-    exports.state.forms[formId].action = action;
-    exports.state.forms[formId].subaction = subaction;
-    exports.state.forms[formId].registerReceiveFocus = registerReceiveFocus;
-    exports.state.forms[formId].validateField = validateField;
-    exports.state.forms[formId].hydrated = true;
-    exports.state.forms[formId].setFieldValue = setFieldValueForForm;
-};
-exports.sync = sync;
-const clearError = (formId, fieldName) => {
-    delete exports.state.forms[formId].fieldErrors[fieldName];
-};
-exports.clearError = clearError;
-const addError = (formId, fieldName, error) => {
-    exports.state.forms[formId].fieldErrors[fieldName] = error;
-};
-exports.addError = addError;
-const setTouched = (formId, fieldName, touched) => {
-    exports.state.forms[formId].touchedFields[fieldName] = touched;
-};
-exports.setTouched = setTouched;
-const reset = (formId) => {
-    exports.state.forms[formId].fieldErrors = {};
-    exports.state.forms[formId].touchedFields = {};
-    exports.state.forms[formId].hasBeenSubmitted = false;
-};
-exports.reset = reset;
-const setFieldErrors = (formId, fieldErrors) => {
-    exports.state.forms[formId].fieldErrors = fieldErrors;
-};
-exports.setFieldErrors = setFieldErrors;

package/build/internal/state-zustand.d.ts

@@ -1,47 +0,0 @@
-import { FieldErrors, TouchedFields } from "..";
-export declare type InternalFormState = {
-    hydrated: boolean;
-    fieldErrors: FieldErrors;
-    isSubmitting: boolean;
-    hasBeenSubmitted: boolean;
-    touchedFields: TouchedFields;
-    action?: string;
-    subaction?: string;
-    defaultValues: {
-        [fieldName: string]: any;
-    };
-    validateField: (fieldName: string) => Promise<string | null>;
-    registerReceiveFocus: (fieldName: string, handler: () => void) => () => void;
-    setFieldValue: (fieldName: string, value: unknown) => void;
-};
-declare type Helpers = {
-    startSubmit: () => void;
-    endSubmit: () => void;
-    sync: (args: SyncFormArgs) => void;
-    clearError: (name: string) => void;
-    addError: (name: string, error: string) => void;
-    setTouched: (name: string, touched: boolean) => void;
-    reset: () => void;
-    setFieldErrors: (fieldErrors: FieldErrors) => void;
-    register: (init: SyncFormArgs) => void;
-    unregister: () => void;
-};
-declare type SyncFormArgs = {
-    defaultValues?: {
-        [fieldName: string]: any;
-    };
-    action?: string;
-    subaction?: string;
-    validateField: InternalFormState["validateField"];
-    registerReceiveFocus: InternalFormState["registerReceiveFocus"];
-    setFieldValueForForm: InternalFormState["setFieldValue"];
-};
-declare type StoreState = {
-    forms: {
-        [formId: string | symbol]: InternalFormState;
-    };
-    form: (formId: string | symbol) => InternalFormState;
-    helpers: (formId: string | symbol) => Helpers;
-};
-export declare const useStore: import("zustand").UseBoundStore<StoreState, import("zustand").StoreApi<StoreState>>;
-export {};

package/build/internal/state-zustand.js

@@ -1,91 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStore = void 0;
-const zustand_1 = __importDefault(require("zustand"));
-const immerMiddleware_1 = require("./immerMiddleware");
-const unhydratedFormState = {
-    hydrated: false,
-    fieldErrors: {},
-    isSubmitting: false,
-    hasBeenSubmitted: false,
-    touchedFields: {},
-    defaultValues: {},
-    validateField: () => Promise.resolve(null),
-    registerReceiveFocus: () => () => { },
-    setFieldValue: () => { },
-    // clearError: () => {},
-    // addError: () => {},
-    // setTouched: () => {},
-    // reset: () => {},
-    // startSubmit: () => {},
-    // endSubmit: () => {},
-    // sync: () => {},
-    // setFieldErrors: () => {},
-};
-exports.useStore = (0, zustand_1.default)((0, immerMiddleware_1.immer)((set, get) => ({
-    forms: {},
-    form: (formId) => { var _a; return (_a = get().forms[formId]) !== null && _a !== void 0 ? _a : unhydratedFormState; },
-    helpers: (formId) => ({
-        clearError: (name) => set((state) => {
-            delete state.forms[formId].fieldErrors[name];
-        }),
-        addError: (name, error) => set((state) => {
-            state.forms[formId].fieldErrors[name] = error;
-        }),
-        setTouched: (name, touched) => set((state) => {
-            state.forms[formId].touchedFields[name] = touched;
-        }),
-        reset: () => set((state) => {
-            state.forms[formId].fieldErrors = {};
-            state.forms[formId].touchedFields = {};
-            state.forms[formId].hasBeenSubmitted = false;
-        }),
-        startSubmit: () => set((state) => {
-            state.forms[formId].hasBeenSubmitted = true;
-            state.forms[formId].isSubmitting = true;
-        }),
-        endSubmit: () => set((state) => {
-            state.forms[formId].isSubmitting = false;
-        }),
-        setFieldErrors: (fieldErrors) => {
-            set((state) => {
-                state.forms[formId].fieldErrors = fieldErrors;
-            });
-        },
-        sync: ({ defaultValues, action, subaction, validateField, registerReceiveFocus, setFieldValueForForm, }) => set((state) => {
-            state.forms[formId].defaultValues = defaultValues !== null && defaultValues !== void 0 ? defaultValues : {};
-            state.forms[formId].action = action;
-            state.forms[formId].subaction = subaction;
-            state.forms[formId].registerReceiveFocus = registerReceiveFocus;
-            state.forms[formId].validateField = validateField;
-            state.forms[formId].hydrated = true;
-            state.forms[formId].setFieldValue = setFieldValueForForm;
-        }),
-        unregister: () => {
-            set((state) => {
-                delete state.forms[formId];
-            });
-        },
-        register: ({ defaultValues, action, subaction, validateField, registerReceiveFocus, setFieldValueForForm, }) => {
-            set((state) => {
-                state.forms[formId] = {
-                    defaultValues: defaultValues !== null && defaultValues !== void 0 ? defaultValues : {},
-                    setFieldValue: setFieldValueForForm,
-                    registerReceiveFocus,
-                    validateField,
-                    action,
-                    subaction,
-                    hydrated: true,
-                    fieldErrors: {},
-                    isSubmitting: false,
-                    hasBeenSubmitted: false,
-                    touchedFields: {},
-                    // helpers
-                };
-            });
-        },
-    }),
-})));

package/build/internal/state.js

@@ -1,71 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fieldDefaultValueAtom = exports.fieldErrorAtom = exports.fieldTouchedAtom = exports.setFieldErrorAtom = exports.setTouchedAtom = exports.endSubmitAtom = exports.startSubmitAtom = exports.isValidAtom = exports.cleanupFormState = exports.formElementAtom = exports.formPropsAtom = exports.touchedFieldsAtom = exports.fieldErrorsAtom = exports.hasBeenSubmittedAtom = exports.isSubmittingAtom = exports.isHydratedAtom = exports.ATOM_SCOPE = void 0;
-const jotai_1 = require("jotai");
-const utils_1 = require("jotai/utils");
-const omit_1 = __importDefault(require("lodash/omit"));
-const atomUtils_1 = require("./state/atomUtils");
-exports.ATOM_SCOPE = Symbol("remix-validated-form-scope");
-exports.isHydratedAtom = (0, atomUtils_1.formAtomFamily)(false);
-exports.isSubmittingAtom = (0, atomUtils_1.formAtomFamily)(false);
-exports.hasBeenSubmittedAtom = (0, atomUtils_1.formAtomFamily)(false);
-exports.fieldErrorsAtom = (0, atomUtils_1.formAtomFamily)({});
-exports.touchedFieldsAtom = (0, atomUtils_1.formAtomFamily)({});
-exports.formPropsAtom = (0, atomUtils_1.formAtomFamily)({
-    validateField: () => Promise.resolve(null),
-    registerReceiveFocus: () => () => { },
-    defaultValues: {},
-});
-exports.formElementAtom = (0, atomUtils_1.formAtomFamily)(null);
-//// Everything below is derived from the above
-const cleanupFormState = (formId) => {
-    [
-        exports.isHydratedAtom,
-        exports.isSubmittingAtom,
-        exports.hasBeenSubmittedAtom,
-        exports.fieldErrorsAtom,
-        exports.touchedFieldsAtom,
-        exports.formPropsAtom,
-    ].forEach((formAtom) => formAtom.remove(formId));
-};
-exports.cleanupFormState = cleanupFormState;
-exports.isValidAtom = (0, utils_1.atomFamily)((formId) => (0, jotai_1.atom)((get) => Object.keys(get((0, exports.fieldErrorsAtom)(formId))).length === 0));
-exports.startSubmitAtom = (0, utils_1.atomFamily)((formId) => (0, jotai_1.atom)(null, (_get, set) => {
-    set((0, exports.isSubmittingAtom)(formId), true);
-    set((0, exports.hasBeenSubmittedAtom)(formId), true);
-}));
-exports.endSubmitAtom = (0, utils_1.atomFamily)((formId) => (0, jotai_1.atom)(null, (_get, set) => {
-    set((0, exports.isSubmittingAtom)(formId), false);
-}));
-exports.setTouchedAtom = (0, utils_1.atomFamily)((formId) => (0, jotai_1.atom)(null, (get, set, { field, touched }) => {
-    const prev = get((0, exports.touchedFieldsAtom)(formId));
-    if (prev[field] !== touched) {
-        set((0, exports.touchedFieldsAtom)(formId), {
-            ...prev,
-            [field]: touched,
-        });
-    }
-}));
-exports.setFieldErrorAtom = (0, utils_1.atomFamily)((formId) => (0, jotai_1.atom)(null, (get, set, { field, error }) => {
-    const prev = get((0, exports.fieldErrorsAtom)(formId));
-    if (error === undefined && field in prev) {
-        set((0, exports.fieldErrorsAtom)(formId), (0, omit_1.default)(prev, field));
-    }
-    if (error !== undefined && prev[field] !== error) {
-        set((0, exports.fieldErrorsAtom)(formId), {
-            ...get((0, exports.fieldErrorsAtom)(formId)),
-            [field]: error,
-        });
-    }
-}));
-//// Field specific
-exports.fieldTouchedAtom = (0, atomUtils_1.fieldAtomFamily)(({ formId, field }) => (0, jotai_1.atom)((get) => get((0, exports.touchedFieldsAtom)(formId))[field], (_get, set, touched) => {
-    set((0, exports.setTouchedAtom)(formId), { field, touched });
-}));
-exports.fieldErrorAtom = (0, atomUtils_1.fieldAtomFamily)(({ formId, field }) => (0, jotai_1.atom)((get) => get((0, exports.fieldErrorsAtom)(formId))[field], (_get, set, error) => {
-    set((0, exports.setFieldErrorAtom)(formId), { field, error });
-}));
-exports.fieldDefaultValueAtom = (0, atomUtils_1.fieldAtomFamily)(({ formId, field }) => (0, utils_1.selectAtom)((0, exports.formPropsAtom)(formId), (state) => state.defaultValues[field]));

package/build/internal/submissionCallbacks.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSubmitComplete = void 0;
-const react_1 = require("react");
-function useSubmitComplete(isSubmitting, callback) {
-    const isPending = (0, react_1.useRef)(false);
-    (0, react_1.useEffect)(() => {
-        if (isSubmitting) {
-            isPending.current = true;
-        }
-        if (!isSubmitting && isPending.current) {
-            isPending.current = false;
-            callback();
-        }
-    });
-}
-exports.useSubmitComplete = useSubmitComplete;

package/build/internal/test.d.ts

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

package/build/internal/test.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const getInputProps_1 = require("./getInputProps");
-const CompRequired = (props) => null;
-const getProps = (0, getInputProps_1.createGetInputProps)({});
-(0, jsx_runtime_1.jsx)(CompRequired, { ...getProps({
-        temp: 21,
-        bob: "ross",
-        onBlur: () => { },
-        // onChange: () => {},
-    }) }, void 0);

package/build/internal/util.js

@@ -1,41 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDeepEqualsMemo = exports.useIsomorphicLayoutEffect = exports.mergeRefs = exports.omit = void 0;
-const isEqual_1 = __importDefault(require("lodash/isEqual"));
-const react_1 = require("react");
-const omit = (obj, ...keys) => {
-    const result = { ...obj };
-    for (const key of keys) {
-        delete result[key];
-    }
-    return result;
-};
-exports.omit = omit;
-const mergeRefs = (refs) => {
-    return (value) => {
-        refs.filter(Boolean).forEach((ref) => {
-            if (typeof ref === "function") {
-                ref(value);
-            }
-            else if (ref != null) {
-                ref.current = value;
-            }
-        });
-    };
-};
-exports.mergeRefs = mergeRefs;
-exports.useIsomorphicLayoutEffect = typeof window !== "undefined" ? react_1.useLayoutEffect : react_1.useEffect;
-const useDeepEqualsMemo = (item) => {
-    const ref = (0, react_1.useRef)(item);
-    const areEqual = ref.current === item || (0, isEqual_1.default)(ref.current, item);
-    (0, react_1.useEffect)(() => {
-        if (!areEqual) {
-            ref.current = item;
-        }
-    });
-    return areEqual ? ref.current : item;
-};
-exports.useDeepEqualsMemo = useDeepEqualsMemo;

package/build/internal/watch.d.ts

@@ -1,20 +0,0 @@
-declare type ParseInfo = {
-    value: unknown;
-    type: string;
-    isRepeated: boolean;
-    checked?: boolean;
-};
-declare type BaseWatchOptions<T> = {
-    formId?: string;
-    parse?: (info: ParseInfo) => T;
-};
-declare type UseWatchType = {
-    <T>(name: string, options?: BaseWatchOptions<T> & {
-        repeatable?: false;
-    }): T;
-    <T>(name: string, options?: BaseWatchOptions<T> & {
-        repeatable: true;
-    }): T[];
-};
-export declare const useWatch: UseWatchType;
-export {};

package/build/internal/watch.js

@@ -1,126 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWatch = void 0;
-const jotai_1 = require("jotai");
-const utils_1 = require("jotai/utils");
-const isNaN_1 = __importDefault(require("lodash/isNaN"));
-const react_1 = require("react");
-const tiny_invariant_1 = __importDefault(require("tiny-invariant"));
-const hooks_1 = require("./hooks");
-const elementUtils_1 = require("./logic/elementUtils");
-const state_1 = require("./state");
-const atomUtils_1 = require("./state/atomUtils");
-const controlledFields_1 = require("./state/controlledFields");
-const emptyAtom = (0, jotai_1.atom)(undefined); // Always empty -- just used as a default value
-const watchControlledFieldAtom = (0, atomUtils_1.fieldAtomFamily)(({ field, formId }) => (0, utils_1.selectAtom)((0, controlledFields_1.controlledFieldsAtom)(formId), (fields) => {
-    var _a;
-    return ({
-        present: field in fields,
-        valueAtom: (_a = fields[field]) !== null && _a !== void 0 ? _a : emptyAtom,
-    });
-}));
-const defaultParse = ({ value, type, isRepeated, checked, }) => {
-    if (type === "number") {
-        const result = Number(value);
-        if ((0, isNaN_1.default)(result))
-            throw new Error("Value is not a number");
-        return result;
-    }
-    if (type === "checkbox" && !isRepeated) {
-        return checked;
-    }
-    return value;
-};
-const getInputValues = (node, multipleInputs = false) => {
-    if (!node)
-        return [];
-    if (node instanceof RadioNodeList) {
-        return [...node].flatMap((el) => getInputValues(el, true));
-    }
-    if ((0, elementUtils_1.isMultiselect)(node)) {
-        return [
-            {
-                type: "select",
-                value: [...node.options]
-                    .filter((opt) => opt.selected)
-                    .map((opt) => opt.value),
-            },
-        ];
-    }
-    if ((0, elementUtils_1.isCheckbox)(node)) {
-        if (node.checked || !multipleInputs)
-            return [{ type: "checkbox", value: node.value, checked: node.checked }];
-        return [];
-    }
-    if ((0, elementUtils_1.isRadio)(node)) {
-        if (node.checked)
-            return [{ type: "radio", value: node.value, checked: node.checked }];
-        return [];
-    }
-    const input = node;
-    return [{ type: input.type, value: input.value, checked: input.checked }];
-};
-const useWatch = (field, { formId, parse = defaultParse, repeatable = false, } = {}) => {
-    const context = (0, hooks_1.useInternalFormContext)(formId, "useWatch");
-    const defaultValue = (0, hooks_1.useFieldDefaultValue)(field, context);
-    const hasSynced = (0, react_1.useRef)(false);
-    const [inputValues, setValue] = (0, react_1.useState)([]);
-    const formElement = (0, hooks_1.useFormAtomValue)((0, state_1.formElementAtom)(context.formId));
-    const controlledField = (0, hooks_1.useFormAtomValue)(watchControlledFieldAtom({ formId: context.formId, field }));
-    const controlledValue = (0, hooks_1.useFormAtomValue)(controlledField.valueAtom);
-    const shouldSyncNativeInputValue = !controlledField.present && formElement;
-    const syncFieldValue = (0, react_1.useCallback)(() => {
-        (0, tiny_invariant_1.default)(formElement, `Unable to find form element for form. Watching field ${field}`);
-        hasSynced.current = true;
-        // We pull the values out using `form.elements` instead of `FormData`
-        // so that we can access the `type` of the input.
-        setValue(getInputValues(formElement.elements.namedItem(field)));
-    }, [field, formElement]);
-    // Should set the field values after the initial render
-    (0, react_1.useEffect)(() => {
-        if (shouldSyncNativeInputValue)
-            syncFieldValue();
-    }, [
-        controlledField.present,
-        formElement,
-        shouldSyncNativeInputValue,
-        syncFieldValue,
-    ]);
-    (0, react_1.useEffect)(() => {
-        if (shouldSyncNativeInputValue) {
-            const listener = async (event) => {
-                if (!(event.target instanceof HTMLElement))
-                    return;
-                const target = event.target;
-                const { form: targetForm, name: targetName } = target;
-                if (targetForm === formElement && targetName === field) {
-                    syncFieldValue();
-                }
-            };
-            window.addEventListener("change", listener);
-            window.addEventListener("input", listener);
-            return () => {
-                window.removeEventListener("change", listener);
-                window.removeEventListener("input", listener);
-            };
-        }
-    }, [field, formElement, shouldSyncNativeInputValue, syncFieldValue]);
-    const parsedValue = (0, react_1.useMemo)(() => {
-        const parsed = inputValues.map(({ type, value, checked }) => parse({
-            value,
-            type,
-            isRepeated: inputValues.length > 1 || repeatable,
-            checked,
-        }));
-        return parsed.length > 1 || repeatable ? parsed : parsed[0];
-    }, [parse, repeatable, inputValues]);
-    if (controlledField.present)
-        return controlledValue;
-    if (!hasSynced.current)
-        return defaultValue !== null && defaultValue !== void 0 ? defaultValue : (repeatable ? [] : undefined);
-    return parsedValue;
-};
-exports.useWatch = useWatch;

package/build/server.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setFormDefaults = exports.validationError = void 0;
-const server_runtime_1 = require("@remix-run/server-runtime");
-const constants_1 = require("./internal/constants");
-/**
- * Takes the errors from a `Validator` and returns a `Response`.
- * When you return this from your action, `ValidatedForm` on the frontend will automatically
- * display the errors on the correct fields on the correct form.
- *
- * You can also provide a second argument to `validationError`
- * to specify how to repopulate the form when JS is disabled.
- *
- * @example
- * ```ts
- * const result = validator.validate(await request.formData());
- * if (result.error) return validationError(result.error, result.submittedData);
- * ```
- */
-function validationError(error, repopulateFields, init) {
-    return (0, server_runtime_1.json)({
-        fieldErrors: error.fieldErrors,
-        subaction: error.subaction,
-        repopulateFields,
-        formId: error.formId,
-    }, { status: 422, ...init });
-}
-exports.validationError = validationError;
-const setFormDefaults = (formId, defaultValues) => ({
-    [(0, constants_1.formDefaultValuesKey)(formId)]: defaultValues,
-});
-exports.setFormDefaults = setFormDefaults;

package/build/types.d.ts

@@ -1 +0,0 @@
-export declare type ValidationState = "idle" | "validating" | "valid" | "invalid";

package/build/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/build/unreleased/formStateHooks.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormHelpers = exports.useFormState = void 0;
-const react_1 = require("react");
-const hooks_1 = require("../internal/hooks");
-const state_1 = require("../internal/state");
-/**
- * Returns information about the form.
- *
- * @param formId the id of the form. Only necessary if being used outside a ValidatedForm.
- */
-const useFormState = (formId) => {
-    const formContext = (0, hooks_1.useInternalFormContext)(formId, "useIsValid");
-    const formProps = (0, hooks_1.useFormAtomValue)((0, state_1.formPropsAtom)(formContext.formId));
-    const isSubmitting = (0, hooks_1.useFormAtomValue)((0, state_1.isSubmittingAtom)(formContext.formId));
-    const hasBeenSubmitted = (0, hooks_1.useFormAtomValue)((0, state_1.hasBeenSubmittedAtom)(formContext.formId));
-    const touchedFields = (0, hooks_1.useFormAtomValue)((0, state_1.touchedFieldsAtom)(formContext.formId));
-    const isValid = (0, hooks_1.useFormAtomValue)((0, state_1.isValidAtom)(formContext.formId));
-    const defaultValuesToUse = (0, hooks_1.useDefaultValuesForForm)(formContext);
-    const hydratedDefaultValues = defaultValuesToUse.hydrateTo(formProps.defaultValues);
-    const fieldErrorsFromState = (0, hooks_1.useFormAtomValue)((0, state_1.fieldErrorsAtom)(formContext.formId));
-    const fieldErrorsToUse = (0, hooks_1.useFieldErrorsForForm)(formContext);
-    const hydratedFieldErrors = fieldErrorsToUse.hydrateTo(fieldErrorsFromState);
-    return (0, react_1.useMemo)(() => ({
-        ...formProps,
-        defaultValues: hydratedDefaultValues,
-        fieldErrors: hydratedFieldErrors !== null && hydratedFieldErrors !== void 0 ? hydratedFieldErrors : {},
-        hasBeenSubmitted,
-        isSubmitting,
-        touchedFields,
-        isValid,
-    }), [
-        formProps,
-        hasBeenSubmitted,
-        hydratedDefaultValues,
-        hydratedFieldErrors,
-        isSubmitting,
-        isValid,
-        touchedFields,
-    ]);
-};
-exports.useFormState = useFormState;
-/**
- * Returns helpers that can be used to update the form state.
- *
- * @param formId the id of the form. Only necessary if being used outside a ValidatedForm.
- */
-const useFormHelpers = (formId) => {
-    const formContext = (0, hooks_1.useInternalFormContext)(formId, "useFormHelpers");
-    const setTouched = (0, hooks_1.useSetTouched)(formContext);
-    const { validateField } = (0, hooks_1.useFormAtomValue)((0, state_1.formPropsAtom)(formContext.formId));
-    const clearError = (0, hooks_1.useClearError)(formContext);
-    return (0, react_1.useMemo)(() => ({
-        setTouched,
-        validateField,
-        clearError,
-    }), [clearError, setTouched, validateField]);
-};
-exports.useFormHelpers = useFormHelpers;

package/build/userFacingFormContext.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormContext = void 0;
-const react_1 = require("react");
-const hooks_1 = require("./internal/hooks");
-const state_1 = require("./internal/state");
-const formStateHooks_1 = require("./unreleased/formStateHooks");
-/**
- * Provides access to some of the internal state of the form.
- */
-const useFormContext = (formId) => {
-    // Try to access context so we get our error specific to this hook if it's not there
-    const context = (0, hooks_1.useInternalFormContext)(formId, "useFormContext");
-    const state = (0, formStateHooks_1.useFormState)(formId);
-    const { clearError: internalClearError, setTouched, validateField, } = (0, formStateHooks_1.useFormHelpers)(formId);
-    const { registerReceiveFocus } = (0, hooks_1.useFormAtomValue)((0, state_1.formPropsAtom)(context.formId));
-    const clearError = (0, react_1.useCallback)((...names) => {
-        names.forEach((name) => {
-            internalClearError(name);
-        });
-    }, [internalClearError]);
-    return {
-        ...state,
-        setFieldTouched: setTouched,
-        validateField,
-        clearError,
-        registerReceiveFocus,
-    };
-};
-exports.useFormContext = useFormContext;