@open-formulieren/formio-builder
Version:
An opinionated Formio webform builder for Open Forms
12 lines (11 loc) • 1.8 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_intl_1 = require("react-intl");
const formio_1 = require("../../components/formio");
const formio_2 = require("../../components/formio");
const Preview = ({ component }) => {
const { key, label, description, tooltip } = component;
return ((0, jsx_runtime_1.jsxs)(formio_2.FieldSet, Object.assign({ field: key, label: label, tooltip: tooltip }, { children: [(0, jsx_runtime_1.jsx)(formio_2.TextField, { name: `${key}.bsn`, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'hkXaC1', defaultMessage: [{ type: 0, value: "BSN" }] }), value: "123456788", disabled: true }), (0, jsx_runtime_1.jsx)(formio_2.TextField, { name: `${key}.initials`, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: '/kZu2e', defaultMessage: [{ type: 0, value: "Initials" }] }), value: "J", disabled: true }), (0, jsx_runtime_1.jsx)(formio_2.TextField, { name: `${key}.affixes`, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'M2+MHj', defaultMessage: [{ type: 0, value: "Affixes" }] }), value: "Van", disabled: true }), (0, jsx_runtime_1.jsx)(formio_2.TextField, { name: `${key}.lastname`, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'JKnHMC', defaultMessage: [{ type: 0, value: "Lastname" }] }), value: "Deniston", disabled: true }), (0, jsx_runtime_1.jsx)(formio_2.TextField, { name: `${key}.dateOfBirth`, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'ZYWsHs', defaultMessage: [{ type: 0, value: "Date of birth" }] }), value: "2000-08-09", disabled: true }), description && (0, jsx_runtime_1.jsx)(formio_1.Description, { text: description })] })));
};
exports.default = Preview;