react-hook-form-builder/dist/esm/components/elementParser/index.js

light weight schema Form builder for react-hook-form

var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
import React, { useEffect } from "react";
import { Controller, useFormContext } from "react-hook-form";
import { isFunction } from "../../utils/helpers";
import { FormBuilderContext } from "../formBuilderProvider";
var ElementParser = function (_a) {
    var _b, _c;
    var schema = _a.schema;
    var formBuilderContext = React.useContext(FormBuilderContext);
    var formProps = useFormContext(); // retrieve all hook methods
    var props = schema.props, onDidMount = schema.onDidMount, onDidUnMount = schema.onDidUnMount;
    var Element = (_c = (_b = formBuilderContext === null || formBuilderContext === void 0 ? void 0 : formBuilderContext.elements) === null || _b === void 0 ? void 0 : _b.find(function (a) { return a.key === (schema === null || schema === void 0 ? void 0 : schema.elementType); })) === null || _c === void 0 ? void 0 : _c.element;
    var schemaProps = props && isFunction(props) ? props(formProps) : props;
    /**
     * onDidMount is a function that will be called after the field is mounted.
     * onDidUnMount is a function that will be called after the field is unmounted.
     */
    useEffect(function () {
        if (onDidMount && isFunction(onDidMount)) {
            onDidMount(formProps);
        }
        return function () {
            if (onDidUnMount && isFunction(onDidUnMount)) {
                onDidUnMount(formProps);
            }
        };
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [onDidMount, onDidUnMount]);
    if (!Element)
        return _jsx(_Fragment, {});
    if (schema.ignoreController)
        return _jsx(Element, __assign({}, schemaProps));
    return (_jsx(Controller, { name: "".concat(schema === null || schema === void 0 ? void 0 : schema.key), control: formProps.control, rules: schema.rules, defaultValue: schema.defaultValue, render: function (_a) {
            var field = _a.field, fieldState = _a.fieldState, formState = _a.formState;
            return _jsx(Element, __assign({}, __assign(__assign({ fieldState: fieldState, formState: formState }, field), schemaProps)));
        } }));
};
export default ElementParser;