@macrostrat/map-interface 1.3.0 → 1.3.1

package/dist/node/map-interface.eb663cae.js.map

@@ -0,0 +1 @@
+{"mappings":"A,Q,gD,I,6B,Q,4B,a,Q,S,kB,Q,c,yB,Q,uB,6B,Q,4B,8B,Q,6B,S,uB,C,E,O,G,E,U,C,E,O,C,C,C,S,e,C,C,C,C,C,C,C,E,O,c,C,E,E,C,I,E,I,E,W,C,E,a,C,C,E,C,I,e,W,gB,C,E,c,C,E,c,e,iB,A,O,gB,A,C,c,S,C,E,G,K,gB,O,e,C,E,C,O,C,G,K,c,C,I,E,a,C,E,A,Q,a,C,E,C,I,E,C,G,E,Q,C,C,E,O,e,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,a,C,E,C,C,E,e,iB,C,e,I,e,c,Q,C,e,O,O,C,mB,I,2C,e,O,O,C,oB,I,2C,e,O,O,C,mB,I,2C,e,O,O,C,qB,I,2C,e,O,O,C,Y,I,2C,e,O,O,C,mB,I,2C,e,O,O,C,mB,I,2C,e,O,O,C,oB,I,2C,I,O,c,SCiBO,SAAS,0CAAiB,CAAA,aAAE,CAAY,CAAE,EAC/C,IAAM,EAAS,AAAA,CAAA,EAAA,6BAAA,SAAQ,AAAR,IAET,EAAkB,AAAA,CAAA,EAAA,aAAA,MAAK,AAAL,EACtB,AAAA,CAAA,EAAA,kBAAA,QAAO,AAAP,EAAS,KACP,EAAO,OAAO,EAAE,QAClB,EAAG,MAQL,OALA,AAAA,uBAAA,0BAAkB,CAChB,IAAK,EACL,SAAU,EAAgB,OAAO,AACnC,GAEO,IACT,CASO,SAAS,0CAAkB,CAAA,aAChC,CAAY,CAAA,UACZ,CAAS,CAAA,mBACT,CAAkB,CAAA,aAClB,EAAe,GAAA,CACQ,EACvB,IAAM,EAAS,AAAA,CAAA,EAAA,6BAAA,SAAQ,AAAR,IAET,CAAC,EAAS,EAAW,CAAG,AAAA,CAAA,EAAA,aAAA,QAAO,AAAP,EAC5B,AAAA,CAAA,EAAA,OAAA,aAAY,AAAZ,EAAc,EAAc,IAGxB,EAAoB,AAAA,CAAA,EAAA,aAAA,WAAU,AAAV,EAAY,KAEpC,EADmB,AAAA,CAAA,EAAA,OAAA,aAAY,AAAZ,EAAc,EAAc,GAEjD,EAAG,CAAC,EAAa,OAAO,CAAE,EAAU,OAAO,CAAC,EAEtC,EAAmB,AAAA,CAAA,EAAA,aAAA,OAAM,A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","sources":["<anon>","packages/map-interface/src/helpers.ts"],"sourcesContent":["require(\"./map-interface.713361a4.js\");\nvar $2crMj$macrostratmapboxreact = require(\"@macrostrat/mapbox-react\");\nvar $2crMj$react = require(\"react\");\nvar $2crMj$underscore = require(\"underscore\");\nvar $2crMj$useresizeobserver = require(\"use-resize-observer\");\nvar $2crMj$macrostratmapboxutils = require(\"@macrostrat/mapbox-utils\");\nvar $2crMj$macrostratuicomponents = require(\"@macrostrat/ui-components\");\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\n$parcel$export(module.exports, \"MapResizeManager\", () => $f6c715b8ad8cb91a$export$31b2e088aff2dc5d);\n$parcel$export(module.exports, \"MapPaddingManager\", () => $f6c715b8ad8cb91a$export$2ab96428dea558d6);\n$parcel$export(module.exports, \"MapMovedReporter\", () => $f6c715b8ad8cb91a$export$f6eeee399afc4e9a);\n$parcel$export(module.exports, \"MapLoadingReporter\", () => $f6c715b8ad8cb91a$export$e57f9eaa51773f82);\n$parcel$export(module.exports, \"MapMarker\", () => $f6c715b8ad8cb91a$export$5c90a91c7455938c);\n$parcel$export(module.exports, \"useBasicMapStyle\", () => $f6c715b8ad8cb91a$export$6daf1520df36ae21);\n$parcel$export(module.exports, \"getBasicMapStyle\", () => $f6c715b8ad8cb91a$export$3503bf0b3851527b);\n$parcel$export(module.exports, \"useBasicStylePair\", () => $f6c715b8ad8cb91a$export$566518253d2584f8);\n\n\n\n\n\n\nvar $R3my3 = parcelRequire(\"R3my3\");\n\nfunction $f6c715b8ad8cb91a$export$31b2e088aff2dc5d({ containerRef: containerRef }) {\n    const mapRef = (0, $2crMj$macrostratmapboxreact.useMapRef)();\n    const debouncedResize = (0, $2crMj$react.useRef)((0, $2crMj$underscore.debounce)(()=>{\n        mapRef.current?.resize();\n    }, 100));\n    (0, ($parcel$interopDefault($2crMj$useresizeobserver)))({\n        ref: containerRef,\n        onResize: debouncedResize.current\n    });\n    return null;\n}\nfunction $f6c715b8ad8cb91a$export$2ab96428dea558d6({ containerRef: containerRef, parentRef: parentRef, infoMarkerPosition: infoMarkerPosition, debounceTime: debounceTime = 200 }) {\n    const mapRef = (0, $2crMj$macrostratmapboxreact.useMapRef)();\n    const [padding, setPadding] = (0, $2crMj$react.useState)((0, $R3my3.getMapPadding)(containerRef, parentRef));\n    const _updateMapPadding = (0, $2crMj$react.useCallback)(()=>{\n        const newPadding = (0, $R3my3.getMapPadding)(containerRef, parentRef);\n        setPadding(newPadding);\n    }, [\n        containerRef.current,\n        parentRef.current\n    ]);\n    const updateMapPadding = (0, $2crMj$react.useMemo)(()=>(0, $2crMj$underscore.debounce)(_updateMapPadding, debounceTime), [\n        _updateMapPadding,\n        debounceTime\n    ]);\n    (0, $2crMj$react.useEffect)(()=>{\n        const map = mapRef.current;\n        if (map == null) return;\n        // Update map padding on load\n        updateMapPadding();\n    }, [\n        mapRef.current\n    ]);\n    (0, ($parcel$interopDefault($2crMj$useresizeobserver)))({\n        ref: parentRef,\n        onResize (sz) {\n            updateMapPadding();\n        },\n        round (n) {\n            return Math.round(n);\n        }\n    });\n    // Ideally, we would not have to do this when we know the infobox is loaded\n    (0, $2crMj$macrostratmapboxreact.useMapEaseTo)({\n        center: infoMarkerPosition,\n        padding: padding\n    });\n    return null;\n}\nfunction $f6c715b8ad8cb91a$export$f6eeee399afc4e9a({ onMapMoved: onMapMoved = null }) {\n    const mapRef = (0, $2crMj$macrostratmapboxreact.useMapRef)();\n    const dispatch = (0, $2crMj$macrostratmapboxreact.useMapDispatch)();\n    const isInitialized = (0, $2crMj$macrostratmapboxreact.useMapInitialized)();\n    const mapMovedCallback = (0, $2crMj$react.useCallback)(()=>{\n        const map = mapRef.current;\n        if (map == null) return;\n        const mapPosition = (0, $2crMj$macrostratmapboxutils.getMapPosition)(map);\n        dispatch({\n            type: \"map-moved\",\n            payload: mapPosition\n        });\n        onMapMoved?.(mapPosition, map);\n    }, [\n        onMapMoved,\n        dispatch,\n        isInitialized\n    ]);\n    (0, $2crMj$react.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 = (0, $2crMj$underscore.debounce)(mapMovedCallback, 100);\n        map.on(\"moveend\", cb);\n        return ()=>{\n            map?.off(\"moveend\", cb);\n        };\n    }, [\n        mapMovedCallback\n    ]);\n    return null;\n}\nfunction $f6c715b8ad8cb91a$export$e57f9eaa51773f82({ ignoredSources: ignoredSources, onMapLoading: onMapLoading = null, onMapIdle: onMapIdle = null, mapIsLoading: mapIsLoading }) {\n    const mapRef = (0, $2crMj$macrostratmapboxreact.useMapRef)();\n    const loadingRef = (0, $2crMj$react.useRef)(false);\n    const dispatch = (0, $2crMj$macrostratmapboxreact.useMapDispatch)();\n    const isInitialized = (0, $2crMj$macrostratmapboxreact.useMapInitialized)();\n    (0, $2crMj$react.useEffect)(()=>{\n        const map = mapRef.current;\n        const mapIsLoading = loadingRef.current;\n        if (map == null) return;\n        let didSendLoading = false;\n        const loadingCallback = (evt)=>{\n            if (ignoredSources.includes(evt.sourceId) || mapIsLoading) return;\n            if (didSendLoading) return;\n            onMapLoading?.(evt);\n            dispatch({\n                type: \"set-loading\",\n                payload: true\n            });\n            loadingRef.current = true;\n            didSendLoading = true;\n        };\n        const idleCallback = (evt)=>{\n            if (!mapIsLoading) return;\n            dispatch({\n                type: \"set-loading\",\n                payload: false\n            });\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    }, [\n        ignoredSources,\n        mapIsLoading,\n        isInitialized\n    ]);\n    return null;\n}\nfunction $f6c715b8ad8cb91a$export$5c90a91c7455938c({ position: position, setPosition: setPosition, centerMarker: centerMarker = true }) {\n    const mapRef = (0, $2crMj$macrostratmapboxreact.useMapRef)();\n    const markerRef = (0, $2crMj$react.useRef)(null);\n    const isInitialized = (0, $2crMj$macrostratmapboxreact.useMapInitialized)();\n    (0, $R3my3.useMapMarker)(mapRef, markerRef, position);\n    (0, $2crMj$react.useEffect)(()=>{\n        const map = mapRef.current;\n        if (map == null || setPosition == null) return;\n        const handleMapClick = (event)=>{\n            setPosition(event.lngLat, event, mapRef.current);\n            // We should integrate this with the \"easeToCenter\" hook\n            if (centerMarker) mapRef.current?.flyTo({\n                center: event.lngLat,\n                duration: 800\n            });\n        };\n        map.on(\"click\", handleMapClick);\n        return ()=>{\n            map?.off(\"click\", handleMapClick);\n        };\n    }, [\n        setPosition,\n        isInitialized\n    ]);\n    return null;\n}\nfunction $f6c715b8ad8cb91a$export$6daf1520df36ae21(opts = {}) {\n    const { styleType: styleType } = opts;\n    const inDarkMode = (0, $2crMj$macrostratuicomponents.useInDarkMode)();\n    const props = (0, $2crMj$react.useMemo)(()=>{\n        return {\n            styleType: styleType,\n            inDarkMode: inDarkMode\n        };\n    }, [\n        styleType,\n        inDarkMode\n    ]);\n    return $f6c715b8ad8cb91a$export$3503bf0b3851527b(props);\n}\nfunction $f6c715b8ad8cb91a$export$3503bf0b3851527b(opts) {\n    const { styleType: styleType = \"macrostrat\", inDarkMode: inDarkMode = false } = opts ?? {};\n    if (styleType == \"macrostrat\") return inDarkMode ? \"mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true\" : \"mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true\";\n    else return inDarkMode ? \"mapbox://styles/mapbox/dark-v10\" : \"mapbox://styles/mapbox/light-v10\";\n}\nconst $f6c715b8ad8cb91a$export$566518253d2584f8 = $f6c715b8ad8cb91a$export$6daf1520df36ae21;\n\n\n//# sourceMappingURL=map-interface.eb663cae.js.map\n","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":["require","$2crMj$macrostratmapboxreact","$2crMj$react","$2crMj$underscore","$2crMj$useresizeobserver","$2crMj$macrostratmapboxutils","$2crMj$macrostratuicomponents","$parcel$interopDefault","a","__esModule","default","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","parcelRegister","$f6c715b8ad8cb91a$export$31b2e088aff2dc5d","$f6c715b8ad8cb91a$export$2ab96428dea558d6","$f6c715b8ad8cb91a$export$f6eeee399afc4e9a","$f6c715b8ad8cb91a$export$e57f9eaa51773f82","$f6c715b8ad8cb91a$export$5c90a91c7455938c","$f6c715b8ad8cb91a$export$6daf1520df36ae21","$f6c715b8ad8cb91a$export$3503bf0b3851527b","$f6c715b8ad8cb91a$export$566518253d2584f8","$R3my3","containerRef","mapRef","useMapRef","debouncedResize","useRef","debounce","current","resize","ref","onResize","parentRef","infoMarkerPosition","debounceTime","padding","setPadding","useState","getMapPadding","_updateMapPadding","useCallback","updateMapPadding","useMemo","useEffect","sz","round","Math","useMapEaseTo","center","onMapMoved","dispatch","useMapDispatch","isInitialized","useMapInitialized","mapMovedCallback","map","mapPosition","getMapPosition","type","payload","cb","on","off","ignoredSources","onMapLoading","onMapIdle","mapIsLoading","loadingRef","didSendLoading","loadingCallback","evt","includes","sourceId","idleCallback","position","setPosition","centerMarker","markerRef","useMapMarker","handleMapClick","event","lngLat","flyTo","duration","opts","styleType","inDarkMode","useInDarkMode"],"version":3,"file":"map-interface.eb663cae.js.map","sourceRoot":"../../../../"}

package/dist/node/map-interface.ed6b5586.js

@@ -0,0 +1,2 @@
+require("./map-interface.f4d2a5eb.js");var $14Taq$blueprintjscore=require("@blueprintjs/core"),$14Taq$macrostrathyper=require("@macrostrat/hyper"),$14Taq$macrostratmapboxreact=require("@macrostrat/mapbox-react"),$14Taq$macrostratuicomponents=require("@macrostrat/ui-components");function $parcel$interopDefault(e){return e&&e.__esModule?e.default:e}function $parcel$export(e,a,r,c){Object.defineProperty(e,a,{get:r,set:c,enumerable:!0,configurable:!0})}var $parcel$global=globalThis,$parcel$modules={},$parcel$inits={},parcelRequire=$parcel$global.parcelRequirea149;null==parcelRequire&&((parcelRequire=function(e){if(e in $parcel$modules)return $parcel$modules[e].exports;if(e in $parcel$inits){var a=$parcel$inits[e];delete $parcel$inits[e];var r={id:e,exports:{}};return $parcel$modules[e]=r,a.call(r.exports,r,r.exports),r.exports}var c=Error("Cannot find module '"+e+"'");throw c.code="MODULE_NOT_FOUND",c}).register=function(e,a){$parcel$inits[e]=a},$parcel$global.parcelRequirea149=parcelRequire);var parcelRegister=parcelRequire.register;$parcel$export(module.exports,"LoadingButton",()=>$8c3698ca3fcf939f$export$4ec83e90d030b2f3),$parcel$export(module.exports,"MapLoadingButton",()=>$8c3698ca3fcf939f$export$9e3bae3c08bde368),$parcel$export(module.exports,"FloatingNavbar",()=>$8c3698ca3fcf939f$export$a8cc0062d02a3841);var $5BIs2=parcelRequire("5BIs2");let $8c3698ca3fcf939f$var$h=$parcel$interopDefault($14Taq$macrostrathyper).styled($parcel$interopDefault($5BIs2)),$8c3698ca3fcf939f$var$spinnerElement=$8c3698ca3fcf939f$var$h($14Taq$blueprintjscore.Spinner,{size:16});function $8c3698ca3fcf939f$export$4ec83e90d030b2f3({isLoading:e=!1,onClick:a,active:r=!1,large:c=!0,icon:t="menu",style:$}){return $8c3698ca3fcf939f$var$h($14Taq$blueprintjscore.Button,{className:"loading-button",icon:e?$8c3698ca3fcf939f$var$spinnerElement:t,large:c,minimal:!0,onClick:a,active:r&&!e,style:$})}function $8c3698ca3fcf939f$export$9e3bae3c08bde368(e){let a=(0,$14Taq$macrostratmapboxreact.useMapStatus)(e=>e.isLoading);return $8c3698ca3fcf939f$var$h($8c3698ca3fcf939f$export$4ec83e90d030b2f3,{...e,isLoading:a})}function $8c3698ca3fcf939f$export$a8cc0062d02a3841({className:e,children:a,headerElement:r=null,title:c=null,statusElement:t=null,rightElement:$=null,height:l,width:n,style:i={}}){let o=null;null!=$&&(o=$8c3698ca3fcf939f$var$h("div.right-element",$));let f=r;return null!=c&&null==f&&(f="string"==typeof c?$8c3698ca3fcf939f$var$h($14Taq$blueprintjscore.Text,{tagName:"h2",ellipsize:!0},c):c),null!=f&&(f=$8c3698ca3fcf939f$var$h([f,$8c3698ca3fcf939f$var$h($14Taq$macrostratuicomponents.Spacer)])),$8c3698ca3fcf939f$var$h("div.searchbar-holder",{className:e,style:{width:n}},[$8c3698ca3fcf939f$var$h("div.navbar-holder",[$8c3698ca3fcf939f$var$h($14Taq$blueprintjscore.Navbar,{className:"searchbar navbar panel",style:{height:l,...i}},[f,a,o])]),$8c3698ca3fcf939f$var$h.if(null!=t)($14Taq$blueprintjscore.Card,{className:"status-tongue"},t)])}
+//# sourceMappingURL=map-interface.ed6b5586.js.map

package/dist/node/map-interface.ed6b5586.js.map

@@ -0,0 +1 @@
+{"mappings":"A,Q,gD,I,uB,Q,qB,uB,Q,qB,6B,Q,4B,8B,Q,6B,S,uB,C,E,O,G,E,U,C,E,O,C,C,C,S,e,C,C,C,C,C,C,C,E,O,c,C,E,E,C,I,E,I,E,W,C,E,a,C,C,E,C,I,e,W,gB,C,E,c,C,E,c,e,iB,A,O,gB,A,C,c,S,C,E,G,K,gB,O,e,C,E,C,O,C,G,K,c,C,I,E,a,C,E,A,Q,a,C,E,C,I,E,C,G,E,Q,C,C,E,O,e,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,a,C,E,C,C,E,e,iB,C,e,I,e,c,Q,C,e,O,O,C,gB,I,2C,e,O,O,C,mB,I,2C,e,O,O,C,iB,I,2C,I,O,c,SCOA,IAAM,wBAAI,AAAA,uBAAA,wBAAM,MAAM,CAAC,uBAAA,SAEjB,qCAAiB,wBAAE,uBAAA,OAAM,CAAG,CAAE,KAAM,EAAG,GAEtC,SAAS,0CAAc,CAAA,UAC5B,EAAY,CAAA,CAAA,CAAA,QACZ,CAAO,CAAA,OACP,EAAS,CAAA,CAAA,CAAA,MACT,EAAQ,CAAA,CAAA,CAAA,KACR,EAAO,MAAA,CAAA,MACP,CAAK,CACN,EACC,OAAO,wBAAE,uBAAA,MAAK,CAAG,CACf,UAAW,iBACX,KAAO,EAAY,qCAAiB,EACpC,MAAA,EACA,QAAS,CAAA,EACT,QAAA,EACA,OAAQ,GAAU,CAAC,EACnB,MAAA,CACF,EACF,CAEO,SAAS,0CAAiB,CAAU,EACzC,IAAM,EAAY,AAAA,CAAA,EAAA,6BAAA,YAAW,AAAX,EAAa,AAAC,GAAM,EAAE,SAAS,EACjD,OAAO,wBAAE,0CAAe,CAAE,GAAG,CAAK,CAAE,UAAA,CAAU,EAChD,CAgBO,SAAS,0CAAe,CAAA,UAC7B,CAAS,CAAA,SACT,CAAQ,CAAA,cACR,EAAgB,IAAA,CAAA,MAChB,EAAQ,IAAA,CAAA,cACR,EAAgB,IAAA,CAAA,aAChB,EAAe,IAAA,CAAA,OACf,CAAM,CAAA,MACN,CAAK,CAAA,MACL,EAAQ,CAAC,CAAA,CACW,EACpB,IAAI,EAAkC,IAClC,AAAgB,OAAhB,GACF,CAAA,EAAgB,wBAAE,oBAAqB,EADzC,EAIA,IAAI,EAAmC,EAavC,OAZa,MAAT,GAAiB,AAAkB,MAAlB,IAEjB,EADE,AAAiB,UAAjB,OAAO,EACQ,wBAAE,uBAAA,IAAG,CAAG,CAAE,QAAS,KAAM,UAAW,CAAA,CAAK,EAAG,GAE5C,GAIjB,AAAkB,MAAlB,GACF,CAAA,EAAiB,wBAAE,CAAC,EAAgB,wBAAE,8BAAA,MAAK,EAAG,CAAA,EAGzC,wBAAE,uBAAwB,CAAE,UAAA,EAAW,MAAO,CAAE,MAAA,CAAM,CAAE,EAAG,CAChE,wBAAE,oBAAqB,CACrB,wBACE,uBAAA,MAAK,CACL,CACE,UAAW,yBACX,MAAO,CAAE,OAAA,EAAQ,GAAG,CAAK,AAAC,CAC5B,EACA,CAAC,EAAgB,EAAU,EAAc,EAE5C,EACD,wBAAE,EAAE,CAAC,AAAiB,MAAjB,GACH,uBAAA,IAAG,CACH,CAAE,UAAW,eAAgB,EAC7B,GAEH,CACH","sources":["<anon>","packages/map-interface/src/context-panel/index.ts"],"sourcesContent":["require(\"./map-interface.f4d2a5eb.js\");\nvar $14Taq$blueprintjscore = require(\"@blueprintjs/core\");\nvar $14Taq$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $14Taq$macrostratmapboxreact = require(\"@macrostrat/mapbox-react\");\nvar $14Taq$macrostratuicomponents = require(\"@macrostrat/ui-components\");\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\n$parcel$export(module.exports, \"LoadingButton\", () => $8c3698ca3fcf939f$export$4ec83e90d030b2f3);\n$parcel$export(module.exports, \"MapLoadingButton\", () => $8c3698ca3fcf939f$export$9e3bae3c08bde368);\n$parcel$export(module.exports, \"FloatingNavbar\", () => $8c3698ca3fcf939f$export$a8cc0062d02a3841);\n\n\n\nvar $5BIs2 = parcelRequire(\"5BIs2\");\n\n\nconst $8c3698ca3fcf939f$var$h = (0, ($parcel$interopDefault($14Taq$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($5BIs2))));\nconst $8c3698ca3fcf939f$var$spinnerElement = $8c3698ca3fcf939f$var$h((0, $14Taq$blueprintjscore.Spinner), {\n    size: 16\n});\nfunction $8c3698ca3fcf939f$export$4ec83e90d030b2f3({ isLoading: isLoading = false, onClick: onClick, active: active = false, large: large = true, icon: icon = \"menu\", style: style }) {\n    return $8c3698ca3fcf939f$var$h((0, $14Taq$blueprintjscore.Button), {\n        className: \"loading-button\",\n        icon: isLoading ? $8c3698ca3fcf939f$var$spinnerElement : icon,\n        large: large,\n        minimal: true,\n        onClick: onClick,\n        active: active && !isLoading,\n        style: style\n    });\n}\nfunction $8c3698ca3fcf939f$export$9e3bae3c08bde368(props) {\n    const isLoading = (0, $14Taq$macrostratmapboxreact.useMapStatus)((s)=>s.isLoading);\n    return $8c3698ca3fcf939f$var$h($8c3698ca3fcf939f$export$4ec83e90d030b2f3, {\n        ...props,\n        isLoading: isLoading\n    });\n}\nfunction $8c3698ca3fcf939f$export$a8cc0062d02a3841({ className: className, children: children, headerElement: headerElement = null, title: title = null, statusElement: statusElement = null, rightElement: rightElement = null, height: height, width: width, style: style = {} }) {\n    let _rightElement = null;\n    if (rightElement != null) _rightElement = $8c3698ca3fcf939f$var$h(\"div.right-element\", rightElement);\n    let _headerElement = headerElement;\n    if (title != null && _headerElement == null) {\n        if (typeof title === \"string\") _headerElement = $8c3698ca3fcf939f$var$h((0, $14Taq$blueprintjscore.Text), {\n            tagName: \"h2\",\n            ellipsize: true\n        }, title);\n        else _headerElement = title;\n    }\n    if (_headerElement != null) _headerElement = $8c3698ca3fcf939f$var$h([\n        _headerElement,\n        $8c3698ca3fcf939f$var$h((0, $14Taq$macrostratuicomponents.Spacer))\n    ]);\n    return $8c3698ca3fcf939f$var$h(\"div.searchbar-holder\", {\n        className: className,\n        style: {\n            width: width\n        }\n    }, [\n        $8c3698ca3fcf939f$var$h(\"div.navbar-holder\", [\n            $8c3698ca3fcf939f$var$h((0, $14Taq$blueprintjscore.Navbar), {\n                className: \"searchbar navbar panel\",\n                style: {\n                    height: height,\n                    ...style\n                }\n            }, [\n                _headerElement,\n                children,\n                _rightElement\n            ])\n        ]),\n        $8c3698ca3fcf939f$var$h.if(statusElement != null)((0, $14Taq$blueprintjscore.Card), {\n            className: \"status-tongue\"\n        }, statusElement)\n    ]);\n}\n\n\n//# sourceMappingURL=map-interface.ed6b5586.js.map\n","import { Navbar, Button, Spinner, Card, Text } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useMapStatus } from \"@macrostrat/mapbox-react\";\nimport { Spacer } from \"@macrostrat/ui-components\";\nimport type { ReactNode } from \"react\";\n\nconst h = hyper.styled(styles);\n\nconst spinnerElement = h(Spinner, { size: 16 });\n\nexport function LoadingButton({\n  isLoading = false,\n  onClick,\n  active = false,\n  large = true,\n  icon = \"menu\",\n  style,\n}) {\n  return h(Button, {\n    className: \"loading-button\",\n    icon: (isLoading ? spinnerElement : icon) as any,\n    large,\n    minimal: true,\n    onClick,\n    active: active && !isLoading,\n    style,\n  });\n}\n\nexport function MapLoadingButton(props: any) {\n  const isLoading = useMapStatus((s) => s.isLoading);\n  return h(LoadingButton, { ...props, isLoading });\n}\n\ntype AnyChildren = ReactNode;\n\nexport interface FloatingNavbarProps {\n  className?: string;\n  children?: AnyChildren;\n  headerElement?: AnyChildren;\n  title?: AnyChildren;\n  statusElement?: AnyChildren;\n  rightElement?: AnyChildren;\n  height?: number | string;\n  width?: number | string;\n  style?: object;\n}\n\nexport function FloatingNavbar({\n  className,\n  children,\n  headerElement = null,\n  title = null,\n  statusElement = null,\n  rightElement = null,\n  height,\n  width,\n  style = {},\n}: FloatingNavbarProps) {\n  let _rightElement: ReactNode | null = null;\n  if (rightElement != null) {\n    _rightElement = h(\"div.right-element\", rightElement);\n  }\n\n  let _headerElement: ReactNode | null = headerElement;\n  if (title != null && _headerElement == null) {\n    if (typeof title === \"string\") {\n      _headerElement = h(Text, { tagName: \"h2\", ellipsize: true }, title);\n    } else {\n      _headerElement = title;\n    }\n  }\n\n  if (_headerElement != null) {\n    _headerElement = h([_headerElement, h(Spacer)]);\n  }\n\n  return h(\"div.searchbar-holder\", { className, style: { width } }, [\n    h(\"div.navbar-holder\", [\n      h(\n        Navbar,\n        {\n          className: \"searchbar navbar panel\",\n          style: { height, ...style },\n        },\n        [_headerElement, children, _rightElement],\n      ),\n    ]),\n    h.if(statusElement != null)(\n      Card,\n      { className: \"status-tongue\" },\n      statusElement,\n    ),\n  ]);\n}\n"],"names":["require","$14Taq$blueprintjscore","$14Taq$macrostrathyper","$14Taq$macrostratmapboxreact","$14Taq$macrostratuicomponents","$parcel$interopDefault","a","__esModule","default","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","parcelRegister","$8c3698ca3fcf939f$export$4ec83e90d030b2f3","$8c3698ca3fcf939f$export$9e3bae3c08bde368","$8c3698ca3fcf939f$export$a8cc0062d02a3841","$5BIs2","$8c3698ca3fcf939f$var$h","styled","$8c3698ca3fcf939f$var$spinnerElement","Spinner","size","isLoading","onClick","active","large","icon","style","Button","className","minimal","props","useMapStatus","children","headerElement","title","statusElement","rightElement","height","width","_rightElement","_headerElement","Text","tagName","ellipsize","Spacer","Navbar","if","Card"],"version":3,"file":"map-interface.ed6b5586.js.map","sourceRoot":"../../../../"}

package/dist/node/map-interface.f4d2a5eb.js

@@ -0,0 +1,2 @@
+var $4152e38d80d28cfa$export$fcaa8d3bc8e9cf1e,$4152e38d80d28cfa$export$58733aaf927c3bbe,$4152e38d80d28cfa$export$d8779dd86528d602,$4152e38d80d28cfa$export$2ac23befe9d406ee,$4152e38d80d28cfa$export$3a39e67bbbcbd4ae,$4152e38d80d28cfa$export$764ade2d69041360;function $parcel$export(e,d,a,$){Object.defineProperty(e,d,{get:a,set:$,enumerable:!0,configurable:!0})}$parcel$export(module.exports,"loading-button",()=>$4152e38d80d28cfa$export$fcaa8d3bc8e9cf1e,e=>$4152e38d80d28cfa$export$fcaa8d3bc8e9cf1e=e),$parcel$export(module.exports,"navbar",()=>$4152e38d80d28cfa$export$58733aaf927c3bbe,e=>$4152e38d80d28cfa$export$58733aaf927c3bbe=e),$parcel$export(module.exports,"navbar-holder",()=>$4152e38d80d28cfa$export$d8779dd86528d602,e=>$4152e38d80d28cfa$export$d8779dd86528d602=e),$parcel$export(module.exports,"searchbar",()=>$4152e38d80d28cfa$export$2ac23befe9d406ee,e=>$4152e38d80d28cfa$export$2ac23befe9d406ee=e),$parcel$export(module.exports,"searchbar-holder",()=>$4152e38d80d28cfa$export$3a39e67bbbcbd4ae,e=>$4152e38d80d28cfa$export$3a39e67bbbcbd4ae=e),$parcel$export(module.exports,"status-tongue",()=>$4152e38d80d28cfa$export$764ade2d69041360,e=>$4152e38d80d28cfa$export$764ade2d69041360=e),$4152e38d80d28cfa$export$fcaa8d3bc8e9cf1e="_8hZKsW_loading-button",$4152e38d80d28cfa$export$58733aaf927c3bbe="_8hZKsW_navbar",$4152e38d80d28cfa$export$d8779dd86528d602="_8hZKsW_navbar-holder",$4152e38d80d28cfa$export$2ac23befe9d406ee="_8hZKsW_searchbar",$4152e38d80d28cfa$export$3a39e67bbbcbd4ae="_8hZKsW_searchbar-holder",$4152e38d80d28cfa$export$764ade2d69041360="_8hZKsW_status-tongue";
+//# sourceMappingURL=map-interface.f4d2a5eb.js.map

package/dist/node/map-interface.f4d2a5eb.js.map

@@ -0,0 +1 @@
+{"mappings":"ICAA,0CACA,0CACA,0CACA,0CACA,0CACA,0C,S,e,C,C,C,C,C,C,C,E,O,c,C,E,E,C,I,E,I,E,W,C,E,a,C,C,E,C,e,O,O,C,iB,I,0C,A,G,0C,G,e,O,O,C,S,I,0C,A,G,0C,G,e,O,O,C,gB,I,0C,A,G,0C,G,e,O,O,C,Y,I,0C,A,G,0C,G,e,O,O,C,mB,I,0C,A,G,0C,G,e,O,O,C,gB,I,0C,A,G,0C,GALA,0CAAmC,yBACnC,0CAA2B,iBAC3B,0CAAkC,wBAClC,0CAA8B,oBAC9B,0CAAqC,2BACrC,0CAAkC","sources":["<anon>","packages/map-interface/src/context-panel/main.module.sass"],"sourcesContent":["\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n$parcel$export(module.exports, \"loading-button\", () => $4152e38d80d28cfa$export$fcaa8d3bc8e9cf1e, (v) => $4152e38d80d28cfa$export$fcaa8d3bc8e9cf1e = v);\n$parcel$export(module.exports, \"navbar\", () => $4152e38d80d28cfa$export$58733aaf927c3bbe, (v) => $4152e38d80d28cfa$export$58733aaf927c3bbe = v);\n$parcel$export(module.exports, \"navbar-holder\", () => $4152e38d80d28cfa$export$d8779dd86528d602, (v) => $4152e38d80d28cfa$export$d8779dd86528d602 = v);\n$parcel$export(module.exports, \"searchbar\", () => $4152e38d80d28cfa$export$2ac23befe9d406ee, (v) => $4152e38d80d28cfa$export$2ac23befe9d406ee = v);\n$parcel$export(module.exports, \"searchbar-holder\", () => $4152e38d80d28cfa$export$3a39e67bbbcbd4ae, (v) => $4152e38d80d28cfa$export$3a39e67bbbcbd4ae = v);\n$parcel$export(module.exports, \"status-tongue\", () => $4152e38d80d28cfa$export$764ade2d69041360, (v) => $4152e38d80d28cfa$export$764ade2d69041360 = v);\nvar $4152e38d80d28cfa$export$fcaa8d3bc8e9cf1e;\nvar $4152e38d80d28cfa$export$58733aaf927c3bbe;\nvar $4152e38d80d28cfa$export$d8779dd86528d602;\nvar $4152e38d80d28cfa$export$2ac23befe9d406ee;\nvar $4152e38d80d28cfa$export$3a39e67bbbcbd4ae;\nvar $4152e38d80d28cfa$export$764ade2d69041360;\n$4152e38d80d28cfa$export$fcaa8d3bc8e9cf1e = `_8hZKsW_loading-button`;\n$4152e38d80d28cfa$export$58733aaf927c3bbe = `_8hZKsW_navbar`;\n$4152e38d80d28cfa$export$d8779dd86528d602 = `_8hZKsW_navbar-holder`;\n$4152e38d80d28cfa$export$2ac23befe9d406ee = `_8hZKsW_searchbar`;\n$4152e38d80d28cfa$export$3a39e67bbbcbd4ae = `_8hZKsW_searchbar-holder`;\n$4152e38d80d28cfa$export$764ade2d69041360 = `_8hZKsW_status-tongue`;\n\n\n//# sourceMappingURL=map-interface.f4d2a5eb.js.map\n",null],"names":["$4152e38d80d28cfa$export$fcaa8d3bc8e9cf1e","$4152e38d80d28cfa$export$58733aaf927c3bbe","$4152e38d80d28cfa$export$d8779dd86528d602","$4152e38d80d28cfa$export$2ac23befe9d406ee","$4152e38d80d28cfa$export$3a39e67bbbcbd4ae","$4152e38d80d28cfa$export$764ade2d69041360","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","module","exports"],"version":3,"file":"map-interface.f4d2a5eb.js.map","sourceRoot":"../../../../"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@macrostrat/map-interface",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Map interface for Macrostrat",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -9,28 +9,28 @@
   "node": "dist/node/index.js",
   "dependencies": {
     "@blueprintjs/core": "^5.0.0",
-    "@macrostrat/color-utils": "^1.1.0",
+    "@macrostrat/color-utils": "^1.1.1",
     "@macrostrat/hyper": "^3.0.6",
-    "@macrostrat/mapbox-react": "^2.6.0",
-    "@macrostrat/mapbox-utils": "^1.5.0",
-    "@macrostrat/ui-components": "^4.2.0",
+    "@macrostrat/mapbox-react": "^2.6.1",
+    "@macrostrat/mapbox-utils": "^1.5.1",
+    "@macrostrat/ui-components": "^4.3.0",
     "@mapbox/tilebelt": "^2.0.0",
     "classnames": "^2.5.1",
     "d3-array": "^3.2.4",
     "d3-format": "^3.1.0",
-    "mapbox-gl": "^2.15.0",
+    "mapbox-gl": "^2.15.0||^3.0.0",
     "query-string": "^9.0.0",
     "transition-hook": "^1.5.2",
     "underscore": "^1.13.6",
     "use-resize-observer": "^9.1.0"
   },
   "devDependencies": {
-    "parcel": "^2.13.3",
+    "parcel": "^2.15.4",
     "ui-box": "^5.4.1"
   },
   "peerDependencies": {
-    "react": "^16.8.6||^17.0.0||^18.0.0",
-    "react-dom": "^16.8.6||^17.0.0||^18.0.0"
+    "react": "^16.8.6||^17.0.0||^18.0.0||^19.0.0",
+    "react-dom": "^16.8.6||^17.0.0||^18.0.0||^19.0.0"
   },
   "scripts": {
     "dev": "parcel watch",

package/src/container.ts

@@ -99,7 +99,7 @@ function _MapAreaContainer({
       "map-context-open": contextPanelOpen,
       "show-panel-outlines": showPanelOutlines,
       "fit-viewport": fitViewport,
-    }
+    },
   );
 
   const mapControlsExt = h([
@@ -114,7 +114,7 @@ function _MapAreaContainer({
     [
       h("div.detail-panel-holder", null, detailPanel),
       h.if(detailPanelStyle == DetailPanelStyle.FLOATING)([mapControlsExt]),
-    ]
+    ],
   );
 
   let contextStack = null;
@@ -133,7 +133,7 @@ function _MapAreaContainer({
         h.if(detailPanelStyle == DetailPanelStyle.FLOATING)([detailStackExt]),
         h.if(detailPanelStyle == DetailPanelStyle.FIXED)(
           "div.map-control-stack",
-          mapControlsExt
+          mapControlsExt,
         ),
       ]),
       h.if(detailPanelStyle == DetailPanelStyle.FIXED)([detailStackExt]),

package/src/context-panel/index.ts

@@ -1,9 +1,9 @@
-import { useMemo } from "react";
 import { Navbar, Button, Spinner, Card, Text } from "@blueprintjs/core";
 import hyper from "@macrostrat/hyper";
 import styles from "./main.module.sass";
 import { useMapStatus } from "@macrostrat/mapbox-react";
 import { Spacer } from "@macrostrat/ui-components";
+import type { ReactNode } from "react";
 
 const h = hyper.styled(styles);
 
@@ -19,7 +19,7 @@ export function LoadingButton({
 }) {
   return h(Button, {
     className: "loading-button",
-    icon: isLoading ? spinnerElement : icon,
+    icon: (isLoading ? spinnerElement : icon) as any,
     large,
     minimal: true,
     onClick,
@@ -28,12 +28,12 @@ export function LoadingButton({
   });
 }
 
-export function MapLoadingButton(props) {
+export function MapLoadingButton(props: any) {
   const isLoading = useMapStatus((s) => s.isLoading);
   return h(LoadingButton, { ...props, isLoading });
 }
 
-type AnyChildren = React.ReactNode;
+type AnyChildren = ReactNode;
 
 export interface FloatingNavbarProps {
   className?: string;
@@ -58,12 +58,12 @@ export function FloatingNavbar({
   width,
   style = {},
 }: FloatingNavbarProps) {
-  let _rightElement: React.ReactNode | null = null;
+  let _rightElement: ReactNode | null = null;
   if (rightElement != null) {
     _rightElement = h("div.right-element", rightElement);
   }
 
-  let _headerElement: React.ReactNode | null = headerElement;
+  let _headerElement: ReactNode | null = headerElement;
   if (title != null && _headerElement == null) {
     if (typeof title === "string") {
       _headerElement = h(Text, { tagName: "h2", ellipsize: true }, title);
@@ -84,13 +84,13 @@ export function FloatingNavbar({
           className: "searchbar navbar panel",
           style: { height, ...style },
         },
-        [_headerElement, children, _rightElement]
+        [_headerElement, children, _rightElement],
       ),
     ]),
     h.if(statusElement != null)(
       Card,
       { className: "status-tongue" },
-      statusElement
+      statusElement,
     ),
   ]);
 }

package/src/dev/map-page.ts

@@ -115,7 +115,7 @@ export function MapInspectorV2({
           },
         }),
         h(FeaturePanel, { features: data, focusedSource, focusedSourceTitle }),
-      ]
+      ],
     );
   }
 
@@ -175,8 +175,8 @@ export function MapInspectorV2({
         }),
         h(TileExtentLayer, { tile, color: isEnabled ? "white" : "black" }),
         children,
-      ]
-    )
+      ],
+    ),
   );
 }
 

