@xyo-network/react-map 2.64.0-rc.3 → 2.64.0-rc.6

package/dist/node/Components/AnimatedHeatMap.js

@@ -0,0 +1,63 @@
+"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 AnimatedHeatMap_exports = {};
+__export(AnimatedHeatMap_exports, {
+  AnimatedHeatMap: () => AnimatedHeatMap
+});
+module.exports = __toCommonJS(AnimatedHeatMap_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_Layers = require("../Layers");
+var import_MapBoxHeat = require("./MapBoxHeat");
+const AnimatedHeatMap = ({
+  accessToken,
+  animatedFeatureSets,
+  defaultMapSettings,
+  heatMapColorProps,
+  staticFeatureSet,
+  ...props
+}) => {
+  const theme = (0, import_material.useTheme)();
+  const { staticMapColor, lowUsageColor, highUsageColor } = heatMapColorProps || {};
+  const localStaticMapColor = staticMapColor ?? theme.palette.primary.light;
+  const [layers] = (0, import_react.useState)([
+    (0, import_Layers.LocationHeatMapLayerBuilderAnimated)(localStaticMapColor, 0, "static"),
+    (0, import_Layers.LocationHeatMapLayerBuilderAnimated)(lowUsageColor || localStaticMapColor, 0, "animated"),
+    (0, import_Layers.LocationHeatMapLayerBuilderAnimated)(highUsageColor || (0, import_material.darken)(localStaticMapColor, 0.9), 1, "animated")
+  ]);
+  return animatedFeatureSets?.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Contexts.MapBoxInstanceProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Contexts.MapSettingsProvider, { defaultMapSettings, debugLayerName: import_Layers.MapHeatConstants.LocationDebugLayerId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Contexts.HeatMapInitializerProvider,
+    {
+      features: staticFeatureSet,
+      layers: [layers[0]],
+      featureSets: animatedFeatureSets,
+      featureSetsLayers: layers.slice(1, 3),
+      heatMapColorProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MapBoxHeat.MapboxHeatFlexBox, { accessToken, ...props })
+    }
+  ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { minHeight: 160, minWidth: 160, busy: true });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AnimatedHeatMap
+});
+//# sourceMappingURL=AnimatedHeatMap.js.map

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

@@ -0,0 +1 @@
+{"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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDU;AAhDV,sBAAiC;AACjC,2BAAwB;AAGxB,mBAAyB;AAGzB,sBAAwF;AACxF,oBAAgF;AAEhF,wBAAkC;AAU3B,MAAM,kBAAgE,CAAC;AAAA,EAC5E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,YAAQ,0BAAS;AACvB,QAAM,EAAE,gBAAgB,eAAe,eAAe,IAAI,qBAAqB,CAAC;AAChF,QAAM,sBAAsB,kBAAkB,MAAM,QAAQ,QAAQ;AAEpE,QAAM,CAAC,MAAM,QAAI,uBAAqB;AAAA,QACpC,mDAAoC,qBAAqB,GAAG,QAAQ;AAAA,QACpE,mDAAoC,iBAAiB,qBAAqB,GAAG,UAAU;AAAA,QACvF,mDAAoC,sBAAkB,wBAAO,qBAAqB,GAAG,GAAG,GAAG,UAAU;AAAA,EACvG,CAAC;AAED,SAAO,qBAAqB,SAC1B,4CAAC,0CACC,sDAAC,uCAAoB,oBAAwC,gBAAgB,+BAAiB,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,sDAAC,uCAAkB,aAA2B,GAAG,OAAO;AAAA;AAAA,EAC1D,GACF,GACF,IAEA,4CAAC,gCAAQ,WAAW,KAAK,UAAU,KAAK,MAAI,MAAC;AAEjD;","names":[]}

package/dist/node/Components/AnimatedHeatMap.mjs

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

