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/requests/timeline/AccessRequestTimelineEdit.js

@@ -0,0 +1,177 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023-2025 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 PropTypes from "prop-types";
+import React, { Component } from "react";
+import { Grid, Form, Button, Header, Segment } from "semantic-ui-react";
+import { Formik } from "formik";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { SuccessIcon } from "@js/invenio_communities/members";
+import { http, withCancel, ErrorMessage, TextField } from "react-invenio-forms";
+import * as Yup from "yup";
+import { DateTime } from "luxon";
+
+export class AccessRequestTimelineEdit extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: false,
+      error: undefined,
+    };
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  accessRequestFormSchema = Yup.object({
+    secret_link_expiration: Yup.date()
+      .typeError(i18next.t("Invalid date format."))
+      .min(
+        DateTime.now().toJSDate(),
+        i18next.t("Access link expiration date cannot be in the past.")
+      )
+      .nullable(),
+  });
+
+  handleSubmit = async (values) => {
+    this.setState({ loading: true, actionSuccess: false });
+    const { request } = this.props;
+
+    const {
+      payload,
+      links: { self: selfLink },
+    } = request;
+    const { secret_link_expiration: secretLinkExpiration } = values;
+    if (secretLinkExpiration === null || secretLinkExpiration === "") {
+      payload["secret_link_expiration"] = "0";
+    } else {
+      const date = DateTime.fromISO(secretLinkExpiration);
+      const days = date.diff(DateTime.now(), "days").days;
+
+      // update days to expiration
+      payload["secret_link_expiration"] = Math.ceil(days).toString();
+    }
+    const data = { payload: payload };
+    this.cancellableAction = withCancel(http.put(selfLink, data));
+
+    try {
+      await this.cancellableAction.promise;
+      this.setState({ loading: false, actionSuccess: true, error: undefined });
+    } catch (error) {
+      if (error === "UNMOUNTED") return;
+
+      this.setState({
+        error: error,
+        loading: false,
+        actionSuccess: false,
+      });
+      console.error(error);
+    }
+  };
+
+  initFormValues = () => {
+    const {
+      request: {
+        payload: { secret_link_expiration: secretLinkExpiration },
+      },
+    } = this.props;
+
+    if (parseInt(secretLinkExpiration) === 0 || secretLinkExpiration === "NaN") {
+      return {
+        secret_link_expiration: "",
+      };
+    }
+    const dateFromDays = DateTime.now().plus({
+      days: parseInt(secretLinkExpiration),
+    });
+    return {
+      secret_link_expiration: dateFromDays.toISODate(),
+    };
+  };
+
+  render() {
+    const { actionSuccess, loading, error } = this.state;
+    return (
+      <>
+        <Header
+          icon="edit outline"
+          attached="top"
+          className="highlight"
+          content={i18next.t("Access request")}
+        />
+        <Formik
+          onSubmit={this.handleSubmit}
+          enableReinitialize
+          initialValues={this.initFormValues()}
+          validationSchema={this.accessRequestFormSchema}
+        >
+          {({ values, handleSubmit }) => {
+            return (
+              <Segment attached="bottom">
+                <Form>
+                  {error && (
+                    <ErrorMessage
+                      header={i18next.t(
+                        "Unable to change the expiration request settings."
+                      )}
+                      content={i18next.t(error)}
+                      icon="exclamation"
+                      className="text-align-left"
+                      negative
+                    />
+                  )}
+                  <Grid>
+                    <Grid.Row>
+                      <Grid.Column width={12}>
+                        <Form.Field inline>
+                          <TextField
+                            inline
+                            fluid={false}
+                            fieldPath="secret_link_expiration"
+                            value={values.secret_link_expiration}
+                            label={i18next.t("Expiration date: ")}
+                            helpText={i18next.t(
+                              "Format: YYYY-MM-DD. Granted access will expire on the given date. Leave empty to set no expiration limit."
+                            )}
+                            icon="calendar alternate"
+                          />
+                        </Form.Field>
+                      </Grid.Column>
+                      <Grid.Column width={4} textAlign="right">
+                        {actionSuccess && (
+                          <SuccessIcon
+                            className="mr-10"
+                            timeOutDelay={3000}
+                            show={actionSuccess}
+                          />
+                        )}
+                        <Button
+                          size="small"
+                          labelPosition="left"
+                          icon="checkmark"
+                          primary
+                          content={i18next.t("Save")}
+                          onClick={(event) => handleSubmit(event)}
+                          loading={loading}
+                          disabled={loading}
+                        />
+                      </Grid.Column>
+                    </Grid.Row>
+                  </Grid>
+                </Form>
+              </Segment>
+            );
+          }}
+        </Formik>
+      </>
+    );
+  }
+}
+
+AccessRequestTimelineEdit.propTypes = {
+  request: PropTypes.object.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/requests/timeline/AccessRequestTimelineRead.js

@@ -0,0 +1,50 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023-2025 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 PropTypes from "prop-types";
+import React, { Component } from "react";
+import { Header, Segment } from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { DateTime } from "luxon";
+
+export class AccessRequestTimelineRead extends Component {
+  render() {
+    const {
+      request: {
+        updated,
+        payload: { secret_link_expiration: secretLinkExpiration },
+      },
+    } = this.props;
+
+    const expirationDate =
+      parseInt(secretLinkExpiration) === 0
+        ? i18next.t("Never")
+        : DateTime.fromISO(updated)
+            .plus({
+              days: parseInt(secretLinkExpiration),
+            })
+            .toISODate();
+    return (
+      <>
+        <Header
+          size="big"
+          icon="edit outline"
+          attached="top"
+          className="highlight"
+          content={i18next.t("Access request")}
+        />
+        <Segment className="attached rel-mb-2">
+          <strong>{i18next.t("Link expiration date:")} </strong>
+          <label>{expirationDate}</label>
+        </Segment>
+      </>
+    );
+  }
+}
+
+AccessRequestTimelineRead.propTypes = {
+  request: PropTypes.object.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/requests/timeline/overrides/TimelineFeedHeader.js

@@ -0,0 +1,34 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023-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 PropTypes from "prop-types";
+import React from "react";
+import { AccessRequestTimelineEdit } from "../AccessRequestTimelineEdit";
+import { AccessRequestTimelineRead } from "../AccessRequestTimelineRead";
+
+export const TimelineFeedHeader = ({ request, permissions }) => {
+  if (request.type !== "guest-access-request") {
+    return null;
+  }
+
+  return (
+    <>
+      {/* access request receiver (record owner) can change action/expiration */}
+      {request.status === "submitted" && permissions.can_manage && (
+        <AccessRequestTimelineEdit request={request} />
+      )}
+      {/* when accepted, creator and receiver will see only the read-only version. */}
+      {request.status === "accepted" && (
+        <AccessRequestTimelineRead request={request} permissions={permissions} />
+      )}
+    </>
+  );
+};
+
+TimelineFeedHeader.propTypes = {
+  request: PropTypes.object.isRequired,
+  permissions: PropTypes.object.isRequired,
+};

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

@@ -1,5 +1,5 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2020-2022 CERN.
+// Copyright (C) 2020-2024 CERN.
 // Copyright (C) 2020-2021 Northwestern University.
 // Copyright (C) 2021 Graz University of Technology.
 // Copyright (C) 2021-2022 New York University.
@@ -129,10 +129,11 @@ export const RDMRecordSearchBarElement = withState(
           "icon": "search",
           "onClick": onBtnSearchClick,
           "className": "search",
-          "aria-label": "Search",
+          "aria-label": i18next.t("Search"),
         }}
         fluid
         placeholder={placeholder}
+        aria-label={placeholder}
         onChange={(event, { value }) => {
           onInputChange(value);
         }}
@@ -169,9 +170,9 @@ export const RDMToggleComponent = ({
       <Card.Content>
         <Checkbox
           toggle
-          label={label}
+          label={<label aria-hidden="true">{label}</label>}
           name="versions-toggle"
-          id="versions-toggle"
+          aria-label={label}
           onClick={onToggleClicked}
           checked={isChecked}
         />
@@ -189,7 +190,7 @@ RDMToggleComponent.propTypes = {
 };
 
 export const RDMCountComponent = ({ totalResults }) => {
-  return <Label>{totalResults.toLocaleString("en-US")}</Label>;
+  return <Label>{totalResults.toLocaleString(i18next.language)}</Label>;
 };
 
 RDMCountComponent.propTypes = {
@@ -202,8 +203,9 @@ export const RDMEmptyResults = ({ queryString, searchPath, resetQuery }) => {
       <Grid.Row centered>
         <Grid.Column width={12} textAlign="center">
           <Header as="h2">
-            {i18next.t("We couldn't find any matches for ")}
-            {(queryString && `'${queryString}'`) || i18next.t("your search")}
+            {i18next.t("We couldn't find any matches for {{- search}}", {
+              search: (queryString && `'${queryString}'`) || i18next.t("your search"),
+            })}
           </Header>
         </Grid.Column>
       </Grid.Row>
@@ -222,17 +224,17 @@ export const RDMEmptyResults = ({ queryString, searchPath, resetQuery }) => {
               {i18next.t("ProTip")}!
             </Header>
             <p>
-              <a href={`${searchPath}?q=metadata.publication_date:[2017-01-01 TO *]`}>
-                metadata.publication_date:[2017-01-01 TO *]
+              <a href={`${searchPath}?q=metadata.publication_date:[2025-01-01 TO *]`}>
+                metadata.publication_date:[2025-01-01 TO *]
               </a>{" "}
-              {i18next.t("will give you all the publications from 2017 until today.")}
+              {i18next.t("will give you all the publications from 2025 until today.")}
             </p>
             <p>
-              {i18next.t("For more tips, check out our ")}
+              {i18next.t("For more tips, check out our ")}{" "}
               <a href="/help/search" title={i18next.t("Search guide")}>
                 {i18next.t("search guide")}
-              </a>
-              {i18next.t(" for defining advanced search queries.")}
+              </a>{" "}
+              {i18next.t("for defining advanced search queries.")}
             </p>
           </Segment>
         </Grid.Column>

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/search/index.js

@@ -25,7 +25,7 @@ import {
 } from "@js/invenio_search_ui/components";
 
 const ContribSearchAppFacetsWithConfig = parametrize(ContribSearchAppFacets, {
-  toogle: true,
+  toggle: true,
 });
 
 const appName = "InvenioAppRdm.Search";

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/subcommunity/browse.js

@@ -0,0 +1,28 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2024 CERN.
+ *
+ * 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 React from "react";
+import ReactDOM from "react-dom";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import _get from "lodash/get";
+
+import { CommunitiesCardGroup } from "@js/invenio_communities/community";
+
+const subCommunitiesContainer = document.getElementById("subcommunities-container");
+const apiEndpoint = _get(subCommunitiesContainer.dataset, "apiEndpoint");
+
+if (subCommunitiesContainer) {
+  ReactDOM.render(
+    <CommunitiesCardGroup
+      fetchDataUrl={`${apiEndpoint}?sort=oldest&page=1&size=5`}
+      emptyMessage={i18next.t("This community has no subcommunities")}
+      defaultLogo="/static/images/square-placeholder.png"
+    />,
+    subCommunitiesContainer
+  );
+}

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

@@ -1,5 +1,13 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2024 CERN.
+// 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.
+
 import $ from "jquery";
 import { MultipleOptionsSearchBar } from "@js/invenio_search_ui/components";
+import { CopyButton } from "@js/invenio_app_rdm/components/CopyButton";
 import { i18next } from "@translations/invenio_app_rdm/i18next";
 import ReactDOM from "react-dom";
 import React from "react";
@@ -55,6 +63,23 @@ $("#user-profile-dropdown.ui.dropdown").dropdown({
   },
 });
 
+/* Quick create ("plus") dropdown */
+$("#quick-create-dropdown.ui.dropdown").dropdown({
+  showOnFocus: false,
+  selectOnKeydown: false,
+  action: (text, value, element) => {
+    // needed to trigger navigation on keyboard interaction
+    let path = element.attr("href");
+    window.location.pathname = path;
+  },
+  onShow: () => {
+    $("#quick-create-dropdown-btn").attr("aria-expanded", true);
+  },
+  onHide: () => {
+    $("#quick-create-dropdown-btn").attr("aria-expanded", false);
+  },
+});
+
 /* Burger menu */
 const $burgerIcon = $("#rdm-burger-menu-icon");
 const $closeBurgerIcon = $("#rdm-close-burger-menu-icon");
@@ -84,13 +109,56 @@ $invenioMenu.on("keydown", (event) => {
   }
 });
 
+// Search bar
 const headerSearchbar = document.getElementById("header-search-bar");
-const searchBarOptions = JSON.parse(headerSearchbar.dataset.options);
-
-ReactDOM.render(
-  <MultipleOptionsSearchBar
-    options={searchBarOptions}
-    placeholder={i18next.t("Search records...")}
-  />,
-  headerSearchbar
-);
+
+if (headerSearchbar) {
+  const searchBarOptions = JSON.parse(headerSearchbar.dataset.options);
+
+  ReactDOM.render(
+    <MultipleOptionsSearchBar
+      options={searchBarOptions}
+      placeholder={i18next.t("Search records...")}
+    />,
+    headerSearchbar
+  );
+}
+
+// Login Logout Button
+const $authButton = $("#invenio-nav.ui.menu").find(".auth-button");
+const $authIcon = $authButton.find(".auth-icon");
+
+const handleAuthButtonClick = () => {
+  $authButton.attr(
+    "aria-label",
+    $authIcon.hasClass("sign-in")
+      ? i18next.t("Logging in...")
+      : i18next.t("Logging out...")
+  );
+  $authButton.attr("aria-busy", "true");
+  $authButton.addClass("disabled");
+  $authIcon.attr("class", "spinner loading icon");
+};
+
+$authButton.on({ click: handleAuthButtonClick });
+
+const invenioConfig = JSON.parse(document.body.dataset.invenioConfig);
+const isMathJaxEnabled = invenioConfig?.isMathJaxEnabled;
+if (window.invenio) {
+  window.invenio.onSearchResultsRendered = async () => {
+    if (isMathJaxEnabled) {
+      // Re-render mathematical content on the page using MathJax.
+      // The promise is required to make sure that MathJax is fully loaded before
+      // typesetting, and potentially autoloading extra extensions.
+      await window.MathJax.typesetPromise();
+    }
+  };
+}
+
+// Copy Buttons for DOI
+document.querySelectorAll(".copy-doi-button").forEach((element) => {
+  ReactDOM.render(
+    <CopyButton text={element.dataset.value} size={element.dataset.size} />,
+    element
+  );
+});