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

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

@@ -0,0 +1,212 @@
+/*
+ * // 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 RemovalReasonsSelect from "./RemovalReasonsSelect";
+import { RecordModerationApi } from "../records/api";
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { Formik } from "formik";
+import {
+  withCancel,
+  ErrorMessage,
+  TextField,
+  TextAreaField,
+} from "react-invenio-forms";
+import { Form, Button, Modal, Divider, Message, Icon } from "semantic-ui-react";
+import { NotificationContext } from "@js/invenio_administration";
+import * as Yup from "yup";
+
+export default class TombstoneForm extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: false,
+      error: undefined,
+    };
+    this.tombstoneSchema = Yup.object({
+      removal_reason: Yup.string().required(),
+      note: Yup.string(),
+      citation_text: Yup.string(),
+      is_visible: Yup.bool().required(),
+    });
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  static contextType = NotificationContext;
+
+  handleSubmit = async (values) => {
+    const { addNotification } = this.context;
+    const { resource, actionSuccessCallback } = this.props;
+    const payload = { ...values };
+
+    this.setState({ loading: true });
+
+    this.cancellableAction = withCancel(
+      RecordModerationApi.deleteRecord(resource, payload)
+    );
+
+    try {
+      await this.cancellableAction.promise;
+      this.setState({ loading: false, error: undefined });
+      addNotification({
+        title: i18next.t("Success"),
+        content: i18next.t("Record {{id}} was deleted.", { 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();
+  };
+
+  initFormValues = () => {
+    return {
+      removal_reason: undefined,
+      note: undefined,
+      citation_text: undefined,
+      is_visible: true,
+    };
+  };
+
+  handleVisibility = (setFieldValue, value) => {
+    setFieldValue("is_visible", value);
+  };
+
+  render() {
+    const { error, loading } = this.state;
+    const { resource } = this.props;
+    const isPublic = resource.access.record === "public";
+    return (
+      <Formik
+        onSubmit={this.handleSubmit}
+        enableReinitialize
+        initialValues={this.initFormValues()}
+        validateOnChange={false}
+        validateOnBlur={false}
+        validationSchema={this.tombstoneSchema}
+      >
+        {({ values, handleSubmit, setFieldValue }) => {
+          return (
+            <>
+              {error && (
+                <ErrorMessage
+                  header={i18next.t("Unable to delete")}
+                  content={error}
+                  icon="exclamation"
+                  className="text-align-left"
+                  negative
+                />
+              )}
+              <Modal.Content>
+                <Form className="full-width">
+                  <Button.Group widths={2} fluid>
+                    <Button
+                      color={values.is_visible ? "green" : ""}
+                      active={values.is_visible}
+                      // }
+                      value
+                      onClick={(event, elem) =>
+                        this.handleVisibility(setFieldValue, true)
+                      }
+                    >
+                      {i18next.t("Public")}
+                    </Button>
+                    <Button
+                      active={!values.is_visible}
+                      color={!values.is_visible ? "red" : ""}
+                      value={false}
+                      onClick={(event, elem) =>
+                        this.handleVisibility(setFieldValue, false)
+                      }
+                    >
+                      {i18next.t("Hidden")}
+                    </Button>
+                  </Button.Group>
+                  {!values.is_visible && isPublic && (
+                    <Message icon warning className="display">
+                      <Icon name="warning sign" />
+                      {i18next.t(
+                        "The tombstone is set to hidden but your record is public. Best practice is to provide a public tombstone when deactivating public records."
+                      )}
+                    </Message>
+                  )}
+                  {values.is_visible && !isPublic && (
+                    <Message icon negative className="display">
+                      <Icon name="warning sign" />
+                      {i18next.t(
+                        "RISK INFORMATION LEAKAGE: The tombstone is set to public but your record is restricted. Please make sure no restricted information is shared in the tombstone below."
+                      )}
+                    </Message>
+                  )}
+                  <Divider hidden />
+                  <Form.Field>
+                    <RemovalReasonsSelect setFieldValue={setFieldValue} />
+                  </Form.Field>
+                  <Form.Field>
+                    <TextField
+                      fieldPath="citation_text"
+                      label={i18next.t("Bibliographic citation")}
+                      placeholder={i18next.t(
+                        "Input citation text. Blank field will be filled with APA citation by default."
+                      )}
+                    />
+                  </Form.Field>
+                  <Form.Field>
+                    <TextAreaField
+                      fieldPath="note"
+                      label={i18next.t("Public note")}
+                      fluid
+                    />
+                  </Form.Field>
+                </Form>
+              </Modal.Content>
+              <Modal.Actions>
+                <Button onClick={this.handleModalClose} floated="left">
+                  {i18next.t("Close")}
+                </Button>
+                <Button
+                  size="small"
+                  labelPosition="left"
+                  basic
+                  icon="trash alternate"
+                  color="red"
+                  content={i18next.t("Delete record")}
+                  onClick={(event) => handleSubmit(event)}
+                  loading={loading}
+                  disabled={loading}
+                />
+              </Modal.Actions>
+            </>
+          );
+        }}
+      </Formik>
+    );
+  }
+}
+
+TombstoneForm.propTypes = {
+  resource: PropTypes.object.isRequired,
+  actionSuccessCallback: PropTypes.func.isRequired,
+  actionCancelCallback: PropTypes.func.isRequired,
+};

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

@@ -0,0 +1,38 @@
+/*
+ * 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 { APIRoutes } from "./routes";
+import { http } from "react-invenio-forms";
+
+const deleteRecord = async (record, payload) => {
+  const reason = payload["removal_reason"];
+  payload["removal_reason"] = { id: reason };
+  // WARNING: Axios does not accept payload without data key
+  return await http.delete(APIRoutes.delete(record), {
+    data: { ...payload },
+    headers: { ...http.headers, if_match: record.revision_id },
+  });
+};
+
+const restoreRecord = async (record) => {
+  return await http.post(APIRoutes.restore(record));
+};
+
+const getRevisions = async (record) => {
+  return await http.get(APIRoutes.compare(record));
+};
+
+const getLastRevision = async (record, revisionId, includePrevious) => {
+  return await http.get(APIRoutes.lastRevision(record, revisionId, includePrevious));
+};
+
+export const RecordModerationApi = {
+  deleteRecord: deleteRecord,
+  restoreRecord: restoreRecord,
+  getRevisions: getRevisions,
+  getLastRevision: getLastRevision,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/records/api/index.js

@@ -0,0 +1,9 @@
+/*
+ * 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.
+ */
+
+export { RecordModerationApi } from "./api";

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/records/api/routes.js