@@ -0,0 +1 @@
+{"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.d.mts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface AnimatedHeatMapLoadedProps extends FlexBoxProps {
+    accessToken: string;
+    archivistNameOrAddress: string;
+}
+export declare const AnimatedHeatMapLoaded: React.FC<AnimatedHeatMapLoadedProps>;
+//# sourceMappingURL=AnimatedHeatMapLoaded.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedHeatMapLoaded.d.ts","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMapLoaded.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAU7D,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,WAAW,EAAE,MAAM,CAAA;IACnB,sBAAsB,EAAE,MAAM,CAAA;CAC/B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAmCtE,CAAA"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface AnimatedHeatMapLoadedProps extends FlexBoxProps {
+    accessToken: string;
+    archivistNameOrAddress: string;
+}
+export declare const AnimatedHeatMapLoaded: React.FC<AnimatedHeatMapLoadedProps>;
+//# sourceMappingURL=AnimatedHeatMapLoaded.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedHeatMapLoaded.d.ts","sourceRoot":"","sources":["../../../src/Components/AnimatedHeatMapLoaded.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAU7D,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,WAAW,EAAE,MAAM,CAAA;IACnB,sBAAsB,EAAE,MAAM,CAAA;CAC/B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAmCtE,CAAA"}

package/dist/node/Components/AnimatedHeatMapLoaded.js

@@ -0,0 +1,65 @@
+"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 AnimatedHeatMapLoaded_exports = {};
+__export(AnimatedHeatMapLoaded_exports, {
+  AnimatedHeatMapLoaded: () => AnimatedHeatMapLoaded
+});
+module.exports = __toCommonJS(AnimatedHeatMapLoaded_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_archivist = require("@xyo-network/react-archivist");
+var import_AnimatedHeatMapSettings = require("../AnimatedHeatMapSettings");
+var import_hooks = require("../hooks");
+var import_AnimatedHeatMap = require("./AnimatedHeatMap");
+var import_Legend = require("./Legend");
+const AnimatedHeatMapLoaded = ({ accessToken, archivistNameOrAddress, ...props }) => {
+  const hashes = (0, import_hooks.useFindHashes)();
+  const [archivist] = (0, import_react_archivist.useArchivistFromNode)(archivistNameOrAddress);
+  const [payloads, xyoError] = (0, import_react_archivist.useArchivistGet)(archivist, hashes);
+  const { multipleFeatureSets } = (0, import_hooks.useQuadKeyPayloadsToFeatures)(payloads);
+  const { heatMapColorProps, legendProps } = (0, import_hooks.useHeatMapColors)();
+  const MapBoxHeatProps = {
+    flexGrow: 1,
+    legend: legendProps ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Legend.AnimatedHeatMapLegend, { ...legendProps }) : null
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { alignItems: "stretch", ...props, children: [
+    xyoError ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Alert, { sx: { mt: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.AlertTitle, { children: "Error Loading Map" }),
+      xyoError.message ? `Error: ${xyoError.message}` : null,
+      "You might try authenticating again."
+    ] }) : null,
+    hashes !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_AnimatedHeatMap.AnimatedHeatMap,
+      {
+        accessToken,
+        defaultMapSettings: import_AnimatedHeatMapSettings.AnimatedHeatMapSettings,
+        animatedFeatureSets: multipleFeatureSets.slice(1, multipleFeatureSets.length),
+        staticFeatureSet: multipleFeatureSets[0],
+        heatMapColorProps,
+        ...MapBoxHeatProps
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Alert, { children: "Missing answer hash for heat map query" })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AnimatedHeatMapLoaded
+});
+//# sourceMappingURL=AnimatedHeatMapLoaded.js.map

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

@@ -0,0 +1 @@
+{"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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyB0B;AAzB1B,sBAAkC;AAClC,2BAAsC;AACtC,6BAAsD;AAGtD,qCAAwC;AACxC,mBAA8E;AAE9E,6BAAgC;AAChC,oBAAsC;AAO/B,MAAM,wBAA8D,CAAC,EAAE,aAAa,wBAAwB,GAAG,MAAM,MAAM;AAChI,QAAM,aAAS,4BAAc;AAC7B,QAAM,CAAC,SAAS,QAAI,6CAAqB,sBAAsB;AAC/D,QAAM,CAAC,UAAU,QAAQ,QAAI,wCAA4D,WAAW,MAAM;AAC1G,QAAM,EAAE,oBAAoB,QAAI,2CAA6B,QAAQ;AACrE,QAAM,EAAE,mBAAmB,YAAY,QAAI,+BAAiB;AAE5D,QAAM,kBAAkB;AAAA,IACtB,UAAU;AAAA,IACV,QAAQ,cAAc,4CAAC,uCAAuB,GAAG,aAAa,IAAK;AAAA,EACrE;AAEA,SACE,6CAAC,gCAAQ,YAAW,WAAW,GAAG,OAC/B;AAAA,eACC,6CAAC,yBAAM,IAAI,EAAE,IAAI,EAAE,GACjB;AAAA,kDAAC,8BAAW,+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,4CAAC,yBAAM,oDAAsC;AAAA,KAEjD;AAEJ;","names":[]}

