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/landing_page/{ShareButton.js → ShareOptions/ShareButton.js}

@@ -1,7 +1,8 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2021 CERN.
+// Copyright (C) 2021-2024 CERN.
 // Copyright (C) 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.
@@ -12,7 +13,7 @@ import { ShareModal } from "./ShareModal";
 import { i18next } from "@translations/invenio_app_rdm/i18next";
 import PropTypes from "prop-types";
 
-export const ShareButton = ({ disabled, recid }) => {
+export const ShareButton = ({ disabled, record, permissions, groupsEnabled }) => {
   const [modalOpen, setModalOpen] = useState(false);
   const handleOpen = () => setModalOpen(true);
   const handleClose = () => setModalOpen(false);
@@ -38,14 +39,22 @@ export const ShareButton = ({ disabled, recid }) => {
           </Button>
         }
       />
-      <ShareModal open={modalOpen} handleClose={handleClose} recid={recid} />
+      <ShareModal
+        open={modalOpen}
+        handleClose={handleClose}
+        record={record}
+        permissions={permissions}
+        groupsEnabled={groupsEnabled}
+      />
     </>
   );
 };
 
 ShareButton.propTypes = {
   disabled: PropTypes.bool,
-  recid: PropTypes.string.isRequired,
+  record: PropTypes.object.isRequired,
+  permissions: PropTypes.object.isRequired,
+  groupsEnabled: PropTypes.bool.isRequired,
 };
 
 ShareButton.defaultProps = {

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

@@ -0,0 +1,238 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2021 Northwestern University.
+// 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 React, { Component } from "react";
+import {
+  Icon,
+  Modal,
+  Tab,
+  Container,
+  Button,
+  MenuItem,
+  Label,
+} from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import PropTypes from "prop-types";
+import { LinksTab } from "./AccessLinks/LinksTab";
+import { AccessRequestsTab } from "./AccessRequests/AccessRequestsTab";
+import { PeopleTab } from "./AccessUsersGroups/PeopleTab";
+import { GroupsTab } from "./AccessUsersGroups/GroupsTab";
+
+export class ShareModal extends Component {
+  constructor(props) {
+    super(props);
+    const { record } = this.props;
+    this.state = {
+      record: record,
+      usersResults: undefined,
+      groupsResults: undefined,
+      linksResults: undefined,
+      activeTabKey: "",
+    };
+  }
+
+  updateGroupsState = (results, isDataChanged) => {
+    this.setState({ groupsResults: results });
+
+    if (isDataChanged) {
+      const { record } = this.state;
+      const updatedRecord = record?.parent?.access?.grants
+        ?.filter((grant) => grant?.subject?.type !== "role")
+        .concat(results);
+
+      record.parent.access.grants = updatedRecord;
+
+      this.setState({ record: record });
+    }
+  };
+
+  updateUsersState = (results, isDataChanged) => {
+    this.setState({ usersResults: results });
+
+    if (isDataChanged) {
+      const { record } = this.state;
+      const updatedRecord = record?.parent?.access?.grants
+        ?.filter((grant) => grant?.subject?.type !== "user")
+        .concat(results);
+      record.parent.access.grants = updatedRecord;
+
+      this.setState({ record: record });
+    }
+  };
+
+  updateLinksState = (results, isDataChanged) => {
+    this.setState({ linksResults: results });
+
+    if (isDataChanged) {
+      const { record } = this.state;
+      record.parent.access.links = results;
+      this.setState({ record: record });
+    }
+  };
+
+  handleTabChange = (e, data) => {
+    const tabIndex = data.activeIndex;
+    this.setState({ activeTabKey: data?.panes[tabIndex]?.menuItem?.key });
+  };
+
+  handleRecordUpdate = (updatedRecord) => {
+    const { record } = this.state;
+    updatedRecord.expanded = record.expanded;
+    this.setState({ record: updatedRecord });
+  };
+
+  panes = (record, permissions) => {
+    const { handleClose, groupsEnabled } = this.props;
+    const { linksResults, groupsResults, usersResults } = this.state;
+
+    let numUsers = 0;
+    let numGroups = 0;
+    record.parent?.access?.grants?.forEach((grant) => {
+      if (grant.subject.type === "user") numUsers++;
+      if (grant.subject.type === "role") numGroups++;
+    });
+    if (record?.expanded?.parent?.access?.owned_by) numUsers++;
+
+    const panes = [
+      {
+        menuItem: (
+          <MenuItem key="accessUsers">
+            <Icon name="user" />
+            {i18next.t("People")}
+            <Label size="tiny">{numUsers}</Label>
+          </MenuItem>
+        ),
+        render: () => (
+          <Tab.Pane key="accessUsers" as={Container}>
+            <PeopleTab
+              record={record}
+              permissions={permissions}
+              results={usersResults}
+              updateUsersState={this.updateUsersState}
+            />
+          </Tab.Pane>
+        ),
+      },
+    ];
+
+    if (groupsEnabled) {
+      panes.push({
+        menuItem: (
+          <MenuItem key="accessGroups">
+            <Icon name="users" />
+            {i18next.t("Groups")}
+            <Label size="tiny">{numGroups}</Label>
+          </MenuItem>
+        ),
+        render: () => (
+          <Tab.Pane key="accessGroups" as={Container}>
+            <GroupsTab
+              record={record}
+              permissions={permissions}
+              results={groupsResults}
+              updateGroupsState={this.updateGroupsState}
+            />
+          </Tab.Pane>
+        ),
+      });
+    }
+
+    let numLinks = 0;
+    record.parent?.access?.links?.forEach((link) => {
+      if (link.id !== null) numLinks++;
+    });
+
+    panes.push(
+      {
+        menuItem: (
+          <MenuItem key="accessLinks">
+            <Icon name="linkify" />
+            {i18next.t("Links")}
+            <Label size="tiny">{numLinks}</Label>
+          </MenuItem>
+        ),
+        render: () => (
+          <Tab.Pane key="accessLinks" as={Container}>
+            <LinksTab
+              results={linksResults}
+              record={record}
+              updateLinksState={this.updateLinksState}
+            />
+          </Tab.Pane>
+        ),
+      },
+      {
+        menuItem: (
+          <MenuItem key="accessRequests">
+            <Icon name="cog" />
+            {i18next.t("Settings")}
+          </MenuItem>
+        ),
+        render: () => (
+          <Tab.Pane key="accessRequests" as={Container}>
+            <AccessRequestsTab
+              record={record}
+              handleClose={handleClose}
+              successCallback={this.handleRecordUpdate}
+            />
+          </Tab.Pane>
+        ),
+      }
+    );
+
+    return panes;
+  };
+
+  render() {
+    const { open, handleClose, permissions } = this.props;
+    const { record, activeTabKey } = this.state;
+    const shouldShowCloseButton = activeTabKey !== "accessRequests";
+    return (
+      <Modal
+        open={open}
+        closeIcon
+        onClose={handleClose}
+        className="record-share-modal"
+        role="dialog"
+        aria-labelledby="access-link-modal-header"
+        aria-modal="true"
+        tab-index="-1"
+        size="large"
+        closeOnDimmerClick={false}
+      >
+        <Modal.Header as="h2" id="access-link-modal-header">
+          <Icon name="share square" />
+          {i18next.t("Share access")}
+        </Modal.Header>
+
+        <Tab
+          menu={{ secondary: true, pointing: true }}
+          panes={this.panes(record, permissions)}
+          onTabChange={this.handleTabChange}
+        />
+        {shouldShowCloseButton && (
+          <Modal.Actions className="ui clearing segment">
+            <Button
+              size="small"
+              onClick={handleClose}
+              content={i18next.t("Close")}
+              className="left floated clearing"
+            />
+          </Modal.Actions>
+        )}
+      </Modal>
+    );
+  }
+}
+
+ShareModal.propTypes = {
+  record: PropTypes.object.isRequired,
+  open: PropTypes.bool.isRequired,
+  groupsEnabled: PropTypes.bool.isRequired,
+  handleClose: PropTypes.func.isRequired,
+  permissions: PropTypes.object.isRequired,
+};

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

@@ -0,0 +1,39 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2024 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 { http } from "react-invenio-forms";
+
+export class GrantAccessApi {
+  constructor(record) {
+    this.endpoint = record.links.access_grants;
+  }
+
+  createGrants = async (entities, permission, message, notify) => {
+    const grants = [];
+    for (const [entityId, entity] of Object.entries(entities)) {
+      const grant = {
+        subject: {
+          type: entity.type,
+          id: entityId,
+        },
+        permission: permission,
+      };
+
+      if (notify) {
+        grant.notify = notify;
+      }
+
+      if (message) {
+        grant.message = message;
+      }
+
+      grants.push(grant);
+    }
+
+    const payload = { grants: grants };
+    await http.post(this.endpoint, payload);
+  };
+}

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

@@ -0,0 +1,24 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2021 CERN.
+// Copyright (C) 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 { AccessRequestForm } from "./AccessRequestForm";
+import React from "react";
+import ReactDOM from "react-dom";
+
+const recordAccessFormRoot = document.getElementById("access-request-form-root");
+if (recordAccessFormRoot) {
+  ReactDOM.render(
+    <AccessRequestForm
+      record={JSON.parse(recordAccessFormRoot.dataset.record)}
+      isAnonymous={JSON.parse(recordAccessFormRoot.dataset.userAnonymous)}
+      email={JSON.parse(recordAccessFormRoot.dataset.userEmail)}
+      fullName={JSON.parse(recordAccessFormRoot.dataset.userFullName)}
+    />,
+    recordAccessFormRoot
+  );
+}

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

@@ -1,7 +1,8 @@
 // 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.
@@ -12,35 +13,43 @@ import { RecordManagement } from "./RecordManagement";
 import { RecordVersionsList } from "./RecordVersionsList";
 import { RecordCitationField } from "./RecordCitationField";
 import { ExportDropdown } from "./ExportDropdown";
-import { RecordCommunitiesList } from "./RecordCommunitiesList";
+import { CommunitiesManagement } from "./CommunitiesManagement";
+import Overridable, { OverridableContext, overrideStore } from "react-overridable";
+
+const overriddenComponents = overrideStore.getAll();
 
 const recordManagementAppDiv = document.getElementById("recordManagement");
 const recordManagementMobile = document.getElementById("recordManagementMobile");
-
-const recordVersionsAppDiv = document.getElementById("recordVersions");
-const recordCitationAppDiv = document.getElementById("recordCitation");
-const recordExportDownloadDiv = document.getElementById("recordExportDownload");
-const recordCommunitiesListDiv = document.getElementById("record-communities-list");
-
 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)}
