@opengeoweb/warnings 9.3.1 → 9.4.1

package/index.esm.js

@@ -4,7 +4,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { Polygons, Share, ExitDomain, Edit, Delete, DrawPolygon, Visibility, Add, Wind, Fog, Lightning, Snow, Rain, TemperatureHigh, FunnelCloud, TemperatureLow, CoastalEvent, breakpoints, Options } from '@opengeoweb/theme';
 import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, drawtoolActions, mapStoreActions, layerActions, useSetupDialog } from '@opengeoweb/store';
 import { emptyGeoJSON, MapControlButton, getGeoJSONPropertyValue, getIcon, rewindGeometry, currentlySupportedDrawModes } from '@opengeoweb/webmap-react';
-import { useConfirmationDialog, dateUtils, ToggleMenu, calculateStartSize, ToolContainerDraggable, AlertBanner, ConfirmationDialog, getAxiosErrorMessage, usePrevious, CustomIconButton, SwitchButton, StatusTag, ErrorBoundary, isAxiosError } from '@opengeoweb/shared';
+import { useConfirmationDialog, ToggleMenu, dateUtils, calculateStartSize, ToolContainerDraggable, AlertBanner, ConfirmationDialog, getAxiosErrorMessage, usePrevious, CustomIconButton, SwitchButton, StatusTag, ErrorBoundary, isAxiosError } from '@opengeoweb/shared';
 import { createEntityAdapter, createSlice, createSelector } from '@reduxjs/toolkit';
 import { snackbarActions } from '@opengeoweb/snackbar';
 import { styled, Box, Typography, ListItem, Grid, Paper, ListItemButton, Stack, LinearProgress, Button, FormHelperText, MenuItem, Tabs, Tab, FormControl, Card, CardContent, ListItemIcon, CircularProgress, List } from '@mui/material';
@@ -962,7 +962,7 @@ var HEADER_ITEM_SIZE = 28;
 var BREAKPOINT = 320;
 var NO_OBJECTS_FOUND = 'No objects found';
 var BUTTON_EDIT$2 = 'Edit';
-var BUTTON_DELETE$1 = 'Delete';
+var BUTTON_DELETE$2 = 'Delete';
 var BUTTON_SHARE = 'Share';
 var BUTTON_AIRMET = 'AIRMET';
 var BUTTON_SIGMET = 'SIGMET';
@@ -973,8 +973,7 @@ var getListInclHeaders = function getListInclHeaders(objects) {
   var headerList = [];
   // Construct list incl day headers
   objects.forEach(function (object, index) {
-    var objectDate = dateUtils.isoStringToDate(object.lastUpdatedTime);
-    var header = dateUtils.dateToString(objectDate, DATE_FORMAT_HEADER, true);
+    var header = dateUtils.dateToString(dateUtils.utc(object.lastUpdatedTime), DATE_FORMAT_HEADER);
     var isNewDay = !headerList.find(function (item) {
       return item === header;
     });
@@ -1111,7 +1110,6 @@ var Objects = function Objects(_ref2) {
         }, header);
       }
       var object = objects[listItem.index];
-      var objectDate = dateUtils.isoStringToDate(object.lastUpdatedTime);
       return /*#__PURE__*/React__default.createElement(ContainerDiv, null, /*#__PURE__*/React__default.createElement(ListItem, {
         style: style,
         disablePadding: true,
@@ -1167,7 +1165,7 @@ var Objects = function Objects(_ref2) {
             },
             icon: /*#__PURE__*/React__default.createElement(Edit, null)
           }, {
-            text: BUTTON_DELETE$1,
+            text: BUTTON_DELETE$2,
             action: function action() {
               onClickDelete(object.id);
             },
@@ -1207,7 +1205,7 @@ var Objects = function Objects(_ref2) {
           maxHeight: '32px',
           overflow: 'hidden'
         }
-      }, object.scope === 'global' && 'Global: ', dateUtils.dateToString(objectDate, DATE_FORMAT, true), ' ', "UTC"))))));
+      }, object.scope === 'global' && 'Global: ', "".concat(dateUtils.dateToString(dateUtils.utc(object.lastUpdatedTime), DATE_FORMAT), " UTC")))))));
     })));
   });
 };
@@ -1397,8 +1395,14 @@ var getApiRoutes$1 = function getApiRoutes(axiosInstance) {
         return getIdFromUrl(headerLocation);
       });
     },
