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/records/search/filters/DeletionStatusFilter.js

@@ -0,0 +1,121 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // Copyright (C) 2023 CERN.
+ * //
+ * // Invenio-App-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 { i18next } from "@translations/invenio_requests/i18next";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
+import { withState } from "react-searchkit";
+import { Button } from "semantic-ui-react";
+
+class DeletionStatusFilterComponent extends Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      selected: "P",
+    };
+  }
+
+  componentDidMount() {
+    const { currentQueryState } = this.props;
+    const userSelectionFilters = currentQueryState.filters;
+    const openFilter = userSelectionFilters.find((obj) => obj.includes("status"));
+
+    if (openFilter) {
+      // eslint-disable-next-line react/no-did-mount-set-state
+      this.setState({
+        selected: openFilter[1],
+      });
+    }
+  }
+
+  /**
+   * Updates queryFilters based on selection and removing previous filters
+   * @param {string} selectedFilter indicates which button was clicked
+   * @param {string} value true if open requests and false if closed requests
+   */
+  filterRecords = (value = "P") => {
+    const { currentQueryState, updateQueryState, keepFiltersOnUpdate } = this.props;
+    const { selected } = this.state;
+
+    if (selected === value) {
+      return;
+    } else {
+      // remove other filters on change
+      currentQueryState.filters = [];
+    }
+    this.setState({
+      selected: value,
+    });
+
+    currentQueryState.filters = keepFiltersOnUpdate
+      ? currentQueryState.filters.filter((element) => element[0] !== "status")
+      : [];
+
+    currentQueryState.filters.push(["status", value]);
+
+    // For deleted and marked for purge filters we show by default all versions
+    if (["D", "X"].includes(value)) {
+      currentQueryState.filters.push(["allversions", true]);
+    }
+    updateQueryState(currentQueryState);
+  };
+
+  retrievePublished = () => {
+    this.filterRecords("P");
+  };
+
+  retrieveDeleted = () => {
+    this.filterRecords("D");
+  };
+
+  retrieveMarked = () => {
+    this.filterRecords("X");
+  };
+
+  render() {
+    const { selected } = this.state;
+    return (
+      <Button.Group basic>
+        <Button
+          className="record-search-filter"
+          onClick={this.retrievePublished}
+          active={selected === "P"}
+        >
+          {i18next.t("Published")}
+        </Button>
+        <Button
+          className="record-search-filter"
+          onClick={this.retrieveDeleted}
+          active={selected === "D"}
+        >
+          {i18next.t("Deleted")}
+        </Button>
+        <Button
+          className="record-search-filter"
+          onClick={this.retrieveMarked}
+          active={selected === "X"}
+        >
+          {i18next.t("Scheduled for purge")}
+        </Button>
+      </Button.Group>
+    );
+  }
+}
+
+DeletionStatusFilterComponent.propTypes = {
+  updateQueryState: PropTypes.func.isRequired,
+  currentQueryState: PropTypes.object.isRequired,
+  keepFiltersOnUpdate: PropTypes.bool,
+};
+
+DeletionStatusFilterComponent.defaultProps = {
+  keepFiltersOnUpdate: false,
+};
+
+export const DeletionStatusFilter = withState(DeletionStatusFilterComponent);

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/records/search/filters/index.js

@@ -0,0 +1,9 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // Copyright (C) 2023 CERN.
+ * //
+ * // Invenio-App-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.
+ */
+
+export { DeletionStatusFilter } from "./DeletionStatusFilter";

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/records/search/index.js

