@xyo-network/react-map 2.62.3 → 2.63.1

package/dist/cjs/AnimatedHeatMapSettings.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedHeatMapSettings = void 0;
+const Settings_1 = require("./Settings");
+exports.AnimatedHeatMapSettings = (0, Settings_1.DefaultMapSettings)();
+const { debugLayer, scrollToZoom, fitToPoints, preferDark } = exports.AnimatedHeatMapSettings;
+debugLayer.hidden = false;
+scrollToZoom.value = true;
+fitToPoints.value = false;
+preferDark.value = true;
+//# sourceMappingURL=AnimatedHeatMapSettings.js.map

package/dist/cjs/AnimatedHeatMapSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedHeatMapSettings.js","sourceRoot":"","sources":["../../src/AnimatedHeatMapSettings.ts"],"names":[],"mappings":";;;AAAA,yCAA+C;AAElC,QAAA,uBAAuB,GAAG,IAAA,6BAAkB,GAAE,CAAA;AAC3D,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,+BAAuB,CAAA;AACrF,UAAU,CAAC,MAAM,GAAG,KAAK,CAAA;AACzB,YAAY,CAAC,KAAK,GAAG,IAAI,CAAA;AACzB,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;AACzB,UAAU,CAAC,KAAK,GAAG,IAAI,CAAA"}

package/dist/cjs/Colors/MapColorProps.js

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

package/dist/cjs/Colors/MapColorProps.js.map

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

package/dist/cjs/Colors/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Colors/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B"}

package/dist/cjs/Components/AnimatedHeatMap.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedHeatMap = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_1 = require("react");
+const Contexts_1 = require("../Contexts");
+const Layers_1 = require("../Layers");
+const MapBoxHeat_1 = require("./MapBoxHeat");
+const AnimatedHeatMap = (_a) => {
+    var { accessToken, animatedFeatureSets, defaultMapSettings, heatMapColorProps, staticFeatureSet } = _a, props = tslib_1.__rest(_a, ["accessToken", "animatedFeatureSets", "defaultMapSettings", "heatMapColorProps", "staticFeatureSet"]);
+    const theme = (0, material_1.useTheme)();
+    const { staticMapColor, lowUsageColor, highUsageColor } = heatMapColorProps || {};
+    const localStaticMapColor = staticMapColor !== null && staticMapColor !== void 0 ? staticMapColor : theme.palette.primary.light;
+    const [layers] = (0, react_1.useState)([
+        (0, Layers_1.LocationHeatMapLayerBuilderAnimated)(localStaticMapColor, 0, 'static'),
+        (0, Layers_1.LocationHeatMapLayerBuilderAnimated)(lowUsageColor || localStaticMapColor, 0, 'animated'),
+        (0, Layers_1.LocationHeatMapLayerBuilderAnimated)(highUsageColor || (0, material_1.darken)(localStaticMapColor, 0.9), 1, 'animated'),
+    ]);
+    return (animatedFeatureSets === null || animatedFeatureSets === void 0 ? void 0 : animatedFeatureSets.length) ? ((0, jsx_runtime_1.jsx)(Contexts_1.MapBoxInstanceProvider, { children: (0, jsx_runtime_1.jsx)(Contexts_1.MapSettingsProvider, Object.assign({ defaultMapSettings: defaultMapSettings, debugLayerName: Layers_1.MapHeatConstants.LocationDebugLayerId }, { children: (0, jsx_runtime_1.jsx)(Contexts_1.HeatMapInitializerProvider, Object.assign({ features: staticFeatureSet, layers: [layers[0]], featureSets: animatedFeatureSets, featureSetsLayers: layers.slice(1, 3), heatMapColorProps: heatMapColorProps }, { children: (0, jsx_runtime_1.jsx)(MapBoxHeat_1.MapboxHeatFlexBox, Object.assign({ accessToken: accessToken }, props)) })) })) })) : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, { minHeight: 160, minWidth: 160, busy: true }));
+};
+exports.AnimatedHeatMap = AnimatedHeatMap;
+//# sourceMappingURL=AnimatedHeatMap.js.map

