UNPKG

@open-formulieren/formio-builder

Version:

An opinionated Formio webform builder for Open Forms

126 lines (125 loc) 4.73 kB
import { jsxs as i, jsx as r } from "react/jsx-runtime"; import { useIntl as l } from "react-intl"; import n from "../../components/builder/label.js"; import p from "../../components/builder/description.js"; import d from "../../components/builder/tooltip.js"; import u from "../../components/builder/autocomplete.js"; import { Tabs as f, TabList as c, TabPanel as e } from "../../components/formio/tabs.js"; import "clsx"; import { useErrorChecker as h } from "../../utils/errors.js"; /* empty css */ import "@floating-ui/react"; import "react"; /* empty css */ import { TextFieldMultiple as b } from "../../components/formio/textfield.js"; import "formik"; import "../../context.js"; import "lodash"; /* empty css */ import "react-select"; import "dompurify"; import "../../components/formio/datagrid.js"; import { LABELS as a } from "../../components/builder/messages.js"; import g, { useDeriveComponentKey as y } from "../../components/builder/key.js"; import E from "../../components/builder/hidden.js"; import T from "../../components/builder/clear-on-hide.js"; import S from "../../components/builder/is-sensitive-data.js"; import V from "../../components/builder/presentation-config.js"; import "formiojs"; import "@ckeditor/ckeditor5-react"; import "../../components/CKEditor.js"; /* empty css */ import v from "../../components/builder/simple-conditional.js"; import C from "../../components/builder/validate/required.js"; import M from "../../components/builder/validate/validator-select.js"; import w, { useManageValidatorsTranslations as D } from "../../components/builder/validate/i18n.js"; import I from "../../components/builder/registration/registration-attribute.js"; import "react-use"; import "../../components/builder/prefill/identifierRole.js"; import { ComponentTranslations as F } from "../../components/builder/i18n.js"; import { Basic as L, Advanced as P, Validation as x, Registration as A, Translations as R } from "../../components/builder/tabs.js"; import "@open-formulieren/monaco-json-editor"; import "../../components/builder/values/values-src.js"; /* empty css */ const q = () => { const t = l(), [s, m] = y(), { hasAnyError: o } = h(); return D(["required"]), /* @__PURE__ */ i(f, { children: [ /* @__PURE__ */ i(c, { children: [ /* @__PURE__ */ r(L, { hasErrors: o("label", "key", "description", "tooltip", "showInSummary", "showInEmail", "showInPDF", "hidden", "clearOnHide", "isSensitiveData", "defaultValue", "autocomplete") }), /* @__PURE__ */ r(P, { hasErrors: o("conditional") }), /* @__PURE__ */ r(x, { hasErrors: o("validate") }), /* @__PURE__ */ r(A, { hasErrors: o("registration") }), /* @__PURE__ */ r(R, { hasErrors: o("openForms.translations") }) ] }), /* @__PURE__ */ i(e, { children: [ /* @__PURE__ */ r(n, {}), /* @__PURE__ */ r(g, { isManuallySetRef: s, generatedValue: m }), /* @__PURE__ */ r(p, {}), /* @__PURE__ */ r(d, {}), /* @__PURE__ */ r(V, {}), /* @__PURE__ */ r(E, {}), /* @__PURE__ */ r(T, {}), /* @__PURE__ */ r(S, {}), /* @__PURE__ */ r(H, {}), /* @__PURE__ */ r(u, {}) ] }), /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(v, {}) }), /* @__PURE__ */ i(e, { children: [ /* @__PURE__ */ r(C, {}), /* @__PURE__ */ r(M, {}), /* @__PURE__ */ r(w, {}) ] }), /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(I, {}) }), /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(F, { propertyLabels: { label: t.formatMessage(a.label), description: t.formatMessage(a.description), tooltip: t.formatMessage(a.tooltip) } }) }) ] }); }; q.defaultValues = { // basic tab label: "", key: "", description: "", showInSummary: !0, showInEmail: !1, showInPDF: !0, hidden: !1, clearOnHide: !0, isSensitiveData: !0, defaultValue: "", autocomplete: "email", // Advanced tab conditional: { show: void 0, when: "", eq: "" }, // Validation tab validate: { required: !1, plugins: [] }, // registration tab registration: { attribute: "" }, // translations tab translatedErrors: {} }; const H = () => { const t = l(), s = t.formatMessage({ id: "FffJxu", defaultMessage: [{ type: 0, value: "This will be the initial value for this field before user interaction." }] }); return /* @__PURE__ */ r(b, { name: "defaultValue", type: "email", label: t.formatMessage(a.defaultValue), tooltip: s }); }; export { q as default };