react-map4d-map 1.3.3 → 1.3.4

package/dist/components/MFBuilding.d.ts

@@ -11,7 +11,7 @@ interface BuildingProps {
     zIndex?: number;
     visible?: boolean;
     draggable?: boolean;
-    userInteractionEnabled?: boolean;
+    clickable?: boolean;
     selected?: boolean;
     growUp?: boolean;
     map?: map4d.Map;

package/dist/components/MFCircle.d.ts

@@ -9,7 +9,7 @@ interface CircleProps {
     draggable?: boolean;
     zIndex?: number;
     elevation?: number;
-    userInteractionEnabled?: boolean;
+    clickable?: boolean;
     map?: map4d.Map;
     onCreated?: (circle: map4d.Circle) => void;
 }

package/dist/components/MFMarker.d.ts

@@ -18,7 +18,7 @@ interface MarkerProps {
     label?: any;
     draggable?: boolean;
     iconView?: string | Node;
-    userInteractionEnabled?: boolean;
+    clickable?: boolean;
     map?: any;
     infoWindow?: string | Node;
     infoContents?: string | Node;

package/dist/components/MFPOI.d.ts

@@ -9,7 +9,7 @@ interface POIProps extends map4d.POIOptions {
     zIndex?: number;
     visible?: boolean;
     draggable?: boolean;
-    userInteractionEnabled?: boolean;
+    clickable?: boolean;
     map?: map4d.Map;
     onCreated?: (poi: map4d.POI) => void;
     onClick?: (args: any) => void;

package/dist/components/MFPolygon.d.ts

@@ -8,7 +8,7 @@ interface PolygonProps {
     draggable?: boolean;
     zIndex?: number;
     elevation?: number;
-    userInteractionEnabled?: boolean;
+    clickable?: boolean;
     map?: map4d.Map;
     onCreated?: (polygon: map4d.Polygon) => void;
     onHover?: (args: any) => void;

package/dist/components/MFPolyline.d.ts

@@ -9,7 +9,7 @@ interface PolylineProps {
     zIndex?: number;
     elevation?: number;
     strokePattern?: any;
-    userInteractionEnabled?: boolean;
+    clickable?: boolean;
     map?: map4d.Map;
     onCreated?: (polyline: map4d.Polyline) => void;
     onHover?: (args: any) => void;

package/dist/index.js

@@ -26,7 +26,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,
@@ -53,7 +53,7 @@ var MFBuilding = function MFBuilding(props) {
         coordinates: coordinates,
         visible: visible,
         draggable: draggable,
-        userInteractionEnabled: userInteractionEnabled,
+        clickable: clickable,
         selected: selected,
         growUp: growUp
       };
@@ -147,8 +147,8 @@ var MFBuilding = function MFBuilding(props) {
   React.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]);
   React.useEffect(function () {
     var _buildingRef$current17;
 
@@ -250,7 +250,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 = React.useContext(Map4dContext);
@@ -274,7 +274,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) {
@@ -377,12 +377,12 @@ var MFCircle = function MFCircle(props) {
     }
   }, [elevation]);
   React.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;
 };
 
@@ -1074,7 +1074,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,
@@ -1107,7 +1107,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) {
@@ -1287,8 +1287,8 @@ var MFMarker = function MFMarker(props) {
   React.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]);
   React.useEffect(function () {
     var _markerRef$current21;
 
@@ -1418,7 +1418,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,
@@ -1444,7 +1444,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) {
@@ -1531,8 +1531,8 @@ var MFPOI = function MFPOI(props) {
   React.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]);
   React.useEffect(function () {
     if (poiRef.current) {
       poiRef.current.onClick = onClick;
@@ -1625,7 +1625,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;
@@ -1647,7 +1647,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) {
@@ -1742,8 +1742,8 @@ var MFPolygon = function MFPolygon(props) {
   React.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;
 };
 
@@ -1759,7 +1759,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,
@@ -1788,7 +1788,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) {
@@ -1903,8 +1903,8 @@ var MFPolyline = function MFPolyline(props) {
   React.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;
 };