[MOO-1315]: Resolve issue with callout display on iOS (#168)

Author: UrazAkgultan

packages/pluggableWidgets/maps-native/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+-   We Resolved an issue where an empty marker callout box would appear in Apple Maps on iOS when no content was provided for the marker.
+
 ## [4.0.0] - 2023-3-28
 
 ## BREAKING

packages/pluggableWidgets/maps-native/package.json

@@ -1,7 +1,7 @@
 {
   "name": "maps-native",
   "widgetName": "Maps",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

packages/pluggableWidgets/maps-native/src/Maps.tsx

@@ -75,7 +75,7 @@ export class Maps extends Component<Props, State> {
                 {this.state.status !== Status.LoadingMarkers ? (
                     <MapView
                         ref={this.mapViewRef}
-                        provider={this.props.provider === "default" ? null : this.props.provider}
+                        provider={this.props.provider === "default" ? undefined : this.props.provider}
                         mapType={this.props.mapType}
                         showsUserLocation={this.props.showsUserLocation}
                         showsMyLocationButton={this.props.showsUserLocation}
@@ -111,8 +111,8 @@ export class Maps extends Component<Props, State> {
             <MarkerView
                 key={key}
                 coordinate={coordinate}
-                title={this.props.interactive ? props.title : ""}
-                description={this.props.interactive ? props.description : ""}
+                title={this.props.interactive ? props.title : undefined}
+                description={this.props.interactive ? props.description : undefined}
                 onPress={this.props.interactive ? () => onMarkerPress(props.onClick) : undefined}
                 pinColor={props.iconColor || this.styles.marker.color}
                 opacity={this.styles.marker.opacity}

packages/pluggableWidgets/maps-native/src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="Maps" version="4.0.0" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="Maps" version="4.0.1" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="Maps.xml" />
         </widgetFiles>

packages/pluggableWidgets/maps-native/src/util/data.ts

@@ -9,8 +9,8 @@ export function convertStaticModeledMarker(marker: MarkersType): ModeledMarker {
         address: marker.address?.value,
         latitude: Number(marker.latitude?.value),
         longitude: Number(marker.longitude?.value),
-        title: marker.title?.value,
-        description: marker.description?.value,
+        title: marker.title?.value ? marker.title?.value : undefined,
+        description: marker.description?.value ? marker.description?.value : undefined,
         onClick: marker.onClick,
         icon: marker.icon?.value,
         iconSize: Number(marker.iconSize),
@@ -42,8 +42,8 @@ function fromDatasource(marker: DynamicMarkersType, item: ObjectItem): ModeledMa
         address: locationDynamicType === "address" && address ? address.get(item).value : undefined,
         latitude: locationDynamicType === "latlng" && latitude ? Number(latitude.get(item).value) : undefined,
         longitude: locationDynamicType === "latlng" && longitude ? Number(longitude.get(item).value) : undefined,
-        title: title ? title.get(item).value : "",
-        description: description ? description.get(item).value : "",
+        title: title ? title.get(item).value : undefined,
+        description: description ? description.get(item).value : undefined,
         onClick: onClick ? onClick.get(item) : undefined,
         icon: icon ? icon.value : undefined,
         iconSize: iconSize ? Number(iconSize) : undefined,