@xyo-network/react-map 2.62.3 → 2.63.1

package/dist/esm/MapBoxClasses/MapHeat.js

@@ -0,0 +1,147 @@
+import { assertEx } from '@xylabs/assert';
+import { delay } from '@xylabs/delay';
+import { forget } from '@xylabs/forget';
+import { GeoJson } from '@xyo-network/sdk-geo';
+import { LngLatBounds } from 'mapbox-gl';
+import { MapBase } from './MapBase';
+export class MapHeat extends MapBase {
+    static animationStarted = false;
+    config;
+    constructor(config) {
+        super(config);
+        this.config = config;
+    }
+    static initialMapPositioning(options, map, features, initialBounds) {
+        if (!features) {
+            return;
+        }
+        let bounds;
+        if (initialBounds) {
+            bounds = initialBounds;
+        }
+        else {
+            bounds = new LngLatBounds();
+            features.forEach((feature) => {
+                feature.geometry.coordinates.forEach((coordinates) => {
+                    coordinates.forEach((position) => {
+                        bounds.extend(position);
+                    });
+                });
+            });
+        }
+        map.setCenter(bounds.getCenter());
+        map.fitBounds(bounds, options);
+        return this;
+    }
+    static async initializeAnimatedHeatMapSource(layers, featureSet, map, startColor, endColor) {
+        this.animationStarted = true;
+        let layerTick = 0;
+        let sourceTick = 0;
+        const sources = featureSet.map((feature) => {
+            const featuresCollection = GeoJson.featureCollection(feature);
+            return GeoJson.featuresSource(featuresCollection);
+        });
+        this.updateLayer(map, layers[0], sources[0]);
+        this.updateLayer(map, layers[1], sources[1]);
+        layers.forEach((layer) => {
+            map.setPaintProperty(layer.id, 'fill-opacity', 0);
+        });
+        const frameLength = 3000;
+        const initialPad = 0.5;
+        const factor = 10;
+        const steps = 30;
+        const stepLength = frameLength / steps;
+        const lowUsageColor = startColor ?? '#FFB3B3';
+        const highUsageColor = endColor ?? '#FF0000';
+        // Max density at i=0, min density at i=steps
+        const dynamicFillColor = (factor, initialPad, i) => {
+            const sinFade = Math.sin(((i / steps) * Math.PI) / 2);
+            const cosFade = Math.cos(((i / steps) * Math.PI) / 2);
+            // we want the divisor to always be at least 1x the desired factor but will go up to
+            // 2x factor to account for combinative effect of the overlay of two layers at once
+            const divisor = factor + factor * sinFade;
+            const offset = initialPad * cosFade;
+            return [
+                'let',
+                'density',
+                ['+', ['/', ['number', ['get', 'value']], divisor], offset],
+                ['interpolate', ['linear'], ['var', 'density'], 0, lowUsageColor, 0.5, highUsageColor],
+            ];
+        };
+        const fadedIn = layers.map((_) => false);
+        const fadeIn = async (id, index) => {
+            for (let i = steps; i >= 1; i--) {
+                map.setPaintProperty(id, 'fill-color', dynamicFillColor(factor, initialPad, i * (180 / stepLength)));
+                await delay(stepLength);
+            }
+            fadedIn[index] = true;
+        };
+        const fadeOut = async (id, index) => {
+            for (let i = 1; i <= steps; i++) {
+                map.setPaintProperty(id, 'fill-color', dynamicFillColor(factor, initialPad, i * (180 / stepLength)));
+                await delay(stepLength);
+            }
+            fadedIn[index] = false;
+        };
+        let started = false;
+        const startAnimation = async () => {
+            assertEx(!started, 'Animation Already Started');
+            started = true;
+            while (this.animationStarted) {
+                const upLayer = layerTick % layers.length;
+                const downLayer = (layerTick + 1) % layers.length;
+                const incomingSource = sourceTick % featureSet.length;
+                const outgoingSource = (sourceTick + 1) % featureSet.length;
+                // console.log('incoming / outgoing source', incomingSource, outgoingSource)
+                // console.log(`animate: [${upLayer}, ${downLayer}]`)
+                if (fadedIn[upLayer]) {
+                    this.updateLayer(map, layers[upLayer], sources[incomingSource]);
+                    forget(fadeOut(layers[upLayer].id, upLayer));
+                }
+                if (!fadedIn[downLayer]) {
+                    this.updateLayer(map, layers[downLayer], sources[outgoingSource]);
+                    forget(fadeIn(layers[downLayer].id, downLayer));
+                }
+                while ((fadedIn[upLayer] || !fadedIn[downLayer]) && this.animationStarted) {
+                    // console.log(`checking: [${fadedIn[upLayer]}, ${!fadedIn[downLayer]}]`)
+                    await delay(1000);
+                }
+                layerTick++;
+                sourceTick++;
+                // console.log(`this.layerTick: ${layerTick}`)
+                // console.log(`this.sourceTick: ${sourceTick}`)
+            }
+        };
+        await startAnimation();
+    }
+    static updateLayer(map, layer, source) {
+        const existingSource = map.getSource(layer.source);
+        if (existingSource && source.data) {
+            existingSource.setData(source.data);
+        }
+        else if (source) {
+            map.addSource(layer.source, source);
+        }
+        layer.update(map, true);
+    }
+    // Build layers each with the same features
+    initializeHeatMapSource(layers) {
+        const getSource = (_) => {
+            const featuresCollection = GeoJson.featureCollection(this.config.features);
+            return GeoJson.featuresSource(featuresCollection);
+        };
+        layers.forEach((layer, index) => {
+            const existingSource = this.config.map.getSource(layer.source);
+            const source = getSource(index);
+            if (existingSource) {
+                existingSource.setData(assertEx(source.data));
+            }
+            else {
+                this.config.map.addSource(layer.source, source);
+            }
+            layer.update(this.config.map, true);
+        });
+        return this;
+    }
+}
+//# sourceMappingURL=MapHeat.js.map

