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/CommunitiesManagementDropdown.js

@@ -0,0 +1,186 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023 CERN.
+// Copyright (C) 2024 KTH Royal Institute of Technology.
+//
+// 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 { PendingCommunitiesModal } from "./PendingCommunitiesModal/PendingCommunitiesModal";
+import { RecordCommunitySubmissionModal } from "./RecordCommunitySubmission/RecordCommunitySubmissionModal";
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { Dropdown, Icon } from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { SuccessIcon } from "@js/invenio_communities/members";
+
+export class CommunitiesManagementDropdown extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      submissionModalOpen: false,
+      pendingRequestModalOpen: false,
+      visibleSuccessAction: false,
+      actionFeedback: "",
+    };
+    this.dropdownRef = React.createRef();
+  }
+
+  focusDropdownRef = () => {
+    // A11y: Bring focus to the dropdown menu (e.g. when the modal closes)
+    const {
+      current: {
+        ref: { current: dropdownToggle },
+      },
+    } = this.dropdownRef;
+    dropdownToggle.focus();
+  };
+
+  handleSuccessAction = (data, text) => {
+    const { actionSucceed } = this.props;
+    this.setState({ actionFeedback: text, visibleSuccessAction: false });
+    this.toggleSubmissionModal(false);
+    this.togglePendingRequestsModal(false);
+    this.setState({ visibleSuccessAction: true });
+    this.focusDropdownRef();
+
+    actionSucceed();
+  };
+
+  toggleSubmissionModal = (value) => {
+    this.setState({ submissionModalOpen: value });
+    if (!value) this.focusDropdownRef();
+  };
+
+  togglePendingRequestsModal = (value) => {
+    this.setState({ pendingRequestModalOpen: value });
+    if (!value) this.focusDropdownRef();
+  };
+
+  handleChange = (event, data) => {
+    // A11y: Needed to trigger keyboard events as well as click events
+    const { toggleManageCommunitiesModal } = this.props;
+
+    switch (data.value) {
+      case "submit-to-community":
+        this.toggleSubmissionModal(true);
+        break;
+      case "pending-submissions":
+        this.togglePendingRequestsModal(true);
+        break;
+      case "manage-communities":
+        toggleManageCommunitiesModal(true);
+        break;
+      default:
+        return;
+    }
+  };
+
+  render() {
+    const {
+      visibleSuccessAction,
+      submissionModalOpen,
+      actionFeedback,
+      pendingRequestModalOpen,
+    } = this.state;
+
+    const {
+      userCommunitiesMemberships,
+      searchConfig,
+      recordCommunitySearchConfig,
+      recordCommunityEndpoint,
+      recordUserCommunitySearchConfig,
+      record,
+    } = this.props;
+
+    const options = [
+      {
+        id: "submit-to-community",
+        value: "submit-to-community",
+        text: i18next.t("Submit to community"),
+        icon: "plus",
+      },
+      {
+        id: "pending-submissions",
+        value: "pending-submissions",
+        text: i18next.t("Pending submissions"),
+        icon: "comments outline",
+      },
+      {
+        id: "manage-communities",
+        value: "manage-communities",
+        text: i18next.t("Manage communities"),
+        icon: "settings",
+      },
+    ];
+    return (
+      <>
+        <div className="flex align-items-baseline ml-auto rel-mr-1 green-color">
+          {visibleSuccessAction && (
+            <SuccessIcon
+              timeOutDelay={5000}
+              show={visibleSuccessAction}
+              content={
+                <div
+                  role="alert"
+                  className="half-width sub header small text size truncated"
+                >
+                  {actionFeedback}
+                </div>
+              }
+            />
+          )}
+        </div>
+        {!record.is_draft && (
+          <Dropdown
+            ref={this.dropdownRef}
+            id="modal-dropdown"
+            className="manage-menu-dropdown"
+            aria-label={i18next.t("Community management menu dropdown")}
+            closeOnChange
+            direction="left"
+            options={options}
+            onChange={this.handleChange}
+            selectOnBlur={false}
+            selectOnNavigation={false}
+            value={null} // A11y: needed to trigger the onChange (-triggers both mouse & keyboard) event on every select
+            trigger={<Icon name="cog" color="grey" className="ml-0" />}
+          />
+        )}
+
+        <RecordCommunitySubmissionModal
+          modalOpen={submissionModalOpen}
+          userCommunitiesMemberships={userCommunitiesMemberships}
+          toggleModal={this.toggleSubmissionModal}
+          handleClose={() => this.toggleSubmissionModal(false)}
+          handleSuccessAction={this.handleSuccessAction}
+          recordCommunityEndpoint={recordCommunityEndpoint}
+          recordCommunitySearchConfig={recordCommunitySearchConfig}
+          recordUserCommunitySearchConfig={recordUserCommunitySearchConfig}
+          record={record}
+        />
+        <PendingCommunitiesModal
+          modalOpen={pendingRequestModalOpen}
+          handleOnOpen={() => this.togglePendingRequestsModal(true)}
+          handleOnClose={() => this.togglePendingRequestsModal(false)}
+          successActionCallback={this.handleSuccessAction}
+          searchConfig={searchConfig}
+        />
+      </>
+    );
+  }
+}
+
+CommunitiesManagementDropdown.propTypes = {
+  userCommunitiesMemberships: PropTypes.object.isRequired,
+  recordCommunityEndpoint: PropTypes.string.isRequired,
+  recordCommunitySearchConfig: PropTypes.string.isRequired,
+  recordUserCommunitySearchConfig: PropTypes.string.isRequired,
+  toggleManageCommunitiesModal: PropTypes.func.isRequired,
+  actionSucceed: PropTypes.func,
+  searchConfig: PropTypes.object.isRequired,
+  record: PropTypes.object.isRequired,
+};
+
+CommunitiesManagementDropdown.defaultProps = {
+  actionSucceed: undefined,
+};

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

