remix-validated-form 4.2.0 → 4.4.0

package/build/hooks.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useField = exports.useIsValid = exports.useIsSubmitting = void 0;
-const react_1 = require("react");
-const getInputProps_1 = require("./internal/getInputProps");
-const hooks_1 = require("./internal/hooks");
-const state_1 = require("./internal/state");
-/**
- * Returns whether or not the parent form is currently being submitted.
- * This is different from remix's `useTransition().submission` in that it
- * is aware of what form it's in and when _that_ form is being submitted.
- *
- * @param formId
- */
-const useIsSubmitting = (formId) => {
-    const formContext = (0, hooks_1.useInternalFormContext)(formId, "useIsSubmitting");
-    return (0, hooks_1.useFormAtomValue)((0, state_1.isSubmittingAtom)(formContext.formId));
-};
-exports.useIsSubmitting = useIsSubmitting;
-/**
- * Returns whether or not the current form is valid.
- *
- * @param formId the id of the form. Only necessary if being used outside a ValidatedForm.
- */
-const useIsValid = (formId) => {
-    const formContext = (0, hooks_1.useInternalFormContext)(formId, "useIsValid");
-    return (0, hooks_1.useFormAtomValue)((0, state_1.isValidAtom)(formContext.formId));
-};
-exports.useIsValid = useIsValid;
-/**
- * Provides the data and helpers necessary to set up a field.
- */
-const useField = (name, options) => {
-    const { formId: providedFormId, handleReceiveFocus } = options !== null && options !== void 0 ? options : {};
-    const formContext = (0, hooks_1.useInternalFormContext)(providedFormId, "useField");
-    const defaultValue = (0, hooks_1.useFieldDefaultValue)(name, formContext);
-    const [touched, setTouched] = (0, hooks_1.useFieldTouched)(name, formContext);
-    const [error, setError] = (0, hooks_1.useFieldError)(name, formContext);
-    const hasBeenSubmitted = (0, hooks_1.useFormAtomValue)((0, state_1.hasBeenSubmittedAtom)(formContext.formId));
-    const { validateField, registerReceiveFocus } = (0, hooks_1.useFormAtomValue)((0, state_1.formPropsAtom)(formContext.formId));
-    (0, react_1.useEffect)(() => {
-        if (handleReceiveFocus)
-            return registerReceiveFocus(name, handleReceiveFocus);
-    }, [handleReceiveFocus, name, registerReceiveFocus]);
-    const field = (0, react_1.useMemo)(() => {
-        const helpers = {
-            error,
-            clearError: () => setError(undefined),
-            validate: () => {
-                validateField(name);
-            },
-            defaultValue,
-            touched,
-            setTouched,
-        };
-        const getInputProps = (0, getInputProps_1.createGetInputProps)({
-            ...helpers,
-            name,
-            hasBeenSubmitted,
-            validationBehavior: options === null || options === void 0 ? void 0 : options.validationBehavior,
-        });
-        return {
-            ...helpers,
-            getInputProps,
-        };
-    }, [
-        error,
-        defaultValue,
-        touched,
-        setTouched,
-        name,
-        hasBeenSubmitted,
-        options === null || options === void 0 ? void 0 : options.validationBehavior,
-        setError,
-        validateField,
-    ]);
-    return field;
-};
-exports.useField = useField;

package/build/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./hooks"), exports);
-__exportStar(require("./server"), exports);
-__exportStar(require("./ValidatedForm"), exports);
-__exportStar(require("./validation/types"), exports);
-__exportStar(require("./validation/createValidator"), exports);
-__exportStar(require("./userFacingFormContext"), exports);