-    updateWarning: function updateWarning(drawingId, data) {
-      return axiosInstance.post("/warnings/".concat(drawingId, "/"), data);
+    updateWarning: function updateWarning(warningId, data) {
+      return axiosInstance.post("/warnings/".concat(warningId, "/"), data);
+    },
+    deleteWarning: function deleteWarning(warningId) {
+      return axiosInstance.post("/warnings/".concat(warningId, "?delete=true"));
+    },
+    toggleEditorWarning: function toggleEditorWarning(warningId, isEditor) {
+      return axiosInstance.post("/warnings/".concat(warningId, "?editor=").concat(isEditor ? 'true' : 'false'));
     }
   };
 };
@@ -1411,10 +1415,10 @@ var createApi$1 = function createApi(props) {
   return getApiRoutes$1(props.auth ? authInstance : nonAuthInstance);
 };
 
-var DELETE_TITLE = 'Delete object';
-var DELETE_CONFIRM = 'Delete';
-var CANCEL = 'Cancel';
-var getDeleteDescription = function getDeleteDescription(objectName) {
+var DELETE_TITLE$1 = 'Delete object';
+var DELETE_CONFIRM$1 = 'Delete';
+var CANCEL$1 = 'Cancel';
+var getDeleteDescription$1 = function getDeleteDescription(objectName) {
   return "Are you sure you want to delete \"".concat(objectName, "\"?");
 };
 var ConfirmDeleteDialog = function ConfirmDeleteDialog(_ref) {
@@ -1459,12 +1463,12 @@ var ConfirmDeleteDialog = function ConfirmDeleteDialog(_ref) {
       }, _callee, null, [[1, 8]]);
     }));
   };
