react-map4d-map 1.2.0 → 1.2.2

package/dist/components/MFPolyline.d.ts

@@ -13,6 +13,7 @@ interface PolylineProps {
     map?: map4d.Map;
     onCreated?: (polyline: map4d.Polyline) => void;
     onHover?: (polyline: any) => void;
+    onClick?: (polyline: any) => void;
 }
 declare const MFPolyline: (props: PolylineProps) => null;
 export default MFPolyline;

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;
@@ -812,7 +818,7 @@ var MFMap = function MFMap(props) {
   }, [props.environment, props.version, props.accessKey]);
 
   var registerEvent = function registerEvent() {
-    var _mapRef$current2, _mapRef$current3, _mapRef$current4, _mapRef$current5, _mapRef$current6, _mapRef$current7, _mapRef$current8;
+    var _mapRef$current2, _mapRef$current3, _mapRef$current4, _mapRef$current5, _mapRef$current6, _mapRef$current7, _mapRef$current8, _mapRef$current9;
 
     var eventClickMarker = (_mapRef$current2 = mapRef.current) === null || _mapRef$current2 === void 0 ? void 0 : _mapRef$current2.addListener("click", function (args) {
       var _args$marker, _args$marker2;
@@ -863,12 +869,19 @@ var MFMap = function MFMap(props) {
     }, {
       directions: true
     });
-    events.current = events.current.concat([eventClickMarker, eventRightClickMarker, eventDragEndMarker, eventHoverMarker, eventHoverPolygon, eventHoverPolyline, eventHoverDirection]);
+    var eventClickPolyline = (_mapRef$current9 = mapRef.current) === null || _mapRef$current9 === void 0 ? void 0 : _mapRef$current9.addListener("click", function (args) {
+      var _args$polyline3, _args$polyline4;
+
+      ((_args$polyline3 = args.polyline) === null || _args$polyline3 === void 0 ? void 0 : _args$polyline3.onClick) && ((_args$polyline4 = args.polyline) === null || _args$polyline4 === void 0 ? void 0 : _args$polyline4.onClick());
+    }, {
+      polyline: true
+    });
+    events.current = events.current.concat([eventClickMarker, eventRightClickMarker, eventDragEndMarker, eventHoverMarker, eventHoverPolygon, eventHoverPolyline, eventHoverDirection, eventClickPolyline]);
 
     if (props.onClickLocation) {
-      var _mapRef$current9;
+      var _mapRef$current10;
 
-      var onClickLocation = (_mapRef$current9 = mapRef.current) === null || _mapRef$current9 === void 0 ? void 0 : _mapRef$current9.addListener("click", function (args) {
+      var onClickLocation = (_mapRef$current10 = mapRef.current) === null || _mapRef$current10 === void 0 ? void 0 : _mapRef$current10.addListener("click", function (args) {
         props.onClickLocation && props.onClickLocation(args);
       }, {
         location: true
@@ -877,9 +890,9 @@ var MFMap = function MFMap(props) {
     }
 
     if (props.onRightClickLocation) {
-      var _mapRef$current10;
+      var _mapRef$current11;
 
-      var onRightClickLocation = (_mapRef$current10 = mapRef.current) === null || _mapRef$current10 === void 0 ? void 0 : _mapRef$current10.addListener("rightClick", function (args) {
+      var onRightClickLocation = (_mapRef$current11 = mapRef.current) === null || _mapRef$current11 === void 0 ? void 0 : _mapRef$current11.addListener("rightClick", function (args) {
         props.onRightClickLocation && props.onRightClickLocation(args);
       }, {
         location: true
@@ -888,9 +901,9 @@ var MFMap = function MFMap(props) {
     }
 
     if (props.onTilesLoaded) {
-      var _mapRef$current11;
+      var _mapRef$current12;
 
-      var onTilesLoaded = (_mapRef$current11 = mapRef.current) === null || _mapRef$current11 === void 0 ? void 0 : _mapRef$current11.addListener("tilesLoaded", function (args) {
+      var onTilesLoaded = (_mapRef$current12 = mapRef.current) === null || _mapRef$current12 === void 0 ? void 0 : _mapRef$current12.addListener("tilesLoaded", function (args) {
         props.onTilesLoaded && props.onTilesLoaded(args);
       }, {
         location: true
@@ -899,9 +912,9 @@ var MFMap = function MFMap(props) {
     }
 
     if (props.onCameraChanging) {
-      var _mapRef$current12;
+      var _mapRef$current13;
 
-      var onCameraChanging = (_mapRef$current12 = mapRef.current) === null || _mapRef$current12 === void 0 ? void 0 : _mapRef$current12.addListener("cameraChanging", function (args) {
+      var onCameraChanging = (_mapRef$current13 = mapRef.current) === null || _mapRef$current13 === void 0 ? void 0 : _mapRef$current13.addListener("cameraChanging", function (args) {
         props.onCameraChanging && props.onCameraChanging(args);
       }, {
         location: true
@@ -949,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;
@@ -1040,6 +1056,26 @@ var MFMarker = function MFMarker(props) {
       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 () {
+    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$current4;
 
@@ -1437,6 +1473,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;
@@ -1488,6 +1525,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;
 
@@ -1555,6 +1597,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;
@@ -1587,6 +1631,7 @@ var MFPolyline = function MFPolyline(props) {
       polylineRef.current = new map4d.Polyline(option);
       (_polylineRef$current = polylineRef.current) === null || _polylineRef$current === void 0 ? void 0 : _polylineRef$current.setMap(theMap);
       polylineRef.current.onHover = props.onHover;
+      polylineRef.current.onClick = props.onClick;
       onCreated && onCreated(polylineRef.current);
     }
   }, [theMap]);
@@ -1610,6 +1655,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;