@opengeoweb/webmap-react 12.0.0 → 12.1.0

package/index.esm.js

@@ -20,6 +20,7 @@ import proj4 from 'proj4';
 import { register } from 'ol/proj/proj4';
 import WMTSCapabilities from 'ol/format/WMTSCapabilities';
 import { optionsFromCapabilities } from 'ol/source/WMTS';
+import { View, Map, Feature, Collection } from 'ol';
 import { Vector } from 'ol/layer';
 import VectorSource from 'ol/source/Vector';
 import GeoJSON from 'ol/format/GeoJSON';
@@ -34,7 +35,6 @@ import { produce } from 'immer';
 import { useResizeDetector } from 'react-resize-detector';
 import Box$1 from '@mui/material/Box';
 import Typography$1 from '@mui/material/Typography';
-import { View, Map, Feature, Collection } from 'ol';
 import { defaults, MouseWheelZoom, Draw, Modify, Translate, Snap } from 'ol/interaction';
 import 'ol/ol.css';
 import { toLonLat, fromLonLat } from 'ol/proj';
@@ -1552,7 +1552,9 @@ var getDimensionParamsForWMS = function getDimensionParamsForWMS(dimensions, wmL
     }
     // Take the closest WMLayer dimension value, if not available just use the already existing value
     var closestValue = (wmLayer === null || wmLayer === void 0 || (_wmLayer$getDimension = wmLayer.getDimension(dimension.name)) === null || _wmLayer$getDimension === void 0 ? void 0 : _wmLayer$getDimension.getClosestValue(dimension.currentValue)) || dimension.currentValue;
-    dimProps[getCorrectWMSDimName(dimension.name)] = closestValue;
+    if (!WMInvalidDateValues.has(closestValue)) {
+      dimProps[getCorrectWMSDimName(dimension.name)] = closestValue;
+    }
   });
   return dimProps;
 };
