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

package/dist/server/assets/UserGroupMembershipControlPanel-GJ1xAI2H.js

@@ -1,635 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useMemo } from "react";
-import { cloneDeep, uniqBy, debounce, isEqual, find } from "lodash-es";
-import { createPortal } from "react-dom";
-import { useHistory } from "react-router";
-import { useLocation, Link } from "react-router-dom";
-import { useIntl, FormattedMessage } from "react-intl";
-import { useDispatch, useSelector, shallowEqual } from "react-redux";
-import { Checkbox, Button, Form as Form$1, Input, Segment } from "semantic-ui-react";
-import { I as Icon, a8 as down_key, aw as messages, T as Toast, C as listActions, bH as getControlpanel, bP as getSystemInformation, U as Unauthorized, H as HelmetExport, bI as getParentUrl, o as backSVG, O as settingsSVG } from "../entry-server.js";
-import { T as Toolbar } from "./Toolbar-DVsVq7NQ.js";
-import { l as listGroups, u as updateGroup } from "./groups-DlLziArH.js";
-import jwtDecode from "jwt-decode";
-import { toast } from "react-toastify";
-import { i as isManager, c as canAssignGroup } from "./User-CeYa32LY.js";
-import { g as getUser, l as listUsers } from "./users-BY0qskQF.js";
-import "classnames";
-import "moment";
-import "prop-types";
-import "react-router-hash-link";
-import "tlds";
-import "prepend-http";
-import "redux";
-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 "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 "./PersonalInformation--cOokZv2.js";
-const ListingTemplate = ({
-  query_user,
-  // Show users on y-axis that match
-  query_group,
-  // Show groups on y-axis that match
-  groups_filter,
-  // show members of these groups
-  add_joined_groups,
-  // Toggle: show also groups joined by users below
-  many_users,
-  many_groups
-}) => {
-  const intl = useIntl();
-  const dispatch = useDispatch();
-  const pageSize = 25;
-  const [userLimit, setUserLimit] = useState(pageSize);
-  const token = useSelector((state) => state.userSession.token, shallowEqual);
-  const user = useSelector((state) => state.users.user);
-  const userId = token ? jwtDecode(token).sub : "";
-  useEffect(() => {
-    dispatch(getUser(userId));
-  }, [dispatch, userId]);
-  const isUserManager = isManager(user);
-  let items = useSelector((state) => state.users.users);
-  let show_users = !many_users || many_users && query_user.length > 1 || many_users && groups_filter.length > 0;
-  if (show_users) {
-    items.sort(function(a, b) {
-      var labelA = a.fullname && a.fullname.split(" ").reverse().join(" ") || a.id;
-      var labelB = b.fullname && b.fullname.split(" ").reverse().join(" ") || b.id;
-      if (labelA < labelB) {
-        return -1;
-      }
-      if (labelA > labelB) {
-        return 1;
-      }
-      return 0;
-    });
-  } else {
-    items = [];
-  }
-  let groups = useSelector((state) => state.groups.groups);
-  const getRoles = (group_id) => {
-    var _a;
-    return ((_a = groups.find((group) => group.id === group_id)) == null ? void 0 : _a.roles) || [];
-  };
-  let show_matrix_options = !many_groups || many_groups && query_group.length > 1 || groups_filter.length > 0 || add_joined_groups;
-  let matrix_options;
-  if (show_matrix_options) {
-    matrix_options = !many_groups || many_groups && query_group.length > 1 ? cloneDeep(groups) : [];
-    if (add_joined_groups) {
-      items.map((item) => {
-        matrix_options.push(...item.groups.items);
-        return item.groups.items;
-      });
-    }
-    matrix_options = matrix_options.map((group) => ({
-      value: group.id,
-      label: group.title || `${group.id}`
-    }));
-    if (groups_filter.length > 0) {
-      matrix_options = groups_filter.concat(matrix_options);
-    }
-    matrix_options = uniqBy(matrix_options, (x) => x.value);
-    matrix_options = matrix_options.filter((group) => {
-      return group.value !== "AuthenticatedUsers";
-    });
-    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;
-    });
-    matrix_options = matrix_options.map((matrix_option) => ({
-      ...matrix_option,
-      roles: getRoles(matrix_option.value)
-    }));
-  } else {
-    matrix_options = [];
-  }
-  const debouncedListUsers = useMemo(
-    () => debounce((query_user2, groups_filter2, userLimit2) => {
-      dispatch(
-        listUsers({
-          search: query_user2,
-          groups_filter: groups_filter2.map((el) => el.value),
-          limit: userLimit2
-        })
-      );
-    }, 300),
-    [dispatch]
-  );
-  useEffect(() => {
-    if (show_users) {
-      debouncedListUsers(query_user, groups_filter, userLimit);
-    }
-  }, [debouncedListUsers, query_user, groups_filter, show_users, userLimit]);
-  const debouncedListGroups = useMemo(
-    () => debounce((query_group2) => {
-      dispatch(listGroups(query_group2));
-    }, 300),
-    [dispatch]
-  );
-  useEffect(() => {
-    if (show_matrix_options) {
-      debouncedListGroups(query_group);
-    }
-  }, [debouncedListGroups, query_group, show_matrix_options]);
-  const onSelectOptionHandler = (selectedvalue, checked, singleClick) => {
-    singleClick = singleClick ?? false;
-    let group = selectedvalue.y;
-    let username = selectedvalue.x;
-    dispatch(
-      updateGroup(group, {
-        users: {
-          [username]: checked ? true : false
-        }
-      })
-    ).then(() => {
-      singleClick && dispatch(
-        listUsers({
-          search: query_user,
-          groups_filter: groups_filter.map((el) => el.value),
-          limit: userLimit
-        })
-      );
-    }).then(() => {
-      singleClick && toast.success(
-        /* @__PURE__ */ jsx(
-          Toast,
-          {
-            success: true,
-            title: intl.formatMessage(messages.success),
-            content: intl.formatMessage(messages.membershipUpdated)
-          }
-        )
-      );
-    });
-  };
-  const onSelectAllHandler = (group, items_ids, checked) => {
-    let usersgroupmapping = {};
-    items_ids.forEach((el) => {
-      usersgroupmapping[el] = checked ? true : false;
-    });
-    dispatch(
-      updateGroup(group, {
-        users: usersgroupmapping
-      })
-    ).then(() => {
-      dispatch(
-        listUsers({
-          search: query_user,
-          groups_filter: groups_filter.map((el) => el.value),
-          limit: userLimit
-        })
-      );
-    }).then(() => {
-      toast.success(
-        /* @__PURE__ */ jsx(
-          Toast,
-          {
-            success: true,
-            title: intl.formatMessage(messages.success),
-            content: intl.formatMessage(messages.membershipUpdated)
-          }
-        )
-      );
-    });
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "administration_matrix", children: [
-    matrix_options && (matrix_options == null ? void 0 : matrix_options.length) > 0 && /* @__PURE__ */ jsxs("div", { className: "label-options", children: [
-      /* @__PURE__ */ jsxs("div", { className: "target-labels", children: [
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("h3", { children: [
-          items.length,
-          " users"
-        ] }) }),
-        /* @__PURE__ */ jsx("div", { children: matrix_options == null ? void 0 : matrix_options.map((matrix_option) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "label-options-label inclined",
-            children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", { className: "label", children: 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: matrix_options == null ? void 0 : matrix_options.map((matrix_option) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            className: "toggle-target",
-            defaultChecked: false,
-            onChange: (_event, { checked }) => onSelectAllHandler(
-              matrix_option.value,
-              items.map((el) => el.id),
-              checked
-            ),
-            disabled: !canAssignGroup(isUserManager, matrix_option)
-          }
-        ) }, matrix_option.value)) })
-      ] }) }, "selectall")
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "items", children: items.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      items.map((item) => {
-        var _a;
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "listing-row",
-            id: `source-row-${item.id}`,
-            children: /* @__PURE__ */ jsxs("div", { className: "listing-item", children: [
-              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h4", { title: `${item.fullname} ${item.id}`, children: ((_a = item.fullname) == null ? void 0 : _a.length) > 25 ? item.fullname.slice(0, 22) + "..." : item.fullname || item.id }) }),
-              /* @__PURE__ */ jsx("div", { className: "matrix_options", children: matrix_options == null ? void 0 : matrix_options.map((matrix_option) => {
-                var _a2, _b;
-                return /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    className: `checkbox_${matrix_option.value}`,
-                    title: matrix_option.title,
-                    checked: (_b = (_a2 = item.groups) == null ? void 0 : _a2.items) == null ? void 0 : _b.map((el) => el.id).includes(matrix_option.value),
-                    onChange: (_event, { checked }) => {
-                      onSelectOptionHandler(
-                        { y: matrix_option.value, x: item.id },
-                        checked,
-                        true
-                      );
-                    },
-                    disabled: !canAssignGroup(isUserManager, matrix_option)
-                  },
-                  matrix_option.value
-                );
-              }) })
-            ] }, item["@id"])
-          },
-          item.id
-        );
-      }),
-      !(items.length < pageSize) ? /* @__PURE__ */ jsx("div", { className: "show-more", children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          icon: true,
-          basic: true,
-          onClick: () => setUserLimit(userLimit + pageSize),
-          className: "show-more-button",
-          children: /* @__PURE__ */ jsx(Icon, { name: down_key, size: "30px" })
-        }
-      ) }) : null
-    ] }) : /* @__PURE__ */ jsx("div", { children: intl.formatMessage(
-      show_users ? query_user ? messages.noUserFound : messages.pleaseSearchOrFilterUsers : messages.pleaseSearchOrFilterUsers
-    ) }) })
-  ] });
-};
-const UserGroupMembershipMatrix = ({ many_users, many_groups }) => {
-  const intl = useIntl();
-  const dispatch = useDispatch();
-  const [query_user, setQuery_user] = useState("");
-  const [query_group, setQuery_group] = useState("");
-  const [query_group_filter, setQuery_group_filter] = useState("");
-  const [groups_filter, setGroups_filter] = useState([]);
-  const [add_joined_groups, setAdd_joined_groups] = useState(false);
-  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;
-    });
-  }
-  const debouncedListGroups = useMemo(
-    () => debounce((query_group_filter2) => {
-      dispatch(listGroups("", query_group_filter2));
-    }, 300),
-    [dispatch]
-  );
-  useEffect(() => {
-    if (!many_groups || many_groups && query_group_filter.length > 1) {
-      debouncedListGroups(query_group_filter);
-    }
-  }, [debouncedListGroups, many_groups, query_group_filter]);
-  const onReset = (event) => {
-    let element = event.target.querySelector("input");
-    element.value = "";
-    element.focus();
-    let searchtype = element.name;
-    switch (searchtype) {
-      case "SearchUser":
-        setQuery_user("");
-        break;
-      case "SearchGroup":
-        setQuery_group("");
-        break;
-      case "SearchGroupFilter":
-        setQuery_group_filter("");
-        setGroups_filter([]);
-        break;
-    }
-  };
-  const onChangeSearchUsers = (event) => {
-    if (many_users || many_groups) {
-      if (event.keyCode === 13) {
-        setQuery_user(event.target.value);
-        event.preventDefault();
-      }
-    } else {
-      setQuery_user(event.target.value);
-    }
-  };
-  const onChangeSearchGroups = (event) => {
-    if (many_users || many_groups) {
-      if (event.keyCode === 13) {
-        setQuery_group(event.target.value);
-        event.preventDefault();
-      }
-    } else {
-      setQuery_group(event.target.value);
-    }
-  };
-  const onSelectOptionHandler = (filter_option, checked) => {
-    let groups_filter_set_new = [];
-    if (checked) {
-      groups_filter_set_new = /* @__PURE__ */ new Set([...groups_filter, filter_option]);
-    } else {
-      groups_filter_set_new = groups_filter.filter(
-        (el) => el.value !== filter_option.value
-      );
-    }
-    if (!isEqual(groups_filter_set_new, new Set(groups_filter))) {
-      setGroups_filter([...groups_filter_set_new]);
-    }
-  };
-  const onToggleJoinedGroups = (checked) => {
-    setAdd_joined_groups(checked);
-  };
-  const onChangeSearchGroupsFilter = (event) => {
-    if (many_users || many_groups) {
-      if (event.keyCode === 13) {
-        setQuery_group_filter(event.target.value);
-        event.preventDefault();
-      }
-    } else {
-      setQuery_group_filter(event.target.value);
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "controlpanel_matrix", children: [
-    /* @__PURE__ */ jsxs("div", { className: "controlpanel_search_wrapper", children: [
-      /* @__PURE__ */ jsx("div", { className: "controlpanel_search_y", children: /* @__PURE__ */ jsx(Form$1, { className: "search_users", onSubmit: onReset, children: /* @__PURE__ */ jsx(Form$1.Field, { children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          name: "SearchUser",
-          action: { icon: "delete" },
-          placeholder: intl.formatMessage(messages.searchUsers),
-          onChange: onChangeSearchUsers,
-          onKeyDown: onChangeSearchUsers,
-          id: "user-search-input"
-        }
-      ) }) }) }),
-      /* @__PURE__ */ jsx("div", { className: "controlpanel_search_x", children: /* @__PURE__ */ jsxs(Form$1, { className: "search_groups", onSubmit: onReset, children: [
-        /* @__PURE__ */ jsx(Form$1.Field, { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            name: "SearchGroup",
-            action: { icon: "delete" },
-            placeholder: intl.formatMessage(messages.searchGroups),
-            onChange: onChangeSearchGroups,
-            onKeyDown: onChangeSearchGroups,
-            id: "group-search-input"
-          }
-        ) }),
-        /* @__PURE__ */ jsx(Form$1.Field, { children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            name: "addJoinedGroups",
-            label: intl.formatMessage(messages.addJoinedGroups),
-            title: intl.formatMessage(messages.addJoinedGroups),
-            defaultChecked: false,
-            onChange: (event, { checked }) => {
-              onToggleJoinedGroups(checked);
-            }
-          }
-        ) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "controlpanel_listing_wrapper", children: [
-      /* @__PURE__ */ jsxs("div", { className: "controlpanel_filter", children: [
-        /* @__PURE__ */ jsx("h3", { children: intl.formatMessage(messages.filterByGroups) }),
-        /* @__PURE__ */ jsx(Form$1, { className: "search_filter_groups", onSubmit: onReset, children: /* @__PURE__ */ jsx(Form$1.Field, { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            name: "SearchGroupFilter",
-            action: { icon: "delete" },
-            placeholder: intl.formatMessage(messages.searchGroups),
-            onChange: onChangeSearchGroupsFilter,
-            onKeyDown: onChangeSearchGroupsFilter,
-            id: "groupfilter-search-input"
-          }
-        ) }) }),
-        (!many_groups || query_group_filter.length > 1) && (filter_options == null ? void 0 : filter_options.map((filter_option) => /* @__PURE__ */ jsx(Form$1.Field, { children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            name: `filter_option_${filter_option.value}`,
-            title: filter_option.label,
-            label: filter_option.label,
-            defaultChecked: false,
-            onChange: (event, { checked }) => {
-              onSelectOptionHandler(filter_option, checked);
-            }
-          },
-          filter_option.value
-        ) })))
-      ] }),
-      /* @__PURE__ */ jsx(
-        ListingTemplate,
-        {
-          query_user,
-          query_group,
-          groups_filter,
-          add_joined_groups,
-          many_users,
-          many_groups
-        }
-      )
-    ] })
-  ] });
-};
-const UserGroupMembershipPanel = () => {
-  const intl = useIntl();
-  const history = useHistory();
-  const pathname = useLocation().pathname;
-  const dispatch = useDispatch();
-  const many_users = useSelector(
-    (state) => {
-      var _a, _b;
-      return (_b = (_a = state.controlpanels.controlpanel) == null ? void 0 : _a.data) == null ? void 0 : _b.many_users;
-    }
-  );
-  const many_groups = useSelector(
-    (state) => {
-      var _a, _b;
-      return (_b = (_a = state.controlpanels.controlpanel) == null ? void 0 : _a.data) == null ? void 0 : _b.many_groups;
-    }
-  );
-  const systeminformation = useSelector(
-    (state) => state.controlpanels.systeminformation
-  );
-  const can_use_group_membership_panel = systeminformation ? parseFloat(systeminformation == null ? void 0 : systeminformation.plone_restapi_version.slice(0, 4)) >= 8.24 : false;
-  const actions = useSelector((state) => {
-    var _a;
-    return ((_a = state.actions) == null ? void 0 : _a.actions) ?? {};
-  });
-  const ploneSetupAction = find(actions.user, {
-    id: "plone_setup"
-  });
-  const [isClient, setIsClient] = useState(false);
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-  useEffect(() => {
-    dispatch(listActions("/"));
-  }, [dispatch]);
-  useEffect(() => {
-    dispatch(getControlpanel("usergroup"));
-  }, [dispatch]);
-  useEffect(() => {
-    dispatch(getSystemInformation());
-  }, [dispatch]);
-  if (isClient && !ploneSetupAction) {
-    return /* @__PURE__ */ jsx(Unauthorized, {});
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "users-control-panel", children: [
-      /* @__PURE__ */ jsx(HelmetExport, { title: intl.formatMessage(messages.usergroupmemberbership) }),
-      /* @__PURE__ */ jsxs(Segment.Group, { raised: true, children: [
-        /* @__PURE__ */ jsx(Segment, { className: "primary", children: intl.formatMessage(messages.usergroupmemberbership) }),
-        can_use_group_membership_panel && many_users !== void 0 && many_groups !== void 0 ? many_users || many_groups ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Segment, { secondary: true, children: /* @__PURE__ */ jsx(
-            FormattedMessage,
-            {
-              id: "InfoUserGroupSettings",
-              defaultMessage: "You have selected the option 'many users' or 'many groups'. Thus this control panel asks for input to show users and groups. If you want to see users and groups instantaneous, head over to user group settings. See the button on the left."
-            }
-          ) }),
-          /* @__PURE__ */ jsx(Segment, { className: "usergroupmembership", children: /* @__PURE__ */ jsx(
-            UserGroupMembershipMatrix,
-            {
-              many_users,
-              many_groups
-            }
-          ) })
-        ] }) : /* @__PURE__ */ jsx(Segment, { className: "usergroupmembership", children: /* @__PURE__ */ jsx(
-          UserGroupMembershipMatrix,
-          {
-            many_users,
-            many_groups
-          }
-        ) }) : /* @__PURE__ */ jsx(Segment, { secondary: true, className: "usergroupmembership upgrade-info", children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          FormattedMessage,
-          {
-            id: "Please upgrade to plone.restapi >= 8.24.0.",
-            defaultMessage: "Please upgrade to plone.restapi >= 8.24.0."
-          }
-        ) }) })
-      ] })
-    ] }),
-    isClient && createPortal(
-      /* @__PURE__ */ jsx(
-        Toolbar,
-        {
-          pathname,
-          hideDefaultViewButtons: true,
-          inner: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              Link,
-              {
-                className: "item",
-                to: "#",
-                onClick: () => {
-                  history.push(getParentUrl(pathname));
-                },
-                children: /* @__PURE__ */ jsx(
-                  Icon,
-                  {
-                    name: backSVG,
-                    className: "contents circled",
-                    size: "30px"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(Link, { to: "/controlpanel/usergroup", className: "usergroup", children: /* @__PURE__ */ jsx(
-              Icon,
-              {
-                name: settingsSVG,
-                className: "circled",
-                "aria-label": intl.formatMessage(messages.usergroup),
-                size: "30px",
-                title: intl.formatMessage(messages.usergroup)
-              }
-            ) })
-          ] })
-        }
-      ),
-      document.getElementById("toolbar")
-    )
-  ] });
-};
-export {
-  UserGroupMembershipPanel as default
-};