@opengeoweb/core 12.12.0 → 12.13.0

package/index.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useCallback, useEffect, useContext, useMemo } from 'react';
-import { Grid, Box, MenuItem, Typography, useTheme, Popper, Fade, Tooltip, styled, LinearProgress, FormControl, InputLabel, Paper, List, ListItemButton, ListItemText, CircularProgress, ListSubheader, DialogContentText, TextField, InputAdornment, Button, Autocomplete, ListItemIcon, Checkbox, Switch, Select } from '@mui/material';
+import { Grid, Box, MenuItem, Typography, useTheme, Popper, Fade, Tooltip, styled, Checkbox, LinearProgress, FormControl, InputLabel, Paper, List, ListItemButton, ListItemText, CircularProgress, ListSubheader, DialogContentText, TextField, InputAdornment, Button, Autocomplete, ListItemIcon, Switch, Select } from '@mui/material';
 import { safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, CustomIconButton, CustomTooltip, TooltipSelect, AlertIcon, useScrollingInIsolation, sliderHeaderStyle, CustomSlider, ToggleMenu, tooltipContainerStyles, renderCounter, AlertBanner, CustomAccordion, CustomDialog, PROJECTION, calculateStartSize, useWheelStopPropagation, ToolContainerDraggable, dateUtils, useDebounce, sessionStorageProvider, usePrevious, ErrorBoundary } from '@opengeoweb/shared';
 import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, CloudLoading, ColumnCollapsed, ColumnCollapse, Copy, None, FastForward, AutoUpdateActive, Both, Delete, Visibility, VisibilityOff, DragHandle as DragHandle$1, Cached, Add, MapAdd, WorldMapProjection, Overlayers, Layers, ExitDomain, Info, Search, Exclamation, MyLocation, Close, ThemeWrapper, lightTheme, FlagBritain, FlagNetherlands, FlagFinland, FlagNorway } from '@opengeoweb/theme';
 import i18n from 'i18next';
@@ -12,7 +12,7 @@ import { useDispatch, useSelector, connect, useStore, Provider } from 'react-red
 import { ReactSortable } from 'react-sortablejs';
 import Sortable from 'sortablejs';
 import { layerTypes, layerUtils, mapSelectors, layerActions, layerSelectors, serviceSelectors, serviceActions, mapActions, mapEnums, uiSelectors, uiTypes, useSetupDialog, filterLayers, getUserAddedServices, uiActions, genericActions, syncGroupsSelectors, drawingToolSelectors, syncConstants, getViewObjectForSyncGroup, getViewObjectForMapId, genericSelectors, loadingIndicatorActions, defaultLayers, getSingularDrawtoolDrawLayerId, syncGroupsSelector, syncGroupsActions, routerUtils, mapUtils } from '@opengeoweb/store';
-import { webmapUtils, queryWMSServiceInfo, queryWMSLayers, queryWMSLayersTree, invalidateWMSGetCapabilities, LayerType, getWMSServiceId, handleDateUtilsISOString, getMapDimURL, generateLayerId, WMJSDimension, getWMLayerById, WMLayer } from '@opengeoweb/webmap';
+import { webmapUtils, LayerType, queryWMSServiceInfo, queryWMSLayers, queryWMSLayersTree, invalidateWMSGetCapabilities, getWMSServiceId, handleDateUtilsISOString, getMapDimURL, generateLayerId, WMJSDimension, getWMLayerById, WMLayer } from '@opengeoweb/webmap';
 import _, { isArray, isEqual, range } from 'lodash';
 import { Box as Box$1, styled as styled$1 } from '@mui/system';
 import { LayerSelectButtonConnect, LayerSelectConnect, DataExplorerButtonConnect } from '@opengeoweb/layer-select';