package/dist/esm/MapBoxClasses/MapHeat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapHeat.js","sourceRoot":"","sources":["../../../src/MapBoxClasses/MapHeat.ts"],"names":[],"mappings":"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"}

package/dist/esm/MapBoxClasses/MapPoints.js

@@ -0,0 +1,26 @@
+// eslint-disable-next-line no-restricted-imports
+import { LngLatBounds } from 'mapbox-gl';
+import { MapBase } from './MapBase';
+export class MapPoints extends MapBase {
+    config;
+    constructor(config) {
+        super(config);
+        this.config = config;
+    }
+    initialMapPositioning(options, initialBounds) {
+        let bounds;
+        if (initialBounds) {
+            bounds = initialBounds;
+        }
+        else {
+            bounds = new LngLatBounds();
+            this.config.features.forEach((feature) => {
+                bounds.extend(feature.geometry.coordinates);
+            });
+        }
+        this.config.map.setCenter(bounds.getCenter());
+        this.config.map.fitBounds(bounds, options);
+        return this.config.map;
+    }
+}
+//# sourceMappingURL=MapPoints.js.map

package/dist/esm/MapBoxClasses/MapPoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapPoints.js","sourceRoot":"","sources":["../../../src/MapBoxClasses/MapPoints.ts"],"names":[],"mappings":"AACA,iDAAiD;AACjD,OAAO,EAAoB,YAAY,EAAE,MAAM,WAAW,CAAA;AAE1D,OAAO,EAAE,OAAO,EAAiB,MAAM,WAAW,CAAA;AAMlD,MAAM,OAAO,SAAU,SAAQ,OAAc;IACnC,MAAM,CAAiB;IAE/B,YAAY,MAAuB;QACjC,KAAK,CAAC,MAAM,CAAC,CAAA;QACb,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;IACtB,CAAC;IAED,qBAAqB,CAAC,OAAyB,EAAE,aAA4B;QAC3E,IAAI,MAAoB,CAAA;QAExB,IAAI,aAAa,EAAE;YACjB,MAAM,GAAG,aAAa,CAAA;SACvB;aAAM;YACL,MAAM,GAAG,IAAI,YAAY,EAAE,CAAA;YAE3B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAuB,EAAE,EAAE;gBACvD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,WAA+B,CAAC,CAAA;YACjE,CAAC,CAAC,CAAA;SACH;QAED,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAA;QAC7C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;QAE1C,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAA;IACxB,CAAC;CACF"}

