From ecbd94b46179cbf2eb2da698a75a14aa7b5568a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Markus=20Kl=C3=B6pper?= <mkloeppe@uni-muenster.de>
Date: Wed, 3 Jul 2024 13:05:24 +0200
Subject: [PATCH] Add Overridable wrapper to role SelectField

---
 .../CreatibutorsField/CreatibutorsModal.js    | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/invenio_rdm_records/assets/semantic-ui/js/invenio_rdm_records/src/deposit/fields/CreatibutorsField/CreatibutorsModal.js b/invenio_rdm_records/assets/semantic-ui/js/invenio_rdm_records/src/deposit/fields/CreatibutorsField/CreatibutorsModal.js
index 45e08b727..f04379993 100644
--- a/invenio_rdm_records/assets/semantic-ui/js/invenio_rdm_records/src/deposit/fields/CreatibutorsField/CreatibutorsModal.js
+++ b/invenio_rdm_records/assets/semantic-ui/js/invenio_rdm_records/src/deposit/fields/CreatibutorsField/CreatibutorsModal.js
@@ -28,6 +28,7 @@ import * as Yup from "yup";
 import { AffiliationsField } from "./../AffiliationsField";
 import { CreatibutorsIdentifiers } from "./CreatibutorsIdentifiers";
 import { CREATIBUTOR_TYPE } from "./type";
+import Overridable from "react-overridable";
 
 const ModalActions = {
   ADD: "add",
@@ -679,16 +680,18 @@ export class CreatibutorsModal extends Component {
                     (showPersonForm &&
                       _get(values, typeFieldPath) === CREATIBUTOR_TYPE.PERSON)) && (
                     <div>
-                      <SelectField
-                        fieldPath={roleFieldPath}
-                        label={i18next.t("Role")}
-                        options={roleOptions}
-                        placeholder={i18next.t("Select role")}
-                        {...(this.isCreator() && { clearable: true })}
-                        required={!this.isCreator()}
-                        optimized
-                        scrolling
-                      />
+                      <Overridable id="InvenioRdmRecords.Deposit.CreatibutorsModalRoleSelectField.Container">
+                        <SelectField
+                          fieldPath={roleFieldPath}
+                          label={i18next.t("Role")}
+                          options={roleOptions}
+                          placeholder={i18next.t("Select role")}
+                          {...(this.isCreator() && { clearable: true })}
+                          required={!this.isCreator()}
+                          optimized
+                          scrolling
+                        />
+                      </Overridable>
                     </div>
                   )}
                 </Form>