@@ -0,0 +1,10 @@
+/*
+ * 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 { SearchResultItemLayout } from "./SearchResultItemLayout";
+export { RecordSearchLayout } from "./RecordSearchLayout";

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/requests/RequestsSearchResultItem.js

@@ -0,0 +1,81 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2025 CERN.
+ *
+ * InvenioAppRdm 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 PropTypes from "prop-types";
+import React, { Component } from "react";
+import { Table } from "semantic-ui-react";
+import { withState } from "react-searchkit";
+import { AdminUIRoutes } from "@js/invenio_administration/src/routes.js";
+import { UserListItemCompact, toRelativeTime } 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, columns, idKeyPath, listUIEndpoint } = this.props;
+    return (
+      <Table.Row>
+        <Table.Cell
+          key={`${columns[0][1]["text"]}-${columns[0][1]["order"]}`}
+          data-label={columns[0][1]["text"]}
+          className="word-break-all"
+        >
+          <a href={AdminUIRoutes.detailsView(listUIEndpoint, result, idKeyPath)}>
+            {/* TODO we need a better way to get the (translatable) label of a request type
+            https://github.com/inveniosoftware/invenio-requests/issues/414 */}
+            {result.type === "record-deletion" && "Record deletion"}
+          </a>
+        </Table.Cell>
+        <Table.Cell
+          key={`${columns[1][1]["text"]}-${columns[1][1]["order"]}`}
+          data-label={columns[1][1]["text"]}
+          className="word-break-all"
+        >
+          <UserListItemCompact
+            user={result.expanded.created_by}
+            id={result.created_by.user}
+            // TODO linkToDetailView= filter by user?
+          />
+          {toRelativeTime(result.created)}
+        </Table.Cell>
+        <Table.Cell
+          key={`${columns[2][1]["text"]}-${columns[2][1]["order"]}`}
+          data-label={columns[2][1]["text"]}
+          className="word-break-all"
+        >
+          {result.expanded.last_reply ? (
+            <>
+              <UserListItemCompact
+                user={result.expanded.last_reply.created_by}
+                id={result.last_reply.created_by.user}
+              />
+              {toRelativeTime(result.last_reply.created)}
+            </>
+          ) : (
+            i18next.t("No replies")
+          )}
+        </Table.Cell>
+      </Table.Row>
+    );
+  }
+}
+
+SearchResultItemComponent.propTypes = {
+  result: PropTypes.object.isRequired,
+  columns: PropTypes.array.isRequired,
+  updateQueryState: PropTypes.func.isRequired,
+  currentQueryState: PropTypes.object.isRequired,
+  idKeyPath: PropTypes.string.isRequired,
+  listUIEndpoint: PropTypes.string.isRequired,
+};
+
+export const SearchResultItem = withState(SearchResultItemComponent);

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/requests/RequestsSearchbarLayout.js

