invenio-app-rdm 13.0.0b4.dev1__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/components/CopyButton.js

@@ -7,29 +7,38 @@
 import React, { Component } from "react";
 import PropTypes from "prop-types";
 import { Button, Popup } from "semantic-ui-react";
-import { CopyToClipboard } from "react-copy-to-clipboard";
 import { i18next } from "@translations/invenio_app_rdm/i18next";
 
 class SimpleCopyButton extends React.Component {
+  fetchUrl = async (url) => {
+    return await (await fetch(url)).text();
+  };
+
+  handleClick = async () => {
+    const { url, text, onCopy } = this.props;
+    let textToCopy = text;
+    if (url) {
+      textToCopy = await this.fetchUrl(url);
+    }
+
+    await navigator.clipboard.writeText(textToCopy);
+    onCopy(text);
+  };
+
   render() {
-    const { text, onCopy, hoverState } = this.props;
+    const { hoverState, size } = this.props;
 
     return (
-      <CopyToClipboard
-        text={text}
-        onCopy={() => {
-          onCopy(text);
-        }}
-      >
-        <Button
-          className="copy"
-          basic
-          icon="copy"
-          aria-label={i18next.t("Copy to clipboard")}
-          onMouseEnter={hoverState}
-          onMouseLeave={hoverState}
-        />
-      </CopyToClipboard>
+      <Button
+        className="copy"
+        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}
+      />
     );
   }
 }
