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/landing_page/index.js

@@ -1,31 +1,55 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2020-2021 CERN.
+// Copyright (C) 2020-2025 CERN.
 // Copyright (C) 2020-2021 Northwestern University.
 // Copyright (C) 2021 Graz University of Technology.
+// Copyright (C) 2023 TU Wien.
 //
 // 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 $ from "jquery";
 import React from "react";
 import ReactDOM from "react-dom";
-
 import { RecordManagement } from "./RecordManagement";
 import { RecordVersionsList } from "./RecordVersionsList";
+import { RecordCitationField } from "./RecordCitationField";
+import { ExportDropdown } from "./ExportDropdown";
+import { CommunitiesManagement } from "./CommunitiesManagement";
+import Overridable, { OverridableContext, overrideStore } from "react-overridable";
 
-const recordManagementAppDiv = document.getElementById("recordManagement");
-const recordVersionsAppDiv = document.getElementById("recordVersions");
+const overriddenComponents = overrideStore.getAll();
 
+const recordManagementAppDiv = document.getElementById("recordManagement");
+const recordManagementMobile = document.getElementById("recordManagementMobile");
 if (recordManagementAppDiv) {
+  renderRecordManagement(recordManagementAppDiv);
+  recordManagementMobile && renderRecordManagement(recordManagementMobile);
+}
+
+function renderRecordManagement(element) {
+  const record = JSON.parse(recordManagementAppDiv.dataset.record);
   ReactDOM.render(
-    <RecordManagement
-      record={JSON.parse(recordManagementAppDiv.dataset.record)}
-      permissions={JSON.parse(recordManagementAppDiv.dataset.permissions)}
-    />,
-    recordManagementAppDiv
+    <OverridableContext.Provider value={overriddenComponents}>
+      <RecordManagement
+        record={record}
+        permissions={JSON.parse(recordManagementAppDiv.dataset.permissions)}
+        isDraft={JSON.parse(recordManagementAppDiv.dataset.isDraft)}
+        isPreviewSubmissionRequest={JSON.parse(
+          recordManagementAppDiv.dataset.isPreviewSubmissionRequest
+        )}
+        currentUserId={recordManagementAppDiv.dataset.currentUserId}
+        recordOwnerID={record.parent.access.owned_by.user}
+        groupsEnabled={JSON.parse(recordManagementAppDiv.dataset.groupsEnabled)}
+        recordDeletion={JSON.parse(recordManagementAppDiv.dataset.recordDeletion)}
+        recordDeletionOptions={JSON.parse(
+          recordManagementAppDiv.dataset.recordDeletionOptions
+        )}
+      />
+    </OverridableContext.Provider>,
+    element
   );
 }
 