package/src/dev/tile-extent.ts

@@ -38,7 +38,7 @@ export function TileExtentLayer({
       style.layers.push(layer);
       map.setStyle(style);
     },
-    [color]
+    [color],
   );
   const map = useMapRef();
   useMapConditionalStyle(map, tile, styleCallback);

package/src/dev/vector-tile-features.ts

@@ -178,7 +178,11 @@ function UnitNumber({ value, unit, precision = 1 }) {
   ]);
 }
 
-export function FeaturePanel({ features, focusedSource = null }) {
+export function FeaturePanel({
+  features,
+  focusedSource = null,
+  focusedSourceTitle = null,
+}) {
   if (features == null) return null;
 
   let focusedSourcePanel = null;
@@ -190,7 +194,7 @@ export function FeaturePanel({ features, focusedSource = null }) {
     focusedSourcePanel = h(
       ExpansionPanel,
       {
-        title: "Macrostrat features",
+        title: focusedSourceTitle ?? "Macrostrat features",
         className: "macrostrat-features",
         expanded: true,
       },
@@ -199,7 +203,7 @@ export function FeaturePanel({ features, focusedSource = null }) {
           features,
           sourceID: focusedSource,
         }),
-      ]
+      ],
     );
     filteredFeatures = features.filter((d) => d.source != focusedSource);
   }
