@opengeoweb/webmap-react 9.35.0 → 9.36.0

package/index.esm.js

@@ -1948,8 +1948,9 @@ var MapDraw = /*#__PURE__*/function (_React$PureComponent) {
               screenCoords: result.screenCoords
             };
             onHoverFeature(_this2.featureEvent);
-          } else {
+          } else if (_this2.featureEvent) {
             _this2.featureEvent = undefined;
+            onHoverFeature(undefined);
           }
           var webmapjs = webmapUtils.getWMJSMapById(mapId);
           webmapjs && webmapjs.draw('MapDraw::onHoverFeature');
@@ -2809,7 +2810,8 @@ var MapDraw = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props9 = this.props,
         selectedFeatureIndex = _this$props9.selectedFeatureIndex,
         isInEditMode = _this$props9.isInEditMode,
-        mapId = _this$props9.mapId;
+        mapId = _this$props9.mapId,
+        linkedFeatures = _this$props9.linkedFeatures;
       if (!((_this$geojson3 = this.geojson) !== null && _this$geojson3 !== void 0 && (_this$geojson3 = _this$geojson3.features) !== null && _this$geojson3 !== void 0 && _this$geojson3.length)) {
         return;
       }
@@ -2969,8 +2971,8 @@ var MapDraw = /*#__PURE__*/function (_React$PureComponent) {
       }
       /* Draw selected feature to display it on top */
       drawFeatureGeometry(this.getSelectedFeature(), selectedFeatureIndex);
-      /* Higlight polygon with mousehover */
-      if (isInEditMode === true && this.mouseOverPolygonFeatureIndex === selectedFeatureIndex && this.mouseIsOverVertexNr === VERTEX.NONE && this.snappedPolygonIndex === SNAPPEDFEATURE.NONE && this.selectedEdge === EDGE.NONE || this.mouseIsOverVertexNr === VERTEX.MIDDLE_POINT_OF_FEATURE) {
+      /* Highlight polygon with mousehover */
+      if (isInEditMode === true && this.mouseOverPolygonFeatureIndex === selectedFeatureIndex && this.mouseIsOverVertexNr === VERTEX.NONE && this.snappedPolygonIndex === SNAPPEDFEATURE.NONE && this.selectedEdge === EDGE.NONE || this.mouseIsOverVertexNr === VERTEX.MIDDLE_POINT_OF_FEATURE || linkedFeatures) {
         var _feature3 = this.getSelectedFeature();
         var featureProperties = _feature3.properties;
         if (this.mouseOverPolygonCoordinates.length >= 2) {
@@ -3491,6 +3493,7 @@ MapDraw.defaultProps = {
 
 var MapDrawContainer = function MapDrawContainer(_ref) {
   var featureLayers = _ref.featureLayers,
+    linkedFeatures = _ref.linkedFeatures,
     mapId = _ref.mapId;
   return jsx(Fragment, {
     children: featureLayers.map(function (layer) {
@@ -3501,6 +3504,7 @@ var MapDrawContainer = function MapDrawContainer(_ref) {
         },
         children: jsx(MapDraw, {
           geojson: layer.geojson,
+          linkedFeatures: linkedFeatures,
           isInEditMode: layer.isInEditMode,
           isInDeleteMode: layer.isInDeleteMode,
           drawMode: layer.drawMode,
@@ -7404,7 +7408,8 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
         passiveMap = _this$props5.passiveMap,
         children = _this$props5.children,
         onClick = _this$props5.onClick,
-        mapId = _this$props5.mapId;
+        mapId = _this$props5.mapId,
+        linkedFeatures = _this$props5.linkedFeatures;
       var adagucInitialised = this.state.adagucInitialised;
       var featureLayers = getFeatureLayers(children);
       // TODO: Improve in https://gitlab.com/opengeoweb/opengeoweb/-/issues/4579
@@ -7467,6 +7472,7 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
               children: children
             }), adagucInitialised && featureLayers && featureLayers.length ? jsx(MapDrawContainer, {
               featureLayers: featureLayers,
+              linkedFeatures: linkedFeatures,
               mapId: mapId
             }) : null]
           }), passiveMap &&

package/package.json

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

package/src/lib/components/MapDraw/MapDraw.d.ts

@@ -28,6 +28,7 @@ export interface FeatureEvent {
 export interface MapDrawProps {
     mapId: string;
     geojson: GeoJSON.FeatureCollection;
+    linkedFeatures?: GeoJSON.FeatureCollection;
     drawMode: string;
     deletePolygonCallback?: string;
     exitDrawModeCallback: (reason: DrawModeExitCallback, newGeoJSON?: GeoJSON.FeatureCollection) => void;

package/src/lib/components/MapDraw/MapDrawContainer.d.ts

@@ -17,6 +17,7 @@ export interface FeatureLayer {
 }
 interface MapDrawContainerProps {
     featureLayers: FeatureLayer[];
+    linkedFeatures?: GeoJSON.FeatureCollection;
     mapId: string;
 }
 export declare const MapDrawContainer: React.FC<MapDrawContainerProps>;

package/src/lib/components/ReactMapView/types.d.ts

@@ -31,6 +31,7 @@ export interface ReactMapViewProps {
     holdShiftToScroll?: boolean;
     shouldDisablePrefetching?: boolean;
     t?: TFunction;
+    linkedFeatures?: GeoJSON.FeatureCollection;
     onWMJSMount?: (mapId: string) => void;
     onWMJSUnMount?: (mapId: string) => void;
     onMapChangeDimension?: (payload: SetMapDimensionPayload) => void;
@@ -46,6 +47,9 @@ export interface MapLocation {
     projectionX?: number;
     projectionY?: number;
     srs?: string;
+    id?: string;
+    serviceId?: string;
+    collectionId?: string;
 }
 export interface MapPinLocationPayload {
     mapId: string;