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

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

@@ -0,0 +1,1092 @@
+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
+};