@@ -58,6 +58,7 @@ var en = {
 	"layermanager-style-title": "Style",
 	"layermanager-layer-error": "This layer could not be loaded: does not exist on the server.",
 	"layermanager-layer": "Layer",
+	"layermanager-layer-multi": "Layers",
 	"layermanager-layer-toggle": "Toggle visibility",
 	"layermanager-layer-select": "Open the layer selector",
 	"layermanager-layer-drag": "Drag",
@@ -75,6 +76,7 @@ var en = {
 	"layermanager-header-button-large": "large",
 	"layermanager-header-button-dock": "Dock",
 	"layermanager-header-button-undock": "Undock",
+	"layermanager-EDR-multiparam": "Multi params",
 	"projection-title": "Projection",
 	"wms-loader-description": "Please enter a wms server, or select one from the list.",
 	"wms-loader-no-data": "No data",
@@ -1387,6 +1389,27 @@ var DimensionSelect = function DimensionSelect(_ref) {
   });
 };
 
+var showNoLayers = function showNoLayers(t) {
+  return jsx(Box, {
+    sx: {
+      paddingLeft: 1,
+      height: '32px',
+      display: 'inline-flex',
+      alignItems: 'center'
+    },
+    children: jsx(Typography, {
+      variant: "body1",
+      sx: {
+        fontSize: function fontSize(theme) {
+          return theme.palette.geowebColors.layerManager.tableRowDefaultText.fontSize;
+        },
+        color: 'geowebColors.layerManager.tableRowDefaultText.rgba',
+        fontWeight: 500
+      },
+      children: t('layermanager-baselayers-no-available')
+    })
+  });
+};
 var getRenderLayersValues = function getRenderLayersValues(layerName, layers) {
   var serviceLayer = layers.find(function (layer) {
     return layer.name === layerName;
@@ -1425,25 +1448,7 @@ var RenderLayers = function RenderLayers(_ref) {
     t = _useCoreTranslation.t;
   var nonEmptyTooltipPrefix = tooltipPrefix != null ? tooltipPrefix : t('layermanager-layer') + ": ";
   if (!layers || !layers.length) {
-    return jsx(Box, {
-      sx: {
-        paddingLeft: 1,
-        height: '32px',
-        display: 'inline-flex',
-        alignItems: 'center'
-      },
-      children: jsx(Typography, {
-        variant: "body1",
-        sx: {
-          fontSize: function fontSize(theme) {
-            return theme.palette.geowebColors.layerManager.tableRowDefaultText.fontSize;
-          },
-          color: 'geowebColors.layerManager.tableRowDefaultText.rgba',
-          fontWeight: 500
-        },
-        children: t('layermanager-baselayers-no-available')
-      })
-    });
+    return showNoLayers(t);
   }
   var selectLayer = function selectLayer(event) {
     event.stopPropagation();
@@ -2212,6 +2217,8 @@ var LayerRowUnstyled = function LayerRowUnstyled(_ref8) {
     layerName = _ref8.layerName,
     services = _ref8.services,
     mapId = _ref8.mapId,
+    _ref8$isEDRLayer = _ref8.isEDRLayer,
+    isEDRLayer = _ref8$isEDRLayer === void 0 ? false : _ref8$isEDRLayer,
     _ref8$onLayerRowClick = _ref8.onLayerRowClick,
     onLayerRowClick = _ref8$onLayerRowClick === void 0 ? function () {} : _ref8$onLayerRowClick,
     _ref8$isEnabled = _ref8.isEnabled,
@@ -2303,6 +2310,7 @@ var LayerRowUnstyled = function LayerRowUnstyled(_ref8) {
             onChangeActive: onClickRow
           }),
           layerName: layerName,
+          isEDRLayer: isEDRLayer,
           Styles: layerStylesLayout || jsx(Styles, {
             style: layer.style,
             onChangeStyle: changeStyle
@@ -2448,9 +2456,12 @@ var Accordion = function Accordion(_ref0) {
     Opacity = _ref0.Opacity,
     layerName = _ref0.layerName,
     LeftButtons = _ref0.LeftButtons,
-    LoadDuration = _ref0.LoadDuration;
+    LoadDuration = _ref0.LoadDuration,
+    _ref0$isEDRLayer = _ref0.isEDRLayer,
+    isEDRLayer = _ref0$isEDRLayer === void 0 ? false : _ref0$isEDRLayer;
   var _useCoreTranslation3 = useCoreTranslation(),
     t = _useCoreTranslation3.t;
+  var displayLayerName = isEDRLayer && layerName != null && layerName.includes(',') ? t('layermanager-EDR-multiparam') : layerName;
   return jsx(CustomAccordion, {
     className: "medium-layermanager",
     defaultExpanded: false,
@@ -2473,7 +2484,7 @@ var Accordion = function Accordion(_ref0) {
           display: 'flex',
           alignItems: 'center'
         },
-        children: layerName
+        children: displayLayerName
       })]
     }),
     children: jsxs(Grid, {
@@ -2785,6 +2796,128 @@ var RenderStylesConnect = function RenderStylesConnect(_ref) {
   });
 };
 
+var getRenderEDRLayersValues = function getRenderEDRLayersValues(selectedParams, layers) {
+  var paramArray = selectedParams.reduce(function (obj, param) {
+    var serviceLayer = layers.find(function (layer) {
+      return layer.name === param;
+    });
+    if (!serviceLayer) {
+      return {
+        notFound: obj.notFound.concat([param]),
+        found: [].concat(obj.found)
+      };
+    }
+    return {
+      found: obj.found.concat([param]),
+      notFound: [].concat(obj.notFound)
+    };
+  }, {
+    found: [],
+    notFound: []
+  });
+  if (paramArray.notFound.length > 0) {
+    return {
+      currentValues: [].concat(paramArray.found, [paramArray.notFound.join(',')]),
+      extendedLayers: [].concat(layers, [{
+        name: paramArray.notFound.join(','),
+        title: paramArray.notFound.join(','),
+        leaf: true,
+        path: []
+      }])
+    };
+  }
+  return {
+    currentValues: selectedParams,
+    extendedLayers: layers
+  };
+};
+var RenderEDRLayers = function RenderEDRLayers(_ref) {
+  var onChangeLayerName = _ref.onChangeLayerName,
+    selectedParams = _ref.selectedParams,
+    _ref$layers = _ref.layers,
+    layers = _ref$layers === void 0 ? [] : _ref$layers,
+    _ref$isEnabled = _ref.isEnabled,
+    isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
+    tooltipPrefix = _ref.tooltipPrefix,
+    skipLocalStyling = _ref.skipLocalStyling;
+  var _useCoreTranslation = useCoreTranslation(),
+    t = _useCoreTranslation.t;
+  var nonEmptyTooltipPrefix = tooltipPrefix != null ? tooltipPrefix : selectedParams.length === 1 ? t('layermanager-layer') + ": " : t('layermanager-layer-multi') + ": ";
+  if (!layers || !layers.length) {
+    return showNoLayers(t);
+  }
+  var selectLayer = function selectLayer(event) {
+    event.stopPropagation();
+    // Ensure after deselecting all, the empty value gets removed
+    var params = event.target.value.filter(function (param) {
+      return param !== '';
+    });
+    onChangeLayerName(params.join(','));
+  };
+  var _getRenderEDRLayersVa = getRenderEDRLayersValues(selectedParams, layers),
+    currentValues = _getRenderEDRLayersVa.currentValues,
+    extendedLayers = _getRenderEDRLayersVa.extendedLayers;
+  var list = extendedLayers.map(function (layer) {
+    return {
+      value: layer.name
+    };
+  });
+  var multiParamText = t('layermanager-EDR-multiparam');
+  var tooltipNames = currentValues.map(function (value) {
+    var layer = extendedLayers.find(function (layer) {
+      return value === layer.name;
+    });
+    return (layer == null ? void 0 : layer.title) || (layer == null ? void 0 : layer.name);
+  });
+  var tooltip = nonEmptyTooltipPrefix + " " + tooltipNames.sort(function (paramA, paramB) {
+    return (paramA != null ? paramA : '').localeCompare(paramB != null ? paramB : '');
+  }).join(', ');
+  return jsxs(TooltipSelect, {
+    disableUnderline: true,
+    tooltip: tooltip,
+    inputProps: {
+      SelectDisplayProps: {
+        'data-testid': 'selectEDRLayer'
+      }
+    },
+    isEnabled: isEnabled,
+    value: currentValues,
+    list: list,
+    onChange: selectLayer,
+    skipLocalStyling: skipLocalStyling,
+    multiple: true,
+    renderValue: function renderValue(values) {
+      if (values.length === 1) {
+        var layer = extendedLayers.find(function (layer) {
+          return layer.name === currentValues[0];
+        });
+        return (layer == null ? void 0 : layer.title) || (layer == null ? void 0 : layer.name) || 'Param';
+      }
+      return multiParamText;
+    },
+    children: [jsx(MenuItem, {
+      disabled: true,
+      children: t('layermanager-layer')
+    }), extendedLayers.map(function (layerFromServiceLayers, currentIndex) {
+      return jsxs(MenuItem, {
+        value: layerFromServiceLayers.name,
+        disabled: !layerFromServiceLayers.leaf,
+        sx: {
+          '&.MuiMenuItem-root.Mui-selected': {
+            background: 'none',
+            color: 'geowebColors.typographyAndIcons.text'
+          }
+        },
+        children: [jsx(Checkbox, {
+          checked: currentValues.includes(layerFromServiceLayers.name)
+        }), layerFromServiceLayers.title, currentIndex === layers.length && jsx(AlertIcon, {
+          severity: "error"
+        })]
+      }, layerFromServiceLayers.name);
+    })]
+  });
+};
+
 var RenderLayersConnect = function RenderLayersConnect(_ref) {
   var layerId = _ref.layerId,
     mapId = _ref.mapId,
@@ -2794,6 +2927,9 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
   var layerName = useSelector(function (store) {
     return layerSelectors.getLayerName(store, layerId);
   });
+  var layerType = useSelector(function (store) {
+    return layerSelectors.getLayerType(store, layerId);
+  });
   var layerService = useSelector(function (store) {
     return layerSelectors.getLayerService(store, layerId);
   });
@@ -2861,6 +2997,22 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
       origin: layerTypes.LayerActionOrigin.layerManager
     }));
   }, [dispatch, mapId]);
+  if (layerType === LayerType.edrLayer) {
+    var selectedParams = layerName.split(',');
+    return jsx(RenderEDRLayers, {
+      layers: layers,
+      selectedParams: selectedParams,
+      onChangeLayerName: function onChangeLayerName(name) {
+        layerChangeName({
+          layerId: layerId,
+          name: name
+        });
+      },
+      isEnabled: isLayerEnabled,
+      tooltipPrefix: tooltipPrefix,
+      skipLocalStyling: skipLocalStyling
+    });
+  }
   return jsx(RenderLayers, {
     layers: layers,
     layerName: layerName,
@@ -3154,11 +3306,14 @@ var MissingDataConnect = function MissingDataConnect(_ref) {
   var layerName = useSelector(function (store) {
     return layerSelectors.getLayerName(store, layerId);
   });
+  var layerType = useSelector(function (store) {
+    return layerSelectors.getLayerType(store, layerId);
+  });
   var layerService = useSelector(function (store) {
     return layerSelectors.getLayerService(store, layerId);
   });
   var serviceLayer = useSelector(function (store) {
-    return serviceSelectors.getLayerFromService(store, layerService, layerName);
+    return serviceSelectors.getLayerFromService(store, layerService, layerName, layerType === LayerType.edrLayer);
   });
   var layerStatus = useSelector(function (store) {
     return layerSelectors.getLayerStatus(store, layerId);
@@ -3290,11 +3445,15 @@ var LayerRowConnect = /*#__PURE__*/React.memo(function (_ref) {
   var layerName = useSelector(function (store) {
     return layerSelectors.getLayerName(store, layerId);
   });
+  var layerType = useSelector(function (store) {
+    return layerSelectors.getLayerType(store, layerId);
+  });
+  var isEDRLayer = layerType === LayerType.edrLayer;
   var layerServiceUrl = useSelector(function (store) {
     return layerSelectors.getLayerService(store, layerId);
   });
   var serviceLayer = useSelector(function (store) {
-    return serviceSelectors.getLayerFromService(store, layerServiceUrl, layerName);
+    return serviceSelectors.getLayerFromService(store, layerServiceUrl, layerName, isEDRLayer);
   });
   var layerStatus = useSelector(function (store) {
     return layerSelectors.getLayerStatus(store, layerId);
@@ -3308,7 +3467,10 @@ var LayerRowConnect = /*#__PURE__*/React.memo(function (_ref) {
   var currentService = useSelector(function (store) {
     return serviceSelectors.getServiceByUrl(store, layerServiceUrl);
   });
-  var fullLayerName = serviceLayer == null ? void 0 : serviceLayer.title;
+  // Ensure that for an EDR layer, we send over the entire layerName if there are multiple params selected
+  // If only one param selected, send over the title from the service
+  var layerNameForEDRLayer = layerName != null && layerName.includes(',') ? layerName : serviceLayer == null ? void 0 : serviceLayer.title;
+  var fullLayerName = isEDRLayer ? layerNameForEDRLayer : serviceLayer == null ? void 0 : serviceLayer.title;
   renderCounter.count(LayerRowConnect.name);
   return jsx(LayerRow, {
     isEnabled: isEnabled,
@@ -3316,6 +3478,7 @@ var LayerRowConnect = /*#__PURE__*/React.memo(function (_ref) {
     layerId: layerId,
     isLayerMissing: !serviceLayer || layerStatus === layerTypes.LayerStatus.error,
     layerName: fullLayerName || layerName,
+    isEDRLayer: isEDRLayer,
     layerEnableLayout: jsx(EnableLayerConnect, {
       layerId: layerId,
       mapId: mapId,
@@ -4802,7 +4965,8 @@ var OverlayersSelectConnect = function OverlayersSelectConnect(_ref) {
   var changeOverlayer = React__default.useCallback(function (mapId, selectedOverlayer) {
     dispatch(mapActions.changeOverlayer({
       mapId: mapId || '',
-      selectedOverlayer: selectedOverlayer.id
+      selectedOverlayer: selectedOverlayer.id,
+      origin: 'map'
     }));
   }, [dispatch]);
   return jsx(OverlayersSelect, {
@@ -5219,6 +5383,9 @@ var DimensionSelectSliderConnect = function DimensionSelectSliderConnect(_ref) {
   var layerDimension = useSelector(function (store) {
     return layerSelectors.getLayerDimension(store, layerId, dimensionName);
   });
+  var layerName = useSelector(function (store) {
+    return layerSelectors.getLayerName(store, layerId);
+  });
   var _useLayerDimensions = useLayerDimensions(layerId, mapId),
     isLayerEnabled = _useLayerDimensions.isLayerEnabled;
   if (!layerDimension || !isLayerEnabled) {
@@ -5229,7 +5396,8 @@ var DimensionSelectSliderConnect = function DimensionSelectSliderConnect(_ref) {
     dimensionName: dimensionName,
     handleDimensionValueChanged: handleDimensionValueChanged,
     handleSyncChanged: handleSyncChanged,
-    layerDimension: layerDimension
+    layerDimension: layerDimension,
+    layerName: layerName
   });
 };
 
@@ -7448,35 +7616,28 @@ var makePrefetchTimeSpan = function makePrefetchTimeSpan(timeSliderStartCenterEn
 };
 var makeLayerInfoPayload = function makeLayerInfoPayload(payload, mapDimensions, mapId) {
   // During intialization, try to base the layer dimension on the current map dimension value.
+  var origin = 'onInitializeLayer in OlMapViewLayerConnect';
+  var dimensions = (payload.dimensions || []).map(function (layerDim) {
+    var _find;
+    var currentMapDim = ((_find = (mapDimensions || []).find(function (mapDim) {
+      return mapDim.name === layerDim.name;
+    })) == null ? void 0 : _find.currentValue) || layerDim.currentValue;
+    var wmDim = new WMJSDimension(layerDim);
+    return Object.assign({}, layerDim, {
+      currentValue: wmDim.getClosestValue(currentMapDim, true)
+    });
+  });
   var updatedPayLoad = {
-    origin: 'onInitializeLayer in OlMapViewLayerConnect',
+    origin: origin,
     layerDimensions: {
       layerId: payload.layerId,
-      origin: 'onInitializeLayer in OlMapViewLayerConnect',
-      dimensions: (payload.dimensions || []).map(function (layerDim) {
-        var _find;
-        var currentMapDim = ((_find = (mapDimensions || []).find(function (mapDim) {
-          return mapDim.name === layerDim.name;
-        })) == null ? void 0 : _find.currentValue) || layerDim.currentValue;
-        var wmDim = new WMJSDimension(layerDim);
-        return Object.assign({}, layerDim, {
-          currentValue: wmDim.getClosestValue(currentMapDim)
-        });
-      })
+      origin: origin,
+      dimensions: dimensions
     },
     mapDimensions: {
       mapId: mapId,
-      origin: 'onInitializeLayer in OlMapViewLayerConnect',
-      dimensions: (payload.dimensions || []).map(function (layerDim) {
-        var _find2;
-        var currentMapDim = ((_find2 = (mapDimensions || []).find(function (mapDim) {
-          return mapDim.name === layerDim.name;
-        })) == null ? void 0 : _find2.currentValue) || layerDim.currentValue;
-        var wmDim = new WMJSDimension(layerDim);
-        return Object.assign({}, layerDim, {
-          currentValue: wmDim.getClosestValue(currentMapDim)
-        });
-      })
+      origin: origin,
+      dimensions: dimensions
     }
   };
   return updatedPayLoad;
@@ -7670,7 +7831,9 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
     initialBbox = _ref.initialBbox,
     holdShiftToScroll = _ref.holdShiftToScroll,
     source = _ref.source,
-    tileServerSettings = _ref.tileServerSettings;
+    tileServerSettings = _ref.tileServerSettings,
+    _ref$featureStyle = _ref.featureStyle,
+    featureStyle = _ref$featureStyle === void 0 ? genericOpenLayersFeatureStyle : _ref$featureStyle;
   var store = useStore();
   var _useGetOpenLayersView = useGetOpenLayersView(mapId, store),
     view = _useGetOpenLayersView.view;
@@ -8072,13 +8235,13 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
             layerId: layer == null ? void 0 : layer.id,
             layer: layer,
             zIndex: featureLayers.length - zIndex + 3000,
-            style: genericOpenLayersFeatureStyle,
+            style: featureStyle,
             hoverSelect: {
               active: true
             }
           }, "featurelayer-" + (layer == null ? void 0 : layer.id));
         }), jsx(OpenLayersFeatureLayer, {
-          style: genericOpenLayersFeatureStyle,
+          style: featureStyle,
           featureCollection: combinedLinkedFeatures,
           zIndex: 4000,
           hoverSelect: hoverSelect
@@ -8131,7 +8294,7 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
   });
 };
 
-var _excluded = ["id", "dockedLayerManagerSize", "title", "layers", "dimensions", "shouldAutoUpdate", "shouldAnimate", "shouldAutoFetch", "initialBbox", "srs", "shouldShowZoomControls", "displayMapPin", "showTimeSlider", "disableTimeSlider", "displayTimeInMap", "displayLayerManagerAndLegendButtonInMap", "displayDimensionSelectButtonInMap", "multiLegend", "shouldShowLayerManager", "shouldShowDockedLayerManager", "showClock", "displayGetFeatureInfoButtonInMap", "shouldDisplayDrawControls", "displaySearchButtonInMap", "displayDataExplorerButtonOnMap", "mapControls", "children", "shouldDisablePrefetching", "tileServerSettings"];
+var _excluded = ["id", "dockedLayerManagerSize", "title", "layers", "dimensions", "shouldAutoUpdate", "shouldAnimate", "shouldAutoFetch", "initialBbox", "srs", "shouldShowZoomControls", "displayMapPin", "showTimeSlider", "disableTimeSlider", "displayTimeInMap", "displayLayerManagerAndLegendButtonInMap", "displayDimensionSelectButtonInMap", "multiLegend", "shouldShowLayerManager", "shouldShowDockedLayerManager", "showClock", "displayGetFeatureInfoButtonInMap", "shouldDisplayDrawControls", "displaySearchButtonInMap", "displayDataExplorerButtonOnMap", "mapControls", "children", "shouldDisablePrefetching", "tileServerSettings", "featureStyle"];
 var titleStyle = function titleStyle(theme) {
   return {
     position: 'absolute',
@@ -8202,6 +8365,8 @@ var ConfigurableMapConnect = function ConfigurableMapConnect(_ref) {
     children = _ref.children,
     shouldDisablePrefetching = _ref.shouldDisablePrefetching,
     tileServerSettings = _ref.tileServerSettings,
+    _ref$featureStyle = _ref.featureStyle,
+    featureStyle = _ref$featureStyle === void 0 ? genericOpenLayersFeatureStyle : _ref$featureStyle,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var dispatch = useDispatch();
   var mapId = React__default.useRef(id || webmapUtils.generateMapId()).current;
@@ -8334,12 +8499,13 @@ var ConfigurableMapConnect = function ConfigurableMapConnect(_ref) {
         initialBbox: initialBbox,
         shouldDisablePrefetching: shouldDisablePrefetching,
         tileServerSettings: tileServerSettings,
+        featureStyle: featureStyle,
         children: children
       }), showClock && jsx(TimeSliderClockConnect, {
         mapId: mapId
       })]
     });
-  }, [mapId, title, id, initialBbox, mapControlConfig, tileServerSettings, disableTimeSlider, displayTimeInMap, shouldAutoFetch, shouldDisablePrefetching, children, showClock]);
+  }, [mapId, title, id, initialBbox, mapControlConfig, tileServerSettings, disableTimeSlider, displayTimeInMap, shouldAutoFetch, shouldDisablePrefetching, children, showClock, featureStyle]);
 };
 
 var mapBoxStyle = function mapBoxStyle(theme) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "12.12.0",
+  "version": "12.13.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,22 +8,22 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/shared": "12.12.0",
+    "@opengeoweb/shared": "12.13.0",
     "react-redux": "^9.2.0",
-    "@opengeoweb/store": "12.12.0",
-    "@opengeoweb/timeslider": "12.12.0",
+    "@opengeoweb/store": "12.13.0",
+    "@opengeoweb/timeslider": "12.13.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/webmap-react": "12.12.0",
-    "@opengeoweb/webmap": "12.12.0",
-    "@opengeoweb/theme": "12.12.0",
+    "@opengeoweb/webmap-react": "12.13.0",
+    "@opengeoweb/webmap": "12.13.0",
+    "@opengeoweb/theme": "12.13.0",
     "axios": "^1.7.7",
-    "@opengeoweb/layer-select": "12.12.0",
+    "@opengeoweb/layer-select": "12.13.0",
     "lodash": "^4.17.21",
     "ol": "^10.4.0",
     "react-sortablejs": "^6.1.4",
     "sortablejs": "^1.15.1",
-    "@mui/system": "^7.0.1",
-    "@opengeoweb/snackbar": "12.12.0",
+    "@mui/system": "^7.3.1",
+    "@opengeoweb/snackbar": "12.13.0",
     "react-router-dom": "^6.21.0",
     "react-draggable": "^4.4.6",
     "i18next": "^25.0.1",
@@ -32,7 +32,7 @@
     "@mui/material": "^7.0.1",
     "@sentry/react": "^8.34.0",
     "@tanstack/react-query": "^5.69.2",
-    "@opengeoweb/api": "12.12.0",
+    "@opengeoweb/api": "12.13.0",
     "@types/geojson": "^7946.0.14"
   },
   "peerDependencies": {

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { mapTypes, layerTypes } from '@opengeoweb/store';
 import { TileServerSettings } from '@opengeoweb/webmap';
+import { StyleLike } from 'ol/style/Style';
 export declare const defaultBbox: {
     srs: "EPSG:3857";
     bbox: {
@@ -44,5 +45,6 @@ export interface ConfigurableMapConnectProps {
     children?: React.ReactNode;
     mapControls?: React.ReactNode;
     shouldDisablePrefetching?: boolean;
+    featureStyle?: StyleLike;
 }
 export declare const ConfigurableMapConnect: React.FC<ConfigurableMapConnectProps>;

package/src/lib/components/EDR/EDRLayerMultiParam.stories.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { TimeAwareEDRLocationLayer } from '@opengeoweb/webmap-react';
+import type { Meta } from '@storybook/react-webpack5';
+declare const meta: Meta<typeof TimeAwareEDRLocationLayer>;
+export default meta;
+export declare const EDRLayerMultiParam: {
+    (): React.ReactElement;
+    parameters: {
+        msw: {
+            handlers: {
+                locations: import("msw").HttpHandler[];
+            };
+        };
+    };
+};

package/src/lib/components/LayerManager/LayerContainerRow/LayerRow/LayerRow.d.ts

@@ -6,6 +6,7 @@ interface LayerRowUnstyledProps {
     layer?: layerTypes.Layer;
     layerName?: string;
     mapId: string;
+    isEDRLayer?: boolean;
     onLayerRowClick?: (layerId?: string) => void;
     onLayerEnable?: (payload: {
         layerId: string;

package/src/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderLayers/RenderEDRLayers.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { LayerProps } from '@opengeoweb/webmap';
+export interface RenderEDRLayersProps {
+    onChangeLayerName: (name: string) => void;
+    selectedParams: string[];
+    layers: LayerProps[];
+    isEnabled?: boolean;
+    tooltipPrefix?: string;
+    skipLocalStyling?: boolean;
+}
+export declare const getRenderEDRLayersValues: (selectedParams: string[], layers: LayerProps[]) => {
+    currentValues: string[];
+    extendedLayers: LayerProps[];
+};
+declare const RenderEDRLayers: React.FC<RenderEDRLayersProps>;
+export default RenderEDRLayers;

package/src/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderLayers/RenderEDRLayers.spec.d.ts

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

package/src/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderLayers/RenderLayers.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
 import { LayerProps } from '@opengeoweb/webmap';
+import { i18n, TFunction } from 'i18next';
+export declare const showNoLayers: (t: TFunction<"core", i18n>) => React.ReactElement;
 export interface RenderLayersProps {
     onChangeLayerName: (name: string) => void;
     layerName: string;

package/src/lib/components/MapViewConnect/MapViewConnect.Features.stories.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./OlMapViewConnect").OlMapViewConnectProps>;
+    tags: string[];
+};
+export default _default;
+export declare const ToggleStyleAction: () => React.ReactElement;

package/src/lib/components/MapViewConnect/OlMapViewConnect.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Bbox, TileServerSettings } from '@opengeoweb/webmap';
 import { Source } from '@opengeoweb/shared';
+import { StyleLike } from 'ol/style/Style';
 export interface MapControlsProps {
     mapControlsPositionTop?: number;
     search?: boolean;
@@ -24,6 +25,7 @@ export interface OlMapViewConnectProps {
     shouldDisablePrefetching?: boolean;
     tileServerSettings?: TileServerSettings;
     source?: Source;
+    featureStyle?: StyleLike;
 }
 /**
  * Connected component used to display the map and selected layers.