invenio-app-rdm 13.0.0b3.dev14__tar.gz → 13.0.0b3.dev16__tar.gz

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/CHANGES.rst

@@ -10,6 +10,14 @@
 Changes
 =======
 
+Versino v13.0.0b3.dev16 (released 2025-05-23)
+
+- administration: audit_logs: Add View Changes and View Log button and modals
+
+Version v13.0.0b3.dev15 (released 2025-05-23)
+
+- Revert "views: pass record object to record details"
+
 Version v13.0.0b3.dev14 (released 2025-05-23)
 
 - views: pass record object to record details

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: invenio-app-rdm
-Version: 13.0.0b3.dev14
+Version: 13.0.0b3.dev16
 Summary: Invenio Research Data Management.
 Home-page: https://github.com/inveniosoftware/invenio-app-rdm
 Author: CERN
@@ -98,6 +98,14 @@ https://inveniordm.docs.cern.ch
 Changes
 =======
 
+Versino v13.0.0b3.dev16 (released 2025-05-23)
+
+- administration: audit_logs: Add View Changes and View Log button and modals
+
+Version v13.0.0b3.dev15 (released 2025-05-23)
+
+- Revert "views: pass record object to record details"
+
 Version v13.0.0b3.dev14 (released 2025-05-23)
 
 - views: pass record object to record details

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/__init__.py

@@ -17,6 +17,6 @@
 #
 # See PEP 0440 for details - https://www.python.org/dev/peps/pep-0440
 
-__version__ = "13.0.0b3.dev14"
+__version__ = "13.0.0b3.dev16"
 
 __all__ = ("__version__",)

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/administration/audit_logs/audit_logs.py

