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

package/build/internal/hooks.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.useFieldDefaultValue = exports.useFieldError = exports.useFieldTouched = exports.useHasActiveFormSubmit = exports.useDefaultValuesForForm = exports.useDefaultValuesFromLoader = exports.useFieldErrorsForForm = exports.useErrorResponseForForm = exports.useInternalFormContext = exports.useFormAtomValue = exports.useFormAtom = exports.useFormUpdateAtom = void 0;
-const react_1 = require("@remix-run/react");
-const jotai_1 = require("jotai");
-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 useFormUpdateAtom = (atom) => (0, utils_1.useUpdateAtom)(atom, state_1.ATOM_SCOPE);
-exports.useFormUpdateAtom = useFormUpdateAtom;
-const useFormAtom = (anAtom) => (0, jotai_1.useAtom)(anAtom, state_1.ATOM_SCOPE);
-exports.useFormAtom = useFormAtom;
-const useFormAtomValue = (anAtom) => (0, utils_1.useAtomValue)(anAtom, state_1.ATOM_SCOPE);
-exports.useFormAtomValue = useFormAtomValue;
-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 ValidatedForm 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, exports.useFormAtomValue)((0, state_1.isHydratedAtom)(context.formId));
-    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, exports.useFormAtomValue)((0, state_1.isHydratedAtom)(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 (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 = (field, { formId }) => (0, exports.useFormAtom)((0, state_1.fieldTouchedAtom)({ formId, field }));
-exports.useFieldTouched = useFieldTouched;
-const useFieldError = (name, context) => {
-    const fieldErrors = (0, exports.useFieldErrorsForForm)(context);
-    const [state, set] = (0, exports.useFormAtom)((0, state_1.fieldErrorAtom)({ formId: context.formId, field: name }));
-    return [
-        fieldErrors.map((fieldErrors) => fieldErrors === null || fieldErrors === void 0 ? void 0 : fieldErrors[name]).hydrateTo(state),
-        set,
-    ];
-};
-exports.useFieldError = useFieldError;
-const useFieldDefaultValue = (name, context) => {
-    const defaultValues = (0, exports.useDefaultValuesForForm)(context);
-    const { defaultValues: state } = (0, exports.useFormAtomValue)((0, state_1.formPropsAtom)(context.formId));
-    return defaultValues
-        .map((val) => (0, get_1.default)(val, name))
-        .hydrateTo((0, get_1.default)(state, name));
-};
-exports.useFieldDefaultValue = useFieldDefaultValue;
-const useClearError = ({ formId }) => {
-    const updateError = (0, exports.useFormUpdateAtom)((0, state_1.setFieldErrorAtom)(formId));
-    return (0, react_2.useCallback)((name) => updateError({ field: name, error: undefined }), [updateError]);
-};
-exports.useClearError = useClearError;
-const useSetTouched = ({ formId }) => {
-    const setTouched = (0, exports.useFormUpdateAtom)((0, state_1.setTouchedAtom)(formId));
-    return (0, react_2.useCallback)((name, touched) => setTouched({ field: name, touched }), [setTouched]);
-};
-exports.useSetTouched = useSetTouched;

package/build/internal/hydratable.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hydratable = void 0;
-const serverData = (data) => ({
-    hydrateTo: () => data,
-    map: (fn) => serverData(fn(data)),
-});
-const hydratedData = () => ({
-    hydrateTo: (hydratedData) => hydratedData,
-    map: () => hydratedData(),
-});
-const from = (data, hydrated) => hydrated ? hydratedData() : serverData(data);
-exports.hydratable = {
-    serverData,
-    hydratedData,
-    from,
-};

package/build/internal/immerMiddleware.d.ts

@@ -1,6 +0,0 @@
-import { Draft } from "immer";
-import { State, StateCreator } from "zustand";
-declare type TImmerConfigFn<T extends State> = (partial: ((draft: Draft<T>) => void) | T, replace?: boolean) => void;
-declare type TImmerConfig<T extends State> = StateCreator<T, TImmerConfigFn<T>>;
-export declare const immer: <T extends object>(config: TImmerConfig<T>) => StateCreator<T, import("zustand").SetState<T>, import("zustand").GetState<T>, import("zustand").StoreApi<T>>;
-export {};

package/build/internal/immerMiddleware.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.immer = void 0;
-const immer_1 = __importDefault(require("immer"));
-const immer = (config) => (set, get, api) => config((partial, replace) => {
-    const nextState = typeof partial === "function"
-        ? (0, immer_1.default)(partial)
-        : partial;
-    return set(nextState, replace);
-}, get, api);
-exports.immer = immer;

package/build/internal/logic/elementUtils.d.ts

@@ -1,3 +0,0 @@
-export declare const isMultiselect: (node: Node) => node is HTMLSelectElement;
-export declare const isCheckbox: (node: Node | RadioNodeList) => node is HTMLInputElement;
-export declare const isRadio: (node: Node) => node is HTMLInputElement;

package/build/internal/logic/elementUtils.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isRadio = exports.isCheckbox = exports.isMultiselect = void 0;
-const isMultiselect = (node) => node instanceof HTMLSelectElement && node.multiple;
-exports.isMultiselect = isMultiselect;
-const isCheckbox = (node) => node instanceof HTMLInputElement && node.type === "checkbox";
-exports.isCheckbox = isCheckbox;
-const isRadio = (node) => node instanceof HTMLInputElement && node.type === "radio";
-exports.isRadio = isRadio;

package/build/internal/logic/getCheckboxChecked.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCheckboxChecked = void 0;
-const getCheckboxChecked = (checkboxValue = "on", newValue) => {
-    if (Array.isArray(newValue))
-        return newValue.some((val) => val === true || val === checkboxValue);
-    if (typeof newValue === "boolean")
-        return newValue;
-    if (typeof newValue === "string")
-        return newValue === checkboxValue;
-    return undefined;
-};
-exports.getCheckboxChecked = getCheckboxChecked;

package/build/internal/logic/getRadioChecked.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRadioChecked = void 0;
-const getRadioChecked = (radioValue = "on", newValue) => {
-    if (typeof newValue === "string")
-        return newValue === radioValue;
-    return undefined;
-};
-exports.getRadioChecked = getRadioChecked;

package/build/internal/logic/setFieldValue.d.ts

@@ -1 +0,0 @@
-export declare const setFieldValue: (formElement: HTMLFormElement, name: string, value: unknown) => void;

package/build/internal/logic/setFieldValue.js

@@ -1,47 +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.setFieldValue = void 0;
-const tiny_invariant_1 = __importDefault(require("tiny-invariant"));
-const getCheckboxChecked_1 = require("./getCheckboxChecked");
-const getRadioChecked_1 = require("./getRadioChecked");
-const setElementValue = (element, value, name) => {
-    if (element instanceof HTMLSelectElement && element.multiple) {
-        (0, tiny_invariant_1.default)(Array.isArray(value), "Must specify an array to set the value for a multi-select");
-        for (const option of element.options) {
-            option.selected = value.includes(option.value);
-        }
-        return;
-    }
-    if (element instanceof HTMLInputElement && element.type === "checkbox") {
-        const newChecked = (0, getCheckboxChecked_1.getCheckboxChecked)(element.value, value);
-        (0, tiny_invariant_1.default)(newChecked !== undefined, `Unable to determine if checkbox should be checked. Provided value was ${value} for checkbox ${name}.`);
-        element.checked = newChecked;
-        return;
-    }
-    if (element instanceof HTMLInputElement && element.type === "radio") {
-        const newChecked = (0, getRadioChecked_1.getRadioChecked)(element.value, value);
-        (0, tiny_invariant_1.default)(newChecked !== undefined, `Unable to determine if radio should be checked. Provided value was ${value} for radio ${name}.`);
-        element.checked = newChecked;
-        return;
-    }
-    (0, tiny_invariant_1.default)(typeof value === "string", `Invalid value for field "${name}" which is an ${element.constructor.name}. Expected string but received ${typeof value}`);
-    const input = element;
-    input.value = value;
-};
-const setFieldValue = (formElement, name, value) => {
-    const controlElement = formElement.elements.namedItem(name);
-    if (!controlElement)
-        return;
-    if (controlElement instanceof RadioNodeList) {
-        for (const element of controlElement) {
-            setElementValue(element, value, name);
-        }
-    }
-    else {
-        setElementValue(controlElement, value, name);
-    }
-};
-exports.setFieldValue = setFieldValue;

package/build/internal/logic/setInputValueInForm.d.ts

@@ -1 +0,0 @@
-export declare const setInputValueInForm: (formElement: HTMLFormElement, name: string, value: unknown[]) => void;

package/build/internal/logic/setInputValueInForm.js

@@ -1,84 +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.setInputValueInForm = void 0;
-const tiny_invariant_1 = __importDefault(require("tiny-invariant"));
-const elementUtils_1 = require("./elementUtils");
-const getCheckboxChecked_1 = require("./getCheckboxChecked");
-/**
- * Helper class to track the values being set on uncontrolled fields.
- * HTML is super permissive with inputs that all share the same `name`.
- */
-class Values {
-    constructor(values) {
-        this.hasSetRadioValue = false;
-        this.remove = (value) => {
-            const index = this.values.indexOf(value);
-            const deleted = this.values.splice(index, 1);
-            return deleted.length > 0;
-        };
-        this.bool = (value) => {
-            if ((0, getCheckboxChecked_1.getCheckboxChecked)(value, this.values)) {
-                this.remove(value) || this.remove(true);
-                return true;
-            }
-            return false;
-        };
-        this.radio = (value) => {
-            if (this.hasSetRadioValue)
-                return false;
-            const result = this.bool(value);
-            if (result)
-                this.hasSetRadioValue = true;
-            return result;
-        };
-        this.str = () => { var _a; return String((_a = this.values.pop()) !== null && _a !== void 0 ? _a : ""); };
-        this.allValues = () => this.values;
-        this.warnIfLeftovers = (field) => {
-            if (this.values.length > 0) {
-                console.warn(`Could not determine how to use the value for the field ${field}. ` +
-                    `Leftover values were: ${this.values.join(", ")}.`);
-            }
-        };
-        const unknownValues = Array.isArray(values) ? values : [values];
-        this.values = unknownValues;
-    }
-}
-const setElementValue = (element, values, field) => {
-    if ((0, elementUtils_1.isMultiselect)(element)) {
-        for (const option of element.options) {
-            option.selected = values.bool(option.value);
-        }
-        return;
-    }
-    if ((0, elementUtils_1.isCheckbox)(element)) {
-        element.checked = values.bool(element.value);
-        return;
-    }
-    if ((0, elementUtils_1.isRadio)(element)) {
-        element.checked = values.radio(element.value);
-        return;
-    }
-    const input = element;
-    (0, tiny_invariant_1.default)(input.type !== "hidden", `Cannot set value on hidden input if it is not a controlled field. Field being updated was ${field}.`);
-    input.value = values.str();
-};
-const setInputValueInForm = (formElement, name, value) => {
-    const controlElement = formElement.elements.namedItem(name);
-    if (!controlElement)
-        return;
-    const values = new Values(value);
-    if (controlElement instanceof RadioNodeList) {
-        for (const element of controlElement) {
-            setElementValue(element, values, name);
-        }
-        values.warnIfLeftovers(name);
-    }
-    else {
-        setElementValue(controlElement, values, name);
-        values.warnIfLeftovers(name);
-    }
-};
-exports.setInputValueInForm = setInputValueInForm;

package/build/internal/reset.js

@@ -1,19 +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.resetAtom = void 0;
-const jotai_1 = require("jotai");
-const utils_1 = require("jotai/utils");
-const get_1 = __importDefault(require("lodash/get"));
-const state_1 = require("./state");
-const controlledFields_1 = require("./state/controlledFields");
-exports.resetAtom = (0, utils_1.atomFamily)((formId) => (0, jotai_1.atom)(null, (get, set) => {
-    set((0, state_1.fieldErrorsAtom)(formId), {});
-    set((0, state_1.touchedFieldsAtom)(formId), {});
-    set((0, state_1.hasBeenSubmittedAtom)(formId), false);
-    const { defaultValues } = get((0, state_1.formPropsAtom)(formId));
-    const controlledFields = get((0, controlledFields_1.controlledFieldsAtom)(formId));
-    Object.entries(controlledFields).forEach(([name, atom]) => set(atom, (0, get_1.default)(defaultValues, name)));
-}));

package/build/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/build/internal/setFormValues.js

@@ -1,33 +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.useSetFormValues = void 0;
-const utils_1 = require("jotai/utils");
-const react_1 = require("react");
-const tiny_invariant_1 = __importDefault(require("tiny-invariant"));
-const setInputValueInForm_1 = require("./logic/setInputValueInForm");
-const state_1 = require("./state");
-const controlledFields_1 = require("./state/controlledFields");
-const useSetFormValues = (formId) => (0, utils_1.useAtomCallback)((0, react_1.useCallback)(async (get, set, updatedValues) => {
-    const form = get((0, state_1.formElementAtom)(formId));
-    (0, tiny_invariant_1.default)(form, "Unable to access form element when setting field value. This is likely a bug in remix-validated-form.");
-    const controlledFields = get((0, controlledFields_1.controlledFieldsAtom)(formId));
-    const updatePromises = [];
-    for (const [field, value] of Object.entries(updatedValues)) {
-        const isControlled = !!controlledFields[field];
-        if (isControlled) {
-            updatePromises.push(set(controlledFields_1.setControlledFieldValueAtom, {
-                field,
-                formId,
-                value,
-            }));
-        }
-        else {
-            (0, setInputValueInForm_1.setInputValueInForm)(form, field, Array.isArray(value) ? value : [value]);
-        }
-    }
-    await Promise.all(updatePromises);
-}, [formId]), state_1.ATOM_SCOPE);
-exports.useSetFormValues = useSetFormValues;

package/build/internal/state/atomUtils.js

@@ -1,13 +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.fieldAtomFamily = exports.formAtomFamily = void 0;
-const jotai_1 = require("jotai");
-const utils_1 = require("jotai/utils");
-const isEqual_1 = __importDefault(require("lodash/isEqual"));
-const formAtomFamily = (data) => (0, utils_1.atomFamily)((_) => (0, jotai_1.atom)(data));
-exports.formAtomFamily = formAtomFamily;
-const fieldAtomFamily = (func) => (0, utils_1.atomFamily)(func, isEqual_1.default);
-exports.fieldAtomFamily = fieldAtomFamily;

package/build/internal/state/controlledFields.js

@@ -1,103 +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.useAwaitValue = exports.useUpdateControllableValue = exports.useControllableValue = exports.useControlledFieldValue = exports.setControlledFieldValueAtom = exports.resolveValueUpdateAtom = exports.valueUpdatePromiseAtom = exports.controlledFieldsAtom = void 0;
-const jotai_1 = require("jotai");
-const utils_1 = require("jotai/utils");
-const omit_1 = __importDefault(require("lodash/omit"));
-const react_1 = require("react");
-const hooks_1 = require("../hooks");
-const state_1 = require("../state");
-const atomUtils_1 = require("./atomUtils");
-exports.controlledFieldsAtom = (0, atomUtils_1.formAtomFamily)({});
-const refCountAtom = (0, atomUtils_1.fieldAtomFamily)(() => (0, jotai_1.atom)(0));
-const fieldValueAtom = (0, atomUtils_1.fieldAtomFamily)(() => (0, jotai_1.atom)(undefined));
-const fieldValueHydratedAtom = (0, atomUtils_1.fieldAtomFamily)(() => (0, jotai_1.atom)(false));
-exports.valueUpdatePromiseAtom = (0, atomUtils_1.fieldAtomFamily)(() => (0, jotai_1.atom)(undefined));
-exports.resolveValueUpdateAtom = (0, atomUtils_1.fieldAtomFamily)(() => (0, jotai_1.atom)(undefined));
-const registerAtom = (0, jotai_1.atom)(null, (get, set, { formId, field }) => {
-    set(refCountAtom({ formId, field }), (prev) => prev + 1);
-    const newRefCount = get(refCountAtom({ formId, field }));
-    // We don't set hydrated here because it gets set when we know
-    // we have the right default values
-    if (newRefCount === 1) {
-        set((0, exports.controlledFieldsAtom)(formId), (prev) => ({
-            ...prev,
-            [field]: fieldValueAtom({ formId, field }),
-        }));
-    }
-});
-const unregisterAtom = (0, jotai_1.atom)(null, (get, set, { formId, field }) => {
-    set(refCountAtom({ formId, field }), (prev) => prev - 1);
-    const newRefCount = get(refCountAtom({ formId, field }));
-    if (newRefCount === 0) {
-        set((0, exports.controlledFieldsAtom)(formId), (prev) => (0, omit_1.default)(prev, field));
-        fieldValueAtom.remove({ formId, field });
-        exports.resolveValueUpdateAtom.remove({ formId, field });
-        fieldValueHydratedAtom.remove({ formId, field });
-    }
-});
-exports.setControlledFieldValueAtom = (0, jotai_1.atom)(null, (_get, set, { formId, field, value, }) => {
-    set(fieldValueAtom({ formId, field }), value);
-    const resolveAtom = (0, exports.resolveValueUpdateAtom)({ formId, field });
-    const promiseAtom = (0, exports.valueUpdatePromiseAtom)({ formId, field });
-    const promise = new Promise((resolve) => set(resolveAtom, () => {
-        resolve();
-        set(resolveAtom, undefined);
-        set(promiseAtom, undefined);
-    }));
-    set(promiseAtom, promise);
-});
-const useControlledFieldValue = (context, field) => {
-    const fieldAtom = fieldValueAtom({ formId: context.formId, field });
-    const [value, setValue] = (0, hooks_1.useFormAtom)(fieldAtom);
-    const defaultValue = (0, hooks_1.useFieldDefaultValue)(field, context);
-    const isHydrated = (0, hooks_1.useFormAtomValue)((0, state_1.isHydratedAtom)(context.formId));
-    const [isFieldHydrated, setIsFieldHydrated] = (0, hooks_1.useFormAtom)(fieldValueHydratedAtom({ formId: context.formId, field }));
-    (0, react_1.useEffect)(() => {
-        if (isHydrated && !isFieldHydrated) {
-            setValue(defaultValue);
-            setIsFieldHydrated(true);
-        }
-    }, [
-        defaultValue,
-        field,
-        context.formId,
-        isFieldHydrated,
-        isHydrated,
-        setIsFieldHydrated,
-        setValue,
-    ]);
-    return isFieldHydrated ? value : defaultValue;
-};
-exports.useControlledFieldValue = useControlledFieldValue;
-const useControllableValue = (context, field) => {
-    const resolveUpdate = (0, hooks_1.useFormAtomValue)((0, exports.resolveValueUpdateAtom)({ formId: context.formId, field }));
-    (0, react_1.useEffect)(() => {
-        resolveUpdate === null || resolveUpdate === void 0 ? void 0 : resolveUpdate();
-    }, [resolveUpdate]);
-    const register = (0, hooks_1.useFormUpdateAtom)(registerAtom);
-    const unregister = (0, hooks_1.useFormUpdateAtom)(unregisterAtom);
-    (0, react_1.useEffect)(() => {
-        register({ formId: context.formId, field });
-        return () => unregister({ formId: context.formId, field });
-    }, [context.formId, field, register, unregister]);
-    const setControlledFieldValue = (0, hooks_1.useFormUpdateAtom)(exports.setControlledFieldValueAtom);
-    const setValue = (0, react_1.useCallback)((value) => setControlledFieldValue({ formId: context.formId, field, value }), [field, context.formId, setControlledFieldValue]);
-    const value = (0, exports.useControlledFieldValue)(context, field);
-    return [value, setValue];
-};
-exports.useControllableValue = useControllableValue;
-const useUpdateControllableValue = (formId) => {
-    const setControlledFieldValue = (0, hooks_1.useFormUpdateAtom)(exports.setControlledFieldValueAtom);
-    return (0, react_1.useCallback)((field, value) => setControlledFieldValue({ formId, field, value }), [formId, setControlledFieldValue]);
-};
-exports.useUpdateControllableValue = useUpdateControllableValue;
-const useAwaitValue = (formId) => {
-    return (0, utils_1.useAtomCallback)((0, react_1.useCallback)(async (get, _set, field) => {
-        await get((0, exports.valueUpdatePromiseAtom)({ formId, field }));
-    }, [formId]));
-};
-exports.useAwaitValue = useAwaitValue;

package/build/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 {};