@homebound/form-state 2.33.0 → 3.1.0

package/dist/useFormStates.d.ts

@@ -1,68 +0,0 @@
-import { ObjectConfig } from "./config";
-import { ObjectState } from "./fields/objectField";
-export type ObjectStateCache<T, I> = Record<string, [ObjectState<T>, I]>;
-/**
- * The opts has for `useFormStates`.
- *
- * @typeparam T the form type, which is usually as close as possible to your *GraphQL input*
- * @typeparam I the *form input* type, which is usually the *GraphQL output* type, i.e. the type of the response from your GraphQL query
- */
-type UseFormStatesOpts<T, I> = {
-    /**
-     * The config to use for each form state.
-     *
-     * Should be stable/useMemo'd.
-     */
-    config: ObjectConfig<T>;
-    /**
-     * Fired for each individual `ObjectState` when it's had a value change.
-     *
-     * Does not need to be stable/useMemo'd.
-     */
-    autoSave?: (state: ObjectState<T>) => Promise<void>;
-    /**
-     * A hook to add custom, cross-field validation rules that can be difficult to setup directly in the config DSL.
-     *
-     * This will be called once-per `ObjectState` instance, and so is effectively a `useEffect` hook with
-     * a `[config, objectState]` dependency.
-     *
-     * Does not need to be stable/useMemo'd.
-     */
-    addRules?: (state: ObjectState<T>) => void;
-    /**
-     * Given an input to `getFormState`, returns the identity value that we'll cache that value's form state on.
-     *
-     * Does not need to be stable/useMemo'd.
-     */
-    getId: (v: I) => string;
-    /**
-     * Maps an input to `getFormState` to the actual form shape `T`.
-     *
-     * Does not need to be stable/useMemo'd.
-     */
-    map?: (input: Exclude<I, null | undefined>) => T;
-    /**
-     * Sets all `ObjectState`s to readOnly.
-     */
-    readOnly?: boolean;
-};
-type UseFormStatesHook<T, I> = {
-    getFormState: (input: I, opts?: {
-        readOnly?: boolean;
-    }) => ObjectState<T>;
-};
-/**
- * A hook to manage many "mini-forms" on a single page, typically one form per row
- * in a table.
- *
- * This hook basically provides the page/table with a cache, so each table row naively ask "what's
- * the form state for this given row's data?" and get back a new-or-existing `ObjectState` instance
- * that, if already existing, still has any of the user's WIP changes.
- *
- * Each mini-form/row can have its own autoSave calls, independent of the other rows.
- *
- * @typeparam T the form type, which is usually as close as possible to your *GraphQL input*
- * @typeparam I the *form input* type, which is usually the *GraphQL output* type, i.e. the type of the response from your GraphQL query
- */
-export declare function useFormStates<T, I = T>(opts: UseFormStatesOpts<T, I>): UseFormStatesHook<T, I>;
-export {};

package/dist/useFormStates.js