@@ -34,36 +34,40 @@ class AuditLogListView(AdminResourceListView):
     display_edit = False
 
     item_field_list = {
-        "id": {
-            "text": _("Log ID"),
-            "order": 1,
-            "width": 3,
-            "width": 3,
-        },
         "resource.type": {
             "text": _("Resource"),
-            "order": 2,
+            "order": 1,
             "width": 2,
         },
-        "resource.id": {  # Link to resource in the `resource_type` admin panel
+        "resource.id": {
             "text": _("Resource ID"),
-            "order": 3,
-            "width": 2,
+            "order": 2,
         },
         "action": {
             "text": _("Action"),
-            "order": 4,
-            "width": 2,
+            "order": 3,
         },
-        "user.id": {  # Link to user in user admin panel
+        "user.id": {
             "text": _("User"),
-            "order": 5,
-            "width": 3,
+            "order": 4,
         },
         "created": {
-            "text": _("Timestamp"),
-            "order": 6,
-            "width": 7,
+            "text": _("Created"),
+            "order": 5,
+        },
+    }
+
+    actions = {
+        "view_log": {
+            "text": _("View Log"),
+            "payload_schema": None,
+            "order": 1,
+        },
+        "view_changes": {
+            "text": _("View Changes"),
+            "payload_schema": None,
+            "order": 2,
+            "show_for": ["record.publish"],
         },
     }
 

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/detail.html

@@ -204,7 +204,7 @@
                   <div id="recordManagementMobile"
                        role="dialog"
                        class="ui flowing popup transition hidden"
-                       data-record='{{ record_ui | tojson }}'
+                       data-record='{{ record | tojson }}'
                        data-permissions='{{ permissions | tojson }}'
                        data-is-draft="{{ is_draft | tojson }}"
                        {% if config.RDM_DETAIL_SIDE_BAR_MANAGE_ATTRIBUTES_EXTENSION_TEMPLATE %}

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/access-form.html

@@ -33,7 +33,7 @@
     </div>
   {% endif %}
   <div id="access-request-form-root"
-       data-record='{{ record_ui | tojson }}'
+       data-record='{{ record | tojson }}'
        data-user-anonymous='{{ current_user.is_anonymous | tojson }}'
        data-user-full-name='{{ full_name | tojson }}'
        data-user-email='{{ email | tojson }}'>

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/citation.html

@@ -7,7 +7,7 @@
     it under the terms of the MIT License; see LICENSE file for more details.
 #}
 
-<div id="recordCitation" data-record='{{ record_ui | tojson }}'
+<div id="recordCitation" data-record='{{ record | tojson }}'
   data-styles='{{ config.get("RDM_CITATION_STYLES") | tojson }}'
   data-defaultstyle='{{ config.get("RDM_CITATION_STYLES_DEFAULT") | tojson }}'
   data-include-deleted='{{ include_deleted | tojson }}'>

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/side_bar/licenses.html

@@ -20,7 +20,7 @@
 {% endmacro %}
 
 {% set rights = record.ui.get('rights', []) %}
-{% set copyrights = record.ui.get('metadata', {}).get('copyright') %}
+{% set copyrights = record.get('metadata', {}).get('copyright') %}
 {% if rights or copyrights %}
   <div class="sidebar-container">
     <h2 class="ui medium top attached header mt-0">{{ _('Rights') }}</h2>

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/side_bar/manage_menu.html

@@ -12,7 +12,7 @@ it under the terms of the MIT License; see LICENSE file for more details.
   >
     <div class="column"
          id="recordManagement"
-         data-record='{{ record_ui | tojson }}'
+         data-record='{{ record | tojson }}'
          data-permissions='{{ permissions | tojson }}'
          data-is-draft="{{ is_draft | tojson }}"
          data-is-preview-submission-request="{{ is_preview_submission_request | tojson }}"

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/side_bar/versions.html

@@ -12,7 +12,7 @@
   <h2 class="ui medium top attached header mt-0">{{ _('Versions')}}</h2>
   <div id="record-versions" class="ui segment rdm-sidebar bottom attached pl-0 pr-0 pt-0">
     <div class="versions">
-      <div id="recordVersions" data-record='{{ record_ui | tojson }}' data-preview='{{ is_preview | tojson }}'>
+      <div id="recordVersions" data-record='{{ record | tojson }}' data-preview='{{ is_preview | tojson }}'>
         <div class="rel-p-1"></div>
         <div class="ui fluid placeholder rel-mr-1 rel-ml-1"></div>
         <div class="header">

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/records_ui/views/records.py

@@ -233,8 +233,7 @@ def record_detail(
     return render_community_theme_template(
         current_app.config.get("APP_RDM_RECORD_LANDING_PAGE_TEMPLATE"),
         theme=theme,
-        record=record,
-        record_ui=record_ui,
+        record=record_ui,
         files=files_dict,
         media_files=media_files_dict,
         user_communities_memberships=get_user_communities_memberships(),

invenio_app_rdm-13.0.0b3.dev16/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-13.0.0b3.dev16/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-13.0.0b3.dev16/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,
+    };
+  }
+
+  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);
+    }
+  }
+
+  componentDidMount() {
+    this.fetchPreviousRevision();
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  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-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/auditLogs/index.js

@@ -9,6 +9,7 @@ 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");
 
@@ -18,6 +19,7 @@ const overridenComponents = {
   ...defaultComponents,
   "InvenioAdministration.SearchResultItem.layout": SearchResultItemLayout,
   "SearchApp.facets": SearchFacets,
+  "InvenioAdministration.ResourceActions": AuditLogActions,
 };
 
 createSearchAppInit(

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/auditLogs/search/SearchResultItemLayout.js

@@ -8,26 +8,24 @@
 
 import PropTypes from "prop-types";
 import React, { Component } from "react";
-import { Item, Table } from "semantic-ui-react";
-import { Image } from "react-invenio-forms";
+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 {
-  componentDidMount() {
-    console.error("result", this.props.result);
-  }
-
   refreshAfterAction = () => {
     const { updateQueryState, currentQueryState } = this.props;
     updateQueryState(currentQueryState);
   };
 
   render() {
-    const { result } = this.props;
+    const { title, resourceName, result, actions, idKeyPath, listUIEndpoint } =
+      this.props;
 
     const {
-      id,
       created,
       action,
       resource: { id: resourceId, type: resourceType },
@@ -36,14 +34,9 @@ class SearchResultItemComponent extends Component {
 
     return (
       <Table.Row>
-        <Table.Cell data-label={i18next.t("Log ID")}>
-          <a target="_blank" rel="noreferrer noopener" href={result.links.self}>
-            {id}
-          </a>
-        </Table.Cell>
         <Table.Cell data-label={i18next.t("Resource")}>{resourceType}</Table.Cell>
         <Table.Cell data-label={i18next.t("Resource ID")}>
-          <a href={`/administration/${resourceType}s?q=id:${resourceId}`}>
+          <a target="_blank" rel="noreferrer noopener" href={`/uploads/${resourceId}`}>
             {resourceId}
           </a>
         </Table.Cell>
@@ -51,12 +44,30 @@ class SearchResultItemComponent extends Component {
         <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} ({userId})
-            </a>
+            <a href={`/administration/users?q=id:${userId}`}>{userEmail}</a>
           </Item>
         </Table.Cell>
-        <Table.Cell data-label={i18next.t("Date")}>{created}</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>
     );
   }
@@ -64,8 +75,13 @@ class SearchResultItemComponent extends Component {
 
 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-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/components/RevisionsDiffViewer.js

@@ -74,7 +74,7 @@ export class RevisionsDiffViewer extends Component {
 
 RevisionsDiffViewer.propTypes = {
   diff: PropTypes.object,
-  viewerProps: PropTypes.object.isRequired,
+  viewerProps: PropTypes.object,
 };
 
 RevisionsDiffViewer.defaultProps = {

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/records/api/api.js

@@ -26,8 +26,13 @@ const getRevisions = async (record) => {
   return await http.get(APIRoutes.compare(record));
 };
 
+const getLastRevision = async (record, revisionId, includePrevious) => {
+  return await http.get(APIRoutes.lastRevision(record, revisionId, includePrevious));
+};
+
 export const RecordModerationApi = {
   deleteRecord: deleteRecord,
   restoreRecord: restoreRecord,
   getRevisions: getRevisions,
+  getLastRevision: getLastRevision,
 };

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/records/api/routes.js

@@ -6,6 +6,7 @@
  * under the terms of the MIT License; see LICENSE file for more details.
  */
 
+import { last } from "lodash";
 import _get from "lodash/get";
 
 const APIRoutesGenerators = {
@@ -15,10 +16,15 @@ const APIRoutesGenerators = {
   compare: (record, idKeyPath = "id") => {
     return `/api/records/${_get(record, idKeyPath)}/revisions`;
   },
-
   restore: (record, idKeyPath = "id") => {
     return `/api/records/${_get(record, idKeyPath)}/restore`;
   },
+  lastRevision: (record, revisionId, includePrevious = false, idKeyPath = "id") => {
+    return `/api/records/${_get(
+      record,
+      idKeyPath
+    )}/revisions/${revisionId}?include_previous=${includePrevious}`;
+  },
 };
 export const APIRoutes = {
   ...APIRoutesGenerators,

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/theme/assets/semantic-ui/translations/invenio_app_rdm/package.json

@@ -40,7 +40,8 @@
   "devDependencies": {
     "i18next-conv": "^10.2.0",
     "i18next-scanner": "^3.0.0",
-    "react-i18next": "^11.11.3"
+    "react-i18next": "^11.11.3",
+    "react-json-view": "^1.21.3"
   },
   "scripts": {
     "extract_messages": "i18next-scanner --config i18next-scanner.config.js '../../js/**/*.{js,jsx}'",

{invenio_app_rdm-13.0.0b3.dev14 → invenio_app_rdm-13.0.0b3.dev16}/invenio_app_rdm/theme/webpack.py

@@ -60,6 +60,7 @@ theme = WebpackThemeBundle(
                 "react-searchkit": "^3.0.0",
                 "yup": "^0.32.0",
                 "json-diff-kit": "^1.0.30",
+                "react-json-view": "^1.21.3",
             },
             aliases={
                 # Define Semantic-UI theme configuration needed by