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/deposit/ShareDraftButton.js

@@ -0,0 +1,65 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2024 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 { connect as connectFormik } from "formik";
+import { connect } from "react-redux";
+import _get from "lodash/get";
+import { ShareButton } from "../landing_page/ShareOptions/ShareButton";
+
+class ShareDraftButtonComponent extends Component {
+  isDisabled = (values, isSubmitting, numberOfFiles) => {
+    const { disabled } = this.props;
+    if (disabled) return true;
+
+    const filesEnabled = _get(values, "files.enabled", false);
+    const filesMissing = filesEnabled && !numberOfFiles;
+    const dataEmpty = Object.keys(values.expanded).length === 0;
+
+    return isSubmitting || filesMissing || dataEmpty;
+  };
+
+  render() {
+    const { numberOfFiles, record, permissions, groupsEnabled, formik } = this.props;
+    const { values, isSubmitting } = formik;
+
+    record.expanded = values.expanded;
+    record.links = values.links;
+    record.parent.access["settings"] = values.parent?.access?.settings;
+
+    return (
+      <ShareButton
+        disabled={this.isDisabled(values, isSubmitting, numberOfFiles)}
+        record={record}
+        permissions={permissions}
+        groupsEnabled={groupsEnabled}
+      />
+    );
+  }
+}
+
+ShareDraftButtonComponent.propTypes = {
+  disabled: PropTypes.bool,
+  record: PropTypes.object.isRequired,
+  permissions: PropTypes.object.isRequired,
+  groupsEnabled: PropTypes.bool.isRequired,
+  formik: PropTypes.object.isRequired,
+  numberOfFiles: PropTypes.number.isRequired,
+};
+
+ShareDraftButtonComponent.defaultProps = {
+  disabled: false,
+};
+
+const mapStateToProps = (state) => ({
+  numberOfFiles: Object.values(state.files.entries).length,
+});
+
+export const ShareDraftButton = connect(
+  mapStateToProps,
+  null
+)(connectFormik(ShareDraftButtonComponent));

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

@@ -0,0 +1,48 @@
+// This file is part of InvenioRDM
+// Copyright (C) 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 { i18next } from "@translations/invenio_app_rdm/i18next";
+
+const depositFormSectionsConfig = {
+  "files-section": ["files.enabled", "files.entries"],
+  "basic-information-section": [
+    "pids.doi",
+    "metadata.resource_type",
+    "metadata.title",
+    "metadata.additional_titles",
+    "metadata.publication_date",
+    "metadata.creators",
+    "metadata.description",
+    "metadata.additional_descriptions",
+    "metadata.rights",
+  ],
+  "recommended-information-section": [
+    "metadata.contributors",
+    "metadata.subjects",
+    "metadata.languages",
+    "metadata.dates",
+    "metadata.version",
+    "metadata.publisher",
+  ],
+  "funding-section": ["metadata.funding"],
+  "alternate-identifiers-section": ["metadata.identifiers"],
+  "related-works-section": ["metadata.related_identifiers"],
+  "visibility-section": ["access.files", "access.embargo.until"],
+};
+
+const severityChecksConfig = {
+  info: {
+    label: i18next.t("Recommendation"),
+    description: i18next.t("This check is recommended but not mandatory."),
+  },
+  error: {
+    label: i18next.t("Error"),
+    description: i18next.t(
+      "This check indicates a critical issue that must be addressed."
+    ),
+  },
+};
+
+export { depositFormSectionsConfig, severityChecksConfig };

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

@@ -1,13 +1,14 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2020-2022 CERN.
+// Copyright (C) 2020-2025 CERN.
 // Copyright (C) 2020-2022 Northwestern University.
+// Copyright (C) 2022-2024 KTH Royal Institute of Technology.
 //
 // 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 ReactDOM from "react-dom";
-import { getInputFromDOM } from "react-invenio-deposit";
+import { getInputFromDOM } from "@js/invenio_rdm_records";
 import { RDMDepositForm } from "./RDMDepositForm";
 import { OverridableContext, overrideStore } from "react-overridable";
 
