remix-validated-form 4.2.0 → 4.4.0

package/.turbo/turbo-test.log

@@ -1,11 +0,0 @@
-$ jest src
-No tests found, exiting with code 1
-Run with `--passWithNoTests` to exit with code 0
-In /Users/aaronpettengill/dev/remix-validated-form/packages/remix-validated-form
-  68 files checked.
-  testMatch: **/__tests__/**/*.[jt]s?(x), **/?(*.)+(spec|test).[tj]s?(x) - 2 matches
-  testPathIgnorePatterns: /node_modules/ - 68 matches
-  testRegex:  - 0 matches
-Pattern: src - 0 matches
-info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
-error Command failed with exit code 1.

package/browser/components.d.ts

@@ -1,7 +0,0 @@
-import { HTMLProps } from "react";
-declare type WithRequiredName<T extends {
-    name?: string;
-}> = T & Required<Pick<T, "name">>;
-export declare const ValidatedInput: ({ name, form, ...rest }: WithRequiredName<HTMLProps<HTMLInputElement>>) => JSX.Element;
-export declare const ValidatedTextarea: ({ name, form, ...rest }: WithRequiredName<HTMLProps<HTMLTextAreaElement>>) => JSX.Element;
-export {};

package/browser/components.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useField } from ".";
-export const ValidatedInput = ({ name, form, ...rest }) => {
-    const { getInputProps } = useField(name, { formId: form });
-    return _jsx("input", { ...getInputProps(rest) }, void 0);
-};
-export const ValidatedTextarea = ({ name, form, ...rest }) => {
-    const { getInputProps } = useField(name, { formId: form });
-    return _jsx("textarea", { ...getInputProps(rest) }, void 0);
-};

package/browser/internal/SingleTypeMultiValueMap.d.ts

@@ -1,9 +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[];
-    entries: () => IterableIterator<[Key, Value[]]>;
-    has: (key: Key) => boolean;
-}
-export declare const useMultiValueMap: <Key, Value>() => () => MultiValueMap<Key, Value>;

package/browser/internal/SingleTypeMultiValueMap.js

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

package/browser/internal/customState.d.ts

