@open-formulieren/formio-builder
Version:
An opinionated Formio webform builder for Open Forms
180 lines (179 loc) • 6.49 kB
JavaScript
import { jsxs as n, jsx as r } from "react/jsx-runtime";
import { useContext as p } from "react";
import { useIntl as s, FormattedMessage as l } from "react-intl";
import c from "../../components/builder/label.js";
import f from "../../components/builder/description.js";
import h from "../../components/builder/tooltip.js";
import { BuilderContext as d } from "../../context.js";
import { Tabs as g, TabList as y, TabPanel as m } from "../../components/formio/tabs.js";
import "clsx";
import { useErrorChecker as b } from "../../utils/errors.js";
/* empty css */
import "@floating-ui/react";
/* empty css */
import "../../components/formio/textfield.js";
import u from "../../components/formio/checkbox.js";
import "../../components/formio/datefield.js";
import "../../components/formio/datetimefield.js";
import "../../components/formio/timefield.js";
/* empty css */
import "formik";
import "react-select";
import "dompurify";
import "../../components/formio/textarea.js";
import "../../components/formio/datagrid.js";
/* empty css */
import { LABELS as a } from "../../components/builder/messages.js";
import C, { useDeriveComponentKey as E } from "../../components/builder/key.js";
import M from "../../components/builder/hidden.js";
import I from "../../components/builder/clear-on-hide.js";
import T from "../../components/builder/is-sensitive-data.js";
import v from "../../components/builder/presentation-config.js";
import "../addressNL/index.js";
import "../bsn/index.js";
import "../checkbox/index.js";
import "../children/index.js";
import "../columns/index.js";
import "../content/index.js";
import "../cosignV1/index.js";
import "../cosignV2/index.js";
import "../currency/index.js";
import "../customerProfile/index.js";
import "../date/index.js";
import "../datetime/index.js";
import "../editgrid/index.js";
import "../email/index.js";
import "../fieldset/index.js";
import "../file/index.js";
import "../iban/index.js";
import "../licenseplate/index.js";
import "../map/index.js";
import "./index.js";
import "../number/index.js";
import "../partners/index.js";
import "../phonenumber/index.js";
import "../postcode/index.js";
import "../radio/index.js";
import "../select/index.js";
import "../selectboxes/index.js";
import "../signature/index.js";
import "../softRequiredErrors/index.js";
import "../textarea/index.js";
import "../textfield/index.js";
import "../time/index.js";
import "@ckeditor/ckeditor5-react";
import "../../components/CKEditor.js";
/* empty css */
import S from "../../components/builder/simple-conditional.js";
import P from "../../components/builder/validate/required.js";
import w from "../../components/builder/validate/validator-select.js";
import x, { useManageValidatorsTranslations as D } from "../../components/builder/validate/i18n.js";
import L from "../../components/builder/registration/registration-attribute.js";
import "react-use";
import "../../components/builder/prefill/identifierRole.js";
import { ComponentTranslations as V } from "../../components/builder/i18n.js";
import { Basic as q, Advanced as A, Validation as F, Registration as R, Translations as k } from "../../components/builder/tabs.js";
import "@open-formulieren/monaco-json-editor";
import "../../components/builder/values/values-src.js";
import "lodash";
/* empty css */
const B = () => {
const t = s(), [o, i] = E(), {
hasAnyError: e
} = b();
return D(["required"]), /* @__PURE__ */ n(g, { children: [
/* @__PURE__ */ n(y, { children: [
/* @__PURE__ */ r(q, { hasErrors: e("label", "key", "description", "tooltip", "showInSummary", "showInEmail", "showInPDF", "hidden", "clearOnHide", "isSensitiveData", "includePartners", "includeChildren") }),
/* @__PURE__ */ r(A, { hasErrors: e("conditional") }),
/* @__PURE__ */ r(F, { hasErrors: e("validate") }),
/* @__PURE__ */ r(R, { hasErrors: e("registration") }),
/* @__PURE__ */ r(k, { hasErrors: e("openForms.translations") })
] }),
/* @__PURE__ */ n(m, { children: [
/* @__PURE__ */ r(c, {}),
/* @__PURE__ */ r(C, { isManuallySetRef: o, generatedValue: i }),
/* @__PURE__ */ r(f, {}),
/* @__PURE__ */ r(h, {}),
/* @__PURE__ */ r(v, {}),
/* @__PURE__ */ r(M, {}),
/* @__PURE__ */ r(I, {}),
/* @__PURE__ */ r(T, {}),
/* @__PURE__ */ r(H, {}),
/* @__PURE__ */ r(K, {})
] }),
/* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(S, {}) }),
/* @__PURE__ */ n(m, { children: [
/* @__PURE__ */ r(P, {}),
/* @__PURE__ */ r(w, {}),
/* @__PURE__ */ r(x, {})
] }),
/* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(L, {}) }),
/* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(V, { propertyLabels: {
label: t.formatMessage(a.label),
description: t.formatMessage(a.description),
tooltip: t.formatMessage(a.tooltip)
} }) })
] });
};
B.defaultValues = {
// basic tab
label: "",
key: "",
description: "",
tooltip: "",
showInSummary: !0,
showInEmail: !1,
showInPDF: !0,
hidden: !1,
clearOnHide: !0,
isSensitiveData: !0,
includeChildren: !0,
includePartners: !0,
// Advanced tab
conditional: {
show: void 0,
when: "",
eq: ""
},
// Validation tab
validate: {
required: !1,
plugins: []
},
translatedErrors: {},
registration: {
attribute: ""
}
};
const H = () => {
const t = s(), {
formType: o
} = p(d), i = t.formatMessage({
id: "ZOytnI",
defaultMessage: [{
type: 0,
value: "Whether to add partners information to the component."
}]
});
return o === "appointment" ? null : /* @__PURE__ */ r(u, { name: "includePartners", label: /* @__PURE__ */ r(l, { id: "qmBAmr", defaultMessage: [{
type: 0,
value: "Include partners"
}] }), tooltip: i });
}, K = () => {
const t = s(), {
formType: o
} = p(d), i = t.formatMessage({
id: "nC9GEx",
defaultMessage: [{
type: 0,
value: "Whether to add children information to the component."
}]
});
return o === "appointment" ? null : /* @__PURE__ */ r(u, { name: "includeChildren", label: /* @__PURE__ */ r(l, { id: "o5Mfn3", defaultMessage: [{
type: 0,
value: "Include children"
}] }), tooltip: i });
};
export {
B as default
};