@opengeoweb/warnings 19.1.1 → 19.2.0

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useDispatch, useSelector, useStore, shallowEqual } from 'react-redux';
 import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawingToolSelectors, layerSelectors, uiSelectors, layerActions, drawingToolActions, mapListener, layersListener, drawingToolListener, syncGroupsListener, openlayersListener, syncGroupsReducer, drawingToolReducer, uiReducer, layerReducer, mapReducer, useSetupDialog, layerUtils, genericSelectors, useUpdateFeatureSyncLayers, genericActions, selectorMemoizationOptions, useRegisterFeatureSyncSource, syncGroupsSelector } from '@opengeoweb/store';
-import { Polygons, CoastalEvent, TemperatureLow, TemperatureHigh, Rain, Snow, Lightning, Fog, Wind, Thunderstorm, SevereMountainWaves, VulcanicEruption, Haze, FreezingPrecipitation, ModerateAircraftIcing, SevereAircraftIcing, ModerateTurbulence, SevereTurbulence, SandStorm, RadioactiveMaterials, ExitDomain, Share, Edit, Delete, DrawPolygon, Remove, Options, ChevronDown, Visibility, Add, breakpoints, DragHandle, Info, ArrowUpCompact, ArrowDownCompact, Extend24h, Copy, Update, Cancel, Success, Expire, VisibilityOff, ChevronUp, Close, Clock } from '@opengeoweb/theme';
+import { Polygons, CoastalEvent, TemperatureLow, TemperatureHigh, Rain, Snow, Lightning, Fog, Wind, Thunderstorm, SevereMountainWaves, VulcanicEruption, Haze, FreezingPrecipitation, ModerateAircraftIcing, SevereAircraftIcing, ModerateTurbulence, SevereTurbulence, SandStorm, RadioactiveMaterials, ExitDomain, Share, Edit, Delete, DrawPolygon, Remove, Options, ChevronDown, Visibility, Add, breakpoints, DragHandle, Info, ArrowUpCompact, ArrowDownCompact, ArrowDropDownDown, Extend24h, Copy, Update, Cancel, Success, Expire, VisibilityOff, ChevronUp, Close, Clock } from '@opengeoweb/theme';
 import { WEBMAP_REACT_NAMESPACE, defaultPolygon, emptyGeoJSON, MapControlButton, defaultSmoothLine, defaultLineString, defaultFreehandLine, defaultOval, defaultCircle, defaultRotatableBox, defaultSquare, defaultLocation, defaultPoint, defaultSplit, defaultDelete, getDrawModeIdFromSelectionType, getIcon, rewindGeometry, getGeoJSONPropertyValue, DRAWMODE, currentlySupportedDrawModes, defaultLayers, viewUtils, OpenLayersMapView, MapControls, OpenLayersZoomControl, OpenLayersLayer, OpenLayersFeatureLayer, genericOpenLayersFeatureStyle, DEFAULT_GEOJSON_STYLE_FILL_OPACITY, FEATURE_DRAW_FILL_COLOR, FEATURE_DRAW_SECONDARY_FILL_COLOR, FEATURE_DRAW_STROKE_COLOR } from '@opengeoweb/webmap-react';
 import { SHARED_NAMESPACE, useConfirmationDialog, sessionStorageProvider, dateUtils, ConfirmationDialog, AlertBanner, ToggleMenu, calculateStartSize, ToolContainerDraggable, CustomIconButton, usePrevious, usePreventBrowserClose, CustomTooltip, Avatar, getInitials, SwitchButton, Filter, CustomToggleButton, FilterChip, TooltipSelect, LastUpdateTime, StatusTag, FilterOption, getAxiosErrorMessage, CustomDialog, ConfirmationButtons, ErrorBoundary } from '@opengeoweb/shared';
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, combineReducers, configureStore } from '@reduxjs/toolkit';
@@ -13,7 +13,7 @@ import { SA_NAMESPACE, isInstanceOfCancelSigmet, getDefaultValidFromValue, isIns
 import { LayerType, generateMapId, webmapUtils } from '@opengeoweb/webmap';
 import React, { useRef, useState, useEffect, useCallback, useMemo } from 'react';
 import { useAuthenticationContext as useAuthenticationContext$1 } from '@opengeoweb/authentication';
-import { MenuItem, Grid, Box, Typography, styled, ListItem, Paper, ListItemButton, Stack, useTheme, Accordion, AccordionSummary, AccordionDetails, LinearProgress, Tabs, Tab, Button, FormHelperText, Card, CardContent, FormControl, CircularProgress, Menu, ListItemText, IconButton, DialogTitle, DialogContent, Switch, RadioGroup, FormControlLabel, Radio, InputAdornment, Collapse, Tooltip } from '@mui/material';
+import { MenuItem, Grid, Box, Typography, styled, ListItem, Paper, ListItemButton, Stack, useTheme, Accordion, AccordionSummary, AccordionDetails, LinearProgress, Tabs, Tab, Button, FormHelperText, Card, CardContent, FormControl, CircularProgress, Menu, ListItemText, Tooltip, IconButton, Checkbox, DialogTitle, DialogContent, Switch, RadioGroup, FormControlLabel, Radio, InputAdornment, Collapse } from '@mui/material';
 import { useQueryClient, useMutation, queryOptions, QueryClient, useQuery } from '@tanstack/react-query';
 import { getHeaders, handleResponse, AirmetPhenomena, SigmetPhenomena, useAuthenticationContext, useAuthQuery, optimisticUpdate, ProductStatus } from '@opengeoweb/api';
 import { snackbarListener, snackbarReducer, snackbarActions, snackbarTypes } from '@opengeoweb/snackbar';
@@ -129,7 +129,13 @@ var en = {
 	"warning-dialog-delete-title": "Delete warning",
 	"warning-dialog-delete-confirm": "Delete",
 	"warning-dialog-delete-description": "Are you sure you want to delete this warning?",
-	"warning-dialog-delete-islocked": "This warning is in edit mode by another user.",
+	"warning-dialog-delete-islocked": "Warning is in edit mode by another user.",
+	"warning-dialog-delete-all-succes": "All warnings have been deleted",
+	"warning-dialog-delete-all-title": "Delete warnings",
+	"warning-dialog-delete-all-confirm": "Delete",
+	"warning-dialog-delete-all-description": "Are you sure you want to delete {{NUMBER}} warnings?",
+	"warning-dialog-delete-all-button": "Batch delete all selected warnings",
+	"warning-dialog-delete-all-failed": "Batch delete failed for {{NUMBER}} warnings. Please check the list and retry.",
 	"warning-save-succes": "Public warning has succesfully been saved!",
 	"warning-publish-succes": "Public warning has succesfully been published!",
 	"warning-editor-user-viewer": "Viewer",
@@ -163,6 +169,7 @@ var en = {
 	"warning-list-header-levels": "Levels",
 	"warning-list-header-status": "Status",
 	"warning-list-header-draft": "DRAFT",
+	"warning-list-batch-delete-checkbox": "Select for batch delete",
 	"area-object-loader-title": "Areas & Objects",
 	"add-button": "Add",
 	"replace-button": "Replace",
@@ -171,9 +178,12 @@ var en = {
 	"area-object-loader-no-areas-objects": "No areas or objects found",
 	objects: "Objects",
 	areas: "Areas",
+	"filter-select": "Select",
 	"filter-select-all": "Select all",
+	"filter-deselect-all": "Deselect all",
 	"filter-no-results": "No results",
 	"filter-all": "All",
+	"filter-none": "None",
 	"filter-options": "Filter options",
 	"filter-show-all": "Show all",
 	"filter-hide-all": "Hide all",
@@ -415,7 +425,13 @@ var nl = {
 	"warning-dialog-delete-title": "Waarschuwing verwijderen",
 	"warning-dialog-delete-confirm": "Verwijderen",
 	"warning-dialog-delete-description": "Weet je zeker dat je deze waarschuwing wilt verwijderen?",
-	"warning-dialog-delete-islocked": "Deze waarschwing wordt bewerkt door een andere gebruiker.",
+	"warning-dialog-delete-islocked": "Waarschuwing wordt bewerkt door een andere gebruiker.",
+	"warning-dialog-delete-all-succes": "Waarschuwingen zijn verwijderd",
+	"warning-dialog-delete-all-title": "Waarschuwingen verwijderen",
+	"warning-dialog-delete-all-confirm": "Verwijderen",
+	"warning-dialog-delete-all-description": "Weet je zeker dat je {{NUMBER}} waarschuwingen wilt verwijderen?",
+	"warning-dialog-delete-all-button": "Verwijder geselecteerde waarschuwingen",
+	"warning-dialog-delete-all-failed": "Bulk verwijderen mislukt voor {{NUMBER}} waarschuwingen. Check de lijst en probeer opnieuw.",
 	"warning-save-succes": "Publieke waarschuwing is succesvol opgeslagen!",
 	"warning-publish-succes": "Publieke waarschuwing is succesvol gepubliceerd!",
 	"warning-editor-add-editor": "Je bent nu de editor van deze waarschuwing",
@@ -454,6 +470,7 @@ var nl = {
 	"warning-list-too-many-info": "niet vertaald",
 	"warning-list-show-anyway": "niet vertaald",
 	"warning-list-adjust-filter": "niet vertaald",
+	"warning-list-batch-delete-checkbox": "Selecteer voor bulk verwijderen",
 	"area-object-loader-title": "Gebieden & Objecten",
 	"add-button": "Toevoegen",
 	"replace-button": "Vervangen",
@@ -462,9 +479,12 @@ var nl = {
 	"area-object-loader-no-areas-objects": "Geen gebieden of objecten gevonden",
 	objects: "Objecten",
 	areas: "Gebieden",
+	"filter-select": "Selecteer",
 	"filter-select-all": "Selecteer alles",
+	"filter-deselect-all": "Deselecteer alles",
 	"filter-no-results": "Geen resultaten",
 	"filter-all": "Alle",
+	"filter-none": "Geen",
 	"filter-options": "Filter opties",
 	"filter-show-all": "Alles tonen",
 	"filter-hide-all": "Alles verbergen",
@@ -661,6 +681,12 @@ var fi = {
 	"warning-dialog-delete-confirm": "Poista",
 	"warning-dialog-delete-description": "Oletko varma, että haluat poistaa varoituksen?",
 	"warning-dialog-delete-islocked": "Tämä varoitus on editointitilassa toisen käyttäjän toimesta",
+	"warning-dialog-delete-all-succes": "ei käännetty",
+	"warning-dialog-delete-all-title": "ei käännetty",
+	"warning-dialog-delete-all-confirm": "ei käännetty",
+	"warning-dialog-delete-all-description": "ei käännetty",
+	"warning-dialog-delete-all-button": "ei käännetty",
+	"warning-dialog-delete-all-failed": "ei käännetty",
 	"warning-save-succes": "Julkinen varoitus tallannettu onnistuneesti",
 	"warning-publish-succes": "Julkinen varoitus tallennettu onnistuneesti",
 	"warning-editor-user-viewer": "Katselu",
@@ -699,6 +725,7 @@ var fi = {
 	"warning-list-too-many-info": "ei käännetty",
 	"warning-list-show-anyway": "ei käännetty",
 	"warning-list-adjust-filter": "ei käännetty",
+	"warning-list-batch-delete-checkbox": "ei käännetty",
 	"area-object-loader-title": "ei käännetty",
 	"add-button": "ei käännetty",
 	"replace-button": "ei käännetty",
@@ -707,9 +734,12 @@ var fi = {
 	"area-object-loader-no-areas-objects": "ei käännetty",
 	objects: "ei käännetty",
 	areas: "ei käännetty",
+	"filter-select": "Valitse",
 	"filter-select-all": "ei käännetty",
+	"filter-deselect-all": "Poista kaikki valinnat",
 	"filter-no-results": "ei käännetty",
 	"filter-all": "Kaikki",
+	"filter-none": "Ei mitään",
 	"filter-options": "ei käännetty",
 	"filter-show-all": "ei käännetty",
 	"filter-hide-all": "ei käännetty",
@@ -857,7 +887,13 @@ var no = {
 	"warning-dialog-delete-title": "Slett varsel",
 	"warning-dialog-delete-confirm": "Slett",
 	"warning-dialog-delete-description": "Er du sikker på at du vil slette varselet?",
-	"warning-dialog-delete-islocked": "Varselet er i endringsmodus av en annen bruker.",
+	"warning-dialog-delete-islocked": "Varsel er i endringsmodus av en annen bruker.",
+	"warning-dialog-delete-all-succes": "ikke oversatt",
+	"warning-dialog-delete-all-title": "ikke oversatt",
+	"warning-dialog-delete-all-confirm": "ikke oversatt",
+	"warning-dialog-delete-all-description": "ikke oversatt",
+	"warning-dialog-delete-all-button": "ikke oversatt",
+	"warning-dialog-delete-all-failed": "ikke oversatt",
 	"warning-save-succes": "Farevarselet er lagret!",
 	"warning-publish-succes": "Farevarselet er publisert!",
 	"warning-editor-user-viewer": "Visningsmodus",
@@ -896,6 +932,7 @@ var no = {
 	"warning-list-header-levels": "Grad",
 	"warning-list-header-status": "Status",
 	"warning-list-header-draft": "UTKAST",
+	"warning-list-batch-delete-checkbox": "ikke oversatt",
 	"area-object-loader-title": "Områder og objekter",
 	"add-button": "Legg til",
 	"replace-button": "Bytt ut",
@@ -904,9 +941,12 @@ var no = {
 	"area-object-loader-no-areas-objects": "Ingen områder eller objekter funnet",
 	objects: "Objekter",
 	areas: "Områder",
+	"filter-select": "Velg",
 	"filter-select-all": "Velg alle",
+	"filter-deselect-all": "Avmarker alle",
 	"filter-no-results": "Ingen resultat",
 	"filter-all": "Alle",
+	"filter-none": "Ingen",
 	"filter-options": "Filtervalg",
 	"filter-show-all": "Vis alle",
 	"filter-hide-all": "Skjel alle",
@@ -7592,12 +7632,12 @@ var DescriptionField = function DescriptionField(_ref) {
     children: [jsxs(Tabs, {
       "aria-label": "description tabs",
       onChange: handleChange,
-      value: activeTab,
       sx: isDisabled ? {
         '& .MuiTabs-indicator': {
           display: 'none'
         }
       } : undefined,
+      value: activeTab,
       children: [jsx(Tab, Object.assign({
         disabled: isDisabled,
         label: t('warning-description-original'),
@@ -9083,7 +9123,9 @@ var WarningListHeaderContent = function WarningListHeaderContent(_ref) {
     },
     sx: Object.assign({}, Array.isArray(props.sx) ? Object.assign.apply(Object, [{}].concat(props.sx)) : props.sx, {
       width: width,
-      cursor: _onClick ? 'pointer' : 'default'
+      cursor: _onClick ? 'pointer' : 'default',
+      display: 'flex',
+      justifyContent: 'flex-end'
     }),
     children: jsxs(Box, {
       sx: {
@@ -12099,6 +12141,228 @@ var NewWarningButton = function NewWarningButton(_ref) {
   });
 };
 
+var SelectAllButton = function SelectAllButton(_ref) {
+  var selectionState = _ref.selectionState,
+    onSelectAll = _ref.onSelectAll,
+    onSelectNone = _ref.onSelectNone,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var allLabel = t('filter-all');
+  var menuTooltipTitle = t('filter-select');
+  var noneLabel = t('filter-none');
+  var selectAllLabel = t('filter-select-all');
+  var deselectAllLabel = t('filter-deselect-all');
+  var tooltipTitle = selectionState === 'all' || selectionState === 'some' ? deselectAllLabel : selectAllLabel;
+  var id = React.useId();
+  var menuButtonId = id + "-menu-button";
+  var menuId = id + "-menu";
+  var _React$useState = React.useState(null),
+    menuAnchorEl = _React$useState[0],
+    setMenuAnchorEl = _React$useState[1];
+  var menuOpen = Boolean(menuAnchorEl);
+  var isActive = !disabled && (menuOpen || selectionState !== 'none');
+  var handleOpenMenu = function handleOpenMenu(event) {
+    if (disabled) {
+      return;
+    }
+    setMenuAnchorEl(event.currentTarget);
+  };
+  var handleCloseMenu = function handleCloseMenu() {
+    setMenuAnchorEl(null);
+  };
+  var toggleSelection = function toggleSelection() {
+    if (disabled) {
+      return;
+    }
+    if (selectionState === 'none') {
+      onSelectAll();
+      return;
+    }
+    onSelectNone();
+  };
+  var handleCheckboxClick = function handleCheckboxClick(event) {
+    event.stopPropagation();
+    toggleSelection();
+  };
+  var handleCheckboxKeyDown = function handleCheckboxKeyDown(event) {
+    if (disabled || event.key !== 'Enter' && event.key !== ' ') {
+      return;
+    }
+    event.preventDefault();
+    toggleSelection();
+  };
+  var getSegmentHoverBackground = function getSegmentHoverBackground(theme) {
+    if (disabled) {
+      return 'transparent';
+    }
+    return isActive ? theme.palette.primary.dark : theme.palette.action.hover;
+  };
+  var segmentHoverSx = {
+    borderRadius: 0.5,
+    '&:hover': {
+      backgroundColor: getSegmentHoverBackground
+    }
+  };
+  var iconColor = isActive ? 'common.white' : 'text.primary';
+  var ariaChecked = selectionState === 'some' ? 'mixed' : selectionState === 'all';
+  return jsxs(Box, {
+    sx: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      borderRadius: 0.5,
+      backgroundColor: isActive ? 'primary.main' : 'transparent',
+      opacity: disabled ? 0.5 : 1
+    },
+    children: [jsx(Tooltip, {
+      placement: "bottom",
+      title: menuTooltipTitle,
+      children: jsx("span", {
+        children: jsx(IconButton, {
+          "aria-controls": menuOpen ? menuId : undefined,
+          "aria-expanded": menuOpen,
+          "aria-haspopup": "true",
+          "aria-label": menuTooltipTitle,
+          disabled: disabled,
+          id: menuButtonId,
+          onClick: handleOpenMenu,
+          size: "small",
+          sx: Object.assign({}, segmentHoverSx, {
+            width: 24,
+            height: 24,
+            borderTopRightRadius: 0,
+            borderBottomRightRadius: 0
+          }),
+          children: jsx(ArrowDropDownDown, {
+            fontSize: "small",
+            sx: {
+              color: iconColor,
+              fontSize: 18
+            }
+          })
+        })
+      })
+    }), jsx(Tooltip, {
+      placement: "bottom",
+      title: tooltipTitle,
+      children: jsx(Box, {
+        "aria-checked": ariaChecked,
+        "aria-label": tooltipTitle,
+        component: "span",
+        "data-testid": "select-all-batch-delete-checkbox",
+        onClick: handleCheckboxClick,
+        onKeyDown: handleCheckboxKeyDown,
+        role: "checkbox",
+        sx: Object.assign({}, segmentHoverSx, {
+          display: 'inline-flex',
+          alignItems: 'center',
+          borderTopLeftRadius: 0,
+          borderBottomLeftRadius: 0,
+          cursor: disabled ? 'default' : 'pointer'
+        }),
+        tabIndex: disabled ? -1 : 0,
+        children: jsx(Checkbox, {
+          checked: selectionState === 'all',
+          disableRipple: true,
+          disabled: disabled,
+          indeterminate: selectionState === 'some',
+          size: "small",
+          sx: {
+            pointerEvents: 'none',
+            color: isActive ? 'common.white' : 'primary.main',
+            padding: '2px',
+            '&.Mui-checked, &.MuiCheckbox-indeterminate': {
+              color: 'common.white'
+            }
+          },
+          tabIndex: -1
+        })
+      })
+    }), jsxs(Menu, {
+      anchorEl: menuAnchorEl,
+      anchorOrigin: {
+        horizontal: 'left',
+        vertical: 'bottom'
+      },
+      id: menuId,
+      onClose: handleCloseMenu,
+      open: menuOpen,
+      slotProps: {
+        list: {
+          'aria-labelledby': menuButtonId
+        }
+      },
+      transformOrigin: {
+        horizontal: 'left',
+        vertical: 'top'
+      },
+      children: [jsx(MenuItem, {
+        onClick: function onClick() {
+          onSelectAll();
+          handleCloseMenu();
+        },
+        children: allLabel
+      }), jsx(MenuItem, {
+        onClick: function onClick() {
+          onSelectNone();
+          handleCloseMenu();
+        },
+        children: noneLabel
+      })]
+    })]
+  });
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2026 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2026 - Finnish Meteorological Institute (FMI)
+ * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var getWarningStatus = function getWarningStatus(warning) {
+  var _warning$status;
+  return (_warning$status = warning.status) != null ? _warning$status : mapProductStatusToWarningStatus(warning.productStatus);
+};
+var isWarningSelectableForBatchDelete = function isWarningSelectableForBatchDelete(warning) {
+  var status = getWarningStatus(warning);
+  return status === PublicWarningStatus.DRAFT || status === PublicWarningStatus.DRAFT_PUBLISHED || status === PublicWarningStatus.TODO;
+};
+var getBatchDeletableWarningIds = function getBatchDeletableWarningIds(warnings) {
+  return warnings.filter(isWarningSelectableForBatchDelete).map(function (warning) {
+    return warning.id;
+  }).filter(function (id) {
+    return !!id;
+  });
+};
+var getBatchSelectionState = function getBatchSelectionState(selectedIds, deletableIds) {
+  if (deletableIds.length === 0) {
+    return 'none';
+  }
+  var selectedIdSet = new Set(selectedIds);
+  var selectedDeletableCount = deletableIds.filter(function (id) {
+    return selectedIdSet.has(id);
+  }).length;
+  if (selectedDeletableCount === 0) {
+    return 'none';
+  }
+  if (selectedDeletableCount === deletableIds.length) {
+    return 'all';
+  }
+  return 'some';
+};
+
 var _excluded$3 = ["title", "status", "children", "width"];
 var WarningListColumnContent = function WarningListColumnContent(_ref) {
   var _sx;
@@ -12304,7 +12568,7 @@ var WarningListItemMenu = function WarningListItemMenu(_ref) {
   }
 };
 
-var _excluded$2 = ["warning", "activeWarningId", "highlightedItem", "onHoverWarning", "onSelectWarning", "onEditWarning", "onDeleteWarning", "onDeleteReviewWarning", "onExpireWarning", "onWithdrawWarning", "onActionAviationWarning", "onActionMaritimeWarning", "shouldDisableAviationAmendOption", "isHidden", "onToggleVisibility"];
+var _excluded$2 = ["warning", "activeWarningId", "highlightedItem", "onHoverWarning", "onSelectWarning", "onEditWarning", "onDeleteWarning", "onDeleteReviewWarning", "onExpireWarning", "onWithdrawWarning", "onActionAviationWarning", "onActionMaritimeWarning", "shouldDisableAviationAmendOption", "isHidden", "onToggleVisibility", "selectedForBatchDelete", "toggleWarningForBatchDelete"];
 var renderLevelText = function renderLevelText(levelString) {
   if (!levelString) {
     return null;
@@ -12410,6 +12674,10 @@ var WarningListItem = function WarningListItem(_ref) {
     _ref$isHidden = _ref.isHidden,
     isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden,
     onToggleVisibility = _ref.onToggleVisibility,
+    _ref$selectedForBatch = _ref.selectedForBatchDelete,
+    selectedForBatchDelete = _ref$selectedForBatch === void 0 ? [] : _ref$selectedForBatch,
+    _ref$toggleWarningFor = _ref.toggleWarningForBatchDelete,
+    toggleWarningForBatchDelete = _ref$toggleWarningFor === void 0 ? function () {} : _ref$toggleWarningFor,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
@@ -12450,6 +12718,7 @@ var WarningListItem = function WarningListItem(_ref) {
     }
     return t('warning-domain-aviation');
   }, [t, warning.warningDetail.domain]);
+  var isChecked = selectedForBatchDelete.includes(warning.id || '');
   return jsxs(ListItem, Object.assign({
     "data-testid": "warning-" + getSortedStatus(status),
     onMouseEnter: function onMouseEnter() {
@@ -12458,24 +12727,40 @@ var WarningListItem = function WarningListItem(_ref) {
     onMouseLeave: function onMouseLeave() {
       return onHoverWarning(undefined);
     },
-    secondaryAction: jsx(ToggleMenu, {
-      "aria-label": t('warning-list-button-options'),
-      buttonIcon: jsx(Options, {}),
-      menuItems: WarningListItemMenu({
-        warning: warning,
-        t: t,
-        onEditWarning: onEditWarning,
-        onDeleteReviewWarning: onDeleteReviewWarning,
-        onDeleteWarning: onDeleteWarning,
-        onExpireWarning: onExpireWarning,
-        onWithdrawWarning: onWithdrawWarning,
-        onActionAviationWarning: onActionAviationWarning,
-        onActionMaritimeWarning: onActionMaritimeWarning,
-        shouldDisableAviationAmendOption: shouldDisableAviationAmendOption
-      }),
-      menuPosition: "bottom",
-      menuTitle: t('warning-list-button-options'),
-      tooltipTitle: t('warning-list-button-options')
+    secondaryAction: jsxs(Fragment, {
+      children: [jsx(ToggleMenu, {
+        "aria-label": t('warning-list-button-options'),
+        buttonIcon: jsx(Options, {}),
+        menuItems: WarningListItemMenu({
+          warning: warning,
+          t: t,
+          onEditWarning: onEditWarning,
+          onDeleteReviewWarning: onDeleteReviewWarning,
+          onDeleteWarning: onDeleteWarning,
+          onExpireWarning: onExpireWarning,
+          onWithdrawWarning: onWithdrawWarning,
+          onActionAviationWarning: onActionAviationWarning,
+          onActionMaritimeWarning: onActionMaritimeWarning,
+          shouldDisableAviationAmendOption: shouldDisableAviationAmendOption
+        }),
+        menuPosition: "bottom",
+        menuTitle: t('warning-list-button-options'),
+        tooltipTitle: t('warning-list-button-options')
+      }), status === PublicWarningStatus.DRAFT || status === PublicWarningStatus.DRAFT_PUBLISHED || status === PublicWarningStatus.TODO ? jsx(Tooltip, {
+        placement: "left",
+        title: t('warning-list-batch-delete-checkbox'),
+        children: jsx(Checkbox, {
+          checked: isChecked,
+          onChange: function onChange(e) {
+            e.stopPropagation();
+            if (warning.id) {
+              toggleWarningForBatchDelete(warning.id);
+            }
+          },
+          role: "checkbox",
+          size: "small"
+        })
+      }) : null]
     }),
     sx: {
       marginBottom: 0.25,
@@ -12485,7 +12770,17 @@ var WarningListItem = function WarningListItem(_ref) {
       borderColor: status === PublicWarningStatus.EXPIRED || status === PublicWarningStatus.WITHDRAWN ? 'geowebColors.cards.cardContainerDisabledBorder' : 'geowebColors.cards.cardContainerBorder',
       borderRadius: 1,
       borderWidth: activeWarningId === warning.id ? '1px' : '1px',
-      borderStyle: 'solid'
+      borderStyle: 'solid',
+      '& .MuiListItemButton-root': {
+        paddingRight: '60px'
+      },
+      '& .MuiListItemSecondaryAction-root': {
+        width: '50px',
+        right: '8px'
+      },
+      '& .MuiCheckbox-root': {
+        padding: '2px'
+      }
     }
   }, props, {
     children: [jsx(CustomTooltip, {
@@ -13295,6 +13590,8 @@ var RowComponent = function RowComponent(_ref) {
     expandedSections = _ref.expandedSections,
     hoveredFeatureId = _ref.hoveredFeatureId,
     selectedWarningId = _ref.selectedWarningId,
+    selectedForBatchDelete = _ref.selectedForBatchDelete,
+    toggleWarningForBatchDelete = _ref.toggleWarningForBatchDelete,
     onHoverWarning = _ref.onHoverWarning,
     onSelectWarning = _ref.onSelectWarning,
     onEditWarning = _ref.onEditWarning,
@@ -13341,8 +13638,10 @@ var RowComponent = function RowComponent(_ref) {
     onSelectWarning: onSelectWarning,
     onToggleVisibility: onToggleWarningVisibility,
     onWithdrawWarning: onWithdrawWarning,
+    selectedForBatchDelete: selectedForBatchDelete,
     shouldDisableAviationAmendOption: shouldDisableAviationAmendOption,
     style: style,
+    toggleWarningForBatchDelete: toggleWarningForBatchDelete,
     warning: publicWarning
   }, key);
 };
@@ -13414,6 +13713,8 @@ var PublicWarningList = function PublicWarningList(_ref2) {
     onActionAviationWarning = _ref2$onActionAviatio === void 0 ? function () {} : _ref2$onActionAviatio,
     _ref2$onActionMaritim = _ref2.onActionMaritimeWarning,
     onActionMaritimeWarning = _ref2$onActionMaritim === void 0 ? function () {} : _ref2$onActionMaritim,
+    _ref2$onClickBatchDel = _ref2.onClickBatchDelete,
+    onClickBatchDelete = _ref2$onClickBatchDel === void 0 ? function () {} : _ref2$onClickBatchDel,
     hoveredFeatureId = _ref2.hoveredFeatureId,
     expandedSections = _ref2.expandedSections,
     setExpandedSections = _ref2.setExpandedSections,
@@ -13423,7 +13724,15 @@ var PublicWarningList = function PublicWarningList(_ref2) {
     _ref2$shouldDisableAv = _ref2.shouldDisableAviationAmendOption,
     shouldDisableAviationAmendOption = _ref2$shouldDisableAv === void 0 ? false : _ref2$shouldDisableAv,
     hiddenWarningIds = _ref2.hiddenWarningIds,
-    onToggleWarningVisibility = _ref2.onToggleWarningVisibility;
+    onToggleWarningVisibility = _ref2.onToggleWarningVisibility,
+    _ref2$selectedForBatc = _ref2.selectedForBatchDelete,
+    selectedForBatchDelete = _ref2$selectedForBatc === void 0 ? [] : _ref2$selectedForBatc,
+    _ref2$toggleWarningFo = _ref2.toggleWarningForBatchDelete,
+    toggleWarningForBatchDelete = _ref2$toggleWarningFo === void 0 ? function () {} : _ref2$toggleWarningFo,
+    _ref2$onSelectAllForB = _ref2.onSelectAllForBatchDelete,
+    onSelectAllForBatchDelete = _ref2$onSelectAllForB === void 0 ? function () {} : _ref2$onSelectAllForB,
+    _ref2$onClearBatchDel = _ref2.onClearBatchDeleteSelection,
+    onClearBatchDeleteSelection = _ref2$onClearBatchDel === void 0 ? function () {} : _ref2$onClearBatchDel;
   var updateFilter = filterHookState.updateFilter,
     allSelected = filterHookState.allSelected,
     filterState = filterHookState.filterState,
@@ -13507,6 +13816,24 @@ var PublicWarningList = function PublicWarningList(_ref2) {
     }
   }, [listRef, resetListIndex, warnings]);
   var filterHeight = useGetFilterHeight(filterRef);
+  var warningIdSet = React.useMemo(function () {
+    return new Set(warnings.map(function (warning) {
+      return warning.id;
+    }).filter(function (id) {
+      return !!id;
+    }));
+  }, [warnings]);
+  var selectedForBatchDeleteFiltered = React.useMemo(function () {
+    return selectedForBatchDelete.filter(function (id) {
+      return warningIdSet.has(id);
+    });
+  }, [selectedForBatchDelete, warningIdSet]);
+  var batchDeletableWarningIds = React.useMemo(function () {
+    return getBatchDeletableWarningIds(warnings);
+  }, [warnings]);
+  var batchSelectionState = React.useMemo(function () {
+    return getBatchSelectionState(selectedForBatchDeleteFiltered, batchDeletableWarningIds);
+  }, [batchDeletableWarningIds, selectedForBatchDeleteFiltered]);
   return jsxs(Fragment, {
     children: [isLoading ? jsx(LinearProgress, {
       color: "secondary",
@@ -13574,66 +13901,107 @@ var PublicWarningList = function PublicWarningList(_ref2) {
         container: true,
         rowSpacing: 0,
         size: "grow",
-        sx: (_sx = {
+        sx: {
           alignItems: 'center',
-          justifyContent: 'space-between',
           maxWidth: '100%',
-          display: 'none',
-          marginTop: '4px'
-        }, _sx["@container publicWarningList (min-width: " + breakpoints.desktop + "px)"] = {
-          display: 'flex'
-        }, _sx),
-        children: [jsx(WarningListHeaderContent, {
+          display: 'flex',
+          marginTop: '4px',
+          height: '24px'
+        },
+        children: [jsx(Box, {
           sx: {
-            paddingLeft: 2
-          },
-          title: t('warning-list-header-incidents')
-        }), jsx(WarningListHeaderContent, {
-          isSorted: sortState.key === 'lastUpdatedTime',
-          onClick: function onClick() {
-            return toggleSortDirection('lastUpdatedTime');
-          },
-          sortDirection: sortState.direction,
-          sortable: true,
-          title: t('warning-list-header-last-update') + " UTC",
-          width: 142
-        }), jsx(WarningListHeaderContent, {
-          isSorted: sortState.key === 'validFrom',
-          onClick: function onClick() {
-            return toggleSortDirection('validFrom');
-          },
-          sortDirection: sortState.direction,
-          sortable: true,
-          title: t('warning-list-header-start-time') + " UTC",
-          width: 142
-        }), jsx(WarningListHeaderContent, {
-          isSorted: sortState.key === 'validUntil',
-          onClick: function onClick() {
-            return toggleSortDirection('validUntil');
+            display: 'flex',
+            flex: 1,
+            minWidth: 0
           },
-          sortDirection: sortState.direction,
-          sortable: true,
-          title: t('warning-list-header-end-time') + " UTC",
-          width: 142
-        }), jsx(WarningListHeaderContent, {
-          title: t('warning-list-header-domains')
-        }), jsx(WarningListHeaderContent, {
-          title: t('warning-list-header-phenomena'),
-          width: 140
-        }), jsx(WarningListHeaderContent, {
-          sx: (_sx2 = {}, _sx2["@container publicWarningList (min-width: " + breakpoints.desktop + "px)"] = {
-            width: 56
-          }, _sx2),
-          title: t('warning-list-header-levels')
-        }), jsx(WarningListHeaderContent, {
-          title: t('areas'),
-          width: 100
-        }), jsx(WarningListHeaderContent, {
+          children: jsxs(Grid, {
+            container: true,
+            size: "grow",
+            sx: (_sx = {
+              display: 'none',
+              alignItems: 'center',
+              justifyContent: 'space-between',
+              maxWidth: '100%'
+            }, _sx["@container publicWarningList (min-width: " + breakpoints.desktop + "px)"] = {
+              display: 'flex'
+            }, _sx),
+            children: [jsx(WarningListHeaderContent, {
+              sx: {
+                paddingLeft: 2
+              },
+              title: t('warning-list-header-incidents')
+            }), jsx(WarningListHeaderContent, {
+              isSorted: sortState.key === 'lastUpdatedTime',
+              onClick: function onClick() {
+                return toggleSortDirection('lastUpdatedTime');
+              },
+              sortDirection: sortState.direction,
+              sortable: true,
+              title: t('warning-list-header-last-update') + " UTC",
+              width: 142
+            }), jsx(WarningListHeaderContent, {
+              isSorted: sortState.key === 'validFrom',
+              onClick: function onClick() {
+                return toggleSortDirection('validFrom');
+              },
+              sortDirection: sortState.direction,
+              sortable: true,
+              title: t('warning-list-header-start-time') + " UTC",
+              width: 142
+            }), jsx(WarningListHeaderContent, {
+              isSorted: sortState.key === 'validUntil',
+              onClick: function onClick() {
+                return toggleSortDirection('validUntil');
+              },
+              sortDirection: sortState.direction,
+              sortable: true,
+              title: t('warning-list-header-end-time') + " UTC",
+              width: 142
+            }), jsx(WarningListHeaderContent, {
+              title: t('warning-list-header-domains')
+            }), jsx(WarningListHeaderContent, {
+              title: t('warning-list-header-phenomena'),
+              width: 140
+            }), jsx(WarningListHeaderContent, {
+              sx: (_sx2 = {}, _sx2["@container publicWarningList (min-width: " + breakpoints.desktop + "px)"] = {
+                width: 56
+              }, _sx2),
+              title: t('warning-list-header-levels')
+            }), jsx(WarningListHeaderContent, {
+              title: t('areas'),
+              width: 100
+            }), jsx(WarningListHeaderContent, {
+              sx: {
+                marginRight: '48px'
+              },
+              title: t('warning-list-header-status'),
+              width: 76
+            })]
+          })
+        }), jsxs(Box, {
           sx: {
-            marginRight: '48px'
+            width: '60px',
+            flexShrink: 0,
+            display: 'flex',
+            alignItems: 'flex-end',
+            justifyContent: 'flex-end'
           },
-          title: t('warning-list-header-status'),
-          width: 76
+          children: [selectedForBatchDeleteFiltered.length > 0 && jsx(CustomIconButton, {
+            "data-testid": "batch-delete-button",
+            onClick: function onClick() {
+              onClickBatchDelete(selectedForBatchDelete);
+            },
+            tooltipTitle: t('warning-dialog-delete-all-button'),
+            variant: "tool",
+            children: jsx(Delete, {})
+          }), jsx(SelectAllButton, {
+            disabled: batchDeletableWarningIds.length === 0,
+            onSelectAll: function onSelectAll() {
+              onSelectAllForBatchDelete(batchDeletableWarningIds);
+            },
+            onSelectNone: onClearBatchDeleteSelection,
+            selectionState: batchSelectionState
+          })]
         })]
       }), sortedWarnings && !error ? jsx(Box, {
         "data-testid": "warnings-list",
@@ -13667,7 +14035,9 @@ var PublicWarningList = function PublicWarningList(_ref2) {
             onActionMaritimeWarning: onActionMaritimeWarning,
             shouldDisableAviationAmendOption: shouldDisableAviationAmendOption,
             hiddenWarningIds: hiddenWarningIds,
-            onToggleWarningVisibility: onToggleWarningVisibility
+            onToggleWarningVisibility: onToggleWarningVisibility,
+            selectedForBatchDelete: selectedForBatchDelete,
+            toggleWarningForBatchDelete: toggleWarningForBatchDelete
           }
         })
       }) : null]
@@ -13695,7 +14065,7 @@ var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
     setError = _React$useState2[1];
   var onSubmit = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-      var _t;
+      var result, _t;
       return _regenerator().w(function (_context) {
         while (1) switch (_context.p = _context.n) {
           case 0:
@@ -13704,7 +14074,8 @@ var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
             _context.n = 2;
             return request();
           case 2:
-            callback == null || callback();
+            result = _context.v;
+            callback == null || callback(result);
             setIsLoading(false);
             _context.n = 4;
             break;
@@ -14119,10 +14490,10 @@ var CancelAviationDialogContent = function CancelAviationDialogContent(_ref) {
       maxWidth: 600
     },
     children: [jsx(Typography, {
-      variant: "inherit",
       sx: {
         fontWeight: 'medium'
       },
+      variant: "inherit",
       children: t('cancel-message')
     }), jsx("div", {
       style: {
@@ -14137,10 +14508,10 @@ var CancelAviationDialogContent = function CancelAviationDialogContent(_ref) {
         children: cancelContent
       })
     }), jsx(Typography, {
-      variant: "inherit",
       sx: {
         fontWeight: 'medium'
       },
+      variant: "inherit",
       children: t('will-cancel-message')
     }), jsx("div", {
       style: {
@@ -14277,6 +14648,25 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
   var panelId = _ref.panelId,
     presetExpandedSections = _ref.presetExpandedSections,
     presetFilterState = _ref.presetFilterState;
+  var _React$useState = React.useState([]),
+    selectedForBatchDelete = _React$useState[0],
+    setSelectedForBatchDelete = _React$useState[1];
+  var toggleWarningForBatchDelete = React.useCallback(function (warningId) {
+    setSelectedForBatchDelete(function (prev) {
+      if (prev.includes(warningId)) {
+        return prev.filter(function (id) {
+          return id !== warningId;
+        });
+      }
+      return [].concat(prev, [warningId]);
+    });
+  }, []);
+  var selectAllForBatchDelete = React.useCallback(function (warningIds) {
+    setSelectedForBatchDelete(Array.from(new Set(warningIds)));
+  }, []);
+  var clearBatchDeleteSelection = React.useCallback(function () {
+    setSelectedForBatchDelete([]);
+  }, []);
   var updatePublicWarningEditor = useMutatePublicWarningEditor();
   var _useMutateMaritimeWar = useMutateMaritimeWarningsEditor(),
     updateMaritimeWarningEditor = _useMutateMaritimeWar.mutateAsync;
@@ -14304,9 +14694,9 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     dataUpdatedAt = _useWarnings.dataUpdatedAt;
   useAutoRefetchOnExpiry(combinedWarnings, refetchWarnings);
   var lastUpdateTime = dateUtils.dateToString(new Date(dataUpdatedAt), dateUtils.DATE_FORMAT_HOURS);
-  var _React$useState = React.useState(undefined),
-    confirmDialogOptions = _React$useState[0],
-    setConfirmDialogOptions = _React$useState[1];
+  var _React$useState2 = React.useState(undefined),
+    confirmDialogOptions = _React$useState2[0],
+    setConfirmDialogOptions = _React$useState2[1];
   var selectedWarningId = useSelector(getSelectedWarningId);
   var selectedFormWarning = useSelector(getPublicWarning);
   var isFormDirty = useSelector(getSelectedPublicIsFormDirty);
@@ -14516,9 +14906,9 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
       return _ref5.apply(this, arguments);
     };
   }();
-  var _React$useState2 = React.useState(new Set()),
-    hiddenWarningIds = _React$useState2[0],
-    setHiddenWarningIds = _React$useState2[1];
+  var _React$useState3 = React.useState(new Set()),
+    hiddenWarningIds = _React$useState3[0],
+    setHiddenWarningIds = _React$useState3[1];
   var handleToggleWarningVisibility = React.useCallback(function (warningId) {
     setHiddenWarningIds(function (prev) {
       var next = new Set(prev);
@@ -14530,12 +14920,12 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
       return next;
     });
   }, []);
-  var _React$useState3 = React.useState(false),
-    cancelOpen = _React$useState3[0],
-    setCancelOpen = _React$useState3[1];
-  var _React$useState4 = React.useState(null),
-    cancelCtx = _React$useState4[0],
-    setCancelCtx = _React$useState4[1];
+  var _React$useState4 = React.useState(false),
+    cancelOpen = _React$useState4[0],
+    setCancelOpen = _React$useState4[1];
+  var _React$useState5 = React.useState(null),
+    cancelCtx = _React$useState5[0],
+    setCancelCtx = _React$useState5[1];
   var openCancelDialog = function openCancelDialog(warning) {
     var type = warning.warningDetail.level === 'SIG' ? 'sigmet' : 'airmet';
     var product = warning.sigmetAirmetDetails;
@@ -14842,6 +15232,19 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
   var displayedWarnings = React.useMemo(function () {
     return shouldShowAlertBanner ? [] : filteredWarnings;
   }, [shouldShowAlertBanner, filteredWarnings]);
+  React.useEffect(function () {
+    setSelectedForBatchDelete(function (prev) {
+      var visibleIds = new Set(displayedWarnings.map(function (warning) {
+        return warning.id;
+      }).filter(function (id) {
+        return !!id;
+      }));
+      var next = prev.filter(function (id) {
+        return visibleIds.has(id);
+      });
+      return next.length === prev.length ? prev : next;
+    });
+  }, [displayedWarnings]);
   var expandedSections = useSelector(function (store) {
     return getExpandedSectionsByPanelId(store, panelId);
   });
@@ -14952,12 +15355,12 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     var _workspaceViewsById$t;
     return (workspaceViewsById == null || (_workspaceViewsById$t = workspaceViewsById[targetId]) == null ? void 0 : _workspaceViewsById$t.componentType) === 'WarningsTimeline';
   });
-  var _React$useState5 = React.useState(undefined),
-    localHoveredWarningId = _React$useState5[0],
-    setLocalHoveredWarningId = _React$useState5[1];
-  var _React$useState6 = React.useState(false),
-    isUsingLocalHoverOverride = _React$useState6[0],
-    setIsUsingLocalHoverOverride = _React$useState6[1];
+  var _React$useState6 = React.useState(undefined),
+    localHoveredWarningId = _React$useState6[0],
+    setLocalHoveredWarningId = _React$useState6[1];
+  var _React$useState7 = React.useState(false),
+    isUsingLocalHoverOverride = _React$useState7[0],
+    setIsUsingLocalHoverOverride = _React$useState7[1];
   var hoverDispatchTimeoutRef = React.useRef(undefined);
   var hoveredFeatureId = isUsingLocalHoverOverride ? localHoveredWarningId : (_hoveredLinkedFeature = hoveredLinkedFeatureIds[0]) != null ? _hoveredLinkedFeature : hoveredLocalWarningIds[0];
   var handleHoverWarning = React.useCallback(function (warningId) {
@@ -15008,6 +15411,143 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
       });
     };
   }, [dispatch, panelId, store]);
+  var doBatchDelete = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee11(warningIds) {
+      var warningsById, promises, results;
+      return _regenerator().w(function (_context11) {
+        while (1) switch (_context11.n) {
+          case 0:
+            warningsById = new Map(displayedWarnings.map(function (warning) {
+              return [warning.id, warning];
+            }));
+            promises = warningIds.flatMap(function (warningId) {
+              var warning = warningsById.get(warningId);
+              if (!warning) {
+                return [];
+              }
+              if (warning.type === 'public') {
+                var promise = warning.status === PublicWarningStatus.TODO ? saveWarning({
+                  id: warning.id,
+                  data: Object.assign({}, warning, {
+                    status: PublicWarningStatus.IGNORED,
+                    type: 'public'
+                  })
+                }) : deletePublicWarning({
+                  id: warningId
+                });
+                return [{
+                  id: warningId,
+                  promise: promise
+                }];
+              }
+              if (warning.type === 'airmet' || warning.type === 'sigmet') {
+                return [{
+                  id: warningId,
+                  promise: postAviationProduct(warning.sigmetAirmetDetails, 'DISCARDED', warning.type)
+                }];
+              }
+              // Maritime warnings are ignored as they cannot have status DRAFT/TODO
+              return [];
+            }); // Correct version
+            _context11.n = 1;
+            return Promise.allSettled(promises.map(/*#__PURE__*/function () {
+              var _ref0 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee10(_ref9) {
+                var promise;
+                return _regenerator().w(function (_context10) {
+                  while (1) switch (_context10.n) {
+                    case 0:
+                      promise = _ref9.promise;
+                      return _context10.a(2, promise);
+                  }
+                }, _callee10);
+              }));
+              return function (_x12) {
+                return _ref0.apply(this, arguments);
+              };
+            }()));
+          case 1:
+            results = _context11.v;
+            return _context11.a(2, promises.filter(function (_, index) {
+              return results[index].status === 'fulfilled';
+            }).map(function (_ref1) {
+              var id = _ref1.id;
+              return id;
+            }));
+        }
+      }, _callee11);
+    }));
+    return function doBatchDelete(_x11) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  var onClickBatchDelete = function onClickBatchDelete(warningIds) {
+    // Filter out any warnings that are excluded because of the filter
+    var warningIdSet = new Set(displayedWarnings.map(function (warning) {
+      return warning.id;
+    }));
+    var filteredWarningIds = warningIds.filter(function (id) {
+      return warningIdSet.has(id);
+    });
+    var isLocked = filteredWarningIds.some(function (warningId) {
+      var _fullWarning$editor, _auth$username4;
+      var fullWarning = displayedWarnings.find(function (warning) {
+        return warning.id === warningId;
+      });
+      var editor = (_fullWarning$editor = fullWarning == null ? void 0 : fullWarning.editor) != null ? _fullWarning$editor : '';
+      var currentUser = (_auth$username4 = auth == null ? void 0 : auth.username) != null ? _auth$username4 : '';
+      return editor !== '' && editor !== currentUser;
+    });
+    setConfirmDialogOptions({
+      confirmLabel: t('warning-dialog-delete-all-confirm'),
+      title: t('warning-dialog-delete-all-title'),
+      description: t('warning-dialog-delete-all-description', {
+        ns: WARN_NAMESPACE,
+        NUMBER: filteredWarningIds.length
+      }),
+      request: function () {
+        var _request7 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee12() {
+          return _regenerator().w(function (_context12) {
+            while (1) switch (_context12.n) {
+              case 0:
+                return _context12.a(2, doBatchDelete(filteredWarningIds));
+            }
+          }, _callee12);
+        }));
+        function request() {
+          return _request7.apply(this, arguments);
+        }
+        return request;
+      }(),
+      callback: function callback(data) {
+        var successfulIds = data || [];
+        if (filteredWarningIds.includes(selectedWarningId)) {
+          dispatch(uiActions.setToggleOpenDialog({
+            setOpen: false,
+            type: publicWarningDialogType
+          }));
+        }
+        // Only show snackbar and remove from selection if there were successes
+        if (successfulIds.length > 0) {
+          openSnackbar(t('warning-dialog-delete-all-succes'));
+          setSelectedForBatchDelete(function (prev) {
+            return prev.filter(function (id) {
+              return !successfulIds.includes(id);
+            });
+          });
+        }
+        var failedCount = filteredWarningIds.length - successfulIds.length;
+        if (failedCount > 0) {
+          throw new Error(t('warning-dialog-delete-all-failed', {
+            NUMBER: failedCount
+          }));
+        } else {
+          setConfirmDialogOptions(undefined);
+        }
+        refetchWarnings();
+      },
+      isLocked: isLocked
+    });
+  };
   return isLoggedIn ? jsxs(Fragment, {
     children: [jsx(PublicWarningList, {
       error: error != null ? error : undefined,
@@ -15020,6 +15560,8 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
       limitAlertCount: filteredWarnings.length,
       onActionAviationWarning: handleAviationProductClick,
       onActionMaritimeWarning: handleMaritimeProductClick,
+      onClearBatchDeleteSelection: clearBatchDeleteSelection,
+      onClickBatchDelete: onClickBatchDelete,
       onCreateWarning: createWarning,
       onDeleteReviewWarning: deleteReviewWarning,
       onDeleteWarning: deleteWarning,
@@ -15027,13 +15569,16 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
       onExpireWarning: expireWarning,
       onHoverWarning: handleHoverWarning,
       onRefetchWarnings: refetchWarnings,
+      onSelectAllForBatchDelete: selectAllForBatchDelete,
       onSelectWarning: selectWarning,
       onToggleWarningVisibility: handleToggleWarningVisibility,
       onWithdrawWarning: withdrawWarning,
+      selectedForBatchDelete: selectedForBatchDelete,
       selectedWarningId: selectedWarningId,
       setExpandedSections: setExpandedSections,
       shouldDisableAviationAmendOption: (aviationConfig == null ? void 0 : aviationConfig.disable_amend_action) === true,
       showLimitAlert: shouldShowAlertBanner,
+      toggleWarningForBatchDelete: toggleWarningForBatchDelete,
       warnings: displayedWarnings
     }), confirmDialogOptions ? jsx(ConfirmDeleteWarningDialog, {
       callback: confirmDialogOptions.callback,
@@ -15048,15 +15593,15 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     }) : null, !!cancelCtx && jsx(CancelAviationConfirmDialog, {
       aviationConfig: aviationConfig,
       cancelAviationProduct: function () {
-        var _cancelAviationProduct2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee10(product, t, opts) {
-          return _regenerator().w(function (_context10) {
-            while (1) switch (_context10.n) {
+        var _cancelAviationProduct2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee13(product, t, opts) {
+          return _regenerator().w(function (_context13) {
+            while (1) switch (_context13.n) {
               case 0:
-                return _context10.a(2, _cancelAviationProduct(product, t, opts));
+                return _context13.a(2, _cancelAviationProduct(product, t, opts));
             }
-          }, _callee10);
+          }, _callee13);
         }));
-        function cancelAviationProduct(_x11, _x12, _x13) {
+        function cancelAviationProduct(_x13, _x14, _x15) {
           return _cancelAviationProduct2.apply(this, arguments);
         }
         return cancelAviationProduct;
@@ -15760,8 +16305,8 @@ var WarningsTimeline = function WarningsTimeline(_ref) {
       var _loop = function _loop() {
         var entry = _step.value;
         var nextSize = {
-          width: entry.contentRect.width,
-          height: entry.contentRect.height
+          width: Math.round(entry.contentRect.width),
+          height: Math.round(entry.contentRect.height)
         };
         setContainerSize(function (currentSize) {
           return currentSize.width === nextSize.width && currentSize.height === nextSize.height ? currentSize : nextSize;
@@ -15926,6 +16471,7 @@ var WarningsTimeline = function WarningsTimeline(_ref) {
       sx: {
         flex: 1,
         overflow: 'auto',
+        scrollbarGutter: 'stable',
         minHeight: 0
       },
       children: jsx(Box$1, {

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

@@ -3,7 +3,7 @@ import type { AirmetFromBackend, SigmetFromBackend } from '@opengeoweb/api';
 export interface ConfirmDialogProps {
     title: string;
     description: string;
-    request: () => Promise<void> | Promise<Headers | null> | Promise<SigmetFromBackend | AirmetFromBackend>;
+    request: () => Promise<void> | Promise<Headers | null> | Promise<SigmetFromBackend | AirmetFromBackend> | Promise<string[]>;
     confirmLabel: string;
     callback?: (data?: unknown) => void;
     isLocked?: boolean;

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

@@ -17,11 +17,16 @@ export interface PublicWarningListProps extends WarningListItemActions {
     setExpandedSections: (expandedSections: Record<string, boolean>) => void;
     onHoverWarning?: (warningId?: string) => void;
     onActionAviationWarning?: () => void;
+    onClickBatchDelete?: (warningIds: string[]) => void;
     limitAlertCount?: number;
     showLimitAlert?: boolean;
     shouldDisableAviationAmendOption: boolean;
     hiddenWarningIds?: Set<string>;
     onToggleWarningVisibility?: (warningId: string) => void;
+    selectedForBatchDelete?: string[];
+    toggleWarningForBatchDelete?: (warningId: string) => void;
+    onSelectAllForBatchDelete?: (warningIds: string[]) => void;
+    onClearBatchDeleteSelection?: () => void;
 }
 export declare const PublicWarningList: React.FC<PublicWarningListProps>;
 export default PublicWarningList;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { BatchSelectionState } from './selectAllButtonUtils';
+export interface SelectAllButtonProps {
+    selectionState: BatchSelectionState;
+    onSelectAll: () => void;
+    onSelectNone: () => void;
+    disabled?: boolean;
+}
+export declare const SelectAllButton: React.FC<SelectAllButtonProps>;

package/dist/src/lib/components/PublicWarningList/SelectAllButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SelectAllButton';
+export * from './selectAllButtonUtils';

package/dist/src/lib/components/PublicWarningList/SelectAllButton/selectAllButtonUtils.d.ts

@@ -0,0 +1,7 @@
+import type { Warning } from '../../../store/warningsForm/types';
+import { PublicWarningStatus } from '../../../store/warningsForm/types';
+export type BatchSelectionState = 'none' | 'some' | 'all';
+export declare const getWarningStatus: (warning: Warning) => PublicWarningStatus;
+export declare const isWarningSelectableForBatchDelete: (warning: Warning) => boolean;
+export declare const getBatchDeletableWarningIds: (warnings: Warning[]) => string[];
+export declare const getBatchSelectionState: (selectedIds: string[], deletableIds: string[]) => BatchSelectionState;

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

@@ -11,6 +11,8 @@ export interface WarningListItemProps extends ListItemProps, WarningListItemActi
     shouldDisableAviationAmendOption?: boolean;
     isHidden?: boolean;
     onToggleVisibility?: (warningId: string) => void;
+    selectedForBatchDelete?: string[];
+    toggleWarningForBatchDelete?: (warningId: string) => void;
 }
 declare const WarningListItem: React.FC<WarningListItemProps>;
 export default WarningListItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/warnings",
-  "version": "19.1.1",
+  "version": "19.2.0",
   "description": "GeoWeb warinings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {