@opengeoweb/webmap-react 14.3.0 → 14.4.0

package/index.esm.js

@@ -18,11 +18,11 @@ import { Paper, Box, Typography, useTheme, Grid, styled, Slider, TextField, Form
 import { queryOptions, useQuery } from '@tanstack/react-query';
 import { Style, Icon as Icon$1, Circle, Stroke, Fill, Text } from 'ol/style';
 import { Point, MultiPoint, Polygon, LineString } from 'ol/geom';
-import { arrowUpPath, Home, Add, Minus, List, Equalizer, DimensionsElevation, Link, LinkOff, Info, DimensionsOther, DimensionsRefTime, DimensionsTime, locationPath, Location, DrawToolFreehand, DrawToolOval, DrawToolCircle, DrawToolSquare, Delete, DrawToolLineString, DrawToolRectangle, DrawToolPolygon, DrawToolPoint, DrawFIRLand, ArrowUp } from '@opengeoweb/theme';
+import { arrowUpPath, Home, Add, Minus, List, Equalizer, DimensionsElevation, Link, LinkOff, Info, DimensionsOther, DimensionsRefTime, DimensionsTime, locationPath, Location, DrawToolSmoothLine, DrawToolFreehand, DrawToolOval, DrawToolCircle, DrawToolSquare, Delete, DrawToolLineString, DrawToolRectangle, DrawToolPolygon, DrawToolPoint, DrawFIRLand, ArrowUp } from '@opengeoweb/theme';
 import { http, HttpResponse } from 'msw';
 import Box$1 from '@mui/material/Box';
 import Typography$1 from '@mui/material/Typography';
-import { View, Map, Feature, Collection } from 'ol';
+import { View, Map, Feature, Collection, Overlay } from 'ol';
 import { defaults, MouseWheelZoom, Draw, Modify, Translate, Snap } from 'ol/interaction';
 import 'ol/ol.css';
 import { toLonLat, fromLonLat } from 'ol/proj';
@@ -46,6 +46,8 @@ import { createBox, createRegularPolygon } from 'ol/interaction/Draw';
 import Style$1, { createDefaultStyle } from 'ol/style/Style';
 import { always, never } from 'ol/events/condition';
 import { fromCircle } from 'ol/geom/Polygon';
+import CircleStyle from 'ol/style/Circle';
+import { getLength } from 'ol/sphere.js';
 
 var en = {
 	"webmap-react-event": "event:",
@@ -1689,29 +1691,35 @@ var fetchEDRArea = /*#__PURE__*/function () {
 }();
 var fetchEDRParameter = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(collection, edrBaseUrlWithCollection, parameterName) {
-    var _collection$data_quer, _collection$data_quer2;
+    var _collection$extent, _collection$extent2, _collection$data_quer, _collection$data_quer2;
     var datetime,
       instanceId,
+      bbox,
+      bboxString,
+      _bboxString,
       _args4 = arguments;
     return _regeneratorRuntime().wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
           datetime = _args4.length > 3 && _args4[3] !== undefined ? _args4[3] : '';
           instanceId = _args4.length > 4 && _args4[4] !== undefined ? _args4[4] : '';
+          bbox = collection !== null && collection !== void 0 && (_collection$extent = collection.extent) !== null && _collection$extent !== void 0 && _collection$extent.spatial.bbox ? collection === null || collection === void 0 || (_collection$extent2 = collection.extent) === null || _collection$extent2 === void 0 ? void 0 : _collection$extent2.spatial.bbox[0] : undefined;
           if (!(collection !== null && collection !== void 0 && (_collection$data_quer = collection.data_queries) !== null && _collection$data_quer !== void 0 && _collection$data_quer.cube)) {
-            _context4.next = 4;
+            _context4.next = 6;
             break;
           }
-          return _context4.abrupt("return", fetchEDRCube(edrBaseUrlWithCollection, parameterName, datetime, instanceId));
-        case 4:
+          bboxString = bbox ? bbox.join(',') : undefined;
+          return _context4.abrupt("return", fetchEDRCube(edrBaseUrlWithCollection, parameterName, datetime, instanceId, bboxString));
+        case 6:
           if (!(collection !== null && collection !== void 0 && (_collection$data_quer2 = collection.data_queries) !== null && _collection$data_quer2 !== void 0 && _collection$data_quer2.area)) {
-            _context4.next = 6;
+            _context4.next = 9;
             break;
           }
-          return _context4.abrupt("return", fetchEDRArea(edrBaseUrlWithCollection, parameterName, datetime, instanceId));
-        case 6:
+          _bboxString = bbox ? "POLYGON((".concat(bbox[0], " ").concat(bbox[1], ", ").concat(bbox[2], " ").concat(bbox[1], ", ").concat(bbox[2], " ").concat(bbox[3], ", ").concat(bbox[0], " ").concat(bbox[3], " , ").concat(bbox[0], " ").concat(bbox[1], "))") : undefined;
+          return _context4.abrupt("return", fetchEDRArea(edrBaseUrlWithCollection, parameterName, datetime, instanceId, _bboxString));
+        case 9:
           return _context4.abrupt("return", undefined);
-        case 7:
+        case 10:
         case "end":
           return _context4.stop();
       }
@@ -2367,7 +2375,10 @@ var useEDRWMLayer = function useEDRWMLayer(edrBaseUrl, parameter, layerId, onIni
     if (wmLayer && collectionInfo.data && collectionInfo.isFetched) {
       var _collectionInfo$data, _collectionInfo$data2, _collectionInfo$data3, _collectionInfo$data4;
       // TODO: Extract timerange from the EDR service: https://gitlab.com/opengeoweb/geoweb-assets/-/issues/4139
-      var timeRangeDurationFromEdrCollection = edrBaseUrl.includes('10-minute') ? "".concat((_collectionInfo$data = collectionInfo.data) === null || _collectionInfo$data === void 0 || (_collectionInfo$data = _collectionInfo$data.extent) === null || _collectionInfo$data === void 0 || (_collectionInfo$data = _collectionInfo$data.temporal) === null || _collectionInfo$data === void 0 ? void 0 : _collectionInfo$data.interval[0][0], "/").concat((_collectionInfo$data2 = collectionInfo.data) === null || _collectionInfo$data2 === void 0 || (_collectionInfo$data2 = _collectionInfo$data2.extent) === null || _collectionInfo$data2 === void 0 || (_collectionInfo$data2 = _collectionInfo$data2.temporal) === null || _collectionInfo$data2 === void 0 ? void 0 : _collectionInfo$data2.interval[0][1], "/PT10M") : "".concat((_collectionInfo$data3 = collectionInfo.data) === null || _collectionInfo$data3 === void 0 || (_collectionInfo$data3 = _collectionInfo$data3.extent) === null || _collectionInfo$data3 === void 0 || (_collectionInfo$data3 = _collectionInfo$data3.temporal) === null || _collectionInfo$data3 === void 0 ? void 0 : _collectionInfo$data3.interval[0][0], "/").concat((_collectionInfo$data4 = collectionInfo.data) === null || _collectionInfo$data4 === void 0 || (_collectionInfo$data4 = _collectionInfo$data4.extent) === null || _collectionInfo$data4 === void 0 || (_collectionInfo$data4 = _collectionInfo$data4.temporal) === null || _collectionInfo$data4 === void 0 ? void 0 : _collectionInfo$data4.interval[0][1], "/PT1M");
+      // Round start and end to not include seconds
+      var intervalStart = (_collectionInfo$data = collectionInfo.data) !== null && _collectionInfo$data !== void 0 && (_collectionInfo$data = _collectionInfo$data.extent) !== null && _collectionInfo$data !== void 0 && (_collectionInfo$data = _collectionInfo$data.temporal) !== null && _collectionInfo$data !== void 0 && _collectionInfo$data.interval[0][0] ? "".concat((_collectionInfo$data2 = collectionInfo.data) === null || _collectionInfo$data2 === void 0 || (_collectionInfo$data2 = _collectionInfo$data2.extent) === null || _collectionInfo$data2 === void 0 || (_collectionInfo$data2 = _collectionInfo$data2.temporal) === null || _collectionInfo$data2 === void 0 ? void 0 : _collectionInfo$data2.interval[0][0].slice(0, 17), "00Z") : undefined;
+      var intervalEnd = (_collectionInfo$data3 = collectionInfo.data) !== null && _collectionInfo$data3 !== void 0 && (_collectionInfo$data3 = _collectionInfo$data3.extent) !== null && _collectionInfo$data3 !== void 0 && (_collectionInfo$data3 = _collectionInfo$data3.temporal) !== null && _collectionInfo$data3 !== void 0 && _collectionInfo$data3.interval[0][1] ? "".concat((_collectionInfo$data4 = collectionInfo.data) === null || _collectionInfo$data4 === void 0 || (_collectionInfo$data4 = _collectionInfo$data4.extent) === null || _collectionInfo$data4 === void 0 || (_collectionInfo$data4 = _collectionInfo$data4.temporal) === null || _collectionInfo$data4 === void 0 ? void 0 : _collectionInfo$data4.interval[0][1].slice(0, 17), "00Z") : undefined;
+      var timeRangeDurationFromEdrCollection = edrBaseUrl.includes('10-minute') ? "".concat(intervalStart, "/").concat(intervalEnd, "/PT10M") : "".concat(intervalStart, "/").concat(intervalEnd, "/PT1M");
       if (!wmLayer.getDimension('time')) {
         var _collectionInfo$data5;
         var dim = new WMJSDimension({
@@ -11781,9 +11792,12 @@ var useProjection = function useProjection() {
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var setMapCenter = function setMapCenter(map, lon, lat) {
+var setMapCenter = function setMapCenter(map, lon, lat, zoomLevel) {
   var center = fromLonLat([lon, lat], map.getView().getProjection());
   map.getView().setCenter(center);
+  if (zoomLevel) {
+    map.getView().setZoom(zoomLevel);
+  }
 };
 
 /* *
@@ -14157,11 +14171,13 @@ var OpenLayersFeatureLayer = function OpenLayersFeatureLayer(_ref) {
     visible = _ref$visible === void 0 ? true : _ref$visible;
   var projection = useProjection();
   var featureCollectionRef = useRef();
+  var projectionRef = useRef(projection);
   var features = useRef([]);
-  var featureCollectionHasChanges = featureCollectionRef.current !== featureCollection;
+  var featureCollectionHasChanges = featureCollectionRef.current !== featureCollection || projectionRef.current !== projection;
   if (featureCollectionHasChanges) {
     if (projection && featureCollection) {
       featureCollectionRef.current = featureCollection;
+      projectionRef.current = projection;
       var formatter = new GeoJSON({
         featureProjection: projection
       });
@@ -15280,6 +15296,7 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
     updateGeojson = _ref.updateGeojson;
   var _React$useContext = React.useContext(MapContext),
     map = _React$useContext.map;
+  var projection = useProjection();
   React.useEffect(function () {
     var _geojson$features$sel;
     if (!map || !isInEditMode) {
@@ -15291,7 +15308,7 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
     var drawStyle = drawStyles[actualDrawMode];
     var modifyStyle = modifyStyles[actualDrawMode];
     var geojsonFormatter = new GeoJSON({
-      featureProjection: map.getView().getProjection()
+      featureProjection: projection
     });
     var allFeatures = geojson ? geojsonFormatter.readFeatures(geojson) : [];
     var viewOnlyFeatures = allFeatures.filter(function (_f, i) {
@@ -15479,7 +15496,7 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
       map.getViewport().removeEventListener('pointermove', trackPointerMove);
       window.removeEventListener('keydown', deleteVertexOnDeleteKey);
     };
-  }, [map, isInEditMode, geojson, viewOnlyStyle, selectedFeatureIndex, exitDrawModeCallback, updateGeojson, drawMode]);
+  }, [map, isInEditMode, geojson, projection, viewOnlyStyle, selectedFeatureIndex, exitDrawModeCallback, updateGeojson, drawMode]);
   return null;
 };
 
@@ -15518,8 +15535,9 @@ var getIcon = function getIcon(selectionType) {
     case 'oval':
       return jsx(DrawToolOval, {});
     case 'freehand-line':
-    case 'smooth-line':
       return jsx(DrawToolFreehand, {});
+    case 'smooth-line':
+      return jsx(DrawToolSmoothLine, {});
     case 'location':
       return jsx(Location, {});
     default:
@@ -17112,6 +17130,153 @@ var ClickOnMapTool = function ClickOnMapTool(_ref) {
   });
 };
 
+/**
+ * Format length output.
+ * @param {LineString} line The line.
+ * @return {string} The formatted length.
+ */
+var formatLength = function formatLength(line) {
+  var length = getLength(line);
+  var output;
+  if (length > 100) {
+    output = "".concat(Math.round(length / 1000 * 100) / 100, " km");
+  } else {
+    output = "".concat(Math.round(length * 100) / 100, " m");
+  }
+  return output;
+};
+/**
+ * Creates a new measure tooltip
+ * @param map
+ * @param msrRefState
+ */
+var makeToolTipOverlay = function makeToolTipOverlay() {
+  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '#ffcc33';
+  var measureTooltipElement = document.createElement('div');
+  measureTooltipElement.className = 'ol-tooltip ol-tooltip-measure';
+  measureTooltipElement.style.color = color;
+  measureTooltipElement.setAttribute('data-testid', 'map-measure-tooltip-overlay');
+  return new Overlay({
+    element: measureTooltipElement,
+    offset: [0, -15],
+    positioning: 'bottom-center',
+    stopEvent: false,
+    insertFirst: false
+  });
+};
+/**
+ * Adds the measure line interaction to the map.
+ * @param map
+ * @param vectorLayer
+ * @param lineColor
+ * @returns
+ */
+var addMeasureTool = function addMeasureTool(map, vectorLayer) {
+  var lineColor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '#ffcc33';
+  var overlays = [makeToolTipOverlay(lineColor)];
+  var draw = new Draw({
+    source: vectorLayer.getSource(),
+    type: 'LineString',
+    style: function style(feature) {
+      var _feature$getGeometry;
+      var geometryType = feature === null || feature === void 0 || (_feature$getGeometry = feature.getGeometry()) === null || _feature$getGeometry === void 0 ? void 0 : _feature$getGeometry.getType();
+      if (geometryType === 'LineString' || geometryType === 'Point') {
+        // Point is needed to display the start location.
+        return new Style({
+          fill: new Fill({
+            color: 'rgba(255, 255, 255, 0.2)'
+          }),
+          stroke: new Stroke({
+            color: lineColor,
+            lineDash: [10, 10],
+            width: 2
+          }),
+          image: new CircleStyle({
+            radius: 9,
+            stroke: new Stroke({
+              color: FEATURE_DRAW_STROKE_COLOR,
+              width: 1.5
+            }),
+            fill: new Fill({
+              color: 'rgba(255, 255, 255, 0.1)'
+            })
+          })
+        });
+      }
+      return undefined;
+    }
+  });
+  map.addInteraction(draw);
+  map.addOverlay(overlays[overlays.length - 1]);
+  var listener;
+  draw.on('drawstart', function (drawstartEvent) {
+    var _drawstartEvent$featu;
+    var tooltipCoord;
+    listener = (_drawstartEvent$featu = drawstartEvent.feature.getGeometry()) === null || _drawstartEvent$featu === void 0 ? void 0 : _drawstartEvent$featu.on('change', function (evt) {
+      var geom = evt.target;
+      tooltipCoord = geom.getLastCoordinate();
+      overlays[overlays.length - 1].getElement().innerHTML = formatLength(geom);
+      overlays[overlays.length - 1].setPosition(tooltipCoord);
+    });
+  });
+  draw.on('drawend', function () {
+    overlays[overlays.length - 1].setOffset([0, -7]);
+    overlays.push(makeToolTipOverlay(lineColor));
+    map.addOverlay(overlays[overlays.length - 1]);
+    if (listener) {
+      unByKey(listener);
+    }
+  });
+  return [draw, overlays];
+};
+var MapMeasure = function MapMeasure(_ref) {
+  var _ref$lineColor = _ref.lineColor,
+    lineColor = _ref$lineColor === void 0 ? FEATURE_DRAW_STROKE_COLOR : _ref$lineColor;
+  var _useContext = useContext(MapContext),
+    map = _useContext.map;
+  var projection = map === null || map === void 0 ? void 0 : map.getView().getProjection().getCode();
+  useEffect(function () {
+    if (!map) {
+      return function () {};
+    }
+    var vectorLayer = new VectorLayer({
+      source: new VectorSource(),
+      style: {
+        'stroke-color': lineColor,
+        'stroke-width': 2
+      }
+    });
+    map.addLayer(vectorLayer);
+    // Should be on top.
+    vectorLayer.setZIndex(1000);
+    var _addMeasureTool = addMeasureTool(map, vectorLayer, lineColor),
+      _addMeasureTool2 = _slicedToArray(_addMeasureTool, 2),
+      draw = _addMeasureTool2[0],
+      overlays = _addMeasureTool2[1];
+    var abortOnEsc = function abortOnEsc(evt) {
+      if (evt.key === 'Escape') {
+        var _overlays;
+        var coordinates = (_overlays = overlays[overlays.length - 1]) === null || _overlays === void 0 ? void 0 : _overlays.getPosition();
+        coordinates && draw.appendCoordinates([coordinates]);
+        draw.finishDrawing();
+      }
+    };
+    window.addEventListener('keydown', abortOnEsc);
+    return function () {
+      window.removeEventListener('keydown', abortOnEsc);
+      map.removeInteraction(draw);
+      overlays.forEach(function (overlay) {
+        var _overlay$getElement;
+        map.removeOverlay(overlay);
+        (_overlay$getElement = overlay.getElement()) === null || _overlay$getElement === void 0 || _overlay$getElement.remove();
+      });
+      overlays.length = 0;
+      map.removeLayer(vectorLayer);
+    };
+  }, [lineColor, map, projection]);
+  return null;
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17188,4 +17353,4 @@ var getLayerUpdateInfo = function getLayerUpdateInfo(wmLayer, mapId) {
   return updateObject;
 };
 
-export { BaseLayerType, ClickOnMapTool, DRAWMODE, DefaultBaseLayers, DimensionSelectButton, DimensionSelectDialog, DimensionSelectSlider, EditModeButton as EditModeButtonField, FEATURE_DRAW_FILL_COLOR, FEATURE_DRAW_FILL_COLOR_TRANSPARENT, FEATURE_DRAW_SECONDARY_FILL_COLOR, FEATURE_DRAW_SECONDARY_STROKE_COLOR, FEATURE_DRAW_STROKE_COLOR, FEATURE_FILL, FEATURE_FILL_SELECTED, FEATURE_STROKE, FEATURE_STROKE_EDIT, FEATURE_STROKE_SELECTED, FEATURE_VERTICES_EDIT_HANDLES, FEATURE_VERTICE_HANDLE_IMAGE, FEATURE_VERTICE_IMAGE, FeatureLayer, FeatureLayers, GeoJSONTextField, IntersectionSelect, LayerInfoButton, LayerInfoDialog, LayerInfoLegend, LayerInfoList, LayerInfoText, Legend, LegendButton, LegendDialog, LegendLayout, MapContext, MapControlButton, MapControls, MapDimensionSelect, MapFeatureClass, MapTime, MapWarningProperties, NEW_FEATURE_CREATED, NEW_LINESTRING_CREATED, NEW_POINT_CREATED, OpenLayersFeatureLayer, OpenLayersGetFeatureInfo, OpenLayersLayer, OpenLayersMapDraw, OpenLayersMapView, OpenLayersZoomControl, SelectField, StoryLayoutGrid, TimeAwareEDRLocationLayer, TimeContext, TimeawareImageSource, TimeawareImageSourceWMSLayer, WEBMAP_REACT_NAMESPACE, WMSLayer, WMTSLayer, XYZLayer, ZoomControls, addFeatureProperties, addGeoJSONProperties, addSelectionTypeToGeoJSON, basicExampleDrawOptions, basicExampleMultipleShapeDrawOptions, basicExampleMultipleShapeWithValuesDrawOptions, catmullRomSpline, clearImageCacheForAllMaps, colorMaps, createBoxBasedOnModifiedVertex, createIconStyle, createInterSections, createOval, currentlySupportedDrawModes, defaultBox, defaultCircle, defaultDelete, defaultEdrStyles, defaultFreehandLine, defaultGeoJSONStyleProperties, defaultIntersectionStyleProperties, defaultLayers, defaultLineString, defaultLocation, defaultModes, defaultOval, defaultPoint, defaultPolygon, defaultSmoothLine, defaultSquare, defaultTimeFormat, dimensionConfig, drawPolyStoryStyles, drawStyles, emptyGeoJSON, endToolExampleConfig, exampleIntersectionOptions, exampleIntersectionWithShapeOptions, exampleIntersections, exampleIntersectionsMultiDrawTool, fakeEdrLayerApiHandlers, featureMultiPoint, featurePoint, featurePolygon, fillOptions, firSelectionType, formatTime, generateImageFromLegend, genericOpenLayersFeatureStyle, geowebColorToOpenLayersColor, getDimensionIcon, getDimensionLabel, getDimensionValue, getDimensionsList, getDoubleControlToolIcon, getDrawModeIdFromSelectionType, getFeatureCollection, getFeatureExtent, getFeaturePointStyle, getFirTitle, getGeoJSONPropertyValue, getGeoJson, getIcon, getIntersectionToolIcon, getIsInsideAcceptanceTime, getLastEmptyFeatureIndex, getLayerBbox, getLayerStyles, getLayerUpdateInfo, getLegendClass, getProj4, getTimeDimension, getToolIcon, initializeOpenLayersProjections, inlineFeatureStyle, intersectPointGeoJSONS, intersectPolygonGeoJSONS, intersectionFeatureBE, intersectionFeatureNL, isGeoJSONFeatureCreatedByTool, isGeoJSONGeometryEmpty, isPointFeatureCollection, lineString, lineStringCollection, makeFeatureStyleDisc, makeFeatureStyleLoading, makeFeatureStyleMultiParam, makeFeatureStyleMultiParamLoading, makeFeatureStyleWind, makeLegendFromColorMap, makeLegendFromStyleName, makeTimeList, makeView, marksByDimension, modifyStyles, moveFeature, multiLineStringLabelStyle, multiPolygonLabelStyle, opacityOptions, openLayersGetMapImageStore, precipitationMMLegendColorsWoW, projectorCache, publicLayers, publicServices, rewindGeometry, selectPreferredWMSProjection, setMapCenter, setViewFromExtent, setViewFromFeature, simpleBoxGeoJSON, simpleBoxGeoJSONWrongOrder, simpleFlightRouteLineStringGeoJSON, simpleFlightRoutePointsGeoJSON, simpleGeometryCollectionGeoJSON, simpleLineStringGeoJSON, simpleMultiPolygon, simplePointsGeojson, simplePolygonGeoJSON, simpleSmallLineStringGeoJSON, startToolExampleConfig, strokeWidthOptions, styleNameToStyleLike, temperatureLegendColorsCWK, temperatureLegendColorsWoW, textLabelStyle, textStyle, textStyleWithMargin, updateEditModeButtonsWithFir, useAnimationForLayer, useEDRGetCollectionDetails, useEDRGetParameterData, useEDRWMLayer, useGeoJSON, useGetWMLayerInstance, useGetWMSLayerStyleList, useIconStyle, useMapDrawTool, useProjection, useQueryGetWMSGetCapabilities, useQueryGetWMSLayer, useQueryGetWMSLayers, useQueryGetWMSLayersTree, useQueryGetWMSServiceInfo, useQueryWMTSGetCapabilities, useSetIntervalWhenVisible, useViewFromLayer, viewUtils, webmapEDRQueryOptions, webmapReactTranslations };
+export { BaseLayerType, ClickOnMapTool, DRAWMODE, DefaultBaseLayers, DimensionSelectButton, DimensionSelectDialog, DimensionSelectSlider, EditModeButton as EditModeButtonField, FEATURE_DRAW_FILL_COLOR, FEATURE_DRAW_FILL_COLOR_TRANSPARENT, FEATURE_DRAW_SECONDARY_FILL_COLOR, FEATURE_DRAW_SECONDARY_STROKE_COLOR, FEATURE_DRAW_STROKE_COLOR, FEATURE_FILL, FEATURE_FILL_SELECTED, FEATURE_STROKE, FEATURE_STROKE_EDIT, FEATURE_STROKE_SELECTED, FEATURE_VERTICES_EDIT_HANDLES, FEATURE_VERTICE_HANDLE_IMAGE, FEATURE_VERTICE_IMAGE, FeatureLayer, FeatureLayers, GeoJSONTextField, IntersectionSelect, LayerInfoButton, LayerInfoDialog, LayerInfoLegend, LayerInfoList, LayerInfoText, Legend, LegendButton, LegendDialog, LegendLayout, MapContext, MapControlButton, MapControls, MapDimensionSelect, MapFeatureClass, MapMeasure, MapTime, MapWarningProperties, NEW_FEATURE_CREATED, NEW_LINESTRING_CREATED, NEW_POINT_CREATED, OpenLayersFeatureLayer, OpenLayersGetFeatureInfo, OpenLayersLayer, OpenLayersMapDraw, OpenLayersMapView, OpenLayersZoomControl, SelectField, StoryLayoutGrid, TimeAwareEDRLocationLayer, TimeContext, TimeawareImageSource, TimeawareImageSourceWMSLayer, WEBMAP_REACT_NAMESPACE, WMSLayer, WMTSLayer, XYZLayer, ZoomControls, addFeatureProperties, addGeoJSONProperties, addSelectionTypeToGeoJSON, basicExampleDrawOptions, basicExampleMultipleShapeDrawOptions, basicExampleMultipleShapeWithValuesDrawOptions, catmullRomSpline, clearImageCacheForAllMaps, colorMaps, createBoxBasedOnModifiedVertex, createIconStyle, createInterSections, createOval, currentlySupportedDrawModes, defaultBox, defaultCircle, defaultDelete, defaultEdrStyles, defaultFreehandLine, defaultGeoJSONStyleProperties, defaultIntersectionStyleProperties, defaultLayers, defaultLineString, defaultLocation, defaultModes, defaultOval, defaultPoint, defaultPolygon, defaultSmoothLine, defaultSquare, defaultTimeFormat, dimensionConfig, drawPolyStoryStyles, drawStyles, emptyGeoJSON, endToolExampleConfig, exampleIntersectionOptions, exampleIntersectionWithShapeOptions, exampleIntersections, exampleIntersectionsMultiDrawTool, fakeEdrLayerApiHandlers, featureMultiPoint, featurePoint, featurePolygon, fillOptions, firSelectionType, formatTime, generateImageFromLegend, genericOpenLayersFeatureStyle, geowebColorToOpenLayersColor, getDimensionIcon, getDimensionLabel, getDimensionValue, getDimensionsList, getDoubleControlToolIcon, getDrawModeIdFromSelectionType, getFeatureCollection, getFeatureExtent, getFeaturePointStyle, getFirTitle, getGeoJSONPropertyValue, getGeoJson, getIcon, getIntersectionToolIcon, getIsInsideAcceptanceTime, getLastEmptyFeatureIndex, getLayerBbox, getLayerStyles, getLayerUpdateInfo, getLegendClass, getProj4, getTimeDimension, getToolIcon, initializeOpenLayersProjections, inlineFeatureStyle, intersectPointGeoJSONS, intersectPolygonGeoJSONS, intersectionFeatureBE, intersectionFeatureNL, isGeoJSONFeatureCreatedByTool, isGeoJSONGeometryEmpty, isPointFeatureCollection, lineString, lineStringCollection, makeFeatureStyleDisc, makeFeatureStyleLoading, makeFeatureStyleMultiParam, makeFeatureStyleMultiParamLoading, makeFeatureStyleWind, makeLegendFromColorMap, makeLegendFromStyleName, makeTimeList, makeView, marksByDimension, modifyStyles, moveFeature, multiLineStringLabelStyle, multiPolygonLabelStyle, opacityOptions, openLayersGetMapImageStore, precipitationMMLegendColorsWoW, projectorCache, publicLayers, publicServices, rewindGeometry, selectPreferredWMSProjection, setMapCenter, setViewFromExtent, setViewFromFeature, simpleBoxGeoJSON, simpleBoxGeoJSONWrongOrder, simpleFlightRouteLineStringGeoJSON, simpleFlightRoutePointsGeoJSON, simpleGeometryCollectionGeoJSON, simpleLineStringGeoJSON, simpleMultiPolygon, simplePointsGeojson, simplePolygonGeoJSON, simpleSmallLineStringGeoJSON, startToolExampleConfig, strokeWidthOptions, styleNameToStyleLike, temperatureLegendColorsCWK, temperatureLegendColorsWoW, textLabelStyle, textStyle, textStyleWithMargin, updateEditModeButtonsWithFir, useAnimationForLayer, useEDRGetCollectionDetails, useEDRGetParameterData, useEDRWMLayer, useGeoJSON, useGetWMLayerInstance, useGetWMSLayerStyleList, useIconStyle, useMapDrawTool, useProjection, useQueryGetWMSGetCapabilities, useQueryGetWMSLayer, useQueryGetWMSLayers, useQueryGetWMSLayersTree, useQueryGetWMSServiceInfo, useQueryWMTSGetCapabilities, useSetIntervalWhenVisible, useViewFromLayer, viewUtils, webmapEDRQueryOptions, webmapReactTranslations };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap-react",
-  "version": "14.3.0",
+  "version": "14.4.0",
   "description": "GeoWeb react wrapper for webmap",
   "license": "Apache-2.0",
   "repository": {
@@ -8,9 +8,9 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/webmap": "14.3.0",
-    "@opengeoweb/theme": "14.3.0",
-    "@opengeoweb/shared": "14.3.0",
+    "@opengeoweb/webmap": "14.4.0",
+    "@opengeoweb/theme": "14.4.0",
+    "@opengeoweb/shared": "14.4.0",
     "lodash": "^4.17.21",
     "ol": "^10.4.0",
     "proj4": "^2.9.2",

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

@@ -0,0 +1,4 @@
+export interface MapMeasureInterface {
+    lineColor?: string;
+}
+export declare const MapMeasure: React.FC;

package/src/lib/components/MapMeasure/MapMeasure.spec.d.ts

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

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

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

package/src/lib/components/OpenLayers/OpenLayersMapView.Measure.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
+import { OpenLayersMapView } from '.';
+declare const meta: Meta<typeof OpenLayersMapView>;
+export default meta;
+type Story = StoryObj<typeof OpenLayersMapView>;
+export declare const MapViewMeasure: Story;

package/src/lib/components/OpenLayers/utils/setMapCenter.d.ts

@@ -1,2 +1,2 @@
 import { Map } from 'ol';
-export declare const setMapCenter: (map: Map, lon: number, lat: number) => void;
+export declare const setMapCenter: (map: Map, lon: number, lat: number, zoomLevel?: number) => void;

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

@@ -5,3 +5,4 @@ export * from './MapWarning';
 export * from './MapDimensionSelect';
 export * from './LayerInfo';
 export * from './OpenLayers';
+export * from './MapMeasure';