package/dist/cjs/Components/AnimatedHeatMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedHeatMap.js","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMap.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAgD;AAChD,yDAA+C;AAG/C,iCAAgC;AAGhC,0CAAqG;AACrG,sCAA2F;AAE3F,6CAAgD;AAUzC,MAAM,eAAe,GAAiD,CAAC,EAO7E,EAAE,EAAE;QAPyE,EAC5E,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,OAEjB,EADI,KAAK,sBANoE,qGAO7E,CADS;IAER,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,iBAAiB,IAAI,EAAE,CAAA;IACjF,MAAM,mBAAmB,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAA;IAEzE,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAa;QACpC,IAAA,4CAAmC,EAAC,mBAAmB,EAAE,CAAC,EAAE,QAAQ,CAAC;QACrE,IAAA,4CAAmC,EAAC,aAAa,IAAI,mBAAmB,EAAE,CAAC,EAAE,UAAU,CAAC;QACxF,IAAA,4CAAmC,EAAC,cAAc,IAAI,IAAA,iBAAM,EAAC,mBAAmB,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC;KACvG,CAAC,CAAA;IAEF,OAAO,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,MAAM,EAAC,CAAC,CAAC,CACnC,uBAAC,iCAAsB,cACrB,uBAAC,8BAAmB,kBAAC,kBAAkB,EAAE,kBAAkB,EAAE,cAAc,EAAE,yBAAgB,CAAC,oBAAoB,gBAChH,uBAAC,qCAA0B,kBACzB,QAAQ,EAAE,gBAAgB,EAC1B,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EACnB,WAAW,EAAE,mBAAmB,EAChC,iBAAiB,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EACrC,iBAAiB,EAAE,iBAAiB,gBAEpC,uBAAC,8BAAiB,kBAAC,WAAW,EAAE,WAAW,IAAM,KAAK,EAAsB,IACjD,IACT,GACC,CAC1B,CAAC,CAAC,CAAC,CACF,uBAAC,uBAAO,IAAC,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,SAAG,CAChD,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,eAAe,mBAmC3B"}

package/dist/cjs/Components/AnimatedHeatMapLoaded.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedHeatMapLoaded = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_archivist_1 = require("@xyo-network/react-archivist");
+const AnimatedHeatMapSettings_1 = require("../AnimatedHeatMapSettings");
+const hooks_1 = require("../hooks");
+const AnimatedHeatMap_1 = require("./AnimatedHeatMap");
+const Legend_1 = require("./Legend");
+const AnimatedHeatMapLoaded = (_a) => {
+    var { accessToken, archivistNameOrAddress } = _a, props = tslib_1.__rest(_a, ["accessToken", "archivistNameOrAddress"]);
+    const hashes = (0, hooks_1.useFindHashes)();
+    const [archivist] = (0, react_archivist_1.useArchivistFromNode)(archivistNameOrAddress);
+    const [payloads, xyoError] = (0, react_archivist_1.useArchivistGet)(archivist, hashes);
+    const { multipleFeatureSets } = (0, hooks_1.useQuadKeyPayloadsToFeatures)(payloads);
+    const { heatMapColorProps, legendProps } = (0, hooks_1.useHeatMapColors)();
+    const MapBoxHeatProps = {
+        flexGrow: 1,
+        legend: legendProps ? (0, jsx_runtime_1.jsx)(Legend_1.AnimatedHeatMapLegend, Object.assign({}, legendProps)) : null,
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: [xyoError ? ((0, jsx_runtime_1.jsxs)(material_1.Alert, Object.assign({ sx: { mt: 2 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.AlertTitle, { children: "Error Loading Map" }), xyoError.message ? `Error: ${xyoError.message}` : null, "You might try authenticating again."] }))) : null, hashes !== undefined ? ((0, jsx_runtime_1.jsx)(AnimatedHeatMap_1.AnimatedHeatMap, Object.assign({ accessToken: accessToken, defaultMapSettings: AnimatedHeatMapSettings_1.AnimatedHeatMapSettings, animatedFeatureSets: multipleFeatureSets.slice(1, multipleFeatureSets.length), staticFeatureSet: multipleFeatureSets[0], heatMapColorProps: heatMapColorProps }, MapBoxHeatProps))) : ((0, jsx_runtime_1.jsx)(material_1.Alert, { children: "Missing answer hash for heat map query" }))] })));
+};
+exports.AnimatedHeatMapLoaded = AnimatedHeatMapLoaded;
+//# sourceMappingURL=AnimatedHeatMapLoaded.js.map

package/dist/cjs/Components/AnimatedHeatMapLoaded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedHeatMapLoaded.js","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMapLoaded.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAiD;AACjD,yDAA6D;AAC7D,kEAAoF;AAGpF,wEAAoE;AACpE,oCAAwF;AAExF,uDAAmD;AACnD,qCAAgD;AAOzC,MAAM,qBAAqB,GAAyC,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAE,WAAW,EAAE,sBAAsB,OAAY,EAAP,KAAK,sBAA/C,yCAAiD,CAAF;IACzH,MAAM,MAAM,GAAG,IAAA,qBAAa,GAAE,CAAA;IAC9B,MAAM,CAAC,SAAS,CAAC,GAAG,IAAA,sCAAoB,EAAC,sBAAsB,CAAC,CAAA;IAChE,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,IAAA,iCAAe,EAA6C,SAAS,EAAE,MAAM,CAAC,CAAA;IAC3G,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,oCAA4B,EAAC,QAAQ,CAAC,CAAA;IACtE,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAA;IAE7D,MAAM,eAAe,GAAG;QACtB,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,uBAAC,8BAAqB,oBAAK,WAAW,EAAI,CAAC,CAAC,CAAC,IAAI;KACxE,CAAA;IAED,OAAO,CACL,wBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACpC,QAAQ,CAAC,CAAC,CAAC,CACV,wBAAC,gBAAK,kBAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,iBAClB,uBAAC,qBAAU,oCAA+B,EACzC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,4CAEjD,CACT,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,uBAAC,iCAAe,kBACd,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,iDAAuB,EAC3C,mBAAmB,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAyB,EACrG,gBAAgB,EAAE,mBAAmB,CAAC,CAAC,CAAuB,EAC9D,iBAAiB,EAAE,iBAAiB,IAChC,eAAe,EACnB,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAK,yDAA+C,CACtD,KACO,CACX,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,qBAAqB,yBAmCjC"}