@@ -1,101 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormStates = useFormStates;
-const react_1 = require("react");
-const objectField_1 = require("./fields/objectField");
-const utils_1 = require("./utils");
-/**
- * A hook to manage many "mini-forms" on a single page, typically one form per row
- * in a table.
- *
- * This hook basically provides the page/table with a cache, so each table row naively ask "what's
- * the form state for this given row's data?" and get back a new-or-existing `ObjectState` instance
- * that, if already existing, still has any of the user's WIP changes.
- *
- * Each mini-form/row can have its own autoSave calls, independent of the other rows.
- *
- * @typeparam T the form type, which is usually as close as possible to your *GraphQL input*
- * @typeparam I the *form input* type, which is usually the *GraphQL output* type, i.e. the type of the response from your GraphQL query
- */
-function useFormStates(opts) {
-    const { config, autoSave, getId, map, addRules, readOnly = false } = opts;
-    const objectStateCache = (0, react_1.useMemo)(() => ({}), 
-    // Force resetting the cache if config changes
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [config]);
-    // Keep track of ObjectStates that triggered auto-save when a save was already in progress.
-    const pendingAutoSaves = (0, react_1.useRef)(new Set());
-    // Use a ref so our memo'ized `autoSave` always see the latest value
-    const autoSaveRef = (0, react_1.useRef)(autoSave);
-    autoSaveRef.current = autoSave;
-    // Use a ref b/c we're memod
-    const readOnlyRef = (0, react_1.useRef)(readOnly);
-    readOnlyRef.current = readOnly;
-    const getFormState = (0, react_1.useCallback)((input, opts = {}) => {
-        const existing = objectStateCache[getId(input)];
-        let form = existing === null || existing === void 0 ? void 0 : existing[0];
-        async function maybeAutoSave(form) {
-            // Don't use form.canSave() because we don't want to set touched for all the fields
-            if (autoSaveRef.current && form.dirty) {
-                // It's very frustrating to not know why the form is savings, to go ahead and log these
-                if (!form.valid) {
-                    console.debug("Skipping auto-save b/c form is invalid: ", form.errors);
-                    return;
-                }
-                const { current: pending } = pendingAutoSaves;
-                if (isAutoSaving) {
-                    pending.add(form);
-                    return;
-                }
-                let maybeError;
-                try {
-                    isAutoSaving = true;
-                    // See if we have any reactions that want to run (i.e. added by addRules hooks)
-                    await new Promise((resolve) => setTimeout(resolve, 0));
-                    // If a reaction re-queued our form during the ^ wait, remove it
-                    pending.delete(form);
-                    await autoSaveRef.current(form);
-                }
-                catch (e) {
-                    maybeError = String(e);
-                    throw e;
-                }
-                finally {
-                    isAutoSaving = false;
-                    if (pending.size > 0) {
-                        const first = pending.values().next().value;
-                        pending.delete(first);
-                        await maybeAutoSave(first);
-                    }
-                }
-            }
-        }
-        // If it didn't exist, then add to the cache.
-        if (!form) {
-            form = (0, objectField_1.createObjectState)(config, (0, utils_1.initValue)(config, { map, input }), {
-                maybeAutoSave: () => maybeAutoSave(form),
-            });
-            if (addRules) {
-                addRules(form);
-            }
-            objectStateCache[getId(input)] = [form, input];
-        }
-        // If the source of truth changed, then update the existing state and return it.
-        if (existing && existing[1] !== input) {
-            form.set((0, utils_1.initValue)(config, { map, input }), {
-                refreshing: true,
-            });
-            existing[1] = input;
-        }
-        form.readOnly = readOnlyRef.current || !!opts.readOnly;
-        return form;
-    }, 
-    // Allow the user to not stable-ize getId, map, addRules, and autoSave
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [objectStateCache, config]);
-    return { getFormState };
-}
-// If the user's autoSave hook makes some last-minute `.set` calls to sneak
-// in some business logic right before their GraphQL mutation call, ignore it
-// so that we don't infinite loop.
-let isAutoSaving = false;

package/dist/useFormStates.test.d.ts

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

package/dist/useFormStates.test.js

