@xyo-network/react-map 2.62.3 → 2.63.1

package/dist/esm/AnimatedHeatMapSettings.js

@@ -0,0 +1,8 @@
+import { DefaultMapSettings } from './Settings';
+export const AnimatedHeatMapSettings = DefaultMapSettings();
+const { debugLayer, scrollToZoom, fitToPoints, preferDark } = AnimatedHeatMapSettings;
+debugLayer.hidden = false;
+scrollToZoom.value = true;
+fitToPoints.value = false;
+preferDark.value = true;
+//# sourceMappingURL=AnimatedHeatMapSettings.js.map

package/dist/esm/AnimatedHeatMapSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedHeatMapSettings.js","sourceRoot":"","sources":["../../src/AnimatedHeatMapSettings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAE/C,MAAM,CAAC,MAAM,uBAAuB,GAAG,kBAAkB,EAAE,CAAA;AAC3D,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,uBAAuB,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/esm/Colors/MapColorProps.js

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

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

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

package/dist/esm/Colors/index.js

@@ -0,0 +1,2 @@
+export * from './MapColorProps';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/Components/AnimatedHeatMap.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { darken, useTheme } from '@mui/material';
+import { FlexCol } from '@xylabs/react-flexbox';
+import { useState } from 'react';
+import { HeatMapInitializerProvider, MapBoxInstanceProvider, MapSettingsProvider } from '../Contexts';
+import { LocationHeatMapLayerBuilderAnimated, MapHeatConstants } from '../Layers';
+import { MapboxHeatFlexBox } from './MapBoxHeat';
+export const AnimatedHeatMap = ({ accessToken, animatedFeatureSets, defaultMapSettings, heatMapColorProps, staticFeatureSet, ...props }) => {
+    const theme = useTheme();
+    const { staticMapColor, lowUsageColor, highUsageColor } = heatMapColorProps || {};
+    const localStaticMapColor = staticMapColor ?? theme.palette.primary.light;
+    const [layers] = useState([
+        LocationHeatMapLayerBuilderAnimated(localStaticMapColor, 0, 'static'),
+        LocationHeatMapLayerBuilderAnimated(lowUsageColor || localStaticMapColor, 0, 'animated'),
+        LocationHeatMapLayerBuilderAnimated(highUsageColor || darken(localStaticMapColor, 0.9), 1, 'animated'),
+    ]);
+    return animatedFeatureSets?.length ? (_jsx(MapBoxInstanceProvider, { children: _jsx(MapSettingsProvider, { defaultMapSettings: defaultMapSettings, debugLayerName: MapHeatConstants.LocationDebugLayerId, children: _jsx(HeatMapInitializerProvider, { features: staticFeatureSet, layers: [layers[0]], featureSets: animatedFeatureSets, featureSetsLayers: layers.slice(1, 3), heatMapColorProps: heatMapColorProps, children: _jsx(MapboxHeatFlexBox, { accessToken: accessToken, ...props }) }) }) })) : (_jsx(FlexCol, { minHeight: 160, minWidth: 160, busy: true }));
+};
+//# sourceMappingURL=AnimatedHeatMap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedHeatMap.js","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACrG,OAAO,EAAE,mCAAmC,EAAE,gBAAgB,EAAY,MAAM,WAAW,CAAA;AAE3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAUhD,MAAM,CAAC,MAAM,eAAe,GAAiD,CAAC,EAC5E,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,iBAAiB,IAAI,EAAE,CAAA;IACjF,MAAM,mBAAmB,GAAG,cAAc,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAA;IAEzE,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAa;QACpC,mCAAmC,CAAC,mBAAmB,EAAE,CAAC,EAAE,QAAQ,CAAC;QACrE,mCAAmC,CAAC,aAAa,IAAI,mBAAmB,EAAE,CAAC,EAAE,UAAU,CAAC;QACxF,mCAAmC,CAAC,cAAc,IAAI,MAAM,CAAC,mBAAmB,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC;KACvG,CAAC,CAAA;IAEF,OAAO,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC,CACnC,KAAC,sBAAsB,cACrB,KAAC,mBAAmB,IAAC,kBAAkB,EAAE,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,CAAC,oBAAoB,YAChH,KAAC,0BAA0B,IACzB,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,YAEpC,KAAC,iBAAiB,IAAC,WAAW,EAAE,WAAW,KAAM,KAAK,GAAsB,GACjD,GACT,GACC,CAC1B,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,IAAC,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,SAAG,CAChD,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/AnimatedHeatMapLoaded.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, AlertTitle } from '@mui/material';
+import { FlexCol } from '@xylabs/react-flexbox';
+import { useArchivistFromNode, useArchivistGet } from '@xyo-network/react-archivist';
+import { AnimatedHeatMapSettings } from '../AnimatedHeatMapSettings';
+import { useFindHashes, useHeatMapColors, useQuadKeyPayloadsToFeatures } from '../hooks';
+import { AnimatedHeatMap } from './AnimatedHeatMap';
+import { AnimatedHeatMapLegend } from './Legend';
+export const AnimatedHeatMapLoaded = ({ accessToken, archivistNameOrAddress, ...props }) => {
+    const hashes = useFindHashes();
+    const [archivist] = useArchivistFromNode(archivistNameOrAddress);
+    const [payloads, xyoError] = useArchivistGet(archivist, hashes);
+    const { multipleFeatureSets } = useQuadKeyPayloadsToFeatures(payloads);
+    const { heatMapColorProps, legendProps } = useHeatMapColors();
+    const MapBoxHeatProps = {
+        flexGrow: 1,
+        legend: legendProps ? _jsx(AnimatedHeatMapLegend, { ...legendProps }) : null,
+    };
+    return (_jsxs(FlexCol, { alignItems: "stretch", ...props, children: [xyoError ? (_jsxs(Alert, { sx: { mt: 2 }, children: [_jsx(AlertTitle, { children: "Error Loading Map" }), xyoError.message ? `Error: ${xyoError.message}` : null, "You might try authenticating again."] })) : null, hashes !== undefined ? (_jsx(AnimatedHeatMap, { accessToken: accessToken, defaultMapSettings: AnimatedHeatMapSettings, animatedFeatureSets: multipleFeatureSets.slice(1, multipleFeatureSets.length), staticFeatureSet: multipleFeatureSets[0], heatMapColorProps: heatMapColorProps, ...MapBoxHeatProps })) : (_jsx(Alert, { children: "Missing answer hash for heat map query" }))] }));
+};
+//# sourceMappingURL=AnimatedHeatMapLoaded.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedHeatMapLoaded.js","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMapLoaded.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAGpF,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAA;AAExF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAOhD,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAAE,WAAW,EAAE,sBAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/H,MAAM,MAAM,GAAG,aAAa,EAAE,CAAA;IAC9B,MAAM,CAAC,SAAS,CAAC,GAAG,oBAAoB,CAAC,sBAAsB,CAAC,CAAA;IAChE,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,eAAe,CAA6C,SAAS,EAAE,MAAM,CAAC,CAAA;IAC3G,MAAM,EAAE,mBAAmB,EAAE,GAAG,4BAA4B,CAAC,QAAQ,CAAC,CAAA;IACtE,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE7D,MAAM,eAAe,GAAG;QACtB,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAC,qBAAqB,OAAK,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI;KACxE,CAAA;IAED,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACpC,QAAQ,CAAC,CAAC,CAAC,CACV,MAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,aAClB,KAAC,UAAU,oCAA+B,EACzC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,2CAEjD,CACT,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,eAAe,IACd,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,uBAAuB,EAC3C,mBAAmB,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAyB,EACrG,gBAAgB,EAAE,mBAAmB,CAAC,CAAC,CAAuB,EAC9D,iBAAiB,EAAE,iBAAiB,KAChC,eAAe,GACnB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,yDAA+C,CACtD,IACO,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/FeaturesToLayersMap.js

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

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

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

