@opengeoweb/warnings 14.1.0 → 14.2.1

package/index.esm.js

@@ -1,9 +1,9 @@
 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, Options, Close, ChevronDown, ChevronUp, Copy, Update, Cancel, Success, Expire, Remove } from '@opengeoweb/theme';
+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 { SHARED_NAMESPACE, useConfirmationDialog, dateUtils, ToggleMenu, calculateStartSize, ToolContainerDraggable, AlertBanner, sessionStorageProvider, ConfirmationDialog, usePrevious, CustomIconButton, usePreventBrowserClose, CustomTooltip, Avatar, getInitials, SwitchButton, FilterChip, TooltipSelect, LastUpdateTime, CustomToggleButton, Filter, FilterOption, StatusTag, getAxiosErrorMessage, CustomDialog, ConfirmationButtons, ErrorBoundary } from '@opengeoweb/shared';
+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';
 import { FORM_FIELDS_NAMESPACE, useDraftFormHelpers, ReactHookFormSelect, ReactHookFormHiddenInput, isValidGeoJsonCoordinates, ReactHookFormTextField, ReactHookFormProvider, defaultFormOptions, errorMessages, isEmpty, ReactHookFormDateTime, isXHoursAfter, isXHoursBefore } from '@opengeoweb/form-fields';
@@ -14,7 +14,7 @@ import { useTranslation } from 'react-i18next';
 import * as React from 'react';
 import React__default, { useState, useEffect, useRef, useMemo, useCallback } from 'react';
 import { useAuthenticationContext as useAuthenticationContext$1 } from '@opengeoweb/authentication';
-import { styled, Box, Typography, ListItem, Paper, ListItemButton, Stack, Grid, LinearProgress, Button, MenuItem, FormHelperText, Card, CardContent, Tabs, Tab, useTheme, FormControl, CircularProgress, Menu, DialogTitle, DialogContent, Switch, ListItemText, Collapse } from '@mui/material';
+import { styled, Box, Typography, ListItem, Paper, ListItemButton, Stack, Grid, LinearProgress, Button, MenuItem, FormHelperText, Card, CardContent, Tabs, Tab, useTheme, FormControl, CircularProgress, Menu, ListItemText, DialogTitle, DialogContent, Switch, RadioGroup, FormControlLabel, Radio, InputAdornment, Collapse } from '@mui/material';
 import { VariableSizeList } from 'react-window';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { getHeaders, handleResponse, AirmetPhenomena, SigmetPhenomena, useAuthQuery, useAuthenticationContext, optimisticUpdate, ProductStatus } from '@opengeoweb/api';
