@map-colonies/react-components 3.15.0 → 3.15.1

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.15.1](https://github.com/MapColonies/shared-components/compare/@map-colonies/react-components@3.15.0...@map-colonies/react-components@3.15.1) (2023-05-28)
+
+
+### Bug Fixes
+
+* zoom level in 2d mode ([#139](https://github.com/MapColonies/shared-components/issues/139)) ([48f7a85](https://github.com/MapColonies/shared-components/commit/48f7a8543f695a82b9042f9d2704b653443cc2ff))
+
+
+
+
+
 # [3.15.0](https://github.com/MapColonies/shared-components/compare/@map-colonies/react-components@3.14.0...@map-colonies/react-components@3.15.0) (2023-05-28)
 
 

package/dist/cesium-map/tools/zoom_level-tracker.tool.js

@@ -27,11 +27,12 @@ var map_types_1 = require("../map.types");
 require("./zoom_level-tracker.tool.css");
 /* eslint-disable @typescript-eslint/no-magic-numbers, @typescript-eslint/naming-convention, @typescript-eslint/no-unsafe-assignment,  @typescript-eslint/no-unnecessary-type-assertion, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call */
 var detectZoomLevel = function (distance, viewer) {
+    var _a;
     var MAX_ZOOM_LEVEL = 19;
     var tileProvider = lodash_1.get(viewer.scene.globe, '_surface.tileProvider');
     var quadtree = tileProvider._quadtree;
     var drawingBufferHeight = viewer.canvas.height;
-    var sseDenominator = lodash_1.get(viewer.camera.frustum, 'sseDenominator');
+    var sseDenominator = (_a = lodash_1.get(viewer.camera.frustum, 'sseDenominator')) !== null && _a !== void 0 ? _a : 1;
     for (var level = 0; level <= MAX_ZOOM_LEVEL; level++) {
         var maxGeometricError = tileProvider.getLevelMaximumGeometricError(level);
         var error = (maxGeometricError * drawingBufferHeight) / (distance * sseDenominator);
@@ -103,13 +104,15 @@ var ZoomLevelTrackerTool = function (props) {
                     cameraHeight = 0;
                     break;
             }
-            var closestZoom = zoomLevelHeights.reduce(function (a, b) {
-                return Math.abs(b.height - cameraHeight) <
-                    Math.abs(a.height - cameraHeight)
-                    ? b
-                    : a;
-            });
-            setZoomLevel(closestZoom.level);
+            if (zoomLevelHeights.length > 0) {
+                var closestZoom = zoomLevelHeights.reduce(function (a, b) {
+                    return Math.abs(b.height - cameraHeight) <
+                        Math.abs(a.height - cameraHeight)
+                        ? b
+                        : a;
+                });
+                setZoomLevel(closestZoom.level);
+            }
         };
         mapViewer.camera.moveEnd.addEventListener(calculateZoomLevel);
         return function () {
@@ -123,7 +126,7 @@ var ZoomLevelTrackerTool = function (props) {
                 console.log('CESIUM camera "moveEnd"(from zoom tracker) remove listener failed', e);
             }
         };
-    }, [mapViewer]);
+    }, [mapViewer, zoomLevelHeights.length]);
     return (react_1.default.createElement("div", { className: "zoomLevel" },
         react_1.default.createElement("div", { className: "zoomLevelValue" }, zoomLevel),
         react_1.default.createElement("div", { className: "zoomLevelLabel" }, (_a = lodash_1.get(props.locale, 'ZOOM_LABEL')) !== null && _a !== void 0 ? _a : 'zoom')));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@map-colonies/react-components",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "module": "dist/index.js",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -93,7 +93,7 @@
     "jest-enzyme": "^7.1.2",
     "react-test-renderer": "^16.13.1"
   },
-  "gitHead": "6b136929ab3c4ba3489825ee9be301eb0b968a1e",
+  "gitHead": "cb8b1ee909c0d1650e255d163b52ef6fcb436cba",
   "jest": {
     "coverageReporters": [
       "text",

package/src/lib/cesium-map/tools/zoom_level-tracker.tool.tsx

@@ -16,7 +16,7 @@ const detectZoomLevel = (distance: number, viewer: CesiumViewer) => {
   const tileProvider = get(viewer.scene.globe, '_surface.tileProvider') as any;
   const quadtree = tileProvider._quadtree;
   const drawingBufferHeight = viewer.canvas.height;
-  const sseDenominator = get(viewer.camera.frustum, 'sseDenominator');
+  const sseDenominator = get(viewer.camera.frustum, 'sseDenominator') ?? 1;
 
   for (let level = 0; level <= MAX_ZOOM_LEVEL; level++) {
     const maxGeometricError = tileProvider.getLevelMaximumGeometricError(level);
@@ -104,14 +104,16 @@ export const ZoomLevelTrackerTool: React.FC<RZoomLevelTrackerToolProps> = (
           break;
       }
 
-      const closestZoom = zoomLevelHeights.reduce((a, b) => {
-        return Math.abs(b.height - cameraHeight) <
-          Math.abs(a.height - cameraHeight)
-          ? b
-          : a;
-      });
+      if (zoomLevelHeights.length > 0) {
+        const closestZoom = zoomLevelHeights.reduce((a, b) => {
+          return Math.abs(b.height - cameraHeight) <
+            Math.abs(a.height - cameraHeight)
+            ? b
+            : a;
+        });
 
-      setZoomLevel(closestZoom.level);
+        setZoomLevel(closestZoom.level);
+      }
     };
 
     mapViewer.camera.moveEnd.addEventListener(calculateZoomLevel);
@@ -129,7 +131,7 @@ export const ZoomLevelTrackerTool: React.FC<RZoomLevelTrackerToolProps> = (
         );
       }
     };
-  }, [mapViewer]);
+  }, [mapViewer, zoomLevelHeights.length]);
 
   return (
     <div className="zoomLevel">