@@ -17,7 +17,16 @@ export const EditButton = ({ recid, onError }) => {
   const handleClick = async () => {
     setLoading(true);
     try {
-      await http.post(`/api/records/${recid}/draft`);
+      await http.post(
+        `/api/records/${recid}/draft`,
+        {},
+        {
+          headers: {
+            "Content-Type": "application/json",
+            "Accept": "application/vnd.inveniordm.v1+json",
+          },
+        }
+      );
       window.location = `/uploads/${recid}`;
     } catch (error) {
       setLoading(false);

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

@@ -9,6 +9,7 @@ import React, { Component } from "react";
 import PropTypes from "prop-types";
 import { Grid, Dropdown, Button } from "semantic-ui-react";
 import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { CopyButton } from "@js/invenio_app_rdm/components/CopyButton";
 
 export class ExportDropdown extends Component {
   constructor(props) {
@@ -18,6 +19,7 @@ export class ExportDropdown extends Component {
       selectedFormatUrl: formats[0]?.export_url,
     };
   }
+
   render() {
     const { formats } = this.props;
     const { selectedFormatUrl } = this.state;
@@ -31,7 +33,7 @@ export class ExportDropdown extends Component {
 
     return (
       <Grid>
-        <Grid.Column width={11}>
+        <Grid.Column width={10}>
           <Dropdown
             aria-label={i18next.t("Export selection")}
             selection
@@ -42,7 +44,7 @@ export class ExportDropdown extends Component {
             defaultValue={selectedFormatUrl}
           />
         </Grid.Column>
-        <Grid.Column width={5} className="pl-0">
+        <Grid.Column width={4} className="pl-0">
           <Button
             as="a"
             role="button"
@@ -53,6 +55,9 @@ export class ExportDropdown extends Component {
             {i18next.t("Export")}
           </Button>
         </Grid.Column>
+        <Grid.Column width={2} className="pl-0">
+          <CopyButton url={selectedFormatUrl} />
+        </Grid.Column>
       </Grid>
     );
   }

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

@@ -0,0 +1,140 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023-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 from "react";
+import { Dropdown, Modal, Button, Message } from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import PropTypes from "prop-types";
+import { http } from "react-invenio-forms";
+import { APIRoutes } from "../administration/users/api/routes";
+import { RecordDeletion } from "../components/RecordDeletion";
+
+export const ManageButton = ({
+  record,
+  recordOwnerID,
+  permissions,
+  recordDeletion,
+  recordDeletionOptions,
+}) => {
+  return (
+    <Dropdown
+      fluid
+      text={i18next.t("Manage")}
+      icon="cog"
+      floating
+      labeled
+      button
+      className="icon text-align-center"
+    >
+      <Dropdown.Menu>
+        {recordDeletion["valid_user"] && (
+          <>
+            <Dropdown.Item>
+              <RecordDeletion
+                record={record}
+                permissions={permissions}
+                recordDeletion={recordDeletion}
+                options={recordDeletionOptions}
+                disabled={!recordDeletion["allowed"]}
+              />
+            </Dropdown.Item>
+
+            {permissions.can_moderate && <Dropdown.Divider />}
+          </>
+        )}
+        {permissions.can_moderate && (
+          <>
+            <Dropdown.Item
+              as="a"
+              href={`/administration/records?q=id:${record["id"]}`}
+              target="_blank"
+              key="manage_record"
+              text={i18next.t("Manage record")}
+            />
+            <Dropdown.Item
+              as="a"
+              href={`/administration/users?q=id:${recordOwnerID}`}
+              target="_blank"
+              key="manage_user"
+              text={i18next.t("Manage user")}
+            />
+            <Dropdown.Divider />
+            {recordOwnerID && <BlockUserItem recordOwnerID={recordOwnerID} />}
+          </>
+        )}
+      </Dropdown.Menu>
+    </Dropdown>
+  );
+};
+
+ManageButton.propTypes = {
+  record: PropTypes.object.isRequired,
+  recordOwnerID: PropTypes.string.isRequired,
+  permissions: PropTypes.object.isRequired,
+  recordDeletion: PropTypes.object,
+  recordDeletionOptions: PropTypes.array.isRequired,
+};
+
+ManageButton.defaultProps = {
+  recordDeletion: {},
+};
+
+const BlockUserItem = ({ recordOwnerID }) => {
+  const [modalOpen, setModalOpen] = React.useState(false);
+  const handleOpen = () => setModalOpen(true);
+  const handleClose = () => setModalOpen(false);
+  const blockUser = () => {
+    http.post(APIRoutes.block({ id: recordOwnerID }));
+    handleClose();
+  };
+
+  return (
+    <>
+      <Dropdown.Item
+        as="a"
+        className="error"
+        onClick={handleOpen}
+        key="block_user"
+        text={i18next.t("Block user")}
+      />
+      <Modal
+        open={modalOpen}
+        closeIcon
+        onClose={handleClose}
+        role="dialog"
+        closeOnDimmerClick={false}
+      >
+        <Modal.Header as="h2">{i18next.t("Block User")}</Modal.Header>
+        <Modal.Description>
+          <Message
+            warning
+            icon="warning sign"
+            content={i18next.t(
+              "Blocking the user will delete all existing records of the user."
+            )}
+          />
+        </Modal.Description>
+        <Modal.Actions>
+          <Button onClick={() => handleClose()} floated="left">
+            Cancel
+          </Button>
+          <Button
+            size="small"
+            labelPosition="left"
+            icon="warning"
+            color="red"
+            content={i18next.t("Block")}
+            onClick={blockUser}
+          />
+        </Modal.Actions>
+      </Modal>
+    </>
+  );
+};
+
+BlockUserItem.propTypes = {
+  recordOwnerID: PropTypes.string.isRequired,
+};

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

@@ -0,0 +1,129 @@
+// 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 React, { Component } from "react";
+import { Button, Message, Popup } from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { http, withCancel } from "react-invenio-forms";
+import PropTypes from "prop-types";
+
+export class ManageDefaultBrandingAction extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: false,
+      error: undefined,
+    };
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  handleSetBranding = async (value) => {
+    const { recordCommunityEndpoint, updateRecordCallback } = this.props;
+    this.setState({ loading: true });
+
+    const payload = {
+      default: value,
+    };
+
+    this.cancellableAction = withCancel(http.put(recordCommunityEndpoint, payload));
+
+    try {
+      const response = await this.cancellableAction.promise;
+      this.setState({ loading: false });
+      updateRecordCallback(response.data);
+    } catch (error) {
+      if (error === "UNMOUNTED") return;
+
+      console.error(error);
+      this.setState({
+        error: error?.response?.data?.message || error?.message,
+        loading: false,
+      });
+    }
+  };
+
+  renderCommunity = () => {
+    const { loading } = this.state;
+    const { result, isCommunityDefault } = this.props;
+    const communityTitle = result.metadata.title;
+
+    return isCommunityDefault ? (
+      <Popup
+        trigger={
+          <Button
+            size="tiny"
+            labelPosition="left"
+            icon="paint brush"
+            floated="right"
+            onClick={() => this.handleSetBranding(null)}
+            content={i18next.t("Remove branding")}
+            aria-label={i18next.t(
+              "{{communityTitle}} is a default branding for this record",
+              {
+                communityTitle,
+              }
+            )}
+            loading={loading}
+          />
+        }
+        content={i18next.t(
+          "Remove this community from appearing on top of the record details page."
+        )}
+        position="top center"
+      />
+    ) : (
+      <Popup
+        trigger={
+          <Button
+            size="tiny"
+            labelPosition="left"
+            icon="paint brush"
+            floated="right"
+            onClick={() => this.handleSetBranding(result.id)}
+            content={i18next.t("Set branding")}
+            aria-label={i18next.t(
+              "Set {{communityTitle}} as a default branding for this record",
+              {
+                communityTitle,
+              }
+            )}
+            loading={loading}
+          />
+        }
+        content={i18next.t(
+          "Set this community to appear on the top of the record details page."
+        )}
+        position="top center"
+      />
+    );
+  };
+
+  render() {
+    const { error } = this.state;
+    return error ? (
+      <Message
+        negative
+        floated="right"
+        className="community-branding-error"
+        size="tiny"
+      >
+        {error}
+      </Message>
+    ) : (
+      this.renderCommunity()
+    );
+  }
+}
+
+ManageDefaultBrandingAction.propTypes = {
+  result: PropTypes.object.isRequired,
+  recordCommunityEndpoint: PropTypes.object.isRequired,
+  updateRecordCallback: PropTypes.func.isRequired,
+  isCommunityDefault: PropTypes.bool.isRequired,
+};

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

@@ -0,0 +1,63 @@
+// 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 React, { Component } from "react";
+import PropTypes from "prop-types";
+import { Header, Modal, Button } from "semantic-ui-react";
+import { PendingCommunitiesSearch } from "./PendingCommunitiesSearch";
+
+export class PendingCommunitiesModal extends Component {
+  render() {
+    const {
+      searchConfig,
+      modalOpen,
+      successActionCallback,
+      handleOnOpen,
+      handleOnClose,
+    } = this.props;
+
+    return (
+      <Modal
+        role="dialog"
+        aria-labelledby="record-communities-header"
+        id="community-selection-modal"
+        closeIcon
+        closeOnDimmerClick={false}
+        open={modalOpen}
+        onClose={handleOnClose}
+        onOpen={handleOnOpen}
+      >
+        <Modal.Header>
+          <Header as="h2" size="small" id="record-communities-header" className="mt-5">
+            {i18next.t("Pending communities")}
+          </Header>
+        </Modal.Header>
+
+        <PendingCommunitiesSearch
+          searchConfig={searchConfig}
+          successActionCallback={successActionCallback}
+        />
+
+        <Modal.Actions>
+          <Button onClick={handleOnClose}>{i18next.t("Close")}</Button>
+        </Modal.Actions>
+      </Modal>
+    );
+  }
+}
+
+PendingCommunitiesModal.propTypes = {
+  searchConfig: PropTypes.object.isRequired,
+  modalOpen: PropTypes.bool,
+  successActionCallback: PropTypes.func.isRequired,
+  handleOnClose: PropTypes.func.isRequired,
+  handleOnOpen: PropTypes.func.isRequired,
+};
+
+PendingCommunitiesModal.defaultProps = {
+  modalOpen: false,
+};

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

@@ -0,0 +1,89 @@
+// 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 { defaultContribComponents } from "@js/invenio_requests/contrib";
+import { PendingCommunityRequestItem } from "./PendingCommunityRequestItem";
+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.PendingCommunitiesSearch";
+
+export class PendingCommunitiesSearch extends Component {
+  handleSuccessCallback = (data) => {
+    const { successActionCallback } = this.props;
+    successActionCallback(data, i18next.t("Success"));
+  };
+
+  render() {
+    const { searchConfig } = this.props;
+    const searchApi = new InvenioSearchApi(searchConfig["searchApi"]);
+
+    const overriddenComponents = {
+      [`${appName}.ResultsList.item`]: parametrize(PendingCommunityRequestItem, {
+        successCallback: this.handleSuccessCallback,
+      }),
+      ...defaultContribComponents,
+    };
+
+    return (
+      <OverridableContext.Provider value={overriddenComponents}>
+        <ReactSearchKit
+          appName={appName}
+          urlHandlerApi={{ enabled: false }}
+          searchApi={searchApi}
+          initialQueryState={searchConfig.initialQueryState}
+        >
+          <>
+            <Modal.Content>
+              <SearchBar
+                autofocus
+                actionProps={{
+                  "icon": "search",
+                  "content": null,
+                  "className": "search",
+                  "aria-label": i18next.t("Search"),
+                }}
+                placeholder={i18next.t(
+                  "Search for pending submissions to communities..."
+                )}
+              />
+            </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>
+    );
+  }
+}
+
+PendingCommunitiesSearch.propTypes = {
+  searchConfig: PropTypes.object.isRequired,
+  successActionCallback: PropTypes.func.isRequired,
+};