@xyo-network/react-map 2.64.0-rc.2 → 2.64.0-rc.4

package/dist/node/Components/MapBox.stories.js

@@ -0,0 +1,98 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MapBox_stories_exports = {};
+__export(MapBox_stories_exports, {
+  Default: () => Default,
+  WithContainerResize: () => WithContainerResize,
+  WithMapSettings: () => WithMapSettings,
+  default: () => MapBox_stories_default
+});
+module.exports = __toCommonJS(MapBox_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react2 = require("react");
+var import_Contexts = require("../Contexts");
+var import_Settings = require("../Settings");
+var import_MapBox = require("./MapBox");
+var import_MapSettingsComponents = require("./MapSettingsComponents");
+const WithMapboxProviders = (Story, props) => {
+  const defaultSettings = (0, import_Settings.DefaultMapSettings)();
+  defaultSettings.enableControls.hidden = false;
+  defaultSettings.scrollToZoom.hidden = false;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Contexts.MapBoxInstanceProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Contexts.MapSettingsProvider, { defaultMapSettings: defaultSettings, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, { ...props }) }) });
+};
+const WithMapSettingsDecorator = (Story, args) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, { ...args }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MapSettingsComponents.MapSettingsBox, { developerMode: true })
+  ] });
+};
+var MapBox_stories_default = {
+  args: {
+    accessToken: process.env.STORYBOOK_MAPBOX_TOKEN
+  },
+  component: import_MapBox.MapBox,
+  decorators: [WithMapboxProviders],
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "map/Mapbox"
+};
+const Template = (args) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { minHeight: "calc(100vh - 2rem)", minWidth: "100%", position: "relative", transition: "min-width 300ms ease" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MapBox.MapBox, { ...args }) });
+};
+const ContainerResizeTemplate = (args) => {
+  const containerRef = (0, import_react2.useRef)();
+  const handleClick = () => {
+    if (containerRef.current) {
+      const containerWidth = containerRef.current.style.minWidth;
+      if (containerWidth === "100%") {
+        containerRef.current.style.minWidth = "50%";
+      } else {
+        containerRef.current.style.minWidth = "100%";
+      }
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexGrowCol, { rowGap: 2, alignItems: "start", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { variant: "contained", sx: { my: 1 }, onClick: handleClick, children: "Toggle Container minWidth" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref: (ref) => containerRef.current = ref,
+        style: { minHeight: "calc(100vh - 2rem)", minWidth: "100%", position: "relative", transition: "min-width 300ms ease" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MapBox.MapBox, { ...args })
+      }
+    )
+  ] });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithContainerResize = ContainerResizeTemplate.bind({});
+const WithMapSettings = Template.bind({});
+WithMapSettings.decorators = [WithMapSettingsDecorator];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default,
+  WithContainerResize,
+  WithMapSettings
+});
+//# sourceMappingURL=MapBox.stories.js.map

