@opengeoweb/core 4.16.0 → 4.17.0

package/index.esm.js

@@ -590,7 +590,11 @@ var getPreviousTimeStepForLayerId = function getPreviousTimeStepForLayerId(layer
   var wmjsTimeDim = getWMJSTimeDimensionForLayerId(layerId);
   if (!wmjsTimeDim) return null;
   var currentIndex = wmjsTimeDim.getIndexForValue(wmjsTimeDim.currentValue, false);
-  if (currentIndex < 0 || currentIndex - 1 < 0) return wmjsTimeDim.getClosestValue(wmjsTimeDim.currentValue, true);
+
+  if (currentIndex < 0 || currentIndex - 1 < 0) {
+    return wmjsTimeDim.getClosestValue(wmjsTimeDim.currentValue, true);
+  }
+
   return wmjsTimeDim.getValueForIndex(currentIndex - 1);
 };
 /**
@@ -600,9 +604,17 @@ var getPreviousTimeStepForLayerId = function getPreviousTimeStepForLayerId(layer
 
 var getNextTimeStepForLayerId = function getNextTimeStepForLayerId(layerId) {
   var wmjsTimeDim = getWMJSTimeDimensionForLayerId(layerId);
-  if (!wmjsTimeDim) return null;
+
+  if (!wmjsTimeDim) {
+    return null;
+  }
+
   var currentIndex = wmjsTimeDim.getIndexForValue(wmjsTimeDim.currentValue, false);
-  if (currentIndex < 0 || currentIndex + 1 >= wmjsTimeDim.size()) return wmjsTimeDim.getClosestValue(wmjsTimeDim.currentValue, true);
+
+  if (currentIndex < 0 || currentIndex + 1 >= wmjsTimeDim.size()) {
+    return wmjsTimeDim.getClosestValue(wmjsTimeDim.currentValue, true);
+  }
+
   return wmjsTimeDim.getValueForIndex(currentIndex + 1);
 };
 /**
@@ -1757,7 +1769,10 @@ var slice$8 = createSlice({
     },
     baseLayerDelete: function baseLayerDelete(draft, action) {
       var layerId = action.payload.layerId;
-      if (draft.byId[layerId].layerType !== LayerType.baseLayer && draft.byId[layerId].layerType !== LayerType.overLayer) return;
+
+      if (draft.byId[layerId].layerType !== LayerType.baseLayer && draft.byId[layerId].layerType !== LayerType.overLayer) {
+        return;
+      }
 
       if (draft.byId[layerId]) {
         draft.allIds = draft.allIds.filter(function (id) {
@@ -1812,8 +1827,13 @@ var slice$8 = createSlice({
 
       var layerTypes = [];
       filtererdBaseLayers.forEach(function (layer) {
-        if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer) return;
-        if (!layerTypes.includes(layer.layerType)) layerTypes.push(layer.layerType);
+        if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer) {
+          return;
+        }
+
+        if (!layerTypes.includes(layer.layerType)) {
+          layerTypes.push(layer.layerType);
+        }
       });
       var state = current(draft); // remove current layers with same type as one of the passed layers
 
@@ -1836,7 +1856,10 @@ var slice$8 = createSlice({
     },
     addBaseLayer: function addBaseLayer(draft, action) {
       var layer = action.payload.layer;
-      if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer) return;
+
+      if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer) {
+        return;
+      }
 
       if (!draft.byId[layer.id]) {
         draft.byId[layer.id] = createLayer(Object.assign({
@@ -1857,7 +1880,10 @@ var slice$8 = createSlice({
     },
     addAvailableBaseLayer: function addAvailableBaseLayer(draft, action) {
       var layer = action.payload.layer;
-      if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer || !layer.mapId) return;
+
+      if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer || !layer.mapId) {
+        return;
+      }
 
       if (!draft.availableBaseLayers.byId[layer.id]) {
         draft.availableBaseLayers.byId[layer.id] = createLayer(Object.assign({
@@ -1871,7 +1897,10 @@ var slice$8 = createSlice({
       var layers = action.payload.layers; // add new available baselayers
 
       layers.forEach(function (layer) {
-        if (layer.layerType !== LayerType.baseLayer || draft.availableBaseLayers.byId[layer.id] || !layer.mapId) return;
+        if (layer.layerType !== LayerType.baseLayer || draft.availableBaseLayers.byId[layer.id] || !layer.mapId) {
+          return;
+        }
+
         draft.availableBaseLayers.byId[layer.id] = createLayer(Object.assign({
           id: layer.id,
           layerType: layer.layerType
@@ -2781,8 +2810,13 @@ var slice$5 = createSlice({
       });
 
       if (draft.byId[mapId]) {
-        if (baseLayerIds.length !== 0) draft.byId[mapId].baseLayers = baseLayerIds;
-        if (overLayerIds.length !== 0) draft.byId[mapId].overLayers = overLayerIds;
+        if (baseLayerIds.length !== 0) {
+          draft.byId[mapId].baseLayers = baseLayerIds;
+        }
+
+        if (overLayerIds.length !== 0) {
+          draft.byId[mapId].overLayers = overLayerIds;
+        }
       }
     }).addCase(layerDelete$1, function (draft, action) {
       var _action$payload27 = action.payload,
@@ -13099,17 +13133,23 @@ var SearchFieldButtonContainer = function SearchFieldButtonContainer(_ref) {
     }, /*#__PURE__*/React__default.createElement(Clear, null)));
   };
 
