@opengeoweb/shared 12.2.0 → 12.4.1

package/index.esm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Box, Typography, useTheme, Tooltip, IconButton, Menu, ListSubheader, MenuItem, Grid2, ListItemText, ListItemIcon, DialogTitle, Button, Dialog, DialogContent, DialogActions, Paper, CircularProgress, Alert, AlertTitle, Drawer, Link, Avatar as Avatar$1, ClickAwayListener, MenuList, RadioGroup, FormControlLabel, Radio, List, ListItem, Tabs, Tab, Backdrop, Switch, Slider, ToggleButton, styled, Select, Accordion, AccordionSummary, AccordionDetails, FormLabel, TextField, InputAdornment, Chip, Stack, debounce as debounce$1, ListItemButton, Checkbox } from '@mui/material';
+import { Box, Typography, useTheme, Tooltip, IconButton, Menu, ListSubheader, MenuItem, Grid, ListItemText, ListItemIcon, DialogTitle, Button, Dialog, DialogContent, DialogActions, Paper, CircularProgress, Alert, AlertTitle, Drawer, Link, Avatar as Avatar$1, ClickAwayListener, MenuList, RadioGroup, FormControlLabel, Radio, List, ListItem, Tabs, Tab, Backdrop, Switch, Slider, ToggleButton, styled, Select, Accordion, AccordionSummary, AccordionDetails, FormLabel, TextField, InputAdornment, Chip, Stack, debounce as debounce$1, ListItemButton, Checkbox } from '@mui/material';
 import * as React from 'react';
 import React__default, { useRef, Component, useState } from 'react';
 import Draggable from 'react-draggable';
@@ -7,10 +7,10 @@ import { Resizable } from 're-resizable';
 import { Resize, Options, Close, ChevronLeft, Exclamation, Success, Info, ChevronRight, GeoWebLogo, HamburgerMenu, Admin, useThemeContext, ThemeTypes, KeyOption, ArrowLeft, ArrowRight, KeyCommand, ArrowUp, ArrowDown, ChevronDown, Search, Clear, Cached } from '@opengeoweb/theme';
 import 'i18next';
 import { initReactI18next, useTranslation } from 'react-i18next';
-import { throttle, escapeRegExp, debounce } from 'lodash';
+import { throttle, merge, escapeRegExp, debounce } from 'lodash';
 import * as Sentry from '@sentry/react';
 import { parseISO, parse, format, isEqual, add as add$1, sub as sub$1, differenceInYears as differenceInYears$1, differenceInMonths as differenceInMonths$1, differenceInDays as differenceInDays$1, differenceInMinutes as differenceInMinutes$1, differenceInHours as differenceInHours$1, differenceInSeconds as differenceInSeconds$1, roundToNearestMinutes as roundToNearestMinutes$1, isBefore as isBefore$1, isAfter as isAfter$1, isValid as isValid$1, getUnixTime, fromUnixTime, set as set$1, getHours as getHours$1, startOfDay, addMinutes, addHours, setSeconds as setSeconds$1, getDay, getDayOfYear, getMonth, getWeek, getYear, isWithinInterval } from 'date-fns';