package/dist/esm/Components/HeatMapSettings.js

@@ -0,0 +1,8 @@
+import { DefaultMapSettings } from '../Settings';
+const HeatMapSettings = DefaultMapSettings();
+const { debugLayer, scrollToZoom, fitToPoints } = HeatMapSettings;
+debugLayer.hidden = false;
+scrollToZoom.value = true;
+fitToPoints.value = true;
+export { HeatMapSettings };
+//# sourceMappingURL=HeatMapSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeatMapSettings.js","sourceRoot":"","sources":["../../../src/Components/HeatMapSettings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;AAC5C,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;AAExB,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/esm/Components/LayerAnimator.js

@@ -0,0 +1,90 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useInterval } from '@xylabs/react-shared';
+import { useCallback, useEffect, useRef, useState } from 'react';
+const timeIncrement = 2000;
+const animatedLayerCount = 3;
+export const LayerAnimator = ({ animateLayers, children, layers, layersInitialized, map }) => {
+    const [fillLayers, setFillLayers] = useState([]);
+    const layerIndexQueue = useRef([]);
+    const incrementQueue = useCallback((index) => {
+        if (fillLayers[index]) {
+            layerIndexQueue.current.push(index);
+        }
+        else {
+            layerIndexQueue.current.push(0);
+        }
+        return layerIndexQueue.current.at(-1);
+    }, [fillLayers]);
+    const lastQueuedIndex = useCallback(() => {
+        const last = layerIndexQueue.current.at(-1);
+        if (last === undefined) {
+            incrementQueue(0);
+            return 0;
+        }
+        else {
+            return last;
+        }
+    }, [incrementQueue]);
+    const unshiftQueue = useCallback(() => {
+        layerIndexQueue.current.shift();
+    }, []);
+    const getNextLayer = useCallback(() => {
+        const nextLayer = fillLayers[lastQueuedIndex()];
+        incrementQueue(lastQueuedIndex() + 1);
+        return nextLayer;
+    }, [fillLayers, incrementQueue, lastQueuedIndex]);
+    const layerAnimateWorker = useCallback((layer) => {
+        if (layer) {
+            map?.setPaintProperty(layer.id, 'fill-opacity', 0.85);
+            setTimeout(() => {
+                map?.setPaintProperty(layer.id, 'fill-opacity', 0);
+                unshiftQueue();
+            }, timeIncrement * 2);
+        }
+        else {
+            console.warn('tried to queue an empty layer');
+        }
+    }, [map, unshiftQueue]);
+    useEffect(() => {
+        if (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 = 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
+    useEffect(() => {
+        if (animateLayers && layersInitialized && map && fillLayers.length) {
+            queueLayerAnimation();
+        }
+    }, [animateLayers, fillLayers.length, layersInitialized, map, queueLayerAnimation]);
+    useInterval(() => {
+        if (animateLayers && layersInitialized && map && fillLayers.length) {
+            queueLayerAnimation();
+        }
+    }, timeIncrement * animatedLayerCount);
+    return _jsx(_Fragment, { children: children });
+};
+//# sourceMappingURL=LayerAnimator.js.map

package/dist/esm/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/esm/Components/Legend.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMediaQuery, useTheme } from '@mui/material';
+import { FlexCol } from '@xylabs/react-flexbox';
+import { ColorGradientLegend } from './Legends';
+const AnimatedHeatMapLegend = ({ ...legendProps }) => {
+    const { startColor, endColor, startLabel, endLabel, heading, textColor } = legendProps;
+    const theme = useTheme();
+    const isSmall = useMediaQuery(theme.breakpoints.down('sm'));
+    return (_jsx(FlexCol, { position: "absolute", bottom: 0, right: 0, children: _jsx(ColorGradientLegend, { 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),
+            } }) }));
+};
+export { AnimatedHeatMapLegend };
+//# sourceMappingURL=Legend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../../src/Components/Legend.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAE/C,MAAM,qBAAqB,GAAuC,CAAC,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE;IACvF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,WAAW,CAAA;IACtF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAE3D,OAAO,CACL,KAAC,OAAO,IAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,YAC9C,KAAC,mBAAmB,IAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,KAChB;gBACF,UAAU,EAAE,SAAS;gBACrB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9B,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC1C,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC1D,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;aAC5C,GACD,GACM,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography, useTheme } from '@mui/material';
+import { FlexCol, FlexRow } from '@xylabs/react-flexbox';
+const ColorGradientLegend = ({ startColor, endColor, startLabel, endLabel, heading, textColor, ...props }) => {
+    const theme = useTheme();
+    return (_jsxs(FlexCol, { ...props, children: [_jsx(Typography, { mb: theme.spacing(0.25), color: textColor, variant: "caption", textAlign: "center", children: heading }), _jsx(FlexCol, { flexGrow: 1, alignItems: "stretch", paddingX: theme.spacing(1), mb: theme.spacing(0.25), children: _jsx(FlexCol, { height: theme.spacing(0.75), border: `1px solid ${textColor}`, sx: { backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` } }) }), _jsxs(FlexRow, { flexGrow: 1, justifyContent: "space-between", children: [_jsx(Typography, { color: textColor, variant: "caption", children: startLabel }), _jsx(Typography, { color: textColor, variant: "caption", children: endLabel })] })] }));
+};
+export { ColorGradientLegend };
+//# sourceMappingURL=ColorGradient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorGradient.js","sourceRoot":"","sources":["../../../../src/Components/Legends/ColorGradient.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAIxD,MAAM,mBAAmB,GAAuC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/I,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aAChB,KAAC,UAAU,IAAC,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,YACxF,OAAO,GACG,EACb,KAAC,OAAO,IAAC,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,YAC5F,KAAC,OAAO,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,GACM,EACV,MAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe,aAClD,KAAC,UAAU,IAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAC,SAAS,YAC5C,UAAU,GACA,EACb,KAAC,UAAU,IAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAC,SAAS,YAC5C,QAAQ,GACE,IACL,IACF,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

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

@@ -0,0 +1,2 @@
+export * from './ColorGradient';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/Components/MapBox.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// eslint-disable-next-line import/no-internal-modules
+import 'mapbox-gl/dist/mapbox-gl.css';
+import { Map } from 'mapbox-gl';
+import { useEffect, useRef, useState } from 'react';
+import { useMapBoxInstance, useMapSettings } from '../Contexts';
+import { useDynamicMapResize } from '../hooks';
+import { MapStyle } from '../lib';
+export const MapBox = ({ accessToken, darkMode = false, options, zoom = 2, ...props }) => {
+    const [map, setMap] = useState();
+    const mapContainerRef = useRef(null);
+    const mapCanvasRef = useRef(null);
+    const { setMapBoxInstance, map: mapInstance } = useMapBoxInstance();
+    const { mapSettings } = useMapSettings();
+    const activeResize = mapSettings?.dynamicMapResize.value;
+    useDynamicMapResize(mapContainerRef, mapCanvasRef, mapInstance, activeResize);
+    useEffect(() => {
+        if (mapSettings?.preferDark?.value === true) {
+            map?.setStyle(`mapbox://styles/${MapStyle.Dark}`);
+        }
+        else {
+            map?.setStyle(`mapbox://styles/${darkMode ? MapStyle.Dark : MapStyle.Light}`);
+        }
+    }, [map, darkMode, mapSettings]);
+    useEffect(() => {
+        const map = new Map({
+            accessToken,
+            center: [0, 0],
+            container: mapContainerRef.current ?? '',
+            style: `mapbox://styles/${MapStyle.Light}`,
+            zoom,
+            ...options,
+        });
+        // Allow external components to control the map
+        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 (_jsx("div", { ref: (el) => (mapContainerRef.current = el), style: {
+            bottom: 0,
+            left: 0,
+            position: 'absolute',
+            right: 0,
+            top: 0,
+            ...props,
+        } }));
+};
+//# sourceMappingURL=MapBox.js.map

package/dist/esm/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/esm/Components/MapBoxHeat.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FlexCol } from '@xylabs/react-flexbox';
+import { MapBox } from './MapBox';
+import { MapSettingsBox } from './MapSettingsComponents';
+export const MapboxHeatFlexBox = ({ accessToken, children, mapBoxOptions, zoom, legend, developerMode, ...props }) => {
+    return (_jsxs(FlexCol, { ...props, children: [_jsx(MapBox, { accessToken: accessToken, options: mapBoxOptions, zoom: zoom }), _jsx(MapSettingsBox, { developerMode: developerMode }), legend, children] }));
+};
+//# sourceMappingURL=MapBoxHeat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapBoxHeat.js","sourceRoot":"","sources":["../../../src/Components/MapBoxHeat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG/C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,MAAM,CAAC,MAAM,iBAAiB,GAAiC,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjJ,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aAChB,KAAC,MAAM,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,GAAI,EACxE,KAAC,cAAc,IAAC,aAAa,EAAE,aAAa,GAAI,EAC/C,MAAM,EACN,QAAQ,IACD,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/MapBoxPoints.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert } from '@mui/material';
+import { FlexCol } from '@xylabs/react-flexbox';
+import { useCallback, useEffect, useState } from 'react';
+import { useMapBoxInstance, useMapSettings } from '../Contexts';
+import { MapPoints } from '../MapBoxClasses';
+import { MapBox } from './MapBox';
+import { MapSettingsBox } from './MapSettingsComponents';
+export const MapboxPointsFlexBox = ({ accessToken, features, fitToPointsPadding = 20, layers, zoom, ...props }) => {
+    const [mapPoints, setMapPoints] = useState();
+    const { mapSettings } = useMapSettings();
+    const { map, mapInitialized } = 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 = useCallback(() => {
+        if (mapPoints?.isMapReady && features?.length) {
+            layers?.forEach((layer) => {
+                mapPoints.initializeMapSource(layer);
+            });
+        }
+    }, [mapPoints, features, layers]);
+    const updateMapSetup = useCallback(() => {
+        const { fitToPoints } = mapSettings || {};
+        if (mapPoints && map) {
+            if (fitToPoints?.value === true) {
+                mapPoints.initialMapPositioning({ padding: fitToPointsPadding, ...customFitToBoundsOptions(zoom) });
+            }
+        }
+    }, [mapSettings, mapPoints, map, fitToPointsPadding, zoom]);
+    const reInitializeMap = useCallback(() => {
+        mapPoints?.initialMapPositioning({ padding: fitToPointsPadding, ...customFitToBoundsOptions(zoom) });
+        updateFeatures();
+    }, [mapPoints, fitToPointsPadding, updateFeatures, zoom]);
+    useEffect(() => {
+        if (map && features?.length) {
+            setMapPoints(new MapPoints({ features, map, zoom }));
+        }
+    }, [map, features, zoom]);
+    useEffect(() => {
+        if (mapInitialized) {
+            updateMapSetup();
+            reInitializeMap();
+        }
+    }, [mapInitialized, reInitializeMap, updateMapSetup]);
+    return (_jsx(FlexCol, { alignItems: "stretch", id: "xyo-mapbox-wrap", ...props, children: features ? (_jsxs(_Fragment, { children: [_jsx(MapBox, { accessToken: accessToken, zoom: zoom }), _jsx(MapSettingsBox, {})] })) : (_jsx(Alert, { severity: "error", children: "No data to show" })) }));
+};
+//# sourceMappingURL=MapBoxPoints.js.map

package/dist/esm/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/esm/Components/MapSettingsComponents/Setting.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormControlLabel, Switch } from '@mui/material';
+import { useMapSettings } from '../../Contexts';
+export const MapSettingSwitch = ({ developerMode, field, ...props }) => {
+    const { mapSettings, setMapSettings } = useMapSettings();
+    const setting = mapSettings?.[field];
+    const onLocalChange = (event) => {
+        if (setting) {
+            setMapSettings?.((previous) => {
+                previous[setting.field].value = event.target.checked;
+                return { ...previous };
+            });
+        }
+    };
+    if (setting?.devMode && developerMode === false) {
+        return null;
+    }
+    return setting?.hidden ? null : (_jsx(FormControlLabel, { label: setting?.label, control: _jsx(Switch, { checked: setting?.value, onChange: onLocalChange, ...props }) }));
+};
+//# sourceMappingURL=Setting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Setting.js","sourceRoot":"","sources":["../../../../src/Components/MapSettingsComponents/Setting.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAe,MAAM,eAAe,CAAA;AAErE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAO/C,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtG,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAA;IACxD,MAAM,OAAO,GAAG,WAAW,EAAE,CAAC,KAAK,CAAC,CAAA;IAEpC,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,EAAE;QACnE,IAAI,OAAO,EAAE;YACX,cAAc,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC5B,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAA;gBACpD,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAA;YACxB,CAAC,CAAC,CAAA;SACH;IACH,CAAC,CAAA;IAED,IAAI,OAAO,EAAE,OAAO,IAAI,aAAa,KAAK,KAAK,EAAE;QAC/C,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC9B,KAAC,gBAAgB,IAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,KAAM,KAAK,GAAI,GAAI,CAC9H,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Paper, Stack } from '@mui/material';
+import { FlexGrowRow, FlexRow } from '@xylabs/react-flexbox';
+import { useAppSettings } from '@xyo-network/react-app-settings';
+import { useMapSettings } from '../../Contexts';
+import { MapSettingSwitch } from './Setting';
+export const MapSettingsBox = ({ developerMode, ...props }) => {
+    const { mapSettings } = useMapSettings();
+    const { developerMode: devModeFromContext } = useAppSettings();
+    const resolveDeveloperMode = developerMode ?? devModeFromContext;
+    return mapSettings && resolveDeveloperMode ? (_jsx(FlexGrowRow, { bottom: 36, left: 10, position: "absolute", ...props, children: _jsx(FlexRow, { paddingX: 2, children: _jsx(Paper, { children: _jsx(Stack, { direction: "row", spacing: 1, marginX: 1, children: Object.keys(mapSettings).map((key, index) => {
+                        return _jsx(MapSettingSwitch, { field: mapSettings[key].field, developerMode: developerMode }, index);
+                    }) }) }) }) })) : null;
+};
+//# sourceMappingURL=SettingsBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsBox.js","sourceRoot":"","sources":["../../../../src/Components/MapSettingsComponents/SettingsBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAgB,WAAW,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAEhE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAM5C,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3F,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAA;IACxC,MAAM,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9D,MAAM,oBAAoB,GAAG,aAAa,IAAI,kBAAkB,CAAA;IAEhE,OAAO,WAAW,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAC3C,KAAC,WAAW,IAAC,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAC,UAAU,KAAK,KAAK,YAC9D,KAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,YAClB,KAAC,KAAK,cACJ,KAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,YAC1C,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;wBAC3C,OAAO,KAAC,gBAAgB,IAAa,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,IAAlE,KAAK,CAAiE,CAAA;oBACtG,CAAC,CAAC,GACI,GACF,GACA,GACE,CACf,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}

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

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

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

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

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

@@ -9,4 +9,4 @@ export * from './MapBox';
 export * from './MapBoxHeat';
 export * from './MapBoxPoints';
 export * from './MapSettingsComponents';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,yBAAyB,CAAA"}

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

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+const HeatMapInitializerContext = createContext({});
+export { HeatMapInitializerContext };
+//# sourceMappingURL=Context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/Contexts/HeatMapInitializer/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAIrC,MAAM,yBAAyB,GAAG,aAAa,CAA0B,EAAE,CAAC,CAAA;AAE5E,OAAO,EAAE,yBAAyB,EAAE,CAAA"}

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

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forget } from '@xylabs/forget';
+import { useEffect, useState } from 'react';
+import { useDynamicPositioning } from '../../hooks';
+import { MapHeat } from '../../MapBoxClasses';
+import { useMapBoxInstance } from '../MapBoxInstance';
+import { useMapSettings } from '../MapSettings';
+import { HeatMapInitializerContext } from './Context';
+export const HeatMapInitializerProvider = ({ children, featureSets, featureSetsLayers, features, fitToPadding, heatMapColorProps, layers, zoom, }) => {
+    const [mapHeat, setMapHeat] = useState();
+    const { options } = useDynamicPositioning();
+    const { mapSettings } = useMapSettings();
+    const { map, mapInitialized } = useMapBoxInstance();
+    const value = {
+        MapHeat: mapHeat,
+        heatMapColorProps,
+    };
+    useEffect(() => {
+        if (mapInitialized && featureSets?.length && featureSets[0].length && map && featureSetsLayers?.length) {
+            const { lowUsageColor, highUsageColor } = heatMapColorProps;
+            forget(MapHeat.initializeAnimatedHeatMapSource(featureSetsLayers, featureSets, map, lowUsageColor, highUsageColor));
+        }
+        return () => {
+            MapHeat.animationStarted = false;
+        };
+    }, [featureSets, featureSetsLayers, mapInitialized, map, heatMapColorProps]);
+    useEffect(() => {
+        if (mapHeat && mapInitialized && features?.length && layers?.length) {
+            mapHeat.initializeHeatMapSource(layers);
+        }
+    }, [mapHeat, features?.length, layers, mapInitialized]);
+    useEffect(() => {
+        if (mapInitialized) {
+            const { fitToPoints } = mapSettings || {};
+            if (map) {
+                if (fitToPoints?.value === true) {
+                    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]);
+    useEffect(() => {
+        if (map && features?.length) {
+            // Every time we get a new map or features, we make a new class
+            setMapHeat(new MapHeat({ features, map, zoom }));
+        }
+    }, [map, features, zoom]);
+    return _jsx(HeatMapInitializerContext.Provider, { value: value, children: children });
+};
+//# sourceMappingURL=Provider.js.map

package/dist/esm/Contexts/HeatMapInitializer/Provider.js.map

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

package/dist/esm/Contexts/HeatMapInitializer/State.js

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

package/dist/esm/Contexts/HeatMapInitializer/State.js.map

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

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

@@ -1,4 +1,4 @@
 export * from './Provider';
 export * from './State';
 export * from './useHeatMapInitializer';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

package/dist/esm/Contexts/HeatMapInitializer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Contexts/HeatMapInitializer/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,yBAAyB,CAAA"}

package/dist/esm/Contexts/HeatMapInitializer/useHeatMapInitializer.js

@@ -0,0 +1,10 @@
+import { assertEx } from '@xylabs/assert';
+import { useContext } from 'react';
+import { HeatMapInitializerContext } from './Context';
+const useHeatMapInitializer = () => {
+    const context = useContext(HeatMapInitializerContext);
+    assertEx('heatMapInitialized' in context, 'useHeatMapInitializer must be used within a HeatMapInitializerContext');
+    return context;
+};
+export { useHeatMapInitializer };
+//# sourceMappingURL=useHeatMapInitializer.js.map

package/dist/esm/Contexts/HeatMapInitializer/useHeatMapInitializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeatMapInitializer.js","sourceRoot":"","sources":["../../../../src/Contexts/HeatMapInitializer/useHeatMapInitializer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAA;AAErD,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACrD,QAAQ,CAAC,oBAAoB,IAAI,OAAO,EAAE,uEAAuE,CAAC,CAAA;IAElH,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/esm/Contexts/MapBoxInstance/Context.js

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+const MapBoxInstanceContext = createContext({});
+export { MapBoxInstanceContext };
+//# sourceMappingURL=Context.js.map

package/dist/esm/Contexts/MapBoxInstance/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/Contexts/MapBoxInstance/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAIrC,MAAM,qBAAqB,GAAG,aAAa,CAAsB,EAAE,CAAC,CAAA;AAEpE,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/esm/Contexts/MapBoxInstance/Provider.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { MapBoxInstanceContext } from './Context';
+export const MapBoxInstanceProvider = ({ children }) => {
+    const [map, setMapBoxInstance] = useState();
+    const [mapInitialized, setMapInitialized] = useState(false);
+    const value = { map, mapInitialized, setMapBoxInstance };
+    useEffect(() => {
+        if (!mapInitialized && map) {
+            map?.on('load', () => {
+                setMapInitialized(true);
+            });
+        }
+    }, [map, mapInitialized, setMapInitialized]);
+    return _jsx(MapBoxInstanceContext.Provider, { value: value, children: children });
+};
+//# sourceMappingURL=Provider.js.map

package/dist/esm/Contexts/MapBoxInstance/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/Contexts/MapBoxInstance/Provider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAGjD,MAAM,CAAC,MAAM,sBAAsB,GAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7E,MAAM,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,QAAQ,EAAO,CAAA;IAChD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3D,MAAM,KAAK,GAAwB,EAAE,GAAG,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA;IAE7E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,cAAc,IAAI,GAAG,EAAE;YAC1B,GAAG,EAAE,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE;gBACnB,iBAAiB,CAAC,IAAI,CAAC,CAAA;YACzB,CAAC,CAAC,CAAA;SACH;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAE5C,OAAO,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAkC,CAAA;AAClG,CAAC,CAAA"}