@xyo-network/react-map 2.26.44

package/dist/esm/Components/Legend.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ColorGradientLegendProps } from '../Colors';
+declare const AnimatedHeatMapLegend: React.FC<ColorGradientLegendProps>;
+export { AnimatedHeatMapLegend };

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ColorGradientLegendProps } from '../../Colors';
+declare const ColorGradientLegend: React.FC<ColorGradientLegendProps>;
+export { ColorGradientLegend };

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,IAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,eAAe,EAAE,6BAA6B,UAAU,IAAI,QAAQ,GAAG,EAAE,GAAI,GACnJ,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.d.ts

@@ -0,0 +1 @@
+export * from './ColorGradient';

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import 'mapbox-gl/dist/mapbox-gl.css';
+import { MapboxOptions } from 'mapbox-gl';
+export interface MapBoxProps {
+    options?: Partial<MapboxOptions>;
+    zoom?: number;
+    darkMode?: boolean;
+    accessToken: string;
+}
+export declare const MapBox: React.FC<MapBoxProps>;

package/dist/esm/Components/MapBox.js

@@ -0,0 +1,48 @@
+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 { XyoMapStyle } from '../lib';
+export const MapBox = ({ accessToken, darkMode = false, zoom = 2, options, ...props }) => {
+    const [map, setMap] = useState();
+    const mapContainerRef = useRef(null);
+    const { setMapBoxInstance } = useMapBoxInstance();
+    const { mapSettings } = useMapSettings();
+    useEffect(() => {
+        if (mapSettings?.preferDark?.value === true) {
+            map?.setStyle(`mapbox://styles/${XyoMapStyle.Dark}`);
+        }
+        else {
+            map?.setStyle(`mapbox://styles/${darkMode ? XyoMapStyle.Dark : XyoMapStyle.Light}`);
+        }
+    }, [map, darkMode, mapSettings]);
+    useEffect(() => {
+        const map = new Map({
+            accessToken,
+            center: [0, 0],
+            container: mapContainerRef.current ?? '',
+            style: `mapbox://styles/${XyoMapStyle.Light}`,
+            zoom,
+            ...options,
+        });
+        // Allow external components to control the map
+        setMapBoxInstance?.(map);
+        setMap(map);
+        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":";AAAA,sDAAsD;AACtD,OAAO,8BAA8B,CAAA;AAErC,OAAO,EAAE,GAAG,EAAiB,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AASpC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,WAAW,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9G,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,EAAO,CAAA;IACrC,MAAM,eAAe,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAC3D,MAAM,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACjD,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAA;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,EAAE,UAAU,EAAE,KAAK,KAAK,IAAI,EAAE;YAC3C,GAAG,EAAE,QAAQ,CAAC,mBAAmB,WAAW,CAAC,IAAI,EAAE,CAAC,CAAA;SACrD;aAAM;YACL,GAAG,EAAE,QAAQ,CAAC,mBAAmB,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAA;SACpF;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC;YAClB,WAAW;YACX,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACd,SAAS,EAAE,eAAe,CAAC,OAAO,IAAI,EAAE;YACxC,KAAK,EAAE,mBAAmB,WAAW,CAAC,KAAK,EAAE;YAC7C,IAAI;YACJ,GAAG,OAAO;SACX,CAAC,CAAA;QAEF,+CAA+C;QAC/C,iBAAiB,EAAE,CAAC,GAAG,CAAC,CAAA;QACxB,MAAM,CAAC,GAAG,CAAC,CAAA;QAEX,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;QAE1B,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;YAC3B,GAAG,CAAC,MAAM,EAAE,CAAA;QACd,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,WAAW,CAAC,CAAC,CAAA;IAE5E,OAAO,CACL,cACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,OAAO,GAAG,EAAE,CAAC,EAC3C,KAAK,EAAE;YACL,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,CAAC;YACN,GAAG,KAAK;SACT,GACD,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/MapBoxHeat.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { XyoMapBoxBaseProps } from '../lib';
+export declare const MapBoxHeat: React.FC<XyoMapBoxBaseProps>;

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 { MapSettings } from './MapSettingsComponents';
+export const MapBoxHeat = ({ accessToken, children, mapBoxOptions, zoom, legend, ...props }) => {
+    return (_jsxs(FlexCol, { ...props, children: [_jsx(MapBox, { accessToken: accessToken, options: mapBoxOptions, zoom: zoom }), _jsx(MapSettings, {}), 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,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,MAAM,CAAC,MAAM,UAAU,GAAiC,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3H,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aAChB,KAAC,MAAM,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,GAAI,EACxE,KAAC,WAAW,KAAG,EACd,MAAM,EACN,QAAQ,IACD,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/MapBoxPoints.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Feature, Point } from 'geojson';
+import { XyoMapBoxBaseProps } from '../lib';
+interface MapBoxPointsProps extends XyoMapBoxBaseProps {
+    features?: Feature<Point>[];
+    accessToken: string;
+}
+declare const MapBoxPoints: React.FC<MapBoxPointsProps>;
+export { MapBoxPoints };

package/dist/esm/Components/MapBoxPoints.js

@@ -0,0 +1,46 @@
+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 { XyoMapPoints } from '../MapBoxClasses';
+import { MapBox } from './MapBox';
+import { MapSettings } from './MapSettingsComponents';
+const MapBoxPoints = ({ accessToken, features, layers, fitToPointsPadding = 20, zoom, ...props }) => {
+    const [MapPoints, setMapPoints] = useState();
+    const { mapSettings } = useMapSettings();
+    const { map, mapInitialized } = useMapBoxInstance();
+    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 });
+            }
+        }
+    }, [MapPoints, map, mapSettings, fitToPointsPadding]);
+    const reInitializeMap = useCallback(() => {
+        MapPoints?.initialMapPositioning({ padding: fitToPointsPadding });
+        updateFeatures();
+    }, [MapPoints, fitToPointsPadding, updateFeatures]);
+    useEffect(() => {
+        if (map && features?.length) {
+            setMapPoints(new XyoMapPoints({ features, map, zoom }));
+        }
+    }, [map, features, zoom]);
+    useEffect(() => {
+        if (mapInitialized) {
+            updateMapSetup();
+            reInitializeMap();
+        }
+    }, [mapInitialized, reInitializeMap, updateMapSetup]);
+    return (_jsx(FlexCol, { alignItems: "stretch", ...props, children: features ? (_jsxs(_Fragment, { children: [_jsx(MapBox, { accessToken: accessToken, zoom: zoom }), _jsx(MapSettings, {})] })) : (_jsx(Alert, { severity: "error", children: "No data to show" })) }));
+};
+export { MapBoxPoints };
+//# 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.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { SwitchProps } from '@mui/material';
+export interface MapSettingSwitchProps extends SwitchProps {
+    field: string;
+}
+export declare const MapSettingSwitch: React.FC<MapSettingSwitchProps>;

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 = ({ 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) {
+        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;AAM/C,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvF,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,EAAE;QACpB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,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,CAAA;AAC/J,CAAC,CAAA"}

package/dist/esm/Components/MapSettingsComponents/Settings.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export declare const MapSettings: React.FC<FlexBoxProps>;

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

@@ -0,0 +1,14 @@
+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 MapSettings = (props) => {
+    const { mapSettings } = useMapSettings();
+    const { developerMode } = useAppSettings();
+    return mapSettings && developerMode ? (_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 }, index);
+                    }) }) }) }) })) : null;
+};
+//# sourceMappingURL=Settings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.js","sourceRoot":"","sources":["../../../../src/Components/MapSettingsComponents/Settings.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;AAE5C,MAAM,CAAC,MAAM,WAAW,GAA2B,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAA;IACxC,MAAM,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE,CAAA;IAE1C,OAAO,WAAW,IAAI,aAAa,CAAC,CAAC,CAAC,CACpC,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,IAApC,KAAK,CAAmC,CAAA;oBACxE,CAAC,CAAC,GACI,GACF,GACA,GACE,CACf,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}

