@open-formulieren/formio-builder
Version:
An opinionated Formio webform builder for Open Forms
69 lines (68 loc) • 2.53 kB
JavaScript
import { jsxs as o, jsx as e, Fragment as f } from "react/jsx-runtime";
import b from "clsx";
import { FormattedMessage as i } from "react-intl";
import "../../components/formio/tabs.js";
import "formik";
/* empty css */
import "@floating-ui/react";
import "react";
/* empty css */
import c from "../../components/formio/description.js";
import { TextFieldMultiple as r } from "../../components/formio/textfield.js";
import "../../context.js";
import "lodash";
/* empty css */
import "react-select";
import "dompurify";
import "../../components/formio/datagrid.js";
import v from "../../components/formio/fieldset.js";
/* empty css */
const C = ({
component: l
}) => {
const {
key: t,
label: d,
description: s,
tooltip: m,
validate: p = {},
deriveAddress: u,
layout: n
} = l, {
required: a = !1
} = p;
return /* @__PURE__ */ o(v, { field: t, label: d, tooltip: m, children: [
s && /* @__PURE__ */ e(c, { text: s }),
/* @__PURE__ */ o("div", { className: b("offb-addressnl-preview", `offb-addressnl-preview--${n}`), children: [
/* @__PURE__ */ e(r, { name: `${t}.postcode`, label: /* @__PURE__ */ e(i, { id: "guySt0", defaultMessage: [{
type: 0,
value: "Postcode"
}] }), inputMask: "9999 AA", required: a }),
/* @__PURE__ */ e(r, { name: `${t}.houseNumber`, label: /* @__PURE__ */ e(i, { id: "mf9eF+", defaultMessage: [{
type: 0,
value: "House number"
}] }), required: a }),
/* @__PURE__ */ e(r, { name: `${t}.houseLetter`, label: /* @__PURE__ */ e(i, { id: "b5Bxb/", defaultMessage: [{
type: 0,
value: "House letter addition"
}] }), inputMask: "A" }),
/* @__PURE__ */ e(r, { name: `${t}.houseNumberAddition`, label: /* @__PURE__ */ e(i, { id: "pfdsz9", defaultMessage: [{
type: 0,
value: "House number addition"
}] }) }),
u && /* @__PURE__ */ o(f, { children: [
/* @__PURE__ */ e(r, { name: `${t}.city`, label: /* @__PURE__ */ e(i, { id: "osSl3z", defaultMessage: [{
type: 0,
value: "City"
}] }), disabled: !0, required: a }),
/* @__PURE__ */ e(r, { name: `${t}.streetNumber`, label: /* @__PURE__ */ e(i, { id: "DEetjI", defaultMessage: [{
type: 0,
value: "Street name"
}] }), disabled: !0, required: a })
] })
] })
] });
};
export {
C as default
};