react-map4d-map 1.2.2 → 1.2.4

package/dist/components/MFDirectionsRenderer.d.ts

@@ -23,6 +23,9 @@ interface DirectionsRendererProps {
     map?: map4d.Map;
     onCreated?: (directionsRenderer?: map4d.DirectionsRenderer) => void;
     onHover?: (directions: any) => void;
+    onMouseOut?: (marker: any) => void;
+    onMouseOver?: (marker: any) => void;
+    onMouseMove?: (marker: any) => void;
 }
 declare const MFDirectionsRenderer: (props: DirectionsRendererProps) => null;
 export default MFDirectionsRenderer;

package/dist/components/MFMarker.d.ts

@@ -28,6 +28,9 @@ interface MarkerProps {
     onRightClick?: (marker: any) => void;
     onDragEnd?: (marker: any) => void;
     onHover?: (marker: any) => void;
+    onMouseOut?: (marker: any) => void;
+    onMouseOver?: (marker: any) => void;
+    onMouseMove?: (marker: any) => void;
 }
 declare const MFMarker: (props: MarkerProps) => null;
 export default MFMarker;

package/dist/components/MFPolyline.d.ts

@@ -14,6 +14,9 @@ interface PolylineProps {
     onCreated?: (polyline: map4d.Polyline) => void;
     onHover?: (polyline: any) => void;
     onClick?: (polyline: any) => void;
+    onMouseOut?: (marker: any) => void;
+    onMouseOver?: (marker: any) => void;
+    onMouseMove?: (marker: any) => void;
 }
 declare const MFPolyline: (props: PolylineProps) => null;
 export default MFPolyline;

package/dist/enum/mapEventEnum.d.ts

@@ -4,5 +4,8 @@ export declare const enum MapEventEnum {
     dragEnd = "dragEnd",
     cameraChanging = "cameraChanging",
     tilesLoaded = "tilesLoaded",
-    hover = "hover"
+    hover = "hover",
+    mouseOut = "mouseOut",
+    mouseMove = "mouseMove",
+    mouseOver = "mouseOver"
 }

package/dist/index.js

@@ -444,7 +444,10 @@ var MFDirectionsRenderer = function MFDirectionsRenderer(props) {
       onMarkerDragEnd = props.onMarkerDragEnd,
       map = props.map,
       onHover = props.onHover,
-      onCreated = props.onCreated;
+      onCreated = props.onCreated,
+      onMouseOut = props.onMouseOut,
+      onMouseOver = props.onMouseOver,
+      onMouseMove = props.onMouseMove;
   var map4dContext = React.useContext(Map4dContext);
   var theMap = map || map4dContext.map;
   var directionRef = React.useRef();
@@ -478,6 +481,9 @@ var MFDirectionsRenderer = function MFDirectionsRenderer(props) {
       directionRef.current = new map4d.DirectionsRenderer(option);
       (_directionRef$current = directionRef.current) === null || _directionRef$current === void 0 ? void 0 : _directionRef$current.setMap(theMap);
       directionRef.current.onHover = props.onHover;
+      directionRef.current.onMouseOut = onMouseOut;
+      directionRef.current.onMouseOver = onMouseOver;
+      directionRef.current.onMouseMove = onMouseMove;
       onCreated && onCreated(directionRef.current);
     }
   }, [theMap]);
@@ -486,6 +492,21 @@ var MFDirectionsRenderer = function MFDirectionsRenderer(props) {
       directionRef.current.onHover = onHover;
     }
   }, [onHover]);
