@opengeoweb/webmap-react 19.2.0 → 19.4.0

package/dist/index.esm.js

@@ -5903,6 +5903,7 @@ var FeatureLayer = function FeatureLayer(_ref) {
     hoverSelect = _ref.hoverSelect,
     clickOnFeature = _ref.clickOnFeature,
     boxSelect = _ref.boxSelect,
+    layerId = _ref.layerId,
     testId = _ref.testId,
     opacity = _ref.opacity,
     _ref$declutter = _ref.declutter,
@@ -5928,6 +5929,7 @@ var FeatureLayer = function FeatureLayer(_ref) {
       zIndex: zIndex,
       style: style,
       properties: {
+        layerId: layerId,
         testId: testId
       },
       opacity: opacity,
@@ -5945,7 +5947,7 @@ var FeatureLayer = function FeatureLayer(_ref) {
     };
     // NOTE: style should not be part of this effect, as it changes always, causing the layer to be add/removed continuousely.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [map, zIndex, testId, visible]);
+  }, [layerId, map, zIndex, testId, visible]);
   useEffect(function () {
     // Handle style function:
     if (layerRef.current && style) {
@@ -6113,6 +6115,7 @@ var OpenLayersFeatureLayer = function OpenLayersFeatureLayer(_ref) {
     hoverSelect = _ref.hoverSelect,
     clickOnFeature = _ref.clickOnFeature,
     boxSelect = _ref.boxSelect,
+    layerId = _ref.layerId,
     testId = _ref.testId,
     opacity = _ref.opacity,
     _ref$declutter = _ref.declutter,
@@ -6144,6 +6147,7 @@ var OpenLayersFeatureLayer = function OpenLayersFeatureLayer(_ref) {
     declutter: declutter,
     features: features.current,
     hoverSelect: hoverSelect,
+    layerId: layerId,
     opacity: opacity,
     style: style,
     testId: testId,
@@ -7482,12 +7486,18 @@ var TimeAwareWMTSLayer = function TimeAwareWMTSLayer(_ref) {
     map.addLayer(layer);
     setLayer(layer);
     setSource(source);
+    if (wmLayer) {
+      wmLayer.olSource = source;
+    }
     return function () {
       map.removeLayer(layer);
       setLayer(undefined);
+      if (wmLayer) {
+        wmLayer.olSource = null;
+      }
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [map, TimeAwareWMTSLayer]);
+  }, [map, TimeAwareWMTSLayer, wmLayer]);
   useEffect(function () {
     if (dimensions) {
       source === null || source === void 0 || source.updateDimensions(WMTSDimensionsFromDimensions(dimensions));
@@ -8229,7 +8239,8 @@ var OpenLayersGetFeatureInfo = function OpenLayersGetFeatureInfo(_ref) {
   var displayMapPin = _ref.displayMapPin,
     disableMapPin = _ref.disableMapPin,
     mapPinLocation = _ref.mapPinLocation,
-    selectLocation = _ref.selectLocation;
+    selectLocation = _ref.selectLocation,
+    shouldHandleClick = _ref.shouldHandleClick;
   var _useContext = useContext(MapContext),
     map = _useContext.map;
   var _useIconStyle = useIconStyle({
@@ -8257,6 +8268,9 @@ var OpenLayersGetFeatureInfo = function OpenLayersGetFeatureInfo(_ref) {
       return function () {};
     }
     var key = map.on('click', function (e) {
+      if (shouldHandleClick && !shouldHandleClick(e)) {
+        return;
+      }
       var projection = map.getView().getProjection();
       var resolution = map.getView().getResolution();
       var location = toLonLat(e.coordinate, projection);
@@ -8272,7 +8286,7 @@ var OpenLayersGetFeatureInfo = function OpenLayersGetFeatureInfo(_ref) {
     return function () {
       unByKey(key);
     };
-  }, [map, displayMapPin, selectLocation]);
+  }, [map, displayMapPin, selectLocation, shouldHandleClick]);
   if (!displayMapPin) {
     return null;
   }

package/dist/src/lib/components/OpenLayers/controls/OpenLayersGetFeatureInfo.d.ts

@@ -1,8 +1,10 @@
+import type { MapBrowserEvent } from 'ol';
 import type { MapLocation } from '../../../types/types';
 export interface OpenLayersGetFeatureInfoProps {
     displayMapPin?: boolean;
     disableMapPin?: boolean;
     mapPinLocation?: MapLocation;
     selectLocation: (location: MapLocation) => void;
+    shouldHandleClick?: (event: MapBrowserEvent<KeyboardEvent | WheelEvent | PointerEvent>) => boolean;
 }
 export declare const OpenLayersGetFeatureInfo: React.FC<OpenLayersGetFeatureInfoProps>;

package/dist/src/lib/components/OpenLayers/layers/FeatureLayer.d.ts

@@ -8,6 +8,7 @@ export interface FeatureLayerProps {
     hoverSelect?: HoverSelect;
     clickOnFeature?: ClickOnFeature;
     boxSelect?: BoxSelect;
+    layerId?: string;
     testId?: string;
     opacity?: number;
     declutter?: boolean;

package/dist/src/lib/components/OpenLayers/layers/OpenLayersFeatureLayer.d.ts

@@ -8,6 +8,7 @@ export interface OpenLayersFeatureLayerProps {
     hoverSelect?: HoverSelect;
     clickOnFeature?: ClickOnFeature;
     boxSelect?: BoxSelect;
+    layerId?: string;
     testId?: string;
     opacity?: number;
     declutter?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap-react",
-  "version": "19.2.0",
+  "version": "19.4.0",
   "description": "GeoWeb react wrapper for webmap",
   "license": "Apache-2.0",
   "repository": {