package/build/internal/MultiValueMap.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMultiValueMap = exports.MultiValueMap = void 0;
-const react_1 = require("react");
-class MultiValueMap {
-    constructor() {
-        this.dict = new Map();
-        this.add = (key, value) => {
-            if (this.dict.has(key)) {
-                this.dict.get(key).push(value);
-            }
-            else {
-                this.dict.set(key, [value]);
-            }
-        };
-        this.remove = (key, value) => {
-            if (!this.dict.has(key))
-                return;
-            const array = this.dict.get(key);
-            const index = array.indexOf(value);
-            if (index !== -1)
-                array.splice(index, 1);
-            if (array.length === 0)
-                this.dict.delete(key);
-        };
-        this.getAll = (key) => {
-            var _a;
-            return (_a = this.dict.get(key)) !== null && _a !== void 0 ? _a : [];
-        };
-        this.entries = () => this.dict.entries();
-        this.has = (key) => this.dict.has(key);
-    }
-}
-exports.MultiValueMap = MultiValueMap;
-const useMultiValueMap = () => {
-    const ref = (0, react_1.useRef)(null);
-    return (0, react_1.useCallback)(() => {
-        if (ref.current)
-            return ref.current;
-        ref.current = new MultiValueMap();
-        return ref.current;
-    }, []);
-};
-exports.useMultiValueMap = useMultiValueMap;

package/build/internal/SingleTypeMultiValueMap.d.ts

@@ -1,8 +0,0 @@
-export declare class MultiValueMap<Key, Value> {
-    private dict;
-    add: (key: Key, value: Value) => void;
-    remove: (key: Key, value: Value) => void;
-    getAll: (key: Key) => Value[];
-    has: (key: Key) => boolean;
-}
-export declare const useMultiValueMap: <Key, Value>() => () => MultiValueMap<Key, Value>;

package/build/internal/SingleTypeMultiValueMap.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMultiValueMap = exports.MultiValueMap = void 0;
-const react_1 = require("react");
-class MultiValueMap {
-    constructor() {
-        this.dict = new Map();
-        this.add = (key, value) => {
-            var _a;
-            this.dict.set(key, [...((_a = this.dict.get(key)) !== null && _a !== void 0 ? _a : []), value]);
-            if (this.dict.has(key)) {
-                this.dict.get(key).push(value);
-            }
-            else {
-                this.dict.set(key, [value]);
-            }
-        };
-        this.remove = (key, value) => {
-            if (!this.dict.has(key))
-                return;
-            const array = this.dict.get(key);
-            const index = array.indexOf(value);
-            if (index !== -1)
-                array.splice(index, 1);
-            if (array.length === 0)
-                this.dict.delete(key);
-        };
-        this.getAll = (key) => {
-            var _a;
-            return (_a = this.dict.get(key)) !== null && _a !== void 0 ? _a : [];
-        };
-        this.has = (key) => this.dict.has(key);
-    }
-}
-exports.MultiValueMap = MultiValueMap;
-const useMultiValueMap = () => {
-    const ref = (0, react_1.useRef)(null);
-    return () => {
-        if (ref.current)
-            return ref.current;
-        ref.current = new MultiValueMap();
-        return ref.current;
-    };
-};
-exports.useMultiValueMap = useMultiValueMap;

package/build/internal/constants.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formDefaultValuesKey = exports.FORM_DEFAULTS_FIELD = exports.FORM_ID_FIELD = void 0;
-exports.FORM_ID_FIELD = "__rvfInternalFormId";
-exports.FORM_DEFAULTS_FIELD = "__rvfInternalFormDefaults";
-const formDefaultValuesKey = (formId) => `${exports.FORM_DEFAULTS_FIELD}_${formId}`;
-exports.formDefaultValuesKey = formDefaultValuesKey;

package/build/internal/flatten.js

@@ -1,14 +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.objectFromPathEntries = void 0;
-const set_1 = __importDefault(require("lodash/set"));
-const MultiValueMap_1 = require("./MultiValueMap");
-const objectFromPathEntries = (entries) => {
-    const map = new MultiValueMap_1.MultiValueMap();
-    entries.forEach(([key, value]) => map.add(key, value));
-    return [...map.entries()].reduce((acc, [key, value]) => (0, set_1.default)(acc, key, value.length === 1 ? value[0] : value), {});
-};
-exports.objectFromPathEntries = objectFromPathEntries;

