invenio-app-rdm 8.0.0.dev9__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/RecordCommunitiesListModal/RecordCommunitiesListModal.js

@@ -0,0 +1,90 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023-2025 CERN.
+//
+// InvenioRDM 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 { i18next } from "@translations/invenio_app_rdm/i18next";
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { Header, Modal, Button } from "semantic-ui-react";
+import { RecordCommunitiesSearch } from "./RecordCommunitiesSearch";
+
+export class RecordCommunitiesListModal extends Component {
+  constructor(props) {
+    super(props);
+    const { recordParent } = this.props;
+    this.state = {
+      recordParent: recordParent,
+    };
+  }
+
+  handleRecordUpdate = (updatedRecord) => {
+    this.setState({ recordParent: updatedRecord });
+  };
+
+  render() {
+    const {
+      recordCommunityEndpoint,
+      modalOpen,
+      successActionCallback,
+      handleOnOpen,
+      handleOnClose,
+      trigger,
+      permissions,
+      recordRequests,
+    } = this.props;
+    const { recordParent } = this.state;
+
+    return (
+      <Modal
+        role="dialog"
+        aria-labelledby="record-communities-header"
+        id="community-selection-modal"
+        closeOnDimmerClick={false}
+        closeIcon
+        open={modalOpen}
+        onClose={handleOnClose}
+        onOpen={handleOnOpen}
+        trigger={trigger}
+      >
+        <Modal.Header>
+          <Header as="h2" size="small" id="record-communities-header" className="mt-5">
+            {i18next.t("Communities")}
+          </Header>
+        </Modal.Header>
+
+        <RecordCommunitiesSearch
+          recordCommunityEndpoint={recordCommunityEndpoint}
+          successActionCallback={successActionCallback}
+          permissions={permissions}
+          recordParent={recordParent}
+          updateRecordCallback={this.handleRecordUpdate}
+          recordRequests={recordRequests}
+        />
+
+        <Modal.Actions>
+          <Button onClick={handleOnClose}>{i18next.t("Close")}</Button>
+        </Modal.Actions>
+      </Modal>
+    );
+  }
+}
+
+RecordCommunitiesListModal.propTypes = {
+  recordCommunityEndpoint: PropTypes.string.isRequired,
+  trigger: PropTypes.object,
+  modalOpen: PropTypes.bool,
+  successActionCallback: PropTypes.func.isRequired,
+  handleOnClose: PropTypes.func.isRequired,
+  handleOnOpen: PropTypes.func.isRequired,
+  permissions: PropTypes.object.isRequired,
+  recordParent: PropTypes.object.isRequired,
+  recordRequests: PropTypes.object,
+};
+
+RecordCommunitiesListModal.defaultProps = {
+  modalOpen: false,
+  trigger: undefined,
+  recordRequests: {},
+};

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

@@ -0,0 +1,109 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023 CERN.
+//
+// InvenioRDM 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 { i18next } from "@translations/invenio_app_rdm/i18next";
+import { RecordCommunitiesSearchItem } from "./RecordCommunitiesSearchItem";
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { OverridableContext, parametrize } from "react-overridable";
+import {
+  EmptyResults,
+  Error,
+  InvenioSearchApi,
+  ReactSearchKit,
+  ResultsList,
+  ResultsLoader,
+  SearchBar,
+  Pagination,
+} from "react-searchkit";
+import { Modal } from "semantic-ui-react";
+
+const appName = "InvenioAppRdm.RecordCommunitiesSearch";
+
+export class RecordCommunitiesSearch extends Component {
+  handleSuccessCallback = (data) => {
+    const { successActionCallback } = this.props;
+    successActionCallback(data, i18next.t("Success"));
+  };
+
+  render() {
+    const {
+      recordCommunityEndpoint,
+      permissions,
+      recordParent,
+      updateRecordCallback,
+      recordRequests,
+    } = this.props;
+    const overriddenComponents = {
+      [`${appName}.ResultsList.item`]: parametrize(RecordCommunitiesSearchItem, {
+        recordCommunityEndpoint: recordCommunityEndpoint,
+        successCallback: this.handleSuccessCallback,
+        updateRecordCallback: updateRecordCallback,
+        permissions: permissions,
+        recordParent: recordParent,
+        recordRequests: recordRequests,
+      }),
+    };
+
+    const searchApi = new InvenioSearchApi({
+      axios: {
+        url: recordCommunityEndpoint,
+        headers: { Accept: "application/vnd.inveniordm.v1+json" },
+      },
+    });
+
+    return (
+      <OverridableContext.Provider value={overriddenComponents}>
+        <ReactSearchKit
+          appName={appName}
+          urlHandlerApi={{ enabled: false }}
+          searchApi={searchApi}
+          initialQueryState={{ size: 5, page: 1 }}
+        >
+          <>
+            <Modal.Content>
+              <SearchBar
+                autofocus
+                actionProps={{
+                  "icon": "search",
+                  "content": null,
+                  "className": "search",
+                  "aria-label": i18next.t("Search"),
+                }}
+                placeholder={i18next.t("Search for community...")}
+              />
+            </Modal.Content>
+
+            <Modal.Content scrolling className="community-list-results">
+              <ResultsLoader>
+                <EmptyResults />
+                <Error />
+                <ResultsList />
+              </ResultsLoader>
+            </Modal.Content>
+
+            <Modal.Content className="text-align-center">
+              <Pagination />
+            </Modal.Content>
+          </>
+        </ReactSearchKit>
+      </OverridableContext.Provider>
+    );
+  }
+}
+
+RecordCommunitiesSearch.propTypes = {
+  recordCommunityEndpoint: PropTypes.string.isRequired,
+  successActionCallback: PropTypes.func.isRequired,
+  updateRecordCallback: PropTypes.func.isRequired,
+  permissions: PropTypes.object.isRequired,
+  recordParent: PropTypes.object.isRequired,
+  recordRequests: PropTypes.object,
+};
+
+RecordCommunitiesSearch.defaultProps = {
+  recordRequests: {},
+};

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

