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/user_dashboard/uploads_items/ComputerTabletUploadsItem.js

@@ -1,19 +1,21 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2022 CERN.
+// Copyright (C) 2022-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 { i18next } from "@translations/invenio_app_rdm/i18next";
-import _truncate from "lodash/truncate";
 import React from "react";
+import PropTypes from "prop-types";
+import _get from "lodash/get";
 import { Button, Icon, Item, Label } from "semantic-ui-react";
 import { SearchItemCreators } from "../../utils";
-import PropTypes from "prop-types";
+import { CompactStats } from "../../components/CompactStats";
+import { DisplayPartOfCommunities } from "../../components/DisplayPartOfCommunities";
 
 export const ComputerTabletUploadsItem = ({
   result,
-  editRecord,
+  viewDraft,
   statuses,
   access,
   uiMetadata,
@@ -38,6 +40,8 @@ export const ComputerTabletUploadsItem = ({
   ) : (
     <Icon name="upload" className="negative" />
   );
+  const uniqueViews = _get(result, "stats.all_versions.unique_views", 0);
+  const uniqueDownloads = _get(result, "stats.all_versions.unique_downloads", 0);
 
   return (
     <Item key={result.id} className="deposits-list-item computer tablet only flex">
@@ -47,32 +51,26 @@ export const ComputerTabletUploadsItem = ({
         </Item.Content>
       </div>
       <Item.Content>
+        {/* FIXME: Uncomment to enable themed banner */}
+        {/* <DisplayVerifiedCommunity communities={result.parent?.communities} /> */}
         <Item.Extra className="labels-actions">
           {result.status in statuses && result.status !== "published" && (
-            <Label size="tiny" className={statuses[result.status].color}>
+            <Label horizontal size="small" className={statuses[result.status].color}>
               {statuses[result.status].title}
             </Label>
           )}
-          <Label size="tiny" className="primary">
+          <Label horizontal size="small" className="primary">
             {publicationDate} ({version})
           </Label>
-          <Label size="tiny" className="neutral">
+          <Label horizontal size="small" className="neutral">
             {resourceType}
           </Label>
-          <Label size="tiny" className={`access-status ${accessStatusId}`}>
+          <Label horizontal size="small" className={`access-status ${accessStatusId}`}>
             <i className={`icon ${accessStatusIcon}`} />
             {accessStatus}
           </Label>
-          <Button
-            compact
-            size="small"
-            floated="right"
-            onClick={() => editRecord()}
-            labelPosition="left"
-            icon="edit"
-            content={i18next.t("Edit")}
-          />
-          {isPublished && (
+
+          {isPublished ? (
             <Button
               compact
               size="small"
@@ -82,6 +80,16 @@ export const ComputerTabletUploadsItem = ({
               icon="eye"
               content={i18next.t("View")}
             />
+          ) : (
+            <Button
+              compact
+              size="small"
+              floated="right"
+              onClick={() => viewDraft()}
+              labelPosition="left"
+              icon="eye"
+              content={i18next.t("View")}
+            />
           )}
         </Item.Extra>
         <Item.Header as="h2">
@@ -94,10 +102,8 @@ export const ComputerTabletUploadsItem = ({
             <SearchItemCreators creators={creators} />
           </div>
         </Item.Meta>
-        <Item.Description>
-          {_truncate(descriptionStripped, {
-            length: 350,
-          })}
+        <Item.Description className="truncate-lines-2">
+          {descriptionStripped}
         </Item.Description>
         <Item.Extra>
           {subjects.map((subject) => (
@@ -105,20 +111,34 @@ export const ComputerTabletUploadsItem = ({
               {subject.title_l10n}
             </Label>
           ))}
-          <div>
-            {}
+
+          <div className="flex justify-space-between align-items-end">
             <small>
+              <DisplayPartOfCommunities communities={result.parent?.communities} />
+
               {createdDate ? (
                 <>
-                  {i18next.t("Uploaded on")} <span>{createdDate}</span>
+                  {i18next.t("Uploaded on {{uploadDate}}", { uploadDate: createdDate })}
                 </>
               ) : (
                 i18next.t("No creation date found.")
               )}
               {publishingInformation && (
-                <span> | {i18next.t("Published in: ") + publishingInformation}</span>
+                <span>
+                  {" "}
+                  |{" "}
+                  {i18next.t("Published in: {{- publishInfo }}", {
+                    publishInfo: publishingInformation,
+                  })}
+                </span>
               )}
             </small>
+            <small>
+              <CompactStats
+                uniqueViews={uniqueViews}
+                uniqueDownloads={uniqueDownloads}
+              />
+            </small>
           </div>
         </Item.Extra>
       </Item.Content>
@@ -128,7 +148,7 @@ export const ComputerTabletUploadsItem = ({
 
 ComputerTabletUploadsItem.propTypes = {
   result: PropTypes.object.isRequired,
-  editRecord: PropTypes.func.isRequired,
+  viewDraft: PropTypes.func.isRequired,
   statuses: PropTypes.object.isRequired,
   access: PropTypes.object.isRequired,
   uiMetadata: PropTypes.object.isRequired,

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/user_dashboard/uploads_items/MobileUploadsItem.js

@@ -1,19 +1,21 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2022 CERN.
+// Copyright (C) 2022-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 { i18next } from "@translations/invenio_app_rdm/i18next";
-import _truncate from "lodash/truncate";
 import React from "react";
+import PropTypes from "prop-types";
+import _get from "lodash/get";
 import { Dropdown, Icon, Item, Label } from "semantic-ui-react";
 import { SearchItemCreators } from "../../utils";
-import PropTypes from "prop-types";
+import { CompactStats } from "../../components/CompactStats";
+import { DisplayPartOfCommunities } from "../../components/DisplayPartOfCommunities";
 
 export const MobileUploadsItem = ({
   result,
-  editRecord,
+  viewDraft,
   statuses,
   access,
   uiMetadata,
@@ -38,23 +40,27 @@ export const MobileUploadsItem = ({
   ) : (
     <Icon name="upload" className="negative mr-10" />
   );
+  const uniqueViews = _get(result, "stats.all_versions.unique_views", 0);
+  const uniqueDownloads = _get(result, "stats.all_versions.unique_downloads", 0);
 
   return (
     <Item key={result.id} className="deposits-list-item mobile only flex">
       <Item.Content className="centered">
+        {/* FIXME: Uncomment to enable themed banner */}
+        {/* <DisplayVerifiedCommunity communities={result.parent?.communities} /> */}
         <Item.Extra className="labels-actions">
           {result.status in statuses && result.status !== "published" && (
-            <Label size="tiny" className={statuses[result.status].color}>
+            <Label horizontal size="small" className={statuses[result.status].color}>
               {statuses[result.status].title}
             </Label>
           )}
-          <Label size="tiny" className="primary">
+          <Label horizontal size="small" className="primary">
             {publicationDate} ({version})
           </Label>
-          <Label size="tiny" className="neutral">
+          <Label horizontal size="small" className="neutral">
             {resourceType}
           </Label>
-          <Label size="tiny" className={`access-status ${accessStatusId}`}>
+          <Label horizontal size="small" className={`access-status ${accessStatusId}`}>
             <i className={`icon ${accessStatusIcon}`} />
             {accessStatus}
           </Label>
@@ -70,10 +76,8 @@ export const MobileUploadsItem = ({
             <SearchItemCreators creators={creators} />
           </div>
         </Item.Meta>
-        <Item.Description>
-          {_truncate(descriptionStripped, {
-            length: 100,
-          })}
+        <Item.Description className="truncate-lines-2">
+          {descriptionStripped}
         </Item.Description>
         <Item.Extra>
           <Item.Extra>
@@ -83,43 +87,55 @@ export const MobileUploadsItem = ({
               </Label>
             ))}
             <div>
-              {}
               <small>
+                <DisplayPartOfCommunities communities={result.parent?.communities} />
                 {createdDate ? (
                   <>
-                    {i18next.t("Uploaded on")} <span>{createdDate}</span>
+                    {i18next.t("Uploaded on {{uploadDate}}", {
+                      uploadDate: createdDate,
+                    })}
                   </>
                 ) : (
                   i18next.t("No creation date found.")
                 )}
               </small>
-            </div>
-            <div>
               <small>
                 {publishingInformation && (
-                  <span> {i18next.t("Published in: ") + publishingInformation}</span>
+                  <span>
+                    {i18next.t("Published in: {{- publishedIn }}", {
+                      publishedIn: publishingInformation,
+                    })}
+                  </span>
                 )}
               </small>
+              <div className="rel-mt-1">
+                <small>
+                  <CompactStats
+                    uniqueViews={uniqueViews}
+                    uniqueDownloads={uniqueDownloads}
+                  />
+                </small>
+              </div>
             </div>
           </Item.Extra>
         </Item.Extra>
         <Item.Extra>
           <Dropdown button text={i18next.t("Actions")} labeled className="icon">
             <Dropdown.Menu>
-              <Dropdown.Item
-                onClick={() => editRecord()}
-                labelPosition="left"
-                icon="edit"
-                content={i18next.t("Edit")}
-              />
-
-              {isPublished && (
+              {isPublished ? (
                 <Dropdown.Item
-                  labelPosition="left"
+                  labelposition="left"
                   href={viewLink}
                   icon="eye"
                   content={i18next.t("View")}
                 />
+              ) : (
+                <Dropdown.Item
+                  onClick={() => viewDraft()}
+                  labelposition="left"
+                  icon="eye"
+                  content={i18next.t("View")}
+                />
               )}
             </Dropdown.Menu>
           </Dropdown>
@@ -131,7 +147,7 @@ export const MobileUploadsItem = ({
 
 MobileUploadsItem.propTypes = {
   result: PropTypes.object.isRequired,
-  editRecord: PropTypes.func.isRequired,
+  viewDraft: PropTypes.func.isRequired,
   statuses: PropTypes.object.isRequired,
   access: PropTypes.object.isRequired,
   uiMetadata: PropTypes.object.isRequired,

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/utils.js

@@ -2,6 +2,8 @@
 // Copyright (C) 2021 CERN.
 // Copyright (C) 2021 New York University.
 // Copyright (C) 2022 data-futures.
+// Copyright (C) 2023 Northwestern University.
+// Copyright (C) 2024 KTH Royal Institute of Technology.
 //
 // 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.
@@ -11,7 +13,7 @@ import React from "react";
 import { i18next } from "@translations/invenio_app_rdm/i18next";
 import { DateTime } from "luxon";
 
-export function SearchItemCreators({ creators, className }) {
+export function SearchItemCreators({ creators, className, othersLink }) {
   let spanClass = "creatibutor-wrap separated";
   className && (spanClass += ` ${className}`);
 
@@ -26,19 +28,19 @@ export function SearchItemCreators({ creators, className }) {
         link = `https://orcid.org/${identifier}`;
         linkTitle = i18next.t("ORCID profile");
         icon = "/static/images/orcid.svg";
-        alt = "ORCID logo";
+        alt = i18next.t("ORCID logo");
         break;
       case "ror":
         link = `https://ror.org/${identifier}`;
         linkTitle = i18next.t("ROR profile");
         icon = "/static/images/ror-icon.svg";
-        alt = "ROR logo";
+        alt = i18next.t("ROR logo");
         break;
       case "gnd":
         link = `https://d-nb.info/gnd/${identifier}`;
         linkTitle = i18next.t("GND profile");
         icon = "/static/images/gnd-icon.svg";
-        alt = "GND logo";
+        alt = i18next.t("GND logo");
         break;
       default:
         return null;
@@ -60,13 +62,13 @@ export function SearchItemCreators({ creators, className }) {
 
   function getIcons(creator) {
     let ids = _get(creator, "person_or_org.identifiers", []);
-    let creatorName = _get(creator, "person_or_org.name", "No name");
+    let creatorName = _get(creator, "person_or_org.name", i18next.t("No name"));
     let icons = ids.map((c) => makeIcon(c.scheme, c.identifier, creatorName));
     return icons;
   }
 
   function getLink(creator) {
-    let creatorName = _get(creator, "person_or_org.name", "No name");
+    let creatorName = _get(creator, "person_or_org.name", i18next.t("No name"));
     let link = (
       <a
         className="creatibutor-link"
@@ -78,12 +80,35 @@ export function SearchItemCreators({ creators, className }) {
     );
     return link;
   }
-  return creators.map((creator) => (
+
+  const numDisplayed = 3;
+  const result = creators.slice(0, numDisplayed).map((creator) => (
     <span className={spanClass} key={creator.person_or_org.name}>
       {getLink(creator)}
       {getIcons(creator)}
     </span>
   ));
+
+  const numExtra = creators.length - numDisplayed;
+  if (0 < numExtra) {
+    let text;
+    if (numExtra === 1) {
+      text = i18next.t("and {{count}} other", { count: numExtra });
+    } else {
+      text = i18next.t("and {{count}} others", { count: numExtra });
+    }
+    result.push(
+      <span className={spanClass} key={text}>
+        <a className="creatibutor-link" href={othersLink}>
+          <span className="creatibutor-name">
+            {i18next.t(text, { count: numExtra })}
+          </span>
+        </a>
+      </span>
+    );
+  }
+
+  return result;
 }
 
 /**

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/file_uploader/uppy.less

@@ -0,0 +1,37 @@
+/*
+ *   Copyright (C) 2025 CESNET
+ *
+ * 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 "@uppy/core/dist/style.min.css";
+@import "@uppy/dashboard/dist/style.min.css";
+@import "@uppy/image-editor/dist/style.min.css";
+
+.uppy-Dashboard-AddFiles {
+  padding: 1.2rem;
+}
+.uppy-Dashboard-AddFiles-info {
+  display: block;
+}
+
+.uppy-Dashboard-note {
+  padding-top: 3rem;
+}
+
+.uppy-Dashboard-inner {
+  border-radius: 0 0 5px 5px;
+}
+
+.uppy-Dashboard-innerWrap {
+  height: 350px;
+
+  &:has(#uppy-DashboardContent-panel--editor) {
+    height: 500px;
+  }
+}
+
+.uppy-DashboardContent-bar, .uppy-StatusBar {
+  z-index: 10;
+}

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/landing_page/creatibutors.less

@@ -8,18 +8,29 @@
  * it under the terms of the MIT License; see LICENSE file for more details.
  */
 
+h3.ui.small.header.creatibutors-header {
+  display: inline-block;
+  color: @mutedTextColor;
+  margin-bottom: .5rem;
+  margin-right: .5rem;
+  font-weight: bold !important;
+}
+
+h3.ui.small.header.creatibutors-header + ul.creatibutors {
+  display: inline-block;
+}
+
 .creatibutors,
 .ui.items > .item .meta .creatibutors {
   margin: 0 0 0.5rem 0;
-  display: block;
+  padding: 0;
 
   &:last-child {
     margin-bottom: 0;
   }
 
-  dt {
+  li {
     display: inline-block;
-    font-weight: bold;
     margin: 0 0.25rem 0 0;
 
     &.hidden {
@@ -33,7 +44,7 @@
     margin-bottom: .5rem;
 
     &:nth-child(n):not(:last-child) {
-      margin-right: 1rem;
+      margin-right: .5rem;
     }
 
     .identifier-link, .group.icon {

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/landing_page/licenses.less

@@ -1,5 +1,5 @@
 /*
- *   Copyright (C) 2020-2022 CERN.
+ *   Copyright (C) 2020-2025 CERN.
  *   Copyright (C) 2020 Northwestern University.
  *   Copyright (C) 2021 Graz University of Technology.
  *   Copyright (C) 2021 New York University.
@@ -8,10 +8,12 @@
  * it under the terms of the MIT License; see LICENSE file for more details.
  */
 
-section#licenses ul.details-list {
+#licenses ul.details-list,
+#licenses dl.details-list {
   list-style-type: none;
 
-  li {
+  li,
+  dd {
     margin: .5rem 0;
 
     &:first-child {

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/collections/form.overrides

@@ -154,3 +154,18 @@
 }
 
 .generate-ck-editor-heights(30);
+
+.ui.form .success.message,
+.ui.form .warning.message,
+.ui.form .error.message {
+  &.display {
+    display: block !important;
+  }
+}
+
+.ui.negative.message.file-box-message .ui.form {
+  .field > label {
+    font-weight: @bold;
+    color: @negativeTextColor;
+  }
+}

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/collections/grid.overrides

@@ -5,39 +5,9 @@
 /** Deposit search page */
 
 .ui.grid {
-
   .row.highlight-background {
     background-color: @highlightHeaderColor;
   }
-
-  .column.community-header {
-    align-items: center;
-    display: flex;
-  }
-
-  &.record-citation {
-    border-top: 1px solid @borderColor;
-    border-bottom: 1px solid @borderColor;
-
-    label {
-      font-weight: 700;
-    }
-  }
-}
-
-#rdm-footer-element {
-  .ui.grid {
-
-    .row.footer-top {
-      background-color: @footerLightColor;
-      padding: 2rem 0 4rem;
-    }
-
-    .row.footer-bottom, .sub-footer {
-      background-color: @footerDarkColor;
-      box-shadow: 0 2px 5px rgba(0, 0, 0, .2) inset;
-    }
-  }
 }
 
 #record-info .ui.grid.middle.aligned,
@@ -48,14 +18,35 @@
 .sixteen.wide.tablet.five.wide.computer.column.sidebar {
 
   @media screen and (max-width: @largestTabletScreen) {
-    display: inline-flex;
+    display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     padding-top: 0;
   }
 
-  .ui.segment.rdm-sidebar:first-child {
-    margin-top: 0;
+  > .sidebar-container {
+    display: flex;
+    flex-direction: column;
+    margin-bottom: 1rem;
+
+    &:first-child,
+    &:last-child {
+      margin-top: 0;
+      margin-bottom: 1rem;
+    }
+
+
+    @media screen and (max-width: @largestTabletScreen) {
+      flex-basis: calc(50% - 0.5rem);
+      max-width: calc(50% - 0.5rem);
+      margin-top: 0;
+      margin-bottom: 1rem;
+    }
+
+    @media screen and (max-width: @largestMobileScreen) {
+      flex-basis: 100%;
+      max-width: 100%;
+    }
   }
 }
 

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/collections/menu.overrides

@@ -4,6 +4,10 @@
 
 .ui.menu {
 
+  button.item {
+    border: none;
+  }
+
   &.compact {
     .item.active {
       background-color: @primaryColor;
@@ -119,6 +123,7 @@
 }
 
 #invenio-nav.ui.menu {
+
   height: @relative75px;
   position: relative;
 
@@ -153,6 +158,7 @@
 
     &.search-bar {
       padding-right: 1rem;
+      margin-right: 1rem;
     }
 
     &:first-of-type {
@@ -186,6 +192,7 @@
     #user-profile-menu.ui.menu {
       width: inherit;
       background-color: rgb(255,255,255);
+      z-index: 100;
     }
   }
 }
@@ -203,6 +210,14 @@
   }
 }
 
+
+.theme-default{
+  #invenio-nav {
+    height: @relative50px !important;
+  }
+}
+
+
 @media all and (max-width: @largestTabletScreen) {
   #invenio-nav.ui.menu {
 
@@ -210,11 +225,11 @@
       flex-direction: column;
       position: fixed;
       right: 0;
-      max-width: 25rem;
+      max-width: 80vw;
       box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
       background-color: rgb(255,255,255);
       height: 100vh;
-      z-index: 3;
+      z-index: 100 !important;
       padding: 2rem 1.5rem 1.5rem 1.5rem;
       overflow-y: scroll;
 
@@ -233,6 +248,7 @@
 
         &.search-bar {
           width: 100%;
+          margin-right: 0;
 
           .ui.input {
             width: 99% !important;
@@ -378,4 +394,3 @@
     }
   }
 }
-