@@ -1,105 +0,0 @@
-import { Atom } from "jotai";
-import { InternalFormId } from "./state/atomUtils";
-export declare const unregisterAtomsFamily: {
-    (param: InternalFormId): Atom<Atom<any>[]> & {
-        write: (get: {
-            <Value>(atom: Atom<Value | Promise<Value>>): Value;
-            <Value_1>(atom: Atom<Promise<Value_1>>): Value_1;
-            <Value_2>(atom: Atom<Value_2>): Value_2 extends Promise<infer V> ? V : Value_2;
-        } & {
-            <Value_3>(atom: Atom<Value_3 | Promise<Value_3>>, options: {
-                unstable_promise: true;
-            }): Value_3 | Promise<Value_3>;
-            <Value_4>(atom: Atom<Promise<Value_4>>, options: {
-                unstable_promise: true;
-            }): Value_4 | Promise<Value_4>;
-            <Value_5>(atom: Atom<Value_5>, options: {
-                unstable_promise: true;
-            }): (Value_5 extends Promise<infer V> ? V : Value_5) | Promise<Value_5 extends Promise<infer V> ? V : Value_5>;
-        }, set: {
-            <Value_6, Result extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_6, undefined, Result>): Result;
-            <Value_7, Update, Result_1 extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_7, Update, Result_1>, update: Update): Result_1;
-        }, update: Atom<any>[] | ((prev: Atom<any>[]) => Atom<any>[])) => void;
-        onMount?: (<S extends (update: Atom<any>[] | ((prev: Atom<any>[]) => Atom<any>[])) => void>(setAtom: S) => void | (() => void)) | undefined;
-    } & {
-        init: Atom<any>[];
-    };
-    remove(param: InternalFormId): void;
-    setShouldRemove(shouldRemove: ((createdAt: number, param: InternalFormId) => boolean) | null): void;
-};
-export declare const createCustomFormState: <T>(defaultValue: T) => {
-    __atomFamily: {
-        (param: InternalFormId): Atom<T> & {
-            write: (get: {
-                <Value>(atom: Atom<Value | Promise<Value>>): Value;
-                <Value_1>(atom: Atom<Promise<Value_1>>): Value_1;
-                <Value_2>(atom: Atom<Value_2>): Value_2 extends Promise<infer V> ? V : Value_2;
-            } & {
-                <Value_3>(atom: Atom<Value_3 | Promise<Value_3>>, options: {
-                    unstable_promise: true;
-                }): Value_3 | Promise<Value_3>;
-                <Value_4>(atom: Atom<Promise<Value_4>>, options: {
-                    unstable_promise: true;
-                }): Value_4 | Promise<Value_4>;
-                <Value_5>(atom: Atom<Value_5>, options: {
-                    unstable_promise: true;
-                }): (Value_5 extends Promise<infer V> ? V : Value_5) | Promise<Value_5 extends Promise<infer V> ? V : Value_5>;
-            }, set: {
-                <Value_6, Result extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_6, undefined, Result>): Result;
-                <Value_7, Update, Result_1 extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_7, Update, Result_1>, update: Update): Result_1;
-            }, update: T | ((prev: T) => T)) => void;
-            onMount?: (<S extends import("jotai/core/atom").SetAtom<T | ((prev: T) => T), void>>(setAtom: S) => void | (() => void)) | undefined;
-        } & {
-            init: T;
-        };
-        remove(param: InternalFormId): void;
-        setShouldRemove(shouldRemove: ((createdAt: number, param: InternalFormId) => boolean) | null): void;
-    };
-    __registerAtom: Atom<null> & {
-        write: (get: {
-            <Value>(atom: Atom<Value | Promise<Value>>): Value;
-            <Value_1>(atom: Atom<Promise<Value_1>>): Value_1;
-            <Value_2>(atom: Atom<Value_2>): Value_2 extends Promise<infer V> ? V : Value_2;
-        } & {
-            <Value_3>(atom: Atom<Value_3 | Promise<Value_3>>, options: {
-                unstable_promise: true;
-            }): Value_3 | Promise<Value_3>;
-            <Value_4>(atom: Atom<Promise<Value_4>>, options: {
-                unstable_promise: true;
-            }): Value_4 | Promise<Value_4>;
-            <Value_5>(atom: Atom<Value_5>, options: {
-                unstable_promise: true;
-            }): (Value_5 extends Promise<infer V> ? V : Value_5) | Promise<Value_5 extends Promise<infer V> ? V : Value_5>;
-        }, set: {
-            <Value_6, Result extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_6, undefined, Result>): Result;
-            <Value_7, Update, Result_1 extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_7, Update, Result_1>, update: Update): Result_1;
-        }, update: InternalFormId) => void;
-        onMount?: (<S_1 extends (update: InternalFormId) => void>(setAtom: S_1) => void | (() => void)) | undefined;
-    } & {
-        init: null;
-    };
-    __unregisterAtom: Atom<null> & {
-        write: (get: {
-            <Value>(atom: Atom<Value | Promise<Value>>): Value;
-            <Value_1>(atom: Atom<Promise<Value_1>>): Value_1;
-            <Value_2>(atom: Atom<Value_2>): Value_2 extends Promise<infer V> ? V : Value_2;
-        } & {
-            <Value_3>(atom: Atom<Value_3 | Promise<Value_3>>, options: {
-                unstable_promise: true;
-            }): Value_3 | Promise<Value_3>;
-            <Value_4>(atom: Atom<Promise<Value_4>>, options: {
-                unstable_promise: true;
-            }): Value_4 | Promise<Value_4>;
-            <Value_5>(atom: Atom<Value_5>, options: {
-                unstable_promise: true;
-            }): (Value_5 extends Promise<infer V> ? V : Value_5) | Promise<Value_5 extends Promise<infer V> ? V : Value_5>;
-        }, set: {
-            <Value_6, Result extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_6, undefined, Result>): Result;
-            <Value_7, Update, Result_1 extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_7, Update, Result_1>, update: Update): Result_1;
-        }, update: InternalFormId) => void;
-        onMount?: (<S_1 extends (update: InternalFormId) => void>(setAtom: S_1) => void | (() => void)) | undefined;
-    } & {
-        init: null;
-    };
-};
-export declare const useCustomFormState: <T>(state: ReturnType<typeof createCustomFormState>, formId: InternalFormId) => readonly [T, (value: T) => void];