package/dist/node/Components/MapBox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Components/MapBox.stories.tsx"],"sourcesContent":["import { Button } from '@mui/material'\nimport { Decorator, Meta, StoryFn } from '@storybook/react'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { useRef } from 'react'\n\nimport { MapBoxInstanceProvider, MapSettingsProvider } from '../Contexts'\nimport { DefaultMapSettings } from '../Settings'\nimport { MapBox } from './MapBox'\nimport { MapSettingsBox } from './MapSettingsComponents'\n\nconst WithMapboxProviders: Decorator = (Story, props) => {\n  const defaultSettings = DefaultMapSettings()\n  defaultSettings.enableControls.hidden = false\n  defaultSettings.scrollToZoom.hidden = false\n\n  return (\n    <MapBoxInstanceProvider>\n      <MapSettingsProvider defaultMapSettings={defaultSettings}>\n        <Story {...props} />\n      </MapSettingsProvider>\n    </MapBoxInstanceProvider>\n  )\n}\n\nconst WithMapSettingsDecorator: Decorator = (Story, args) => {\n  return (\n    <>\n      <Story {...args} />\n      <MapSettingsBox developerMode={true} />\n    </>\n  )\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  args: {\n    accessToken: process.env.STORYBOOK_MAPBOX_TOKEN,\n  },\n  component: MapBox,\n  decorators: [WithMapboxProviders],\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'map/Mapbox',\n} as Meta\n\nconst Template: StoryFn<typeof MapBox> = (args) => {\n  return (\n    <div style={{ minHeight: 'calc(100vh - 2rem)', minWidth: '100%', position: 'relative', transition: 'min-width 300ms ease' }}>\n      <MapBox {...args} />\n    </div>\n  )\n}\n\nconst ContainerResizeTemplate: StoryFn<typeof MapBox> = (args) => {\n  const containerRef = useRef<HTMLDivElement | null>()\n  const handleClick = () => {\n    if (containerRef.current) {\n      const containerWidth = containerRef.current.style.minWidth\n      if (containerWidth === '100%') {\n        containerRef.current.style.minWidth = '50%'\n      } else {\n        containerRef.current.style.minWidth = '100%'\n      }\n    }\n  }\n\n  return (\n    <FlexGrowCol rowGap={2} alignItems=\"start\">\n      <Button variant=\"contained\" sx={{ my: 1 }} onClick={handleClick}>\n        Toggle Container minWidth\n      </Button>\n      <div\n        ref={(ref) => (containerRef.current = ref)}\n        style={{ minHeight: 'calc(100vh - 2rem)', minWidth: '100%', position: 'relative', transition: 'min-width 300ms ease' }}\n      >\n        <MapBox {...args} />\n      </div>\n    </FlexGrowCol>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithContainerResize = ContainerResizeTemplate.bind({})\n\nconst WithMapSettings = Template.bind({})\nWithMapSettings.decorators = [WithMapSettingsDecorator]\n\nexport { Default, WithContainerResize, WithMapSettings }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBQ;AAlBR,sBAAuB;AAEvB,2BAA4B;AAC5B,IAAAA,gBAAuB;AAEvB,sBAA4D;AAC5D,sBAAmC;AACnC,oBAAuB;AACvB,mCAA+B;AAE/B,MAAM,sBAAiC,CAAC,OAAO,UAAU;AACvD,QAAM,sBAAkB,oCAAmB;AAC3C,kBAAgB,eAAe,SAAS;AACxC,kBAAgB,aAAa,SAAS;AAEtC,SACE,4CAAC,0CACC,sDAAC,uCAAoB,oBAAoB,iBACvC,sDAAC,SAAO,GAAG,OAAO,GACpB,GACF;AAEJ;AAEA,MAAM,2BAAsC,CAAC,OAAO,SAAS;AAC3D,SACE,4EACE;AAAA,gDAAC,SAAO,GAAG,MAAM;AAAA,IACjB,4CAAC,+CAAe,eAAe,MAAM;AAAA,KACvC;AAEJ;AAGA,IAAO,yBAAQ;AAAA,EACb,MAAM;AAAA,IACJ,aAAa,QAAQ,IAAI;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,YAAY,CAAC,mBAAmB;AAAA,EAChC,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAmC,CAAC,SAAS;AACjD,SACE,4CAAC,SAAI,OAAO,EAAE,WAAW,sBAAsB,UAAU,QAAQ,UAAU,YAAY,YAAY,uBAAuB,GACxH,sDAAC,wBAAQ,GAAG,MAAM,GACpB;AAEJ;AAEA,MAAM,0BAAkD,CAAC,SAAS;AAChE,QAAM,mBAAe,sBAA8B;AACnD,QAAM,cAAc,MAAM;AACxB,QAAI,aAAa,SAAS;AACxB,YAAM,iBAAiB,aAAa,QAAQ,MAAM;AAClD,UAAI,mBAAmB,QAAQ;AAC7B,qBAAa,QAAQ,MAAM,WAAW;AAAA,MACxC,OAAO;AACL,qBAAa,QAAQ,MAAM,WAAW;AAAA,MACxC;AAAA,IACF;AAAA,EACF;AAEA,SACE,6CAAC,oCAAY,QAAQ,GAAG,YAAW,SACjC;AAAA,gDAAC,0BAAO,SAAQ,aAAY,IAAI,EAAE,IAAI,EAAE,GAAG,SAAS,aAAa,uCAEjE;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,CAAC,QAAS,aAAa,UAAU;AAAA,QACtC,OAAO,EAAE,WAAW,sBAAsB,UAAU,QAAQ,UAAU,YAAY,YAAY,uBAAuB;AAAA,QAErH,sDAAC,wBAAQ,GAAG,MAAM;AAAA;AAAA,IACpB;AAAA,KACF;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,sBAAsB,wBAAwB,KAAK,CAAC,CAAC;AAE3D,MAAM,kBAAkB,SAAS,KAAK,CAAC,CAAC;AACxC,gBAAgB,aAAa,CAAC,wBAAwB;","names":["import_react"]}

package/dist/node/Components/MapBox.stories.mjs

@@ -0,0 +1,72 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@mui/material";
+import { FlexGrowCol } from "@xylabs/react-flexbox";
+import { useRef } from "react";
+import { MapBoxInstanceProvider, MapSettingsProvider } from "../Contexts";
+import { DefaultMapSettings } from "../Settings";
+import { MapBox } from "./MapBox";
+import { MapSettingsBox } from "./MapSettingsComponents";
+const WithMapboxProviders = (Story, props) => {
+  const defaultSettings = DefaultMapSettings();
+  defaultSettings.enableControls.hidden = false;
+  defaultSettings.scrollToZoom.hidden = false;
+  return /* @__PURE__ */ jsx(MapBoxInstanceProvider, { children: /* @__PURE__ */ jsx(MapSettingsProvider, { defaultMapSettings: defaultSettings, children: /* @__PURE__ */ jsx(Story, { ...props }) }) });
+};
+const WithMapSettingsDecorator = (Story, args) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Story, { ...args }),
+    /* @__PURE__ */ jsx(MapSettingsBox, { developerMode: true })
+  ] });
+};
+var MapBox_stories_default = {
+  args: {
+    accessToken: process.env.STORYBOOK_MAPBOX_TOKEN
+  },
+  component: MapBox,
+  decorators: [WithMapboxProviders],
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "map/Mapbox"
+};
+const Template = (args) => {
+  return /* @__PURE__ */ jsx("div", { style: { minHeight: "calc(100vh - 2rem)", minWidth: "100%", position: "relative", transition: "min-width 300ms ease" }, children: /* @__PURE__ */ jsx(MapBox, { ...args }) });
+};
+const ContainerResizeTemplate = (args) => {
+  const containerRef = useRef();
+  const handleClick = () => {
+    if (containerRef.current) {
+      const containerWidth = containerRef.current.style.minWidth;
+      if (containerWidth === "100%") {
+        containerRef.current.style.minWidth = "50%";
+      } else {
+        containerRef.current.style.minWidth = "100%";
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(FlexGrowCol, { rowGap: 2, alignItems: "start", children: [
+    /* @__PURE__ */ jsx(Button, { variant: "contained", sx: { my: 1 }, onClick: handleClick, children: "Toggle Container minWidth" }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: (ref) => containerRef.current = ref,
+        style: { minHeight: "calc(100vh - 2rem)", minWidth: "100%", position: "relative", transition: "min-width 300ms ease" },
+        children: /* @__PURE__ */ jsx(MapBox, { ...args })
+      }
+    )
+  ] });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithContainerResize = ContainerResizeTemplate.bind({});
+const WithMapSettings = Template.bind({});
+WithMapSettings.decorators = [WithMapSettingsDecorator];
+export {
+  Default,
+  WithContainerResize,
+  WithMapSettings,
+  MapBox_stories_default as default
+};
+//# sourceMappingURL=MapBox.stories.mjs.map

package/dist/node/Components/MapBox.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Components/MapBox.stories.tsx"],"sourcesContent":["import { Button } from '@mui/material'\nimport { Decorator, Meta, StoryFn } from '@storybook/react'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { useRef } from 'react'\n\nimport { MapBoxInstanceProvider, MapSettingsProvider } from '../Contexts'\nimport { DefaultMapSettings } from '../Settings'\nimport { MapBox } from './MapBox'\nimport { MapSettingsBox } from './MapSettingsComponents'\n\nconst WithMapboxProviders: Decorator = (Story, props) => {\n  const defaultSettings = DefaultMapSettings()\n  defaultSettings.enableControls.hidden = false\n  defaultSettings.scrollToZoom.hidden = false\n\n  return (\n    <MapBoxInstanceProvider>\n      <MapSettingsProvider defaultMapSettings={defaultSettings}>\n        <Story {...props} />\n      </MapSettingsProvider>\n    </MapBoxInstanceProvider>\n  )\n}\n\nconst WithMapSettingsDecorator: Decorator = (Story, args) => {\n  return (\n    <>\n      <Story {...args} />\n      <MapSettingsBox developerMode={true} />\n    </>\n  )\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  args: {\n    accessToken: process.env.STORYBOOK_MAPBOX_TOKEN,\n  },\n  component: MapBox,\n  decorators: [WithMapboxProviders],\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'map/Mapbox',\n} as Meta\n\nconst Template: StoryFn<typeof MapBox> = (args) => {\n  return (\n    <div style={{ minHeight: 'calc(100vh - 2rem)', minWidth: '100%', position: 'relative', transition: 'min-width 300ms ease' }}>\n      <MapBox {...args} />\n    </div>\n  )\n}\n\nconst ContainerResizeTemplate: StoryFn<typeof MapBox> = (args) => {\n  const containerRef = useRef<HTMLDivElement | null>()\n  const handleClick = () => {\n    if (containerRef.current) {\n      const containerWidth = containerRef.current.style.minWidth\n      if (containerWidth === '100%') {\n        containerRef.current.style.minWidth = '50%'\n      } else {\n        containerRef.current.style.minWidth = '100%'\n      }\n    }\n  }\n\n  return (\n    <FlexGrowCol rowGap={2} alignItems=\"start\">\n      <Button variant=\"contained\" sx={{ my: 1 }} onClick={handleClick}>\n        Toggle Container minWidth\n      </Button>\n      <div\n        ref={(ref) => (containerRef.current = ref)}\n        style={{ minHeight: 'calc(100vh - 2rem)', minWidth: '100%', position: 'relative', transition: 'min-width 300ms ease' }}\n      >\n        <MapBox {...args} />\n      </div>\n    </FlexGrowCol>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithContainerResize = ContainerResizeTemplate.bind({})\n\nconst WithMapSettings = Template.bind({})\nWithMapSettings.decorators = [WithMapSettingsDecorator]\n\nexport { Default, WithContainerResize, WithMapSettings }\n"],"mappings":"AAkBQ,SAQJ,UARI,KAQJ,YARI;AAlBR,SAAS,cAAc;AAEvB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AAEvB,SAAS,wBAAwB,2BAA2B;AAC5D,SAAS,0BAA0B;AACnC,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAE/B,MAAM,sBAAiC,CAAC,OAAO,UAAU;AACvD,QAAM,kBAAkB,mBAAmB;AAC3C,kBAAgB,eAAe,SAAS;AACxC,kBAAgB,aAAa,SAAS;AAEtC,SACE,oBAAC,0BACC,8BAAC,uBAAoB,oBAAoB,iBACvC,8BAAC,SAAO,GAAG,OAAO,GACpB,GACF;AAEJ;AAEA,MAAM,2BAAsC,CAAC,OAAO,SAAS;AAC3D,SACE,iCACE;AAAA,wBAAC,SAAO,GAAG,MAAM;AAAA,IACjB,oBAAC,kBAAe,eAAe,MAAM;AAAA,KACvC;AAEJ;AAGA,IAAO,yBAAQ;AAAA,EACb,MAAM;AAAA,IACJ,aAAa,QAAQ,IAAI;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,YAAY,CAAC,mBAAmB;AAAA,EAChC,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAmC,CAAC,SAAS;AACjD,SACE,oBAAC,SAAI,OAAO,EAAE,WAAW,sBAAsB,UAAU,QAAQ,UAAU,YAAY,YAAY,uBAAuB,GACxH,8BAAC,UAAQ,GAAG,MAAM,GACpB;AAEJ;AAEA,MAAM,0BAAkD,CAAC,SAAS;AAChE,QAAM,eAAe,OAA8B;AACnD,QAAM,cAAc,MAAM;AACxB,QAAI,aAAa,SAAS;AACxB,YAAM,iBAAiB,aAAa,QAAQ,MAAM;AAClD,UAAI,mBAAmB,QAAQ;AAC7B,qBAAa,QAAQ,MAAM,WAAW;AAAA,MACxC,OAAO;AACL,qBAAa,QAAQ,MAAM,WAAW;AAAA,MACxC;AAAA,IACF;AAAA,EACF;AAEA,SACE,qBAAC,eAAY,QAAQ,GAAG,YAAW,SACjC;AAAA,wBAAC,UAAO,SAAQ,aAAY,IAAI,EAAE,IAAI,EAAE,GAAG,SAAS,aAAa,uCAEjE;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,CAAC,QAAS,aAAa,UAAU;AAAA,QACtC,OAAO,EAAE,WAAW,sBAAsB,UAAU,QAAQ,UAAU,YAAY,YAAY,uBAAuB;AAAA,QAErH,8BAAC,UAAQ,GAAG,MAAM;AAAA;AAAA,IACpB;AAAA,KACF;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,sBAAsB,wBAAwB,KAAK,CAAC,CAAC;AAE3D,MAAM,kBAAkB,SAAS,KAAK,CAAC,CAAC;AACxC,gBAAgB,aAAa,CAAC,wBAAwB;","names":[]}

package/dist/node/Components/MapBoxHeat.d.mts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MapboxFlexBoxProps } from '../lib';
+export declare const MapboxHeatFlexBox: React.FC<MapboxFlexBoxProps>;
+//# sourceMappingURL=MapBoxHeat.d.ts.map

package/dist/node/Components/MapBoxHeat.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapBoxHeat.d.ts","sourceRoot":"","sources":["../../../src/Components/MapBoxHeat.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAI3C,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAS1D,CAAA"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MapboxFlexBoxProps } from '../lib';
+export declare const MapboxHeatFlexBox: React.FC<MapboxFlexBoxProps>;
+//# sourceMappingURL=MapBoxHeat.d.ts.map

package/dist/node/Components/MapBoxHeat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapBoxHeat.d.ts","sourceRoot":"","sources":["../../../src/Components/MapBoxHeat.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAI3C,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAS1D,CAAA"}

package/dist/node/Components/MapBoxHeat.js

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MapBoxHeat_exports = {};
+__export(MapBoxHeat_exports, {
+  MapboxHeatFlexBox: () => MapboxHeatFlexBox
+});
+module.exports = __toCommonJS(MapBoxHeat_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_MapBox = require("./MapBox");
+var import_MapSettingsComponents = require("./MapSettingsComponents");
+const MapboxHeatFlexBox = ({ accessToken, children, mapBoxOptions, zoom, legend, developerMode, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MapBox.MapBox, { accessToken, options: mapBoxOptions, zoom }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MapSettingsComponents.MapSettingsBox, { developerMode }),
+    legend,
+    children
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MapboxHeatFlexBox
+});
+//# sourceMappingURL=MapBoxHeat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Components/MapBoxHeat.tsx"],"sourcesContent":["import { FlexCol } from '@xylabs/react-flexbox'\n\nimport { MapboxFlexBoxProps } from '../lib'\nimport { MapBox } from './MapBox'\nimport { MapSettingsBox } from './MapSettingsComponents'\n\nexport const MapboxHeatFlexBox: React.FC<MapboxFlexBoxProps> = ({ accessToken, children, mapBoxOptions, zoom, legend, developerMode, ...props }) => {\n  return (\n    <FlexCol {...props}>\n      <MapBox accessToken={accessToken} options={mapBoxOptions} zoom={zoom} />\n      <MapSettingsBox developerMode={developerMode} />\n      {legend}\n      {children}\n    </FlexCol>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQI;AARJ,2BAAwB;AAGxB,oBAAuB;AACvB,mCAA+B;AAExB,MAAM,oBAAkD,CAAC,EAAE,aAAa,UAAU,eAAe,MAAM,QAAQ,eAAe,GAAG,MAAM,MAAM;AAClJ,SACE,6CAAC,gCAAS,GAAG,OACX;AAAA,gDAAC,wBAAO,aAA0B,SAAS,eAAe,MAAY;AAAA,IACtE,4CAAC,+CAAe,eAA8B;AAAA,IAC7C;AAAA,IACA;AAAA,KACH;AAEJ;","names":[]}

package/dist/node/Components/MapBoxHeat.mjs

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

package/dist/node/Components/MapBoxHeat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Components/MapBoxHeat.tsx"],"sourcesContent":["import { FlexCol } from '@xylabs/react-flexbox'\n\nimport { MapboxFlexBoxProps } from '../lib'\nimport { MapBox } from './MapBox'\nimport { MapSettingsBox } from './MapSettingsComponents'\n\nexport const MapboxHeatFlexBox: React.FC<MapboxFlexBoxProps> = ({ accessToken, children, mapBoxOptions, zoom, legend, developerMode, ...props }) => {\n  return (\n    <FlexCol {...props}>\n      <MapBox accessToken={accessToken} options={mapBoxOptions} zoom={zoom} />\n      <MapSettingsBox developerMode={developerMode} />\n      {legend}\n      {children}\n    </FlexCol>\n  )\n}\n"],"mappings":"AAQI,SACE,KADF;AARJ,SAAS,eAAe;AAGxB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,MAAM,oBAAkD,CAAC,EAAE,aAAa,UAAU,eAAe,MAAM,QAAQ,eAAe,GAAG,MAAM,MAAM;AAClJ,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,UAAO,aAA0B,SAAS,eAAe,MAAY;AAAA,IACtE,oBAAC,kBAAe,eAA8B;AAAA,IAC7C;AAAA,IACA;AAAA,KACH;AAEJ;","names":[]}

package/dist/node/Components/MapBoxPoints.d.mts

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

package/dist/node/Components/MapBoxPoints.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapBoxPoints.d.ts","sourceRoot":"","sources":["../../../src/Components/MapBoxPoints.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAK3C,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAA;CAC5B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyElE,CAAA"}

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

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

package/dist/node/Components/MapBoxPoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapBoxPoints.d.ts","sourceRoot":"","sources":["../../../src/Components/MapBoxPoints.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAK3C,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAA;CAC5B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyElE,CAAA"}

package/dist/node/Components/MapBoxPoints.js

@@ -0,0 +1,90 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MapBoxPoints_exports = {};
+__export(MapBoxPoints_exports, {
+  MapboxPointsFlexBox: () => MapboxPointsFlexBox
+});
+module.exports = __toCommonJS(MapBoxPoints_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+var import_Contexts = require("../Contexts");
+var import_MapBoxClasses = require("../MapBoxClasses");
+var import_MapBox = require("./MapBox");
+var import_MapSettingsComponents = require("./MapSettingsComponents");
+const MapboxPointsFlexBox = ({
+  accessToken,
+  features,
+  fitToPointsPadding = 20,
+  layers,
+  zoom,
+  ...props
+}) => {
+  const [mapPoints, setMapPoints] = (0, import_react.useState)();
+  const { mapSettings } = (0, import_Contexts.useMapSettings)();
+  const { map, mapInitialized } = (0, import_Contexts.useMapBoxInstance)();
+  const customFitToBoundsOptions = (zoom2) => {
+    if (zoom2 !== void 0) {
+      return {
+        maxZoom: zoom2
+      };
+    }
+    return {};
+  };
+  const updateFeatures = (0, import_react.useCallback)(() => {
+    if (mapPoints?.isMapReady && features?.length) {
+      layers?.forEach((layer) => {
+        mapPoints.initializeMapSource(layer);
+      });
+    }
+  }, [mapPoints, features, layers]);
+  const updateMapSetup = (0, import_react.useCallback)(() => {
+    const { fitToPoints } = mapSettings || {};
+    if (mapPoints && map) {
+      if (fitToPoints?.value === true) {
+        mapPoints.initialMapPositioning({ padding: fitToPointsPadding, ...customFitToBoundsOptions(zoom) });
+      }
+    }
+  }, [mapSettings, mapPoints, map, fitToPointsPadding, zoom]);
+  const reInitializeMap = (0, import_react.useCallback)(() => {
+    mapPoints?.initialMapPositioning({ padding: fitToPointsPadding, ...customFitToBoundsOptions(zoom) });
+    updateFeatures();
+  }, [mapPoints, fitToPointsPadding, updateFeatures, zoom]);
+  (0, import_react.useEffect)(() => {
+    if (map && features?.length) {
+      setMapPoints(new import_MapBoxClasses.MapPoints({ features, map, zoom }));
+    }
+  }, [map, features, zoom]);
+  (0, import_react.useEffect)(() => {
+    if (mapInitialized) {
+      updateMapSetup();
+      reInitializeMap();
+    }
+  }, [mapInitialized, reInitializeMap, updateMapSetup]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", id: "xyo-mapbox-wrap", ...props, children: features ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MapBox.MapBox, { accessToken, zoom }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MapSettingsComponents.MapSettingsBox, {})
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Alert, { severity: "error", children: "No data to show" }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MapboxPointsFlexBox
+});
+//# sourceMappingURL=MapBoxPoints.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Components/MapBoxPoints.tsx"],"sourcesContent":["import { Alert } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { Feature, Point } from 'geojson'\nimport { FitBoundsOptions } from 'mapbox-gl'\nimport { useCallback, useEffect, useState } from 'react'\n\nimport { useMapBoxInstance, useMapSettings } from '../Contexts'\nimport { MapboxFlexBoxProps } from '../lib'\nimport { MapPoints } from '../MapBoxClasses'\nimport { MapBox } from './MapBox'\nimport { MapSettingsBox } from './MapSettingsComponents'\n\nexport interface MapboxPointsFlexBoxProps extends MapboxFlexBoxProps {\n  accessToken: string\n  features?: Feature<Point>[]\n}\n\nexport const MapboxPointsFlexBox: React.FC<MapboxPointsFlexBoxProps> = ({\n  accessToken,\n  features,\n  fitToPointsPadding = 20,\n  layers,\n  zoom,\n  ...props\n}) => {\n  const [mapPoints, setMapPoints] = useState<MapPoints>()\n  const { mapSettings } = useMapSettings()\n  const { map, mapInitialized } = useMapBoxInstance()\n\n  /**\n   * Needed because of a bug in mapbox taking undefined values for the config options of fitToBounds\n   * see - https://github.com/mapbox/mapbox-gl-js/issues/10013\n   */\n  const customFitToBoundsOptions = (zoom?: number): FitBoundsOptions => {\n    if (zoom !== undefined) {\n      return {\n        maxZoom: zoom,\n      }\n    }\n    return {}\n  }\n\n  const updateFeatures = useCallback(() => {\n    if (mapPoints?.isMapReady && features?.length) {\n      layers?.forEach((layer) => {\n        mapPoints.initializeMapSource(layer)\n      })\n    }\n  }, [mapPoints, features, layers])\n\n  const updateMapSetup = useCallback(() => {\n    const { fitToPoints } = mapSettings || {}\n\n    if (mapPoints && map) {\n      if (fitToPoints?.value === true) {\n        mapPoints.initialMapPositioning({ padding: fitToPointsPadding, ...customFitToBoundsOptions(zoom) })\n      }\n    }\n  }, [mapSettings, mapPoints, map, fitToPointsPadding, zoom])\n\n  const reInitializeMap = useCallback(() => {\n    mapPoints?.initialMapPositioning({ padding: fitToPointsPadding, ...customFitToBoundsOptions(zoom) })\n    updateFeatures()\n  }, [mapPoints, fitToPointsPadding, updateFeatures, zoom])\n\n  useEffect(() => {\n    if (map && features?.length) {\n      setMapPoints(new MapPoints({ features, map, zoom }))\n    }\n  }, [map, features, zoom])\n\n  useEffect(() => {\n    if (mapInitialized) {\n      updateMapSetup()\n      reInitializeMap()\n    }\n  }, [mapInitialized, reInitializeMap, updateMapSetup])\n\n  return (\n    <FlexCol alignItems=\"stretch\" id=\"xyo-mapbox-wrap\" {...props}>\n      {features ? (\n        <>\n          <MapBox accessToken={accessToken} zoom={zoom} />\n          <MapSettingsBox />\n        </>\n      ) : (\n        <Alert severity=\"error\">No data to show</Alert>\n      )}\n    </FlexCol>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiFQ;AAjFR,sBAAsB;AACtB,2BAAwB;AAGxB,mBAAiD;AAEjD,sBAAkD;AAElD,2BAA0B;AAC1B,oBAAuB;AACvB,mCAA+B;AAOxB,MAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAoB;AACtD,QAAM,EAAE,YAAY,QAAI,gCAAe;AACvC,QAAM,EAAE,KAAK,eAAe,QAAI,mCAAkB;AAMlD,QAAM,2BAA2B,CAACA,UAAoC;AACpE,QAAIA,UAAS,QAAW;AACtB,aAAO;AAAA,QACL,SAASA;AAAA,MACX;AAAA,IACF;AACA,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,qBAAiB,0BAAY,MAAM;AACvC,QAAI,WAAW,cAAc,UAAU,QAAQ;AAC7C,cAAQ,QAAQ,CAAC,UAAU;AACzB,kBAAU,oBAAoB,KAAK;AAAA,MACrC,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,MAAM,CAAC;AAEhC,QAAM,qBAAiB,0BAAY,MAAM;AACvC,UAAM,EAAE,YAAY,IAAI,eAAe,CAAC;AAExC,QAAI,aAAa,KAAK;AACpB,UAAI,aAAa,UAAU,MAAM;AAC/B,kBAAU,sBAAsB,EAAE,SAAS,oBAAoB,GAAG,yBAAyB,IAAI,EAAE,CAAC;AAAA,MACpG;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,KAAK,oBAAoB,IAAI,CAAC;AAE1D,QAAM,sBAAkB,0BAAY,MAAM;AACxC,eAAW,sBAAsB,EAAE,SAAS,oBAAoB,GAAG,yBAAyB,IAAI,EAAE,CAAC;AACnG,mBAAe;AAAA,EACjB,GAAG,CAAC,WAAW,oBAAoB,gBAAgB,IAAI,CAAC;AAExD,8BAAU,MAAM;AACd,QAAI,OAAO,UAAU,QAAQ;AAC3B,mBAAa,IAAI,+BAAU,EAAE,UAAU,KAAK,KAAK,CAAC,CAAC;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,KAAK,UAAU,IAAI,CAAC;AAExB,8BAAU,MAAM;AACd,QAAI,gBAAgB;AAClB,qBAAe;AACf,sBAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,gBAAgB,iBAAiB,cAAc,CAAC;AAEpD,SACE,4CAAC,gCAAQ,YAAW,WAAU,IAAG,mBAAmB,GAAG,OACpD,qBACC,4EACE;AAAA,gDAAC,wBAAO,aAA0B,MAAY;AAAA,IAC9C,4CAAC,+CAAe;AAAA,KAClB,IAEA,4CAAC,yBAAM,UAAS,SAAQ,6BAAe,GAE3C;AAEJ;","names":["zoom"]}

package/dist/node/Components/MapBoxPoints.mjs

@@ -0,0 +1,66 @@
+import { Fragment, jsx, 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";
+const MapboxPointsFlexBox = ({
+  accessToken,
+  features,
+  fitToPointsPadding = 20,
+  layers,
+  zoom,
+  ...props
+}) => {
+  const [mapPoints, setMapPoints] = useState();
+  const { mapSettings } = useMapSettings();
+  const { map, mapInitialized } = useMapBoxInstance();
+  const customFitToBoundsOptions = (zoom2) => {
+    if (zoom2 !== void 0) {
+      return {
+        maxZoom: zoom2
+      };
+    }
+    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 /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", id: "xyo-mapbox-wrap", ...props, children: features ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MapBox, { accessToken, zoom }),
+    /* @__PURE__ */ jsx(MapSettingsBox, {})
+  ] }) : /* @__PURE__ */ jsx(Alert, { severity: "error", children: "No data to show" }) });
+};
+export {
+  MapboxPointsFlexBox
+};
+//# sourceMappingURL=MapBoxPoints.mjs.map

