@xyo-network/react-map 2.67.5 → 2.67.7

package/dist/browser/index.js

@@ -201,7 +201,7 @@ var useQuadKeyPayloadsToFeatures = (payloads) => {
   const [error, setError] = useState3();
   useEffect3(() => {
     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((features2) => features2?.map(setDensity) ?? []));
       } else {
@@ -268,11 +268,11 @@ var MapHeat = class extends MapBase {
     } else {
       bounds = new LngLatBounds();
       features.forEach((feature) => {
-        feature.geometry.coordinates.forEach((coordinates) => {
-          coordinates.forEach((position) => {
+        for (const coordinates of feature.geometry.coordinates) {
+          for (const position of coordinates) {
             bounds.extend(position);
-          });
-        });
+          }
+        }
       });
     }
     map.setCenter(bounds.getCenter());
@@ -289,9 +289,9 @@ var MapHeat = class extends MapBase {
     });
     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 = 3e3;
     const initialPad = 0.5;
     const factor = 10;
@@ -367,7 +367,7 @@ var MapHeat = class extends MapBase {
       const featuresCollection = GeoJson3.featureCollection(this.config.features);
       return GeoJson3.featuresSource(featuresCollection);
     };
-    layers.forEach((layer, index) => {
+    for (const [index, layer] of layers.entries()) {
       const existingSource = this.config.map.getSource(layer.source);
       const source = getSource(index);
       if (existingSource) {
@@ -376,7 +376,7 @@ var MapHeat = class extends MapBase {
         this.config.map.addSource(layer.source, source);
       }
       layer.update(this.config.map, true);
-    });
+    }
     return this;
   }
 };
@@ -443,9 +443,11 @@ var MapSettings = class _MapSettings {
     const debugEvents = ["resize", "zoomend", "dragend"];
     if (value) {
       this.mapListeners.logData(void 0, 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);
     }
   }
   static toggleScrollToZoom(value, map) {
@@ -477,10 +479,8 @@ var MapSettings = 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)) {
       map.addControl(this.navControl, "top-left");
@@ -488,10 +488,8 @@ var MapSettings = class _MapSettings {
     return this;
   }
   static removeControls(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)) {
       map.removeControl(this.navControl);
@@ -594,7 +592,7 @@ var HeatMapInitializerProvider = ({
     heatMapColorProps
   };
   useEffect6(() => {
-    if (mapInitialized && featureSets?.length && featureSets[0].length && map && featureSetsLayers?.length) {
+    if (mapInitialized && featureSets?.length && featureSets[0].length > 0 && map && featureSetsLayers?.length) {
       const { lowUsageColor, highUsageColor } = heatMapColorProps;
       forget2(MapHeat.initializeAnimatedHeatMapSource(featureSetsLayers, featureSets, map, lowUsageColor, highUsageColor));
     }
@@ -1076,7 +1074,7 @@ var AnimatedHeatMapLoaded = ({ accessToken, archivistNameOrAddress, ...props })
       xyoError.message ? `Error: ${xyoError.message}` : null,
       "You might try authenticating again."
     ] }) : null,
-    hashes !== void 0 ? /* @__PURE__ */ jsx12(
+    hashes === void 0 ? /* @__PURE__ */ jsx12(Alert, { children: "Missing answer hash for heat map query" }) : /* @__PURE__ */ jsx12(
       AnimatedHeatMap,
       {
         accessToken,
@@ -1086,7 +1084,7 @@ var AnimatedHeatMapLoaded = ({ accessToken, archivistNameOrAddress, ...props })
         heatMapColorProps,
         ...MapBoxHeatProps
       }
-    ) : /* @__PURE__ */ jsx12(Alert, { children: "Missing answer hash for heat map query" })
+    )
   ] });
 };
 
@@ -1166,7 +1164,7 @@ var LayerAnimator = ({ animateLayers, children, layers, layersInitialized, map }
     for (let i = 0; i < animatedLayerCount; i++) {
       animatedLayers.push(getNextLayer());
     }
-    animatedLayers.forEach((layer, index) => {
+    for (const [index, layer] of animatedLayers.entries()) {
       if (index === 0) {
         layerAnimateWorker(layer);
       } else {
@@ -1174,15 +1172,15 @@ var LayerAnimator = ({ animateLayers, children, layers, layersInitialized, map }
           layerAnimateWorker(layer);
         }, timeIncrement * index);
       }
-    });
+    }
   }, [getNextLayer, layerAnimateWorker]);
   useEffect8(() => {
-    if (animateLayers && layersInitialized && map && fillLayers.length) {
+    if (animateLayers && layersInitialized && map && fillLayers.length > 0) {
       queueLayerAnimation();
     }
   }, [animateLayers, fillLayers.length, layersInitialized, map, queueLayerAnimation]);
   useInterval(() => {
-    if (animateLayers && layersInitialized && map && fillLayers.length) {
+    if (animateLayers && layersInitialized && map && fillLayers.length > 0) {
       queueLayerAnimation();
     }
   }, timeIncrement * animatedLayerCount);
@@ -1214,18 +1212,15 @@ var MapboxPointsFlexBox = ({
     return {};
   };
   const updateFeatures = useCallback2(() => {
-    if (mapPoints?.isMapReady && features?.length) {
-      layers?.forEach((layer) => {
+    if (mapPoints?.isMapReady && features?.length && layers)
+      for (const layer of layers) {
         mapPoints.initializeMapSource(layer);
-      });
-    }
+      }
   }, [mapPoints, features, layers]);
   const updateMapSetup = useCallback2(() => {
     const { fitToPoints: fitToPoints3 } = mapSettings || {};
-    if (mapPoints && map) {
-      if (fitToPoints3?.value === true) {
-        mapPoints.initialMapPositioning({ padding: fitToPointsPadding, ...customFitToBoundsOptions(zoom) });
-      }
+    if (mapPoints && map && fitToPoints3?.value === true) {
+      mapPoints.initialMapPositioning({ padding: fitToPointsPadding, ...customFitToBoundsOptions(zoom) });
     }
   }, [mapSettings, mapPoints, map, fitToPointsPadding, zoom]);
   const reInitializeMap = useCallback2(() => {