@@ -20,7 +21,18 @@ ReactDOM.render(
       preselectedCommunity={getInputFromDOM("deposits-draft-community")}
       files={getInputFromDOM("deposits-record-files")}
       config={getInputFromDOM("deposits-config")}
+      useUppy={getInputFromDOM("deposits-use-uppy-ui")}
       permissions={getInputFromDOM("deposits-record-permissions")}
+      filesLocked={getInputFromDOM("deposits-record-locked-files")}
+      recordRestrictionGracePeriod={getInputFromDOM(
+        "deposits-record-restriction-grace-period"
+      )}
+      allowRecordRestriction={getInputFromDOM("deposits-allow-record-restriction")}
+      recordDeletion={getInputFromDOM("deposits-record-deletion")}
+      fileModification={getInputFromDOM("deposits-file-modification")}
+      groupsEnabled={getInputFromDOM("config-groups-enabled")}
+      allowEmptyFiles={getInputFromDOM("records-resources-allow-empty-files")}
+      isDoiRequired={getInputFromDOM("deposits-is-doi-required")}
     />
   </OverridableContext.Provider>,
   document.getElementById("deposit-form")

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

@@ -1,5 +1,5 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2022 CERN.
+// Copyright (C) 2022-2024 CERN.
 //
 // Invenio 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.
@@ -8,7 +8,15 @@ import React, { Component } from "react";
 import PropTypes from "prop-types";
 import { i18next } from "@translations/invenio_app_rdm/i18next";
 import { withCancel, http } from "react-invenio-forms";
-import { Loader, Container, Header, Item, Button, Message } from "semantic-ui-react";
+import {
+  Placeholder,
+  Divider,
+  Container,
+  Header,
+  Item,
+  Button,
+  Message,
+} from "semantic-ui-react";
 import Overridable from "react-overridable";
 import RecordsResultsListItem from "@js/invenio_app_rdm/components/RecordsResultsListItem";
 import isEmpty from "lodash/isEmpty";
@@ -54,6 +62,38 @@ export class RecordsList extends Component {
     }
   };
 
+  renderPlaceHolder = () => {
+    const { title } = this.props;
+
+    return (
+      <Container>
+        <Header as="h2">{title}</Header>
+        {Array.from(Array(10)).map((item, index) => (
+          // eslint-disable-next-line react/no-array-index-key
+          <div key={index}>
+            <Placeholder fluid className="rel-mt-3">
+              <Placeholder.Header>
+                <Placeholder.Line />
+              </Placeholder.Header>
+
+              <Placeholder.Paragraph>
+                <Placeholder.Line />
+              </Placeholder.Paragraph>
+
+              <Placeholder.Paragraph>
+                <Placeholder.Line />
+                <Placeholder.Line />
+                <Placeholder.Line />
+              </Placeholder.Paragraph>
+            </Placeholder>
+
+            {index < 9 && <Divider className="rel-mt-2 rel-mb-2" />}
+          </div>
+        ))}
+      </Container>
+    );
+  };
+
   render() {
     const { isLoading, data, error } = this.state;
     const { title, appName } = this.props;
@@ -65,25 +105,25 @@ export class RecordsList extends Component {
     });
 
     return (
-      !isEmpty(listItems) && (
-        <Container>
-          {isLoading && <Loader active inline="centered" />}
-
-          {!isLoading && !error && (
-            <>
-              <Header as="h2">{title}</Header>
-              <Item.Group relaxed link divided>
-                {listItems}
-              </Item.Group>
-              <Container textAlign="center">
-                <Button href="/search">{i18next.t("More")}</Button>
-              </Container>
-            </>
-          )}
-
-          {error && <Message content={error} error icon="warning sign" />}
-        </Container>
-      )
+      <>
+        {isLoading && this.renderPlaceHolder()}
+
+        {!isLoading && !error && !isEmpty(listItems) && (
+          <Container>
+            <Header as="h2">{title}</Header>
+
+            <Item.Group relaxed link divided>
+              {listItems}
+            </Item.Group>
+
+            <Container textAlign="center">
+              <Button href="/search">{i18next.t("More")}</Button>
+            </Container>
+
+            {error && <Message content={error} error icon="warning sign" />}
+          </Container>
+        )}
+      </>
     );
   }
 }

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

