@xyo-network/react-map 2.64.0-rc.7 → 2.64.1

package/dist/node/types/index.js

@@ -1,23 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
-__reExport(types_exports, require("./NetworkLocationAnswerBase"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./NetworkLocationAnswerBase")
-});
 //# sourceMappingURL=index.js.map

package/dist/node/types/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/types/index.ts"],"sourcesContent":["export * from './NetworkLocationAnswerBase'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,wCAAd;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -10,17 +10,17 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/assert": "^2.11.11",
-    "@xylabs/delay": "^2.11.11",
-    "@xylabs/forget": "^2.11.11",
-    "@xylabs/lodash": "^2.11.11",
-    "@xylabs/react-flexbox": "^3.1.0-rc.6",
-    "@xylabs/react-shared": "^3.1.0-rc.6",
-    "@xyo-network/payload-model": "^2.74.5",
-    "@xyo-network/react-app-settings": "~2.64.0-rc.7",
-    "@xyo-network/react-archivist": "~2.64.0-rc.7",
-    "@xyo-network/react-network": "~2.64.0-rc.7",
-    "@xyo-network/react-shared": "~2.64.0-rc.7",
+    "@xylabs/assert": "^2.12.14",
+    "@xylabs/delay": "^2.12.14",
+    "@xylabs/forget": "^2.12.14",
+    "@xylabs/lodash": "^2.12.14",
+    "@xylabs/react-flexbox": "^3.0.6",
+    "@xylabs/react-shared": "^3.0.6",
+    "@xyo-network/payload-model": "^2.75.4",
+    "@xyo-network/react-app-settings": "~2.64.1",
+    "@xyo-network/react-archivist": "~2.64.1",
+    "@xyo-network/react-network": "~2.64.1",
+    "@xyo-network/react-shared": "~2.64.1",
     "@xyo-network/sdk-geo": "^2.9.2",
     "geojson": "^0.5.0",
     "mapbox-gl": "^2.15.0"
@@ -36,10 +36,10 @@
   },
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
-    "@storybook/react": "^7.4.4",
-    "@types/mapbox-gl": "^2.7.14",
-    "@xylabs/ts-scripts-yarn3": "^3.0.55",
-    "@xylabs/tsconfig-react": "^3.0.55",
+    "@storybook/react": "^7.4.5",
+    "@types/mapbox-gl": "^2.7.15",
+    "@xylabs/ts-scripts-yarn3": "^3.0.79",
+    "@xylabs/tsconfig-react": "^3.0.79",
     "typescript": "^5.2.2"
   },
   "docs": "dist/docs.json",
@@ -48,28 +48,28 @@
       "node": {
         "import": {
           "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.mjs"
+          "default": "./dist/node/index.js"
         },
         "require": {
-          "types": "./dist/node/index.d.ts",
-          "default": "./dist/node/index.js"
+          "types": "./dist/node/index.d.cts",
+          "default": "./dist/node/index.cjs"
         }
       },
       "browser": {
         "import": {
-          "types": "./dist/browser/index.d.ts",
+          "types": "./dist/browser/index.d.mts",
           "default": "./dist/browser/index.js"
         },
         "require": {
-          "types": "./dist/browser/index.d.ts",
-          "default": "./dist/browser/index.js"
+          "types": "./dist/browser/index.d.cts",
+          "default": "./dist/browser/index.cjs"
         }
       },
-      "default": "./dist/browser/index.mjs"
+      "default": "./dist/browser/index.js"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/browser/index.js",
+  "main": "dist/browser/index.cjs",
   "module": "dist/browser/index.js",
   "homepage": "https://xyo.network",
   "keywords": [
@@ -92,6 +92,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.64.0-rc.7",
-  "stableVersion": "2.63.1"
+  "version": "2.64.1",
+  "type": "module"
 }

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

@@ -1,72 +0,0 @@
-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.js.map

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

