@opengeoweb/shared 12.2.0 → 12.3.0

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';
@@ -10,7 +10,6 @@ import { initReactI18next, useTranslation } from 'react-i18next';
 import { throttle, 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';
 
 var en = {
 	"shared-choose-app-mode": "Choose your default app mode",
@@ -1032,16 +1031,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 +1156,7 @@ var CustomDialogHeader = function CustomDialogHeader(_ref2) {
         "data-testid": "CloseIcon"
       })
     })]
-  }) : jsxs(Grid2, {
+  }) : jsxs(Grid, {
     container: true,
     "data-testid": "dialog-action-header",
     alignItems: "center",
@@ -1168,7 +1167,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 +1182,7 @@ var CustomDialogHeader = function CustomDialogHeader(_ref2) {
         },
         children: t('shared-customdialog-back')
       })
-    }), jsx(Grid2, {
+    }), jsx(Grid, {
       sx: {
         display: 'flex',
         justifyContent: 'center',
@@ -1193,7 +1192,7 @@ var CustomDialogHeader = function CustomDialogHeader(_ref2) {
       children: title && jsx(Title, {
         title: title
       })
-    }), jsx(Grid2, {
+    }), jsx(Grid, {
       size: 4,
       children: jsx(Box, {
         sx: {
@@ -2336,6 +2335,8 @@ var styles$4 = {
     backgroundColor: 'geowebColors.background.surface'
   },
   userMenu: {
+    maxHeight: 'calc(100vh - 40px)',
+    overflowY: 'auto',
     padding: 0,
     '& > li': {
       paddingTop: 3,
@@ -2356,8 +2357,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 +2396,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 +2423,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 +2578,7 @@ var ToolHeader = function ToolHeader(_ref) {
     }),
     role: "heading",
     "aria-label": "toolheader",
-    children: jsxs(Grid2, {
+    children: jsxs(Grid, {
       container: true,
       alignItems: "center",
       sx: {
@@ -2577,14 +2586,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 +2615,7 @@ var ToolHeader = function ToolHeader(_ref) {
           role: "heading",
           children: title
         })
-      }), jsxs(Grid2, {
+      }), jsxs(Grid, {
         className: "header-right",
         container: true,
         justifyContent: "flex-end",
@@ -3446,13 +3455,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 +3469,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 +3555,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 +3698,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 +3720,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 +3736,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 +3745,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 +3758,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 +3782,7 @@ var UserMenuItemSentryRecording = function UserMenuItemSentryRecording(_ref) {
                 children: ["(", t('shared-sentry-cors-wait'), ")"]
               })]
             })]
-          }), jsx(Grid2, {
+          }), jsx(Grid, {
             container: true,
             justifyContent: "center",
             children: jsx(Typography, {
@@ -5985,33 +5994,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 +6138,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 +6238,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.3.0",
   "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.3.0",
     "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",
     "@sentry/react": "^8.34.0",
-    "@mui/material": "^6.1.1"
+    "@mui/material": "^7.0.1"
   },
   "peerDependencies": {
     "react": "18",

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';