uniforms/esm/useField.js

Core package of uniforms.

import get from 'lodash/get';
import mapValues from 'lodash/mapValues';
import { useCallback, useEffect, useMemo, useRef } from 'react';
import { joinName } from './joinName';
import { useForm } from './useForm';
export function useField(fieldName, props, options) {
    var _a, _b, _c;
    const context = useForm();
    const name = joinName((options === null || options === void 0 ? void 0 : options.absoluteName) ? '' : context.name, fieldName);
    const field = context.schema.getField(name);
    const usesInitialValue = (options === null || options === void 0 ? void 0 : options.initialValue) !== false;
    // eslint-disable-next-line react-hooks/rules-of-hooks
    const onChangeCalled = usesInitialValue ? useRef(false) : { current: false };
    const state = mapValues(context.state, (prev, key) => {
        const next = props[key];
        return next !== null && next !== undefined ? !!next : prev;
    });
    const changed = !!get(context.changedMap, name);
    const error = context.schema.getError(name, context.error);
    const errorMessage = context.schema.getErrorMessage(name, context.error);
    const fieldType = context.schema.getType(name);
    const fields = context.schema.getSubfields(name);
    const schemaProps = context.schema.getProps(name);
    const label = (_b = (_a = props.label) !== null && _a !== void 0 ? _a : schemaProps.label) !== null && _b !== void 0 ? _b : '';
    // eslint-disable-next-line react-hooks/exhaustive-deps
    const id = useMemo(() => context.randomId(), []);
    const onChange = useCallback((value, key = name) => {
        onChangeCalled.current = true;
        context.onChange(key, value);
    }, 
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [context.onChange, name]);
    // @ts-expect-error The `props` should be typed more precisely.
    const valueFromModel = get(context.model, name);
    let initialValue;
    let value = (_c = props.value) !== null && _c !== void 0 ? _c : valueFromModel;
    if (usesInitialValue) {
        if (!onChangeCalled.current) {
            if (value === undefined) {
                value = context.schema.getInitialValue(name);
                initialValue = value;
            }
            else if (props.value !== undefined && props.value !== valueFromModel) {
                initialValue = props.value;
            }
        }
        // eslint-disable-next-line react-hooks/rules-of-hooks
        useEffect(() => {
            if (initialValue !== undefined) {
                onChange(initialValue);
            }
            // eslint-disable-next-line react-hooks/exhaustive-deps
        }, []);
    }
    const fieldProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ id }, state), { changed,
        error,
        errorMessage,
        field,
        fieldType,
        fields,
        onChange,
        value }), schemaProps), props), { label,
        name });
    return [fieldProps, context];
}