@xyo-network/react-map 2.26.44

package/dist/cjs/Components/MapBox.js

@@ -0,0 +1,42 @@
+"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 lib_1 = require("../lib");
+const MapBox = (_a) => {
+    var { accessToken, darkMode = false, zoom = 2, options } = _a, props = tslib_1.__rest(_a, ["accessToken", "darkMode", "zoom", "options"]);
+    const [map, setMap] = (0, react_1.useState)();
+    const mapContainerRef = (0, react_1.useRef)(null);
+    const { setMapBoxInstance } = (0, Contexts_1.useMapBoxInstance)();
+    const { mapSettings } = (0, Contexts_1.useMapSettings)();
+    (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.XyoMapStyle.Dark}`);
+        }
+        else {
+            map === null || map === void 0 ? void 0 : map.setStyle(`mapbox://styles/${darkMode ? lib_1.XyoMapStyle.Dark : lib_1.XyoMapStyle.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.XyoMapStyle.Light}`, zoom }, options));
+        // Allow external components to control the map
+        setMapBoxInstance === null || setMapBoxInstance === void 0 ? void 0 : setMapBoxInstance(map);
+        setMap(map);
+        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":";;;;;AAAA,sDAAsD;AACtD,wCAAqC;AAErC,yCAA8C;AAC9C,iCAAmD;AAEnD,0CAA+D;AAC/D,gCAAoC;AAS7B,MAAM,MAAM,GAA0B,CAAC,EAA8D,EAAE,EAAE;QAAlE,EAAE,WAAW,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,GAAG,CAAC,EAAE,OAAO,OAAY,EAAP,KAAK,sBAA5D,8CAA8D,CAAF;IACxG,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,GAAO,CAAA;IACrC,MAAM,eAAe,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAC3D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,4BAAiB,GAAE,CAAA;IACjD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,0CAAE,KAAK,MAAK,IAAI,EAAE;YAC3C,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,CAAC,mBAAmB,iBAAW,CAAC,IAAI,EAAE,CAAC,CAAA;SACrD;aAAM;YACL,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,CAAC,mBAAmB,QAAQ,CAAC,CAAC,CAAC,iBAAW,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAW,CAAC,KAAK,EAAE,CAAC,CAAA;SACpF;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IAEhC,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,MAAM,GAAG,GAAG,IAAI,eAAG,iBACjB,WAAW,EACX,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EACd,SAAS,EAAE,MAAA,eAAe,CAAC,OAAO,mCAAI,EAAE,EACxC,KAAK,EAAE,mBAAmB,iBAAW,CAAC,KAAK,EAAE,EAC7C,IAAI,IACD,OAAO,EACV,CAAA;QAEF,+CAA+C;QAC/C,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,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,gCACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,OAAO,GAAG,EAAE,CAAC,EAC3C,KAAK,kBACH,MAAM,EAAE,CAAC,EACT,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,IACH,KAAK,IAEV,CACH,CAAA;AACH,CAAC,CAAA;AAjDY,QAAA,MAAM,UAiDlB"}

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

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

package/dist/cjs/Components/MapBoxHeat.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapBoxHeat = 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 MapBoxHeat = (_a) => {
+    var { accessToken, children, mapBoxOptions, zoom, legend } = _a, props = tslib_1.__rest(_a, ["accessToken", "children", "mapBoxOptions", "zoom", "legend"]);
+    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.MapSettings, {}), legend, children] })));
+};
+exports.MapBoxHeat = MapBoxHeat;
+//# 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,mEAAqD;AAE9C,MAAM,UAAU,GAAiC,CAAC,EAAgE,EAAE,EAAE;QAApE,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA9D,8DAAgE,CAAF;IACrH,OAAO,CACL,wBAAC,uBAAO,oBAAK,KAAK,eAChB,uBAAC,eAAM,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,GAAI,EACxE,uBAAC,mCAAW,KAAG,EACd,MAAM,EACN,QAAQ,KACD,CACX,CAAA;AACH,CAAC,CAAA;AATY,QAAA,UAAU,cAStB"}

