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/administration/records/CompareRevisions.js

@@ -0,0 +1,129 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // Copyright (C) 2025 CERN.
+ * // Copyright (C) 2025 Graz University 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, { Component } from "react";
+import PropTypes from "prop-types";
+import { RecordModerationApi } from "./api";
+import { withCancel, ErrorMessage } from "react-invenio-forms";
+import { Modal, Button, Grid } from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { CompareRevisionsDropdown } from "../components/CompareRevisionsDropdown";
+import { RevisionsDiffViewer } from "../components/RevisionsDiffViewer";
+
+export class CompareRevisions extends Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      loading: true,
+      error: undefined,
+      allRevisions: {},
+      srcRevision: undefined,
+      targetRevision: undefined,
+      diff: undefined,
+    };
+  }
+
+  componentDidMount() {
+    this.fetchRevisions();
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  async fetchRevisions() {
+    const { resource } = this.props;
+    this.setState({ loading: true });
+
+    try {
+      this.cancellableAction = withCancel(RecordModerationApi.getRevisions(resource));
+      const response = await this.cancellableAction.promise;
+      const revisions = await response.data;
+
+      this.setState({
+        allRevisions: revisions,
+        targetRevision: revisions[0],
+        srcRevision: revisions.length > 1 ? revisions[1] : revisions[0],
+        loading: false,
+      });
+    } catch (error) {
+      if (error === "UNMOUNTED") return;
+      this.setState({ error: error, loading: false });
+      console.error(error);
+    }
+  }
+
+  handleModalClose = () => {
+    const { actionCancelCallback } = this.props;
+    actionCancelCallback();
+  };
+
+  handleCompare = (srcRevision, targetRevision) => {
+    this.setState({ diff: { srcRevision, targetRevision } });
+  };
+
+  render() {
+    const { error, loading, allRevisions, srcRevision, targetRevision, diff } =
+      this.state;
+    const options = Object.values(allRevisions).map((rev) => ({
+      key: rev.updated,
+      text: `${rev.updated} (${rev.revision_id})`,
+      value: rev,
+    }));
+
+    return loading ? (
+      <p>Loading...</p>
+    ) : (
+      <>
+        <Modal.Content>
+          <CompareRevisionsDropdown
+            loading={loading}
+            options={options}
+            srcRevision={srcRevision}
+            targetRevision={targetRevision}
+            onCompare={this.handleCompare}
+          />
+          {error && (
+            <Modal.Content>
+              <ErrorMessage
+                header={i18next.t("Unable to fetch revisions.")}
+                content={error}
+                icon="exclamation"
+                className="text-align-left"
+                negative
+              />
+            </Modal.Content>
+          )}
+          <Modal.Content scrolling>
+            <RevisionsDiffViewer diff={diff} />
+          </Modal.Content>
+        </Modal.Content>
+        <Modal.Actions>
+          <Grid>
+            <Grid.Column floated="left" width={8} textAlign="left">
+              <Button
+                onClick={this.handleModalClose}
+                disabled={loading}
+                loading={loading}
+                aria-label={i18next.t("Cancel revision comparison")}
+              >
+                Close
+              </Button>
+            </Grid.Column>
+          </Grid>
+        </Modal.Actions>
+      </>
+    );
+  }
+}
+
+CompareRevisions.propTypes = {
+  resource: PropTypes.object.isRequired,
+  actionCancelCallback: PropTypes.func.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/records/RecordActions.js

@@ -0,0 +1,75 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2023 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 PropTypes from "prop-types";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { Actions } from "@js/invenio_administration";
+import { SetQuotaAction } from "../components/SetQuotaAction";
+
+export const RecordActions = ({
+  title,
+  resourceName,
+  record,
+  displayEdit,
+  displayDelete,
+  actions,
+  idKeyPath,
+  listUIEndpoint,
+  successCallback,
+  displayQuota,
+  editUrl,
+}) => {
+  return (
+    <>
+      <Actions
+        title={title}
+        resourceName={resourceName}
+        editUrl={editUrl}
+        displayEdit={displayEdit}
+        displayDelete={displayDelete}
+        actions={actions}
+        resource={record}
+        idKeyPath={idKeyPath}
+        successCallback={successCallback}
+        listUIEndpoint={listUIEndpoint}
+      />
+      {displayQuota && (
+        <SetQuotaAction
+          headerText={i18next.t("Set quota for record {{recordId}}", {
+            recordId: record.id,
+          })}
+          successCallback={successCallback}
+          apiUrl={`/api/records/${record.id}/quota`}
+          resource={record}
+          isRecord
+        />
+      )}
+    </>
+  );
+};
+
+RecordActions.propTypes = {
+  successCallback: PropTypes.func.isRequired,
+  record: PropTypes.string.isRequired,
+  idKeyPath: PropTypes.string.isRequired,
+  listUIEndpoint: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  resourceName: PropTypes.string.isRequired,
+  actions: PropTypes.object.isRequired,
+  editUrl: PropTypes.string.isRequired,
+  displayQuota: PropTypes.bool,
+  displayEdit: PropTypes.bool,
+  displayDelete: PropTypes.bool,
+};
+
+RecordActions.defaultProps = {
+  displayQuota: false,
+  displayEdit: false,
+  displayDelete: false,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/records/RecordResourceActions.js

@@ -0,0 +1,185 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // 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 TombstoneForm from "./TombstoneForm";
+import { CompareRevisions } from "./CompareRevisions";
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { Button, Modal, Icon } from "semantic-ui-react";
+import { ActionModal } from "@js/invenio_administration";
+import _isEmpty from "lodash/isEmpty";
+import { RestoreConfirmation } from "./RestoreConfirmation";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+
+export class RecordResourceActions extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      modalOpen: false,
+      modalHeader: undefined,
+      modalBody: undefined,
+      modalProps: undefined,
+    };
+  }
+
+  onModalTriggerClick = (e, { payloadSchema, dataName, dataActionKey }) => {
+    const { resource } = this.props;
+
+    if (dataActionKey === "compare") {
+      this.setState({
+        modalOpen: true,
+        modalHeader: i18next.t("Compare revisions"),
+        modalProps: {
+          size: "large",
+        },
+        modalBody: (
+          <CompareRevisions
+            actionSuccessCallback={this.handleSuccess}
+            actionCancelCallback={this.closeModal}
+            resource={resource}
+          />
+        ),
+      });
+    }
+    if (dataActionKey === "delete") {
+      this.setState({
+        modalOpen: true,
+        modalHeader: i18next.t("Delete record"),
+        modalProps: undefined, // default size
+        modalBody: (
+          <TombstoneForm
+            actionSuccessCallback={this.handleSuccess}
+            actionCancelCallback={this.closeModal}
+            resource={resource}
+          />
+        ),
+      });
+    }
+    if (dataActionKey === "restore") {
+      this.setState({
+        modalOpen: true,
+        modalHeader: i18next.t("Restore record"),
+        modalProps: undefined, // default size
+        modalBody: (
+          <RestoreConfirmation
+            actionSuccessCallback={this.handleSuccess}
+            actionCancelCallback={this.closeModal}
+            resource={resource}
+          />
+        ),
+      });
+    }
+  };
+
+  closeModal = () => {
+    this.setState({
+      modalOpen: false,
+      modalHeader: undefined,
+      modalBody: undefined,
+    });
+  };
+
+  handleSuccess = () => {
+    const { successCallback } = this.props;
+    this.setState({
+      modalOpen: false,
+      modalHeader: undefined,
+      modalBody: undefined,
+    });
+    successCallback();
+  };
+
+  render() {
+    const { actions, Element, resource } = this.props;
+    const { modalOpen, modalHeader, modalBody, modalProps } = this.state;
+    let icon;
+    return (
+      <>
+        {Object.entries(actions).map(([actionKey, actionConfig]) => {
+          if (actionKey === "compare" && !resource.deletion_status.is_deleted) {
+            icon = "file code outline";
+            return (
+              <Element
+                key={actionKey}
+                onClick={this.onModalTriggerClick}
+                payloadSchema={actionConfig.payload_schema}
+                dataName={actionConfig.text}
+                dataActionKey={actionKey}
+                icon={icon}
+                fluid
+                basic
+                labelPosition="left"
+              >
+                {icon && <Icon name={icon} />}
+                {actionConfig.text}...
+              </Element>
+            );
+          }
+          if (actionKey === "delete" && !resource.deletion_status.is_deleted) {
+            icon = "trash alternate";
+            return (
+              <Element
+                key={actionKey}
+                onClick={this.onModalTriggerClick}
+                payloadSchema={actionConfig.payload_schema}
+                dataName={actionConfig.text}
+                dataActionKey={actionKey}
+                icon={icon}
+                fluid
+                basic
+                labelPosition="left"
+              >
+                {icon && <Icon name={icon} />}
+                {actionConfig.text}...
+              </Element>
+            );
+          }
+          if (actionKey === "restore" && resource.deletion_status.is_deleted) {
+            icon = "undo";
+            return (
+              <Element
+                key={actionKey}
+                onClick={this.onModalTriggerClick}
+                payloadSchema={actionConfig.payload_schema}
+                dataName={actionConfig.text}
+                dataActionKey={actionKey}
+                icon={icon}
+                fluid
+                labelPosition="left"
+              >
+                {icon && <Icon name={icon} />}
+                {actionConfig.text}...
+              </Element>
+            );
+          }
+          return null;
+        })}
+        <ActionModal modalOpen={modalOpen} resource={resource} modalProps={modalProps}>
+          {modalHeader && <Modal.Header>{modalHeader}</Modal.Header>}
+          {!_isEmpty(modalBody) && modalBody}
+        </ActionModal>
+      </>
+    );
+  }
+}
+
+RecordResourceActions.propTypes = {
+  resource: PropTypes.object.isRequired,
+  successCallback: PropTypes.func.isRequired,
+  actions: PropTypes.shape({
+    text: PropTypes.string.isRequired,
+    payload_schema: PropTypes.object.isRequired,
+    order: PropTypes.number.isRequired,
+  }),
+  Element: PropTypes.node,
+};
+
+RecordResourceActions.defaultProps = {
+  Element: Button,
+  actions: undefined,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/records/RemovalReasonsSelect.js

@@ -0,0 +1,85 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // Copyright (C) 2023 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, { Component } from "react";
+import PropTypes from "prop-types";
+import { Dropdown, http, withCancel } from "react-invenio-forms";
+import { Dropdown as SUIDropdown } from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+
+export default class RemovalReasonsSelect extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      options: undefined,
+      loading: false,
+      defaultOpt: undefined,
+    };
+  }
+
+  componentDidMount() {
+    this.fetchOptions();
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  fetchOptions = async () => {
+    const { setFieldValue } = this.props;
+    this.setState({ loading: true });
+    const url = "/api/vocabularies/removalreasons";
+    this.cancellableAction = withCancel(
+      http.get(url, {
+        headers: {
+          Accept: "application/vnd.inveniordm.v1+json",
+        },
+      })
+    );
+    try {
+      const response = await this.cancellableAction.promise;
+      const options = response.data.hits.hits;
+
+      const defaultOpt = options
+        ? { text: options[0].title_l10n, value: options[0].id, key: options[0].id }
+        : {};
+      this.setState({
+        options: options,
+        loading: false,
+        defaultOpt: defaultOpt,
+      });
+      setFieldValue("removal_reason", defaultOpt.value);
+    } catch (e) {
+      this.setState({ loading: false });
+      console.error(e);
+    }
+  };
+
+  render() {
+    const { loading, options, defaultOpt } = this.state;
+
+    if (loading) {
+      return <SUIDropdown loading={loading} />;
+    }
+
+    return (
+      <Dropdown
+        required
+        label={i18next.t("Unavailability statement")}
+        options={options}
+        fieldPath="removal_reason"
+        defaultValue={defaultOpt}
+        clearable={false}
+      />
+    );
+  }
+}
+
+RemovalReasonsSelect.propTypes = {
+  setFieldValue: PropTypes.func.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/records/RestoreConfirmation.js

@@ -0,0 +1,108 @@
+/*
+ * // This file is part of Invenio-App-Rdm
+ * // Copyright (C) 2023 CERN.
+ * // Copyright (C) 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 { RecordModerationApi } from "./api";
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { NotificationContext } from "@js/invenio_administration";
+import { withCancel, ErrorMessage } from "react-invenio-forms";
+import { Button, Modal } from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+
+export class RestoreConfirmation extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: false,
+      error: undefined,
+    };
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  static contextType = NotificationContext;
+
+  handleSubmit = async (values) => {
+    const { addNotification } = this.context;
+    const { resource, actionSuccessCallback } = this.props;
+
+    this.setState({ loading: true });
+
+    this.cancellableAction = withCancel(RecordModerationApi.restoreRecord(resource));
+
+    try {
+      await this.cancellableAction.promise;
+      this.setState({ loading: false, error: undefined });
+      addNotification({
+        title: i18next.t("Success"),
+        content: i18next.t("Record {{id}} was restored.", { id: resource.id }),
+        type: "success",
+      });
+      actionSuccessCallback();
+    } catch (error) {
+      if (error === "UNMOUNTED") return;
+
+      this.setState({
+        error: error?.response?.data?.message || error?.message,
+        loading: false,
+      });
+      console.error(error);
+    }
+  };
+  handleModalClose = () => {
+    const { actionCancelCallback } = this.props;
+    actionCancelCallback();
+  };
+
+  render() {
+    const { error, loading } = this.state;
+    const { resource } = this.props;
+    return (
+      <>
+        {error && (
+          <ErrorMessage
+            header={i18next.t("Unable to restore.")}
+            content={error}
+            icon="exclamation"
+            className="text-align-left"
+            negative
+          />
+        )}
+        <Modal.Content>
+          {i18next.t("Are you sure you want to restore #{{id}}", { id: resource.id })}
+          <b>"{resource.metadata.title}"</b> ?
+        </Modal.Content>
+        <Modal.Actions>
+          <Button onClick={this.handleModalClose} floated="left">
+            {i18next.t("Close")}
+          </Button>
+          <Button
+            size="small"
+            labelPosition="left"
+            icon="trash alternate"
+            color="red"
+            basic
+            content={i18next.t("Restore record")}
+            onClick={(event) => this.handleSubmit(event)}
+            loading={loading}
+            disabled={loading}
+          />
+        </Modal.Actions>
+      </>
+    );
+  }
+}
+
+RestoreConfirmation.propTypes = {
+  resource: PropTypes.object.isRequired,
+  actionCancelCallback: PropTypes.func.isRequired,
+  actionSuccessCallback: PropTypes.func.isRequired,
+};