PyPI - invenio-app-rdm - Versions diffs - 14.0.0b4.dev4__tar.gz → 14.0.0b4.dev6__tar.gz - Mend

@@ -10,7 +10,16 @@
 Changes
 =======
-Version v14.0.0b4.dev4 (released 2025-12-15)
+Version v14.0.0b4.dev6 released 2026-01-22)
+- fix(ExportDropdown): Fix css spacing and responsiveness
+Version v14.0.0b4.dev5 (released 2026-01-21)
+- feat(CopyButton): Pass remaining props to customize UI & functionality
+- refactor(RecordVersionsList): Make version items overridable
+Version v14.0.0b4.dev4 (released 2026-01-15)
 - refactor(ui): support custom file display name resolver
 - fix: use UUID type for request identifiers

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: invenio-app-rdm
-Version: 14.0.0b4.dev4
+Version: 14.0.0b4.dev6
 Summary: Invenio Research Data Management.
 Home-page: https://github.com/inveniosoftware/invenio-app-rdm
 Author: CERN
@@ -101,7 +101,16 @@ https://inveniordm.docs.cern.ch
 Changes
 =======
-Version v14.0.0b4.dev4 (released 2025-12-15)
+Version v14.0.0b4.dev6 released 2026-01-22)
+- fix(ExportDropdown): Fix css spacing and responsiveness
+Version v14.0.0b4.dev5 (released 2026-01-21)
+- feat(CopyButton): Pass remaining props to customize UI & functionality
+- refactor(RecordVersionsList): Make version items overridable
+Version v14.0.0b4.dev4 (released 2026-01-15)
 - refactor(ui): support custom file display name resolver
 - fix: use UUID type for request identifiers

@@ -17,6 +17,6 @@
 #
 # See PEP 0440 for details - https://www.python.org/dev/peps/pep-0440
-__version__ = "14.0.0b4.dev4"
+__version__ = "14.0.0b4.dev6"
 __all__ = ("__version__",)

@@ -6,6 +6,7 @@
 # under the terms of the MIT License; see LICENSE file for more details.
 """Invenio administration view module for audit logs."""
 from flask import current_app
 from invenio_administration.views.base import AdminResourceListView
 from invenio_i18n import lazy_gettext as _

@@ -1,5 +1,5 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2021 CERN.
+// Copyright (C) 2021-2026 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.
@@ -26,18 +26,18 @@ class SimpleCopyButton extends React.Component {
   };
   render() {
-    const { hoverState, size } = this.props;
+    const { hoverState, className, uiProps } = this.props;
     return (
       <Button
-        className="copy"
+        className={`copy ${className || ""}`}
         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}
+        {...uiProps}
       />
     );
   }
@@ -48,13 +48,15 @@ SimpleCopyButton.propTypes = {
   onCopy: PropTypes.func.isRequired,
   url: PropTypes.string,
   hoverState: PropTypes.func,
-  size: PropTypes.string,
+  className: PropTypes.string,
+  uiProps: PropTypes.object,
 };
 SimpleCopyButton.defaultProps = {
   hoverState: null,
   url: null,
-  size: "medium",
+  className: "",
+  uiProps: {},
 };
 export class CopyButton extends Component {
@@ -99,7 +101,7 @@ export class CopyButton extends Component {
   };
   render() {
-    const { popUpPosition, text, url, size } = this.props;
+    const { popUpPosition, text, url, ...uiProps } = this.props;
     const { confirmationPopupMsg, confirmationPopupIsOpen, hoverPopupIsOpen } =
       this.state;
@@ -118,7 +120,7 @@ export class CopyButton extends Component {
               onCopy={this.onCopy}
               url={url}
               hoverState={this.hoverStateHandler}
-              size={size}
+              uiProps={uiProps}
             />
           }
         />
@@ -131,12 +133,10 @@ CopyButton.propTypes = {
   popUpPosition: PropTypes.string,
   text: PropTypes.string,
   url: PropTypes.string,
-  size: PropTypes.string,
 };
 CopyButton.defaultProps = {
   popUpPosition: "right center",
   text: "",
   url: "",
-  size: "medium",
 };

@@ -32,33 +32,27 @@ export class ExportDropdown extends Component {
     });
     return (
-      <Grid>
-        <Grid.Column width={10}>
-          <Dropdown
-            aria-label={i18next.t("Export selection")}
-            selection
-            fluid
-            selectOnNavigation={false}
-            options={exportOptions}
-            onChange={(event, data) => this.setState({ selectedFormatUrl: data.value })}
-            defaultValue={selectedFormatUrl}
-          />
-        </Grid.Column>
-        <Grid.Column width={4} className="pl-0">
-          <Button
-            as="a"
-            role="button"
-            fluid
-            href={selectedFormatUrl}
-            title={i18next.t("Download file")}
-          >
-            {i18next.t("Export")}
-          </Button>
-        </Grid.Column>
-        <Grid.Column width={2} className="pl-0">
-          <CopyButton url={selectedFormatUrl} />
-        </Grid.Column>
-      </Grid>
+      <div className="auto-column-grid no-wrap">
+        <Dropdown
+          aria-label={i18next.t("Export selection")}
+          selection
+          fluid
+          selectOnNavigation={false}
+          options={exportOptions}
+          onChange={(event, data) => this.setState({ selectedFormatUrl: data.value })}
+          defaultValue={selectedFormatUrl}
+        />
+        <Button
+          as="a"
+          role="button"
+          fluid
+          href={selectedFormatUrl}
+          title={i18next.t("Download file")}
+        >
+          {i18next.t("Export")}
+        </Button>
+        <CopyButton url={selectedFormatUrl} />
+      </div>
     );
   }
 }