@@ -0,0 +1,254 @@
+// 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 _get from "lodash/get";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import isEmpty from "lodash/isEmpty";
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { Formik } from "formik";
+import * as Yup from "yup";
+import { Form, Grid, Checkbox, Button, Modal } from "semantic-ui-react";
+import {
+  http,
+  withCancel,
+  ErrorMessage,
+  TextField,
+  TextAreaField,
+  RadioField,
+} from "react-invenio-forms";
+
+export class AccessRequestForm extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      data: undefined,
+      loading: false,
+      error: undefined,
+      modalOpen: false,
+      retry: true,
+    };
+    // nullable().required() is needed to avoid ``null`` type message errors.
+    this.accessRequestSchema = Yup.object({
+      email: Yup.string().email().nullable().required(),
+      full_name: Yup.string().nullable(),
+      message: Yup.string().nullable(),
+      consent_to_share_personal_data: Yup.bool().required(),
+    });
+
+    this.anonymousAccessRequestSchema = Yup.object({
+      email: Yup.string().email().nullable().required(),
+      full_name: Yup.string().nullable().required(),
+      message: Yup.string().nullable(),
+      consent_to_share_personal_data: Yup.bool().required(),
+    });
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  initFormValues = () => {
+    const { email, fullName } = this.props;
+
+    return {
+      email: email,
+      full_name: !isEmpty(fullName) ? fullName : undefined,
+      message: undefined,
+      consent_to_share_personal_data: false,
+    };
+  };
+
+  handleModalClose = () => {
+    this.setState({ modalOpen: false });
+  };
+
+  handleSuccess = (response) => {
+    const { data } = this.state;
+    const { isAnonymous } = this.props;
+    if (isAnonymous) {
+      this.setState({ modalOpen: true });
+    } else {
+      window.location.replace(data.links.self_html);
+    }
+  };
+
+  handleSubmit = async (values) => {
+    this.setState({ loading: true });
+    const { record } = this.props;
+    values["consent_to_share_personal_data"] =
+      values["consent_to_share_personal_data"].toString();
+    const payload = { ...values };
+
+    const postUrl = record.links.access_request;
+    this.cancellableAction = withCancel(http.post(postUrl, payload));
+    try {
+      const response = await this.cancellableAction.promise;
+      this.setState({ loading: false, data: response.data, error: undefined });
+      this.handleSuccess();
+    } catch (error) {
+      if (error === "UNMOUNTED") return;
+
+      const errorMessage = error?.response?.data?.message || error?.message;
+
+      this.setState({
+        error: errorMessage,
+        loading: false,
+      });
+      console.error(error);
+
+      // Retry the POST request if the request failed on CORS validation.
+      const corsError =
+        errorMessage.toLowerCase().includes("csrf") && error?.response?.status === 400;
+      const { retry } = this.state;
+      if (corsError && retry) {
+        // Disable retries, retry should only happen once.
+        this.setState({ retry: false });
+        this.handleSubmit(values);
+      }
+    }
+  };
+
+  handleChangeConsent = ({ data, formikProps }) => {
+    formikProps.form.setFieldValue("consent_to_share_personal_data", data.checked);
+  };
+
+  render() {
+    const { error, loading, modalOpen } = this.state;
+    const { isAnonymous } = this.props;
+    const disablePersonalDataField = !isAnonymous;
+    return (
+      <>
+        <Formik
+          onSubmit={this.handleSubmit}
+          enableReinitialize
+          initialValues={this.initFormValues()}
+          validationSchema={
+            isAnonymous ? this.anonymousAccessRequestSchema : this.accessRequestSchema
+          }
+          validateOnChange={false}
+          validateOnBlur={false}
+        >
+          {({ values, handleSubmit }) => {
+            const { consent_to_share_personal_data: consent } = values;
+            return (
+              <>
+                {error && (
+                  <ErrorMessage
+                    header={i18next.t("Unable to request the access.")}
+                    content={i18next.t(error)}
+                    icon="exclamation"
+                    className="text-align-left"
+                    negative
+                  />
+                )}
+
+                <Form className="full-width">
+                  <Grid relaxed>
+                    {!disablePersonalDataField && (
+                      <>
+                        <Grid.Column mobile={16} tablet={8} computer={8}>
+                          <Form.Field>
+                            <TextField
+                              required
+                              fieldPath="email"
+                              label={i18next.t("Your email address")}
+                              placeholder={i18next.t("Email address")}
+                              icon="at"
+                              iconPosition="left"
+                              value={values.email}
+                              type="input"
+                            />
+                          </Form.Field>
+                        </Grid.Column>
+                        <Grid.Column mobile={16} tablet={8} computer={8}>
+                          <Form.Field>
+                            <TextField
+                              required
+                              fieldPath="full_name"
+                              label={i18next.t("Your full name")}
+                              placeholder={i18next.t("Full name")}
+                              icon="address card"
+                              iconPosition="left"
+                              value={values.full_name}
+                              type="input"
+                            />
+                          </Form.Field>
+                        </Grid.Column>
+                      </>
+                    )}
+                    <Grid.Column width={16}>
+                      <Form.Field>
+                        <TextAreaField
+                          fieldPath="message"
+                          label={i18next.t("Request message")}
+                          fluid
+                        />
+                      </Form.Field>
+                    </Grid.Column>
+                    <Grid.Column width={16} className="rel-pt-1">
+                      <Form.Field>
+                        <RadioField
+                          checked={_get(values, "consent_to_share_personal_data")}
+                          control={Checkbox}
+                          fieldPath="consent_to_share_personal_data"
+                          label={i18next.t(
+                            "I agree to that my full name and email address is shared with the owners of the record"
+                          )}
+                          onChange={this.handleChangeConsent}
+                        />
+                      </Form.Field>
+                    </Grid.Column>
+                  </Grid>
+                </Form>
+                <Grid className="rel-mt-1">
+                  <Grid.Column width={16} textAlign="center">
+                    <Button
+                      size="small"
+                      labelPosition="left"
+                      icon="unlock alternate"
+                      primary
+                      content={i18next.t("Request access")}
+                      onClick={(event) => handleSubmit(event)}
+                      loading={loading}
+                      disabled={!consent || loading}
+                    />
+                  </Grid.Column>
+                </Grid>
+              </>
+            );
+          }}
+        </Formik>
+        <Modal open={modalOpen}>
+          <Modal.Header>{i18next.t("Email confirmation needed")}</Modal.Header>
+          <Modal.Content>
+            <Modal.Description>
+              {i18next.t("We have sent you an email to verify your address.")}
+              {i18next.t(`
+                Please check the email and follow the instructions to complete the access request.
+              `)}
+            </Modal.Description>
+          </Modal.Content>
+          <Modal.Actions>
+            <Button onClick={this.handleModalClose}>{i18next.t("Close")}</Button>
+          </Modal.Actions>
+        </Modal>
+      </>
+    );
+  }
+}
+
+AccessRequestForm.propTypes = {
+  email: PropTypes.string.isRequired,
+  fullName: PropTypes.string.isRequired,
+  record: PropTypes.object.isRequired,
+  isAnonymous: PropTypes.bool,
+};
+
+AccessRequestForm.defaultProps = {
+  isAnonymous: true,
+};

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

