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/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="mini"
+            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="mini"
+            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="mini"
+      >
+        {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,
+};

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 } from "semantic-ui-react";
-import { withCancel } from "../utils";
+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() {
@@ -48,25 +53,20 @@ export class RecordCitationField extends Component {
   };
 
   errorMessage = (message) => {
-    return (
-      <div className="citation-error-message">
-        <p>{message}</p>
-      </div>
-    );
+    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: "",
@@ -74,7 +74,7 @@ export class RecordCitationField extends Component {
     });
 
     this.cancellableFetchCitation = withCancel(
-      this.fetchCitation(record, style)
+      this.fetchCitation(recordLinks, style, includeDeleted)
     );
 
     try {
@@ -95,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],
@@ -106,62 +105,58 @@ export class RecordCitationField extends Component {
       };
     });
 
-    return (
-      <Grid className="record-citation">
-        <Grid.Row verticalAlign="middle" className="relaxed">
-          <Grid.Column
-            mobile={8}
-            tablet={8}
-            computer={12}
-            className="no-padding"
-          >
-            <h2 id="citation-heading">{i18next.t("Citation")}</h2>
-          </Grid.Column>
-
-          <Grid.Column
-            mobile={8}
-            tablet={8}
-            computer={4}
-            className="no-padding"
-            textAlign="right"
-          >
-            <div className="citation-style-selector">
-              <label id="citation-style-label">{i18next.t("Style")}</label>
-              <Dropdown
-                className="citation-dropdown"
-                aria-labelledby="citation-style-label"
-                defaultValue={defaultStyle}
-                options={citationOptions}
-                selection
-                onChange={_debounce(
-                  (event, data) => this.getCitation(record, data.value),
-                  500
-                )}
-              />
-            </div>
-          </Grid.Column>
-        </Grid.Row>
-
-        <Grid.Row verticalAlign="bottom">
-          <Grid.Column computer={12} className="no-padding">
-            <div id="citation-text">
-              {loading ? this.placeholderLoader() : citation}
-            </div>
-          </Grid.Column>
-
-          <Grid.Column computer={4} className="no-padding" textAlign="right">
-            <CopyButton text={citation} />
-          </Grid.Column>
-        </Grid.Row>
+    // 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 (
+      <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>
+            <Dropdown
+              className="citation-dropdown"
+              aria-labelledby="citation-style-label"
+              defaultValue={defaultStyle}
+              options={citationOptions}
+              selection
+              onChange={_debounce(
+                (event, data) =>
+                  this.getCitation(recordLinks, data.value, includeDeleted),
+                500
+              )}
+            />
+          </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

@@ -0,0 +1,150 @@
+// This file is part of InvenioRDM
+// 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 { Image } from "react-invenio-forms";
+import {
+  Grid,
+  Item,
+  Message,
+  Popup,
+  Placeholder,
+  Header,
+  HeaderSubheader,
+  Icon,
+} from "semantic-ui-react";
+
+export class RecordCommunitiesList extends Component {
+  render() {
+    const { communities, loading, error, maxDisplayedCommunities, recordRequests } =
+      this.props;
+    let Element = null;
+
+    if (loading) {
+      Element = (
+        <Placeholder>
+          <Placeholder.Header image>
+            <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 (_isEmpty(communities)) {
+      Element = (
+        <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, maxDisplayedCommunities)
+        .map((community) => {
+          const viewRequest = community.id in recordRequests;
+          return (
+            <Grid key={community.id}>
+              <Grid.Row verticalAlign="middle">
+                <Grid.Column width={3}>
+                  <Image wrapped size="mini" src={community.links.logo} alt="" />
+                </Grid.Column>
+                <Grid.Column width={13} className="pl-0">
+                  <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>
+                      )}
+                      {viewRequest && (
+                        <div>
+                          <small>
+                            <b>
+                              <a
+                                // building request link as the self_html of the request is
+                                // /requests/<uuid> which doesn't resolve as missing
+                                // /communities/ or /me/. We prefer /communities/ here
+                                href={`${community.links.self_html}requests/${
+                                  recordRequests[community.id]
+                                }`}
+                              >
+                                <Icon name="discussions" className="mr-5" />
+                                {i18next.t("View comments")}
+                              </a>
+                            </b>
+                          </small>
+                        </div>
+                      )}
+                    </Item.Header>
+                  </Item.Content>
+                </Grid.Column>
+              </Grid.Row>
+            </Grid>
+          );
+        });
+
+      Element = (
+        <>
+          <Item.Group unstackable>{communityItems}</Item.Group>
+          {error && <Message error>{error}</Message>}
+        </>
+      );
+    }
+    return Element;
+  }
+}
+
+RecordCommunitiesList.propTypes = {
+  maxDisplayedCommunities: PropTypes.number.isRequired,
+  communities: PropTypes.array,
+  loading: PropTypes.bool,
+  error: PropTypes.string,
+  recordRequests: PropTypes.object,
+};
+
+RecordCommunitiesList.defaultProps = {
+  communities: undefined,
+  loading: false,
+  error: "",
+  recordRequests: {},
+};