package/build/internal/formContext.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InternalFormContext = void 0;
-const react_1 = require("react");
-exports.InternalFormContext = (0, react_1.createContext)(null);

package/build/internal/getInputProps.js

@@ -1,57 +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.createGetInputProps = void 0;
-const omitBy_1 = __importDefault(require("lodash/omitBy"));
-const getCheckboxChecked_1 = require("./logic/getCheckboxChecked");
-const getRadioChecked_1 = require("./logic/getRadioChecked");
-const defaultValidationBehavior = {
-    initial: "onBlur",
-    whenTouched: "onChange",
-    whenSubmitted: "onChange",
-};
-const createGetInputProps = ({ clearError, validate, defaultValue, touched, setTouched, hasBeenSubmitted, validationBehavior, name, }) => {
-    const validationBehaviors = {
-        ...defaultValidationBehavior,
-        ...validationBehavior,
-    };
-    return (props = {}) => {
-        const behavior = hasBeenSubmitted
-            ? validationBehaviors.whenSubmitted
-            : touched
-                ? validationBehaviors.whenTouched
-                : validationBehaviors.initial;
-        const inputProps = {
-            ...props,
-            onChange: (...args) => {
-                var _a;
-                if (behavior === "onChange")
-                    validate();
-                else
-                    clearError();
-                return (_a = props === null || props === void 0 ? void 0 : props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, ...args);
-            },
-            onBlur: (...args) => {
-                var _a;
-                if (behavior === "onBlur")
-                    validate();
-                setTouched(true);
-                return (_a = props === null || props === void 0 ? void 0 : props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, ...args);
-            },
-            name,
-        };
-        if (props.type === "checkbox") {
-            inputProps.defaultChecked = (0, getCheckboxChecked_1.getCheckboxChecked)(props.value, defaultValue);
-        }
-        else if (props.type === "radio") {
-            inputProps.defaultChecked = (0, getRadioChecked_1.getRadioChecked)(props.value, defaultValue);
-        }
-        else {
-            inputProps.defaultValue = defaultValue;
-        }
-        return (0, omitBy_1.default)(inputProps, (value) => value === undefined);
-    };
-};
-exports.createGetInputProps = createGetInputProps;

package/build/internal/hooks-valtio.d.ts

@@ -1,18 +0,0 @@
-import { useUpdateAtom } from "jotai/utils";
-import { FieldErrors, ValidationErrorResponseData } from "..";
-import { InternalFormContextValue } from "./formContext";
-import { Hydratable } from "./hydratable";
-export declare const useInternalFormContext: (formId?: string | symbol | undefined, hookName?: string | undefined) => InternalFormContextValue;
-export declare function useErrorResponseForForm({ fetcher, subaction, formId, }: InternalFormContextValue): ValidationErrorResponseData | null;
-export declare const useFieldErrorsForForm: (context: InternalFormContextValue) => Hydratable<FieldErrors | undefined>;
-export declare const useDefaultValuesFromLoader: ({ formId, }: InternalFormContextValue) => any;
-export declare const useDefaultValuesForForm: (context: InternalFormContextValue) => Hydratable<{
-    [fieldName: string]: any;
-}>;
-export declare const useHasActiveFormSubmit: ({ fetcher, }: InternalFormContextValue) => boolean;
-export declare const useFieldTouched: (name: string, { formId }: InternalFormContextValue) => boolean;
-export declare const useFieldError: (name: string, context: InternalFormContextValue) => string | undefined;
-export declare const useFieldDefaultValue: (name: string, context: InternalFormContextValue) => any;
-export declare const useFormUpdateAtom: typeof useUpdateAtom;
-export declare const useClearError: (context: InternalFormContextValue) => (name: string) => void;
-export declare const useSetTouched: (context: InternalFormContextValue) => (name: string, touched: boolean) => void;

package/build/internal/hooks-valtio.js