package/dist/node/Components/AnimatedHeatMapLoaded.mjs

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

@@ -0,0 +1 @@
+{"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.d.mts

@@ -0,0 +1,7 @@
+import { Feature, Polygon } from 'geojson';
+import { MapLayer } from '../Layers';
+export interface FeaturesToLayersMap {
+    features: Feature<Polygon>[];
+    layers: MapLayer[];
+}
+//# sourceMappingURL=FeaturesToLayersMap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturesToLayersMap.d.ts","sourceRoot":"","sources":["../../../src/Components/FeaturesToLayersMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEpC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAA;IAC5B,MAAM,EAAE,QAAQ,EAAE,CAAA;CACnB"}

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

@@ -0,0 +1,7 @@
+import { Feature, Polygon } from 'geojson';
+import { MapLayer } from '../Layers';
+export interface FeaturesToLayersMap {
+    features: Feature<Polygon>[];
+    layers: MapLayer[];
+}
+//# sourceMappingURL=FeaturesToLayersMap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturesToLayersMap.d.ts","sourceRoot":"","sources":["../../../src/Components/FeaturesToLayersMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEpC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAA;IAC5B,MAAM,EAAE,QAAQ,EAAE,CAAA;CACnB"}

package/dist/node/Components/FeaturesToLayersMap.js

@@ -0,0 +1,17 @@
+"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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FeaturesToLayersMap_exports = {};
+module.exports = __toCommonJS(FeaturesToLayersMap_exports);
+//# sourceMappingURL=FeaturesToLayersMap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Components/FeaturesToLayersMap.ts"],"sourcesContent":["import { Feature, Polygon } from 'geojson'\n\nimport { MapLayer } from '../Layers'\n\nexport interface FeaturesToLayersMap {\n  features: Feature<Polygon>[]\n  layers: MapLayer[]\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/node/Components/FeaturesToLayersMap.mjs

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

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

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

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

@@ -0,0 +1,3 @@
+declare const HeatMapSettings: import("../Settings").MapSetting;
+export { HeatMapSettings };
+//# sourceMappingURL=HeatMapSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeatMapSettings.d.ts","sourceRoot":"","sources":["../../../src/Components/HeatMapSettings.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,eAAe,kCAAuB,CAAA;AAM5C,OAAO,EAAE,eAAe,EAAE,CAAA"}

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

@@ -0,0 +1,3 @@
+declare const HeatMapSettings: import("../Settings").MapSetting;
+export { HeatMapSettings };
+//# sourceMappingURL=HeatMapSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeatMapSettings.d.ts","sourceRoot":"","sources":["../../../src/Components/HeatMapSettings.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,eAAe,kCAAuB,CAAA;AAM5C,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/node/Components/HeatMapSettings.js

@@ -0,0 +1,34 @@
+"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 HeatMapSettings_exports = {};
+__export(HeatMapSettings_exports, {
+  HeatMapSettings: () => HeatMapSettings
+});
+module.exports = __toCommonJS(HeatMapSettings_exports);
+var import_Settings = require("../Settings");
+const HeatMapSettings = (0, import_Settings.DefaultMapSettings)();
+const { debugLayer, scrollToZoom, fitToPoints } = HeatMapSettings;
+debugLayer.hidden = false;
+scrollToZoom.value = true;
+fitToPoints.value = true;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeatMapSettings
+});
+//# sourceMappingURL=HeatMapSettings.js.map

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

@@ -0,0 +1 @@
+{"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;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAmC;AAEnC,MAAM,sBAAkB,oCAAmB;AAC3C,MAAM,EAAE,YAAY,cAAc,YAAY,IAAI;AAClD,WAAW,SAAS;AACpB,aAAa,QAAQ;AACrB,YAAY,QAAQ;","names":[]}

package/dist/node/Components/HeatMapSettings.mjs

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

