remix-validated-form 4.2.0 → 4.4.0

package/browser/internal/setFieldValue.d.ts

@@ -1,20 +0,0 @@
-import { InternalFormId } from "./state/atomUtils";
-declare type ControlledDataItem = Record<string, unknown[]>;
-declare class ValidatedFormData {
-    #private;
-    constructor(formData: FormData, customData: ControlledDataItem);
-    get: (fieldName: string) => any;
-    getAll: (fieldName: string) => any[];
-    has: (fieldName: string) => boolean;
-    append: (fieldName: string, value: any) => void;
-    delete: (fieldName: string) => void;
-    set: (fieldName: string, value: any) => void;
-    entries: () => IterableIterator<[string, any[]]>;
-    values: () => IterableIterator<any[]>;
-    [Symbol.iterator]: () => IterableIterator<[string, any[]]>;
-    setRepeated: (fieldName: string, value: any[]) => void;
-    changedFields(): Generator<readonly [string, any[]], void, unknown>;
-}
-export declare type FormValuesUpdater = (formData: ValidatedFormData) => void;
-export declare const useSetFormValues: (formId: InternalFormId) => (arg: FormValuesUpdater) => Promise<void>;
-export {};

package/browser/internal/setFieldValue.js

@@ -1,83 +0,0 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _ValidatedFormData_data, _ValidatedFormData_updates, _a;
-import { useAtomCallback } from "jotai/utils";
-import groupBy from "lodash/groupBy";
-import mapValues from "lodash/mapValues";
-import invariant from "tiny-invariant";
-import { setInputValueInForm } from "./logic/setInputValueInForm";
-import { MultiValueMap } from "./MultiValueMap";
-import { ATOM_SCOPE, formElementAtom } from "./state";
-import { controlledFieldsAtom, setControlledFieldValueAtom, } from "./state/controlledFields";
-class ValidatedFormData {
-    constructor(formData, customData) {
-        _ValidatedFormData_data.set(this, new MultiValueMap());
-        _ValidatedFormData_updates.set(this, new Map());
-        // API to mimic form data
-        this.get = (fieldName) => __classPrivateFieldGet(this, _ValidatedFormData_data, "f").getAll(fieldName)[0];
-        this.getAll = (fieldName) => __classPrivateFieldGet(this, _ValidatedFormData_data, "f").getAll(fieldName);
-        this.has = (fieldName) => __classPrivateFieldGet(this, _ValidatedFormData_data, "f").has(fieldName);
-        this.append = (fieldName, value) => {
-            __classPrivateFieldGet(this, _ValidatedFormData_data, "f").add(fieldName, value);
-        };
-        this.delete = (fieldName) => {
-            __classPrivateFieldGet(this, _ValidatedFormData_data, "f").delete(fieldName);
-            __classPrivateFieldGet(this, _ValidatedFormData_updates, "f").set(fieldName, true);
-        };
-        this.set = (fieldName, value) => {
-            __classPrivateFieldGet(this, _ValidatedFormData_data, "f").delete(fieldName);
-            __classPrivateFieldGet(this, _ValidatedFormData_data, "f").add(fieldName, value);
-            __classPrivateFieldGet(this, _ValidatedFormData_updates, "f").set(fieldName, true);
-        };
-        this.entries = () => __classPrivateFieldGet(this, _ValidatedFormData_data, "f").entries();
-        this.values = () => __classPrivateFieldGet(this, _ValidatedFormData_data, "f").values();
-        this[_a] = () => __classPrivateFieldGet(this, _ValidatedFormData_data, "f").entries();
-        // Custom APIs
-        this.setRepeated = (fieldName, value) => {
-            __classPrivateFieldGet(this, _ValidatedFormData_data, "f").delete(fieldName);
-            value.forEach((val) => __classPrivateFieldGet(this, _ValidatedFormData_data, "f").add(fieldName, val));
-            __classPrivateFieldGet(this, _ValidatedFormData_updates, "f").set(fieldName, true);
-        };
-        for (const [key, value] of formData.entries()) {
-            __classPrivateFieldGet(this, _ValidatedFormData_data, "f").add(key, value);
-        }
-        Object.entries(customData).forEach(([name, values]) => {
-            __classPrivateFieldGet(this, _ValidatedFormData_data, "f").delete(name);
-            values.forEach((value) => __classPrivateFieldGet(this, _ValidatedFormData_data, "f").add(name, value));
-        });
-    }
-    *changedFields() {
-        for (const updatedField of __classPrivateFieldGet(this, _ValidatedFormData_updates, "f").keys()) {
-            const value = this.getAll(updatedField);
-            yield [updatedField, value];
-        }
-    }
-}
-_ValidatedFormData_data = new WeakMap(), _ValidatedFormData_updates = new WeakMap(), _a = Symbol.iterator;
-export const useSetFormValues = (formId) => useAtomCallback(async (get, set, update) => {
-    var _b;
-    const form = get(formElementAtom(formId));
-    invariant(form, "Unable to access form element when setting field value. This is likely a bug in remix-validated-form.");
-    const formData = new FormData(form);
-    const controlledFields = get(controlledFieldsAtom(formId));
-    const controlledData = mapValues(groupBy(controlledFields, (field) => field.name), (val) => val.map((field) => get(field.valueAtom)));
-    const validatedFormData = new ValidatedFormData(formData, controlledData);
-    update(validatedFormData);
-    for (const [field, value] of validatedFormData.changedFields()) {
-        const relevantFields = controlledFields.filter(({ name }) => name === field);
-        if (relevantFields.length === 0) {
-            setInputValueInForm(form, field, value);
-            return;
-        }
-        for (const [index, field] of relevantFields.entries()) {
-            const itemValue = (_b = value[index]) !== null && _b !== void 0 ? _b : "";
-            await set(setControlledFieldValueAtom, {
-                internalFieldId: field.internalId,
-                value: itemValue,
-            });
-        }
-    }
-}, ATOM_SCOPE);