package/dist/node/Components/MapBoxPoints.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Components/MapBoxPoints.tsx"],"sourcesContent":["import { Alert } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { Feature, Point } from 'geojson'\nimport { FitBoundsOptions } from 'mapbox-gl'\nimport { useCallback, useEffect, useState } from 'react'\n\nimport { useMapBoxInstance, useMapSettings } from '../Contexts'\nimport { MapboxFlexBoxProps } from '../lib'\nimport { MapPoints } from '../MapBoxClasses'\nimport { MapBox } from './MapBox'\nimport { MapSettingsBox } from './MapSettingsComponents'\n\nexport interface MapboxPointsFlexBoxProps extends MapboxFlexBoxProps {\n  accessToken: string\n  features?: Feature<Point>[]\n}\n\nexport const MapboxPointsFlexBox: React.FC<MapboxPointsFlexBoxProps> = ({\n  accessToken,\n  features,\n  fitToPointsPadding = 20,\n  layers,\n  zoom,\n  ...props\n}) => {\n  const [mapPoints, setMapPoints] = useState<MapPoints>()\n  const { mapSettings } = useMapSettings()\n  const { map, mapInitialized } = useMapBoxInstance()\n\n  /**\n   * Needed because of a bug in mapbox taking undefined values for the config options of fitToBounds\n   * see - https://github.com/mapbox/mapbox-gl-js/issues/10013\n   */\n  const customFitToBoundsOptions = (zoom?: number): FitBoundsOptions => {\n    if (zoom !== undefined) {\n      return {\n        maxZoom: zoom,\n      }\n    }\n    return {}\n  }\n\n  const updateFeatures = useCallback(() => {\n    if (mapPoints?.isMapReady && features?.length) {\n      layers?.forEach((layer) => {\n        mapPoints.initializeMapSource(layer)\n      })\n    }\n  }, [mapPoints, features, layers])\n\n  const updateMapSetup = useCallback(() => {\n    const { fitToPoints } = mapSettings || {}\n\n    if (mapPoints && map) {\n      if (fitToPoints?.value === true) {\n        mapPoints.initialMapPositioning({ padding: fitToPointsPadding, ...customFitToBoundsOptions(zoom) })\n      }\n    }\n  }, [mapSettings, mapPoints, map, fitToPointsPadding, zoom])\n\n  const reInitializeMap = useCallback(() => {\n    mapPoints?.initialMapPositioning({ padding: fitToPointsPadding, ...customFitToBoundsOptions(zoom) })\n    updateFeatures()\n  }, [mapPoints, fitToPointsPadding, updateFeatures, zoom])\n\n  useEffect(() => {\n    if (map && features?.length) {\n      setMapPoints(new MapPoints({ features, map, zoom }))\n    }\n  }, [map, features, zoom])\n\n  useEffect(() => {\n    if (mapInitialized) {\n      updateMapSetup()\n      reInitializeMap()\n    }\n  }, [mapInitialized, reInitializeMap, updateMapSetup])\n\n  return (\n    <FlexCol alignItems=\"stretch\" id=\"xyo-mapbox-wrap\" {...props}>\n      {features ? (\n        <>\n          <MapBox accessToken={accessToken} zoom={zoom} />\n          <MapSettingsBox />\n        </>\n      ) : (\n        <Alert severity=\"error\">No data to show</Alert>\n      )}\n    </FlexCol>\n  )\n}\n"],"mappings":"AAiFQ,mBACE,KADF;AAjFR,SAAS,aAAa;AACtB,SAAS,eAAe;AAGxB,SAAS,aAAa,WAAW,gBAAgB;AAEjD,SAAS,mBAAmB,sBAAsB;AAElD,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAOxB,MAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAoB;AACtD,QAAM,EAAE,YAAY,IAAI,eAAe;AACvC,QAAM,EAAE,KAAK,eAAe,IAAI,kBAAkB;AAMlD,QAAM,2BAA2B,CAACA,UAAoC;AACpE,QAAIA,UAAS,QAAW;AACtB,aAAO;AAAA,QACL,SAASA;AAAA,MACX;AAAA,IACF;AACA,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,WAAW,cAAc,UAAU,QAAQ;AAC7C,cAAQ,QAAQ,CAAC,UAAU;AACzB,kBAAU,oBAAoB,KAAK;AAAA,MACrC,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,MAAM,CAAC;AAEhC,QAAM,iBAAiB,YAAY,MAAM;AACvC,UAAM,EAAE,YAAY,IAAI,eAAe,CAAC;AAExC,QAAI,aAAa,KAAK;AACpB,UAAI,aAAa,UAAU,MAAM;AAC/B,kBAAU,sBAAsB,EAAE,SAAS,oBAAoB,GAAG,yBAAyB,IAAI,EAAE,CAAC;AAAA,MACpG;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,WAAW,KAAK,oBAAoB,IAAI,CAAC;AAE1D,QAAM,kBAAkB,YAAY,MAAM;AACxC,eAAW,sBAAsB,EAAE,SAAS,oBAAoB,GAAG,yBAAyB,IAAI,EAAE,CAAC;AACnG,mBAAe;AAAA,EACjB,GAAG,CAAC,WAAW,oBAAoB,gBAAgB,IAAI,CAAC;AAExD,YAAU,MAAM;AACd,QAAI,OAAO,UAAU,QAAQ;AAC3B,mBAAa,IAAI,UAAU,EAAE,UAAU,KAAK,KAAK,CAAC,CAAC;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,KAAK,UAAU,IAAI,CAAC;AAExB,YAAU,MAAM;AACd,QAAI,gBAAgB;AAClB,qBAAe;AACf,sBAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,gBAAgB,iBAAiB,cAAc,CAAC;AAEpD,SACE,oBAAC,WAAQ,YAAW,WAAU,IAAG,mBAAmB,GAAG,OACpD,qBACC,iCACE;AAAA,wBAAC,UAAO,aAA0B,MAAY;AAAA,IAC9C,oBAAC,kBAAe;AAAA,KAClB,IAEA,oBAAC,SAAM,UAAS,SAAQ,6BAAe,GAE3C;AAEJ;","names":["zoom"]}

