@opengeoweb/warnings 10.0.0 → 10.1.0

package/index.esm.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useDispatch, useSelector } from 'react-redux';
 import { Polygons, Share, ExitDomain, Edit, Delete, DrawPolygon, Visibility, Add, CoastalEvent, TemperatureLow, TemperatureHigh, Rain, Snow, Lightning, Fog, Wind, Thunderstorm, VulcanicEruption, Haze, FreezingPrecipitation, ModerateAircraftIcing, SevereAircraftIcing, ModerateTurbulence, SevereTurbulence, SandStorm, RadioactiveMaterials, breakpoints, Options, Close, ChevronDown, ChevronUp, Copy, Success, Expire, Remove, ArrowUpCompact, ArrowDownCompact } from '@opengeoweb/theme';
-import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, drawtoolActions, mapStoreActions, layerActions, useSetupDialog, selectorMemoizationOptions, useUpdateSharedData } from '@opengeoweb/store';
+import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, drawingToolActions, layerActions, useSetupDialog, selectorMemoizationOptions, useUpdateSharedData } from '@opengeoweb/store';
 import { defaultPolygon, emptyGeoJSON, MapControlButton, getIcon, rewindGeometry, getGeoJSONPropertyValue, currentlySupportedDrawModes, defaultLayers, MapView, MapViewLayer, getFeatureExtent } from '@opengeoweb/webmap-react';
 import { SHARED_NAMESPACE, useConfirmationDialog, ToggleMenu, dateUtils, calculateStartSize, ToolContainerDraggable, AlertBanner, ConfirmationDialog, getAxiosErrorMessage, usePrevious, CustomIconButton, CustomTooltip, Avatar, getInitials, SwitchButton, CustomToggleButton, Filter, FilterChip, FilterOption, StatusTag, LastUpdateTime, ErrorBoundary, pollingIntervalTimeout, isAxiosError as isAxiosError$1 } from '@opengeoweb/shared';
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, isAnyOf } from '@reduxjs/toolkit';
@@ -19,7 +19,7 @@ import { VariableSizeList } from 'react-window';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { getApi, createApiInstance, createNonAuthApiInstance, createFakeApiInstance, ApiProvider, getHeaders, useAuthQuery, useAuthenticationContext, ProductStatus } from '@opengeoweb/api';
 import { useFormContext } from 'react-hook-form';
-import { isEqual, cloneDeep, clamp, groupBy, pick, assign } from 'lodash';
+import { isEqual, cloneDeep, clamp, groupBy, assign, pick } from 'lodash';
 import { getConfig, useAuthenticationContext as useAuthenticationContext$1 } from '@opengeoweb/authentication';
 import { useQueryClient } from '@tanstack/react-query';
 import { isAxiosError } from 'axios';
@@ -1186,7 +1186,7 @@ var useCloseDrawDialog = function useCloseDrawDialog(_ref) {
                 drawMode: ''
               }));
               // reset active draw tool
