@xyo-network/react-map 2.26.44

package/dist/cjs/MapBoxClasses/XyoMapBase.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XyoMapBase = void 0;
+const sdk_js_1 = require("@xylabs/sdk-js");
+const sdk_geo_1 = require("@xyo-network/sdk-geo");
+class XyoMapBase {
+    constructor(config) {
+        this._config = Object.assign({ requestLocation: true, zoom: 2 }, config);
+    }
+    get isMapReady() {
+        return !!this._config.map;
+    }
+    initializeMapSource(layer) {
+        const getSource = () => {
+            const featuresCollection = sdk_geo_1.GeoJson.featureCollection(this._config.features);
+            return sdk_geo_1.GeoJson.featuresSource(featuresCollection);
+        };
+        const existingSource = this._config.map.getSource(layer.source);
+        const source = getSource();
+        if (existingSource) {
+            existingSource.setData((0, sdk_js_1.assertEx)(source.data));
+        }
+        else {
+            this._config.map.addSource(layer.source, source);
+        }
+        layer.update(this._config.map, true);
+        return this;
+    }
+}
+exports.XyoMapBase = XyoMapBase;
+//# sourceMappingURL=XyoMapBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"XyoMapBase.js","sourceRoot":"","sources":["../../../src/MapBoxClasses/XyoMapBase.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AACzC,kDAA8C;AAc9C,MAAsB,UAAU;IAG9B,YAAY,MAA2B;QACrC,IAAI,CAAC,OAAO,mBAAK,eAAe,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAK,MAAM,CAAE,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,iBAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;YAC3E,OAAO,iBAAO,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,IAAA,iBAAQ,EAAC,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;AA5BD,gCA4BC"}

package/dist/cjs/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/cjs/MapBoxClasses/XyoMapHeat.js

@@ -0,0 +1,146 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XyoMapHeat = void 0;
+const tslib_1 = require("tslib");
+const sdk_js_1 = require("@xylabs/sdk-js");
+const sdk_geo_1 = require("@xyo-network/sdk-geo");
+const mapbox_gl_1 = require("mapbox-gl");
+const XyoMapBase_1 = require("./XyoMapBase");
+class XyoMapHeat extends XyoMapBase_1.XyoMapBase {
+    constructor(config) {
+        super(config);
+        this.config = config;
+    }
+    // Build layers each with the same features
+    initializeHeatMapSource(layers) {
+        const getSource = (_) => {
+            const featuresCollection = sdk_geo_1.GeoJson.featureCollection(this.config.features);
+            return sdk_geo_1.GeoJson.featuresSource(featuresCollection);
+        };
+        layers.forEach((layer, index) => {
+            const existingSource = this.config.map.getSource(layer.source);
+            const source = getSource(index);
+            if (existingSource) {
+                existingSource.setData((0, sdk_js_1.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 mapbox_gl_1.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 initializeAnimatedHeatMapSource(layers, featureSet, map, startColor, endColor) {
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            this.animationStarted = true;
+            let layerTick = 0;
+            let sourceTick = 0;
+            const sources = featureSet.map((feature) => {
+                const featuresCollection = sdk_geo_1.GeoJson.featureCollection(feature);
+                return sdk_geo_1.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 !== null && startColor !== void 0 ? startColor : '#FFB3B3';
+            const highUsageColor = endColor !== null && endColor !== void 0 ? 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 = (id, index) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                for (let i = steps; i >= 1; i--) {
+                    map.setPaintProperty(id, 'fill-color', dynamicFillColor(factor, initialPad, i * (180 / stepLength)));
+                    yield (0, sdk_js_1.delay)(stepLength);
+                }
+                fadedIn[index] = true;
+            });
+            const fadeOut = (id, index) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                for (let i = 1; i <= steps; i++) {
+                    map.setPaintProperty(id, 'fill-color', dynamicFillColor(factor, initialPad, i * (180 / stepLength)));
+                    yield (0, sdk_js_1.delay)(stepLength);
+                }
+                fadedIn[index] = false;
+            });
+            let started = false;
+            const startAnimation = () => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                (0, sdk_js_1.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]);
+                        (0, sdk_js_1.forget)(fadeOut(layers[upLayer].id, upLayer));
+                    }
+                    if (!fadedIn[downLayer]) {
+                        this.updateLayer(map, layers[downLayer], sources[outgoingSource]);
+                        (0, sdk_js_1.forget)(fadeIn(layers[downLayer].id, downLayer));
+                    }
+                    while ((fadedIn[upLayer] || !fadedIn[downLayer]) && this.animationStarted) {
+                        // console.log(`checking: [${fadedIn[upLayer]}, ${!fadedIn[downLayer]}]`)
+                        yield (0, sdk_js_1.delay)(1000);
+                    }
+                    layerTick++;
+                    sourceTick++;
+                    // console.log(`this.layerTick: ${layerTick}`)
+                    // console.log(`this.sourceTick: ${sourceTick}`)
+                }
+            });
+            yield startAnimation();
+        });
+    }
+}
+exports.XyoMapHeat = XyoMapHeat;
+XyoMapHeat.animationStarted = false;
+//# sourceMappingURL=XyoMapHeat.js.map

