@opengeoweb/warnings 14.2.2 → 14.4.0

package/index.esm.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useDispatch, useSelector } from 'react-redux';
 import { Polygons, ExitDomain, Share, Edit, Delete, CoastalEvent, TemperatureLow, TemperatureHigh, Rain, Snow, Lightning, Fog, Wind, Thunderstorm, SevereMountainWaves, VulcanicEruption, Haze, FreezingPrecipitation, ModerateAircraftIcing, SevereAircraftIcing, ModerateTurbulence, SevereTurbulence, SandStorm, RadioactiveMaterials, DrawPolygon, Visibility, Add, ArrowUpCompact, ArrowDownCompact, breakpoints, DragHandle, Info, Copy, Update, Cancel, Success, Expire, Remove, Options, ChevronDown, ChevronUp, Close, Clock } from '@opengeoweb/theme';
 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 { defaultPolygon, emptyGeoJSON, MapControlButton, getIcon, rewindGeometry, getGeoJSONPropertyValue, currentlySupportedDrawModes, defaultLayers, viewUtils, OpenLayersMapView, MapControls, OpenLayersZoomControl, OpenLayersLayer, OpenLayersFeatureLayer, genericOpenLayersFeatureStyle } from '@opengeoweb/webmap-react';
+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, FEATURE_DRAW_FILL_COLOR, FEATURE_DRAW_SECONDARY_FILL_COLOR, FEATURE_DRAW_STROKE_COLOR } from '@opengeoweb/webmap-react';
 import { SHARED_NAMESPACE, useConfirmationDialog, dateUtils, ToggleMenu, calculateStartSize, ToolContainerDraggable, AlertBanner, sessionStorageProvider, ConfirmationDialog, usePrevious, CustomIconButton, usePreventBrowserClose, CustomTooltip, Avatar, getInitials, SwitchButton, FilterChip, TooltipSelect, LastUpdateTime, CustomToggleButton, Filter, StatusTag, FilterOption, getAxiosErrorMessage, CustomDialog, ConfirmationButtons, ErrorBoundary } from '@opengeoweb/shared';
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, current, combineReducers, configureStore } from '@reduxjs/toolkit';
 import { defaultBbox } from '@opengeoweb/core';