@@ -0,0 +1,171 @@
+// 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 { RecordCommunitiesListModal } from "./RecordCommunitiesListModal";
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import _isEmpty from "lodash/isEmpty";
+import { RecordCommunitiesList } from "./RecordCommunitiesList";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { Header, Container, Button, Segment } from "semantic-ui-react";
+import { CommunitiesManagementDropdown } from "./CommunitiesManagementDropdown";
+import { http, withCancel } from "react-invenio-forms";
+
+const MAX_COMMUNITIES = 3;
+
+export class CommunitiesManagement extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: true,
+      communities: undefined,
+      error: undefined,
+      manageCommunitiesModalOpen: false,
+    };
+  }
+
+  componentDidMount() {
+    this.getCommunities();
+  }
+
+  componentWillUnmount() {
+    this.cancellableFetchCommunities?.cancel();
+  }
+
+  toggleManageCommunitiesModal = (value) => {
+    if (!value) {
+      const modalDropdown = document.getElementById("modal-dropdown"); // A11y: Focus community management dropdown when modal closes
+      modalDropdown && modalDropdown.focus();
+    }
+    this.setState({ manageCommunitiesModalOpen: value });
+  };
+
+  fetchRecordCommunities = async () => {
+    const { recordCommunityEndpoint } = this.props;
+    return await http.get(recordCommunityEndpoint, {
+      headers: {
+        Accept: "application/vnd.inveniordm.v1+json",
+      },
+    });
+  };
+
+  getCommunities = async () => {
+    this.cancellableFetchCommunities = withCancel(this.fetchRecordCommunities());
+    this.setState({
+      loading: true,
+      error: null,
+    });
+    try {
+      const response = await this.cancellableFetchCommunities.promise;
+      const {
+        data: {
+          hits: { hits },
+        },
+      } = response;
+      this.setState({
+        communities: hits,
+        loading: false,
+      });
+    } catch (error) {
+      if (error !== "UNMOUNTED") {
+        this.setState({
+          loading: false,
+          error: i18next.t("An error occurred while fetching communities."),
+        });
+      }
+    }
+  };
+
+  handleRefresh = () => {
+    this.getCommunities();
+    this.toggleManageCommunitiesModal(false);
+  };
+
+  render() {
+    const {
+      recordCommunitySearchConfig,
+      permissions,
+      userCommunitiesMemberships,
+      recordCommunityEndpoint,
+      recordUserCommunitySearchConfig,
+      searchConfig,
+      record,
+    } = this.props;
+    const { communities, loading, error, manageCommunitiesModalOpen } = this.state;
+    return (
+      (!_isEmpty(communities) || permissions.can_manage) && (
+        <>
+          <Header
+            size="medium"
+            as="h2"
+            className="flex align-items-baseline mt-0"
+            attached="top"
+          >
+            {i18next.t("Communities")}
+            {permissions.can_manage && (
+              <CommunitiesManagementDropdown
+                actionSucceed={this.handleRefresh}
+                userCommunitiesMemberships={userCommunitiesMemberships}
+                recordCommunityEndpoint={recordCommunityEndpoint}
+                searchConfig={searchConfig}
+                recordCommunitySearchConfig={recordCommunitySearchConfig}
+                recordUserCommunitySearchConfig={recordUserCommunitySearchConfig}
+                toggleManageCommunitiesModal={this.toggleManageCommunitiesModal}
+                record={record}
+              />
+            )}
+          </Header>
+          <Segment attached="bottom" className="rdm-sidebar">
+            <RecordCommunitiesList
+              permissions={permissions}
+              communities={communities}
+              error={error}
+              loading={loading}
+              maxDisplayedCommunities={MAX_COMMUNITIES}
+              branded={record.parent?.communities?.default}
+            />
+            <RecordCommunitiesListModal
+              id="record-communities-list-modal"
+              modalOpen={manageCommunitiesModalOpen}
+              handleOnOpen={() => this.toggleManageCommunitiesModal(true)}
+              handleOnClose={() => this.toggleManageCommunitiesModal(false)}
+              successActionCallback={this.handleRefresh}
+              recordCommunityEndpoint={recordCommunityEndpoint}
+              permissions={permissions}
+              recordParent={record.parent}
+            />
+
+            {!loading && communities?.length > MAX_COMMUNITIES && (
+              <Container align="center" className="mt-10">
+                <Button
+                  className="transparent"
+                  aria-haspopup="dialog"
+                  aria-expanded={manageCommunitiesModalOpen}
+                  aria-controls="record-communities-list-modal"
+                  onClick={() => this.toggleManageCommunitiesModal(true)}
+                >
+                  {i18next.t("View all {{count}} communities", {
+                    count: communities.length,
+                  })}
+                </Button>
+              </Container>
+            )}
+          </Segment>
+        </>
+      )
+    );
+  }
+}
+
+CommunitiesManagement.propTypes = {
+  recordCommunitySearchConfig: PropTypes.object.isRequired,
+  recordCommunityEndpoint: PropTypes.string.isRequired,
+  recordUserCommunitySearchConfig: PropTypes.object.isRequired,
+  permissions: PropTypes.object.isRequired,
+  userCommunitiesMemberships: PropTypes.object.isRequired,
+  searchConfig: PropTypes.object.isRequired,
+  record: PropTypes.object.isRequired,
+};