invenio-app-rdm 8.0.0.dev9__py2.py3-none-any.whl → 14.0.0b4.dev4__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,25 +1,39 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2020 CERN.
-// Copyright (C) 2020 Northwestern University.
+// 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 "semantic-ui-css/semantic.min.css";
-import { i18next } from "@translations/invenio_app_rdm/i18next";
-import { getInputFromDOM } from "react-invenio-deposit";
+import { getInputFromDOM } from "@js/invenio_rdm_records";
 import { RDMDepositForm } from "./RDMDepositForm";
+import { OverridableContext, overrideStore } from "react-overridable";
+
+const overriddenComponents = overrideStore.getAll();
 
 ReactDOM.render(
-  <RDMDepositForm
-    record={getInputFromDOM("deposits-record")}
-    community={getInputFromDOM("deposits-draft-community")}
-    files={getInputFromDOM("deposits-record-files")}
-    config={getInputFromDOM("deposits-config")}
-    permissions={getInputFromDOM("deposits-record-permissions")}
-    communitiesEnabled={getInputFromDOM("communities-enabled")}
-  />,
+  <OverridableContext.Provider value={overriddenComponents}>
+    <RDMDepositForm
+      record={getInputFromDOM("deposits-record")}
+      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

@@ -0,0 +1,165 @@
+// This file is part of InvenioRDM
+// 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.
+
+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 {
+  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";
+import { buildUID } from "react-searchkit";
+
+export class RecordsList extends Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      data: { hits: [] },
+      isLoading: false,
+      error: null,
+    };
+  }
+
+  componentDidMount() {
+    this.fetchData();
+  }
+
+  componentWillUnmount() {
+    this.cancellableFetch && this.cancellableFetch.cancel();
+  }
+
+  fetchData = async () => {
+    const { fetchUrl } = this.props;
+    this.setState({ isLoading: true });
+
+    this.cancellableFetch = withCancel(
+      http.get(fetchUrl, {
+        headers: {
+          Accept: "application/vnd.inveniordm.v1+json",
+        },
+      })
+    );
+
+    try {
+      const response = await this.cancellableFetch.promise;
+      this.setState({ data: response.data.hits, isLoading: false });
+    } catch (error) {
+      console.error(error);
+      this.setState({ error: error.response.data.message, isLoading: false });
+    }
+  };
+
+  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;
+
+    const listItems = data.hits?.map((record) => {
+      return (
+        <RecordsResultsListItem result={record} key={record.id} appName={appName} />
+      );
+    });
+
+    return (
+      <>
+        {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>
+        )}
+      </>
+    );
+  }
+}
+
+RecordsList.propTypes = {
+  title: PropTypes.string.isRequired,
+  fetchUrl: PropTypes.string.isRequired,
+  appName: PropTypes.string,
+};
+
+RecordsList.defaultProps = {
+  appName: "",
+};
+
+export class RecordsListOverridable extends Component {
+  render() {
+    const { title, fetchUrl, appName } = this.props;
+    return (
+      <Overridable
+        id={buildUID("layout", "", appName)}
+        title={title}
+        fetchUrl={fetchUrl}
+        appName={appName}
+      >
+        <RecordsList title={title} fetchUrl={fetchUrl} appName={appName} />
+      </Overridable>
+    );
+  }
+}
+
+RecordsListOverridable.propTypes = {
+  title: PropTypes.string.isRequired,
+  fetchUrl: PropTypes.string.isRequired,
+  appName: PropTypes.string,
+};
+
+RecordsListOverridable.defaultProps = {
+  appName: "",
+};

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

@@ -0,0 +1,23 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2022 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.
+
+import React from "react";
+import ReactDOM from "react-dom";
+import { RecordsListOverridable } from "./RecordsList";
+import { OverridableContext, overrideStore } from "react-overridable";
+
+const overriddenComponents = overrideStore.getAll();
+const recordsListContainer = document.getElementById("records-list");
+const title = recordsListContainer.dataset.title;
+const fetchUrl = recordsListContainer.dataset.fetchUrl;
+const appName = "InvenioAppRDM.RecordsList";
+
+ReactDOM.render(
+  <OverridableContext.Provider value={overriddenComponents}>
+    <RecordsListOverridable title={title} fetchUrl={fetchUrl} appName={appName} />
+  </OverridableContext.Provider>,
+  recordsListContainer
+);

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,
+};