@opengeoweb/core 10.2.0 → 11.0.0

package/README.md

@@ -24,28 +24,15 @@ import {
   LegendMapButtonConnect,
   CoreThemeStoreProvider,
 } from '@opengeoweb/core';
-import {
-  genericListener,
-  mapStoreModuleConfig,
-  mapStoreReducers,
-  mapActions,
-  syncGroupsReducer,
-  uiReducer,
-} from '@opengeoweb/store';
+import { storeMiddlewares, storeReducerMap } from '@opengeoweb/store';
 import { TimeSliderConnect } from '@opengeoweb/timeslider';
 import { configureStore } from '@reduxjs/toolkit';
 
 const store = configureStore({
   reducer: {
-    ...mapStoreReducers,
-    ui: uiReducer,
-    syncGroups: syncGroupsReducer,
-    snackbar: snackbarReducer,
+    ...storeReducerMap,
   },
-  middleware: [
-    ...mapStoreModuleConfig.middlewares!,
-    genericListener.middleware,
-  ],
+  middleware: [...storeMiddlewares],
 });
 
 const ConnectedMapWithTimeSlider = ({ mapId }) => {

package/index.esm.js

@@ -6,13 +6,13 @@ import { SHARED_NAMESPACE, sharedTranslations, CustomIconButton, CustomTooltip,
 import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, CloudLoading, ColumnCollapsed, ColumnCollapse, Copy, None, FastForward, AutoUpdateActive, Both, Visibility, VisibilityOff, Delete, DragHandle as DragHandle$1, Cached, Add, MapAdd, WorldMapProjection, Layers, Search, Exclamation, MyLocation, Close, ExitDomain, Info, ThemeWrapper, lightTheme, FlagBritain, FlagNetherlands, FlagFinland, FlagNorway } from '@opengeoweb/theme';
 import i18n from 'i18next';
 import { initReactI18next, useTranslation, I18nextProvider } from 'react-i18next';
-import { TIMESLIDER_NAMESPACE, timesliderTranslations, defaultTimeSpan, TIME_SLIDER_LEGEND_HEIGHT, SpeedButton, TimeStepButton, AnimationLengthButton, AnimationLength, TimeSpanButton, secondsPerPxFromCanvasWidth, getNewCenterOfFixedPointZoom, OptionsMenuButton, PlayButton, defaultTimeStep, BackwardForwardStepButton, AutoUpdateButton, NowButton, handleSetNowEvent, TimeSliderButtons, TimeSliderCurrentTimeBox, TimeSliderLegend, TimeSlider, onsetNewDateDebounced, getFilteredTime, ControlButtons, OptionsMenu, TimeSliderClock } from '@opengeoweb/timeslider';
-import { WEBMAP_REACT_NAMESPACE, webmapReactTranslations, WEBMAP_NAMESPACE, webmapTranslations, LayerInfoButton, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, emptyGeoJSON, registerDrawFunction, simplePointsGeojson, ZoomControls, LegendDialog, LegendButton, MapView, MapViewLayer, MapControls, publicLayers } from '@opengeoweb/webmap-react';
+import { TIMESLIDER_NAMESPACE, timesliderTranslations, defaultTimeSpan, TIME_SLIDER_LEGEND_HEIGHT, SpeedButton, TimeStepButton, AnimationLengthButton, AnimationLength, TimeSpanButton, secondsPerPxFromCanvasWidth, getNewCenterOfFixedPointZoom, OptionsMenuButton, PlayButton, defaultTimeStep, BackwardForwardStepButton, AutoUpdateButton, NowButton, handleSetNowEvent, TimeSliderButtons, TimeSliderCurrentTimeBox, TimeSliderLegend, onsetNewDateDebounced, defaultSecondsPerPx, moveSelectedTimePx, TimeSlider, getFilteredTime, ControlButtons, OptionsMenu, TimeSliderClock } from '@opengeoweb/timeslider';
+import { WEBMAP_REACT_NAMESPACE, webmapReactTranslations, WEBMAP_NAMESPACE, webmapTranslations, LayerInfoButton, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, emptyGeoJSON, registerDrawFunction, ZoomControls, LegendDialog, LegendButton, MapView, MapViewLayer, MapControls, publicLayers } from '@opengeoweb/webmap-react';
 import { useDispatch, useSelector, connect, useStore, Provider } from 'react-redux';
 import { ReactSortable } from 'react-sortablejs';
 import Sortable from 'sortablejs';
-import { layerTypes, layerUtils, mapSelectors, layerActions, layerSelectors, serviceSelectors, serviceActions, mapActions, mapEnums, uiSelectors, uiTypes, useSetupDialog, filterLayers, getUserAddedServices, uiActions, genericSelectors, genericActions, drawtoolSelectors, syncConstants, loadingIndicatorActions, syncGroupsSelectors, defaultLayers, getSingularDrawtoolDrawLayerId, syncGroupsSelector, syncGroupsActions, routerUtils } from '@opengeoweb/store';
-import _, { isArray, isEqual, cloneDeep, debounce, range } from 'lodash';
+import { layerTypes, layerUtils, mapSelectors, layerActions, layerSelectors, serviceSelectors, serviceActions, mapActions, mapEnums, uiSelectors, uiTypes, useSetupDialog, filterLayers, getUserAddedServices, uiActions, genericSelectors, genericActions, drawingToolSelectors, syncConstants, loadingIndicatorActions, syncGroupsSelectors, defaultLayers, getSingularDrawtoolDrawLayerId, syncGroupsSelector, syncGroupsActions, routerUtils } from '@opengeoweb/store';
+import _, { isArray, isEqual, debounce, range } from 'lodash';
 import { webmapUtils, queryWMSServiceInfo, queryWMSLayers, queryWMSLayersTree, invalidateWMSGetCapabilities, LayerType, getWMSServiceId, generateLayerId, getWMJSMapById, getWMSGetFeatureInfoRequestURL, handleDateUtilsISOString, wmServiceListener, EVENT_GETCAPABILITIES_START, EVENT_GETCAPABILITIES_READY, WMLayer } from '@opengeoweb/webmap';
 import { Box as Box$1, styled as styled$1 } from '@mui/system';
 import { LayerSelectButtonConnect, LayerSelectConnect } from '@opengeoweb/layer-select';
@@ -5747,35 +5747,41 @@ var getLocationDetail = function getLocationDetail(id, source) {
   return fetch(locationBaseUrl + "/locationdetail?id=" + id + "&source=" + source).then(handleResponse);
 };
 
-/* *
- * 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 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2025 - Finnish Meteorological Institute (FMI)
- * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
- * */
 var useLocationList = function useLocationList(search) {
   return useQuery({
     queryKey: ['location-list', search],
-    queryFn: function queryFn() {
-      return getLocationList(search);
-    },
-    enabled: !!search
+    queryFn: function () {
+      var _queryFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!(search.length > 0)) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return", getLocationList(search));
+            case 2:
+              return _context.abrupt("return", []);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function queryFn() {
+        return _queryFn.apply(this, arguments);
+      }
+      return queryFn;
+    }()
   });
 };