@@ -213,7 +217,7 @@ export function FeaturePanel({ features, focusedSource = null }) {
         h(FeatureGroups, {
           features: filteredFeatures,
         }),
-      ]
+      ],
     ),
   ]);
 }
@@ -222,7 +226,7 @@ function FeatureGroups({ features }) {
   /** Group features by source and sourceLayer */
   if (features == null) return null;
 
-  const groups = group(features, (d) => `${d.source} - ${d.sourceLayer}`);
+  const groups = group(features, (d: any) => `${d.source} - ${d.sourceLayer}`);
 
   return h(
     "div.feature-groups",
@@ -231,13 +235,13 @@ function FeatureGroups({ features }) {
         h(FeatureHeader, { feature: features[0] }),
         h(Features, { features }),
       ]);
-    })
+    }),
   );
 }
 
 export function Features({ features }) {
   return h(
     "div.features",
-    features.map((feature, i) => h(FeatureRecord, { key: i, feature }))
+    features.map((feature, i) => h(FeatureRecord, { key: i, feature })),
   );
 }

package/src/dev/xray.ts

@@ -11,7 +11,7 @@ interface XRayOptions {
 
 export async function buildXRayStyle(
   baseStyle: string | object,
-  params: XRayOptions = null
+  params: XRayOptions = null,
 ) {
   const {
     inDarkMode = false,
@@ -24,7 +24,11 @@ export async function buildXRayStyle(
 
   let layers = [];
   for (let layer of style.layers) {
-    if (!sources.includes(layer.source)) {
+    if (
+      "source" in layer &&
+      typeof layer.source === "string" &&
+      !sources.includes(layer.source)
+    ) {
       layers.push(layer);
       continue;
     }
@@ -90,7 +94,7 @@ type InspectorStyleOptions = XRayOptions & {
 export async function buildInspectorStyle(
   baseStyle: mapboxgl.Style | string,
   overlayStyle: mapboxgl.Style | string | null = null,
-  params: InspectorStyleOptions = {}
+  params: InspectorStyleOptions = {},
 ) {
   const {
     mapboxToken,

package/src/expansion-panel/headers.ts

@@ -11,7 +11,7 @@ export function PanelSubhead(props) {
       {
         className: "title",
       },
-      title
+      title,
     ),
     children,
   ]);

package/src/expansion-panel/index.ts

@@ -20,7 +20,7 @@ function ExpansionPanelSummary(props) {
       title,
       component: titleComponent,
     },
-    [children, h(Icon, { icon, className: "expansion-panel-icon" })]
+    [children, h(Icon, { icon, className: "expansion-panel-icon" })],
   );
 }
 
@@ -63,10 +63,10 @@ function ExpansionPanelBase(props) {
           h("span.expansion-panel-subtext", helpText),
           " ",
           sideComponent,
-        ])
+        ]),
       ),
       h(Collapse, { isOpen }, h("div.expansion-children", null, children)),
-    ]
+    ],
   );
 }
 