@@ -1 +0,0 @@
-{"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/AnimatedHeatMapSettings.mjs

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

package/dist/node/AnimatedHeatMapSettings.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/AnimatedHeatMapSettings.ts"],"sourcesContent":["import { DefaultMapSettings } from './Settings'\n\nexport const AnimatedHeatMapSettings = DefaultMapSettings()\nconst { debugLayer, scrollToZoom, fitToPoints, preferDark } = AnimatedHeatMapSettings\ndebugLayer.hidden = false\nscrollToZoom.value = true\nfitToPoints.value = false\npreferDark.value = true\n"],"mappings":"AAAA,SAAS,0BAA0B;AAE5B,MAAM,0BAA0B,mBAAmB;AAC1D,MAAM,EAAE,YAAY,cAAc,aAAa,WAAW,IAAI;AAC9D,WAAW,SAAS;AACpB,aAAa,QAAQ;AACrB,YAAY,QAAQ;AACpB,WAAW,QAAQ;","names":[]}

package/dist/node/Colors/MapColorProps.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=MapColorProps.mjs.map

package/dist/node/Colors/MapColorProps.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/node/Colors/index.mjs

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

package/dist/node/Colors/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Colors/index.ts"],"sourcesContent":["export * from './MapColorProps'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/node/Components/AnimatedHeatMap.mjs

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Components/AnimatedHeatMap.tsx"],"sourcesContent":["import { darken, useTheme } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { Feature, Polygon } from 'geojson'\nimport { useState } from 'react'\n\nimport { AnimatedHeatMapColorProps } from '../Colors'\nimport { HeatMapInitializerProvider, MapBoxInstanceProvider, MapSettingsProvider } from '../Contexts'\nimport { LocationHeatMapLayerBuilderAnimated, MapHeatConstants, MapLayer } from '../Layers'\nimport { MapSetting } from '../Settings'\nimport { MapboxHeatFlexBox } from './MapBoxHeat'\n\nexport interface AnimatedHeatMapProps {\n  accessToken: string\n  animatedFeatureSets: Feature<Polygon>[][]\n  defaultMapSettings?: MapSetting\n  heatMapColorProps: AnimatedHeatMapColorProps\n  staticFeatureSet: Feature<Polygon>[]\n}\n\nexport const AnimatedHeatMap: React.FC<WithChildren<AnimatedHeatMapProps>> = ({\n  accessToken,\n  animatedFeatureSets,\n  defaultMapSettings,\n  heatMapColorProps,\n  staticFeatureSet,\n  ...props\n}) => {\n  const theme = useTheme()\n  const { staticMapColor, lowUsageColor, highUsageColor } = heatMapColorProps || {}\n  const localStaticMapColor = staticMapColor ?? theme.palette.primary.light\n\n  const [layers] = useState<MapLayer[]>([\n    LocationHeatMapLayerBuilderAnimated(localStaticMapColor, 0, 'static'),\n    LocationHeatMapLayerBuilderAnimated(lowUsageColor || localStaticMapColor, 0, 'animated'),\n    LocationHeatMapLayerBuilderAnimated(highUsageColor || darken(localStaticMapColor, 0.9), 1, 'animated'),\n  ])\n\n  return animatedFeatureSets?.length ? (\n    <MapBoxInstanceProvider>\n      <MapSettingsProvider defaultMapSettings={defaultMapSettings} debugLayerName={MapHeatConstants.LocationDebugLayerId}>\n        <HeatMapInitializerProvider\n          features={staticFeatureSet}\n          layers={[layers[0]]}\n          featureSets={animatedFeatureSets}\n          featureSetsLayers={layers.slice(1, 3)}\n          heatMapColorProps={heatMapColorProps}\n        >\n          <MapboxHeatFlexBox accessToken={accessToken} {...props}></MapboxHeatFlexBox>\n        </HeatMapInitializerProvider>\n      </MapSettingsProvider>\n    </MapBoxInstanceProvider>\n  ) : (\n    <FlexCol minHeight={160} minWidth={160} busy />\n  )\n}\n"],"mappings":"AAgDU;AAhDV,SAAS,QAAQ,gBAAgB;AACjC,SAAS,eAAe;AAGxB,SAAS,gBAAgB;AAGzB,SAAS,4BAA4B,wBAAwB,2BAA2B;AACxF,SAAS,qCAAqC,wBAAkC;AAEhF,SAAS,yBAAyB;AAU3B,MAAM,kBAAgE,CAAC;AAAA,EAC5E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,gBAAgB,eAAe,eAAe,IAAI,qBAAqB,CAAC;AAChF,QAAM,sBAAsB,kBAAkB,MAAM,QAAQ,QAAQ;AAEpE,QAAM,CAAC,MAAM,IAAI,SAAqB;AAAA,IACpC,oCAAoC,qBAAqB,GAAG,QAAQ;AAAA,IACpE,oCAAoC,iBAAiB,qBAAqB,GAAG,UAAU;AAAA,IACvF,oCAAoC,kBAAkB,OAAO,qBAAqB,GAAG,GAAG,GAAG,UAAU;AAAA,EACvG,CAAC;AAED,SAAO,qBAAqB,SAC1B,oBAAC,0BACC,8BAAC,uBAAoB,oBAAwC,gBAAgB,iBAAiB,sBAC5F;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,QAAQ,CAAC,OAAO,CAAC,CAAC;AAAA,MAClB,aAAa;AAAA,MACb,mBAAmB,OAAO,MAAM,GAAG,CAAC;AAAA,MACpC;AAAA,MAEA,8BAAC,qBAAkB,aAA2B,GAAG,OAAO;AAAA;AAAA,EAC1D,GACF,GACF,IAEA,oBAAC,WAAQ,WAAW,KAAK,UAAU,KAAK,MAAI,MAAC;AAEjD;","names":[]}

package/dist/node/Components/AnimatedHeatMapLoaded.mjs

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Components/AnimatedHeatMapLoaded.tsx"],"sourcesContent":["import { Alert, AlertTitle } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { useArchivistFromNode, useArchivistGet } from '@xyo-network/react-archivist'\nimport { Feature, Polygon } from 'geojson'\n\nimport { AnimatedHeatMapSettings } from '../AnimatedHeatMapSettings'\nimport { useFindHashes, useHeatMapColors, useQuadKeyPayloadsToFeatures } from '../hooks'\nimport { NetworkLocationHeatmapQuadkeyAnswerPayload } from '../types'\nimport { AnimatedHeatMap } from './AnimatedHeatMap'\nimport { AnimatedHeatMapLegend } from './Legend'\n\nexport interface AnimatedHeatMapLoadedProps extends FlexBoxProps {\n  accessToken: string\n  archivistNameOrAddress: string\n}\n\nexport const AnimatedHeatMapLoaded: React.FC<AnimatedHeatMapLoadedProps> = ({ accessToken, archivistNameOrAddress, ...props }) => {\n  const hashes = useFindHashes()\n  const [archivist] = useArchivistFromNode(archivistNameOrAddress)\n  const [payloads, xyoError] = useArchivistGet<NetworkLocationHeatmapQuadkeyAnswerPayload>(archivist, hashes)\n  const { multipleFeatureSets } = useQuadKeyPayloadsToFeatures(payloads)\n  const { heatMapColorProps, legendProps } = useHeatMapColors()\n\n  const MapBoxHeatProps = {\n    flexGrow: 1,\n    legend: legendProps ? <AnimatedHeatMapLegend {...legendProps} /> : null,\n  }\n\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      {xyoError ? (\n        <Alert sx={{ mt: 2 }}>\n          <AlertTitle>Error Loading Map</AlertTitle>\n          {xyoError.message ? `Error: ${xyoError.message}` : null}\n          You might try authenticating again.\n        </Alert>\n      ) : null}\n      {hashes !== undefined ? (\n        <AnimatedHeatMap\n          accessToken={accessToken}\n          defaultMapSettings={AnimatedHeatMapSettings}\n          animatedFeatureSets={multipleFeatureSets.slice(1, multipleFeatureSets.length) as Feature<Polygon>[][]}\n          staticFeatureSet={multipleFeatureSets[0] as Feature<Polygon>[]}\n          heatMapColorProps={heatMapColorProps}\n          {...MapBoxHeatProps}\n        />\n      ) : (\n        <Alert>Missing answer hash for heat map query</Alert>\n      )}\n    </FlexCol>\n  )\n}\n"],"mappings":"AAyB0B,cAMlB,YANkB;AAzB1B,SAAS,OAAO,kBAAkB;AAClC,SAAuB,eAAe;AACtC,SAAS,sBAAsB,uBAAuB;AAGtD,SAAS,+BAA+B;AACxC,SAAS,eAAe,kBAAkB,oCAAoC;AAE9E,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AAO/B,MAAM,wBAA8D,CAAC,EAAE,aAAa,wBAAwB,GAAG,MAAM,MAAM;AAChI,QAAM,SAAS,cAAc;AAC7B,QAAM,CAAC,SAAS,IAAI,qBAAqB,sBAAsB;AAC/D,QAAM,CAAC,UAAU,QAAQ,IAAI,gBAA4D,WAAW,MAAM;AAC1G,QAAM,EAAE,oBAAoB,IAAI,6BAA6B,QAAQ;AACrE,QAAM,EAAE,mBAAmB,YAAY,IAAI,iBAAiB;AAE5D,QAAM,kBAAkB;AAAA,IACtB,UAAU;AAAA,IACV,QAAQ,cAAc,oBAAC,yBAAuB,GAAG,aAAa,IAAK;AAAA,EACrE;AAEA,SACE,qBAAC,WAAQ,YAAW,WAAW,GAAG,OAC/B;AAAA,eACC,qBAAC,SAAM,IAAI,EAAE,IAAI,EAAE,GACjB;AAAA,0BAAC,cAAW,+BAAiB;AAAA,MAC5B,SAAS,UAAU,UAAU,SAAS,OAAO,KAAK;AAAA,MAAK;AAAA,OAE1D,IACE;AAAA,IACH,WAAW,SACV;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,oBAAoB;AAAA,QACpB,qBAAqB,oBAAoB,MAAM,GAAG,oBAAoB,MAAM;AAAA,QAC5E,kBAAkB,oBAAoB,CAAC;AAAA,QACvC;AAAA,QACC,GAAG;AAAA;AAAA,IACN,IAEA,oBAAC,SAAM,oDAAsC;AAAA,KAEjD;AAEJ;","names":[]}