package/dist/esm/MapBoxClasses/MapSettings.js

@@ -0,0 +1,107 @@
+import { GeolocateControl, NavigationControl } from 'mapbox-gl';
+/**
+ * Utility class to handle changes in settings
+ *
+ * Methods are pure functions dedicated to map manipulation
+ */
+export class MapSettings {
+    static geoLocateControl;
+    static mapListeners = {
+        logData: (ev, map) => {
+            const target = map || ev?.target;
+            if (target) {
+                console.log('zoom', target.getZoom());
+                console.log('center', target.getCenter());
+            }
+        },
+    };
+    static navControl;
+    static requestLocation;
+    static toggleControls(value, map, zoom, requestLocation) {
+        if (value) {
+            MapSettings.addControls(map, zoom, requestLocation);
+        }
+        else {
+            MapSettings.removeControls(map);
+        }
+        return this;
+    }
+    static toggleDebugLayer(value, map, layerName) {
+        const debugLayer = map.getLayer(layerName);
+        if (debugLayer) {
+            if (value) {
+                map.setLayoutProperty(layerName, 'visibility', 'visible');
+            }
+            else {
+                map.setLayoutProperty(layerName, 'visibility', 'none');
+            }
+        }
+        return this;
+    }
+    static toggleDebugLogging(value, map) {
+        const debugEvents = ['resize', 'zoomend', 'dragend'];
+        if (value) {
+            // initial values
+            this.mapListeners.logData(undefined, map);
+            debugEvents.forEach((event) => map.on(event, this.mapListeners.logData));
+        }
+        else {
+            debugEvents.forEach((event) => map.off(event, this.mapListeners.logData));
+        }
+    }
+    static toggleScrollToZoom(value, map) {
+        if (value) {
+            map.scrollZoom.enable();
+        }
+        else {
+            map.scrollZoom.disable();
+        }
+        return this;
+    }
+    static updateSettings(config) {
+        const { settings, map, zoom, requestLocation, debugLayerName = '' } = config;
+        const { scrollToZoom, enableControls, debugLayer, debugLogging } = settings;
+        MapSettings.toggleControls(enableControls?.value, map, zoom, requestLocation)
+            .toggleScrollToZoom(scrollToZoom?.value, map)
+            .toggleDebugLayer(debugLayer?.value, map, debugLayerName)
+            .toggleDebugLogging(debugLogging.value, map);
+    }
+    // Needs to be static so we ensure controls are only instantiated once
+    static addControls(map, zoom, requestLocation) {
+        const geolocateControl = new GeolocateControl({
+            fitBoundsOptions: {
+                zoom: zoom || 2,
+            },
+            positionOptions: {
+                enableHighAccuracy: true,
+            },
+            trackUserLocation: true,
+        });
+        const navControl = new NavigationControl({
+            showCompass: false,
+        });
+        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.navControl)) {
+            map.addControl(this.navControl, 'top-left');
+        }
+        return this;
+    }
+    static removeControls(map) {
+        if (this.geoLocateControl && map.hasControl(this.geoLocateControl)) {
+            if (this.requestLocation) {
+                map.removeControl(this.geoLocateControl);
+            }
+        }
+        if (this.navControl && map.hasControl(this.navControl)) {
+            map.removeControl(this.navControl);
+        }
+        return this;
+    }
+}
+//# sourceMappingURL=MapSettings.js.map

package/dist/esm/MapBoxClasses/MapSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapSettings.js","sourceRoot":"","sources":["../../../src/MapBoxClasses/MapSettings.ts"],"names":[],"mappings":"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"}

package/dist/{MapBoxClasses/index.d.mts → esm/MapBoxClasses/index.js}

@@ -2,4 +2,4 @@ export * from './MapBase';
 export * from './MapHeat';
 export * from './MapPoints';
 export * from './MapSettings';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

