remix-validated-form 5.1.5 → 5.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remix-validated-form",
-  "version": "5.1.5",
+  "version": "5.1.6",
   "description": "Form component and utils for easy form validation in remix",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",

package/.turbo/turbo-typecheck.log

@@ -1 +0,0 @@
-$ tsc --noEmit

package/browser/ValidatedForm.d.ts

@@ -1,50 +0,0 @@
-import { FetcherWithComponents, Form as RemixForm } from "@remix-run/react";
-import React, { ComponentProps } from "react";
-import { Validator } from "./validation/types";
-export type FormProps<DataType> = {
-    /**
-     * A `Validator` object that describes how to validate the form.
-     */
-    validator: Validator<DataType>;
-    /**
-     * A submit callback that gets called when the form is submitted
-     * after all validations have been run.
-     */
-    onSubmit?: (data: DataType, event: React.FormEvent<HTMLFormElement>) => void | Promise<void>;
-    /**
-     * Allows you to provide a `fetcher` from remix's `useFetcher` hook.
-     * The form will use the fetcher for loading states, action data, etc
-     * instead of the default form action.
-     */
-    fetcher?: FetcherWithComponents<any>;
-    /**
-     * Accepts an object of default values for the form
-     * that will automatically be propagated to the form fields via `useField`.
-     */
-    defaultValues?: Partial<DataType>;
-    /**
-     * A ref to the form element.
-     */
-    formRef?: React.RefObject<HTMLFormElement>;
-    /**
-     * An optional sub-action to use for the form.
-     * Setting a value here will cause the form to be submitted with an extra `subaction` value.
-     * This can be useful when there are multiple forms on the screen handled by the same action.
-     */
-    subaction?: string;
-    /**
-     * Reset the form to the default values after the form has been successfully submitted.
-     * This is useful if you want to submit the same form multiple times,
-     * and don't redirect in-between submissions.
-     */
-    resetAfterSubmit?: boolean;
-    /**
-     * Normally, the first invalid input will be focused when the validation fails on form submit.
-     * Set this to `false` to disable this behavior.
-     */
-    disableFocusOnError?: boolean;
-} & Omit<ComponentProps<typeof RemixForm>, "onSubmit">;
-/**
- * The primary form component of `remix-validated-form`.
- */
-export declare function ValidatedForm<DataType>({ validator, onSubmit, children, fetcher, action, defaultValues: unMemoizedDefaults, formRef: formRefProp, onReset, subaction, resetAfterSubmit, disableFocusOnError, method, replace, id, ...rest }: FormProps<DataType>): JSX.Element;

package/browser/ValidatedForm.js

