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/RecordCommunitiesListModal/RecordCommunitiesSearchItem.js

@@ -1,24 +1,51 @@
-import React from "react";
+import { RemoveFromCommunityAction } from "../RemoveFromCommunity/RemoveFromCommunityAction";
+import React, { Component } from "react";
 import { CommunityCompactItem } from "@js/invenio_communities/community";
-import { Button } from "semantic-ui-react";
-import { i18next } from "@translations/invenio_app_rdm/i18next";
 import PropTypes from "prop-types";
+import { ManageDefaultBrandingAction } from "../ManageDefaultBrandingAction/ManageDefaultBrandingAction";
 
-export const RecordCommunitiesSearchItem = ({ result }) => {
-  const action = (
-    <Button
-      disabled
-      size="tiny"
-      negative
-      labelPosition="left"
-      icon="trash"
-      floated="right"
-      content={i18next.t("Remove")}
-    />
-  );
-  return <CommunityCompactItem actions={action} result={result} />;
-};
+export class RecordCommunitiesSearchItem extends Component {
+  render() {
+    const {
+      result,
+      successCallback,
+      updateRecordCallback,
+      recordCommunityEndpoint,
+      recordParent,
+      permissions: { can_manage: canManage },
+    } = this.props;
+
+    const isCommunityDefault = recordParent?.communities?.default === result?.id;
+    const actions = canManage && (
+      <>
+        <ManageDefaultBrandingAction
+          result={result}
+          recordCommunityEndpoint={recordCommunityEndpoint}
+          updateRecordCallback={updateRecordCallback}
+          isCommunityDefault={isCommunityDefault}
+        />
+        <RemoveFromCommunityAction
+          result={result}
+          recordCommunityEndpoint={recordCommunityEndpoint}
+          successCallback={successCallback}
+        />
+      </>
+    );
+    return (
+      <CommunityCompactItem
+        actions={actions}
+        result={result}
+        isCommunityDefault={isCommunityDefault}
+      />
+    );
+  }
+}
 
 RecordCommunitiesSearchItem.propTypes = {
   result: PropTypes.object.isRequired,
+  recordCommunityEndpoint: PropTypes.string.isRequired,
+  successCallback: PropTypes.func.isRequired,
+  updateRecordCallback: PropTypes.func.isRequired,
+  permissions: PropTypes.object.isRequired,
+  recordParent: PropTypes.object.isRequired,
 };

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