-  if (isURL(localSearchString)) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      marginRight: '15px'
-    }
-  }, /*#__PURE__*/React__default.createElement(ClearButton, null)), /*#__PURE__*/React__default.createElement(Button, {
-    variant: "tertiary",
-    onClick: function onClick() {
-      return setPopupIsOpen(true);
-    }
-  }, "Save"));
-  if (localSearchString) return /*#__PURE__*/React__default.createElement(ClearButton, null);
+  if (isURL(localSearchString)) {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        marginRight: '15px'
+      }
+    }, /*#__PURE__*/React__default.createElement(ClearButton, null)), /*#__PURE__*/React__default.createElement(Button, {
+      variant: "tertiary",
+      onClick: function onClick() {
+        return setPopupIsOpen(true);
+      }
+    }, "Save"));
+  }
+
+  if (localSearchString) {
+    return /*#__PURE__*/React__default.createElement(ClearButton, null);
+  }
+
   return /*#__PURE__*/React__default.createElement(CustomTooltip, {
     title: "Search",
     placement: "top"
@@ -16298,6 +16338,13 @@ var DimensionSelectSlider = function DimensionSelectSlider(_ref) {
   var sliderValue = managedValue !== null ? values.findIndex(function (v) {
     return v === managedValue;
   }) : currentIndex;
+
+  var upDownNavigation = function upDownNavigation(event) {
+    if (event.key === 'ArrowLeft' || event.key === 'ArrowRight' || event.metaKey || event.ctrlKey) {
+      event.preventDefault();
+    }
+  };
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
     "data-testid": "slider-dimensionSelect",
     sx: {
@@ -16323,6 +16370,7 @@ var DimensionSelectSlider = function DimensionSelectSlider(_ref) {
     } : {},
     disabled: isDisabled,
     value: sliderValue,
+    onKeyDown: upDownNavigation,
     onChange: function onChange(e, val) {
       onChangeDimensionValue(values[val].toString());
       if (!managedValue) setCurrentIndex(val);
@@ -18453,7 +18501,11 @@ function useAnimationTime(animationStartTime, animationEndTime, onSetAnimationSt
     if (leftMarkerDragging) {
       var mousePosition = leftMarkerPx + x;
       var rightAnimationPosition = rightMarkerPx - DRAG_AREA_WIDTH * 2;
-      if (mousePosition >= rightAnimationPosition || mousePosition <= 0) return; // eslint-disable-next-line no-param-reassign
+
+      if (mousePosition >= rightAnimationPosition || mousePosition <= 0) {
+        return;
+      } // eslint-disable-next-line no-param-reassign
+
 
       dragTooltipPosition.current = pixelsToLeft ? mousePosition + pixelsToLeft : mousePosition;
       var mouseTimeUnix = pixelToTimestamp(mousePosition, centerTime, canvasWidth, secondsPerPx);
@@ -18466,7 +18518,11 @@ function useAnimationTime(animationStartTime, animationEndTime, onSetAnimationSt
       var _mousePosition = rightMarkerPx + x;
 
       var leftAnimationPosition = leftMarkerPx + DRAG_AREA_WIDTH * 2;
-      if (leftAnimationPosition >= _mousePosition || _mousePosition >= canvasWidth) return; // eslint-disable-next-line no-param-reassign
+
+      if (leftAnimationPosition >= _mousePosition || _mousePosition >= canvasWidth) {
+        return;
+      } // eslint-disable-next-line no-param-reassign
+
 
       dragTooltipPosition.current = pixelsToLeft ? _mousePosition + pixelsToLeft : _mousePosition;
 
@@ -18712,7 +18768,9 @@ var TimeSliderLegend = function TimeSliderLegend(_ref) {
       isClickOrDrag.current = 'drag';
     }
 
-    if (selectedTimeDragging || leftMarkerDragging || rightMarkerDragging) return;
+    if (selectedTimeDragging || leftMarkerDragging || rightMarkerDragging) {
+      return;
+    }
 
     var _map5 = [localAnimationStartTime, localAnimationEndTime, selectedTime].map(function (timestamp) {
       return timestampToPixel(timestamp, centerTime, width, secondsPerPx);
@@ -19805,10 +19863,12 @@ var TimeSliderCurrentTimeBoxConnectComponent = function TimeSliderCurrentTimeBox
     isAutoUpdating: isAutoUpdating,
     unfilteredSelectedTime: unfilteredSelectedTime || selectedTime,
     setUnfilteredSelectedTime: function setUnfilteredSelectedTime(timeSliderUnfilteredSelectedTime) {
-      if (setTimeSliderUnfilteredSelectedTime) setTimeSliderUnfilteredSelectedTime({
-        timeSliderUnfilteredSelectedTime: timeSliderUnfilteredSelectedTime,
-        mapId: mapId
-      });
+      if (setTimeSliderUnfilteredSelectedTime) {
+        setTimeSliderUnfilteredSelectedTime({
+          timeSliderUnfilteredSelectedTime: timeSliderUnfilteredSelectedTime,
+          mapId: mapId
+        });
+      }
     },
     onSetNewDate: function onSetNewDate(newDate) {
       if (isAnimating) {
@@ -21558,12 +21618,19 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
         if (this.myDrawMode === DRAWMODE.POINT || this.myDrawMode === DRAWMODE.MULTIPOINT) {
           /* Create points */
           var pointGeometry = feature.geometry;
-          if (pointGeometry) if (pointGeometry.coordinates === undefined) {
-            pointGeometry.coordinates = [];
+
+          if (pointGeometry) {
+            if (pointGeometry.coordinates === undefined) {
+              pointGeometry.coordinates = [];
+            }
           }
+
           var multiPointGeometry = feature.geometry;
-          if (multiPointGeometry) if (multiPointGeometry.coordinates === undefined) {
-            multiPointGeometry.coordinates = [[]];
+
+          if (multiPointGeometry) {
+            if (multiPointGeometry.coordinates === undefined) {
+              multiPointGeometry.coordinates = [[]];
+            }
           }
 
           if (this.myDrawMode === DRAWMODE.POINT) {
@@ -21604,8 +21671,11 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
         if (this.myDrawMode === DRAWMODE.POLYGON || this.myDrawMode === DRAWMODE.BOX) {
           /* Create poly's and boxes */
           this.myEditMode = EDITMODE.ADD_FEATURE;
-          if (feature.geometry) if (feature.geometry.coordinates === undefined) {
-            feature.geometry.coordinates = [[]];
+
+          if (feature.geometry) {
+            if (feature.geometry.coordinates === undefined) {
+              feature.geometry.coordinates = [[]];
+            }
           }
 
           if (feature.geometry.coordinates[0] === undefined || feature.geometry.coordinates[0].length === 0) {
@@ -22026,7 +22096,9 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "validatePolys",
     value: function validatePolys(fixPolys) {
-      if (!this.geojson || !this.geojson.features || !this.geojson.features.length) return;
+      if (!this.geojson || !this.geojson.features || !this.geojson.features.length) {
+        return;
+      }
 
       for (var featureIndex = 0; featureIndex < this.geojson.features.length; featureIndex += 1) {
         if (!this.geojson.features) this.geojson.features = [];
@@ -22111,7 +22183,11 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props12 = this.props,
           featureNrToEdit = _this$props12.featureNrToEdit,
           isInEditMode = _this$props12.isInEditMode;
-      if (!this.geojson || !this.geojson.features || !this.geojson.features.length) return;
+
+      if (!this.geojson || !this.geojson.features || !this.geojson.features.length) {
+        return;
+      }
+
       this.textPositions = [];
       this.mouseOverPolygonCoordinates = [];
       this.mouseOverPolygonFeatureIndex = -1;
@@ -22673,7 +22749,11 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
           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;
+
+      if (feature.geometry.type !== 'Polygon' && feature.geometry.type !== 'MultiPolygon') {
+        return;
+      }
+
       var polyProps = feature.properties;
       if (!polyProps) polyProps = this.defaultPolyProps;
       /* Draw polygons and calculate center of poly */
@@ -22785,7 +22865,10 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
       } else {
         this.validateFeature(feature); // eslint-disable-next-line no-underscore-dangle
 
-        if (feature.properties._adaguctype) delete feature.properties._adaguctype; // eslint-disable-next-line default-case
+        if (feature.properties._adaguctype) {
+          delete feature.properties._adaguctype;
+        } // eslint-disable-next-line default-case
+
 
         switch (type) {
           case DRAWMODE.POINT:
@@ -22794,8 +22877,12 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
 
           case DRAWMODE.MULTIPOINT:
             feature.geometry.type = 'MultiPoint';
-            if (feature.geometry.coordinates.length === 0) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+            if (feature.geometry.coordinates.length === 0) {
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
               feature.geometry.coordinates.push([]);
+            }
+
             break;
 
           case DRAWMODE.BOX:
@@ -22806,14 +22893,22 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
 
           case DRAWMODE.POLYGON:
             feature.geometry.type = 'Polygon';
-            if (feature.geometry.coordinates.length === 0) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+            if (feature.geometry.coordinates.length === 0) {
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
               feature.geometry.coordinates.push([]);
+            }
+
             break;
 
           case DRAWMODE.LINESTRING:
             feature.geometry.type = 'LineString';
-            if (feature.geometry.coordinates.length === 0) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+            if (feature.geometry.coordinates.length === 0) {
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
               feature.geometry.coordinates.push([]);
+            }
+
             break;
         }
       }
@@ -22824,7 +22919,10 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "checkIfFeatureIsBox",
     value: function checkIfFeatureIsBox(feature) {
-      if (!feature || !feature.properties || !feature.properties._adaguctype) return false;
+      if (!feature || !feature.properties || !feature.properties._adaguctype) {
+        return false;
+      }
+
       return feature.properties._adaguctype === 'box';
     }
   }, {
@@ -23017,24 +23115,31 @@ var getWMJSLayerFromReactLayer = function getWMJSLayerFromReactLayer(mapId, wmLa
   var wmjsMap = getWMJSMapById(mapId);
   /* Some safety checks */
 
-  if (!wmjsMap || !wmLayers || !reactLayerId || !layerName) return {
-    layer: null,
-    layerArrayMutated: false
-  };
+  if (!wmjsMap || !wmLayers || !reactLayerId || !layerName) {
+    return {
+      layer: null,
+      layerArrayMutated: false
+    };
+  }
   /* Find the wmlayer by its react layer id */
 
+
   var matchingLayerIndex = wmLayers.findIndex(function (wmLayer) {
     return wmLayer.id === reactLayerId;
   });
-  if (matchingLayerIndex === -1) return {
-    layer: null,
-    layerArrayMutated: false
-  };
+
+  if (matchingLayerIndex === -1) {
+    return {
+      layer: null,
+      layerArrayMutated: false
+    };
+  }
   /*
      The layer order in the react children array index is
      reversed compared to the layer order in the wmLayer array index
   */
 
+
   var reactLayerIndex = wmLayers.length - 1 - wmLayerIndex;
   var isMapLayer = isAMapLayer(reactWebMapJSLayer.props);
   var mapLayerArrayShouldBeMutated = isMapLayer && matchingLayerIndex !== reactLayerIndex;
@@ -25487,6 +25592,7 @@ var ConfigurableMapConnect = function ConfigurableMapConnect(_a) {
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, []);
+  var mapControlsPositionTop = title ? 24 : 8;
   return /*#__PURE__*/React__default.createElement(Box, {
     sx: {
       width: '100%',
@@ -25495,13 +25601,13 @@ var ConfigurableMapConnect = function ConfigurableMapConnect(_a) {
       overflow: 'hidden'
     },
     "data-testid": "ConfigurableMap"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
+  }, title && /*#__PURE__*/React__default.createElement(Typography, {
     "data-testid": "mapTitle",
     sx: titleStyle
-  }, title || mapId), /*#__PURE__*/React__default.createElement(MapControls, {
+  }, title), /*#__PURE__*/React__default.createElement(MapControls, {
     "data-testid": "mapControls",
     style: {
-      top: 24
+      top: mapControlsPositionTop
     }
   }, /*#__PURE__*/React__default.createElement(ZoomControlConnect, {
     mapId: id
@@ -25635,7 +25741,7 @@ var MultiMapViewConnect = function MultiMapViewConnect(_ref) {
       style: mapStyle,
       sx: mapBoxStyle
     }, /*#__PURE__*/React__default.createElement(ConfigurableMapConnect, {
-      title: map.title,
+      title: map.title || mapId,
       id: mapId,
       layers: map.layers || [],
       activeLayerId: map.activeLayerId || undefined,

package/index.umd.js

@@ -431,7 +431,11 @@
       var wmjsTimeDim = getWMJSTimeDimensionForLayerId(layerId);
       if (!wmjsTimeDim) return null;
       var currentIndex = wmjsTimeDim.getIndexForValue(wmjsTimeDim.currentValue, false);
-      if (currentIndex < 0 || currentIndex - 1 < 0) return wmjsTimeDim.getClosestValue(wmjsTimeDim.currentValue, true);
+
+      if (currentIndex < 0 || currentIndex - 1 < 0) {
+        return wmjsTimeDim.getClosestValue(wmjsTimeDim.currentValue, true);
+      }
+
       return wmjsTimeDim.getValueForIndex(currentIndex - 1);
     };
     /**
@@ -441,9 +445,17 @@
 
     var getNextTimeStepForLayerId = function getNextTimeStepForLayerId(layerId) {
       var wmjsTimeDim = getWMJSTimeDimensionForLayerId(layerId);
-      if (!wmjsTimeDim) return null;
+
+      if (!wmjsTimeDim) {
+        return null;
+      }
+
       var currentIndex = wmjsTimeDim.getIndexForValue(wmjsTimeDim.currentValue, false);
-      if (currentIndex < 0 || currentIndex + 1 >= wmjsTimeDim.size()) return wmjsTimeDim.getClosestValue(wmjsTimeDim.currentValue, true);
+
+      if (currentIndex < 0 || currentIndex + 1 >= wmjsTimeDim.size()) {
+        return wmjsTimeDim.getClosestValue(wmjsTimeDim.currentValue, true);
+      }
+
       return wmjsTimeDim.getValueForIndex(currentIndex + 1);
     };
     /**
@@ -1617,7 +1629,10 @@
         },
         baseLayerDelete: function baseLayerDelete(draft, action) {
           var layerId = action.payload.layerId;
-          if (draft.byId[layerId].layerType !== LayerType.baseLayer && draft.byId[layerId].layerType !== LayerType.overLayer) return;
+
+          if (draft.byId[layerId].layerType !== LayerType.baseLayer && draft.byId[layerId].layerType !== LayerType.overLayer) {
+            return;
+          }
 
           if (draft.byId[layerId]) {
             draft.allIds = draft.allIds.filter(function (id) {
@@ -1672,8 +1687,13 @@
 
           var layerTypes = [];
           filtererdBaseLayers.forEach(function (layer) {
-            if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer) return;
-            if (!layerTypes.includes(layer.layerType)) layerTypes.push(layer.layerType);
+            if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer) {
+              return;
+            }
+
+            if (!layerTypes.includes(layer.layerType)) {
+              layerTypes.push(layer.layerType);
+            }
           });
           var state = produce.current(draft); // remove current layers with same type as one of the passed layers
 
@@ -1696,7 +1716,10 @@
         },
         addBaseLayer: function addBaseLayer(draft, action) {
           var layer = action.payload.layer;
-          if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer) return;
+
+          if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer) {
+            return;
+          }
 
           if (!draft.byId[layer.id]) {
             draft.byId[layer.id] = createLayer(__assign({
@@ -1717,7 +1740,10 @@
         },
         addAvailableBaseLayer: function addAvailableBaseLayer(draft, action) {
           var layer = action.payload.layer;
-          if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer || !layer.mapId) return;
+
+          if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer || !layer.mapId) {
+            return;
+          }
 
           if (!draft.availableBaseLayers.byId[layer.id]) {
             draft.availableBaseLayers.byId[layer.id] = createLayer(__assign({
@@ -1731,7 +1757,10 @@
           var layers = action.payload.layers; // add new available baselayers
 
           layers.forEach(function (layer) {
-            if (layer.layerType !== LayerType.baseLayer || draft.availableBaseLayers.byId[layer.id] || !layer.mapId) return;
+            if (layer.layerType !== LayerType.baseLayer || draft.availableBaseLayers.byId[layer.id] || !layer.mapId) {
+              return;
+            }
+
             draft.availableBaseLayers.byId[layer.id] = createLayer(__assign({
               id: layer.id,
               layerType: layer.layerType
@@ -2675,8 +2704,13 @@
           });
 
           if (draft.byId[mapId]) {
-            if (baseLayerIds.length !== 0) draft.byId[mapId].baseLayers = baseLayerIds;
-            if (overLayerIds.length !== 0) draft.byId[mapId].overLayers = overLayerIds;
+            if (baseLayerIds.length !== 0) {
+              draft.byId[mapId].baseLayers = baseLayerIds;
+            }
+
+            if (overLayerIds.length !== 0) {
+              draft.byId[mapId].overLayers = overLayerIds;
+            }
           }
         }).addCase(layerDelete$1, function (draft, action) {
           var _a = action.payload,
@@ -5719,9 +5753,12 @@
         switch (_b.label) {
           case 0:
             /* Should not listen to actions from itself */
-            if (payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer) return [2
-            /*return*/
-            ];
+            if (payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer) {
+              return [2
+              /*return*/
+              ];
+            }
+
             return [4
             /*yield*/
             , effects.select(getLayerActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS)];
@@ -5755,9 +5792,12 @@
         switch (_b.label) {
           case 0:
             /* Should not listen to actions from itself */
-            if (payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer) return [2
-            /*return*/
-            ];
+            if (payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer) {
+              return [2
+              /*return*/
+              ];
+            }
+
             return [4
             /*yield*/
             , effects.select(getAddLayerActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS)];
@@ -5791,9 +5831,12 @@
         switch (_b.label) {
           case 0:
             /* Should not listen to actions from itself */
-            if (payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer) return [2
-            /*return*/
-            ];
+            if (payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer) {
+              return [2
+              /*return*/
+              ];
+            }
+
             return [4
             /*yield*/
             , effects.select(getLayerDeleteActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS)];
@@ -5827,9 +5870,12 @@
         switch (_b.label) {
           case 0:
             /* Should not listen to actions from itself */
-            if (payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer) return [2
-            /*return*/
-            ];
+            if (payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer) {
+              return [2
+              /*return*/
+              ];
+            }
+
             return [4
             /*yield*/
             , effects.select(getLayerMoveActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS)];
@@ -5895,9 +5941,12 @@
         switch (_b.label) {
           case 0:
             /* Should not listen to actions from itself */
-            if (payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer) return [2
-            /*return*/
-            ];
+            if (payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer) {
+              return [2
+              /*return*/
+              ];
+            }
+
             return [4
             /*yield*/
             , effects.select(getMapBaseLayerActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS)];
@@ -9083,7 +9132,8 @@
           case 38:
             if (!(toggleTimestepAuto !== undefined)) return [3
             /*break*/
-            , 40];
+            , 40]; //  Set timestep auto based on preset if animation is off
+
             return [4
             /*yield*/
             , effects.put(mapActions$1.toggleTimestepAuto({
@@ -9092,6 +9142,7 @@
             }))];
 
           case 39:
+            //  Set timestep auto based on preset if animation is off
             _f.sent();
 
             _f.label = 40;
@@ -13643,17 +13694,23 @@
         }, /*#__PURE__*/React__default["default"].createElement(theme.Clear, null)));
       };
 
-      if (isURL(localSearchString)) return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-        style: {
-          marginRight: '15px'
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(ClearButton, null)), /*#__PURE__*/React__default["default"].createElement(material.Button, {
-        variant: "tertiary",
-        onClick: function onClick() {
-          return setPopupIsOpen(true);
-        }
-      }, "Save"));
-      if (localSearchString) return /*#__PURE__*/React__default["default"].createElement(ClearButton, null);
+      if (isURL(localSearchString)) {
+        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+          style: {
+            marginRight: '15px'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement(ClearButton, null)), /*#__PURE__*/React__default["default"].createElement(material.Button, {
+          variant: "tertiary",
+          onClick: function onClick() {
+            return setPopupIsOpen(true);
+          }
+        }, "Save"));
+      }
+
+      if (localSearchString) {
+        return /*#__PURE__*/React__default["default"].createElement(ClearButton, null);
+      }
+
       return /*#__PURE__*/React__default["default"].createElement(shared.CustomTooltip, {
         title: "Search",
         placement: "top"
@@ -16970,8 +17027,8 @@
      * 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)
+     * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+     * Copyright 2023 - Finnish Meteorological Institute (FMI)
      * */
     var SmallFontSlider = material.styled(material.Slider)(function () {
       return {
@@ -17022,6 +17079,13 @@
       var sliderValue = managedValue !== null ? values.findIndex(function (v) {
         return v === managedValue;
       }) : currentIndex;
+
+      var upDownNavigation = function upDownNavigation(event) {
+        if (event.key === 'ArrowLeft' || event.key === 'ArrowRight' || event.metaKey || event.ctrlKey) {
+          event.preventDefault();
+        }
+      };
+
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(material.Box, {
         "data-testid": "slider-dimensionSelect",
         sx: {
@@ -17047,6 +17111,7 @@
         } : {},
         disabled: isDisabled,
         value: sliderValue,
+        onKeyDown: upDownNavigation,
         onChange: function onChange(e, val) {
           onChangeDimensionValue(values[val].toString());
           if (!managedValue) setCurrentIndex(val);
@@ -19289,7 +19354,11 @@
         if (leftMarkerDragging) {
           var mousePosition = leftMarkerPx + x;
           var rightAnimationPosition = rightMarkerPx - DRAG_AREA_WIDTH * 2;
-          if (mousePosition >= rightAnimationPosition || mousePosition <= 0) return; // eslint-disable-next-line no-param-reassign
+
+          if (mousePosition >= rightAnimationPosition || mousePosition <= 0) {
+            return;
+          } // eslint-disable-next-line no-param-reassign
+
 
           dragTooltipPosition.current = pixelsToLeft ? mousePosition + pixelsToLeft : mousePosition;
           var mouseTimeUnix = pixelToTimestamp(mousePosition, centerTime, canvasWidth, secondsPerPx);
@@ -19301,7 +19370,11 @@
         if (rightMarkerDragging) {
           var mousePosition = rightMarkerPx + x;
           var leftAnimationPosition = leftMarkerPx + DRAG_AREA_WIDTH * 2;
-          if (leftAnimationPosition >= mousePosition || mousePosition >= canvasWidth) return; // eslint-disable-next-line no-param-reassign
+
+          if (leftAnimationPosition >= mousePosition || mousePosition >= canvasWidth) {
+            return;
+          } // eslint-disable-next-line no-param-reassign
+
 
           dragTooltipPosition.current = pixelsToLeft ? mousePosition + pixelsToLeft : mousePosition;
           var mouseTimeUnix = pixelToTimestamp(mousePosition, centerTime, canvasWidth, secondsPerPx);
@@ -19534,7 +19607,9 @@
           isClickOrDrag.current = 'drag';
         }
 
-        if (selectedTimeDragging || leftMarkerDragging || rightMarkerDragging) return;
+        if (selectedTimeDragging || leftMarkerDragging || rightMarkerDragging) {
+          return;
+        }
 
         var _a = __read([localAnimationStartTime, localAnimationEndTime, selectedTime].map(function (timestamp) {
           return timestampToPixel(timestamp, centerTime, width, secondsPerPx);
@@ -20727,10 +20802,12 @@
         isAutoUpdating: isAutoUpdating,
         unfilteredSelectedTime: unfilteredSelectedTime || selectedTime,
         setUnfilteredSelectedTime: function setUnfilteredSelectedTime(timeSliderUnfilteredSelectedTime) {
-          if (setTimeSliderUnfilteredSelectedTime) setTimeSliderUnfilteredSelectedTime({
-            timeSliderUnfilteredSelectedTime: timeSliderUnfilteredSelectedTime,
-            mapId: mapId
-          });
+          if (setTimeSliderUnfilteredSelectedTime) {
+            setTimeSliderUnfilteredSelectedTime({
+              timeSliderUnfilteredSelectedTime: timeSliderUnfilteredSelectedTime,
+              mapId: mapId
+            });
+          }
         },
         onSetNewDate: function onSetNewDate(newDate) {
           if (isAnimating) {
@@ -22490,12 +22567,19 @@
           if (this.myDrawMode === DRAWMODE.POINT || this.myDrawMode === DRAWMODE.MULTIPOINT) {
             /* Create points */
             var pointGeometry = feature.geometry;
-            if (pointGeometry) if (pointGeometry.coordinates === undefined) {
-              pointGeometry.coordinates = [];
+
+            if (pointGeometry) {
+              if (pointGeometry.coordinates === undefined) {
+                pointGeometry.coordinates = [];
+              }
             }
+
             var multiPointGeometry = feature.geometry;
-            if (multiPointGeometry) if (multiPointGeometry.coordinates === undefined) {
-              multiPointGeometry.coordinates = [[]];
+
+            if (multiPointGeometry) {
+              if (multiPointGeometry.coordinates === undefined) {
+                multiPointGeometry.coordinates = [[]];
+              }
             }
 
             if (this.myDrawMode === DRAWMODE.POINT) {
@@ -22535,8 +22619,11 @@
           if (this.myDrawMode === DRAWMODE.POLYGON || this.myDrawMode === DRAWMODE.BOX) {
             /* Create poly's and boxes */
             this.myEditMode = EDITMODE.ADD_FEATURE;
-            if (feature.geometry) if (feature.geometry.coordinates === undefined) {
-              feature.geometry.coordinates = [[]];
+
+            if (feature.geometry) {
+              if (feature.geometry.coordinates === undefined) {
+                feature.geometry.coordinates = [[]];
+              }
             }
 
             if (feature.geometry.coordinates[0] === undefined || feature.geometry.coordinates[0].length === 0) {
@@ -22940,7 +23027,9 @@
       };
 
       AdagucMapDraw.prototype.validatePolys = function (fixPolys) {
-        if (!this.geojson || !this.geojson.features || !this.geojson.features.length) return;
+        if (!this.geojson || !this.geojson.features || !this.geojson.features.length) {
+          return;
+        }
 
         for (var featureIndex = 0; featureIndex < this.geojson.features.length; featureIndex += 1) {
           if (!this.geojson.features) this.geojson.features = [];
@@ -23024,7 +23113,11 @@
         var _a = this.props,
             featureNrToEdit = _a.featureNrToEdit,
             isInEditMode = _a.isInEditMode;
-        if (!this.geojson || !this.geojson.features || !this.geojson.features.length) return;
+
+        if (!this.geojson || !this.geojson.features || !this.geojson.features.length) {
+          return;
+        }
+
         this.textPositions = [];
         this.mouseOverPolygonCoordinates = [];
         this.mouseOverPolygonFeatureIndex = -1;
@@ -23570,7 +23663,11 @@
             featureNrToEdit = _a.featureNrToEdit;
         var feature = this.geojson.features[featureIndex];
         if (!feature || !feature.geometry) return;
-        if (feature.geometry.type !== 'Polygon' && feature.geometry.type !== 'MultiPolygon') return;
+
+        if (feature.geometry.type !== 'Polygon' && feature.geometry.type !== 'MultiPolygon') {
+          return;
+        }
+
         var polyProps = feature.properties;
         if (!polyProps) polyProps = this.defaultPolyProps;
         /* Draw polygons and calculate center of poly */
@@ -23680,7 +23777,10 @@
         } else {
           this.validateFeature(feature); // eslint-disable-next-line no-underscore-dangle
 
-          if (feature.properties._adaguctype) delete feature.properties._adaguctype; // eslint-disable-next-line default-case
+          if (feature.properties._adaguctype) {
+            delete feature.properties._adaguctype;
+          } // eslint-disable-next-line default-case
+
 
           switch (type) {
             case DRAWMODE.POINT:
@@ -23689,8 +23789,12 @@
 
             case DRAWMODE.MULTIPOINT:
               feature.geometry.type = 'MultiPoint';
-              if (feature.geometry.coordinates.length === 0) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+              if (feature.geometry.coordinates.length === 0) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 feature.geometry.coordinates.push([]);
+              }
+
               break;
 
             case DRAWMODE.BOX:
@@ -23701,14 +23805,22 @@
 
             case DRAWMODE.POLYGON:
               feature.geometry.type = 'Polygon';
-              if (feature.geometry.coordinates.length === 0) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+              if (feature.geometry.coordinates.length === 0) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 feature.geometry.coordinates.push([]);
+              }
+
               break;
 
             case DRAWMODE.LINESTRING:
               feature.geometry.type = 'LineString';
-              if (feature.geometry.coordinates.length === 0) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+              if (feature.geometry.coordinates.length === 0) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 feature.geometry.coordinates.push([]);
+              }
+
               break;
           }
         }
@@ -23718,7 +23830,10 @@
 
 
       AdagucMapDraw.prototype.checkIfFeatureIsBox = function (feature) {
-        if (!feature || !feature.properties || !feature.properties._adaguctype) return false;
+        if (!feature || !feature.properties || !feature.properties._adaguctype) {
+          return false;
+        }
+
         return feature.properties._adaguctype === 'box';
       };
 
@@ -23908,24 +24023,31 @@
       var wmjsMap = getWMJSMapById(mapId);
       /* Some safety checks */
 
-      if (!wmjsMap || !wmLayers || !reactLayerId || !layerName) return {
-        layer: null,
-        layerArrayMutated: false
-      };
+      if (!wmjsMap || !wmLayers || !reactLayerId || !layerName) {
+        return {
+          layer: null,
+          layerArrayMutated: false
+        };
+      }
       /* Find the wmlayer by its react layer id */
 
+
       var matchingLayerIndex = wmLayers.findIndex(function (wmLayer) {
         return wmLayer.id === reactLayerId;
       });
-      if (matchingLayerIndex === -1) return {
-        layer: null,
-        layerArrayMutated: false
-      };
+
+      if (matchingLayerIndex === -1) {
+        return {
+          layer: null,
+          layerArrayMutated: false
+        };
+      }
       /*
          The layer order in the react children array index is
          reversed compared to the layer order in the wmLayer array index
       */
 
+
       var reactLayerIndex = wmLayers.length - 1 - wmLayerIndex;
       var isMapLayer = isAMapLayer(reactWebMapJSLayer.props);
       var mapLayerArrayShouldBeMutated = isMapLayer && matchingLayerIndex !== reactLayerIndex;
@@ -26406,6 +26528,7 @@
         } // eslint-disable-next-line react-hooks/exhaustive-deps
 
       }, []);
+      var mapControlsPositionTop = title ? 24 : 8;
       return /*#__PURE__*/React__default["default"].createElement(material.Box, {
         sx: {
           width: '100%',
@@ -26414,13 +26537,13 @@
           overflow: 'hidden'
         },
         "data-testid": "ConfigurableMap"
-      }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
+      }, title && /*#__PURE__*/React__default["default"].createElement(material.Typography, {
         "data-testid": "mapTitle",
         sx: titleStyle
-      }, title || mapId), /*#__PURE__*/React__default["default"].createElement(MapControls, {
+      }, title), /*#__PURE__*/React__default["default"].createElement(MapControls, {
         "data-testid": "mapControls",
         style: {
-          top: 24
+          top: mapControlsPositionTop
         }
       }, /*#__PURE__*/React__default["default"].createElement(ZoomControlConnect, {
         mapId: id
@@ -26554,7 +26677,7 @@
           style: mapStyle,
           sx: mapBoxStyle
         }, /*#__PURE__*/React__default["default"].createElement(ConfigurableMapConnect, {
-          title: map.title,
+          title: map.title || mapId,
           id: mapId,
           layers: map.layers || [],
           activeLayerId: map.activeLayerId || undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "4.16.0",
+  "version": "4.17.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,9 +13,9 @@
   "dependencies": {},
   "peerDependencies": {
     "react": "^18.2.0",
-    "@opengeoweb/shared": "4.16.0",
+    "@opengeoweb/shared": "4.17.0",
     "@mui/material": "^5.10.8",
-    "@opengeoweb/theme": "4.16.0",
+    "@opengeoweb/theme": "4.17.0",
     "react-draggable": "^4.4.5",
     "re-resizable": "^6.9.0",
     "@redux-eggs/core": "^2.2.0",
@@ -24,16 +24,16 @@
     "axios": "^0.25.0",
     "date-fns": "^2.29.3",
     "moment": "^2.29.0",
-    "@opengeoweb/webmap": "4.16.0",
+    "@opengeoweb/webmap": "4.17.0",
     "throttle-debounce": "^3.0.1",
     "proj4": "^2.6.2",
-    "@opengeoweb/api": "4.16.0",
+    "@opengeoweb/api": "4.17.0",
     "react-intl": "^5.17.5",
     "react-sortablejs": "^6.1.4",
     "sortablejs": "^1.15.0",
     "immer": "^9.0.15",
     "react-window": "^1.8.7",
-    "@opengeoweb/form-fields": "4.16.0",
+    "@opengeoweb/form-fields": "4.17.0",
     "react-hook-form": "^7.41.5",
     "moment-timezone": "^0.5.31",
     "@mui/x-date-pickers": "^5.0.4",