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/communityRecordsSearch/index.js

@@ -0,0 +1,66 @@
+// This file is part of Invenio
+// Copyright (C) 2022-2024 CERN.
+// Copyright (C) 2024 Northwestern University.
+//
+// Invenio 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 { createSearchAppInit } from "@js/invenio_search_ui";
+import {
+  RDMCountComponent,
+  RDMEmptyResults,
+  RDMErrorComponent,
+  RDMRecordResultsGridItem,
+  RDMToggleComponent,
+} from "../search/components";
+import RecordsResultsListItem from "../components/RecordsResultsListItem";
+import {
+  CommunityRecordsSearchAppLayout,
+  CommunityRecordsSearchBarElement,
+} from "./components";
+import { parametrize, overrideStore } from "react-overridable";
+import {
+  ContribSearchAppFacets,
+  ContribBucketAggregationElement,
+  ContribBucketAggregationValuesElement,
+} from "@js/invenio_search_ui/components";
+
+const appName = "InvenioCommunities.DetailsSearch";
+
+const ContribSearchAppFacetsWithConfig = parametrize(ContribSearchAppFacets, {
+  toggle: true,
+});
+
+const CommunityRecordSearchAppLayoutWAppName = parametrize(
+  CommunityRecordsSearchAppLayout,
+  {
+    appName: appName,
+  }
+);
+
+const CommunityRecordsResultsListItem = parametrize(RecordsResultsListItem, {
+  appName: appName,
+});
+
+const defaultComponents = {
+  [`${appName}.BucketAggregation.element`]: ContribBucketAggregationElement,
+  [`${appName}.BucketAggregationValues.element`]: ContribBucketAggregationValuesElement,
+  [`${appName}.ResultsGrid.item`]: RDMRecordResultsGridItem,
+  [`${appName}.EmptyResults.element`]: RDMEmptyResults,
+  [`${appName}.ResultsList.item`]: CommunityRecordsResultsListItem,
+  [`${appName}.SearchApp.facets`]: ContribSearchAppFacetsWithConfig,
+  [`${appName}.SearchApp.layout`]: CommunityRecordSearchAppLayoutWAppName,
+  [`${appName}.SearchBar.element`]: CommunityRecordsSearchBarElement,
+  [`${appName}.Count.element`]: RDMCountComponent,
+  [`${appName}.Error.element`]: RDMErrorComponent,
+  [`${appName}.SearchFilters.Toggle.element`]: RDMToggleComponent,
+};
+
+const overriddenComponents = overrideStore.getAll();
+
+createSearchAppInit(
+  { ...defaultComponents, ...overriddenComponents },
+  true,
+  "invenio-search-config",
+  true
+);

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/components/CompactStats.js

