react-map4d-map 1.3.3 → 1.3.4

package/dist/index.modern.js

@@ -23,7 +23,7 @@ var MFBuilding = function MFBuilding(props) {
       coordinates = props.coordinates,
       visible = props.visible,
       draggable = props.draggable,
-      userInteractionEnabled = props.userInteractionEnabled,
+      clickable = props.clickable,
       selected = props.selected,
       growUp = props.growUp,
       map = props.map,
@@ -50,7 +50,7 @@ var MFBuilding = function MFBuilding(props) {
         coordinates: coordinates,
         visible: visible,
         draggable: draggable,
-        userInteractionEnabled: userInteractionEnabled,
+        clickable: clickable,
         selected: selected,
         growUp: growUp
       };
@@ -144,8 +144,8 @@ var MFBuilding = function MFBuilding(props) {
   useEffect(function () {
     var _buildingRef$current16;
 
-    userInteractionEnabled != undefined && ((_buildingRef$current16 = buildingRef.current) === null || _buildingRef$current16 === void 0 ? void 0 : _buildingRef$current16.setUserInteraction(userInteractionEnabled));
-  }, [userInteractionEnabled]);
+    clickable != undefined && ((_buildingRef$current16 = buildingRef.current) === null || _buildingRef$current16 === void 0 ? void 0 : _buildingRef$current16.setClickable(clickable));
+  }, [clickable]);
   useEffect(function () {
     var _buildingRef$current17;
 
@@ -247,7 +247,7 @@ var MFCircle = function MFCircle(props) {
       draggable = props.draggable,
       zIndex = props.zIndex,
       elevation = props.elevation,
-      userInteractionEnabled = props.userInteractionEnabled,
+      clickable = props.clickable,
       map = props.map,
       onCreated = props.onCreated;
   var map4dContext = useContext(Map4dContext);
@@ -271,7 +271,7 @@ var MFCircle = function MFCircle(props) {
         draggable: draggable,
         zIndex: zIndex,
         elevation: elevation,
-        userInteractionEnabled: userInteractionEnabled
+        clickable: clickable
       };
       Object.keys(option).forEach(function (key) {
         if (option[key] == undefined || option[key] == null) {
@@ -374,12 +374,12 @@ var MFCircle = function MFCircle(props) {
     }
   }, [elevation]);
   useEffect(function () {
-    if (VariableTool.hasValue(userInteractionEnabled)) {
+    if (VariableTool.hasValue(clickable)) {
       var _circleRef$current15;
 
-      (_circleRef$current15 = circleRef.current) === null || _circleRef$current15 === void 0 ? void 0 : _circleRef$current15.setUserInteraction(userInteractionEnabled);
+      (_circleRef$current15 = circleRef.current) === null || _circleRef$current15 === void 0 ? void 0 : _circleRef$current15.setClickable(clickable);
     }
-  }, [userInteractionEnabled]);
+  }, [clickable]);
   return null;
 };
 
@@ -1071,7 +1071,7 @@ var MFMarker = function MFMarker(props) {
       label = props.label,
       draggable = props.draggable,
       iconView = props.iconView,
-      userInteractionEnabled = props.userInteractionEnabled,
+      clickable = props.clickable,
       map = props.map,
       onCreated = props.onCreated,
       onClick = props.onClick,
@@ -1104,7 +1104,7 @@ var MFMarker = function MFMarker(props) {
         label: label,
         draggable: draggable,
         iconView: iconView,
-        userInteractionEnabled: userInteractionEnabled
+        clickable: clickable
       };
       Object.keys(option).forEach(function (key) {
         if (option[key] == undefined || option[key] == null) {
@@ -1284,8 +1284,8 @@ var MFMarker = function MFMarker(props) {
   useEffect(function () {
     var _markerRef$current20;
 
-    userInteractionEnabled != undefined && ((_markerRef$current20 = markerRef.current) === null || _markerRef$current20 === void 0 ? void 0 : _markerRef$current20.setUserInteraction(userInteractionEnabled));
-  }, [userInteractionEnabled]);
+    clickable != undefined && ((_markerRef$current20 = markerRef.current) === null || _markerRef$current20 === void 0 ? void 0 : _markerRef$current20.setClickable(clickable));
+  }, [clickable]);
   useEffect(function () {
     var _markerRef$current21;
 
@@ -1415,7 +1415,7 @@ var MFPOI = function MFPOI(props) {
       zIndex = props.zIndex,
       visible = props.visible,
       draggable = props.draggable,
-      userInteractionEnabled = props.userInteractionEnabled,
+      clickable = props.clickable,
       map = props.map,
       onCreated = props.onCreated,
       onClick = props.onClick,
@@ -1441,7 +1441,7 @@ var MFPOI = function MFPOI(props) {
         zIndex: zIndex,
         visible: visible,
         draggable: draggable,
-        userInteractionEnabled: userInteractionEnabled
+        clickable: clickable
       };
       Object.keys(option).forEach(function (key) {
         if (option[key] == undefined || option[key] == null) {
@@ -1528,8 +1528,8 @@ var MFPOI = function MFPOI(props) {
   useEffect(function () {
     var _poiRef$current15;
 
-    userInteractionEnabled != undefined && ((_poiRef$current15 = poiRef.current) === null || _poiRef$current15 === void 0 ? void 0 : _poiRef$current15.setUserInteraction(userInteractionEnabled));
-  }, [userInteractionEnabled]);
+    clickable != undefined && ((_poiRef$current15 = poiRef.current) === null || _poiRef$current15 === void 0 ? void 0 : _poiRef$current15.setClickable(clickable));
+  }, [clickable]);
   useEffect(function () {
     if (poiRef.current) {
       poiRef.current.onClick = onClick;
@@ -1622,7 +1622,7 @@ var MFPolygon = function MFPolygon(props) {
       draggable = props.draggable,
       elevation = props.elevation,
       zIndex = props.zIndex,
-      userInteractionEnabled = props.userInteractionEnabled,
+      clickable = props.clickable,
       map = props.map,
       onHover = props.onHover,
       onCreated = props.onCreated;
@@ -1644,7 +1644,7 @@ var MFPolygon = function MFPolygon(props) {
         draggable: draggable,
         elevation: elevation,
         zIndex: zIndex,
-        userInteractionEnabled: userInteractionEnabled
+        clickable: clickable
       };
       Object.keys(option).forEach(function (key) {
         if (option[key] == undefined || option[key] == null) {
@@ -1739,8 +1739,8 @@ var MFPolygon = function MFPolygon(props) {
   useEffect(function () {
     var _polygonRef$current15;
 
-    userInteractionEnabled != undefined && ((_polygonRef$current15 = polygonRef.current) === null || _polygonRef$current15 === void 0 ? void 0 : _polygonRef$current15.setUserInteraction(userInteractionEnabled));
-  }, [userInteractionEnabled]);
+    clickable != undefined && ((_polygonRef$current15 = polygonRef.current) === null || _polygonRef$current15 === void 0 ? void 0 : _polygonRef$current15.setClickable(clickable));
+  }, [clickable]);
   return null;
 };
 
@@ -1756,7 +1756,7 @@ var MFPolyline = function MFPolyline(props) {
       zIndex = props.zIndex,
       elevation = props.elevation,
       strokePattern = props.strokePattern,
-      userInteractionEnabled = props.userInteractionEnabled,
+      clickable = props.clickable,
       map = props.map,
       onClick = props.onClick,
       onHover = props.onHover,
@@ -1785,7 +1785,7 @@ var MFPolyline = function MFPolyline(props) {
         zIndex: zIndex,
         elevation: elevation,
         strokePattern: strokePattern,
-        userInteractionEnabled: userInteractionEnabled
+        clickable: clickable
       };
       Object.keys(option).forEach(function (key) {
         if (option[key] == undefined || option[key] == null) {
@@ -1900,8 +1900,8 @@ var MFPolyline = function MFPolyline(props) {
   useEffect(function () {
     var _polylineRef$current15;
 
-    userInteractionEnabled != undefined && ((_polylineRef$current15 = polylineRef.current) === null || _polylineRef$current15 === void 0 ? void 0 : _polylineRef$current15.setUserInteraction(userInteractionEnabled));
-  }, [userInteractionEnabled]);
+    clickable != undefined && ((_polylineRef$current15 = polylineRef.current) === null || _polylineRef$current15 === void 0 ? void 0 : _polylineRef$current15.setClickable(clickable));
+  }, [clickable]);
   return null;
 };