@opengeoweb/warnings 9.34.0 → 9.35.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, Close, Options, ChevronDown, ChevronUp, Copy, Success, Expire, Remove, ArrowUpCompact, ArrowDownCompact } from '@opengeoweb/theme';
-import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, drawtoolActions, mapStoreActions, layerActions, useSetupDialog } from '@opengeoweb/store';
+import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, drawtoolActions, mapStoreActions, 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, getPosition, FilterChip, FilterListItem, FilterLabel, FilterOption, StatusTag, LastUpdateTime, ErrorBoundary, pollingIntervalTimeout, isAxiosError as isAxiosError$1 } from '@opengeoweb/shared';
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, isAnyOf } from '@reduxjs/toolkit';
@@ -18,10 +18,11 @@ 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, pick, groupBy } from 'lodash';
+import { isEqual, cloneDeep, clamp, groupBy, pick } from 'lodash';
 import { getConfig, useAuthenticationContext as useAuthenticationContext$1 } from '@opengeoweb/authentication';
 import { SigmetForm, isInstanceOfCancelSigmet, AirmetForm, isInstanceOfCancelAirmet, getProductFormMode } from '@opengeoweb/sigmet-airmet';
 import { produce } from 'immer';
+import { useQueryClient } from '@tanstack/react-query';
 import { isAxiosError } from 'axios';
 
 var en = {
@@ -8607,7 +8608,7 @@ var Phenomenon$1 = function Phenomenon(_ref) {
     isRequired = _useDraftFormHelpers.isRequired;
   // These phenomena are sent to Public Warning Form
   var warningFormPhenomena = warningPhenomena.filter(function (phenomenon) {
-    return !phenomenon.isAviation;
+    return !phenomenon.isAviation && phenomenon.key !== 'unspecified';
   });
   return jsx(ReactHookFormSelect, {
     name: "phenomenon",
@@ -9111,17 +9112,51 @@ var getSigmetTAC = function getSigmetTAC(auth, product) {
  * Copyright 2024 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var useAirmetList = function useAirmetList() {
-  return useAuthQuery(['airmet-list'], getAirmetList);
+var useAirmetList = function useAirmetList(disabled) {
+  if (disabled === void 0) {
+    disabled = false;
+  }
+  return useAuthQuery(['airmet-list'], getAirmetList, disabled);
 };
-var useSigmetList = function useSigmetList() {
-  return useAuthQuery(['sigmet-list'], getSigmetList);
+var useSigmetList = function useSigmetList(disabled) {
+  if (disabled === void 0) {
+    disabled = false;
+  }
+  return useAuthQuery(['sigmet-list'], getSigmetList, disabled);
 };
-var useProductConfig = function useProductConfig(warningType) {
-  var airmetQuery = useAuthQuery(['airmet-config'], getAirmetConfig);
-  var sigmetQuery = useAuthQuery(['sigmet-config'], getSigmetConfig);
+var useProductConfig = function useProductConfig(warningType, disabled) {
+  if (disabled === void 0) {
+    disabled = false;
+  }
+  var airmetQuery = useAuthQuery(['airmet-config'], getAirmetConfig, disabled);
+  var sigmetQuery = useAuthQuery(['sigmet-config'], getSigmetConfig, disabled);
   return warningType === 'airmet' ? airmetQuery : sigmetQuery;
 };
+var useTACApi = function useTACApi() {
+  var _useAuthenticationCon = useAuthenticationContext(),
+    auth = _useAuthenticationCon.auth;
+  var queryClient = useQueryClient();
+  var fetchSigmetTAC = function fetchSigmetTAC(product) {
+    return queryClient.fetchQuery({
+      queryKey: ['sigmet-tac', product],
+      queryFn: function queryFn() {
+        return getSigmetTAC(auth, product);
+      }
+    });
+  };
+  var fetchAirmetTAC = function fetchAirmetTAC(product) {
+    return queryClient.fetchQuery({
+      queryKey: ['airmet-tac', product],
+      queryFn: function queryFn() {
+        return getAirmetTAC(auth, product);
+      }
+    });
+  };
+  return {
+    fetchSigmetTAC: fetchSigmetTAC,
+    fetchAirmetTAC: fetchAirmetTAC
+  };
+};
 
 var _excluded$6 = ["IS_DRAFT", "object", "translation-select"];
 var useScrollTopOnError = function useScrollTopOnError(error) {
@@ -9312,6 +9347,9 @@ var Form = function Form(_ref5) {
     selectedAviationProduct = _ref5.selectedAviationProduct,
     isSigmetWarning = _ref5.isSigmetWarning,
     mode = _ref5.mode;
+  var _useTACApi = useTACApi(),
+    fetchSigmetTAC = _useTACApi.fetchSigmetTAC,
+    fetchAirmetTAC = _useTACApi.fetchAirmetTAC;
   var initialPublicWarningArea = publicWarningDetails && (publicWarningDetails == null ? void 0 : publicWarningDetails.areas) && (publicWarningDetails == null ? void 0 : publicWarningDetails.areas.length) && (publicWarningDetails == null || (_publicWarningDetails = publicWarningDetails.areas[0]) == null ? void 0 : _publicWarningDetails.geoJSON);
   var _React$useState = React.useState(initialPublicWarningArea),
     warningGeoJSONFeature = _React$useState[0],
@@ -9418,8 +9456,6 @@ var Form = function Form(_ref5) {
   var warningType = isSigmetWarning ? 'sigmet' : 'airmet';
   var _useProductConfig = useProductConfig(warningType),
     aviationConfig = _useProductConfig.data;
-  var _useAuthenticationCon = useAuthenticationContext(),
-    auth = _useAuthenticationCon.auth;
   return jsxs(ContainerWrapper, {
     children: [selectedAviationProduct ? jsx(ContainerFormWrapper, {
       isReadOnly: isReadOnly,
@@ -9441,7 +9477,7 @@ var Form = function Form(_ref5) {
           productConfig: aviationConfig,
           product: selectedAviationProduct,
           getTAC: function getTAC(product) {
-            return getSigmetTAC(auth, product);
+            return fetchSigmetTAC(product);
           }
         }) : jsx(AirmetForm, {
           showMap: false,
@@ -9452,7 +9488,7 @@ var Form = function Form(_ref5) {
           productConfig: aviationConfig,
           product: selectedAviationProduct,
           getTAC: function getTAC(product) {
-            return getAirmetTAC(auth, product);
+            return fetchAirmetTAC(product);
           }
         })
       })
@@ -10823,9 +10859,9 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
       return _ref5.apply(this, arguments);
     };
   }();
-  var _useAirmetList = useAirmetList(),
+  var _useAirmetList = useAirmetList(true),
     airmetList = _useAirmetList.data;
-  var _useSigmetList = useSigmetList(),
+  var _useSigmetList = useSigmetList(true),
     sigmetList = _useSigmetList.data;
   var selectedSigmet = sigmetList == null ? void 0 : sigmetList.find(function (sigmet) {
     return sigmet.uuid === selectedWarningId;
@@ -10835,9 +10871,9 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
   });
   var isSigmetWarning = Boolean(selectedSigmet);
   var warningType = isSigmetWarning ? 'sigmet' : 'airmet';
-  var _useProductConfig = useProductConfig(warningType),
+  var _useProductConfig = useProductConfig(warningType, !isDialogOpen),
     aviationConfig = _useProductConfig.data;
-  var selectedSigmetProduct = selectedSigmet ? transformSigmetToProductFormat(selectedSigmet, aviationConfig) : undefined;
+  var selectedSigmetProduct = selectedSigmet && aviationConfig ? transformSigmetToProductFormat(selectedSigmet, aviationConfig) : undefined;
   var selectedAirmetProduct = selectedAirmet ? transformAirmetToProductFormat(selectedAirmet, aviationConfig) : undefined;
   var selectedAviationProduct = isSigmetWarning ? selectedSigmetProduct : selectedAirmetProduct;
   var productCanBe = selectedAviationProduct !== null ? (selectedSigmet == null ? void 0 : selectedSigmet.canbe) || (selectedAirmet == null ? void 0 : selectedAirmet.canbe) : ['DRAFTED', 'DISCARDED', 'PUBLISHED'];
@@ -11966,115 +12002,6 @@ var WarningListItem = function WarningListItem(_ref) {
   }), warning.id);
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2024 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var useFilter = function useFilter(defaultFilter, pickedOptions) {
-  var _useState = useState(defaultFilter),
-    filter = _useState[0],
-    setFilter = _useState[1];
-  var pickedFilterOptions = pick(filter, ['unspecified'].concat(pickedOptions));
-  var _useSelectedOptions = useSelectedOptions(pickedFilterOptions),
-    allSelected = _useSelectedOptions.allSelected;
-  return [pickedFilterOptions, setFilter, allSelected];
-};
-var useWarningFilters = function useWarningFilters(warnings) {
-  var _useState2 = useState(defaultDomainFilter),
-    domainFilter = _useState2[0],
-    setDomainFilter = _useState2[1];
-  var relevantLevels = Object.keys(domainFilter).flatMap(function (domain) {
-    return domainFilter[domain] ? domainLevels[domain] : [];
-  });
-  var _useFilter = useFilter(defaultLevelFilter, relevantLevels),
-    pickedLevelFilter = _useFilter[0],
-    setLevelFilter = _useFilter[1],
-    allLevelsSelected = _useFilter[2];
-  var existingPhenomenon = Object.values(Phenomenon).filter(function (p) {
-    return warnings.find(function (w) {
-      return w.warningDetail.phenomenon === p;
-    });
-  });
-  var _useFilter2 = useFilter(defaultPhenomenonFilter, existingPhenomenon),
-    pickedPhenomenonFilter = _useFilter2[0],
-    setPhenomenonFilter = _useFilter2[1],
-    allPhenomenonSelected = _useFilter2[2];
-  var _useSelectedOptions2 = useSelectedOptions(domainFilter),
-    allDomainSelected = _useSelectedOptions2.allSelected;
-  var allSelected = allDomainSelected && allLevelsSelected && allPhenomenonSelected;
-  /**
-   * @param filterKey - Name of the filter | "ALL" filters
-   * @param optionKey - Name of the option | "ALL" options
-   * @param value - The new value
-   * @param only - Flag that decides if all other options should be disabled
-   */
-  var updateFilter = function updateFilter(filterKey, optionKey, value, only) {
-    if (filterKey === 'ALL') {
-      setDomainFilter(function (state) {
-        return updateState(state, 'ALL', value);
-      });
-      setLevelFilter(function (state) {
-        return updateState(state, 'ALL', value);
-      });
-      setPhenomenonFilter(function (state) {
-        return updateState(state, 'ALL', value);
-      });
-    } else if (filterKey === 'domain') {
-      setDomainFilter(function (state) {
-        return updateState(state, optionKey, value, only);
-      });
-    } else if (filterKey === 'level') {
-      setLevelFilter(function (state) {
-        return updateState(state, optionKey, value, only);
-      });
-    } else if (filterKey === 'phenomenon') {
-      setPhenomenonFilter(function (state) {
-        return updateState(state, optionKey, value, only);
-      });
-    }
-  };
-  var byFilterState = useCallback(function (warning) {
-    var levelDomain = ['SIG', 'AIR'].find(function (d) {
-      return d === warning.warningDetail.level;
-    }) ? Domain.aviation : Domain["public"];
-    if (!domainFilter[levelDomain]) {
-      return false;
-    }
-    var level = getValue(Level, warning.warningDetail.level);
-    if (!pickedLevelFilter[level]) {
-      return false;
-    }
-    var phenomenon = getValue(Phenomenon, warning.warningDetail.phenomenon);
-    if (!pickedPhenomenonFilter[phenomenon]) {
-      return false;
-    }
-    return true;
-  }, [domainFilter, pickedLevelFilter, pickedPhenomenonFilter]);
-  return {
-    filterState: {
-      domain: domainFilter,
-      phenomenon: pickedPhenomenonFilter,
-      level: pickedLevelFilter
-    },
-    allSelected: allSelected,
-    updateFilter: updateFilter,
-    byFilterState: byFilterState
-  };
-};
-
 var BUTTON_AIRMET = 'AIRMET';
 var BUTTON_SIGMET = 'SIGMET';
 var NewWarningButton = function NewWarningButton(_ref) {
@@ -12269,6 +12196,7 @@ var PublicWarningList = function PublicWarningList(_ref) {
   var _ref$warnings = _ref.warnings,
     warnings = _ref$warnings === void 0 ? [] : _ref$warnings,
     filters = _ref.filters,
+    filterHookState = _ref.filterHookState,
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
     error = _ref.error,
@@ -12295,13 +12223,11 @@ var PublicWarningList = function PublicWarningList(_ref) {
     onClickAllChip = _ref$onClickAllChip === void 0 ? function () {} : _ref$onClickAllChip,
     _ref$isAllChipSelecte = _ref.isAllChipSelected,
     isAllChipSelected = _ref$isAllChipSelecte === void 0 ? true : _ref$isAllChipSelecte;
+  var filterState = filterHookState.filterState,
+    updateFilter = filterHookState.updateFilter,
+    allSelected = filterHookState.allSelected;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
-  var _useWarningFilters = useWarningFilters(warnings),
-    filterState = _useWarningFilters.filterState,
-    allSelected = _useWarningFilters.allSelected,
-    updateFilter = _useWarningFilters.updateFilter,
-    byFilterState = _useWarningFilters.byFilterState;
   var _React$useState = React__default.useState({
       key: 'lastUpdatedTime',
       direction: 'desc'
@@ -12313,8 +12239,8 @@ var PublicWarningList = function PublicWarningList(_ref) {
     updateFilter('ALL', 'ALL', !isChecked);
   };
   var sortedWarnings = React__default.useMemo(function () {
-    return groupWarningsOnStatus(warnings.filter(byFilterState), sortState);
-  }, [warnings, byFilterState, sortState]);
+    return groupWarningsOnStatus(warnings, sortState);
+  }, [warnings, sortState]);
   var toggleSortDirection = function toggleSortDirection(key) {
     setSortState(function (prevState) {
       return {
@@ -12661,7 +12587,7 @@ var getSelectedFilterOptions = createSelector(selectAllFilters, function (filter
     });
   });
   return selectedOptions;
-});
+}, selectorMemoizationOptions);
 var getFilteredWarnings = createSelector(selectAllPublicWarnings, getIsAllSelected, getSelectedFilterOptions, selectAllFilterIds, function (warnings, isAllSelected, filters, filterIds) {
   if (isAllSelected) {
     return warnings;
@@ -12673,7 +12599,7 @@ var getFilteredWarnings = createSelector(selectAllPublicWarnings, getIsAllSelect
     });
   });
   return result;
-});
+}, selectorMemoizationOptions);
 
 var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
   var _ref$onClose = _ref.onClose,
@@ -12753,7 +12679,117 @@ var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
   }));
 };
 
-var PublicWarningListConnect = function PublicWarningListConnect() {
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var useFilter = function useFilter(defaultFilter, pickedOptions) {
+  var _useState = useState(defaultFilter),
+    filter = _useState[0],
+    setFilter = _useState[1];
+  var pickedFilterOptions = pick(filter, ['unspecified'].concat(pickedOptions));
+  var _useSelectedOptions = useSelectedOptions(pickedFilterOptions),
+    allSelected = _useSelectedOptions.allSelected;
+  return [pickedFilterOptions, setFilter, allSelected];
+};
+var useWarningFilters = function useWarningFilters(warnings) {
+  var _useState2 = useState(defaultDomainFilter),
+    domainFilter = _useState2[0],
+    setDomainFilter = _useState2[1];
+  var relevantLevels = Object.keys(domainFilter).flatMap(function (domain) {
+    return domainFilter[domain] ? domainLevels[domain] : [];
+  });
+  var _useFilter = useFilter(defaultLevelFilter, relevantLevels),
+    pickedLevelFilter = _useFilter[0],
+    setLevelFilter = _useFilter[1],
+    allLevelsSelected = _useFilter[2];
+  var existingPhenomenon = Object.values(Phenomenon).filter(function (p) {
+    return warnings.find(function (w) {
+      return w.warningDetail.phenomenon === p;
+    });
+  });
+  var _useFilter2 = useFilter(defaultPhenomenonFilter, existingPhenomenon),
+    pickedPhenomenonFilter = _useFilter2[0],
+    setPhenomenonFilter = _useFilter2[1],
+    allPhenomenonSelected = _useFilter2[2];
+  var _useSelectedOptions2 = useSelectedOptions(domainFilter),
+    allDomainSelected = _useSelectedOptions2.allSelected;
+  var allSelected = allDomainSelected && allLevelsSelected && allPhenomenonSelected;
+  /**
+   * @param filterKey - Name of the filter | "ALL" filters
+   * @param optionKey - Name of the option | "ALL" options
+   * @param value - The new value
+   * @param only - Flag that decides if all other options should be disabled
+   */
+  var updateFilter = function updateFilter(filterKey, optionKey, value, only) {
+    if (filterKey === 'ALL') {
+      setDomainFilter(function (state) {
+        return updateState(state, 'ALL', value);
+      });
+      setLevelFilter(function (state) {
+        return updateState(state, 'ALL', value);
+      });
+      setPhenomenonFilter(function (state) {
+        return updateState(state, 'ALL', value);
+      });
+    } else if (filterKey === 'domain') {
+      setDomainFilter(function (state) {
+        return updateState(state, optionKey, value, only);
+      });
+    } else if (filterKey === 'level') {
+      setLevelFilter(function (state) {
+        return updateState(state, optionKey, value, only);
+      });
+    } else if (filterKey === 'phenomenon') {
+      setPhenomenonFilter(function (state) {
+        return updateState(state, optionKey, value, only);
+      });
+    }
+  };
+  var byFilterState = useCallback(function (warning) {
+    var levelDomain = ['SIG', 'AIR'].find(function (d) {
+      return d === warning.warningDetail.level;
+    }) ? Domain.aviation : Domain["public"];
+    if (!domainFilter[levelDomain]) {
+      return false;
+    }
+    var level = getValue(Level, warning.warningDetail.level);
+    if (!pickedLevelFilter[level]) {
+      return false;
+    }
+    var phenomenon = getValue(Phenomenon, warning.warningDetail.phenomenon);
+    if (!pickedPhenomenonFilter[phenomenon]) {
+      return false;
+    }
+    return true;
+  }, [domainFilter, pickedLevelFilter, pickedPhenomenonFilter]);
+  return {
+    filterState: {
+      domain: domainFilter,
+      phenomenon: pickedPhenomenonFilter,
+      level: pickedLevelFilter
+    },
+    allSelected: allSelected,
+    updateFilter: updateFilter,
+    byFilterState: byFilterState
+  };
+};
+
+var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
+  var panelId = _ref.panelId;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var dispatch = useDispatch();
@@ -12773,7 +12809,7 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
     setConfirmDialogOptions = _React$useState[1];
   var filters = useSelector(selectAllFilters);
   var isAllChipSelected = useSelector(getIsAllSelected);
-  var filteredWarnings = useSelector(getFilteredWarnings);
+  var publicWarnings = useSelector(getFilteredWarnings);
   var warnings = useSelector(selectAllPublicWarnings);
   var selectedPublicWarningId = useSelector(getSelectedPublicWarningId);
   var isLoading = useSelector(isPublicWarningsLoading || isFetchingAirmet || isFetchingSigmet);
@@ -12782,7 +12818,7 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
   var lastUpdatedTime = useSelector(getPublicWarningsLastUpdatedTime);
   var warningsApi = getWarningsApi();
   var openPublicWarningDialog = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(formAction, publicWarning) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(formAction, publicWarning) {
       var mayProceed;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -12817,7 +12853,7 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
       }, _callee);
     }));
     return function openPublicWarningDialog(_x, _x2) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   var selectWarning = function selectWarning(publicWarning) {
@@ -12827,7 +12863,7 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
     void openPublicWarningDialog('');
   };
   var editWarning = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(publicWarning) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(publicWarning) {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -12858,11 +12894,11 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
       }, _callee2);
     }));
     return function editWarning(_x3) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   var expireWarning = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(warning) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(warning) {
       var expiredWarning;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -12888,11 +12924,11 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
       }, _callee3);
     }));
     return function expireWarning(_x4) {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   var withdrawWarning = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(warning) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(warning) {
       var withdrawWarning;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -12918,7 +12954,7 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
       }, _callee4);
     }));
     return function withdrawWarning(_x5) {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var openSnackbar = function openSnackbar(message) {
@@ -12993,12 +13029,38 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
       newFilters: newFilters
     }));
   }, [dispatch, t, warnings]);
