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/requests/timeline/AccessRequestTimelineRead.js

@@ -0,0 +1,50 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023-2025 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 PropTypes from "prop-types";
+import React, { Component } from "react";
+import { Header, Segment } from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { DateTime } from "luxon";
+
+export class AccessRequestTimelineRead extends Component {
+  render() {
+    const {
+      request: {
+        updated,
+        payload: { secret_link_expiration: secretLinkExpiration },
+      },
+    } = this.props;
+
+    const expirationDate =
+      parseInt(secretLinkExpiration) === 0
+        ? i18next.t("Never")
+        : DateTime.fromISO(updated)
+            .plus({
+              days: parseInt(secretLinkExpiration),
+            })
+            .toISODate();
+    return (
+      <>
+        <Header
+          size="big"
+          icon="edit outline"
+          attached="top"
+          className="highlight"
+          content={i18next.t("Access request")}
+        />
+        <Segment className="attached rel-mb-2">
+          <strong>{i18next.t("Link expiration date:")} </strong>
+          <label>{expirationDate}</label>
+        </Segment>
+      </>
+    );
+  }
+}
+
+AccessRequestTimelineRead.propTypes = {
+  request: PropTypes.object.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/requests/timeline/overrides/TimelineFeedHeader.js

@@ -0,0 +1,34 @@
+// This file is part of InvenioRDM
+// 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 PropTypes from "prop-types";
+import React from "react";
+import { AccessRequestTimelineEdit } from "../AccessRequestTimelineEdit";
+import { AccessRequestTimelineRead } from "../AccessRequestTimelineRead";
+
+export const TimelineFeedHeader = ({ request, permissions }) => {
+  if (request.type !== "guest-access-request") {
+    return null;
+  }
+
+  return (
+    <>
+      {/* access request receiver (record owner) can change action/expiration */}
+      {request.status === "submitted" && permissions.can_manage && (
+        <AccessRequestTimelineEdit request={request} />
+      )}
+      {/* when accepted, creator and receiver will see only the read-only version. */}
+      {request.status === "accepted" && (
+        <AccessRequestTimelineRead request={request} permissions={permissions} />
+      )}
+    </>
+  );
+};
+
+TimelineFeedHeader.propTypes = {
+  request: PropTypes.object.isRequired,
+  permissions: PropTypes.object.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/search/components.js

@@ -1,5 +1,5 @@
 // This file is part of InvenioRDM
-// Copyright (C) 2020-2022 CERN.
+// Copyright (C) 2020-2024 CERN.
 // Copyright (C) 2020-2021 Northwestern University.
 // Copyright (C) 2021 Graz University of Technology.
 // Copyright (C) 2021-2022 New York University.
@@ -7,294 +7,142 @@
 // 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, { useState } from "react";
+import {
+  SearchBar,
+  MultipleOptionsSearchBarRSK,
+} from "@js/invenio_search_ui/components";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import _get from "lodash/get";
+import _truncate from "lodash/truncate";
+import React from "react";
+import Overridable from "react-overridable";
+import { withState, buildUID } from "react-searchkit";
 import {
   Button,
   Card,
   Checkbox,
   Grid,
+  Header,
   Icon,
   Input,
-  Item,
   Label,
-  List,
   Message,
   Segment,
-  Header,
 } from "semantic-ui-react";
-import { BucketAggregation, Toggle, withState } from "react-searchkit";
-import _get from "lodash/get";
-import _truncate from "lodash/truncate";
-import Overridable from "react-overridable";
-import { SearchBar } from "@js/invenio_search_ui/components";
-import { i18next } from "@translations/invenio_app_rdm/i18next";
-import { SearchItemCreators } from "../utils";
-
-export const RDMRecordResultsListItem = ({ result, index }) => {
-  const access_status_id = _get(result, "ui.access_status.id", "open");
-  const access_status = _get(result, "ui.access_status.title_l10n", "Open");
-  const access_status_icon = _get(result, "ui.access_status.icon", "unlock");
-  const createdDate = _get(
-    result,
-    "ui.created_date_l10n_long",
-    "No creation date found."
-  );
-  const creators = result.ui.creators.creators.slice(0, 3);
+import RecordsResultsListItem from "../components/RecordsResultsListItem";
+import PropTypes from "prop-types";
 
-  const description_stripped = _get(
-    result,
-    "ui.description_stripped",
-    "No description"
-  );
+export const RDMRecordResultsListItemWithState = withState(
+  ({ currentQueryState, result, appName }) => (
+    <RecordsResultsListItem
+      currentQueryState={currentQueryState}
+      result={result}
+      appName={appName}
+    />
+  )
+);
 
-  const publicationDate = _get(
-    result,
-    "ui.publication_date_l10n_long",
-    "No publication date found."
-  );
-  const resource_type = _get(
-    result,
-    "ui.resource_type.title_l10n",
-    "No resource type"
-  );
-  const subjects = _get(result, "ui.subjects", []);
-  const title = _get(result, "metadata.title", "No title");
-  const version = _get(result, "ui.version", null);
+RDMRecordResultsListItemWithState.propTypes = {
+  currentQueryState: PropTypes.object,
+  result: PropTypes.object.isRequired,
+};
 
-  // Derivatives
-  const viewLink = `/records/${result.id}`;
-  return (
-    <Item key={index}>
-      <Item.Content>
-        <Item.Extra className="labels-actions">
-          <Label size="tiny" color="blue">
-            {publicationDate} ({version})
-          </Label>
-          <Label size="tiny" color="grey">
-            {resource_type}
-          </Label>
-          <Label size="tiny" className={`access-status ${access_status_id}`}>
-            {access_status_icon && (
-              <i className={`icon ${access_status_icon}`}/>
-            )}
-            {access_status}
-          </Label>
-        </Item.Extra>
-        <Item.Header as="h2">
-          <a href={viewLink}>{title}</a>
-        </Item.Header>
-        <Item className="creatibutors">
-          <SearchItemCreators creators={creators} />
-        </Item>
-        <Item.Description>
-          {_truncate(description_stripped, { length: 350 })}
-        </Item.Description>
-        <Item.Extra>
-          {subjects.map((subject, index) => (
-            <Label key={index} size="tiny">
-              {subject.title_l10n}
-            </Label>
-          ))}
-          {createdDate && (
-            <div>
-              <small>
-                {i18next.t("Uploaded on")} <span>{createdDate}</span>
-              </small>
-            </div>
-          )}
-        </Item.Extra>
-      </Item.Content>
-    </Item>
-  );
+RDMRecordResultsListItemWithState.defaultProps = {
+  currentQueryState: null,
 };
 
 // TODO: Update this according to the full List item template?
-export const RDMRecordResultsGridItem = ({ result, index }) => {
-  const description_stripped = _get(
-    result,
-    "ui.description_stripped",
-    "No description"
-  );
+export const RDMRecordResultsGridItem = ({ result }) => {
+  const descriptionStripped = _get(result, "ui.description_stripped", "No description");
   return (
-    <Card fluid key={index} href={`/records/${result.pid}`}>
+    <Card fluid href={`/records/${result.pid}`}>
       <Card.Content>
         <Card.Header>{result.metadata.title}</Card.Header>
         <Card.Description>
-          {_truncate(description_stripped, { length: 200 })}
+          {_truncate(descriptionStripped, { length: 200 })}
         </Card.Description>
       </Card.Content>
     </Card>
   );
 };
 
-export const RDMRecordSearchBarContainer = () => {
+RDMRecordResultsGridItem.propTypes = {
+  result: PropTypes.object.isRequired,
+};
+
+export const RDMRecordSearchBarContainer = ({ appName }) => {
   return (
-    <Overridable id={"SearchApp.searchbar"}>
+    <Overridable id={buildUID("SearchApp.searchbar", "", appName)}>
       <SearchBar />
     </Overridable>
   );
 };
 
-export const RDMRecordSearchBarElement = withState(({
-  placeholder: passedPlaceholder,
-  queryString,
-  onInputChange,
-  executeSearch,
-  updateQueryState
-}) => {
-  const placeholder = passedPlaceholder || i18next.t("Search");
-  const onBtnSearchClick = () => {
-    updateQueryState({ filters: [] });
-    executeSearch();
-  };
-  const onKeyPress = (event) => {
-    if (event.key === "Enter") {
-      updateQueryState({ filters: [] });
-      executeSearch();
-    }
-  };
-  return (
-    <Input
-      action={{
-        icon: "search",
-        onClick: onBtnSearchClick,
-        className: "search",
-        "aria-label": "Search",
-      }}
-      fluid
-      placeholder={placeholder}
-      onChange={(event, { value }) => {
-        onInputChange(value);
-      }}
-      value={queryString}
-      onKeyPress={onKeyPress}
-    />
-  );
-});
-
-export const RDMRecordFacetsValues = ({
-  bucket,
-  isSelected,
-  onFilterClicked,
-  getChildAggCmps,
-}) => {
-  const childAggCmps = getChildAggCmps(bucket);
-  const [isActive, setisActive] = useState(false);
-  const hasChildren = childAggCmps && childAggCmps.props.buckets.length > 0;
-  const keyField = bucket.key_as_string ? bucket.key_as_string : bucket.key;
-  return (
-    <List.Item key={bucket.key}>
-      <div
-        className={`facet-wrapper title ${
-          hasChildren ? "" : "facet-subtitle"
-        } ${isActive ? "active" : ""}`}
-      >
-        <List.Content className="facet-count">
-          <Label circular id={`${keyField}-count`}>
-            {bucket.doc_count}
-          </Label>
-        </List.Content>
-        {hasChildren ? (
-          <Button
-            className="iconhold"
-            icon={`angle ${isActive ? "down" : "right"} icon`}
-            onClick={() => setisActive(!isActive)}
-            aria-label={`${
-              isActive
-                ? i18next.t("hide subfacets")
-                : i18next.t("show subfacets")
-            }`}
-          />
-        ) : null}
-        <Checkbox
-          label={bucket.label || keyField}
-          id={`${keyField}-facet-checkbox`}
-          aria-describedby={`${keyField}-count`}
-          value={keyField}
-          onClick={() => onFilterClicked(keyField)}
-          checked={isSelected}
-        />
-      </div>
-      <div className={`content facet-content ${isActive ? "active" : ""}`}>
-        {childAggCmps}
-      </div>
-    </List.Item>
-  );
+RDMRecordSearchBarContainer.propTypes = {
+  appName: PropTypes.string.isRequired,
 };
 
-export const SearchHelpLinks = () => {
+export const RDMRecordMultipleSearchBarElement = ({ queryString, onInputChange }) => {
+  const headerSearchbar = document.getElementById("header-search-bar");
+  const searchbarOptions = JSON.parse(headerSearchbar.dataset.options);
+
   return (
-    <Overridable id={"RdmSearch.SearchHelpLinks"}>
-      <List>
-        <List.Item>
-          <a href="/help/search">{i18next.t("Search guide")}</a>
-        </List.Item>
-      </List>
-    </Overridable>
+    <MultipleOptionsSearchBarRSK
+      options={searchbarOptions}
+      onInputChange={onInputChange}
+      queryString={queryString}
+      placeholder={i18next.t("Search records...")}
+    />
   );
 };
 
-export const RDMRecordFacets = ({ aggs, currentResultsState }) => {
-  return (
-    <aside aria-label={i18next.t("filters")} id="search-filters">
-      <Toggle
-        title={i18next.t("Versions")}
-        label={i18next.t("View all versions")}
-        filterValue={["allversions", "true"]}
-      />
-      {aggs.map((agg) => {
-        return (
-          <div className="ui accordion" key={agg.title}>
-            <BucketAggregation title={agg.title} agg={agg} />
-          </div>
-        );
-      })}
-      <Card className="borderless-facet">
-        <Card.Content>
-          <Card.Header as="h2">{ i18next.t('Help') }</Card.Header>
-          <SearchHelpLinks />
-        </Card.Content>
-      </Card>
-    </aside>
-  );
+RDMRecordMultipleSearchBarElement.propTypes = {
+  queryString: PropTypes.string.isRequired,
+  onInputChange: PropTypes.func.isRequired,
 };
 
-export const RDMBucketAggregationElement = ({agg, title, containerCmp, updateQueryFilters}) => {
+export const RDMRecordSearchBarElement = withState(
+  ({
+    placeholder: passedPlaceholder,
+    queryString,
+    onInputChange,
+    updateQueryState,
+    currentQueryState,
+  }) => {
+    const placeholder = passedPlaceholder || i18next.t("Search");
 
-  const clearFacets = () => {
-    if (containerCmp.props.selectedFilters.length) {
-      updateQueryFilters(
-        [agg.aggName, ''],
-        containerCmp.props.selectedFilters
-      );
-    }
-  }
+    const onSearch = () => {
+      updateQueryState({ ...currentQueryState, queryString });
+    };
 
-  const hasSelections = () => {
-    return !!containerCmp.props.selectedFilters.length;
+    const onBtnSearchClick = () => {
+      onSearch();
+    };
+    const onKeyPress = (event) => {
+      if (event.key === "Enter") {
+        onSearch();
+      }
+    };
+    return (
+      <Input
+        action={{
+          "icon": "search",
+          "onClick": onBtnSearchClick,
+          "className": "search",
+          "aria-label": i18next.t("Search"),
+        }}
+        fluid
+        placeholder={placeholder}
+        aria-label={placeholder}
+        onChange={(event, { value }) => {
+          onInputChange(value);
+        }}
+        value={queryString}
+        onKeyPress={onKeyPress}
+      />
+    );
   }
-
-  return (
-    <Card className="borderless-facet">
-      <Card.Content>
-        <Card.Header as="h2">
-          {title}
-          <Button basic icon
-                  size="mini"
-                  floated="right"
-                  onClick={clearFacets}
-                  aria-label={ i18next.t('Clear selection') }
-                  title={ i18next.t('Clear selection') }
-                  disabled={!hasSelections()}
-          >
-            { i18next.t('Clear') }
-          </Button>
-        </Card.Header>
-      </Card.Content>
-      <Card.Content>{containerCmp}</Card.Content>
-    </Card>
-  );
-};
+);
 
 export const RDMToggleComponent = ({
   updateQueryFilters,
@@ -302,12 +150,10 @@ export const RDMToggleComponent = ({
   filterValue,
   label,
   title,
-  isChecked,
 }) => {
   const _isChecked = (userSelectionFilters) => {
     const isFilterActive =
-      userSelectionFilters.filter((filter) => filter[0] === filterValue[0])
-        .length > 0;
+      userSelectionFilters.filter((filter) => filter[0] === filterValue[0]).length > 0;
     return isFilterActive;
   };
 
@@ -317,16 +163,16 @@ export const RDMToggleComponent = ({
 
   var isChecked = _isChecked(userSelectionFilters);
   return (
-    <Card className="borderless-facet">
+    <Card className="borderless facet">
       <Card.Content>
         <Card.Header as="h2">{title}</Card.Header>
       </Card.Content>
       <Card.Content>
         <Checkbox
           toggle
-          label={label}
+          label={<label aria-hidden="true">{label}</label>}
           name="versions-toggle"
-          id="versions-toggle"
+          aria-label={label}
           onClick={onToggleClicked}
           checked={isChecked}
         />
@@ -335,62 +181,82 @@ export const RDMToggleComponent = ({
   );
 };
 
+RDMToggleComponent.propTypes = {
+  title: PropTypes.string.isRequired,
+  label: PropTypes.string.isRequired,
+  filterValue: PropTypes.array.isRequired,
+  userSelectionFilters: PropTypes.array.isRequired,
+  updateQueryFilters: PropTypes.func.isRequired,
+};
+
 export const RDMCountComponent = ({ totalResults }) => {
-  return <Label>{totalResults.toLocaleString("en-US")}</Label>;
+  return <Label>{totalResults.toLocaleString(i18next.language)}</Label>;
 };
 
-export const RDMEmptyResults = (props) => {
-  const queryString = props.queryString;
-  const searchPath = props.searchPath || '/search';
+RDMCountComponent.propTypes = {
+  totalResults: PropTypes.number.isRequired,
+};
 
+export const RDMEmptyResults = ({ queryString, searchPath, resetQuery }) => {
   return (
-      <Grid>
-        <Grid.Row centered>
-          <Grid.Column width={12} textAlign="center">
-            <Header as="h2">
-              {i18next.t("We couldn't find any matches for ")}
-              {queryString && (`'${queryString}'`) || i18next.t('your search')}
+    <Grid>
+      <Grid.Row centered>
+        <Grid.Column width={12} textAlign="center">
+          <Header as="h2">
+            {i18next.t("We couldn't find any matches for {{- search}}", {
+              search: (queryString && `'${queryString}'`) || i18next.t("your search"),
+            })}
+          </Header>
+        </Grid.Column>
+      </Grid.Row>
+      <Grid.Row centered>
+        <Grid.Column width={8} textAlign="center">
+          <Button primary onClick={resetQuery}>
+            <Icon name="search" />
+            {i18next.t("Start over")}
+          </Button>
+        </Grid.Column>
+      </Grid.Row>
+      <Grid.Row centered>
+        <Grid.Column width={12}>
+          <Segment secondary padded size="large">
+            <Header as="h3" size="small">
+              {i18next.t("ProTip")}!
             </Header>
-          </Grid.Column>
-        </Grid.Row>
-        <Grid.Row centered>
-          <Grid.Column width={8} textAlign="center">
-            <Button primary onClick={props.resetQuery}>
-              <Icon name="search"/>
-              { i18next.t('Start over') }
-              </Button>
-          </Grid.Column>
-        </Grid.Row>
-        <Grid.Row centered>
-          <Grid.Column width={12}>
-            <Segment secondary padded size="large">
-              <Header as="h3" size="small">{i18next.t('ProTip')}!</Header>
-              <p>
-                <a href={`${searchPath}?q=metadata.publication_date:[2017-01-01 TO *]`}>
-                  metadata.publication_date:[2017-01-01 TO *]
-                </a> { i18next.t('will give you all the publications from 2017 until today') }.
-              </p>
-              <p>
-              {i18next.t('For more tips, check out our ')}
-              <a href="/help/search" title={i18next.t('Search guide')}>
-                {i18next.t('search guide')}
-              </a>
-              {i18next.t(' for defining advanced search queries')}.
-              </p>
-            </Segment>
-          </Grid.Column>
-        </Grid.Row>
-      </Grid>
+            <p>
+              <a href={`${searchPath}?q=metadata.publication_date:[2025-01-01 TO *]`}>
+                metadata.publication_date:[2025-01-01 TO *]
+              </a>{" "}
+              {i18next.t("will give you all the publications from 2025 until today.")}
+            </p>
+            <p>
+              {i18next.t("For more tips, check out our ")}{" "}
+              <a href="/help/search" title={i18next.t("Search guide")}>
+                {i18next.t("search guide")}
+              </a>{" "}
+              {i18next.t("for defining advanced search queries.")}
+            </p>
+          </Segment>
+        </Grid.Column>
+      </Grid.Row>
+    </Grid>
   );
 };
 
+RDMEmptyResults.propTypes = {
+  queryString: PropTypes.string.isRequired,
+  resetQuery: PropTypes.func.isRequired,
+  searchPath: PropTypes.string,
+};
+
+RDMEmptyResults.defaultProps = {
+  searchPath: "/search",
+};
+
 export const RDMErrorComponent = ({ error }) => {
-  return (
-    <Message warning>
-      <Message.Header>
-        <Icon name="warning sign" />
-        {error.response.data.message}
-      </Message.Header>
-    </Message>
-  );
+  return <Message error content={error.response.data.message} icon="warning sign" />;
+};
+
+RDMErrorComponent.propTypes = {
+  error: PropTypes.object.isRequired,
 };