@xyo-network/react-map 2.26.44

package/dist/esm/MapBoxClasses/XyoMapBase.js

@@ -0,0 +1,27 @@
+import { assertEx } from '@xylabs/sdk-js';
+import { GeoJson } from '@xyo-network/sdk-geo';
+export class XyoMapBase {
+    constructor(config) {
+        this._config = { requestLocation: true, zoom: 2, ...config };
+    }
+    get isMapReady() {
+        return !!this._config.map;
+    }
+    initializeMapSource(layer) {
+        const getSource = () => {
+            const featuresCollection = GeoJson.featureCollection(this._config.features);
+            return GeoJson.featuresSource(featuresCollection);
+        };
+        const existingSource = this._config.map.getSource(layer.source);
+        const source = getSource();
+        if (existingSource) {
+            existingSource.setData(assertEx(source.data));
+        }
+        else {
+            this._config.map.addSource(layer.source, source);
+        }
+        layer.update(this._config.map, true);
+        return this;
+    }
+}
+//# sourceMappingURL=XyoMapBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"XyoMapBase.js","sourceRoot":"","sources":["../../../src/MapBoxClasses/XyoMapBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAc9C,MAAM,OAAgB,UAAU;IAG9B,YAAY,MAA2B;QACrC,IAAI,CAAC,OAAO,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,CAAA;IAC9D,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAA;IAC3B,CAAC;IAED,mBAAmB,CAAC,KAAkB;QACpC,MAAM,SAAS,GAAG,GAAG,EAAE;YACrB,MAAM,kBAAkB,GAAG,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;YAC3E,OAAO,OAAO,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAA;QACnD,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,MAAgB,CAAkB,CAAA;QAC1F,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;QAC1B,IAAI,cAAc,EAAE;YAClB,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;SAC9C;aAAM;YACL,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,MAAgB,EAAE,MAAM,CAAC,CAAA;SAC3D;QACD,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;QAEpC,OAAO,IAAI,CAAA;IACb,CAAC;CACF"}

package/dist/esm/MapBoxClasses/XyoMapHeat.d.ts

@@ -0,0 +1,13 @@
+import { Feature, Polygon } from 'geojson';
+import { FitBoundsOptions, LngLatBounds, Map } from 'mapbox-gl';
+import { XyoMapLayer } from '../Layers';
+import { XyoMapBase, XyoMapBaseConfig } from './XyoMapBase';
+export declare class XyoMapHeat extends XyoMapBase<Polygon> {
+    static animationStarted: boolean;
+    config: XyoMapBaseConfig<Polygon>;
+    constructor(config: XyoMapBaseConfig<Polygon>);
+    initializeHeatMapSource(layers: XyoMapLayer[]): this;
+    static initialMapPositioning(options: FitBoundsOptions, map: Map, features?: Feature<Polygon>[], initialBounds?: LngLatBounds): typeof XyoMapHeat | undefined;
+    private static updateLayer;
+    static initializeAnimatedHeatMapSource(layers: XyoMapLayer[], featureSet: Feature<Polygon>[][], map: Map, startColor?: string, endColor?: string): Promise<void>;
+}

package/dist/esm/MapBoxClasses/XyoMapHeat.js

@@ -0,0 +1,139 @@
+import { assertEx, delay, forget } from '@xylabs/sdk-js';
+import { GeoJson } from '@xyo-network/sdk-geo';
+import { LngLatBounds } from 'mapbox-gl';
+import { XyoMapBase } from './XyoMapBase';
+export class XyoMapHeat extends XyoMapBase {
+    constructor(config) {
+        super(config);
+        this.config = config;
+    }
+    // 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;
+    }
+    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 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);
+    }
+    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();
+    }
+}
+XyoMapHeat.animationStarted = false;
+//# sourceMappingURL=XyoMapHeat.js.map

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

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

package/dist/esm/MapBoxClasses/XyoMapPoints.d.ts