package/browser/internal/setFormValues.d.ts

@@ -1,2 +0,0 @@
-import { InternalFormId } from "./state/atomUtils";
-export declare const useSetFormValues: (formId: InternalFormId) => (arg: Record<string, unknown>) => Promise<void>;

package/browser/internal/setFormValues.js

@@ -1,26 +0,0 @@
-import { useAtomCallback } from "jotai/utils";
-import { useCallback } from "react";
-import invariant from "tiny-invariant";
-import { setInputValueInForm } from "./logic/setInputValueInForm";
-import { ATOM_SCOPE, formElementAtom } from "./state";
-import { controlledFieldsAtom, setControlledFieldValueAtom, } from "./state/controlledFields";
-export const useSetFormValues = (formId) => useAtomCallback(useCallback(async (get, set, updatedValues) => {
-    const form = get(formElementAtom(formId));
-    invariant(form, "Unable to access form element when setting field value. This is likely a bug in remix-validated-form.");
-    const controlledFields = get(controlledFieldsAtom(formId));
-    const updatePromises = [];
-    for (const [field, value] of Object.entries(updatedValues)) {
-        const isControlled = !!controlledFields[field];
-        if (isControlled) {
-            updatePromises.push(set(setControlledFieldValueAtom, {
-                field,
-                formId,
-                value,
-            }));
-        }
-        else {
-            setInputValueInForm(form, field, Array.isArray(value) ? value : [value]);
-        }
-    }
-    await Promise.all(updatePromises);
-}, [formId]), ATOM_SCOPE);

package/browser/internal/state/setFieldValue.js

@@ -1 +0,0 @@
-"use strict";

package/browser/internal/state-valtio.d.ts

@@ -1,62 +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 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;
-    };
-};
-export declare const state: StoreState;
-export declare const registerFormSlice: (formId: string | symbol, { registerReceiveFocus, setFieldValueForForm, validateField, action, defaultValues, subaction, }: SyncFormArgs) => void;
-export declare const unregisterFormSlice: (formId: string | symbol) => void;
-export declare const useFormData: (formId: string | symbol) => {
-    readonly hydrated: boolean;
-    readonly fieldErrors: {
-        readonly [x: string]: string;
-    };
-    readonly isSubmitting: boolean;
-    readonly hasBeenSubmitted: boolean;
-    readonly touchedFields: {
-        readonly [x: string]: boolean;
-    };
-    readonly action?: string | undefined;
-    readonly subaction?: string | undefined;
-    readonly defaultValues: {
-        readonly [x: string]: any;
-    };
-    readonly validateField: (fieldName: string) => Promise<string | null>;
-    readonly registerReceiveFocus: (fieldName: string, handler: () => void) => () => void;
-    readonly setFieldValue: (fieldName: string, value: unknown) => void;
-};
-export declare const startSubmit: (formId: string | symbol) => void;
-export declare const endSubmit: (formId: string | symbol) => void;
-export declare const sync: (formId: string | symbol, { defaultValues, action, subaction, registerReceiveFocus, validateField, setFieldValueForForm, }: SyncFormArgs) => void;
-export declare const clearError: (formId: string | symbol, fieldName: string) => void;
-export declare const addError: (formId: string | symbol, fieldName: string, error: string) => void;
-export declare const setTouched: (formId: string | symbol, fieldName: string, touched: boolean) => void;
-export declare const reset: (formId: string | symbol) => void;
-export declare const setFieldErrors: (formId: string | symbol, fieldErrors: FieldErrors) => void;
-export {};