package/dist/cjs/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/cjs/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/cjs/MapBoxClasses/XyoMapPoints.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XyoMapPoints = void 0;
+// eslint-disable-next-line no-restricted-imports
+const mapbox_gl_1 = require("mapbox-gl");
+const XyoMapBase_1 = require("./XyoMapBase");
+class XyoMapPoints extends XyoMapBase_1.XyoMapBase {
+    constructor(config) {
+        super(config);
+        this.config = config;
+    }
+    initialMapPositioning(options, initialBounds) {
+        let bounds;
+        if (initialBounds) {
+            bounds = initialBounds;
+        }
+        else {
+            bounds = new mapbox_gl_1.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;
+    }
+}
+exports.XyoMapPoints = XyoMapPoints;
+//# sourceMappingURL=XyoMapPoints.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"XyoMapPoints.js","sourceRoot":"","sources":["../../../src/MapBoxClasses/XyoMapPoints.ts"],"names":[],"mappings":";;;AACA,iDAAiD;AACjD,yCAA0D;AAE1D,6CAA2D;AAM3D,MAAa,YAAa,SAAQ,uBAAiB;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,wBAAY,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;AA1BD,oCA0BC"}

package/dist/cjs/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/cjs/MapBoxClasses/XyoMapSettings.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XyoMapSettings = void 0;
+const mapbox_gl_1 = require("mapbox-gl");
+/**
+ * Utility class to handle changes in settings
+ *
+ * Methods are pure functions dedicated to map manipulation
+ */
+class XyoMapSettings {
+    static updateSettings(config) {
+        const { settings, map, zoom, requestLocation, debugLayerName = '' } = config;
+        const { scrollToZoom, enableControls, debugLayer, debugLogging } = settings;
+        XyoMapSettings.toggleControls(enableControls === null || enableControls === void 0 ? void 0 : enableControls.value, map, zoom, requestLocation)
+            .toggleScrollToZoom(scrollToZoom === null || scrollToZoom === void 0 ? void 0 : scrollToZoom.value, map)
+            .toggleDebugLayer(debugLayer === null || debugLayer === void 0 ? void 0 : 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 mapbox_gl_1.GeolocateControl({
+            fitBoundsOptions: {
+                zoom: zoom || 2,
+            },
+            positionOptions: {
+                enableHighAccuracy: true,
+            },
+            trackUserLocation: true,
+        });
+        const navControl = new mapbox_gl_1.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;
+    }
+}
+exports.XyoMapSettings = XyoMapSettings;
+XyoMapSettings.mapListeners = {
+    logData: (ev, map) => {
+        const target = map || (ev === null || ev === void 0 ? void 0 : ev.target);
+        if (target) {
+            console.log('zoom', target.getZoom());
+            console.log('center', target.getCenter());
+        }
+    },
+};
+//# sourceMappingURL=XyoMapSettings.js.map

package/dist/cjs/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/cjs/MapBoxClasses/index.d.ts

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

package/dist/cjs/MapBoxClasses/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./XyoMapBase"), exports);
+tslib_1.__exportStar(require("./XyoMapHeat"), exports);
+tslib_1.__exportStar(require("./XyoMapPoints"), exports);
+tslib_1.__exportStar(require("./XyoMapSettings"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MapBoxClasses/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,uDAA4B;AAC5B,yDAA8B;AAC9B,2DAAgC"}

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

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

package/dist/cjs/Settings/DefaultMapSettings.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultMapSettings = void 0;
+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,
+    },
+});
+exports.DefaultMapSettings = DefaultMapSettings;
+//# sourceMappingURL=DefaultMapSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultMapSettings.js","sourceRoot":"","sources":["../../../src/Settings/DefaultMapSettings.ts"],"names":[],"mappings":";;;AAEO,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;AAxCW,QAAA,kBAAkB,sBAwC7B"}

package/dist/cjs/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/cjs/Settings/MapSetting.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=MapSetting.js.map

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

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

package/dist/cjs/Settings/index.d.ts

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

package/dist/cjs/Settings/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DefaultMapSettings"), exports);
+tslib_1.__exportStar(require("./MapSetting"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/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/cjs/hooks/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useDynamicPositioning"), exports);
+tslib_1.__exportStar(require("./useFetchPayloads"), exports);
+tslib_1.__exportStar(require("./useFindHashes"), exports);
+tslib_1.__exportStar(require("./useHeatMapColors"), exports);
+tslib_1.__exportStar(require("./useQuadKeyPayloadsToFeatures"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,kEAAuC;AACvC,6DAAkC;AAClC,0DAA+B;AAC/B,6DAAkC;AAClC,yEAA8C"}

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

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

package/dist/cjs/hooks/useDynamicPositioning.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDynamicPositioning = void 0;
+const react_shared_1 = require("@xylabs/react-shared");
+const react_1 = require("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] = (0, react_1.useState)({});
+    const { width, height } = (0, react_shared_1.useWindowSize)();
+    (0, react_1.useEffect)(() => {
+        if (width && height) {
+            const aspectRatio = width / height;
+            setOptions({
+                center: [linearInterpolate(aspectRatio, lngRange), linearInterpolate(aspectRatio, latRange)],
+                zoom: defaultZoom,
+            });
+        }
+    }, [height, width]);
+    return { options };
+};
+exports.useDynamicPositioning = useDynamicPositioning;
+//# sourceMappingURL=useDynamicPositioning.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDynamicPositioning.js","sourceRoot":"","sources":["../../../src/hooks/useDynamicPositioning.tsx"],"names":[],"mappings":";;;AAAA,uDAAoD;AAEpD,iCAA2C;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,IAAA,gBAAQ,EAAyB,EAAE,CAAC,CAAA;IAClE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAA,4BAAa,GAAE,CAAA;IAEzC,IAAA,iBAAS,EAAC,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;AAEQ,sDAAqB"}

package/dist/cjs/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 };