-var useLocationDetail = function useLocationDetail(_ref) {
-  var id = _ref.id,
-    source = _ref.source;
+var useLocationDetail = function useLocationDetail(id, source) {
+  if (id === void 0) {
+    id = '';
+  }
+  if (source === void 0) {
+    source = '';
+  }
   return useQuery({
     queryKey: ['location-detail', {
       id: id,
@@ -5810,14 +5816,15 @@ var SearchDialog = function SearchDialog(_ref) {
   var debouncedInputValue = useDebounce(inputValue, 300);
   var _useLocationList = useLocationList(debouncedInputValue),
     locationListData = _useLocationList.data;
-  var _useLocationDetail = useLocationDetail({
-      id: (selectedValue == null ? void 0 : selectedValue.id) || '',
-      source: (selectedValue == null ? void 0 : selectedValue.source) || ''
-    }),
-    locationDetail = _useLocationDetail.data;
+  var _useLocationDetail = useLocationDetail(selectedValue == null ? void 0 : selectedValue.id, selectedValue == null ? void 0 : selectedValue.source),
+    locationDetail = _useLocationDetail.data,
+    isFetchingDetail = _useLocationDetail.isFetching;
   useEffect(function () {
-    onSelectLocation(locationDetail);
-  }, [locationDetail, onSelectLocation]);
+    if (isFetchingDetail || !isOpen) {
+      return;
+    }
+    onSelectLocation(selectedValue ? locationDetail : undefined);
+  }, [locationDetail, onSelectLocation, selectedValue, isFetchingDetail, isOpen]);
   return isOpen && mapId ? jsxs(Box, {
     sx: {
       display: 'flex',
@@ -5866,6 +5873,9 @@ var SearchDialog = function SearchDialog(_ref) {
       getOptionLabel: function getOptionLabel(option) {
         return option.name;
       },
+      getOptionKey: function getOptionKey(option) {
+        return option.id + option.name;
+      },
       filterOptions: function filterOptions(x) {
         return x;
       },
@@ -5937,6 +5947,7 @@ var myLocationDrawFunction = function myLocationDrawFunction(args) {
   var ctx = args.context,
     coord = args.coord;
   // Draw outer circle
+  ctx.strokeStyle = '#fff';
   ctx.fillStyle = '#fff';
   ctx.shadowColor = '#00000080';
   ctx.shadowBlur = 4;
@@ -5953,6 +5964,7 @@ var myLocationDrawFunction = function myLocationDrawFunction(args) {
 var selectedLocationDrawFunction = function selectedLocationDrawFunction(args) {
   var ctx = args.context,
     coord = args.coord;
+  ctx.strokeStyle = '#051039';
   ctx.fillStyle = '#051039';
   ctx.beginPath();
   var topRadius = 7;
@@ -5968,9 +5980,26 @@ var selectedLocationDrawFunction = function selectedLocationDrawFunction(args) {
   ctx.arc(coord.x, coord.y - topHeight, topRadius / 2.5, Math.PI * 2, 0);
   ctx.fill();
 };
+var geometryStyling = {
+  fill: '#FF7800',
+  'fill-opacity': 0.25,
+  stroke: '#FF7800',
+  'stroke-opacity': 1,
+  'stroke-width': 4
+};
 var makeGeoJSONFeatureFromLocation = function makeGeoJSONFeatureFromLocation(location, drawFunctionId, hoverDrawFunctionId) {
-  var newGeoJSON = cloneDeep(simplePointsGeojson);
-  newGeoJSON.features = [{
+  var _location$geometry;
+  var collection = {
+    type: 'FeatureCollection',
+    features: []
+  };
+  var geometry = Object.assign({}, location.geometry, {
+    properties: Object.assign({}, geometryStyling, {
+      name: location.name,
+      hoverDrawFunctionId: hoverDrawFunctionId
+    })
+  });
+  var marker = {
     type: 'Feature',
     properties: {
       name: location.name,
@@ -5981,8 +6010,17 @@ var makeGeoJSONFeatureFromLocation = function makeGeoJSONFeatureFromLocation(loc
       type: 'Point',
       coordinates: [location.lon, location.lat]
     }
-  }];
-  return newGeoJSON;
+  };
+  switch ((_location$geometry = location.geometry) == null ? void 0 : _location$geometry.geometry.type) {
+    case 'Point':
+    case 'MultiLineString':
+    case undefined:
+      collection.features.push(marker);
+      break;
+    default:
+      collection.features.push(geometry);
+  }
+  return collection;
 };
 var fitText = function fitText(ctx, text, x, y, lineheight) {
   var lines = text.split('\n');
@@ -6019,6 +6057,7 @@ var hoverDrawFunction = function hoverDrawFunction(args) {
   ctx.font = fontSize + "px Roboto";
   var x = coord.x,
     y = coord.y;
+  ctx.strokeStyle = '#000';
   ctx.fillStyle = '#000';
   roundRect(ctx, ctx.measureText(feature.properties.name).width + padding, fontSize + padding, x - padding * 0.5 - ctx.measureText(feature.properties.name).width * 0.5, y + padding);
   // eslint-disable-next-line no-param-reassign
@@ -6731,26 +6770,26 @@ var MapViewConnect = function MapViewConnect(_ref) {
     var geojson = _ref2.geojson,
       reason = _ref2.reason,
       layerId = _ref2.layerId;
-    var activeDrawToolId = drawtoolSelectors.getActiveDrawToolId(store.getState());
-    var activeDrawMode = drawtoolSelectors.getActiveDrawMode(store.getState(), activeDrawToolId);
+    var activeDrawToolId = drawingToolSelectors.getActiveDrawToolId(store.getState());
+    var activeDrawMode = drawingToolSelectors.getActiveDrawMode(store.getState(), activeDrawToolId);
     dispatch(layerActions.updateFeature({
       geojson: geojson,
       reason: reason,
       layerId: layerId,
-      shouldAllowMultipleShapes: drawtoolSelectors.getShouldAllowMultipleShapes(store.getState(), activeDrawToolId),
-      geoJSONIntersectionLayerId: drawtoolSelectors.getGeoJSONIntersectionLayerId(store.getState(), activeDrawToolId),
-      geoJSONIntersectionBoundsLayerId: drawtoolSelectors.getGeoJSONIntersectionBoundsLayerId(store.getState(), activeDrawToolId),
+      shouldAllowMultipleShapes: drawingToolSelectors.getShouldAllowMultipleShapes(store.getState(), activeDrawToolId),
+      geoJSONIntersectionLayerId: drawingToolSelectors.getGeoJSONIntersectionLayerId(store.getState(), activeDrawToolId),
+      geoJSONIntersectionBoundsLayerId: drawingToolSelectors.getGeoJSONIntersectionBoundsLayerId(store.getState(), activeDrawToolId),
       selectionType: activeDrawMode == null ? void 0 : activeDrawMode.selectionType
     }));
   }, [dispatch, store]);
   var exitFeatureDrawMode = React.useCallback(function (_ref3) {
     var reason = _ref3.reason,
       layerId = _ref3.layerId;
-    var activeDrawToolId = drawtoolSelectors.getActiveDrawToolId(store.getState());
+    var activeDrawToolId = drawingToolSelectors.getActiveDrawToolId(store.getState());
     dispatch(layerActions.exitFeatureDrawMode({
       reason: reason,
       layerId: layerId,
-      shouldAllowMultipleShapes: drawtoolSelectors.getShouldAllowMultipleShapes(store.getState(), activeDrawToolId)
+      shouldAllowMultipleShapes: drawingToolSelectors.getShouldAllowMultipleShapes(store.getState(), activeDrawToolId)
     }));
   }, [dispatch, store]);
   var isActiveWindowId = useSelector(function (store) {
@@ -6885,7 +6924,7 @@ var MapViewConnect = function MapViewConnect(_ref) {
           onLayerError: function onLayerError(_, error) {
             layerError({
               layerId: layer.id,
-              error: Error("" + error)
+              error: (error == null ? void 0 : error.message) || 'unknown error'
             });
           }
         }, layer), layer.id);
@@ -6895,7 +6934,7 @@ var MapViewConnect = function MapViewConnect(_ref) {
           onLayerError: function onLayerError(_, error) {
             layerError({
               layerId: layer.id,
-              error: Error("" + error)
+              error: (error == null ? void 0 : error.message) || 'unknown error'
             });
           }
         }, layer), layer.id);
@@ -6939,7 +6978,7 @@ var MapViewConnect = function MapViewConnect(_ref) {
           onLayerError: function onLayerError(_, error) {
             layerError({
               layerId: layer.id,
-              error: Error("" + error)
+              error: (error == null ? void 0 : error.message) || 'unknown error'
             });
           },
           onClickFeature: function onClickFeature(event) {
@@ -6978,7 +7017,7 @@ var MapViewConnect = function MapViewConnect(_ref) {
           onLayerError: function onLayerError(_, error) {
             layerError({
               layerId: layer.id,
-              error: Error("" + error)
+              error: (error == null ? void 0 : error.message) || 'unknown error'
             });
           }
         }, layer), layer.id);
@@ -7513,7 +7552,8 @@ var TimeSliderLegendConnect = function TimeSliderLegendConnect(_ref) {
     onSetTimeSliderSpan = _ref.onSetTimeSliderSpan,
     unfilteredSelectedTime = _ref.unfilteredSelectedTime,
     setUnfilteredSelectedTime = _ref.setUnfilteredSelectedTime,
-    mapWindowRef = _ref.mapWindowRef;
+    mapWindowRef = _ref.mapWindowRef,
+    adjustSelectedTimeOnWheel = _ref.adjustSelectedTimeOnWheel;
   var isTimeScrollingEnabled = useSelector(syncGroupsSelectors.isTimeScrollingEnabled);
   var centerTime = useSelector(function (store) {
     return mapSelectors.getMapTimeSliderCenterTime(store, mapId);
@@ -7645,7 +7685,8 @@ var TimeSliderLegendConnect = function TimeSliderLegendConnect(_ref) {
           }));
         }
       }
-    }
+    },
+    adjustSelectedTimeOnWheel: adjustSelectedTimeOnWheel
   });
 };
 
@@ -7720,7 +7761,7 @@ var useUpdateTimeSpan = function useUpdateTimeSpan(mapId, myOnSetTimeSliderSpan)
       updateTimeSliderSpan(_spanInSeconds, _newCenterTime, _newSecondsPerPx);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [autoTimeStepLayerId, isTimeSpanAuto, activeLayerTimeDimension, mapId]);
+  }, [autoTimeStepLayerId, isTimeSpanAuto, mapId]);
 };
 var timeToIso = function timeToIso(selectedTime) {
   return handleDateUtilsISOString(dateUtils.fromUnix(selectedTime).toISOString());
@@ -7801,9 +7842,6 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
   });
   useUpdateTimestep(mapId);
   useUpdateTimeSpan(mapId, onSetTimeSliderSpan);
-  var makeFilteredSelectedTime = function makeFilteredSelectedTime(timeValue) {
-    return getFilteredTime(timeValue, timeStep, dataStartTime, dataEndTime);
-  };
   // Local state for unfiltered selected time
   var _React$useState = React.useState(selectedTime),
     unfilteredSelectedTime = _React$useState[0],
@@ -7811,7 +7849,7 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
   // Reference to the last time value set by this timeslider
   var lastTimeValueAsSetByThisTimeSlider = React.useRef();
   // Set new time in the redux state
-  var _onSetNewDate = function onSetNewDate(newDate) {
+  var _onSetNewDate = React.useCallback(function (newDate) {
     // Remember that this timeslider has set this time
     lastTimeValueAsSetByThisTimeSlider.current = newDate;
     if (isAnimating) {
@@ -7824,7 +7862,7 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
       origin: 'TimeSliderConnect',
       value: handleDateUtilsISOString(newDate)
     }));
-  };
+  }, [dispatch, isAnimating, mapId, sourceId]);
   // Update local state when time is updated outside of this component, e.g. during animation or syncgroups
   React.useEffect(function () {
     var selectedTimeAsIsoString = timeToIso(selectedTime);
@@ -7833,13 +7871,16 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
     }
   }, [selectedTime]);
   // Function used by timeslider components to update the unfiltered selected time
