@open-formulieren/formio-builder
Version:
An opinionated Formio webform builder for Open Forms
19 lines (18 loc) • 1.89 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_intl_1 = require("react-intl");
const ContentPlaceholder_1 = __importDefault(require("../../components/ContentPlaceholder"));
const formio_1 = require("../../components/formio");
/**
* Show a formio fieldset component preview.
*/
const Preview = ({ component }) => {
const { label, key, description, validate = {}, tooltip, groupLabel, hideLabel } = component;
const { required = false } = validate;
return ((0, jsx_runtime_1.jsxs)(formio_1.Component, Object.assign({ type: "editgrid", field: key, required: required, htmlId: `editform-${key}`, label: hideLabel ? undefined : label, tooltip: tooltip }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { display: 'flex', flexDirection: 'column', gap: '1em' } }, { children: [(0, jsx_runtime_1.jsx)(ContentPlaceholder_1.default, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: '7qqbU9', defaultMessage: [{ type: 1, value: "groupLabel" }, { type: 0, value: " 1" }], values: { groupLabel } }) }), (0, jsx_runtime_1.jsx)(ContentPlaceholder_1.default, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: '0TGt4t', defaultMessage: [{ type: 1, value: "groupLabel" }, { type: 0, value: " 2" }], values: { groupLabel } }) }), (0, jsx_runtime_1.jsx)(ContentPlaceholder_1.default, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'smPv/m', defaultMessage: [{ type: 1, value: "groupLabel" }, { type: 0, value: " 3" }], values: { groupLabel } }) })] })), description && (0, jsx_runtime_1.jsx)(formio_1.Description, { text: description })] })));
};
exports.default = Preview;