@@ -1,128 +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.useSetTouched = exports.useClearError = exports.useFormUpdateAtom = exports.useFieldDefaultValue = exports.useFieldError = exports.useFieldTouched = exports.useHasActiveFormSubmit = exports.useDefaultValuesForForm = exports.useDefaultValuesFromLoader = exports.useFieldErrorsForForm = exports.useErrorResponseForForm = exports.useInternalFormContext = void 0;
-const react_1 = require("@remix-run/react");
-const utils_1 = require("jotai/utils");
-const get_1 = __importDefault(require("lodash/get"));
-const react_2 = require("react");
-const tiny_invariant_1 = __importDefault(require("tiny-invariant"));
-const constants_1 = require("./constants");
-const formContext_1 = require("./formContext");
-const hydratable_1 = require("./hydratable");
-const state_1 = require("./state");
-const state_valtio_1 = require("./state-valtio");
-const useInternalFormContext = (formId, hookName) => {
-    const formContext = (0, react_2.useContext)(formContext_1.InternalFormContext);
-    if (formId)
-        return { formId };
-    if (formContext)
-        return formContext;
-    throw new Error(`Unable to determine form for ${hookName}. Please use it inside a form or pass a 'formId'.`);
-};
-exports.useInternalFormContext = useInternalFormContext;
-function useErrorResponseForForm({ fetcher, subaction, formId, }) {
-    var _a;
-    const actionData = (0, react_1.useActionData)();
-    if (fetcher) {
-        if ((_a = fetcher.data) === null || _a === void 0 ? void 0 : _a.fieldErrors)
-            return fetcher.data;
-        return null;
-    }
-    if (!(actionData === null || actionData === void 0 ? void 0 : actionData.fieldErrors))
-        return null;
-    // If there's an explicit id, we should ignore data that has the wrong id
-    if (typeof formId === "string" && actionData.formId)
-        return actionData.formId === formId ? actionData : null;
-    if ((!subaction && !actionData.subaction) ||
-        actionData.subaction === subaction)
-        return actionData;
-    return null;
-}
-exports.useErrorResponseForForm = useErrorResponseForForm;
-const useFieldErrorsForForm = (context) => {
-    const response = useErrorResponseForForm(context);
-    const form = (0, state_valtio_1.useFormData)(context.formId);
-    return hydratable_1.hydratable.from(response === null || response === void 0 ? void 0 : response.fieldErrors, form.hydrated);
-};
-exports.useFieldErrorsForForm = useFieldErrorsForForm;
-const useDefaultValuesFromLoader = ({ formId, }) => {
-    const matches = (0, react_1.useMatches)();
-    if (typeof formId === "string") {
-        const dataKey = (0, constants_1.formDefaultValuesKey)(formId);
-        // If multiple loaders declare the same default values,
-        // we should use the data from the deepest route.
-        const match = matches
-            .reverse()
-            .find((match) => match.data && dataKey in match.data);
-        return match === null || match === void 0 ? void 0 : match.data[dataKey];
-    }
-    return null;
-};
-exports.useDefaultValuesFromLoader = useDefaultValuesFromLoader;
-const useDefaultValuesForForm = (context) => {
-    const { formId, defaultValuesProp } = context;
-    const form = (0, state_valtio_1.useFormData)(formId);
-    const errorResponse = useErrorResponseForForm(context);
-    const defaultValuesFromLoader = (0, exports.useDefaultValuesFromLoader)(context);
-    // Typical flow is:
-    // - Default values only available from props or server
-    //   - Props have a higher priority than server
-    // - State gets hydrated with default values
-    // - After submit, we may need to use values from the error
-    if (form.hydrated)
-        return hydratable_1.hydratable.hydratedData();
-    if (errorResponse === null || errorResponse === void 0 ? void 0 : errorResponse.repopulateFields) {
-        (0, tiny_invariant_1.default)(typeof errorResponse.repopulateFields === "object", "repopulateFields returned something other than an object");
-        return hydratable_1.hydratable.serverData(errorResponse.repopulateFields);
-    }
-    if (defaultValuesProp)
-        return hydratable_1.hydratable.serverData(defaultValuesProp);
-    return hydratable_1.hydratable.serverData(defaultValuesFromLoader);
-};
-exports.useDefaultValuesForForm = useDefaultValuesForForm;
-const useHasActiveFormSubmit = ({ fetcher, }) => {
-    const transition = (0, react_1.useTransition)();
-    const hasActiveSubmission = fetcher
-        ? fetcher.state === "submitting"
-        : !!transition.submission;
-    return hasActiveSubmission;
-};
-exports.useHasActiveFormSubmit = useHasActiveFormSubmit;
-const useFieldTouched = (name, { formId }) => {
-    const form = (0, state_valtio_1.useFormData)(formId);
-    return form.touchedFields[name];
-};
-exports.useFieldTouched = useFieldTouched;
-const useFieldError = (name, context) => {
-    const fieldErrors = (0, exports.useFieldErrorsForForm)(context);
-    const form = (0, state_valtio_1.useFormData)(context.formId);
-    return fieldErrors
-        .map((fieldErrors) => fieldErrors === null || fieldErrors === void 0 ? void 0 : fieldErrors[name])
-        .hydrateTo(form.fieldErrors[name]);
-};
-exports.useFieldError = useFieldError;
-const useFieldDefaultValue = (name, context) => {
-    const defaultValues = (0, exports.useDefaultValuesForForm)(context);
-    const state = (0, state_valtio_1.useFormData)(context.formId);
-    return defaultValues.map((val) => (0, get_1.default)(val, name)).hydrateTo(state);
-};
-exports.useFieldDefaultValue = useFieldDefaultValue;
-const useFormUpdateAtom = (atom) => (0, utils_1.useUpdateAtom)(atom, state_1.ATOM_SCOPE);
-exports.useFormUpdateAtom = useFormUpdateAtom;
-const useClearError = (context) => {
-    const clearError = (0, exports.useFormUpdateAtom)(state_1.clearErrorAtom);
-    return (0, react_2.useCallback)((name) => {
-        clearError({ name, formAtom: (0, state_1.formRegistry)(context.formId) });
-    }, [clearError, context.formId]);
-};
-exports.useClearError = useClearError;
-const useSetTouched = (context) => {
-    const setTouched = (0, exports.useFormUpdateAtom)(state_1.setTouchedAtom);
-    return (0, react_2.useCallback)((name, touched) => {
-        setTouched({ name, formAtom: (0, state_1.formRegistry)(context.formId), touched });
-    }, [setTouched, context.formId]);
-};
-exports.useSetTouched = useSetTouched;

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