package/dist/esm/Components/MapSettingsComponents/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Setting';
+export * from './Settings';

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

@@ -0,0 +1,3 @@
+export * from './Setting';
+export * from './Settings';
+//# 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,YAAY,CAAA"}

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

@@ -0,0 +1,11 @@
+export * from './AnimatedHeatMap';
+export * from './AnimatedHetaMapLoaded';
+export * from './FeaturesToLayersMap';
+export * from './HeatMapSettings';
+export * from './LayerAnimator';
+export * from './Legend';
+export * from './Legends';
+export * from './MapBox';
+export * from './MapBoxHeat';
+export * from './MapBoxPoints';
+export * from './MapSettingsComponents';

package/dist/esm/Components/index.js

@@ -0,0 +1,12 @@
+export * from './AnimatedHeatMap';
+export * from './AnimatedHetaMapLoaded';
+export * from './FeaturesToLayersMap';
+export * from './HeatMapSettings';
+export * from './LayerAnimator';
+export * from './Legend';
+export * from './Legends';
+export * from './MapBox';
+export * from './MapBoxHeat';
+export * from './MapBoxPoints';
+export * from './MapSettingsComponents';
+//# 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.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { HeatMapInitializerState } from './State';
+declare const HeatMapInitializerContext: import("react").Context<HeatMapInitializerState>;
+export { HeatMapInitializerContext };

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+import { Feature, Polygon } from 'geojson';
+import { XyoAnimatedHeatMapColorProps, XyoHeatMapColorProps } from '../../Colors';
+import { XyoMapLayer } from '../../Layers';
+interface MapInitializerProviderProps {
+    features?: Feature<Polygon>[];
+    featureSets?: Feature<Polygon>[][];
+    featureSetsLayers?: XyoMapLayer[];
+    layers?: XyoMapLayer[];
+    zoom?: number;
+    fitToPadding?: number;
+    heatMapColorProps: XyoHeatMapColorProps | XyoAnimatedHeatMapColorProps;
+}
+export declare const HeatMapInitializerProvider: React.FC<WithChildren<MapInitializerProviderProps>>;
+export {};

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

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forget } from '@xylabs/sdk-js';
+import { useEffect, useState } from 'react';
+import { useDynamicPositioning } from '../../hooks';
+import { XyoMapHeat } from '../../MapBoxClasses';
+import { useMapBoxInstance } from '../MapBoxInstance';
+import { useMapSettings } from '../MapSettings';
+import { HeatMapInitializerContext } from './Context';
+export const HeatMapInitializerProvider = ({ children, features, featureSets, featureSetsLayers, zoom, fitToPadding, layers, heatMapColorProps, }) => {
+    const [MapHeat, setMapHeat] = useState();
+    const { options } = useDynamicPositioning();
+    const { mapSettings } = useMapSettings();
+    const { map, mapInitialized } = useMapBoxInstance();
+    const value = {
+        MapHeat,
+        heatMapColorProps,
+    };
+    useEffect(() => {
+        if (mapInitialized && featureSets?.length && featureSets[0].length && map && featureSetsLayers?.length) {
+            const { lowUsageColor, highUsageColor } = heatMapColorProps;
+            forget(XyoMapHeat.initializeAnimatedHeatMapSource(featureSetsLayers, featureSets, map, lowUsageColor, highUsageColor));
+        }
+        return () => {
+            XyoMapHeat.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) {
+                    XyoMapHeat.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 XyoMapHeat({ 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.d.ts

@@ -0,0 +1,6 @@
+import { XyoHeatMapColorProps } from '../../Colors';
+import { XyoMapHeat } from '../../MapBoxClasses';
+export interface HeatMapInitializerState {
+    MapHeat?: XyoMapHeat;
+    heatMapColorProps?: XyoHeatMapColorProps;
+}

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

@@ -0,0 +1,2 @@
+export * from './Provider';
+export * from './useHeatMapInitializer';

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

@@ -0,0 +1,3 @@
+export * from './Provider';
+export * from './useHeatMapInitializer';
+//# 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,yBAAyB,CAAA"}

package/dist/esm/Contexts/HeatMapInitializer/useHeatMapInitializer.d.ts

@@ -0,0 +1,2 @@
+declare const useHeatMapInitializer: () => import("./State").HeatMapInitializerState;
+export { useHeatMapInitializer };

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

@@ -0,0 +1,10 @@
+import { assertEx } from '@xylabs/sdk-js';
+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.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MapBoxInstanceState } from './State';
+declare const MapBoxInstanceContext: import("react").Context<MapBoxInstanceState>;
+export { MapBoxInstanceContext };

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+export declare const MapBoxInstanceProvider: React.FC<WithChildren>;

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"}

package/dist/esm/Contexts/MapBoxInstance/State.d.ts

@@ -0,0 +1,7 @@
+import { Map } from 'mapbox-gl';
+import { Dispatch, SetStateAction } from 'react';
+export interface MapBoxInstanceState {
+    map?: Map;
+    mapInitialized?: boolean;
+    setMapBoxInstance?: Dispatch<SetStateAction<Map | undefined>>;
+}

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

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

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

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

package/dist/esm/Contexts/MapBoxInstance/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Provider';
+export * from './useMapBoxInstance';

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

@@ -0,0 +1,3 @@
+export * from './Provider';
+export * from './useMapBoxInstance';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/Contexts/MapBoxInstance/useMapBoxInstance.d.ts

@@ -0,0 +1,2 @@
+declare const useMapBoxInstance: () => import("./State").MapBoxInstanceState;
+export { useMapBoxInstance };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMapBoxInstance.js","sourceRoot":"","sources":["../../../../src/Contexts/MapBoxInstance/useMapBoxInstance.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEjD,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IACjD,QAAQ,CAAC,KAAK,IAAI,OAAO,EAAE,+DAA+D,CAAC,CAAA;IAE3F,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/esm/Contexts/MapSettings/Context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MapSettingsState } from './State';
+declare const MapSettingsContext: import("react").Context<MapSettingsState>;
+export { MapSettingsContext };

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

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

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

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

package/dist/esm/Contexts/MapSettings/Provider.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+import { MapSetting } from '../../Settings';
+interface MapSettingsProviderProps {
+    defaultMapSettings?: MapSetting;
+    requestLocation?: boolean;
+    zoom?: number;
+    debugLayerName?: string;
+}
+export declare const MapSettingsProvider: React.FC<WithChildren<MapSettingsProviderProps>>;
+export {};