@@ -0,0 +1,171 @@
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { Message } from "semantic-ui-react";
+import { http } from "react-invenio-forms";
+import {
+  CommunitySelectionModalComponent,
+  SubmitReviewModal,
+} from "@js/invenio_rdm_records";
+
+export class RecordCommunitySubmissionModal extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      confirmationModalOpen: false,
+      selectedCommunity: null,
+      loading: false,
+      error: null,
+    };
+  }
+
+  changeSelectedCommunity = (community) => {
+    this.setState({
+      selectedCommunity: community,
+      error: null,
+    });
+    this.openConfirmModal();
+  };
+
+  canIncludeDirectly = () => {
+    const { selectedCommunity } = this.state;
+    const { userCommunitiesMemberships } = this.props;
+    const userMembership = userCommunitiesMemberships[selectedCommunity?.id];
+    return userMembership && selectedCommunity?.access.review_policy === "open";
+  };
+
+  isIncludedDirectly = (requestData) => {
+    return requestData["is_closed"] && requestData["status"] === "accepted";
+  };
+
+  handleSuccessSubmit = (data) => {
+    const { handleSuccessAction } = this.props;
+    this.closeConfirmModal();
+    if (this.isIncludedDirectly(data.processed[0].request)) {
+      handleSuccessAction(data, i18next.t("Record submitted"));
+    } else handleSuccessAction(data, i18next.t("Review requested"));
+  };
+
+  submitCommunity = async (reviewComment) => {
+    const { recordCommunityEndpoint } = this.props;
+    const { selectedCommunity } = this.state;
+
+    this.setState({
+      loading: true,
+      error: null,
+    });
+
+    try {
+      let data = {
+        communities: [
+          {
+            id: selectedCommunity.id,
+          },
+        ],
+      };
+
+      if (reviewComment) {
+        data = {
+          communities: [
+            {
+              id: selectedCommunity.id,
+              comment: {
+                payload: {
+                  content: reviewComment,
+                  format: "html",
+                },
+              },
+            },
+          ],
+        };
+      }
+      // When adding communities to a record, it should simple return the json representation of the response
+      // no need to process the response with the schema serializer
+      const response = await http.post(recordCommunityEndpoint, data, {
+        headers: {
+          "Accept": "application/json",
+          "Content-Type": "application/json",
+        },
+      });
+      this.handleSuccessSubmit(response.data);
+    } catch (error) {
+      console.error(error);
+      this.setState({
+        error: error["message"],
+      });
+    } finally {
+      this.setState({ loading: false });
+    }
+  };
+
+  openConfirmModal = () => this.setState({ confirmationModalOpen: true });
+  closeConfirmModal = () => this.setState({ confirmationModalOpen: false });
+
+  render() {
+    const { selectedCommunity, confirmationModalOpen, loading, error } = this.state;
+    const {
+      userCommunitiesMemberships,
+      modalOpen,
+      toggleModal,
+      recordUserCommunitySearchConfig,
+      recordCommunitySearchConfig,
+      handleClose,
+      record,
+    } = this.props;
+    const apiConfigs = {
+      allCommunities: {
+        ...recordCommunitySearchConfig,
+        toggleText: i18next.t("Search in all communities"),
+      },
+      myCommunities: {
+        ...recordUserCommunitySearchConfig,
+        toggleText: i18next.t("Search in my communities"),
+      },
+    };
+
+    return (
+      <>
+        <CommunitySelectionModalComponent
+          onCommunityChange={this.changeSelectedCommunity}
+          chosenCommunity={selectedCommunity}
+          modalOpen={modalOpen}
+          userCommunitiesMemberships={userCommunitiesMemberships}
+          onModalChange={toggleModal}
+          modalHeader={i18next.t("Select a community")}
+          apiConfigs={apiConfigs}
+          handleClose={handleClose}
+          record={record}
+          isInitialSubmission={false}
+        />
+        {confirmationModalOpen && (
+          <SubmitReviewModal
+            loading={loading}
+            errors={error && <Message error>{error}</Message>}
+            isConfirmModalOpen={confirmationModalOpen}
+            onSubmit={({ reviewComment }) => this.submitCommunity(reviewComment)}
+            community={selectedCommunity}
+            onClose={() => this.closeConfirmModal()}
+            directPublish={this.canIncludeDirectly()}
+            record={record}
+          />
+        )}
+      </>
+    );
+  }
+}
+
+RecordCommunitySubmissionModal.propTypes = {
+  modalOpen: PropTypes.bool,
+  toggleModal: PropTypes.func.isRequired,
+  userCommunitiesMemberships: PropTypes.object.isRequired,
+  handleSuccessAction: PropTypes.func.isRequired,
+  recordCommunityEndpoint: PropTypes.string.isRequired,
+  recordCommunitySearchConfig: PropTypes.object.isRequired,
+  recordUserCommunitySearchConfig: PropTypes.string.isRequired,
+  handleClose: PropTypes.func.isRequired,
+  record: PropTypes.object.isRequired,
+};
+
+RecordCommunitySubmissionModal.defaultProps = {
+  modalOpen: false,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/RecordManagement.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.
 //
@@ -7,82 +7,131 @@
 // under the terms of the MIT License; see LICENSE file for more details.
 import { i18next } from "@translations/invenio_app_rdm/i18next";
 
-import React, { useState } from "react";
+import React, { Component } from "react";
 import { Button, Grid, Icon, Message } from "semantic-ui-react";
 
 import { EditButton } from "./EditButton";
-import { ShareButton } from "./ShareButton";
-import { NewVersionButton } from "react-invenio-deposit";
+import { ShareButton } from "./ShareOptions/ShareButton";
+import { NewVersionButton } from "@js/invenio_rdm_records";
 import PropTypes from "prop-types";
+import Overridable from "react-overridable";
+import { ManageButton } from "./ManageButton";
 
-export const RecordManagement = ({
-  record,
-  permissions,
-  isDraft,
-  isPreviewSubmissionRequest,
-}) => {
-  const { id: recid } = record;
-  const [error, setError] = useState("");
-  const handleError = (errorMessage) => {
-    console.error(errorMessage);
-    setError(errorMessage);
-  };
+export class RecordManagement extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      error: "",
+    };
+  }
 