@@ -0,0 +1,11 @@
+import { Feature, Point } from 'geojson';
+import { FitBoundsOptions, LngLatBounds } from 'mapbox-gl';
+import { XyoMapBase, XyoMapBaseConfig } from './XyoMapBase';
+export interface XyoMapPointsConfig extends XyoMapBaseConfig<Point> {
+    features: Feature<Point>[];
+}
+export declare class XyoMapPoints extends XyoMapBase<Point> {
+    private config;
+    constructor(config: XyoMapPointsConfig);
+    initialMapPositioning(options: FitBoundsOptions, initialBounds?: LngLatBounds): import("mapbox-gl").Map;
+}

package/dist/esm/MapBoxClasses/XyoMapPoints.js

@@ -0,0 +1,25 @@
+// eslint-disable-next-line no-restricted-imports
+import { LngLatBounds } from 'mapbox-gl';
+import { XyoMapBase } from './XyoMapBase';
+export class XyoMapPoints extends XyoMapBase {
+    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=XyoMapPoints.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"XyoMapPoints.js","sourceRoot":"","sources":["../../../src/MapBoxClasses/XyoMapPoints.ts"],"names":[],"mappings":"AACA,iDAAiD;AACjD,OAAO,EAAoB,YAAY,EAAE,MAAM,WAAW,CAAA;AAE1D,OAAO,EAAE,UAAU,EAAoB,MAAM,cAAc,CAAA;AAM3D,MAAM,OAAO,YAAa,SAAQ,UAAiB;IAGjD,YAAY,MAA0B;QACpC,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/XyoMapSettings.d.ts

@@ -0,0 +1,29 @@
+import { EventData, GeolocateControl, Map, MapLayerMouseEvent, MapLayerTouchEvent, NavigationControl } from 'mapbox-gl';
+import { MapSetting } from '../Settings';
+export interface XyoMapSettingsConfig {
+    settings: MapSetting;
+    map: Map;
+    zoom?: number;
+    requestLocation?: boolean;
+    debugLayerName?: string;
+}
+/**
+ * Utility class to handle changes in settings
+ *
+ * Methods are pure functions dedicated to map manipulation
+ */
+export declare class XyoMapSettings {
+    static navControl: NavigationControl | undefined;
+    static geoLocateControl: GeolocateControl | undefined;
+    static requestLocation: boolean | undefined;
+    static mapListeners: {
+        logData: (ev?: MapLayerMouseEvent | (MapLayerTouchEvent & EventData), map?: Map) => void;
+    };
+    static updateSettings(config: XyoMapSettingsConfig): void;
+    static toggleControls(value: boolean | undefined, map: Map, zoom?: number, requestLocation?: boolean): typeof XyoMapSettings;
+    static toggleScrollToZoom(value: boolean | undefined, map: Map): typeof XyoMapSettings;
+    static toggleDebugLayer(value: boolean | undefined, map: Map, layer: string): typeof XyoMapSettings;
+    static toggleDebugLogging(value: boolean | undefined, map: Map): void;
+    private static addControls;
+    private static removeControls;
+}

package/dist/esm/MapBoxClasses/XyoMapSettings.js

@@ -0,0 +1,103 @@
+import { GeolocateControl, NavigationControl } from 'mapbox-gl';
+/**
+ * Utility class to handle changes in settings
+ *
+ * Methods are pure functions dedicated to map manipulation
+ */
+export class XyoMapSettings {
+    static updateSettings(config) {
+        const { settings, map, zoom, requestLocation, debugLayerName = '' } = config;
+        const { scrollToZoom, enableControls, debugLayer, debugLogging } = settings;
+        XyoMapSettings.toggleControls(enableControls?.value, map, zoom, requestLocation)
+            .toggleScrollToZoom(scrollToZoom?.value, map)
+            .toggleDebugLayer(debugLayer?.value, map, debugLayerName)
+            .toggleDebugLogging(debugLogging.value, map);
+    }
+    static toggleControls(value, map, zoom, requestLocation) {
+        if (value) {
+            XyoMapSettings.addControls(map, zoom, requestLocation);
+        }
+        else {
+            XyoMapSettings.removeControls(map);
+        }
+        return this;
+    }
+    static toggleScrollToZoom(value, map) {
+        if (value) {
+            map.scrollZoom.enable();
+        }
+        else {
+            map.scrollZoom.disable();
+        }
+        return this;
+    }
+    static toggleDebugLayer(value, map, layer) {
+        if (layer && map.getLayer(layer)) {
+            if (value) {
+                map.setLayoutProperty(layer, 'visibility', 'visible');
+            }
+            else {
+                map.setLayoutProperty(layer, '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));
+        }
+    }
+    // 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;
+    }
+}
+XyoMapSettings.mapListeners = {
+    logData: (ev, map) => {
+        const target = map || ev?.target;
+        if (target) {
+            console.log('zoom', target.getZoom());
+            console.log('center', target.getCenter());
+        }
+    },
+};
+//# sourceMappingURL=XyoMapSettings.js.map

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

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

package/dist/esm/MapBoxClasses/index.d.ts

@@ -0,0 +1,4 @@
+export * from './XyoMapBase';
+export * from './XyoMapHeat';
+export * from './XyoMapPoints';
+export * from './XyoMapSettings';

package/dist/esm/MapBoxClasses/index.js

@@ -0,0 +1,5 @@
+export * from './XyoMapBase';
+export * from './XyoMapHeat';
+export * from './XyoMapPoints';
+export * from './XyoMapSettings';
+//# 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,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA"}

package/dist/esm/Settings/DefaultMapSettings.d.ts

@@ -0,0 +1,2 @@
+import { MapSetting } from './MapSetting';
+export declare const DefaultMapSettings: () => MapSetting;

package/dist/esm/Settings/DefaultMapSettings.js

@@ -0,0 +1,42 @@
+export const DefaultMapSettings = () => ({
+    debugLayer: {
+        devMode: true,
+        field: 'debugLayer',
+        hidden: true,
+        label: 'Debug Layer',
+        value: false,
+    },
+    debugLogging: {
+        devMode: true,
+        field: 'debugLogging',
+        label: 'Debug Logging',
+        value: false,
+    },
+    enableControls: {
+        devMode: true,
+        field: 'enableControls',
+        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',
+        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,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,KAAK;KACb;IACD,cAAc,EAAE;QACd,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,gBAAgB;QACvB,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,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAA"}

package/dist/esm/Settings/MapSetting.d.ts

@@ -0,0 +1,11 @@
+declare type MapSettingFields = 'debugLayer' | 'fitToPoints' | 'scrollToZoom' | 'enableControls' | 'debugLogging' | 'preferDark';
+export declare type MapSetting = {
+    [field in MapSettingFields | string]: {
+        value: boolean;
+        field: string;
+        label: string;
+        hidden?: boolean;
+        devMode?: boolean;
+    };
+};
+export {};

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/esm/Settings/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DefaultMapSettings';
+export * from './MapSetting';

package/dist/esm/Settings/index.js

@@ -0,0 +1,3 @@
+export * from './DefaultMapSettings';
+export * from './MapSetting';
+//# 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/esm/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useDynamicPositioning';
+export * from './useFetchPayloads';
+export * from './useFindHashes';
+export * from './useHeatMapColors';
+export * from './useQuadKeyPayloadsToFeatures';

package/dist/esm/hooks/index.js

@@ -0,0 +1,6 @@
+export * from './useDynamicPositioning';
+export * from './useFetchPayloads';
+export * from './useFindHashes';
+export * from './useHeatMapColors';
+export * from './useQuadKeyPayloadsToFeatures';
+//# 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,yBAAyB,CAAA;AACvC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,gCAAgC,CAAA"}

package/dist/esm/hooks/useDynamicPositioning.d.ts

@@ -0,0 +1,5 @@
+import { MapboxOptions } from 'mapbox-gl';
+declare const useDynamicPositioning: () => {
+    options: Partial<MapboxOptions>;
+};
+export { useDynamicPositioning };

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/useFetchPayloads.d.ts

@@ -0,0 +1,8 @@
+import { XyoApiError } from '@xyo-network/api';
+declare const useFetchPayloads: (hashes?: string[]) => {
+    apiError: XyoApiError<any, any> | undefined;
+    features: import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>[];
+    multipleFeatureSets: import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>[][];
+    notFound: boolean;
+};
+export { useFetchPayloads };

package/dist/esm/hooks/useFetchPayloads.js

@@ -0,0 +1,49 @@
+import { useAsyncEffect } from '@xylabs/react-shared';
+import { useArchive } from '@xyo-network/react-archive';
+import { useArchivistApi } from '@xyo-network/react-archivist-api';
+import { useState } from 'react';
+import { useQuadKeyPayloadsToFeatures } from './useQuadKeyPayloadsToFeatures';
+const useFetchPayloads = (hashes) => {
+    const { api: ArchivistApi } = useArchivistApi();
+    const { archive } = useArchive();
+    const [apiError, setApiError] = useState();
+    const [payloads, setPayloads] = useState();
+    const { features, multipleFeatureSets } = useQuadKeyPayloadsToFeatures(payloads);
+    const [notFound, setNotFound] = useState(false);
+    const [inFlight, setInFlight] = useState(false);
+    useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+        if (ArchivistApi && payloads === undefined && hashes?.length && !inFlight) {
+            try {
+                setInFlight(true);
+                const payloads = await Promise.allSettled(hashes.map((hash) => ArchivistApi.archive(archive).payload.hash(hash).get()));
+                if (payloads?.length) {
+                    const validPayloads = [];
+                    payloads.forEach((result) => {
+                        if (result.status === 'fulfilled' && result.value && result.value[0]) {
+                            validPayloads.push(result.value[0]);
+                        }
+                        else if (result.status === 'rejected') {
+                            setApiError(result.reason);
+                        }
+                    });
+                    if (validPayloads.length) {
+                        setPayloads(validPayloads);
+                    }
+                    if (validPayloads.length === 0 && apiError === undefined) {
+                        setNotFound(true);
+                    }
+                }
+            }
+            catch (e) {
+                if (mounted()) {
+                    setApiError(e);
+                }
+            }
+        }
+    }, [ArchivistApi, apiError, archive, hashes, inFlight, payloads]);
+    return { apiError, features, multipleFeatureSets, notFound };
+};
+export { useFetchPayloads };
+//# sourceMappingURL=useFetchPayloads.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchPayloads.js","sourceRoot":"","sources":["../../../src/hooks/useFetchPayloads.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAE7E,MAAM,gBAAgB,GAAG,CAAC,MAAiB,EAAE,EAAE;IAC7C,MAAM,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC/C,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAe,CAAA;IACvD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAmD,CAAA;IAC3F,MAAM,EAAE,QAAQ,EAAE,mBAAmB,EAAE,GAAG,4BAA4B,CAAC,QAAQ,CAAC,CAAA;IAChF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE/C,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,YAAY,IAAI,QAAQ,KAAK,SAAS,IAAI,MAAM,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE;YACzE,IAAI;gBACF,WAAW,CAAC,IAAI,CAAC,CAAA;gBACjB,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;gBACvH,IAAI,QAAQ,EAAE,MAAM,EAAE;oBACpB,MAAM,aAAa,GAAoD,EAAE,CAAA;oBACzE,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;wBAC1B,IAAI,MAAM,CAAC,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;4BACpE,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAkD,CAAC,CAAA;yBACrF;6BAAM,IAAI,MAAM,CAAC,MAAM,KAAK,UAAU,EAAE;4BACvC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;yBAC3B;oBACH,CAAC,CAAC,CAAA;oBAEF,IAAI,aAAa,CAAC,MAAM,EAAE;wBACxB,WAAW,CAAC,aAAa,CAAC,CAAA;qBAC3B;oBAED,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,KAAK,SAAS,EAAE;wBACxD,WAAW,CAAC,IAAI,CAAC,CAAA;qBAClB;iBACF;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,IAAI,OAAO,EAAE,EAAE;oBACb,WAAW,CAAC,CAAgB,CAAC,CAAA;iBAC9B;aACF;SACF;IACH,CAAC,EACD,CAAC,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAC9D,CAAA;IAED,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAA;AAC9D,CAAC,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/esm/hooks/useFindHashes.d.ts

@@ -0,0 +1,2 @@
+declare const useFindHashes: () => string[];
+export { useFindHashes };