@@ -1,223 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const rtl_utils_1 = require("@homebound/rtl-utils");
-const mobx_1 = require("mobx");
-const react_1 = require("react");
-const FormStateApp_1 = require("./FormStateApp");
-const rules_1 = require("./rules");
-const useFormStates_1 = require("./useFormStates");
-describe("useFormStates", () => {
-    it("can lazily create form states", async () => {
-        const autoSave = jest.fn();
-        // Given a parent and child component, where the formState is created only for the child component.
-        function ChildComponent({ os }) {
-            return (0, jsx_runtime_1.jsx)("div", { "data-testid": "firstName", children: os.firstName.value });
-        }
-        function TestComponent() {
-            const config = { id: { type: "value" }, firstName: { type: "value" } };
-            const { getFormState } = (0, useFormStates_1.useFormStates)({
-                config,
-                autoSave,
-                getId: (o) => o.id,
-            });
-            return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ChildComponent, { os: getFormState({ id: "a:1", firstName: "Brandon" }) }) }));
-        }
-        const r = await (0, rtl_utils_1.render)((0, jsx_runtime_1.jsx)(TestComponent, {}));
-        // And the child component has defined state
-        expect(r.firstName).toHaveTextContent("Brandon");
-    });
-    it("can update existing object state from cache with new values", async () => {
-        const autoSave = jest.fn();
-        const config = { id: { type: "value" }, firstName: { type: "value" } };
-        // Given a component using `getFormState` for lazily creating ObjectStates
-        function TestComponent() {
-            const [apiData, setApiData] = (0, react_1.useState)({ id: "a:1", firstName: "Brandon" });
-            const { getFormState } = (0, useFormStates_1.useFormStates)({ config, autoSave, getId: (o) => o.id });
-            // Memoize an original for comparing the update against.
-            const originalState = (0, react_1.useMemo)(() => getFormState(apiData), [getFormState]);
-            const state = getFormState(apiData);
-            return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { "data-testid": "firstName", children: state.firstName.value }), (0, jsx_runtime_1.jsx)("div", { "data-testid": "statesEqual", children: JSON.stringify(state === originalState) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "updateApiData", onClick: () => setApiData((prevState) => ({ ...prevState, firstName: "Bob" })) })] }));
-        }
-        const r = await (0, rtl_utils_1.render)((0, jsx_runtime_1.jsx)(TestComponent, {}));
-        // And the initial values for the form state display
-        expect(r.firstName).toHaveTextContent("Brandon");
-        expect(r.statesEqual).toHaveTextContent("true");
-        // When updating the API data
-        await (0, rtl_utils_1.clickAndWait)(r.updateApiData);
-        // Then the new value is shown in the component
-        expect(r.firstName).toHaveTextContent("Bob");
-        // And the two states are using the same reference
-        expect(r.statesEqual).toHaveTextContent("true");
-    });
-    it("can queue up changes for auto save if a save is already in progress - works across multiple states", async () => {
-        const autoSaveStub = jest.fn();
-        const config = {
-            id: { type: "value" },
-            firstName: { type: "value" },
-            lastName: { type: "value" },
-        };
-        // Given a component using `getFormState` for lazily creating ObjectStates
-        function TestComponent() {
-            const [apiData, setApiData] = (0, react_1.useState)({ id: "a:1", firstName: "Tony", lastName: "Stark" });
-            const [apiData2, setApiData2] = (0, react_1.useState)({ id: "a:2", firstName: "Steve", lastName: "Rogers" });
-            const { getFormState } = (0, useFormStates_1.useFormStates)({ config, autoSave, getId: (o) => o.id });
-            const state = getFormState(apiData);
-            const state2 = getFormState(apiData2);
-            async function autoSave(form) {
-                autoSaveStub(form.changedValue);
-                // Pretend to make an API call and update the local state
-                if (form.id.value === "a:1") {
-                    setApiData((prevState) => ({ ...prevState, ...form.changedValue }));
-                }
-                else {
-                    setApiData2((prevState) => ({ ...prevState, ...form.changedValue }));
-                }
-                await Promise.resolve(1);
-            }
-            return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { "data-testid": "firstName", children: state.firstName.value }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "focusSetAndSaveField", onClick: () => {
-                            state.firstName.focus();
-                            state.firstName.set("Foo");
-                            state.firstName.maybeAutoSave();
-                        } }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "focusSetAndSaveFieldLastName", onClick: () => {
-                            state.lastName.focus();
-                            state.lastName.set("Bar");
-                            state.lastName.maybeAutoSave();
-                        } }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "focusSetAndSaveField2", onClick: () => {
-                            state2.lastName.focus();
-                            state2.lastName.set("Bar");
-                            state2.lastName.maybeAutoSave();
-                        } })] }));
-        }
-        const r = await (0, rtl_utils_1.render)((0, jsx_runtime_1.jsx)(TestComponent, {}));
-        // And triggering the auto save behavior before awaiting the initial promise to resolve so we have pending changes.
-        (0, rtl_utils_1.click)(r.focusSetAndSaveField);
-        (0, rtl_utils_1.click)(r.focusSetAndSaveFieldLastName);
-        (0, rtl_utils_1.click)(r.focusSetAndSaveField2);
-        // Awaits the promises for all methods triggered above
-        await (0, rtl_utils_1.wait)();
-        // Then expect the auto save to only have been called two times. Once with each set of changedValues.
-        expect(autoSaveStub).toBeCalledTimes(2);
-        expect(autoSaveStub).toBeCalledWith({ id: "a:1", firstName: "Foo", lastName: "Bar" });
-        expect(autoSaveStub).toBeCalledWith({ id: "a:2", lastName: "Bar" });
-    });
-    it("clears out cache if configuration changes", async () => {
-        const autoSave = jest.fn();
-        // Given a component with stable API data.
-        const apiData = { id: "a:1", firstName: "Brandon", lastName: "Dow" };
-        // And two sets of configurations
-        const originalConfig = { id: { type: "value" }, firstName: { type: "value" } };
-        const updatedConfig = {
-            id: { type: "value" },
-            firstName: { type: "value", rules: [rules_1.required] },
-        };
-        function TestComponent() {
-            const [config, setConfig] = (0, react_1.useState)(originalConfig);
-            const { getFormState } = (0, useFormStates_1.useFormStates)({ config, autoSave, getId: (o) => o.id });
-            // Memoize an original for comparing the update against.
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-            const originalState = (0, react_1.useMemo)(() => getFormState(apiData), []);
-            const state = getFormState(apiData);
-            return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { "data-testid": "statesEqual", children: JSON.stringify(state === originalState) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "updateConfig", onClick: () => setConfig(updatedConfig) })] }));
-        }
-        // When rendered with the original configuration
-        const r = await (0, rtl_utils_1.render)((0, jsx_runtime_1.jsx)(TestComponent, {}));
-        // Then the two form-states generated are equal
-        expect(r.statesEqual).toHaveTextContent("true");
-        // When updating the configuration object
-        (0, rtl_utils_1.click)(r.updateConfig);
-        // Then the two form-states are no longer equal.
-        expect(r.statesEqual).toHaveTextContent("false");
-    });
-    it("calls addRules once per form state", async () => {
-        // Given a user wants to use addRules
-        const addRules = jest.fn();
-        function TestComponent() {
-            const config = { id: { type: "value" }, firstName: { type: "value" } };
-            const { getFormState } = (0, useFormStates_1.useFormStates)({
-                config,
-                addRules,
-                getId: (o) => o.id,
-            });
-            return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(ChildComponent, { os: getFormState({ id: "a:1", firstName: "Brandon" }) }), (0, jsx_runtime_1.jsx)(ChildComponent, { os: getFormState({ id: "a:1", firstName: "Brandon" }) })] }));
-        }
-        // When we render
-        await (0, rtl_utils_1.render)((0, jsx_runtime_1.jsx)(TestComponent, {}));
-        // Then addRules was only called once
-        expect(addRules).toHaveBeenCalledTimes(1);
-    });
-    it("calls autoSave with results of calculations in addRules", async () => {
-        // Given a user wants to use auto save
-        const autoSave = jest.fn();
-        function TestComponent() {
-            const { getFormState } = (0, useFormStates_1.useFormStates)({
-                config,
-                getId: (o) => o.id,
-                addRules(fs) {
-                    // And they have a reactive true that calculates last name
-                    (0, mobx_1.reaction)(() => fs.firstName.value, (curr) => {
-                        fs.lastName.set(curr);
-                    });
-                },
-                async autoSave(fs) {
-                    autoSave(fs.changedValue);
-                },
-            });
-            return (0, jsx_runtime_1.jsx)(FormStateApp_1.TextField, { field: getFormState({ id: "a:1", firstName: "Brandon" }).firstName });
-        }
-        // When we render
-        const r = await (0, rtl_utils_1.render)((0, jsx_runtime_1.jsx)(TestComponent, {}));
-        // And update the firstName
-        await (0, rtl_utils_1.typeAndWait)(r.firstName, "first");
-        // Then autoSave was called once with both input+calc'd values
-        expect(autoSave).toHaveBeenCalledTimes(1);
-        expect(autoSave).toHaveBeenCalledWith({ id: "a:1", firstName: "first", lastName: "first" });
-    });
-    it("can set readOnly via the hook opt", async () => {
-        // Given a test component
-        function TestComponent({ readOnly }) {
-            const { getFormState } = (0, useFormStates_1.useFormStates)({
-                config,
-                getId: (o) => o.id,
-                // And it passes readOnly directly to useFormStates
-                readOnly,
-            });
-            return (0, jsx_runtime_1.jsx)(ChildComponent, { os: getFormState({ id: "a:1", firstName: "Brandon" }) });
-        }
-        // When we render
-        const r = await (0, rtl_utils_1.render)((0, jsx_runtime_1.jsx)(TestComponent, { readOnly: true }));
-        // Then it's read only
-        expect(r.firstName).toHaveAttribute("data-readonly", "true");
-        // And when we rerender
-        await r.rerender((0, jsx_runtime_1.jsx)(TestComponent, { readOnly: false }));
-        // Then it's not read only
-        expect(r.firstName).toHaveAttribute("data-readonly", "false");
-    });
-    it("can set readOnly via the getFormState function", async () => {
-        // Given a test component
-        function TestComponent({ readOnly }) {
-            const { getFormState } = (0, useFormStates_1.useFormStates)({
-                config,
-                getId: (o) => o.id,
-            });
-            // And it passes readOnly directly to getFormState
-            return (0, jsx_runtime_1.jsx)(ChildComponent, { os: getFormState({ id: "a:1", firstName: "Brandon" }, { readOnly }) });
-        }
-        // When we render
-        const r = await (0, rtl_utils_1.render)((0, jsx_runtime_1.jsx)(TestComponent, { readOnly: true }));
-        // Then it's read only
-        expect(r.firstName).toHaveAttribute("data-readonly", "true");
-        // And when we rerender
-        await r.rerender((0, jsx_runtime_1.jsx)(TestComponent, { readOnly: false }));
-        // Then it's not read only
-        expect(r.firstName).toHaveAttribute("data-readonly", "false");
-    });
-});
-const config = {
-    id: { type: "value" },
-    firstName: { type: "value" },
-    lastName: { type: "value" },
-};
-function ChildComponent({ os }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-testid": "firstName", "data-readonly": os.firstName.readOnly, children: os.firstName.value }));
-}