@@ -0,0 +1 @@
+{"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/LayerAnimator.d.mts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+import { Map } from 'mapbox-gl';
+import { MapboxFlexBoxProps } from '../lib';
+export interface LayerAnimatorProps {
+    animateLayers?: boolean;
+    layers: MapboxFlexBoxProps['layers'];
+    layersInitialized: boolean;
+    map: Map | undefined;
+}
+export declare const LayerAnimator: React.FC<WithChildren<LayerAnimatorProps>>;
+//# sourceMappingURL=LayerAnimator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayerAnimator.d.ts","sourceRoot":"","sources":["../../../src/Components/LayerAnimator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAI/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAE3C,MAAM,WAAW,kBAAkB;IACjC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IACpC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,GAAG,EAAE,GAAG,GAAG,SAAS,CAAA;CACrB;AAKD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAmGpE,CAAA"}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+import { Map } from 'mapbox-gl';
+import { MapboxFlexBoxProps } from '../lib';
+export interface LayerAnimatorProps {
+    animateLayers?: boolean;
+    layers: MapboxFlexBoxProps['layers'];
+    layersInitialized: boolean;
+    map: Map | undefined;
+}
+export declare const LayerAnimator: React.FC<WithChildren<LayerAnimatorProps>>;
+//# sourceMappingURL=LayerAnimator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayerAnimator.d.ts","sourceRoot":"","sources":["../../../src/Components/LayerAnimator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAI/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAE3C,MAAM,WAAW,kBAAkB;IACjC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IACpC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,GAAG,EAAE,GAAG,GAAG,SAAS,CAAA;CACrB;AAKD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAmGpE,CAAA"}

package/dist/node/Components/LayerAnimator.js

@@ -0,0 +1,118 @@
+"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 LayerAnimator_exports = {};
+__export(LayerAnimator_exports, {
+  LayerAnimator: () => LayerAnimator
+});
+module.exports = __toCommonJS(LayerAnimator_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_shared = require("@xylabs/react-shared");
+var import_react = require("react");
+const timeIncrement = 2e3;
+const animatedLayerCount = 3;
+const LayerAnimator = ({ animateLayers, children, layers, layersInitialized, map }) => {
+  const [fillLayers, setFillLayers] = (0, import_react.useState)([]);
+  const layerIndexQueue = (0, import_react.useRef)([]);
+  const incrementQueue = (0, import_react.useCallback)(
+    (index) => {
+      if (fillLayers[index]) {
+        layerIndexQueue.current.push(index);
+      } else {
+        layerIndexQueue.current.push(0);
+      }
+      return layerIndexQueue.current.at(-1);
+    },
+    [fillLayers]
+  );
+  const lastQueuedIndex = (0, import_react.useCallback)(() => {
+    const last = layerIndexQueue.current.at(-1);
+    if (last === void 0) {
+      incrementQueue(0);
+      return 0;
+    } else {
+      return last;
+    }
+  }, [incrementQueue]);
+  const unshiftQueue = (0, import_react.useCallback)(() => {
+    layerIndexQueue.current.shift();
+  }, []);
+  const getNextLayer = (0, import_react.useCallback)(() => {
+    const nextLayer = fillLayers[lastQueuedIndex()];
+    incrementQueue(lastQueuedIndex() + 1);
+    return nextLayer;
+  }, [fillLayers, incrementQueue, lastQueuedIndex]);
+  const layerAnimateWorker = (0, import_react.useCallback)(
+    (layer) => {
+      if (layer) {
+        map?.setPaintProperty(layer.id, "fill-opacity", 0.85);
+        setTimeout(() => {
+          map?.setPaintProperty(layer.id, "fill-opacity", 0);
+          unshiftQueue();
+        }, timeIncrement * 2);
+      } else {
+        console.warn("tried to queue an empty layer");
+      }
+    },
+    [map, unshiftQueue]
+  );
+  (0, import_react.useEffect)(() => {
+    if (layers?.length && map && layersInitialized) {
+      setFillLayers(
+        layers.filter((layer) => {
+          const fillLayer = layer.id.startsWith("location-fill");
+          if (fillLayer) {
+            map.setPaintProperty(layer.id, "fill-opacity-transition", { delay: 0, duration: 4e3 });
+          }
+          return fillLayer;
+        })
+      );
+    }
+  }, [layers, layersInitialized, map]);
+  const queueLayerAnimation = (0, import_react.useCallback)(() => {
+    const animatedLayers = [];
+    for (let i = 0; i < animatedLayerCount; i++) {
+      animatedLayers.push(getNextLayer());
+    }
+    animatedLayers.forEach((layer, index) => {
+      if (index === 0) {
+        layerAnimateWorker(layer);
+      } else {
+        setTimeout(() => {
+          layerAnimateWorker(layer);
+        }, timeIncrement * index);
+      }
+    });
+  }, [getNextLayer, layerAnimateWorker]);
+  (0, import_react.useEffect)(() => {
+    if (animateLayers && layersInitialized && map && fillLayers.length) {
+      queueLayerAnimation();
+    }
+  }, [animateLayers, fillLayers.length, layersInitialized, map, queueLayerAnimation]);
+  (0, import_react_shared.useInterval)(() => {
+    if (animateLayers && layersInitialized && map && fillLayers.length) {
+      queueLayerAnimation();
+    }
+  }, timeIncrement * animatedLayerCount);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LayerAnimator
+});
+//# sourceMappingURL=LayerAnimator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Components/LayerAnimator.tsx"],"sourcesContent":["import { useInterval, WithChildren } from '@xylabs/react-shared'\nimport { Map } from 'mapbox-gl'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { MapLayer } from '../Layers'\nimport { MapboxFlexBoxProps } from '../lib'\n\nexport interface LayerAnimatorProps {\n  animateLayers?: boolean\n  layers: MapboxFlexBoxProps['layers']\n  layersInitialized: boolean\n  map: Map | undefined\n}\n\nconst timeIncrement = 2000\nconst animatedLayerCount = 3\n\nexport const LayerAnimator: React.FC<WithChildren<LayerAnimatorProps>> = ({ animateLayers, children, layers, layersInitialized, map }) => {\n  const [fillLayers, setFillLayers] = useState<MapLayer[]>([])\n  const layerIndexQueue = useRef<number[]>([])\n\n  const incrementQueue = useCallback(\n    (index: number) => {\n      if (fillLayers[index]) {\n        layerIndexQueue.current.push(index)\n      } else {\n        layerIndexQueue.current.push(0)\n      }\n      return layerIndexQueue.current.at(-1)\n    },\n    [fillLayers],\n  )\n\n  const lastQueuedIndex = useCallback(() => {\n    const last = layerIndexQueue.current.at(-1)\n    if (last === undefined) {\n      incrementQueue(0)\n      return 0\n    } else {\n      return last\n    }\n  }, [incrementQueue])\n\n  const unshiftQueue = useCallback(() => {\n    layerIndexQueue.current.shift()\n  }, [])\n\n  const getNextLayer = useCallback(() => {\n    const nextLayer = fillLayers[lastQueuedIndex()]\n    incrementQueue(lastQueuedIndex() + 1)\n    return nextLayer\n  }, [fillLayers, incrementQueue, lastQueuedIndex])\n\n  const layerAnimateWorker = useCallback(\n    (layer: MapLayer) => {\n      if (layer) {\n        map?.setPaintProperty(layer.id, 'fill-opacity', 0.85)\n        setTimeout(() => {\n          map?.setPaintProperty(layer.id, 'fill-opacity', 0)\n          unshiftQueue()\n        }, timeIncrement * 2)\n      } else {\n        console.warn('tried to queue an empty layer')\n      }\n    },\n    [map, unshiftQueue],\n  )\n\n  useEffect(() => {\n    if (layers?.length && map && layersInitialized) {\n      // Only animate fill layers for now\n      setFillLayers(\n        layers.filter((layer) => {\n          const fillLayer = layer.id.startsWith('location-fill')\n          if (fillLayer) {\n            map.setPaintProperty(layer.id, 'fill-opacity-transition', { delay: 0, duration: 4000 })\n          }\n          return fillLayer\n        }),\n      )\n    }\n  }, [layers, layersInitialized, map])\n\n  //\n  const queueLayerAnimation = useCallback(() => {\n    const animatedLayers: MapLayer[] = []\n\n    for (let i = 0; i < animatedLayerCount; i++) {\n      animatedLayers.push(getNextLayer())\n    }\n\n    animatedLayers.forEach((layer, index) => {\n      if (index === 0) {\n        layerAnimateWorker(layer)\n      } else {\n        setTimeout(() => {\n          layerAnimateWorker(layer)\n        }, timeIncrement * index)\n      }\n    })\n  }, [getNextLayer, layerAnimateWorker])\n\n  // Run a single layer animation before the interval kicks in\n  useEffect(() => {\n    if (animateLayers && layersInitialized && map && fillLayers.length) {\n      queueLayerAnimation()\n    }\n  }, [animateLayers, fillLayers.length, layersInitialized, map, queueLayerAnimation])\n\n  useInterval(() => {\n    if (animateLayers && layersInitialized && map && fillLayers.length) {\n      queueLayerAnimation()\n    }\n  }, timeIncrement * animatedLayerCount)\n\n  return <>{children}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmHS;AAnHT,0BAA0C;AAE1C,mBAAyD;AAYzD,MAAM,gBAAgB;AACtB,MAAM,qBAAqB;AAEpB,MAAM,gBAA4D,CAAC,EAAE,eAAe,UAAU,QAAQ,mBAAmB,IAAI,MAAM;AACxI,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAqB,CAAC,CAAC;AAC3D,QAAM,sBAAkB,qBAAiB,CAAC,CAAC;AAE3C,QAAM,qBAAiB;AAAA,IACrB,CAAC,UAAkB;AACjB,UAAI,WAAW,KAAK,GAAG;AACrB,wBAAgB,QAAQ,KAAK,KAAK;AAAA,MACpC,OAAO;AACL,wBAAgB,QAAQ,KAAK,CAAC;AAAA,MAChC;AACA,aAAO,gBAAgB,QAAQ,GAAG,EAAE;AAAA,IACtC;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,sBAAkB,0BAAY,MAAM;AACxC,UAAM,OAAO,gBAAgB,QAAQ,GAAG,EAAE;AAC1C,QAAI,SAAS,QAAW;AACtB,qBAAe,CAAC;AAChB,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,mBAAe,0BAAY,MAAM;AACrC,oBAAgB,QAAQ,MAAM;AAAA,EAChC,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAe,0BAAY,MAAM;AACrC,UAAM,YAAY,WAAW,gBAAgB,CAAC;AAC9C,mBAAe,gBAAgB,IAAI,CAAC;AACpC,WAAO;AAAA,EACT,GAAG,CAAC,YAAY,gBAAgB,eAAe,CAAC;AAEhD,QAAM,yBAAqB;AAAA,IACzB,CAAC,UAAoB;AACnB,UAAI,OAAO;AACT,aAAK,iBAAiB,MAAM,IAAI,gBAAgB,IAAI;AACpD,mBAAW,MAAM;AACf,eAAK,iBAAiB,MAAM,IAAI,gBAAgB,CAAC;AACjD,uBAAa;AAAA,QACf,GAAG,gBAAgB,CAAC;AAAA,MACtB,OAAO;AACL,gBAAQ,KAAK,+BAA+B;AAAA,MAC9C;AAAA,IACF;AAAA,IACA,CAAC,KAAK,YAAY;AAAA,EACpB;AAEA,8BAAU,MAAM;AACd,QAAI,QAAQ,UAAU,OAAO,mBAAmB;AAE9C;AAAA,QACE,OAAO,OAAO,CAAC,UAAU;AACvB,gBAAM,YAAY,MAAM,GAAG,WAAW,eAAe;AACrD,cAAI,WAAW;AACb,gBAAI,iBAAiB,MAAM,IAAI,2BAA2B,EAAE,OAAO,GAAG,UAAU,IAAK,CAAC;AAAA,UACxF;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,mBAAmB,GAAG,CAAC;AAGnC,QAAM,0BAAsB,0BAAY,MAAM;AAC5C,UAAM,iBAA6B,CAAC;AAEpC,aAAS,IAAI,GAAG,IAAI,oBAAoB,KAAK;AAC3C,qBAAe,KAAK,aAAa,CAAC;AAAA,IACpC;AAEA,mBAAe,QAAQ,CAAC,OAAO,UAAU;AACvC,UAAI,UAAU,GAAG;AACf,2BAAmB,KAAK;AAAA,MAC1B,OAAO;AACL,mBAAW,MAAM;AACf,6BAAmB,KAAK;AAAA,QAC1B,GAAG,gBAAgB,KAAK;AAAA,MAC1B;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,cAAc,kBAAkB,CAAC;AAGrC,8BAAU,MAAM;AACd,QAAI,iBAAiB,qBAAqB,OAAO,WAAW,QAAQ;AAClE,0BAAoB;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,eAAe,WAAW,QAAQ,mBAAmB,KAAK,mBAAmB,CAAC;AAElF,uCAAY,MAAM;AAChB,QAAI,iBAAiB,qBAAqB,OAAO,WAAW,QAAQ;AAClE,0BAAoB;AAAA,IACtB;AAAA,EACF,GAAG,gBAAgB,kBAAkB;AAErC,SAAO,2EAAG,UAAS;AACrB;","names":[]}