@opengeoweb/warnings 15.1.0 → 15.2.0

package/index.esm.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useDispatch, useSelector } from 'react-redux';
-import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawingToolSelectors, layerSelectors, uiSelectors, drawingToolActions, layerActions, mapListener, layersListener, drawingToolListener, syncGroupsListener, openlayersListener, syncGroupsReducer, drawingToolReducer, uiReducer, layerReducer, mapReducer, useSetupDialog, genericSelectors, useUpdateSharedData, genericActions, selectorMemoizationOptions } from '@opengeoweb/store';
+import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawingToolSelectors, layerSelectors, uiSelectors, layerActions, drawingToolActions, mapListener, layersListener, drawingToolListener, syncGroupsListener, openlayersListener, syncGroupsReducer, drawingToolReducer, uiReducer, layerReducer, mapReducer, useSetupDialog, genericSelectors, useUpdateSharedData, genericActions, selectorMemoizationOptions } from '@opengeoweb/store';
 import { Polygons, CoastalEvent, TemperatureLow, TemperatureHigh, Rain, Snow, Lightning, Fog, Wind, Thunderstorm, SevereMountainWaves, VulcanicEruption, Haze, FreezingPrecipitation, ModerateAircraftIcing, SevereAircraftIcing, ModerateTurbulence, SevereTurbulence, SandStorm, RadioactiveMaterials, ExitDomain, Share, Edit, Delete, DrawPolygon, Visibility, Add, breakpoints, DragHandle, Info, ArrowUpCompact, ArrowDownCompact, Copy, Update, Cancel, Success, Expire, Remove, Options, ChevronDown, ChevronUp, Close, Clock } from '@opengeoweb/theme';
-import { WEBMAP_REACT_NAMESPACE, defaultPolygon, getDrawModeIdFromSelectionType, currentlySupportedDrawModes, emptyGeoJSON, MapControlButton, defaultSmoothLine, defaultLineString, defaultFreehandLine, defaultOval, defaultCircle, defaultBox, defaultSquare, defaultLocation, defaultPoint, defaultDelete, getIcon, rewindGeometry, getGeoJSONPropertyValue, defaultLayers, viewUtils, OpenLayersMapView, MapControls, OpenLayersZoomControl, OpenLayersLayer, OpenLayersFeatureLayer, genericOpenLayersFeatureStyle, DEFAULT_GEOJSON_STYLE_FILL_OPACITY, FEATURE_DRAW_FILL_COLOR, FEATURE_DRAW_SECONDARY_FILL_COLOR, FEATURE_DRAW_STROKE_COLOR } from '@opengeoweb/webmap-react';
+import { WEBMAP_REACT_NAMESPACE, defaultPolygon, emptyGeoJSON, MapControlButton, defaultSmoothLine, defaultLineString, defaultFreehandLine, defaultOval, defaultCircle, defaultBox, defaultSquare, defaultLocation, defaultPoint, defaultDelete, getDrawModeIdFromSelectionType, getIcon, rewindGeometry, getGeoJSONPropertyValue, currentlySupportedDrawModes, defaultLayers, viewUtils, OpenLayersMapView, MapControls, OpenLayersZoomControl, OpenLayersLayer, OpenLayersFeatureLayer, genericOpenLayersFeatureStyle, DEFAULT_GEOJSON_STYLE_FILL_OPACITY, FEATURE_DRAW_FILL_COLOR, FEATURE_DRAW_SECONDARY_FILL_COLOR, FEATURE_DRAW_STROKE_COLOR } from '@opengeoweb/webmap-react';
 import { SHARED_NAMESPACE, useConfirmationDialog, sessionStorageProvider, dateUtils, ConfirmationDialog, AlertBanner, ToggleMenu, calculateStartSize, ToolContainerDraggable, CustomIconButton, usePrevious, usePreventBrowserClose, CustomTooltip, Avatar, getInitials, SwitchButton, Filter, CustomToggleButton, FilterChip, TooltipSelect, LastUpdateTime, StatusTag, FilterOption, getAxiosErrorMessage, CustomDialog, ConfirmationButtons, ErrorBoundary } from '@opengeoweb/shared';
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, current, combineReducers, configureStore } from '@reduxjs/toolkit';
 import { t } from 'i18next';
@@ -11,14 +11,13 @@ import { defaultBbox } from '@opengeoweb/core';
 import { FORM_FIELDS_NAMESPACE, useDraftFormHelpers, ReactHookFormSelect, ReactHookFormHiddenInput, isValidGeoJsonCoordinates, ReactHookFormTextField, ReactHookFormProvider, defaultFormOptions, errorMessages, isEmpty, ReactHookFormDateTime, isXHoursAfter, isXHoursBefore } from '@opengeoweb/form-fields';
 import { SA_NAMESPACE, isInstanceOfCancelSigmet, getDefaultValidFromValue, isInstanceOfCancelAirmet, getDefaultValidUntilValue, useShortTestHelpers, ProductAction, SigmetForm, AirmetForm, isVAPhenomenon, getConfirmationDialogCancelLabel, getConfirmationDialogButtonLabel, getConfirmationDialogContent, getConfirmationDialogTitle, CancelSigmetVolcanicMovements, createAirmetPostParameter, createSigmetPostParameter, prepareCancelSigmet, getProductFormMode, findSequenceNumber, getSequenceStyling } from '@opengeoweb/sigmet-airmet';
 import { LayerType, generateMapId } from '@opengeoweb/webmap';
-import React, { useState, useEffect, useMemo, useRef, useCallback } from 'react';
+import React, { useRef, useState, useEffect, useMemo, useCallback } from 'react';
 import { useAuthenticationContext as useAuthenticationContext$1 } from '@opengeoweb/authentication';
 import { MenuItem, Grid, Box, Typography, styled, ListItem, Paper, ListItemButton, Stack, LinearProgress, Button, FormHelperText, Card, CardContent, Tabs, Tab, useTheme, FormControl, CircularProgress, Menu, ListItemText, DialogTitle, DialogContent, Switch, RadioGroup, FormControlLabel, Radio, InputAdornment, Collapse } from '@mui/material';
 import { useQueryClient, useMutation, queryOptions, QueryClient, useQuery } from '@tanstack/react-query';
 import { getHeaders, handleResponse, AirmetPhenomena, SigmetPhenomena, useAuthQuery, useAuthenticationContext, optimisticUpdate, ProductStatus } from '@opengeoweb/api';
 import { snackbarListener, snackbarReducer, snackbarActions, snackbarTypes } from '@opengeoweb/snackbar';
-import AutoSizer from 'react-virtualized-auto-sizer';
-import { VariableSizeList } from 'react-window';
+import { List, useListRef } from 'react-window';
 import { isEqual, cloneDeep, clamp, concat, groupBy, pick } from 'lodash';
 import { useFormContext, useForm, FormProvider } from 'react-hook-form';
 import { ReactSortable } from 'react-sortablejs';
@@ -1490,6 +1489,9 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
   var isFormDirty = useSelector(function (store) {
     return getWarningFormDirty(store, drawingDialogType);
   });