package/browser/internal/state-valtio.js

@@ -1,69 +0,0 @@
-import { proxy, useSnapshot } from "valtio";
-export const state = proxy({ forms: {} });
-export const registerFormSlice = (formId, { registerReceiveFocus, setFieldValueForForm, validateField, action, defaultValues, subaction, }) => {
-    state.forms[formId] = {
-        hydrated: true,
-        defaultValues: defaultValues !== null && defaultValues !== void 0 ? defaultValues : {},
-        fieldErrors: {},
-        hasBeenSubmitted: false,
-        isSubmitting: false,
-        touchedFields: {},
-        registerReceiveFocus,
-        setFieldValue: setFieldValueForForm,
-        validateField,
-        action,
-        subaction,
-    };
-};
-export const unregisterFormSlice = (formId) => {
-    delete state.forms[formId];
-};
-const unhydratedFormState = {
-    hydrated: false,
-    fieldErrors: {},
-    isSubmitting: false,
-    hasBeenSubmitted: false,
-    touchedFields: {},
-    defaultValues: {},
-    validateField: () => Promise.resolve(null),
-    registerReceiveFocus: () => () => { },
-    setFieldValue: () => { },
-};
-export const useFormData = (formId) => {
-    var _a;
-    const snapshot = useSnapshot(state);
-    return (_a = snapshot.forms[formId]) !== null && _a !== void 0 ? _a : unhydratedFormState;
-};
-export const startSubmit = (formId) => {
-    state.forms[formId].isSubmitting = true;
-    state.forms[formId].hasBeenSubmitted = true;
-};
-export const endSubmit = (formId) => {
-    state.forms[formId].isSubmitting = false;
-};
-export const sync = (formId, { defaultValues, action, subaction, registerReceiveFocus, validateField, setFieldValueForForm, }) => {
-    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;
-};
-export const clearError = (formId, fieldName) => {
-    delete state.forms[formId].fieldErrors[fieldName];
-};
-export const addError = (formId, fieldName, error) => {
-    state.forms[formId].fieldErrors[fieldName] = error;
-};
-export const setTouched = (formId, fieldName, touched) => {
-    state.forms[formId].touchedFields[fieldName] = touched;
-};
-export const reset = (formId) => {
-    state.forms[formId].fieldErrors = {};
-    state.forms[formId].touchedFields = {};
-    state.forms[formId].hasBeenSubmitted = false;
-};
-export const setFieldErrors = (formId, fieldErrors) => {
-    state.forms[formId].fieldErrors = fieldErrors;
-};

package/browser/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/browser/internal/state-zustand.js

@@ -1,85 +0,0 @@
-import create from "zustand";
-import { immer } from "./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: () => {},
-};
-export const useStore = create(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/browser/internal/test.js

@@ -1,15 +0,0 @@
-"use strict";
-z.preprocess((val) => {
-    // Somewhat awkward -- this gets processed per item in the form,
-    // but as a whole array in the backend
-    if (Array.isArray(val)) {
-        return val;
-    }
-    else {
-        return [val];
-    }
-}, z.array(z.preprocess((val) => {
-    return typeof val !== "string" || val === ""
-        ? undefined
-        : Number.parseInt(val);
-}, z.number())));

package/browser/internal/useMultiValueMap.d.ts

@@ -1 +0,0 @@
-export declare const useMultiValueMap: <Key, Value>() => () => any;

package/browser/internal/useMultiValueMap.js

@@ -1,11 +0,0 @@
-import { MultiValueMap } from "multi-value-map";
-import { useRef } from "react";
-export const useMultiValueMap = () => {
-    const ref = useRef(null);
-    return () => {
-        if (ref.current)
-            return ref.current;
-        ref.current = new MultiValueMap();
-        return ref.current;
-    };
-};

package/browser/internal/watch.d.ts

@@ -1,18 +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, U extends boolean | undefined>(name: string, options?: BaseWatchOptions<T> & {
-        repeatable: U | undefined;
-    }): U extends true ? T[] : T;
-    <T>(name: string, options?: BaseWatchOptions<T>): T;
-};
-export declare const useWatch: UseWatchType;
-export {};

package/browser/internal/watch.js

