@xyo-network/react-map 2.64.9 → 2.64.10

package/dist/browser/Components/Legend.cjs

@@ -1,77 +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);
-
-// src/Components/Legend.tsx
-var Legend_exports = {};
-__export(Legend_exports, {
-  AnimatedHeatMapLegend: () => AnimatedHeatMapLegend
-});
-module.exports = __toCommonJS(Legend_exports);
-var import_material2 = require("@mui/material");
-var import_react_flexbox2 = require("@xylabs/react-flexbox");
-
-// src/Components/Legends/ColorGradient.tsx
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_jsx_runtime = require("react/jsx-runtime");
-var ColorGradientLegend = ({ startColor, endColor, startLabel, endLabel, heading, textColor, ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { mb: theme.spacing(0.25), color: textColor, variant: "caption", textAlign: "center", children: heading }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { flexGrow: 1, alignItems: "stretch", paddingX: theme.spacing(1), mb: theme.spacing(0.25), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react_flexbox.FlexCol,
-      {
-        height: theme.spacing(0.75),
-        border: `1px solid ${textColor}`,
-        sx: { backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` }
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { flexGrow: 1, justifyContent: "space-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { color: textColor, variant: "caption", children: startLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { color: textColor, variant: "caption", children: endLabel })
-    ] })
-  ] });
-};
-
-// src/Components/Legend.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var AnimatedHeatMapLegend = ({ ...legendProps }) => {
-  const { startColor, endColor, startLabel, endLabel, heading, textColor } = legendProps;
-  const theme = (0, import_material2.useTheme)();
-  const isSmall = (0, import_material2.useMediaQuery)(theme.breakpoints.down("sm"));
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox2.FlexCol, { position: "absolute", bottom: 0, right: 0, children: /* @__PURE__ */ (0, import_jsx_runtime2.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)
-      }
-    }
-  ) });
-};
-//# sourceMappingURL=Legend.cjs.map

package/dist/browser/Components/Legend.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Components/Legend.tsx","../../../src/Components/Legends/ColorGradient.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","import { Typography, useTheme } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\n\nimport { ColorGradientLegendProps } from '../../Colors'\n\nconst ColorGradientLegend: React.FC<ColorGradientLegendProps> = ({ startColor, endColor, startLabel, endLabel, heading, textColor, ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <FlexCol {...props}>\n      <Typography mb={theme.spacing(0.25)} color={textColor} variant=\"caption\" textAlign=\"center\">\n        {heading}\n      </Typography>\n      <FlexCol flexGrow={1} alignItems=\"stretch\" paddingX={theme.spacing(1)} mb={theme.spacing(0.25)}>\n        <FlexCol\n          height={theme.spacing(0.75)}\n          border={`1px solid ${textColor}`}\n          sx={{ backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` }}\n        />\n      </FlexCol>\n      <FlexRow flexGrow={1} justifyContent=\"space-between\">\n        <Typography color={textColor} variant=\"caption\">\n          {startLabel}\n        </Typography>\n        <Typography color={textColor} variant=\"caption\">\n          {endLabel}\n        </Typography>\n      </FlexRow>\n    </FlexCol>\n  )\n}\n\nexport { ColorGradientLegend }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAAwC;AACxC,IAAAC,wBAAwB;;;ACDxB,sBAAqC;AACrC,2BAAiC;AAS3B;AALN,IAAM,sBAA0D,CAAC,EAAE,YAAY,UAAU,YAAY,UAAU,SAAS,WAAW,GAAG,MAAM,MAAM;AAChJ,QAAM,YAAQ,0BAAS;AAEvB,SACE,6CAAC,gCAAS,GAAG,OACX;AAAA,gDAAC,8BAAW,IAAI,MAAM,QAAQ,IAAI,GAAG,OAAO,WAAW,SAAQ,WAAU,WAAU,UAChF,mBACH;AAAA,IACA,4CAAC,gCAAQ,UAAU,GAAG,YAAW,WAAU,UAAU,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,IAAI,GAC3F;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,MAAM,QAAQ,IAAI;AAAA,QAC1B,QAAQ,aAAa,SAAS;AAAA,QAC9B,IAAI,EAAE,iBAAiB,6BAA6B,UAAU,IAAI,QAAQ,IAAI;AAAA;AAAA,IAChF,GACF;AAAA,IACA,6CAAC,gCAAQ,UAAU,GAAG,gBAAe,iBACnC;AAAA,kDAAC,8BAAW,OAAO,WAAW,SAAQ,WACnC,sBACH;AAAA,MACA,4CAAC,8BAAW,OAAO,WAAW,SAAQ,WACnC,oBACH;AAAA,OACF;AAAA,KACF;AAEJ;;;ADjBM,IAAAC,sBAAA;AAPN,IAAM,wBAA4D,CAAC,EAAE,GAAG,YAAY,MAAM;AACxF,QAAM,EAAE,YAAY,UAAU,YAAY,UAAU,SAAS,UAAU,IAAI;AAC3E,QAAM,YAAQ,2BAAS;AACvB,QAAM,cAAU,gCAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAE1D,SACE,6CAAC,iCAAQ,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":["import_material","import_react_flexbox","import_jsx_runtime"]}

package/dist/browser/Components/Legend.js

@@ -1,56 +0,0 @@
-// src/Components/Legend.tsx
-import { useMediaQuery, useTheme as useTheme2 } from "@mui/material";
-import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
-
-// src/Components/Legends/ColorGradient.tsx
-import { Typography, useTheme } from "@mui/material";
-import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
-import { jsx, jsxs } from "react/jsx-runtime";
-var 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 })
-    ] })
-  ] });
-};
-
-// src/Components/Legend.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var AnimatedHeatMapLegend = ({ ...legendProps }) => {
-  const { startColor, endColor, startLabel, endLabel, heading, textColor } = legendProps;
-  const theme = useTheme2();
-  const isSmall = useMediaQuery(theme.breakpoints.down("sm"));
-  return /* @__PURE__ */ jsx2(FlexCol2, { position: "absolute", bottom: 0, right: 0, children: /* @__PURE__ */ jsx2(
-    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.js.map

package/dist/browser/Components/Legend.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Components/Legend.tsx","../../../src/Components/Legends/ColorGradient.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","import { Typography, useTheme } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\n\nimport { ColorGradientLegendProps } from '../../Colors'\n\nconst ColorGradientLegend: React.FC<ColorGradientLegendProps> = ({ startColor, endColor, startLabel, endLabel, heading, textColor, ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <FlexCol {...props}>\n      <Typography mb={theme.spacing(0.25)} color={textColor} variant=\"caption\" textAlign=\"center\">\n        {heading}\n      </Typography>\n      <FlexCol flexGrow={1} alignItems=\"stretch\" paddingX={theme.spacing(1)} mb={theme.spacing(0.25)}>\n        <FlexCol\n          height={theme.spacing(0.75)}\n          border={`1px solid ${textColor}`}\n          sx={{ backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` }}\n        />\n      </FlexCol>\n      <FlexRow flexGrow={1} justifyContent=\"space-between\">\n        <Typography color={textColor} variant=\"caption\">\n          {startLabel}\n        </Typography>\n        <Typography color={textColor} variant=\"caption\">\n          {endLabel}\n        </Typography>\n      </FlexRow>\n    </FlexCol>\n  )\n}\n\nexport { ColorGradientLegend }\n"],"mappings":";AAAA,SAAS,eAAe,YAAAA,iBAAgB;AACxC,SAAS,WAAAC,gBAAe;;;ACDxB,SAAS,YAAY,gBAAgB;AACrC,SAAS,SAAS,eAAe;AAS3B,cAUA,YAVA;AALN,IAAM,sBAA0D,CAAC,EAAE,YAAY,UAAU,YAAY,UAAU,SAAS,WAAW,GAAG,MAAM,MAAM;AAChJ,QAAM,QAAQ,SAAS;AAEvB,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,cAAW,IAAI,MAAM,QAAQ,IAAI,GAAG,OAAO,WAAW,SAAQ,WAAU,WAAU,UAChF,mBACH;AAAA,IACA,oBAAC,WAAQ,UAAU,GAAG,YAAW,WAAU,UAAU,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,IAAI,GAC3F;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,MAAM,QAAQ,IAAI;AAAA,QAC1B,QAAQ,aAAa,SAAS;AAAA,QAC9B,IAAI,EAAE,iBAAiB,6BAA6B,UAAU,IAAI,QAAQ,IAAI;AAAA;AAAA,IAChF,GACF;AAAA,IACA,qBAAC,WAAQ,UAAU,GAAG,gBAAe,iBACnC;AAAA,0BAAC,cAAW,OAAO,WAAW,SAAQ,WACnC,sBACH;AAAA,MACA,oBAAC,cAAW,OAAO,WAAW,SAAQ,WACnC,oBACH;AAAA,OACF;AAAA,KACF;AAEJ;;;ADjBM,gBAAAC,YAAA;AAPN,IAAM,wBAA4D,CAAC,EAAE,GAAG,YAAY,MAAM;AACxF,QAAM,EAAE,YAAY,UAAU,YAAY,UAAU,SAAS,UAAU,IAAI;AAC3E,QAAM,QAAQC,UAAS;AACvB,QAAM,UAAU,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAE1D,SACE,gBAAAD,KAACE,UAAA,EAAQ,UAAS,YAAW,QAAQ,GAAG,OAAO,GAC7C,0BAAAF;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":["useTheme","FlexCol","jsx","useTheme","FlexCol"]}

package/dist/browser/Components/Legends/ColorGradient.cjs

@@ -1,47 +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);
-
-// src/Components/Legends/ColorGradient.tsx
-var ColorGradient_exports = {};
-__export(ColorGradient_exports, {
-  ColorGradientLegend: () => ColorGradientLegend
-});
-module.exports = __toCommonJS(ColorGradient_exports);
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_jsx_runtime = require("react/jsx-runtime");
-var ColorGradientLegend = ({ startColor, endColor, startLabel, endLabel, heading, textColor, ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { mb: theme.spacing(0.25), color: textColor, variant: "caption", textAlign: "center", children: heading }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { flexGrow: 1, alignItems: "stretch", paddingX: theme.spacing(1), mb: theme.spacing(0.25), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react_flexbox.FlexCol,
-      {
-        height: theme.spacing(0.75),
-        border: `1px solid ${textColor}`,
-        sx: { backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` }
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { flexGrow: 1, justifyContent: "space-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { color: textColor, variant: "caption", children: startLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { color: textColor, variant: "caption", children: endLabel })
-    ] })
-  ] });
-};
-//# sourceMappingURL=ColorGradient.cjs.map

package/dist/browser/Components/Legends/ColorGradient.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Components/Legends/ColorGradient.tsx"],"sourcesContent":["import { Typography, useTheme } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\n\nimport { ColorGradientLegendProps } from '../../Colors'\n\nconst ColorGradientLegend: React.FC<ColorGradientLegendProps> = ({ startColor, endColor, startLabel, endLabel, heading, textColor, ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <FlexCol {...props}>\n      <Typography mb={theme.spacing(0.25)} color={textColor} variant=\"caption\" textAlign=\"center\">\n        {heading}\n      </Typography>\n      <FlexCol flexGrow={1} alignItems=\"stretch\" paddingX={theme.spacing(1)} mb={theme.spacing(0.25)}>\n        <FlexCol\n          height={theme.spacing(0.75)}\n          border={`1px solid ${textColor}`}\n          sx={{ backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` }}\n        />\n      </FlexCol>\n      <FlexRow flexGrow={1} justifyContent=\"space-between\">\n        <Typography color={textColor} variant=\"caption\">\n          {startLabel}\n        </Typography>\n        <Typography color={textColor} variant=\"caption\">\n          {endLabel}\n        </Typography>\n      </FlexRow>\n    </FlexCol>\n  )\n}\n\nexport { ColorGradientLegend }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqC;AACrC,2BAAiC;AAS3B;AALN,IAAM,sBAA0D,CAAC,EAAE,YAAY,UAAU,YAAY,UAAU,SAAS,WAAW,GAAG,MAAM,MAAM;AAChJ,QAAM,YAAQ,0BAAS;AAEvB,SACE,6CAAC,gCAAS,GAAG,OACX;AAAA,gDAAC,8BAAW,IAAI,MAAM,QAAQ,IAAI,GAAG,OAAO,WAAW,SAAQ,WAAU,WAAU,UAChF,mBACH;AAAA,IACA,4CAAC,gCAAQ,UAAU,GAAG,YAAW,WAAU,UAAU,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,IAAI,GAC3F;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,MAAM,QAAQ,IAAI;AAAA,QAC1B,QAAQ,aAAa,SAAS;AAAA,QAC9B,IAAI,EAAE,iBAAiB,6BAA6B,UAAU,IAAI,QAAQ,IAAI;AAAA;AAAA,IAChF,GACF;AAAA,IACA,6CAAC,gCAAQ,UAAU,GAAG,gBAAe,iBACnC;AAAA,kDAAC,8BAAW,OAAO,WAAW,SAAQ,WACnC,sBACH;AAAA,MACA,4CAAC,8BAAW,OAAO,WAAW,SAAQ,WACnC,oBACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/browser/Components/Legends/ColorGradient.js

@@ -1,26 +0,0 @@
-// src/Components/Legends/ColorGradient.tsx
-import { Typography, useTheme } from "@mui/material";
-import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
-import { jsx, jsxs } from "react/jsx-runtime";
-var 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.js.map

package/dist/browser/Components/Legends/ColorGradient.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Components/Legends/ColorGradient.tsx"],"sourcesContent":["import { Typography, useTheme } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\n\nimport { ColorGradientLegendProps } from '../../Colors'\n\nconst ColorGradientLegend: React.FC<ColorGradientLegendProps> = ({ startColor, endColor, startLabel, endLabel, heading, textColor, ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <FlexCol {...props}>\n      <Typography mb={theme.spacing(0.25)} color={textColor} variant=\"caption\" textAlign=\"center\">\n        {heading}\n      </Typography>\n      <FlexCol flexGrow={1} alignItems=\"stretch\" paddingX={theme.spacing(1)} mb={theme.spacing(0.25)}>\n        <FlexCol\n          height={theme.spacing(0.75)}\n          border={`1px solid ${textColor}`}\n          sx={{ backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` }}\n        />\n      </FlexCol>\n      <FlexRow flexGrow={1} justifyContent=\"space-between\">\n        <Typography color={textColor} variant=\"caption\">\n          {startLabel}\n        </Typography>\n        <Typography color={textColor} variant=\"caption\">\n          {endLabel}\n        </Typography>\n      </FlexRow>\n    </FlexCol>\n  )\n}\n\nexport { ColorGradientLegend }\n"],"mappings":";AAAA,SAAS,YAAY,gBAAgB;AACrC,SAAS,SAAS,eAAe;AAS3B,cAUA,YAVA;AALN,IAAM,sBAA0D,CAAC,EAAE,YAAY,UAAU,YAAY,UAAU,SAAS,WAAW,GAAG,MAAM,MAAM;AAChJ,QAAM,QAAQ,SAAS;AAEvB,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,cAAW,IAAI,MAAM,QAAQ,IAAI,GAAG,OAAO,WAAW,SAAQ,WAAU,WAAU,UAChF,mBACH;AAAA,IACA,oBAAC,WAAQ,UAAU,GAAG,YAAW,WAAU,UAAU,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,IAAI,GAC3F;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,MAAM,QAAQ,IAAI;AAAA,QAC1B,QAAQ,aAAa,SAAS;AAAA,QAC9B,IAAI,EAAE,iBAAiB,6BAA6B,UAAU,IAAI,QAAQ,IAAI;AAAA;AAAA,IAChF,GACF;AAAA,IACA,qBAAC,WAAQ,UAAU,GAAG,gBAAe,iBACnC;AAAA,0BAAC,cAAW,OAAO,WAAW,SAAQ,WACnC,sBACH;AAAA,MACA,oBAAC,cAAW,OAAO,WAAW,SAAQ,WACnC,oBACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/browser/Components/Legends/index.cjs

@@ -1,49 +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);
-
-// src/Components/Legends/index.ts
-var Legends_exports = {};
-__export(Legends_exports, {
-  ColorGradientLegend: () => ColorGradientLegend
-});
-module.exports = __toCommonJS(Legends_exports);
-
-// src/Components/Legends/ColorGradient.tsx
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_jsx_runtime = require("react/jsx-runtime");
-var ColorGradientLegend = ({ startColor, endColor, startLabel, endLabel, heading, textColor, ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { mb: theme.spacing(0.25), color: textColor, variant: "caption", textAlign: "center", children: heading }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { flexGrow: 1, alignItems: "stretch", paddingX: theme.spacing(1), mb: theme.spacing(0.25), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react_flexbox.FlexCol,
-      {
-        height: theme.spacing(0.75),
-        border: `1px solid ${textColor}`,
-        sx: { backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` }
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { flexGrow: 1, justifyContent: "space-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { color: textColor, variant: "caption", children: startLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { color: textColor, variant: "caption", children: endLabel })
-    ] })
-  ] });
-};
-//# sourceMappingURL=index.cjs.map

package/dist/browser/Components/Legends/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Components/Legends/index.ts","../../../../src/Components/Legends/ColorGradient.tsx"],"sourcesContent":["export * from './ColorGradient'\n","import { Typography, useTheme } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\n\nimport { ColorGradientLegendProps } from '../../Colors'\n\nconst ColorGradientLegend: React.FC<ColorGradientLegendProps> = ({ startColor, endColor, startLabel, endLabel, heading, textColor, ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <FlexCol {...props}>\n      <Typography mb={theme.spacing(0.25)} color={textColor} variant=\"caption\" textAlign=\"center\">\n        {heading}\n      </Typography>\n      <FlexCol flexGrow={1} alignItems=\"stretch\" paddingX={theme.spacing(1)} mb={theme.spacing(0.25)}>\n        <FlexCol\n          height={theme.spacing(0.75)}\n          border={`1px solid ${textColor}`}\n          sx={{ backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` }}\n        />\n      </FlexCol>\n      <FlexRow flexGrow={1} justifyContent=\"space-between\">\n        <Typography color={textColor} variant=\"caption\">\n          {startLabel}\n        </Typography>\n        <Typography color={textColor} variant=\"caption\">\n          {endLabel}\n        </Typography>\n      </FlexRow>\n    </FlexCol>\n  )\n}\n\nexport { ColorGradientLegend }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAqC;AACrC,2BAAiC;AAS3B;AALN,IAAM,sBAA0D,CAAC,EAAE,YAAY,UAAU,YAAY,UAAU,SAAS,WAAW,GAAG,MAAM,MAAM;AAChJ,QAAM,YAAQ,0BAAS;AAEvB,SACE,6CAAC,gCAAS,GAAG,OACX;AAAA,gDAAC,8BAAW,IAAI,MAAM,QAAQ,IAAI,GAAG,OAAO,WAAW,SAAQ,WAAU,WAAU,UAChF,mBACH;AAAA,IACA,4CAAC,gCAAQ,UAAU,GAAG,YAAW,WAAU,UAAU,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,IAAI,GAC3F;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,MAAM,QAAQ,IAAI;AAAA,QAC1B,QAAQ,aAAa,SAAS;AAAA,QAC9B,IAAI,EAAE,iBAAiB,6BAA6B,UAAU,IAAI,QAAQ,IAAI;AAAA;AAAA,IAChF,GACF;AAAA,IACA,6CAAC,gCAAQ,UAAU,GAAG,gBAAe,iBACnC;AAAA,kDAAC,8BAAW,OAAO,WAAW,SAAQ,WACnC,sBACH;AAAA,MACA,4CAAC,8BAAW,OAAO,WAAW,SAAQ,WACnC,oBACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/browser/Components/Legends/index.js

@@ -1,26 +0,0 @@
-// src/Components/Legends/ColorGradient.tsx
-import { Typography, useTheme } from "@mui/material";
-import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
-import { jsx, jsxs } from "react/jsx-runtime";
-var 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=index.js.map

package/dist/browser/Components/Legends/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Components/Legends/ColorGradient.tsx"],"sourcesContent":["import { Typography, useTheme } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\n\nimport { ColorGradientLegendProps } from '../../Colors'\n\nconst ColorGradientLegend: React.FC<ColorGradientLegendProps> = ({ startColor, endColor, startLabel, endLabel, heading, textColor, ...props }) => {\n  const theme = useTheme()\n\n  return (\n    <FlexCol {...props}>\n      <Typography mb={theme.spacing(0.25)} color={textColor} variant=\"caption\" textAlign=\"center\">\n        {heading}\n      </Typography>\n      <FlexCol flexGrow={1} alignItems=\"stretch\" paddingX={theme.spacing(1)} mb={theme.spacing(0.25)}>\n        <FlexCol\n          height={theme.spacing(0.75)}\n          border={`1px solid ${textColor}`}\n          sx={{ backgroundImage: `linear-gradient(to right, ${startColor},${endColor})` }}\n        />\n      </FlexCol>\n      <FlexRow flexGrow={1} justifyContent=\"space-between\">\n        <Typography color={textColor} variant=\"caption\">\n          {startLabel}\n        </Typography>\n        <Typography color={textColor} variant=\"caption\">\n          {endLabel}\n        </Typography>\n      </FlexRow>\n    </FlexCol>\n  )\n}\n\nexport { ColorGradientLegend }\n"],"mappings":";AAAA,SAAS,YAAY,gBAAgB;AACrC,SAAS,SAAS,eAAe;AAS3B,cAUA,YAVA;AALN,IAAM,sBAA0D,CAAC,EAAE,YAAY,UAAU,YAAY,UAAU,SAAS,WAAW,GAAG,MAAM,MAAM;AAChJ,QAAM,QAAQ,SAAS;AAEvB,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,cAAW,IAAI,MAAM,QAAQ,IAAI,GAAG,OAAO,WAAW,SAAQ,WAAU,WAAU,UAChF,mBACH;AAAA,IACA,oBAAC,WAAQ,UAAU,GAAG,YAAW,WAAU,UAAU,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,IAAI,GAC3F;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,MAAM,QAAQ,IAAI;AAAA,QAC1B,QAAQ,aAAa,SAAS;AAAA,QAC9B,IAAI,EAAE,iBAAiB,6BAA6B,UAAU,IAAI,QAAQ,IAAI;AAAA;AAAA,IAChF,GACF;AAAA,IACA,qBAAC,WAAQ,UAAU,GAAG,gBAAe,iBACnC;AAAA,0BAAC,cAAW,OAAO,WAAW,SAAQ,WACnC,sBACH;AAAA,MACA,oBAAC,cAAW,OAAO,WAAW,SAAQ,WACnC,oBACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/browser/Components/MapBox.cjs

@@ -1,134 +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);
-
-// src/Components/MapBox.tsx
-var MapBox_exports = {};
-__export(MapBox_exports, {
-  MapBox: () => MapBox
-});
-module.exports = __toCommonJS(MapBox_exports);
-var import_mapbox_gl = require("mapbox-gl/dist/mapbox-gl.css");
-var import_mapbox_gl2 = require("mapbox-gl");
-var import_react6 = require("react");
-
-// src/hooks/useDynamicMapResize.tsx
-var import_react = require("react");
-var useDynamicMapResize = (mapContainerRef, mapCanvasRef, mapInstance, active = true) => {
-  const [dependenciesReady, setDependenciesReady] = (0, import_react.useState)(false);
-  const resizer = (0, import_react.useMemo)(
-    () => new ResizeObserver(() => {
-      const width = mapContainerRef.current?.getBoundingClientRect().width;
-      if (width && mapCanvasRef.current) {
-        mapCanvasRef.current.style.width = `${width}px`;
-        setTimeout(() => mapInstance?.resize());
-      }
-    }),
-    [mapCanvasRef, mapContainerRef, mapInstance]
-  );
-  (0, import_react.useEffect)(() => {
-    const dependenciesReady2 = !!(active && mapInstance && mapContainerRef?.current && mapCanvasRef.current);
-    setDependenciesReady(dependenciesReady2);
-  }, [active, mapCanvasRef, mapContainerRef, mapInstance]);
-  (0, import_react.useEffect)(() => {
-    if (dependenciesReady) {
-      if (mapContainerRef.current) {
-        resizer.observe(mapContainerRef.current);
-      }
-      return () => {
-        resizer.disconnect();
-      };
-    }
-  }, [active, dependenciesReady, mapCanvasRef, mapContainerRef, mapInstance, resizer]);
-};
-
-// src/Contexts/MapBoxInstance/Context.ts
-var import_react2 = require("react");
-var MapBoxInstanceContext = (0, import_react2.createContext)({});
-
-// src/Contexts/MapBoxInstance/useMapBoxInstance.tsx
-var import_assert = require("@xylabs/assert");
-var import_react3 = require("react");
-var useMapBoxInstance = () => {
-  const context = (0, import_react3.useContext)(MapBoxInstanceContext);
-  (0, import_assert.assertEx)("map" in context, "useMapBoxInstance must be used within a MapBoxInstanceContext");
-  return context;
-};
-
-// src/Contexts/MapSettings/Context.ts
-var import_react4 = require("react");
-var MapSettingsContext = (0, import_react4.createContext)({});
-
-// src/Contexts/MapSettings/useMapSettings.tsx
-var import_react5 = require("react");
-var useMapSettings = () => {
-  const context = (0, import_react5.useContext)(MapSettingsContext);
-  return context;
-};
-
-// src/Components/MapBox.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var MapBox = ({ accessToken, darkMode = false, options, zoom = 2, ...props }) => {
-  const [map, setMap] = (0, import_react6.useState)();
-  const mapContainerRef = (0, import_react6.useRef)(null);
-  const mapCanvasRef = (0, import_react6.useRef)(null);
-  const { setMapBoxInstance, map: mapInstance } = useMapBoxInstance();
-  const { mapSettings } = useMapSettings();
-  const activeResize = mapSettings?.dynamicMapResize.value;
-  useDynamicMapResize(mapContainerRef, mapCanvasRef, mapInstance, activeResize);
-  (0, import_react6.useEffect)(() => {
-    if (mapSettings?.preferDark?.value === true) {
-      map?.setStyle(`mapbox://styles/${"mapbox/dark-v10" /* Dark */}`);
-    } else {
-      map?.setStyle(`mapbox://styles/${darkMode ? "mapbox/dark-v10" /* Dark */ : "mapbox/light-v10" /* Light */}`);
-    }
-  }, [map, darkMode, mapSettings]);
-  (0, import_react6.useEffect)(() => {
-    const map2 = new import_mapbox_gl2.Map({
-      accessToken,
-      center: [0, 0],
-      container: mapContainerRef.current ?? "",
-      style: `mapbox://styles/${"mapbox/light-v10" /* 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__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      ref: (el) => mapContainerRef.current = el,
-      style: {
-        bottom: 0,
-        left: 0,
-        position: "absolute",
-        right: 0,
-        top: 0,
-        ...props
-      }
-    }
-  );
-};
-//# sourceMappingURL=MapBox.cjs.map

package/dist/browser/Components/MapBox.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Components/MapBox.tsx","../../../src/hooks/useDynamicMapResize.tsx","../../../src/Contexts/MapBoxInstance/Context.ts","../../../src/Contexts/MapBoxInstance/useMapBoxInstance.tsx","../../../src/Contexts/MapSettings/Context.ts","../../../src/Contexts/MapSettings/useMapSettings.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","import { Map } from 'mapbox-gl'\nimport { MutableRefObject, useEffect, useMemo, useState } from 'react'\n\n/**\n * Inspired by - https://bl.ocks.org/danswick/fc56f37c10d40be62e4feac5984250d2\n */\nexport const useDynamicMapResize = (\n  mapContainerRef: MutableRefObject<HTMLDivElement | null>,\n  mapCanvasRef: MutableRefObject<HTMLCanvasElement | null>,\n  mapInstance?: Map,\n  active = true,\n) => {\n  const [dependenciesReady, setDependenciesReady] = useState(false)\n\n  const resizer = useMemo(\n    () =>\n      new ResizeObserver(() => {\n        const width = mapContainerRef.current?.getBoundingClientRect().width\n        if (width && mapCanvasRef.current) {\n          mapCanvasRef.current.style.width = `${width}px`\n          // setTimeout allows for the smoothest animation (vs requestAnimationFrame, debouce, etc)\n          // likely because it lets mapbox resize once when the event loop is ready?\n          setTimeout(() => mapInstance?.resize())\n        }\n      }),\n    [mapCanvasRef, mapContainerRef, mapInstance],\n  )\n\n  useEffect(() => {\n    const dependenciesReady = !!(active && mapInstance && mapContainerRef?.current && mapCanvasRef.current)\n    setDependenciesReady(dependenciesReady)\n  }, [active, mapCanvasRef, mapContainerRef, mapInstance])\n\n  useEffect(() => {\n    if (dependenciesReady) {\n      if (mapContainerRef.current) {\n        resizer.observe(mapContainerRef.current)\n      }\n\n      return () => {\n        resizer.disconnect()\n      }\n    }\n  }, [active, dependenciesReady, mapCanvasRef, mapContainerRef, mapInstance, resizer])\n}\n","import { createContext } from 'react'\n\nimport { MapBoxInstanceState } from './State'\n\nconst MapBoxInstanceContext = createContext<MapBoxInstanceState>({})\n\nexport { MapBoxInstanceContext }\n","import { assertEx } from '@xylabs/assert'\nimport { useContext } from 'react'\n\nimport { MapBoxInstanceContext } from './Context'\n\nconst useMapBoxInstance = () => {\n  const context = useContext(MapBoxInstanceContext)\n  assertEx('map' in context, 'useMapBoxInstance must be used within a MapBoxInstanceContext')\n\n  return context\n}\n\nexport { useMapBoxInstance }\n","import { createContext } from 'react'\n\nimport { MapSettingsState } from './State'\n\nconst MapSettingsContext = createContext<MapSettingsState>({})\n\nexport { MapSettingsContext }\n","import { useContext } from 'react'\n\nimport { MapSettingsContext } from './Context'\n\nconst useMapSettings = () => {\n  const context = useContext(MapSettingsContext)\n\n  return context\n}\n\nexport { useMapSettings }\n"],"mappings":"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","names":["import_mapbox_gl","import_react","dependenciesReady","import_react","import_react","import_react","import_react","map"]}

package/dist/browser/Components/MapBox.js

@@ -1,113 +0,0 @@
-// src/Components/MapBox.tsx
-import "mapbox-gl/dist/mapbox-gl.css";
-import { Map } from "mapbox-gl";
-import { useEffect as useEffect2, useRef, useState as useState2 } from "react";
-
-// src/hooks/useDynamicMapResize.tsx
-import { useEffect, useMemo, useState } from "react";
-var useDynamicMapResize = (mapContainerRef, mapCanvasRef, mapInstance, active = true) => {
-  const [dependenciesReady, setDependenciesReady] = useState(false);
-  const resizer = useMemo(
-    () => new ResizeObserver(() => {
-      const width = mapContainerRef.current?.getBoundingClientRect().width;
-      if (width && mapCanvasRef.current) {
-        mapCanvasRef.current.style.width = `${width}px`;
-        setTimeout(() => mapInstance?.resize());
-      }
-    }),
-    [mapCanvasRef, mapContainerRef, mapInstance]
-  );
-  useEffect(() => {
-    const dependenciesReady2 = !!(active && mapInstance && mapContainerRef?.current && mapCanvasRef.current);
-    setDependenciesReady(dependenciesReady2);
-  }, [active, mapCanvasRef, mapContainerRef, mapInstance]);
-  useEffect(() => {
-    if (dependenciesReady) {
-      if (mapContainerRef.current) {
-        resizer.observe(mapContainerRef.current);
-      }
-      return () => {
-        resizer.disconnect();
-      };
-    }
-  }, [active, dependenciesReady, mapCanvasRef, mapContainerRef, mapInstance, resizer]);
-};
-
-// src/Contexts/MapBoxInstance/Context.ts
-import { createContext } from "react";
-var MapBoxInstanceContext = createContext({});
-
-// src/Contexts/MapBoxInstance/useMapBoxInstance.tsx
-import { assertEx } from "@xylabs/assert";
-import { useContext } from "react";
-var useMapBoxInstance = () => {
-  const context = useContext(MapBoxInstanceContext);
-  assertEx("map" in context, "useMapBoxInstance must be used within a MapBoxInstanceContext");
-  return context;
-};
-
-// src/Contexts/MapSettings/Context.ts
-import { createContext as createContext2 } from "react";
-var MapSettingsContext = createContext2({});
-
-// src/Contexts/MapSettings/useMapSettings.tsx
-import { useContext as useContext2 } from "react";
-var useMapSettings = () => {
-  const context = useContext2(MapSettingsContext);
-  return context;
-};
-
-// src/Components/MapBox.tsx
-import { jsx } from "react/jsx-runtime";
-var MapBox = ({ accessToken, darkMode = false, options, zoom = 2, ...props }) => {
-  const [map, setMap] = useState2();
-  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);
-  useEffect2(() => {
-    if (mapSettings?.preferDark?.value === true) {
-      map?.setStyle(`mapbox://styles/${"mapbox/dark-v10" /* Dark */}`);
-    } else {
-      map?.setStyle(`mapbox://styles/${darkMode ? "mapbox/dark-v10" /* Dark */ : "mapbox/light-v10" /* Light */}`);
-    }
-  }, [map, darkMode, mapSettings]);
-  useEffect2(() => {
-    const map2 = new Map({
-      accessToken,
-      center: [0, 0],
-      container: mapContainerRef.current ?? "",
-      style: `mapbox://styles/${"mapbox/light-v10" /* 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.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Components/MapBox.tsx","../../../src/hooks/useDynamicMapResize.tsx","../../../src/Contexts/MapBoxInstance/Context.ts","../../../src/Contexts/MapBoxInstance/useMapBoxInstance.tsx","../../../src/Contexts/MapSettings/Context.ts","../../../src/Contexts/MapSettings/useMapSettings.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","import { Map } from 'mapbox-gl'\nimport { MutableRefObject, useEffect, useMemo, useState } from 'react'\n\n/**\n * Inspired by - https://bl.ocks.org/danswick/fc56f37c10d40be62e4feac5984250d2\n */\nexport const useDynamicMapResize = (\n  mapContainerRef: MutableRefObject<HTMLDivElement | null>,\n  mapCanvasRef: MutableRefObject<HTMLCanvasElement | null>,\n  mapInstance?: Map,\n  active = true,\n) => {\n  const [dependenciesReady, setDependenciesReady] = useState(false)\n\n  const resizer = useMemo(\n    () =>\n      new ResizeObserver(() => {\n        const width = mapContainerRef.current?.getBoundingClientRect().width\n        if (width && mapCanvasRef.current) {\n          mapCanvasRef.current.style.width = `${width}px`\n          // setTimeout allows for the smoothest animation (vs requestAnimationFrame, debouce, etc)\n          // likely because it lets mapbox resize once when the event loop is ready?\n          setTimeout(() => mapInstance?.resize())\n        }\n      }),\n    [mapCanvasRef, mapContainerRef, mapInstance],\n  )\n\n  useEffect(() => {\n    const dependenciesReady = !!(active && mapInstance && mapContainerRef?.current && mapCanvasRef.current)\n    setDependenciesReady(dependenciesReady)\n  }, [active, mapCanvasRef, mapContainerRef, mapInstance])\n\n  useEffect(() => {\n    if (dependenciesReady) {\n      if (mapContainerRef.current) {\n        resizer.observe(mapContainerRef.current)\n      }\n\n      return () => {\n        resizer.disconnect()\n      }\n    }\n  }, [active, dependenciesReady, mapCanvasRef, mapContainerRef, mapInstance, resizer])\n}\n","import { createContext } from 'react'\n\nimport { MapBoxInstanceState } from './State'\n\nconst MapBoxInstanceContext = createContext<MapBoxInstanceState>({})\n\nexport { MapBoxInstanceContext }\n","import { assertEx } from '@xylabs/assert'\nimport { useContext } from 'react'\n\nimport { MapBoxInstanceContext } from './Context'\n\nconst useMapBoxInstance = () => {\n  const context = useContext(MapBoxInstanceContext)\n  assertEx('map' in context, 'useMapBoxInstance must be used within a MapBoxInstanceContext')\n\n  return context\n}\n\nexport { useMapBoxInstance }\n","import { createContext } from 'react'\n\nimport { MapSettingsState } from './State'\n\nconst MapSettingsContext = createContext<MapSettingsState>({})\n\nexport { MapSettingsContext }\n","import { useContext } from 'react'\n\nimport { MapSettingsContext } from './Context'\n\nconst useMapSettings = () => {\n  const context = useContext(MapSettingsContext)\n\n  return context\n}\n\nexport { useMapSettings }\n"],"mappings":"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","names":["useEffect","useState","dependenciesReady","createContext","useContext","useContext","useState","useEffect","map"]}