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

package/dist/server/assets/Relations-HXFX3OhR.js

@@ -1,1092 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import React__default, { useEffect, useState } from "react";
-import { uniqBy, find, capitalize } from "lodash-es";
-import { useDispatch, useSelector } from "react-redux";
-import { createPortal } from "react-dom";
-import { useHistory } from "react-router";
-import { useLocation, Link } from "react-router-dom";
-import { useIntl, FormattedMessage } from "react-intl";
-import { Checkbox, Message, Divider, Segment, Table, Tab, Form as Form$1, Header, Dropdown, Input, Button, Popup } from "semantic-ui-react";
-import { bR as REBUILD_RELATIONS, bS as useDeepCompareEffect, aP as searchContent, bT as resetSearchContent, N as UniversalLink, aw as messages, T as Toast, bU as ConditionalLink, f as flattenToAppURL, X as withObjectBrowser, I as Icon, k as clearSVG, bV as navTreeSVG, C as listActions, H as HelmetExport, bI as getParentUrl, o as backSVG } from "../entry-server.js";
-import { T as Toolbar } from "./Toolbar-DVsVq7NQ.js";
-import { compose } from "redux";
-import { toast } from "react-toastify";
-import { q as queryRelations, c as createRelations, d as deleteRelations, g as getRelationStats } from "./relations-DpP4v3e7.js";
-import "classnames";
-import "moment";
-import "prop-types";
-import "react-router-hash-link";
-import "tlds";
-import "prepend-http";
-import "lodash-move";
-import "react-dom/server";
-import "react-transition-group";
-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 "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 "./users-BY0qskQF.js";
-import "./User-CeYa32LY.js";
-import "./PersonalInformation--cOokZv2.js";
-function rebuildRelations(flush = false) {
-  let path = "/@relations/rebuild";
-  const data = flush === true ? { flush: 1 } : {};
-  return {
-    type: REBUILD_RELATIONS,
-    request: {
-      op: "post",
-      path,
-      data
-    }
-  };
-}
-const RelationsListing = ({
-  relationtype,
-  query_source,
-  query_target,
-  potential_sources_path,
-  potential_targets_path
-  // target_filter,
-}) => {
-  const intl = useIntl();
-  const dispatch = useDispatch();
-  const MAX = 40;
-  const MAX_RELATIONS = 1e3;
-  const stats = useSelector((state) => {
-    var _a, _b;
-    return ((_b = (_a = state.relations) == null ? void 0 : _a.stats) == null ? void 0 : _b.data) || null;
-  });
-  let relations = useSelector(
-    (state) => {
-      var _a, _b, _c, _d;
-      return ((_d = (_c = (_b = (_a = state.relations) == null ? void 0 : _a.relations) == null ? void 0 : _b.data) == null ? void 0 : _c[relationtype]) == null ? void 0 : _d.items) || [];
-    }
-  );
-  let potential_targets_objects = useSelector(
-    (state) => {
-      var _a;
-      return ((_a = state.search.subrequests.potential_targets) == null ? void 0 : _a.items) || [];
-    }
-  );
-  let potential_sources_objects = useSelector(
-    (state) => {
-      var _a;
-      return ((_a = state.search.subrequests.potential_sources) == null ? void 0 : _a.items) || [];
-    }
-  );
-  const staticCatalogVocabularyQuery = useSelector(
-    (state) => {
-      var _a, _b, _c, _d;
-      return ((_d = (_c = (_b = (_a = state.relations) == null ? void 0 : _a.relations) == null ? void 0 : _b.data) == null ? void 0 : _c[relationtype]) == null ? void 0 : _d.staticCatalogVocabularyQuery) || {};
-    }
-  );
-  const editable = useSelector(
-    (state) => {
-      var _a, _b, _c, _d;
-      return ((_d = (_c = (_b = (_a = state.relations) == null ? void 0 : _a.relations) == null ? void 0 : _b.data) == null ? void 0 : _c[relationtype]) == null ? void 0 : _d.readonly) !== true;
-    }
-  );
-  let relationMatrix = {};
-  relations.map((tpl) => {
-    if (relationMatrix[tpl.source.UID]) {
-      relationMatrix[tpl.source.UID].targets.push(tpl.target);
-    } else {
-      relationMatrix[tpl.source.UID] = {
-        source: tpl.source,
-        targets: [tpl.target]
-      };
-    }
-    return relationMatrix;
-  });
-  let matrix_options = relations.map((relation) => ({
-    value: relation.target.UID,
-    label: relation.target.title,
-    url: relation.target["@id"],
-    review_state: relation.target.review_state,
-    uid: relation.target.UID
-  }));
-  matrix_options = uniqBy(matrix_options, function(el) {
-    return el.value;
-  });
-  const potential_targets = potential_targets_objects.map((obj) => ({
-    value: obj.UID,
-    label: obj.title,
-    url: obj["@id"],
-    review_state: obj.review_state,
-    uid: obj.UID
-  }));
-  matrix_options = query_source === "" && query_target === "" && potential_sources_path !== "" && potential_targets_path !== "" ? potential_targets : [...matrix_options, ...potential_targets];
-  matrix_options = uniqBy(matrix_options, function(el) {
-    return el.value;
-  });
-  matrix_options.sort(function(a, b) {
-    var labelA = a.label.toUpperCase();
-    var labelB = b.label.toUpperCase();
-    if (labelA < labelB) {
-      return -1;
-    }
-    if (labelA > labelB) {
-      return 1;
-    }
-    return 0;
-  });
-  let items = Object.keys(relationMatrix).map((key) => ({
-    value: key,
-    label: relationMatrix[key].source.title,
-    targets: relationMatrix[key].targets.map((el) => el.UID),
-    url: relationMatrix[key].source["@id"],
-    review_state: relationMatrix[key].source.review_state
-  }));
-  const potential_sources = potential_sources_objects.map((obj) => {
-    var _a, _b;
-    return {
-      value: obj.UID,
-      label: obj.title,
-      targets: ((_b = (_a = relationMatrix[obj.UID]) == null ? void 0 : _a.targets) == null ? void 0 : _b.map((el) => el.UID)) || [],
-      url: obj["@id"],
-      review_state: obj.review_state
-    };
-  });
-  items = query_source === "" && query_target === "" && potential_sources_path !== "" && potential_targets_path !== "" ? potential_sources : [...items, ...potential_sources];
-  items = uniqBy(items, function(el) {
-    return el.value;
-  });
-  items.sort(function(a, b) {
-    var labelA = a.label.toUpperCase();
-    var labelB = b.label.toUpperCase();
-    if (labelA < labelB) {
-      return -1;
-    }
-    if (labelA > labelB) {
-      return 1;
-    }
-    return 0;
-  });
-  useEffect(() => {
-    if ((stats == null ? void 0 : stats.stats[relationtype]) <= MAX_RELATIONS) {
-      dispatch(queryRelations(relationtype));
-    } else {
-      dispatch(
-        queryRelations(
-          relationtype,
-          false,
-          null,
-          null,
-          null,
-          query_source ? query_source.startsWith("/") ? query_source : `${query_source}*` : null,
-          query_target ? query_target.startsWith("/") ? query_target : `${query_target}*` : null
-        )
-      );
-    }
-  }, [dispatch, stats, relationtype, query_source, query_target]);
-  useDeepCompareEffect(() => {
-    if (potential_targets_path !== "/" && potential_targets_path !== "") {
-      dispatch(
-        searchContent(
-          potential_targets_path,
-          {
-            SearchableText: query_target,
-            metadata_fields: ["UID"],
-            sort_on: "sortable_title",
-            ...staticCatalogVocabularyQuery
-          },
-          "potential_targets"
-        )
-      );
-    } else {
-      dispatch(resetSearchContent("potential_targets"));
-    }
-    if (potential_sources_path !== "/" && potential_sources_path !== "") {
-      dispatch(
-        searchContent(
-          potential_sources_path,
-          {
-            SearchableText: query_source,
-            metadata_fields: ["UID"],
-            sort_on: "sortable_title"
-            // No need to restrict here. ...staticCatalogVocabularyQuery,
-          },
-          "potential_sources"
-        )
-      );
-    } else {
-      dispatch(resetSearchContent("potential_sources"));
-    }
-  }, [
-    dispatch,
-    potential_targets_path,
-    potential_sources_path,
-    staticCatalogVocabularyQuery,
-    query_source,
-    query_target
-  ]);
-  function fetchRelations() {
-    dispatch(
-      queryRelations(
-        relationtype,
-        false,
-        null,
-        null,
-        null,
-        query_source ? query_source.startsWith("/") ? query_source : `${query_source}*` : null,
-        query_target ? query_target.startsWith("/") ? query_target : `${query_target}*` : null
-      )
-    );
-  }
-  const onSelectOptionHandler = (relation, selectedvalue, checked) => {
-    let source = selectedvalue.y;
-    let target = selectedvalue.x;
-    const relation_data = [
-      {
-        source,
-        target,
-        relation
-      }
-    ];
-    dispatch(
-      checked ? createRelations(relation_data) : deleteRelations(relation_data)
-    ).then((resp) => {
-      fetchRelations();
-    }).then(() => {
-      toast.success(
-        /* @__PURE__ */ jsx(
-          Toast,
-          {
-            success: true,
-            title: intl.formatMessage(messages.success),
-            content: intl.formatMessage(messages.relationsUpdated)
-          }
-        )
-      );
-    });
-  };
-  const onSelectAllHandler = (target, items_ids, checked) => {
-    let relation_data = [];
-    items_ids.forEach((el) => {
-      relation_data.push({
-        source: el,
-        target,
-        relation: relationtype
-      });
-    });
-    dispatch(
-      checked ? createRelations(relation_data) : deleteRelations(relation_data)
-    ).then((resp) => {
-      fetchRelations();
-    }).then(() => {
-      toast.success(
-        /* @__PURE__ */ jsx(
-          Toast,
-          {
-            success: true,
-            title: intl.formatMessage(messages.success),
-            content: intl.formatMessage(messages.relationsUpdated)
-          }
-        )
-      );
-    });
-  };
-  return /* @__PURE__ */ jsx(Fragment, { children: matrix_options.length <= MAX && items.length <= MAX & matrix_options.length > 0 && items.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "administration_matrix", children: [
-    /* @__PURE__ */ jsxs("div", { className: "label-options", children: [
-      /* @__PURE__ */ jsxs("div", { className: "target-labels", children: [
-        /* @__PURE__ */ jsx("div", {}),
-        /* @__PURE__ */ jsx("div", { children: matrix_options == null ? void 0 : matrix_options.map((matrix_option) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "label-options-label inclined",
-            id: `label-options-label-${matrix_option.value}`,
-            children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              UniversalLink,
-              {
-                href: matrix_option.url,
-                className: matrix_option.review_state !== "published" ? "not-published" : "",
-                target: "_blank",
-                children: /* @__PURE__ */ jsx("span", { className: "label", title: matrix_option.label, children: matrix_option.label.length > 30 ? matrix_option.label.slice(0, 27) + "..." : matrix_option.label })
-              }
-            ) })
-          },
-          matrix_option.value
-        )) })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "listing-row selectall", children: /* @__PURE__ */ jsxs("div", { className: "listing-item", children: [
-        /* @__PURE__ */ jsx("div", {}),
-        /* @__PURE__ */ jsx("div", { className: "matrix_options", children: !(relationtype === "isReferencing" || relationtype === "iterate-working-copy" || !editable) ? matrix_options == null ? void 0 : matrix_options.map((matrix_option) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            title: intl.formatMessage(
-              messages.createOrDeleteRelationsToTarget
-            ) + ` '${matrix_option.label}'`,
-            children: /* @__PURE__ */ jsx(
-              Checkbox,
-              {
-                className: "toggle-target",
-                defaultChecked: false,
-                onChange: (event, { checked }) => onSelectAllHandler(
-                  matrix_option.value,
-                  items.map((el) => el.value),
-                  checked
-                )
-              }
-            )
-          },
-          matrix_option.value
-        )) : /* @__PURE__ */ jsx(
-          FormattedMessage,
-          {
-            id: "Read only for this type of relation.",
-            defaultMessage: "Read only for this type of relation."
-          }
-        ) })
-      ] }) }, "selectall")
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "items", children: /* @__PURE__ */ jsxs(Fragment, { children: [
-      !editable && /* @__PURE__ */ jsx(Message, { warning: true, children: /* @__PURE__ */ jsx(
-        FormattedMessage,
-        {
-          id: "Relations are editable with plone.api >= 2.0.3.",
-          defaultMessage: "Relations are editable with plone.api >= 2.0.3."
-        }
-      ) }),
-      items.map((item) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "listing-row",
-          id: `source-row-${item.value}`,
-          children: /* @__PURE__ */ jsxs("div", { className: "listing-item", children: [
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", { title: item.label, className: "item-title", children: /* @__PURE__ */ jsx(
-              UniversalLink,
-              {
-                href: item.url,
-                className: item.review_state !== "published" ? "not-published" : "",
-                target: "_blank",
-                children: item.label.length > 25 ? item.label.slice(0, 22) + "..." : item.label
-              }
-            ) }) }),
-            /* @__PURE__ */ jsx("div", { className: "matrix_options", children: matrix_options == null ? void 0 : matrix_options.map((matrix_option) => /* @__PURE__ */ jsx(React__default.Fragment, { children: /* @__PURE__ */ jsx(
-              Checkbox,
-              {
-                className: `checkbox_${matrix_option.value}`,
-                title: matrix_option.title,
-                disabled: relationtype === "isReferencing" || relationtype === "iterate-working-copy" || !editable,
-                checked: item.targets.includes(matrix_option.value),
-                onChange: (event, { checked }) => {
-                  onSelectOptionHandler(
-                    relationtype,
-                    { x: matrix_option.value, y: item.value },
-                    checked
-                  );
-                }
-              },
-              matrix_option.value
-            ) }, matrix_option.value)) })
-          ] }, item["@id"])
-        },
-        item.id
-      ))
-    ] }) }, "items")
-  ] }) : /* @__PURE__ */ jsx("div", { className: "administration_matrix", children: matrix_options.length > MAX || items.length > MAX ? /* @__PURE__ */ jsx(
-    FormattedMessage,
-    {
-      id: "narrowDownRelations",
-      defaultMessage: "Found {sources} sources and {targets} targets. Narrow down to {max}!",
-      values: {
-        sources: items.length,
-        targets: matrix_options.length,
-        max: MAX
-      }
-    }
-  ) : query_source || query_target ? /* @__PURE__ */ jsx("div", { children: intl.formatMessage(messages.norelationfound) }) : /* @__PURE__ */ jsx("div", { children: intl.formatMessage(messages.toomanyrelationsfound) }) }) });
-};
-const BrokenRelations = () => {
-  const dispatch = useDispatch();
-  const brokenRelationStats = useSelector(
-    (state) => {
-      var _a, _b, _c;
-      return ((_c = (_b = (_a = state.relations) == null ? void 0 : _a.stats) == null ? void 0 : _b.data) == null ? void 0 : _c.broken) || {};
-    }
-  );
-  const brokenRelations = useSelector(
-    (state) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = state.relations) == null ? void 0 : _a.subrequests) == null ? void 0 : _b.broken) == null ? void 0 : _c.data;
-    }
-  );
-  useEffect(() => {
-    dispatch(queryRelations(null, true, "broken"));
-  }, [dispatch]);
-  return brokenRelations && Object.keys(brokenRelations).length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Divider, { section: true, hidden: true }),
-    /* @__PURE__ */ jsxs(Segment, { children: [
-      /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(
-        FormattedMessage,
-        {
-          id: "Broken relations",
-          defaultMessage: "Broken relations"
-        }
-      ) }),
-      Object.keys(brokenRelations).map((relationname) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Divider, { section: true, hidden: true }),
-        /* @__PURE__ */ jsx("h4", { children: /* @__PURE__ */ jsx(
-          FormattedMessage,
-          {
-            id: "countBrokenRelations",
-            defaultMessage: "{countofrelation} broken {countofrelation, plural, one {relation} other {relations}} of type {typeofrelation}",
-            values: {
-              countofrelation: brokenRelationStats[relationname],
-              typeofrelation: relationname
-            }
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(Table, { compact: "very", children: [
-          /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
-            /* @__PURE__ */ jsx(Table.HeaderCell, { width: 6, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Source", defaultMessage: "Source" }) }),
-            /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Target", defaultMessage: "Target" }) })
-          ] }) }),
-          /* @__PURE__ */ jsx(Table.Body, { children: uniqBy(brokenRelations[relationname].items, function(el) {
-            return el.toString();
-          }).map((el, index) => /* @__PURE__ */ jsxs(Table.Row, { children: [
-            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
-              ConditionalLink,
-              {
-                to: `${el[0]}/edit`,
-                openLinkInNewTab: true,
-                condition: el[0].includes("http"),
-                children: flattenToAppURL(el[0])
-              }
-            ) }),
-            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
-              ConditionalLink,
-              {
-                to: `${el[1]}/edit`,
-                openLinkInNewTab: true,
-                condition: el[1].includes("http"),
-                children: flattenToAppURL(el[1])
-              }
-            ) })
-          ] }, index)) })
-        ] })
-      ] }, relationname))
-    ] })
-  ] }) : null;
-};
-const helpSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<g fill-rule="evenodd"><path d="M19.5,24 C19.5,24.828 18.828,25.5 18,25.5 C17.172,25.5 16.5,24.828 16.5,24 C16.5,23.172 17.172,22.5 18,22.5 C18.828,22.5 19.5,23.172 19.5,24"/><path d="M18,5 C10.832,5 5,10.832 5,18 C5,25.168 10.832,31 18,31 C25.168,31 31,25.168 31,18 C31,10.832 25.168,5 18,5 M18,33 C9.729,33 3,26.271 3,18 C3,9.729 9.729,3 18,3 C26.271,3 33,9.729 33,18 C33,26.271 26.271,33 18,33"/><path d="M19,20 L17,20 C17,17.456 19.437,16.166 19.54,16.112 C19.558,16.104 21,15.334 21,14 C21,12.346 19.654,11 18,11 C16.346,11 15,12.346 15,14 L13,14 C13,11.243 15.243,9 18,9 C20.757,9 23,11.243 23,14 C23,16.572 20.556,17.84 20.452,17.893 C20.45,17.894 19,18.682 19,20"/></g>' };
-const RelationsMatrix = (props) => {
-  const intl = useIntl();
-  const dispatch = useDispatch();
-  const [query_source, setQuery_source] = useState("");
-  const [query_target, setQuery_target] = useState("");
-  const [potential_targets_path, setPotential_targets_path] = useState("");
-  const [potential_sources_path, setPotential_sources_path] = useState("");
-  const [relationtype, setRelationtype] = useState(void 0);
-  const actions = useSelector((state) => {
-    var _a;
-    return ((_a = state.actions) == null ? void 0 : _a.actions) ?? {};
-  });
-  const can_fix_relations = find(actions.user, {
-    id: "plone_setup"
-  });
-  const relationtypes = useSelector(
-    (state) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = state.relations) == null ? void 0 : _a.stats) == null ? void 0 : _b.data) == null ? void 0 : _c.stats;
-    }
-  );
-  const relationsListError = useSelector(
-    (state) => {
-      var _a, _b, _c, _d, _e;
-      return (_e = (_d = (_c = (_b = (_a = state.relations) == null ? void 0 : _a.stats) == null ? void 0 : _b.error) == null ? void 0 : _c.response) == null ? void 0 : _d.body) == null ? void 0 : _e.error;
-    }
-  );
-  const brokenRelations = useSelector(
-    (state) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = state.relations) == null ? void 0 : _a.stats) == null ? void 0 : _b.data) == null ? void 0 : _c.broken;
-    }
-  );
-  let filter_options = useSelector((state) => state.groups.filter_groups);
-  if (filter_options) {
-    filter_options = filter_options.map((group) => ({
-      value: group.id,
-      label: group.title || group.id
-    }));
-    filter_options.sort(function(a, b) {
-      var labelA = a.label.toUpperCase();
-      var labelB = b.label.toUpperCase();
-      if (labelA < labelB) {
-        return -1;
-      }
-      if (labelA > labelB) {
-        return 1;
-      }
-      return 0;
-    });
-  }
-  useEffect(() => {
-    dispatch(getRelationStats());
-  }, [dispatch]);
-  const onReset = (event) => {
-    let element = event.target.querySelector("input");
-    element.value = "";
-    element.focus();
-    let searchtype = element.name;
-    switch (searchtype) {
-      case "SearchY":
-        setQuery_source("");
-        break;
-      case "SearchX":
-        setQuery_target("");
-        break;
-      case "showPotentialTargets":
-        setPotential_targets_path("/");
-        break;
-      case "showPotentialSources":
-        setPotential_sources_path("/");
-        break;
-    }
-  };
-  const onChangeSearchYs = (event) => {
-    if (event.target.value.length > 1) {
-      setQuery_source(event.target.value);
-    } else {
-      setQuery_source("");
-    }
-  };
-  const onChangeSearchXs = (event) => {
-    if (event.target.value.length > 1) {
-      setQuery_target(event.target.value);
-    } else {
-      setQuery_source("");
-    }
-  };
-  const onChangeRelation = (event, { value }) => {
-    setRelationtype(value);
-  };
-  const onChangeShowPotentialSources = (_value) => {
-    let newValue = _value;
-    setPotential_sources_path(newValue);
-  };
-  const onChangeShowPotentialTargets = (_value) => {
-    let newValue = _value;
-    setPotential_targets_path(newValue);
-  };
-  const rebuildRelationsHandler = (flush = false) => {
-    dispatch(rebuildRelations(flush)).then(() => {
-      dispatch(getRelationStats());
-      dispatch(queryRelations(null, true, "broken"));
-    }).then(() => {
-      toast.success(
-        /* @__PURE__ */ jsx(
-          Toast,
-          {
-            success: true,
-            title: intl.formatMessage(messages.success),
-            content: "Relations updated"
-          }
-        )
-      );
-    }).catch((error) => {
-      const shadowedError = JSON.parse(error.response.text);
-      toast.error(
-        /* @__PURE__ */ jsx(
-          Toast,
-          {
-            error: true,
-            title: shadowedError.error.type,
-            content: shadowedError.error.message
-          }
-        )
-      );
-    });
-  };
-  const clear_potential_sources_path = () => {
-    setPotential_sources_path("");
-  };
-  const clear_potential_targets_path = () => {
-    setPotential_targets_path("");
-  };
-  const panes = [
-    {
-      menuItem: intl.formatMessage(messages.inspectRelations),
-      pane: /* @__PURE__ */ jsx(Tab.Pane, { attached: true, children: relationtypes ? /* @__PURE__ */ jsxs("div", { className: "controlpanel_matrix", children: [
-        /* @__PURE__ */ jsxs("div", { className: "controlpanel_select_relation", children: [
-          /* @__PURE__ */ jsx(Divider, { hidden: true }),
-          /* @__PURE__ */ jsx(Form$1, { className: "select_relation", children: /* @__PURE__ */ jsx(Form$1.Field, { children: /* @__PURE__ */ jsx(Header, { as: "h3", children: /* @__PURE__ */ jsxs(Header.Content, { children: [
-            /* @__PURE__ */ jsx(
-              FormattedMessage,
-              {
-                id: "Relation name",
-                defaultMessage: "Relation"
-              }
-            ),
-            " ",
-            /* @__PURE__ */ jsx(
-              Dropdown,
-              {
-                placeholder: relationtype || intl.formatMessage(messages.selectRelation),
-                children: /* @__PURE__ */ jsx(Dropdown.Menu, { children: Object.keys(relationtypes).map((relationtype2) => /* @__PURE__ */ jsx(
-                  Dropdown.Item,
-                  {
-                    onClick: onChangeRelation,
-                    value: relationtype2,
-                    className: `select-relation-${relationtype2}`,
-                    children: `${relationtype2} (${relationtypes[relationtype2]})`
-                  },
-                  relationtype2
-                )) })
-              }
-            )
-          ] }) }) }) })
-        ] }),
-        relationtype ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("div", { className: "controlpanel_search_wrapper", children: [
-            /* @__PURE__ */ jsxs("div", { className: "controlpanel_search_y", children: [
-              /* @__PURE__ */ jsx(Header, { as: "h4", children: /* @__PURE__ */ jsx(Header.Content, { children: /* @__PURE__ */ jsx(
-                FormattedMessage,
-                {
-                  id: "Source",
-                  defaultMessage: "Source"
-                }
-              ) }) }),
-              /* @__PURE__ */ jsx(Form$1, { className: "search_y", onSubmit: onReset, children: /* @__PURE__ */ jsxs(Form$1.Field, { children: [
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    name: "SearchY",
-                    placeholder: intl.formatMessage(
-                      messages.searchRelationSource
-                    ),
-                    onChange: onChangeSearchYs,
-                    id: "y-search-input"
-                  }
-                ),
-                /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    basic: true,
-                    className: "cancel",
-                    "aria-label": "cancel",
-                    onClick: (e) => {
-                      e.preventDefault();
-                      e.stopPropagation();
-                      document.querySelector(
-                        'input[name="SearchY"]'
-                      ).value = "";
-                      setQuery_source("");
-                    },
-                    children: /* @__PURE__ */ jsx(Icon, { name: clearSVG, size: "24px" })
-                  }
-                ) })
-              ] }) }),
-              /* @__PURE__ */ jsxs(
-                Form$1,
-                {
-                  className: "add_potential_sources",
-                  onSubmit: onReset,
-                  children: [
-                    /* @__PURE__ */ jsxs(Form$1.Field, { children: [
-                      /* @__PURE__ */ jsx(
-                        Input,
-                        {
-                          name: "showPotentialSources",
-                          type: "url",
-                          value: potential_sources_path,
-                          placeholder: intl.formatMessage(
-                            messages.addPotentialSourcesPath
-                          ),
-                          onChange: ({ target }) => onChangeShowPotentialSources(target.value),
-                          id: "potential-sources-path-input"
-                        }
-                      ),
-                      (potential_sources_path == null ? void 0 : potential_sources_path.length) > 0 ? /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          basic: true,
-                          className: "cancel",
-                          "aria-label": "clearUrlBrowser",
-                          onClick: (e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            clear_potential_sources_path();
-                          },
-                          children: /* @__PURE__ */ jsx(Icon, { name: clearSVG, size: "24px" })
-                        }
-                      ) }) : /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          basic: true,
-                          icon: true,
-                          "aria-label": "openUrlBrowser",
-                          onClick: (e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            props.openObjectBrowser({
-                              mode: "link",
-                              overlay: true,
-                              onSelectItem: (url) => {
-                                onChangeShowPotentialSources(url);
-                              }
-                            });
-                          },
-                          children: /* @__PURE__ */ jsx(Icon, { name: navTreeSVG, size: "24px" })
-                        }
-                      ) })
-                    ] }),
-                    /* @__PURE__ */ jsx(
-                      FormattedMessage,
-                      {
-                        id: "Show potential sources. Not only objects that are source of some relation.",
-                        defaultMessage: "Show potential sources. Not only objects that are source of some relation."
-                      }
-                    )
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "controlpanel_search_x", children: [
-              /* @__PURE__ */ jsxs(Form$1, { className: "search_x", onSubmit: onReset, children: [
-                /* @__PURE__ */ jsx(Header, { as: "h4", children: /* @__PURE__ */ jsx(Header.Content, { children: /* @__PURE__ */ jsx(
-                  FormattedMessage,
-                  {
-                    id: "Target",
-                    defaultMessage: "Target"
-                  }
-                ) }) }),
-                /* @__PURE__ */ jsxs(Form$1.Field, { children: [
-                  /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      name: "SearchX",
-                      placeholder: intl.formatMessage(
-                        messages.searchRelationTarget
-                      ),
-                      onChange: onChangeSearchXs,
-                      id: "x-search-input"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      basic: true,
-                      className: "cancel",
-                      "aria-label": "cancel",
-                      onClick: (e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        document.querySelector(
-                          'input[name="SearchX"]'
-                        ).value = "";
-                        setQuery_target("");
-                      },
-                      children: /* @__PURE__ */ jsx(Icon, { name: clearSVG, size: "24px" })
-                    }
-                  ) })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs(
-                Form$1,
-                {
-                  className: "add_potential_targets",
-                  onSubmit: onReset,
-                  children: [
-                    /* @__PURE__ */ jsxs(Form$1.Field, { children: [
-                      /* @__PURE__ */ jsx(
-                        Input,
-                        {
-                          name: "showPotentialTargets",
-                          type: "url",
-                          value: potential_targets_path,
-                          placeholder: intl.formatMessage(
-                            messages.addPotentialTargetsPath
-                          ),
-                          onChange: ({ target }) => onChangeShowPotentialTargets(target.value),
-                          id: "potential-targets-path-input"
-                        }
-                      ),
-                      (potential_targets_path == null ? void 0 : potential_targets_path.length) > 0 ? /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          basic: true,
-                          className: "cancel",
-                          "aria-label": "clearUrlBrowser",
-                          onClick: (e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            clear_potential_targets_path();
-                          },
-                          children: /* @__PURE__ */ jsx(Icon, { name: clearSVG, size: "24px" })
-                        }
-                      ) }) : /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          basic: true,
-                          icon: true,
-                          "aria-label": "openUrlBrowser",
-                          onClick: (e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            props.openObjectBrowser({
-                              mode: "link",
-                              overlay: true,
-                              onSelectItem: (url) => {
-                                onChangeShowPotentialTargets(url);
-                              }
-                            });
-                          },
-                          children: /* @__PURE__ */ jsx(Icon, { name: navTreeSVG, size: "24px" })
-                        }
-                      ) })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "foo", children: [
-                      /* @__PURE__ */ jsx(
-                        FormattedMessage,
-                        {
-                          id: "Show potential targets. Not only objects that are target of some relation.",
-                          defaultMessage: "Show potential targets. Not only objects that are target of some relation."
-                        }
-                      ),
-                      " ",
-                      /* @__PURE__ */ jsxs(
-                        Popup,
-                        {
-                          trigger: /* @__PURE__ */ jsx(
-                            "a",
-                            {
-                              href: "https://6.docs.plone.org/volto/development/widget.html#widget-relation-field-label",
-                              target: "_blank",
-                              rel: "noopener noreferrer",
-                              children: /* @__PURE__ */ jsx(Icon, { name: helpSVG, size: "16px" })
-                            }
-                          ),
-                          children: [
-                            /* @__PURE__ */ jsx(Popup.Header, { children: "Respect constraints" }),
-                            /* @__PURE__ */ jsx(Popup.Content, { children: /* @__PURE__ */ jsx("div", { children: "See docs.plone.org on how to respect constraints." }) })
-                          ]
-                        }
-                      )
-                    ] })
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "controlpanel_listing_wrapper", children: /* @__PURE__ */ jsx(
-            RelationsListing,
-            {
-              relationtype,
-              query_source,
-              query_target,
-              potential_targets_path,
-              potential_sources_path
-            }
-          ) })
-        ] }) : null
-      ] }) : /* @__PURE__ */ jsxs("p", { children: [
-        /* @__PURE__ */ jsx("b", { children: relationsListError == null ? void 0 : relationsListError.type }),
-        " ",
-        relationsListError == null ? void 0 : relationsListError.message
-      ] }) }, "fix")
-    },
-    {
-      menuItem: intl.formatMessage(messages.fixRelations),
-      pane: /* @__PURE__ */ jsx(Tab.Pane, { attached: true, children: /* @__PURE__ */ jsxs("div", { children: [
-        !(brokenRelations && Object.keys(brokenRelations).length > 0) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          FormattedMessage,
-          {
-            id: "No broken relations found.",
-            defaultMessage: "No broken relations found."
-          }
-        ) }),
-        can_fix_relations ? /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-          /* @__PURE__ */ jsx(Divider, { hidden: true }),
-          /* @__PURE__ */ jsx("h2", { children: capitalize(intl.formatMessage(messages.rebuildRelations)) }),
-          /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              primary: true,
-              onClick: () => rebuildRelationsHandler(false),
-              content: intl.formatMessage(messages.rebuildRelations),
-              "aria-label": intl.formatMessage(messages.rebuildRelations)
-            }
-          ) }),
-          /* @__PURE__ */ jsx(Divider, { hidden: true }),
-          /* @__PURE__ */ jsx("h2", { children: capitalize(
-            intl.formatMessage(messages.flushAndRebuildRelations)
-          ) }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              dangerouslySetInnerHTML: {
-                __html: intl.formatMessage(
-                  messages.flushAndRebuildRelationsHints
-                )
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(Divider, { hidden: true }),
-          /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              secondary: true,
-              color: "red",
-              onClick: () => rebuildRelationsHandler(true),
-              content: intl.formatMessage(
-                messages.flushAndRebuildRelations
-              ),
-              "aria-label": intl.formatMessage(
-                messages.flushAndRebuildRelations
-              )
-            }
-          ) })
-        ] }) : null,
-        /* @__PURE__ */ jsx(BrokenRelations, {})
-      ] }) }, "rebuild")
-    }
-  ];
-  return /* @__PURE__ */ jsx(
-    Tab,
-    {
-      panes,
-      renderActiveOnly: false,
-      menu: { secondary: true, pointing: true, attached: true, tabular: true }
-    }
-  );
-};
-const RelationsMatrix$1 = compose(withObjectBrowser)(RelationsMatrix);
-const RelationsControlPanel = () => {
-  const intl = useIntl();
-  const history = useHistory();
-  const location = useLocation();
-  const dispatch = useDispatch();
-  const [isClient, setIsClient] = useState(false);
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-  const brokenRelations = useSelector(
-    (state) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = state.relations) == null ? void 0 : _a.stats) == null ? void 0 : _b.data) == null ? void 0 : _c.broken;
-    }
-  );
-  const relations_stats = useSelector((state) => {
-    var _a, _b;
-    return (_b = (_a = state.relations) == null ? void 0 : _a.stats) == null ? void 0 : _b.data;
-  });
-  const actions = useSelector((state) => {
-    var _a;
-    return ((_a = state.actions) == null ? void 0 : _a.actions) ?? {};
-  });
-  const can_edit = find(actions.object, {
-    id: "edit"
-  });
-  useEffect(() => {
-    dispatch(listActions("/"));
-  }, [dispatch]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "relations-control-panel", children: [
-      /* @__PURE__ */ jsx(HelmetExport, { title: intl.formatMessage(messages.relations) }),
-      can_edit ? /* @__PURE__ */ jsxs(Segment.Group, { raised: true, children: [
-        /* @__PURE__ */ jsxs(Segment, { className: "primary", children: [
-          brokenRelations && Object.keys(brokenRelations).length > 0 ? /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-            /* @__PURE__ */ jsx(Message, { warning: true, children: /* @__PURE__ */ jsx(
-              FormattedMessage,
-              {
-                id: "Some relations are broken. Please fix.",
-                defaultMessage: "Some relations are broken. Please fix."
-              }
-            ) }),
-            /* @__PURE__ */ jsx(Divider, { hidden: true })
-          ] }) : null,
-          /* @__PURE__ */ jsx("h1", { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Relations", defaultMessage: "Relations" }) }),
-          (relations_stats == null ? void 0 : relations_stats.error) ? /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-            /* @__PURE__ */ jsx(Divider, { hidden: true }),
-            /* @__PURE__ */ jsx(Message, { warning: true, children: /* @__PURE__ */ jsx(
-              FormattedMessage,
-              {
-                id: "Please upgrade to plone.restapi >= 8.39.0.",
-                defaultMessage: "Please upgrade to plone.restapi >= 8.39.0."
-              }
-            ) })
-          ] }) : null
-        ] }),
-        /* @__PURE__ */ jsx(Segment, { children: /* @__PURE__ */ jsx(RelationsMatrix$1, {}) })
-      ] }) : /* @__PURE__ */ jsx(Segment.Group, { children: /* @__PURE__ */ jsxs(Segment, { children: [
-        /* @__PURE__ */ jsx(FormattedMessage, { id: "Relations", defaultMessage: "Relations" }),
-        /* @__PURE__ */ jsx(Divider, { hidden: true }),
-        /* @__PURE__ */ jsx(
-          FormattedMessage,
-          {
-            id: "You have not the required permission for this control panel.",
-            defaultMessage: "You have not the required permission for this control panel."
-          }
-        )
-      ] }) })
-    ] }),
-    isClient && createPortal(
-      /* @__PURE__ */ jsx(
-        Toolbar,
-        {
-          pathname: location.pathname,
-          hideDefaultViewButtons: true,
-          inner: /* @__PURE__ */ jsx(
-            Link,
-            {
-              className: "item",
-              to: "#",
-              onClick: () => {
-                history.push(getParentUrl(location.pathname));
-              },
-              children: /* @__PURE__ */ jsx(Icon, { name: backSVG, className: "contents circled", size: "30px" })
-            }
-          )
-        }
-      ),
-      document.getElementById("toolbar")
-    )
-  ] });
-};
-export {
-  RelationsControlPanel as default
-};