@@ -12,6 +12,7 @@ import { Grid, Icon, Message, Placeholder, List, Divider } from "semantic-ui-rea
 import { i18next } from "@translations/invenio_app_rdm/i18next";
 import PropTypes from "prop-types";
 import { withCancel, http, ErrorMessage } from "react-invenio-forms";
+import Overridable from "react-overridable";
 const deserializeRecord = (record) => ({
   id: record.id,
@@ -26,37 +27,44 @@ const deserializeRecord = (record) => ({
 const NUMBER_OF_VERSIONS = 5;
-const RecordVersionItem = ({ item, activeVersion }) => {
+export const RecordVersionItem = ({ item, activeVersion }) => {
   const doi = _get(item.pids, "doi.identifier", "");
   return (
-    <List.Item key={item.id} {...(activeVersion && { className: "version active" })}>
-      <List.Content floated="left">
-        {activeVersion ? (
-          <span className="text-break">
-            {i18next.t("Version {{- version}}", { version: item.version })}
-          </span>
-        ) : (
-          <a href={`/records/${item.id}`} className="text-break">
-            {i18next.t("Version {{- version}}", { version: item.version })}
-          </a>
-        )}
-        {doi && (
-          <a
-            href={`https://doi.org/${doi}`}
-            className={"doi" + (activeVersion ? " text-muted-darken" : " text-muted")}
-          >
-            {doi}
-          </a>
-        )}
-      </List.Content>
-      <List.Content floated="right">
-        <small className={activeVersion ? "text-muted-darken" : "text-muted"}>
-          {item.publication_date}
-        </small>
-      </List.Content>
-    </List.Item>
+    <Overridable
+      id="InvenioAppRdm.RecordVersionsList.Item.container"
+      item={item}
+      activeVersion={activeVersion}
+      doi={doi}
+    >
+      <List.Item key={item.id} {...(activeVersion && { className: "version active" })}>
+        <List.Content floated="left">
+          {activeVersion ? (
+            <span className="text-break">
+              {i18next.t("Version {{- version}}", { version: item.version })}
+            </span>
+          ) : (
+            <a href={`/records/${item.id}`} className="text-break">
+              {i18next.t("Version {{- version}}", { version: item.version })}
+            </a>
+          )}
+          {doi && (
+            <a
+              href={`https://doi.org/${doi}`}
+              className={"doi" + (activeVersion ? " text-muted-darken" : " text-muted")}
+            >
+              {doi}
+            </a>
+          )}
+        </List.Content>
+        <List.Content floated="right">
+          <small className={activeVersion ? "text-muted-darken" : "text-muted"}>
+            {item.publication_date}
+          </small>
+        </List.Content>
+      </List.Item>
+    </Overridable>
   );
 };

@@ -52,10 +52,12 @@ function renderRecordManagement(element) {
 const recordVersionsAppDiv = document.getElementById("recordVersions");
 if (recordVersionsAppDiv) {
   ReactDOM.render(
-    <RecordVersionsList
-      record={JSON.parse(recordVersionsAppDiv.dataset.record)}
-      isPreview={JSON.parse(recordVersionsAppDiv.dataset.preview)}
-    />,
+    <OverridableContext.Provider value={overriddenComponents}>
+      <RecordVersionsList
+        record={JSON.parse(recordVersionsAppDiv.dataset.record)}
+        isPreview={JSON.parse(recordVersionsAppDiv.dataset.preview)}
+      />
+    </OverridableContext.Provider>,
     recordVersionsAppDiv
   );
 }

@@ -38,6 +38,7 @@ This script has been tested with following data:
   - drafts visible
   - records visible
 """
 import sys
 from click import secho

invenio-app-rdm 14.0.0b4.dev4__tar.gz → 14.0.0b4.dev6__tar.gz

invenio-app-rdm 14.0.0b4.dev4tar.gz → 14.0.0b4.dev6tar.gz