package/dist/utils.d.ts

@@ -1,52 +0,0 @@
-import { ObjectConfig } from "./config";
-import { type SupportedTemporal } from "./temporal";
-import { InputAndMap, QueryAndMap, UseFormStateOpts } from "./useFormState";
-export type Builtin = Date | Function | SupportedTemporal | Uint8Array | string | number | boolean;
-export type Primitive = undefined | null | boolean | string | number | Function | Date | {
-    toJSON(): any;
-};
-/** Makes the keys in `T` required while keeping the values undefined. */
-export type DeepRequired<T> = T extends Primitive ? T : {
-    [P in keyof Required<T>]: T[P] extends Array<infer U> ? Array<DeepRequired<U>> : T[P] extends ReadonlyArray<infer U2> ? ReadonlyArray<DeepRequired<U2>> : DeepRequired<T[P]>;
-};
-export type OmitIf<Base, Condition> = Pick<Base, {
-    [Key in keyof Base]: Base[Key] extends Condition ? never : Key;
-}[keyof Base]>;
-export declare function fail(message?: string): never;
-export declare function assertNever(x: never): never;
-/** Introspects the `init` prop to see if it has a `map` function/etc. and returns the form value. */
-export declare function initValue<T>(config: ObjectConfig<T>, init: any): T;
-export declare function isInput<T, I>(init: UseFormStateOpts<T, I>["init"]): init is InputAndMap<T, I>;
-export declare function isQuery<T, I>(init: UseFormStateOpts<T, I>["init"]): init is QueryAndMap<T, I>;
-/**
- * Picks ony fields out of `instance` that are in the `formConfig`.
- *
- * This is useful for creating a form input from a GraphQL query result,
- * but ignoring extra data in the query that we don't want/need in the form.
- *
- * (Especially because the form.value will become our mutation's input type
- * that goes on the wire, we don't want superfluous data in it.)
- */
-export declare function pickFields<T, I>(formConfig: ObjectConfig<T>, instance: I): {
-    [K in keyof T]: K extends keyof I ? I[K] : never;
-};
-export declare function isNotUndefined<T>(value: T | undefined): value is T;
-export declare function isEmpty(value: any): boolean;
-/**
- * An equals that does deep-ish equality.
- *
- * We only do non-identity equals for:
- *
- * - "plain" objects that have no custom prototype/i.e. are object literals
- * - objects that implement `toJSON`
- * - arrays
- */
-export declare function areEqual<T>(a?: T, b?: T, strictOrder?: boolean): boolean;
-export declare function hasToJSON(o?: unknown): o is {
-    toJSON(): void;
-};
-/** Normalizes values into stable object-hash-safe data using our existing `toJSON` semantics. */
-export declare function normalizeHashValue(value: unknown, seen?: WeakMap<object, unknown>): unknown;
-/** Make a clone of `obj`, but only recurse into POJOs and Arrays...and stores. */
-export declare function deepClone<T>(obj: T, map?: WeakMap<WeakKey, any>): T;
-export declare function groupBy<T, Y = T, K = string>(list: readonly T[], fn: (x: T) => K, valueFn?: (x: T) => Y): Map<K, Y[]>;

