@opengeoweb/webmap-react 12.2.0 → 12.4.1

package/index.esm.js

@@ -27,7 +27,7 @@ import VectorSource from 'ol/source/Vector';
 import GeoJSON from 'ol/format/GeoJSON';
 import 'i18next';
 import { useTranslation } from 'react-i18next';
-import { Paper, Box, Typography, Grid2, TextField, FormControl, InputLabel, Select, MenuItem, Icon as Icon$1, FormLabel, Switch, styled, Slider, useTheme } from '@mui/material';
+import { Paper, Box, Typography, Grid, TextField, FormControl, InputLabel, Select, MenuItem, Icon as Icon$1, FormLabel, Switch, styled, Slider, useTheme } from '@mui/material';
 import { Home, Add, Minus, List, Delete, Edit, DrawRegion, DrawPolygon, Location, DrawFIRLand, ArrowUp, Equalizer, DimensionsElevation, Link, LinkOff, Info, DimensionsOther, DimensionsRefTime, DimensionsTime, locationPath } from '@opengeoweb/theme';
 import * as turf from '@turf/turf';
 import { polygonToLine, booleanClockwise, rewind } from '@turf/turf';
@@ -2086,7 +2086,8 @@ var WMSLayer = function WMSLayer(_ref) {
             LAYERS: layerName,
             STYLES: styleName
           }
-        })
+        }),
+        projection: projection
       })
     });
     map.addLayer(layer);