@@ -0,0 +1,30 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2023-2025 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 _get from "lodash/get";
+
+const APIRoutesGenerators = {
+  delete: (record, idKeyPath = "id") => {
+    return `/api/records/${_get(record, idKeyPath)}/delete`;
+  },
+  compare: (record, idKeyPath = "id") => {
+    return `/api/records/${_get(record, idKeyPath)}/revisions`;
+  },
+  restore: (record, idKeyPath = "id") => {
+    return `/api/records/${_get(record, idKeyPath)}/restore`;
+  },
+  lastRevision: (record, revisionId, includePrevious = false, idKeyPath = "id") => {
+    return `/api/records/${_get(
+      record,
+      idKeyPath
+    )}/revisions/${revisionId}?include_previous=${includePrevious}`;
+  },
+};
+export const APIRoutes = {
+  ...APIRoutesGenerators,
+};

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

@@ -0,0 +1,40 @@
+// This file is part of InvenioCommunities
+// Copyright (C) 2023 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 { initDefaultSearchComponents } from "@js/invenio_administration";
+import { createSearchAppInit } from "@js/invenio_search_ui";
+import { NotificationController } from "@js/invenio_administration";
+import { RecordResourceActions } from "./RecordResourceActions";
+import { SearchResultItemLayout, RecordSearchLayout } from "./search";
+import { RDMToggleComponent } from "../../search/components";
+
+import { ContribSearchAppFacets } from "@js/invenio_search_ui/components";
+import { parametrize } from "react-overridable";
+
+const ContribSearchAppFacetsWithConfig = parametrize(ContribSearchAppFacets, {
+  toggle: true,
+});
+
+const domContainer = document.getElementById("invenio-search-config");
+
+const defaultComponents = initDefaultSearchComponents(domContainer);
+
+const overridenComponents = {
+  ...defaultComponents,
+  "InvenioAdministration.SearchResultItem.layout": SearchResultItemLayout,
+  "SearchApp.layout": RecordSearchLayout,
+  "SearchApp.facets": ContribSearchAppFacetsWithConfig,
+  "InvenioAdministration.ResourceActions": RecordResourceActions,
+  "SearchFilters.Toggle.element": RDMToggleComponent,
+};
+
+createSearchAppInit(
+  overridenComponents,
+  true,
+  "invenio-search-config",
+  false,
+  NotificationController
+);

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/records/search/AdministrationSearchLayout.js