@@ -113,7 +113,7 @@ function ExpandableDetailsPanel(props) {
     h(
       Collapse,
       { isOpen },
-      h("div.expandable-details-children", null, children)
+      h("div.expandable-details-children", null, children),
     ),
   ]);
 }

package/src/helpers.ts

@@ -21,7 +21,7 @@ export function MapResizeManager({ containerRef }) {
   const debouncedResize = useRef(
     debounce(() => {
       mapRef.current?.resize();
-    }, 100)
+    }, 100),
   );
 
   useResizeObserver({
@@ -48,7 +48,7 @@ export function MapPaddingManager({
   const mapRef = useMapRef();
 
   const [padding, setPadding] = useState(
-    getMapPadding(containerRef, parentRef)
+    getMapPadding(containerRef, parentRef),
   );
 
   const _updateMapPadding = useCallback(() => {
@@ -58,7 +58,7 @@ export function MapPaddingManager({
 
   const updateMapPadding = useMemo(
     () => debounce(_updateMapPadding, debounceTime),
-    [_updateMapPadding, debounceTime]
+    [_updateMapPadding, debounceTime],
   );
 
   useEffect(() => {
@@ -113,12 +113,19 @@ export function MapMovedReporter({ onMapMoved = null }) {
   return null;
 }
 
+interface MapLoadingReporterProps {
+  ignoredSources?: string[];
+  onMapLoading?: (evt: mapboxgl.MapEvent) => void;
+  onMapIdle?: (evt: mapboxgl.MapEvent) => void;
+  mapIsLoading?: boolean;
+}
+
 export function MapLoadingReporter({
   ignoredSources,
   onMapLoading = null,
   onMapIdle = null,
   mapIsLoading,
-}) {
+}: MapLoadingReporterProps) {
   const mapRef = useMapRef();
   const loadingRef = useRef(false);
   const dispatch = useMapDispatch();
@@ -187,7 +194,7 @@ export function MapMarker({ position, setPosition, centerMarker = true }) {
 export function useBasicMapStyle(
   opts: {
     styleType?: "macrostrat" | "standard";
-  } = {}
+  } = {},
 ) {
   const { styleType } = opts;
   const inDarkMode = useInDarkMode();

package/src/location-info/hash-string.ts

@@ -16,7 +16,7 @@ interface LocationHashParams {
 
 export function applyMapPositionToHash(
   args: LocationHashParams,
-  mapPosition: MapPosition | null
+  mapPosition: MapPosition | null,
 ) {
   const pos = mapPosition?.camera;
   if (pos == null) return;
@@ -53,7 +53,7 @@ function _fmt(x: string | number | string[]) {
 
 export function getMapPositionForHash(
   hashData: ParsedQuery<string>,
-  centerPosition: LatLng | null
+  centerPosition: LatLng | null,
 ): MapPosition {
   const {
     x = centerPosition?.lng ?? 0,

package/src/location-panel/header.ts

@@ -61,12 +61,12 @@ function CopyLinkButton({ itemName, children, onClick, ...rest }) {
               icon: "error",
               timeout: 1000,
             });
-          }
+          },
         );
       },
       ...rest,
     },
-    children ?? "Copy link"
+    children ?? "Copy link",
   );
 }
 
@@ -127,6 +127,6 @@ export function InfoDrawerHeader(props: InfoDrawerHeaderProps) {
         icon: "cross",
         onClick: onClose,
       }),
-    ]
+    ],
   );
 }

package/src/map-view.ts

@@ -45,7 +45,7 @@ export interface MapViewProps extends MapboxCoreOptions {
   mapPosition?: MapPosition;
   initializeMap?: (
     container: HTMLElement,
-    args: MapboxOptionsExt
+    args: MapboxOptionsExt,
   ) => mapboxgl.Map;
   onMapLoaded?: (map: mapboxgl.Map) => void;
   onStyleLoaded?: (map: mapboxgl.Map) => void;
@@ -73,6 +73,8 @@ function defaultInitializeMap(container, args: MapboxOptionsExt = {}) {
     logoPosition: "bottom-left",
     trackResize: true,
     antialias: true,
+    // This is a legacy option for Mapbox GL v2
+    // @ts-ignore
     optimizeForTerrain: true,
     ...rest,
   });
@@ -234,7 +236,7 @@ export function MapView(props: MapViewProps) {
       "is-rotated": mapIsRotated ?? false,
       "is-3d-available": mapUse3D ?? false,
     },
-    `${_projection}-projection`
+    `${_projection}-projection`,
   );
 
   const parentClassName = classNames({
@@ -258,7 +260,7 @@ export function MapView(props: MapViewProps) {
       }),
       h(MapTerrainManager, { mapUse3D, terrainSourceID, style }),
       children,
-    ]
+    ],
   );
 }
 

