deposit: added anchor ids, made form overridable

>
>
Co-authored-by: Carlin Mackenzie <[email protected]>

Author: 0einstein0

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

@@ -99,6 +99,7 @@ export class RDMDepositForm extends Component {
 
   render() {
     const {
+      config,
       record,
       files,
       permissions,
@@ -109,40 +110,56 @@ export class RDMDepositForm extends Component {
       groupsEnabled,
       allowEmptyFiles,
     } = this.props;
+
     const customFieldsUI = this.config.custom_fields.ui;
+
     return (
-      <DepositFormApp
-        config={this.config}
+      <Overridable
+        id="InvenioAppRdm.Deposit.RDMDepositForm.layout"
         record={record}
-        preselectedCommunity={preselectedCommunity}
         files={files}
+        config={config}
         permissions={permissions}
+        preselectedCommunity={preselectedCommunity}
+        filesLocked={filesLocked}
+        recordRestrictionGracePeriod={recordRestrictionGracePeriod}
+        allowRecordRestriction={allowRecordRestriction}
+        groupsEnabled={groupsEnabled}
+        allowEmptyFiles={allowEmptyFiles}
+        customFieldsUI={customFieldsUI}
       >
-        <Overridable
-          id="InvenioAppRdm.Deposit.FormFeedback.container"
-          labels={this.config.custom_fields.error_labels}
-          fieldPath="message"
+        <DepositFormApp
+          config={this.config}
+          record={record}
+          preselectedCommunity={preselectedCommunity}
+          files={files}
+          permissions={permissions}
         >
-          <FormFeedback
-            fieldPath="message"
+          <Overridable
+            id="InvenioAppRdm.Deposit.FormFeedback.container"
             labels={this.config.custom_fields.error_labels}
-          />
-        </Overridable>
+            fieldPath="message"
+          >
+            <FormFeedback
+              fieldPath="message"
+              labels={this.config.custom_fields.error_labels}
+            />
+          </Overridable>
 
         <Overridable
           id="InvenioAppRdm.Deposit.CommunityHeader.container"
           record={record}
         >
           {!this.hide_community_selection && (
-            <CommunityHeader
-              imagePlaceholderLink="/static/images/square-placeholder.png"
-              record={record}
-            />
+              <CommunityHeader
+                imagePlaceholderLink="/static/images/square-placeholder.png"
+                record={record}
+              />
           )}
         </Overridable>
-        <Container id="rdm-deposit-form" className="rel-mt-1">
-          <Grid className="mt-25">
-            <Grid.Column mobile={16} tablet={16} computer={11}>
+          <Container id="rdm-deposit-form" className="rel-mt-1">
+            <Grid className="mt-25">
+              <Grid.Column mobile={16} tablet={16} computer={11}>
               <Overridable
                 id="InvenioAppRdm.Deposit.AccordionFieldFiles.container"
                 record={record}
@@ -153,6 +170,7 @@ export class RDMDepositForm extends Component {
                   includesPaths={["files.enabled"]}
                   active
                   label={i18next.t("Files")}
+                  id="files-section"
                 >
                   {this.noFiles && record.is_published && (
                     <div className="text-align-center pb-10">
@@ -197,6 +215,7 @@ export class RDMDepositForm extends Component {
                   ]}
                   active
                   label={i18next.t("Basic information")}
+                  id="basic-information-section"
                 >
                   <Overridable
                     id="InvenioAppRdm.Deposit.PIDField.container"
@@ -254,7 +273,7 @@ export class RDMDepositForm extends Component {
                       fieldPath="metadata.title"
                       recordUI={record.ui}
                       required
-                    />
+                  />
                   </Overridable>
 
                   <Overridable
@@ -274,7 +293,7 @@ export class RDMDepositForm extends Component {
                     fieldPath="metadata.creators"
                   >
                     <CreatibutorsField
-                      label={i18next.t("Creators")}
+                    label={i18next.t("Creators")}
                       labelIcon="user"
                       fieldPath="metadata.creators"
                       roleOptions={this.vocabularies.metadata.creators.role}
@@ -361,6 +380,7 @@ export class RDMDepositForm extends Component {
                   ]}
                   active
                   label={i18next.t("Recommended information")}
+                  id="recommended-information-section"
                 >
                   <Overridable
                     id="InvenioAppRdm.Deposit.ContributorsField.container"
@@ -439,8 +459,8 @@ export class RDMDepositForm extends Component {
                   <Overridable
                     id="InvenioAppRdm.Deposit.PublisherField.container"
                     fieldPath="metadata.publisher"
-                  >
-                    <PublisherField fieldPath="metadata.publisher" />
+                >
+                  <PublisherField fieldPath="metadata.publisher" />
                   </Overridable>
                 </AccordionField>
               </Overridable>
@@ -453,6 +473,7 @@ export class RDMDepositForm extends Component {
                   active
                   label="Funding"
                   ui={this.accordionStyle}
+                  id="funding-section"
                 >
                   <Overridable
                     id="InvenioAppRdm.Deposit.FundingField.container"
@@ -545,6 +566,7 @@ export class RDMDepositForm extends Component {
                   includesPaths={["metadata.identifiers"]}
                   active
                   label={i18next.t("Alternate identifiers")}
+                  id="alternate-identifiers-section"
                 >
                   <Overridable
                     id="InvenioAppRdm.Deposit.IdentifiersField.container"
@@ -570,15 +592,16 @@ export class RDMDepositForm extends Component {
                   includesPaths={["metadata.related_identifiers"]}
                   active
                   label={i18next.t("Related works")}
+                  id="related-works-section"
                 >
                   <Overridable
                     id="InvenioAppRdm.Deposit.RelatedWorksField.container"
                     fieldPath="metadata.related_identifiers"
                     vocabularies={this.vocabularies}
                   >
-                    <RelatedWorksField
-                      fieldPath="metadata.related_identifiers"
-                      options={this.vocabularies.metadata.identifiers}
+                  <RelatedWorksField
+                    fieldPath="metadata.related_identifiers"
+                    options={this.vocabularies.metadata.identifiers}
                       showEmptyValue
                     />
                   </Overridable>
@@ -592,6 +615,7 @@ export class RDMDepositForm extends Component {
                   includesPaths={["metadata.references"]}
                   active
                   label={i18next.t("References")}
+                  id="references-section"
                 >
                   <Overridable
                     id="InvenioAppRdm.Deposit.ReferencesField.container"
@@ -708,9 +732,10 @@ export class RDMDepositForm extends Component {
                 </Sticky>
               </Grid.Column>
             </Ref>
-          </Grid>
-        </Container>
-      </DepositFormApp>
+            </Grid>
+          </Container>
+        </DepositFormApp>
+      </Overridable>
     );
   }
 }