package/dist/esm/MapBoxClasses/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MapBoxClasses/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA"}

package/dist/esm/Settings/DefaultMapSettings.js

@@ -0,0 +1,52 @@
+export const DefaultMapSettings = () => ({
+    debugLayer: {
+        devMode: true,
+        field: 'debugLayer',
+        hidden: true,
+        label: 'Debug Layer',
+        value: false,
+    },
+    debugLogging: {
+        devMode: true,
+        field: 'debugLogging',
+        hidden: true,
+        label: 'Debug Logging',
+        value: false,
+    },
+    dynamicMapResize: {
+        devMode: true,
+        field: 'dynamicMapResize',
+        hidden: true,
+        label: 'Auto Map Resize',
+        value: true,
+    },
+    enableControls: {
+        devMode: true,
+        field: 'enableControls',
+        hidden: true,
+        label: 'Map Controls',
+        value: false,
+    },
+    fitToPoints: {
+        devMode: true,
+        field: 'fitToPoints',
+        hidden: true,
+        label: 'Fit To Points',
+        value: false,
+    },
+    preferDark: {
+        devMode: false,
+        field: 'preferDark',
+        hidden: true,
+        label: 'Prefer dark',
+        value: false,
+    },
+    scrollToZoom: {
+        devMode: true,
+        field: 'scrollToZoom',
+        hidden: true,
+        label: 'Scroll To Zoom',
+        value: false,
+    },
+});
+//# sourceMappingURL=DefaultMapSettings.js.map

package/dist/esm/Settings/DefaultMapSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultMapSettings.js","sourceRoot":"","sources":["../../../src/Settings/DefaultMapSettings.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAqB,GAAG,EAAE,CAAC,CAAC;IACzD,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,YAAY;QACnB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,KAAK;KACb;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,KAAK;KACb;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,iBAAiB;QACxB,KAAK,EAAE,IAAI;KACZ;IACD,cAAc,EAAE;QACd,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,gBAAgB;QACvB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,KAAK;KACb;IACD,WAAW,EAAE;QACX,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,KAAK;KACb;IACD,UAAU,EAAE;QACV,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,YAAY;QACnB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,KAAK;KACb;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAA"}

package/dist/esm/Settings/MapSetting.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MapSetting.js.map

package/dist/esm/Settings/MapSetting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapSetting.js","sourceRoot":"","sources":["../../../src/Settings/MapSetting.ts"],"names":[],"mappings":""}

package/dist/{Settings/index.d.mts → esm/Settings/index.js}

@@ -1,3 +1,3 @@
 export * from './DefaultMapSettings';
 export * from './MapSetting';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

package/dist/esm/Settings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Settings/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,cAAc,CAAA"}

package/dist/{hooks/index.d.mts → esm/hooks/index.js}

@@ -3,4 +3,4 @@ export * from './useDynamicPositioning';
 export * from './useFindHashes';
 export * from './useHeatMapColors';
 export * from './useQuadKeyPayloadsToFeatures';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,gCAAgC,CAAA"}

package/dist/esm/hooks/useDynamicMapResize.js

@@ -0,0 +1,31 @@
+import { useEffect, useMemo, useState } from 'react';
+/**
+ * Inspired by - https://bl.ocks.org/danswick/fc56f37c10d40be62e4feac5984250d2
+ */
+export const useDynamicMapResize = (mapContainerRef, mapCanvasRef, mapInstance, active = true) => {
+    const [dependenciesReady, setDependenciesReady] = useState(false);
+    const resizer = useMemo(() => new ResizeObserver(() => {
+        const width = mapContainerRef.current?.getBoundingClientRect().width;
+        if (width && mapCanvasRef.current) {
+            mapCanvasRef.current.style.width = `${width}px`;
+            // setTimeout allows for the smoothest animation (vs requestAnimationFrame, debouce, etc)
+            // likely because it lets mapbox resize once when the event loop is ready?
+            setTimeout(() => mapInstance?.resize());
+        }
+    }), [mapCanvasRef, mapContainerRef, mapInstance]);
+    useEffect(() => {
+        const dependenciesReady = !!(active && mapInstance && mapContainerRef?.current && mapCanvasRef.current);
+        setDependenciesReady(dependenciesReady);
+    }, [active, mapCanvasRef, mapContainerRef, mapInstance]);
+    useEffect(() => {
+        if (dependenciesReady) {
+            if (mapContainerRef.current) {
+                resizer.observe(mapContainerRef.current);
+            }
+            return () => {
+                resizer.disconnect();
+            };
+        }
+    }, [active, dependenciesReady, mapCanvasRef, mapContainerRef, mapInstance, resizer]);
+};
+//# sourceMappingURL=useDynamicMapResize.js.map