package/dist/cjs/context-panel.3061a63e.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,0BAAI,CAAA,GAAA,gDAAI,EAAE,MAAM,CAAC,CAAA,GAAA,mDAAK;AAE5B,MAAM,uCAAiB,wBAAE,CAAA,GAAA,8BAAM,GAAG;IAAE,MAAM;AAAG;AAEtC,SAAS,0CAAc,aAC5B,YAAY,gBACZ,OAAO,UACP,SAAS,cACT,QAAQ,YACR,OAAO,eACP,KAAK,EACN;IACC,OAAO,wBAAE,CAAA,GAAA,6BAAK,GAAG;QACf,WAAW;QACX,MAAM,YAAY,uCAAiB;eACnC;QACA,SAAS;iBACT;QACA,QAAQ,UAAU,CAAC;eACnB;IACF;AACF;AAEO,SAAS,0CAAiB,KAAK;IACpC,MAAM,YAAY,CAAA,GAAA,yCAAW,EAAE,CAAC,IAAM,EAAE,SAAS;IACjD,OAAO,wBAAE,2CAAe;QAAE,GAAG,KAAK;mBAAE;IAAU;AAChD;AAgBO,SAAS,0CAAe,aAC7B,SAAS,YACT,QAAQ,iBACR,gBAAgB,aAChB,QAAQ,qBACR,gBAAgB,oBAChB,eAAe,cACf,MAAM,SACN,KAAK,SACL,QAAQ,CAAC,GACW;IACpB,IAAI,gBAAwC;IAC5C,IAAI,gBAAgB,MAClB,gBAAgB,wBAAE,qBAAqB;IAGzC,IAAI,iBAAyC;IAC7C,IAAI,SAAS,QAAQ,kBAAkB;QACrC,IAAI,OAAO,UAAU,UACnB,iBAAiB,wBAAE,CAAA,GAAA,2BAAG,GAAG;YAAE,SAAS;YAAM,WAAW;QAAK,GAAG;aAE7D,iBAAiB;;IAIrB,IAAI,kBAAkB,MACpB,iBAAiB,wBAAE;QAAC;QAAgB,wBAAE,CAAA,GAAA,oCAAK;KAAG;IAGhD,OAAO,wBAAE,wBAAwB;mBAAE;QAAW,OAAO;mBAAE;QAAM;IAAE,GAAG;QAChE,wBAAE,qBAAqB;YACrB,wBACE,CAAA,GAAA,6BAAK,GACL;gBACE,WAAW;gBACX,OAAO;4BAAE;oBAAQ,GAAG,KAAK;gBAAC;YAC5B,GACA;gBAAC;gBAAgB;gBAAU;aAAc;SAE5C;QACD,wBAAE,EAAE,CAAC,iBAAiB,MACpB,CAAA,GAAA,2BAAG,GACH;YAAE,WAAW;QAAgB,GAC7B;KAEH;AACH","sources":["packages/map-interface/src/context-panel/index.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Navbar, Button, Spinner, Card, Text } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useMapStatus } from \"@macrostrat/mapbox-react\";\nimport { Spacer } from \"@macrostrat/ui-components\";\n\nconst h = hyper.styled(styles);\n\nconst spinnerElement = h(Spinner, { size: 16 });\n\nexport function LoadingButton({\n  isLoading = false,\n  onClick,\n  active = false,\n  large = true,\n  icon = \"menu\",\n  style,\n}) {\n  return h(Button, {\n    className: \"loading-button\",\n    icon: isLoading ? spinnerElement : icon,\n    large,\n    minimal: true,\n    onClick,\n    active: active && !isLoading,\n    style,\n  });\n}\n\nexport function MapLoadingButton(props) {\n  const isLoading = useMapStatus((s) => s.isLoading);\n  return h(LoadingButton, { ...props, isLoading });\n}\n\ntype AnyChildren = React.ReactNode;\n\nexport interface FloatingNavbarProps {\n  className?: string;\n  children?: AnyChildren;\n  headerElement?: AnyChildren;\n  title?: AnyChildren;\n  statusElement?: AnyChildren;\n  rightElement?: AnyChildren;\n  height?: number | string;\n  width?: number | string;\n  style?: object;\n}\n\nexport function FloatingNavbar({\n  className,\n  children,\n  headerElement = null,\n  title = null,\n  statusElement = null,\n  rightElement = null,\n  height,\n  width,\n  style = {},\n}: FloatingNavbarProps) {\n  let _rightElement: React.ReactNode | null = null;\n  if (rightElement != null) {\n    _rightElement = h(\"div.right-element\", rightElement);\n  }\n\n  let _headerElement: React.ReactNode | null = headerElement;\n  if (title != null && _headerElement == null) {\n    if (typeof title === \"string\") {\n      _headerElement = h(Text, { tagName: \"h2\", ellipsize: true }, title);\n    } else {\n      _headerElement = title;\n    }\n  }\n\n  if (_headerElement != null) {\n    _headerElement = h([_headerElement, h(Spacer)]);\n  }\n\n  return h(\"div.searchbar-holder\", { className, style: { width } }, [\n    h(\"div.navbar-holder\", [\n      h(\n        Navbar,\n        {\n          className: \"searchbar navbar panel\",\n          style: { height, ...style },\n        },\n        [_headerElement, children, _rightElement]\n      ),\n    ]),\n    h.if(statusElement != null)(\n      Card,\n      { className: \"status-tongue\" },\n      statusElement\n    ),\n  ]);\n}\n"],"names":[],"version":3,"file":"context-panel.3061a63e.js.map"}

