UI: add info message about remaining days to publish changes

Author: carlinmack

invenio_app_rdm/records_ui/utils.py

@@ -9,6 +9,7 @@
 
 """Utility functions."""
 
+from datetime import datetime, timedelta, timezone
 from itertools import chain
 
 from flask import current_app, g
@@ -167,8 +168,14 @@ def evaluate_file_modification(record):
         "valid_user": file_mod.valid_user,
         "allowed": fm_allowed,
     }
+
     if fm_allowed:
         file_modification["fileModification"] = file_mod
-        file_modification["context"] = {}
+        created = record._record.created.replace(tzinfo=timezone.utc)
+        modification_until = created + current_app.config.get(
+            "RDM_FILE_MODIFICATION_PERIOD"
+        )
+        days_until = (modification_until - datetime.now(timezone.utc)).days
+        file_modification["context"] = {"days_until": days_until}
 
     return file_modification

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/components/FileModificationUntil.js

@@ -0,0 +1,42 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2025 CERN.
+//
+// Invenio RDM Records 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 { i18next } from "@translations/invenio_app_rdm/i18next";
+
+export class FileModificationUntil extends Component {
+  render() {
+    const { filesLocked, fileModification, record } = this.props;
+
+    if (!fileModification.fileModification?.enabled) {
+      return null;
+    }
+
+    if (!filesLocked && record.is_published && fileModification.context?.days_until) {
+      return (
+        <>
+          {" "}
+          {i18next.t("– Unlocked, {{ daysUntil }} days to publish changes", {
+            daysUntil: fileModification.context.days_until,
+          })}
+        </>
+      );
+    }
+
+    return null;
+  }
+}
+
+FileModificationUntil.propTypes = {
+  filesLocked: PropTypes.bool.isRequired,
+  fileModification: PropTypes.object,
+  record: PropTypes.object.isRequired,
+};
+
+FileModificationUntil.defaultProps = {
+  fileModification: {},
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/deposit/RDMDepositForm.js

@@ -48,6 +48,7 @@ import { CopyrightsField } from "@js/invenio_rdm_records/src/deposit/fields/Copy
 import { ShareDraftButton } from "./ShareDraftButton";
 import { depositFormSectionsConfig, severityChecksConfig } from "./config";
 import { RecordDeletion } from "../components/RecordDeletion";
+import { FileModificationUntil } from "../components/FileModificationUntil";
 
 export class RDMDepositForm extends Component {
   constructor(props) {
@@ -183,12 +184,23 @@ export class RDMDepositForm extends Component {
                   record={record}
                   config={this.config}
                   noFiles={this.noFiles}
+                  fileModification={fileModification}
+                  filesLocked={filesLocked}
                 >
                   <AccordionField
                     includesPaths={this.sectionsConfig["files-section"]}
                     severityChecks={this.severityChecks}
                     active
-                    label={i18next.t("Files")}
+                    label={
+                      <>
+                        {i18next.t("Files")}
+                        <FileModificationUntil
+                          fileModification={fileModification}
+                          filesLocked={filesLocked}
+                          record={record}
+                        />
+                      </>
+                    }
                     id="files-section"
                   >
                     {this.noFiles && record.is_published && (