package/dist/node/Components/FeaturesToLayersMap.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=FeaturesToLayersMap.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/node/Components/HeatMapSettings.mjs

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Components/HeatMapSettings.ts"],"sourcesContent":["import { DefaultMapSettings } from '../Settings'\n\nconst HeatMapSettings = DefaultMapSettings()\nconst { debugLayer, scrollToZoom, fitToPoints } = HeatMapSettings\ndebugLayer.hidden = false\nscrollToZoom.value = true\nfitToPoints.value = true\n\nexport { HeatMapSettings }\n"],"mappings":"AAAA,SAAS,0BAA0B;AAEnC,MAAM,kBAAkB,mBAAmB;AAC3C,MAAM,EAAE,YAAY,cAAc,YAAY,IAAI;AAClD,WAAW,SAAS;AACpB,aAAa,QAAQ;AACrB,YAAY,QAAQ;","names":[]}

package/dist/node/Components/Legend.mjs

@@ -1,31 +0,0 @@
-import { 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 /* @__PURE__ */ jsx(FlexCol, { position: "absolute", bottom: 0, right: 0, children: /* @__PURE__ */ jsx(
-    ColorGradientLegend,
-    {
-      startColor,
-      endColor,
-      startLabel,
-      endLabel,
-      heading,
-      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.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Components/Legend.tsx"],"sourcesContent":["import { useMediaQuery, useTheme } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\n\nimport { ColorGradientLegendProps } from '../Colors'\nimport { ColorGradientLegend } from './Legends'\n\nconst AnimatedHeatMapLegend: React.FC<ColorGradientLegendProps> = ({ ...legendProps }) => {\n  const { startColor, endColor, startLabel, endLabel, heading, textColor } = legendProps\n  const theme = useTheme()\n  const isSmall = useMediaQuery(theme.breakpoints.down('sm'))\n\n  return (\n    <FlexCol position=\"absolute\" bottom={0} right={0}>\n      <ColorGradientLegend\n        startColor={startColor}\n        endColor={endColor}\n        startLabel={startLabel}\n        endLabel={endLabel}\n        heading={heading}\n        textColor={textColor}\n        {...{\n          alignItems: 'stretch',\n          marginBottom: theme.spacing(4),\n          marginLeft: isSmall ? theme.spacing(3) : 0,\n          marginRight: isSmall ? theme.spacing(2) : theme.spacing(3),\n          width: isSmall ? '40vw' : theme.spacing(18),\n        }}\n      />\n    </FlexCol>\n  )\n}\n\nexport { AnimatedHeatMapLegend }\n"],"mappings":"AAaM;AAbN,SAAS,eAAe,gBAAgB;AACxC,SAAS,eAAe;AAGxB,SAAS,2BAA2B;AAEpC,MAAM,wBAA4D,CAAC,EAAE,GAAG,YAAY,MAAM;AACxF,QAAM,EAAE,YAAY,UAAU,YAAY,UAAU,SAAS,UAAU,IAAI;AAC3E,QAAM,QAAQ,SAAS;AACvB,QAAM,UAAU,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAE1D,SACE,oBAAC,WAAQ,UAAS,YAAW,QAAQ,GAAG,OAAO,GAC7C;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,QACF,YAAY;AAAA,QACZ,cAAc,MAAM,QAAQ,CAAC;AAAA,QAC7B,YAAY,UAAU,MAAM,QAAQ,CAAC,IAAI;AAAA,QACzC,aAAa,UAAU,MAAM,QAAQ,CAAC,IAAI,MAAM,QAAQ,CAAC;AAAA,QACzD,OAAO,UAAU,SAAS,MAAM,QAAQ,EAAE;AAAA,MAC5C;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/node/Components/Legends/ColorGradient.mjs

@@ -1,25 +0,0 @@
-import { jsx, 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 /* @__PURE__ */ jsxs(FlexCol, { ...props, children: [
-    /* @__PURE__ */ jsx(Typography, { mb: theme.spacing(0.25), color: textColor, variant: "caption", textAlign: "center", children: heading }),
-    /* @__PURE__ */ jsx(FlexCol, { flexGrow: 1, alignItems: "stretch", paddingX: theme.spacing(1), mb: theme.spacing(0.25), children: /* @__PURE__ */ jsx(
-      FlexCol,
-      {
-        height: theme.spacing(0.75),
-        border: `1px solid ${textColor}`,
-        sx: { backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` }
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(FlexRow, { flexGrow: 1, justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsx(Typography, { color: textColor, variant: "caption", children: startLabel }),
-      /* @__PURE__ */ jsx(Typography, { color: textColor, variant: "caption", children: endLabel })
-    ] })
-  ] });
-};
-export {
-  ColorGradientLegend
-};
-//# sourceMappingURL=ColorGradient.mjs.map

package/dist/node/Components/Legends/index.mjs

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

package/dist/node/Components/Legends/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Components/Legends/index.ts"],"sourcesContent":["export * from './ColorGradient'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/node/Components/MapBox.mjs

@@ -1,59 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import "mapbox-gl/dist/mapbox-gl.css";
-import { Map } from "mapbox-gl";
-import { useEffect, useRef, useState } from "react";
-import { useMapBoxInstance, useMapSettings } from "../Contexts";
-import { useDynamicMapResize } from "../hooks";
-import { MapStyle } from "../lib";
-const MapBox = ({ accessToken, darkMode = false, options, zoom = 2, ...props }) => {
-  const [map, setMap] = useState();
-  const mapContainerRef = useRef(null);
-  const mapCanvasRef = useRef(null);
-  const { setMapBoxInstance, map: mapInstance } = useMapBoxInstance();
-  const { mapSettings } = useMapSettings();
-  const activeResize = mapSettings?.dynamicMapResize.value;
-  useDynamicMapResize(mapContainerRef, mapCanvasRef, mapInstance, activeResize);
-  useEffect(() => {
-    if (mapSettings?.preferDark?.value === true) {
-      map?.setStyle(`mapbox://styles/${MapStyle.Dark}`);
-    } else {
-      map?.setStyle(`mapbox://styles/${darkMode ? MapStyle.Dark : MapStyle.Light}`);
-    }
-  }, [map, darkMode, mapSettings]);
-  useEffect(() => {
-    const map2 = new Map({
-      accessToken,
-      center: [0, 0],
-      container: mapContainerRef.current ?? "",
-      style: `mapbox://styles/${MapStyle.Light}`,
-      zoom,
-      ...options
-    });
-    setMapBoxInstance?.(map2);
-    setMap(map2);
-    mapCanvasRef.current = document.querySelector(".mapboxgl-canvas");
-    console.log("Created Map");
-    return () => {
-      console.log("Removing Map");
-      map2.remove();
-    };
-  }, [mapContainerRef, setMap, options, zoom, setMapBoxInstance, accessToken]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: (el) => mapContainerRef.current = el,
-      style: {
-        bottom: 0,
-        left: 0,
-        position: "absolute",
-        right: 0,
-        top: 0,
-        ...props
-      }
-    }
-  );
-};
-export {
-  MapBox
-};
-//# sourceMappingURL=MapBox.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Components/MapBox.tsx"],"sourcesContent":["// eslint-disable-next-line import/no-internal-modules\nimport 'mapbox-gl/dist/mapbox-gl.css'\n\nimport { Map, MapboxOptions } from 'mapbox-gl'\nimport { useEffect, useRef, useState } from 'react'\n\nimport { useMapBoxInstance, useMapSettings } from '../Contexts'\nimport { useDynamicMapResize } from '../hooks'\nimport { MapStyle } from '../lib'\n\nexport interface MapBoxProps {\n  accessToken: string\n  darkMode?: boolean\n  options?: Partial<MapboxOptions>\n  zoom?: number\n}\n\nexport const MapBox: React.FC<MapBoxProps> = ({ accessToken, darkMode = false, options, zoom = 2, ...props }) => {\n  const [map, setMap] = useState<Map>()\n  const mapContainerRef = useRef<HTMLDivElement | null>(null)\n  const mapCanvasRef = useRef<HTMLCanvasElement | null>(null)\n  const { setMapBoxInstance, map: mapInstance } = useMapBoxInstance()\n  const { mapSettings } = useMapSettings()\n\n  const activeResize = mapSettings?.dynamicMapResize.value\n  useDynamicMapResize(mapContainerRef, mapCanvasRef, mapInstance, activeResize)\n\n  useEffect(() => {\n    if (mapSettings?.preferDark?.value === true) {\n      map?.setStyle(`mapbox://styles/${MapStyle.Dark}`)\n    } else {\n      map?.setStyle(`mapbox://styles/${darkMode ? MapStyle.Dark : MapStyle.Light}`)\n    }\n  }, [map, darkMode, mapSettings])\n\n  useEffect(() => {\n    const map = new Map({\n      accessToken,\n      center: [0, 0],\n      container: mapContainerRef.current ?? '',\n      style: `mapbox://styles/${MapStyle.Light}`,\n      zoom,\n      ...options,\n    })\n\n    // Allow external components to control the map\n    setMapBoxInstance?.(map)\n    setMap(map)\n\n    // save the map canvas ref to help with resizing\n    mapCanvasRef.current = document.querySelector('.mapboxgl-canvas')\n\n    console.log('Created Map')\n\n    return () => {\n      console.log('Removing Map')\n      map.remove()\n    }\n  }, [mapContainerRef, setMap, options, zoom, setMapBoxInstance, accessToken])\n\n  return (\n    <div\n      ref={(el) => (mapContainerRef.current = el)}\n      style={{\n        bottom: 0,\n        left: 0,\n        position: 'absolute',\n        right: 0,\n        top: 0,\n        ...props,\n      }}\n    />\n  )\n}\n"],"mappings":"AA6DI;AA5DJ,OAAO;AAEP,SAAS,WAA0B;AACnC,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,mBAAmB,sBAAsB;AAClD,SAAS,2BAA2B;AACpC,SAAS,gBAAgB;AASlB,MAAM,SAAgC,CAAC,EAAE,aAAa,WAAW,OAAO,SAAS,OAAO,GAAG,GAAG,MAAM,MAAM;AAC/G,QAAM,CAAC,KAAK,MAAM,IAAI,SAAc;AACpC,QAAM,kBAAkB,OAA8B,IAAI;AAC1D,QAAM,eAAe,OAAiC,IAAI;AAC1D,QAAM,EAAE,mBAAmB,KAAK,YAAY,IAAI,kBAAkB;AAClE,QAAM,EAAE,YAAY,IAAI,eAAe;AAEvC,QAAM,eAAe,aAAa,iBAAiB;AACnD,sBAAoB,iBAAiB,cAAc,aAAa,YAAY;AAE5E,YAAU,MAAM;AACd,QAAI,aAAa,YAAY,UAAU,MAAM;AAC3C,WAAK,SAAS,mBAAmB,SAAS,IAAI,EAAE;AAAA,IAClD,OAAO;AACL,WAAK,SAAS,mBAAmB,WAAW,SAAS,OAAO,SAAS,KAAK,EAAE;AAAA,IAC9E;AAAA,EACF,GAAG,CAAC,KAAK,UAAU,WAAW,CAAC;AAE/B,YAAU,MAAM;AACd,UAAMA,OAAM,IAAI,IAAI;AAAA,MAClB;AAAA,MACA,QAAQ,CAAC,GAAG,CAAC;AAAA,MACb,WAAW,gBAAgB,WAAW;AAAA,MACtC,OAAO,mBAAmB,SAAS,KAAK;AAAA,MACxC;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAGD,wBAAoBA,IAAG;AACvB,WAAOA,IAAG;AAGV,iBAAa,UAAU,SAAS,cAAc,kBAAkB;AAEhE,YAAQ,IAAI,aAAa;AAEzB,WAAO,MAAM;AACX,cAAQ,IAAI,cAAc;AAC1B,MAAAA,KAAI,OAAO;AAAA,IACb;AAAA,EACF,GAAG,CAAC,iBAAiB,QAAQ,SAAS,MAAM,mBAAmB,WAAW,CAAC;AAE3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,CAAC,OAAQ,gBAAgB,UAAU;AAAA,MACxC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,QACL,GAAG;AAAA,MACL;AAAA;AAAA,EACF;AAEJ;","names":["map"]}

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

@@ -1,98 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"]}