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/PendingCommunitiesModal/PendingCommunityRequestItem.js

@@ -0,0 +1,33 @@
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { CommunityCompactItem } from "@js/invenio_communities/community";
+import { RequestActionController } from "@js/invenio_requests";
+
+export class PendingCommunityRequestItem extends Component {
+  render() {
+    const { result, successCallback } = this.props;
+    const {
+      expanded: { receiver: community },
+      links: { self_html: requestLinkSelf },
+    } = result;
+    const requestLink = requestLinkSelf.replace("/requests", "/me/requests"); //We should use self_html once the following issue is fixed: https://github.com/inveniosoftware/invenio-requests/issues/332
+    const actions = (
+      <RequestActionController
+        request={result}
+        actionSuccessCallback={successCallback}
+      />
+    );
+    return (
+      <CommunityCompactItem
+        result={community}
+        actions={actions}
+        detailUrl={requestLink}
+      />
+    );
+  }
+}
+
+PendingCommunityRequestItem.propTypes = {
+  result: PropTypes.object.isRequired,
+  successCallback: PropTypes.func.isRequired,
+};

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

@@ -1,19 +1,20 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2021 CERN.
+// Copyright (C) 2021-2025 CERN.
 // Copyright (C) 2021 Graz University of Technology.
 // Copyright (C) 2021 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 axios from "axios";
 import _debounce from "lodash/debounce";
+import _escape from "lodash/escape";
 import React, { Component } from "react";
 import PropTypes from "prop-types";
