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/search/index.js

@@ -7,31 +7,59 @@
 // under the terms of the MIT License; see LICENSE file for more details.
 
 import { createSearchAppInit } from "@js/invenio_search_ui";
-import { RequestToggleComponent } from "../user_dashboard/components/requests";
 import {
-  RDMBucketAggregationElement,
-  RDMRecordFacets,
-  RDMRecordFacetsValues,
-  RDMRecordResultsGridItem,
-  RDMRecordResultsListItem,
-  RDMRecordSearchBarContainer,
-  RDMRecordSearchBarElement,
   RDMCountComponent,
   RDMEmptyResults,
   RDMErrorComponent,
+  RDMRecordResultsGridItem,
+  RDMRecordResultsListItemWithState,
+  RDMRecordSearchBarContainer,
+  RDMRecordMultipleSearchBarElement,
   RDMToggleComponent,
 } from "./components";
+import { parametrize, overrideStore } from "react-overridable";
+import {
+  ContribSearchAppFacets,
+  ContribBucketAggregationElement,
+  ContribBucketAggregationValuesElement,
+} from "@js/invenio_search_ui/components";
+
+const ContribSearchAppFacetsWithConfig = parametrize(ContribSearchAppFacets, {
+  toggle: true,
+});
+
+const appName = "InvenioAppRdm.Search";
 