package/dist/node/Components/MapSettingsComponents/Setting.d.mts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SwitchProps } from '@mui/material';
+export interface MapSettingSwitchProps extends SwitchProps {
+    developerMode?: boolean;
+    field: string;
+}
+export declare const MapSettingSwitch: React.FC<MapSettingSwitchProps>;
+//# sourceMappingURL=Setting.d.ts.map

package/dist/node/Components/MapSettingsComponents/Setting.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Setting.d.ts","sourceRoot":"","sources":["../../../../src/Components/MapSettingsComponents/Setting.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA4B,WAAW,EAAE,MAAM,eAAe,CAAA;AAIrE,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoB5D,CAAA"}

package/dist/node/Components/MapSettingsComponents/Setting.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SwitchProps } from '@mui/material';
+export interface MapSettingSwitchProps extends SwitchProps {
+    developerMode?: boolean;
+    field: string;
+}
+export declare const MapSettingSwitch: React.FC<MapSettingSwitchProps>;
+//# sourceMappingURL=Setting.d.ts.map

package/dist/node/Components/MapSettingsComponents/Setting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Setting.d.ts","sourceRoot":"","sources":["../../../../src/Components/MapSettingsComponents/Setting.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA4B,WAAW,EAAE,MAAM,eAAe,CAAA;AAIrE,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoB5D,CAAA"}

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