package/dist/cjs/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/cjs/Components/MapBoxPoints.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapBoxPoints = 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 MapBoxPoints = (_a) => {
+    var { accessToken, features, layers, fitToPointsPadding = 20, zoom } = _a, props = tslib_1.__rest(_a, ["accessToken", "features", "layers", "fitToPointsPadding", "zoom"]);
+    const [MapPoints, setMapPoints] = (0, react_1.useState)();
+    const { mapSettings } = (0, Contexts_1.useMapSettings)();
+    const { map, mapInitialized } = (0, Contexts_1.useMapBoxInstance)();
+    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({ padding: fitToPointsPadding });
+            }
+        }
+    }, [MapPoints, map, mapSettings, fitToPointsPadding]);
+    const reInitializeMap = (0, react_1.useCallback)(() => {
+        MapPoints === null || MapPoints === void 0 ? void 0 : MapPoints.initialMapPositioning({ padding: fitToPointsPadding });
+        updateFeatures();
+    }, [MapPoints, fitToPointsPadding, updateFeatures]);
+    (0, react_1.useEffect)(() => {
+        if (map && (features === null || features === void 0 ? void 0 : features.length)) {
+            setMapPoints(new MapBoxClasses_1.XyoMapPoints({ 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" }, 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.MapSettings, {})] })) : ((0, jsx_runtime_1.jsx)(material_1.Alert, Object.assign({ severity: "error" }, { children: "No data to show" }))) })));
+};
+exports.MapBoxPoints = MapBoxPoints;
+//# 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.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/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 { field } = _a, props = tslib_1.__rest(_a, ["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) {
+        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;AAMxC,MAAM,gBAAgB,GAAoC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IACjF,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,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAE;QACpB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,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,CAAA;AAC/J,CAAC,CAAA;AAlBY,QAAA,gBAAgB,oBAkB5B"}

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapSettings = void 0;
+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 MapSettings = (props) => {
+    const { mapSettings } = (0, Contexts_1.useMapSettings)();
+    const { developerMode } = (0, react_app_settings_1.useAppSettings)();
+    return mapSettings && developerMode ? ((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 }, index);
+                    }) })) }) })) }))) : null;
+};
+exports.MapSettings = MapSettings;
+//# sourceMappingURL=Settings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.js","sourceRoot":"","sources":["../../../../src/Components/MapSettingsComponents/Settings.tsx"],"names":[],"mappings":";;;;AAAA,4CAA4C;AAC5C,yDAA0E;AAC1E,wEAAgE;AAEhE,6CAA+C;AAC/C,uCAA4C;AAErC,MAAM,WAAW,GAA2B,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IACxC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,mCAAc,GAAE,CAAA;IAE1C,OAAO,WAAW,IAAI,aAAa,CAAC,CAAC,CAAC,CACpC,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,IAApC,KAAK,CAAmC,CAAA;oBACxE,CAAC,CAAC,IACI,GACF,IACA,IACE,CACf,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAjBY,QAAA,WAAW,eAiBvB"}

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

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

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("./Settings"), 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,qDAA0B"}