package/dist/esm/hooks/useDynamicMapResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDynamicMapResize.js","sourceRoot":"","sources":["../../../src/hooks/useDynamicMapResize.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEtE;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,eAAwD,EACxD,YAAwD,EACxD,WAAiB,EACjB,MAAM,GAAG,IAAI,EACb,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjE,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CACH,IAAI,cAAc,CAAC,GAAG,EAAE;QACtB,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC,KAAK,CAAA;QACpE,IAAI,KAAK,IAAI,YAAY,CAAC,OAAO,EAAE;YACjC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAA;YAC/C,yFAAyF;YACzF,0EAA0E;YAC1E,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,CAAC,CAAA;SACxC;IACH,CAAC,CAAC,EACJ,CAAC,YAAY,EAAE,eAAe,EAAE,WAAW,CAAC,CAC7C,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,WAAW,IAAI,eAAe,EAAE,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,CAAA;QACvG,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;IACzC,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC,CAAA;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE;YACrB,IAAI,eAAe,CAAC,OAAO,EAAE;gBAC3B,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;aACzC;YAED,OAAO,GAAG,EAAE;gBACV,OAAO,CAAC,UAAU,EAAE,CAAA;YACtB,CAAC,CAAA;SACF;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAA;AACtF,CAAC,CAAA"}

package/dist/esm/hooks/useDynamicPositioning.js

@@ -0,0 +1,57 @@
+import { useWindowSize } from '@xylabs/react-shared';
+import { useEffect, useState } from 'react';
+/**
+ * Zoom level for the map
+ *
+ * Note: Changing zoom will require changes to Lat/Lng Ranges
+ */
+const defaultZoom = 1.6;
+/**
+ * Range of aspect ratio values (width / height = aspect ratio) to scale against degrees
+ * On lower aspect ratios, the width is larger than the height and vice-versa for higher
+ */
+const defaultAspectRatioRange = [0.5, 2];
+/**
+ * Lat/Lng ranges, the first index is the minimum and the second is the maximum
+ * Index 0 is for portrait screens and centers on the Eastern Hemisphere
+ * Index 1 is for wider screens near the Prime Meridian and north of the Equator
+ *
+ * Note: Values are based off the zoom level
+ */
+const latRange = [0.9121644205263664, 1.71785031559439];
+const lngRange = [-81.4742014851959, 12.788958675506933];
+/**
+ * Function to interpolate an aspect ratio value across a range of degrees and aspect ratios
+ *
+ * Inspired by - https://stackoverflow.com/questions/14224535/scaling-between-two-number-ranges
+ *
+ * @param aspectRatio aspect ratio to scale
+ * @param degreeRange A latitude or longitude range (i.e. [minLat, maxLat])
+ * @param aspectRatioRange A range of aspect ratios to scale against degreeRange parameter
+ * @returns number
+ */
+const linearInterpolate = (aspectRatio, degreeRange, aspectRatioRange) => {
+    const [degreeMin, degreeMax] = degreeRange;
+    const [aspectRatioMin, aspectRatioMax] = aspectRatioRange || defaultAspectRatioRange;
+    const aspectRatioRangeSpan = aspectRatioMax - aspectRatioMin;
+    const degreeRangeSpan = degreeMax - degreeMin;
+    const percent = (aspectRatio - aspectRatioMin) / aspectRatioRangeSpan;
+    const scaledDegree = percent * degreeRangeSpan + degreeMin;
+    return scaledDegree;
+};
+const useDynamicPositioning = () => {
+    const [options, setOptions] = useState({});
+    const { width, height } = useWindowSize();
+    useEffect(() => {
+        if (width && height) {
+            const aspectRatio = width / height;
+            setOptions({
+                center: [linearInterpolate(aspectRatio, lngRange), linearInterpolate(aspectRatio, latRange)],
+                zoom: defaultZoom,
+            });
+        }
+    }, [height, width]);
+    return { options };
+};
+export { useDynamicPositioning };
+//# sourceMappingURL=useDynamicPositioning.js.map

