@plone/volto 18.0.0-alpha.44 → 18.0.0-alpha.45

package/dist/server/assets/Form-BqwUy8yR.js

@@ -1,959 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Component, createElement } from "react";
-import { s as setFormData, cW as setUIState, i as getBlocksFieldname, j as getBlocksLayoutFieldname, $ as $149c1bd638913645$export$2e2bcd8739ae039, cM as FormValidation, h as hasBlocksData, T as Toast, aw as messages, db as difference, dc as SlotRenderer, dd as BlocksForm, I as Icon, a7 as upSVG, a8 as down_key, L as Field, S as aheadSVG, k as clearSVG } from "../entry-server.js";
-import BlocksToolbar from "./BlocksToolbar-B9n_ff9E.js";
-import UndoToolbar from "./UndoToolbar-DIbEtI6_.js";
-import { mapValues, cloneDeep, isEmpty, isEqual, without, keys, pickBy, findIndex, xor, map } from "lodash-es";
-import isBoolean from "lodash-es/isBoolean.js";
-import PropTypes from "prop-types";
-import { injectIntl } from "react-intl";
-import { createPortal } from "react-dom";
-import { connect } from "react-redux";
-import { Container, Form as Form$2, Accordion, Segment, Tab, Message, Button } from "semantic-ui-react";
-import { v4 } from "uuid";
-import { toast } from "react-toastify";
-import { a as setMetadataFieldsets, s as setSidebarTab, r as resetMetadataFocus } from "./sidebar-BGq8uRxG.js";
-import { compose } from "redux";
-import "classnames";
-import "moment";
-import "react-router";
-import "react-router-hash-link";
-import "tlds";
-import "prepend-http";
-import "react-router-dom";
-import "lodash-move";
-import "react-dom/server";
-import "react-transition-group";
-import "promise-file-reader";
-import "pretty-bytes";
-import "react-side-effect";
-import "github-slugger";
-import "slate";
-import "hoist-non-react-statics";
-import "query-string";
-import "slate-react";
-import "prettier/standalone";
-import "prettier/parser-html";
-import "prismjs/components/prism-core.js";
-import "react-animate-height";
-import "react-popper";
-import "react-sortable-hoc";
-import "react-dates/initialize.js";
-import "react-anchor-link-smooth-scroll";
-import "jwt-decode";
-import "react-router-config";
-import "react-fast-compare";
-import "object-assign";
-import "lodash-es/split.js";
-import "lodash-es/join.js";
-import "lodash-es/trim.js";
-import "react-cookie";
-import "react-intl-redux";
-import "universal-cookie";
-import "slate-hyperscript";
-import "is-hotkey";
-import "react-dropzone";
-import "react-intersection-observer";
-import "is-url";
-import "lodash-es/isUndefined.js";
-import "lodash-es/isString.js";
-import "redux-mock-store";
-import "serialize-javascript";
-import "superagent";
-import "connected-react-router";
-import "react-beautiful-dnd";
-import "detect-browser";
-import "locale";
-import "history";
-import "redux-thunk";
-import "redux-localstorage-simple";
-import "debug";
-import "express";
-import "http-proxy-middleware";
-import "./cut-BEOWxek2.js";
-import "./paste-CtDNO5f5.js";
-import "undoo";
-import "./undo-lQM6Vhc7.js";
-class Form extends Component {
-  /**
-   * Constructor
-   * @method constructor
-   * @param {Object} props Component properties
-   * @constructs Form
-   */
-  constructor(props) {
-    var _a, _b;
-    super(props);
-    /**
-     * getOnlyFormModifiedValues handler
-     * It returns only the values of the fields that are have really changed since the
-     * form was loaded. Useful for edit forms and PATCH operations, when we only want to
-     * send the changed data.
-     * @method getOnlyFormModifiedValues
-     * @param {Object} event Event object.
-     * @returns {undefined}
-     */
-    __publicField(this, "getOnlyFormModifiedValues", () => {
-      const formData = this.state.formData;
-      const fieldsModified = Object.keys(
-        difference(formData, this.state.initialFormData)
-      );
-      return {
-        ...pickBy(formData, (value, key) => fieldsModified.includes(key)),
-        ...formData["@static_behaviors"] && {
-          "@static_behaviors": formData["@static_behaviors"]
-        }
-      };
-    });
-    /**
-     * Removed blocks and blocks_layout fields from the form.
-     * @method removeBlocksLayoutFields
-     * @param {object} schema The schema definition of the form.
-     * @returns A modified copy of the given schema.
-     */
-    __publicField(this, "removeBlocksLayoutFields", (schema) => {
-      const newSchema = { ...schema };
-      const layoutFieldsetIndex = findIndex(
-        newSchema.fieldsets,
-        (fieldset) => fieldset.id === "layout"
-      );
-      if (layoutFieldsetIndex > -1) {
-        const layoutFields = newSchema.fieldsets[layoutFieldsetIndex].fields;
-        newSchema.fieldsets[layoutFieldsetIndex].fields = layoutFields.filter(
-          (field) => field !== "blocks" && field !== "blocks_layout"
-        );
-        if (newSchema.fieldsets[layoutFieldsetIndex].fields.length === 0) {
-          newSchema.fieldsets = [
-            ...newSchema.fieldsets.slice(0, layoutFieldsetIndex),
-            ...newSchema.fieldsets.slice(layoutFieldsetIndex + 1)
-          ];
-        }
-      }
-      return newSchema;
-    });
-    const ids = {
-      title: v4(),
-      text: v4()
-    };
-    let { formData, schema: originalSchema } = props;
-    const blocksFieldname = getBlocksFieldname(formData);
-    const blocksLayoutFieldname = getBlocksLayoutFieldname(formData);
-    const schema = this.removeBlocksLayoutFields(originalSchema);
-    this.props.setMetadataFieldsets(
-      (schema == null ? void 0 : schema.fieldsets) ? schema.fieldsets.map((fieldset) => fieldset.id) : []
-    );
-    if (!props.isEditForm) {
-      formData = {
-        ...mapValues(props.schema.properties, "default"),
-        ...formData
-      };
-    }
-    const initialFormData = cloneDeep(formData);
-    if (formData.hasOwnProperty(blocksFieldname) && formData.hasOwnProperty(blocksLayoutFieldname)) {
-      if (!formData[blocksLayoutFieldname] || isEmpty(formData[blocksLayoutFieldname].items)) {
-        formData[blocksLayoutFieldname] = {
-          items: [ids.title, ids.text]
-        };
-      }
-      if (!formData[blocksFieldname] || isEmpty(formData[blocksFieldname])) {
-        formData[blocksFieldname] = {
-          [ids.title]: {
-            "@type": "title"
-          },
-          [ids.text]: {
-            "@type": $149c1bd638913645$export$2e2bcd8739ae039.settings.defaultBlockType
-          }
-        };
-      }
-    }
-    let selectedBlock = null;
-    if (formData.hasOwnProperty(blocksLayoutFieldname) && formData[blocksLayoutFieldname].items.length > 0) {
-      if (((_a = $149c1bd638913645$export$2e2bcd8739ae039.blocks) == null ? void 0 : _a.initialBlocksFocus) === null) {
-        selectedBlock = null;
-      } else if (this.props.type in ((_b = $149c1bd638913645$export$2e2bcd8739ae039.blocks) == null ? void 0 : _b.initialBlocksFocus)) {
-        Object.keys(formData[blocksFieldname]).forEach((b_key) => {
-          var _a2, _b2;
-          if (formData[blocksFieldname][b_key]["@type"] === ((_b2 = (_a2 = $149c1bd638913645$export$2e2bcd8739ae039.blocks) == null ? void 0 : _a2.initialBlocksFocus) == null ? void 0 : _b2[this.props.type])) {
-            selectedBlock = b_key;
-          }
-        });
-      } else {
-        selectedBlock = formData[blocksLayoutFieldname].items[0];
-      }
-    }
-    if (this.props.global) {
-      this.props.setFormData(formData);
-    }
-    this.props.setUIState({
-      selected: selectedBlock,
-      multiSelected: [],
-      hovered: null
-    });
-    this.state = {
-      formData,
-      initialFormData,
-      errors: {},
-      isClient: false,
-      // Ensure focus remain in field after change
-      inFocus: {},
-      sidebarMetadataIsAvailable: false
-    };
-    this.onChangeField = this.onChangeField.bind(this);
-    this.onSelectBlock = this.onSelectBlock.bind(this);
-    this.onSubmit = this.onSubmit.bind(this);
-    this.onCancel = this.onCancel.bind(this);
-    this.onTabChange = this.onTabChange.bind(this);
-    this.onBlurField = this.onBlurField.bind(this);
-    this.onClickInput = this.onClickInput.bind(this);
-    this.onToggleMetadataFieldset = this.onToggleMetadataFieldset.bind(this);
-  }
-  /**
-   * On updates caused by props change
-   * if errors from Backend come, these will be shown to their corresponding Fields
-   * also the first Tab to have any errors will be selected
-   * @param {Object} prevProps
-   */
-  async componentDidUpdate(prevProps, prevState) {
-    var _a;
-    let { requestError } = this.props;
-    let errors = {};
-    let activeIndex = 0;
-    if (!this.props.isFormSelected && prevProps.isFormSelected) {
-      this.props.setUIState({
-        selected: null
-      });
-    }
-    if (requestError && prevProps.requestError !== requestError) {
-      errors = FormValidation.giveServerErrorsToCorrespondingFields(requestError);
-      activeIndex = FormValidation.showFirstTabWithErrors({
-        errors,
-        schema: this.props.schema
-      });
-      this.setState({
-        errors,
-        activeIndex
-      });
-    }
-    if (this.props.onChangeFormData) {
-      if (!isEqual(prevState == null ? void 0 : prevState.formData, this.state.formData)) {
-        this.props.onChangeFormData(this.state.formData);
-      }
-    }
-    if (this.props.global && !isEqual(this.props.globalData, prevProps.globalData)) {
-      this.setState({
-        formData: this.props.globalData
-      });
-    }
-    if (!isEqual(prevProps.schema, this.props.schema)) {
-      this.props.setMetadataFieldsets(
-        this.removeBlocksLayoutFields(this.props.schema).fieldsets.map(
-          (fieldset) => fieldset.id
-        )
-      );
-    }
-    if (this.props.metadataFieldFocus !== "" && !isEqual(prevProps.metadataFieldFocus, this.props.metadataFieldFocus)) {
-      document.querySelector(`.field-wrapper-${this.props.metadataFieldFocus}`).scrollIntoView();
-      (_a = document.querySelector(`.field-wrapper-${this.props.metadataFieldFocus} input`)) == null ? void 0 : _a.focus();
-      this.props.resetMetadataFocus();
-    }
-    if (!this.state.sidebarMetadataIsAvailable && document.getElementById("sidebar-metadata")) {
-      this.setState(() => ({ sidebarMetadataIsAvailable: true }));
-    }
-  }
-  /**
-   * Tab selection is done only by setting activeIndex in state
-   */
-  onTabChange(e, { activeIndex }) {
-    const defaultFocus = this.props.schema.fieldsets[activeIndex].fields[0];
-    this.setState({
-      activeIndex,
-      ...defaultFocus ? { inFocus: { [defaultFocus]: true } } : {}
-    });
-  }
-  /**
-   * If user clicks on input, the form will be not considered pristine
-   * this will avoid onBlur effects without interaction with the form
-   * @param {Object} e event
-   */
-  onClickInput(e) {
-    this.setState({ isFormPristine: false });
-  }
-  /**
-   * Validate fields on blur
-   * @method onBlurField
-   * @param {string} id Id of the field
-   * @param {*} value Value of the field
-   * @returns {undefined}
-   */
-  onBlurField(id, value) {
-    if (!this.state.isFormPristine) {
-      const errors = FormValidation.validateFieldsPerFieldset({
-        schema: this.props.schema,
-        formData: this.state.formData,
-        formatMessage: this.props.intl.formatMessage,
-        touchedField: { [id]: value }
-      });
-      this.setState({
-        errors
-      });
-    }
-  }
-  /**
-   * Component did mount
-   * @method componentDidMount
-   * @returns {undefined}
-   */
-  componentDidMount() {
-    this.setState({ isClient: true });
-  }
-  /**
-   * Change field handler
-   * Remove errors for changed field
-   * @method onChangeField
-   * @param {string} id Id of the field
-   * @param {*} value Value of the field
-   * @returns {undefined}
-   */
-  onChangeField(id, value) {
-    this.setState((prevState) => {
-      const { errors, formData } = prevState;
-      const newFormData = {
-        ...formData,
-        // We need to catch also when the value equals false this fixes #888
-        [id]: value || value !== void 0 && isBoolean(value) ? value : null
-      };
-      delete errors[id];
-      if (this.props.global) {
-        this.props.setFormData(newFormData);
-      }
-      return {
-        errors,
-        formData: newFormData,
-        // Changing the form data re-renders the select widget which causes the
-        // focus to get lost. To circumvent this, we set the focus back to
-        // the input.
-        // This could fix other widgets too but currently targeted
-        // against the select widget only.
-        // Ensure field to be in focus after the change
-        inFocus: { [id]: true }
-      };
-    });
-  }
-  /**
-   * Select block handler
-   * @method onSelectBlock
-   * @param {string} id Id of the field
-   * @param {string} isMultipleSelection true if multiple blocks are selected
-   * @returns {undefined}
-   */
-  onSelectBlock(id, isMultipleSelection, event) {
-    let multiSelected = [];
-    let selected = id;
-    const formData = this.state.formData;
-    if (isMultipleSelection) {
-      selected = null;
-      const blocksLayoutFieldname = getBlocksLayoutFieldname(formData);
-      const blocks_layout = formData[blocksLayoutFieldname].items;
-      if (event.shiftKey) {
-        const anchor = this.props.uiState.multiSelected.length > 0 ? blocks_layout.indexOf(this.props.uiState.multiSelected[0]) : blocks_layout.indexOf(this.props.uiState.selected);
-        const focus = blocks_layout.indexOf(id);
-        if (anchor === focus) {
-          multiSelected = [id];
-        } else if (focus > anchor) {
-          multiSelected = [...blocks_layout.slice(anchor, focus + 1)];
-        } else {
-          multiSelected = [...blocks_layout.slice(focus, anchor + 1)];
-        }
-        window.getSelection().empty();
-      }
-      if ((event.ctrlKey || event.metaKey) && !event.shiftKey) {
-        multiSelected = this.props.uiState.multiSelected || [];
-        if (!this.props.uiState.multiSelected.includes(this.state.selected)) {
-          multiSelected = [...multiSelected, this.props.uiState.selected];
-          selected = null;
-        }
-        if (this.props.uiState.multiSelected.includes(id)) {
-          selected = null;
-          multiSelected = without(multiSelected, id);
-        } else {
-          multiSelected = [...multiSelected, id];
-        }
-      }
-    }
-    this.props.setUIState({
-      selected,
-      multiSelected,
-      gridSelected: null
-    });
-    if (this.props.onSelectForm) {
-      if (event) event.nativeEvent.stopImmediatePropagation();
-      this.props.onSelectForm();
-    }
-  }
-  /**
-   * Cancel handler
-   * It prevents event from triggering submit, reset form if props.resetAfterSubmit
-   * and calls this.props.onCancel
-   * @method onCancel
-   * @param {Object} event Event object.
-   * @returns {undefined}
-   */
-  onCancel(event) {
-    if (event) {
-      event.preventDefault();
-    }
-    if (this.props.resetOnCancel || this.props.resetAfterSubmit) {
-      this.setState({
-        formData: this.props.formData
-      });
-      if (this.props.global) {
-        this.props.setFormData(this.props.formData);
-      }
-    }
-    this.props.onCancel(event);
-  }
-  /**
-   * Submit handler also validate form and collect errors
-   * @method onSubmit
-   * @param {Object} event Event object.
-   * @returns {undefined}
-   */
-  onSubmit(event) {
-    const formData = this.state.formData;
-    if (event) {
-      event.preventDefault();
-    }
-    const errors = this.props.schema ? FormValidation.validateFieldsPerFieldset({
-      schema: this.props.schema,
-      formData,
-      formatMessage: this.props.intl.formatMessage
-    }) : {};
-    let blocksErrors = {};
-    if (hasBlocksData(formData)) {
-      const blocks = this.state.formData[getBlocksFieldname(formData)];
-      const blocksLayout = this.state.formData[getBlocksLayoutFieldname(formData)];
-      const defaultSchema = {
-        properties: {},
-        fieldsets: [],
-        required: []
-      };
-      blocksLayout.items.forEach((block) => {
-        let blockSchema = $149c1bd638913645$export$2e2bcd8739ae039.blocks.blocksConfig[blocks[block]["@type"]].blockSchema || defaultSchema;
-        if (typeof blockSchema === "function") {
-          blockSchema = blockSchema({
-            intl: this.props.intl,
-            formData: blocks[block]
-          });
-        }
-        const blockErrors = FormValidation.validateFieldsPerFieldset({
-          schema: blockSchema,
-          formData: blocks[block],
-          formatMessage: this.props.intl.formatMessage
-        });
-        if (keys(blockErrors).length > 0) {
-          blocksErrors = {
-            ...blocksErrors,
-            [block]: { ...blockErrors }
-          };
-        }
-      });
-    }
-    if (keys(errors).length > 0 || keys(blocksErrors).length > 0) {
-      const activeIndex = FormValidation.showFirstTabWithErrors({
-        errors,
-        schema: this.props.schema
-      });
-      this.setState({
-        errors: {
-          ...errors,
-          ...!isEmpty(blocksErrors) && { blocks: blocksErrors }
-        },
-        activeIndex
-      });
-      if (keys(errors).length > 0) {
-        Object.keys(errors).forEach(
-          (err) => toast.error(
-            /* @__PURE__ */ jsx(
-              Toast,
-              {
-                error: true,
-                title: this.props.schema.properties[err].title || err,
-                content: errors[err].join(", ")
-              }
-            )
-          )
-        );
-        this.props.setSidebarTab(0);
-      } else if (keys(blocksErrors).length > 0) {
-        const errorField = Object.entries(
-          Object.entries(blocksErrors)[0][1]
-        )[0][0];
-        const errorMessage = Object.entries(
-          Object.entries(blocksErrors)[0][1]
-        )[0][1];
-        toast.error(
-          /* @__PURE__ */ jsx(
-            Toast,
-            {
-              error: true,
-              title: this.props.intl.formatMessage(
-                messages.blocksFieldsErrorTitle,
-                { errorField }
-              ),
-              content: errorMessage
-            }
-          )
-        );
-        this.props.setSidebarTab(1);
-        this.props.setUIState({
-          selected: Object.keys(blocksErrors)[0],
-          multiSelected: [],
-          hovered: null
-        });
-      }
-    } else {
-      if (this.props.isEditForm) {
-        this.props.onSubmit(this.getOnlyFormModifiedValues());
-      } else {
-        this.props.onSubmit(formData);
-      }
-      if (this.props.resetAfterSubmit) {
-        this.setState({
-          formData: this.props.formData
-        });
-        if (this.props.global) {
-          this.props.setFormData(this.props.formData);
-        }
-      }
-    }
-  }
-  /**
-   * Toggle metadata fieldset handler
-   * @method onToggleMetadataFieldset
-   * @param {Object} event Event object.
-   * @param {Object} blockProps Block properties.
-   * @returns {undefined}
-   */
-  onToggleMetadataFieldset(event, blockProps) {
-    const { index } = blockProps;
-    this.props.setMetadataFieldsets(xor(this.props.metadataFieldsets, [index]));
-  }
-  /**
-   * Render method.
-   * @method render
-   * @returns {string} Markup for the component.
-   */
-  render() {
-    const { settings } = $149c1bd638913645$export$2e2bcd8739ae039;
-    const {
-      schema: originalSchema,
-      onCancel,
-      onSubmit,
-      navRoot,
-      type,
-      metadataFieldsets
-    } = this.props;
-    const formData = this.state.formData;
-    const schema = this.removeBlocksLayoutFields(originalSchema);
-    const Container$1 = $149c1bd638913645$export$2e2bcd8739ae039.getComponent({ name: "Container" }).component || Container;
-    return this.props.visual ? (
-      // Removing this from SSR is important, since react-beautiful-dnd supports SSR,
-      // but draftJS don't like it much and the hydration gets messed up
-      this.state.isClient && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          SlotRenderer,
-          {
-            name: "aboveContent",
-            content: this.props.content,
-            navRoot
-          }
-        ),
-        /* @__PURE__ */ jsx(Container$1, { children: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            BlocksToolbar,
-            {
-              formData,
-              selectedBlock: this.props.uiState.selected,
-              selectedBlocks: this.props.uiState.multiSelected,
-              onChangeBlocks: (newBlockData) => {
-                const newFormData = {
-                  ...formData,
-                  ...newBlockData
-                };
-                this.setState({
-                  formData: newFormData
-                });
-                if (this.props.global) {
-                  this.props.setFormData(newFormData);
-                }
-              },
-              onSetSelectedBlocks: (blockIds) => this.props.setUIState({ multiSelected: blockIds }),
-              onSelectBlock: this.onSelectBlock
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            UndoToolbar,
-            {
-              state: {
-                formData,
-                selected: this.props.uiState.selected,
-                multiSelected: this.props.uiState.multiSelected
-              },
-              enableHotKeys: true,
-              onUndoRedo: ({ state }) => {
-                if (this.props.global) {
-                  this.props.setFormData(state.formData);
-                }
-                return this.setState(state);
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            BlocksForm,
-            {
-              onChangeFormData: (newData) => {
-                const newFormData = {
-                  ...formData,
-                  ...newData
-                };
-                this.setState({
-                  formData: newFormData
-                });
-                if (this.props.global) {
-                  this.props.setFormData(newFormData);
-                }
-              },
-              onChangeField: this.onChangeField,
-              onSelectBlock: this.onSelectBlock,
-              properties: formData,
-              navRoot,
-              type,
-              pathname: this.props.pathname,
-              selectedBlock: this.props.uiState.selected,
-              multiSelected: this.props.uiState.multiSelected,
-              manage: this.props.isAdminForm,
-              allowedBlocks: this.props.allowedBlocks,
-              showRestricted: this.props.showRestricted,
-              editable: this.props.editable,
-              isMainForm: this.props.editable,
-              history: this.props.history,
-              location: this.props.location,
-              token: this.props.token,
-              errors: this.state.errors,
-              blocksErrors: this.state.errors.blocks
-            }
-          ),
-          this.state.isClient && this.state.sidebarMetadataIsAvailable && this.props.editable && createPortal(
-            /* @__PURE__ */ jsx(
-              Form$2,
-              {
-                method: "post",
-                onSubmit: this.onSubmit,
-                error: keys(this.state.errors).length > 0,
-                children: schema && map(schema.fieldsets, (fieldset) => /* @__PURE__ */ jsx(
-                  Accordion,
-                  {
-                    fluid: true,
-                    styled: true,
-                    className: "form",
-                    children: /* @__PURE__ */ jsxs(
-                      "div",
-                      {
-                        id: `metadataform-fieldset-${fieldset.id}`,
-                        children: [
-                          /* @__PURE__ */ jsxs(
-                            Accordion.Title,
-                            {
-                              active: metadataFieldsets.includes(fieldset.id),
-                              index: fieldset.id,
-                              onClick: this.onToggleMetadataFieldset,
-                              children: [
-                                fieldset.title,
-                                metadataFieldsets.includes(fieldset.id) ? /* @__PURE__ */ jsx(Icon, { name: upSVG, size: "20px" }) : /* @__PURE__ */ jsx(Icon, { name: down_key, size: "20px" })
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            Accordion.Content,
-                            {
-                              active: metadataFieldsets.includes(fieldset.id),
-                              children: /* @__PURE__ */ jsx(Segment, { className: "attached", children: map(fieldset.fields, (field, index) => {
-                                var _a;
-                                return /* @__PURE__ */ createElement(
-                                  Field,
-                                  {
-                                    ...schema.properties[field],
-                                    id: field,
-                                    fieldSet: fieldset.title.toLowerCase(),
-                                    formData,
-                                    focus: this.state.isClient && ((_a = document.getElementById("sidebar-metadata")) == null ? void 0 : _a.contains(document.activeElement)) ? this.state.inFocus[field] : false,
-                                    value: formData == null ? void 0 : formData[field],
-                                    required: schema.required.indexOf(field) !== -1,
-                                    onChange: this.onChangeField,
-                                    onBlur: this.onBlurField,
-                                    onClick: this.onClickInput,
-                                    key: field,
-                                    error: this.state.errors[field]
-                                  }
-                                );
-                              }) })
-                            }
-                          )
-                        ]
-                      },
-                      fieldset.id
-                    )
-                  },
-                  fieldset.title
-                ))
-              }
-            ),
-            document.getElementById("sidebar-metadata")
-          ),
-          /* @__PURE__ */ jsx(
-            SlotRenderer,
-            {
-              name: "belowContent",
-              content: this.props.content,
-              navRoot
-            }
-          )
-        ] }) })
-      ] })
-    ) : /* @__PURE__ */ jsx(Container$1, { children: /* @__PURE__ */ jsx(
-      Form$2,
-      {
-        method: "post",
-        onSubmit: this.onSubmit,
-        error: keys(this.state.errors).length > 0,
-        className: settings.verticalFormTabs ? "vertical-form" : "",
-        children: /* @__PURE__ */ jsx("fieldset", { className: "invisible", children: /* @__PURE__ */ jsxs(Segment.Group, { raised: true, children: [
-          schema && schema.fieldsets.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
-            settings.verticalFormTabs && this.props.title && /* @__PURE__ */ jsx(Segment, { secondary: true, attached: true, children: this.props.title }, this.props.title),
-            /* @__PURE__ */ jsx(
-              Tab,
-              {
-                menu: {
-                  secondary: true,
-                  pointing: true,
-                  attached: true,
-                  tabular: true,
-                  className: "formtabs",
-                  vertical: settings.verticalFormTabs
-                },
-                grid: { paneWidth: 9, tabWidth: 3, stackable: true },
-                onTabChange: this.onTabChange,
-                activeIndex: this.state.activeIndex,
-                panes: map(schema.fieldsets, (item) => ({
-                  menuItem: item.title,
-                  render: () => [
-                    !settings.verticalFormTabs && this.props.title && /* @__PURE__ */ jsx(Segment, { secondary: true, attached: true, children: this.props.title }, this.props.title),
-                    item.description && /* @__PURE__ */ jsx(Message, { attached: "bottom", children: item.description }),
-                    ...map(item.fields, (field, index) => /* @__PURE__ */ createElement(
-                      Field,
-                      {
-                        ...schema.properties[field],
-                        id: field,
-                        formData,
-                        fieldSet: item.id,
-                        focus: this.state.inFocus[field],
-                        value: formData == null ? void 0 : formData[field],
-                        required: schema.required.indexOf(field) !== -1,
-                        onChange: this.props.editable ? this.onChangeField : () => {
-                        },
-                        onBlur: this.onBlurField,
-                        onClick: this.onClickInput,
-                        key: field,
-                        error: this.state.errors[field]
-                      }
-                    ))
-                  ]
-                }))
-              }
-            )
-          ] }),
-          schema && schema.fieldsets.length === 1 && /* @__PURE__ */ jsxs(Segment, { children: [
-            this.props.title && /* @__PURE__ */ jsx(Segment, { className: "primary", children: /* @__PURE__ */ jsxs("h1", { style: { fontSize: "16px" }, children: [
-              " ",
-              this.props.title
-            ] }) }),
-            this.props.description && /* @__PURE__ */ jsx(Segment, { secondary: true, children: this.props.description }),
-            keys(this.state.errors).length > 0 && /* @__PURE__ */ jsx(
-              Message,
-              {
-                icon: "warning",
-                negative: true,
-                attached: true,
-                header: this.props.intl.formatMessage(messages.error),
-                content: this.props.intl.formatMessage(
-                  messages.thereWereSomeErrors
-                )
-              }
-            ),
-            this.props.error && /* @__PURE__ */ jsx(
-              Message,
-              {
-                icon: "warning",
-                negative: true,
-                attached: true,
-                header: this.props.intl.formatMessage(messages.error),
-                content: this.props.error.message
-              }
-            ),
-            map(schema.fieldsets[0].fields, (field) => /* @__PURE__ */ createElement(
-              Field,
-              {
-                ...schema.properties[field],
-                id: field,
-                value: formData == null ? void 0 : formData[field],
-                required: schema.required.indexOf(field) !== -1,
-                onChange: this.onChangeField,
-                onBlur: this.onBlurField,
-                onClick: this.onClickInput,
-                key: field,
-                error: this.state.errors[field]
-              }
-            ))
-          ] }),
-          !this.props.hideActions && /* @__PURE__ */ jsxs(Segment, { className: "actions", clearing: true, children: [
-            onSubmit && /* @__PURE__ */ jsx(
-              Button,
-              {
-                basic: true,
-                primary: true,
-                floated: "right",
-                type: "submit",
-                "aria-label": this.props.submitLabel ? this.props.submitLabel : this.props.intl.formatMessage(messages.save),
-                title: this.props.submitLabel ? this.props.submitLabel : this.props.intl.formatMessage(messages.save),
-                loading: this.props.loading,
-                children: /* @__PURE__ */ jsx(Icon, { className: "circled", name: aheadSVG, size: "30px" })
-              }
-            ),
-            onCancel && /* @__PURE__ */ jsx(
-              Button,
-              {
-                basic: true,
-                secondary: true,
-                "aria-label": this.props.intl.formatMessage(
-                  messages.cancel
-                ),
-                title: this.props.intl.formatMessage(messages.cancel),
-                floated: "right",
-                onClick: this.onCancel,
-                children: /* @__PURE__ */ jsx(Icon, { className: "circled", name: clearSVG, size: "30px" })
-              }
-            )
-          ] })
-        ] }) })
-      }
-    ) });
-  }
-}
-/**
- * Property types.
- * @property {Object} propTypes Property types.
- * @static
- */
-__publicField(Form, "propTypes", {
-  schema: PropTypes.shape({
-    fieldsets: PropTypes.arrayOf(
-      PropTypes.shape({
-        fields: PropTypes.arrayOf(PropTypes.string),
-        id: PropTypes.string,
-        title: PropTypes.string
-      })
-    ),
-    properties: PropTypes.objectOf(PropTypes.any),
-    definitions: PropTypes.objectOf(PropTypes.any),
-    required: PropTypes.arrayOf(PropTypes.string)
-  }),
-  formData: PropTypes.objectOf(PropTypes.any),
-  globalData: PropTypes.objectOf(PropTypes.any),
-  metadataFieldsets: PropTypes.arrayOf(PropTypes.string),
-  metadataFieldFocus: PropTypes.string,
-  pathname: PropTypes.string,
-  onSubmit: PropTypes.func,
-  onCancel: PropTypes.func,
-  submitLabel: PropTypes.string,
-  resetAfterSubmit: PropTypes.bool,
-  resetOnCancel: PropTypes.bool,
-  isEditForm: PropTypes.bool,
-  isAdminForm: PropTypes.bool,
-  title: PropTypes.string,
-  error: PropTypes.shape({
-    message: PropTypes.string
-  }),
-  loading: PropTypes.bool,
-  hideActions: PropTypes.bool,
-  description: PropTypes.string,
-  visual: PropTypes.bool,
-  blocks: PropTypes.arrayOf(PropTypes.object),
-  isFormSelected: PropTypes.bool,
-  onSelectForm: PropTypes.func,
-  editable: PropTypes.bool,
-  onChangeFormData: PropTypes.func,
-  requestError: PropTypes.string,
-  allowedBlocks: PropTypes.arrayOf(PropTypes.string),
-  showRestricted: PropTypes.bool,
-  global: PropTypes.bool
-});
-/**
- * Default properties.
- * @property {Object} defaultProps Default properties.
- * @static
- */
-__publicField(Form, "defaultProps", {
-  formData: null,
-  onSubmit: null,
-  onCancel: null,
-  submitLabel: null,
-  resetAfterSubmit: false,
-  resetOnCancel: false,
-  isEditForm: false,
-  isAdminForm: false,
-  title: null,
-  description: null,
-  error: null,
-  loading: null,
-  hideActions: false,
-  visual: false,
-  blocks: [],
-  pathname: "",
-  schema: {},
-  isFormSelected: true,
-  onSelectForm: null,
-  editable: true,
-  requestError: null,
-  allowedBlocks: null,
-  global: false
-});
-const FormIntl = injectIntl(Form, { forwardRef: true });
-const Form$1 = compose(
-  connect(
-    (state, props) => {
-      var _a, _b, _c, _d;
-      return {
-        content: state.content.data,
-        globalData: (_a = state.form) == null ? void 0 : _a.global,
-        uiState: (_b = state.form) == null ? void 0 : _b.ui,
-        metadataFieldsets: (_c = state.sidebar) == null ? void 0 : _c.metadataFieldsets,
-        metadataFieldFocus: (_d = state.sidebar) == null ? void 0 : _d.metadataFieldFocus
-      };
-    },
-    {
-      setMetadataFieldsets,
-      setSidebarTab,
-      setFormData,
-      setUIState,
-      resetMetadataFocus
-    },
-    null,
-    { forwardRef: true }
-  )
-)(FormIntl);
-export {
-  Form$1 as default
-};