package/dist/cjs/Components/FeaturesToLayersMap.js

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

package/dist/cjs/Components/FeaturesToLayersMap.js.map

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

package/dist/cjs/Components/HeatMapSettings.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeatMapSettings = void 0;
+const Settings_1 = require("../Settings");
+const HeatMapSettings = (0, Settings_1.DefaultMapSettings)();
+exports.HeatMapSettings = HeatMapSettings;
+const { debugLayer, scrollToZoom, fitToPoints } = HeatMapSettings;
+debugLayer.hidden = false;
+scrollToZoom.value = true;
+fitToPoints.value = true;
+//# sourceMappingURL=HeatMapSettings.js.map

package/dist/cjs/Components/HeatMapSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatMapSettings.js","sourceRoot":"","sources":["../../../src/Components/HeatMapSettings.ts"],"names":[],"mappings":";;;AAAA,0CAAgD;AAEhD,MAAM,eAAe,GAAG,IAAA,6BAAkB,GAAE,CAAA;AAMnC,0CAAe;AALxB,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,eAAe,CAAA;AACjE,UAAU,CAAC,MAAM,GAAG,KAAK,CAAA;AACzB,YAAY,CAAC,KAAK,GAAG,IAAI,CAAA;AACzB,WAAW,CAAC,KAAK,GAAG,IAAI,CAAA"}

package/dist/cjs/Components/LayerAnimator.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayerAnimator = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_shared_1 = require("@xylabs/react-shared");
+const react_1 = require("react");
+const timeIncrement = 2000;
+const animatedLayerCount = 3;
+const LayerAnimator = ({ animateLayers, children, layers, layersInitialized, map }) => {
+    const [fillLayers, setFillLayers] = (0, react_1.useState)([]);
+    const layerIndexQueue = (0, react_1.useRef)([]);
+    const incrementQueue = (0, react_1.useCallback)((index) => {
+        if (fillLayers[index]) {
+            layerIndexQueue.current.push(index);
+        }
+        else {
+            layerIndexQueue.current.push(0);
+        }
+        return layerIndexQueue.current.at(-1);
+    }, [fillLayers]);
+    const lastQueuedIndex = (0, react_1.useCallback)(() => {
+        const last = layerIndexQueue.current.at(-1);
+        if (last === undefined) {
+            incrementQueue(0);
+            return 0;
+        }
+        else {
+            return last;
+        }
+    }, [incrementQueue]);
+    const unshiftQueue = (0, react_1.useCallback)(() => {
+        layerIndexQueue.current.shift();
+    }, []);
+    const getNextLayer = (0, react_1.useCallback)(() => {
+        const nextLayer = fillLayers[lastQueuedIndex()];
+        incrementQueue(lastQueuedIndex() + 1);
+        return nextLayer;
+    }, [fillLayers, incrementQueue, lastQueuedIndex]);
+    const layerAnimateWorker = (0, react_1.useCallback)((layer) => {
+        if (layer) {
+            map === null || map === void 0 ? void 0 : map.setPaintProperty(layer.id, 'fill-opacity', 0.85);
+            setTimeout(() => {
+                map === null || map === void 0 ? void 0 : map.setPaintProperty(layer.id, 'fill-opacity', 0);
+                unshiftQueue();
+            }, timeIncrement * 2);
+        }
+        else {
+            console.warn('tried to queue an empty layer');
+        }
+    }, [map, unshiftQueue]);
+    (0, react_1.useEffect)(() => {
+        if ((layers === null || layers === void 0 ? void 0 : layers.length) && map && layersInitialized) {
+            // Only animate fill layers for now
+            setFillLayers(layers.filter((layer) => {
+                const fillLayer = layer.id.startsWith('location-fill');
+                if (fillLayer) {
+                    map.setPaintProperty(layer.id, 'fill-opacity-transition', { delay: 0, duration: 4000 });
+                }
+                return fillLayer;
+            }));
+        }
+    }, [layers, layersInitialized, map]);
+    //
+    const queueLayerAnimation = (0, react_1.useCallback)(() => {
+        const animatedLayers = [];
+        for (let i = 0; i < animatedLayerCount; i++) {
+            animatedLayers.push(getNextLayer());
+        }
+        animatedLayers.forEach((layer, index) => {
+            if (index === 0) {
+                layerAnimateWorker(layer);
+            }
+            else {
+                setTimeout(() => {
+                    layerAnimateWorker(layer);
+                }, timeIncrement * index);
+            }
+        });
+    }, [getNextLayer, layerAnimateWorker]);
+    // Run a single layer animation before the interval kicks in
+    (0, react_1.useEffect)(() => {
+        if (animateLayers && layersInitialized && map && fillLayers.length) {
+            queueLayerAnimation();
+        }
+    }, [animateLayers, fillLayers.length, layersInitialized, map, queueLayerAnimation]);
+    (0, react_shared_1.useInterval)(() => {
+        if (animateLayers && layersInitialized && map && fillLayers.length) {
+            queueLayerAnimation();
+        }
+    }, timeIncrement * animatedLayerCount);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+};
+exports.LayerAnimator = LayerAnimator;
+//# sourceMappingURL=LayerAnimator.js.map