package/dist/esm/hooks/useDynamicPositioning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDynamicPositioning.js","sourceRoot":"","sources":["../../../src/hooks/useDynamicPositioning.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C;;;;GAIG;AACH,MAAM,WAAW,GAAG,GAAG,CAAA;AAEvB;;;GAGG;AACH,MAAM,uBAAuB,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;AAExC;;;;;;GAMG;AACH,MAAM,QAAQ,GAAG,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAA;AACvD,MAAM,QAAQ,GAAG,CAAC,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAA;AAExD;;;;;;;;;GASG;AACH,MAAM,iBAAiB,GAAG,CAAC,WAAmB,EAAE,WAAqB,EAAE,gBAA2B,EAAU,EAAE;IAC5G,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,WAAW,CAAA;IAC1C,MAAM,CAAC,cAAc,EAAE,cAAc,CAAC,GAAG,gBAAgB,IAAI,uBAAuB,CAAA;IAEpF,MAAM,oBAAoB,GAAG,cAAc,GAAG,cAAc,CAAA;IAC5D,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,CAAA;IAE7C,MAAM,OAAO,GAAG,CAAC,WAAW,GAAG,cAAc,CAAC,GAAG,oBAAoB,CAAA;IACrE,MAAM,YAAY,GAAG,OAAO,GAAG,eAAe,GAAG,SAAS,CAAA;IAE1D,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAyB,EAAE,CAAC,CAAA;IAClE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,IAAI,MAAM,EAAE;YACnB,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM,CAAA;YAElC,UAAU,CAAC;gBACT,MAAM,EAAE,CAAC,iBAAiB,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAE,iBAAiB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;gBAC5F,IAAI,EAAE,WAAW;aAClB,CAAC,CAAA;SACH;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;IAEnB,OAAO,EAAE,OAAO,EAAE,CAAA;AACpB,CAAC,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/esm/hooks/useFindHashes.js

@@ -0,0 +1,25 @@
+import { useNetwork } from '@xyo-network/react-network';
+import { useMemo } from 'react';
+const animatedAnswerHashesConst = [
+    '79af071f451fc7af10d009dc63236ef9a9b211732c1ee0c06f028fcecf2336c5',
+    '531bfba6d8dfefd3bcc888aca54cdbbd4574ed2b3ec551b230845a1f9a608898',
+    'c874412b4faa4947de81372fd1ba12fdd6f43f5e408622b7f357cb2bcb3f17cb',
+    '29d3f8b882c61a82a1a1675782a27e797ea7196f45a23b4409680ab8b8d5f14e',
+    'cfd20f80ac073fd9518f4ef3f43d2a1f5e4e56e40c2677f38d6f6fecd05df60c',
+    '1354fa73497519a39aed19fc99bdbae78a880a1eafb2f7898d607e07db36528d',
+    '1043b0d25eacfc5013ae9dba780305a6fbf01a43543bd871d7c00537fca142a9',
+    '973dfc5df142851ced258d52d0ac2784e814000ac22e35776f772256b0d4dde9',
+    '463808eb74d3d87e6563970e0301a493577f8cd1b501e6e0ffa5e027ad2cea95',
+    '15b21acea2e3fd9d1ace3768a72636ee7bdf67a6f8e0807bfa2273dea2207555',
+    '32d377bfe7ebe382598c54dd13f8af7510e0a1e2fd2e913311fdd58e517e5e2e,',
+];
+const staticAnswerHashConst = 'c7bbf61f61cfd4a1b2def160c28136fc1d100d39fbdb67b227a2c6e558d9d3a5';
+export const useFindHashes = () => {
+    const { network } = useNetwork();
+    const exploreMapHashes = network?.nodes?.find((node) => node.type === 'archivist')?.explorerMapHashes;
+    const animatedAnswerHashes = exploreMapHashes?.animatedAnswerHashes || animatedAnswerHashesConst;
+    const staticAnswerHash = exploreMapHashes?.staticAnswerHash || staticAnswerHashConst;
+    const foundHashes = useMemo(() => [staticAnswerHash, ...animatedAnswerHashes], [animatedAnswerHashes, staticAnswerHash]);
+    return foundHashes;
+};
+//# sourceMappingURL=useFindHashes.js.map