-  return (
-    <Grid columns={1} className="record-management">
-      {permissions.can_edit && !isDraft && (
-        <Grid.Column className="pb-5">
-          <EditButton recid={recid} onError={handleError} />
-        </Grid.Column>
-      )}
-      {isPreviewSubmissionRequest && isDraft && (
-        <Grid.Column>
-          <Button
-            fluid
-            className="warning"
-            size="medium"
-            onClick={() => (window.location = `/uploads/${recid}`)}
-            icon
-            labelPosition="left"
-          >
-            <Icon name="edit" />
-            {i18next.t("Edit")}
-          </Button>
-        </Grid.Column>
-      )}
-      {!isPreviewSubmissionRequest && (
-        <>
-          <Grid.Column className="pt-5 pb-5">
-            <NewVersionButton
-              fluid
-              size="medium"
+  render() {
+    const {
+      record,
+      permissions,
+      isDraft,
+      isPreviewSubmissionRequest,
+      currentUserId,
+      recordOwnerID,
+      groupsEnabled,
+      recordDeletion,
+      recordDeletionOptions,
+    } = this.props;
+    const { error } = this.state;
+    const { id: recid } = record;
+    const handleError = (errorMessage) => {
+      console.error(errorMessage);
+      this.setState({ error: errorMessage });
+    };
+
+    return (
+      <Grid columns={1} className="record-management">
+        {(recordDeletion["valid_user"] || permissions.can_moderate) && (
+          <Grid.Column className="pb-5">
+            <ManageButton
               record={record}
-              onError={handleError}
-              disabled={!permissions.can_new_version}
+              recordOwnerID={recordOwnerID}
+              permissions={permissions}
+              recordDeletion={recordDeletion}
+              recordDeletionOptions={recordDeletionOptions}
             />
           </Grid.Column>
-
-          <Grid.Column className="pt-5">
-            {permissions.can_manage && (
-              <ShareButton disabled={!permissions.can_update_draft} recid={recid} />
-            )}
+        )}
+        {permissions.can_edit && !isDraft && (
+          <Grid.Column className={permissions.can_manage ? "pb-5 pt-5" : "pb-5"}>
+            <EditButton recid={recid} onError={handleError} />
           </Grid.Column>
-        </>
-      )}
-      {error && (
-        <Grid.Row className="record-management">
-          <Grid.Column>
-            <Message negative>{error}</Message>
+        )}
+        {isPreviewSubmissionRequest && isDraft && (
+          <Grid.Column className="pb-20">
+            <Button
+              fluid
+              className="warning"
+              size="medium"
+              onClick={() => (window.location = `/uploads/${recid}`)}
+              icon
+              labelPosition="left"
+            >
+              <Icon name="edit" />
+              {i18next.t("Edit")}
+            </Button>
           </Grid.Column>
-        </Grid.Row>
-      )}
-    </Grid>
-  );
-};
+        )}
+        {!isPreviewSubmissionRequest && (
+          <>
+            <Grid.Column className="pt-5 pb-5">
+              <NewVersionButton
+                fluid
+                size="medium"
+                record={record}
+                onError={handleError}
+                disabled={!permissions.can_new_version}
+              />
+            </Grid.Column>
+
+            <Grid.Column className="pt-5">
+              {permissions.can_manage && (
+                <ShareButton
+                  disabled={!permissions.can_update_draft}
+                  record={record}
+                  permissions={permissions}
+                  groupsEnabled={groupsEnabled}
+                />
+              )}
+            </Grid.Column>
+          </>
+        )}
+        <Overridable
+          id="InvenioAppRdm.RecordLandingPage.RecordManagement.container"
+          isPreviewSubmissionRequest={isPreviewSubmissionRequest}
+          record={record}
+          currentUserId={currentUserId}
+          permissions={permissions}
+        />
+        {error && (
+          <Grid.Row className="record-management">
+            <Grid.Column>
+              <Message negative>{error}</Message>
+            </Grid.Column>
+          </Grid.Row>
+        )}
+      </Grid>
+    );
+  }
+}
 
 RecordManagement.propTypes = {
   record: PropTypes.object.isRequired,
   permissions: PropTypes.object.isRequired,
   isDraft: PropTypes.bool.isRequired,
+  groupsEnabled: PropTypes.bool.isRequired,
   isPreviewSubmissionRequest: PropTypes.bool.isRequired,
+  currentUserId: PropTypes.string.isRequired,
+  recordOwnerID: PropTypes.string.isRequired,
+  recordDeletion: PropTypes.object,
+  recordDeletionOptions: PropTypes.array.isRequired,
+};
+
+RecordManagement.defaultProps = {
+  recordDeletion: {},
 };

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