@@ -1,122 +0,0 @@
-import { atom } from "jotai";
-import { selectAtom } from "jotai/utils";
-import isNaN from "lodash/isNaN";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import invariant from "tiny-invariant";
-import { useInternalFormContext, useFieldDefaultValue, useFormAtomValue, } from "./hooks";
-import { isCheckbox, isMultiselect, isRadio } from "./logic/elementUtils";
-import { formElementAtom } from "./state";
-import { fieldAtomFamily } from "./state/atomUtils";
-import { controlledFieldsAtom } from "./state/controlledFields";
-const emptyAtom = atom(undefined); // Always empty -- just used as a default value
-const watchControlledFieldAtom = fieldAtomFamily(({ field, formId }) => selectAtom(controlledFieldsAtom(formId), (fields) => {
-    var _a;
-    return ({
-        present: field in fields,
-        valueAtom: (_a = fields[field]) !== null && _a !== void 0 ? _a : emptyAtom,
-    });
-}, (a, b) => a.present === b.present && a.valueAtom === b.valueAtom));
-const defaultParse = ({ value, type, isRepeated, checked, }) => {
-    if (type === "number") {
-        if (value === "")
-            return undefined;
-        const result = Number(value);
-        if (isNaN(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 (isMultiselect(node)) {
-        return [
-            {
-                type: "select",
-                value: [...node.options]
-                    .filter((opt) => opt.selected)
-                    .map((opt) => opt.value),
-            },
-        ];
-    }
-    if (isCheckbox(node)) {
-        if (node.checked || !multipleInputs)
-            return [{ type: "checkbox", value: node.value, checked: node.checked }];
-        return [];
-    }
-    if (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 }];
-};
-export const useWatch = (field, options) => {
-    const { formId, parse = defaultParse, repeatable = false, } = options !== null && options !== void 0 ? options : {};
-    const context = useInternalFormContext(formId, "useWatch");
-    const defaultValue = useFieldDefaultValue(field, context);
-    const hasSynced = useRef(false);
-    const [inputValues, setValue] = useState([]);
-    const formElement = useFormAtomValue(formElementAtom(context.formId));
-    const controlledField = useFormAtomValue(watchControlledFieldAtom({ formId: context.formId, field }));
-    const controlledValue = useFormAtomValue(controlledField.valueAtom);
-    const shouldSyncNativeInputValue = !controlledField.present && formElement;
-    const syncFieldValue = useCallback(() => {
-        invariant(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
-    useEffect(() => {
-        if (shouldSyncNativeInputValue)
-            syncFieldValue();
-    }, [
-        controlledField.present,
-        formElement,
-        shouldSyncNativeInputValue,
-        syncFieldValue,
-    ]);
-    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 = 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;
-};

package/browser/lowLevelHooks.js

@@ -1 +0,0 @@
-"use strict";

package/browser/test-data/testFormData.d.ts

@@ -1,15 +0,0 @@
-export declare class TestFormData implements FormData {
-    private _params;
-    constructor(body?: string);
-    append(name: string, value: string | Blob, fileName?: string): void;
-    delete(name: string): void;
-    get(name: string): FormDataEntryValue | null;
-    getAll(name: string): FormDataEntryValue[];
-    has(name: string): boolean;
-    set(name: string, value: string | Blob, fileName?: string): void;
-    forEach(callbackfn: (value: FormDataEntryValue, key: string, parent: FormData) => void, thisArg?: any): void;
-    entries(): IterableIterator<[string, FormDataEntryValue]>;
-    keys(): IterableIterator<string>;
-    values(): IterableIterator<FormDataEntryValue>;
-    [Symbol.iterator](): IterableIterator<[string, FormDataEntryValue]>;
-}

package/browser/test-data/testFormData.js

@@ -1,46 +0,0 @@
-// Copied from remix to use in tests
-// https://github.com/remix-run/remix/blob/a69a631cb5add72d5fb24211ab2a0be367b6f2fd/packages/remix-node/form-data.ts
-export class TestFormData {
-    constructor(body) {
-        this._params = new URLSearchParams(body);
-    }
-    append(name, value, fileName) {
-        if (typeof value !== "string") {
-            throw new Error("formData.append can only accept a string");
-        }
-        this._params.append(name, value);
-    }
-    delete(name) {
-        this._params.delete(name);
-    }
-    get(name) {
-        return this._params.get(name);
-    }
-    getAll(name) {
-        return this._params.getAll(name);
-    }
-    has(name) {
-        return this._params.has(name);
-    }
-    set(name, value, fileName) {
-        if (typeof value !== "string") {
-            throw new Error("formData.set can only accept a string");
-        }
-        this._params.set(name, value);
-    }
-    forEach(callbackfn, thisArg) {
-        this._params.forEach(callbackfn, thisArg);
-    }
-    entries() {
-        return this._params.entries();
-    }
-    keys() {
-        return this._params.keys();
-    }
-    values() {
-        return this._params.values();
-    }
-    *[Symbol.iterator]() {
-        yield* this._params;
-    }
-}

package/browser/types.d.ts

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

package/browser/types.js

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

package/browser/validation/validation.test.d.ts

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