@@ -23,6 +23,9 @@ import { snackbarListener, snackbarReducer, snackbarActions, snackbarTypes } fro
 import { useFormContext, useForm, FormProvider } from 'react-hook-form';
 import { isEqual, cloneDeep, clamp, concat, groupBy, pick } from 'lodash';
 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';
 
 var en = {
 	"drawing-tool-form-tools": "Tools",
@@ -125,6 +128,7 @@ var en = {
 	"warning-list-status-published": "Published",
 	"warning-list-status-todo": "Reviews",
 	"warning-list-status-expired": "Expired & Withdrawn (last 24 hours)",
+	"warning-list-status-expired-custom-time": "Expired & Withdrawn",
 	"warning-list-header-incident": "Incident",
 	"warning-list-header-incidents": "Incidents",
 	"warning-list-header-last-update": "Last update",
@@ -159,6 +163,15 @@ var en = {
 	"filter-source": "Sources",
 	"filter-hide": "Hide {{subject}}",
 	"filter-show": "Show {{subject}}",
+	"filter-time": "Timefilter",
+	"filter-time-no-filter": "No filter",
+	"filter-time-today": "Today",
+	"filter-time-tomorrow": "Tomorrow",
+	"filter-time-custom": "Select time span",
+	"filter-time-apply": "Apply",
+	"filter-choose-date-time": "Choose a date and time",
+	"filter-start": "Start",
+	"filter-end": "End",
 	"warning-domain-aviation": "Aviation",
 	"warning-domain-maritime": "Maritime",
 	"warning-domain-public": "Public",
@@ -371,6 +384,7 @@ var nl = {
 	"warning-list-status-published": "Gepubliceerd",
 	"warning-list-status-todo": "Te doen",
 	"warning-list-status-expired": "Verlopen en Ingetrokken (laatste 24 uur)",
+	"warning-list-status-expired-custom-time": "Verlopen en Ingetrokken",
 	"warning-list-header-incident": "Incident",
 	"warning-list-header-incidents": "Incidenten",
 	"warning-list-header-last-update": "Laatste update",
@@ -403,6 +417,15 @@ var nl = {
 	"filter-phenomenon": "Fenomenen",
 	"filter-level": "Niveaus",
 	"filter-source": "Bronnen",
+	"filter-time": "Tijdsfilter",
+	"filter-time-no-filter": "Geen filter",
+	"filter-time-today": "Vandaag",
+	"filter-time-tomorrow": "Morgen",
+	"filter-time-custom": "Selecteer een tijdsspanne",
+	"filter-time-apply": "Pas toe",
+	"filter-choose-date-time": "Kies een datum en tijd",
+	"filter-start": "Start",
+	"filter-end": "Eind",
 	"warning-dialog-expire-succes": "Waarschuwing laten verlopen is succesvol",
 	"warning-dialog-expire-title": "Waarschuwing laten verlopen",
 	"warning-dialog-expire-confirm": "Verlopen",
@@ -575,6 +598,7 @@ var fi = {
 	"warning-list-status-published": "Julkaistua",
 	"warning-list-status-todo": "Arvostelua",
 	"warning-list-status-expired": "Vanhentunutta (viimeiset 24 tuntia)",
+	"warning-list-status-expired-custom-time": "Vanhentunutta",
 	"warning-list-header-incident": "Ongelmaa",
 	"warning-list-header-incidents": "Ongelmia",
 	"warning-list-header-last-update": "Viimeisin päivitys",
@@ -607,6 +631,15 @@ var fi = {
 	"filter-phenomenon": "ei käännetty",
 	"filter-level": "ei käännetty",
 	"filter-source": "ei käännetty",
+	"filter-time": "Aikarajaus",
+	"filter-time-no-filter": "Ei rajausta",
+	"filter-time-today": "Tänään",
+	"filter-time-tomorrow": "Huomenna",
+	"filter-time-custom": "Valitse aikaväli",
+	"filter-time-apply": "Käytä",
+	"filter-choose-date-time": "Valitse päivämäärä ja aika",
+	"filter-start": "Alku",
+	"filter-end": "Loppu",
 	"warning-dialog-expire-succes": "ei käännetty",
 	"warning-dialog-expire-title": "ei käännetty",
 	"warning-dialog-expire-confirm": "ei käännetty",
@@ -733,6 +766,7 @@ var no = {
 	"warning-list-status-published": "Publisert",
 	"warning-list-status-todo": "Til sjekk",
 	"warning-list-status-expired": "Utgått (siste 24 timer)",
+	"warning-list-status-expired-custom-time": "Utgått",
 	"warning-list-header-incident": "Hendelse",
 	"warning-list-header-incidents": "Hendelser",
 	"warning-list-header-last-update": "Sist oppdatert",
@@ -765,6 +799,15 @@ var no = {
 	"filter-phenomenon": "Fenomen",
 	"filter-level": "Grad",
 	"filter-source": "Kilder",
+	"filter-time": "Tidsfilter",
+	"filter-time-no-filter": "Ingen filter",
+	"filter-time-today": "I dag",
+	"filter-time-tomorrow": "I morgen",
+	"filter-time-custom": "Velg tidsintervall",
+	"filter-time-apply": "Bruk",
+	"filter-choose-date-time": "Velg data og tid",
+	"filter-start": "Start",
+	"filter-end": "Slutt",
 	"warning-dialog-expire-succes": "Varselet er utgått",
 	"warning-dialog-expire-title": "Opphør varsel",
 	"warning-dialog-expire-confirm": "Opphør",
@@ -2464,12 +2507,6 @@ var domainPhenomena = {
   "public": [].concat(Object.keys(Phenomenon$1))
 };
 var defaultPhenomenonFilter = makeFilterFromList(Object.keys(AllPhenomenaKeys));
-var initialFilters = {
-  source: defaultEmptyFilter,
-  domain: defaultDomainFilter,
-  phenomenon: defaultPhenomenonFilter,
-  level: defaultLevelFilter
-};
 var getSelectedOptions = function getSelectedOptions(options) {
   if (options === void 0) {
     options = {};
@@ -2504,13 +2541,14 @@ var updateState = function updateState(state, optionKey, value, only) {
 };
 /** Make sure our value is in the filter */
 var getValue = function getValue(values, value) {
-  return Object.values(values).find(function (existingValue) {
+  var _Object$values$find;
+  return (_Object$values$find = Object.values(values).find(function (existingValue) {
     return existingValue === value;
-  }) || emptyFilterId;
+  })) != null ? _Object$values$find : emptyFilterId;
 };
 var getFiltersFromWarnings = function getFiltersFromWarnings(warnings, filterKey) {
   var filterOptions = [emptyFilterId];
-  if (!warnings || !warnings.length) {
+  if (!(warnings != null && warnings.length)) {
     // return default list
     return filterOptions;
   }
@@ -2524,6 +2562,84 @@ var getFiltersFromWarnings = function getFiltersFromWarnings(warnings, filterKey
   });
   return filterOptions;
 };
+var TimeFilterMode;
+(function (TimeFilterMode) {
+  TimeFilterMode["all"] = "all";
+  TimeFilterMode["today"] = "today";
+  TimeFilterMode["tomorrow"] = "tomorrow";
+  TimeFilterMode["custom"] = "custom";
+})(TimeFilterMode || (TimeFilterMode = {}));
+var defaultTimeFilter = {
+  mode: TimeFilterMode.all
+};
+var isWarningWithinInterval = function isWarningWithinInterval(warning, timeFilter) {
+  // "NO FILTER"
+  if (timeFilter.mode === TimeFilterMode.all) {
+    return true;
+  }
+  var warningStart = new Date(warning.warningDetail.validFrom);
+  var warningEnd = new Date(warning.warningDetail.validUntil);
+  // CUSTOM TIME SPAN
+  if (timeFilter.mode === TimeFilterMode.custom) {
+    if (!timeFilter.customStart || !timeFilter.customEnd) {
+      return true;
+    }
+    var filterStart = new Date(timeFilter.customStart);
+    var filterEnd = new Date(timeFilter.customEnd);
+    return warningEnd >= filterStart && warningStart <= filterEnd;
+  }
+  // TODAY or TOMORROW
+  var now = new Date();
+  var rangeStart;
+  var rangeEnd;
+  if (timeFilter.mode === TimeFilterMode.today) {
+    // TODAY
+    rangeStart = dateUtils.startOfDayUTC(now);
+    rangeEnd = dateUtils.set(rangeStart, {
+      date: rangeStart.getUTCDate() + 1,
+      hours: 0,
+      minutes: 0,
+      seconds: 0
+    });
+  } else {
+    // TOMORROW
+    rangeStart = dateUtils.set(now, {
+      date: now.getUTCDate() + 1,
+      hours: 0,
+      minutes: 0,
+      seconds: 0
+    });
+    rangeEnd = dateUtils.set(rangeStart, {
+      date: rangeStart.getUTCDate() + 1,
+      hours: 0,
+      minutes: 0,
+      seconds: 0
+    });
+  }
+  return warningEnd >= rangeStart && warningStart <= rangeEnd;
+};
+var getApiParams = function getApiParams(timeFilter) {
+  if (timeFilter.mode === TimeFilterMode.all) {
+    return {};
+  }
+  if (timeFilter.mode === TimeFilterMode.custom) {
+    if (!timeFilter.customStart || !timeFilter.customEnd) {
+      return {};
+    }
+    return {
+      start_time: new Date(timeFilter.customStart).toISOString(),
+      end_time: new Date(timeFilter.customEnd).toISOString()
+    };
+  }
+  return {};
+};
+var initialFilters = {
+  source: defaultEmptyFilter,
+  domain: defaultDomainFilter,
+  phenomenon: defaultPhenomenonFilter,
+  level: defaultLevelFilter,
+  time: defaultTimeFilter
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -4509,16 +4625,70 @@ var config = sessionStorageProvider.getConfig();
 var airmetBaseUrl = config.GW_AIRMET_BASE_URL || '';
 var sigmetBaseUrl = config.GW_SIGMET_BASE_URL || '';
 // API
-var getAirmetList = function getAirmetList(auth) {
-  return fetch(airmetBaseUrl + "/airmetlist", {
-    headers: getHeaders(auth)
-  }).then(handleResponse);
-};
-var getSigmetList = function getSigmetList(auth) {
-  return fetch(sigmetBaseUrl + "/sigmetlist", {
-    headers: getHeaders(auth)
-  }).then(handleResponse);
-};
+var getAirmetList = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(auth, params) {
+    var queryParams, url, response, data;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (params === void 0) {
+            params = {};
+          }
+          queryParams = new URLSearchParams(params);
+          url = airmetBaseUrl + "/airmetlist" + (queryParams.toString() ? "?" + queryParams.toString() : '');
+          _context.next = 5;
+          return fetch(url, {
+            headers: getHeaders(auth)
+          });
+        case 5:
+          response = _context.sent;
+          _context.next = 8;
+          return handleResponse(response);
+        case 8:
+          data = _context.sent;
+          return _context.abrupt("return", data);
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getAirmetList(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var getSigmetList = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(auth, params) {
+    var queryParams, url, response, data;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (params === void 0) {
+            params = {};
+          }
+          queryParams = new URLSearchParams(params);
+          url = sigmetBaseUrl + "/sigmetlist" + (queryParams.toString() ? "?" + queryParams.toString() : '');
+          _context2.next = 5;
+          return fetch(url, {
+            headers: getHeaders(auth)
+          });
+        case 5:
+          response = _context2.sent;
+          _context2.next = 8;
+          return handleResponse(response);
+        case 8:
+          data = _context2.sent;
+          return _context2.abrupt("return", data);
+        case 10:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function getSigmetList(_x3, _x4) {
+    return _ref2.apply(this, arguments);
+  };
+}();
 var getAirmetConfig = function getAirmetConfig(auth) {
   return fetch(airmetBaseUrl + "/airmet-config", {
     headers: getHeaders(auth)
@@ -4539,32 +4709,32 @@ var getAirmetTAC = function getAirmetTAC(product, auth) {
     method: 'POST',
     headers: getHeaders(auth)
   }).then(/*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(result) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(result) {
       var textData;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             if (!(result.status === 200)) {
-              _context.next = 5;
+              _context3.next = 5;
               break;
             }
-            _context.next = 3;
+            _context3.next = 3;
             return result.text();
           case 3:
-            textData = _context.sent;
-            return _context.abrupt("return", {
+            textData = _context3.sent;
+            return _context3.abrupt("return", {
               data: textData
             });
           case 5:
             throw new Error("Failed to fetch TAC data: " + result.statusText);
           case 6:
           case "end":
-            return _context.stop();
+            return _context3.stop();
         }
-      }, _callee);
+      }, _callee3);
     }));
-    return function (_x) {
-      return _ref.apply(this, arguments);
+    return function (_x5) {
+      return _ref3.apply(this, arguments);
     };
   }());
 };
@@ -4574,32 +4744,32 @@ var getSigmetTAC = function getSigmetTAC(product, auth) {
     method: 'POST',
     headers: getHeaders(auth)
   }).then(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(result) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(result) {
       var textData;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
             if (!(result.status === 200)) {
-              _context2.next = 5;
+              _context4.next = 5;
               break;
             }
-            _context2.next = 3;
+            _context4.next = 3;
             return result.text();
           case 3:
-            textData = _context2.sent;
-            return _context2.abrupt("return", {
+            textData = _context4.sent;
+            return _context4.abrupt("return", {
               data: textData
             });
           case 5:
             throw new Error("Failed to fetch TAC data: " + result.statusText);
           case 6:
           case "end":
-            return _context2.stop();
+            return _context4.stop();
         }
-      }, _callee2);
+      }, _callee4);
     }));
-    return function (_x2) {
-      return _ref2.apply(this, arguments);
+    return function (_x6) {
+      return _ref4.apply(this, arguments);
     };
   }());
 };
@@ -4610,32 +4780,32 @@ var getAirmetCancelTAC = function getAirmetCancelTAC(product, auth) {
     method: 'POST',
     headers: getHeaders(auth)
   }).then(/*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(result) {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(result) {
       var textData;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             if (!(result.status === 200)) {
-              _context3.next = 5;
+              _context5.next = 5;
               break;
             }
-            _context3.next = 3;
+            _context5.next = 3;
             return result.text();
           case 3:
-            textData = _context3.sent;
-            return _context3.abrupt("return", {
+            textData = _context5.sent;
+            return _context5.abrupt("return", {
               data: textData
             });
           case 5:
             throw new Error("Failed to fetch Cancel TAC data: " + result.statusText);
           case 6:
           case "end":
-            return _context3.stop();
+            return _context5.stop();
         }
-      }, _callee3);
+      }, _callee5);
     }));
-    return function (_x3) {
-      return _ref3.apply(this, arguments);
+    return function (_x7) {
+      return _ref5.apply(this, arguments);
     };
   }());
 };
@@ -4645,32 +4815,32 @@ var getSigmetCancelTAC = function getSigmetCancelTAC(product, auth) {
     method: 'POST',
     headers: getHeaders(auth)
   }).then(/*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(result) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(result) {
       var textData;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
             if (!(result.status === 200)) {
-              _context4.next = 5;
+              _context6.next = 5;
               break;
             }
-            _context4.next = 3;
+            _context6.next = 3;
             return result.text();
           case 3:
-            textData = _context4.sent;
-            return _context4.abrupt("return", {
+            textData = _context6.sent;
+            return _context6.abrupt("return", {
               data: textData
             });
           case 5:
             throw new Error("Failed to fetch Cancel TAC data: " + result.statusText);
           case 6:
           case "end":
-            return _context4.stop();
+            return _context6.stop();
         }
-      }, _callee4);
+      }, _callee6);
     }));
-    return function (_x4) {
-      return _ref4.apply(this, arguments);
+    return function (_x8) {
+      return _ref6.apply(this, arguments);
     };
   }());
 };
@@ -4832,17 +5002,23 @@ var getAviationSnackbarKey = function getAviationSnackbarKey(status) {
       return 'aviation-save-success';
   }
 };
-var useAirmetList = function useAirmetList(disabled) {
+var useAirmetList = function useAirmetList(disabled, timeFilter) {
   if (disabled === void 0) {
     disabled = false;
   }
-  return useAuthQuery(['airmet-list'], getAirmetList, disabled);
+  var apiParams = timeFilter ? getApiParams(timeFilter) : {};
+  return useAuthQuery(['airmet-list', JSON.stringify(apiParams)], function (auth) {
+    return getAirmetList(auth, apiParams);
+  }, disabled);
 };
-var useSigmetList = function useSigmetList(disabled) {
+var useSigmetList = function useSigmetList(disabled, timeFilter) {
   if (disabled === void 0) {
     disabled = false;
   }
-  return useAuthQuery(['sigmet-list'], getSigmetList, disabled);
+  var apiParams = timeFilter ? getApiParams(timeFilter) : {};
+  return useAuthQuery(['sigmet-list', JSON.stringify(apiParams)], function (auth) {
+    return getSigmetList(auth, apiParams);
+  }, disabled);
 };
 var useAviationWarnings = function useAviationWarnings() {
   var _useAirmetList = useAirmetList(),
@@ -5424,8 +5600,13 @@ var renewAviationProduct = function renewAviationProduct(aviationWarning, produc
 };
 var amendAviationProduct = function amendAviationProduct(aviationWarning, productConfig) {
   var warningDetail = aviationWarning.sigmetAirmetDetails;
-  var newValidStart = dateUtils.dateToString(new Date());
-  var newValidUntil = 'phenomenon' in warningDetail ? getDefaultValidUntilValue(productConfig, warningDetail.phenomenon, warningDetail.locationIndicatorATSR, newValidStart) : warningDetail.validDateEnd;
+  // Use your shared util to get an ISO "now" in UTC
+  var nowIso = dateUtils.getCurrentTimeAsString();
+  // Active if published start has passed (you can also include end > now if you prefer)
+  var hasStarted = !!warningDetail.validDateStart && new Date(warningDetail.validDateStart).getTime() <= new Date(nowIso).getTime();
+  // Only when already active do we snap start to now and recompute end
+  var newValidStart = hasStarted ? nowIso : warningDetail.validDateStart;
+  var newValidUntil = hasStarted && 'phenomenon' in warningDetail ? getDefaultValidUntilValue(productConfig, warningDetail.phenomenon, warningDetail.locationIndicatorATSR, newValidStart) : warningDetail.validDateEnd;
   var amendedWarningDetail = Object.assign({}, warningDetail, {
     validDateStart: newValidStart,
     validDateEnd: newValidUntil,
@@ -8519,6 +8700,9 @@ var Form = function Form(_ref5) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [initialPublicWarningArea]);
   var aviationId = selectedAviationProduct == null ? void 0 : selectedAviationProduct.uuid;
+  var publishedStart = publicWarningDetails == null ? void 0 : publicWarningDetails.validFrom;
+  var nowIso = dateUtils.getCurrentTimeAsString();
+  var lockValidFrom = formState === 'amending' && !!publishedStart && new Date(publishedStart).getTime() <= new Date(nowIso).getTime();
   React.useEffect(function () {
     if (!selectedAviationProduct) {
       return;
@@ -8559,7 +8743,7 @@ var Form = function Form(_ref5) {
             },
             storedGeoJSON: storedStartGeoJSON,
             storedEndGeoJSON: storedEndGeoJSON,
-            isAmending: formState === 'amending'
+            lockValidFrom: lockValidFrom
           })
         });
       }
@@ -8583,7 +8767,7 @@ var Form = function Form(_ref5) {
             return fetchAirmetTAC(product);
           },
           storedGeoJSON: storedStartGeoJSON,
-          isAmending: formState === 'amending'
+          lockValidFrom: lockValidFrom
         })
       });
     }
@@ -9843,18 +10027,18 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var useWarnings = function useWarnings(disabled) {
+var useWarnings = function useWarnings(disabled, timeFilter) {
   var _usePublicWarnings = usePublicWarnings(disabled),
     publicWarnings = _usePublicWarnings.data,
     refetchPublicWarnings = _usePublicWarnings.refetch,
     isFetchingPublicWarnings = _usePublicWarnings.isFetching,
     publicWarningsError = _usePublicWarnings.error,
     dataUpdatedAt = _usePublicWarnings.dataUpdatedAt;
-  var _useAirmetList = useAirmetList(disabled),
+  var _useAirmetList = useAirmetList(disabled, timeFilter),
     airmetWarnings = _useAirmetList.data,
     refetchAirmet = _useAirmetList.refetch,
     isFetchingAirmet = _useAirmetList.isFetching;
-  var _useSigmetList = useSigmetList(disabled),
+  var _useSigmetList = useSigmetList(disabled, timeFilter),
     sigmetWarnings = _useSigmetList.data,
     refetchSigmet = _useSigmetList.refetch,
     isFetchingSigmet = _useSigmetList.isFetching;
@@ -9995,6 +10179,9 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [dispatch, linkedMaps == null ? void 0 : linkedMaps.join(',')]);
   React__default.useEffect(function () {
+    if (updatedWarningType === 'airmet' || updatedWarningType === 'sigmet') {
+      return;
+    }
     if (editor !== (selectedWarning == null ? void 0 : selectedWarning.editor) && status !== 'TODO') {
       void setIsEditor(editor !== (auth == null ? void 0 : auth.username));
     }
@@ -10219,300 +10406,133 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
   });
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2024 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var warningColors = Object.assign({}, LevelColors);
-
-var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
-  var id = _ref.id,
-    options = _ref.options,
-    updateFilter = _ref.updateFilter;
+var BUTTON_AIRMET = 'AIRMET';
+var BUTTON_SIGMET = 'SIGMET';
+var NewWarningButton = function NewWarningButton(_ref) {
+  var onCreateWarning = _ref.onCreateWarning,
+    _ref$isDefaultOpen = _ref.isDefaultOpen,
+    isDefaultOpen = _ref$isDefaultOpen === void 0 ? false : _ref$isDefaultOpen;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
-  var _useState = useState(null),
-    anchorEl = _useState[0],
-    setAnchorEl = _useState[1];
-  var _getSelectedOptions = getSelectedOptions(options),
-    noSelectedOptions = _getSelectedOptions.noSelectedOptions,
-    allSelected = _getSelectedOptions.allSelected;
-  var isDisabled = Object.keys(options).length < 2;
+  var config = sessionStorageProvider.getConfig();
+  var showMartimeWarningOption = !!config.GW_WARNINGS_MARITIME_WARNINGS;
+  var _React$useState = React__default.useState(null),
+    anchorEl = _React$useState[0],
+    setAnchorEl = _React$useState[1];
+  var isOpen = Boolean(anchorEl);
+  var handleClick = function handleClick(event) {
+    event.stopPropagation();
+    setAnchorEl(event.currentTarget);
+  };
+  var handleClose = function handleClose(event) {
+    event.stopPropagation();
+    setAnchorEl(null);
+  };
+  var onCreateNewWarning = function onCreateNewWarning(warningType, event) {
+    onCreateWarning(warningType);
+    handleClose(event);
+  };
+  var buttonId = 'newWarningButton';
+  React__default.useEffect(function () {
+    if (isDefaultOpen) {
+      setAnchorEl(document.getElementById(buttonId));
+    }
+  }, [isDefaultOpen, buttonId]);
   return jsxs(Fragment, {
-    children: [jsx(CustomTooltip, {
-      title: isDisabled ? t('filter-no-results') : t('filter-options'),
-      placement: "bottom",
-      children: jsx("span", {
-        style: {
-          margin: 0
-        },
-        children: jsx(FilterChip, {
-          id: id,
-          label: t("filter-" + id),
-          isSelected: !isDisabled && noSelectedOptions > 0,
-          onClick: function onClick(ref) {
-            return setAnchorEl(ref);
-          },
-          onClickIcon: function onClickIcon(ref) {
-            return setAnchorEl(ref);
-          },
-          isDisabled: isDisabled,
-          size: "medium",
-          actionIcon: jsxs(Grid, {
-            container: true,
-            alignItems: "center",
-            style: {
-              marginRight: '8px',
-              minWidth: '36px'
-            },
-            children: [jsx(Options, {}), jsx(Typography, {
-              variant: "body2",
-              sx: {
-                paddingLeft: 0.5
-              },
-              children: !isDisabled && noSelectedOptions > 0 && noSelectedOptions
-            })]
-          })
-        })
-      })
+    children: [jsxs(CustomToggleButton, {
+      id: buttonId,
+      onClick: handleClick,
+      sx: Object.assign({
+        textTransform: 'initial!important',
+        marginBottom: '8px',
+        fontSize: '12px',
+        height: '32px!important',
+        whiteSpace: 'nowrap',
+        minWidth: 'auto',
+        paddingRight: '12px!important'
+      }, isOpen ? {
+        '&.MuiToggleButton-root.primary': {
+          backgroundColor: 'geowebColors.buttons.primary.mouseOver.fill'
+        }
+      } : {}),
+      children: [jsx(Add, {}), t('warning-list-button_create')]
     }), jsxs(Menu, {
-      open: Boolean(anchorEl),
-      onClose: function onClose() {
-        return setAnchorEl(null);
-      },
       anchorEl: anchorEl,
-      slotProps: {
-        backdrop: {
-          style: {
-            opacity: 0,
-            transition: 'none'
-          }
+      open: isOpen,
+      onClose: function onClose(event, reason) {
+        if (reason === 'tabKeyDown') {
+          return;
         }
+        handleClose(event);
       },
-      sx: {
-        padding: 3
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'center'
       },
-      children: [jsxs(DialogTitle, {
-        id: "dialog-title",
-        sx: {
-          zIndex: 1,
-          padding: '8px 18px 16px 24px',
-          display: 'flex',
-          justifyContent: 'space-between',
-          alignItems: 'center'
-        },
-        children: [jsx(Typography, {
-          sx: {
-            fontSize: '20px',
-            fontWeight: 500,
-            paddingRight: 1
-          },
-          "data-testid": "customDialog-title",
-          component: "span",
-          children: t("filter-" + id)
-        }), jsx(CustomIconButton, {
-          "aria-label": t('close-dialog-confirm'),
-          onClick: function onClick() {
-            return setAnchorEl(null);
-          },
-          sx: {
-            '&.MuiIconButton-root': {
-              color: 'geowebColors.greys.accessible'
-            }
-          },
-          children: jsx(Close, {})
-        })]
-      }), jsxs(DialogContent, {
-        sx: {
-          padding: '0px 24px 16px 24px'
-        },
-        children: [jsxs(Grid, {
-          container: true,
-          justifyContent: "space-between",
-          alignItems: "center",
-          children: [t('filter-select-all'), jsx(Switch, {
-            slotProps: {
-              input: {
-                'aria-label': t('filter-select-all')
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'center'
+      },
+      slotProps: {
+        root: {
+          slotProps: {
+            backdrop: {
+              style: {
+                opacity: 0,
+                transition: 'none'
               }
-            },
-            checked: allSelected,
-            onChange: function onChange() {
-              return updateFilter(id, 'ALL', !allSelected);
-            },
-            sx: {
-              marginRight: '-12px',
-              marginTop: '-6px'
-            }
-          })]
-        }), jsxs(Box, {
-          children: [options[emptyFilterId] !== undefined && jsx(FilterOption, {
-            optionId: emptyFilterId,
-            checked: options[emptyFilterId],
-            onClick: function onClick(checked, only) {
-              return updateFilter(id, emptyFilterId, checked, only);
-            },
-            labelStyle: {
-              fontSize: '16px'
-            },
-            label: jsx(Fragment, {
-              children: t(getTranslationKey(emptyFilterId, id))
-            })
-          }, id + "-" + emptyFilterId), Object.keys(options).map(function (optionId) {
-            if (optionId === emptyFilterId) {
-              return null;
             }
-            var warningColor = warningColors[optionId];
-            return jsx(FilterOption, {
-              optionId: optionId,
-              checked: options[optionId],
-              onClick: function onClick(checked, only) {
-                return updateFilter(id, optionId, checked, only);
-              },
-              labelStyle: Object.assign({}, getLevelStyle(warningColor), {
-                width: LevelColors[optionId] ? 'fit-content' : '100%',
-                fontSize: '16px'
-              }),
-              label: jsx(CustomTooltip, {
-                title: t(getTranslationKey(optionId, id)),
-                placement: "bottom",
-                children: jsxs(Box, {
-                  "data-testid": "wrapper-" + optionId,
-                  sx: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    gap: 1,
-                    maxWidth: 200
-                  },
-                  children: [getPhenomenaIcon(optionId), jsx(Typography, {
-                    noWrap: true,
-                    variant: "body2",
-                    sx: {
-                      fontSize: '16px'
-                    },
-                    children: t(getTranslationKey(optionId, id))
-                  })]
-                })
-              })
-            }, id + "-" + optionId);
-          })]
-        })]
-      })]
-    })]
-  });
-};
-
-var filterOrder = ['source', 'domain', 'phenomenon', 'level'];
-var FilterList = function FilterList(_ref) {
-  var _ref$onClickAll = _ref.onClickAll,
-    onClickAll = _ref$onClickAll === void 0 ? function () {} : _ref$onClickAll,
-    _ref$isAllSelected = _ref.isAllSelected,
-    isAllSelected = _ref$isAllSelected === void 0 ? true : _ref$isAllSelected,
-    filterState = _ref.filterState,
-    updateFilter = _ref.updateFilter;
-  var _useWarningsTranslati = useWarningsTranslation(),
-    t = _useWarningsTranslati.t;
-  return jsxs(Stack, {
-    direction: "row",
-    spacing: 1,
-    sx: {
-      display: 'block',
-      '.MuiChip-root': {
-        margin: 0,
-        marginRight: 1,
-        marginBottom: 1
-      }
-    },
-    children: [jsx(CustomTooltip, {
-      title: isAllSelected ? t('filter-hide-all') : t('filter-show-all'),
-      placement: "bottom",
-      children: jsx("span", {
-        style: {
-          margin: 0
+          }
         },
-        children: jsx(FilterChip, {
-          id: "all",
-          label: t('filter-all'),
-          isSelected: isAllSelected,
-          handleClick: function handleClick() {
-            return onClickAll(isAllSelected);
-          },
-          size: "medium"
+        list: {
+          style: {
+            padding: '0px'
+          }
+        }
+      },
+      children: [jsx(MenuItem, {
+        onClick: function onClick(event) {
+          onCreateNewWarning('public', event);
+        },
+        children: jsx(ListItemText, {
+          children: t('public-warning-title').toUpperCase()
         })
-      })
-    }), filterOrder.map(function (filterId) {
-      return jsx(ExpandableFilterChip, {
-        id: filterId,
-        options: filterState[filterId],
-        updateFilter: updateFilter
-      }, filterId);
+      }, "Public"), jsx(MenuItem, {
+        onClick: function onClick(event) {
+          onCreateNewWarning('airmet', event);
+        },
+        children: jsx(ListItemText, {
+          children: BUTTON_AIRMET
+        })
+      }, "Airmet"), jsx(MenuItem, {
+        onClick: function onClick(event) {
+          onCreateNewWarning('sigmet', event);
+        },
+        children: jsx(ListItemText, {
+          children: BUTTON_SIGMET
+        })
+      }, "Sigmet"), showMartimeWarningOption ? jsxs(Fragment, {
+        children: [jsx(MenuItem, {
+          onClick: function onClick(event) {
+            onCreateNewWarning('maritimeWarningCoastal', event);
+          },
+          children: jsx(ListItemText, {
+            children: t('maritime-warning-coastal-title').toUpperCase()
+          })
+        }, "MaritimeWarningCoastal"), jsx(MenuItem, {
+          onClick: function onClick(event) {
+            onCreateNewWarning('maritimeWarningNorthSea', event);
+          },
+          children: jsx(ListItemText, {
+            children: t('maritime-warning-northsea-title').toUpperCase()
+          })
+        }, "MaritimeWarningNorthSea")]
+      }) : null]
     })]
   });
 };
 
-var _excluded$2 = ["totalWarnings", "status", "isExpanded", "onClick"];
-var HEADER_SIZE = 32;
-var WarningListItemSeperator = function WarningListItemSeperator(_ref) {
-  var totalWarnings = _ref.totalWarnings,
-    status = _ref.status,
-    isExpanded = _ref.isExpanded,
-    onClick = _ref.onClick,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  var _useWarningsTranslati = useWarningsTranslation(),
-    t = _useWarningsTranslati.t;
-  var getStatus = function getStatus(status) {
-    switch (status) {
-      case 'DRAFT':
-        return t('warning-list-status-draft');
-      case 'PUBLISHED':
-        return t('warning-list-status-published');
-      case 'TODO':
-        return t('warning-list-status-todo');
-      default:
-        return t('warning-list-status-expired');
-    }
-  };
-  var headerText = totalWarnings + " " + getStatus(status);
-  return jsx(ListItem, Object.assign({}, props, {
-    sx: {
-      height: HEADER_SIZE,
-      padding: 0
-    },
-    "aria-label": "warninglist " + status,
-    children: jsxs(ListItemButton, {
-      sx: {
-        height: HEADER_SIZE,
-        padding: 0
-      },
-      onClick: onClick,
-      "data-testid": "warninglist-" + status,
-      "aria-expanded": isExpanded,
-      children: [isExpanded ? jsx(ChevronDown, {}) : jsx(ChevronUp, {}), jsx(Typography, {
-        variant: "caption",
-        sx: {
-          opacity: 0.67,
-          marginLeft: 1
-        },
-        children: headerText
-      })]
-    })
-  }));
-};
-
-var _excluded$1 = ["title", "status", "children", "width"];
+var _excluded$2 = ["title", "status", "children", "width"];
 var WarningListColumnContent = function WarningListColumnContent(_ref) {
   var _sx;
   var title = _ref.title,
@@ -10520,7 +10540,7 @@ var WarningListColumnContent = function WarningListColumnContent(_ref) {
     children = _ref.children,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 76 : _ref$width,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   return jsxs(Grid, {
     sx: Object.assign({}, props.sx, {
       width: width
@@ -10708,7 +10728,7 @@ var WarningListItemMenu = function WarningListItemMenu(_ref) {
   }
 };
 
-var _excluded = ["warning", "activeWarningId", "highlightedItem", "onSelectWarning", "onEditWarning", "onDeleteWarning", "onDeleteReviewWarning", "onExpireWarning", "onWithdrawWarning", "onActionAviationWarning", "onActionMaritimeWarning"];
+var _excluded$1 = ["warning", "activeWarningId", "highlightedItem", "onSelectWarning", "onEditWarning", "onDeleteWarning", "onDeleteReviewWarning", "onExpireWarning", "onWithdrawWarning", "onActionAviationWarning", "onActionMaritimeWarning"];
 var renderLevelText = function renderLevelText(levelString) {
   if (!levelString) {
     return null;
@@ -10807,7 +10827,7 @@ var WarningListItem = function WarningListItem(_ref) {
     onActionAviationWarning = _ref$onActionAviation === void 0 ? function () {} : _ref$onActionAviation,
     _ref$onActionMaritime = _ref.onActionMaritimeWarning,
     onActionMaritimeWarning = _ref$onActionMaritime === void 0 ? function () {} : _ref$onActionMaritime,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var phenomenonDetails = allPhenomenaDict[warning.warningDetail.phenomenon];
@@ -11017,162 +11037,641 @@ var WarningListItem = function WarningListItem(_ref) {
               title: objectHoverText,
               placement: "top",
               sx: {
-                zIndex: 1000
+                zIndex: 1000
+              },
+              children: jsx("span", {
+                children: objectNameText
+              })
+            })
+          })
+        }), jsx(WarningListColumnContent, {
+          title: t('warning-list-header-status'),
+          status: status,
+          width: 96,
+          children: jsxs(Box, {
+            sx: {
+              position: 'relative'
+            },
+            children: [renderStatusIcon(warning, status), warning.editor && jsx(Box, {
+              sx: {
+                width: '16px',
+                position: 'absolute',
+                top: '1px',
+                right: '4px'
+              },
+              children: jsx(WarningAvatar, {
+                editor: warning.editor,
+                status: warning.productStatus
+              })
+            })]
+          })
+        })]
+      })
+    })
+  }), warning.id);
+};
+
+var _excluded = ["totalWarnings", "status", "isExpanded", "timeFilter", "onClick"];
+var HEADER_SIZE = 32;
+var WarningListItemSeperator = function WarningListItemSeperator(_ref) {
+  var totalWarnings = _ref.totalWarnings,
+    status = _ref.status,
+    isExpanded = _ref.isExpanded,
+    timeFilter = _ref.timeFilter,
+    onClick = _ref.onClick,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var getStatus = function getStatus(status) {
+    switch (status) {
+      case 'DRAFT':
+        return t('warning-list-status-draft');
+      case 'PUBLISHED':
+        return t('warning-list-status-published');
+      case 'TODO':
+        return t('warning-list-status-todo');
+      default:
+        return timeFilter.mode === 'custom' ? t('warning-list-status-expired-custom-time') : t('warning-list-status-expired');
+    }
+  };
+  var headerText = totalWarnings + " " + getStatus(status);
+  return jsx(ListItem, Object.assign({}, props, {
+    sx: {
+      height: HEADER_SIZE,
+      padding: 0
+    },
+    "aria-label": "warninglist " + status,
+    children: jsxs(ListItemButton, {
+      sx: {
+        height: HEADER_SIZE,
+        padding: 0
+      },
+      onClick: onClick,
+      "data-testid": "warninglist-" + status,
+      "aria-expanded": isExpanded,
+      children: [isExpanded ? jsx(ChevronDown, {}) : jsx(ChevronUp, {}), jsx(Typography, {
+        variant: "caption",
+        sx: {
+          opacity: 0.67,
+          marginLeft: 1
+        },
+        children: headerText
+      })]
+    })
+  }));
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var warningColors = Object.assign({}, LevelColors);
+
+var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
+  var id = _ref.id,
+    options = _ref.options,
+    updateFilter = _ref.updateFilter;
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var _useState = useState(null),
+    anchorEl = _useState[0],
+    setAnchorEl = _useState[1];
+  var _getSelectedOptions = getSelectedOptions(options),
+    noSelectedOptions = _getSelectedOptions.noSelectedOptions,
+    allSelected = _getSelectedOptions.allSelected;
+  var isDisabled = Object.keys(options).length < 2;
+  return jsxs(Fragment, {
+    children: [jsx(CustomTooltip, {
+      title: isDisabled ? t('filter-no-results') : t('filter-options'),
+      placement: "bottom",
+      children: jsx("span", {
+        style: {
+          margin: 0
+        },
+        children: jsx(FilterChip, {
+          id: id,
+          label: t("filter-" + id),
+          isSelected: !isDisabled && noSelectedOptions > 0,
+          onClick: function onClick(ref) {
+            return setAnchorEl(ref);
+          },
+          onClickIcon: function onClickIcon(ref) {
+            return setAnchorEl(ref);
+          },
+          isDisabled: isDisabled,
+          size: "medium",
+          actionIcon: jsxs(Grid, {
+            container: true,
+            alignItems: "center",
+            style: {
+              marginRight: '8px',
+              minWidth: '36px'
+            },
+            children: [jsx(Options, {}), jsx(Typography, {
+              variant: "body2",
+              sx: {
+                paddingLeft: 0.5
+              },
+              children: !isDisabled && noSelectedOptions > 0 && noSelectedOptions
+            })]
+          })
+        })
+      })
+    }), jsxs(Menu, {
+      open: Boolean(anchorEl),
+      onClose: function onClose() {
+        return setAnchorEl(null);
+      },
+      anchorEl: anchorEl,
+      slotProps: {
+        backdrop: {
+          style: {
+            opacity: 0,
+            transition: 'none'
+          }
+        }
+      },
+      sx: {
+        padding: 3
+      },
+      children: [jsxs(DialogTitle, {
+        id: "dialog-title",
+        sx: {
+          zIndex: 1,
+          padding: '8px 18px 16px 24px',
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'center'
+        },
+        children: [jsx(Typography, {
+          sx: {
+            fontSize: '20px',
+            fontWeight: 500,
+            paddingRight: 1
+          },
+          "data-testid": "customDialog-title",
+          component: "span",
+          children: t("filter-" + id)
+        }), jsx(CustomIconButton, {
+          "aria-label": t('close-dialog-confirm'),
+          onClick: function onClick() {
+            return setAnchorEl(null);
+          },
+          sx: {
+            '&.MuiIconButton-root': {
+              color: 'geowebColors.greys.accessible'
+            }
+          },
+          children: jsx(Close, {})
+        })]
+      }), jsxs(DialogContent, {
+        sx: {
+          padding: '0px 24px 16px 24px'
+        },
+        children: [jsxs(Grid, {
+          container: true,
+          justifyContent: "space-between",
+          alignItems: "center",
+          children: [t('filter-select-all'), jsx(Switch, {
+            slotProps: {
+              input: {
+                'aria-label': t('filter-select-all')
+              }
+            },
+            checked: allSelected,
+            onChange: function onChange() {
+              return updateFilter(id, 'ALL', !allSelected);
+            },
+            sx: {
+              marginRight: '-12px',
+              marginTop: '-6px'
+            }
+          })]
+        }), jsxs(Box, {
+          children: [options[emptyFilterId] !== undefined && jsx(FilterOption, {
+            optionId: emptyFilterId,
+            checked: options[emptyFilterId],
+            onClick: function onClick(checked, only) {
+              return updateFilter(id, emptyFilterId, checked, only);
+            },
+            labelStyle: {
+              fontSize: '16px'
+            },
+            label: jsx(Fragment, {
+              children: t(getTranslationKey(emptyFilterId, id))
+            })
+          }, id + "-" + emptyFilterId), Object.keys(options).map(function (optionId) {
+            if (optionId === emptyFilterId) {
+              return null;
+            }
+            var warningColor = warningColors[optionId];
+            return jsx(FilterOption, {
+              optionId: optionId,
+              checked: options[optionId],
+              onClick: function onClick(checked, only) {
+                return updateFilter(id, optionId, checked, only);
+              },
+              labelStyle: Object.assign({}, getLevelStyle(warningColor), {
+                width: LevelColors[optionId] ? 'fit-content' : '100%',
+                fontSize: '16px'
+              }),
+              label: jsx(CustomTooltip, {
+                title: t(getTranslationKey(optionId, id)),
+                placement: "bottom",
+                children: jsxs(Box, {
+                  "data-testid": "wrapper-" + optionId,
+                  sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 1,
+                    maxWidth: 200
+                  },
+                  children: [getPhenomenaIcon(optionId), jsx(Typography, {
+                    noWrap: true,
+                    variant: "body2",
+                    sx: {
+                      fontSize: '16px'
+                    },
+                    children: t(getTranslationKey(optionId, id))
+                  })]
+                })
+              })
+            }, id + "-" + optionId);
+          })]
+        })]
+      })]
+    })]
+  });
+};
+
+var TimeFilterChip = function TimeFilterChip(_ref) {
+  var _getPickerValue;
+  var timeFilter = _ref.timeFilter,
+    onUpdateTimeFilter = _ref.onUpdateTimeFilter;
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var _useState = useState(null),
+    anchorEl = _useState[0],
+    setAnchorEl = _useState[1];
+  var _useState2 = useState(),
+    tempCustomStart = _useState2[0],
+    setTempCustomStart = _useState2[1];
+  var _useState3 = useState(),
+    tempCustomEnd = _useState3[0],
+    setTempCustomEnd = _useState3[1];
+  var isSelected = timeFilter.mode !== TimeFilterMode.all;
+  var pickerStartValue = tempCustomStart != null ? tempCustomStart : timeFilter.customStart;
+  var pickerEndValue = tempCustomEnd != null ? tempCustomEnd : timeFilter.customEnd;
+  var handleModeChange = function handleModeChange(mode) {
+    if (mode === TimeFilterMode.custom) {
+      var _timeFilter$customSta, _timeFilter$customEnd;
+      setTempCustomStart((_timeFilter$customSta = timeFilter.customStart) != null ? _timeFilter$customSta : new Date(Date.now()).toISOString());
+      setTempCustomEnd((_timeFilter$customEnd = timeFilter.customEnd) != null ? _timeFilter$customEnd : new Date(Date.now()).toISOString());
+    }
+    var newFilter = {
+      mode: mode,
+      customStart: mode === TimeFilterMode.custom ? timeFilter.customStart : undefined,
+      customEnd: mode === TimeFilterMode.custom ? timeFilter.customEnd : undefined
+    };
+    onUpdateTimeFilter(newFilter);
+  };
+  var handleTempTimeChange = function handleTempTimeChange(field, value) {
+    var _dateUtils$setUTCDate;
+    if (!value) {
+      if (field === 'customStart') {
+        setTempCustomStart(undefined);
+      } else {
+        setTempCustomEnd(undefined);
+      }
+      return;
+    }
+    var isoString = (_dateUtils$setUTCDate = dateUtils.setUTCDate(value)) == null ? void 0 : _dateUtils$setUTCDate.toISOString();
+    if (field === 'customStart') {
+      setTempCustomStart(isoString);
+    } else {
+      setTempCustomEnd(isoString);
+    }
+  };
+  var getPickerValue = function getPickerValue(isoString) {
+    if (!isoString) {
+      return null;
+    }
+    var utc = new Date(isoString);
+    return new Date(utc.getUTCFullYear(), utc.getUTCMonth(), utc.getUTCDate(), utc.getUTCHours(), utc.getUTCMinutes());
+  };
+  var handleApply = function handleApply() {
+    onUpdateTimeFilter({
+      mode: TimeFilterMode.custom,
+      customStart: tempCustomStart,
+      customEnd: tempCustomEnd
+    });
+    setAnchorEl(null);
+  };
+  var getTimeFilterLabel = function getTimeFilterLabel(mode, t) {
+    var baseLabel = t('filter-time');
+    if (mode === TimeFilterMode.all) {
+      return baseLabel;
+    }
+    if (mode === TimeFilterMode.custom) {
+      if (!timeFilter.customStart || !timeFilter.customEnd) {
+        return baseLabel + " (" + t('filter-time-custom') + ")";
+      }
+      var currentYear = new Date().getUTCFullYear();
+      var startYear = dateUtils.getYear(timeFilter.customStart);
+      var endYear = dateUtils.getYear(timeFilter.customEnd);
+      var includeYear = startYear !== currentYear || endYear !== currentYear;
+      var dateFormat = includeYear ? dateUtils.DATE_FORMAT_DATEPICKER : dateUtils.DATE_FORMAT_DATEPICKER_NO_YEAR;
+      var start = dateUtils.dateToString(new Date(timeFilter.customStart), dateFormat);
+      var end = dateUtils.dateToString(new Date(timeFilter.customEnd), dateFormat);
+      return baseLabel + " (" + start + " - " + end + ")";
+    }
+    return baseLabel + " (" + t("filter-time-" + mode) + ")";
+  };
+  return jsxs(Fragment, {
+    children: [jsx(CustomTooltip, {
+      title: t('filter-time'),
+      placement: "bottom",
+      children: jsx(Box, {
+        children: jsx(FilterChip, {
+          id: "time",
+          label: jsxs(Box, {
+            sx: {
+              display: 'flex',
+              alignItems: 'center',
+              gap: 0.5
+            },
+            children: [jsx(Clock, {
+              sx: {
+                mr: 1
+              }
+            }), getTimeFilterLabel(timeFilter.mode, t)]
+          }),
+          isSelected: isSelected,
+          onClick: function onClick(ref) {
+            return setAnchorEl(ref);
+          },
+          size: "medium",
+          actionIcon: jsx(Grid, {
+            container: true,
+            alignItems: "center",
+            style: {
+              marginRight: '8px',
+              minWidth: '24px'
+            },
+            children: jsx(ChevronDown, {
+              fontSize: "small",
+              sx: {
+                ml: 1
+              }
+            })
+          }),
+          onClickIcon: function onClickIcon(ref) {
+            return setAnchorEl(ref);
+          }
+        })
+      })
+    }), jsxs(Menu, {
+      open: Boolean(anchorEl),
+      onClose: function onClose() {
+        return setAnchorEl(null);
+      },
+      anchorEl: anchorEl,
+      slotProps: {
+        backdrop: {
+          style: {
+            opacity: 0,
+            transition: 'none'
+          }
+        }
+      },
+      sx: {
+        padding: 3
+      },
+      children: [jsxs(DialogTitle, {
+        id: "dialog-title",
+        sx: {
+          zIndex: 1,
+          padding: '8px 18px 16px 24px',
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'center'
+        },
+        children: [jsx(Typography, {
+          sx: {
+            fontSize: '20px',
+            fontWeight: 500,
+            paddingRight: 1
+          },
+          component: "span",
+          children: t('filter-time')
+        }), jsx(CustomIconButton, {
+          "aria-label": t('close-dialog-confirm'),
+          onClick: function onClick() {
+            return setAnchorEl(null);
+          },
+          sx: {
+            '&.MuiIconButton-root': {
+              color: 'geowebColors.greys.accessible'
+            }
+          },
+          children: jsx(Close, {})
+        })]
+      }), jsxs(DialogContent, {
+        sx: {
+          padding: '0px 24px 16px 24px'
+        },
+        children: [jsxs(RadioGroup, {
+          value: timeFilter.mode,
+          onChange: function onChange(e) {
+            return handleModeChange(e.target.value);
+          },
+          children: [jsx(FormControlLabel, {
+            value: TimeFilterMode.all,
+            control: jsx(Radio, {}),
+            label: t('filter-time-no-filter')
+          }), jsx(FormControlLabel, {
+            value: TimeFilterMode.today,
+            control: jsx(Radio, {}),
+            label: t('filter-time-today')
+          }), jsx(FormControlLabel, {
+            value: TimeFilterMode.tomorrow,
+            control: jsx(Radio, {}),
+            label: t('filter-time-tomorrow')
+          }), jsx(FormControlLabel, {
+            value: TimeFilterMode.custom,
+            control: jsx(Radio, {}),
+            label: t('filter-time-custom')
+          })]
+        }), timeFilter.mode === TimeFilterMode.custom && jsxs(Box, {
+          sx: {
+            mt: 2,
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 2
+          },
+          children: [jsxs(LocalizationProvider, {
+            dateAdapter: AdapterDateFns,
+            children: [jsxs(Box, {
+              sx: {
+                display: 'flex',
+                justifyContent: 'space-between',
+                alignItems: 'center'
               },
-              children: jsx("span", {
-                children: objectNameText
-              })
-            })
-          })
-        }), jsx(WarningListColumnContent, {
-          title: t('warning-list-header-status'),
-          status: status,
-          width: 96,
-          children: jsxs(Box, {
+              children: [jsx(Typography, {
+                sx: {
+                  mr: 1
+                },
+                children: t('filter-start')
+              }), jsx(DateTimePicker, {
+                label: t('filter-choose-date-time'),
+                ampm: false,
+                value: (_getPickerValue = getPickerValue(pickerStartValue)) != null ? _getPickerValue : new Date(Date.now()),
+                onChange: function onChange(value) {
+                  return handleTempTimeChange('customStart', value);
+                },
+                format: dateUtils.DATE_FORMAT_DATEPICKER,
+                slotProps: {
+                  textField: {
+                    variant: 'filled',
+                    InputProps: {
+                      endAdornment: jsx(InputAdornment, {
+                        position: "end",
+                        children: "UTC"
+                      })
+                    }
+                  },
+                  field: {
+                    clearable: true,
+                    openPickerButtonPosition: 'start'
+                  }
+                },
+                timeSteps: {
+                  minutes: 1
+                }
+              })]
+            }), jsxs(Box, {
+              sx: {
+                display: 'flex',
+                justifyContent: 'space-between',
+                alignItems: 'center'
+              },
+              children: [jsx(Typography, {
+                sx: {
+                  mr: 1
+                },
+                children: t('filter-end')
+              }), jsx(DateTimePicker, {
+                label: t('filter-choose-date-time'),
+                ampm: false,
+                value: getPickerValue(pickerEndValue),
+                onChange: function onChange(value) {
+                  return handleTempTimeChange('customEnd', value);
+                },
+                format: dateUtils.DATE_FORMAT_DATEPICKER,
+                slotProps: {
+                  textField: {
+                    variant: 'filled',
+                    InputProps: {
+                      endAdornment: jsx(InputAdornment, {
+                        position: "end",
+                        children: "UTC"
+                      })
+                    }
+                  },
+                  field: {
+                    clearable: true,
+                    openPickerButtonPosition: 'start'
+                  }
+                },
+                timeSteps: {
+                  minutes: 1
+                }
+              })]
+            })]
+          }), jsx(Box, {
             sx: {
-              position: 'relative'
+              display: 'flex',
+              justifyContent: 'flex-end'
             },
-            children: [renderStatusIcon(warning, status), warning.editor && jsx(Box, {
+            children: jsx(Button, {
+              onClick: handleApply,
               sx: {
-                width: '16px',
-                position: 'absolute',
-                top: '1px',
-                right: '4px'
+                textTransform: 'none',
+                px: 6,
+                py: 1,
+                backgroundColor: 'geowebColors.buttons.tool.active.fill',
+                color: 'white'
               },
-              children: jsx(WarningAvatar, {
-                editor: warning.editor,
-                status: warning.productStatus
-              })
-            })]
-          })
+              children: t('filter-time-apply')
+            })
+          })]
         })]
-      })
-    })
-  }), warning.id);
+      })]
+    })]
+  });
 };
 
-var BUTTON_AIRMET = 'AIRMET';
-var BUTTON_SIGMET = 'SIGMET';
-var NewWarningButton = function NewWarningButton(_ref) {
-  var onCreateWarning = _ref.onCreateWarning,
-    _ref$isDefaultOpen = _ref.isDefaultOpen,
-    isDefaultOpen = _ref$isDefaultOpen === void 0 ? false : _ref$isDefaultOpen;
+var filterOrder = ['source', 'domain', 'phenomenon', 'level'];
+var FilterList = function FilterList(_ref) {
+  var _ref$onClickAll = _ref.onClickAll,
+    onClickAll = _ref$onClickAll === void 0 ? function () {} : _ref$onClickAll,
+    _ref$isAllSelected = _ref.isAllSelected,
+    isAllSelected = _ref$isAllSelected === void 0 ? true : _ref$isAllSelected,
+    filterState = _ref.filterState,
+    updateFilter = _ref.updateFilter,
+    timeFilter = _ref.timeFilter,
+    onUpdateTimeFilter = _ref.onUpdateTimeFilter;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
-  var config = sessionStorageProvider.getConfig();
-  var showMartimeWarningOption = !!config.GW_WARNINGS_MARITIME_WARNINGS;
-  var _React$useState = React__default.useState(null),
-    anchorEl = _React$useState[0],
-    setAnchorEl = _React$useState[1];
-  var isOpen = Boolean(anchorEl);
-  var handleClick = function handleClick(event) {
-    event.stopPropagation();
-    setAnchorEl(event.currentTarget);
-  };
-  var handleClose = function handleClose(event) {
-    event.stopPropagation();
-    setAnchorEl(null);
-  };
-  var onCreateNewWarning = function onCreateNewWarning(warningType, event) {
-    onCreateWarning(warningType);
-    handleClose(event);
-  };
-  var buttonId = 'newWarningButton';
-  React__default.useEffect(function () {
-    if (isDefaultOpen) {
-      setAnchorEl(document.getElementById(buttonId));
-    }
-  }, [isDefaultOpen, buttonId]);
-  return jsxs(Fragment, {
-    children: [jsxs(CustomToggleButton, {
-      id: buttonId,
-      onClick: handleClick,
-      sx: Object.assign({
-        textTransform: 'initial!important',
-        marginBottom: '8px',
-        fontSize: '12px',
-        height: '32px!important',
-        whiteSpace: 'nowrap',
-        minWidth: 'auto',
-        paddingRight: '12px!important'
-      }, isOpen ? {
-        '&.MuiToggleButton-root.primary': {
-          backgroundColor: 'geowebColors.buttons.primary.mouseOver.fill'
-        }
-      } : {}),
-      children: [jsx(Add, {}), t('warning-list-button_create')]
-    }), jsxs(Menu, {
-      anchorEl: anchorEl,
-      open: isOpen,
-      onClose: function onClose(event, reason) {
-        if (reason === 'tabKeyDown') {
-          return;
-        }
-        handleClose(event);
-      },
-      anchorOrigin: {
-        vertical: 'bottom',
-        horizontal: 'center'
-      },
-      transformOrigin: {
-        vertical: 'top',
-        horizontal: 'center'
-      },
-      slotProps: {
-        root: {
-          slotProps: {
-            backdrop: {
-              style: {
-                opacity: 0,
-                transition: 'none'
-              }
-            }
-          }
-        },
-        list: {
-          style: {
-            padding: '0px'
-          }
-        }
-      },
-      children: [jsx(MenuItem, {
-        onClick: function onClick(event) {
-          onCreateNewWarning('public', event);
-        },
-        children: jsx(ListItemText, {
-          children: t('public-warning-title').toUpperCase()
-        })
-      }, "Public"), jsx(MenuItem, {
-        onClick: function onClick(event) {
-          onCreateNewWarning('airmet', event);
-        },
-        children: jsx(ListItemText, {
-          children: BUTTON_AIRMET
-        })
-      }, "Airmet"), jsx(MenuItem, {
-        onClick: function onClick(event) {
-          onCreateNewWarning('sigmet', event);
-        },
-        children: jsx(ListItemText, {
-          children: BUTTON_SIGMET
-        })
-      }, "Sigmet"), showMartimeWarningOption ? jsxs(Fragment, {
-        children: [jsx(MenuItem, {
-          onClick: function onClick(event) {
-            onCreateNewWarning('maritimeWarningCoastal', event);
-          },
-          children: jsx(ListItemText, {
-            children: t('maritime-warning-coastal-title').toUpperCase()
-          })
-        }, "MaritimeWarningCoastal"), jsx(MenuItem, {
-          onClick: function onClick(event) {
-            onCreateNewWarning('maritimeWarningNorthSea', event);
+  return jsxs(Box, {
+    sx: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      gap: 1,
+      pb: 4
+    },
+    children: [jsx(CustomTooltip, {
+      title: isAllSelected ? t('filter-hide-all') : t('filter-show-all'),
+      placement: "bottom",
+      children: jsx("div", {
+        children: jsx(FilterChip, {
+          id: "all",
+          label: t('filter-all'),
+          isSelected: isAllSelected,
+          handleClick: function handleClick() {
+            return onClickAll(isAllSelected);
           },
-          children: jsx(ListItemText, {
-            children: t('maritime-warning-northsea-title').toUpperCase()
-          })
-        }, "MaritimeWarningNorthSea")]
-      }) : null]
+          size: "medium"
+        })
+      })
+    }), filterOrder.map(function (filterId) {
+      return jsx(ExpandableFilterChip, {
+        id: filterId,
+        options: filterState[filterId],
+        updateFilter: updateFilter
+      }, filterId);
+    }), jsx(Box, {
+      sx: {
+        marginLeft: 'auto'
+      },
+      children: jsx(TimeFilterChip, {
+        timeFilter: timeFilter,
+        onUpdateTimeFilter: onUpdateTimeFilter
+      })
     })]
   });
 };
@@ -11181,15 +11680,17 @@ var groupWarningsOnStatus = function groupWarningsOnStatus(warnings, sortState)
   var key = sortState.key,
     direction = sortState.direction;
   var sortedWarnings = warnings.sort(function (warningA, warningB) {
+    var _dateStringB$localeCo;
     var dateStringA = key === 'lastUpdatedTime' ? warningA[key] : warningA.warningDetail[key];
     var dateStringB = key === 'lastUpdatedTime' ? warningB[key] : warningB.warningDetail[key];
-    return (dateStringB == null ? void 0 : dateStringB.localeCompare(dateStringA || '')) || 0;
+    return (_dateStringB$localeCo = dateStringB == null ? void 0 : dateStringB.localeCompare(dateStringA != null ? dateStringA : '')) != null ? _dateStringB$localeCo : 0;
   });
   if (direction === 'asc') {
     sortedWarnings.reverse();
   }
   var groupedWarnings = groupBy(sortedWarnings, function (warning) {
-    var status = warning.status || mapProductStatusToWarningStatus(warning.productStatus);
+    var _warning$status;
+    var status = (_warning$status = warning.status) != null ? _warning$status : mapProductStatusToWarningStatus(warning.productStatus);
     switch (status) {
       case PublicWarningStatus.DRAFT:
       case PublicWarningStatus.DRAFT_PUBLISHED:
@@ -11213,7 +11714,7 @@ var groupWarningsOnStatus = function groupWarningsOnStatus(warnings, sortState)
   }, groupedWarnings);
 };
 var PublicWarningList = function PublicWarningList(_ref) {
-  var _sx, _sx2, _sx3;
+  var _sx, _sx2;
   var _ref$warnings = _ref.warnings,
     warnings = _ref$warnings === void 0 ? [] : _ref$warnings,
     filterHookState = _ref.filterHookState,
@@ -11248,7 +11749,9 @@ var PublicWarningList = function PublicWarningList(_ref) {
     setExpandedSections = _ref.setExpandedSections;
   var updateFilter = filterHookState.updateFilter,
     allSelected = filterHookState.allSelected,
-    filterState = filterHookState.filterState;
+    filterState = filterHookState.filterState,
+    timeFilter = filterHookState.timeFilter,
+    updateTimeFilter = filterHookState.updateTimeFilter;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var _React$useState = React__default.useState({
@@ -11333,7 +11836,7 @@ var PublicWarningList = function PublicWarningList(_ref) {
     }
   }, [hoveredFeatureId, items]);
   return jsxs(Fragment, {
-    children: [isLoading && jsx(LinearProgress, {
+    children: [isLoading ? jsx(LinearProgress, {
       "data-testid": "loading-bar",
       color: "secondary",
       sx: {
@@ -11341,7 +11844,7 @@ var PublicWarningList = function PublicWarningList(_ref) {
         width: '100%',
         top: 0
       }
-    }), jsxs(Box, {
+    }) : null, jsxs(Box, {
       sx: {
         padding: 3,
         height: '100%',
@@ -11352,67 +11855,50 @@ var PublicWarningList = function PublicWarningList(_ref) {
       "data-testid": "publicWarningList",
       children: [jsxs(Box, {
         ref: filterRef,
-        sx: (_sx = {
+        sx: {
           display: 'flex',
-          flexWrap: 'wrap',
-          alignItems: 'flex-end',
-          flexDirection: 'column'
-        }, _sx["@container publicWarningList (min-width: " + breakpoints.desktop + "px)"] = {
-          flexDirection: 'row',
-          ' .create-warning': {
-            order: 2
-          }
-        }, _sx),
-        children: [jsx(Box, {
-          className: "warning-filter",
+          flexDirection: 'column',
+          gap: 2
+        },
+        children: [jsxs(Box, {
           sx: {
-            flex: 1,
-            minWidth: 0,
-            order: 2,
-            alignSelf: 'flex-start'
+            display: 'flex',
+            justifyContent: 'flex-end',
+            alignItems: 'center'
           },
+          children: [lastUpdatedTime ? jsx(LastUpdateTime, {
+            onPressRefresh: onRefetchWarnings,
+            lastUpdateTime: lastUpdatedTime
+          }) : jsx(Box, {}), jsx(NewWarningButton, {
+            onCreateWarning: onCreateWarning
+          })]
+        }), jsx(Box, {
           children: jsx(FilterList, {
             isAllSelected: allSelected,
             onClickAll: onClickAll,
             filterState: filterState,
-            updateFilter: updateFilter
+            updateFilter: updateFilter,
+            timeFilter: timeFilter,
+            onUpdateTimeFilter: updateTimeFilter
           })
-        }), jsxs(Box, {
-          className: "create-warning",
-          sx: {
-            order: 1
-          },
-          children: [lastUpdatedTime && jsx(Box, {
-            sx: {
-              "float": 'left',
-              minWidth: 140,
-              paddingTop: 0.5
-            },
-            children: jsx(LastUpdateTime, {
-              onPressRefresh: onRefetchWarnings,
-              lastUpdateTime: lastUpdatedTime
-            })
-          }), jsx(NewWarningButton, {
-            onCreateWarning: onCreateWarning
-          })]
         })]
-      }), error && jsx(AlertBanner, {
+      }), error ? jsx(AlertBanner, {
         title: error.message,
         shouldClose: true
-      }), !error && jsxs(Grid, {
+      }) : null, !error && jsxs(Grid, {
         container: true,
         rowSpacing: 0,
         columnSpacing: 0,
         alignItems: "center",
         justifyContent: "space-between",
         size: "grow",
-        sx: (_sx2 = {
+        sx: (_sx = {
           maxWidth: '100%',
           display: 'none',
           marginTop: '4px'
-        }, _sx2["@container publicWarningList (min-width: " + breakpoints.desktop + "px)"] = {
+        }, _sx["@container publicWarningList (min-width: " + breakpoints.desktop + "px)"] = {
           display: 'flex'
-        }, _sx2),
+        }, _sx),
         children: [jsx(WarningListHeaderContent, {
           title: t('warning-list-header-incidents'),
           sx: {
@@ -11452,9 +11938,9 @@ var PublicWarningList = function PublicWarningList(_ref) {
           width: 140
         }), jsx(WarningListHeaderContent, {
           title: t('warning-list-header-levels'),
-          sx: (_sx3 = {}, _sx3["@container publicWarningList (min-width: " + breakpoints.desktop + "px)"] = {
+          sx: (_sx2 = {}, _sx2["@container publicWarningList (min-width: " + breakpoints.desktop + "px)"] = {
             width: 56
-          }, _sx3)
+          }, _sx2)
         }), jsx(WarningListHeaderContent, {
           title: t('areas'),
           width: 100
@@ -11465,7 +11951,7 @@ var PublicWarningList = function PublicWarningList(_ref) {
             marginRight: '48px'
           }
         })]
-      }), sortedWarnings && !error && jsx(Box, {
+      }), sortedWarnings && !error ? jsx(Box, {
         "data-testid": "warnings-list",
         sx: {
           height: "calc(100% - " + filterHeight + "px)",
@@ -11494,6 +11980,7 @@ var PublicWarningList = function PublicWarningList(_ref) {
                 if (warning.totalWarnings !== undefined) {
                   var header = warning;
                   return jsx(WarningListItemSeperator, {
+                    timeFilter: timeFilter,
                     status: header.status,
                     totalWarnings: header.totalWarnings,
                     style: style,
@@ -11523,7 +12010,7 @@ var PublicWarningList = function PublicWarningList(_ref) {
             });
           }
         })
-      })]
+      }) : null]
     })]
   });
 };
@@ -11718,7 +12205,8 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
   var savedDomainFilter = savedFilterState.domain,
     savedPhenomenonFilter = savedFilterState.phenomenon,
     savedLevelFilter = savedFilterState.level,
-    savedSourceFilter = savedFilterState.source;
+    savedSourceFilter = savedFilterState.source,
+    savedTimeFilter = savedFilterState.time;
   /** Levels for selected domain(s) */
   var relevantLevels = useMemo(function () {
     return getLevelsForDomainFilter(savedDomainFilter);
@@ -11749,7 +12237,7 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
   var defaultSourceFilter = useMemo(function () {
     return Object.fromEntries(relevantSources.map(function (key) {
       var presetValue = presetFilterState == null ? void 0 : presetFilterState.source[key];
-      return [key, presetValue === undefined ? true : presetValue];
+      return [key, presetValue != null ? presetValue : true];
     }));
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -11763,11 +12251,13 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
     };
   }, [defaultSourceFilter]);
   var initialFiltersWithPresets = useMemo(function () {
+    var _presetFilterState$ti;
     return {
       source: defaultSourceFilter || defaultEmptyFilter,
       domain: Object.assign({}, initialFilters.domain, presetFilterState == null ? void 0 : presetFilterState.domain),
       phenomenon: Object.assign({}, initialFilters.phenomenon, presetFilterState == null ? void 0 : presetFilterState.phenomenon),
-      level: Object.assign({}, initialFilters.level, presetFilterState == null ? void 0 : presetFilterState.level)
+      level: Object.assign({}, initialFilters.level, presetFilterState == null ? void 0 : presetFilterState.level),
+      time: (_presetFilterState$ti = presetFilterState == null ? void 0 : presetFilterState.time) != null ? _presetFilterState$ti : defaultTimeFilter
     };
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -11817,7 +12307,16 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
       });
     }
   };
+  var updateTimeFilter = useCallback(function (timeFilter) {
+    onUpdateFilters({
+      time: timeFilter
+    });
+  }, [onUpdateFilters]);
   var byFilterState = useCallback(function (warning) {
+    var _relevantSources$find;
+    if (!isWarningWithinInterval(warning, savedTimeFilter)) {
+      return false;
+    }
     var levelDomain = function () {
       if (['SIG', 'AIR'].includes(warning.warningDetail.level)) {
         return Domain.aviation;
@@ -11838,24 +12337,27 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
     if (!pickedPhenomenaFilter[phenomenon]) {
       return false;
     }
-    var source = relevantSources.find(function (source) {
+    var source = (_relevantSources$find = relevantSources.find(function (source) {
       return source === warning.warningDetail.warningProposalSource;
-    }) || emptyFilterId;
+    })) != null ? _relevantSources$find : emptyFilterId;
     if (!savedSourceFilter[source]) {
       return false;
     }
     return true;
-  }, [savedDomainFilter, pickedLevelFilter, pickedPhenomenaFilter, relevantSources, savedSourceFilter]);
+  }, [savedDomainFilter, pickedLevelFilter, pickedPhenomenaFilter, relevantSources, savedSourceFilter, savedTimeFilter]);
   return {
     allSelected: allSelected,
     updateFilter: updateFilter,
+    updateTimeFilter: updateTimeFilter,
     byFilterState: byFilterState,
     filterState: {
       domain: savedDomainFilter,
       level: pickedLevelFilter,
       phenomenon: pickedPhenomenaFilter,
-      source: savedSourceFilter
-    }
+      source: savedSourceFilter,
+      time: savedTimeFilter
+    },
+    timeFilter: savedTimeFilter
   };
 };
 
@@ -12103,8 +12605,12 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
   var dispatch = useDispatch();
   var confirmDialog = useConfirmationDialog();
   var _useAuthenticationCon = useAuthenticationContext$1(),
-    auth = _useAuthenticationCon.auth;
-  var _useWarnings = useWarnings(),
+    auth = _useAuthenticationCon.auth,
+    isLoggedIn = _useAuthenticationCon.isLoggedIn;
+  var savedFilterState = useSelector(function (store) {
+    return getWarningsFilterById(store, panelId);
+  });
+  var _useWarnings = useWarnings(false, savedFilterState.time),
     combinedWarnings = _useWarnings.combinedWarnings,
     refetchWarnings = _useWarnings.refetchWarnings,
     isFetching = _useWarnings.isFetching,
@@ -12116,9 +12622,6 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     confirmDialogOptions = _React$useState[0],
     setConfirmDialogOptions = _React$useState[1];
   var selectedWarningId = useSelector(getSelectedWarningId);
-  var savedFilterState = useSelector(function (store) {
-    return getWarningsFilterById(store, panelId);
-  });
   var isFormDirty = useSelector(getSelectedPublicIsFormDirty);
   var openPublicWarningDialog = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(formAction, warning, warningType) {
@@ -12635,7 +13138,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
       features: allFeatures
     }, panelId),
     hoveredFeatureId = _useUpdateSharedData.hoverId;
-  return jsxs(Fragment, {
+  return isLoggedIn ? jsxs(Fragment, {
     children: [jsx(PublicWarningList, {
       error: error != null ? error : undefined,
       expandedSections: expandedSections,
@@ -12694,6 +13197,10 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
         return cancelAviationProduct;
       }()
     })]
+  }) : jsx(AlertBanner, {
+    severity: "error",
+    title: t('error-auth-login'),
+    dataTestId: "public-warning-list-auth-error"
   });
 };