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

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

@@ -1,18 +1,20 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2022 CERN.
+// Copyright (C) 2022-2024 CERN.
+// Copyright (C) 2024 KTH Royal Institute of Technology.
 //
 // 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 { i18next } from "@translations/invenio_app_rdm/i18next";
 import _get from "lodash/get";
-import _truncate from "lodash/truncate";
 import React, { Component } from "react";
 import Overridable from "react-overridable";
 import { SearchItemCreators } from "../utils";
 import PropTypes from "prop-types";
 import { Item, Label, Icon } from "semantic-ui-react";
 import { buildUID } from "react-searchkit";
+import { CompactStats } from "./CompactStats";
+import { DisplayPartOfCommunities } from "./DisplayPartOfCommunities";
 
 class RecordsResultsListItem extends Component {
   render() {
@@ -24,30 +26,33 @@ class RecordsResultsListItem extends Component {
     const createdDate = _get(
       result,
       "ui.created_date_l10n_long",
-      "No creation date found."
+      i18next.t("No creation date found.")
     );
-    const creators = result.ui.creators.creators.slice(0, 3);
+
+    const creators = result.ui.creators.creators;
 
     const descriptionStripped = _get(
       result,
       "ui.description_stripped",
-      "No description"
+      i18next.t("No description")
     );
 
     const publicationDate = _get(
       result,
       "ui.publication_date_l10n_long",
-      "No publication date found."
+      i18next.t("No publication date found.")
     );
     const resourceType = _get(
       result,
       "ui.resource_type.title_l10n",
-      "No resource type"
+      i18next.t("No resource type")
     );
     const subjects = _get(result, "ui.subjects", []);
-    const title = _get(result, "metadata.title", "No title");
+    const title = _get(result, "metadata.title", i18next.t("No title"));
     const version = _get(result, "ui.version", null);
     const versions = _get(result, "versions");
+    const uniqueViews = _get(result, "stats.all_versions.unique_views", 0);
+    const uniqueDownloads = _get(result, "stats.all_versions.unique_downloads", 0);
 
     const publishingInformation = _get(result, "ui.publishing_information.journal", "");
 
@@ -79,62 +84,87 @@ class RecordsResultsListItem extends Component {
       >
         <Item key={key ?? result.id}>
           <Item.Content>
+            {/* FIXME: Uncomment to enable themed banner */}
+            {/* <DisplayVerifiedCommunity communities={result.parent?.communities} /> */}
             <Item.Extra className="labels-actions">
-              <Label size="tiny" className="primary">
+              <Label horizontal size="small" className="primary theme-primary">
                 {publicationDate} ({version})
               </Label>
-              <Label size="tiny" className="neutral">
+              <Label horizontal size="small" className="neutral">
                 {resourceType}
               </Label>
-              <Label size="tiny" className={`access-status ${accessStatusId}`}>
+              <Label
+                horizontal
+                size="small"
+                className={`access-status ${accessStatusId}`}
+              >
                 {accessStatusIcon && <Icon name={accessStatusIcon} />}
                 {accessStatus}
               </Label>
             </Item.Extra>
-            <Item.Header as="h2">
+            <Item.Header as="h2" className="theme-primary-text">
               <a href={viewLink}>{title}</a>
             </Item.Header>
             <Item className="creatibutors">
-              <SearchItemCreators creators={creators} />
+              <SearchItemCreators creators={creators} othersLink={viewLink} />
             </Item>
-            <Item.Description>
-              {_truncate(descriptionStripped, { length: 350 })}
-            </Item.Description>
+            <Overridable
+              id={buildUID("RecordsResultsListItem.description", "", appName)}
+              descriptionStripped={descriptionStripped}
+              result={result}
+            >
+              <Item.Description className="truncate-lines-2">
+                {descriptionStripped}
+              </Item.Description>
+            </Overridable>
+
             <Item.Extra>
               {subjects.map((subject) => (
                 <Label key={subject.title_l10n} size="tiny">
                   {subject.title_l10n}
                 </Label>
               ))}
-              <div>
+
+              <div className="flex justify-space-between align-items-end">
                 <small>
+                  <DisplayPartOfCommunities communities={result.parent?.communities} />
                   <p>
                     {createdDate && (
                       <>
-                        {i18next.t("Uploaded on")} <span>{createdDate}</span>
+                        {i18next.t("Uploaded on {{uploadDate}}", {
+                          uploadDate: createdDate,
+                        })}
                       </>
                     )}
                     {createdDate && publishingInformation && " | "}
+
                     {publishingInformation && (
                       <>
-                        {i18next.t("Published in: ")}{" "}
-                        <span>{publishingInformation}</span>
+                        {i18next.t("Published in: {{- publishInfo }}", {
+                          publishInfo: publishingInformation,
+                        })}
                       </>
                     )}
                   </p>
+
+                  {!allVersionsVisible && versions.index > 1 && (
+                    <p>
+                      <b>
+                        {i18next.t("{{count}} more versions exist for this record", {
+                          count: numOtherVersions,
+                        })}
+                      </b>
+                    </p>
+                  )}
+                </small>
+
+                <small>
+                  <CompactStats
+                    uniqueViews={uniqueViews}
+                    uniqueDownloads={uniqueDownloads}
+                  />
                 </small>
               </div>
-              {!allVersionsVisible && versions.index > 1 && (
-                <p>
-                  <small>
-                    <b>
-                      {numOtherVersions} more{" "}
-                      {numOtherVersions > 1 ? "versions" : "version"} exist for this
-                      record
-                    </b>
-                  </small>
-                </p>
-              )}
             </Item.Extra>
           </Item.Content>
         </Item>