-  var description = getDeleteDescription(objectName);
+  var description = getDeleteDescription$1(objectName);
   return /*#__PURE__*/React__default.createElement(ConfirmationDialog, Object.assign({
-    title: DELETE_TITLE,
+    title: DELETE_TITLE$1,
     open: true,
-    confirmLabel: DELETE_CONFIRM,
-    cancelLabel: CANCEL,
+    confirmLabel: DELETE_CONFIRM$1,
+    cancelLabel: CANCEL$1,
     description: !error ? description : '',
     onClose: onClose,
     onSubmit: onSubmit,
@@ -1543,7 +1547,6 @@ var slice$1 = createSlice({
       }
     },
     openPublicWarningFormDialog: function openPublicWarningFormDialog(draft, action) {
-      var _a;
       var _action$payload2 = action.payload,
         object = _action$payload2.object,
         publicWarning = _action$payload2.publicWarning,
@@ -1551,7 +1554,7 @@ var slice$1 = createSlice({
         formState = _action$payload2$form === void 0 ? '' : _action$payload2$form;
       draft.object = object;
       draft.publicWarning = publicWarning;
-      draft.selectedPublicWarningId = (_a = publicWarning === null || publicWarning === void 0 ? void 0 : publicWarning.warningDetail) === null || _a === void 0 ? void 0 : _a.id;
+      draft.selectedPublicWarningId = publicWarning === null || publicWarning === void 0 ? void 0 : publicWarning.id;
       draft.formState = formState;
     },
     // publish warning
@@ -1867,7 +1870,7 @@ var drawingListJSON = [
 	{
 		id: "923723984872338768743",
 		objectName: "Drawing object 101",
-		lastUpdatedTime: "2022-06-01T12:34:27Z",
+		lastUpdatedTime: "2022-06-01T23:00:00Z",
 		scope: "user",
 		geoJSON: {
 			type: "FeatureCollection",
@@ -2706,7 +2709,7 @@ var drawingsListFullContentJSON = [
 var warningListJSON = [
 	{
 		id: "b6daea16-46db-497a-865e-9e7320ad8d12",
-		lastUpdatedTime: "2023-12-06T06:56:39.376366",
+		lastUpdatedTime: "2023-12-06T06:56:39Z",
 		status: "TODO",
 		warningDetail: {
 			id: "b6daea16-46db-497a-865e-9e7320ad8d12",
@@ -2791,8 +2794,8 @@ var warningListJSON = [
 					}
 				]
 			},
-			validFrom: "2023-12-19T00:00:00+00:00",
-			validUntil: "2023-12-20T00:00:00+00:00",
+			validFrom: "2023-12-19T00:00:00Z",
+			validUntil: "2023-12-20T00:00:00Z",
 			level: "moderate",
 			domain: "public",
 			warningProposalSource: "PASCAL-ECMWF-EPS",
@@ -2802,7 +2805,7 @@ var warningListJSON = [
 	},
 	{
 		id: "bcbb6f28-235c-495f-b1a3-976c49079ca0",
-		lastUpdatedTime: "2023-12-06T06:56:39.065168",
+		lastUpdatedTime: "2023-12-06T06:56:39Z",
 		status: "TODO",
 		warningDetail: {
 			id: "bcbb6f28-235c-495f-b1a3-976c49079ca0",
@@ -2919,8 +2922,8 @@ var warningListJSON = [
 					}
 				]
 			},
-			validFrom: "2023-12-19T00:00:00+00:00",
-			validUntil: "2023-12-20T00:00:00+00:00",
+			validFrom: "2023-12-19T00:00:00Z",
+			validUntil: "2023-12-20T00:00:00Z",
 			level: "moderate",
 			domain: "public",
 			warningProposalSource: "PASCAL-ECMWF-EPS",
@@ -2930,7 +2933,7 @@ var warningListJSON = [
 	},
 	{
 		id: "6053fdab-a258-4bba-9d7a-5467714cc808",
-		lastUpdatedTime: "2023-12-06T06:56:38.759534",
+		lastUpdatedTime: "2023-12-06T06:56:38Z",
 		status: "TODO",
 		warningDetail: {
 			id: "6053fdab-a258-4bba-9d7a-5467714cc808",
@@ -3007,8 +3010,8 @@ var warningListJSON = [
 					}
 				]
 			},
-			validFrom: "2023-12-18T00:00:00+00:00",
-			validUntil: "2023-12-19T00:00:00+00:00",
+			validFrom: "2023-12-18T00:00:00Z",
+			validUntil: "2023-12-19T00:00:00Z",
 			level: "moderate",
 			domain: "public",
 			warningProposalSource: "PASCAL-ECMWF-EPS",
@@ -3018,7 +3021,7 @@ var warningListJSON = [
 	},
 	{
 		id: "5eb1c7d3-f052-453d-8e39-e51e8b855754",
-		lastUpdatedTime: "2023-12-06T06:56:38.461701",
+		lastUpdatedTime: "2023-12-06T06:56:38Z",
 		status: "TODO",
 		warningDetail: {
 			id: "5eb1c7d3-f052-453d-8e39-e51e8b855754",
@@ -3131,8 +3134,8 @@ var warningListJSON = [
 					}
 				]
 			},
-			validFrom: "2023-12-11T00:00:00+00:00",
-			validUntil: "2023-12-12T00:00:00+00:00",
+			validFrom: "2023-12-11T00:00:00Z",
+			validUntil: "2023-12-12T00:00:00Z",
 			level: "moderate",
 			domain: "public",
 			warningProposalSource: "PASCAL-ECMWF-EPS",
@@ -3142,7 +3145,7 @@ var warningListJSON = [
 	},
 	{
 		id: "7688a48e-db0b-43b3-a467-e00353f3eb34",
-		lastUpdatedTime: "2023-12-06T06:56:38.069846",
+		lastUpdatedTime: "2023-12-06T06:56:38Z",
 		status: "TODO",
 		warningDetail: {
 			id: "7688a48e-db0b-43b3-a467-e00353f3eb34",
@@ -3307,8 +3310,8 @@ var warningListJSON = [
 					}
 				]
 			},
-			validFrom: "2023-12-11T00:00:00+00:00",
-			validUntil: "2023-12-12T00:00:00+00:00",
+			validFrom: "2023-12-11T00:00:00Z",
+			validUntil: "2023-12-12T00:00:00Z",
 			level: "moderate",
 			domain: "public",
 			warningProposalSource: "PASCAL-ECMWF-EPS",
@@ -3318,8 +3321,9 @@ var warningListJSON = [
 	},
 	{
 		id: "550c2b5e-937d-11ee-a1bf-0ab3cf8a98c1",
-		lastUpdatedTime: "2023-12-05T14:48:20.212034",
+		lastUpdatedTime: "2023-12-05T14:48:20Z",
 		status: "DRAFT",
+		editor: "user.name",
 		warningDetail: {
 			phenomenon: "fog",
 			geoJSON: {
@@ -3361,16 +3365,17 @@ var warningListJSON = [
 					}
 				]
 			},
-			validFrom: "2023-12-05T14:48:09+00:00",
-			validUntil: "2023-12-05T18:48:09+00:00",
+			validFrom: "2023-12-05T14:48:09Z",
+			validUntil: "2023-12-05T18:48:09Z",
 			level: "moderate",
 			probability: 30
 		}
 	},
 	{
 		id: "078e6676-937d-11ee-b619-0ab3cf8a98c1",
-		lastUpdatedTime: "2023-12-05T14:46:10.203239",
+		lastUpdatedTime: "2023-12-05T14:46:10Z",
 		status: "DRAFT",
+		editor: "other.user",
 		warningDetail: {
 			phenomenon: "coastalEvent",
 			geoJSON: {
@@ -3412,15 +3417,15 @@ var warningListJSON = [
 					}
 				]
 			},
-			validFrom: "2023-12-05T14:46:01+00:00",
-			validUntil: "2023-12-05T20:46:01+00:00",
+			validFrom: "2023-12-05T14:46:01Z",
+			validUntil: "2023-12-05T20:46:01Z",
 			level: "severe",
 			probability: 30
 		}
 	},
 	{
 		id: "f1e8981e-937c-11ee-a1bf-0ab3cf8a98c1",
-		lastUpdatedTime: "2023-12-05T14:45:33.884455",
+		lastUpdatedTime: "2023-12-05T14:45:33Z",
 		status: "DRAFT",
 		warningDetail: {
 			phenomenon: "wind",
@@ -3476,13 +3481,13 @@ var warningListJSON = [
 					}
 				]
 			},
-			validFrom: "2023-12-05T14:45:28+00:00",
+			validFrom: "2023-12-05T14:45:28Z",
 			probability: 30
 		}
 	},
 	{
 		id: "30fe2e4c-937d-11ee-b3d1-0ab3cf8a98c1",
-		lastUpdatedTime: "2023-12-05T14:47:19.722379",
+		lastUpdatedTime: "2023-12-05T14:47:19Z",
 		status: "PUBLISHED",
 		warningDetail: {
 			phenomenon: "snowIce",
@@ -3525,15 +3530,15 @@ var warningListJSON = [
 					}
 				]
 			},
-			validFrom: "2023-12-05T14:47:03+00:00",
-			validUntil: "2023-12-18T16:47:03+00:00",
+			validFrom: "2023-12-05T14:47:03Z",
+			validUntil: "2023-12-18T16:47:03Z",
 			level: "severe",
 			probability: 70
 		}
 	},
 	{
 		id: "20f54a8a-937d-11ee-b619-0ab3cf8a98c1",
-		lastUpdatedTime: "2023-12-05T14:46:52.820574",
+		lastUpdatedTime: "2023-12-05T14:46:52Z",
 		status: "PUBLISHED",
 		warningDetail: {
 			phenomenon: "lowTemp",
@@ -3576,15 +3581,15 @@ var warningListJSON = [
 					}
 				]
 			},
-			validFrom: "2023-12-05T14:46:39+00:00",
-			validUntil: "2023-12-07T20:48:39+00:00",
+			validFrom: "2023-12-05T14:46:39Z",
+			validUntil: "2023-12-07T20:48:39Z",
 			level: "moderate",
 			probability: 80
 		}
 	},
 	{
 		id: "14f7903a-937d-11ee-b619-0ab3cf8a98c1",
-		lastUpdatedTime: "2023-12-05T14:46:32.702804",
+		lastUpdatedTime: "2023-12-05T14:46:32Z",
 		status: "PUBLISHED",
 		warningDetail: {
 			phenomenon: "funnelCloud",
@@ -3627,15 +3632,15 @@ var warningListJSON = [
 					}
 				]
 			},
-			validFrom: "2023-12-06T14:46:19+00:00",
-			validUntil: "2023-12-06T20:46:19+00:00",
+			validFrom: "2023-12-06T14:46:19Z",
+			validUntil: "2023-12-06T20:46:19Z",
 			level: "severe",
 			probability: 30
 		}
 	},
 	{
 		id: "4b94edb8-937d-11ee-b619-0ab3cf8a98c1",
-		lastUpdatedTime: "2023-12-05T14:48:04.331079",
+		lastUpdatedTime: "2023-12-05T14:48:04Z",
 		status: "EXPIRED",
 		warningDetail: {
 			phenomenon: "snowIce",
@@ -3678,15 +3683,15 @@ var warningListJSON = [
 					}
 				]
 			},