package/dist/cjs/Components/LayerAnimator.js.map

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

package/dist/cjs/Components/Legend.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedHeatMapLegend = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const Legends_1 = require("./Legends");
+const AnimatedHeatMapLegend = (_a) => {
+    var legendProps = tslib_1.__rest(_a, []);
+    const { startColor, endColor, startLabel, endLabel, heading, textColor } = legendProps;
+    const theme = (0, material_1.useTheme)();
+    const isSmall = (0, material_1.useMediaQuery)(theme.breakpoints.down('sm'));
+    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ position: "absolute", bottom: 0, right: 0 }, { children: (0, jsx_runtime_1.jsx)(Legends_1.ColorGradientLegend, Object.assign({ startColor: startColor, endColor: endColor, startLabel: startLabel, endLabel: endLabel, heading: heading, textColor: textColor }, {
+            alignItems: 'stretch',
+            marginBottom: theme.spacing(4),
+            marginLeft: isSmall ? theme.spacing(3) : 0,
+            marginRight: isSmall ? theme.spacing(2) : theme.spacing(3),
+            width: isSmall ? '40vw' : theme.spacing(18),
+        })) })));
+};
+exports.AnimatedHeatMapLegend = AnimatedHeatMapLegend;
+//# sourceMappingURL=Legend.js.map

package/dist/cjs/Components/Legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../../src/Components/Legend.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,yDAA+C;AAG/C,uCAA+C;AAE/C,MAAM,qBAAqB,GAAuC,CAAC,EAAkB,EAAE,EAAE;QAAjB,WAAW,sBAAhB,EAAkB,CAAF;IACjF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,WAAW,CAAA;IACtF,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,OAAO,GAAG,IAAA,wBAAa,EAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAE3D,OAAO,CACL,uBAAC,uBAAO,kBAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,gBAC9C,uBAAC,6BAAmB,kBAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAChB;YACF,UAAU,EAAE,SAAS;YACrB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAC9B,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1C,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAC1D,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;SAC5C,EACD,IACM,CACX,CAAA;AACH,CAAC,CAAA;AAEQ,sDAAqB"}