@@ -0,0 +1,56 @@
+/*
+ * // 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 { SearchAppResultsPane } from "@js/invenio_search_ui/components";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
+import { RequestStatusFilter } from "@js/invenio_requests/search";
+import { SearchBar, Sort } from "react-searchkit";
+
+export class AdministrationSearchLayout extends Component {
+  render() {
+    const { config, appName } = this.props;
+
+    return (
+      <>
+        {/* auto column grid used instead of SUI grid for better searchbar width adjustment */}
+        <div className="auto-column-grid">
+          <div className="flex column-mobile">
+            <div className="mobile only rel-mb-1 flex align-items-center justify-space-between">
+              <RequestStatusFilter keepFiltersOnUpdate />
+            </div>
+
+            <div className="tablet only computer only rel-mr-2">
+              <RequestStatusFilter keepFiltersOnUpdate />
+            </div>
+            <div className="full-width">
+              <SearchBar fluid />
+            </div>
+          </div>
+          <div className="flex align-items-center column-mobile">
+            <div className="full-width flex align-items-center justify-end column-mobile">
+              <Sort values={config.sortOptions} />
+            </div>
+          </div>
+        </div>
+        <div className="rel-mb-1" />
+
+        <SearchAppResultsPane layoutOptions={config.layoutOptions} appName={appName} />
+      </>
+    );
+  }
+}
+
+AdministrationSearchLayout.propTypes = {
+  config: PropTypes.object.isRequired,
+  appName: PropTypes.string,
+};
+
+AdministrationSearchLayout.defaultProps = {
+  appName: "",
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/records/search/RecordSearchLayout.js

@@ -0,0 +1,84 @@
+/*
+ * // 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 {
+  SearchAppFacets,
+  SearchAppResultsPane,
+} from "@js/invenio_search_ui/components";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
+import { DeletionStatusFilter } from "./filters";
+import { SearchBar, Sort } from "react-searchkit";
+import { Grid } from "semantic-ui-react";
+
+export class RecordSearchLayout extends Component {
+  render() {
+    const { config, appName } = this.props;
+    return (
+      <>
+        {/* auto column grid used instead of SUI grid for better searchbar width adjustment */}
+        <div className="auto-column-grid triple">
+          <div className="flex column-mobile">
+            <div className="mobile only rel-mb-1 flex align-items-center justify-space-between">
+              <DeletionStatusFilter keepFiltersOnUpdate />
+            </div>
+
+            <div className="tablet only computer only rel-mr-2">
+              <DeletionStatusFilter keepFiltersOnUpdate />
+            </div>
+          </div>
+          <div className="full-width">
+            <SearchBar fluid />
+          </div>
+
+          <div className="flex align-items-center column-mobile">
+            <div className="full-width flex align-items-center justify-end column-mobile">
+              {/*<SearchFilters customFilters={customFilters} />*/}
+              <Sort values={config.sortOptions} />
+            </div>
+          </div>
+        </div>
+        <div className="rel-mb-1">
+          {/*<FilterLabels ignoreFilters={["is_open"]} />*/}
+        </div>
+        <Grid>
+          <Grid.Column
+            computer={4}
+            mobile={16}
+            tablet={16}
+            largeScreen={2}
+            widescreen={2}
+          >
+            <SearchAppFacets aggs={config.aggs} appName={appName} />
+          </Grid.Column>
+          <Grid.Column
+            mobile={16}
+            tablet={16}
+            computer={12}
+            largeScreen={14}
+            widescreen={14}
+          >
+            <SearchAppResultsPane
+              layoutOptions={config.layoutOptions}
+              appName={appName}
+            />
+          </Grid.Column>
+        </Grid>
+      </>
+    );
+  }
+}
+
+RecordSearchLayout.propTypes = {
+  config: PropTypes.object.isRequired,
+  appName: PropTypes.string,
+};
+
+RecordSearchLayout.defaultProps = {
+  appName: "",
+};