v3.0.1

this closes #206

invenio_theme_tugraz/assets/semantic-ui/js/invenio_theme_tugraz/deposit/RDMDepositForm.js

@@ -0,0 +1,528 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2020 CERN.
+// Copyright (C) 2020 Northwestern University.
+// Copyright (C) 2021 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 _get from "lodash/get";
+import React, { Component, createRef, Fragment } from "react";
+import {
+  AccessRightField,
+  CreatibutorsField,
+  DatesField,
+  DeleteButton,
+  DepositFormApp,
+  DepositFormTitle,
+  DescriptionsField,
+  FileUploader,
+  FormFeedback,
+  IdentifiersField,
+  LanguagesField,
+  LicenseField,
+  PIDField,
+  PreviewButton,
+  PublicationDateField,
+  PublishButton,
+  PublisherField,
+  RelatedWorksField,
+  ResourceTypeField,
+  SaveButton,
+  TitlesField,
+  VersionField,
+} from "react-invenio-deposit";
+import { AccordionField } from "react-invenio-forms";
+import { Card, Container, Divider, Grid, Ref, Sticky } from "semantic-ui-react";
+
+export class RDMDepositForm extends Component {
+  constructor(props) {
+    super(props);
+    this.config = props.config || {};
+    // TODO: retrieve from backend
+    this.config["canHaveMetadataOnlyRecords"] = true;
+
+    // TODO: Make ALL vocabulary be generated by backend.
+    // Currently, some vocabulary is generated by backend and some is
+    // generated by frontend here. Iteration is faster and abstractions can be
+    // discovered by generating vocabulary here. Once happy with vocabularies,
+    // then we can generate it in the backend.
+    this.vocabularies = {
+      metadata: {
+        ...this.config.vocabularies,
+
+        titles: {
+          ...this.config.vocabularies.titles,
+        },
+
+        descriptions: {
+          type: [
+            { text: "Abstract", value: "abstract" },
+            { text: "Methods", value: "methods" },
+            { text: "Series Information", value: "seriesinformation" },
+            { text: "Table of Contents", value: "tableofcontents" },
+            { text: "Technical Info", value: "technicalinfo" },
+            { text: "Other", value: "other" },
+          ],
+        },
+
+        creators: {
+          type: [
+            { text: "Person", value: "personal" },
+            { text: "Organization", value: "organizational" },
+          ],
+          role: [
+            { text: "Editor", value: "editor" },
+            { text: "Data Curator", value: "datacurator" },
+            { text: "Data Manager", value: "datamanager" },
+            { text: "Project Manager", value: "projectmanager" },
+          ],
+        },
+
+        contributors: {
+          type: [
+            { text: "Person", value: "personal" },
+            { text: "Organization", value: "organizational" },
+          ],
+          role: [
+            { text: "Editor", value: "editor" },
+            { text: "Data Curator", value: "datacurator" },
+            { text: "Data Manager", value: "datamanager" },
+            { text: "Project Manager", value: "projectmanager" },
+          ],
+        },
+
+        dates: {
+          type: [
+            { text: "Accepted", value: "accepted" },
+            { text: "Available", value: "available" },
+            { text: "Copyrighted", value: "copyrighted" },
+            { text: "Collected", value: "collected" },
+            { text: "Created", value: "created" },
+            { text: "Issued", value: "issued" },
+            { text: "Submitted", value: "submitted" },
+            { text: "Updated", value: "updated" },
+            { text: "Valid", value: "valid" },
+            { text: "Withdrawn", value: "withdrawn" },
+            { text: "Other", value: "other" },
+          ],
+        },
+
+        // TODO: Replace with an API backend
+        funding: {
+          funder: [
+            {
+              name: "National Institutes of Health (US)",
+              identifier: "funder1",
+              scheme: "funderScheme1",
+            },
+            {
+              name: "European Commission (EU)",
+              identifier: "funder2",
+              scheme: "funderScheme2",
+            },
+          ],
+          award: [
+            {
+              title: "CANCER &AIDS DRUGS--PRECLIN PHARMACOL/TOXICOLOGY",
+              number: "N01CM037835-016",
+              identifier: "awardA",
+              scheme: "awardSchemeA",
+              parentScheme: "funderScheme1",
+              parentIdentifier: "funder1",
+            },
+            {
+              title:
+                "Beyond the Standard Model at the LHC and with Atom Interferometers.",
+              number: "228169",
+              identifier: "awardB1",
+              scheme: "awardSchemeB",
+              parentScheme: "funderScheme2",
+              parentIdentifier: "funder2",
+            },
+            {
+              title: "ENvironmental COnditions in GLAucoma Patients",
+              number: "747441",
+              identifier: "awardB2",
+              scheme: "awardSchemeB",
+              parentScheme: "funderScheme2",
+              parentIdentifier: "funder2",
+            },
+          ],
+        },
+
+        identifiers: {
+          resource_type: this.config.vocabularies.resource_type,
+          scheme: [
+            { text: "ARK", value: "ark" },
+            { text: "ARXIV", value: "arxiv" },
+            { text: "BIBCODE", value: "bibcode" },
+            { text: "DOI", value: "doi" },
+            { text: "EAN13", value: "ean13" },
+            { text: "EISSN", value: "eissn" },
+            { text: "HANDLE", value: "handle" },
+            { text: "IGSN", value: "igsn" },
+            { text: "ISBN", value: "isbn" },
+            { text: "ISSN", value: "issn" },
+            { text: "ISTC", value: "istc" },
+            { text: "LISSN", value: "lissn" },
+            { text: "LSID", value: "lsid" },
+            { text: "PMID", value: "pmid" },
+            { text: "PURL", value: "purl" },
+            { text: "UPC", value: "upc" },
+            { text: "URL", value: "url" },
+            { text: "URN", value: "urn" },
+            { text: "W3ID", value: "w3id" },
+          ],
+          relations: [
+            { text: "Is cited by", value: "iscitedby" },
+            { text: "Cites", value: "cites" },
+            { text: "Is supplement to", value: "issupplementto" },
+            { text: "Is supplemented by", value: "issupplementedby" },
+            { text: "Is continued by", value: "iscontinuedby" },
+            { text: "Continues", value: "continues" },
+            { text: "Is described by", value: "isdescribedby" },
+            { text: "Describes", value: "describes" },
+            { text: "Has metadata", value: "hasmetadata" },
+            { text: "Is metadata for", value: "ismetadatafor" },
+            { text: "Has version", value: "hasversion" },
+            { text: "Is version of", value: "isversionof" },
+            { text: "Is new version of", value: "isnewversionof" },
+            { text: "Is previous version of", value: "ispreviousversionof" },
+            { text: "Is part of", value: "ispartof" },
+            { text: "Has part", value: "haspart" },
+            { text: "Is referenced by", value: "isreferencedby" },
+            { text: "References", value: "references" },
+            { text: "Is documented by", value: "isdocumentedby" },
+            { text: "Documents", value: "documents" },
+            { text: "Is compiled by", value: "iscompiledby" },
+            { text: "Compiles", value: "compiles" },
+            { text: "Is variant form of", value: "isvariantformof" },
+            { text: "Is original form of", value: "isoriginalformof" },
+            { text: "Is identical to", value: "isidenticalto" },
+            { text: "Is reviewed by", value: "isreviewedby" },
+            { text: "Reviews", value: "reviews" },
+            { text: "Is derived from", value: "isderivedfrom" },
+            { text: "Is source of", value: "issourceof" },
+            { text: "Is required by", value: "isrequiredby" },
+            { text: "Requires", value: "requires" },
+            { text: "Is obsoleted by", value: "isobsoletedby" },
+            { text: "Obsoletes", value: "obsoletes" },
+          ],
+        },
+        subjects: {
+          options: [
+            {
+              text: "Deep Learning",
+              value: {
+                subject: "Deep Learning",
+                scheme: "user",
+                identifier: "U1",
+              },
+            },
+            {
+              text: "MeSH: Cognitive Neuroscience",
+              value: {
+                subject: "Cognitive Neuroscience",
+                scheme: "mesh",
+                identifier: "D000066494",
+              },
+            },
+            {
+              text: "FAST: Glucagonoma",
+              value: {
+                subject: "Glucagonoma",
+                scheme: "fast",
+                identifier: "943672",
+              },
+            },
+          ],
+          limitToOptions: [
+            { text: "All", value: "all" },
+            { text: "MeSH", value: "mesh" },
+            { text: "FAST", value: "fast" },
+          ],
+        },
+      },
+    };
+
+    // check if files are present
+    this.noFiles = false;
+    if (
+      !Array.isArray(this.props.files.entries) ||
+      (!this.props.files.entries.length && this.props.record.is_published)
+    ) {
+      this.noFiles = true;
+    }
+  }
+
+  formFeedbackRef = createRef();
+  sidebarRef = createRef();
+
+  accordionStyle = {
+    header: { className: "inverted brand", style: { cursor: "pointer" } },
+  };
+
+  render() {
+    return (
+      <DepositFormApp
+        config={this.config}
+        record={this.props.record}
+        files={this.props.files}
+        permissions={this.props.permissions}
+      >
+        <FormFeedback fieldPath="message" />
+        <Container style={{ marginTop: "10px" }}>
+          <DepositFormTitle />
+          <Grid>
+            <Grid.Row>
+              <Grid.Column width={11}>
+                <AccordionField
+                  fieldPath=""
+                  active={true}
+                  label={"Files"}
+                  ui={this.accordionStyle}
+                >
+                  {this.noFiles && this.props.record.is_published && (
+                    <p
+                      style={{
+                        textAlign: "center",
+                        opacity: "0.5",
+                        cursor: "default !important",
+                      }}
+                    >
+                      <em>The record has no files.</em>
+                    </p>
+                  )}
+                  <FileUploader
+                    isDraftRecord={!this.props.record.is_published}
+                    quota={{
+                      maxFiles: 100,
+                      maxStorage: 10 ** 10,
+                    }}
+                  />
+                </AccordionField>
+
+                <AccordionField
+                  fieldPath=""
+                  active={true}
+                  label={"Basic information"}
+                  ui={this.accordionStyle}
+                >
+                  {this.config.pids.map((pid) => (
+                    <Fragment key={pid.scheme}>
+                      <PIDField
+                        btnLabelGetPID={pid.btn_label_get_pid}
+                        canBeManaged={pid.can_be_managed}
+                        canBeUnmanaged={pid.can_be_unmanaged}
+                        fieldPath={`pids.${pid.scheme}`}
+                        isEditingPublishedRecord={
+                          this.props.record.is_published === true // is_published is `null` at first upload
+                        }
+                        managedHelpText={pid.managed_help_text}
+                        pidLabel={pid.pid_label}
+                        pidPlaceholder={pid.pid_placeholder}
+                        pidType={pid.scheme}
+                        unmanagedHelpText={pid.unmanaged_help_text}
+                      />
+                      <Divider />
+                    </Fragment>
+                  ))}
+
+                  <ResourceTypeField
+                    options={this.vocabularies.metadata.resource_type}
+                    required
+                  />
+                  <TitlesField
+                    options={this.vocabularies.metadata.titles}
+                    required
+                  />
+                  <PublicationDateField required />
+                  <CreatibutorsField
+                    label={"Creators"}
+                    labelIcon={"user"}
+                    fieldPath={"metadata.creators"}
+                    roleOptions={this.vocabularies.metadata.creators.role}
+                    schema="creators"
+                    required
+                  />
+                  <DescriptionsField
+                    options={this.vocabularies.metadata.descriptions}
+                    editorConfig={{
+                      removePlugins: [
+                        "Image",
+                        "ImageCaption",
+                        "ImageStyle",
+                        "ImageToolbar",
+                        "ImageUpload",
+                        "MediaEmbed",
+                        "Table",
+                        "TableToolbar",
+                        "TableProperties",
+                        "TableCellProperties",
+                      ],
+                    }}
+                  />
+                  <LicenseField
+                    fieldPath="metadata.rights"
+                    searchConfig={{
+                      searchApi: {
+                        axios: {
+                          headers: {
+                            Accept: "application/vnd.inveniordm.v1+json",
+                          },
+                          url: "/api/vocabularies/licenses",
+                          withCredentials: false,
+                        },
+                      },
+                      initialQueryState: {
+                        filters: [["tags", "recommended"]],
+                      },
+                    }}
+                    serializeLicenses={(result) => ({
+                      title: result.title_l10n,
+                      description: result.description_l10n,
+                      id: result.id,
+                      link: result.props.url,
+                    })}
+                  />
+                  <br />
+                </AccordionField>
+
+                <AccordionField
+                  fieldPath=""
+                  active={true}
+                  label={"Recommended information"}
+                  ui={this.accordionStyle}
+                >
+                  <CreatibutorsField
+                    addButtonLabel={"Add contributor"}
+                    label={"Contributors"}
+                    labelIcon={"user plus"}
+                    fieldPath={"metadata.contributors"}
+                    roleOptions={this.vocabularies.metadata.contributors.role}
+                    schema="contributors"
+                    modal={{
+                      addLabel: "Add contributor",
+                      editLabel: "Edit contributor",
+                    }}
+                  />
+                  {/**TODO: uncomment to use Subjects*/}
+                  {/* <SubjectsField
+                  initialOptions={_get(
+                    this.props.record,
+                    "metadata.subjects",
+                    null
+                  )}
+                  limitToOptions={
+                    this.vocabularies.metadata.subjects.limitToOptions
+                  }
+                />
+                <ComingSoonField
+                  fieldPath="metadata.subjects"
+                  label="Subjects"
+                  labelIcon="tag"
+                /> */}
+
+                  <LanguagesField
+                    initialOptions={_get(
+                      this.props.record,
+                      "ui.languages",
+                      []
+                    ).filter((lang) => lang !== null)} // needed because dumped empty record from backend gives [null]
+                    serializeSuggestions={(suggestions) =>
+                      suggestions.map((item) => ({
+                        text: item.title_l10n,
+                        value: item.id,
+                        key: item.id,
+                      }))
+                    }
+                  />
+                  <DatesField options={this.vocabularies.metadata.dates} />
+                  <VersionField />
+                  <PublisherField />
+                  <br />
+                </AccordionField>
+                {/**TODO: uncomment to use FundingField*/}
+                {/* <AccordionField
+                fieldPath=""
+                active={true}
+                label={"Funding"}
+                ui={this.accordionStyle}
+              >
+                <FundingField options={this.vocabularies.metadata.funding} />
+                <ComingSoonField
+                  fieldPath="metadata.funding"
+                  label="Awards"
+                  labelIcon="money bill alternate outline"
+                />
+
+                <br />
+              </AccordionField> */}
+
+                <AccordionField
+                  fieldPath=""
+                  active={true}
+                  label={"Alternate identifiers"}
+                  ui={this.accordionStyle}
+                >
+                  <IdentifiersField
+                    fieldPath="metadata.identifiers"
+                    label="Alternate identifier(s)"
+                    labelIcon="barcode"
+                    schemeOptions={
+                      this.vocabularies.metadata.identifiers.scheme
+                    }
+                  />
+                </AccordionField>
+
+                <AccordionField
+                  fieldPath=""
+                  active={true}
+                  label={"Related works"}
+                  ui={this.accordionStyle}
+                >
+                  <RelatedWorksField
+                    options={this.vocabularies.metadata.identifiers}
+                  />
+                  <br />
+                </AccordionField>
+              </Grid.Column>
+              <Ref innerRef={this.sidebarRef}>
+                <Grid.Column width={5} className="deposit-sidebar">
+                  <Sticky context={this.sidebarRef} offset={20}>
+                    <Card className="actions">
+                      <Card.Content>
+                        <div className="sidebar-buttons">
+                          <SaveButton fluid className="save-button" />
+                          <PreviewButton fluid className="preview-button" />
+                        </div>
+                        <PublishButton fluid />
+                      </Card.Content>
+                    </Card>
+
+                    <Card className="actions">
+                      <Card.Content>
+                        <DeleteButton
+                          fluid
+                          // TODO: make is_published part of the API response
+                          //       so we don't have to do this
+                          isPublished={this.props.record.is_published}
+                        />
+                      </Card.Content>
+                    </Card>
+
+                    <AccessRightField
+                      label={"Visibility"}
+                      labelIcon={"shield"}
+                    />
+                  </Sticky>
+                </Grid.Column>
+              </Ref>
+            </Grid.Row>
+          </Grid>
+        </Container>
+      </DepositFormApp>
+    );
+  }
+}