-			validFrom: "2023-12-05T14:47:50+00:00",
-			validUntil: "2023-12-05T20:47:50+00:00",
+			validFrom: "2023-12-05T14:47:50Z",
+			validUntil: "2023-12-05T20:47:50Z",
 			level: "moderate",
 			probability: 40
 		}
 	},
 	{
 		id: "3f756602-937d-11ee-a1bf-0ab3cf8a98c1",
-		lastUpdatedTime: "2023-12-05T14:47:43.991790",
+		lastUpdatedTime: "2023-12-05T14:47:43Z",
 		status: "EXPIRED",
 		warningDetail: {
 			phenomenon: "thunderstorm",
@@ -3729,8 +3734,8 @@ var warningListJSON = [
 					}
 				]
 			},
-			validFrom: "2023-12-05T14:47:34+00:00",
-			validUntil: "2023-12-05T20:47:34+00:00",
+			validFrom: "2023-12-05T14:47:34Z",
+			validUntil: "2023-12-05T20:47:34Z",
 			level: "extreme",
 			probability: 40
 		}
@@ -3774,6 +3779,7 @@ var warningList = warningListJSON;
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
 var ERROR_NOT_FOUND = 'Request failed with status code 400';
+var MOCK_USERNAME = 'user.name';
 var extractDrawingDetailsFromJSON = function extractDrawingDetailsFromJSON(drawingId) {
   return drawingsListFullContent.find(function (element) {
     return element.id === drawingId;
@@ -3838,6 +3844,25 @@ var getApiRoutes = function getApiRoutes(axiosInstance) {
       // eslint-disable-next-line no-console
       console.log("api: update warning ".concat(warningId), data);
       return axiosInstance.post("/warnings/".concat(warningId, "/"), data);
+    },
+    deleteWarning: function deleteWarning(warningId) {
+      // eslint-disable-next-line no-console
+      console.log('api: delete warning', warningId);
+      warningList.splice(warningList.findIndex(function (warning) {
+        return warning.id === warningId;
+      }), 1);
+      return axiosInstance.post("/warnings/".concat(warningId, "?delete=true"));
+    },
+    toggleEditorWarning: function toggleEditorWarning(warningId, isEditor) {
+      // eslint-disable-next-line no-console
+      console.log('api: toggle editor warning', warningId, isEditor);
+      var index = warningList.findIndex(function (warning) {
+        return warning.id === warningId;
+      });
+      warningList.splice(index, 1, Object.assign(Object.assign({}, warningList[index]), {
+        editor: isEditor ? MOCK_USERNAME : null
+      }));
+      return axiosInstance.post("/warnings/".concat(warningId, "?editor=").concat(isEditor ? 'true' : 'false'));
     }
   };
 };
@@ -4777,7 +4802,7 @@ var DescriptionField = function DescriptionField(_ref) {
  * */
 var LABEL_AREA = 'Area';
 var BUTTON_ADD_OBJECT = 'Add object';
-var BUTTON_DELETE = 'Delete';
+var BUTTON_DELETE$1 = 'Delete';
 var BUTTON_VIEW = 'View';
 var BUTTON_EDIT$1 = 'Edit';
 var OBJECTS_MENU = 'Object options';
@@ -4872,7 +4897,7 @@ var AreaField = function AreaField(_ref) {
       action: onViewObject,
       icon: /*#__PURE__*/React__default.createElement(Visibility, null)
     }, {
-      text: BUTTON_DELETE,
+      text: BUTTON_DELETE$1,
       action: onDeleteObject,
       icon: /*#__PURE__*/React__default.createElement(Delete, null)
     }]
@@ -5788,6 +5813,7 @@ var getStatus = function getStatus(status) {
 };
 var CREATE_WARNING = 'Create a warning';
 var BUTTON_EDIT = 'Edit';
+var BUTTON_DELETE = 'Delete';
 var BUTTON_OPTIONS = 'Options';
 var sortWarningsOnStatus = function sortWarningsOnStatus(warnings) {
   return warnings.reduce(function (allWarnings, warning) {
@@ -5856,7 +5882,8 @@ var WarningsOnStatus = function WarningsOnStatus(_ref) {
     status = _ref.status,
     activeWarningId = _ref.activeWarningId,
     onSelectWarning = _ref.onSelectWarning,
-    onEditWarning = _ref.onEditWarning;
+    onEditWarning = _ref.onEditWarning,
+    onDeleteWarning = _ref.onDeleteWarning;
   var headerText = "".concat(warnings.length, " ").concat(getStatus(status));
   var onClickWarning = function onClickWarning(warning) {
     return function () {
@@ -5868,6 +5895,11 @@ var WarningsOnStatus = function WarningsOnStatus(_ref) {
       return onEditWarning(warning);
     };
   };
+  var onClickDeleteWarning = function onClickDeleteWarning(warningId) {
+    return function () {
+      return onDeleteWarning(warningId);
+    };
+  };
   return /*#__PURE__*/React__default.createElement(Box, {
     sx: {
       paddingBottom: 2
@@ -5908,6 +5940,10 @@ var WarningsOnStatus = function WarningsOnStatus(_ref) {
           text: BUTTON_EDIT,
           action: onClickEditWarning(warning),
           icon: /*#__PURE__*/React__default.createElement(Edit, null)
+        }, {
+          text: BUTTON_DELETE,
+          action: onClickDeleteWarning(warning.id),
+          icon: /*#__PURE__*/React__default.createElement(Delete, null)
         }] : [],
         buttonIcon: /*#__PURE__*/React__default.createElement(Options, null)
       }))
@@ -5936,15 +5972,15 @@ var WarningsOnStatus = function WarningsOnStatus(_ref) {
       title: "Last update",
       status: status,
       width: 142
-    }, warning.lastUpdatedTime && "".concat(dateUtils.dateToString(dateUtils.isoStringToDate(warning.lastUpdatedTime), DATE_FORMAT, true), " UTC")), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
+    }, warning.lastUpdatedTime && "".concat(dateUtils.dateToString(dateUtils.utc(warning.lastUpdatedTime), DATE_FORMAT), " UTC")), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
       title: "Start time",
       status: status,
       width: 142
-    }, warning.warningDetail.validFrom && "".concat(dateUtils.dateToString(dateUtils.isoStringToDate(warning.warningDetail.validFrom), DATE_FORMAT, true), " UTC")), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
+    }, warning.warningDetail.validFrom && "".concat(dateUtils.dateToString(dateUtils.utc(warning.warningDetail.validFrom), DATE_FORMAT), " UTC")), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
       title: "End time",
       status: status,
       width: 142