-import { configureStore } from '@reduxjs/toolkit';
+import { fi as fi$1, nl as nl$1, nb, enGB } from 'date-fns/locale';
 
 var en = {
 	"shared-choose-app-mode": "Choose your default app mode",
@@ -19,7 +19,7 @@ var en = {
 	"shared-viewer": "Viewer",
 	"shared-editor": "Editor",
 	"shared-reload-page": "Reload page",
-	"shared-search-label": "Search through services or enter a service URL",
+	"shared-search-services": "Search through services or enter a service URL",
 	"shared-last-updated": "Last updated {{time}}",
 	"shared-click-to-refresh": "Click to refresh",
 	"shared-error-occurred": "Woops, an error has occurred. Please report the error shown below and reload the page if needed.",
@@ -82,7 +82,7 @@ var fi = {
 	"shared-viewer": "Katselu",
 	"shared-editor": "Muokkain",
 	"shared-reload-page": "Lataa sivu uudelleen",
-	"shared-search-label": "Etsi palveluista tai lisää palvelun URL-osoite",
+	"shared-search-services": "Etsi palveluista tai lisää palvelun URL-osoite",
 	"shared-last-updated": "Päivitetty viimeksi {{time}}",
 	"shared-click-to-refresh": "Napsauta päivittääksesi",
 	"shared-error-occurred": "Hups, virhe havaittu. Ilmoita ongelmasta eteenpäin ja lataa sivu uudelleen tarvittaessa",
@@ -145,7 +145,7 @@ var no = {
 	"shared-viewer": "Viewer",
 	"shared-editor": "Editor",
 	"shared-reload-page": "Last inn på nytt",
-	"shared-search-label": "Søk gjennom tjenester eller legg inn URL",
+	"shared-search-services": "Søk gjennom tjenester eller legg inn URL",
 	"shared-last-updated": "Sist oppdatert",
 	"shared-click-to-refresh": "Trykk for å laste inn på nytt",
 	"shared-error-occurred": "Woops, an error has occurred. Please report the error shown below and reload the page if needed.",
@@ -208,7 +208,7 @@ var nl = {
 	"shared-viewer": "Kijker",
 	"shared-editor": "Bewerker",
 	"shared-reload-page": "Pagina vernieuwen",
-	"shared-search-label": "Zoek door services of voer een service-URL in",
+	"shared-search-services": "Zoek door services of voer een service-URL in",
 	"shared-last-updated": "Laatst bijgewerkt {{time}}",
 	"shared-click-to-refresh": "Klik om te vernieuwen",
 	"shared-error-occurred": "Oeps, er is een fout opgetreden. Rapporteer de onderstaande fout en herlaad de pagina indien nodig.",
@@ -1032,16 +1032,16 @@ var ToggleMenu = function ToggleMenu(_ref) {
           },
           disabled: isDisabled,
           selected: menuItem.isSelected,
-          children: jsxs(Grid2, {
+          children: jsxs(Grid, {
             container: true,
             spacing: 2,
             justifyContent: "space-between",
             size: "grow",
-            children: [jsx(Grid2, {
+            children: [jsx(Grid, {
               children: jsx(ListItemText, {
                 children: text
               })
-            }), icon && jsx(Grid2, {
+            }), icon && jsx(Grid, {
               alignItems: "flex-end",
               children: jsx(ListItemIcon, {
                 sx: {
@@ -1157,7 +1157,7 @@ var CustomDialogHeader = function CustomDialogHeader(_ref2) {
         "data-testid": "CloseIcon"
       })
     })]
-  }) : jsxs(Grid2, {
+  }) : jsxs(Grid, {
     container: true,
     "data-testid": "dialog-action-header",
     alignItems: "center",
@@ -1168,7 +1168,7 @@ var CustomDialogHeader = function CustomDialogHeader(_ref2) {
       zIndex: 1
     },
     "aria-label": "Dialog options header",
-    children: [jsx(Grid2, {
+    children: [jsx(Grid, {
       size: 4,
       children: jsx(Button, {
         onClick: function onClick() {
@@ -1183,7 +1183,7 @@ var CustomDialogHeader = function CustomDialogHeader(_ref2) {
         },
         children: t('shared-customdialog-back')
       })
-    }), jsx(Grid2, {
+    }), jsx(Grid, {
       sx: {
         display: 'flex',
         justifyContent: 'center',
@@ -1193,7 +1193,7 @@ var CustomDialogHeader = function CustomDialogHeader(_ref2) {
       children: title && jsx(Title, {
         title: title
       })
-    }), jsx(Grid2, {
+    }), jsx(Grid, {
       size: 4,
       children: jsx(Box, {
         sx: {
@@ -2336,6 +2336,8 @@ var styles$4 = {
     backgroundColor: 'geowebColors.background.surface'
   },
   userMenu: {
+    maxHeight: 'calc(100vh - 40px)',
+    overflowY: 'auto',
     padding: 0,
     '& > li': {
       paddingTop: 3,
@@ -2356,8 +2358,10 @@ var UserMenu = function UserMenu(_ref) {
     initials = _ref.initials,
     _ref$isAdmin = _ref.isAdmin,
     isAdmin = _ref$isAdmin === void 0 ? false : _ref$isAdmin;
+  var toggleRef = useRef(null);
   return jsxs(Fragment, {
     children: [jsx(CustomIconButton, {
+      ref: toggleRef,
       "data-testid": "userButton",
       onClick: onToggle,
       sx: {
@@ -2393,7 +2397,13 @@ var UserMenu = function UserMenu(_ref) {
       sx: styles$4.container,
       "data-testid": "userMenu",
       children: jsx(ClickAwayListener, {
-        onClickAway: onClose,
+        onClickAway: function onClickAway(event) {
+          var _toggleRef$current;
+          if ((_toggleRef$current = toggleRef.current) != null && _toggleRef$current.contains(event.target)) {
+            return; // don't close here if clicking the toggle
+          }
+          onClose();
+        },
         mouseEvent: "onMouseDown",
         children: jsx(MenuList, {
           sx: styles$4.userMenu,
@@ -2414,11 +2424,11 @@ var MenuItemTheme = function MenuItemTheme(_ref) {
     t = _useTranslation.t;
   return jsx(MenuItem, {
     divider: true,
-    children: jsxs(Grid2, {
+    children: jsxs(Grid, {
       container: true,
-      children: [jsx(Grid2, {
+      children: [jsx(Grid, {
         children: t('shared-choose-app-mode')
-      }), jsx(Grid2, {
+      }), jsx(Grid, {
         children: jsxs(RadioGroup, {
           onChange: function onChange(event, value) {
             if (value && setThemeName) {
@@ -2569,7 +2579,7 @@ var ToolHeader = function ToolHeader(_ref) {
     }),
     role: "heading",
     "aria-label": "toolheader",
-    children: jsxs(Grid2, {
+    children: jsxs(Grid, {
       container: true,
       alignItems: "center",
       sx: {
@@ -2577,14 +2587,14 @@ var ToolHeader = function ToolHeader(_ref) {
         height: styles.height
       },
       justifyContent: "space-between",
-      children: [jsx(Grid2, {
+      children: [jsx(Grid, {
         className: "header-left",
         sx: {
           paddingRight: 1
         },
         size: columnSizeLeft,
         children: leftHeaderComponent && leftHeaderComponent
-      }), jsx(Grid2, {
+      }), jsx(Grid, {
         className: "header-title",
         size: title ? columnSizeTitle : 0,
         container: true,
@@ -2606,7 +2616,7 @@ var ToolHeader = function ToolHeader(_ref) {
           role: "heading",
           children: title
         })
-      }), jsxs(Grid2, {
+      }), jsxs(Grid, {
         className: "header-right",
         container: true,
         justifyContent: "flex-end",
@@ -3446,13 +3456,13 @@ var ShortcutList = function ShortcutList(_ref) {
           minHeight: 56
         },
         divider: index !== shortcuts.length - 1,
-        children: jsxs(Grid2, {
+        children: jsxs(Grid, {
           container: true,
           direction: "row",
           justifyContent: "space-between",
           alignItems: "center",
           size: "grow",
-          children: [jsx(Grid2, {
+          children: [jsx(Grid, {
             sx: {
               fontSize: 12,
               fontWeight: 300,
@@ -3460,7 +3470,7 @@ var ShortcutList = function ShortcutList(_ref) {
               opacity: 0.67
             },
             children: t(shortcut.titleKey)
-          }), jsx(Grid2, {
+          }), jsx(Grid, {
             children: jsx(Box, {
               sx: {
                 alignItems: 'center'
@@ -3546,9 +3556,9 @@ var UserMenuItemCheatSheet = function UserMenuItemCheatSheet() {
       "data-testid": "cheatsheet-btn",
       onClick: onOpen,
       divider: true,
-      children: jsx(Grid2, {
+      children: jsx(Grid, {
         container: true,
-        children: jsx(Grid2, {
+        children: jsx(Grid, {
           children: t('shared-cheat-sheet')
         })
       })
@@ -3689,9 +3699,9 @@ var UserMenuItemSentryRecording = function UserMenuItemSentryRecording(_ref) {
       "data-testid": "sentryRecording-btn",
       onClick: onOpen,
       divider: true,
-      children: jsx(Grid2, {
+      children: jsx(Grid, {
         container: true,
-        children: jsx(Grid2, {
+        children: jsx(Grid, {
           children: t('shared-sentry-recording')
         })
       })
@@ -3711,14 +3721,14 @@ var UserMenuItemSentryRecording = function UserMenuItemSentryRecording(_ref) {
         isOpen: true,
         onClose: onClose,
         bounds: "parent",
-        children: jsxs(Grid2, {
+        children: jsxs(Grid, {
           container: true,
           spacing: 4,
           sx: {
             paddingLeft: '70px',
             paddingRight: '70px'
           },
-          children: [jsx(Grid2, {
+          children: [jsx(Grid, {
             container: true,
             justifyContent: "center",
             sx: {
@@ -3727,7 +3737,7 @@ var UserMenuItemSentryRecording = function UserMenuItemSentryRecording(_ref) {
             children: jsx(Typography, {
               children: t('shared-sentry-information')
             })
-          }), jsx(Grid2, {
+          }), jsx(Grid, {
             container: true,
             justifyContent: "center",
             sx: {
@@ -3736,7 +3746,7 @@ var UserMenuItemSentryRecording = function UserMenuItemSentryRecording(_ref) {
             children: jsx(Typography, {
               children: t('shared-sentry-enable-message')
             })
-          }), jsxs(Grid2, {
+          }), jsxs(Grid, {
             container: true,
             alignItems: "center",
             direction: "column",
@@ -3749,7 +3759,7 @@ var UserMenuItemSentryRecording = function UserMenuItemSentryRecording(_ref) {
             }) : jsxs(Typography, {
               children: [" ", t('shared-sentry-enable')]
             })]
-          }), jsxs(Grid2, {
+          }), jsxs(Grid, {
             container: true,
             alignItems: "center",
             direction: "column",
@@ -3773,7 +3783,7 @@ var UserMenuItemSentryRecording = function UserMenuItemSentryRecording(_ref) {
                 children: ["(", t('shared-sentry-cors-wait'), ")"]
               })]
             })]
-          }), jsx(Grid2, {
+          }), jsx(Grid, {
             container: true,
             justifyContent: "center",
             children: jsx(Typography, {
@@ -3858,7 +3868,7 @@ var getInitials = function getInitials(name) {
   }
 };
 
-var _excluded$6 = ["value", "orientation", "shouldAutoFocus"];
+var _excluded$6 = ["value", "orientation", "shouldAutoFocus", "extraStyles"];
 var sliderHeaderStyle = {
   fontFamily: 'Roboto-Black, Roboto',
   fontSize: 12,
@@ -3915,6 +3925,8 @@ var CustomSlider = function CustomSlider(_ref) {
     orientation = _ref$orientation === void 0 ? 'vertical' : _ref$orientation,
     _ref$shouldAutoFocus = _ref.shouldAutoFocus,
     shouldAutoFocus = _ref$shouldAutoFocus === void 0 ? false : _ref$shouldAutoFocus,
+    _ref$extraStyles = _ref.extraStyles,
+    extraStyles = _ref$extraStyles === void 0 ? {} : _ref$extraStyles,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   // Add custom class (for bold text) to label adjacent to thumb component.
   // Material UI doesn't support highlighing only adjacent label
@@ -3944,8 +3956,9 @@ var CustomSlider = function CustomSlider(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  var mergedStyles = merge(extraStyles, sliderStyle);
   return jsx(Slider, Object.assign({
-    sx: sliderStyle,
+    sx: mergedStyles,
     ref: element,
     value: value,
     orientation: orientation,
@@ -4386,7 +4399,7 @@ var SearchFieldButton = function SearchFieldButton(_ref2) {
     setPopupIsOpen = _ref2.setPopupIsOpen;
   var _useSharedTranslation2 = useSharedTranslation(),
     t = _useSharedTranslation2.t;
-  if (isURL(localSearchString)) {
+  if (isURL(localSearchString) && setPopupIsOpen) {
     return jsxs(Fragment, {
       children: [jsx("div", {
         style: {
@@ -4420,11 +4433,33 @@ var SearchFieldButton = function SearchFieldButton(_ref2) {
   });
 };
 
+var stylesSmall = {
+  '.MuiInputLabel-root': {
+    lineHeight: '16px',
+    fontSize: '12px',
+    top: '-6px',
+    transform: 'translate(12px, 7px) scale(1)',
+    ':not(.MuiInputLabel-shrink)': {
+      transform: 'translate(12px, 10px) scale(1.6)'
+    }
+  },
+  '.MuiFilledInput-input': {
+    lineHeight: '20px',
+    padding: '10px 0 1px 12px'
+  },
+  '.MuiButtonBase-root.MuiIconButton-root': {
+    height: '32px!important',
+    width: '32px!important',
+    marginRight: '-4px!important'
+  }
+};
 var SearchField$1 = function SearchField(_ref) {
   var searchFilter = _ref.searchFilter,
     label = _ref.label,
     setSearchFilter = _ref.setSearchFilter,
-    onOpenServicePopup = _ref.onOpenServicePopup;
+    onOpenServicePopup = _ref.onOpenServicePopup,
+    _ref$small = _ref.small,
+    small = _ref$small === void 0 ? false : _ref$small;
   var _React$useState = React.useState(''),
     localSearchString = _React$useState[0],
     setLocalSearchString = _React$useState[1];
@@ -4433,7 +4468,7 @@ var SearchField$1 = function SearchField(_ref) {
     setUrlIsValid = _React$useState2[1];
   var _useTranslation = useTranslation(SHARED_NAMESPACE),
     t = _useTranslation.t;
-  var translatedLabel = label || t('shared-search-label');
+  var translatedLabel = label || (onOpenServicePopup ? t('shared-search-services') : t('shared-search'));
   // eslint-disable-next-line react-hooks/exhaustive-deps
   var setSearchFilterDebounced = React.useCallback(debounce(setSearchFilter, 300), []);
   var handleChange = function handleChange(text) {
@@ -4453,7 +4488,7 @@ var SearchField$1 = function SearchField(_ref) {
     var keyDownHandler = function keyDownHandler(event) {
       if (event.key === 'Enter') {
         event.preventDefault();
-        if (urlIsValid) {
+        if (urlIsValid && onOpenServicePopup) {
           onOpenServicePopup(localSearchString);
           setLocalSearchString('');
         }
@@ -4486,10 +4521,10 @@ var SearchField$1 = function SearchField(_ref) {
         endAdornment: jsx(InputAdornment, {
           position: "end",
           children: jsx(SearchFieldButton, {
-            setPopupIsOpen: function setPopupIsOpen() {
+            setPopupIsOpen: onOpenServicePopup ? function () {
               onOpenServicePopup(localSearchString);
               setLocalSearchString('');
-            },
+            } : undefined,
             localSearchString: localSearchString,
             onClickClear: function onClickClear() {
               setLocalSearchString('');
@@ -4499,7 +4534,8 @@ var SearchField$1 = function SearchField(_ref) {
           })
         })
       }
-    }
+    },
+    sx: small ? stylesSmall : {}
   });
 };
 
@@ -5271,6 +5307,18 @@ var DATE_FORMAT_NAME_OF_DAY = 'eee dd/MM/yyyy HH:mm';
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 // eslint-disable-next-line no-restricted-imports
+var getDateFnsLocale = function getDateFnsLocale(locale) {
+  if (locale === 'fi') {
+    return fi$1;
+  }
+  if (locale === 'nl') {
+    return nl$1;
+  }
+  if (locale === 'no') {
+    return nb;
+  }
+  return enGB;
+};
 /**
  * Parsing date strings with geoweb dateUtils:
  *
@@ -5421,7 +5469,7 @@ var setUTCDate = function setUTCDate(inDate) {
  * @example
  * ``` dateToString(new Date(2022, 10, 12, 15, 30), 'dd MMM yyyy') ```
  */
-var dateToString = function dateToString(inDate, strFormat, utc) {
+var dateToString = function dateToString(inDate, strFormat, utc, locale) {
   if (strFormat === void 0) {
     strFormat = DATE_FORMAT_UTC;
   }
@@ -5431,7 +5479,11 @@ var dateToString = function dateToString(inDate, strFormat, utc) {
   if (!inDate || !isValid(inDate)) {
     return undefined;
   }
-  var formattedDate = utc ? format(new Date(inDate.getUTCFullYear(), inDate.getUTCMonth(), inDate.getUTCDate(), inDate.getUTCHours(), inDate.getUTCMinutes(), inDate.getUTCSeconds()), strFormat) : format(inDate, strFormat);
+  var formattedDate = utc ? format(new Date(inDate.getUTCFullYear(), inDate.getUTCMonth(), inDate.getUTCDate(), inDate.getUTCHours(), inDate.getUTCMinutes(), inDate.getUTCSeconds()), strFormat, {
+    locale: getDateFnsLocale(locale)
+  }) : format(inDate, strFormat, {
+    locale: getDateFnsLocale(locale)
+  });
   return formattedDate;
 };
 /**
@@ -5951,6 +6003,7 @@ var index = /*#__PURE__*/Object.freeze({
   differenceInYears: differenceInYears,
   fromUnix: fromUnix,
   getCurrentTimeAsString: getCurrentTimeAsString,
+  getDateFnsLocale: getDateFnsLocale,
   getDay: getDay,
   getDayOfYear: getDayOfYear,
   getHours: getHours,
@@ -5985,33 +6038,6 @@ var index = /*#__PURE__*/Object.freeze({
   utc: utc
 });
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2024 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var createToolkitMockStore = function createToolkitMockStore(storeConfig) {
-  var reducer = storeConfig.reducer,
-    preloadedState = storeConfig.preloadedState;
-  var store = configureStore(Object.assign({}, storeConfig, {
-    reducer: reducer,
-    preloadedState: preloadedState
-  }));
-  return store;
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -6156,6 +6182,83 @@ var RenderCounter = /*#__PURE__*/function () {
 }();
 var renderCounter = new RenderCounter();
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var SessionStorageKey;
+(function (SessionStorageKey) {
+  SessionStorageKey["CONFIG"] = "config";
+  SessionStorageKey["OAUTH_STATE"] = "oauth_state";
+  SessionStorageKey["OAUTH_CODE_VERIFIER"] = "code_verifier";
+  SessionStorageKey["OAUTH_CODE_CHALLENGE"] = "code_challenge";
+  SessionStorageKey["HAS_AUTHENTICATED"] = "has_authenticated";
+  SessionStorageKey["CALLBACK_URL"] = "callback_url";
+})(SessionStorageKey || (SessionStorageKey = {}));
+var sessionStorageProvider = {
+  setConfig: function setConfig(value) {
+    return sessionStorage.setItem(SessionStorageKey.CONFIG, JSON.stringify(value));
+  },
+  getConfig: function getConfig() {
+    return JSON.parse(sessionStorage.getItem(SessionStorageKey.CONFIG) || '{}');
+  },
+  setOauthState: function setOauthState(value) {
+    return sessionStorage.setItem(SessionStorageKey.OAUTH_STATE, value);
+  },
+  getOauthState: function getOauthState() {
+    return sessionStorage.getItem(SessionStorageKey.OAUTH_STATE);
+  },
+  removeOauthState: function removeOauthState() {
+    return sessionStorage.removeItem(SessionStorageKey.OAUTH_STATE);
+  },
+  setOauthCodeVerifier: function setOauthCodeVerifier(value) {
+    return sessionStorage.setItem(SessionStorageKey.OAUTH_CODE_VERIFIER, value);
+  },
+  getOauthCodeVerifier: function getOauthCodeVerifier() {
+    return sessionStorage.getItem(SessionStorageKey.OAUTH_CODE_VERIFIER);
+  },
+  removeOauthCodeVerifier: function removeOauthCodeVerifier() {
+    return sessionStorage.removeItem(SessionStorageKey.OAUTH_CODE_VERIFIER);
+  },
+  setOauthCodeChallenge: function setOauthCodeChallenge(value) {
+    return sessionStorage.setItem(SessionStorageKey.OAUTH_CODE_CHALLENGE, value);
+  },
+  getOauthCodeChallenge: function getOauthCodeChallenge() {
+    return sessionStorage.getItem(SessionStorageKey.OAUTH_CODE_CHALLENGE);
+  },
+  removeOauthCodeChallenge: function removeOauthCodeChallenge() {
+    return sessionStorage.removeItem(SessionStorageKey.OAUTH_CODE_CHALLENGE);
+  },
+  setHasAuthenticated: function setHasAuthenticated(value) {
+    return sessionStorage.setItem(SessionStorageKey.HAS_AUTHENTICATED, value);
+  },
+  getHasAuthenticated: function getHasAuthenticated() {
+    return sessionStorage.getItem(SessionStorageKey.HAS_AUTHENTICATED);
+  },
+  removeHasAuthenticated: function removeHasAuthenticated() {
+    return sessionStorage.removeItem(SessionStorageKey.HAS_AUTHENTICATED);
+  },
+  getCallbackUrl: function getCallbackUrl() {
+    return sessionStorage.getItem(SessionStorageKey.CALLBACK_URL);
+  },
+  setCallbackUrl: function setCallbackUrl(value) {
+    return sessionStorage.setItem(SessionStorageKey.CALLBACK_URL, value);
+  }
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -6179,4 +6282,4 @@ var SystemScope = {
   system: 'system'
 };
 
-export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, CanvasComponent, ConfirmationButtons, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomDialogHeader, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEBOUNCE_TIMEOUT, DEFAULT_ERROR_MESSAGE, DEFAULT_FILTER_HEIGHT, DraggableComponent$1 as Draggable, ErrorBoundary, Filter, FilterChip, FilterOption, LastUpdateTime, PROJECTION, ResizeComponent as Resizable, SHARED_NAMESPACE, SearchField$1 as SearchField, SearchFieldButton, SearchHighlight, StatusTag, StorybookDocsWrapper, StyledSelect, SwitchButton, SystemScope, ToggleMenu, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, UserMenuItemSentryRecording, MenuItemTheme as UserMenuItemTheme, adjustPosition, calculateDialogSizeAndPosition, calculateStartSize, createToolkitMockStore, index as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, isAxiosAuthError, isAxiosError, loadAllTranslations, pollingIntervalTimeout, renderCounter, safelyInitI18nForTestsAndStories, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useUserMenu, useWheelStopPropagation };
+export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, CanvasComponent, ConfirmationButtons, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomDialogHeader, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEBOUNCE_TIMEOUT, DEFAULT_ERROR_MESSAGE, DEFAULT_FILTER_HEIGHT, DraggableComponent$1 as Draggable, ErrorBoundary, Filter, FilterChip, FilterOption, LastUpdateTime, PROJECTION, ResizeComponent as Resizable, SHARED_NAMESPACE, SearchField$1 as SearchField, SearchFieldButton, SearchHighlight, SessionStorageKey, StatusTag, StorybookDocsWrapper, StyledSelect, SwitchButton, SystemScope, ToggleMenu, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, UserMenuItemSentryRecording, MenuItemTheme as UserMenuItemTheme, adjustPosition, calculateDialogSizeAndPosition, calculateStartSize, index as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, isAxiosAuthError, isAxiosError, loadAllTranslations, pollingIntervalTimeout, renderCounter, safelyInitI18nForTestsAndStories, sessionStorageProvider, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useUserMenu, useWheelStopPropagation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "12.2.0",
+  "version": "12.4.1",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,17 +8,16 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/theme": "12.2.0",
+    "@opengeoweb/theme": "12.4.1",
     "react-draggable": "^4.4.6",
     "re-resizable": "^6.9.11",
     "lodash": "^4.17.21",
     "axios": "^1.7.7",
     "date-fns": "^4.1.0",
-    "@reduxjs/toolkit": "^1.9.7",
     "react-i18next": "^15.1.1",
-    "i18next": "^23.11.5",
+    "i18next": "^25.0.1",
     "@sentry/react": "^8.34.0",
-    "@mui/material": "^6.1.1"
+    "@mui/material": "^7.0.1"
   },
   "peerDependencies": {
     "react": "18",

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SliderProps } from '@mui/material';
+import { SliderProps, SxProps } from '@mui/material';
 export declare const sliderHeaderStyle: {
     fontFamily: string;
     fontSize: number;
@@ -8,6 +8,7 @@ export declare const sliderHeaderStyle: {
 };
 interface CustomSliderProps extends SliderProps {
     shouldAutoFocus?: boolean;
+    extraStyles?: SxProps;
 }
 export declare const CustomSlider: React.FC<CustomSliderProps>;
 export default CustomSlider;

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

@@ -3,7 +3,8 @@ interface SearchFieldProps {
     searchFilter: string;
     label?: string;
     setSearchFilter: (filterText: string) => void;
-    onOpenServicePopup: (url: string) => void;
+    onOpenServicePopup?: (url: string) => void;
+    small?: boolean;
 }
 export declare const SearchField: React.FC<SearchFieldProps>;
 export {};

package/src/lib/components/SearchField/SearchFieldButtonContainer.d.ts

@@ -3,7 +3,7 @@ export declare const isURL: (string: string) => boolean;
 interface FieldButtonProps {
     localSearchString: string;
     onClickClear: () => void;
-    setPopupIsOpen: (value: boolean) => void;
+    setPopupIsOpen?: (value: boolean) => void;
 }
 export declare const SearchFieldButton: React.FC<FieldButtonProps>;
 export {};

package/src/lib/utils/dateUtils/dateUtils.d.ts

@@ -1,4 +1,4 @@
-import { parseISO, isEqual, Duration, startOfDay, isWithinInterval, getDayOfYear, getDay, getMonth, getYear, getWeek, NearestMinutes } from 'date-fns';
+import { parseISO, isEqual, Duration, startOfDay, isWithinInterval, getDayOfYear, getDay, getMonth, getYear, getWeek, NearestMinutes, Locale } from 'date-fns';
 export interface DateValues {
     year?: number;
     month?: number;
@@ -8,6 +8,7 @@ export interface DateValues {
     seconds?: number;
     milliseconds?: number;
 }
+export declare const getDateFnsLocale: (locale?: string) => Locale;
 /**
  * Parsing date strings with geoweb dateUtils:
  *
@@ -107,7 +108,7 @@ export declare const setUTCDate: (inDate: Date | undefined) => Date | undefined;
  * @example
  * ``` dateToString(new Date(2022, 10, 12, 15, 30), 'dd MMM yyyy') ```
  */
-export declare const dateToString: (inDate: Date | undefined, strFormat?: string, utc?: boolean) => string | undefined;
+export declare const dateToString: (inDate: Date | undefined, strFormat?: string, utc?: boolean, locale?: string) => string | undefined;
 /**
  * Find out if a date is between two other dates.
  *

package/src/lib/utils/index.d.ts

@@ -1,5 +1,6 @@
 export * from './axiosErrorUtils';
 export * as dateUtils from './dateUtils';
-export * from './reduxTestUtils';
 export * from './mapProjections';
 export { renderCounter } from './renderCounter';
+export { sessionStorageProvider, SessionStorageKey } from './sessionStorage';
+export type { SessionStorageProvider } from './sessionStorage';

package/src/lib/utils/sessionStorage.d.ts

@@ -0,0 +1,28 @@
+import { ConfigType } from '../types';
+export interface SessionStorageProvider {
+    setConfig: (value: ConfigType) => void;
+    getConfig: () => ConfigType;
+    setOauthState: (value: string) => void;
+    getOauthState: () => string;
+    removeOauthState: () => void;
+    setOauthCodeVerifier: (value: string) => void;
+    getOauthCodeVerifier: () => string;
+    removeOauthCodeVerifier: () => void;
+    setOauthCodeChallenge: (value: string) => void;
+    getOauthCodeChallenge: () => string;
+    removeOauthCodeChallenge: () => void;
+    setHasAuthenticated: (value: string) => void;
+    getHasAuthenticated: () => string;
+    removeHasAuthenticated: () => void;
+    getCallbackUrl: () => string;
+    setCallbackUrl: (value: string) => void;
+}
+export declare enum SessionStorageKey {
+    CONFIG = "config",
+    OAUTH_STATE = "oauth_state",
+    OAUTH_CODE_VERIFIER = "code_verifier",
+    OAUTH_CODE_CHALLENGE = "code_challenge",
+    HAS_AUTHENTICATED = "has_authenticated",
+    CALLBACK_URL = "callback_url"
+}
+export declare const sessionStorageProvider: SessionStorageProvider;

package/src/lib/utils/sessionStorage.spec.d.ts

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

package/src/lib/utils/reduxTestUtils/createMockStore.d.ts

@@ -1,2 +0,0 @@
-import { ConfigureStoreOptions, ToolkitStore } from '@reduxjs/toolkit/dist/configureStore';
-export declare const createToolkitMockStore: (storeConfig: ConfigureStoreOptions) => ToolkitStore;

package/src/lib/utils/reduxTestUtils/index.d.ts

@@ -1 +0,0 @@
-export * from './createMockStore';