@@ -3611,7 +3612,7 @@ var MapControls = function MapControls(_ref) {
       userSelect: 'none'
     }
   }, props), {}, {
-    children: jsx(Grid2, {
+    children: jsx(Grid, {
       sx: {
         '& > button': {
           marginBottom: 1
@@ -6081,7 +6082,7 @@ var GeoJSONTextField = function GeoJSONTextField(_ref) {
       setValidity(false);
     }
   };
-  return jsx(Grid2, {
+  return jsx(Grid, {
     size: {
       xs: 12
     },
@@ -6123,7 +6124,7 @@ var FeatureLayers = function FeatureLayers(_ref) {
       label: "".concat(index + 1, ": ").concat(geojson.features[index].geometry.type)
     };
   }) : [];
-  return jsx(Grid2, {
+  return jsx(Grid, {
     size: {
       sm: 12
     },
@@ -6168,7 +6169,7 @@ var EditModeButton = function EditModeButton(_ref) {
   var isInEditMode = _ref.isInEditMode,
     drawMode = _ref.drawMode,
     onToggleEditMode = _ref.onToggleEditMode;
-  return jsx(Grid2, {
+  return jsx(Grid, {
     size: {
       xs: 12
     },
@@ -6716,7 +6717,7 @@ var StoryLayoutGrid = function StoryLayoutGrid(_ref) {
           height: '100%',
           padding: 2
         },
-        children: jsx(Grid2, {
+        children: jsx(Grid, {
           spacing: 2,
           container: true,
           children: children
@@ -6780,7 +6781,7 @@ var IntersectionSelect = function IntersectionSelect(_ref) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     activeIntersection = _React$useState2[0],
     setActiveIntersection = _React$useState2[1];
-  return jsx(Grid2, {
+  return jsx(Grid, {
     size: {
       sm: 12
     },
@@ -10474,6 +10475,7 @@ var MapWarningProperties = function MapWarningProperties(_ref) {
       display: 'flex',
       justifyContent: 'center',
       left: '50px',
+      top: '70px',
       zIndex: 10
     },
     children: jsxs("div", {
@@ -10622,7 +10624,7 @@ var DimensionSelectDialog = function DimensionSelectDialog(_ref) {
       style: {
         padding: 4
       },
-      children: jsx(Grid2, {
+      children: jsx(Grid, {
         container: true,
         direction: "row",
         children: children
@@ -10767,7 +10769,7 @@ var MapDimensionSelect = function MapDimensionSelect(_ref2) {
   var marks = marksByDimension(t, wmsDimension);
   var isLayerDimensionSynced = layerDimension.synced !== undefined && layerDimension.synced === true;
   var tooltipTitle = isLayerDimensionSynced ? t('webmap-react-click-disconnect') : t('webmap-react-click-connect');
-  return jsxs(Grid2, {
+  return jsxs(Grid, {
     size: {
       xs: 'auto'
     },
@@ -10853,15 +10855,15 @@ var LayerInfoList = function LayerInfoList(_ref) {
       variant: "body2",
       sx: textStyleWithMargin,
       children: "-"
-    }) : jsx(Grid2, {
+    }) : jsx(Grid, {
       container: true,
       direction: "column",
       children: list.map(function (item) {
         return jsxs("div", {
-          children: [jsxs(Grid2, {
+          children: [jsxs(Grid, {
             container: true,
             direction: "row",
-            children: [item.icon, jsx(Grid2, {
+            children: [item.icon, jsx(Grid, {
               sx: {
                 marginLeft: '10px'
               },
@@ -10871,7 +10873,7 @@ var LayerInfoList = function LayerInfoList(_ref) {
                 children: [item.label, ":"]
               })
             })]
-          }), jsx(Grid2, {
+          }), jsx(Grid, {
             container: true,
             direction: "row",
             sx: {
@@ -11226,7 +11228,8 @@ var OpenLayersMapView = function OpenLayersMapView(_ref) {
     _ref$passiveMap = _ref.passiveMap,
     passiveMap = _ref$passiveMap === void 0 ? false : _ref$passiveMap,
     _ref$holdShiftToScrol = _ref.holdShiftToScroll,
-    holdShiftToScroll = _ref$holdShiftToScrol === void 0 ? false : _ref$holdShiftToScrol;
+    holdShiftToScroll = _ref$holdShiftToScrol === void 0 ? false : _ref$holdShiftToScrol,
+    mapId = _ref.mapId;
   var mapRef = useRef(null);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -11238,7 +11241,7 @@ var OpenLayersMapView = function OpenLayersMapView(_ref) {
     zoom: 1,
     center: [0, 0]
   }));
-  var mapView = view || viewRef.current;
+  var mapView = view && view.getCenter() ? view : viewRef.current;
   useEffect(function () {
     if (!mapRef.current) {
       return function () {};
@@ -11317,6 +11320,7 @@ var OpenLayersMapView = function OpenLayersMapView(_ref) {
   return jsx(MapContext.Provider, {
     value: memoizedMapContext,
     children: jsxs("div", {
+      id: "mapcontainer_".concat(mapId),
       ref: mapRef,
       "data-testid": "openlayers-mapview",
       role: "application",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap-react",
-  "version": "12.2.0",
+  "version": "12.4.1",
   "description": "GeoWeb react wrapper for webmap",
   "license": "Apache-2.0",
   "repository": {
@@ -8,18 +8,18 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/webmap": "12.2.0",
+    "@opengeoweb/webmap": "12.4.1",
     "axios": "^1.7.7",
-    "@opengeoweb/theme": "12.2.0",
-    "@opengeoweb/shared": "12.2.0",
+    "@opengeoweb/theme": "12.4.1",
+    "@opengeoweb/shared": "12.4.1",
     "lodash": "^4.17.21",
     "ol": "^10.4.0",
     "proj4": "^2.9.2",
     "@turf/turf": "^7.1.0",
     "immer": "^10.0.3",
     "react-resize-detector": "^9.1.0",
-    "i18next": "^23.11.5",
-    "@mui/material": "^6.1.1",
+    "i18next": "^25.0.1",
+    "@mui/material": "^7.0.1",
     "react-i18next": "^15.1.1",
     "@tanstack/react-query": "^5.69.2"
   },

package/src/lib/components/OpenLayers/component/OpenLayersMapView.d.ts

@@ -8,5 +8,6 @@ export interface OpenLayersMapViewProps {
     isMouseWheelZoomEnabled?: boolean;
     passiveMap?: boolean;
     holdShiftToScroll?: boolean;
+    mapId?: string;
 }
 export declare const OpenLayersMapView: React.FC<OpenLayersMapViewProps>;