form: enabling extra configuration for InteractiveMap

src/lib/components/form/fields/LocationsField/LocationsField.js

@@ -40,6 +40,7 @@ import { LocationsFieldItem } from './LocationsFieldItem';
  * @param {String} label Field Label.
  * @param {String} labelIcon Field icon.
  * @param {Bool} required Flag to set if the field is required in the form.
+ * @param {Object} interactiveMapConfig Configurations for the InteractiveMap object.
  * @returns {JSX.Element}
  *
  * @note This component is based on `CreatibutorsField` from React Invenio Deposit.
@@ -57,6 +58,7 @@ export const LocationsFieldForm = ({
   label,
   labelIcon,
   required,
+  interactiveMapConfig
 }) => {
   // field values
   const formikValues = getIn(values, fieldPath, []);
@@ -123,6 +125,7 @@ export const LocationsFieldForm = ({
                 {locationAddButtonLabel}
               </Button>
             }
+            {...interactiveMapConfig}
           />
           {locationsError && typeof locationsError === 'string' && (
             <Label pointing={'left'} prompt>
@@ -164,6 +167,7 @@ LocationsField.propTypes = {
     addLabel: PropTypes.string.isRequired,
     editLabel: PropTypes.string.isRequired,
   }).isRequired,
+  interactiveMapConfig: PropTypes.object
 };
 
 LocationsField.defaultProps = {
@@ -175,4 +179,5 @@ LocationsField.defaultProps = {
     addLabel: i18next.t('Add location'),
     editLabel: i18next.t('Edit location'),
   },
+  interactiveMapConfig: {}
 };

src/lib/components/form/fields/LocationsField/LocationsModal.js

@@ -182,7 +182,7 @@ export const LocationsModal = ({
                   clearable={true}
                   required={false}
                 />
-                <GeometryField fieldPath={geometryPath} />
+                <GeometryField fieldPath={geometryPath} interactiveMapConfig={interactiveMapConfig} />
               </Form>
             </Modal.Content>
             <Modal.Actions>