@@ -1,210 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Form as RemixForm, useSubmit, } from "@remix-run/react";
-import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
-import * as R from "remeda";
-import { useIsSubmitting, useIsValid } from "./hooks";
-import { FORM_ID_FIELD } from "./internal/constants";
-import { InternalFormContext, } from "./internal/formContext";
-import { useDefaultValuesFromLoader, useErrorResponseForForm, useHasActiveFormSubmit, useSetFieldErrors, } from "./internal/hooks";
-import { useMultiValueMap } from "./internal/MultiValueMap";
-import { useRootFormStore, } from "./internal/state/createFormStore";
-import { useFormStore } from "./internal/state/storeHooks";
-import { useSubmitComplete } from "./internal/submissionCallbacks";
-import { mergeRefs, useDeepEqualsMemo, useIsomorphicLayoutEffect as useLayoutEffect, } from "./internal/util";
-const getDataFromForm = (el) => new FormData(el);
-function nonNull(value) {
-    return value !== null;
-}
-const focusFirstInvalidInput = (fieldErrors, customFocusHandlers, formElement) => {
-    var _a;
-    const namesInOrder = [...formElement.elements]
-        .map((el) => {
-        const input = el instanceof RadioNodeList ? el[0] : el;
-        if (input instanceof HTMLElement && "name" in input)
-            return input.name;
-        return null;
-    })
-        .filter(nonNull)
-        .filter((name) => name in fieldErrors);
-    const uniqueNamesInOrder = R.uniq(namesInOrder);
-    for (const fieldName of uniqueNamesInOrder) {
-        if (customFocusHandlers.has(fieldName)) {
-            customFocusHandlers.getAll(fieldName).forEach((handler) => {
-                handler();
-            });
-            break;
-        }
-        const elem = formElement.elements.namedItem(fieldName);
-        if (!elem)
-            continue;
-        if (elem instanceof RadioNodeList) {
-            const selectedRadio = (_a = [...elem]
-                .filter((item) => item instanceof HTMLInputElement)
-                .find((item) => item.value === elem.value)) !== null && _a !== void 0 ? _a : elem[0];
-            if (selectedRadio && selectedRadio instanceof HTMLInputElement) {
-                selectedRadio.focus();
-                break;
-            }
-        }
-        if (elem instanceof HTMLElement) {
-            if (elem instanceof HTMLInputElement && elem.type === "hidden") {
-                continue;
-            }
-            elem.focus();
-            break;
-        }
-    }
-};
-const useFormId = (providedId) => {
-    // We can use a `Symbol` here because we only use it after hydration
-    const [symbolId] = useState(() => Symbol("remix-validated-form-id"));
-    return providedId !== null && providedId !== void 0 ? providedId : symbolId;
-};
-/**
- * Use a component to access the state so we don't cause
- * any extra rerenders of the whole form.
- */
-const FormResetter = ({ resetAfterSubmit, formRef, }) => {
-    const isSubmitting = useIsSubmitting();
-    const isValid = useIsValid();
-    useSubmitComplete(isSubmitting, () => {
-        var _a;
-        if (isValid && resetAfterSubmit) {
-            (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.reset();
-        }
-    });
-    return null;
-};
-function formEventProxy(event) {
-    let defaultPrevented = false;
-    return new Proxy(event, {
-        get: (target, prop) => {
-            if (prop === "preventDefault") {
-                return () => {
-                    defaultPrevented = true;
-                };
-            }
-            if (prop === "defaultPrevented") {
-                return defaultPrevented;
-            }
-            return target[prop];
-        },
-    });
-}
-/**
- * The primary form component of `remix-validated-form`.
- */
-export function ValidatedForm({ validator, onSubmit, children, fetcher, action, defaultValues: unMemoizedDefaults, formRef: formRefProp, onReset, subaction, resetAfterSubmit = false, disableFocusOnError, method, replace, id, ...rest }) {
-    var _a;
-    const formId = useFormId(id);
-    const providedDefaultValues = useDeepEqualsMemo(unMemoizedDefaults);
-    const contextValue = useMemo(() => ({
-        formId,
-        action,
-        subaction,
-        defaultValuesProp: providedDefaultValues,
-        fetcher,
-    }), [action, fetcher, formId, providedDefaultValues, subaction]);
-    const backendError = useErrorResponseForForm(contextValue);
-    const backendDefaultValues = useDefaultValuesFromLoader(contextValue);
-    const hasActiveSubmission = useHasActiveFormSubmit(contextValue);
-    const formRef = useRef(null);
-    const Form = (_a = fetcher === null || fetcher === void 0 ? void 0 : fetcher.Form) !== null && _a !== void 0 ? _a : RemixForm;
-    const submit = useSubmit();
-    const setFieldErrors = useSetFieldErrors(formId);
-    const setFieldError = useFormStore(formId, (state) => state.setFieldError);
-    const reset = useFormStore(formId, (state) => state.reset);
-    const startSubmit = useFormStore(formId, (state) => state.startSubmit);
-    const endSubmit = useFormStore(formId, (state) => state.endSubmit);
-    const syncFormProps = useFormStore(formId, (state) => state.syncFormProps);
-    const setFormElementInState = useFormStore(formId, (state) => state.setFormElement);
-    const cleanupForm = useRootFormStore((state) => state.cleanupForm);
-    const registerForm = useRootFormStore((state) => state.registerForm);
-    const customFocusHandlers = useMultiValueMap();
-    const registerReceiveFocus = useCallback((fieldName, handler) => {
-        customFocusHandlers().add(fieldName, handler);
-        return () => {
-            customFocusHandlers().remove(fieldName, handler);
-        };
-    }, [customFocusHandlers]);
-    // TODO: all these hooks running at startup cause extra, unnecessary renders
-    // There must be a nice way to avoid this.
-    useLayoutEffect(() => {
-        registerForm(formId);
-        return () => cleanupForm(formId);
-    }, [cleanupForm, formId, registerForm]);
-    useLayoutEffect(() => {
-        var _a;
-        syncFormProps({
-            action,
-            defaultValues: (_a = providedDefaultValues !== null && providedDefaultValues !== void 0 ? providedDefaultValues : backendDefaultValues) !== null && _a !== void 0 ? _a : {},
-            subaction,
-            registerReceiveFocus,
-            validator,
-        });
-    }, [
-        action,
-        providedDefaultValues,
-        registerReceiveFocus,
-        subaction,
-        syncFormProps,
-        backendDefaultValues,
-        validator,
-    ]);
-    useLayoutEffect(() => {
-        setFormElementInState(formRef.current);
-    }, [setFormElementInState]);
-    useEffect(() => {
-        var _a;
-        setFieldErrors((_a = backendError === null || backendError === void 0 ? void 0 : backendError.fieldErrors) !== null && _a !== void 0 ? _a : {});
-    }, [backendError === null || backendError === void 0 ? void 0 : backendError.fieldErrors, setFieldErrors, setFieldError]);
-    useSubmitComplete(hasActiveSubmission, () => {
-        endSubmit();
-    });
-    const handleSubmit = async (e, target, nativeEvent) => {
-        startSubmit();
-        const submitter = nativeEvent.submitter;
-        const formDataToValidate = getDataFromForm(e.currentTarget);
-        if (submitter === null || submitter === void 0 ? void 0 : submitter.name) {
-            formDataToValidate.append(submitter.name, submitter.value);
-        }
-        const result = await validator.validate(formDataToValidate);
-        if (result.error) {
-            setFieldErrors(result.error.fieldErrors);
-            endSubmit();
-            if (!disableFocusOnError) {
-                focusFirstInvalidInput(result.error.fieldErrors, customFocusHandlers(), formRef.current);
-            }
-        }
-        else {
-            setFieldErrors({});
-            const eventProxy = formEventProxy(e);
-            await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(result.data, eventProxy));
-            if (eventProxy.defaultPrevented) {
-                endSubmit();
-                return;
-            }
-            // We deviate from the remix code here a bit because of our async submit.
-            // In remix's `FormImpl`, they use `event.currentTarget` to get the form,
-            // but we already have the form in `formRef.current` so we can just use that.
-            // If we use `event.currentTarget` here, it will break because `currentTarget`
-            // will have changed since the start of the submission.
-            if (fetcher)
-                fetcher.submit(submitter || e.currentTarget);
-            else
-                submit(submitter || target, {
-                    replace,
-                    method: (submitter === null || submitter === void 0 ? void 0 : submitter.formMethod) || method,
-                });
-        }
-    };
-    return (_jsx(Form, { ref: mergeRefs([formRef, formRefProp]), ...rest, id: id, action: action, method: method, replace: replace, onSubmit: (e) => {
-            e.preventDefault();
-            handleSubmit(e, e.currentTarget, e.nativeEvent);
-        }, onReset: (event) => {
-            onReset === null || onReset === void 0 ? void 0 : onReset(event);
-            if (event.defaultPrevented)
-                return;
-            reset();
-        }, children: _jsx(InternalFormContext.Provider, { value: contextValue, children: _jsxs(_Fragment, { children: [_jsx(FormResetter, { formRef: formRef, resetAfterSubmit: resetAfterSubmit }), subaction && (_jsx("input", { type: "hidden", value: subaction, name: "subaction" })), id && _jsx("input", { type: "hidden", value: id, name: FORM_ID_FIELD }), children] }) }) }));
-}

