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/components/ImpersonateUserForm.js

@@ -0,0 +1,199 @@
+/*
+ * // 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 React, { Component } from "react";
+import PropTypes from "prop-types";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { Formik } from "formik";
+import _get from "lodash/get";
+
+import { withCancel, ErrorMessage, RadioField, ErrorLabel } from "react-invenio-forms";
+import { Form, Button, Modal, Message, Icon, Checkbox } from "semantic-ui-react";
+import { NotificationContext } from "@js/invenio_administration";
+import * as Yup from "yup";
+import { UserModerationApi } from "../users/api";
+
+export class ImpersonateUserForm extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: false,
+      error: undefined,
+    };
+    this.confirmSchema = Yup.object({
+      acceptToLogout: Yup.bool().oneOf([true], i18next.t("You must accept this.")),
+      acceptImpersonation: Yup.bool().oneOf([true], i18next.t("You must accept this.")),
+    });
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  static contextType = NotificationContext;
+
+  handleSubmit = async (values) => {
+    this.setState({ loading: true });
+    const { addNotification } = this.context;
+    const { user, actionSuccessCallback } = this.props;
+    this.cancellableAction = withCancel(UserModerationApi.impersonateUser(user));
+    try {
+      await this.cancellableAction.promise;
+      this.setState({ loading: false, error: undefined });
+      addNotification({
+        title: i18next.t("Success"),
+        content: i18next.t(
+          "User impersonated succesfully! You will be redirected in frontpage soon.",
+          {
+            id: user.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 {
+      acceptToLogout: false,
+      acceptImpersonation: false,
+    };
+  };
+
+  render() {
+    const { error, loading } = this.state;
+    const { user } = this.props;
+    return (
+      <Formik
+        onSubmit={this.handleSubmit}
+        enableReinitialize
+        initialValues={this.initFormValues()}
+        validateOnChange={false}
+        validateOnBlur={false}
+        validationSchema={() => this.confirmSchema}
+      >
+        {({ values, handleSubmit }) => {
+          return (
+            <>
+              {error && (
+                <ErrorMessage
+                  header={i18next.t("Unable to impersonate user.")}
+                  content={i18next.t(error)}
+                  icon="exclamation"
+                  className="text-align-left"
+                  negative
+                />
+              )}
+
+              <Modal.Content>
+                <Message visible error>
+                  <p>
+                    <Icon name="warning sign" />
+                    {i18next.t(
+                      "Please read carefully and confirm the following statements before you proceed."
+                    )}
+                  </p>
+                </Message>
+                <Form>
+                  <Form.Field id="accept-impersonation-checkbox">
+                    <RadioField
+                      control={Checkbox}
+                      fieldPath="acceptImpersonation"
+                      label={
+                        <>
+                          {i18next.t("You are about to impersonate user ")}
+                          <b>
+                            {user.email} (id: {user.id})
+                          </b>
+                          .
+                        </>
+                      }
+                      checked={_get(values, "acceptImpersonation") === true}
+                      onChange={({ data, formikProps }) => {
+                        formikProps.form.setFieldValue(
+                          "acceptImpersonation",
+                          data.checked
+                        );
+                      }}
+                      optimized
+                    />
+
+                    <ErrorLabel
+                      role="alert"
+                      fieldPath="acceptImpersonation"
+                      className="mt-0 mb-5"
+                    />
+                  </Form.Field>
+                  <Form.Field id="accept-logout-checkbox">
+                    <RadioField
+                      control={Checkbox}
+                      fieldPath="acceptToLogout"
+                      label={
+                        <>
+                          {i18next.t("You ")}
+                          <b>{i18next.t("MUST")}</b>
+                          {i18next.t(" logout after completing your inquiry.")}
+                        </>
+                      }
+                      checked={_get(values, "acceptToLogout") === true}
+                      onChange={({ data, formikProps }) => {
+                        formikProps.form.setFieldValue("acceptToLogout", data.checked);
+                      }}
+                      optimized
+                    />
+                    <ErrorLabel
+                      role="alert"
+                      fieldPath="acceptToLogout"
+                      className="mt-0 mb-5"
+                    />
+                  </Form.Field>
+                </Form>
+              </Modal.Content>
+              <Modal.Actions>
+                <Button onClick={this.handleModalClose} floated="left">
+                  {i18next.t("Close")}
+                </Button>
+                <Button
+                  size="small"
+                  labelPosition="left"
+                  icon="check"
+                  color="green"
+                  content={i18next.t("Impersonate")}
+                  onClick={(event) => handleSubmit(event)}
+                  loading={loading}
+                  disabled={loading}
+                />
+              </Modal.Actions>
+            </>
+          );
+        }}
+      </Formik>
+    );
+  }
+}
+
+ImpersonateUserForm.propTypes = {
+  user: PropTypes.object.isRequired,
+  actionSuccessCallback: PropTypes.func.isRequired,
+  actionCancelCallback: PropTypes.func.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/components/RevisionsDiffViewer.js

@@ -0,0 +1,80 @@
+/*
+ * // 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 { Grid, Container } from "semantic-ui-react";
+import { Differ, Viewer } from "json-diff-kit";
+
+export class RevisionsDiffViewer extends Component {
+  constructor(props) {
+    super(props);
+    this.differ = new Differ({
+      detectCircular: true,
+      maxDepth: null,
+      showModifications: true,
+      arrayDiffMethod: "lcs",
+      ignoreCase: false,
+      ignoreCaseForKey: false,
+      recursiveEqual: true,
+    });
+    this.state = {
+      currentDiff: undefined,
+    };
+  }
+
+  componentDidUpdate(prevProps) {
+    const { diff } = this.props;
+
+    if (diff !== prevProps.diff) {
+      this.computeDiff();
+    }
+  }
+
+  computeDiff = () => {
+    const { diff } = this.props;
+    const _diff = this.differ.diff(diff?.srcRevision, diff?.targetRevision);
+    this.setState({ currentDiff: _diff });
+  };
+
+  render() {
+    const { currentDiff, viewerProps } = this.state;
+
+    return currentDiff ? (
+      <Grid>
+        <Grid.Column width={16}>
+          <Container fluid>
+            <Viewer diff={currentDiff} {...viewerProps} />
+          </Container>
+        </Grid.Column>
+      </Grid>
+    ) : null;
+  }
+}
+
+RevisionsDiffViewer.propTypes = {
+  diff: PropTypes.object,
+  viewerProps: PropTypes.object,
+};
+
+RevisionsDiffViewer.defaultProps = {
+  diff: {},
+  viewerProps: {
+    indent: 4,
+    lineNumbers: true,
+    highlightInlineDiff: true,
+    inlineDiffOptions: {
+      mode: "word",
+      wordSeparator: " ",
+    },
+    hideUnchangedLines: true,
+    syntaxHighlight: false,
+    virtual: true,
+  },
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/components/SetQuotaAction.js

@@ -0,0 +1,109 @@
+/*
+ * // 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 React, { Component } from "react";
+import PropTypes from "prop-types";
+import { Button, Modal, Icon, Checkbox } from "semantic-ui-react";
+import { ActionModal } from "@js/invenio_administration";
+import { SetQuotaForm } from "./SetQuotaForm";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+
+export class SetQuotaAction extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      modalOpen: false,
+      setQuotaInBytes: false,
+    };
+  }
+
+  onModalTriggerClick = (e, { payloadSchema, dataName, dataActionKey }) => {
+    this.setState({ modalOpen: true });
+  };
+
+  closeModal = () => {
+    this.setState({
+      modalOpen: false,
+      setQuotaInBytes: false,
+    });
+  };
+
+  handleSuccess = () => {
+    const { successCallback } = this.props;
+    this.setState({ modalOpen: false });
+    successCallback();
+  };
+
+  setQuotaValueInBytes = (event, data) => {
+    const { checked } = data;
+    this.setState({ setQuotaInBytes: checked });
+  };
+
+  render() {
+    const { resource, apiUrl, headerText, isRecord } = this.props;
+    const { modalOpen, setQuotaInBytes } = this.state;
+
+    return (
+      <>
+        <Button
+          key="set-quota"
+          onClick={this.onModalTriggerClick}
+          icon
+          fluid
+          basic
+          labelPosition="left"
+        >
+          <Icon name="disk" />
+          {i18next.t("Set Quota")}
+        </Button>
+
+        <ActionModal modalOpen={modalOpen} resource={resource}>
+          <Modal.Header className="flex justify-space-between">
+            <div>{headerText}</div>
+            <div>
+              <Checkbox
+                toggle
+                label={i18next.t("Set quota in bytes")}
+                onChange={this.setQuotaValueInBytes}
+              />
+            </div>
+          </Modal.Header>
+          {!isRecord && (
+            <Modal.Content>
+              <p>
+                <strong>{i18next.t("Note")}:</strong>{" "}
+                {i18next.t(
+                  "This is the default quota that will be applied to any NEW records created by this user - it will NOT update quota of existing records."
+                )}
+              </p>
+            </Modal.Content>
+          )}
+          <SetQuotaForm
+            actionSuccessCallback={this.handleSuccess}
+            actionCancelCallback={this.closeModal}
+            resource={resource}
+            apiUrl={apiUrl}
+            setQuotaInBytes={setQuotaInBytes}
+          />
+        </ActionModal>
+      </>
+    );
+  }
+}
+
+SetQuotaAction.propTypes = {
+  resource: PropTypes.object.isRequired,
+  successCallback: PropTypes.func.isRequired,
+  apiUrl: PropTypes.string.isRequired,
+  headerText: PropTypes.string.isRequired,
+  isRecord: PropTypes.bool,
+};
+
+SetQuotaAction.defaultProps = {
+  isRecord: false,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/components/SetQuotaForm.js

@@ -0,0 +1,196 @@
+/*
+ * // 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 { i18next } from "@translations/invenio_app_rdm/i18next";
+import { Formik } from "formik";
+import {
+  withCancel,
+  ErrorMessage,
+  TextField,
+  TextAreaField,
+  http,
+} from "react-invenio-forms";
+import { Form, Button, Modal } from "semantic-ui-react";
+import { NotificationContext } from "@js/invenio_administration";
+import * as Yup from "yup";
+
+export class SetQuotaForm extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: false,
+      error: undefined,
+    };
+    this.tombstoneSchema = Yup.object({
+      quota_size: Yup.number().required().min(1),
+      max_file_size: Yup.number().required().min(1),
+      notes: Yup.string(),
+    });
+  }
+
+  componentWillUnmount() {
+    this.cancellableAction && this.cancellableAction.cancel();
+  }
+
+  static contextType = NotificationContext;
+
+  handleSubmit = async (values) => {
+    this.setState({ loading: true });
+    const { addNotification } = this.context;
+    const { resource, actionSuccessCallback, setQuotaInBytes, apiUrl } = this.props;
+    let { notes, quota_size: quotaSize, max_file_size: maxFileSize } = values;
+
+    const quotaInGb = !setQuotaInBytes && quotaSize;
+
+    if (!setQuotaInBytes) {
+      quotaSize *= 10 ** 9;
+      maxFileSize *= 10 ** 9;
+    }
+
+    this.cancellableAction = withCancel(
+      http.post(apiUrl, {
+        notes,
+        quota_size: quotaSize,
+        max_file_size: maxFileSize,
+      })
+    );
+
+    try {
+      await this.cancellableAction.promise;
+      this.setState({ loading: false, error: undefined });
+
+      addNotification({
+        title: i18next.t("Success"),
+        content: i18next.t("Quota of {{id}} was set to {{quota}} {{unit}}", {
+          id: resource.id,
+          quota: quotaInGb || quotaSize,
+          unit: quotaInGb ? "GB" : "bytes",
+        }),
+        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 = () => {
+    // TODO take current quota
+    return {
+      quota_size: undefined,
+      max_file_size: undefined,
+      notes: undefined,
+    };
+  };
+
+  render() {
+    const { error, loading } = this.state;
+    const { setQuotaInBytes } = this.props;
+
+    return (
+      <Formik
+        onSubmit={this.handleSubmit}
+        enableReinitialize
+        initialValues={this.initFormValues()}
+        validateOnChange={false}
+        validateOnBlur={false}
+        validationSchema={this.tombstoneSchema}
+      >
+        {({ values, handleSubmit }) => {
+          return (
+            <>
+              {error && (
+                <Modal.Content>
+                  <ErrorMessage
+                    header={i18next.t("Unable to set quota.")}
+                    content={i18next.t(error)}
+                    icon="exclamation"
+                    className="text-align-left"
+                    negative
+                  />
+                </Modal.Content>
+              )}
+              <Modal.Content>
+                <Form className="full-width">
+                  <Form.Field>
+                    <TextField
+                      required
+                      fieldPath="quota_size"
+                      label={i18next.t("Quota size ({{unit}})", {
+                        unit: setQuotaInBytes ? "bytes" : "GB",
+                      })}
+                      placeholder={i18next.t("Enter quota size...")}
+                      type="number"
+                    />
+                    <TextField
+                      required
+                      fieldPath="max_file_size"
+                      label={i18next.t("Max file size ({{unit}})", {
+                        unit: setQuotaInBytes ? "bytes" : "GB",
+                      })}
+                      placeholder={i18next.t("Enter max file size...")}
+                      type="number"
+                    />
+                  </Form.Field>
+                  <Form.Field>
+                    <TextAreaField
+                      fieldPath="notes"
+                      label={i18next.t("Note")}
+                      fluid
+                      placeholder={i18next.t("Ticket 1234")}
+                    />
+                  </Form.Field>
+                </Form>
+              </Modal.Content>
+              <Modal.Actions>
+                <Button onClick={this.handleModalClose} floated="left">
+                  {i18next.t("Close")}
+                </Button>
+                <Button
+                  size="small"
+                  labelPosition="left"
+                  icon="check"
+                  color="green"
+                  content={i18next.t("Set quota")}
+                  onClick={(event) => handleSubmit(event)}
+                  loading={loading}
+                  disabled={loading}
+                />
+              </Modal.Actions>
+            </>
+          );
+        }}
+      </Formik>
+    );
+  }
+}
+
+SetQuotaForm.propTypes = {
+  resource: PropTypes.object.isRequired,
+  actionSuccessCallback: PropTypes.func.isRequired,
+  actionCancelCallback: PropTypes.func.isRequired,
+  apiUrl: PropTypes.string.isRequired,
+  setQuotaInBytes: PropTypes.bool,
+};
+
+SetQuotaForm.defaultProps = {
+  setQuotaInBytes: false,
+};

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

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

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

@@ -0,0 +1,27 @@
+// This file is part of InvenioCommunities
+// Copyright (C) 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 { initDefaultSearchComponents } from "@js/invenio_administration";
+import { createSearchAppInit } from "@js/invenio_search_ui";
+import { NotificationController } from "@js/invenio_administration";
+import { SearchResultItemLayout } from "./search";
+
+const domContainer = document.getElementById("invenio-search-config");
+
+const defaultComponents = initDefaultSearchComponents(domContainer);
+
+const overridenComponents = {
+  ...defaultComponents,
+  "InvenioAdministration.SearchResultItem.layout": SearchResultItemLayout,
+};
+
+createSearchAppInit(
+  overridenComponents,
+  true,
+  "invenio-search-config",
+  false,
+  NotificationController
+);