-  var setUnfilteredSelectedTime = function setUnfilteredSelectedTime(unfilteredSelectedTimeFromComponents) {
+  var setUnfilteredSelectedTime = React.useCallback(function (unfilteredSelectedTimeFromComponents) {
+    var makeFilteredSelectedTime = function makeFilteredSelectedTime(timeValue) {
+      return getFilteredTime(timeValue, timeStep, dataStartTime, dataEndTime);
+    };
     setUnfilteredSelectedTimeViaState(unfilteredSelectedTimeFromComponents);
     var filteredIsoTime = makeFilteredSelectedTime(unfilteredSelectedTimeFromComponents);
     if (selectedTime !== filteredIsoTime) {
       onsetNewDateDebounced(timeToIso(filteredIsoTime), _onSetNewDate);
     }
-  };
+  }, [dataEndTime, dataStartTime, _onSetNewDate, selectedTime, timeStep]);
   // Move animation bar when user changes time using time picker
   // Animation bar however cannot be moved into a time where there is no data
   var moveAnimationUsingCalendar = function moveAnimationUsingCalendar(newTime) {
@@ -7865,6 +7906,40 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
     setUnfilteredSelectedTime(newSelectedTime);
     moveAnimationUsingCalendar(newSelectedTime);
   };
+  var secondsPerPx = useSelector(function (store) {
+    return mapSelectors.getMapTimeSliderSecondsPerPx(store, mapId);
+  }) || defaultSecondsPerPx;
+  var timeSliderWidth = useSelector(function (store) {
+    return mapSelectors.getMapTimeSliderWidth(store, mapId);
+  }) || 0;
+  var centerTime = useSelector(function (store) {
+    return mapSelectors.getMapTimeSliderCenterTime(store, mapId);
+  });
+  var isTimeScrollingEnabled = useSelector(syncGroupsSelectors.isTimeScrollingEnabled);
+  var adjustSelectedTimeOnWheel = React.useCallback(function (_ref2) {
+    var event = _ref2.event,
+      deltaY = _ref2.deltaY;
+    if (!(event.ctrlKey || event.metaKey || event.shiftKey || event.altKey)) {
+      var pixelsPerScroll = -deltaY * timeStep / (2 * secondsPerPx);
+      moveSelectedTimePx(pixelsPerScroll, timeSliderWidth, centerTime, dataStartTime, dataEndTime, secondsPerPx, timeStep, unfilteredSelectedTime, setUnfilteredSelectedTime);
+    }
+  }, [timeSliderWidth, centerTime, dataEndTime, dataStartTime, secondsPerPx, setUnfilteredSelectedTime, timeStep, unfilteredSelectedTime]);
+  React.useEffect(function () {
+    if (isTimeScrollingEnabled && mapWindowRef != null && mapWindowRef.current) {
+      var handleWheel = function handleWheel(event) {
+        adjustSelectedTimeOnWheel({
+          event: event,
+          deltaY: event.deltaY
+        });
+      };
+      var element = mapWindowRef.current;
+      element.addEventListener('wheel', handleWheel);
+      return function () {
+        element.removeEventListener('wheel', handleWheel);
+      };
+    }
+    return undefined;
+  }, [isTimeScrollingEnabled, mapWindowRef, adjustSelectedTimeOnWheel]);
   return jsx(TimeSlider, {
     timeStep: timeStep,
     dataStartTime: dataStartTime,
@@ -7894,7 +7969,8 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
       onSetTimeSliderSpan: onSetTimeSliderSpan,
       unfilteredSelectedTime: unfilteredSelectedTime,
       setUnfilteredSelectedTime: setUnfilteredSelectedTime,
-      mapWindowRef: mapWindowRef
+      mapWindowRef: mapWindowRef,
+      adjustSelectedTimeOnWheel: adjustSelectedTimeOnWheel
     }),
     mapIsActive: mapIsActive,
     onToggleTimeSlider: onToggleTimeSliderVisibility,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "10.2.0",
