@macrostrat/map-interface 1.2.2 → 1.2.3

package/dist/node/map-view.77013338.js.map

@@ -0,0 +1 @@
+{"mappings":"A,Q,8C,Q,+C,Q,0C,Q,wC,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,4B,Q,4B,Q,c,Q,a,Q,S,Q,gC,Q,6B,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,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,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,E,S,E,S,E,SC8BU,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/map-view.ts"],"sourcesContent":["require(\"./main.module.24615279.js\");\nrequire(\"./main.module.89f269c7.css\");\nrequire(\"./helpers.6bda171f.js\");\nrequire(\"./utils.dd92f725.js\");\nvar $iE1eH$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $iE1eH$macrostratmapboxreact = require(\"@macrostrat/mapbox-react\");\nvar $iE1eH$macrostratmapboxutils = require(\"@macrostrat/mapbox-utils\");\nvar $iE1eH$classnames = require(\"classnames\");\nvar $iE1eH$mapboxgl = require(\"mapbox-gl\");\nvar $iE1eH$react = require(\"react\");\nrequire(\"mapbox-gl/dist/mapbox-gl.css\");\nvar $iE1eH$macrostratuicomponents = require(\"@macrostrat/ui-components\");\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequire94c2\"];\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[\"parcelRequire94c2\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\n\n\n\n\n\n\nvar $6ULxP = parcelRequire(\"6ULxP\");\n\nvar $7CmOU = parcelRequire(\"7CmOU\");\n\n\nvar $R3my3 = parcelRequire(\"R3my3\");\n\nconst $8c5236898eee97dc$var$h = (0, ($parcel$interopDefault($iE1eH$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($6ULxP))));\nfunction $8c5236898eee97dc$var$defaultInitializeMap(container, args = {}) {\n    const { mapPosition: mapPosition, ...rest } = args;\n    console.log(\"Initializing map (default)\", args);\n    const map = new (0, ($parcel$interopDefault($iE1eH$mapboxgl))).Map({\n        container: container,\n        maxZoom: 18,\n        //maxTileCacheSize: 0,\n        logoPosition: \"bottom-left\",\n        trackResize: true,\n        antialias: true,\n        optimizeForTerrain: true,\n        ...rest\n    });\n    // set initial map position\n    if (mapPosition != null) (0, $iE1eH$macrostratmapboxutils.setMapPosition)(map, mapPosition);\n    //setMapPosition(map, mapPosition);\n    return map;\n}\nconst $8c5236898eee97dc$var$defaultMapPosition = {\n    camera: {\n        lat: 34,\n        lng: -120,\n        altitude: 300000\n    }\n};\nfunction $8c5236898eee97dc$export$ab1e7a67d6ec5ad8(props) {\n    let { terrainSourceID: terrainSourceID } = props;\n    const { enableTerrain: enableTerrain = true, style: style, mapPosition: mapPosition = $8c5236898eee97dc$var$defaultMapPosition, initializeMap: initializeMap = $8c5236898eee97dc$var$defaultInitializeMap, children: children, mapboxToken: mapboxToken, accessToken: // Deprecated\n    accessToken, infoMarkerPosition: infoMarkerPosition, transformRequest: transformRequest, projection: projection, onMapLoaded: onMapLoaded = null, onStyleLoaded: onStyleLoaded = null, onMapMoved: onMapMoved = null, ...rest } = props;\n    if (enableTerrain) terrainSourceID ?? (terrainSourceID = \"mapbox-3d-dem\");\n    const _mapboxToken = mapboxToken ?? accessToken;\n    if (_mapboxToken != null) (0, ($parcel$interopDefault($iE1eH$mapboxgl))).accessToken = _mapboxToken;\n    const dispatch = (0, $iE1eH$macrostratmapboxreact.useMapDispatch)();\n    let mapRef = (0, $iE1eH$macrostratmapboxreact.useMapRef)();\n    const ref = (0, $iE1eH$react.useRef)();\n    const parentRef = (0, $iE1eH$react.useRef)();\n    (0, $iE1eH$macrostratuicomponents.useAsyncEffect)(async ()=>{\n        /** Manager to update map style */ if (style == null) return;\n        let map = mapRef.current;\n        /** If we can, we try to update the map style with terrain information\n     * immediately, before the style is loaded. This allows us to avoid a\n     * flash of the map without terrain.\n     *\n     * To do this, we need to estimate the map position before load, which\n     * doesn't always work.\n     */ // We either get the map position directly from the map or from props\n        const estMapPosition = map == null ? mapPosition : (0, $iE1eH$macrostratmapboxutils.getMapPosition)(map);\n        let newStyle = style;\n        const { mapUse3D: mapUse3D } = (0, $iE1eH$macrostratmapboxutils.mapViewInfo)(estMapPosition);\n        /** If style is a string, we can't update it with terrain layers immediately.\n     * We need to wait for the style to load and then update it.\n     */ if (typeof style === \"string\") newStyle = await (0, $iE1eH$macrostratmapboxutils.getMapboxStyle)(style, {\n            access_token: (0, ($parcel$interopDefault($iE1eH$mapboxgl))).accessToken\n        });\n        if (mapUse3D) // We can update the style with terrain layers immediately\n        newStyle = (0, $iE1eH$macrostratmapboxreact.addTerrainToStyle)(newStyle, terrainSourceID);\n        if (map != null) {\n            console.log(\"Setting style\", newStyle);\n            map.setStyle(newStyle);\n        } else {\n            console.log(\"Initializing map\", newStyle);\n            const map = initializeMap(ref.current, {\n                style: newStyle,\n                projection: projection,\n                mapPosition: mapPosition,\n                transformRequest: transformRequest,\n                ...rest\n            });\n            dispatch({\n                type: \"set-map\",\n                payload: map\n            });\n            map.setPadding((0, $R3my3.getMapPadding)(ref, parentRef), {\n                animate: false\n            });\n            onMapLoaded?.(map);\n        }\n        const loadCallback = ()=>{\n            onStyleLoaded?.(map);\n            // Set initial terrain state\n            dispatch({\n                type: \"set-style-loaded\",\n                payload: true\n            });\n        };\n        map = mapRef.current;\n        if (map.style?._loaded) // Catch a race condition where the style is loaded before the callback is set\n        loadCallback();\n        map.on(\"style.load\", loadCallback);\n        return ()=>{\n            map.off(\"style.load\", loadCallback);\n        };\n    }, [\n        style\n    ]);\n    const _computedMapPosition = (0, $iE1eH$macrostratmapboxreact.useMapPosition)();\n    const { mapUse3D: mapUse3D, mapIsRotated: mapIsRotated } = (0, $iE1eH$macrostratmapboxutils.mapViewInfo)(_computedMapPosition);\n    // Get map projection\n    const _projection = mapRef.current?.getProjection()?.name ?? \"mercator\";\n    const className = (0, ($parcel$interopDefault($iE1eH$classnames)))({\n        \"is-rotated\": mapIsRotated ?? false,\n        \"is-3d-available\": mapUse3D ?? false\n    }, `${_projection}-projection`);\n    return $8c5236898eee97dc$var$h(\"div.map-view-container.main-view\", {\n        ref: parentRef\n    }, [\n        $8c5236898eee97dc$var$h(\"div.mapbox-map#map\", {\n            ref: ref,\n            className: className\n        }),\n        $8c5236898eee97dc$var$h((0, $7CmOU.MapLoadingReporter), {\n            ignoredSources: [\n                \"elevationMarker\",\n                \"crossSectionEndpoints\"\n            ]\n        }),\n        $8c5236898eee97dc$var$h((0, $7CmOU.MapMovedReporter), {\n            onMapMoved: onMapMoved\n        }),\n        $8c5236898eee97dc$var$h((0, $7CmOU.MapResizeManager), {\n            containerRef: ref\n        }),\n        $8c5236898eee97dc$var$h((0, $7CmOU.MapPaddingManager), {\n            containerRef: ref,\n            parentRef: parentRef,\n            infoMarkerPosition: infoMarkerPosition\n        }),\n        $8c5236898eee97dc$var$h($8c5236898eee97dc$export$cee395a8a2a00b29, {\n            mapUse3D: mapUse3D,\n            terrainSourceID: terrainSourceID,\n            style: style\n        }),\n        children\n    ]);\n}\nfunction $8c5236898eee97dc$export$cee395a8a2a00b29({ mapUse3D: mapUse3D, terrainSourceID: terrainSourceID, style: style }) {\n    (0, $iE1eH$macrostratmapboxreact.use3DTerrain)(mapUse3D, terrainSourceID);\n    return null;\n}\n\n\n//# sourceMappingURL=map-view.77013338.js.map\n","import hyper from \"@macrostrat/hyper\";\nimport {\n  useMapRef,\n  useMapDispatch,\n  useMapPosition,\n  setup3DTerrain,\n  use3DTerrain,\n  addTerrainToStyle,\n} from \"@macrostrat/mapbox-react\";\nimport {\n  mapViewInfo,\n  MapPosition,\n  setMapPosition,\n  getMapPosition,\n  getMapboxStyle,\n} from \"@macrostrat/mapbox-utils\";\nimport classNames from \"classnames\";\nimport mapboxgl from \"mapbox-gl\";\nimport { useEffect, useRef } from \"react\";\nimport styles from \"./main.module.sass\";\nimport {\n  MapLoadingReporter,\n  MapMovedReporter,\n  MapPaddingManager,\n  MapResizeManager,\n} from \"./helpers\";\nimport \"mapbox-gl/dist/mapbox-gl.css\";\nimport { getMapPadding } from \"./utils\";\nimport { useAsyncEffect } from \"@macrostrat/ui-components\";\n\nconst h = hyper.styled(styles);\n\ntype MapboxCoreOptions = Omit<mapboxgl.MapboxOptions, \"container\">;\n\nexport interface MapViewProps extends MapboxCoreOptions {\n  showLineSymbols?: boolean;\n  children?: React.ReactNode;\n  mapboxToken?: string;\n  // Deprecated\n  accessToken?: string;\n  terrainSourceID?: string;\n  enableTerrain?: boolean;\n  infoMarkerPosition?: mapboxgl.LngLatLike;\n  mapPosition?: MapPosition;\n  initializeMap?: (\n    container: HTMLElement,\n    args: MapboxOptionsExt\n  ) => mapboxgl.Map;\n  onMapLoaded?: (map: mapboxgl.Map) => void;\n  onStyleLoaded?: (map: mapboxgl.Map) => void;\n  onMapMoved?: (mapPosition: MapPosition, map: mapboxgl.Map) => void;\n}\n\nexport interface MapboxOptionsExt extends MapboxCoreOptions {\n  mapPosition?: MapPosition;\n}\n\nfunction defaultInitializeMap(container, args: MapboxOptionsExt = {}) {\n  const { mapPosition, ...rest } = args;\n  console.log(\"Initializing map (default)\", args);\n\n  const map = new mapboxgl.Map({\n    container,\n    maxZoom: 18,\n    //maxTileCacheSize: 0,\n    logoPosition: \"bottom-left\",\n    trackResize: true,\n    antialias: true,\n    optimizeForTerrain: true,\n    ...rest,\n  });\n\n  // set initial map position\n  if (mapPosition != null) {\n    setMapPosition(map, mapPosition);\n  }\n\n  //setMapPosition(map, mapPosition);\n  return map;\n}\n\nconst defaultMapPosition: MapPosition = {\n  camera: {\n    lat: 34,\n    lng: -120,\n    altitude: 300000,\n  },\n};\n\nexport function MapView(props: MapViewProps) {\n  let { terrainSourceID } = props;\n  const {\n    enableTerrain = true,\n    style,\n    mapPosition = defaultMapPosition,\n    initializeMap = defaultInitializeMap,\n    children,\n    mapboxToken,\n    // Deprecated\n    accessToken,\n    infoMarkerPosition,\n    transformRequest,\n    projection,\n    onMapLoaded = null,\n    onStyleLoaded = null,\n    onMapMoved = null,\n    ...rest\n  } = props;\n  if (enableTerrain) {\n    terrainSourceID ??= \"mapbox-3d-dem\";\n  }\n\n  const _mapboxToken = mapboxToken ?? accessToken;\n\n  if (_mapboxToken != null) {\n    mapboxgl.accessToken = _mapboxToken;\n  }\n\n  const dispatch = useMapDispatch();\n  let mapRef = useMapRef();\n  const ref = useRef<HTMLDivElement>();\n  const parentRef = useRef<HTMLDivElement>();\n\n  useAsyncEffect(async () => {\n    /** Manager to update map style */\n    if (style == null) return;\n    let map = mapRef.current;\n\n    /** If we can, we try to update the map style with terrain information\n     * immediately, before the style is loaded. This allows us to avoid a\n     * flash of the map without terrain.\n     *\n     * To do this, we need to estimate the map position before load, which\n     * doesn't always work.\n     */\n    // We either get the map position directly from the map or from props\n    const estMapPosition: MapPosition | null =\n      map == null ? mapPosition : getMapPosition(map);\n    let newStyle = style;\n    const { mapUse3D } = mapViewInfo(estMapPosition);\n\n    /** If style is a string, we can't update it with terrain layers immediately.\n     * We need to wait for the style to load and then update it.\n     */\n    if (typeof style === \"string\") {\n      newStyle = await getMapboxStyle(style, {\n        access_token: mapboxgl.accessToken,\n      });\n    }\n\n    if (mapUse3D) {\n      // We can update the style with terrain layers immediately\n      newStyle = addTerrainToStyle(newStyle as mapboxgl.Style, terrainSourceID);\n    }\n\n    if (map != null) {\n      console.log(\"Setting style\", newStyle);\n      map.setStyle(newStyle);\n    } else {\n      console.log(\"Initializing map\", newStyle);\n      const map = initializeMap(ref.current, {\n        style: newStyle,\n        projection,\n        mapPosition,\n        transformRequest,\n        ...rest,\n      });\n      dispatch({ type: \"set-map\", payload: map });\n      map.setPadding(getMapPadding(ref, parentRef), { animate: false });\n      onMapLoaded?.(map);\n    }\n\n    const loadCallback = () => {\n      onStyleLoaded?.(map);\n      // Set initial terrain state\n      dispatch({ type: \"set-style-loaded\", payload: true });\n    };\n\n    map = mapRef.current;\n\n    if (map.style?._loaded) {\n      // Catch a race condition where the style is loaded before the callback is set\n      loadCallback();\n    }\n    map.on(\"style.load\", loadCallback);\n    return () => {\n      map.off(\"style.load\", loadCallback);\n    };\n  }, [style]);\n\n  const _computedMapPosition = useMapPosition();\n  const { mapUse3D, mapIsRotated } = mapViewInfo(_computedMapPosition);\n\n  // Get map projection\n  const _projection = mapRef.current?.getProjection()?.name ?? \"mercator\";\n\n  const className = classNames(\n    {\n      \"is-rotated\": mapIsRotated ?? false,\n      \"is-3d-available\": mapUse3D ?? false,\n    },\n    `${_projection}-projection`\n  );\n\n  return h(\"div.map-view-container.main-view\", { ref: parentRef }, [\n    h(\"div.mapbox-map#map\", { ref, className }),\n    h(MapLoadingReporter, {\n      ignoredSources: [\"elevationMarker\", \"crossSectionEndpoints\"],\n    }),\n    h(MapMovedReporter, { onMapMoved }),\n    h(MapResizeManager, { containerRef: ref }),\n    h(MapPaddingManager, { containerRef: ref, parentRef, infoMarkerPosition }),\n    h(MapTerrainManager, { mapUse3D, terrainSourceID, style }),\n    children,\n  ]);\n}\n\nexport function MapTerrainManager({\n  mapUse3D,\n  terrainSourceID,\n  style,\n}: {\n  mapUse3D?: boolean;\n  terrainSourceID?: string;\n  style?: mapboxgl.Style | string;\n}) {\n  use3DTerrain(mapUse3D, terrainSourceID);\n\n  return null;\n}\n"],"names":["require","$iE1eH$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$6ULxP","styled"],"version":3,"file":"map-view.77013338.js.map","sourceRoot":"../../../../"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@macrostrat/map-interface",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "Map interface for Macrostrat",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -11,9 +11,9 @@
     "@blueprintjs/core": "^5.0.0",
     "@macrostrat/color-utils": "^1.0.1",
     "@macrostrat/hyper": "^3.0.6",