invenio_theme_tugraz/assets/semantic-ui/js/invenio_theme_tugraz/deposit/index.js

@@ -0,0 +1,23 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2020 CERN.
+// Copyright (C) 2020 Northwestern 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 React from "react";
+import ReactDOM from "react-dom";
+import "semantic-ui-css/semantic.min.css";
+
+import { getInputFromDOM } from "react-invenio-deposit";
+import { RDMDepositForm } from "./RDMDepositForm";
+
+ReactDOM.render(
+  <RDMDepositForm
+    record={getInputFromDOM("deposits-record")}
+    files={getInputFromDOM("deposits-record-files")}
+    config={getInputFromDOM("deposits-config")}
+    permissions={getInputFromDOM("deposits-record-permissions")}
+  />,
+  document.getElementById("deposit-form")
+);

invenio_theme_tugraz/config.py

@@ -122,5 +122,4 @@ TUG_ROUTES = {
     "guide": "/guide",
     "terms": "/terms",
     "gdpr": "/gdpr",
-    "record_detail": "/records/<pid_value>",
 }

invenio_theme_tugraz/deposits.py

@@ -0,0 +1,55 @@
+# -*- coding: utf-8 -*-
+#
+# Copyright (C) 2019-2021 CERN.
+# Copyright (C) 2019-2021 Northwestern University.
+# Copyright (C)      2021 TU Wien.
+# Copyright (C)      2021 Graz University of Technology.
+#
+# Invenio_theme_tugraz is free software; you can redistribute it and/or modify it
+# under the terms of the MIT License; see LICENSE file for more details.
+# https://github.com/inveniosoftware/invenio-app-rdm/blob/master/invenio_app_rdm/records_ui/views/deposits.py
+"""Routes for record-related pages provided by Invenio-App-RDM."""
+
+
+from flask import render_template
+from flask_login import login_required
+from invenio_app_rdm.records_ui.utils import set_default_value
+from invenio_app_rdm.records_ui.views.decorators import pass_draft, pass_draft_files
+from invenio_app_rdm.records_ui.views.deposits import (
+    get_form_config,
+    get_search_url,
+    new_record,
+)
+from invenio_rdm_records.resources.serializers import UIJSONSerializer
+
+
+@login_required
+def deposit_create():
+    """Create a new deposit."""
+    return render_template(
+        "invenio_theme_tugraz/deposit/deposit.html",
+        forms_config=get_form_config(createUrl=("/api/records")),
+        searchbar_config=dict(searchUrl=get_search_url()),
+        record=new_record(),
+        files=dict(
+            default_preview=None, entries=[], links={}
+        ),
+    )
+
+
+@login_required
+@pass_draft
+@pass_draft_files
+def deposit_edit(draft=None, draft_files=None, pid_value=None):
+    """Edit an existing deposit."""
+    serializer = UIJSONSerializer()
+    record = serializer.serialize_object_to_dict(draft.to_dict())
+
+    return render_template(
+        "invenio_theme_tugraz/deposit/deposit.html",
+        forms_config=get_form_config(apiUrl=f"/api/records/{pid_value}/draft"),
+        record=record,
+        files=draft_files.to_dict(),
+        searchbar_config=dict(searchUrl=get_search_url()),
+        permissions=draft.has_permissions_to(['new_version'])
+    )

