@mapcomponents/react-maplibre 0.1.79 → 0.1.80

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Change Log
 
+## [v0.1.8] - 2023-06-01
+
+### Added
+
+- bea7ecc: add a test, add thumbnail (#112) …
+
+### Fixed
+
+- f423ada: fix layerContext moveUp moveDown functions (#114) …
+
 ## [v0.1.79] - 2023-05-31
 
 ### Added
@@ -491,4 +501,4 @@
 - adjust MlImageMarkerLayer to make use of the new useMap hook
  
 ### Fixed
- 
+ 

package/dist/index.esm.js

@@ -951,34 +951,27 @@ function LayerContextProvider(props) {
             setLayers(_layers);
         }
     }, [layers]);
-    var moveDown = React.useCallback(function (layerId) {
+    var moveLayer = React.useCallback(function (layerId, getNewPos) {
         var _a;
         var targetLayer = (_a = layers === null || layers === void 0 ? void 0 : layers.filter) === null || _a === void 0 ? void 0 : _a.call(layers, function (el) { return el.id === layerId; });
         if (targetLayer.length > 0) {
             var newLayers = __spreadArray([], layers, true);
             var element = targetLayer[0];
             var idx = layers.indexOf(element);
-            if (idx + 1 <= layers.length - 1) {
+            var newPos = getNewPos(idx);
+            if (newPos >= 0 && newPos <= layers.length - 1) {
                 newLayers.splice(idx, 1);
-                newLayers.splice(idx + 1, 0, element);
+                newLayers.splice(newPos, 0, element);
                 setLayers(newLayers);
             }
         }
     }, [layers]);
+    var moveDown = React.useCallback(function (layerId) {
+        moveLayer(layerId, function (idx) { return idx + 1; });
+    }, [moveLayer]);
     var moveUp = React.useCallback(function (layerId) {
-        var _a;
-        var targetLayer = (_a = layers === null || layers === void 0 ? void 0 : layers.filter) === null || _a === void 0 ? void 0 : _a.call(layers, function (el) { return el.id === layerId; });
-        if (targetLayer.length > 0) {
-            var newLayers = JSON.parse(JSON.stringify(layers));
-            var element = targetLayer[0];
-            var idx = layers.indexOf(element);
-            if (idx - 1 >= 0) {
-                newLayers.splice(idx, 1);
-                newLayers.splice(idx - 1, 0, element);
-                setLayers(newLayers);
-            }
-        }
-    }, [layers]);
+        moveLayer(layerId, function (idx) { return idx - 1; });
+    }, [moveLayer]);
     var value = {
         layers: layers,
         setLayers: setLayers,
@@ -5947,7 +5940,7 @@ var MlTerrainLayer = function (props) {
         if (!mapHook.map)
             return;
         if (!mapHook.map.map.getSource('terrain')) {
-            mapHook.map.map.addSource('terrain', __assign({ type: 'raster-dem', encoding: 'mapbox', maxzoom: 14, minzoom: 4 }, props.sourceOptions));
+            mapHook.map.map.addSource('terrain', __assign({ type: 'raster-dem', encoding: 'mapbox', maxzoom: 12, minzoom: 4 }, props.sourceOptions));
         }
         mapHook.map.map.setTerrain(__assign({ source: 'terrain', exaggeration: 1 }, props.terrainOptions));
         mapHook.map.addLayer({
@@ -19865,7 +19858,7 @@ var SpeedDial = function () {
             width: '100px',
             zIndex: '1000',
         } },
-        React__default["default"].createElement(MuiSpeedDial__default["default"], { ariaLabel: "SpeedDial tooltip example", sx: { position: 'absolute', bottom: 16, right: 16 }, icon: open ? React__default["default"].createElement(CloseIcon__default["default"], null) : React__default["default"].createElement(MoreVertIcon__default["default"], null), onClick: open ? handleClose : handleOpen, onOpen: handleOpen, open: open }, actions.map(function (action) { return (React__default["default"].createElement(SpeedDialAction__default["default"], { key: action.name, icon: action.icon, tooltipTitle: action.name, tooltipOpen: true, onClick: handleClose, FabProps: { sx: { color: theme.palette.secondary.main } } })); }))));
+        React__default["default"].createElement(MuiSpeedDial__default["default"], { ariaLabel: "SpeedDial tooltip example", sx: { position: 'absolute', bottom: 16, right: 16 }, icon: open ? React__default["default"].createElement(CloseIcon__default["default"], { fontSize: "large" }) : React__default["default"].createElement(MoreVertIcon__default["default"], { fontSize: "large" }), onClick: open ? handleClose : handleOpen, onOpen: handleOpen, open: open }, actions.map(function (action) { return (React__default["default"].createElement(SpeedDialAction__default["default"], { key: action.name, icon: action.icon, tooltipTitle: action.name, tooltipOpen: true, onClick: handleClose, FabProps: { sx: { color: theme.palette.secondary.main } } })); }))));
 };
 SpeedDial.defaultProps = {
     mapId: undefined,