+  React.useEffect(function () {
+    if (directionRef.current) {
+      directionRef.current.onMouseOut = onMouseOut;
+    }
+  }, [onMouseOut]);
+  React.useEffect(function () {
+    if (directionRef.current) {
+      directionRef.current.onMouseOver = onMouseOver;
+    }
+  }, [onMouseOver]);
+  React.useEffect(function () {
+    if (directionRef.current) {
+      directionRef.current.onMouseMove = onMouseMove;
+    }
+  }, [onMouseMove]);
   React.useEffect(function () {
     if (theMap) {
       var _directionRef$current2;
@@ -818,7 +839,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, _mapRef$current9;
+    var _mapRef$current2, _mapRef$current3, _mapRef$current4, _mapRef$current5, _mapRef$current6, _mapRef$current7, _mapRef$current8, _mapRef$current9, _mapRef$current10, _mapRef$current11, _mapRef$current12, _mapRef$current13, _mapRef$current14, _mapRef$current15, _mapRef$current16, _mapRef$current17, _mapRef$current18;
 
     var eventClickMarker = (_mapRef$current2 = mapRef.current) === null || _mapRef$current2 === void 0 ? void 0 : _mapRef$current2.addListener("click", function (args) {
       var _args$marker, _args$marker2;
@@ -876,12 +897,75 @@ var MFMap = function MFMap(props) {
     }, {
       polyline: true
     });
-    events.current = events.current.concat([eventClickMarker, eventRightClickMarker, eventDragEndMarker, eventHoverMarker, eventHoverPolygon, eventHoverPolyline, eventHoverDirection, eventClickPolyline]);
+    var eventMouseOutDirection = (_mapRef$current10 = mapRef.current) === null || _mapRef$current10 === void 0 ? void 0 : _mapRef$current10.addListener("mouseOut", function (args) {
+      var _args$renderer3, _args$renderer4;
+
+      ((_args$renderer3 = args.renderer) === null || _args$renderer3 === void 0 ? void 0 : _args$renderer3.onMouseOut) && ((_args$renderer4 = args.renderer) === null || _args$renderer4 === void 0 ? void 0 : _args$renderer4.onMouseOut());
+    }, {
+      directions: true
+    });
+    var eventMouseOverDirection = (_mapRef$current11 = mapRef.current) === null || _mapRef$current11 === void 0 ? void 0 : _mapRef$current11.addListener("mouseOver", function (args) {
+      var _args$renderer5, _args$renderer6;
+
+      ((_args$renderer5 = args.renderer) === null || _args$renderer5 === void 0 ? void 0 : _args$renderer5.onMouseOver) && ((_args$renderer6 = args.renderer) === null || _args$renderer6 === void 0 ? void 0 : _args$renderer6.onMouseOver());
+    }, {
+      directions: true
+    });
+    var eventMouseMoveDirection = (_mapRef$current12 = mapRef.current) === null || _mapRef$current12 === void 0 ? void 0 : _mapRef$current12.addListener("mouseMove", function (args) {
+      var _args$renderer7, _args$renderer8;
+
+      ((_args$renderer7 = args.renderer) === null || _args$renderer7 === void 0 ? void 0 : _args$renderer7.onMouseMove) && ((_args$renderer8 = args.renderer) === null || _args$renderer8 === void 0 ? void 0 : _args$renderer8.onMouseMove());
+    }, {
+      directions: true
+    });
+    var eventMouseOutPolyline = (_mapRef$current13 = mapRef.current) === null || _mapRef$current13 === void 0 ? void 0 : _mapRef$current13.addListener("mouseOut", function (args) {
+      var _args$polyline5, _args$polyline6;
+
+      ((_args$polyline5 = args.polyline) === null || _args$polyline5 === void 0 ? void 0 : _args$polyline5.onMouseOut) && ((_args$polyline6 = args.polyline) === null || _args$polyline6 === void 0 ? void 0 : _args$polyline6.onMouseOut());
+    }, {
+      polyline: true
+    });
+    var eventMouseOverPolyline = (_mapRef$current14 = mapRef.current) === null || _mapRef$current14 === void 0 ? void 0 : _mapRef$current14.addListener("mouseOver", function (args) {
+      var _args$polyline7, _args$polyline8;
+
+      ((_args$polyline7 = args.polyline) === null || _args$polyline7 === void 0 ? void 0 : _args$polyline7.onMouseOver) && ((_args$polyline8 = args.polyline) === null || _args$polyline8 === void 0 ? void 0 : _args$polyline8.onMouseOver());
+    }, {
+      polyline: true
+    });
+    var eventMouseMovePolyline = (_mapRef$current15 = mapRef.current) === null || _mapRef$current15 === void 0 ? void 0 : _mapRef$current15.addListener("mouseMove", function (args) {
+      var _args$polyline9, _args$polyline10;
+
+      ((_args$polyline9 = args.polyline) === null || _args$polyline9 === void 0 ? void 0 : _args$polyline9.onMouseMove) && ((_args$polyline10 = args.polyline) === null || _args$polyline10 === void 0 ? void 0 : _args$polyline10.onMouseMove());
+    }, {
+      polyline: true
+    });
+    var eventMouseOutMarker = (_mapRef$current16 = mapRef.current) === null || _mapRef$current16 === void 0 ? void 0 : _mapRef$current16.addListener("mouseOut", function (args) {
+      var _args$marker9, _args$marker10;
+
+      ((_args$marker9 = args.marker) === null || _args$marker9 === void 0 ? void 0 : _args$marker9.onMouseOut) && ((_args$marker10 = args.marker) === null || _args$marker10 === void 0 ? void 0 : _args$marker10.onMouseOut());
+    }, {
+      marker: true
+    });
+    var eventMouseOverMarker = (_mapRef$current17 = mapRef.current) === null || _mapRef$current17 === void 0 ? void 0 : _mapRef$current17.addListener("mouseOver", function (args) {
+      var _args$marker11, _args$marker12;
+
+      ((_args$marker11 = args.marker) === null || _args$marker11 === void 0 ? void 0 : _args$marker11.onMouseOver) && ((_args$marker12 = args.marker) === null || _args$marker12 === void 0 ? void 0 : _args$marker12.onMouseOver());
+    }, {
+      marker: true
+    });
+    var eventMouseMoveMarker = (_mapRef$current18 = mapRef.current) === null || _mapRef$current18 === void 0 ? void 0 : _mapRef$current18.addListener("mouseMove", function (args) {
+      var _args$marker13, _args$marker14;
+
+      ((_args$marker13 = args.marker) === null || _args$marker13 === void 0 ? void 0 : _args$marker13.onMouseMove) && ((_args$marker14 = args.marker) === null || _args$marker14 === void 0 ? void 0 : _args$marker14.onMouseMove());
+    }, {
+      marker: true
+    });
+    events.current = events.current.concat([eventClickMarker, eventRightClickMarker, eventDragEndMarker, eventHoverMarker, eventHoverPolygon, eventHoverPolyline, eventHoverDirection, eventClickPolyline, eventMouseOutDirection, eventMouseOverDirection, eventMouseMoveDirection, eventMouseOutPolyline, eventMouseOverPolyline, eventMouseMovePolyline, eventMouseOutMarker, eventMouseOverMarker, eventMouseMoveMarker]);
 
     if (props.onClickLocation) {
-      var _mapRef$current10;
+      var _mapRef$current19;
 
-      var onClickLocation = (_mapRef$current10 = mapRef.current) === null || _mapRef$current10 === void 0 ? void 0 : _mapRef$current10.addListener("click", function (args) {
+      var onClickLocation = (_mapRef$current19 = mapRef.current) === null || _mapRef$current19 === void 0 ? void 0 : _mapRef$current19.addListener("click", function (args) {
         props.onClickLocation && props.onClickLocation(args);
       }, {
         location: true
@@ -890,9 +974,9 @@ var MFMap = function MFMap(props) {
     }
 
     if (props.onRightClickLocation) {
-      var _mapRef$current11;
+      var _mapRef$current20;
 
-      var onRightClickLocation = (_mapRef$current11 = mapRef.current) === null || _mapRef$current11 === void 0 ? void 0 : _mapRef$current11.addListener("rightClick", function (args) {
+      var onRightClickLocation = (_mapRef$current20 = mapRef.current) === null || _mapRef$current20 === void 0 ? void 0 : _mapRef$current20.addListener("rightClick", function (args) {
         props.onRightClickLocation && props.onRightClickLocation(args);
       }, {
         location: true
@@ -901,9 +985,9 @@ var MFMap = function MFMap(props) {
     }
 
     if (props.onTilesLoaded) {
-      var _mapRef$current12;
+      var _mapRef$current21;
 
-      var onTilesLoaded = (_mapRef$current12 = mapRef.current) === null || _mapRef$current12 === void 0 ? void 0 : _mapRef$current12.addListener("tilesLoaded", function (args) {
+      var onTilesLoaded = (_mapRef$current21 = mapRef.current) === null || _mapRef$current21 === void 0 ? void 0 : _mapRef$current21.addListener("tilesLoaded", function (args) {
         props.onTilesLoaded && props.onTilesLoaded(args);
       }, {
         location: true
@@ -912,9 +996,9 @@ var MFMap = function MFMap(props) {
     }
 
     if (props.onCameraChanging) {
-      var _mapRef$current13;
+      var _mapRef$current22;
 
-      var onCameraChanging = (_mapRef$current13 = mapRef.current) === null || _mapRef$current13 === void 0 ? void 0 : _mapRef$current13.addListener("cameraChanging", function (args) {
+      var onCameraChanging = (_mapRef$current22 = mapRef.current) === null || _mapRef$current22 === void 0 ? void 0 : _mapRef$current22.addListener("cameraChanging", function (args) {
         props.onCameraChanging && props.onCameraChanging(args);
       }, {
         location: true
@@ -965,7 +1049,10 @@ var MFMarker = function MFMarker(props) {
       onClick = props.onClick,
       onRightClick = props.onRightClick,
       onDragEnd = props.onDragEnd,
-      onHover = props.onHover;
+      onHover = props.onHover,
+      onMouseOut = props.onMouseOut,
+      onMouseOver = props.onMouseOver,
+      onMouseMove = props.onMouseMove;
   var map4dContext = React.useContext(Map4dContext);
   var markerClusterContext = React.useContext(MarkerClusterContext);
   var theMap = map || map4dContext.map;
@@ -1017,13 +1104,18 @@ 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;
       markerRef.current.onRightClick = props.onRightClick;
       markerRef.current.onDragEnd = props.onDragEnd;
       markerRef.current.onHover = props.onHover;
+      markerRef.current.onMouseOut = onMouseOut;
+      markerRef.current.onMouseOver = onMouseOver;
+      markerRef.current.onMouseMove = onMouseMove;
       onCreated && onCreated(markerRef.current);
       (markerClusterContext === null || markerClusterContext === void 0 ? void 0 : markerClusterContext.addMarker) && (markerClusterContext === null || markerClusterContext === void 0 ? void 0 : markerClusterContext.addMarker(markerRef.current));
     }
@@ -1031,26 +1123,26 @@ 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));
@@ -1061,6 +1153,21 @@ var MFMarker = function MFMarker(props) {
       markerRef.current.onHover = onHover;
     }
   }, [onHover]);
+  React.useEffect(function () {
+    if (markerRef.current) {
+      markerRef.current.onMouseOut = onMouseOut;
+    }
+  }, [onMouseOut]);
+  React.useEffect(function () {
+    if (markerRef.current) {
+      markerRef.current.onMouseOver = onMouseOver;
+    }
+  }, [onMouseOver]);
+  React.useEffect(function () {
+    if (markerRef.current) {
+      markerRef.current.onMouseMove = onMouseMove;
+    }
+  }, [onMouseMove]);
   React.useEffect(function () {
     if (markerRef.current) {
       markerRef.current.onClick = onClick;
@@ -1077,98 +1184,100 @@ var MFMarker = function MFMarker(props) {
     }
   }, [onDragEnd]);
   React.useEffect(function () {
-    var _markerRef$current4;
+    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;
@@ -1599,7 +1708,10 @@ var MFPolyline = function MFPolyline(props) {
       map = props.map,
       onClick = props.onClick,
       onHover = props.onHover,
-      onCreated = props.onCreated;
+      onCreated = props.onCreated,
+      onMouseOut = props.onMouseOut,
+      onMouseOver = props.onMouseOver,
+      onMouseMove = props.onMouseMove;
   var map4dContext = React.useContext(Map4dContext);
   var theMap = map || map4dContext.map;
   var polylineRef = React.useRef();
@@ -1632,6 +1744,9 @@ var MFPolyline = function MFPolyline(props) {
       (_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;
+      polylineRef.current.onMouseOut = onMouseOut;
+      polylineRef.current.onMouseOver = onMouseOver;
+      polylineRef.current.onMouseMove = onMouseMove;
       onCreated && onCreated(polylineRef.current);
     }
   }, [theMap]);
@@ -1660,6 +1775,21 @@ var MFPolyline = function MFPolyline(props) {
       polylineRef.current.onHover = onHover;
     }
   }, [onHover]);
+  React.useEffect(function () {
+    if (polylineRef.current) {
+      polylineRef.current.onMouseOut = onMouseOut;
+    }
+  }, [onMouseOut]);
+  React.useEffect(function () {
+    if (polylineRef.current) {
+      polylineRef.current.onMouseOver = onMouseOver;
+    }
+  }, [onMouseOver]);
+  React.useEffect(function () {
+    if (polylineRef.current) {
+      polylineRef.current.onMouseMove = onMouseMove;
+    }
+  }, [onMouseMove]);
   React.useEffect(function () {
     if (polylineRef.current) {
       polylineRef.current.onClick = onClick;