@macrostrat/map-interface 1.6.0 → 2.0.0

package/dist/hash-string.js

@@ -0,0 +1,81 @@
+import { formatCoordForZoomLevel } from "@macrostrat/mapbox-utils";
+const fmt1 = (x) => x.toFixed(1);
+const fmt2 = (x) => x.toFixed(2);
+const fmtInt = (x) => Math.round(x).toString();
+function applyMapPositionToHash(args, mapPosition) {
+  const pos = mapPosition?.camera;
+  if (pos == null) return;
+  const zoom = mapPosition.target?.zoom;
+  args.x = formatCoordForZoomLevel(pos.lng, zoom);
+  args.y = formatCoordForZoomLevel(pos.lat, zoom);
+  if (pos.bearing == 0 && pos.pitch == 0 && zoom != null) {
+    args.z = fmt1(zoom);
+  } else if (pos.altitude != null) {
+    if (pos.altitude > 5e3) {
+      args.z = fmt2(pos.altitude / 1e3) + "km";
+    } else {
+      args.z = fmtInt(pos.altitude) + "m";
+    }
+  }
+  if (pos.bearing != 0) {
+    let az = pos.bearing;
+    if (az < 0) az += 360;
+    args.a = fmtInt(az);
+  }
+  if (pos.pitch != 0) {
+    args.e = fmtInt(pos.pitch);
+  }
+}
+function _fmt(x) {
+  if (Array.isArray(x)) {
+    x = x[0];
+  }
+  return parseFloat(x.toString());
+}
+function getMapPositionForHash(hashData, centerPosition) {
+  const {
+    x = centerPosition?.lng ?? 0,
+    y = centerPosition?.lat ?? 0,
+    // Different default for zoom depending on whether we have a marker
+    z = centerPosition != null ? 7 : 2,
+    a = 0,
+    e = 0
+  } = hashData;
+  const lng = _fmt(x);
+  const lat = _fmt(y);
+  let altitude = null;
+  let zoom = null;
+  const _z = z.toString();
+  if (_z.endsWith("km")) {
+    altitude = _fmt(_z.substring(0, _z.length - 2)) * 1e3;
+  } else if (_z.endsWith("m")) {
+    altitude = _fmt(_z.substring(0, _z.length - 1));
+  } else {
+    zoom = _fmt(z);
+  }
+  const bearing = _fmt(a);
+  const pitch = _fmt(e);
+  let target = void 0;
+  if (bearing == 0 && pitch == 0 && zoom != null) {
+    target = {
+      lat,
+      lng,
+      zoom
+    };
+  }
+  return {
+    camera: {
+      lng: _fmt(x),
+      lat: _fmt(y),
+      altitude,
+      bearing: _fmt(a),
+      pitch: _fmt(e)
+    },
+    target
+  };
+}
+export {
+  applyMapPositionToHash,
+  getMapPositionForHash
+};
+//# sourceMappingURL=hash-string.js.map