@@ -0,0 +1,48 @@
+/*
+ * // This file is part of Invenio-Requests
+ * // Copyright (C) 2025 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 PropTypes from "prop-types";
+import React, { Component } from "react";
+import { RequestStatusFilter } from "@js/invenio_requests/search";
+import { SearchBar, Sort } from "react-searchkit";
+
+export class RequestsSearchbarLayout extends Component {
+  render() {
+    const { config } = 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">
+              <RequestStatusFilter keepFiltersOnUpdate />
+            </div>
+
+            <div className="tablet only computer only rel-mr-2">
+              <RequestStatusFilter 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">
+              <Sort values={config.sortOptions} />
+            </div>
+          </div>
+        </div>
+        <div className="rel-mb-1" />
+      </>
+    );
+  }
+}
+
+RequestsSearchbarLayout.propTypes = {
+  config: PropTypes.object.isRequired,
+};

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

@@ -0,0 +1,22 @@
+// This file is part of InvenioCommunities
+// Copyright (C) 2025 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 { RequestsSearchbarLayout } from "./RequestsSearchbarLayout";
+import { SearchResultItem } from "./RequestsSearchResultItem";
+
+const domContainer = document.getElementById("invenio-search-config");
+
+const defaultComponents = initDefaultSearchComponents(domContainer);
+
+const overridenComponents = {
+  ...defaultComponents,
+  "SearchApp.searchbarContainer": RequestsSearchbarLayout,
+  "InvenioAdministration.SearchResultItem.layout": SearchResultItem,
+};
+
+createSearchAppInit(overridenComponents, true, "invenio-search-config", false);

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/userModeration/ModerationActions.js

@@ -0,0 +1,103 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2022 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 React, { Component } from "react";
+import PropTypes from "prop-types";
+import { Button, Icon } from "semantic-ui-react";
+import { InvenioAdministrationActionsApi as adminAPI } from "@js/invenio_administration";
+import { NotificationContext } from "@js/invenio_administration";
+import { withCancel } from "react-invenio-forms";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+
+export class ModerationActions extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { loading: false };
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  static contextType = NotificationContext;
+
+  handleActionClick = async (e, actionKey, actionConfig) => {
+    this.setState({ loading: true });
+    const { resource, user, successCallback } = this.props;
+    const { addNotification } = this.context;
+
+    const name = user.profile.full_name || user.profile.email || user.profile.username;
+
+    const links = resource.links.actions;
+    const actionUrl = links[actionKey];
+    // Execute action
+    try {
+      if (actionUrl) {
+        this.cancellableAction = withCancel(adminAPI.resourceAction(actionUrl, {}));
+        await this.cancellableAction.promise;
+        if (actionKey === "accept") {
+          addNotification({
+            title: i18next.t("Success"),
+            content: i18next.t("User {{name}} was approved.", { name: name }),
+            type: "success",
+          });
+        } else if (actionKey === "decline") {
+          addNotification({
+            title: i18next.t("Success"),
+            content: i18next.t("User {{name}} is blocked.", { name: name }),
+            type: "success",
+          });
+        }
+      }
+      this.setState({ loading: false });
+      successCallback();
+    } catch (e) {
+      addNotification({
+        title: i18next.t("Error"),
+        content: e.toString(),
+        type: "error",
+      });
+      console.error(e);
+      this.setState({ loading: false });
+    }
+  };
+
+  render() {
+    const { actions } = this.props;
+    const { loading } = this.state;
+
+    return (
+      <Button.Group className="margined" basic compact widths={2}>
+        {Object.entries(actions).map(([actionKey, actionConfig]) => {
+          const icon = actionKey === "accept" ? "check" : "ban";
+          return (
+            <Button
+              key={actionKey}
+              onClick={(e) => this.handleActionClick(e, actionKey, actionConfig)}
+              disabled={loading}
+              loading={loading}
+              icon
+              labelPosition="left"
+            >
+              <Icon name={icon} />
+              {actionConfig.text}
+            </Button>
+          );
+        })}
+      </Button.Group>
+    );
+  }
+}
+
+ModerationActions.propTypes = {
+  user: PropTypes.object.isRequired,
+  actions: PropTypes.object.isRequired,
+  resource: PropTypes.object.isRequired,
+  successCallback: PropTypes.func.isRequired,
+};
+
+ModerationActions.defaultProps = {};

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

@@ -0,0 +1,29 @@
+// 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 { UserModerationSearchLayout } from "./search";
+import { NotificationController } from "@js/invenio_administration";
+import { SearchResultItemLayout } from "./search";
+
+const domContainer = document.getElementById("invenio-search-config");
+
+const defaultComponents = initDefaultSearchComponents(domContainer);
+
+const overridenComponents = {
+  ...defaultComponents,
+  "InvenioAdministration.SearchResultItem.layout": SearchResultItemLayout,
+  "SearchApp.layout": UserModerationSearchLayout,
+};
+
+createSearchAppInit(
+  overridenComponents,
+  true,
+  "invenio-search-config",
+  false,
+  NotificationController
+);

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

@@ -0,0 +1,151 @@
+/*
+ * 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 { BoolFormatter } from "@js/invenio_administration";
+import { ModerationActions } from "../ModerationActions";
+import { UserActions } from "../../users/UserActions";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
+import { Table, 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 {
+      title,
+      result,
+      idKeyPath,
+      listUIEndpoint,
+      resourceHasActions,
+      resourceName,
+      displayEdit,
+      displayDelete,
+      actions,
+    } = this.props;
+
+    const {
+      expanded: { topic: user },
+    } = result;
+    const splitEmail = user.email.split("@");
+    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")}
+          className="word-break-all"
+        >
+          <UserListItemCompact
+            user={user}
+            id={result.id}
+            linkToDetailView={AdminUIRoutes.detailsView(
+              listUIEndpoint,
+              result,
+              idKeyPath
+            )}
+          />
+        </Table.Cell>
+        <Table.Cell
+          key={`user-email-${result.id}`}
+          data-label={i18next.t("Email")}
+          collapsing
+          className="word-break-all"
+        >
+          {splitEmail[0]}
+        </Table.Cell>
+        <Table.Cell
+          collapsing
+          key={`user-email-domain-${result.id}`}
+          data-label={i18next.t("Email domain")}
+          className="word-break-all"
+        >
+          @{splitEmail[1]}
+        </Table.Cell>
+        <Table.Cell data-label={i18next.t("Actions")}>
+          {/* TEMPORARY */}
+          <a
+            href={encodeURI(
+              `/administration/records?q=parent.access.owned_by.user:${user.id}`
+            )}
+          >
+            <Icon name="paperclip" />
+            {i18next.t("Records")}
+          </a>
+        </Table.Cell>
+        <Table.Cell data-label={i18next.t("Status")}>
+          <BoolFormatter
+            value={result.status === "submitted"}
+            icon="hourglass"
+            color="yellow"
+          />
+          <BoolFormatter value={result.status === "declined"} icon="ban" color="red" />
+          <BoolFormatter
+            value={result.status === "accepted"}
+            icon="check"
+            color="green"
+          />
+        </Table.Cell>
+        <Table.Cell collapsing textAlign="right">
+          {resourceHasActions && result.is_open && (
+            <ModerationActions
+              title={title}
+              user={user}
+              resourceName={resourceName}
+              editUrl={AdminUIRoutes.editView(listUIEndpoint, result, idKeyPath)}
+              displayEdit={displayEdit}
+              displayDelete={displayDelete}
+              actions={actions}
+              resource={result}
+              idKeyPath={idKeyPath}
+              successCallback={this.refreshAfterAction}
+              listUIEndpoint={listUIEndpoint}
+            />
+          )}
+          {!result.is_open && (
+            <UserActions user={user} successCallback={this.refreshAfterAction} />
+          )}
+        </Table.Cell>
+      </Table.Row>
+    );
+  }
+}
+
+SearchResultItemComponent.propTypes = {
+  title: PropTypes.string.isRequired,
+  resourceName: PropTypes.string.isRequired,
+  result: PropTypes.object.isRequired,
+  displayDelete: PropTypes.bool,
+  displayEdit: PropTypes.bool,
+  actions: PropTypes.object,
+  updateQueryState: PropTypes.func.isRequired,
+  currentQueryState: PropTypes.object.isRequired,
+  idKeyPath: PropTypes.string.isRequired,
+  listUIEndpoint: PropTypes.string.isRequired,
+  resourceHasActions: PropTypes.bool,
+};
+
+SearchResultItemComponent.defaultProps = {
+  displayDelete: true,
+  displayEdit: true,
+  actions: {},
+  resourceHasActions: false,
+};
+
+export const SearchResultItemLayout = withState(SearchResultItemComponent);

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/userModeration/search/UserModerationSearchLayout.js

@@ -0,0 +1,56 @@
+/*
+ * // 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 PropTypes from "prop-types";
+import React, { Component } from "react";
+import { RequestStatusFilter } from "@js/invenio_requests/search";
+import { SearchBar, Sort } from "react-searchkit";
+
+export class UserModerationSearchLayout 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">
+              <RequestStatusFilter keepFiltersOnUpdate />
+            </div>
+
+            <div className="tablet only computer only rel-mr-2">
+              <RequestStatusFilter 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">
+              <Sort values={config.sortOptions} />
+            </div>
+          </div>
+        </div>
+        <div className="rel-mb-1" />
+
+        <SearchAppResultsPane layoutOptions={config.layoutOptions} appName={appName} />
+      </>
+    );
+  }
+}
+
+UserModerationSearchLayout.propTypes = {
+  config: PropTypes.object.isRequired,
+  appName: PropTypes.string,
+};
+
+UserModerationSearchLayout.defaultProps = {
+  appName: "",
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/userModeration/search/index.js

@@ -0,0 +1,10 @@
+/*
+ * // 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.
+ */
+
+export { UserModerationSearchLayout } from "./UserModerationSearchLayout";
+export { SearchResultItemLayout } from "./SearchResultItemLayout";