@open-formulieren/formio-builder/dist/registry/fieldset/edit.js

An opinionated Formio webform builder for Open Forms

import { jsxs as i, jsx as o } from "react/jsx-runtime";
import { useIntl as p, FormattedMessage as s } from "react-intl";
import n from "../../components/builder/label.js";
import { Tabs as l, TabList as d, TabPanel as e } from "../../components/formio/tabs.js";
import "clsx";
import { useErrorChecker as f } from "../../utils/errors.js";
/* empty css                                           */
import "@floating-ui/react";
import "react";
/* empty css                                     */
import "../../components/formio/textfield.js";
import c 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 h } from "../../components/builder/messages.js";
import u from "../../components/builder/tooltip.js";
import "../../context.js";
import b, { useDeriveComponentKey as y } from "../../components/builder/key.js";
import H from "../../components/builder/hidden.js";
import g from "../../components/builder/clear-on-hide.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 "./index.js";
import "../file/index.js";
import "../iban/index.js";
import "../licenseplate/index.js";
import "../map/index.js";
import "../npFamilyMembers/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 C from "../../components/builder/simple-conditional.js";
import "react-use";
import "lodash";
import "../../components/builder/prefill/identifierRole.js";
import { ComponentTranslations as T } from "../../components/builder/i18n.js";
import { Basic as E, Advanced as L, Translations as M } from "../../components/builder/tabs.js";
import "@open-formulieren/monaco-json-editor";
import "../../components/builder/values/values-src.js";
/* empty css                                              */
const v = () => {
  const m = p(), [r, a] = y(), {
    hasAnyError: t
  } = f();
  return /* @__PURE__ */ i(l, { children: [
    /* @__PURE__ */ i(d, { children: [
      /* @__PURE__ */ o(E, { hasErrors: t("label", "key", "tooltip", "hidden", "clearOnHide", "hideHeader") }),
      /* @__PURE__ */ o(L, { hasErrors: t("conditional") }),
      /* @__PURE__ */ o(M, { hasErrors: t("openForms.translations") })
    ] }),
    /* @__PURE__ */ i(e, { children: [
      /* @__PURE__ */ o(n, {}),
      /* @__PURE__ */ o(b, { isManuallySetRef: r, generatedValue: a }),
      /* @__PURE__ */ o(u, {}),
      /* @__PURE__ */ o(H, {}),
      /* @__PURE__ */ o(g, {}),
      /* @__PURE__ */ o(k, {})
    ] }),
    /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(C, {}) }),
    /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(T, { propertyLabels: {
      label: m.formatMessage(h.label)
      // FIXME: should be translatable in the type
      // tooltip: intl.formatMessage(LABELS.tooltip),
    } }) })
  ] });
};
v.defaultValues = {
  components: [],
  // basic tab
  label: "",
  key: "",
  tooltip: "",
  hidden: !1,
  clearOnHide: !0,
  hideHeader: !1,
  // Advanced tab
  conditional: {
    show: void 0,
    when: "",
    eq: ""
  }
};
const k = () => {
  const r = p().formatMessage({
    id: "unjdIB",
    defaultMessage: [{
      type: 0,
      value: "Do not display the configured label and top line as the header in the fieldset."
    }]
  });
  return /* @__PURE__ */ o(c, { name: "hideHeader", label: /* @__PURE__ */ o(s, { id: "2Lg8Vc", defaultMessage: [{
    type: 0,
    value: "Hide fieldset header"
  }] }), tooltip: r });
};
export {
  v as default
};