package/dist/hash-string.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash-string.js","sources":["../src/hash-string.ts"],"sourcesContent":["import {\n  LatLng,\n  MapPosition,\n  formatCoordForZoomLevel,\n} from \"@macrostrat/mapbox-utils\";\nimport { ParsedQuery } from \"query-string\";\n\ninterface LocationHashParams {\n  x?: string;\n  y?: string;\n  z?: string;\n  a?: string;\n  e?: string;\n}\n\nconst fmt1 = (x: number) => x.toFixed(1);\nconst fmt2 = (x: number) => x.toFixed(2);\nconst fmtInt = (x: number) => Math.round(x).toString();\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":[],"mappings":";AAeA,MAAM,OAAO,CAAC,MAAc,EAAE,QAAQ,CAAC;AACvC,MAAM,OAAO,CAAC,MAAc,EAAE,QAAQ,CAAC;AACvC,MAAM,SAAS,CAAC,MAAc,KAAK,MAAM,CAAC,EAAE,SAAA;AAErC,SAAS,uBACd,MACA,aACA;AACA,QAAM,MAAM,aAAa;AACzB,MAAI,OAAO,KAAM;AACjB,QAAM,OAAO,YAAY,QAAQ;AAEjC,OAAK,IAAI,wBAAwB,IAAI,KAAK,IAAI;AAC9C,OAAK,IAAI,wBAAwB,IAAI,KAAK,IAAI;AAE9C,MAAI,IAAI,WAAW,KAAK,IAAI,SAAS,KAAK,QAAQ,MAAM;AACtD,SAAK,IAAI,KAAK,IAAI;AAAA,EACpB,WAAW,IAAI,YAAY,MAAM;AAC/B,QAAI,IAAI,WAAW,KAAM;AACvB,WAAK,IAAI,KAAK,IAAI,WAAW,GAAI,IAAI;AAAA,IACvC,OAAO;AACL,WAAK,IAAI,OAAO,IAAI,QAAQ,IAAI;AAAA,IAClC;AAAA,EACF;AACA,MAAI,IAAI,WAAW,GAAG;AACpB,QAAI,KAAK,IAAI;AACb,QAAI,KAAK,EAAG,OAAM;AAClB,SAAK,IAAI,OAAO,EAAE;AAAA,EACpB;AACA,MAAI,IAAI,SAAS,GAAG;AAClB,SAAK,IAAI,OAAO,IAAI,KAAK;AAAA,EAC3B;AACF;AAEA,SAAS,KAAK,GAA+B;AAC3C,MAAI,MAAM,QAAQ,CAAC,GAAG;AACpB,QAAI,EAAE,CAAC;AAAA,EACT;AACA,SAAO,WAAW,EAAE,UAAU;AAChC;AAEO,SAAS,sBACd,UACA,gBACa;AACb,QAAM;AAAA,IACJ,IAAI,gBAAgB,OAAO;AAAA,IAC3B,IAAI,gBAAgB,OAAO;AAAA;AAAA,IAE3B,IAAI,kBAAkB,OAAO,IAAI;AAAA,IACjC,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,IACF;AAEJ,QAAM,MAAM,KAAK,CAAC;AAClB,QAAM,MAAM,KAAK,CAAC;AAElB,MAAI,WAAW;AACf,MAAI,OAAO;AACX,QAAM,KAAK,EAAE,SAAA;AACb,MAAI,GAAG,SAAS,IAAI,GAAG;AACrB,eAAW,KAAK,GAAG,UAAU,GAAG,GAAG,SAAS,CAAC,CAAC,IAAI;AAAA,EACpD,WAAW,GAAG,SAAS,GAAG,GAAG;AAC3B,eAAW,KAAK,GAAG,UAAU,GAAG,GAAG,SAAS,CAAC,CAAC;AAAA,EAChD,OAAO;AACL,WAAO,KAAK,CAAC;AAAA,EACf;AACA,QAAM,UAAU,KAAK,CAAC;AACtB,QAAM,QAAQ,KAAK,CAAC;AAEpB,MAAI,SAAS;AACb,MAAI,WAAW,KAAK,SAAS,KAAK,QAAQ,MAAM;AAC9C,aAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,KAAK,KAAK,CAAC;AAAA,MACX,KAAK,KAAK,CAAC;AAAA,MACX;AAAA,MACA,SAAS,KAAK,CAAC;AAAA,MACf,OAAO,KAAK,CAAC;AAAA,IAAA;AAAA,IAEf;AAAA,EAAA;AAEJ;"}

package/dist/helpers.cjs

