@timeax/form-palette 0.0.4 → 0.0.6

package/dist/core/core-provider.js

@@ -1,663 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// src/core/core-provider.tsx
-// noinspection JSConstantReassignment,JSUnusedGlobalSymbols,GrazieInspection
-import * as React from "react";
-import { CoreContextReact } from "@/core/context";
-import { mapZodError } from "@/core/errors/map-zod";
-import { mapErrorBag } from "@/core/errors/map-error-bag";
-import { getAdapter, localAdapter } from "@/core/adapter-registry";
-import { FieldRegistry } from "@/core/registry/field-registry";
-// ─────────────────────────────────────────────────────────────
-// Internal helpers (generic utils)
-// ─────────────────────────────────────────────────────────────
-function isPlainObject(value) {
-    return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function deepEqual(a, b) {
-    if (a === b)
-        return true;
-    // NaN === NaN
-    if (typeof a === "number" && typeof b === "number") {
-        if (Number.isNaN(a) && Number.isNaN(b))
-            return true;
-    }
-    if (Array.isArray(a) && Array.isArray(b)) {
-        if (a.length !== b.length)
-            return false;
-        for (let i = 0; i < a.length; i++) {
-            if (!deepEqual(a[i], b[i]))
-                return false;
-        }
-        return true;
-    }
-    if (isPlainObject(a) && isPlainObject(b)) {
-        const aKeys = Object.keys(a);
-        const bKeys = Object.keys(b);
-        if (aKeys.length !== bKeys.length)
-            return false;
-        for (const key of aKeys) {
-            if (!Object.prototype.hasOwnProperty.call(b, key))
-                return false;
-            if (!deepEqual(a[key], b[key]))
-                return false;
-        }
-        return true;
-    }
-    return false;
-}
-// ─────────────────────────────────────────────────────────────
-// CoreProvider
-// ─────────────────────────────────────────────────────────────
-/**
- * CoreProvider: owns the form/core runtime state and implements CoreContext.
- *
- * - Tracks all inputs in a single store (inputsRef)
- * - Supports:
- *   - named inputs via `name`
- *   - bound inputs via `bindId`
- *   - grouped inputs via `groupId`
- * - Manages errors + uncaught messages
- * - Builds values snapshots (including bucket values)
- * - Orchestrates submission via the adapter registry
- */
-export function CoreProvider(props) {
-    // Single input store: FieldRegistry
-    const registryRef = React.useRef(new FieldRegistry());
-    // bucket, errors, button
-    const bucketRef = React.useRef({});
-    const uncaughtRef = React.useRef([]);
-    const buttonRef = React.useRef(null);
-    const activeButtonNameRef = React.useRef(null);
-    /**
-     * Original snapshot used for "dirty" checks.
-     * Lazily captured on first dirty-check.
-     */
-    const originalRef = React.useRef(null);
-    // latest props
-    const propsRef = React.useRef(props);
-    React.useEffect(() => {
-        propsRef.current = props;
-    }, [props]);
-    const adapterKey = (props.adapter ?? "local");
-    const schema = props.schema;
-    let context;
-    // ─────────────────────────────────────────────────────────
-    // Common helpers
-    // ─────────────────────────────────────────────────────────
-    function fetchAllNamedFields() {
-        return registryRef.current.getAllNamed();
-    }
-    function clearFieldErrors() {
-        for (const field of fetchAllNamedFields()) {
-            const anyField = field;
-            if (typeof anyField.setError === "function") {
-                anyField.setError(undefined);
-            }
-            else if ("error" in anyField) {
-                anyField.error = undefined;
-            }
-        }
-    }
-    function findFieldForErrorKey(key) {
-        if (!key)
-            return undefined;
-        return fetchAllNamedFields().find((f) => {
-            const raw = f.name;
-            if (!raw)
-                return false;
-            const trimmed = raw.trim();
-            if (!trimmed)
-                return false;
-            const base = trimmed.replace(/\[]$/, "");
-            if (key === base || key === trimmed)
-                return true;
-            const sharedKey = f.shared;
-            if (!sharedKey)
-                return false;
-            const sharedBase = `${sharedKey}.${base}`;
-            const sharedRaw = `${sharedKey}.${trimmed}`;
-            return key === sharedBase || key === sharedRaw;
-        });
-    }
-    function setFieldError(name, message) {
-        const field = findFieldForErrorKey(name);
-        if (field) {
-            const anyField = field;
-            if (typeof anyField.setError === "function") {
-                anyField.setError(message);
-            }
-            else {
-                anyField.error = message;
-            }
-        }
-        else {
-            uncaughtRef.current.push(message);
-        }
-    }
-    /**
-     * Collect values from inputs into a Values object.
-     *
-     * Semantics:
-     * - `name="tags[]"` ⇒ `values.tags: unknown[]`
-     * - `shared="profile", name="first_name"` ⇒ `values.profile.first_name`
-     * - bucketRef.current is merged in and overridden by live field values.
-     * - `exceptions` can hide keys (e.g. ["password", "profile.ssn"])
-     */
-    function collectValues() {
-        const exceptions = propsRef.current.exceptions ?? [];
-        const list = {};
-        const shared = {};
-        for (const item of fetchAllNamedFields()) {
-            const rawName = item.name;
-            if (!rawName)
-                continue;
-            const trimmed = rawName.trim();
-            if (!trimmed)
-                continue;
-            const isArray = trimmed.endsWith("[]");
-            const base = trimmed.replace(/\[]$/, "");
-            const sharedKey = item.shared;
-            const target = sharedKey
-                ? (shared[sharedKey] ?? (shared[sharedKey] = {}))
-                : list;
-            const fullPath = sharedKey ? `${sharedKey}.${base}` : base;
-            if (exceptions.includes(trimmed) ||
-                exceptions.includes(base) ||
-                exceptions.includes(fullPath)) {
-                continue;
-            }
-            const anyField = item;
-            const val = typeof anyField.getValue === "function"
-                ? anyField.getValue()
-                : anyField.value;
-            if (isArray) {
-                const existing = target[base];
-                if (Array.isArray(existing)) {
-                    target[base] = [...existing, val];
-                }
-                else if (typeof existing === "undefined") {
-                    target[base] = [val];
-                }
-                else {
-                    target[base] = [existing, val];
-                }
-            }
-            else {
-                target[base] = val;
-            }
-        }
-        const fromFields = { ...list, ...shared };
-        const merged = {
-            ...bucketRef.current,
-            ...fromFields,
-        };
-        return merged;
-    }
-    function validateInternal(report = false) {
-        let valid = true;
-        if (report) {
-            uncaughtRef.current = [];
-            clearFieldErrors();
-        }
-        // field-level
-        for (const field of fetchAllNamedFields()) {
-            const anyField = field;
-            if (typeof anyField.validate === "function") {
-                const ok = anyField.validate(report);
-                if (!ok)
-                    valid = false;
-            }
-        }
-        // schema-level
-        if (schema) {
-            try {
-                schema.parse(collectValues());
-            }
-            catch (err) {
-                valid = false;
-                if (report && err && typeof err === "object") {
-                    const anyErr = err;
-                    if (anyErr.issues) {
-                        const { fieldErrors, uncaught } = mapZodError(anyErr);
-                        for (const [name, message] of Object.entries(fieldErrors)) {
-                            setFieldError(name, message);
-                        }
-                        if (uncaught.length) {
-                            uncaughtRef.current.push(...uncaught);
-                        }
-                    }
-                }
-            }
-        }
-        return valid;
-    }
-    // ─────────────────────────────────────────────────────────
-    // Submission
-    // ─────────────────────────────────────────────────────────
-    async function submitWithAdapter(method, route, extra, ignoreForm, autoErr = true, autoRun = true) {
-        const currentProps = propsRef.current;
-        // active button + loading
-        const btn = buttonRef.current;
-        const activeName = activeButtonNameRef.current;
-        const isActiveButton = !!btn && typeof btn === "object" && btn.name === activeName;
-        const setButtonLoading = (loading) => {
-            if (!isActiveButton)
-                return;
-            if (typeof btn.setLoading === "function") {
-                btn.setLoading(loading);
-            }
-            else if ("loading" in btn) {
-                btn.loading = loading;
-            }
-        };
-        setButtonLoading(true);
-        let finished = false;
-        const finish = () => {
-            if (finished)
-                return;
-            finished = true;
-            setButtonLoading(false);
-        };
-        if (!ignoreForm) {
-            const ok = validateInternal(true);
-            if (!ok) {
-                finish();
-                return undefined;
-            }
-        }
-        let submissionValues = {
-            ...collectValues(),
-            ...(extra ?? {}),
-        };
-        const event = {
-            preventDefault() {
-                this.continue = false;
-            },
-            editData(cb) {
-                const result = cb(submissionValues);
-                if (result) {
-                    submissionValues = result;
-                }
-            },
-            setRoute(newRoute) {
-                route = newRoute;
-            },
-            setMethod(newMethod) {
-                method = newMethod;
-            },
-            button: buttonRef.current ?? undefined,
-            get formData() {
-                return submissionValues;
-            },
-            form: context,
-            continue: true,
-        };
-        if (currentProps.onSubmit) {
-            try {
-                await currentProps.onSubmit(event);
-            }
-            catch (err) {
-                // host blew up: end this submit cycle
-                finish();
-                throw err;
-            }
-        }
-        if (!event.continue) {
-            finish();
-            return undefined;
-        }
-        const factory = getAdapter(adapterKey) ??
-            localAdapter;
-        const adapter = factory({
-            method,
-            url: route,
-            data: submissionValues,
-            callbacks: {
-                onSuccess(ok) {
-                    const maybe = propsRef.current.onSubmitted;
-                    if (maybe) {
-                        void maybe(context, ok, () => {
-                            finish();
-                        });
-                    }
-                },
-                onError(err) {
-                    if (!autoErr || !err || typeof err !== "object") {
-                        return;
-                    }
-                    const anyErr = err;
-                    if (anyErr.errors && typeof anyErr.errors === "object") {
-                        const { fieldErrors, uncaught } = mapErrorBag(anyErr.errors);
-                        for (const [name, message] of Object.entries(fieldErrors)) {
-                            setFieldError(name, message);
-                        }
-                        if (uncaught.length) {
-                            uncaughtRef.current.push(...uncaught);
-                        }
-                    }
-                },
-                onFinish() {
-                    const maybe = propsRef.current.onFinish;
-                    if (maybe) {
-                        maybe(context);
-                    }
-                    finish();
-                },
-            },
-        });
-        if (autoRun) {
-            try {
-                await adapter.send();
-            }
-            catch {
-                // errors flow via callbacks; adapter may still call onFinish
-            }
-        }
-        return adapter;
-    }
-    // No separate inputs view: expose registry directly via context.inputs
-    // ─────────────────────────────────────────────────────────
-    // CoreContext implementation
-    // ─────────────────────────────────────────────────────────
-    context = {
-        values() {
-            return collectValues();
-        },
-        submit() {
-            const valid = validateInternal(true);
-            const vals = collectValues();
-            return { values: vals, valid };
-        },
-        getBind(id) {
-            return registryRef.current.getByBind(id);
-        },
-        validate(report) {
-            return validateInternal(report);
-        },
-        addField(field) {
-            // Normalise name
-            const rawName = field.name ?? "";
-            field.name = rawName.trim();
-            // hydrate from valueBag before registering
-            const { valueBag, valueFeed } = propsRef.current;
-            const trimmed = (field.name ?? "").trim();
-            const hasName = !!trimmed;
-            const isArray = hasName && trimmed.endsWith("[]");
-            const base = hasName ? trimmed.replace(/\[]$/, "") : "";
-            const sharedKey = field.shared;
-            if (valueBag && !field.ignore && hasName) {
-                const sourceRoot = sharedKey && valueBag[sharedKey]
-                    ? valueBag[sharedKey]
-                    : valueBag;
-                let value = undefined;
-                if (sourceRoot && typeof sourceRoot === "object") {
-                    if (isArray && Array.isArray(sourceRoot[base])) {
-                        const siblings = fetchAllNamedFields().filter((f) => {
-                            const rn = (f.name ?? "").trim();
-                            return (rn === trimmed &&
-                                f.shared ===
-                                    sharedKey);
-                        });
-                        const idx = siblings.length;
-                        value = sourceRoot[base][idx];
-                    }
-                    else {
-                        value = sourceRoot[base];
-                    }
-                }
-                let hydrated = value;
-                if (valueFeed) {
-                    const maybe = valueFeed(base, value, context);
-                    if (typeof maybe !== "undefined") {
-                        hydrated = maybe;
-                    }
-                }
-                if (typeof hydrated !== "undefined") {
-                    const anyField = field;
-                    if (typeof anyField.setValue === "function") {
-                        anyField.setValue(hydrated);
-                    }
-                    else {
-                        anyField.value = hydrated;
-                    }
-                }
-            }
-            // finally register into the single store (name/bindId/groupId)
-            registryRef.current.add(field);
-        },
-        // Expose registry view as inputs (delegates to FieldRegistry instance)
-        inputs: registryRef.current,
-        // Also expose raw list of fields for compatibility is defined later as a getter
-        bucket: bucketRef.current,
-        error(nameOrBag, maybeMsg) {
-            if (typeof nameOrBag === "string") {
-                if (!maybeMsg)
-                    return;
-                setFieldError(nameOrBag, maybeMsg);
-                return;
-            }
-            const { fieldErrors, uncaught } = mapErrorBag(nameOrBag);
-            for (const [name, message] of Object.entries(fieldErrors)) {
-                setFieldError(name, message);
-            }
-            if (uncaught.length) {
-                uncaughtRef.current.push(...uncaught);
-            }
-        },
-        controlButton() {
-            const { activateButtonOnChange } = propsRef.current;
-            if (!activateButtonOnChange)
-                return;
-            const btn = buttonRef.current;
-            const activeName = activeButtonNameRef.current;
-            // If there is no active button or it doesn't match, nothing to control.
-            if (!btn || btn.name !== activeName) {
-                return;
-            }
-            // Capture original snapshot lazily.
-            if (!originalRef.current) {
-                originalRef.current = collectValues();
-            }
-            const current = collectValues();
-            const original = originalRef.current;
-            const dirty = !deepEqual(original, current);
-            const setDisabled = (disabled) => {
-                if (typeof btn.setDisabled === "function") {
-                    btn.setDisabled(disabled);
-                }
-                else if ("disabled" in btn) {
-                    btn.disabled = disabled;
-                }
-            };
-            // Dirty ⇒ enable button, clean ⇒ disable button
-            setDisabled(!dirty);
-        },
-        isDirty() {
-            if (!originalRef.current) {
-                originalRef.current = collectValues();
-            }
-            const current = collectValues();
-            const original = originalRef.current;
-            return !deepEqual(original, current);
-        },
-        async prepare(type, route, extra, ignoreForm, autoErr) {
-            return submitWithAdapter(type, route, extra, ignoreForm, autoErr, false);
-        },
-        persist(data, feed) {
-            const seen = {};
-            const root = data;
-            const useFeed = feed ||
-                (propsRef.current.valueFeed
-                    ? (name, value, original) => {
-                        const vf = propsRef.current.valueFeed;
-                        const maybe = vf(name, value, context);
-                        return typeof maybe === "undefined"
-                            ? original
-                            : maybe;
-                    }
-                    : undefined);
-            for (const field of fetchAllNamedFields()) {
-                const rawName = field.name;
-                if (!rawName)
-                    continue;
-                if (field.ignore)
-                    continue;
-                const trimmed = rawName.trim();
-                if (!trimmed)
-                    continue;
-                const isArray = trimmed.endsWith("[]");
-                const base = trimmed.replace(/\[]$/, "");
-                const sharedKey = field.shared;
-                const key = sharedKey ? `${sharedKey}.${base}` : base;
-                let value = undefined;
-                if (sharedKey) {
-                    const group = root[sharedKey];
-                    if (group && typeof group === "object") {
-                        if (isArray && Array.isArray(group[base])) {
-                            const idx = seen[key] ?? 0;
-                            value = group[base][idx];
-                            seen[key] = idx + 1;
-                        }
-                        else {
-                            value = group[base];
-                        }
-                    }
-                }
-                else {
-                    if (isArray && Array.isArray(root[base])) {
-                        const idx = seen[key] ?? 0;
-                        value = root[base][idx];
-                        seen[key] = idx + 1;
-                    }
-                    else {
-                        value = root[base];
-                    }
-                }
-                const anyField = field;
-                const original = typeof anyField.getValue === "function"
-                    ? anyField.getValue()
-                    : anyField.value;
-                let next = value;
-                if (useFeed) {
-                    const maybe = useFeed(base, value, original);
-                    if (typeof maybe === "undefined") {
-                        continue;
-                    }
-                    next = maybe;
-                }
-                if (typeof anyField.setValue === "function") {
-                    anyField.setValue(next);
-                }
-                else {
-                    anyField.value = next;
-                }
-            }
-            if (propsRef.current.onUpdate) {
-                propsRef.current.onUpdate(collectValues());
-            }
-        },
-        setValue(name, value) {
-            if (!name)
-                return;
-            let sharedKey;
-            let base = name;
-            if (name.includes(".")) {
-                const [group, field] = name.split(".", 2);
-                sharedKey = group;
-                base = field;
-            }
-            const targetField = fetchAllNamedFields().find((f) => {
-                const raw = (f.name ?? "").trim();
-                if (!raw)
-                    return false;
-                const isArray = raw.endsWith("[]");
-                const rawBase = raw.replace(/\[]$/, "");
-                const fShared = f.shared;
-                const sameGroup = fShared === sharedKey;
-                const sameName = raw === name ||
-                    rawBase === base ||
-                    `${fShared}.${rawBase}` === name;
-                return (!sharedKey || sameGroup) && sameName && !isArray;
-            });
-            if (targetField) {
-                const anyField = targetField;
-                if (typeof anyField.setValue === "function") {
-                    anyField.setValue(value);
-                }
-                else {
-                    anyField.value = value;
-                }
-            }
-            else {
-                bucketRef.current[name] = value;
-            }
-            if (propsRef.current.onUpdate) {
-                propsRef.current.onUpdate(collectValues());
-            }
-        },
-        go(data, ignoreForm) {
-            void submitWithAdapter("post", "", data, ignoreForm, true, true);
-        },
-        reset(inputs) {
-            if (!inputs.length)
-                return;
-            for (const field of fetchAllNamedFields()) {
-                const raw = field.name;
-                if (!raw)
-                    continue;
-                if (!inputs.includes(raw))
-                    continue;
-                const anyField = field;
-                if (typeof anyField.reset === "function") {
-                    anyField.reset();
-                }
-                else if (typeof anyField.setValue === "function") {
-                    anyField.setValue(undefined);
-                }
-                else {
-                    anyField.value = undefined;
-                }
-            }
-        },
-        set button(btn) {
-            buttonRef.current = btn;
-        },
-        async forceSubmit() {
-            await submitWithAdapter("post", "", undefined, false, true, true);
-        },
-        get fields() {
-            return fetchAllNamedFields();
-        },
-        get props() {
-            const { formRef, valueBag, ...rest } = propsRef.current;
-            return rest;
-        },
-        setActiveButton(name) {
-            activeButtonNameRef.current = name;
-        },
-        getUncaught() {
-            return uncaughtRef.current;
-        },
-    };
-    // formRef exposure
-    React.useEffect(() => {
-        if (!props.formRef)
-            return;
-        props.formRef.current = context;
-        return () => {
-            if (props.formRef) {
-                props.formRef.current = null;
-            }
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [context]);
-    // init hook once
-    React.useEffect(() => {
-        if (props.init) {
-            props.init(context);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return (_jsx(CoreContextReact.Provider, { value: context, children: props.children }));
-}
-//# sourceMappingURL=core-provider.js.map