-      isDraft={JSON.parse(recordManagementAppDiv.dataset.isDraft)}
-      isPreviewSubmissionRequest={JSON.parse(
-        recordManagementAppDiv.dataset.isPreviewSubmissionRequest
-      )}
-    />,
+    <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
@@ -51,17 +60,20 @@ if (recordVersionsAppDiv) {
   );
 }
 
+const recordCitationAppDiv = document.getElementById("recordCitation");
 if (recordCitationAppDiv) {
   ReactDOM.render(
     <RecordCitationField
-      record={JSON.parse(recordCitationAppDiv.dataset.record)}
+      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
   );
 }
 
+const recordExportDownloadDiv = document.getElementById("recordExportDownload");
 if (recordExportDownloadDiv) {
   ReactDOM.render(
     <ExportDropdown formats={JSON.parse(recordExportDownloadDiv.dataset.formats)} />,
@@ -69,14 +81,49 @@ if (recordExportDownloadDiv) {
   );
 }
 
-if (recordCommunitiesListDiv) {
-  const recordCommunitySearchEndpoint =
-    recordCommunitiesListDiv.dataset.recordCommunitySearchEndpoint;
+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);
   ReactDOM.render(
-    <RecordCommunitiesList
-      recordCommunitySearchEndpoint={recordCommunitySearchEndpoint}
-      permissions={JSON.parse(recordManagementAppDiv.dataset.permissions)}
-    />,
-    recordCommunitiesListDiv
+    <OverridableContext.Provider value={overriddenComponents}>
+      <Overridable
+        id="InvenioAppRdm.RecordLandingPage.CommunitiesManagement.container"
+        userCommunitiesMemberships={userCommunitiesMemberships}
+        recordCommunityEndpoint={recordCommunityEndpoint}
+        recordUserCommunitySearchConfig={recordUserCommunitySearchConfig}
+        recordCommunitySearchConfig={recordCommunitySearchConfig}
+        permissions={permissions}
+        searchConfig={pendingCommunitiesSearchConfig}
+        record={record}
+      >
+        <CommunitiesManagement
+          userCommunitiesMemberships={userCommunitiesMemberships}
+          recordCommunityEndpoint={recordCommunityEndpoint}
+          recordUserCommunitySearchConfig={recordUserCommunitySearchConfig}
+          recordCommunitySearchConfig={recordCommunitySearchConfig}
+          permissions={permissions}
+          searchConfig={pendingCommunitiesSearchConfig}
+          record={record}
+        />
+      </Overridable>
+    </OverridableContext.Provider>,
+    sidebarCommunitiesManageDiv
   );
 }

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