package/dist/esm/hooks/useFindHashes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFindHashes.js","sourceRoot":"","sources":["../../../src/hooks/useFindHashes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,yBAAyB,GAAG;IAChC,kEAAkE;IAClE,kEAAkE;IAClE,kEAAkE;IAClE,kEAAkE;IAClE,kEAAkE;IAClE,kEAAkE;IAClE,kEAAkE;IAClE,kEAAkE;IAClE,kEAAkE;IAClE,kEAAkE;IAClE,mEAAmE;CACpE,CAAA;AAED,MAAM,qBAAqB,GAAG,kEAAkE,CAAA;AAEhG,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,gBAAgB,GAAI,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,WAAW,CAAqB,EAAE,iBAAiB,CAAA;IAC1H,MAAM,oBAAoB,GAAG,gBAAgB,EAAE,oBAAoB,IAAI,yBAAyB,CAAA;IAChG,MAAM,gBAAgB,GAAG,gBAAgB,EAAE,gBAAgB,IAAI,qBAAqB,CAAA;IACpF,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,gBAAgB,EAAE,GAAG,oBAAoB,CAAC,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC,CAAA;IACxH,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA"}

package/dist/esm/hooks/useHeatMapColors.js

@@ -0,0 +1,22 @@
+import { useTheme } from '@mui/material';
+const useHeatMapColors = () => {
+    const theme = useTheme();
+    const staticMapColor = '#FFFF75';
+    const highUsageColor = '#FF0000';
+    const heatMapColorProps = {
+        highUsageColor,
+        lowUsageColor: '#FFB3B3',
+        staticMapColor,
+    };
+    const legendProps = {
+        endColor: highUsageColor,
+        endLabel: 'High',
+        heading: 'Network Usage',
+        startColor: staticMapColor,
+        startLabel: 'Low',
+        textColor: theme.palette.common.white,
+    };
+    return { heatMapColorProps, legendProps };
+};
+export { useHeatMapColors };
+//# sourceMappingURL=useHeatMapColors.js.map

package/dist/esm/hooks/useHeatMapColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeatMapColors.js","sourceRoot":"","sources":["../../../src/hooks/useHeatMapColors.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIxC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,cAAc,GAAG,SAAS,CAAA;IAChC,MAAM,cAAc,GAAG,SAAS,CAAA;IAEhC,MAAM,iBAAiB,GAA8B;QACnD,cAAc;QACd,aAAa,EAAE,SAAS;QACxB,cAAc;KACf,CAAA;IAED,MAAM,WAAW,GAA6B;QAC5C,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,eAAe;QACxB,UAAU,EAAE,cAAc;QAC1B,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;KACtC,CAAA;IAED,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAA;AAC3C,CAAC,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/esm/hooks/useQuadKeyPayloadsToFeatures.js