package/dist/cjs/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/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("./AnimatedHetaMapLoaded"), 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.d.ts

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

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.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/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 sdk_js_1 = require("@xylabs/sdk-js");
+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, features, featureSets, featureSetsLayers, zoom, fitToPadding, layers, heatMapColorProps, }) => {
+    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,
+        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, sdk_js_1.forget)(MapBoxClasses_1.XyoMapHeat.initializeAnimatedHeatMapSource(featureSetsLayers, featureSets, map, lowUsageColor, highUsageColor));
+        }
+        return () => {
+            MapBoxClasses_1.XyoMapHeat.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.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]);
+    (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.XyoMapHeat({ 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

package/dist/cjs/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/cjs/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/cjs/Contexts/HeatMapInitializer/State.js

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

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

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

package/dist/cjs/Contexts/HeatMapInitializer/index.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Contexts/HeatMapInitializer/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B;AAC1B,kEAAuC"}

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHeatMapInitializer = void 0;
+const sdk_js_1 = require("@xylabs/sdk-js");
+const react_1 = require("react");
+const Context_1 = require("./Context");
+const useHeatMapInitializer = () => {
+    const context = (0, react_1.useContext)(Context_1.HeatMapInitializerContext);
+    (0, sdk_js_1.assertEx)('heatMapInitialized' in context, 'useHeatMapInitializer must be used within a HeatMapInitializerContext');
+    return context;
+};
+exports.useHeatMapInitializer = useHeatMapInitializer;
+//# sourceMappingURL=useHeatMapInitializer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHeatMapInitializer.js","sourceRoot":"","sources":["../../../../src/Contexts/HeatMapInitializer/useHeatMapInitializer.tsx"],"names":[],"mappings":";;;AAAA,2CAAyC;AACzC,iCAAkC;AAElC,uCAAqD;AAErD,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mCAAyB,CAAC,CAAA;IACrD,IAAA,iBAAQ,EAAC,oBAAoB,IAAI,OAAO,EAAE,uEAAuE,CAAC,CAAA;IAElH,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAEQ,sDAAqB"}

package/dist/cjs/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/cjs/Contexts/MapBoxInstance/Context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/Contexts/MapBoxInstance/Context.ts"],"names":[],"mappings":";;;AAAA,iCAAqC;AAIrC,MAAM,qBAAqB,GAAG,IAAA,qBAAa,EAAsB,EAAE,CAAC,CAAA;AAE3D,sDAAqB"}

package/dist/cjs/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/cjs/Contexts/MapBoxInstance/Provider.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapBoxInstanceProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Context_1 = require("./Context");
+const MapBoxInstanceProvider = ({ children }) => {
+    const [map, setMapBoxInstance] = (0, react_1.useState)();
+    const [mapInitialized, setMapInitialized] = (0, react_1.useState)(false);
+    const value = { map, mapInitialized, setMapBoxInstance };
+    (0, react_1.useEffect)(() => {
+        if (!mapInitialized && map) {
+            map === null || map === void 0 ? void 0 : map.on('load', () => {
+                setMapInitialized(true);
+            });
+        }
+    }, [map, mapInitialized, setMapInitialized]);
+    return (0, jsx_runtime_1.jsx)(Context_1.MapBoxInstanceContext.Provider, Object.assign({ value: value }, { children: children }));
+};
+exports.MapBoxInstanceProvider = MapBoxInstanceProvider;
+//# sourceMappingURL=Provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/Contexts/MapBoxInstance/Provider.tsx"],"names":[],"mappings":";;;;AAEA,iCAA2C;AAE3C,uCAAiD;AAG1C,MAAM,sBAAsB,GAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7E,MAAM,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,GAAO,CAAA;IAChD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE3D,MAAM,KAAK,GAAwB,EAAE,GAAG,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA;IAE7E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,cAAc,IAAI,GAAG,EAAE;YAC1B,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,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,uBAAC,+BAAqB,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,gBAAG,QAAQ,IAAkC,CAAA;AAClG,CAAC,CAAA;AAfY,QAAA,sBAAsB,0BAelC"}

package/dist/cjs/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/cjs/Contexts/MapBoxInstance/State.js

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMapBoxInstance = void 0;
+const sdk_js_1 = require("@xylabs/sdk-js");
+const react_1 = require("react");
+const Context_1 = require("./Context");
+const useMapBoxInstance = () => {
+    const context = (0, react_1.useContext)(Context_1.MapBoxInstanceContext);
+    (0, sdk_js_1.assertEx)('map' in context, 'useMapBoxInstance must be used within a MapBoxInstanceContext');
+    return context;
+};
+exports.useMapBoxInstance = useMapBoxInstance;
+//# sourceMappingURL=useMapBoxInstance.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMapBoxInstance.js","sourceRoot":"","sources":["../../../../src/Contexts/MapBoxInstance/useMapBoxInstance.tsx"],"names":[],"mappings":";;;AAAA,2CAAyC;AACzC,iCAAkC;AAElC,uCAAiD;AAEjD,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAqB,CAAC,CAAA;IACjD,IAAA,iBAAQ,EAAC,KAAK,IAAI,OAAO,EAAE,+DAA+D,CAAC,CAAA;IAE3F,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAEQ,8CAAiB"}

package/dist/cjs/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/cjs/Contexts/MapSettings/Context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/Contexts/MapSettings/Context.ts"],"names":[],"mappings":";;;AAAA,iCAAqC;AAIrC,MAAM,kBAAkB,GAAG,IAAA,qBAAa,EAAmB,EAAE,CAAC,CAAA;AAErD,gDAAkB"}

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

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapSettingsProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const MapBoxClasses_1 = require("../../MapBoxClasses");
+const MapBoxInstance_1 = require("../MapBoxInstance");
+const Context_1 = require("./Context");
+const MapSettingsProvider = ({ children, debugLayerName, defaultMapSettings, requestLocation, zoom = 1 }) => {
+    const [mapSettings, setMapSettings] = (0, react_1.useState)(defaultMapSettings || {});
+    const { map, mapInitialized } = (0, MapBoxInstance_1.useMapBoxInstance)();
+    const value = {
+        mapSettings,
+        setMapSettings,
+    };
+    (0, react_1.useEffect)(() => {
+        if (mapSettings && map && mapInitialized) {
+            MapBoxClasses_1.XyoMapSettings.updateSettings({ debugLayerName, map, requestLocation, settings: mapSettings, zoom });
+        }
+    }, [debugLayerName, map, mapInitialized, mapSettings, requestLocation, zoom]);
+    return (0, jsx_runtime_1.jsx)(Context_1.MapSettingsContext.Provider, Object.assign({ value: value }, { children: children }));
+};
+exports.MapSettingsProvider = MapSettingsProvider;
+//# sourceMappingURL=Provider.js.map

package/dist/cjs/Contexts/MapSettings/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/Contexts/MapSettings/Provider.tsx"],"names":[],"mappings":";;;;AACA,iCAA2C;AAE3C,uDAAoD;AAEpD,sDAAqD;AACrD,uCAA8C;AAUvC,MAAM,mBAAmB,GAAqD,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,kBAAkB,EAAE,eAAe,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE;IACnK,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAa,kBAAkB,IAAI,EAAE,CAAC,CAAA;IACpF,MAAM,EAAE,GAAG,EAAE,cAAc,EAAE,GAAG,IAAA,kCAAiB,GAAE,CAAA;IAEnD,MAAM,KAAK,GAAqB;QAC9B,WAAW;QACX,cAAc;KACf,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,GAAG,IAAI,cAAc,EAAE;YACxC,8BAAc,CAAC,cAAc,CAAC,EAAE,cAAc,EAAE,GAAG,EAAE,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAA;SACrG;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,GAAG,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC,CAAA;IAE7E,OAAO,uBAAC,4BAAkB,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,gBAAG,QAAQ,IAA+B,CAAA;AAC5F,CAAC,CAAA;AAhBY,QAAA,mBAAmB,uBAgB/B"}

package/dist/cjs/Contexts/MapSettings/State.d.ts

@@ -0,0 +1,6 @@
+import { Dispatch } from 'react';
+import { MapSetting } from '../../Settings';
+export interface MapSettingsState {
+    setMapSettings?: Dispatch<React.SetStateAction<MapSetting>>;
+    mapSettings?: MapSetting;
+}

package/dist/cjs/Contexts/MapSettings/State.js

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