@@ -0,0 +1,47 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Setting_exports = {};
+__export(Setting_exports, {
+  MapSettingSwitch: () => MapSettingSwitch
+});
+module.exports = __toCommonJS(Setting_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_Contexts = require("../../Contexts");
+const MapSettingSwitch = ({ developerMode, field, ...props }) => {
+  const { mapSettings, setMapSettings } = (0, import_Contexts.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 : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.FormControlLabel, { label: setting?.label, control: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Switch, { checked: setting?.value, onChange: onLocalChange, ...props }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MapSettingSwitch
+});
+//# sourceMappingURL=Setting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Components/MapSettingsComponents/Setting.tsx"],"sourcesContent":["import { FormControlLabel, Switch, SwitchProps } from '@mui/material'\n\nimport { useMapSettings } from '../../Contexts'\n\nexport interface MapSettingSwitchProps extends SwitchProps {\n  developerMode?: boolean\n  field: string\n}\n\nexport const MapSettingSwitch: React.FC<MapSettingSwitchProps> = ({ developerMode, field, ...props }) => {\n  const { mapSettings, setMapSettings } = useMapSettings()\n  const setting = mapSettings?.[field]\n\n  const onLocalChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (setting) {\n      setMapSettings?.((previous) => {\n        previous[setting.field].value = event.target.checked\n        return { ...previous }\n      })\n    }\n  }\n\n  if (setting?.devMode && developerMode === false) {\n    return null\n  }\n\n  return setting?.hidden ? null : (\n    <FormControlLabel label={setting?.label} control={<Switch checked={setting?.value} onChange={onLocalChange} {...props} />} />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BsD;AA3BtD,sBAAsD;AAEtD,sBAA+B;AAOxB,MAAM,mBAAoD,CAAC,EAAE,eAAe,OAAO,GAAG,MAAM,MAAM;AACvG,QAAM,EAAE,aAAa,eAAe,QAAI,gCAAe;AACvD,QAAM,UAAU,cAAc,KAAK;AAEnC,QAAM,gBAAgB,CAAC,UAA+C;AACpE,QAAI,SAAS;AACX,uBAAiB,CAAC,aAAa;AAC7B,iBAAS,QAAQ,KAAK,EAAE,QAAQ,MAAM,OAAO;AAC7C,eAAO,EAAE,GAAG,SAAS;AAAA,MACvB,CAAC;AAAA,IACH;AAAA,EACF;AAEA,MAAI,SAAS,WAAW,kBAAkB,OAAO;AAC/C,WAAO;AAAA,EACT;AAEA,SAAO,SAAS,SAAS,OACvB,4CAAC,oCAAiB,OAAO,SAAS,OAAO,SAAS,4CAAC,0BAAO,SAAS,SAAS,OAAO,UAAU,eAAgB,GAAG,OAAO,GAAI;AAE/H;","names":[]}

package/dist/node/Components/MapSettingsComponents/Setting.mjs

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { FormControlLabel, Switch } from "@mui/material";
+import { useMapSettings } from "../../Contexts";
+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 : /* @__PURE__ */ jsx(FormControlLabel, { label: setting?.label, control: /* @__PURE__ */ jsx(Switch, { checked: setting?.value, onChange: onLocalChange, ...props }) });
+};
+export {
+  MapSettingSwitch
+};
+//# sourceMappingURL=Setting.mjs.map

package/dist/node/Components/MapSettingsComponents/Setting.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Components/MapSettingsComponents/Setting.tsx"],"sourcesContent":["import { FormControlLabel, Switch, SwitchProps } from '@mui/material'\n\nimport { useMapSettings } from '../../Contexts'\n\nexport interface MapSettingSwitchProps extends SwitchProps {\n  developerMode?: boolean\n  field: string\n}\n\nexport const MapSettingSwitch: React.FC<MapSettingSwitchProps> = ({ developerMode, field, ...props }) => {\n  const { mapSettings, setMapSettings } = useMapSettings()\n  const setting = mapSettings?.[field]\n\n  const onLocalChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (setting) {\n      setMapSettings?.((previous) => {\n        previous[setting.field].value = event.target.checked\n        return { ...previous }\n      })\n    }\n  }\n\n  if (setting?.devMode && developerMode === false) {\n    return null\n  }\n\n  return setting?.hidden ? null : (\n    <FormControlLabel label={setting?.label} control={<Switch checked={setting?.value} onChange={onLocalChange} {...props} />} />\n  )\n}\n"],"mappings":"AA2BsD;AA3BtD,SAAS,kBAAkB,cAA2B;AAEtD,SAAS,sBAAsB;AAOxB,MAAM,mBAAoD,CAAC,EAAE,eAAe,OAAO,GAAG,MAAM,MAAM;AACvG,QAAM,EAAE,aAAa,eAAe,IAAI,eAAe;AACvD,QAAM,UAAU,cAAc,KAAK;AAEnC,QAAM,gBAAgB,CAAC,UAA+C;AACpE,QAAI,SAAS;AACX,uBAAiB,CAAC,aAAa;AAC7B,iBAAS,QAAQ,KAAK,EAAE,QAAQ,MAAM,OAAO;AAC7C,eAAO,EAAE,GAAG,SAAS;AAAA,MACvB,CAAC;AAAA,IACH;AAAA,EACF;AAEA,MAAI,SAAS,WAAW,kBAAkB,OAAO;AAC/C,WAAO;AAAA,EACT;AAEA,SAAO,SAAS,SAAS,OACvB,oBAAC,oBAAiB,OAAO,SAAS,OAAO,SAAS,oBAAC,UAAO,SAAS,SAAS,OAAO,UAAU,eAAgB,GAAG,OAAO,GAAI;AAE/H;","names":[]}

package/dist/node/Components/MapSettingsComponents/SettingsBox.d.mts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface MapSettingsBoxProps extends FlexBoxProps {
+    developerMode?: boolean;
+}
+export declare const MapSettingsBox: React.FC<MapSettingsBoxProps>;
+//# sourceMappingURL=SettingsBox.d.ts.map

package/dist/node/Components/MapSettingsComponents/SettingsBox.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsBox.d.ts","sourceRoot":"","sources":["../../../../src/Components/MapSettingsComponents/SettingsBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAwB,MAAM,uBAAuB,CAAA;AAM1E,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkBxD,CAAA"}

package/dist/node/Components/MapSettingsComponents/SettingsBox.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface MapSettingsBoxProps extends FlexBoxProps {
+    developerMode?: boolean;
+}
+export declare const MapSettingsBox: React.FC<MapSettingsBoxProps>;
+//# sourceMappingURL=SettingsBox.d.ts.map

package/dist/node/Components/MapSettingsComponents/SettingsBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsBox.d.ts","sourceRoot":"","sources":["../../../../src/Components/MapSettingsComponents/SettingsBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAwB,MAAM,uBAAuB,CAAA;AAM1E,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkBxD,CAAA"}