resultList: add extra information

assets/js/components/communities_carousel/overrides/CommunitiesCarousel.js

@@ -15,7 +15,7 @@
   Grid,
   Header,
   Icon,
   Card,
 } from "semantic-ui-react";
 import _isEmpty from "lodash/isEmpty";
 
@@ -74,7 +74,7 @@
               >
                 <Transition.Group
                   duration={animationSpeed}
-                  visible={true}
+                  visible
                   animation={`fade ${animationDirection}`}
                 >
                   <div className="ui three cards flex">{carouselSlides}</div>
@@ -118,5 +118,5 @@
   stopCarousel: PropTypes.func.isRequired,
   startCarousel: PropTypes.func.isRequired,
   runCarousel: PropTypes.func.isRequired,
-  itemsPerPage: PropTypes.number.isRequired
+  itemsPerPage: PropTypes.number.isRequired,
 };

assets/js/components/deposit/overrides/CDSAffiliationsSuggestions.js

@@ -13,24 +13,20 @@
   isOrganization,
   idString,
   makeSubheader,
-  makeIdEntry
+  makeIdEntry,
 }) => {
   const CDSmakeIdEntry = (creatibutor) => {
     const { department, group, section } = creatibutor.props || {};
     const workgroup = [department, group, section].filter(Boolean).join("-");
     return (
       <span className="font-weight-normal" key={creatibutor.props.email}>
         <Image
           src="/static/images/cern-favicon.ico"
           className="inline-id-icon ml-5 mr-5"
           verticalAlign="middle"
         />
         {creatibutor.props.email}
-        {workgroup && (
-          <Label size="tiny">
-            {workgroup}
-          </Label>
-        )}
+        {workgroup && <Label size="tiny">{workgroup}</Label>}
       </span>
     );
   };
@@ -52,7 +48,7 @@
 
   return (
     <Header color={isUnlisted ? "grey" : ""}>
       {name} {CDSidString.length > 0 && <>{CDSidString}</>}
       {subheader.length > 0 && <Header.Subheader>{subheader}</Header.Subheader>}
     </Header>
   );
@@ -68,4 +64,4 @@
 
 CDSAffiliationsSuggestions.defaultProps = {
   idString: [],
-};
+};

assets/js/components/frontpage/overrides/RecordsResultsListItem.js

@@ -71,6 +71,18 @@ const ResultHeader = ({
   );
 };
 
+ResultHeader.propTypes = {
+  result: PropTypes.object.isRequired,
+  accessStatusId: PropTypes.string.isRequired,
+  accessStatus: PropTypes.string.isRequired,
+  accessStatusIcon: PropTypes.string.isRequired,
+  publicationDate: PropTypes.string.isRequired,
+  resourceType: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  version: PropTypes.object.isRequired,
+  community: PropTypes.object.isRequired,
+};
+
 export const CDSRecordsResultsListItem = ({
   result,
   accessStatusId,

assets/js/components/search/overrides/CDSRecordsResultsListItemDescription.js

@@ -0,0 +1,66 @@
+// This file is part of CDS RDM
+// Copyright (C) 2025 CERN.
+//
+// CDS 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 _get from "lodash/get";
+import PropTypes from "prop-types";
+import React from "react";
+import { Item } from "semantic-ui-react";
+
+export const CDSRecordsResultsListItemDescription = ({
+  result,
+  descriptionStripped,
+}) => {
+  const getMetadataField = (path) => _get(result, path, []);
+
+  const cdsReferenceId = getMetadataField("metadata.identifiers").find(
+    (id) => id.scheme === "cds_ref"
+  )?.identifier;
+
+  const experiments = getMetadataField("custom_fields.cern:experiments").map(
+    (exp) => exp.title.en
+  );
+  const accelerators = getMetadataField("custom_fields.cern:accelerators").map(
+    (acc) => acc.title.en
+  );
+
+  const hasMetaData =
+    cdsReferenceId || accelerators.length > 0 || experiments.length > 0;
+  const referenceOrAccelerators = cdsReferenceId || accelerators.length > 0;
+  return (
+    <>
+      <Item.Description className="truncate-lines-2">
+        {descriptionStripped}
+      </Item.Description>
+
+      {hasMetaData && (
+        <Item.Meta className="pt-20">
+          {cdsReferenceId && <span className="mr-5">{cdsReferenceId}</span>}
+          {accelerators.length > 0 && (
+            <>
+              {cdsReferenceId && <span className="ml- mr-5">|</span>}
+              <span className={cdsReferenceId ? "ml-5 mr-5" : "mr-5"}>
+                Accelerators: {accelerators.join(", ")}
+              </span>
+            </>
+          )}
+          {experiments.length > 0 && (
+            <>
+              {referenceOrAccelerators && <span className="ml-5 mr-5">|</span>}
+              <span className={referenceOrAccelerators ? "ml-5 mr-5" : "mr-5"}>
+                Experiments: {experiments.join(", ")}
+              </span>
+            </>
+          )}
+        </Item.Meta>
+      )}
+    </>
+  );
+};
+
+CDSRecordsResultsListItemDescription.propTypes = {
+  result: PropTypes.object.isRequired,
+  descriptionStripped: PropTypes.string.isRequired,
+};

assets/js/invenio_app_rdm/overridableRegistry/mapping.js

@@ -1,8 +1,8 @@
 import { BasicCERNInformation } from "../../components/deposit/BasicInformation";
 import { CDSCarouselItem } from "../../components/communities_carousel/overrides/CarouselItem";
-import { CDSCommunitiesCarousel } from "../../components/communities_carousel/overrides/CommunitiesCarousel";
 import { CDSRecordsList } from "../../components/frontpage/overrides/RecordsList";
 import { CDSRecordsResultsListItem } from "../../components/frontpage/overrides/RecordsResultsListItem";
+import { CDSRecordsResultsListItemDescription } from "../../components/search/overrides/CDSRecordsResultsListItemDescription";
 import { CDSAffiliationsSuggestions } from "../../components/deposit/overrides/CDSAffiliationsSuggestions";
 
 export const overriddenComponents = {
@@ -15,4 +15,6 @@ export const overriddenComponents = {
   "InvenioAppRdm.Deposit.CustomFields.container": () => null,
   "ReactInvenioForms.AffiliationsSuggestions.content":
     CDSAffiliationsSuggestions,
+  "InvenioAppRdm.Search.RecordsResultsListItem.description":
+    CDSRecordsResultsListItemDescription,
 };

run-js-linter.sh

@@ -28,4 +28,4 @@ for arg in $@; do
 done
 
 printf "${GREEN}Run eslint${NC}\n"
-npx eslint --no-error-on-unmatched-pattern -c .eslintrc.yml site/**/*.js
+npx eslint --no-error-on-unmatched-pattern -c .eslintrc.yml site/**/*.js assets/**/*.js