package/browser/hooks.d.ts

@@ -1,67 +0,0 @@
-import { GetInputProps, ValidationBehaviorOptions } from "./internal/getInputProps";
-/**
- * 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
- */
-export declare const useIsSubmitting: (formId?: string) => boolean;
-/**
- * Returns whether or not the current form is valid.
- *
- * @param formId the id of the form. Only necessary if being used outside a ValidatedForm.
- */
-export declare const useIsValid: (formId?: string) => boolean;
-export type FieldProps = {
-    /**
-     * The validation error message if there is one.
-     */
-    error?: string;
-    /**
-     * Clears the error message.
-     */
-    clearError: () => void;
-    /**
-     * Validates the field.
-     */
-    validate: () => void;
-    /**
-     * The default value of the field, if there is one.
-     */
-    defaultValue?: any;
-    /**
-     * Whether or not the field has been touched.
-     */
-    touched: boolean;
-    /**
-     * Helper to set the touched state of the field.
-     */
-    setTouched: (touched: boolean) => void;
-    /**
-     * Helper to get all the props necessary for a regular input.
-     */
-    getInputProps: GetInputProps;
-};
-/**
- * Provides the data and helpers necessary to set up a field.
- */
-export declare const useField: (name: string, options?: {
-    /**
-     * Allows you to configure a custom function that will be called
-     * when the input needs to receive focus due to a validation error.
-     * This is useful for custom components that use a hidden input.
-     */
-    handleReceiveFocus?: () => void;
-    /**
-     * Allows you to specify when a field gets validated (when using getInputProps)
-     */
-    validationBehavior?: Partial<ValidationBehaviorOptions>;
-    /**
-     * The formId of the form you want to use.
-     * This is not necesary if the input is used inside a form.
-     */
-    formId?: string;
-}) => FieldProps;
-export declare const useControlField: <T>(name: string, formId?: string) => readonly [T, (value: T) => void];
-export declare const useUpdateControlledField: (formId?: string) => (field: string, value: unknown) => void;