package/dist/utils.js

@@ -1,198 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fail = fail;
-exports.assertNever = assertNever;
-exports.initValue = initValue;
-exports.isInput = isInput;
-exports.isQuery = isQuery;
-exports.pickFields = pickFields;
-exports.isNotUndefined = isNotUndefined;
-exports.isEmpty = isEmpty;
-exports.areEqual = areEqual;
-exports.hasToJSON = hasToJSON;
-exports.normalizeHashValue = normalizeHashValue;
-exports.deepClone = deepClone;
-exports.groupBy = groupBy;
-const is_plain_object_1 = require("is-plain-object");
-const mobx_1 = require("mobx");
-const deepEquals_1 = require("./fields/deepEquals");
-const temporal_1 = require("./temporal");
-function fail(message) {
-    throw new Error(message || "Failed");
-}
-function assertNever(x) {
-    throw new Error("Unexpected object: " + x);
-}
-/** Introspects the `init` prop to see if it has a `map` function/etc. and returns the form value. */
-function initValue(config, init) {
-    let value;
-    if (isInput(init)) {
-        value = init.input ? (init.map ? init.map(init.input) : init.input) : init.ifUndefined;
-    }
-    else if (isQuery(init)) {
-        value = init.query.data ? init.map(init.query.data) : init.ifUndefined;
-    }
-    else if (init === undefined) {
-        // allow completely undefined init
-    }
-    else {
-        throw new Error("init must have an input or query key");
-    }
-    // Given our form config, pick out only the subset of fields out of `value` (unless it's a mobx class)
-    return pickFields(config, value !== null && value !== void 0 ? value : {});
-}
-function isInput(init) {
-    return !!init && typeof init === "object" && "input" in init;
-}
-function isQuery(init) {
-    return !!init && typeof init === "object" && "query" in init && "map" in init;
-}
-/**
- * Picks ony fields out of `instance` that are in the `formConfig`.
- *
- * This is useful for creating a form input from a GraphQL query result,
- * but ignoring extra data in the query that we don't want/need in the form.
- *
- * (Especially because the form.value will become our mutation's input type
- * that goes on the wire, we don't want superfluous data in it.)
- */
-function pickFields(formConfig, instance) {
-    // If the caller is using classes, i.e. with their own custom observable behavior, then just use as-is
-    if (!(0, is_plain_object_1.isPlainObject)(instance)) {
-        return instance;
-    }
-    return Object.fromEntries(Object.entries(formConfig).map(([key, _keyConfig]) => {
-        const keyConfig = _keyConfig;
-        const value = instance[key];
-        if (keyConfig.type === "object") {
-            if (value) {
-                return [key, pickFields(keyConfig.config, value)];
-            }
-            else {
-                return [key, value];
-            }
-        }
-        else if (keyConfig.type === "list") {
-            if ((0, mobx_1.isObservable)(value)) {
-                // If we hit an observable array, leave it as the existing proxy so the our
-                // ListFieldState will react to changes in the original array.
-                return [key, value];
-            }
-            else if (value) {
-                return [key, value.map((u) => pickFields(keyConfig.config, u))];
-            }
-            else {
-                return [key, value];
-            }
-        }
-        else if (keyConfig.type === "value") {
-            return [key, value];
-        }
-        else if (keyConfig.type === "fragment") {
-            return [key, value];
-        }
-        else {
-            return assertNever(keyConfig);
-        }
-    }));
-}
-function isNotUndefined(value) {
-    return value !== undefined;
-}
-function isEmpty(value) {
-    return value === undefined || value === null || value === "";
-}
-/**
- * An equals that does deep-ish equality.
- *
- * We only do non-identity equals for:
- *
- * - "plain" objects that have no custom prototype/i.e. are object literals
- * - objects that implement `toJSON`
- * - arrays
- */
-function areEqual(a, b, strictOrder) {
-    const temporalEquals = (0, temporal_1.areSupportedTemporalValuesEqual)(a, b);
-    if (temporalEquals !== undefined) {
-        return temporalEquals;
-    }
-    if ((0, is_plain_object_1.isPlainObject)(a)) {
-        return (0, deepEquals_1.deepEquals)((0, mobx_1.toJS)(a), (0, mobx_1.toJS)(b));
-    }
-    if (hasToJSON(a) || hasToJSON(b)) {
-        const a1 = hasToJSON(a) ? a.toJSON() : a;
-        const b1 = hasToJSON(b) ? b.toJSON() : b;
-        return (0, deepEquals_1.deepEquals)(a1, b1);
-    }
-    if (a && b && a instanceof Array && b instanceof Array) {
-        if (strictOrder !== false) {
-            return (0, deepEquals_1.deepEquals)(a, b);
-        }
-        if (a.length !== b.length)
-            return false;
-        return a.every((a1) => b.some((b1) => areEqual(a1, b1)));
-    }
-    return a === b;
-}
-function hasToJSON(o) {
-    return !!(o && typeof o === "object" && "toJSON" in o);
-}
-/** Normalizes values into stable object-hash-safe data using our existing `toJSON` semantics. */
-function normalizeHashValue(value, seen = new WeakMap()) {
-    if (hasToJSON(value)) {
-        return normalizeHashValue(value.toJSON(), seen);
-    }
-    if (Array.isArray(value)) {
-        if (seen.has(value)) {
-            return seen.get(value);
-        }
-        const result = [];
-        seen.set(value, result);
-        value.forEach((entry) => result.push(normalizeHashValue(entry, seen)));
-        return result;
-    }
-    if (value && typeof value === "object" && (0, is_plain_object_1.isPlainObject)(value)) {
-        if (seen.has(value)) {
-            return seen.get(value);
-        }
-        const result = {};
-        seen.set(value, result);
-        Object.entries(value).forEach(([key, entry]) => {
-            result[key] = normalizeHashValue(entry, seen);
-        });
-        return result;
-    }
-    return value;
-}
-/** Make a clone of `obj`, but only recurse into POJOs and Arrays...and stores. */
-function deepClone(obj, map = new WeakMap()) {
-    if (obj && typeof obj === "object" && ((0, is_plain_object_1.isPlainObject)(obj) || Array.isArray(obj) || (0, mobx_1.isObservable)(obj))) {
-        if (map.has(obj))
-            return map.get(obj);
-        const result = Array.isArray(obj) ? [] : {};
-        map.set(obj, result);
-        Object.assign(result, ...getAllPropertyNames(obj).map((key) => ({ [key]: deepClone(obj[key], map) })));
-        return result;
-    }
-    else {
-        return obj;
-    }
-}
-function groupBy(list, fn, valueFn) {
-    const result = new Map();
-    list.forEach((o) => {
-        const group = fn(o);
-        if (!result.has(group)) {
-            result.set(group, []);
-        }
-        result.get(group).push(valueFn === undefined ? o : valueFn(o));
-    });
-    return result;
-}
-/** Returns all property names, including mobx computeds (non-enumerable) & inherited. */
-function getAllPropertyNames(obj) {
-    const proto = Object.getPrototypeOf(obj);
-    // Don't crawl up into Object.prototype, or into arrays/observable arrays
-    const inherited = proto && proto !== Object.prototype && !Array.isArray(obj) ? getAllPropertyNames(proto) : [];
-    return [...new Set(Object.getOwnPropertyNames(obj).concat(inherited))];
-}

package/dist/utils.test.d.ts

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