@@ -1,25 +1,27 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2020-2021 CERN.
+// Copyright (C) 2020-2024 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 axios from "axios";
 import _get from "lodash/get";
 import React, { useEffect, useState } from "react";
 import { Grid, Icon, Message, Placeholder, List, Divider } from "semantic-ui-react";
 import { i18next } from "@translations/invenio_app_rdm/i18next";
 import PropTypes from "prop-types";
+import { withCancel, http, ErrorMessage } from "react-invenio-forms";
 
 const deserializeRecord = (record) => ({
   id: record.id,
+  parent: record.parent,
   parent_id: record.parent.id,
   publication_date: record.ui.publication_date_l10n_medium,
   version: record.ui.version,
   links: record.links,
   pids: record.pids,
+  new_draft_parent_doi: record.ui.new_draft_parent_doi,
 });
 
 const NUMBER_OF_VERSIONS = 5;
@@ -30,21 +32,22 @@ const RecordVersionItem = ({ item, activeVersion }) => {
     <List.Item key={item.id} {...(activeVersion && { className: "version active" })}>
       <List.Content floated="left">
         {activeVersion ? (
-          <span>
-            {i18next.t("Version")} {item.version}
+          <span className="text-break">
+            {i18next.t("Version {{- version}}", { version: item.version })}
           </span>
         ) : (
-          <a href={`/records/${item.id}`}>
-            {i18next.t("Version")} {item.version}
+          <a href={`/records/${item.id}`} className="text-break">
+            {i18next.t("Version {{- version}}", { version: item.version })}
           </a>
         )}
 
         {doi && (
-          <small
+          <a
+            href={`https://doi.org/${doi}`}
             className={"doi" + (activeVersion ? " text-muted-darken" : " text-muted")}
           >
             {doi}
-          </small>
+          </a>
         )}
       </List.Content>
 
@@ -62,57 +65,31 @@ RecordVersionItem.propTypes = {
   activeVersion: PropTypes.bool.isRequired,
 };
 
-const PlaceholderLoader = ({ size }) => {
-  const PlaceholderItem = () => (
-    <Placeholder.Header>
-      <Placeholder.Line />
-      <Placeholder.Line />
-    </Placeholder.Header>
-  );
-  let numberOfHeader = [];
-  for (let i = 0; i < size; i++) {
-    numberOfHeader.push(<PlaceholderItem key={i} />);
-  }
-
-  return <Placeholder>{numberOfHeader}</Placeholder>;
-};
-
-PlaceholderLoader.propTypes = {
-  size: PropTypes.number,
-};
-
-PlaceholderLoader.defaultProps = {
-  size: NUMBER_OF_VERSIONS,
-};
-
 const PreviewMessage = () => {
   return (
-    <Grid className="container">
-      <Grid.Row>
-        <Grid.Column className="p-0">
-          <Message info>
-            <Message.Header>
-              <Icon name="eye" />
-              {i18next.t("Preview")}
-            </Message.Header>
-            <p>{i18next.t("Only published versions are displayed.")}</p>
-          </Message>
-        </Grid.Column>
-      </Grid.Row>
-    </Grid>
+    <Message info className="no-border-radius m-0">
+      <Message.Header>
+        <Icon name="eye" />
+        {i18next.t("Preview")}
+      </Message.Header>
+      <p>{i18next.t("Only published versions are displayed.")}</p>
+    </Message>
   );
 };
 
 export const RecordVersionsList = ({ record, isPreview }) => {
   const recordDeserialized = deserializeRecord(record);
+  const recordParentDOI = recordDeserialized?.parent?.pids?.doi?.identifier;
+  const recordDraftParentDOIFormat = recordDeserialized?.new_draft_parent_doi;
   const recid = recordDeserialized.id;
   const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
   const [currentRecordInResults, setCurrentRecordInResults] = useState(false);
   const [recordVersions, setRecordVersions] = useState({});
 
   useEffect(() => {
-    async function fetchVersions() {
-      const result = await axios(
+    const fetchVersions = async () => {
+      return await http.get(
         `${recordDeserialized.links.versions}?size=${NUMBER_OF_VERSIONS}&sort=version&allversions=true`,
         {
           headers: {
@@ -121,23 +98,54 @@ export const RecordVersionsList = ({ record, isPreview }) => {
           withCredentials: true,
         }
       );
-      let { hits, total } = result.data.hits;
-      hits = hits.map(deserializeRecord);
-      setCurrentRecordInResults(hits.some((record) => record.id === recid));
-      setRecordVersions({ hits, total });
-      setLoading(false);
+    };
+
+    const cancellableFetchVersions = withCancel(fetchVersions());
+
+    async function fetchVersionsAndSetState() {
+      try {
+        const result = await cancellableFetchVersions.promise;
+        let { hits, total } = result.data.hits;
+        hits = hits.map(deserializeRecord);
+        setCurrentRecordInResults(hits.some((record) => record.id === recid));
+        setRecordVersions({ hits, total });
+        setLoading(false);
+      } catch (error) {
+        if (error !== "UNMOUNTED") {
+          setError(i18next.t("An error occurred while fetching the versions."));
+          setLoading(false);
+        }
+      }
     }
-    fetchVersions();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+    fetchVersionsAndSetState();
+
+    return () => {
+      cancellableFetchVersions?.cancel();
+    };
+  }, [recordDeserialized.links.versions, recid]);
 
-  return loading ? (
-    isPreview ? (
+  const loadingcmp = () => {
+    return isPreview ? (
       <PreviewMessage />
     ) : (
-      <PlaceholderLoader />
-    )
-  ) : (
+      <>
+        <div className="rel-p-1" />
+        <Placeholder className="rel-ml-1 rel-mr-1">
+          <Placeholder.Header>
+            <Placeholder.Line />
+            <Placeholder.Line />
+            <Placeholder.Line />
+          </Placeholder.Header>
+        </Placeholder>
+      </>
+    );
+  };
+
+  const errorMessagecmp = () => (
+    <ErrorMessage className="rel-mr-1 rel-ml-1" content={i18next.t(error)} negative />
+  );
+
+  const recordVersionscmp = () => (
     <List divided>
       {isPreview ? <PreviewMessage /> : null}
       {recordVersions.hits.map((item) => (
@@ -160,15 +168,45 @@ export const RecordVersionsList = ({ record, isPreview }) => {
               href={`/search?q=parent.id:${recordDeserialized.parent_id}&sort=version&f=allversions:true`}
               className="font-small"
             >
-              {i18next.t(`View all {{total}} versions`, {
-                total: recordVersions.total,
+              {i18next.t(`View all {{count}} versions`, {
+                count: recordVersions.total,
               })}
             </a>
           </Grid.Row>
         </Grid>
       )}
+      {recordParentDOI ? (
+        <List.Item className="parent-doi pr-0">
+          <List.Content floated="left">
+            <p className="text-muted">
+              <strong>{i18next.t("Cite all versions?")}</strong>{" "}
+              {i18next.t("You can cite all versions by using the DOI")}{" "}
+              <a href={recordDeserialized.links.parent_doi}>{recordParentDOI}</a>.{" "}
+              {i18next.t(
+                "This DOI represents all versions, and will always resolve to the latest one."
+              )}{" "}
+              <a href="/help/versioning">{i18next.t("Read more")}</a>.
+            </p>
+          </List.Content>
+        </List.Item>
+      ) : recordDraftParentDOIFormat ? (
+        // new drafts without registered parent dois yet
+        <List.Item className="parent-doi pr-0">
+          <List.Content floated="left">
+            <p className="text-muted">
+              <strong>{i18next.t("Cite all versions?")}</strong>{" "}
+              {i18next.t("You can cite all versions by using the DOI")}{" "}
+              {recordDraftParentDOIFormat}.{" "}
+              {i18next.t("The DOI is registered when the first version is published.")}{" "}
+              <a href="/help/versioning">{i18next.t("Read more")}</a>.
+            </p>
+          </List.Content>
+        </List.Item>
+      ) : null}
     </List>
   );
+
+  return loading ? loadingcmp() : error ? errorMessagecmp() : recordVersionscmp();
 };
 
 RecordVersionsList.propTypes = {