package/dist/cjs/Components/Legends/ColorGradient.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorGradientLegend = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const ColorGradientLegend = (_a) => {
+    var { startColor, endColor, startLabel, endLabel, heading, textColor } = _a, props = tslib_1.__rest(_a, ["startColor", "endColor", "startLabel", "endLabel", "heading", "textColor"]);
+    const theme = (0, material_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ mb: theme.spacing(0.25), color: textColor, variant: "caption", textAlign: "center" }, { children: heading })), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ flexGrow: 1, alignItems: "stretch", paddingX: theme.spacing(1), mb: theme.spacing(0.25) }, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, { height: theme.spacing(0.75), border: `1px solid ${textColor}`, sx: { backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` } }) })), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ flexGrow: 1, justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ color: textColor, variant: "caption" }, { children: startLabel })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ color: textColor, variant: "caption" }, { children: endLabel }))] }))] })));
+};
+exports.ColorGradientLegend = ColorGradientLegend;
+//# sourceMappingURL=ColorGradient.js.map

package/dist/cjs/Components/Legends/ColorGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorGradient.js","sourceRoot":"","sources":["../../../../src/Components/Legends/ColorGradient.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoD;AACpD,yDAAwD;AAIxD,MAAM,mBAAmB,GAAuC,CAAC,EAA4E,EAAE,EAAE;QAAhF,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,OAAY,EAAP,KAAK,sBAA1E,4EAA4E,CAAF;IACzI,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,CACL,wBAAC,uBAAO,oBAAK,KAAK,eAChB,uBAAC,qBAAU,kBAAC,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,gBACxF,OAAO,IACG,EACb,uBAAC,uBAAO,kBAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,gBAC5F,uBAAC,uBAAO,IACN,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,MAAM,EAAE,aAAa,SAAS,EAAE,EAChC,EAAE,EAAE,EAAE,eAAe,EAAE,6BAA6B,UAAU,IAAI,QAAQ,GAAG,EAAE,GAC/E,IACM,EACV,wBAAC,uBAAO,kBAAC,QAAQ,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe,iBAClD,uBAAC,qBAAU,kBAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAC,SAAS,gBAC5C,UAAU,IACA,EACb,uBAAC,qBAAU,kBAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAC,SAAS,gBAC5C,QAAQ,IACE,KACL,KACF,CACX,CAAA;AACH,CAAC,CAAA;AAEQ,kDAAmB"}

package/dist/cjs/Components/Legends/index.js

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

package/dist/cjs/Components/Legends/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Legends/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B"}

package/dist/cjs/Components/MapBox.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapBox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+// eslint-disable-next-line import/no-internal-modules
+require("mapbox-gl/dist/mapbox-gl.css");
+const mapbox_gl_1 = require("mapbox-gl");
+const react_1 = require("react");
+const Contexts_1 = require("../Contexts");
+const hooks_1 = require("../hooks");
+const lib_1 = require("../lib");
+const MapBox = (_a) => {
+    var { accessToken, darkMode = false, options, zoom = 2 } = _a, props = tslib_1.__rest(_a, ["accessToken", "darkMode", "options", "zoom"]);
+    const [map, setMap] = (0, react_1.useState)();
+    const mapContainerRef = (0, react_1.useRef)(null);
+    const mapCanvasRef = (0, react_1.useRef)(null);
+    const { setMapBoxInstance, map: mapInstance } = (0, Contexts_1.useMapBoxInstance)();
+    const { mapSettings } = (0, Contexts_1.useMapSettings)();
+    const activeResize = mapSettings === null || mapSettings === void 0 ? void 0 : mapSettings.dynamicMapResize.value;
+    (0, hooks_1.useDynamicMapResize)(mapContainerRef, mapCanvasRef, mapInstance, activeResize);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (((_a = mapSettings === null || mapSettings === void 0 ? void 0 : mapSettings.preferDark) === null || _a === void 0 ? void 0 : _a.value) === true) {
+            map === null || map === void 0 ? void 0 : map.setStyle(`mapbox://styles/${lib_1.MapStyle.Dark}`);
+        }
+        else {
+            map === null || map === void 0 ? void 0 : map.setStyle(`mapbox://styles/${darkMode ? lib_1.MapStyle.Dark : lib_1.MapStyle.Light}`);
+        }
+    }, [map, darkMode, mapSettings]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        const map = new mapbox_gl_1.Map(Object.assign({ accessToken, center: [0, 0], container: (_a = mapContainerRef.current) !== null && _a !== void 0 ? _a : '', style: `mapbox://styles/${lib_1.MapStyle.Light}`, zoom }, options));
+        // Allow external components to control the map
+        setMapBoxInstance === null || setMapBoxInstance === void 0 ? void 0 : setMapBoxInstance(map);
+        setMap(map);
+        // save the map canvas ref to help with resizing
+        mapCanvasRef.current = document.querySelector('.mapboxgl-canvas');
+        console.log('Created Map');
+        return () => {
+            console.log('Removing Map');
+            map.remove();
+        };
+    }, [mapContainerRef, setMap, options, zoom, setMapBoxInstance, accessToken]);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: (el) => (mapContainerRef.current = el), style: Object.assign({ bottom: 0, left: 0, position: 'absolute', right: 0, top: 0 }, props) }));
+};
+exports.MapBox = MapBox;
+//# sourceMappingURL=MapBox.js.map

package/dist/cjs/Components/MapBox.js.map

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

package/dist/cjs/Components/MapBoxHeat.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapboxHeatFlexBox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const MapBox_1 = require("./MapBox");
+const MapSettingsComponents_1 = require("./MapSettingsComponents");
+const MapboxHeatFlexBox = (_a) => {
+    var { accessToken, children, mapBoxOptions, zoom, legend, developerMode } = _a, props = tslib_1.__rest(_a, ["accessToken", "children", "mapBoxOptions", "zoom", "legend", "developerMode"]);
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(MapBox_1.MapBox, { accessToken: accessToken, options: mapBoxOptions, zoom: zoom }), (0, jsx_runtime_1.jsx)(MapSettingsComponents_1.MapSettingsBox, { developerMode: developerMode }), legend, children] })));
+};
+exports.MapboxHeatFlexBox = MapboxHeatFlexBox;
+//# sourceMappingURL=MapBoxHeat.js.map

package/dist/cjs/Components/MapBoxHeat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapBoxHeat.js","sourceRoot":"","sources":["../../../src/Components/MapBoxHeat.tsx"],"names":[],"mappings":";;;;;AAAA,yDAA+C;AAG/C,qCAAiC;AACjC,mEAAwD;AAEjD,MAAM,iBAAiB,GAAiC,CAAC,EAA+E,EAAE,EAAE;QAAnF,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,OAAY,EAAP,KAAK,sBAA7E,+EAA+E,CAAF;IAC3I,OAAO,CACL,wBAAC,uBAAO,oBAAK,KAAK,eAChB,uBAAC,eAAM,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,GAAI,EACxE,uBAAC,sCAAc,IAAC,aAAa,EAAE,aAAa,GAAI,EAC/C,MAAM,EACN,QAAQ,KACD,CACX,CAAA;AACH,CAAC,CAAA;AATY,QAAA,iBAAiB,qBAS7B"}

