styled-hook-form/lib/components/form-builder/layouts/custom.js

React form library for styled-components based on grommet and react-hook-form

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = __importDefault(require("react"));
const shared_1 = require("./shared");
const renderFieldEditors = ({ items, methods, editorWrapComponent, shouldUnregister, }) => {
    return items.map((field) => shared_1.renderField(field, methods, editorWrapComponent, shouldUnregister));
};
const renderCustomLayout = ({ fields, methods, layout, options, children, editorWrapComponent, model }) => {
    let layoutComponent = react_1.default.cloneElement(layout, {}, jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [renderFieldEditors({
                items: fields,
                methods,
                editorWrapComponent,
                model,
                shouldUnregister: options === null || options === void 0 ? void 0 : options.shouldUnregister
            }),
            shared_1.renderChildren(children, methods)] }, void 0));
    return layoutComponent;
};
exports.default = renderCustomLayout;