react-map4d-map 1.2.1 → 1.2.3

package/dist/index.js

@@ -443,6 +443,7 @@ var MFDirectionsRenderer = function MFDirectionsRenderer(props) {
       waypointMarkerOptions = props.waypointMarkerOptions,
       onMarkerDragEnd = props.onMarkerDragEnd,
       map = props.map,
+      onHover = props.onHover,
       onCreated = props.onCreated;
   var map4dContext = React.useContext(Map4dContext);
   var theMap = map || map4dContext.map;
@@ -480,6 +481,11 @@ var MFDirectionsRenderer = function MFDirectionsRenderer(props) {
       onCreated && onCreated(directionRef.current);
     }
   }, [theMap]);
+  React.useEffect(function () {
+    if (directionRef.current) {
+      directionRef.current.onHover = onHover;
+    }
+  }, [onHover]);
   React.useEffect(function () {
     if (theMap) {
       var _directionRef$current2;
@@ -956,7 +962,10 @@ var MFMarker = function MFMarker(props) {
       userInteractionEnabled = props.userInteractionEnabled,
       map = props.map,
       onCreated = props.onCreated,
-      onClick = props.onClick;
+      onClick = props.onClick,
+      onRightClick = props.onRightClick,
+      onDragEnd = props.onDragEnd,
+      onHover = props.onHover;
   var map4dContext = React.useContext(Map4dContext);
   var markerClusterContext = React.useContext(MarkerClusterContext);
   var theMap = map || map4dContext.map;
@@ -1008,7 +1017,9 @@ var MFMarker = function MFMarker(props) {
       }
 
       if (props.showInfoWindow != undefined) {
-        props.showInfoWindow ? markerRef.current.showInfoWindow() : markerRef.current.hideInfoWindow();
+        var _markerRef$current, _markerRef$current2;
+
+        props.showInfoWindow ? (_markerRef$current = markerRef.current) === null || _markerRef$current === void 0 ? void 0 : _markerRef$current.showInfoWindow() : (_markerRef$current2 = markerRef.current) === null || _markerRef$current2 === void 0 ? void 0 : _markerRef$current2.hideInfoWindow();
       }
 
       markerRef.current.onClick = onClick;
@@ -1022,124 +1033,146 @@ var MFMarker = function MFMarker(props) {
   React.useEffect(function () {
     if (theMap) {
       if (!(markerClusterContext !== null && markerClusterContext !== void 0 && markerClusterContext.addMarker)) {
-        var _markerRef$current;
+        var _markerRef$current3;
 
-        (_markerRef$current = markerRef.current) === null || _markerRef$current === void 0 ? void 0 : _markerRef$current.setMap(theMap);
+        (_markerRef$current3 = markerRef.current) === null || _markerRef$current3 === void 0 ? void 0 : _markerRef$current3.setMap(theMap);
       }
     }
 
     return function () {
       if (!(markerClusterContext !== null && markerClusterContext !== void 0 && markerClusterContext.addMarker)) {
-        var _markerRef$current2;
+        var _markerRef$current4;
 
-        (_markerRef$current2 = markerRef.current) === null || _markerRef$current2 === void 0 ? void 0 : _markerRef$current2.setMap(null);
+        (_markerRef$current4 = markerRef.current) === null || _markerRef$current4 === void 0 ? void 0 : _markerRef$current4.setMap(null);
       }
     };
   }, [theMap]);
   React.useEffect(function () {
     return function () {
       if (!(markerClusterContext !== null && markerClusterContext !== void 0 && markerClusterContext.addMarker)) {
-        var _markerRef$current3;
+        var _markerRef$current5;
 
-        (_markerRef$current3 = markerRef.current) === null || _markerRef$current3 === void 0 ? void 0 : _markerRef$current3.setMap(null);
+        (_markerRef$current5 = markerRef.current) === null || _markerRef$current5 === void 0 ? void 0 : _markerRef$current5.setMap(null);
       }
 
       markerRef.current && (markerClusterContext === null || markerClusterContext === void 0 ? void 0 : markerClusterContext.removeMarker) && (markerClusterContext === null || markerClusterContext === void 0 ? void 0 : markerClusterContext.removeMarker(markerRef.current));
     };
   }, []);
   React.useEffect(function () {
-    var _markerRef$current4;
+    if (markerRef.current) {
+      markerRef.current.onHover = onHover;
+    }
+  }, [onHover]);
+  React.useEffect(function () {
+    if (markerRef.current) {
+      markerRef.current.onClick = onClick;
+    }
+  }, [onClick]);
+  React.useEffect(function () {
+    if (markerRef.current) {
+      markerRef.current.onRightClick = onRightClick;
+    }
+  }, [onRightClick]);
+  React.useEffect(function () {
+    if (markerRef.current) {
+      markerRef.current.onHover = onDragEnd;
+    }
+  }, [onDragEnd]);
+  React.useEffect(function () {
+    var _markerRef$current6;
 
-    (_markerRef$current4 = markerRef.current) === null || _markerRef$current4 === void 0 ? void 0 : _markerRef$current4.setPosition(position);
+    (_markerRef$current6 = markerRef.current) === null || _markerRef$current6 === void 0 ? void 0 : _markerRef$current6.setPosition(position);
   }, [position]);
   React.useEffect(function () {
-    var _markerRef$current5;
+    var _markerRef$current7;
 
-    (_markerRef$current5 = markerRef.current) === null || _markerRef$current5 === void 0 ? void 0 : _markerRef$current5.setVisible(visible);
+    (_markerRef$current7 = markerRef.current) === null || _markerRef$current7 === void 0 ? void 0 : _markerRef$current7.setVisible(visible);
   }, [visible]);
   React.useEffect(function () {
-    var _markerRef$current6;
+    var _markerRef$current8;
 
-    anchor != undefined && ((_markerRef$current6 = markerRef.current) === null || _markerRef$current6 === void 0 ? void 0 : _markerRef$current6.setAnchor(anchor));
+    anchor != undefined && ((_markerRef$current8 = markerRef.current) === null || _markerRef$current8 === void 0 ? void 0 : _markerRef$current8.setAnchor(anchor));
   }, [anchor]);
   React.useEffect(function () {
-    var _markerRef$current7;
+    var _markerRef$current9;
 
-    labelAnchor != undefined && ((_markerRef$current7 = markerRef.current) === null || _markerRef$current7 === void 0 ? void 0 : _markerRef$current7.setLabelAnchor(labelAnchor));
+    labelAnchor != undefined && ((_markerRef$current9 = markerRef.current) === null || _markerRef$current9 === void 0 ? void 0 : _markerRef$current9.setLabelAnchor(labelAnchor));
   }, [labelAnchor]);
   React.useEffect(function () {
-    var _markerRef$current8;
+    var _markerRef$current10;
 
-    icon != undefined && ((_markerRef$current8 = markerRef.current) === null || _markerRef$current8 === void 0 ? void 0 : _markerRef$current8.setIcon(icon));
+    icon != undefined && ((_markerRef$current10 = markerRef.current) === null || _markerRef$current10 === void 0 ? void 0 : _markerRef$current10.setIcon(icon));
   }, [icon]);
   React.useEffect(function () {
-    var _markerRef$current9;
+    var _markerRef$current11;
 
-    elevation != undefined && ((_markerRef$current9 = markerRef.current) === null || _markerRef$current9 === void 0 ? void 0 : _markerRef$current9.setElevation(elevation));
+    elevation != undefined && ((_markerRef$current11 = markerRef.current) === null || _markerRef$current11 === void 0 ? void 0 : _markerRef$current11.setElevation(elevation));
   }, [elevation]);
   React.useEffect(function () {
-    var _markerRef$current10;
+    var _markerRef$current12;
 
-    rotation != undefined && ((_markerRef$current10 = markerRef.current) === null || _markerRef$current10 === void 0 ? void 0 : _markerRef$current10.setRotation(rotation));
+    rotation != undefined && ((_markerRef$current12 = markerRef.current) === null || _markerRef$current12 === void 0 ? void 0 : _markerRef$current12.setRotation(rotation));
   }, [rotation]);
   React.useEffect(function () {
-    var _markerRef$current11;
+    var _markerRef$current13;
 
-    title != undefined && ((_markerRef$current11 = markerRef.current) === null || _markerRef$current11 === void 0 ? void 0 : _markerRef$current11.setTitle(title));
+    title != undefined && ((_markerRef$current13 = markerRef.current) === null || _markerRef$current13 === void 0 ? void 0 : _markerRef$current13.setTitle(title));
   }, [title]);
   React.useEffect(function () {
-    var _markerRef$current12;
+    var _markerRef$current14;
 
-    snippet != undefined && ((_markerRef$current12 = markerRef.current) === null || _markerRef$current12 === void 0 ? void 0 : _markerRef$current12.setSnippet(snippet));
+    snippet != undefined && ((_markerRef$current14 = markerRef.current) === null || _markerRef$current14 === void 0 ? void 0 : _markerRef$current14.setSnippet(snippet));
   }, [snippet]);
   React.useEffect(function () {
-    var _markerRef$current13;
+    var _markerRef$current15;
 
-    windowAnchor != undefined && ((_markerRef$current13 = markerRef.current) === null || _markerRef$current13 === void 0 ? void 0 : _markerRef$current13.setWindowAnchor(windowAnchor));
+    windowAnchor != undefined && ((_markerRef$current15 = markerRef.current) === null || _markerRef$current15 === void 0 ? void 0 : _markerRef$current15.setWindowAnchor(windowAnchor));
   }, [windowAnchor]);
   React.useEffect(function () {
-    var _markerRef$current14;
+    var _markerRef$current16;
 
-    zIndex != undefined && ((_markerRef$current14 = markerRef.current) === null || _markerRef$current14 === void 0 ? void 0 : _markerRef$current14.setZIndex(zIndex));
+    zIndex != undefined && ((_markerRef$current16 = markerRef.current) === null || _markerRef$current16 === void 0 ? void 0 : _markerRef$current16.setZIndex(zIndex));
   }, [zIndex]);
   React.useEffect(function () {
-    var _markerRef$current15;
+    var _markerRef$current17;
 
-    label != undefined && ((_markerRef$current15 = markerRef.current) === null || _markerRef$current15 === void 0 ? void 0 : _markerRef$current15.setLabel(label));
+    label != undefined && ((_markerRef$current17 = markerRef.current) === null || _markerRef$current17 === void 0 ? void 0 : _markerRef$current17.setLabel(label));
   }, [label]);
   React.useEffect(function () {
-    var _markerRef$current16;
+    var _markerRef$current18;
 
-    draggable != undefined && ((_markerRef$current16 = markerRef.current) === null || _markerRef$current16 === void 0 ? void 0 : _markerRef$current16.setDraggable(draggable));
+    draggable != undefined && ((_markerRef$current18 = markerRef.current) === null || _markerRef$current18 === void 0 ? void 0 : _markerRef$current18.setDraggable(draggable));
   }, [draggable]);
   React.useEffect(function () {
-    var _markerRef$current17;
+    var _markerRef$current19;
 
-    iconView != undefined && ((_markerRef$current17 = markerRef.current) === null || _markerRef$current17 === void 0 ? void 0 : _markerRef$current17.setIconView(iconView));
+    iconView != undefined && ((_markerRef$current19 = markerRef.current) === null || _markerRef$current19 === void 0 ? void 0 : _markerRef$current19.setIconView(iconView));
   }, [iconView]);
   React.useEffect(function () {
-    var _markerRef$current18;
+    var _markerRef$current20;
 
-    userInteractionEnabled != undefined && ((_markerRef$current18 = markerRef.current) === null || _markerRef$current18 === void 0 ? void 0 : _markerRef$current18.setUserInteraction(userInteractionEnabled));
+    userInteractionEnabled != undefined && ((_markerRef$current20 = markerRef.current) === null || _markerRef$current20 === void 0 ? void 0 : _markerRef$current20.setUserInteraction(userInteractionEnabled));
   }, [userInteractionEnabled]);
   React.useEffect(function () {
-    var _markerRef$current19;
+    var _markerRef$current21;
 
-    icon != undefined && ((_markerRef$current19 = markerRef.current) === null || _markerRef$current19 === void 0 ? void 0 : _markerRef$current19.setIcon(new map4d.Icon(icon.width, icon.height, icon.url)));
+    icon != undefined && ((_markerRef$current21 = markerRef.current) === null || _markerRef$current21 === void 0 ? void 0 : _markerRef$current21.setIcon(new map4d.Icon(icon.width, icon.height, icon.url)));
   }, [icon]);
   React.useEffect(function () {
-    var _markerRef$current20;
+    var _markerRef$current22;
 
-    props.infoWindow != undefined && ((_markerRef$current20 = markerRef.current) === null || _markerRef$current20 === void 0 ? void 0 : _markerRef$current20.setInfoWindow(props.infoWindow));
+    props.infoWindow != undefined && ((_markerRef$current22 = markerRef.current) === null || _markerRef$current22 === void 0 ? void 0 : _markerRef$current22.setInfoWindow(props.infoWindow));
   }, [props.infoWindow]);
   React.useEffect(function () {
-    var _markerRef$current21;
+    var _markerRef$current23;
 
-    props.infoContents != undefined && ((_markerRef$current21 = markerRef.current) === null || _markerRef$current21 === void 0 ? void 0 : _markerRef$current21.setInfoContents(props.infoContents));
+    props.infoContents != undefined && ((_markerRef$current23 = markerRef.current) === null || _markerRef$current23 === void 0 ? void 0 : _markerRef$current23.setInfoContents(props.infoContents));
   }, [props.infoContents]);
   React.useEffect(function () {
     if (props.showInfoWindow != undefined) {
-      props.showInfoWindow ? markerRef.current.showInfoWindow() : markerRef.current.hideInfoWindow();
+      var _markerRef$current24, _markerRef$current25;
+
+      props.showInfoWindow ? (_markerRef$current24 = markerRef.current) === null || _markerRef$current24 === void 0 ? void 0 : _markerRef$current24.showInfoWindow() : (_markerRef$current25 = markerRef.current) === null || _markerRef$current25 === void 0 ? void 0 : _markerRef$current25.hideInfoWindow();
     }
   }, [props.showInfoWindow]);
   return null;
@@ -1444,6 +1477,7 @@ var MFPolygon = function MFPolygon(props) {
       zIndex = props.zIndex,
       userInteractionEnabled = props.userInteractionEnabled,
       map = props.map,
+      onHover = props.onHover,
       onCreated = props.onCreated;
   var map4dContext = React.useContext(Map4dContext);
   var theMap = map || map4dContext.map;
@@ -1495,6 +1529,11 @@ var MFPolygon = function MFPolygon(props) {
       (_polygonRef$current4 = polygonRef.current) === null || _polygonRef$current4 === void 0 ? void 0 : _polygonRef$current4.setMap(null);
     };
   }, []);
+  React.useEffect(function () {
+    if (polygonRef.current) {
+      polygonRef.current.onHover = onHover;
+    }
+  }, [onHover]);
   React.useEffect(function () {
     var _polygonRef$current5;
 
@@ -1562,6 +1601,8 @@ var MFPolyline = function MFPolyline(props) {
       strokePattern = props.strokePattern,
       userInteractionEnabled = props.userInteractionEnabled,
       map = props.map,
+      onClick = props.onClick,
+      onHover = props.onHover,
       onCreated = props.onCreated;
   var map4dContext = React.useContext(Map4dContext);
   var theMap = map || map4dContext.map;
@@ -1618,6 +1659,16 @@ var MFPolyline = function MFPolyline(props) {
       (_polylineRef$current4 = polylineRef.current) === null || _polylineRef$current4 === void 0 ? void 0 : _polylineRef$current4.setMap(null);
     };
   }, []);
+  React.useEffect(function () {
+    if (polylineRef.current) {
+      polylineRef.current.onHover = onHover;
+    }
+  }, [onHover]);
+  React.useEffect(function () {
+    if (polylineRef.current) {
+      polylineRef.current.onClick = onClick;
+    }
+  }, [onClick]);
   React.useEffect(function () {
     var _polylineRef$current5;