invenio_theme_tugraz/ext.py

@@ -9,6 +9,7 @@
 """invenio module for TUGRAZ theme."""
 
 from . import config
+from .deposits import deposit_create, deposit_edit
 from .views import index, record_detail
 
 
@@ -26,6 +27,8 @@ class InvenioThemeTugraz(object):
         # https://flask.palletsprojects.com/en/1.1.x/api/#flask.Flask.add_url_rule
         app.add_url_rule("/", "index", index)
         app.add_url_rule("/records/<pid_value>", "record_detail", record_detail)
+        app.add_url_rule("/uploads/new", "deposit_create", deposit_create)
+        app.add_url_rule("/uploads/<pid_value>", "deposit_edit", deposit_edit)
         self.init_config(app)
         app.extensions["invenio-theme-tugraz"] = self
 

invenio_theme_tugraz/templates/invenio_theme_tugraz/deposit/deposit.html

@@ -0,0 +1,37 @@
+{#
+    Copyright (C) 2020 CERN.
+    Copyright (C) 2020 Northwestern University.
+    Copyright (C) 2021 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.
+  #}
+  {%- if not record.is_published and record.versions.index and record.versions.index > 1%}
+    {%- set title = _("New version") %}
+  {%- elif not record.is_published %}
+    {%- set title = _("New upload") %}
+  {% else %}
+    {%- set title = _("Edit upload") %}
+  {%- endif %}
+  {%- extends config.BASE_TEMPLATE %}
+  
+  {%- block page_body %}
+    {%- if record %}
+    <input id="deposits-record" type="hidden" name="deposits-record" value='{{record | tojson }}'></input>
+    {%- endif %}
+    {%- if files %}
+    <input id="deposits-record-files" type="hidden" name="deposits-record-files" value='{{files | tojson }}'></input>
+    {%- endif %}
+    {%- if forms_config %}
+    <input type="hidden" name="deposits-config" value='{{forms_config | tojson }}'></input>
+    {%- endif %}
+    {%- if permissions %}
+    <input id="deposits-record-permissions" type="hidden" name="deposits-record-permissions" value='{{permissions | tojson }}'></input>
+    {%- endif %}
+    <div id="deposit-form"></div>
+  {%- endblock page_body %}
+  
+  {%- block javascript %}
+      {{ super() }}
+      {{ webpack['invenio-theme-tugraz-rdm-deposit.js'] }}
+  {%- endblock %}

invenio_theme_tugraz/templates/invenio_theme_tugraz/index.html

@@ -67,6 +67,11 @@
             {{r.metadata.resource_type | cast_to_dict | vocabulary_title('resource_type') }}
           </span>
           
+          <span class="ui label small access-status {{ r.ui.access_status.id }}" data-tooltip="{{ r.ui.access_status.description_l10n }}" data-inverted="">
+            {% if r.ui.access_status.icon %}<i class="icon {{ r.ui.access_status.icon }}"></i>{% endif %}
+            {{ r.ui.access_status.title_l10n }}
+          </span>
+
           <span class="label record-version">
             <!--TODO: add subtype--->
           </span>

invenio_theme_tugraz/version.py

@@ -12,4 +12,4 @@ This file is imported by ``invenio_theme_tugraz.__init__``,
 and parsed by ``setup.py``.
 """
 
-__version__ = "3.0.0"
+__version__ = "3.0.1"

invenio_theme_tugraz/views.py

@@ -44,7 +44,6 @@ def ui_blueprint(app):
     blueprint.add_url_rule(routes["guide"], view_func=guide)
     blueprint.add_url_rule(routes["terms"], view_func=terms)
     blueprint.add_url_rule(routes["gdpr"], view_func=gdpr)
-    blueprint.add_url_rule(routes["record_detail"], view_func=record_detail)
 
     @blueprint.app_template_filter("make_dict_like")
     def make_dict_like(value: str, key: str) -> Dict[str, str]:
@@ -64,9 +63,13 @@ def ui_blueprint(app):
 
 def index():
     """Frontpage."""
+    records = FrontpageRecordsSearch()[:5].sort("-created").execute()
+    for r in records:
+        r = UIJSONSerializer().serialize_object_to_dict(r.to_dict())
+
     return render_template(
         "invenio_theme_tugraz/index.html",
-        records=FrontpageRecordsSearch()[:5].sort("-created").execute(),
+        records=records
     )
 
 

invenio_theme_tugraz/webpack.py

@@ -17,10 +17,25 @@ theme = WebpackThemeBundle(
             entry={
                 "invenio-theme-tugraz-theme": "./less/invenio_theme_tugraz/theme.less",
                 "invenio-theme-tugraz-js": "./js/invenio_theme_tugraz/theme.js",
-                # "invenio-theme-tugraz-search-app": "./js/invenio_theme_tugraz/search/index.js",
+                # overrides RDM deposit form
+                'invenio-theme-tugraz-rdm-deposit': './js/invenio_theme_tugraz/deposit/index.js',
             },
             dependencies={
-                # Add your dependencies
+                # add any additional npm dependencies here...
+                # Keep these dep: in sync with releases
+                "@babel/runtime": "^7.9.0",
+                'formik': '^2.1.4',
+                'luxon': '^1.23.0',
+                'path': '^0.12.7',
+                'prop-types': '^15.7.2',
+                'react-dnd': '^11.1.3',
+                'react-dnd-html5-backend': '^11.1.3',
+                'react-invenio-deposit': '^0.13.5',
+                'react-invenio-forms': '^0.7.0',
+                'react-dropzone': "^11.0.3",
+                'yup': '^0.27.0',
+                '@ckeditor/ckeditor5-build-classic': '^16.0.0',
+                '@ckeditor/ckeditor5-react': '^2.1.0',
             },
         )
     },