package/browser/hooks.js

@@ -1,84 +0,0 @@
-import { useEffect, useMemo } from "react";
-import { createGetInputProps, } from "./internal/getInputProps";
-import { useInternalFormContext, useFieldTouched, useFieldError, useFieldDefaultValue, useClearError, useInternalIsSubmitting, useInternalIsValid, useInternalHasBeenSubmitted, useValidateField, useRegisterReceiveFocus, } from "./internal/hooks";
-import { useControllableValue, useUpdateControllableValue, } from "./internal/state/controlledFields";
-/**
- * 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
- */
-export const useIsSubmitting = (formId) => {
-    const formContext = useInternalFormContext(formId, "useIsSubmitting");
-    return useInternalIsSubmitting(formContext.formId);
-};
-/**
- * Returns whether or not the current form is valid.
- *
- * @param formId the id of the form. Only necessary if being used outside a ValidatedForm.
- */
-export const useIsValid = (formId) => {
-    const formContext = useInternalFormContext(formId, "useIsValid");
-    return useInternalIsValid(formContext.formId);
-};
-/**
- * Provides the data and helpers necessary to set up a field.
- */
-export const useField = (name, options) => {
-    const { formId: providedFormId, handleReceiveFocus } = options !== null && options !== void 0 ? options : {};
-    const formContext = useInternalFormContext(providedFormId, "useField");
-    const defaultValue = useFieldDefaultValue(name, formContext);
-    const [touched, setTouched] = useFieldTouched(name, formContext);
-    const error = useFieldError(name, formContext);
-    const clearError = useClearError(formContext);
-    const hasBeenSubmitted = useInternalHasBeenSubmitted(formContext.formId);
-    const validateField = useValidateField(formContext.formId);
-    const registerReceiveFocus = useRegisterReceiveFocus(formContext.formId);
-    useEffect(() => {
-        if (handleReceiveFocus)
-            return registerReceiveFocus(name, handleReceiveFocus);
-    }, [handleReceiveFocus, name, registerReceiveFocus]);
-    const field = useMemo(() => {
-        const helpers = {
-            error,
-            clearError: () => clearError(name),
-            validate: () => {
-                validateField(name);
-            },
-            defaultValue,
-            touched,
-            setTouched,
-        };
-        const getInputProps = createGetInputProps({
-            ...helpers,
-            name,
-            hasBeenSubmitted,
-            validationBehavior: options === null || options === void 0 ? void 0 : options.validationBehavior,
-        });
-        return {
-            ...helpers,
-            getInputProps,
-        };
-    }, [
-        error,
-        clearError,
-        defaultValue,
-        touched,
-        setTouched,
-        name,
-        hasBeenSubmitted,
-        options === null || options === void 0 ? void 0 : options.validationBehavior,
-        validateField,
-    ]);
-    return field;
-};
-export const useControlField = (name, formId) => {
-    const context = useInternalFormContext(formId, "useControlField");
-    const [value, setValue] = useControllableValue(context, name);
-    return [value, setValue];
-};
-export const useUpdateControlledField = (formId) => {
-    const context = useInternalFormContext(formId, "useControlField");
-    return useUpdateControllableValue(context.formId);
-};