@@ -1,16 +0,0 @@
-import { FieldErrors, ValidationErrorResponseData } from "..";
-import { InternalFormContextValue } from "./formContext";
-import { Hydratable } from "./hydratable";
-export declare const useInternalFormContext: (formId?: string | symbol | undefined, hookName?: string | undefined) => InternalFormContextValue;
-export declare function useErrorResponseForForm({ fetcher, subaction, formId, }: InternalFormContextValue): ValidationErrorResponseData | null;
-export declare const useFieldErrorsForForm: (context: InternalFormContextValue) => Hydratable<FieldErrors | undefined>;
-export declare const useDefaultValuesFromLoader: ({ formId, }: InternalFormContextValue) => any;
-export declare const useDefaultValuesForForm: (context: InternalFormContextValue) => Hydratable<{
-    [fieldName: string]: any;
-}>;
-export declare const useHasActiveFormSubmit: ({ fetcher, }: InternalFormContextValue) => boolean;
-export declare const useFieldTouched: (name: string, { formId }: InternalFormContextValue) => boolean;
-export declare const useFieldError: (name: string, context: InternalFormContextValue) => string | undefined;
-export declare const useFieldDefaultValue: (name: string, context: InternalFormContextValue) => any;
-export declare const useClearError: (context: InternalFormContextValue) => (name: string) => void;
-export declare const useSetTouched: (context: InternalFormContextValue) => (name: string, touched: boolean) => void;

package/build/internal/hooks-zustand.js