+  "version": "11.0.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -30,8 +30,8 @@
     "dompurify": "^3.0.6",
     "@mui/material": "^6.1.1",
     "@sentry/react": "^8.34.0",
-    "@tanstack/react-query": "^5.62.7",
     "@opengeoweb/authentication": "*",
+    "@tanstack/react-query": "^5.62.7",
     "@opengeoweb/api": "*",
     "msw": "^1.3.3"
   },

package/src/lib/components/Search/types.d.ts

@@ -4,7 +4,7 @@ export interface LocationDetail {
     source: string;
     lat: number;
     lon: number;
-    geometry?: GeoJSON.GeoJSON;
+    geometry?: GeoJSON.Feature;
 }
 export interface LocationListResult {
     id: string;

package/src/lib/components/Search/utils.d.ts

@@ -1,6 +1,8 @@
 import { MapDrawDrawFunctionArgs } from '@opengeoweb/webmap-react';
+import { GeoJsonProperties } from 'geojson';
 import { LocationDetail } from './types';
 export declare const myLocationDrawFunction: (args: MapDrawDrawFunctionArgs) => void;
 export declare const selectedLocationDrawFunction: (args: MapDrawDrawFunctionArgs) => void;
+export declare const geometryStyling: GeoJsonProperties;
 export declare const hoverDrawFunction: (args: MapDrawDrawFunctionArgs) => void;
 export declare const useDrawOnMap: (mapId: string, drawFunction: (args: MapDrawDrawFunctionArgs) => void) => [(location?: LocationDetail) => void];

package/src/lib/components/SyncGroups/SimpleTimeSliderConnect.d.ts

@@ -11,8 +11,8 @@ export declare const SimpleTimeSliderConnect: import("react-redux").ConnectedCom
     id: string;
     timeValue?: string | null | undefined;
     setTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("dist/libs/store/src/store/generic/types").SetTimePayload, string> | undefined;
-    syncGroupAddSource?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("dist/libs/store/src/store/generic/synchronizationGroups/types").SyncGroupsAddSourcePayload, "synchronizationGroupsReducer/syncGroupAddSource"> | undefined;
-    syncGroupRemoveSource?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("dist/libs/store/src/store/generic/synchronizationGroups/types").SyncGroupRemoveSourcePayload, "synchronizationGroupsReducer/syncGroupRemoveSource"> | undefined;
+    syncGroupAddSource?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("dist/libs/store/src/store/generic/syncGroups/types").SyncGroupsAddSourcePayload, "synchronizationGroupsReducer/syncGroupAddSource"> | undefined;
+    syncGroupRemoveSource?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("dist/libs/store/src/store/generic/syncGroups/types").SyncGroupRemoveSourcePayload, "synchronizationGroupsReducer/syncGroupRemoveSource"> | undefined;
     context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
     store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
 }>;

