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

package/dist/server/assets/SchemaWidget-42TNEpHs.js

@@ -1,1392 +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 } from "react/jsx-runtime";
-import { lazy, Component, createElement } from "react";
-import { connect } from "react-redux";
-import { compose } from "redux";
-import PropTypes from "prop-types";
-import { isString, slice, omit, concat, without, findIndex, map } from "lodash-es";
-import move from "lodash-move";
-import { Icon, Segment, Message, Form as Form$1, Grid, Confirm } from "semantic-ui-react";
-import { injectIntl, defineMessages } from "react-intl";
-import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";
-import { cw as slugify, L as Field, be as ModalForm } from "../entry-server.js";
-import "classnames";
-import "moment";
-import "react-router";
-import "react-router-hash-link";
-import "tlds";
-import "prepend-http";
-import "react-router-dom";
-import "react-dom";
-import "react-dom/server";
-import "react-transition-group";
-import "react-toastify";
-import "promise-file-reader";
-import "uuid";
-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 "detect-browser";
-import "locale";
-import "history";
-import "redux-thunk";
-import "redux-localstorage-simple";
-import "debug";
-import "express";
-import "http-proxy-middleware";
-const ReactBeautifulDndDraggable = lazy(
-  () => import("react-beautiful-dnd").then((mod) => ({
-    default: mod.Draggable
-  }))
-);
-const SchemaWidgetFieldsetComponent = ({
-  // isDragging,
-  title,
-  order,
-  active,
-  onShowEditFieldset,
-  onShowDeleteFieldset,
-  onClick,
-  getItemStyle: getItemStyle2,
-  isDraggable,
-  isDisabled
-}) => /* @__PURE__ */ jsx(ReactBeautifulDndDraggable, { draggableId: title, index: order, children: (provided, snapshot) => /* @__PURE__ */ jsxs(
-  "div",
-  {
-    className: `item${active ? " active" : ""}`,
-    onClick: () => onClick(order),
-    ref: provided.innerRef,
-    ...provided.draggableProps,
-    style: getItemStyle2(snapshot.isDragging, provided.draggableProps.style),
-    children: [
-      isDraggable && /* @__PURE__ */ jsx(
-        "i",
-        {
-          "aria-hidden": "true",
-          className: "grey bars icon drag handle",
-          ...provided.dragHandleProps
-        }
-      ),
-      title,
-      !isDisabled && /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "item ui noborder button",
-          onClick: (event) => {
-            event.stopPropagation();
-            event.preventDefault();
-            onShowEditFieldset(order);
-          },
-          children: /* @__PURE__ */ jsx(Icon, { name: "write square", size: "large", color: "blue" })
-        }
-      ),
-      !isDisabled && /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "item ui noborder button",
-          onClick: (event) => {
-            event.stopPropagation();
-            event.preventDefault();
-            onShowDeleteFieldset(order);
-          },
-          children: /* @__PURE__ */ jsx(Icon, { name: "close", size: "large", color: "red" })
-        }
-      )
-    ]
-  }
-) }, title);
-SchemaWidgetFieldsetComponent.propTypes = {
-  order: PropTypes.number.isRequired,
-  active: PropTypes.bool.isRequired,
-  onOrderFieldset: PropTypes.func.isRequired,
-  onShowEditFieldset: PropTypes.func.isRequired,
-  onShowDeleteFieldset: PropTypes.func.isRequired,
-  onClick: PropTypes.func.isRequired,
-  getItemStyle: PropTypes.func.isRequired,
-  isDraggable: PropTypes.bool,
-  isDisabled: PropTypes.bool
-};
-const messages = defineMessages({
-  add: {
-    id: "Add",
-    defaultMessage: "Add"
-  },
-  addField: {
-    id: "Add field",
-    defaultMessage: "Add field"
-  },
-  addFieldset: {
-    id: "Add fieldset",
-    defaultMessage: "Add fieldset"
-  },
-  parentFieldSet: {
-    id: "Parent fieldset",
-    defaultMessage: "Parent fieldset"
-  },
-  editField: {
-    id: "Edit field",
-    defaultMessage: "Edit field"
-  },
-  editFieldset: {
-    id: "Edit fieldset",
-    defaultMessage: "Edit fieldset"
-  },
-  default: {
-    id: "Default",
-    defaultMessage: "Default"
-  },
-  idTitle: {
-    id: "Short Name",
-    defaultMessage: "Short Name"
-  },
-  idDescription: {
-    id: "Used for programmatic access to the fieldset.",
-    defaultMessage: "Used for programmatic access to the fieldset."
-  },
-  choices: {
-    id: "Possible values",
-    defaultMessage: "Possible values (Enter allowed choices one per line)."
-  },
-  string: {
-    id: "String",
-    defaultMessage: "String"
-  },
-  text: {
-    id: "Text",
-    defaultMessage: "Text"
-  },
-  richtext: {
-    id: "Richtext",
-    defaultMessage: "Richtext"
-  },
-  checkbox: {
-    id: "Checkbox",
-    defaultMessage: "Checkbox"
-  },
-  selection: {
-    id: "Selection",
-    defaultMessage: "Selection"
-  },
-  type: {
-    id: "Type",
-    defaultMessage: "Type"
-  },
-  title: {
-    id: "Title",
-    defaultMessage: "Title"
-  },
-  description: {
-    id: "Description",
-    defaultMessage: "Description"
-  },
-  required: {
-    id: "Required",
-    defaultMessage: "Required"
-  },
-  minLength: {
-    id: "minLength",
-    defaultMessage: "Minimum Length"
-  },
-  maxLength: {
-    id: "maxLength",
-    defaultMessage: "Maximum Length"
-  },
-  minimum: {
-    id: "minimum",
-    defaultMessage: "Start of the range"
-  },
-  maximum: {
-    id: "maximum",
-    defaultMessage: "End of the range (including the value itself)"
-  },
-  deleteFieldset: {
-    id: "Are you sure you want to delete this fieldset including all fields?",
-    defaultMessage: "Are you sure you want to delete this fieldset including all fields?"
-  },
-  deleteField: {
-    id: "Are you sure you want to delete this field?",
-    defaultMessage: "Are you sure you want to delete this field?"
-  },
-  error: {
-    id: "Error",
-    defaultMessage: "Error"
-  }
-});
-const makeFieldsetList = (listOfFieldsets, intl) => {
-  const result = listOfFieldsets.map((type) => [type.id, type.title]);
-  return result;
-};
-const schemaField = (factory, intl, fieldsets) => ({
-  fieldsets: [
-    {
-      id: "default",
-      title: "default",
-      fields: [
-        ...["title", "description", "parentFieldSet"],
-        ...((factory2) => {
-          switch (factory2) {
-            case "Rich Text":
-              return ["maxLength"];
-            case "URL":
-            case "Password":
-            case "label_password_field":
-            case "Email":
-            case "label_email":
-              return ["minLength", "maxLength"];
-            case "Integer":
-            case "label_integer_field":
-              return ["minimum", "maximum"];
-            case "Floating-point number":
-            case "label_float_field":
-            case "Date/Time":
-            case "label_datetime_field":
-            case "Date":
-            case "label_date_field":
-            case "File":
-            case "File Upload":
-            case "Image":
-            case "Yes/No":
-            case "label_boolean_field":
-            case "JSONField":
-            case "Relation Choice":
-            case "Relation List":
-              return [];
-            case "Multiple Choice":
-            case "label_multi_choice_field":
-            case "Choice":
-            case "label_choice_field":
-              return ["values"];
-            default:
-              return ["minLength", "maxLength"];
-          }
-        })(factory),
-        ...["required"]
-      ]
-    }
-  ],
-  properties: {
-    title: {
-      type: "string",
-      title: intl.formatMessage(messages.title)
-    },
-    description: {
-      type: "string",
-      widget: "textarea",
-      title: intl.formatMessage(messages.description)
-    },
-    parentFieldSet: {
-      type: "string",
-      title: intl.formatMessage(messages.parentFieldSet),
-      choices: makeFieldsetList(fieldsets)
-    },
-    required: {
-      type: "boolean",
-      title: intl.formatMessage(messages.required)
-    },
-    ...((factory2) => {
-      switch (factory2) {
-        case "Rich Text":
-          return {
-            maxLength: {
-              type: "integer",
-              title: intl.formatMessage(messages.maxLength)
-            }
-          };
-        case "URL":
-        case "Password":
-        case "label_password_field":
-        case "Email":
-        case "label_email":
-          return {
-            minLength: {
-              type: "integer",
-              title: intl.formatMessage(messages.minLength)
-            },
-            maxLength: {
-              type: "integer",
-              title: intl.formatMessage(messages.maxLength)
-            }
-          };
-        case "Integer":
-        case "label_integer_field":
-          return {
-            minimum: {
-              type: "integer",
-              title: intl.formatMessage(messages.minimum)
-            },
-            maximum: {
-              type: "integer",
-              title: intl.formatMessage(messages.maximum)
-            }
-          };
-        case "Floating-point number":
-        case "label_float_field":
-        case "Date/Time":
-        case "label_datetime_field":
-        case "Date":
-        case "label_date_field":
-        case "File":
-        case "File Upload":
-        case "Image":
-        case "Yes/No":
-        case "label_boolean_field":
-        case "JSONField":
-        case "Relation Choice":
-        case "Relation List":
-          return {};
-        case "Multiple Choice":
-        case "label_multi_choice_field":
-        case "Choice":
-        case "label_choice_field":
-          return {
-            values: {
-              type: "string",
-              title: intl.formatMessage(messages.choices),
-              widget: "textarea"
-            }
-          };
-        default:
-          return {
-            minLength: {
-              type: "integer",
-              title: intl.formatMessage(messages.minLength)
-            },
-            maxLength: {
-              type: "integer",
-              title: intl.formatMessage(messages.maxLength)
-            }
-          };
-      }
-    })(factory)
-  },
-  required: ["type", "title"]
-});
-const fieldsetSchema = (intl) => ({
-  fieldsets: [
-    {
-      id: "default",
-      title: intl.formatMessage(messages.default),
-      fields: ["title", "id"]
-    }
-  ],
-  properties: {
-    id: {
-      type: "string",
-      title: intl.formatMessage(messages.idTitle),
-      description: intl.formatMessage(messages.idDescription)
-    },
-    title: {
-      type: "string",
-      title: intl.formatMessage(messages.title)
-    }
-  },
-  required: ["id", "title"]
-});
-const isEditable = (field) => !field.behavior || field.behavior.includes("generated");
-const getItemStyle = (isDragging, draggableStyle) => ({
-  // some basic styles to make the items look a bit nicer
-  userSelect: "none",
-  // change background colour if dragging
-  background: isDragging ? "white" : "transparent",
-  // styles we need to apply on draggable
-  ...draggableStyle
-});
-const getTabStyle = (isDraggingOver) => ({
-  background: isDraggingOver ? "#f4f4f4" : "transparent",
-  display: "flex",
-  flexDirection: "row",
-  flexWrap: "wrap"
-});
-const getFieldStyle = (isDraggingOver) => ({
-  background: isDraggingOver ? "#f4f4f4" : "transparent"
-});
-const formatTextareaToArray = (textarea) => {
-  const values = textarea && textarea ? textarea.split(/(\r\n|\n|\r)/gm).map((elem) => elem.trim()).filter((elem) => elem !== "") : null;
-  return values ? { values } : {};
-};
-const formatArrayToTextarea = (props) => {
-  var _a;
-  if (props == null ? void 0 : props.values) {
-    return props.values.join("\n");
-  }
-  if (props == null ? void 0 : props.choices) {
-    return props.choices.map((elem) => elem[0]).join("\n");
-  }
-  if ((_a = props == null ? void 0 : props.items) == null ? void 0 : _a.choices) {
-    return props.items.choices.map((elem) => elem[0]).join("\n");
-  }
-  return "";
-};
-const formatTextareaToChoices = (textarea, multiple) => {
-  const choices = textarea && textarea ? textarea.split(/(\r\n|\n|\r)/gm).map((elem) => elem.trim()).filter((elem) => elem !== "").map((elem) => [elem, elem]) : null;
-  if (!multiple) {
-    return choices ? { choices } : {};
-  }
-  const items = choices ? { choices } : {};
-  return items ? { items } : {};
-};
-class SchemaWidget extends Component {
-  /**
-   * Constructor
-   * @method constructor
-   * @param {Object} props Component properties
-   * @constructs WysiwygEditor
-   */
-  constructor(props) {
-    super(props);
-    this.onChange = this.onChange.bind(this);
-    this.onChangeDefaultValue = this.onChangeDefaultValue.bind(this);
-    this.onAddField = this.onAddField.bind(this);
-    this.onAddFieldset = this.onAddFieldset.bind(this);
-    this.onEditField = this.onEditField.bind(this);
-    this.onEditFieldset = this.onEditFieldset.bind(this);
-    this.onDeleteFieldset = this.onDeleteFieldset.bind(this);
-    this.onDeleteField = this.onDeleteField.bind(this);
-    this.onShowAddField = this.onShowAddField.bind(this);
-    this.onShowAddFieldset = this.onShowAddFieldset.bind(this);
-    this.onShowEditFieldset = this.onShowEditFieldset.bind(this);
-    this.onShowEditField = this.onShowEditField.bind(this);
-    this.onShowDeleteFieldset = this.onShowDeleteFieldset.bind(this);
-    this.onShowDeleteField = this.onShowDeleteField.bind(this);
-    this.onSetCurrentFieldset = this.onSetCurrentFieldset.bind(this);
-    this.onOrderField = this.onOrderField.bind(this);
-    this.onOrderFieldset = this.onOrderFieldset.bind(this);
-    this.onCancel = this.onCancel.bind(this);
-    this.onDragEnd = this.onDragEnd.bind(this);
-    this.state = {
-      addField: null,
-      addFieldset: null,
-      editFieldset: null,
-      editField: null,
-      deleteFieldset: null,
-      deleteField: null,
-      currentFieldset: 0
-    };
-  }
-  /**
-   * Add field handler
-   * @method onAddField
-   * @param {Object} values Form values
-   * @returns {undefined}
-   */
-  onAddField(values) {
-    const fieldId = slugify(values.title);
-    const currentFieldsetFields = this.props.value.fieldsets[this.state.currentFieldset].fields;
-    const hasChangeNote = currentFieldsetFields.indexOf("changeNote") > -1;
-    const newFieldsetFields = hasChangeNote ? [
-      ...currentFieldsetFields.slice(0, currentFieldsetFields.length - 1),
-      fieldId,
-      currentFieldsetFields[currentFieldsetFields.length - 1]
-    ] : [...currentFieldsetFields, fieldId];
-    this.onChange({
-      ...this.props.value,
-      fieldsets: [
-        ...slice(this.props.value.fieldsets, 0, this.state.currentFieldset),
-        {
-          ...this.props.value.fieldsets[this.state.currentFieldset],
-          fields: newFieldsetFields
-        },
-        ...slice(this.props.value.fieldsets, this.state.currentFieldset + 1)
-      ],
-      properties: {
-        ...this.props.value.properties,
-        [fieldId]: {
-          title: values.title,
-          description: values.description,
-          id: fieldId,
-          ...((factory) => {
-            switch (factory) {
-              case "Date/Time":
-              case "label_datetime_field":
-                return {
-                  type: "string",
-                  widget: "datetime",
-                  factory
-                };
-              case "Date":
-              case "label_date_field":
-                return {
-                  type: "string",
-                  widget: "date",
-                  factory
-                };
-              case "Email":
-              case "label_email":
-                return {
-                  type: "string",
-                  widget: "email",
-                  factory
-                };
-              case "File":
-              case "File Upload":
-                return {
-                  type: "object",
-                  factory
-                };
-              case "Floating-point number":
-              case "label_float_field":
-                return {
-                  type: "number",
-                  factory
-                };
-              case "Integer":
-              case "label_integer_field":
-                return {
-                  type: "integer",
-                  factory
-                };
-              case "Image":
-                return {
-                  type: "object",
-                  factory
-                };
-              case "JSONField":
-                return {
-                  type: "dict",
-                  widget: "json",
-                  factory
-                };
-              case "Multiple Choice":
-              case "label_multi_choice_field":
-                return {
-                  type: "array",
-                  factory
-                };
-              case "Relation List":
-                return {
-                  type: "array",
-                  factory
-                };
-              case "Choice":
-              case "label_choice_field":
-                return {
-                  type: "string",
-                  choices: [],
-                  factory
-                };
-              case "Relation Choice":
-                return {
-                  type: "string",
-                  factory
-                };
-              case "Password":
-              case "label_password_field":
-                return {
-                  type: "string",
-                  widget: "password",
-                  factory
-                };
-              case "Rich Text":
-                return {
-                  type: "string",
-                  widget: "richtext",
-                  factory
-                };
-              case "URL":
-                return {
-                  type: "string",
-                  widget: "url",
-                  factory
-                };
-              case "Yes/No":
-              case "label_boolean_field":
-                return {
-                  type: "boolean",
-                  factory
-                };
-              default:
-                return {
-                  type: "string",
-                  factory
-                };
-            }
-          })(values.factory)
-        }
-      },
-      required: values.required ? [...this.props.value.required, fieldId] : this.props.value.required
-    });
-    this.onCancel();
-  }
-  /**
-   * Add fieldset handler
-   * @method onAddFieldset
-   * @param {Object} values Form values
-   * @returns {undefined}
-   */
-  onAddFieldset(values) {
-    this.onChange({
-      ...this.props.value,
-      fieldsets: [
-        ...this.props.value.fieldsets,
-        {
-          ...values,
-          fields: []
-        }
-      ]
-    });
-    this.onCancel();
-  }
-  /**
-   * Edit fieldset handler
-   * @method onEditFieldset
-   * @param {Object} values Form values
-   * @returns {undefined}
-   */
-  onEditFieldset(values) {
-    var _a;
-    values.fields = values.fields || ((_a = this.props.value.fieldsets[this.state.editFieldset]) == null ? void 0 : _a.fields) || [];
-    this.onChange({
-      ...this.props.value,
-      fieldsets: [
-        ...slice(this.props.value.fieldsets, 0, this.state.editFieldset),
-        values,
-        ...slice(this.props.value.fieldsets, this.state.editFieldset + 1)
-      ]
-    });
-    this.onCancel();
-  }
-  /**
-   * Recreates the fieldset structure
-   * will move change name of the field if needed and
-   * change fieldset if changed
-   * @param {Object[]} fieldsets
-   * @param {string} parentFieldSet - id
-   * @param {number} currentFieldset - index
-   * @param {Object} oldfieldId
-   * @param {Object} newfieldId
-   * @returns {Object[]} fieldsets
-   */
-  editFieldset(fieldsets, parentFieldSet, currentFieldset, oldfieldId, newfieldId) {
-    const moveToFieldsetWithNewName = () => {
-      const newParentFieldsetIndex = fieldsets.findIndex(
-        (field) => field.id === parentFieldSet
-      );
-      const indexOfChangeNote = fieldsets[newParentFieldsetIndex].fields.indexOf("changeNote");
-      const fieldsetsWithoutField = [
-        ...slice(fieldsets, 0, currentFieldset),
-        {
-          ...fieldsets[currentFieldset],
-          fields: fieldsets[currentFieldset].fields.filter(
-            (fieldId) => fieldId !== oldfieldId
-          )
-        },
-        ...slice(fieldsets, currentFieldset + 1)
-      ];
-      const fieldsOfNewFieldset = indexOfChangeNote > -1 ? [
-        ...fieldsetsWithoutField[newParentFieldsetIndex].fields.slice(
-          0,
-          indexOfChangeNote + 1
-        ),
-        oldfieldId,
-        fieldsetsWithoutField[newParentFieldsetIndex].fields[indexOfChangeNote]
-      ] : [
-        ...fieldsetsWithoutField[newParentFieldsetIndex].fields,
-        oldfieldId
-      ];
-      const fieldsetsWithField = [
-        ...slice(fieldsetsWithoutField, 0, newParentFieldsetIndex),
-        {
-          ...fieldsetsWithoutField[newParentFieldsetIndex],
-          fields: fieldsOfNewFieldset
-        },
-        ...slice(fieldsetsWithoutField, newParentFieldsetIndex + 1)
-      ];
-      return fieldsetsWithField;
-    };
-    const changeNameInFieldset = () => {
-      return [
-        ...slice(fieldsets, 0, currentFieldset),
-        {
-          ...fieldsets[currentFieldset],
-          fields: map(
-            fieldsets[currentFieldset].fields,
-            (field) => field === oldfieldId ? newfieldId : field
-          )
-        },
-        ...slice(fieldsets, currentFieldset + 1)
-      ];
-    };
-    const result = parentFieldSet !== fieldsets[currentFieldset].id ? moveToFieldsetWithNewName() : changeNameInFieldset();
-    return result;
-  }
-  /**
-   * Edit field handler
-   * recreates the schema based on field changes (properties, name, fieldset)
-   * @method onEditField
-   * @param {Object} values Field values
-   * @returns {undefined}
-   */
-  onEditField(values) {
-    var _a, _b;
-    let formattedValues = { ...values };
-    const listOfProp = ["minLength", "maxLength", "minimum", "maximum"];
-    listOfProp.forEach((prop) => {
-      formattedValues = {
-        ...formattedValues,
-        ...{ [prop]: values[prop] ? parseFloat(values[prop]) : null }
-      };
-    });
-    const multiple = ((_a = this.props.value.properties[this.state.editField.id]) == null ? void 0 : _a.factory) === "Multiple Choice" || ((_b = this.props.value.properties[this.state.editField.id]) == null ? void 0 : _b.factory) === "label_multi_choice_field";
-    const result = {
-      ...this.props.value,
-      fieldsets: formattedValues.parentFieldSet ? this.editFieldset(
-        this.props.value.fieldsets,
-        formattedValues.parentFieldSet,
-        this.state.currentFieldset,
-        this.state.editField.id,
-        formattedValues.id
-      ) : this.props.value.fieldsets,
-      properties: {
-        ...omit(this.props.value.properties, [this.state.editField.id]),
-        [formattedValues.id]: {
-          ...this.props.value.properties[this.state.editField.id],
-          ...omit(formattedValues, ["id", "parentFieldSet"]),
-          ...formatTextareaToArray(formattedValues.values),
-          ...formatTextareaToChoices(formattedValues.values, multiple)
-        }
-      },
-      required: formattedValues.required ? concat(without(this.props.value.required, this.state.editField.id), [
-        formattedValues.id
-      ]) : without(this.props.value.required, this.state.editField.id)
-    };
-    this.onChange(result);
-    this.onCancel();
-  }
-  /**
-   * Delete fieldset handler
-   * @method onDeleteFieldset
-   * @returns {undefined}
-   */
-  onDeleteFieldset() {
-    if (this.state.currentFieldset > this.props.value.fieldsets.length - 2) {
-      this.setState({
-        currentFieldset: this.state.currentFieldset - 1
-      });
-    }
-    this.onChange({
-      ...this.props.value,
-      fieldsets: [
-        ...slice(this.props.value.fieldsets, 0, this.state.deleteFieldset),
-        ...slice(this.props.value.fieldsets, this.state.deleteFieldset + 1)
-      ],
-      properties: omit(
-        this.props.value.properties,
-        this.props.value.fieldsets[this.state.deleteFieldset].fields
-      )
-    });
-    this.onCancel();
-  }
-  /**
-   * Delete field handler
-   * @method onDeleteField
-   * @returns {undefined}
-   */
-  onDeleteField() {
-    this.onChange({
-      ...this.props.value,
-      fieldsets: [
-        ...slice(this.props.value.fieldsets, 0, this.state.currentFieldset),
-        {
-          ...this.props.value.fieldsets[this.state.currentFieldset],
-          fields: without(
-            this.props.value.fieldsets[this.state.currentFieldset].fields,
-            this.state.deleteField
-          )
-        },
-        ...slice(this.props.value.fieldsets, this.state.currentFieldset + 1)
-      ],
-      properties: omit(this.props.value.properties, [this.state.deleteField])
-    });
-    this.onCancel();
-  }
-  /**
-   * Change handler
-   * @method onChange
-   * @param {Object} value New schema
-   * @returns {undefined}
-   */
-  onChange(value) {
-    this.props.onChange(this.props.id, value);
-  }
-  /**
-   * Change default value handler
-   * @method onChangeDefaultValue
-   * @param {string} fieldId
-   * @param {string} fieldValue
-   */
-  onChangeDefaultValue(fieldId, fieldValue) {
-    const value = {};
-    const fieldMerge = {
-      ...this.props.value.properties[fieldId],
-      ...value
-    };
-    const propsMerge = {
-      ...this.props.value.properties,
-      ...{ [fieldId]: fieldMerge }
-    };
-    this.onChange({
-      ...this.props.value,
-      properties: propsMerge
-    });
-  }
-  /**
-   * Cancel handler
-   * @method onCancel
-   * @returns {undefined}
-   */
-  onCancel() {
-    this.setState({
-      addField: null,
-      addFieldset: null,
-      editFieldset: null,
-      editField: null,
-      deleteFieldset: null,
-      deleteField: null
-    });
-  }
-  /**
-   * Show add field handler
-   * @method onShowAddField
-   * @returns {undefined}
-   */
-  onShowAddField(event) {
-    this.setState({
-      addField: true
-    });
-    event.preventDefault();
-  }
-  /**
-   * Show add fieldset handler
-   * @method onShowAddFieldset
-   * @returns {undefined}
-   */
-  onShowAddFieldset(event) {
-    this.setState({
-      addFieldset: true
-    });
-    event.preventDefault();
-  }
-  /**
-   * Show edit fieldset handler
-   * @method onShowEditFieldset
-   * @param {Number} index Index of fieldset
-   * @returns {undefined}
-   */
-  onShowEditFieldset(index) {
-    this.setState({
-      editFieldset: index
-    });
-  }
-  /**
-   * Show edit field handler
-   * @method onShowEditField
-   * @param {string} id Id of field
-   * @param {Object} schema Schema of the field
-   * @returns {undefined}
-   */
-  onShowEditField(id, schema) {
-    return this.setState({
-      editField: {
-        id
-      }
-    });
-  }
-  /**
-   * Show delete fieldset handler
-   * @method onShowDeleteFieldset
-   * @param {Number} index Index of fieldset
-   * @param {Object} event Event object
-   * @returns {undefined}
-   */
-  onShowDeleteFieldset(index) {
-    this.setState({
-      deleteFieldset: index
-    });
-  }
-  /**
-   * Show delete field handler
-   * @method onShowDeleteField
-   * @param {String} field Field to delete
-   * @param {Object} event Event object
-   * @returns {undefined}
-   */
-  onShowDeleteField(field) {
-    this.setState({
-      deleteField: field
-    });
-  }
-  /**
-   * Set current fieldset handler
-   * @method onSetCurrentFieldset
-   * @param {Number} index Index of fieldset
-   * @returns {undefined}
-   */
-  onSetCurrentFieldset(index) {
-    this.setState({
-      currentFieldset: index
-    });
-  }
-  /**
-   * On order fieldset
-   * @method onOrderField
-   * @param {number} index Index
-   * @param {number} delta Delta
-   * @returns {undefined}
-   */
-  onOrderField(index, delta) {
-    this.onChange({
-      ...this.props.value,
-      fieldsets: [
-        ...slice(this.props.value.fieldsets, 0, this.state.currentFieldset),
-        {
-          ...this.props.value.fieldsets[this.state.currentFieldset],
-          fields: move(
-            this.props.value.fieldsets[this.state.currentFieldset].fields,
-            index,
-            delta
-          )
-        },
-        ...slice(this.props.value.fieldsets, this.state.currentFieldset + 1)
-      ]
-    });
-  }
-  /**
-   * On order fieldset
-   * @method onOrderFieldset
-   * @param {number} index Index
-   * @param {number} delta Delta
-   * @returns {undefined}
-   */
-  onOrderFieldset(index, delta) {
-    const schema = {
-      ...this.props.value,
-      fieldsets: move(this.props.value.fieldsets, index, delta)
-    };
-    this.setState({
-      currentFieldset: findIndex(schema.fieldsets, {
-        id: schema.fieldsets[this.state.currentFieldset].id
-      })
-    });
-    this.onChange(schema);
-  }
-  /**
-   * Set current fieldset handler
-   * @method onDragEnd
-   * @param {Number} index Index of fieldset
-   * @returns {undefined}
-   */
-  onDragEnd(result) {
-    if (result.destination && result.destination.droppableId === "fields-schema-edit") {
-      this.onOrderField(result.source.index, result.destination.index);
-    }
-    if (result.destination && result.destination.droppableId === "tabs-schema-edit") {
-      this.onOrderFieldset(result.source.index, result.destination.index);
-    }
-  }
-  /**
-   * Render method.
-   * @method render
-   * @returns {string} Markup for the component.
-   */
-  render() {
-    const { error } = this.props;
-    if (!this.props.value) {
-      return "";
-    }
-    const nonUserCreatedFields = this.props.value.fieldsets[this.state.currentFieldset].fields.filter(
-      (fieldId) => !isEditable(this.props.value.properties[fieldId]) && fieldId !== "changeNote"
-    );
-    const hasChangeNote = this.props.value.fieldsets[this.state.currentFieldset].fields.indexOf(
-      "changeNote"
-    ) > -1;
-    const userCreatedFieldsStartingIndex = nonUserCreatedFields.length;
-    const lastUserCreatedFieldsIndex = hasChangeNote ? this.props.value.fieldsets[this.state.currentFieldset].fields.length - 1 : this.props.value.fieldsets[this.state.currentFieldset].fields.length;
-    const makeNonUserFields = () => map(
-      this.props.value.fieldsets[this.state.currentFieldset].fields.slice(
-        0,
-        userCreatedFieldsStartingIndex
-      ),
-      (field, index) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: { background: "#c7d5d859" },
-          children: /* @__PURE__ */ jsx(
-            Field,
-            {
-              ...this.props.value.properties[field],
-              id: field,
-              required: this.props.value.required.indexOf(field) !== -1,
-              onEdit: this.onShowEditField,
-              draggable: false,
-              isDisabled: true,
-              order: index,
-              onDelete: this.onShowDeleteField,
-              onChange: this.onChangeDefaultValue,
-              value: this.props.value.properties[field].default
-            }
-          )
-        },
-        `${field}-${this.state.currentFieldset}-${index}`
-      )
-    );
-    const makeUserFields = () => map(
-      this.props.value.fieldsets[this.state.currentFieldset].fields.slice(
-        userCreatedFieldsStartingIndex,
-        lastUserCreatedFieldsIndex
-      ),
-      (field, index) => /* @__PURE__ */ jsx(
-        Draggable,
-        {
-          draggableId: field,
-          index: userCreatedFieldsStartingIndex + index,
-          children: (provided, snapshot) => /* @__PURE__ */ jsx(
-            "div",
-            {
-              ref: provided.innerRef,
-              ...provided.draggableProps,
-              ...provided.dragHandleProps,
-              style: getItemStyle(
-                snapshot.isDragging,
-                provided.draggableProps.style
-              ),
-              children: /* @__PURE__ */ createElement(
-                Field,
-                {
-                  ...this.props.value.properties[field],
-                  id: field,
-                  required: this.props.value.required.indexOf(field) !== -1,
-                  onEdit: this.onShowEditField,
-                  draggable: true,
-                  isDisabled: false,
-                  order: index,
-                  onDelete: this.onShowDeleteField,
-                  onChange: this.onChangeDefaultValue,
-                  key: `${field}-${this.state.currentFieldset}-${index}`,
-                  value: this.props.value.properties[field].default
-                }
-              )
-            }
-          )
-        },
-        `${field}-${this.state.currentFieldset}-${index}`
-      )
-    );
-    const canAddFields = this.state.currentFieldset === 0 || !this.props.value.fieldsets[this.state.currentFieldset].behavior || this.props.value.fieldsets[this.state.currentFieldset].behavior.includes(
-      "generated"
-    );
-    return /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs(
-        Segment.Group,
-        {
-          style: {
-            margin: "-1rem"
-          },
-          children: [
-            error.length > 0 && map(error, (err, index) => /* @__PURE__ */ jsx(
-              Message,
-              {
-                icon: "warning",
-                negative: true,
-                attached: true,
-                header: this.props.intl.formatMessage(messages.error),
-                content: err
-              },
-              `${err}-${index}`
-            )),
-            /* @__PURE__ */ jsxs(DragDropContext, { onDragEnd: this.onDragEnd, children: [
-              /* @__PURE__ */ jsx(Droppable, { droppableId: "tabs-schema-edit", direction: "horizontal", children: (provided, snapshot) => /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  role: "tablist",
-                  className: "ui pointing secondary attached tabular menu",
-                  ref: provided.innerRef,
-                  ...provided.draggableProps,
-                  style: getTabStyle(snapshot.isDraggingOver),
-                  children: [
-                    map(this.props.value.fieldsets, (fieldset, index) => /* @__PURE__ */ jsx(
-                      SchemaWidgetFieldsetComponent,
-                      {
-                        title: fieldset.title,
-                        order: index,
-                        active: index === this.state.currentFieldset,
-                        onClick: this.onSetCurrentFieldset,
-                        onShowEditFieldset: this.onShowEditFieldset,
-                        onShowDeleteFieldset: this.onShowDeleteFieldset,
-                        onOrderFieldset: this.onOrderFieldset,
-                        getItemStyle,
-                        isDraggable: true,
-                        isDisabled: fieldset.behavior ? !fieldset.behavior.includes("generated") : false
-                      },
-                      `${fieldset.id}-${this.state.currentFieldset}-${index}`
-                    )),
-                    /* @__PURE__ */ jsx("div", { className: "item item-add", children: /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        "aria-label": this.props.intl.formatMessage(messages.add),
-                        className: "item ui noborder button",
-                        onClick: this.onShowAddFieldset,
-                        children: /* @__PURE__ */ jsx(Icon, { name: "plus", size: "large" })
-                      }
-                    ) }),
-                    provided.placeholder
-                  ]
-                }
-              ) }),
-              makeNonUserFields(),
-              /* @__PURE__ */ jsx(
-                Droppable,
-                {
-                  droppableId: "fields-schema-edit",
-                  direction: "vertical",
-                  type: "fixed",
-                  children: (provided, snapshot) => /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      ref: provided.innerRef,
-                      ...provided.draggableProps,
-                      style: getFieldStyle(snapshot.isDraggingOver),
-                      children: [
-                        makeUserFields(),
-                        provided.placeholder
-                      ]
-                    }
-                  )
-                }
-              )
-            ] }),
-            hasChangeNote ? /* @__PURE__ */ jsx("div", { style: { background: "#c7d5d859" }, children: /* @__PURE__ */ createElement(
-              Field,
-              {
-                ...this.props.value.properties.changeNote,
-                id: "changeNote",
-                required: this.props.value.required.indexOf("changeNote") !== -1,
-                onEdit: this.onShowEditField,
-                draggable: false,
-                isDisabled: true,
-                order: this.props.value.fieldsets[this.state.currentFieldset].length - 1,
-                onDelete: this.onShowDeleteField,
-                onChange: this.onChangeDefaultValue,
-                key: "changeNote",
-                value: this.props.value.properties.changeNote.default
-              }
-            ) }) : null,
-            canAddFields && /* @__PURE__ */ jsx(Form$1.Field, { inline: true, children: /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(Grid.Row, { stretched: true, children: /* @__PURE__ */ jsxs(Grid.Column, { width: "12", children: [
-              /* @__PURE__ */ jsx("div", { className: "wrapper", children: /* @__PURE__ */ jsx("label", { htmlFor: "addfield", children: this.props.intl.formatMessage(messages.addField) }) }),
-              /* @__PURE__ */ jsx("div", { className: "toolbar", children: /* @__PURE__ */ jsx(
-                "button",
-                {
-                  "aria-label": this.props.intl.formatMessage(messages.add),
-                  id: "addfield",
-                  className: "item ui noborder button",
-                  onClick: this.onShowAddField,
-                  children: /* @__PURE__ */ jsx(Icon, { name: "plus", color: "blue", size: "large" })
-                }
-              ) })
-            ] }) }) }) })
-          ]
-        }
-      ),
-      this.state.addField !== null && /* @__PURE__ */ jsx(
-        ModalForm,
-        {
-          onSubmit: this.onAddField,
-          onCancel: this.onCancel,
-          title: this.props.intl.formatMessage(messages.addField),
-          formData: {
-            type: "",
-            id: "",
-            title: ""
-          },
-          schema: {
-            fieldsets: [
-              {
-                id: "default",
-                title: this.props.intl.formatMessage(messages.default),
-                fields: ["factory", "title", "description", "required"]
-              }
-            ],
-            properties: {
-              factory: {
-                type: "string",
-                factory: "Choice",
-                title: this.props.intl.formatMessage(messages.type),
-                vocabulary: {
-                  "@id": `Fields`
-                }
-              },
-              title: {
-                type: "string",
-                title: this.props.intl.formatMessage(messages.title)
-              },
-              description: {
-                type: "string",
-                widget: "textarea",
-                title: this.props.intl.formatMessage(messages.description)
-              },
-              required: {
-                type: "boolean",
-                title: this.props.intl.formatMessage(messages.required)
-              }
-            },
-            required: ["type", "title"]
-          }
-        }
-      ),
-      this.state.editField !== null && /* @__PURE__ */ jsx(
-        ModalForm,
-        {
-          onSubmit: this.onEditField,
-          onCancel: this.onCancel,
-          title: this.props.intl.formatMessage(messages.editField),
-          formData: {
-            ...this.props.value.properties[this.state.editField.id],
-            id: this.state.editField.id,
-            required: this.props.value.required.indexOf(this.state.editField.id) !== -1,
-            parentFieldSet: this.props.value.fieldsets[this.state.currentFieldset].id,
-            values: formatArrayToTextarea(
-              this.props.value.properties[this.state.editField.id]
-            )
-          },
-          schema: schemaField(
-            this.props.value.properties[this.state.editField.id].factory,
-            this.props.intl,
-            this.props.value.fieldsets.filter(
-              (fieldset) => !fieldset.behavior || fieldset.id === "default" || fieldset.behavior.includes("generated")
-            )
-          )
-        }
-      ),
-      this.state.addFieldset !== null && /* @__PURE__ */ jsx(
-        ModalForm,
-        {
-          onSubmit: this.onAddFieldset,
-          onCancel: this.onCancel,
-          title: this.props.intl.formatMessage(messages.addFieldset),
-          formData: {
-            id: "",
-            title: ""
-          },
-          schema: fieldsetSchema(this.props.intl)
-        }
-      ),
-      this.state.editFieldset !== null && /* @__PURE__ */ jsx(
-        ModalForm,
-        {
-          onSubmit: this.onEditFieldset,
-          onCancel: this.onCancel,
-          title: this.props.intl.formatMessage(messages.editFieldset),
-          formData: {
-            id: this.props.value.fieldsets[this.state.editFieldset].id,
-            title: this.props.value.fieldsets[this.state.editFieldset].title
-          },
-          schema: fieldsetSchema(this.props.intl)
-        }
-      ),
-      this.state.deleteFieldset !== null && /* @__PURE__ */ jsx(
-        Confirm,
-        {
-          open: true,
-          content: this.props.intl.formatMessage(messages.deleteFieldset),
-          onCancel: this.onCancel,
-          onConfirm: this.onDeleteFieldset
-        }
-      ),
-      this.state.deleteField !== null && /* @__PURE__ */ jsx(
-        Confirm,
-        {
-          open: true,
-          content: this.props.intl.formatMessage(messages.deleteField),
-          onCancel: this.onCancel,
-          onConfirm: this.onDeleteField
-        }
-      )
-    ] });
-  }
-}
-/**
- * Property types.
- * @property {Object} propTypes Property types.
- * @static
- */
-__publicField(SchemaWidget, "propTypes", {
-  /**
-   * Id of the field
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * Title of the field
-   */
-  required: PropTypes.bool,
-  /**
-   * Value of the field
-   */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  /**
-   * List of error messages
-   */
-  error: PropTypes.arrayOf(PropTypes.string),
-  /**
-   * On change handler
-   */
-  onChange: PropTypes.func.isRequired
-  /**
-   * Intl object
-   */
-});
-/**
- * Default properties
- * @property {Object} defaultProps Default properties.
- * @static
- */
-__publicField(SchemaWidget, "defaultProps", {
-  required: false,
-  value: {},
-  error: []
-});
-const SchemaWidget$1 = compose(
-  injectIntl,
-  connect(
-    (state, props) => ({
-      value: isString(props.value) ? JSON.parse(props.value) : props.value
-    }),
-    {}
-  )
-)(SchemaWidget);
-export {
-  SchemaWidget$1 as default
-};