package/browser/index.d.ts

@@ -1,7 +0,0 @@
-export * from "./hooks";
-export * from "./server";
-export * from "./ValidatedForm";
-export * from "./validation/types";
-export * from "./validation/createValidator";
-export * from "./userFacingFormContext";
-export { FieldArray, useFieldArray, type FieldArrayProps, type FieldArrayHelpers, } from "./internal/state/fieldArray";

package/browser/index.js

@@ -1,7 +0,0 @@
-export * from "./hooks";
-export * from "./server";
-export * from "./ValidatedForm";
-export * from "./validation/types";
-export * from "./validation/createValidator";
-export * from "./userFacingFormContext";
-export { FieldArray, useFieldArray, } from "./internal/state/fieldArray";

package/browser/internal/MultiValueMap.d.ts

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

package/browser/internal/MultiValueMap.js

@@ -1,43 +0,0 @@
-import { useCallback, useRef } from "react";
-export 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.delete = (key) => {
-            this.dict.delete(key);
-        };
-        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.values = () => this.dict.values();
-        this.has = (key) => this.dict.has(key);
-    }
-}
-export const useMultiValueMap = () => {
-    const ref = useRef(null);
-    return useCallback(() => {
-        if (ref.current)
-            return ref.current;
-        ref.current = new MultiValueMap();
-        return ref.current;
-    }, []);
-};

package/browser/internal/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const FORM_ID_FIELD: "__rvfInternalFormId";
-export declare const FORM_DEFAULTS_FIELD: "__rvfInternalFormDefaults";
-export declare const formDefaultValuesKey: (formId: string) => string;

package/browser/internal/constants.js

@@ -1,3 +0,0 @@
-export const FORM_ID_FIELD = "__rvfInternalFormId";
-export const FORM_DEFAULTS_FIELD = "__rvfInternalFormDefaults";
-export const formDefaultValuesKey = (formId) => `${FORM_DEFAULTS_FIELD}_${formId}`;

package/browser/internal/flatten.d.ts

@@ -1 +0,0 @@
-export declare const objectFromPathEntries: (entries: [string, any][]) => Record<string, any>;

package/browser/internal/flatten.js

@@ -1,7 +0,0 @@
-import { setPath } from "set-get";
-import { MultiValueMap } from "./MultiValueMap";
-export const objectFromPathEntries = (entries) => {
-    const map = new MultiValueMap();
-    entries.forEach(([key, value]) => map.add(key, value));
-    return [...map.entries()].reduce((acc, [key, value]) => setPath(acc, key, value.length === 1 ? value[0] : value), {});
-};

package/browser/internal/formContext.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { FetcherWithComponents } from "@remix-run/react";
-export type InternalFormContextValue = {
-    formId: string | symbol;
-    action?: string;
-    subaction?: string;
-    defaultValuesProp?: {
-        [fieldName: string]: any;
-    };
-    fetcher?: FetcherWithComponents<unknown>;
-};
-export declare const InternalFormContext: import("react").Context<InternalFormContextValue | null>;

package/browser/internal/formContext.js

@@ -1,2 +0,0 @@
-import { createContext } from "react";
-export const InternalFormContext = createContext(null);

package/browser/internal/getInputProps.d.ts