@@ -220,6 +220,8 @@ var en = {
 	"tac-missing-data": "Missing data: no TAC can be generated",
 	"warning-list-button-renew": "Renew",
 	"warning-list-button-amend": "Amend",
+	"warning-list-too-many-title": "Too many warnings requested",
+	"warning-list-too-many-info": "There are {{count}} warnings in the selected timespan. In order to list the warnings, narrow down the search.",
 	"aviation-save-success": "{{warningType}} has succesfully been saved!",
 	"aviation-publish-success": "{{warningType}} has succesfully been published!",
 	"publish-this-product": "Are you sure you want to publish this {{product}}?",
@@ -284,7 +286,9 @@ var en = {
 	"maritime-config-error": "Something went wrong with loading the configuration file",
 	"maritime-warning-validuntil": "End time: ",
 	"maritime-wind-change-warning": "The entered wind change exceeds 180°. Please check if veering / backing is correct.",
-	"maritime-wind-change-error": "A wind change less than 45° is not allowed."
+	"maritime-wind-change-error": "A wind change less than 45° is not allowed.",
+	"maritime-button-extend": "Extend +24h",
+	"maritime-button-extending": "Extending"
 };
 var nl = {
 	"drawing-tool-form-tools": "Gereedschap",
@@ -398,6 +402,10 @@ var nl = {
 	"warning-list-header-levels": "Niveaus",
 	"warning-list-header-status": "Status",
 	"warning-list-header-draft": "CONCEPT",
+	"warning-list-too-many-title": "niet vertaald",
+	"warning-list-too-many-info": "niet vertaald",
+	"warning-list-show-anyway": "niet vertaald",
+	"warning-list-adjust-filter": "niet vertaald",
 	"area-object-loader-title": "Gebieden & Objecten",
 	"add-button": "Toevoegen",
 	"replace-button": "Vervangen",
@@ -498,7 +506,9 @@ var nl = {
 	"maritime-config-error": "Er is iets misgegaan bij het laden van het configuratiebestand",
 	"maritime-warning-validuntil": "Eind tijd: ",
 	"maritime-wind-change-warning": "De ingevulde wind wijziging overschrijdt 180°. Controleer of ruimend / krimpend klopt.",
-	"maritime-wind-change-error": "Een wind wijziging van minder dan 45° is niet toegestaan."
+	"maritime-wind-change-error": "Een wind wijziging van minder dan 45° is niet toegestaan.",
+	"maritime-button-extend": "Verlengen +24h",
+	"maritime-button-extending": "Verlengen"
 };
 var fi = {
 	"drawing-tool-form-tools": "Työkalut",
@@ -612,6 +622,10 @@ var fi = {
 	"warning-list-header-levels": "Tasot",
 	"warning-list-header-status": "Tila",
 	"warning-list-header-draft": "LUONNOS",
+	"warning-list-too-many-title": "ei käännetty",
+	"warning-list-too-many-info": "ei käännetty",
+	"warning-list-show-anyway": "ei käännetty",
+	"warning-list-adjust-filter": "ei käännetty",
 	"area-object-loader-title": "ei käännetty",
 	"add-button": "ei käännetty",
 	"replace-button": "ei käännetty",
@@ -762,6 +776,10 @@ var no = {
 	"warning-list-button-expire": "Sett som utgått",
 	"warning-list-button-withdraw": "Ta ut",
 	"warning-list-button-amend": "Amend",
+	"warning-list-too-many-title": "For mange varsler",
+	"warning-list-too-many-info": "Det er {{count}} varsler i den valgte tidsperioden. Vennligst juster filteret for å redusere antallet varsler som vises.",
+	"warning-list-show-anyway": "Vis likevel",
+	"warning-list-adjust-filter": "Juster filter",
 	"warning-list-status-draft": "Utkast",
 	"warning-list-status-published": "Publisert",
 	"warning-list-status-todo": "Til sjekk",
@@ -1278,7 +1296,7 @@ var getWarningFormDirty = createSelector(selectDrawByInstanceId, function (drawi
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 var WARN_NAMESPACE = 'warn';
-var ns = [WARN_NAMESPACE, FORM_FIELDS_NAMESPACE, SHARED_NAMESPACE, SA_NAMESPACE];
+var ns = [WARN_NAMESPACE, FORM_FIELDS_NAMESPACE, SHARED_NAMESPACE, SA_NAMESPACE, WEBMAP_REACT_NAMESPACE];
 var useWarningsTranslation = function useWarningsTranslation() {
   return useTranslation(ns);
 };
@@ -1565,7 +1583,7 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
       geoJSONLayerId: currentDrawLayerId
     }));
     // activate default draw mode
-    if (!drawDialogActiveDrawModeId && !isDrawDialogOpen) {
+    if (!drawDialogActiveDrawModeId && !isDrawDialogOpen && !newGeoJSON) {
       dispatch(drawingToolActions.changeDrawToolMode({
         drawToolId: drawingDialogType,
         drawModeId: defaultPolygon.drawModeId
@@ -1596,10 +1614,18 @@ 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({
@@ -2068,8 +2094,13 @@ var ObjectManager = function ObjectManager(_ref) {
 var config$1 = sessionStorageProvider.getConfig();
 var publicWarningBaseUrl = config$1.GW_DRAWINGS_BASE_URL || '';
 // API
-var getPublicWarningList = function getPublicWarningList(auth) {
-  return fetch(publicWarningBaseUrl + "/warnings", {
+var getPublicWarningList = function getPublicWarningList(auth, apiParams) {
+  if (apiParams === void 0) {
+    apiParams = {};
+  }
+  var params = new URLSearchParams(apiParams);
+  var url = publicWarningBaseUrl + "/warnings" + (params.toString() ? "?" + params : '');
+  return fetch(url, {
     headers: getHeaders(auth)
   }).then(handleResponse).then(function (warnings) {
     return warnings.map(function (warning) {
@@ -2369,6 +2400,12 @@ var slice$1 = createSlice({
     },
     setSelectedWarningId: function setSelectedWarningId(draft, action) {
       draft.selectedWarningId = action.payload;
+    },
+    setWarningLevel: function setWarningLevel(draft, action) {
+      var level = action.payload;
+      if (draft.warning) {
+        draft.warning.warningDetail.level = level;
+      }
     }
   },
   extraReducers: function extraReducers(builder) {
@@ -3142,11 +3179,16 @@ var getSnackbarMessage = function getSnackbarMessage(objectName, wasUpdate) {
  * @param disabled - Disables fetching, but still returns cached values.
  * https://tanstack.com/query/v4/docs/framework/react/guides/disabling-queries
  */
-var usePublicWarnings = function usePublicWarnings(disabled) {
+var usePublicWarnings = function usePublicWarnings(disabled, timeFilter) {
   if (disabled === void 0) {
     disabled = false;
   }
-  return useAuthQuery(['public-warning-list'], getPublicWarningList, disabled, 1000 * 60 * 5);
+  var shouldFilter = timeFilter && timeFilter.mode !== TimeFilterMode.all;
+  var apiParams = shouldFilter ? getApiParams(timeFilter) : {};
+  var queryKey = apiParams ? ['public-warning-list', JSON.stringify(apiParams)] : ['public-warning-list'];
+  return useAuthQuery(queryKey, function (auth) {
+    return getPublicWarningList(auth, apiParams);
+  }, disabled, 1000 * 60);
 };
 var useMutatePublicWarningEditor = function useMutatePublicWarningEditor() {
   var queryClient = useQueryClient();
@@ -3220,7 +3262,8 @@ var useMutateWarning = function useMutateWarning(snackBarMessage) {
     },
     onError: function onError(error) {
       void queryClient.invalidateQueries({
-        queryKey: ['public-warning-list']
+        queryKey: ['public-warning-list'],
+        exact: false
       });
       dispatch(publicWarningFormActions.setFormError({
         message: error.message
@@ -3234,7 +3277,8 @@ var useMutateWarning = function useMutateWarning(snackBarMessage) {
             case 0:
               _context2.next = 2;
               return queryClient.invalidateQueries({
-                queryKey: ['public-warning-list']
+                queryKey: ['public-warning-list'],
+                exact: false
               });
             case 2:
               location = data == null ? void 0 : data.get('location');
@@ -3300,7 +3344,9 @@ var useMutateDeleteWarning = function useMutateDeleteWarning() {
               void queryClient.cancelQueries({
                 queryKey: ['public-warning-list']
               });
-              queryClient.setQueryData(['public-warning-list'], function (old) {
+              queryClient.setQueriesData({
+                queryKey: ['public-warning-list']
+              }, function (old) {
                 return old == null ? void 0 : old.filter(function (warning) {
                   return warning.id !== variables.id;
                 });
@@ -3839,7 +3885,7 @@ var DEFAULT_DRAW_TOOL_POSITION = {
   left: 50
 };
 var DEFAULT_DRAW_TOOL_MIN_SIZE = {
-  width: 160,
+  width: 312,
   height: 300
 };
 var DrawingTool = function DrawingTool(_ref) {
@@ -3960,7 +4006,41 @@ var useFormDirty = function useFormDirty(_ref) {
 };
 
 var opacityOptions = [100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 0];
+var drawToolConfig = [{
+  primaryMode: defaultPolygon
+}, {
+  primaryMode: defaultLineString,
+  secondaryMode: defaultSmoothLine
+}, {
+  primaryMode: defaultFreehandLine
+}, {
+  primaryMode: defaultCircle,
+  secondaryMode: defaultOval
+}, {
+  primaryMode: defaultSquare,
+  secondaryMode: defaultBox
+}, {
+  primaryMode: defaultPoint,
+  secondaryMode: defaultLocation
+}, {
+  primaryMode: defaultDelete
+}];
+/**
+ * Utility to determine if the secondary draw mode button should be shown
+ * @param mode DrawMode of the primary button
+ * @param secondaryMode DrawMode of the secondary button
+ * @param activeDrawModeId Currently active DrawMode id
+ * @param geoJSONDrawMode DrawMode id derived from the GeoJSON selection type
+ * @returns
+ */
+var shouldDisplayButton = function shouldDisplayButton(mode, secondaryMode, activeDrawModeId, geoJSONDrawMode) {
+  if (activeDrawModeId === mode.drawModeId || activeDrawModeId === secondaryMode.drawModeId || geoJSONDrawMode === secondaryMode.drawModeId) {
+    return true;
+  }
+  return false;
+};
 var DrawingToolFormContentsNoMemo = function DrawingToolFormContentsNoMemo(_ref) {
+  var _geoJSON$features;
   var isLoading = _ref.isLoading,
     dialogError = _ref.dialogError,
     id = _ref.id,
@@ -3973,10 +4053,18 @@ var DrawingToolFormContentsNoMemo = function DrawingToolFormContentsNoMemo(_ref)
     onChangeOpacity = _ref.onChangeOpacity,
     onBlurName = _ref.onBlurName,
     opacity = _ref.opacity,
-    onSubmit = _ref.onSubmit;
+    onSubmit = _ref.onSubmit,
+    geoJSON = _ref.geoJSON;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var hasErrors = Object.keys(errors).length > 0;
+  // Only show the draw modes that are available in the current context
+  var filteredDrawModes = drawToolConfig.filter(function (configItem) {
+    return drawModes.find(function (mode) {
+      return mode.drawModeId === configItem.primaryMode.drawModeId;
+    });
+  });
+  var geoJSONDrawMode = getDrawModeIdFromSelectionType(geoJSON == null || (_geoJSON$features = geoJSON.features) == null || (_geoJSON$features = _geoJSON$features[0]) == null || (_geoJSON$features = _geoJSON$features.properties) == null ? void 0 : _geoJSON$features.selectionType, drawModes);
   return jsxs(Fragment, {
     children: [jsxs(Box, {
       sx: {
@@ -4002,54 +4090,75 @@ var DrawingToolFormContentsNoMemo = function DrawingToolFormContentsNoMemo(_ref)
             variant: "body2",
             children: t('drawing-tool-form-tools')
           })
-        }), jsx(Grid, {
+        }), jsxs(Grid, {
           container: true,
-          children: jsxs(Grid, {
-            children: [drawModes.map(function (mode) {
-              return jsx(CustomIconButton, {
+          marginBottom: 1,
+          children: [filteredDrawModes.map(function (_ref2) {
+            var primaryMode = _ref2.primaryMode,
+              secondaryMode = _ref2.secondaryMode;
+            var showSecondaryButton = secondaryMode && drawModes.find(function (mode) {
+              return mode.drawModeId === secondaryMode.drawModeId;
+            }) && shouldDisplayButton(primaryMode, secondaryMode, activeDrawModeId, geoJSONDrawMode);
+            return jsxs(Box, {
+              sx: {
+                display: 'inline-flex',
+                flexDirection: 'column'
+              },
+              children: [jsx(CustomIconButton, {
                 variant: "tool",
-                tooltipTitle: mode.title,
-                isSelected: mode.isSelectable && activeDrawModeId === mode.drawModeId,
+                tooltipTitle: t("" + primaryMode.title),
+                isSelected: primaryMode.isSelectable && activeDrawModeId === primaryMode.drawModeId,
                 onClick: function onClick() {
-                  return onChangeDrawMode(mode);
+                  return onChangeDrawMode(primaryMode);
+                },
+                "data-testid": primaryMode.drawModeId,
+                disabled: isLoading,
+                size: "medium",
+                shouldShowExtraOptionsIndicator: !!secondaryMode,
+                children: getIcon(primaryMode.selectionType)
+              }), showSecondaryButton ? jsx(CustomIconButton, {
+                variant: "tool",
+                tooltipTitle: t("" + secondaryMode.title),
+                isSelected: secondaryMode.isSelectable && activeDrawModeId === secondaryMode.drawModeId,
+                onClick: function onClick() {
+                  return onChangeDrawMode(secondaryMode);
                 },
                 sx: {
-                  marginRight: 1,
-                  marginBottom: 1
+                  marginTop: 1
                 },
-                "data-testid": mode.drawModeId,
+                "data-testid": secondaryMode.drawModeId,
                 disabled: isLoading,
                 size: "medium",
-                children: getIcon(mode.selectionType)
-              }, mode.drawModeId);
-            }), isInEditMode && jsx(Typography, {
-              component: "span",
-              sx: {
-                display: 'inline-block',
-                marginLeft: 2,
-                top: -1,
-                position: 'relative',
-                fontSize: 14
-              },
-              children: t('drawing-tool-form-exit-draw-mode')
-            }), !!errors.geoJSON && isDirty && jsx(FormHelperText, {
-              error: true,
-              variant: "filled",
-              sx: {
-                marginLeft: 0
-              },
-              children: errors.geoJSON.message
-            }), jsx(ReactHookFormHiddenInput, {
-              name: "geoJSON",
-              rules: {
-                validate: {
-                  coordinatesNotEmpty: function coordinatesNotEmpty(value) {
-                    return isValidGeoJsonCoordinates(value) || t('drawing-tool-form-drawing-required');
-                  }
+                children: getIcon(secondaryMode.selectionType)
+              }) : null]
+            }, primaryMode.drawModeId);
+          }), isInEditMode && jsx(Typography, {
+            component: "span",
+            sx: {
+              display: 'inline-block',
+              marginLeft: 2,
+              top: -1,
+              position: 'relative',
+              fontSize: 14
+            },
+            children: t('drawing-tool-form-exit-draw-mode')
+          }), !!errors.geoJSON && isDirty && jsx(FormHelperText, {
+            error: true,
+            variant: "filled",
+            sx: {
+              marginLeft: 0
+            },
+            children: errors.geoJSON.message
+          }), jsx(ReactHookFormHiddenInput, {
+            name: "geoJSON",
+            rules: {
+              validate: {
+                coordinatesNotEmpty: function coordinatesNotEmpty(value) {
+                  return isValidGeoJsonCoordinates(value) || t('drawing-tool-form-drawing-required');
                 }
               }
-            })]
-          })
+            }
+          })]
         }), jsx(Grid, {
           container: true,
           size: "grow",
@@ -4230,7 +4339,8 @@ var DrawingToolForm = function DrawingToolForm(_ref) {
     onChangeOpacity: onChangeOpacity,
     onBlurName: onBlurName,
     opacity: opacity,
-    onSubmit: handleSubmit(onSubmit)
+    onSubmit: handleSubmit(onSubmit),
+    geoJSON: geoJSON
   });
 };
 var Wrapper = function Wrapper(props) {
@@ -5009,7 +5119,7 @@ var useAirmetList = function useAirmetList(disabled, timeFilter) {
   var apiParams = timeFilter ? getApiParams(timeFilter) : {};
   return useAuthQuery(['airmet-list', JSON.stringify(apiParams)], function (auth) {
     return getAirmetList(auth, apiParams);
-  }, disabled);
+  }, disabled, 1000 * 60);
 };
 var useSigmetList = function useSigmetList(disabled, timeFilter) {
   if (disabled === void 0) {
@@ -5018,7 +5128,7 @@ var useSigmetList = function useSigmetList(disabled, timeFilter) {
   var apiParams = timeFilter ? getApiParams(timeFilter) : {};
   return useAuthQuery(['sigmet-list', JSON.stringify(apiParams)], function (auth) {
     return getSigmetList(auth, apiParams);
-  }, disabled);
+  }, disabled, 1000 * 60);
 };
 var useAviationWarnings = function useAviationWarnings() {
   var _useAirmetList = useAirmetList(),
@@ -6547,24 +6657,24 @@ var WarningListSelect = /*#__PURE__*/React__default.memo(function (_ref) {
     label = _ref.label,
     _onChange = _ref.onChange,
     renderOption = _ref.renderOption,
-    renderValue = _ref.renderValue,
+    _renderValue = _ref.renderValue,
     gridArea = _ref.gridArea,
     additionalStyling = _ref.additionalStyling,
     _ref$isReadOnly = _ref.isReadOnly,
     isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly,
-    _ref$displayEmpty = _ref.displayEmpty,
-    displayEmpty = _ref$displayEmpty === void 0 ? false : _ref$displayEmpty,
+    emptyMessage = _ref.emptyMessage,
     _ref$validationResult = _ref.validationResult,
     validationResult = _ref$validationResult === void 0 ? true : _ref$validationResult;
   var currentIndex = options.findIndex(function (option) {
     return option.value === value;
   });
+  var hasEmptyMessage = emptyMessage !== undefined && emptyMessage.length > 0;
   return jsx(FormControl, {
     style: {
       width: '100%',
       gridArea: gridArea
     },
-    children: jsxs(TooltipSelect, {
+    children: jsxs(TooltipSelect, Object.assign({
       disableUnderline: true,
       tooltip: "",
       style: {
@@ -6573,7 +6683,7 @@ var WarningListSelect = /*#__PURE__*/React__default.memo(function (_ref) {
       isEnabled: !isReadOnly,
       disabled: isReadOnly,
       value: value != null ? value : '',
-      displayEmpty: displayEmpty,
+      displayEmpty: hasEmptyMessage,
       SelectDisplayProps: {
         'aria-label': label
       },
@@ -6592,7 +6702,28 @@ var WarningListSelect = /*#__PURE__*/React__default.memo(function (_ref) {
         backgroundColor: "geowebColors.functional." + validationResult + "Outline.fill"
       }, additionalStyling),
       currentIndex: currentIndex > -1 ? currentIndex : undefined,
-      renderValue: renderValue,
+      renderValue: _renderValue
+    }, hasEmptyMessage && {
+      renderValue: function renderValue(value) {
+        if (value === '' && hasEmptyMessage) {
+          return jsx(Typography, {
+            variant: "caption",
+            color: "textSecondary",
+            sx: {
+              alignSelf: 'center'
+            },
+            children: emptyMessage
+          });
+        }
+        if (_renderValue) {
+          return _renderValue(value);
+        }
+        var option = options.find(function (item) {
+          return item.value === value;
+        });
+        return typeof (option == null ? void 0 : option.label) === 'function' ? option.label(t) : option == null ? void 0 : option.label;
+      }
+    }, {
       onChange: function onChange(event) {
         _onChange(event.target.value);
       },
@@ -6618,7 +6749,7 @@ var WarningListSelect = /*#__PURE__*/React__default.memo(function (_ref) {
           children: typeof option.label === 'function' ? option.label(t) : option.label
         }, option.value);
       })]
-    })
+    }))
   });
 });
 
@@ -6727,7 +6858,8 @@ var WindForceSelect = function WindForceSelect(_ref) {
       '& .MuiSelect-standard': {
         paddingBlock: 0
       }
-    }
+    },
+    emptyMessage: "(" + t('maritime-header-windforce') + ")"
   });
 };
 
@@ -6781,9 +6913,12 @@ var isWarningValid = function isWarningValid(item, config) {
   }
   return true;
 };
-var isWarningsValid = function isWarningsValid(warnings, config) {
+var isWarningsValid = function isWarningsValid(warnings, config, allowEmpty) {
+  if (allowEmpty === void 0) {
+    allowEmpty = true;
+  }
   // One single empty row is allowed, if not empty it should be valid
-  if (warnings.length === 1) {
+  if (allowEmpty && warnings.length === 1) {
     return isWarningEmpty(warnings[0]) || isWarningValid(warnings[0], config);
   }
   return warnings.every(function (warning) {
@@ -6807,8 +6942,12 @@ var getType = function getType(domain) {
       return 'maritimeWarningNorthSea';
   }
 };
-var mapItemsToMaritimeWarnings = function mapItemsToMaritimeWarnings(warnings, domain, maritimeConfig, editor) {
+var mapItemsToMaritimeWarnings = function mapItemsToMaritimeWarnings(warnings, domain, maritimeConfig, editor, shouldExtend) {
+  if (shouldExtend === void 0) {
+    shouldExtend = false;
+  }
   var type = getType(domain);
+  var now = Date.now();
   if (warnings.length === 1 && warnings[0].assignedAreaIds.length === 0) {
     // 1 warning without any areas means cancel/withdraw all warnings
     return [{
@@ -6828,8 +6967,9 @@ var mapItemsToMaritimeWarnings = function mapItemsToMaritimeWarnings(warnings, d
       status: PublicWarningStatus.PUBLISHED,
       warningDetail: {
         phenomenon: 'wind',
-        validFrom: new Date().toISOString(),
-        validUntil: new Date(Date.now() + 24 * 60 * 60 * 1000).toISOString(),
+        validFrom: shouldExtend && warning.validFrom ? warning.validFrom // keep original validFrom when extending
+        : new Date(now).toISOString(),
+        validUntil: new Date(now + 24 * 60 * 60 * 1000).toISOString(),
         level: getLevelFromWindForce(maritimeConfig, warning.windForce || ''),
         probability: 100,
         areas: warning.assignedAreaIds.map(function (areaId) {
@@ -7004,7 +7144,8 @@ var WarningListItem$1 = /*#__PURE__*/React__default.memo(function (_ref) {
       options: getWindDirectionsFromConfig(maritimeConfig.windDirectionDefinition, t),
       onChange: handleChangeFromDirection,
       value: warning.windDirectionFrom,
-      isReadOnly: isReadOnly
+      isReadOnly: isReadOnly,
+      emptyMessage: "(" + t('maritime-header-direction') + ")"
     }), jsx(WindForceSelect, {
       gridArea: "windForce",
       value: warning.windForce,
@@ -7027,32 +7168,18 @@ var WarningListItem$1 = /*#__PURE__*/React__default.memo(function (_ref) {
       onChange: handleChangeWindChangeType,
       value: warning.changeType,
       isReadOnly: isReadOnly,
-      renderValue: function renderValue(value) {
-        if (value === '') {
-          return jsx(Typography, {
-            variant: "caption",
-            color: "textSecondary",
-            sx: {
-              alignSelf: 'center'
-            },
-            children: t('maritime-no-change-selected')
-          });
-        }
-        var option = changeOptions.find(function (item) {
-          return item.value === value;
-        });
-        return typeof (option == null ? void 0 : option.label) === 'function' ? option.label(t) : option == null ? void 0 : option.label;
-      },
-      displayEmpty: true,
+      emptyMessage: t('maritime-no-change-selected'),
       validationResult: validationResult
-    }), jsx(WarningListSelect, {
+    }), jsx(WarningListSelect, Object.assign({
       gridArea: "dirTo",
       label: t('maritime-header-direction-to'),
       options: getWindDirectionsFromConfig(maritimeConfig.windDirectionDefinition, t),
       onChange: handleChangeToDirection,
       value: warning.windDirectionTo,
       isReadOnly: shouldDisableDirTo
-    }), showInfoIcon ? jsx(Box, {
+    }, warning.changeType !== 'NO_CHANGE' && {
+      emptyMessage: "(" + t('maritime-header-direction') + ")"
+    })), showInfoIcon ? jsx(Box, {
       sx: {
         gridArea: 'info',
         justifySelf: 'left',
@@ -7506,7 +7633,7 @@ var getWarningsValidity = function getWarningsValidity(t, warnings) {
   return validUntil ? "" + t('maritime-warning-validuntil') + validUntil : '';
 };
 var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
-  var _sx, _sx2, _sx3, _sx4;
+  var _sx, _sx2, _sx3, _sx4, _sx5;
   var areas = _ref.areas,
     selectedAreaIds = _ref.selectedAreaIds,
     modified = _ref.modified,
@@ -7534,6 +7661,9 @@ var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
   var _React$useState = React__default.useState(false),
     isPublishing = _React$useState[0],
     setIsPublishing = _React$useState[1];
+  var _React$useState2 = React__default.useState(false),
+    isExtending = _React$useState2[0],
+    setIsExtending = _React$useState2[1];
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var showConfirmDialog = useConfirmationDialog();
@@ -7566,7 +7696,8 @@ var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
       }
     }, _callee);
   })), [onClear, t, showConfirmDialog]);
-  var isValid = isWarningsValid(warnings, maritimeConfig);
+  var isValidForPublish = isWarningsValid(warnings, maritimeConfig);
+  var isValidForExtend = isWarningsValid(warnings, maritimeConfig, false);
   var onSwitchMode = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
       var checked, isReadOnly;
@@ -7632,6 +7763,39 @@ var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
       return _ref4.apply(this, arguments);
     };
   }();
+  var onPressExtend = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (isExtending) {
+              _context4.next = 12;
+              break;
+            }
+            setIsExtending(true);
+            _context4.prev = 2;
+            _context4.next = 5;
+            return onSubmit(true);
+          case 5:
+            _context4.next = 9;
+            break;
+          case 7:
+            _context4.prev = 7;
+            _context4.t0 = _context4["catch"](2);
+          case 9:
+            _context4.prev = 9;
+            setIsExtending(false);
+            return _context4.finish(9);
+          case 12:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4, null, [[2, 7, 9, 12]]);
+    }));
+    return function onPressExtend() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
   return jsxs(Box, {
     sx: (_sx = {
       display: 'flex',
@@ -7738,7 +7902,10 @@ var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
     }), !isReadOnly && jsxs(Stack, {
       spacing: 2,
       direction: "row",
-      sx: (_sx3 = {}, _sx3["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+      useFlexGap: true,
+      sx: (_sx3 = {
+        flexWrap: 'wrap'
+      }, _sx3["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
         position: 'absolute',
         bottom: 0,
         right: 0,
@@ -7750,22 +7917,42 @@ var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
         }
       }, _sx3),
       children: [jsx(Button, {
-        onClick: onClearWithConfirmation,
-        variant: "tertiary",
+        variant: "primary",
         size: "small",
         sx: {
           width: '134px'
         },
-        children: t('warning-button-clear')
+        disabled: modified || !isValidForExtend || isExtending || isPublishing,
+        onClick: onPressExtend,
+        children: jsxs("span", {
+          style: {
+            position: 'relative'
+          },
+          children: [isExtending ? t('maritime-button-extending') : t('maritime-button-extend'), isExtending && jsx(CircularProgress, {
+            "data-testid": "spinner",
+            color: "inherit",
+            sx: spinnerSx$1
+          })]
+        })
       }), jsx(Button, {
-        variant: "primary",
+        onClick: onClearWithConfirmation,
+        variant: "tertiary",
         size: "small",
         sx: (_sx4 = {
           width: '134px'
         }, _sx4["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
-          marginLeft: '24px!important'
+          marginLeft: '8px'
         }, _sx4),
-        disabled: !modified || !isValid || isPublishing,
+        children: t('warning-button-clear')
+      }), jsx(Button, {
+        variant: "primary",
+        size: "small",
+        sx: (_sx5 = {
+          width: '134px'
+        }, _sx5["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+          marginLeft: '8px'
+        }, _sx5),
+        disabled: !modified || !isValidForPublish || isPublishing || isExtending,
         onClick: onPressPublish,
         children: jsxs("span", {
           style: {
@@ -7929,32 +8116,40 @@ var MaritimeWarningsFormConnect = function MaritimeWarningsFormConnect(_ref) {
       newIndex: newIndex
     });
   }, [dispatch]);
-  var onSubmit = React__default.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var nextState, maritimeWarnings;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          dispatch({
-            type: 'mergeWarnings'
-          });
-          nextState = reducer(state, {
-            type: 'mergeWarnings'
-          });
-          maritimeWarnings = mapItemsToMaritimeWarnings(nextState.warnings, domain, maritimeConfig, auth == null ? void 0 : auth.username);
-          _context.next = 5;
-          return postWarnings(maritimeWarnings, {
-            onSuccess: function onSuccess() {
-              dispatch({
-                type: 'submitWarnings'
-              });
+  var onSubmit = React__default.useCallback(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(shouldExtend) {
+      var nextState, maritimeWarnings;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (shouldExtend === void 0) {
+              shouldExtend = false;
             }
-          });
-        case 5:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })), [dispatch, state, domain, maritimeConfig, auth == null ? void 0 : auth.username, postWarnings]);
+            dispatch({
+              type: 'mergeWarnings'
+            });
+            nextState = reducer(state, {
+              type: 'mergeWarnings'
+            });
+            maritimeWarnings = mapItemsToMaritimeWarnings(nextState.warnings, domain, maritimeConfig, auth == null ? void 0 : auth.username, shouldExtend);
+            _context.next = 6;
+            return postWarnings(maritimeWarnings, {
+              onSuccess: function onSuccess() {
+                dispatch({
+                  type: 'submitWarnings'
+                });
+              }
+            });
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [dispatch, state, domain, maritimeConfig, auth == null ? void 0 : auth.username, postWarnings]);
   var onToggleReadOnly = React__default.useCallback(function (isReadOnly) {
     var message = isReadOnly ? t('maritime-editor-off', {
       domain: domainLabel
@@ -8259,18 +8454,18 @@ isAviationWarning) {
         var _feature$properties$i, _feature$properties;
         var isStartGeometry = (_feature$properties$i = (_feature$properties = feature.properties) == null ? void 0 : _feature$properties.isStartGeometry) != null ? _feature$properties$i : false;
         colors = {
-          color: isStartGeometry ? '#E27000' : '#800080',
+          color: isStartGeometry ? FEATURE_DRAW_FILL_COLOR : FEATURE_DRAW_SECONDARY_FILL_COLOR,
           // Orange for start, purple for end
-          borderColor: isStartGeometry ? '#FEAE02' : '#4B0082'
+          borderColor: isStartGeometry ? FEATURE_DRAW_FILL_COLOR : FEATURE_DRAW_SECONDARY_FILL_COLOR
         };
-      } else if (level) {
+      } else if (level && level in LevelColors) {
         // Public warning: use LevelColors if level is defined
         colors = LevelColors[level];
       } else {
-        // Default to blue if level is undefined (public warning)
+        // Public warning: default to blue if level is undefined=
         colors = {
-          color: '#0000FF',
-          borderColor: '#0000A0'
+          color: FEATURE_DRAW_FILL_COLOR,
+          borderColor: FEATURE_DRAW_STROKE_COLOR
         };
       }
       var defaultProperties = {
@@ -8355,7 +8550,9 @@ var Form = function Form(_ref5) {
     _ref5$onSetViewModeRe = _ref5.onSetViewModeResetArea,
     onSetViewModeResetArea = _ref5$onSetViewModeRe === void 0 ? function () {} : _ref5$onSetViewModeRe,
     storedStartGeoJSON = _ref5.storedStartGeoJSON,
-    storedEndGeoJSON = _ref5.storedEndGeoJSON;
+    storedEndGeoJSON = _ref5.storedEndGeoJSON,
+    _ref5$setWarningLevel = _ref5.setWarningLevel,
+    setWarningLevel = _ref5$setWarningLevel === void 0 ? function () {} : _ref5$setWarningLevel;
   var _React$useState = React.useState(false),
     isPublishing = _React$useState[0],
     setIsPublishing = _React$useState[1];
@@ -8389,7 +8586,7 @@ var Form = function Form(_ref5) {
       return clearTimeout(timer);
     };
   }, [endOfWarningValidity, formState, onCloseForm]);
-  var initialPublicWarningArea = (publicWarningDetails == null || (_publicWarningDetails = publicWarningDetails.areas) == null ? void 0 : _publicWarningDetails.length) && (publicWarningDetails == null || (_publicWarningDetails2 = publicWarningDetails.areas[0]) == null ? void 0 : _publicWarningDetails2.geoJSON);
+  var initialPublicWarningArea = publicWarningDetails != null && (_publicWarningDetails = publicWarningDetails.areas) != null && _publicWarningDetails.length ? publicWarningDetails == null || (_publicWarningDetails2 = publicWarningDetails.areas[0]) == null ? void 0 : _publicWarningDetails2.geoJSON : undefined;
   var _React$useState3 = React.useState(initialPublicWarningArea),
     warningGeoJSONFeature = _React$useState3[0],
     setWarningGeoJSONFeature = _React$useState3[1];
@@ -8645,6 +8842,7 @@ var Form = function Form(_ref5) {
       default:
         reset(getEmptyPublicWarning());
         setWarningGeoJSONFeature(undefined);
+        setWarningLevel('');
         break;
     }
     onClearForm();
@@ -8691,14 +8889,20 @@ var Form = function Form(_ref5) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [areas, setValue]);
+  var level = watch('level');
   React.useEffect(function () {
     if (selectedAviationProduct) {
       return;
     }
-    // sync drawing on map with selected warning
-    setWarningGeoJSONFeature(initialPublicWarningArea);
+    // sync drawing on map with selected warning including selected level color
+    var geoJSONFeature = warningLevelFeatureColors(level, initialPublicWarningArea);
+    setWarningGeoJSONFeature(geoJSONFeature);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [initialPublicWarningArea]);
+  }, [initialPublicWarningArea, level]);
+  React.useEffect(function () {
+    // update level in redux so linked map updates feature color accordingly
+    setWarningLevel(level || '');
+  }, [level, setWarningLevel]);
   var aviationId = selectedAviationProduct == null ? void 0 : selectedAviationProduct.uuid;
   var publishedStart = publicWarningDetails == null ? void 0 : publicWarningDetails.validFrom;
   var nowIso = dateUtils.getCurrentTimeAsString();
@@ -8712,8 +8916,6 @@ var Form = function Form(_ref5) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [aviationId, warningType]);
   var errors = getErrors(error.message);
-  var level = publicWarningDetails != null && publicWarningDetails.level ? WarningLevel[publicWarningDetails.level] : undefined;
-  var geoJSONFeature = warningLevelFeatureColors(level, warningGeoJSONFeature);
   var ref = useScrollTopOnError(error);
   var _useProductConfig = useProductConfig(warningType),
     aviationConfig = _useProductConfig.data;
@@ -8816,7 +9018,7 @@ var Form = function Form(_ref5) {
             xs: 12
           },
           children: jsx(WarningsMapView, {
-            geojsonFeature: geoJSONFeature,
+            geojsonFeature: warningGeoJSONFeature,
             defaultMapPreset: defaultMapPreset,
             isSnapshot: isSnapshot
           })
@@ -9296,6 +9498,9 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
       area: area[0]
     }));
   };
+  var setWarningLevel = function setWarningLevel(level) {
+    dispatch(publicWarningFormActions.setWarningLevel(level));
+  };
   var selectedMapIds = useSelector(function (state) {
     return genericSelectors.getLinkedMaps(state, panelId);
   });
@@ -9328,7 +9533,8 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     formState: formState,
     onSetViewModeResetArea: onSetViewModeResetArea,
     storedStartGeoJSON: storedStartGeoJSON,
-    storedEndGeoJSON: storedEndGeoJSON
+    storedEndGeoJSON: storedEndGeoJSON,
+    setWarningLevel: setWarningLevel
   }, (warning == null ? void 0 : warning.id) || (selectedAviationProduct == null ? void 0 : selectedAviationProduct.uuid) || 'new');
 };
 
@@ -9788,14 +9994,14 @@ var getFilterParams = function getFilterParams(areas, searchQuery) {
     search: searchQuery
   });
 };
-var useAreaRequest = function useAreaRequest() {
+var useAreaRequest = function useAreaRequest(isDialogOpen) {
   var _useState = useState([]),
     areas = _useState[0],
     setAreas = _useState[1];
   var _useState2 = useState(undefined),
     fetchAreaError = _useState2[0],
     setFetchAreaError = _useState2[1];
-  var _useAreaKeywords = useAreaKeywords(),
+  var _useAreaKeywords = useAreaKeywords(isDialogOpen),
     areaKeywords = _useAreaKeywords.data,
     isAreasLoading = _useAreaKeywords.isLoading,
     error = _useAreaKeywords.error,
@@ -9854,7 +10060,7 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
   var _useState5 = useState(''),
     searchQuery = _useState5[0],
     setSearchQuery = _useState5[1];
-  var _useAreaRequest = useAreaRequest(),
+  var _useAreaRequest = useAreaRequest(isDialogOpen),
     areas = _useAreaRequest.areas,
     fetchAreaKeywords = _useAreaRequest.fetchAreaKeywords,
     fetchAreaError = _useAreaRequest.fetchAreaError,
@@ -9875,7 +10081,7 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
   var isAviationWarning = (selectedWarning == null ? void 0 : selectedWarning.warningDetail.level) === 'SIG' || (selectedWarning == null ? void 0 : selectedWarning.warningDetail.level) === 'AIR';
   var styledGeoJSON = warningLevelFeatureColors(selectedWarning == null || (_selectedWarning$warn = selectedWarning.warningDetail) == null ? void 0 : _selectedWarning$warn.level, selectedWarning == null || (_selectedWarning$warn2 = selectedWarning.warningDetail) == null || (_selectedWarning$warn2 = _selectedWarning$warn2.areas) == null || (_selectedWarning$warn2 = _selectedWarning$warn2[0]) == null ? void 0 : _selectedWarning$warn2.geoJSON, isAviationWarning);
   // Inject warning level into feature properties to be read in OlMapViewConnect
-  if (styledGeoJSON && (_styledGeoJSON$featur = styledGeoJSON.features) != null && _styledGeoJSON$featur.length) {
+  if (styledGeoJSON != null && (_styledGeoJSON$featur = styledGeoJSON.features) != null && _styledGeoJSON$featur.length) {
     styledGeoJSON.features.forEach(function (feature) {
       // eslint-disable-next-line no-param-reassign
       feature.properties = Object.assign({}, feature.properties, {
@@ -9885,10 +10091,10 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
     });
   }
   var sharedData = React__default.useMemo(function () {
-    var _selectedWarning$warn3;
+    var _selectedWarning$warn3, _selectedWarning$warn4;
     return {
       features: [{
-        id: (selectedWarning == null || (_selectedWarning$warn3 = selectedWarning.warningDetail.areas) == null || (_selectedWarning$warn3 = _selectedWarning$warn3[0]) == null ? void 0 : _selectedWarning$warn3.areaId) || '',
+        id: (_selectedWarning$warn3 = selectedWarning == null || (_selectedWarning$warn4 = selectedWarning.warningDetail.areas) == null || (_selectedWarning$warn4 = _selectedWarning$warn4[0]) == null ? void 0 : _selectedWarning$warn4.areaId) != null ? _selectedWarning$warn3 : '',
         geoJSON: styledGeoJSON
       }]
     };
@@ -9995,8 +10201,8 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
       left: 50
     },
     drawingListItems: items,
-    error: drawingError || fetchAreaError,
-    isLoading: loading || isAreasLoading,
+    error: drawingError != null ? drawingError : fetchAreaError,
+    isLoading: loading != null ? loading : isAreasLoading,
     onClickFilterChip: onClickFilterChip,
     searchQuery: searchQuery,
     onSearch: onSearch,
@@ -10028,7 +10234,7 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
 var useWarnings = function useWarnings(disabled, timeFilter) {
-  var _usePublicWarnings = usePublicWarnings(disabled),
+  var _usePublicWarnings = usePublicWarnings(disabled, timeFilter),
     publicWarnings = _usePublicWarnings.data,
     refetchPublicWarnings = _usePublicWarnings.refetch,
     isFetchingPublicWarnings = _usePublicWarnings.isFetching,
@@ -10121,6 +10327,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
     t = _useWarningsTranslati.t;
   var dispatch = useDispatch();
   var confirmDialog = useConfirmationDialog();
+  var queryClient = useQueryClient();
   var formAction = useSelector(function (store) {
     return getPublicWarningFormState(store);
   });
@@ -10233,6 +10440,19 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
                     return _regeneratorRuntime().wrap(function _callee$(_context) {
                       while (1) switch (_context.prev = _context.next) {
                         case 0:
+                          queryClient.setQueriesData({
+                            queryKey: ['public-warning-list'],
+                            exact: false
+                          }, function (old) {
+                            if (!old) {
+                              return old;
+                            }
+                            return old.map(function (warning) {
+                              return warning.id === selectedWarningId ? Object.assign({}, warning, {
+                                editor: isReadOnly ? undefined : auth == null ? void 0 : auth.username
+                              }) : warning;
+                            });
+                          });
                           dispatch(publicWarningFormActions.setFormValues({
                             formState: isReadOnly ? 'readonly' : ''
                           }));
@@ -10240,7 +10460,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
                             type: uiTypes.DialogTypes.AreaObjectLoader,
                             setOpen: false
                           }));
-                        case 2:
+                        case 3:
                         case "end":
                           return _context.stop();
                       }
@@ -11746,7 +11966,9 @@ var PublicWarningList = function PublicWarningList(_ref) {
     onActionMaritimeWarning = _ref$onActionMaritime === void 0 ? function () {} : _ref$onActionMaritime,
     hoveredFeatureId = _ref.hoveredFeatureId,
     expandedSections = _ref.expandedSections,
-    setExpandedSections = _ref.setExpandedSections;
+    setExpandedSections = _ref.setExpandedSections,
+    limitAlertCount = _ref.limitAlertCount,
+    showLimitAlert = _ref.showLimitAlert;
   var updateFilter = filterHookState.updateFilter,
     allSelected = filterHookState.allSelected,
     filterState = filterHookState.filterState,
@@ -11885,7 +12107,19 @@ var PublicWarningList = function PublicWarningList(_ref) {
       }), error ? jsx(AlertBanner, {
         title: error.message,
         shouldClose: true
-      }) : null, !error && jsxs(Grid, {
+      }) : null, showLimitAlert && jsx(Box, {
+        sx: {
+          mb: 2
+        },
+        children: jsx(AlertBanner, {
+          severity: "warning",
+          title: t('warning-list-too-many-title'),
+          dataTestId: "warning-list-over-limit",
+          info: t('warning-list-too-many-info', {
+            count: limitAlertCount
+          })
+        })
+      }), !error && jsxs(Grid, {
         container: true,
         rowSpacing: 0,
         columnSpacing: 0,
@@ -12589,8 +12823,9 @@ var CancelAviationConfirmDialog = function CancelAviationConfirmDialog(_ref) {
   });
 };
 
+var MAX_WARNINGS_DISPLAY = 200;
 var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
-  var _filteredWarnings$fin;
+  var _displayedWarnings$fi;
   var panelId = _ref.panelId,
     presetFilterState = _ref.presetFilterState;
   var updatePublicWarningEditor = useMutatePublicWarningEditor();
@@ -13092,6 +13327,12 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
   var filteredWarnings = React__default.useMemo(function () {
     return combinedWarnings.filter(filterHookState.byFilterState);
   }, [combinedWarnings, filterHookState.byFilterState]);
+  var isOverLimit = filteredWarnings.length > MAX_WARNINGS_DISPLAY;
+  var hasCustomTimeFilter = savedFilterState.time.mode === TimeFilterMode.custom;
+  var shouldShowAlertBanner = hasCustomTimeFilter && isOverLimit;
+  var displayedWarnings = React__default.useMemo(function () {
+    return shouldShowAlertBanner ? [] : filteredWarnings;
+  }, [shouldShowAlertBanner, filteredWarnings]);
   var _React$useState4 = React__default.useState({
       TODO: false,
       DRAFT: false,
@@ -13101,14 +13342,14 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     expandedSections = _React$useState4[0],
     setExpandedSections = _React$useState4[1];
   var filteredWarningsByExpandedSections = React__default.useMemo(function () {
-    return filteredWarnings.filter(function (warning) {
+    return displayedWarnings.filter(function (warning) {
       var _ref7;
       return (_ref7 = warning.status && expandedSections[warning.status]) != null ? _ref7 : warning.productStatus && expandedSections[warning.productStatus];
     });
-  }, [filteredWarnings, expandedSections]);
-  var selectedAviationProductId = (_filteredWarnings$fin = filteredWarnings.find(function (warning) {
+  }, [displayedWarnings, expandedSections]);
+  var selectedAviationProductId = (_displayedWarnings$fi = displayedWarnings.find(function (warning) {
     return (warning.warningDetail.level === 'SIG' || warning.warningDetail.level === 'AIR') && warning.id === selectedWarningId;
-  })) == null ? void 0 : _filteredWarnings$fin.id;
+  })) == null ? void 0 : _displayedWarnings$fi.id;
   var allFeatures = React__default.useMemo(function () {
     return filteredWarningsByExpandedSections.flatMap(function (warning) {
       var _warning$warningDetai, _warning$warningDetai2;
@@ -13158,7 +13399,9 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
       onWithdrawWarning: withdrawWarning,
       selectedWarningId: selectedWarningId,
       setExpandedSections: setExpandedSections,
-      warnings: filteredWarnings
+      warnings: displayedWarnings,
+      limitAlertCount: filteredWarnings.length,
+      showLimitAlert: shouldShowAlertBanner
     }), confirmDialogOptions ? jsx(ConfirmDeleteWarningDialog, {
       callback: confirmDialogOptions.callback,
       confirmLabel: confirmDialogOptions.confirmLabel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/warnings",
-  "version": "14.2.2",
+  "version": "14.4.0",
   "description": "GeoWeb warinings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,25 +8,25 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/api": "14.2.2",
-    "@opengeoweb/shared": "14.2.2",
-    "@opengeoweb/store": "14.2.2",
-    "@opengeoweb/webmap-react": "14.2.2",
+    "@opengeoweb/api": "14.4.0",
+    "@opengeoweb/shared": "14.4.0",
+    "@opengeoweb/store": "14.4.0",
+    "@opengeoweb/webmap-react": "14.4.0",
     "@tanstack/react-query": "^5.85.5",
     "react-redux": "^9.2.0",
-    "@opengeoweb/theme": "14.2.2",
-    "@opengeoweb/form-fields": "14.2.2",
+    "@opengeoweb/theme": "14.4.0",
+    "@opengeoweb/form-fields": "14.4.0",
     "react-hook-form": "^7.50.1",
     "lodash": "^4.17.21",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/snackbar": "14.2.2",
+    "@opengeoweb/snackbar": "14.4.0",
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.20",
     "axios": "^1.7.7",
-    "@opengeoweb/core": "14.2.2",
-    "@opengeoweb/webmap": "14.2.2",
-    "@opengeoweb/authentication": "14.2.2",
-    "@opengeoweb/sigmet-airmet": "14.2.2",
+    "@opengeoweb/core": "14.4.0",
+    "@opengeoweb/webmap": "14.4.0",
+    "@opengeoweb/authentication": "14.4.0",
+    "@opengeoweb/sigmet-airmet": "14.4.0",
     "react-i18next": "^15.1.1",
     "i18next": "^25.0.1",
     "@mui/material": "^7.0.1",

package/src/lib/api/warning-api/api.d.ts

@@ -2,7 +2,7 @@ import { Credentials } from '@opengeoweb/authentication';
 import { MaritimeWarning, MaritimeWarningsType, PublicWarning } from '../../store/publicWarningForm/types';
 import { DrawingFromBE, DrawingFromFE, DrawingListItem, FetchDrawingParams } from '../../store/warningsDrawings/types';
 import { MaritimeWarningsConfig } from '../../components/MaritimeWarningsForm/types';
-export declare const getPublicWarningList: (auth: Credentials) => Promise<PublicWarning[]>;
+export declare const getPublicWarningList: (auth: Credentials, apiParams?: Record<string, string>) => Promise<PublicWarning[]>;
 export declare const updatePublicWarningEditor: (warningId: string, isEditor: boolean, auth: Credentials, force?: boolean) => Promise<Headers | null>;
 export declare const updatePublicWarning: (warningId: string, auth: Credentials, data: PublicWarning) => Promise<Headers | null>;
 export declare const postPublicWarning: (auth: Credentials, data: PublicWarning) => Promise<Headers | null>;

package/src/lib/api/warning-api/hooks.d.ts

@@ -2,11 +2,12 @@ import { UseMutationResult, UseQueryResult } from '@tanstack/react-query';
 import { MaritimeWarning, MaritimeWarningsType, PublicWarning } from '../../store/publicWarningForm/types';
 import { DrawingFromBE, DrawingFromFE, DrawingListItem, FetchDrawingParams } from '../../store/warningsDrawings/types';
 import { MaritimeWarningsConfig } from '../../components/MaritimeWarningsForm/types';
+import { TimeFilter } from '../../components/FilterList/filter-utils';
 /**
  * @param disabled - Disables fetching, but still returns cached values.
  * https://tanstack.com/query/v4/docs/framework/react/guides/disabling-queries
  */
-export declare const usePublicWarnings: (disabled?: boolean) => UseQueryResult<(PublicWarning | MaritimeWarning)[]>;
+export declare const usePublicWarnings: (disabled?: boolean, timeFilter?: TimeFilter) => UseQueryResult<(PublicWarning | MaritimeWarning)[]>;
 type MutationReturnType<T> = UseMutationResult<Headers | null, Error, T, {
     oldData: PublicWarning[] | undefined;
 }>;

package/src/lib/components/AreaObjectLoader/AreaObjectLoaderConnect.d.ts

@@ -1,5 +1,5 @@
-import { uiTypes } from '@opengeoweb/store';
 import React from 'react';
+import type { uiTypes } from '@opengeoweb/store';
 export declare const AreaObjectLoaderConnect: React.FC<{
     bounds?: string;
     source?: uiTypes.Source;

package/src/lib/components/DrawingToolForm/DrawingToolFormContents.d.ts

@@ -22,6 +22,7 @@ export interface DrawingToolFormContentsProps {
     onChangeOpacity: (event: SelectChangeEvent<unknown>) => void;
     onBlurName: (event: React.FocusEvent<HTMLInputElement>) => void;
     onSubmit: () => void;
+    geoJSON?: GeoJSON.FeatureCollection;
 }
 export declare const DrawingToolFormContentsNoMemo: React.FC<DrawingToolFormContentsProps>;
 export declare const DrawingToolFormContents: React.NamedExoticComponent<DrawingToolFormContentsProps>;

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

@@ -16,7 +16,7 @@ export interface MaritimeWarningsFormProps {
     onAddWarning: () => void;
     onChangeWarning: (id: string, newValues: Partial<MaritimeWarningItemAttributes>) => void;
     onMoveWarning: (oldIndex: number, newIndex: number) => void;
-    onSubmit: () => Promise<void>;
+    onSubmit: (shouldExtend?: boolean) => Promise<void>;
     onClear: () => void;
     onToggleReadOnly: (isReadOnly: boolean) => void;
     isReadOnly: boolean;

package/src/lib/components/MaritimeWarningsForm/WarningList/WarningListItem.spec.d.ts

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

package/src/lib/components/MaritimeWarningsForm/WarningList/WarningListSelect.d.ts

@@ -15,7 +15,7 @@ export interface WarningListSelectProps {
     gridArea: string;
     additionalStyling?: SxProps;
     isReadOnly?: boolean;
-    displayEmpty?: boolean;
+    emptyMessage?: string;
     validationResult?: true | 'error' | 'warning';
 }
-export declare const WarningListSelect: React.MemoExoticComponent<({ options, value, label, onChange, renderOption, renderValue, gridArea, additionalStyling, isReadOnly, displayEmpty, validationResult, }: WarningListSelectProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const WarningListSelect: React.MemoExoticComponent<({ options, value, label, onChange, renderOption, renderValue, gridArea, additionalStyling, isReadOnly, emptyMessage, validationResult, }: WarningListSelectProps) => import("react/jsx-runtime").JSX.Element>;

package/src/lib/components/MaritimeWarningsForm/WarningList/WarningListSelect.spec.d.ts

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

package/src/lib/components/MaritimeWarningsForm/WarningList/WindForceSelect.spec.d.ts

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

package/src/lib/components/MaritimeWarningsForm/utils.d.ts

@@ -1,7 +1,7 @@
 import { MaritimeWarning, MaritimeWarningsType } from '../../store/publicWarningForm/types';
 import { MaritimeWarningItem, MaritimeWarningsConfig, MaritimeWarningsDomain } from './types';
-export declare const isWarningsValid: (warnings: MaritimeWarningItem[], config: MaritimeWarningsConfig) => boolean;
+export declare const isWarningsValid: (warnings: MaritimeWarningItem[], config: MaritimeWarningsConfig, allowEmpty?: boolean) => boolean;
 export declare const getType: (domain: MaritimeWarningsDomain) => MaritimeWarningsType;
-export declare const mapItemsToMaritimeWarnings: (warnings: MaritimeWarningItem[], domain: MaritimeWarningsDomain, maritimeConfig: MaritimeWarningsConfig, editor?: string) => MaritimeWarning[];
+export declare const mapItemsToMaritimeWarnings: (warnings: MaritimeWarningItem[], domain: MaritimeWarningsDomain, maritimeConfig: MaritimeWarningsConfig, editor?: string, shouldExtend?: boolean) => MaritimeWarning[];
 export declare const mapMaritimeWarningsToItems: (warnings: MaritimeWarning[]) => MaritimeWarningItem[];
 export declare const validateWindDirectionChange: (directionFrom: string | undefined, directionTo: string | undefined, changeType: string | undefined, config?: MaritimeWarningsConfig) => true | "warning" | "error";

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

@@ -16,6 +16,8 @@ export interface PublicWarningListProps extends WarningListItemActions {
     expandedSections: Record<string, boolean>;
     setExpandedSections: (expandedSections: Record<string, boolean>) => void;
     onActionAviationWarning?: () => void;
+    limitAlertCount?: number;
+    showLimitAlert?: boolean;
 }
 export declare const PublicWarningList: React.FC<PublicWarningListProps>;
 export default PublicWarningList;

package/src/lib/components/PublicWarningList/PublicWarningList.stories.d.ts

@@ -58,3 +58,7 @@ export declare const PublicWarningListMaritime: {
     (): React.ReactElement;
     tags: string[];
 };
+export declare const PublicWarningListTooManyWarnings: {
+    (): React.ReactElement;
+    tags: string[];
+};

package/src/lib/components/PublicWarningList/PublicWarningListConnect.d.ts

@@ -5,4 +5,3 @@ export interface PublicWarningListConnectProps {
     presetFilterState?: PickedFilterState;
 }
 export declare const PublicWarningListConnect: React.FC<PublicWarningListConnectProps>;
-export default PublicWarningListConnect;

package/src/lib/components/PublicWarningsForm/LevelField/LevelField.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { FilterTranslation } from '../../../store/publicWarnings/types';
 export interface ColorDefinition {
     color: string;
-    textColor: string;
+    textColor?: string;
     borderColor: string;
 }
 export interface LevelDetails extends FilterTranslation, ColorDefinition {

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

@@ -37,6 +37,7 @@ export interface FormProps {
     onSetViewModeResetArea?: (area: Area[]) => void;
     storedStartGeoJSON?: FeatureCollection<Geometry, GeoJsonProperties>;
     storedEndGeoJSON?: FeatureCollection<Geometry, GeoJsonProperties>;
+    setWarningLevel?: (level: WarningLevel | '') => void;
 }
 export declare function warningLevelFeatureColors(level: WarningLevel | undefined, geoJSON: FeatureCollection<Geometry, GeoJsonProperties> | undefined, // Allow undefined
 isAviationWarning?: boolean): FeatureCollection<Geometry, GeoJsonProperties>;

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

@@ -2,6 +2,7 @@ import { AlertColor } from '@mui/material';
 import { Draft, PayloadAction } from '@reduxjs/toolkit';
 import { DrawingListItem } from '../warningsDrawings/types';
 import { Area, Warning, WarningType } from './types';
+import { WarningLevel } from '../../components/PublicWarningsForm/LevelField';
 export type FormAction = '' | 'saving' | 'publishing' | 'readonly' | 'edit' | 'amending' | 'cancel';
 export interface FormError {
     severity?: AlertColor;
@@ -48,4 +49,5 @@ export declare const publicWarningFormReducer: import("redux").Reducer<WarningFo
         warningId: string;
     }>) => void;
     setSelectedWarningId: (draft: Draft<WarningFormState>, action: PayloadAction<string>) => void;
+    setWarningLevel: (draft: Draft<WarningFormState>, action: PayloadAction<WarningLevel | "">) => void;
 }, "publicWarningForm">;