@@ -0,0 +1,44 @@
+import { GeoJson } from '@xyo-network/sdk-geo';
+import compact from 'lodash/compact';
+import { useEffect, useState } from 'react';
+const quadKeyToFeature = ({ density, quadkey }) => {
+    const polygonFeature = new GeoJson(quadkey).polygonFeature();
+    polygonFeature.properties = {
+        count: density,
+        density,
+    };
+    return polygonFeature;
+};
+const setDensity = (feature) => {
+    if (feature.properties) {
+        feature.properties.value = feature.properties.density / 5;
+    }
+    return feature;
+};
+const useQuadKeyPayloadsToFeatures = (payloads) => {
+    const [multipleFeatureSets, setMultipleFeatureSets] = useState([[]]);
+    const [features, setFeatures] = useState([]);
+    const [error, setError] = useState();
+    useEffect(() => {
+        // Convert Multiple Payloads from Quadkey to GeoJson
+        if (Array.isArray(payloads)) {
+            if (compact(payloads).length !== 0) {
+                const payloadsArray = payloads;
+                const mappedFeatures = payloadsArray?.map((payload) => payload?.result.map(quadKeyToFeature));
+                setMultipleFeatureSets(mappedFeatures.map((features) => features?.map(setDensity) ?? []));
+            }
+            else {
+                setError(new Error('Cannot find payloads for provided hashes'));
+            }
+        }
+        // Convert Single Payload from Quadkey to GeoJson
+        if (payloads && payloads.result) {
+            const singlePayload = payloads;
+            const mappedFeatures = singlePayload.result.map(quadKeyToFeature);
+            setFeatures(mappedFeatures.map(setDensity));
+        }
+    }, [payloads]);
+    return { error, features, multipleFeatureSets };
+};
+export { useQuadKeyPayloadsToFeatures };
+//# sourceMappingURL=useQuadKeyPayloadsToFeatures.js.map

package/dist/esm/hooks/useQuadKeyPayloadsToFeatures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuadKeyPayloadsToFeatures.js","sourceRoot":"","sources":["../../../src/hooks/useQuadKeyPayloadsToFeatures.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAI3C,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAwC,EAAE,EAAE;IACtF,MAAM,cAAc,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,cAAc,EAAE,CAAA;IAC5D,cAAc,CAAC,UAAU,GAAG;QAC1B,KAAK,EAAE,OAAO;QACd,OAAO;KACR,CAAA;IACD,OAAO,cAAc,CAAA;AACvB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,OAAgB,EAAE,EAAE;IACtC,IAAI,OAAO,CAAC,UAAU,EAAE;QACtB,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,CAAA;KAC1D;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,4BAA4B,GAAG,CAAC,QAAoG,EAAE,EAAE;IAC5I,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAwB,CAAC,EAAE,CAAC,CAAC,CAAA;IAC3F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAA;IACjE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,oDAAoD;QACpD,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC3B,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;gBAClC,MAAM,aAAa,GAAG,QAAiE,CAAA;gBACvF,MAAM,cAAc,GAAG,aAAa,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAA;gBAE7F,sBAAsB,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;aAC1F;iBAAM;gBACL,QAAQ,CAAC,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC,CAAA;aAChE;SACF;QAED,iDAAiD;QACjD,IAAI,QAAQ,IAAK,QAAuD,CAAC,MAAM,EAAE;YAC/E,MAAM,aAAa,GAAG,QAAsD,CAAA;YAC5E,MAAM,cAAc,GAAG,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;YAEjE,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAA;SAC5C;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAA;AACjD,CAAC,CAAA;AAED,OAAO,EAAE,4BAA4B,EAAE,CAAA"}

package/dist/{index.d.mts → esm/index.js}

@@ -8,4 +8,4 @@ export * from './lib';
 export * from './MapBoxClasses';
 export * from './Settings';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}

package/dist/esm/lib/MapBoxBaseProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MapBoxBaseProps.js.map

package/dist/esm/lib/MapBoxBaseProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapBoxBaseProps.js","sourceRoot":"","sources":["../../../src/lib/MapBoxBaseProps.ts"],"names":[],"mappings":""}

package/dist/esm/lib/MapStyle.js

@@ -0,0 +1,10 @@
+export var MapStyle;
+(function (MapStyle) {
+    MapStyle["Dark"] = "mapbox/dark-v10";
+    MapStyle["Light"] = "mapbox/light-v10";
+    MapStyle["Outdoors"] = "mapbox/outdoors-v11";
+    MapStyle["Satellite"] = "mapbox/satellite-v9";
+    MapStyle["SatelliteStreets"] = "mapbox/satellite-streets-v11";
+    MapStyle["Streets"] = "mapbox/streets-v11";
+})(MapStyle || (MapStyle = {}));
+//# sourceMappingURL=MapStyle.js.map