@macrostrat/map-interface 1.2.4 → 1.3.1

package/dist/esm/{headers.32db7784.js.map → map-interface.1db44824.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;AAGA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,sEAAK;AAErB,SAAS,0CAAa,KAAK;IAChC,MAAM,SAAE,KAAK,aAAE,YAAY,gBAAM,QAAQ,EAAE,GAAG,MAAM,GAAG;IACvD,OAAO,wBAAE,qBAAqB,MAAM;QAClC,wBACE,WACA;YACE,WAAW;QACb,GACA;QAEF;KACD;AACH","sources":["packages/map-interface/src/expansion-panel/headers.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\n\nconst h = hyper.styled(styles);\n\nexport function PanelSubhead(props) {\n  const { title, component = \"h3\", children, ...rest } = props;\n  return h(\"div.panel-subhead\", rest, [\n    h(\n      component,\n      {\n        className: \"title\",\n      },\n      title\n    ),\n    children,\n  ]);\n}\n"],"names":[],"version":3,"file":"headers.32db7784.js.map"}
+{"mappings":";;;;;;;;;;AAGA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,wEAAK;AAErB,SAAS,0CAAa,KAAK;IAChC,MAAM,SAAE,KAAK,aAAE,YAAY,gBAAM,QAAQ,EAAE,GAAG,MAAM,GAAG;IACvD,OAAO,wBAAE,qBAAqB,MAAM;QAClC,wBACE,WACA;YACE,WAAW;QACb,GACA;QAEF;KACD;AACH","sources":["packages/map-interface/src/expansion-panel/headers.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\n\nconst h = hyper.styled(styles);\n\nexport function PanelSubhead(props) {\n  const { title, component = \"h3\", children, ...rest } = props;\n  return h(\"div.panel-subhead\", rest, [\n    h(\n      component,\n      {\n        className: \"title\",\n      },\n      title,\n    ),\n    children,\n  ]);\n}\n"],"names":[],"version":3,"file":"map-interface.1db44824.js.map"}

package/dist/esm/{container.bba0b16c.js → map-interface.27587c50.js}

@@ -1,6 +1,6 @@
-import $gPxI6$mainmodulef70e002bjs from "./main.module.f70e002b.js";
-import "../cjs/main.module.f57e27f2.css";
-import {MapBottomControls as $91d5aa004eeb2226$export$db1a2e058a06fb5c} from "./controls.42c750c4.js";
+import $gPxI6$mapinterface065737fejs from "./map-interface.065737fe.js";
+import "../cjs/map-interface.4a401c1f.css";
+import {MapBottomControls as $91d5aa004eeb2226$export$db1a2e058a06fb5c} from "./map-interface.50edfdfd.js";
 import $gPxI6$macrostrathyper, {addClassNames as $gPxI6$addClassNames} from "@macrostrat/hyper";
 import $gPxI6$classnames from "classnames";
 import {useTransition as $gPxI6$useTransition} from "transition-hook";
@@ -22,7 +22,7 @@ function $parcel$interopDefault(a) {
 
 
 
-const $4bdfa9cd8240b2fd$var$h = (0, $gPxI6$macrostrathyper).styled((0, ($parcel$interopDefault($gPxI6$mainmodulef70e002bjs))));
+const $4bdfa9cd8240b2fd$var$h = (0, $gPxI6$macrostrathyper).styled((0, ($parcel$interopDefault($gPxI6$mapinterface065737fejs))));
 const $4bdfa9cd8240b2fd$export$ec68dd77edbe678b = (props)=>$4bdfa9cd8240b2fd$var$h((0, $gPxI6$Card), {
         ...props,
         className: (0, $gPxI6$classnames)("panel-card", props.className)
@@ -123,4 +123,4 @@ function $4bdfa9cd8240b2fd$export$fa395a37c3898ae3({ className: className, child
 
 
 export {$4bdfa9cd8240b2fd$export$ec68dd77edbe678b as PanelCard, $4bdfa9cd8240b2fd$export$612ca936d3ed4784 as DetailPanelStyle, $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290 as MapAreaContainer, $4bdfa9cd8240b2fd$export$fa395a37c3898ae3 as MapStyledContainer};
-//# sourceMappingURL=container.bba0b16c.js.map
+//# sourceMappingURL=map-interface.27587c50.js.map

package/dist/esm/{container.bba0b16c.js.map → map-interface.27587c50.js.map}

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/map-interface/src/container.ts"],"sourcesContent":["import hyper, { addClassNames } from \"@macrostrat/hyper\";\nimport { HTMLDivProps } from \"@blueprintjs/core\";\nimport styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { useTransition } from \"transition-hook\";\nimport {\n  MapboxMapProvider,\n  ZoomControl,\n  useMapPosition,\n} from \"@macrostrat/mapbox-react\";\nimport { ToasterContext } from \"@macrostrat/ui-components\";\nimport { MapBottomControls } from \"./controls\";\nimport { mapViewInfo, MapPosition } from \"@macrostrat/mapbox-utils\";\nimport { Card } from \"@blueprintjs/core\";\n\nimport { ReactNode } from \"react\";\n\nconst h = hyper.styled(styles);\n\ntype AnyElement = React.ReactNode | React.ReactElement | React.ReactFragment;\n\nexport const PanelCard = (props) =>\n  h(Card, { ...props, className: classNames(\"panel-card\", props.className) });\n\ninterface ContextStackProps extends HTMLDivProps {\n  adaptiveWidth: boolean;\n  navbar: AnyElement;\n}\n\nexport enum DetailPanelStyle {\n  FIXED = \"fixed\",\n  FLOATING = \"floating\",\n}\n\nexport const MapAreaContainer = (props) =>\n  h(MapProviders, h(_MapAreaContainer, props));\n\ninterface MapAreaContainerProps {\n  navbar: AnyElement;\n  children?: AnyElement;\n  mapControls?: AnyElement;\n  contextPanel?: AnyElement;\n  contextStack?: AnyElement;\n  mainPanel?: AnyElement;\n  detailPanel?: AnyElement;\n  bottomPanel?: AnyElement;\n  className?: string;\n  detailPanelOpen?: boolean;\n  contextPanelOpen?: boolean;\n  contextStackProps?: ContextStackProps;\n  detailStackProps?: HTMLDivProps;\n  detailPanelStyle: DetailPanelStyle;\n  fitViewport?: boolean;\n  showPanelOutlines?: boolean;\n  preventMapInteraction?: boolean;\n}\n\nfunction _MapAreaContainer({\n  children,\n  className,\n  navbar,\n  contextPanel = null,\n  detailPanel = null,\n  detailPanelOpen,\n  contextPanelOpen = true,\n  bottomPanel = null,\n  mainPanel,\n  mapControls = h(MapBottomControls),\n  contextStackProps = null,\n  detailStackProps = null,\n  detailPanelStyle = DetailPanelStyle.FLOATING,\n  fitViewport = true,\n  showPanelOutlines = false,\n  preventMapInteraction = false,\n  ...rest\n}: MapAreaContainerProps) {\n  const _detailPanelOpen = detailPanelOpen ?? detailPanel != null;\n  const contextPanelTrans = useTransition(contextPanelOpen, 800);\n  const detailPanelTrans = useTransition(_detailPanelOpen, 800);\n\n  /*- We apply a custom style to the panel container when we are interacting\n      with the search bar, so that we can block map interactions until search\n      bar focus is lost.\n    - We also apply a custom style when the infodrawer is open so we can hide\n      the search bar on mobile platforms\n    - These styles are doubly applied so we can have both namespaced and\n      outside-accessible styles for each case.\n  */\n  const mainUIClassNames = classNames(\n    \"map-container\",\n    className,\n    `detail-panel-${detailPanelStyle}`,\n    `context-panel-${contextPanelTrans.stage}`,\n    `map-context-${contextPanelTrans.stage}`,\n    `detail-panel-${detailPanelTrans.stage}`,\n    `map-detail-${detailPanelTrans.stage}`,\n    {\n      \"detail-panel-open\": _detailPanelOpen,\n      \"map-context-open\": contextPanelOpen,\n      \"show-panel-outlines\": showPanelOutlines,\n      \"fit-viewport\": fitViewport,\n    }\n  );\n\n  const mapControlsExt = h([\n    h(ZoomControl, { className: \"zoom-control\" }),\n    h(\"div.spacer\"),\n    mapControls,\n  ]);\n\n  const detailStackExt = h(\n    \"div.detail-stack.infodrawer-container\",\n    detailStackProps,\n    [\n      h(\"div.detail-panel-holder\", null, detailPanel),\n      h.if(detailPanelStyle == DetailPanelStyle.FLOATING)([mapControlsExt]),\n    ]\n  );\n\n  let contextStack = null;\n  if (navbar != null || contextPanel != null) {\n    contextStack = h(ContextStack, { navbar, ...contextStackProps }, [\n      h.if(contextPanelTrans.shouldMount)([contextPanel]),\n    ]);\n  }\n\n  return h(MapStyledContainer, { className: mainUIClassNames }, [\n    h(\"div.main-row\", [\n      h(\"div.map-ui\", { ...rest }, [\n        contextStack,\n        //h(MapView),\n        children ?? mainPanel,\n        h.if(detailPanelStyle == DetailPanelStyle.FLOATING)([detailStackExt]),\n        h.if(detailPanelStyle == DetailPanelStyle.FIXED)(\n          \"div.map-control-stack\",\n          mapControlsExt\n        ),\n      ]),\n      h.if(detailPanelStyle == DetailPanelStyle.FIXED)([detailStackExt]),\n    ]),\n    h(\"div.bottom\", null, bottomPanel),\n  ]);\n}\n\nfunction ContextStack(props: ContextStackProps) {\n  const { adaptiveWidth, navbar, children, ...rest } = props;\n  const props1 = addClassNames(rest, { \"adaptive-width\": adaptiveWidth });\n  return h(\"div.context-stack\", props1, [\n    navbar,\n    h(\"div.context-panel-holder\", null, children),\n    h(\"div.spacer\"),\n  ]);\n}\n\nconst MapProviders = ({ children }) =>\n  h(ToasterContext, h(MapboxMapProvider, children));\n\ninterface MapContainerProps {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function MapStyledContainer({ className, children }: MapContainerProps) {\n  const mapPosition = useMapPosition();\n  if (mapPosition != null) {\n    const { mapIsRotated, mapUse3D, mapIsGlobal } = mapViewInfo(mapPosition);\n    className = classNames(className, {\n      \"map-is-rotated\": mapIsRotated,\n      \"map-3d-available\": mapUse3D,\n      \"map-is-global\": mapIsGlobal,\n    });\n  }\n\n  return h(\"div\", { className }, children);\n}\n\n//const _MapPage = compose(HotkeysProvider, MapPage);\n"],"names":[],"version":3,"file":"container.bba0b16c.js.map"}
+{"mappings":"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","sources":["packages/map-interface/src/container.ts"],"sourcesContent":["import hyper, { addClassNames } from \"@macrostrat/hyper\";\nimport { HTMLDivProps } from \"@blueprintjs/core\";\nimport styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { useTransition } from \"transition-hook\";\nimport {\n  MapboxMapProvider,\n  ZoomControl,\n  useMapPosition,\n} from \"@macrostrat/mapbox-react\";\nimport { ToasterContext } from \"@macrostrat/ui-components\";\nimport { MapBottomControls } from \"./controls\";\nimport { mapViewInfo, MapPosition } from \"@macrostrat/mapbox-utils\";\nimport { Card } from \"@blueprintjs/core\";\n\nimport { ReactNode } from \"react\";\n\nconst h = hyper.styled(styles);\n\ntype AnyElement = React.ReactNode | React.ReactElement | React.ReactFragment;\n\nexport const PanelCard = (props) =>\n  h(Card, { ...props, className: classNames(\"panel-card\", props.className) });\n\ninterface ContextStackProps extends HTMLDivProps {\n  adaptiveWidth: boolean;\n  navbar: AnyElement;\n}\n\nexport enum DetailPanelStyle {\n  FIXED = \"fixed\",\n  FLOATING = \"floating\",\n}\n\nexport const MapAreaContainer = (props) =>\n  h(MapProviders, h(_MapAreaContainer, props));\n\ninterface MapAreaContainerProps {\n  navbar: AnyElement;\n  children?: AnyElement;\n  mapControls?: AnyElement;\n  contextPanel?: AnyElement;\n  contextStack?: AnyElement;\n  mainPanel?: AnyElement;\n  detailPanel?: AnyElement;\n  bottomPanel?: AnyElement;\n  className?: string;\n  detailPanelOpen?: boolean;\n  contextPanelOpen?: boolean;\n  contextStackProps?: ContextStackProps;\n  detailStackProps?: HTMLDivProps;\n  detailPanelStyle: DetailPanelStyle;\n  fitViewport?: boolean;\n  showPanelOutlines?: boolean;\n  preventMapInteraction?: boolean;\n}\n\nfunction _MapAreaContainer({\n  children,\n  className,\n  navbar,\n  contextPanel = null,\n  detailPanel = null,\n  detailPanelOpen,\n  contextPanelOpen = true,\n  bottomPanel = null,\n  mainPanel,\n  mapControls = h(MapBottomControls),\n  contextStackProps = null,\n  detailStackProps = null,\n  detailPanelStyle = DetailPanelStyle.FLOATING,\n  fitViewport = true,\n  showPanelOutlines = false,\n  preventMapInteraction = false,\n  ...rest\n}: MapAreaContainerProps) {\n  const _detailPanelOpen = detailPanelOpen ?? detailPanel != null;\n  const contextPanelTrans = useTransition(contextPanelOpen, 800);\n  const detailPanelTrans = useTransition(_detailPanelOpen, 800);\n\n  /*- We apply a custom style to the panel container when we are interacting\n      with the search bar, so that we can block map interactions until search\n      bar focus is lost.\n    - We also apply a custom style when the infodrawer is open so we can hide\n      the search bar on mobile platforms\n    - These styles are doubly applied so we can have both namespaced and\n      outside-accessible styles for each case.\n  */\n  const mainUIClassNames = classNames(\n    \"map-container\",\n    className,\n    `detail-panel-${detailPanelStyle}`,\n    `context-panel-${contextPanelTrans.stage}`,\n    `map-context-${contextPanelTrans.stage}`,\n    `detail-panel-${detailPanelTrans.stage}`,\n    `map-detail-${detailPanelTrans.stage}`,\n    {\n      \"detail-panel-open\": _detailPanelOpen,\n      \"map-context-open\": contextPanelOpen,\n      \"show-panel-outlines\": showPanelOutlines,\n      \"fit-viewport\": fitViewport,\n    },\n  );\n\n  const mapControlsExt = h([\n    h(ZoomControl, { className: \"zoom-control\" }),\n    h(\"div.spacer\"),\n    mapControls,\n  ]);\n\n  const detailStackExt = h(\n    \"div.detail-stack.infodrawer-container\",\n    detailStackProps,\n    [\n      h(\"div.detail-panel-holder\", null, detailPanel),\n      h.if(detailPanelStyle == DetailPanelStyle.FLOATING)([mapControlsExt]),\n    ],\n  );\n\n  let contextStack = null;\n  if (navbar != null || contextPanel != null) {\n    contextStack = h(ContextStack, { navbar, ...contextStackProps }, [\n      h.if(contextPanelTrans.shouldMount)([contextPanel]),\n    ]);\n  }\n\n  return h(MapStyledContainer, { className: mainUIClassNames }, [\n    h(\"div.main-row\", [\n      h(\"div.map-ui\", { ...rest }, [\n        contextStack,\n        //h(MapView),\n        children ?? mainPanel,\n        h.if(detailPanelStyle == DetailPanelStyle.FLOATING)([detailStackExt]),\n        h.if(detailPanelStyle == DetailPanelStyle.FIXED)(\n          \"div.map-control-stack\",\n          mapControlsExt,\n        ),\n      ]),\n      h.if(detailPanelStyle == DetailPanelStyle.FIXED)([detailStackExt]),\n    ]),\n    h(\"div.bottom\", null, bottomPanel),\n  ]);\n}\n\nfunction ContextStack(props: ContextStackProps) {\n  const { adaptiveWidth, navbar, children, ...rest } = props;\n  const props1 = addClassNames(rest, { \"adaptive-width\": adaptiveWidth });\n  return h(\"div.context-stack\", props1, [\n    navbar,\n    h(\"div.context-panel-holder\", null, children),\n    h(\"div.spacer\"),\n  ]);\n}\n\nconst MapProviders = ({ children }) =>\n  h(ToasterContext, h(MapboxMapProvider, children));\n\ninterface MapContainerProps {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function MapStyledContainer({ className, children }: MapContainerProps) {\n  const mapPosition = useMapPosition();\n  if (mapPosition != null) {\n    const { mapIsRotated, mapUse3D, mapIsGlobal } = mapViewInfo(mapPosition);\n    className = classNames(className, {\n      \"map-is-rotated\": mapIsRotated,\n      \"map-3d-available\": mapUse3D,\n      \"map-is-global\": mapIsGlobal,\n    });\n  }\n\n  return h(\"div\", { className }, children);\n}\n\n//const _MapPage = compose(HotkeysProvider, MapPage);\n"],"names":[],"version":3,"file":"map-interface.27587c50.js.map"}

package/dist/esm/{utils.d40349f0.js → map-interface.3033c825.js}

@@ -37,4 +37,4 @@ function $82fe09613877ffc2$export$278090850f6b3a9f(mapRef, markerRef, markerPosi
 
 
 export {$82fe09613877ffc2$export$bb78f9f01775eef1 as getMapPadding, $82fe09613877ffc2$export$278090850f6b3a9f as useMapMarker};
-//# sourceMappingURL=utils.d40349f0.js.map
+//# sourceMappingURL=map-interface.3033c825.js.map

package/dist/esm/{utils.d40349f0.js.map → map-interface.3033c825.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;AAGA,SAAS,qCAAe,IAAI,EAAE,SAAS;IACrC,OAAO;QACL,MAAM,KAAK,GAAG,CAAC,KAAK,IAAI,GAAG,UAAU,IAAI,EAAE;QAC3C,KAAK,KAAK,GAAG,CAAC,KAAK,GAAG,GAAG,UAAU,GAAG,EAAE;QACxC,OAAO,KAAK,GAAG,CAAC,UAAU,KAAK,GAAG,KAAK,KAAK,EAAE;QAC9C,QAAQ,KAAK,GAAG,CAAC,UAAU,MAAM,GAAG,KAAK,MAAM,EAAE;IACnD;AACF;AAEO,SAAS,0CAAc,GAAG,EAAE,SAAS;IAC1C,MAAM,OAAO,UAAU,OAAO,EAAE;IAChC,MAAM,YAAY,IAAI,OAAO,EAAE;IAC/B,IAAI,QAAQ,QAAQ,aAAa,MAAM;IACvC,OAAO,qCAAe,MAAM;AAC9B;AAEO,SAAS,0CAAa,MAAM,EAAE,SAAS,EAAE,cAAc;IAC5D,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,MAAM,OAAO,OAAO;QAC1B,IAAI,OAAO,MAAM;QACjB,IAAI,kBAAkB,MAAM;YAC1B,UAAU,OAAO,EAAE;YACnB;QACF;QACA,MAAM,SAAS,UAAU,OAAO,IAAI,IAAI,CAAA,GAAA,aAAK;QAC7C,OAAO,SAAS,CAAC,gBAAgB,KAAK,CAAC;QACvC,UAAU,OAAO,GAAG;QACpB,OAAO,IAAM,OAAO,MAAM;IAC5B,GAAG;QAAC,OAAO,OAAO;QAAE;KAAe;AACrC","sources":["packages/map-interface/src/utils.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { Marker } from \"mapbox-gl\";\n\nfunction calcMapPadding(rect, childRect) {\n  return {\n    left: Math.max(rect.left - childRect.left, 0),\n    top: Math.max(rect.top - childRect.top, 0),\n    right: Math.max(childRect.right - rect.right, 0),\n    bottom: Math.max(childRect.bottom - rect.bottom, 0),\n  };\n}\n\nexport function getMapPadding(ref, parentRef) {\n  const rect = parentRef.current?.getBoundingClientRect();\n  const childRect = ref.current?.getBoundingClientRect();\n  if (rect == null || childRect == null) return;\n  return calcMapPadding(rect, childRect);\n}\n\nexport function useMapMarker(mapRef, markerRef, markerPosition) {\n  useEffect(() => {\n    const map = mapRef.current;\n    if (map == null) return;\n    if (markerPosition == null) {\n      markerRef.current?.remove();\n      return;\n    }\n    const marker = markerRef.current ?? new Marker();\n    marker.setLngLat(markerPosition).addTo(map);\n    markerRef.current = marker;\n    return () => marker.remove();\n  }, [mapRef.current, markerPosition]);\n}\n"],"names":[],"version":3,"file":"utils.d40349f0.js.map"}
+{"mappings":";;;;;AAGA,SAAS,qCAAe,IAAI,EAAE,SAAS;IACrC,OAAO;QACL,MAAM,KAAK,GAAG,CAAC,KAAK,IAAI,GAAG,UAAU,IAAI,EAAE;QAC3C,KAAK,KAAK,GAAG,CAAC,KAAK,GAAG,GAAG,UAAU,GAAG,EAAE;QACxC,OAAO,KAAK,GAAG,CAAC,UAAU,KAAK,GAAG,KAAK,KAAK,EAAE;QAC9C,QAAQ,KAAK,GAAG,CAAC,UAAU,MAAM,GAAG,KAAK,MAAM,EAAE;IACnD;AACF;AAEO,SAAS,0CAAc,GAAG,EAAE,SAAS;IAC1C,MAAM,OAAO,UAAU,OAAO,EAAE;IAChC,MAAM,YAAY,IAAI,OAAO,EAAE;IAC/B,IAAI,QAAQ,QAAQ,aAAa,MAAM;IACvC,OAAO,qCAAe,MAAM;AAC9B;AAEO,SAAS,0CAAa,MAAM,EAAE,SAAS,EAAE,cAAc;IAC5D,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,MAAM,OAAO,OAAO;QAC1B,IAAI,OAAO,MAAM;QACjB,IAAI,kBAAkB,MAAM;YAC1B,UAAU,OAAO,EAAE;YACnB;QACF;QACA,MAAM,SAAS,UAAU,OAAO,IAAI,IAAI,CAAA,GAAA,aAAK;QAC7C,OAAO,SAAS,CAAC,gBAAgB,KAAK,CAAC;QACvC,UAAU,OAAO,GAAG;QACpB,OAAO,IAAM,OAAO,MAAM;IAC5B,GAAG;QAAC,OAAO,OAAO;QAAE;KAAe;AACrC","sources":["packages/map-interface/src/utils.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { Marker } from \"mapbox-gl\";\n\nfunction calcMapPadding(rect, childRect) {\n  return {\n    left: Math.max(rect.left - childRect.left, 0),\n    top: Math.max(rect.top - childRect.top, 0),\n    right: Math.max(childRect.right - rect.right, 0),\n    bottom: Math.max(childRect.bottom - rect.bottom, 0),\n  };\n}\n\nexport function getMapPadding(ref, parentRef) {\n  const rect = parentRef.current?.getBoundingClientRect();\n  const childRect = ref.current?.getBoundingClientRect();\n  if (rect == null || childRect == null) return;\n  return calcMapPadding(rect, childRect);\n}\n\nexport function useMapMarker(mapRef, markerRef, markerPosition) {\n  useEffect(() => {\n    const map = mapRef.current;\n    if (map == null) return;\n    if (markerPosition == null) {\n      markerRef.current?.remove();\n      return;\n    }\n    const marker = markerRef.current ?? new Marker();\n    marker.setLngLat(markerPosition).addTo(map);\n    markerRef.current = marker;\n    return () => marker.remove();\n  }, [mapRef.current, markerPosition]);\n}\n"],"names":[],"version":3,"file":"map-interface.3033c825.js.map"}

package/dist/esm/{dev.b2d9d35d.js → map-interface.3248abc7.js}

@@ -1,7 +1,7 @@
-import {h as $a281a0612311d660$export$dda1d9f60106f0e9, MapInspectorV2 as $a281a0612311d660$export$eab3034e57b46e26, DevMapPage as $a281a0612311d660$export$2391061fbdfb71ef} from "./map-page.1da2d70c.js";
-import {TileExtentLayer as $1d4d29ef2725aa16$export$86c09739b12f23cd} from "./tile-extent.ca526996.js";
-import {FeatureProperties as $b8c84b63e75fe4f2$export$2906e7f4b228efe9, FeatureRecord as $b8c84b63e75fe4f2$export$dc87b4d46cea200d, FeatureSelectionHandler as $b8c84b63e75fe4f2$export$214daccdda0f4ac6, Features as $b8c84b63e75fe4f2$export$617d79dae526d2cf, TileInfo as $b8c84b63e75fe4f2$export$43c75dec9d0b96c, FeaturePanel as $b8c84b63e75fe4f2$export$43277c51a01761c1} from "./vector-tile-features.53b48d66.js";
-import {buildXRayStyle as $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d, buildInspectorStyle as $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6} from "./xray.c0663c25.js";
+import {h as $a281a0612311d660$export$dda1d9f60106f0e9, MapInspectorV2 as $a281a0612311d660$export$eab3034e57b46e26, DevMapPage as $a281a0612311d660$export$2391061fbdfb71ef} from "./map-interface.00058d23.js";
+import {TileExtentLayer as $1d4d29ef2725aa16$export$86c09739b12f23cd} from "./map-interface.f107347b.js";
+import {FeatureProperties as $b8c84b63e75fe4f2$export$2906e7f4b228efe9, FeatureRecord as $b8c84b63e75fe4f2$export$dc87b4d46cea200d, FeatureSelectionHandler as $b8c84b63e75fe4f2$export$214daccdda0f4ac6, Features as $b8c84b63e75fe4f2$export$617d79dae526d2cf, TileInfo as $b8c84b63e75fe4f2$export$43c75dec9d0b96c, FeaturePanel as $b8c84b63e75fe4f2$export$43277c51a01761c1} from "./map-interface.786d6e58.js";
+import {buildXRayStyle as $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d, buildInspectorStyle as $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6} from "./map-interface.1843c708.js";
 
 
 
@@ -10,4 +10,4 @@ import {buildXRayStyle as $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d, buildInspec
 
 
 export {$a281a0612311d660$export$dda1d9f60106f0e9 as h, $a281a0612311d660$export$eab3034e57b46e26 as MapInspectorV2, $a281a0612311d660$export$2391061fbdfb71ef as DevMapPage, $1d4d29ef2725aa16$export$86c09739b12f23cd as TileExtentLayer, $b8c84b63e75fe4f2$export$2906e7f4b228efe9 as FeatureProperties, $b8c84b63e75fe4f2$export$dc87b4d46cea200d as FeatureRecord, $b8c84b63e75fe4f2$export$214daccdda0f4ac6 as FeatureSelectionHandler, $b8c84b63e75fe4f2$export$617d79dae526d2cf as Features, $b8c84b63e75fe4f2$export$43c75dec9d0b96c as TileInfo, $b8c84b63e75fe4f2$export$43277c51a01761c1 as FeaturePanel, $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d as buildXRayStyle, $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6 as buildInspectorStyle};
-//# sourceMappingURL=dev.b2d9d35d.js.map
+//# sourceMappingURL=map-interface.3248abc7.js.map

package/dist/esm/{dev.b2d9d35d.js.map → map-interface.3248abc7.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["packages/map-interface/src/dev/index.ts"],"sourcesContent":["export * from \"./map-page\";\nexport * from \"./tile-extent\";\nexport * from \"./vector-tile-features\";\nexport * from \"./xray\";\n"],"names":[],"version":3,"file":"dev.b2d9d35d.js.map"}
+{"mappings":"","sources":["packages/map-interface/src/dev/index.ts"],"sourcesContent":["export * from \"./map-page\";\nexport * from \"./tile-extent\";\nexport * from \"./vector-tile-features\";\nexport * from \"./xray\";\n"],"names":[],"version":3,"file":"map-interface.3248abc7.js.map"}

package/dist/esm/{location-info.5543bb05.js → map-interface.3ef9d0ae.js}

@@ -1,7 +1,9 @@
-import {formatValue as $3e1bd09be8f70c4c$export$7c4d25c0c3217d8c} from "./utils.122d1f2d.js";
-import {applyMapPositionToHash as $bb5f34705d9c44bc$export$8391d1abb505ffb3, getMapPositionForHash as $bb5f34705d9c44bc$export$80abf1cbcc3918e4} from "./hash-string.836601b2.js";
+import {formatValue as $3e1bd09be8f70c4c$export$7c4d25c0c3217d8c} from "./map-interface.c4fa120d.js";
+import {applyMapPositionToHash as $bb5f34705d9c44bc$export$8391d1abb505ffb3, getMapPositionForHash as $bb5f34705d9c44bc$export$80abf1cbcc3918e4} from "./map-interface.e50c290f.js";
 import $2Lirf$macrostrathyper from "@macrostrat/hyper";
 import {formatCoordForZoomLevel as $2Lirf$formatCoordForZoomLevel, normalizeLng as $2Lirf$normalizeLng, metersToFeet as $2Lirf$metersToFeet} from "@macrostrat/mapbox-utils";
+import {LngLat as $2Lirf$LngLat} from "mapbox-gl";
+
 
 
 
@@ -33,9 +35,17 @@ function $4fae2d573d730db8$export$f195b3550849e560(props) {
     /** Formatted geographic coordinates */ const { position: position, className: className, precision: precision, zoom: zoom } = props;
     let { format: format } = props;
     if (position == null) return null;
-    let lat, lng;
+    let lat;
+    let lng;
     if (Array.isArray(position)) [lng, lat] = position;
-    else ({ lat: lat, lng: lng } = position);
+    else if (position instanceof (0, $2Lirf$LngLat)) [lng, lat] = position.toArray();
+    else if ("lng" in position) {
+        lat = position.lat;
+        lng = position.lng;
+    } else if ("lon" in position) {
+        lat = position.lat;
+        lng = position.lon;
+    }
     if (zoom != null && format == null && precision == null) format = (val, _)=>(0, $2Lirf$formatCoordForZoomLevel)(val, zoom);
     return (0, $2Lirf$macrostrathyper)("div.lnglat-container", {
         className: className
@@ -86,4 +96,4 @@ function $4fae2d573d730db8$export$58bfb4f6ec5aa58d(props) {
 
 
 export {$4fae2d573d730db8$export$716098b85fd0efdf as ValueWithUnit, $4fae2d573d730db8$export$af8082af0bea3eb1 as DegreeCoord, $4fae2d573d730db8$export$f195b3550849e560 as LngLatCoords, $4fae2d573d730db8$export$58bfb4f6ec5aa58d as Elevation, $bb5f34705d9c44bc$export$8391d1abb505ffb3 as applyMapPositionToHash, $bb5f34705d9c44bc$export$80abf1cbcc3918e4 as getMapPositionForHash};
-//# sourceMappingURL=location-info.5543bb05.js.map
+//# sourceMappingURL=map-interface.3ef9d0ae.js.map

package/dist/esm/map-interface.3ef9d0ae.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAWO,SAAS,0CAAc,KAAK;IACjC,MAAM,SAAE,KAAK,QAAE,IAAI,EAAE,GAAG;IACxB,OAAO,CAAA,GAAA,sBAAA,EAAE,wBAAwB;QAC/B,CAAA,GAAA,sBAAA,EAAE,cAAc;YAAC;SAAM;QACvB,CAAA,GAAA,sBAAA,EAAE,eAAe;YAAC;SAAI;QACtB,CAAA,GAAA,sBAAA,EAAE,aAAa;YAAC;SAAK;KACtB;AACH;AAEO,SAAS,0CAAY,KAAK;IAC/B,MAAM,SAAE,KAAK,UAAE,MAAM,aAAE,YAAY,WAAG,SAAS,CAAA,GAAA,yCAAU,GAAG,GAAG;IAC/D,MAAM,YAAY,QAAQ,IAAI,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE;IAEnD,OAAO,CAAA,GAAA,sBAAA,EAAE,2CAAe;QACtB,OAAO,OAAO,KAAK,GAAG,CAAC,QAAQ,aAAa;QAC5C,MAAM;IACR;AACF;AAcO,SAAS,0CAAa,KAAkB;IAC7C,qCAAqC,GACrC,MAAM,YAAE,QAAQ,aAAE,SAAS,aAAE,SAAS,QAAE,IAAI,EAAE,GAAG;IACjD,IAAI,UAAE,MAAM,EAAE,GAAG;IACjB,IAAI,YAAY,MACd,OAAO;IAGT,IAAI;IACJ,IAAI;IACJ,IAAI,MAAM,OAAO,CAAC,WAChB,CAAC,KAAK,IAAI,GAAG;SACR,IAAI,oBAAoB,CAAA,GAAA,aAAK,GAClC,CAAC,KAAK,IAAI,GAAG,SAAS,OAAO;SACxB,IAAI,SAAS,UAAU;QAC5B,MAAM,SAAS,GAAG;QAClB,MAAM,SAAS,GAAG;IACpB,OAAO,IAAI,SAAS,UAAU;QAC5B,MAAM,SAAS,GAAG;QAClB,MAAM,SAAS,GAAG;IACpB;IAEA,IAAI,QAAQ,QAAQ,UAAU,QAAQ,aAAa,MACjD,SAAS,CAAC,KAAK,IAAM,CAAA,GAAA,8BAAsB,EAAE,KAAK;IAGpD,OAAO,CAAA,GAAA,sBAAA,EAAE,wBAAwB;mBAAE;IAAU,GAAG;QAC9C,CAAA,GAAA,sBAAA,EAAE,eAAe;YACf,CAAA,GAAA,sBAAA,EAAE,2CAAa;gBACb,OAAO;gBACP,QAAQ;oBAAC;oBAAK;iBAAI;2BAClB;wBACA;YACF;YACA;YACA,CAAA,GAAA,sBAAA,EAAE,2CAAa;gBACb,OAAO,CAAA,GAAA,mBAAW,EAAE;gBACpB,QAAQ;oBAAC;oBAAK;iBAAI;2BAClB;wBACA;YACF;SACD;KACF;AACH;AAEO,SAAS,0CAAU,KAAK;IAC7B,iFAAiF,GACjF,MAAM,aAAE,SAAS,aAAE,SAAS,eAAE,cAAc,MAAM,GAAG;IACrD,IAAI,aAAa,MAAM,OAAO;IAC9B,OAAO,CAAA,GAAA,sBAAA,EAAE,iBAAiB;mBAAE;IAAU,GAAG;QACvC,CAAA,GAAA,sBAAA,EAAE,2CAAe;YAAE,OAAO;YAAW,MAAM;QAAI;QAC/C,CAAA,GAAA,sBAAA,EAAE,EAAE,CAAC,aAAa,kBAAkB;YAClC;YACA,CAAA,GAAA,sBAAA,EAAE,2CAAe;gBAAE,OAAO,CAAA,GAAA,mBAAW,EAAE;gBAAY,MAAM;YAAK;YAC9D;SACD;KACF;AACH","sources":["packages/map-interface/src/location-info/index.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport {\n  formatCoordForZoomLevel,\n  metersToFeet,\n  normalizeLng,\n} from \"@macrostrat/mapbox-utils\";\nimport { formatValue } from \"./utils\";\nimport { LngLat } from \"mapbox-gl\";\n\nexport * from \"./hash-string\";\n\nexport function ValueWithUnit(props) {\n  const { value, unit } = props;\n  return h(\"span.value-with-unit\", [\n    h(\"span.value\", [value]),\n    h(\"span.spacer\", [\" \"]),\n    h(\"span.unit\", [unit]),\n  ]);\n}\n\nexport function DegreeCoord(props) {\n  const { value, labels, precision = 3, format = formatValue } = props;\n  const direction = value < 0 ? labels[1] : labels[0];\n\n  return h(ValueWithUnit, {\n    value: format(Math.abs(value), precision) + \"°\",\n    unit: direction,\n  });\n}\n\nexport interface LngLatProps {\n  /** Map position */\n  position: mapboxgl.LngLatLike | null;\n  className?: string;\n  /** Zoom level (used to infer coordinate rounding if provided) */\n  zoom?: number;\n  /** Number of decimal places to round coordinates to */\n  precision?: number;\n  /** Function to format coordinates */\n  format?: (val: number, precision: number) => string;\n}\n\nexport function LngLatCoords(props: LngLatProps) {\n  /** Formatted geographic coordinates */\n  const { position, className, precision, zoom } = props;\n  let { format } = props;\n  if (position == null) {\n    return null;\n  }\n\n  let lat: number;\n  let lng: number;\n  if (Array.isArray(position)) {\n    [lng, lat] = position;\n  } else if (position instanceof LngLat) {\n    [lng, lat] = position.toArray();\n  } else if (\"lng\" in position) {\n    lat = position.lat;\n    lng = position.lng;\n  } else if (\"lon\" in position) {\n    lat = position.lat;\n    lng = position.lon;\n  }\n\n  if (zoom != null && format == null && precision == null) {\n    format = (val, _) => formatCoordForZoomLevel(val, zoom);\n  }\n\n  return h(\"div.lnglat-container\", { className }, [\n    h(\"span.lnglat\", [\n      h(DegreeCoord, {\n        value: lat,\n        labels: [\"N\", \"S\"],\n        precision,\n        format,\n      }),\n      \", \",\n      h(DegreeCoord, {\n        value: normalizeLng(lng),\n        labels: [\"E\", \"W\"],\n        precision,\n        format,\n      }),\n    ]),\n  ]);\n}\n\nexport function Elevation(props) {\n  /** Renders an elevation value in meters and a parenthetical conversion to feet. */\n  const { elevation, className, includeFeet = true } = props;\n  if (elevation == null) return null;\n  return h(\"div.elevation\", { className }, [\n    h(ValueWithUnit, { value: elevation, unit: \"m\" }),\n    h.if(includeFeet)(\"span.secondary\", [\n      \" (\",\n      h(ValueWithUnit, { value: metersToFeet(elevation), unit: \"ft\" }),\n      \")\",\n    ]),\n  ]);\n}\n"],"names":[],"version":3,"file":"map-interface.3ef9d0ae.js.map"}

package/dist/esm/{expansion-panel.465b822f.js → map-interface.3f07937e.js}

@@ -1,6 +1,6 @@
-import $h94Kl$mainmodule58922c04js from "./main.module.58922c04.js";
-import "../cjs/main.module.338867af.css";
-import {PanelSubhead as $72e497a412b1da0a$export$ed081779ec3709aa} from "./headers.32db7784.js";
+import $h94Kl$mapinterface01826888js from "./map-interface.01826888.js";
+import "../cjs/map-interface.adb45df9.css";
+import {PanelSubhead as $72e497a412b1da0a$export$ed081779ec3709aa} from "./map-interface.1db44824.js";
 import {useState as $h94Kl$useState} from "react";
 import {Icon as $h94Kl$Icon, Collapse as $h94Kl$Collapse, Button as $h94Kl$Button} from "@blueprintjs/core";
 import $h94Kl$macrostrathyper from "@macrostrat/hyper";
@@ -16,7 +16,7 @@ function $parcel$interopDefault(a) {
 
 
 
-const $d570ac304373e71c$var$h = (0, $h94Kl$macrostrathyper).styled((0, ($parcel$interopDefault($h94Kl$mainmodule58922c04js))));
+const $d570ac304373e71c$var$h = (0, $h94Kl$macrostrathyper).styled((0, ($parcel$interopDefault($h94Kl$mapinterface01826888js))));
 function $d570ac304373e71c$export$cea00a9d724d5a32(props) {
     const { expanded: expanded, children: children, onChange: onChange, className: className, title: title, titleComponent: titleComponent } = props;
     const icon = expanded ? "chevron-up" : "chevron-down";
@@ -121,4 +121,4 @@ function $d570ac304373e71c$export$263416b670b3f129({ title: title, className: cl
 
 
 export {$d570ac304373e71c$export$cea00a9d724d5a32 as ExpansionPanelSummary, $d570ac304373e71c$export$39c134eb0b07cf0e as InfoPanelSection, $d570ac304373e71c$export$40e646e38e6ed100 as ExpansionPanel, $d570ac304373e71c$export$d7160281aff7c3b8 as SubExpansionPanel, $d570ac304373e71c$export$44ad9ff780615135 as ExpandableDetailsPanel, $d570ac304373e71c$export$263416b670b3f129 as ExpansionBody, $72e497a412b1da0a$export$ed081779ec3709aa as PanelSubhead};
-//# sourceMappingURL=expansion-panel.465b822f.js.map
+//# sourceMappingURL=map-interface.3f07937e.js.map

package/dist/esm/map-interface.3f07937e.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;AAQA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,wEAAK;AAE5B,SAAS,0CAAsB,KAAK;IAClC,MAAM,YAAE,QAAQ,YAAE,QAAQ,YAAE,QAAQ,aAAE,SAAS,SAAE,KAAK,kBAAE,cAAc,EAAE,GACtE;IACF,MAAM,OAAO,WAAW,eAAe;IACvC,OAAO,wBACL,CAAA,GAAA,yCAAW,GACX;QACE,WAAW,CAAA,GAAA,iBAAS,EAAE,0BAA0B;QAChD,SAAS;eACT;QACA,WAAW;IACb,GACA;QAAC;QAAU,wBAAE,CAAA,GAAA,WAAG,GAAG;kBAAE;YAAM,WAAW;QAAuB;KAAG;AAEpE;AAEA,SAAS,yCAAmB,KAAK;IAC/B,IAAI,SACF,KAAK,kBACL,iBAAiB,gBACjB,QAAQ,YACR,QAAQ,YACR,QAAQ,YACR,WAAW,KAAO,kBAClB,gBAAgB,iBAChB,SAAS,EACV,GAAG;IACJ,MAAM,CAAC,QAAQ,QAAQ,GAAG,CAAA,GAAA,eAAO,EAAE,YAAY;IAE/C,MAAM,YAAY;QAChB;QACA,QAAQ,CAAC;IACX;IAEA,OAAO,wBACL,4BACA;QACE,WAAW,CAAA,GAAA,iBAAS,EAAE,WAAW;YAC/B,UAAU;YACV,WAAW,CAAC;QACd;IACF,GACA;QACE,wBACE,2CACA;YACE,UAAU;YACV,UAAU;mBACV;4BACA;QACF,GACA,wBAAE,oCAAoC;YACpC,wBAAE,gCAAgC;YAClC;YACA;SACD;QAEH,wBAAE,CAAA,GAAA,eAAO,GAAG;oBAAE;QAAO,GAAG,wBAAE,0BAA0B,MAAM;KAC3D;AAEL;AAEO,SAAS,0CAAiB,KAAK;IACpC,IAAI,SAAE,KAAK,YAAE,QAAQ,aAAE,SAAS,iBAAE,gBAAgB,MAAM,GAAG;IAC3D,OAAO,wBAAE,0BAA0B;mBAAE;IAAU,GAAG;QAChD,wBAAE,qBAAqB,MAAM,iBAAiB,wBAAE,MAAM;QACtD,wBAAE,qBAAqB,MAAM;KAC9B;AACH;AAEA,SAAS,0CAAe,KAAK;IAC3B,OAAO,wBAAE,0CAAoB;QAC3B,GAAG,KAAK;QACR,WAAW;IACb;AACF;AAEA,SAAS,0CAAkB,KAAK;IAC9B,OAAO,wBAAE,0CAAoB;QAC3B,GAAG,KAAK;QACR,WAAW;QACX,gBAAgB;IAClB;AACF;AAEA,SAAS,0CAAuB,KAAK;IACnC,IAAI,SAAE,KAAK,YAAE,QAAQ,SAAE,KAAK,iBAAE,aAAa,aAAE,SAAS,EAAE,GAAG;IAC3D,MAAM,CAAC,QAAQ,UAAU,GAAG,CAAA,GAAA,eAAO,EAAE;IACrC,kBAAkB,wBAAE;QAAC,wBAAE,aAAa;QAAQ;KAAM;IAClD,OAAO,wBAAE,0BAA0B;mBAAE;IAAU,GAAG;QAChD,wBAAE,+BAA+B;YAC/B,wBAAE,iCAAiC;YACnC,wBAAE,iCAAiC;gBACjC,wBAAE,CAAA,GAAA,aAAK,GAAG;oBACR,OAAO;oBACP,SAAS;oBACT,QAAQ;oBACR,SAAS,IAAM,UAAU,CAAC;oBAC1B,MAAM;gBACR;aACD;SACF;QACD,wBACE,CAAA,GAAA,eAAO,GACP;oBAAE;QAAO,GACT,wBAAE,mCAAmC,MAAM;KAE9C;AACH;AAEA,SAAS,0CAAc,SAAE,KAAK,aAAE,SAAS,YAAE,QAAQ,EAAE;IACnD,OAAO,wBAAE,sBAAsB;mBAAE;IAAU,GAAG;QAC5C,wBAAE,qCAAqC;QACvC,wBAAE,mCAAmC,MAAM;KAC5C;AACH","sources":["packages/map-interface/src/expansion-panel/index.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { Collapse, Icon } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { Button } from \"@blueprintjs/core\";\nimport { PanelSubhead } from \"./headers\";\n\nconst h = hyper.styled(styles);\n\nfunction ExpansionPanelSummary(props) {\n  const { expanded, children, onChange, className, title, titleComponent } =\n    props;\n  const icon = expanded ? \"chevron-up\" : \"chevron-down\";\n  return h(\n    PanelSubhead,\n    {\n      className: classNames(\"expansion-panel-header\", className),\n      onClick: onChange,\n      title,\n      component: titleComponent,\n    },\n    [children, h(Icon, { icon, className: \"expansion-panel-icon\" })],\n  );\n}\n\nfunction ExpansionPanelBase(props) {\n  let {\n    title,\n    titleComponent = \"h3\",\n    children,\n    expanded,\n    helpText,\n    onChange = () => {},\n    sideComponent = null,\n    className,\n  } = props;\n  const [isOpen, setOpen] = useState(expanded || false);\n\n  const onChange_ = () => {\n    onChange();\n    setOpen(!isOpen);\n  };\n\n  return h(\n    \"div.expansion-panel-base\",\n    {\n      className: classNames(className, {\n        expanded: isOpen,\n        collapsed: !isOpen,\n      }),\n    },\n    [\n      h(\n        ExpansionPanelSummary,\n        {\n          onChange: onChange_,\n          expanded: isOpen,\n          title,\n          titleComponent,\n        },\n        h(\"div.expansion-summary-title-help\", [\n          h(\"span.expansion-panel-subtext\", helpText),\n          \" \",\n          sideComponent,\n        ]),\n      ),\n      h(Collapse, { isOpen }, h(\"div.expansion-children\", null, children)),\n    ],\n  );\n}\n\nexport function InfoPanelSection(props) {\n  let { title, children, className, headerElement = null } = props;\n  return h(\"div.info-panel-section\", { className }, [\n    h(\"div.panel-subhead\", null, headerElement ?? h(\"h3\", title)),\n    h(\"div.panel-content\", null, children),\n  ]);\n}\n\nfunction ExpansionPanel(props) {\n  return h(ExpansionPanelBase, {\n    ...props,\n    className: \"expansion-panel\",\n  });\n}\n\nfunction SubExpansionPanel(props) {\n  return h(ExpansionPanelBase, {\n    ...props,\n    className: \"expansion-panel sub-expansion-panel\",\n    titleComponent: \"h4\",\n  });\n}\n\nfunction ExpandableDetailsPanel(props) {\n  let { title, children, value, headerElement, className } = props;\n  const [isOpen, setIsOpen] = useState(false);\n  headerElement ??= h([h(\"div.title\", title), value]);\n  return h(\"div.expandable-details\", { className }, [\n    h(\"div.expandable-details-main\", [\n      h(\"div.expandable-details-header\", headerElement),\n      h(\"div.expandable-details-toggle\", [\n        h(Button, {\n          small: true,\n          minimal: true,\n          active: isOpen,\n          onClick: () => setIsOpen(!isOpen),\n          icon: \"more\",\n        }),\n      ]),\n    ]),\n    h(\n      Collapse,\n      { isOpen },\n      h(\"div.expandable-details-children\", null, children),\n    ),\n  ]);\n}\n\nfunction ExpansionBody({ title, className, children }) {\n  return h(\"div.expansion-body\", { className }, [\n    h(\"div.expansion-panel-detail-header\", title),\n    h(\"div.expansion-panel-detail-body\", null, children),\n  ]);\n}\n\nexport {\n  ExpansionPanel,\n  ExpansionPanelSummary,\n  ExpandableDetailsPanel,\n  SubExpansionPanel,\n  ExpansionBody,\n  PanelSubhead,\n};\n"],"names":[],"version":3,"file":"map-interface.3f07937e.js.map"}

package/dist/esm/{helpers.fb1d7227.js → map-interface.45814073.js}

@@ -1,4 +1,4 @@
-import {getMapPadding as $82fe09613877ffc2$export$bb78f9f01775eef1, useMapMarker as $82fe09613877ffc2$export$278090850f6b3a9f} from "./utils.d40349f0.js";
+import {getMapPadding as $82fe09613877ffc2$export$bb78f9f01775eef1, useMapMarker as $82fe09613877ffc2$export$278090850f6b3a9f} from "./map-interface.3033c825.js";
 import {useMapRef as $ctV7I$useMapRef, useMapEaseTo as $ctV7I$useMapEaseTo, useMapDispatch as $ctV7I$useMapDispatch, useMapInitialized as $ctV7I$useMapInitialized} from "@macrostrat/mapbox-react";
 import {useRef as $ctV7I$useRef, useState as $ctV7I$useState, useCallback as $ctV7I$useCallback, useMemo as $ctV7I$useMemo, useEffect as $ctV7I$useEffect} from "react";
 import {debounce as $ctV7I$debounce} from "underscore";
@@ -166,11 +166,27 @@ function $4bc3dd5f0732eed3$export$5c90a91c7455938c({ position: position, setPosi
     ]);
     return null;
 }
-function $4bc3dd5f0732eed3$export$566518253d2584f8() {
+function $4bc3dd5f0732eed3$export$6daf1520df36ae21(opts = {}) {
+    const { styleType: styleType } = opts;
     const inDarkMode = (0, $ctV7I$useInDarkMode)();
-    return inDarkMode ? "mapbox://styles/mapbox/dark-v10" : "mapbox://styles/mapbox/light-v10";
+    const props = (0, $ctV7I$useMemo)(()=>{
+        return {
+            styleType: styleType,
+            inDarkMode: inDarkMode
+        };
+    }, [
+        styleType,
+        inDarkMode
+    ]);
+    return $4bc3dd5f0732eed3$export$3503bf0b3851527b(props);
+}
+function $4bc3dd5f0732eed3$export$3503bf0b3851527b(opts) {
+    const { styleType: styleType = "macrostrat", inDarkMode: inDarkMode = false } = opts ?? {};
+    if (styleType == "macrostrat") return inDarkMode ? "mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true" : "mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true";
+    else return inDarkMode ? "mapbox://styles/mapbox/dark-v10" : "mapbox://styles/mapbox/light-v10";
 }
+const $4bc3dd5f0732eed3$export$566518253d2584f8 = $4bc3dd5f0732eed3$export$6daf1520df36ae21;
 
 
-export {$4bc3dd5f0732eed3$export$31b2e088aff2dc5d as MapResizeManager, $4bc3dd5f0732eed3$export$2ab96428dea558d6 as MapPaddingManager, $4bc3dd5f0732eed3$export$f6eeee399afc4e9a as MapMovedReporter, $4bc3dd5f0732eed3$export$e57f9eaa51773f82 as MapLoadingReporter, $4bc3dd5f0732eed3$export$5c90a91c7455938c as MapMarker, $4bc3dd5f0732eed3$export$566518253d2584f8 as useBasicStylePair};
-//# sourceMappingURL=helpers.fb1d7227.js.map
+export {$4bc3dd5f0732eed3$export$31b2e088aff2dc5d as MapResizeManager, $4bc3dd5f0732eed3$export$2ab96428dea558d6 as MapPaddingManager, $4bc3dd5f0732eed3$export$f6eeee399afc4e9a as MapMovedReporter, $4bc3dd5f0732eed3$export$e57f9eaa51773f82 as MapLoadingReporter, $4bc3dd5f0732eed3$export$5c90a91c7455938c as MapMarker, $4bc3dd5f0732eed3$export$6daf1520df36ae21 as useBasicMapStyle, $4bc3dd5f0732eed3$export$3503bf0b3851527b as getBasicMapStyle, $4bc3dd5f0732eed3$export$566518253d2584f8 as useBasicStylePair};
+//# sourceMappingURL=map-interface.45814073.js.map

package/dist/esm/map-interface.45814073.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/map-interface/src/helpers.ts"],"sourcesContent":["import {\n  useMapRef,\n  useMapEaseTo,\n  useMapDispatch,\n  useMapStatus,\n  useMapInitialized,\n} from \"@macrostrat/mapbox-react\";\nimport { useMemo, useRef } from \"react\";\nimport { debounce } from \"underscore\";\nimport useResizeObserver from \"use-resize-observer\";\n\nimport { getMapPosition } from \"@macrostrat/mapbox-utils\";\nimport mapboxgl from \"mapbox-gl\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { getMapPadding, useMapMarker } from \"./utils\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\n\nexport function MapResizeManager({ containerRef }) {\n  const mapRef = useMapRef();\n\n  const debouncedResize = useRef(\n    debounce(() => {\n      mapRef.current?.resize();\n    }, 100),\n  );\n\n  useResizeObserver({\n    ref: containerRef,\n    onResize: debouncedResize.current,\n  });\n\n  return null;\n}\n\ninterface MapPaddingManagerProps {\n  containerRef: React.RefObject<HTMLDivElement>;\n  parentRef: React.RefObject<HTMLDivElement>;\n  infoMarkerPosition: mapboxgl.LngLatLike;\n  debounceTime?: number;\n}\n\nexport function MapPaddingManager({\n  containerRef,\n  parentRef,\n  infoMarkerPosition,\n  debounceTime = 200,\n}: MapPaddingManagerProps) {\n  const mapRef = useMapRef();\n\n  const [padding, setPadding] = useState(\n    getMapPadding(containerRef, parentRef),\n  );\n\n  const _updateMapPadding = useCallback(() => {\n    const newPadding = getMapPadding(containerRef, parentRef);\n    setPadding(newPadding);\n  }, [containerRef.current, parentRef.current]);\n\n  const updateMapPadding = useMemo(\n    () => debounce(_updateMapPadding, debounceTime),\n    [_updateMapPadding, debounceTime],\n  );\n\n  useEffect(() => {\n    const map = mapRef.current;\n    if (map == null) return;\n    // Update map padding on load\n    updateMapPadding();\n  }, [mapRef.current]);\n\n  useResizeObserver({\n    ref: parentRef,\n    onResize(sz) {\n      updateMapPadding();\n    },\n    round(n) {\n      return Math.round(n);\n    },\n  });\n\n  // Ideally, we would not have to do this when we know the infobox is loaded\n  useMapEaseTo({ center: infoMarkerPosition, padding });\n\n  return null;\n}\n\nexport function MapMovedReporter({ onMapMoved = null }) {\n  const mapRef = useMapRef();\n  const dispatch = useMapDispatch();\n  const isInitialized = useMapInitialized();\n\n  const mapMovedCallback = useCallback(() => {\n    const map = mapRef.current;\n    if (map == null) return;\n    const mapPosition = getMapPosition(map);\n    dispatch({ type: \"map-moved\", payload: mapPosition });\n    onMapMoved?.(mapPosition, map);\n  }, [onMapMoved, dispatch, isInitialized]);\n\n  useEffect(() => {\n    // Get the current value of the map. Useful for gradually moving away\n    // from class component\n    const map = mapRef.current;\n    if (map == null) return;\n    // Update the URI when the map moves\n    mapMovedCallback();\n    const cb = debounce(mapMovedCallback, 100);\n    map.on(\"moveend\", cb);\n    return () => {\n      map?.off(\"moveend\", cb);\n    };\n  }, [mapMovedCallback]);\n  return null;\n}\n\ninterface MapLoadingReporterProps {\n  ignoredSources?: string[];\n  onMapLoading?: (evt: mapboxgl.MapEvent) => void;\n  onMapIdle?: (evt: mapboxgl.MapEvent) => void;\n  mapIsLoading?: boolean;\n}\n\nexport function MapLoadingReporter({\n  ignoredSources,\n  onMapLoading = null,\n  onMapIdle = null,\n  mapIsLoading,\n}: MapLoadingReporterProps) {\n  const mapRef = useMapRef();\n  const loadingRef = useRef(false);\n  const dispatch = useMapDispatch();\n  const isInitialized = useMapInitialized();\n\n  useEffect(() => {\n    const map = mapRef.current;\n    const mapIsLoading = loadingRef.current;\n    if (map == null) return;\n\n    let didSendLoading = false;\n\n    const loadingCallback = (evt) => {\n      if (ignoredSources.includes(evt.sourceId) || mapIsLoading) return;\n      if (didSendLoading) return;\n      onMapLoading?.(evt);\n      dispatch({ type: \"set-loading\", payload: true });\n      loadingRef.current = true;\n      didSendLoading = true;\n    };\n    const idleCallback = (evt) => {\n      if (!mapIsLoading) return;\n      dispatch({ type: \"set-loading\", payload: false });\n      loadingRef.current = false;\n      onMapIdle?.(evt);\n    };\n    map.on(\"sourcedataloading\", loadingCallback);\n    map.on(\"idle\", idleCallback);\n    return () => {\n      map?.off(\"sourcedataloading\", loadingCallback);\n      map?.off(\"idle\", idleCallback);\n    };\n  }, [ignoredSources, mapIsLoading, isInitialized]);\n  return null;\n}\n\nexport function MapMarker({ position, setPosition, centerMarker = true }) {\n  const mapRef = useMapRef();\n  const markerRef = useRef(null);\n  const isInitialized = useMapInitialized();\n\n  useMapMarker(mapRef, markerRef, position);\n\n  useEffect(() => {\n    const map = mapRef.current;\n    if (map == null || setPosition == null) return;\n\n    const handleMapClick = (event: mapboxgl.MapMouseEvent) => {\n      setPosition(event.lngLat, event, mapRef.current);\n      // We should integrate this with the \"easeToCenter\" hook\n      if (centerMarker) {\n        mapRef.current?.flyTo({ center: event.lngLat, duration: 800 });\n      }\n    };\n\n    map.on(\"click\", handleMapClick);\n\n    return () => {\n      map?.off(\"click\", handleMapClick);\n    };\n  }, [setPosition, isInitialized]);\n\n  return null;\n}\n\nexport function useBasicMapStyle(\n  opts: {\n    styleType?: \"macrostrat\" | \"standard\";\n  } = {},\n) {\n  const { styleType } = opts;\n  const inDarkMode = useInDarkMode();\n\n  const props = useMemo(() => {\n    return { styleType, inDarkMode };\n  }, [styleType, inDarkMode]);\n\n  return getBasicMapStyle(props);\n}\n\nexport function getBasicMapStyle(opts: {\n  styleType?: \"macrostrat\" | \"standard\";\n  inDarkMode?: boolean;\n}) {\n  const { styleType = \"macrostrat\", inDarkMode = false } = opts ?? {};\n\n  if (styleType == \"macrostrat\") {\n    return inDarkMode\n      ? \"mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true\"\n      : \"mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true\";\n  } else {\n    return inDarkMode\n      ? \"mapbox://styles/mapbox/dark-v10\"\n      : \"mapbox://styles/mapbox/light-v10\";\n  }\n}\n\nexport const useBasicStylePair = useBasicMapStyle;\n"],"names":[],"version":3,"file":"map-interface.45814073.js.map"}

package/dist/esm/{main.module.9c57cc95.js → map-interface.473f1f2b.js}

@@ -25,4 +25,4 @@ $fbe402416678c280$export$764ade2d69041360 = `_8hZKsW_status-tongue`;
 
 
 export {$fbe402416678c280$exports as default};
-//# sourceMappingURL=main.module.9c57cc95.js.map
+//# sourceMappingURL=map-interface.473f1f2b.js.map

package/dist/esm/{main.module.9c57cc95.js.map → map-interface.473f1f2b.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AALA,4CAAmC,CAAC,sBAAsB,CAAC;AAC3D,4CAA2B,CAAC,cAAc,CAAC;AAC3C,4CAAkC,CAAC,qBAAqB,CAAC;AACzD,4CAA8B,CAAC,iBAAiB,CAAC;AACjD,4CAAqC,CAAC,wBAAwB,CAAC;AAC/D,4CAAkC,CAAC,qBAAqB,CAAC","sources":["packages/map-interface/src/context-panel/main.module.sass"],"sourcesContent":[".searchbar-holder\n  transition: margin 300ms\n  display: flex\n  flex-direction: column\n  margin: 0\n\n  .navbar-holder\n    display: flex\n    flex-direction: row\n\n  .searchbar\n    width: 100%\n    background-color: var(--panel-background-color)\n    border-radius: var(--map-panel-border-radius, 5px)\n    padding: var(--navbar-padding, 10px)\n    display: flex\n    flex-direction: row\n    align-items: center\n    gap: 5px\n\n    :global(.bp5-input-group)\n      flex-grow: 1\n      cursor: text\n\n.navbar\n  min-height: 50px\n\n:global(.bp5-navbar) > .loading-button\n  width: 40px\n  height: 40px\n\n.status-tongue\n  background-color: var(--panel-background-color)\n  margin: 5px\n  margin-bottom: 0\n  margin-top: -12px\n  padding: 0\n  padding-top: 12px\n  overflow: hidden\n\n@media screen and (max-width: 768px)\n  .status-tongue\n    max-width: 100vw\n    margin: 0\n    border-radius: 0\n    margin-top: -3px\n"],"names":[],"version":3,"file":"main.module.9c57cc95.js.map"}
+{"mappings":";;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AALA,4CAAmC,CAAC,sBAAsB,CAAC;AAC3D,4CAA2B,CAAC,cAAc,CAAC;AAC3C,4CAAkC,CAAC,qBAAqB,CAAC;AACzD,4CAA8B,CAAC,iBAAiB,CAAC;AACjD,4CAAqC,CAAC,wBAAwB,CAAC;AAC/D,4CAAkC,CAAC,qBAAqB,CAAC","sources":["packages/map-interface/src/context-panel/main.module.sass"],"sourcesContent":[".searchbar-holder\n  transition: margin 300ms\n  display: flex\n  flex-direction: column\n  margin: 0\n\n  .navbar-holder\n    display: flex\n    flex-direction: row\n\n  .searchbar\n    width: 100%\n    background-color: var(--panel-background-color)\n    border-radius: var(--map-panel-border-radius, 5px)\n    padding: var(--navbar-padding, 10px)\n    display: flex\n    flex-direction: row\n    align-items: center\n    gap: 5px\n\n    :global(.bp5-input-group)\n      flex-grow: 1\n      cursor: text\n\n.navbar\n  min-height: 50px\n\n:global(.bp5-navbar) > .loading-button\n  width: 40px\n  height: 40px\n\n.status-tongue:global(.bp5-card)\n  background-color: var(--panel-background-color)\n  margin: 5px\n  margin-bottom: 0\n  margin-top: -12px\n  padding: 0\n  padding-top: 12px\n  overflow: hidden\n\n@media screen and (max-width: 768px)\n  .status-tongue\n    max-width: 100vw\n    margin: 0\n    border-radius: 0\n    margin-top: -3px\n"],"names":[],"version":3,"file":"map-interface.473f1f2b.js.map"}

package/dist/esm/{controls.42c750c4.js → map-interface.50edfdfd.js}

@@ -1,5 +1,5 @@
-import $9t1N0$mainmodulef70e002bjs from "./main.module.f70e002b.js";
-import "../cjs/main.module.f57e27f2.css";
+import $9t1N0$mapinterface065737fejs from "./map-interface.065737fe.js";
+import "../cjs/map-interface.4a401c1f.css";
 import {useRef as $9t1N0$useRef} from "react";
 import {ScaleControl as $9t1N0$ScaleControl, GeolocateControl as $9t1N0$GeolocateControl} from "mapbox-gl";
 import $9t1N0$macrostrathyper from "@macrostrat/hyper";
@@ -16,7 +16,7 @@ function $parcel$interopDefault(a) {
 
 
 
-const $91d5aa004eeb2226$var$h = (0, $9t1N0$macrostrathyper).styled((0, ($parcel$interopDefault($9t1N0$mainmodulef70e002bjs))));
+const $91d5aa004eeb2226$var$h = (0, $9t1N0$macrostrathyper).styled((0, ($parcel$interopDefault($9t1N0$mapinterface065737fejs))));
 function $91d5aa004eeb2226$var$ScaleControl(props) {
     const optionsRef = (0, $9t1N0$useRef)({
         maxWidth: 200,
@@ -71,4 +71,4 @@ function $91d5aa004eeb2226$export$db1a2e058a06fb5c({ children: children }) {
 
 
 export {$91d5aa004eeb2226$export$db1a2e058a06fb5c as MapBottomControls};
-//# sourceMappingURL=controls.42c750c4.js.map
+//# sourceMappingURL=map-interface.50edfdfd.js.map

package/dist/esm/{controls.42c750c4.js.map → map-interface.50edfdfd.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;AAcA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,sEAAK;AAE5B,SAAS,mCAAa,KAAK;IACzB,MAAM,aAAa,CAAA,GAAA,aAAK,EAAE;QACxB,UAAU;QACV,MAAM;IACR;IACA,OAAO,wBAAE,CAAA,GAAA,wBAAgB,GAAG;QAC1B,WAAW;QACX,SAAS,CAAA,GAAA,mBAAe;QACxB,SAAS,WAAW,OAAO;QAC3B,GAAG,KAAK;IACV;AACF;AAEA,SAAS,yCAAmB,KAAK;IAC/B,MAAM,aAAa,CAAA,GAAA,aAAK,EAAE;QACxB,oBAAoB;QACpB,kBAAkB;QAClB,mBAAmB;QACnB,iBAAiB;YACf,oBAAoB;QACtB;IACF;IACA,OAAO,wBAAE,CAAA,GAAA,wBAAgB,GAAG;QAC1B,SAAS,CAAA,GAAA,uBAAe;QACxB,SAAS,WAAW,OAAO;QAC3B,GAAG,KAAK;IACV;AACF;AAEO,SAAS,0CAAkB,YAAE,QAAQ,EAAE;IAC5C,MAAM,iBAAE,aAAa,EAAE,GAAG,CAAA,GAAA,mBAAW;IAErC,IAAI,CAAC,eACH,OAAO;IAGT,OAAO,wBAAE,oBAAoB;QAC3B,wBAAE;QACF,wBAAE,CAAA,GAAA,oBAAY,GAAG;YAAE,WAAW;QAAiB;QAC/C,wBAAE,CAAA,GAAA,qBAAa,GAAG;YAAE,WAAW;QAAkB;QACjD,wBAAE,CAAA,GAAA,mBAAW,GAAG;YAAE,WAAW;QAAgB;QAC7C,wBAAE,0CAAoB;YAAE,WAAW;QAAsB;QACzD,+DAA+D;QAC/D,wBAAE,CAAA,GAAA,yBAAiB,GAAG;YAAE,WAAW;QAAc;QACjD;KACD;AACH","sources":["packages/map-interface/src/controls.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { GeolocateControl } from \"mapbox-gl\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport {\n  CompassControl,\n  GlobeControl,\n  ThreeDControl,\n  MapControlWrapper,\n  useMapStatus,\n} from \"@macrostrat/mapbox-react\";\nimport { ScaleControl as BaseScaleControl } from \"mapbox-gl\";\nimport { DevToolsButtonSlot } from \"@macrostrat/ui-components\";\n\nconst h = hyper.styled(styles);\n\nfunction ScaleControl(props) {\n  const optionsRef = useRef({\n    maxWidth: 200,\n    unit: \"metric\",\n  });\n  return h(MapControlWrapper, {\n    className: \"map-scale-control\",\n    control: BaseScaleControl,\n    options: optionsRef.current,\n    ...props,\n  });\n}\n\nfunction GeolocationControl(props) {\n  const optionsRef = useRef({\n    showAccuracyCircle: true,\n    showUserLocation: true,\n    trackUserLocation: true,\n    positionOptions: {\n      enableHighAccuracy: true,\n    },\n  });\n  return h(MapControlWrapper, {\n    control: GeolocateControl,\n    options: optionsRef.current,\n    ...props,\n  });\n}\n\nexport function MapBottomControls({ children }) {\n  const { isInitialized } = useMapStatus();\n\n  if (!isInitialized) {\n    return null;\n  }\n\n  return h(\"div.map-controls\", [\n    h(ScaleControl),\n    h(ThreeDControl, { className: \"map-3d-control\" }),\n    h(CompassControl, { className: \"compass-control\" }),\n    h(GlobeControl, { className: \"globe-control\" }),\n    h(GeolocationControl, { className: \"geolocation-control\" }),\n    // If we have global development tools enabled, show the button\n    h(DevToolsButtonSlot, { className: \"map-control\" }),\n    children,\n  ]);\n}\n"],"names":[],"version":3,"file":"controls.42c750c4.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;AAcA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,wEAAK;AAE5B,SAAS,mCAAa,KAAK;IACzB,MAAM,aAAa,CAAA,GAAA,aAAK,EAAE;QACxB,UAAU;QACV,MAAM;IACR;IACA,OAAO,wBAAE,CAAA,GAAA,wBAAgB,GAAG;QAC1B,WAAW;QACX,SAAS,CAAA,GAAA,mBAAe;QACxB,SAAS,WAAW,OAAO;QAC3B,GAAG,KAAK;IACV;AACF;AAEA,SAAS,yCAAmB,KAAK;IAC/B,MAAM,aAAa,CAAA,GAAA,aAAK,EAAE;QACxB,oBAAoB;QACpB,kBAAkB;QAClB,mBAAmB;QACnB,iBAAiB;YACf,oBAAoB;QACtB;IACF;IACA,OAAO,wBAAE,CAAA,GAAA,wBAAgB,GAAG;QAC1B,SAAS,CAAA,GAAA,uBAAe;QACxB,SAAS,WAAW,OAAO;QAC3B,GAAG,KAAK;IACV;AACF;AAEO,SAAS,0CAAkB,YAAE,QAAQ,EAAE;IAC5C,MAAM,iBAAE,aAAa,EAAE,GAAG,CAAA,GAAA,mBAAW;IAErC,IAAI,CAAC,eACH,OAAO;IAGT,OAAO,wBAAE,oBAAoB;QAC3B,wBAAE;QACF,wBAAE,CAAA,GAAA,oBAAY,GAAG;YAAE,WAAW;QAAiB;QAC/C,wBAAE,CAAA,GAAA,qBAAa,GAAG;YAAE,WAAW;QAAkB;QACjD,wBAAE,CAAA,GAAA,mBAAW,GAAG;YAAE,WAAW;QAAgB;QAC7C,wBAAE,0CAAoB;YAAE,WAAW;QAAsB;QACzD,+DAA+D;QAC/D,wBAAE,CAAA,GAAA,yBAAiB,GAAG;YAAE,WAAW;QAAc;QACjD;KACD;AACH","sources":["packages/map-interface/src/controls.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { GeolocateControl } from \"mapbox-gl\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport {\n  CompassControl,\n  GlobeControl,\n  ThreeDControl,\n  MapControlWrapper,\n  useMapStatus,\n} from \"@macrostrat/mapbox-react\";\nimport { ScaleControl as BaseScaleControl } from \"mapbox-gl\";\nimport { DevToolsButtonSlot } from \"@macrostrat/ui-components\";\n\nconst h = hyper.styled(styles);\n\nfunction ScaleControl(props) {\n  const optionsRef = useRef({\n    maxWidth: 200,\n    unit: \"metric\",\n  });\n  return h(MapControlWrapper, {\n    className: \"map-scale-control\",\n    control: BaseScaleControl,\n    options: optionsRef.current,\n    ...props,\n  });\n}\n\nfunction GeolocationControl(props) {\n  const optionsRef = useRef({\n    showAccuracyCircle: true,\n    showUserLocation: true,\n    trackUserLocation: true,\n    positionOptions: {\n      enableHighAccuracy: true,\n    },\n  });\n  return h(MapControlWrapper, {\n    control: GeolocateControl,\n    options: optionsRef.current,\n    ...props,\n  });\n}\n\nexport function MapBottomControls({ children }) {\n  const { isInitialized } = useMapStatus();\n\n  if (!isInitialized) {\n    return null;\n  }\n\n  return h(\"div.map-controls\", [\n    h(ScaleControl),\n    h(ThreeDControl, { className: \"map-3d-control\" }),\n    h(CompassControl, { className: \"compass-control\" }),\n    h(GlobeControl, { className: \"globe-control\" }),\n    h(GeolocationControl, { className: \"geolocation-control\" }),\n    // If we have global development tools enabled, show the button\n    h(DevToolsButtonSlot, { className: \"map-control\" }),\n    children,\n  ]);\n}\n"],"names":[],"version":3,"file":"map-interface.50edfdfd.js.map"}

package/dist/esm/{vector-tile-features.53b48d66.js → map-interface.786d6e58.js}

@@ -1,6 +1,6 @@
-import $ddM1H$mainmodule5eb366dejs from "./main.module.5eb366de.js";
-import "../cjs/main.module.becc2fe7.css";
-import {ExpansionPanel as $d570ac304373e71c$export$40e646e38e6ed100} from "./expansion-panel.465b822f.js";
+import $ddM1H$mapinterface957e414cjs from "./map-interface.957e414c.js";
+import "../cjs/map-interface.26497065.css";
+import {ExpansionPanel as $d570ac304373e71c$export$40e646e38e6ed100} from "./map-interface.3f07937e.js";
 import {Button as $ddM1H$Button, Intent as $ddM1H$Intent, Spinner as $ddM1H$Spinner, Switch as $ddM1H$Switch} from "@blueprintjs/core";
 import {useMapRef as $ddM1H$useMapRef, useMapStatus as $ddM1H$useMapStatus} from "@macrostrat/mapbox-react";
 import $ddM1H$macrostrathyper from "@macrostrat/hyper";
@@ -20,7 +20,7 @@ function $parcel$interopDefault(a) {
 
 
 
-const $b8c84b63e75fe4f2$var$h = (0, $ddM1H$macrostrathyper).styled((0, ($parcel$interopDefault($ddM1H$mainmodule5eb366dejs))));
+const $b8c84b63e75fe4f2$var$h = (0, $ddM1H$macrostrathyper).styled((0, ($parcel$interopDefault($ddM1H$mapinterface957e414cjs))));
 function $b8c84b63e75fe4f2$export$2906e7f4b228efe9({ data: data, ...rest }) {
     // Instead of managing hover state with CSS, we use a state variable,
     // so that the button re-renders when the state changes
@@ -200,7 +200,7 @@ function $b8c84b63e75fe4f2$var$UnitNumber({ value: value, unit: unit, precision:
         $b8c84b63e75fe4f2$var$h("span.unit", unit)
     ]);
 }
-function $b8c84b63e75fe4f2$export$43277c51a01761c1({ features: features, focusedSource: focusedSource = null }) {
+function $b8c84b63e75fe4f2$export$43277c51a01761c1({ features: features, focusedSource: focusedSource = null, focusedSourceTitle: focusedSourceTitle = null }) {
     if (features == null) return null;
     let focusedSourcePanel = null;
     let filteredFeatures = features;
@@ -208,7 +208,7 @@ function $b8c84b63e75fe4f2$export$43277c51a01761c1({ features: features, focused
     if (focusedSource != null) {
         title = "Basemap features";
         focusedSourcePanel = $b8c84b63e75fe4f2$var$h((0, $d570ac304373e71c$export$40e646e38e6ed100), {
-            title: "Macrostrat features",
+            title: focusedSourceTitle ?? "Macrostrat features",
             className: "macrostrat-features",
             expanded: true
         }, [
@@ -255,4 +255,4 @@ function $b8c84b63e75fe4f2$export$617d79dae526d2cf({ features: features }) {
 
 
 export {$b8c84b63e75fe4f2$export$2906e7f4b228efe9 as FeatureProperties, $b8c84b63e75fe4f2$export$dc87b4d46cea200d as FeatureRecord, $b8c84b63e75fe4f2$export$214daccdda0f4ac6 as FeatureSelectionHandler, $b8c84b63e75fe4f2$export$617d79dae526d2cf as Features, $b8c84b63e75fe4f2$export$43c75dec9d0b96c as TileInfo, $b8c84b63e75fe4f2$export$43277c51a01761c1 as FeaturePanel};
-//# sourceMappingURL=vector-tile-features.53b48d66.js.map
+//# sourceMappingURL=map-interface.786d6e58.js.map

package/dist/esm/map-interface.786d6e58.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/map-interface/src/dev/vector-tile-features.ts"],"sourcesContent":["import { Spinner, Switch, Button, Intent } from \"@blueprintjs/core\";\nimport { useMapRef, useMapStatus } from \"@macrostrat/mapbox-react\";\nimport mapboxgl from \"mapbox-gl\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { JSONView } from \"@macrostrat/ui-components\";\nimport { group } from \"d3-array\";\nimport { ExpansionPanel } from \"../expansion-panel\";\n\nconst h = hyper.styled(styles);\n\nexport function FeatureProperties({ data, ...rest }) {\n  // Instead of managing hover state with CSS, we use a state variable,\n  // so that the button re-renders when the state changes\n  const [showControls, setShowControls] = useState(false);\n  const onMouseEnter = useCallback(() => setShowControls(true), []);\n  const onMouseLeave = useCallback(() => setShowControls(false), []);\n\n  return h(\"div.feature-properties\", { onMouseEnter, onMouseLeave }, [\n    h.if(showControls)(\"div.controls\", h(CopyJSONButton, { data })),\n    h(JSONView, {\n      data,\n      hideRoot: true,\n      ...rest,\n    }),\n  ]);\n}\n\nexport function FeatureRecord({ feature }) {\n  const props = feature.properties;\n  return h(\"div.feature-record\", [\n    h.if(Object.keys(props).length > 0)(FeatureProperties, { data: props }),\n  ]);\n}\n\nfunction CopyJSONButton({ data }) {\n  const [copied, setCopied] = useState(false);\n  return h(Button, {\n    icon: copied ? \"tick\" : \"clipboard\",\n    intent: copied ? Intent.SUCCESS : Intent.NONE,\n    minimal: true,\n    small: true,\n    onClick() {\n      navigator.clipboard.writeText(JSON.stringify(data, null, 2));\n      setCopied(true);\n    },\n  });\n}\n\n/** This component wraps queryRenderedFeatures to get features at a given location */\nexport function FeatureSelectionHandler({\n  selectedLocation,\n  setFeatures,\n  radius = 2,\n}: {\n  selectedLocation: mapboxgl.LngLat;\n  setFeatures: (features: mapboxgl.MapboxGeoJSONFeature[]) => void;\n  radius?: number;\n}) {\n  const mapRef = useMapRef();\n  const isLoading = useMapStatus((s) => s.isLoading);\n  const isInitialized = useMapStatus((s) => s.isInitialized);\n  const prevLocation = useRef(null);\n  const prevFeatures = useRef([]);\n\n  useEffect(() => {\n    const map = mapRef?.current;\n    if (map == null) return;\n    if (selectedLocation == null) {\n      setFeatures(null);\n      return;\n    }\n\n    if (!isInitialized) return;\n\n    const hasPreviouslyLoadedFeatures = prevFeatures.current.length > 0;\n\n    const locationMemo = JSON.stringify(selectedLocation);\n    if (locationMemo == prevLocation.current && hasPreviouslyLoadedFeatures)\n      return;\n\n    prevLocation.current = locationMemo;\n\n    // Don't update if the location hasn't changed\n    //if (selectedLocation == prevLocation) return;\n\n    const r = radius;\n    const pt = map.project(selectedLocation);\n\n    const bbox: [mapboxgl.PointLike, mapboxgl.PointLike] = [\n      [pt.x - r, pt.y - r],\n      [pt.x + r, pt.y + r],\n    ];\n    const features = map.queryRenderedFeatures(bbox);\n    prevFeatures.current = features ?? [];\n    setFeatures(features);\n  }, [isInitialized, selectedLocation, isLoading]);\n\n  return null;\n}\n\nfunction FeatureHeader({ feature }) {\n  return h(\"div.feature-header\", [\n    h(\"h3\", [\n      h(KeyValue, { label: \"Source\", value: feature.source }),\n      h(KeyValue, { label: \"Source layer\", value: feature.sourceLayer }),\n    ]),\n  ]);\n}\n\nfunction KeyValue({ label, value }) {\n  return h(\"span.key-value\", [h(\"span.key\", label), h(\"code.value\", value)]);\n}\n\nfunction LoadingAwareFeatureSet({ features, sourceID }) {\n  const map = useMapRef();\n  if (map?.current == null) return null;\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  const sourceFeatures = features.filter((d) => d.source == \"burwell\");\n\n  useEffect(() => {\n    if (sourceFeatures.length > 0) {\n      setIsLoaded(true);\n      return;\n    }\n\n    const isLoaded = map.current.isSourceLoaded(sourceID);\n    setIsLoaded(isLoaded);\n    if (!isLoaded) {\n      map.current.once(\"sourcedata\", (e) => {\n        if (e.sourceId == sourceID) {\n          setIsLoaded(true);\n        }\n      });\n    }\n  }, [map.current, sourceID, sourceFeatures.length]);\n\n  if (!isLoaded) return h(Spinner);\n  return h(Features, { features: sourceFeatures });\n}\n\nexport function TileInfo({ feature, showExtent, setShowExtent }) {\n  if (feature == null) return null;\n  const size = feature._vectorTileFeature._pbf.length;\n  return h(\"div.tile-info\", [\n    h(\"h3\", \"Tile\"),\n    h(\"div.tile-index\", [\n      h(KeyValue, { label: \"x\", value: feature._x }),\n      h(KeyValue, { label: \"y\", value: feature._y }),\n      h(KeyValue, { label: \"z\", value: feature._z }),\n    ]),\n    h(\"div.spacer\"),\n    h(KeyValue, { label: \"Size\", value: formatSize(size) }),\n    h(Switch, {\n      label: \"Show extent\",\n      alignIndicator: \"right\",\n      checked: showExtent,\n      onChange() {\n        setShowExtent(!showExtent);\n      },\n    }),\n  ]);\n}\n\nfunction formatSize(size: number) {\n  if (size > 1000000)\n    return h(UnitNumber, { value: size / 1000000, unit: \"Mb\" });\n  if (size > 1000) return h(UnitNumber, { value: size / 1000, unit: \"Kb\" });\n  return `${size} bytes`;\n}\n\nfunction UnitNumber({ value, unit, precision = 1 }) {\n  return h(\"span.unit-number\", [\n    h(\"span.number\", value.toFixed(precision)),\n    h(\"span.unit\", unit),\n  ]);\n}\n\nexport function FeaturePanel({\n  features,\n  focusedSource = null,\n  focusedSourceTitle = null,\n}) {\n  if (features == null) return null;\n\n  let focusedSourcePanel = null;\n  let filteredFeatures = features;\n  let title = \"Features\";\n\n  if (focusedSource != null) {\n    title = \"Basemap features\";\n    focusedSourcePanel = h(\n      ExpansionPanel,\n      {\n        title: focusedSourceTitle ?? \"Macrostrat features\",\n        className: \"macrostrat-features\",\n        expanded: true,\n      },\n      [\n        h(LoadingAwareFeatureSet, {\n          features,\n          sourceID: focusedSource,\n        }),\n      ],\n    );\n    filteredFeatures = features.filter((d) => d.source != focusedSource);\n  }\n\n  return h(\"div.feature-panel\", [\n    focusedSourcePanel,\n    h(\n      ExpansionPanel,\n      { title, className: \"basemap-features\", expanded: focusedSource == null },\n      [\n        h(FeatureGroups, {\n          features: filteredFeatures,\n        }),\n      ],\n    ),\n  ]);\n}\n\nfunction FeatureGroups({ features }) {\n  /** Group features by source and sourceLayer */\n  if (features == null) return null;\n\n  const groups = group(features, (d: any) => `${d.source} - ${d.sourceLayer}`);\n\n  return h(\n    \"div.feature-groups\",\n    Array.from(groups).map(([key, features]) => {\n      return h(\"div.feature-group\", [\n        h(FeatureHeader, { feature: features[0] }),\n        h(Features, { features }),\n      ]);\n    }),\n  );\n}\n\nexport function Features({ features }) {\n  return h(\n    \"div.features\",\n    features.map((feature, i) => h(FeatureRecord, { key: i, feature })),\n  );\n}\n"],"names":[],"version":3,"file":"map-interface.786d6e58.js.map"}

package/dist/esm/{main.module.5eb366de.js → map-interface.957e414c.js}

@@ -49,4 +49,4 @@ $bfe9593b6c29b10b$export$ee954d6f5e1b21cc = "dev-index-page_48e225";
 
 
 export {$bfe9593b6c29b10b$exports as default};
-//# sourceMappingURL=main.module.5eb366de.js.map
+//# sourceMappingURL=map-interface.957e414c.js.map

package/dist/esm/{main.module.5eb366de.js.map → map-interface.957e414c.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAbA,4CAAkC;AAClC,4CAA8B;AAC9B,4CAAwB;AACxB,4CAA0B;AAC1B,4CAAuC;AACvC,4CAA6B;AAC7B,4CAAmC;AACnC,2CAAkC;AAClC,4CAA8B;AAC9B,4CAAmC;AACnC,2CAAgC;AAChC,4CAAyB;AACzB,4CAAyB;AACzB,4CAAmC","sources":["packages/map-interface/src/dev/main.module.sass"],"sourcesContent":[".feature-panel\n  position: relative\n  margin: 0 -1em\n\n.key-value\n  display: inline-block\n  margin-right: 1em\n\n  .key\n    font-weight: bold\n    font-size: 0.9em\n\n    &:after\n      content: ': '\n\n  .value\n    font-size: 0.9em\n\n.feature-properties\n  position: relative\n\n  &:before\n    content: \"–\"\n    position: absolute\n    top: 4px\n    left: 0\n\n  .controls\n    display: flex\n    flex-direction: row\n    align-items: flex-end\n    position: absolute\n    top: 0\n    right: 0\n    gap: 0.5em\n\n.feature-header h3\n  margin-bottom: 0\n  margin-top: 0.5em\n\n.feature-group\n  border-bottom: 1px solid var(--panel-rule-inner)\n  margin-bottom: 0.5em\n\n  &:last-child\n    border-bottom: none\n\n.tile-info\n  display: flex\n  flex-direction: row\n  align-items: baseline\n\n  h3\n    margin-right: 0.5em\n\n.opacity-slider\n  margin: 0 1em 0.5em\n\n  :global\n    .bp5-slider-handle .bp5-slider-label\n      background-color: var(--secondary-color)\n      color: var(--text-color)\n\n.unit-number\n  .unit\n    font-size: 0.9em\n    margin-left: 0.2em\n    font-weight: bold\n\n.page\n  margin: 2em auto\n  max-width: 50em\n\n.dev-index-page\n  overflow-y: scroll\n"],"names":[],"version":3,"file":"main.module.5eb366de.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAbA,4CAAkC;AAClC,4CAA8B;AAC9B,4CAAwB;AACxB,4CAA0B;AAC1B,4CAAuC;AACvC,4CAA6B;AAC7B,4CAAmC;AACnC,2CAAkC;AAClC,4CAA8B;AAC9B,4CAAmC;AACnC,2CAAgC;AAChC,4CAAyB;AACzB,4CAAyB;AACzB,4CAAmC","sources":["packages/map-interface/src/dev/main.module.sass"],"sourcesContent":[".feature-panel\n  position: relative\n  margin: 0 -1em\n\n.key-value\n  display: inline-block\n  margin-right: 1em\n\n  .key\n    font-weight: bold\n    font-size: 0.9em\n\n    &:after\n      content: ': '\n\n  .value\n    font-size: 0.9em\n\n.feature-properties\n  position: relative\n\n  &:before\n    content: \"–\"\n    position: absolute\n    top: 4px\n    left: 0\n\n  .controls\n    display: flex\n    flex-direction: row\n    align-items: flex-end\n    position: absolute\n    top: 0\n    right: 0\n    gap: 0.5em\n\n.feature-header h3\n  margin-bottom: 0\n  margin-top: 0.5em\n\n.feature-group\n  border-bottom: 1px solid var(--panel-rule-inner)\n  margin-bottom: 0.5em\n\n  &:last-child\n    border-bottom: none\n\n.tile-info\n  display: flex\n  flex-direction: row\n  align-items: baseline\n\n  h3\n    margin-right: 0.5em\n\n.opacity-slider\n  margin: 0 1em 0.5em\n\n  :global\n    .bp5-slider-handle .bp5-slider-label\n      background-color: var(--secondary-color)\n      color: var(--text-color)\n\n.unit-number\n  .unit\n    font-size: 0.9em\n    margin-left: 0.2em\n    font-weight: bold\n\n.page\n  margin: 2em auto\n  max-width: 50em\n\n.dev-index-page\n  overflow-y: scroll\n"],"names":[],"version":3,"file":"map-interface.957e414c.js.map"}