-import { Header, Placeholder, Grid, Dropdown, Message } from "semantic-ui-react";
+import { Placeholder, Dropdown, Message } from "semantic-ui-react";
 import { withCancel } from "react-invenio-forms";
 import { CopyButton } from "../components/CopyButton";
 import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { http } from "react-invenio-forms";
 
 export class RecordCitationField extends Component {
   constructor(props) {
@@ -27,8 +28,12 @@ export class RecordCitationField extends Component {
   }
 
   componentDidMount() {
-    const { record, defaultStyle } = this.props;
-    this.getCitation(record, defaultStyle);
+    const { recordLinks, defaultStyle, includeDeleted } = this.props;
+    this.getCitation(recordLinks, defaultStyle, includeDeleted);
+  }
+
+  async componentDidUpdate() {
+    await window.MathJax?.typesetPromise();
   }
 
   componentWillUnmount() {
@@ -51,25 +56,26 @@ export class RecordCitationField extends Component {
     return <Message negative>{message}</Message>;
   };
 
-  fetchCitation = async (record, style) => {
-    return await axios(
-      `${record.links.self}?locale=${navigator.language}&style=${style}`,
-      {
-        headers: {
-          Accept: "text/x-bibliography",
-        },
-      }
-    );
+  fetchCitation = async (recordLinks, style, includeDeleted) => {
+    const includeDeletedParam = includeDeleted === true ? "&include_deleted=1" : "";
+    const url = `${recordLinks.self}?locale=${navigator.language}&style=${style}${includeDeletedParam}`;
+    return await http.get(url, {
+      headers: {
+        Accept: "text/x-bibliography",
+      },
+    });
   };
 
-  getCitation = async (record, style) => {
+  getCitation = async (recordLinks, style, includeDeleted) => {
     this.setState({
       loading: true,
       citation: "",
       error: "",
     });
 
-    this.cancellableFetchCitation = withCancel(this.fetchCitation(record, style));
+    this.cancellableFetchCitation = withCancel(
+      this.fetchCitation(recordLinks, style, includeDeleted)
+    );
 
     try {
       const response = await this.cancellableFetchCitation.promise;
@@ -89,9 +95,8 @@ export class RecordCitationField extends Component {
   };
 
   render() {
-    const { styles, record, defaultStyle } = this.props;
+    const { styles, recordLinks, defaultStyle, includeDeleted } = this.props;
     const { loading, citation, error } = this.state;
-
     const citationOptions = styles.map((style) => {
       return {
         key: style[0],
@@ -100,22 +105,31 @@ export class RecordCitationField extends Component {
       };
     });
 
+    // convert links in text to clickable links (ignoring punctuations at the end)
+    const escapedCitation = _escape(citation); // escape html characters
+    const urlRegex = /(https?:\/\/[^\s,;]+(?=[^\s,;]*))/g;
+    const urlizedCitation = escapedCitation.replace(urlRegex, (url) => {
+      // remove trailing dot
+      let trailingDot = "";
+      if (url.endsWith(".")) {
+        trailingDot = ".";
+        url = url.slice(0, -1);
+      }
+      return `<a href="${url}" target="_blank">${url}</a>${trailingDot}`;
+    });
+
     return (
-      <Grid className="record-citation pt-10 pb-10 m-0">
-        <Grid.Row verticalAlign="middle" className="relaxed">
-          <Grid.Column mobile={8} tablet={8} computer={12} className="p-0">
-            <Header as="h2" id="citation-heading">
-              {i18next.t("Citation")}
-            </Header>
-          </Grid.Column>
-
-          <Grid.Column
-            mobile={8}
-            tablet={8}
-            computer={4}
-            className="p-0"
-            textAlign="right"
-          >
+      <div>
+        <div id="citation-text" className="wrap-overflowing-text rel-mb-2">
+          {loading ? (
+            this.placeholderLoader()
+          ) : (
+            <div dangerouslySetInnerHTML={{ __html: urlizedCitation }} />
+          )}
+        </div>
+
+        <div className="auto-column-grid no-wrap">
+          <div className="flex align-items-center">
             <label id="citation-style-label" className="mr-10">
               {i18next.t("Style")}
             </label>
@@ -126,33 +140,23 @@ export class RecordCitationField extends Component {
               options={citationOptions}
               selection
               onChange={_debounce(
-                (event, data) => this.getCitation(record, data.value),
+                (event, data) =>
+                  this.getCitation(recordLinks, data.value, includeDeleted),
                 500
               )}
             />
-          </Grid.Column>
-        </Grid.Row>
-
-        <Grid.Row verticalAlign="bottom">
-          <Grid.Column computer={12} className="p-0">
-            <div id="citation-text" className="wrap-overflowing-text">
-              {loading ? this.placeholderLoader() : citation}
-            </div>
-          </Grid.Column>
-
-          <Grid.Column computer={4} className="p-0" textAlign="right">
-            <CopyButton text={citation} />
-          </Grid.Column>
-        </Grid.Row>
-
+          </div>
+          <CopyButton text={citation} />
+        </div>
         {error ? this.errorMessage(error) : null}
-      </Grid>
+      </div>
     );
   }
 }
 
 RecordCitationField.propTypes = {
   styles: PropTypes.array.isRequired,
-  record: PropTypes.object.isRequired,
+  recordLinks: PropTypes.object.isRequired,
   defaultStyle: PropTypes.string.isRequired,
+  includeDeleted: PropTypes.bool.isRequired,
 };

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

@@ -1,75 +1,29 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2023 CERN.
+// Copyright (C) 2023-2024 CERN.
+// Copyright (C) 2024 KTH Royal Institute of Technology.
 //
 // 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 _isEmpty from "lodash/isEmpty";
 import PropTypes from "prop-types";
 import React, { Component } from "react";
-import { http, Image, withCancel } from "react-invenio-forms";
-import { Container, Item, Message, Placeholder } from "semantic-ui-react";
-import { RecordCommunitiesListModal } from "./RecordCommunitiesListModal";
-
-const MAX_COMMUNITIES = 2;
+import { Image } from "react-invenio-forms";
+import {
+  Grid,
+  Item,
+  Message,
+  Popup,
+  Placeholder,
+  Header,
+  HeaderSubheader,
+  Icon,
+} from "semantic-ui-react";
 
 export class RecordCommunitiesList extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      loading: true,
-      communities: undefined,
-      error: undefined,
-    };
-  }
-
-  componentDidMount() {
-    this.getCommunities();
-  }
-
-  componentWillUnmount() {
-    this.cancellableFetchCommunities?.cancel();
-  }
-
-  getCommunities = async () => {
-    this.cancellableFetchCommunities = withCancel(this.fetchRecordCommunities());
-    this.setState({
-      loading: true,
-      error: null,
-    });
-    try {
-      const response = await this.cancellableFetchCommunities.promise;
-      const {
-        data: {
-          hits: { hits },
-        },
-      } = response;
-      this.setState({
-        communities: hits,
-        loading: false,
-      });
-    } catch (error) {
-      if (error !== "UNMOUNTED") {
-        this.setState({
-          loading: false,
-          error: i18next.t("An error occurred while fetching communities."),
-        });
-      }
-    }
-  };
-
-  fetchRecordCommunities = async () => {
-    const { recordCommunitySearchEndpoint } = this.props;
-    return await http.get(recordCommunitySearchEndpoint, {
-      headers: {
-        Accept: "application/vnd.inveniordm.v1+json",
-      },
-    });
-  };
-
   render() {
-    const { recordCommunitySearchEndpoint, permissions } = this.props;
-    const { communities, loading, error } = this.state;
+    const { communities, loading, error, maxDisplayedCommunities } = this.props;
     let Element = null;
 
     if (loading) {
@@ -79,49 +33,93 @@ export class RecordCommunitiesList extends Component {
             <Placeholder.Line />
             <Placeholder.Line />
           </Placeholder.Header>
+          <Placeholder.Header image>
+            <Placeholder.Line />
+            <Placeholder.Line />
+          </Placeholder.Header>
+          <Placeholder.Header image>
+            <Placeholder.Line />
+            <Placeholder.Line />
+          </Placeholder.Header>
         </Placeholder>
       );
-    } else if (communities?.length === 0 && permissions.can_manage) {
+    } else if (_isEmpty(communities)) {
       Element = (
-        <Message info>
-          {i18next.t("This record is not included in any communities yet.")}
-        </Message>
+        <p>
+          <i>
+            <small>
+              {i18next.t("This record is not included in any communities yet.")}
+            </small>
+          </i>
+        </p>
       );
     } else if (communities?.length > 0) {
-      const communityItems = communities?.slice(0, MAX_COMMUNITIES).map((community) => (
-        <Item key={community.id}>
-          <Image size="mini" src={community.links.logo} />
-          <Item.Content verticalAlign="middle">
-            <Item.Header as="a" size="small" href={community.links.self_html}>
-              {community.metadata.title}
-            </Item.Header>
-          </Item.Content>
-        </Item>
-      ));
+      const communityItems = communities
+        ?.slice(0, maxDisplayedCommunities)
+        .map((community) => (
+          <Grid key={community.id}>
+            <Grid.Row verticalAlign="middle">
+              <Grid.Column width={2}>
+                <Image wrapped size="mini" src={community.links.logo} alt="" />
+              </Grid.Column>
+              <Grid.Column width={14}>
+                <Item.Content>
+                  <Item.Header className="ui">
+                    <Header as="a" href={community.links.self_html} size="small">
+                      {community.metadata.title}
+                      {/* Show the icon for communities allowing children, and for subcommunities */}
+                      {(community.children?.allow ||
+                        community.parent !== undefined) && (
+                        <p className="ml-5 display-inline-block">
+                          <Popup
+                            content="Verified community"
+                            trigger={
+                              <Icon
+                                size="small"
+                                color="green"
+                                name="check circle outline"
+                              />
+                            }
+                            position="top center"
+                          />
+                        </p>
+                      )}
+                    </Header>
+                    {community.parent && (
+                      <HeaderSubheader>
+                        {i18next.t("Part of")}{" "}
+                        <a href={`/communities/${community.parent.slug}`}>
+                          {i18next.t(community.parent.metadata.title)}
+                        </a>
+                      </HeaderSubheader>
+                    )}
+                  </Item.Header>
+                </Item.Content>
+              </Grid.Column>
+            </Grid.Row>
+          </Grid>
+        ));
 
       Element = (
         <>
-          <Item.Group>{communityItems}</Item.Group>
-
-          {!loading && communities?.length > MAX_COMMUNITIES && (
-            <Container align="center" className="mt-10">
-              <RecordCommunitiesListModal
-                totalCommunities={communities.length}
-                recordCommunitySearchEndpoint={recordCommunitySearchEndpoint}
-              />
-            </Container>
-          )}
-
+          <Item.Group unstackable>{communityItems}</Item.Group>
           {error && <Message error>{error}</Message>}
         </>
       );
     }
-
     return Element;
   }
 }
 
 RecordCommunitiesList.propTypes = {
-  recordCommunitySearchEndpoint: PropTypes.string.isRequired,
-  permissions: PropTypes.object.isRequired,
+  maxDisplayedCommunities: PropTypes.number.isRequired,
+  communities: PropTypes.array,
+  loading: PropTypes.bool,
+  error: PropTypes.string,
+};
+
+RecordCommunitiesList.defaultProps = {
+  communities: undefined,
+  loading: false,
+  error: "",
 };

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

@@ -1,5 +1,5 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2023 CERN.
+// 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.
@@ -13,53 +13,56 @@ import { RecordCommunitiesSearch } from "./RecordCommunitiesSearch";
 export class RecordCommunitiesListModal extends Component {
   constructor(props) {
     super(props);
-
+    const { recordParent } = this.props;
     this.state = {
-      modalOpen: false,
+      recordParent: recordParent,
     };
   }
 
+  handleRecordUpdate = (updatedRecord) => {
+    this.setState({ recordParent: updatedRecord });
+  };
+
   render() {
-    const { recordCommunitySearchEndpoint, totalCommunities } = this.props;
-    const { modalOpen } = this.state;
+    const {
+      recordCommunityEndpoint,
+      modalOpen,
+      successActionCallback,
+      handleOnOpen,
+      handleOnClose,
+      trigger,
+      permissions,
+    } = this.props;
+    const { recordParent } = this.state;
 
     return (
       <Modal
         role="dialog"
         aria-labelledby="record-communities-header"
         id="community-selection-modal"
-        closeIcon
         closeOnDimmerClick={false}
+        closeIcon
         open={modalOpen}
-        onClose={() => this.setState({ modalOpen: false })}
-        onOpen={() => this.setState({ modalOpen: true })}
-        trigger={
-          <Button
-            as="a"
-            className="transparent link"
-            aria-haspopup="dialog"
-            aria-expanded={modalOpen}
-          >
-            {i18next.t("View all")} {totalCommunities} {i18next.t("communities")}
-          </Button>
-        }
+        onClose={handleOnClose}
+        onOpen={handleOnOpen}
+        trigger={trigger}
       >
         <Modal.Header>
-          <Header as="h2" id="record-communities-header">
-            {i18next.t("This record's communities")}
+          <Header as="h2" size="small" id="record-communities-header" className="mt-5">
+            {i18next.t("Communities")}
           </Header>
         </Modal.Header>
 
-        <Modal.Content>
-          <RecordCommunitiesSearch
-            recordCommunitySearchEndpoint={recordCommunitySearchEndpoint}
-          />
-        </Modal.Content>
+        <RecordCommunitiesSearch
+          recordCommunityEndpoint={recordCommunityEndpoint}
+          successActionCallback={successActionCallback}
+          permissions={permissions}
+          recordParent={recordParent}
+          updateRecordCallback={this.handleRecordUpdate}
+        />
 
         <Modal.Actions>
-          <Button onClick={() => this.setState({ modalOpen: false })}>
-            {i18next.t("Close")}
-          </Button>
+          <Button onClick={handleOnClose}>{i18next.t("Close")}</Button>
         </Modal.Actions>
       </Modal>
     );
@@ -67,6 +70,17 @@ export class RecordCommunitiesListModal extends Component {
 }
 
 RecordCommunitiesListModal.propTypes = {
-  recordCommunitySearchEndpoint: PropTypes.string.isRequired,
-  totalCommunities: PropTypes.number.isRequired,
+  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,
+};
+
+RecordCommunitiesListModal.defaultProps = {
+  modalOpen: false,
+  trigger: undefined,
 };

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

@@ -8,7 +8,7 @@ import { i18next } from "@translations/invenio_app_rdm/i18next";
 import { RecordCommunitiesSearchItem } from "./RecordCommunitiesSearchItem";
 import React, { Component } from "react";
 import PropTypes from "prop-types";
-import { OverridableContext } from "react-overridable";
+import { OverridableContext, parametrize } from "react-overridable";
 import {
   EmptyResults,
   Error,
@@ -19,20 +19,32 @@ import {
   SearchBar,
   Pagination,
 } from "react-searchkit";
-import { Container } from "semantic-ui-react";
+import { Modal } from "semantic-ui-react";
 
 const appName = "InvenioAppRdm.RecordCommunitiesSearch";
 
-const overriddenComponents = {
-  [`${appName}.ResultsList.item`]: RecordCommunitiesSearchItem,
-};
-
 export class RecordCommunitiesSearch extends Component {
+  handleSuccessCallback = (data) => {
+    const { successActionCallback } = this.props;
+    successActionCallback(data, i18next.t("Success"));
+  };
+
   render() {
-    const { recordCommunitySearchEndpoint } = this.props;
+    const { recordCommunityEndpoint, permissions, recordParent, updateRecordCallback } =
+      this.props;
+    const overriddenComponents = {
+      [`${appName}.ResultsList.item`]: parametrize(RecordCommunitiesSearchItem, {
+        recordCommunityEndpoint: recordCommunityEndpoint,
+        successCallback: this.handleSuccessCallback,
+        updateRecordCallback: updateRecordCallback,
+        permissions: permissions,
+        recordParent: recordParent,
+      }),
+    };
+
     const searchApi = new InvenioSearchApi({
       axios: {
-        url: recordCommunitySearchEndpoint,
+        url: recordCommunityEndpoint,
         headers: { Accept: "application/vnd.inveniordm.v1+json" },
       },
     });
@@ -45,29 +57,32 @@ export class RecordCommunitiesSearch extends Component {
           searchApi={searchApi}
           initialQueryState={{ size: 5, page: 1 }}
         >
-          <Container fluid>
-            <Container fluid>
+          <>
+            <Modal.Content>
               <SearchBar
                 autofocus
                 actionProps={{
-                  icon: "search",
-                  content: null,
-                  className: "search",
+                  "icon": "search",
+                  "content": null,
+                  "className": "search",
+                  "aria-label": i18next.t("Search"),
                 }}
                 placeholder={i18next.t("Search for community...")}
               />
-            </Container>
-            <Container className="rel-pt-2 rel-pb-2">
+            </Modal.Content>
+
+            <Modal.Content scrolling className="community-list-results">
               <ResultsLoader>
                 <EmptyResults />
                 <Error />
                 <ResultsList />
               </ResultsLoader>
-            </Container>
-            <Container align="center">
+            </Modal.Content>
+
+            <Modal.Content className="text-align-center">
               <Pagination />
-            </Container>
-          </Container>
+            </Modal.Content>
+          </>
         </ReactSearchKit>
       </OverridableContext.Provider>
     );
@@ -75,5 +90,9 @@ export class RecordCommunitiesSearch extends Component {
 }
 
 RecordCommunitiesSearch.propTypes = {
-  recordCommunitySearchEndpoint: PropTypes.string.isRequired,
+  recordCommunityEndpoint: PropTypes.string.isRequired,
+  successActionCallback: PropTypes.func.isRequired,
+  updateRecordCallback: PropTypes.func.isRequired,
+  permissions: PropTypes.object.isRequired,
+  recordParent: PropTypes.object.isRequired,
 };