@@ -0,0 +1,162 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const mapboxReact = require("@macrostrat/mapbox-react");
+const React = require("react");
+const underscore = require("underscore");
+const useResizeObserver = require("use-resize-observer");
+const mapboxUtils = require("@macrostrat/mapbox-utils");
+const utils = require("./utils.cjs");
+const uiComponents = require("@macrostrat/ui-components");
+function MapResizeManager({ containerRef }) {
+  const mapRef = mapboxReact.useMapRef();
+  const debouncedResize = React.useRef(
+    underscore.debounce(() => {
+      mapRef.current?.resize();
+    }, 100)
+  );
+  useResizeObserver({
+    ref: containerRef,
+    onResize: debouncedResize.current
+  });
+  return null;
+}
+function MapPaddingManager({
+  containerRef,
+  parentRef,
+  infoMarkerPosition,
+  debounceTime = 200
+}) {
+  const mapRef = mapboxReact.useMapRef();
+  const [padding, setPadding] = React.useState(
+    utils.getMapPadding(containerRef, parentRef)
+  );
+  const _updateMapPadding = React.useCallback(() => {
+    const newPadding = utils.getMapPadding(containerRef, parentRef);
+    setPadding(newPadding);
+  }, [containerRef.current, parentRef.current]);
+  const updateMapPadding = React.useMemo(
+    () => underscore.debounce(_updateMapPadding, debounceTime),
+    [_updateMapPadding, debounceTime]
+  );
+  React.useEffect(() => {
+    const map = mapRef.current;
+    if (map == null) return;
+    updateMapPadding();
+  }, [mapRef.current]);
+  useResizeObserver({
+    ref: parentRef,
+    onResize(sz) {
+      updateMapPadding();
+    },
+    round(n) {
+      return Math.round(n);
+    }
+  });
+  mapboxReact.useMapEaseTo({ center: infoMarkerPosition, padding });
+  return null;
+}
+function MapMovedReporter({ onMapMoved = null }) {
+  const mapRef = mapboxReact.useMapRef();
+  const dispatch = mapboxReact.useMapDispatch();
+  const isInitialized = mapboxReact.useMapInitialized();
+  const mapMovedCallback = React.useCallback(() => {
+    const map = mapRef.current;
+    if (map == null) return;
+    const mapPosition = mapboxUtils.getMapPosition(map);
+    dispatch({ type: "map-moved", payload: mapPosition });
+    onMapMoved?.(mapPosition, map);
+  }, [onMapMoved, dispatch, isInitialized]);
+  React.useEffect(() => {
+    const map = mapRef.current;
+    if (map == null) return;
+    mapMovedCallback();
+    const cb = underscore.debounce(mapMovedCallback, 100);
+    map.on("moveend", cb);
+    return () => {
+      map?.off("moveend", cb);
+    };
+  }, [mapMovedCallback]);
+  return null;
+}
+function MapLoadingReporter({
+  ignoredSources,
+  onMapLoading = null,
+  onMapIdle = null,
+  mapIsLoading
+}) {
+  const mapRef = mapboxReact.useMapRef();
+  const loadingRef = React.useRef(false);
+  const dispatch = mapboxReact.useMapDispatch();
+  const isInitialized = mapboxReact.useMapInitialized();
+  React.useEffect(() => {
+    const map = mapRef.current;
+    const mapIsLoading2 = loadingRef.current;
+    if (map == null) return;
+    const loadingCallback = (evt) => {
+      if (ignoredSources.includes(evt.sourceId) || mapIsLoading2) return;
+      onMapLoading?.(evt);
+      dispatch({ type: "set-loading", payload: true });
+      loadingRef.current = true;
+    };
+    const idleCallback = (evt) => {
+      if (!map.loaded()) return;
+      dispatch({ type: "set-loading", payload: false });
+      loadingRef.current = false;
+      onMapIdle?.(evt);
+    };
+    map.on("sourcedataloading", loadingCallback);
+    map.on("idle", idleCallback);
+    return () => {
+      map?.off("sourcedataloading", loadingCallback);
+      map?.off("idle", idleCallback);
+    };
+  }, [ignoredSources, mapIsLoading, isInitialized]);
+  return null;
+}
+function MapMarker({ position, setPosition, centerMarker = true }) {
+  const mapRef = mapboxReact.useMapRef();
+  const markerRef = React.useRef(null);
+  const isInitialized = mapboxReact.useMapInitialized();
+  utils.useMapMarker(mapRef, markerRef, position);
+  React.useEffect(() => {
+    const map = mapRef.current;
+    if (map == null || setPosition == null) return;
+    const handleMapClick = (event) => {
+      setPosition(event.lngLat, event, mapRef.current);
+      if (centerMarker) {
+        mapRef.current?.flyTo({ center: event.lngLat, duration: 800 });
+      }
+    };
+    map.on("click", handleMapClick);
+    return () => {
+      map?.off("click", handleMapClick);
+    };
+  }, [setPosition, isInitialized]);
+  return null;
+}
+function useBasicMapStyle(opts = {}) {
+  const { styleType } = opts;
+  const inDarkMode = uiComponents.useInDarkMode();
+  const props = React.useMemo(() => {
+    return { styleType, inDarkMode };
+  }, [styleType, inDarkMode]);
+  return getBasicMapStyle(props);
+}
+function getBasicMapStyle(opts) {
+  const { styleType = "macrostrat", inDarkMode = false } = opts ?? {};
+  if (styleType == "macrostrat") {
+    return inDarkMode ? "mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true" : "mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true";
+  } else {
+    return inDarkMode ? "mapbox://styles/mapbox/dark-v10" : "mapbox://styles/mapbox/light-v10";
+  }
+}
+const useBasicStylePair = useBasicMapStyle;
+exports.MapLoadingReporter = MapLoadingReporter;
+exports.MapMarker = MapMarker;
+exports.MapMovedReporter = MapMovedReporter;
+exports.MapPaddingManager = MapPaddingManager;
+exports.MapResizeManager = MapResizeManager;
+exports.getBasicMapStyle = getBasicMapStyle;
+exports.useBasicMapStyle = useBasicMapStyle;
+exports.useBasicStylePair = useBasicStylePair;
+//# sourceMappingURL=helpers.cjs.map