@@ -1,117 +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.useSetTouched = exports.useClearError = exports.useFieldDefaultValue = exports.useFieldError = exports.useFieldTouched = exports.useHasActiveFormSubmit = exports.useDefaultValuesForForm = exports.useDefaultValuesFromLoader = exports.useFieldErrorsForForm = exports.useErrorResponseForForm = exports.useInternalFormContext = void 0;
-const react_1 = require("@remix-run/react");
-const get_1 = __importDefault(require("lodash/get"));
-const react_2 = require("react");
-const tiny_invariant_1 = __importDefault(require("tiny-invariant"));
-const constants_1 = require("./constants");
-const formContext_1 = require("./formContext");
-const hydratable_1 = require("./hydratable");
-const state_zustand_1 = require("./state-zustand");
-const useInternalFormContext = (formId, hookName) => {
-    const formContext = (0, react_2.useContext)(formContext_1.InternalFormContext);
-    if (formId)
-        return { formId };
-    if (formContext)
-        return formContext;
-    throw new Error(`Unable to determine form for ${hookName}. Please use it inside a form or pass a 'formId'.`);
-};
-exports.useInternalFormContext = useInternalFormContext;
-function useErrorResponseForForm({ fetcher, subaction, formId, }) {
-    var _a;
-    const actionData = (0, react_1.useActionData)();
-    if (fetcher) {
-        if ((_a = fetcher.data) === null || _a === void 0 ? void 0 : _a.fieldErrors)
-            return fetcher.data;
-        return null;
-    }
-    if (!(actionData === null || actionData === void 0 ? void 0 : actionData.fieldErrors))
-        return null;
-    // If there's an explicit id, we should ignore data that has the wrong id
-    if (typeof formId === "string" && actionData.formId)
-        return actionData.formId === formId ? actionData : null;
-    if ((!subaction && !actionData.subaction) ||
-        actionData.subaction === subaction)
-        return actionData;
-    return null;
-}
-exports.useErrorResponseForForm = useErrorResponseForForm;
-const useFieldErrorsForForm = (context) => {
-    const response = useErrorResponseForForm(context);
-    const hydrated = (0, state_zustand_1.useStore)((state) => state.form(context.formId).hydrated);
-    return hydratable_1.hydratable.from(response === null || response === void 0 ? void 0 : response.fieldErrors, hydrated);
-};
-exports.useFieldErrorsForForm = useFieldErrorsForForm;
-const useDefaultValuesFromLoader = ({ formId, }) => {
-    const matches = (0, react_1.useMatches)();
-    if (typeof formId === "string") {
-        const dataKey = (0, constants_1.formDefaultValuesKey)(formId);
-        // If multiple loaders declare the same default values,
-        // we should use the data from the deepest route.
-        const match = matches
-            .reverse()
-            .find((match) => match.data && dataKey in match.data);
-        return match === null || match === void 0 ? void 0 : match.data[dataKey];
-    }
-    return null;
-};
-exports.useDefaultValuesFromLoader = useDefaultValuesFromLoader;
-const useDefaultValuesForForm = (context) => {
-    const { formId, defaultValuesProp } = context;
-    const hydrated = (0, state_zustand_1.useStore)((state) => state.form(formId).hydrated);
-    const errorResponse = useErrorResponseForForm(context);
-    const defaultValuesFromLoader = (0, exports.useDefaultValuesFromLoader)(context);
-    // Typical flow is:
-    // - Default values only available from props or server
-    //   - Props have a higher priority than server
-    // - State gets hydrated with default values
-    // - After submit, we may need to use values from the error
-    if (hydrated)
-        return hydratable_1.hydratable.hydratedData();
-    if (errorResponse === null || errorResponse === void 0 ? void 0 : errorResponse.repopulateFields) {
-        (0, tiny_invariant_1.default)(typeof errorResponse.repopulateFields === "object", "repopulateFields returned something other than an object");
-        return hydratable_1.hydratable.serverData(errorResponse.repopulateFields);
-    }
-    if (defaultValuesProp)
-        return hydratable_1.hydratable.serverData(defaultValuesProp);
-    return hydratable_1.hydratable.serverData(defaultValuesFromLoader);
-};
-exports.useDefaultValuesForForm = useDefaultValuesForForm;
-const useHasActiveFormSubmit = ({ fetcher, }) => {
-    const transition = (0, react_1.useTransition)();
-    const hasActiveSubmission = fetcher
-        ? fetcher.state === "submitting"
-        : !!transition.submission;
-    return hasActiveSubmission;
-};
-exports.useHasActiveFormSubmit = useHasActiveFormSubmit;
-const useFieldTouched = (name, { formId }) => {
-    return (0, state_zustand_1.useStore)((state) => state.form(formId).touchedFields[name]);
-};
-exports.useFieldTouched = useFieldTouched;
-const useFieldError = (name, context) => {
-    const state = (0, state_zustand_1.useStore)((state) => state.form(context.formId).fieldErrors[name]);
-    return (0, exports.useFieldErrorsForForm)(context)
-        .map((fieldErrors) => fieldErrors === null || fieldErrors === void 0 ? void 0 : fieldErrors[name])
-        .hydrateTo(state);
-};
-exports.useFieldError = useFieldError;
-const useFieldDefaultValue = (name, context) => {
-    const state = (0, state_zustand_1.useStore)((state) => state.form(context.formId).defaultValues[name]);
-    return (0, exports.useDefaultValuesForForm)(context)
-        .map((val) => (0, get_1.default)(val, name))
-        .hydrateTo(state);
-};
-exports.useFieldDefaultValue = useFieldDefaultValue;
-const useClearError = (context) => {
-    return (0, state_zustand_1.useStore)((state) => state.helpers(context.formId).clearError);
-};
-exports.useClearError = useClearError;
-const useSetTouched = (context) => {
-    return (0, state_zustand_1.useStore)((state) => state.helpers(context.formId).setTouched);
-};
-exports.useSetTouched = useSetTouched;