package/src/lib/components/SyncGroups/SyncGroupViewer.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { syncGroupsTypes } from '@opengeoweb/store';
+import * as React from 'react';
 interface SyncGroupViewerProps {
     onClose: () => void;
     isOpen: boolean;

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

@@ -5,7 +5,7 @@ interface TimeSliderConnectProps {
     sourceId: string;
     mapId: string;
     isAlwaysVisible?: boolean;
-    mapWindowRef?: React.MutableRefObject<null>;
+    mapWindowRef?: React.MutableRefObject<HTMLElement | null>;
 }
 export declare const TimeSliderConnect: React.FC<TimeSliderConnectProps>;
 export {};

package/src/lib/components/TimeSliderConnect/TimeSliderLegendConnect.d.ts

@@ -5,6 +5,10 @@ interface TimeSliderLegendConnectProps {
     unfilteredSelectedTime: number;
     setUnfilteredSelectedTime: (unfilteredSelectedTime: number) => void;
     mapWindowRef?: React.MutableRefObject<HTMLElement | null>;
+    adjustSelectedTimeOnWheel?: ({ event, deltaY, }: {
+        event: WheelEvent | KeyboardEvent;
+        deltaY: number;
+    }) => void;
 }
 export declare const TimeSliderLegendConnect: React.FC<TimeSliderLegendConnectProps>;
 export {};

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

@@ -0,0 +1 @@
+export * from './store';

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

@@ -0,0 +1,13 @@
+import { SnackbarModuleStore } from '@opengeoweb/snackbar';
+import { WebMapStateModuleState, SynchronizationGroupModuleState, UIModuleState } from '@opengeoweb/store';
+import { ToolkitStore } from '@reduxjs/toolkit/dist/configureStore';
+export declare const coreReducerMap: {
+    webmap: import("redux").Reducer<import("dist/libs/store/src/store/map/types").WebMapState, import("redux").AnyAction>;
+    services: import("redux").Reducer<import("dist/libs/store/src/store/map/types").ServiceState, import("redux").AnyAction>;
+    layers: import("redux").Reducer<import("dist/libs/store/src/store/map/types").LayerState, import("redux").AnyAction>;
+    syncGroups: import("redux").Reducer<import("dist/libs/store/src/store/generic/syncGroups/types").SynchronizationGroupState, import("redux").AnyAction>;
+    ui: import("redux").Reducer<import("dist/libs/store/src/store/ui/types").UIStoreType, import("redux").AnyAction>;
+    snackbar: import("redux").Reducer<import("dist/libs/snackbar/src/lib/store/types").SnackbarState, import("redux").AnyAction>;
+};
+export declare const coreMiddlewares: import("@reduxjs/toolkit").ListenerMiddleware<import("@opengeoweb/store").CoreAppStore, import("@reduxjs/toolkit").ThunkDispatch<import("@opengeoweb/store").CoreAppStore, unknown, import("redux").AnyAction>, unknown>[];
+export declare const createMockStore: (mockState?: WebMapStateModuleState | SynchronizationGroupModuleState | UIModuleState | SnackbarModuleStore) => ToolkitStore;

package/src/lib/utils/location-api/fakeApi.d.ts

@@ -22,19 +22,49 @@ export declare const fakeLocationDetailList: ({
             type: string;
             coordinates: number[];
         };
+        properties?: undefined;
     };
 } | {
+    id: string;
+    name: string;
+    source: string;
     lat: number;
     lon: number;
-    source: string;
+    geometry: {
+        type: string;
+        properties: {};
+        geometry: {
+            type: string;
+            coordinates: number[][];
+        };
+    };
+} | {
     id: string;
     name: string;
+    source: string;
+    lat: number;
+    lon: number;
     geometry: {
         type: string;
         geometry: {
             type: string;
             coordinates: number[][][];
         };
+        properties: {};
+    };
+} | {
+    id: string;
+    name: string;
+    source: string;
+    lat: number;
+    lon: number;
+    geometry: {
+        type: string;
+        geometry: {
+            type: string;
+            coordinates: number[][][][];
+        };
+        properties: {};
     };
 })[];
 export declare const locationApiEndpoints: import("msw").RestHandler<import("msw").MockedRequest<import("msw").DefaultBodyType>>[];