-    }, warning.warningDetail.validUntil && "".concat(dateUtils.dateToString(dateUtils.isoStringToDate(warning.warningDetail.validUntil), DATE_FORMAT, true), " UTC")), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
+    }, warning.warningDetail.validUntil && "".concat(dateUtils.dateToString(dateUtils.utc(warning.warningDetail.validUntil), DATE_FORMAT), " UTC")), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
       title: "Domain",
       status: status
     }, warning.warningDetail.domain), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
@@ -6005,6 +6041,8 @@ var PublicWarningList = function PublicWarningList(_ref2) {
     onEditWarning = _ref2$onEditWarning === void 0 ? function () {} : _ref2$onEditWarning,
     _ref2$onCreateWarning = _ref2.onCreateWarning,
     onCreateWarning = _ref2$onCreateWarning === void 0 ? function () {} : _ref2$onCreateWarning,
+    _ref2$onDeleteWarning = _ref2.onDeleteWarning,
+    onDeleteWarning = _ref2$onDeleteWarning === void 0 ? function () {} : _ref2$onDeleteWarning,
     _ref2$selectedPublicW = _ref2.selectedPublicWarningId,
     selectedPublicWarningId = _ref2$selectedPublicW === void 0 ? '' : _ref2$selectedPublicW;
   var sortedWarnings = warnings ? sortWarningsOnStatus(warnings) : null;
@@ -6038,24 +6076,28 @@ var PublicWarningList = function PublicWarningList(_ref2) {
     warnings: sortedWarnings.todo,
     onSelectWarning: onSelectWarning,
     onEditWarning: onEditWarning,
+    onDeleteWarning: onDeleteWarning,
     activeWarningId: selectedPublicWarningId
   }), /*#__PURE__*/React__default.createElement(WarningsOnStatus, {
     status: "DRAFT",
     warnings: sortedWarnings.draft,
     onSelectWarning: onSelectWarning,
     onEditWarning: onEditWarning,
+    onDeleteWarning: onDeleteWarning,
     activeWarningId: selectedPublicWarningId
   }), /*#__PURE__*/React__default.createElement(WarningsOnStatus, {
     status: "PUBLISHED",
     warnings: sortedWarnings.published,
     onSelectWarning: onSelectWarning,
     onEditWarning: onEditWarning,
+    onDeleteWarning: onDeleteWarning,
     activeWarningId: selectedPublicWarningId
   }), /*#__PURE__*/React__default.createElement(WarningsOnStatus, {
     status: "EXPIRED",
     warnings: sortedWarnings.expired,
     onSelectWarning: onSelectWarning,
     onEditWarning: onEditWarning,
+    onDeleteWarning: onDeleteWarning,
     activeWarningId: selectedPublicWarningId
   }))));
 };