package/dist/helpers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.cjs","sources":["../src/helpers.ts"],"sourcesContent":["import {\n  useMapRef,\n  useMapEaseTo,\n  useMapDispatch,\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 { 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 (!map.loaded()) 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":["useMapRef","useRef","debounce","useState","getMapPadding","useCallback","useMemo","useEffect","useMapEaseTo","useMapDispatch","useMapInitialized","getMapPosition","mapIsLoading","useMapMarker","useInDarkMode"],"mappings":"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"}

package/dist/helpers.d.ts

@@ -0,0 +1,34 @@
+export declare function MapResizeManager({ containerRef }: {
+    containerRef: any;
+}): any;
+interface MapPaddingManagerProps {
+    containerRef: React.RefObject<HTMLDivElement>;
+    parentRef: React.RefObject<HTMLDivElement>;
+    infoMarkerPosition: mapboxgl.LngLatLike;
+    debounceTime?: number;
+}
+export declare function MapPaddingManager({ containerRef, parentRef, infoMarkerPosition, debounceTime, }: MapPaddingManagerProps): any;
+export declare function MapMovedReporter({ onMapMoved }: {
+    onMapMoved?: any;
+}): any;
+interface MapLoadingReporterProps {
+    ignoredSources?: string[];
+    onMapLoading?: (evt: mapboxgl.MapEvent) => void;
+    onMapIdle?: (evt: mapboxgl.MapEvent) => void;
+    mapIsLoading?: boolean;
+}
+export declare function MapLoadingReporter({ ignoredSources, onMapLoading, onMapIdle, mapIsLoading, }: MapLoadingReporterProps): any;
+export declare function MapMarker({ position, setPosition, centerMarker }: {
+    position: any;
+    setPosition: any;
+    centerMarker?: boolean;
+}): any;
+export declare function useBasicMapStyle(opts?: {
+    styleType?: "macrostrat" | "standard";
+}): "mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true" | "mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true" | "mapbox://styles/mapbox/dark-v10" | "mapbox://styles/mapbox/light-v10";
+export declare function getBasicMapStyle(opts: {
+    styleType?: "macrostrat" | "standard";
+    inDarkMode?: boolean;
+}): "mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true" | "mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true" | "mapbox://styles/mapbox/dark-v10" | "mapbox://styles/mapbox/light-v10";
+export declare const useBasicStylePair: typeof useBasicMapStyle;
+export {};

package/dist/helpers.js

@@ -0,0 +1,162 @@
+import { useMapRef, useMapDispatch, useMapInitialized, useMapEaseTo } from "@macrostrat/mapbox-react";
+import { useRef, useEffect, useCallback, useState, useMemo } from "react";
+import { debounce } from "underscore";
+import useResizeObserver from "use-resize-observer";
+import { getMapPosition } from "@macrostrat/mapbox-utils";
+import { useMapMarker, getMapPadding } from "./utils.js";
+import { useInDarkMode } from "@macrostrat/ui-components";
+function MapResizeManager({ containerRef }) {
+  const mapRef = useMapRef();
+  const debouncedResize = useRef(
+    debounce(() => {
+      mapRef.current?.resize();
+    }, 100)
+  );
+  useResizeObserver({
+    ref: containerRef,
+    onResize: debouncedResize.current
+  });
+  return null;
+}
+function MapPaddingManager({
+  containerRef,
+  parentRef,
+  infoMarkerPosition,
+  debounceTime = 200
+}) {
+  const mapRef = useMapRef();
+  const [padding, setPadding] = useState(
+    getMapPadding(containerRef, parentRef)
+  );
+  const _updateMapPadding = useCallback(() => {
+    const newPadding = getMapPadding(containerRef, parentRef);
+    setPadding(newPadding);
+  }, [containerRef.current, parentRef.current]);
+  const updateMapPadding = useMemo(
+    () => debounce(_updateMapPadding, debounceTime),
+    [_updateMapPadding, debounceTime]
+  );
+  useEffect(() => {
+    const map = mapRef.current;
+    if (map == null) return;
+    updateMapPadding();
+  }, [mapRef.current]);
+  useResizeObserver({
+    ref: parentRef,
+    onResize(sz) {
+      updateMapPadding();
+    },
+    round(n) {
+      return Math.round(n);
+    }
+  });
+  useMapEaseTo({ center: infoMarkerPosition, padding });
+  return null;
+}
+function MapMovedReporter({ onMapMoved = null }) {
+  const mapRef = useMapRef();
+  const dispatch = useMapDispatch();
+  const isInitialized = useMapInitialized();
+  const mapMovedCallback = useCallback(() => {
+    const map = mapRef.current;
+    if (map == null) return;
+    const mapPosition = getMapPosition(map);
+    dispatch({ type: "map-moved", payload: mapPosition });
+    onMapMoved?.(mapPosition, map);
+  }, [onMapMoved, dispatch, isInitialized]);
+  useEffect(() => {
+    const map = mapRef.current;
+    if (map == null) return;
+    mapMovedCallback();
+    const cb = debounce(mapMovedCallback, 100);
+    map.on("moveend", cb);
+    return () => {
+      map?.off("moveend", cb);
+    };
+  }, [mapMovedCallback]);
+  return null;
+}
+function MapLoadingReporter({
+  ignoredSources,
+  onMapLoading = null,
+  onMapIdle = null,
+  mapIsLoading
+}) {
+  const mapRef = useMapRef();
+  const loadingRef = useRef(false);
+  const dispatch = useMapDispatch();
+  const isInitialized = useMapInitialized();
+  useEffect(() => {
+    const map = mapRef.current;
+    const mapIsLoading2 = loadingRef.current;
+    if (map == null) return;
+    const loadingCallback = (evt) => {
+      if (ignoredSources.includes(evt.sourceId) || mapIsLoading2) return;
+      onMapLoading?.(evt);
+      dispatch({ type: "set-loading", payload: true });
+      loadingRef.current = true;
+    };
+    const idleCallback = (evt) => {
+      if (!map.loaded()) return;
+      dispatch({ type: "set-loading", payload: false });
+      loadingRef.current = false;
+      onMapIdle?.(evt);
+    };
+    map.on("sourcedataloading", loadingCallback);
+    map.on("idle", idleCallback);
+    return () => {
+      map?.off("sourcedataloading", loadingCallback);
+      map?.off("idle", idleCallback);
+    };
+  }, [ignoredSources, mapIsLoading, isInitialized]);
+  return null;
+}
+function MapMarker({ position, setPosition, centerMarker = true }) {
+  const mapRef = useMapRef();
+  const markerRef = useRef(null);
+  const isInitialized = useMapInitialized();
+  useMapMarker(mapRef, markerRef, position);
+  useEffect(() => {
+    const map = mapRef.current;
+    if (map == null || setPosition == null) return;
+    const handleMapClick = (event) => {
+      setPosition(event.lngLat, event, mapRef.current);
+      if (centerMarker) {
+        mapRef.current?.flyTo({ center: event.lngLat, duration: 800 });
+      }
+    };
+    map.on("click", handleMapClick);
+    return () => {
+      map?.off("click", handleMapClick);
+    };
+  }, [setPosition, isInitialized]);
+  return null;
+}
+function useBasicMapStyle(opts = {}) {
+  const { styleType } = opts;
+  const inDarkMode = useInDarkMode();
+  const props = useMemo(() => {
+    return { styleType, inDarkMode };
+  }, [styleType, inDarkMode]);
+  return getBasicMapStyle(props);
+}
+function getBasicMapStyle(opts) {
+  const { styleType = "macrostrat", inDarkMode = false } = opts ?? {};
+  if (styleType == "macrostrat") {
+    return inDarkMode ? "mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true" : "mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true";
+  } else {
+    return inDarkMode ? "mapbox://styles/mapbox/dark-v10" : "mapbox://styles/mapbox/light-v10";
+  }
+}
+const useBasicStylePair = useBasicMapStyle;
+export {
+  MapLoadingReporter,
+  MapMarker,
+  MapMovedReporter,
+  MapPaddingManager,
+  MapResizeManager,
+  getBasicMapStyle,
+  useBasicMapStyle,
+  useBasicStylePair
+};
+//# sourceMappingURL=helpers.js.map

package/dist/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../src/helpers.ts"],"sourcesContent":["import {\n  useMapRef,\n  useMapEaseTo,\n  useMapDispatch,\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 { 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 (!map.loaded()) 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":["mapIsLoading"],"mappings":";;;;;;;AAeO,SAAS,iBAAiB,EAAE,gBAAgB;AACjD,QAAM,SAAS,UAAA;AAEf,QAAM,kBAAkB;AAAA,IACtB,SAAS,MAAM;AACb,aAAO,SAAS,OAAA;AAAA,IAClB,GAAG,GAAG;AAAA,EAAA;AAGR,oBAAkB;AAAA,IAChB,KAAK;AAAA,IACL,UAAU,gBAAgB;AAAA,EAAA,CAC3B;AAED,SAAO;AACT;AASO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,GAA2B;AACzB,QAAM,SAAS,UAAA;AAEf,QAAM,CAAC,SAAS,UAAU,IAAI;AAAA,IAC5B,cAAc,cAAc,SAAS;AAAA,EAAA;AAGvC,QAAM,oBAAoB,YAAY,MAAM;AAC1C,UAAM,aAAa,cAAc,cAAc,SAAS;AACxD,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,aAAa,SAAS,UAAU,OAAO,CAAC;AAE5C,QAAM,mBAAmB;AAAA,IACvB,MAAM,SAAS,mBAAmB,YAAY;AAAA,IAC9C,CAAC,mBAAmB,YAAY;AAAA,EAAA;AAGlC,YAAU,MAAM;AACd,UAAM,MAAM,OAAO;AACnB,QAAI,OAAO,KAAM;AAEjB,qBAAA;AAAA,EACF,GAAG,CAAC,OAAO,OAAO,CAAC;AAEnB,oBAAkB;AAAA,IAChB,KAAK;AAAA,IACL,SAAS,IAAI;AACX,uBAAA;AAAA,IACF;AAAA,IACA,MAAM,GAAG;AACP,aAAO,KAAK,MAAM,CAAC;AAAA,IACrB;AAAA,EAAA,CACD;AAGD,eAAa,EAAE,QAAQ,oBAAoB,QAAA,CAAS;AAEpD,SAAO;AACT;AAEO,SAAS,iBAAiB,EAAE,aAAa,QAAQ;AACtD,QAAM,SAAS,UAAA;AACf,QAAM,WAAW,eAAA;AACjB,QAAM,gBAAgB,kBAAA;AAEtB,QAAM,mBAAmB,YAAY,MAAM;AACzC,UAAM,MAAM,OAAO;AACnB,QAAI,OAAO,KAAM;AACjB,UAAM,cAAc,eAAe,GAAG;AACtC,aAAS,EAAE,MAAM,aAAa,SAAS,aAAa;AACpD,iBAAa,aAAa,GAAG;AAAA,EAC/B,GAAG,CAAC,YAAY,UAAU,aAAa,CAAC;AAExC,YAAU,MAAM;AAGd,UAAM,MAAM,OAAO;AACnB,QAAI,OAAO,KAAM;AAEjB,qBAAA;AACA,UAAM,KAAK,SAAS,kBAAkB,GAAG;AACzC,QAAI,GAAG,WAAW,EAAE;AACpB,WAAO,MAAM;AACX,WAAK,IAAI,WAAW,EAAE;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,gBAAgB,CAAC;AACrB,SAAO;AACT;AASO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AACF,GAA4B;AAC1B,QAAM,SAAS,UAAA;AACf,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM,WAAW,eAAA;AACjB,QAAM,gBAAgB,kBAAA;AAEtB,YAAU,MAAM;AACd,UAAM,MAAM,OAAO;AACnB,UAAMA,gBAAe,WAAW;AAChC,QAAI,OAAO,KAAM;AAIjB,UAAM,kBAAkB,CAAC,QAAQ;AAC/B,UAAI,eAAe,SAAS,IAAI,QAAQ,KAAKA,cAAc;AAE3D,qBAAe,GAAG;AAClB,eAAS,EAAE,MAAM,eAAe,SAAS,MAAM;AAC/C,iBAAW,UAAU;AAAA,IAEvB;AACA,UAAM,eAAe,CAAC,QAAQ;AAC5B,UAAI,CAAC,IAAI,SAAU;AACnB,eAAS,EAAE,MAAM,eAAe,SAAS,OAAO;AAChD,iBAAW,UAAU;AACrB,kBAAY,GAAG;AAAA,IACjB;AACA,QAAI,GAAG,qBAAqB,eAAe;AAC3C,QAAI,GAAG,QAAQ,YAAY;AAC3B,WAAO,MAAM;AACX,WAAK,IAAI,qBAAqB,eAAe;AAC7C,WAAK,IAAI,QAAQ,YAAY;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,gBAAgB,cAAc,aAAa,CAAC;AAChD,SAAO;AACT;AAEO,SAAS,UAAU,EAAE,UAAU,aAAa,eAAe,QAAQ;AACxE,QAAM,SAAS,UAAA;AACf,QAAM,YAAY,OAAO,IAAI;AAC7B,QAAM,gBAAgB,kBAAA;AAEtB,eAAa,QAAQ,WAAW,QAAQ;AAExC,YAAU,MAAM;AACd,UAAM,MAAM,OAAO;AACnB,QAAI,OAAO,QAAQ,eAAe,KAAM;AAExC,UAAM,iBAAiB,CAAC,UAAkC;AACxD,kBAAY,MAAM,QAAQ,OAAO,OAAO,OAAO;AAE/C,UAAI,cAAc;AAChB,eAAO,SAAS,MAAM,EAAE,QAAQ,MAAM,QAAQ,UAAU,KAAK;AAAA,MAC/D;AAAA,IACF;AAEA,QAAI,GAAG,SAAS,cAAc;AAE9B,WAAO,MAAM;AACX,WAAK,IAAI,SAAS,cAAc;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,aAAa,aAAa,CAAC;AAE/B,SAAO;AACT;AAEO,SAAS,iBACd,OAEI,IACJ;AACA,QAAM,EAAE,cAAc;AACtB,QAAM,aAAa,cAAA;AAEnB,QAAM,QAAQ,QAAQ,MAAM;AAC1B,WAAO,EAAE,WAAW,WAAA;AAAA,EACtB,GAAG,CAAC,WAAW,UAAU,CAAC;AAE1B,SAAO,iBAAiB,KAAK;AAC/B;AAEO,SAAS,iBAAiB,MAG9B;AACD,QAAM,EAAE,YAAY,cAAc,aAAa,MAAA,IAAU,QAAQ,CAAA;AAEjE,MAAI,aAAa,cAAc;AAC7B,WAAO,aACH,wEACA;AAAA,EACN,OAAO;AACL,WAAO,aACH,oCACA;AAAA,EACN;AACF;AAEO,MAAM,oBAAoB;"}

package/dist/index.cjs

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index$2 = require("./context-panel/index.cjs");
+const index = require("./location-panel/index.cjs");
+const container = require("./container.cjs");
+const mapView = require("./map-view.cjs");
+const controls = require("./controls.cjs");
+const helpers = require("./helpers.cjs");
+const utils = require("./utils.cjs");
+const index$1 = require("./expansion-panel/index.cjs");
+const hashString = require("./hash-string.cjs");
+const mapPage = require("./dev/map-page.cjs");
+const vectorTileFeatures = require("./dev/vector-tile-features.cjs");
+const index$3 = require("./location-details/fossil-collections/index.cjs");
+const macrostratLinked = require("./location-details/macrostrat-linked.cjs");
+const headers = require("./expansion-panel/headers.cjs");
+const physiography = require("./location-details/physiography.cjs");
+const regStrat = require("./location-details/reg-strat.cjs");
+const tileExtent = require("./dev/tile-extent.cjs");
+const index$4 = require("./location-details/xdd-panel/index.cjs");
+const xray = require("./dev/xray.cjs");
+exports.FloatingNavbar = index$2.FloatingNavbar;
+exports.LoadingButton = index$2.LoadingButton;
+exports.MapLoadingButton = index$2.MapLoadingButton;
+exports.BaseInfoDrawer = index.BaseInfoDrawer;
+exports.DetailsPanel = index.DetailsPanel;
+exports.InfoDrawerContainer = index.InfoDrawerContainer;
+exports.LocationPanel = index.LocationPanel;
+exports.DetailPanelStyle = container.DetailPanelStyle;
+exports.MapAreaContainer = container.MapAreaContainer;
+exports.MapStyledContainer = container.MapStyledContainer;
+exports.PanelCard = container.PanelCard;
+exports.MapTerrainManager = mapView.MapTerrainManager;
+exports.MapView = mapView.MapView;
+exports.MapBottomControls = controls.MapBottomControls;
+exports.MapLoadingReporter = helpers.MapLoadingReporter;
+exports.MapMarker = helpers.MapMarker;
+exports.MapMovedReporter = helpers.MapMovedReporter;
+exports.MapPaddingManager = helpers.MapPaddingManager;
+exports.MapResizeManager = helpers.MapResizeManager;
+exports.getBasicMapStyle = helpers.getBasicMapStyle;
+exports.useBasicMapStyle = helpers.useBasicMapStyle;
+exports.useBasicStylePair = helpers.useBasicStylePair;
+exports.getMapPadding = utils.getMapPadding;
+exports.useMapMarker = utils.useMapMarker;
+exports.ExpandableDetailsPanel = index$1.ExpandableDetailsPanel;
+exports.ExpansionBody = index$1.ExpansionBody;
+exports.ExpansionPanel = index$1.ExpansionPanel;
+exports.ExpansionPanelSummary = index$1.ExpansionPanelSummary;
+exports.InfoPanelSection = index$1.InfoPanelSection;
+exports.SubExpansionPanel = index$1.SubExpansionPanel;
+exports.applyMapPositionToHash = hashString.applyMapPositionToHash;
+exports.getMapPositionForHash = hashString.getMapPositionForHash;
+exports.DevMapPage = mapPage.DevMapPage;
+exports.MapInspectorV2 = mapPage.MapInspectorV2;
+exports.h = mapPage.h;
+exports.FeaturePanel = vectorTileFeatures.FeaturePanel;
+exports.FeatureProperties = vectorTileFeatures.FeatureProperties;
+exports.FeatureRecord = vectorTileFeatures.FeatureRecord;
+exports.FeatureSelectionHandler = vectorTileFeatures.FeatureSelectionHandler;
+exports.Features = vectorTileFeatures.Features;
+exports.TileInfo = vectorTileFeatures.TileInfo;
+exports.FossilCollections = index$3.FossilCollections;
+exports.MacrostratLinkedData = macrostratLinked.MacrostratLinkedData;
+exports.PanelSubhead = headers.PanelSubhead;
+exports.Physiography = physiography.Physiography;
+exports.RegionalStratigraphy = regStrat.RegionalStratigraphy;
+exports.TileExtentLayer = tileExtent.TileExtentLayer;
+exports.XddExpansion = index$4.XddExpansion;
+exports.xDDPanelCore = index$4.xDDPanelCore;
+exports.buildInspectorStyle = xray.buildInspectorStyle;
+exports.buildXRayStyle = xray.buildXRayStyle;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+export * from './context-panel';
+export * from './location-panel';
+export * from './dev';
+export * from './container';
+export * from './map-view';
+export * from './controls';
+export * from './helpers';
+export * from './utils';
+export * from './expansion-panel';
+export * from './location-details';
+export * from './hash-string';

package/dist/index.js

@@ -0,0 +1,73 @@
+import { FloatingNavbar, LoadingButton, MapLoadingButton } from "./context-panel/index.js";
+import { BaseInfoDrawer, DetailsPanel, InfoDrawerContainer, LocationPanel } from "./location-panel/index.js";
+import { DetailPanelStyle, MapAreaContainer, MapStyledContainer, PanelCard } from "./container.js";
+import { MapTerrainManager, MapView } from "./map-view.js";
+import { MapBottomControls } from "./controls.js";
+import { MapLoadingReporter, MapMarker, MapMovedReporter, MapPaddingManager, MapResizeManager, getBasicMapStyle, useBasicMapStyle, useBasicStylePair } from "./helpers.js";
+import { getMapPadding, useMapMarker } from "./utils.js";
+import { ExpandableDetailsPanel, ExpansionBody, ExpansionPanel, ExpansionPanelSummary, InfoPanelSection, SubExpansionPanel } from "./expansion-panel/index.js";
+import { applyMapPositionToHash, getMapPositionForHash } from "./hash-string.js";
+import { DevMapPage, MapInspectorV2, h } from "./dev/map-page.js";
+import { FeaturePanel, FeatureProperties, FeatureRecord, FeatureSelectionHandler, Features, TileInfo } from "./dev/vector-tile-features.js";
+import { FossilCollections } from "./location-details/fossil-collections/index.js";
+import { MacrostratLinkedData } from "./location-details/macrostrat-linked.js";
+import { PanelSubhead } from "./expansion-panel/headers.js";
+import { Physiography } from "./location-details/physiography.js";
+import { RegionalStratigraphy } from "./location-details/reg-strat.js";
+import { TileExtentLayer } from "./dev/tile-extent.js";
+import { XddExpansion, xDDPanelCore } from "./location-details/xdd-panel/index.js";
+import { buildInspectorStyle, buildXRayStyle } from "./dev/xray.js";
+export {
+  BaseInfoDrawer,
+  DetailPanelStyle,
+  DetailsPanel,
+  DevMapPage,
+  ExpandableDetailsPanel,
+  ExpansionBody,
+  ExpansionPanel,
+  ExpansionPanelSummary,
+  FeaturePanel,
+  FeatureProperties,
+  FeatureRecord,
+  FeatureSelectionHandler,
+  Features,
+  FloatingNavbar,
+  FossilCollections,
+  InfoDrawerContainer,
+  InfoPanelSection,
+  LoadingButton,
+  LocationPanel,
+  MacrostratLinkedData,
+  MapAreaContainer,
+  MapBottomControls,
+  MapInspectorV2,
+  MapLoadingButton,
+  MapLoadingReporter,
+  MapMarker,
+  MapMovedReporter,
+  MapPaddingManager,
+  MapResizeManager,
+  MapStyledContainer,
+  MapTerrainManager,
+  MapView,
+  PanelCard,
+  PanelSubhead,
+  Physiography,
+  RegionalStratigraphy,
+  SubExpansionPanel,
+  TileExtentLayer,
+  TileInfo,
+  XddExpansion,
+  applyMapPositionToHash,
+  buildInspectorStyle,
+  buildXRayStyle,
+  getBasicMapStyle,
+  getMapPadding,
+  getMapPositionForHash,
+  h,
+  useBasicMapStyle,
+  useBasicStylePair,
+  useMapMarker,
+  xDDPanelCore
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/location-details/fetch.d.ts

@@ -0,0 +1,4 @@
+export declare function fetchMapInfo(lng: any, lat: any, z: any): any;
+export declare function fetchColumnInfo(lng: any, lat: any): any;
+export declare function fetchXddInfo(stratNames: any): any;
+export declare function fetchFossilInfo(lng: any, lat: any): any;