package/dist/cjs/Components/MapBoxPoints.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapboxPointsFlexBox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_1 = require("react");
+const Contexts_1 = require("../Contexts");
+const MapBoxClasses_1 = require("../MapBoxClasses");
+const MapBox_1 = require("./MapBox");
+const MapSettingsComponents_1 = require("./MapSettingsComponents");
+const MapboxPointsFlexBox = (_a) => {
+    var { accessToken, features, fitToPointsPadding = 20, layers, zoom } = _a, props = tslib_1.__rest(_a, ["accessToken", "features", "fitToPointsPadding", "layers", "zoom"]);
+    const [mapPoints, setMapPoints] = (0, react_1.useState)();
+    const { mapSettings } = (0, Contexts_1.useMapSettings)();
+    const { map, mapInitialized } = (0, Contexts_1.useMapBoxInstance)();
+    /**
+     * Needed because of a bug in mapbox taking undefined values for the config options of fitToBounds
+     * see - https://github.com/mapbox/mapbox-gl-js/issues/10013
+     */
+    const customFitToBoundsOptions = (zoom) => {
+        if (zoom !== undefined) {
+            return {
+                maxZoom: zoom,
+            };
+        }
+        return {};
+    };
+    const updateFeatures = (0, react_1.useCallback)(() => {
+        if ((mapPoints === null || mapPoints === void 0 ? void 0 : mapPoints.isMapReady) && (features === null || features === void 0 ? void 0 : features.length)) {
+            layers === null || layers === void 0 ? void 0 : layers.forEach((layer) => {
+                mapPoints.initializeMapSource(layer);
+            });
+        }
+    }, [mapPoints, features, layers]);
+    const updateMapSetup = (0, react_1.useCallback)(() => {
+        const { fitToPoints } = mapSettings || {};
+        if (mapPoints && map) {
+            if ((fitToPoints === null || fitToPoints === void 0 ? void 0 : fitToPoints.value) === true) {
+                mapPoints.initialMapPositioning(Object.assign({ padding: fitToPointsPadding }, customFitToBoundsOptions(zoom)));
+            }
+        }
+    }, [mapSettings, mapPoints, map, fitToPointsPadding, zoom]);
+    const reInitializeMap = (0, react_1.useCallback)(() => {
+        mapPoints === null || mapPoints === void 0 ? void 0 : mapPoints.initialMapPositioning(Object.assign({ padding: fitToPointsPadding }, customFitToBoundsOptions(zoom)));
+        updateFeatures();
+    }, [mapPoints, fitToPointsPadding, updateFeatures, zoom]);
+    (0, react_1.useEffect)(() => {
+        if (map && (features === null || features === void 0 ? void 0 : features.length)) {
+            setMapPoints(new MapBoxClasses_1.MapPoints({ features, map, zoom }));
+        }
+    }, [map, features, zoom]);
+    (0, react_1.useEffect)(() => {
+        if (mapInitialized) {
+            updateMapSetup();
+            reInitializeMap();
+        }
+    }, [mapInitialized, reInitializeMap, updateMapSetup]);
+    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch", id: "xyo-mapbox-wrap" }, props, { children: features ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MapBox_1.MapBox, { accessToken: accessToken, zoom: zoom }), (0, jsx_runtime_1.jsx)(MapSettingsComponents_1.MapSettingsBox, {})] })) : ((0, jsx_runtime_1.jsx)(material_1.Alert, Object.assign({ severity: "error" }, { children: "No data to show" }))) })));
+};
+exports.MapboxPointsFlexBox = MapboxPointsFlexBox;
+//# sourceMappingURL=MapBoxPoints.js.map

package/dist/cjs/Components/MapBoxPoints.js.map

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

package/dist/cjs/Components/MapSettingsComponents/Setting.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapSettingSwitch = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Contexts_1 = require("../../Contexts");
+const MapSettingSwitch = (_a) => {
+    var { developerMode, field } = _a, props = tslib_1.__rest(_a, ["developerMode", "field"]);
+    const { mapSettings, setMapSettings } = (0, Contexts_1.useMapSettings)();
+    const setting = mapSettings === null || mapSettings === void 0 ? void 0 : mapSettings[field];
+    const onLocalChange = (event) => {
+        if (setting) {
+            setMapSettings === null || setMapSettings === void 0 ? void 0 : setMapSettings((previous) => {
+                previous[setting.field].value = event.target.checked;
+                return Object.assign({}, previous);
+            });
+        }
+    };
+    if ((setting === null || setting === void 0 ? void 0 : setting.devMode) && developerMode === false) {
+        return null;
+    }
+    return (setting === null || setting === void 0 ? void 0 : setting.hidden) ? null : ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { label: setting === null || setting === void 0 ? void 0 : setting.label, control: (0, jsx_runtime_1.jsx)(material_1.Switch, Object.assign({ checked: setting === null || setting === void 0 ? void 0 : setting.value, onChange: onLocalChange }, props)) }));
+};
+exports.MapSettingSwitch = MapSettingSwitch;
+//# sourceMappingURL=Setting.js.map