package/browser/internal/customState.js

@@ -1,46 +0,0 @@
-import { atom } from "jotai";
-import { useAtomCallback } from "jotai/utils";
-import { useCallback, useEffect } from "react";
-import { useFormAtom } from "./hooks";
-import { formAtomFamily } from "./state/atomUtils";
-export const unregisterAtomsFamily = formAtomFamily([]);
-export const createCustomFormState = (defaultValue) => {
-    const atomFamily = formAtomFamily(defaultValue);
-    const refCountFamily = formAtomFamily(0);
-    const registerAtom = atom(null, (get, set, formId) => {
-        const refCountAtom = refCountFamily(formId);
-        set(refCountAtom, (prev) => prev + 1);
-        const newRefCount = get(refCountAtom);
-        if (newRefCount === 1) {
-            set(unregisterAtomsFamily(formId), (prev) => [...prev, unregisterAtom]);
-        }
-    });
-    const unregisterAtom = atom(null, (get, set, formId) => {
-        const refCountAtom = refCountFamily(formId);
-        set(refCountAtom, (prev) => prev - 1);
-        const newRefCount = get(refCountAtom);
-        if (newRefCount === 0) {
-            set(unregisterAtomsFamily(formId), (prev) => prev.filter((item) => item !== unregisterAtom));
-            atomFamily.remove(formId);
-            refCountFamily.remove(formId);
-        }
-    });
-    return {
-        __atomFamily: atomFamily,
-        __registerAtom: registerAtom,
-        __unregisterAtom: unregisterAtom,
-    };
-};
-export const useCustomFormState = (state, formId) => {
-    const atom = state.__atomFamily(formId);
-    const [value, setValue] = useFormAtom(atom);
-    const register = useAtomCallback(useCallback((_get, set) => set(state.__registerAtom, formId), [formId, state.__registerAtom]));
-    const unregister = useAtomCallback(useCallback((_get, set) => set(state.__unregisterAtom, formId), [formId, state.__unregisterAtom]));
-    useEffect(() => {
-        register();
-        return () => {
-            unregister();
-        };
-    }, [register, unregister]);
-    return [value, setValue];
-};

package/browser/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/browser/internal/hooks-valtio.js

