invenio-app-rdm 5.0.0.dev0__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/landing_page/ShareOptions/AccessUsersGroups/PeopleTab.js

@@ -0,0 +1,88 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2024 CERN.
+//
+// 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, { Component } from "react";
+import PropTypes from "prop-types";
+import { AccessUsersGroups } from "./AccessUsersGroups";
+import { withCancel } from "react-invenio-forms";
+import { http } from "react-invenio-forms";
+
+export class PeopleTab extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: false,
+      error: undefined,
+    };
+  }
+
+  componentDidMount() {
+    this.fetchUsers();
+  }
+
+  onUserAddedOrDeleted = async () => {
+    await this.fetchUsers(true);
+  };
+
+  onPermissionChanged = (id, permission) => {
+    const { results } = this.props;
+    results.forEach((result) => {
+      if (result.subject.id === id) {
+        result.permission = permission;
+      }
+    });
+  };
+
+  fetchUsers = async (isDataChanged) => {
+    const { record, results, updateUsersState } = this.props;
+    if (results && !isDataChanged) return;
+
+    this.setState({ loading: true });
+    try {
+      this.cancellableAction = withCancel(
+        http.get(`${record.links.access_users}?expand=true`)
+      );
+      const response = await this.cancellableAction.promise;
+      this.setState({
+        loading: false,
+        error: undefined,
+      });
+      updateUsersState(response.data.hits.hits, isDataChanged);
+    } catch (error) {
+      if (error === "UNMOUNTED") return;
+      this.setState({
+        loading: false,
+        error: error,
+      });
+      console.error(error);
+    }
+  };
+
+  render() {
+    const { loading, error } = this.state;
+    const { record, permissions, results } = this.props;
+    return (
+      <AccessUsersGroups
+        searchType="user"
+        record={record}
+        permissions={permissions}
+        endpoint={`${record.links.access_users}`}
+        results={results}
+        loading={loading}
+        error={error}
+        onGrantAddedOrDeleted={this.onUserAddedOrDeleted}
+        onPermissionChanged={this.onPermissionChanged}
+      />
+    );
+  }
+}
+
+PeopleTab.propTypes = {
+  record: PropTypes.object.isRequired,
+  permissions: PropTypes.object.isRequired,
+  results: PropTypes.array.isRequired,
+  updateUsersState: PropTypes.func.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/ShareOptions/AccessUsersGroups/UserGroupAccessSearchResultItem.js

@@ -0,0 +1,158 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2021-2024 CERN.
+// Copyright (C) 2021 Northwestern University.
+// Copyright (C) 2021 Graz University of Technology.
+// Copyright (C) 2023 TU Wien.
+//
+// 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, { Component } from "react";
+import { Table, Button, Item, Label, Grid } from "semantic-ui-react";
+import { withCancel, http } from "react-invenio-forms";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import PropTypes from "prop-types";
+import { SuccessIcon } from "@js/invenio_communities/members";
+import { Image, dropdownOptionsGenerator, ErrorMessage } from "react-invenio-forms";
+import { AccessDropdown } from "../AccessLinks/AccessDropdown";
+import { dropdownOptions } from "../AccessLinks/LinksSearchResultContainer";
+
+export const accessDropdownOptions = [
+  ...dropdownOptions,
+  {
+    key: "manage",
+    name: "manage",
+    text: i18next.t("Can manage"),
+    title: i18next.t("Can manage"),
+    value: "manage",
+    description: i18next.t(
+      "Can manage access, edit drafts, view restricted files, and comment on associated draft requests of all versions of this record."
+    ),
+  },
+];
+
+export class UserGroupAccessSearchResultItem extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { loading: false, success: undefined, error: undefined };
+  }
+  handleDelete = async () => {
+    const { result, endpoint } = this.props;
+    this.setState({ loading: true });
+    const cancellableAction = withCancel(
+      http.delete(`${endpoint}/${result?.expanded?.subject?.id}`)
+    );
+    try {
+      await cancellableAction.promise;
+      this.setState({ loading: false, success: true });
+      this.handleSuccess();
+    } catch (error) {
+      this.setState({ loading: false, error: error });
+      console.error(error);
+    }
+  };
+  handleSuccess = () => {
+    const { onGrantAddedOrDeleted, endpoint, searchType } = this.props;
+    onGrantAddedOrDeleted(`${endpoint}?expand=true`, searchType);
+  };
+
+  render() {
+    const { result, permissions, endpoint, searchType, onPermissionChanged } =
+      this.props;
+    const { loading, success, error } = this.state;
+    const entity = result.expanded.subject;
+    return (
+      <Table.Row>
+        {error && (
+          <ErrorMessage
+            header={i18next.t("Something went wrong")}
+            content={error?.response?.data?.message || error.message}
+            icon="exclamation"
+            negative
+            size="mini"
+          />
+        )}
+        {!error && (
+          <>
+            <Table.Cell width={8}>
+              <Grid textAlign="left" verticalAlign="middle">
+                <Grid.Column>
+                  <Item className="flex" key={result.id}>
+                    <Image
+                      src={entity.links?.avatar}
+                      avatar
+                      className="rel-ml-1"
+                      alt=""
+                    />
+                    <Item.Content className="ml-10 p-0">
+                      <Item.Header
+                        className={`flex align-items-center ${
+                          !entity.description ? "mt-5" : ""
+                        }`}
+                      >
+                        <b className="mr-10">
+                          {entity.profile?.full_name ||
+                            entity?.username ||
+                            entity?.name}
+                        </b>
+
+                        {entity.is_current_user && (
+                          <Label size="tiny" className="primary">
+                            {i18next.t("You")}
+                          </Label>
+                        )}
+                      </Item.Header>
+                      {entity.profile?.affiliations && (
+                        <Item.Meta>{entity.profile?.affiliations}</Item.Meta>
+                      )}
+                    </Item.Content>
+                  </Item>
+                </Grid.Column>
+              </Grid>
+            </Table.Cell>
+
+            <Table.Cell data-label={i18next.t("Access")} width={4}>
+              <AccessDropdown
+                updateEndpoint={`${endpoint}/${result?.expanded?.subject?.id}`}
+                dropdownOptions={dropdownOptionsGenerator(accessDropdownOptions)}
+                result={result}
+                onPermissionChanged={onPermissionChanged}
+                entityType={searchType}
+              />
+            </Table.Cell>
+
+            <Table.Cell data-label={i18next.t("Actions")} textAlign="center" width={3}>
+              <div>
+                {permissions.can_manage && (
+                  <>
+                    {success && <SuccessIcon timeOutDelay={3000} show={success} />}
+                    <Button
+                      size="small"
+                      labelPosition="left"
+                      icon="trash"
+                      className="fluid-computer-only"
+                      compact
+                      negative
+                      disabled={loading}
+                      loading={loading}
+                      content={i18next.t("Delete")}
+                      onClick={this.handleDelete}
+                    />
+                  </>
+                )}
+              </div>
+            </Table.Cell>
+          </>
+        )}
+      </Table.Row>
+    );
+  }
+}
+
+UserGroupAccessSearchResultItem.propTypes = {
+  result: PropTypes.object.isRequired,
+  permissions: PropTypes.object.isRequired,
+  onGrantAddedOrDeleted: PropTypes.func.isRequired,
+  onPermissionChanged: PropTypes.func.isRequired,
+  endpoint: PropTypes.string.isRequired,
+  searchType: PropTypes.oneOf(["group", "role", "user"]).isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/ShareOptions/ShareButton.js

@@ -0,0 +1,62 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2021-2024 CERN.
+// Copyright (C) 2021 Northwestern University.
+// Copyright (C) 2021 Graz University of Technology.
+// Copyright (C) 2023 TU Wien.
+//
+// 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 { Icon, Button, Popup } from "semantic-ui-react";
+import { ShareModal } from "./ShareModal";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import PropTypes from "prop-types";
+
+export const ShareButton = ({ disabled, record, permissions, groupsEnabled }) => {
+  const [modalOpen, setModalOpen] = useState(false);
+  const handleOpen = () => setModalOpen(true);
+  const handleClose = () => setModalOpen(false);
+
+  return (
+    <>
+      <Popup
+        content={i18next.t("You don't have permissions to share this record.")}
+        disabled={!disabled}
+        trigger={
+          <Button
+            fluid
+            onClick={handleOpen}
+            disabled={disabled}
+            primary
+            size="medium"
+            aria-haspopup="dialog"
+            icon
+            labelPosition="left"
+          >
+            <Icon name="share square" />
+            {i18next.t("Share")}
+          </Button>
+        }
+      />
+      <ShareModal
+        open={modalOpen}
+        handleClose={handleClose}
+        record={record}
+        permissions={permissions}
+        groupsEnabled={groupsEnabled}
+      />
+    </>
+  );
+};
+
+ShareButton.propTypes = {
+  disabled: PropTypes.bool,
+  record: PropTypes.object.isRequired,
+  permissions: PropTypes.object.isRequired,
+  groupsEnabled: PropTypes.bool.isRequired,
+};
+
+ShareButton.defaultProps = {
+  disabled: false,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/ShareOptions/ShareModal.js

@@ -0,0 +1,252 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2021 Northwestern University.
+// Copyright (C) 2023 TU Wien.
+//
+// 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, { Component } from "react";
+import {
+  Icon,
+  Modal,
+  Tab,
+  Container,
+  Button,
+  MenuItem,
+  Label,
+} from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import PropTypes from "prop-types";
+import { LinksTab } from "./AccessLinks/LinksTab";
+import { AccessRequestsTab } from "./AccessRequests/AccessRequestsTab";
+import { PeopleTab } from "./AccessUsersGroups/PeopleTab";
+import { GroupsTab } from "./AccessUsersGroups/GroupsTab";
+
+export class ShareModal extends Component {
+  constructor(props) {
+    super(props);
+    const { record } = this.props;
+    this.state = {
+      record: record,
+      usersResults: undefined,
+      groupsResults: undefined,
+      linksResults: undefined,
+      activeTabKey: "",
+    };
+  }
+
+  updateGroupsState = (results, isDataChanged) => {
+    this.setState({ groupsResults: results });
+
+    if (isDataChanged) {
+      const { record } = this.state;
+      const updatedRecord = record?.parent?.access?.grants
+        ?.filter((grant) => grant?.subject?.type !== "role")
+        .concat(results);
+
+      record.parent.access.grants = updatedRecord;
+
+      this.setState({ record: record });
+    }
+  };
+
+  updateUsersState = (results, isDataChanged) => {
+    this.setState({ usersResults: results });
+
+    if (isDataChanged) {
+      const { record } = this.state;
+      const updatedRecord = record?.parent?.access?.grants
+        ?.filter((grant) => grant?.subject?.type !== "user")
+        .concat(results);
+      record.parent.access.grants = updatedRecord;
+
+      this.setState({ record: record });
+    }
+  };
+
+  updateLinksState = (results, isDataChanged) => {
+    this.setState({ linksResults: results });
+
+    if (isDataChanged) {
+      const { record } = this.state;
+      record.parent.access.links = results;
+      this.setState({ record: record });
+    }
+  };
+
+  handleTabChange = (e, data) => {
+    const tabIndex = data.activeIndex;
+    this.setState({ activeTabKey: data?.panes[tabIndex]?.menuItem?.key });
+  };
+
+  handleRecordUpdate = (updatedRecord) => {
+    const { record } = this.state;
+    updatedRecord.expanded = record.expanded;
+    this.setState({ record: updatedRecord });
+  };
+
+  checkIfIsAccessLinksExpirationRequired = () => {
+    return (
+      document.getElementById("deposits-share-btn-require-link-expiration")?.dataset
+        ?.shareBtnRequireLinkExpiration === "true" ||
+      document.getElementById("detail-share-btn-require-link-expiration")?.dataset
+        ?.shareBtnRequireLinkExpiration === "true" ||
+      false
+    );
+  };
+
+  panes = (record, permissions) => {
+    const { handleClose, groupsEnabled } = this.props;
+    const { linksResults, groupsResults, usersResults } = this.state;
+    const isAccessLinksExpirationRequired =
+      this.checkIfIsAccessLinksExpirationRequired();
+
+    let numUsers = 0;
+    let numGroups = 0;
+    record.parent?.access?.grants?.forEach((grant) => {
+      if (grant.subject.type === "user") numUsers++;
+      if (grant.subject.type === "role") numGroups++;
+    });
+    if (record?.expanded?.parent?.access?.owned_by) numUsers++;
+
+    const panes = [
+      {
+        menuItem: (
+          <MenuItem key="accessUsers">
+            <Icon name="user" />
+            {i18next.t("People")}
+            <Label size="tiny">{numUsers}</Label>
+          </MenuItem>
+        ),
+        render: () => (
+          <Tab.Pane key="accessUsers" as={Container}>
+            <PeopleTab
+              record={record}
+              permissions={permissions}
+              results={usersResults}
+              updateUsersState={this.updateUsersState}
+            />
+          </Tab.Pane>
+        ),
+      },
+    ];
+
+    if (groupsEnabled) {
+      panes.push({
+        menuItem: (
+          <MenuItem key="accessGroups">
+            <Icon name="users" />
+            {i18next.t("Groups")}
+            <Label size="tiny">{numGroups}</Label>
+          </MenuItem>
+        ),
+        render: () => (
+          <Tab.Pane key="accessGroups" as={Container}>
+            <GroupsTab
+              record={record}
+              permissions={permissions}
+              results={groupsResults}
+              updateGroupsState={this.updateGroupsState}
+            />
+          </Tab.Pane>
+        ),
+      });
+    }
+
+    let numLinks = 0;
+    record.parent?.access?.links?.forEach((link) => {
+      if (link.id !== null) numLinks++;
+    });
+
+    panes.push(
+      {
+        menuItem: (
+          <MenuItem key="accessLinks">
+            <Icon name="linkify" />
+            {i18next.t("Links")}
+            <Label size="tiny">{numLinks}</Label>
+          </MenuItem>
+        ),
+        render: () => (
+          <Tab.Pane key="accessLinks" as={Container}>
+            <LinksTab
+              results={linksResults}
+              record={record}
+              updateLinksState={this.updateLinksState}
+              isAccessLinksExpirationRequired={isAccessLinksExpirationRequired}
+            />
+          </Tab.Pane>
+        ),
+      },
+      {
+        menuItem: (
+          <MenuItem key="accessRequests">
+            <Icon name="cog" />
+            {i18next.t("Settings")}
+          </MenuItem>
+        ),
+        render: () => (
+          <Tab.Pane key="accessRequests" as={Container}>
+            <AccessRequestsTab
+              record={record}
+              handleClose={handleClose}
+              successCallback={this.handleRecordUpdate}
+              isAccessLinksExpirationRequired={isAccessLinksExpirationRequired}
+            />
+          </Tab.Pane>
+        ),
+      }
+    );
+
+    return panes;
+  };
+
+  render() {
+    const { open, handleClose, permissions } = this.props;
+    const { record, activeTabKey } = this.state;
+    const shouldShowCloseButton = activeTabKey !== "accessRequests";
+    return (
+      <Modal
+        open={open}
+        closeIcon
+        onClose={handleClose}
+        className="record-share-modal"
+        role="dialog"
+        aria-labelledby="access-link-modal-header"
+        aria-modal="true"
+        tab-index="-1"
+        size="large"
+        closeOnDimmerClick={false}
+      >
+        <Modal.Header as="h2" id="access-link-modal-header">
+          <Icon name="share square" />
+          {i18next.t("Share access")}
+        </Modal.Header>
+
+        <Tab
+          menu={{ secondary: true, pointing: true }}
+          panes={this.panes(record, permissions)}
+          onTabChange={this.handleTabChange}
+        />
+        {shouldShowCloseButton && (
+          <Modal.Actions className="ui clearing segment">
+            <Button
+              size="small"
+              onClick={handleClose}
+              content={i18next.t("Close")}
+              className="left floated clearing"
+            />
+          </Modal.Actions>
+        )}
+      </Modal>
+    );
+  }
+}
+
+ShareModal.propTypes = {
+  record: PropTypes.object.isRequired,
+  open: PropTypes.bool.isRequired,
+  groupsEnabled: PropTypes.bool.isRequired,
+  handleClose: PropTypes.func.isRequired,
+  permissions: PropTypes.object.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/ShareOptions/api/api.js

@@ -0,0 +1,39 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2024 CERN.
+//
+// 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 { http } from "react-invenio-forms";
+
+export class GrantAccessApi {
+  constructor(record) {
+    this.endpoint = record.links.access_grants;
+  }
+
+  createGrants = async (entities, permission, message, notify) => {
+    const grants = [];
+    for (const [entityId, entity] of Object.entries(entities)) {
+      const grant = {
+        subject: {
+          type: entity.type,
+          id: entityId,
+        },
+        permission: permission,
+      };
+
+      if (notify) {
+        grant.notify = notify;
+      }
+
+      if (message) {
+        grant.message = message;
+      }
+
+      grants.push(grant);
+    }
+
+    const payload = { grants: grants };
+    await http.post(this.endpoint, payload);
+  };
+}

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/access.js

@@ -0,0 +1,24 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2021 CERN.
+// Copyright (C) 2021 Northwestern University.
+// Copyright (C) 2021 Graz University of Technology.
+// Copyright (C) 2023 TU Wien.
+//
+// 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 { AccessRequestForm } from "./AccessRequestForm";
+import React from "react";
+import ReactDOM from "react-dom";
+
+const recordAccessFormRoot = document.getElementById("access-request-form-root");
+if (recordAccessFormRoot) {
+  ReactDOM.render(
+    <AccessRequestForm
+      record={JSON.parse(recordAccessFormRoot.dataset.record)}
+      isAnonymous={JSON.parse(recordAccessFormRoot.dataset.userAnonymous)}
+      email={JSON.parse(recordAccessFormRoot.dataset.userEmail)}
+      fullName={JSON.parse(recordAccessFormRoot.dataset.userFullName)}
+    />,
+    recordAccessFormRoot
+  );
+}