@@ -0,0 +1,58 @@
+import { RemoveFromCommunityAction } from "../RemoveFromCommunity/RemoveFromCommunityAction";
+import React, { Component } from "react";
+import { CommunityCompactItem } from "@js/invenio_communities/community";
+import PropTypes from "prop-types";
+import { ManageDefaultBrandingAction } from "../ManageDefaultBrandingAction/ManageDefaultBrandingAction";
+
+export class RecordCommunitiesSearchItem extends Component {
+  render() {
+    const {
+      result,
+      successCallback,
+      updateRecordCallback,
+      recordCommunityEndpoint,
+      recordParent,
+      permissions: { can_manage: canManage },
+      recordRequests,
+    } = 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}
+        recordRequests={recordRequests}
+      />
+    );
+  }
+}
+
+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,
+  recordRequests: PropTypes.object,
+};
+
+RecordCommunitiesSearchItem.defaultProps = {
+  recordRequests: {},
+};

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

@@ -0,0 +1,3 @@
+export { RecordCommunitiesListModal } from "./RecordCommunitiesListModal";
+export { RecordCommunitiesSearch } from "./RecordCommunitiesSearch";
+export { RecordCommunitiesSearchItem } from "./RecordCommunitiesSearchItem";

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,57 +1,137 @@
 // 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.
 //
 // 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 { i18next } from "@translations/invenio_app_rdm/i18next";
 
-import React, { useState } from "react";
-import { Grid, Message, Divider } from "semantic-ui-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";
-
-export const RecordManagement = (props) => {
-  const record = props.record;
-  const recid = record.id;
-  const permissions = props.permissions;
-  const [error, setError] = useState("");
-  const handleError = (errorMessage) => {
-    console.log(errorMessage);
-    setError(errorMessage);
-  };
-
-  return (
-    <Grid relaxed>
-      <Grid.Column>
-        <Grid.Row className="record-management-row">
-          <EditButton recid={recid} onError={handleError} />
-        </Grid.Row>
-        <Grid.Row className="record-management-row">
-          <NewVersionButton
-            style={{ display: "block" }}
-            fluid
-            record={record}
-            onError={handleError}
-            disabled={!permissions.can_new_version}
-          />
-        </Grid.Row>
-        <Grid.Row className="record-management-row">
-          {permissions.can_manage && (
-            <ShareButton
-              disabled={!permissions.can_update_draft}
-              recid={recid}
+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 class RecordManagement extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      error: "",
+    };
+  }
+
+  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}
+              recordOwnerID={recordOwnerID}
+              permissions={permissions}
+              recordDeletion={recordDeletion}
+              recordDeletionOptions={recordDeletionOptions}
             />
-          )}
-        </Grid.Row>
+          </Grid.Column>
+        )}
+        {permissions.can_edit && !isDraft && (
+          <Grid.Column className={permissions.can_manage ? "pb-5 pt-5" : "pb-5"}>
+            <EditButton recid={recid} onError={handleError} />
+          </Grid.Column>
+        )}
+        {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>
+        )}
+        {!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-row">
-            <Message negative>{error}</Message>
+          <Grid.Row className="record-management">
+            <Grid.Column>
+              <Message negative>{error}</Message>
+            </Grid.Column>
           </Grid.Row>
         )}
-      </Grid.Column>
-    </Grid>
-  );
+      </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: {},
 };