package/dist/cjs/Components/MapSettingsComponents/Setting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Setting.js","sourceRoot":"","sources":["../../../../src/Components/MapSettingsComponents/Setting.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqE;AAErE,6CAA+C;AAOxC,MAAM,gBAAgB,GAAoC,CAAC,EAAkC,EAAE,EAAE;QAAtC,EAAE,aAAa,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAhC,0BAAkC,CAAF;IAChG,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IACxD,MAAM,OAAO,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,KAAK,CAAC,CAAA;IAEpC,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,EAAE;QACnE,IAAI,OAAO,EAAE;YACX,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,QAAQ,EAAE,EAAE;gBAC5B,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAA;gBACpD,yBAAY,QAAQ,EAAE;YACxB,CAAC,CAAC,CAAA;SACH;IACH,CAAC,CAAA;IAED,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,aAAa,KAAK,KAAK,EAAE;QAC/C,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC9B,uBAAC,2BAAgB,IAAC,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EAAE,OAAO,EAAE,uBAAC,iBAAM,kBAAC,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,IAAM,KAAK,EAAI,GAAI,CAC9H,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,gBAAgB,oBAoB5B"}

package/dist/cjs/Components/MapSettingsComponents/SettingsBox.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapSettingsBox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_app_settings_1 = require("@xyo-network/react-app-settings");
+const Contexts_1 = require("../../Contexts");
+const Setting_1 = require("./Setting");
+const MapSettingsBox = (_a) => {
+    var { developerMode } = _a, props = tslib_1.__rest(_a, ["developerMode"]);
+    const { mapSettings } = (0, Contexts_1.useMapSettings)();
+    const { developerMode: devModeFromContext } = (0, react_app_settings_1.useAppSettings)();
+    const resolveDeveloperMode = developerMode !== null && developerMode !== void 0 ? developerMode : devModeFromContext;
+    return mapSettings && resolveDeveloperMode ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowRow, Object.assign({ bottom: 36, left: 10, position: "absolute" }, props, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ paddingX: 2 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, { children: (0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ direction: "row", spacing: 1, marginX: 1 }, { children: Object.keys(mapSettings).map((key, index) => {
+                        return (0, jsx_runtime_1.jsx)(Setting_1.MapSettingSwitch, { field: mapSettings[key].field, developerMode: developerMode }, index);
+                    }) })) }) })) }))) : null;
+};
+exports.MapSettingsBox = MapSettingsBox;
+//# sourceMappingURL=SettingsBox.js.map

package/dist/cjs/Components/MapSettingsComponents/SettingsBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsBox.js","sourceRoot":"","sources":["../../../../src/Components/MapSettingsComponents/SettingsBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4C;AAC5C,yDAA0E;AAC1E,wEAAgE;AAEhE,6CAA+C;AAC/C,uCAA4C;AAMrC,MAAM,cAAc,GAAkC,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,aAAa,OAAY,EAAP,KAAK,sBAAzB,iBAA2B,CAAF;IACrF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IACxC,MAAM,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,IAAA,mCAAc,GAAE,CAAA;IAC9D,MAAM,oBAAoB,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,kBAAkB,CAAA;IAEhE,OAAO,WAAW,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAC3C,uBAAC,2BAAW,kBAAC,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAC,UAAU,IAAK,KAAK,cAC9D,uBAAC,uBAAO,kBAAC,QAAQ,EAAE,CAAC,gBAClB,uBAAC,gBAAK,cACJ,uBAAC,gBAAK,kBAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,gBAC1C,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;wBAC3C,OAAO,uBAAC,0BAAgB,IAAa,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,IAAlE,KAAK,CAAiE,CAAA;oBACtG,CAAC,CAAC,IACI,GACF,IACA,IACE,CACf,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAlBY,QAAA,cAAc,kBAkB1B"}

package/dist/cjs/Components/MapSettingsComponents/index.js

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

package/dist/cjs/Components/MapSettingsComponents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/MapSettingsComponents/index.tsx"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,wDAA6B"}

