invenio-app-rdm 5.0.0.dev0__py2.py3-none-any.whl → 14.0.0b4.dev4__py2.py3-none-any.whl

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/auditLogs/AuditLogActions.js

@@ -0,0 +1,136 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // Copyright (C) 2025 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 React, { Component } from "react";
+import PropTypes from "prop-types";
+import { Button, Modal, Icon } from "semantic-ui-react";
+import { ActionModal } from "@js/invenio_administration";
+import _isEmpty from "lodash/isEmpty";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { ViewRecentChanges } from "./ViewRecentChanges";
+import { ViewJson } from "./ViewJson";
+
+export class AuditLogActions extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      modalOpen: false,
+      modalHeader: undefined,
+      modalBody: undefined,
+      modalProps: undefined,
+    };
+  }
+
+  onModalTriggerClick = (e, { payloadSchema, dataName, dataActionKey }) => {
+    const { resource } = this.props;
+
+    if (dataActionKey === "view_changes") {
+      this.setState({
+        modalOpen: true,
+        modalHeader: i18next.t("Recent changes"),
+        modalProps: {
+          size: "large",
+        },
+        modalBody: (
+          <ViewRecentChanges
+            actionCancelCallback={this.closeModal}
+            resource={resource}
+          />
+        ),
+      });
+    } else if (dataActionKey === "view_log") {
+      this.setState({
+        modalOpen: true,
+        modalHeader: i18next.t("Audit Log Details"),
+        modalProps: {
+          size: "large",
+        },
+        modalBody: <ViewJson jsonData={resource} onCloseHandler={this.closeModal} />,
+      });
+    }
+  };
+
+  closeModal = () => {
+    this.setState({
+      modalOpen: false,
+      modalHeader: undefined,
+      modalBody: undefined,
+    });
+  };
+
+  render() {
+    const { actions, Element, resource } = this.props;
+    const { action } = resource;
+    const { modalOpen, modalHeader, modalBody, modalProps } = this.state;
+    let icon;
+    return (
+      <>
+        {Object.entries(actions).map(([actionKey, actionConfig]) => {
+          if (actionKey === "view_log") {
+            icon = "eye";
+            return (
+              <Element
+                key={actionKey}
+                onClick={this.onModalTriggerClick}
+                payloadSchema={actionConfig.payload_schema}
+                dataName={actionConfig.text}
+                dataActionKey={actionKey}
+                icon={icon}
+                fluid
+                basic
+                labelPosition="left"
+              >
+                {icon && <Icon name={icon} />}
+                {actionConfig.text}...
+              </Element>
+            );
+          }
+          if (actionKey === "view_changes" && actionConfig.show_for.includes(action)) {
+            icon = "file code outline";
+            return (
+              <Element
+                key={actionKey}
+                onClick={this.onModalTriggerClick}
+                payloadSchema={actionConfig.payload_schema}
+                dataName={actionConfig.text}
+                dataActionKey={actionKey}
+                icon={icon}
+                fluid
+                basic
+                labelPosition="left"
+              >
+                {icon && <Icon name={icon} />}
+                {actionConfig.text}...
+              </Element>
+            );
+          }
+          return null;
+        })}
+        <ActionModal modalOpen={modalOpen} resource={resource} modalProps={modalProps}>
+          {modalHeader && <Modal.Header>{modalHeader}</Modal.Header>}
+          {!_isEmpty(modalBody) && modalBody}
+        </ActionModal>
+      </>
+    );
+  }
+}
+
+AuditLogActions.propTypes = {
+  resource: PropTypes.object.isRequired,
+  actions: PropTypes.shape({
+    text: PropTypes.string.isRequired,
+    payload_schema: PropTypes.object.isRequired,
+    order: PropTypes.number.isRequired,
+  }),
+  Element: PropTypes.node,
+};
+
+AuditLogActions.defaultProps = {
+  Element: Button,
+  actions: undefined,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/auditLogs/ViewJson.js

@@ -0,0 +1,35 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // Copyright (C) 2025 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 React, { Component } from "react";
+import { Button, Modal } from "semantic-ui-react";
+import PropTypes from "prop-types";
+import ReactJson from "react-json-view";
+
+export class ViewJson extends Component {
+  render() {
+    const { jsonData, onCloseHandler } = this.props;
+    return (
+      <>
+        <Modal.Content>
+          <Modal.Description>
+            <ReactJson src={jsonData} name={null} />
+          </Modal.Description>
+        </Modal.Content>
+        <Modal.Actions>
+          <Button onClick={onCloseHandler}>Close</Button>
+        </Modal.Actions>
+      </>
+    );
+  }
+}
+
+ViewJson.propTypes = {
+  jsonData: PropTypes.object.isRequired,
+  onCloseHandler: PropTypes.object.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/auditLogs/ViewRecentChanges.js

@@ -0,0 +1,119 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // Copyright (C) 2025 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 React, { Component } from "react";
+import PropTypes from "prop-types";
+import { RecordModerationApi } from "../records/api";
+import { withCancel, ErrorMessage } from "react-invenio-forms";
+import { Modal, Button, Grid } from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { RevisionsDiffViewer } from "../components/RevisionsDiffViewer";
+
+export class ViewRecentChanges extends Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      loading: true,
+      error: undefined,
+      diff: undefined,
+    };
+  }
+
+  componentDidMount() {
+    this.fetchPreviousRevision();
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  async fetchPreviousRevision() {
+    const { resource } = this.props;
+    const {
+      resource: record,
+      metadata: { revision_id: targetRevision } = { revision_id: null },
+    } = resource;
+    this.setState({ loading: true });
+
+    try {
+      if (!targetRevision) {
+        this.setState({
+          error: i18next.t("No revision ID found."),
+          loading: false,
+        });
+        return;
+      }
+      this.cancellableAction = withCancel(
+        RecordModerationApi.getLastRevision(record, targetRevision, true)
+      );
+      const response = await this.cancellableAction.promise;
+      const revisions = await response.data;
+
+      this.setState({
+        diff: {
+          targetRevision: revisions[0],
+          srcRevision: revisions.length > 1 ? revisions[1] : revisions[0],
+        },
+        loading: false,
+      });
+    } catch (error) {
+      if (error === "UNMOUNTED") return;
+      this.setState({ error: error, loading: false });
+      console.error(error);
+    }
+  }
+
+  handleModalClose = () => {
+    const { actionCancelCallback } = this.props;
+    actionCancelCallback();
+  };
+
+  render() {
+    const { error, loading, diff } = this.state;
+
+    return (
+      <>
+        <Modal.Content>
+          {error && (
+            <Modal.Content>
+              <ErrorMessage
+                header={i18next.t("Unable to fetch revisions.")}
+                content={error}
+                icon="exclamation"
+                className="text-align-left"
+                negative
+              />
+            </Modal.Content>
+          )}
+        </Modal.Content>
+        <Modal.Content scrolling>
+          <RevisionsDiffViewer diff={diff} />
+        </Modal.Content>
+        <Modal.Actions>
+          <Grid>
+            <Grid.Column floated="left" width={8} textAlign="left">
+              <Button
+                onClick={this.handleModalClose}
+                disabled={loading}
+                loading={loading}
+                aria-label={i18next.t("Cancel revision comparison")}
+              >
+                Close
+              </Button>
+            </Grid.Column>
+          </Grid>
+        </Modal.Actions>
+      </>
+    );
+  }
+}
+
+ViewRecentChanges.propTypes = {
+  resource: PropTypes.object.isRequired,
+  actionCancelCallback: PropTypes.func.isRequired,
+};

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

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

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