@@ -1,110 +0,0 @@
-import { useActionData, useMatches, useTransition } from "@remix-run/react";
-import { useUpdateAtom } from "jotai/utils";
-import lodashGet from "lodash/get";
-import { useCallback, useContext } from "react";
-import invariant from "tiny-invariant";
-import { formDefaultValuesKey } from "./constants";
-import { InternalFormContext } from "./formContext";
-import { hydratable } from "./hydratable";
-import { ATOM_SCOPE, clearErrorAtom, formRegistry, setTouchedAtom, } from "./state";
-import { useFormData } from "./state-valtio";
-export const useInternalFormContext = (formId, hookName) => {
-    const formContext = useContext(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'.`);
-};
-export function useErrorResponseForForm({ fetcher, subaction, formId, }) {
-    var _a;
-    const actionData = 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;
-}
-export const useFieldErrorsForForm = (context) => {
-    const response = useErrorResponseForForm(context);
-    const form = useFormData(context.formId);
-    return hydratable.from(response === null || response === void 0 ? void 0 : response.fieldErrors, form.hydrated);
-};
-export const useDefaultValuesFromLoader = ({ formId, }) => {
-    const matches = useMatches();
-    if (typeof formId === "string") {
-        const dataKey = 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;
-};
-export const useDefaultValuesForForm = (context) => {
-    const { formId, defaultValuesProp } = context;
-    const form = useFormData(formId);
-    const errorResponse = useErrorResponseForForm(context);
-    const defaultValuesFromLoader = 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.hydratedData();
-    if (errorResponse === null || errorResponse === void 0 ? void 0 : errorResponse.repopulateFields) {
-        invariant(typeof errorResponse.repopulateFields === "object", "repopulateFields returned something other than an object");
-        return hydratable.serverData(errorResponse.repopulateFields);
-    }
-    if (defaultValuesProp)
-        return hydratable.serverData(defaultValuesProp);
-    return hydratable.serverData(defaultValuesFromLoader);
-};
-export const useHasActiveFormSubmit = ({ fetcher, }) => {
-    const transition = useTransition();
-    const hasActiveSubmission = fetcher
-        ? fetcher.state === "submitting"
-        : !!transition.submission;
-    return hasActiveSubmission;
-};
-export const useFieldTouched = (name, { formId }) => {
-    const form = useFormData(formId);
-    return form.touchedFields[name];
-};
-export const useFieldError = (name, context) => {
-    const fieldErrors = useFieldErrorsForForm(context);
-    const form = useFormData(context.formId);
-    return fieldErrors
-        .map((fieldErrors) => fieldErrors === null || fieldErrors === void 0 ? void 0 : fieldErrors[name])
-        .hydrateTo(form.fieldErrors[name]);
-};
-export const useFieldDefaultValue = (name, context) => {
-    const defaultValues = useDefaultValuesForForm(context);
-    const state = useFormData(context.formId);
-    return defaultValues.map((val) => lodashGet(val, name)).hydrateTo(state);
-};
-export const useFormUpdateAtom = (atom) => useUpdateAtom(atom, ATOM_SCOPE);
-export const useClearError = (context) => {
-    const clearError = useFormUpdateAtom(clearErrorAtom);
-    return useCallback((name) => {
-        clearError({ name, formAtom: formRegistry(context.formId) });
-    }, [clearError, context.formId]);
-};
-export const useSetTouched = (context) => {
-    const setTouched = useFormUpdateAtom(setTouchedAtom);
-    return useCallback((name, touched) => {
-        setTouched({ name, formAtom: formRegistry(context.formId), touched });
-    }, [setTouched, context.formId]);
-};

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

@@ -1,100 +0,0 @@
-import { useActionData, useMatches, useTransition } from "@remix-run/react";
-import lodashGet from "lodash/get";
-import { useContext } from "react";
-import invariant from "tiny-invariant";
-import { formDefaultValuesKey } from "./constants";
-import { InternalFormContext } from "./formContext";
-import { hydratable } from "./hydratable";
-import { useStore } from "./state-zustand";
-export const useInternalFormContext = (formId, hookName) => {
-    const formContext = useContext(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'.`);
-};
-export function useErrorResponseForForm({ fetcher, subaction, formId, }) {
-    var _a;
-    const actionData = 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;
-}
-export const useFieldErrorsForForm = (context) => {
-    const response = useErrorResponseForForm(context);
-    const hydrated = useStore((state) => state.form(context.formId).hydrated);
-    return hydratable.from(response === null || response === void 0 ? void 0 : response.fieldErrors, hydrated);
-};
-export const useDefaultValuesFromLoader = ({ formId, }) => {
-    const matches = useMatches();
-    if (typeof formId === "string") {
-        const dataKey = 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;
-};
-export const useDefaultValuesForForm = (context) => {
-    const { formId, defaultValuesProp } = context;
-    const hydrated = useStore((state) => state.form(formId).hydrated);
-    const errorResponse = useErrorResponseForForm(context);
-    const defaultValuesFromLoader = 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.hydratedData();
-    if (errorResponse === null || errorResponse === void 0 ? void 0 : errorResponse.repopulateFields) {
-        invariant(typeof errorResponse.repopulateFields === "object", "repopulateFields returned something other than an object");
-        return hydratable.serverData(errorResponse.repopulateFields);
-    }
-    if (defaultValuesProp)
-        return hydratable.serverData(defaultValuesProp);
-    return hydratable.serverData(defaultValuesFromLoader);
-};
-export const useHasActiveFormSubmit = ({ fetcher, }) => {
-    const transition = useTransition();
-    const hasActiveSubmission = fetcher
-        ? fetcher.state === "submitting"
-        : !!transition.submission;
-    return hasActiveSubmission;
-};
-export const useFieldTouched = (name, { formId }) => {
-    return useStore((state) => state.form(formId).touchedFields[name]);
-};
-export const useFieldError = (name, context) => {
-    const state = useStore((state) => state.form(context.formId).fieldErrors[name]);
-    return useFieldErrorsForForm(context)
-        .map((fieldErrors) => fieldErrors === null || fieldErrors === void 0 ? void 0 : fieldErrors[name])
-        .hydrateTo(state);
-};
-export const useFieldDefaultValue = (name, context) => {
-    const state = useStore((state) => state.form(context.formId).defaultValues[name]);
-    return useDefaultValuesForForm(context)
-        .map((val) => lodashGet(val, name))
-        .hydrateTo(state);
-};
-export const useClearError = (context) => {
-    return useStore((state) => state.helpers(context.formId).clearError);
-};
-export const useSetTouched = (context) => {
-    return useStore((state) => state.helpers(context.formId).setTouched);
-};

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

@@ -1,7 +0,0 @@
-import produce from "immer";
-export const immer = (config) => (set, get, api) => config((partial, replace) => {
-    const nextState = typeof partial === "function"
-        ? produce(partial)
-        : partial;
-    return set(nextState, replace);
-}, get, api);

package/browser/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/browser/internal/logic/elementUtils.js

@@ -1,3 +0,0 @@
-export const isMultiselect = (node) => node instanceof HTMLSelectElement && node.multiple;
-export const isCheckbox = (node) => node instanceof HTMLInputElement && node.type === "checkbox";
-export const isRadio = (node) => node instanceof HTMLInputElement && node.type === "radio";

package/browser/internal/logic/getCheckboxChecked copy.d.ts

@@ -1 +0,0 @@
-export declare const getCheckboxChecked: (checkboxValue: string | undefined, newValue: unknown) => boolean | undefined;

package/browser/internal/logic/getCheckboxChecked copy.js

@@ -1,9 +0,0 @@
-export const getCheckboxChecked = (checkboxValue = "on", newValue) => {
-    if (Array.isArray(newValue))
-        return newValue.includes(checkboxValue);
-    if (typeof newValue === "boolean")
-        return newValue;
-    if (typeof newValue === "string")
-        return newValue === checkboxValue;
-    return undefined;
-};

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

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

package/browser/internal/logic/setFieldValue.js

@@ -1,40 +0,0 @@
-import invariant from "tiny-invariant";
-import { getCheckboxChecked } from "./getCheckboxChecked";
-import { getRadioChecked } from "./getRadioChecked";
-const setElementValue = (element, value, name) => {
-    if (element instanceof HTMLSelectElement && element.multiple) {
-        invariant(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 = getCheckboxChecked(element.value, value);
-        invariant(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 = getRadioChecked(element.value, value);
-        invariant(newChecked !== undefined, `Unable to determine if radio should be checked. Provided value was ${value} for radio ${name}.`);
-        element.checked = newChecked;
-        return;
-    }
-    invariant(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;
-};
-export 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);
-    }
-};

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

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

package/browser/internal/logic/setInputValueInForm.js

@@ -1,77 +0,0 @@
-import invariant from "tiny-invariant";
-import { isCheckbox, isMultiselect, isRadio } from "./elementUtils";
-import { getCheckboxChecked } from "./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 (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 (isMultiselect(element)) {
-        for (const option of element.options) {
-            option.selected = values.bool(option.value);
-        }
-        return;
-    }
-    if (isCheckbox(element)) {
-        element.checked = values.bool(element.value);
-        return;
-    }
-    if (isRadio(element)) {
-        element.checked = values.radio(element.value);
-        return;
-    }
-    const input = element;
-    invariant(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();
-};
-export 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);
-    }
-};