+  var isDrawLayerSelectable = useSelector(function (store) {
+    return layerSelectors.getIsLayerSelectable(store, currentDrawLayerId);
+  });
   // object selectors
   var _useDialogOptions2 = useDialogOptions({
       dialogType: objectDialogType
@@ -1536,6 +1538,12 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
             }
             closeDrawDialog(true);
           case 9:
+            // make drawLayer not selectable
+            if (isDrawLayerSelectable) {
+              dispatch(layerActions.toggleSelectableFeatures({
+                layerId: currentDrawLayerId
+              }));
+            }
             // open object dialog
             dispatch(uiActions.setActiveMapIdForDialog({
               type: objectDialogType,
@@ -1553,7 +1561,7 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
               // remove current shape
               clearGeoJSON(objectDialogLayerId);
             }
-          case 11:
+          case 12:
           case "end":
             return _context2.stop();
         }
@@ -1571,6 +1579,12 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
       var shouldResetShape = newGeoJSON === undefined;
       closeObjectDialog(shouldResetShape);
     }
+    // make drawLayer selectable
+    if (!isDrawLayerSelectable) {
+      dispatch(layerActions.toggleSelectableFeatures({
+        layerId: currentDrawLayerId
+      }));
+    }
     // open draw dialog
     dispatch(uiActions.setActiveMapIdForDialog({
       type: drawingDialogType,
@@ -1615,18 +1629,10 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
       }));
     }
     if (newGeoJSON) {
-      var _newGeoJSON$features$;
       dispatch(layerActions.layerChangeGeojson({
         layerId: currentDrawLayerId,
         geojson: newGeoJSON
       }));
-      // select correct drawTool for selected object
-      var type = (_newGeoJSON$features$ = newGeoJSON.features[0].properties) == null ? void 0 : _newGeoJSON$features$.selectionType;
-      var drawModeId = getDrawModeIdFromSelectionType(type, currentlySupportedDrawModes);
-      dispatch(drawingToolActions.changeDrawToolMode({
-        drawToolId: drawingDialogType,
-        drawModeId: drawModeId
-      }));
     }
   };
   var _useCloseDrawDialog = useCloseDrawDialog({
@@ -2232,7 +2238,7 @@ var TAKEOVER_MESSAGE = 'You are no longer the editor of this warning';
 var initialState$2 = {};
 var slice$1 = createSlice({
   initialState: initialState$2,
-  name: 'publicWarningForm',
+  name: 'warningsForm',
   reducers: {
     setFormValues: function setFormValues(draft, action) {
       var _action$payload = action.payload,
@@ -2352,12 +2358,12 @@ var slice$1 = createSlice({
     });
   }
 });
-var publicWarningFormReducer = slice$1.reducer,
-  publicWarningFormActions = slice$1.actions;
+var warningsFormReducer = slice$1.reducer,
+  warningsFormActions = slice$1.actions;
 
-var publicWarningFormListener = createListenerMiddleware();
-publicWarningFormListener.startListening({
-  actionCreator: publicWarningFormActions.openPublicWarningFormDialog,
+var warningsFormListener = createListenerMiddleware();
+warningsFormListener.startListening({
+  actionCreator: warningsFormActions.openPublicWarningFormDialog,
   effect: function () {
     var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
       var payload, panelId;
@@ -2384,7 +2390,7 @@ publicWarningFormListener.startListening({
     return effect;
   }()
 });
-publicWarningFormListener.startListening({
+warningsFormListener.startListening({
   actionCreator: uiActions.setToggleOpenDialog,
   effect: function () {
     var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
@@ -2429,54 +2435,24 @@ publicWarningFormListener.startListening({
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var publicWarningsAdapter = createEntityAdapter({
-  selectId: function selectId(warning) {
-    return warning.id;
-  }
-});
-var initialState$1 = {
-  warnings: publicWarningsAdapter.getInitialState(),
-  isLoading: true,
-  lastUpdatedTime: '',
-  filterState: {}
-};
+var initialState$1 = {};
 var slice = createSlice({
   initialState: initialState$1,
-  name: 'publicWarnings',
+  name: 'warningsFilters',
   reducers: {
     setWarningFilters: function setWarningFilters(draft, action) {
       var _action$payload = action.payload,
         filterState = _action$payload.filterState,
         panelId = _action$payload.panelId;
       if (panelId) {
-        var _current;
-        var currentFilterState = ((_current = current(draft)) == null ? void 0 : _current.filterState[panelId]) || initialFilters;
-        draft.filterState[panelId] = Object.assign({}, currentFilterState, filterState);
+        var currentFilterState = current(draft)[panelId] || initialFilters;
+        draft[panelId] = Object.assign({}, currentFilterState, filterState);
       }
     }
   }
 });
-var publicWarningsReducer = slice.reducer,
-  publicWarningActions = slice.actions;
-
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var publicWarningsListener = createListenerMiddleware();
+var warningsFiltersReducer = slice.reducer,
+  warningsFiltersActions = slice.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -2501,12 +2477,12 @@ var warningsReducersMap = {
   ui: uiReducer,
   drawingtools: drawingToolReducer,
   drawings: warningsDrawingsReducer,
-  publicWarningForm: publicWarningFormReducer,
-  publicWarnings: publicWarningsReducer,
+  warningsForm: warningsFormReducer,
+  warningsFilters: warningsFiltersReducer,
   snackbar: snackbarReducer,
   syncGroups: syncGroupsReducer
 };
-var warningsMiddlewares = [mapListener.middleware, layersListener.middleware, drawingToolListener.middleware, publicWarningsListener.middleware, publicWarningFormListener.middleware, snackbarListener.middleware, syncGroupsListener.middleware, openlayersListener.middleware];
+var warningsMiddlewares = [mapListener.middleware, layersListener.middleware, drawingToolListener.middleware, warningsFormListener.middleware, snackbarListener.middleware, syncGroupsListener.middleware, openlayersListener.middleware];
 var warningsRootReducer = combineReducers(warningsReducersMap);
 var createMockStore = function createMockStore(mockState) {
   return configureStore({
@@ -2989,7 +2965,7 @@ var useMutatePublicWarningEditor = function useMutatePublicWarningEditor() {
               }
               throw new Error('Authentication context not found');
             case 3:
-              dispatch(publicWarningFormActions.removeFormError());
+              dispatch(warningsFormActions.removeFormError());
               return _context2.abrupt("return", updatePublicWarningEditor(id, isEditor, auth, force));
             case 5:
             case "end":
@@ -3009,7 +2985,7 @@ var useMutatePublicWarningEditor = function useMutatePublicWarningEditor() {
     });
   }, function (error) {
     if (error.cause !== 409) {
-      dispatch(publicWarningFormActions.setFormError({
+      dispatch(warningsFormActions.setFormError({
         message: error.message
       }));
     }
@@ -3057,7 +3033,7 @@ var useMutateWarning = function useMutateWarning(snackBarMessage) {
               }
               throw new Error('Authentication context not found');
             case 3:
-              dispatch(publicWarningFormActions.removeFormError());
+              dispatch(warningsFormActions.removeFormError());
               if (!id) {
                 _context4.next = 6;
                 break;
@@ -3081,7 +3057,7 @@ var useMutateWarning = function useMutateWarning(snackBarMessage) {
         queryKey: ['public-warning-list'],
         exact: false
       });
-      dispatch(publicWarningFormActions.setFormError({
+      dispatch(warningsFormActions.setFormError({
         message: error.message
       }));
     },
@@ -3110,7 +3086,7 @@ var useMutateWarning = function useMutateWarning(snackBarMessage) {
                     domain: 'public'
                   })
                 });
-                dispatch(publicWarningFormActions.openPublicWarningFormDialog({
+                dispatch(warningsFormActions.openPublicWarningFormDialog({
                   warning: newWarning,
                   formState: '',
                   panelId: variables.panelId
@@ -3544,6 +3520,145 @@ var ConfirmDeleteDialog = function ConfirmDeleteDialog(_ref) {
  * */
 var DATE_FORMAT_HEADER = 'EEEE, MMMM dd';
 
+var RowComponent$2 = function RowComponent(_ref) {
+  var _buttonSx;
+  var index = _ref.index,
+    style = _ref.style,
+    listInclHeaders = _ref.listInclHeaders,
+    headerList = _ref.headerList,
+    objects = _ref.objects,
+    onClickObject = _ref.onClickObject,
+    onClickEdit = _ref.onClickEdit,
+    onClickDelete = _ref.onClickDelete,
+    onClickShare = _ref.onClickShare,
+    activeObject = _ref.activeObject,
+    t = _ref.t;
+  var listItem = listInclHeaders[index];
+  if (!listItem.isObject) {
+    var header = headerList[listItem.index];
+    return jsx(Typography, {
+      style: style,
+      sx: {
+        paddingLeft: 2.5,
+        paddingBottom: 0.5,
+        paddingTop: 1,
+        opacity: 0.67,
+        lineHeight: '16px',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis'
+      },
+      variant: "caption",
+      children: header
+    }, listItem.index);
+  }
+  var object = objects[listItem.index];
+  return jsx(ContainerDiv$1, {
+    children: jsx(ListItem, {
+      disablePadding: true,
+      secondaryAction: jsxs(Grid, {
+        container: true,
+        rowSpacing: 1,
+        children: [jsx(Grid, {
+          className: "objectActions",
+          children: jsx(ToggleMenu, {
+            "aria-label": t('object-manager-button-share'),
+            buttonIcon: jsx(Share, {}),
+            buttonSx: (_buttonSx = {
+              // position the share button for scope global
+              marginBottom: object.scope === 'user' ? 0 : 4
+            }, _buttonSx["@container objectList (min-width: " + BREAKPOINT$1 + "px)"] = {
+              marginBottom: 0,
+              marginRight: object.scope === 'user' ? 1 : 4
+            }, _buttonSx),
+            menuItems: [{
+              text: BUTTON_AIRMET$1,
+              action: function action() {},
+              icon: jsx(ExitDomain, {}),
+              isDisabled: true
+            }, {
+              text: BUTTON_SIGMET$1,
+              action: function action() {},
+              icon: jsx(ExitDomain, {}),
+              isDisabled: true
+            }, {
+              text: t('public-warning-title').toUpperCase(),
+              action: function action() {
+                onClickShare(object);
+              },
+              icon: jsx(ExitDomain, {})
+            }],
+            menuPosition: "bottom",
+            menuTitle: t('object-manager-share-menu'),
+            tooltipTitle: t('object-manager-button-share')
+          })
+        }), object.scope === 'user' && jsx(Grid, {
+          className: "objectActions",
+          children: jsx(ToggleMenu, {
+            "aria-label": "Options",
+            menuItems: [{
+              text: t('object-manager-button-edit'),
+              action: function action() {
+                onClickEdit(object.id);
+              },
+              icon: jsx(Edit, {})
+            }, {
+              text: t('object-manager-button-delete'),
+              action: function action() {
+                onClickDelete(object.id);
+              },
+              icon: jsx(Delete, {})
+            }],
+            menuPosition: "bottom",
+            menuTitle: t('object-manager-options-menu'),
+            tooltipTitle: t('object-manager-options-menu')
+          })
+        })]
+      }),
+      style: style,
+      children: jsx(Paper, {
+        elevation: 0,
+        sx: {
+          width: '100%',
+          margin: 0.25,
+          backgroundColor: 'geowebColors.background.surface',
+          border: 'solid 1px',
+          borderColor: 'geowebColors.cards.cardContainerBorder'
+        },
+        children: jsx(ListItemButton, {
+          onClick: function onClick() {
+            onClickObject(object);
+          },
+          selected: activeObject === object.id,
+          sx: {
+            padding: 1,
+            height: '44px'
+          },
+          children: jsxs(Stack, {
+            children: [jsx(Typography, {
+              sx: {
+                lineHeight: '16px',
+                maxHeight: '32px',
+                overflow: 'hidden'
+              },
+              variant: "caption",
+              children: object.objectName
+            }), jsxs(Typography, {
+              sx: {
+                opacity: 0.67,
+                lineHeight: '16px',
+                maxHeight: '32px',
+                overflow: 'hidden'
+              },
+              variant: "caption",
+              children: [object.scope === 'global' && 'Global: ', dateUtils.dateToString(dateUtils.utc(object.lastUpdatedTime), dateUtils.DATE_FORMAT_DATEPICKER) + " UTC"]
+            })]
+          })
+        })
+      })
+    }, object.id)
+  });
+};
 var DEFAULT_ADD_BUTTON_HEIGHT = 80;
 var OBJECT_ITEM_SIZE$1 = 50;
 var OBJECT_ITEM_SIZE_SMALL_WIDTH$1 = 72;
@@ -3578,8 +3693,8 @@ var getListInclHeaders$1 = function getListInclHeaders(objects) {
   };
 };
 var ContainerDiv$1 = styled('div')(function () {
-  var _ref;
-  return _ref = {
+  var _ref2;
+  return _ref2 = {
     '.objectActions': {
       width: '100%',
       minWidth: '100%'
@@ -3600,7 +3715,7 @@ var ContainerDiv$1 = styled('div')(function () {
       overflowWrap: 'anywhere',
       overflow: 'hidden'
     }
-  }, _ref["@container objectList (min-width: " + BREAKPOINT$1 + "px)"] = {
+  }, _ref2["@container objectList (min-width: " + BREAKPOINT$1 + "px)"] = {
     '.objectActions': {
       width: '50%',
       minWidth: '50%'
@@ -3611,20 +3726,19 @@ var ContainerDiv$1 = styled('div')(function () {
     '& .MuiStack-root': {
       paddingRight: '64px'
     }
-  }, _ref;
+  }, _ref2;
 });
-var Objects = function Objects(_ref2) {
-  var objects = _ref2.objects,
-    onClickObject = _ref2.onClickObject,
-    onClickEdit = _ref2.onClickEdit,
-    onClickDelete = _ref2.onClickDelete,
-    onClickShare = _ref2.onClickShare,
-    activeObject = _ref2.activeObject,
-    _ref2$isLoading = _ref2.isLoading,
-    isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading;
+var Objects = function Objects(_ref3) {
+  var objects = _ref3.objects,
+    onClickObject = _ref3.onClickObject,
+    onClickEdit = _ref3.onClickEdit,
+    onClickDelete = _ref3.onClickDelete,
+    onClickShare = _ref3.onClickShare,
+    activeObject = _ref3.activeObject,
+    _ref3$isLoading = _ref3.isLoading,
+    isLoading = _ref3$isLoading === void 0 ? false : _ref3$isLoading;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
-  var listRef = React.useRef(null);
   var _getListInclHeaders = getListInclHeaders$1(objects || []),
     listInclHeaders = _getListInclHeaders.listInclHeaders,
     headerList = _getListInclHeaders.headerList;
@@ -3635,178 +3749,51 @@ var Objects = function Objects(_ref2) {
     }
     return HEADER_ITEM_SIZE$1;
   };
+  var ref = useRef(null);
+  var _React$useState = React.useState(0),
+    width = _React$useState[0],
+    setWidth = _React$useState[1];
   React.useEffect(function () {
-    if (listRef.current !== null) {
-      listRef.current.resetAfterIndex(0, true);
-    }
-  }, [objects]);
-  return jsx(AutoSizer, {
-    onResize: function onResize() {
-      if (listRef.current !== null) {
-        listRef.current.resetAfterIndex(0, true);
-      }
+    var _ref$current;
+    setWidth(((_ref$current = ref.current) == null ? void 0 : _ref$current.clientWidth) || 0);
+  }, [ref]);
+  return jsx(Box, {
+    ref: ref,
+    sx: {
+      height: '100%',
+      width: '100%'
     },
-    children: function children(_ref3) {
-      var _ref3$height = _ref3.height,
-        height = _ref3$height === void 0 ? 0 : _ref3$height,
-        _ref3$width = _ref3.width,
-        width = _ref3$width === void 0 ? 0 : _ref3$width;
-      return jsx(Box, {
-        sx: {
-          width: width
-        },
-        children: !isLoading && objects.length === 0 ? jsx(Typography, {
-          sx: {
-            paddingLeft: '16px',
-            paddingTop: '8px'
-          },
-          variant: "body1",
-          children: t('object-manager-no-objects')
-        }) : jsx(VariableSizeList, {
-          height: height - DEFAULT_ADD_BUTTON_HEIGHT,
-          itemCount: listInclHeaders.length,
-          itemSize: function itemSize(index) {
-            return getItemSize(width, index);
-          },
-          ref: listRef,
-          style: {
-            containerType: 'inline-size',
-            containerName: 'objectList'
-          },
-          width: width,
-          children: function children(_ref4) {
-            var _buttonSx;
-            var index = _ref4.index,
-              style = _ref4.style;
-            var listItem = listInclHeaders[index];
-            if (!listItem.isObject) {
-              var header = headerList[listItem.index];
-              return jsx(Typography, {
-                style: style,
-                sx: {
-                  paddingLeft: 2.5,
-                  paddingBottom: 0.5,
-                  paddingTop: 1,
-                  opacity: 0.67,
-                  lineHeight: '16px',
-                  overflow: 'hidden',
-                  whiteSpace: 'nowrap',
-                  textOverflow: 'ellipsis'
-                },
-                variant: "caption",
-                children: header
-              }, listItem.index);
-            }
-            var object = objects[listItem.index];
-            return jsx(ContainerDiv$1, {
-              children: jsx(ListItem, {
-                disablePadding: true,
-                secondaryAction: jsxs(Grid, {
-                  container: true,
-                  rowSpacing: 1,
-                  children: [jsx(Grid, {
-                    className: "objectActions",
-                    children: jsx(ToggleMenu, {
-                      "aria-label": t('object-manager-button-share'),
-                      buttonIcon: jsx(Share, {}),
-                      buttonSx: (_buttonSx = {
-                        // position the share button for scope global
-                        marginBottom: object.scope === 'user' ? 0 : 4
-                      }, _buttonSx["@container objectList (min-width: " + BREAKPOINT$1 + "px)"] = {
-                        marginBottom: 0,
-                        marginRight: object.scope === 'user' ? 1 : 4
-                      }, _buttonSx),
-                      menuItems: [{
-                        text: BUTTON_AIRMET$1,
-                        action: function action() {},
-                        icon: jsx(ExitDomain, {}),
-                        isDisabled: true
-                      }, {
-                        text: BUTTON_SIGMET$1,
-                        action: function action() {},
-                        icon: jsx(ExitDomain, {}),
-                        isDisabled: true
-                      }, {
-                        text: t('public-warning-title').toUpperCase(),
-                        action: function action() {
-                          onClickShare(object);
-                        },
-                        icon: jsx(ExitDomain, {})
-                      }],
-                      menuPosition: "bottom",
-                      menuTitle: t('object-manager-share-menu'),
-                      tooltipTitle: t('object-manager-button-share')
-                    })
-                  }), object.scope === 'user' && jsx(Grid, {
-                    className: "objectActions",
-                    children: jsx(ToggleMenu, {
-                      "aria-label": "Options",
-                      menuItems: [{
-                        text: t('object-manager-button-edit'),
-                        action: function action() {
-                          onClickEdit(object.id);
-                        },
-                        icon: jsx(Edit, {})
-                      }, {
-                        text: t('object-manager-button-delete'),
-                        action: function action() {
-                          onClickDelete(object.id);
-                        },
-                        icon: jsx(Delete, {})
-                      }],
-                      menuPosition: "bottom",
-                      menuTitle: t('object-manager-options-menu'),
-                      tooltipTitle: t('object-manager-options-menu')
-                    })
-                  })]
-                }),
-                style: style,
-                children: jsx(Paper, {
-                  elevation: 0,
-                  sx: {
-                    width: '100%',
-                    margin: 0.25,
-                    backgroundColor: 'geowebColors.background.surface',
-                    border: 'solid 1px',
-                    borderColor: 'geowebColors.cards.cardContainerBorder'
-                  },
-                  children: jsx(ListItemButton, {
-                    onClick: function onClick() {
-                      onClickObject(object);
-                    },
-                    selected: activeObject === object.id,
-                    sx: {
-                      padding: 1,
-                      height: '44px'
-                    },
-                    children: jsxs(Stack, {
-                      children: [jsx(Typography, {
-                        sx: {
-                          lineHeight: '16px',
-                          maxHeight: '32px',
-                          overflow: 'hidden'
-                        },
-                        variant: "caption",
-                        children: object.objectName
-                      }), jsxs(Typography, {
-                        sx: {
-                          opacity: 0.67,
-                          lineHeight: '16px',
-                          maxHeight: '32px',
-                          overflow: 'hidden'
-                        },
-                        variant: "caption",
-                        children: [object.scope === 'global' && 'Global: ', dateUtils.dateToString(dateUtils.utc(object.lastUpdatedTime), dateUtils.DATE_FORMAT_DATEPICKER) + " UTC"]
-                      })]
-                    })
-                  })
-                })
-              }, object.id)
-            });
-          }
-        })
-      });
-    }
+    children: !isLoading && objects.length === 0 ? jsx(Typography, {
+      sx: {
+        paddingLeft: '16px',
+        paddingTop: '8px'
+      },
+      variant: "body1",
+      children: t('object-manager-no-objects')
+    }) : jsx(List, {
+      rowComponent: RowComponent$2,
+      rowCount: listInclHeaders.length,
+      rowHeight: function rowHeight(index) {
+        return getItemSize(width, index);
+      },
+      rowProps: {
+        listInclHeaders: listInclHeaders,
+        headerList: headerList,
+        objects: objects,
+        onClickObject: onClickObject,
+        onClickEdit: onClickEdit,
+        onClickDelete: onClickDelete,
+        onClickShare: onClickShare,
+        activeObject: activeObject,
+        t: t
+      },
+      style: {
+        width: width,
+        height: "calc(100% - " + DEFAULT_ADD_BUTTON_HEIGHT + "px)",
+        containerType: 'inline-size',
+        containerName: 'objectList'
+      }
+    })
   });
 };
 
@@ -4007,7 +3994,9 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
       dispatch(layerActions.addLayer({
         mapId: mapId,
         layer: {
-          geojson: drawing.geoJSON
+          geojson: drawing.geoJSON,
+          isSelectable: false,
+          isInEditMode: false
         },
         layerId: geoJSONLayerId,
         origin: 'warnings-lib'
@@ -4060,7 +4049,7 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
     setSelectedDrawingId(drawingId);
   };
   useEffect(function () {
-    if (!selectedDrawingId || !drawingDetails || drawingDetails.id !== selectedDrawingId || isFetchingDetails) {
+    if (!selectedDrawingId || !drawingDetails || (drawingDetails == null ? void 0 : drawingDetails.id) !== selectedDrawingId || isFetchingDetails) {
       return;
     }
     dispatch(warningsDrawingsActions.setDrawValues({
@@ -4087,7 +4076,7 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
     closeObjectDialog();
   };
   var onShareObject = function onShareObject(object) {
-    dispatch(publicWarningFormActions.openPublicWarningFormDialog({
+    dispatch(warningsFormActions.openPublicWarningFormDialog({
       object: object,
       warning: {
         warningDetail: {
@@ -4825,7 +4814,8 @@ var DrawingToolConnect = function DrawingToolConnect(_ref) {
     var defaultDrawModes = translateDrawModes(currentlySupportedDrawModes, t);
     dispatch(drawingToolActions.registerDrawTool({
       drawToolId: drawingDialogType,
-      defaultDrawModes: defaultDrawModes
+      defaultDrawModes: defaultDrawModes,
+      shouldAllowMultipleShapes: true
     }));
     return function () {
       dispatch(drawingToolActions.unregisterDrawTool({
@@ -6117,7 +6107,7 @@ var usePostSigmet = function usePostSigmet() {
               }
               throw new Error('Authentication context not found');
             case 2:
-              dispatch(publicWarningFormActions.removeFormError());
+              dispatch(warningsFormActions.removeFormError());
               return _context7.abrupt("return", postSigmet(auth, formData));
             case 4:
             case "end":
@@ -6132,10 +6122,10 @@ var usePostSigmet = function usePostSigmet() {
     }(),
     onError: function onError(error) {
       if (error.cause === 409) {
-        dispatch(publicWarningFormActions.setFormValues({
+        dispatch(warningsFormActions.setFormValues({
           formState: 'edit'
         }));
-        dispatch(publicWarningFormActions.setFormError({
+        dispatch(warningsFormActions.setFormError({
           severity: 'warning',
           message: t('aviation-post-conflict-title', {
             warningType: 'SIGMET'
@@ -6150,7 +6140,7 @@ var usePostSigmet = function usePostSigmet() {
         queryKey: ['sigmet']
       });
       var formattedError = humanizeApiErrorMessage(error);
-      dispatch(publicWarningFormActions.setFormError({
+      dispatch(warningsFormActions.setFormError({
         message: "Failed to save SIGMET: " + formattedError
       }));
     },
@@ -6210,7 +6200,7 @@ var usePostAirmet = function usePostAirmet() {
               }
               throw new Error('Authentication context not found');
             case 2:
-              dispatch(publicWarningFormActions.removeFormError());
+              dispatch(warningsFormActions.removeFormError());
               return _context9.abrupt("return", postAirmet(auth, formData));
             case 4:
             case "end":
@@ -6225,10 +6215,10 @@ var usePostAirmet = function usePostAirmet() {
     }(),
     onError: function onError(error) {
       if (error.cause === 409) {
-        dispatch(publicWarningFormActions.setFormValues({
+        dispatch(warningsFormActions.setFormValues({
           formState: 'edit'
         }));
-        dispatch(publicWarningFormActions.setFormError({
+        dispatch(warningsFormActions.setFormError({
           severity: 'warning',
           message: t('aviation-post-conflict-title', {
             warningType: 'AIRMET'
@@ -6243,7 +6233,7 @@ var usePostAirmet = function usePostAirmet() {
         queryKey: ['airmet']
       });
       var formattedError = humanizeApiErrorMessage(error);
-      dispatch(publicWarningFormActions.setFormError({
+      dispatch(warningsFormActions.setFormError({
         message: "Failed to save AIRMET: " + formattedError
       }));
     },
@@ -6296,17 +6286,24 @@ var usePostAirmet = function usePostAirmet() {
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
 var useWarnings = function useWarnings(disabled, timeFilter) {
-  var _usePublicWarnings = usePublicWarnings(disabled, timeFilter),
+  var config = sessionStorageProvider.getConfig();
+  var hasPublicWarningsBaseUrl = Boolean(config.GW_DRAWINGS_BASE_URL);
+  var hasAirmetBaseUrl = Boolean(config.GW_AIRMET_BASE_URL);
+  var hasSigmetBaseUrl = Boolean(config.GW_SIGMET_BASE_URL);
+  var isPublicWarningsDisabled = disabled || !hasPublicWarningsBaseUrl;
+  var isAirmetDisabled = disabled || !hasAirmetBaseUrl;
+  var isSigmetDisabled = disabled || !hasSigmetBaseUrl;
+  var _usePublicWarnings = usePublicWarnings(isPublicWarningsDisabled, timeFilter),
     publicWarnings = _usePublicWarnings.data,
     refetchPublicWarnings = _usePublicWarnings.refetch,
     isFetchingPublicWarnings = _usePublicWarnings.isFetching,
     publicWarningsError = _usePublicWarnings.error,
     dataUpdatedAt = _usePublicWarnings.dataUpdatedAt;
-  var _useAirmetList = useAirmetList(disabled, timeFilter),
+  var _useAirmetList = useAirmetList(isAirmetDisabled, timeFilter),
     airmetWarnings = _useAirmetList.data,
     refetchAirmet = _useAirmetList.refetch,
     isFetchingAirmet = _useAirmetList.isFetching;
-  var _useSigmetList = useSigmetList(disabled, timeFilter),
+  var _useSigmetList = useSigmetList(isSigmetDisabled, timeFilter),
     sigmetWarnings = _useSigmetList.data,
     refetchSigmet = _useSigmetList.refetch,
     isFetchingSigmet = _useSigmetList.isFetching;
@@ -6320,9 +6317,15 @@ var useWarnings = function useWarnings(disabled, timeFilter) {
     return concat(publicWarnings || [], transformedSigmets, transformedAirmets);
   }, [sigmetWarnings, airmetWarnings, publicWarnings]);
   var refetchWarnings = function refetchWarnings() {
-    void refetchPublicWarnings();
-    void refetchAirmet();
-    void refetchSigmet();
+    if (hasPublicWarningsBaseUrl) {
+      void refetchPublicWarnings();
+    }
+    if (hasAirmetBaseUrl) {
+      void refetchAirmet();
+    }
+    if (hasSigmetBaseUrl) {
+      void refetchSigmet();
+    }
   };
   var isFetching = isFetchingPublicWarnings || isFetchingAirmet || isFetchingSigmet;
   return {
@@ -6378,47 +6381,41 @@ function useAutoRefetchOnExpiry(combinedWarnings, refetchWarnings) {
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 var EMPTY_WARNING_FORM_STATE = {};
-var selectPublicWarningState = function selectPublicWarningState(store) {
-  if (store != null && store.publicWarningForm) {
-    return store.publicWarningForm;
+var selectWarningsFormState = function selectWarningsFormState(store) {
+  if (store != null && store.warningsForm) {
+    return store.warningsForm;
   }
   return EMPTY_WARNING_FORM_STATE;
 };
-createSelector(selectPublicWarningState, function (publicWarningStore) {
-  return publicWarningStore.object;
-});
-var getPublicWarning = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  return publicWarningStore == null ? void 0 : publicWarningStore.warning;
-});
-var getPublicWarningStatus = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  var _publicWarningStore$w;
-  return publicWarningStore == null || (_publicWarningStore$w = publicWarningStore.warning) == null ? void 0 : _publicWarningStore$w.status;
+var getPublicWarning = createSelector(selectWarningsFormState, function (store) {
+  return store == null ? void 0 : store.warning;
 });
-var getPublicWarningId = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  var _publicWarningStore$w2;
-  return publicWarningStore == null || (_publicWarningStore$w2 = publicWarningStore.warning) == null ? void 0 : _publicWarningStore$w2.warningDetail.id;
+var getPublicWarningStatus = createSelector(selectWarningsFormState, function (store) {
+  var _store$warning;
+  return store == null || (_store$warning = store.warning) == null ? void 0 : _store$warning.status;
 });
-var getPublicWarningAreas = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  var _publicWarningStore$w3;
-  return (publicWarningStore == null || (_publicWarningStore$w3 = publicWarningStore.warning) == null ? void 0 : _publicWarningStore$w3.warningDetail.areas) || [];
+var getPublicWarningId = createSelector(selectWarningsFormState, function (store) {
+  var _store$warning2;
+  return store == null || (_store$warning2 = store.warning) == null ? void 0 : _store$warning2.warningDetail.id;
 });
-var getPublicWarningFormState = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  return (publicWarningStore == null ? void 0 : publicWarningStore.formState) || '';
+var getPublicWarningAreas = createSelector(selectWarningsFormState, function (store) {
+  var _store$warning3;
+  return (store == null || (_store$warning3 = store.warning) == null ? void 0 : _store$warning3.warningDetail.areas) || [];
 });
-createSelector(selectPublicWarningState, function (publicWarningStore) {
-  return publicWarningStore == null ? void 0 : publicWarningStore.error;
+var getPublicWarningFormState = createSelector(selectWarningsFormState, function (store) {
+  return (store == null ? void 0 : store.formState) || '';
 });
-var getSelectedWarningId = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  return (publicWarningStore == null ? void 0 : publicWarningStore.selectedWarningId) || '';
+var getSelectedWarningId = createSelector(selectWarningsFormState, function (store) {
+  return (store == null ? void 0 : store.selectedWarningId) || '';
 });
-var getSelectedPublicIsFormDirty = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  return (publicWarningStore == null ? void 0 : publicWarningStore.isFormDirty) || false;
+var getSelectedPublicIsFormDirty = createSelector(selectWarningsFormState, function (store) {
+  return (store == null ? void 0 : store.isFormDirty) || false;
 });
-var getWarningType = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  return publicWarningStore == null ? void 0 : publicWarningStore.warningType;
+var getWarningType = createSelector(selectWarningsFormState, function (store) {
+  return store == null ? void 0 : store.warningType;
 });
-var getPublicWarningPanelId = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  return (publicWarningStore == null ? void 0 : publicWarningStore.panelId) || '';
+var getPublicWarningPanelId = createSelector(selectWarningsFormState, function (store) {
+  return (store == null ? void 0 : store.panelId) || '';
 });
 
 var AreaObjectFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -6451,6 +6448,80 @@ var AreaObjectFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   });
 });
 
+var RowComponent$1 = function RowComponent(_ref) {
+  var index = _ref.index,
+    style = _ref.style,
+    items = _ref.items,
+    selectedAreas = _ref.selectedAreas,
+    onAddArea = _ref.onAddArea,
+    onRemoveArea = _ref.onRemoveArea,
+    isChangeAreaDisabled = _ref.isChangeAreaDisabled,
+    shouldDisableRemoveWarning = _ref.shouldDisableRemoveWarning,
+    t = _ref.t;
+  var listItem = items[index];
+  if (typeof listItem === 'string') {
+    return jsx(Typography, {
+      style: style,
+      sx: {
+        paddingLeft: 2.5,
+        paddingBottom: 0.5,
+        paddingTop: 1,
+        opacity: 0.67,
+        lineHeight: '16px',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis'
+      },
+      variant: "caption",
+      children: listItem
+    }, index);
+  }
+  return jsx(ContainerDiv, {
+    children: jsx(ListItem, {
+      disablePadding: true,
+      secondaryAction: jsx(ListItemAction, {
+        isDisabled: isChangeAreaDisabled,
+        listItem: listItem,
+        onAddArea: onAddArea,
+        onRemoveArea: onRemoveArea,
+        selectedAreas: selectedAreas,
+        shouldDisableRemoveWarning: shouldDisableRemoveWarning,
+        t: t
+      }),
+      style: style,
+      children: jsx(Paper, {
+        elevation: 0,
+        sx: {
+          width: '100%',
+          margin: 0.25,
+          backgroundColor: 'geowebColors.background.surface',
+          border: 'solid 1px',
+          borderColor: 'geowebColors.cards.cardContainerBorder'
+        },
+        children: jsxs(Stack, {
+          children: [jsx(Typography, {
+            sx: {
+              lineHeight: '16px',
+              maxHeight: '32px',
+              overflow: 'hidden'
+            },
+            variant: "caption",
+            children: listItem.objectName
+          }), !isArea(listItem) && jsx(Typography, {
+            sx: {
+              opacity: 0.67,
+              lineHeight: '16px',
+              maxHeight: '32px',
+              overflow: 'hidden'
+            },
+            variant: "caption",
+            children: getDisplayDate(listItem.lastUpdatedTime)
+          })]
+        })
+      })
+    }, listItem.id)
+  });
+};
 var OBJECT_ITEM_SIZE = 44;
 var OBJECT_ITEM_SIZE_SMALL_WIDTH = 72;
 var HEADER_ITEM_SIZE = 28;
@@ -6482,9 +6553,9 @@ var isArea = function isArea(item) {
   return !((_item$keywords = item.keywords) != null && _item$keywords.includes('Objects'));
 };
 var getListInclHeaders = function getListInclHeaders(items, translateFn) {
-  var _items$reduce = items.reduce(function (_ref, item) {
-      var objects = _ref.objects,
-        areas = _ref.areas;
+  var _items$reduce = items.reduce(function (_ref2, item) {
+      var objects = _ref2.objects,
+        areas = _ref2.areas;
       var isObject = !isArea(item);
       if (isObject) {
         return {
@@ -6522,15 +6593,15 @@ var getLabel = function getLabel(selectedAreas, isAreaSelected) {
 var getDisplayDate = function getDisplayDate(date) {
   return dateUtils.dateToString(dateUtils.utc(date), dateUtils.DATE_FORMAT_NAME_OF_DAY) + " UTC";
 };
-var ListItemAction = function ListItemAction(_ref2) {
-  var listItem = _ref2.listItem,
-    selectedAreas = _ref2.selectedAreas,
-    onAddArea = _ref2.onAddArea,
-    onRemoveArea = _ref2.onRemoveArea,
-    isDisabled = _ref2.isDisabled,
-    t = _ref2.t,
-    _ref2$shouldDisableRe = _ref2.shouldDisableRemoveWarning,
-    shouldDisableRemoveWarning = _ref2$shouldDisableRe === void 0 ? false : _ref2$shouldDisableRe;
+var ListItemAction = function ListItemAction(_ref3) {
+  var listItem = _ref3.listItem,
+    selectedAreas = _ref3.selectedAreas,
+    onAddArea = _ref3.onAddArea,
+    onRemoveArea = _ref3.onRemoveArea,
+    isDisabled = _ref3.isDisabled,
+    t = _ref3.t,
+    _ref3$shouldDisableRe = _ref3.shouldDisableRemoveWarning,
+    shouldDisableRemoveWarning = _ref3$shouldDisableRe === void 0 ? false : _ref3$shouldDisableRe;
   var isAreaSelected = !!selectedAreas.find(function (area) {
     return area.objectName === listItem.objectName;
   });
@@ -6586,35 +6657,29 @@ var ContainerDiv = styled('div')(function () {
     }
   };
 });
-var AreasObjects = function AreasObjects(_ref3) {
-  var drawingListItems = _ref3.drawingListItems,
-    _ref3$isLoading = _ref3.isLoading,
-    isLoading = _ref3$isLoading === void 0 ? false : _ref3$isLoading,
-    _ref3$hasError = _ref3.hasError,
-    hasError = _ref3$hasError === void 0 ? false : _ref3$hasError,
-    filterRef = _ref3.filterRef,
-    _ref3$onAddArea = _ref3.onAddArea,
-    onAddArea = _ref3$onAddArea === void 0 ? function () {} : _ref3$onAddArea,
-    _ref3$onRemoveArea = _ref3.onRemoveArea,
-    onRemoveArea = _ref3$onRemoveArea === void 0 ? function () {} : _ref3$onRemoveArea,
-    _ref3$selectedAreas = _ref3.selectedAreas,
-    selectedAreas = _ref3$selectedAreas === void 0 ? [] : _ref3$selectedAreas,
-    _ref3$isChangeAreaDis = _ref3.isChangeAreaDisabled,
-    isChangeAreaDisabled = _ref3$isChangeAreaDis === void 0 ? true : _ref3$isChangeAreaDis,
-    _ref3$shouldDisableRe = _ref3.shouldDisableRemoveWarning,
-    shouldDisableRemoveWarning = _ref3$shouldDisableRe === void 0 ? false : _ref3$shouldDisableRe;
+var AreasObjects = function AreasObjects(_ref4) {
+  var drawingListItems = _ref4.drawingListItems,
+    _ref4$isLoading = _ref4.isLoading,
+    isLoading = _ref4$isLoading === void 0 ? false : _ref4$isLoading,
+    _ref4$hasError = _ref4.hasError,
+    hasError = _ref4$hasError === void 0 ? false : _ref4$hasError,
+    filterRef = _ref4.filterRef,
+    _ref4$onAddArea = _ref4.onAddArea,
+    onAddArea = _ref4$onAddArea === void 0 ? function () {} : _ref4$onAddArea,
+    _ref4$onRemoveArea = _ref4.onRemoveArea,
+    onRemoveArea = _ref4$onRemoveArea === void 0 ? function () {} : _ref4$onRemoveArea,
+    _ref4$selectedAreas = _ref4.selectedAreas,
+    selectedAreas = _ref4$selectedAreas === void 0 ? [] : _ref4$selectedAreas,
+    _ref4$isChangeAreaDis = _ref4.isChangeAreaDisabled,
+    isChangeAreaDisabled = _ref4$isChangeAreaDis === void 0 ? true : _ref4$isChangeAreaDis,
+    _ref4$shouldDisableRe = _ref4.shouldDisableRemoveWarning,
+    shouldDisableRemoveWarning = _ref4$shouldDisableRe === void 0 ? false : _ref4$shouldDisableRe;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
-  var listRef = React.useRef(null);
   var _getListInclHeaders = getListInclHeaders(drawingListItems, t),
     objects = _getListInclHeaders.objects,
     areas = _getListInclHeaders.areas;
   var filterHeight = useGetFilterHeight(filterRef);
-  React.useEffect(function () {
-    if (listRef.current !== null) {
-      listRef.current.resetAfterIndex(0, true);
-    }
-  }, [drawingListItems]);
   var items = [objects.title].concat(objects.items, [areas.title], areas.items);
   var getItemSize = function getItemSize(width, index) {
     var item = items[index];
@@ -6624,109 +6689,44 @@ var AreasObjects = function AreasObjects(_ref3) {
     return HEADER_ITEM_SIZE;
   };
   var totalContainerHeight = hasError ? filterHeight + ERROR_HEIGHT : filterHeight;
+  var ref = useRef(null);
+  var _React$useState2 = React.useState(0),
+    width = _React$useState2[0],
+    setWidth = _React$useState2[1];
+  React.useEffect(function () {
+    var _ref$current;
+    setWidth(((_ref$current = ref.current) == null ? void 0 : _ref$current.clientWidth) || 0);
+  }, [ref]);
   return jsx(Box, {
+    ref: ref,
     sx: {
       height: "calc(100% - " + totalContainerHeight + "px)"
     },
-    children: jsx(AutoSizer, {
-      onResize: function onResize() {
-        if (listRef.current !== null) {
-          listRef.current.resetAfterIndex(0, true);
-        }
+    children: !isLoading && drawingListItems.length === 0 ? jsx(Typography, {
+      sx: {
+        paddingLeft: '16px',
+        paddingTop: '8px'
       },
-      children: function children(_ref4) {
-        var _ref4$height = _ref4.height,
-          height = _ref4$height === void 0 ? 0 : _ref4$height,
-          _ref4$width = _ref4.width,
-          width = _ref4$width === void 0 ? 0 : _ref4$width;
-        return jsx(Box, {
-          sx: {
-            width: width
-          },
-          children: !isLoading && drawingListItems.length === 0 ? jsx(Typography, {
-            sx: {
-              paddingLeft: '16px',
-              paddingTop: '8px'
-            },
-            variant: "body1",
-            children: t('area-object-loader-no-areas-objects')
-          }) : jsx(VariableSizeList, {
-            height: height,
-            itemCount: items.length,
-            itemSize: function itemSize(index) {
-              return getItemSize(width, index);
-            },
-            ref: listRef,
-            width: width,
-            children: function children(_ref5) {
-              var index = _ref5.index,
-                style = _ref5.style;
-              var listItem = items[index];
-              if (typeof listItem === 'string') {
-                return jsx(Typography, {
-                  style: style,
-                  sx: {
-                    paddingLeft: 2.5,
-                    paddingBottom: 0.5,
-                    paddingTop: 1,
-                    opacity: 0.67,
-                    lineHeight: '16px',
-                    overflow: 'hidden',
-                    whiteSpace: 'nowrap',
-                    textOverflow: 'ellipsis'
-                  },
-                  variant: "caption",
-                  children: listItem
-                }, index);
-              }
-              return jsx(ContainerDiv, {
-                children: jsx(ListItem, {
-                  disablePadding: true,
-                  secondaryAction: jsx(ListItemAction, {
-                    isDisabled: isChangeAreaDisabled,
-                    listItem: listItem,
-                    onAddArea: onAddArea,
-                    onRemoveArea: onRemoveArea,
-                    selectedAreas: selectedAreas,
-                    shouldDisableRemoveWarning: shouldDisableRemoveWarning,
-                    t: t
-                  }),
-                  style: style,
-                  children: jsx(Paper, {
-                    elevation: 0,
-                    sx: {
-                      width: '100%',
-                      margin: 0.25,
-                      backgroundColor: 'geowebColors.background.surface',
-                      border: 'solid 1px',
-                      borderColor: 'geowebColors.cards.cardContainerBorder'
-                    },
-                    children: jsxs(Stack, {
-                      children: [jsx(Typography, {
-                        sx: {
-                          lineHeight: '16px',
-                          maxHeight: '32px',
-                          overflow: 'hidden'
-                        },
-                        variant: "caption",
-                        children: listItem.objectName
-                      }), !isArea(listItem) && jsx(Typography, {
-                        sx: {
-                          opacity: 0.67,
-                          lineHeight: '16px',
-                          maxHeight: '32px',
-                          overflow: 'hidden'
-                        },
-                        variant: "caption",
-                        children: getDisplayDate(listItem.lastUpdatedTime)
-                      })]
-                    })
-                  })
-                }, listItem.id)
-              });
-            }
-          })
-        });
+      variant: "body1",
+      children: t('area-object-loader-no-areas-objects')
+    }) : jsx(List, {
+      rowComponent: RowComponent$1,
+      rowCount: items.length,
+      rowHeight: function rowHeight(index) {
+        return getItemSize(width, index);
+      },
+      rowProps: {
+        items: items,
+        selectedAreas: selectedAreas,
+        onAddArea: onAddArea,
+        onRemoveArea: onRemoveArea,
+        isChangeAreaDisabled: isChangeAreaDisabled,
+        shouldDisableRemoveWarning: shouldDisableRemoveWarning,
+        t: t
+      },
+      style: {
+        height: '100%',
+        width: '100%'
       }
     })
   });
@@ -10451,7 +10451,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     _ref$warningType = _ref.warningType,
     warningType = _ref$warningType === void 0 ? 'public' : _ref$warningType,
     mode = _ref.mode;
-  var _useSelector = useSelector(selectPublicWarningState),
+  var _useSelector = useSelector(selectWarningsFormState),
     warning = _useSelector.warning,
     object = _useSelector.object,
     formState = _useSelector.formState,
@@ -10496,7 +10496,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     };
   }();
   var clearForm = function clearForm() {
-    dispatch(publicWarningFormActions.removeAllAreas());
+    dispatch(warningsFormActions.removeAllAreas());
   };
   var closeForm = function closeForm() {
     dispatch(uiActions.setToggleOpenDialog({
@@ -10544,7 +10544,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
           case 13:
             if ((_result = result) != null && _result.uuid) {
               setSelectedUUID == null || setSelectedUUID(result.uuid);
-              dispatch(publicWarningFormActions.setSelectedWarningId(result.uuid));
+              dispatch(warningsFormActions.setSelectedWarningId(result.uuid));
             }
             return _context2.abrupt("return", result);
           case 15:
@@ -10585,7 +10585,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     };
   }();
   var onFormDirty = function onFormDirty(isFormDirty) {
-    dispatch(publicWarningFormActions.setFormDirty({
+    dispatch(warningsFormActions.setFormDirty({
       isFormDirty: isFormDirty
     }));
   };
@@ -10625,12 +10625,12 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     }));
   };
   var onSetViewModeResetArea = function onSetViewModeResetArea(area) {
-    dispatch(publicWarningFormActions.addArea({
+    dispatch(warningsFormActions.addArea({
       area: area[0]
     }));
   };
   var setWarningLevel = function setWarningLevel(level) {
-    dispatch(publicWarningFormActions.setWarningLevel(level));
+    dispatch(warningsFormActions.setWarningLevel(level));
   };
   var selectedMapIds = useSelector(function (state) {
     return genericSelectors.getLinkedMaps(state, panelId);
@@ -10847,7 +10847,7 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
   var onAddArea = function onAddArea(_ref2) {
     var geoJSON = _ref2.geoJSON,
       objectName = _ref2.objectName;
-    dispatch(publicWarningFormActions.addArea({
+    dispatch(warningsFormActions.addArea({
       area: {
         geoJSON: geoJSON,
         objectName: objectName
@@ -10857,7 +10857,7 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
   var onRemoveArea = function onRemoveArea(_ref3) {
     var geoJSON = _ref3.geoJSON,
       objectName = _ref3.objectName;
-    dispatch(publicWarningFormActions.removeArea({
+    dispatch(warningsFormActions.removeArea({
       area: {
         geoJSON: geoJSON,
         objectName: objectName
@@ -10969,7 +10969,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
   var shouldGiveEditorWarning = React.useCallback(function (newEditor, oldEditor) {
     var oldEditorIsYou = oldEditor && oldEditor === (auth == null ? void 0 : auth.username);
     if (oldEditorIsYou && newEditor && newEditor !== oldEditor) {
-      dispatch(publicWarningFormActions.setFormError({
+      dispatch(warningsFormActions.setFormError({
         severity: 'warning',
         message: TAKEOVER_MESSAGE
       }));
@@ -11002,7 +11002,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
   }, [editor]);
   React.useEffect(function () {
     if ((selectedWarning == null ? void 0 : selectedWarning.id) !== (previousSelectedWarning == null ? void 0 : previousSelectedWarning.id)) {
-      dispatch(publicWarningFormActions.removeFormError());
+      dispatch(warningsFormActions.removeFormError());
     }
   }, [selectedWarning == null ? void 0 : selectedWarning.id, previousSelectedWarning == null ? void 0 : previousSelectedWarning.id, dispatch]);
   React.useEffect(function () {
@@ -11059,7 +11059,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
                               }) : warning;
                             });
                           });
-                          dispatch(publicWarningFormActions.setFormValues({
+                          dispatch(warningsFormActions.setFormValues({
                             formState: isReadOnly ? 'readonly' : ''
                           }));
                           dispatch(uiActions.setToggleOpenDialog({
@@ -11087,7 +11087,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
             // correct editor is already set or
             // someone else is editor so only have to set to readonly mode
             // No need for a BE call
-            dispatch(publicWarningFormActions.setFormValues({
+            dispatch(warningsFormActions.setFormValues({
               formState: isReadOnly ? 'readonly' : ''
             }));
             // If the editor was changed in a different window, refetch the warnings
@@ -11241,15 +11241,28 @@ var NewWarningButton = function NewWarningButton(_ref) {
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var config = sessionStorageProvider.getConfig();
-  var showMartimeWarningOption = !!config.GW_WARNINGS_MARITIME_WARNINGS;
+  var showMartimeWarningOption = !!config.GW_WARNINGS_MARITIME_WARNINGS && !!config.GW_DRAWINGS_BASE_URL;
   var showAirMetOption = !!config.GW_AIRMET_BASE_URL;
+  var showSigmetOption = !!config.GW_SIGMET_BASE_URL;
+  var showPublicWarningOption = !!config.GW_DRAWINGS_BASE_URL;
   var _React$useState = React.useState(null),
     anchorEl = _React$useState[0],
     setAnchorEl = _React$useState[1];
   var isOpen = Boolean(anchorEl);
+  var _React$useState2 = React.useState(0),
+    menuMinWidth = _React$useState2[0],
+    setMenuMinWidth = _React$useState2[1];
+  var buttonId = 'newWarningButton';
+  React.useEffect(function () {
+    if (isDefaultOpen) {
+      setAnchorEl(document.getElementById(buttonId));
+    }
+  }, [isDefaultOpen, buttonId]);
   var handleClick = function handleClick(event) {
     event.stopPropagation();
     setAnchorEl(event.currentTarget);
+    var buttonWidth = event.currentTarget.getBoundingClientRect().width;
+    setMenuMinWidth(buttonWidth);
   };
   var handleClose = function handleClose(event) {
     event.stopPropagation();
@@ -11259,12 +11272,6 @@ var NewWarningButton = function NewWarningButton(_ref) {
     onCreateWarning(warningType);
     handleClose(event);
   };
-  var buttonId = 'newWarningButton';
-  React.useEffect(function () {
-    if (isDefaultOpen) {
-      setAnchorEl(document.getElementById(buttonId));
-    }
-  }, [isDefaultOpen, buttonId]);
   return jsxs(Fragment, {
     children: [jsxs(CustomToggleButton, {
       id: buttonId,
@@ -11309,7 +11316,8 @@ var NewWarningButton = function NewWarningButton(_ref) {
         },
         list: {
           style: {
-            padding: '0px'
+            padding: '0px',
+            minWidth: menuMinWidth || undefined
           }
         }
       },
@@ -11317,28 +11325,28 @@ var NewWarningButton = function NewWarningButton(_ref) {
         vertical: 'top',
         horizontal: 'center'
       },
-      children: [jsx(MenuItem, {
+      children: [showPublicWarningOption ? jsx(MenuItem, {
         onClick: function onClick(event) {
           onCreateNewWarning('public', event);
         },
         children: jsx(ListItemText, {
           children: t('public-warning-title').toUpperCase()
         })
-      }, "Public"), showAirMetOption ? jsx(MenuItem, {
+      }, "Public") : null, showAirMetOption ? jsx(MenuItem, {
         onClick: function onClick(event) {
           onCreateNewWarning('airmet', event);
         },
         children: jsx(ListItemText, {
           children: BUTTON_AIRMET
         })
-      }, "Airmet") : null, jsx(MenuItem, {
+      }, "Airmet") : null, showSigmetOption ? jsx(MenuItem, {
         onClick: function onClick(event) {
           onCreateNewWarning('sigmet', event);
         },
         children: jsx(ListItemText, {
           children: BUTTON_SIGMET
         })
-      }, "Sigmet"), showMartimeWarningOption ? jsxs(Fragment, {
+      }, "Sigmet") : null, showMartimeWarningOption ? jsxs(Fragment, {
         children: [jsx(MenuItem, {
           onClick: function onClick(event) {
             onCreateNewWarning('maritimeWarningCoastal', event);
@@ -12486,6 +12494,55 @@ var FilterList = function FilterList(_ref) {
   });
 };
 
+var RowComponent = function RowComponent(_ref) {
+  var index = _ref.index,
+    style = _ref.style,
+    items = _ref.items,
+    expandedSections = _ref.expandedSections,
+    hoveredFeatureId = _ref.hoveredFeatureId,
+    selectedWarningId = _ref.selectedWarningId,
+    onSelectWarning = _ref.onSelectWarning,
+    onEditWarning = _ref.onEditWarning,
+    onDeleteWarning = _ref.onDeleteWarning,
+    onDeleteReviewWarning = _ref.onDeleteReviewWarning,
+    onExpireWarning = _ref.onExpireWarning,
+    onWithdrawWarning = _ref.onWithdrawWarning,
+    toggleExpand = _ref.toggleExpand,
+    timeFilter = _ref.timeFilter,
+    onActionAviationWarning = _ref.onActionAviationWarning,
+    onActionMaritimeWarning = _ref.onActionMaritimeWarning;
+  var warning = items[index];
+  var key = "warning-" + warning.status + "-" + index;
+  if (warning.totalWarnings !== undefined) {
+    var header = warning;
+    return jsx(WarningListItemSeperator, {
+      isExpanded: expandedSections[warning.status],
+      onClick: function onClick() {
+        toggleExpand(!expandedSections[header.status], header.status);
+      },
+      status: header.status,
+      style: style,
+      timeFilter: timeFilter,
+      totalWarnings: header.totalWarnings
+    }, key);
+  }
+  var publicWarning = warning;
+  var highlightedItem = hoveredFeatureId === publicWarning.id;
+  return jsx(WarningListItem, {
+    activeWarningId: selectedWarningId,
+    highlightedItem: highlightedItem,
+    onActionAviationWarning: onActionAviationWarning,
+    onActionMaritimeWarning: onActionMaritimeWarning,
+    onDeleteReviewWarning: onDeleteReviewWarning,
+    onDeleteWarning: onDeleteWarning,
+    onEditWarning: onEditWarning,
+    onExpireWarning: onExpireWarning,
+    onSelectWarning: onSelectWarning,
+    onWithdrawWarning: onWithdrawWarning,
+    style: style,
+    warning: publicWarning
+  }, key);
+};
 var groupWarningsOnStatus = function groupWarningsOnStatus(warnings, sortState) {
   var key = sortState.key,
     direction = sortState.direction;
@@ -12523,42 +12580,42 @@ var groupWarningsOnStatus = function groupWarningsOnStatus(warnings, sortState)
     expired: []
   }, groupedWarnings);
 };
-var PublicWarningList = function PublicWarningList(_ref) {
+var PublicWarningList = function PublicWarningList(_ref2) {
   var _sx, _sx2;
-  var _ref$warnings = _ref.warnings,
-    warnings = _ref$warnings === void 0 ? [] : _ref$warnings,
-    filterHookState = _ref.filterHookState,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    error = _ref.error,
-    _ref$selectedWarningI = _ref.selectedWarningId,
-    selectedWarningId = _ref$selectedWarningI === void 0 ? '' : _ref$selectedWarningI,
-    lastUpdatedTime = _ref.lastUpdatedTime,
-    _ref$onSelectWarning = _ref.onSelectWarning,
-    onSelectWarning = _ref$onSelectWarning === void 0 ? function () {} : _ref$onSelectWarning,
-    _ref$onEditWarning = _ref.onEditWarning,
-    onEditWarning = _ref$onEditWarning === void 0 ? function () {} : _ref$onEditWarning,
-    _ref$onCreateWarning = _ref.onCreateWarning,
-    onCreateWarning = _ref$onCreateWarning === void 0 ? function () {} : _ref$onCreateWarning,
-    _ref$onDeleteWarning = _ref.onDeleteWarning,
-    onDeleteWarning = _ref$onDeleteWarning === void 0 ? function () {} : _ref$onDeleteWarning,
-    _ref$onRefetchWarning = _ref.onRefetchWarnings,
-    onRefetchWarnings = _ref$onRefetchWarning === void 0 ? function () {} : _ref$onRefetchWarning,
-    _ref$onDeleteReviewWa = _ref.onDeleteReviewWarning,
-    onDeleteReviewWarning = _ref$onDeleteReviewWa === void 0 ? function () {} : _ref$onDeleteReviewWa,
-    _ref$onExpireWarning = _ref.onExpireWarning,
-    onExpireWarning = _ref$onExpireWarning === void 0 ? function () {} : _ref$onExpireWarning,
-    _ref$onWithdrawWarnin = _ref.onWithdrawWarning,
-    onWithdrawWarning = _ref$onWithdrawWarnin === void 0 ? function () {} : _ref$onWithdrawWarnin,
-    _ref$onActionAviation = _ref.onActionAviationWarning,
-    onActionAviationWarning = _ref$onActionAviation === void 0 ? function () {} : _ref$onActionAviation,
-    _ref$onActionMaritime = _ref.onActionMaritimeWarning,
-    onActionMaritimeWarning = _ref$onActionMaritime === void 0 ? function () {} : _ref$onActionMaritime,
-    hoveredFeatureId = _ref.hoveredFeatureId,
-    expandedSections = _ref.expandedSections,
-    setExpandedSections = _ref.setExpandedSections,
-    limitAlertCount = _ref.limitAlertCount,
-    showLimitAlert = _ref.showLimitAlert;
+  var _ref2$warnings = _ref2.warnings,
+    warnings = _ref2$warnings === void 0 ? [] : _ref2$warnings,
+    filterHookState = _ref2.filterHookState,
+    _ref2$isLoading = _ref2.isLoading,
+    isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading,
+    error = _ref2.error,
+    _ref2$selectedWarning = _ref2.selectedWarningId,
+    selectedWarningId = _ref2$selectedWarning === void 0 ? '' : _ref2$selectedWarning,
+    lastUpdatedTime = _ref2.lastUpdatedTime,
+    _ref2$onSelectWarning = _ref2.onSelectWarning,
+    onSelectWarning = _ref2$onSelectWarning === void 0 ? function () {} : _ref2$onSelectWarning,
+    _ref2$onEditWarning = _ref2.onEditWarning,
+    onEditWarning = _ref2$onEditWarning === void 0 ? function () {} : _ref2$onEditWarning,
+    _ref2$onCreateWarning = _ref2.onCreateWarning,
+    onCreateWarning = _ref2$onCreateWarning === void 0 ? function () {} : _ref2$onCreateWarning,
+    _ref2$onDeleteWarning = _ref2.onDeleteWarning,
+    onDeleteWarning = _ref2$onDeleteWarning === void 0 ? function () {} : _ref2$onDeleteWarning,
+    _ref2$onRefetchWarnin = _ref2.onRefetchWarnings,
+    onRefetchWarnings = _ref2$onRefetchWarnin === void 0 ? function () {} : _ref2$onRefetchWarnin,
+    _ref2$onDeleteReviewW = _ref2.onDeleteReviewWarning,
+    onDeleteReviewWarning = _ref2$onDeleteReviewW === void 0 ? function () {} : _ref2$onDeleteReviewW,
+    _ref2$onExpireWarning = _ref2.onExpireWarning,
+    onExpireWarning = _ref2$onExpireWarning === void 0 ? function () {} : _ref2$onExpireWarning,
+    _ref2$onWithdrawWarni = _ref2.onWithdrawWarning,
+    onWithdrawWarning = _ref2$onWithdrawWarni === void 0 ? function () {} : _ref2$onWithdrawWarni,
+    _ref2$onActionAviatio = _ref2.onActionAviationWarning,
+    onActionAviationWarning = _ref2$onActionAviatio === void 0 ? function () {} : _ref2$onActionAviatio,
+    _ref2$onActionMaritim = _ref2.onActionMaritimeWarning,
+    onActionMaritimeWarning = _ref2$onActionMaritim === void 0 ? function () {} : _ref2$onActionMaritim,
+    hoveredFeatureId = _ref2.hoveredFeatureId,
+    expandedSections = _ref2.expandedSections,
+    setExpandedSections = _ref2.setExpandedSections,
+    limitAlertCount = _ref2.limitAlertCount,
+    showLimitAlert = _ref2.showLimitAlert;
   var updateFilter = filterHookState.updateFilter,
     allSelected = filterHookState.allSelected,
     filterState = filterHookState.filterState,
@@ -12626,27 +12683,34 @@ var PublicWarningList = function PublicWarningList(_ref) {
     return 34;
   };
   var filterRef = React.useRef(null);
-  var listRef = React.useRef(null);
-  var resetListIndex = function resetListIndex() {
+  var listRef = useListRef(null);
+  var resetListIndex = useCallback(function () {
     if (listRef.current) {
-      listRef.current.resetAfterIndex(0, true);
+      var _listRef$current;
+      (_listRef$current = listRef.current) == null || _listRef$current.scrollToRow({
+        index: 0,
+        behavior: 'instant'
+      });
     }
-  };
+  }, [listRef]);
   React.useEffect(function () {
     if (listRef.current) {
       resetListIndex();
     }
-  }, [warnings]);
+  }, [listRef, resetListIndex, warnings]);
   var filterHeight = useGetFilterHeight(filterRef);
   React.useEffect(function () {
     if (hoveredFeatureId) {
-      var _listRef$current;
+      var _listRef$current2;
       var index = items.findIndex(function (item) {
         return item.id === hoveredFeatureId;
       });
-      (_listRef$current = listRef.current) == null || _listRef$current.scrollToItem(index, 'smart');
+      (_listRef$current2 = listRef.current) == null || _listRef$current2.scrollToRow({
+        index: index,
+        behavior: 'smooth'
+      });
     }
-  }, [hoveredFeatureId, items]);
+  }, [hoveredFeatureId, items, listRef]);
   return jsxs(Fragment, {
     children: [isLoading ? jsx(LinearProgress, {
       color: "secondary",
@@ -12781,57 +12845,29 @@ var PublicWarningList = function PublicWarningList(_ref) {
           height: "calc(100% - " + filterHeight + "px)",
           minHeight: '206px'
         },
-        children: jsx(AutoSizer, {
-          onResize: resetListIndex,
-          children: function children(_ref2) {
-            var _ref2$height = _ref2.height,
-              height = _ref2$height === void 0 ? 0 : _ref2$height,
-              _ref2$width = _ref2.width,
-              width = _ref2$width === void 0 ? 0 : _ref2$width;
-            return jsx(VariableSizeList, {
-              height: height,
-              itemCount: items.length,
-              itemSize: function itemSize(index) {
-                return getItemSize(index, width);
-              },
-              ref: listRef,
-              width: width,
-              children: function children(_ref3) {
-                var index = _ref3.index,
-                  style = _ref3.style;
-                var warning = items[index];
-                var key = "warning-" + warning.status + "-" + index;
-                if (warning.totalWarnings !== undefined) {
-                  var header = warning;
-                  return jsx(WarningListItemSeperator, {
-                    isExpanded: expandedSections[warning.status],
-                    onClick: function onClick() {
-                      toggleExpand(!expandedSections[header.status], header.status);
-                    },
-                    status: header.status,
-                    style: style,
-                    timeFilter: timeFilter,
-                    totalWarnings: header.totalWarnings
-                  }, key);
-                }
-                var publicWarning = warning;
-                var highlightedItem = hoveredFeatureId === publicWarning.id;
-                return jsx(WarningListItem, {
-                  activeWarningId: selectedWarningId,
-                  highlightedItem: highlightedItem,
-                  onActionAviationWarning: onActionAviationWarning,
-                  onActionMaritimeWarning: onActionMaritimeWarning,
-                  onDeleteReviewWarning: onDeleteReviewWarning,
-                  onDeleteWarning: onDeleteWarning,
-                  onEditWarning: onEditWarning,
-                  onExpireWarning: onExpireWarning,
-                  onSelectWarning: onSelectWarning,
-                  onWithdrawWarning: onWithdrawWarning,
-                  style: style,
-                  warning: publicWarning
-                }, key);
-              }
-            });
+        children: jsx(List, {
+          listRef: listRef,
+          rowComponent: RowComponent,
+          rowCount: items.length,
+          rowHeight: function rowHeight(index) {
+            var _listRef$current3;
+            return getItemSize(index, ((_listRef$current3 = listRef.current) == null || (_listRef$current3 = _listRef$current3.element) == null ? void 0 : _listRef$current3.clientWidth) || 0);
+          },
+          rowProps: {
+            items: items,
+            expandedSections: expandedSections,
+            hoveredFeatureId: hoveredFeatureId,
+            selectedWarningId: selectedWarningId,
+            onSelectWarning: onSelectWarning,
+            onEditWarning: onEditWarning,
+            onDeleteWarning: onDeleteWarning,
+            onDeleteReviewWarning: onDeleteReviewWarning,
+            onExpireWarning: onExpireWarning,
+            onWithdrawWarning: onWithdrawWarning,
+            toggleExpand: toggleExpand,
+            timeFilter: timeFilter,
+            onActionAviationWarning: onActionAviationWarning,
+            onActionMaritimeWarning: onActionMaritimeWarning
           }
         })
       }) : null]
@@ -12931,38 +12967,18 @@ var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var getPublicWarningsStore = function getPublicWarningsStore(store) {
-  if (store != null && store.publicWarnings) {
-    return store.publicWarnings;
+var getWarningsFilters = function getWarningsFilters(store) {
+  if (store != null && store.warningsFilters) {
+    return store.warningsFilters;
   }
   return null;
 };
-var _publicWarningsAdapte = publicWarningsAdapter.getSelectors(function (state) {
-    var _state$publicWarnings, _state$publicWarnings2;
-    return (_state$publicWarnings = state == null || (_state$publicWarnings2 = state.publicWarnings) == null ? void 0 : _state$publicWarnings2.warnings) != null ? _state$publicWarnings : {
-      entities: {},
-      ids: []
-    };
-  }),
-  selectAllPublicWarnings = _publicWarningsAdapte.selectAll;
-var isPublicWarningsLoading = createSelector(getPublicWarningsStore, function (store) {
-  return (store == null ? void 0 : store.isLoading) || false;
-});
-var getPublicWarningsError = createSelector(getPublicWarningsStore, function (store) {
-  return store == null ? void 0 : store.error;
-});
-var getPublicWarningsLastUpdatedTime = createSelector(getPublicWarningsStore, function (store) {
-  return store == null ? void 0 : store.lastUpdatedTime;
-});
-var getWarningsFilterState = createSelector(getPublicWarningsStore, function (store) {
-  return store == null ? void 0 : store.filterState;
-}, selectorMemoizationOptions);
-var getWarningsFilterById = createSelector(getWarningsFilterState, function (_store, panelId) {
+var getWarningsFilterById = createSelector(getWarningsFilters, function (_store, panelId) {
   return panelId;
 }, function (filterState, panelId) {
   return panelId && filterState != null && filterState[panelId] ? filterState[panelId] : initialFilters;
 }, selectorMemoizationOptions);
-var getWarningsPresetById = createSelector(getWarningsFilterState, function (_store, panelId) {
+var getWarningsPresetById = createSelector(getWarningsFilters, function (_store, panelId) {
   return panelId;
 }, function (filterState, panelId) {
   if (!panelId || !(filterState != null && filterState[panelId])) {
@@ -12977,13 +12993,9 @@ var getWarningsPresetById = createSelector(getWarningsFilterState, function (_st
 
 var selectors = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  getPublicWarningsError: getPublicWarningsError,
-  getPublicWarningsLastUpdatedTime: getPublicWarningsLastUpdatedTime,
-  getPublicWarningsStore: getPublicWarningsStore,
   getWarningsFilterById: getWarningsFilterById,
-  getWarningsPresetById: getWarningsPresetById,
-  isPublicWarningsLoading: isPublicWarningsLoading,
-  selectAllPublicWarnings: selectAllPublicWarnings
+  getWarningsFilters: getWarningsFilters,
+  getWarningsPresetById: getWarningsPresetById
 });
 
 /* *
@@ -13472,7 +13484,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
             }
             return _context.abrupt("return");
           case 6:
-            dispatch(publicWarningFormActions.openPublicWarningFormDialog(Object.assign({}, warning && {
+            dispatch(warningsFormActions.openPublicWarningFormDialog(Object.assign({}, warning && {
               warning: warning
             }, {
               formState: formAction,
@@ -13907,7 +13919,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     if (systemUpdate === void 0) {
       systemUpdate = false;
     }
-    dispatch(publicWarningActions.setWarningFilters({
+    dispatch(warningsFiltersActions.setWarningFilters({
       filterState: filterState,
       panelId: panelId,
       systemUpdate: systemUpdate
@@ -14079,4 +14091,4 @@ ComponentsLookUpWrapper) {
   }
 };
 
-export { DrawingToolConnect, Wrapper as DrawingToolForm, DrawingToolFormConnect, DrawingToolMapButtonConnect, ObjectManagerConnect, ObjectManagerMapButtonConnect, PublicWarningsFormDialog, PublicWarningsFormDialogConnect, WARN_NAMESPACE, componentsLookUp, createMockStore, isAlreadyEdited, publicWarningActions, publicWarningFormActions, publicWarningFormListener, publicWarningFormReducer, publicWarningsListener, publicWarningsReducer, selectors as publicWarningsSelectors, useObjectDrawDialogAction, warningFormConfirmationOptions, warningsDrawingsActions, warningsDrawingsReducer, warningsMiddlewares, warningsReducersMap, warningsTranslations };
+export { DrawingToolConnect, Wrapper as DrawingToolForm, DrawingToolFormConnect, DrawingToolMapButtonConnect, ObjectManagerConnect, ObjectManagerMapButtonConnect, PublicWarningsFormDialog, PublicWarningsFormDialogConnect, WARN_NAMESPACE, componentsLookUp, createMockStore, isAlreadyEdited, selectors as publicWarningsSelectors, useObjectDrawDialogAction, warningFormConfirmationOptions, warningsDrawingsActions, warningsDrawingsReducer, warningsFiltersActions, warningsFiltersReducer, warningsFormActions, warningsFormListener, warningsFormReducer, warningsMiddlewares, warningsReducersMap, warningsTranslations };