@open-formulieren/formio-builder/dist/components/builder/rich-text.js

An opinionated Formio webform builder for Open Forms

import { jsxs as s, jsx as o } from "react/jsx-runtime";
import { CKEditor as f } from "@ckeditor/ckeditor5-react";
import { useFormikContext as u, useField as c } from "formik";
import { useContext as d } from "react";
import x from "../CKEditor.js";
import "react-intl";
import "../formio/tabs.js";
import h from "../formio/component.js";
import C from "../formio/description.js";
import "@floating-ui/react";
import "../formio/textfield.js";
import "clsx";
import "../formio/datefield.js";
import "../formio/datetimefield.js";
import "../formio/timefield.js";
/* empty css                   */
import "react-select";
import "dompurify";
import "../formio/textarea.js";
import "../formio/datagrid.js";
/* empty css                      */
import "./messages.js";
import { BuilderContext as b } from "../../context.js";
import "lodash";
import "../../registry/addressNL/index.js";
import "../../registry/bsn/index.js";
import "../../registry/checkbox/index.js";
import "../../registry/children/index.js";
import "../../registry/columns/index.js";
import "../../registry/content/index.js";
import "../../registry/cosignV1/index.js";
import "../../registry/cosignV2/index.js";
import "../../registry/currency/index.js";
import "../../registry/customerProfile/index.js";
import "../../registry/date/index.js";
import "../../registry/datetime/index.js";
import "../../registry/editgrid/index.js";
import "../../registry/email/index.js";
import "../../registry/fieldset/index.js";
import "../../registry/file/index.js";
import "../../registry/iban/index.js";
import "../../registry/licenseplate/index.js";
import "../../registry/map/index.js";
import "../../registry/npFamilyMembers/index.js";
import "../../registry/number/index.js";
import "../../registry/partners/index.js";
import "../../registry/phonenumber/index.js";
import "../../registry/postcode/index.js";
import "../../registry/radio/index.js";
import "../../registry/select/index.js";
import "../../registry/selectboxes/index.js";
import "../../registry/signature/index.js";
import "../../registry/softRequiredErrors/index.js";
import "../../registry/textarea/index.js";
import "../../registry/textfield/index.js";
import "../../registry/time/index.js";
/* empty css              */
import "react-use";
import g from "./templating-hint.js";
import "./prefill/identifierRole.js";
import "./i18n.js";
import "./tabs.js";
import "@open-formulieren/monaco-json-editor";
import "./values/values-src.js";
/* empty css                             */
/* empty css                       */
const Io = ({
  name: t,
  required: i,
  supportsBackendTemplating: m = !1
}) => {
  const {
    richTextColors: p
  } = d(b), {
    values: {
      type: e
    }
  } = u(), [n, , r] = c(t);
  return /* @__PURE__ */ s(h, { type: e, field: t, required: i, className: "offb-rich-text", children: [
    /* @__PURE__ */ o(f, { editor: x, config: {
      link: {
        decorators: {
          openInNewTab: {
            mode: "manual",
            label: "Open in a new tab",
            defaultValue: !0,
            // This option will be selected by default.
            attributes: {
              target: "_blank",
              rel: "noopener noreferrer"
            }
          }
        }
      },
      fontColor: {
        colors: p
      }
    }, data: n.value || "", onChange: (T, a) => {
      const l = a.getData();
      r.setValue(l);
    }, onBlur: () => {
      r.setTouched(!0);
    } }),
    m && /* @__PURE__ */ o(C, { text: /* @__PURE__ */ o(g, {}) })
  ] });
};
export {
  Io as default
};