@opengeoweb/core 2.4.1 → 2.5.0

package/index.esm.js

@@ -17,6 +17,7 @@ import withStyles from '@mui/styles/withStyles';
 import { debounce as debounce$1 } from 'throttle-debounce';
 import cloneDeep from 'lodash.clonedeep';
 import proj4 from 'proj4';
+import * as turf from '@turf/turf';
 import { createStore, DynamicModuleLoader } from 'redux-dynamic-modules';
 import { getSagaExtension } from 'redux-dynamic-modules-saga';
 import { ThemeWrapper, lightTheme } from '@opengeoweb/theme';
@@ -4866,7 +4867,8 @@ var setServiceMetadata = function setServiceMetadata(wmLayer, mapId, webMapJSIns
         id: wmLayer.service,
         name: wmLayer.title,
         service: wmLayer.service,
-        layers: layers
+        layers: layers,
+        isUserAddedService: false
       },
       layerStyle: {
         origin: origin,
@@ -6560,7 +6562,20 @@ var reducer$2 = function reducer() {
     case GENERIC_SYNC_SETBBOX:
       {
         return produce$1(state, function (draft) {
-          action.payload.targets.forEach(function (payload) {
+          var _action$payload21 = action.payload,
+              targetsFromAction = _action$payload21.targets,
+              source = _action$payload21.source;
+          /* Because we want backwards compatibility with the previous code, we also need to listen to the original source action */
+
+          var targets = [{
+            targetId: source.payload.sourceId,
+            bbox: source.payload.bbox,
+            srs: source.payload.srs
+          }];
+          /* And then append the targets form the action */
+
+          targets.push.apply(targets, _toConsumableArray(targetsFromAction));
+          targets.forEach(function (payload) {
             var targetId = payload.targetId,
                 bbox = payload.bbox,
                 srs = payload.srs;
@@ -6578,9 +6593,9 @@ var reducer$2 = function reducer() {
 
     case WEBMAP_TOGGLE_AUTO_UPDATE:
       {
-        var _action$payload21 = action.payload,
-            _mapId23 = _action$payload21.mapId,
-            shouldAutoUpdate = _action$payload21.shouldAutoUpdate;
+        var _action$payload22 = action.payload,
+            _mapId23 = _action$payload22.mapId,
+            shouldAutoUpdate = _action$payload22.shouldAutoUpdate;
 
         if (!state.byId[_mapId23]) {
           return state;
@@ -6593,9 +6608,9 @@ var reducer$2 = function reducer() {
 
     case WEBMAP_TOGGLE_LOOP:
       {
-        var _action$payload22 = action.payload,
-            _mapId24 = _action$payload22.mapId,
-            shouldLoop = _action$payload22.shouldLoop;
+        var _action$payload23 = action.payload,
+            _mapId24 = _action$payload23.mapId,
+            shouldLoop = _action$payload23.shouldLoop;
 
         if (!state.byId[_mapId24]) {
           return state;
@@ -6608,9 +6623,9 @@ var reducer$2 = function reducer() {
 
     case WEBMAP_TOGGLE_TIMESTEP_AUTO:
       {
-        var _action$payload23 = action.payload,
-            _mapId25 = _action$payload23.mapId,
-            timestepAuto = _action$payload23.timestepAuto;
+        var _action$payload24 = action.payload,
+            _mapId25 = _action$payload24.mapId,
+            timestepAuto = _action$payload24.timestepAuto;
 
         if (!state.byId[_mapId25]) {
           return state;
@@ -6623,9 +6638,9 @@ var reducer$2 = function reducer() {
 
     case WEBMAP_TOGGLE_TIME_SLIDER_HOVER:
       {
-        var _action$payload24 = action.payload,
-            _mapId26 = _action$payload24.mapId,
-            isTimeSliderHoverOn = _action$payload24.isTimeSliderHoverOn;
+        var _action$payload25 = action.payload,
+            _mapId26 = _action$payload25.mapId,
+            isTimeSliderHoverOn = _action$payload25.isTimeSliderHoverOn;
 
         if (!state.byId[_mapId26]) {
           return state;
@@ -6638,9 +6653,9 @@ var reducer$2 = function reducer() {
 
     case WEBMAP_SET_PIN:
       {
-        var _action$payload25 = action.payload,
-            _mapId27 = _action$payload25.mapId,
-            mapPinLocation = _action$payload25.mapPinLocation;
+        var _action$payload26 = action.payload,
+            _mapId27 = _action$payload26.mapId,
+            mapPinLocation = _action$payload26.mapPinLocation;
 
         if (!state.byId[_mapId27]) {
           return state;
@@ -6653,9 +6668,9 @@ var reducer$2 = function reducer() {
 
     case WEBMAP_DISABLE_PIN:
       {
-        var _action$payload26 = action.payload,
-            _mapId28 = _action$payload26.mapId,
-            disableMapPin = _action$payload26.disableMapPin;
+        var _action$payload27 = action.payload,
+            _mapId28 = _action$payload27.mapId,
+            disableMapPin = _action$payload27.disableMapPin;
 
         if (!state.byId[_mapId28]) {
           return state;
@@ -6674,9 +6689,9 @@ var reducer$2 = function reducer() {
          * These targets can be used as payloads in new Layer actions.
          * These actions are here handled via the layer reducer, as it is the same logic
          */
-        var _action$payload27 = action.payload,
-            targets = _action$payload27.targets,
-            source = _action$payload27.source;
+        var _action$payload28 = action.payload,
+            targets = _action$payload28.targets,
+            source = _action$payload28.source;
         return targets.reduce(function (prevState, target) {
           var action = {
             payload: target,
@@ -7504,6 +7519,39 @@ var enableOnlyOneKeyword = function enableOnlyOneKeyword(payload) {
   };
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2022 - Finnish Meteorological Institute (FMI)
+ * */
+var getUserAddedServices = function getUserAddedServices() {
+  try {
+    return JSON.parse(window.localStorage.getItem('userAddedServices')) || {};
+  } catch (e) {
+    console.error('Unable to read services from localStorage: ', e);
+  }
+
+  return {};
+};
+var setUserAddedServices = function setUserAddedServices(services) {
+  try {
+    window.localStorage.setItem('userAddedServices', JSON.stringify(services));
+  } catch (e) {
+    console.error('Unable to write services to localStorage: ', e);
+  }
+};
+
 var _marked = /*#__PURE__*/regeneratorRuntime.mark(newServiceAddedSaga),
     _marked2 = /*#__PURE__*/regeneratorRuntime.mark(layerSelectServiceRemovedSaga),
     _marked3 = /*#__PURE__*/regeneratorRuntime.mark(rootSaga);
@@ -7551,6 +7599,23 @@ function layerSelectServiceRemovedSaga(capturedAction) {
     }
   }, _marked2);
 }
+function addServiceToLocalStorageSaga(_ref) {
+  var payload = _ref.payload;
+  var id = payload.id,
+      isUserAddedService = payload.isUserAddedService,
+      name = payload.name,
+      service = payload.service;
+  if (!isUserAddedService) return;
+  var localStorageServices = getUserAddedServices();
+  setUserAddedServices({
+    byId: Object.assign(Object.assign({}, localStorageServices.byId), _defineProperty({}, service, {
+      id: id,
+      name: name,
+      service: service
+    })),
+    allIds: _toConsumableArray(new Set([].concat(_toConsumableArray(localStorageServices.allIds || []), [service])))
+  });
+}
 function rootSaga() {
   return regeneratorRuntime.wrap(function rootSaga$(_context3) {
     while (1) {
@@ -7564,6 +7629,10 @@ function rootSaga() {
           return takeEvery(MAP_SERVICES_REMOVE_SERVICE, layerSelectServiceRemovedSaga);
 
         case 4:
+          _context3.next = 6;
+          return takeEvery(MAP_SERVICES_SET_LAYERS, addServiceToLocalStorageSaga);
+
+        case 6:
         case "end":
           return _context3.stop();
       }
@@ -10923,7 +10992,8 @@ var ServicePopup = function ServicePopup(_ref) {
                   id: serviceUrl,
                   name: serviceName,
                   service: serviceUrl,
-                  layers: serviceLayers
+                  layers: serviceLayers,
+                  isUserAddedService: true
                 });
                 setIsLoading(false);
                 closePopupAndResetState();
@@ -12692,7 +12762,8 @@ var LayerSelectConnect = function LayerSelectConnect(_ref) {
               id: service.id,
               name: service.name,
               service: service.url,
-              layers: layers
+              layers: layers,
+              isUserAddedService: false
             });
           }
         })["catch"](function () {
@@ -18229,6 +18300,172 @@ var tileRenderSettings = {
   }
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2020 - Finnish Meteorological Institute (FMI)
+ * */
+/* Function which calculates the distance between two points */
+// eslint-disable-next-line class-methods-use-this
+
+var distance = function distance(a, b) {
+  return Math.sqrt((a.x - b.x) * (a.x - b.x) + (a.y - b.y) * (a.y - b.y));
+};
+
+var checkHoverVertice = function checkHoverVertice(feature, mouseX, mouseY, convertGeoCoordsToScreenCoords) {
+  var maxDistance = 20;
+
+  if (feature.geometry.type === 'Point') {
+    var featureCoords = feature.geometry.coordinates;
+    /* Get all vertexes */
+
+    var XYCoords = convertGeoCoordsToScreenCoords([featureCoords]);
+
+    if (XYCoords.length > 0 && distance(XYCoords[0], {
+      x: mouseX,
+      y: mouseY
+    }) < maxDistance) {
+      return {
+        coordinateIndexInFeature: 0
+      };
+    }
+  }
+
+  if (feature.geometry.type === 'MultiPoint') {
+    for (var polygonIndex = feature.geometry.coordinates.length - 1; polygonIndex >= 0; polygonIndex -= 1) {
+      var _featureCoords = feature.geometry.coordinates[polygonIndex];
+
+      if (_featureCoords === undefined) {
+        // eslint-disable-next-line no-continue
+        continue;
+      }
+      /* Get all vertexes */
+
+
+      var _XYCoords = convertGeoCoordsToScreenCoords([_featureCoords]);
+
+      if (_XYCoords.length > 0 && distance(_XYCoords[0], {
+        x: mouseX,
+        y: mouseY
+      }) < maxDistance) {
+        return {
+          coordinateIndexInFeature: polygonIndex
+        };
+      }
+    }
+  }
+
+  if (feature.geometry.type === 'Polygon') {
+    var point = [mouseX, mouseY];
+
+    for (var _polygonIndex = feature.geometry.coordinates.length - 1; _polygonIndex >= 0; _polygonIndex -= 1) {
+      var _featureCoords2 = feature.geometry.coordinates[_polygonIndex];
+
+      if (_featureCoords2 === undefined) {
+        // eslint-disable-next-line no-continue
+        continue;
+      }
+      /* Get all vertexes */
+
+
+      var poly = [convertGeoCoordsToScreenCoords(_featureCoords2).map(function (coord) {
+        return [coord.x, coord.y];
+      })];
+
+      try {
+        var isPointInPoly = turf.booleanPointInPolygon(turf.point(point), turf.polygon(poly));
+
+        if (isPointInPoly) {
+          return {
+            coordinateIndexInFeature: _polygonIndex
+          };
+        } // eslint-disable-next-line no-empty
+
+      } catch (e) {}
+    }
+  }
+
+  if (feature.geometry.type === 'MultiPolygon') {
+    var _point = [mouseX, mouseY];
+
+    for (var _polygonIndex2 = feature.geometry.coordinates.length - 1; _polygonIndex2 >= 0; _polygonIndex2 -= 1) {
+      var _featureCoords3 = feature.geometry.coordinates[_polygonIndex2][0];
+
+      if (_featureCoords3 === undefined) {
+        // eslint-disable-next-line no-continue
+        continue;
+      }
+
+      var _poly = [convertGeoCoordsToScreenCoords(_featureCoords3).map(function (coord) {
+        return [coord.x, coord.y];
+      })];
+
+      try {
+        var _isPointInPoly = turf.booleanPointInPolygon(turf.point(_point), turf.polygon(_poly));
+
+        if (_isPointInPoly) {
+          return {
+            coordinateIndexInFeature: _polygonIndex2
+          };
+        } // eslint-disable-next-line no-empty
+
+      } catch (e) {}
+    }
+  }
+
+  if (feature.geometry.type === 'LineString') {
+    var _featureCoords4 = feature.geometry.coordinates;
+    /* Get all vertexes */
+
+    var _XYCoords2 = convertGeoCoordsToScreenCoords(_featureCoords4);
+    /* Snap to the vertex closer than specified pixels */
+
+
+    for (var j = 0; j < _XYCoords2.length; j += 1) {
+      var coord = _XYCoords2[j];
+
+      if (distance(coord, {
+        x: mouseX,
+        y: mouseY
+      }) < maxDistance) {
+        return {
+          coordinateIndexInFeature: j
+        };
+      }
+    }
+  }
+
+  return null;
+};
+
+var checkHoverFeatures = function checkHoverFeatures(geojson, mouseX, mouseY, convertGeoCoordsToScreenCoords) {
+  for (var j = 0; j < geojson.features.length; j += 1) {
+    var feature = geojson.features[j];
+    var hoverResult = checkHoverVertice(feature, mouseX, mouseY, convertGeoCoordsToScreenCoords);
+
+    if (hoverResult != null) {
+      return {
+        coordinateIndexInFeature: hoverResult.coordinateIndexInFeature,
+        featureIndex: j,
+        feature: feature
+      };
+    }
+  }
+
+  return null;
+};
+
 var Proj4js = proj4; // Cache for for storing and reusing Proj4 instances
 
 var projectorCache = {}; // Ensure that you have a Proj4 object, pulling from the cache if necessary
@@ -18840,9 +19077,12 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "adagucMouseMove",
     value: function adagucMouseMove(event) {
+      var _this2 = this;
+
       var _this$props2 = this.props,
           isInEditMode = _this$props2.isInEditMode,
-          featureNrToEdit = _this$props2.featureNrToEdit;
+          featureNrToEdit = _this$props2.featureNrToEdit,
+          onHoverFeature = _this$props2.onHoverFeature;
       if (event && event.rightButton === true) return;
       /* adagucMouseMove is an event callback function which is triggered when the mouse moves over the map
         This event is only triggered if the map is in hover state.
@@ -18855,6 +19095,29 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
       this.mouseX = mouseX;
       this.mouseY = mouseY;
 
+      if (onHoverFeature) {
+        var handleMouseStoppedTimer = function handleMouseStoppedTimer() {
+          var result = checkHoverFeatures(_this2.geojson, mouseX, mouseY, function (coordinates) {
+            return _this2.convertGeoCoordsToScreenCoords(coordinates);
+          });
+
+          if (result) {
+            var featureEvent = {
+              coordinateIndexInFeature: result.coordinateIndexInFeature,
+              featureIndex: result.featureIndex,
+              mouseX: mouseX,
+              mouseY: mouseY,
+              isInEditMode: isInEditMode,
+              feature: result.feature
+            };
+            onHoverFeature(featureEvent);
+          }
+        };
+
+        window.clearTimeout(this.mouseStoppedTimer);
+        this.mouseStoppedTimer = window.setTimeout(handleMouseStoppedTimer, 20);
+      }
+
       if (isInEditMode === false) {
         return;
       }
@@ -18932,14 +19195,14 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "triggerMouseDownTimer",
     value: function triggerMouseDownTimer(event) {
-      var _this2 = this;
+      var _this3 = this;
 
       if (!this.doubleClickTimer) this.doubleClickTimer = {};
       var mouseX = event.mouseX,
           mouseY = event.mouseY;
 
       var checkTimeOut = function checkTimeOut() {
-        _this2.doubleClickTimer.isRunning = false;
+        _this3.doubleClickTimer.isRunning = false;
       };
       /* Reset the timer */
 
@@ -19374,9 +19637,35 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "adagucMouseUp",
     value: function adagucMouseUp(event) {
-      var isInEditMode = this.props.isInEditMode;
+      var _this4 = this;
+
+      var _this$props10 = this.props,
+          isInEditMode = _this$props10.isInEditMode,
+          onClickFeature = _this$props10.onClickFeature;
       if (event && event.rightButton === true) return;
 
+      if (onClickFeature) {
+        var mouseX = event.mouseX,
+            mouseY = event.mouseY;
+        var result = checkHoverFeatures(this.geojson, mouseX, mouseY, function (coordinates) {
+          return _this4.convertGeoCoordsToScreenCoords(coordinates);
+        });
+
+        if (result) {
+          var featureEvent = {
+            coordinateIndexInFeature: result.coordinateIndexInFeature,
+            featureIndex: result.featureIndex,
+            mouseX: mouseX,
+            mouseY: mouseY,
+            isInEditMode: isInEditMode,
+            feature: result.feature
+          };
+          onClickFeature(featureEvent);
+        } else {
+          onClickFeature(null);
+        }
+      }
+
       if (isInEditMode === false) {
         return;
       }
@@ -19410,9 +19699,9 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "cancelEdit",
     value: function cancelEdit(cancelLastPoint) {
-      var _this$props10 = this.props,
-          isInEditMode = _this$props10.isInEditMode,
-          featureNrToEdit = _this$props10.featureNrToEdit;
+      var _this$props11 = this.props,
+          isInEditMode = _this$props11.isInEditMode,
+          featureNrToEdit = _this$props11.featureNrToEdit;
 
       if (isInEditMode === false) {
         return;
@@ -19585,14 +19874,14 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
        just before adagucviewer will flip the back canvas buffer to the front.
        You are free to draw anything you like on the canvas.
       */
-      var _this$props11 = this.props,
-          featureNrToEdit = _this$props11.featureNrToEdit,
-          isInEditMode = _this$props11.isInEditMode,
-          hoverFeatureCallback = _this$props11.hoverFeatureCallback;
+      var _this$props12 = this.props,
+          featureNrToEdit = _this$props12.featureNrToEdit,
+          isInEditMode = _this$props12.isInEditMode;
       if (!this.geojson || !this.geojson.features || !this.geojson.features.length) return;
       this.textPositions = [];
       this.mouseOverPolygonCoordinates = [];
       this.mouseOverPolygonFeatureIndex = -1;
+      this.mouseOverPolygonIndex = -1;
       /* Current selected feature from GeoJSON */
 
       for (var featureIndex = 0; featureIndex < this.geojson.features.length; featureIndex += 1) {
@@ -19785,19 +20074,6 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
           ctx.globalAlpha = 1;
           ctx.stroke();
         }
-      } // if (isInEditMode === true &&
-      //   this.mouseOverPolygonFeatureIndex === this.props.featureNrToEdit &&
-
-
-      if (hoverFeatureCallback) {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        hoverFeatureCallback({
-          polygonIndex: this.mouseOverPolygonFeatureIndex,
-          featureIndex: this.mouseOverPolygonFeatureIndex,
-          mouseX: this.mouseX,
-          mouseY: this.mouseY
-        });
       }
       /* Draw labels */
 
@@ -20075,9 +20351,9 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "drawLine",
     value: function drawLine(ctx, XYCoords, featureIndex, lineStringIndex) {
-      var _this$props12 = this.props,
-          isInEditMode = _this$props12.isInEditMode,
-          featureNrToEdit = _this$props12.featureNrToEdit;
+      var _this$props13 = this.props,
+          isInEditMode = _this$props13.isInEditMode,
+          featureNrToEdit = _this$props13.featureNrToEdit;
       var feature = this.geojson.features[featureIndex];
       if (!feature || !feature.geometry) return;
       if (feature.geometry.type !== 'LineString') return;
@@ -20121,7 +20397,8 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
       // if (test) {
 
       this.mouseOverPolygonCoordinates = 0;
-      this.mouseOverPolygonFeatureIndex = 0; // }
+      this.mouseOverPolygonFeatureIndex = 0;
+      this.mouseOverPolygonIndex = 0; // }
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
 
@@ -20150,9 +20427,9 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "drawPolygon",
     value: function drawPolygon(ctx, XYCoords, featureIndex, polygonIndex) {
-      var _this$props13 = this.props,
-          isInEditMode = _this$props13.isInEditMode,
-          featureNrToEdit = _this$props13.featureNrToEdit;
+      var _this$props14 = this.props,
+          isInEditMode = _this$props14.isInEditMode,
+          featureNrToEdit = _this$props14.featureNrToEdit;
       var feature = this.geojson.features[featureIndex];
       if (!feature || !feature.geometry) return;
       if (feature.geometry.type !== 'Polygon' && feature.geometry.type !== 'MultiPolygon') return;
@@ -20199,6 +20476,7 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
       if (test) {
         this.mouseOverPolygonCoordinates = XYCoords;
         this.mouseOverPolygonFeatureIndex = featureIndex;
+        this.mouseOverPolygonIndex = polygonIndex;
       } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
 
@@ -20353,9 +20631,9 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props14 = this.props,
-          webmapjs = _this$props14.webmapjs,
-          isInDeleteMode = _this$props14.isInDeleteMode;
+      var _this$props15 = this.props,
+          webmapjs = _this$props15.webmapjs,
+          isInDeleteMode = _this$props15.isInDeleteMode;
 
       if (this.disabled === undefined) {
         this.disabled = isInDeleteMode;
@@ -20420,9 +20698,14 @@ var AdagucMapDrawContainer = function AdagucMapDrawContainer(_ref) {
       isInDeleteMode: layer.isInDeleteMode,
       drawMode: layer.drawMode,
       webmapjs: webMapJS,
-      hoverFeatureCallback: function hoverFeatureCallback(hoverInfo) {
-        if (layer.hoverFeatureCallback) {
-          layer.hoverFeatureCallback(hoverInfo);
+      onHoverFeature: function onHoverFeature(hoverInfo) {
+        if (layer.onHoverFeature) {
+          layer.onHoverFeature(hoverInfo);
+        }
+      },
+      onClickFeature: function onClickFeature(hoverInfo) {
+        if (layer.onClickFeature) {
+          layer.onClickFeature(hoverInfo);
         }
       },
       updateGeojson: function updateGeojson(geojson) {

package/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('reselect'), require('moment'), require('lodash'), require('react'), require('immer'), require('redux-saga/effects'), require('@opengeoweb/webmap'), require('@mui/material'), require('react-redux'), require('@mui/styles/makeStyles'), require('@opengeoweb/shared'), require('@mui/icons-material'), require('react-sortablejs'), require('@mui/styles/createStyles'), require('@mui/styles/withStyles'), require('throttle-debounce'), require('lodash.clonedeep'), require('proj4'), require('redux-dynamic-modules'), require('redux-dynamic-modules-saga'), require('@opengeoweb/theme')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'reselect', 'moment', 'lodash', 'react', 'immer', 'redux-saga/effects', '@opengeoweb/webmap', '@mui/material', 'react-redux', '@mui/styles/makeStyles', '@opengeoweb/shared', '@mui/icons-material', 'react-sortablejs', '@mui/styles/createStyles', '@mui/styles/withStyles', 'throttle-debounce', 'lodash.clonedeep', 'proj4', 'redux-dynamic-modules', 'redux-dynamic-modules-saga', '@opengeoweb/theme'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Core = {}, global.reselect, global.moment, global._, global.React, global.produce, global.effects, global.webmap, global.material, global.reactRedux, global.makeStyles, global.shared, global.iconsMaterial, global.reactSortablejs, global.createStyles, global.withStyles, global.throttleDebounce, global.cloneDeep, global.proj4, global.reduxDynamicModules, global.reduxDynamicModulesSaga, global.theme));
-})(this, (function (exports, reselect, moment, _, React, produce, effects, webmap, material, reactRedux, makeStyles, shared, iconsMaterial, reactSortablejs, createStyles, withStyles, throttleDebounce, cloneDeep, proj4, reduxDynamicModules, reduxDynamicModulesSaga, theme) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('reselect'), require('moment'), require('lodash'), require('react'), require('immer'), require('redux-saga/effects'), require('@opengeoweb/webmap'), require('@mui/material'), require('react-redux'), require('@mui/styles/makeStyles'), require('@opengeoweb/shared'), require('@mui/icons-material'), require('react-sortablejs'), require('@mui/styles/createStyles'), require('@mui/styles/withStyles'), require('throttle-debounce'), require('lodash.clonedeep'), require('proj4'), require('@turf/turf'), require('redux-dynamic-modules'), require('redux-dynamic-modules-saga'), require('@opengeoweb/theme')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'reselect', 'moment', 'lodash', 'react', 'immer', 'redux-saga/effects', '@opengeoweb/webmap', '@mui/material', 'react-redux', '@mui/styles/makeStyles', '@opengeoweb/shared', '@mui/icons-material', 'react-sortablejs', '@mui/styles/createStyles', '@mui/styles/withStyles', 'throttle-debounce', 'lodash.clonedeep', 'proj4', '@turf/turf', 'redux-dynamic-modules', 'redux-dynamic-modules-saga', '@opengeoweb/theme'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Core = {}, global.reselect, global.moment, global._, global.React, global.produce, global.effects, global.webmap, global.material, global.reactRedux, global.makeStyles, global.shared, global.iconsMaterial, global.reactSortablejs, global.createStyles, global.withStyles, global.throttleDebounce, global.cloneDeep, global.proj4, global.turf, global.reduxDynamicModules, global.reduxDynamicModulesSaga, global.theme));
+})(this, (function (exports, reselect, moment, _, React, produce, effects, webmap, material, reactRedux, makeStyles, shared, iconsMaterial, reactSortablejs, createStyles, withStyles, throttleDebounce, cloneDeep, proj4, turf, reduxDynamicModules, reduxDynamicModulesSaga, theme) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,6 +34,7 @@
   var withStyles__default = /*#__PURE__*/_interopDefaultLegacy(withStyles);
   var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
   var proj4__default = /*#__PURE__*/_interopDefaultLegacy(proj4);
+  var turf__namespace = /*#__PURE__*/_interopNamespace(turf);
 
   /* *
    * Licensed under the Apache License, Version 2.0 (the "License");
@@ -4733,7 +4734,8 @@
           id: wmLayer.service,
           name: wmLayer.title,
           service: wmLayer.service,
-          layers: layers
+          layers: layers,
+          isUserAddedService: false
         },
         layerStyle: {
           origin: origin,
@@ -6616,7 +6618,20 @@
       case GENERIC_SYNC_SETBBOX:
         {
           return produce.produce(state, function (draft) {
-            action.payload.targets.forEach(function (payload) {
+            var _a = action.payload,
+                targetsFromAction = _a.targets,
+                source = _a.source;
+            /* Because we want backwards compatibility with the previous code, we also need to listen to the original source action */
+
+            var targets = [{
+              targetId: source.payload.sourceId,
+              bbox: source.payload.bbox,
+              srs: source.payload.srs
+            }];
+            /* And then append the targets form the action */
+
+            targets.push.apply(targets, __spreadArray([], __read(targetsFromAction)));
+            targets.forEach(function (payload) {
               var targetId = payload.targetId,
                   bbox = payload.bbox,
                   srs = payload.srs;
@@ -7661,6 +7676,39 @@
     };
   };
 
+  /* *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *     http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   *
+   * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+   * Copyright 2022 - Finnish Meteorological Institute (FMI)
+   * */
+  var getUserAddedServices = function getUserAddedServices() {
+    try {
+      return JSON.parse(window.localStorage.getItem('userAddedServices')) || {};
+    } catch (e) {
+      console.error('Unable to read services from localStorage: ', e);
+    }
+
+    return {};
+  };
+  var setUserAddedServices = function setUserAddedServices(services) {
+    try {
+      window.localStorage.setItem('userAddedServices', JSON.stringify(services));
+    } catch (e) {
+      console.error('Unable to write services to localStorage: ', e);
+    }
+  };
+
   /* *
    * Licensed under the Apache License, Version 2.0 (the "License");
    * you may not use this file except in compliance with the License.
@@ -7725,6 +7773,25 @@
       }
     });
   }
+  function addServiceToLocalStorageSaga(_a) {
+    var _b;
+
+    var payload = _a.payload;
+    var id = payload.id,
+        isUserAddedService = payload.isUserAddedService,
+        name = payload.name,
+        service = payload.service;
+    if (!isUserAddedService) return;
+    var localStorageServices = getUserAddedServices();
+    setUserAddedServices({
+      byId: __assign(__assign({}, localStorageServices.byId), (_b = {}, _b[service] = {
+        id: id,
+        name: name,
+        service: service
+      }, _b)),
+      allIds: __spreadArray([], __read(new Set(__spreadArray(__spreadArray([], __read(localStorageServices.allIds || [])), [service]))))
+    });
+  }
   function rootSaga() {
     return __generator(this, function (_a) {
       switch (_a.label) {
@@ -7743,6 +7810,13 @@
         case 2:
           _a.sent();
 
+          return [4
+          /*yield*/
+          , effects.takeEvery(MAP_SERVICES_SET_LAYERS, addServiceToLocalStorageSaga)];
+
+        case 3:
+          _a.sent();
+
           return [2
           /*return*/
           ];
@@ -11239,7 +11313,8 @@
                   id: serviceUrl,
                   name: serviceName,
                   service: serviceUrl,
-                  layers: serviceLayers
+                  layers: serviceLayers,
+                  isUserAddedService: true
                 });
                 setIsLoading(false);
                 closePopupAndResetState();
@@ -13111,7 +13186,8 @@
                 id: service.id,
                 name: service.name,
                 service: service.url,
-                layers: layers
+                layers: layers,
+                isUserAddedService: false
               });
             }
           })["catch"](function () {
@@ -18766,6 +18842,171 @@
     }
   };
 
+  /* *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *     http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   *
+   * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+   * Copyright 2020 - Finnish Meteorological Institute (FMI)
+   * */
+  /* Function which calculates the distance between two points */
+  // eslint-disable-next-line class-methods-use-this
+
+  var distance = function distance(a, b) {
+    return Math.sqrt((a.x - b.x) * (a.x - b.x) + (a.y - b.y) * (a.y - b.y));
+  };
+
+  var checkHoverVertice = function checkHoverVertice(feature, mouseX, mouseY, convertGeoCoordsToScreenCoords) {
+    var maxDistance = 20;
+
+    if (feature.geometry.type === 'Point') {
+      var featureCoords = feature.geometry.coordinates;
+      /* Get all vertexes */
+
+      var XYCoords = convertGeoCoordsToScreenCoords([featureCoords]);
+
+      if (XYCoords.length > 0 && distance(XYCoords[0], {
+        x: mouseX,
+        y: mouseY
+      }) < maxDistance) {
+        return {
+          coordinateIndexInFeature: 0
+        };
+      }
+    }
+
+    if (feature.geometry.type === 'MultiPoint') {
+      for (var polygonIndex = feature.geometry.coordinates.length - 1; polygonIndex >= 0; polygonIndex -= 1) {
+        var featureCoords = feature.geometry.coordinates[polygonIndex];
+
+        if (featureCoords === undefined) {
+          // eslint-disable-next-line no-continue
+          continue;
+        }
+        /* Get all vertexes */
+
+
+        var XYCoords = convertGeoCoordsToScreenCoords([featureCoords]);
+
+        if (XYCoords.length > 0 && distance(XYCoords[0], {
+          x: mouseX,
+          y: mouseY
+        }) < maxDistance) {
+          return {
+            coordinateIndexInFeature: polygonIndex
+          };
+        }
+      }
+    }
+
+    if (feature.geometry.type === 'Polygon') {
+      var point = [mouseX, mouseY];
+
+      for (var polygonIndex = feature.geometry.coordinates.length - 1; polygonIndex >= 0; polygonIndex -= 1) {
+        var featureCoords = feature.geometry.coordinates[polygonIndex];
+
+        if (featureCoords === undefined) {
+          // eslint-disable-next-line no-continue
+          continue;
+        }
+        /* Get all vertexes */
+
+
+        var poly = [convertGeoCoordsToScreenCoords(featureCoords).map(function (coord) {
+          return [coord.x, coord.y];
+        })];
+
+        try {
+          var isPointInPoly = turf__namespace.booleanPointInPolygon(turf__namespace.point(point), turf__namespace.polygon(poly));
+
+          if (isPointInPoly) {
+            return {
+              coordinateIndexInFeature: polygonIndex
+            };
+          } // eslint-disable-next-line no-empty
+
+        } catch (e) {}
+      }
+    }
+
+    if (feature.geometry.type === 'MultiPolygon') {
+      var point = [mouseX, mouseY];
+
+      for (var polygonIndex = feature.geometry.coordinates.length - 1; polygonIndex >= 0; polygonIndex -= 1) {
+        var featureCoords = feature.geometry.coordinates[polygonIndex][0];
+
+        if (featureCoords === undefined) {
+          // eslint-disable-next-line no-continue
+          continue;
+        }
+
+        var poly = [convertGeoCoordsToScreenCoords(featureCoords).map(function (coord) {
+          return [coord.x, coord.y];
+        })];
+
+        try {
+          var isPointInPoly = turf__namespace.booleanPointInPolygon(turf__namespace.point(point), turf__namespace.polygon(poly));
+
+          if (isPointInPoly) {
+            return {
+              coordinateIndexInFeature: polygonIndex
+            };
+          } // eslint-disable-next-line no-empty
+
+        } catch (e) {}
+      }
+    }
+
+    if (feature.geometry.type === 'LineString') {
+      var featureCoords = feature.geometry.coordinates;
+      /* Get all vertexes */
+
+      var XYCoords = convertGeoCoordsToScreenCoords(featureCoords);
+      /* Snap to the vertex closer than specified pixels */
+
+      for (var j = 0; j < XYCoords.length; j += 1) {
+        var coord = XYCoords[j];
+
+        if (distance(coord, {
+          x: mouseX,
+          y: mouseY
+        }) < maxDistance) {
+          return {
+            coordinateIndexInFeature: j
+          };
+        }
+      }
+    }
+
+    return null;
+  };
+
+  var checkHoverFeatures = function checkHoverFeatures(geojson, mouseX, mouseY, convertGeoCoordsToScreenCoords) {
+    for (var j = 0; j < geojson.features.length; j += 1) {
+      var feature = geojson.features[j];
+      var hoverResult = checkHoverVertice(feature, mouseX, mouseY, convertGeoCoordsToScreenCoords);
+
+      if (hoverResult != null) {
+        return {
+          coordinateIndexInFeature: hoverResult.coordinateIndexInFeature,
+          featureIndex: j,
+          feature: feature
+        };
+      }
+    }
+
+    return null;
+  };
+
   /* *
    * Licensed under the Apache License, Version 2.0 (the "License");
    * you may not use this file except in compliance with the License.
@@ -19376,9 +19617,12 @@
     };
 
     AdagucMapDraw.prototype.adagucMouseMove = function (event) {
+      var _this = this;
+
       var _a = this.props,
           isInEditMode = _a.isInEditMode,
-          featureNrToEdit = _a.featureNrToEdit;
+          featureNrToEdit = _a.featureNrToEdit,
+          onHoverFeature = _a.onHoverFeature;
       if (event && event.rightButton === true) return;
       /* adagucMouseMove is an event callback function which is triggered when the mouse moves over the map
         This event is only triggered if the map is in hover state.
@@ -19391,6 +19635,29 @@
       this.mouseX = mouseX;
       this.mouseY = mouseY;
 
+      if (onHoverFeature) {
+        var handleMouseStoppedTimer = function handleMouseStoppedTimer() {
+          var result = checkHoverFeatures(_this.geojson, mouseX, mouseY, function (coordinates) {
+            return _this.convertGeoCoordsToScreenCoords(coordinates);
+          });
+
+          if (result) {
+            var featureEvent = {
+              coordinateIndexInFeature: result.coordinateIndexInFeature,
+              featureIndex: result.featureIndex,
+              mouseX: mouseX,
+              mouseY: mouseY,
+              isInEditMode: isInEditMode,
+              feature: result.feature
+            };
+            onHoverFeature(featureEvent);
+          }
+        };
+
+        window.clearTimeout(this.mouseStoppedTimer);
+        this.mouseStoppedTimer = window.setTimeout(handleMouseStoppedTimer, 20);
+      }
+
       if (isInEditMode === false) {
         return;
       }
@@ -19891,9 +20158,35 @@
     };
 
     AdagucMapDraw.prototype.adagucMouseUp = function (event) {
-      var isInEditMode = this.props.isInEditMode;
+      var _this = this;
+
+      var _a = this.props,
+          isInEditMode = _a.isInEditMode,
+          onClickFeature = _a.onClickFeature;
       if (event && event.rightButton === true) return;
 
+      if (onClickFeature) {
+        var mouseX = event.mouseX,
+            mouseY = event.mouseY;
+        var result = checkHoverFeatures(this.geojson, mouseX, mouseY, function (coordinates) {
+          return _this.convertGeoCoordsToScreenCoords(coordinates);
+        });
+
+        if (result) {
+          var featureEvent = {
+            coordinateIndexInFeature: result.coordinateIndexInFeature,
+            featureIndex: result.featureIndex,
+            mouseX: mouseX,
+            mouseY: mouseY,
+            isInEditMode: isInEditMode,
+            feature: result.feature
+          };
+          onClickFeature(featureEvent);
+        } else {
+          onClickFeature(null);
+        }
+      }
+
       if (isInEditMode === false) {
         return;
       }
@@ -20099,12 +20392,12 @@
       */
       var _a = this.props,
           featureNrToEdit = _a.featureNrToEdit,
-          isInEditMode = _a.isInEditMode,
-          hoverFeatureCallback = _a.hoverFeatureCallback;
+          isInEditMode = _a.isInEditMode;
       if (!this.geojson || !this.geojson.features || !this.geojson.features.length) return;
       this.textPositions = [];
       this.mouseOverPolygonCoordinates = [];
       this.mouseOverPolygonFeatureIndex = -1;
+      this.mouseOverPolygonIndex = -1;
       /* Current selected feature from GeoJSON */
 
       for (var featureIndex = 0; featureIndex < this.geojson.features.length; featureIndex += 1) {
@@ -20291,19 +20584,6 @@
           ctx.globalAlpha = 1;
           ctx.stroke();
         }
-      } // if (isInEditMode === true &&
-      //   this.mouseOverPolygonFeatureIndex === this.props.featureNrToEdit &&
-
-
-      if (hoverFeatureCallback) {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        hoverFeatureCallback({
-          polygonIndex: this.mouseOverPolygonFeatureIndex,
-          featureIndex: this.mouseOverPolygonFeatureIndex,
-          mouseX: this.mouseX,
-          mouseY: this.mouseY
-        });
       }
       /* Draw labels */
 
@@ -20618,7 +20898,8 @@
       // if (test) {
 
       this.mouseOverPolygonCoordinates = 0;
-      this.mouseOverPolygonFeatureIndex = 0; // }
+      this.mouseOverPolygonFeatureIndex = 0;
+      this.mouseOverPolygonIndex = 0; // }
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
 
@@ -20695,6 +20976,7 @@
       if (test) {
         this.mouseOverPolygonCoordinates = XYCoords;
         this.mouseOverPolygonFeatureIndex = featureIndex;
+        this.mouseOverPolygonIndex = polygonIndex;
       } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
 
@@ -20910,9 +21192,14 @@
         isInDeleteMode: layer.isInDeleteMode,
         drawMode: layer.drawMode,
         webmapjs: webMapJS,
-        hoverFeatureCallback: function hoverFeatureCallback(hoverInfo) {
-          if (layer.hoverFeatureCallback) {
-            layer.hoverFeatureCallback(hoverInfo);
+        onHoverFeature: function onHoverFeature(hoverInfo) {
+          if (layer.onHoverFeature) {
+            layer.onHoverFeature(hoverInfo);
+          }
+        },
+        onClickFeature: function onClickFeature(hoverInfo) {
+          if (layer.onClickFeature) {
+            layer.onClickFeature(hoverInfo);
           }
         },
         updateGeojson: function updateGeojson(geojson) {

package/lib/components/MapView/MapViewLayer.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { FeatureEvent } from '../ReactMapView/AdagucMapDraw';
 interface MapViewLayerProps {
     id: string;
     onLayerReady?: (layer: any, webmap?: any) => void;
@@ -9,6 +10,8 @@ interface MapViewLayerProps {
     updateGeojson?: (geoJson: any) => void;
     exitDrawModeCallback?: () => void;
     featureNrToEdit?: number;
+    onClickFeature?: (event: FeatureEvent) => void;
+    onHoverFeature?: (event: FeatureEvent) => void;
 }
 declare const MapViewLayer: React.FC<MapViewLayerProps>;
 export default MapViewLayer;

package/lib/components/ReactMapView/AdagucMapDraw.d.ts

@@ -7,8 +7,8 @@ export declare const featureMultiPoint: GeoJSON.Feature<GeoJSON.MultiPoint>;
 export declare const featurePolygon: GeoJSON.Feature<GeoJSON.Polygon>;
 export declare const featureBox: GeoJSON.Feature<GeoJSON.Polygon>;
 export declare const lineString: GeoJSON.FeatureCollection;
-declare type GeoJsonFeatureType = GeoJSON.Polygon | GeoJSON.MultiPoint | GeoJSON.Point | GeoJSON.LineString;
-declare type GeoJsonFeature = GeoJSON.Feature<GeoJsonFeatureType>;
+export declare type GeoJsonFeatureType = GeoJSON.Polygon | GeoJSON.MultiPoint | GeoJSON.Point | GeoJSON.LineString | GeoJSON.MultiPolygon;
+export declare type GeoJsonFeature = GeoJSON.Feature<GeoJsonFeatureType>;
 declare type GeoFeatureStyle = {
     stroke?: string;
     fill?: string;
@@ -16,7 +16,7 @@ declare type GeoFeatureStyle = {
     'stroke-opacity'?: number;
     'fill-opacity'?: number;
 };
-declare type Coordinate = {
+export declare type Coordinate = {
     x: number;
     y: number;
 };
@@ -32,12 +32,14 @@ declare type AdagucInputEvent = {
     mouseY: number;
     rightButton: boolean;
 };
-export declare type FeatureEvent = {
-    polygonIndex: number;
+export interface FeatureEvent {
+    coordinateIndexInFeature: number;
     featureIndex: number;
     mouseX: number;
     mouseY: number;
-};
+    isInEditMode: boolean;
+    feature: GeoJsonFeature;
+}
 export interface AdagucMapDrawProps {
     webmapjs: WMJSMap;
     geojson: GeoJSON.FeatureCollection;
@@ -47,7 +49,8 @@ export interface AdagucMapDrawProps {
     isInEditMode: boolean;
     isInDeleteMode: boolean;
     featureNrToEdit: number;
-    hoverFeatureCallback: (event: FeatureEvent) => void;
+    onHoverFeature?: (event: FeatureEvent) => void;
+    onClickFeature?: (event: FeatureEvent) => void;
     updateGeojson: (geoJson: GeometryObject, text: string) => void;
 }
 export declare enum EDITMODE {
@@ -100,10 +103,12 @@ export default class AdagucMapDraw extends React.PureComponent<AdagucMapDrawProp
         mouseX?: number;
         mouseY?: number;
     };
+    mouseStoppedTimer: number;
     snappedPolygonIndex: SNAPPEDFEATURE | number;
     mouseX: number;
     mouseY: number;
     mouseOverPolygonFeatureIndex: number;
+    mouseOverPolygonIndex: number;
     drawMode: string;
     disabled: boolean;
     static defaultProps: {

package/lib/components/ReactMapView/AdagucMapDraw.stories.d.ts

@@ -27,3 +27,7 @@ export declare const Map6: {
     (): React.ReactElement;
     storyName: string;
 };
+export declare const Map7: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/ReactMapView/AdagucMapDrawContainer.d.ts

@@ -10,7 +10,8 @@ export declare type FeatureLayer = {
     isInDeleteMode?: boolean;
     geojson?: GeoJSON.FeatureCollection;
     drawMode?: string;
-    hoverFeatureCallback?: (feature: FeatureEvent) => void;
+    onHoverFeature?: (feature: FeatureEvent) => void;
+    onClickFeature?: (feature: FeatureEvent) => void;
     updateGeojson?: (feature: GeometryObject) => void;
     exitDrawModeCallback?: () => void;
     featureNrToEdit?: string;

package/lib/components/ReactMapView/AdagucMapDrawTools.d.ts

@@ -0,0 +1,9 @@
+import { Position } from 'geojson';
+import type { Coordinate, GeoJsonFeature } from './AdagucMapDraw';
+export declare type CheckHoverFeaturesResult = {
+    coordinateIndexInFeature: number;
+    featureIndex: number;
+    feature: GeoJsonFeature;
+} | null;
+export declare const distance: (a: Coordinate, b: Coordinate) => number;
+export declare const checkHoverFeatures: (geojson: GeoJSON.FeatureCollection, mouseX: number, mouseY: number, convertGeoCoordsToScreenCoords: (featureCoords: Position[]) => Coordinate[]) => CheckHoverFeaturesResult;

package/lib/components/ReactMapView/AdagucMapDrawTools.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/store/layerSelect/sagas.d.ts

@@ -1,6 +1,7 @@
 import { SagaIterator } from 'redux-saga';
-import { ServiceActions } from '../mapStore/types';
+import { ServiceActions, SetLayersForService } from '../mapStore/types';
 export declare function newServiceAddedSaga(capturedAction: ServiceActions): SagaIterator;
 export declare function layerSelectServiceRemovedSaga(capturedAction: ServiceActions): SagaIterator;
+export declare function addServiceToLocalStorageSaga({ payload, }: SetLayersForService): void;
 export declare function rootSaga(): SagaIterator;
 export default rootSaga;

package/lib/store/mapStore/service/types.d.ts

@@ -33,8 +33,9 @@ export interface SetLayersForServicePayload {
     name: string;
     service: string;
     layers: ServiceLayer[];
+    isUserAddedService: boolean;
 }
-interface SetLayersForService extends Action {
+export interface SetLayersForService extends Action {
     type: typeof MAP_SERVICES_SET_LAYERS;
     payload: SetLayersForServicePayload;
 }

package/lib/store/ui/types.d.ts

@@ -1,6 +1,6 @@
 import { Action } from 'redux';
 import { UI_SET_ACTIVE_MAPID_FOR_DIALOG, UI_REGISTER_DIALOG, UI_TOGGLE_DIALOG, UI_UNREGISTER_DIALOG, UI_ORDER_DIALOG } from './constants';
-export declare type DialogType = 'legend' | 'layerManager' | 'layerSelect' | 'dimensionSelect-elevation' | 'dimensionSelect-ensemble_member' | 'keywordFilter' | 'timeSeriesManager' | 'syncGroups';
+export declare type DialogType = 'legend' | 'layerManager' | 'layerSelect' | 'dimensionSelect-elevation' | 'dimensionSelect-ensemble_member' | 'keywordFilter' | 'timeSeriesManager' | 'timeSeriesSelect' | 'syncGroups';
 export declare type Source = 'app' | 'module';
 export interface UIType {
     type: DialogType;

package/lib/utils/localStorage.d.ts

@@ -0,0 +1,3 @@
+import { ServiceState } from '../store/mapStore/types';
+export declare const getUserAddedServices: () => ServiceState;
+export declare const setUserAddedServices: (services: ServiceState) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,30 +13,31 @@
   "dependencies": {},
   "peerDependencies": {
     "react": "^17.0.2",
-    "@opengeoweb/theme": "2.4.1",
+    "@opengeoweb/theme": "2.5.0",
     "@mui/material": "^5.2.8",
     "@mui/styles": "^5.2.3",
     "@mui/icons-material": "^5.2.5",
     "react-redux": "7.2.2",
     "moment": "^2.29.0",
     "react-intl": "^5.17.5",
-    "@opengeoweb/webmap": "2.4.1",
+    "@opengeoweb/webmap": "2.5.0",
     "throttle-debounce": "^3.0.1",
     "proj4": "^2.6.2",
     "react-sortablejs": "^6.0.0",
-    "@opengeoweb/shared": "2.4.1",
+    "@opengeoweb/shared": "2.5.0",
     "react-draggable": "^4.4.3",
     "re-resizable": "^6.9.0",
     "lodash": "^4.17.20",
-    "@opengeoweb/form-fields": "2.4.1",
+    "@opengeoweb/form-fields": "2.5.0",
     "react-hook-form": "^6.12.1",
     "moment-timezone": "^0.5.31",
     "@mui/lab": "^5.0.0-alpha.64",
     "axios": "^0.25.0",
     "redux-dynamic-modules": "^5.2.0",
     "redux": "^4.0.4",
-    "lodash.clonedeep": "^4.5.0",
     "immer": "^9.0.6",
+    "lodash.clonedeep": "^4.5.0",
+    "@turf/turf": "^5.1.6",
     "reselect": "^4.1.5",
     "redux-dynamic-modules-saga": "^5.2.0",
     "redux-saga": "^1.1.3"