@@ -1849,9 +1851,15 @@ var TimeawareImageSourceWMSLayer = function TimeawareImageSourceWMSLayer(_ref) {
   }, [layer, visible]);
   // Layer styleName properties useEffect
   useEffect(function () {
-    var _layer$getSource;
-    (wmLayer === null || wmLayer === void 0 ? void 0 : wmLayer.currentStyle) !== styleName && (wmLayer === null || wmLayer === void 0 ? void 0 : wmLayer.setStyle(styleName || ''));
-    layer === null || layer === void 0 || (_layer$getSource = layer.getSource()) === null || _layer$getSource === void 0 || _layer$getSource.setStyle(styleName || '');
+    if (wmLayer) {
+      var _styles$, _layer$getSource;
+      var styles = wmLayer.getStyles();
+      var style = styleName && styles.some(function (style) {
+        return style.name === styleName;
+      }) ? styleName : ((_styles$ = styles[0]) === null || _styles$ === void 0 ? void 0 : _styles$.name) || '';
+      wmLayer.setStyle(style);
+      layer === null || layer === void 0 || (_layer$getSource = layer.getSource()) === null || _layer$getSource === void 0 || _layer$getSource.setStyle(style);
+    }
   }, [layer, styleName, wmLayer]);
   // layerName  useEffect
   useEffect(function () {
@@ -2022,61 +2030,6 @@ var useProjection = function useProjection() {
   return projection;
 };
 
-/* *
- * 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 useSetIntervalWhenVisible = function useSetIntervalWhenVisible(autoUpdate, refetchInterval) {
-  var shouldAutoFetch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  var intervalIdRef = useRef();
-  var lastRefetched = useRef(new Date().getTime());
-  var refetch = useCallback(function () {
-    if (document.visibilityState === 'visible') {
-      lastRefetched.current = new Date().getTime();
-      if (shouldAutoFetch) {
-        autoUpdate();
-      }
-    }
-  }, [autoUpdate, shouldAutoFetch]);
-  var refetchIfTimeHasPassed = useCallback(function () {
-    if (document.visibilityState === 'visible' && new Date().getTime() - lastRefetched.current > refetchInterval) {
-      refetch();
-    }
-  }, [refetch, refetchInterval]);
-  // Triggers when document becomes visible
-  useLayoutEffect(function () {
-    var onVisibilityChange = function onVisibilityChange() {
-      refetchIfTimeHasPassed();
-    };
-    document.addEventListener('visibilitychange', onVisibilityChange);
-    return function () {
-      document.removeEventListener('visibilitychange', onVisibilityChange);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [refetchInterval, shouldAutoFetch]);
-  // Sets a timer
-  useEffect(function () {
-    intervalIdRef.current = setInterval(refetch, refetchInterval);
-    refetchIfTimeHasPassed();
-    return function () {
-      clearInterval(intervalIdRef.current);
-    };
-  }, [refetch, refetchIfTimeHasPassed, refetchInterval, shouldAutoFetch]);
-};
-
 var WMSLayer = function WMSLayer(_ref) {
   var url = _ref.url,
     layerName = _ref.layerName,
@@ -2780,6 +2733,142 @@ var WMTSLayer = function WMTSLayer(_ref) {
   return null;
 };
 
+/* *
+ * 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 useSetIntervalWhenVisible = function useSetIntervalWhenVisible(autoUpdate, refetchInterval) {
+  var shouldAutoFetch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var intervalIdRef = useRef();
+  var lastRefetched = useRef(new Date().getTime());
+  var refetch = useCallback(function () {
+    if (document.visibilityState === 'visible') {
+      lastRefetched.current = new Date().getTime();
+      if (shouldAutoFetch) {
+        autoUpdate();
+      }
+    }
+  }, [autoUpdate, shouldAutoFetch]);
+  var refetchIfTimeHasPassed = useCallback(function () {
+    if (document.visibilityState === 'visible' && new Date().getTime() - lastRefetched.current > refetchInterval) {
+      refetch();
+    }
+  }, [refetch, refetchInterval]);
+  // Triggers when document becomes visible
+  useLayoutEffect(function () {
+    var onVisibilityChange = function onVisibilityChange() {
+      refetchIfTimeHasPassed();
+    };
+    document.addEventListener('visibilitychange', onVisibilityChange);
+    return function () {
+      document.removeEventListener('visibilitychange', onVisibilityChange);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [refetchInterval, shouldAutoFetch]);
+  // Sets a timer
+  useEffect(function () {
+    intervalIdRef.current = setInterval(refetch, refetchInterval);
+    refetchIfTimeHasPassed();
+    return function () {
+      clearInterval(intervalIdRef.current);
+    };
+  }, [refetch, refetchIfTimeHasPassed, refetchInterval, shouldAutoFetch]);
+};
+
+/* *
+ * 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 useViewFromLayer = function useViewFromLayer(layerProps) {
+  var baseView = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    projection: 'EPSG:3857',
+    zoom: 1,
+    center: [0, 0]
+  };
+  var viewRef = useRef(new View(baseView));
+  var wmLayer = useGetWMLayerInstance(layerProps.service, layerProps.name, layerProps.id);
+  useEffect(function () {
+    if (!wmLayer) {
+      return;
+    }
+    var layerProjectionForCode = wmLayer.getProjection(viewRef.current.getProjection().getCode());
+    if (!layerProjectionForCode) {
+      return;
+    }
+    viewRef.current.fit(layerProjectionForCode.bbox.getExtent());
+  }, [wmLayer]);
+  return viewRef.current;
+};
+
+var useAnimationForLayer = function useAnimationForLayer(layerProps, intervalInMs) {
+  var numStepsTillLatest = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 48;
+  var checkForUpdatesMs = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 60000;
+  var animationStep = useRef(0);
+  var _React$useState = React__default.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    timeValue = _React$useState2[0],
+    setTimeValue = _React$useState2[1];
+  var wmLayer = useGetWMLayerInstance(layerProps.service, layerProps.name, layerProps.id);
+  var trigger = React__default.useCallback(function () {
+    animationStep.current += 1;
+    if (animationStep.current >= numStepsTillLatest) {
+      animationStep.current = 0;
+    }
+    if (wmLayer) {
+      var timeDim = wmLayer.getDimension('time');
+      if (timeDim) {
+        var numTimeSteps = timeDim.size();
+        var timeString = timeDim.getValueForIndex(animationStep.current + numTimeSteps - numStepsTillLatest);
+        setTimeValue(timeString);
+      }
+    }
+  }, [numStepsTillLatest, wmLayer]);
+  useSetIntervalWhenVisible(trigger, intervalInMs);
+  var refetchLayer = React__default.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return wmLayer === null || wmLayer === void 0 ? void 0 : wmLayer.parseLayer(true);
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [wmLayer]);
+  useSetIntervalWhenVisible(refetchLayer, checkForUpdatesMs);
+  return [{
+    name: 'time',
+    currentValue: timeValue
+  }];
+};
+
 var TiledWMSLayer = function TiledWMSLayer(_ref) {
   var url = _ref.url,
     layerName = _ref.layerName,
@@ -11400,6 +11489,8 @@ var MapFeatureClass;
   MapFeatureClass["MyLocation"] = "MyLocation";
   MapFeatureClass["GenericMarker"] = "GenericMarker";
   MapFeatureClass["ObservationStation"] = "ObservationStation";
+  MapFeatureClass["EDRFeature"] = "EDRFeature";
+  MapFeatureClass["EDRMultiPolygon"] = "EDRMultiPolygon";
   MapFeatureClass["default"] = "default";
 })(MapFeatureClass || (MapFeatureClass = {}));
 var FEATURE_FILL = new Fill({
@@ -11508,34 +11599,65 @@ new Style$1({
     })
   })
 })];
-var labelBaseStyle = new Style$1({
-  text: new Text({
-    font: '16px Roboto',
-    padding: [8, 8, 8, 8],
-    fill: new Fill({
-      color: '#eee'
-    }),
-    text: '-',
-    // f.getProperties().name,
-    backgroundFill: new Fill({
-      color: '#111'
-    }),
-    backgroundStroke: new Stroke({
-      color: '#111',
-      width: 4,
-      lineCap: 'round',
-      lineJoin: 'round'
-    }),
-    offsetY: 40
+var FEATURE_EDR = [new Style$1({
+  fill: FEATURE_FILL,
+  stroke: FEATURE_STROKE
+})];
+var FEATURE_EDR_HOVER = [new Style$1({
+  fill: new Fill({
+    color: '#e14'
+  }),
+  stroke: new Stroke({
+    color: '#e14',
+    width: 1.5
   })
+})];
+var labelOptions = {
+  font: '16px Roboto',
+  padding: [8, 8, 8, 8],
+  fill: new Fill({
+    color: '#eee'
+  }),
+  text: '-',
+  // f.getProperties().name,
+  backgroundFill: new Fill({
+    color: '#111'
+  }),
+  backgroundStroke: new Stroke({
+    color: '#111',
+    width: 4,
+    lineCap: 'round',
+    lineJoin: 'round'
+  }),
+  offsetY: 40,
+  overflow: true
+};
+var labelBaseStyle = new Style$1({
+  text: new Text(labelOptions)
+});
+// Multi-polygons need separate handling to only draw single label
+var multiPolygonLabelBaseStyle = new Style$1({
+  text: new Text(labelOptions),
+  geometry: function geometry(feature) {
+    var polygons = feature.getGeometry().getPolygons();
+    var largestPolygon = polygons.reduce(function (prev, curr) {
+      return prev.getArea() > curr.getArea() ? prev : curr;
+    });
+    return largestPolygon.getInteriorPoint();
+  }
 });
-var textLableStyle = function textLableStyle(text) {
+var textLabelStyle = function textLabelStyle(text) {
   var _labelBaseStyle$getTe;
   (_labelBaseStyle$getTe = labelBaseStyle.getText()) === null || _labelBaseStyle$getTe === void 0 || _labelBaseStyle$getTe.setText(text);
   return labelBaseStyle;
 };
-var stylesByMapFeatureClass = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MapFeatureClass.GenericMarker, function (f) {
-  return !f.get('hover') ? ICON_LOCATIONMARKER : [ICON_LOCATIONMARKER, textLableStyle(f.getProperties().name)];
+var multiPolygonLabelStyle = function multiPolygonLabelStyle(text) {
+  var _multiPolygonLabelBas;
+  (_multiPolygonLabelBas = multiPolygonLabelBaseStyle.getText()) === null || _multiPolygonLabelBas === void 0 || _multiPolygonLabelBas.setText(text);
+  return multiPolygonLabelBaseStyle;
+};
+var stylesByMapFeatureClass = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MapFeatureClass.GenericMarker, function (f) {
+  return !f.get('hover') ? ICON_LOCATIONMARKER : [ICON_LOCATIONMARKER, textLabelStyle(f.getProperties().name)];
 }), MapFeatureClass.MyLocation, [
 // Outer circle
 new Style$1({
@@ -11559,7 +11681,11 @@ new Style$1({
     })
   })
 })]), MapFeatureClass.ObservationStation, function (f) {
-  return !f.get('hover') ? FEATURE_OBSERVATIONSTATION : [].concat(FEATURE_OBSERVATIONSTATION_HOVER, [textLableStyle(f.getProperties().name)]);
+  return !f.get('hover') ? FEATURE_OBSERVATIONSTATION : [].concat(FEATURE_OBSERVATIONSTATION_HOVER, [textLabelStyle(f.getProperties().name)]);
+}), MapFeatureClass.EDRFeature, function (f) {
+  return !f.get('hover') ? FEATURE_EDR : [].concat(FEATURE_EDR_HOVER, [textLabelStyle(f.getProperties().name)]);
+}), MapFeatureClass.EDRMultiPolygon, function (f) {
+  return !f.get('hover') ? FEATURE_EDR : [].concat(FEATURE_EDR_HOVER, [multiPolygonLabelStyle(f.getProperties().name)]);
 }), MapFeatureClass["default"], [
 // Polygon / LineString
 new Style$1({
@@ -11933,6 +12059,40 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
   return null;
 };
 
+var ClickOnMapTool = function ClickOnMapTool(_ref) {
+  var isActive = _ref.isActive,
+    isVisible = _ref.isVisible,
+    pointStyle = _ref.pointStyle,
+    _ref$layerZIndex = _ref.layerZIndex,
+    layerZIndex = _ref$layerZIndex === void 0 ? 999999 : _ref$layerZIndex,
+    pointSelected = _ref.pointSelected;
+  var _useContext = useContext(MapContext),
+    map = _useContext.map;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    features = _useState2[0],
+    setFeatures = _useState2[1];
+  useEffect(function () {
+    if (!map || !isActive) {
+      return function () {};
+    }
+    var clickHandler = function clickHandler(event) {
+      var coords = event.coordinate;
+      setFeatures([new Feature(new Point(coords))]);
+      pointSelected(coords);
+    };
+    map.addEventListener('click', clickHandler);
+    return function () {
+      map.removeEventListener('click', clickHandler);
+    };
+  }, [map, isActive, pointSelected]);
+  return jsx(FeatureLayer, {
+    features: features,
+    style: isVisible ? pointStyle : [],
+    zIndex: layerZIndex
+  });
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -11961,4 +12121,4 @@ var isOpenLayersEnabled = function isOpenLayersEnabled() {
   return _useOpenLayers;
 };
 
-export { DRAWMODE, DefaultBaseLayers, DimensionSelectButton, DimensionSelectDialog, DimensionSelectSlider, EDITMODE, EditModeButton as EditModeButtonField, FEATURE_FILL, FEATURE_STROKE, FEATURE_STROKE_EDIT, FEATURE_VERTICES_EDIT_HANDLES, FEATURE_VERTICE_HANDLE_IMAGE, FEATURE_VERTICE_IMAGE, FeatureLayers, GeoJSONTextField, ICON_LOCATIONMARKER, ICON_LOCATIONMARKER_MODIFY, IntersectionSelect, LayerInfoButton, LayerInfoDialog, LayerInfoLegend, LayerInfoList, LayerInfoText, Legend, LegendButton, LegendDialog, LegendLayout, MINUTE_TO_MILLISECOND, MapContext, MapControlButton, MapControls, MapDimensionSelect, MapDrawContainer, MapFeatureClass, MapTime, MapView, MapViewLayer, MapWarningProperties, NEW_FEATURE_CREATED, NEW_LINESTRING_CREATED, NEW_POINT_CREATED, ORIGIN_REACTMAPVIEW_ONMAPCHANGEDIMENSION, ORIGIN_REACTMAPVIEW_ONUPDATELAYERINFO, OpenLayersFeatureLayer, OpenLayersGetFeatureInfo, OpenLayersLayer, OpenLayersMapDraw, OpenLayersMapView, OpenLayersZoomControl, Proj4js, radarGetCapabilities_spec as RadarGetCapabilities, ReactMapView, ReactMapViewLayer, SelectField, StoryLayoutGrid, TimeContext, TimeawareImageSource, WEBMAP_REACT_NAMESPACE, WMSLayer, ZoomControls, addFeatureProperties, addGeoJSONProperties, addSelectionTypeToGeoJSON, addWMLayerPropsBasedOnChildProps, basicExampleDrawOptions, basicExampleMultipleShapeDrawOptions, basicExampleMultipleShapeWithValuesDrawOptions, checkHoverFeatures, convertGeoCoordsToScreenCoords, createIconStyle, createInterSections, currentlySupportedDrawModes, defaultBox, defaultDelete, defaultGeoJSONStyleProperties, defaultIntersectionStyleProperties, defaultLayers, defaultModes, defaultPoint, defaultPolygon, defaultTimeFormat, dimensionConfig, distance, drawPolyStoryStyles, drawStyles, emptyGeoJSON, endToolExampleConfig, exampleIntersectionOptions, exampleIntersectionWithShapeOptions, exampleIntersections, exampleIntersectionsMultiDrawTool, featureBox, featureMultiPoint, featurePoint, featurePolygon, fillOptions, findClosestCoords, firSelectionType, formatTime, genericOpenLayersFeatureStyle, geowebColorToOpenLayersColor, getCurrentDimensionValue, getDimensionIcon, getDimensionLabel, getDimensionValue, getDimensionsList, getDoubleControlToolIcon, getDrawFunctionFromStore, getFeatureCollection, getFeatureExtent, getFeatureLayers, getFirTitle, getGeoJSONPropertyValue, getGeoJson, getIcon, getIntersectionToolIcon, getIsInsideAcceptanceTime, getLastEmptyFeatureIndex, getLayerBbox, getLayerStyles, getLayerUpdateInfo, getPixelCoordFromGeoCoord, getProj4, getTimeDimension, getToolIcon, initializeOpenLayersProjections, inlineFeatureStyle, intersectPointGeoJSONS, intersectPolygonGeoJSONS, intersectionFeatureBE, intersectionFeatureNL, isAGeoJSONLayer, isAMapLayer, isBetween, isGeoJSONFeatureCreatedByTool, isGeoJSONGeometryEmpty, isOpenLayersEnabled, isPointFeatureCollection, lineString, lineStringCollection, makeLayerPropListFromChildren, makeView, marksByDimension, modifyStyles, moveFeature, opacityOptions, openLayersGetMapImageStore, orderLayers, parseWMJSLayer, projectorCache, publicLayers, publicServices, registerDrawFunction, removeWMLayerFromMap, rewindGeometry, selectPreferredWMSProjection, setMapCenter, setOpenLayersEnabled, setViewFromExtent, setViewFromFeature, setWMLayerPropsBasedOnChildProps, simpleBoxGeoJSON, simpleBoxGeoJSONWrongOrder, simpleFlightRouteLineStringGeoJSON, simpleFlightRoutePointsGeoJSON, simpleGeometryCollectionGeoJSON, simpleLineStringGeoJSON, simpleMultiPolygon, simplePointsGeojson, simplePolygonGeoJSON, simpleSmallLineStringGeoJSON, startToolExampleConfig, strokeWidthOptions, textLableStyle, textStyle, textStyleWithMargin, updateEditModeButtonsWithFir, useGeoJSON, useGetWMLayerInstance, useGetWMSLayerStyleList, useIconStyle, useMapDrawTool, useProjection, useQueryGetWMSGetCapabilities, useQueryGetWMSLayer, useQueryGetWMSLayers, useQueryGetWMSLayersTree, useQueryGetWMSServiceInfo, useQueryWMTSGetCapabilities, useSetIntervalWhenVisible, viewUtils, webmapReactTranslations };
+export { ClickOnMapTool, DRAWMODE, DefaultBaseLayers, DimensionSelectButton, DimensionSelectDialog, DimensionSelectSlider, EDITMODE, EditModeButton as EditModeButtonField, FEATURE_FILL, FEATURE_STROKE, FEATURE_STROKE_EDIT, FEATURE_VERTICES_EDIT_HANDLES, FEATURE_VERTICE_HANDLE_IMAGE, FEATURE_VERTICE_IMAGE, FeatureLayers, GeoJSONTextField, ICON_LOCATIONMARKER, ICON_LOCATIONMARKER_MODIFY, IntersectionSelect, LayerInfoButton, LayerInfoDialog, LayerInfoLegend, LayerInfoList, LayerInfoText, Legend, LegendButton, LegendDialog, LegendLayout, MINUTE_TO_MILLISECOND, MapContext, MapControlButton, MapControls, MapDimensionSelect, MapDrawContainer, MapFeatureClass, MapTime, MapView, MapViewLayer, MapWarningProperties, NEW_FEATURE_CREATED, NEW_LINESTRING_CREATED, NEW_POINT_CREATED, ORIGIN_REACTMAPVIEW_ONMAPCHANGEDIMENSION, ORIGIN_REACTMAPVIEW_ONUPDATELAYERINFO, OpenLayersFeatureLayer, OpenLayersGetFeatureInfo, OpenLayersLayer, OpenLayersMapDraw, OpenLayersMapView, OpenLayersZoomControl, Proj4js, radarGetCapabilities_spec as RadarGetCapabilities, ReactMapView, ReactMapViewLayer, SelectField, StoryLayoutGrid, TimeContext, TimeawareImageSource, WEBMAP_REACT_NAMESPACE, WMSLayer, ZoomControls, addFeatureProperties, addGeoJSONProperties, addSelectionTypeToGeoJSON, addWMLayerPropsBasedOnChildProps, basicExampleDrawOptions, basicExampleMultipleShapeDrawOptions, basicExampleMultipleShapeWithValuesDrawOptions, checkHoverFeatures, convertGeoCoordsToScreenCoords, createIconStyle, createInterSections, currentlySupportedDrawModes, defaultBox, defaultDelete, defaultGeoJSONStyleProperties, defaultIntersectionStyleProperties, defaultLayers, defaultModes, defaultPoint, defaultPolygon, defaultTimeFormat, dimensionConfig, distance, drawPolyStoryStyles, drawStyles, emptyGeoJSON, endToolExampleConfig, exampleIntersectionOptions, exampleIntersectionWithShapeOptions, exampleIntersections, exampleIntersectionsMultiDrawTool, featureBox, featureMultiPoint, featurePoint, featurePolygon, fillOptions, findClosestCoords, firSelectionType, formatTime, genericOpenLayersFeatureStyle, geowebColorToOpenLayersColor, getCurrentDimensionValue, getDimensionIcon, getDimensionLabel, getDimensionValue, getDimensionsList, getDoubleControlToolIcon, getDrawFunctionFromStore, getFeatureCollection, getFeatureExtent, getFeatureLayers, getFirTitle, getGeoJSONPropertyValue, getGeoJson, getIcon, getIntersectionToolIcon, getIsInsideAcceptanceTime, getLastEmptyFeatureIndex, getLayerBbox, getLayerStyles, getLayerUpdateInfo, getPixelCoordFromGeoCoord, getProj4, getTimeDimension, getToolIcon, initializeOpenLayersProjections, inlineFeatureStyle, intersectPointGeoJSONS, intersectPolygonGeoJSONS, intersectionFeatureBE, intersectionFeatureNL, isAGeoJSONLayer, isAMapLayer, isBetween, isGeoJSONFeatureCreatedByTool, isGeoJSONGeometryEmpty, isOpenLayersEnabled, isPointFeatureCollection, lineString, lineStringCollection, makeLayerPropListFromChildren, makeView, marksByDimension, modifyStyles, moveFeature, multiPolygonLabelStyle, opacityOptions, openLayersGetMapImageStore, orderLayers, parseWMJSLayer, projectorCache, publicLayers, publicServices, registerDrawFunction, removeWMLayerFromMap, rewindGeometry, selectPreferredWMSProjection, setMapCenter, setOpenLayersEnabled, setViewFromExtent, setViewFromFeature, setWMLayerPropsBasedOnChildProps, simpleBoxGeoJSON, simpleBoxGeoJSONWrongOrder, simpleFlightRouteLineStringGeoJSON, simpleFlightRoutePointsGeoJSON, simpleGeometryCollectionGeoJSON, simpleLineStringGeoJSON, simpleMultiPolygon, simplePointsGeojson, simplePolygonGeoJSON, simpleSmallLineStringGeoJSON, startToolExampleConfig, strokeWidthOptions, textLabelStyle, textStyle, textStyleWithMargin, updateEditModeButtonsWithFir, useAnimationForLayer, useGeoJSON, useGetWMLayerInstance, useGetWMSLayerStyleList, useIconStyle, useMapDrawTool, useProjection, useQueryGetWMSGetCapabilities, useQueryGetWMSLayer, useQueryGetWMSLayers, useQueryGetWMSLayersTree, useQueryGetWMSServiceInfo, useQueryWMTSGetCapabilities, useSetIntervalWhenVisible, useViewFromLayer, viewUtils, webmapReactTranslations };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap-react",
-  "version": "12.0.0",
+  "version": "12.1.0",
   "description": "GeoWeb react wrapper for webmap",
   "license": "Apache-2.0",
   "repository": {
@@ -8,34 +8,25 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
-    "@mui/material": "^6.1.1",
-    "@mui/system": "6.4.6",
-    "@mui/x-date-pickers": "7.27.1",
-    "@reduxjs/toolkit": "1.9.7",
-    "@sentry/react": "8.54.0",
-    "@storybook/react": "8.4.2",
-    "@tanstack/query-core": "5.67.1",
-    "@tanstack/react-query": "^5.62.7",
-    "@testing-library/react": "16.0.1",
-    "@testing-library/user-event": "14.5.2",
-    "@turf/turf": "^7.1.0",
+    "@opengeoweb/webmap": "12.1.0",
     "axios": "^1.7.7",
-    "date-fns": "4.1.0",
-    "dompurify": "3.2.4",
-    "i18next": "^23.11.5",
-    "immer": "^10.0.3",
-    "jest-canvas-mock": "2.5.2",
-    "jest-date-mock": "1.0.10",
+    "@opengeoweb/theme": "12.1.0",
+    "@opengeoweb/shared": "12.1.0",
     "lodash": "^4.17.21",
     "ol": "^10.4.0",
     "proj4": "^2.9.2",
-    "re-resizable": "6.11.2",
-    "react": "18.3.1",
-    "react-draggable": "4.4.6",
+    "@turf/turf": "^7.1.0",
+    "immer": "^10.0.3",
+    "react-resize-detector": "^9.1.0",
+    "i18next": "^23.11.5",
+    "@mui/material": "^6.1.1",
     "react-i18next": "^15.1.1",
-    "react-resize-detector": "^9.1.0"
+    "@tanstack/react-query": "^5.62.7"
+  },
+  "peerDependencies": {
+    "react": "18",
+    "@emotion/react": "*",
+    "@emotion/styled": "*"
   },
   "module": "./index.esm.js",
   "type": "module",

package/src/lib/components/OpenLayers/OlStyles.d.ts

@@ -6,6 +6,8 @@ export declare enum MapFeatureClass {
     MyLocation = "MyLocation",
     GenericMarker = "GenericMarker",
     ObservationStation = "ObservationStation",
+    EDRFeature = "EDRFeature",
+    EDRMultiPolygon = "EDRMultiPolygon",
     default = "default"
 }
 export declare const FEATURE_FILL: Fill;
@@ -16,7 +18,8 @@ export declare const FEATURE_VERTICE_HANDLE_IMAGE: Circle;
 export declare const ICON_LOCATIONMARKER: Style;
 export declare const ICON_LOCATIONMARKER_MODIFY: Style;
 export declare const FEATURE_VERTICES_EDIT_HANDLES: Style;
-export declare const textLableStyle: (text: string) => Style;
+export declare const textLabelStyle: (text: string) => Style;
+export declare const multiPolygonLabelStyle: (text: string) => Style;
 export declare const geowebColorToOpenLayersColor: (color: string, opacity?: string | number) => ColorLike;
 export declare const inlineFeatureStyle: StyleFunction;
 export declare const genericOpenLayersFeatureStyle: StyleFunction;

package/src/lib/components/OpenLayers/index.d.ts

@@ -9,3 +9,4 @@ export * from './controls';
 export * from './draw';
 export * from './styles/useIconStyle';
 export * from './OlStyles';
+export * from './tools';

package/src/lib/components/OpenLayers/tools/index.d.ts

@@ -0,0 +1 @@
+export { ClickOnMapTool } from './ClickOnMapTool';

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

@@ -1,2 +1,4 @@
 export * from './useHooksGetCapabilities';
 export * from './useSetInterValWhenVisible';
+export * from './useViewFromLayer';
+export * from './useAnimationForLayer';

package/src/lib/hooks/useAnimationForLayer.d.ts

@@ -1,3 +1,3 @@
 import { Dimension } from '@opengeoweb/webmap';
-import { OpenLayersLayerProps } from '../components/OpenLayers/layers';
+import type { OpenLayersLayerProps } from '../components/OpenLayers/layers';
 export declare const useAnimationForLayer: (layerProps: OpenLayersLayerProps, intervalInMs: number, numStepsTillLatest?: number, checkForUpdatesMs?: number) => Dimension[];

package/src/lib/hooks/{useViewFromLayerById.d.ts → useViewFromLayer.d.ts}

@@ -1,5 +1,5 @@
 import { View } from 'ol';
-import { OpenLayersLayerProps } from '../components/OpenLayers/layers';
+import type { OpenLayersLayerProps } from '../components/OpenLayers/layers';
 export declare const useViewFromLayer: (layerProps: OpenLayersLayerProps, baseView?: {
     projection: string;
     zoom: number;