package/src/lib/utils/location-api/hooks.d.ts

@@ -1,9 +1,4 @@
 import { UseQueryResult } from '@tanstack/react-query';
 import { LocationDetail, LocationListResult } from '../../components/Search/types';
 export declare const useLocationList: (search: string) => UseQueryResult<LocationListResult[]>;
-interface DetailProps {
-    id: string;
-    source: string;
-}
-export declare const useLocationDetail: ({ id, source, }: DetailProps) => UseQueryResult<LocationDetail>;
-export {};
+export declare const useLocationDetail: (id?: string, source?: string) => UseQueryResult<LocationDetail>;

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

@@ -1,6 +1,3 @@
-import { snackbarTypes } from '@opengeoweb/snackbar';
-import { WebMapStateModuleState, syncGroupsTypes, uiTypes } from '@opengeoweb/store';
-import { Store } from '@reduxjs/toolkit';
+import { WebMapStateModuleState } from '@opengeoweb/store';
 export declare const mockStateMapWithDimensions: (layer: import("dist/libs/store/src/store/map/types").Layer, mapId: string) => WebMapStateModuleState;
 export declare const mockStateMapWithDimensionsWithoutLayers: (mapId: string) => WebMapStateModuleState;
-export declare const createMockStore: (mockState?: WebMapStateModuleState & snackbarTypes.SnackbarModuleStore & syncGroupsTypes.SynchronizationGroupModuleState & uiTypes.UIModuleState) => Store;