@@ -0,0 +1,87 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2025 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 PropTypes from "prop-types";
+import React, { Component } from "react";
+import { Button, Item, Table } from "semantic-ui-react";
+import { Image, toRelativeTime } from "react-invenio-forms";
+import { withState } from "react-searchkit";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { Actions } from "@js/invenio_administration";
+import { AdminUIRoutes } from "@js/invenio_administration/src/routes";
+
+class SearchResultItemComponent extends Component {
+  refreshAfterAction = () => {
+    const { updateQueryState, currentQueryState } = this.props;
+    updateQueryState(currentQueryState);
+  };
+
+  render() {
+    const { title, resourceName, result, actions, idKeyPath, listUIEndpoint } =
+      this.props;
+
+    const {
+      created,
+      action,
+      resource: { id: resourceId, type: resourceType },
+      user: { id: userId, email: userEmail },
+    } = result;
+
+    return (
+      <Table.Row>
+        <Table.Cell data-label={i18next.t("Resource")}>{resourceType}</Table.Cell>
+        <Table.Cell data-label={i18next.t("Resource ID")}>
+          <a target="_blank" rel="noreferrer noopener" href={`/uploads/${resourceId}`}>
+            {resourceId}
+          </a>
+        </Table.Cell>
+        <Table.Cell data-label={i18next.t("Action")}>{action}</Table.Cell>
+        <Table.Cell data-label={i18next.t("User")}>
+          <Item className="flex" key={userId}>
+            <Image src={`/api/users/${userId}/avatar.svg`} avatar loadFallbackFirst />
+            <a href={`/administration/users?q=id:${userId}`}>{userEmail}</a>
+          </Item>
+        </Table.Cell>
+        <Table.Cell data-label={i18next.t("Created")}>
+          {toRelativeTime(created)}
+        </Table.Cell>
+
+        {/* Actions */}
+        <Table.Cell collapsing>
+          <Button.Group size="tiny" basic widths={5} compact className="margined">
+            <Actions
+              title={title}
+              resourceName={resourceName}
+              editUrl={AdminUIRoutes.editView(listUIEndpoint, result, idKeyPath)}
+              displayEdit={false}
+              displayDelete={false}
+              actions={actions}
+              resource={result}
+              idKeyPath={idKeyPath}
+              successCallback={this.refreshAfterAction}
+              listUIEndpoint={listUIEndpoint}
+            />
+          </Button.Group>
+        </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,
+  title: PropTypes.string.isRequired,
+  resourceName: PropTypes.string.isRequired,
+  actions: PropTypes.object.isRequired,
+};
+
+export const SearchResultItemLayout = withState(SearchResultItemComponent);

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

@@ -0,0 +1,9 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2025 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";

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/components/CompareRevisionsDropdown.js

@@ -0,0 +1,89 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // Copyright (C) 2025 CERN.
+ * // Copyright (C) 2025 Graz University of Technology.
+ * //
+ * // 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 React, { useState } from "react";
+import PropTypes from "prop-types";
+import { Grid, Dropdown, Button } from "semantic-ui-react";
+
+export const CompareRevisionsDropdown = ({
+  loading,
+  options,
+  onCompare,
+  srcRevision: srcOption,
+  targetRevision: targetOption,
+}) => {
+  // Local state for selected revisions
+  const [srcRevision, setSrcRevision] = useState(srcOption);
+  const [targetRevision, setTargetRevision] = useState(targetOption);
+
+  const handleCompare = () => {
+    onCompare(srcRevision, targetRevision);
+  };
+
+  return (
+    <Grid>
+      <Grid.Column mobile={16} computer={6} tablet={16} largeScreen={6} widescreen={6}>
+        <label htmlFor="source-revision">From</label>
+        <Dropdown
+          id="source-revision"
+          loading={loading}
+          placeholder="Source revision..."
+          fluid
+          selection
+          value={srcRevision}
+          onChange={(e, { value }) => setSrcRevision(value)}
+          options={options}
+          scrolling
+        />
+      </Grid.Column>
+      <Grid.Column mobile={16} computer={6} tablet={16} largeScreen={6} widescreen={6}>
+        <label htmlFor="target-revision">To</label>
+        <Dropdown
+          id="target-revision"
+          loading={loading}
+          placeholder="Target revision..."
+          fluid
+          selection
+          value={targetRevision}
+          onChange={(e, { value }) => setTargetRevision(value)}
+          options={options}
+          scrolling
+        />
+      </Grid.Column>
+      <Grid.Column
+        verticalAlign="bottom"
+        mobile={16}
+        computer={2}
+        tablet={16}
+        largeScreen={2}
+        widescreen={2}
+      >
+        <Button
+          onClick={handleCompare}
+          disabled={loading || !srcRevision || !targetRevision}
+        >
+          Compare
+        </Button>
+      </Grid.Column>
+    </Grid>
+  );
+};
+
+CompareRevisionsDropdown.propTypes = {
+  loading: PropTypes.bool.isRequired,
+  options: PropTypes.array.isRequired,
+  onCompare: PropTypes.func.isRequired,
+  srcRevision: PropTypes.object,
+  targetRevision: PropTypes.object,
+};
+
+CompareRevisionsDropdown.defaultProps = {
+  srcRevision: 0,
+  targetRevision: 0,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/components/ImpersonateUser.js

@@ -0,0 +1,92 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // Copyright (C) 2023 CERN.
+ * // Copyright (C) 2024 KTH Royal Institute of Technology.
+ * //
+ * // 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 React, { Component } from "react";
+import PropTypes from "prop-types";
+import { Modal, Icon, Dropdown } from "semantic-ui-react";
+import { ActionModal } from "@js/invenio_administration";
+import _isEmpty from "lodash/isEmpty";
+import { ImpersonateUserForm } from "./ImpersonateUserForm";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+
+export class ImpersonateUser extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      modalOpen: false,
+      modalHeader: undefined,
+      modalBody: undefined,
+    };
+  }
+
+  onModalTriggerClick = (e) => {
+    const { user } = this.props;
+
+    this.setState({
+      modalOpen: true,
+      modalHeader: i18next.t("Impersonate user"),
+      modalBody: (
+        <ImpersonateUserForm
+          actionSuccessCallback={this.handleSuccess}
+          actionCancelCallback={this.closeModal}
+          user={user}
+        />
+      ),
+    });
+  };
+
+  closeModal = () => {
+    this.setState({
+      modalOpen: false,
+      modalHeader: undefined,
+      modalBody: undefined,
+    });
+  };
+
+  handleSuccess = () => {
+    const { successCallback } = this.props;
+    this.setState({
+      modalOpen: false,
+      modalHeader: undefined,
+      modalBody: undefined,
+    });
+    successCallback();
+  };
+
+  render() {
+    const { user } = this.props;
+    const { modalOpen, modalHeader, modalBody } = this.state;
+    return (
+      <>
+        <Dropdown.Item
+          key="impersonate-user"
+          onClick={this.onModalTriggerClick}
+          icon
+          fluid
+          basic
+          labelPosition="left"
+        >
+          <Icon name="spy" />
+          {i18next.t("Impersonate")}
+        </Dropdown.Item>
+        <ActionModal modalOpen={modalOpen} user={user}>
+          {modalHeader && <Modal.Header>{modalHeader}</Modal.Header>}
+          {!_isEmpty(modalBody) && modalBody}
+        </ActionModal>
+      </>
+    );
+  }
+}
+
+ImpersonateUser.propTypes = {
+  user: PropTypes.object.isRequired,
+  successCallback: PropTypes.func.isRequired,
+};
+
+ImpersonateUser.defaultProps = {};