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/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
+);

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/administration/domains/search/SearchResultItemLayout.js

@@ -0,0 +1,185 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2022-2024 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 { BoolFormatter, Actions } from "@js/invenio_administration";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
+import { Table, Dropdown, Icon, Button } from "semantic-ui-react";
+import { withState } from "react-searchkit";
+import { AdminUIRoutes } from "@js/invenio_administration/src/routes";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+
+class SearchResultItemComponent extends Component {
+  refreshAfterAction = () => {
+    const { updateQueryState, currentQueryState } = this.props;
+    updateQueryState(currentQueryState);
+  };
+
+  render() {
+    const {
+      title,
+      resourceName,
+      result,
+      displayEdit,
+      displayDelete,
+      actions,
+      idKeyPath,
+      listUIEndpoint,
+    } = this.props;
+
+    return (
+      <Table.Row>
+        {/*<Table.Cell>*/}
+        {/*We pass user ID to bulk actions - user moderation API takes user IDs*/}
+        {/*<SearchResultsRowCheckbox rowId={userId} data={result} />*/}
+        {/*</Table.Cell>*/}
+        <Table.Cell key={`domain-column-${result.id}`} data-label={i18next.t("Domain")}>
+          <a href={result.links.admin_self_html}>{result.domain}</a> &nbsp;
+          <BoolFormatter
+            tooltip={i18next.t("Flagged")}
+            icon="flag"
+            color="red"
+            value={result.flagged}
+          />
+          <BoolFormatter
+            tooltip={i18next.t("Organization")}
+            icon="university"
+            color="black"
+            value={result.status_name === "organization"}
+          />
+          <BoolFormatter
+            tooltip={i18next.t("Company")}
+            icon="building outline"
+            color="black"
+            value={result.category_name === "company"}
+          />
+          <BoolFormatter
+            tooltip={i18next.t("Mail provider")}
+            icon="mail outline"
+            color="black"
+            value={result.status_name === "mail-provider"}
+          />
+          <BoolFormatter
+            tooltip={i18next.t("Spammer")}
+            icon="warning"
+            color="yellow"
+            value={result.status_name === "spammer"}
+          />
+        </Table.Cell>
+        <Table.Cell key={`domain-tld-${result.id}`} data-label={i18next.t("TLD")}>
+          {result.tld}
+        </Table.Cell>
+        <Table.Cell key={`domain-status-${result.id}`} data-label={i18next.t("Status")}>
+          <BoolFormatter
+            tooltip={i18next.t("New")}
+            icon="hourglass end"
+            color="grey"
+            value={result.status_name === "new"}
+          />
+          <BoolFormatter
+            tooltip={i18next.t("Moderated")}
+            icon="eye"
+            color="grey"
+            value={result.status_name === "moderated"}
+          />
+          <BoolFormatter
+            tooltip={i18next.t("Verified")}
+            icon="check"
+            color="green"
+            value={result.status_name === "verified"}
+          />
+          <BoolFormatter
+            tooltip={i18next.t("Blocked")}
+            icon="ban"
+            color="red"
+            value={result.status_name === "blocked"}
+          />
+        </Table.Cell>
+        <Table.Cell key={`domain-users-${result.id}`} data-label={i18next.t("Users")}>
+          {result.num_users}
+        </Table.Cell>
+        <Table.Cell key={`domain-active-${result.id}`} data-label={i18next.t("Active")}>
+          {result.num_active}
+        </Table.Cell>
+        <Table.Cell
+          key={`domain-inactive-${result.id}`}
+          data-label={i18next.t("Inactive")}
+        >
+          {result.num_inactive}
+        </Table.Cell>
+        <Table.Cell
+          key={`domain-confirmed-${result.id}`}
+          data-label={i18next.t("Confirmed")}
+        >
+          {result.num_confirmed}
+        </Table.Cell>
+        <Table.Cell
+          key={`domain-verified-${result.id}`}
+          data-label={i18next.t("Verified")}
+        >
+          {result.num_verified}
+        </Table.Cell>
+        <Table.Cell
+          key={`domain-blocked-${result.id}`}
+          data-label={i18next.t("Blocked")}
+        >
+          {result.num_blocked}
+        </Table.Cell>
+        <Table.Cell
+          collapsing
+          key={`domain-links-${result.id}`}
+          data-label={i18next.t("Links")}
+          className="word-break-all"
+        >
+          <Dropdown text={<Icon name="eye" />}>
+            <Dropdown.Menu>
+              <Dropdown.Item
+                as="a"
+                href={result.links.admin_users_html}
+                text={i18next.t("Users")}
+              />
+            </Dropdown.Menu>
+          </Dropdown>
+        </Table.Cell>
+        <Table.Cell collapsing>
+          <Button.Group size="tiny" basic widths={5} compact className="margined">
+            <Actions
+              title={title}
+              resourceName={resourceName}
+              editUrl={AdminUIRoutes.editView(listUIEndpoint, result, idKeyPath)}
+              displayEdit={displayEdit}
+              displayDelete={displayDelete}
+              actions={actions}
+              resource={result}
+              idKeyPath={idKeyPath}
+              successCallback={this.refreshAfterAction}
+              listUIEndpoint={listUIEndpoint}
+            />
+          </Button.Group>
+        </Table.Cell>
+      </Table.Row>
+    );
+  }
+}
+
+SearchResultItemComponent.propTypes = {
+  actions: PropTypes.object.isRequired,
+  currentQueryState: PropTypes.object.isRequired,
+  displayDelete: PropTypes.bool.isRequired,
+  displayEdit: PropTypes.bool.isRequired,
+  idKeyPath: PropTypes.string.isRequired,
+  listUIEndpoint: PropTypes.string.isRequired,
+  resourceName: PropTypes.string.isRequired,
+  result: PropTypes.object.isRequired,
+  title: PropTypes.string.isRequired,
+  updateQueryState: PropTypes.func.isRequired,
+};
+
+SearchResultItemComponent.defaultProps = {};
+
+export const SearchResultItemLayout = withState(SearchResultItemComponent);

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

@@ -0,0 +1,9 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2024 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 { SearchResultItemLayout } from "./SearchResultItemLayout";

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

@@ -0,0 +1,32 @@
+// 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 "../records/RecordResourceActions";
+import { SearchResultItemLayout } from "../records/search";
+import { SearchFacets } from "@js/invenio_administration";
+
+const domContainer = document.getElementById("invenio-search-config");
+
+const defaultComponents = initDefaultSearchComponents(domContainer);
+
+const overridenComponents = {
+  ...defaultComponents,
+  "InvenioAdministration.SearchResultItem.layout": SearchResultItemLayout,
+  // "SearchApp.layout": RecordSearchLayout,
+  "SearchApp.facets": SearchFacets,
+  "InvenioAdministration.ResourceActions": RecordResourceActions,
+};
+
+createSearchAppInit(
+  overridenComponents,
+  true,
+  "invenio-search-config",
+  false,
+  NotificationController
+);