@opengeoweb/warnings 15.1.0 → 15.3.0

package/index.esm.js

@@ -1,30 +1,33 @@
 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, defaultRotatableBox, 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';
 import { useTranslation } from 'react-i18next';
 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 { FORM_FIELDS_NAMESPACE, useDraftFormHelpers, ReactHookFormSelect, ReactHookFormHiddenInput, isValidGeoJsonCoordinates, ReactHookFormTextField, ReactHookFormProvider, defaultFormOptions, errorMessages, isEmpty as isEmpty$1, 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 { 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, Tooltip } 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 { isEmpty, createEmpty, extend } from 'ol/extent';
+import GeoJSON from 'ol/format/GeoJSON';
 import { ReactSortable } from 'react-sortablejs';
 import { LocalizationProvider } from '@mui/x-date-pickers';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
+import Box$1 from '@mui/material/Box';
+import Tooltip$1 from '@mui/material/Tooltip';
 
 var en = {
 	"drawing-tool-form-tools": "Tools",
@@ -85,6 +88,11 @@ var en = {
 	"warning-level-moderate": "Moderate",
 	"warning-level-severe": "Severe",
 	"warning-level-extreme": "Extreme",
+	"warning-level-letter-moderate": "M",
+	"warning-level-letter-severe": "S",
+	"warning-level-letter-extreme": "E",
+	"warning-level-letter-SIG": "SIG",
+	"warning-level-letter-AIR": "AIR",
 	"warning-level-SIG": "Sigmet",
 	"warning-level-AIR": "Airmet",
 	"warning-phenomenon": "Phenomenon",
@@ -348,6 +356,11 @@ var nl = {
 	"warning-level-moderate": "Gematigd",
 	"warning-level-severe": "Ernstig",
 	"warning-level-extreme": "Extreem",
+	"warning-level-letter-moderate": "G",
+	"warning-level-letter-severe": "E",
+	"warning-level-letter-extreme": "X",
+	"warning-level-letter-SIG": "SIG",
+	"warning-level-letter-AIR": "AIR",
 	"warning-phenomenon": "Fenomeen",
 	"warning-phenomenon-wind": "Windstoten",
 	"warning-phenomenon-fog": "Dichte mist",
@@ -568,6 +581,11 @@ var fi = {
 	"warning-level-moderate": "Kohtalainen",
 	"warning-level-severe": "Vakava",
 	"warning-level-extreme": "Äärimmäinen",
+	"warning-level-letter-moderate": "K",
+	"warning-level-letter-severe": "V",
+	"warning-level-letter-extreme": "Ä",
+	"warning-level-letter-SIG": "SIG",
+	"warning-level-letter-AIR": "AIR",
 	"warning-phenomenon": "Sääilmiö",
 	"warning-phenomenon-wind": "Tuuli",
 	"warning-phenomenon-fog": "Sumu",
@@ -740,6 +758,11 @@ var no = {
 	"warning-level-moderate": "Moderat",
 	"warning-level-severe": "Stor",
 	"warning-level-extreme": "Ekstrem",
+	"warning-level-letter-moderate": "M",
+	"warning-level-letter-severe": "S",
+	"warning-level-letter-extreme": "E",
+	"warning-level-letter-SIG": "SIG",
+	"warning-level-letter-AIR": "AIR",
 	"warning-phenomenon": "Fenomen",
 	"warning-phenomenon-wind": "Vind",
 	"warning-phenomenon-fog": "Tåke",
@@ -884,6 +907,11 @@ var areaObjectLoaderType = uiTypes.DialogTypes.AreaObjectLoader;
 function _OverloadYield(e, d) {
   this.v = e, this.k = d;
 }
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
     var i = n[a](c),
@@ -909,6 +937,23 @@ function _asyncToGenerator(n) {
     });
   };
 }
+function _createForOfIteratorHelperLoose(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (t) return (t = t.call(r)).next.bind(t);
+  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) {
+    t && (r = t);
+    var o = 0;
+    return function () {
+      return o >= r.length ? {
+        done: true
+      } : {
+        done: false,
+        value: r[o++]
+      };
+    };
+  }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
@@ -1093,6 +1138,13 @@ function _regeneratorValues(e) {
   }
   throw new TypeError(typeof e + " is not iterable");
 }
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
 function _regeneratorRuntime() {
 
   var r = _regenerator(),
@@ -1490,6 +1542,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 +1591,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 +1614,7 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
               // remove current shape
               clearGeoJSON(objectDialogLayerId);
             }
-          case 11:
+          case 12:
           case "end":
             return _context2.stop();
         }
@@ -1571,6 +1632,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 +1682,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 +2291,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 +2411,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 +2443,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 +2488,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 +2530,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 +3018,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 +3038,7 @@ var useMutatePublicWarningEditor = function useMutatePublicWarningEditor() {
     });
   }, function (error) {
     if (error.cause !== 409) {
-      dispatch(publicWarningFormActions.setFormError({
+      dispatch(warningsFormActions.setFormError({
         message: error.message
       }));
     }
@@ -3057,7 +3086,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 +3110,7 @@ var useMutateWarning = function useMutateWarning(snackBarMessage) {
         queryKey: ['public-warning-list'],
         exact: false
       });
-      dispatch(publicWarningFormActions.setFormError({
+      dispatch(warningsFormActions.setFormError({
         message: error.message
       }));
     },
@@ -3110,7 +3139,7 @@ var useMutateWarning = function useMutateWarning(snackBarMessage) {
                     domain: 'public'
                   })
                 });
-                dispatch(publicWarningFormActions.openPublicWarningFormDialog({
+                dispatch(warningsFormActions.openPublicWarningFormDialog({
                   warning: newWarning,
                   formState: '',
                   panelId: variables.panelId
@@ -3544,6 +3573,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 +3746,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 +3768,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 +3779,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 +3802,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 +4047,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 +4102,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 +4129,7 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
     closeObjectDialog();
   };
   var onShareObject = function onShareObject(object) {
-    dispatch(publicWarningFormActions.openPublicWarningFormDialog({
+    dispatch(warningsFormActions.openPublicWarningFormDialog({
       object: object,
       warning: {
         warningDetail: {
@@ -4290,7 +4332,7 @@ var drawToolConfig = [{
   secondaryMode: defaultOval
 }, {
   primaryMode: defaultSquare,
-  secondaryMode: defaultBox
+  secondaryMode: defaultRotatableBox
 }, {
   primaryMode: defaultPoint,
   secondaryMode: defaultLocation
@@ -4825,7 +4867,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 +6160,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 +6175,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 +6193,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 +6253,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 +6268,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 +6286,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 +6339,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 +6370,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 +6434,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(selectWarningsFormState, function (store) {
+  return store == null ? void 0 : store.warning;
 });
-var getPublicWarning = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  return publicWarningStore == null ? void 0 : publicWarningStore.warning;
+var getPublicWarningStatus = createSelector(selectWarningsFormState, function (store) {
+  var _store$warning;
+  return store == null || (_store$warning = store.warning) == null ? void 0 : _store$warning.status;
 });
-var getPublicWarningStatus = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  var _publicWarningStore$w;
-  return publicWarningStore == null || (_publicWarningStore$w = publicWarningStore.warning) == null ? void 0 : _publicWarningStore$w.status;
+var getPublicWarningId = createSelector(selectWarningsFormState, function (store) {
+  var _store$warning2;
+  return store == null || (_store$warning2 = store.warning) == null ? void 0 : _store$warning2.warningDetail.id;
 });
-var getPublicWarningId = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  var _publicWarningStore$w2;
-  return publicWarningStore == null || (_publicWarningStore$w2 = publicWarningStore.warning) == null ? void 0 : _publicWarningStore$w2.warningDetail.id;
+var getPublicWarningAreas = createSelector(selectWarningsFormState, function (store) {
+  var _store$warning3;
+  return (store == null || (_store$warning3 = store.warning) == null ? void 0 : _store$warning3.warningDetail.areas) || [];
 });
-var getPublicWarningAreas = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  var _publicWarningStore$w3;
-  return (publicWarningStore == null || (_publicWarningStore$w3 = publicWarningStore.warning) == null ? void 0 : _publicWarningStore$w3.warningDetail.areas) || [];
+var getPublicWarningFormState = createSelector(selectWarningsFormState, function (store) {
+  return (store == null ? void 0 : store.formState) || '';
 });
-var getPublicWarningFormState = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  return (publicWarningStore == null ? void 0 : publicWarningStore.formState) || '';
+var getSelectedWarningId = createSelector(selectWarningsFormState, function (store) {
+  return (store == null ? void 0 : store.selectedWarningId) || '';
 });
-createSelector(selectPublicWarningState, function (publicWarningStore) {
-  return publicWarningStore == null ? void 0 : publicWarningStore.error;
+var getSelectedPublicIsFormDirty = createSelector(selectWarningsFormState, function (store) {
+  return (store == null ? void 0 : store.isFormDirty) || false;
 });
-var getSelectedWarningId = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  return (publicWarningStore == null ? void 0 : publicWarningStore.selectedWarningId) || '';
+var getWarningType = createSelector(selectWarningsFormState, function (store) {
+  return store == null ? void 0 : store.warningType;
 });
-var getSelectedPublicIsFormDirty = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  return (publicWarningStore == null ? void 0 : publicWarningStore.isFormDirty) || false;
-});
-var getWarningType = createSelector(selectPublicWarningState, function (publicWarningStore) {
-  return publicWarningStore == null ? void 0 : publicWarningStore.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 +6501,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 +6606,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 +6646,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 +6710,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 +6742,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%'
       }
     })
   });
@@ -6864,12 +6917,30 @@ var AreaObjectLoader = function AreaObjectLoader(_ref) {
   });
 };
 
+var EXTENT_PADDING = 50;
+function getGeojsonExtent(featureCollection, viewSrs, dataSrs) {
+  var format = new GeoJSON();
+  var features = format.readFeatures(featureCollection, {
+    dataProjection: dataSrs,
+    featureProjection: viewSrs
+  });
+  var extent = createEmpty();
+  for (var _iterator = _createForOfIteratorHelperLoose(features), _step; !(_step = _iterator()).done;) {
+    var feat = _step.value;
+    var geo = feat.getGeometry();
+    if (geo) {
+      extend(extent, geo.getExtent());
+    }
+  }
+  return extent;
+}
 var WarningsMapView = function WarningsMapView(_ref) {
   var _defaultMapPreset$lay, _defaultMapPreset$lay2, _viewRef$current;
   var geojsonFeature = _ref.geojsonFeature,
     defaultMapPreset = _ref.defaultMapPreset,
     _ref$isSnapshot = _ref.isSnapshot,
     isSnapshot = _ref$isSnapshot === void 0 ? false : _ref$isSnapshot;
+  var containerRef = useRef(null);
   var defaultMapPresetBbox = geojsonFeature != null && geojsonFeature.features.length ? undefined : defaultBbox;
   var defaultBbox$1 = (defaultMapPreset == null ? void 0 : defaultMapPreset.proj) || defaultMapPresetBbox;
   var defaultBaseLayer = (defaultMapPreset == null || (_defaultMapPreset$lay = defaultMapPreset.layers) == null ? void 0 : _defaultMapPreset$lay.find(function (layer) {
@@ -6885,12 +6956,36 @@ var WarningsMapView = function WarningsMapView(_ref) {
   };
   var viewRef = useRef(viewUtils.makeView());
   React.useEffect(function () {
+    var _geojsonFeature$featu;
     if (viewRef.current.getProjection().getCode() !== (defaultBbox$1 == null ? void 0 : defaultBbox$1.srs)) {
       viewRef.current = viewUtils.makeView(defaultBbox$1 == null ? void 0 : defaultBbox$1.srs);
     }
-    defaultBbox$1 != null && defaultBbox$1.bbox ? viewUtils.setViewFromExtent(viewRef.current, defaultBbox$1 == null ? void 0 : defaultBbox$1.bbox) : viewUtils.setViewFromFeature(viewRef.current, geojsonFeature);
+    var isNew = (defaultBbox$1 == null ? void 0 : defaultBbox$1.bbox) && !(geojsonFeature != null && geojsonFeature.features.length);
+    if (isNew) {
+      viewUtils.setViewFromExtent(viewRef.current, defaultBbox$1 == null ? void 0 : defaultBbox$1.bbox);
+      return;
+    }
+    if (geojsonFeature != null && (_geojsonFeature$featu = geojsonFeature.features) != null && _geojsonFeature$featu.length) {
+      var viewSrs = viewRef.current.getProjection().getCode();
+      var extent = getGeojsonExtent(geojsonFeature, viewSrs, 'EPSG:4326');
+      if (!isEmpty(extent)) {
+        var el = containerRef.current;
+        var rect = el == null ? void 0 : el.getBoundingClientRect();
+        var size = rect && rect.width > 0 && rect.height > 0 ? [Math.round(rect.width), Math.round(rect.height)] : undefined;
+        viewRef.current.fit(extent, {
+          size: size,
+          padding: [EXTENT_PADDING, EXTENT_PADDING, EXTENT_PADDING, EXTENT_PADDING],
+          maxZoom: 12,
+          duration: 0
+        });
+        return;
+      }
+    }
+    // fallback
+    viewUtils.setViewFromFeature(viewRef.current, geojsonFeature);
   }, [defaultBbox$1, geojsonFeature]);
   return jsx("div", {
+    ref: containerRef,
     style: {
       height: '200px',
       width: '100%'
@@ -7198,18 +7293,18 @@ var WarningLevel;
 var LevelColors = {
   moderate: {
     color: '#FAE21E',
-    textColor: '#051039',
-    borderColor: '#FBFE02'
+    textColor: '#3A3400',
+    borderColor: '#A08F07'
   },
   severe: {
     color: '#E27000',
     textColor: '#051039',
-    borderColor: '#FEAE02'
+    borderColor: '#9C4D00'
   },
   extreme: {
     color: '#D62A20',
     textColor: '#ffffff',
-    borderColor: '#FF0000'
+    borderColor: '#890101'
   }
 };
 var getLevelStyle = function getLevelStyle(levelColor) {
@@ -7327,7 +7422,7 @@ var ProbabilityField = function ProbabilityField(_ref) {
   var onChangeProbability = function onChangeProbability() {
     void trigger('probability');
     // We don't want to trigger the missing value validation
-    if (!isEmpty(getValues('level'))) {
+    if (!isEmpty$1(getValues('level'))) {
       void trigger('level');
     }
   };
@@ -7436,7 +7531,7 @@ var _isMaxHoursAfterCurrentTime = function isMaxHoursAfterCurrentTime(value, t)
   });
 };
 var _isMinHoursAfterValidFrom = function isMinHoursAfterValidFrom(value, validFromValue, t) {
-  if (isEmpty(value) || isEmpty(validFromValue) || !dateUtils.isValidIsoDateString(validFromValue)) {
+  if (isEmpty$1(value) || isEmpty$1(validFromValue) || !dateUtils.isValidIsoDateString(validFromValue)) {
     return true;
   }
   var duration = dateUtils.differenceInHours(new Date(value), new Date(validFromValue));
@@ -10451,7 +10546,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 +10591,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 +10639,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 +10680,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     };
   }();
   var onFormDirty = function onFormDirty(isFormDirty) {
-    dispatch(publicWarningFormActions.setFormDirty({
+    dispatch(warningsFormActions.setFormDirty({
       isFormDirty: isFormDirty
     }));
   };
@@ -10625,12 +10720,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 +10942,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 +10952,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 +11064,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 +11097,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 +11154,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
                               }) : warning;
                             });
                           });
-                          dispatch(publicWarningFormActions.setFormValues({
+                          dispatch(warningsFormActions.setFormValues({
                             formState: isReadOnly ? 'readonly' : ''
                           }));
                           dispatch(uiActions.setToggleOpenDialog({
@@ -11087,7 +11182,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 +11336,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 +11367,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 +11411,8 @@ var NewWarningButton = function NewWarningButton(_ref) {
         },
         list: {
           style: {
-            padding: '0px'
+            padding: '0px',
+            minWidth: menuMinWidth || undefined
           }
         }
       },
@@ -11317,28 +11420,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 +12589,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 +12675,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 +12778,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 +12940,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 +13062,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 +13088,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 +13579,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 +14014,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 +14186,705 @@ 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 };
+/* *
+ * 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 2026 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2026 - Finnish Meteorological Institute (FMI)
+ * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var draftStripes = function draftStripes(stripeColor, bgColor) {
+  return "repeating-linear-gradient(\n    -45deg,\n    transparent,\n    transparent 8px,\n    " + stripeColor + " 8px,\n    " + stripeColor + " 9px\n  ), " + bgColor;
+};
+var TimelineColors = {
+  // Public warnings - Extreme (Red)
+  extreme: {
+    published: {
+      background: LevelColors.extreme.color,
+      border: LevelColors.extreme.borderColor,
+      iconColor: LevelColors.extreme.textColor,
+      letterColor: LevelColors.extreme.textColor
+    },
+    draft: {
+      background: '#F1D0D0',
+      stripeColor: 'rgba(255, 255, 255, 0.5)',
+      border: LevelColors.extreme.borderColor,
+      iconColor: LevelColors.extreme.color,
+      letterColor: LevelColors.extreme.color
+    },
+    expired: {
+      background: '#EFEFEF',
+      border: LevelColors.extreme.borderColor,
+      iconColor: LevelColors.extreme.color,
+      letterColor: LevelColors.extreme.color
+    }
+  },
+  // Public warnings - Severe (Orange)
+  severe: {
+    published: {
+      background: LevelColors.severe.color,
+      border: LevelColors.severe.borderColor,
+      iconColor: 'white',
+      letterColor: 'white'
+    },
+    draft: {
+      background: '#FADDC2',
+      stripeColor: 'rgba(255, 255, 255, 0.5)',
+      border: '#E27000',
+      iconColor: '#9C4D00',
+      letterColor: '#9C4D00'
+    },
+    expired: {
+      background: '#EFEFEF',
+      border: '#E27000',
+      iconColor: '#9C4D00',
+      letterColor: '#9C4D00'
+    }
+  },
+  // Public warnings - Moderate (Yellow)
+  moderate: {
+    published: {
+      background: LevelColors.moderate.color,
+      border: LevelColors.moderate.borderColor,
+      iconColor: '#3A3400',
+      letterColor: '#3A3400'
+    },
+    draft: {
+      background: '#FFFACE',
+      stripeColor: 'rgba(250, 226, 28, 0.5)',
+      // Yellow stripes
+      border: LevelColors.moderate.borderColor,
+      iconColor: '#3A3400',
+      letterColor: '#3A3400'
+    },
+    expired: {
+      background: '#EFEFEF',
+      border: LevelColors.moderate.borderColor,
+      iconColor: '#3A3400',
+      letterColor: '#3A3400'
+    }
+  },
+  // Aviation (SIGMET/AIRMET) - Blue
+  aviation: {
+    published: {
+      background: '#186DFF',
+      border: '#0800B9',
+      iconColor: '#FFFFFF',
+      letterColor: '#FFFFFF'
+    },
+    draft: {
+      background: '#E3EDFF',
+      stripeColor: 'rgba(255, 255, 255, 0.5)',
+      border: '#0800B9',
+      iconColor: '#0800B9',
+      letterColor: '#0800B9'
+    },
+    expired: {
+      background: '#EFEFEF',
+      border: '#0800B9',
+      iconColor: '#186DFF',
+      letterColor: '#186DFF'
+    }
+  },
+  // Default/fallback
+  "default": {
+    published: {
+      background: '#FFFFFF',
+      border: '#AAAAAA',
+      iconColor: '#333333',
+      letterColor: '#333333'
+    },
+    draft: {
+      background: '#FFFFFF',
+      stripeColor: 'rgba(255, 255, 255, 0.5)',
+      border: '#AAAAAA',
+      iconColor: '#333333',
+      letterColor: '#333333'
+    },
+    expired: {
+      background: '#EFEFEF',
+      border: '#AAAAAA',
+      iconColor: '#333333',
+      letterColor: '#333333'
+    }
+  }
+};
+var getThemeForLevel = function getThemeForLevel(level, isAviation) {
+  if (isAviation) {
+    return TimelineColors.aviation;
+  }
+  switch (level) {
+    case WarningLevel.extreme:
+      return TimelineColors.extreme;
+    case WarningLevel.severe:
+      return TimelineColors.severe;
+    case WarningLevel.moderate:
+      return TimelineColors.moderate;
+    default:
+      return TimelineColors["default"];
+  }
+};
+var getBlockStyle = function getBlockStyle(level, status, isAviation) {
+  var theme = getThemeForLevel(level, isAviation);
+  if (status === PublicWarningStatus.DRAFT || status === PublicWarningStatus.DRAFT_PUBLISHED) {
+    var _theme$draft = theme.draft,
+      stripeColor = _theme$draft.stripeColor,
+      background = _theme$draft.background,
+      border = _theme$draft.border,
+      iconColor = _theme$draft.iconColor,
+      letterColor = _theme$draft.letterColor;
+    return {
+      background: draftStripes(stripeColor, background),
+      border: "1px solid " + border,
+      borderColor: border,
+      iconColor: iconColor,
+      letterColor: letterColor
+    };
+  }
+  if (status === PublicWarningStatus.EXPIRED) {
+    return {
+      background: theme.expired.background,
+      border: "1px solid " + theme.expired.border,
+      borderColor: theme.expired.border,
+      iconColor: theme.expired.iconColor,
+      letterColor: theme.expired.letterColor
+    };
+  }
+  // Published (default)
+  return {
+    background: theme.published.background,
+    border: "1px solid " + theme.published.border,
+    borderColor: theme.published.border,
+    iconColor: theme.published.iconColor,
+    letterColor: theme.published.letterColor
+  };
+};
+
+/* *
+ * 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 2026 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2026 - Finnish Meteorological Institute (FMI)
+ * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var EDGE_PADDING = 24;
+var SIZE_THRESHOLDS = {
+  xxs: 24,
+  xs: 50,
+  sm: 100
+};
+var getTimelineX = function getTimelineX(targetTime, timelineStart, timelineEnd, drawableWidth) {
+  var totalTimelineDuration = timelineEnd.getTime() - timelineStart.getTime();
+  if (totalTimelineDuration <= 0) {
+    return 0;
+  }
+  var elapsedMs = targetTime.getTime() - timelineStart.getTime();
+  return EDGE_PADDING + elapsedMs / totalTimelineDuration * drawableWidth;
+};
+var getTimeFromX = function getTimeFromX(x, timelineStart, timelineEnd, drawableWidth) {
+  var totalTimelineDuration = timelineEnd.getTime() - timelineStart.getTime();
+  if (drawableWidth <= 0) {
+    return new Date(timelineStart);
+  }
+  var adjustedX = x - EDGE_PADDING;
+  var ratio = adjustedX / drawableWidth;
+  var timeMs = timelineStart.getTime() + ratio * totalTimelineDuration;
+  return new Date(timeMs);
+};
+var generateTicks = function generateTicks(timelineStart, timelineEnd) {
+  var ticks = [];
+  var hourInterval = 3;
+  var current = new Date(timelineStart);
+  current.setUTCMinutes(0, 0, 0);
+  if (current < timelineStart) {
+    current.setUTCHours(current.getUTCHours() + 1);
+  }
+  while (current <= timelineEnd) {
+    var hour = current.getUTCHours();
+    if (hour === 0) {
+      ticks.push({
+        time: new Date(current),
+        type: 'day'
+      });
+    } else if (hour % hourInterval === 0) {
+      ticks.push({
+        time: new Date(current),
+        type: 'major'
+      });
+    } else {
+      ticks.push({
+        time: new Date(current),
+        type: 'dashed'
+      });
+    }
+    current.setUTCHours(current.getUTCHours() + 1);
+  }
+  return ticks;
+};
+var getTickLineStyle = function getTickLineStyle(tickType) {
+  if (tickType === 'day') {
+    return {
+      width: '2px',
+      borderLeft: '2px solid #ABC3FF'
+    };
+  }
+  if (tickType === 'dashed') {
+    return {
+      width: '1px',
+      borderLeft: '1px dashed #E7ECFA'
+    };
+  }
+  return {
+    width: '1px',
+    borderLeft: '1px solid #90caf9'
+  };
+};
+var getBlockSize = function getBlockSize(width) {
+  if (width < SIZE_THRESHOLDS.xxs) {
+    return 'xxs';
+  }
+  if (width < SIZE_THRESHOLDS.xs) {
+    return 'xs';
+  }
+  if (width < SIZE_THRESHOLDS.sm) {
+    return 's';
+  }
+  return 'l';
+};
+
+/**
+ * Gets the author/editor from a warning.
+ * For airmet/sigmet warnings, author is in sigmetAirmetDetails.
+ * For public/maritime warnings, editor is on the base warning.
+ */
+var getWarningAuthor = function getWarningAuthor(warning) {
+  if ('sigmetAirmetDetails' in warning) {
+    var _warning$sigmetAirmet, _warning$sigmetAirmet2;
+    return (_warning$sigmetAirmet = (_warning$sigmetAirmet2 = warning.sigmetAirmetDetails) == null ? void 0 : _warning$sigmetAirmet2.author) != null ? _warning$sigmetAirmet : warning.editor;
+  }
+  return warning.editor;
+};
+var formatPeriod = function formatPeriod(from, until) {
+  var ff = new Date(from);
+  var uu = new Date(until);
+  var dateOpts = {
+    day: 'numeric',
+    month: 'short',
+    timeZone: 'UTC'
+  };
+  var timeOpts = {
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false,
+    timeZone: 'UTC'
+  };
+  var fDate = ff.toLocaleDateString('en-GB', dateOpts);
+  var uDate = uu.toLocaleDateString('en-GB', dateOpts);
+  var fTime = ff.toLocaleTimeString('en-GB', timeOpts);
+  var uTime = uu.toLocaleTimeString('en-GB', timeOpts);
+  return fDate === uDate ? fDate + " " + fTime + " \u2013 " + uTime + " UTC" : fDate + " " + fTime + " \u2013 " + uDate + " " + uTime + " UTC";
+};
+var getTooltipContent = function getTooltipContent(warning, t) {
+  var warningDetail = warning.warningDetail,
+    status = warning.status,
+    type = warning.type;
+  var author = getWarningAuthor(warning);
+  var isAviation = type === 'sigmet' || type === 'airmet';
+  var phenomenonEntry = warningPhenomena.find(function (entry) {
+    return entry.key === warningDetail.phenomenon;
+  });
+  var phenomenonLabel = phenomenonEntry ? t(phenomenonEntry.translationKey) : warningDetail.phenomenon;
+  var line1 = isAviation ? [type.toUpperCase(), phenomenonLabel].filter(Boolean).join(' · ') : [phenomenonLabel, warningDetail.level, warningDetail.probability ? warningDetail.probability + "%" : null].filter(Boolean).join(' · ');
+  var period = warningDetail.validFrom && warningDetail.validUntil ? formatPeriod(warningDetail.validFrom, warningDetail.validUntil) : null;
+  var meta = [author, status].filter(Boolean).join(' · ');
+  return jsxs(Box, {
+    sx: {
+      fontSize: 12,
+      lineHeight: 1.6
+    },
+    children: [jsx(Box, {
+      sx: {
+        fontWeight: 600
+      },
+      children: line1
+    }), period ? jsx(Box, {
+      children: period
+    }) : null, meta ? jsx(Box, {
+      children: meta
+    }) : null]
+  });
+};
+var WarningBlock = function WarningBlock(_ref) {
+  var warning = _ref.warning,
+    left = _ref.left,
+    top = _ref.top,
+    width = _ref.width;
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var warningDetail = warning.warningDetail,
+    status = warning.status,
+    type = warning.type;
+  var author = getWarningAuthor(warning);
+  var isAviation = type === 'sigmet' || type === 'airmet';
+  var level = warningDetail.level || null;
+  var letter = level ? t("warning-level-letter-" + level) : '';
+  var _getBlockStyle = getBlockStyle(level, status, isAviation),
+    background = _getBlockStyle.background,
+    border = _getBlockStyle.border,
+    iconColor = _getBlockStyle.iconColor,
+    letterColor = _getBlockStyle.letterColor;
+  var size = getBlockSize(width);
+  var elements = [];
+  if (size === 's' || size === 'l') {
+    elements.push(jsx(Box, {
+      sx: {
+        fontSize: 16,
+        fontWeight: 600,
+        lineHeight: '80%',
+        color: letterColor
+      },
+      children: letter
+    }, "letter"));
+  }
+  if (size !== 'xxs') {
+    elements.push(jsx(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        color: iconColor,
+        fontSize: 18
+      },
+      children: getPhenomenaIcon(warningDetail.phenomenon) || null
+    }, "icon"));
+  }
+  if (size === 'l') {
+    elements.push(jsx(Box, {
+      sx: {
+        border: '0.5px solid white',
+        borderRadius: '50%'
+      },
+      children: jsx(WarningAvatar, {
+        editor: author != null ? author : ''
+      })
+    }, "avatar"));
+  }
+  return jsx(Tooltip, {
+    placement: "top",
+    title: getTooltipContent(warning, t),
+    children: jsx(Box, {
+      "data-testid": "warning-block",
+      sx: {
+        position: 'absolute',
+        left: left,
+        top: top,
+        width: width,
+        height: 28,
+        padding: '4px 8px',
+        background: background,
+        border: border,
+        borderRadius: 1,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: elements.length === 1 ? 'center' : 'space-between',
+        overflow: 'hidden'
+      },
+      children: elements
+    })
+  });
+};
+
+var WARNING_BLOCK_HEIGHT = 34;
+var DEFAULT_VISIBLE_ROWS = 10;
+var TIMELINE_BAR_HEIGHT = 40;
+var PIXELS_PER_HOUR = 30;
+var MS_PER_HOUR = 60 * 60 * 1000;
+var MS_PER_DAY = 24 * MS_PER_HOUR;
+var WarningsTimeline = function WarningsTimeline(_ref) {
+  var warnings = _ref.warnings;
+  var timelineWarnings = React.useMemo(function () {
+    var _warnings$filter;
+    return (_warnings$filter = warnings == null ? void 0 : warnings.filter(function (warning) {
+      return Boolean(warning.warningDetail.validFrom) && Boolean(warning.warningDetail.validUntil);
+    })) != null ? _warnings$filter : [];
+  }, [warnings]);
+  var warningsAreaRef = React.useRef(null);
+  var timeAxisRef = React.useRef(null);
+  var _React$useState = React.useState(0),
+    containerWidth = _React$useState[0],
+    setContainerWidth = _React$useState[1];
+  React.useEffect(function () {
+    if (!warningsAreaRef.current) {
+      return undefined;
+    }
+    var resizeObserver = new ResizeObserver(function (entries) {
+      for (var _iterator = _createForOfIteratorHelperLoose(entries), _step; !(_step = _iterator()).done;) {
+        var entry = _step.value;
+        setContainerWidth(entry.contentRect.width);
+      }
+    });
+    resizeObserver.observe(warningsAreaRef.current);
+    return function () {
+      return resizeObserver.disconnect();
+    };
+  }, []);
+  var handleWarningsScroll = React.useCallback(function () {
+    if (warningsAreaRef.current && timeAxisRef.current) {
+      timeAxisRef.current.scrollLeft = warningsAreaRef.current.scrollLeft;
+    }
+  }, []);
+  var _React$useState2 = React.useState(function () {
+      return new Date();
+    }),
+    now = _React$useState2[0],
+    setNow = _React$useState2[1];
+  React.useEffect(function () {
+    var id = setInterval(function () {
+      return setNow(new Date());
+    }, MS_PER_HOUR / 60);
+    return function () {
+      return clearInterval(id);
+    };
+  }, []);
+  var _React$useMemo = React.useMemo(function () {
+      var snapshotNow = new Date();
+      var defaultStart = new Date(snapshotNow.getTime() - MS_PER_DAY);
+      var defaultEnd = new Date(snapshotNow.getTime() + 3 * MS_PER_DAY);
+      if (!timelineWarnings.length) {
+        return {
+          timelineStart: defaultStart,
+          timelineEnd: defaultEnd
+        };
+      }
+      var warningMin = Number.POSITIVE_INFINITY;
+      var warningMax = Number.NEGATIVE_INFINITY;
+      for (var _iterator2 = _createForOfIteratorHelperLoose(timelineWarnings), _step2; !(_step2 = _iterator2()).done;) {
+        var warning = _step2.value;
+        var _warning$warningDetai = warning.warningDetail,
+          validFrom = _warning$warningDetai.validFrom,
+          validUntil = _warning$warningDetai.validUntil;
+        if (validFrom) {
+          warningMin = Math.min(warningMin, new Date(validFrom).getTime());
+        }
+        if (validUntil) {
+          warningMax = Math.max(warningMax, new Date(validUntil).getTime());
+        }
+      }
+      // Floor earliest warning to previous 3-hour boundary, then subtract 3h to get some 'air'
+      var warningStartDate = new Date(warningMin);
+      warningStartDate.setUTCMinutes(0, 0, 0);
+      var flooredHour = warningStartDate.getUTCHours() - warningStartDate.getUTCHours() % 3 - 3;
+      warningStartDate.setUTCHours(flooredHour);
+      var minTime = Math.min(defaultStart.getTime(), warningStartDate.getTime());
+      // End is bound by the last warning
+      return {
+        timelineStart: new Date(minTime),
+        timelineEnd: new Date(warningMax)
+      };
+    }, [timelineWarnings]),
+    timelineStart = _React$useMemo.timelineStart,
+    timelineEnd = _React$useMemo.timelineEnd;
+  var totalMs = timelineEnd.getTime() - timelineStart.getTime();
+  var totalHours = totalMs / MS_PER_HOUR;
+  var contentWidth = Math.max(containerWidth, totalHours * PIXELS_PER_HOUR);
+  var fullWidth = contentWidth + 2 * EDGE_PADDING;
+  var ticks = generateTicks(timelineStart, timelineEnd);
+  var _React$useState3 = React.useState(null),
+    hoverTimelineX = _React$useState3[0],
+    setHoverTimelineX = _React$useState3[1];
+  var hoverTime = hoverTimelineX !== null ? getTimeFromX(hoverTimelineX, timelineStart, timelineEnd, contentWidth).toLocaleString('en-GB', {
+    day: 'numeric',
+    month: 'short',
+    hour: '2-digit',
+    minute: '2-digit',
+    timeZone: 'UTC'
+  }) + " UTC" : '';
+  var handleTimeAxisMouseMove = React.useCallback(function (event) {
+    var _timeAxisRef$current$, _timeAxisRef$current;
+    var rect = event.currentTarget.getBoundingClientRect();
+    // Only show tooltip when mouse is below the top 10px (away from scrollbar)
+    if (event.clientY - rect.top < 10) {
+      setHoverTimelineX(null);
+      return;
+    }
+    setHoverTimelineX(event.clientX - rect.left + ((_timeAxisRef$current$ = (_timeAxisRef$current = timeAxisRef.current) == null ? void 0 : _timeAxisRef$current.scrollLeft) != null ? _timeAxisRef$current$ : 0));
+  }, []);
+  var handleTimeAxisMouseLeave = React.useCallback(function () {
+    setHoverTimelineX(null);
+  }, []);
+  var currentTimeX = getTimelineX(now, timelineStart, timelineEnd, contentWidth);
+  var showCurrentTime = now.getTime() >= timelineStart.getTime() && now.getTime() <= timelineEnd.getTime();
+  return jsxs(Box$1, {
+    sx: {
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    children: [jsx(Box$1, {
+      onScroll: handleWarningsScroll,
+      ref: warningsAreaRef,
+      sx: {
+        flex: 1,
+        overflow: 'auto',
+        minHeight: 0
+      },
+      children: jsx(Box$1, {
+        sx: {
+          width: fullWidth,
+          position: 'relative'
+        },
+        children: jsxs(Box$1, {
+          sx: {
+            position: 'relative',
+            height: Math.max(timelineWarnings.length * WARNING_BLOCK_HEIGHT, DEFAULT_VISIBLE_ROWS * WARNING_BLOCK_HEIGHT)
+          },
+          children: [ticks.map(function (tick) {
+            var x = getTimelineX(tick.time, timelineStart, timelineEnd, contentWidth);
+            var lineStyle = getTickLineStyle(tick.type);
+            return jsx(Box$1, {
+              sx: Object.assign({
+                position: 'absolute',
+                left: x,
+                top: 0,
+                bottom: 0
+              }, lineStyle)
+            }, tick.time.toISOString());
+          }), showCurrentTime ? jsx(Box$1, {
+            sx: {
+              position: 'absolute',
+              left: currentTimeX,
+              top: 0,
+              bottom: 0,
+              width: '3px',
+              bgcolor: '#0051DD',
+              zIndex: 10
+            }
+          }) : null, timelineWarnings.map(function (warning, index) {
+            var warningDetail = warning.warningDetail;
+            var validFrom = new Date(warningDetail.validFrom);
+            var validUntil = new Date(warningDetail.validUntil);
+            var left = getTimelineX(validFrom, timelineStart, timelineEnd, contentWidth);
+            var right = getTimelineX(validUntil, timelineStart, timelineEnd, contentWidth);
+            var blockWidth = Math.max(0, right - left);
+            return jsx(WarningBlock, {
+              left: left,
+              top: index * WARNING_BLOCK_HEIGHT,
+              warning: warning,
+              width: blockWidth
+            }, warning.id);
+          })]
+        })
+      })
+    }), jsx(Tooltip$1, {
+      enterDelay: 150,
+      followCursor: true,
+      leaveDelay: 0,
+      placement: "top",
+      slotProps: {
+        popper: {
+          sx: {
+            pointerEvents: 'none'
+          }
+        }
+      },
+      title: hoverTime,
+      children: jsx(Box$1, {
+        onMouseLeave: handleTimeAxisMouseLeave,
+        onMouseMove: handleTimeAxisMouseMove,
+        ref: timeAxisRef,
+        sx: {
+          height: TIMELINE_BAR_HEIGHT,
+          overflow: 'hidden',
+          borderTop: '1px solid #ccc'
+        },
+        children: jsx(Box$1, {
+          sx: {
+            width: fullWidth,
+            position: 'relative',
+            height: '100%'
+          },
+          children: ticks.filter(function (tick) {
+            return tick.type === 'day' || tick.time.getUTCHours() % 3 === 0;
+          }).map(function (tick) {
+            var x = getTimelineX(tick.time, timelineStart, timelineEnd, contentWidth);
+            var hour = tick.time.getUTCHours();
+            var hourLabel = String(hour).padStart(2, '0') + ":00";
+            var isDayBoundary = tick.type === 'day';
+            var dateStr = tick.time.toLocaleDateString('en-GB', {
+              day: 'numeric',
+              month: 'short',
+              timeZone: 'UTC'
+            });
+            return jsxs(Box$1, {
+              sx: {
+                position: 'absolute',
+                left: x,
+                top: 2,
+                transform: 'translateX(-50%)',
+                textAlign: 'center',
+                lineHeight: 1.1
+              },
+              children: [jsx(Box$1, {
+                component: "span",
+                sx: {
+                  fontSize: isDayBoundary ? 14 : 12,
+                  fontWeight: isDayBoundary ? 'bold' : 'normal',
+                  color: isDayBoundary ? '#333' : '#666'
+                },
+                children: hourLabel
+              }), isDayBoundary ? jsx(Box$1, {
+                sx: {
+                  fontSize: 12,
+                  color: '#666'
+                },
+                children: dateStr
+              }) : null]
+            }, "label-" + tick.time.toISOString());
+          })
+        })
+      })
+    })]
+  });
+};
+
+var WarningsTimelineConnect = function WarningsTimelineConnect(_ref) {
+  _ref.panelId;
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var _useAuthenticationCon = useAuthenticationContext$1(),
+    isLoggedIn = _useAuthenticationCon.isLoggedIn;
+  var warnings = [];
+  if (!isLoggedIn) {
+    return jsx(AlertBanner, {
+      dataTestId: "warnings-timeline-auth-error",
+      severity: "error",
+      title: t('error-auth-login')
+    });
+  }
+  return jsx(WarningsTimeline, {
+    warnings: warnings
+  });
+};
+
+export { DrawingToolConnect, Wrapper as DrawingToolForm, DrawingToolFormConnect, DrawingToolMapButtonConnect, ObjectManagerConnect, ObjectManagerMapButtonConnect, PublicWarningsFormDialog, PublicWarningsFormDialogConnect, WARN_NAMESPACE, WarningsTimeline, WarningsTimelineConnect, componentsLookUp, createMockStore, isAlreadyEdited, selectors as publicWarningsSelectors, useObjectDrawDialogAction, warningFormConfirmationOptions, warningsDrawingsActions, warningsDrawingsReducer, warningsFiltersActions, warningsFiltersReducer, warningsFormActions, warningsFormListener, warningsFormReducer, warningsMiddlewares, warningsReducersMap, warningsTranslations };