package/build/internal/hooks.d.ts

@@ -1,21 +0,0 @@
-import { Atom, WritableAtom } from "jotai";
-import { useUpdateAtom } from "jotai/utils";
-import { FieldErrors, ValidationErrorResponseData } from "..";
-import { InternalFormContextValue } from "./formContext";
-import { Hydratable } from "./hydratable";
-export declare const useFormUpdateAtom: typeof useUpdateAtom;
-export declare const useFormAtom: <Value, Update, Result extends void | Promise<void>>(anAtom: WritableAtom<Value, Update, Result>) => [Value extends Promise<infer V> ? V : Value, import("jotai/core/atom").SetAtom<Update, Result>];
-export declare const useFormAtomValue: <Value>(anAtom: Atom<Value>) => Value extends Promise<infer V> ? V : Value;
-export declare const useInternalFormContext: (formId?: string | symbol | undefined, hookName?: string | undefined) => InternalFormContextValue;
-export declare function useErrorResponseForForm({ fetcher, subaction, formId, }: InternalFormContextValue): ValidationErrorResponseData | null;
-export declare const useFieldErrorsForForm: (context: InternalFormContextValue) => Hydratable<FieldErrors | undefined>;
-export declare const useDefaultValuesFromLoader: ({ formId, }: InternalFormContextValue) => any;
-export declare const useDefaultValuesForForm: (context: InternalFormContextValue) => Hydratable<{
-    [fieldName: string]: any;
-}>;
-export declare const useHasActiveFormSubmit: ({ fetcher, }: InternalFormContextValue) => boolean;
-export declare const useFieldTouched: (field: string, { formId }: InternalFormContextValue) => [boolean, (update: boolean) => void];
-export declare const useFieldError: (name: string, context: InternalFormContextValue) => readonly [string | undefined, (update?: string | undefined) => void];
-export declare const useFieldDefaultValue: (name: string, context: InternalFormContextValue) => any;
-export declare const useClearError: ({ formId }: InternalFormContextValue) => (name: string) => void;
-export declare const useSetTouched: ({ formId }: InternalFormContextValue) => (name: string, touched: boolean) => void;