-    "@macrostrat/mapbox-react": "^2.5.0",
+    "@macrostrat/mapbox-react": "^2.5.1",
     "@macrostrat/mapbox-utils": "^1.4.0",
-    "@macrostrat/ui-components": "^4.1.2",
+    "@macrostrat/ui-components": "^4.1.3",
     "@mapbox/tilebelt": "^2.0.0",
     "classnames": "^2.5.1",
     "d3-array": "^3.2.4",

package/src/container.ts

@@ -118,7 +118,7 @@ function _MapAreaContainer({
   );
 
   let contextStack = null;
-  if (navbar != null && contextPanel != null) {
+  if (navbar != null || contextPanel != null) {
     contextStack = h(ContextStack, { navbar, ...contextStackProps }, [
       h.if(contextPanelTrans.shouldMount)([contextPanel]),
     ]);

package/src/{map-view/index.ts → map-view.ts}

@@ -3,25 +3,30 @@ import {
   useMapRef,
   useMapDispatch,
   useMapPosition,
+  setup3DTerrain,
+  use3DTerrain,
+  addTerrainToStyle,
 } from "@macrostrat/mapbox-react";
 import {
   mapViewInfo,
   MapPosition,
   setMapPosition,
+  getMapPosition,
+  getMapboxStyle,
 } from "@macrostrat/mapbox-utils";
 import classNames from "classnames";
 import mapboxgl from "mapbox-gl";
-import { useEffect, useRef, useCallback } from "react";
-import styles from "../main.module.sass";
-import { enable3DTerrain } from "./terrain";
+import { useEffect, useRef } from "react";
+import styles from "./main.module.sass";
 import {
   MapLoadingReporter,
   MapMovedReporter,
   MapPaddingManager,
   MapResizeManager,
-} from "../helpers";
+} from "./helpers";
 import "mapbox-gl/dist/mapbox-gl.css";
-import { getMapPadding } from "../utils";
+import { getMapPadding } from "./utils";
+import { useAsyncEffect } from "@macrostrat/ui-components";
 
 const h = hyper.styled(styles);
 
@@ -116,16 +121,45 @@ export function MapView(props: MapViewProps) {
   const ref = useRef<HTMLDivElement>();
   const parentRef = useRef<HTMLDivElement>();
 
-  useEffect(() => {
+  useAsyncEffect(async () => {
+    /** Manager to update map style */
     if (style == null) return;
     let map = mapRef.current;
+
+    /** If we can, we try to update the map style with terrain information
+     * immediately, before the style is loaded. This allows us to avoid a
+     * flash of the map without terrain.
+     *
+     * To do this, we need to estimate the map position before load, which
+     * doesn't always work.
+     */
+    // We either get the map position directly from the map or from props
+    const estMapPosition: MapPosition | null =
+      map == null ? mapPosition : getMapPosition(map);
+    let newStyle = style;
+    const { mapUse3D } = mapViewInfo(estMapPosition);
+
+    /** If style is a string, we can't update it with terrain layers immediately.
+     * We need to wait for the style to load and then update it.
+     */
+    if (typeof style === "string") {
+      newStyle = await getMapboxStyle(style, {
+        access_token: mapboxgl.accessToken,
+      });
+    }
+
+    if (mapUse3D) {
+      // We can update the style with terrain layers immediately
+      newStyle = addTerrainToStyle(newStyle as mapboxgl.Style, terrainSourceID);
+    }
+
     if (map != null) {
-      console.log("Setting style", style);
-      map.setStyle(style);
+      console.log("Setting style", newStyle);
+      map.setStyle(newStyle);
     } else {
-      console.log("Initializing map", style);
+      console.log("Initializing map", newStyle);
       const map = initializeMap(ref.current, {
-        style,
+        style: newStyle,
         projection,
         mapPosition,
         transformRequest,
@@ -138,11 +172,13 @@ export function MapView(props: MapViewProps) {
 
     const loadCallback = () => {
       onStyleLoaded?.(map);
+      // Set initial terrain state
       dispatch({ type: "set-style-loaded", payload: true });
     };
 
     map = mapRef.current;
-    if (map.isStyleLoaded()) {
+
+    if (map.style?._loaded) {
       // Catch a race condition where the style is loaded before the callback is set
       loadCallback();
     }
@@ -174,7 +210,7 @@ export function MapView(props: MapViewProps) {
     h(MapMovedReporter, { onMapMoved }),
     h(MapResizeManager, { containerRef: ref }),
     h(MapPaddingManager, { containerRef: ref, parentRef, infoMarkerPosition }),
-    h(MapTerrainManager, { mapUse3D, terrainSourceID }),
+    h(MapTerrainManager, { mapUse3D, terrainSourceID, style }),
     children,
   ]);
 }
@@ -182,16 +218,13 @@ export function MapView(props: MapViewProps) {
 export function MapTerrainManager({
   mapUse3D,
   terrainSourceID,
+  style,
 }: {
   mapUse3D?: boolean;
   terrainSourceID?: string;
+  style?: mapboxgl.Style | string;
 }) {
-  const mapRef = useMapRef();
+  use3DTerrain(mapUse3D, terrainSourceID);
 
-  useEffect(() => {
-    const map = mapRef.current;
-    if (map == null) return;
-    enable3DTerrain(map, mapUse3D, terrainSourceID);
-  }, [mapRef.current, mapUse3D]);
   return null;
 }

package/dist/cjs/map-view.93363b41.js

@@ -1,167 +0,0 @@
-var $35f1bc0112883d51$exports = require("./main.module.62939ea7.js");
-require("./main.module.f085a193.css");
-var $ecfbeec2ae4211a4$exports = require("./terrain.90f76b4e.js");
-var $2611a7b4364593e5$exports = require("./helpers.0f72ddaf.js");
-var $3490fc4f4bda12f7$exports = require("./utils.26f02633.js");
-var $3Vvow$macrostrathyper = require("@macrostrat/hyper");
-var $3Vvow$macrostratmapboxreact = require("@macrostrat/mapbox-react");
-var $3Vvow$macrostratmapboxutils = require("@macrostrat/mapbox-utils");
-var $3Vvow$classnames = require("classnames");
-var $3Vvow$mapboxgl = require("mapbox-gl");
-var $3Vvow$react = require("react");
-require("mapbox-gl/dist/mapbox-gl.css");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "MapView", () => $12b6032029db16d4$export$ab1e7a67d6ec5ad8);
-$parcel$export(module.exports, "MapTerrainManager", () => $12b6032029db16d4$export$cee395a8a2a00b29);
-
-
-
-
-
-
-
-
-
-
-
-const $12b6032029db16d4$var$h = (0, ($parcel$interopDefault($3Vvow$macrostrathyper))).styled((0, ($parcel$interopDefault($35f1bc0112883d51$exports))));
-function $12b6032029db16d4$var$defaultInitializeMap(container, args = {}) {
-    const { mapPosition: mapPosition, ...rest } = args;
-    console.log("Initializing map (default)", args);
-    const map = new (0, ($parcel$interopDefault($3Vvow$mapboxgl))).Map({
-        container: container,
-        maxZoom: 18,
-        //maxTileCacheSize: 0,
-        logoPosition: "bottom-left",
-        trackResize: true,
-        antialias: true,
-        optimizeForTerrain: true,
-        ...rest
-    });
-    // set initial map position
-    if (mapPosition != null) (0, $3Vvow$macrostratmapboxutils.setMapPosition)(map, mapPosition);
-    //setMapPosition(map, mapPosition);
-    return map;
-}
-const $12b6032029db16d4$var$defaultMapPosition = {
-    camera: {
-        lat: 34,
-        lng: -120,
-        altitude: 300000
-    }
-};
-function $12b6032029db16d4$export$ab1e7a67d6ec5ad8(props) {
-    let { terrainSourceID: terrainSourceID } = props;
-    const { enableTerrain: enableTerrain = true, style: style, mapPosition: mapPosition = $12b6032029db16d4$var$defaultMapPosition, initializeMap: initializeMap = $12b6032029db16d4$var$defaultInitializeMap, children: children, mapboxToken: mapboxToken, accessToken: // Deprecated
-    accessToken, infoMarkerPosition: infoMarkerPosition, transformRequest: transformRequest, projection: projection, onMapLoaded: onMapLoaded = null, onStyleLoaded: onStyleLoaded = null, onMapMoved: onMapMoved = null, ...rest } = props;
-    if (enableTerrain) terrainSourceID ??= "mapbox-3d-dem";
-    const _mapboxToken = mapboxToken ?? accessToken;
-    if (_mapboxToken != null) (0, ($parcel$interopDefault($3Vvow$mapboxgl))).accessToken = _mapboxToken;
-    const dispatch = (0, $3Vvow$macrostratmapboxreact.useMapDispatch)();
-    let mapRef = (0, $3Vvow$macrostratmapboxreact.useMapRef)();
-    const ref = (0, $3Vvow$react.useRef)();
-    const parentRef = (0, $3Vvow$react.useRef)();
-    (0, $3Vvow$react.useEffect)(()=>{
-        if (style == null) return;
-        let map = mapRef.current;
-        if (map != null) {
-            console.log("Setting style", style);
-            map.setStyle(style);
-        } else {
-            console.log("Initializing map", style);
-            const map = initializeMap(ref.current, {
-                style: style,
-                projection: projection,
-                mapPosition: mapPosition,
-                transformRequest: transformRequest,
-                ...rest
-            });
-            dispatch({
-                type: "set-map",
-                payload: map
-            });
-            map.setPadding((0, $3490fc4f4bda12f7$exports.getMapPadding)(ref, parentRef), {
-                animate: false
-            });
-            onMapLoaded?.(map);
-        }
-        const loadCallback = ()=>{
-            onStyleLoaded?.(map);
-            dispatch({
-                type: "set-style-loaded",
-                payload: true
-            });
-        };
-        map = mapRef.current;
-        if (map.isStyleLoaded()) // Catch a race condition where the style is loaded before the callback is set
-        loadCallback();
-        map.on("style.load", loadCallback);
-        return ()=>{
-            map.off("style.load", loadCallback);
-        };
-    }, [
-        style
-    ]);
-    const _computedMapPosition = (0, $3Vvow$macrostratmapboxreact.useMapPosition)();
-    const { mapUse3D: mapUse3D, mapIsRotated: mapIsRotated } = (0, $3Vvow$macrostratmapboxutils.mapViewInfo)(_computedMapPosition);
-    // Get map projection
-    const _projection = mapRef.current?.getProjection()?.name ?? "mercator";
-    const className = (0, ($parcel$interopDefault($3Vvow$classnames)))({
-        "is-rotated": mapIsRotated ?? false,
-        "is-3d-available": mapUse3D ?? false
-    }, `${_projection}-projection`);
-    return $12b6032029db16d4$var$h("div.map-view-container.main-view", {
-        ref: parentRef
-    }, [
-        $12b6032029db16d4$var$h("div.mapbox-map#map", {
-            ref: ref,
-            className: className
-        }),
-        $12b6032029db16d4$var$h((0, $2611a7b4364593e5$exports.MapLoadingReporter), {
-            ignoredSources: [
-                "elevationMarker",
-                "crossSectionEndpoints"
-            ]
-        }),
-        $12b6032029db16d4$var$h((0, $2611a7b4364593e5$exports.MapMovedReporter), {
-            onMapMoved: onMapMoved
-        }),
-        $12b6032029db16d4$var$h((0, $2611a7b4364593e5$exports.MapResizeManager), {
-            containerRef: ref
-        }),
-        $12b6032029db16d4$var$h((0, $2611a7b4364593e5$exports.MapPaddingManager), {
-            containerRef: ref,
-            parentRef: parentRef,
-            infoMarkerPosition: infoMarkerPosition
-        }),
-        $12b6032029db16d4$var$h($12b6032029db16d4$export$cee395a8a2a00b29, {
-            mapUse3D: mapUse3D,
-            terrainSourceID: terrainSourceID
-        }),
-        children
-    ]);
-}
-function $12b6032029db16d4$export$cee395a8a2a00b29({ mapUse3D: mapUse3D, terrainSourceID: terrainSourceID }) {
-    const mapRef = (0, $3Vvow$macrostratmapboxreact.useMapRef)();
-    (0, $3Vvow$react.useEffect)(()=>{
-        const map = mapRef.current;
-        if (map == null) return;
-        (0, $ecfbeec2ae4211a4$exports.enable3DTerrain)(map, mapUse3D, terrainSourceID);
-    }, [
-        mapRef.current,
-        mapUse3D
-    ]);
-    return null;
-}
-
-
-//# sourceMappingURL=map-view.93363b41.js.map

package/dist/cjs/map-view.93363b41.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/map-interface/src/map-view/index.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  useMapRef,\n  useMapDispatch,\n  useMapPosition,\n} from \"@macrostrat/mapbox-react\";\nimport {\n  mapViewInfo,\n  MapPosition,\n  setMapPosition,\n} from \"@macrostrat/mapbox-utils\";\nimport classNames from \"classnames\";\nimport mapboxgl from \"mapbox-gl\";\nimport { useEffect, useRef, useCallback } from \"react\";\nimport styles from \"../main.module.sass\";\nimport { enable3DTerrain } from \"./terrain\";\nimport {\n  MapLoadingReporter,\n  MapMovedReporter,\n  MapPaddingManager,\n  MapResizeManager,\n} from \"../helpers\";\nimport \"mapbox-gl/dist/mapbox-gl.css\";\nimport { getMapPadding } from \"../utils\";\n\nconst h = hyper.styled(styles);\n\ntype MapboxCoreOptions = Omit<mapboxgl.MapboxOptions, \"container\">;\n\nexport interface MapViewProps extends MapboxCoreOptions {\n  showLineSymbols?: boolean;\n  children?: React.ReactNode;\n  mapboxToken?: string;\n  // Deprecated\n  accessToken?: string;\n  terrainSourceID?: string;\n  enableTerrain?: boolean;\n  infoMarkerPosition?: mapboxgl.LngLatLike;\n  mapPosition?: MapPosition;\n  initializeMap?: (\n    container: HTMLElement,\n    args: MapboxOptionsExt\n  ) => mapboxgl.Map;\n  onMapLoaded?: (map: mapboxgl.Map) => void;\n  onStyleLoaded?: (map: mapboxgl.Map) => void;\n  onMapMoved?: (mapPosition: MapPosition, map: mapboxgl.Map) => void;\n}\n\nexport interface MapboxOptionsExt extends MapboxCoreOptions {\n  mapPosition?: MapPosition;\n}\n\nfunction defaultInitializeMap(container, args: MapboxOptionsExt = {}) {\n  const { mapPosition, ...rest } = args;\n  console.log(\"Initializing map (default)\", args);\n\n  const map = new mapboxgl.Map({\n    container,\n    maxZoom: 18,\n    //maxTileCacheSize: 0,\n    logoPosition: \"bottom-left\",\n    trackResize: true,\n    antialias: true,\n    optimizeForTerrain: true,\n    ...rest,\n  });\n\n  // set initial map position\n  if (mapPosition != null) {\n    setMapPosition(map, mapPosition);\n  }\n\n  //setMapPosition(map, mapPosition);\n  return map;\n}\n\nconst defaultMapPosition: MapPosition = {\n  camera: {\n    lat: 34,\n    lng: -120,\n    altitude: 300000,\n  },\n};\n\nexport function MapView(props: MapViewProps) {\n  let { terrainSourceID } = props;\n  const {\n    enableTerrain = true,\n    style,\n    mapPosition = defaultMapPosition,\n    initializeMap = defaultInitializeMap,\n    children,\n    mapboxToken,\n    // Deprecated\n    accessToken,\n    infoMarkerPosition,\n    transformRequest,\n    projection,\n    onMapLoaded = null,\n    onStyleLoaded = null,\n    onMapMoved = null,\n    ...rest\n  } = props;\n  if (enableTerrain) {\n    terrainSourceID ??= \"mapbox-3d-dem\";\n  }\n\n  const _mapboxToken = mapboxToken ?? accessToken;\n\n  if (_mapboxToken != null) {\n    mapboxgl.accessToken = _mapboxToken;\n  }\n\n  const dispatch = useMapDispatch();\n  let mapRef = useMapRef();\n  const ref = useRef<HTMLDivElement>();\n  const parentRef = useRef<HTMLDivElement>();\n\n  useEffect(() => {\n    if (style == null) return;\n    let map = mapRef.current;\n    if (map != null) {\n      console.log(\"Setting style\", style);\n      map.setStyle(style);\n    } else {\n      console.log(\"Initializing map\", style);\n      const map = initializeMap(ref.current, {\n        style,\n        projection,\n        mapPosition,\n        transformRequest,\n        ...rest,\n      });\n      dispatch({ type: \"set-map\", payload: map });\n      map.setPadding(getMapPadding(ref, parentRef), { animate: false });\n      onMapLoaded?.(map);\n    }\n\n    const loadCallback = () => {\n      onStyleLoaded?.(map);\n      dispatch({ type: \"set-style-loaded\", payload: true });\n    };\n\n    map = mapRef.current;\n    if (map.isStyleLoaded()) {\n      // Catch a race condition where the style is loaded before the callback is set\n      loadCallback();\n    }\n    map.on(\"style.load\", loadCallback);\n    return () => {\n      map.off(\"style.load\", loadCallback);\n    };\n  }, [style]);\n\n  const _computedMapPosition = useMapPosition();\n  const { mapUse3D, mapIsRotated } = mapViewInfo(_computedMapPosition);\n\n  // Get map projection\n  const _projection = mapRef.current?.getProjection()?.name ?? \"mercator\";\n\n  const className = classNames(\n    {\n      \"is-rotated\": mapIsRotated ?? false,\n      \"is-3d-available\": mapUse3D ?? false,\n    },\n    `${_projection}-projection`\n  );\n\n  return h(\"div.map-view-container.main-view\", { ref: parentRef }, [\n    h(\"div.mapbox-map#map\", { ref, className }),\n    h(MapLoadingReporter, {\n      ignoredSources: [\"elevationMarker\", \"crossSectionEndpoints\"],\n    }),\n    h(MapMovedReporter, { onMapMoved }),\n    h(MapResizeManager, { containerRef: ref }),\n    h(MapPaddingManager, { containerRef: ref, parentRef, infoMarkerPosition }),\n    h(MapTerrainManager, { mapUse3D, terrainSourceID }),\n    children,\n  ]);\n}\n\nexport function MapTerrainManager({\n  mapUse3D,\n  terrainSourceID,\n}: {\n  mapUse3D?: boolean;\n  terrainSourceID?: string;\n}) {\n  const mapRef = useMapRef();\n\n  useEffect(() => {\n    const map = mapRef.current;\n    if (map == null) return;\n    enable3DTerrain(map, mapUse3D, terrainSourceID);\n  }, [mapRef.current, mapUse3D]);\n  return null;\n}\n"],"names":[],"version":3,"file":"map-view.93363b41.js.map"}

package/dist/cjs/terrain.90f76b4e.js

@@ -1,59 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "enable3DTerrain", () => $ecfbeec2ae4211a4$export$b730542ee281c4b1);
-// We should merge this with code in @macrostrat/mapbox-react/src/terrain.ts:
-function $ecfbeec2ae4211a4$export$b730542ee281c4b1(map, shouldEnable, sourceID = null) {
-    if (!map.style?._loaded) {
-        map.once("style.load", ()=>{
-            $ecfbeec2ae4211a4$export$b730542ee281c4b1(map, shouldEnable, sourceID);
-        });
-        return;
-    }
-    const currentTerrainSource = $ecfbeec2ae4211a4$var$getTerrainSourceID(map);
-    let demSourceID = sourceID ?? currentTerrainSource ?? "mapbox-dem";
-    console.log("Enabling 3D terrain with source", demSourceID);
-    // Enable or disable terrain depending on our current desires...
-    const currentTerrain = map.getTerrain();
-    if (!shouldEnable) {
-        if (currentTerrain != null) map.setTerrain(null);
-        return;
-    }
-    if (currentTerrain != null) return;
-    // Add a DEM source if one is not found already.
-    if (map.getSource(demSourceID) == null) map.addSource(demSourceID, {
-        type: "raster-dem",
-        url: "mapbox://mapbox.mapbox-terrain-dem-v1",
-        tileSize: 512,
-        maxzoom: 14
-    });
-    // add a sky layer that will show when the map is highly pitched
-    if (map.getLayer("sky") == null) map.addLayer({
-        id: "sky",
-        type: "sky",
-        paint: {
-            "sky-type": "atmosphere",
-            "sky-atmosphere-sun": [
-                0.0,
-                0.0
-            ],
-            "sky-atmosphere-sun-intensity": 15
-        }
-    });
-    map.setTerrain({
-        source: demSourceID,
-        exaggeration: 1
-    });
-    console.log(map.getTerrain());
-}
-function $ecfbeec2ae4211a4$var$getTerrainSourceID(map) {
-    for (const [key, source] of Object.entries(map.getStyle().sources)){
-        if (source.type == "raster-dem") return key;
-    }
-    return null;
-}
-
-
-//# sourceMappingURL=terrain.90f76b4e.js.map

package/dist/cjs/terrain.90f76b4e.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;AAAA,6EAA6E;AAEtE,SAAS,0CACd,GAAG,EACH,YAAqB,EACrB,WAA0B,IAAI;IAE9B,IAAI,CAAC,IAAI,KAAK,EAAE,SAAS;QACvB,IAAI,IAAI,CAAC,cAAc;YACrB,0CAAgB,KAAK,cAAc;QACrC;QACA;IACF;IAEA,MAAM,uBAAuB,yCAAmB;IAChD,IAAI,cAAc,YAAY,wBAAwB;IAEtD,QAAQ,GAAG,CAAC,mCAAmC;IAE/C,gEAAgE;IAChE,MAAM,iBAAiB,IAAI,UAAU;IAErC,IAAI,CAAC,cAAc;QACjB,IAAI,kBAAkB,MAAM,IAAI,UAAU,CAAC;QAC3C;IACF;IACA,IAAI,kBAAkB,MAAM;IAE5B,gDAAgD;IAChD,IAAI,IAAI,SAAS,CAAC,gBAAgB,MAChC,IAAI,SAAS,CAAC,aAAa;QACzB,MAAM;QACN,KAAK;QACL,UAAU;QACV,SAAS;IACX;IAGF,gEAAgE;IAChE,IAAI,IAAI,QAAQ,CAAC,UAAU,MACzB,IAAI,QAAQ,CAAC;QACX,IAAI;QACJ,MAAM;QACN,OAAO;YACL,YAAY;YACZ,sBAAsB;gBAAC;gBAAK;aAAI;YAChC,gCAAgC;QAClC;IACF;IAGF,IAAI,UAAU,CAAC;QAAE,QAAQ;QAAa,cAAc;IAAE;IACtD,QAAQ,GAAG,CAAC,IAAI,UAAU;AAC5B;AAEA,SAAS,yCAAmB,GAAG;IAC7B,KAAK,MAAM,CAAC,KAAK,OAAO,IAAI,OAAO,OAAO,CAAC,IAAI,QAAQ,GAAG,OAAO,EAAG;QAClE,IAAI,OAAO,IAAI,IAAI,cACjB,OAAO;IAEX;IACA,OAAO;AACT","sources":["packages/map-interface/src/map-view/terrain.ts"],"sourcesContent":["// We should merge this with code in @macrostrat/mapbox-react/src/terrain.ts:\n\nexport function enable3DTerrain(\n  map,\n  shouldEnable: boolean,\n  sourceID: string | null = null\n) {\n  if (!map.style?._loaded) {\n    map.once(\"style.load\", () => {\n      enable3DTerrain(map, shouldEnable, sourceID);\n    });\n    return;\n  }\n\n  const currentTerrainSource = getTerrainSourceID(map);\n  let demSourceID = sourceID ?? currentTerrainSource ?? \"mapbox-dem\";\n\n  console.log(\"Enabling 3D terrain with source\", demSourceID);\n\n  // Enable or disable terrain depending on our current desires...\n  const currentTerrain = map.getTerrain();\n\n  if (!shouldEnable) {\n    if (currentTerrain != null) map.setTerrain(null);\n    return;\n  }\n  if (currentTerrain != null) return;\n\n  // Add a DEM source if one is not found already.\n  if (map.getSource(demSourceID) == null) {\n    map.addSource(demSourceID, {\n      type: \"raster-dem\",\n      url: \"mapbox://mapbox.mapbox-terrain-dem-v1\",\n      tileSize: 512,\n      maxzoom: 14,\n    });\n  }\n\n  // add a sky layer that will show when the map is highly pitched\n  if (map.getLayer(\"sky\") == null) {\n    map.addLayer({\n      id: \"sky\",\n      type: \"sky\",\n      paint: {\n        \"sky-type\": \"atmosphere\",\n        \"sky-atmosphere-sun\": [0.0, 0.0],\n        \"sky-atmosphere-sun-intensity\": 15,\n      },\n    });\n  }\n\n  map.setTerrain({ source: demSourceID, exaggeration: 1 });\n  console.log(map.getTerrain());\n}\n\nfunction getTerrainSourceID(map) {\n  for (const [key, source] of Object.entries(map.getStyle().sources)) {\n    if (source.type == \"raster-dem\") {\n      return key;\n    }\n  }\n  return null;\n}\n"],"names":[],"version":3,"file":"terrain.90f76b4e.js.map"}

package/dist/esm/map-view.a3fe6257.js

@@ -1,161 +0,0 @@
-import $44I7C$mainmodulef70e002bjs from "./main.module.f70e002b.js";
-import "../cjs/main.module.f085a193.css";
-import {enable3DTerrain as $286fbb15f2139dc1$export$b730542ee281c4b1} from "./terrain.f65cf7c5.js";
-import {MapLoadingReporter as $4bc3dd5f0732eed3$export$e57f9eaa51773f82, MapMovedReporter as $4bc3dd5f0732eed3$export$f6eeee399afc4e9a, MapResizeManager as $4bc3dd5f0732eed3$export$31b2e088aff2dc5d, MapPaddingManager as $4bc3dd5f0732eed3$export$2ab96428dea558d6} from "./helpers.fb1d7227.js";
-import {getMapPadding as $82fe09613877ffc2$export$bb78f9f01775eef1} from "./utils.d40349f0.js";
-import $44I7C$macrostrathyper from "@macrostrat/hyper";
-import {useMapDispatch as $44I7C$useMapDispatch, useMapRef as $44I7C$useMapRef, useMapPosition as $44I7C$useMapPosition} from "@macrostrat/mapbox-react";
-import {setMapPosition as $44I7C$setMapPosition, mapViewInfo as $44I7C$mapViewInfo} from "@macrostrat/mapbox-utils";
-import $44I7C$classnames from "classnames";
-import $44I7C$mapboxgl from "mapbox-gl";
-import {useRef as $44I7C$useRef, useEffect as $44I7C$useEffect} from "react";
-import "mapbox-gl/dist/mapbox-gl.css";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-
-
-
-
-
-const $9e150e311a3261e9$var$h = (0, $44I7C$macrostrathyper).styled((0, ($parcel$interopDefault($44I7C$mainmodulef70e002bjs))));
-function $9e150e311a3261e9$var$defaultInitializeMap(container, args = {}) {
-    const { mapPosition: mapPosition, ...rest } = args;
-    console.log("Initializing map (default)", args);
-    const map = new (0, $44I7C$mapboxgl).Map({
-        container: container,
-        maxZoom: 18,
-        //maxTileCacheSize: 0,
-        logoPosition: "bottom-left",
-        trackResize: true,
-        antialias: true,
-        optimizeForTerrain: true,
-        ...rest
-    });
-    // set initial map position
-    if (mapPosition != null) (0, $44I7C$setMapPosition)(map, mapPosition);
-    //setMapPosition(map, mapPosition);
-    return map;
-}
-const $9e150e311a3261e9$var$defaultMapPosition = {
-    camera: {
-        lat: 34,
-        lng: -120,
-        altitude: 300000
-    }
-};
-function $9e150e311a3261e9$export$ab1e7a67d6ec5ad8(props) {
-    let { terrainSourceID: terrainSourceID } = props;
-    const { enableTerrain: enableTerrain = true, style: style, mapPosition: mapPosition = $9e150e311a3261e9$var$defaultMapPosition, initializeMap: initializeMap = $9e150e311a3261e9$var$defaultInitializeMap, children: children, mapboxToken: mapboxToken, accessToken: // Deprecated
-    accessToken, infoMarkerPosition: infoMarkerPosition, transformRequest: transformRequest, projection: projection, onMapLoaded: onMapLoaded = null, onStyleLoaded: onStyleLoaded = null, onMapMoved: onMapMoved = null, ...rest } = props;
-    if (enableTerrain) terrainSourceID ??= "mapbox-3d-dem";
-    const _mapboxToken = mapboxToken ?? accessToken;
-    if (_mapboxToken != null) (0, $44I7C$mapboxgl).accessToken = _mapboxToken;
-    const dispatch = (0, $44I7C$useMapDispatch)();
-    let mapRef = (0, $44I7C$useMapRef)();
-    const ref = (0, $44I7C$useRef)();
-    const parentRef = (0, $44I7C$useRef)();
-    (0, $44I7C$useEffect)(()=>{
-        if (style == null) return;
-        let map = mapRef.current;
-        if (map != null) {
-            console.log("Setting style", style);
-            map.setStyle(style);
-        } else {
-            console.log("Initializing map", style);
-            const map = initializeMap(ref.current, {
-                style: style,
-                projection: projection,
-                mapPosition: mapPosition,
-                transformRequest: transformRequest,
-                ...rest
-            });
-            dispatch({
-                type: "set-map",
-                payload: map
-            });
-            map.setPadding((0, $82fe09613877ffc2$export$bb78f9f01775eef1)(ref, parentRef), {
-                animate: false
-            });
-            onMapLoaded?.(map);
-        }
-        const loadCallback = ()=>{
-            onStyleLoaded?.(map);
-            dispatch({
-                type: "set-style-loaded",
-                payload: true
-            });
-        };
-        map = mapRef.current;
-        if (map.isStyleLoaded()) // Catch a race condition where the style is loaded before the callback is set
-        loadCallback();
-        map.on("style.load", loadCallback);
-        return ()=>{
-            map.off("style.load", loadCallback);
-        };
-    }, [
-        style
-    ]);
-    const _computedMapPosition = (0, $44I7C$useMapPosition)();
-    const { mapUse3D: mapUse3D, mapIsRotated: mapIsRotated } = (0, $44I7C$mapViewInfo)(_computedMapPosition);
-    // Get map projection
-    const _projection = mapRef.current?.getProjection()?.name ?? "mercator";
-    const className = (0, $44I7C$classnames)({
-        "is-rotated": mapIsRotated ?? false,
-        "is-3d-available": mapUse3D ?? false
-    }, `${_projection}-projection`);
-    return $9e150e311a3261e9$var$h("div.map-view-container.main-view", {
-        ref: parentRef
-    }, [
-        $9e150e311a3261e9$var$h("div.mapbox-map#map", {
-            ref: ref,
-            className: className
-        }),
-        $9e150e311a3261e9$var$h((0, $4bc3dd5f0732eed3$export$e57f9eaa51773f82), {
-            ignoredSources: [
-                "elevationMarker",
-                "crossSectionEndpoints"
-            ]
-        }),
-        $9e150e311a3261e9$var$h((0, $4bc3dd5f0732eed3$export$f6eeee399afc4e9a), {
-            onMapMoved: onMapMoved
-        }),
-        $9e150e311a3261e9$var$h((0, $4bc3dd5f0732eed3$export$31b2e088aff2dc5d), {
-            containerRef: ref
-        }),
-        $9e150e311a3261e9$var$h((0, $4bc3dd5f0732eed3$export$2ab96428dea558d6), {
-            containerRef: ref,
-            parentRef: parentRef,
-            infoMarkerPosition: infoMarkerPosition
-        }),
-        $9e150e311a3261e9$var$h($9e150e311a3261e9$export$cee395a8a2a00b29, {
-            mapUse3D: mapUse3D,
-            terrainSourceID: terrainSourceID
-        }),
-        children
-    ]);
-}
-function $9e150e311a3261e9$export$cee395a8a2a00b29({ mapUse3D: mapUse3D, terrainSourceID: terrainSourceID }) {
-    const mapRef = (0, $44I7C$useMapRef)();
-    (0, $44I7C$useEffect)(()=>{
-        const map = mapRef.current;
-        if (map == null) return;
-        (0, $286fbb15f2139dc1$export$b730542ee281c4b1)(map, mapUse3D, terrainSourceID);
-    }, [
-        mapRef.current,
-        mapUse3D
-    ]);
-    return null;
-}
-
-
-export {$9e150e311a3261e9$export$ab1e7a67d6ec5ad8 as MapView, $9e150e311a3261e9$export$cee395a8a2a00b29 as MapTerrainManager};
-//# sourceMappingURL=map-view.a3fe6257.js.map

package/dist/esm/map-view.a3fe6257.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/map-interface/src/map-view/index.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  useMapRef,\n  useMapDispatch,\n  useMapPosition,\n} from \"@macrostrat/mapbox-react\";\nimport {\n  mapViewInfo,\n  MapPosition,\n  setMapPosition,\n} from \"@macrostrat/mapbox-utils\";\nimport classNames from \"classnames\";\nimport mapboxgl from \"mapbox-gl\";\nimport { useEffect, useRef, useCallback } from \"react\";\nimport styles from \"../main.module.sass\";\nimport { enable3DTerrain } from \"./terrain\";\nimport {\n  MapLoadingReporter,\n  MapMovedReporter,\n  MapPaddingManager,\n  MapResizeManager,\n} from \"../helpers\";\nimport \"mapbox-gl/dist/mapbox-gl.css\";\nimport { getMapPadding } from \"../utils\";\n\nconst h = hyper.styled(styles);\n\ntype MapboxCoreOptions = Omit<mapboxgl.MapboxOptions, \"container\">;\n\nexport interface MapViewProps extends MapboxCoreOptions {\n  showLineSymbols?: boolean;\n  children?: React.ReactNode;\n  mapboxToken?: string;\n  // Deprecated\n  accessToken?: string;\n  terrainSourceID?: string;\n  enableTerrain?: boolean;\n  infoMarkerPosition?: mapboxgl.LngLatLike;\n  mapPosition?: MapPosition;\n  initializeMap?: (\n    container: HTMLElement,\n    args: MapboxOptionsExt\n  ) => mapboxgl.Map;\n  onMapLoaded?: (map: mapboxgl.Map) => void;\n  onStyleLoaded?: (map: mapboxgl.Map) => void;\n  onMapMoved?: (mapPosition: MapPosition, map: mapboxgl.Map) => void;\n}\n\nexport interface MapboxOptionsExt extends MapboxCoreOptions {\n  mapPosition?: MapPosition;\n}\n\nfunction defaultInitializeMap(container, args: MapboxOptionsExt = {}) {\n  const { mapPosition, ...rest } = args;\n  console.log(\"Initializing map (default)\", args);\n\n  const map = new mapboxgl.Map({\n    container,\n    maxZoom: 18,\n    //maxTileCacheSize: 0,\n    logoPosition: \"bottom-left\",\n    trackResize: true,\n    antialias: true,\n    optimizeForTerrain: true,\n    ...rest,\n  });\n\n  // set initial map position\n  if (mapPosition != null) {\n    setMapPosition(map, mapPosition);\n  }\n\n  //setMapPosition(map, mapPosition);\n  return map;\n}\n\nconst defaultMapPosition: MapPosition = {\n  camera: {\n    lat: 34,\n    lng: -120,\n    altitude: 300000,\n  },\n};\n\nexport function MapView(props: MapViewProps) {\n  let { terrainSourceID } = props;\n  const {\n    enableTerrain = true,\n    style,\n    mapPosition = defaultMapPosition,\n    initializeMap = defaultInitializeMap,\n    children,\n    mapboxToken,\n    // Deprecated\n    accessToken,\n    infoMarkerPosition,\n    transformRequest,\n    projection,\n    onMapLoaded = null,\n    onStyleLoaded = null,\n    onMapMoved = null,\n    ...rest\n  } = props;\n  if (enableTerrain) {\n    terrainSourceID ??= \"mapbox-3d-dem\";\n  }\n\n  const _mapboxToken = mapboxToken ?? accessToken;\n\n  if (_mapboxToken != null) {\n    mapboxgl.accessToken = _mapboxToken;\n  }\n\n  const dispatch = useMapDispatch();\n  let mapRef = useMapRef();\n  const ref = useRef<HTMLDivElement>();\n  const parentRef = useRef<HTMLDivElement>();\n\n  useEffect(() => {\n    if (style == null) return;\n    let map = mapRef.current;\n    if (map != null) {\n      console.log(\"Setting style\", style);\n      map.setStyle(style);\n    } else {\n      console.log(\"Initializing map\", style);\n      const map = initializeMap(ref.current, {\n        style,\n        projection,\n        mapPosition,\n        transformRequest,\n        ...rest,\n      });\n      dispatch({ type: \"set-map\", payload: map });\n      map.setPadding(getMapPadding(ref, parentRef), { animate: false });\n      onMapLoaded?.(map);\n    }\n\n    const loadCallback = () => {\n      onStyleLoaded?.(map);\n      dispatch({ type: \"set-style-loaded\", payload: true });\n    };\n\n    map = mapRef.current;\n    if (map.isStyleLoaded()) {\n      // Catch a race condition where the style is loaded before the callback is set\n      loadCallback();\n    }\n    map.on(\"style.load\", loadCallback);\n    return () => {\n      map.off(\"style.load\", loadCallback);\n    };\n  }, [style]);\n\n  const _computedMapPosition = useMapPosition();\n  const { mapUse3D, mapIsRotated } = mapViewInfo(_computedMapPosition);\n\n  // Get map projection\n  const _projection = mapRef.current?.getProjection()?.name ?? \"mercator\";\n\n  const className = classNames(\n    {\n      \"is-rotated\": mapIsRotated ?? false,\n      \"is-3d-available\": mapUse3D ?? false,\n    },\n    `${_projection}-projection`\n  );\n\n  return h(\"div.map-view-container.main-view\", { ref: parentRef }, [\n    h(\"div.mapbox-map#map\", { ref, className }),\n    h(MapLoadingReporter, {\n      ignoredSources: [\"elevationMarker\", \"crossSectionEndpoints\"],\n    }),\n    h(MapMovedReporter, { onMapMoved }),\n    h(MapResizeManager, { containerRef: ref }),\n    h(MapPaddingManager, { containerRef: ref, parentRef, infoMarkerPosition }),\n    h(MapTerrainManager, { mapUse3D, terrainSourceID }),\n    children,\n  ]);\n}\n\nexport function MapTerrainManager({\n  mapUse3D,\n  terrainSourceID,\n}: {\n  mapUse3D?: boolean;\n  terrainSourceID?: string;\n}) {\n  const mapRef = useMapRef();\n\n  useEffect(() => {\n    const map = mapRef.current;\n    if (map == null) return;\n    enable3DTerrain(map, mapUse3D, terrainSourceID);\n  }, [mapRef.current, mapUse3D]);\n  return null;\n}\n"],"names":[],"version":3,"file":"map-view.a3fe6257.js.map"}