-              dispatch(drawtoolActions.changeDrawToolMode({
+              dispatch(drawingToolActions.changeDrawToolMode({
                 drawToolId: drawingDialogType,
                 drawModeId: drawDialogActiveDrawModeId
               }));
@@ -1213,7 +1213,7 @@ var useCloseDrawDialog = function useCloseDrawDialog(_ref) {
             }
             // clear existing geoJSON
             if (featureLayerContainsGeoJSON) {
-              dispatch(mapStoreActions.layerChangeGeojson({
+              dispatch(layerActions.layerChangeGeojson({
                 layerId: drawLayerId,
                 geojson: emptyGeoJSON
               }));
@@ -1260,7 +1260,7 @@ var useCloseObjectDialog = function useCloseObjectDialog(_ref3) {
       source: source
     }));
     if (featureLayerContainsGeoJSON && shouldReset) {
-      dispatch(mapStoreActions.layerChangeGeojson({
+      dispatch(layerActions.layerChangeGeojson({
         layerId: drawLayerId,
         geojson: emptyGeoJSON
       }));
@@ -1318,7 +1318,7 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
     objectDialogLayerHasGeoJSON = _useDialogOptions2.hasGeoJSON,
     objectDialogLayerId = _useDialogOptions2.dialogLayerId;
   var clearGeoJSON = function clearGeoJSON(layerId) {
-    dispatch(mapStoreActions.layerChangeGeojson({
+    dispatch(layerActions.layerChangeGeojson({
       layerId: layerId,
       geojson: emptyGeoJSON
     }));
@@ -1366,7 +1366,7 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
             // move shape to screen
             if (isObjectDialogOpen && objectDialogLayerHasGeoJSON) {
               // update new shape
-              dispatch(mapStoreActions.layerSetGeojsonFromLayer({
+              dispatch(layerActions.layerSetGeojsonFromLayer({
                 layerId: currentDrawLayerId,
                 sourceLayerId: objectDialogLayerId
               }));
@@ -1399,13 +1399,13 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
       source: source
     }));
     // activate draw tool
-    dispatch(drawtoolActions.updateGeoJSONLayerId({
+    dispatch(drawingToolActions.updateGeoJSONLayerId({
       drawToolId: drawingDialogType,
       geoJSONLayerId: currentDrawLayerId
     }));
     // activate default draw mode
     if (!drawDialogActiveDrawModeId && !isDrawDialogOpen) {
-      dispatch(drawtoolActions.changeDrawToolMode({
+      dispatch(drawingToolActions.changeDrawToolMode({
         drawToolId: drawingDialogType,
         drawModeId: defaultPolygon.drawModeId
       }));
@@ -1413,7 +1413,7 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
     // move shape to screen
     if (isDrawDialogOpen && drawDialogLayerHasGeoJSON) {
       // update new shape
-      dispatch(mapStoreActions.layerSetGeojsonFromLayer({
+      dispatch(layerActions.layerSetGeojsonFromLayer({
         layerId: currentDrawLayerId,
         sourceLayerId: drawDialogLayerId
       }));
@@ -1435,7 +1435,7 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
       }));
     }
     if (newGeoJSON) {
-      dispatch(mapStoreActions.layerChangeGeojson({
+      dispatch(layerActions.layerChangeGeojson({
         layerId: currentDrawLayerId,
         geojson: newGeoJSON
       }));
@@ -1589,7 +1589,7 @@ var Objects = function Objects(_ref2) {
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var listRef = React__default.useRef(null);
-  var _getListInclHeaders = getListInclHeaders$1(objects),
+  var _getListInclHeaders = getListInclHeaders$1(objects || []),
     listInclHeaders = _getListInclHeaders.listInclHeaders,
     headerList = _getListInclHeaders.headerList;
   var getItemSize = function getItemSize(width, index) {
@@ -2187,7 +2187,8 @@ var slice = createSlice({
       var area = action.payload.area;
       // only support 1 area (for now)
       if (draft.publicWarning) {
-        draft.publicWarning.warningDetail.areas = [area];
+        var areaWithPreservedUUID = Object.assign({}, draft.publicWarning.warningDetail.areas.at(0), area);
+        draft.publicWarning.warningDetail.areas = [areaWithPreservedUUID];
       } else {
         var newWarning = {
           warningDetail: {
@@ -2206,6 +2207,11 @@ var slice = createSlice({
         draft.publicWarning.warningDetail.areas = removeAreas;
       }
     },
+    removeAllAreas: function removeAllAreas(draft) {
+      if (draft.publicWarning) {
+        draft.publicWarning.warningDetail.areas = [];
+      }
+    },
     openPublicWarningFormDialog: function openPublicWarningFormDialog(draft, action) {
       var _action$payload2 = action.payload,
         object = _action$payload2.object,
@@ -2396,7 +2402,7 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
   };
   var showGeoJSONLayer = function showGeoJSONLayer(drawing) {
     if (!currentLayer) {
-      dispatch(mapStoreActions.addLayer({
+      dispatch(layerActions.addLayer({
         mapId: mapId,
         layer: {
           geojson: drawing.geoJSON
@@ -2405,7 +2411,7 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
         origin: 'warnings-lib'
       }));
     } else {
-      dispatch(mapStoreActions.layerChangeGeojson({
+      dispatch(layerActions.layerChangeGeojson({
         layerId: geoJSONLayerId,
         geojson: drawing.geoJSON
       }));
@@ -2477,10 +2483,12 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
             _context2.prev = 13;
             _context2.t0 = _context2["catch"](2);
             setLoading(false);
-            dispatch(uiActions.setErrorDialog({
-              error: _context2.t0.message,
-              type: objectDialogType
-            }));
+            if (_context2.t0 instanceof Error) {
+              dispatch(uiActions.setErrorDialog({
+                error: _context2.t0.message,
+                type: objectDialogType
+              }));
+            }
           case 17:
           case "end":
             return _context2.stop();
@@ -7533,7 +7541,8 @@ var DrawingToolForm = function DrawingToolForm(_ref) {
     }));
   }, [geoJSONProperties, drawModes]);
   var onChangeOpacity = React.useCallback(function (event) {
-    var value = event.target.value;
+    var target = event.target;
+    var value = target.value;
     var newOpacity = parseInt(value, 10) / 100;
     var additionalStrokeOpacity = 0.8;
     onChangeProperties({
@@ -7620,7 +7629,7 @@ var DrawingToolFormConnect = function DrawingToolFormConnect() {
     }));
   }, [dispatch, drawTool == null ? void 0 : drawTool.geoJSONLayerId]);
   var onChangeDrawMode = React.useCallback(function (tool) {
-    dispatch(drawtoolActions.changeDrawToolMode({
+    dispatch(drawingToolActions.changeDrawToolMode({
       drawToolId: drawToolId,
       drawModeId: tool.drawModeId
     }));
@@ -7632,7 +7641,7 @@ var DrawingToolFormConnect = function DrawingToolFormConnect() {
       drawMode: ''
     }));
     if (drawTool != null && drawTool.activeDrawModeId) {
-      dispatch(drawtoolActions.changeDrawToolMode({
+      dispatch(drawingToolActions.changeDrawToolMode({
         drawToolId: drawToolId,
         drawModeId: drawTool == null ? void 0 : drawTool.activeDrawModeId
       }));
@@ -7724,12 +7733,12 @@ var DrawingToolConnect = function DrawingToolConnect(_ref) {
   var dispatch = useDispatch();
   React.useEffect(function () {
     var defaultDrawModes = translateDrawModes(currentlySupportedDrawModes, t);
-    dispatch(drawtoolActions.registerDrawTool({
+    dispatch(drawingToolActions.registerDrawTool({
       drawToolId: drawingDialogType,
       defaultDrawModes: defaultDrawModes
     }));
     return function () {
-      dispatch(drawtoolActions.unregisterDrawTool({
+      dispatch(drawingToolActions.unregisterDrawTool({
         drawToolId: drawingDialogType
       }));
     };
@@ -8195,7 +8204,7 @@ var AreaField = function AreaField(_ref) {
   });
 };
 
-var _defaultLevelFilter, _defaultEmptyFilter, _defaultPhenomenonFil;
+var _defaultLevelFilter, _defaultEmptyFilter;
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -8251,12 +8260,19 @@ var domainLevels = {
 };
 var defaultLevelFilter = (_defaultLevelFilter = {}, _defaultLevelFilter[emptyFilterId] = true, _defaultLevelFilter.extreme = true, _defaultLevelFilter.moderate = true, _defaultLevelFilter.severe = true, _defaultLevelFilter.AIR = true, _defaultLevelFilter.SIG = true, _defaultLevelFilter);
 var defaultEmptyFilter = (_defaultEmptyFilter = {}, _defaultEmptyFilter[emptyFilterId] = true, _defaultEmptyFilter);
-(_defaultPhenomenonFil = {}, _defaultPhenomenonFil[emptyFilterId] = true, _defaultPhenomenonFil.coastalEvent = true, _defaultPhenomenonFil.fog = true, _defaultPhenomenonFil.highTemp = true, _defaultPhenomenonFil.lowTemp = true, _defaultPhenomenonFil.rain = true, _defaultPhenomenonFil.snowIce = true, _defaultPhenomenonFil.thunderstorm = true, _defaultPhenomenonFil.wind = true, _defaultPhenomenonFil);
+var makeFilterFromList = function makeFilterFromList(options) {
+  var _options$reduce;
+  return options.reduce(function (acc, p) {
+    var _Object$assign;
+    return p ? Object.assign({}, acc, (_Object$assign = {}, _Object$assign[p] = true, _Object$assign)) : acc;
+  }, (_options$reduce = {}, _options$reduce[emptyFilterId] = true, _options$reduce));
+};
+var defaultPhenomenonFilter = makeFilterFromList(Object.values(Phenomenon$1));
 var initialFilters = {
   incident: defaultEmptyFilter,
   source: defaultEmptyFilter,
   domain: defaultDomainFilter,
-  phenomenon: defaultEmptyFilter,
+  phenomenon: defaultPhenomenonFilter,
   level: defaultLevelFilter
 };
 var getSelectedOptions = function getSelectedOptions(options) {
@@ -8270,11 +8286,11 @@ var getSelectedOptions = function getSelectedOptions(options) {
   };
 };
 var updateState = function updateState(state, optionKey, value, only) {
-  var _Object$assign3;
+  var _Object$assign4;
   if (only) {
     return Object.keys(state).reduce(function (acc, k) {
-      var _Object$assign;
-      return Object.assign({}, acc, (_Object$assign = {}, _Object$assign[k] = k === optionKey, _Object$assign));
+      var _Object$assign2;
+      return Object.assign({}, acc, (_Object$assign2 = {}, _Object$assign2[k] = k === optionKey, _Object$assign2));
     }, {});
   }
   if (optionKey === 'ALL') {
@@ -8282,11 +8298,11 @@ var updateState = function updateState(state, optionKey, value, only) {
       return state;
     }
     return Object.keys(state).reduce(function (acc, k) {
-      var _Object$assign2;
-      return Object.assign({}, acc, (_Object$assign2 = {}, _Object$assign2[k] = value, _Object$assign2));
+      var _Object$assign3;
+      return Object.assign({}, acc, (_Object$assign3 = {}, _Object$assign3[k] = value, _Object$assign3));
     }, {});
   }
-  return Object.assign({}, state, (_Object$assign3 = {}, _Object$assign3[optionKey] = value, _Object$assign3));
+  return Object.assign({}, state, (_Object$assign4 = {}, _Object$assign4[optionKey] = value, _Object$assign4));
 };
 /** Make sure our value is in the filter */
 var getValue = function getValue(values, value) {
@@ -9205,7 +9221,8 @@ var prepareFormValues = function prepareFormValues(data) {
     var productToPost = _objectWithoutPropertiesLoose(data, _excluded$6);
   // remove empty fields
   return Object.keys(productToPost).reduce(function (warningDetail, fieldName) {
-    var fieldValue = productToPost[fieldName];
+    var key = fieldName;
+    var fieldValue = productToPost[key];
     if (Array.isArray(fieldValue)) {
       if (!fieldValue.length || fieldValue[0].geoJSON === null) {
         return warningDetail;
@@ -9213,7 +9230,7 @@ var prepareFormValues = function prepareFormValues(data) {
     }
     if (fieldValue) {
       var _Object$assign;
-      return Object.assign({}, warningDetail, (_Object$assign = {}, _Object$assign[fieldName] = fieldValue, _Object$assign));
+      return Object.assign({}, warningDetail, (_Object$assign = {}, _Object$assign[key] = fieldValue, _Object$assign));
     }
     return warningDetail;
   }, {});
@@ -9301,6 +9318,8 @@ var Form = function Form(_ref5) {
     onSaveForm = _ref5$onSaveForm === void 0 ? function () {} : _ref5$onSaveForm,
     _ref5$onPublishForm = _ref5.onPublishForm,
     onPublishForm = _ref5$onPublishForm === void 0 ? function () {} : _ref5$onPublishForm,
+    _ref5$onClearForm = _ref5.onClearForm,
+    onClearForm = _ref5$onClearForm === void 0 ? function () {} : _ref5$onClearForm,
     object = _ref5.object,
     _ref5$formAction = _ref5.formAction,
     formAction = _ref5$formAction === void 0 ? '' : _ref5$formAction,
@@ -9398,6 +9417,7 @@ var Form = function Form(_ref5) {
   var onPressClear = function onPressClear() {
     reset(getEmptyPublicWarning());
     setWarningGeoJSONFeature(undefined);
+    onClearForm();
   };
   var publicWarningId = publicWarningDetails == null ? void 0 : publicWarningDetails.id;
   React.useEffect(function () {
@@ -9807,6 +9827,9 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
       }
     }));
   };
+  var clearForm = function clearForm() {
+    dispatch(publicWarningFormActions.removeAllAreas());
+  };
   var saveForm = function saveForm(newFormValues) {
     var status = newFormValues.linked_to_id ? PublicWarningStatus.DRAFT_PUBLISHED : PublicWarningStatus.DRAFT;
     dispatch(publicWarningFormActions.saveWarning({
@@ -9855,6 +9878,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     publicWarningDetails: publicWarning == null ? void 0 : publicWarning.warningDetail,
     onPublishForm: publishForm,
     onSaveForm: saveForm,
+    onClearForm: clearForm,
     formAction: publicWarningFormAction,
     isReadOnly: isReadOnly,
     error: publicWarningFormError,
@@ -10371,6 +10395,9 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
   var warningId = useSelector(function (store) {
     return getPublicWarningId(store);
   });
+  var warningStatus = useSelector(function (store) {
+    return getPublicWarningStatus(store);
+  });
   var fetchItems = function fetchItems() {
     dispatch(uiActions.setErrorDialog({
       error: '',
@@ -10451,7 +10478,7 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [areas, searchQuery]);
-  var isChangeAreaDisabled = warningId !== undefined && typeof warningId === 'string' && warningId.length > 0;
+  var isChangeAreaDisabled = warningId !== undefined && typeof warningId === 'string' && warningId.length > 0 && warningStatus !== PublicWarningStatus.DRAFT && warningStatus !== PublicWarningStatus.DRAFT_PUBLISHED;
   var drawingError = uiError ? {
     type: areaObjectLoaderType,
     error: uiError
@@ -11037,9 +11064,10 @@ var warningColors = Object.assign({}, LevelColors);
 
 var _excluded$5 = ["id", "warningDetail", "status", "editor"],
   _excluded2 = ["id", "linked_to_id", "proposal_id", "warning_handle_uuid"],
-  _excluded3 = ["id"],
-  _excluded4 = ["id", "warningDetail"],
-  _excluded5 = ["id"];
+  _excluded3 = ["published_warning_uuid"],
+  _excluded4 = ["id"],
+  _excluded5 = ["id", "warningDetail"],
+  _excluded6 = ["id"];
 var getSortedStatus = function getSortedStatus(status) {
   switch (status) {
     case 'DRAFT_PUBLISHED':
@@ -11063,15 +11091,22 @@ var getWarningWithoutIdStatusEditor = function getWarningWithoutIdStatusEditor(w
     warningDetail.proposal_id;
     warningDetail.warning_handle_uuid;
     var cleanWarningDetail = _objectWithoutPropertiesLoose(warningDetail, _excluded2);
+  var areas = warningDetail.areas.map(function (_ref) {
+    _ref.published_warning_uuid;
+      var area = _objectWithoutPropertiesLoose(_ref, _excluded3);
+    return area;
+  });
   return Object.assign({}, fullWarning, {
-    warningDetail: cleanWarningDetail
+    warningDetail: Object.assign({}, cleanWarningDetail, {
+      areas: areas
+    })
   });
 };
 var getWarningWithLinkedToId = function getWarningWithLinkedToId(warning) {
   var id = warning.id,
     warningDetail = warning.warningDetail;
   warningDetail.id;
-    var cleanWarningDetail = _objectWithoutPropertiesLoose(warningDetail, _excluded3);
+    var cleanWarningDetail = _objectWithoutPropertiesLoose(warningDetail, _excluded4);
   return Object.assign({}, warning, {
     warningDetail: Object.assign({}, cleanWarningDetail, {
       linked_to_id: id
@@ -11082,9 +11117,9 @@ var getWarningWithLinkedToId = function getWarningWithLinkedToId(warning) {
 var getWarningWithProposalId = function getWarningWithProposalId(warning) {
   var id = warning.id,
     warningDetail = warning.warningDetail,
-    fullWarning = _objectWithoutPropertiesLoose(warning, _excluded4);
+    fullWarning = _objectWithoutPropertiesLoose(warning, _excluded5);
   warningDetail.id;
-    var cleanWarningDetail = _objectWithoutPropertiesLoose(warningDetail, _excluded5);
+    var cleanWarningDetail = _objectWithoutPropertiesLoose(warningDetail, _excluded6);
   return Object.assign({}, fullWarning, {
     warningDetail: Object.assign({}, cleanWarningDetail, {
       proposal_id: id
@@ -11253,7 +11288,8 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
             label: jsx(Fragment, {
               children: t(getTranslationKey(emptyFilterId, id))
             })
-          }, id + "-" + emptyFilterId), Object.keys(options).map(function (optionId) {
+          }, id + "-" + emptyFilterId), Object.keys(options).map(function (_optionId) {
+            var optionId = _optionId;
             if (optionId === emptyFilterId) {
               return null;
             }
@@ -12026,7 +12062,6 @@ var PublicWarningList = function PublicWarningList(_ref) {
   var _ref$warnings = _ref.warnings,
     warnings = _ref$warnings === void 0 ? [] : _ref$warnings,
     filterHookState = _ref.filterHookState,
-    filterState = _ref.filterState,
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
     error = _ref.error,
@@ -12185,7 +12220,7 @@ var PublicWarningList = function PublicWarningList(_ref) {
           children: jsx(FilterList, {
             isAllSelected: allSelected,
             onClickAll: onClickAll,
-            filterState: filterState,
+            filterState: filterHookState.filterState,
             updateFilter: updateFilter
           })
         }), jsxs(Grid2, {
@@ -12528,7 +12563,7 @@ var getFilterOptions = function getFilterOptions(defaultFilter, allOptions, save
     allSelected = _getSelectedOptions.allSelected;
   return [updatedOptions, allSelected];
 };
-var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, savedFilterState, presetFilterState, isLoading) {
+var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, savedFilterState, presetFilterState) {
   var pickedDomainFilter = savedFilterState.domain,
     pickedPhenomenonFilter = savedFilterState.phenomenon,
     pickedLevelFilter = savedFilterState.level,
@@ -12583,28 +12618,18 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
   var _getFilterOptions4 = getFilterOptions(defaultIncidentFilter, relevantIncidents, pickedIncidentFilter),
     updatedPickedIncidents = _getFilterOptions4[0],
     allIncidentsSelected = _getFilterOptions4[1];
-  useEffect(function () {
-    if (isLoading) {
-      return;
-    }
-    // when the warnings change, update the filters
-    onUpdateFilters({
-      incident: updatedPickedIncidents,
-      source: updatedPickedSources,
-      domain: pickedDomainFilter,
-      phenomenon: updatedPickedPhenomena,
-      level: updatedPickedLevels
-    }, 'system');
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [warnings]);
   useEffect(function () {
     // when the preset changes, update the filters
     if (presetFilterState) {
-      onUpdateFilters(presetFilterState, 'system');
+      onUpdateFilters(assign({}, initialFilters, presetFilterState), 'system');
     } else {
       // for a preset without filters saved use the initial filters
-      onUpdateFilters(initialFilters, 'system');
+      onUpdateFilters(Object.assign({}, initialFilters, {
+        incident: makeFilterFromList(relevantIncidents),
+        source: makeFilterFromList(relevantSources)
+      }), 'system');
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [presetFilterState, onUpdateFilters]);
   var _getSelectedOptions2 = getSelectedOptions(pickedDomainFilter),
     allDomainSelected = _getSelectedOptions2.allSelected;
@@ -12670,21 +12695,28 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
     var source = relevantSources.find(function (source) {
       return source === warning.warningDetail.warningProposalSource;
     }) || emptyFilterId;
-    if (!pickedSourceFilter[source]) {
+    if (!updatedPickedSources[source]) {
       return false;
     }
     var incident = relevantIncidents.find(function (incident) {
       return incident === warning.warningDetail.incident;
     }) || emptyFilterId;
-    if (!pickedIncidentFilter[incident]) {
+    if (!updatedPickedIncidents[incident]) {
       return false;
     }
     return true;
-  }, [pickedDomainFilter, pickedLevelFilter, pickedPhenomenonFilter, relevantSources, pickedSourceFilter, relevantIncidents, pickedIncidentFilter]);
+  }, [pickedDomainFilter, pickedLevelFilter, pickedPhenomenonFilter, relevantSources, updatedPickedSources, relevantIncidents, updatedPickedIncidents]);
   return {
     allSelected: allSelected,
     updateFilter: updateFilter,
-    byFilterState: byFilterState
+    byFilterState: byFilterState,
+    filterState: {
+      domain: pickedDomainFilter,
+      level: updatedPickedLevels,
+      phenomenon: updatedPickedPhenomena,
+      incident: updatedPickedIncidents,
+      source: updatedPickedSources
+    }
   };
 };
 
@@ -12929,7 +12961,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
       origin: origin
     }));
   }, [dispatch, panelId]);
-  var filterHookState = useWarningFilters(combinedWarnings, onUpdateFilters, savedFilterState, presetFilterState, isLoading);
+  var filterHookState = useWarningFilters(combinedWarnings, onUpdateFilters, savedFilterState, presetFilterState);
   var filteredWarnings = React__default.useMemo(function () {
     return combinedWarnings.filter(filterHookState.byFilterState);
   }, [combinedWarnings, filterHookState.byFilterState]);
@@ -12986,7 +13018,6 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
       lastUpdatedTime: lastUpdatedTime,
       onRefetchWarnings: fetchWarnings,
       filterHookState: filterHookState,
-      filterState: savedFilterState,
       hoveredFeatureId: hoveredFeatureId
     }), confirmDialogOptions && jsx(ConfirmDeleteWarningDialog, {
       onClose: function onClose() {
@@ -13373,7 +13404,7 @@ publicWarningsListener.startListening({
   actionCreator: publicWarningActions.fetchWarnings,
   effect: function () {
     var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_, listenerApi) {
-      var warningsApi, _yield$warningsApi$ge, warnings, lastUpdatedTime;
+      var warningsApi, _yield$warningsApi$ge, warnings, lastUpdatedTime, taskError;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -13394,21 +13425,21 @@ publicWarningsListener.startListening({
             return listenerApi.delay(pollingIntervalTimeout);
           case 11:
             listenerApi.dispatch(publicWarningActions.fetchWarnings());
-            _context.next = 17;
+            _context.next = 18;
             break;
           case 14:
             _context.prev = 14;
             _context.t0 = _context["catch"](1);
-            // Don't set an error if the cancelActiveListeners was invoked (which throws a TaskAbortError)
-            if ((_context.t0 == null ? void 0 : _context.t0.code) !== 'listener-cancelled') {
+            taskError = _context.t0; // Don't set an error if the cancelActiveListeners was invoked (which throws a TaskAbortError)
+            if ((taskError == null ? void 0 : taskError.code) !== 'listener-cancelled') {
               listenerApi.dispatch(publicWarningActions.fetchWarningsError({
                 error: {
-                  name: _context.t0.name,
-                  message: _context.t0.message
+                  name: taskError.name,
+                  message: taskError.message
                 }
               }));
             }
-          case 17:
+          case 18:
           case "end":
             return _context.stop();
         }
@@ -13457,7 +13488,7 @@ drawingsListener.startListening({
   actionCreator: drawActions.submitDrawValues,
   effect: function () {
     var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
-      var payload, id, formValues, warningsApi, newID, errorMessage;
+      var payload, id, formValues, warningsApi, newID, taskError, errorMessage;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -13498,24 +13529,25 @@ drawingsListener.startListening({
               isLoading: false,
               type: drawingDialogType
             }));
-            _context.next = 23;
+            _context.next = 24;
             break;
           case 20:
             _context.prev = 20;
             _context.t0 = _context["catch"](3);
             // Don't do anything if the cancelActiveListeners was invoked (which throws a TaskAbortError)
-            if (_context.t0.code !== 'listener-cancelled') {
+            taskError = _context.t0;
+            if ((taskError == null ? void 0 : taskError.code) !== 'listener-cancelled') {
               listenerApi.dispatch(uiActions.toggleIsLoadingDialog({
                 isLoading: false,
                 type: drawingDialogType
               }));
-              errorMessage = isAxiosError$1(_context.t0) ? getAxiosErrorMessage(_context.t0) : _context.t0.message;
+              errorMessage = isAxiosError$1(taskError) ? getAxiosErrorMessage(taskError) : taskError.message;
               listenerApi.dispatch(uiActions.setErrorDialog({
                 type: drawingDialogType,
                 error: errorMessage
               }));
             }
-          case 23:
+          case 24:
           case "end":
             return _context.stop();
         }
@@ -13546,8 +13578,6 @@ drawingsListener.startListening({
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 var drawingModuleConfig = {
-  // TODO: remove id in https://gitlab.com/opengeoweb/opengeoweb/-/issues/5561
-  id: 'drawing-module',
   reducersMap: {
     drawings: reducer$2,
     publicWarningForm: reducer,

package/package.json

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

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

@@ -19,7 +19,7 @@ export interface DrawingToolFormContentsProps {
     isDirty: boolean;
     errors: FieldErrors<FieldValues>;
     onChangeDrawMode: (newMode: DrawMode) => void;
-    onChangeOpacity: (event: SelectChangeEvent) => void;
+    onChangeOpacity: (event: SelectChangeEvent<unknown>) => void;
     onBlurName: (event: React.FocusEvent<HTMLInputElement>) => void;
     onSubmit: () => void;
 }

package/src/lib/components/FilterList/filter-hooks.d.ts

@@ -22,6 +22,7 @@ export interface FilterHookState {
     allSelected: boolean;
     updateFilter: UpdateFilter;
     byFilterState: (warning: PublicWarning) => boolean;
+    filterState: PickedFilterState;
 }
-export declare const useWarningFilters: (warnings: PublicWarning[], onUpdateFilters: (filterState: PickedFilterState, origin: UpdateFiltersOrigin) => void, savedFilterState: PickedFilterState, presetFilterState?: PickedFilterState, isLoading?: boolean) => FilterHookState;
+export declare const useWarningFilters: (warnings: PublicWarning[], onUpdateFilters: (filterState: PickedFilterState, origin: UpdateFiltersOrigin) => void, savedFilterState: PickedFilterState, presetFilterState?: PickedFilterState) => FilterHookState;
 export {};

package/src/lib/components/FilterList/filter-utils.d.ts

@@ -26,12 +26,13 @@ export declare const defaultDomainFilter: Record<Domain, boolean>;
 export declare const domainLevels: Record<Domain, Level[]>;
 export declare const defaultLevelFilter: Record<Level | 'unspecified', boolean>;
 export declare const defaultEmptyFilter: Record<string, boolean>;
-export declare const defaultPhenomenonFilter: Record<Phenomenon | 'unspecified', boolean>;
+export declare const makeFilterFromList: <T extends string>(options: T[]) => Record<T | 'unspecified', boolean>;
+export declare const defaultPhenomenonFilter: Record<"unspecified" | Phenomenon, boolean>;
 export declare const initialFilters: {
     incident: Record<string, boolean>;
     source: Record<string, boolean>;
     domain: Record<Domain, boolean>;
-    phenomenon: Record<string, boolean>;
+    phenomenon: Record<"unspecified" | Phenomenon, boolean>;
     level: Record<"unspecified" | Level, boolean>;
 };
 type OptionsType = Partial<Record<Domain | Level | Phenomenon, boolean>>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PublicWarning } from '../../store/publicWarningForm/types';
-import { FilterHookState, PickedFilterState } from '../FilterList/filter-hooks';
+import { FilterHookState } from '../FilterList/filter-hooks';
 import { WarningListItemActions } from './WarningListItemMenu';
 export interface PublicWarningListProps extends WarningListItemActions {
     warnings: PublicWarning[];
@@ -12,7 +12,6 @@ export interface PublicWarningListProps extends WarningListItemActions {
     onCreateWarning?: () => void;
     onRefetchWarnings?: () => void;
     filterHookState: FilterHookState;
-    filterState: PickedFilterState;
     hoveredFeatureId?: string;
     expandedSections: Record<string, boolean>;
     setExpandedSections: (expandedSections: Record<string, boolean>) => void;

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

@@ -20,6 +20,7 @@ export interface FormProps {
     defaultMapPreset?: MapPreset;
     onSaveForm?: (formValues: PublicWarningDetail) => void;
     onPublishForm?: (formValues: PublicWarningDetail) => void;
+    onClearForm?: () => void;
     object?: DrawingListItem;
     publicWarningDetails?: PublicWarningDetail;
     error?: FormError;

package/src/lib/store/config.d.ts

@@ -1,5 +1,4 @@
 export declare const drawingModuleConfig: {
-    id: string;
     reducersMap: {
         drawings: import("redux").Reducer<import("./drawings/types").DrawState>;
         publicWarningForm: import("redux").Reducer<import("./publicWarningForm/reducer").PublicWarningFormState>;

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

@@ -33,6 +33,7 @@ export declare const publicWarningFormActions: import("@reduxjs/toolkit").CaseRe
     removeArea: (draft: Draft<PublicWarningFormState>, action: PayloadAction<{
         area: Area;
     }>) => void;
+    removeAllAreas: (draft: Draft<PublicWarningFormState>) => void;
     openPublicWarningFormDialog: (draft: Draft<PublicWarningFormState>, action: PayloadAction<{
         object?: DrawingListItem;
         formState?: FormAction;

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

@@ -3,6 +3,7 @@ export interface Area {
     objectName: string;
     geoJSON: GeoJSON.FeatureCollection;
     areaId?: string;
+    published_warning_uuid?: string;
 }
 export interface PublicWarningDetail {
     id?: string;

package/src/lib/store/publicWarnings/selectors.d.ts

@@ -17,19 +17,7 @@ export declare const getPublicWarningsLastUpdatedTime: ((state: WarningModuleSto
 }> & {
     clearCache: () => void;
 };
-export declare const getWarningsFilterById: ((state: WarningModuleStore, panelId?: string | undefined) => import("../../components/FilterList/filter-hooks").PickedFilterState | {
-    incident: Record<string, boolean>;
-    source: Record<string, boolean>;
-    domain: Record<import("../../components/FilterList/filter-utils").Domain, boolean>;
-    phenomenon: Record<string, boolean>;
-    level: Record<import("../../components/FilterList/filter-utils").Level | "unspecified", boolean>;
-}) & import("reselect").OutputSelectorFields<(args_0: Record<string, import("../../components/FilterList/filter-hooks").PickedFilterState>, args_1: string | undefined) => import("../../components/FilterList/filter-hooks").PickedFilterState | {
-    incident: Record<string, boolean>;
-    source: Record<string, boolean>;
-    domain: Record<import("../../components/FilterList/filter-utils").Domain, boolean>;
-    phenomenon: Record<string, boolean>;
-    level: Record<import("../../components/FilterList/filter-utils").Level | "unspecified", boolean>;
-}, {
+export declare const getWarningsFilterById: ((state: WarningModuleStore, panelId?: string | undefined) => import("../../components/FilterList/filter-hooks").PickedFilterState) & import("reselect").OutputSelectorFields<(args_0: Record<string, import("../../components/FilterList/filter-hooks").PickedFilterState>, args_1: string | undefined) => import("../../components/FilterList/filter-hooks").PickedFilterState, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;