-  var transformedSigmets = (sigmetList == null ? void 0 : sigmetList.map(transformSigmetToWarningFormat)) || [];
-  var transformedAirmets = (airmetList == null ? void 0 : airmetList.map(transformAirmetToWarningFormat)) || [];
-  var combinedWarnings = filteredWarnings.concat(transformedSigmets).concat(transformedAirmets);
+  var combinedWarnings = React__default.useMemo(function () {
+    var transformedSigmets = (sigmetList == null ? void 0 : sigmetList.map(transformSigmetToWarningFormat)) || [];
+    var transformedAirmets = (airmetList == null ? void 0 : airmetList.map(transformAirmetToWarningFormat)) || [];
+    return publicWarnings.concat(transformedSigmets).concat(transformedAirmets);
+  }, [publicWarnings, sigmetList, airmetList]);
+  var filterHookState = useWarningFilters(combinedWarnings);
+  var filteredWarnings = React__default.useMemo(function () {
+    return combinedWarnings.filter(filterHookState.byFilterState);
+  }, [combinedWarnings, filterHookState.byFilterState]);
+  var allFeatures = React__default.useMemo(function () {
+    return filteredWarnings.reduce(function (acc, warning) {
+      var _warning$warningDetai;
+      var features = warning == null || (_warning$warningDetai = warning.warningDetail.areas) == null ? void 0 : _warning$warningDetai.map(function (a) {
+        return {
+          id: warning.id + a.objectName,
+          geoJSON: a.geoJSON
+        };
+      }).filter(function (a) {
+        return a.geoJSON;
+      });
+      if ((features == null ? void 0 : features.length) > 0) {
+        return [].concat(acc, features);
+      }
+      return acc;
+    }, []);
+  }, [filteredWarnings]);
+  useUpdateSharedData({
+    features: allFeatures
+  }, panelId);
   return jsxs(Fragment, {
     children: [jsx(PublicWarningList, {
-      warnings: combinedWarnings,
+      warnings: filteredWarnings,
       isLoading: isLoading,
       error: error,
       onSelectWarning: selectWarning,
@@ -13012,6 +13074,7 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
       lastUpdatedTime: lastUpdatedTime,
       onRefetchWarnings: fetchWarnings,
       filters: filters,
+      filterHookState: filterHookState,
       isAllChipSelected: isAllChipSelected,
       onClickAllChip: onClickAllChip
     }), confirmDialogOptions && jsx(ConfirmDeleteWarningDialog, {
@@ -13037,7 +13100,8 @@ var warningListViewPreset = {
 var PublicWarningApiWrapper = function PublicWarningApiWrapper(_ref) {
   var config = _ref.config,
     auth = _ref.auth,
-    onSetAuth = _ref.onSetAuth;
+    onSetAuth = _ref.onSetAuth,
+    panelId = _ref.panelId;
   return config ? jsx(ApiProvider, {
     config: {
       baseURL: config.baseURL,
@@ -13049,20 +13113,25 @@ var PublicWarningApiWrapper = function PublicWarningApiWrapper(_ref) {
     onSetAuth: onSetAuth,
     createApi: createApi$1,
     children: jsx(ErrorBoundary, {
-      children: jsx(PublicWarningListConnect, {})
+      children: jsx(PublicWarningListConnect, {
+        panelId: panelId
+      })
     })
   }) : null;
 };
 var componentsLookUp = function componentsLookUp(payload, apiProps) {
-  var componentType = payload.componentType;
+  var id = payload.id,
+    componentType = payload.componentType;
   switch (componentType) {
     case warningListViewPreset.componentType:
       if (apiProps && apiProps.config) {
         return jsx(PublicWarningApiWrapper, Object.assign({}, apiProps, {
+          panelId: id,
           "data-testid": "publicWarningModule"
         }));
       }
       return jsx(PublicWarningListConnect, {
+        panelId: id,
         "data-testid": "publicWarningList"
       });
     default:

package/package.json

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

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

@@ -1,5 +1,14 @@
 import { UseQueryResult } from '@tanstack/react-query';
 import { AirmetConfig, AirmetFromBackend, SigmetConfig, SigmetFromBackend } from '@opengeoweb/api';
-export declare const useAirmetList: () => UseQueryResult<AirmetFromBackend[]>;
-export declare const useSigmetList: () => UseQueryResult<SigmetFromBackend[]>;
-export declare const useProductConfig: (warningType: 'airmet' | 'sigmet') => UseQueryResult<SigmetConfig | AirmetConfig>;
+import { AviationProduct } from '@opengeoweb/sigmet-airmet';
+export declare const useAirmetList: (disabled?: boolean) => UseQueryResult<AirmetFromBackend[]>;
+export declare const useSigmetList: (disabled?: boolean) => UseQueryResult<SigmetFromBackend[]>;
+export declare const useProductConfig: (warningType: 'airmet' | 'sigmet', disabled?: boolean) => UseQueryResult<SigmetConfig | AirmetConfig>;
+type FetchTACData = Promise<{
+    data: string;
+}>;
+export declare const useTACApi: () => {
+    fetchSigmetTAC: (product: AviationProduct) => FetchTACData;
+    fetchAirmetTAC: (product: AviationProduct) => FetchTACData;
+};
+export {};

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

@@ -10,6 +10,9 @@ export interface ComponentsLookUpPayload {
 export interface ApiModuleProps extends ApiModule {
     config: ApiUrls;
 }
-export declare const PublicWarningApiWrapper: React.FC<ApiModuleProps>;
+interface Props extends ApiModuleProps {
+    panelId: string;
+}
+export declare const PublicWarningApiWrapper: React.FC<Props>;
 export declare const componentsLookUp: (payload: ComponentsLookUpPayload, apiProps?: ApiModuleProps) => React.ReactElement;
 export {};

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

@@ -13,10 +13,11 @@ interface FilterState extends PickedFilterState {
 export type FilterKeyType = keyof FilterState;
 export type OptionKey<T extends FilterKeyType> = keyof FilterState[T];
 export type UpdateFilter = <T extends FilterKeyType>(filterKey: T | 'ALL', optionKey: OptionKey<T> | 'ALL', value: boolean, only?: boolean) => void;
-export declare const useWarningFilters: (warnings: PublicWarning[]) => {
+export interface FilterHookState {
     filterState: PickedFilterState;
     allSelected: boolean;
     updateFilter: UpdateFilter;
     byFilterState: (warning: PublicWarning) => boolean;
-};
+}
+export declare const useWarningFilters: (warnings: PublicWarning[]) => FilterHookState;
 export {};

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

@@ -1,8 +1,9 @@
 import React from 'react';
 import { PublicWarning } from '../../store/publicWarningForm/types';
 import { WarningListFilter } from '../../store/publicWarnings/types';
+import { FilterHookState } from '../FilterList/filter-hooks';
 import { WarningListItemActions } from './WarningListItemMenu';
-interface PublicWarningListProps extends WarningListItemActions {
+export interface PublicWarningListProps extends WarningListItemActions {
     warnings: PublicWarning[];
     onSelectWarning?: (warning: PublicWarning) => void;
     isLoading?: boolean;
@@ -12,6 +13,7 @@ interface PublicWarningListProps extends WarningListItemActions {
     onCreateWarning?: () => void;
     onRefetchWarnings?: () => void;
     filters?: WarningListFilter[];
+    filterHookState: FilterHookState;
     onClickAllChip?: (isChecked: boolean) => void;
     isAllChipSelected?: boolean;
 }

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

@@ -1,3 +1,6 @@
 import React from 'react';
-export declare const PublicWarningListConnect: React.FC;
+interface Props {
+    panelId?: string;
+}
+export declare const PublicWarningListConnect: React.FC<Props>;
 export default PublicWarningListConnect;