package/dist/cjs/expansion-panel.ef757efe.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,0BAAI,CAAA,GAAA,gDAAI,EAAE,MAAM,CAAC,CAAA,GAAA,mDAAK;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,sCAAW,GACX;QACE,WAAW,CAAA,GAAA,2CAAS,EAAE,0BAA0B;QAChD,SAAS;eACT;QACA,WAAW;IACb,GACA;QAAC;QAAU,wBAAE,CAAA,GAAA,2BAAG,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,qBAAO,EAAE,YAAY;IAE/C,MAAM,YAAY;QAChB;QACA,QAAQ,CAAC;IACX;IAEA,OAAO,wBACL,4BACA;QACE,WAAW,CAAA,GAAA,2CAAS,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,+BAAO,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,qBAAO,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,6BAAK,GAAG;oBACR,OAAO;oBACP,SAAS;oBACT,QAAQ;oBACR,SAAS,IAAM,UAAU,CAAC;oBAC1B,MAAM;gBACR;aACD;SACF;QACD,wBACE,CAAA,GAAA,+BAAO,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":"expansion-panel.ef757efe.js.map"}

package/dist/cjs/hash-string.62e84f08.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;AAgBO,SAAS,0CACd,IAAwB,EACxB,WAA+B;IAE/B,MAAM,MAAM,aAAa;IACzB,IAAI,OAAO,MAAM;IACjB,MAAM,OAAO,YAAY,MAAM,EAAE;IAEjC,KAAK,CAAC,GAAG,CAAA,GAAA,oDAAsB,EAAE,IAAI,GAAG,EAAE;IAC1C,KAAK,CAAC,GAAG,CAAA,GAAA,oDAAsB,EAAE,IAAI,GAAG,EAAE;IAE1C,IAAI,IAAI,OAAO,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,QAAQ,MAChD,KAAK,CAAC,GAAG,CAAA,GAAA,8BAAG,EAAE;SACT,IAAI,IAAI,QAAQ,IAAI;QACzB,IAAI,IAAI,QAAQ,GAAG,MACjB,KAAK,CAAC,GAAG,CAAA,GAAA,8BAAG,EAAE,IAAI,QAAQ,GAAG,QAAQ;aAErC,KAAK,CAAC,GAAG,CAAA,GAAA,gCAAK,EAAE,IAAI,QAAQ,IAAI;;IAGpC,IAAI,IAAI,OAAO,IAAI,GAAG;QACpB,IAAI,KAAK,IAAI,OAAO;QACpB,IAAI,KAAK,GAAG,MAAM;QAClB,KAAK,CAAC,GAAG,CAAA,GAAA,gCAAK,EAAE;IAClB;IACA,IAAI,IAAI,KAAK,IAAI,GACf,KAAK,CAAC,GAAG,CAAA,GAAA,gCAAK,EAAE,IAAI,KAAK;AAE7B;AAEA,SAAS,2BAAK,CAA6B;IACzC,IAAI,MAAM,OAAO,CAAC,IAChB,IAAI,CAAC,CAAC,EAAE;IAEV,OAAO,WAAW,EAAE,QAAQ;AAC9B;AAEO,SAAS,0CACd,QAA6B,EAC7B,cAA6B;IAE7B,MAAM,KACJ,IAAI,gBAAgB,OAAO,MAC3B,IAAI,gBAAgB,OAAO,MAC3B,mEAAmE;IACnE,IAAI,kBAAkB,OAAO,IAAI,MACjC,IAAI,MACJ,IAAI,GACL,GAAG;IAEJ,MAAM,MAAM,2BAAK;IACjB,MAAM,MAAM,2BAAK;IAEjB,IAAI,WAAW;IACf,IAAI,OAAO;IACX,MAAM,KAAK,EAAE,QAAQ;IACrB,IAAI,GAAG,QAAQ,CAAC,OACd,WAAW,2BAAK,GAAG,SAAS,CAAC,GAAG,GAAG,MAAM,GAAG,MAAM;SAC7C,IAAI,GAAG,QAAQ,CAAC,MACrB,WAAW,2BAAK,GAAG,SAAS,CAAC,GAAG,GAAG,MAAM,GAAG;SAE5C,OAAO,2BAAK;IAEd,MAAM,UAAU,2BAAK;IACrB,MAAM,QAAQ,2BAAK;IAEnB,IAAI,SAAS;IACb,IAAI,WAAW,KAAK,SAAS,KAAK,QAAQ,MACxC,SAAS;aACP;aACA;cACA;IACF;IAGF,OAAO;QACL,QAAQ;YACN,KAAK,2BAAK;YACV,KAAK,2BAAK;sBACV;YACA,SAAS,2BAAK;YACd,OAAO,2BAAK;QACd;gBACA;IACF;AACF","sources":["packages/map-interface/src/location-info/hash-string.ts"],"sourcesContent":["import {\n  LatLng,\n  MapPosition,\n  formatCoordForZoomLevel,\n} from \"@macrostrat/mapbox-utils\";\nimport { ParsedQuery } from \"query-string\";\nimport { fmt1, fmt2, fmtInt } from \"./utils\";\n\ninterface LocationHashParams {\n  x?: string;\n  y?: string;\n  z?: string;\n  a?: string;\n  e?: string;\n}\n\nexport function applyMapPositionToHash(\n  args: LocationHashParams,\n  mapPosition: MapPosition | null\n) {\n  const pos = mapPosition?.camera;\n  if (pos == null) return;\n  const zoom = mapPosition.target?.zoom;\n\n  args.x = formatCoordForZoomLevel(pos.lng, zoom);\n  args.y = formatCoordForZoomLevel(pos.lat, zoom);\n\n  if (pos.bearing == 0 && pos.pitch == 0 && zoom != null) {\n    args.z = fmt1(zoom);\n  } else if (pos.altitude != null) {\n    if (pos.altitude > 5000) {\n      args.z = fmt2(pos.altitude / 1000) + \"km\";\n    } else {\n      args.z = fmtInt(pos.altitude) + \"m\";\n    }\n  }\n  if (pos.bearing != 0) {\n    let az = pos.bearing;\n    if (az < 0) az += 360;\n    args.a = fmtInt(az);\n  }\n  if (pos.pitch != 0) {\n    args.e = fmtInt(pos.pitch);\n  }\n}\n\nfunction _fmt(x: string | number | string[]) {\n  if (Array.isArray(x)) {\n    x = x[0];\n  }\n  return parseFloat(x.toString());\n}\n\nexport function getMapPositionForHash(\n  hashData: ParsedQuery<string>,\n  centerPosition: LatLng | null\n): MapPosition {\n  const {\n    x = centerPosition?.lng ?? 0,\n    y = centerPosition?.lat ?? 0,\n    // Different default for zoom depending on whether we have a marker\n    z = centerPosition != null ? 7 : 2,\n    a = 0,\n    e = 0,\n  } = hashData;\n\n  const lng = _fmt(x);\n  const lat = _fmt(y);\n\n  let altitude = null;\n  let zoom = null;\n  const _z = z.toString();\n  if (_z.endsWith(\"km\")) {\n    altitude = _fmt(_z.substring(0, _z.length - 2)) * 1000;\n  } else if (_z.endsWith(\"m\")) {\n    altitude = _fmt(_z.substring(0, _z.length - 1));\n  } else {\n    zoom = _fmt(z);\n  }\n  const bearing = _fmt(a);\n  const pitch = _fmt(e);\n\n  let target = undefined;\n  if (bearing == 0 && pitch == 0 && zoom != null) {\n    target = {\n      lat,\n      lng,\n      zoom,\n    };\n  }\n\n  return {\n    camera: {\n      lng: _fmt(x),\n      lat: _fmt(y),\n      altitude,\n      bearing: _fmt(a),\n      pitch: _fmt(e),\n    },\n    target,\n  };\n}\n"],"names":[],"version":3,"file":"hash-string.62e84f08.js.map"}

package/dist/cjs/helpers.5a745a3a.js.map

@@ -1 +0,0 @@
-{"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\nexport function MapLoadingReporter({\n  ignoredSources,\n  onMapLoading = null,\n  onMapIdle = null,\n  mapIsLoading,\n}) {\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":"helpers.5a745a3a.js.map"}