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/user_dashboard/uploads.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.
+// 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 { i18next } from "@translations/invenio_app_rdm/i18next";
+import _get from "lodash/get";
+import _truncate from "lodash/truncate";
+import React from "react";
+import { Button, Card, Divider, Header, Segment } from "semantic-ui-react";
+import { parametrize, overrideStore } from "react-overridable";
+import {
+  RDMCountComponent,
+  RDMEmptyResults as RDMNoSearchResults,
+  RDMRecordSearchBarElement,
+  RDMToggleComponent,
+} from "../search/components";
+import { DashboardResultView, DashboardSearchLayoutHOC } from "./base";
+import { createSearchAppInit } from "@js/invenio_search_ui";
+import { ComputerTabletUploadsItem } from "./uploads_items/ComputerTabletUploadsItem";
+import { MobileUploadsItem } from "./uploads_items/MobileUploadsItem";
+import PropTypes from "prop-types";
+import {
+  ContribSearchAppFacets,
+  ContribBucketAggregationElement,
+  ContribBucketAggregationValuesElement,
+} from "@js/invenio_search_ui/components";
+
+const statuses = {
+  in_review: { color: "warning", title: i18next.t("In review") },
+  declined: { color: "negative", title: i18next.t("Declined") },
+  expired: { color: "expired", title: i18next.t("Expired") },
+  draft_with_review: { color: "neutral", title: i18next.t("Draft") },
+  draft: { color: "neutral", title: i18next.t("Draft") },
+  new_version_draft: { color: "neutral", title: i18next.t("New version draft") },
+};
+
+export const RDMRecordResultsListItem = ({ result }) => {
+  const viewDraft = () => {
+    // The upload view is responsible to redirect the user to the upload form or
+    // the preview page depending on the permissions they have.
+    window.location = `/uploads/${result.id}`;
+  };
+
+  const isPublished = result.is_published;
+  const access = {
+    accessStatusId: _get(result, "ui.access_status.id", i18next.t("open")),
+    accessStatus: _get(result, "ui.access_status.title_l10n", i18next.t("Open")),
+    accessStatusIcon: _get(result, "ui.access_status.icon", i18next.t("unlock")),
+  };
+  const uiMetadata = {
+    descriptionStripped: _get(
+      result,
+      "ui.description_stripped",
+      i18next.t("No description")
+    ),
+    title: _get(result, "metadata.title", i18next.t("No title")),
+    creators: _get(result, "ui.creators.creators", []).slice(0, 3),
+    subjects: _get(result, "ui.subjects", []),
+    publicationDate: _get(
+      result,
+      "ui.publication_date_l10n_long",
+      i18next.t("No publication date found.")
+    ),
+    resourceType: _get(
+      result,
+      "ui.resource_type.title_l10n",
+      i18next.t("No resource type")
+    ),
+    createdDate: result.ui?.created_date_l10n_long,
+    version: result.ui?.version ?? "",
+    isPublished: isPublished,
+    viewLink: isPublished ? `/records/${result.id}` : `/uploads/${result.id}`,
+    publishingInformation: _get(result, "ui.publishing_information.journal", ""),
+  };
+
+  return (
+    <>
+      <ComputerTabletUploadsItem
+        result={result}
+        viewDraft={viewDraft}
+        statuses={statuses}
+        access={access}
+        uiMetadata={uiMetadata}
+      />
+      <MobileUploadsItem
+        result={result}
+        viewDraft={viewDraft}
+        statuses={statuses}
+        access={access}
+        uiMetadata={uiMetadata}
+      />
+    </>
+  );
+};
+
+RDMRecordResultsListItem.propTypes = {
+  result: PropTypes.object.isRequired,
+};
+
+// FIXME: Keeping ResultsGrid.item and SearchBar.element because otherwise
+// these components in RDM result broken.
+
+export const RDMRecordResultsGridItem = ({ result, index }) => {
+  const descriptionStripped = _get(
+    result,
+    "ui.description_stripped",
+    i18next.t("No description")
+  );
+  return (
+    <Card fluid key={index} href={`/records/${result.id}`}>
+      <Card.Content>
+        <Card.Header>{result.metadata.title}</Card.Header>
+        <Card.Description>
+          {_truncate(descriptionStripped, { length: 200 })}
+        </Card.Description>
+      </Card.Content>
+    </Card>
+  );
+};
+
+RDMRecordResultsGridItem.propTypes = {
+  result: PropTypes.object.isRequired,
+  index: PropTypes.string.isRequired,
+};
+
+export const RDMEmptyResults = (props) => {
+  const { queryString } = props;
+  return queryString === "" ? (
+    <Segment.Group>
+      <Segment placeholder textAlign="center" padded="very">
+        <Header as="h1" align="center">
+          <Header.Content>
+            {i18next.t("Get started!")}
+            <Header.Subheader>{i18next.t("Make your first upload!")}</Header.Subheader>
+          </Header.Content>
+        </Header>
+        <Divider hidden />
+        <Button
+          positive
+          icon="upload"
+          floated="right"
+          href="/uploads/new"
+          content={i18next.t("New upload")}
+        />
+      </Segment>
+    </Segment.Group>
+  ) : (
+    <Segment padded="very">
+      <RDMNoSearchResults {...props} searchPath="/me/uploads" />
+    </Segment>
+  );
+};
+
+RDMEmptyResults.propTypes = {
+  queryString: PropTypes.string.isRequired,
+};
+
+const appName = "InvenioAppRdm.DashboardUploads";
+
+export const DashboardUploadsSearchLayout = DashboardSearchLayoutHOC({
+  searchBarPlaceholder: i18next.t("Search in my uploads..."),
+  newBtn: (
+    <Button
+      positive
+      icon="upload"
+      href="/uploads/new"
+      content={i18next.t("New upload")}
+      floated="right"
+    />
+  ),
+  appName: appName,
+  mineLabel: i18next.t("My uploads"),
+  showSharedFilters: true,
+});
+
+const ContribSearchAppFacetsWithConfig = parametrize(ContribSearchAppFacets, {
+  toggle: true,
+});
+
+const DashboardResultViewWAppName = parametrize(DashboardResultView, {
+  appName: appName,
+});
+
+export const defaultComponents = {
+  [`${appName}.BucketAggregation.element`]: ContribBucketAggregationElement,
+  [`${appName}.BucketAggregationValues.element`]: ContribBucketAggregationValuesElement,
+  [`${appName}.Count.element`]: RDMCountComponent,
+  [`${appName}.EmptyResults.element`]: RDMEmptyResults,
+  [`${appName}.ResultsList.item`]: RDMRecordResultsListItem,
+  [`${appName}.ResultsGrid.item`]: RDMRecordResultsGridItem,
+  [`${appName}.SearchApp.facets`]: ContribSearchAppFacetsWithConfig,
+  [`${appName}.SearchApp.layout`]: DashboardUploadsSearchLayout,
+  [`${appName}.SearchApp.results`]: DashboardResultViewWAppName,
+  [`${appName}.SearchBar.element`]: RDMRecordSearchBarElement,
+  [`${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/user_dashboard/uploads_items/ComputerTabletUploadsItem.js

@@ -0,0 +1,155 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2022-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 { i18next } from "@translations/invenio_app_rdm/i18next";
+import React from "react";
+import PropTypes from "prop-types";
+import _get from "lodash/get";
+import { Button, Icon, Item, Label } from "semantic-ui-react";
+import { SearchItemCreators } from "../../utils";
+import { CompactStats } from "../../components/CompactStats";
+import { DisplayPartOfCommunities } from "../../components/DisplayPartOfCommunities";
+
+export const ComputerTabletUploadsItem = ({
+  result,
+  viewDraft,
+  statuses,
+  access,
+  uiMetadata,
+}) => {
+  const { accessStatusId, accessStatus, accessStatusIcon } = access;
+  const {
+    descriptionStripped,
+    title,
+    creators,
+    subjects,
+    publicationDate,
+    resourceType,
+    createdDate,
+    version,
+    isPublished,
+    viewLink,
+    publishingInformation,
+  } = uiMetadata;
+
+  const icon = isPublished ? (
+    <Icon name="check" className="positive" />
+  ) : (
+    <Icon name="upload" className="negative" />
+  );
+  const uniqueViews = _get(result, "stats.all_versions.unique_views", 0);
+  const uniqueDownloads = _get(result, "stats.all_versions.unique_downloads", 0);
+
+  return (
+    <Item key={result.id} className="deposits-list-item computer tablet only flex">
+      <div className="status-icon mr-10">
+        <Item.Content verticalAlign="top">
+          <Item.Extra>{icon}</Item.Extra>
+        </Item.Content>
+      </div>
+      <Item.Content>
+        {/* FIXME: Uncomment to enable themed banner */}
+        {/* <DisplayVerifiedCommunity communities={result.parent?.communities} /> */}
+        <Item.Extra className="labels-actions">
+          {result.status in statuses && result.status !== "published" && (
+            <Label horizontal size="small" className={statuses[result.status].color}>
+              {statuses[result.status].title}
+            </Label>
+          )}
+          <Label horizontal size="small" className="primary">
+            {publicationDate} ({version})
+          </Label>
+          <Label horizontal size="small" className="neutral">
+            {resourceType}
+          </Label>
+          <Label horizontal size="small" className={`access-status ${accessStatusId}`}>
+            <i className={`icon ${accessStatusIcon}`} />
+            {accessStatus}
+          </Label>
+
+          {isPublished ? (
+            <Button
+              compact
+              size="small"
+              floated="right"
+              href={viewLink}
+              labelPosition="left"
+              icon="eye"
+              content={i18next.t("View")}
+            />
+          ) : (
+            <Button
+              compact
+              size="small"
+              floated="right"
+              onClick={() => viewDraft()}
+              labelPosition="left"
+              icon="eye"
+              content={i18next.t("View")}
+            />
+          )}
+        </Item.Extra>
+        <Item.Header as="h2">
+          <a href={viewLink} className="truncate-lines-2">
+            {title}
+          </a>
+        </Item.Header>
+        <Item.Meta>
+          <div className="creatibutors">
+            <SearchItemCreators creators={creators} />
+          </div>
+        </Item.Meta>
+        <Item.Description className="truncate-lines-2">
+          {descriptionStripped}
+        </Item.Description>
+        <Item.Extra>
+          {subjects.map((subject) => (
+            <Label key={subject.title_l10n} size="tiny">
+              {subject.title_l10n}
+            </Label>
+          ))}
+
+          <div className="flex justify-space-between align-items-end">
+            <small>
+              <DisplayPartOfCommunities communities={result.parent?.communities} />
+
+              {createdDate ? (
+                <>
+                  {i18next.t("Uploaded on {{uploadDate}}", { uploadDate: createdDate })}
+                </>
+              ) : (
+                i18next.t("No creation date found.")
+              )}
+              {publishingInformation && (
+                <span>
+                  {" "}
+                  |{" "}
+                  {i18next.t("Published in: {{- publishInfo }}", {
+                    publishInfo: publishingInformation,
+                  })}
+                </span>
+              )}
+            </small>
+            <small>
+              <CompactStats
+                uniqueViews={uniqueViews}
+                uniqueDownloads={uniqueDownloads}
+              />
+            </small>
+          </div>
+        </Item.Extra>
+      </Item.Content>
+    </Item>
+  );
+};
+
+ComputerTabletUploadsItem.propTypes = {
+  result: PropTypes.object.isRequired,
+  viewDraft: PropTypes.func.isRequired,
+  statuses: PropTypes.object.isRequired,
+  access: PropTypes.object.isRequired,
+  uiMetadata: PropTypes.object.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/user_dashboard/uploads_items/MobileUploadsItem.js

@@ -0,0 +1,154 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2022-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 { i18next } from "@translations/invenio_app_rdm/i18next";
+import React from "react";
+import PropTypes from "prop-types";
+import _get from "lodash/get";
+import { Dropdown, Icon, Item, Label } from "semantic-ui-react";
+import { SearchItemCreators } from "../../utils";
+import { CompactStats } from "../../components/CompactStats";
+import { DisplayPartOfCommunities } from "../../components/DisplayPartOfCommunities";
+
+export const MobileUploadsItem = ({
+  result,
+  viewDraft,
+  statuses,
+  access,
+  uiMetadata,
+}) => {
+  const { accessStatusId, accessStatus, accessStatusIcon } = access;
+  const {
+    descriptionStripped,
+    title,
+    creators,
+    subjects,
+    publicationDate,
+    resourceType,
+    createdDate,
+    version,
+    isPublished,
+    viewLink,
+    publishingInformation,
+  } = uiMetadata;
+
+  const icon = isPublished ? (
+    <Icon name="check" className="positive mr-10" />
+  ) : (
+    <Icon name="upload" className="negative mr-10" />
+  );
+  const uniqueViews = _get(result, "stats.all_versions.unique_views", 0);
+  const uniqueDownloads = _get(result, "stats.all_versions.unique_downloads", 0);
+
+  return (
+    <Item key={result.id} className="deposits-list-item mobile only flex">
+      <Item.Content className="centered">
+        {/* FIXME: Uncomment to enable themed banner */}
+        {/* <DisplayVerifiedCommunity communities={result.parent?.communities} /> */}
+        <Item.Extra className="labels-actions">
+          {result.status in statuses && result.status !== "published" && (
+            <Label horizontal size="small" className={statuses[result.status].color}>
+              {statuses[result.status].title}
+            </Label>
+          )}
+          <Label horizontal size="small" className="primary">
+            {publicationDate} ({version})
+          </Label>
+          <Label horizontal size="small" className="neutral">
+            {resourceType}
+          </Label>
+          <Label horizontal size="small" className={`access-status ${accessStatusId}`}>
+            <i className={`icon ${accessStatusIcon}`} />
+            {accessStatus}
+          </Label>
+        </Item.Extra>
+        <Item.Header as="h2">
+          <a href={viewLink} className="truncate-lines-2">
+            {icon}
+            {title}
+          </a>
+        </Item.Header>
+        <Item.Meta>
+          <div className="creatibutors">
+            <SearchItemCreators creators={creators} />
+          </div>
+        </Item.Meta>
+        <Item.Description className="truncate-lines-2">
+          {descriptionStripped}
+        </Item.Description>
+        <Item.Extra>
+          <Item.Extra>
+            {subjects.map((subject) => (
+              <Label key={subject.title_l10n} size="tiny">
+                {subject.title_l10n}
+              </Label>
+            ))}
+            <div>
+              <small>
+                <DisplayPartOfCommunities communities={result.parent?.communities} />
+                {createdDate ? (
+                  <>
+                    {i18next.t("Uploaded on {{uploadDate}}", {
+                      uploadDate: createdDate,
+                    })}
+                  </>
+                ) : (
+                  i18next.t("No creation date found.")
+                )}
+              </small>
+              <small>
+                {publishingInformation && (
+                  <span>
+                    {i18next.t("Published in: {{- publishedIn }}", {
+                      publishedIn: publishingInformation,
+                    })}
+                  </span>
+                )}
+              </small>
+              <div className="rel-mt-1">
+                <small>
+                  <CompactStats
+                    uniqueViews={uniqueViews}
+                    uniqueDownloads={uniqueDownloads}
+                  />
+                </small>
+              </div>
+            </div>
+          </Item.Extra>
+        </Item.Extra>
+        <Item.Extra>
+          <Dropdown button text={i18next.t("Actions")} labeled className="icon">
+            <Dropdown.Menu>
+              {isPublished ? (
+                <Dropdown.Item
+                  labelposition="left"
+                  href={viewLink}
+                  icon="eye"
+                  content={i18next.t("View")}
+                />
+              ) : (
+                <Dropdown.Item
+                  onClick={() => viewDraft()}
+                  labelposition="left"
+                  icon="eye"
+                  content={i18next.t("View")}
+                />
+              )}
+            </Dropdown.Menu>
+          </Dropdown>
+        </Item.Extra>
+      </Item.Content>
+    </Item>
+  );
+};
+
+MobileUploadsItem.propTypes = {
+  result: PropTypes.object.isRequired,
+  viewDraft: PropTypes.func.isRequired,
+  statuses: PropTypes.object.isRequired,
+  access: PropTypes.object.isRequired,
+  uiMetadata: PropTypes.object.isRequired,
+};

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

@@ -0,0 +1,130 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2021 CERN.
+// Copyright (C) 2021 New York University.
+// Copyright (C) 2022 data-futures.
+// Copyright (C) 2023 Northwestern University.
+// 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 _get from "lodash/get";
+import React from "react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import { DateTime } from "luxon";
+
+export function SearchItemCreators({ creators, className, othersLink }) {
+  let spanClass = "creatibutor-wrap separated";
+  className && (spanClass += ` ${className}`);
+
+  function makeIcon(scheme, identifier, name) {
+    let link = null;
+    let linkTitle = null;
+    let icon = null;
+    let alt = "";
+
+    switch (scheme) {
+      case "orcid":
+        link = `https://orcid.org/${identifier}`;
+        linkTitle = i18next.t("ORCID profile");
+        icon = "/static/images/orcid.svg";
+        alt = i18next.t("ORCID logo");
+        break;
+      case "ror":
+        link = `https://ror.org/${identifier}`;
+        linkTitle = i18next.t("ROR profile");
+        icon = "/static/images/ror-icon.svg";
+        alt = i18next.t("ROR logo");
+        break;
+      case "gnd":
+        link = `https://d-nb.info/gnd/${identifier}`;
+        linkTitle = i18next.t("GND profile");
+        icon = "/static/images/gnd-icon.svg";
+        alt = i18next.t("GND logo");
+        break;
+      default:
+        return null;
+    }
+
+    icon = (
+      <a
+        className="no-text-decoration mr-0"
+        href={link}
+        aria-label={`${name}: ${linkTitle}`}
+        title={`${name}: ${linkTitle}`}
+        key={scheme}
+      >
+        <img className="inline-id-icon ml-5" src={icon} alt={alt} />
+      </a>
+    );
+    return icon;
+  }
+
+  function getIcons(creator) {
+    let ids = _get(creator, "person_or_org.identifiers", []);
+    let creatorName = _get(creator, "person_or_org.name", i18next.t("No name"));
+    let icons = ids.map((c) => makeIcon(c.scheme, c.identifier, creatorName));
+    return icons;
+  }
+
+  function getLink(creator) {
+    let creatorName = _get(creator, "person_or_org.name", i18next.t("No name"));
+    let link = (
+      <a
+        className="creatibutor-link"
+        href={`/search?q=metadata.creators.person_or_org.name:"${creatorName}"`}
+        title={`${creatorName}: ${i18next.t("Search")}`}
+      >
+        <span className="creatibutor-name">{creatorName}</span>
+      </a>
+    );
+    return link;
+  }
+
+  const numDisplayed = 3;
+  const result = creators.slice(0, numDisplayed).map((creator) => (
+    <span className={spanClass} key={creator.person_or_org.name}>
+      {getLink(creator)}
+      {getIcons(creator)}
+    </span>
+  ));
+
+  const numExtra = creators.length - numDisplayed;
+  if (0 < numExtra) {
+    let text;
+    if (numExtra === 1) {
+      text = i18next.t("and {{count}} other", { count: numExtra });
+    } else {
+      text = i18next.t("and {{count}} others", { count: numExtra });
+    }
+    result.push(
+      <span className={spanClass} key={text}>
+        <a className="creatibutor-link" href={othersLink}>
+          <span className="creatibutor-name">
+            {i18next.t(text, { count: numExtra })}
+          </span>
+        </a>
+      </span>
+    );
+  }
+
+  return result;
+}
+
+/**
+ * Returns a human readable timestamp in the format "4 days ago".
+ *
+ * @param {Date} timestamp
+ * @returns string
+ */
+export const timestampToRelativeTime = (timestamp) =>
+  DateTime.fromISO(timestamp).setLocale(i18next.language).toRelative();
+
+/**
+ * Returns a string-formatted number in the user's locale (e.g. 1,000 in en-GB but 1.000 in de-DE)
+ *
+ * @param {Number} number
+ * @returns string
+ */
+export const localizedFormatNumber = (number) =>
+  new Intl.NumberFormat(i18next.language).format(number);

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/file_uploader/uppy.less

@@ -0,0 +1,37 @@
+/*
+ *   Copyright (C) 2025 CESNET
+ *
+ * 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 "@uppy/core/dist/style.min.css";
+@import "@uppy/dashboard/dist/style.min.css";
+@import "@uppy/image-editor/dist/style.min.css";
+
+.uppy-Dashboard-AddFiles {
+  padding: 1.2rem;
+}
+.uppy-Dashboard-AddFiles-info {
+  display: block;
+}
+
+.uppy-Dashboard-note {
+  padding-top: 3rem;
+}
+
+.uppy-Dashboard-inner {
+  border-radius: 0 0 5px 5px;
+}
+
+.uppy-Dashboard-innerWrap {
+  height: 350px;
+
+  &:has(#uppy-DashboardContent-panel--editor) {
+    height: 500px;
+  }
+}
+
+.uppy-DashboardContent-bar, .uppy-StatusBar {
+  z-index: 10;
+}