+const recordVersionsAppDiv = document.getElementById("recordVersions");
 if (recordVersionsAppDiv) {
   ReactDOM.render(
     <RecordVersionsList
@@ -36,23 +60,73 @@ if (recordVersionsAppDiv) {
   );
 }
 
-$(".ui.accordion").accordion();
-
-$("#record-doi-badge").click(function () {
-  $("#doi-modal").modal("show");
-});
-
-$(".ui.tooltip-popup").popup();
-
-$(".preview-link").on("click", function (event) {
-  $("#preview").find(".title").html(event.target.dataset.fileKey);
-});
+const recordCitationAppDiv = document.getElementById("recordCitation");
+if (recordCitationAppDiv) {
+  ReactDOM.render(
+    <RecordCitationField
+      recordLinks={JSON.parse(recordCitationAppDiv.dataset.recordLinks)}
+      styles={JSON.parse(recordCitationAppDiv.dataset.styles)}
+      defaultStyle={JSON.parse(recordCitationAppDiv.dataset.defaultstyle)}
+      includeDeleted={JSON.parse(recordCitationAppDiv.dataset.includeDeleted)}
+    />,
+    recordCitationAppDiv
+  );
+}
 
-$("#jump-btn").on("click", function (event) {
-  document.documentElement.scrollTop = 0;
-});
+const recordExportDownloadDiv = document.getElementById("recordExportDownload");
+if (recordExportDownloadDiv) {
+  ReactDOM.render(
+    <ExportDropdown formats={JSON.parse(recordExportDownloadDiv.dataset.formats)} />,
+    recordExportDownloadDiv
+  );
+}
 
-// func to toggle the icon class
-$(".panel-heading").click(function () {
-  $("i", this).toggleClass("down right");
-});
+const sidebarCommunitiesManageDiv = document.getElementById(
+  "sidebar-communities-manage"
+);
+if (sidebarCommunitiesManageDiv) {
+  const userCommunitiesMemberships = JSON.parse(
+    sidebarCommunitiesManageDiv.dataset.userCommunitiesMemberships
+  );
+  const recordCommunityEndpoint =
+    sidebarCommunitiesManageDiv.dataset.recordCommunityEndpoint;
+  const recordCommunitySearchConfig = JSON.parse(
+    sidebarCommunitiesManageDiv.dataset.recordCommunitySearchConfig
+  );
+  const recordUserCommunitySearchConfig = JSON.parse(
+    sidebarCommunitiesManageDiv.dataset.recordUserCommunitySearchConfig
+  );
+  const pendingCommunitiesSearchConfig = JSON.parse(
+    sidebarCommunitiesManageDiv.dataset.pendingCommunitiesSearchConfig
+  );
+  const permissions = JSON.parse(sidebarCommunitiesManageDiv.dataset.permissions);
+  const record = JSON.parse(sidebarCommunitiesManageDiv.dataset.record);
+  const recordRequests = JSON.parse(sidebarCommunitiesManageDiv.dataset.recordRequests);
+  ReactDOM.render(
+    <OverridableContext.Provider value={overriddenComponents}>
+      <Overridable
+        id="InvenioAppRdm.RecordLandingPage.CommunitiesManagement.container"
+        userCommunitiesMemberships={userCommunitiesMemberships}
+        recordCommunityEndpoint={recordCommunityEndpoint}
+        recordUserCommunitySearchConfig={recordUserCommunitySearchConfig}
+        recordCommunitySearchConfig={recordCommunitySearchConfig}
+        permissions={permissions}
+        searchConfig={pendingCommunitiesSearchConfig}
+        record={record}
+        recordRequests={recordRequests}
+      >
+        <CommunitiesManagement
+          userCommunitiesMemberships={userCommunitiesMemberships}
+          recordCommunityEndpoint={recordCommunityEndpoint}
+          recordUserCommunitySearchConfig={recordUserCommunitySearchConfig}
+          recordCommunitySearchConfig={recordCommunitySearchConfig}
+          permissions={permissions}
+          searchConfig={pendingCommunitiesSearchConfig}
+          record={record}
+          recordRequests={recordRequests}
+        />
+      </Overridable>
+    </OverridableContext.Provider>,
+    sidebarCommunitiesManageDiv
+  );
+}

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/theme.js

@@ -0,0 +1,131 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2020-2025 CERN.
+// Copyright (C) 2020-2021 Northwestern University.
+// Copyright (C) 2021 Graz University of Technology.
+//
+// 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 $ from "jquery";
+
+$("#record-doi-badge").on("click", function () {
+  $("#doi-modal").modal("show");
+});
+
+$("#record-conceptdoi-badge").on("click", function () {
+  $("#conceptdoi-modal").modal("show");
+});
+
+$("#file-list-table")
+  .find(".preview-link")
+  .on("click", function (event) {
+    const fileKey = event.target.dataset.fileKey;
+    $("#preview-file-title").text(fileKey);
+
+    event.preventDefault(); // Prevent default link navigation for back button to navigate the record and not the iframe
+
+    const newUrl = new URL(window.location);
+    newUrl.searchParams.set("preview_file", fileKey); // .set method automatically encodes the value
+    window.history.replaceState(null, "", newUrl);
+
+    // Update iframe with the updated URL to the preview file without adding to browser history
+    const previewUrl = $(this).attr("href");
+    const iframe = document.getElementById("preview-iframe");
+    if (iframe && iframe.contentWindow) {
+      iframe.contentWindow.location.replace(previewUrl);
+    }
+  });
+
+// Export dropdown on landing page
+$(".dropdown.export").dropdown({
+  action: "activate",
+  onChange: function (value, text, $selectedItem) {
+    $(".export.button").attr("href", value);
+
+    $("#export-select-box").attr("aria-activedescendant", $selectedItem.attr("id"));
+    $(".dropdown.export .menu .item").attr("aria-selected", false);
+    $($selectedItem).attr("aria-selected", true);
+  },
+});
+
+const $licensesPopup = $("#licenses .has-popup .license.clickable");
+
+// Licenses description popup
+$licensesPopup.popup({
+  on: "click",
+  popup: ".licenses-description",
+  position: "top right",
+  onVisible: function ($module) {
+    $($module).attr("aria-expanded", true);
+  },
+  onHidden: function ($module) {
+    $($module).attr("aria-expanded", false);
+  },
+});
+
+$licensesPopup.on("keydown", function (event) {
+  if (event.key === "Enter") {
+    $licensesPopup.popup("hide");
+    $(event.target).popup("show");
+  }
+});
+
+$("#licenses .licenses-description .close.icon").on({
+  click: function () {
+    $licensesPopup.popup("hide");
+  },
+  keydown: function (event) {
+    if (event.key === "Enter") {
+      $licensesPopup.popup("hide");
+    }
+  },
+});
+
+// Record management popup (mobile)
+$("#manage-record-btn").popup({
+  popup: $("#recordManagementMobile"),
+  on: "click",
+  position: "bottom right",
+  onVisible: function ($module) {
+    $($module).attr("aria-expanded", true);
+  },
+  onHidden: function ($module) {
+    $($module).attr("aria-expanded", false);
+  },
+});
+
+// Statistics table info popup
+const $statsInfoPopup = $("#record-statistics .popup-trigger");
+const $statsInfoPopupContent = $("#record-statistics .popup-trigger + .popup-content");
+
+$statsInfoPopup.popup({
+  on: "hover",
+  popup: $statsInfoPopupContent,
+  position: "top right",
+  onVisible: function ($module) {
+    $($module).attr("aria-expanded", true);
+  },
+  onHidden: function ($module) {
+    $($module).attr("aria-expanded", false);
+  },
+});
+
+$statsInfoPopup.on("focus", function (event) {
+  $(event.target).popup("show");
+  $(event.target).attr("aria-expanded", true);
+});
+
+$statsInfoPopup.on("click", function (event) {
+  if ($statsInfoPopupContent.hasClass("hidden")) {
+    $(event.target).popup("show");
+    $(event.target).attr("aria-expanded", true);
+  } else {
+    $(event.target).popup("hide");
+    $(event.target).attr("aria-expanded", false);
+  }
+});
+
+$statsInfoPopup.on("blur", function (event) {
+  $(event.target).popup("hide");
+  $(event.target).attr("aria-expanded", false);
+});

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/overridableRegistry/index.js

@@ -0,0 +1,13 @@
+// This file is part of InvenioRDM
+// 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 { overriddenComponents } from "./mapping";
+
+import { overrideStore } from "react-overridable";
+
+for (const [key, value] of Object.entries(overriddenComponents)) {
+  overrideStore.add(key, value);
+}

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/overridableRegistry/mapping.js

@@ -0,0 +1,12 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023-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 { TimelineFeedHeader } from "../requests/timeline/overrides/TimelineFeedHeader";
+
+export const overriddenComponents = {
+  // Guest Access Request customisation
+  "TimelineFeed.header": TimelineFeedHeader,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/requests/AccessRequestExpiration.js

@@ -0,0 +1,61 @@
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { SelectField } from "react-invenio-forms";
+
+export class AccessRequestExpirationSelect extends Component {
+  constructor(props) {
+    super(props);
+    const { expirationOptions, isAccessLinksExpirationRequired } = props;
+    this.expirationOptions = isAccessLinksExpirationRequired
+      ? expirationOptions.filter((option) => option.value !== "0")
+      : expirationOptions;
+  }
+
+  handleOnChange = ({ data, formikProps }) => {
+    formikProps.form.setFieldValue("secret_link_expiration", data.value);
+  };
+
+  render() {
+    const { inline, expirationOptions, value } = this.props;
+    const expirationSetting = value
+      ? value.toString()
+      : this.expirationOptions[0].value;
+    return (
+      <SelectField
+        label={i18next.t("Link expiration")}
+        inline={inline}
+        fieldPath="secret_link_expiration"
+        options={this.expirationOptions}
+        onChange={this.handleOnChange}
+        value={expirationSetting}
+        defaultValue={expirationOptions[0]}
+      />
+    );
+  }
+}
+
+AccessRequestExpirationSelect.propTypes = {
+  expirationOptions: PropTypes.arrayOf(
+    PropTypes.shape({
+      key: PropTypes.string.isRequired,
+      text: PropTypes.string.isRequired,
+      value: PropTypes.string.isRequired,
+    })
+  ),
+  inline: PropTypes.bool,
+  value: PropTypes.string,
+  isAccessLinksExpirationRequired: PropTypes.bool.isRequired,
+};
+
+AccessRequestExpirationSelect.defaultProps = {
+  expirationOptions: [
+    { key: 0, text: i18next.t("Never"), value: "0" },
+    { key: 30, text: i18next.t("In 1 month"), value: "30" },
+    { key: 60, text: i18next.t("In 2 months"), value: "60" },
+    { key: 180, text: i18next.t("In 6 months"), value: "180" },
+    { key: 365, text: i18next.t("In 1 year"), value: "365" },
+  ],
+  inline: false,
+  value: undefined,
+};

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

@@ -0,0 +1 @@
+export { AccessRequestExpirationSelect } from "./AccessRequestExpiration";

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/requests/timeline/AccessRequestTimelineEdit.js

@@ -0,0 +1,177 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023-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 PropTypes from "prop-types";
+import React, { Component } from "react";
+import { Grid, Form, Button, Header, Segment } from "semantic-ui-react";
+import { Formik } from "formik";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { SuccessIcon } from "@js/invenio_communities/members";
+import { http, withCancel, ErrorMessage, TextField } from "react-invenio-forms";
+import * as Yup from "yup";
+import { DateTime } from "luxon";
+
+export class AccessRequestTimelineEdit extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: false,
+      error: undefined,
+    };
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  accessRequestFormSchema = Yup.object({
+    secret_link_expiration: Yup.date()
+      .typeError(i18next.t("Invalid date format."))
+      .min(
+        DateTime.now().toJSDate(),
+        i18next.t("Access link expiration date cannot be in the past.")
+      )
+      .nullable(),
+  });
+
+  handleSubmit = async (values) => {
+    this.setState({ loading: true, actionSuccess: false });
+    const { request } = this.props;
+
+    const {
+      payload,
+      links: { self: selfLink },
+    } = request;
+    const { secret_link_expiration: secretLinkExpiration } = values;
+    if (secretLinkExpiration === null || secretLinkExpiration === "") {
+      payload["secret_link_expiration"] = "0";
+    } else {
+      const date = DateTime.fromISO(secretLinkExpiration);
+      const days = date.diff(DateTime.now(), "days").days;
+
+      // update days to expiration
+      payload["secret_link_expiration"] = Math.ceil(days).toString();
+    }
+    const data = { payload: payload };
+    this.cancellableAction = withCancel(http.put(selfLink, data));
+
+    try {
+      await this.cancellableAction.promise;
+      this.setState({ loading: false, actionSuccess: true, error: undefined });
+    } catch (error) {
+      if (error === "UNMOUNTED") return;
+
+      this.setState({
+        error: error,
+        loading: false,
+        actionSuccess: false,
+      });
+      console.error(error);
+    }
+  };
+
+  initFormValues = () => {
+    const {
+      request: {
+        payload: { secret_link_expiration: secretLinkExpiration },
+      },
+    } = this.props;
+
+    if (parseInt(secretLinkExpiration) === 0 || secretLinkExpiration === "NaN") {
+      return {
+        secret_link_expiration: "",
+      };
+    }
+    const dateFromDays = DateTime.now().plus({
+      days: parseInt(secretLinkExpiration),
+    });
+    return {
+      secret_link_expiration: dateFromDays.toISODate(),
+    };
+  };
+
+  render() {
+    const { actionSuccess, loading, error } = this.state;
+    return (
+      <>
+        <Header
+          icon="edit outline"
+          attached="top"
+          className="highlight"
+          content={i18next.t("Access request")}
+        />
+        <Formik
+          onSubmit={this.handleSubmit}
+          enableReinitialize
+          initialValues={this.initFormValues()}
+          validationSchema={this.accessRequestFormSchema}
+        >
+          {({ values, handleSubmit }) => {
+            return (
+              <Segment attached="bottom">
+                <Form>
+                  {error && (
+                    <ErrorMessage
+                      header={i18next.t(
+                        "Unable to change the expiration request settings."
+                      )}
+                      content={i18next.t(error)}
+                      icon="exclamation"
+                      className="text-align-left"
+                      negative
+                    />
+                  )}
+                  <Grid>
+                    <Grid.Row>
+                      <Grid.Column width={12}>
+                        <Form.Field inline>
+                          <TextField
+                            inline
+                            fluid={false}
+                            fieldPath="secret_link_expiration"
+                            value={values.secret_link_expiration}
+                            label={i18next.t("Expiration date: ")}
+                            helpText={i18next.t(
+                              "Format: YYYY-MM-DD. Granted access will expire on the given date. Leave empty to set no expiration limit."
+                            )}
+                            icon="calendar alternate"
+                          />
+                        </Form.Field>
+                      </Grid.Column>
+                      <Grid.Column width={4} textAlign="right">
+                        {actionSuccess && (
+                          <SuccessIcon
+                            className="mr-10"
+                            timeOutDelay={3000}
+                            show={actionSuccess}
+                          />
+                        )}
+                        <Button
+                          size="small"
+                          labelPosition="left"
+                          icon="checkmark"
+                          primary
+                          content={i18next.t("Save")}
+                          onClick={(event) => handleSubmit(event)}
+                          loading={loading}
+                          disabled={loading}
+                        />
+                      </Grid.Column>
+                    </Grid.Row>
+                  </Grid>
+                </Form>
+              </Segment>
+            );
+          }}
+        </Formik>
+      </>
+    );
+  }
+}
+
+AccessRequestTimelineEdit.propTypes = {
+  request: PropTypes.object.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/requests/timeline/AccessRequestTimelineRead.js

@@ -0,0 +1,50 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023-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 PropTypes from "prop-types";
+import React, { Component } from "react";
+import { Header, Segment } from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { DateTime } from "luxon";
+
+export class AccessRequestTimelineRead extends Component {
+  render() {
+    const {
+      request: {
+        updated,
+        payload: { secret_link_expiration: secretLinkExpiration },
+      },
+    } = this.props;
+
+    const expirationDate =
+      parseInt(secretLinkExpiration) === 0
+        ? i18next.t("Never")
+        : DateTime.fromISO(updated)
+            .plus({
+              days: parseInt(secretLinkExpiration),
+            })
+            .toISODate();
+    return (
+      <>
+        <Header
+          size="big"
+          icon="edit outline"
+          attached="top"
+          className="highlight"
+          content={i18next.t("Access request")}
+        />
+        <Segment className="attached rel-mb-2">
+          <strong>{i18next.t("Link expiration date:")} </strong>
+          <label>{expirationDate}</label>
+        </Segment>
+      </>
+    );
+  }
+}
+
+AccessRequestTimelineRead.propTypes = {
+  request: PropTypes.object.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/requests/timeline/overrides/TimelineFeedHeader.js

@@ -0,0 +1,34 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023-2024 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 PropTypes from "prop-types";
+import React from "react";
+import { AccessRequestTimelineEdit } from "../AccessRequestTimelineEdit";
+import { AccessRequestTimelineRead } from "../AccessRequestTimelineRead";
+
+export const TimelineFeedHeader = ({ request, permissions }) => {
+  if (request.type !== "guest-access-request") {
+    return null;
+  }
+
+  return (
+    <>
+      {/* access request receiver (record owner) can change action/expiration */}
+      {request.status === "submitted" && permissions.can_manage && (
+        <AccessRequestTimelineEdit request={request} />
+      )}
+      {/* when accepted, creator and receiver will see only the read-only version. */}
+      {request.status === "accepted" && (
+        <AccessRequestTimelineRead request={request} permissions={permissions} />
+      )}
+    </>
+  );
+};
+
+TimelineFeedHeader.propTypes = {
+  request: PropTypes.object.isRequired,
+  permissions: PropTypes.object.isRequired,
+};