@@ -0,0 +1,52 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2022 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 { i18next } from "@translations/invenio_app_rdm/i18next";
+import PropTypes from "prop-types";
+import React from "react";
+import { Icon, Label, Popup } from "semantic-ui-react";
+import { localizedFormatNumber } from "../utils";
+
+export const CompactStats = ({ uniqueViews, uniqueDownloads }) => {
+  return (
+    <>
+      {uniqueViews != null && (
+        <Popup
+          size="tiny"
+          content={i18next.t("Views")}
+          trigger={
+            <Label className="transparent">
+              <Icon name="eye" />
+              {localizedFormatNumber(uniqueViews)}
+            </Label>
+          }
+        />
+      )}
+      {uniqueDownloads != null && (
+        <Popup
+          size="tiny"
+          content={i18next.t("Downloads")}
+          trigger={
+            <Label className="transparent">
+              <Icon name="download" />
+              {localizedFormatNumber(uniqueDownloads)}
+            </Label>
+          }
+        />
+      )}
+    </>
+  );
+};
+
+CompactStats.propTypes = {
+  uniqueViews: PropTypes.number,
+  uniqueDownloads: PropTypes.number,
+};
+
+CompactStats.defaultProps = {
+  uniqueViews: null,
+  uniqueDownloads: null,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/components/CopyButton.js

@@ -7,28 +7,38 @@
 import React, { Component } from "react";
 import PropTypes from "prop-types";
 import { Button, Popup } from "semantic-ui-react";
-import { CopyToClipboard } from "react-copy-to-clipboard";
 import { i18next } from "@translations/invenio_app_rdm/i18next";
 
 class SimpleCopyButton extends React.Component {
+  fetchUrl = async (url) => {
+    return await (await fetch(url)).text();
+  };
+
+  handleClick = async () => {
+    const { url, text, onCopy } = this.props;
+    let textToCopy = text;
+    if (url) {
+      textToCopy = await this.fetchUrl(url);
+    }
+
+    await navigator.clipboard.writeText(textToCopy);
+    onCopy(text);
+  };
+
   render() {
-    const { text, onCopy, hoverState } = this.props;
+    const { hoverState, size } = this.props;
 
     return (
-      <CopyToClipboard
-        text={text}
-        onCopy={() => {
-          onCopy(text);
-        }}
-      >
-        <Button className="copy"
-                basic
-                icon="copy"
-                aria-label={i18next.t('Copy to clipboard')}
-                onMouseEnter={hoverState}
-                onMouseLeave={hoverState}
-        />
-      </CopyToClipboard>
+      <Button
+        className="copy"
+        basic
+        size={size}
+        icon="copy"
+        aria-label={i18next.t("Copy to clipboard")}
+        onClick={this.handleClick} // Handle click to fetch from url if url passed, otherwise use text from props
+        onMouseEnter={hoverState}
+        onMouseLeave={hoverState}
+      />
     );
   }
 }
@@ -36,14 +46,17 @@ class SimpleCopyButton extends React.Component {
 SimpleCopyButton.propTypes = {
   text: PropTypes.string.isRequired,
   onCopy: PropTypes.func.isRequired,
-  hoverState: PropTypes.func
+  url: PropTypes.string,
+  hoverState: PropTypes.func,
+  size: PropTypes.string,
 };
 
 SimpleCopyButton.defaultProps = {
-  hoverState: null
+  hoverState: null,
+  url: null,
+  size: "medium",
 };
 
-
 export class CopyButton extends Component {
   constructor(props) {
     super(props);
@@ -51,15 +64,21 @@ export class CopyButton extends Component {
       confirmationPopupIsOpen: false,
       confirmationPopupMsg: "",
       hoverPopupIsOpen: false,
-      stateReset: null
+      stateReset: null,
     };
     this.state = this.INITIAL_STATE;
   }
 
+  componentWillUnmount() {
+    const { stateReset } = this.state;
+    // Avoid state update after component is unmounted:
+    if (stateReset) clearTimeout(stateReset);
+  }
+
   onCopy = () => {
     this.setState(() => ({
       confirmationPopupIsOpen: true,
-      confirmationPopupMsg: i18next.t('Copied!'),
+      confirmationPopupMsg: i18next.t("Copied!"),
     }));
 
     this.delayClosePopup();
@@ -75,46 +94,49 @@ export class CopyButton extends Component {
 
   hoverStateHandler = (event) => {
     event.persist();
-    if(event.type == 'mouseenter') this.setState({ hoverPopupIsOpen: true });
-    if(event.type == 'mouseleave') this.setState({ hoverPopupIsOpen: false });
-  }
+    if (event.type === "mouseenter") this.setState({ hoverPopupIsOpen: true });
+    if (event.type === "mouseleave") this.setState({ hoverPopupIsOpen: false });
+  };
 
   render() {
-    const { text, popUpPosition } = this.props;
-    const { confirmationPopupMsg, confirmationPopupIsOpen, hoverPopupIsOpen } = this.state;
+    const { popUpPosition, text, url, size } = this.props;
+    const { confirmationPopupMsg, confirmationPopupIsOpen, hoverPopupIsOpen } =
+      this.state;
 
-    return text && (
-      <>
+    return (
+      (text || url) && ( // Ensure text or url is provided
         <Popup
           role="alert"
           open={hoverPopupIsOpen || confirmationPopupIsOpen}
-          content={confirmationPopupMsg || i18next.t('Copy to clipboard')}
+          content={confirmationPopupMsg || i18next.t("Copy to clipboard")}
           inverted={!!confirmationPopupMsg}
           position={popUpPosition}
           size="mini"
           trigger={
-            <SimpleCopyButton text={text}
-                              onCopy={this.onCopy}
-                              hoverState={this.hoverStateHandler}
+            <SimpleCopyButton
+              text={text}
+              onCopy={this.onCopy}
+              url={url}
+              hoverState={this.hoverStateHandler}
+              size={size}
             />
           }
         />
-      </>
+      )
     );
   }
-
-  componentWillUnmount(){
-    // Avoid state update after component is unmounted:
-    if(this.state.stateReset) clearTimeout(this.state.stateReset);
-  }
 }
 
 CopyButton.propTypes = {
   popUpPosition: PropTypes.string,
-  text: PropTypes.string
+  text: PropTypes.string,
+  url: PropTypes.string,
+  size: PropTypes.string,
 };
 
 CopyButton.defaultProps = {
   popUpPosition: "right center",
   text: "",
+  url: "",
+  size: "medium",
 };

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/components/DisplayPartOfCommunities.js

@@ -0,0 +1,78 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2024 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, { Fragment } from "react";
+import PropTypes from "prop-types";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { Popup, Icon } from "semantic-ui-react";
+
+export const DisplayPartOfCommunities = ({ communities }) => {
+  const PartOfCommunities = () => {
+    // FIXME: Uncomment to enable themed banner
+    // const communitiesEntries = communities.entries?.filter((community) => !(community.id === communities?.default && community?.theme));
+    let communitiesEntries = communities.entries;
+
+    if (communitiesEntries?.length > 0) {
+      communitiesEntries = communitiesEntries.sort((a, b) => {
+        // Put parent communities before other communities.
+        if (
+          a.children !== undefined &&
+          b.children !== undefined &&
+          a.children.allow !== b.children.allow
+        ) {
+          return a.children.allow ? -1 : 1;
+        }
+        // Put subcommunities before regular communities.
+        if ((a.parent !== undefined) !== (b.parent !== undefined)) {
+          return a.parent !== undefined ? -1 : 1;
+        }
+        // Then sort communities by their title.
+        const titleCompare = a.metadata?.title.localeCompare(b.metadata?.title);
+        if (titleCompare !== undefined && titleCompare !== 0) {
+          return titleCompare;
+        }
+        // Finally if all else is equal, sort by slug (which is unique).
+        return a.slug.localeCompare(b.slug);
+      });
+
+      return (
+        <>
+          {i18next.t("Part of ")}
+          {communitiesEntries.map((community, index) => {
+            return (
+              <Fragment key={community.slug}>
+                <a href={`/communities/${community.slug}`}>
+                  {community.metadata?.title}
+                </a>
+                <span>&nbsp;</span>
+                {/* Show the icon for communities allowing children, and for subcommunities */}
+                {(community.children?.allow || community.parent !== undefined) && (
+                  <Popup
+                    trigger={<Icon name="check outline circle" color="green mr-0" />}
+                    content="Verified community"
+                    position="top center"
+                  />
+                )}
+
+                {index !== communitiesEntries.length - 1 && ", "}
+              </Fragment>
+            );
+          })}
+        </>
+      );
+    }
+  };
+
+  return (
+    <p>
+      <b>{PartOfCommunities()}</b>
+    </p>
+  );
+};
+
+DisplayPartOfCommunities.propTypes = {
+  communities: PropTypes.object.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/components/DisplayVerifiedCommunity.js

@@ -0,0 +1,54 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2024 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 from "react";
+import PropTypes from "prop-types";
+import { Label, Image } from "semantic-ui-react";
+
+export const DisplayVerifiedCommunity = ({ communities }) => {
+  const filterBrandedCommunity = (parentCommunities) => {
+    const brandedCommunityId = parentCommunities?.default;
+    const communities = parentCommunities?.entries;
+    let displayCommunity = null;
+
+    if (communities) {
+      communities.map((community) => {
+        if (community.id === brandedCommunityId && community?.theme) {
+          displayCommunity = community;
+        }
+        return displayCommunity;
+      });
+    }
+
+    return displayCommunity;
+  };
+
+  const verifiedCommunity = filterBrandedCommunity(communities);
+
+  if (!verifiedCommunity) {
+    return null;
+  }
+
+  return (
+    <Label
+      as="a"
+      href={`/communities/${verifiedCommunity.slug}`}
+      style={{ backgroundColor: verifiedCommunity?.theme?.style?.primaryColor }}
+      className="themed-community-label"
+    >
+      {verifiedCommunity.metadata.title}
+      <Image
+        className="themed-community-logo right-floated"
+        src={`/api/communities/${verifiedCommunity.slug}/logo`}
+        alt=""
+      />
+    </Label>
+  );
+};
+
+DisplayVerifiedCommunity.propTypes = {
+  communities: PropTypes.object.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/components/FileModificationUntil.js

@@ -0,0 +1,45 @@
+// This file is part of InvenioRDM
+// Copyright (C) 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, { Component } from "react";
+import PropTypes from "prop-types";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+
+export class FileModificationUntil extends Component {
+  render() {
+    const { filesLocked, fileModification, record } = this.props;
+
+    if (!fileModification.fileModification?.enabled) {
+      return null;
+    }
+
+    const isPublished = record.is_published;
+    const filesUnlocked = !filesLocked;
+    const daysUntil = fileModification.context?.days_until;
+    if (isPublished && filesUnlocked && daysUntil) {
+      return (
+        <>
+          {" "}
+          {i18next.t("– Unlocked, {{ daysUntil }} days to publish changes", {
+            daysUntil: fileModification.context.days_until,
+          })}
+        </>
+      );
+    }
+
+    return null;
+  }
+}
+
+FileModificationUntil.propTypes = {
+  filesLocked: PropTypes.bool.isRequired,
+  fileModification: PropTypes.object,
+  record: PropTypes.object.isRequired,
+};
+
+FileModificationUntil.defaultProps = {
+  fileModification: {},
+};