@@ -1,29 +0,0 @@
-export type ValidationBehavior = "onBlur" | "onChange" | "onSubmit";
-export type ValidationBehaviorOptions = {
-    initial: ValidationBehavior;
-    whenTouched: ValidationBehavior;
-    whenSubmitted: ValidationBehavior;
-};
-export type CreateGetInputPropsOptions = {
-    clearError: () => void;
-    validate: () => void;
-    defaultValue?: any;
-    touched: boolean;
-    setTouched: (touched: boolean) => void;
-    hasBeenSubmitted: boolean;
-    validationBehavior?: Partial<ValidationBehaviorOptions>;
-    name: string;
-};
-type HandledProps = "name" | "defaultValue" | "defaultChecked";
-type Callbacks = "onChange" | "onBlur";
-type MinimalInputProps = {
-    onChange?: (...args: any[]) => void;
-    onBlur?: (...args: any[]) => void;
-    defaultValue?: any;
-    defaultChecked?: boolean;
-    name?: string;
-    type?: string;
-};
-export type GetInputProps = <T extends MinimalInputProps>(props?: Omit<T, HandledProps | Callbacks> & Partial<Pick<T, Callbacks>>) => T;
-export declare const createGetInputProps: ({ clearError, validate, defaultValue, touched, setTouched, hasBeenSubmitted, validationBehavior, name, }: CreateGetInputPropsOptions) => GetInputProps;
-export {};

package/browser/internal/getInputProps.js

@@ -1,51 +0,0 @@
-import * as R from "remeda";
-import { getCheckboxChecked } from "./logic/getCheckboxChecked";
-import { getRadioChecked } from "./logic/getRadioChecked";
-const defaultValidationBehavior = {
-    initial: "onBlur",
-    whenTouched: "onChange",
-    whenSubmitted: "onChange",
-};
-export 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 = getCheckboxChecked(props.value, defaultValue);
-        }
-        else if (props.type === "radio") {
-            inputProps.defaultChecked = getRadioChecked(props.value, defaultValue);
-        }
-        else if (props.value === undefined) {
-            // We should only set the defaultValue if the input is uncontrolled.
-            inputProps.defaultValue = defaultValue;
-        }
-        return R.omitBy(inputProps, (value) => value === undefined);
-    };
-};

package/browser/internal/hooks.d.ts

@@ -1,35 +0,0 @@
-import { FieldErrors, ValidationErrorResponseData } from "..";
-import { InternalFormContextValue } from "./formContext";
-import { Hydratable } from "./hydratable";
-import { InternalFormId } from "./state/types";
-export declare const useInternalFormContext: (formId?: string | symbol, hookName?: string) => 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) => readonly [boolean, (touched: boolean) => void];
-export declare const useFieldError: (name: string, context: InternalFormContextValue) => string | undefined;
-export declare const useClearError: (context: InternalFormContextValue) => (field: string) => void;
-export declare const useCurrentDefaultValueForField: (formId: InternalFormId, field: string) => any;
-export declare const useFieldDefaultValue: (name: string, context: InternalFormContextValue) => any;
-export declare const useInternalIsSubmitting: (formId: InternalFormId) => boolean;
-export declare const useInternalIsValid: (formId: InternalFormId) => boolean;
-export declare const useInternalHasBeenSubmitted: (formId: InternalFormId) => boolean;
-export declare const useValidateField: (formId: InternalFormId) => (fieldName: string) => Promise<string | null>;
-export declare const useValidate: (formId: InternalFormId) => () => Promise<import("..").ValidationResult<unknown>>;
-export declare const useRegisterReceiveFocus: (formId: InternalFormId) => (fieldName: string, handler: () => void) => () => void;
-export declare const useSyncedDefaultValues: (formId: InternalFormId) => {
-    [fieldName: string]: any;
-};
-export declare const useSetTouched: ({ formId }: InternalFormContextValue) => (field: string, touched: boolean) => void;
-export declare const useTouchedFields: (formId: InternalFormId) => import("..").TouchedFields;
-export declare const useFieldErrors: (formId: InternalFormId) => FieldErrors;
-export declare const useSetFieldErrors: (formId: InternalFormId) => (errors: FieldErrors) => void;
-export declare const useResetFormElement: (formId: InternalFormId) => () => void;
-export declare const useSubmitForm: (formId: InternalFormId) => () => void;
-export declare const useFormActionProp: (formId: InternalFormId) => string | undefined;
-export declare const useFormSubactionProp: (formId: InternalFormId) => string | undefined;
-export declare const useFormValues: (formId: InternalFormId) => () => FormData;