Add Overridable wrapper to role SelectField

inveniosoftware · Sep 16, 2024 · ecbd94b · ecbd94b
1 parent a031711
commit ecbd94b
Showing 1 changed file with 13 additions and 10 deletions.
diff --git a/...antic-ui/js/invenio_rdm_records/src/deposit/fields/CreatibutorsField/CreatibutorsModal.js b/...antic-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>