@@ -6145,9 +6187,90 @@ var getPublicWarningsError = createSelector(getPublicWarningsStore, function (st
   return store === null || store === void 0 ? void 0 : store.error;
 });
 
+var DELETE_TITLE = 'Delete warning';
+var DELETE_CONFIRM = 'Delete';
+var CANCEL = 'Go back';
+var getDeleteDescription = function getDeleteDescription() {
+  return "Are you sure you want to delete this warning?";
+};
+var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
+  var warningId = _ref.warningId,
+    _ref$onDeleteSucces = _ref.onDeleteSucces,
+    onDeleteSucces = _ref$onDeleteSucces === void 0 ? function () {} : _ref$onDeleteSucces,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose;
+  var warningsApi = getWarningsApi();
+  var _React$useState = React__default.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isLoading = _React$useState2[0],
+    setIsLoading = _React$useState2[1];
+  var _React$useState3 = React__default.useState(undefined),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    error = _React$useState4[0],
+    setError = _React$useState4[1];
+  var onSubmit = function onSubmit() {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setIsLoading(true);
+            _context.prev = 1;
+            _context.next = 4;
+            return warningsApi.deleteWarning(warningId);
+          case 4:
+            onDeleteSucces(warningId);
+            setIsLoading(false);
+            _context.next = 12;
+            break;
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](1);
+            setError(getAxiosErrorMessage(_context.t0));
+            setIsLoading(false);
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 8]]);
+    }));
+  };
+  var description = getDeleteDescription();
+  return /*#__PURE__*/React__default.createElement(ConfirmationDialog, Object.assign({
+    title: DELETE_TITLE,
+    open: true,
+    confirmLabel: DELETE_CONFIRM,
+    cancelLabel: CANCEL,
+    description: !error ? description : '',
+    onClose: onClose,
+    onSubmit: onSubmit,
+    isLoading: isLoading,
+    sx: {
+      width: 330
+    }
+  }, error && {
+    content: ( /*#__PURE__*/React__default.createElement(Box, {
+      sx: {
+        marginBottom: 0
+      }
+    }, /*#__PURE__*/React__default.createElement(AlertBanner, {
+      title: error
+    }), /*#__PURE__*/React__default.createElement(Typography, {
+      variant: "body1",
+      sx: {
+        marginTop: 1
+      }
+    }, description)))
+  }));
+};
+
+var DELETE_WARNING_SUCCESS_MESSAGE = "Warning has been deleted";
 var PublicWarningListConnect = function PublicWarningListConnect() {
   var dispatch = useDispatch();
   var confirmDialog = useConfirmationDialog();
+  var _React$useState = React__default.useState(undefined),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    confirmDeleteWarning = _React$useState2[0],
+    setConfirmDeleteWarning = _React$useState2[1];
   var warnings = useSelector(function (store) {
     return selectAllPublicWarnings(store);
   });
@@ -6208,19 +6331,47 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
   var editWarning = function editWarning(publicWarning) {
     openPublicWarningDialog('', publicWarning);
   };
+  var openSnackbar = function openSnackbar(message) {
+    dispatch(snackbarActions.openSnackbar({
+      message: message
+    }));
+  };
+  var deleteWarning = function deleteWarning(warningId) {
+    setConfirmDeleteWarning(warningId);
+  };
+  var onDeleteSuccess = function onDeleteSuccess(warningId) {
+    // close confirm dialog
+    setConfirmDeleteWarning(undefined);
+    // Close warning dialog if needed
+    if (selectedPublicWarningId === warningId) {
+      dispatch(uiActions.setToggleOpenDialog({
+        setOpen: false,
+        type: publicWarningDialogType
+      }));
+    }
+    openSnackbar(DELETE_WARNING_SUCCESS_MESSAGE);
+    dispatch(publicWarningActions.fetchWarnings());
+  };
   React__default.useEffect(function () {
     // fetch warnings on mount
     dispatch(publicWarningActions.fetchWarnings());
   }, [dispatch]);
-  return /*#__PURE__*/React__default.createElement(PublicWarningList, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(PublicWarningList, {
     warnings: warnings,
     isLoading: isLoading,
     error: error,
     onSelectWarning: selectWarning,
     onCreateWarning: createWarning,
     onEditWarning: editWarning,
+    onDeleteWarning: deleteWarning,
     selectedPublicWarningId: selectedPublicWarningId
-  });
+  }), confirmDeleteWarning && ( /*#__PURE__*/React__default.createElement(ConfirmDeleteWarningDialog, {
+    warningId: confirmDeleteWarning,
+    onDeleteSucces: onDeleteSuccess,
+    onClose: function onClose() {
+      return setConfirmDeleteWarning(undefined);
+    }
+  })));
 };
 
 /* *

package/package.json

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const DELETE_TITLE = "Delete warning";
+export declare const DELETE_CONFIRM = "Delete";
+export declare const CANCEL = "Go back";
+export declare const getDeleteDescription: () => string;
+export declare const ConfirmDeleteWarningDialog: React.FC<{
+    warningId: string;
+    onDeleteSucces: (warningId: string) => void;
+    onClose: () => void;
+}>;
+export default ConfirmDeleteWarningDialog;

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

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

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

@@ -3,6 +3,7 @@ import React from 'react';
 import { PublicWarning, PublicWarningStatus } from '../../store/publicWarningForm/types';
 export declare const CREATE_WARNING = "Create a warning";
 export declare const BUTTON_EDIT = "Edit";
+export declare const BUTTON_DELETE = "Delete";
 export declare const BUTTON_OPTIONS = "Options";
 export declare const WarningListColumnContent: React.FC<GridProps & {
     title?: string;
@@ -17,6 +18,7 @@ export declare const PublicWarningList: React.FC<{
     onSelectWarning?: (warning: PublicWarning) => void;
     onEditWarning?: (warning: PublicWarning) => void;
     onCreateWarning?: () => void;
+    onDeleteWarning?: (warningId: string) => void;
     selectedPublicWarningId?: string;
 }>;
 export default PublicWarningList;

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

@@ -1,3 +1,4 @@
 import React from 'react';
+export declare const DELETE_WARNING_SUCCESS_MESSAGE = "Warning has been deleted";
 export declare const PublicWarningListConnect: React.FC;
 export default PublicWarningListConnect;

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

@@ -6,3 +6,4 @@ export default _default;
 export declare const PublicWarningListLight: () => React.ReactElement;
 export declare const PublicWarningListDark: () => React.ReactElement;
 export declare const PublicWarningListError: () => React.ReactElement;
+export declare const PublicWarningListErrorDeleteWarning: () => React.ReactElement;

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

@@ -16,6 +16,7 @@ export type PublicWarningDetail = {
 export type PublicWarningStatus = 'DRAFT' | 'PUBLISHED' | 'TODO' | 'EXPIRED';
 export type PublicWarning = {
     status: PublicWarningStatus;
+    editor?: string;
     warningDetail: PublicWarningDetail;
     id?: string;
     lastUpdatedTime?: string;

package/src/lib/utils/api.d.ts

@@ -19,6 +19,8 @@ export type WarningsApi = {
     }>;
     saveWarningAs: (data: PublicWarning) => Promise<string>;
     updateWarning: (warningId: string, data: PublicWarning) => Promise<void>;
+    deleteWarning: (warningId: string) => Promise<void>;
+    toggleEditorWarning: (warningId: string, isEditor: boolean) => Promise<void>;
 };
 export declare const getApiRoutes: (axiosInstance: AxiosInstance) => WarningsApi;
 export declare const getWarningsApi: () => WarningsApi;

package/src/lib/utils/fakeApi.d.ts

@@ -1,5 +1,6 @@
 import { WarningsApi } from './api';
 import { DrawingFromBE } from '../store/drawings/types';
 export declare const ERROR_NOT_FOUND = "Request failed with status code 400";
+export declare const MOCK_USERNAME = "user.name";
 export declare const extractDrawingDetailsFromJSON: (drawingId: string) => DrawingFromBE;
 export declare const createApi: () => WarningsApi;