@@ -37,11 +46,15 @@ class SimpleCopyButton extends React.Component {
 SimpleCopyButton.propTypes = {
   text: PropTypes.string.isRequired,
   onCopy: PropTypes.func.isRequired,
+  url: PropTypes.func,
   hoverState: PropTypes.func,
+  size: PropTypes.string,
 };
 
 SimpleCopyButton.defaultProps = {
   hoverState: null,
+  url: null,
+  size: "medium",
 };
 
 export class CopyButton extends Component {
@@ -86,12 +99,12 @@ export class CopyButton extends Component {
   };
 
   render() {
-    const { text, popUpPosition } = this.props;
+    const { popUpPosition, text, url, size } = this.props;
     const { confirmationPopupMsg, confirmationPopupIsOpen, hoverPopupIsOpen } =
       this.state;
 
     return (
-      text && (
+      (text || url) && ( // Ensure text or url is provided
         <Popup
           role="alert"
           open={hoverPopupIsOpen || confirmationPopupIsOpen}
@@ -103,7 +116,9 @@ export class CopyButton extends Component {
             <SimpleCopyButton
               text={text}
               onCopy={this.onCopy}
+              url={url}
               hoverState={this.hoverStateHandler}
+              size={size}
             />
           }
         />
@@ -115,9 +130,13 @@ export class CopyButton extends Component {
 CopyButton.propTypes = {
   popUpPosition: PropTypes.string,
   text: PropTypes.string,
+  url: PropTypes.func,
+  size: PropTypes.string,
 };
 
 CopyButton.defaultProps = {
   popUpPosition: "right center",
   text: "",
+  url: "",
+  size: "medium",
 };

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

@@ -0,0 +1,45 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2025 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 { i18next } from "@translations/invenio_app_rdm/i18next";
+
+export class FileModificationUntil extends Component {
+  render() {
+    const { filesLocked, fileModification, record } = this.props;
+
+    if (!fileModification.fileModification?.enabled) {
+      return null;
+    }
+
+    const isPublished = record.is_published;
+    const filesUnlocked = !filesLocked;
+    const daysUntil = fileModification.context?.days_until;
+    if (isPublished && filesUnlocked && daysUntil) {
+      return (
+        <>
+          {" "}
+          {i18next.t("– Unlocked, {{ daysUntil }} days to publish changes", {
+            daysUntil: fileModification.context.days_until,
+          })}
+        </>
+      );
+    }
+
+    return null;
+  }
+}
+
+FileModificationUntil.propTypes = {
+  filesLocked: PropTypes.bool.isRequired,
+  fileModification: PropTypes.object,
+  record: PropTypes.object.isRequired,
+};
+
+FileModificationUntil.defaultProps = {
+  fileModification: {},
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/components/RecordDeletion/DeletionModal.js

@@ -0,0 +1,354 @@
+// 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";
+import { Formik } from "formik";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
+
+import {
+  ErrorMessage,
+  http,
+  SelectField,
+  TextAreaField,
+  withCancel,
+} from "react-invenio-forms";
+import {
+  Button,
+  Checkbox,
+  Icon,
+  Form,
+  Message,
+  Modal,
+  ModalActions,
+  ModalContent,
+  ModalHeader,
+  Table,
+  TableBody,
+  TableHeader,
+  TableHeaderCell,
+  TableRow,
+} from "semantic-ui-react";
+import * as Yup from "yup";
+import DeletionRadioGroup from "./DeletionRadioGroup";
+
+export class DeletionModal extends Component {
+  constructor(props) {
+    super(props);
+    const { recordDeletion } = this.props;
+    const checklistLength = recordDeletion["checklist"]?.length || 0;
+    this.initState = {
+      loading: false,
+      error: undefined,
+      checklistState: Array(checklistLength).fill(undefined),
+      checkboxState: Array(2).fill(false), // TODO dynamic count of number of checkboxes
+      messages: [],
+    };
+    this.state = { ...this.initState };
+  }
+
+  handleClose = () => {
+    this.setState({
+      ...this.initState,
+    });
+    const { handleClose } = this.props;
+    handleClose();
+  };
+
+  handleRadioUpdate = (index, value) => {
+    const { recordDeletion } = this.props;
+    const { checklistState } = this.state;
+    const nextChecklistState = checklistState.map((c, i) => {
+      if (i === index) {
+        return value;
+      } else {
+        return c;
+      }
+    });
+    const filteredChecklist = recordDeletion["checklist"].filter((_, index) => {
+      return nextChecklistState[index];
+    });
+    const newMessages = filteredChecklist.map((x) => x["message"]);
+    this.setState({ checklistState: nextChecklistState, messages: newMessages });
+  };
+
+  handleCheckboxUpdate = (index) => {
+    const { checkboxState } = this.state;
+    const nextCheckboxState = checkboxState.map((c, i) => {
+      if (i === index) {
+        return !checkboxState[i];
+      } else {
+        return c;
+      }
+    });
+    this.setState({ checkboxState: nextCheckboxState });
+  };
+
+  deletionRequestSchema = (immediateDeletionAllowed) => {
+    if (immediateDeletionAllowed) {
+      return Yup.object({
+        reason: Yup.string().required("Required"),
+      });
+    } else {
+      return Yup.object({
+        reason: Yup.string().required("Required"),
+        comment: Yup.string()
+          .min(25, "Please write at least 25 characters")
+          .required("Required"),
+      });
+    }
+  };
+
+  handleSubmit = async (values) => {
+    this.setState({ loading: true });
+    const { record } = this.props;
+    const payload = {
+      reason: values.reason,
+      comment: values.comment,
+    };
+    if (!("request_deletion" in record.links)) {
+      this.setState({ error: "Could not submit deletion request", loading: false });
+      return;
+    }
+    this.cancellableAction = withCancel(
+      http.post(record.links.request_deletion, payload)
+    );
+    try {
+      const response = await this.cancellableAction.promise;
+      const data = response.data;
+
+      if (response.status === 200) {
+        window.location.reload();
+      } else if (response.status === 201) {
+        window.location.href = data.links.self_html;
+      }
+    } catch (error) {
+      this.setState({ error: error });
+      console.error(error);
+    } finally {
+      this.setState({ loading: false });
+    }
+  };
+
+  render() {
+    const { open, recordDeletion, options } = this.props;
+    const { loading, error, checklistState, checkboxState, messages } = this.state;
+
+    const { checklist } = recordDeletion;
+
+    if (!("recordDeletion" in recordDeletion)) {
+      return null;
+    }
+
+    const immediateDeletionAllowed =
+      recordDeletion["recordDeletion"]["immediate_deletion"]["allowed"];
+
+    const modalHeaderText = immediateDeletionAllowed
+      ? i18next.t("Delete record")
+      : i18next.t("Request deletion");
+    const deletionButtonText = immediateDeletionAllowed
+      ? i18next.t("Delete immediately")
+      : i18next.t("Request deletion");
+    const deletionButtonClass = immediateDeletionAllowed ? "negative" : "primary";
+
+    const files = recordDeletion["context"]["files"];
+    const internalDoi = recordDeletion["context"]["internalDoi"];
+
+    const formDisabled =
+      checkboxState.some((v) => v === false) ||
+      checklistState.some((x) => x === true || x === undefined);
+
+    return (
+      <Modal
+        open={open}
+        closeIcon
+        onClose={this.handleClose}
+        role="dialog"
+        aria-modal="true"
+        tab-index="-1"
+        size="tiny"
+        closeOnDimmerClick={false}
+        onClick={(e) => e.stopPropagation()} // prevent interaction with dropdown
+        onKeyDown={(e) => e.stopPropagation()} // prevent interaction with dropdown
+      >
+        <ModalHeader>{modalHeaderText}</ModalHeader>
+        <Formik
+          onSubmit={this.handleSubmit}
+          validationSchema={this.deletionRequestSchema(immediateDeletionAllowed)}
+          initialValues={{ reason: "", comment: "" }}
+          validateOnChange={false}
+          validateOnBlur={false}
+        >
+          {({ handleSubmit }) => (
+            <Form>
+              <ModalContent>
+                <>
+                  {immediateDeletionAllowed ? (
+                    <p>
+                      {
+                        recordDeletion.recordDeletion?.immediate_deletion?.policy
+                          ?.description
+                      }
+                    </p>
+                  ) : (
+                    <p>
+                      {
+                        recordDeletion.recordDeletion?.request_deletion?.policy
+                          ?.description
+                      }
+                    </p>
+                  )}
+                  <Message negative>
+                    <Icon name="warning sign" />
+                    {i18next.t("By deleting this record you acknowledge that:")}
+                    <br />
+                    <Checkbox
+                      label={
+                        /* eslint-disable-next-line jsx-a11y/label-has-associated-control */
+                        <label>
+                          <strong>
+                            {files} file{files !== 1 ? "s" : ""}
+                          </strong>{" "}
+                          {i18next.t("will be deleted.")}
+                        </label>
+                      }
+                      className="mt-5 mb-5"
+                      onChange={() => this.handleCheckboxUpdate(0)}
+                    />
+                    <br />
+                    {internalDoi ? (
+                      <Checkbox
+                        label={
+                          /* eslint-disable-next-line jsx-a11y/label-has-associated-control */
+                          <label>
+                            <strong>{i18next.t("The DOI cannot be reused")}</strong>{" "}
+                            {i18next.t(
+                              "and the DOI will resolve to a tombstone page with the record's citation (including title, author/s, publication year and publisher)"
+                            )}
+                          </label>
+                        }
+                        className="mb-5"
+                        onChange={() => this.handleCheckboxUpdate(1)}
+                      />
+                    ) : (
+                      <Checkbox
+                        label={
+                          /* eslint-disable-next-line jsx-a11y/label-has-associated-control */
+                          <label>
+                            {i18next.t(
+                              "A tombstone page with the citation will replace the record page"
+                            )}
+                          </label>
+                        }
+                        className="mb-5"
+                        onChange={() => this.handleCheckboxUpdate(1)}
+                      />
+                    )}
+                  </Message>
+                </>
+                {checklist.length > 0 && (
+                  <>
+                    <strong>{i18next.t("Record deletion checklist:")}</strong>
+                    <Table basic="very" unstackable className="mt-0">
+                      <TableHeader>
+                        <TableRow>
+                          <TableHeaderCell />
+                          <TableHeaderCell>{i18next.t("Yes")}</TableHeaderCell>
+                          <TableHeaderCell>{i18next.t("No")}</TableHeaderCell>
+                        </TableRow>
+                      </TableHeader>
+                      <TableBody>
+                        {checklist.map((row, index) => (
+                          <DeletionRadioGroup
+                            index={index}
+                            row={row}
+                            key={row.name}
+                            state={checklistState}
+                            onStateChange={this.handleRadioUpdate}
+                          />
+                        ))}
+                      </TableBody>
+                    </Table>
+                    {messages.length > 0 && (
+                      <Message info>
+                        {messages.length === 1 ? (
+                          <p dangerouslySetInnerHTML={{ __html: messages[0] }} />
+                        ) : (
+                          <Message.List>
+                            {messages.map((message) => (
+                              <Message.Item key={message}>
+                                <p dangerouslySetInnerHTML={{ __html: message }} />
+                              </Message.Item>
+                            ))}
+                          </Message.List>
+                        )}
+                      </Message>
+                    )}
+                  </>
+                )}
+                <SelectField
+                  fluid
+                  fieldPath="reason"
+                  name="reason"
+                  label={i18next.t("I want to delete this record because:")}
+                  options={options}
+                  required
+                  disabled={formDisabled}
+                />
+
+                {!immediateDeletionAllowed && (
+                  <TextAreaField
+                    fieldPath="comment"
+                    name="comment"
+                    label={i18next.t("Detailed justification:")}
+                    required
+                    placeholder={i18next.t(
+                      "Your justification will not be shared publicly"
+                    )}
+                    disabled={formDisabled}
+                  />
+                )}
+                {error && (
+                  <ErrorMessage
+                    header={i18next.t("Unable to request deletion.")}
+                    content={i18next.t(error)}
+                    icon="exclamation"
+                    className="text-align-left"
+                    negative
+                  />
+                )}
+              </ModalContent>
+              <ModalActions>
+                <Button
+                  onClick={this.handleClose}
+                  content={i18next.t("Close")}
+                  floated="left"
+                />
+                <Button
+                  content={deletionButtonText}
+                  className={deletionButtonClass}
+                  icon="trash alternate outline"
+                  type="submit"
+                  onClick={(event) => handleSubmit(event)}
+                  loading={loading}
+                  disabled={formDisabled || loading}
+                />
+              </ModalActions>
+            </Form>
+          )}
+        </Formik>
+      </Modal>
+    );
+  }
+}
+
+DeletionModal.propTypes = {
+  record: PropTypes.object.isRequired,
+  open: PropTypes.bool.isRequired,
+  handleClose: PropTypes.func.isRequired,
+  recordDeletion: PropTypes.object.isRequired,
+  options: PropTypes.array.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/components/RecordDeletion/DeletionRadioGroup.js

@@ -0,0 +1,44 @@
+// 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 React from "react";
+import PropTypes from "prop-types";
+import { Radio, FormField, TableRow, TableCell } from "semantic-ui-react";
+
+const DeletionRadioGroup = ({ index, row, state, onStateChange }) => {
+  return (
+    <TableRow key={row.name}>
+      <TableCell>{row.label}</TableCell>
+      <TableCell>
+        <FormField>
+          <Radio
+            value="Yes"
+            checked={state[index] === true}
+            onChange={() => onStateChange(index, true)}
+          />
+        </FormField>
+      </TableCell>
+      <TableCell>
+        <FormField>
+          <Radio
+            value="No"
+            checked={state[index] === false}
+            onChange={() => onStateChange(index, false)}
+          />
+        </FormField>
+      </TableCell>
+    </TableRow>
+  );
+};
+
+DeletionRadioGroup.propTypes = {
+  index: PropTypes.number.isRequired,
+  row: PropTypes.object.isRequired,
+  state: PropTypes.array.isRequired,
+  onStateChange: PropTypes.func.isRequired,
+};
+
+export default DeletionRadioGroup;

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

@@ -0,0 +1,81 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2025.
+//
+// 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, { useState } from "react";
+import { Button, Popup } from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import PropTypes from "prop-types";
+import { DeletionModal } from "./RecordDeletion/DeletionModal";
+
+export const RecordDeletion = ({
+  disabled,
+  record,
+  permissions,
+  recordDeletion,
+  options,
+}) => {
+  const [modalOpen, setModalOpen] = useState(false);
+  const handleOpen = () => setModalOpen(true);
+  const handleClose = () => setModalOpen(false);
+
+  return (
+    <>
+      <Popup
+        content={i18next.t("It is not possible to delete this record.")}
+        disabled={!disabled}
+        trigger={
+          <span>
+            {recordDeletion.existing_request ? (
+              <Button
+                fluid
+                as="a"
+                href={recordDeletion.existing_request}
+                className="basic"
+                color="red"
+                aria-haspopup="dialog"
+                icon="external alternate"
+                labelPosition="left"
+                content={i18next.t("View deletion request")}
+              />
+            ) : (
+              <Button
+                fluid
+                onClick={handleOpen}
+                disabled={disabled}
+                className="negative"
+                aria-haspopup="dialog"
+                icon="trash outline alternate"
+                labelPosition="left"
+                content={i18next.t("Delete record")}
+              />
+            )}
+          </span>
+        }
+      />
+      <DeletionModal
+        record={record}
+        open={modalOpen}
+        handleClose={handleClose}
+        permissions={permissions}
+        recordDeletion={recordDeletion}
+        options={options}
+      />
+    </>
+  );
+};
+
+RecordDeletion.propTypes = {
+  disabled: PropTypes.bool,
+  record: PropTypes.object.isRequired,
+  permissions: PropTypes.object.isRequired,
+  recordDeletion: PropTypes.object,
+  options: PropTypes.array.isRequired,
+};
+
+RecordDeletion.defaultProps = {
+  disabled: false,
+  recordDeletion: {},
+};