invenio-app-rdm 12.0.0.dev8__py2.py3-none-any.whl → 14.0.0b1.dev8__py2.py3-none-any.whl

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/users/UserActions.js

@@ -0,0 +1,263 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2022 CERN.
+ * Copyright (C) 2024 KTH Royal Institute of Technology.
+ *
+ * Invenio is free software; you can redistribute it and/or modify it
+ * under the terms of the MIT License; see LICENSE file for more details.
+ */
+
+import isEmpty from "lodash/isEmpty";
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { Button, Icon, Dropdown } from "semantic-ui-react";
+import { NotificationContext } from "@js/invenio_administration";
+import { withCancel } from "react-invenio-forms";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { ImpersonateUser } from "../components/ImpersonateUser";
+import { SetQuotaAction } from "../components/SetQuotaAction";
+import { UserModerationApi } from "./api";
+
+export class UserActions extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { loading: false };
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  static contextType = NotificationContext;
+
+  handleAction = async (action) => {
+    this.setState({ loading: true });
+    const { user, successCallback } = this.props;
+    const { addNotification } = this.context;
+    const name = user.profile?.full_name || user.email || user.username || user.id;
+
+    const actionConfig = {
+      restore: {
+        label: i18next.t("Restore"),
+        icon: "undo",
+        apiFunction: UserModerationApi.restoreUser,
+        notificationTitle: i18next.t("Restored"),
+      },
+      block: {
+        label: i18next.t("Block"),
+        icon: "ban",
+        apiFunction: UserModerationApi.blockUser,
+        notificationTitle: i18next.t("Blocked"),
+      },
+      deactivate: {
+        label: i18next.t("Suspend"),
+        icon: "pause",
+        apiFunction: UserModerationApi.deactivateUser,
+        notificationTitle: i18next.t("Suspended"),
+      },
+      approve: {
+        label: i18next.t("Approve"),
+        icon: "check",
+        apiFunction: UserModerationApi.approveUser,
+        notificationTitle: i18next.t("Approved"),
+      },
+      activate: {
+        label: i18next.t("Activate"),
+        icon: "check",
+        apiFunction: UserModerationApi.activateUser,
+        notificationTitle: i18next.t("Activated"),
+      },
+    }[action];
+
+    if (actionConfig) {
+      this.cancellableAction = withCancel(actionConfig.apiFunction(user));
+      const successNotification = {
+        title: actionConfig.notificationTitle,
+        content: i18next.t(
+          `User {{name}} was ${actionConfig.notificationTitle.toLowerCase()}.`,
+          {
+            name: name,
+          }
+        ),
+        type: "success",
+      };
+
+      try {
+        await this.cancellableAction.promise;
+        addNotification(successNotification);
+        successCallback();
+      } catch (e) {
+        addNotification({
+          title: i18next.t("Error"),
+          content: e.toString(),
+          type: "error",
+        });
+      } finally {
+        this.setState({ loading: false });
+      }
+    }
+  };
+
+  render() {
+    const {
+      user,
+      displaySuspend,
+      displayBlock,
+      displayApprove,
+      displayRestore,
+      successCallback,
+      displayImpersonateUser,
+      displayQuota,
+      useDropdown,
+    } = this.props;
+    const { loading } = this.state;
+    const isUserBlocked = !isEmpty(user.blocked_at);
+    const isUserActive = user.active;
+    const isUserVerified = !isEmpty(user.verified_at);
+    const isUserConfirmed = !isEmpty(user.confirmed_at);
+
+    const actionItems = [
+      { key: "approve", label: "Verify", icon: "star" },
+      { key: "activate", label: "Activate", icon: "check" },
+      { key: "restore", label: "Restore", icon: "undo" },
+      { key: "deactivate", label: "Deactivate", icon: "pause" },
+      { key: "block", label: "Block", icon: "ban" },
+    ];
+
+    const filteredActions = actionItems.filter((actionItem) => {
+      return (
+        (actionItem.key === "restore" && (isUserBlocked || displayRestore)) ||
+        (actionItem.key === "block" && (!isUserBlocked || displayBlock)) ||
+        (actionItem.key === "deactivate" && (isUserActive || displaySuspend)) ||
+        (actionItem.key === "activate" && (!isUserActive || !isUserConfirmed)) ||
+        (actionItem.key === "approve" &&
+          (displayApprove || (isUserActive && !isUserVerified)))
+      );
+    });
+
+    const generateActions = () => {
+      return (
+        <>
+          {displayQuota && (
+            <SetQuotaAction
+              headerText={i18next.t("Set default quota for {{email}}", {
+                email: user.email,
+              })}
+              successCallback={successCallback}
+              apiUrl={`/api/users/${user.id}/quota`}
+              resource={user}
+            />
+          )}
+          {displayImpersonateUser && (
+            <ImpersonateUser
+              successCallback={() => {
+                successCallback();
+                setTimeout(() => (window.location = "/"), 1000);
+              }}
+              user={user}
+            />
+          )}
+          <Dropdown.Divider />
+          {filteredActions.map((actionItem) => (
+            <Dropdown.Item
+              key={actionItem.key}
+              onClick={() => this.handleAction(actionItem.key)}
+              disabled={loading}
+              loading={loading}
+              icon
+              fluid
+              basic
+              labelPosition="left"
+            >
+              <Icon name={actionItem.icon} />
+              {i18next.t(actionItem.label)}
+            </Dropdown.Item>
+          ))}
+        </>
+      );
+    };
+
+    return (
+      <div>
+        {useDropdown ? (
+          <div>
+            {isUserActive && (
+              <Button
+                key="block"
+                onClick={() => this.handleAction("block")}
+                disabled={loading}
+                loading={loading}
+                icon
+                labelPosition="left"
+              >
+                <Icon name="ban" />
+                {i18next.t("Block")}
+              </Button>
+            )}
+            {!isUserActive && !isUserBlocked && (
+              <Button
+                key="activate"
+                onClick={() => this.handleAction("activate")}
+                disabled={loading}
+                loading={loading}
+                icon
+                labelPosition="left"
+              >
+                <Icon name="check" />
+                {i18next.t("Activate")}
+              </Button>
+            )}
+            {isUserBlocked && (
+              <Button
+                key="restore"
+                onClick={() => this.handleAction("restore")}
+                disabled={loading}
+                loading={loading}
+                icon
+                labelPosition="left"
+              >
+                <Icon name="undo" />
+                {i18next.t("Restore")}
+              </Button>
+            )}
+            <Dropdown
+              text={<Icon name="cog" />}
+              tooltip={i18next.t("Actions")}
+              button
+              className="icon"
+              direction="left"
+            >
+              <Dropdown.Menu>{generateActions()}</Dropdown.Menu>
+            </Dropdown>
+          </div>
+        ) : (
+          <Button.Group basic widths={5} compact className="margined">
+            {generateActions()}
+          </Button.Group>
+        )}
+      </div>
+    );
+  }
+}
+
+UserActions.propTypes = {
+  user: PropTypes.object.isRequired,
+  successCallback: PropTypes.func.isRequired,
+  displayBlock: PropTypes.bool,
+  displaySuspend: PropTypes.bool,
+  displayApprove: PropTypes.bool,
+  displayRestore: PropTypes.bool,
+  displayImpersonateUser: PropTypes.bool,
+  displayQuota: PropTypes.bool,
+  useDropdown: PropTypes.bool,
+};
+
+UserActions.defaultProps = {
+  displayBlock: false,
+  displaySuspend: false,
+  displayApprove: false,
+  displayRestore: false,
+  displayImpersonateUser: false,
+  displayQuota: false,
+  useDropdown: false,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/users/api/api.js

@@ -0,0 +1,42 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2023 CERN.
+ *
+ * Invenio is free software; you can redistribute it and/or modify it
+ * under the terms of the MIT License; see LICENSE file for more details.
+ */
+import { APIRoutes } from "./routes";
+import { http } from "react-invenio-forms";
+
+const restoreUser = async (user) => {
+  return await http.post(APIRoutes.restore(user));
+};
+
+const blockUser = async (user) => {
+  return await http.post(APIRoutes.block(user));
+};
+
+const deactivateUser = async (user) => {
+  return await http.post(APIRoutes.deactivate(user));
+};
+
+const approveUser = async (user) => {
+  return await http.post(APIRoutes.approve(user));
+};
+
+const activateUser = async (user) => {
+  return await http.post(APIRoutes.activate(user));
+};
+
+const impersonateUser = async (user) => {
+  return await http.post(APIRoutes.impersonate(user));
+};
+
+export const UserModerationApi = {
+  restoreUser: restoreUser,
+  approveUser: approveUser,
+  activateUser: activateUser,
+  impersonateUser: impersonateUser,
+  deactivateUser: deactivateUser,
+  blockUser: blockUser,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/users/api/index.js

@@ -0,0 +1,8 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2023 CERN.
+ *
+ * Invenio is free software; you can redistribute it and/or modify it
+ * under the terms of the MIT License; see LICENSE file for more details.
+ */
+export { UserModerationApi } from "./api";

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/users/api/routes.js

@@ -0,0 +1,38 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2023 CERN.
+ *
+ * Invenio is free software; you can redistribute it and/or modify it
+ * under the terms of the MIT License; see LICENSE file for more details.
+ */
+
+import _get from "lodash/get";
+
+const APIRoutesGenerators = {
+  restore: (user, idKeyPath = "id") => {
+    return `/api/users/${_get(user, idKeyPath)}/restore`;
+  },
+
+  block: (user, idKeyPath = "id") => {
+    return `/api/users/${_get(user, idKeyPath)}/block`;
+  },
+
+  approve: (user, idKeyPath = "id") => {
+    return `/api/users/${_get(user, idKeyPath)}/approve`;
+  },
+
+  activate: (user, idKeyPath = "id") => {
+    return `/api/users/${_get(user, idKeyPath)}/activate`;
+  },
+
+  deactivate: (user, idKeyPath = "id") => {
+    return `/api/users/${_get(user, idKeyPath)}/deactivate`;
+  },
+
+  impersonate: (user, idKeyPath = "id") => {
+    return `/api/users/${_get(user, idKeyPath)}/impersonate`;
+  },
+};
+export const APIRoutes = {
+  ...APIRoutesGenerators,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/users/index.js

@@ -0,0 +1,30 @@
+// This file is part of InvenioCommunities
+// Copyright (C) 2022 CERN.
+//
+// Invenio RDM is free software; you can redistribute it and/or modify it
+// under the terms of the MIT License; see LICENSE file for more details.
+
+import { initDefaultSearchComponents } from "@js/invenio_administration";
+import { createSearchAppInit } from "@js/invenio_search_ui";
+import { NotificationController } from "@js/invenio_administration";
+import { SearchResultItemLayout, UserSearchLayout } from "./search";
+import { SearchFacets } from "@js/invenio_administration";
+
+const domContainer = document.getElementById("invenio-search-config");
+
+const defaultComponents = initDefaultSearchComponents(domContainer);
+
+const overridenComponents = {
+  ...defaultComponents,
+  "InvenioAdministration.SearchResultItem.layout": SearchResultItemLayout,
+  "SearchApp.layout": UserSearchLayout,
+  "SearchApp.facets": SearchFacets,
+};
+
+createSearchAppInit(
+  overridenComponents,
+  true,
+  "invenio-search-config",
+  false,
+  NotificationController
+);

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/users/search/SearchResultItemLayout.js

@@ -0,0 +1,202 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2022-2024 CERN.
+ *
+ * Invenio is free software; you can redistribute it and/or modify it
+ * under the terms of the MIT License; see LICENSE file for more details.
+ */
+
+import { BoolFormatter, DateFormatter } from "@js/invenio_administration";
+import { UserActions } from "../UserActions";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
+import { Table, Dropdown, Icon } from "semantic-ui-react";
+import { withState } from "react-searchkit";
+import { AdminUIRoutes } from "@js/invenio_administration/src/routes";
+import { UserListItemCompact } from "react-invenio-forms";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+
+class SearchResultItemComponent extends Component {
+  refreshAfterAction = () => {
+    const { updateQueryState, currentQueryState } = this.props;
+    updateQueryState(currentQueryState);
+  };
+
+  render() {
+    const { result, idKeyPath, listUIEndpoint } = this.props;
+
+    return (
+      <Table.Row>
+        {/*<Table.Cell>*/}
+        {/*We pass user ID to bulk actions - user moderation API takes user IDs*/}
+        {/*<SearchResultsRowCheckbox rowId={userId} data={result} />*/}
+        {/*</Table.Cell>*/}
+        <Table.Cell key={`user-column-${result.id}`} data-label={i18next.t("User")}>
+          <UserListItemCompact
+            user={result}
+            id={result.id}
+            linkToDetailView={AdminUIRoutes.detailsView(
+              listUIEndpoint,
+              result,
+              idKeyPath
+            )}
+          />
+        </Table.Cell>
+        <Table.Cell key={`user-name-${result.id}`} data-label={i18next.t("Username")}>
+          @{result.username}
+          {result.identities.orcid && (
+            <a href={`https://orcid.org/${result.identities.orcid}`}>
+              <img
+                className="inline-id-icon ml-5"
+                src="/static/images/orcid.svg"
+                alt="ORCID"
+              />
+            </a>
+          )}
+          {result.identities.github && (
+            <a href={`https://api.github.com/user/${result.identities.github}`}>
+              <Icon
+                title={i18next.t("GitHub")}
+                name="github"
+                color="black"
+                className="ml-5"
+              />
+            </a>
+          )}
+        </Table.Cell>
+        <Table.Cell
+          key={`user-email-${result.id}`}
+          data-label={i18next.t("Email")}
+          collapsing
+          className="word-break-all"
+        >
+          <BoolFormatter
+            tooltip={i18next.t("New")}
+            icon="hourglass end"
+            color="grey"
+            value={result.domaininfo.status === 1}
+          />
+          <BoolFormatter
+            tooltip={i18next.t("Moderated")}
+            icon="eye"
+            color="grey"
+            value={result.domaininfo.status === 2}
+          />
+          <BoolFormatter
+            tooltip={i18next.t("Verified")}
+            icon="check"
+            color="green"
+            value={result.domaininfo.status === 3}
+          />
+          <BoolFormatter
+            tooltip={i18next.t("Blocked")}
+            icon="ban"
+            color="red"
+            value={result.domaininfo.status === 4}
+          />
+          {result.email}
+        </Table.Cell>
+        <Table.Cell
+          collapsing
+          key={`user-status-${result.id}`}
+          data-label={i18next.t("Status")}
+          className="word-break-all"
+        >
+          <BoolFormatter
+            tooltip={i18next.t("Verified")}
+            icon="star"
+            color="yellow"
+            value={result.status === "verified"}
+          />
+          <BoolFormatter
+            tooltip={i18next.t("Confirmed")}
+            icon="check"
+            color="green"
+            value={result.status === "confirmed"}
+          />
+          <BoolFormatter
+            tooltip={i18next.t("New")}
+            icon="hourglass"
+            color="grey"
+            value={result.status === "new"}
+          />
+          <BoolFormatter
+            tooltip={i18next.t("Inactive")}
+            icon="times"
+            color="red"
+            value={result.status === "inactive"}
+          />
+          <BoolFormatter
+            tooltip={i18next.t("Blocked")}
+            icon="ban"
+            color="red"
+            value={result.status === "blocked"}
+          />
+        </Table.Cell>
+        <Table.Cell
+          collapsing
+          key={`user-created-${result.id}`}
+          data-label={i18next.t("Created")}
+          className="word-break-all"
+        >
+          <DateFormatter value={result.created} />
+        </Table.Cell>
+        <Table.Cell
+          collapsing
+          key={`user-updated-${result.id}`}
+          data-label={i18next.t("Updated")}
+          className="word-break-all"
+        >
+          <DateFormatter value={result.updated} />
+        </Table.Cell>
+        <Table.Cell
+          collapsing
+          key={`user-links-${result.id}`}
+          data-label={i18next.t("Links")}
+          className="word-break-all"
+        >
+          <Dropdown text={<Icon name="eye" />}>
+            <Dropdown.Menu>
+              <Dropdown.Item
+                as="a"
+                href={result.links.admin_records_html}
+                text={i18next.t("Records")}
+              />
+              <Dropdown.Item
+                as="a"
+                href={result.links.admin_drafts_html}
+                text={i18next.t("Drafts")}
+              />
+              <Dropdown.Item
+                as="a"
+                href={result.links.admin_moderation_html}
+                text={i18next.t("Moderation")}
+              />
+            </Dropdown.Menu>
+          </Dropdown>
+        </Table.Cell>
+        <Table.Cell collapsing>
+          <UserActions
+            useDropdown
+            user={result}
+            successCallback={this.refreshAfterAction}
+            displayImpersonateUser
+            displayQuota
+          />
+        </Table.Cell>
+      </Table.Row>
+    );
+  }
+}
+
+SearchResultItemComponent.propTypes = {
+  result: PropTypes.object.isRequired,
+  idKeyPath: PropTypes.string.isRequired,
+  updateQueryState: PropTypes.func.isRequired,
+  currentQueryState: PropTypes.object.isRequired,
+  listUIEndpoint: PropTypes.string.isRequired,
+};
+
+SearchResultItemComponent.defaultProps = {};
+
+export const SearchResultItemLayout = withState(SearchResultItemComponent);

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/users/search/UserSearchLayout.js

@@ -0,0 +1,81 @@
+/*
+ * // This file is part of Invenio-Requests
+ * // Copyright (C) 2023 CERN.
+ * //
+ * // Invenio-Requests is free software; you can redistribute it and/or modify it
+ * // under the terms of the MIT License; see LICENSE file for more details.
+ */
+
+import { SearchAppResultsPane } from "@js/invenio_search_ui/components";
+import { SearchFacets } from "@js/invenio_administration";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
+import { UserStatusFilter } from "./filters";
+import { SearchBar, Sort } from "react-searchkit";
+import { Grid } from "semantic-ui-react";
+
+export class UserSearchLayout extends Component {
+  render() {
+    const { config, appName } = this.props;
+    return (
+      <>
+        {/* auto column grid used instead of SUI grid for better searchbar width adjustment */}
+        <div className="auto-column-grid">
+          <div className="flex column-mobile">
+            <div className="mobile only rel-mb-1 flex align-items-center justify-space-between">
+              <UserStatusFilter keepFiltersOnUpdate />
+            </div>
+
+            <div className="tablet only computer only rel-mr-2">
+              <UserStatusFilter keepFiltersOnUpdate />
+            </div>
+            <div className="full-width">
+              <SearchBar fluid />
+            </div>
+          </div>
+          <div className="flex align-items-center column-mobile">
+            <div className="full-width flex align-items-center justify-end column-mobile">
+              {/*<SearchFilters customFilters={customFilters} />*/}
+              <Sort values={config.sortOptions} />
+            </div>
+          </div>
+        </div>
+        <div className="rel-mb-1">
+          {/*<FilterLabels ignoreFilters={["is_open"]} />*/}
+        </div>
+        <Grid>
+          <Grid.Column
+            computer={4}
+            mobile={16}
+            tablet={16}
+            largeScreen={2}
+            widescreen={2}
+          >
+            <SearchFacets aggs={config.aggs} appName={appName} />
+          </Grid.Column>
+          <Grid.Column
+            mobile={16}
+            tablet={16}
+            computer={12}
+            largeScreen={14}
+            widescreen={14}
+          >
+            <SearchAppResultsPane
+              layoutOptions={config.layoutOptions}
+              appName={appName}
+            />
+          </Grid.Column>
+        </Grid>
+      </>
+    );
+  }
+}
+
+UserSearchLayout.propTypes = {
+  config: PropTypes.object.isRequired,
+  appName: PropTypes.string,
+};
+
+UserSearchLayout.defaultProps = {
+  appName: "",
+};