@xyo-network/react-map 2.67.6 → 2.67.7

package/src/MapBoxClasses/MapHeat.ts

@@ -29,12 +29,13 @@ export class MapHeat extends MapBase<Polygon> {
     } else {
       bounds = new LngLatBounds()
 
+      // eslint-disable-next-line unicorn/no-array-for-each
       features.forEach((feature: Feature<Polygon>) => {
-        feature.geometry.coordinates.forEach((coordinates) => {
-          coordinates.forEach((position) => {
+        for (const coordinates of feature.geometry.coordinates) {
+          for (const position of coordinates) {
             bounds.extend(position as [number, number])
-          })
-        })
+          }
+        }
       })
     }
 
@@ -61,9 +62,9 @@ export class MapHeat extends MapBase<Polygon> {
     this.updateLayer(map, layers[0], sources[0])
     this.updateLayer(map, layers[1], sources[1])
 
-    layers.forEach((layer) => {
+    for (const layer of layers) {
       map.setPaintProperty(layer.id, 'fill-opacity', 0)
-    })
+    }
 
     const frameLength = 3000
     const initialPad = 0.5
@@ -161,7 +162,7 @@ export class MapHeat extends MapBase<Polygon> {
       return GeoJson.featuresSource(featuresCollection)
     }
 
-    layers.forEach((layer, index) => {
+    for (const [index, layer] of layers.entries()) {
       const existingSource = this.config.map.getSource(layer.source as string) as GeoJSONSource
       const source = getSource(index)
       if (existingSource) {
@@ -170,7 +171,7 @@ export class MapHeat extends MapBase<Polygon> {
         this.config.map.addSource(layer.source as string, source)
       }
       layer.update(this.config.map, true)
-    })
+    }
 
     return this
   }

package/src/MapBoxClasses/MapPoints.ts

@@ -24,6 +24,7 @@ export class MapPoints extends MapBase<Point> {
     } else {
       bounds = new LngLatBounds()
 
+      // eslint-disable-next-line unicorn/no-array-for-each
       this.config.features.forEach((feature: Feature<Point>) => {
         bounds.extend(feature.geometry.coordinates as [number, number])
       })

package/src/MapBoxClasses/MapSettings.ts

@@ -57,9 +57,9 @@ export class MapSettings {
     if (value) {
       // initial values
       this.mapListeners.logData(undefined, map)
-      debugEvents.forEach((event) => map.on(event, this.mapListeners.logData))
+      for (const event of debugEvents) map.on(event, this.mapListeners.logData)
     } else {
-      debugEvents.forEach((event) => map.off(event, this.mapListeners.logData))
+      for (const event of debugEvents) map.off(event, this.mapListeners.logData)
     }
   }
 
@@ -102,10 +102,8 @@ export class MapSettings {
     this.geoLocateControl = this.geoLocateControl || geolocateControl
     this.navControl = this.navControl || navControl
 
-    if (!map.hasControl(this.geoLocateControl)) {
-      if (requestLocation) {
-        map.addControl(this.geoLocateControl)
-      }
+    if (!map.hasControl(this.geoLocateControl) && requestLocation) {
+      map.addControl(this.geoLocateControl)
     }
 
     if (!map.hasControl(this.navControl)) {
@@ -116,10 +114,8 @@ export class MapSettings {
   }
 
   private static removeControls(map: Map) {
-    if (this.geoLocateControl && map.hasControl(this.geoLocateControl)) {
-      if (this.requestLocation) {
-        map.removeControl(this.geoLocateControl)
-      }
+    if (this.geoLocateControl && map.hasControl(this.geoLocateControl) && this.requestLocation) {
+      map.removeControl(this.geoLocateControl)
     }
 
     if (this.navControl && map.hasControl(this.navControl)) {

package/src/hooks/useDynamicPositioning.tsx

@@ -22,8 +22,8 @@ const defaultAspectRatioRange = [0.5, 2]
  *
  * Note: Values are based off the zoom level
  */
-const latRange = [0.9121644205263664, 1.71785031559439]
-const lngRange = [-81.4742014851959, 12.788958675506933]
+const latRange = [0.912_164_420_526_366_4, 1.717_850_315_594_39]
+const lngRange = [-81.474_201_485_195_9, 12.788_958_675_506_933]
 
 /**
  * Function to interpolate an aspect ratio value across a range of degrees and aspect ratios

package/src/hooks/useQuadKeyPayloadsToFeatures.tsx

@@ -29,7 +29,7 @@ const useQuadKeyPayloadsToFeatures = (payloads?: NetworkLocationHeatmapQuadkeyAn
   useEffect(() => {
     // Convert Multiple Payloads from Quadkey to GeoJson
     if (Array.isArray(payloads)) {
-      if (compact(payloads).length !== 0) {
+      if (compact(payloads).length > 0) {
         const mappedFeatures = payloads?.map((payload) => payload?.result.map(quadKeyToFeature))
 
         setMultipleFeatureSets(mappedFeatures.map((features) => features?.map(setDensity) ?? []))