@@ -1,5 +1,5 @@
 // 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.
 //
@@ -12,8 +12,12 @@ $("#record-doi-badge").on("click", function () {
   $("#doi-modal").modal("show");
 });
 
+$("#record-conceptdoi-badge").on("click", function () {
+  $("#conceptdoi-modal").modal("show");
+});
+
 $(".preview-link").on("click", function (event) {
-  $("#preview").find("#preview-file-title").html(event.target.dataset.fileKey);
+  $("#preview-file-title").html(event.target.dataset.fileKey);
 });
 
 // Export dropdown on landing page
@@ -28,7 +32,7 @@ $(".dropdown.export").dropdown({
   },
 });
 
-const $licensesPopup = $("#licenses li.has-popup .license.clickable");
+const $licensesPopup = $("#licenses .has-popup .license.clickable");
 
 // Licenses description popup
 $licensesPopup.popup({
@@ -45,18 +49,18 @@ $licensesPopup.popup({
 
 $licensesPopup.on("keydown", function (event) {
   if (event.key === "Enter") {
-    $("#licenses li.has-popup .license.clickable").popup("hide");
+    $licensesPopup.popup("hide");
     $(event.target).popup("show");
   }
 });
 
 $("#licenses .licenses-description .close.icon").on({
   click: function () {
-    $("#licenses li.has-popup .license.clickable").popup("hide");
+    $licensesPopup.popup("hide");
   },
   keydown: function (event) {
     if (event.key === "Enter") {
-      $("#licenses li.has-popup .license.clickable").popup("hide");
+      $licensesPopup.popup("hide");
     }
   },
 });

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

@@ -4,4 +4,9 @@
 // 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 const overriddenComponents = {};
+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,56 @@
+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 } = props;
+    this.expirationOptions = expirationOptions;
+  }
+
+  handleOnChange = ({ data, formikProps }) => {
+    formikProps.form.setFieldValue("secret_link_expiration", data.value);
+  };
+
+  render() {
+    const { inline, expirationOptions, value } = this.props;
+    const expirationSetting = value ? value.toString() : 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,
+};
+
+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";