package/dist/cjs/Components/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./AnimatedHeatMap"), exports);
+tslib_1.__exportStar(require("./AnimatedHeatMapLoaded"), exports);
+tslib_1.__exportStar(require("./FeaturesToLayersMap"), exports);
+tslib_1.__exportStar(require("./HeatMapSettings"), exports);
+tslib_1.__exportStar(require("./LayerAnimator"), exports);
+tslib_1.__exportStar(require("./Legend"), exports);
+tslib_1.__exportStar(require("./Legends"), exports);
+tslib_1.__exportStar(require("./MapBox"), exports);
+tslib_1.__exportStar(require("./MapBoxHeat"), exports);
+tslib_1.__exportStar(require("./MapBoxPoints"), exports);
+tslib_1.__exportStar(require("./MapSettingsComponents"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/index.ts"],"names":[],"mappings":";;;AAAA,4DAAiC;AACjC,kEAAuC;AACvC,gEAAqC;AACrC,4DAAiC;AACjC,0DAA+B;AAC/B,mDAAwB;AACxB,oDAAyB;AACzB,mDAAwB;AACxB,uDAA4B;AAC5B,yDAA8B;AAC9B,kEAAuC"}

package/dist/cjs/Contexts/HeatMapInitializer/Context.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeatMapInitializerContext = void 0;
+const react_1 = require("react");
+const HeatMapInitializerContext = (0, react_1.createContext)({});
+exports.HeatMapInitializerContext = HeatMapInitializerContext;
+//# sourceMappingURL=Context.js.map

package/dist/cjs/Contexts/HeatMapInitializer/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/Contexts/HeatMapInitializer/Context.ts"],"names":[],"mappings":";;;AAAA,iCAAqC;AAIrC,MAAM,yBAAyB,GAAG,IAAA,qBAAa,EAA0B,EAAE,CAAC,CAAA;AAEnE,8DAAyB"}

package/dist/cjs/Contexts/HeatMapInitializer/Provider.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeatMapInitializerProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const forget_1 = require("@xylabs/forget");
+const react_1 = require("react");
+const hooks_1 = require("../../hooks");
+const MapBoxClasses_1 = require("../../MapBoxClasses");
+const MapBoxInstance_1 = require("../MapBoxInstance");
+const MapSettings_1 = require("../MapSettings");
+const Context_1 = require("./Context");
+const HeatMapInitializerProvider = ({ children, featureSets, featureSetsLayers, features, fitToPadding, heatMapColorProps, layers, zoom, }) => {
+    const [mapHeat, setMapHeat] = (0, react_1.useState)();
+    const { options } = (0, hooks_1.useDynamicPositioning)();
+    const { mapSettings } = (0, MapSettings_1.useMapSettings)();
+    const { map, mapInitialized } = (0, MapBoxInstance_1.useMapBoxInstance)();
+    const value = {
+        MapHeat: mapHeat,
+        heatMapColorProps,
+    };
+    (0, react_1.useEffect)(() => {
+        if (mapInitialized && (featureSets === null || featureSets === void 0 ? void 0 : featureSets.length) && featureSets[0].length && map && (featureSetsLayers === null || featureSetsLayers === void 0 ? void 0 : featureSetsLayers.length)) {
+            const { lowUsageColor, highUsageColor } = heatMapColorProps;
+            (0, forget_1.forget)(MapBoxClasses_1.MapHeat.initializeAnimatedHeatMapSource(featureSetsLayers, featureSets, map, lowUsageColor, highUsageColor));
+        }
+        return () => {
+            MapBoxClasses_1.MapHeat.animationStarted = false;
+        };
+    }, [featureSets, featureSetsLayers, mapInitialized, map, heatMapColorProps]);
+    (0, react_1.useEffect)(() => {
+        if (mapHeat && mapInitialized && (features === null || features === void 0 ? void 0 : features.length) && (layers === null || layers === void 0 ? void 0 : layers.length)) {
+            mapHeat.initializeHeatMapSource(layers);
+        }
+    }, [mapHeat, features === null || features === void 0 ? void 0 : features.length, layers, mapInitialized]);
+    (0, react_1.useEffect)(() => {
+        if (mapInitialized) {
+            const { fitToPoints } = mapSettings || {};
+            if (map) {
+                if ((fitToPoints === null || fitToPoints === void 0 ? void 0 : fitToPoints.value) === true) {
+                    MapBoxClasses_1.MapHeat.initialMapPositioning({ padding: fitToPadding }, map, features);
+                }
+                else if (options.zoom && options.center) {
+                    map.setZoom(options.zoom);
+                    map.setCenter(options.center);
+                }
+            }
+        }
+    }, [mapHeat, map, mapSettings, fitToPadding, options, mapInitialized, features]);
+    (0, react_1.useEffect)(() => {
+        if (map && (features === null || features === void 0 ? void 0 : features.length)) {
+            // Every time we get a new map or features, we make a new class
+            setMapHeat(new MapBoxClasses_1.MapHeat({ features, map, zoom }));
+        }
+    }, [map, features, zoom]);
+    return (0, jsx_runtime_1.jsx)(Context_1.HeatMapInitializerContext.Provider, Object.assign({ value: value }, { children: children }));
+};
+exports.HeatMapInitializerProvider = HeatMapInitializerProvider;
+//# sourceMappingURL=Provider.js.map