@opengeoweb/core 12.2.0 → 12.4.1

package/index.esm.js

@@ -1,8 +1,8 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useCallback, useEffect, useContext, useMemo } from 'react';
-import { Grid2, 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 { safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, CustomIconButton, CustomTooltip, TooltipSelect, AlertIcon, sliderHeaderStyle, CustomSlider, ToggleMenu, tooltipContainerStyles, renderCounter, AlertBanner, CustomAccordion, CustomDialog, PROJECTION, calculateStartSize, useWheelStopPropagation, ToolContainerDraggable, useDebounce, dateUtils, usePrevious, ErrorBoundary } from '@opengeoweb/shared';
+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 { safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, CustomIconButton, CustomTooltip, TooltipSelect, AlertIcon, sliderHeaderStyle, CustomSlider, ToggleMenu, tooltipContainerStyles, renderCounter, AlertBanner, CustomAccordion, CustomDialog, PROJECTION, calculateStartSize, useWheelStopPropagation, ToolContainerDraggable, sessionStorageProvider, useDebounce, dateUtils, 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, Layers, Search, Exclamation, MyLocation, Close, ExitDomain, Info, ThemeWrapper, lightTheme, FlagBritain, FlagNetherlands, FlagFinland, FlagNorway } from '@opengeoweb/theme';
 import i18n from 'i18next';
 import { useTranslation, I18nextProvider } from 'react-i18next';
@@ -17,7 +17,6 @@ import _, { isArray, isEqual, debounce, range } from 'lodash';
 import { Box as Box$1, styled as styled$1 } from '@mui/system';
 import { LayerSelectButtonConnect, LayerSelectConnect } from '@opengeoweb/layer-select';
 import { useQuery, QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { getConfig } from '@opengeoweb/authentication';
 import { handleResponse } from '@opengeoweb/api';
 import axios from 'axios';
 import { ImageWMS } from 'ol/source';
@@ -1096,7 +1095,7 @@ var RowItemCollapse$1 = function RowItemCollapse(_ref) {
       title: collapsedColumns != null && collapsedColumns[className] ? t('column-expand', {
         title: title
       }) : t('column-collapse'),
-      children: jsx(Grid2, {
+      children: jsx(Grid, {
         className: columnClasses.columnHeader + " " + className,
         style: Object.assign({}, (collapsedColumns == null ? void 0 : collapsedColumns[className]) && {
           width: '24px',
@@ -1142,13 +1141,13 @@ var DescriptionRow = function DescriptionRow(_ref2) {
     gridProps = _objectWithoutPropertiesLoose(_ref2, _excluded$6);
   var _useCoreTranslation2 = useCoreTranslation(),
     t = _useCoreTranslation2.t;
-  return jsxs(Grid2, Object.assign({
+  return jsxs(Grid, Object.assign({
     container: true,
     "data-testid": "descriptionRow",
     className: "descriptionRow",
     alignItems: "center"
   }, gridProps, {
-    children: [jsx(Grid2, {
+    children: [jsx(Grid, {
       className: columnClasses.column1,
       sx: Object.assign({}, leftButtonsStyle, {
         justifyContent: 'center',
@@ -1158,7 +1157,7 @@ var DescriptionRow = function DescriptionRow(_ref2) {
         tooltipTitle: settings == null || (_settings$addLayer = settings.addLayer) == null ? void 0 : _settings$addLayer.tooltipTitle,
         icon: settings == null || (_settings$addLayer2 = settings.addLayer) == null ? void 0 : _settings$addLayer2.icon
       })
-    }), jsx(Grid2, {
+    }), jsx(Grid, {
       className: "medium-layermanager columnLayerName",
       children: jsx(Box, {
         sx: styles$3.text,
@@ -1189,7 +1188,7 @@ var DescriptionRow = function DescriptionRow(_ref2) {
       title: (_settings$acceptanceT = settings == null || (_settings$acceptanceT2 = settings.acceptanceTime) == null ? void 0 : _settings$acceptanceT2.title) != null ? _settings$acceptanceT : t('layermanager-acceptance-time'),
       onToggleCollapsed: onToggleCollapsed,
       collapsedColumns: collapsedColumns
-    }), jsx(Grid2, {
+    }), jsx(Grid, {
       className: columnClasses.loadDuration,
       children: jsx(Box, {
         sx: [styles$3.text, {
@@ -1198,7 +1197,7 @@ var DescriptionRow = function DescriptionRow(_ref2) {
         }],
         children: jsx(CloudLoading, {})
       })
-    }), jsx(Grid2, {
+    }), jsx(Grid, {
       className: columnClasses.column6
     })]
   }));
@@ -2245,7 +2244,7 @@ var RowItemCollapse = function RowItemCollapse(_ref7) {
       element.style.backgroundColor = 'inherit';
     });
   });
-  return jsx(Grid2, {
+  return jsx(Grid, {
     className: className,
     style: Object.assign({
       height: '32px'
@@ -2334,7 +2333,7 @@ var LayerRowUnstyled = function LayerRowUnstyled(_ref8) {
     // className needed for styled() utility
     jsx("div", {
       className: className,
-      children: jsxs(Grid2, {
+      children: jsxs(Grid, {
         container: true,
         "data-testid": "layerRow-" + layerId,
         className: "layerRow",
@@ -2376,7 +2375,7 @@ var LayerRowUnstyled = function LayerRowUnstyled(_ref8) {
           DeleteLayer: layerDeleteLayout || jsx(DeleteLayer, {
             onClick: deleteLayer
           })
-        }), jsx(Grid2, {
+        }), jsx(Grid, {
           className: columnClasses.column1,
           alignItems: "center",
           children: jsx(LeftButtons, {
@@ -2403,7 +2402,7 @@ var LayerRowUnstyled = function LayerRowUnstyled(_ref8) {
               });
             }
           })
-        }), isLayerMissing ? jsx(Grid2, {
+        }), isLayerMissing ? jsx(Grid, {
           className: columnClasses.column7,
           children: jsx(AlertBanner, {
             title: t('layermanager-layer-error'),
@@ -2449,7 +2448,7 @@ var LayerRowUnstyled = function LayerRowUnstyled(_ref8) {
               acceptanceTime: layer.acceptanceTimeInMinutes,
               onChangeAcceptanceTime: changeAcceptanceTime
             })
-          }), jsx(Grid2, {
+          }), jsx(Grid, {
             display: "flex",
             justifyContent: "flex-end",
             className: columnClasses.loadDuration,
@@ -2458,7 +2457,7 @@ var LayerRowUnstyled = function LayerRowUnstyled(_ref8) {
               mapId: mapId
             })
           })]
-        }), jsxs(Grid2, {
+        }), jsxs(Grid, {
           className: columnClasses.column6,
           alignItems: "center",
           children: [layerShowLayerInfoLayout || jsx(ShowLayerInfo, {
@@ -2527,46 +2526,46 @@ var Accordion = function Accordion(_ref10) {
         children: layerName
       })]
     }),
-    children: jsxs(Grid2, {
+    children: jsxs(Grid, {
       container: true,
       sx: {
         padding: '16px 32px'
       },
       spacing: 3,
-      children: [jsxs(Grid2, {
+      children: [jsxs(Grid, {
         container: true,
-        children: [jsx(Grid2, {
+        children: [jsx(Grid, {
           children: t('layermanager-style-title')
         }), Styles]
-      }), jsxs(Grid2, {
+      }), jsxs(Grid, {
         container: true,
         sx: {
           '.MuiButtonBase-root': {
             justifyContent: 'flex-start'
           }
         },
-        children: [jsx(Grid2, {
+        children: [jsx(Grid, {
           children: t('layermanager-opacity-title')
         }), Opacity]
-      }), jsxs(Grid2, {
+      }), jsxs(Grid, {
         container: true,
-        children: [jsx(Grid2, {
+        children: [jsx(Grid, {
           children: t('layermanager-acceptance-time')
         }), Acceptance]
-      }), jsxs(Grid2, {
+      }), jsxs(Grid, {
         container: true,
         flexDirection: "column",
-        children: [jsx(Grid2, {
+        children: [jsx(Grid, {
           children: jsx(CloudLoading, {})
         }), LoadDuration]
-      }), jsxs(Grid2, {
+      }), jsxs(Grid, {
         container: true,
         justifyContent: "center",
         spacing: 2,
-        children: [jsx(Grid2, {
+        children: [jsx(Grid, {
           sx: {},
           children: ShowLayerInfo
-        }), jsx(Grid2, {
+        }), jsx(Grid, {
           sx: {},
           children: DeleteLayer
         })]
@@ -3287,7 +3286,8 @@ var LayerInfoButtonConnect = function LayerInfoButtonConnect(_ref) {
   });
 };
 
-var LayerInfoDialogConnect = function LayerInfoDialogConnect() {
+var LayerInfoDialogConnect = function LayerInfoDialogConnect(_ref) {
+  var source = _ref.source;
   var layerInfo = useSelector(function (store) {
     return layerSelectors.getActiveLayerInfo(store);
   });
@@ -3301,7 +3301,6 @@ var LayerInfoDialogConnect = function LayerInfoDialogConnect() {
     dialogOrder = _useSetupDialog.dialogOrder,
     onCloseDialog = _useSetupDialog.onCloseDialog,
     setDialogOrder = _useSetupDialog.setDialogOrder,
-    uiSource = _useSetupDialog.uiSource,
     isDialogOpen = _useSetupDialog.isDialogOpen;
   if (!layer) {
     return null;
@@ -3311,7 +3310,7 @@ var LayerInfoDialogConnect = function LayerInfoDialogConnect() {
     onClose: onCloseDialog,
     onMouseDown: setDialogOrder,
     order: dialogOrder,
-    source: uiSource,
+    source: source,
     layer: layer,
     serviceName: currentService == null ? void 0 : currentService.name
   });
@@ -3584,7 +3583,7 @@ var LayerContainerRow = /*#__PURE__*/React.memo(function (_ref) {
       });
     }
   }, [layerLength, rowsToDisplay]);
-  return jsx(Grid2, Object.assign({
+  return jsx(Grid, Object.assign({
     container: true,
     "data-testid": "layerContainerRow",
     className: "layerContainerRow",
@@ -3784,7 +3783,7 @@ var WMSServerList = function WMSServerList(_ref) {
     return a.name.localeCompare(b.name);
   });
   return jsxs(Fragment, {
-    children: [jsx(Grid2, {
+    children: [jsx(Grid, {
       container: true,
       direction: "row",
       style: {
@@ -3824,12 +3823,12 @@ var WMSLayerTreeHeader = function WMSLayerTreeHeader(_ref) {
     onClickReload = _ref.onClickReload;
   var _useCoreTranslation = useCoreTranslation(),
     t = _useCoreTranslation.t;
-  return jsxs(Grid2, {
+  return jsxs(Grid, {
     container: true,
     direction: "row",
     spacing: 1,
     justifyContent: "space-between",
-    children: [jsx(Grid2, {
+    children: [jsx(Grid, {
       children: jsx(InputLabel, {
         shrink: true,
         htmlFor: "select-multiple-native",
@@ -3837,7 +3836,7 @@ var WMSLayerTreeHeader = function WMSLayerTreeHeader(_ref) {
           serviceName: serviceName
         })
       })
-    }), onClickReload && jsx(Grid2, {
+    }), onClickReload && jsx(Grid, {
       children: jsx(CustomIconButton, {
         tooltipTitle: t('add-layer-popup-reload-layers'),
         "data-testid": "reloadLayers",
@@ -4409,12 +4408,12 @@ var AddLayersPopup = function AddLayersPopup(_ref) {
     children: jsxs(Fragment, {
       children: [jsx(DialogContentText, {
         children: t('wms-loader-description')
-      }), jsx(Grid2, {
+      }), jsx(Grid, {
         container: true,
         direction: "row",
         alignItems: "center",
         mb: 1,
-        children: jsx(Grid2, {
+        children: jsx(Grid, {
           size: 12,
           children: jsx(TextField, {
             margin: "dense",
@@ -4459,19 +4458,19 @@ var AddLayersPopup = function AddLayersPopup(_ref) {
             }
           })
         })
-      }), jsxs(Grid2, {
+      }), jsxs(Grid, {
         container: true,
         direction: "row",
         alignItems: "center",
         spacing: 3,
-        children: [jsx(Grid2, {
+        children: [jsx(Grid, {
           size: 4,
           children: jsx(WMSServerList, {
             availableServices: services,
             service: activeService,
             handleChangeService: handleChangeService
           })
-        }), jsx(Grid2, {
+        }), jsx(Grid, {
           size: 8,
           children: onRenderTree ? onRenderTree(activeService) : jsx(WMSLayerTreeConnect, {
             mapId: "",
@@ -4554,7 +4553,7 @@ var BaseLayerRow = function BaseLayerRow(_ref2) {
     settings = _ref2.settings,
     gridProps = _objectWithoutPropertiesLoose(_ref2, _excluded$3);
   var theme = useTheme();
-  return jsxs(Grid2, Object.assign({
+  return jsxs(Grid, Object.assign({
     container: true,
     "data-testid": "baseLayerRow",
     className: "addLayer-column",
@@ -4563,7 +4562,7 @@ var BaseLayerRow = function BaseLayerRow(_ref2) {
       height: '36px'
     }, theme.palette.geowebColors.layerManager.baseLayerRow.root)
   }, gridProps, {
-    children: [jsxs(Grid2, {
+    children: [jsxs(Grid, {
       sx: [{
         marginTop: '-2px'
       }, leftButtonsStyle],
@@ -4578,7 +4577,7 @@ var BaseLayerRow = function BaseLayerRow(_ref2) {
           });
         }
       }), settings == null || (_settings$baseLayerRo2 = settings.baseLayerRow) == null ? void 0 : _settings$baseLayerRo2.title]
-    }), jsx(Grid2, {
+    }), jsx(Grid, {
       className: columnClasses.baseLayer,
       children: jsx(BaseLayersConnect, {
         mapId: mapId,
@@ -4696,14 +4695,14 @@ var ProjectionSelect = function ProjectionSelect(_ref) {
     return projection.value === currentProjection;
   });
   var title = t('projection-title');
-  return jsxs(Grid2, {
+  return jsxs(Grid, {
     container: true,
     className: "setProjection-column",
     sx: {
       width: '100%',
       height: '36px'
     },
-    children: [jsx(Grid2, {
+    children: [jsx(Grid, {
       sx: [{
         marginTop: '-2px'
       }, leftButtonsStyle],
@@ -4715,7 +4714,7 @@ var ProjectionSelect = function ProjectionSelect(_ref) {
         disabled: true,
         children: jsx(WorldMapProjection, {})
       })
-    }), jsx(Grid2, {
+    }), jsx(Grid, {
       className: columnClasses.baseLayer,
       children: jsx(FormControl, {
         style: {
@@ -4916,7 +4915,7 @@ var LayerManager = function LayerManager(_ref) {
             title: error,
             shouldClose: true
           })
-        }), jsxs(Grid2, {
+        }), jsxs(Grid, {
           container: true,
           "data-testid": "layerManagerRowContainer",
           sx: styles$1.layerRowContainer,
@@ -5128,12 +5127,14 @@ var LayerManagerConnect = function LayerManagerConnect(_ref) {
         },
         addLayerComponent: jsx(LayerSelectButtonConnect, {
           mapId: mapId,
-          source: source,
+          source: uiSource,
           isMultiMap: isMultiMap
         })
-      }), !isDocked && jsx(LayerInfoDialogConnect, {}), !isDocked && jsx(LayerSelectConnect, {})]
+      }), !isDocked && jsx(LayerInfoDialogConnect, {
+        source: uiSource
+      }), !isDocked && jsx(LayerSelectConnect, {})]
     });
-  }, [bounds, dialogOrder, dockedLayerManagerSize, initialMapId, isDialogOpen, isDocked, isMultiMap, mapId, onCloseDialog, onToggleDock, preloadedAvailableBaseLayers, preloadedBaseServices, setDialogOrder, showMapIdInTitle, nonEmptyTitle, uiError, uiIsLoading, uiSource, source]);
+  }, [bounds, dialogOrder, dockedLayerManagerSize, initialMapId, isDialogOpen, isDocked, isMultiMap, mapId, onCloseDialog, onToggleDock, preloadedAvailableBaseLayers, preloadedBaseServices, setDialogOrder, showMapIdInTitle, nonEmptyTitle, uiError, uiIsLoading, uiSource]);
 };
 
 var LayerManagerMapButtonConnect = function LayerManagerMapButtonConnect(_ref) {
@@ -5743,7 +5744,7 @@ var MyMapLocation = function MyMapLocation(_ref) {
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var config = getConfig();
+var config = sessionStorageProvider.getConfig();
 var locationBaseUrl = config.GW_LOCATION_BASE_URL || '';
 var getLocationList = function getLocationList(search) {
   return fetch(locationBaseUrl + "/locations?search=" + search).then(handleResponse);
@@ -6528,7 +6529,7 @@ var GetFeatureInfoDialog = function GetFeatureInfoDialog(_ref) {
           if (!result) {
             return null;
           }
-          return jsxs(Grid2, {
+          return jsxs(Grid, {
             sx: {
               margin: '4px 6px 4px 6px',
               padding: '6px',
@@ -7356,7 +7357,8 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
       zoomControls: true
     } : _ref$controls,
     initialBbox = _ref.initialBbox,
-    holdShiftToScroll = _ref.holdShiftToScroll;
+    holdShiftToScroll = _ref.holdShiftToScroll,
+    source = _ref.source;
   var store = useStore();
   var mapRef = React.useRef(null);
   var _useGetOpenLayersView = useGetOpenLayersView(mapId, store),
@@ -7692,6 +7694,7 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
       isFocused: isActiveWindowId,
       isMouseWheelZoomEnabled: !isTimeScrollingEnabled,
       holdShiftToScroll: holdShiftToScroll,
+      mapId: mapId,
       children: [jsxs("div", {
         style: layerDivStyle,
         children: [baseLayers.map(function (layer, zIndex) {
@@ -7746,10 +7749,12 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
           homeExtent: homeExtent
         }), (controls == null ? void 0 : controls.layerManagerAndLegend) && jsxs(Fragment, {
           children: [jsx(LayerManagerMapButtonConnect, {
-            mapId: mapId
+            mapId: mapId,
+            source: source
           }), jsx(LegendMapButtonConnect, {
             mapId: mapId,
-            multiLegend: controls == null ? void 0 : controls.multiLegend
+            multiLegend: controls == null ? void 0 : controls.multiLegend,
+            source: source
           })]
         }), (controls == null ? void 0 : controls.dimensionSelect) && jsx(MultiDimensionSelectMapButtonsConnect, {
           mapId: mapId
@@ -8178,12 +8183,14 @@ var NowButtonConnect = function NowButtonConnect(_ref) {
  * Expects the following props:
  * @param {string} mapId mapId: string - Id of the map
  * @param {string} sourceId mapId: string - Id of the source
+ * @param {boolean} isVisible mapId: boolean - Whether the time slider is visible or not
  * @example
- * ``` <TimeSliderButtonsConnect mapId={mapId} sourceId={sourceId} />```
+ * ``` <TimeSliderButtonsConnect mapId={mapId} sourceId={sourceId} isVisible={isVisible} />```
  */
 var TimeSliderButtonsConnectComponent = function TimeSliderButtonsConnectComponent(_ref) {
   var sourceId = _ref.sourceId,
-    mapId = _ref.mapId;
+    mapId = _ref.mapId,
+    isVisible = _ref.isVisible;
   return jsx(TimeSliderButtons, {
     nowBtn: jsx(NowButtonConnect, {
       mapId: mapId,
@@ -8205,7 +8212,8 @@ var TimeSliderButtonsConnectComponent = function TimeSliderButtonsConnectCompone
     forwardBtn: jsx(BackwardForwardStepButtonConnect, {
       mapId: mapId,
       isForwardStep: true
-    })
+    }),
+    isVisible: isVisible
   });
 };
 var TimeSliderButtonsConnect = /*#__PURE__*/React.memo(TimeSliderButtonsConnectComponent);
@@ -8674,6 +8682,7 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
     },
     selectedTime: selectedTime,
     buttons: jsx(TimeSliderButtonsConnect, {
+      isVisible: isVisible,
       mapId: mapId,
       sourceId: sourceId
     }),
@@ -8931,50 +8940,79 @@ var ConfigurableMapConnect = function ConfigurableMapConnect(_ref) {
     return jsxs(Box, {
       ref: mapWindowRef,
       sx: {
-        width: '100%',
-        height: '100%',
         position: 'relative',
-        overflow: 'hidden'
+        minHeight: '100dvh',
+        display: 'flex'
       },
       "data-testid": "ConfigurableMap",
       children: [title && jsx(Typography, {
         "data-testid": "mapTitle",
         sx: titleStyle,
         children: title
+      }), jsxs(Box, {
+        sx: {
+          flex: '1'
+        },
+        children: [useOl ? jsx(OlMapViewConnect, {
+          controls: mapControlConfig,
+          displayTimeInMap: displayTimeInMap,
+          showScaleBar: false,
+          shouldAutoFetch: shouldAutoFetch,
+          mapId: mapId,
+          initialBbox: initialBbox,
+          shouldDisablePrefetching: shouldDisablePrefetching,
+          tileServerSettings: tileServerSettings,
+          children: children
+        }) : jsx(MapViewConnect, {
+          controls: mapControlConfig,
+          displayTimeInMap: displayTimeInMap,
+          showScaleBar: false,
+          shouldAutoFetch: shouldAutoFetch,
+          mapId: mapId,
+          shouldDisablePrefetching: shouldDisablePrefetching,
+          tileServerSettings: tileServerSettings,
+          children: children
+        }), showClock && jsx(TimeSliderClockConnect, {
+          mapId: mapId
+        })]
       }), !disableTimeSlider && jsx(Box, {
         sx: {
           position: 'absolute',
-          left: '0px',
-          bottom: '0px',
-          zIndex: 1000,
-          width: '100%'
+          width: '100%',
+          paddingRight: 'env(safe-area-inset-right)',
+          '@media screen and (orientation: landscape)': {
+            minHeight: {
+              xs: '125px',
+              sm: '100px',
+              md: '80px'
+            },
+            paddingLeft: {
+              xs: '40px',
+              md: 'env(safe-area-inset-right)'
+            },
+            bottom: {
+              xs: 'max(5px, 7dvh)',
+              sm: 'max(5px, 6dvh)',
+              md: 'max(5px, 6dvh)',
+              xl: 'max(5px, 4dvh)'
+            }
+          },
+          '@media screen and (orientation: portrait)': {
+            minHeight: {
+              xs: '110px',
+              sm: '100px',
+              md: '80px'
+            },
+            bottom: 'max(5px, 6dvh)',
+            paddingLeft: 'env(safe-area-inset-left)'
+          },
+          zIndex: 1000
         },
         children: jsx(TimeSliderConnect, {
           mapId: id,
           sourceId: id,
           mapWindowRef: mapWindowRef
         })
-      }), useOl ? jsx(OlMapViewConnect, {
-        controls: mapControlConfig,
-        displayTimeInMap: displayTimeInMap,
-        showScaleBar: false,
-        shouldAutoFetch: shouldAutoFetch,
-        mapId: mapId,
-        initialBbox: initialBbox,
-        shouldDisablePrefetching: shouldDisablePrefetching,
-        tileServerSettings: tileServerSettings,
-        children: children
-      }) : jsx(MapViewConnect, {
-        controls: mapControlConfig,
-        displayTimeInMap: displayTimeInMap,
-        showScaleBar: false,
-        shouldAutoFetch: shouldAutoFetch,
-        mapId: mapId,
-        shouldDisablePrefetching: shouldDisablePrefetching,
-        tileServerSettings: tileServerSettings,
-        children: children
-      }), showClock && jsx(TimeSliderClockConnect, {
-        mapId: mapId
       })]
     });
   }, [mapId, title, id, useOl, initialBbox, mapControlConfig, tileServerSettings, disableTimeSlider, displayTimeInMap, shouldAutoFetch, shouldDisablePrefetching, children, showClock]);
@@ -9306,13 +9344,14 @@ var componentsLookUp = function componentsLookUp(_ref) {
   switch (componentType) {
     case 'Map':
       {
-        var _mapPreset$proj;
+        var _mapPreset$proj, _mapPreset$proj2;
         var mapPreset = initialProps.mapPreset,
           mapControls = initialProps.mapControls,
           shouldDisplayDrawControls = initialProps.shouldDisplayDrawControls,
           displaySearchButtonInMap = initialProps.displaySearchButtonInMap;
         return jsx(ConfigurableMapConnect, Object.assign({}, mapPreset, {
           initialBbox: mapPreset == null || (_mapPreset$proj = mapPreset.proj) == null ? void 0 : _mapPreset$proj.bbox,
+          srs: mapPreset == null || (_mapPreset$proj2 = mapPreset.proj) == null ? void 0 : _mapPreset$proj2.srs,
           id: id,
           "data-testid": "coreConfigurableMapConnect",
           displayGetFeatureInfoButtonInMap: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "12.2.0",
+  "version": "12.4.1",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,32 +8,31 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/shared": "12.2.0",
-    "react-redux": "^8.1.3",
-    "@opengeoweb/store": "12.2.0",
-    "@opengeoweb/timeslider": "12.2.0",
-    "@reduxjs/toolkit": "^1.9.7",
-    "@opengeoweb/webmap-react": "12.2.0",
-    "@opengeoweb/webmap": "12.2.0",
-    "@opengeoweb/theme": "12.2.0",
+    "@opengeoweb/shared": "12.4.1",
+    "react-redux": "^9.2.0",
+    "@opengeoweb/store": "12.4.1",
+    "@opengeoweb/timeslider": "12.4.1",
+    "@reduxjs/toolkit": "^2.6.1",
+    "@opengeoweb/webmap-react": "12.4.1",
+    "@opengeoweb/webmap": "12.4.1",
+    "@opengeoweb/theme": "12.4.1",
     "axios": "^1.7.7",
-    "@opengeoweb/layer-select": "12.2.0",
+    "@opengeoweb/layer-select": "12.4.1",
     "lodash": "^4.17.21",
     "ol": "^10.4.0",
     "react-sortablejs": "^6.1.4",
     "sortablejs": "^1.15.1",
-    "@mui/system": "^6.1.1",
-    "@opengeoweb/snackbar": "12.2.0",
+    "@mui/system": "^7.0.1",
+    "@opengeoweb/snackbar": "12.4.1",
     "react-router-dom": "^6.21.0",
     "react-draggable": "^4.4.6",
-    "i18next": "^23.11.5",
+    "i18next": "^25.0.1",
     "react-i18next": "^15.1.1",
     "dompurify": "^3.0.6",
-    "@mui/material": "^6.1.1",
+    "@mui/material": "^7.0.1",
     "@sentry/react": "^8.34.0",
-    "@opengeoweb/authentication": "12.2.0",
     "@tanstack/react-query": "^5.69.2",
-    "@opengeoweb/api": "12.2.0"
+    "@opengeoweb/api": "12.4.1"
   },
   "peerDependencies": {
     "react": "18",

package/src/lib/components/LayerInfoConnect/LayerInfoDialogConnect.d.ts

@@ -1,2 +1,7 @@
 import React from 'react';
-export declare const LayerInfoDialogConnect: React.FC;
+import { uiTypes } from '@opengeoweb/store';
+interface LayerInfoDialogConnectProps {
+    source: uiTypes.Source;
+}
+export declare const LayerInfoDialogConnect: React.FC<LayerInfoDialogConnectProps>;
+export {};

package/src/lib/components/LayerManager/BaseLayerRow/BaseLayerRow.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Grid2 as Grid } from '@mui/material';
+import { Grid } from '@mui/material';
 import { layerTypes, serviceTypes } from '@opengeoweb/store';
 import { LayerManagerCustomSettings } from '../LayerManagerUtils';
 interface BaseLayerRowProps extends React.ComponentProps<typeof Grid> {

package/src/lib/components/LayerManager/DescriptionRow/DescriptionRow.d.ts

@@ -1,4 +1,4 @@
-import { Grid2 as Grid } from '@mui/material';
+import { Grid } from '@mui/material';
 import * as React from 'react';
 import { uiTypes } from '@opengeoweb/store';
 import { LayerManagerCustomSettings } from '../LayerManagerUtils';

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Grid2 as Grid } from '@mui/material';
+import { Grid } from '@mui/material';
 import { LayerManagerCustomSettings } from '../LayerManagerUtils';
 interface LayerContainerRowProps extends React.ComponentProps<typeof Grid> {
     mapId: string;

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Bbox } from '@opengeoweb/webmap';
 import { MapViewProps } from '@opengeoweb/webmap-react';
+import { Source } from '@opengeoweb/shared';
 export interface MapControlsProps {
     mapControlsPositionTop?: number;
     search?: boolean;
@@ -20,6 +21,7 @@ export interface MapViewConnectProps extends MapViewProps {
     showLayerInfo?: boolean;
     passiveMap?: boolean;
     initialBbox?: Bbox;
+    source?: Source;
 }
 export declare const ORIGIN_REACTMAPVIEWCONNECT_ONMAPCHANGEDIMENSION = "ORIGIN_REACTMAPVIEWCONNECT_ONMAPCHANGEDIMENSION";
 export declare const ORIGIN_REACTMAPVIEWCONNECT_ONUPDATELAYERINFO = "ORIGIN_REACTMAPVIEWCONNECT_ONUPDATELAYERINFO";

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { Bbox, TileServerSettings } from '@opengeoweb/webmap';
+import { Source } from '@opengeoweb/shared';
 import { MapControlsProps } from './MapViewConnect';
 export interface OlMapViewConnectProps {
     mapId: string;
@@ -12,6 +13,7 @@ export interface OlMapViewConnectProps {
     shouldAutoFetch?: number | boolean;
     shouldDisablePrefetching?: boolean;
     tileServerSettings?: TileServerSettings;
+    source?: Source;
 }
 /**
  * Connected component used to display the map and selected layers.

package/src/lib/components/SyncGroups/SimpleTimeSliderConnect.d.ts

@@ -13,7 +13,7 @@ export declare const SimpleTimeSliderConnect: import("react-redux").ConnectedCom
     setTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("dist/libs/store/src/store/generic/types").SetTimePayload, string> | undefined;
     syncGroupAddSource?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("dist/libs/store/src/store/generic/syncGroups/types").SyncGroupsAddSourcePayload, "synchronizationGroupsReducer/syncGroupAddSource"> | undefined;
     syncGroupRemoveSource?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("dist/libs/store/src/store/generic/syncGroups/types").SyncGroupRemoveSourcePayload, "synchronizationGroupsReducer/syncGroupRemoveSource"> | undefined;
-    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
-    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+    store?: import("redux").Store<any, import("redux").UnknownAction, unknown> | undefined;
 }>;
 export {};

package/src/lib/components/TimeSliderConnect/TimeSliderButtonsConnect/AutoUpdateButtonConnect.d.ts

@@ -9,12 +9,12 @@ export declare const AutoUpdateButtonConnect: import("react-redux").ConnectedCom
     mapId: string;
     isAutoUpdating?: boolean | undefined;
     toggleAutoUpdate?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("dist/libs/store/src/store/map/types").ToggleAutoUpdatePayload, "mapReducer/toggleAutoUpdate"> | undefined;
-    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
-    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+    store?: import("redux").Store<any, import("redux").UnknownAction, unknown> | undefined;
 }>, {
     mapId: string;
-    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
-    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+    store?: import("redux").Store<any, import("redux").UnknownAction, unknown> | undefined;
     isAutoUpdating?: boolean | undefined;
     toggleAutoUpdate?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("dist/libs/store/src/store/map/types").ToggleAutoUpdatePayload, "mapReducer/toggleAutoUpdate"> | undefined;
 }>;

package/src/lib/components/TimeSliderConnect/TimeSliderButtonsConnect/PlayButtonConnect.d.ts

@@ -39,7 +39,7 @@ export declare const PlayButtonConnect: import("react-redux").ConnectedComponent
         isAnimating: boolean;
         id: string;
     } | undefined;
-    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
-    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+    store?: import("redux").Store<any, import("redux").UnknownAction, unknown> | undefined;
 }>;
 export {};

package/src/lib/components/TimeSliderConnect/TimeSliderButtonsConnect.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 interface TimeSliderButtonsConnectProps {
     sourceId: string;
     mapId: string;
+    isVisible: boolean | undefined;
 }
 export declare const TimeSliderButtonsConnect: React.NamedExoticComponent<TimeSliderButtonsConnectProps>;
 export {};

package/src/lib/components/TimeSliderConnect/TimeSliderCurrentTimeBoxConnect.d.ts

@@ -23,7 +23,7 @@ export declare const TimeSliderCurrentTimeBoxConnect: import("react-redux").Conn
     span?: number | undefined;
     isAutoUpdating?: boolean | undefined;
     setCenterTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("dist/libs/store/src/store/map/types").SetTimeSliderCenterTimePayload, "mapReducer/setTimeSliderCenterTime"> | undefined;
-    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
-    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+    store?: import("redux").Store<any, import("redux").UnknownAction, unknown> | undefined;
 }>;
 export {};

package/src/lib/components/WMSLoader/WMSLayerTree/WMSLayerTreeConnect.d.ts

@@ -18,7 +18,7 @@ declare const WMSLayerTreeConnect: import("react-redux").ConnectedComponent<Reac
     setBaseLayers?: import("@reduxjs/toolkit").ActionCreatorWithPayload<layerTypes.SetBaseLayersPayload, "layerReducer/setBaseLayers"> | undefined;
     addAvailableBaseLayer?: import("@reduxjs/toolkit").ActionCreatorWithPayload<layerTypes.AddAvailableBaseLayerPayload, "layerReducer/addAvailableBaseLayer"> | undefined;
     loadedLayers?: layerTypes.Layer[] | undefined;
-    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
-    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+    store?: import("redux").Store<any, import("redux").UnknownAction, unknown> | undefined;
 }>;
 export default WMSLayerTreeConnect;

package/src/lib/store/store.d.ts

@@ -1,13 +1,13 @@
 import { SnackbarModuleStore } from '@opengeoweb/snackbar';
 import { WebMapStateModuleState, SynchronizationGroupModuleState, UIModuleState } from '@opengeoweb/store';
-import { ToolkitStore } from '@reduxjs/toolkit/dist/configureStore';
+import { Store } from '@reduxjs/toolkit';
 export declare const coreReducerMap: {
-    webmap: import("redux").Reducer<import("dist/libs/store/src/store/map/types").WebMapState, import("redux").AnyAction>;
-    services: import("redux").Reducer<import("dist/libs/store/src/store/map/types").ServiceState, import("redux").AnyAction>;
-    layers: import("redux").Reducer<import("dist/libs/store/src/store/map/types").LayerState, import("redux").AnyAction>;
-    syncGroups: import("redux").Reducer<import("dist/libs/store/src/store/generic/syncGroups/types").SynchronizationGroupState, import("redux").AnyAction>;
-    ui: import("redux").Reducer<import("dist/libs/store/src/store/ui/types").UIStoreType, import("redux").AnyAction>;
-    snackbar: import("redux").Reducer<import("dist/libs/snackbar/src/lib/store/types").SnackbarState, import("redux").AnyAction>;
+    webmap: import("redux").Reducer<import("dist/libs/store/src/store/map/types").WebMapState, import("redux").UnknownAction, import("dist/libs/store/src/store/map/types").WebMapState>;
+    services: import("redux").Reducer<import("dist/libs/store/src/store/map/types").ServiceState, import("redux").UnknownAction, import("dist/libs/store/src/store/map/types").ServiceState>;
+    layers: import("redux").Reducer<import("dist/libs/store/src/store/map/types").LayerState, import("redux").UnknownAction, import("dist/libs/store/src/store/map/types").LayerState>;
+    syncGroups: import("redux").Reducer<import("dist/libs/store/src/store/generic/syncGroups/types").SynchronizationGroupState, import("redux").UnknownAction, import("dist/libs/store/src/store/generic/syncGroups/types").SynchronizationGroupState>;
+    ui: import("redux").Reducer<import("dist/libs/store/src/store/ui/types").UIStoreType, import("redux").UnknownAction, import("dist/libs/store/src/store/ui/types").UIStoreType>;
+    snackbar: import("redux").Reducer<import("dist/libs/snackbar/src/lib/store/types").SnackbarState, import("redux").UnknownAction, import("dist/libs/snackbar/src/lib/store/types").SnackbarState>;
 };
-export declare const coreMiddlewares: import("@reduxjs/toolkit").ListenerMiddleware<import("@opengeoweb/store").CoreAppStore, import("@reduxjs/toolkit").ThunkDispatch<import("@opengeoweb/store").CoreAppStore, unknown, import("redux").AnyAction>, unknown>[];
-export declare const createMockStore: (mockState?: WebMapStateModuleState | SynchronizationGroupModuleState | UIModuleState | SnackbarModuleStore) => ToolkitStore;
+export declare const coreMiddlewares: import("@reduxjs/toolkit").ListenerMiddleware<import("@opengeoweb/store").CoreAppStore, import("redux-thunk").ThunkDispatch<import("@opengeoweb/store").CoreAppStore, unknown, import("redux").UnknownAction>, unknown>[];
+export declare const createMockStore: (mockState?: WebMapStateModuleState | SynchronizationGroupModuleState | UIModuleState | SnackbarModuleStore) => Store;