-const initSearchApp = createSearchAppInit({
-  "BucketAggregation.element": RDMBucketAggregationElement,
-  "BucketAggregationValues.element": RDMRecordFacetsValues,
-  "ResultsGrid.item": RDMRecordResultsGridItem,
-  "EmptyResults.element": RDMEmptyResults,
-  "ResultsList.item": RDMRecordResultsListItem,
-  "SearchApp.facets": RDMRecordFacets,
-  "SearchApp.searchbarContainer": RDMRecordSearchBarContainer,
-  "SearchBar.element": RDMRecordSearchBarElement,
-  "Count.element": RDMCountComponent,
-  "Error.element": RDMErrorComponent,
-  "SearchFilters.ToggleComponent": RDMToggleComponent,
+const RDMRecordSearchBarContainerWithConfig = parametrize(RDMRecordSearchBarContainer, {
+  appName: appName,
 });
+
+const RDMRecordResultsListItemWithConfig = parametrize(
+  RDMRecordResultsListItemWithState,
+  {
+    appName: appName,
+  }
+);
+
+export const defaultComponents = {
+  [`${appName}.BucketAggregation.element`]: ContribBucketAggregationElement,
+  [`${appName}.BucketAggregationValues.element`]: ContribBucketAggregationValuesElement,
+  [`${appName}.ResultsGrid.item`]: RDMRecordResultsGridItem,
+  [`${appName}.EmptyResults.element`]: RDMEmptyResults,
+  [`${appName}.ResultsList.item`]: RDMRecordResultsListItemWithConfig,
+  [`${appName}.SearchApp.facets`]: ContribSearchAppFacetsWithConfig,
+  [`${appName}.SearchApp.searchbarContainer`]: RDMRecordSearchBarContainerWithConfig,
+  [`${appName}.SearchBar.element`]: RDMRecordMultipleSearchBarElement,
+  [`${appName}.Count.element`]: RDMCountComponent,
+  [`${appName}.Error.element`]: RDMErrorComponent,
+  [`${appName}.SearchFilters.Toggle.element`]: RDMToggleComponent,
+};
+
+const overriddenComponents = overrideStore.getAll();
+
+createSearchAppInit(
+  { ...defaultComponents, ...overriddenComponents },
+  true,
+  "invenio-search-config",
+  true
+);

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/subcommunity/browse.js

@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+
+import React from "react";
+import ReactDOM from "react-dom";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import _get from "lodash/get";
+
+import { CommunitiesCardGroup } from "@js/invenio_communities/community";
+
+const subCommunitiesContainer = document.getElementById("subcommunities-container");
+const apiEndpoint = _get(subCommunitiesContainer.dataset, "apiEndpoint");
+
+if (subCommunitiesContainer) {
+  ReactDOM.render(
+    <CommunitiesCardGroup
+      fetchDataUrl={`${apiEndpoint}?sort=oldest&page=1&size=5`}
+      emptyMessage={i18next.t("This community has no subcommunities")}
+      defaultLogo="/static/images/square-placeholder.png"
+    />,
+    subCommunitiesContainer
+  );
+}

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

@@ -0,0 +1,164 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2024 CERN.
+// Copyright (C) 2024 KTH Royal Institute of Technology.
+//
+// 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 $ from "jquery";
+import { MultipleOptionsSearchBar } from "@js/invenio_search_ui/components";
+import { CopyButton } from "@js/invenio_app_rdm/components/CopyButton";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import ReactDOM from "react-dom";
+import React from "react";
+
+/* Expand and collapse navbar  */
+const toggleIcon = $("#rdm-burger-menu-icon");
+const menu = $("#invenio-nav");
+
+toggleIcon.on("click", function () {
+  menu.toggleClass("active");
+});
+
+$(".jump-to-top").on("click", function () {
+  document.documentElement.scrollTop = 0;
+});
+
+const tabElementSelector = ".rdm-tab-menu .item";
+const $tabElement = $(tabElementSelector);
+
+$tabElement.tab({
+  onVisible: function (tab) {
+    $(tabElementSelector).attr("aria-selected", false);
+    $(`#${tab}-tab`).attr("aria-selected", true);
+
+    $(".rdm-tab-container .tab.segment").attr("hidden", true);
+    $(`#${tab}-tab-panel`).attr("hidden", false);
+  },
+});
+
+// adding missing accessibility event (change tabs on enter keystroke)
+$tabElement.on("keydown", function (event) {
+  if (event.key === "Enter") {
+    let dataTab = event.target.attributes["data-tab"];
+    let tabName = dataTab && dataTab.value;
+    $(event.target).tab("change tab", tabName);
+  }
+});
+
+/* User profile dropdown */
+$("#user-profile-dropdown.ui.dropdown").dropdown({
+  showOnFocus: false,
+  selectOnKeydown: false,
+  action: (text, value, element) => {
+    // needed to trigger navigation on keyboard interaction
+    let path = element.attr("href");
+    window.location.pathname = path;
+  },
+  onShow: () => {
+    $("#user-profile-dropdown-btn").attr("aria-expanded", true);
+  },
+  onHide: () => {
+    $("#user-profile-dropdown-btn").attr("aria-expanded", false);
+  },
+});
+
+/* Quick create ("plus") dropdown */
+$("#quick-create-dropdown.ui.dropdown").dropdown({
+  showOnFocus: false,
+  selectOnKeydown: false,
+  action: (text, value, element) => {
+    // needed to trigger navigation on keyboard interaction
+    let path = element.attr("href");
+    window.location.pathname = path;
+  },
+  onShow: () => {
+    $("#quick-create-dropdown-btn").attr("aria-expanded", true);
+  },
+  onHide: () => {
+    $("#quick-create-dropdown-btn").attr("aria-expanded", false);
+  },
+});
+
+/* Burger menu */
+const $burgerIcon = $("#rdm-burger-menu-icon");
+const $closeBurgerIcon = $("#rdm-close-burger-menu-icon");
+
+const handleBurgerClick = () => {
+  $burgerIcon.attr("aria-expanded", true);
+  $("#invenio-nav").addClass("active");
+  $closeBurgerIcon.trigger("focus");
+  $burgerIcon.css("display", "none");
+};
+
+const handleBurgerCloseClick = () => {
+  $burgerIcon.css("display", "block");
+  $burgerIcon.attr("aria-expanded", false);
+  $("#invenio-nav").removeClass("active");
+  $burgerIcon.trigger("focus");
+};
+
+$burgerIcon.on({ click: handleBurgerClick });
+$closeBurgerIcon.on({ click: handleBurgerCloseClick });
+
+const $invenioMenu = $("#invenio-menu");
+
+$invenioMenu.on("keydown", (event) => {
+  if (event.key === "Escape") {
+    handleBurgerCloseClick();
+  }
+});
+
+// Search bar
+const headerSearchbar = document.getElementById("header-search-bar");
+
+if (headerSearchbar) {
+  const searchBarOptions = JSON.parse(headerSearchbar.dataset.options);
+
+  ReactDOM.render(
+    <MultipleOptionsSearchBar
+      options={searchBarOptions}
+      placeholder={i18next.t("Search records...")}
+    />,
+    headerSearchbar
+  );
+}
+
+// Login Logout Button
+const $authButton = $("#invenio-nav.ui.menu").find(".auth-button");
+const $authIcon = $authButton.find(".auth-icon");
+
+const handleAuthButtonClick = () => {
+  $authButton.attr(
+    "aria-label",
+    $authIcon.hasClass("sign-in")
+      ? i18next.t("Logging in...")
+      : i18next.t("Logging out...")
+  );
+  $authButton.attr("aria-busy", "true");
+  $authButton.addClass("disabled");
+  $authIcon.attr("class", "spinner loading icon");
+};
+
+$authButton.on({ click: handleAuthButtonClick });
+
+const invenioConfig = JSON.parse(document.body.dataset.invenioConfig);
+const isMathJaxEnabled = invenioConfig?.isMathJaxEnabled;
+if (window.invenio) {
+  window.invenio.onSearchResultsRendered = async () => {
+    if (isMathJaxEnabled) {
+      // Re-render mathematical content on the page using MathJax.
+      // The promise is required to make sure that MathJax is fully loaded before
+      // typesetting, and potentially autoloading extra extensions.
+      await window.MathJax.typesetPromise();
+    }
+  };
+}
+
+// Copy Buttons for DOI
+document.querySelectorAll(".copy-doi-button").forEach((element) => {
+  ReactDOM.render(
+    <CopyButton text={element.dataset.value} size={element.dataset.size} />,
+    element
+  );
+});

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/user_dashboard/base.js

@@ -0,0 +1,210 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2020-2022 CERN.
+// Copyright (C) 2020-2021 Northwestern University.
+// Copyright (C) 2021 Graz University of Technology.
+// Copyright (C) 2021 New York University.
+//
+// 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,
+  InvenioSearchPagination,
+} from "@js/invenio_search_ui/components";
+import { SharedOrMineFilter } from "@js/invenio_requests/components/SharedOrMineFilter";
+
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import React from "react";
+import { ResultsList, SearchBar, Sort, buildUID } from "react-searchkit";
+import { GridResponsiveSidebarColumn } from "react-invenio-forms";
+import { Grid, Button } from "semantic-ui-react";
+import PropTypes from "prop-types";
+import Overridable from "react-overridable";
+
+export function DashboardResultView(props) {
+  const { sortOptions, paginationOptions, currentResultsState, appName } = props;
+  const { total } = currentResultsState.data;
+
+  const handleResultsRendered = () => {
+    window.invenio?.onSearchResultsRendered();
+  };
+  return (
+    total && (
+      <Grid>
+        <Overridable
+          id={buildUID("ResultView.resultList", "", appName)}
+          sortOptions={sortOptions}
+          paginationOptions={paginationOptions}
+          currentResultsState={currentResultsState}
+          appName={appName}
+        >
+          <Grid.Row>
+            <Grid.Column>
+              <ResultsList onResultsRendered={handleResultsRendered} />
+            </Grid.Column>
+          </Grid.Row>
+        </Overridable>
+
+        <Overridable
+          id={buildUID("ResultView.resultFooter", "", appName)}
+          sortOptions={sortOptions}
+          paginationOptions={paginationOptions}
+          currentResultsState={currentResultsState}
+          appName={appName}
+        >
+          <InvenioSearchPagination
+            total={total}
+            paginationOptions={paginationOptions}
+          />
+        </Overridable>
+      </Grid>
+    )
+  );
+}
+
+DashboardResultView.propTypes = {
+  sortOptions: PropTypes.array.isRequired,
+  paginationOptions: PropTypes.object.isRequired,
+  currentResultsState: PropTypes.object.isRequired,
+  appName: PropTypes.string,
+};
+
+DashboardResultView.defaultProps = {
+  appName: "",
+};
+
+export const DashboardSearchLayoutHOC = ({
+  searchBarPlaceholder = "",
+  appName = undefined,
+  showSharedFilters = false,
+  mineLabel = "",
+}) => {
+  const DashboardUploadsSearchLayout = (props) => {
+    const [sidebarVisible, setSidebarVisible] = React.useState(false);
+    const { config } = props;
+
+    return (
+      <Grid>
+        <Overridable
+          id={buildUID("SearchLayout.searchHeader", "", appName)}
+          sortOptions={config.sortOptions}
+          appName={appName}
+        >
+          <>
+            {/* Mobile/tablet search header */}
+            <Grid.Row className="mobile tablet only">
+              <Grid.Column mobile={2} tablet={1} verticalAlign="middle">
+                <Button
+                  basic
+                  icon="sliders"
+                  onClick={() => setSidebarVisible(true)}
+                  aria-label={i18next.t("Filter results")}
+                />
+              </Grid.Column>
+              <Grid.Column
+                mobile={14}
+                tablet={14}
+                verticalAlign="middle"
+                floated="right"
+              >
+                <SearchBar placeholder={searchBarPlaceholder} />
+              </Grid.Column>
+            </Grid.Row>
+
+            <Grid.Row className="tablet only">
+              <Grid.Column tablet={6} floated="right">
+                {showSharedFilters && <SharedOrMineFilter mineLabel={mineLabel} />}
+              </Grid.Column>
+              <Grid.Column tablet={10} textAlign="right">
+                {config.sortOptions && (
+                  <Sort
+                    values={config.sortOptions}
+                    label={(cmp) => (
+                      <>
+                        <label className="mr-10">{i18next.t("Sort by")}</label>
+                        {cmp}
+                      </>
+                    )}
+                  />
+                )}
+              </Grid.Column>
+            </Grid.Row>
+
+            <Grid.Row className="mobile only">
+              <Grid.Column width={16}>
+                {showSharedFilters && <SharedOrMineFilter mineLabel={mineLabel} />}
+              </Grid.Column>
+            </Grid.Row>
+            <Grid.Row className="mobile only">
+              <Grid.Column textAlign="right">
+                {config.sortOptions && (
+                  <Sort
+                    values={config.sortOptions}
+                    label={(cmp) => (
+                      <>
+                        <label className="mr-10">{i18next.t("Sort by")}</label>
+                        {cmp}
+                      </>
+                    )}
+                  />
+                )}
+              </Grid.Column>
+            </Grid.Row>
+            {/* End mobile/tablet search header */}
+
+            {/* Desktop search header */}
+            <Grid.Row className="computer only">
+              <Grid.Column width={4} />
+              {showSharedFilters && (
+                <Grid.Column width={4}>
+                  <SharedOrMineFilter mineLabel={mineLabel} />
+                </Grid.Column>
+              )}
+              <Grid.Column width={showSharedFilters ? 5 : 9} floated="right">
+                <SearchBar placeholder={searchBarPlaceholder} />
+              </Grid.Column>
+
+              <Grid.Column width={3} textAlign="right">
+                {config.sortOptions && (
+                  <Sort
+                    values={config.sortOptions}
+                    label={(cmp) => (
+                      <>
+                        <label className="mr-10">{i18next.t("Sort by")}</label>
+                        {cmp}
+                      </>
+                    )}
+                  />
+                )}
+              </Grid.Column>
+            </Grid.Row>
+            {/* End desktop search header */}
+          </>
+        </Overridable>
+
+        <Grid.Row>
+          <GridResponsiveSidebarColumn
+            width={4}
+            open={sidebarVisible}
+            onHideClick={() => setSidebarVisible(false)}
+          >
+            <SearchAppFacets aggs={config.aggs} appName={appName} />
+          </GridResponsiveSidebarColumn>
+          <Grid.Column mobile={16} tablet={16} computer={12}>
+            <SearchAppResultsPane
+              layoutOptions={config.layoutOptions}
+              appName={appName}
+            />
+          </Grid.Column>
+        </Grid.Row>
+      </Grid>
+    );
+  };
+
+  DashboardUploadsSearchLayout.propTypes = {
+    config: PropTypes.object.isRequired,
+  };
+
+  return DashboardUploadsSearchLayout;
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/user_dashboard/communities.js

@@ -0,0 +1,56 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2020-2022 CERN.
+// Copyright (C) 2020-2021 Northwestern University.
+// Copyright (C) 2021 Graz University of Technology.
+// Copyright (C) 2021 New York University.
+//
+// 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 { createSearchAppInit } from "@js/invenio_search_ui";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import {
+  CommunityItem,
+  ResultsGridItemTemplate,
+  CommunitiesEmptySearchResults,
+} from "@js/invenio_communities/community";
+import { RDMRecordSearchBarElement } from "../search/components";
+import { DashboardResultView, DashboardSearchLayoutHOC } from "./base";
+import {
+  ContribSearchAppFacets,
+  ContribBucketAggregationElement,
+  ContribBucketAggregationValuesElement,
+} from "@js/invenio_search_ui/components";
+import { overrideStore, parametrize } from "react-overridable";
+
+export const appName = "InvenioAppRdm.DashboardCommunities";
+
+export const DashboardCommunitiesSearchLayout = DashboardSearchLayoutHOC({
+  searchBarPlaceholder: i18next.t("Search in my communities..."),
+  appName: appName,
+  mineLabel: i18next.t("My communities"),
+});
+
+const DashboardResultViewWAppName = parametrize(DashboardResultView, {
+  appName: appName,
+});
+
+export const defaultComponents = {
+  [`${appName}.BucketAggregation.element`]: ContribBucketAggregationElement,
+  [`${appName}.BucketAggregationValues.element`]: ContribBucketAggregationValuesElement,
+  [`${appName}.EmptyResults.element`]: CommunitiesEmptySearchResults,
+  [`${appName}.SearchApp.facets`]: ContribSearchAppFacets,
+  [`${appName}.ResultsList.item`]: CommunityItem,
+  [`${appName}.ResultsGrid.item`]: ResultsGridItemTemplate,
+  [`${appName}.SearchApp.layout`]: DashboardCommunitiesSearchLayout,
+  [`${appName}.SearchApp.results`]: DashboardResultViewWAppName,
+  [`${appName}.SearchBar.element`]: RDMRecordSearchBarElement,
+};
+const overriddenComponents = overrideStore.getAll();
+
+createSearchAppInit(
+  { ...defaultComponents, ...overriddenComponents },
+  true,
+  "invenio-search-config",
+  true
+);

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/user_dashboard/requests.js

@@ -0,0 +1,78 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2020-2023 CERN.
+// Copyright (C) 2020-2021 Northwestern University.
+// Copyright (C) 2021 Graz University of Technology.
+// Copyright (C) 2021 New York University.
+//
+// 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 { createSearchAppInit } from "@js/invenio_search_ui";
+import {
+  ContribBucketAggregationElement,
+  ContribBucketAggregationValuesElement,
+  ContribSearchAppFacets,
+} from "@js/invenio_search_ui/components";
+import PropTypes from "prop-types";
+import React from "react";
+import { overrideStore, parametrize } from "react-overridable";
+import { withState } from "react-searchkit";
+import { defaultContribComponents } from "@js/invenio_requests/contrib";
+import { RDMRecordSearchBarElement } from "../search/components";
+import {
+  MobileRequestItem,
+  ComputerTabletRequestItem,
+  RequestsSearchLayout,
+  RequestsEmptyResultsWithState,
+  RequestsResults,
+} from "@js/invenio_requests/search";
+
+const appName = "InvenioAppRdm.DashboardRequests";
+
+export function RequestsResultsItemTemplateDashboard({ result }) {
+  const ComputerTabletRequestsItemWithState = withState(ComputerTabletRequestItem);
+  const MobileRequestsItemWithState = withState(MobileRequestItem);
+  let detailsURL;
+  if (result.type === "user-access-request") {
+    detailsURL = `/access/requests/${result.id}`;
+  } else {
+    detailsURL = `/me/requests/${result.id}`;
+  }
+  return (
+    <>
+      <ComputerTabletRequestsItemWithState result={result} detailsURL={detailsURL} />
+      <MobileRequestsItemWithState result={result} detailsURL={detailsURL} />
+    </>
+  );
+}
+
+RequestsResultsItemTemplateDashboard.propTypes = {
+  result: PropTypes.object.isRequired,
+};
+
+const RequestsSearchLayoutWithApp = parametrize(RequestsSearchLayout, {
+  appName: appName,
+  showSharedFilters: true,
+});
+
+export const defaultComponents = {
+  [`${appName}.BucketAggregation.element`]: ContribBucketAggregationElement,
+  [`${appName}.BucketAggregationValues.element`]: ContribBucketAggregationValuesElement,
+  [`${appName}.SearchApp.facets`]: ContribSearchAppFacets,
+  [`${appName}.ResultsList.item`]: RequestsResultsItemTemplateDashboard,
+  [`${appName}.ResultsGrid.item`]: () => null,
+  [`${appName}.SearchApp.layout`]: RequestsSearchLayoutWithApp,
+  [`${appName}.SearchApp.results`]: RequestsResults,
+  [`${appName}.SearchBar.element`]: RDMRecordSearchBarElement,
+  [`${appName}.EmptyResults.element`]: RequestsEmptyResultsWithState,
+  ...defaultContribComponents,
+};
+
+const overriddenComponents = overrideStore.getAll();
+
+createSearchAppInit(
+  { ...defaultComponents, ...overriddenComponents },
+  true,
+  "invenio-search-config",
+  true
+);